@charset "utf-8";
/* basic */
body{ background:#fff; font:13px/1.4 Verdana, Arial, Helvetica, sans-serif; color:#000; margin:0 5px 8px;}
div,ul,ol,li,dl,dt,dd,p,form,legend,h1,h2,h3,h4,h5,span,a{ margin:0; padding:0;}
ul,ol{ list-style:none;}
input{font-size:13px; line-height:140%; color:#666}
a{color:#36c; text-decoration: underline;}
a:hover{color:#f60; text-decoration:none;}
img{ border:none;}
.line {background:url(/images/logo/line/line-dot.gif) repeat-x; height:1px;overflow:hidden;clear:both;margin:20px 0;}
.clear{ clear:both;}
.strong{ font-weight:bold;}
/* layout */
#header, #main, #footer{height:auto; margin:0 auto; /*min-width:997px; max-width:1280px; width: expression((document.documentElement.clientWidth||document.body.clientWidth)<998 ? "997px" : "99.9%");*/ position:relative; z-index:0;}

/* header --- include logo,tel, mainNav or subNav, login form */
#header{ position:relative;}
#logoTop{ width:342px; height:48px; margin:15px 0 6px 20px;}

.tel { width:380px; height:59px; position:absolute; top:0; right:20px; background:url(/images/background/call-menu.gif) no-repeat; padding:9px 0 0 0; top:0;}
select.tellcon{ position:absolute; left:118px; top:28px; width:109px; border:1px solid #369; font:12px Arial, Helvetica, sans-serif;}
#spanmessage{margin-left:5px;}
#spanmessage a{padding-left:20px;background:url(/images/logo/ico/msg.gif) no-repeat 0 2px;text-decoration:none;color:#333;}
	/* Top Menu --- the main nav with blue background */
#mainNav{ margin-top:4px; padding-left:1px;font-size:13px;background:#3a76a8 url(/images/logo/patte/menu_bg_01.png) repeat-x 0 -8px; height:30px; color:#fff;}
#mainNav li{line-height:22px;float:left;margin-top:1px;margin-left:1px;background:url(/images/logo/patte/icon_list_01.png) no-repeat 0 50%; position:relative;}
#mainNav li.current{margin-left:0;padding:0 5px;background:#ffffce url(/images/logo/patte/menu_bg_03.png) no-repeat top right;height:30px;}
#mainNav li.current a,#mainNav li.current a:hover{color:#014f91;background:none;}
#mainNav a{display:block;color:#fff;padding:0 10px; text-decoration:none;}
#mainNav a:hover{padding-bottom:10px;background:#05467b url(/images/logo/patte/menu_bg_02.png) repeat-x;color:#fff;}

.menuOther{position:absolute; top:51px; *top:54px; left:850px; width:125px; height:45px; padding-top:5px; background: url(/images/background/bgp012.png) no-repeat left bottom; font-size:13px; line-height:16px;}
.menuOther span{ margin:0 1px 0 13px;}
.menuOther a{ padding-bottom:20px; text-decoration:none; color:#36c; position:relative;}
.menuOther a:hover{text-decoration:none; color:#f60;}

	/* End Top Menu */
	/* headBg ---- the div under the mainNav or subHeader */
.headBg{background:#ffffcd; width:985px; padding-right:1%;  border-left:#3773A5 solid 1px; border-bottom:#fdd900 solid 5px; }
.headBg form{text-align:right; padding:5px 8px 5px 0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#545454; }
.headBg form input{border:#ccc solid 1px; vertical-align:middle;}
.headBg #loginLink{ display:block; height:22px; line-height:22px;}
.headBg form .login{border:0;vertical-align:middle;cursor:pointer;}
/* End header */

/* main */
.left{float:left; position:relative;top:-5px;width:199px; background:#ffffcd;color:#666; border-right:4px solid #ffd800; border-left:1px solid #3773a5; z-index:10; _margin-right:-3px;}
.leftBg{ position:absolute; left:0; bottom:15px; width:199px; height:1500px; border-left:1px solid #3773a5; border-right:4px solid #ffd800; border-bottom:4px solid #ffd800;background:#ffffcd;  }
.left .title{ margin-bottom:8px; padding-left:20px; font-weight:bold; background:url(/images/logo/ico/mood6.gif) no-repeat 0 3px; color:#000; font-size:12px;}
.left p{margin:0 5px 10px;}
.left .crt{ position:absolute;top:-2px; right:-12px; _right:-13px; width:14px;height:14px; background:url(/images/background/border_01.gif) no-repeat; z-index:99;}

.left .ad{ width:176px; margin:0 auto; text-align:center;}
.left .ad .mobile{display:block; margin:0 auto; width:176px; height:33px; background:#ea8b19 url(/images/logo/ico/ico_waptcg.gif) no-repeat; font-weight:bold; line-height:28px; text-indent:55px; color:#fff;}
.left .ad .tourAd{ margin:15px 0 0 2px;}

.box01{ width:196px; margin:10px auto;}
.boxBgT {background:url(/images/background/sash-top.gif) no-repeat; height:18px;}
.boxBgB {background:url(/images/background/sash-below.gif) no-repeat;height:7px;}
.box02 {width:176px; margin-left:4px;padding:5px; border:1px solid #eeecec; border-top:none;color:#000;background:#ffc url(/images/background/bg-design.gif);font-size:12px;}

/* right */
.right{float:left;padding-right:10px;width:779px;height:auto; position:relative; z-index:20;}
.right .primary{ position:relative;float:left;width:75.8%;z-index:1;}
.primary .bannerAD{ margin:20px 1% 15px 4%;_margin-right:3%; border:#FCE798 solid 1px; background:url(/images/background/bg_banner_1.gif) repeat-x;}
#slide{filter:Alpha(opacity=100); filter:revealTrans(duration=1,transition=5); width:549px; height:76px;}
.primary .bannerAD p{ background:#fff; padding:15px; text-align:justify;}

/* tourBox */
.primary .tourBox{ position:relative;margin:0 1% 15px 4%;_margin-right:3%; background:#FB9703 url(/images/background/border_title_01.gif) no-repeat;}
.primary .tourBox .cityR{ margin-left:175px; min-height:390px; _height:390px; }
.primary .tourBox dl{padding:0 10px;}
.primary .tourBox dt{ font-weight:bold;font-size:16px; padding-left:20px;margin-bottom:5px;background: url(/images/logo/ico/arrow_blue.gif) no-repeat 0 4px; color:#124FC8;}
.primary .tourBox dd{margin:5px 0 15px 15px ;_margin-left:8px;}

.primary .tourBoxIn{border:1px solid #dfdfdf; padding:15px 0; background:#fff url(/images/background/div_bg_03.jpg) repeat-x; text-align:justify;}
.primary .hasUl ul{ margin-top:10px; overflow:hidden; zoom:1; }
.primary .hasUl li{ float:left; background:url(/images/logo/ico/ico_cusp_line2.gif) no-repeat 0 7px; padding-left:11px; margin-bottom:5px; }
.primary .hasUl .threeCol li{ width:46%;}
.primary .hasUl .fourCol li{ width:30%; }

.primary .tourBox .tourT{padding:3px 20px; height:21px; line-height:20px;font-size:16px;color:#fff; background: url(/images/background/border_title_02.gif) no-repeat right top;}

.primary sup{color:#f60; font-style:italic; margin-left:2px;}
.primary .chooseUs{ background:url(/images/008.jpg) no-repeat; margin:15px 10px; padding:0; overflow:hidden; zoom:1; border:none;}
.primary .chooseUs dt{ float:left; width:114px; margin:0; padding:10px 0 0; background:none; text-align:center; font-weight:bold; font-size:20px;}
.primary .chooseUs dt a{ color:#fff; text-decoration:none;}
.primary .chooseUs dd{ float:left; width:71%; padding:9px 0 9px 10px; margin:0;}
.primary .chooseUs li{ margin-bottom:3px; padding-left:20px; background:url(/images/logo/ico/p01.png) no-repeat 0 3px;}
.primary .chooseUs li a{ color:#000;}

.primary .more{ background:#fff; text-align:right; font-weight:bold; padding:0 10px;}
.primary .more span{padding-left:20px;background:url(/images/logo/ico/ico_arrow_1.gif) no-repeat 0 50%;}
/*  guideBox   */
.primary .guideBox{ position:relative;margin:0 1% 20px 4%;_margin-right:3%; background:#FB9703 url(/images/background/border_title_01.gif) no-repeat;}
.primary .guideBox .tourT{padding:3px 20px; height:21px; line-height:20px; font-size:16px;color:#fff; background: url(/images/background/border_title_02.gif) no-repeat right;}
.primary .guideBox .tourT a, .tourBox .tourT a{ color:#fff;}
.primary .guide { position:relative; border:solid 1px #ccc; background:#fff url(/images/background/bgj027.jpg) repeat-x; padding:85px 5px 5px;}
.primary .guide .guideTxt{ position:absolute; left:240px; top:10px; right:20px; color:#fff; }
.primary .guide .guideBg{ position:absolute; left:0; _left:-5px; top:0; _top:1px; width:245px; height:111px; background:url(/images/background/bgj028-.jpg) no-repeat;}

#cityPic { position:relative; float:left; left:15px; top:18px; width:161px; height:358px; overflow:hidden; }

.primary .guide .wrap li, .primary .guide .wrap2 li {float:left; width:21%; margin-bottom:5px; padding-left:15px; background: url(/images/logo/ico/ico_dot_2.gif) no-repeat 0 50%; font-size:13px; }
.primary .guide .wrap{ height:230px; min-height:230px; margin:0 5px; padding:25px 18px 10px; border:solid 1px #D0DEED; border-top:none; background:#F7FAFF url(/images/background/bgj029.jpg) repeat-x;}

.primary .guide .wrap .recom{ background:url(/images/logo/ico/hot.gif) no-repeat; padding:0 5px; margin-left:3px;}
.primary .guide .wrap .clear, .primary .guide .wrap2 .clear{ clear:both; background-image:none; float:none; font-size:0; line-height:0;}
.primary .guide .wrap2 { margin:10px 5px; padding:10px 18px; border:solid 1px #D0DEED; background:#F7FAFF;height:95px; min-height:95px; overflow:hidden;}
.primary .guide .wrap2 li{ width:30%; _width:29%;}
.primary .guide .wrap2 .topAtt{ float:none; width:98%; _width:96%; border-bottom:dashed 1px #ccc; background:url(/images/logo/ico/arrow_blue3.gif) no-repeat 5px 5px; padding-bottom:5px;  text-indent:5px; color:#36c; font-weight:bold; font-size:14px;}
.primary .toolkit{ margin:0; padding:5px 10px 10px; border:1px solid #dfdfdf;  background:#fff;}
.primary .toolkit dl{float:left; width:32%; margin-top:5px; margin-right:0.5%; padding:1px; border:1px solid #d6d6d6; height:220px; position:relative;}
.primary .toolkit dd{margin:10px;}
.primary .toolkit dd .img{ display:block; margin:4px auto; padding:5px; border:solid 1px #ccc;}
.primary .toolkit dd ul{margin-left:10px;}
.primary .toolkit dd li{margin:5px 0; width:100%;}
.primary .toolkit dt{ background:#f2f2f2 url(/images/logo/ico/arrow_blue3.gif) no-repeat 15px 13px; padding-left:30px;height:38px;line-height:35px;font-weight:bold;font-size:14px;}
.primary .toolkit .climate{margin:2px; background:url(/images/background/bg_climate_01.jpg) repeat-x; padding:2px;}
.primary .toolkit dd.climate p{ margin:15px 8px 0;}
.primary .toolkit .climate ul{ margin:0;}
.primary .toolkit .climate li{ width:140px; margin:4px auto; border:1px solid #D6D6D6; background:#fff; padding:0px 5px; font:12px Arial, Helvetica, sans-serif; }
.primary .toolkit .climate li span{ float:left; width:110px; display:block; line-height:24px;}
.primary .toolkit .climate li img{behavior: url(/tour/images/background/iepngfix.htc);}
.primary .toolkit .visaEmbassy dt{ margin-top:8px; background:url(/images/logo/ico/arrow_blue3.gif) no-repeat 10px 6px; font-size:12px; height:20px; line-height:20px; padding-left:20px; }
.primary .toolkit .visaEmbassy dd{ margin:0 5px 15px 15px;}

.right .sideBar{ float:right;width:21%; margin-right:1%; margin-top:12px;  position:relative; top:0px;}

.hotelB{margin:8px auto;width:170px;}
.hotelB .title2{height:27px; line-height:27px; background:url(/images/background/box_bg_blue_top_01.png) no-repeat; color:#fff; font-size:13px; font-weight:bold; text-align:center;}
.hotelB .title2 a{ color:#fff;}
.hotelB dl,.hotelB ul, .hotelB p{ margin-top:0;padding:10px;border:1px solid #bedef5; border-top:0; background:#eff6fe;color:#01487c;}
.hotelB dt,.hotelB li{ margin-bottom:2px; padding-left:10px; background: url(/images/logo/ico/ico_dot.gif) no-repeat 0 7px;font-size:13px; }


/* join  */
#joinUs{ width:170px; margin:8px auto; border-bottom:solid 1px #ccc; }
#joinUs .title2{height:27px; line-height:27px; background:url(/images/background/bgp011.png) no-repeat; color:#fff; font-size:14px; font-weight:bold; text-align:center;}

#joinUs dl{padding:5px 10px; border:1px solid #ccc; border-top:none; border-bottom:none; color:#01487c;}
#joinUs dt{padding-left:40px; font-weight:bold; line-height:32px;}
#joinUs dd{ margin:0 0 8px 8px;}
#joinUs .travel{background:url(/images/logo/ico/ico_qa_02.png) no-repeat left center;}
#joinUs .community{background:url(/images/logo/ico/ico_com_02.png) no-repeat left center;}
#joinUs .video{background:url(/images/logo/ico/ico_video_02.png) no-repeat left center;}
#joinUs .radioCom a{ display:block; background:url(/images/logo/ico/ico_dot.gif) no-repeat 0 7px; padding-left:10px;}
.follow{ width:170px; margin:0 auto;}
.follow img{ vertical-align:middle; margin-right:3px;}
.follow dt{ margin-bottom:3px;}

/* footer */
#footer{ padding-top:20px;}
#footer .topLine{ background:url(/images/logo/line/line-dot.gif) repeat-x; padding-top:20px;}
#footer ul{ width:635px; margin:10px auto;}
#footer li{ float:left; display:inline; margin:0 1%; text-align:left;}
#footer{ text-align:center;}
#footer .footTel{font-size:10px; line-height:120%;color:#666;}

#cookVist{ margin:8px 0;}

/* newsletter */
#newsLetter{ width:170px; margin:8px auto; background:#f9f9f9 url(/images/background/bg_newsletter.png) no-repeat; border:#d0d0d0 solid 1px; padding:52px 0 8px; font:14px Verdana, Arial, Helvetica, sans-serif;}
#newsLetter form{ background:#f9f9f9; padding:5px 10px;}
#newsLetter .inputTxt{ border:#ccc solid 1px; width:140px; padding:2px 4px; font:12px Verdana, Arial, Helvetica, sans-serif; margin-bottom:8px;}
#newsLetter .subscribe{ width:84px; height:23px;background:url(/images/background/btn_subscribe.png) no-repeat; margin:0 0 0 30px; border:none;cursor:pointer;}
#newsLetter a{ background:url(/images/logo/ico/arrow-r-blue.gif) no-repeat 20px 5px; padding-left:33px;}
/* End newsletter */


/* How to Book */
#bookBox{ width:197px; height:257px; margin:15px auto; padding:0; background:url(/images/background/bg_orange_07.jpg) no-repeat;}
#bookBox .h3{ text-align:center; line-height:35px; font-size:15px; color:#fff;}
#bookBox .h3 a{ color:#fff;}
#bookBox ul{ margin:20px; font-size:14px;}
#bookBox li{ background:url(/images/background/bg_icon_08.gif) no-repeat 10px bottom; padding-bottom:12px; margin-bottom:5px; color:#000;}
#bookBox .noBg{ background:none;}
#bookBox li span{ color:#f60; margin-right:5px;}
/* End How to Book */


.visitCook{ width:170px; height:195px; margin-top:8px; background:url(/images/media/visit-cooking.jpg) no-repeat; padding-top:35px;}
.visitCook a{ display:block; font-weight:bold; text-align:center; color:#fff; font-size:14px;}
.visitCook a:hover{ color:#fff;} 


/*added*/
body{ background:#fff url(/images/background/bgj037.jpg) repeat-x 0 70px; margin:0; padding:0;}
#header, #main, #footer, .content, .footer{ width:995px; margin:0 auto; background:#fff; }
#header{ position:relative; z-index:1;}
.center{ background:#fff;}
#mainNav{ overflow:hidden; zoom:1; position:relative; padding-left:12px;}
#mainNav li.current{ height:22px; line-height:22px;float:left;margin-top:1px;margin-left:1px; padding:0; background:url(/images/logo/patte/icon_list_01.png) no-repeat 0 50%;}
#mainNav li.current a, #mainNav li.current a:hover{padding-bottom:10px;background:#05467b url(/images/logo/patte/menu_bg_02.png) repeat-x;color:#fff;}

#mainNav .clt2, #mainNav .crt2{ position:absolute; width:10px; height:10px; top:-1px; background:url(/images/background/bgp036.png) no-repeat;}
#mainNav .clt2{ background-position:0 0; left:-1px;}
#mainNav .crt2{ background-position:-10px 0; right:-1px;}

.headBg, .left{ border-left: solid 1px #ccc; position:relative;}
.headBg{ border-bottom:none;}
.center{ margin-left:3%;}
.leftBg2, .rightBg2{ position:absolute; width:5px; height:627px; top:-40px; background:url(/images/background/bgj036.jpg) no-repeat;}
.leftBg2{ background-position:0 0; left:-5px;}
.rightBg2{ background-position:-5px 0; right:-5px;}


.loginBox .memInfo{ margin-top:10px; font-size:12px; line-height:20px;}
.loginBox .msg{ margin-left:15px; background:url(/images/background/bgg001.gif) no-repeat; padding:2px 5px 8px 25px; font-size:11px; font-weight:bold; color:#e47e00; cursor:pointer;}

#msgBox{ display:none; position:absolute; top:35px; right:15px; width:370px; height:260px; border:solid 1px #ccc; background:#fff url(/images/background/bgp037.png) repeat-x; z-index:999;}
#msgBox h2, #msgBox h3{ margin:10px 15px; font-size:14px;}
#msgBox h3{ padding-left:25px; background:url(/images/logo/ico/p02.png) no-repeat left center; color:#f60; text-decoration:underline;}
#msgBox .fr{ float:right; padding-left:15px; background:url(/images/logo/ico/p03.png) no-repeat left center; color:#d70404; font-weight:normal; font-size:12px; text-decoration:none;}
#msgBox .msgLi{ margin:5px; padding-top:5px; background:url(/images/logo/line/line-dot.gif) repeat-x; font-size:12px; line-height:1.5;}
#msgBox .msgLi li{ width:330px; overflow:hidden; zoom:1; padding:5px 10px 5px 20px; background:url(/images/logo/ico/ico_dot.gif) no-repeat 10px 12px;}
#msgBox .msgLi .greyBg{ background-color:#F2F2F2;}
#msgBox .msgLi .close{ float:right; margin-top:3px; background:url(/images/logo/ico/p03.png) no-repeat; padding:8px; cursor:pointer;}


#tourClick{ display:block; position:absolute; top:0; left:10px; width:170px; padding-top:140px; text-align:center}

.left{ margin-bottom:20px;}
.leftMenu{ margin-right:0;}
.cityNav2{ width:174px; margin:0 auto;}