@charset "utf-8";
/*
 * boohee's common.css
 * modified by hulala
 * 2009-11-10
 */

/*-------------------- reset --------------------*/
body,
h1,h2,h3,h4,h5,h6,
p,ul,ol,dl,dd,
form,fieldset,legend,textarea,input,button,
blockquote,pre{
	margin:0;
	padding:0;
}

html{
	overflow-y:scroll/* avoid moving at ff */;
}

body{
	font:12px "microsoft yahei",Helvetica;
	color:#666;
	/*background:#fff url(/images/common/header_divideline.png) repeat-x 0 95px;*/
}

h1,h2,h3,h4,h5,h6,
input,textarea,select,optgroup,button,
pre,tt,code{
	font-size:100%;
	font-family: "microsoft yahei",Helvetica;
}

input,textarea,select,button,
* legend/* for ie */{
	color:#444;
}

form label{
	cursor:pointer;
}

textarea{
	overflow:auto;
}

img{
	border:0;
}

hr{
	height:1px;
	border:none;
	border-top:1px solid #DDD;
}

fieldset{
	border:1px solid #DDD;
}

q:before,
q:after {
	content:'';
}

li{
	list-style:none;
}

table{
	width:100%;
}


/*---------- common ----------*/
a{
    color:#C69;
	text-decoration:none;
    }
body a:hover{
    color:#39E;
	text-decoration:none;
	}
.clear-color a,
a.clear-color{
	color:#444;
	}
.under-line a,
a.under-line{
	text-decoration:underline;
}
a:focus, object {
	outline:none;
}

.dragable{
	cursor:move;
	}
.clickable{
	cursor:pointer;
}

blockquote{
	zoom:1;
	border:1px dashed #FBD;
	padding:0 10px;
	margin:15px;
	background:#FFF;
    }
blockquote #addresser,
blockquote span.addresser{
	line-height:20px;
	position:relative;
	top:-10px;
	background:#FFF;
}

.help{
    height:25px;
	padding-left:30px;
	margin-bottom:15px;
	background:#CEB url(/images/common/help-left.gif) no-repeat left top;
    }
.help div{
    height:25px;
	line-height:25px;
	padding-right:12px;
	font-size:12px;
	font-weight:lighter;
	background:url(/images/common/help-right.gif) no-repeat right top;
}

.user-levels{
	font-weight:bold;
	color:#5A0;
	}
.user-coins{
	padding-right:15px;
	font-weight:bold;
	color:#F60;
	background:url(/images/profile/gold-coin.gif) no-repeat 100% 2px;
	}
.user-points{
	font-weight:bold;
}

.c-gold-coin{
	color:#F60;
    }
.c-level{
	color:#394
	}
.gold-coin{
	padding-right:13px;
	background:url(/images/profile/gold-coin.gif) no-repeat right 1px;
	color:#F60;
	font-weight:bold;
}

.user-online,
.user-unline{
	padding-left:18px;
	font-weight:bold;
	background:url(/images/profile/user-online.gif) no-repeat;
    }
.user-online{
	background-position:0px 0px;
    }
.user-unline{
	background-position:0px -25px;
}

/* Ajax indicator */
#ajax-indicator {
    position: absolute; /* fixed not supported by IE */
    left:50%;
    width:198px;
	height:28px;
    line-height:28px;
    border:1px solid #9C6;
    margin-left:-107px;
    font-weight:bold;
    text-align:center;
	color:#360;
	z-index:99999;
    filter:alpha(opacity=70);
    -moz-opacity:7;
	opacity: 0.7;
	-khtml-opacity: 0.7;
	background-color:#EFD;
    }
#ajax-indicator span {
	line-height:28px;
    background:url(/images/common/loading.gif) no-repeat left center;
	padding:2px 0 2px 26px;
}

/*---------- type ----------*/
/*----- size -----*/
.size20{
	font-size:20px;
	}
.size18{
	font-size:18px;
	}
.size16{
	font-size:16px;
	}
.size14{
	font-size:14px;
	}
.size13{
	font-size:13px;
	}
.size12{
	font-size:12px;
	}
.size11{
	font-size:11px;
}

/*----- color -----*/
.red1{
	color:#F69;
	}
.red2{
	color:#E39;
	}
.red3{
	color:#f00;
	}
.green1{
	color:#5A0;
	}
.green2{
	color:#390;
	}
.orange1{
	color:#F60;
	}
.orange2{
	color:#F30;
	}
.gray1{
	color:#444;
	}
.gray2{
	color:#888;
	}
.black{
	color:#000;
	}
.white{
	color:#FFF;
}

/*----- stress -----*/
.stress{
	font-weight:bold;
	}
.lighter{
	font-weight:lighter;
}

/*----- align -----*/
.left{
	text-align:left;
	}
.center{
	text-align:center;
	}
.right{
	text-align:right;
}

.top,
.top- *{
	vertical-align:top;
	}
.middle,
.middle- *{
	vertical-align:middle;
	}
.bottom,
.bottom- *{
	vertical-align:bottom;
}

/*----- justify -----*/
.justify{
	text-align:justify;
	text-justify:newspaper;
	}
.clear-justify{
	text-align:left;
	text-justify:auto;
}

/*----- limit -----*/
.limit{
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

/*----- indent -----*/
.indent{
	text-indent:2em;
	}
.clear-indent{
	text-indent:0;
}

/*----- gap -----*/
.gap10{
	padding:0 5px;
	}
.gap20{
	padding:0 10px;
	}
.gap30{
	padding:0 15px;
	}
.gap40{
	padding:0 20px;
}

/*----- line-height -----*/
.line-height1{
	line-height:1.5;
	}
.line-height2{
	line-height:2;
	}
.line-height3{
	line-height:2.5;
	}
.clear-line-height{
	line-height:normal;
}

/*----- round -----*/
.round{
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

/*----- divide -----*/
.divide5,
.divide10,
.divide15,
.divide20{
	border-bottom:1px solid #DDD;
	}
.divide5{
	padding-bottom:5px;
	margin-bottom:5px;
	}
.divide10{
	padding-bottom:10px;
	margin-bottom:10px;
	}
.divide15{
	padding-bottom:15px;
	margin-bottom:15px;
	}
.divide20{
	padding-bottom:20px;
	margin-bottom:20px;
	}
.clear-divide{
	padding-bottom:0;
	border-bottom:0;
	margin-bottom:0;
}

/*----- padding -----*/
.padding5{
	padding-bottom:5px;
	}
.padding10{
	padding-bottom:10px;
	}
.padding15{
	padding-bottom:15px;
	}
.padding20{
	padding-bottom:20px;
	}
.clear-padding{
	padding-bottom:0;
}

/*----- margin -----*/
.margin5{
	margin-bottom:5px;
	}
.margin10{
	margin-bottom:10px;
	}
.margin15{
	margin-bottom:15px;
	}
.margin20{
	margin-bottom:20px;
	}
.clear-margin{
	margin-bottom:0;
}

/*----- float -----*/
.float-left,
.left-float{
	float:left;
	}
.float-right,
.right-float{
	float:right;
	}
.clear-float,
.clear/*兼容以前*/{
	overflow:hidden;
	height:0;
	clear:both;
}

/*----- display -----*/
.hide{
	display:none;
	}
.visible{
	display:block;
	}
.mobile-visible{
	display:none;
}


/*---------- form ----------*/
/*----- button -----*/
.green-button1,.red-button1,.orange-button1,.blue-button1,.gray-button1,
.green-button2,.red-button2,.orange-button2,.blue-button2,.gray-button2,
.green-button3,.red-button3,.orange-button3,.blue-button3,.gray-button3,
.green-button4,.red-button4,.orange-button4,.blue-button4,.gray-button4,
.green-button5,.red-button5,.orange-button5,.blue-button5,.gray-button5,
.green-button6,.red-button6,.orange-button6,.blue-button6,.gray-button6{
	overflow:hidden;
	display:inline-block;
	border:0;
	cursor:pointer;
	text-align:center;
	text-decoration:none;
	font-weight:bold;
	font-family:"microsoft yahei",Helvetica;
	color:#FFF !important;
	background:url(/images/common/button-m1.gif) no-repeat;
}

a.green-button1,a.red-button1,a.orange-button1,a.blue-button1,a.gray-button1,
a.green-button2,a.red-button2,a.orange-button2,a.blue-button2,a.gray-button2,
a.green-button3,a.red-button3,a.orange-button3,a.blue-button3,a.gray-button3,
a.green-button4,a.red-button4,a.orange-button4,a.blue-button4,a.gray-button4,
a.green-button5,a.red-button5,a.orange-button5,a.blue-button5,a.gray-button5,
a.green-button6,a.red-button6,a.orange-button6,a.blue-button6,a.gray-button6{
	font-family:Verdana;
	* font-family:"microsoft yahei",Helvetica;
}

.green-button1,
.red-button1,
.orange-button1,
.blue-button1,
.gray-button1{
	width:60px;
	height:21px;
	line-height:21px;
	_line-height:23px;
	}
.green-button1{
	background-position:0 0;
	}
.green-button1:hover{
	background-position:0 -40px;
	}
.red-button1{
	background-position:-120px 0;
	}
.red-button1:hover{
	background-position:-120px -40px;
	}
.orange-button1{
	background-position:-240px 0;
	}
.orange-button1:hover{
	background-position:-240px -40px;
	}
.blue-button1{
	background-position:-360px 0;
	}
.blue-button1:hover{
	background-position:-360px -40px;
	}
.gray-button1{
	background-position:-480px 0;
	}
.gray-button1:hover{
	background-position:-480px -40px;
}

.green-button2,
.red-button2,
.orange-button2,
.blue-button2,
.gray-button2{
	width:80px;
	height:21px;
	line-height:21px;
	_line-height:23px;
	}
.green-button2{
	background-position:0 -80px;
	}
.green-button2:hover{
	background-position:0 -120px;
	}
.red-button2{
	background-position:-120px -80px;
	}
.red-button2:hover{
	background-position:-120px -120px;
	}
.orange-button2{
	background-position:-240px -80px;
	}
.orange-button2:hover{
	background-position:-240px -120px;
	}
.blue-button2{
	background-position:-360px -80px;
	}
.blue-button2:hover{
	background-position:-360px -120px;
	}
.gray-button2{
	background-position:-480px -80px;
	}
.gray-button2:hover{
	background-position:-480px -120px;
}

.green-button3,
.red-button3,
.orange-button3,
.blue-button3,
.gray-button3{
	width:80px;
	height:25px;
	line-height:25px;
	_line-height:27px;
	}
.green-button3{
	background-position:0 -160px;
	}
.green-button3:hover{
	background-position:0 -200px;
	}
.red-button3{
	background-position:-120px -160px;
	}
.red-button3:hover{
	background-position:-120px -200px;
	}
.orange-button3{
	background-position:-240px -160px;
	}
.orange-button3:hover{
	background-position:-240px -200px;
	}
.blue-button3{
	background-position:-360px -160px;
	}
.blue-button3:hover{
	background-position:-360px -200px;
	}
.gray-button3{
	background-position:-480px -160px;
	}
.gray-button3:hover{
	background-position:-480px -200px;
}

.green-button4,
.red-button4,
.orange-button4,
.blue-button4,
.gray-button4{
	width:100px;
	height:25px;
	line-height:25px;
	_line-height:27px;
	}
.green-button4{
	background-position:0 -240px;
	}
.green-button4:hover{
	background-position:0 -280px;
	}
.red-button4{
	background-position:-120px -240px;
	}
.red-button4:hover{
	background-position:-120px -280px;
	}
.orange-button4{
	background-position:-240px -240px;
	}
.orange-button4:hover{
	background-position:-240px -280px;
	}
.blue-button4{
	background-position:-360px -240px;
	}
.blue-button4:hover{
	background-position:-360px -280px;
	}
.gray-button4{
	background-position:-480px -240px;
	}
.gray-button4:hover{
	background-position:-480px -280px;
}

.green-button5,
.red-button5,
.orange-button5,
.blue-button5,
.gray-button5{
	width:100px;
	height:31px;
	line-height:31px;
	_line-height:33px;
	font-size:14px;
	}
.green-button5{
	background-position:0 -320px;
	}
.green-button5:hover{
	background-position:0 -360px;
	}
.red-button5{
	background-position:-120px -320px;
	}
.red-button5:hover{
	background-position:-120px -360px;
	}
.orange-button5{
	background-position:-240px -320px;
	}
.orange-button5:hover{
	background-position:-240px -360px;
	}
.blue-button5{
	background-position:-360px -320px;
	}
.blue-button5:hover{
	background-position:-360px -360px;
	}
.gray-button5{
	background-position:-480px -320px;
	}
.gray-button5:hover{
	background-position:-480px -360px;
}

.green-button6,
.red-button6,
.orange-button6,
.blue-button6,
.gray-button6{
	width:120px;
	height:31px;
	line-height:31px;
	_line-height:33px;
	font-size:14px;
	}
.green-button6{
	background-position:0 -400px;
	}
.green-button6:hover{
	background-position:0 -440px;
	}
.red-button6{
	background-position:-120px -400px;
	}
.red-button6:hover{
	background-position:-120px -440px;
	}
.orange-button6{
	background-position:-240px -400px;
	}
.orange-button6:hover{
	background-position:-240px -440px;
	}
.blue-button6{
	background-position:-360px -400px;
	}
.blue-button6:hover{
	background-position:-360px -440px;
	}
.gray-button6{
	background-position:-480px -400px;
	}
.gray-button6:hover{
	background-position:-480px -440px;
}

/*----- dutton -----*/
.dutton,
.dutton span{
	overflow:hidden;
	display:inline-block;
	height:31px;
	line-height:31px;
	border:0;
	cursor:pointer;
	text-decoration:none;
	font-weight:bold;
	font-size:14px;
	color:#FFF !important;
	background:url(/images/common/dutton-m2.gif) no-repeat 0 0;
	}
.dutton{
	padding-left:30px;
	}
.dutton span{
	padding-right:10px;
}

.dutton.green-dutton{
	background-position:0 0;
	}
.dutton.green-dutton span{
	background-position:100% -40px;
	}
.dutton.green-dutton:hover{
	background-position:0 -80px;
	}
.dutton.green-dutton:hover span{
	background-position:100% -120px;
}

.dutton.red-dutton{
	background-position:0 -160px;
	}
.dutton.red-dutton span{
	background-position:100% -200px;
	}
.dutton.red-dutton:hover{
	background-position:0 -240px;
	}
.dutton.red-dutton:hover span{
	background-position:100% -280px;
}

.dutton.orange-dutton{
	background-position:0 -320px;
	}
.dutton.orange-dutton span{
	background-position:100% -360px;
	}
.dutton.orange-dutton:hover{
	background-position:0 -400px;
	}
.dutton.orange-dutton:hover span{
	background-position:100% -440px;
}

.dutton.blue-dutton{
	background-position:0 -480px;
	}
.dutton.blue-dutton span{
	background-position:100% -520px;
	}
.dutton.blue-dutton:hover{
	background-position:0 -560px;
	}
.dutton.blue-dutton:hover span{
	background-position:100% -600px;
}

.dutton.gray-dutton{
	background-position:0 -640px;
	}
.dutton.gray-dutton span{
	background-position:100% -680px;
	}
.dutton.gray-dutton:hover{
	background-position:0 -720px;
	}
.dutton.gray-dutton:hover span{
	background-position:100% -760px;
}

/*---------- main-button ----------*/
.main-button,
.sub-button{
  display: inline-block;
  width: 128px;
  border: 0;
  cursor: pointer;
  height: 50px;
  line-height: 50px;
  font-size: 18px;
  color: #fff;
  border-radius: 3px;
  background: rgb(255,76,75);
  font-weight: bold;
  -webkit-appearance: none;
  }
.sub-button{
  background: #f7e7cf;
  color: #666;
  }
.main-button:hover,
.sub-button:hover{
  color: #fff;
  background: rgb(242,101,34);
  }
.disable-button,
.disable-button:hover{
  color: #fff;
  width: 200px;
  cursor: default;
  background: #ccc;
}

/*---------- fav and share ----------*/
.fav-button{
	display:inline-block;
	width:60px;
	height:24px;
	background:url(/images/common/fav-button.gif) no-repeat 0 0;
	}
.fav-button:hover{
	background-position:0 100%;
}

.share-bar{
	height:24px;
	}
.share-bar li,
.share-bar a{
	float:left;
	}
.share-bar li{
	padding-left:5px;
	}
.share-bar a{
	height:24px;
	width:24px;
	background:url(/images/common/share-icon.gif) no-repeat;
	}
.share-bar a.renren{
	background-position:0 0;
	}
.share-bar a.renren:hover{
	background-position:0 100%;
	}
.share-bar a.sina{
	background-position:-24px 0;
	}
.share-bar a.sina:hover{
	background-position:-24px 100%;
}

/*---------- article ----------*/
.article{
	line-height:2;
}

.article h1,
.article h2,
.article h3{
	height:2em;
	}
.article h1{
	font-size:133%;
	}
.article h2{
	font-size:117%;
	}
.article h3{
	font-size:108%;
}

.article p,
.article ul,
.article ol,
.article dl,
.article table,
.article .outstand,
.article .inset{
	margin-bottom:1em;
	}
.article .clear-margin,
.article .clear-margin- *,
.article .del-margin{
	margin-bottom:0;
}

.article p{
	text-indent:2em;
	}
.article .clear-indent,
.article .clear-indent- p{
	text-indent:0;
}

.article ul,
.article ol,
.article dl{
	margin-left:2em;
	}
.article .clear-indent- ul,
.article .clear-indent- ol,
.article .clear-indent- dl{
	margin-left:0;
	}
.article ul li{
	padding-left:1.5em;
	background:url(/images/common/gray-bullets.gif) no-repeat 0 0.75em;
	* background-position:0 0.70em;
	}
.article ul.red-bullets li{
	background-image:url(/images/common/red-bullets.gif);
	}
.article ul.green-bullets li{
	background-image:url(/images/common/green-bullets.gif);
	}
.article ul.orange-bullets li{
	background-image:url(/images/common/orange-bullets.gif);
	}
.article ul.blue-bullets li{
	background-image:url(/images/common/blue-bullets.gif);
	}
.article ol li{
	padding-left:1.5em;
	text-indent:-1.5em;
	list-style:decimal inside;
	}
.article ol.custom li{
	list-style:none outside;
}

.article .lspace{
	margin-left:2em;
	}
.article .rspace{
	margin-right:2em;
}

.article .bg-green{
	background:#EFD;
	}
.article .bg-red{
	background:#FDE;
	}
.article .bg-blue{
	background:#DEF;
}

.article .ending{
	padding-right:13px;
	background:url(/images/common/ending.gif) no-repeat 100% 50%;
}

/*----- capital -----*/
.article .capital{
	text-indent:0;
    }
.article .capital .first-letter{
	float:left;
	margin-right:10px;
	font:36px/42px "微软雅黑",黑体;
}

/*----- outstand -----*/
.article .outstand{
	padding:0.5em 1em;
	margin-left:2em;
	margin-right:2em;
	background:#EFD;
	}
.article .outstand.bg-red{
	background:#FDE;
	}
.article .outstand.bg-blue{
	background:#DEF;
	}
.article .outstand p{
	text-indent:0;
}

/*----- inset -----*/
.article .inset-wrap{
	overflow:auto;
	_height:1%;
	}
.article .inset-wrap .inset{
	margin-top:0.5em;
	}
.article .inset{
	text-align:center;
	}
.article .inset p{
	text-indent:0;
	font-weight:bold;
	font-size:12px;
}


/*---------- pay ----------*/
.pay .pay-panel-head{
	height:35px;
	line-height:35px;
	padding:0 10px;
	font-size:14px;
	font-weight:bold;
	background:#ffe8f2;
	}
.pay .pay-panel-body{
	line-height:2;
	padding:10px 10px 0;
}

.pay .pay-tab{
	height:33px;
	padding:2px 10px 0;
	border-bottom:1px solid #FBD;
	}
.pay .pay-tab li,
.pay .pay-tab a{
	float:left;
	height:32px;
	line-height:32px;
	}
.pay .pay-tab li{
	position:relative;
	top:1px;
	margin-right:10px;
	}
.pay .pay-tab a{
	padding:1px 11px 0;
	}
.pay .pay-tab a.current,
.pay .pay-tab a:hover{
	padding:0 10px;
	border:1px solid #FBD;
	border-bottom:none;
	color:#444;
	background:#FFF;
	}
.pay .pay-tab-panel{
	padding:19px 20px;
	border:1px solid #FBD;
	border-top:none;
	background:#FFF;
}

.pay .pay-online td{
	width:16%;
	padding:8px;
	}
.pay .pay-online td.current{
	background:#FEA;
	}
.pay .pay-online img{
	border:1px solid #CCC;
	}
.pay .pay-online td:hover img{
	border-color:#F90;
}

.pay .order-show{
	line-height:35px;
	background:#FFF;
	}
.pay .order-show td{
	width:50%;
	border-color:#FBD;
}

.pay .price-sum{
	background:#FFC;
	padding:10px 15px;
	}
.pay .pay-panel h3{
	line-height:30px;
	padding:0 10px;
	margin-bottom:10px;
	font-size:14px;
	background:#ffe8f2;
	}
.pay .pay-panel .part{
	padding:0 10px;
}

/*pagination*/
.top-pagination-wrap{
	height:25px;
	border-bottom:1px dashed #CCC;
	margin-bottom:10px;
	text-align:right;
    }
.bottom-pagination-wrap{
	padding-top:6px;
	border-top:1px dashed #CCC;
	text-align:right;
    }
.pagination-title{
	float:left;
	font-size:13px;
	font-weight:bold;
    }
.pagination-sum{
	margin-right:10px;
    }
.pagination{
	display:inline;
    }
.pagination a{
    margin:0 2px;
    }
.pagination em.current{
    margin:2px;
    font-weight:bold;   
	font-size:14px;
    }
.pagination span.disabled{
    margin:2px;
	color:#999;
}


/*---------- table ----------*/
/* table_width:100%
 * thead:20%
 * stripe:10%
 * border:40%
*/

table .stripe{
	background:#ffeff6;
}

.table0,
.table1,
.table2,
.table3{
	border-collapse:collapse;
}

.table0 th, .table0 td,
.table1 th, .table1 td,
.table2 th, .table2 td,
.table3 th, .table3 td{
	padding:0 10px;
	border:1px solid #ffc2eb;
}

.table0 .thead,
.table1 .thead,
.table2 .thead,
.table3 .thead{
	background:#ffe0ee;
}

/*----- table0 -----*/
.table0 th,
.table0 td{
	border:0;
}

/*----- table1 -----*/
.table1 th,
.table1 td{
	border-left:0;
	border-right:0;
}

/*----- green-table -----*/
.green-table th,
.green-table td{
	border-color:#BD9;
	}
.green-table .thead{
	background:#DEC;
	}
.green-table .stripe{
	background:#eef6e5;
}

/*----- red-table -----*/
.red-table th,
.red-table td{
	border-color:#ffc2dd;
	}
.red-table .thead{
	background:#ffe0ee;
	}
.red-table .stripe{
	background:#ffeff6;
}

/*----- gray-table -----*/
.gray-table th,
.gray-table td{
	border-color:#d6d6d6;
	}
.gray-table .thead{
	background:#ebebeb;
	}
.gray-table .stripe{
	background:#f5f5f5;
}

/*----- deep-green-table -----*/
.deep-green-table th,
.deep-green-table td{
	border-color:#5A0;
	}
.deep-green-table .thead{
	color:#FFF;
	background:#5A0;
}

/*----- deep-red-table -----*/
.deep-red-table th,
.deep-red-table td{
	border-color:#F6A;
	}
.deep-red-table .thead{
	color:#FFF;
	background:#F6A;
}

/*----- deep-gray-table -----*/
.deep-gray-table th,
.deep-gray-table td{
	border-color:#999;
	}
.deep-gray-table .thead{
	color:#FFF;
	background:#999;
}


/*---------- form ----------*/

/*----- textbox -----*/
.textbox{
	height:19px;
	line-height:19px;
	border:1px solid #7f9db9;
	background:#FFF url(/images/common/input-bg.gif) repeat-x 0 0;
	}
.textbox:hover{
	background:#FFF;
}

/*----- textarea -----*/
.textarea{
	border:1px solid #7f9db9;
	background:#FFF url(/images/common/input-bg.gif) repeat-x 0 0;
	}
.textarea:hover{
	background:#FFF;
	}
.textarea textarea{
	width:100%;
	line-height:2;
	border:0;
	background:none;
}

/*----- select -----*/
select{
	height:21px;
	padding:1px;
	* font-family:Arial;
}

/*----- textfile -----*/
.textfile{
	* height:21px;
	* line-height:21px;
	* border:1px solid #7f9db9;
	* background:#FFF url(/images/common/input-bg.gif) repeat-x 0 0;
	}
input[class="textfile"]{
	font-size:13px;
}

/*----- checkbox -----*/
.zogo-form-checkbox{
	display:inline-block;
	height:15px;
	line-height:15px;
	padding-left:20px;
	margin-right:5px;
	cursor:pointer;
	background:url(/images/common/checkbox.gif) no-repeat 0 0;
	}
.zogo-form-checkbox-hover{
	background-position:0 -15px;
	}
.zogo-form-checkbox-checked{
	background-position:0 -30px !important;
}

/*----- radio -----*/
.zogo-form-radio{
	display:inline-block;
	height:15px;
	line-height:15px;
	padding-left:20px;
	margin-right:5px;
	cursor:pointer;
	background:url(/images/common/radio.gif) no-repeat 0 0;
	}
.zogo-form-radio-hover{
	background-position:0 -15px;
	}
.zogo-form-radio-checked{
	background-position:0 -30px !important;
}

/*表单表格布局*/
.form-table td{
	padding-bottom:15px;
    }
.form-table tr.del-padding td{
	padding-bottom:0px !important;
    }
.form-table td.name{
	text-align:right;
	white-space:nowrap;
}

/*文本框*/
.form-text{
	height:19px;
	line-height:17px;
	border:1px solid #7F9DB9;
	font-family:"microsoft yahei",Helvetica;
}

/*文本域*/
.form-textarea{
	line-height:21px;
	padding:0 5px;
	overflow:auto;
	font-size:12px;
	font-family:"microsoft yahei",Helvetica;
}

.fieldWithErrors {
  padding:1px;
  background-color:#F7B;
  display:inline-block;
}
.tag-manage {
	border-bottom:1px solid #CCCCCC;
	line-height:2;
	margin:-5px 0 15px;
	padding-bottom:10px;
}
.tag-manage .tag-rename, .tag-manage .tag-delete {
	border-bottom:1px solid #CCCCCC;
	line-height:2;
	margin:-5px 0 15px;
	padding-bottom:10px;	
}
.tag-manage .tag-delete {
    background-position:100% 50%;	
}

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
   the Window's z-index value will be set to 3000 by default (via jqModal.js). */

.popup{
    display:none;
    position:fixed;
    top:50%;
    left:50%;
	width:400px;
	margin-left:-200px;
	margin-top:-150px;
	line-height:normal;
}

/*---------- popup > head ----------*/
.popup .head-wrap,
.popup .head,
.popup .head-left,
.popup .head-right{
	height:40px;
	}
.popup .head-wrap{
	position:relative;
	}
.popup .head{
	height:31px;
	line-height:31px;
	padding-top:9px;
	margin:0 20px;
	font-size:14px;
	font-weight:bold;
	background:url(/images/popup/popup-head-center.png) repeat-x 0 0;
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src='/images/popup/popup-head-center.png');
	}
.popup .head-left,
.popup .head-right{
	position:absolute;
	top:0;
	width:20px;
	}
.popup .head-left{
	left:0;
	background:url(/images/popup/popup-head-left.png) no-repeat 0 0;
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src='/images/popup/popup-head-left.png');
	}
.popup .head-right{
	right:0;
	background:url(/images/popup/popup-head-right.png) no-repeat 0 0;
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src='/images/popup/popup-head-right.png');
	}
.popup .close{
	z-index:2;
	position:absolute;
	top:9px;
	right:15px;
	width:30px;
	height:30px;
	}
.popup .close:hover{
	background-position:0 100%;
}

/*---------- popup > foot ----------*/
.popup .foot-wrap,
.popup .foot,
.popup .foot-left,
.popup .foot-right{
	height:20px;
	}
.popup .foot-wrap{
	position:relative;
	}
.popup .foot{
	margin:0 20px;
	background:url(/images/popup/popup-foot-center.png) repeat-x 0 0;
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src='/images/popup/popup-foot-center.png');
	}
.popup .foot-left,
.popup .foot-right{
	position:absolute;
	top:0;
	width:20px;
	}
.popup .foot-left{
	left:0;
	background:url(/images/popup/popup-foot-left.png) no-repeat 0 0;
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src='/images/popup/popup-foot-left.png');
	}
.popup .foot-right{
	right:0;
	background:url(/images/popup/popup-foot-right.png) no-repeat 0 0;
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src='/images/popup/popup-foot-right.png');
	}
.popup .resize{
	position:absolute;
	bottom:10px;
	right:10px;
	width:21px;
	height:21px;
	cursor:se-resize;
	background:url(/images/popup/resize.gif) no-repeat 0 0;
}

/*---------- popup > body ----------*/
.popup .body-wrap{
	width:100%;
	table-layout:fixed;
	}
.popup .body-left{
	_height:1%;
	width:20px;
	background:url(/images/popup/popup-body-left.png) repeat-y 0 0;
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src='/images/popup/popup-body-left.png');
	}
.popup .body-right{
	_height:1%;
	width:20px;
	background:url(/images/popup/popup-body-right.png) repeat-y 0 0;
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src='/images/popup/popup-body-right.png');
	}
.popup .body{
	line-height:2;
	padding:10px 5px 0;
	background:#f9f9f9;
}

.popup .pop-title{
	z-index:1;
	position:relative;
	height:34px;
	line-height:normal;
	margin:-34px 50px 0 -5px;
	font-size:14px;
	font-weight:bold;
	}
.popup .timer{
	color:#999;
}

.popup .title{
	line-height:30px;
	font-size:14px;
	}
.popup .sub-title{
	height:25px;
	font-size:13px;
	}
.popup .text p,
.popup .text ul,
.popup .text ol{
	margin-bottom:0.5em;
	}
.popup .text ul li{
	list-style:disc inside;
	}
.popup .text ol li{
	padding-left:1.5em;
	text-indent:-1.5em;
	list-style:decimal inside;
}


/*---------- popup > overlay ----------*/
.jqmOverlay{
	background:#000;
}

/*---------- theme > default ----------*/
.popup .head{
	background:url(/images/popup/default/popup-head-center.png) repeat-x 0 0;
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src='/images/popup/default/popup-head-center.png');
	}
.popup .head-left{
	background:url(/images/popup/default/popup-head-left.png) no-repeat 0 0;
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src='/images/popup/default/popup-head-left.png');
	}
.popup .head-right{
	background:url(/images/popup/default/popup-head-right.png) no-repeat 0 0;
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src='/images/popup/default/popup-head-right.png');
}

.popup .close{
	background:url(/images/popup/default/close.jpg) no-repeat 0 0;
}

 /*---------- theme > notice ----------*/
.pop-notice .head{
	background:url(/images/popup/notice/popup-head-center.png) repeat-x 0 0;
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src='/images/popup/notice/popup-head-center.png');
	}
.pop-notice .head-left{
	background:url(/images/popup/notice/popup-head-left.png) no-repeat 0 0;
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src='/images/popup/notice/popup-head-left.png');
	}
.pop-notice .head-right{
	background:url(/images/popup/notice/popup-head-right.png) no-repeat 0 0;
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src='/images/popup/notice/popup-head-right.png');
}

.pop-notice .close{
	background:url(/images/popup/notice/close.jpg) no-repeat 0 0;
}
 
 /*---------- theme > warning ----------*/
.pop-warning .head{
	background:url(/images/popup/warning/popup-head-center.png) repeat-x 0 0;
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src='/images/popup/warning/popup-head-center.png');
	}
.pop-warning .head-left{
	background:url(/images/popup/warning/popup-head-left.png) no-repeat 0 0;
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src='/images/popup/warning/popup-head-left.png');
	}
.pop-warning .head-right{
	background:url(/images/popup/warning/popup-head-right.png) no-repeat 0 0;
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src='/images/popup/warning/popup-head-right.png');
}

.pop-warning .close{
	background:url(/images/popup/warning/close.jpg) no-repeat 0 0;
}

/*---------- theme > error ----------*/
.pop-error .head{
	background:url(/images/popup/error/popup-head-center.png) repeat-x 0 0;
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src='/images/popup/error/popup-head-center.png');
	}
.pop-error .head-left{
	background:url(/images/popup/error/popup-head-left.png) no-repeat 0 0;
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src='/images/popup/error/popup-head-left.png');
	}
.pop-error .head-right{
	background:url(/images/popup/error/popup-head-right.png) no-repeat 0 0;
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src='/images/popup/error/popup-head-right.png');
}

.pop-error .close{
	background:url(/images/popup/error/close.jpg) no-repeat 0 0;
}

/*---------- theme > note ----------*/
.pop-note{
	position:absolute;
	margin:0;
	}
.pop-note .head{
	background:url(/images/popup/note/popup-head-center.png) repeat-x 0 0;
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src='/images/popup/note/popup-head-center.png');
	}
.pop-note .head-left{
	top:-10px;
	left:-10px;
	width:30px;
	height:50px;
	background:url(/images/popup/note/popup-arrow-left.png) no-repeat 0 0;
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src='/images/popup/note/popup-arrow-left.png');
	}
.pop-note .head-right{
	background:url(/images/popup/note/popup-head-right.png) no-repeat 0 0;
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src='/images/popup/note/popup-head-right.png');
	}
.pop-note.right-arrow .head-left{
	top:0;
	left:0;
	background:url(/images/popup/note/popup-head-left.png) no-repeat 0 0;
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src='/images/popup/note/popup-head-left.png');
	}
.pop-note.right-arrow .head-right{
	top:-10px;
	right:-10px;
	width:30px;
	height:50px;
	background:url(/images/popup/note/popup-arrow-right.png) no-repeat 0 0;
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src='/images/popup/note/popup-arrow-right.png');
}

.pop-note .close{
	background:url(/images/popup/note/close.jpg) no-repeat 0 0;
}

/*---------- theme > guide ----------*/
.pop-guide{
	width:620px;
	height:420px;
	margin:-210px 0 0 -310px;
	}
.pop-guide .head-wrap,
.pop-guide .head,
.pop-guide .head-left,
.pop-guide .head-right{
	height:20px;
	}
.pop-guide .head-wrap{
	position:relative;
	}
.pop-guide .head{
	line-height:normal;
	padding-top:0;
	background-image:url(/images/popup/guide/popup-head-center.png);
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src='/images/popup/guide/popup-head-center.png');
	}
.pop-guide .head-left{
	background-image:url(/images/popup/guide/popup-head-left.png);
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src='/images/popup/guide/popup-head-left.png');
	}
.pop-guide .head-right{
	background-image:url(/images/popup/guide/popup-head-right.png);
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src='/images/popup/guide/popup-head-right.png');
	}
.pop-guide .head-wrap .close{
	display:none;
	}
.pop-guide .close{
	z-index:2;
	position:absolute;
	top:20px;
	right:20px;
	width:20px;
	height:20px;
	background:url(/images/popup/guide/close.gif) no-repeat 0 0;
	}
.pop-guide .close:hover{
	background-position:0 100%;
}

.pop-guide .body-left{
	background-image:url(/images/popup/guide/popup-body-left.png);
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src='/images/popup/guide/popup-body-left.png');
	}
.pop-guide .body-right{
	background-image:url(/images/popup/guide/popup-body-right.png);
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src='/images/popup/guide/popup-body-right.png');
	}
.pop-guide .body{
	height:370px;
	padding:5px;
	background:#FFF;
	}
.pop-guide .body .pop-title{
	display:none;
	}
.pop-guide .body .pop-content{
	height:385px;
	}
.pop-guide .body .welcome{
	height:120px;
	padding:250px 0 0 250px;
	background:url(/images/popup/guide/welcome.png) no-repeat 0 0;
	}
.pop-guide .body .intro{
	_height:210px;
	min-height:210px;
	padding:90px 0 0 280px;
	}
.pop-guide .body .intro ul li{
	height:28px;
	}
.pop-guide .body .intro h2{
	height:30px;
	padding-left:25px;
	margin-left:-25px;
	background:url(/images/popup/guide/quote.png) no-repeat 0 0;
	}
.pop-guide .body .intro h2 span{
	float:left;
	height:30px;
	padding-right:20px;
	background:url(/images/popup/guide/quote.png) no-repeat 100% 100%;
	}
.pop-guide .body .step1{
	background-image:url(/images/popup/guide/illus1.png);
	}
.pop-guide .body .step2-1{
	background-image:url(/images/popup/guide/illus2-1.png);
	}
.pop-guide .body .step2-2{
	background-image:url(/images/popup/guide/illus2-2.png);
	}
.pop-guide .body .step3{
	background-image:url(/images/popup/guide/illus3.png);
	}
.pop-guide .body .step4{
	background-image:url(/images/popup/guide/illus4.png);
	}
.pop-guide .body .step4 .textbox{
	width:68px;
	}
.pop-guide .body .oper{
	padding-left:280px;
	}
.pop-guide .body .oper a,
.pop-guide .body .oper input{
	float:left;
	margin-right:20px;
}

.pop-guide .feedback{
	padding:5px 10px;
	}
.pop-guide .feedback .column{
	width:272px;
	}
.pop-guide .feedback dl{
	padding:0 10px 9px;
	border:1px solid #dbebcc;
	background:#f3ffe8;
	}
.pop-guide .feedback dt{
	height:25px;
	line-height:25px;
	margin:0 -10px 9px;
	background:#e3f3d4;
	}
.pop-guide .feedback dt span{
	float:left;
	width:25px;
	margin-right:10px;
	text-align:center;
	font:20px/25px "Trebuchet MS","Verdana";
	color:#FFF;
	background:#7B0;
}
.pop-guide .feed-story dd span{
	float:left;
	width:75px;
	margin:0 4px;
	}
.pop-guide .feed-story dd span .illus{
	overflow:hidden;
	display:block;
	width:60px;
	height:60px;
	margin:auto;
}

.pop-guide .guide-regi{
	padding:20px;
	}
.pop-guide .guide-regi .textbox{
	width:198px;
	}
.pop-guide .guide-regi .main-error-hint{
	font-weight:bold;
	color:#F6A;
	}
.pop-guide .guide-regi .main-success-hint{
	font-weight:bold;
	color:#5A0;
	}
.pop-guide .guide-regi .validate-pic{
	height:32px;
	margin-top:10px;
	line-height:16px;
    }
.pop-guide .guide-regi .validate img{
	float:left;
	width:90px;
	height:30px;
	vertical-align:middle;
	border:1px solid #EEE;
}

.pop-guide .ending{
	height:100px;
	padding:270px 0 0 250px;
	background:url(/images/popup/guide/ending.png)
}


.pop-guide .foot{
	background-image:url(/images/popup/guide/popup-foot-center.png);
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src='/images/popup/guide/popup-foot-center.png');
	}
.pop-guide .foot-left{
	background-image:url(/images/popup/guide/popup-foot-left.png);
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src='/images/popup/guide/popup-foot-left.png');
	}
.pop-guide .foot-right{
	background-image:url(/images/popup/guide/popup-foot-right.png);
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src='/images/popup/guide/popup-foot-right.png');
}

/*---------- theme > branch ----------*/
.pop-rank{
	width:620px;
	height:420px;
	margin:-210px 0 0 -310px;
	}
.pop-rank .head-wrap,
.pop-rank .head,
.pop-rank .head-left,
.pop-rank .head-right{
	height:20px;
	}
.pop-rank .head-wrap{
	position:relative;
	}
.pop-rank .head{
	line-height:normal;
	padding-top:0;
	background-image:url(/images/popup/rank/popup-head-center.png);
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src='/images/popup/rank/popup-head-center.png');
	}
.pop-rank .head-left{
	background-image:url(/images/popup/rank/popup-head-left.png);
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src='/images/popup/rank/popup-head-left.png');
	}
.pop-rank .head-right{
	background-image:url(/images/popup/rank/popup-head-right.png);
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src='/images/popup/rank/popup-head-right.png');
	}
.pop-rank .head-wrap .close{
	display:none;
	}
.pop-rank .close{
	z-index:2;
	position:absolute;
	top:20px;
	right:20px;
	width:20px;
	height:20px;
	background:url(/images/popup/rank/close.gif) no-repeat 0 0;
	}
.pop-rank .close:hover{
	background-position:0 100%;
}

.pop-rank .body-left{
	background-image:url(/images/popup/rank/popup-body-left.png);
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src='/images/popup/rank/popup-body-left.png');
	}
.pop-rank .body-right{
	background-image:url(/images/popup/rank/popup-body-right.png);
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src='/images/popup/rank/popup-body-right.png');
	}
.pop-rank .body{
	height:370px;
	padding:5px;
	background:#FFF url(/images/popup/rank/popup-body-center.png);
	}
.pop-rank .body .pop-title{
	display:none;
	}
.pop-rank .body .pop-content{
	height:385px;
	overflow: hidden;
	}
.pop-rank .body .welcome{
	width: 270px;
	padding:110px 0 0 260px;
	}
.pop-rank .body .welcome p {
	font-size: 14px;
	margin-bottom: 1em;
}
.pop-rank #leftGirl {
	width: 210px;
	height: 345px;
	background: url(/images/popup/rank/girl.jpg) no-repeat;
	position: absolute;
	left: 70px;
	top: 80px;
}
.pop-rank .body .intro{
	_height:210px;
	min-height:210px;
	padding: 60px 90px 0 90px;
	}
.pop-rank .body .intro ul li{
	height:28px;
	}
.pop-rank .body .intro h2{
	font-size: 18px;
	font-weight: normal;
	line-height: 1.5em;
	margin-bottom: 36px;
	}
.pop-rank .body .intro h2 span{
	height:30px;
	padding-right:20px;
	}
.pop-rank .body .step1{
	background-image:url(/images/popup/rank/illus1.png);
	}
.pop-rank .body .step2-1{
	background-image:url(/images/popup/rank/illus2-1.png);
	}
.pop-rank .body .step2-2{
	background-image:url(/images/popup/rank/illus2-2.png);
	}
.pop-rank .body .step3{
	background-image:url(/images/popup/rank/illus3.png);
	}
.pop-rank .body .step4{
	background-image:url(/images/popup/rank/illus4.png);
	}
.pop-rank .body .step4 .textbox{
	width:68px;
	}
.pop-rank .body .oper{
	margin-top: 36px;
	text-align: center;
	}
.pop-rank .body .oper a,
.pop-rank .body .oper input{
	display: inline-block;
	margin: 0 10px;
	vertical-align: middle;
}
.pop-rank .body .error_message{
	color: red;
	margin-bottom: 0.5em;
}

.pop-rank .feedback{
	padding: 60px 60px 0 60px;
	}
.pop-rank .feedback p {
	margin-bottom: 1em;
}
.pop-rank .feedback .column{
	width:272px;
	}
.pop-rank .feedback dl{
	padding:0 10px 9px;
	border:1px solid #dbebcc;
	background:#f3ffe8;
	}
.pop-rank .feedback dt{
	height:25px;
	line-height:25px;
	margin:0 -10px 9px;
	background:#e3f3d4;
	}
.pop-rank .feedback dt span{
	float:left;
	width:25px;
	margin-right:10px;
	text-align:center;
	font:20px/25px "Trebuchet MS","Verdana";
	color:#FFF;
	background:#7B0;
}
.pop-rank .feed-story dd span{
	float:left;
	width:75px;
	margin:0 4px;
	}
.pop-rank .feed-story dd span .illus{
	overflow:hidden;
	display:block;
	width:60px;
	height:60px;
	margin:auto;
}

.pop-rank .guide-regi{
	padding:20px;
	}
.pop-rank .guide-regi .textbox{
	width:198px;
	}
.pop-rank .guide-regi .main-error-hint{
	font-weight:bold;
	color:#F6A;
	}
.pop-rank .guide-regi .main-success-hint{
	font-weight:bold;
	color:#5A0;
	}
.pop-rank .guide-regi .validate-pic{
	height:32px;
	margin-top:10px;
	line-height:16px;
    }
.pop-rank .guide-regi .validate img{
	float:left;
	width:90px;
	height:30px;
	vertical-align:middle;
	border:1px solid #EEE;
}

.pop-rank .ending{
	height:100px;
	padding:270px 0 0 250px;
	background:url(/images/popup/rank/ending.png)
}


.pop-rank .foot{
	background-image:url(/images/popup/rank/popup-foot-center.png);
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src='/images/popup/rank/popup-foot-center.png');
	}
.pop-rank .foot-left{
	background-image:url(/images/popup/rank/popup-foot-left.png);
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src='/images/popup/rank/popup-foot-left.png');
	}
.pop-rank .foot-right{
	background-image:url(/images/popup/rank/popup-foot-right.png);
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src='/images/popup/rank/popup-foot-right.png');
}


/*---------- position & width & height ----------*/
.pop-cmt .body,
.pop-fav .body,
.pop-can .body{
	line-height:normal;
}

.pop-cmt{
	width:570px;
	height:400px;
	margin-top:-200px;
	margin-left:-285px;
}

.pop-fav{
	width:540px;
	height:300px;
	margin-top:-150px;
	margin-left:-270px;
}

.pop-can{
	width:950px;
  	height:575px;
	margin-left:-475px;
	margin-top:-287px;
}

.pop-article{
	width:800px;
	height:580px;
	margin-top:-290px;
	margin-left:-400px;
	}
.pop-article .pop-content{
	overflow:auto;
	* overflow-x:hidden;
	height:510px;
	padding-right:15px;
}


/*---------- fixed ----------*/ 
/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6 */
* html .popup{
     position:absolute;
	 top:expression( ( document.documentElement.clientHeight - this.offsetHeight ) / 2 + document.documentElement.scrollTop + 'px' );
	 margin-top:0 !important;
}

/*---------- pop-tips ----------*/
.pop-tips{
	position:absolute;
	z-index:9999;
	width:210px;
	}
.pop-tips .tips-head-left,
.pop-tips .tips-head-right{
	height:15px;
	}
.pop-tips .tips-head-left{
	background:url(/images/common/tips-head-left.png) no-repeat 0 0;
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src='/images/common/tips-head-left.png');
	}
.pop-tips .tips-head-right{
	background:url(/images/common/tips-head-right.png) no-repeat 0 0;
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src='/images/common/tips-head-right.png');
	}
.pop-tips .tips-body{
	_height:1%;
	line-height:2;
	padding:0 15px;
	font-size:12px;
	background:url(/images/common/tips-body.png) repeat-y 0 0;
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src='/images/common/tips-body.png');
	}
.pop-tips .tips-foot{
	overflow:hidden;
	height:10px;
	background:url(/images/common/tips-foot.png) no-repeat 0 0;
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src='/images/common/tips-foot.png');
}

.jqmWindow{
    display:none;
    position:fixed;
    top:50%;
    left:50%;
	width:400px;
	height:300px;
	line-height:normal;
	margin-top:-150px;	
    margin-left:-200px; 
    background:#FFF;  
}

.jq-title{
	height:25px;
    }
.jq-title-name{
	float:left;
	font-size:14px;
	font-weight:bold;
	color:#969;
    }
.jq-title-close{
	float:right;
	width:25px;
	height:25px;
	background:url(/images/jqmodal/jp-title-close.gif) no-repeat 0 0;
    }
.jq-title-close:hover{
	background-position:0 -25px;
}

.jqmWindowInfo{
    margin-left:-150px;
	margin-top:-100px;	
	height:200px;
    width:300px;
	padding:15px;
	border-right:2px solid #BBB;
	border-bottom:2px solid #BBB;
}

.jq-msg{
	width:600px;
	height:auto;
	margin-left:-300px;
	background:#f3fff3;
    }
.jq-msg .jq-title{
	height:25px;
	border-bottom:1px solid #CCC;
	}
.jq-msg .jq-title-name{
	color:#390;
    }
.jq-msg .text-wrap{
	height:auto;
	_height:70px;
	min-height:70px;
	margin:15px 0 0 6px;
    }
.jq-msg .text{
	line-height:2;
	text-indent:2em;
	font-size:14px;
    }
.jq-msg .text p{
	margin-bottom:5px;
	}
.jq-msg .timer{
	text-align:center;
	margin-top:5px;
	color:#999;
}

.jqmWindowCmt{
	margin-top:-200px;
	margin-left:-260px;
	height:400px;
    width:520px;	
	padding:15px 15px 0;
	background:#fff8fc;  
}

.jqmWindowFav{
	margin-top:-200px;
	margin-left:-260px;
	height:300px;
    width:520px;	
	padding:15px 15px 0;
	background:#fff8fc;  
}

.jqmWindowCan {
	margin-top:-305px;		
	margin-left:-475px;
	height:600px;	
	width:920px;
	padding:15px 15px 0;
	background:#fff8fc;
}

.jqmOverlay { background-color: #000; }

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression(document.documentElement.scrollTop + document.documentElement.clientHeight/2 + 'px');
}

/*---------- broadcast ----------*/
.broadcast{
	position:fixed;
	right:20px;
	bottom:35px;
	width:260px;
	* filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false) !important;
	}
* html .broadcast{
	position:absolute;
	bottom:auto;
    top:expression( ( -35 - this.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

.broadcast .headline{
	height:30px;
	line-height:30px;
	padding:5px 10px 10px 15px;
	font-size:14px;
	font-weight:bold;
	}
.broadcast .headline div{
	position:relative;
	height:30px;
	}
.broadcast .headline .close{
	position:absolute;
	top:0;
	right:0;
	width:30px;
	height:30px;
	}
.broadcast .headline .close:hover{
	background-position:0 100%;
}

.broadcast .body{
	_height:1%;
	line-height:2;
	padding:0 20px;
	
}

.broadcast .foot{
	height:15px;
	
}

/*----- broadcast-notice -----*/
.broadcast-notice .headline .close{
	background:url(/images/broadcast/notice/close.gif) no-repeat 0 0;
	}
.broadcast-notice .headline{
	color:#390;
	background:url(/images/broadcast/notice/head-bg.png) no-repeat 0 0;
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src='/images/broadcast/notice/head-bg.png');
	}
.broadcast-notice .body{
	background:url(/images/broadcast/notice/body-bg.png) repeat-y 0 0;
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src='/images/broadcast/notice/body-bg.png');
	}
.broadcast-notice .foot{
	background:url(/images/broadcast/notice/foot-bg.png) no-repeat 0 0;
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src='/images/broadcast/notice/foot-bg.png');
}

/*----- broadcast-remind -----*/
.broadcast-remind .headline .close{
	background:url(/images/broadcast/remind/close.gif) no-repeat 0 0;
	}
.broadcast-remind .headline{
	color:#E39;
	background:url(/images/broadcast/remind/head-bg.png) no-repeat 0 0;
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src='/images/broadcast/remind/head-bg.png');
	}
.broadcast-remind .body{
	background:url(/images/broadcast/remind/body-bg.png) repeat-y 0 0;
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src='/images/broadcast/remind/body-bg.png');
	}
.broadcast-remind .foot{
	background:url(/images/broadcast/remind/foot-bg.png) no-repeat 0 0;
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src='/images/broadcast/remind/foot-bg.png');
}

/*---------- main-panel ----------*/

.main-panel .headline-wrap .lcorner,
.main-panel .headline-wrap .rcorner,
.main-panel .headline,
.main-panel .headline span,
.main-panel .head-wrap .lcorner,
.main-panel .head-wrap .rcorner,
.main-panel .head,
.main-panel .foot-wrap .lcorner,
.main-panel .foot-wrap .rcorner,
.main-panel .foot{
	background:url(/images/common/red-panel-head.gif) no-repeat;
}

.main-panel .body-wrap,
.main-panel .body{
	background:url(/images/common/red-panel-body.gif) repeat-y;
}

/*----- main-panel > headline -----*/
.main-panel .headline-wrap,
.main-panel .headline-wrap .lcorner,
.main-panel .headline-wrap .rcorner,
.main-panel .headline,
.main-panel .headline span{
	height:35px;
	}
.main-panel .headline-wrap .lcorner,
.main-panel .headline-wrap .rcorner{
	float:left;
	width:10px;
	margin-top:-35px;
	}
.main-panel .headline-wrap .lcorner{
	background-position:0 0;
	}
.main-panel .headline-wrap .rcorner{
	float:right;
	background-position:100% 0;
	}
.main-panel .headline{
	height:25px;
	line-height:25px;
	padding-bottom:10px;
	margin:0 10px;
	background-position:0 -35px;
	background-repeat:repeat-x;
	}
.main-panel .headline span{
	float:left;
	height:25px;
	padding-right:60px;
	font-size:14px;
	font-weight:bold;
	color:#FFF;
	background-position:100% -70px;
	background-color:#ff88bd;
	}
.main-panel .headline span a{
	color:#FFF;
}

/*----- main-panel > head && foot -----*/
.main-panel .head-wrap,
.main-panel .head-wrap .lcorner,
.main-panel .head-wrap .rcorner,
.main-panel .head,
.main-panel .foot-wrap,
.main-panel .foot-wrap .lcorner,
.main-panel .foot-wrap .rcorner,
.main-panel .foot{
	overflow:hidden;
	height:10px;
	}
.main-panel .head-wrap .lcorner,
.main-panel .head-wrap .rcorner,
.main-panel .foot-wrap .lcorner,
.main-panel .foot-wrap .rcorner{
	width:10px;
	margin-top:-10px;
	}
.main-panel .head-wrap .lcorner,
.main-panel .foot-wrap .lcorner{
	float:left;
	}
.main-panel .head-wrap .rcorner,
.main-panel .foot-wrap .rcorner{
	float:right;
	}
.main-panel .head,
.main-panel .foot{
	margin:0 10px;
	background-repeat:repeat-x;
	}
.main-panel .head-wrap .lcorner{
	background-position:0 -105px;
	}
.main-panel .head-wrap .rcorner{
	background-position:100% -105px;
	}
.main-panel .head{
	background-position:0 -95px;
	}
.main-panel .foot-wrap .lcorner{
	background-position:0 -115px;
	}
.main-panel .foot-wrap .rcorner{
	background-position:100% -115px;
	}
.main-panel .foot{
	background-position:0 -125px;
}

/*----- main-panel > body -----*/
.main-panel .body-wrap{
	background-position:0 0;
	background-color:#fff9fc;
	}
.main-panel .body{
	line-height:2;
	padding:0 15px;
	background-position:100% 0;
}

/*----- green-panel -----*/
.green-panel .headline-wrap .lcorner,
.green-panel .headline-wrap .rcorner,
.green-panel .headline,
.green-panel .headline span,
.green-panel .head-wrap .lcorner,
.green-panel .head-wrap .rcorner,
.green-panel .head,
.green-panel .foot-wrap .lcorner,
.green-panel .foot-wrap .rcorner,
.green-panel .foot{
	background-image:url(/images/common/green-panel-head.gif);
	}
.green-panel .headline span{
	background-color:#7abd38;
}
.green-panel .body-wrap,
.green-panel .body{
	background-image:url(/images/common/green-panel-body.gif);
	}
.green-panel .body-wrap{
	background-color:#f8fcf5;
}

/*----- blue-panel -----*/
.blue-panel .headline-wrap .lcorner,
.blue-panel .headline-wrap .rcorner,
.blue-panel .headline,
.blue-panel .headline span,
.blue-panel .head-wrap .lcorner,
.blue-panel .head-wrap .rcorner,
.blue-panel .head,
.blue-panel .foot-wrap .lcorner,
.blue-panel .foot-wrap .rcorner,
.blue-panel .foot{
	background-image:url(/images/common/blue-panel-head.gif);
	}
.blue-panel .headline span{
	background-color:#60aff2;
}
.blue-panel .body-wrap,
.blue-panel .body{
	background-image:url(/images/common/blue-panel-body.gif);
	}
.blue-panel .body-wrap{
	background-color:#f7fbfe;
}


/*---------- layout ----------*/
/*----- #site-bar -----*/
#site-bar-wrap{
	position:fixed;
	z-index:200;
	left:0;
	top:0;
	width:100%;
	height:31px;
	background:url(/images/common/site-bar-bg.gif) repeat-x 0 0;
	}
#site-bar{
	height:31px;
	margin:0 auto;
	padding:2px 0;
	}
#site-bar-wrap #site-bar{
	width:960px;
	padding:0;
}

#site-bar .site-nav{
	height:23px;
	padding:4px 0;
	}
#site-bar li{
	float:left;
	width:auto;
	height:23px;
	line-height:23px;
	padding:0 11px 0 10px;
	background:url(/images/common/word-break.gif) no-repeat 100% 50%;
	}
#site-bar li.last{
	padding-right:0;
	background:none;
}

#site-bar .drop-menu-wrap{
	position:relative;
	z-index:2000;
	padding:0 6px 0 5px;
	}
#site-bar .drop-menu-wrap label{
	float:left;
	position:relative;
	z-index:1;
	height:21px;
	line-height:21px;
	padding:1px 12px 1px 5px;
	background:url(/images/common/drop-arrow.gif) no-repeat 100% 9px;
	}
#site-bar .drop-menu-wrap.hover label{
	padding:0 11px 1px 4px;
	border:1px solid #BBB;
	border-bottom:0;
	background-color:#FFF;
	background-position:100% -23px;
	}
#site-bar .drop-menu{
	display:none;
	position:absolute;
	top:22px;
	left:5px;
	width:75px;
	line-height:2;
	padding:0 5px;
	border:1px solid #BBB;
	background:#FFF;
	}
#site-bar .drop-menu a{
	display:block;
	height:2em;
}

#site-bar .site-logo{
	float:left;
	width:119px;
	height:31px;
	background:url(/images/common/site_logo.png) no-repeat 0 50%;
}

#site-bar a{
	color:#666;
	}
#site-bar a.green1{
	color:#5A0;
	}
#site-bar a:hover{
	color:#39E !important;
	}
#site-bar a.msg{
	padding-left:20px;
	background:url(/images/common/new-msg.gif) no-repeat 0 50%;
    }
#site-bar a.renren{
	padding-left:18px;
	background:url(/images/api/renren/icon.gif) no-repeat 0 0;
	}
#site-bar a.qq{
	padding-left:18px;
	background:url(/images/api/qq/icon.png) no-repeat 0 0;
	}
#site-bar a.sina{
	padding-left:20px;
	background:url(/images/api/sina/icon.gif) no-repeat 0 0;
}

#site-bar .renren-online a{
	padding-left:18px;
	background:url(/images/api/renren/icon.gif) no-repeat 0 0;
	}
#site-bar .sina-online a{
	padding-left:20px;
	background:url(/images/api/sina/icon.gif) no-repeat 0 0;
	}
#site-bar .qq-online a{
	padding-left:20px;
	background:url(/images/api/qq/icon.png) no-repeat 0 0;
	}
#site-bar .renren-online img{
	display:none;
}

#site-bar .search-bar{
	height:19px;
	padding-top:4px;
	}
#site-bar .search-bar .search-input{
	float:left;
	width:118px;
	height:13px;
	border:1px solid #C9C;
	}
#site-bar .search-bar .search-input:hover,
#site-bar .search-bar .search-input.hover{
	border-color:#5A0;
	}
#site-bar .search-bar .search-btn{
	float:left;
	width:15px;
	height:15px;
	border:none;
	cursor:pointer;
	background:url(/images/common/search-btn.gif) no-repeat 0 0;
}

.app_ad{
	position: fixed;
	bottom: 0;
	width: 100%;
	text-align: center;
	z-index: 500;}
.app_ad .close_button{
	width: 32px;
	height: 32px;
	position: absolute;
	right: 0;
	top: -32px;
	background: #666;
	color: #fff;
	text-align: center;
	line-height: 32px;
	font-size: 16px;}
.app_ad img{
	width: 100%;}
.app_ad.at_web{
	width: 950px;
	left: 50%;
	margin-left: -475px;}
.app_ad.at_web .close_button{
	top: 40px;}
.app_ad.at_web .app_download_tip,
.app_ad .app_download_tip{
	display: none;}

#onlineService { position: fixed; right: 10px; top: 100px; }
#onlineService a#kf { display: block; width: 120px; height: 230px; background: url("/images/common/service_53kf_v1.png") no-repeat; }
#onlineService a#closeHandler { display: block; width: 14px; height: 14px; position: absolute; top: 0; right: 0; }
html.ie6, .ie6 body { background-image: url(about:blank); background-attachment: fixed; }
html.ie6 #onlineService { position: absolute; bottom:auto; top: expression(eval(document.documentElement.scrollTop + 100)); }