@charset "utf-8";
/*----------Public's CSS----------*/

/*Page of Topoyo PoPo*/
.topoyo_popo h2{height:46px; background:#F2F0F5 url(../images/repeat-x.png) 0 -726px repeat-x; position:relative;}
.topoyo_popo h2 strong{display:block; height:46px; float:left; width:308px; text-indent:-99999em; background:url(../images/public_sprites.png) 0 0 no-repeat;}
.topoyo_popo h2 span.right{width:10px; height:46px; position:absolute; right:0; top:0; background:url(../images/public_sprites.png) -308px 0 no-repeat;}
.topoyo_popo dl{border:solid 1px #E6E6E6; border-top:none; padding:40px; background:#FDFDFD;}
.topoyo_popo dt{line-height:24px; background:url(../images/home_sprites.png) -240px -379px no-repeat; font-size:16px; color:#06c; padding-left:16px; margin-top:15px;}
.topoyo_popo dd{padding:5px 16px 10px; word-breal:break-all; word-wrap:break-word;}
.topoyo_popo dd img{margin-top:10px;}
.topoyo_popo h3{font-size:16px; line-height:24px;font-style:italic;}

/*Page of AboutUs*/
.public_menu{width:234px; float:left; background:url(../images/public_bg.png) repeat-y;}
.public_menu ul{padding-bottom:300px;}
.public_menu li a{display:block; height:38px; line-height:34px; background:url(../images/public_sprites.png) 0 -94px no-repeat; padding-left:22px; color:#06c; font-weight:bold; font-size:12px; width:200px;}
.public_menu li a:hover{color:#f60; text-decoration:none;}
.public_menu li a.current{height:34px; line-height:34px; background-position:0 -137px; padding-left:24px; color:#f60; width:210px; margin:-1px 0 4px 0;}
.public_menu span.top{display:block; height:38px; width:222px; background:url(../images/public_sprites.png) 0 -51px no-repeat;}
.public_menu span.bottom{display:block; height:37px; width:222px; background:url(../images/public_sprites.png) 0 -176px no-repeat;}

.public_content{width:710px; float:right;}
.public_content .title{font-size:18px; font-weight:bold; color:#f60; height:33px; line-height:33px; background:url(../images/public_sprites.png) -285px -51px no-repeat; padding-left:45px; margin-top:10px;}
.public_content .content{margin-top:15px; text-align:justify; line-height:20px;}
.public_content .content p{margin:8px 0;}
.public_content .content img{max-width:600px; width:expression(width>600?"600px":"");}
.public_content .recommend_tab{margin-top:20px; display:block; background:url(../images/dot_line.gif) 0 top repeat-x; padding-top:25px;}
.public_content .recommend_tab th{text-align:right; padding:4px; color:#06c; font-weight:bold;}
.public_content .recommend_tab td{padding:4px;}
.public_content .recommend_tab .text{height:20px; line-height:20px; padding:2px 2px 0; border:solid 1px #ccc; width:260px;}
.public_content .recommend_tab .btn{width:102px; height:40px; border:none; background:url(../images/public_sprites.png) 0 -218px no-repeat; font-size:14px; color:#f60; font-weight:bold;}
.public_content .recommend_tab span{color:#f00; margin-right:4px;}

/*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 12px; display:block; color:#008C5F;}
.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:15px;}
.featured li h3 strong{font-weight:bold; font-size:12px;color:#06c;}
.featured li h3 strong a{color:#06c;}
.featured li h3 strong a:hover{color:#f60;}
.featured li h3 em{font-size:9px; color:#333; font-weight:bold;}
.featured li .text{padding-top:6px; line-height:18px; height:54px; overflow:hidden; color:#333;}

.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; line-height:15px;}
.popular li .intro h3{color:#06c; font-size:12px; font-weight:bold;}
.popular li .intro h3 a{color:#06c;}
.popular li .intro h3 a:hover{color:#f60;}
.popular li .intro .text{padding-top:5px; line-height:18px;}
.popular li .intro .region{color:#06c; margin-top:5px;}
.popular li .date{width:150px; float:right; padding-top:35px; font-size:15px; text-align:center;}

.tradeshows_right{width:214px; float:right;}
.tradeshows_related{border:solid 1px #E6E6E6; background:#fff; padding:15px 0; text-align:center; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; behavior:url(css/border-radius.htc);}
.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;}

.tradeshows_detail .fairs_tab{background:#F1F4F9; margin-top:15px; border:solid 1px #e6e6e6; table-layout:fixed;}
.tradeshows_detail .fairs_tab th{text-align:right; font-weight:bold; padding:5px 4px; border-bottom:solid 1px #e6e6e6; border-right:solid 1px #e6e6e6;}
.tradeshows_detail .fairs_tab td{padding:5px 4px; border-bottom:solid 1px #e6e6e6; word-break:break-all;}

/*Register*/
.steps{height:34px; border-left:solid 1px #FFCE85;}
.steps_blue{border-left:solid 1px #C3CCFF;}
.steps li{height:34px; line-height:34px; float:left; _display:inline; background:url(../images/repeat-x.png) repeat-x; width:230px; padding-right:13px; position:relative;}
.steps li strong{font-size:16px; text-align:center; display:block; line-height:34px; text-align:center; background:url(../images/repeat-x.png) repeat-x;}
.steps li span{height:34px; width:13px; position:absolute; right:0; top:0;}
.steps li.yellow{background-position: 0 -828px;}
.steps li.yellow strong{color:#f60; background-position: 0 -782px;}
.steps li.yellow span{background:url(../images/public_sprites.png) -112px -218px no-repeat;}
.steps li.blue{background-position: 0 -782px;}
.steps li.blue2{background-position: 0 -828px;}
.steps li.blue strong{color:#06c; background-position: 0 -828px;}
.steps li.blue span{background:url(../images/public_sprites.png) -135px -218px no-repeat;}
.steps li.last{background:none;}

.steps_content{border:solid 1px #e6e6e6; margin-top:1px; background:#fdfdfd; padding-bottom:15px;}
.steps_content .null_bg{height:30px; background:url(../images/repeat-x.png) 0 -874px repeat-x;}
.steps_content .tips{line-height:22px; padding:0 30px 20px; background:url(../images/dot_line.gif) 0 bottom repeat-x;}
.steps_content .tips a{color:#f60; text-decoration:underline;}
.steps_content .tips a:hover{color:#06c;}

.steps_content .user_info{display:block;}
.steps_content .user_info ul{display:block; padding:25px 75px 10px;}
.steps_content .user_info li{clear:both; height:65px;}
.steps_content .user_info li label{width:160px; padding-right:8px; font-size:14px; color:#06c; line-height:31px; display:block; text-align:right; float:left;}
.steps_content .user_info li input.text{width:308px; border:none; padding:2px 2px 0; height:29px; line-height:29px; float:left; background:url(../images/public_sprites.png) 0 -263px no-repeat;}
.steps_content .user_info .submit{height:60px; clear:both; padding:20px 0 0 248px; background:url(../images/dot_line.gif) 0 top repeat-x;}
.steps_content .user_info .submit input.btn{width:102px; height:40px; border:none; background:url(../images/public_sprites.png) 0 -218px no-repeat; font-size:14px; color:#f60; font-weight:bold;}

.steps_content .success{padding:65px 100px 65px 165px; line-height:22px;}
.steps_content .success a{color:#06c; text-decoration:underline;}
.steps_content .success a:hover{color:#f60;}
.steps_content .congratulate{background:url(../images/public_sprites.png) -254px -104px no-repeat; height:74px; line-height:60px; font-size:14px; color:#090; font-weight:bold; padding-left:80px;}

.steps_content .forgot_password{padding:50px 100px 50px 165px; line-height:24px;}
.steps_content .retrieve{font-size:14px; color:#06c; font-weight:bold; margin:10px 0 20px;}
.steps_content .retrieve input.text{width:266px; height:20px; line-height:20px; border:solid 1px #ccc;}
.steps_content .retrieve input.btn{width:80px; text-align:center; height:22px; background:url(../images/public_sprites.png) -227px -191px no-repeat; border:none;}

.login{height:292px; background:url(../images/dot_line.gif) 0 bottom repeat-x;}
.login .login_area{width:655px; float:right;}
.login .login_area h2{height:37px; padding:36px 0 0 80px; background:url(../images/login_bg.png) no-repeat; font-size:14px; font-weight:bold; color:#f60;}
.login .login_area form{padding:30px 20px 25px 230px; position:relative;}
.login .login_area form .icon{width:51px; height:47px; background:url(../images/public_sprites.png) -210px -214px no-repeat; position:absolute; left:190px; top:20px; _left:-40px;}
.login .login_area input.text{border:solid 1px #ccc; width:216px; height:20px; line-height:20px; padding:2px 2px 0;}
.login .login_area li{height:38px;}
.login .login_area li label{display:block; width:80px; padding:3px 5px 0 0 ; text-align:right; float:left; font-size:16px; color:#06c; font-weight:bold;}
.login .login_area li.remember{margin-left:86px; height:30px; *display:inline;}
.login .login_area li.remember input.btn{width:80px; text-align:center; height:22px; background:url(../images/public_sprites.png) -227px -191px no-repeat; border:none; margin-left:25px;}
.login .login_area .forgot{clear:both; margin:20px 0 0 86px;}
.login .login_area .forgot a{color:#f60; margin-right:10px;}

.login .login_tips{float:left; width:305px;}
.login .login_tips .null_bg{background:url(../images/public_sprites.png) 0 -299px no-repeat; height:36px;}
.login .login_tips dl{border-right:solid 1px #DADCE0;}
.login .login_tips h2{height:49px; line-height:20px; color:#06c;}
.login .login_tips h2 span{display:block; width:46px; height:49px; background:url(../images/public_sprites.png) -155px -214px no-repeat; margin:0 10px 0 20px; float:left;}
.login .login_tips ul{padding:15px 20px 35px 40px; line-height:22px;}
.login .login_tips li{list-style:circle outside; margin:8px 0;}

.support{border:solid 1px #e6e6e6; background:#fdfdfd;}
.support h2{height:55px; line-height:55px; background:#fdfdfd url(../images/repeat-x.png) 0 -874px repeat-x; font-size:20px; font-weight:bold; color:#f60; padding-left:20px; border-bottom:dashed 1px #e6e6e6;}
.support ul{padding:20px 100px 20px 120px; *padding-bottom:43px; *display:inline-block;}
.support li{width:225px; height:121px; float:left; _display:inline; margin:23px 67px; background:url(../images/public_sprites.png) 0 -340px no-repeat; font-size:13px; font-weight:bold;}
.support li a{display:block; width:181px; height:77px; padding:22px;}
.support li span{display:block; width:64px; height:64px; float:left; margin-right:18px; background:url(../images/public_sprites.png) no-repeat;}
.support li.one span{background-position:0 -466px;}
.support li.two span{background-position:-65px -466px;}
.support li.three span{background-position:-130px -466px;}
.support li.four span{background-position:-195px -466px;}
.support li strong{display:block;}
.support li.one strong{padding-top:6px;}
.support li.two strong{padding-top:6px;}
.support li.three strong{padding-top:25px;}
.support li.four strong{padding-top:25px;}

.support_content{border:solid 1px #e6e6e6;}
.support_content .title_list{height:54px; background:url(../images/repeat-x.png) 0 -914px repeat-x; padding-left:1px;}
.support_content .title_list li{height:54px; width:215px; padding-right:24px; position:relative; float:left; _display:inline;}
.support_content .title_list li span{width:24px; height:54px; position:absolute; right:0; top:0; background:url(../images/public_sprites.png) -233px -407px no-repeat;}
.support_content .title_list li strong{display:block; height:42px; background:url(../images/public_sprites.png) no-repeat; margin-left:25px; padding:12px 0 0 60px;}
.support_content .title_list li.buyer strong{background-position:-275px -333px;}
.support_content .title_list li.seller strong{background-position:-275px -386px;}
.support_content .title_list li.contact strong{background-position:-275px -456px; padding-top:18px; height:36px;}
.support_content .title_list li.faq strong{background-position:-270px -515px; padding-top:18px; height:36px;}
.support_content .title_list li.current{background:#fff; color:#f60;}
.support_content .title_list li.current span{background-position:-233px -340px;}
.support_content .title_list li.previous{border-right:solid 1px #e6e6e6; width:214px;}

.support_content .content{padding:20px 30px;}
.support_content .content .header2{font-size:16px; color:#f60; font-weight:bold; line-height:30px;}
.support_content .content dt{font-size:14px; color:#06c; font-weight:bold; line-height:30px;}
.support_content .content dd{padding:10px 0; line-height:22px;}
.support_content .content dd img{margin:10px;}

.support_content .content .contact{line-height:24px; margin-left:18px; *margin-left:20px;}
.support_content .content .contact li{list-style:decimal outside;}
.support_content .content .contact_tab{margin-top:20px; display:block; background:url(../images/dot_line.gif) 0 top repeat-x; padding-top:25px;}
.support_content .content .contact_tab th{text-align:right; padding:4px; color:#06c; font-weight:bold;}
.support_content .content .contact_tab td{padding:4px;}
.support_content .content .contact_tab .text{height:20px; line-height:20px; padding:2px 2px 0; border:solid 1px #ccc; width:260px;}
.support_content .content .contact_tab .btn{width:102px; height:40px; border:none; background:url(../images/public_sprites.png) 0 -218px no-repeat; font-size:14px; color:#f60; font-weight:bold;}

.support_content .faq0{padding:20px 30px;}
.support_content .faq0 .header2{font-size:16px; color:#f60; font-weight:bold; line-height:30px; background:url(../images/dot_line.gif) 0 bottom repeat-x; padding-bottom:10px;}
.support_content .faq0 dt{font-size:14px; color:#06c; font-weight:bold; line-height:30px; margin-top:15px;}
.support_content .faq0 dd{padding:5px 0;}
.support_content .faq0 dd h3{padding-bottom:5px; font-size:14px;}
.support_content .faq0 dd h3 a{text-decoration:underline; color:#f60; font-weight:bold;}
.support_content .faq0 dd p{display:none;}
.support_content .faq0 dd p a{color:#06c; text-decoration:underline;}
.support_content .faq0 dd p a:hover{color:#f60;}