body,
html{
	margin: 0px;
	padding: 0px;
}
img {
	max-width: 100%;
	border: none;
}
body{
	font-family: "Noto Sans TC","Apple LiGothic Medium","Microsoft JhengHei","微軟正黑體",arial,"新細明體",sans-serif;
	font-size: 16px;
	line-height: 1.5em;
	color:#1d1014;
	background-color: #000;
}
body *{
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
body.noscroll{
    overflow: hidden;
}
a,
a:hover{
	color:#1d1014;
	border: 0;
	text-decoration: none;
}
p{
	font-size: 16px;
	line-height: 24px;
}
.no_ul,
.no_ul>li{
    list-style: none;
    padding: 0;
    margin: 0;
}
.flex_center{
	display: -webkit-flex;
  	display: flex;
  	-webkit-align-items: center;
    align-items: center;
  	-webkit-justify-content: center;
    justify-content: center;
	overflow: hidden;
}
.hide{
	display: none !important;
}
.clearfix:after{
	content: '';
	display: block;
	clear: both;
}

.container{
	/*padding: 0 30px;*/
	padding: 0 4.7%
}

/*main content*/
#main_container{
	position: relative;
	/*width: 100%;
    max-width: 640px;*/
    width: 640px;
    height: auto;
    background-color: #fff;
    margin: 0 auto;
    overflow: hidden;
}

/*header*/
.header_block{
	background: #000;
	position: fixed;
	z-index: 1000;
	width: 640px;
	height: 90px;
	padding-top: 9.5px;
	padding-bottom: 9.5px;

}
.header_logo{
	margin-top: 11.5px;
	display: inline-block;
}
.menu_btn{
	display: block;
	/*width: 71px;
	height: 71px;*/
	width: 11.09%;
	padding-top: 11.09%;
	background: url(../images/smk_menu_open.png) center center no-repeat;
	position: absolute;
	cursor: pointer;
	/*right: 40px;*/
	top: 9.5px;
	right: 6.25%;
	-webkit-transition: .3s ease;
	-moz-transition: .3s ease;
	-o-transition: .3s ease;
	transition: .3s ease;
	cursor: pointer;

}
.menu_btn.open{
	background-image: url(../images/smk_menu_close.png);
}

@media (max-width:640px){
	#main_container,
	.header_block{
		width: 100%;
	}
}

/*--- menu list ---*/
.menu_list_block{
	display: none;
	width: 100%;
	max-width: 640px;
	/*position: absolute;*/
	position: fixed;
	height: 100%;
	height: -webkit-calc(100% - 90px);
	height: -moz-calc(100% - 90px);
	height: calc(100% - 90px);
	top: 90px;
	/*left: 0;*/
	left: -webkit-calc(50% - 320px);
	left: -moz-calc(50% - 320px);
	left: calc(50% - 320px);
	/*background-attachment:scroll;*/
	/*padding-top: 28.9%;*/
	overflow: auto;
}
.menu_list_bg{
	padding-top: 170px;
	padding-bottom: 120px;
	background: url(../images/smk_menu_bg.png) top center repeat-y;
	background-size: 100%;
	height: 100%;
	min-height: 858px;
}
.menu_list{
	display: block;
	max-width: 360px;
	margin: 0 auto;

}
.menu_list li{
	display: block;
	margin-bottom: 35px;

}
.menu_list li a{
	display: block;
}
.menu_list li a img{
	display: block;
}

/*--- kv ---*/
.kv_block{
	margin-top: 90px;
}
.kv_block img{
	display: block;
}

/*--- video ---*/
.video_block img{
	display: block;
}

/*--- center bg ---*/
.center_bg_block{
	background: url(../images/smk_center_bg.jpg) top center no-repeat;
	background-size: 100%;
	padding-top: 103.125%;
}

/*prod slide*/
.prod_slide_block{
	width: 94%;
	margin: 0 auto;
	background: rgba(255,255,255,0.8);
	padding: 35px 0 25px 0;
}
.prod_slide_block .swiper-slide{
	text-align: center;
	padding: 0 30px;
}
/*prod img*/
.prod_slide_block .prod_img{
	background: #fff;
	/*width: 87%;*/
	text-align: center;
	margin: 0 auto;
}

.prod_slide_block .swiper-button-next,
.prod_slide_block .swiper-button-prev{
	width: 49px;
	height: 62px;
	margin-top: 0;
	top: 240px;
	z-index: 100;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
}
.prod_slide_block .swiper-button-next{
	background-image: url(../images/smk_prod_next_btn.png);
	right: 0;
}
.prod_slide_block .swiper-button-prev{
	background-image: url(../images/smk_prod_prev_btn.png);
	left: 0;
}

/*prod title*/
.prod_slide_block .prod_title{
	font-size: 42px;
	line-height: 1.5em;
	margin: 30px 0 15px 0;
	color: #1d1014;
}
.prod_slide_block .prod_title.new:after{
	content: '';
	display: inline-block;
	width: 78px;
	height: 32px;
	background: url(../images/smk_prod_new.png) center no-repeat;

}

/*prod sub*/
.prod_slide_block .prod_sub{
	font-size: 24px;
	line-height: 1.5em;
	color: #ec1978;
	margin: 0 0 10px 0;
}

/*prod text*/
.prod_slide_block .prod_text{
	color: rgba(0,0,0,0.75);
	font-size: 22px;
	line-height: 1.5em;
	height: 99px;
	overflow: hidden;
	margin-bottom: 5px;
}

/*prod color*/
.prod_color_list{
	display: block;
	height: 162px;
	margin-bottom: 10px;
}
.prod_color_list.mid{
	padding-top: 48px;
}
.prod_color_list li{
	display: inline-block;
	padding: 5px;
}

.prod_color_list .color{
	display: block;
	width: 38px;
	height: 38px;
	position: relative;
	cursor: pointer;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.prod_color_list .color.active:before{
	content: '';
	display: block;
	width: 44px;
	height: 44px;
	border: 2px solid #f0037d;
	opacity: 0.75;
	position: absolute;
	top: -5px;
	left: -5px;
}
/*lip*/
.lip_111{
	background: #e19389;
}
.lip_112{
	background: #ff5f57;
}
.lip_113{
	background: #fe6ba2;
}
.lip_114{
	background: #bc5398;
}
.lip_115{
	background: #ec1978;
}
.lip_101{
	background: #f4b590;
}
.lip_102{
	background: #e17c5c;
}
.lip_103{
	background: #df7987;
}
.lip_104{
	background: #e34569;
}
.lip_105{
	background: #d82649;
}
.lip_106{
	background: #c9173a;
}
.lip_107{
	background: #db5f78;
}
.lip_108{
	background: #be6978;
}
.lip_109{
	background: #941f62;
}
.lip_110{
	background: #7d4839;
}
/*light*/
.lt_201{
	background: #9d5d45;
}
.lt_202{
	background: #995858;
}
.lt_203{
	background: #7b4446;
}
.lt_204{
	background: #682029;
}
.lt_205{
	background: #c66f8c;
}
.lt_206{
	background: #dc5c78;
}
.lt_207{
	background: #a44f60;
}
.lt_208{
	background: #864854;
}
.lt_209{
	background: #99403f;
}
.lt_210{
	background: #a74d57;
}
.lt_211{
	background: #924956;
}
.lt_212{
	background: #7c4238;
}
.lt_213{
	background: #e93f6a;
}
.lt_214{
	background: #bd3058;
}
.lt_215{
	background: #63355b;
}
.lt_216{
	background: #542231;
}
.lt_217{
	background: #eb5b6c;
}
.lt_218{
	background: #c82f27;
}
.lt_219{
	background: #ce3132;
}
.lt_220{
	background: #8a241c;
}
.lt_221{
	background: #aa292b;
}
.lt_222{
	background: #9a0000;
}
.lt_223{
	background: #84352d;
}
.lt_224{
	background: #2c151c;
}
.lt_225{
	background: #cc4747;
}
.lt_226{
	background: #d03145;
}
.lt_227{
	background: #861f1a;
}
.lt_228{
	background: #542924;
}
/*smoke*/
.smoke_501{
	background: #ba7069;
}
.smoke_502{
	background: #aa6f61;
}
.smoke_503{
	background: #a97558;
}
.smoke_504{
	background: #a3634e;
}
.smoke_505{
	background: #b46361;
}
.smoke_506{
	background: #975353;
}
.smoke_507{
	background: #7f463c;
}
.smoke_508{
	background: #954849;
}
.smoke_509{
	background: #c12b1f;
}
.smoke_510{
	background: #b4251d;
}
.smoke_511{
	background: #c62b4b;
}
.smoke_512{
	background: #bb2728;
}
.smoke_513{
	background: #dd3644;
}
.smoke_514{
	background: #9e2825;
}
.smoke_515{
	background: #8d1e28;
}
.smoke_516{
	background: #841d1d;
}
.smoke_517{
	background: #a33352;
}
.smoke_518{
	background: #8c2c45;
}
.smoke_519{
	background: #b24b88;
}
.smoke_520{
	background: #95426c;
}
.smoke_521{
	background: #5a191c;
}
.smoke_522{
	background: #3e070c;
}
.smoke_523{
	background: #340d16;
}
.smoke_524{
	background: #3a0f12;
}
/*gloss*/
.gloss_301{
	background: #ac588d;
}
.gloss_302{
	background: #bf2d5a;
}
.gloss_303{
	background: #b42658;
}
.gloss_304{
	background: #b72e2a;
}
.gloss_305{
	background: #ce3427;
}
.gloss_306{
	background: #d0524d;
}
.gloss_307{
	background: #642321;
}
.gloss_308{
	background: #61252d;
}
.gloss_309{
	background: #90354d;
}
.gloss_310{
	background: #bd8762;
}
.gloss_311{
	background: #c8857a;
}
.gloss_312{
	background: #c76660;
}
/*dew*/
.dew_01{
	background-image: url(../images/prod/dew/smk_pd_dew_bg_01.jpg);
}
.dew_02{
	background-image: url(../images/prod/dew/smk_pd_dew_bg_02.jpg);
}
.dew_03{
	background-image: url(../images/prod/dew/smk_pd_dew_bg_03.jpg);
}
.dew_04{
	background-image: url(../images/prod/dew/smk_pd_dew_bg_04.jpg);
}
/*mascara*/
.mas_01{
	background: #000;
}
.mas_02{
	background: #0b4d9b;
}
.mas_03{
	background: #553994;
}
.mas_04{
	background: #1d5f44;
}
/*air*/
.air_01{
	background-image: url(../images/prod/air/smk_pd_air_bg_01.jpg);
}
.air_02{
	background-image: url(../images/prod/air/smk_pd_air_bg_02.jpg);
}
/*prod buy btn*/
.prod_buy_btn{
	display: block;
}
.prod_buy_btn img{
	display: block;
}

/*--- filter ---*/
.filter_block{
	position: relative;
}
.filter_block img{
	display: block;
	width: 100%;
}
.filter_block .filter_btn{
	position: absolute;
	display: block;
	width: 86.09%;
	left: 8.59%;
	/*top: 42.41%;*/
	bottom: 17.52%;
}

/*--- tagboard ---*/
.tagboard_block{
	/*padding-top: 85px;*/
}
.tagboard_block .tagboard_title{
	margin-bottom: 25px;	
}

/*--- form ---*/
.form_block{
	text-align: center;
	padding-top: 50px;
}
/*title*/
.form_title{
	margin-bottom: 20px;
}
/*text*/
.form_text{
	/*color: #ec1978;
	font-size: 23px;
	line-height: 36px;*/
	width: 100%;
	left: 0;
	padding-top: 14.69%;
	background: url(../images/smk_form_subtitle.png) center no-repeat;
    background-size: 100%;
}

.form_title img{
	display: block;
}

.form_block .form_bg{
	position: relative;
	padding-top: 139.06%;
	background: url(../images/smk_form_bg_0417.jpg) center bottom no-repeat;
	background-color: #fff;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    opacity:0.7;
    color: #383634;
}
::-moz-placeholder { /* Firefox 19+ */
    opacity:0.7;
    color: #383634;
}
:-ms-input-placeholder { /* IE 10+ */
    opacity:0.7;
    color: #383634;
}
:-moz-placeholder { /* Firefox 18- */
    opacity:0.7;
    color: #383634;
}
.form_block .form-input,
.form_block .form-select,
.form_block .check_block{
    position: absolute;
    background: transparent;
    left: 9.53%;
    height: 7.11%;

}
.form_block .form-input,
.form_block .form-select{
    font-family: "Noto Sans TC","Apple LiGothic Medium","Microsoft JhengHei","微軟正黑體",arial,"新細明體",sans-serif;
    color: #383634;
    font-size: 27px;
    line-height: 1;
    width: 81.25%;
    border: 0;
	outline: 0;
    /*background: rgba(0,0,0,0.5);*/
    padding: 0 4.69%;
	
}
.form_block .form-input.name{
    top: 7.64%;
}
.form_block .form-input.phone{
    top: 17.64%;
}
.form_block .form-input.mail{
    top: 27.53%;
}
.form_block .form-select{
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
}
.form_block .form-select.city{
    top: 37.64%;	
}
.form_block .form-select.counter{
	top: 47.19%;
}
.form-select::-ms-expand{ display:none; }
.form_block .form-select option{
    color: #383634;
}


.form_block .check_block{
    bottom: 27.09%;
    /*height: 3.37%;*/
    height: 30px;
    width: 35.94%;
}
.form_block .checkbox-label{
    display: block;
    width: 100%;
    height: 100%;
    cursor: pointer;    
    margin-bottom: 0;
}
.form_block label:after {
    content: '';
    display: none;
    position: absolute;
    left: 2px;
    top: 2px;
    width: 22px;
    height: 22px;
    background-image: url(../images/bio4_check_icon.png);
    background-size: 100%;
    background-repeat: no-repeat;
}
.form_block input:checked + label:after{
    display: block;
}
.form_block .check_block .policy_link{
	display: block;
	text-decoration: none;
	height: 30px;
    width: 51%;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 50;
}

.confirm-btn,
.is-end{
	position: absolute;
	width: 81.25%;
    height: 7.11%;
    left: 9.53%;
    bottom: 15.85%;
    text-align: center;
}
.confirm-btn{
	outline: 0;
	border: 0;
	cursor: pointer;
	padding-top: 11.41%;
    width: 82.19%;
    background: url(../images/smk_form_send_btn.png) center no-repeat;
    background-size: 100%;
}
.is-end{
    font-size: 26px;
	
}
/*prod note*/
.form_note{
	position: absolute;
	/*bottom: 3.6%;*/
	bottom: 2.6%;
	/*color: #696969;
	font-size: 18px;
	line-height: 1.5em;
	text-align: left;*/
	width: 100%;
	/*height: 8.43%;*/
	height: 11.57%;
	left: 0;
	/*background: url(../images/smk_form_text.png) center no-repeat;*/
	background: url(../images/smk_form_text_0415_01.png) center no-repeat;
    background-size: 100%;
}
.form_note a{
	/*color: #ec1978;*/
	position: absolute;
	display: block;
	left: 50.31%;
	width: 12.97%;
	height: 34.67%;
	top: 0;
}
/*.form_note a:hover{
	text-decoration: underline;
}*/

/*lip card link*/
.lip_card_link,
.lip_card_link img{
	display: block;
	width: 100%;
	height: auto;
}
.lip_card_link{
	position: fixed;
	width: 640px;
	bottom: 0;
	left: -webkit-calc(50% - 320px);
	left: -moz-calc(50% - 320px);
	left: calc(50% - 320px);
	z-index: 500;
}

/*footer*/
.footer_block{
	background: #000;
	padding-bottom: 100px;
}

/*--- popup ---*/
.pop-up{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:9999;
    display:none;
    overflow: auto;
    text-align: center;
    background: rgba(0,0,0,0.8);

}
.pop-window{
    max-width: 558px;
    width:87.19%;
    position:relative;
    margin:50px auto;
    display:inline-block;
    vertical-align: middle;
    /*top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);*/
}
.filter_type .pop-window{
	max-width: 640px;
    width: 100%;
}
.pop-container{
    width: 100%;
    height: 711px;
    text-align:center;
    background-repeat: no-repeat;
    background-position: center;
    overflow: hidden;
}
.pop-container.resent{
    background-image: url(../images/smk_pop_resent_bg.png);

}
.pop-container.finish{
    background-image: url(../images/smk_pop_finish_bg.png);
}
.pop-container.finish.no_text{
	background-image: url(../images/smk_pop_finish_bg_no.png);
}
.pop-container.award{
	height: 808px;
	background-image: url(../images/smk_pop_award_bg_0524.png);
}
.pop-container.filter{
	height: 1076px;
	background-image: url(../images/smk_pop_filter_bg.png);
}
.pop-window .form-input{
	position: absolute;
	width: 79.21%;
	height: 11.25%;
	font-family: "Noto Sans TC","Apple LiGothic Medium","Microsoft JhengHei","微軟正黑體",arial,"新細明體",sans-serif;
    font-size: 27px;
    line-height: 1;
    outline: 0;
    border: 0;
	background: transparent;
    /*background: rgba(0,0,0,0.5);*/
    padding: 0 4.3%;
    left: 9.68%;
}
.pop-window .form-input.re_phone{
	top: 40.08%;
}
.pop-window .form-input.re_mail{
	top: 54.6%;
}
/*btn*/
.pop-btn{
	position: absolute;
    /*width: 442px;*/
    width: 79.21%;
    /*height: 73px;*/
    height: 10.27%;
    /*left: 49px;*/
    left: 8.78%;
    cursor: pointer;
}
.finish .pop-btn{
	/*bottom: 165px;*/
	bottom: 23.21%;
}
.resent .pop-btn{
	/*bottom: 75px;*/
	bottom: 10.55%;
    border: 0;
    outline: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../images/smk_resend_btn.jpg);
}
.pop-btn img{
	display: block;
} 

/*close*/
.pop-close{
    position: absolute;
    width: 52px;
    height: 52px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../images/smk_pop_close.png);
    top: 35px;
    right: 40px;
    cursor: pointer;
}
.filter_type .pop-close{
	top: 33px;
	right: 18px;
}

/*award pop*/
.week_block{
	position: absolute;
	/*top: 20.17%;*/
	top: 25%;
	left: 12.19%;
	width: 73.48%;
	height: 43.32%;
	overflow-y: auto;
	text-align: center;
	font-size: 24px;
	line-height: 50px;
	padding-top: 25px;
}
.week_block .week_item{
	/*margin-bottom: 20px;*/
	margin-bottom: 35px;
}
.week_block p{
	margin: 0;
}
.week_block .week_item .title{
	display: inline-block;
	background: #f06da4;
	color: #fff;
	line-height: 30px;
	padding: 0 10px;
	margin-bottom: 18px;
}
.week_block .week_item .text{
	color: #f06da4;
	font-size: 26px;
	font-weight: bold;
	line-height: 1.7em;
}

/*filter pop*/
#filter_browse_cut{
	position: relative;
}
.filter_method_link{
	position: absolute;
	display: block;
	width: 25.31%;
	left: 37.345%;
	top: 76.67%;
}