@charset "utf-8";
/* Author: wjas */
/* date to build: 2012-06-21*/
/* last Modified Author: wjas */
/* last Modified: 2014-07-12 */

/* global definitions */
body{margin:0px auto;padding:0px;text-align:center;background:#fff; font-size:12px; color:#000; font-family:  "宋体", "Microsoft YaHei", Helvetica, SimSun, "Segoe UI", Arial, Sans-Serif; position:relative;}
div,table,tr,td{margin:0px;padding:0px;font-size:12px;}
form,ul,li,img,p{margin:0px;padding:0px;border:0px;}
hr{margin:0; padding:0; border:0; line-height:1px;}
h1,h2,h3,h4,h5{margin:0px;padding:0px;}
ul,li{list-style-type:none;}
input{outline:none}
.box{width:100%; float:left; position:absolute; left:0;}
.area{width:1000px; margin:0 auto;}

.registerTop{width:1000px; height:20px; margin:20px auto;}
.registerTop .logo{height:20px; float:left;}
.registerTop .menu{height:14px; float:right; margin:6px 0 0; line-height:14px; color:#b3b9bf; font-size:14px; text-align:left;}
.registerTop .menu a{color:#b3b9bf; text-decoration:none;}
.registerTop .menu a:hover{color:#808a94;}

::-webkit-input-placeholder {color:#ccc; font-size:12px;}
:-moz-placeholder {color:#ccc !important; font-size:12px;}
::-moz-placeholder {color:#ccc !important; font-size:12px;}
:-ms-input-placeholder {color:#ccc !important; font-size:12px;}
.btn{border-radius:2px; text-align:center; color:#fff; cursor:pointer; text-indent:0px; -webkit-transition:background-color ease .1s; transition:background-color .1s ease; text-decoration:none;}
.btn:active{text-indent:1px;}

.registerArea{width:100%; min-width:1000px; height:auto; position:relative; text-align:center; color:#fff; overflow:hidden; border:1px solid #8ac; border-left:0; border-right:0; background:#9bd;}

.registerBG{width:380px; height:440px; float:left; margin:40px 0; background:url(../../Login/images/registerBG.jpg) center center no-repeat;}

.registerBox{width:500px; float:right; padding:0 20px; background:#fff; margin:40px 10px;}

.registerBox .title{width:100%; height:60px; border-bottom:1px solid #e5e5e5; float:left; clear:both;}
.registerBox .title h1{height:60px; line-height:60px; color:#666; font-size:16px; float:left; text-align:left; margin:0;}
.registerBox .title h1 b{color:#f55;}
.registerBox .title .btn{width:80px; height:30px; line-height:30px; float:right; margin:15px 0 0 0; background:#8c4;}
.registerBox .title .btn:hover{background:#8b0;}
.registerBox .title .btn:active{line-height:32px;}

.itemArea{width:503px; margin:0 auto; padding:20px 0; clear:both;}
.item{float:left; margin:0 -1px 10px 0; border:1px solid #ccc; border-radius:2px; font-size:14px; text-align:left; background:#fff; transition: .5s ease; position:relative;}
.item label{width:72px; height:38px; padding:0 0 0 10px; line-height:38px; float:left; color:#999; border-right:1px solid #fff; transition: .5s ease; }
.item input[type="text"],.item input[type="password"]{height:20px; line-height:20px; color:#09c; font-size:14px; padding:9px 10px; border:0; float:left; background:#fff;}

.item.error{border:1px solid #f55;  margin-bottom:30px;}
.item.error label{color:#f55;}

.item.focus{border:1px solid #6cd; z-index:2;}
.item:hover label{background:#f6f6f6; border-right:1px solid #ccc;}
.item.focus label{background:#ebf6fd; border-right:1px solid #6cd; color:#8bd;}

.clearText{width:16px; height:16px; float:left; cursor:pointer; line-height:20px; text-indent:-2000px; overflow:hidden; background:#ccc; border-radius:20px;  -webkit-transition: background-color .2s ease; transition: background-color .2s ease; position:absolute; right:8px; top:11px; display:none;}
.clearText b{width:16px; height:16px; float:left; background:url(../images/registerICON.png) 4px 4px no-repeat;}
.clearText:hover{background-color:#6cd;}
.clearText:active b{background-color:#09c; background-position:5px 5px;}
.item:hover .clearText,.item.focus .clearText{display:inline;}

.item.userName{width:501px;}
.item.userName input[type="text"]{width:396px;}
.item.twoPart{width:250px;}
.item.twoPart input[type="text"],.item.twoPart input[type="password"]{width:147px;}
.twoPart.twoPart_1{border-radius:2px 0 0 2px; clear:left;}
.twoPart.twoPart_2{border-radius:0 2px 2px 0; clear:right;}

.item.address_1{width:100px; border-radius:2px 0 0 2px;}
.item.address_2{width:299px; border-radius:0 2px 2px 0;}
.item.address_2 input[type="text"]{width:279px;}

.item .PS{display:none;}
.item.error .PS{width:100%; height:12px; float:left; font-size:12px; color:#f55; text-align:left; position:absolute; left:0; bottom:-20px; display:inline;}

.btn.Submit{width:300px; hanging-punctuation:40px; line-height:40px; margin:20px 101px 30px; float:left; background:#f55; clear:both; font-size:14px;}
.btn.Submit:hover{background:#e33;}
.btn.Submit:active{line-height:42px;}

.btn.posting{width:300px; hanging-punctuation:40px; line-height:40px; margin:20px 101px 30px; float:left; background:#eee; clear:both; font-size:14px; color:#999;}


/* 下拉菜单 */
.singleSelector{height:38px; float:left; line-height:38px; font-size:14px; padding:0 20px 0 8px; background:#fff; color:#888; cursor:pointer; -webkit-transition:border ease .3s, background-color ease .3s, box-shadow ease .3s; transition:border ease .3s, background-color ease .3s, box-shadow ease .3s; position:relative;}
.singleSelector font{width:100%; overflow:hidden; height:38px; display:block; text-align:left; overflow: hidden; white-space: nowrap; text-overflow:ellipsis;}
.singleSelector b.arrow{width:7px; height:4px; position:absolute; top:17px; right:10px; background:url(../images/registerICON.png) 0 -26px no-repeat;}
.singleSelector.on b.arrow{background-position:0 -21px;}
.singleSelector:focus{outline: 0 !important; -webkit-box-shadow:0 !important;}
.singleSelector.on{color:#09c; background:#fff;}

.selectBox{padding:6px 0; background:#fff; border:1px solid #5ac; box-shadow:0 2px 10px rgba(0,0,0,.1); position:absolute; top:46px; left:-1px; border-radius:2px; -webkit-transition: ease .3s; transition: ease .3s; opacity:0; display:none; z-index:99;}
.selectBox li{width:100%; background:none; text-indent:14px; overflow:hidden; font-size:12px; height:24px; float:left; clear:both; line-height:24px; color:#666; text-align:left; overflow:hidden; white-space:nowrap;}
.selectBox li:hover{background:#e0eff2;}
.selectBox li.selected,.singleSelector .selectBox li.on{background-color:#6cd; color:#fff;}

.singleSelector.on .selectBox{display:inline; opacity:1; top:38px;}
.singleSelector .selectBox.up{top:auto; bottom:36px;}
.singleSelector.on .selectBox.up{top:auto; bottom:28px;}


/*滚动条*/
/* mCustomScrollbar */
.mCSB_inside>.mCSB_container {margin-right: 0px;}
.mCSB_scrollTools_vertical{z-index:9;}
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{background-color: #000; filter:alpha(opacity=10); background-color: rgba(0,0,0,0.2);}
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color: #000; filter:alpha(opacity=25); background-color: rgba(0,0,0,0.35); }
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; filter:alpha(opacity=35); background-color: rgba(0,0,0,0.45); }
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; filter:alpha(opacity=40); background-color: rgba(0,0,0,0.5);}
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); }
.mCSB_container_wrapper { margin-right:0px; margin-bottom:0px;}
.mCSB_container_wrapper > .mCSB_container { padding-right:0px; padding-bottom:0px;}
.mCSB_scrollTools_vertical{margin-right:-4px;}
.popup .mCSB_scrollTools_horizontal{margin-bottom:-4px;}


.bottom{width:1000px; margin:0 auto; padding:15px 0; clear:both;}
.bottom a{text-decoration:none;}
.bottom .info{width:1000px; height:18px; float:left; padding:5px 0;}
.bottom .info .logo2{float:left; margin:0 20px 0 0;}
.bottom .info span{height:36px; margin:0; float:right; overflow:hidden; text-align:left; font-size:12px; color:#808a94; line-height:20px;}
.bottom .info a{color:#808a94;}
.bottom .info a:hover{color:#555;}
.bottom{opacity:0.6; transition:.5s ease;}
.bottom:hover{opacity:1;}

/* 弹窗 */
.popupBg{width:100%; height:100%; position:fixed; top:0; left:0; z-index:999; background:#000; opacity:.2; filter:alpha(Opacity=20);}
.popup{position:fixed; z-index:999; top:50%; left:50%; background:#fff; border:1px solid #d1e0ea; border-radius:6px; box-shadow:0 0 10px rgba(000,085,136,.4); float:left; text-align:left;}

.popup .popupTitle{width:100%; height:40px; float:left; background:#f0f9fc; background:none; border-radius:6px 6px 0 0; border-bottom:1px solid #d1e0ea;}
.popup .popupTitle.bg{background:#f0f9fc;}
.popup .popupTitle h1{height:40px; line-height:40px; color:#09c; text-indent:14px; font-size:12px; letter-spacing:normal; font-weight:normal; overflow:hidden;}
.popup .popupTitle .popupClose{width:20px; height:20px; position:absolute; top:10px; right:10px; cursor:pointer; line-height:20px; text-indent:-2000px; overflow:hidden; background:url(../../Login/images/icon.png) -110px 0 no-repeat; border-radius:3px;}
.popup .popupTitle .popupClose:hover{background:url(../../Login/images/icon.png) -130px 0 no-repeat #6cd;}
.popup .popupTitle .popupClose:active{background:url(../../Login/images/icon.png) -129px 1px no-repeat #09c;}
.popup .popupArea{width:100%; float:left; text-align:center;}
.popup .popupArea .popupAreaCenter{padding:20px; font-size:12px; text-align:left; color:#666; line-height:18px;}
.popup .popupArea h1{font-size:14px; text-align:center; color:#09c; line-height:20px;}
.popup .popupArea P{text-align:center; line-height:24px;}
.popup .popupBottom{position:absolute; bottom:0px; left:0px; width:100%; height:30px; padding:10px 0; float:left; border-top:1px solid #d1e0ea;}
.popup .popupBottom .popupBtn{height:28px; line-height:28px; padding:0 10px; font-size:12px; text-align:center; float:right; margin:0 10px 0 0; cursor:pointer; border-radius:3px;}
.popup .popupBottom .popupBtn:hover{text-decoration:underline;}
.popup .popupBottom .popupBtn:active{line-height:30px;}
.popup .popupBottom .popupBtnSure{color:#09c; float:right; border:1px solid #9de; background:#eff;}
.popup .popupBottom .popupBtnSure:hover{border:1px solid #09c;}
.popup .popupBottom .popupBtnCancel{border:1px solid #e5e5e5; background:#eee; color:#999;}
.popup .popupBottom .popupBtnCancel:hover{border:1px solid #ccc;}

/*loading*/
.loadingBg{width:100%; height:100%; position:absolute; top:0; left:0; z-index:999; background:#000; opacity:.2; filter:alpha(Opacity=20);}
.loading{width:130px; height:130px; float:left; border-radius:65px; background:#fff; background:rgba(255,255,255,.4); position:absolute; top:50%; left:50%; margin:-65px 0 0 -65px; z-index:9999; filter:alpha(Opacity=80);}
.loading .loadingGIF{width:110px; height:110px; float:left; margin:10px; border-radius:55px; background:url(../../Login/images/loading.gif) center center no-repeat #fff; opacity:.7;}

/*找回密码*/
.registerBox.forgetPassword{width:254px; margin-top:80px;}
.item.forgetPassword label{width:46px;}
.item.forgetPassword input[type="text"]{width:174px;}
.btn.Submit.forgetPassword,.btn.posting.forgetPassword{width:254px;margin:20px 0px 30px}