/* 各頁面CSS */


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




/*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;}
}

/*表格td行距寬 class="col-width"*/
.col-width {width: 227px;}
@media screen and (max-width: 767px) {
	.col-width {width:41px;}
}


@media screen and (min-width: 768px) {
	.Area_top{padding-bottom: 82px;}
	}
	@media screen and (max-width: 767px) {
	.Area_top{padding-bottom: 0;}
	}





  /*每日攻略表格調整*/ 

	.Area_K3 .content_swiper{overflow: hidden;}
	.Area_K3 .PD_layout li {border: none; }
	.Area_K3 .message-table{width: 1162px;  --th-color: #ffffff;--th-bg: #c573d2;--td-color: #555960;--td-bg: #ffffff;--border-color:rgba(64,64,70,.3); /*width:min(96%,800px); */margin-inline:auto}
	.Area_K3 .message-table table{ width:100%;overflow:hidden; font-size:2rem; border-spacing:0;font-weight:bolder;border-radius:10px}
	.Area_K3 .message-table table th,.message-table table td{padding-block:0.5rem;border-color:var(--border-color);border-width:0 .5px .5px 0;border-style: groove;}
	.Area_K3 .message-table table th{background-color: #000;color:#FFF ;}
	.Area_K3 .message-table table th:last-child{border-right:0}
	.Area_K3 .message-table table td{/*color:var(--td-color);*/color:#000;background:var(--td-bg);border-color: rgb(0 0 0 / 50%);padding-block:1.3rem;padding: 5px; }
	.Area_K3 .message-table table td:last-child{border-right:0}
	.Area_K3 .message-table table tr:last-child td{border-bottom:0}
	.Area_K3 .message-table table .font-style--number{text-align: center; font-weight:400; font-size: 0.9em; font-family:"Century Gothic","微軟正黑體","Microsoft JhengHei",Arial}
	.Area_K3 .message-table table .table-amount{font-size:1.5em}
	.Area_K3 .focusTxt{color: #ec2aae;font-weight: 400;}
	.Area_K3 .message-table table td.sub{text-align:center; font-weight:400; }
	 
	.Area_K3 .message-table table td{text-align: left;font-weight: 400;}
	.Area_K3 .message-table table tr td:nth-last-child(1){text-align: center;padding-left: 0;font-weight: 400;}
	
	
	@media screen and (max-width: 767px){
		.Area_K3 .message-table{width:97%;}
		.Area_K3 .message-table table{width:100%;overflow:hidden;font-size: 0.9rem;}
		.Area_K3 .message-table table th{padding-block: 0.5rem;background-size: 3vw 3vw;}
		.Area_K3 .message-table table td{ line-height: 1.8em; padding-block: .2rem; padding: 0.1rem  0.4rem  0.1rem  0.4rem ; font-weight: 400; }
		.Area_K3 .SmallTxt{color: #555960;font-size: .8rem;}
		
	}
	
	
	.Area_K3 .PD_layout ul {padding: 0;}

		/* 讓右邊按鈕格子固定寬度，不被壓縮 */
		.Area_K3 td:last-child {
			width: 150px !important;      /* 按鈕所需最小寬度 */
			min-width: 150px !important;
		}
	  
	.Area_K3 .PD_layout .PD h3 {
		display: inline-flex;
		align-items: center;
		justify-content: center;
	
		padding: 15px 10px;         /* 改用 padding 控制大小 */
		white-space: nowrap !important;       /* 防止斷行 */
		
		background-color: #ec2aae;
		color: #fff;
		border-radius: 50px;
		font-size: 1.5em;
	
		width: auto;               /* ✅ 自動依文字大小 */
		min-width: auto;           /* ✅ 取消不可用的 vw */
		overflow: visible;         /* ✅ 不再裁切內容 */
	}
	
	.Area_K3 .PD_layout .PD h3 span {white-space: nowrap !important;  }
/* 手機 RWD 修正：按鈕不被裁切 */

@media (max-width: 768px) {

	/* 讓右邊按鈕格子固定寬度，不被壓縮 */
	.Area_K3 td:last-child {
		width:5em !important;      /* 按鈕所需最小寬度 */
		min-width:5em !important;
		white-space: nowrap !important;
	}
  

  
	/* 按鈕本體：絕不換行 + 寬度自動 */
	.Area_K3 .PD_layout .PD h3 {
		width: auto !important;
		min-width: fit-content !important;
		max-width: none !important;
  
		white-space: nowrap !important;           /* ✅ 不換行 */
		overflow: visible !important;  /* ✅ 不裁切 */
  
		display: inline-flex;
		justify-content: center;
		align-items: center;
  
		padding: 8px 20px;
		font-size: 1rem;
		border-radius: 50px;
		background-color: #ec2aae;
		color: #fff;
	}
  
	/* 保持按鈕靠右、垂直置中 */
	.PD_layout {
		display: flex !important;
		justify-content: flex-end;
		align-items: center;
	}
  }
  




	/*剁手強牌區*/
.Area_GameStyle { color: #000;} 

	/*修正按鈕底色*/
.Area_GameStyle.PD_layout[data-pd-btn*=box-1] .PD_btn, .PD_layout[data-pd-btn*=box-2] .PD_btn {
    background-color:transparent !important}

@media screen and (min-width:768px){
	.Area_PDrush .Area_boxstyle_title {/* inset-block-start: 60px; */}
}
@media screen and (max-width:767px){
	.Area_PDrush {}
	.Area_PDrush .Area_pageB.Area00 { margin: 0 auto;}
}

/* --------------------------------------
 * Page 頁籤
 * -------------------------------------- */
@media screen and (min-width:768px){ 
	.NavArea_tabbar_page { margin: 20px auto 20px ; /*width: 94%;*/ width: 90%; display: block ; text-align: center; transform: scale(1.1);}
	.NavArea_tabbar_page .Nav_Btn i { display: none;}
	.NavArea_tabbar_page .Nav { width: 100%;}
	/*.Nav.menu::-webkit-scrollbar { width: 5px;}*/
}
@media screen and (max-width:767px){
	.NavArea_tabbar_page { margin: 0 auto 5vw ; width: 98%;}
} 
/*頁籤高亮顏色設定 */ 
.NavArea.NavArea_tabbar_page .Nav .cate-hover i {border: none !important;background-color: #000000 !important;}
.NavArea_tabbar_page .Nav_box { border-radius: 8px; }
.NavArea_tabbar_page .Nav li { overflow: visible; }
.tab_content .page { display: none }

/*logo-4品公版 */ 
.Area_PDrush .PD_layout_Brand .PD_slide:hover { box-shadow: none;}
.Area_PDrush .PD_layout_Brand .PD a { justify-content: center; padding-top: .8em; /*gap: 0.2rem;*/}
.Area_PDrush .PD_layout_Brand .PD h3 {background-color: #91140a;}
.Area_PDrush .PD_layout_Brand .PD .PD_logo { flex-basis: 33%;}
.Area_PDrush .PD_layout_Brand .PD .PD_into { flex-basis: 65%;}
.Area_PDrush .PD_layout_Brand .PD_into .PD_into_PDgo {margin: 0 auto;background-color: transparent;}
.Area_PDrush .PD_layout_Brand .PD_into .PD_into_PDgo b::after { content: "看更多";}
	@media screen and (min-width:768px){
		.Area_PDrush .PD_layout_Brand { width: 85.9%; font-size: 1.35em;}
		.Area_PDrush .PD_layout_Brand ul { padding: 10px 15px; grid-gap: 0; border-radius: 15px; background-color: #fff; overflow: hidden;}
		.Area_PDrush .PD_layout_Brand .PD_slide { border-top: solid 1px #d1d1d1;}
		.Area_PDrush .PD_layout_Brand .PD_slide:nth-child(1) { border-top: none;}
		.Area_PDrush .PD_layout_Brand .PD_slide:nth-child(2) { border-top: none;}
		.Area_PDrush .PD_layout_Brand .PD_slide:not(:nth-child(2n)) { border-right: solid 1px #d1d1d1;}      
	}
	@media screen and (max-width:767px){
		.Area_PDrush .PD_layout_Brand { font-size: 1.25em;}
		.Area_PDrush .PD_layout_Brand ul { width: 97.8%; padding: 0 .5em; grid-gap: 0; border-radius: 10px; background-color: #fff; overflow: hidden;}
		.Area_PDrush .PD_layout_Brand .PD_slide:not(:first-child) { border-top: solid 1px #d1d1d1;}
		.Area_PDrush .PD_layout_Brand .PD .PD_logo { flex-basis: 30%;}
		.Area_PDrush .PD_layout_Brand .PD .PD_into { flex-basis: 68%;}
		.Area_PDrush .PD_layout_Brand .PD_into .PD_into_PDgo {transform: scale(.9); margin-bottom: -.15em;}
	}

/*剁手搶主打品算式圖*/ 
/*.Hot_PD { width: 95%; margin: 0 auto; padding-left: 10px;}*/
.Hot_PD { width: 86%; margin: 30px auto 0; padding: 40px; padding-bottom: 30px; background: linear-gradient(135deg, #f5f5f5, #f5f5f5); border-radius: 15px;}
.Hot_PD.PD_layout[data-pd-li*=BN] li:hover { box-shadow: none;transform: translateY(-6px); filter: none;}
.Hot_PD.PD_layout[data-pd-li*=BN] .PD_slide { position: relative;}
.Hot_PD.PD_layout[data-pd-li*=BN] .PD_slide .more { display: block; z-index: 5; position: absolute; width: 260px; height: 100px; bottom: 0; right: 0;}
.Hot_PD.PD_layout[data-pd-li*=BN] .PD_slide .more a { display: block; width: 100%; height: 100%;}
.Area_K1 .PD_layout_Brand .PD .PD_logo {flex-basis: 33%;}
.Area_K1 .PD_layout_Brand  {width: 85%;}

		@media screen and (max-width:767px){
			.Hot_PD { width: min(97.8%,880px); margin-top: 5vw; padding: 3vw; border-radius: 0.5em;}
			.Hot_PD.PD_layout[data-pd-li*=BN] li:hover { transform: none;}
			.Hot_PD.PD_layout[data-pd-li*=BN] .PD_slide .more { width: 39vw; height: 14vw;}
			.Area_K1 .PD_layout_Brand  {width: 97%;}
		
		}



/*好康1-回饋公式*/
.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: #302f2f;}
.Area_pageB.Area00 .PD_layout li .PD_into h3 {color: #000;} 
.Area_pageB.Area00 .PD_layout li .PD_into h4 {color: #000;} 
.Area_pageB.Area00 .PD_layout li .PD_into h4 span {color: #FFF;background-color: #6636d8;border-radius: 5vw;} 
body.public_A .PD_layout[data-pd-btn*=box-2] .PD_btn {background-color: #ffffff;}
.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: #fff;
	background-color: #6636d8;
}
@media screen and (min-width: 768px){      
	.Area_pageB.Area00 { position: relative; width:100%; height: 220px; margin-bottom: 20px;margin-top: 0px; }
	.Area_pageB.Area00 .PD_layout{width: 85.4%;top: 20px;margin: 0 auto;height: 190px;background: linear-gradient(120deg, #ffcb49, #ffa82b);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="4"] 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: #000;font-size: 1.5em;line-height: 1;width: 5em;height: 2em;overflow: visible;}
	.Area_event1 .Area_pageB.Area00 .PD_layout .PD h3 { width: 4.6em;}
	.Area_pageB.Area00 .PD_layout .PD h4 {margin: 0 auto;color: #000;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:50px;font-size:38px;color: #6636d8;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: 33%;}
	.PD_layout_Brand .PD .PD_into {flex-basis: 68%;}
	.Area_pageB.Area00 { width: 97.8%; height: 36vw;}
	.Area_pageB.Area00 .PD_layout ul { width:100%; margin: 0 auto; grid-template-columns: repeat(3, 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: linear-gradient(120deg,#ffcb49, #ffa82b);border-radius: 0.5em;height: 32vw;z-index: 5;}	  
	.Area_pageB.Area00 .PD_layout  ul { justify-content: center; margin-top: 2vw; background-color: transparent;}	
	.Area_pageB.Area00 .PD_layout li { border-right: none; padding: 0 2vw; border-top: none;}	  
	.Area_pageB.Area00 .PD_layout .PD_img { width: 100%;}	  
	.Area_pageB.Area00 .PD_layout .PD_into { padding: 0.1em; box-sizing: border-box;}	
	.Area_pageB.Area00 .PD_layout .PD h3 {font-size: 3.8vw;line-height: 1.2;display: contents;height: 2em !important;} 	  
	.Area_pageB.Area00 .PD_layout .PD h4 {font-size: 4vw;line-height: 3.3vw;font-weight: 600;width: 100%;}	   
	.Area_pageB.Area00 .PD_layout .PD h3 span {overflow: initial;width: 96%;}
	.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: 1.8em;height: 1.2em;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: #6636d8;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;}	
}


    /* --------------------------------------
     * Page 頁籤_202405291900
     * -------------------------------------- */
		 .NavArea_tabbar_page { margin: 0 auto 20px  ;width:96%; }  
		 .NavArea_tabbar_page .Nav { overflow: visible; transform: translate3d(-30.5%, 0, 0);}  
		 .NavArea_tabbar_page .Nav_box { border-radius: 8px; overflow: hidden; padding: 0 2%;}
		 .NavArea_tabbar_page[data-num="2"] .Nav-wrapper { transform: translate3d(55.5%, 0, 0)!important}
		 .NavArea_tabbar_page[data-num="3"] .Nav-wrapper { transform: translate3d(43.0%, 0, 0)!important}
		 .NavArea_tabbar_page[data-num="4"] .Nav-wrapper { transform: translate3d(30.5%, 0, 0)!important}
		 .NavArea_tabbar_page[data-light="box"] .Nav ul { padding: 0 }
		 .NavArea_tabbar_page .Nav li { overflow: visible; }
			/*頁籤高亮顏色設定 */  
		 .NavArea_tabbar_page .Nav .swiper-slide-active a { color:#fff;}
		 .NavArea_tabbar_page .Nav .swiper-slide-active i { display: block;
			border: 1px solid #6636d8 !important;
			background-color: #6636d8!important;}
			/*推編輯按鈕 */  
		 .NavArea_tabbar_page .Nav input { position: fixed; left: 30%}
			 @media screen and (min-width:768px){ 
				 .NavArea_tabbar_page { display: block; width: 1050px !important;}
			 }
 
 
 
 .Area_K1 .content_swiper {overflow: hidden;}
 
 /*調整線上版*/
 .swiper-wrapper {
	height: 100% !important;
}