/************************************************
Author: chinasspp.com, Leanne.Liu
*************************************************/

/* GENERAL DEFINITIONS */
* html body { behavior: url("/htc/csshover.htc"); } /* FOR IE6 */
* +html body { behavior: url("/htc/csshover.htc"); } /* FOR IE7 */
body { padding: 0; margin: 0; font: 12px "宋体", Arial; line-height: 20px; color: #666; background-color: #F3F3F3; }
form { margin: 0; padding: 0; }
input,select,textarea { font-size: 12px; background-color: #FFF; color: #666; }
p { margin: 0 0 15px; }
img { border: 0; }
a { color: #666; text-decoration: none; }
a:hover { color: #00A2FF; text-decoration: underline; }
dl, dt, dd, ul { margin: 0; padding: 0; }
li { list-style: none; }
em, i { font-style: normal; }

/* HEADER */
#login { width: 100%; height: 27px; background: url(http://user.chinasspp.com/images/bg.gif) left top repeat-x; border-bottom: 1px solid #DCDCDC; }
#login .inner { margin: 0 auto; width: 960px; }
#login a { float: left; display: inline; margin-right: 10px; padding-top: 5px; height: 22px; color: #333; }
#login a:hover { color: #333; text-decoration: underline; }
#login a.r { float: right; margin-right: 0; padding: 5px 10px 0; border-right: 1px solid #DCDCDC; }
#login a.red, #login a.red:hover { color: #FF3560; }
#login a.sina { padding-left: 30px; background: url(http://user.chinasspp.com/images/medal/sina.gif) 9px 2px no-repeat; border-left: 1px solid #DCDCDC; }
#login a.qq { padding-left: 30px; background: url(http://user.chinasspp.com/images/medal/qq.gif) 9px 3px no-repeat; }

#login ul { float: right; display: inline-block; width: auto; }
#login li { float: left; display: inline-block; }
#login li a.top, #login li a.vip { display: inline-block; margin-right: 0; padding: 5px 10px 0; border-right: 1px solid #DCDCDC; }
#login li a.top em { color: #FF3560; }
#login li a.vip { width: 20px; background: url(http://user.chinasspp.com/images/medal/vip.gif) center center no-repeat; filter: alpha(opacity=80); opacity: 0.8; -moz-opacity: 0.8; text-indent: -1000px; overflow: hidden; }
#login li a.vip:hover { filter: alpha(opacity=100); opacity: 1.0; -moz-opacity: 1.0; }
#login li a.user { position: relative; top: 1px; padding-right: 20px; padding-top: 4px; height: 23px; background: url(http://user.chinasspp.com/images/icon.gif) right 11px no-repeat; border-left: 1px solid #DCDCDC; }
#login li a.user img { float: left; margin: 0 5px 0 0; height: 18px; } /* 固定图片高度 */

#login ul ul { clear: both; display: none; position: absolute; z-index: 800; top: 28px; width: 170px; background-color: #FFF; border: 1px solid #DCDCDC; border-top: none; }
#login ul ul li { float: left; display: block; width: 100%; }
#login ul ul li a { display: inline-block; margin: 0 10px; font-size: 12px; }
#login ul ul li.last { background-color: #F7F7F7; }
#login ul ul li.last a { display: block; margin: 0; padding: 3px 10px; width: 150px; height: 100%; color: #666; }
#login ul ul li.last a:hover { color: #000; }

#login li:hover ul { display: block; }
#login li:hover a.user { background: url(http://user.chinasspp.com/images/icon.gif) right -7px no-repeat #FFF; }

#login form { float: right; margin: 1px 0 1px 1px; width: 45px; height: 25px; overflow: hidden; } /* 实际宽度285 */
#login form a:hover { text-decoration: none; }
#login form ul { float: right; }
#login form li a.top { display: inline-block; margin-right: 0; padding: 3px 17px 0 5px; width: 25px; height: 20px; background: url(http://user.chinasspp.com/images/icon.gif) -100px 11px no-repeat #FFF; border: 1px solid #3D3D3D; border-right: none; }
#login form ul ul { top: 25px; width: 47px; background-color: #FFF; border: 1px solid #3D3D3D; border-top: none; }
#login form ul ul li { border-top: 1px solid #DEDEDE; }
#login form ul ul li a { margin: 0; padding: 3px 0 0 5px; width: 42px; height: 20px; font-size: 12px; }
#login form ul ul li a:hover { background-color: #3D3D3D; color: #FFF; }
#login #ts_key { float: right; padding: 5px; width: 180px; height: 13px; border: 1px solid #3D3D3D; outline: none; }
#login #ts_ok { float: right; display: block; padding: 0 0 0 5px; width: 45px; height: 25px; background: url(http://user.chinasspp.com/images/btn.gif) right -222px no-repeat #3D3D3D; border: none; color: #FFF; text-align: left; cursor: pointer; overflow: hidden; }

#link2m i { display: none; margin-left: 3px; color: #CCC; font-style: normal; }
#link2m img { display: none; width: 140px; }
#link2m:hover { position: absolute; z-index: 800; margin-left: -6px; padding: 5px; width: 140px; height: auto; background-color: #FFF; border: 1px solid #DCDCDC; border-top: none; text-decoration: none; }
#link2m:hover i, #link2m:hover img { display: inline-block; }

#header { width: 100%; background-color: #FFF; color: #B3B3B3; overflow: hidden; }
#header p { display: block; margin: 5px auto; width: 960px; height: 65px; overflow: hidden; }
#header a.logo { float: left; display: inline; margin: 10px 10px 0 0; width: 168px; height: 46px; background: url(../images/logo.jpg) no-repeat; border: none; text-indent: -2000px; }
#header strong { float: left; margin: 18px 0 18px 10px; padding: 5px 5px 5px 10px; font-size: 24px; font-weight: normal; font-family: "微软雅黑" , "宋体"; border-left: 1px solid #999; }
#header a { float: right; margin: 0 0 0 3px; border: 1px solid #EEE; }
#header a img { height: 63px; } /* 固定图片高度 */

/* NAVIGATION BAR */
#nav { width: 100%; height: 34px; line-height: 34px; background: url(../images/bg.gif) left -35px repeat-x; }
#nav ul { display: block; margin: 0 auto; width: 960px; }
#nav li { float: left; display: inline; }
#nav li a { float: left; display: inline; padding: 0 30px; color: #FFF; font-size: 14px; }
#nav li a:hover { background-color: #333; color: #FFF; text-decoration: none; }
#nav li a.current, #nav li a.current:hover { background-color: #00A2FF; color: #FFF; text-decoration: none; }

/* CONTAINER */
#container { margin: 0 auto; padding: 0; width: 960px; overflow: hidden; }

/* PAGINATION */
.pagination { clear: both; padding: 30px 0; font-size: 14px; text-align: center; }
.pagination a { margin: 0 2px; padding: 4px 8px; background-color: #FFF; border: 1px solid #CCC; color: #666; }
.pagination a:hover { color: #FFF; text-decoration: none; background-color: #00A2FF; border: 1px solid #00A2FF; }
.pagination span { margin: 0 2px; font-style: normal; }
.pagination span.current { padding: 5px 9px 8px; background: url(../images/icon.gif) right bottom no-repeat; color: #FFF; }
.pagination span.disabled { padding: 4px 8px; background-color: #FFF; border: 1px solid #DDD; color: #DDD; }

/* FOOTER */
#footer { clear: both; width: 100%; padding: 5px 0; background-color: #454545; color: #A5A5A5; text-align: center; }
#footer a { display: inline-block; margin: 0 30px; color: #A5A5A5; }
#footer a:hover { text-decoration: underline; }

/* COPYRIGHT */
#copyright { padding: 10px 0; color: #808080; background-color: #FFF; }
#copyright a.logo { float: left; display: block; margin: 10px; width: 168px; height: 46px; background: url(../images/logo.jpg) no-repeat; text-indent: -2000px; }
#copyright a.code { width: 80px; }
#copyright a.code img { width: 80px; }
#copyright p { float: left; display: block; margin: 10px 0; padding: 0 10px; width: 651px; height: 56px; border-left: 1px solid #EEE; line-height: 18px; }
#copyright p a { color: #808080; }
#copyright p a:hover { color: #808080; text-decoration: underline; }
#copyright p span { font: 12px Arial; }

/* LOGIN, FLY */
#login_fly { display: none; position: fixed; bottom: 0; z-index: 900; width: 100%; }
#login_fly .bg { display: block; width: 100%; height: 190px; background-color: #000; filter: alpha(opacity=70); opacity: 0.7; -moz-opacity: 0.7; }

#login_fly .inner { display: block; position: relative; top: -190px; margin: 0 auto -190px; padding: 20px 0 0 20px; width: 940px; height: 170px; line-height: 50px; color: #FFF; font-size: 14px; text-align: center; overflow: hidden; }
#login_fly .inner a:hover { text-decoration: none; }
#login_fly .inner a.sina, #login_fly .inner a.qq { display: inline-block; margin: 40px 20px 0 0; width: 172px; height: 43px; line-height: 43px; background: url(../images/btn.gif) no-repeat; color: #FFF; font-size: 14px; }
#login_fly .inner a.sina { text-indent: 30px; background-position: 0px -124px; }
#login_fly .inner a.sina:hover { background-position: 0px -72px; }
#login_fly .inner a.qq { text-indent: 20px; background-position: 0px -228px; }
#login_fly .inner a.qq:hover { background-position: 0px -176px; }
#login_fly .inner .close { float: right; display: block; width: 60px; height: 50px; line-height: 50px; color: #FFF; font-size: 65px; cursor: pointer; }
#login_fly .inner .close:hover { color: #00A2FF; }

#login_fly .inner form { float: left; display: block; padding-top: 20px; width: 250px; line-height: 30px; }
#login_fly .inner form p { display: inline-block; margin-bottom: 5px; width: 100%; text-align: left; }
#login_fly .inner form label { float: left; margin-right: 5px; color: #FFF; }
#login_fly .inner form input { float: left; padding: 2px; width: 180px; background: none; border: 1px solid #FFF; color: #FFF; }
#login_fly .inner form input.short { width: 115px; }
#login_fly .inner form input.btn { float: right; display: block; margin-left: 10px; padding: 0; width: 61px; height: 23px; line-height: 23px; background: url(../images/btn.gif) right -40px no-repeat; border: none; color: #FFF; font-size: 14px; text-align: center; cursor: pointer; }
#login_fly .inner form input.btn:hover { background: url(../images/btn.gif) left -40px no-repeat; }
#login_fly .inner form .img { float: left; display: inline-block; margin: 2px 0 2px 5px; height: 22px; cursor: pointer; overflow: hidden; }
#login_fly .inner form .img img { margin-top: -10px; cursor: pointer; }
#login_fly .inner form a { float: right; color: #FFF; text-decoration: underline; }
#login_fly .inner form a:hover { color: #729BFF; text-decoration: underline; }

* html #login_fly { position: absolute; bottom: auto; top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))); }
* html { background-image: url(about:blank); background-attachment: fixed; }

/* ADV */
.adv_1 { clear: both; display: block; margin-bottom: 5px; padding: 20px 0 30px; width: 960px; background-color: #FFF; overflow: hidden; }
.adv_1 a { float: left; margin: 0 1px 4px; border: 1px solid #EEE; }

.adv_2 a { display: block; margin: 10px 20px 0; padding: 2px; width: 599px; border: 1px solid #EEE; }
.adv_2 a img { width: 599px; }

/* COLUMN */
.shasow { background: url(../images/shadow.jpg) left bottom repeat-x #FFF; }

.col_t { display: inline-block; padding: 10px 0 10px 5px; width: 955px; color: #999; }
.col_t span { float: left; width: 620px; height: 25px; line-height: 25px; overflow: hidden; }
.col_t span label { color: #666; }
.col_t span a { margin: 0 5px; color: #999; }
.col_t span a.r15px { margin-right: 15px; }
.col_t span strong { margin: 0 5px; font-weight: normal; }
.col_t form { float: right; }
#t_s_key { float: left; margin: 0 3px; padding: 3px; width: 155px; height: 15px; border: 1px solid #B7B7B7; }
#t_s_btn { float: left; width: 58px; height: 23px; line-height: 23px; background: url(../images/btn.gif) left top no-repeat; border: none; color: #FFF; text-align: center; cursor: pointer; }

/* SELECT, CUSTOM */
.select { float: left; display: inline-block; }
.select label { display: block; padding: 0 5px 0 5px; width: 60px; height: 21px; line-height: 21px; background: url(../images/icon.gif) -75px 9px no-repeat #FFF; border: 1px solid #B7B7B7; cursor: pointer; overflow: hidden; }
.select label:hover { border: 1px solid  #00A2FF; }
.select ul { clear: both; display: none; position: absolute; z-index: 100; margin-top: -1px; width: 70px; height: 125px; border: 1px solid #B7B7B7; background-color: #FFF; overflow-y: scroll; }
.select li { display: block; padding: 0 0 0 5px; height: 20px; line-height: 20px; cursor: pointer; overflow: hidden; }
.select li:hover { background-color: #00A2FF; color: #FFF; }

.tj_hidden { display: none; }