body{ text-align:center; background-color:#EDE9D9; color:#603813; font-size:14px; margin:0; font-family: Tahoma, Geneva, sans-serif; -webkit-font-smoothing: antialiased; padding-bottom: 150px; } * h1,* h2,* ul{ margin:0; padding:0; list-style:none;} * h3{ margin:5px 0;} ul.common{ list-style:disc !important; padding-left:30px;} .prospromotion{ list-style: inside} #followme{ text-align:right; float:right;} #followme a{ margin:0 3px; border:0;} #counter{ text-align:right; padding:0 5px 0 0; color:#817E6B; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; clear:both; text-shadow:-1px -1px 1px #E6DFC6, 1px 1px 1px #FFFDF5;} a.link{ color: #BB9111 !important; } /* upgrade */ #upgrade{ text-align:left; margin:0 auto; width:1000px; display:none;} #upgrade .firefox_banner{ float:left; margin-top:15px;} #upgrade .why_upgrade{ float:left; margin:10px 0 0 20px; color:#958D80; font-family:Georgia, "Times New Roman", Times, serif; width:800px; font-size:1.6em;} #upgrade .why_upgrade p{margin:0 0 5px 0;} #upgrade .why_upgrade p.download{ color:#DD984F; font-size:1.5em;} .mainshade_top{ margin:0 auto; background: transparent url(../images/shade_bg_main_top.png) center top no-repeat; padding-top:8px;} .mainshade_bottom{ margin:0 auto; background: transparent url(../images/shade_bg_main_bottom.png) center bottom no-repeat; padding-bottom:8px;} .mainshade, .box_page{text-align:left; position:relative;} .box_page .box{ background: white; padding: 10px;} .announce{ font-size: 1.3rem; font-family: "Times New Roman", Times, serif; color: red;} a,a:link,a:visited{ text-decoration:none; color:#FFF;} a:hover{text-decoration:underline;} a img{ border:none;} .leftside a,.leftside a:link,.leftside a:visited,#pollbox a,#gallery a,ul.reply a,#popup_content a{ color:#DD984F;} .link_box{ width:700px;} .link_box li{ border-bottom:1px dotted #DD984F;} .link_box a{ display:inline-block !important;} .flag{ margin:0 1px 0 3px;} .annouce{ padding:5px; background:#DD984F; color:#FFF; text-align:center; -moz-border-radius:5px; border-radius:5px;} .annouce.block{ margin: 10px 5px; padding: 20px; font-size: 16px;} /* friend link */ #friends_link{ margin:10px auto 0; width:990px;} #friends_link .logo{ text-indent:-9999px; margin-right:10px; float:left;} #friends_link .link_text{ float:left; color:#958D80; width:184px; margin-right:10px; text-align:left; font-size:0.9em; font-weight:bold;} #friends_link .link_text a{ color:#958D80;} #bu_link .logo{ width:120px; height:55px; background:transparent url(../images/friend_logo_bu.png) left center no-repeat;} #letsrelax_link .logo{ width:180px; height:55px; background:transparent url(../images/friend_logo_letsrelax.png) left center no-repeat;} #blooming_link .logo{ width:76px; height:60px; background:transparent url(../images/friend_logo_blooming.png) left center no-repeat;} #friends_link .banner{ float:left; margin-right:8px;} #friends_link .last{ margin:0 !important;} #friends_link .banner img{ border: 2px solid #fff;} /* footer */ .expertgroup_link{ height:15px;} .container{ width:990px; margin: 0 auto;} #footer{ margin:10px auto 0 auto; background:#8F8880; color:#545044; font-size:0.9em; position:fixed; bottom: 0; left: 0; width: 100%;} /*height:90px; */ #footer h1.logo{ width:160px; height:90px; background:transparent url(../images/logo_footer.png) center center no-repeat; text-indent:-9999px; float:left; margin:5px 0;} #footer #footer_link{ width:620px; float:left; text-align:left; padding:10px 0;} #footer_link ul{list-style:none;} #footer_link .link_topic{ display:inline-table; text-align:right; width:90px; font-weight:bold;} /*#footer_link .link_topic:after{content:" : ";}*/ #footer_link ul li{ display:inline-table; padding:0 10px; border-right:1px solid #545044; line-height:0.8em;} #footer_link ul li.last{border-right: none !important;} /* link */ #footer_link a,#footer_link a:link,#footer_link a:visited{ color: #FFF; text-decoration:none;} #footer_link a:hover{ text-decoration:underline;} #footer_link li.rss a{ color:#FC0 !important} #footer_link li.twitter a{ color:#6CF !important} #footer_link li.facebook a{ color:#06C !important} #footer_link li.youtube a{ color:#F00 !important} #header{ width:1000px; margin:30px auto 0 auto; text-align:left; background: transparent url(../images/shade_bg_main_bottom.png) center bottom no-repeat; padding-bottom:5px; position:relative;} #header #sub_box{background: transparent url(../images/shade_bg_main.png) center top repeat-y; padding:0 5px;} #header #header_img{ width:1024px; height:231px; margin-left:-16px; position: relative;} /* background:#EDE9D9 url(../images/header_img.png) center top no-repeat; height: 153px; */ #header #header_img .headsubbox{ margin:10px 0 0 16px; position:absolute; z-index:1; display:none;} .head_nav{ width: 100%; position: absolute; bottom: 8px; text-align: center; z-index: 99; } .head_nav .head_nav_button{ box-shadow: 0px 0px 8px RGBA(0, 0, 0, 0.8); cursor: pointer; width: 12px; height: 12px; background: white; border-radius: 50%; opacity: 0.5; margin: 0 3px; display: inline-block; } .head_nav .head_nav_button:hover, .head_nav .head_nav_button.active{ opacity: 1; } #header h1.logo,#popup h1.logo, #christmas .logo{ text-indent:-9999px; background:transparent url(../images/header_logo.png) left top no-repeat; width:433px; height:60px; display:inline-table;} /* login */ #header #show_flogin,#header #show_fforgot,#header #profile_mini{ display:none; width:250px; padding:15px; color:#858080; position:absolute; z-index:10; top:75px; right:0; background:transparent url(../images/login_box_bg.png) left top no-repeat;min-height:160px;} #header #show_flogin div, #header #show_fforgot div,#header #profile_mini div{margin:2px 0;} #header #show_flogin .label,#header #show_fforgot .label{ width:80px; margin-right:5px; display:inline-table; font-size:15px; font-weight:bold;} #header #show_flogin .submitbut{text-align:right;} #header #show_flogin .forgotlink{ text-align:right;} #header #show_flogin #showresult{ color:#FFF; background:#F00; text-align:center; font-weight:bold;} #header #show_flogin .register{ margin-top:5px; font-size:0.9em; text-align:center; border-top:1px dashed #D18C4F;} #header #show_flogin a:link,#header #show_flogin a:visited{ color:#D18C4F; font-size:0.9em;} #header #show_fforgot .quest{ color:#CD884F; display:block;} #header #show_fforgot .text{ font-size:0.9em; display:block;} #header #profile_mini .userimagesh{ width:100px; height:100px; border:1px solid #CCC;} #header #profile_mini .usernme{ margin-top:-100px; font-size:1.2em;} #header #profile_mini .profile_box{margin-left:110px; font-size:0.9em;} #header #profile_mini .logouttxt{margin-top:20px; border-top:1px dashed #D18C4F; text-align:right;} #profile_mini a:link,#profile_mini a:visited{ color:#CD884F;} /*#showhint{ display:none; width:280px; color:#858080; position:absolute; z-index:10; top:250px; right:0;}*/ #showhint{ display:none; width:280px; color:#858080; position:absolute; z-index:10; top:70px; right:270px;} #showhint #showhint_top{ width:280px; background:transparent url(../images/balloon_box_top.png) top center repeat-y; height:15px;} #showhint #showhint_body{ width:240px; padding:0 20px; background:transparent url(../images/balloon_box_bg.png) top center repeat-y;} #showhint #showhint_body .title{ color:#DD984F; font-weight:bold; margin-bottom:5px;} #showhint #showhint_body p{ font-style:italic; font-size:13px; margin:0;} #showhint #showhint_bottom{ width:280px; background:transparent url(../images/balloon_box_bottom.png) top center repeat-y; height:15px;} /* register */ #member_form_left a:link{ color:#CD884F;} #member_form_left{ width: 400px !important; font-size:0.9em; margin-left:15px;} #member_form_left .topicx{ margin:3px 0;} #member_form_left form span{ display:inline-table; width:100px; margin-right:2px; vertical-align:top;} #member_form_left input[type="text"],#member_form_left input[type="password"],#member_form_left textarea{ width:170px;} #human_box{ margin-bottom:10px;} #human_box #capcha_box{ float:left; margin:5px;} #human_box #humantype_box{ float:left; width:190px;} #human_box .note{ font-size:12px; font-style:italic; color:#746F60;} #member_form_left div.button,.buttonbox{ margin:10px 0; z-index:2; position:relative;} #member_form_left .change_pwd{ margin-top:20px;} #member_form_left .require a:link,#member_form_left .require a:visited{ color:#FFF;} #member_form_right{ width:500px !important; color:#FFF; font-size:0.9em;} #member_form_right #whyregis, #member_form_right #hintregis{ background:#DD984F url(../images/pro_box_bg.png) right top no-repeat; margin-bottom:10px; padding-bottom:10px;} #member_form_right #whyregis h2,#member_form_right #hintregis h2{background:transparent url(../images/h2_regis_why.png) left top no-repeat; height:80px; text-indent:-9999px;} #member_form_right #hintregis h2{ background:transparent url(../images/h2_regis_hint.png) left top no-repeat !important;} #member_form_right p,#member_form_right h3{ margin:5px 10px 5px 40px;} #member_form_right ul{margin-left:80px; list-style:disc;} /* view profile */ .UserprofileBox{} .UserprofileBox a:link,.UserprofileBox a:visited{ color:#DD984F;} .UserprofileBox .leftside{ width:360px !important; font-size:0.9em;} .UserprofileBox .linktxt a{ clear:both; display:block; background:transparent url(../images/but_editprofile.png) center top no-repeat; height:22px; text-indent:-9999px; margin:5px 0;} .UserprofileBox .avatar_box{ float:left;} .UserprofileBox .profile_box{ float:left; color:#746F60;} .UserprofileBox .profile_box span{ display:inline-table; margin-right:10px; width:80px; color:#603814; text-align:right;} .UserprofileBox .profile_box span.val{ text-align:left; width:auto;} .UserprofileBox .rightside{ width:590px !important; font-size:0.9em;} .UserprofileBox .rightside h2.headertopic{ background:transparent url(../images/h2_fav_article.png) left top no-repeat; height:28px; text-indent:-9999px;} .rightside .profiletopic{ border-bottom:1px solid #DD984F;} .rightside .listfav{ color:#746F60;} .rightside span{ display:inline-block; margin-left:2px;} .rightside .no{ width:30px; text-align:center;} .rightside .topicar{ width:300px;} .rightside .groupar{ width:130px; text-align:center;} .rightside .datefav{ width:90px; text-align:center;} .rightside .delete{ width:30px; text-align:center;} .rightside .listfav .delete a{ display:block; width:15px; background:transparent url(../images/but_line_delete.png) center center no-repeat; text-indent:-9999px;} #editprofileuser span{ width:90px !important;} /* index */ #firstrow,#secondrow,#thirdrow{ width:960px; margin:5px auto 15px auto; text-align:left;} #firstrow{height:260px;} #firstrow #news{ width:350px; height:260px; background:#DD984F url(../images/pro_box_bg.png) right top no-repeat; float:right;} #firstrow #news .view_all{ text-align:right; border-top:1px dashed #FFF; margin:0 10px 0 40px;} #firstrow #news .view_all a:link,#firstrow #news .view_all a:visited{ color:#FFF;} #firstrow #news h2{ height:82px; background:url(../images/news_box_h2.png) right bottom no-repeat; text-indent:-9999px;} #firstrow #news ul{ list-style:none; margin:10px 0 0 40px;} #firstrow #news ol li{ margin-bottom:5px; font-size:14px;} #firstrow #news .submitdate{ font-style:italic; font-size:0.8em; color:#EDE9D9; padding:10px; margin-bottom:3px;} .link_box .submitdate{ display:inline-block !important; font-style:italic;} ol{ margin:5px 0; padding-left:40px;} /* link */ #news a{color:#FFF; text-decoration:none;} #news a:hover{ text-decoration:underline;} /* hilight */ #firstrow #hilight, #firstrow #hilight_new{height:260px; width:600px; float:left; position:relative; overflow:hidden;} .hilight_box, #hilight, #hilight_new{ width:580px; height:240px;} #hilight_menu{ margin:0; padding:0; list-style:none; background:#DA954F; position:absolute; bottom:0; width:100%; z-index:1;} #hilight_menu li{ float:left; font-family:Verdana, Geneva, sans-serif; display:block; text-align:center; width:200px;} #hilight_menu li a{ text-decoration:none; display:block !important;} #hilight_menu li a:hover,#hilight #hilight_menu li.current, #hilight_new #hilight_menu li.current{ background:#FFB475;} #hilight_menu li a{ border-right:1px dotted #FFF; color:#FFF; display:block; font-size:16px; padding:2px 0 2px 4px;} .last a{ border-right:0 !important;} .hilight_new_box{ position:absolute;} .hilight_box{ padding:10px; position:absolute; display:none; top:0;} .hilight_box .hilight_link{ text-align:left; margin-top:20px;} .hilight_box .hilight_link a{ display:block; float:left; height:25px;} .hilight_box .hilight_link a img{ border:0; margin:0;} /*.hilight_box .hilight_link a{ background: transparent url(../images/but_readmore.png) left top no-repeat; }*/ .hilight_box img{ margin-left:-10px; margin-top:-10px; z-index:1;} .hilight_box .topic{ margin-top:-250px; font-size:30px; font-weight:bold; text-shadow:0.1em 0.1em 0.1em #fff; color:#DA954F; font-family:"Times New Roman", Times, serif; z-index:2; position:relative;} .hilight_box .content{ margin-top:5px; z-index:2; color:#603813; text-shadow:0.1em 0.1em 0.1em #fff; width:580px; position:relative;} .hilight_box .content ul{ list-style:disc; padding-left:20px;} #secondrow #snd_left{ float:right;} #secondrow #snd_right{ float:left;} #secondrow #snd_right #banner_spa_box,#secondrow #snd_right #banner_hotel_box, #secondrow #snd_right #branch_box{ width:340px; height:340px; margin-bottom:10px; border:1px solid #ddd;} #branch_box{ height:230px !important; margin:0 !important;} .branch_box_all{ height:100%; position:relative; overflow:hidden;} .branch_box_content{ position:absolute; border-top:1px solid #DD984F;} .branch_description{ margin:50px 10px 10px 10px; position:absolute; z-index:4; display:none;} .branch1{ z-index:1;} .branch2{ z-index:2;} .branch3{ z-index:3;} /* home promotion box new*/ .wide_banner,.wide_banner .banner_box{ width:340px; height:340px; position:relative; overflow:hidden; } .wide_banner .banner_box{z-index:1; float:left; position:relative;} .wide_banner .banner_box .imgbanner{ position:absolute; z-index:1;} .wide_banner .banner_box .box{ padding:5px 0 0 10px; text-align:left;} #banner_hotel_box{ margin:0 !important;} .wide_banner .box .topicbanner{ font-size:24px; font-family:"Times New Roman", Times, serif; text-shadow:0px 1px 1px #000;} .wide_banner .box .datebanner{ font-size:13px;} .wide_banner .box .descbanner { margin:14px 0; text-shadow:0px 0px 0.1em #fff;} .wide_banner .box .topicbanner,.wide_banner .box .datebanner,.wide_banner .box .descbanner{ z-index:2; color:#D18C4F; position:relative;} .wide_banner .nav,#award .nav,#banner_hotel_box .nav, .nav{ height:100%; width:30px; position:absolute; color:#000; z-index:2; text-indent:-9999px; top:0;} .wide_banner .left_nav a:link,.wide_banner .right_nav a:link,#award .left_nav a:link,#award .right_nav a:link,#banner_hotel_box .left_nav a:link, #banner_hotel_box .right_nav a:link, .right_nav a:link, .left_nav a:link{ display:block; height:100%; width:30px; text-decoration:none; background:transparent url(../images/nav_prev.png) left center no-repeat;} .wide_banner .right_nav a:link,#award .right_nav a:link, #banner_hotel_box .right_nav a:link, .right_nav a:link{ background:transparent url(../images/nav_next.png) left center no-repeat !important;} .wide_banner .right_nav,#award .right_nav, #banner_hotel_box .right_nav, .right_nav{ right:0;} .wide_banner .banner_group{ width:100000px;} #thirdrow{ margin:0 auto !important;} #health_box,#talk_box,#recipes_box,#yoga_box{width:460px; height:250px; float:left; padding:10px;} #health_box{ background:transparent url(../images/home_health_box_bg.jpg) center top no-repeat;} #talk_box{ background:transparent url(../images/home_talk_box_bg.jpg) center top no-repeat;} #recipes_box{ background:transparent url(../images/home_recipes_box_bg.jpg) center top no-repeat;} #yoga_box{ background:transparent url(../images/home_yoga_box_bg.jpg) center top no-repeat;} .article_list{ font-weight:bold; padding-left:10px; background:transparent URL(../images/dot.gif) left center no-repeat;} .article_box ul{ list-style:none; padding:160px 10px 10px 10px;} .article_box ul li.view_all{ display:block; margin:5px 0; border-top:1px dashed #DB964F; text-align:right;} .article_box a,.article_box a:link,.article_box a:visited{ color:#735F1D; text-decoration:none; font-size:0.9em;} .article_box a:hover{ color:#DB964F; text-decoration:underline;} /* main menu */ #top_headmenu { font-size:16px; text-align: right; margin-top:-15px; color:#958E80; margin-bottom:-3px; font-family:Arial, Helvetica, sans-serif; position:relative;} /*#top_headmenu .texttopmenu:after{ content:"/"; color:#D2D0B2; margin:0 5px;}*/ #top_headmenu #profile_link{ color:#DD984F;} #top_headmenu .last:after{ content:"";} #topmenu_new{ font-size:16px; text-align:center; font-family:Arial, Helvetica, sans-serif; background:url(../images/topmenu_new_bg.png) bottom center no-repeat; height:30px; width:990px; padding:10px 10px 0; margin:0 -5px -10px -5px; position:relative; z-index:5;} #topmenu_new a{ font-weight:bold;} #topmenu_new a:hover{ text-decoration:none; color:#FFBB75;} #topmenu_new .texttopmenu, #topmenu_new .profile{ margin:0 19px;} #topmenu_new .seperator{ background:url(../images/topmenu_seperator.png) center center no-repeat; width:2px; height:20px; color:#878071; display: inline-block;} #topmenu_new + #show_flogin{ top:100px !important} /* link */ #top_headmenu a, #top_headmenu a:link{ color:#958E80; text-decoration:none; padding:0px 3px;} #top_headmenu a:visited{ color:#999;} #top_headmenu a:hover{ color:#FFF; background:#999;} /* sub menu */ #head_menu {text-align:center; background:#958F81 url(../images/submenu_bg.jpg) left top repeat-x; height:69px; width:990px;} #head_menu ul.menubox{ text-align:left; border-right:1px dotted #FFF; float:left; padding:1px 10px; width:89px; height:68px;} .new_menu .menubox{ width:100px !important;} .new_menu .menubox.menuarticle{ width:120px !important;} .menubox.last{ border:none !important;} *html #head_menu ul.menubox{ width:89px;} /*#head_menu ul.menubox{ text-align:left; border-right:1px dotted #FFF; display:inline-block; padding:5px; min-width:90px; height:60px;}*/ #head_menu ul.last{ border:none !important;} #head_menu ul.menubox .topic_menu{ font-weight:bold; color:#FFF; font-size:13px;} #head_menu ul li{ font-size:10px; margin-left:11px; color:#FFF; list-style:none;} #head_menu ul li:before{ content:". ";} /* link */ #head_menu ul.menubox a,#head_menu ul.menubox a:link,#head_menu ul.menubox a:visited{ color:#FFF; text-decoration: none;} #head_menu ul.menubox a:hover{text-decoration: underline;} /* main body */ #mainbody{ width:1000px; margin:0 auto; text-align:left; clear:both;} #mainbody h1{ color:#736945; text-indent:-9999px; height:45px; margin:5px 5px;} #mainbody h1.head_promotion{ background:url(../images/h1_promotion.png) left top no-repeat;} #mainbody h1.headaboutus{ background:url(../images/h1_aboutus.png) left top no-repeat;} #mainbody h1.headjapanese{ background:url(../images/h1_japanese.png) left top no-repeat;} #mainbody h1.head1Spa{ background:url(../images/h1_chiangmai_spa.png) left top no-repeat;} #mainbody h1.head1Hotel{ background:url(../images/h1_chiangmai_hotel.png) left top no-repeat;} #mainbody h1.head2Spa{ background:url(../images/h1_bangkok_ratchadamri_spa.png) left top no-repeat;} #mainbody h1.head4Spa{ background:url(../images/h1_bangkok_ploenchit_spa.png) left top no-repeat;} #mainbody h1.head2Hotel{ background:url(../images/h1_bangkok_hotel.png) left top no-repeat;} #mainbody h1.head_bangkok_hotel{ background:url(../images/h1_bangkok_hotel.png) left top no-repeat;} #mainbody h1.headaffiliate{ background:url(../images/h1_affiliate.png) left top no-repeat;} #mainbody h1.headchristmas{ background:url(../images/h1_christmas.png) left top no-repeat;} #mainbody h1.head3Spamenu, #mainbody h1.head3Spa{ background:url(../images/h1_phuket_spa.png) left top no-repeat;} #mainbody h1.headtalk a{ display:block; background:url(../images/h1_talk.png) left top no-repeat; width:295px; height:45px;} #mainbody h1.headhealth a{ display:block; background:url(../images/h1_health.png) left top no-repeat; width:295px; height:45px;} #mainbody h1.headyoga a{ display:block; background:url(../images/h1_yoga.png) left top no-repeat; width:295px; height:45px;} #mainbody h1.headrecipes a{ display:block; background:url(../images/h1_recipes.png) left top no-repeat; width:295px; height:45px;} #mainbody h1.headnews{ background:url(../images/h1_newsevents.png) left top no-repeat;} #mainbody h1.your_profile{ background:url(../images/h1_head_your_profile.png) left top no-repeat;} #mainbody h1.head_welcome{ background:url(../images/h1_welcome.png)left top no-repeat;} #mainbody h1.download_map{ background:url(../images/h1_downloadmap.png)left top no-repeat;} #mainbody ul.menu{ padding:0; background:#E19C4F; display:inline-table; margin-left:4px;} #mainbody ul.menu li{list-style:none; display:block; font-weight:bold; float:left;border-right:1px dotted #FFF;} #mainbody ul.menu li.last{ border:none !important;} /* link */ #mainbody ul.menu a{ padding:2px 20px; display:block;} #mainbody ul.menu a,#mainbody ul.menu a:link, #mainbody ul.menu a:visited{ color:#FFF; text-decoration:none;} #mainbody ul.menu a:hover, #mainbody ul.menu .current{ background:#FFBB75;} .menuactive{ background:#FFBB75;} #mainbody .box_page .leftside{ width:655px; float:left; text-align:left;} #mainbody .box_page .leftside .boxlistmenu{} #mainbody .box_page .leftside .boxlistmenu .detail{ font-size:13px; margin:7px 0;} #mainbody .box_page .leftside .boxlistmenu .spamu_name{ display:none;} .boxlistmenu .menuboxtop ,.box_left_top{background: transparent url(../images/shade_bg_left_box_top.png) center top no-repeat; padding-top:10px; margin-bottom:10px;} .boxlistmenu .menuboxtop .menuboxbottom, .box_left_bottom{background:transparent url(../images/shade_bg_left_box_bottom.png) center bottom no-repeat;padding-bottom:15px; margin-top:-5px;} .boxlistmenu .menuboxtop .menuboxbottom .menubox, .box_left{ width:655px; background: transparent url(../images/shade_bg_left_box.png) center top repeat-y;} .boxlistmenu .menuboxbottom .contentbox{ padding:0 20px;} .boxlistmenu .menuboxbottom .contentbox .menushow{ padding:5px 0; border-bottom: dashed 1px #DD984F; list-style:none;} .boxlistmenu .menuboxbottom .contentbox .img_show{ margin-left:-15px;} .boxlistmenu .menuboxbottom .contentbox .hotelname{ height:0; text-indent:-9999px;} .boxlistmenu .menuboxbottom .contentbox .room_des li.rate_price{ border-top:1px dashed #CD884F; padding-top:5px; margin-top:5px;} .boxlistmenu .menuboxbottom .contentbox .room_des li .topic{ width:120px; display:inline-block;} .boxlistmenu .menuboxbottom .contentbox .room_des li .txt{ color:#CD884F;} .boxlistmenu .menuboxbottom .contentbox .but_booknow{ border-top:1px dashed #DD984F; padding:5px 0;} .boxlistmenu .menuboxbottom .contentbox .but_booknow img{ border:0;} .boxlistmenu .menuboxbottom .contentbox .menushow li{margin:0 5px; float:left;} .boxlistmenu .menuboxbottom .contentbox .menushow li.name{ width:250px; color:#746F60;} .boxlistmenu .menuboxbottom .contentbox .menushow li.time{ width:110px; text-align:right; color:#918A80;} .boxlistmenu .menuboxbottom .contentbox .menushow li.price{ width:110px; text-align:right; color:#746F60;} .boxlistmenu .menuboxbottom .contentbox .menushow li.booknow{ width:100px; text-align:center; margin-top:-2px;} .boxlistmenu .menuboxbottom .contentbox .menushow li.booknow a{ background: transparent url(../images/but_booknow.png) center top no-repeat; height:0; overflow:hidden; padding-top:22px; display:block;} #mainbody .box_page .rightside{ width:300px; float:right; text-align:left;} /* about us facilities japanese*/ .aboutus_box,.facilities_box,#japanese_box{ font-size:0.9em;} .aboutus_box{ padding:10px 40px 20px;} .aboutus_box a{ color:#BB9111; text-decoration:none;} .aboutus_box a:hover{ color:#8A522D;} .facilities_box #img,#japanese_box{ margin:-10px 0 0 -10px;} .aboutus_box #img{ margin:-10px 0 0 -50px;} .facilities_box p,#japanese_box p{ margin:10px 40px;} .facilities_box a{ color:#E19C4F;} .facilities_box h3{ margin:0 0 0 40px;} .facilities_box ul{ margin:0 0 0 40px; padding-left:20px; list-style:disc;} h3.h3_japanese{ width:656px; height:102px; text-indent:-9999px; background:url(../images/h3_japanese.png) left top no-repeat; position:absolute; left:20px; top:20px;} .about_head_resort, .about_head_spa{ height:40px; text-indent:-9999px;} .about_head_resort{ background:url(../images/h2_head_resort.png) left top no-repeat;} .about_head_spa{ background:url(../images/h2_head_spa.png) left top no-repeat;} #japanese_box{ position:relative;} #japanese_box h3{ margin:5px 0;} #brochure_box{ width:700px;} .brochure_sub{ margin:30px 0 0 40px; float:left;} .brochure_cover{ } .brochure_cover img{ border:1px solid #CCC;} .h3_brochure_resort,.h3_brochure_spa{ width:260px; height:23px; text-indent:-9999px;} .h3_brochure_resort{ background:transparent url(../images/h3_brochure_resort.png) left top no-repeat;} .h3_brochure_spa{ background:transparent url(../images/h3_brochure_spa.png) left top no-repeat;} .download_brochure{ width:150px; height:22px; display:block; text-indent:-9999px; background:transparent url(../images/but_download_brochure.png) left top no-repeat;} #japanese_sakura{ bottom:-13px; right:0; width:320px; height:480px; position:absolute; background:transparent url(../images/japanese_sakura_bg.jpg) left top no-repeat;} /* box pro mini */ .box_promini{width:300px; color:#FFF; background:#DD984F url(../images/pro_box_bg.png) left top no-repeat;} .box_promini h2.pro_title_spa{ text-indent:-9999px; background:transparent url(../images/pro_box_spa_h2.png) right top no-repeat; height:85px;} .box_promini h2.pro_title_hotel{ text-indent:-9999px; background:transparent url(../images/pro_box_hotel_h2.png) right top no-repeat; height:85px;} .box_promini .show_promini{ margin:8px 10px 0 45px; padding-bottom:8px; border-bottom:1px dashed #FFF;} .box_promini .show_promini .pronamemini{ font-size:16px; font-weight:bold;} .box_promini .show_promini.last{ border:none !important;} .box_promini .show_promini .short_des{ font-size:12px;} .but_booknow{ margin-top:5px;} .box_promini .show_promini.single, .show_promini.box_topview{ border:0 !important;} .box_promini .pro_mini_title{ width:300px; height:75px; text-indent:-9999px; margin-left:-40px;} #our_relate_service h2{ background: transparent url(../images/pro_title_ourrelate.png) left top no-repeat; width:300px; height:85px; text-indent:-9999px;} /*.box_promini .pro_title_spamenu{ background: transparent url(../images/pro_title_spamenu.png) left top no-repeat; } .box_promini .pro_title_spapromotion{ background: transparent url(../images/pro_title_spapromotion.png) left top no-repeat; } .box_promini .pro_title_hotelmenu{ background: transparent url(../images/pro_title_hotelmenu.png) left top no-repeat; } .box_promini .pro_title_hotelpackage{ background: transparent url(../images/pro_title_hotelpackage.png) left top no-repeat; } .box_promini .pro_title_hotelpromotion{ background: transparent url(../images/pro_title_hotelpromotion.png) left top no-repeat; }*/ .box_promini .branch_link{ font-size:0.9em; margin-bottom:5px;} .box_promini .branch_link a{ color:#603813; font-style:italic; margin-bottom:5px;} .box_promini .show_promini.box_topview .pro_mini_title{ background: transparent url(../images/pro_title_mostview.png) left top no-repeat; height:85px !important;} .show_promini.box_topview li{ border-bottom:1px dotted #FFF; font-size:13px; padding-bottom:2px;} .show_promini.box_topview .counter_view{ color:#603814;} .box_promini .show_promini li {margin:2px 0;} .box_promini .show_promini li .counter_view{ font-size:0.8em; font-style:italic;} h2.pro_title_hotel{} /* new hilight */ .hilight_info{ z-index:3; position:absolute;} .hilight_info a{ height:22px; width:100px;} .hilight_info a img{ margin:0 5px 0 0;} .hilight_info .npro_topic{ font-size:20px !important;} .hilight_info .npro_text{ width:100%;} #hilight_new .nav a{ background-position: center bottom !important;} /* npro */ #banner_hotel_box{ overflow:hidden; position:relative;} .npro_info{ padding:5px 10px; z-index:2; position:relative;} .npro_info img{ border:0;} .npro_box{ position:absolute; width:340px; height:340px; background:#FFF; display:none;} .npro_image{ position:absolute; top:0; z-index:1;} .npro_topic{ font-size:18px; font-weight:bold; text-shadow:0.1em 0.1em 0.1em #FFF; color:#DA954F; font-family:"Times New Roman", Times, serif; z-index:3; margin-bottom:5px;} .npro_date{ font-size:12px; color:#918A80; margin-bottom:5px; text-shadow:-0.1em -0.1em 1px #FFF, 0.1em 0.1em 1px #FFF;} .npro_text{ margin-bottom:10px; font-size:13px; text-shadow:0em 0em 1px #FFF, 0.1em 0.1em 1px #FFF;} /* package */ #hotelpack_big_top, .box_big_top{ width:970px; background:transparent url(../images/shade_bg_big_top.png) center top no-repeat; padding-top:10px; } #hotelpack_big_bottom, .box_big_bottom{ background:transparent url(../images/shade_bg_big_bottom.png) center bottom no-repeat; padding-bottom:10px;} #hotelpack_big, .box_big{ background:transparent url(../images/shade_bg_big.png) center top repeat-y; width:930px; padding:0 20px; position:relative; min-height:220px;} #hotelpack_big .imghotel{ margin-left:-15px;} #hotelpack_big .price{ display:block; text-align:left; border-top: dashed 1px #DD984F; margin:8px 0; padding-top:5px;} #hotelpack_big .but_moredetail a{ float:left !important;} #boxshow_feature h2{ margin-top:10px;} #boxshow_feature .pktxt ul{ list-style:disc; padding-left:30px;} .pktxt table{ margin:10px auto; width:550px;} .pktxt table,.pktxt tbody,.pktxt tr,.pktxt th,.pktxt td{ border:0;} .pktxt table{ border:1px solid #DD984F;} .pktxt th{ background: #DD984F; color:#FFF; padding:2px;} .pktxt td{ padding:0 5px;} .pktxt th div,.pktxt td div{ text-align:center;} .hotel_sub_pack li.roomtype{ color:#DA954F !important; margin-top:10px;} .hotel_sub_pack li span{display:inline-table;} .hotel_sub_pack li .numbernight{ width:170px;} .hotel_sub_pack li .single,.hotel_sub_pack li .couple{ width:90px; text-align:right;} #package{ clear:both;} #package .odd{margin-right:10px;} #package .packbox{ width:480px; float:left; padding-top:10px; background:transparent url(../images/shade_bg_package_top.png) left top no-repeat;} #package .packbox .packbox_bottom{ background:transparent url(../images/shade_bg_package_bottom.png) left bottom no-repeat; padding-bottom:10px;} #package .packbox .packbox_bottom .packbox_content{ background:transparent url(../images/shade_bg_package.png) left top repeat-y; min-height:160px; position:relative;} #package .packbox .package_topic{ font-size:17px !important; margin-bottom:10px; width:400px;} #package .packbox ul{ padding:5px 15px 35px 15px; position:relative; width:400px;} #package .packbox ul li{ list-style:none; padding-left:30px; color:#746F60;} #package .packbox .view_image a{width:80px; height:80px; text-indent:-9999px; background:transparent url(../images/but_view_image.png) right top no-repeat; position:absolute; top:-3px; right:3px;} #package .packbox .price{ display:block; text-align:right; border-top: dashed 1px #DD984F; margin:3px 10px; width:450px; bottom:0; right:0; position:absolute; padding-top:3px;} #package .packbox .price .package_time{ color:#918A80;} #package .packbox .price .package_time:after{ content:" / ";} #package .packbox .price .package_price{color:#746F60;} #package .packbox .price .but_moredetail a,.but_moredetail a{ background: transparent url(../images/but_moredetail.png) left top no-repeat; padding-top:22px; width:100px; height:0; overflow:hidden; float:right;} #package .packbox .price .but_booknow a{ background: transparent url(../images/but_booknow.png) left top no-repeat; padding-top:22px; width:90px; height:0; overflow:hidden; float:right;} /*#box_pro .show_pro{ background:transparent url(../images/spapro/spapro.jpg) center top no-repeat; padding:550px 20px 20px; color:#746F60;}*/ #box_pro .show_pro{ padding:10px 0; color:#746F60;} #box_pro .show_pro .dateshow{ font-size:12px; color:#918A80;} #box_pro .show_pro .short_des{ padding-left:30px;} .short_des ul{ list-style:disc; padding-left:30px;} .spapromotion{ border-bottom:1px solid #FFF5D2;} .promotion_bg_image{ background:transparent url(../images/spapro/spaprobig.jpg) center top no-repeat; width:960px; height:600px; margin-left:-15px;} .promotion_bg_image.phuket{ background:transparent url(../images/spapro/spaprobig_phuket.jpg) center top no-repeat;} .promotion_bg_image.bangkok{ background:transparent url(../images/spapro/spaprobig_bangkok.jpg) center top no-repeat;} .promotion_bg_image.bangkok_ploenchit{ background:transparent url(../images/spapro/spaprobig_ploenchit.jpg) center top no-repeat;} /* hotel promotion */ h1.hotel_promotion{ display:none;} .box_promotion.even{ text-align:right;} .box_promotion.even ul{ margin-right:15px !important;} /*.box_promotion { padding:5px; z-index:2; position:relative; min-height:209px;}*/ .box_promotion { margin-left:-14px; padding:10px 10px 0; position:relative; width:940px; z-index:2;} .box_promotion .date{ font-size:14px; color:#666; margin-right:20px;} .box_promotion .date,.box_promotion .accommodate{ font-size:12px; margin-top:7px;} .box_promotion .detail{margin-top:10px;} .box_promotion .detail span,.box_promotion .detail strong{display:block; font-size:14px; color:#736945; font-weight:bold;} .box_promotion .detail ul{margin:3px 0; padding:0; font-size:13px; overflow:hidden;} .box_promotion .detail ul li{padding-left:20px; margin-bottom:3px;} .box_promotion .pro_command{ margin:10px 0;} .box_promotion .price{ color:#DD984F; font-weight:bold;} .box_promotion .price .subprice{ color:#735F1C;} .box_big .proimage{ margin-left:-15px; width:960px; z-index:1; position:absolute;} .text_orange{ font-weight:bold; color:#DD984F;} /* extra */ .clearfix:after,.writer_profile:after, .hilight_new_box:after{ height:0; display:block; content:"."; visibility:hidden; clear:both;} /* star */ .star1,.star2,.star3,.star4,.star5{ height:20px; width:100px; text-indent:-9999px; display:inline-table;} .star1{ background: transparent url(../images/star.png) -80px 0 no-repeat;} .star2{ background: transparent url(../images/star.png) -60px 0 no-repeat;} .star3{ background: transparent url(../images/star.png) -40px 0 no-repeat;} .star4{ background: transparent url(../images/star.png) -20px 0 no-repeat;} .star5{ background: transparent url(../images/star.png) 0 0 no-repeat;} /* weather */ #weather, #right_middle_box{ width:245px; text-align:center; background:url(../images/weather_bg.gif) left top repeat-x; height:230px;} #right_middle_box{ text-align:center;} #right_middle_box.tripadvisor{ background:#4A7C37; padding: 48px 0; height: auto;} #right_middle_box.tripadvisor .TA_certificateOfExcellence{ margin: 0 auto; width: 148px; border: 1px solid white; box-shadow: 0 0 60px RGBA(0,0,0,0.3);} #TA_certificateOfExcellence511{ padding-top:50px;} #CDSWIDCOE{ margin:0 auto !important; border:none !important;} #weather .weather_title a{background:url(../images/weather_title.png) center top no-repeat; overflow:hidden; padding-top:27px; height:0; text-indent:-9999px; display:block;} #weather a{color:#FFF; text-decoration:none; font-size:12px; text-shadow: 0.1em 0.1em 0.2em #000;} #weather a:hover{ text-decoration:underline;} #weather #weather_box{ margin:0 auto;} #widgetbox_widget_div_0{ margin:10px 0;} .wbx-gw-wrapper{ display:none;} .grayverticalbg{ display:none !important;} /* quickreservation */ #quickreservation{ width:245px; background:#DD984F url(../images/quickreservation_box_bg.png) left top no-repeat; padding-top:35px; margin-bottom:10px;} .quickreservation{margin-bottom:10px;} #quickreservation form div, .quickreservation form div{ margin-bottom:4px; font-size:0.9em;} #quickreservation .button, .quickreservation .button{ text-align:left;} #spaQuick, #hotelQuick{ margin:0px 10px 5px 10px; min-height:50px;} #hotelQuick{ display:none;} .menuquick a{ background-color:#808080; color:#fff; font-weight:bold; display:block; width:118px; border-right:1px dotted #FFF; text-align:center; float:left; padding:2px;} .menuquick a:hover{ text-decoration:none; background-color:#BAB19A;} .menuquick a.last{ margin:0 !important;} .menuquick a.current{ background-color:#BAB19A; color:#603814;} #branch_box{ position:relative;} #branch_box .quick_header{ position:absolute; z-index:5; background:url(../images/quick_header.png) center center no-repeat; text-indent:-9999px; width:340px; height:40px; bottom:0;} .round_corner{ border-top-right-radius:10px; -webkit-border-top-right-radius:10px; -moz-border-radius-topright:10px;} #hotel_quick, #spa_quick{ padding:10px; border-top-right-radius:10px; -webkit-border-top-right-radius:10px; -moz-border-radius-topright:10px;} #hotel_quick{ height:80px; background:#BAB19A; width:225px;} #spa_quick{ height:80px; background:#DD984F; width:320px;} .quick_title{ color:#FFF; height:35px; text-indent:-9999px;} .quick_title + form{ margin:0;} #hotel_quick .quick_title{ background:url(../images/quick_hotel.png) top left no-repeat;} #spa_quick .quick_title{ background:url(../images/quick_spa.png) top left no-repeat;} #spa_quick .form_box{ background:url(../images/quick_spa_seperator.png) center right no-repeat; padding-right:15px; margin-right:10px;} .quick_back{ position:absolute; bottom:10px; left:-88px; z-index:5;} .quick_back a{ width:88px; height:35px; text-indent:-9999px; background:url(../images/quick_back.png); display:block;} /* pollbox */ #pollbox,#tophelpbox {font-size:0.9em; color:#817E6B; margin:10px 0; background:#fff url(../images/poll_box_bg.png) right top no-repeat; padding:5px; border-left:1px solid #DD984F; border-bottom:1px solid #DD984F;} #pollbox h2{ background: transparent url(../images/h2_poll.png) left top no-repeat; height:57px; text-indent:-9999px; margin-right:-5px;} #pollbox .pollquestion{ font-size:17px; color:#DD984F;} #pollbox ul,#tophelpbox ul{margin:10px 0;} #pollbox li,#tophelpbox li{ margin-left:20px;} #pollbox li.bar,#tophelpbox li.bar{ color:#DD984F; font-style:italic;} #pollbox li.command,#tophelpbox li.command{ text-align:right; margin-top:5px; border-top:1px dashed #DD984F;} /* article */ #article_page .box_left_content{ padding:10px;} #article_page .article_img{ width:310px; height:310px; background:transparent url(../images/article_tn_bg.png) center center no-repeat; float:left; margin-right:20px; overflow:hidden;} #article_page .article_img img{ padding:10px; width:290px; height:290px;} #article_page .article_writer{ margin-top:5px;} #article_page .article_writer,#article_page .article_refer{color:#746F60; font-size:0.9em;} #article_page .article_refer a,.article_writer a:link,.article_writer a:visited{ color:#DD984F; text-decoration:none;} #article_page .article_refer a:hover{ text-decoration:underline;} #article_page .article_view{ font-size:0.8em; font-style:italic; color:#8F8880; margin-top:5px;} #article_page .article_content{ font-size:0.9em; color:#746F60; margin-bottom:5px;} #article_page .article_content img{ margin:0 10px 10px 0; float:left; border:1px solid #999;} #article_page .article_content .article_list{ clear:both; margin:10px 0; display:block;} #article_page .article_content p{ margin:0 0 10px 10px !important; text-align:justify;} #article_page .article_content ul{ list-style:disc; padding-left:30px;} #article_page .article_content ol { padding-left:30px;} #article_page .article_content ol li{} #article_page .article_nav{ border-top: 1px dashed #DD984F; margin-top:15px; display:block; clear:both;} #article_page .article_nav .prev{ float:left; display:block;} #article_page .article_nav .next{ float:right; display:block;} #command_article{ border-top:1px dashed #DA954F; border-bottom:1px dashed #DA954F; margin: 5px 0 5px 320px; padding: 5px 0;} #command_article a,#command_article a:link,#command_article a:visited{color:#8E8780; text-decoration:none; line-height:25px;} #command_article a:hover{ text-decoration:underline; color:#746F60;} #command_article li{display:inline-table;} #command_article li a{ display:inline-table; padding-left:30px; height:25px; margin-right:25px;} #command_article li.cmd_save a{background:transparent url(../images/command_save.png) left top no-repeat;} #command_article li.cmd_print a{background:transparent url(../images/command_print.png) left top no-repeat;} #command_article li.cmd_rate a{background:transparent url(../images/command_rate.png) left top no-repeat;} #command_article li.cmd_share a{background:transparent url(../images/command_share.png) left top no-repeat; margin-right:0;} #xshow{ background:#FBF2EA; padding:5px;} #xshow .topic{ color:#DA954F;} #xshow ul{ padding-left:20px;} #xshow li{ display:block;} #xshow .submit_button{} #xshow .submit_button a{ display:block; width:90px; height:22px; background:transparent url(../images/but_submit.png) left top no-repeat; text-indent:-9999px; float:right;} /* article_show viewall --- news events view all */ #article_show a:link,#article_show a:visited, .event_big_box a:link,.event_big_box a:visited{ color:#D18C4F;} #article_show ul,.event_big_box ul{ border-bottom:1px dashed #D18C4F; padding:10px 0; margin-bottom:5px;} #article_show ul .thumbnail,#article_show ul .thumbnail img{ width:100px; height:100px; float:left; margin-right:10px; border:1px solid #ddd;} #article_show .content_box, .event_box{ float:left; width:540px; font-size:0.9em;} .event_box{ width:auto !important;} #article_show .content_box .most_topic,.event_box .most_topic{ font-size:18px !important;} /* article comment */ #facebook_comment{ margin:0 10px;} .wallkit_subtitle{ display:none !important;} #commentbox{ clear:both; margin:0 auto; width:1000px;} #commentbox #fcomment{ margin:5px; width:655px;} #commentbox #fcomment .most_topic{ font-size:18px !important;} #commentbox #fcomment .textareabox{ margin-bottom:5px;} #commentbox #fcomment form{ background:#FBF2EA; padding:10px;} #commentbox #fcomment form #arcomment{width:100%; height:80px; margin:0 auto; padding:0;} #commentbox h1{ color:#736945; text-indent:-9999px; height:45px; margin:0 5px 10px 0px;} #commentbox .totalcomment{ color:#8E8780; font-size:0.9em; margin-bottom:10px;} #commentbox h1.headcomment{ background:url(../images/h1_comment.png) left top no-repeat; width:300px;} #commentbox .but_add_comment{ width:315px; height:72px; display:block; margin-top:-12px; margin-left:666px;} #commentbox .but_add_comment a{width:315px; height:72px; display:block; background:transparent url(../images/but_add_comment.png) right top no-repeat; text-indent:-9999px;} #commentbox ul.reply{ border-bottom:1px dashed #DA954F; margin:5px 0; padding:5px 0;} #commentbox ul.reply li.most_topic{ color:#DE933B; font-size:18px;} #commentbox ul.reply li.reply_text{ color:#746F60; font-size:0.9em; margin:5px 20px 0 0; text-align:justify;} /* testimonial */ #mainbody h1.testimonial{ background:url(../images/h1_testimonial.png) left top no-repeat;} #testimonial {text-align:left; padding:0 0 10px; position:relative; min-height:590px;} #testimonial .even{ text-align:left;} #testimonial #testimonial_img{ width:405px; height:615px; position:absolute; bottom:-13px; right:-10px; z-index:0;} #testimonial .left{ width:650px; padding-left:20px; position:relative; z-index:2;} #testimonial .left .show_result{ padding:10px 0; border-bottom: thin dashed #DD984F;} #testimonial .page_box{ display:block; text-align:right; font-size:12px; padding:3px 0;} #testimonial .page_box a{margin:0 5px;} #testimonial .topic_result{ color:#42210B; font-size:18px;} #testimonial .star{display:inline;} #testimonial .username{ color:#DD984F; font-size:14px; margin-left:110px; display:block;} #testimonial .detail{ font-size:12px; padding: 0 0 0 110px; color:#746F60; margin-bottom:0;} #testimonial .date_result{ display: block; font-size:0.8em; margin-left:110px; color:#8E8780;} #testimonial #submityourown{ text-align:center; border-top:3px solid #ECE1C4; margin:3px 0;} #testimonial #submityourown p{text-align:center !important; font-weight:bold; color:#DA954F; margin:5px 0;} #testimonial #submityourown a{background:url(../images/but_submit_testimonial.png) center top no-repeat; display:block; height:23px; text-indent:-9999px; width:190px; margin: 0 auto;} /* testimonial Submit Form */ #testimonial .topicform{ margin-top:5px;} #testimonial .topicform input, #testimonial .topicform .select_box, #testimonial .topicform #test_detail{display:block;} #testimonial .topicform input, #testimonial .topicform #test_detail{ width: 340px;} #testimonial .topicform input#name,#testimonial .topicform input#email{ width: 220px;} /* media */ #mainbody h1.media{ background:url(../images/h1_media.png) left top no-repeat;} #video h1.video,#media h1.magazine,h1.links{ margin:0 !important; width:980px; height:70px !important;} #video h1.video{ background:url(../images/h1_video.png) left top no-repeat;} #media h1.magazine{ background:url(../images/h1_magazine.png) left top no-repeat;} h1.links{ background:url(../images/h1_links.png) left top no-repeat;} .media_box {text-align:left; padding-top:10px;} .media_box #left{ width:260px; float:left; border-right:1px solid #E6E2D2;} .media_box #left ul { margin:0;} .media_box #left li, .link_box li{padding:0 0 2px 0; margin:0 0 2px 0; list-style:none; font-size:0.9em;} .media_box #right{ width:700px; float:right; text-align:center;} #video #right #front,.media_box #right #front{ width:auto; float:none; text-align:center;} #video #right #description_box,.media_box #right #description_box{ float:none; width:auto; text-align:left; padding:10px; border-bottom:1px dashed #C9844F;} .media_box #right #front{ width:400px !important; margin:0 auto;} .media_box #right #front img{ max-width:100%; border:1px solid #DDD;} .media_box #right #description_box .m_name{font-size:20px; font-weight:bold; font-family:"Times New Roman", Times, serif; color:#DD984F;} .media_box #right #description_box .m_detail{ font-size:0.9em; color:#746F60; text-align:justify;} .media_box #right .clickcover{text-align:right; font-size:0.8em;} /* media link */ .media_box #left a,.media_box #left a:link,.media_box #left a:visited,.link_box a{ text-decoration:none; color:#DA954F; padding:0 8px; display:block;} .media_box #left a:hover,.link_box a:hover{ background:#FFB475; color:#FFF;} /* gallery */ h1.gallery{ background:url(../images/h1_gallery.png) left top no-repeat;} #gallery{ margin:0 auto;} #gallery .leftimg{ width:215px; float:left;} #gallery .caption{ color:#746F60;} #tn_nav_prev{ background:transparent url(../images/tn_nav_prev.png) center center no-repeat; float:left;} #tn_nav_next{ background:transparent url(../images/tn_nav_next.png) center center no-repeat; float:right;} #gallery .leftimg .tn_nav a{ display:block; margin:2px; width:25px; height:25px; text-indent:-9999px;} #gallery .rightimg{float:right; width:750px; position:relative;} #gallery .rightimg .previewPane{ min-height:500px; text-align:center; margin:0 auto; position:relative;} #gallery .rightimg .previewPane img{} .previewPane #loadingicon{ position:relative; top:50%; margin:0 auto;} .rightimg .link{ position:absolute; width:100%; top:50%;} .rightimg .link a{ width:60px; height:60px; display:block; text-indent:-9999px;} .rightimg .link a.prev{ background:transparent url(../images/tn_nav_img_prev.png) center center no-repeat; float:left;} .rightimg .link a.next{ background:transparent url(../images/tn_nav_img_next.png) center center no-repeat; float:right;} #gallery #tn_show_space{ width:215px; height:420px; overflow:hidden;} #tn_box_all{ width:1000px;} #gallery .imgperbox{ width:215px; float:left;} #gallery .imgperbox img{ border:0;} #gallery .imgperbox a{margin:5px; display:block; float:left;} /* contact */ #mainbody h1.contact{ background:url(../images/h1_contact.png) left top no-repeat;} #contact #contact_img{ position:absolute; z-index:1; left:-10px; top:-17px;} #contact{ text-align:left; padding:0; position:relative; min-height:580px; z-index:2;} #contact form{margin-left:20px; position:relative; z-index:2;} #contact .topicform{ margin-top:5px;} #contact .topicform input, #contact .topicform .select_box,#contact .topicform #contact_detail{display:block;} #contact .topicform input, #contact .topicform #contact_detail{ width: 290px;} #contact .topicform input#name,#contact .topicform input#email{ width: 190px;} #contact .topic,form .topic,.inline_hilight{ font-size:0.9em; font-weight:bold; color:#736945;} .inline_hilight{ display:block; min-width:120px; float:left;} #contact_info{ z-index:3; position:absolute; top:30px; right:100px; font-size:0.9em;} #contact_info .most_topic{ font-size:1em; font-weight:bold;} #contact_info .most_topic.mail{ width:100px; display:inline-block;} #contact_info a{ color:#6B4934;} #contact_info ul{ padding-left:20px; margin-bottom:10px;} #contact_info img{ border:0;} #contact_info .phone{font-weight:bold;} /* location */ #location_box{ color:#817E6B; position:relative;} #location_box.chiangmai img{} #location_box img{} #location_box.chiangmai .content_box, #location_box.phuket .content_box{ position:absolute; top:30px; left:600px; width:370px;} #location_box .content_box{ position:absolute; top:420px; left:50px; width:380px;} #location_box a{ display:block; background:transparent url(../images/but_print.png) left top no-repeat; height:23px; text-indent:-9999px; margin:5px 0; width:90px;} #location_box h2.location{ background:transparent url(../images/h2_location.png) left top no-repeat; height:35px; text-indent:-9999px; width:380px;} #location_box h2.location.resort{ background:transparent url(../images/h2_location_resort.png) left top no-repeat !important;} #location_box p{ margin:5px 0;} /* popup */ #popup{ margin:40px auto 10px auto; width:650px; } #popup h1.logo{display:block !important;} #popup h2.news_popup_topic,#popup h2.hotelmore_popup_topic,#popup h2.spamore_popup_topic,#popup h2.moredetail_popup_topic,#popup h2.promotion_popup_topic{ height:78px; width:100%; text-indent:-9999px; padding-right:10px;margin-bottom:10px;} #popup h2.news_popup_topic{ background:transparent url(../images/news_popup_h2.png) left top no-repeat; } #popup h2.hotelmore_popup_topic{background:transparent url(../images/hotelpromotion_popup_h2.png) left top no-repeat;} #popup h2.spamore_popup_topic{background:transparent url(../images/spapromotion_popup_h2.png) left top no-repeat;} #popup h2.moredetail_popup_topic{background:transparent url(../images/moredetail_popup_h2.png) left top no-repeat;} #popup h2.promotion_popup_topic{background:transparent url(../images/moredetail_popup_h2.png) left top no-repeat;} #popup .event_date{ font-style:italic; font-size:0.8em; color:#8F8880;} #popup .event_detail{margin:10px 0 0 30px; text-align:center;} #popup .event_detail p{ text-align:left;} #popup .event_detail img{ margin:10px auto; } #popup_content{ margin-top:20px; background:#FFF; color:#746F60; text-align:left; padding:10px; font-size:0.9em;} #popup_content .button_booking{ margin:10px 0;} #popup_content .r_feature{ padding-left:30px;} #popup_content .r_feature li{ float:left; width:200px;} #popup_content ul.p_ul{ width: 400px; margin:10px 0; border-top:#DD984F 1px dotted; padding-top:5px;} #popup_content .detail ul,#popup_content .term ul,.full_detail ul{ list-style:disc; padding-left:20px;} .full_detail ul{ margin-bottom:5px;} #popup_content .term{ margin-top:10px;} .detail{ margin:10px 0;} .full_detail{ margin:10px 0;} #popup_content .p_name{ display:inline-table; width:160px;} #popup_content .p_price{display:inline-table; color:#DD984F;} #boxshow_feature h2{ font-size:1em; font-weight:bold;} /* Ad Banner */ #ad_banner{ width:300px; height:300px; border:1px solid #CCC;} /* room feature popup */ .roomfeature .r_wellness p strong{ color:#DD984F; font-size:22px; font-weight:normal;} .roomfeature .r_wellness p + ul,.roomfeature .r_detail ul, .roomfeature .r_term ul,.description ul{ margin-left:15px; color:#746F60; list-style:disc;} .roomfeature .r_wellness + .topic{ font-weight:bold;} .roomfeature .r_wellness + .topic + ul.r_feature{ margin-left:15px; color:#746F60;} /* page navigation */ .page_nav{ display:block; text-align:right; color:#736945; font-size:0.9em;} .page_nav a{ margin:0 3px;} .page_nav a,.page_nav a:link{ color:#DA954F; text-decoration:none;} .page_nav a:visited{ color:#CFCBBE;} .page_nav a:hover{text-decoration:underline;} /*.page_nav .first:before,.page_nav .last:before,.page_nav .previous:before,.page_nav .next:before{ content:"( "; } .page_nav .first:after,.page_nav .last:after,.page_nav .previous:after,.page_nav .next:after{ content:" )"; }*/ /* share */ h1.headshare{background:transparent url(../images/h1_share.png) left top no-repeat; color:#736945; text-indent:-9999px; height:75px; margin:5px 5px;} #boxshare{ text-align:left;} #social_share, #boxshare_email{ clear:both; margin:10px;} #boxshare_email, #share_facebook,#share_twitter{ background:#FFF; padding:10px;} #boxshare_email{ font-size:0.9em;} #share_facebook, #share_twitter{ float:left; width:217px; padding:5px;} #share_twitter{ float:right !important;} #boxshare .share_link{ display:block; padding-left:30px; height:24px; line-height:24px; vertical-align:middle;} /*.share_but{ background:url(../images/but_sharethis.png) no-repeat left center; width:105px; height:23px; display:block; text-indent:-9999px;}*/ #share_facebook .share_link{ background:url(../images/FaceBook-24x24.png) no-repeat left center; color:#009;} #share_twitter .share_link{ background:url(../images/Twitter-24x24.png) no-repeat left center; color:#66CCFF;} /* mostly use */ .hidden{ display:none;} .most_topic,.box_promotion .topic,#package .packbox ul .package_topic,#box_pro .show_pro .proname, #article_page h2.topic a,.article_topic{ color:#DD984F; font-size:22px; font-weight:normal;} .most_byuser{ color:#746F60;} .most_datetime,.article_create{ font-style:italic; font-size:0.8em; color:#8F8880;} .fontxt{ color:#CCCCCC;} .redfont{ color:#FF0000; font-size:10px;} .require{ background-color:#F8991D; font-size:13px; padding:1px 2px; color:#FFF; margin:5px 0; font-weight:bold;} .important{ padding:5px; border:1px solid #C9844F;} .importantinput{ background:#FFEEBF;} .avatar{width:100px; height:100px; background:#8E8780; margin:0 10px 5px 5px; border:1px solid #CCC; float:left; overflow:hidden;} /* panorama */ #panorama{ font-size:0.9em;} #panorama h1.panorama{ margin:0; width:980px; background:url(../images/h1_panorama.png) left top no-repeat; height:70px;} ul.panomenu{ padding:10px; margin-bottom:10px;} ul.panomenu li{ float:left; text-align:center; width:190px; margin-bottom:2px;} #pano_obj{ text-align:center;} #panorama .caption{ margin:5px; background:#FEF8E2; color:#DA954F; text-align:center; padding:1px 2px; margin-bottom:0;} #panorama a,#panorama a:link,#panorama a:visited{ text-decoration:none; color:#DA954F; padding:0 10px; display:block;} #panorama a:hover,#panorama li.active a{ background:#FFB475; color:#FFF;} /* writer profile */ .writer_profile{ margin:20px auto; padding:10px; background:#fff; text-align:left; width:800px;} .writer_profile a{ color:#DD984F;} .writer_profile a:hover{ text-decoration:underline;} .writer_information{}/* min-height:190px;*/ .contact_information{ float:left; width:620px;} .contact_information .name{ font-size:30px; color:#DD984F;} .writer_profile .write_avatar{ border:1px solid #CCC; margin-right:10px; float:left; min-height:150px; min-width:150px;} .article_writer{ margin-top:10px;} .writer_left{ width:28%; float:left; margin-right:10px; padding:10px; border:1px solid #DD984F;} .writer_right{ width:68%; float:left;} .writer_profile .topic{ font-size:25px; color:#DD984F;} .writer_text{ font-size:0.9em; color:#8F8880; text-align:justify; margin-left:20px; margin-bottom:10px;} .latest_article{} .latest_article .no{ margin-right:5px; width:10px; display:inline-block;} .latest_article .submit_date{ display:block; font-size:0.8em; color:#8F8880; margin-left:15px;} .writer_detail .topic{ width:250px; height:40px; text-indent:-9999px;} .writer_detail .about_writer{ background:transparent url(../images/writer_about_title.png) left top no-repeat;} .writer_detail .work{ background:transparent url(../images/writer_work_title.png) left top no-repeat;} .contact_information .link_facebook{ padding-left:20px; background:transparent url(../images/facebook_16.png) left center no-repeat; vertical-align:middle; margin-top:10px;} .contact_information .link_twiter{ padding-left:20px; background:transparent url(../images/twitter_16.png) left center no-repeat; vertical-align:middle;} /* help */ h2.help_welcome { height:45px; width:440px; text-indent:-9999px; background:transparent url(../images/h2_help.png) left top no-repeat;} .help_description{ color:#8F8880;} .help_topic{ color:#DD984F; font-size:30px; font-family:"Times New Roman", Times, serif;} .help_topic{ width:250px; height:35px; text-indent:-9999px; margin-top:10px;} .help_topic.grouptype1{ background:transparent url(../images/help_group_hotel.png) left top no-repeat;} .help_topic.grouptype2{ background:transparent url(../images/help_group_spa.png) left top no-repeat;} .help_topic.grouptype3{ background:transparent url(../images/help_group_member.png) left top no-repeat;} .help_topic + ul{ padding-left:20px;} .help_topic + ul li{ padding-left:15px; background:transparent url(../images/li_arrow_mini.png) left center no-repeat;} .help_topic + ul li a,#tophelpbox a{ color:#817E6B !important;} .help_topic + ul li a:hover,#tophelpbox a:hover{ color:#603814 !important;} .help_problem{ padding:10px; color:#FFF; background:#DD984F;} .help_problem a{ border-bottom:1px dotted #FFF;} .help_contact_link{ display:block; margin-top:20px;} .help_contact_text{ font-weight:bold;} #tophelpbox h2{ background:transparent url(../images/h2_tophelp.png) left top no-repeat; height:80px; text-indent:-9999px; margin-right:-5px;} #tophelpbox li{ border-bottom:1px dotted #FFBB75; padding-bottom:2px; margin-bottom:2px;} h1.headhelp{ background:transparent url(../images/h2_help.png) left top no-repeat; color:#736945; text-indent:-9999px; height:75px; margin:5px 5px;} .answer_help ul{ list-style:disc; text-decoration:none;} .question_help .title,.answer_help .title{ display:block;} .question_help a,.answer_help a{ color:#DD984F;} .faqs_text{ margin-left:30px;} .faqs_text.question{ font-size:20px; color:#DD984F;} .trip_banner img{} #tripadvisor_widget, #affiliate{ float:right; right:0; margin:5px;} #tripadvisor_widget .widFRR, #affiliate{ margin:5px 10px !important;} #langmenu{ text-align:left; float:left;} #award{ width:340px; height:340px; border:0.5px solid #DDD; position:relative; float:left; margin-right:15px; overflow:hidden;} h2.h2_award{ position:absolute; top:0; left:0; z-index:3; background:transparent URL(../images/h2_award.png) left top no-repeat; width:142px; height:70px; text-indent:-9999px; margin:5px;} h2.h2_excursions{ position:absolute; top:0; left:0; z-index:3; background:transparent URL(../images/h2_excursions.png) left top no-repeat; width:100%; height:70px; text-indent:-9999px; margin:5px 10px;} .award_box{ position:absolute; display:none;} .award_text{ z-index:2; position:absolute; left:0; bottom:0; text-align:left; font-weight:bold; color:#FFF; margin:10px; font-size:18px; text-shadow:1px 1px 2px #000;} .award_image{ z-index:1;} .contact_information #direct_msg{ border:1px solid #DD984F; padding:7px 10px;} .contact_information .inputbox{ margin-bottom:3px;} .contact_information .link_msg{ margin-top:10px;} .contact_information .link_msg a{ padding:1px 5px; font-size:0.9em; margin-top:10px; color:#FFF; background:#DD984F;} .contact_information .button{ margin-top:5px; text-align:right;} .contact_information #direct_msg .title{ font-size:0.9em; width:60px; float:left;} #bubooking{ width:490px; min-height:432px; position:relative; z-index:2; margin-bottom:-7px;} #bubooking .most_topic{ font-size:20px;} .bubooking.bgimage,.grandcentral.bgimage{ margin:-12px 0 0 -10px; z-index:1; position:absolute;} #bubooking .detail{ font-size:0.9em;} .goback{ margin:10px 0;} #grandcentral{ position:relative; z-index:2; margin-bottom:-7px; min-height:294px;} #grandcentral p{ color:#FFF; width:280px; text-align:left; margin-left:680px;} #grandcentral p a{ color:#FC0;} #facebooklike, #googleplus{ float:right;} .social_button{ position:absolute; top:40px; right:-5px;} .social_button img{ border:0;} .tn_box{ background:#FFFAF0; height:60px; margin:0 -14px; border-bottom:1px solid #FFE1C2;} .tn_box .tn{ width:40px; height:40px; margin:10px 0 10px 10px; float:left; display:block; overflow:hidden; border:1px solid #666;} .tn_box .tn img{ border:0;} .facilities_box .tn_box{ margin:0 -10px; text-align:center;} .facilities_box .tn_box .tn{ display:inline-block; float:none;} .shade_bottom_wide{ background:URL(../images/shade_bottom_wide.png) top center no-repeat; height:20px;} .spapromotion .box_page,.spapromotion .show_proMARK{ padding-bottom:0 !important;} /* add */ .discountprice{ text-decoration:line-through; color:#999;} #inform_reserv_box .important{ margin-bottom:10px;} /* welcome */ .welcome{ margin-bottom:10px;} .welcome ul{ margin:5px 0 5px 40px;} .welcome li{ list-style:disc; color:#666; font-size:13px;} .special_box{ background:#FFF; color:#DD984F; -moz-border-radius: 0 10px 0 0; -webkit-border-radius: 0 10px 0 0; margin:10px 10px 0 10px; padding:10px; font-size:1.2em;} .inline_label{ font-weight:bold;} .internation_transfer .inline_label{ width:120px; text-align:right; float:left; margin-right:10px; clear:both;} .biggertext{ font-size:16px; color:#DD984F; font-weight:bold;} .submit_form{ display:block; margin-top:10px;} /* add testimonial */ .addtestimonial{} /* phuket under construction*/ #phuket_undercon .hero{ margin:-10px 0 0 -10px;} #phuket_undercon .big_annouce{ position:absolute; z-index:4; width:620px; height:120px; background:url(../images/phuket_undercon/annouce.png) top left no-repeat; text-indent:-9999px; margin:20px 15px;} #phuket_undercon .content{ background:url(../images/phuket_undercon/contentbg.jpg) top left no-repeat; width:950px; padding:20px; margin-left:-10px; min-height:260px;} #phuket_undercon .address{ background:url(../images/phuket_undercon/address.png) top left no-repeat; height:120px; width:370px; margin-right:10px; float:left; text-indent:-9999px;} #phuket_undercon .gallery{ float:left; width:570px;} #phuket_undercon .gallery .tn{ width:80px; height:80px; margin:0 15px 15px 0; float:left; border:1px solid #817E6B;} #phuket_undercon .gallery .tn.last { margin-right:0 !important;} /* new gallery */ #album_button{ margin-bottom:-6px;} .gallery_box{ width:600px; float:left; margin:10px;} .gallery_right{ float:left; width:340px;} .gallery_info{ margin-bottom:20px;} .gallery_info .title{ color:#DD984F; font-size:24px; margin-bottom:5px;} .gallery_info .description{ color:#AFA68F; text-align:justify; font-size:13px;} .gallery_box .tn{ width:60px; height:60px; margin:0 14px 15px 0; float:left; border:1px solid #817E6B;} .gallery_box .tn img{ width:100%; height:100%;} .gallery_box .tn.last{ margin-right:0 !important;} .gallery_nav{ margin:10px 0;} .gallery_nav .nav_link{ width:20px; color:#DD984F; border:1px solid #DD984F; text-align:center; margin-right:5px; float:left; display:block; text-decoration:none;} .gallery_nav .nav_link.current{ color:#FFF !important; background:#DD984F;} .gallery_nav .nav_link:hover{ color:#FFF !important; background:#FFBB75; border:1px solid #FFBB75;} #special{ margin:10px 0;} /* christmas */ .button_group{ margin:10px;} #christmas_box{ width:990px; margin:-12px 0 0 -10px;} #christmas_left, #christmas_right{ float:left; height:700px; margin-bottom:-13px;} #christmas_left{ width:600px; background:URL(../images/christmas/bg_left.jpg) top left no-repeat;} #christmas_right{ width:350px; background:URL(../images/christmas/bg_right.jpg) top left no-repeat; padding:0 20px;} #tree_only{ width:410px; height:570px;background:URL(../images/christmas/tree_only.png) center center no-repeat; margin:0 95px; z-index:5; position:relative;} .prize_info{ margin-top:130px; margin-bottom:10px; text-align:justify; font-size:12px;} #christmas_left, #christmas_right{ text-shadow:1px 1px 1px #000; color:#FFF;} #gift_box{ position:relative; margin-top:-80px; z-index:4;} #box1, #box2, #box3, #box4, #box5, #box6, #box7, #box8{ position:absolute;} #box1{ width:131px; height:110px; background:URL(../images/christmas/box1.png) center center no-repeat; top:10px; left:50px;} #box2{ width:135px; height:126px; background:URL(../images/christmas/box2.png) center center no-repeat; top:70px; left:70px; z-index:2;} #box3{ width:110px; height:109px; background:URL(../images/christmas/box3.png) center center no-repeat; top:40px; left:180px;} #box4{ width:130px; height:91px; background:URL(../images/christmas/box4.png) center center no-repeat; top:100px; left:210px; z-index:2;} #box5{ width:123px; height:112px; background:URL(../images/christmas/box5.png) center center no-repeat; top:40px; left:290px;} #box6{ width:129px; height:113px; background:URL(../images/christmas/box6.png) center center no-repeat; top:90px; left:340px; z-index:3;} #box7{ width:101px; height:101px; background:URL(../images/christmas/box7.png) center center no-repeat; top:50px; left:400px; z-index:2;} #box8{ width:125px; height:102px; background:URL(../images/christmas/box8.png) center center no-repeat; top:0px; left:420px;} .email_form{ margin:10px 0;} .email_form .label, #prize_list_box .label{ font-weight:bold; font-size:12px; margin:2px 0;} #christmas_box .separator{ height:3px; background:URL(../images/christmas/separator_christmas.png) center center no-repeat; margin:10px auto;} .label.inline{ width:120px; margin-right:10px; float:left; text-align:right;} .email_form .button_group{ margin-left:128px;} div.input{ margin:3px 0;} div.input select{ margin-right:3px;} .christmas_info{ margin:10px 0; text-align:center;} .prize_list{ margin-left:20px;} .label.big{ font-size:16px !important;} .label.big.mail{ text-align:center;} .warning{ font-size:28px; font-weight:bold; text-align:center;} .label.big, .popup_content .prize_get, .email_form .command, .email_form .command a, #christmas_back, .warning, .show_text, .christmas_footer_head{ font-family:Georgia, "Times New Roman", Times, serif; font-style:italic;} #christmas_left .popup{ width:340px; height:380px; background:URL(../images/christmas/popup.png) center center no-repeat; position:absolute; top:150px; left:135px; z-index:8; display:none;} .popup_content{ padding:20px;} .popup_content .prize_get{ font-size:20px !important; text-align:center; font-weight:bold; margin-top:40px;} .popup_content .email_form{ margin-top:60px;} .email_form .command{ text-align:center; margin-top:10px;} .email_form .command, .email_form .command a, #christmas_back{ font-size:20px; text-decoration:none; font-weight:bold;} .popup_content .email_form .command{ font-size:14px;} .email_form .command a:hover, #christmas_back:hover{ text-decoration:underline;} .show_text{ text-align:center; font-weight:bold; margin:10px 0; font-size:17px;} .christmas_footer_head{ font-weight:bold; color:#603913; font-size:22px; margin-bottom:5px;} .christmas_footer_content{ color:#603913; margin-left:24px; font-size:13px; line-height:20px;} .christmas_footer_head, .christmas_footer_content{ text-shadow:1px 1px 1px #ccc;} .christmas_footer_head.status{ color:#F60;} .footer_ornament{ width:120px; height:146px; background:url(../images/christmas/footer_ornament.png) center center no-repeat; position:absolute; bottom:-25px; right:-25px; z-index:10;} #christmascode .button_group{ margin:5px 5px 5px 23px;} #christmascode .command{ text-align:center;} #christmascode a{ color:#603913 !important; font-size:16px;} #christmascode .status{ margin-left:10px;} .status.green{ color:#0C0;} .status.red{ color:#F30;} #christmas{ width:960px; text-align:left; margin:10px auto;} #christmas_footer{} #christmas .logo{ background:URL(../images/christmas/rarin_christmas_logo.png) center center no-repeat; height:146px; width:1000px;} .voucher_link_head{ margin-top:20px;} .voucher_link{ background:#FDFBEA; padding:10px; border:1px solid #FEF8D6; text-align:center; color:#F60; font-size:20px;} .sub_treatment .title{ font-weight:bold; color:#DD984F; margin-bottom:5px;} .sub_treatment{ margin:10px 30px; color:#666;} .sub_treatment ul{ padding-left:30px;} .sub_treatment_detail{ list-style:square;} .start_sum{ border-top:1px solid #FFF0C1; margin-top:5px;} .sp_box{ border-bottom:1px solid #FFF5D2; padding:10px 0;} .sp_box .title, .time .title, .price .title{ color:#DD984F; font-weight:bold;} .sp_box .short_des{ margin:5px 0;} .sp_box .short_des, .sub_treatment_detail{ font-size:12px; color:#666;} .description_promotion{ list-style:none;} .description_promotion li{ padding-left:20px;} .more_detail{ margin:10px 0;} .more_detail li{ margin-left:30px; list-style:disc;} #package .packbox.hilight .package_topic{ font-size:22px; font-weight:bold; font-style:italic;} .newsimage{ text-align:center;} .newsimage img{ width:500px; margin:5px auto;} #top_bar{ padding:4px 8px; background:#E9E4CF;} #expert_affiliate_link{ padding:3px 0; clear:both; background:#857C72; text-align:center;} /*affiliatePage*/ #affiliate_left{ float:left; margin-right:20px; width:600px;} .orange_box{ background:#DD984F; padding:10px; -moz-border-radius: 10px; border-radius: 10px; margin-bottom:10px;} #affiliate_right{ width:350px; float:right; color:#FFF;} #affiliate_right .howto_text{ margin-bottom:10px;} #affiliate_right .howto textarea{ width:100%;} #affiliate_right .headtitle{ font-size:22px; margin-bottom:10px;} #affiliatePage{ font-size:0.9em;} .affiliate_box{ margin-bottom:10px; border-bottom: 1px dotted #DD984F; padding-bottom:10px;} .affiliate_box a{ color:#DA954F;} .affiliate_box .title{ font-size:18px; margin-bottom:5px;} .affiliate_box .url{ font-style:italic; margin-top:5px;} .step1, .step2{ margin-bottom:10px;} #reservation .step1, #reservation .step2{ margin-bottom:0 !important;} .step1 span, .step2 span{ font-weight:bold;} #affiliate_right .note2{ font-weight:bold; font-style:italic; margin-bottom:10px;} #affiliate_right .note{ margin-bottom:10px;} .submit_website_link{ display:block; font-weight:bold; font-size:20px; text-align:center; width:270px; margin:0 auto;} .submit_website_form{ display:none;} textarea[name=code], textarea[name=description]{ resize: none;} .submit_website_form .separator{ margin-bottom:10px;} #voucher_banner{ margin:7px auto;} .map_download_box{ margin-bottom:20px; border-bottom:#FFBB75 dotted 1px; padding-bottom:20px;} .map_download_box .title{ font-weight:bold; font-size:16px; margin-bottom:5px;} .map_download{ padding:10px; margin-bottom:10px; width:550px; float:left; margin-right:10px;} .map_download img{ width:100%;} .map_direction{ float:left; margin-top:20px; width:390px;} .map_download_box .commonmap_link{ text-align:center;} .map_download_box .commonmap_link a{ color:#DA954F;} #VoteWorldClassSpa{ position:relative;} .vote_ribbon{ z-index:5; width:180px; height:110px; position:absolute; background:URL(../images/vote-ribbon.png) top left no-repeat; top:-15px; right:-21px; pointer-events:none;} /* wedding */ #wedding{ width:990px; margin:10px auto; color:#FFF;} #wedding .morning{ background:#8D8C74;} #wedding .evening{ background:#B8857A;} #wedding .morning_evening{ background:#9F8567;} #wedding .head{ padding:10px 10px 5px 10px;} #wedding .main .body{ padding:10px;} #wedding .hero{ overflow:hidden; border-top:5px solid #FFF; border-bottom:5px solid #FFF; position:relative; z-index:10;} #wedding .morning_evening .hero{ border-top:5px solid #784939; border-bottom:5px solid #784939;} #wedding .main.morning_evening .title1{ margin-left:150px; display:block; margin-top:-30px;} #wedding .main .body{ padding-bottom:30px; position:relative; z-index:9;} #wedding .bg_lotus{ width:610px; height:520px; background:url(../images/wedding/lotus.png) center center; opacity:0.15; position:absolute; left:-120px; bottom:-180px; z-index:1;} #wedding .head .title{ font-family:"Edwardian Script"; font-size:80px; position:relative; margin-bottom:-35px;} #wedding .sub_title{ text-align:right; text-transform:uppercase; font-size:12px; font-family:"Times New Roman", Times, serif; letter-spacing:1.5px;} #wedding .sub_title:before{ content:"(";} #wedding .sub_title:after{ content:")";} #wedding .left, #wedding .right{ width: 465px; float:left; padding:10px;} #wedding .left{ padding-left:40px; width:435px;} #wedding .price{ font-size:18px;} #wedding .contact{ margin-top:120px;} #wedding ul{ color:#FFF; font-size:13px;} #wedding .main, #wedding .sub{ overflow:hidden; margin-bottom:10px; position:relative;} #wedding .title{ position:relative; z-index:12;} #wedding .sub{ padding:10px; width:470px;} #wedding .sub .body, #wedding .sub .tn{ z-index:9; position:relative;} #wedding .sub.odd{ float:left;} #wedding .sub.even{ float:right;} #wedding .sub .tn{ height:130px; overflow:hidden; margin:-10px -10px 10px -10px;} #wedding .sub .title{ font-family:"Edwardian Script"; font-size:35px;} #wedding .sub .price{ margin-left:10px; font-size:14px;} #wedding .morning .tn, #wedding .evening .tn{ border-bottom:5px solid #FFF;} #wedding .morning_evening .tn{ border-bottom:5px solid #784939;} .wedding_menu .menu{ margin-left:0 !important; position:relative; z-index:10;} #wedding .big_title{ font-size:60px; font-family:"Edwardian Script"; color:#736945; text-shadow:1px 1px 0px RGBA(255, 255, 255, 0.5); margin-bottom:10px;} .shadow_box, #wedding .main, #wedding .sub{ -moz-box-shadow: 0px 0x 5px RGBA(0, 0, 0, 0.5); -webkit-box-shadow: 0px 0px 5px RGBA(0, 0, 0, 0.5); box-shadow: 0px 0px 5px RGBA(0, 0, 0, 0.5); } @font-face{ font-family: 'Edwardian Script'; src: url('../images/wedding/ITCEdscr.TTF');}