@charset "gb2312";

/**
* common
**/
html, body, ul, li, ol , dl , dd , dt , p, h1, h2, h3, h4, h5, h6, form, fieldset, legend , table, td, img, label, abbr, object, i {margin:0;padding:0;background:transparent;border:0;outline:0;font-style:normal;}
input,select,textarea{margin:0; vertical-align:top;}
fieldset,img{border:none;}
img {vertical-align:middle;}
address,caption,cite,code,dfn,em,th,var,abbr {font-style: normal;font-weight: normal;}
ul,ol{list-style-type:none; list-style-position:outside;}
select,input{vertical-align:middle;}
select,input,textarea {font-size:12px;}
object {line-height:1%;}
h1,h2,h3,h4,h5{font-weight:normal;font-size:12px;}
strong {font-weight:400;}
.clearfix {display: block;}
.clearfix:after{content:"."; display:block; height:0; visibility:hidden;clear:both;}
.clearfix{zoom:1;}
.tc {text-align:center;}
a:link, a:visited, a:active {color:#fff; text-decoration:none;}
a:hover, a:focus {color:#fff; text-decoration:underline;}
.fred{color:#f00;}
.l, .r {display:inline-block;}
.l, .r {display:inline;}
.l{float:left;}
.r{float:right;}
.cl {clear:left;}
.contract {
    background: #fafafa none repeat scroll 0 0;
    border: 1px solid #cccccc;
    color: #000000;
    font-size: 12px;
    height: 90px;
    line-height: 20px;
    overflow: auto;
    padding: 5px;
    text-align: left;
}
.clearfix{zoom:1}#footer_common{
	width:100%;float:none;clear:both;font:12px/1.67em verdana,arial,"??";text-align:left
}
#footer_common .footwarp{
	width:980px;margin:0 auto;color:#666;
	font-size:12px;
	margin:0 auto;
	padding-top:10px
}
#footer_common .footwarp a{
	color:#666;text-decoration:none
}
#footer_common .footnav{
	background:#fbfbfb;border-top:1px solid #e2e0e3;border-bottom:1px solid #e2e0e3;height:14px;line-height:14px; padding:5px 0 5px 0;text-align:center
}
#footer_common .footnav li{
	background:url(http://images.tiancity.com/images/portalv3/images/service_span_bg.gif) no-repeat 100% 50%;display:inline;padding:0 20px 0 16px}#footer_common .footnav li.nobg{background:none
}
/**
* regist
**/
body {background:#161618; color:#fff; font:12px/26px "ËÎÌå",verdana,arial;}
.wrap {margin:0 auto; word-wrap:break-word;}
input,button,textarea,select{font-size:inherit; *font-size:100%; font-family:verdana,arial; vertical-align:middle;font-size:12px; }
.tfield {font:14px/20px verdana,arial; border:solid 1px #000; height:20px; padding:7px 5px; margin-right:1em; width:210px; float:left; display:inline;}
.intOn {border:solid 1px #c70102;}
.container {width:100%; position:relative;}
.regist {width:100%; position:relative; min-height:750px; height:auto !important; height:1034px;padding:0 0 30px;background:#fff url(../images/bg.jpg) no-repeat 50% 0;}
.main {width:955px; margin:0 auto; position:relative; padding-top:323px; left:0; z-index:1;}
.main .ftimg01, .main .ftimg02, .main .ftimg03 {background:url() no-repeat 0 0; display:none; position:absolute; width:0; height:0; line-height:0; z-index:2;}
.main .ftimg01{}
.main .ftimg02{}
.main .ftimg03{}
.main .wrap{width:100%;}
.main .wrap .wrap-t{background:url(../images/border_03.jpg) no-repeat 0 0; height:15px; font-size:1%;}
.main .wrap .wrap-b{background:url(../images/border_03_03.jpg) no-repeat 0 0; height:14px; font-size:1%;}
.main .wrap .wrap-m{background:url(../images/srcoll.jpg) repeat-y 0 0; }
.main .wrap .wrap-m .cont {/*background:url(../images/bg_regist_m3_cso.jpg) no-repeat 0 0;*/position:relative; z-index:3; padding:40px 30px 10px; min-height:400px; height:auto !important; height:400px;}
.success .wrap .wrap-m .cont, .failure .wrap .wrap-m .cont {}
.main h2.title{font:14px/26px "ËÎÌå",verdana,arial;height:28px;width:80%;margin:0 auto 20px;border-bottom:dashed 1px #9a9a9a;padding:0 0 8px;}
.main h2.title span,.cont h2.title strong {font-weight:bold}
.main h2.title strong{color:#609fd2}
.main h2.title a.alk01{background:url(../images/icon_c01.png) no-repeat 0 0;line-height:28px;padding:7px 10px 7px 35px}
.main h2.title a.alk02{background:url(../images/icon_c02.png) no-repeat 0 0;line-height:28px;padding:7px 10px 7px 35px}
.main h2.title a.alk03{background:url(../images/icon_c04.png) no-repeat 0 0;line-height:28px;padding:7px 10px 7px 35px}
.main .wrap-m ul {width:520px; margin:0 auto; line-height:26px; border-bottom:dashed 1px #9a9a9a; padding-bottom:10px; margin-bottom:10px; clear:both;}
.main .wrap-m li {display:block;}
.main .wrap-m li:after {content:"."; display:block; height:0; visibility:hidden;clear:both;}
.main .wrap-m li {zoom:1; vertical-align:middle; padding:5px 0;}
.main li.titmsg {padding:0;}
.main li.titmsg h3 {background:url(../images/bg_h3.gif) no-repeat 0 0; color:#fba500; width:147px; height:22px; line-height:22px; text-indent:0.5em; padding-bottom:8px; overflow:hidden;}
.main .tit {width:130px; padding-right:20px; font-size:14px; line-height:36px; text-align:right; position:relative; overflow:hidden;}
.main .con {width:360px; position:relative; overflow:hidden;}
.main .con p {display:block; clear:both;}
.main .con p.intbox {line-height:36px;}
.main .lvn {padding-top:3px; font-size:0; line-height:1%; height:19px;}
.main .lvn span {background:url(../images/bg_pwgrade.jpg) no-repeat 0 0; display:block; width:111px; height:19px; margin:0;}
.main .lvn span.lv1 {background-position:0 -19px;}
.main .lvn span.lv2 {background-position:0 -38px;}
.main .lvn span.lv3 {background-position:0 -57px;}
.main .keypad {background:url(../images/bg_keypad.gif) no-repeat 0 0; display:block; width:16px; height:12px; text-indent:-999em; overflow:hidden; margin:6px 1em 0 0; cursor:pointer;}
.main .yes {}
.main .no em {vertical-align:baseline; background:#6e0001 url(../images/bg_msgno.gif) no-repeat 5px 50%; padding:3px 5px 3px 25px; color:#faa400;}
.imgCheckCode {height:45px;}
.imgCheckCode .tfield {width:80px;}
.imgCheckCode em {position:absolute; top:0; left:100px;}
.imgCheckCode em img {width:120px; height:45px;}
.smsCheckCode {height:45px;}
.smsCheckCode .tfield {width:80px;}
.smsCheckCode em {position:absolute; top:0; left:100px;}
.smsCheckCode em input {width:120px; height:36px;}
.submit {padding:10px 0;}
.submit p {padding:5px 0;}
.submit a.btnSubmit {background:url(../images/btn_regist01_cso.jpg) no-repeat 0 0px; width:141px; height:45px; display:block; text-indent:-999em; overflow:hidden; margin:0 auto;}

/**
* checkname
**/
.checkname {background:#fff url(../images/bg_popbox_name.jpg) no-repeat 0 0; width:460px; padding:5px 5px 15px 5px; border:solid 1px #60a0d0; min-height:240px; height:auto !important; height:240px; position:absolute; z-index:101; top:45px; left:240px; color:#4b4b4b;}
.main .wrap-m .checkname ul {width:460px; margin:0 auto; line-height:26px; border-bottom:none; padding-bottom:10px; margin-bottom:10px; clear:both;}
.main .wrap-m .checkname .tit {width:130px; padding-right:20px; font-size:14px; line-height:36px; text-align:right; position:relative; overflow:hidden;}
.main .wrap-m .checkname .con {width:310px; position:relative; overflow:hidden;}
.checkname h2 {background:url(../images/bg_line.gif) repeat-x 0 100%; color:#4b4b4b; font:bold 14px/30px "ËÎÌå",verdana,arial; padding:5px; margin-bottom:15px; text-indent:1em; height:30px;}
.checkname .tipred {font-weight:700; color:#f00; text-align:center;}
.checkname .close {background:url(../images/btn_success04_com.jpg) no-repeat 0 0; display:block; text-indent:-999em; overflow:hidden; width:16px; height:16px; font-size:0; position:absolute; top:10px; right:10px; cursor:pointer}
.checkname .prtmsg {clear:both; margin-left:3px;}
.checkname .imgCheckCode2 .tfield {width:120px;}
.checkname .imgCheckCode2 em img {width:120px; height:45px;}
.checkname a.btnSubmit {background:url(../images/btn_popbox_name.jpg) no-repeat 0 0px; width:91px; height:33px; display:block; text-indent:-999em; overflow:hidden; margin-left:150px;}

/**
* success
**/
.success .sucmsg,.success .mailmsg {padding-top:50px; width:450px; overflow:hidden; margin:0 auto;}
.success .sucmsg .iconbg {background:url(../images/pic_success01.png) no-repeat 0 0; padding:80px 0 0 100px;}
.success .sucmsg p {padding:5px 0 5px 100px;}
.success .mailmsg{width:420px; overflow:hidden; margin:30px 0 20px 240px;}
.success .mailmsg dl{background:url(../images/icon_c03.png) no-repeat 0 50%; padding:0 0 0 60px}
.success .mailmsg dt{color:#2473ec;font:bold 16px/1.8em Arial}
.success .mailmsg .mt02{text-indent:60px}
.failure .faimsg {padding-top:50px; width:350px; overflow:hidden; margin:0 auto;}
.failure .faimsg .iconbg {padding:80px 0 0 100px;}
.failure .faimsg p {padding:5px 0 5px 100px;}
.submit-s {padding:15px 0;}
.submit-s a.btn01, .submit-s a.btn02, .submit-s a.btn03, .submit-s a.btn04, .submit-s a.btn05 {background:url(../images/btn_regist02_cso.jpg) no-repeat 0 0px; display:block; text-indent:-999em; overflow:hidden; width:141px; height:45px;}
.submit-s a.btn01 {background-image:url(../images/btn_regist02_cso.png); margin-right:10px;}
.submit-s a.btn02 {background-image:url(../images/btn_regist03_cso.png); margin-right:40px;}
.submit-s a.btn04 {background-image:url(../images/btn_rpmail_cso.png); margin-right:40px;}
.submit-s a.btn05 {background-image:url(../images/btn_chmail_cso.png); margin-right:40px;}

/**
* footer
**/
#footer {position:relative; padding:20px 0;background:#161618; width:980px; margin:0 auto}
#footerbox{margin:0 auto;width:980px; line-height:normal;}
#footerbox a{color:#fff; text-decoration:none;}
#footerbox .bottom {color:#fff; font-size:12px; margin:10px auto 0 auto;width:980px;}
#footerbox .copyright{color:#fff;margin-top:14px;padding-bottom:10px;}
#footerbox .copy_logo{background:url(../images/tiancity_logo_w.png) no-repeat left center; display: inline;float: left;margin-left: 0;width: 126px; height:50px;}
#footerbox .copy_contt {width:670px; overflow:hidden; display:inline; float:left; margin-left:14px; padding-top:5px; line-height:20px;}
#footerbox .copy_contt p em{font:10px/20px arial;}
#footerbox .copy_bz{display: inline;float:right;margin-right:0; background:url(../images/tiancity_copyright_icp2.png) no-repeat left center; padding-left:47px;}


/**
* floatBox
**/
.floatBox {background:url(../images/bg_success01_cso.jpg) no-repeat 0 0; width:407px; height:292px; position:absolute; top:80px; left:130px; z-index:99; overflow:hidden;}
.floatBox .contents {margin:20px 10px; color:#fff; position:relative;}
.floatBox .close {background:url(../images/btn_success04_kart.jpg) no-repeat 0 0; display:block; text-indent:-999em; overflow:hidden; width:16px; height:16px; font-size:0; position:absolute; top:-10px; right:0px; cursor:pointer;}
.floatBox .contents h2 {color:#fff; font:bold 14px/30px "ËÎÌå",verdana,arial; text-indent:1em; height:30px; text-align:center;}
.floatBox .fbbox {padding:30px 10px 0 50px;}
.floatBox .fbbox input {float:none;}
.floatBox .fbbox p {clear:both; margin-bottom:10px;}
.floatBox .fbbox p.sedsuc {background:url(../images/bg_success02_cso.png) no-repeat 0 0; height:80px; line-height:80px; font-size:14px; font-weight:bold; padding-left:100px;}
.floatBox .fbbox p.sedfai {height:80px; line-height:80px; font-size:14px; font-weight:bold; padding-left:100px;}
.floatBox .fbsub {clear:both; padding-top:30px;}
.btn-fb01, .btn-fb02, .btn-fb03 {background:url() no-repeat 0 0; display:block; text-indent:-999em; overflow:hidden; width:107px; height:35px;}
.floatBox .btn-fb01 {background-image:url(../images/btn_success01_cso.jpg); margin-left:20px; display:inline;}
.floatBox .btn-fb02 {background-image:url(../images/btn_success02_cso.jpg); margin-left:40px; display:inline;}
.floatBox .btn-fb03 {background-image:url(../images/btn_success03_cso.jpg); margin-left:100px; display:inline;}