﻿/* main global */
.main { width: 980px; margin: auto; margin-top: 20px; }
.main a { color: #666; text-decoration: none; }
.main a:hover { color: #df0000; text-decoration: underline; }
/* box */
.leftBox { float: left; width: 237px; margin-top: 10px; clear: left; }
.rightBox { float: right; width: 237px; margin-top: 10px; clear: right; }
.midBox { float: left; width: 486px; margin-left: 10px; margin-top: 10px; display: inline; }
.fullBox { border: 1px solid #e2e2e2; margin-top: 10px; clear: both; }
/* box title */
.title { height: 31px; line-height: 31px; font-size: 14px; }
.title .left { float: left; height: 31px; width: 4px; }
.title .text { float: left; padding-left: 8px; font-weight: bold; }
.title .more { float: right; padding-right: 4px; font-size: 12px; }
.title .right { float: right; height: 31px; width: 4px; }
/* cn box title */
.cnTitle { background: url(/Images/Index_BG.png) 0px -109px repeat-x; color: #8d3906; }
.cnTitle .more { color: #8d3906; font-size: 12px; }
.cnTitle .left { background: url(/Images/Index_BG.png) 0px -73px no-repeat; }
.cnTitle .right { background: url(/Images/Index_BG.png) -6px -73px no-repeat; }
/* ru box title */
.ruTitle { background: url(/Images/Index_BG.png) 0px -36px repeat-x; color: #000; }
.ruTitle .more { color: #000; font-size: 12px; }
.ruTitle .left { background: url(/Images/Index_BG.png) 0px 0px no-repeat; }
.ruTitle .right { background: url(/Images/Index_BG.png) -6px 0px no-repeat; }
/* full box title */
.fullTitle { padding: 0px 15px; }
.fullTitle .text { font-size: 14px; padding: 0px; }
.fullTitle .more { color: #000; font-size: 12px; }
/* box content border */
.cnContent { border: 1px solid #ffe376; }
.ruContent { border: 1px solid #e2e2e2; }
/* box content text li */
.ctText { padding: 0px 10px; }
.ctText li { color: #666; word-break: break-all; overflow: hidden; /*width: 215px;*/ height: 26px; line-height: 26px; }
/* box content(height) */
.ctBox { }

/* left */
.logon { margin: 0px; width: 215px; height: 214px; padding: 10px; background: #fff2bb; }
.logon .tabTitle { height: 38px; background: #fff; }
.logon .tabTitle span { display: block; }
.logon .tabTitle .t1 { width: 103px; height: 31px; border: 1px solid #fbd686; border-bottom: none; line-height: 31px; text-align: center; color: #8a3701; font-weight: bold; }
.logon .tabTitle .t2 { width: 103px; font-size: 0px; }
.logon .ttSelected { float: left; }
.logon .ttSelected .t2 { border: 1px solid #fbd686; border-bottom: none; border-top: none; height: 6px; }
.logon .ttSplit { float: left; width: 5px; height: 37px; border-bottom: 1px solid #fdd687; background: #fff2bb; }
.logon .ttUnSelected { float: left; }
.logon .ttUnSelected .t2 { border: 1px solid #fbd686; border-left: none; border-right: none; height: 4px; background: #fff2bb; width: 105px; }
.logon .tabLogonMain { height: 94px; border: 1px solid #fbd686; border-top: none; background: #fff; padding: 15px 11px 0px 11px; }
.logon .tabLogonMain .text { width: 121px; height: 20px; border: 1px solid #bababa; line-height: 20px; color: #cecece; margin: 1px 0px; }
.logon .tabLogonMain .submit { border: none; background: url(/Images/Index_BG.png) 0px -748px no-repeat; width: 61px; height: 52px; cursor: hand; float: right; }
.logon .tabLogonMain p { text-align: center; margin-top: 15px; }
.logon .tabLogonMain a { color: #0835b6; }
.logon .tabNewPartner { height: 109px; border: 1px solid #fbd686; border-top: none; background: #fff; text-align: center; }
.logon .tabNewPartner span { display: block; color: #000; line-height: 50px; }
.logon .tabNewPartner span a { color: #f00; }
.logon .tabGoldPartner { border: 1px solid #fbd686; margin-top: 10px; height: 52px; background: url(/Images/Index_BG.png) 0px -443px no-repeat; background-color: #fff; padding: 1px 0px; }
.logon .tabGoldPartnerMain { width: 213px; height: 175px; border: 1px solid #fbd686; border-top: none; background: url(/Images/Index_BG.png) 0px -520px no-repeat; text-align: center; }
.logon .tabGoldPartnerMain .gpImg { height: 52px; background: url(/Images/Index_BG.png) 0px -444px no-repeat; }
.logon .tabGoldPartnerMain .gpCt { margin: 0px 14px; line-height: 15px; text-align: left; margin-bottom: 10px; }
.logon .tabGoldPartnerMain span { display: inline-block; margin: 8px 2px; }
.logon .tabGoldPartnerMain span a { color: #0033b5; }
.logon .tabGoldPartnerMain .gpTel { background: url(/Images/Index_BG.png) 0px -716px no-repeat; height: 16px; line-height: 16px; padding-left: 20px; color: #000; }

.cnPartner .ctBox { height: 220px; }
.cnPartner .more { color: #000; }
.cnPartner .subTitle { height: 29px; background: url(/Images/Index_BG.png) 0px -148px repeat-x; padding: 0px 7px; }
.cnPartner .subTitle a { display: inline-block; line-height: 29px; color: #8d3906; }
.cnPartner .goldPartner { background: url(/Images/Index_BG.png) 0px -181px no-repeat; padding-left: 26px; }
.cnPartner .trialPartner { }
.cnPartner .ctText { padding-top: 4px; padding-bottom: 4px; }
.cnPartner li { background: url(/Images/Index_BG.png) right -217px no-repeat; }
.cnPartner .free li { background: none; }
.cnPartner li a { overflow: hidden; width: 178px; display: inline-block; height: 26px; }

.tradeInfo { }
.tradeInfo .ctText { height: 157px; padding-top: 4px; padding-bottom: 4px; }
.tradeInfo .ctText li { height: 26px; }

.businessSerivces { }
.businessSerivces .ctText { height: 163px; padding-top: 4px; padding-bottom: 4px; }
.businessSerivces .ctText li { height: 27px; line-height: 27px; }

.l_ad_1 { float: left; width: 237px; height: 100px; margin-top: 10px; clear: left; }

.onlineVideo { }
.onlineVideo .ctBox { height: 170px; }
.onlineVideo .ctBox img { width: 233px; height: 168px; padding: 1px; }

.cocoInfo { }
.cocoInfo .ctText { height: 139px; }
.cocoInfo .ctText .imgInfo { float: left; padding: 5px 15px 5px 5px; width: 53px; }
.cocoInfo .ctText .imgInfo li { width: 53px; height: 50px; border: 1px solid #e2e2e2; margin: 5px 0px; float: left; font-size: 44px; padding: 1px; display: table-cell; vertical-align: middle; text-align: center; *font-family: Arial; }
.cocoInfo .ctText .imgInfo li img { vertical-align: middle; }
.cocoInfo .ctText .txtInfo { float: left; padding-top: 4px; padding-bottom: 4px; }
.cocoInfo .ctText .txtInfo li { width: 135px; }

.l_ad_2 { float: left; width: 237px; height: 100px; margin-top: 10px; clear: left; }

/* middle */
.m_ad_1 { float: left; width: 486px; height: 178px; margin-left: 10px; display: inline; }

.inquiry { float: left; width: 486px; border: 1px solid #c8dbea; height: 46px; }
.inquiry .thisTitle { float: left; width: 72px; color: #0057a1; font-weight: bold; line-height: 20px; height: 43px; padding-top: 3px; text-align: center; border-right: 2px solid #c8dbea; }
.inquiry p { float: left; width: 392px; margin: 4px 0px 0px 7px; }
.inquiry p span { line-height: 22px; height: 22px; }
.inquiry p span.cn{ overflow: hidden; float:left; width:367px; padding-left:25px; }
.inquiry p span.bg_3{ background: url(/Images/ico_Supplier.gif) no-repeat }
.inquiry p span.bg_1{ background: url(/Images/ico_GoldPanter.gif) no-repeat }
.inquiry p span.bg_0{ }
.inquiry p span.cn a{ color:#00479f; }
.inquiry p span.date { color:#9d9d9d; }
.inquiry p span.ru { float:left; width:392px; overflow: hidden; height:16px; line-height:16px; }
.inquiry p span.ru a{ color:#666;}

.product { }
.product .ctBox { height: 318px; }
.product .ctBox ul { padding: 16px 0px 0px 8px; }
.product .ctBox li { width: 64px; text-align: center; margin: 0px 15px; float: left; display: inline; }
.product .ctBox li img { display: block; border: 1px solid #ccc; padding: 1px; width: 60px; height: 60px; }
.product .ctBox li span { display: block; height: 20px; overflow: hidden; line-height: 20px; margin-top: 3px; word-break: break-all; }

.m_ad_2 { float: left; width: 486px; height: 100px; margin-top: 10px; margin-left: 10px; text-align: center; display: inline; }

.sampleProduct { }
.sampleProduct .ctBox { height: 281px; }
.sampleProduct .ctBox ul { padding: 12px 0px 0px 15px; }
.sampleProduct .ctBox li { width: 140px; margin: 4px 7px; float: left; display: inline; }
.sampleProduct .ctBox li img { float: left; width: 64px; height: 64px; border: 1px solid #cdcdcd; padding: 1px; margin-right: 7px; }
.sampleProduct .ctBox li span { display: block; }
.sampleProduct .ctBox .pTitle { overflow: hidden; height: 40px; width: 64px; line-height: 20px; word-break: break-all; }
.sampleProduct .ctBox .pPrice { height: 25px; line-height: 25px; font-weight: bold; color: #000; }
.sampleProduct .ctBox .pPrice .price { color: #d60000; }

.forum { }
.forum .ctBox { height: 170px; }
.forum .title span { color: #666; font-weight: normal; }
.forum .ctText { margin: 0px; padding: 0px; padding-top: 5px; }
.forum .ctText li { padding: 0px; margin: 0px; padding-left: 21px; margin-left: 10px; width: 200px; }
.forum .cn { float: left; width: 241px; border-right: 1px dashed #ffe376; height: 168px; }
.forum .cn li { background: url(/Images/Index_BG.png) 0px -408px no-repeat; }
.forum .ru { float: left; width: 242px; }
.forum .ru li { background: url(/Images/Index_BG.png) 0px -383px no-repeat; }
.forum li.moreBottom { background: #fff9d9; height: 26px; line-height: normal; margin: 0px; padding: 0px; margin-top: 9px; padding-right: 10px; width: auto; line-height: 26px; text-align: right; }
.forum .moreBottom a { color: #000; }

/* BBS */
.bbs { }
.bbs .ctBox { height: 139px; }

.m_ad_3 { float: left; width: 486px; height: 100px; margin-top: 10px; margin-left: 10px; display: inline; }

/* right */
.supplierAD { width: 235px; height: 98px; background: #f6f6f6; border: 1px solid #e2e2e2; text-align: center; line-height: 30px; color: #b60f0f; }
.supplierAD img { display: block; border: 1px solid #c1c1c1; margin-top: 12px; }

.ruPartner { }
.ruPartner .ctText { height: 236px; padding-top: 4px; padding-bottom: 4px; }

.download { }
.download .ctText { height: 159px; padding-top: 4px; padding-bottom: 4px; }

.r_ad_1 { float: right; width: 237px; height: 100px; margin-top: 10px; clear: right; }

.ruExhibition { }
.ruExhibition .ctText { height: 163px; padding-top: 4px; padding-bottom: 4px; }
.ruExhibition .ctText li { height: 27px; line-height: 27px; }

.tradePartner { }
.tradePartner .ctBox { height: 97px; border-top: none; }
.tradePartner .title { background: url(/Images/Index_BG.png) 0px -308px repeat-x; }
.tradePartner .title .left { background: url(/Images/Index_BG.png) 0px -271px no-repeat; }
.tradePartner .title .right { background: url(/Images/Index_BG.png) -6px -271px no-repeat; }
.tradePartner .photo { width: 84px; height: 65px; border: 1px solid #bcbebd; padding: 3px; float: left; margin: 8px 10px; }
.tradePartner span { display: block; line-height: 27px; color: #666; }
.tradePartner .skype { color: #2857ab; background: url(/Images/Index_BG.png) 0px -352px no-repeat; padding-left: 35px; margin-left: 110px; }
.tradePartner .skype a { color: #2857ab; }

.ruLanguage { margin-top: 0px; background: #fef9e5; }
.ruLanguage .title { border: 1px solid #e2e2e2; border-top: none; border-bottom: none; background: none; }
.ruLanguage .title span { font-weight: normal; color: #666; }
.ruLanguage .addWord { font-weight: normal; color: #666; }
.ruLanguage .ctText { height: 62px; border-top: none; padding-top: 4px; padding-bottom: 4px; }
.ruLanguage .ctText .rText { float: left; }
.ruLanguage .ctText .tText { float: left; }
.ruLanguage .ctText .rText li { width: 110px; height: 20px; line-height: 20px; }
.ruLanguage .ctText .tText li { width: 90px; margin-left: 10px; height: 20px; line-height: 20px; }

.ruPicture { margin-top: 0px; }
.ruPicture .title { border: 1px solid #e2e2e2; border-top: none; border-bottom: none; background: none; }
.ruPicture .title span { font-weight: normal; color: #666; }
.ruPicture .ctBox { height: 143px; border-top: none; text-align: center; font-size: 125px; width: 237px; }
.ruPicture .ctBox img { vertical-align: middle; }

.assistant { }
.assistant .ctText { height: 148px; padding-top: 6px; padding-bottom: 2px; }
.assistant .ctText li { background: url(/Images/Index_BG.png) 0px -244px no-repeat; padding-left: 10px; width: 205px; height: 24px; line-height: 24px; }

/* full */
.subSite { }
.subSite .ctFull { word-break: keep-all; margin: 10px 20px; }
.subSite .ctFull li { display: inline; margin: 0px 5px; line-height: 20px; }

.coopSite { }
.coopSite .title .text span { color: #929292; font-size: 12px; font-weight: normal; }
.coopSite .title .text a { font-size: 12px; }
.coopSite .ctFull { margin: 10px; word-break: keep-all; text-align: center; }
.coopSite .ctFull li { display: inline; margin: 0px 3px; line-height: 20px; }
.coopSite .img li img { width: 88px; height: 31px; margin: 5px 3px; }
