.bespoke-parent {position: relative; width: 100%; height: 100%; -webkit-perspective: 1200px; -moz-perspective: 1200px; perspective: 1200px; overflow: hidden;}
.bespoke-slide {
	width: 100%; height: 100%; position: absolute; top: 0; left: 0; visibility: hidden; overflow: hidden;
	-webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);
	-webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-animation-duration: 1.0s; animation-duration: 1.0s;
}

section.bespoke-slide {display: block;}
.bespoke-inactive {visibility: hidden;}
.bespoke-active {visibility: visible;  z-index: 1;}
.fx-transitioning-in, .fx-transitioning-out {visibility: visible;}


/* FullBackground */
.fullBack {width:100%; height:100%; background-size:cover !important; background-position:center top !important; background-repeat:no-repeat !important;}


/* PagingNumber */
#paging {position:fixed; right:0; top:50%; margin-top:-115px; width: 45px; background: rgba(255, 255, 255, 0.4); text-align:center; z-index:200;}
#pagingUp {display:block; cursor:pointer ;padding-top:30px; padding-bottom:15px;}
#pagingDown {display:block; cursor:pointer; padding-top:15px; padding-bottom:30px;}
#pageNum, #totalNum {display:block; text-align:center; color: #000; font-size:22px; letter-spacing:-0.01em; font-weight:700;}
#pagingLine {width:21px; height:1px; display:block; background: #000; margin:0 auto; margin-top:15px; margin-bottom:15px;}

/* menu */
#tmenu{width: 100%; height: 60px; position: fixed; top: 0; left: 0; background: rgba(255, 255, 255, 0.3); z-index: 500;}
#tmenu > #tmr{width: 100%; font-size: 16px;}
#tmenu > #tmr .logo{position: relative; width: 262px; height: 60px; background: #000 url(/nhroot/baops/img/common/logo.jpg) top left no-repeat; margin: 0 2px 0 0; float: left; cursor: pointer;}
#tmenu > #tmr .logo a{position: absolute; top: 0; left: 0; width: 262px; height: 60px; font-size: 14px; line-height: 16px; color: #fff; font-weight: bold; text-align: justify; letter-spacing: 2pt; padding: 13px 0 0 154px;}
#tmenu > #tmr .logo a span{font-size: 14px; line-height: 16px; color: #fff; font-weight: bold; text-align: justify; letter-spacing: 1pt;}
#tmenu > #tmr .logo a span.lg1{letter-spacing: 2pt;}
#tmenu > #tmr .logo:hover{background: #fff url(/nhroot/baops/img/common/logo2.jpg) top left no-repeat;}
#tmenu > #tmr .logo:hover a span{color: #000;}
#tmenu > #tmr .menu{width: 100%;}
#tmenu > #tmr .menu > ul{padding-left: 0; text-align: center;}
#tmenu > #tmr .menu > ul > li{float: left;}
#tmenu > #tmr .menu > ul > li.mn1{width: 136px;}
#tmenu > #tmr .menu > ul > li.mn2{width: 109px;}
#tmenu > #tmr .menu > ul > li.mn3{width: 157px;}
#tmenu > #tmr .menu > ul > li.mn4{width: 117px;}
#tmenu > #tmr .menu > ul > li.mn5{width: 113px;}
#tmenu > #tmr .menu > ul > li.mn6{width: 93px;}
#tmenu > #tmr .menu > ul > li.mn7{width: 87px;}
#tmenu > #tmr .menu > ul > li > a{height: 60px; font-size: 15px; line-height: 60px; color: #3b3b3b; letter-spacing: 0.5pt; display: block; padding: 0;}
#tmenu > #tmr .menu > ul > li:hover > a{background: #000 url(/nhroot/baops/img/common/mb_border.jpg) bottom center no-repeat; color: #fff;}
#tmenu > #tmr .menu > ul > li > a img{margin-right: 10px;}
#tmenu > #tmr .menu > ul > li .smenu{background: #000; padding: 28px 0 26px 20px; text-align: left; display: none;}
#tmenu > #tmr .menu > ul > li .smenu li{width: 100%; margin-bottom: 7px;}
#tmenu > #tmr .menu > ul > li .smenu li a{font-size: 13px; color: #fff; letter-spacing: 0.5pt;}
#tmenu > #tmr .menu .reser_btn{width: 131px; height: 60px; position: absolute; right: 0; top: 0; background: #000 url(/nhroot/baops/img/common/img_reser.png) 22px center no-repeat; cursor: pointer;}
#tmenu > #tmr .menu .reser_btn a{width: 131px; height: 60px; display: block; color: #c9c9c9; line-height: 60px; padding-left: 48px; font-weight: bold; letter-spacing: 0.5pt;}
#tmenu > #tmr .menu .reser_btn:hover{background: #fff url(/nhroot/baops/img/common/img_reser2.png) 22px center no-repeat;}
#tmenu > #tmr .menu .reser_btn:hover a{color: #000;}


/* footer */
#icoScroll {position: fixed; z-index: 100; bottom: 100px; left: 50%; margin-left: -35px;}
#footer {width:100%; height: 50px; position: fixed; z-index:100; bottom:0; left:0; background: rgba(0, 0, 0, 0.5); text-align:right;}
#footer ul {display:inline-block; height:35px;}
#footer ul li {height: 25px; font-size: 12px; line-height: 25px; display: inline-block; float:left; padding:0 10px;}
#footer ul li.address {position: absolute; right: 0; color: #e5e5e5; letter-spacing: -0.2pt;}
#footer ul li.information {height: 27px; position: absolute; right: 155px; bottom: 50px; line-height: 27px; color: #fff;}
#footer ul li.author1 {height: 27px; position: absolute; right: 65px; bottom: 50px; line-height: 27px; background: #464646; color: #fff;}
#footer ul li.author2 {height: 27px; position: absolute; right: 0; bottom: 50px; line-height: 27px; background: #000; color: #fff;}


#roomInfo {width: 500px; position: fixed; top: 50%; left: 50%; margin: -250px; z-index: 100; text-align:center;}
#roomInfo span.roomInfoTitle {display: inline-block;}
#roomInfo span.roomInfoTitle h1 {width: 500px; position: fixed; top: 50%; left: 50%; margin: -250px; font-size: 50px; font-weight: 700; line-height: 50px; color: #fff; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.75); padding: 0 0 1px 0; margin-bottom: 22px; opacity: 0;}
#roomInfo span.roomInfoTitle h1 span {font-size: 50px; font-weight: 700; color: #fff; display: inline-block; border-bottom: 4px solid #fff;}
#roomInfo span.roomInfoTitle h2 {width: 500px; position: fixed; top: 58%; left: 50%; margin: -250px; font-size: 20px; font-weight: 700; line-height: 20px; color: #fff; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.75); margin-bottom: 19px; opacity: 0;}
#roomInfo a.roomInfoBtn {width: 75px; position: fixed; top: 40%; left: 50%; margin: -37px; display: block; opacity: 0;}

#roomDetail {display:none; position:fixed; top:50%; left:0; width:100%; z-index:500; background:rgba(255, 255, 255, 0.85);}
.roomDetailInner {max-width:1060px; width:100%; margin:0 auto; position:relative;}
/*#roomDetailClose {display: inline-block; position: absolute; top: -67px; right: 128px; cursor:pointer;}*/
#roomDetailClose {display: inline-block; position: absolute; top: 0; right: 80px; cursor:pointer;}
.roomDetailHeader {padding-top:55px; padding-bottom:45px; position:relative; text-align:center;}
.roomDetailHeader h4 {font-size: 50px; font-weight: 700; line-height: 50px; color: #313131; padding: 0 0 2px 0; margin-bottom: 24px;}
.roomDetailHeader h4 span {font-size: 50px; font-weight: 700; color: #313131; display: inline-block; border-bottom: 4px solid #313131;}
.roomDetailHeader h5 {font-size: 20px; font-weight: 700; line-height: 20px; color: #313131; margin-bottom: 27px;}
.roomDetailHeader p {margin-top: 25px; font-size: 14px; line-height: 22px; color: #000; text-align: center;}
.roomDetailReservation {width: 115px; display: inline-block; line-height:30px; background:#b71b1b; color: #fff; position:absolute; right: 80px; bottom: 4px;}

.roomDetailInfo {padding-bottom: 40px;}
.roomDetailTable {width: 901px; border: solid 1px #aaa; margin: 0 auto;}
.roomDetailTable tr {border-bottom: solid 1px #aaa;}
.roomDetailTable tr th,
.roomDetailTable tr td {font-size: 14px; line-height: 20px; color: #000; padding: 12px 20px; letter-spacing: -1pt;}
.roomDetailTable tr th {width: 94px; border-right: solid 1px #aaa; background: #626262; color: #fff; font-size: 14px; text-align: center;}
.roomDetailTable tr td {background: #fff;}
.roomDetailTable tr td b {color: #000; font-size: 14px; font-weight: 700;}
.roomDetailTable tr td ul {}
.roomDetailTable tr td ul li {font-size: 13px; font-weight: normal; line-height: 20px;}
.roomDetailTable tr td ul li span {font-size: 13px; font-weight: bold; line-height: 20px;}

@media (max-width: 1100px) { 
 .roomDetailInner {padding-left:15px; padding-right:15px;}
}

.roomBg {width:100%; height:100%;}
#exterior_title {position:fixed; z-index:100; top:200px; left:50%; margin-left:-140px;}
#ex_txt01 {width: 300px; position: absolute; top: 260px; left:50%; margin-left:-40px; font-size: 20px; font-weight: bold; color: #fff; text-shadow: 1px 1px 2px rgba(0,0,0,0.75);}
#roomRnb section {border-bottom:solid 10px #fff;}

.roomBg section {width:100%; height:100%;}

/* facility */
#facilityInfo {width: 500px; height: 500px; position: fixed; top: 15%; left: 50%; text-align: right; z-index: 100; padding: 0; background-size:cover !important; transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
#facilityInfo .tit{text-shadow: 1px 1px 2px rgba(0,0,0,0.75)}
#facilityInfo .tit .facilityTitle {width: 500px; position: absolute; top: -1%; right: 145%; color: #fff; font-size: 76px; font-weight: 700; line-height: 100%; margin-bottom: 11px; opacity: 0;}
#facilityInfo .tit h2 {color: #fff; font-size: 76px; font-weight: 700; line-height: 100%; opacity: 0;}
#facilityInfo .tit .facilityTitle2 {width: 500px; position: absolute; top: 15%; right: 145%; margin-bottom: 10px;}
#facilityInfo .tit .facilityTitle3 {position: absolute; top: 30%; right: 145%; padding-bottom: 10px; margin-bottom: 9px; border-bottom: 6px solid #fff; display: inline-block;}
#facilityInfo .tit .facilityTitle3.fa4t3 {width: 177px;}
#facilityInfo .tit .facilityTitle4 {width: 500px; position: absolute; top: 52%; right: 145%; color: #fff; font-size: 20px; font-weight: 700; line-height: 100%; opacity: 0;}
#facilityInfo .txt {width: 700px; position: absolute; top: 60%; right: 145%; font-size: 16px; font-weight: 500; line-height: 22px; color: #fff; opacity: 0; text-shadow: 1px 1px 2px rgba(0,0,0,0.75)}


/* service */
#serviceInfo {width: 500px; height: 500px; position: fixed; top: 15%; left: 50%; text-align: right; z-index: 100; padding: 0; background-size:cover !important; transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
#serviceInfo .tit{}
#serviceInfo .tit .serviceTitle {width: 500px; position: absolute; top: -1%; right: 145%; color: #fab32c; font-size: 76px; font-weight: 700; line-height: 100%; margin-bottom: 11px; opacity: 0;}
#serviceInfo .tit h2 {color: #313131; font-size: 76px; font-weight: 700; line-height: 100%; opacity: 0;}
#serviceInfo .tit .serviceTitle2 {width: 500px; position: absolute; top: 15%; right: 145%; margin-bottom: 10px;}
#serviceInfo .tit .serviceTitle3 {position: absolute; top: 30%; right: 145%; padding-bottom: 10px; margin-bottom: 9px; border-bottom: 6px solid #313131; display: inline-block;}
#serviceInfo .tit .serviceTitle4 {width: 500px; position: absolute; top: 52%; right: 145%; color: #313131; font-size: 20px; font-weight: 700; line-height: 100%; opacity: 0;}
#serviceInfo .txt {width: 500px; position: absolute; top: 72%; right: 185%; font-size: 16px; font-weight: 500; line-height: 22px; color: #313131; opacity: 0;}
#serviceInfo .txt span {font-size: 16px; line-height: 22px; color: #313131; padding-top: 17px; display: inline-block;}


/* Tour */
#tour_top{width: 100%; min-height: 350px; background:url(/nhroot/baops/img/tour/timg.jpg) top center no-repeat; }
#tour_tit{width: 700px; z-index: 20; position: absolute; top: 167px; left: 50%; margin-left: -350px;  opacity: 0; letter-spacing: 1pt; font-size: 40px; font-weight: 700; color: #fff; text-shadow: 1px 1px 2px rgba(0,0,0,0.75); text-align:center;}
#tour_txt{width: 200px; z-index: 20; position: absolute; top: 220px; left: 50%; margin-left: -100px; opacity: 0; letter-spacing: 1pt; font-size: 20px; font-weight: 700; color: #fff; text-shadow: 1px 1px 2px rgba(0,0,0,0.75); text-align:center;}
#tour_tab{width: 100%; z-index: 20; position: absolute; top: 291px; margin: 0 auto; opacity: 0; font-size: 15px; color: #fff; text-align: center; border-top: 1px solid rgba(255, 255, 255, 0.35);}
#tour_tab ul{width: 877px; font-size: 15px; color:#ffffff; text-align: center; margin: 0 auto;}
#tour_tab ul li{font-size: 15px; color: #fff; text-align: center; padding: 0 40px; float: left;}
#tour_tab ul li a{font-size: 15px; color: #fff; text-align: center; line-height: 38px;}
#tour_tab ul li a:hover{color: #000; text-align: center;}
#tour_con{width: 1624px; height: 500px; min-height: 500px; position: relative; left: 50%; margin-left: -812px; margin-top: 35px; padding-bottom: 100px;}
#tour_con .container{}
#tour_con .container > div{padding-bottom: 100px;}
#tour_con a#btn_top {position: absolute; bottom: 70px; left: 50%; z-index: 100; margin-left: -27px;}


/* Introduce */
.introBg {width:100%; height:100%; position:relative; background-image:url("../img/common/background.jpg"); background-position:center top; background-size:cover; background-repeat:no-repeat;}
.introBgAni {width:100%; height:100%; position:absolute; top:0; left:0; z-index:50; background-size:cover !important; background-position:center top !important; background-repeat:no-repeat !important;}
#introBg01 {background-image:url("../img/intro/intro_bg01.png");}
#introBg02 {background-image:url("../img/intro/intro_bg02.png");}
#introBg03 {background-image:url("../img/intro/intro_bg03.png");}
.introTitle {position:absolute; top:7.4%; right:16%; z-index:100;}
.introTitle img {height:100%; width:auto;}
.introTitle p {position:absolute; top:610px; left:50px; width:550px; line-height:2.2em; font-size:13px; color:#313131;}


/* Main */
.mainBg {width:100%; height:100%; overflow:hidden; position:relative; /*background-image:url("../img/common/background.jpg"); background-position:center top; background-size:cover; background-repeat:no-repeat;*/}
.mainBgAni {position:absolute; z-index:50;}


/* °Ô½ÃÆÇ, ¿¹¾à, Áöµµ °øÅë */
#top_talk {width: 100%; height: 350px; background: url(/nhroot/baops/img/common/tbg_talk.jpg) top center no-repeat; position: absolute; top: 0; z-index: -1;}
#top_reser {width: 100%; height: 350px; background: url(/nhroot/baops/img/common/tbg_reser.jpg) top center no-repeat; position: absolute; top: 0; z-index: -1;}
#top_map {width: 100%; height: 350px; background: url(/nhroot/baops/img/common/tbg_map.jpg) top center no-repeat; position: absolute; top: 0;z-index: -1; }
.ttx01{width: 700px; z-index: 20; position: absolute; top: 167px; left: 50%; margin-left: -350px;  opacity: 0; letter-spacing: 1pt; font-size: 40px; font-weight: 700; color:#ffffff; text-shadow: 1px 1px 2px rgba(0,0,0,0.75); text-align:center;}
.ttx02{width: 200px; z-index: 20; position: absolute; top: 220px; left: 50%; margin-left: -100px; opacity: 0; letter-spacing: 1pt; font-size: 20px; color:#ffffff; font-weight: 700; text-shadow: 1px 1px 2px rgba(0,0,0,0.75); text-align:center;}
#top_conbox{width: 100%;  position: absolute; top: 350px; padding-top: 50px;}
#top_con{width: 1100px; min-height: 500px; padding-bottom: 55px; position: relative; margin:0 auto;}
#top_con2{width: 1250px; min-height: 900px; height: 900px; position: relative; margin:0 auto;}

/* ±³Åë¾È³» */
.stit { width:100%; color:#264a73; font-size:14pt;  text-align:left; font-weight: 600; height:30px; letter-spacing:-0.5px; margin-bottom:20px;}
.stit span{width:100%; color:#267dc0; font-size:20pt;  text-align:left; font-weight: bold; height:30px;}
.stit1 { width:100%; color:#267dc0; font-size:20pt;  text-align:left; font-weight: bold; height:30px;}
.stit11 { width:100%; color:#267dc0; font-size:16pt;  text-align:left; font-weight: bold; height:30px;}
b{font-weight: bold;}
.bt_bl{width:200px; height:40px;  background: rgba(41, 41, 41, 0.8 ); line-height: 40px; text-align: center; cursor: pointer; font-size:14px;  margin-right: 20px; float: left; color: #fff; }

/* °´½Ç¿ä±Ý */
#top_tit1 {position: absolute; width:350px; font-size:35px; text-align:center; color:#fff; top:55px; left:50%; margin-left:-175px; opacity:0; letter-spacing:8px;}
#top_tit2 {position: absolute; width:350px; font-size:15px; text-align:center; color:#fff; top:100px; left:50%; margin-left:-175px; opacity:0; letter-spacing:6px;}
#top_tit3 {position: absolute; width:160px; height:35px; line-height:35px; font-size:14px; text-align:center; color:#fff; top:140px; left:50%; margin-left:-80px; border:#fff 1px solid; box-shadow: 1px 1px rgba(0,0,0,0.3); opacity:0;}
.stit2 { width:100%; color:#403d33; font-size:15pt;  text-align:left; font-weight: 600; height:30px;letter-spacing:-0.5px;margin:0 auto;}
.stit3 { width:95%; color:#ff4e00; font-size:14pt;  text-align:left; font-weight: bold; height:30px;margin:0 auto;}
.stit4 { width:95%; color:#565656; font-size:12pt;  text-align:left; font-weight: bold; height:30px;margin:0 auto;}

/* ¿¹¾à */
#ptable {border-bottom:#d9d9d9 1px solid; border-right:#d9d9d9 1px solid; width:100%; margin-left:auto; margin-right:auto; margin-bottom:20px;}
#ptable td {padding: 6px 0 ; border-top:#d9d9d9 1px solid; border-left:#d9d9d9 1px solid; font-size:13px; text-align: center;}
#ptable td.border{border-right:#d9d9d9 3px double;}
#ptable th {border-top:#d9d9d9 1px solid; border-left:#d9d9d9 1px solid;background: #ededed;font-weight: 300; color:#323232;}
.con {width:100%; margin:0 auto;}
.con1 {width:94%; margin:0 auto;}


.roomsBg {width:100%; height:1000px; background-image: url("../img/room/rooms/rooms_bg.jpg"); background-position: center center; background-color: #59493f; background-size: auto 100%; background-repeat: no-repeat;}
.roomstit {width: 200px; position: absolute; top: 0; left: 50%; margin-left: -100px; text-align: center;}
.roomstit h1 {width: 200px; position: absolute; top: 77px; font-size: 40px; color: #fff; font-weight: bold; text-shadow: 1px 1px 2px rgba(0,0,0,0.75); text-align: center; opacity: 0;}
.roomstit h2 {width: 200px; position: absolute; top: 140px; font-size: 20px; color: #fff; font-weight: bold; text-shadow: 1px 1px 2px rgba(0,0,0,0.75 ); text-align: center; opacity: 0;}
.exDesc {width: 600px; position: absolute; top: 760px; left: 50%; background: #313131; text-align: center; color: #fff; padding: 20px 0; margin-left: -380px;}

.exCircle {
text-align:center;
display:block;
width: 95px;
height: 28px;
font-size: 14px;
background:rgba(255,255,255,0.1);
-webkit-transition:all 0.25s ease-in-out;
-moz-transition:all 0.25s ease-in-out;
-o-transition:all 0.25s ease-in-out;
-ms-transition:all 0.25s ease-in-out;
transition:all 0.25s ease-in-out;
/*border-radius:90px;
-moz-border-radius:90px;
-webkit-border-radius:90px;*/
color: #fff;
letter-spacing:-0.01em;
line-height: 1.8em;
position: absolute;
border: 1px solid rgba(255, 255, 255, 0.4);
}

.exCircle span {display: block; font-size:19px; font-weight: bold;}
#exRoom01 {top: 365px; right: 50%; margin-right: 480px;}
#exRoom02 {top: 287px; right: 50%; margin-right: 396px;}
#exRoom03 {top: 255px; right: 50%; margin-right: 282px;}
#exRoom04 {top: 224px; right: 50%; margin-right: 165px;}
#exRoom05 {top: 243px; right: 50%; margin-right: 26px;}
#exRoom06 {top: 243px; left: 50%; margin-left: -6px;}
#exRoom07 {top: 243px; left: 50%; margin-left: 152px;}
#exRoom08 {top: 243px; left: 50%; margin-left: 268px;}
#exRoom09 {top: 267px; left: 50%; margin-left: 376px;}
#exRoom10 {top: 393px; left: 50%; margin-left: 500px;}
#exRoom11 {top: 429px; left: 50%; margin-left: 500px;}
#exRoom12 {top: 514px; left: 50%; margin-left: 500px;}

.exCircle:hover {background: #fff; color: #000; border: 1px solid #fff;}


.exRac {display:inline-block; text-align: center; color: #fff; position: absolute; font-size: 14px; font-weight:bold;}
.exRac.pool {font-size: 30px;}
#exName01 {width: 95px; height: 28px; top: 702px; left: 50%; background: rgba(0,0,0,0.5); margin-left: 391px; border: 1px solid rgba(255, 255, 255, 0.4)}
#exName02 {width: 80px; top: 475px; left: 50%; margin-left: -24px; text-shadow: 1px 1px 2px rgba(0,0,0,0.75);}
#exName03 {width: 200px; top: 735px; right: 50%; margin-right: 46px; text-shadow: 1px 1px 2px rgba(0,0,0,0.75);}
#exName03 span{font-size: 30px; color: #fff100;}