@charset "utf-8";
@import "form-template.css";
body{font:14px/22px '微軟正黑體',  Arial, Helvetica, sans-serif; text-align:center; color:#666; background: url(/img/background/main.jpg) center top repeat;}
p{margin-bottom:20px; text-align:justify;}
a{color:#01669C;}
a:hover{ text-decoration:underline;}
.grey,a.grey,.grey a{color:#9c9c9c;}
.green,a.green,.greena a{color:#596216;}
.dark-green,a.dark-green,.dark-green a{color:#536900;}
.red,a.red,.red a{color:#bd1d11;}
.gold,a.gold,.gold a{color:#c29d24;}
.white,a.white,.white a{color:#FFF;}
.brown,a.brown,.brown a{color:#c17c03;}
.black-text,a.black-text,.black-text a{color:#000;}
.blue,.blue a, a.blue{color:#114c88;}
.dark-blue,.dark-blue a, a.dark-blue{color:#0E4369;}
.pink,.pink a,a.pink{color:#df6877;}
.shap-blue,a.shap-blue,.shap-blue a{color:#059ad9;}
.light-blue,.light-blue a,a.light-blue{color:#2198d6;}
.grey-blue,.grey-blue a,a.grey-blue{color:#829aa4;}
.orange,.orange a,a.orange,a:hover.orange{color:#fe8f00;}
.puple,a.puple, puple a{color:#cc79d8;}
.dark-puple,a.dark-puple, .dark-puple a{color:#5463ae;}
.dark-yellow,a.dark-yellow, .dark-yellow a{color:#f2b705;}
.light-puple,a.light-puple, light-puple a{color:#948bc3;}
.topBar{
	position:fixed !important;
    position: absolute; /*ie6 and above*/
    top: 0px;
	background:#000;
	width:100%;
	z-index:999;
	left:0;
	text-align:center;
	height:50px;
	background:#b80d00;}
.topBar{
_background:#b80d00;;
_position:relative;
_bottom:auto;
_top:auto;
}
.topMenu{list-style:none; margin:0 auto; overflow:hidden; /*width:699px; padding-left:295px;*/width:940px; padding-left:50px; display:inline-block;}
.topMenu a{ display:inline-block; height:18px; background: url(../img/topMenu.png) left top no-repeat; margin-top:16px;}
.topMenu li{float:left;}
.topMenu a.topMenuBtn1{ background-position: -40px top; width:46px;}
.topMenu a.topMenuBtn2{ background-position: -86px top; width:74px;}
.topMenu a.topMenuBtn3{ background-position: -160px top; width:87px;}
.topMenu a.topMenuBtn4{ background-position: -247px top; width:74px;}
.topMenu a.topMenuBtn5{ background-position: -321px top; width:74px;}
.topMenu a.topMenuBtn6{ background-position: -395px top; width:86px;}
.topMenu a.topMenuBtn7{ background-position: -481px top; width:79px; margin-right:10px;}
.topMenu a.topMenuBtn8{background:url(../img/iconShare.jpg) -32px top no-repeat; width:22px; height:22px; margin-top:13px; margin-right:15px;}
.topMenu a.topMenuBtn1:hover{ background-position: -40px -20px;}
.topMenu a.topMenuBtn2:hover{ background-position: -86px -20px;}
.topMenu a.topMenuBtn3:hover{ background-position: -160px -20px;}
.topMenu a.topMenuBtn4:hover{ background-position: -247px -20px;}
.topMenu a.topMenuBtn5:hover{ background-position: -321px -20px;}
.topMenu a.topMenuBtn6:hover{ background-position: -395px -20px;}
.topMenu a.topMenuBtn7:hover{ background-position: -481px -20px;}
.topMenu a.lang{background:none; color:#FFF; line-height:15px;}
.mainSearchBox{width:117px; color:#000;}
a.btnAdvanceSearch{background:url(../img/advanSearch.jpg) left top no-repeat; width:62px; height:28px; float:left; padding:0; margin:0;}
.header{width:994px; overflow:hidden; margin:0 auto; padding-top:60px; _padding-top:10px; background:#FFF}
a.logo{background:url(../img/logo.jpg) left top no-repeat; width:171px; display:block; margin-right:43px; height:104px;}
.topBanner{width:728px; height:90px; float:left;}
.contentMenu{list-style:none; padding-top:10px;}
.contentMenu li{float:left;padding-right:40px;}
.contentMenu li.btn1{padding-left:6px;}
.contentMenu li.btn10{ padding-right:0px;}
.contentMenu a{display:block; height:21px; background:url(../img/contentMenu.jpg) left top no-repeat; width:42px; }
.contentMenu li.btn1 a{background-position: -42px top; }
.contentMenu li.btn2 a{background-position: -119px top; }
.contentMenu li.btn3 a{background-position: -196px top; }
.contentMenu li.btn4 a{background-position: -273px top; }
.contentMenu li.btn5 a{background-position: -350px top; }
.contentMenu li.btn6 a{background-position: -427px top; }
.contentMenu li.btn7 a{background-position: -504px top; }
.contentMenu li.btn8 a{background-position: -581px top; width:56px;}
.contentMenu li.btn9 a{background-position: -672px top; width:56px;}
.contentMenu li.btn10 a{background-position: -761px top; width:59px;}
.contentMenu li.btn1 a:hover{background-position: -42px -21px; }
.contentMenu li.btn2 a:hover{background-position: -119px -21px; }
.contentMenu li.btn3 a:hover{background-position: -196px -21px; }
.contentMenu li.btn4 a:hover{background-position: -273px -21px; }
.contentMenu li.btn5 a:hover{background-position: -350px -21px; }
.contentMenu li.btn6 a:hover{background-position: -427px -21px; }
.contentMenu li.btn7 a:hover{background-position: -504px -21px; }
.contentMenu li.btn8 a:hover{background-position: -581px -21px; width:56px;}
.contentMenu li.btn9 a:hover{background-position: -672px -21px; width:56px;}
.contentMenu li.btn10 a:hover{background-position: -761px -21px; width:59px;}
/*.flashCon{float:left; overflow:hidden; width:994px;}*/
.slideCon{float:left; overflow:hidden; width:496px; position:relative; height:362px; margin-bottom:10px;}
.content{width:994px; margin:0 auto; background:#FFF; overflow:hidden;}
.news{background:url(../img/bgNews.jpg) left top no-repeat; width:476px; height:41px; padding:8px 0 0 5px;}
a.newsLink{display:block;}
a.newsLink span{float:left; display:block; font:12px/1.5 Arial, Helvetica, sans-serif; color:#FFF;}
a.newsLink span.date{color:#add456;}
a:hover.newsLink span{text-decoration:underline;}
.innerContent{width:960px; padding:0 17px; float:left; position:relative; overflow:hidden;}
.recommend{width:204px;}
a.recomPic{border:1px solid #CCC; padding:3px; width:47px; height:47px;}
.recomRight{width:134px;}
ul.recom{list-style:none; margin:0 0 15px 0; padding:0; }
ul.recom li{ width:199px; padding:5px 10px 10px 0; background:url(../img/shadowRecom.jpg) left bottom no-repeat; overflow:hidden;}
.thaiFb{ padding-right:10px; width:194px;}
.searchBox{width:162px;}
.blogUpdate{width:416px; padding:0 10px;}
.blogUpdateUl{float:left; width:426px; list-style:none; padding:0; margin:0;}
.blogUpdateUl.blogLiving{background:#FFF; border:1px solid #DDDDDD; margin-top:5px; width:586px; padding:19px}
.blogUpdateUl li{border-bottom:1px dashed #81728a; padding:10px 0 20px 0; margin-bottom:10px; width:100%; float:left;}
.blogImgCon{position:relative; width:126px; height:114px; margin-right:10px; float:left;}
.blogImgCon img{position:absolute; z-index:1; left:11px; top:0; border:1px solid #CCC; padding:5px;}
.labelBlog{width:47px; height:34px; z-index:2; top:76px; left:2px; color:#FFF; font: normal 18px Georgia, "Times New Roman", Times, serif; background:url(../img/labelBlue.png) left top no-repeat; position:absolute; text-align:center;}
.blogUpdateDes{color:#666; width:290px;}
.blogUpdateDes div.icon{padding:5px 0 4px 24px; border-bottom:1px dashed #b80d00; width:320px; float:left; color:#b80d00; font-size:12px; line-height:16px;}
.blogUpdateDes div.icon a{color:#b80d00; text-decoration:underline}
.blogUpdateDes div.address{background:url(../img/icon_address.png) left center no-repeat;}
.blogUpdateDes div.thai-address{background:url(../img/icon_thai_address.png) left center no-repeat;}
.blogUpdateDes div.tel{background:url(../img/icon_phone.png) left center no-repeat;}
.blogUpdateDes div.email{background:url(../img/icon_email.png) left center no-repeat;}
.blogUpdateDes div.opening-hours{background:url(../img/icon_openinghrs.png) left center no-repeat;}
.blogUpdateDes div.fax{background:url(../img/icon_fax.png) left center no-repeat;}
.blogUpdateDes div.web{background:url(../img/icon_web.png) left center no-repeat;}
.blogUpdateDes div.buttons{width:345px; text-align:right;}
.blogUpdateDes div.buttons img{margin-top:20px;}
.blogUpdateDes div.buttons img:hover{opacity:0.8}
.blogUpdateUl.blogLiving .blogUpdateDes{width:450px;}
.blogDate{font:11px/1.5 Georgia, "Times New Roman", Times, serif;}
a.roundBlack{background:url(../img/roundBlack.jpg) left top no-repeat; text-align:center; color:#FFF; width:127px; height:27px; display:block; padding:5px 0 0 0;}
a:hover.roundBlack{text-decoration:none;}
ul.page{list-style:none; margin:10px 0 0;}
.page li{float:right; margin-right:1px;}
.page li a{display:block; width:28px; text-align:center; background:#fabe99; padding-top:8px; height:26px; color:#FFF;}
.page li a.active,.page li a:hover{background:#f68d4c; text-decoration:none;}
.homeRight{width:320px; overflow:hidden;}
.hotelBook{ background: url(../img/shadowAd.jpg) left top no-repeat; float:left; padding:12px 10px; width:300px;}
.hotelBook a{margin-bottom:5px;}
#agoda_searchbox{border:none;}
.homeRightBnr{background:url(../img/shadowAd.jpg) left top no-repeat; width:300px; float:left; padding:10px;}
.homeRightBnr p{margin-bottom:10px;}
.footer{width:100%; text-align:center; background:#f1f1f1 url(../img/shadowFooter.jpg) left top repeat-x; float:left; padding:20px 0; }
.footerInner{width:960px; margin:0 auto; overflow:hidden; text-align:center;}
ul.footerMenu{list-style:none; float:left; width:886px; padding-left:74px;}
ul.footerMenu li{float:left; padding:0 5px; color:#c5c5c5;}
ul.footerMenu li a{color:#868686;}
.blogLeft{width:586px; border:solid 1px #dddddd; padding:19px; background:#fff;}
ul.blogUl{list-style:none; float:left; width:100%;}
.innerblogImgCon{ width:211px; height:202px; margin-right:20px;}
.innerLabelBlog{top:156px;}
.innerBlogUpdateDes{width:355px;}
.neighboring{width:624px; border:1px solid #dddddd; border-top:none; float:left;}
.neighboringInner{width:582px; border:1px solid #fff; padding:10px 20px; background:#efefef; float:left;}
.neighboringInner h6{font-weight:normal;}
ul.shoplist{list-style:none; width:100%; float:left;}
ul.shoplist li{float:left; margin:0 10px 10px 0;}
.blogLeftCon{width:626px; float:left; margin-right:14px; display:inline; overflow:hidden; margin-top:5px;}
a.reply{display:block; float:left; padding:3px 5px; border:1px solid #e8e8e8; background:#f9f9f9; color:#b30000;}
ul.replyList{list-style:none; float:left; width:100%;}
ul.replyList li{width:584px; border:1px solid #dddddd; padding:20px; overflow:hidden; margin-bottom:20px;}
span.uname{font:24px Arial, Helvetica, sans-serif;}
.comment{width:484px; padding-right:20px;}
.userpic{ width:80px;}
span.date{font:12px/1.5 Arial, Helvetica, sans-serif;}
.blogRightCon{ width:320px; float:left; overflow:hidden;}
.map{background: url(../img/transparentShadow.png) left top no-repeat;padding:10px; width:300px;}
.mapDes{width:270px; padding:20px 15px; color:#FFF; background:#b80d00;}
.mapDes a{color:#f4eb9b;}
ul.productCon{list-style:none; float:left;}
ul.productCon li{float:left; margin:0 4px 4px 0;}
ul.productCon li.last{margin-right:0;}
.innerAdCon{width:300px; padding:0 0px; margin-top:20px;}
.blogtab{width:586px; float:left; border:1px solid #dddddd; padding:19px;}
.tab1{background:#FFF url(../img/bnrBangkok.jpg) left 35px no-repeat;}
.tab2{background:#FFF url(../img/bnrPattaya.jpg) left 35px no-repeat; border-top:none;}
.tab3{background:#FFF url(../img/bnrPhuket.jpg) left 35px no-repeat; border-top:none;}
.blog7{background:#FFF url(../img/bnrOther.jpg) left 35px no-repeat;}
.selectHotel{float:left; width:391px; padding-left:195px; padding-top:15px; height:240px;}
.selectHotel label,.selectHotel select{margin-bottom:5px; color:#000;}
.selectHotel label{color:#f25c05;}
.innerRightBanner{background:url(../img/transparentShadow.png) left top no-repeat;}
.bnrx6 img{width:468px; height:60px;}
.bnrx6 a{ float:left; margin-bottom:5px;}
.bnrx6 a.first{ margin-right:24px;}
.msliderCon {width:960px; float:left}
.mapCon {position:relative}
#map_controls{position:absolute; padding:0; z-index:2; top:70px;}
#map_controls input{margin:0 0 3px 7px;}
.hidden{display:none}
a.btnLeft,a.btnRight{display:block; background:url(../img/btnLeft.png) left top no-repeat; width:34px; height:34px; top:164px;  position:absolute; z-index:3;}
a.btnLeft{left:0;}
a.btnRight{right:0;  background:url(../img/btnRight.png) left top no-repeat; }
div#slider{width:462px;height:362px;overflow:hidden;margin-left:17px;position:relative}
.bnrCon{position:absolute; left:17px; top:0;  z-index:1; overflow:hidden; list-style:none; margin:0; padding:0; width:462px}
.bnrCon li{float:left; width:960px}
.bnrItem{position:absolute; right:17px; top:0; height:362px; z-index:2; width:260px; background:url(../img/transparentBg.png) left top repeat; list-style:none; margin:0; padding:0;}
.bnrItem li{border-bottom:1px solid #908f8e; padding:10px 20px 10px 10px; width:230px; height:99px;}
.bnrItem li.last{height:100px; border:none;}
.bnrItem img{float:left; margin-right:5px;}
span.shotDes{display:block; float:left; width:156px; overflow:hidden; color:#FFF;}
.bnrItem a:hover, .bnrItem a:hover span{text-decoration:none; color:#FF0;}
.advanceSearch ul{list-style:none; width:100%; float:left;}
.advanceSearch li{float:left; margin-right:15px; width:170px; margin-bottom:10px;}
.advanceSearch li label,.advanceSearch li input{float:left;}
.advanceSearch li label{width:150px;}
.advanceSearch ul.result li{width:100%; padding:5px 0; border-bottom:1px dashed #CCC;}
.tabMaster{ background: url("../img/webmasterInfo.jpg") no-repeat scroll left 35px #FFFFFF;}
.tabTravel{ background: url("../img/TravelInfo.jpg") no-repeat scroll left 35px #FFFFFF;}
.tabFAQ{ background: url("../img/FAQ.jpg") no-repeat scroll left 35px #FFFFFF;}
.couponTab{ background: url("../img/couponPic.jpg") no-repeat scroll left 35px #FFFFFF; padding-top:260px;}
.couponUl{float:left; width:100%;}
.couponUl li{border-bottom:1px dashed #E3E3E3; padding:15px 0 15px 0; width:293px; float:left;}
.couponLeft{width:220px;}
.couponRight{width:366px; float:left;}
a.button {
  background-attachment:initial;
  background-clip:initial;
  background-color:initial;
  background:url(../img/button-left.png) left top no-repeat;
  background-origin:initial;
  cursor:pointer;
  display:inline-block;
  padding-left:6px;
  text-decoration:none;
}
a.button span {
  background-attachment:initial;
  background-clip:initial;
  background-color:initial;
  background:url(../img/button-right.png) right top no-repeat;
  background-origin:initial;
  color:#FFFFFF;
  display:inline-block;
  font-size:12px;
  font-weight:bold;
  line-height:12px;
  padding-bottom:8px;
  padding-left:5px;
  padding-right:12px;
  padding-top:6px;
}
.blogCoupon{width:100%; float:left;}
.blogCoupon li{width:100%; float:left; padding:10px 0;}
.blogCoupon a{display:block; float:left;}
.blogCoupon img{float:left; margin-right:15px;}
.blogCoupon a span{}
.sitemap ul li{margin-bottom:20px;}
.counter{width:143px; height:24px; color:#FFFFFF; font: bold 12px/1.5 Arial, Helvetica, sans-serif; background:url(/img/counter.jpg) left top no-repeat; padding:6px 0 0 7px; float:left; margin-left:10px; margin-bottom:15px;}
.searchTab{background:#fff url(../img/searchPic.jpg) left top no-repeat;}
a.showcat{font-weight:bold;}
a.btnBlue{color:#FFFFFF; display:block; float:left; background:url(../img/btnBlue.jpg) left top no-repeat; padding-left:8px; height:23px;}
a.btnBlue span{display:block; color:#FFFFFF; padding:0px 8px 0 0; background:url(../img/btnBlue2.jpg) right top no-repeat; height:23px; text-decoration:none;}
a.btnGreen{background:url(../img/btnGreen.jpg) left top no-repeat;}
a.btnGreen span {background:url(../img/btnGreen2.jpg) right top no-repeat;}
.selectHotel p {margin-bottom:10px; line-height:14px}
div.bg-links {width:100%; z-index:0; cursor:pointer; background-position:center top;}
div.topBar, div.header, div.topBanner, div.content, div.footer {cursor:auto;}
#hotels_book{
	width: 100%;
	padding-top: 10px;
}
#hotels_searchbox{
	position: absolute; top:20px; left:320px; z-index:10; width:400px; height:290px; 
}

/* Content */
/*this is for top destinations tab*/
.twoColWrap2 .column {
	float:left;
	width:200px;
}

.twoColWrap2 .columnRight {
/*margin-left:11px;*/
}

.twoColWrap2 .column .alignLeft {
	float:left;
	margin:0 5px 20px 0;
}

#topDestination{
width: 630px;
margin-top: 20px;
height: 450px;
}

#topDestination2{
width: 630px;
margin-top: 20px;
height: 400px;
}

#topDestination3{
width: 630px;
margin-top: 20px;
height: 400px;

}