/* reset */
html{color:#fff;background-color:#FFFFFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
/* general */
body { height: 1120px; font-size: 14px; font-family: 'Helvetica', 'Arial', 'Thonburi', 'Tahoma', 'sans-serif'; line-height: 1.25em; }
strong { font-weight:bold; }
em { font-style:italic; }
a { color:#0eaca2; text-decoration:none; }
a:hover { text-decoration:none; color:#AAADAF; }
ul { padding:0px; margin:0px auto; }
ul li { list-style:none; }
img {border:none;}
h1 , h2 , h3 , p { padding:0px; margin:0px; }
.bold { font-weight:bold; }
.clear {clear: both;}
.clearfix { display: block;}
.clearfix:after {clear: both; content: " "; display: block; height: 0; overflow: hidden;visibility: hidden;}
.hide { display:none; }
.bx-wrapper .bx-pager { bottom:20px;}
.bx-wrapper .bx-viewport { border:0; left:0;}
.hide { display:none; }
.rsu { font-family: 'andale_monoregular'; }
/* Layout */
body { background-color:#FFFFFF; color:#0eaca2; }
#container { background-color: #FFFFFF; width: 980px; height:655px; margin: 0 auto; position:relative; }
#container.shutter { height:905px; }
#container.shutter2 { height:825px; }
#container.meeting { height: 1090px; }
footer { position: relative; padding: 15px 0; text-align:right; margin: 0 auto; }
footer .copyright { color: #FFFFFF; font-size: 0.8em; }
/* header */
#header {position: absolute; height: 191px; background: transparent url(../images/header.png); width: 980px; top: -1px; left: 0; z-index: 20; }
#header .logo { position: absolute; height: 191px; left:85px; width:160px; display:block; }
#logo { position: absolute; height: 191px; left: 75px; width: 188px; display: block; background-position: -74px -2px; background-image: url('../images/header.png'); background-repeat: no-repeat; z-index: 21; }
#logo-2 { position: absolute; height: 191px; left: 75px; width: 188px; display: block; background-position: -74px -2px; background-image: url('../images/header.png'); background-repeat: no-repeat; z-index: 60; }
#reservation-box { position: absolute; bottom: 10px; right: 10px; display: block; height: 30px; width: 123px; z-index:20; }
#reservation-box.active { background: transparent url(../images/icn-nav.png) no-repeat top center; }
#reservation-box .reservation-txt { background: transparent url(../images/reservation.png) no-repeat;width: 123px;height: 14px;display: block;position: absolute;top: 15px;right: 0px; }
#letterBox { background: transparent url(../images/letter.png); width: 335px; height: 112px; display: block; position: absolute; z-index: 2; top: 300px; left: 70px; }
#tailBox { font-family: 'andale_monoregular'; color: #FFFFFF; bottom: 60px; position: absolute; text-align: center; width: 100%; color:#AAADAF; }
#tailBox .hr { width: 285px; height: 1px; display: block; background-color: #FFFFFF; margin: 10px auto; }
/* hilight */
#hilightBox { width: 980px; height: 565px; position: absolute; z-index: 0; top: 90px; }
#hilightBox img { width: 980px;height: 565px; }
/* promotion */
#promotionBox { background: transparent url(../images/btn-promotion.png); width: 153px; height: 40px; position: absolute; z-index: 20; top: 350px; right: 0; }
#promotionBox a { width: 153px; height: 40px; display:block; }
/* Contact */
#contactBox { width: 980px; height: 565px; position: absolute; z-index: 0; top: 90px; }
#contactCoverBox { background: transparent url(../images/contact-cover.jpg); width: 980px; height: 160px; position: absolute; z-index: 5; top: 190px; right: 0; }
#contactInfoBox { line-height: 27px; font-size: 13px; position: absolute; z-index: 5; top: 410px; left: 200px; }
#contactInfoBox h4 { font-size: 20px; margin: 20px 0; }
#contactMapBox { line-height: 25px; font-size: 13px; position: absolute; z-index: 5; top: 420px; right: 25px; text-align:right; }
#contactMapBox img { margin-top:5px;}
#contactCoverBox #inner2{ width: 248px; height: 160px; position: absolute; top: 0; left: 246px; z-index: 50; }
#contactCoverBox #inner3 { width: 248px; height: 160px; position: absolute; top: 0; right: 0; z-index: 50; }
#contactCoverBox img { width: 248px; height: 160px; }
/* About */
#aboutBox { width: 980px; height: 565px; position: absolute; z-index: 0; top: 90px; }
#aboutInfoBGBox { width: 320px; height: 300px; display: block; background-color: #000000; position: absolute; top: 90px; left: 275px; opacity: 0.5; }
#aboutInfoBox { padding:10px; color:#FFFFFF; width: 300px; height: 280px; display: block; position: absolute; top: 90px; left: 275px; z-index:2; }
#aboutInfoBox h4 { font-size: 20px; text-align: right; margin-top: 40px; padding: 0 20px 10px; }
#aboutInfoBox .inner { font-size: 13px; padding: 25px 0; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; text-align: center; line-height: 17px; }
#aboutInfoBox h5 {font-size: 16px; margin-bottom: 15px; }
/* ACccom */
#accomBox { width: 980px; height: 565px; position: absolute; z-index: 0; top: 90px; }
#accomBox img { width: 980px; height: 420px; }
#accomBox img.main{ width: 980px; height: 565px; }
#accomTitle { background-color: #FFFFFF; position: absolute; bottom: 40px; height: 105px; width: 100%; }
#accomTitle2 { background-color: #FFFFFF; position: absolute; bottom: 40px; height: 105px; width: 100%; }
#accomTitle.shutter { height: 355px; }
#accomTitle2.shutter { height: 275px; }
#accomTitle .inner { position: absolute; right: 60px; top: 13px; text-align: right; font-size: 14px; line-height: 23px; }
#accomTitle2 .inner { position: absolute; right: 60px; top: 13px; text-align: right; font-size: 14px; line-height: 23px; }
#accomTitle h3{ font-family: 'andale_monoregular'; font-weight: bold; margin-bottom: 10px; font-size: 20px; }
#accomTitle2 h3{ font-family: 'andale_monoregular'; font-weight: bold; margin-bottom: 10px; font-size: 20px; }
#accomTitle i.bullet { background: transparent url(../images/icn-bullet.jpg) no-repeat;width: 6px;height: 9px;display: block;position: absolute;right: -20px;bottom: 8px; }
#accomTitle2 i.bullet { background: transparent url(../images/icn-bullet.jpg) no-repeat;width: 6px;height: 9px;display: block;position: absolute;right: -20px;bottom: 8px; }
#accomTitle i.bullet-3 { bottom: 30px; }
#accomTitle2 i.bullet-3 { bottom: 30px; }
#accomTitle i.bullet-2 { background: transparent url(../images/icn-bullet.jpg) no-repeat;width: 6px;height: 9px;display: block;position: absolute;right: -20px;bottom: 5px; }
#accomTitle2 i.bullet-2 { background: transparent url(../images/icn-bullet.jpg) no-repeat;width: 6px;height: 9px;display: block;position: absolute;right: -20px;bottom: 5px; }
.accomDetail { width: 500px; position: absolute; background-color: rgba(0, 0, 0, 0.7);top: 125px; height: 385px; left: 0; color: #FFFFFF; }
#btn-close{ position: absolute; z-index: 22; font-size: 20px; top: 135px; left: 475px; color: #FFFFFF; }
.accomDetail h4{ margin-top: 50px; font-size: 18px; text-align: right; margin-right: 10px; margin-left: 10px; border-bottom: 2px solid #FFFFFF; padding-bottom: 10px; margin-bottom: 10px; }
.accomDetail .inner { margin: 0 12px; font-size: 0.95em; }
.accomDetail .outer { overflow-y: auto; min-height: 270px; max-height: 270px; margin-right: 10px; }
.accomDetail ul { font-size: 0.95em; margin:10px 12px; }
.accomDetail ul li{ width: 50%; float: left; display: inline; font-size: 0.95em; }
.accomDetail ul.table1 { margin-bottom: 3px; margin-top:20px; border-top: 1px solid #FFFFFF; padding-top: 3px; padding-left: 10px; padding-bottom: 3px; border-bottom: 1px solid #FFFFFF; }
.accomDetail ul.table1 li { width: 20%; text-align: center; }
.accomDetail ul.table1 li.a1 { width: 40%; text-align: left; }
.accomDetail ul.table2 { padding-top: 3px; padding-left: 10px; padding-bottom: 3px; border-bottom: 1px solid #FFFFFF; }
.accomDetail ul.table2 li { width: 20%; text-align: center;}
.accomDetail ul.table2 li.a1 { width: 40%; text-align: left; }
#accomTitle ul { position: relative; right: -17px; top: 5px; }
#accomTitle2 ul { width: 930px; position: relative; right: -10px; top: 5px; }
#accomTitle ul li{ position: relative;display: inline-block;padding-left: 15px;padding-right: 15px;text-align: center;vertical-align: top; }
#accomTitle2 ul li{ vertical-align: top; position: relative;display: inline-block;padding-left: 5px;padding-right: 5px;font-size: 12px;text-align: center; }
#accomTitle ul li a.active { color:#AAADAF; }
#accomTitle2 ul li a.active { color:#AAADAF; }
#accomTitle span.more { font-size: 11px; color: #c2976a; z-index: 0; width: 100px; right: 4px; }
#accomTitle2 span.more { font-size: 11px; color: #c2976a; z-index: 0; width: 100px; right: 10px; }
#accomTitle span.more a { font-family: 'andale_monoregular'; color: #c2976a; }
#accomTitle2 span.more a { font-family: 'andale_monoregular'; color: #c2976a; }
#accomTitle span.less { width: 100px; right: 5px; z-index: 20; background-color: #FFF; }
#accomTitle2 span.less { width: 100px; right: 5px; z-index: 20; background-color: #FFF; }
#accomTitle span.less img { }
#accomTitle2 span.less img { }
#accomTitle .terms { font-size: 11px; margin-right: 4px; }
#accomTitle2 .terms { font-size: 11px; margin-right: 4px; }
.facDetail { position: absolute; top: 110px; color: #000; width: 910px; height: 200px; padding:0 35px; }
.facDetail .title { color: #0eaca2; font-size: 15px; padding-top: 10px; font-weight: normal; padding-bottom: 5px; border-top: 2px solid #0eaca2; margin-bottom: 0px; }
.facDetail .innerdetail { font-size: 12px; color: rgb(145, 143, 143); margin-bottom: 15px; line-height: 24px; }
.facDetail .indent span.color-1 { color: #0eaca2; }
#promoBox { width: 980px; height: 565px; position: absolute; z-index: 0; top: 90px; background-color: #000; }
#promoBox img { width: 980px; height: 420px; }
#promoBox img.main{ width: 980px; height: 565px; opacity: 0.9; background-color: #000000; }
#promoInfo { position: absolute; top: 210px; left: 40px; }
#promoInfo h2{ color: #FFFFFF; font-size: 20px; border-bottom: 1px solid #FFFFFF; padding-bottom: 10px; margin-bottom: 10px; }
#promoInfo .inner { width: 900px; height: 230px; margin: 0; background-color: rgba(255,255,255, 0.5); padding-top: 20px; padding-bottom: 20px; }
#promoInfo .inner .bx-viewport { background-color: transparent !important; box-shadow: none !important; }
#promoInfo .bx-wrapper .bx-prev { left: -25px; }
#promoInfo .bx-wrapper .bx-next { right: -25px; }
#promoInfo .inner div.ul { margin: 0 25px; margin-top: 0; }
#promoInfo .inner ul li { display: inline-block; width: 279px; border-right: 1px solid #FFFFFF; height: 230px; vertical-align: top; overflow: hidden; text-align: center; }
#promoInfo .inner .detail { margin: 0 auto; width: 250px; height: 100%; position: relative; }
#promoInfo .inner .detail img { border: 1px solid #FFFFFF; width: 250px; margin-bottom: 15px; height: 120px; }
#promoInfo .inner .detail h4 { text-align: left; margin-left: 15px; margin-right: 15px; font-size: 12px; }
#promoInfo .inner .detail a { cursor:pointer; color:#c2976a; }
#promoInfo .inner .detail span { font-size: 11px; position: absolute; bottom: 5px; right: 10px; }
#promoDialog { width: 420px; height: 535px; position: absolute; z-index: 20; top: 105px; left: 275px; }
#promoDialog .promoDetail { background-color: #00a098; padding: 15px; position: relative; }
#promoDialog .promoDetail #btn-close { top: 10px; left: 400px; font-size: 14px; }
#promoDialog .promoDetail h4 { color: #FFFFFF; padding-top: 10px; font-size: 13px; line-height: 21px; border-bottom: 1px solid #FFFFFF; padding-bottom: 4px; margin-bottom: 5px; }
#promoDialog .promoDetail .except { color: #FFFFFF; font-size: 12px; }
#promoDialog .promoDetail .inner { border: 1px solid #FFFFFF; background-color: #649F83; padding: 10px; margin-top: 10px; font-size: 12px; color: #FFFFFF; min-height:390px; max-height: 390px; overflow-y: auto; line-height: 20px; }
#promoDialog .promoDetail .inner img { width: 367px !important; margin: 7px 0 !important; }
/* Meeting */
#meetingBox { width: 980px; position: absolute; z-index: 0; top: 90px; }
#meetingBox img { width: 980px; height: 420px; }
.meetingDetail { font-size: 12px; position: absolute; top: 510px; width: 910px; height: 470px; left: 0; padding: 35px; }
.meetingDetail h4 { font-size: 20px;font-weight: bold;padding-bottom: 10px;border-bottom: 2px solid; margin-bottom: 10px; }
.meetingDetail h4.last { width: 60%; margin-bottom: 5px; }
.meetingDetail .inner { color: rgb(145, 143, 143); margin-bottom: 15px; line-height: 24px; }
.meetingDetail .inner ul.row { float: left; width: 30%; }
.meetingDetail .inner ul.row li { }
.meetingDetail .inner ul.col { border-bottom: 2px solid #0eaca2; padding-bottom: 5px; margin-bottom: 5px; width: 60%; margin-left: 0; }
.meetingDetail .inner ul.col li { display: inline-block; width: 24%; text-align: center; }
/* Gallery */
#galleryBox { width: 980px; position: absolute; z-index: 0; top: 90px; }
#galleryBox img { width: 980px; height: 420px; }
#bx-pager { position: absolute; z-index: 25; bottom: 100px; width: 620px; height: 55px; padding: 7px 30px; background-color: rgba(0,0,0,0.5); border: 1px solid #AAADAF; overflow: hidden; left: 157px; }
#bx-pager img { width: 83px; height: 55px; border-left: 1px solid #AAADAF; border-right: 1px solid #AAADAF; margin: 0; }
#bx-pager .bx-prev { left: -37px; }
#bx-pager .bx-next { right: -37px; }
#galleryTitle { background-color: #FFFFFF; position: absolute; bottom: 5px; height: 105px; width: 100%; }
#galleryTitle .inner { position: absolute; right: 140px; top: 30px; text-align: right; font-size: 18px; }
#galleryTitle h3{ font-weight: bold; margin-bottom: 10px; font-size: 20px; }
/* Footer */
#footer { padding-left: 8px; height:38px; position: absolute; z-index: 2; bottom:0; width:972px; text-align:left; border-top: 2px solid #AAADAF; }
#footer.none-border { border-top: 0; }
#footer .border { background-color: #AAADAF; height:2px; }
#footer.grey { border-top: 2px solid #AAADAF; }
#footer a { }
#footer img { margin-top: 6px; border-radius: 5px; position: relative; top: -23px; left: 30px; margin-right: 15px; width: 32px; }
#footer .copy { color: #AAADAF; float: right; top: 13px; position: relative; right: 0px; font-size: 12px; }
/* Menu */
#menu-1 { font-family: 'andale_monoregular'; position: absolute; width: 75px; height: 27px; bottom: 108px; font-size: 15px; text-align: right; padding-bottom: 0px; border-bottom: 1px solid #0eaca2; }
#menu-1 li.active a { color:#AAADAF; }
#menu-2 { font-family: 'andale_monoregular'; color:#0eaca2; position: absolute; width: 730px; height: 27px; bottom: 108px; font-size: 15px; text-align: right; padding-bottom: 0px; border-bottom: 1px solid #0eaca2; right: 0; }
#menu-2 li { color: #0eaca2; display: inline-block; padding: 0 6px; text-align: center; }
#menu-2 li.active a { color:#AAADAF; }
#submenu { padding-left: 265px; width: 715px; background-color: rgba(14,172,162,0.6); top: 90px; position: absolute; left: 0; z-index: 20; height: 35px; line-height: 35px;}
#submenu li { display: inline-block; font-size: 12px; text-align: left; margin-left: 30px; }
#submenu li a { color:#FFFFFF; }
#submenu li a:hover { color:#E6E6E6; }
#submenu-1 { background-image: url(../images/menu-hover.png); width: 178px; height: 101px; position: absolute; z-index: 20; top: 125px; left: 405px; }
#submenu-1 li{ font-size: 12px; text-align: center; line-height: 30px; }
#submenu-1 li a{ color:#FFFFFF; }
#submenu-1 li a:hover { color:#E6E6E6; }
#submenu-2 { background-image: url(../images/menu-hover-2.png); width: 178px; height: 101px; position: absolute; z-index: 20; top: 125px; left: 245px; }
#submenu-2 li{ font-size: 12px; text-align: center; line-height: 30px; }
#submenu-2 li a{ color:#FFFFFF; }
#submenu-2 li a:hover { color:#E6E6E6; }