﻿@charset "utf-8";
/*
	=========================================================
	(c)2010 北创软件 www.northcreate.com
	=========================================================
*/
@import url(default.css);
html{width:100%; overflow-x:hidden;}
body{font-size:12px; font-family:Verdana, Geneva, sans-serif;}
.wrapper{width:970px; margin:0 auto;}
#rotate {-webkit-transform: rotate(15deg); /* Safari and Chrome */ -moz-transform: rotate(15deg); /* Firefox */ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation = 1); /* IE */ width:400px; height:300px; background:#900;}
.border{border:1px solid #DBDBDB; border-color:#E5E5E5 #DBDBDB #D2D2D2;}
.shadow{webkit-box-shadow:rgba(0,0,0,0.35) 0 1px 3px; moz-box-shadow: rgba(0,0,0,0.35) 0 1px 3px;}
.rounded{moz-border-radius:6px; webkit-border-radius:6px; border-radius:6px; o-border-radius:6px; khtml-border-radius:6px; behavior:url(assets/css/border-radius.htc);}
.head{position:relative; height:111px; overflow:hidden;}
.head .logo{background:url(../images/logo.gif) no-repeat; width:335px; height:50px; margin:15px 0 0 8px;}
.head .logo a{width:335px; height:50px; display:block; overflow:hidden; text-indent:-1000em;}
.head #menu{margin-top:15px;}
.head #menu .conLabel{background:url(../images/conLabel.png) no-repeat; _background:url(../images/conLabel.gif) no-repeat; width:62px; height:24px; position:absolute; left:83px; top:62px;}


.head .pClick-txt{position:absolute; width:193px; height:37px; background:url(../images/clickHere_bg.gif) no-repeat; right:0px; top:70px; color:#FFF; z-index:301; font:bold 13px/32px Arial, Helvetica, sans-serif; text-align:center;}
.head .pClick-txt a{color:#FFF; text-decoration:none;}
.head .pClick-txt a:hover{color:#FFF; text-decoration:underline;}
.head .pClick span{display:block; width:170px; padding:61px 0 0 120px; font:bold 14px/30px Arial, Helvetica, sans-serif; color:#FFF;}

.main{margin:8px auto;}
.myCategory{width:214px;}
.myCategory dl{}
.myCategory dl dt{font:bold 14px/2em Arial, Helvetica, sans-serif; background:#2597D5; color:#FFF; padding-left:12px; height:30px;}
.myCategory dl dd{background:#D4E7F5; padding:12px;}
.myCategory dl dd ul{color:#3d392e;}
.myCategory dl dd ul li{font:normal 14px Arial, Helvetica, sans-serif; border-bottom:1px solid #A8D5EE; padding:15px 0 2px 0;}
.myCategory dl dd ul li a{color:#3d392e; text-decoration:none;}
.myCategory dl dd ul li a:hover{color:#000; text-decoration:underline;}
.myCategory dl dd ul li a.countNo{position:relative;}
.myCategory dl dd ul li a.countNo sup{background:url(../images/msgCount.gif) no-repeat; width:21px; height:16px; display:block; font:bold 12px/14px Arial, Helvetica, sans-serif; color:#FFF; text-align:center; position:absolute; right:-25px; _right:90px; top:-3px; +top:13px;}
.myCategory dl dd ul li a.countNo sup.feedbackCount{_right:70px;}
.myCategory dl dd ul li a.countNo:hover sup{text-decoration:none;}

.myContent{width:742px; margin:0 12px 0 0;}
.myContent .myContent-top{height:6px; background:url(../images/sprpanelcrns.png) 0 -264px no-repeat;}
.myContent .myContent-top b{background:url(../images/sprpanelcrns.png) 100% -275px no-repeat; display:block; height:6px; margin-left:6px;}
.myContent .myContent-top b i{border-top:1px solid #D3EDB7; display:block; height:5px; margin-right:6px; overflow:hidden;}
.myContent .myContent-mid{border-left:1px solid #D3EDB7; border-right:1px solid #D3EDB7; padding:0 12px; zoom:1; overflow:hidden; _width:496px;}
.myContent .myContent-mid h2{font:bold 16px Arial, Helvetica, sans-serif; color:#333; border-bottom:1px solid #EEE; padding:12px 0;}
.myContent .myContent-mid .accountInfo{padding:12px 0;}
.myContent .myContent-mid .accountInfo li{line-height:2.4em; font-size:13px;}
.myContent .myContent-mid .accountInfo li a{color:#FA5100; text-decoration:none;}
.myContent .myContent-mid .accountInfo li a:hover{color:#F30; text-decoration:underline;}
/*.myContent .myContent-mid p{color:#333; padding-bottom:12px; line-height:1.5em;}*/
.myContent .myContent-mid p.menu_head{padding-bottom:0;}
.myContent .myContent-mid p.promiseTips{font:italic bold 14px/2em Arial, Helvetica, sans-serif; color:#FF8000;}
.myContent .myContent-btm{height:6px; background:url(../images/sprpanelcrns.png) 0 -297px no-repeat;}
.myContent .myContent-btm b{background:url(../images/sprpanelcrns.png) 100% -286px no-repeat; display:block; height:6px; margin-left:6px;}
.myContent .myContent-btm b i{border-bottom:1px solid #D3EDB7; display:block; height:5px; margin-right:6px; overflow:hidden;}

.aboutTxt{padding:12px 0;}
.aboutTxt a{color:#BC2D09;}
.aboutTxt a:hover{color:#F00;}
.aboutTxt p{padding:0 0 18px; background:url(../images/ico-tick.gif) left 3px no-repeat; text-indent:22px; line-height:1.5em;}

.sidebar{width:210px;}
.regBtn{background:url(../images/click_here_bg.gif) no-repeat; width:210px; height:45px;}
.regBtn a{display:block; font-size:13px; font-weight:bold; color:#FFF; padding:6px 0 0 45px; text-shadow:1px 1px 0px #0F83BC; -webkit-transition:all .4s ease; text-decoration:none;}
.regBtn a:hover{color:#E7F6FC; text-decoration:underline;}

.box1{margin-bottom:12px;}
.box1#honor{background:#55A51C;}
.box1#reply{background:#DDEDD2;}
.box1 p{padding:12px; color:#FFF; line-height:1.5em; font-size:14px;}
.box1 p b{font-size:18px; font-weight:bold;}
.box1#reply p{color:#333;}
.box1#reply p span{display:block; text-align:right; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-style:italic;}

.regSteps{height:23px;}
.regSteps li{display:inline-block; float:left; background:#E4E4E4 url(../images/regStepArrow2.gif) right center no-repeat; font-size:14px; font-weight:bold; color:#404040; height:23px; line-height:23px; width:33.3%; text-align:center;}
.regSteps li#stepLast{background:#E4E4E4;}
.regSteps li.current{background:#F60 url(../images/regStepArrow1.gif) right center no-repeat; color:#FFF;}
.regSteps li.passed{background:#FFE6BA url(../images/regStepArrow3.gif) right center no-repeat; color:#F60;}
.regSteps li.passed#no1{background:#FFE6BA url(../images/regStepArrow4.gif) right center no-repeat;}
.regInfo{font-size:12px; padding:12px 0; font-family:Arial, Helvetica, sans-serif;}
.regInfo dt{font-size: 14px; line-height: 1.6em; font-weight:bold;}
.regInfo dt a{color:#F60;}
.regInfo dt a:hover{color:#F00;}
.regInfo dd{padding:8px 0 0;}
.regInfo dd p{line-height: 1.6em; padding-bottom: 0.5em; color:#333; font-size:14px;}
.regInfo dd p.tips{text-indent:2.2em; background:url(../images/tipsIco.gif) left top no-repeat;}
.regInfo dd p.fb{font-weight:bold;}
.regInfo span.red{color:#F00; font-size:14px; padding-left:4px;}
.regInfo dd p a{color:#098BCD;}
.regInfo ul{padding:8px 0;}
.regInfo li{padding-bottom:8px; color:#333; font-size:14px;}
.regInfo li a{color:#098BCD;}
.regInfo li label{}
.regInfo dl.ott{padding:12px 0; border-bottom:1px solid #DDD;}
.regInfo dl.ott#third{border-bottom:none;}
.regInfo dl.ott dt{background:url(../images/stepRound.gif) left center no-repeat; height:24px; line-height:24px;}
.regInfo dl.ott dt span{color:#FFF; padding:0 16px 0 8px;}
.regInfo dl.ott dd .ottList label{text-align:right; width:200px; display:inline-block; float:left; padding:6px 12px 0 0; vertical-align:middle; font-size:14px;}
.regInfo dl.ott dd .regTxt{float:left; display:inline-block; padding:3px 4px; width:320px; border:1px solid #CCC; background:#FFF url(../images/regTxtBG.gif) left top no-repeat;}
.regInfo dl.ott dd select{width:330px; padding:4px;}
.regInfo dl.ott dd .narrow{width:100px;}
.regInfo dl.ott dd .addInfo{display:inline-block; float:left; padding:4px 0 0 6px; color:#999;}

#accessWays{padding-left:212px; font-size:14px;}
.accessWays label{padding-left:6px; font-size:14px;}
p.terms{padding:0 0 0 212px; font-size:14px;}
p.terms a{color:#F60;}
p.terms a:hover{color:#F00;}
p.terms label{padding:0 0 0 6px; margin-top:-2px;}
p.continue{text-align:right; padding:18px 290px 0px 0;}
p.continue .continue{border:1px solid #C4CCCC; border-right:1px solid #AEB7B4; padding:6px 12px; font-weight:bold; font-size:14px; color:#333; background: #F8EFAE;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#F8EFAE), to(#F1D557));
background: -moz-linear-gradient(#F8EFAE, #F1D557);
background: linear-gradient(#F8EFAE, #F1D557); filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#F8EFAE,endColorStr=#F1D557); -webkit-box-shadow:1px 1px 3px #6F7777; cursor:pointer;}
p.continue .continue:hover{color:#047;}

.payBox{}
.payBox dt{font-size:16px; font-weight:bold; color:#666;}
.payBox dd li{display:inline-block; float:left; padding:12px; width:60px; height:40px; border:1px solid #DDD; border-radius:6px; margin:12px; text-align:center; overflow:hidden;}