@charset "utf-8";
/* CSS Document */
/*common styles*/
body{font-family:Verdana,Arial,Helvetica,sans-serif; font-size:0.75em; line-height:1.8em; text-transform:none; color:#000; background: url(/images/bg/body_bg_spring.jpg) no-repeat top center #fff6e9; }
body img{border:0;}
*{margin:0; padding:0; font-family:Verdana, Geneva, sans-serif;}
.clear{font-size:1px; height:0px; line-height:0px; clear:both;}
a{color:#333; text-decoration:none;}
a:visited{color:#545454;}
a:hover{color:#a02a02;}
textarea{font-family:Verdana, Geneva, sans-serif; border:1px solid #cbcbcb; padding:3px;}
label{ cursor:pointer;}
input{font-family:Verdana, Geneva, sans-serif;}
.roundCorner{ border-radius:5px; radius:5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.grayFont{ color:#999;}
.StyleNone{display:none}

/*layout*/
#wrap{ width:900px; height:auto; margin:0px auto; background:#fff; box-shadow:2px 2px 3px #c5beb4, -2px 0px 3px #c5beb4; -moz-box-shadow:2px 2px 3px #c5beb4, -2px 0px 3px #c5beb4; -webkit-box-shadow:2px 2px 3px #c5beb4, -2px 0px 3px #c5beb4;  behavior: url(/css/ie-css3/PIE.htc);  }
#container #siteHome{width: 880px; margin:auto;}
#container #siteLeft{ width:260px; float:left;}
#container #siteRight{width:600px; _width:595px; margin-left:12px; float:left;}
/*header area*/
#header{background: #FEF2D7; width:900px; height:125px;}
#header #logo{width:180px; height:100px; z-index:1; left:89px; top:72px; padding-top:10px; padding-left:30px; background-color:#FEF2D8; float:left;}
#header .headerRight{ float:left; width:690px; height:110px;}
#header .headerRight .headerAd{margin-top:5px; padding-right:5px;}
#header .headerRight .headerAd img{ width:685px; height:80px;}
#header .headerUserlog{ width:auto; height:20px; padding:5px; font-size:11px; float:right; padding-right:20px;}
#header .headerUserlog img{margin-right:10px; float:left;}
#header .headerUserlog span{ float:left; padding-top:6px;}
#header .headerUserlog a{color:#000; font-style:italic; text-decoration:underline;}
#header .headerUserlog a:hover{color:#a03022;}

/*top menu*/
#topMenu{width:895px; margin:0px auto; }
#topMenu ul{ padding:0 0 0 18px; background:url(/pic/menu/menur_bg.gif) repeat-x; height:51px; list-style:none;}
#topMenu ul li{float:left;}
#topMenu ul li a{float:left; display:block; color:#000; text-decoration:none; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px; font-weight:bold; padding:0 0px 0 15px; height:46px; line-height:46px; text-align:center; cursor:pointer;}
#topMenu ul li a b{float:left; display:block; padding:0 12px 0 6px;}
#topMenu ul li.current a, #topMenu ul li a:hover{color:#fff; background:url(/pic/menu/menur_hover_left.gif) no-repeat; background-position:left;}
#topMenu ul li.current, #topMenu ul li:hover{ background:url(/pic/menu/tri.gif) no-repeat bottom center; height:51px;}
#topMenu ul li.current a b, #topMenu ul li a:hover b{color:#fff; background:url(/pic/menu/menur_hover_right.gif) no-repeat right top;}


/*sub top menu*/
#subTopmenu{ background:url(/pic/menu/sub_1.gif) no-repeat left #C30505; height:34px; width:880px; margin:auto; margin-top:0px !important; margin-bottom:20px; }
#subTopmenu div{background:url(/pic/menu/sub_2.gif) no-repeat right; width:870px; height:27px; padding:7px 5px 0px 10px; color:#fff;}
#subTopmenu div ul{ list-style:none;}
#subTopmenu div ul li{display:inline; margin-right:20px;}
#subTopmenu div ul li a{color:#fff; text-decoration:none;}
#subTopmenu div ul li a:hover{ font-weight:bold; text-decoration:none;}
#subTopmenu .StyleNone{ display:none;}

/*footer*/
#siteFooter{width:900px; height:auto; margin-top:15px; margin-bottom:2px; background:url(/images/bg/bg_btm2.jpg) bottom center no-repeat #fff;}
#siteFooter table.siteSearch{ width:875px; height:45px; background:url(/images/tours/site_search_bg.jpg) no-repeat; margin:5px auto; margin-bottom:5px;}
#siteFooter table.siteSearch th{color:#ffffff; text-align:left; width:140px; padding-left:20px; font-size:15px;}
#siteFooter table.siteSearch td{ width: auto; padding-left:15px;}
#siteFooter table.siteSearch input.searchContent{border:none !important; color:#000; padding-bottom:2px; padding-top:1px; *padding:0px; font-size:13px; float:left; font-family:Verdana, Geneva, sans-serif; width:480px; }
#siteFooter table.siteSearch td.searchBt{width:148px; text-align:left; padding-left:15px;}
#siteFooter table.siteSearch input.buttonSearch2{ width:108px; height:35px; cursor:pointer; background-color:#AB2A0A; border:none; }
#siteFooter .tb{ background:url(/images/tours/bg_1.jpg) no-repeat top center; width:879px; height:18px; margin:5px auto; margin-bottom:0px;}
#siteFooter .bb{ background:url(/images/tours/bg_2.jpg) no-repeat bottom center; width:877px; height:20px; margin:5px auto; margin-top:0px !important; padding:0px !important;}
#siteFooter table.siteRelated{ background:url(/images/tours/bg_3.jpg) repeat-x; width:877px; border-left:1px solid #cbcbcb; border-right:1px solid #cbcbcb; margin:5px auto; margin-top:0px; margin-bottom:0px !important; padding-bottom:0px !important; line-height:22px; }
#siteFooter table.siteRelated th{text-align:left; padding-left:30px; font-size:13px; font-weight:bold; padding-bottom:5px;}
#siteFooter table.siteRelated th.btMargin{ padding-top:5px;}
#siteFooter table.siteRelated td{text-align:left; padding-left:30px;  font-size:12px;}
#siteFooter table.siteRelated td.borderGray{padding-bottom:5px; border-bottom:1px dashed #cbcbcb;}
#siteFooter table.siteRelated td img{ margin:0px !important;}
#siteFooter table.siteRelated td a{color:#000; text-decoration:none;}
#siteFooter table.siteRelated td a:visited{color:#545454; text-decoration:none;}
#siteFooter table.siteRelated td a:hover{color:#a01a01; text-decoration: underline;}
#siteFooter .btLink{ text-align:center; line-height:14px;}
#siteFooter .btLink p{padding:2px 10px 2px 10px; margin:0px; line-height:15px; font-size:11px; color:#666; text-align:center;}
#siteFooter .btLink a{color:#666; text-decoration:none;}
#siteFooter .btLink a:hover{color:#a01a01 !important; text-decoration:underline;}
#siteFooter .btLink img{margin:5px; margin-bottom:15px;}

/*siteLeft area*/
#container #siteLeft .allSearch{ border:1px solid #efda8f; width:260px; background:url(/images/homepage/bg-1.gif) repeat-x bottom left #fff; margin-bottom:10px;}
#container #siteLeft .allSearch ul#cate{width:260px; background:url(/images/bg/bg-tabs-pink.gif) repeat-x;}
#container #siteLeft .allSearch ul#cate li{display:block; float:left ; border-right:#efda8f 1px solid; border-bottom:1px solid #efda8f; text-align:center; width:64px; line-height:41px; list-style:none; font-weight:bold; cursor:pointer; }
#container #siteLeft .allSearch ul#cate li#bno{ border-right:none; *line-height:40px; }
#container #siteLeft .allSearch ul#cate li:hover, #container #siteLeft .allSearch ul#cate li.active{background:#fff; border-bottom: 1px solid #fff; color:#a13022; }
.noDisplay {display:none;}
#container #siteLeft .allSearch .searchArea{padding:10px; padding-top:20px;}
#container #siteLeft .allSearch .searchArea p{ margin-bottom:5px; margin-left:5px;}
#container #siteLeft .allSearch .searchArea input.ct{ border:1px solid #7f9db9; padding:5px 3px; width:180px;}
#container #siteLeft .allSearch .searchArea input.date{ width:98px; background: url(/pic/calender.gif) 98% 3px  no-repeat #fff; border: 1px solid #7F9DB9; color: #333333; font-family: Verdana,Geneva,sans-serif; font-size:11px; padding:5px 3px; margin-right:10px; float:left; margin-bottom:5px;}
#container #siteLeft .allSearch .searchArea input.date2{ width:180px;}
#container #siteLeft .allSearch .searchArea dl.seCity{ margin-left:5px; }
#container #siteLeft .allSearch .searchArea dl.seCity dt{ font-weight:bold; margin-bottom:5px;}
#container #siteLeft .allSearch .searchArea dl.seCity dd{ margin-bottom:10px;}
#container #siteLeft .allSearch .searchArea dl.seCity dd select{ width:190px;border:1px solid #7f9db9; padding:5px 3px;}
#container #siteLeft .allSearch .searchArea .bt{ margin-top:10px;}
#container #siteLeft .allSearch .grayFont{ padding:0px 10px; font-size:11px; margin-bottom:10px; color:#333;}
#container #siteLeft .allSearch .citySelect{background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #797979;font-family: Verdana,Geneva,sans-serif;font-size: 11px; padding: 10px;}
#container #siteLeft .allSearch .citySelect ul{ border:0px; font-weight:normal;}
#container #siteLeft .allSearch .citySelect ul li{display: block;float: left;margin-right: 5px;width: 90px; background:none; border:0px; font-weight:normal; text-align:justify; list-style:none; margin-right:10px;}
#container #siteLeft .boxLeft{ border:1px solid #dbd8d8; margin-bottom:10px;}
#container #siteLeft .boxLeft h2{ font-size:13px; background:#f4f4f4; padding:5px; padding-left:15px;}
#container #siteLeft .boxLeft ul.whyus{ margin-left:10px; margin:5px; }
#container #siteLeft .boxLeft ul.whyus li{ list-style:none; background: url(/images/homepage/gou.gif) left 5px no-repeat; padding-left:20px; margin-bottom:5px; }
#container #siteLeft .boxLeft ul.best{ margin-left:10px; margin:5px; }
#container #siteLeft .boxLeft ul.best li{ list-style:none; background: url(/images/homepage/jiantou.png) left 5px no-repeat; padding-left:20px; margin-bottom:5px; }
#container #siteLeft .boxLeft .tool{ padding:10px; height:1%;}
#container #siteLeft .boxLeft .tool span{ float:left; margin-right:5px; margin-left:5px;}
#container #siteLeft .boxLeft .mail{ padding:10px; padding-left:70px; background:url(/images/homepage/mail.png) no-repeat left center;}
#container #siteLeft .boxLeft .comm{ padding:10px;}
#container #siteLeft .boxLeft .comm table th{ padding:5px; padding-top:8px; vertical-align:top; border-bottom:1px #ccc dashed;} 
#container #siteLeft .boxLeft .comm table td{ padding:5px; vertical-align:top; border-bottom:1px #ccc dashed;}
#container #siteLeft .boxLeft a{ font-style:italic;}
#container #siteLeft .boxLeft a:visited{ color:#545454;}
#container #siteLeft .boxLeft a:hover{ color:#a13022;}

/*siteRight area*/
/* SLIDESHOW*/
#slideshow { width:600px; _width: 585px; background:#4d4c4c; padding:5px; margin-bottom:10px;}
#slideshow ul {margin: 0 ;padding: 0;list-style-type: none; height: 1%; /* IE fix */}
#slideshow ul:after {content: "."; clear: both; display: block; height: 0; visibility: hidden;}        
/*SLIDESHOW > SLIDES*/
#slideshow .slides {overflow: hidden; width:600px; _width: 585px;}
#slideshow .slides li {float: left;}
#slideshow .slides li span.leftPic{ display:block; width:430px; height:250px; float:left; }
#slideshow .slides li span.leftPic img{ width:430px; height:250px;}
#slideshow .slides li span.rightWord{ width:160px; _width:130px; display:block; padding:10px 0px; float:left; text-align:center; color:#fff; padding-top:30px; margin-left:10px; }
#slideshow .slides li span.rightWord h2, #slideshow .slides li span.rightWord h2 a{ font-family: Corbel, Helvetica,Geneva, Verdana, Arial; font-size:15px; font-weight:bold; }
#slideshow .slides li span.rightWord p{ font-family: Helvetica,Geneva, Verdana, Arial; font-size:13px; }
#slideshow .slides li span.rightWord a{ color:#fde503; text-decoration:none;}
#slideshow .slides li span.rightWord a:hover{ color:#fff; text-decoration:underline;}

/* SLIDESHOW > NAVIGATION*/
#slideshow .slides-nav{width:600px; _width: 585px; background:url(/images/homepage/bg-2.gif) repeat-x bottom center #4d4c4c; color:#fde503; height:45px;}
#slideshow .slides-nav li{ list-style:none; float:left; padding:15px 5px 5px 5px; display:block; margin-right:5px; margin-left:5px; cursor:pointer; }
#slideshow .slides-nav li:hover span{background:#c2654e; border-radius:5px; padding:8px 5px;}
.js #slideshow .slides-nav li.on{ background: url(/images/homepage/tri-1.png) no-repeat top center; _background-image:none; padding:14px 0px 5px 0px; _padding-top:15px;}
.js #slideshow .slides-nav li.on a{ color:#fff; background:#aa2a0a; padding:6px 5px; font-family:Corbel, Verdana, Geneva, sans-serif; font-size:13px;}
#slideshow .slides-nav li a{ color:#fde503; text-decoration:none; font-weight:normal; outline: none;}
#slideshow .slides-nav li a:hover{ color:#fff;}

#container #siteRight .boxRight{ border:1px solid #efda8f; margin-bottom:10px; height:1%; width:605px; _width: 595px;}
#container #siteRight .boxRight h2{ background:#fef2d8; padding:5px; padding-left:15px; font-size:13px;}
#container #siteRight .boxRight a:visited{ color:#545454;}
#container #siteRight .boxRight a:hover{ color:#a13022;}
#container #siteRight .boxRight .deal{ float:left; margin:10px 8px 10px 0px; _margin:10px 5px 10px 0px; width:140px; text-align:center;  }
#container #siteRight .boxRight .d1{ margin-left:10px; _margin-left:5px;}
#container #siteRight .boxRight .deal span.note{font-size:11px; color:#333;}
#container #siteRight .boxRight .deal span.priceRed{ color:red;}
#container #siteRight .boxRight .deal img{ width:140px; _width:137px; height:110px;}
#container #siteRight .boxShort{border:1px solid #efda8f; width:295px; _width:285px; float:left; margin-right:10px; _margin-right:5px; margin-bottom:10px; padding-bottom:5px; }
#container #siteRight .b2{ margin-right:0px; width:290px; _width:280px; }
#container #siteRight .boxShort h2{ background:#fef2d8; padding:5px; padding-left:15px; font-size:13px; }
#container #siteRight .boxShort .popCity{ padding:10px;}
#container #siteRight .boxShort .popCity img{ margin-top:3px; width:275px; height:100px;}
#container #siteRight .boxShort ul.city{ padding:5px;}
#container #siteRight .boxShort ul.city li{ list-style:none; width:115px; display:block; float:left; margin-right:5px; background:url(/images/homepage/jiantou.png) left center no-repeat; padding-left:20px; }
#container #siteRight .boxShort a:visited{ color:#545454;}
#container #siteRight .boxShort a:hover{ color:#a13022;}
#container #siteRight .rigtMore{ text-align:right; padding-right:15px; margin-bottom:5px;}
#container #siteRight .banAd{ margin-bottom:10px;}

/*Hotel Flights Search Dropdown Menu*/
.dropdownMenu { width:350px; border:#ccc 1px solid; background-color:#fff; color:#666;}
.dropdownMenu a { color:#666; text-decoration:none;}
.dropdownMenuTitle { border-bottom:#ccc 1px solid; padding:5px; background-color:#f4f4f4;}
span.closeBtn { display:block; float:right;}
span.dropDownLeft {display:block; float: left; font-weight:bold; }
ul.dropDownList { padding:10px; padding-bottom:20px;}
ul.dropDownList li { display:block; width:110px; float:left; line-height:25px; }
li.moreHotels { float:right!important;  display:block; border:none!important;}
.dropdownMenu a:hover {color:red;}	/*CJ*/
.promoTabs ul.promoTabsMenu li.moreHotels:hover {background:none;}	/*CJ*/

/*用于表单弹出提示框*/
.arrowDownTest {font-size:12px;border:#999 1px solid; padding:0px 4px; display :block; position:absolute; background-color:#FFF; color: #a31022; z-index:1000; -moz-border-radius: 4px; }
.arrowDownTest * {margin:0;padding:0;}
.arrowDown { position:absolute; top: 20px; left:4px; }
.arrowDown {top:21px;*top:22px;}