@charset "utf-8";
/* CSS Document */
.in_bg{
	position: relative;
	width:100%;
	min-height:100vh;/*1125*/
	background-color: #fffdec;
	background-attachment: scroll;
	background-repeat:no-repeat;
	background-position:50% 0%;
	background-image:url(../images/in.jpg);
	background-size:100% auto;
	/**/
	padding:13.6vw 0 2.5%;/*272 14.6%*/
	}
.slongan2{
	position:absolute;
	width:46.8%;/*936*/
	padding-bottom:9.8%;/*196*/
	background-attachment: scroll;
	background-repeat:no-repeat;
	background-position:50% 0%;
	background-image:url(../images/slongan.png);
	background-size:100% auto;
	top:4.35vw;/*97*/
	left:26.45%;/*529*/
	/**/
	transition: all .5s;
	}
.car{
	position:relative;
	width:18.6%;/*372*/
	margin:0 auto;
	z-index:1;
	/**/
	transition: all .5s;
	}
.car::before{
	position: relative;
	width:100%;/*502*/
	padding-bottom:123.9%;/*622*/
	content:"";
	display: block;
	/**/
	background-attachment: scroll;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-image:url(../images/car_2.png);
	background-size:100% auto;
	z-index:1;
	}
.car::after{
	position:absolute;
	width:100%;/*502*/
	height:100%;
	content:"";
	display: block;
	/**/
	background-attachment: scroll;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-image:url(../images/car_1.png);
	background-size:100% auto;
	top: 0;
	left: 0;
	z-index:2;
	/**/
	animation:todo 1.35s linear infinite;
	}
.car0{
	position:absolute;
	width:100%;
	height:100%;
	display: block;
	/**/
	background-attachment: scroll;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-image:url(../images/car_0.png);
	background-size:100% auto;
	top: 3%;
	left: 0;
	}
.car2a{
	position:absolute;
	width:100%;
	height:100%;
	display:block;
	/**/
	background-attachment: scroll;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-image:url(../images/car_3a.png);
	background-size:100% auto;
	top: 0;
	left: 0;
	z-index:1;
	/**/
	animation:todo2 1.35s linear infinite;
	}
.car2b{
	position:absolute;
	width:100%;
	height:100%;
	display: block;
	/**/
	background-attachment: scroll;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-image:url(../images/car_3b.png);
	background-size:100% auto;
	top: 0;
	left: 0;
	z-index:1;
	/**/
	animation:todo3 1.35s linear infinite;
	}
.flag{
	position:absolute;
	width:33.6%;/*169*/
	padding-bottom:42.347%;/*213*/
	/**/
	background-attachment: scroll;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-image:url(../images/flag.png);
	background-size:100% auto;
	top:47.427%;/*295*/
	left: -15.53%;
	/**/
	animation:todo5 1.35s linear infinite;
	}
.hotelbx{
	position:absolute;
	width:100%;
	top:13.95vw;/*279*/
	left:0%;
	text-align:center;
	}
.hotelbx > li{
	position:absolute;
	width:13.4%;/*268*/
	/*padding-bottom:19.35%;387*/
	display: inline-block;
	opacity: 0;
	/**/
	transition: all .5s;
	}
.hotelbx > li::before{
	position:relative;
	width: 100%;/*268*/
	padding-bottom:144.4%;/*387*/
	content:"";
	display: block;
	/**/
	background-attachment: scroll;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:100% auto;
	}	
.hotel_1{left:11.15%;/*223*/top:0;
	animation:fadeInUp .6s ease;
	animation-fill-mode:forwards;
	}	
.hotel_1::before{background-image:url(../images/hotel_1.png);}
.hotel_2{left:25%;/*500*/top:0;
	animation:fadeInUp .6s .1s ease;
	animation-fill-mode:forwards;
	}	
.hotel_2::before{background-image:url(../images/hotel_2.png);}	
.hotel_3{left:60.8%;/*1216*/top:0;
	animation:fadeInUp .6s .2s ease;
	animation-fill-mode:forwards;
	}
.hotel_3::before{background-image:url(../images/hotel_3.png);}		
.hotel_4{left:75.2%;/*1504*/top:0;
	animation:fadeInUp .6s .3s ease;
	animation-fill-mode:forwards;
	}	
.hotel_4::before{background-image:url(../images/hotel_4.png);}
/**/
.cbx{
	position: relative;
	width:100%;
	/**/
	padding:2.5vw 0 2vw;/*50*/
	background-attachment: scroll;
	background-repeat:repeat-y;
	background-position:50% 0%;
	background-image:url(../images/bg.png);
	background-size:100% auto;
	}
.con{
	position: relative;
	width:50.8%;/*1016*/
	min-height: 500px;
	padding-bottom:2vw;/*40*/
	margin:0 auto;
	background-attachment: scroll;
	background-repeat:no-repeat,no-repeat,no-repeat,no-repeat,repeat-y,repeat-y;
	background-position:0% 0%,100% 0%,0% 100%,100% 100%,0% 0%,100% 0%;
	background-image:url(../images/o1.png),url(../images/o1.png),url(../images/o1.png),url(../images/o1.png),url(../images/o2.png),url(../images/o2.png);
	background-size:8px auto;
	/**/
	/*font-size:1.5rem;*//*18*/
	/*line-height:2.75rem;*//*33*/
	color: #40220f;
	}
.titbx{
	position: relative;
	width:21%;/*420*/
	display: block;
	margin:0 auto 1vw;
	}
.titbx::before{
	position:relative;
	width: 100%;/*420*/
	padding-bottom:28.57%;/*120*/
	content:"";
	display: block;
	/**/
	background-attachment: scroll;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:100% auto;
	}
.tit_1::before{background-image:url(../images/tit_1.png);}
.tit_2::before{background-image:url(../images/tit_2.png);}
.tit_3::before{background-image:url(../images/tit_3.png);}
.tit_4::before{background-image:url(../images/tit_4.png);}
.tpbx{
	position:absolute;
	width:1px;
	height:98%;
	display: block;
	top:1.5%;
	right:29px;
	}
.topbt{
	position:sticky;
	width:53px;
	padding-bottom:53px;
	display: block;
	cursor: pointer;
	/**/
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-position:0% 50%;
	background-image:url(../images/top.png);
	background-size:auto 100%;
	/*left:50%;*/
	top: 70%;
	/*transform:translateX(-55%);*/
	z-index: 1;
	}
.sobx{
	position: relative;
	width: 100%;
	text-align: center;
	font-size:1.75vw;/*35 2.916rem*/
	line-height:2vw;/*40*/
	font-weight: 500;
	color:#ff4e00;
	padding: .5% 0 2.5%;
	}
.sobx > div{
	position: relative;
	display: inline-block;
	padding:.6vw .4vw;/* 12px 8px*/
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-position:50% 0%,50% 100%;
	background-image:url(../images/so1.png),url(../images/so1.png);
	background-size:100% 2px;
	text-align:center;
	}
.sobx > div::before,.sobx > div::after{
	position:absolute;
	content:"";
	display: block;
	background-attachment: scroll;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:100% auto;
	}
.sobx > div::before{
	width:2.6vw;/*52*/
	padding-bottom:2.6vw;
	background-image:url(../images/so2.png);
	right:98%;
	top: -20%;
	/**/
	}
.sobx > div::after{
	width:3vw;/*60px*/
	padding-bottom:3vw;
	background-image:url(../images/so3.png);
	left:99%;
	top: 35%;
	/**/
	}
/**/
.choosebx{
	position: relative;
	width:58%;/*580*/
	/*border:.2vw solid #ff6f00;*//*2 */
	border-radius:.5vw;/*10*/
	padding:3px;/*3 .15vw*/
	margin:0 auto 2vw;/*40*/
	background-color: #ff6f00;
	/**/
	animation:bcr .6s linear infinite;
	}
/**/
select{
	outline:none;
	-webkit-appearance: none; /*Chrome*/
	-moz-appearance: none;/*FF*/
	-ms-appearance: none;
	-o-appearance: none;
	appearance:none;/*CSS3*/
	background-image: url(../images/so5.png);
	background-attachment:scroll;
	background-repeat: no-repeat;
	background-position:98% 50%;
	background-size:1.5vw auto;/*30*/
	}
select::-ms-expand{display:none;}
.choosebx select{
	position:relative;
	width:100%;
	display:block;
	cursor:pointer;
	font-family:Arial,'Noto Sans TC','微軟正黑體',sans-serif;
	font-size:1.4vw;/*28*/
	color:#fff;
	height:3.25vw;/*65*/
	line-height:3.25vw;
	font-weight:500;
	/*border:0;*/
	border:2px solid #fffeef;/*3*/
	padding:0 2.3vw 0 .6vw;/*20 30*/
	margin:0 auto;
	border-radius:.3vw;/*6*/
	background-color:#ff6f00;/**/
	/*text-align-last:center;
	text-align:center;*/
	/**/
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	}
.databx{
	position: relative;
	width:58%;/*580*/
	padding:0 .5% 0 11.6%;/*120 20*/
	display: block;
	margin:0 auto 1.5vw;/*30*/
	}
.databx::before{
	position: absolute;
	content: attr(data-index);
	display:inline-block;
	font-size:1.25vw;/*25*/
	font-weight:700;
	color: #40220f;
	text-align:left;
	left:1%;
	top:49%;
	transform:translateY(-50%);
	}
.databx input{
	position: relative;
	width:100%;
	display:block;
	font-family:Arial,'Noto Sans TC','微軟正黑體',sans-serif;
	font-size:1vw;/*20*/
	color:#3e332c;
	height:2.5vw;/*50*/
	line-height:2.5vw;
	font-weight:400;
	border:1px solid #d6d1b5;/*3*/
	padding:0 1vw 0;/*20 30*/
	border-radius:5px;/*5*/
	background-color:#fff;
	text-align:center;
	/**/
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	}

.databx input:focus{border: 1px solid #ff6f00;}
::-webkit-input-placeholder {color:#a8a8a8;}
:-ms-input-placeholder {color:#a8a8a8;}
::placeholder {color:#a8a8a8;}

/**/
.tkc{position:relative;text-align:center;}
.chbox{
	position:relative;
	width:auto;
	font-family:Arial,'Noto Sans TC','微軟正黑體',sans-serif;
	display:inline-block;
	font-size:.9vw;/*18*/
	line-height:1.9vw;/*38*/
	text-align:left;
	color:#40220f;
	padding:0 0 0 2.25vw;/*45*/
	margin:.5vw auto 1vw;/*20*/
	}
.chbox input{display:none;}
.chbox label{
	display:inline-block;
	cursor:pointer;
	}
.chbox label u{color:#ff6f00;}
.checkbox-beauty {
			position:absolute;
            width:1.65vw;/*33*/
            height:1.65vw;
            box-sizing:border-box;  
			background-color:#fff;
			border:1px solid #d6d1b5;
            border-radius:3px;
            transition:0.2s;
			top:2px;
			left:0;
        	}
input[type="checkbox"]:checked+.checkbox-beauty {
            background-repeat:no-repeat;
			background-image: url(../images/confirm.svg);
            background-position:50% 50%;
			background-size:100% auto;
			}
.cn1bx{
	position: relative;
	width:60%;/*580*/
	font-size:.75vw;/*15*/
	line-height: 1.2vw;/*24*/
	color: #40220f;
	text-align: left;
	margin:0 auto;
	padding-bottom:2.5%;
	}
/**/
.sendbt{
	position: relative;
	width:29.52%;/*300*/
	display:block;
	margin:0 auto;
	background-attachment: scroll;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-image: url(../images/sendbt_1.png);
	background-size:100% auto;
	}
.sendbt::before{
	position: relative;
	width:100%;/*300*/
	padding-bottom:28.3%;/*85*/
	content: "";
	display:block;
	background-attachment: scroll;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-image: url(../images/sendbt_2.png);
	background-size:100% auto;
	opacity: 0;
	/**/
	transition: all .5s;
	}
.sendbt:hover::before{opacity:1;}

/**/
.f_al{
	position: relative;
	width:93.5%;/*935*/
	font-size:.9vw;/*18 1.5rem*/
	line-height:1.4vw;/*28 2.3rem*/
	color: #40220f;
	margin:0 auto;
	}
.tbx{
	position: relative;
	padding:.15vw 0 1.1vw;/*3 22 .2rem 0 1.8rem*/
	text-align:left;
	}
.tbx2{
	position: relative;
	padding:.8vw 0;/*16*/
	text-align:left;
	}
.f1{
	position: relative;
	display: inline-block;
	font-size:1.15vw;/*23 1.9rem*/
	font-weight:700;
	color: #26150a;
	}
.f2,.f2 a{
	position: relative;
	display: inline-block;
	font-size:1.75vw;/*35*/
	line-height:3vw;/*60*/
	font-weight:700;
	color: #26150a;
	}
.f2 p{
	position:absolute;
	width:1.8vw;/*36*/
	padding-bottom:1.8vw;/*36*/
	display:block;
	background-color:#01bfa5;
	background-attachment: scroll;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-image: url(../images/link.png);
	background-size:100% auto;
	border-radius:50%;
	right:-2.25vw;/*45*/
	top:46%;
	transform:translateY(-50%);
	/**/
	transition: all .5s;
	}
.f2 a:hover p{background-color:#00dae8;}	
	
.tc,.tca{
	position: relative;
	display: inline-block;
	}
.tc2{
	position: relative;
	padding:.35vw 0 0 1.5vw;/* 7  30 .6rem 0 0 2.5rem*/	
	}
.tc2a{
	position: relative;
	padding:0 0 1vw 1.5vw;/* 20  30*/	
	}
	
.tc3{
	position: relative;
	padding:.2vw 0 0 .9vw;/*4   18 .3rem 0 0 1.5rem*/	
	}
.org{
	position: relative;
	color:#ff6f00;
	}
.org2{
	position: relative;
	color:#ff7000;
	}
ul.t1{
	position: relative;
	padding-left: 1.05vw;/*21*/
	margin: .5vw 0 0;/*10 .8rem*/
	}
ul.t2{
	position: relative;
	padding-left: .9vw;/*18*/
	margin: .5vw 0;/*10*/
	}
ul.t3{
	position: relative;
	padding-left: 1.05vw;/*21*/
	}
	
ul.t1 > li{
	position: relative;
	list-style-type: decimal;
	margin-bottom: .3vw;/*6*/
	}
ul.t2 > li{
	position: relative;
	list-style-type:disc;
	}	
ul.t3 > li{
	position: relative;
	list-style-type:" ※ ";
	}
	
.s1{
	position: relative;
	width:100%;
	height:6px;
	display:block;
	background-attachment: scroll;
	background-repeat:repeat-x;
	background-position:50% 50%;
	background-image: url(../images/s1.png);
	margin:0 auto 1.1vw;/*1.8  22*/
	}
.tcon table{
	position:relative;
	width:99.5%;
	border-spacing:2px;
	margin:0 auto 1.5vw;/*18  24*/
	}
.tcon table tr:nth-child(odd) td{
		background-color:#e1f0d8;
	 }
.tcon table tr:nth-child(even) td{
		background-color:#ffffff;
	 }
.tcon table td{
	word-break:break-all;
	padding:.5vw .1vw;/*10*/
	text-align:center;
	}	   
.tcon table tr:first-child td{
	padding:.6vw .1vw;/*10*/
	background-color:#96b981;
	font-weight: 500;
	text-align:center;
	color:#FFF;
	}

.tcon table td span{ display:inline-block;}

.tb1,.tb2{
	position:relative;
	display:inline-block;
	margin:3px -2px;
	}
.tb1 > span,.tb2 > span{font-weight: 500;}
.tb1{ width:55%;}
.tb2{ width:45%;}
.ph{
	position:relative;
	width:100%;
	margin:0 auto 1vw;
	}
.ph img{
	position:relative;
	width:100%;
	display:block;
	}
.awardbt{
	float:right;
	position:relative;
	width:11.5vw;/*230*/
	display:block;
	margin-bottom:0.75vw;/*15*/
	}
.awardbt::before{
	position:relative;
	width:100%;/*230*/
	padding-bottom:26.08%;/*60*/
	content: "";
	display:block;
	background-attachment: scroll;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-image: url(../images/awardbt_1.png);
	background-size:100% auto;
	}
.awardbt::after{
	position:absolute;
	width:100%;
	height: 100%;
	content: "";
	display:block;
	background-attachment: scroll;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-image: url(../images/awardbt_2.png);
	background-size:100% auto;
	top: 0;
	left: 0;
	opacity: 0;
	/**/
	transition: all .5s;
	}
.awardbt:hover::after{opacity:1;}

.awardbx{
	position:relative;
	width:100%;
	border-radius:.5vw;/*10*/
	border:1.5px solid #96b981;/*1.5 #568c5f*/
	overflow:hidden;
	margin-bottom:0.5vw;/*10*/
	}
.awardbx.on{
	border:1.5px solid #568c5f;
	}
.awardbx.on .at1{
	background-color:#568c5f;
	}
.awardbx .at1{
	position:relative;
	width:100%;
	padding:1vw 0;/*20*/
	background-color:#96b981;
	/**/
	font-size:1.25vw;/*25*/
	line-height:1.5vw;/*30*/
	font-weight: 500;
	color: #ffffff;
	text-align:center;
	}
.awardbx .at2{
	position:relative;
	width:100%;
	display: none;
	}
.awardbx.on .at2{
	display:block;
	}
.awardbx.on .at2 li{
	position:relative;
	overflow: hidden;
	}
.awardbx.on .at2 li > div{
	position:relative;
	float: left;
	height:2.5vw;/*50*/
	}
.at2_1,.at2_2{
	/**/
	display:flex;
    justify-content: center;
    align-items: center;
	}
.at2_1{
	width:45%;
	font-size:1.1vw;/*22*/
	line-height:1.5vw;/*30*/
	font-weight: 500;
	color:#568c5f;
	}
.at2_2{
	width:55%;
	font-size:.9vw;/*18*/
	line-height:1.5vw;/*30*/
	font-weight: 500;
	color:#40220f;
	}
.at2_2 > div{
	position:relative;
	width:50%;
	text-align: center;
	}
.awardbx.on .at2 li:nth-child(odd){background-color:#fafff8;}
.awardbx.on .at2 li:nth-child(even){background-color:#eaf5e4;}

.warningbx2{color:#ff3600;}


@media only screen and (max-width:1600px){
/**/

	
	
}
@media only screen and (max-width:1400px){
/**/
}
@media only screen and (max-width:1200px){
/**/
.con{
	width:84.6%;
	background-size:6px auto;
	padding-bottom:5.128vw;/*40*/
	}
.titbx{
	width:30%;/*420*/
	margin:0 auto 1.6vw;/*20*/
	}
.tpbx {right: 36px;}
.topbt{
	width:34px;
	padding-bottom:65px;
	background-image:url(../images/top2.png);
	/*transform:translateX(-100%);*/
	}
.sobx{
	font-size:2.916vw;/*35 2.916rem*/
	line-height:3.3vw;/*40*/
	padding: .5% 0 3%;
	}	
.sobx > div::before{
	width:4.3vw;/*52*/
	padding-bottom:4.3vw;
	}
.sobx > div::after{
	width:5vw;/*60px*/
	padding-bottom:5vw;
	}
/**/
.choosebx{
	width:58%;/*580*/
	border-radius:0.83vw;/*10*/
	margin:0 auto 3.3vw;/*40*/
	}	
/**/
select{background-size:2.5vw auto;/*30*/}
.choosebx select{
	font-size:2.3vw;/*28*/
	height:5.416vw;/*65*/
	line-height:5.416vw;
	padding:0 3.6vw 0 1vw;/*30 20*/
	border-radius:.5vw;/*6*/
	}	
.databx{margin:0 auto 2.5vw;/*30*/}
.databx::before{font-size:2.083vw;/*25*/}
.databx input{
	font-size:1.6vw;/*20*/
	height:4.5vw;/*50 4.16*/
	line-height:4.5vw;
	padding:0 1.6vw 0;
	border-radius:5px;/*5*/
	}	
/**/
.chbox{
	font-size:1.5vw;/*18*/
	line-height:3.16vw;/*38*/
	padding:0 0 0 3.75vw;/*45*/
	margin:.8vw auto 1.6vw;/*20*/
	}
.checkbox-beauty {
	width:2.75vw;/*33*/
    height:2.75vw;
	}
.cn1bx{
	font-size:1.25vw;/*15*/
	line-height: 2vw;/*24*/
	}
/**/
.f_al{
	font-size:1.5vw;/*18*/
	line-height:2.33vw;/*28*/
	}
.tbx{padding:.25vw 0 1.83vw;/*3 22*/}
.tbx2{padding:1.3vw 0;/*16*/}
.f2,.f2 a{
	font-size:2.916vw;/*35*/
	line-height:5vw;/*60*/
	}
.f2 p{
	width:3vw;/*36*/
	padding-bottom:3vw;/*36*/
	right:-3.75vw;/*45*/
	}
.f1{font-size:1.916vw;/*23*/}
.tc2{padding:.583vw 0 0 2.5vw;/* 7  30 */}
.tc2a{padding:0 0 1.6vw 2.5vw;/* 20  30*/}
.tc3{padding:.33vw 0 0 1.5vw;/*4  18 */	}
ul.t1{
	padding-left: 1.75vw;/*21*/
	margin: .83vw 0 0;/*10*/
	}
ul.t2{
	padding-left: 1.5vw;/*18*/
	margin: .83vw 0;/*10*/
	}
ul.t3{padding-left: 1.75vw;/*21*/}
	
ul.t1 > li,ul.t2 > li,ul.t3 > li{margin-bottom: .5vw;/*6*/}
.s1{margin:0 auto 1.83vw;/*22*/}
/**/
.tcon table{
	width:100%;
	margin:0 auto 2.5vw;/*30*/
	}
.tcon table td{padding:.83vw .5vw;/*10  6*/}	   
.tcon table tr:first-child td{
	padding:.83vw .5vw;/*10  6*/
	}
	
.ph{margin:0 auto 1.6vw;}
/**/
.awardbt{
	width:19.16vw;/*230*/
	margin-bottom:1.92vw;/*15*/
	}	
.awardbx{
	border-radius:.83vw;/*10*/
	margin-bottom:0.83vw;/*10*/
	}
.awardbx .at1{
	padding:1.6vw 0;/*20*/
	/**/
	font-size:2.083vw;/*25*/
	line-height:2.5vw;/*30*/
	}	
.awardbx.on .at2 li > div{
	height:4.16vw;/*50*/
	}
.at2_1{
	font-size:1.83vw;/*22*/
	line-height:2.5vw;/*30*/
	}
.at2_2{
	font-size:1.5vw;/*18*/
	line-height:2.5vw;/*30*/
	}
	
	
}
@media only screen and (max-width:1000px){	
/**/
.choosebx{
	/*border:1px solid #ff6f00;*//*2 */
	padding:2px;/*3 .15vw*/
	}
	
	
}
@media only screen and (max-width:800px){
/**/

}	
@media only screen and (max-width:780px){
/**/
.in_bg{
	width:100%;
	background-image:url(../images/in_m.jpg);
	/**/
	padding:61.7179vw 0 0;/*458 58.7179vw*/
	}
.slongan2{
	width:98.2%;/*766*/
	padding-bottom:20.639%;/*161*/
	top:16.282vw;/*127*/
	left:.76%;/*6*/
	}
.car{width:55.641%;/*434*/}
.hotelbx{
	/*position:relative;*/
	top:35vw/*273*/
	}
.hotelbx > li{
	position:absolute;
	width:22.179%;/*173*/
	}
.hotelbx > li::before{
	/*width: 100%;173*/
	padding-bottom:143.3526%;/*248*/}
.hotel_1{
	left:1.3%;/*18*/
	top:18.97vw;/*148*/
	}	
.hotel_2{
	left:22.435%;/*175*/
	top:0%;
	}
.hotel_3{
	left:54.358%;/*424*/
	top:0%;
	}	
.hotel_4{
	left:76.512%;/*589*/
	top:18.97vw;/*148*/
	}	
.hotel_1::before{background-image:url(../images/hotel_1m2.png);}
.hotel_2::before{background-image:url(../images/hotel_2m2.png);}	
.hotel_3::before{background-image:url(../images/hotel_3m2.png);}		
.hotel_4::before{background-image:url(../images/hotel_4m2.png);}
/**/
.cbx{
	padding:6.5vw 0 8vw;/*50*/
	background-image:url(../images/bg_m.png);
	}
.titbx{
	width:55%;/*420 53.8*/
	margin:0 auto 2.564vw;
	}
.con{
	width:99%;
	padding-bottom:5.12vw;/*40*/
	}
/**/
.sobx{
	font-size:4.48vw;/*35*/
	line-height:5.128vw;/*40*/
	padding: .5% 0 3.5%;
	}
.sobx > div{
	padding:1.3vw 1.025vw;/* 12px 8px*/
	background-size:100% 1px;
	}
.sobx > div::before{
	width:6.6vw;/*52*/
	padding-bottom:6.6vw;

	}
.sobx > div::after{
	width:7.69vw;/*60px*/
	padding-bottom:7.69vw;
	}
/**/
.choosebx{
	width:90%;/*580*/
	/*border:1px solid #ff6f00;*//*2 .25vw*/
	border-radius:1.282vw;/*10*/
	padding:2px;/*3 0.38vw*/
	}	
/**/
select{background-size:3.8vw auto;/*30*/}	
.choosebx select{
	font-size:3.58vw;/*28*/
	height:8.3vw;/*65*/
	line-height:8.3vw;
	padding:0 3.84vw 0 2.56vw;/*30 20 */
	border-radius:1vw;/*6*/
	}	
.databx{
	width:90%;
	padding:0 1% 0 15.6%;
	margin:0 auto 3.84vw;/*30*/
	}
.databx::before{font-size:3.2vw;/*25*/}
.databx input{
	font-size:2.5641vw;/*20*/
	height:6.41vw;/*50*/
	line-height:6.41vw;
	padding:0 3vw;/*30 20*/
	}	
/**/
.chbox{
	font-size:2.3vw;/*18*/
	line-height:4.87vw;/*38*/
	padding:0 0 0 5.769vw;/*45*/
	margin:1.25vw auto 2.5vw;/*20*/
	}
.checkbox-beauty {
	width:4.23vw;/*33*/
    height:4.23vw;
	}	
.cn1bx{
	width:90%;
	font-size:1.923vw;/*15*/
	line-height:3.076vw;/*24*/
	padding-bottom: 3.5%;
	}	
.sendbt{width:38%;/*300*/}
/**/
.f_al{
	font-size:2.3vw;/*18*/
	line-height:3.589vw;/*28*/
	}
.tbx{padding:.384vw 0 2.82vw;/*3 22*/}
.tbx2{padding:2.05vw 0;/*16*/}
.f2,.f2 a{
	font-size:4.487vw;/*35*/
	line-height:7.6923vw;/*60*/
	}
.f2 p{
	width:4.615vw;/*36*/
	padding-bottom:4.615vw;/*36*/
	right:-5.7vw;/*45*/
	}
	
.f1{font-size:2.948vw;/*23*/}
.tc2{padding:.897vw 0 0 3.84vw;/* 7  30 */}
.tc2a{padding:0 0 2.56vw 3.84vw;/* 20  30*/}
.tc3{padding:.5128vw 0 0 2.3vw;/*4  18 */	}
ul.t1{
	padding-left: 2.69vw;/*21*/
	margin: 1.28vw 0 0;/*10*/
	}
ul.t2{
	padding-left: 2.3vw;/*18*/
	margin: 1.28vw 0;/*10*/
	}
ul.t3{padding-left: 2.69vw;/*21*/}
	
ul.t1 > li,ul.t2 > li,ul.t3 > li{margin-bottom: .769vw;/*6*/}
.s1{margin:0 auto 2.82vw;/*22*/}	
/**/
.tcon table{margin:0 auto 3.8vw;/*30*/}
.tcon table td{padding:1.28vw .769vw;/*10  6*/}	   
.tcon table tr:first-child td{
	padding:1.28vw .769vw;/*10  6*/
	}
.ph{margin:0 auto 2.5vw;}
	
/**/
.awardbt{
	width:29.48vw;/*230*/
	margin-bottom:1.25vw;/*15*/
	}
.awardbx{
	border-radius:1.282vw;/*10*/
	margin-bottom:1.282vw;/*10*/
	}
.awardbx .at1{
	padding:2.5641vw 0;/*20*/
	/**/
	font-size:3.2vw;/*25*/
	line-height:3.8vw;/*30*/
	}	
.awardbx.on .at2 li > div{
	height:6.41vw;/*50*/
	}
.at2_1{
	width:42%;
	font-size:2.82vw;/*22*/
	line-height:3.8vw;/*30*/
	}
.at2_2{
	width:58%;
	font-size:2.3vw;/*18*/
	line-height:3.8vw;/*30*/
	}
	
	
}
@media only screen and (max-width:685px){ 
/**/
	
}
@media only screen and (max-width:580px){
/**/	
}
@media only screen and (max-width:560px){
/**/
.sobx{
	font-size:5.5vw;/*35*/
	line-height:6.128vw;/*40*/
	}
/**/
.tpbx {
    right: 32px;
  	}
.topbt{
	width:30px;
	padding-bottom:57px;
	}
/**/
.choosebx{
	padding:2px;
	margin:0 auto 5.3vw;
	}
.choosebx select{
	font-size:5vw;/*25*/
	height:12vw;/*60*/
	line-height:12vw;
	border:1px solid #fffeef;
	border-radius:1.1vw;
	padding: 0 7.5vw 0 2.56vw;
	}
.databx{
	margin:0 auto 6vw;/*30*/
	padding: 0 1% 0 23.6%;
	}
.databx::before{font-size:5vw;/*25 4.8*/}
.databx input{
	font-size:4vw;/*20 4.2*/
	height:10vw;/*50*/
	line-height:10vw;
	}
/**/
.chbox{
	font-size:3.8vw;/*19*/
	line-height:7.6vw;/*38*/
	padding:0 0 0 9vw;/*45*/
	margin:2vw auto 4vw;/*20*/
	}
.checkbox-beauty {
	width:6.6vw;/*33*/
    height:6.6vw;
	}	
.cn1bx{
	font-size:3vw;/*15*/
	line-height:4.8vw;/*24*/
	padding-bottom: 4.5%;
	}	
.sendbt{width:50%;/*300*/}	
/**/
.f_al{
	font-size:4vw;/*20*/
	line-height:6vw;/*30*/
	}
.tbx{padding:.6vw 0 4.4vw;/*3 22*/}
.tbx2{padding:3.2vw 0;/*16*/}
.f2,.f2 a{
	font-size:7vw;/*35*/
	line-height:12vw;/*60*/
	}
.f2 p{
	width:7.2vw;/*36*/
	padding-bottom:7.2vw;/*36*/
	right:-9vw;/*40*/
	top:48%;
	}
.f1{font-size:5vw;/*25*/}
.tc2,.tca{padding:1.4vw 0 0 6vw;/* 7  30 */}
.tc2a{padding:0 0 4vw 6vw;/* 20  30*/}
.tc3{padding:.8vw 0 0 3.6vw;/*4  18 */	}
ul.t1{
	padding-left: 4.2vw;/*21*/
	margin: 2vw 0 0;/*10*/
	}
ul.t2{
	padding-left: 3.6vw;/*18*/
	margin: 2vw 0;/*10*/
	}
ul.t3{padding-left: 4.2vw;/*21*/}
	
ul.t1 > li,ul.t2 > li,ul.t3 > li{margin-bottom: 1.2vw;/*6*/}
.s1{margin:0 auto 4.4vw;/*22*/}

/**/
.tcon table{margin:0 auto 6vw;/*30*/}
.tcon table td{padding:2vw 1.2vw;/*10  6*/}	   
.tcon table tr:first-child td{
	padding:2vw 1.2vw;/*10  6*/
	}
.tcon table td span.bo{ display:block;}
/**/		
.tb1,.tb2{margin:5px 0;}
.tb1{ width:100%;}
.tb2{ width:100%;}
/**/
.ph{margin:0 auto 4vw;}	
/**/
.awardbt{
	width:46vw;/*230*/
		margin-bottom:3vw;/*15*/
	}	
.awardbx{
	border-radius:2vw;/*10*/
	margin-bottom:2vw;/*10*/
	}
.awardbx .at1{
	padding:4vw 0;/*20*/
	/**/
	font-size:5vw;/*25*/
	line-height:7vw;/*35*/
	}
.awardbx.on .at2 li > div{
	height:10vw;/*50*/
	}
.awardbx.on .at2 li > div.at2_1{height:11vw;}
.at2_1{
	width:100%;
	
	font-size:4.6vw;/*23*/
	line-height:7vw;/*35*/
	}
.at2_2{
	width:100%;
	/*display:block;*/
	font-size:4vw;/*20*/
	line-height:6vw;/*30*/
	}
.at2_2 > div{
	/*width:100%;
	height:10vw;*/
	/*
	display:flex;
    justify-content: start;
    align-items: center;*/
	}

	
}
@media only screen and (max-width:470px){
/**/

}

@media only screen and (max-width:380px){
/**/

}
@media only screen and (max-width:360px){
/**/

	
}
@media only screen and (max-width:340px){
/**/


}
 
@keyframes todo {
   0% {top:0%;transform:scale(1,1);transform-origin: 60% 100%;}
   50% {top:.8%;transform:scale(1.01,0.97);transform-origin: 60% 100%;}
   100% {top:0%;transform:scale(1,1);transform-origin: 60% 100%;}
	}
@keyframes todo2 {
   0% {top:0%;transform:rotate(0deg);transform-origin: 60% 100%;}
   50% {top:1%;transform:rotate(-1deg);transform-origin: 60% 100%;}
   100% {top:0%;transform:rotate(0deg);transform-origin: 60% 100%;}
	}
@keyframes todo3 {
   0% {top:0%;transform:rotate(0deg);transform-origin: 60% 100%;}
   50% {top:1%;transform:rotate(1deg);transform-origin: 60% 100%;}
   100% {top:0%;transform:rotate(0deg);transform-origin: 60% 100%;}
	}
@keyframes todo5 {
   0% {top:47.427%;transform:rotate(0deg);transform-origin: 90% 100%;}
   50% {top:48.427%;transform:rotate(-5.5deg);transform-origin: 90% 100%;}
   100% {top:47.427%;transform:rotate(0deg);transform-origin: 90% 100%;}
	}

@keyframes bs {
   0% {transform: scale(1);}
   50% {transform: scale(1.05);}
   100% {transform: scale(1);}
}
@keyframes bcr {
   0% {background-color: #ff6f00;}
   30% {background-color: #ff6f00;}
   50% {background-color: #4fd2bc;}
   80% {background-color: #4fd2bc;}
   100% {background-color: #ff6f00;}
}