@charset "utf-8";



body{

	 font-family: Arial, Helvetica, FangSong , STFangsong , Microsoft JhengHei,STHeiti, sans-serif;

	 width: 100%;

	 height: 100vh !important;
	
     overflow: hidden;

}



.head-bg{

	width:100%;

	height:110px;

	/*background-color:#cabeb2;*/

	position: fixed;

    top: 0;

    z-index: 999;

}





/**訂房須知背景圖**/

.notice-wrap{

	margin:0;

    padding:0;

	background: url(../images/notice_bg.jpg) center center fixed no-repeat;

    -moz-background-size: cover;

    background-size: cover;

    width: 100%;

	height: 100%;

}



/**套裝行程背景圖**/

.tour-wrap{

	margin:0;

    padding:0;

	background: url(../images/tour_bg.jpg) center center fixed no-repeat;

    -moz-background-size: cover;

    background-size: cover;

    width: 100%;

	height: 100%;

}



/**房型介紹背景圖**/

.rooms-wrap{

	margin:0;

    padding:0;

	background: url(../images/rooms_bg.jpg) center center fixed no-repeat;

    -moz-background-size: cover;

    background-size: cover;

    width: 100%;

	height: 100%;

}



.head-w1700{

	width:1700px;

	margin:0 auto 0 auto;

}



.ctn-w1450{

	width:1450px;

	margin:0 auto 0 auto;

}



.ctn-w1450-top{

	margin-top:1.25em;

}



.head-logo-wrap{

	position: absolute;

    padding-top:2em; /*2017-04-11編輯*/

    z-index: 999;

	-webkit-transition:all 0.4s ease;

	-moz-transition:all 0.4s ease;

	-o-transition:all 0.4s ease;

	transition:all 0.4s ease;

	

}



.head-logo{

	border-right-style:solid;

	border-right-color:#ffffff;

	border-right-width:1px;

	display: inline-block;

	

}



.head-info{

	font-family: Heiti TC, "微軟正黑體", "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;

	color:#ffffff;

	font-size:14px;

	display:inline-block;

	line-height: 1.5 !important; /*2017-11-28編輯*/

	padding-left:0.625em;

}



.head-info a:link{

	color: #ffffff;

}



.head-info a:visited{

	color: #ffffff;

}



.head-info a:hover{

	color:#ffffff;

	text-decoration:underline;

}



.head-info a:active{

	color: #ffffff;

}



/**房型介紹詳細頁背景圖**/

.rdtl-wrap{

	margin:0;

    padding:0;

	background: url(../images/rdtl_bg.jpg) center center fixed no-repeat;

    -moz-background-size: cover;

    background-size: cover;

    width: 100%;

	height: 100%;

}



.rdtl2-wrap{

	margin:0;

    padding:0;

	background: url(../images/tuener_bg.jpg) center center fixed no-repeat;

    -moz-background-size: cover;

    background-size: cover;

    width: 100%;

	height: 100%;

}



.rdtl2-wrap2{

	margin:0;

    padding:0;

    -moz-background-size: cover;

    background-size: cover;

    width: 100%;

	height: 100%;

}



/**客房備品背景圖**/

.ker-wrap{

	margin:0;

    padding:0;

	background: url(../images/ker_bg.jpg) center center fixed no-repeat;

    -moz-background-size: cover;

    background-size: cover;

    width: 100%;

	height: 100%;

}



/**線上訂房背景圖**/

.bk-wrap{

	margin:0;

    padding:0;

	background: url(../images/bk_bg.jpg) center center fixed no-repeat;

    -moz-background-size: cover;

    background-size: cover;

    width: 100%;

	height: 100%;

}



.bk2-wrap{

	margin:0;

    padding:0;

	background: url(../images/bk2_bg.jpg) center center fixed no-repeat;

    -moz-background-size: cover;

    background-size: cover;

    width: 100%;

	height: 100%;

}









/**針對首頁輪播圖取消數字按鍵設定**/

ol{

	display:none !important;

}







/**關於我們**/

.ab-title{

	font-family: FangSong , STFangsong , Microsoft JhengHei, sans-serif;

	font-size:2.3em;

	color: #ffffff;

	letter-spacing: 0.02em;

	padding:4em 0 0.5em 0;

	-webkit-transition:all 0.4s ease;

	-moz-transition:all 0.4s ease;

	-o-transition:all 0.4s ease;

	transition:all 0.4s ease;

}



.list_line {

    border-bottom-style: solid;

    border-bottom-color: #F8B62D; /*2017-04-11編輯*/

    border-bottom-width: 3px;

}



/**訂房須知**/

.ntc-box{

	display: block;

    position: absolute;

    margin: auto;

    width: 50%;

    height: 52%;

    top: 0;

    bottom: 0;

	left: 0;

    right: 0;

    background-color: rgba(0,0,0,0.8);

	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#000000,endColorstr=#000000);

	padding: 2em;

	border-color:rgba(255,255,255,0.1);

	border-style:solid;

	border-width:1.25em;

	

}





.ntc-ctn-title{

	font-family: Heiti TC, "微軟正黑體", "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;

	color:#a68754;

	font-size: 22px;

	font-weight:bold;

	line-height:1;

	letter-spacing:1px;

	border-bottom-color:#727171;

	border-bottom-style:solid;

	border-bottom-width:thin;

	padding-bottom: 1.0em;

}



.ntc-ctn-ctn{

	font-family: Heiti TC, "微軟正黑體", "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;

	color:#ffffff;

	font-size: 16px;

	font-weight:500;

	line-height:2;

	letter-spacing:1px;

	padding-top: 1.25em;

}



.ntc-ctn-ctn a:link{

	color: #ffffff;

}



.ntc-ctn-ctn a:visited{

	color: #ffffff;

}



.ntc-ctn-ctn a:hover{

	color:#ffffff;

	text-decoration:underline;

}



.ntc-ctn-ctn a:active{

	color: #ffffff;

}





/**內頁與頂部間距**/

.pad_dp80px{

	padding-bottom:5em;

	padding-top: 1em;

}







/**房型介紹**/

.rms-box {

    display: block;

    position: absolute;

    margin: auto;

    width: 100%;

    height: 78%;

    /* top: 0; */

    bottom: 0;

    left: 0;

    right: 0;

    background-color: rgba(0,0,0,0.8);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#000000,endColorstr=#000000);

    padding: 2em;

	-webkit-transition:all 0.4s ease;

	-moz-transition:all 0.4s ease;

	-o-transition:all 0.4s ease;

	transition:all 0.4s ease;

}



.house-name{

	font-family: FangSong , STFangsong , Microsoft JhengHei, sans-serif;

	color:#a68754;

	font-size:2.75em;

	border-color:#a68754;

	border-style:solid;

	border-width:thin;

	padding: 0.1em;

    margin: 0 auto;

    width: 14%;

    text-align: center;

}



.rooms-name{

	font-family: "Times New Roman", Georgia, Serif;

	color:#a68754;

	font-size:2.75em;

	line-height: 2;

	text-align: center;

	letter-spacing: 2px;

}



.rooms-line{

	border-bottom-style:solid;

	border-bottom-color:#a68754;

	border-bottom-width:thin;

}





.rooms-style{

	font-family: Heiti TC, "微軟正黑體", "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;

	color:#a68754;

	font-size:1.5em;

	font-weight:bold;

	/*float: left;*//*2017-04-21編輯*/

	padding-bottom:2.25em;

	display: inline-block; /*2017-04-21編輯*/

}



.rooms-style li{

  float: left;

  margin: 0 1em;

  -webkit-transition:all 0.4s ease;

  -moz-transition:all 0.4s ease;

  -o-transition:all 0.4s ease;

  transition:all 0.4s ease;

}

.rooms-style li a{

  display: block;

  padding: 0.5em;

  letter-spacing: 1px; /*2017-04-11編輯*/

  color: #a68754;

  -webkit-transition:all 0.4s ease;

  -moz-transition:all 0.4s ease;

  -o-transition:all 0.4s ease;

  transition:all 0.4s ease;

}

.rooms-style li a:hover{

  color: #a68754;

  text-decoration:underline;

}



.house-type-pic{

	padding:2em;

	text-align: center;

}



/**房型介紹-詳細頁**/

.rms-dtl-box {

    display: block;

    position: absolute;

    margin: auto 50px;

    width: 600px;

    height: 600px;

    top: 87px;

    bottom: 0;

	/*left: 0;*/

    right: 0;

    background-color: rgba(0,0,0,0.8);

	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#000000,endColorstr=#000000);

	padding: 2em;

	-webkit-transition:all 0.4s ease;

	-moz-transition:all 0.4s ease;

	-o-transition:all 0.4s ease;

	transition:all 0.4s ease;

}



.rms-ft-wrap{

	padding-bottom: 2.2em;

	display: inline-block;

}



.rms-floor{

	width: 60px;

    height: 60px;

    font-family: Heiti TC, "微軟正黑體", "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif; /*2017-04-11編輯*/

    font-style: italic;

    color: #000000;

    font-size: 2em;/*2017-04-11編輯*/

    font-weight: bold;

    background-color: #a68754;

    border-radius: 50%;

    float: left;

    text-align: center;

    line-height: 61px;

}



.rms-dtl-title{

	font-family: Heiti TC, "微軟正黑體", "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;

	color:#a68754;

	font-size: 24px;

	font-weight:bold;

	line-height:1;

	letter-spacing:1px;

	padding-top: 0.8em;

	padding-left: 0.5em;

	float: left;

}



.rms-dtl-ctn{

	font-family: Heiti TC, "微軟正黑體", "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;

	color:#ffffff;

	font-size: 16px;

	font-weight:bold;

	line-height:1.5;

	letter-spacing:1px;

	padding-top: 1.0em;

	padding-bottom: 1.0em;

	text-align:justify;

}



.rms-table{

	width:100%;

}



.rms-table-txt{

	font-family: Heiti TC, "微軟正黑體", "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;

	font-size: 16px;

	font-weight:bold;

}



.rms-tc{

	text-align:center;

}



.rms-ctn-tc{

	text-align:center;

	border-bottom: 1px solid #a68754 !important;

	color:#ffffff;

}



.rms-ctn{

	border-bottom: 1px solid #a68754 !important;

	color:#ffffff;

	text-align:justify;

	line-height: 2;

}



.house-type-name{

	font-family: FangSong , STFangsong , Microsoft JhengHei, sans-serif;

	font-style:italic;

	color:rgba(238,238,238,0.8);

	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#eeeeee,endColorstr=#eeeeee);

	font-size:40px;

	font-weight:bold;

	float:right;

	padding-right: 0.2em;

	padding-bottom: 0.4em;

	padding-top: 0.2em;

}



.cus-reser-rlb-all{

	text-align: center;

	padding: 1em 0; /**2017-12-05編輯**/

}



.cus-reser-wrap{

	display:inline-block;

	padding: 0 0.5em 2.2em 0.5em;

}



.cus-reser{

	font-family: Heiti TC, "微軟正黑體", "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif !important;

	font-size: 16px;

	color:#ffffff !important;

	padding: 0.8em;

	border-radius: 5px;

	

}



.cus-reser a:link{

	color: #ffffff !important;

}



.cus-reser a:visited{

	color: #ffffff !important;

}



.cus-reser a:hover{

	color:#ffffff !important;

}



.cus-reser a:active{

	color: #ffffff !important;

}



.rooms-list-btn{

	font-family: Heiti TC, "微軟正黑體", "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif !important;

	font-size: 16px;

	color:#ffffff !important;

	padding: 1em;

	background-color:#684721;

	border-radius: 5px;

	

}



.cus-reser a:link{

	color: #ffffff !important;

}



.cus-reser a:visited{

	color: #ffffff !important;

}



.cus-reser a:hover{

	color:#ffffff !important;

}



.cus-reser a:active{

	color: #ffffff !important;

}



/**線上訂房設定**/

.bk-title{

	font-family: Heiti TC, "微軟正黑體", "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif !important;

	color:#a68754;

}

.bk-input{

	font-family: Heiti TC, "微軟正黑體", "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif !important;

	color:#000000;

}



.message-form{

	height: 200px;

}



.pure-button-primary, .pure-button-selected, a.pure-button-primary, a.pure-button-selected {

    background-color: #a68754 !important;

    color: #fff!important;

}



.btn-pd-set{

	margin:0.5em !important;

}



.back-on{

	float:right;

	position: relative;

    bottom: 11px;

	-webkit-transition:all 0.4s ease;

	-moz-transition:all 0.4s ease;

	-o-transition:all 0.4s ease;

	transition:all 0.4s ease;

}



.back-on a:link{

	color: #ffffff !important;

}



.back-on a:visited{

	color: #ffffff !important;

}



.back-on a:hover{

	color: #a68754 !important;

	-webkit-transition:all 0.4s ease;

	-moz-transition:all 0.4s ease;

	-o-transition:all 0.4s ease;

	transition:all 0.4s ease;

}



.back-on a:active{

	color: #ffffff !important;

}





/**後台編輯區塊**/

.page_w100{

	width:100%;

	height:auto;

}





/**日期月曆文字**/

.cal-set{

	font-family: Heiti TC, "微軟正黑體", "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif !important;

}



/**youtube影片**/
.videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}






















































































































































































































































































































































/**清除浮動**/

.clear-b{

	clear:both;

	margin:0;

	padding:0;

}



/**圖片圓角效果**/

.hiroki-br-img{

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	border-radius: 5px;

}



/**動態流暢效果**/

.atmrun{

	-webkit-transition:all 0.4s ease;

	-moz-transition:all 0.4s ease;

	-o-transition:all 0.4s ease;

	transition:all 0.4s ease;}

	



/**強制pure-img執行inline-block**/

.index-news-title-pic{

	display:inline-block !important;

}



	

	

@media (max-width: 1680px){

.ctn-w1450{

	width:72%;

	margin: 0 auto 0 auto;

}

.rms-box {

    height: 76%;

}

.rms-dtl-box {

    height: 600px;

}

}



	

@media (max-width: 1676px){

.head-w1700{

	width:96%;

	margin:0 auto 0 auto;

}

.house-name {

    width: 18%;

}

}





@media (max-width: 1600px){

#nav{

	display:none;

}

.rms-box {

    height: 73%;

}

.rms-dtl-box {

    height: 500px;

}

}

	



	

@media (max-width: 1530px){

.head-w1700{

	width:96%;

	margin:0 auto 0 auto;

}

.ctn-w1450{

	width:72%;

	margin: 0 auto 0 auto;

}

}



@media (max-width: 1473px){	

.house-name {

    width:10%;

}

}



@media (max-width: 1366px){

.rms-box {

    height: 69%;

}

.rms-dtl-box {

    height: 380px;

}

.ntc-box{

	top:87px;

}

}



@media (max-width: 1339px){

.house-name {

    width: 20%;

}

}



@media (max-width: 1314px){

.house-name {

    width: 20%;

}

}



@media (max-width: 1280px){

.rms-box {

    width: 97%;

	height: 68%;

}

.house-name {

    width: 24%;

}

.rms-dtl-box {

    height: 370px;

}

}



@media (max-width: 1116px){

.house-name {

    width: 25%;

}

}



@media (max-width: 1024px){

.rms-box {

    width: 96%;

	height: 72%;

}

.ctn-w1450 {

    width: 100%;

    margin: 0 auto 0 auto;

}

.house-name {

    width: 21%;

}

.ntc-box {

    width: 77%;

    height: 52%;

}

.rms-dtl-box {

    height: 360px;

	top: 87px;

}

}



@media (max-width: 849px){

.house-name {

    width: 24%;

}

}





@media (max-width: 768px){

.head-logo-wrap {

	position: fixed;

	padding-top: 1.125em;

	z-index: 999;

	text-align: center;

}



.head-logo{

	border-right:none;

	padding-bottom: 0.625em;

	

}

.head-info {

	padding: 0.625em 2em 0.625em 2em;

	display: none;

}

.head-w1700 {

    width: 28%;

    margin: 0 auto 0 auto;

}



.head-info{

	font-size:13px;

	line-height: 16px;

}

.ctn-w1450 {

    width: 100%;

	margin: 0 auto 0 auto;

}

.rms-box {

    width: 94%;

	height: 83%;

}

.pad_dp80px {

	padding-top: 2em;

}

.house-name {

    width: 14%;

}

.rms-dtl-box {

	margin: auto;

    width: 86%;

    height: 60%;

    top: 0;

    bottom: 0;

	left: 0;

    right: 0;

}

.ntc-box {

	width: 87%;

    height: 52%;

}

.head-bg {

    height: 70px;

}

}





@media (max-width: 736px){

.section-wrap .section .title{

	top:32%;

}

.ntc-box {

	width: 87%;

    height: 50%;

    top: 87px;

}

.ctn {

    height: 55%;

}

.rms-box {

	width: 95%;

	height: 62%;

}

.house-name {

    font-size: 2.0em;

}

.rooms-name {

    font-size: 2.0em;

}

.pad_dp80px {

    padding-top: 0;

}



.house-type-pic {

    padding: 0 0 2em 0;

}

.rms-dtl-box {

    width: 87%;

    height: 56%;

    top: 87px;

}

}





@media (max-width: 677px){

.head-w1700 {

    width: 31%;

    margin: 0 auto 0 auto;

}

.ctn-w1450 {

    width: 100%;

	margin: 0 auto 0 auto;

}

.ntc-box {

	width: 85%;

	height: 50%;

	top:87px;

}

.rms-dtl-box {

    width: 86%;

    height: 52%;

    top: 87px;

}

}



@media (max-width: 568px){

.head-w1700 {

    width: 37%;

    margin: 0 auto 0 auto;

}

.ctn-w1450 {

    width: 100%;

    margin: 0 auto 0 auto;

}

.ntc-box {

    width: 83%;

    height: 42%;

    top: 87px;

}

.ntc-ctn-title {

	padding-bottom: 0.5em;

}

.ntc-ctn-ctn {

	padding-top: 0.5em;

}

.rms-box {

    width: 94%;

    height: 48%;

}

.rms-dtl-box {

    width: 84%;

    height: 46%;

    top: 87px;

}
.videoWrapper iframe {
    position: relative;
    height: auto;
}

}





@media (max-width: 528px){

.head-w1700 {

    width: 37%;

    margin: 0 auto 0 auto;

}

.ctn-w1450 {

    width: 80%;

	margin: 0 auto 0 auto;

}

.house-name {

    width: 22%;

}

}



@media (max-width: 502px){

.ww-set{

	display:block;

}

.head-w1700 {

    width: 42%;

    margin: 0 auto 0 auto;

}

}



@media (max-width: 483px){

.head-w1700 {

    width: 45%;

    margin: 0 auto 0 auto;

}

.ctn-w1450 {

    width: 90%;

	margin: 0 auto 0 auto;

}

}



@media (max-width: 456px){

.head-w1700 {

    width: 48%;

    margin: 0 auto 0 auto;

}

.ctn-w1450 {

    width: 90%;

	margin: 0 auto 0 auto;

}

}



@media (max-width: 414px){

.head-w1700 {

    width: 50%;

    margin: 0 auto 0 auto;

}

.ctn-w1450 {

    width: 100%;

	margin: 0 auto 0 auto;

}

.section-wrap .section .title{

	top:40%;

}

.ctn{

	height:300px;

}

.ntc-box {

	width: 76%;

    height: 70%;

}

.ntc-ctn-title {

	padding-bottom: 1.0em;

}

.ntc-ctn-ctn {

	padding-top: 1.0em;

}

.rms-box {

	width: 90%;

	height: 78%;

}

.house-name {

    font-size: 2em;

}

.rooms-name{

    font-size: 2em;

}



.house-type-name {

    text-align: center;

	padding-top: 1em;

    padding-bottom: 1em;

}



.rms-ft-wrap {

	display: block;

    text-align: center;

}



.rms-dtl-box {

    width: 77%;

	height: 75%;

	top: 87px;

}

.rms-ft-wrap {

    padding-top: 0;

}

.cus-reser-rlb-all {

    padding-top: 3em;

}

.btn-ta{

	text-align:center;

}

}



@media (max-width: 375px){

.head-w1700 {

    width: 55%;

    margin: 0 auto 0 auto;

}

.ctn-w1450 {

    width: 100%;

    margin: 0 auto 0 auto;

}

.rms-box {

    width: 87%;

    height: 75%;

}

.house-name {

    width: 24%;

}

.ntc-box {

    width: 75%;

    height: 70%;

}

}



@media (max-width: 320px){

.head-info {

    padding: 0.625em 1em 0.625em 1em;

}

.ntc-box {

	width: 70%;

    height: 63%;

}

.head-w1700 {

    width: 65%;

    margin: 0 auto 0 auto;

}

.ctn-w1450 {

    width: 66%;

    margin: 0 auto 0 auto;

}

.rms-box {

	width: 85%;

	height: 70%;

}

.house-name {

    width: 48%;

}

.rms-dtl-box {

    width: 73%;

    height: 69%;

    top: 87px;

}

}