@charset "utf-8";
/* CSS Document */

/*box*/
#lightbox,.cobox{display:none;/**/}
#lightbox{
	position:fixed;
	width:100%;
	height:100%;
	/*padding:2px;5px
	top:0;*/
	bottom:0;
	z-index:7;
	background-image: url(../images/mbg.png);
	overflow:auto;
	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */
	}
.clo{
	position: absolute;
	width: 122px;
	height: 83px;
	display: block;
	cursor: pointer;
	top:0;
	right:0;
	}
.cobox{
	position:relative;
	width:500px;
	margin:0 auto;
	}
.coh1{position:relative;}
.coh1 > img,.coh3 > img,.coh2a > img{width:100%;display:block;}
.coh2{
	background-attachment: scroll;
	background-repeat: repeat-y;
	background-position: 50% 0%;
	background-size:100% auto;
	}
.coh2{background-image: url(../images/love_room_02.png);}
.coh2box{
	position:relative;
	width:90%;
	margin:0 auto;
	font-size:1.4rem;
	line-height:2.2rem;
	color:#4a3b31;
	text-align:center;
	}
.item{ padding:15px 0 0 0;}
.item > div {
	display:inline-block;
	margin:-2px;
	font-size:1.4rem;
	line-height:2rem;
	margin-bottom:18px;
	}
.item > div:nth-child(odd){width:15%;text-align:center;font-weight:600;padding:3px 0 6px 0;}
.item > div:nth-child(even){width:84%;text-align:left;}
.item > div > select,.item > div > span{
	font-size: 1.4rem;
	line-height:2rem;
	font-family: Arial,"微軟正黑體", Helvetica, sans-serif;
	padding:3px 3px 3px 3px;
	color: #696457;
	background-color: #fff;/*fff7d9*/
	border-radius:5px;
	border: 1px solid #cfc9b3;/**/
	transition: all .5s;
	-moz-transition: all .5s; /* Firefox 4 */
	-webkit-transition: all .5s; /* Safari and Chrome */
	-o-transition: all .5s; /* Opera */
	}
.item > div > input,.cop{
	width:18%;
	font-size: 1.4rem;
	line-height:2rem;/*2*/
	font-family: Arial,"微軟正黑體", Helvetica, sans-serif;
	padding:3px 3px 3px 3px;
	color:#fff7d9;
	background-color:#ff808f;
	border-radius:5px;
	border: 1px solid #cfc9b3;/**/
	display:inline-block;
	text-align:center;
	}
.item > div > select{width:95%;}
.item > div > span {
	width: 71%;
	font-size: 1.5rem;
	display: inline-block;
	text-align: center;
	font-weight: 600;
}
.item > div > input {width:20%;display:inline-block;cursor:pointer;}
.item > div > select:focus{background-color:#fff;}
.item > div > input:hover,.cop:hover{background-color:#ff4e75;}
.item > div > input:focus{background-color:#ff4e75;}
.checkb{margin:10px 0 20px 0;}
.checkb input{margin-right:3px;border:1px solid #cfc9b3;}
input[type=checkbox]
{
  /* Double-sized Checkboxes */
  -ms-transform: scale(1.5); /* IE */
  -moz-transform: scale(1.5); /* FF */
  -webkit-transform: scale(1.5); /* Safari and Chrome */
  -o-transform: scale(1.5); /* Opera */
  padding: 10px;
}
.namebox{margin:15px 0 18px 0;}
.namebox input{
	width:90%;
	text-align:center;
	font-size: 1.4rem;
	line-height:2rem;
	font-family: Arial,"微軟正黑體", Helvetica, sans-serif;
	padding:3px 3px 3px 3px;
	color: #696457;
	background-color: #fff;/*fff7d9*/
	border-radius:5px;
	border: 1px solid #cfc9b3;/**/
	transition: all .5s;
	-moz-transition: all .5s; /* Firefox 4 */
	-webkit-transition: all .5s; /* Safari and Chrome */
	-o-transition: all .5s; /* Opera */
	}
.namebox input:focus{background-color:#fff;}
.areabox{margin:0 0 18px 0;}
.area1,.mobmail{
	display: inline-block;
	text-align:center;
	font-size: 1.4rem;
	line-height:2rem;
	font-family: Arial,"微軟正黑體", Helvetica, sans-serif;
	padding:3px 3px 3px 3px;
	color: #696457;
	background-color: #fff;/*fff7d9*/
	border-radius:5px;
	border: 1px solid #cfc9b3;/**/
	transition: all .5s;
	-moz-transition: all .5s; /* Firefox 4 */
	-webkit-transition: all .5s; /* Safari and Chrome */
	-o-transition: all .5s; /* Opera */
	}
.area1:focus,.mobmail:focus{background-color:#fff;}
.area1{width:25%;height:32px;}
.mobmail{width:65%;height:24px;}
#email{display:none;}
/**/
.bt1,.bt2,.bt3{
	width:250px;
	height:63px;
	cursor: pointer;
	display:block;	
	background-repeat:no-repeat;
	background-position:50% 0%;
	background-size:100% auto;
	margin:0 auto;
	}
.bt1{background-image: url(../images/bth1.png);}
.bt2{background-image: url(../images/bth2.png);}
.bt3{background-image: url(../images/bth3.png);}
.bt_line,.bt_fb{
	width:150px;
	height:63px;
	cursor: pointer;
	display:inline-block;	
	background-repeat:no-repeat;
	background-position:50% 0%;
	background-size:100% auto;
	margin:10px 8px 0 8px;
	}
.bt_line{background-image: url(../images/bth-line.png);}
.bt_fb{background-image: url(../images/bth-fb.png);}
.bt1:hover,.bt2:hover,.bt3:hover,.bt_line:hover,.bt_fb:hover,.bt5:hover,.bt6:hover{background-position:50% 100%;}
.bt5,.bt6{
	position:relative;
	width:169px;
	height:67px;
	cursor: pointer;
	display:inline-block;	
	background-repeat:no-repeat;
	background-position:50% 0%;
	background-size:100% auto;
	margin:0 3px 0 3px;
	top:3px;
	}
.bt5{background-image: url(../images/bth2_1.png);}
.bt6{background-image: url(../images/bth2_2.png);}
.btt3box{padding:15px 0 5px 0;text-align:center;}
.btt3box a{
	cursor: pointer;
	display:inline-block;	
	background-repeat:no-repeat;
	background-position:50% 0%;
	background-size:100% auto;
	margin:-4px;
	margin:1% 1% 0 1%;
	}
.btt3a{
	/*float:left;*/
	width:41.4285%;/*145*/
	height:0;/*59*/
	padding-bottom:16.86%;/*40.6896 16.857*/
	background-image: url(../images/bth3_01.png);}
.btt3b{
	/*float:right;*/
	width:51.7142%;/*181*/
	height:0;/*59*/
	padding-bottom:16.86%;/*32.5966 16.857*/
	background-image: url(../images/bth3_03.png);}
.btt3c{
	width:51.7142%;/*181*/
	height:0;/*59*/
	padding-bottom:16.9%;/*32.5966*/
	background-image: url(../images/bth3_02.png);
	display:none;/**/
	}
.btt3box a:hover{background-position:50% 100%;}
/**/
.gbox{ width:1000px;text-align:center; margin-bottom:10px; margin:0 auto;}
.gbox > div {
	position:relative;
	/*width:auto;*/
	width:18%;/*18*/
	display:inline-block;
	margin:2px;
	text-align:center;
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	}
.gbox > div > img{width:100%;display:block;}
.good{position:absolute;top:0;}

/**/
#ph{
	position: relative;
	width:350px;
	margin: 0 auto;
	margin-bottom:10px;
	display:block;
	text-align:center;
	border:8px solid #ffa7ab;
	background-color:#ffa7ab;
	}	
.swiper-container{width:100%;}
.gallery-thumbs{position:absolute;top:0;left:0;z-index:3;}
.swiper-slide img{width:100%;display:block;}
#peoplebox{
	position:absolute;
	width:100%;
	height:0;
	padding-bottom:137.1428%;
	overflow:hidden;
	z-index:2;
	top:0;
	}
.people{
	position:absolute;
	width:82.28571%;
	height:0;
	padding-bottom:134.857%;/*163.8888*/
	bottom:0;
	left:26.57142%;
	}
.people img{
	position:absolute;
	width:100%;
	display:block;
	top:0;
	left:0;
	}
	
@media only screen and (max-width:1000px){	
/**/
.gbox{width:auto;}
.gbox > div {width:auto;margin:5px;}
}
@media only screen and (max-width:800px){
/**/

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

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


}
@media only screen and (max-width:520px){
/**/
.cobox{width:100%;}

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

}
@media only screen and (max-width:450px){
/**/
.gbox > div {width:75%;}
}
@media only screen and (max-width:400px){
/**/
.bt1,.bt2,.bt3{
	width:210px;
	height:53px;
	}
.bt_line,.bt_fb{
	width:126px;
	height:53px;
	margin:10px 3px 0 3px;
	}
.bt5,.bt6{
	width:152px;/*134*/
	height:60px;/*53*/
	margin:0 2px 0 2px;
	top:0;
	}
}
@media only screen and (max-width:360px){
/**/
#ph{width:auto;}
.item > div > input,.cop{font-size: 1.3rem;}
}
@media only screen and (max-width:330px){
/**/
.bt5,.bt6{
	width:139px;/*134*/
	height:55px;/*53*/
	margin:0 1px 0 1px;
	}	
}