/* main.css */

/* Default value
----------------------------- */
* { margin:0; padding:0; border:0; outline:0;}
ul, ol { list-style:none;}
a { text-decoration:none;}
a:hover { text-decoration:none;}
iframe { border:none;}
table { border-collapse:collapse; border-spacing:0;}
img { border:0;}
em { font-style:normal;}
.clear { clear:both;}
.tc { text-align:center;}
.tl { text-align:left;}
.tr { text-align:right;}
.fl { float:left;}
.fr { float:right;}
/* configuration
------------------------------*/
body { font:12px/20px Verdana, "宋体"; color:#333; background:#fff url(../images/body.gif) left 1px repeat-x;}
body#register { background-image:none;}
#header { width:972px; height:119px; margin:0 auto;}
#content { width:972px; padding:20px 0; margin:0 auto; border-bottom:1px solid #DBDBDB;}
#side { width:180px; padding-bottom:52px; background:url(../images/side_btm.gif) left bottom no-repeat; float:left;}
#core { width:780px; padding-bottom:12px; background:url(../images/core_btm.gif) left bottom no-repeat; float:right;}
.inner { min-height:400px; padding:10px 30px; background:url(../images/core_bg.gif) left top repeat-y; clear:both;}
#footer { color:#666; line-height:24px; text-align:center; margin-top:15px;}
	#footer a { color:#666; text-decoration:underline;}
/* p, h, form, btn*/
.iptBox { height:16px; font:12px/16px Verdana, "宋体"; color:#333; padding:1px 5px; border:1px solid #E4E4E4; background:url(../images/login_box.gif) left top repeat-x;}
	.size_xs { width:80px;}
	.size_s { width:150px;}
	.size_m { width:200px;}
	.size_l { width:250px;}
.sltBox { height:20px; font:12px/16px Verdana, "宋体"; color:#333; padding:1px 1px 1px 5px; border:1px solid #E4E4E4; background:url(../images/login_box.gif) left top repeat-x;}

#side h2 { height:60px; text-indent:-9999px; background:url(../images/side_tt.gif);}
#core h2 { font:bold 14px/30px Verdana, "宋体"; color:#FF9000; border-bottom:1px solid #D6D6D6;}

.btnWrap { height:25px; margin-top:20px; padding-left:276px; clear:both;}
	.btnWrap a { color:#369;}
	.btnWrap a:hover { color:#036;}

#register_btn { display:block; width:132px; height:23px; color:#333; line-height:23px; margin-right:10px; background-image:url(../images/btn1.gif); background-position:left top; float:left;}
#register_btn:hover { color:#222; background-position:left bottom;}

.btn1 { display:block; height:23px; color:#333; line-height:23px; margin-right:10px; padding-left:15px; background-image:url(../images/btn1.gif); background-position:left top; float:left;}
.btn1:hover { color:#222; background-position:left bottom;}
	.btn1 span { display:block; cursor:hand; height:23px; line-height:23px; padding-right:15px; background-image:url(../images/btn1.gif); background-position:right top;}
	.btn1:hover span { background-position:right bottom;}
.btn2 { display:block; width:81px; height:25px; font:12px Verdana, "宋体"; color:#333; line-height:25px; text-align:center; margin-right:10px; background:url(../images/btn2.gif); float:left;}
.btn2:hover { color:#111;}
.btn3 { display:block; width:73px; height:23px; color:#333; line-height:23px; margin-right:10px; background-image:url(../images/btn3.gif); background-position:left top; float:left;}
.btn3:hover { color:#222;}
/* logo
------------------------------*/
#logo { width:181px; height:81px; text-indent:-9999px; margin-top:1px; background:url(../images/logo.gif); float:left;}
/* loginWrap
------------------------------*/
#loginWrap { width:530px; height:30px; color:#A7A7A7; margin-top:45px; float:right;}
	#loginWrap legend { display:none;}
	#loginWrap label { color:#444; margin-left:10px;}
	#loginWrap .iptBox { width:94px;}
	#loginWrap .btn { height:20px; cursor:hand; font:12px/18px "宋体"; color:#444; padding:0 8px; margin:0 6px; border:1px solid #FFBC2B; background:url(../images/login_btn.gif) left top repeat-x;}
	#loginWrap a { color:#FF9000; margin:0 6px;}
	#loginWrap a:hover { text-decoration:underline;}
/* nav
------------------------------*/
#nav { height:34px; font-size:14px; font-weight:bold; padding-top:3px; clear:both; display:block;}
	#nav a { display:block; width:104px; height:30px; line-height:30px; color:#002A89; text-align:center; padding-top:4px; background:url(../images/nav_line.gif) right 7px no-repeat; float:left;}
	#nav a:hover { color:#FF6000;}
	#nav a.current { color:#FF6000; margin-left:-2px; background:url(../images/nav_c.gif) left bottom no-repeat;}
/* menu
------------------------------*/
.menu { padding:0 8px; background:url(../images/side_bg.gif) left top repeat-y;}
	.menu h3 { position:relative; height:31px; font-size:12px; line-height:30px; text-align:center;}
		.menu h3 img { position:absolute; left:28px; top:6px;}
		.menu h3 a { display:block; width:164px; height:31px; color:#FF9000; background-image:url(../images/side_menu.gif); background-position:left top;}
		.menu h3 a:hover { background-position:left bottom;}
	.menu li { height:31px; line-height:30px; text-align:center;}
		.menu li a { display:block; width:164px; height:31px; color:#5F5F5F; background-image:url(../images/side_menu.gif); background-position:left top;}
		.menu li a:hover { color:#111; background-position:left bottom;}
/* track
------------------------------*/
.track { height:36px; color:#646464; line-height:34px; text-indent:30px; background:url(../images/core_top.gif);}
	.track a { color:#646464; margin:0 6px;}
	.track a:hover { color:#222;}
	.track span { color:#FF6000; margin:0 6px;}
/* list
------------------------------*/
.list { padding:20px 0;}
	.list li { margin-bottom:10px; clear:both;}
	.list label { display:block; width:270px; text-align:right; padding-right:6px; float:left;}
/* page: login */
#login { padding-bottom:60px; background:url(../images/login.gif) right 60px no-repeat;}
/* page: cz( cz info )
------------------------------*/
#cz form { height:23px; padding:20px 0 10px;}
#cz label,
#cz select { margin-right:10px; float:left;}
#cz p { clear:both;}
#cz .btn1 { margin-top:-2px;}
#cz table { width:98%; line-height:30px; text-align:center; margin:15px auto; background-color:#F0F0F0;}
	#cz th { border-width:0 1px 1px 0; border-color:#fff; border-style:solid; background-color:#B9D1E2;}
	#cz td { border-width:0 1px 1px 0; border-color:#fff; border-style:solid;}
/* page: exchange( want to cz )
------------------------------*/
#exchange .tip { margin:30px 120px;}
	#exchange .tip p { color:#666; margin-bottom:8px;}
.rbox_vou table { width:100%; margin-top:10px;}
.rbox_vou td { padding:10px; border:1px solid #E3E3E3;}
.rbox_vou td a.btn { display:block; width:136px; height:35px; font-size:14px; font-weight:bold; color:#fff; line-height:35px; text-align:center; background:url(../images/bot_10.gif);}
/* page: pwProtect
-----------------------------*/
#pwProtect .list li p { color:#888; margin:8px 220px 8px 276px;}
/* page: personInfo
-----------------------------*/
#personInfo .list li a { color:#369; text-decoration:underline;}
#personInfo .list li a:hover { text-decoration:none;}
/* page: pwModify
-----------------------------*/
#pwModify .list li p { color:#888; margin:8px 220px 8px 276px;}
#pwModify .security { width:150px; color:#888; height:20px; margin-bottom:15px; border-bottom:1px solid #999; background-color:#EBEBEB; float:left;}
	#pwModify .security span { display:block; width:48px; height:18px; line-height:18px; text-align:center; padding-top:2px; border-left:1px solid #fff; border-right:1px solid #999; float:left;}
	#pwModify .security .active { color:#fff; border-left:1px solid #8D78E4; background-color:#8D78E4;}
/* page: faq
----------------------------*/
#faq ol { margin:0 10px;}
#faq li { font-weight:bold; color:#5DACCC; margin:12px 0; padding-bottom:6px; border-bottom:1px solid #E0E0E0;}
	#faq li p { font-weight:normal; color:#5E5E5E;}
/* page: register
----------------------------*/
#regWrap { width:760px; margin:0 auto;}
	#regWrap #logo { float:none;}
	#regWrap form { width:684px; padding:20px 30px 30px; margin-top:15px; border:8px solid #E0F1FB; clear:both;}
	#regWrap h2 { font:bold 14px/30px "宋体"; color:#D40707; border-bottom:1px solid #9BCBF3;}
	#regWrap .ok { width:19px; height:19px; background:url(../images/icon_error.gif) left top no-repeat;}
	#regWrap .error { width:19px; height:19px; background:url(../images/icon_error.gif) right top no-repeat;}
	
	#regWrap table { width:90%; line-height:22px; margin:20px auto 0; border-bottom:1px solid #D5E9F9;}
		#regWrap table td { padding:8px 5px;}
		#regWrap table span { color:#A5A5A5;}
		#regWrap table label { margin:0 10px 0 6px;}
		#regWrap table em { color:#c00; margin-right:8px;}
	
	#regWrap .security { width:150px; color:#888; height:20px; border-bottom:1px solid #999; background-color:#EBEBEB;}
		#regWrap .security span { display:block; width:48px; height:18px; line-height:18px; text-align:center; padding-top:2px; border-left:1px solid #fff; border-right:1px solid #999; float:left;}
		#regWrap .security .active { color:#fff; border-left:1px solid #8D78E4; background-color:#8D78E4;}
	
	#regWrap .protocol { height:20px; margin:15px 65px;}
		#regWrap .protocol input { display:block; height:19px; margin-right:5px; float:left;}
		#regWrap .protocol a { color:#1D57CA; text-decoration:underline; }
	#regWrap .btnWrap { margin-top:40px;}
/* page: netpay
-------------------------------*/
#result { font-size:14px; color:#c00; text-align:center; padding:8px 12px; border:1px dashed #ccc;}
/* page: revert
------------------------------*/
.revert { width:400px; font-size:14px; line-height:24px; text-align:center; padding:30px 20px 40px; margin:40px auto; border:5px solid #C4EBF9; background-color:#fff;}
.revert a { color:#369; text-decoration:underline; margin-left:10px;}
.revert a:hover { color:#036;}
/* common-table : 2010-3-24*/
.common-table { width:100%; line-height:24px; text-align:center; margin:15px auto; background-color:#F0F0F0;}
	.common-table th { line-height:26px; border:1px solid #fff; background-color:#B9D1E2;}
	.common-table td { padding:2px 10px; border:1px solid #ccc;}





.rbox_vou td h3 {
	background:url("../images/icon6.gif") no-repeat scroll 2px 6px transparent;
	border-bottom:1px solid #DDDDDD;
	clear:both;
	color:#999999;
	font-family:"宋体";
	font-size:12px;
	font-weight:normal;
	height:28px;
	line-height:28px;
	margin:0 20px 0 0;
	padding-left:26px;
}

.rbox_vou td h3 b {
	color:#000000;
	font-size:14px;
	margin:0;
	padding-right:10px;
}

.btn_box {
	clear:both;
	display:block;
	margin-top:5px;;
	padding:0;
}
.btn_box .btn_001 {
	display:inline;
	float:left;
	height:24px;
	margin-right:10px;
}
.btn_box .btn_001 a {
	background:url("../images/btn_01.png") no-repeat scroll 0 0 transparent;
	color:#FFFFFF;
	display:block;
	float:left;
	font-weight:normal;
	line-height:21px;
	padding:0 10px 0 15px;
	text-align:center;
	text-decoration:none;
}
.btn_box .btn_001 em {
	background:url("../images/btn_01.png") no-repeat scroll right center transparent;
	display:block;
	float:left;
	height:24px;
	width:5px;
}