﻿@charset "utf-8";
/* CSS Document */

*{ margin:0; padding:0;}
body{ font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#000; background:url(/images/escrow/bg01.gif) repeat-x;}
table,td,div,h1{font-family:Verdana, Geneva, sans-serif;font-size:12px;}
.cb{ clear:both;}
img{border:none;}
ul{list-style:none;}

#Escrow{ width:980px; margin:0 auto;}
#Escrow .header{ float:left; width:980px;}

#Escrow .header .top{ float:left; width:960px; padding:0 10px; height:32px; line-height:32px;}
#Escrow .header .top .contact{ float:left; width:265px;}
#Escrow .header .top .contact p{ float:left;color:#333;}
#Escrow .header .top .contact img{ float:left; margin-top:6px; padding-left:8px;}
#Escrow .header .top .top_nav{ float:right; color:#4f8480;}
#Escrow .header .top .top_nav a:link{ color:#4f8480; text-decoration:none;}
#Escrow .header .top .top_nav a:visited{ color:#4f8480; text-decoration:none;}
#Escrow .header .top .top_nav a:hover{ color:#4f8480; text-decoration:underline;}
#Escrow .header .top .top_nav a.Chinese{ padding-left:25px; background:url(/images/escrow/1.gif) no-repeat 0 center;}
#Escrow .header .top .top_nav a.English{ padding-left:25px; background:url(/images/escrow/9.gif) no-repeat 0 center;}

#Escrow .header .logo_search{ float:left; width:980px; padding-top:27px;}
#Escrow .header .logo_search .logo{ float:left; padding-top:11px;}
#Escrow .header .logo_search .logo img.escrow_logo{ padding:0px 0px 19px 15px;}

/*search*/
#Escrow .header .logo_search .search{ float:right; width:520px; height:60px; margin-left:60px; display:inline; background:url(/images/escrow/bg02.gif) repeat-x;}
#Escrow .header .logo_search .search .select_Type{ margin:0px 0px 0px 28px; width:460px; height:26px;}
#Escrow .header .logo_search .search .select_Type .Suppliers{cursor:pointer; float:left; margin:0px 10px 0px 0px; height:26px; width:100px; text-align:center; line-height:24px; font-size:13px; color:#FFFFFF; font-weight:bold; background:#35736e; border:#b0d7d6 1px solid; border-bottom:none;}
#Escrow .header .logo_search .search .select_Type .Datasheet{ cursor:pointer; float:left; margin:0px 10px 0px 0px;  display:inline; height:22px; width:100px; text-align:center; line-height:20px; font-size:13px; color:#333; font-weight:bold; border:#b0d7d6 1px solid; border-bottom:none; background:#34726c;}
#Escrow .header .logo_search .search .submitDis{ width:520px; float:left; display:block;}
#Escrow .header .logo_search .search .submitDis .Input{ float:left; width:310px; margin:0px 10px 0px 4px; display:inline; float:left; text-align:left;}
#Escrow .header .logo_search .search .submitDis .Input input.keyword{width:285px; height:27px; background:#fff url(/images/escrow/main_search_bg.gif) no-repeat 5px center; line-height:26px; font-size:16px; padding-left:25px; color:#333; font-size:16px; border: 1px solid #b0d7d6;}
#Escrow .header .logo_search .search .submitDis .Exact_Match{ margin:6px 0px 0px 0px; width:100px; font-size:11px; color:#34726c;line-height:20px; float:left;}
#Escrow .header .logo_search .search .submitDis .Submit_Search{ margin:0px 4px 0px 0px; display:inline; width:89px; float:right;}
#Escrow .header .logo_search .search .submitDis .DataInput{ width:412px; margin:0px 10px 0px 4px; display:inline; float:left; text-align:left;}
#Escrow .header .logo_search .search .submitDis .DataInput input.Datakeyword{ margin:0px; width:380px; height:27px; background:#fff url(/images/escrow/main_search_bg.gif) no-repeat 5px center; line-height:26px; font-size:16px; padding-left:25px; color:#001F41; border:1px solid #b0d7d6;}
#Escrow .header .logo_search .search .submitDis div.DataSubmit_Search{ margin:0px 4px 0px 0px; display:inline; width:89px; float:right;}
#Escrow .header .logo_search .search .submitUndis{ margin:0px; width:520px; float:left; display:none;}

/*content*/
#Escrow .content{ float:left; width:980px; padding-top:25px;}
#Escrow .content .main-nav{ float:left; width:980px; background:url(/images/escrow/bg-nav02.gif) repeat-x; height:37px;}
#Escrow .content .main-nav h2{ float:left; height:37px; line-height:37px; color:#fff; font-size:14px;}
#Escrow .content .main-nav h2.select{ background:url(/images/escrow/bg-nav01.gif) repeat-x; padding:0 35px;}
#Escrow .content .main-nav h2 a{ color:#fff; text-decoration:none; display:block; padding:0 35px;}
#Escrow .content .main-nav h2 a:hover{ background:url(/images/escrow/bg-nav01.gif) repeat-x;}
#Escrow .content .main-nav img{ float:left;}

/*AD*/
#Escrow .content .AD{ float:left; width:960px; height:230px; background:url(/images/escrow/bg-AD.gif) repeat-x; padding-left:20px;}
#Escrow .content .AD img{ float:left; margin-right:15px;}
#Escrow .content .AD img.order{ float:left; margin:145px 0px 0px 15px; display:inline;}

/*step*/
#Escrow .content .Steps{ float:left; width:974px; background:url(/images/escrow/bg-step01.gif) repeat-x; height:118px; padding:8px 0px 0px 6px;}
#Escrow .content .Steps .step_info{ float:left; width:132px; height:109px; background:url(/images/escrow/bg-step02.gif) no-repeat; margin-right:7px; display:inline;}
#Escrow .content .Steps .step_info p{ float:left; width:132px;}
#Escrow .content .Steps .step_info p.step_n{ float:left; width:132px; font-size:14px; text-align:center; color:#000; line-height:22px; font-style:italic; font-weight:bold;}
#Escrow .content .Steps .step_info p.info{ float:left; padding:10px 24px 0px 10px; width:98px; color:#005367; font-size:12px; line-height:22px;}

/*Overview*/
#Escrow .content .Overview{float:left; width:980px; margin-top:20px;}
#Escrow .content .Overview .escrow{ float:left; width:650px;}
#Escrow .content .Overview .escrow .about_FAQ{ float:left; width:650px;}
#Escrow .content .Overview .escrow .about_FAQ .about{ float:left; width:280px;}
#Escrow .content .Overview .escrow .about_FAQ .about h2{ float:left; width:270px; height:30px; background:#f0f6fb; border-left:3px solid #82b9b4; line-height:30px; padding-left:7px; font-size:14px; color:#555;}
#Escrow .content .Overview .escrow .about_FAQ .about h2 a{ color:#333; text-decoration:underline;}
#Escrow .content .Overview .escrow .about_FAQ .about h2 a:hover{ color:#34726c; text-decoration:underline;}
#Escrow .content .Overview .escrow .about_FAQ .about p{ float:left; width:260px; line-height:24px; padding:10px; text-align:justify; color:#888;}

#Escrow .content .Overview .escrow .about_FAQ .FAQ{ float:left; width:350px; margin-left:20px; display:inline;}
#Escrow .content .Overview .escrow .about_FAQ .FAQ h2{ float:left; width:340px; height:30px; background:#f0f6fb; border-left:3px solid #82b9b4; line-height:30px; padding-left:7px; font-size:14px; color:#555;}
#Escrow .content .Overview .escrow .about_FAQ .FAQ h2 a{ color:#333; text-decoration:underline;}
#Escrow .content .Overview .escrow .about_FAQ .FAQ h2 a:hover{ color:#34726c; text-decoration:underline;}
#Escrow .content .Overview .escrow .about_FAQ .FAQ ul{float:left; width:330px; padding:10px 10px 10px 5px;}
#Escrow .content .Overview .escrow .about_FAQ .FAQ ul li{float:left; width:325px;overflow:hidden;white-space:nowrap; text-overflow:ellipsis; line-height:24px;}
#Escrow .content .Overview .escrow .about_FAQ .FAQ ul li a{ color:#888; text-decoration:underline;}
#Escrow .content .Overview .escrow .about_FAQ .FAQ ul li a:hover{ color:#666; text-decoration:underline;}

#Escrow .content .Overview .escrow .bank{ float:left; width:606px; padding:11px 21px;_padding:6px 21px; border:1px solid #dbdfe0; margin-top:20px; height:132px;_height:122px; background:url(/images/escrow/bg-bank.gif) repeat-x 1px 1px;}
#Escrow .content .Overview .escrow .bank h2{float:left; width:570px; background:url(/images/escrow/icon01.gif) no-repeat 0 center; height:30px; line-height:30px; padding-left:36px; color:#ab0b0b; font-size:16px;}
#Escrow .content .Overview .escrow .bank p{ float:left; width:606px; color:#333; line-height:19px; padding-top:5px;}
#Escrow .content .Overview .escrow .bank p span{ float:left;  color:#888; width:90px; text-align:right;}

#Escrow .content .Overview .suppliers_AD{ float:left; width:310px; margin-left:20px; display:inline; background:url(/images/escrow/line01.gif) repeat-y;}
#Escrow .content .Overview .suppliers_AD .suppliers{float:left; width:290px; padding-left:20px;}
#Escrow .content .Overview .suppliers_AD .suppliers h2{ float:left; width:290px; color:#555; line-height:30px; font-size:14px;}
#Escrow .content .Overview .suppliers_AD .suppliers ul{ float:left; width:290px;}
#Escrow .content .Overview .suppliers_AD .suppliers ul li{ float:left; width:280px;overflow:hidden;white-space:nowrap; text-overflow:ellipsis; color:#888; margin-bottom:8px;}
#Escrow .content .Overview .suppliers_AD .suppliers ul li p{ line-height:18px;}
#Escrow .content .Overview .suppliers_AD .suppliers ul li a{ color:#555; text-decoration:none; color:#888;}
#Escrow .content .Overview .suppliers_AD .suppliers ul li a:hover{ color:#666; text-decoration:underline;}

#Escrow .content .Overview .suppliers_AD .ad{float:left; width:290px; padding-left:20px; margin-top:18px;}

#Escrow .content .Overview .suppliers_AD .notice{float:left; width:285px; margin-left:20px; margin-top:10px; display:inline; background:url(/images/escrow/bg-pact.gif) no-repeat; height:28px; width:169px; line-height:28px; padding-left:35px; color:#3a9910;}
#Escrow .content .Overview .suppliers_AD .notice a{color:#157000; text-decoration:underline;}
#Escrow .content .Overview .suppliers_AD .notice a:hover{ color:#ff0000; text-decoration:underline;}

/*footer*/
#Escrow .footer{ float:left; width:980px; padding-top:40px;}

#Escrow .footer .bottom_nav{float:left; width:960px; padding:10px 0px 10px 20px; border-bottom:1px solid #d1d7dc; border-top:1px solid #d1d7dc;}
#Escrow .footer .bottom_nav p{float:left; width:150px; padding:0 25px; font-size:12px; font-weight:bold; color:#555; line-height:20px; line-height:30px; font-size:14px; color:#555;}
#Escrow .footer .bottom_nav p a{ font-weight:normal; color:#555; text-decoration:none; line-height:24px; font-size:12px; color:#666;}
#Escrow .footer .bottom_nav img{ float:left; width:129px; padding-right:20px;}

#Escrow .footer .CopyAllRight-Nav{ float:left; width:980px; padding:25px 0 50px 0; text-align:center; line-height:24px; color:#333;}
#Escrow .footer .CopyAllRight-Nav a{ color:#333; text-decoration:none;}
#Escrow .footer .CopyAllRight-Nav a:hover{ color:#000; text-decoration:underline;}
#Escrow .footer .CopyAllRight-Nav p{ color:#888;}
#Escrow .footer .CopyAllRight-Nav p a{ color:#888;}
#Escrow .footer .CopyAllRight-Nav p a:hover{ color:#666;}


/*about*/
#Escrow .content .position{ float:left; width:980px; line-height:24px; margin-top:5px; color:#666;}
#Escrow .content .position a{ color:#666; text-decoration:none;}
#Escrow .content .position a:hover{ color:#000; text-decoration:underline;}

#about{ float:left; width:980px; margin-top:10px;}
#about .nav_chat_bank{ float:left; width:205px;}
#about .nav_chat_bank .left_nav{float:left; width:205px; border-top:5px solid #cce4e3; background:#f3f9fa; padding-bottom:10px;}
#about .nav_chat_bank .left_nav h2{float:left; width:170px; background:url(/images/escrow/icon02.gif) no-repeat 10px center; height:50px; line-height:50px; padding-left:35px; font-size:14px; color:#34726c; border-bottom:1px solid #d8e3e5;}
#about .nav_chat_bank .left_nav h3{float:left; width:170px; background:url(/images/escrow/icon03.gif) no-repeat 15px center; height:30px; line-height:30px; padding-left:35px; font-size:14px; color:#34726c; border-bottom:1px solid #d8e3e5; font-size:12px; font-weight:normal;}
#about .nav_chat_bank .left_nav h3.select{ color:#f25314;}
#about .nav_chat_bank .left_nav h3 a{ color:#555; text-decoration:none;}
#about .nav_chat_bank .left_nav h3 a:hover{color:#f25314;}

#about .nav_chat_bank .chat{float:left; width:205px; margin-top:8px;}

#about .nav_chat_bank .bank{float:left; width:190px; margin-top:4px; background:url(/images/escrow/bg-bank02.gif) repeat-x; height:76px; color:#fff; padding:8px 0px 0px 15px;}
#about .nav_chat_bank .bank h2{ font-size:14px; line-height:20px;}
#about .nav_chat_bank .bank p{ line-height:16px;}

#about .AD_about{ float:left; width:760px; margin-left:15px; display:inline;}
#about .AD_about .advertisement{ float:left; width:760px;}
#about .AD_about .about{ float:left; width:760px; margin-top:8px;}
#about .AD_about .about h2{ float:left; width:750px; padding-left:10px; background:#f0f6fb; height:30px; line-height:30px; font-size:14px; color:#34726c;}
#about .AD_about .about div{ float:left; width:740px; padding:10px; line-height:24px;}

/*FAQ*/
#FAQ{ float:left; width:980px; margin-top:10px;}
#FAQ .nav_chat_bank{ float:left; width:205px;}
#FAQ .nav_chat_bank .left_nav{float:left; width:205px; border-top:5px solid #cce4e3; background:#f3f9fa; padding-bottom:10px;}
#FAQ .nav_chat_bank .left_nav h2{float:left; width:170px; background:url(/images/escrow/icon02.gif) no-repeat 10px center; height:50px; line-height:50px; padding-left:35px; font-size:14px; color:#34726c; border-bottom:1px solid #d8e3e5;}
#FAQ .nav_chat_bank .left_nav h3{float:left; width:170px; background:url(/images/escrow/icon03.gif) no-repeat 15px center; height:30px; line-height:30px; padding-left:35px; font-size:14px; color:#34726c; border-bottom:1px solid #d8e3e5; font-size:12px; font-weight:normal;}
#FAQ .nav_chat_bank .left_nav h3.select{ color:#f25314;}
#FAQ .nav_chat_bank .left_nav h3 a{ color:#555; text-decoration:none;}
#FAQ .nav_chat_bank .left_nav h3 a:hover{color:#f25314;}

#FAQ .nav_chat_bank .chat{float:left; width:205px; margin-top:8px;}

#FAQ .nav_chat_bank .bank{float:left; width:190px; margin-top:4px; background:url(/images/escrow/bg-bank02.gif) repeat-x; height:76px; color:#fff; padding:8px 0px 0px 15px;}
#FAQ .nav_chat_bank .bank h2{ font-size:14px; line-height:20px;}
#FAQ .nav_chat_bank .bank p{ line-height:16px;}

#FAQ .AD_FAQ{ float:left; width:760px; margin-left:15px; display:inline;}
#FAQ .AD_FAQ .advertisement{ float:left; width:760px;}
#FAQ .AD_FAQ .FAQ{ float:left; width:760px; margin-top:8px; padding-bottom:15px;}
#FAQ .AD_FAQ .FAQ .questions{ float:left; width:375px; margin-bottom:20px;}
#FAQ .AD_FAQ .FAQ .questions h2{ float:left; width:365px;background:#f0f6fb; height:30px; line-height:30px; font-size:14px; color:#34726c; padding-left:10px;}
#FAQ .AD_FAQ .FAQ .questions ul{ float:left; width:375px; margin-top:5px;}
#FAQ .AD_FAQ .FAQ .questions ul li{ float:left; width:360px; line-height:24px; padding-left:10px; overflow:hidden;white-space:nowrap; text-overflow:ellipsis; }
#FAQ .AD_FAQ .FAQ .questions ul li span{  color:#ccc;}
#FAQ .AD_FAQ .FAQ .questions ul li a{ color:#666; text-decoration:underline;}
#FAQ .AD_FAQ .FAQ .questions ul li a:hover{ color:#555; text-decoration:underline;}

/*FAQ-ex*/
#FAQ .AD_FAQ .question{ float:left; width:760px; margin-top:8px;}
#FAQ .AD_FAQ .question h2{ float:left; width:750px; padding-left:10px; background:#f0f6fb; height:30px; line-height:30px; font-size:14px; color:#34726c;}
#FAQ .AD_FAQ .question ul{ float:left; width:740px; padding:15px 0px 20px 0px; margin:0 10px; display:inline; background:url(/images/escrow/line02.gif) repeat-x 0 bottom;}
#FAQ .AD_FAQ .question ul li{ float:left; width:740px; line-height:24px; overflow:hidden;white-space:nowrap; text-overflow:ellipsis;}
#FAQ .AD_FAQ .question ul li span{  color:#ccc;}
#FAQ .AD_FAQ .question ul li a{ color:#666; text-decoration:underline;}
#FAQ .AD_FAQ .question ul li a:hover{ color:#555; text-decoration:underline;}
#FAQ .AD_FAQ .question p.question_title{ float:left; font-size:16px; width:740px; padding:15px 10px 5px 10px; line-height:24px; color:#ff0000;font-weight:bold;}
#FAQ .AD_FAQ .question div.answer{ float:left; width:740px; padding:0 10px; line-height:24px; color:#666;}

/*question*/
#Escrow .content .escrow-ad{ float:left; width:980px; margin-top:5px;}
#Escrow .content .escrow-ad .ad-title{float:left;width:960px; padding:0 10px; border-top:4px solid #93bc3c; background:#c2e56d; height:#36px; line-height:36px; border-bottom:1px solid #a4ce44;}
#Escrow .content .escrow-ad .ad-title p{color:#555; padding-left:30px; background:url(/images/escrow/escrow.gif) no-repeat 0 center;}
#Escrow .content .escrow-ad .ad-title p span{color:#ff8c1c; font-size:14px; font-weight:bold; margin-right:5px;}

#Escrow .content .escrow-ad .ad-info{ float:left; width:980px; background:url(/images/escrow/bg-AD02.gif) repeat-x; height:206px;}
#Escrow .content .escrow-ad .ad-info .text_aply{ float:left; width:450px;}
#Escrow .content .escrow-ad .ad-info .text_aply img.text{float:left; padding:28px 0px 0px 40px; height:86px;}
#Escrow .content .escrow-ad .ad-info .text_aply img.escrows{ float:left; margin:25px 0px 0px 40px; display:inline;}
#Escrow .content .escrow-ad .ad-info img.team{float:left; padding:10px 0px 0px 62px;}

#Escrow .content .question_bottom{ float:left; width:980px;}
#Escrow .content .question_bottom .title{ float:left; width:960px; padding:0 10px; line-height:30px; margin-top:10px; font-size:14px; font-weight:bold; color:#333;}
#Escrow .content .question_bottom p{ float:left; width:960px; line-height:24px; color:#555; padding:0 10px; margin-bottom:20px;}

/*step*/
#Escrow .content .step{ float:left; width:980px; padding:20px 0px 30px 0px; background:url(/images/escrow/line02.gif) repeat-x 0 bottom;}
#Escrow .content .step .step_number{ float:left; width:54px;height:94px; background:url(/images/escrow/step-bg.gif) no-repeat; }
#Escrow .content .step .step_number p{ float:left; width:54px; color:#fff; text-align:center;}
#Escrow .content .step .step_number p.number{ height:50px; line-height:50px; margin-bottom:9px; font-size:36px;}

#Escrow .content .step .step_info{ float:left; width:926px;}
#Escrow .content .step .step_info .overview{float:left; width:900px; color:#555; padding-left:26px;font-size:24px; font-weight:bold;  margin-top:5px;}
#Escrow .content .step .step_info p{float:left; width:900px; padding-left:26px; font-size:16px; line-height:36px; margin-top:10px; color:#888;}

/*case*/
#Case{ float:left; width:980px; margin-top:10px;}
#Case .title{ float:left;width:980px; background:url(/images/escrow/line02.gif) repeat-x 0 bottom;}
#Case .title p{ font-size:14px; float:left; height:36px; line-height:36px;}
#Case .title p.buyer{ float:left; width:300px; text-align:center;}
#Case .title p.suppliers{ float:left; width:450px; text-align:center;}
#Case .title p.price{ float:left; width:130px; text-align:center;}
#Case .title p.time{ float:left; width:100px; text-align:center;}

#Case ul{ float:left; width:980px; margin:10px 0;}
#Case ul li{ float:left; height:36px; line-height:36px; color:#555;}
#Case ul li.buyer{ float:left; width:300px;}
#Case ul li.buyer img{ padding-left:5px;}
#Case ul li.suppliers{ float:left; width:450px;}
#Case ul li.suppliers img{ padding-left:5px;}
#Case ul li.price{ float:left; width:130px;}
#Case ul li.time{ float:left; width:100px; text-align:center}

#Case .pages{ float:left; width:980px; padding:20px 0 30px 0; color:#666;}
#Case .pages a{ color:#666;}
#Case .pages a:hover{ color:#ba0000;}
#Case .pages span{ color:#ba0000;}
