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

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


/*全BOX版面*/
.WRAPPER { z-index:0; position: relative; display:block; margin: 0 auto; padding:0; overflow:hidden; width:100%; min-width:1220px;background-color:#e8e8e8; text-align:left; font-family:"微軟正黑體","Microsoft JhengHei",Helvetica;}
.WRAPPER img { border:0px; vertical-align:top;}
.WRAPPER a { text-decoration:none; -webkit-tap-highlight-color: transparent}
/*預設清單樣式*/
.Area .list_00 ul {display:inline-block; margin:0; padding:0;}
.Area .list_00 li {list-style:none;float:left;overflow: hidden;}
	@media screen and (max-width:767px){
		.WRAPPER {padding-bottom:30px;min-width: inherit;min-height:100vh;overflow: hidden;background:url(m_bg.jpg?t=1779341404048)top center repeat-y;background-size:100%;}
		.WRAPPER img {  width:100%;  height:auto;}
	}

/*背景*/
@media screen and (min-width:768px){
.bg_00 { z-index:0; 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:-52; position:absolute;top:0;left:0; width:100%; height:100%; background-repeat:no-repeat; background-position: center top; pointer-events:none;}
.bg_02 { z-index:5; position:absolute;top:10px;left:0; width:100%; height:100%; background-repeat:no-repeat; background-position:center top; pointer-events:none;}
.bg_03 { z-index:-51; position:absolute;top:1144px;left:0; width:100%; height:100%; background-repeat:no-repeat; background-position:center top; pointer-events:none;}
.bg_04 { z-index:-54; position:absolute;top:0px;left:0; width:100%; height:100%; background-repeat:repeat-y; background-position:center top; pointer-events:none;}
}
@media screen and (max-width: 767px){

}


/*區塊底*/
@media screen and (min-width:768px){
.Area_bottom01 {background:url(pc_bottom01.png?t=1779341404048)top center no-repeat;background-size:100%;padding-top:80px;margin-top:-22px;margin-bottom:50px;}
}
@media screen and (max-width: 767px){
.Area_bottom01 {background:url(m_bottom01.jpg?t=1779341404048)top center no-repeat;background-size:100%;padding-top:15vw}


}
	




/*版頭區*/
@media screen and (min-width:768px){
.Area_title {height:1279px;overflow: hidden}
.top_deco {position:absolute;top: 365px;left: 50px;z-index:2;pointer-events: none;}
.top_deco2 {position:absolute;top:455px;left:940px;z-index:30;pointer-events: none;}
	

}
@media screen and (max-width: 767px){
.Area_title {height: 116vw;overflow: hidden}
.m_topbg {position:absolute;width:100%;top:0;left:0;pointer-events:none;z-index:0}
.m_top {position:absolute;width:100%;top:0;left:0;pointer-events:none;z-index:2}
.m_bottom {position:absolute;width:100%;top:118vw;left:0;pointer-events:none;z-index:22;}
.top_deco {position: absolute;width: 28%;top: 30vw;left: 3vw;z-index: 1;pointer-events: none;}
.top_deco2 {position: absolute; width: 22%;top: 40vw; left: 76vw; z-index: 3; pointer-events: none;}	
.top_pd {margin: 2vw auto 6vw !important;}	

}
	

/*版頭::主標入稿*/
@media screen and (min-width:768px){
.Area_title .subtitle {position:absolute;width:83%;top:68px;left: 158px;z-index:5}
/*主標*/	
.Area_title .subtitle .layout_title {}
.Area_title .subtitle .layout_title  ul {display:flex;margin:0;padding:0;}
	
/*日期*/	
.Area_title .layout_date {position:absolute;width: 20%;left: 903px;top: 361px;}
.Area_title .layout_date  ul {}
		
/*副標*/	
.Area_title .layout_title04 {position: absolute;width: 78%;left: 178px;z-index: 25;top: 926px;}
.Area_title .layout_title04  ul {}
	
}
@media screen and (max-width:767px){
.Area_title .subtitle {position: absolute;width: 95%;height: auto;top: 3vw;left: 2.5vw;z-index: 3;}
/*主標*/	
.Area_title .subtitle .layout_title {}
.Area_title .subtitle .layout_title ul {}
	
/*日期*/	
.Area_title .layout_date {position: absolute;width: 20%;left: 75vw;top: 31vw;}
.Area_title .layout_date  ul {}
	
/*副標*/	
.Area_title .layout_title04 {position: absolute;width: 86%;left: 8vw;z-index: 2;top: 87vw;}
.Area_title .layout_title04  ul {}

}

/*版頭::版頭品入稿*/
@media screen and (min-width:768px){
.Area_title .layout_toppd {position: absolute;width: 97%;top: 96px;left: 28px;z-index: 0;}
.Area_title .layout_toppd  ul {}


	
}
@media screen and (max-width:767px){
.Area_title .layout_toppd {position: absolute;width: 114%;top: 7vw;left: -9vw;z-index: 1;}
.Area_title .layout_toppd  ul {}
}



                    
/*登記贈品文案顏色*/
.Area_danji .danji_box ul li .activityText .gifts span { color: #181f42;}   




/*登記*/
@media screen and (min-width:768px){
.Area_danjiall {height:100%;}
.Area_danjiall .bg_001 {z-index:-1;position:absolute;top: 180px;left: 0;right: 0;margin: auto;width: 100%;height: 36px;background-repeat:no-repeat;background-position: center top;pointer-events:none;}	
.Area_danjiall .bg_02 {z-index:-1;position:absolute;top: 216px;left: 0;right: 0;margin: auto;width: 100%;height: 1430px;background-repeat:repeat-y;background-position: center top;pointer-events:none;}	

/**區標**/	
.Area_danjiall .text {position:relative;}
.Area_danjiall .text .layout_text {width:90%;margin: 0 auto 33px;padding: 30px 0 35px;}
.Area_danjiall .text .layout_text ul {margin:0;padding:0;}
.Area_danjiall .text .layout_text .PD_slide:hover{transform:none;}
.Area_danjiall .text .layout_text .PD a {pointer-events: none!important}

	
.Area_danji {width:100%;}
.Area_danji .danji_box {width:80%;margin:0 auto;}
.Area_danji .warningTxt {margin-bottom:0;}
.Area_danji .warningTxt h3 {color: #ffffff !important;}

}	
@media screen and (max-width:767px){
.Area_danjiall {}
	
/**區標**/	
.Area_danjiall .text {position:relative;}
.Area_danjiall .text .layout_text {width:100%;margin:0;padding:1vw 0;}
.Area_danjiall .text .layout_text ul {margin:0;padding:0;}
.Area_danjiall .text .layout_text .PD_slide:hover{transform:none;}
.Area_danjiall .text .layout_text .PD a {pointer-events: none!important}
	
/**公版**/	
.Area_danjiall .Area_danji {position:relative;width: 100%!important;margin: auto!important;background-color: #1d2144;padding: 1vw 0 0vw 0;}
.Area_danjiall .Area_danji .danji_box {width: 95%;margin: auto !important;}
.Area_danjiall .Area_danji .danji_box .box_1 {width:100%;padding:0;margin:0 auto;}
.Area_danjiall .Area_danji .warningTxt {padding-bottom:0;}
.Area_danjiall .Area_danji .warningTxt h3 {color:#ffffff;}
	
	
	
	
}



/* 熱搜話題*/
@media screen and (min-width:768px){

	.Area_coupon {height:100%;/* display: flex; *//* flex-wrap: wrap; */}
	.Area_coupon .bg_01{z-index: -17;position:absolute;top: 160px;left: -390px;width: 2000px;height: 146px;background-repeat:no-repeat;background-position: center top;pointer-events:none;}
	.Area_coupon .bg_02{z-index: -49;position:absolute;top: 280px;left: -390px;width: 2000px;height: 100%;background-repeat:repeat-y;background-position: center top;pointer-events:none;}
	.Area_coupon .bg_03{z-index:-45;position:absolute;bottom: -134px;left: -390px;width: 2000px;height: 111px;background-repeat:no-repeat;background-position: center bottom;pointer-events:none;}
	.Area_coupon .bg_04{z-index: -9;position:absolute;top: 653px;left: -390px;width: 2000px;height: 100%;background-repeat:repeat-y;background-position: center bottom;pointer-events:none;}

	
/**區標**/	
.Area_coupon .text {/* position:relative; */}
.Area_coupon .text .layout_text {width: 81%;margin: auto;padding: 70px 0 0;}
.Area_coupon .text .layout_text ul {margin:0;padding:0;}
.Area_coupon .text .layout_text .PD_slide:hover{transform:none;}
.Area_coupon .text .layout_text .PD a {pointer-events: none!important}
.Area_coupon .PD_layout{margin-bottom: 94px;}
.PD_layout.PD_layout-coupon3 .PD .divine_coupon1{top: 42%  !important;color: #1c2144  !important;}
.PD_layout.PD_layout-coupon3 .PD .threshold{color: #1c2144 !important;}
.PD_layout.PD_layout-coupon3 .PD h3, .PD_layout.PD_layout-coupon3 .PD h4{color: #1c2144  !important;}
}
@media screen and (max-width:767px){

	.Area_coupon  {}
	.Area_coupon .hatsale_bottom{z-index: -1;position:absolute;bottom: -17vw;left: 0;width: 100%;height: 103px;background-repeat:no-repeat;background-position: center bottom;pointer-events:none;background-size: 100%;}

	.Area_coupon .box {position: relative;background-color: #fbc764;height: 100%;background-size: 100%;}
	.Area_coupon .box .PD_layout ul{width: 96%;margin-top: -2vw;margin-bottom: 0vw;}
/**區標**/	
.Area_coupon .text {position:relative;}
.Area_coupon .text .layout_text {width:100%;margin:0;padding:1vw 0;}
.Area_coupon .text .layout_text ul {margin:0;padding:0;}
.Area_coupon .text .layout_text .PD_slide:hover{transform:none;}
.Area_coupon .text .layout_text .PD a {pointer-events: none!important}
	

	.Area_coupon .layout_coupon{}
	.Area_coupon .text .PD_layout ul {padding: 0;}
	.Area_coupon .text .PD_layout ul li .PD_img{width: 100%;padding-top: 3vw;padding-bottom: 1vw;}

	.Area_coupon .PD_layout ul{width: 95%  !important;margin: auto!important;}
  .Area_coupon .PD_layout{margin-bottom: 4vw;}

  .PD_layout.PD_layout-coupon3 .PD .divine_coupon1{top: 42%  !important;color: #1c2144  !important;}
  .PD_layout.PD_layout-coupon3 .PD .threshold{color: #1c2144 !important;}
  .PD_layout.PD_layout-coupon3 .PD h3, .PD_layout.PD_layout-coupon3 .PD h4{color: #1c2144  !important;}
}







/*強檔必買*/
@media screen and (min-width:768px){
.Area_category  {height:100%;margin-top: 42px !important;}
/*.Area_category .bg { z-index:-52; position:absolute;top:0;left:-390px; width:2000px; height:100%;padding-bottom:50px; background-repeat:repeat-y; background-position: center top; pointer-events:none;}	*/
.Areacategory_top {z-index:-1;position:absolute;top: -10px;left:-390px;width:2000px;height: 100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;}	
.Areacategory_repeat {z-index:-1;position:absolute;top:82px;left:-390px;width:2000px;height:100%;background-repeat: repeat-y;pointer-events:none;background-position: center top;pointer-events:none;/*background-color: #ee8b54;transform: translateX(-50%);*/}	
.Areacategory_end {z-index:-1;position:absolute;top:104px;left:-390px;width:2000px;height: 100%;background-repeat:no-repeat;background-position: center bottom;pointer-events:none;}
	
.Area_category .text{margin-bottom: 11px;padding-top: 65px;}

/**02限搶區::潮鞋標題**/	
.Area_category .category01  {position:relative}
.Area_category .category01 .text {width:90%;margin:0 auto;padding:10px 0;}
.Area_category .category01 .text .layout_text ul {margin:0;padding:0;}
.Area_category .category01 .text .layout_text .PD_slide:hover{transform:none;}
.Area_category .category01 .text .layout_text .PD a {pointer-events: none!important}
	
/**02限搶區::潮鞋標題**/	
.Area_category .category02  {position:relative}
.Area_category .category02 .text {width:90%;margin:0 auto;padding:10px 0;}
.Area_category .category02 .text .layout_text ul {margin:0;padding:0;}
.Area_category .category02 .text .layout_text .PD_slide:hover{transform:none;}
.Area_category .category02 .text .layout_text .PD a {pointer-events: none!important}
	
/**03限搶區::服飾標題**/	
.Area_category .category03  {position:relative}
.Area_category .category03 .text {width:90%;margin:0 auto;padding:10px 0;}
.Area_category .category03 .text .layout_text ul {margin:0;padding:0;}
.Area_category .category03 .text .layout_text .PD_slide:hover{transform:none;}
.Area_category .category03 .text .layout_text .PD a {pointer-events: none!important}
		
/**公版**/	
.Area_category .layout_PD {width:95%;padding:0;margin:0 auto;margin-bottom: 50px;}
.Area_category .layout_PD ul {}
.Area_category .layout_PD ul li {}
.Area_category .layout_PD ul li:hover {box-shadow: none; }			
}
@media screen and (max-width:767px){
.Area_category  {height:100%;background:url(mo_category_bg.png?t=1779341404048)top center no-repeat;background-size:100%;}
.Area_category .box {height: 295vw;background:url(mo_category_reptybg.png?t=1779341404048)top center repeat-y;background-size:100%;}	
.Area_category .text{padding: 6vw 0 0vw 0;}
/**01限搶區::限搶標題**/	
.Area_category .category01  {position:relative}
.Area_category .category01 .text {position:relative;}
.Area_category .category01 .text .layout_text {width:100%;margin:0;padding: 0vw 0 2vw 0;}
.Area_category .category01 .text .layout_text ul {margin:0;padding:0;}
.Area_category .category01 .text .layout_text .PD_slide:hover{transform:none;}
.Area_category .category01 .text .layout_text .PD a {pointer-events: none!important}
	
/**02限搶區::潮鞋標題**/	
.Area_category .category02  {position:relative}
.Area_category .category02 .text {position:relative;/*background:url(mo_limited_bg.jpg?t=1779341404048)top center repeat-y;background-size:100%;*/}
.Area_category .category02 .text .layout_text {width:100%;margin:0;padding:4vw 0 2vw 0;}
.Area_category .category02 .text .layout_text ul {margin:0;padding:0;}
.Area_category .category02 .text .layout_text .PD_slide:hover{transform:none;}
.Area_category .category02 .text .layout_text .PD a {pointer-events: none!important}
	
/**03限搶區::服飾標題**/	
.Area_category .category03  {position:relative}
.Area_category .category03 .text {position:relative;/*background:url(mo_limited_bg.jpg?t=1779341404048)top center repeat-y;background-size:100%;*/}
.Area_category .category03 .text .layout_text {width:100%;margin:0;padding:4vw 0 2vw 0;}
.Area_category .category03 .text .layout_text ul {margin:0;padding:0;}
.Area_category .category03 .text .layout_text .PD_slide:hover{transform:none;}
.Area_category .category03 .text .layout_text .PD a {pointer-events: none!important}
		
/**公版**/	
.Area_category .layout_PD {/*background:url(mo_limited_bg.jpg?t=1779341404048)top center repeat-y;background-size:100%;*/}
.Area_category .layout_PD ul {width:95%;padding:0;margin:0 auto;}
.Area_category .layout_PD ul li {}
.Area_category .layout_PD ul li:hover {box-shadow: none; }			
	
/**下方分隔**/	
.Area_category .bottom {background:url(category_bottom.png?t=1779341404048)top center no-repeat;background-size:100%;padding-bottom: 38vw;}	
	
	
	
	
	
	
}







/*獨家優惠*/
@media screen and (min-width:768px){
  .Area_category02  {height:100%;}
  /*.Area_category02 .bg { z-index:-52; position:absolute;top:0;left:-390px; width:2000px; height:100%;padding-bottom:50px; background-repeat:repeat-y; background-position: center top; pointer-events:none;}	*/
  .Areacategory_top {z-index:-1;position:absolute;top: -10px;left:-390px;width:2000px;height: 100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;}	
  .Areacategory_repeat {z-index:-1;position:absolute;top:82px;left:-390px;width:2000px;height:100%;background-repeat: repeat-y;pointer-events:none;background-position: center top;pointer-events:none;/*background-color: #ee8b54;transform: translateX(-50%);*/}	
  .Areacategory_end {z-index:-1;position:absolute;top:104px;left:-390px;width:2000px;height: 100%;background-repeat:no-repeat;background-position: center bottom;pointer-events:none;}
    
  .Area_category02 .text{margin-bottom: 3px;padding-top: 15px;}
  
  /**02限搶區::潮鞋標題**/	
  .Area_category02 .category01  {position:relative}
  .Area_category02 .category01 .text {width:90%;margin:0 auto;padding:10px 0;}
  .Area_category02 .category01 .text .layout_text ul {margin:0;padding:0;}
  .Area_category02 .category01 .text .layout_text .PD_slide:hover{transform:none;}
  .Area_category02 .category01 .text .layout_text .PD a {pointer-events: none!important}
    
  /**02限搶區::潮鞋標題**/	
  .Area_category02 .category02  {position:relative}
  .Area_category02 .category02 .text {width:90%;margin:0 auto;padding:10px 0;}
  .Area_category02 .category02 .text .layout_text ul {margin:0;padding:0;}
  .Area_category02 .category02 .text .layout_text .PD_slide:hover{transform:none;}
  .Area_category02 .category02 .text .layout_text .PD a {pointer-events: none!important}
    
  /**03限搶區::服飾標題**/	
  .Area_category02 .category03  {position:relative}
  .Area_category02 .category03 .text {width:90%;margin:0 auto;padding:10px 0;}
  .Area_category02 .category03 .text .layout_text ul {margin:0;padding:0;}
  .Area_category02 .category03 .text .layout_text .PD_slide:hover{transform:none;}
  .Area_category02 .category03 .text .layout_text .PD a {pointer-events: none!important}
      
  /**公版**/	
  .Area_category02 .layout_PD {width:95%;padding:0;margin:0 auto;margin-bottom: 50px;}
  .Area_category02 .layout_PD ul {}
  .Area_category02 .layout_PD ul li {}
  .Area_category02 .layout_PD ul li:hover {box-shadow: none; }			
  }
  @media screen and (max-width:767px){
  .Area_category02  {height:100%;background:url(mo_category_bg.png?t=1779341404048)top center no-repeat;background-size:100%;}
  .Area_category02 .box {height: 223vw;background:url(mo_category_reptybg.png?t=1779341404048)top center repeat-y;background-size:100%;}	
  .Area_category02 .text{padding: 2vw 0 2vw 0;}
  /**01限搶區::限搶標題**/	
  .Area_category02 .category01  {position:relative}
  .Area_category02 .category01 .text {position:relative;}
  .Area_category02 .category01 .text .layout_text {width:100%;margin:0;padding: 0vw 0 2vw 0;}
  .Area_category02 .category01 .text .layout_text ul {margin:0;padding:0;}
  .Area_category02 .category01 .text .layout_text .PD_slide:hover{transform:none;}
  .Area_category02 .category01 .text .layout_text .PD a {pointer-events: none!important}
    
  /**02限搶區::潮鞋標題**/	
  .Area_category02 .category02  {position:relative}
  .Area_category02 .category02 .text {position:relative;/*background:url(mo_limited_bg.jpg?t=1779341404048)top center repeat-y;background-size:100%;*/}
  .Area_category02 .category02 .text .layout_text {width:100%;margin:0;padding:4vw 0 2vw 0;}
  .Area_category02 .category02 .text .layout_text ul {margin:0;padding:0;}
  .Area_category02 .category02 .text .layout_text .PD_slide:hover{transform:none;}
  .Area_category02 .category02 .text .layout_text .PD a {pointer-events: none!important}
    
  /**03限搶區::服飾標題**/	
  .Area_category02 .category03  {position:relative}
  .Area_category02 .category03 .text {position:relative;/*background:url(mo_limited_bg.jpg?t=1779341404048)top center repeat-y;background-size:100%;*/}
  .Area_category02 .category03 .text .layout_text {width:100%;margin:0;padding:4vw 0 2vw 0;}
  .Area_category02 .category03 .text .layout_text ul {margin:0;padding:0;}
  .Area_category02 .category03 .text .layout_text .PD_slide:hover{transform:none;}
  .Area_category02 .category03 .text .layout_text .PD a {pointer-events: none!important}
      
  /**公版**/	
  .Area_category02 .layout_PD {/*background:url(mo_limited_bg.jpg?t=1779341404048)top center repeat-y;background-size:100%;*/}
  .Area_category02 .layout_PD ul {width:95%;padding:0;margin:0 auto;}
  .Area_category02 .layout_PD ul li {}
  .Area_category02 .layout_PD ul li:hover {box-shadow: none; }			
    
  /**下方分隔**/	
  .Area_category02 .bottom {background:url(category_bottom.png?t=1779341404048)top center no-repeat;background-size:100%;padding-bottom: 38vw;}	
    
    
    
    
    
    
  }
  








/*風格錨點區*/
@media screen and (min-width:768px){
  .Area_style  {height:100%;}
  
    
  /**區標**/	
  .Area_style .text {position:relative;margin-bottom: -112px;}
  .Area_style .text .layout_text {width:90%;margin:0 auto;padding: 90px 0 50px 0;}
  .Area_style .text .layout_text ul {margin:0;padding:0;}
  .Area_style .text .layout_text .PD_slide:hover{transform:none;}
  .Area_style .text .layout_text .PD a {pointer-events: none!important}
    
    
  .Area_style .box {position: relative;padding: 35px 0 26px 0;}	
  /**小小標**/	
  .Area_style .box .layout_tt {width: 91%;margin: 0 auto 25px;}
  .Area_style .box .layout_tt ul {}
  .Area_style .box .layout_tt ul li {}
  .Area_style .box .layout_tt ul li:hover {box-shadow: none; }
      
  /**公版**/	
  .Area_style .box .layout_PD {width:90%;padding:0;margin: 0 auto 60px;}
  .Area_style .box .layout_PD ul {}
  .Area_style .box .layout_PD ul li {}
  .Area_style .box .layout_PD ul li:hover {box-shadow: none; }
    
  }
  @media screen and (max-width:767px){
  /**區標**/	
  .Area_style .text {position:relative;margin-bottom: -2vw;}
  .Area_style .text .layout_text {width:100%;margin:0;padding:6vw 0 0 0;}
  .Area_style .text .layout_text ul {margin:0;padding:0;}
  .Area_style .text .layout_text .PD_slide:hover{transform:none;}
  .Area_style .text .layout_text .PD a {pointer-events: none!important}
    
  /**錨點**/	
  .Area_style .Areastyle_tabbar {margin-bottom:6vw}	
    
  .Area_style .box {position: relative}	
  /**小小標**/	
  .Area_style .box .layout_tt {/*background:url(mo_styleul_bg.jpg?t=1779341404048)top center repeat-y;background-size:100%;*/}
  .Area_style .box .layout_tt ul {margin-top: 0vw;}
  .Area_style .box .layout_tt ul li {}
  .Area_style .box .layout_tt ul li:hover {box-shadow: none; }
    
    
  /**公版**/	
  .Area_style .box .layout_PD {/*background:url(mo_styleul_bg.jpg?t=1779341404048)top center repeat-y;background-size:100%;*/padding-bottom:5vw;padding: 3% 0 6% 0;}
  .Area_style .box .layout_PD ul {width:96%!important;padding:0;margin:0 auto;}
  .Area_style .box .layout_PD ul li {}
  .Area_style .box .layout_PD ul li:hover {box-shadow: none; }
  }
  






/*館*/
@media screen and (min-width:768px){
	.Area_guan {height:100%;}


	/**區標**/	
	.Area_guan .text{width: 65%;margin: 68px auto 45px;}
	.Area_guan .text .layout_text {width: 100%;margin:0 auto;padding-top: 0px;}

	.Area_guan .text .layout_text .PD_slide:hover{transform:none;}
	.Area_guan .text .layout_text .PD a {pointer-events: none!important}
	
	/*按鈕*/		
	.Area_guan .layout_btn {width: 82%!important;margin: 142px auto 44px auto;}
	.Area_guan .layout_btn ul {}
	.Area_guan .layout_btn ul li{}
	.Area_guan .layout_btn02 {width: 52%!important;margin: -178px auto 13px auto;}
	.Area_guan .layout_btn03 {width: 80%!important;margin: -173px auto 0px auto;}


	.Area_guan .layout_btn04 {width: 52%!important;margin: -160px auto 21px auto;}

	.Area_guan .PD_layout ul {}
	.Area_guan .PD_layout ul li {
    padding: 11px;
}

}
@media screen and (max-width:767px){
	.Area_guan {height:100%;}



	.Area_guan .PD_layout {}
	.Area_guan .layout_coupon ul {width: 95% !important;margin: 0 auto !important;}
	

	/*按鈕*/		
	.Area_guan .layout_btn {width: 100%!important;margin: 8vw auto;}
	.Area_guan .layout_btn ul {width: 100% !important;margin: auto !important;}
	.Area_guan .layout_btn ul li{padding: 0vw;}


	/*按鈕*/		
	.Area_guan .layout_btn02 {width: 67%!important;margin: -14vw 0 0 16.5vw;padding-bottom: 0vw;}
	.Area_guan .layout_btn02 ul {width: 87% !important;margin: auto !important;}

	.Area_guan .layout_btn02 ul li{padding: 1vw;}
	/*按鈕*/		

	.Area_guan .layout_btn03 {width: 100%!important;margin: -14vw auto 0;padding-bottom: 0vw;}
	.Area_guan .layout_btn03 ul {width: 87% !important;margin: auto !important;}
	.Area_guan .layout_btn03 ul li{padding: 1vw;}
	/*按鈕*/		
	.Area_guan .layout_btn04 {width: 66%!important;margin: -14vw auto 0;padding-bottom: 0vw;}
	.Area_guan .layout_btn04 ul {width: 87% !important;margin: auto !important;}
	.Area_guan .layout_btn04 ul li{padding: 1vw;}

	

	/**區標**/	
	.Area_guan .text {position:relative;width: 100%;margin:0 auto 4vw;}
	.Area_guan .text .layout_text {padding-top: 4vw;}
	.Area_guan .text .layout_text .PD a {pointer-events: none!important}
	
	
}




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


	









/*置底*/
.fixbn a {padding-bottom:constant(safe-area-inset-bottom); /* 兼容 iOS < 11.2 */
				    padding-bottom:env(safe-area-inset-bottom);}   /* 兼容 iOS >= 11.2 */ 
.fixbn{position:fixed; background-size:100%;bottom:0; display:block; z-index:10;}
.fixbn ul li{float:left;padding:0;list-style-type:none;width:50vw;}
.fixbn ul li img{width:100%;margin:0 auto;}

.fixbn ul{
    margin-top: 0px;
    margin-bottom: 0px;
    padding-left: 0px;
}
/*2顆按鈕*/
.fixbn .class_00 {position:absolute;width:100%; height: 100%; }
.fixbn .class_00 a {display:block;width:100%;height:100%;}
.fixbn .class_01 { top:0%;left:0%;}
.fixbn .class_02 { top:0%;left:34%;}
.fixbn .class_03 { top:0%;left:67%;}







/*區塊_all*/
.Area1220 { margin:0 auto; width:1220px;}
.Area960 { margin:0 auto; width:960px;}
.Area { position: relative; margin:0 auto; padding:0; 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);}
		  
		  
.WRAPPER .go_bt1 {
  -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_bt1:hover { 
  -webkit-transform:translateY(-10px);
     -moz-transform:translateY(-10px);
      -ms-transform:translateY(-10px);
       -o-transform:translateY(-10px);
          transform:translateY(-10px);}
		  

		  
	@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_top {}
.Area_top .momologo {z-index:10;position:absolute;}
	@media screen and (max-width:767px){
		.Area_top { height: auto;}
		.Area_top .momologo { display:none;}
	}


/*LOGO*/
.momologo { z-index:2; position: absolute; top: 15px; left:15px;}
.momologo a { display:block; width:140px; height:21px;}
.momologo a svg { width:140px; height:21px; }
.momologo a path { fill:#EA27C2; }
.momologo-pink   a path {fill: #EA27C2;}/*LOGO 桃紅色*/
.momologo-white a path { fill:#ffffff; }/*LOGO 白色*/
	@media screen and (max-width:767px){
		.momologo { display:none;}
	} 
	

/*隱鑶*/
.for_pc {}
.for_phone { display:none !important;}
	@media screen and (max-width:767px){
		.for_pc { display:none !important;}
		.for_phone { display: inherit !important;}
	}
		/*分享浮層*/
.floatBox { position:relative; margin:2% auto; padding: 2% 0; width: 700px; height:auto; background-color:rgba(0,0,0,0.8); text-align:center;  border-radius:20px;}
.floatBox img { width:100%; height:auto;}
.floatBox .go_bt {
  -webkit-transition: all 0.2s ease;
     -moz-transition: all 0.2s ease;
      -ms-transition: all 0.2s ease;
       -o-transition: all 0.2s ease;
          transition: all 0.2s ease;}
.floatBox .go_bt:hover { filter: brightness(120%);
  -webkit-transform:translateY(-6px);
     -moz-transform:translateY(-6px);
      -ms-transform:translateY(-6px);
       -o-transform:translateY(-6px);
          transform:translateY(-6px);}
.floatBox .closeButton a { display:block; cursor:pointer; position:absolute; top:-20px; right:-20px; width:40px; height:40px; border-radius:50%; border:solid 2px #999999; font:bold 40px/1em "Century Gothic"; color:#FFF; text-align:center; background-color:rgba(0%,0%,0%,0.5);text-decoration: none; z-index:2}
.floatBox .closeButton:hover {background-color:#666; text-decoration:none;}
.floatBox .title  { display:inline-block; margin:0 0 10px 0; border-bottom:1px solid #ffd800; font:bold 45px/1.5em "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;letter-spacing: -0.05em;  color:#ffd800; text-align:center}
.floatBox .box_ { margin:0 auto; width:90%;}
.floatBox .box_:after { content: ""; display:block; clear:both;}
.floatBox .box_btn { margin:20px auto 0; width: 80%;}
.floatBox .box_btn a { display:block; margin:3% 0;}
.floatBox .box_btn img { width:100%;}
.floatBox .box_btn .btn { margin:0 auto; width:60%;}
.floatBox .box_btn2 a { float:left; margin:0 1%; width:48%;}
	@media screen and (max-width:767px){
		.floatBox { padding:5% 0; width:90%; height: auto;}
		.floatBox .closeButton a {display:block; position:absolute; top:-15px; right:-15px; width:30px; height:30px; border-radius:50%; border:solid 2px #999999; font:bold 30px/1em "Century Gothic"; color:#FFF; text-align:center; background-color:rgba(0%,0%,0%,0.5);text-decoration: none; z-index:2}
		.floatBox .closeButton:hover {background-color:#666; text-decoration:none}
		.floatBox .title  { margin:0 5% 3vw; font-size: 6vw; line-height:2rem;}
		.floatBox .box_btn { margin:2% auto 0;}
		.floatBox .box_btn .btn { margin:0 auto; width:80%;}
	}