@charset "utf-8";

/*基本*/
body {margin: 0; padding:0; background-color: #4285c8;}

/*隱鑶*/
.for_pc {}
.for_phone, .for_m { display:none !important;}
	@media screen and (max-width:767px){
		.for_pc { display:none !important;}
		.for_phone, .for_m { display: inherit !important;}
	}


/*全BOX版面*/
.WRAPPER { position: relative;margin: 0 auto; padding: 0;	width:100%; min-width:1220px; overflow: hidden;font-family:"微軟正黑體","Microsoft JhengHei",Helvetica;}
.WRAPPER img { border:0; vertical-align:top;}
.WRAPPER a { text-decoration:none;  display:inline-block;}
.WRAPPER .Area_top{position: relative; }
.WRAPPER .mainArea { position:relative; display:block; margin:0 auto; padding: 0; width:1220px;}
	@media screen and (max-width:767px){
		.WRAPPER { padding-bottom:0px; margin:0 auto; display: block; min-width:100%; background-image:url(mb_bg.jpg?t=1764149365497); background-repeat:repeat-y; background-size:100%; }
		.WRAPPER .mainArea { position:relative; display:block; margin:0 auto; padding: 0; width:100%;  }
	}


.WRAPPER .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;}
.WRAPPER .go_bt:hover { 
   filter:brightness(110%);
  -webkit-transform:translateY(10px);
     -moz-transform:translateY(10px);
      -ms-transform:translateY(10px);
       -o-transform:translateY(10px);
          transform:translateY(10px);}

/*滑過會亮*/	
.WRAPPER .go_bt3 {
  -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;}
.WRAPPER .go_bt3:hover { 
   filter:brightness(115%);
  /*-webkit-transform:translateY(-10px);
     -moz-transform:translateY(-10px);
      -ms-transform:translateY(-10px);
       -o-transform:translateY(-10px);
          transform:translateY(-10px);*/
		  }


.deco01{z-index:1;	animation: sway 5s infinite ease-in-out alternate;
			   -moz-transform-origin: top;
			    -ms-transform-origin: top;
				 -o-transform-origin: top;
  			-webkit-transform: scale(0.3);
			   -moz-transform: scale(0.3);
			    -ms-transform: scale(0.3);
				 -o-transform: scale(0.3);
				 transform-origin: -100% 0; }

.deco02{z-index:1;	 animation: sway 4.5s infinite ease-in-out alternate;
			   -moz-transform-origin: top;
			    -ms-transform-origin: top;
				 -o-transform-origin: top;
  			-webkit-transform: scale(0.3);
			   -moz-transform: scale(0.3);
			    -ms-transform: scale(0.3);
				 -o-transform: scale(0.3);
				 transform-origin: 110% 0; }


/*PC背景*/
@media screen and (min-width:767px){
	.bg_deco { z-index:0; position:absolute; top:900px; left:0; width:100%; min-width:1220px; height:100%; background-repeat:repeat-y; background-position:center top; }
	.ribbon { z-index:0; position:absolute; top:0; left:0; width:100%; min-width:1220px; height:100%; background-repeat:no-repeat; background-position:center top; }
	.bgtop01    { z-index:-1; position:absolute; top:0px; left:0; width:100%; min-width:1220px; height:2500px; background-repeat:no-repeat; background-position:center top; }
	.bgtop02    { z-index:-1; position:absolute; top:1000px; left:0; width:100%; min-width:1220px; height:1450px; background-repeat:no-repeat; background-position:center top; }
	.bgtop02-2    { z-index:-1; position:absolute; top:1000px; left:0; width:100%; min-width:1220px; height:1650px; background-repeat:no-repeat; background-position:center top; }
	.bgtop03    { z-index:-3; position:fixed; top:0; left:0; width:100%; min-width:1220px; height:100%; background-repeat:repeat-y; background-position:center top; }	
}

/*區塊_all*/
.Area { position: relative; margin:0 auto; padding:0; text-align:center;  }
.Area .box_bg{position:absolute;top:0;left: 0;z-index: 0;} 
.Area1220 { margin:0 auto; width:1220px;}

.Area_1bn_nopadding { margin: 0 auto; padding:0; overflow:hidden;}
.Area_1bn_nopadding a  { float:left; margin:0; padding:0; width:100%; list-style: none;}
.Area_1bn_nopadding img  { float:left; margin:0; padding:0; width:100%; list-style: none;}
.Area_2bn_nopadding { margin: 0 auto; padding:0; overflow:hidden;}
.Area_2bn_nopadding a { float:left; margin:0; padding:0; width:50%; list-style: none;}
.Area_3bn_nopadding { margin: 0 auto; padding:0; overflow:hidden;width:96%;}
.Area_3bn_nopadding p { float:left; margin:0; padding:0; width:33.3%; list-style: none; text-align:center;}
.Area_4bn_nopadding { margin: 0 auto; padding:0;width:1220px; overflow:hidden;}
.Area_4bn_nopadding a { float:left; margin:0; padding:0; width:25%; list-style: none;}		/*區塊_兩邊間距*/

	@media screen and (max-width:767px){
	.Area .go_bt:hover { 
		-webkit-transform:none;
		 -moz-transform:none;
			-ms-transform:none;
			 -o-transform:none;
				transform:none;}
	.Area1220 { width:100%;}
	.Area img{ width:100%;}
	.Area { position: relative;}

	/*區塊_切割*/
	.Area_1bn { margin: 0 auto; padding:0; overflow:hidden;}
	.Area_1bn a { float:left; margin:0 0 2% 0; padding:0; width:100%;}
	.Area_2bn { width:96%; margin: 0 2%; padding:0; overflow:hidden;}
	.Area_2bn a { float:left; margin:0 1% 2%; padding:0; width:48%; }
	.Area_3bn { margin: 0 auto; padding:0; overflow:hidden;}
	.Area_3bn a { float:left; margin:0 1% 2% ; padding:0; width:31.3%; }
	.Area_1bn_nopadding { margin: 0 auto; padding:0; overflow:hidden;}
	.Area_1bn_nopadding a { position:relative; float:left; margin:0; padding:0; width:100%; }
	.Area_2bn_nopadding { margin: 0 auto; padding:0; overflow:hidden;}
	.Area_2bn_nopadding a { float:left; margin:0; padding:0; width:50%;}
	.Area_3bn_nopadding { margin: 0 auto; padding:0; overflow:hidden;}
	.Area_3bn_nopadding a { float:left; margin:0; padding:0; width:33.3%;}
	.Area_4bn_nopadding { margin: 0 auto; padding:0; overflow:hidden;}
	.Area_4bn_nopadding a { float:left; margin:0; padding:0; width:25%; }	
	}


/*我是CSS_momologo*/
.momologo { position:absolute; top:20px; left:5px; z-index:999; }
.momologo_01 {margin-left:66px;}
.momologo_02 {margin-left:66px;}
	@media screen and (max-width:767px){
	 .momologo {width: 100%; top: 10vw;}
	}


/*版頭*/
.Area_top { position:relative; width:1220px;height:950px; }
.Area_top .title{position:absolute; top:190px; left:660px ; z-index:2;animation-delay:0.4s;}
.Area_top .time{position:absolute; top:35px; left:415px ; z-index:2; animation-delay:0.1s;}
.Area_top .sign{position:absolute; top:370px; left:-220px ; z-index:0; animation-delay:1s;}
.Area_top .sub{position:absolute; top:230px; left:1291px ; z-index:0; animation-delay:1s;}
.Area_top .gs{position:absolute; top:185px; left:54px ; z-index:8; pointer-events: none;}

@media screen and (max-width:767px){
 .Area_top { position:relative; width:100%; height:auto; }
 .Area_top .title{position:absolute;top:20vw;left:13vw; z-index:2; width: 71%;}
 .Area_top .time{position:absolute;top:2.5vw;left:27vw; z-index:2; width: 47%;}
 .Area_top .sub{position:absolute;top:37vw;left:84vw; z-index:0; width: 15%;}
 .Area_top .gs{position:absolute;top:72vw;left:20vw; z-index:6; width: 67%;}	
	
}


/*副標輪播*/
 .Area_top .title_swiper {position:absolute;left: 745px;top: 445px;height:59px;width: 365px;text-align: left;z-index: 5;}
 .Area_top .title_swiper ul {list-style: none;margin: 0;padding: 0;}
 .Area_top .title_swiper img {width: 365px;}
	@media screen and (max-width:767px){
   .Area_top .title_swiper {position: absolute;left: 21%;top: 53.5vw;height: 12vw;margin: 0px auto;list-style: none;width: 85%;z-index: 3;}
   .Area_top .title_swiper img {width: 65%;}
}




/*版頭翻牌*/
@media screen and (min-width:768px){
.Area_top .pc_activ_01{position:absolute; width: 169px; height:169px; left:50px;top:214px; z-index: 5;}
.Area_top .pc_activ_02{position:absolute; width: 169px; height:169px; left:226px;top:214px; z-index: 5;}
.Area_top .pc_activ_03{position:absolute; width: 169px; height:169px; left:402px;top:214px; z-index: 5;}
.Area_top .pc_activ_04{position:absolute; width: 169px; height:169px; left:50px;top:391px; z-index: 5;}
.Area_top .pc_activ_05{position:absolute; width: 169px; height:169px; left:226px;top:391px; z-index: 5;}
.Area_top .pc_activ_06{position:absolute; width: 169px; height:169px; left:402px;top:391px; z-index: 5;}
.Area_top .pc_activ_07{position:absolute; width: 169px; height:169px; left:50px;top:568px; z-index: 5;}
.Area_top .pc_activ_08{position:absolute; width: 169px; height:169px; left:226px;top:568px; z-index: 5;}
.Area_top .pc_activ_09{position:absolute; width: 169px; height:169px; left:402px;top:568px; z-index: 5;}
}

@media screen and (max-width:767px){
.Area_top .pc_activ_01{position:absolute; width: 21.5%;height:auto; left:16.8vw;top:73vw; z-index: 5;}
.Area_top .pc_activ_02{position:absolute; width: 21.5%;height:auto; left:39.4vw;top:73vw; z-index: 5;}
.Area_top .pc_activ_03{position:absolute; width: 21.5%;height:auto; left:61.9vw;top:73vw; z-index: 5;}
.Area_top .pc_activ_04{position:absolute; width: 21.5%;height:auto; left:16.8vw;top:95.4vw; z-index: 5;}
.Area_top .pc_activ_05{position:absolute; width: 21.5%;height:auto; left:39.4vw;top:95.4vw; z-index: 5;}
.Area_top .pc_activ_06{position:absolute; width: 21.5%;height:auto; left:61.9vw;top:95.4vw; z-index: 5;}
.Area_top .pc_activ_07{position:absolute; width: 21.5%;height:auto; left:16.8vw;top:118.2vw; z-index: 5;}
.Area_top .pc_activ_08{position:absolute; width: 21.5%;height:auto; left:39.4vw;top:118.2vw; z-index: 5;}
.Area_top .pc_activ_09{position:absolute; width: 21.5%;height:auto; left:61.9vw;top:118.2vw; z-index: 5;}
}


/*03_折價券_常態券輪播*/
@media screen and (min-width:768px){
.Area_coupon02 {height:100%;margin-bottom: 50px;}
.Area_coupon02 .layout_coupon02 ul {width:90%;margin:0 auto}
	
/**輪播折價券 **/	
.Area_coupon02 .box .PD_layout {width: 84.5%;margin:0 auto;}	
.Area_coupon02 .box .PD_layout ul {display:flex;height:auto;margin:0;padding:0;grid-gap: 15px;}
.Area_coupon02 .box .PD_layout ul li {margin:0;padding:0; }
.Area_coupon02 .box .PD_layout .swiper-pagination {position:relative;margin:15px 0;}
.Area_coupon02 .swipwe_remove_box_style ul li {background-color:#fff0!important;}

}
@media screen and (max-width:767px){
.Area_coupon02 {height:100%;background-color: #4285c9;}
	
/**輪播折價券 **/	
.Area_coupon02 .box .PD_layout {width:92%;overflow:hidden}	
.Area_coupon02 .box .PD_layout ul {display:flex;height: auto;margin:0;padding:0;grid-gap: 2vw;}
.Area_coupon02 .box .PD_layout ul li {margin:0;padding:0; }
.Area_coupon02 .box .PD_layout .swiper-pagination {position:relative;margin:1vw 0;}
.Area_coupon02 .swipwe_remove_box_style ul li {background-color:#fff0!important;}
}




/*mo卡享回饋*/
.Area_activ {height: 750px;background:url(coupon_bg.png?t=1764149365497) top center no-repeat;margin-bottom: 78px;padding-top: 210px;}
.Area_activ .box {}
@media screen and (max-width:767px){
	.Area_activ {height: 133.5vw;background:url(mb_06.jpg?t=1764149365497)top center no-repeat;background-size:100%;margin-bottom:0;padding-top: 0;}
	.Area_activ .box {width:100%; height:100%;}
}


/*mo卡享回饋輪播(線上入稿)*/
.Area_activ .coupon {width: 100%;}
.Area_activ .coupon .all {position:absolute;left:220px;top:700px;z-index:5;}
.Area_activ .chtch {position:absolute;left:560px;top:200px;z-index:2;pointer-events: none;}

.Area_activ .coupon .PD_layout {width: 81.5%;height: 100%;left:0%;padding-top: 274px;overflow:hidden;}
.Area_activ .coupon .PD_layout ul {display: flex; flex-wrap: nowrap; margin: 0; padding: 0; width: 100%; box-sizing: content-box; height: 240px; grid-gap: inherit;}
.Area_activ .coupon .PD_layout ul img{ width: 95%;}
.Area_activ .coupon .lbtclass { width: 1000px; overflow: hidden; margin: 0 auto;}
@media screen and (max-width:767px){
.Area_activ .coupon {width:100%;height:100%;/*background:url(m_coupon_bg.jpg?t=1764149365497)top center repeat-y;background-size:100%;border:none; border-top:none;*/}
.Area_activ .coupon .all {position:absolute;left: 13vw;top: 104vw;width: 41%;}
.Area_activ .chtch {position:absolute;left:48vw;top:26vw;width:6.5%;  z-index:2;}
.Area_activ .coupon .PD_layout {position: relative;top: 33vw;left:0;width: 88.9%;height: 30vw;}
.Area_activ .coupon .PD_layout ul li img {width:98%;}
.Area_activ .coupon .lbtclass { width: 100%; }
}

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


/**00_版頭品輪播公版**/	
@media screen and (min-width:768px){
.Area_top .Area_hot {height: auto;padding-top: 360px;margin-bottom: 15px !important;overflow: hidden;}	
	
/**區標**/	
.Area_activ .Area_hot .text .layout_text {position:relative;width:80%;margin:0 auto;padding-bottom:0;height: 240px;}
.Area_activ .Area_hot .text .layout_text .PD_slide:hover{transform:none;}
.Area_activ .Area_hot .text .layout_text .PD a {pointer-events: none!important}
.Area_activ .Area_hot .box .PD_layout {z-index: 40;width: 81.5%;margin:0 auto;padding-top: 0px;top: -7px;left: -0.5px;overflow: hidden}	
.Area_activ .Area_hot .box .PD_layout ul {display:flex;margin:0;padding-top:8px;grid-gap:0;}
.Area_activ .Area_hot .box .PD_layout ul li {margin:0;padding:0;grid-gap:0}
.Area_activ .Area_hot .box .PD_layout .PD_into .Price {font-size:25px!important;}
	
.Area_activ .Area_hot .box .PD_layout .swiper-pagination {position:relative;margin: 12px 0;}
	
}
@media screen and (max-width:767px){
.Area_activ .Area_hot { height: auto;margin-bottom: 0vw !important;}
	
/**區標**/	
.Area_activ .Area_hot .text .layout_text {position:relative;width: 100%;margin: 0 0 0 0vw;padding: 10vw 0 0 0;}
.Area_activ .Area_hot .text .layout_text.PD_layout ul {padding-left: 0em!important;padding-right: 0em!important;}
.Area_activ .Area_hot .text .layout_text .PD a {pointer-events: none!important}
	
/** 公版 **/
.Area_activ .Area_hot .box .PD_layout {z-index: 40;position: absolute;top: 23.5vw;width: 88.9%;left: 5.5vw;padding-top: 4.5vw;overflow: hidden;}	
.Area_activ .Area_hot .box .PD_layout ul {display:flex;margin:0;padding:0;grid-gap:0;}
.Area_activ .Area_hot .box .PD_layout ul li {height: 56vw;margin:0;padding:0;grid-gap:0;}
.Area_activ .Area_hot .box .PD_layout .PD_into .Price {font-size: 24px!important;}	
.Area_activ .Area_hot .box .PD_layout .swiper-pagination {position:relative;margin: 3vw 0;}

}




/*07_頁籤爆品6品_5區*/
@media screen and (min-width:768px){
.Area_sale {z-index: 30;height: auto;margin-top: 0px !important;margin-bottom: -2px!important;}
	
.Area_sale .Area_sale_bg { overflow: hidden; background-color: #ffdfa9;padding: 150px 0 25px;margin-bottom: 30px; border-radius: 1.5em;} 
/*
.Area_sale .Area_sale_bg_png {width:100%;background:url(box_repeat_pc.png?t=1764149365497)top center repeat-y;background-size:127%;}
.Area_sale .Area_sale_top_png {width:100%;height: 69px; background:url(box_top_pc.png?t=1764149365497)top center no-repeat;background-size:127%;}
.Area_sale .Area_sale_end_png {width:100%;height: 70px; background:url(box_end_pc.png?t=1764149365497)top center no-repeat;background-size:127%;}
*/
.Area_sale .NavArea_tabbar_page .Nav .swiper-slide-active i {display:block;border: 1.5px  solid #1c46b0 !important;background-color: #1c46b0 !important;}
	
	
/**區標**/	
.Area_sale .text {position:relative;}
.Area_sale .text .layout_text {width: 105%;left: -36px;height: 185px;margin:0 auto;padding-bottom:0;}
.Area_sale .text .layout_text .PD_slide:hover{transform:none;}
.Area_sale .text .layout_text .PD a {pointer-events: none!important}
	
/*頁籤*/	
.Area_sale .NavArea {display:block!important}		
.Area_sale .tab_swiper {overflow-y:clip!important}		
.Area_sale .NavArea_tabbar_page {padding-bottom: 20px;}		
.Area_sale .content_swiper {width:95%;margin:0 auto;overflow:hidden;margin-bottom:0px;}		

/*公版區*/		
.Area_sale .box .layout_PD {}
.Area_sale .box .layout_PD ul{}
.Area_sale .box .layout_PD ul li {}	
.Area_sale .box .layout_PD ul li:hover {box-shadow: none; }	
}
@media screen and (max-width: 767px){
.Area_sale { width: 100% !important;height:100%;}
.Area_sale .Area_sale_bg {overflow: hidden;padding: 1vw 0 3.5vw;margin-bottom: 3vw;} 
/*.Area_sale .Area_sale_bg_png {position:relative;width:100%!important;margin:0!important;background:url(box_repeat.png?t=1764149365497)top center repeat-y;background-size:100%;}*/
.Area_sale .NavArea_tabbar_page .Nav .swiper-slide-active i {display:block;border: 0.5vw solid #1d46b0 !important;background-color: #1c46b0 !important;}
	
	
/**區標**/	
.Area_sale .text {padding: 0vw;height: 20vw;width: 100%;margin-left: 0vw!important;margin-bottom: 0vw !important;}	
.Area_sale .text .layout_text {width:100%;margin:0 auto;padding-bottom:0;}
.Area_sale .text .layout_text.PD_layout ul {padding-left: 0em!important;padding-right: 0em!important;}
.Area_sale .text .layout_text .PD a {pointer-events: none!important}
	
/*頁籤*/	
.Area_sale .tab_swiper {overflow-y:clip!important}		
.Area_sale .NavArea_tabbar_page {padding-bottom: 2.1vw;}		
.Area_sale .content_swiper {padding-bottom:0.5vw;}		

/*公版區*/		
.Area_sale .box .layout_PD {}
.Area_sale .box .layout_PD ul {}
.Area_sale .box .layout_PD ul li {}	
.Area_sale .box .layout_PD ul li:hover {box-shadow: none; }	
}



/*bn輪播*/
.Area_btn {height: 470px; }
.Area_btn .box {padding: 20px 0;box-sizing: border-box;}
.Area_btn .box ul li img{ border-radius: 10px;border: solid 1.8px #000;}
.Area_btn .box .PD_layout ul {display: flex; flex-wrap: nowrap; margin: 0; padding: 0; width: 100%; box-sizing: content-box; height: 220px; grid-gap: inherit;}
.Area_btn .box .PD_layout ul img{ width: 100%;}
.Area_btn .box .lbtclass { width: 1110px; overflow: hidden; margin: 0 auto;}
.Area_btn .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: -20px!important;}
.Area_btn .button_myarrow_r { z-index: 99; position: absolute; top: 50%; right: 100px; width: 70px; height: 70px; cursor: pointer;}
.Area_btn .button_myarrow_l { z-index: 99; position: absolute; top: 50%; left: 100px; width: 70px; height: 70px; cursor: pointer;}
@media screen and (max-width:767px){
	.Area_btn { height: 60vw;  /*background:url(mb_12.jpg?t=1764149365497) top center no-repeat ; background-size:100%;*/}
	.Area_btn .box { padding: 0.5% 4% 1%; }
	.Area_btn .box ul li img{ border-radius: 2vw;border: solid 0.35vw #000;}
	.Area_btn .box .PD_layout ul { height: 40vw;}
	.Area_btn .box .lbtclass  { width: 100%;  margin-left:0;}
	.Area_btn .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 0vw!important;}
}

/*折價劵+1品(線上入搞)*/
@media screen and (min-width:768px){
.Area_coupon0 {width: 810px;margin-bottom: 30px;}
.Area_coupon0 .box01 {background-color: #F46859;border-radius: 0em; padding:20px; border:solid 0 #000;}
.Area_coupon0 .box ul {width:770px;margin:0 auto; padding:200px 0 0 ;}
.Area_coupon0 .box ul li{padding:20px 0 15px;}

.Area_coupon0 .layout_1pd.PD_layout ul{ width:770px;margin:0 auto; padding:0 ;}  
.Area_coupon0 .layout_1pd.PD_layout li{ border-top:solid 0 #F46859;border-right:solid 0 #F46859;}  
.Area_coupon0 .layout_1pd.PD_layout .PD_img{width: 30%;margin-left:15%;}  

}
@media screen and (max-width:767px){
.Area_coupon0 { padding-bottom:4vw;}
.Area_coupon0 .box ul { padding:7% 2% 2%;}
.Area_coupon0 .box ul li img{width:100%;}
.Area_coupon0 .box01 {width:88%;margin: 0 auto;background-color: #F46859;border-radius: 0em; padding:0 0 0vw; border:solid 0px #000;}
  
.Area_coupon0 .layout_1pd.PD_layout ul{ margin:0 auto; padding:0 ;}  
.Area_coupon0 .layout_1pd.PD_layout li{ border-top:solid 0 #F46859;border-right:solid 0 #F46859;}  
.Area_coupon0 .layout_1pd.PD_layout .PD_img{width: 40%;margin-left:5%;}  

}


/*品牌LOGO(線上入搞)*/
@media screen and (min-width:768px){
.Area_brand {position: relative;height: 760px;top: 0px;background-image: url(Areabrand_bg.png?t=1764149365497);background-repeat: no-repeat;background-position: center top;}
.Area_brand .layout_brand{top:0;left: 0;}
.Area_brand .layout_brand ul {width: 1100px !important;margin: 0 auto !important;padding: 180px 0 0 0 !important;grid-gap: 18px 35px;/*background-image: url(pd_bg.png?t=1764149365497);background-repeat: repeat-y;background-size: 100%;background-position: center top*/}
.Area_brand .layout_brand ul li {padding:5px 0 5px 0 ;margin:0 auto;}
.Area_brand .layout_brand ul li img {width:100%;}
	
}
@media screen and (max-width:767px){
.Area_brand {}
.Area_brand .layout_brand{width:100%;margin:0;padding:0;background-image: url(mb_13.jpg?t=1764149365497);background-size: 100%;background-repeat: repeat-y;}
.Area_brand .layout_brand ul {width: 80% !important;margin: 0 auto !important;grid-gap: 3vw 1.5vw;}
.Area_brand .layout_brand ul li {margin: 0;}
.Area_brand .layout_brand ul li img {width:96%;}
.Area_brand .brand_deco {position: absolute;width: 34%;top: 67.5%;left: 60%;z-index: 9;}
	
}


/** RWD倒數 **/
.TimerArea2{position: absolute; top:0px; left:0px;display:block;margin: 0;padding: 0;width: 100%; height:94px; overflow: hidden;}
.Timerbox2{position:relative; display:block; margin:0 auto; padding: 0; width:1220px;  z-index:99;}
.TimerNick2 {  position:absolute; left:445px; z-index:99; display:inline-block; padding-right:14px; height:96px; top:105px}
.TimerNick2 .FontStyle2 { display:inline-block; margin:20px 0 0 0 ; padding:0 5px; border:0px; width:40px; font: bold 33px/38px Century Gothic; color:#fecd57; /*text-shadow:1px 1px 0px #fff;*/ letter-spacing:-1px; text-align:right; background:transparent; }
.TimerNick2 div:nth-of-type(2),
.TimerNick2 div:nth-of-type(3),
.TimerNick2 div:nth-of-type(4) { width:40px;}
.TimerNick2 span{ padding-left: 2px;font: bold 23px/38px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;letter-spacing: -0.05em;color: #fff;}
@media screen and (max-width:767px){
	.TimerArea2{position: absolute;  left:-6%; display:block;margin: 0;padding: 0;width: 100%; top:21vw; z-index:99;}
	.Timerbox2{position:absolute; display:block; margin:0 auto; padding: 0; width:100%;  z-index:99;}
	.TimerNick2 { z-index:20; position: absolute; top:15vw; left:0; display:inline-block; margin:0; padding-right:5%; width:100%; height:0; padding-bottom:13%; overflow:hidden; text-align:center; background-size:100%;}
	.TimerNick2 .FontStyle2 { display:inline-block; margin:0 auto; padding:0; border:0px; width:5vw; font: bold 5vw/11vw Century Gothic; color:#fecd57; /*text-shadow:1px 1px 0px #fff;*/ letter-spacing:-1px; text-align:right; background:transparent;}
	.TimerNick2 div:nth-of-type(2),
	.TimerNick2 div:nth-of-type(3),
	.TimerNick2 div:nth-of-type(4) { width:6vw;}
	.TimerNick2 span { padding-left:1vw; font: bold 4vw/11vw "微軟正黑體","Microsoft JhengHei", Arial, Helvetica; letter-spacing: -0.05em;color: #fff;}  
}


@media screen and (min-width:767px){
 .mbottom1 { margin-top:50px !important}
 .mbottom2 { margin-top:80px !important}
 .mbottom3 { margin-top:110px !important}
 .mbottom4 { margin-top:150px !important}
 }


/*Appletxt*/
.apple_txt{ position: relative;margin:30px auto; color:#fff;font-size: 14px; text-align: center; }
	@media screen and (max-width:767px){
	.apple_txt{position: relative;margin:2%; color:#fff; }
	}





		
/**延遲載圖用**/
.mainArea .articleList * img.lazy {display:none;}