/* 各頁面CSS */


/*切換PC置頂選單*/
.cantantBase1{ display: block; }
.cantantBase2{ display: none; }


  /*登記贈品文案顏色*/
  .Area_danji .danji_box ul li .activityText .gifts span { color: #24afb2;}
  /*注意事項*/
  .edm_notice{z-index: 5;position: relative;}

/*momo幣這裡用*/
@media screen and (min-width: 768px) {
	.Area_grabmoney_coupon .PD_layout ul { padding: 0 25px; grid-gap: 15px;}
	.Area_grabmoney_coupon .PD_layout img {	border-radius: 10px;}
}
@media screen and (max-width: 767px) {
	.Area_grabmoney_coupon .PD_layout ul { grid-gap: 1.8vw;}
	.Area_grabmoney_coupon .PD_layout img { border-radius: .5em;}
}


/*回饋公式*/
.Area_pageB.Area00 .PD_layout  { position: relative; display: flex; justify-content: center; font-family: "Century Gothic", "微軟正黑體";}
.Area_pageB.Area00 .PD_layout .PD h3  { display: block;}
.Area_pageB.Area00 .PD_layout .PD_img { width: 100%;}
.Area_pageB.Area00 .PD_layout .PD_slide:hover  { box-shadow: 0 0 0 rgba(0,0,0,0)!important;}
.Area_pageB.Area00 .PD_layout .PD h4 span { color: #47a83f;}
.Area_pageB.Area00 .PD_layout li .PD_into h3 {color: #000;} 
.Area_pageB.Area00 .PD_layout li .PD_into h4 {color: #088586;} 
.Area_pageB.Area00 .PD_layout li .PD_into h4 span {color: #fff;background-color: #088586;border-radius: 5vw;} 
body.public_A .PD_layout[data-pd-btn*=box-2] .PD_btn {background-color: #088586;}
.Area_pageB.Area00 .PD_layout[data-pd-h3="1"] .PD h3, .PD_layout[data-pd-h3="2"] .PD h3, .PD_layout[data-pd-h3="3"] .PD h3, .PD_layout[data-pd-h3="4"] .PD h3, .PD_layout[data-pd-h3="6"] .PD h3 {	color: #000;	background-color: #ffe538;
}
@media screen and (min-width: 768px){      
	.Area_pageB.Area00 { position: relative; width: 100%;}
	.Area_pageB.Area00 .PD_layout{width: 80%;margin: 0 auto;height: 180px;background: #ffda46;border-radius: 1em;}	 
	.Area_pageB.Area00 .PD_layout ul { width:100%;margin: 0 auto; grid-gap: 20px; background-color: transparent;}	  
	.Area_pageB.Area00 .PD_layout[data-pd-col-pc="3"] ul { grid-template-columns: repeat(4, minmax(0, auto));}	
	.Area_pageB.Area00 .PD_layout li { z-index: 5; border-right: none;}	  
	.Area_pageB.Area00 .PD_layout:not([data-pd-btn]) .PD_into { padding:0em 1em 0em 1em;}
	.Area_pageB.Area00 .PD_layout .PD h3 { margin: 0 auto;color: #fff;font-size: 1.5em;line-height:1.1em;width: 5em;height: 2.5em;overflow: visible;align-items: center !important;   /* 垂直置中 */}
	.Area_event1 .Area_pageB.Area00 .PD_layout .PD h3 { width: 4.6em;}
	.Area_pageB.Area00 .PD_layout .PD h4 {margin: 0 auto;color: #ffe538;font-size: 2em;height:auto;font-weight: 600;line-height: 35px;}
	.Area_pageB.Area00 .PD_layout .PD h4 b{width: 100%;display:flow-root;height: 1em;font-size: 2em;line-height: 1em;}
	.Area_pageB.Area00 .PD_layout .PD h4 span{margin-top: 10px; font-size: 22px; width: 123px;}
	.Area_pageB.Area00 .PD_layout .PD h4 small{ font-size: 0.7em;}
	.Area_pageB.Area00 .PD_layout .PD h3 span small{ font-size: 50px;}
	.Area_pageB.Area00 .PD_layout .PD_slide  {/* background-color: #ff9090;	 height:166px; border-radius:14px; z-index: -1; */ background:none;}	  
	.Area_pageB.Area00 .PD_layout ul>li:not(:nth-child(1)) .PD_into::before{content:"+";position:absolute;left:-20px;top:55px;font-size:38px;color: #000;font-weight: 600;}
	.Area_pageB.Area00 .PD_layout li:nth-last-child(1) .PD_into::before{content:"="!important;top:50px!important;}	
	.Area_pageB.Area00 .PD_layout .PD .PD_go, .Area_pageB.Area00 .PD_layout .more { position: absolute; height: 150px; width: 390px; bottom: 0; right: 0; z-index: 5;} 	
	.Area_pageB.Area00 .PD_layout .PD .PD_go, .Area_pageB.Area00 .PD_layout .more {display: block; }
	.Area_pageB.Area00 .PD_layout .PD .PD_go, .Area_pageB.Area00 .PD_layout .more a{display: block!important;height: 200px}  
}

@media screen and (max-width:767px){   
	.PD_layout_Brand .PD .PD_logo { flex-basis: 60%;}
	.PD_layout_Brand .PD .PD_into {flex-basis:80%;}
	.Area_pageB.Area00 { width: 98%; height: 27vw;margin: 0 auto;}
	.Area_pageB.Area00 .PD_layout ul { width:100%; margin: 0 auto; grid-template-columns: repeat(4, minmax(0, auto)); grid-gap: .5em;}	  
	
	.Area_pageB.Area00 .PD_layout[data-pd-col-pc="4"] ul { grid-template-columns: repeat(4, minmax(0, auto)); grid-gap: .3em;}	  

	.Area_pageB.Area00 .box .lbtclass { width: 100%!important;}
	.Area_pageB.Area00 .PD_layout {position: relative;background: #ffda46;border-radius: 0.5em;height: 26vw;z-index: 5;}	  
	.Area_pageB.Area00 .PD_layout  ul { justify-content: center; margin-top: 0; padding: 1vw 0; background-color: transparent;}	
	.Area_pageB.Area00 .PD_layout li { border-right: none; padding: 0 1vw; border-top: none;}	  
	.Area_pageB.Area00 .PD_layout .PD_img { width: 100%;}	  
	.Area_pageB.Area00 .PD_layout .PD_into { padding: .1em; box-sizing: border-box;}	
	.Area_pageB.Area00 .PD_layout .PD h3 {font-size:3.8vw;line-height: 5vw; height: 9vw; max-height: 2.9em;} 	  
	.Area_pageB.Area00 .PD_layout .PD h4 {font-size: 3.8vw;line-height: 1.1vw;font-weight: 600;width: 100%;}	   
	.Area_pageB.Area00 .PD_layout .PD h3 span {overflow: initial;width: 100%;}
	.Area_event1 .Area_pageB.Area00 .PD_layout .PD h3 span { width: 4.8em; margin: 0 auto;}
	.Area_pageB.Area00 .PD_layout .PD h4 span { font-size: 0.9em; height: 6vw; line-height: 6vw; width: 19vw; margin-top: 1vw;}	
	.Area_pageB.Area00 .PD_layout .PD h4 b {width: auto;display:flow-root;font-size:2em;height: 1.0em;line-height: 1em;}
	.Area_pageB.Area00 .PD_layout .PD h3 span small { font-size: 5vw;}

	.Area_pageB.Area00 .PD_layout li:last-of-type .PD_into>h4 span {color: #fff;} 	  
	.Area_pageB.Area00 .PD_layout .PD h4 span::after { content:""; /*background-color: #b50058;*/ border-radius: 8vw; height: 5vw; line-height: 5vw; width: 100%; position: absolute; left: 0; z-index: -1;}	

	.Area_pageB.Area00 .PD_layout .PD_slide { width: fit-content; /*background-color: #ff9090;height: 20vw; border-radius: 2vw;*/ background: none;}
	.Area_pageB.Area00 .PD_layout ul>li:not(:nth-child(1)) .PD_into::before {content:"+";position:absolute;left: -2vw;top: 10vw;font-size:5vw;color: #000;font-weight: 600;}
	.Area_pageB.Area00 .PD_layout li:nth-last-child(1) .PD_into::before { content:"="!important;}	

	.Area_pageB.Area00 .PD_layout .PD .PD_go, .Area_pageB.Area00 .PD_layout .more { position: absolute; height:15vw; width:40vw; bottom:0; right: 0; z-index: 5; display: block;} 	
	.Area_pageB.Area00 .PD_layout .PD .PD_go, .Area_pageB.Area00 .PD_layout .more a{ display: block!important; height: 20vw;}	
}




.Area_PD .message-7 {color: #000 !important;background-color: #ffe538;padding:0px 0 ;font-size:21px ;width:30% ;text-align: center;
	justify-content: center!important;  /* 水平置中 */align-items: center !important;      /* 垂直置中 */margin: 0 auto 20px;height: 35px; }	
	@media screen and (max-width:767px){
	  .Area_PD .message-7 {color: #000 !important;background-color: #ffe538;padding:0px 0 ;font-size:3.5vw ;width:50% ;text-align: center;
		justify-content: center!important;  /* 水平置中 */align-items: center !important;      /* 垂直置中 */margin: 0 auto 2vw;height: 5vw; }

	}

/*猜你喜歡按鈕*/
@media screen and (max-width:767px){ 
.PD_layout-btn ul {
    background-color: transparent;
}
}

.PD_layout.PD_layout-D1_06 .PD h4 b, .PD_layout.PD_layout-D1_06 .PD_into h4 span { display: inline;}