/* @import "a1/*.png"; */
body, h1, .hgroup h2, h2, h3, h4, h5, h6, blockquote, p, pre, dl, dd, menu, ol, ul, caption, th, td, form, fieldset, legend, input, button, textarea { margin: 0; padding: 0; }

h1, .hgroup h2, h2, h3, h4, h5, h6 { font-size: 100%; }

menu, ol, ul { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; }

fieldset, img { border: 0; }

address, cite, dfn, em, var { font-style: normal; }

code, kbd, pre, samp { font-family: 'courier new',courier,monospace; }

input, button, textarea, select { font-size: 100%; }

abbr[title] { border-bottom: 1px dotted; cursor: help; }

a { text-decoration: none; }

body, input, button, textarea, select, option, optgroup { font: 12px/1 arial, \5b8b\4f53, sans-serif; }

/* color */
/* mixin */
/* base */
html { overflow-y: scroll; }

.cfl, #content, .aside .s3 dl, .aside .sns ul, #gallery { *zoom: 1; }
.cfl:after, #content:after, .aside .s3 dl:after, .aside .sns ul:after, #gallery:after { content: "\0020"; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden; }

.tind, #logo, .cdma, #close { text-indent: -999em; overflow: hidden; }

.fl { float: left; display: inline; }

.flr { float: right; }

.f12 { font-size: 12px; }

.f14 { font-size: 14px; }

.f16 { font-size: 16px; }

.fw7 { font-weight: 700; }

.fw4 { font-weight: 400; }

.tac { text-align: center; }

.tal { text-align: left; }

.tar { text-align: right; }

.vam { vertical-align: middle; }

/* module */
.section { -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 0 6px rgba(0, 0, 0, 0.1); box-shadow: 0 0 6px rgba(0, 0, 0, 0.1); opacity: 0.9; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90); margin-bottom: 10px; background: #FFF; *border: 1px solid #E7E7E7; overflow: hidden; }
.section .tit { font-size: 16px; line-height: 18px; padding: 20px 0; }

.main .tit { width: 600px; margin: 0 auto; }

/* layout */
body { background: #F8F8F8; color: #333333; }

#page { width: 960px; margin: 0 auto; }

#header { position: relative; height: 617px; background: url(../images/bg4.jpg) 0 0 no-repeat; }
#header h2 { display: none; }
#header p { position: absolute; left: 10px; top: 390px; font-size: 14px; line-height: 16px; color: #848383; }

#logo, .cdma { position: absolute; top: 57px; left: 134px; display: block; width: 100px; height: 41px; background: url(../images/logo.png) 0 0 no-repeat; }

.cdma { width: 72px; height: 50px; top: 47px; left: 4px; background: none; }

#content { position: relative; margin-top: -160px; }
#content .main, #content .aside { float: left; display: inline; }
#content .main { width: 650px; }
#content .aside { width: 300px; margin-left: 10px; overflow: hidden; }

.aside .section { padding: 0 25px; }
.aside .s1 .bd { -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px; border: 1px solid #E7E7E7; }
.aside .s1 li { color: #fa5c2b; font-size: 14px; font-weight: 700; line-height: 16px; padding: 12px 0; text-align: center; border-bottom: 1px solid #E7E7E7; }
.aside .s1 li span { color: #333333; font-weight: 400; margin: 0 4px; }
.aside .s1 li.last { border: none; font-size: 12px; line-height: 14px; font-weight: 400; padding: 10px 0; background: #F4F4F4; color: #333333; }
.aside .s2 { font-size: 14px; line-height: 20px; }
.aside .s2 .time { color: #fa5c2b; }
.aside .s2 li { margin-bottom: 6px; }
.aside .s2 li p { color: #939393; }
.aside .s3 { font-size: 14px; line-height: 18px; }
.aside .s3 li { margin-bottom: 16px; }
.aside .s3 dt, .aside .s3 dd { float: left; display: inline; }
.aside .s3 dt { margin-right: 14px; }
.aside .s3 dt a { display: block; width: 52px; height: 52px; overflow: hidden; }
.aside .s3 dd { width: 140px; }
.aside .s4, .aside .s5 { font-size: 14px; line-height: 17px; }
.aside .s4 .bd, .aside .s5 .bd { color: #939393; }
.aside .s4 .bd p, .aside .s5 .bd p { margin-bottom: 10px; }
.aside .sns { -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px; font-size: 14px; font-weight: 700; line-height: 16px; margin-bottom: 20px; padding: 0 6px 6px; }
.aside .sns h3 { color: #FFF; padding: 8px 0; }
.aside .sns .bd { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; padding: 10px 0; background: #FFF; }
.aside .sns li { float: left; display: inline; width: 50%; text-align: center; }
.aside .sns a { color: #333333; }
.aside .weibo { background: #F35D5A; }
.aside .weibo a:hover { color: #F35D5A; }
.aside .qq { background: #65BED4; }
.aside .qq a:hover { color: #65BED4; }

#weibo { width: 600px; margin: 0 auto; }

#live { width: 600px; margin: 0 auto 12px; }

#footer { text-align: center; color: #AEAEAE; font-size: 14px; line-height: 16px; padding: 40px 0 20px; }
#footer a { color: #AEAEAE; }

#gallery { width: 600px; margin: 0 auto; }
#gallery li { width: 141px; float: left; display: inline; margin-right: 12px; margin-bottom: 10px; overflow: hidden; }
#gallery li.g4, #gallery li.g8 { margin: 0; }
#gallery li a { display: block; width: 137px; height: 137px; border: 1px solid #E7E7E7; padding: 1px; background: #FFF; }
#gallery li p { text-align: center; font-size: 14px; line-height: 16px; padding: 10px 0; }

.gallery .tit .more { float: right; font-size: 12px; font-family: verdana; color: #fa5c2b; }

#pop { position: absolute; top: 740px; left: 50%; margin-left: -300px; width: 600px; height: 600px; border: 1px solid #E7E7E7; background: #CCC; }

#close { position: absolute; display: block; width: 20px; height: 20px; background: url(../images/close.png) 50% 50% no-repeat; top: 0; right: 0; cursor: pointer; }