@charset "utf-8";
/* CSS Document */
/* ---reset.css--- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 20px;
	font: inherit;
 
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
/* ---reset.css--- */
:root{
--topC:#5f463b; /*--誠網頭顏色--*/
--footerC:#fff; /*--誠網腳顏色--*/

--B1color-L:#d9b69b; /*--品牌推薦(1)淺色-底色--*/
--B1color-D:#76433d; /*--品牌推薦(1)深色-說明文字底色--*/
--B2color-L:#8d939e; /*--品牌推薦(2)淺色-底色--*/
--B2color-D:#292151; /*--品牌推薦(2)深色-說明文字底色--*/
--B3color-L:#d9b69b; /*--品牌推薦(3)淺色-底色--*/
--B3color-D:#76433d; /*--品牌推薦(3)深色-說明文字底色--*/
--B4color-L:#8d939e; /*--品牌推薦(4)淺色-底色--*/
--B4color-D:#292151; /*--品牌推薦(4)深色-說明文字底色--*/
	}


html, body{	
    font-family:'Century Gothic', 'Noto Sans TC','AppleGothic','sans-serif','Microsoft JhengHei', 'Noto Sans JP';
	-webkit-text-size-adjust:none;
	background-color:#fff; overflow-x:hidden;
}

*{-webkit-box-sizing:border-box;
  box-sizing:border-box;
  line-height:1;

 }

:focus { outline: 0; }
h1{ text-indent:-9999px; position:absolute;}
a {text-decoration:none;}

/* --電腦版型------------------------------------- */
li{ list-style:none; float:left;}

.WRAPPER{ width:100%; min-width:1200px; }


/*--主視覺--*/
@media screen and ( min-width: 769px ){
.main{ width:100%;height:416px;background:url(../images/index_pc.jpg) top center repeat;  display:block;line-height:0; position:relative; overflow:hidden;}
.main_content{ width:1200px; height:416px; margin:0 auto; position:relative;}
.index_m{ display:none;}

/*--品牌推薦(1)--*/
.box02{ width:100%;height:870px;display:block;line-height:0; position:relative; background-color:var(--B1color-L);}
.box02_content{ width:1200px; height:870px; margin:0 auto; position:relative;}
.B1_intro{ width:1180px; height:350px;text-align:center;display:block; margin:0px auto 0px auto; background-size:100%;overflow:hidden; position:absolute; top:30px;}
.B1_intro li:nth-child(1){ width:448px; height:1px; font-size:2.4rem; line-height:3.4rem; color:#fff; text-align:center; font-weight:500; background-color: #fff; z-index:1; position: relative; top:325px; left:20px;}
.B1_intro li:nth-child(2){ width:470px; height:290px; background-color: #fff;z-index:3; position:absolute; left:20px; top:30px; box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.1), 1px 2px 4px rgba(0, 0, 0, 0.1);}
.B1_intro li:nth-child(3){ width:330px; height:35px; font-size:2rem; line-height:2rem; color:#3a3a3a; text-align:center; font-weight:600; border-bottom:#3a3a3a solid 1px; position:relative; z-index:10;font-family:'Helvetica','Century Gothic', 'Noto Sans TC', 'sans-serif'; letter-spacing:2px; left:-360px; top:80px; overflow: hidden;}
.B1_intro li:nth-child(4){ width:300px; height:140px; font-size:0.9rem; line-height:1.45rem; color:#757575; text-align:left; font-weight:400;position:absolute; z-index:10;left:113px; top:150px; overflow:hidden;}
.B1_intro li:nth-child(5){ width:370px; height:350px;font-weight:300; position: relative; right:350px; top:0px;;z-index:2;}
.B1_intro li:nth-child(5) img{width:750px; height:350px;}

.B1_block{ position: relative; display:block; width:1080px; height:380px; top:412px;margin:0 auto; padding-left:24px; padding-right:6px;}
.B1_product{ width:240px; height:378px; display:inline-block; overflow:hidden; margin:0 8px; padding:7px 5px 0px 5px; background-color:#fff; }
.B1_product:hover{box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.2), 1px 2px 4px rgba(0, 0, 0, .1);}
.B1_product li:nth-child(1){ width:230px; height:230px;}
.B1_product li:nth-child(1) img{ width:230px; height:230px;}
.B1_product li:nth-child(2){ width:230px; height:30px; font-size:1rem; line-height:1.95rem; color:#fff; text-align:center; font-weight:500; position:relative; font-family:'Helvetica','Noto Sans TC', 'sans-serif','Noto Sans JP'; overflow: hidden;  margin-top:4px; background-color:var(--B1color-D);}
.B1_product li:nth-child(3){ width:230px; height:60px; font-size:1.1rem; line-height:1.4rem; color:#3a3a3a; text-align:center; font-weight:600; border-bottom:#3a3a3a solid 1px; position:relative;font-family:'Helvetica', 'Noto Sans TC', 'sans-serif','Noto Sans JP'; overflow: hidden; z-index:10; padding-top:7px;}
.B1_product li:nth-child(4){ width:230px; height:40px; font-size:1rem; line-height:1.95rem; color:#981515; text-align:center; font-weight:600; position:relative; font-family:'Helvetica','Noto Sans TC', 'sans-serif'; overflow: hidden;  margin-top:6px;}
.B1_product li:nth-child(4) span{ width:230px; height:40px; font-size:2rem; line-height:1.95rem; color:#981515; text-align:center; font-weight:900; position:relative; font-family:'Century Gothic','Noto Sans TC', 'sans-serif'; overflow: hidden;  margin-top:4px;}

.B1_more{ width:1024px; height:30px; display:block; overflow:hidden; margin:0 auto; position: relative; top:435px;}
.td_hr hr{width:446px; margin-top:10px;}
.moretext{ width:250px; height:23px; font-size:1.6rem; line-height:1rem; color:#fff; text-align:center; font-weight:600; position:relative; font-family:'Helvetica','Noto Sans TC', 'sans-serif';}
.moretext a{ width:250px; height:23px; font-size:1.6rem; line-height:1rem; color:#fff; text-align:center; font-weight:600; position:relative; font-family:'Helvetica','Noto Sans TC', 'sans-serif';}

/*--品牌推薦(2)--*/
.box03{ width:100%;height:323px; background:url(../images/bg.jpg) top center repeat; display:block;line-height:0; position:relative; overflow:hidden;}
.box03_content{ width:1200px; height:323px; margin:0 auto; position:relative;overflow:hidden;}
.box04{ width:100%;height:550px;display:block;line-height:0; position:relative; background-color:var(--B2color-L);}
.box04_content{ width:1200px; height:550px; margin:0 auto; position:relative; margin-top:0px;}
.B2_intro{ width:1180px; height:350px;text-align:center;display:block; margin:0px auto 0px auto; background-size:100%; position:absolute; top:-70px;}
.B2_intro li:nth-child(1){ width:410px; height:1px; background-color: #fff; z-index:99; position: relative; top:105px; left:770px;}
.B2_intro li:nth-child(2){ width:470px; height:290px; background-color: #fff;z-index:3; position:absolute; left:710px; top:-190px; box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.1), 1px 2px 4px rgba(0, 0, 0, 0.1);}
.B2_intro li:nth-child(3){ width:330px; height:35px; font-size:2rem; line-height:2rem; color:#3a3a3a; text-align:center; font-weight:600; border-bottom:#3a3a3a solid 1px; position:relative; z-index:10;font-family:'Helvetica','Century Gothic', 'Noto Sans TC', 'Noto Sans JP','sans-serif'; letter-spacing:2px; left:368px; top:-142px; overflow: hidden;}
.B2_intro li:nth-child(4){ width:300px; height:140px; font-size:0.9rem; line-height:1.45rem; color:#757575; text-align:left; font-weight:400;position:absolute; z-index:10; left:798px; top:-70px; overflow:hidden;}
.B2_intro li:nth-child(5){ width:370px; height:350px;font-weight:300; position: relative; left:-720px; top:-220px;;z-index:2;}
.B2_intro li:nth-child(5) img{width:750px; height:350px;}

.B2_block{ position: relative; display:block; width:1080px; height:380px; top:90px; margin:0 auto; padding-left:24px; padding-right:6px;}
.B2_product{ width:240px; height:378px; display:inline-block; overflow:hidden; margin:0 8px; padding:7px 5px 0px 5px; background-color:#fff; }
.B2_product:hover{box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.2), 1px 2px 4px rgba(0, 0, 0, .1);}
.B2_product li:nth-child(1){ width:230px; height:230px;}
.B2_product li:nth-child(1) img{ width:230px; height:230px;}
.B2_product li:nth-child(2){ width:230px; height:30px; font-size:1rem; line-height:1.95rem; color:#fff; text-align:center; font-weight:500; position:relative; font-family:'Helvetica','Noto Sans TC', 'sans-serif', 'Noto Sans JP'; overflow: hidden;  margin-top:4px; background-color:var(--B2color-D);}
.B2_product li:nth-child(3){ width:230px; height:60px; font-size:1.1rem; line-height:1.4rem; color:#3a3a3a; text-align:center; font-weight:600; border-bottom:#3a3a3a solid 1px; position:relative;font-family:'Helvetica', 'Noto Sans TC', 'sans-serif', 'Noto Sans JP'; overflow: hidden; z-index:10; padding-top:7px;}
.B2_product li:nth-child(4){ width:230px; height:40px; font-size:1rem; line-height:1.95rem; color:#981515; text-align:center; font-weight:600; position:relative; font-family:'Helvetica','Noto Sans TC', 'sans-serif'; overflow: hidden;  margin-top:6px;}
.B2_product li:nth-child(4) span{ width:230px; height:40px; font-size:2rem; line-height:1.95rem; color:#981515; text-align:center; font-weight:900; position:relative; font-family:'Century Gothic','Noto Sans TC', 'sans-serif'; overflow: hidden;  margin-top:4px;}
.B2_more{ width:1024px; height:30px; display:block; overflow:hidden; margin:0 auto;position: relative; top:115px;}

/*--AD--*/
.box05{ width:100%;height:665px; background:url(../images/bg.jpg) top center repeat; display:block;line-height:0; position:relative;}
.box05_content{ width:1200px; height:665px; margin:0 auto; position:relative;}
.S4_ad{ width:1200px; height:350px;text-align:center;display:block; margin:0 auto; background-size:100%; position:absolute; top:0px; padding:16px;}
.S4_ad li:nth-child(1){ width:1162px; height:300px;text-align:center;display:block; margin:0 auto; background-size:100%; position:absolute; top:30px; padding:16px; z-index:2; border:#959595 1px solid;}
.S4_ad li:nth-child(2){ width:1162px; height:300px;text-align:center;display:block; margin:0 auto; background-size:100%; position:absolute; top:34px; right:17px; padding:16px;z-index:1; background-color:#e3e3e3;}
.S4_ad li:nth-child(3){ width:550px; height:260px;text-align:center;display: inline-block;position:absolute; left:40px; top:50px;z-index:3;}
.S4_ad li:nth-child(3) img{ width:550px; height:260px;text-align:center; border:#fff 1px solid;}
.S4_ad li:nth-child(4){ width:550px; height:260px;text-align:center;display: inline-block;position:absolute; right:40px; top:50px;z-index:3;}
.S4_ad li:nth-child(4) img{ width:550px; height:260px;text-align:center; border:#fff 1px solid;}

/*--品牌推薦(3)--*/
.box06{ width:100%;height:550px; background-color:var(--B3color-L); display:block;line-height:0; position:relative;}
.box06_content{ width:1200px; height:550px; margin:0 auto; position:relative; display:block;line-height:0;}
.B3_intro{ width:1180px; height:350px;text-align:center;display:block; margin:0px auto 0px auto; background-size:100%; overflow:hidden; position:absolute; top:-292px;}
.B3_intro li:nth-child(1){ width:448px; height:1px; font-size:2.4rem; line-height:3.4rem; color:#fff; text-align:center; font-weight:500; background-color: #fff; z-index:1; position: relative; top:325px; left:20px;}
.B3_intro li:nth-child(2){ width:470px; height:290px; background-color: #fff;z-index:3; position:absolute; left:20px; top:30px; box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.1), 1px 2px 4px rgba(0, 0, 0, 0.1);}
.B3_intro li:nth-child(3){ width:330px; height:35px; font-size:2rem; line-height:2rem; color:#3a3a3a; text-align:center; font-weight:600; border-bottom:#3a3a3a solid 1px; position:relative; z-index:10;font-family:'Helvetica','Century Gothic', 'Noto Sans TC', 'sans-serif'; letter-spacing:2px; left:-360px; top:80px; overflow: hidden;}
.B3_intro li:nth-child(4){ width:300px; height:140px; font-size:0.9rem; line-height:1.45rem; color:#757575; text-align:left; font-weight:400;position:absolute; z-index:10; left:113px; top:150px; overflow:hidden;}
.B3_intro li:nth-child(5){ width:370px; height:350px;font-weight:300; position: relative; right:350px; top:0px;;z-index:2;}
.B3_intro li:nth-child(5) img{width:750px; height:350px;}

.B3_block{ position: relative; display:block; width:1080px; height:380px; top:90px;margin:0 auto; padding-left:24px; padding-right:6px; overflow:hidden; }
.B3_product{ width:240px; height:378px; display:inline-block; overflow:hidden; margin:0 8px; padding:7px 5px 0px 5px; background-color:#fff;}
.B3_product:hover{box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.2), 1px 2px 4px rgba(0, 0, 0, .1);}
.B3_product li:nth-child(1){ width:230px; height:230px;}
.B3_product li:nth-child(1) img{ width:230px; height:230px;}
.B3_product li:nth-child(2){ width:230px; height:30px; font-size:1rem; line-height:1.95rem; color:#fff; text-align:center; font-weight:500; position:relative; font-family:'Helvetica','Noto Sans TC', 'sans-serif'; overflow: hidden;  margin-top:4px; background-color:var(--B3color-D);}
.B3_product li:nth-child(3){ width:230px; height:60px; font-size:1.1rem; line-height:1.4rem; color:#3a3a3a; text-align:center; font-weight:600; border-bottom:#3a3a3a solid 1px; position:relative;font-family:'Helvetica', 'Noto Sans TC', 'sans-serif'; overflow: hidden; z-index:10; padding-top:7px;}
.B3_product li:nth-child(4){ width:230px; height:40px; font-size:1rem; line-height:1.95rem; color:#981515; text-align:center; font-weight:600; position:relative; font-family:'Helvetica','Noto Sans TC', 'sans-serif'; overflow: hidden;  margin-top:6px;}
.B3_product li:nth-child(4) span{ width:230px; height:40px; font-size:2rem; line-height:1.95rem; color:#981515; text-align:center; font-weight:900; position:relative; font-family:'Century Gothic','Noto Sans TC', 'sans-serif'; overflow: hidden;  margin-top:4px;}
.B3_more{ width:1024px; height:30px; display:block; overflow:hidden; margin:0 auto; position: relative; top:120px;}



/*--品牌推薦(4)--*/
.box07{ width:100%;height:323px; background:url(../images/bg.jpg) top center repeat; display:block;line-height:0; position:relative; overflow:hidden;}
.box07_content{ width:1200px; height:323px; margin:0 auto; position:relative;overflow:hidden;}
.box08{ width:100%;height:550px;display:block;line-height:0; position:relative; background-color:var(--B4color-L);}
.box08_content{ width:1200px; height:550px; margin:0 auto; position:relative; margin-top:0px;}
.B4_intro{ width:1180px; height:350px;text-align:center;display:block; margin:0px auto 0px auto; background-size:100%; position:absolute; top:-70px;}
.B4_intro li:nth-child(1){ width:410px; height:1px; background-color: #fff; z-index:99; position: relative; top:105px; left:770px;}
.B4_intro li:nth-child(2){ width:470px; height:290px; background-color: #fff;z-index:3; position:absolute; left:710px; top:-190px; box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.1), 1px 2px 4px rgba(0, 0, 0, 0.1);}
.B4_intro li:nth-child(3){ width:330px; height:35px; font-size:2rem; line-height:2rem; color:#3a3a3a; text-align:center; font-weight:600; border-bottom:#3a3a3a solid 1px; position:relative; z-index:10;font-family:'Helvetica','Century Gothic', 'Noto Sans TC', 'sans-serif'; letter-spacing:2px; left:368px; top:-142px; overflow: hidden; }
.B4_intro li:nth-child(4){ width:300px; height:140px; font-size:0.9rem; line-height:1.45rem; color:#757575; text-align:left; font-weight:400;position:absolute; z-index:10; left:798px; top:-70px; overflow:hidden;}
.B4_intro li:nth-child(5){ width:370px; height:350px;font-weight:300; position: relative; left:-720px; top:-220px;;z-index:2;}
.B4_intro li:nth-child(5) img{width:750px; height:350px;}

.B4_block{ position: relative; display:block; width:1080px; height:380px; top:90px; margin:0 auto; padding-left:24px; padding-right:6px;}
.B4_product{ width:240px; height:378px; display:inline-block; overflow:hidden; margin:0 8px; padding:7px 5px 0px 5px; background-color:#fff; }
.B4_product:hover{box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.2), 1px 2px 4px rgba(0, 0, 0, .1);}
.B4_product li:nth-child(1){ width:230px; height:230px;}
.B4_product li:nth-child(1) img{ width:230px; height:230px;}
.B4_product li:nth-child(2){ width:230px; height:30px; font-size:1rem; line-height:1.95rem; color:#fff; text-align:center; font-weight:500; position:relative; font-family:'Helvetica','Noto Sans TC', 'sans-serif'; overflow: hidden;  margin-top:4px; background-color:var(--B4color-D);}
.B4_product li:nth-child(3){ width:230px; height:60px; font-size:1.1rem; line-height:1.4rem; color:#3a3a3a; text-align:center; font-weight:600; border-bottom:#3a3a3a solid 1px; position:relative;font-family:'Helvetica', 'Noto Sans TC', 'sans-serif'; overflow: hidden; z-index:10; padding-top:7px;}
.B4_product li:nth-child(4){ width:230px; height:40px; font-size:1rem; line-height:1.95rem; color:#981515; text-align:center; font-weight:600; position:relative; font-family:'Helvetica','Noto Sans TC', 'sans-serif'; overflow: hidden;  margin-top:6px;}
.B4_product li:nth-child(4) span{ width:230px; height:40px; font-size:2rem; line-height:1.95rem; color:#981515; text-align:center; font-weight:900; position:relative; font-family:'Century Gothic','Noto Sans TC', 'sans-serif'; overflow: hidden;  margin-top:4px;}
.B4_more{ width:1024px; height:30px; display:block; overflow:hidden; margin:0 auto; position: relative; top:115px;}

/*--品牌推薦(影片)--*/
.box09{ width:100%;height:565px;display:block;line-height:0; position:relative; overflow:hidden;}
.yt_bgb{ z-index:0; position:absolute;}
.yt_bgb img{ width:170%;height:900px;position:relative;filter: blur(8px);-webkit-filter: blur(15px) ; opacity:0.9; z-index:1; text-align:center; margin:-20px   auto auto -50px;}
.box09_content{ width:1200px; height:566px; margin:0 auto; position:relative; z-index:99; display:block; top:40px;}
.yt_text{ width:542px; height:155px;  display:block; position:absolute; top:0px; left:565px; text-align:center; background-color:#fff;}
.yt_text li:nth-child(1){ width:290px; height:32px; margin:0 auto; font-size:2rem; line-height:2rem; color:#3a3a3a; text-align:center; font-weight:600;  position:absolute; font-family:'Helvetica','Noto Sans TC', 'sans-serif'; overflow: hidden;border-bottom:#3a3a3a solid 1px;left:124px; top:20px;}
.yt_text li:nth-child(2){ width:290px; height:50px;  font-size:0.9rem; line-height:1.45rem; color:#757575; text-align:left; font-weight:400;position:absolute; font-family:'Helvetica','Noto Sans TC', 'sans-serif'; overflow: hidden;left:124px; top:84px;}
.yt_movie{ position:absolute; top:115px; left:87px;}
.yt_movie iframe{ width:582px; height:327px;}
.yt_product{width:480px; height:295px; display:inline-block; overflow:hidden; margin:0 9px; position:absolute; top:180px; left:668px;}
.yt_p{width:205px; height:295px; display:inline-block;margin-left:8px; padding:4px 3px 0px 4px; background-color:#fff;}
.yt_p:hover{box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.2), 1px 2px 4px rgba(0, 0, 0, .1);}
.yt_p li:nth-child(1){ width:205px; height:205px;}
.yt_p li:nth-child(1) img{ width:195px; height:195px;}
.yt_p li:nth-child(2){ width:195px; height:45px; font-size:1.1rem; line-height:1.4rem; color:#3a3a3a; text-align:center; font-weight:600; border-bottom:#3a3a3a solid 1px; position:relative;font-family:'Helvetica', 'Noto Sans TC', 'sans-serif'; overflow: hidden; z-index:10;margin-top:-7px;}
.yt_p li:nth-child(3){ width:195px; height:40px; font-size:1rem; line-height:1.95rem; color:#981515; text-align:center; font-weight:600; position:relative; font-family:'Helvetica','Noto Sans TC', 'sans-serif'; overflow: hidden;  margin-top:6px;}
.yt_p li:nth-child(3) span{ width:195px; height:40px; font-size:2rem; line-height:1.95rem; color:#981515; text-align:center; font-weight:900; position:relative; font-family:'Century Gothic','Noto Sans TC', 'sans-serif'; overflow: hidden;  margin-top:4px;}

/*--類別推薦(1)--*/
.box10{ width:100%;height:480px; background:url(../images/bg.jpg) top center repeat;display:block;line-height:0; position:relative;}
.box10_content{ width:1200px; height:480px; margin:0 auto; position:relative; display:block;line-height:0; margin-top:-15px;}
.cata_title{ width:1020px; height:34px; position:absolute; top:50px; left:90px;display:inline-block;overflow: hidden;}
.cata_block{ width:5px; height:34px; background-color:#3A3A3A; display:inline-block;}
.cata_titletext{ height:34px;font-size:2rem; line-height:2.4rem; color:#3a3a3a; text-align:left; font-weight:600;position:relative;font-family:'Helvetica', 'Noto Sans TC', 'sans-serif'; overflow: hidden; display:inline-block;margin-right:8px; margin-left:10px;}
.title_line{ width:1000px; height:4px; display:inline-block; margin-left:30px; position:absolute;top:17px; border-bottom:#cfcfcf solid 1px; border-top:#cfcfcf solid 1px;}
.cata_bg{ width:1160px; height:315px; background-color:#e5e5e5;position:absolute; top:150px; left:20px; z-index:1;}
.cata_product {width:1040px; height:355px;z-index:99;position:absolute; top:-50px; left:70px; display:inline-block; overflow:hidden; }
.cata_p { width:235px; height:340px;padding:4px; background-color:#fff; display:inline-block; margin-right:21px;}
.cata_p:hover{box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.2), 1px 2px 4px rgba(0, 0, 0, .1);}
.cata_p li:nth-child(1){ width:226px; height:226px;}
.cata_p li:nth-child(1) img{ width:226px; height:226px;}
.cata_p li:nth-child(2){ width:226px; height:64px; font-size:1.2rem; line-height:1.4rem; color:#3a3a3a; text-align:center; font-weight:600; border-bottom:#3a3a3a solid 1px; position:relative;font-family:'Helvetica', 'Noto Sans TC', 'sans-serif'; overflow: hidden; z-index:10; padding-top:12px;}
.cata_p li:nth-child(3){ width:226px; height:40px; font-size:1rem; line-height:1.95rem; color:#981515; text-align:center; font-weight:600; position:relative; font-family:'Helvetica','Noto Sans TC', 'sans-serif'; overflow: hidden;  margin-top:6px;}
.cata_p li:nth-child(3) span{ width:226px; height:40px; font-size:2rem; line-height:1.95rem; color:#981515; text-align:center; font-weight:900; position:relative; font-family:'Century Gothic','Noto Sans TC', 'sans-serif'; overflow: hidden;  margin-top:4px;}

/*--類別推薦(2+3+4)--*/
.box11{ width:100%;height:480px; background:url(../images/bg.jpg) top center repeat;display:block;line-height:0; position:relative;}
.box11_content{ width:1200px; height:480px; margin:0 auto; position:relative; display:block;line-height:0; margin-top:-15px;}
.box12{ width:100%;height:480px; background:url(../images/bg.jpg) top center repeat;display:block;line-height:0; position:relative;}
.box12_content{ width:1200px; height:480px; margin:0 auto; position:relative; display:block;line-height:0; margin-top:-15px;}
.box13{ width:100%;height:480px; background:url(../images/bg.jpg) top center repeat;display:block;line-height:0; position:relative;}
.box13_content{ width:1200px; height:480px; margin:0 auto; position:relative; display:block;line-height:0; margin-top:-15px;}

/*--AD+back--*/
.box14{ width:100%;height:415px; background:url(../images/bg.jpg) top center repeat; display:block;line-height:0; position:relative; overflow:hidden;}
.box14_content{ width:1200px; height:355px; margin:0 auto; position:relative;}
.S9_ad{ width:1200px; height:350px;text-align:center;display:block; margin:0 auto; background-size:100%; position:absolute; top:0px; padding:16px;}
.S9_ad li:nth-child(1){ width:1162px; height:300px;text-align:center;display:block; margin:0 auto; background-size:100%; position:absolute; top:30px; padding:16px; z-index:2; border:#959595 1px solid;}
.S9_ad li:nth-child(2){ width:1162px; height:300px;text-align:center;display:block; margin:0 auto; background-size:100%; position:absolute; top:34px; right:17px; padding:16px;z-index:1; background-color:#e3e3e3;}
.S9_ad li:nth-child(3){ width:550px; height:260px;text-align:center;display: inline-block;position:absolute; left:40px; top:50px;z-index:3;}
.S9_ad li:nth-child(3) img{ width:550px; height:260px;text-align:center; border:#fff 1px solid;}
.S9_ad li:nth-child(4){ width:550px; height:260px;text-align:center;display: inline-block;position:absolute; right:40px; top:50px;z-index:3;}
.S9_ad li:nth-child(4) img{ width:550px; height:260px;text-align:center; border:#fff 1px solid;}
.back_bg{ width:1200px; height:60px;position:absolute; left:20px; top:350px;}
.back_hr{width:455px; margin-top:10px;}
.back{ width:250px; height:23px; font-size:1.6rem; line-height:3rem; color:#3a3a3a; text-align:center; font-weight:600; position:relative; font-family:'Helvetica','Noto Sans TC', 'sans-serif';}
.back a{ width:250px; height:23px; font-size:1.6rem; line-height:3rem; color:#3a3a3a; text-align:center; font-weight:600; position:relative; font-family:'Helvetica','Noto Sans TC', 'sans-serif';}

footer{ width:100%; position:relative; z-index:999; background:var(--footerC);}
}
/* --手機版型------------------------------------- */

@media screen and ( max-width: 768px ){
   html, body{ 
    min-width: 320px;
	max-width: 768px;
   	overflow: auto;
   	overflow-x: hidden;
    	width: 100%;
		font-size:16px;
    font-family:'Century Gothic', 'Noto Sans TC', sans-serif;
	-webkit-text-size-adjust:none;
	background-color:#fff;	
    }
.WRAPPER{ width:100%; min-width: 320px;max-width: 768px; }

#tob{ width:70%; font-size:70%}


.main{ width:100%;height:auto;min-width:320px; background:#fff; display:block;line-height:0; position:relative; overflow:hidden;}
.main_content{ width:100%; height:auto;min-width:320px; margin:0 auto; position:relative;}
.index_m{ display:block; width:100%; height:auto;min-width:320px;}
.index_m img{ width:100%; height:auto;;min-width:320px;}
.sale{ width:60%; height:19%; position: absolute; top:40%; left:37%;}

/*--品牌推薦(1)--*/
.box02{ width:100%;height:auto;display:block;line-height:0; position:relative; background-color:var(--B1color-L); overflow:hidden;}
.box02_content{ width:100%; height:auto; margin:0 auto; position:relative; min-width:320px; margin-top:0;}
.B1_intro{ width:100%; height:auto;text-align:center;margin:0px auto;overflow:hidden; position: relative; display:block; background-color:#fff; padding:2% 0 0% 0 ;}
.B1_intro li:nth-child(1){ display:none;}
.B1_intro li:nth-child(2){display:none;}
.B1_intro li:nth-child(3){width:100%; height:auto; font-size:2rem; line-height:2rem; color:#3a3a3a; text-align:center; font-weight:600; border-bottom:#3a3a3a solid 0px; position:relative; z-index:10;font-family:'Helvetica','Century Gothic', 'Noto Sans TC', 'sans-serif'; letter-spacing:2px; overflow: hidden; display:block; margin:0 auto;top:0; left:0; padding:3% 20% 0 20%;}
.B1_intro li:nth-child(4){ width:100%; height:auto; font-size:0.9rem; line-height:1.45rem; color:#757575; text-align:left; font-weight:400; z-index:10;position: relativel;overflow:hidden;font-family:'Helvetica','Century Gothic', 'Noto Sans TC', 'sans-serif';  display:block; top:0; left:0; padding:3% 15% 2% 15%;}
.B1_intro li:nth-child(5){ width:100%; height:auto;font-weight:300; position: relative;z-index:2; margin:0 auto; top:0; left:0;}
.B1_intro li:nth-child(5) img{width:100%; height:auto}

.B1_block{ position: relative; display:block; width:100%; height:auto;padding-left:1%; padding-right:0%; top:0; margin-top:10px; margin: 0 auto;}
.B1_product{ width:48%; height:auto; display:inline-block; overflow:hidden; background-color:#fff;margin:2% 0.5% 1% 0.5%; }
.B1_product li:nth-child(1){ width:100%; height:auto; padding:3% 3% 1% 3%;}
.B1_product li:nth-child(1) img{ width:100%;  height:auto;}
.B1_product li:nth-child(2){ width:100%; height:30px; font-size:0.8rem; line-height:1.95rem; color:#fff; text-align:center; font-weight:500; position:relative; font-family:'Helvetica','Noto Sans TC', 'sans-serif'; overflow: hidden;  margin-top:4px; background-color:var(--B1color-D);}
.B1_product li:nth-child(3){ width:100%; height:50px; font-size:0.8rem; line-height:1.2rem; color:#3a3a3a; text-align:center; font-weight:600; border-bottom:#3a3a3a solid 1px; position:relative;font-family:'Helvetica', 'Noto Sans TC', 'sans-serif'; overflow: hidden; z-index:10; padding-top:7px;}
.B1_product li:nth-child(4){ width:100%; height:40px; font-size:1rem; line-height:1.95rem; color:#981515; text-align:center; font-weight:600; position:relative; font-family:'Helvetica','Noto Sans TC', 'sans-serif'; overflow: hidden;  margin-top:6px;}
.B1_product li:nth-child(4) span{ width:100%; height:40px; font-size:1.6rem; line-height:1.95rem; color:#981515; text-align:center; font-weight:900; position:relative; font-family:'Century Gothic','Noto Sans TC', 'sans-serif'; overflow: hidden;  margin-top:4px;}

.B1_more{ width:100%; height:30px; display:block; overflow:hidden; margin:0 auto;margin:2% auto 3% auto; position: relative; top:0;}
.td_hr hr{width:120px; margin-top:10px;}
.moretext{ width:70%; height:23px; font-size:1.6rem; line-height:1rem; color:#fff; text-align:center; font-weight:600; position:relative; font-family:'Helvetica','Noto Sans TC', 'sans-serif';}
.moretext a{ width:70%; height:23px; font-size:1.6rem; line-height:1rem; color:#fff; text-align:center; font-weight:600; position:relative; font-family:'Helvetica','Noto Sans TC', 'sans-serif';}

/*--品牌推薦(2)--*/
.box03{ width:100%;height:auto;display:none;line-height:0; position:relative; background-color:#fff; overflow:hidden;}
.box03_content{ width:100%; height:none; margin:0 auto; position:relative; min-width:320px; margin-top:0%;}
.box04{ width:100%;height:auto;display:block;line-height:0; position:relative; background-color:var(--B2color-L); overflow:hidden;}
.box04_content{ width:100%; height:auto; margin:0 auto; position:relative; min-width:320px; margin-top:0; padding-top:0;}
.B2_intro{ width:100%; height:auto;text-align:center; margin:0px auto;overflow:hidden; position: relative; display:block; background-color:#fff; padding:0 0 0% 0 ; padding-top:5%;}
.B2_intro li:nth-child(1){display:none;}
.B2_intro li:nth-child(2){display:none;}
.B2_intro li:nth-child(3){width:100%; height:auto; font-size:2rem; line-height:2rem; color:#3a3a3a; text-align:center; font-weight:600; border-bottom:#3a3a3a solid 0px; position:relative; z-index:10;font-family:'Helvetica','Century Gothic', 'Noto Sans TC', 'sans-serif'; letter-spacing:2px; overflow: hidden;  display:block; margin:0 auto;top:0; left:0; padding:1% 20% 0 20%;}
.B2_intro li:nth-child(4){ width:100%; height:auto; font-size:0.9rem; line-height:1.45rem; color:#757575; text-align:left; font-weight:400; z-index:10;position: relativel;overflow:hidden;font-family:'Helvetica','Century Gothic', 'Noto Sans TC', 'sans-serif';  display:block; top:0; left:0; padding:3% 15% 2% 15%;}
.B2_intro li:nth-child(5){ width:100%; height:auto;font-weight:300; position: relative;z-index:2; margin:0 auto; top:0; left:0;}
.B2_intro li:nth-child(5) img{width:100%; height:auto}

.B2_block{ position: relative; display:block; width:100%; height:auto;padding-left:1%; padding-right:0%; top:0; margin-top:10px;}
.B2_product{ width:48%; height:auto; display:inline-block; overflow:hidden; background-color:#fff;margin:2% 0.5% 1% 0.5%; }
.B2_product li:nth-child(1){ width:100%; height:auto; padding:3% 3% 1% 3%;}
.B2_product li:nth-child(1) img{ width:100%;  height:auto;}
.B2_product li:nth-child(2){ width:100%; height:30px; font-size:0.8rem; line-height:1.95rem; color:#fff; text-align:center; font-weight:500; position:relative; font-family:'Helvetica','Noto Sans TC', 'sans-serif'; overflow: hidden;  margin-top:4px; background-color:var(--B1color-D);}
.B2_product li:nth-child(3){ width:100%; height:50px; font-size:0.8rem; line-height:1.2rem; color:#3a3a3a; text-align:center; font-weight:600; border-bottom:#3a3a3a solid 1px; position:relative;font-family:'Helvetica', 'Noto Sans TC', 'sans-serif'; overflow: hidden; z-index:10; padding-top:7px;}
.B2_product li:nth-child(4){ width:100%; height:40px; font-size:1rem; line-height:1.95rem; color:#981515; text-align:center; font-weight:600; position:relative; font-family:'Helvetica','Noto Sans TC', 'sans-serif'; overflow: hidden;  margin-top:6px;}
.B2_product li:nth-child(4) span{ width:100%; height:40px; font-size:1.6rem; line-height:1.95rem; color:#981515; text-align:center; font-weight:900; position:relative; font-family:'Century Gothic','Noto Sans TC', 'sans-serif'; overflow: hidden;  margin-top:4px;}
.B2_more{ width:100%; height:30px; display:block; overflow:hidden; margin:0 auto;margin:2% auto 2% auto; position: relative; top:0;}

/*--AD--*/
.box05{ width:100%;height:auto; background:#fff; display:block;line-height:0; position:relative;}
.box05_content{ width:100%; height:auto; margin:0 auto; position:relative; min-width:320px; }
.S4_ad{ width:100%; height:auto;text-align:center;display:block; margin:0 auto; background-size:100%; position: relative; top:0px; padding:16px; }
.S4_ad li:nth-child(1){ width:100%; height:auto;text-align:center;display:none; margin:0 auto; background-size:100%; position: relative; top:30px; padding:16px; z-index:2;}
.S4_ad li:nth-child(2){ width:100%; height:auto;text-align:center;display:none; margin:0 auto; background-size:100%;position: relative; top:34px; right:17px; padding:16px;z-index:1; background-color:#e3e3e3;}
.S4_ad li:nth-child(3){ width:100%; height:auto;text-align:center;display:block;position: relative; left:0px; top:0px;z-index:3; margin:0 0% 5% 0%;}
.S4_ad li:nth-child(3) img{ width:100%; height:auto;text-align:center; border:#fff 1px solid;}
.S4_ad li:nth-child(4){ width:100%; height:auto;text-align:center;display:block;position: relative; right:0px; top:0px;z-index:3;margin:0 0% 5% 0%;}
.S4_ad li:nth-child(4) img{ width:100%; height:auto;text-align:center; border:#fff 1px solid;}

/*--品牌推薦(3)--*/
.box06{ width:100%;height:auto;display:block;line-height:0; position:relative; background-color:var(--B3color-L); overflow:hidden;}
.box06_content{ width:100%; height:auto; margin:0 auto; position:relative; min-width:320px; margin-top:0; z-index:99;}
.B3_intro{ width:100%; height:auto;text-align:center;margin:0px auto;overflow:hidden; position: relative; display:block; background-color:#fff; padding:0% 0 0% 0 ;}
.B3_intro li:nth-child(1){ display:none;}
.B3_intro li:nth-child(2){display:none;}
.B3_intro li:nth-child(3){width:100%; height:auto; font-size:2rem; line-height:2rem; color:#3a3a3a; text-align:center; font-weight:600; border-bottom:#3a3a3a solid 0px; z-index:10;font-family:'Helvetica','Century Gothic', 'Noto Sans TC', 'sans-serif'; letter-spacing:2px; overflow: hidden; display:block; margin:0 auto;top:0; left:0; padding:3% 20% 0 20%; position:relative;}
.B3_intro li:nth-child(4){ width:100%; height:auto; font-size:0.9rem; line-height:1.45rem; color:#757575; text-align:left; font-weight:400;position: relative; z-index:10;overflow:hidden;font-family:'Helvetica','Century Gothic', 'Noto Sans TC', 'sans-serif';  display:block; top:0; left:0; padding:3% 15% 2% 15%;}
.B3_intro li:nth-child(5){ width:100%; height:auto;font-weight:300; position: relative;z-index:2; margin:0 auto; top:0; left:0;}
.B3_intro li:nth-child(5) img{width:100%; height:auto}

.B3_block{ position: relative; display:block; width:100%; height:auto;padding-left:1%; padding-right:0%; top:0px; margin-top:10px; }
.B3_product{ width:48%; height:auto; display:inline-block; overflow:hidden; background-color:#fff;margin:2% 0.5% 1% 0.5%; }
.B3_product li:nth-child(1){ width:100%; height:auto; padding:3% 3% 1% 3%;}
.B3_product li:nth-child(1) img{ width:100%;  height:auto;}
.B3_product li:nth-child(2){ width:100%; height:30px; font-size:0.8rem; line-height:1.95rem; color:#fff; text-align:center; font-weight:500; position:relative; font-family:'Helvetica','Noto Sans TC', 'sans-serif'; overflow: hidden;  margin-top:4px; background-color:var(--B1color-D);}
.B3_product li:nth-child(3){ width:100%; height:50px; font-size:0.8rem; line-height:1.2rem; color:#3a3a3a; text-align:center; font-weight:600; border-bottom:#3a3a3a solid 1px; position:relative;font-family:'Helvetica', 'Noto Sans TC', 'sans-serif'; overflow: hidden; z-index:10; padding-top:7px;}
.B3_product li:nth-child(4){ width:100%; height:40px; font-size:1rem; line-height:1.95rem; color:#981515; text-align:center; font-weight:600; position:relative; font-family:'Helvetica','Noto Sans TC', 'sans-serif'; overflow: hidden;  margin-top:6px;}
.B3_product li:nth-child(4) span{ width:100%; height:40px; font-size:1.6rem; line-height:1.95rem; color:#981515; text-align:center; font-weight:900; position:relative; font-family:'Century Gothic','Noto Sans TC', 'sans-serif'; overflow: hidden;  margin-top:4px;}
.B3_more{ width:100%; height:30px; display:block; overflow:hidden; margin:0 auto;margin:2% auto 3% auto; position: relative; top:0;}

/*--品牌推薦(4)--*/
.box07{ width:100%;height:auto;display:none;line-height:0; position:relative; background-color:#fff; overflow:hidden;}
.box07_content{ width:100%; height:none; margin:0 auto; position:relative; min-width:320px; margin-top:0%;}
.box08{ width:100%;height:auto;display:block;line-height:0; position:relative; background-color:var(--B4color-L); overflow:hidden;}
.box08_content{ width:100%; height:auto; margin:0 auto; position:relative; min-width:320px; margin-top:0; z-index:99;}
.B4_intro{ width:100%; height:auto;text-align:center; margin:0px auto;overflow:hidden; position: relative; display:block; background-color:#fff; padding:0 0 0% 0 ; padding-top:5%;}
.B4_intro li:nth-child(1){display:none;}
.B4_intro li:nth-child(2){display:none;}
.B4_intro li:nth-child(3){width:100%; height:auto; font-size:2rem; line-height:2rem; color:#3a3a3a; text-align:center; font-weight:600; border-bottom:#3a3a3a solid 0px; position:relative; z-index:10;font-family:'Helvetica','Century Gothic', 'Noto Sans TC', 'sans-serif'; letter-spacing:2px; overflow: hidden;  display:block; margin:0 auto;top:0; left:0; padding:1% 20% 0 20%;}
.B4_intro li:nth-child(4){ width:100%; height:auto; font-size:0.9rem; line-height:1.45rem; color:#757575; text-align:left; font-weight:400; z-index:10;position: relativel;overflow:hidden;font-family:'Helvetica','Century Gothic', 'Noto Sans TC', 'sans-serif';  display:block; top:0; left:0; padding:3% 15% 2% 15%;}
.B4_intro li:nth-child(5){ width:100%; height:auto;font-weight:300; position: relative;z-index:2; margin:0 auto; top:0; left:0;}
.B4_intro li:nth-child(5) img{width:100%; height:auto}

.B4_block{ position: relative; display:block; width:100%; height:auto;padding-left:1%; padding-right:0%; top:0px; margin-top:10px; }
.B4_product{ width:48%; height:auto; display:inline-block; overflow:hidden; background-color:#fff;margin:2% 0.5% 1% 0.5%;}
.B4_product li:nth-child(1){ width:100%; height:auto; padding:3% 3% 1% 3%;}
.B4_product li:nth-child(1) img{ width:100%;  height:auto;}
.B4_product li:nth-child(2){ width:100%; height:30px; font-size:0.8rem; line-height:1.95rem; color:#fff; text-align:center; font-weight:500; position:relative; font-family:'Helvetica','Noto Sans TC', 'sans-serif'; overflow: hidden;  margin-top:4px; background-color:var(--B1color-D);}
.B4_product li:nth-child(3){ width:100%; height:50px; font-size:0.8rem; line-height:1.2rem; color:#3a3a3a; text-align:center; font-weight:600; border-bottom:#3a3a3a solid 1px; position:relative;font-family:'Helvetica', 'Noto Sans TC', 'sans-serif'; overflow: hidden; z-index:10; padding-top:7px;}
.B4_product li:nth-child(4){ width:100%; height:40px; font-size:1rem; line-height:1.95rem; color:#981515; text-align:center; font-weight:600; position:relative; font-family:'Helvetica','Noto Sans TC', 'sans-serif'; overflow: hidden;  margin-top:6px;}
.B4_product li:nth-child(4) span{ width:100%; height:40px; font-size:1.6rem; line-height:1.95rem; color:#981515; text-align:center; font-weight:900; position:relative; font-family:'Century Gothic','Noto Sans TC', 'sans-serif'; overflow: hidden;  margin-top:4px;}
.B4_more{ width:100%; height:30px; display:block; overflow:hidden; margin:0 auto;margin:2% auto 3% auto; position: relative; top:0;}

/*--品牌推薦(影片)--*/
.box09{ width:100%;height:auto;display:block;line-height:0; position:relative; overflow:hidden; background-color:#fff; margin-bottom:10px;}
.yt_bgb{ z-index:0;  position: relative; display:none; }
.yt_bgb img{ display:none;}
.box09_content{ width:100%; height:auto; margin:0 auto; position:relative; z-index:99; display:block;}
.yt_text{ width:100%; height:auto;  display:block; position: relative; text-align:center; background-color:#fff;}
.yt_text li:nth-child(1){width:100%; height:auto; font-size:2rem; line-height:2rem; color:#3a3a3a; text-align:center; font-weight:600;  z-index:10;font-family:'Helvetica','Century Gothic', 'Noto Sans TC', 'sans-serif'; letter-spacing:2px; overflow: hidden; display:block; margin:0 auto;top:0; left:0; padding:3% 20% 0 20%; position:relative;}
.yt_text li:nth-child(2){ width:100%; height:auto; font-size:0.9rem; line-height:1.45rem; color:#757575; text-align:left; font-weight:400;position: relative; z-index:10;overflow:hidden;font-family:'Helvetica','Century Gothic', 'Noto Sans TC', 'sans-serif';  display:block; top:0; left:0; padding:3% 15% 2% 15%;}
.yt_movie{width:100%; height:auto;  position: relative;}
.yt_movie iframe{width:100%; height:auto;  position: relative;}
.yt_product{width:100%; height:auto; display:inline-block; overflow:hidden;;margin:4% 0% 1% 0%;}
.yt_p{width:47%; height:auto; display:inline-block;margin:0% 1% 0% 1%;background-color:#efefef;}
.yt_p li:nth-child(1){ width:100%; height:auto; padding:3% 3% 4% 3%;}
.yt_p li:nth-child(1) img{width:100%;  height:auto;}
.yt_p li:nth-child(2){ width:100%; height:45px; font-size:0.9rem; line-height:1.2rem; color:#3a3a3a; text-align:center; font-weight:600; border-bottom:#3a3a3a solid 1px; position:relative;font-family:'Helvetica', 'Noto Sans TC', 'sans-serif'; overflow: hidden; z-index:10;}
.yt_p li:nth-child(3){ width:100%; height:35px; font-size:0.8rem; line-height:1.95rem; color:#981515; text-align:center; font-weight:600; position:relative; font-family:'Helvetica','Noto Sans TC', 'sans-serif'; overflow: hidden; }
.yt_p li:nth-child(3) span{ width:100%; height:35px; font-size:1.4rem; line-height:2rem; color:#981515; text-align:center; font-weight:900; position:relative; font-family:'Century Gothic','Noto Sans TC', 'sans-serif'; overflow: hidden; }

/*--類別推薦(1)--*/
.box10{ width:100%;height:auto; background:url(../images/bg.jpg) top center repeat;display:block;line-height:0; position:relative; padding-top:3%;}
.box10_content{ width:95%;height:auto; margin:0 auto; position:relative; display:block;line-height:0; }
.cata_title{width:100%;height:auto; position:relative;display:inline-block;overflow: hidden;}
.cata_block{ width:5px; height:30px; background-color:#3A3A3A; display:inline-block;}
.cata_titletext{ height:30px;font-size:1.8rem; line-height:2rem; color:#3a3a3a; text-align:left; font-weight:600;position:relative;font-family:'Helvetica', 'Noto Sans TC', 'sans-serif'; overflow: hidden; display:inline-block;margin-right:8px; margin-left:10px;}
.title_line{ display:none; }
.cata_bg{width:100%;height:auto; background-color:#e5e5e5; position:relative;}
.cata_product {width:100%; height:auto;z-index:99; position:relative; display:inline-block; overflow:hidden;}
.cata_p { width:48%; height:auto;padding:0%; background-color:#fff; display:inline-block;margin:1% 0% 1% 1%;}
.cata_p li:nth-child(1){ width:100%; height:auto;padding:3% 3% 4% 3%;}
.cata_p li:nth-child(1) img{  width:100%; height:auto;}
.cata_p li:nth-child(2){ width:100%;height:64px; font-size:0.8rem; line-height:1.2rem; color:#3a3a3a; text-align:center; font-weight:600; border-bottom:#3a3a3a solid 1px; position:relative;font-family:'Helvetica', 'Noto Sans TC', 'sans-serif'; overflow: hidden; z-index:10; padding-top:12px;}
.cata_p li:nth-child(3){ width:100%;height:40px; font-size:1rem; line-height:1.95rem; color:#981515; text-align:center; font-weight:600; position:relative; font-family:'Helvetica','Noto Sans TC', 'sans-serif'; overflow: hidden;  margin-top:6px;}
.cata_p li:nth-child(3) span{width:100%; height:40px; font-size:1.6rem; line-height:1.95rem; color:#981515; text-align:center; font-weight:900; position:relative; font-family:'Century Gothic','Noto Sans TC', 'sans-serif'; overflow: hidden;  margin-top:4px;}

/*--類別推薦(2+3+4)--*/
.box11{width:100%;height:auto;background:url(../images/bg.jpg) top center repeat;display:block; position:relative;padding-top:7%;}
.box11_content{ width:95%;height:auto; margin:0 auto; position:relative; display:block;line-height:0; }
.box12{width:100%;height:auto;background:url(../images/bg.jpg) top center repeat;display:block; position:relative;padding-top:7%;}
.box12_content{ width:95%;height:auto; margin:0 auto; position:relative; display:block;line-height:0; }
.box13{width:100%;height:auto; background:url(../images/bg.jpg) top center repeat;display:block; position:relative;padding-top:7%;}
.box13_content{ width:95%;height:auto; margin:0 auto; position:relative; display:block;line-height:0; }

/*--AD+back--*/
.box14{ width:100%;height:auto; background:url(../images/bg.jpg) top center repeat; display:block;line-height:0; position:relative; overflow:hidden;}
.box14_content{ width:100%;height:auto; margin:0 auto; position:relative;}
.S9_ad{ width:100%; height:auto;text-align:center;display:block; margin:0 auto; background-size:100%; position: relative; top:0px; padding:16px; }
.S9_ad li:nth-child(1){ width:100%; height:auto;text-align:center;display:none; margin:0 auto; background-size:100%; position: relative; top:30px; padding:16px; z-index:2;}
.S9_ad li:nth-child(2){ width:100%; height:auto;text-align:center;display:none; margin:0 auto; background-size:100%;position: relative; top:34px; right:17px; padding:16px;z-index:1; background-color:#e3e3e3;}
.S9_ad li:nth-child(3){ width:100%; height:auto;text-align:center;display:block;position: relative; left:0px; top:0px;z-index:3; margin:0 0% 5% 0%;}
.S9_ad li:nth-child(3) img{ width:100%; height:auto;text-align:center; border:#fff 1px solid;}
.S9_ad li:nth-child(4){ width:100%; height:auto;text-align:center;display:block;position: relative; right:0px; top:0px;z-index:3;margin:0 0% 5% 0%;}
.S9_ad li:nth-child(4) img{ width:100%; height:auto;text-align:center; border:#fff 1px solid;}

.back_bg{width:100%; height:50px; display:block; overflow:hidden; margin:0 auto;margin:2% auto 2% auto; position: relative;}
.back_hr{width:100px; margin-top:10px;}
.back{width:60%; height:23px; font-size:1.6rem; line-height:3rem; color:#3a3a3a; text-align:center; font-weight:600; position:relative; font-family:'Helvetica','Noto Sans TC', 'sans-serif';}
.back a{ width:60%; height:23px; font-size:1.6rem; line-height:3rem; color:#3a3a3a; text-align:center; font-weight:600; position:relative; font-family:'Helvetica','Noto Sans TC', 'sans-serif';}

}