@charset "gb2312";
/* page layer */
.container-wrap{ position:relative; padding:40px 0; width:100%; min-width:1180px; height:auto; background-color:#d6e5f8; }
.ucs-container{ padding:20px; width:1140px; background-color:#fff; }
.ucs-mainbox{ position:relative; *zoom:1; background:#fff url(../img/signup_mainbox_bg1.png) repeat-y 0 0; overflow:hidden; }
.ucs-mb-left, .ucs-mb-right{ display:inline; position:relative; float:left; width:280px; }
.ucs-mb-right{ float:right; width:840px; }

/* [signup] left sidebar
============================= */
.signup-help{ padding:20px 0 0; }
.signup-help > h3{ display:block; height:40px; line-height:40px; color:#333; font-size:20px; font-weight:500; text-align:center; }
.signup-help .ulogin-third{ position:relative; /*margin-top:10px;*/ width:280px; text-align:center; overflow:hidden; }
.signup-help .ulogin-third > h4{ margin-bottom:10px; height:40px; line-height:40px; color:#808080; font-size:18px; font-weight:500; overflow:hidden; word-wrap:normal; white-space:nowrap; -o-text-overflow:ellipsis; text-overflow:ellipsis; }
.signup-help .ulogin-third > ul{ overflow:hidden; }
.signup-help .ulogin-third li{ display:inline-block; *display:inline; zoom:1; position:relative; margin:10px 0 0; width:150px; vertical-align:middle; }
.signup-help .ulogin-third li:first-child{ margin-top:0; }
.signup-help .ulogin-third li a{ display:block; padding:0 10px; width:130px; height:30px; line-height:30px; color:#333; font-size:14px; text-align:left; text-decoration:none; vertical-align:top; overflow:hidden; }
.signup-help .ulogin-third li.un-qq a{ color:#fff; background-color:#3eb0d8; }
.signup-help .ulogin-third li.un-qq i.fa{ margin-right:10px; font-size:18px; font-weight:normal !important; }
.signup-help .ulogin-third li.un-alipay a{ color:#fff; background-color:#d63b22; }
.signup-help .ulogin-third li.un-alipay i{ display:inline-block; *zoom:1; margin-top:6px; margin-right:10px; width:18px; height:18px; background:url(../img/icon_wechat.png) no-repeat left 0; vertical-align:top; }

/* [signup] right main
============================= */
.signup-info{ /*margin-top:20px;*/ padding:20px 20px; }
.signup-info .m-hd{ position:relative; height:40px; vertical-align:middle; }
.signup-info .m-hd:after{ display:block; visibility:hidden; clear:both; content:"\0020"; height:0; }
.signup-info .m-hd h2{ display:inline-block; *display:inline; *zoom:1; float:left; line-height:40px; color:#333; font-size:14px; font-weight:normal; cursor:default; }
.signup-info .m-hd h2 span, .signup-info .m-hd h2 em{ display:inline-block; *display:inline; *zoom:1; margin:0; padding:0; font-style:normal; }
.signup-info .m-hd h2 span{ font-size:24px; font-weight:500; letter-spacing:5px; }
.signup-info .m-hd h2 em{ margin-left:14px; color:#808080; font-family:Arial,Helvetica,sans-serif; font-size:18px; font-weight:500; }
/* ×¢²á±íµ¥Çø */
.signup-grid{ margin-top:20px; text-align:left; }
.signup-grid dl, .signup-grid dt, .signup-grid dd{ margin:0; padding:0; font-style:normal; font-weight:normal; }
.signup-grid .form-horizontal .control-group{ margin-bottom:0; }
.signup-grid .form-horizontal .controls{ margin-left:0; }
.signup-grid .form-horizontal input[data-ctltype="inputbox"]{ height:30px; line-height:30px; vertical-align:baseline; }
.signup-grid-list > dl{ position:relative; clear:both; }
.signup-grid-list > dl:after{ display:block; visibility:hidden; clear:both; content:"\0020"; height:0; }
.signup-grid-list > dl > dt, .signup-grid-list > dl > dd{ display:block; padding:10px 0; min-height:40px; line-height:40px; color:inherit; font-size:14px; }
.signup-grid-list > dl > dt{ float:left; width:100px; color:#4b4b4b; font-weight:700; text-align:right; }
.signup-grid-list > dl > dt .req-mark{ display:inline-block; margin-top:5px; margin-right:8px; line-height:20px; font-style:normal; color:#f00; font-size:14px; font-family:\5b8b\4f53,Arial,sans-serif; font-weight:500; }
.signup-grid-list > dl > dd{ position:relative; _margin-left:120px; padding-left:20px; text-align:left; overflow:hidden; }
.signup-grid-list .ctl-btnsbox > dt, .signup-grid-list .ctl-btnsbox > dd{ padding-top:10px; padding-bottom:20px; }
/*
.signup-grid-list .ctl-choice .kr-radio, 
.signup-grid-list .ctl-choice .kr-checkbox{ margin-right:20px; min-height:30px; line-height:30px; }
.signup-grid-list .ctl-choice input[type="radio"], 
.signup-grid-list .ctl-choice input[type="checkbox"]{ cursor:pointer; vertical-align:baseline; }
.signup-grid-list .ctl-choice .kr-radio label, 
.signup-grid-list .ctl-choice .kr-checkbox label{ display:inline-block; *display:inline; *zoom:1; margin-left:10px; line-height:inherit; color:#333; font-style:normal; font-size:14px; font-weight:normal; vertical-align:baseline; }
*/
.signup-grid-list .ctl-choice label{ vertical-align:middle; }
.signup-grid-list .ctl-choice .radio, 
.signup-grid-list .ctl-choice .checkbox{ padding-left:0; }
.signup-grid-list .ctl-choice .radio input[type="radio"], 
.signup-grid-list .ctl-choice .checkbox input[type="checkbox"]{ margin-left:0; margin-bottom:-1px; margin-bottom:-2px\9; *margin-bottom:0px; height:16px; vertical-align:bottom; }
.signup-grid-list .ctl-choice .radio.inline, 
.signup-grid-list .ctl-choice .checkbox.inline{ padding-top:0; }
.signup-grid-list .ctl-choice .radio div[class*="icheckbox"], 
.signup-grid-list .ctl-choice .checkbox div[class*="icheckbox"]{ margin-right:10px; }
.signup-grid-list .ctl-choice-agreement a, 
.signup-grid-list .ctl-choice-agreement a:hover{ color:#0083ce; font-size:14px; text-decoration:none; }