body {margin: 0; padding:0; }
@media screen and (max-width:767px){
	body { width:100%; background-size:100%;}
	
}


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

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

/*全BOX版面*/
.WRAPPER { position: relative;margin: 0 auto;	padding: 0px 0px 100px 0px;	width:100%; max-width:685px; overflow: hidden;font-family:"微軟正黑體","Microsoft JhengHei",Helvetica; background:#d6f7ff; }
.WRAPPER img {display:block;border:0; vertical-align:top;}
.WRAPPER a { text-decoration:none;display:block;}
.WRAPPER .Area{ max-width:685px;  margin:0 auto; /*overflow:hidden;*/position:relative; z-index:6;}
.WRAPPER .Area p{font-family: "Century Gothic","微軟正黑體","Microsoft JhengHei","Helvetica";font-weight:800;}
.WRAPPER .Area .mainArea { display:block; margin:0 auto; padding: 0;  max-width:685px;position:relative;overflow: hidden;}

@media screen and (max-width:767px){
	
	.WRAPPER { padding-bottom:100px; margin:0 auto; display: block; min-width:100%; max-width:100%;border-left:none;border-right:none;box-shadow:none;background-size:100%;}
	.WRAPPER .Area .mainArea { position:relative; display:block; margin:0 auto; padding: 0; width:100%;}
}


	

/*****************************************************************************************************/	
	
.Area.cut00{position:relative;overflow:hidden;}
.Area.cut00 .mainArea {overflow:hidden; width:100%; height:auto;position:relative;}
.Area.cut00 .mainArea .bk{width:100%;position:relative; margin:0% auto 0% auto;}

.Area.cut00 .mainArea .month{position: absolute;left:0%;top:7%;color: #fff; background-color: #0147c3;font: 50px/70px "Helvetica";text-align: right;border-radius: 0px 100px 100px 0px;padding:5px 25px 0px 30px; animation: slideUp4  5s ease ; animation-delay:0s; animation-fill-mode:forwards;}
.Area.cut00 .mainArea .month span{font: bold 60px/70px "Helvetica";}

@keyframes slideUp4 {
	0% {opacity:0;transform: translateY(10%);}
	5.5%{opacity:1;transform: translateY(-6%);}
	7%{opacity:1;transform: translateY(3%);}
	8.5%{opacity:1;transform: translateY(-3%);}
	10%{opacity:1;transform: translateY(1%);}			
	11.5% ,78% , 100% {opacity:1;transform: translateY(0%);}	
}

@media screen and (max-width:767px){
	
	.Area.cut00 .mainArea .month{position: absolute;left:0%;top:6%;color: #fff; background-color: #0147c3;font: 8vw/10vw "Helvetica";text-align: right;border-radius: 0px 100px 100px 0px;padding: 1vw 6vw 1vw 6vw; animation: slideUp4  5s ease ; animation-delay:0s; animation-fill-mode:forwards;}
	.Area.cut00 .mainArea .month span{font: bold 10vw/11vw "Helvetica";}
}

/****************頁籤********************/

.Area.cutbtn {border: 0;margin: 0;padding: 0 15px;box-sizing: border-box;}
.Area.cutbtn dd {box-sizing: border-box;font-size: 0;margin: 10px 0;padding: 0;display: flex;}
.Area.cutbtn dd .btn {font: 17px/36px "Helvetica";text-align:center;border-radius: 30px;color: #888888;background: #fff;border: 1px solid #888888;width: calc((100% - 12px)/2);margin: 0 6px 0 0;padding:2px 20px 0 20px;}
.Area.cutbtn dd .show {color: #fff;background: #0147c3;border: 1px solid #0147c3;}
.Area.cutbtn dd .btn:last-child {margin: 0;}


/****************活動說明********************/

.Area.cuttxt {border: 0;margin: 0;padding: 0 15px;box-sizing: border-box;}

.Area.cuttxt .box{position: relative; width:100%;padding: 0;margin: 0px auto 8px auto;border-radius: 15px;}
.Area.cuttxt .box .new{position: absolute;right: -3px;top: -3px;}
.cuttxt .box table{width:100%;margin: 0% auto 0px auto; /*border-collapse:collapse;*/ padding:8px 0;  }
.cuttxt .box td{ padding:6px 0px; font-size:15px; vertical-align:middle;  letter-spacing:0px;line-height:24px;}
.cuttxt .box td ol{ margin-block-start: 0em;margin-block-end: 0em;padding-inline-start: 20px;}
.cuttxt .box td ol li{ padding:0px ;position: relative;}
.cuttxt .box td ol img{width:calc(100% - 2px);padding: 0px 0px 10px 2px;}

.cuttxt .box td ul{padding: 10px 0px 4px 0px; padding-inline-start: 16px;list-style: none;}
.cuttxt .box td ul img{width:calc(100% - 8px);;padding: 4px 0px 10px 8px;}
.cuttxt .box td ul li{padding:0px 0px 6px 8px;position: relative;}
.cuttxt .box td ul li i{position: absolute;padding-inline-start:0px;font: 16px/18px "Helvetica";top: 4px;left: -16px}



.cuttxt .tab{}
.cuttxt .tab02 h3{color: #d62872;padding: 0px 0px 10px 0px;font-size: 16px;vertical-align: middle;letter-spacing: 0px;line-height: 24px;margin-block-start: 0em; margin-block-end: 0em;text-align: center;}
.cuttxt .tab02 h3 span{padding: 0px 15px;}



/****************表格********************/

.Area.cut01 {border: 0;margin: 0;padding: 0 15px;box-sizing: border-box;}
.Area.cut01 h2{ padding: 0;margin: 0px auto 18px auto;width: 100%; font: 18px/36px "Helvetica"; color: #fff; text-align: center;background-color: #d62872;border-radius: 80px;}
.Area.cut01 h2 span{padding: 0 10px;font: 18px/36px "Helvetica"; color: #ffd710;}
.Area.cut01 .box{margin: 0 0px 8px 0px;background-color: #fff;padding: 0px;box-sizing: border-box;border-radius:10px;-webkit-box-shadow:0px 3px 6px RGB(48 177 208/0.5);box-shadow: 0px 3px 6px RGB(48 177 208/0.5);}
/*.Area.cut01 .box:nth-of-type(1) {border-radius: 10px 10px 0px 0px;}
.Area.cut01 .box:last-child {border-radius: 0px 0px 10px 10px;}*/


.Area.cut01 .box .orderInfoBox {padding:12px 10px 10px 10px  ; margin: 0 0 0px 0; overflow: hidden;}
.Area.cut01 .box .orderInfoBox dd {font: 15px/22px Helvetica;text-align: left;color: #585858;position: relative;margin: 0;padding: 0;width: 100%;}
.Area.cut01 .box .orderInfoBox dd:nth-of-type(1) {margin: 0px 0px 2px 0px;width: 61%;float: left;}
.Area.cut01 .box .orderInfoBox dd:nth-of-type(2) {margin: -2px 0px 4px 0px;width: 39%;float: right;text-align: right;}
.Area.cut01 .box .orderInfoBox dd:nth-of-type(3) {margin: 0px 0px 0px 0px;width: 100%;float: left;text-align:left;}
.Area.cut01 .box .orderInfoBox dd:nth-of-type(4) {margin: 0px 0px 0px 0px;width: 100%;float: left;text-align:left;}
.Area.cut01 .box .orderInfoBox dd .title {font: 12px/22px "Helvetica";color: #888;margin: 0 10px 0 0;flex-shrink: 0;vertical-align: middle;float:left;}
.Area.cut01 .box .orderInfoBox dd .titleId {font: 10px/22px "Helvetica";color: #fff;margin: 0 0px 0 0;flex-shrink: 0;vertical-align: middle;background-color:#9f9f9f;padding: 3px 5px 2px 5px;border-radius: 20px;}
.Area.cut01 .box .orderInfoBox dd .card-title {float:left;text-overflow:ellipsis;overflow: hidden;white-space: nowrap; -webkit-line-clamp:1;}
.Area.cut01 .box .orderInfoBox dd .card-name {width:calc(100% - 58px);float:left;text-overflow:ellipsis;overflow: hidden;white-space: nowrap; -webkit-line-clamp:1;}
.Area.cut01 .box .orderInfoBox dd .card-number {width:calc(100% - 58px);float:left;text-overflow:ellipsis;overflow: hidden;white-space: nowrap; -webkit-line-clamp:1;}
.Area.cut01 .box .orderInfoBox dd .card-price {float:left;text-overflow:ellipsis;overflow: hidden;white-space: nowrap; -webkit-line-clamp:1;}


.Area.cut01 .box .orderInfoBox dd .orderPath {max-width: calc(100% - 120px);font: 15px/20px Helvetica, sans-serif;padding: 0;margin: 0;text-align: left;vertical-align: top;box-sizing: border-box;}


.Area.cut01 .box .card-content {display: -webkit-box;display: -ms-flexbox;display: flex;padding: 8px 8px 8px 8px;flex-wrap: wrap;row-gap: 15px;border-top: 1px dashed #d1d1d1;}


.Area.cut01 .box .column {text-align: center;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}

.Area.cut01 .box .calc3 {width:calc(100%/3)}
.Area.cut01 .box .calc2 {width:calc(100%/2)}

.Area.cut01 .box .column dd {margin: 0;padding: 0;}
.Area.cut01 .box .column .title {color: #888;font-size: 12px;line-height: 22px;}

/**第一行顯示**/
.Area.cut01 .box .column .content-black {color: #454545;font: 16px/30px Helvetica;}
.Area.cut01 .box .column .content-red {color: #d62872;font: 16px/30px Helvetica;}

/**第二行顯示**/
.Area.cut01 .box .column .content_mark {color: #454545;font: 16px/30px Helvetica;}
.Area.cut01 .box .column .red {color: #d62872;}
.Area.cut01 .box .column .content_mark.yes {color: #454545;font: 16px/30px Helvetica; background: url(yes.png?t=1753349604305) no-repeat;background-position:calc(50% - 11px) 5px; background-size: 18px;    padding-left: 20px;}
.Area.cut01 .box .column .content_mark.no {color: #454545;font: 16px/30px Helvetica; background: url(no.png?t=1753349604305) no-repeat;background-position:calc(50% - 11px) 5px; background-size: 18px;    padding-left: 20px;}

.Area.cut01 .box .column .content_live {color: #454545;font: 16px/30px Helvetica;}
.Area.cut01 .box .column .red {color: #d62872;}
.Area.cut01 .box .column .content_live.yes {color: #454545;font: 16px/30px Helvetica; background: url(yes.png?t=1753349604305) no-repeat;background-position:calc(50% - 26px) 5px; background-size: 18px;    padding-left: 20px;}
.Area.cut01 .box .column .content_live.no {color: #454545;font: 16px/30px Helvetica; background: url(no.png?t=1753349604305) no-repeat;background-position:calc(50% - 26px) 5px; background-size: 18px;    padding-left: 20px;}

.Area.cut01 .box .column .content_buy {color: #454545;font: 16px/30px Helvetica;}
.Area.cut01 .box .column .red {color: #d62872;}
.Area.cut01 .box .column .content_buy.yes {color: #454545;font: 16px/30px Helvetica; background: url(yes.png?t=1753349604305) no-repeat;background-position:calc(50% - 11px) 5px; background-size: 18px;    padding-left: 20px;}
.Area.cut01 .box .column .content_buy.no {color: #454545;font: 16px/30px Helvetica; background: url(no.png?t=1753349604305) no-repeat;background-position:calc(50% - 11px) 5px; background-size: 18px;    padding-left: 20px;}


/**回饋上限文案**/
.Area.cut01 .boxtxt {color: #454545;text-align: center; font: 12px/20px Helvetica;padding:0px 0px 12px 0px;}


/***全域設定 警語***/
.warningBox{display:block;width:100%; overflow:hidden;position:relative; margin:5px auto 0px auto; padding-bottom:12px; }
.warningBox p{ display:block;width: 95%; margin:0px auto 0px auto; font-size:18px; letter-spacing:0.5px;line-height:26px; text-align:center; font-weight:bold;color:#fff;}
.warningBox a{text-decoration:underline; display:inline-block;}
.warningBox mark{background-color:#dc2a85; border-radius:15px; padding:1px 8px; color:#fffbb8;}


@media screen and (max-width:767px){
	
	/***警語***/
	.warningBox{padding-bottom:4.5vw; margin:0vw 0vw 0vw 0vw;}
	.warningBox p{margin:0px auto 0px auto;font-size:3.4vw;letter-spacing:0.5px;line-height:4.8vw;text-align:center;font-weight:bold;}
	

}








	
/************浮層******浮層************************/
	
.blackBox.agree_more .box .content {width:100%;display:block;/*overflow-y:scroll;overflow-x:hidden; */max-height:600px;}/*max-height要設定-給抽mo幣查詢用*/
.blackBox.agree_more .box ul{padding: 0; margin: 0;text-align: center; width:100%; overflow:hidden;}
.blackBox.agree_more .box img{ display:block;  width: 70%;margin:10px auto; float:none;}


.blackBox.agree_more  .box .content .page{display:none; width:100%; box-sizing: border-box; text-align: left; }
.blackBox.agree_more  .box .content  .imgArea{float:left; width:100%; display:block;}
.blackBox.agree_more  .box .content  {float:left; width:100%; display:block; /* overflow-y:scroll;overflow-x:hidden; eight:600px !important;*/}

.blackBox.agree_more  .box   ul{ width: 100%;list-style: none; overflow: hidden; padding: 0; margin:0; background-color: #eee;}
.blackBox.agree_more  .box   ul  li{width: calc(100%/3); float: left; text-align: center; font-size:24px; font-family:"微軟正黑體"; color: #333; padding:10px 0px;cursor:pointer;}
#agree_more4  .box   ul  li{width: calc(100%/2);}
.blackBox.agree_more  .box   ul  li.click{background:#f51490; color:#fff;}

.blackBox.agree_more .txtArea  {
	/*height: 600px !important;*/
}


@media screen and (max-width:767px){

	.blackBox.agree_more .box img{ display:block;  width: 100%;margin:10px auto; float:none;max-height: 400px;}


	.blackBox.agree_more  .box   ul  li{width: calc(100%/3); float: left; text-align: center; font-size:16px;padding:2.5vw 0px; font-weight:800;}
	#agree_more4  .box   ul  li{width: calc(100%/2);}

}