@charset "utf-8";
/* CSS Document */
/* --------------------------------------
 * Layout.css
 * -------------------------------------- */


/*.articleList img.lazy_off { background-image: none!important;}
.WRAPPER { overflow: hidden; }*/

/*寬度,間距*/
@media screen and (min-width:768px){
  .Areabottom { margin-bottom: 20px;}
}
.Area1220 { margin: 0 auto 0 auto;}
.Area_logo { display: none !important;}

/*PC背景*/
@media screen and (min-width:768px){
  .Area_bgtop { width: 100%;}
  .Area_bgtop span { background-repeat: no-repeat;}
  .Area_bgtop_1 { position: fixed; overflow: hidden; height: 100%;}
  .Area_bgtop_1 .bgtop_ { height: 200%;}
  .Area_bgtop_1 .bgtop_ span { background-repeat: no-repeat;}
}
/*Phone背景*/
.m_Area_bgtop span { background-repeat: no-repeat;}
.m_Area_bgtop_1 { overflow: hidden;}
.m_Area_bgtop_1 .m_bgtop_1_1 span { background-image: url(m_bgtop_1_1.jpg?t=1758868864950);}
    
/*背景fixed擋到logo修正*/
.Area_header_momologo { z-index: 1;}



/*頂部*/
.Area_header { background-color: #fff; border-bottom: 5px solid #dbdbdb;}
	@media screen and (max-width:767px){
		.Area_header { border-bottom: 1vw solid #dbdbdb}	
	}

.Area_grabgift { font-family: "Century Gothic","Microsoft JhengHei";}
/*登記活動*/
/* .Area_grabgift .box_1 b { line-height: 2;} */
.Area_grabgift .box_grabgift { margin-top: 5%;}
.Area_grabgift .box_grabgift:first-child { margin-top: 0;}
.Area_grabgift .box_grabgift .grabgift_btn { top: 53%; left: 44%;}
.Area_grabgift .box_grabgift .grabgift_txt { left: 47%;}
.Area_grabgift .box_grabgift .grabgift_cpNum { top: 66%;}
.Area_grabgift .box_grabgift .grabgift_time { top: 69%; color: #273333;}
.Area_grabgift .box_grabgift3 .grabgift_btn { top: 40%;}
.Area_grabgift .box_grabgift3 .grabgift_cpNum { top: 58%;}
.Area_grabgift .box_grabgift3 .grabgift_time { top: 66.5%;}
.Area_grabgift .box_grabgift3 .grabgift_time2 { top: 85.5%; left: 2%; width: 100%; text-align: center; transform-origin: center top; transform: scale(0.75);}
.Area_grabgift .box_list { text-align: left;}
.Area_grabgift .box_grabgift .grabgift_cpNum { top:59%; color: #273333; left: 73%;}
.Area_grabgift .box_grabgift .grabgift_cpNum span{ color: #c6061b;}

.Area_grabgift .box_grabgift .title01 { position: absolute; top: 0; left: 0%; width: 100%; font-size: 38px; font-weight: 800; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; border-radius: 10px 10px 0 0;}
.Area_grabgift .box_grabgift .title02 { position: absolute; top: 23%; left: 47%; width: 49%; color: #3c2828; font-size: 46px; font-weight: 800; text-align: left; white-space: nowrap;overflow: hidden; text-overflow: ellipsis;}
.Area_grabgift .box_grabgift .title03 { position: absolute; top: 36%; left: 47%; width: 53%; color: #3c2828; font-size: 28px; font-weight: 800; text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

@media screen and (max-width:767px){
  .Area_grabgift .box_grabgift .title01 { font-size: 4.1vw; border-radius: 2vw 2vw 0 0;}
  .Area_grabgift .box_grabgift .title02 { font-size: 5.5vw; top: 21%;}
  .Area_grabgift .box_grabgift .title03 { font-size: 3vw; top: 36%;}
}    

/*Area00*/
.Area00 { background-color: #1e46af; padding: 60px 0; border-radius: 30px;}
.title01 { background-color: #3c2828; padding: 12px 0; z-index: 5;}
.Area_grabgift .box_grabgift .grabgift_img { background-color: #ffffff; border-radius: 10px;}
@media screen and (max-width:767px){
  .Area00 {background-color: transparent; padding: 4vw 0; border-radius: 0;}
  .Area00 .box{ width: 96%; position: relative; left: 2vw;}
  .title01 { background-color: #0f2869; padding: 2vw 0; z-index: 5;}
  .Area_grabgift .box_grabgift .grabgift_img { background-color: #ffffff; border-radius: 2vw;}
}

/*活動提醒按鈕(登記版)*/
.btn_alert_danji { position: absolute; top: 19%; left: 0; z-index: 99;}
/*文案底色這裡換*/
.game_remind {
  --remind-txtcolor: #fff;
  --remind-bg: #3c2828;
  background-color:var(--remind-bg);
  border-radius: 0 5em 5em 0;
  width: 60px;
  height: 42px;
}
.danji-pd-container .game_remind {
  --remind-txtcolor: #fff;
  --remind-bg: #3c2828;
}
/*鈴鐺icon--用SVG格式(改顏色搜尋【fill='rgb(252, 129, 36)'】)*/
.game_remind::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='295px' height='348px'%3E%3Cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M294.496,272.105 C294.132,274.973 292.956,281.433 289.179,280.959 L3.553,280.767 C-6.068,258.136 13.398,252.817 26.074,240.802 C38.266,229.244 45.048,213.504 45.368,197.353 C45.967,167.135 43.205,136.722 48.384,106.746 C50.908,92.140 55.319,77.409 63.932,65.166 C73.634,51.377 88.810,43.321 103.319,35.455 C106.757,33.590 110.229,31.782 113.768,30.114 C120.273,27.049 126.961,23.729 134.094,22.607 C136.917,20.594 131.951,1.633 145.469,0.261 C153.283,-0.532 158.630,2.684 159.588,10.698 C159.970,13.894 158.799,19.212 160.668,21.349 C175.635,27.276 190.432,33.859 204.115,42.388 C220.597,52.663 235.303,66.657 241.282,85.624 C250.847,115.972 250.296,150.413 249.867,181.989 C249.514,207.900 253.982,227.635 274.329,245.364 C278.812,249.271 286.626,252.978 290.213,257.809 C292.372,260.716 293.249,263.918 294.496,267.217 C294.364,268.806 294.692,270.552 294.496,272.105 ZM169.696,342.234 C136.983,357.435 98.562,337.069 94.256,301.434 L198.771,301.434 C198.125,318.698 185.022,335.113 169.696,342.234 Z'/%3E%3C/svg%3E");  content: "";
  position: absolute;
  top: 0.8em;
  left: 0.25em;
  display: inline-block;
  width: 1em;
  height: 1em;
  background-size:auto 100%;
  background-repeat: no-repeat;
}
.danji-pd-container .game_remind::before{
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='295px' height='348px'%3E%3Cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M294.496,272.105 C294.132,274.973 292.956,281.433 289.179,280.959 L3.553,280.767 C-6.068,258.136 13.398,252.817 26.074,240.802 C38.266,229.244 45.048,213.504 45.368,197.353 C45.967,167.135 43.205,136.722 48.384,106.746 C50.908,92.140 55.319,77.409 63.932,65.166 C73.634,51.377 88.810,43.321 103.319,35.455 C106.757,33.590 110.229,31.782 113.768,30.114 C120.273,27.049 126.961,23.729 134.094,22.607 C136.917,20.594 131.951,1.633 145.469,0.261 C153.283,-0.532 158.630,2.684 159.588,10.698 C159.970,13.894 158.799,19.212 160.668,21.349 C175.635,27.276 190.432,33.859 204.115,42.388 C220.597,52.663 235.303,66.657 241.282,85.624 C250.847,115.972 250.296,150.413 249.867,181.989 C249.514,207.900 253.982,227.635 274.329,245.364 C278.812,249.271 286.626,252.978 290.213,257.809 C292.372,260.716 293.249,263.918 294.496,267.217 C294.364,268.806 294.692,270.552 294.496,272.105 ZM169.696,342.234 C136.983,357.435 98.562,337.069 94.256,301.434 L198.771,301.434 C198.125,318.698 185.022,335.113 169.696,342.234 Z'/%3E%3C/svg%3E");  content: "";
}
.game_remind span { 
  z-index:1; 
  position:relative; 
  display: block; 
  padding: 0.4em 0 0 .625em; 
  height: 2.4em; 
  line-height:1.1em; 
  overflow: hidden; 
  font-weight: 600; 
  font-size: 0.9em; 
  color:var(--remind-txtcolor); 
  vertical-align: middle;
}

/*注意事項區*/
.edm_notice { text-align: center; padding: 25px 10px 40px 10px; color:#fff; font: 12px/18px Helvetica;}
.edm_notice .apple_notice { padding: 10px 0 10px 0;}