@charset "utf-8";
/* CSS Document */
/*
 * Ghvzon
 * 共用元件 js_link-v3.2.0
 *******************************************************************
 *  --2020.01.14--使用新版lazyload.js(v3.2.0)
 *  --2019.04.03--修改上傳圖片路徑設定9~16行(v3.1.0)
 *******************************************************************
 */


/* --------------------------------------
 * pageAWDLayout AWD分頁用 電腦版(.page_pc) 手機版(.page_phone)
 * -------------------------------------- */



/* --------------------------------------
 * Layout 共用區塊回調成AWD模式
 * -------------------------------------- */
 
	
/*共用--for平台開關*/
	/*@media screen and (max-width:767px){*/
		.page_phone.page_phone .for_pc { display:none !important;}
		.page_phone.page_phone .for_phone { display: inherit !important;}
	/*}*/


/*共用--區塊_all*/
/*.page_phone.page_phone .Area .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;}
.page_phone.page_phone .Area .go_bt:hover { -webkit-transform:none; -moz-transform:none; -ms-transform:none; -o-transform:none; transform:none;  filter: brightness(110%);}*/
.page_phone.page_phone .Area .go_bt { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none;}
.page_phone.page_phone .Area .go_bt:hover { -webkit-transform:none; -moz-transform:none; -ms-transform:none; -o-transform:none; transform:none;  filter: none;}
	/*寬度,間距*/
	.page_phone.page_phone .Area1220 { margin:0 auto; width:100%;}
	.page_phone.page_phone .Area960 { margin:0 auto; width:100%;}
	.page_phone.page_phone .Areabottom { margin-bottom:40px;}
	

/* --------------------------------------
 * uiLayout 共用元件回調成AWD模式
 * -------------------------------------- */


/*tag錨點定位問題*/
	/*@media screen and (max-width:767px){*/
		.page_phone.page_phone .tag { position:absolute ; top:-50px; display:block ;}
	/*}*/
	
/*活動標*/
	/*@media screen and (max-width:767px){*/
		.page_phone.page_phone .Area_logo { top:0%; left:1%; width:17%;}
	/*}*/


/* --------------------------------------
 * pageAWDLayout AWD分頁用【共用區塊】
 * -------------------------------------- */


	/* --------------------------------------
	 * 【共用區塊】
	 * -------------------------------------- */


	/*基本*/
	html, body { background-color:#710100;}
		/*@media screen and (max-width:767px){*/
      /*.page_phone.page_phone html, 
      .page_phone.page_phone body { background-color:#fdd23e;}*/
		/*}*/


	/*全BOX版面*/
	.WRAPPER { z-index:0; position: relative; display:block; margin: 0 auto; padding:0; /*overflow:hidden;*/ width:100%; min-width:1220px; 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;}
		/*@media screen and (max-width:767px){*/
			.page_phone.page_phone .WRAPPER { min-width: inherit; min-height:100%; /*overflow: hidden;*/}
			.page_phone.page_phone .WRAPPER img { width:100%; height:auto;}
		/*}*/


	/*PC背景*/
	.Area_bgtop { z-index:-40; position:absolute; top:0; left:50%; width:2000px; -webkit-transform:translateX(-50%); transform:translateX(-50%); pointer-events: none;}
	.Area_bgtop .bgtop_  { position:absolute; top:0; left:0; width:100%; height:1000px;}
	.Area_bgtop .bgtop_  span { position:absolute; display: block; width:100%; height:100%; background-position:center top;}


	/*Phone背景*/
	.m_Area_bgtop { z-index:-40; position:absolute; top:0; left:0; width:100%; height:100%; pointer-events: none;}
	.m_Area_bgtop .m_bgtop_  { position:absolute; top:0; left:0; width:100%; height:0; padding-bottom:100%;}
	.m_Area_bgtop .m_bgtop_  span { position:absolute; display: block; width:100%; height:0; padding-bottom:100%; overflow:hidden; background-position:center top; background-size:100%;}


	/*版頭*/
	.Area_top { }
  /*.Area_top .go_bt:hover { filter: brightness(110%);
	  -webkit-transform:none;
		 -moz-transform:none;
		  -ms-transform:none;
		   -o-transform:none;
			  transform:none;}*/
	.Area_top > .box { }
		/*@media screen and (max-width:767px){*/
			.page_phone.page_phone .Area_top { overflow: hidden;}
			.page_phone.page_phone .Area_top > .box { }
		/*}*/
			/*主標*/
			.Area_top .box_title { }

      /*按鈕btn*/
      .Area_top .btn_ { z-index:5; position:absolute; top:70px; right:10px;}
      .Area_top .btn_ a { display:block;}
      .Area_top .btn_ a:after { content:""; display:block; z-index:1; position:absolute; top:0; left:0; width:100%; height:100%; background-size: auto 100%; background-repeat:no-repeat; background-position: 100% center; pointer-events: none;}
        /*@media screen and (max-width:767px){*/
          .page_phone.page_phone .Area_top .btn_ { top: 4vw; right: 1%;}
        /*}*/

        /*CSS樣式*/
        .Area_top .btn_ a { display:block; border-radius:100px; padding:0 20px; font-weight:800; font-size:25px; line-height:40px;  
                            color:#fff; 
                            background-color: #901241; 
                            text-shadow: 0 1px 0 rgba(0,0,0,.3);
                            box-shadow: 
                              inset 0 17px 2px -15px rgba(253, 238, 250, 0.8), 
                              inset 0 -17px 4px -15px rgba(253, 238, 250, 0.7), 
                              inset -6px -14px 10px -8px rgba(222, 0, 178, 0.7), 
                              inset 0px 2px 9px 5px rgb(241, 0, 100); }
          /*@media screen and (max-width:767px){*/
              .page_phone.page_phone .Area_top .btn_ { top: 4vw; right: 1%;}
              .page_phone.page_phone .Area_top .btn_ a { padding: 0 4vw; font-size:5vw; line-height:1.6; }
          /*}*/
          /*
          @media screen and (min-width:768px){
              .Area_top .btn_ { z-index:5; position:absolute; top:70px; right:10px;}
              .Area_top .btn_ a { display:block; border-radius:100px; padding:0 20px; border:2px solid rgba(81,9,112,1); font-weight:800; font-size:25px; line-height:40px; color:#fff;
                                  background-color: rgba(81,9,112,1); background-image: linear-gradient(0deg,rgba(81,9,112,1) 70%, rgba(255,255,255,0.4) 100%); box-shadow: 0 0 0 3px rgba(255,255,255,0.3);}
              .Area_top .btn_ a:after { content:""; display:block; z-index:1; position:absolute; top:0; left:0; width:100%; height:100%; background-size: auto 100%; background-repeat:no-repeat; background-position: 100% center; pointer-events: none;}
              .Area_top .btn_:hover a { background-color:rgba(0,0,0,0.5); }
          }*/
          /*
          @media screen and (max-width:767px){
              .Area_top .btn_ { top: 4vw; right: 1%;}
              .Area_top .btn_ a { padding: 0 5vw 0 3vw; border-width:0.4vw; font-size:4vw; line-height:7vw; box-shadow: 0 0 0 0.5vw rgba(255,255,255,0.3);}
          }*/

        /*詳情*/
        .Area_top .btn_more { top:80px; right:10px;}
          /*@media screen and (max-width:767px){*/
            .page_phone.page_phone .Area_top .btn_more { top:3vw; right:1.5vw; }
            /*.page_phone.page_phone .Area_top .btn_more a:after { background-image:url(m_btn_more1.png?t=1746185918916);}*/
          /*}*/

        /*查詢*/
        .Area_top .btn_list { top:134px; right:10px;}
          /*@media screen and (max-width:767px){*/
            .page_phone.page_phone .Area_top .btn_list {  top:11vw; right:1.5vw; }
          /*}*/

        /*懶人包*/
        .Area_top .btn_guide { position:absolute; top:80px; right:20px;}
        .Area_top .btn_guide a {}
        /*.Area_top .btn_guide a { width:90px; height:43px;}
        .Area_top .btn_guide a:after { background-image:url(btn_guide.png?t=1746185918916);}*/
          /*@media screen and (max-width:767px){*/
            .page_phone.page_phone .Area_top .btn_guide {  top:4vw; right:3vw; }
            .page_phone.page_phone .Area_top .btn_guide a { padding:0; width:15vw; height:7vw; font-size: 4.4vw;}
            /*.page_phone.page_phone .Area_top .btn_guide a:after { background-image:url(m_btn_guide.png?t=1746185918916);}*/
          /*}*/
				/*閃亮效果*/
				.Area_top .btn_guide:after,
				.Area_top .btn_guide:before,
				.Area_top .btn_guide { border-radius:100px;
									  -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;}
				.Area_top .btn_guide:after,
				.Area_top .btn_guide:before { background-color:rgba(255,255,255,.7);}
				.Area_top .btn_guide:hover::after,
				.Area_top .btn_guide:hover::before,
				.Area_top .btn_guide:hover { background-color:rgba(255,255,255,.7);}
				.Area_top .btn_guide:hover { background-color: transparent;}
				.Area_top .btn_guide:after,
				.Area_top .btn_guide:before { content: ""; z-index:-1; position:absolute; top:-5%; left:0%; padding:0; box-shadow: none; width:100%; height:110%; -webkit-transform:scale(1); transform:scale(1); opacity:0.8;}
				.Area_top .btn_guide:after,
				.Area_top .btn_guide:before {-webkit-animation:btn_more-play 1.5s infinite linear;
													  animation:btn_more-play 1.5s infinite linear;}
				.Area_top .btn_:before { -webkit-animation-delay:.5s; animation-delay:.5s;}
					@-webkit-keyframes btn_more-play {
						  75% { -webkit-transform:scale(1.7); transform:scale(1.7); opacity:0;}
						 100% { -webkit-transform:scale(1.7); transform:scale(1.7); opacity:0;}
					}
					@keyframes btn_more-play {
						  75% { -webkit-transform:scale(1.7); transform:scale(1.7); opacity:0;}
						 100% { -webkit-transform:scale(1.7); transform:scale(1.7); opacity:0;}
					}

			/*版頭銀行*/
			.Area_top .box_bank { }
			.Area_top .box_bank .Area_swiper { z-index:2; position:absolute; bottom:105px; left:50%; margin-left: -385px; width:700px; height:90px;}
			.Area_top .box_bank .Area_swiper_box { padding-bottom: 0;}
			.Area_top .box_bank li { -webkit-transform-origin: 100% 60%;
																	-moz-transform-origin: 100% 60%;
																	 -ms-transform-origin: 100% 60%;
																	  -o-transform-origin: 100% 60%;
																	     transform-origin: 100% 60%;}
			.Area_top .box_bank .Area_swiper img { width:100%; height:auto;}
				/*@media screen and (max-width:767px){*/
					.page_phone.page_phone .Area_top .box_bank .Area_swiper { top:47.3vw; bottom:inherit; left:10%; margin:0; width:80%; height:9vw; overflow:hidden;}
				/*}*/


			/*限定文案*/
			.box_timetitle { position:absolute; top:98px; left:580px; margin:0; padding:0; overflow:hidden; width:150px; text-align: center; color:#fff; font-size:34px; line-height:40px; font-weight:800; font-family:"微軟正黑體","Microsoft JhengHei", Arial, Helvetica; }
			.box_timetitle .time_day { letter-spacing:-0.1rem; text-shadow:0 0 5px #EF9819,0 0 5px #EF9819,0 0 1px #EF9819,0 0 1px #EF9819,0 0 10px #EF9819;}
				/*@media screen and (max-width:767px){*/
					.page_phone.page_phone .box_timetitle { top:9vw; left:40vw; width:20vw; text-align: center; color:#fff; font-size:4.3vw; line-height:1;}
					.page_phone.page_phone .box_timetitle .time_day { letter-spacing:0;}
				/*}*/

			/** 倒數**/
			.TimerNick { position:absolute; top:690px; left:50%; width: 560px; transform:translateX(-50%); opacity: 0.6; }
			.TimerNick .TIMER { margin:0; padding:0; overflow:hidden; text-align: left; color:#97bbff; font-size:27px; line-height:40px; font-weight:800; font-family:"微軟正黑體","Microsoft JhengHei", Arial, Helvetica; letter-spacing: 2px; }
			.TimerNick .icon { position:relative; top:6px; margin-right:4px; filter: drop-shadow(1px 1px 1px rgba(0,0,0,1));}
			.TimerNick span { float:left; }
			.TimerNick small { float: left; position:relative; top:4px; font-size:18px;}
			.TimerNick .time_day { margin-right:5px;}
			.TimerNick .FontStyle { position:relative; top:-1px; margin-left: 5px; font-size:32px; color:#97bbff;}
			.TimerNick .FontStyle b { display:inline-block; margin:0; width:20px; text-align:center; font-weight:300; font-family:Century Gothic;} 
				/*@media screen and (max-width:767px){*/
					.page_phone.page_phone .TimerNick { top:74vw; width: 75%; transform:translateX(-50%); text-shadow: none;}
					.page_phone.page_phone .TimerNick .TIMER { font-size:3.6vw; line-height:5.5vw; letter-spacing: 0;}
					.page_phone.page_phone .TimerNick .icon { display: block; top:0.5vw; width:4vw; filter: none;}
					.page_phone.page_phone .TimerNick small { top: inherit; margin: 0 0.2vw; font-size:inherit;}
					.page_phone.page_phone .TimerNick .time_day { position:relative; margin-right: 0;}
					.page_phone.page_phone .TimerNick .FontStyle { top:0.1vw; margin-left: 0.5vw; font-size:4vw;}
					.page_phone.page_phone .TimerNick .FontStyle b {  margin:0 0.4vw; width:2.2vw; font-family:Helvetica;}
				/*}*/
				/** 倒數閃燈 **/
				.TIMERLan  {
				  -webkit-animation:TIMERLan 0.25s infinite alternate linear;
					 -moz-animation:TIMERLan 0.25s infinite alternate linear;
					  -ms-animation:TIMERLan 0.25s infinite alternate linear;
					   -o-animation:TIMERLan 0.25s infinite alternate linear;
						  animation:TIMERLan 0.25s infinite alternate linear;}
					@keyframes TIMERLan {
						0%   { 
						  -webkit-transform:scale(1);
							 -moz-transform:scale(1);
							  -ms-transform:scale(1);
							   -o-transform:scale(1);
								  transform:scale(1);	
						}
						100% { 
						  -webkit-transform:scale(0.95);
							 -moz-transform:scale(0.95);
							  -ms-transform:scale(0.95);
							   -o-transform:scale(0.95);
								  transform:scale(0.95);	
						}
					}
					/*倒數秒閃閃*/
					.timeout-play { -webkit-animation:timeout-play 0.5s -0.4s infinite alternate;
											animation:timeout-play 0.5s -0.4s infinite alternate;}
						@-webkit-keyframes timeout-play { 
							0% {opacity:1;} 
							50% {opacity:1;} 
							51% {opacity:0;} 
							100% { opacity:0;}
						}
						@keyframes timeout-play { 
							0% {opacity:1;} 
							50% {opacity:1;} 
							51% {opacity:0;} 
							100% { opacity:0;}
						}	

		/**88調整-倒數 
		.TimerNick {  position:absolute; top:70px; right:410px; transform: rotate(3deg);}
		.TimerNick .TIMER { position:relative; margin:0; padding:0; text-align: left; color:#9B7045; font-size:36px; line-height:36px; font-weight:800; font-family:"微軟正黑體","Microsoft JhengHei", Arial, Helvetica; color:#ffecc1; text-shadow:1px 1px #9e2d37;}
		.TimerNick span { float:left; position: relative; display: inline-block;}
		.TimerNick small { float: none; position:relative; display: inline-block; font-size:20px;}
		.TimerNick .time_day { margin-right:5px; letter-spacing:-0.1rem;}**/
			/*時間
			.TimerNick .FontStyle { }
			.TimerNick .FontStyle b { display:inline-block; text-align:center;}
				@media screen and (max-width:767px){
					.TimerNick { top:1vw; right:0%; left:4%; -webkit-transform:scale(0.5); transform:scale(0.5); transform-origin: center center;}
          .TimerNick .TIMER { font-size:9.6vw; line-height:9.6vw; }
					.TimerNick small { font-size:5.3vw;}
					.TimerNick .time_day { margin-right: 1.3vw;}
				}*/
				/*88調整-圓弧型
        .TimerNick .icon {  position: absolute; top: -4px; left: -37px; transform: rotate(-23deg); filter: drop-shadow(1px 1px 0 #9e2d37 );}
				.TimerNick .time_day span {}
				.TimerNick .time_day span:nth-child(1) { top:16px;  left:-3px; transform:rotate(-15deg);}
				.TimerNick .time_day span:nth-child(2) { top:10px;  left:-2px; transform:rotate(-10deg);}
				.TimerNick .time_day span:nth-child(3) { top:5px;  left:-2px; transform:rotate(-7deg);}
				.TimerNick .time_day span:nth-child(4) { top:2px;  left:0px; transform:rotate(-5deg);}
				.TimerNick .HHH { top:0px;  left:0px; transform:rotate(0deg);}
				.TimerNick .HHH small { top:0px;  left:0px; transform:rotate(0deg);}
				.TimerNick .MMM { top:2px;  left:0px; transform:rotate(5deg);}
				.TimerNick .MMM small { top:0px;  left:0px; transform:rotate(0deg);}
				.TimerNick .SSS { top:11px;  left:0px; transform:rotate(10deg);}
				.TimerNick .SSS small { top:0px;  left:0px; transform:rotate(0deg);}*/



	/*共用--區塊背景*/
	.Area_boxstyle {}
      /*@media screen and (min-width:768px){*/
          .Area_boxstyle > .Area_boxstyle_box { padding-bottom: 40px;}
      /*}*/
      /*@media screen and (max-width:767px){*/
          /*
          .page_phone .Area_boxstyle > .Area_boxstyle_box { margin: 0 auto; width: 94%;}
          .page_phone .Area_boxstyle > .Area_boxstyle_box1 { margin: 0 auto; width: 100%;}
          .page_phone .Area_boxstyle > .Area_boxstyle_box2 { margin: 0 auto; width: 100%;}
          .page_phone .Area_boxstyle > .Area_boxstyle_box0 { margin: 0 auto; width: 100%;}*/
      /*}*/
      /*底圖*/
      .Area_boxstyle > .Area_boxstyle_box { position:relative; background-repeat: no-repeat; background-position: center bottom;}
      .Area_boxstyle > .Area_boxstyle_box:before { content:""; display:block; z-index:-1; position:absolute; left:0; width:100%; background-repeat: no-repeat;}
      .Area_boxstyle > .Area_boxstyle_box:after  { content:""; display:block; z-index:0; position:absolute; top:0; left:0; width:100%; height:100%; background-repeat: no-repeat;}
      .Area_boxstyle > .Area_boxstyle_box > .Area_boxstyle_boxbg { position:relative; background-repeat: no-repeat; background-position: center bottom;}
      .Area_boxstyle > .Area_boxstyle_box > .Area_boxstyle_boxbg:before { content:""; display:block; z-index:-1; position:absolute; left:0; width:100%; background-repeat: no-repeat;}
      .Area_boxstyle > .Area_boxstyle_box > .Area_boxstyle_boxbg:after  { content:""; display:block; z-index:0; position:absolute; top:0; left:0; width:100%; height:100%; background-repeat: no-repeat;}
          /*CSS模式*/
              /*@media screen and (min-width:768px){*/
              /*  .Area_boxstyle > .Area_boxstyle_box:before { top: 35px; left: 35px; width: calc(100% - 70px); height: calc(100% - 70px); }
                .Area_boxstyle > .Area_boxstyle_box:before { background-color: #fff; box-shadow: 0 0 0 30px #000;}
                .Area_boxstyle > .Area_boxstyle_box:after { border-radius: 6px; width: 100%; height: 100%; }
                .Area_boxstyle > .Area_boxstyle_box:after { background-image: repeating-linear-gradient(135deg, rgb(45,14,106,1) 0%, rgb(211,26,114,1) 100%); box-shadow: 0 0 30px 6px rgba(168,15,147,1);}*/
              /*}*/
              /*@media screen and (max-width:767px){*/
              /*  .page_phone .Area_boxstyle > .Area_boxstyle_box:before { top: 1vw; left: 1vw; width: calc(100% - 2vw); height: calc(100% - 2vw);}
                .page_phone .Area_boxstyle > .Area_boxstyle_box:before { background-color: #fff; box-shadow: none;}
                .page_phone .Area_boxstyle > .Area_boxstyle_box:after { border-radius: 0; width: 100%; height: 100%;}
                .page_phone .Area_boxstyle > .Area_boxstyle_box:after { background-image: repeating-linear-gradient(135deg, rgb(45,14,106,1) 0%, rgb(211,26,114,1) 100%); box-shadow: 0 0 3vw 1vw rgba(168,15,147,1);}
                .page_phone .Area_boxstyle > .Area_boxstyle_box2:before { top: -3vw; left: 22%; width: 60%; height: 5vw; box-shadow: 0 0 5vw 4vw #000; background-color: #000;}
                .page_phone .Area_boxstyle > .Area_boxstyle_box2:after { border-radius: 3vw; width: 100%; height: 100%;}
                .page_phone .Area_boxstyle > .Area_boxstyle_box2:after { background-color: #000; background-image: none; box-shadow: 0 0 3vw 1vw rgba(168,15,147,1);}*/
              /*}*/
          /*圖片模式*/
              /*@media screen and (min-width:768px){*/
                .Area_boxstyle > .Area_boxstyle_box { padding-top: 0px; padding-bottom: 70px;}
                .Area_boxstyle > .Area_boxstyle_box:before { top: -70px; height: 70px;}
                .Area_boxstyle > .Area_boxstyle_box:after { z-index: -1; top: 0; height: calc(100% - 70px); background-repeat: repeat-y;}
                .Area_boxstyle > .Area_boxstyle_box { }
                .Area_boxstyle > .Area_boxstyle_box:before { }
                .Area_boxstyle > .Area_boxstyle_box:after  { }                
                .Area_boxstyle > .Area_boxstyle_box1 { background-image:url(Area_boxstyle_bottom1.png?t=1746185918916); }
                .Area_boxstyle > .Area_boxstyle_box1:before { background-image:url(Area_boxstyle_top1.png?t=1746185918916);}
                .Area_boxstyle > .Area_boxstyle_box1:after  { background-image:url(Area_boxstyle_center1.png?t=1746185918916);} 
                .Area_boxstyle > .Area_boxstyle_box0 { padding-top: 0; padding-bottom: 0;}
                .Area_boxstyle > .Area_boxstyle_box0:before { display: none;}
                .Area_boxstyle > .Area_boxstyle_box0:after { display: none;}
                .Area_boxstyle > .Area_boxstyle_box0 { background-image: none;}
                .Area_boxstyle > .Area_boxstyle_box0:before { background-image: none;}
                .Area_boxstyle > .Area_boxstyle_box0:after  { background-image: none;}
                /*第2層背景*/
                .Area_boxstyle > .Area_boxstyle_box > .Area_boxstyle_boxbg1 { z-index: -2; position: absolute; top: -70px; left: 0; border-radius: 50px; width: 100%; height: calc(100% + 70px); background-repeat: repeat-y;}
                .Area_boxstyle > .Area_boxstyle_box > .Area_boxstyle_boxbg1:before { height: 100%; background-position:  center bottom;}
                .Area_boxstyle > .Area_boxstyle_box > .Area_boxstyle_boxbg1 { background-image: url(Area_boxstyle_boxbg1.png?t=1746185918916); opacity: 0.95;}
                .Area_boxstyle > .Area_boxstyle_box > .Area_boxstyle_boxbg1:before {  background-image: url(Area_boxstyle_boxbg1icon.png?t=1746185918916);}
              /*}*/
              /*@media screen and (max-width:767px){*/
                .page_phone .Area_boxstyle > .Area_boxstyle_box,
                .page_phone .Area_boxstyle > .Area_boxstyle_box:before,
                .page_phone .Area_boxstyle > .Area_boxstyle_box:after  { background-size: 100%;}
                .page_phone .Area_boxstyle > .Area_boxstyle_box { padding-top: 0vw; padding-bottom: 7vw; }
                .page_phone .Area_boxstyle > .Area_boxstyle_box:before { top: -7vw; height: 7vw; }
                .page_phone .Area_boxstyle > .Area_boxstyle_box:after { z-index: -1; top: 0; height: calc(100% - 7vw); background-repeat: repeat-y;}
                .page_phone .Area_boxstyle > .Area_boxstyle_box1 { background-image: url(m_Area_boxstyle_bottom1.png?t=1746185918916);}
                .page_phone .Area_boxstyle > .Area_boxstyle_box1:before { background-image: url(m_Area_boxstyle_top1.png?t=1746185918916);}
                .page_phone .Area_boxstyle > .Area_boxstyle_box1:after  { background-image: url(m_Area_boxstyle_center1.png?t=1746185918916);}
                .page_phone .Area_boxstyle > .Area_boxstyle_box0 { padding-top: 0; padding-bottom: 0;}
                .page_phone .Area_boxstyle > .Area_boxstyle_box0:before { display: none;}
                .page_phone .Area_boxstyle > .Area_boxstyle_box0:after { display: none;}
                .page_phone .Area_boxstyle > .Area_boxstyle_box0 { background-image: none;}
                .page_phone .Area_boxstyle > .Area_boxstyle_box0:before { background-image: none;}
                .page_phone .Area_boxstyle > .Area_boxstyle_box0:after  { background-image: none;}
                /*第2層背景*/
                .page_phone .Area_boxstyle > .Area_boxstyle_box > .Area_boxstyle_boxbg,
                .page_phone .Area_boxstyle > .Area_boxstyle_box > .Area_boxstyle_boxbg:before,
                .page_phone .Area_boxstyle > .Area_boxstyle_box > .Area_boxstyle_boxbg:after  { background-size: 100%;}
                .page_phone .Area_boxstyle > .Area_boxstyle_box > .Area_boxstyle_boxbg1 { z-index: -2; position: absolute; top: -7vw; left: 0; border-radius: 7vw; width: 100%; height: calc(100% + 7vw); background-repeat: repeat-y;}
                .page_phone .Area_boxstyle > .Area_boxstyle_box > .Area_boxstyle_boxbg1:before { height: 100%; background-position:  center bottom;}
                .page_phone .Area_boxstyle > .Area_boxstyle_box > .Area_boxstyle_boxbg1 { background-image: url(m_Area_boxstyle_boxbg1.png?t=1746185918916);  opacity: 1;}
                .page_phone .Area_boxstyle > .Area_boxstyle_box > .Area_boxstyle_boxbg1:before {  background-image: url(m_Area_boxstyle_boxbg1icon.png?t=1746185918916);}
              /*}*/
      /*標題字*/
      .Area_boxstyle > h2 { z-index:2; position: absolute; top:0; left: 23%; margin:0; padding:0; overflow: hidden; width:54%; height:200px; font-size:60px; line-height:200px; text-align: center; letter-spacing:-2px; color: transparent; font-family:"微軟正黑體", "Microsoft JhengHei", Arial;}
          /*@media screen and (max-width:767px){*/
            .page_phone .Area_boxstyle > h2 { height:22vw; font-size:6vw; line-height:22vw; letter-spacing:-0.5px;}
          /*}*/
          /*樣式*/
          /*.Area_boxstyle > .Area_boxstyle_title { color: #fff; text-shadow:2px 2px #000; -webkit-transform: skewX(-7.5deg); transform: skewX(-7.5deg);}
          .Area_boxstyle > .Area_boxstyle_title b { color: #ffe2a7;}*/
          .Area_boxstyle > .Area_boxstyle_title { font-weight: 900; font-size: 52px; height: 144px; line-height: 80px; color: #fff; 
                                                  text-shadow: 0 0 10px #ea1c6a, 0 0 10px #ea1c6a, 0 0 50px #ea1c6a, 0 0 50px #ea1c6a, 0 0 50px #ea1c6a;
                                                  -webkit-transform: skewX(-7.5deg); transform: skewX(-7.5deg);
                                                  /*background-image: -webkit-linear-gradient(0deg, #662200 20%, #BE3F00 50%, #662200 80%);*/
                                                  /*background-image: -webkit-radial-gradient(50% 20%, #BE3F00 20%, #662200 50%);
                                                  -webkit-background-clip: text;
                                                  -webkit-text-fill-color: transparent;*/}
              /*@media screen and (max-width:767px){*/
                .page_phone .Area_boxstyle > .Area_boxstyle_title { height: 15vw; font-size: 5.4vw; line-height: 8vw; letter-spacing: -0.5px;}
              /*}*/
      /*標題圖+btn*/
      .Area_boxstyle > .title { position:relative; overflow:hidden;}
          /*@media screen and (min-width:768px){*/
            .page_pc .Area_boxstyle > .title .btn { z-index:3; position:absolute; bottom:50px; right:90px;}
          /*}*/
          /*@media screen and (max-width:767px){*/
            .page_phone .Area_boxstyle > .title .btn { z-index:3; position:absolute; bottom:4vw; right:0vw; width:24%;}
          /*}*/
      /*輪播樣式調整--按鈕/小圓點*/
      .Area_boxstyle_pagination .swiper-pagination-bullet { background-color: #fff}
      .Area_boxstyle_pagination .swiper-pagination-bullet-active { background-color: #e6b372}
      .Area_boxstyle_button:before { content: ""; z-index: -1; position: absolute; left:-50%; display:block; border-radius:100%; width:5rem; height:5rem; background-color:#FFC880;}
      .Area_boxstyle_button:hover:before { background-color:#000;}
      .Area_boxstyle_button.swiper-button-prev:before { left: initial; right: -50%;}
      .Area_boxstyle_button.swiper-button-next { right: 0;}
      .Area_boxstyle_button.swiper-button-prev { left: 0;}
      .Area_boxstyle_button.swiper-button-next:after, 
      .Area_boxstyle_button.swiper-button-prev:after { transform: scale(0.75);}


/* --------------------------------------
 * 登記頁
 * -------------------------------------- */


/*消費滿額搶$3600*/
.Area_game02 { }
.Area_game02 .Area_game02_01 { }
    /*@media screen and (min-width:768px){*/
    /*}*/
    /*@media screen and (max-width:767px){*/
    /*}*/

    /*登記區*/
    .Area_game02_card { }
    .Area_game02_card ul { margin: 0; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; list-style: none;}
    .Area_game02_card ul:after { content: ""; display: block; clear: both;}
    .Area_game02_card li { position: relative; margin: 0; padding: 0;}
    .Area_game02_card .card { position:absolute; top: 0; left: 0;}
    .Area_game02_card .card:hover { filter: brightness(105%);}
    .Area_game02_card .card_btn { z-index: 1;  position:absolute; top: 0; left: 0; width: 195px;}
    .Area_game02_card .card_btn img { width: 100%; height: auto;}
    .Area_game02_card .card_btn .btn_bg { position:absolute; top: 0; left: 0;}
    .Area_game02_card .card_btn .btn_time { z-index: 1; position: relative; }
    .Area_game02_card .card_1 .card { top: 54px; left: 195px;}
    .Area_game02_card .card_1 .card_btn { top: 216px; left: 213px;}
    .Area_game02_card .card_2 .card { top: 89px; left: 466px;}
    .Area_game02_card .card_2 .card_btn { top: 246px; left: 115px;}
    .Area_game02_card .card_3 .card { top: 92px; left: 138px;}
    .Area_game02_card .card_3 .card_btn { top: 316px; left: 134px;}
    .Area_game02_card .card_4 .card { top: 81px; left: 456px;}
    .Area_game02_card .card_4 .card_btn { top: 199px; left: 118px;}
      /*@media screen and (max-width:767px){*/
        .page_phone .Area_game02_card li:after { content: ""; display: block; margin: 0 5%; width: 90%; height: 0; border-top: 1px dashed rgba(243,197,139,0.5); }
        .page_phone .Area_game02_card li:last-child:after { display: none;}
        .page_phone .Area_game02_card .card { position: relative; top: inherit; left: inherit; padding: 4vw 0 6vw;}
        .page_phone .Area_game02_card .card_img { padding-bottom: 10vw; }
        .page_phone .Area_game02_card .card_btn { z-index: 1;  position:absolute; top: inherit; left: 32%; bottom: 0; width: 36%;}
      /*}*/


    /*詳情說明*/
    .Area_game02_more { z-index: 1; margin-top:50px; color:#fffaea;}
    .Area_game02_more .topbar { box-shadow:0 -3px 20px rgba(0,0,0,0.2);}
    .Area_game02_more > .box { z-index:1; position:relative; padding:2% 0; font-size:4.3vw; line-height:1.5; text-align:left; }
    .Area_game02_more > .box .title { margin:0 auto 2vw;}
    .Area_game02_more > .box .box_:nth-of-type(2) { margin-top:4vw;} 
    .Area_game02_more > .box ul { margin:0; padding: 0 5% 0 5%; list-style: none;}
    .Area_game02_more > .box li { margin-bottom:3vw;}
    .Area_game02_more > .box ul ol { padding:0 0 0 1.5em; /*list-style: none;*/}
    .Area_game02_more > .box ul ol li { /*counter-increment: num; text-indent:-1.4rem;*/}
    /*.Area_game02_more > .box ul ol li:before { content: "(" counter(num) ") ";}*/
    .Area_game02_more > .box strong { color:#000;}
    .Area_game02_more > .box table { margin:0; margin-top:1vw; width:100%; border-collapse:collapse; border:1px solid #A6544A; border-radius: 0px; overflow: hidden; text-align:center; color: #000; }
    .Area_game02_more > .box th { padding:10px 2px; /*border:1px solid #fff;*/ background: #A6544A; color:#fff; font-size:0.8em; }
    .Area_game02_more > .box td { padding:10px 2px; border:1px solid #A6544A; background-color: #f2f2f2; font-size:0.8em; vertical-align: middle; }
    .Area_game02_more > .box .table_1 td:nth-of-type(1){ width:25%;}
    .Area_game02_more > .box .table_1 td:nth-of-type(2){ width:30%;}
    .Area_game02_more > .box .table_1 td:nth-of-type(3){ width:15%;}
    .Area_game02_more > .box .table_1 td:nth-of-type(4){ width:30%;}
        @media screen and (min-width:768px){
          .Area_game02_more { }
          .Area_game02_more img { display:block; margin:0 auto; width:100%; height: auto;}
          .Area_game02_more > .box { margin-top:20px; padding-right:0%; padding:0%; font-size:24px;}
          .Area_game02_more > .box .box_ { margin-top:80px;} 
          .Area_game02_more > .box ol { margin-top:20px;}
          .Area_game02_more > .box ol:nth-child(2) { margin-bottom:100px;}
          .Area_game02_more > .box li { margin-bottom:16px;}
        }
        /*@media screen and (max-width:767px){*/
          .page_phone .Area_game02_more > .box { text-shadow:0 0 0px #5F0000, 0 0 5px #5F0000, 0 0 10px #5F0000, 0 0 20px #5F0000, 0 0 30px #5F0000, 0 0 50px #5F0000;}
          .page_phone .Area_game02_more > .box table { text-shadow: none;}
          .page_phone .Area_game02_more > .box .table_1 td:nth-of-type(1){ width:25%;}
          .page_phone .Area_game02_more > .box .table_1 td:nth-of-type(2){ width:25%;}
          .page_phone .Area_game02_more > .box .table_1 td:nth-of-type(3){ width:15%;}
          .page_phone .Area_game02_more > .box .table_1 td:nth-of-type(4){ width:25%;}
        /*}*/


/* --------------------------------------
 * page_01 主會場
 * -------------------------------------- */


/*版頭品*/
.page_01 .Area_top .box_PD { z-index: 3; position:absolute; bottom: 0; right: 0px;}
.page_01 .Area_top .box_PD img { position: relative; left: 0; }
.page_01 .Area_top .box_PD .go_bt:hover { -webkit-transform:translate(0px,0px); transform:translate(0px,0px);}
    /*@media screen and (max-width:767px){*/
      .page_phone.page_01 .Area_top .box_PD { z-index: 1; position: relative; bottom: inherit; left: inherit;}
      .page_phone.page_01 .Area_top .box_PD .box_addbuy { z-index: 2; position: absolute; top: 0%; left: 0%; width: 50%; height: 100%;}
      .page_phone.page_01 .Area_top .box_PD .box_addbuy a { display: block; width: 100%; height: 100%;}
      .page_phone.page_01 .Area_top .box_PD .Area_swiper { position: absolute; top: 3%; left: 48%; width: 52%;}
    /*}*/


/*活動按鈕*/
.page_01 .Area_acty { }
.page_01 .Area_acty .go_bt:hover { filter: brightness(110%);
                            -webkit-transform:scale(0.95);
                               -moz-transform:scale(0.95);
                                -ms-transform:scale(0.95);
                                 -o-transform:scale(0.95);
                                    transform:scale(0.95);}
.page_01 .Area_acty .box { padding: 52px 45px 0; box-sizing: border-box;}
.page_01 .Area_acty .box:after { content:""; display:block; clear:both;}
.page_01 .Area_acty .box_ { }
.page_01 .Area_acty .box_:after { content:""; display:block; clear:both;}
.page_01 .Area_acty .box_ .box_acty { float:left; position:relative; }
    /*@media screen and (max-width:767px){*/
      .page_phone.page_01 .Area_acty { height: auto;} 
      .page_phone.page_01 .Area_acty { overflow: hidden;}
      .page_phone.page_01 .Area_acty .box { padding: 6% 6% 0;}
    /*}*/
    /*品牌輪播*/
    .Area_acty .Area_acty_brand { float: left; position: relative; width: 520px; height: 337px; background-color: #fff; box-shadow: -10px 10px 10px rgba(0,0,0,0.2);}
    .Area_acty .Area_acty_brand .bg { z-index: 2; position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none;}
        /*@media screen and (max-width:767px){*/
          .page_phone .Area_acty .Area_acty_brand { width: 100%; height: auto;}
        /*}*/
        /*輪播*/
        .Area_acty .Area_acty_brand { overflow: hidden;}
        .Area_acty .Area_acty_brand .PD_layout { position: static;}
        .Area_acty .Area_acty_brand .PD_layout li { width: 520px;}
        .Area_acty .Area_acty_brand .PD_layout img { width: 520px; height: 337px;}
        /*@media screen and (max-width:767px){*/
          .page_phone .Area_acty .Area_acty_brand .Area_swiper_box { padding-bottom: 0;}
          .page_phone .Area_acty .Area_acty_brand .PD_layout li { width: 100%;}
          .page_phone .Area_acty .Area_acty_brand .PD_layout img { width: 100%; height: auto;}
        /*}*/
    /*PC行銷活動*/
    .Area_acty .box_2 { float: left; margin-left: 15px; width: 595px; overflow: hidden;}
    .Area_acty .box_2 .box_acty { margin: 0 14px 17px 0;}
    .Area_acty .box_2 .box_acty:nth-of-type(even) { margin-right: 0;}
    .Area_acty .box_2 .box_acty img { width: 290px;}
    /*Phone行銷活動*/
    .Area_acty .m_box_1 { margin-left: 0; width: 100%; overflow: hidden;}
    .Area_acty .m_box_1 .box_acty { margin: 0 2% 2% 0; width: 49%; box-shadow: -10px 10px 10px rgba(0,0,0,0.2);}
    .Area_acty .m_box_1 .box_acty:nth-of-type(even) { margin-right: 0;}


/*AD廣告區*/
    /*@media screen and (min-width:768px){*/
      .page_pc .Area_AD .box .Area_swiper { overflow: inherit;}
      .page_pc .Area_AD .box .go_bt { outline: 4px solid #e6aa73; box-shadow: -10px 10px 10px rgba(0,0,0,0.2);}
    /*}*/


/*加價購專區*/
.Aear_addbuy { }
.Aear_addbuy .bg { pointer-events:none;}
.Aear_addbuy .box { padding:0;}
.Aear_addbuy .box_1 { position: absolute; top: 193px; left: 78px;  -webkit-transform-origin: center bottom; transform-origin: center bottom;}
.Aear_addbuy .box_2 { position: absolute; top: 190px; left: 310px; margin: 0 auto; width: 870px; overflow: hidden;}
.Aear_addbuy .box_2 .go_bt:hover { filter: brightness(110%);
                            -webkit-transform:scale(0.95);
                               -moz-transform:scale(0.95);
                                -ms-transform:scale(0.95);
                                 -o-transform:scale(0.95);
                                    transform:scale(0.95);}
.Aear_addbuy .box_2 .Area_swiper { padding: 0 10px;} 
.Aear_addbuy .box_2 .Area_swiper .PD_layout li { float: none; display: block; width: 415px;}
.Aear_addbuy .box_2 .Area_swiper .PD_layout img { border: 5px solid #9dc3e8; box-sizing: border-box; border-radius: 12px; overflow: hidden; width: 100%; height: auto; box-shadow: 5px 5px 0 0 rgba(0,0,0,0.2); }
    /*@media screen and (max-width:767px){*/
      .page_phone .Aear_addbuy .bgtop { z-index: 2; position: absolute; top: 0; left: 0; pointer-events:none;}
      .page_phone .Aear_addbuy .box_addbuy { z-index: 4; position: absolute; top: 5%; left: 10%; width: 80%; height: 40%;}
      .page_phone .Aear_addbuy .box_addbuy a { display: block; width: 100%; height: 100%;}
      .page_phone .Aear_addbuy .box_1 { z-index: 3; position: absolute; top: 7%; left: 17.5%; width: 25.5%;}
      .page_phone .Aear_addbuy .box_2 { position: absolute; top: 51%; left: 3%; width: 94%;}
      .page_phone .Aear_addbuy .box_2 .Area_swiper { padding: 0 6%; } 
      .page_phone .Aear_addbuy .box_2 .Area_swiper .PD_layout li { float: none; display: block; width: 26.4vw;}
      .page_phone .Aear_addbuy .box_2 .Area_swiper .PD_layout img { border: 2px solid #ea652b; box-sizing: border-box; border-radius: 20px; overflow: hidden; width: 100%; height: auto; box-shadow: none; }
          /*手機背景*/
          .page_phone .Aear_addbuy .bgtop_0 { z-index: 0; position: absolute; top: 3%; left: 3%; width: 94%; height: 94%; opacity: .2; pointer-events: none;}
          .page_phone .Aear_addbuy .bgtop_0 { background-size: 150px 125px;
                                              -webkit-animation:bgrepeat-play 10s infinite linear;
                                                      animation:bgrepeat-play 10s infinite linear;}
              @-webkit-keyframes bgrepeat-play { 
                0%   { background-position: 0 0;}
                100% { background-position: -150px 125px;}
              }
              @keyframes bgrepeat-play { 
                0%   { background-position: 0 0;}
                100% { background-position: -150px 125px;}
              }
      /*}*/



/*銀行專區*/
.Area_bank { }
.Area_bank .bg { margin-bottom: -30px; pointer-events:none;}
.Area_bank .box_btn { position:absolute; top: 0px; left: 0px;}
.Area_bank .box_2 { position:absolute; top: 76px; left: 501px; overflow:hidden; padding:15px 50px 0; -webkit-box-sizing:border-box; box-sizing:border-box; width: 640px; height: 290px; /*background-color:rgba(0,0,0,0.5);*/}		
.Area_bank .box_2 li img { width: 240px; height: auto; box-shadow: -10px 10px 10px rgba(0,0,0,0.4);}		
.Area_bank .box_2 .go_bt:hover { filter: brightness(105%); 
																	-webkit-transform:scale(0.95);
																		 -moz-transform:scale(0.95);
																			-ms-transform:scale(0.95);
																			 -o-transform:scale(0.95);
																					transform:scale(0.95);}
    /*輪播調整*/
    .Area_bank .box_2 .Area_swiper { overflow: initial; }
    /*@media screen and (max-width:767px){*/
      .page_phone .Area_bank .box_1 { position: relative; top: 0vw; left: 0;}
      .page_phone .Area_bank .box_2 { position: relative; top: 0vw; left: 3%;  margin-bottom: -2vw; padding:0 6%; width:94%; height:auto;}
    /*}*/


/*新春爆品*/
.Area_PD1 {}
.Area_PD1 .box_1 .PD_layout li { width: 25%;}
    /*@media screen and (max-width:767px){*/
      .page_phone .Area_PD1 {}
      .page_phone .Area_PD1 .box_1 { margin: 0 auto; width: 96%;}
      .page_phone .Area_PD1 .box_1 .PD_layout li { width: 33.3%;}
    /*}*/


/*天天抽$888*/
.Area_PD1-2  .box_2 .PD_layout { margin: 0 auto; width: 92%;}
.Area_PD1-2  .box_2 .PD_layout li { width: 50%;}
    /*@media screen and (max-width:767px){*/
      .page_phone .Area_PD1-2  .box_2 .PD_layout { margin: 0 auto; width: 94%;}
      .page_phone .Area_PD1-2  .box_2 .PD_layout li { width: 50%;}
    /*}*/


/*新年採購清單*/
.Area_PD2 {}
.Area_PD2 .box_1 .PD_layout li { margin-bottom: 20px; width: 25%;}


/*你可能會喜歡*/
.Area_b268 {}
.Area_b268 .box_1 { margin: 0 auto; margin-bottom: -30px; width: 1192px;}
    /*@media screen and (max-width:767px){*/
      .page_phone .Area_b268 .box_1  { margin-bottom: -4vw; width: 100%;}
    /*}*/


/*週期購*/
.Area_cyclebuy {}
  /*BN*/
  .Area_cyclebuy .box_BN { margin: 0 auto 10px; width: 90%;}
  .Area_cyclebuy .box_BN img { border-radius: 10px; overflow: hidden; width: 100%; height: auto;}
      /*@media screen and (max-width:767px){*/
        .page_phone .Area_cyclebuy .box_BN  { margin-bottom: 0; width: 88%;}
      /*}*/
  /*公版*/
  .Area_cyclebuy .box_PD { margin: 0 auto; margin-bottom: -30px; width: 1192px;}
      /*@media screen and (max-width:767px){*/
        .page_phone .Area_cyclebuy .box_PD  { margin-bottom: -4vw; width: 95%;}
      /*}*/
      /*輪播調整*/
      .Area_cyclebuy .box_PD .Area_swiper { padding: 10px 50px 0;}
        /*@media screen and (max-width:767px){*/
          .page_phone .Area_cyclebuy .box_PD .Area_swiper { padding: 3% 4% 0;}
        /*}*/


/*momo卡*/
.Area_momocard {}
    /*BN*/
    .Area_momocard .box_BN { margin: 0 auto 20px; width: 90%;}
    .Area_momocard .box_BN img { border-radius: 10px; overflow: hidden; width: 100%; height: auto;}
        /*@media screen and (max-width:767px){*/
          .page_phone .Area_momocard .box_BN  { margin-bottom: 0; width: 88%;}
        /*}*/
    /*LOGO*/
    .Area_momocard .box_1 { margin: 0 auto; margin-bottom: -30px; width: 1192px;}
        /*@media screen and (max-width:767px){*/
          .page_phone .Area_momocard .box_1  { margin-bottom: -4vw; width: 95%;}
        /*}*/
        /*輪播調整*/
        .Area_momocard .box_1 .Area_swiper { padding: 0 50px;}
        .Area_momocard .box_1 .swiper-slide { width: 265px;}
        .Area_momocard .box_1 .swiper-slide img { width: 100%; height: auto;}
            /*@media screen and (max-width:767px){*/
              .page_phone .Area_momocard .box_1 .Area_swiper { padding: 3% 4% 0;}
              .page_phone .Area_momocard .box_1 .swiper-slide { width: 100%;}
            /*}*/


/*熱門活動*/
.Area_hoteven2 {}
.Area_hoteven2 .box_1 { margin: 0 auto; margin-bottom: -30px; width: 1192px;}
    /*@media screen and (max-width:767px){*/
      .page_phone .Area_hoteven2 .box_1  { margin-bottom: -4vw; width: 95%;}
    /*}*/
    /*輪播調整*/
    .Area_hoteven2 .box_1 .Area_swiper { padding: 0 50px;}
    .Area_hoteven2 .box_1 .swiper-slide { width: 514px;}
    .Area_hoteven2 .box_1 .swiper-slide img { width: 100%; height: auto;}
        /*@media screen and (max-width:767px){*/
          .page_phone .Area_hoteven2 .box_1 .Area_swiper { padding: 3% 4% 0;}
          .page_phone .Area_hoteven2 .box_1 .swiper-slide { width: 100%;}
        /*}*/