@charset 'UTF-8';
/*********************************************************************************/
/* Basic                                                                         */
/*********************************************************************************/
html, body {
	background-color: #FFF;
	height:auto;/*寫100%會消失*/
	overflow:auto;
	font-size: 4vw;
	/*overflow:auto: 需搭配高度寫死,ipad才能滑動*/
	/*overflow:inherit;*//*index.html在ios可以滑順,但導致iframe無法顯示下方*/
	/*border: 2px #00D dotted;*/
}

img{
	width:100%;
	height:auto;
	border:0;
	opacity:1;
}
#navi .logo {
	width:16vw;
	line-height:12vw;
	left:3vw;
}

.toggleBtn{
	display: block;
	width:12vw;
	height:12vw;
	padding:3vw;
	/*border: 1px #00D dotted;*/
}
/*.toggleBtn span{
	width:6vw;
	height:0.6vw;
	margin-bottom:1.2vw;
}*/

#navi{
	display:block;
	width:100%;
	height:12vw;
	/*box-shadow: 0px 0px 5px #d5d5d5;
	background-color:#d5d5d5;*/
}
#navi ul{
	right:12vw;
}
#navi ul li{
	height:12vw;
	line-height:13vw;
	font-size:3.5vw;
	padding:0 4vw 0 2vw;
	border:0px #0D0 dashed;
}
#navi ul li.socialBtn{
	line-height:12vw!important;
	padding:0 2vw 0 2vw!important;
}

.socialBtn img{
	height:5vw;
	/*border:1px #F00 dotted;*/
}

/*#shareBox{
	display:none;
}*/

#menu{
	width:40%;
	margin-right:-40%;
}
#menu ul{
	left:5%;
	width:80%;
	padding:0;
	margin-top:18vw;
}
#menu ul li{
	padding:0%;
	margin-left:0;
	/*border:1px #0D0 dashed;*/
}
#menu ul li,#menu ul li p{
	font-size:1em;
	
}
/*#bookingBtn,*/
#specBtn,  #showcenterBtn{
	display: none!important;
	opacity: 0;
	pointer-events: none!important;
	/*border:3px #0D0 dashed;*/
}

/*********************************************************************************/
/* page                                                                      */
/********************************************************************************/
#page{
	/*position:relative;
	overflow:hidden;*/
	width:100%;
	height:100%;
	margin-top:0vw;
	/*border: 10px dashed #F00;*/
}
.section{
	/*
	width:100%;
	height:100%;
	overflow: hidden;
	border: 3px dashed #F0D;*/
}

.section .content{
	/*position:relative;
	width: 100%;
	height:100%;
	overflow:hidden;*/
}

.section .box{
	width: 100%;
	height:100%;
	top:0%;
	left:0%;
}
.section .picBox,
.section .txtBox{
	position:relative;
    display: block;
	margin-top:0%;
	/*border: 3px dotted #F00;*/
}
.section .vBox{
	margin:3vw 5vw 5vw 5vw;
	left:0%;
	width:90%;
	/*border: 3px dotted #F00;*/
}


.section .txtBox h1{
	font-size:1.6em;
	line-height:130%;
}
.section .txtBox h2{
	font-size:1.6em;
	line-height:130%;
}
.section .txtBox h3{
	margin-top:3vw;
	margin-bottom:5vw;
	font-size: 1em;
	line-height: 150%;
}


.borderBtn,
.blackBtn{
	width:100%;
	height:  12vw;
    line-height: 12vw;
	font-size:4vw;
	margin-bottom:3vw;
}
.borderBtn:hover span,
.blackBtn:hover span{
	color: #FFF;
}

hr{
	margin-top:3vw;
	margin-bottom:3vw;
	opacity: 0;
	
}
/*********************************************************************************/
/* home                                                                          */
/*********************************************************************************/
#homeArea .box{
	min-height:120vw;
}

#homeArea .preview{
	position:relative;
    display: block;
	margin-top:12vw;
	width: 100%;
    height: 56vw;
	pointer-events: auto;
	/*border: 2px #E00 dotted;*/
}
#homeArea .preview video{
	width: 100%;
    height: 100%;
}

#clubmanArea .picBox,
#fea1Area .picBox,
#fea2Area .picBox,
#fea3Area .picBox,
#fea4Area .picBox,
#fea5Area .picBox,
#fea6Area .picBox,
#fea7Area .picBox{
	top:0;
	left:0;
	width:100vw;
	height:100vw;
}
#homeArea .txtBox,
#clubmanArea .txtBox,
#fea1Area .txtBox,
#fea2Area .txtBox,
#fea3Area .txtBox,
#fea4Area .txtBox,
#fea5Area .txtBox,
#fea6Area .txtBox,
#fea7Area .txtBox{
	margin-top:0%;
	top:0vw;
	left:0;
	width:100%;
	height:auto;
	/*padding:5vw;*/
	border:0px #F00 dotted;
}
#homeArea .txtBox{
	margin:3vw 5vw 5vw 5vw;
	color:#000;
	/*border:2px #F00 dotted;*/
}
#homeArea .txtBox h1 p,
#homeArea .txtBox h2 p{
	font-size:1.2em;
}
#homeArea .txtBox h1::after{
	width:3.2em;
	border-bottom:5px #000 solid;
}
#homeArea .picBox .pic{
	/*background-image: url(../images/s/homeBg.jpg);*/
}



#fea1Area .txtBox{
	color:#000;
}
/*#fea1Area .txtBox .vBox{
	margin-top:0;
}*/

#clubmanArea .picBox .pic{
	background-image: url(../images/s/clubmanBg.jpg);
}
#fea1Area .picBox .pic{
	background-image: url(../images/s/fea1Bg.jpg);
}
#fea2Area .picBox .pic{
	background-image: url(../images/s/fea2Bg.jpg);
}
#fea4Area .picBox .pic{
	background-image: url(../images/s/fea4Bg.jpg);
}
#fea5Area .picBox .pic{
	background-image: url(../images/s/fea5Bg.jpg);
}
#fea6Area .picBox .pic{
	background-image: url(../images/s/fea6Bg.jpg);
}
#fea7Area .picBox .pic{
	background-image: url(../images/s/fea7Bg.jpg);
}


/*flexslider====================================================*/
.flexslider,
.flexslider li,
.flexslider li .item{
	width:100%;
	height:100vw;
	/*border:2px #00D dotted;*/
}

.flexslider .prevBtn,
.flexslider .nextBtn{
	top:calc(50% - 4vw);
	width:8vw;
}
.flexslider .prevBtn{
	left:2vw;
}
.flexslider .nextBtn{
	right:2vw;
}

.flexslider .controls{
	height:8vw;
	bottom:0vw;
	z-index: 1000;
	/**/
}
.flexslider .controls li,
.flexslider .controls li a{
	width:3vw;
	height:3vw;
	margin-right:3vw;
}
/*********************************************************************************/
/* fea3Slider                                                                      */
/*********************************************************************************/
#fea7Slider ul.slides,
#fea7Slider ul.slides li,
#fea3Slider ul.slides,
#fea3Slider ul.slides li{
	height:100vw;
}
#fea3Slider .bg1{
	background-image: url(../images/s/fea3P1.jpg);
}
#fea3Slider .bg2{
	background-image: url(../images/s/fea3P2.jpg);
}


/*********************************************************************************/
/* galleryArea                                                                      */
/*********************************************************************************/
#galleryArea {
	height: 117vw;
}
#galleryArea .box{
	width: 100%;
	
}
#gallerySlider .navigation,
#gallerySlider ul.slides,
#gallerySlider ul.slides li{
	width:100%;
	height:117vw;
	
	/*border:2px #F00 dotted;*/
}
#gallerySlider .flex-direction-nav{
	display: none;
	height:0!important;
	/*border:3px #F00 dotted;*/
}
#gallerySlider .controls {
	width: 102vw;
	height:1vw;
	bottom:1vw;
	/*border:1px #F00 dotted;*/
}
#gallerySlider .controls ol{
	width:100%;
	height:1vw;
	bottom:1vw;
	/**/
}
#gallerySlider .controls ol li{
	width: 15.8vw;
	height: 1vw;
	margin-right:1vw;
}
#gallerySlider .controls ol li .over{
	height: 1vw;
	background-color: #000;
	/*border:3px #F00 dotted;*/
}

#gallerySlider .bg1{
	background-image: url(../images/s/photo1.jpg);
}
#gallerySlider .bg2{
	background-image: url(../images/s/photo2.jpg);
}
#gallerySlider .bg3{
	background-image: url(../images/s/photo3.jpg);
}
#gallerySlider .bg4{
	background-image: url(../images/s/photo4.jpg);
}
#gallerySlider .bg5{
	background-image: url(../images/s/photo5.jpg);
}
#gallerySlider .bg6{
	background-image: url(../images/s/photo6.jpg);
}




#galleryArea .note{
	width:90%;
	bottom:5vw;
	right:5vw;
	font-size:0.6em;
	text-align:left;
	text-shadow: 0 0 10px rgba(0,0,0,1);
	/*border:10px #A00 dotted;*/
}


/*POPUP 全部====================================================*/
.modal,
.modal-dialog,
.modal-content,
.modal-body{
	padding:0px;
	margin:0px;
	max-width:100%;
	width:100%;
	height:auto;
	border-radius: 0px!important;
}
.closeBtn{
	width:10vw;
	height: 10vw;
	right:0%;
	top:-12vw;
	background-color: #FFF;
}

#detailModal .modal-centered {
	top:20%;
}
#detailModal.fade.show .modal-centered{
	top:20%;
}
#detailModal .modal-dialog,
#detailModal .modal-content,
#detailModal .modal-body{
	width:100%;
	max-width: 100%;
	height:110vw;
	/*border:3px #F00 dotted;*/
}
#detailModal .modal-body{
	left:5%;
	width:90%;
	padding:0vw;
}
.detailBox{
	display: none;
}

/*********************************************************************************/
/* detailSlider                                                                      */
/*********************************************************************************/
#detailSlider{
	position: relative;
	display: block;
	width:100%;
	height:100%;
	/*border:2px #F00 dotted;*/
}
#detailSlider ul.slides,
#detailSlider ul.slides li{
	width:100%;
	height:100%;
}
#detailSlider .prevBtn,
#detailSlider .nextBtn{
	top:calc(50% - 4vw);
	width:4vw;
	height:8vw;
	background:url();
	
}
#detailSlider .prevBtn{
	left:1vw;
}
#detailSlider .nextBtn{
	right:1vw;
}
#detailSlider .arrow{
	margin:0;
	vertical-align: top;
	width:4vw;
	height:8vw;
	border:0px #F00 dotted;
}
#detailModal .row{
	width:90%;
	margin-left:7%;
	font-size:1em;
	line-height: 120%;
	/*border:2px #F00 dotted;*/
}
#detailModal .row.first{
	margin-top:5vw;
}

#detailModal .row span{
	padding:1.5vw;
	/*border:1px #F00 dashed;*/
}

#detailModal .row.dl{
	height: 2vw;
}
#detailModal .row.dl span{
	height: 4vw;
}

#detailModal .row .ti{
	width:40%;
	/*line-height:100%;*/
}

#detailModal .row .txt{
	width:60%;
	border-right:0px #000 solid;
}
#detailModal .row .txt.lh2{
	line-height:2em;
}
#detailModal .row .txt.lh3{
	line-height:3em;
}