@charset "utf-8";
@import url("header.css");
/* CSS Written by Sheila.W > i.sheila.wong@gmail.com */

/* All ------------------------------- */
*{margin:0;padding:0;}
table, input, select, textarea {font-family:Arial;font-size:12px;color:#3f3f3f;}
body{background:#fff url(../_img/common/body_bg.gif) repeat-x left top;margin:0;font-family:Arial;font-size:11px;}
a{color:#4772a2;text-decoration: underline;}
a:hover{color:#1c445b;text-decoration:underline;}
img{border: none;}
.clear{clear:both;height:0;line-height:0;font-size:0;}

/* Home ------------------------------- */
h1{font:32px/130% "Trebuchet MS", Arial, Helvetica, sans-serif;color:#fff;margin:0;padding:0 0 5px;}
h2{font:18px "Trebuchet MS", Arial, Helvetica, sans-serif;color:#1c445b;margin:0;padding:0 0 5px;}
h5{font:20px/150% Verdana, Arial, Helvetica, sans-serif;color:#ff9;margin:0;padding:4px 0 10px;}
h6{font:bold 16px Verdana, Arial, Helvetica, sans-serif;color:#1c445b;margin:0;padding:0 0 15px;}

/* Container -------------------------- */
#Container{position:relative;clear:both;width:960px;margin:0 auto;padding-top:25px;text-align:left;}
#Main_Box{float:left;width:700px;}
.directory-image{float:left;width:698px;height:298px;background:url(../_img/partner/partner_photo.jpg) no-repeat 0 0;border:1px solid #3a4ee0;}
.directory-text{width:230px;margin-left:10px;}
.directory-text p{color:#fff;font:12px/150% Arial, Helvetica, sans-serif;}
.become-box{margin-top:15px;float:left;padding:6px 15px 12px;width:206px;background:#fcfcfd url(../_img/homepage/sign_bg.gif) repeat-x left bottom;border:1px solid #91abb3;}
.directory-box{float:left;width:700px;margin-top:17px;}
.directory-title{background-color:#1c445b;padding-left:8px;}
.directory-list{float:left;padding:15px 0;}
.per-history{float:left;padding-bottom:10px;margin-bottom:15px;background:url(../_img/common/dashed.gif) repeat-x left bottom;}
.A-directory{float:left;margin:15px 0;width:700px;}
.A-directory dl{float:left;width:430px;}
.A-directory dl dt{font:bold 14px Verdana, Arial;margin-bottom:5px;}
.A-directory dl dd{font:12px/150% Arial, Helvetica, sans-serif;}
.directory-photo{float:left;width:254px;margin-right:15px;}
.directory-photo img{padding:1px;border:1px solid #ddd;}
.directory-photo p{font-size:13px;}

/* Container, Partner_Official -------- */
.official-box{float:left;width:678px;background-color:#fff;border:1px solid #91abb3;padding:10px;}
.official-box h1{font:bold 32px "Trebuchet MS", Arial, Helvetica, sans-serif;color:#036;margin-bottom:10px;padding:0;}
.official-box h3{font:bold 20px Arial, Helvetica, sans-serif;color:#333;}
.official-box h4{font:16px Arial, Helvetica, sans-serif;margin:12px 0;padding:0;color:#444;}
.official-box p{line-height:150%;font-size:13px;}
.official-text{float:left;width:390px;}
.official-partner{float:right;width:270px;margin:0;padding:2px;background-color:#f8f8f8;border:1px solid #94aab5;}
.official-partner .partner-photo img{width:270px;border:none;}
.partner-talk{line-height:150%;margin-top:10px;padding:0;color:#555;font-style:italic;font-size:13px;}
.customer-website{float:left;width:700px;margin-top:35px;}
.customer-website h1{font:bold 23px Verdana, Arial, Helvetica, sans-serif;color:#060;}
.customer-website dl{float:left;width:330px;margin-top:15px;margin-bottom:15px;}
.customer-website dl dt{font:bold 14px Verdana, Arial, Helvetica, sans-serif;margin-bottom:10px;color:#444;}
.customer-website dl dd img{width:330px;}
.customer-website .cus-web dd img{width:326px;border:1px solid #444;padding:1px;}
.mr{margin-right:40px;}
.own-website{float:left;width:678px;margin-top:25px;padding:0 10px 10px;background:#fcfcfd url(../_img/homepage/sign_bg.gif) repeat-x left bottom;border:1px solid #91abb3;}
.own-text{float:left;width:525px;}
.own-text dl{width:520px;}
.own-text dl dt{font:bold 15px Verdana, Arial, Helvetica, sans-serif;margin:0 0 10px;padding:0;color:#333;}
.own-text dl dd{font-size:13px;line-height:150%;}
.own-photo{float:right;width:135px;padding-top:30px;}

/* Side_Bar --------------------------- */
#Side_Bar{float:left;width:238px;margin-left:20px;padding-left:2px;}
.search-box{float:left;padding:6px 15px 11px;width:206px;background:#fcfcfd url(../_img/homepage/sign_bg.gif) repeat-x left bottom;border:1px solid #91abb3;}
.search-box p, .become-box p, .featured p{font:11px/150% Verdana, Arial;margin:7px 0 0;clear:both;}
.search-box p select{width:206px;}
.Search_Text{width:162px;height:16px;margin-right:3px;padding:2px 0 0 5px ;color:#97bbc7;background:#fcfcfd;border-width:2px 1px 1px 2px;border-style:solid;border-color:#888 #ccc #ccc #888;font-style:italic;}
.Button_Search{width:32px;height:22px;padding:1px 0 2px;font:bold 12px Arial;color:#fff;background:#4772a2 url(../_img/homepage/search_bg.gif) no-repeat 0 0;border:none;cursor:pointer;}
.featured{float:left;margin-top:15px;padding:6px 15px 12px;width:206px;background:#fcfcfd url(../_img/homepage/sign_bg.gif) repeat-x left bottom;border:1px solid #91abb3;}
.featured ul{float:left;margin-top:15px;width:206px;}
.featured ul li{float:left;list-style-type:none;margin:8px 0;width:206px;}
.featured ul li img{width:206px;}

/* Sign_in_Box ------------------------ */
#Sign_In{float:left;margin:0;padding:0;}
.Sign_Title{background-color:#f7f9fa;width:222px;padding:6px 0 0 14px;border:1px solid #91abb3;border-bottom:none;line-height:normal;}
.Sign_Box{float:left;width:206px;background:#fcfcfd url(../_img/homepage/sign_bg.gif) repeat-x left bottom;margin:0;padding:6px 15px;border-left:1px solid #91abb3;border-right:1px solid #91abb3;}
.Sign_Box dl{display:block;float:left;width:206px;margin:4px 0;padding:0;}
.Sign_Box dl dt{float:left;margin:0;padding:0;font:bold 12px Arial;color:#205a7b;}
.Sign_Box dl dd{float:right;margin:0;padding:0;}
.button-in{background:transparent url(../_img/homepage/button_create.gif) no-repeat 0 0;background-position:-430px -7px;display:block;float:right;width:96px;height:28px;border:none;cursor:pointer;}
.button-inback{background:transparent url(../_img/homepage/button_create.gif) no-repeat 0 0;background-position:-430px -35px;display:block;float:right;width:96px;height:28px;border:none;cursor:pointer;}
.Checkbox{margin:0 5px 0 0;padding:0;}
.Text_Style{height:17px;background:transparent url(../_img/homepage/text_bg.gif) repeat-x 0 0;border-top:1px solid #91abb3;border-left:1px solid #91abb3;border-right:1px solid #f2efe2;border-bottom:1px solid #f2efe2;color:#4f7285;}
.Sign_Bottom{background:transparent url(../_img/homepage/sign_bottom.gif) no-repeat 0 0;margin:0;padding:3px 0;}
/* Tour ------------------------------- */
.Famento_Tour{float:left;width:678px;background-color:#fff;border:1px solid #91abb3;padding:10px;}
.Famento_Tour h1{font:bold 32px "Trebuchet MS", Arial, Helvetica, sans-serif;color:#036;margin-bottom:10px;padding:0;}
.Famento_Tour h4{font:16px Arial, Helvetica, sans-serif;margin:15px 0 20px;padding:0;color:#444;}
.Famento_Tour p{font:11px/150% Verdana, Arial;margin:7px 0 0;clear:both;padding:0;}
.Famento_Tour dl{float:left;line-height:140%;width:328px;height:100px;margin:10px 0 0;}
.Famento_Tour dl dt{float:left;clear:right;padding:20px;border:none;height:40px;line-height:40px;}
.Famento_Tour dl dd{padding-left:55px;padding-bottom:10px;}
.Famento_Tour dl dd span{font:bold 14px Arial;}
.Img_1{background:url(../_img/homepage/tour_img.gif) no-repeat 0 0;background-position:0 8px;}
.Img_2{background:url(../_img/homepage/tour_img.gif) no-repeat 0 0;background-position:0 -70px;}
.Img_3{background:url(../_img/homepage/tour_img.gif) no-repeat 0 0;background-position:0 -170px;}
.Img_4{background:url(../_img/homepage/tour_img.gif) no-repeat 0 0;background-position:0 -255px;}

/* Partner ---------------------------- */
.partner-button{margin-top:30px;width:135px;height:65px;text-indent:-9999px;display:block;background:url(../_img/homepage/partner_button.jpg) no-repeat 0 0;}
.partner-sign{width:135px;height:65px;text-indent:-9999px;display:block;background:url(../_img/homepage/partner_button.jpg) no-repeat 0 -150px;}