html,body{font-family:Arial,Tahoma, Helvetica, sans-serif;font-size:14px;line-height:22px; background-image:url(../image/bg.gif); }
/*\*/ * html div{height:1%;}
*{margin:0;padding:0;}
body,div,p,form,ul,ol,li,input,img,textarea,h1,h2,h3,h4,h5,h6,th,td,button,label,iframe,dl,dt,dd,select{margin:0;padding:0;outline:none;}
h1{font-size:22px; padding:6px 2px 6px 5px; }
h2{font-size:20px; padding:6px 2px 6px 5px; }
hr{ display:block; width:80px; height:5px; text-align:left; background-color:#AA8D1A; border:none; margin:3px 0 10px 20px; }
img{border:0;margin:0;}
ul li{list-style:none;}
a{color:#31261c;text-decoration:none;}
a:hover{text-decoration:underline;}
.clear{clear:both;overflow:hidden;font:0/0 Arial;}

.wrapper { margin:0 auto; max-width:680px; }
#photos H1 { background:rgba(235,201,141,0.1) url(../image/logo.png) no-repeat 8px 5px; padding-left:43px; padding-right:5px; line-height:30px; vertical-align:middle; font-size:22px; font-weight:normal; color:#AA730B; position:absolute; left:10px; top:10px; moz-user-select: -moz-none;-moz-user-select: none;-o-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;  -webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px; }
#photos .swiper { margin-bottom:6px; }
#photos .swiper IMG { width:100%; min-height:150px; max-height:400px; }
#photos .swiper.maxHeight IMG { max-height:150px; }
#reservationBox { background-color:#AA8D1A; -webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px; } 
#reservationBox H2 { color:White; padding-top:8px; padding-left:10px; }
#reservationBox .fixedHidden { width:100%; padding:3px 0; border-bottom:solid 2px #998033; display:none; }
#reservationBox .fixedBox { width:100%; padding:3px 0; border-bottom:solid 2px #998033; margin:0 auto; z-index:99; background-color:#AA8D1A; -webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px; }
#reservationBox .fixedBox.fixed { position:fixed; left:0; top:0; }
#reservationBox .fixedBox .innerBox { max-width:660px;margin:0 auto;background-color:White; padding:3px 5px;  -webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px; }
#reservationBox .fixedBox .innerBox #dateRange { text-align:center; padding:5px 5px 5px 36px; line-height:35px; height:35px; vertical-align:middle; font-size:18px; color:#333333; border:solid 1px #AA8D1A; background:#FCFCFC url(../image/DateRange.png) no-repeat 8px 8px; cursor:pointer; white-space:nowrap; -webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px; moz-user-select: -moz-none;-moz-user-select: none;-o-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none; }
#reservationBox .fixedBox .innerBox #dateRange:hover { border-color:#543F00; background-color:#EDE8D2; }
#reservationBox .fixedBox .innerBox #dateRange B { padding:0 6px; color:#916F7D; }
#reservationBox .fixedBox .innerBox #btBook { text-align:center; padding:5px 15px; line-height:30px; height:30px; vertical-align:middle; font-size:20px; color:White; border-bottom:solid 2px #998033; -webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px; background-color:#AA8D1A; cursor:default; white-space:nowrap; margin-top:3px; moz-user-select: -moz-none;-moz-user-select: none;-o-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none; }
#reservationBox .fixedBox .innerBox #btBook:hover { border-color:#665500; background-color:#998000; }
#hotelInfo { background-color:White; margin-top:6px; padding:8px; -webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px; }
#hotelInfo I { font-style:normal;float:left;width:55px;height:55px; line-height:55px; vertical-align:middle; text-align:center; font-size:30px; background-color:#AA8D1A; color:White; margin-right:5px; }
#faqsBox { background-color:White; margin-top:6px; padding:8px; padding-bottom:36px; position:relative; -webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px; }
#faqsBox A { position:absolute; left:0; bottom:0; padding:8px 50px 8px 18px; color:#AA8D1A; font-weight:bold; text-decoration:underline; cursor:pointer; z-index:3;  }
#faqsBox UL { color:#333333; }
#faqsBox UL LI { float:left; width:100%; border-bottom:solid 1px #EBEBEB; padding-bottom:3px; }
#faqsBox UL LI H3 { font-size:14px; padding:8px 3px 8px 30px; background:url(../image/icon_8.gif) no-repeat 6px 13px; cursor:pointer; }
#faqsBox UL LI P { display:inline-block; float:left; position:relative; font-size:14px; margin-left:38px; padding:10px 15px; cursor:default; border:solid 1px #D9AD34; box-sizing:border-box; -webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px; }
#faqsBox UL LI P U:before { content:""; width:0px; height:0px; line-height:0; overflow:hidden; border-width:0px 8px 8px 8px;border-style:solid; border-color:#D9AD34 transparent ; position:absolute; left:40px; top:-8px; }
#faqsBox UL LI P U:after  { content:""; width:0px; height:0px; line-height:0; overflow:hidden; border-width:0px 7px 7px 7px;border-style:solid; border-color:#FFFFFF transparent ; position:absolute; left:41px; top:-7px; }
#location { min-height:150px; background-color:White; margin-top:6px; padding:8px; -webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px; }
#aboutus { color:White; }

#roomsList { cursor:default; margin-top:10px; padding:0 2px; min-height:100px; }
#roomsList .room { border-top:none; margin-top:5px; }
#roomsList .room H3 { background-color:#DCDCDC; position:relative; cursor:pointer;  font-size:16px; color:#16253A; height:28px; line-height:28px; vertical-align:middle; padding:5px 0 5px 15px;  -webkit-border-radius:8px 8px 0 0;-moz-border-radius:8px 8px 0 0;border-radius:8px 8px 0 0; }
#roomsList .room H3 B { position:absolute; right:10px; top:8px; width:30px; height:30px; background:url(../image/Reservation2.png) no-repeat 0 -308px; }
#roomsList .room H3 B.hidden{ background-position:0 -260px; }
#roomsList .room .detail { border:solid 2px #D9D9D9; border-top:none; padding-left:2%; padding-top:10px; padding-bottom:10px; overflow:hidden; background-color:#F5F5F5; }
#roomsList .room .detail IMG{ width:26%; -webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px; max-height:100px;  }
#roomsList .room .detail UL { float:right; padding-left:2%; width:70%; }
#roomsList .room .detail UL LI { float:left; white-space:nowrap; font-size:14px; line-height:25px; vertical-align:middle; }
#roomsList .room .detail UL LI.bed { min-width:36%; padding-left:22px; padding-right:5px; background:url(../image/Reservation2.png) no-repeat 0 -92px; }
#roomsList .room .detail UL LI.area { min-width:36%; padding-left:22px; padding-right:5px; background:url(../image/Reservation2.png) no-repeat 0 -59px; }
#roomsList .room .detail UL LI.floor { min-width:36%; padding-left:22px; padding-right:5px; background:url(../image/Reservation2.png) no-repeat 0 -130px; }
#roomsList .room .detail UL LI.wifi { width:30px; background:url(../image/Reservation2.png) no-repeat 0 -480px; }
#roomsList .room .detail UL LI.adult0{ width:1px; }
#roomsList .room .detail UL LI.adult1{ width:50px; background:url(../image/Reservation2.png) no-repeat 12px -353px; }
#roomsList .room .detail UL LI.adult2{ width:50px; background:url(../image/Reservation2.png) no-repeat -107px -353px; }
#roomsList .room .detail UL LI.adult3{ width:50px; background:url(../image/Reservation2.png) no-repeat -230px -353px; }
#roomsList .room .detail UL LI.adult4{ width:50px; background:url(../image/Reservation2.png) no-repeat -363px -353px; }
#roomsList .room .detail UL LI.others { width:100%; }
#roomsList .room .detail TABLE { width:100%;}
#roomsList .room .detail TABLE TD { vertical-align:middle; padding:8px 0; }
#roomsList .room .detail TABLE TD.name { width:45%; padding-left:5%; line-height:18px;  }
#roomsList .room .detail TABLE TD.rate { width:15%; }
#roomsList .room .detail TABLE TD.rate P { padding-left:20px; white-space:nowrap; background:url(../image/Reservation2.png) no-repeat 8px 5px; color:#F8630B; font-weight:bold; }
#roomsList .room .detail TABLE TD.breakfast { width:15%; }
#roomsList .room .detail TABLE TD.breakfast P { padding-left:20px; white-space:nowrap; background:url(../image/Reservation2.png) no-repeat 6px -395px; }
#roomsList .room .detail TABLE TD.booking { width:20%; text-align:center; white-space:nowrap; }
#roomsList .room .detail TABLE TD.booking A { cursor:pointer; color:White; background-color:#FFB000; border-width:0px; border-bottom:solid 2px #E77D20; border-radius:5px; box-sizing:border-box; padding:6px 12px; }
#roomsList .room .detail TABLE TD.booking A:hover { background-color:#FF6600; }
BODY[language='de'] #roomsList .room .detail TABLE TD.booking A, 
BODY[language='fr'] #roomsList .room .detail TABLE TD.booking A, 
BODY[language='it'] #roomsList .room .detail TABLE TD.booking A, 
BODY[language='ru'] #roomsList .room .detail TABLE TD.booking A { padding:6px 6px; }

#dateRangeDialog { display:none; position:fixed;left:0;top:0; width:100%; z-index:99; cursor:default; color:#333333; moz-user-select: -moz-none;-moz-user-select: none;-o-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none; }
#dateRangeDialog .head { background-color:#F5F5F5; border-bottom:solid 1px #7F7F7F; }
#dateRangeDialog .head S.ok { display:none; }
#dateRangeDialog .head S.cancel { position:absolute;right:0;top:0; width:60px; height:40px; background:url(../image/DateRange.png) no-repeat 20px -40px; cursor:pointer; }
#dateRangeDialog .head H5 { height:40px; line-height:40px; padding-top:5px; font-size:18px; text-align:center; vertical-align:middle; font-weight:normal;  }
#dateRangeDialog .head UL LI{ height:35px; line-height:35px; font-size:16px; float:left; width:14%; text-align:center; vertical-align:middle; }
#dateRangeDialog .body { height:999px; width:99%; padding-left:1%; background-color:White; overflow:hidden; overflow-y:auto; -webkit-overflow-scrolling: auto !important; }
#dateRangeDialog .body::-webkit-scrollbar-track-piece { background-color: rgba(0,0,0,0); border-left:1px solid rgba(0,0,0,0); }
#dateRangeDialog .body::-webkit-scrollbar { width:10px; height:13px; -webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px; }
#dateRangeDialog .body::-webkit-scrollbar-thumb { background-color:rgba(0,0,0,0.5); background-clip:padding-box; -webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px; min-height:68px; border-left:solid 3px rgba(0,0,0,0); border-right:solid 3px rgba(0,0,0,0); }
#dateRangeDialog .body::-webkit-scrollbar-thumb:hover { background-color:rgba(0,0,0,0.5); -webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px; }
#dateRangeDialog .body H5 { text-align:center; font-size:18px; padding-top:20px; }
#dateRangeDialog .body UL LI { float:left; width:14%; line-height:18px; height:40px; padding-top:15px; text-align:center; font-size:16px; border-top:solid 2px White; }
#dateRangeDialog .body UL LI P { font-weight:normal; display:block; font-size:12px; }
#dateRangeDialog .body UL LI[date]:hover { background-color:#D4C68D; }
#dateRangeDialog .body UL LI.selected, #dateRangeDialog .body UL LI.selected:hover { background-color:#998033; color:White; font-weight:bold; }
#dateRangeDialog .body UL LI.between, #dateRangeDialog .body UL LI.between:hover { background-color:#EBE4CA; }

.pcVersion { position:absolute; right:10px; bottom:55px; font-size:14px; color:#AA8D1A; text-decoration:none; display:inline-block; height:20px; line-height:20px; padding:8px 10px 8px 38px; background:url(../image/pc.gif) no-repeat 10px 7px; white-space:nowrap; background-color:rgba(0,0,0,0.5); -webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;  }
.pcVersion:hover { color:#FF7E00;}
.languageSwitch { position:absolute; right:10px; bottom:10px; background-color:rgba(0,0,0,0.5); -webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;  }
.languageSwitch A { font-size:14px; color:#AA8D1A; text-decoration:none; display:inline-block; width:60px; height:20px; line-height:20px; padding:8px 20px 8px 50px; background:url(../image/Flag.png) no-repeat; }
.languageSwitch A:hover { color:#FF7E00;}
.languageSwitch A.language_en { background-position:10px 8px; width:50px; }
.languageSwitch A.language_cn { background-position:10px -32px; width:60px; }
.languageSwitch A.language_big5 { background-position:10px -72px; width:60px; }
.languageSwitch A.language_ja { background-position:10px -112px; width:45px; }
.languageSwitch A.language_ko { background-position:10px -152px; width:45px; }
.languageSwitch A.language_de { background-position:10px -192px; width:55px; }
.languageSwitch A.language_fr { background-position:10px -232px; width:58px; }
.languageSwitch A.language_it { background-position:10px -272px; width:50px; }
.languageSwitch A.language_ru { background-position:10px -312px; width:55px; }
.languageSwitch P.cornerSolid { display:inline-block; content:""; width:0px; height:0px; line-height:0; overflow:hidden; border-width:8px 8px 0px 8px;border-style:solid; border-color:#5A4300 transparent; position:absolute; right:5px; top:14px; }
.languageSwitch DIV { display:none; position:absolute; right:-8px; top:37px; width:142px; padding:5px; background-color:White; border:solid 1px #67A1E2; -webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px; box-sizing:border-box; z-index:5; }
.languageSwitch DIV P.cornerSharp:before { content:""; width:0px; height:0px; line-height:0; overflow:hidden; border-width:0px 8px 8px 8px;border-style:solid; border-color:#67A1E2 transparent ; position:absolute; left:59px; top:-8px; z-index:6;  }
.languageSwitch DIV P.cornerSharp:after  { content:""; width:0px; height:0px; line-height:0; overflow:hidden; border-width:0px 7px 7px 7px;border-style:solid; border-color:#FFFFFF transparent ; position:absolute; left:60px; top:-7px; z-index:6;  }
.languageSwitch DIV A:hover { background-color:#F5F5F5; }