@import url(https://fonts.googleapis.com/earlyaccess/notosanstc.css);

header{position: relative;border-bottom: 5px solid #ff743e;margin: 0 3%; text-align: center;padding: 1%;margin-top: 1%;}

header .nav{position: absolute;top:20%; right: 15%;}
a.logo img.logo_img{width: 13%;}
/*s1_kv*/
section.s1_kv{text-align: center;font-size: 1vw;margin-top: 2%;}
.s1_kv .s1_text img{margin-top: 2%;width: 45%;margin: 0 auto;padding-top: 10px; max-width:625px;}
.s1_kv .s1_text p{font-size: 2.5em;font-family: 'Noto Sans TC';font-weight: 400;color:#3f3f3f;margin-bottom: 2%;line-height: 1.3;}
.s1_kv .s1_text p span{font-size: 1.3em;font-family: 'Noto Sans TC';font-weight: 700;border-bottom: 1px solid #000;line-height: 2.5;color: #000;letter-spacing: 0px;}
.s1_kv .kv_img img{width: 77%;margin: 0 auto; max-width:1152px;}
.s1_kv strong{font-size: 1.2em;font-weight: 600;color: #ff743e;margin: 0 5px;}
.s1_kv .s1_text p span.new_sp{font-size:1.2em;font-family: 'Noto Sans TC';font-weight: 500;border-bottom: 0px solid #000;line-height: 1;color: #ff743e;letter-spacing: 0px;}.s1_kv .kv_img img{width: 77%;margin: 0 auto;}

.s1_kv .kv_199{padding: 4% 1%;}
.s1_kv .kv_199 img{width:33%;margin: 0 auto;}

/*s2_member*/
section.s2_member{background-color: #f8f8f8;padding: 30px 0px;}
section.s2_member p{ text-align:center;font-size: 24px;font-family: 'Noto Sans TC';font-weight: 400;color:#939393;margin-bottom: 2%;} 
.s2_member .s2_confirm{position: relative;}
.s2_member .s2_confirm .oringe{position: absolute; top: 0;left:29%;width: 44%;height: 2%;background-color: #ff743e;}
.s2_member .s2_confirm{width: 40%; margin: 0 auto;text-align: center;background-color: #fff;border: 1px solid #e1e1e1;padding: 40px 0px;}
.s2_member .s2_confirm h3{font-family: 'Noto Sans TC';color: #000;font-size: 30px;font-weight: 600;}
.s2_member .s2_confirm .s2_input{margin-top: 20px;}
.s2_member .s2_confirm .s2_input input{border: 0px;border-bottom: 1px solid #c2c2c2;height: 50px;font-size: 20px;width: 70%;}
.s2_member .s2_confirm .s2_input .ver_key{position: relative;}
.s2_member .s2_confirm .s2_input .ver_key a{position: absolute;top:5%;right: 15%;background-color: #4a4a4a;color: #fff;border-radius: 10px;font-size: 20px;padding: 13px;-webkit-transition: all .2s linear;}
.s2_member .s2_confirm .s2_input .ver_key a:hover{background-color: #000;}
.s2_member .s2_confirm .s2_input .no_key{text-align: right;width: 70%;margin: 1% auto;}
.s2_member .s2_confirm .s2_input .no_key a{font-size: 16px;}
.s2_member .s2_confirm .member_add{margin-top:30px;}
.s2_member .s2_confirm .member_add a.add_btn{padding: 10px 40px;font-family:'Noto Sans TC';font-weight: 600;color: #fff;border-radius: 10px;background-color: #ff743e;font-size: 25px;-webkit-transition: all .2s linear;}
.s2_member .s2_confirm .member_add a.add_btn:hover{background-color: #ff6326;}
.s2_member .s2_confirm .member_add p{font-size: 16px;color: #4c4c4c;margin-top: 30px;}
.s2_member .s2_confirm .member_add p a{color: #ed6b39;}
/*s3_introduction*/
section.s3_introduction{position: relative; text-align: center;margin: 2% 10%;}
.s3_introduction .s3_tittle img{width: 100%;}
.s3_introduction p{font-size: 24px;font-family: 'Noto Sans TC';font-weight: 400;color:#3f3f3f;margin:2%;line-height: 1.5;}
.s3_introduction .s3_tittle .s3_tittle_pc{display: block;}
.s3_introduction .s3_tittle .s3_tittle_m{display: none;}
.s3_introduction .s3_img{display: inline-block;width: 30%;}
.s3_introduction .s3_img .s3_img_pc{display: block;}
.s3_introduction .s3_img .s3_img_m{display: none;}
.s3_introduction .s3_img img{width: 100%;}

/*s4_description*/
section.s4_description{text-align: center;}
.s4_description .s4_img img{width: 80%;}
.s4_description .s4_img .s4_img_pc{display: inline-block;}
.s4_description .s4_img .s4_img_m{display: none;}
/*s5_size*/
section.s5_size{text-align: center;font-family: 'Noto Sans TC';margin-top: 60px;}
.s5_size .s5_text{margin-bottom: 50px;}
.s5_size .s5_text .s5_textcont{display: inline-block;vertical-align: top;padding: 0 5%;}
.s5_size .s5_text .s5_left{border-right: 1px solid #c8c8c8;}
.s5_size .s5_text .s5_textcont p{ font-size: 18px;}
.s5_size .s5_text .s5_textcont span.s5_p{text-align: left;font-size: 18px;line-height: 1.5;}
.s5_size span.s5_span{font-size: 22px; color: #ff743e;border: 1px solid #ff743e;padding: 0 5px;}

.s5_size .s5_slick_pc{width: 100%;margin-top: 50px;}
.s5_size .s5_slick_pc .slickimg{display: inline-block;width: 15%;margin-left: 2%;}
.s5_size .s5_slick_pc .slickimg img{width: 100%;}
.s5_slick_m{display: none;} 

/*s6_sgs*/
section.s6_sgs{text-align: center;}
section.s6_sgs .s6_add{margin:2%;}
section.s6_sgs .s6_add a img{width: 50%;margin: 0 auto;}
.s6_sgs .s6_sgsimg{width: 50%;margin: 0 auto;}
.s6_sgs .s6_sgsimg img{width: 100%;}
.s6_sgs .s6_sgsimg{width: 50%; margin: 0 auto;}
.s6_sgs .s6_sgsimg img{width: 100%;}

/*page-buy*/
section#page-buy{width: 750px;margin: 0 auto;}

#floatbtn2buy {
    width: 3em;
     /*height: 100px; */
     padding: 15px;
    line-height: 100px;
    background: #fa6215;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.5);
    border-radius: 10px;
    z-index: 5;
    position: fixed;
    right: 1em;
    bottom: 103px;
    cursor: pointer;
    border: 0;
    color: #fff;
    text-align: center;
    font-size: 23px;
    font-weight: bold;
    line-height: 1.1;
    font-family: Arial,"文泉驛正黑","WenQuanYi Zen Hei","儷黑 Pro","LiHei Pro","微軟正黑體","Microsoft JhengHei",sans-serif;
}
#floatbtn2buy.show {
    animation: showFloatBtn .3s;
    animation-fill-mode: forwards;
}
#floatbtn2buy .buy_s1{color:#000;font-size: 18px;letter-spacing: -1.9px;}
#floatbtn2buy .buy_s2{font-size: 25px;font-family: 'Noto Sans TC'; font-weight: 800;}


/*footer*/
footer{border-top: 30px solid #ffbca2;width:100%;text-align: center;font-size: 14px;padding: 50px 0px 30px 0px;}
footer p{font-size: 14px;color: #7b7b7b;}
footer p a{color: #7b7b7b;}

 .notice {width: 55%;max-width: 800px;margin: 5% auto;}
 .notice h5{    border-bottom: 1px solid #333;font-size: 24px;font-weight: bold;display: inline-block;line-height: 1.5;margin-bottom: 2%;}
 .notice p{font-size: 16px;font-weight: bold;text-align: left;line-height: 1.5;}




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

	/*#floatbtn2buy{display: none;}*/
	/*header*/
	header{margin: 0px;margin-top: 5%;}
	header .nav{right: 3%;top: 5%;}
	a.logo img.logo_img{width: 25%;}
	section.s1_kv{margin-top: 5%;}
	.s1_kv .s1_text img{width: 95%;}
	/*s1*/
	.s1_kv .kv_img img{width: 100%;}
	.s1_kv .s1_text p{font-size: 20px;}
    .s1_kv .s1_text p span{font-size: 18px;}
	.s1_kv .kv_199 img{width: 85%;}
	/*s2*/
	.s2_member .s2_confirm{width: 100%;}
	.s2_member .s2_confirm .member_add p{font-size: 12px;}
	section.s2_member p{     font-size: 15px;margin: 0% 4% 4%;}
	/*s3*/
	section.s3_introduction{margin: 2% 1%;}
	.s3_introduction p{font-size: 13px; margin:3% 0;}
	.s3_introduction .s3_tittle{margin-bottom: 20px;}

	/*.s3_introduction .s3_tittle img{width: 24%;margin: 0 auto;}*/
	
	.s3_introduction .s3_img{display: block;width: 100%;}
	.s3_introduction .s3_img .s3_img_pc{display: none;}
	.s3_introduction .s3_img .s3_img_m{display: block;}

	/*s4*/
	.s4_description .s4_img .s4_img_pc{display: none;}
	.s4_description .s4_img .s4_img_m{display: inline-block;}
	.s4_description .s4_img img{width: 100%;}

	/*s5*/
	.s5_size .s5_text .s5_textcont {display: block;margin-top: 45px;}
	.s5_size .s5_text .s5_left{border-right: 0px;}
	.s5_size .s5_text .s5_textcont p{line-height: 1.3;}
	.s5_slick_pc{display: none}
	.s5_slick_m{display: block;} 

	/*s6*/
	.s6_sgs .s6_sgsimg {width: 100%;}
	section.s6_sgs .s6_add a img{width: 100%;}
	/*notice*/
	 .notice{font-size: 1vw;width: 90%;}
 	 .notice h5{font-size: 4em;}
 	 .notice p{font-size: 3em;}

 	 #orderinfo-wrap {
    padding: 24px 0 10%;
}

}
/*123*/