/* public */
html,body,form,ol,ul,li,div,p,dl,dt,dd,h1,h2,h3,h4,h5,h6,table,th,td,font,em,ins,span,a{margin:0; padding:0;}
h1,h2,h3,h4,h5,h6,button,input,select,textarea{font-size:100%;font-weight:normal}
html{_filter:expression(document.execCommand("BackgroundImageCache",false,true));}
ul,li,div,dl,dt,dd{list-style:none;}
h1{height:0px; line-height:0px; font-size:0px;}
a{text-decoration:none;}
a{blr:expression(this.onFocus=this.blur());outline:none; color:#000;}
a:hover{text-decoration:underline; color:#FFF;}
ins{float:right; text-decoration:none; font-weight:normal;}
img{border:0;}
font,em{font-style:normal; font-family:\5b8b\4f53;}
label{vertical-align:middle;font-family:tahoma;}
textarea{resize:none;}
.wsp{word-wrap:break-word; word-break:break-all;}
.abso{vertical-align:middle;}
.clr{clear:both;font-size:0;height:0;line-height:0;overflow:hidden;}
body{background:#000; font-size:12px; font-family:Verdana,Geneva,sans-serif,\5b8b\4f53; padding-top:110px;}

/* content */
#content{min-width:1002px;width:100%;width:expression((documentElement.clientWidth < 1002) ? "1002px" : "100%" );}
#content{background:url(../images/top.png) no-repeat center top;}

/* header */
#header{width:942px; margin:0 auto; height:220px; position:relative;}
#xuejialogo{width:168px; height:58px; position:absolute; right:10px; top:10px; display:block;}
#nav{width:600px; height:50px; position:absolute; right:0; top:84px;}
#nav a{float:left; display:inline; width:60px; height:50px; line-height:50px; color:#4d4d4d; border-top:1px solid #000; text-align:center;}
#nav a:hover,#nav a.hover{color:#FFF; border-top:1px solid #8d340e; text-decoration:none;}

/* main */
#main{width:942px; margin:0 auto; padding-bottom:50px; color:#4d4d4d;}
.lout{height:40px; line-height:30px; width:825px; margin:0 auto; border-bottom:1px solid #4d4d4d; margin-bottom:30px;}
.lout,.lout a{color:#4d4d4d;}
.lout a:hover{color:#FFF;}
.lout em{padding:0 10px;}

/* picbox */
.picbox{height:350px;}
#picplay{margin:0 auto; position:relative;}
#picplay,#picplay img{width:825px; height:330px;}
#picplay img{position:absolute; left:0; top:0; z-index:1;}
#picplay ul.item{width:100px; height:20px; line-height:20px; position:absolute; bottom:5px; right:0; z-index:3;}
#picplay ul.item li{width:10px; height:10px; float:left; cursor:pointer; display:inline; margin-right:4px; color:#FFF; text-align:center; background:#666;}
#picplay ul.item li.hover{background:#486210;}
#picplay .picback{width:825px; height:40px; position:absolute; z-index:2; left:0; bottom:0;}
.picback{filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#CC000000', endColorstr='#CC000000');background:rgba(0,0,0,0.8);}
:root .picback{filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#00000000', endColorstr='#00000000');}/*for IE9*/

/* infobox */
.infobox{width:825px; margin:0 auto; background:#111; margin-bottom:20px; padding:20px 0 0 0;}
.infobox dl{height:70px;}
.infobox dt,.infobox dd{float:left;}
.infobox dt{width:48px; padding:4px 0 0 24px;}
.infobox dd{width:726px;}
.infobox dd a{color:#888;}
.infobox dd h3{height:18px;}
.infobox dd p{color:#4d4d4d; line-height:18px;}


/* newsbox */
.newsbox{width:825px; margin:0 auto; height:auto !important; min-height:500px; height:500px;}
.newslist li{border-bottom:1px dashed #666; line-height:26px; padding:20px;}
.newslist h4{text-align:center;}
.newslist p{text-indent:2em;}
.newslist h2{font-size:14px; color:#aaa;}
.newslist h2 a{color:#aaa;}
.newsfont{line-height:30px; color:#aaa; width:600px; margin:0 auto; font-size:14px;}
.newsfont h2{font-size:16px; font-weight:bold; height:50px; text-align:center; color:#FFF;}
.newsfont p{text-indent:2em; padding-bottom:10px;}
.newsfont h4{text-align:center;}

/* tv */
.rocky_le{float:left; width:600px;}
.rocky_lr{float:right; width:220px; background:url(../images/rockytv.png) no-repeat 0 0; padding:50px 0 0 0;}
.rockmenu dt{height:24px; background:url(../images/menu.jpg) no-repeat 0 -24px; font-size:14px; color:#3a3a3a; width:200px; cursor:pointer; text-indent:2.5em; line-height:24px; margin-bottom:5px;}
.rockmenu dt.hover{background-position:0 0;}
.rockmenu dd{padding-bottom:10px; display:none;}
.rockmenu a{color:#4d4d4d;}
.rockmenu a:hover,.rockmenu a.hover{color:#929292;}
.rockmenu p{height:20px; line-height:20px; text-indent:2.5em;}
.tvifr{-webkit-border-radius:5px; -khtml-border-radius:5px; border-radius:5px; background:#101010; padding:20px 30px; height:auto !important; min-height:500px; height:500px; font-size:14px;}
.tvifr h2{color:#888; padding-bottom:10px;}
.tvifr p{color:#555; line-height:30px; text-indent:2em; padding-bottom:10px;}
.tvifr h3{line-height:30px; padding-bottom:10px;}
.tvifr h4{padding-bottom:10px;}
.tvifr span{font-size:30px; color:#888;}

/* eventbox */
.eventbox table{line-height:30px; font-size:14px; color:#888;}
.eventbox a{color:#FFF; text-decoration:underline;}
.color_even{background:#111;}


.left,.right,.MooFlow{float:left;}
.left,.right{width:60px; text-align:center; padding-top:150px;}
.left img,.right img{cursor:pointer;}
.MooFlow{width:700px; text-align:center; overflow:hidden; height:400px; color:#FFF;}
.MooFlow ul{width:3500px;}
.MooFlow ul li{float:left; width:100px; text-align:center;}
.MooFlow p{height:334px;}

#map_canvas{height:420px; width:815px; border:solid 5px #222222;margin-bottom:20px;}
#retailers_left{float:left;width: 300px;text-align:left;}
#retailers_right{text-align:left;float:left;width: 525px;}
#retailers_right input{float:right;padding-left:10px;width: 390px;height: 40px;border:solid 5px #222222;padding-top:7px;}
#retailers_right input#search{margin-left:5px;float:right;padding-top:0;padding-left:10px;padding-right:10px;width: 120px;height: 40px;border:solid 5px #222222;}
#retailers_right input#search:hover{background-color:#999;}
#legend{text-align:left;width:270px;background-color:#101010;padding-top:5px;padding-bottom:5px;-moz-border-radius: 10px;-webkit-border-radius: 10px;-khtml-border-radius: 10px;border-radius: 10px;margin-bottom:5px;}
#legendtext{color:#4d4d4d;font-family:helvetica, arial;font-size:14px;padding-left:20px;letter-spacing:.07em;}

/* aboutbox */
.aboutbox dt,.aboutbox dd{float:left;color:#aaa;}
.aboutbox dt{width:250px;}
.aboutbox dd{width:570px;}
.aboutbox img{border:1px solid #999;}
.aboutbox h3{font-size:16px; font-weight:bold; text-align:center; padding-bottom:20px;}
.aboutbox p{line-height:30px; text-indent:2em; padding-bottom:10px;}

/* footer */
#footer{text-align:center; line-height:50px; padding:20px 0; font-size:14px; min-width:1002px; background:#171717}
#footer,#footer a{color:#FFF;}