head, body{
	padding: 0;
	margin: 0;
}
img{
	display: block;
	width: 100%;
}
.full-width{
    width: 100%;
    background-size: cover;
    background-position: center;
    text-align: center;
}
.half-width{
	width: 50% !important;
	float: left;
}

.content, .full-width>div{
	max-width: 750px;
	width: 100%;
	margin: 0 auto;
}

.fv{
	margin-top: 76px; 
}


.content, .buy{position: relative;}

.fv-gif{
	width: 35%;
    position: absolute;
    top: 70%;
    left: 10%;
}

/*movie start*/

.movie {
    position: absolute;
	top: 16.3%;
    right: 10.9%;
    width: 87%;
}

.video-container {
 	position: relative;
 	padding-bottom: 56.25%;
 	height: 0;
	top: 5%;
	left: 5%;
 	overflow: hidden;	
}

.video-container iframe, .video-container object, .video-container embed {
	position: absolute;
 	top: 0;
 	left: 0;
 	width: 100%;
 	height: 100%;
}

/*movie end*/


.more-btn-1920{
	position: absolute;
	width: 87%;
	bottom: 3%;
	left: 7%;	
}

.more-btn-4850{
	position: absolute;
	width: 87%;
	bottom: 4%;
	left: 7%;	
}


.more-btn-red{
	position: absolute;
	width: 43%;
	bottom: 15%;
	left: 55%;		
}


.dry-gif{
	position: absolute;
	width: 43%;
	bottom: 64.5%;
	left: 8%;
}

.skin-gif{
	position: absolute;
	width: 43%;
	bottom: 8.5%;
	left: 8%;
}



/*movie-2 start*/

.movie-2 {
    position: absolute;
	top: 23.7%;
    width: 87%;
}

.video-container {
 	position: relative;
 	padding-bottom: 56.25%;
 	height: 0;
	top: 5%;
	left: 5%;
 	overflow: hidden;	
}

.video-container iframe, .video-container object, .video-container embed {
	position: absolute;
 	top: 0;
 	left: 0;
 	width: 100%;
 	height: 100%;
}

/*movie end*/



/*QA start*/

.QA{
	display: block;
	margin-top: 5%;;
}


.btn_close {
	display: none;
}


ol, ul {
	
	list-style: none;
	margin: 5px;
	padding: 0px;
	
}


p {
	margin: 0px;	
}

#reasone-hide01, #reasone-hide02, #reasone-hide03, #reasone-hide04, #reasone-hide05{
	display: none;
}


/*QA end*/


/*offer start*/
	

.buy-btn-b{
	position: absolute;
	width: 80%;
	bottom: 7%;
	left: 10%;
}

.buy-btn-b-2{
	position: absolute;
	width: 80%;
	bottom: 6.9%;
	left: 10%;
}

.buy-btn-b-3{
	position: absolute;
	width: 44%;
	bottom: 3%;
	left: 3%;
}

.buy-btn-b-4{
	position: absolute;
	width: 44%;
	bottom: 3%;
	left: 52%;
}





/*offer end*/




/*footer btn start*/
	

.btn-mail{
	position: absolute;
	width: 87%;
	bottom: 61%;
	left: 7%;
}

.btn-tel{
	position: absolute;
	width: 87%;
	bottom: 40%;
	left: 7%;
}

.btn-fb{
	position: absolute;
	width: 24%;
	bottom: 5%;
	left: 7.5%;
}

.btn-line{
	position: absolute;
	width: 24%;
	bottom: 5%;
	left: 37.5%;
}

.btn-ig{
	position: absolute;
	width: 24%;
	bottom: 5%;
	left: 69.5%;
	
}


.QA{
padding-bottom: 50px;
}


/*offer end*/




/*background start*/

.wapper{	background-color: #fcf3f5;}

.sectionTimer{	background-image: url('../img/01/timer_bg.jpg');}

.section1_1{	background-image: url('../img/01/section_01_1_bg.jpg');}
.section1_2{	background-image: url('../img/01/section_01_2_bg.jpg');}
.sectionCounter{    background-image: url('../img/Counter/Counter_bg.jpg');}

.section2{	background-image: url('../img/01/section_02_bg.jpg');}
.section3{	background-image: url('../img/01/section_03_bg.jpg');}
.section4{	background-image:  url('../img/01/section_04_bg.jpg');}
.section5{	background-image:  url('../img/02/section_05_bg.jpg');}
.section6{	background-color: #e5ab9d;}
.section7{	background-color: #f5e0db;}
.section8{	background-image:  url('../img/02/section_08_bg.jpg');}
.section9{	background-color: #a35158;}
.section10{	background-image:  url('../img/02/section_10_bg.jpg');}

.section11{	background-image:  url('../img/02/section_11_bg.jpg');}
.section12{	background-image:  url('../img/03/section_12_bg.jpg');}
.section13{	background-image: url('../img/03/section_13_bg.jpg');}
.section14{	background-image: url('../img/03/section_14_bg.jpg');}
.section15{	background-color: #fbedee;}
.section16{	background-image: url('../img/04/section_16_bg.jpg');}

.section17{	background-image: url('../img/04/section_17_bg.jpg');
	margin-bottom: 0;
	padding-bottom: 0;
	bottom: 0;
	border-bottom: #8a675300 solid;
}
.section18{	background-color: #fcf3f5;}
.section19_1{	background-image: url(../img/04/section_19_1_bg.jpg);}
.section19_2{background-image: url(../img/04/section_19_2_bg.jpg);}
.section19_3{background-image: url(../img/04/section_19_3_bg.jpg);}
.section19_5{background-image: url(../img/04/section_19_5_bg.jpg);}
.section20{	background-color: #ff687b;}

/*background end*/


/*list bar start*/

.dsk-nav{
    height: 76px;
    width: 100%;
    top: 0;
    background-color: #715443;
    text-align: center;
    overflow: hidden;
    z-index: 999;
    position: fixed;
	letter-spacing: 2px;
	font-family: "Noto Sans CJK TC";
    box-shadow: 0 0 15px rgba(0,0,0,.5);
}
.lst, .logo{
    border-right: none !important;
}

.dsk-nav a, .dsk-nav .logo{
    float: left;
    display: block;
    color: white;
    text-decoration: none;
    border-right: 1px solid #ffffff;
    margin: 20px auto;
    padding: 0 28px;
    line-height: 36px;
    }
    .dsk-nav a:hover, .dsk-nav a:active{ text-decoration: underline; }

.dsk-nav .content{
    display: inline-block;
    margin: 0 auto;
	
}

#navBtn, .panel, .overlay{display: none;}
.show{display: inline; }


/*list bar end*/


/**倒數計時**/
#timer{
    position: absolute;
    z-index: 10;
	width: 100%;
	top: 61%;
    letter-spacing: 0.1em;
    color: rgb(248, 69, 84);
    font-size: 3.2em;
	-webkit-text-size-adjust:none;
	font-family: 'Noto Sans TC', sans-serif;
	text-shadow: rgb(255, 255, 255) 0.08em 0em 0em;
	letter-spacing: 0.1em;
}
/**/

/*手機版選單 <768 寬出現*/


@media screen and (max-width: 768px){

	.fv-gif{
	width: 35%;
    position: absolute;
    top: 68%;
    left: 10%;
}
	
	.fv{margin-top: 0; }
	
    .dsk-nav{display: none;}
	
    #navBtn, .panel{display: inline;}
	
    .overlay{
        width: 100%;
        height: 100%;
        position: fixed;
        background-color: black;
        opacity: 0.5;
        z-index: 99;
    }
    #navBtn{
        position: fixed;
        right: 0;
        top: 0;
        cursor: pointer;
        z-index: 999;
    }
    #navBtn:hover{opacity: 0.85;}

    .panel{
        width: 50%;
        position: fixed;
        right: -60vw;
        height: 100vh;
        background-color: #ff728a;
        padding-top: 70px;
        box-shadow: 0 0 25px rgba(0,0,0,.35);
        z-index: 999;
        }
    .panel a{
        display: block;
        width: 100%;
        height: 70px;
        line-height: 70px;
        border: none;
        color: white;
        text-decoration: none;
        font-size: 18px;
        letter-spacing: 0.1em;
        text-align: center;
		font-family: "Noto Sans CJK TC";
    }
    .panel a:hover{background-color: rgba(255,255,255,.3);}
    .panel .close {
        background-image: url(../img/nav/btn-close.png);
        background-size: 30px 30px;
        width: 50px;
        height: 50px;
        position: absolute;
        background-repeat: no-repeat;
        background-position: center;
        top: 0;
        right: 0;
    }
    .panel .a div{
        height: 23px;
        padding: 20px 0;
        width: 100%;
        display: block;
        background-repeat: no-repeat;
        background-position: center;
        background-size: auto 23px;
    }
    .panel .close{
        cursor: pointer;
    }
    .panel .logo{
    width: 60%;
    margin: -20px auto 20px;
    }
    .panel .logo img{width: 100%;}
	
	
	.QA{
	padding-bottom: 20px;
	
}
	#timer{
		font-size: 2.8em;
	}

	
	
}
@media screen and (max-width:650px){
	#timer{
		font-size: 2.3em;
	}
}
@media screen and (max-width:530px){
	#timer{
		font-size: 1.9em;
	}
}
@media screen and (max-width:450px){
	#timer{
		font-size: 1.6em;
	}
}
@media screen and (max-width:360px){
	#timer{
		font-size: 1.3em;
	}
}

/*跳轉按鈕*/
#site_btn {
	position: fixed;
	bottom: 1%;
	width: 15%;
	right: 10px;
	padding: 5px;
	z-index: 100;
}
#site_btn > a:hover{
	opacity: 1; 
}
@media screen and (max-width: 1000px) {
	#site_btn {
		width: 45%;
		right: 0px;
	}
}