@charset "utf-8";
/*### public's CSS Version 2.0, Powered by topoyo.com ###*/

/*----------About Us----------*/
.about_list{width:240px; float:left; background:#BDDBF7; -webkit-border-top-left-radius:8px; -webkit-border-top-right-radius:8px; -moz-border-radius-topleft:8px; -moz-border-radius-topright:8px; behavior:url(../css/border-radius.htc); position:relative; z-index:10;}
.about_list ul{width:224px; padding:18px 0 18px 12px; margin:0;}
.about_list li{height:33px; margin-bottom:3px; *margin-bottom:0;}
.about_list li a{display:block; height:33px; line-height:33px; font-weight:bold; padding-left:18px; background:url(../images/css_sprites.png) -487px -43px no-repeat;}
.about_list li a:hover{text-decoration:underline;}
.about_list li a.current{background:#E6F2FF url(../images/css_sprites.png) -128px -122px no-repeat; width:217px; position:absolute; text-decoration:none;}

.about_show{border:solid 1px #8EB4CE; width:662px; float:right; position:relative; z-index:1; background:#E5F2FF; padding:10px 20px; -webkit-border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; -moz-border-radius:8px; behavior:url(../css/border-radius.htc);}
.about_show h2.title{font-size:18px; font-weight:bold; text-align:center;}
.about_show .text{padding:10px 0 0 0; min-height:350px; height:auto!important; height:350px;}
.about_show .text p{text-indent:2em; margin:8px 0; line-height:1.5em;}

/*----------Topoyo Coin/Topoyo PoPo/Boad Show----------*/
.public h2{height:27px; line-height:27px; background:#BDDBF7; border-bottom:solid 1px #8FB4CE; padding:0 10px; font-size:14px; font-weight:bold; color:#133B62;}
.public_left{width:750px; float:left; border:solid 1px #8FB4CE; background:#E5F2FF; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px;}
.public_left .q_a{padding:10px 15px 15px;}
.public_left .q_a dt{font-weight:bold; padding:10px; background:url(../images/css_sprites.png) -496px -42px no-repeat;}
.public_left .q_a dd{padding:0 0 5px 25px; line-height:1.6em;}
.public_left .q_a dd a{color:#024BB2; text-decoration:underline;}

.public_right{width:190px; float:right;}
.corner_box{border:solid 1px #8FB4CE; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px;}
.corner_box ul{padding:12px 5px;}

.charging_method li{height:26px; line-height:26px; padding:5px 0 5px 32px;}
.charging_method li.current{font-weight:bold;}
.charging_method li.coin{background:url(../images/css_sprites.png) -476px -205px no-repeat;}
.charging_method li.online{background:url(../images/css_sprites.png) -476px -241px no-repeat;}
.charging_method li.bank{background:url(../images/css_sprites.png) -476px -277px no-repeat;}

.public_left .fairs_title{height:106px; line-height:100px; padding:8px 30px; background:#BDDBF7; font-size:22px; font-weight:bold;}
.public_left .fairs_title .photo{border:solid 1px #8EB4CE; width:150px; height:100px; background:#fff; padding:2px; float:left; margin-right:20px;}
.public_left .fairs_tab{background:#D8EBFC;}
.public_left .fairs_tab th{padding:5px 4px 5px 70px; font-weight:bold; border-bottom:solid 1px #EAF4FE;}
.public_left .fairs_tab td{padding:5px 4px; border-bottom:solid 1px #EAF4FE;}

.related_fairs{font-size:.9em; line-height:1.8em;}
.related_fairs li{background:url(../images/dot.gif) 0 10px no-repeat; padding-left:10px;}

/*----------Helps/Login/Forgot/Register/Guide----------*/
/*Help*/
.help_nav{height:41px; background:#EDECF1 url(../images/css_sprites.png) 0 -477px repeat-x; position:relative; -webkit-border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -moz-border-radius:5px;}
.help_nav h2{width:135px; height:40px; display:block; background:url(../images/css_sprites.png) -178px -161px no-repeat; text-indent:-99999em; position:absolute; left:20px; top:0; overflow:hidden;}
.help_nav ul{height:40px; width:550px; display:block; position:absolute; left:200px; top:5px;}
.help_nav li{float:left; _display:inline; width:112px; margin:0 5px;}
.help_nav li a{display:block; height:35px; line-height:35px; text-align:center; background:#E0E0E0; font-size:16px;}
.help_nav li a:hover{text-decoration:none;}
.help_nav li a.current{background:#4A9BD0 url(../images/css_sprites.png) -321px -161px no-repeat; height:40px; color:#fff; font-weight:bold;}

.help_icon_nav li{width:418px; padding:30px 10px 0 35px; border:solid 1px #E6E6E6; height:98px; float:left; _display:inline; margin:5px;}
.help_icon_nav li:hover{border:solid 1px #ccc; background:#f9f9f9;}
.help_icon_nav li span{display:block; width:63px; height:68px; float:left; margin-right:10px; background:url(../images/css_sprites.png) no-repeat;}
.help_icon_nav li span.buy{background-position:-85px -226px;}
.help_icon_nav li span.sell{background-position:-161px -226px;}
.help_icon_nav li span.faq{background-position:-240px -226px;}
.help_icon_nav li span.contactus{background-position:0 -226px;}
.help_icon_nav li h3{color:#36c; font-weight:bold; padding-top:10px;}

.faqlist h2{height:26px; line-height:26px; padding:0 10px; background:#D8E8DE url(../images/repeat-x.jpg) 0 -523px repeat-x;}
.faqlist ul{padding:10px;}
.faqlist li{height:24px; line-height:24px; background:url(../images/css_sprites.png) -496px -48px no-repeat; padding-left:10px; font-size:.9em;}
.faqlist li.special{background:#FAFCFF url(../images/css_sprites.png) -496px -46px no-repeat;}
.faqlist li a{color:#369;}
.faqlist li a:hover{color:#f30;}

/*Login*/
.login_ban{background:url(../images/login_ban.jpg) 0 0 no-repeat; width:283px; height:310px; padding:22px 0 0 172px; float:left; margin-left:100px; _display:inline;}
.login_ban .wel{font-weight:bold; color:#fff; font-size:18px;}
.login_ban .wel strong{font-size:24px; color:#fc0;}
.login_ban .novice{font-size:14px; font-weight:bold; color:#fff;}
.login_ban .novice a{display:block; background:url(../images/css_sprites.png) -377px -122px no-repeat; width:90px; height:28px; line-height:28px; text-align:center; font-size:16px; font-weight:bold; color:#042C3D; text-decoration:none;}
.login_ban .slogan{margin-top:130px; color:#4C93AF; font-weight:bold; text-align:right;}

.login{width:263px; float:right; margin-right:100px; _display:inline; border:solid 1px #BAD4DC; background:#E8F4F7; padding:5px 10px 30px;  -webkit-border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -moz-border-radius:5px;}
.login h3{font-size:18px; color:#000; padding:0 0 10px 8px;}

.login ul{border-bottom:solid 1px #BAD4DC; padding:15px 0 25px;}
.login form{padding:0; margin:0;}
.login input.text{border:solid 1px #829BB9; width:156px; height:20px; line-height:20px; padding:2px 2px 0; margin-bottom:5px;}
.login li{height:40px;}
.login li label{display:block; width:80px; padding:5px 5px 0 0 ; text-align:right; float:left;}
.login li em{font-size:12px; margin-left:85px; margin-left:88px\9;}
.login li em a{color:#00c;}
.login li.special{padding:12px 0 0 85px; padding-left:88px\9;}
.login li.special input{width:90px; height:32px; line-height:32px; text-align:center; font-size:16px; font-weight:bold; background:#FCD05A url(../images/css_sprites.png) 0 -56px no-repeat; border:none; cursor:pointer;}
.login p{padding-top:15px; font-size:12px; clear:both; text-align:center; font-weight:bold;}
.login p a{color:#000; margin:0 5px;}
.login p a.free{color:#00c; text-decoration:underline;}
.login p a:hover{color:#f30;}

/*Forgot Password*/
.forgot_password{background:#F2FAFC; border:solid 1px #BDD6DD; padding:15px 50px 30px; -webkit-border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -moz-border-radius:5px;}
.forgot_password h2{height:40px; line-height:25px; background:url(../images/css_sprites.png) -467px -329px no-repeat; padding-left:50px; font-size:18px; font-weight:bold; border-bottom:solid 1px #C4E1E9; margin-bottom:10px;}
.forgot_password p{text-align:center; line-height:1.8em;}
.forgot_password form{text-align:center; font-size:14px; padding-top:20px;}
.forgot_password form input.text{border:solid 1px #7B9EBA; height:22px; line-height:22px; padding:2px 2px 0; font-size:14px; font-weight:bold; width:250px;}
.forgot_password form input.btn{width:87px; height:31px; line-height:31px; text-indent:-99999em; text-align:center; background:url(../images/css_sprites.png) 0 -96px no-repeat; border:none; margin-top:15px; cursor:pointer;}
.forgot_password .tips{height:70px; line-height:70px; background:#fff;}
.forgot_password .tips img{position:relative; top:15px;}

/*Rigister Success*/
.forgot_password p.success{background:#fff; padding:0 10px 15px; margin-top:15px; *margin-top:30px;}
.forgot_password p.success img{top:12px; position:relative;}
.forgot_password p.success strong{font-size:16px;}
.forgot_password p.success a{color:#03c; text-decoration:underline;}
.forgot_password p.success a:hover{color:#f30;}

/*Rigister*/
.rigister{width:780px!important;}
.rigister .why_join{height:73px; padding:10px 14px; background:url(../images/repeat-x.jpg) 0 -379px repeat-x; position:relative;}
.rigister .why_join h3{color:#c00; font-size:16px; font-weight:bold;}
.rigister .why_join ul{list-style:inside disc; font-size:.9em; padding:5px 0 0 5px;}
.rigister .why_join span.join{background:url(../images/css_sprites.png) 0 -161px no-repeat; width:171px; height:55px; line-height:55px; text-align:center; position:absolute; right:15px; top:15px; display:block;}
.rigister .why_join span.join a{text-decoration:underline; color:#00c;}
.rigister .why_join span.join a:hover{color:#f30;}

.rigister .steps{height:28px; border-top:solid 1px #fff;}
.rigister .steps li{float:left; _display:inline; text-align:center; height:28px; line-height:28px; font-size:14px; font-style:italic;}
.rigister .steps li.one{width:190px; background:#62A5E4; color:#fff;}
.rigister .steps li.one span{display:block; width:15px; height:28px; background:url(../images/css_sprites.png) 0 -130px no-repeat; float:right;}
.rigister .steps li.two{width:340px; background:#ACD7FF; color:#036; font-weight:bold;}
.rigister .steps li.two span{display:block; width:15px; height:28px; background:url(../images/css_sprites.png) -22px -130px no-repeat; float:right;}
.rigister .steps li.three{width:250px; background:#DAEDFE; color:#002F55;}

.rigister .user_info{border:solid 1px #E0E0E0; border-top:none; padding:15px 0 15px 60px;}
.rigister .user_info ul{border-top:dashed 1px #ccc; border-bottom:dashed 1px #ccc; padding:10px 15px; display:block;}
.rigister .user_info h2{font-size:16px; font-weight:bold; font-style:italic; padding:0 0 5px 5px;}
.rigister .user_info li{clear:both; height:35px;}
.rigister .user_info li label{width:140px; padding-right:8px; display:block; text-align:right; float:left; font-weight:bold;}
.rigister .user_info li label em{color:#f00; margin-right:4px;}
.rigister .user_info li input{width:190px; border:solid 1px #7B9EBA; padding:2px 2px 0; height:17px; line-height:17px; float:left;}
.rigister .user_info li span.text{color:#666; line-height:16px; padding-top:3px; float:left; margin:0 4px; font-size:12px;}
.rigister .user_info li.code{padding-left:150px;}
.rigister .user_info li.code img{margin-right:5px;}
.rigister .user_info .accept{text-align:center; padding-top:10px;}
.rigister .user_info .accept a{color:#00c; text-decoration:underline;}
.rigister .user_info .accept a:hover{color:#f30;}
.rigister .user_info .accept input.btn{width:90px; height:32px; line-height:32px; text-align:center; font-size:16px; background:#FCD05A url(../images/css_sprites.png) 0 -56px no-repeat; border:none; cursor:pointer; margin-top:10px;}

/*Guide*/
.guide_steps{text-align:center;}
.guide_steps .steps_tips{background:#F6F6F6; padding:8px 10px 10px 130px; text-align:left; margin:25px 0 10px; line-height:1.5em;}
.guide_steps .steps_tips strong{color:#F56C04; font-size:18px; display:block;}

/*Contact*/
.contact{width:780px; margin:30px auto 0;}
.contact .email{height:85px; padding:5px 0 0 40px; background:url(../images/repeat-x.jpg) 0 -379px repeat-x; line-height:1.5em; font-weight:bold;}
.contact .email span{width:63px; height:63px; background:url(../images/css_sprites.png) 0 -226px no-repeat; display:block; float:left; margin:10px 20px 0 10px;}
.contact .tips{background:#F7F7F7; padding:10px 45px; margin-top:10px; line-height:1.6em;}

.contact form{padding:20px 60px;}
.contact form label{display:block; float:left; width:120px; text-align:right; padding-right:10px; font-weight:bold; margin:5px 0;}
.contact form input.text{border:solid 1px #7B9EBA; height:18px; line-height:18px; padding:2px 2px 0; width:200px; margin:5px 0;}
.contact form span.error{color:#f00; margin-left:10px;}
.contact form textarea{border:solid 1px #7B9EBA; height:200px; padding:2px 2px 0; width:350px; margin:5px 0;}
.contact form input.btn{width:90px; height:32px; line-height:32px; text-align:center; font-size:16px; background:#FCD05A url(../images/css_sprites.png) 0 -56px no-repeat; border:none; cursor:pointer; margin:10px 0 0 133px;}

/*FAQ*/
.faq_list{width:285px; float:left; margin-top:15px; background:#F1F8FE;}
.faq_list h2{background:url(../images/css_sprites.png) 0 -305px no-repeat; height:26px;}
.faq_list h2 strong{width:164px; display:block; line-height:26px; color:#FFD801; text-align:center; font-size:14px; font-weight:400;}
.faq_list ul{padding:12px 15px 22px 18px; line-height:1.6em;}
.faq_list li a{color:#036;}
.faq_list li a:hover{color:#f30;}
.faq_list li a.current{color:#000;}
.faq_show{width:635px; float:right; margin-top:15px;}
.faq_show h2{font-size:15px; font-weight:bold; border-bottom:solid 1px #ccc; padding:5px;}
.faq_show .text{padding:10px; line-height:1.6em;}

/*Trade Shows*/
.tradeshows_left{width:726px; float:left; background:#FDFDFD;}
.tradeshows_left h2{font-size:20px; border-bottom:none;}
.featured h2{height:48px; position:relative; background:url(../images/trade_shows.png) 0 -116px repeat-x;}
.featured h2 span{width:10px; position:absolute; height:48px; background:url(../images/trade_shows.png) no-repeat;}
.featured h2 span.left{background-position:0 -30px; left:0; top:0;}
.featured h2 span.right{background-position:-12px -30px; right:0; top:0;}
.featured h2 strong{font-weight:400; float:left; line-height:45px; padding:3px 0 0 5px; display:block; color:#f60;}
.featured ul{padding:13px;}
.featured li{width:330px; padding:0 10px; float:left; height:100px; color:#666;}
.featured li .photo{width:110px; height:100px; display:block; text-align:center; float:left; margin-right:15px;}
.featured li .photo a{display:table-cell; width:110px; height:100px; *font-size:87px; vertical-align:middle;}
.featured li .photo img{vertical-align:middle;}
.featured li h3{line-height:16px;}
.featured li h3 strong{font-weight:bold; font-size:16px;}
.featured li h3 em{font-size:11px;}
.featured li .text{padding-top:10px; line-height:18px; height:54px; overflow:hidden;}

.popular{margin-top:20px; padding-bottom:10px;}
.popular h2{height:48px; line-height:48px; color:#008C5F; background:url(../images/trade_shows.png) 0 -174px repeat-x; padding-left:15px;}
.popular ul{padding:10px 0;}
.popular li{height:100px; display:block; border-bottom:dashed 1px #ccc; padding:14px 10px;}
.popular li .photo{width:170px; height:100px; text-align:center; float:left;}
.popular li .photo span{display:table-cell; width:170px; height:100px; *font-size:87px; vertical-align:middle;}
.popular li .photo span img{vertical-align:middle;}
.popular li .intro{width:330px; height:100px; float:left; overflow:hidden; margin-left:15px;}
.popular li .intro h3{color:#06c; font-size:16px; font-weight:bold;}
.popular li .intro h3 a{color:#06c;}
.popular li .intro h3 a:hover{color:#f60;}
.popular li .intro .text{padding-top:6px; line-height:18px;}
.popular li .date{width:150px; float:right; padding-top:35px; font-size:15px; text-align:center;}

.tradeshows_right{width:214px; float:right;}
.tradeshows_related span{display:block; width:214px; height:10px; line-height:10px; background:url(../images/trade_shows.png) no-repeat;}
.tradeshows_related span.top{background-position:0 0;}
.tradeshows_related span.btm{background-position:0 -10px;}
.tradeshows_related dl{border-left:solid 1px #E6E6E6; border-right:solid 1px #E6E6E6; padding:5px 0; text-align:center;}
.tradeshows_related dl img{margin:5px 0;}

.tradeshows_detail .header{height:73px; background:url(../images/trade_shows.png) 0 -233px repeat-x; position:relative; font-size:16px; color:#069;}
.tradeshows_detail .header span{position:absolute; height:73px; width:10px; background:url(../images/trade_shows.png) no-repeat;}
.tradeshows_detail .header span.left{background-position:-37px -30px;}
.tradeshows_detail .header span.right{background-position:-49px -30px;}
.tradeshows_detail .header strong{display:block; width:706px; text-align:center; float:left; line-height:50px; padding-top:23px;}
.tradeshows_detail .content{line-height:20px; padding:20px 13px;}
.tradeshows_detail .content img{max-width:590px; width:expression(width>590?"590":""); margin:8px 0;}
.tradeshows_detail .content p{margin:8px 0;}
.tradeshows_detail .contact{width:669px; margin-left:13px; background:url(../images/contact_bg.jpg) center bottom no-repeat; padding-bottom:10px;}
.tradeshows_detail .contact dl{padding:15px; border:solid 1px #dadada; border-bottom:none;}
.tradeshows_detail .contact dl h3{ font-size:16px; font-weight:bold; color:#c00; margin-bottom:20px;}
.tradeshows_detail .contact ul{font-size:11px; color:#666; padding:10px 0 0 6px;}