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

/*基本*/
body{margin:0;padding:0;}

/*全BOX版面*/
.WRAPPER {z-index:0;position: relative;display:block;margin: 0 auto;padding:0;width:100%;min-width:1220px;text-align:left;overflow: hidden;font-family:"微軟正黑體","Microsoft JhengHei",Helvetica;}
.WRAPPER img {border:0px;vertical-align:top;}
.WRAPPER a { text-decoration: none;}

/*預設清單樣式*/
.Area .list_00 ul {display:inline-block;}
.Area .list_00 li {list-style:none;float:left;overflow: hidden;}
	@media screen and (max-width:767px){
		.WRAPPER {margin-bottom: 0;min-width: inherit;min-height: 100vh;overflow: hidden;background-size: 100%;padding-bottom: 0;}
		.WRAPPER img {  width:100%;  height:auto; }
	}


/*編輯按鈕移動*/
#eWriterBtn_bt_B_000_v1-he1 { margin-left: 10px!important; margin-top: 90px!important; z-index: 99!important; }
#eWriterBtn_bt_B_000_v1-he2 { margin-left: 10px!important; margin-top: 150px!important; z-index: 99!important; }

/*標題*/
@media screen and (min-width: 768px){
.box_txt {position: relative;margin: 0 auto 10px;width: 100%;height: auto;}
.box_txt img{width: 90% !important;}
	}
@media screen and (max-width:767px){
.box_txt {position: relative;margin: 0 auto;width: 100%;padding: 0;height: 18vw;z-index:3;}
.box_txt ul{padding: 0!important;grid-gap:0!important;}	
.box_txt img{width: 100%;}
	}

@media screen and (min-width: 768px){
		.box_txt2 {position: relative;margin: 0 auto;width: 100%;height: auto;}
		.box_txt2 img{width:90% !important;}
}
@media screen and (max-width:767px){
		.box_txt2 {position: relative;margin: 0 auto;width: 100%;padding: 0;height: 31vw;z-index:3;}
		.box_txt2 ul{padding: 0!important;grid-gap:0!important;}	
		.box_txt2 img{width: 100%;}
}

/*移除公版設定*/
.Area .remove_box_style ul { background-color: transparent; grid-gap: 10px;}
.Area .remove_box_style ul li { border: none!important;background-color:transparent;}
@media screen and (max-width:767px){
  .Area .remove_box_style ul { width: 100%; grid-gap: 0.2em;}
  .Area .remove_box_style ul {}
}
/*輪播移除公版設定*/
.Area .swiper_remove_box_style ul { background-color: transparent; grid-gap: 0;}
.Area .swiper_remove_box_style ul li { border: none!important; background-color: #fff;}
.Area .swiper_remove_box_style ul li,
.Area .swiper_remove_box_style ul li .PD_img img { border-radius: 10px;}
@media screen and (max-width:767px){
  .Area .swiper_remove_box_style ul { width: 100%; grid-gap: 0.2em;}
  .Area .swiper_remove_box_style ul {}
}

/*BN輪播移除公版設定*/
.Area .swiper_remove_box_style_K1 ul {display: flex;background-color: transparent;grid-gap: 0;padding: 0;}
.Area .swiper_remove_box_style_K1 ul li { border: none!important; }
.Area .swiper_remove_box_style_K1 ul li,
.Area .swiper_remove_box_style_K1 ul li .PD_img img { }
@media screen and (max-width:767px){
  .Area .swiper_remove_box_style_K1 ul { width: 100%;}
  .Area .swiper_remove_box_style_K1 ul {}
}

/*公版*/@media screen and (min-width:767px){
.PD_box .PD_layout {}
}
@media screen and (max-width:767px){
.PD_layout.PD_box ul {width: 90% !important;}
}

/*PC背景*/
@media screen and (min-width:768px){
.bg_fix {z-index: -65;position:absolute;top: 0;left:0;width:100%;height: 100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;}
.bg_01 {z-index: -68;position:absolute;top: 1230px;left: 0;width:100%;height: 100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;}
.bg_02 {z-index: -68;position:absolute;top: 5000px;left: 0;width:100%;height: 100%;background-repeat: no-repeat;background-position: center top;pointer-events:none;}
.bg_deco {z-index: -60;position:absolute;top: 1920px;left: 0;width:100%;height: 7490px;background-repeat:repeat-y;background-position: center top;pointer-events:none;}
.bg_deco2 {z-index: -60;position:absolute;top: 13350px;left: 0;width:100%;height: 100%;background-repeat:repeat-y;background-position: center top;pointer-events:none;}	
.bg_repeat {z-index: -70;position:fixed;top: 0;left: 0;width:100%;height: 100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;}
.bg_repeat2 {z-index: -69;position:absolute;top: 0;left: 0;width:100%;height: 100%;background-repeat:repeat-y;background-position: center top;pointer-events:none;}
.bg_repeat3 {z-index: -68;position:fixed;top: 200px;left: 0;width:100%;height: 100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;}
}

@media screen and (max-width:767px){
.m_bg_fix {z-index: 1;position:absolute;top: 10vw;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;background-size: 100%;}
.m_top_deco01 {z-index: 1;position:absolute;top: 89vw;left:0;width: 37%;height:100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;background-size: 100%;}
.m_top_deco02 {z-index: 1;position:absolute;top: 4vw;right: 0;width: 42%;height:100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;background-size: 100%;}
.m_bg_repeat {z-index:-50;position:absolute;top: 0;left:0;width:100%;height: 100%;background-repeat:repeat-y;background-position: center top;pointer-events:none;background-size: 100%;}

}


/*間距*/
@media screen and (min-width:768px){
.Area_bottom {margin-bottom: 60px!important;}
.Area_bottom2 { margin-bottom: 20px!important; }
}
@media screen and (max-width:767px){
.Area_bottom {margin-bottom: 5vw!important;}
.Area_bottom2 { margin-bottom: 0vw!important; }	
}



/*版頭區塊*/
.Area_title img{ width: 100%; }
@media screen and (min-width:768px){
.Area_title {height: 1095px;}
.title01 {position: absolute;top: 74px;left: 384px;;width: 345px;z-index: 30;}	
.title02 {position: absolute;top: 202px;left: 465px;z-index: 30;width: 600px;}
}

@media screen and (max-width:767px){
.Area_title {height: 106vw;}
.m_bg_top {position: absolute;top: 109vw;left: 0;z-index: -1;}	
.title01 {position: absolute;top: 6vw;left: 26vw;z-index: 10;width: 35%;}	
.title02 {position: absolute;top: 66vw;left: 40vw;z-index: 10;width: 22%;}
.Area_title .box01 {position: relative;top: 143vw;padding: 1% 2%;height: auto;z-index: 1;}
.title02 {position: absolute;top: 19vw;left: 38vw;z-index: 30;width: 55%;}
.title02 .L-move  img {position: relative;width: 105%!important;left: -2vw;}
}

/*版頭品*/
@media screen and (min-width:767px){
.Area_title .sub {position:absolute;top: 679px;right:485px;width: 669px;height:100%;}
.Area_title .sub .PD_layout  {z-index: 10!important;}	
}
@media screen and (max-width:767px){
.Area_title .sub {position:absolute;top: 59vw;left:5vw;width: 61%;height:100%;}
.Area_title .sub .PD_layout  {z-index: 10!important;}
}
/*版頭品輪播*/
@media screen and (min-width:768px){
	.Area_title .box_PD1 {}
	.Area_title .box_PD1 .PD_layout {}
	.Area_title .box_PD1 .Area_swiper {position: absolute;top: 123px;left:-30px; width:610px; height: 500px;z-index: 99;}
	.Area_title .box_PD1 .Area_swiper .swiper-slide .PD_img img {width:70%;}
	.Area_title .box_PD1 .Area_swiper ul {margin: 0;padding: 0;display: flex;}
	.Area_title .box_PD1 .swiper-container-horizontal>.swiper-pagination-bullets {display: flex;flex-direction: initial;top: 264px;left: 125px;grid-gap:0;}
	.Area_title .box_PD1 .swiper-pagination-bullet-active,.Area_title .box01 .swiper-pagination-bullet {background: #000;width: 8px;height: 8px;}
	.Area_title .box_PD1 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {background: #000;}
	 }
	@media screen and (max-width:767px){
	  .Area_title .box_PD1 {position:absolute;top: 15vw;left: 5vw;width: 38%;height:auto;z-index: 99!important;}
	  .Area_title .box_PD1 .PD_layout .PD_logo { z-index: 5; position: absolute; top: 0; left: 0;}
	  .Area_title .box_PD1 .Area_swiper {}
	  .Area_title .box_PD1 .Area_swiper ul {display: flex;min-width: 100%;}
	  .Area_title .box_PD1 .Area_swiper ul li { width:100%!important; height:100vw;left: 0!important;}
	  .Area_title .box_PD1 .swiper-container-horizontal>.swiper-pagination-bullets {display: flex;flex-direction: initial;grid-gap:0;}
	  .Area_title .box_PD1 .swiper-pagination-bullet-active,.Area_title .box01 .swiper-pagination-bullet {background: #000;width: 7px;height: 7px;}
	  .Area_title .box_PD1 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {background: #000;}
	}
	

/*輪播特效*/
.Area_title .pdbg_a .Area_swiper .swiper-slide .PD_img { opacity: 0; transform: translate(-6%,0);}
.Area_title .pdbg_a .Area_swiper .swiper-slide-active .PD_img { opacity: 1; transition: 1s ease-out; transform: translate(0,0);}
.Area_title .pdbg_b .Area_swiper .swiper-slide .PD_img{ opacity: 0; transform: translate(6%,0);}
.Area_title .pdbg_b .Area_swiper .swiper-slide-active .PD_img{ opacity: 1; transition: 1s ease-out; transform: translate(0,0);}	



.Area_title .swiper-container-horizontal>.swiper-pagination-bullets{top: 350px;left: 8px;position: absolute;display: flex;flex-direction: column;grid-gap: 15px;}
.Area_title .swiper-pagination-bullet,.Area_title .swiper-pagination-bullet-active {background: #5c5a33;width: 12px;height: 12px;}
@media screen and (max-width:767px){
.Area_title .swiper-container-horizontal>.swiper-pagination-bullets{top: 22vw;left: 2vw;position: absolute;display: flex;flex-direction: column;grid-gap: 2vw;}	
.Area_title .swiper-pagination-bullet,.Area_title .swiper-pagination-bullet-active {background: #5c5a33;width: 6px;height: 6px;}
}

/* 新品 */@media screen and (min-width: 768px){
.Area_new {z-index:99;}
}
@media screen and (max-width: 768px){
.Area_new {z-index:99;}
}

/* 爆品 */
@media screen and (min-width: 768px){
.Area_buy {}
}
@media screen and (max-width: 768px){
.Area_buy .box {padding: 15px 0;background-image:url(mb_buybg_rp.jpg?t=1751264042619);background-repeat:repeat-y;background-size:100%;}
}



/*banner(線上入稿)*/
.Areabn .box .PD_layout ul {display: flex;  margin: 0 auto;  padding:0 0 0 0; grid-gap: inherit;}
.Areabn .box .PD_layout ul li{padding: 0 0 0 0}
.Areabn .box .PD_layout ul img{ width: 100%;}
.Areabn .box .lbtclass { width: 1220px; height: 530px; overflow: hidden; margin:0 auto; padding:0 ; }
.Areabn .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 0 !important;}
@media screen and (min-width:767px){
.Areabn { height: 640px;}
.Areabn .box { padding:30px 0 0 0 ;margin: 0 auto;  box-sizing: content-box;/*background-image:url(pc_ul.png?t=1751264042619);background-repeat:repeat-y;background-size:100%;*/}	
}
@media screen and (max-width:767px){
  .Areabn {height:65vw;background-image:url(m_bn_bg.png?t=1751264042619);background-repeat:no-repeat;background-size:100%;}
  .Areabn .box {width: 100%; padding:7vw 0 2vw 0px; margin: 0 auto;}
  .Areabn .box .PD_layout ul {}
  .Areabn .box .PD_layout ul img{ width: 100%;}
  .Areabn .box .lbtclass { width: 100%;height:50vw; margin: 0 auto; }
	.Areabn .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0px 2px;}
	.Areabn	.swiper-pagination-bullet{width: 6px;height: 6px;}
}



/* 新色一帶六 */
/* 背景 */@media screen and (min-width: 768px){
	.Area_newcolor_allbg {position: relative;padding: 0;}	
	.color {z-index: -40;position:absolute;top: 310px;width:100%;height: 2350px;background-color:#5d5a33;}
}
@media screen and (min-width: 767px){
.Area_newcolor .Area_slide {margin-bottom: 50px !important;}
.Big_box {padding: 80px 0 0 0;margin-bottom: 110px;}
}
@media screen and (max-width: 767px){
.Area_newcolor {}	
.Area_newcolor .Area_slide {width:94vw  !important;border-radius:0 !important;}
.Area_newcolor .Area_slide {margin-bottom: 5vw !important;}
}

/* 品類 */@media screen and (min-width: 767px){
.Area_tag {height: 610px;}
}
@media screen and (max-width: 767px){
.Area_tag {height: 73vw;padding: 2vw 0 0 0;}
.m_Area_tag_bg {z-index:10;position:absolute;top:0vw;left:0;width:100%;height: 108%;background-repeat:no-repeat;background-position: center top;pointer-events:none;background-size: 100%;}	
}
/*旗艦館*/
@media screen and (min-width: 768px){
.Area_guan {height: 920px;}
.Area_guan_bg {z-index: -10;position:absolute;top: 270px;left: 0;width:100%;height:100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;}		
.Area_guan .Area_guan_PDbox{padding: 10px 0 0;}
.Area_guan .box_all {position: relative;height: 720px;padding: 0;}
.Area_guan .BN_box { position: relative; }		
.Area_guan .BN_box ul { padding: 0; }	
.Area_guan .BN_box .PD_slide:nth-of-type(1){position: absolute;width: 20%;top: 490px;left:-360px;z-index: 30;}	
.Area_guan .PD_layout.BN_box li:nth-of-type(1) img {width: 42%;}
}
@media screen and (max-width: 767px){
.Area_guan {height: 82vw;}
.m_Area_guan_bg {z-index:-10;position:absolute;top: 33vw;left:0;width:100%;height: 108%;background-repeat:no-repeat;background-position: center top;pointer-events:none;background-size: 100%;}	
.Area_guan_deco {position: absolute;top: 22vw;left: 69vw;z-index: 30;width: 12%;}	
.Area_guan .BN_box { position: relative; }		
.Area_guan .BN_box ul { padding: 0; }	
.Area_guan .PD_layout.BN_box li:nth-of-type(1){position: absolute;width: 27%;top: 41.5vw;left: -22vw;z-index: 30;}	
.Area_guan .PD_layout.BN_box li:nth-of-type(1) img {width: 42%;}
}






/*區塊_all*/
.Area1220 {position: relative;margin:0 auto;width:1220px;}
.Area960 { margin:0 auto; width:960px;}
.Area {position: relative;margin:0 auto;border-radius:0;text-align:center;}


.Area a { position:relative; display:block;} 

.Area .go_bt {
  -webkit-transition: all 0.4s ease;

     -moz-transition: all 0.4s ease;

      -ms-transition: all 0.4s ease;



       -o-transition: all 0.4s ease;
          transition: all 0.4s ease;}


.Area .go_bt:hover {


  -webkit-transform:scale(0.95);

     -moz-transform:scale(0.95);



      -ms-transform:scale(0.95);
       -o-transform:scale(0.95);
          transform:scale(0.95);}




	@media screen and (max-width:767px){
		.Area1220 { width:100%;}
		.Area960 { width:100%;}
		.Area .go_bt:hover {  

			-webkit-transform:none;
			-moz-transform:none;
			-ms-transform:none;
			-o-transform:none;
			transform:none;}
	}



.Area .go_bt2 { transform: translateY(0); }
.Area .go_bt2:hover { transform: translateY(-6px); transition: 0.5s ease-out;}

@media screen and (max-width:767px){
		.Area1220 { width:100%;}
		.Area960 { width:100%;}
		.Area .go_bt:hover {  

			-webkit-transform:none;
			-moz-transform:none;
			-ms-transform:none;
			-o-transform:none;
			transform:none;}
}





/*隱鑶*/
.for_pc {}
.for_phone { display:none !important;}

	@media screen and (max-width:767px){
		.for_pc { display:none !important;}
		.for_phone { display: inherit !important;}
	}