@charset "utf-8";


/*基本*/
body { margin: 0; padding: 0; background: #000;}


/*全BOX版面*/	
.WRAPPER { position: relative; display: block; margin: 0 auto; padding: 0; width: 100%; min-width: 1220px; max-width: 2000px; overflow: hidden; font-family: Noto Sans CJK SC,"微軟正黑體","Microsoft JhengHei",Helvetica;}
.WRAPPER img { border: 0; vertical-align: top;}
.WRAPPER a { text-decoration: none;}
  @media screen and (min-width:768px){
    .WRAPPER { padding-bottom: 0;}
  }
	@media screen and (max-width:767px){
		.WRAPPER { padding-bottom: 50px; min-width: inherit;}
		.WRAPPER img { width:100%; height: auto;}
	}	


/*共用--區塊_all*/
.Area { z-index: 1; position: relative; margin: 0 auto; padding: 0; border-radius: 0;}
.Area a { position: relative; display: block;} 
.Area .go_bt { -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}
.Area .go_bt:hover { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; filter: brightness(110%);}
@media screen and (min-width:768px){
  .Area .go_bt:hover { -webkit-transform:translateY(-6px); -moz-transform:translateY(-6px); -ms-transform:translateY(-6px); -o-transform:translateY(-6px); transform:translateY(-6px);}
}
/*寬度,間距*/
.Area1220 { margin: 0 auto; width: 100%;}
.Area960 { margin: 0 auto; width: 100%;}
@media screen and (min-width:768px){
  .Area1220 { width: 1220px;}
  .Area960 { width: 960px;}
}


/*PC背景*/
@media screen and (min-width:768px){
  .Area_bgtop { pointer-events: none;}
  .Area_bgtop span { background-repeat: no-repeat;}
  .Area_bgtop .bgtop_ { position: fixed; top: 0; left: 0; width: 100%; height: 100%;}
  .Area_bgtop .bgtop_ span { position: absolute; display: block; width: 100%; height: 100%; background-position: center top;}
	.Area_bgtop_1 .bgtop_ { z-index: 0; height: 1210px; overflow: hidden;}
	.Area_bgtop_1 .bgtop_1_1 span { background-image: url(bgtop_1_1.jpg?t=1774950780239);}
}

/*Phone背景*/
@media screen and (max-width:767px){
  .m_Area_bgtop { pointer-events: none;}
  .m_Area_bgtop span { background-repeat: no-repeat;}
  .m_Area_bgtop .m_bgtop_ { position: absolute; top: -8vw; left: 0; width: 100%; height: 100%; padding-bottom: 0;}
  .m_Area_bgtop .m_bgtop_ span { position: absolute; display: block; width: 100%; height: 100%; padding-bottom: 100%; overflow: hidden; background-position: center top; background-size: 100%;}
  .m_Area_bgtop_1 .m_bgtop_1_1 span { position: absolute; top: 44px; left: 0; width: 100%; height:100%; background: url(m_bgtop_1.jpg?t=1774950780239) center top no-repeat; background-size: 100%;}
}



/*版頭*/
.Area_top .title { z-index: 2; position: relative;}
@media screen and (min-width:768px){
  .Area_top { height: 320px; top: -15px;}
  .Area_top .box_PD img { width: 100%; height: auto;}
  /*加文案*/
  /* .Area_top .warningTxt { position: absolute; bottom: 56px; left:47%; transform: translateX(-47.7%);}
  .Area_top .warningTxt h3 { font-size: 23px; font-weight: 600; color: #fef3de;} */
}
@media screen and (max-width:767px){
  .Area_top .title { top: -2vw;}
  .Area_top { padding-bottom: 9vw;}
  /*加文案*/
  /* .Area_top .warningTxt { position: absolute; bottom: 10.5vw; left: 50%; transform: translateX(-48%); width: 100%;}
  .Area_top .warningTxt h3 { font-size: 0.85rem; font-weight: 600; color: #fef3de;} */
}
/*副標輪播*/
.Area_top .box_PD { z-index: 3; position: absolute; top: 215px; left: 0; width: 100%;}
.Area_top .box_PD .subBG { position: absolute; top: 0; left: -33px; width: 110%;}
.Area_top .box_PD .Area_swiper { margin: 0; padding: 0;}
.Area_top .box_PD .Area_swiper_box { padding-bottom: 0;}
.Area_top .box_PD .Area_swiper ul { margin: 0 auto; padding: 0;}
.Area_top .box_PD .Area_swiper li { list-style: none;}
  @media screen and (max-width:767px){
    .Area_top .box_PD { position: absolute; top: 20vw; left:0; width: 100%; height: auto;}
    .Area_top .box_PD .Area_swiper ul { margin: 0;}
    .Area_top .box_PD .subBG { position: absolute; top: 0; left: 0; width: 100%;}
  }


/*01-3顆*/
.Area01 .PD_layout ul { margin: 0 auto; width: 93%; grid-gap: 2%;}
.Area01 .PD_layout ul li:nth-child(1) img {width: 97%;}
.Area01 .PD_layout ul li:nth-child(3) img {width: 97%;}

/*02-訂閱方案表格*/
.box_txt .PD_layout .PD_into { padding: 0;}
.box_txt .PD_layout ul { padding: 0;}
@media screen and (min-width: 768px){
  .Area02 { margin-top: 80px; margin-bottom: 80px;}
  .box_txt { position: absolute; z-index: 5; top: 15px; padding: 0; width: 100%; height: auto;}
  .box_txt ul li h5 { padding: 0; margin: 0; font: bold 47px / 47px "Noto Sans CJK SC", "Microsoft JhengHei", Arial, Helvetica; color: #503219; text-shadow: -1px 1px #fff5e6;; letter-spacing: 0; text-align: center;}	
  .A02_table{margin-bottom: 50px;}
  .Area02 .btn{position: absolute;top: 115px; right: 57px; width: 13%;}
  .Area02 .btn ul li{margin-bottom: 19px;}

}
@media screen and (max-width:767px){	
  .Area02 { margin-top: 6vw; margin-bottom: 6vw;}
  .box_txt { position: absolute; z-index: 5; top: 1.8vw; margin: 0 auto; width: 100%; height: auto;}
  .box_txt ul li h5 { font: bold 5vw / 5vw "Noto Sans CJK SC"; margin: 0; color: #503219; text-shadow: -0.5px 0.5px #fff5e6; letter-spacing: -.05em; text-align: center;}	
  .A02_table{margin-bottom: 5vw;}
  .Area02 .btn{position: absolute;top: 11vw; right: 5vw; width: 14%;}
  .Area02 .btn ul li{margin-bottom: 1.5vw;}

}


/*03-頁籤*/
.Area03 .A03_box a { position: relative;}
.Area03 .A03_box .swiper-wrapper .swiper-slide { margin: 0; padding: 10px 0;}
.A03_page .Area_swiper .Area_swiper_box li { background: transparent;}
.A03_page a { pointer-events: none;}
.A03_swiper { overflow: hidden;}
.A03_more { z-index: 50;}
@media screen and (min-width:768px){
  .Area03 {margin-bottom: 80px;position: relative;}
  .Area03 .A03_more {width: 40%;margin: auto;}
  .Area03 .A03_more2 {width: 63%;margin: auto;}
}
@media screen and (max-width: 767px){
  .Area03 { margin-bottom: 8vw;}
  .Area03 .A03_more {position: relative;width: 52%;margin: auto;}
  .Area03 .A03_more2 {width: 86%;margin: auto;}

}
/*PC－tab頁籤及背景*/
@media screen and (min-width: 768px){
  .Area03 .A03_box .PD_tag { display: flex; width: 100%; margin-bottom: 30px;}
  /*取消公用素材預設的tab*/
  .Area03 .A03_box .PD_tag .go_bt { filter: unset;}
  .Area03 .A03_box .PD_tag .go_bt:hover { transform: unset;}
  .Area03 .A03_box .PD_tag img { width: 100%;}
  /*選中的頁籤切換*/
  .Area03 .A03_box .PD_tag a.cate-hover::after { content: ""; position: absolute; top: 2px; left: 50%; width: 100%; z-index: 100; transform: translateX(-50%); aspect-ratio: 480 / 116;}
  .Area03 .A03_box .PD_tag a:nth-child(1).cate-hover::after { background: url(A03_p1_on.png?t=1774950780239) no-repeat top / 100%;}
  .Area03 .A03_box .PD_tag a:nth-child(2).cate-hover::after { background: url(A03_p2_on.png?t=1774950780239) no-repeat top / 100%;}
}
/*MB－tab頁籤及背景*/
@media screen and (max-width: 767px){
  .Area03 .A03_box .PD_tag { display: flex; width: 100%;margin: 0 0 1vw 0vw;  }
  /*取消公用素材預設的tab*/
  .Area03 .A03_box .PD_tag .go_bt { filter: unset;}
  .Area03 .A03_box .PD_tag .go_bt:hover { transform: unset;}
  .Area03 .A03_box .PD_tag img { width: 100%;}
  /*選中的頁籤切換*/
  .Area03 .A03_box .PD_tag a.cate-hover::after { content: ""; position: absolute; top: 1px; left: 50%; width: 100%; z-index: 100; transform: translateX(-50%); aspect-ratio: 480 / 116;}
  .Area03 .A03_box .PD_tag a:nth-child(1).cate-hover::after { background: url(A03_p1_on.png?t=1774950780239) no-repeat top / 100%;}
  .Area03 .A03_box .PD_tag a:nth-child(2).cate-hover::after { background: url(A03_p2_on.png?t=1774950780239) no-repeat top / 100%;}
  /*背景*/
  .A03_swiper { background: url(A03_mbg.png?t=1774950780239) center bottom / 100% no-repeat;} 
}


/*可拖移廣告icon*/
/* .Area_hammerAD { z-index: 300; display: none; position: fixed; bottom: 0; right: 5px;}
.Area_hammerAD .box { position: relative; margin-right: 10px; opacity: 1;}
.Area_hammerAD img { width: 100%; height: auto;}
.Area_hammerAD .closeButton a { display: block; cursor: pointer; position: absolute; width: 20px; height: 20px; border-radius: 50%; font: bold 20px/1em "Century Gothic"; color: #FFF; text-align: center; background-color: rgba(0%,0%,0%,0.5); text-decoration: none; z-index: 2;}
@media screen and (min-width:768px){
  .Area_hammerAD { position: fixed; z-index: 300; bottom: inherit; top: 385px; right: inherit; left: 5px; display: block; width: 210px; height:200px;}
  .Area_hammerAD .closeButton a { top: 0; right: 0;}
  .Area_hammerAD_phone { display: none;}
}
@media screen and (max-width:767px){
  .Area_hammerAD { display: block; width: 26%; bottom: -10px;}
  .Area_hammerAD .closeButton a { top: 1vw; right: 1vw;}
}
@media screen and (min-width:1670px){
  .Area_hammerAD { right: inherit; left: 50%; transform: translateX(-836px);}
} */


.Area03 .notice { /*margin: 1em auto 1.5em;*/ margin: 0 auto; padding: .9em 1em; border-radius: 0.45em; text-align: left; box-sizing: border-box; width: 90%;}
.Area03 .notice { color: #f2d9b6; /*background: #a15842;*/ font-size: 1.75rem; font-weight: 300;}
.Area03 .notice b { filter: brightness(1.05);}
.Area03 .notice h3 { margin: 0; padding-left: .2em; color: #fff;}
.Area03 .notice ul { margin: 0;}
.Area03 .notice ul li { margin-bottom: 0.4em;}
.Area03 .notice ul li .highlight { position: relative; color: #fff; background: -webkit-linear-gradient(90deg, #e1ae6e 20%, #ffd192 60%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: 400; line-height: 2;}
.Area03 .notice ul li .highlight::after {  bottom: -1px;content: ""; position: absolute; bottom: -1px; left: 0; width: 100%; height: 0.2vw; background-color: #b58b5a;}
.Area03 .notice ul li .highlight2 { position: relative; color: #fff; background: -webkit-linear-gradient(90deg, #db0000 20%, #ff0a0a 60%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: 400; line-height: 2;}
.Area03 .notice ul li .highlight2::after {  bottom: -1px;content: ""; position: absolute; bottom: -1px; left: 0; width: 100%; height: 0.2vw; background-color: #ab1c1c;}
@media screen and (min-width:768px){
}
  @media screen and (max-width:767px){
    .Area03 .notice { font-size: var(--mb-message-02); width: 93%; padding: .8em .6em;}
    .Area03 .notice ul { padding-left: 1.5em;}
  }

/*優惠3-超強神券*/
.Area03 .box_good3 table { margin: 0 auto; width: 91.6%; border-collapse: collapse; background-color: #fff; font-family: "微軟正黑體", "Microsoft JhengHei", Arial; box-shadow: 0px 1.5vw 2vw 0px rgba(0, 0, 0, 0.5);}
.Area03 .box_good3 th { padding: 5px; border: 1px solid #322320; background: -webkit-linear-gradient(105deg, #d0a370 20%, #e9c188 60%); font-size: 0.8em;}
.Area03 .box_good3 td { padding: 14px; border: 1px solid #322320; font-size: 1.2em; line-height: 1.5; vertical-align: middle;}
.Area03 .box_good3 table ul,
.Area03 .box_good3 table ol { padding: 0 0 0 20px;}
.Area03 .box_good3 table li { margin: 0 0 10px 0px;}
.Area03 .box_good3 h2{margin-bottom: 10px;padding-top: 15px;font-size: 44px;text-align: center;color: #fff;}

.Area03 .box_good3 .bank_list{width: 100%;border-collapse: collapse;table-layout: fixed;font-size: 14px;}
.Area03 .box_good3 .bank_list thead th {background: linear-gradient(#d9d9d9, #bfbfbf);text-align: center;white-space: nowrap;font-size: 1.3em;}
.Area03 .box_good3 .bank_list th, .Area_case .bank_list td{padding: 12px 10px;vertical-align: top;}

  @media screen and (min-width:768px){
    .Area03 .box_good3 { position: relative;}
    
    .Area03 .box_good3 table { width: 84%; font-size: 22px;}
    .Area03 .box_good3 td { padding-left: 15px;}
    .Area03 .box_good3 .decobox { position: absolute; bottom: -175px; left: 470px; width: 900px; height: 560px;}
    .Area03 .box_good3 .deco_bg { position: absolute; top: 0; left: 0; width: 100%;}
    .Area03 .box_good3 .deco_bg img { width: 100%; height: auto;}
    .Area03 .Area_case .box_title{width: 80%;margin: auto;}
    .Area03 .Area_case .tableArea{width: 80%;margin: auto;}
    .Area03 .box_good3 .btn_case {width: 45%;margin: 42px auto 30px;}
    .Area03 .Area_case  img {width: 100%;}
  }
  @media screen and (max-width:767px){
    .Area03 .box_good3 table { margin-bottom: 1vw; border-radius: .5em; overflow: hidden;}
    .Area03 .box_good3 .decobox { position: relative; margin-bottom: -29vw;}
    .Area03 .box_good3 .deco_bg { position: absolute; top: 0; left: 0; width: 100%;}
    .Area03 .box_good3 h2{margin: 10vw 0 0vw;width: 100%;font-size: 6.2vw;letter-spacing: .02em; }
    .Area03 .box_good3 .btn_case {width:74%;margin: 4vw auto 1vw;}

  }

  .Area03 .Area_case .box .btn {width: 75%;margin: 0 auto;}



 

/*Q&A*/
.Area_QA {}
.moreButton { width: 100%; margin: 0 auto;}
.moreButton b { color: #202020;}
.moreButton .title { font: 30px/1.2em '微軟正黑體'; letter-spacing: -0.05em; text-align: left; margin-bottom: 10px; display: inline-block;}
.moreButton { margin-bottom: 2%;}
dl.moreButton { font-family: "Century Gothic","微軟正黑體","Microsoft JhengHei",Helvetica;}
.moreButton dt { cursor: pointer;}
.moreButton dd { display: none; margin: 0; padding: 3%; font-size: 1.2rem; line-height: 1.5; text-align: left; color: #333; background-color: #dedede; border-radius: 30px;}
.moreButton dd ul { margin: .5em 0; padding-left: 1.5em;}
.moreButton dd ul li { margin-bottom: 0.4em;}
.moreButton dd a { display: inline-block;}
  /*表格*/
  .moreButton table { margin: 0 auto; width: 98%; border-collapse: collapse; background-color: #fff; font-family: "微軟正黑體", "Microsoft JhengHei", Arial;}
  .moreButton th { padding: 5px; border: 1px solid #322320; background: -webkit-linear-gradient(105deg, #d0a370 20%, #e9c188 60%); /*font-size: 0.8em;*/ text-align: center;}
  .moreButton td { padding: 5px; border: 1px solid #322320; font-size: 0.9em; line-height: 1.5; vertical-align: middle;}
  .moreButton table ul,
  .moreButton table ol { padding: 0 0 0 20px;}
  .moreButton table li { margin: 0 0 10px 0px;}
    @media screen and (min-width:768px){
      .moreButton td { padding-left: 15px;}
    }
    @media screen and (max-width:767px){
      .moreButton table { margin-top: 1vw; margin-bottom: 1vw;}
      .moreButton table .colset1 { width: 78px;}
      .moreButton table .colset2 { width: 36px;}
    }
  /*開合*/
  .moreButton .up::after { content: ""; position: absolute; bottom: 36%; margin-left: 2%; width: 0; height: 0; border-style: solid; border-width: .5em .3em 0 .3em; border-color: #fff transparent transparent transparent; transform:rotate(180deg);}
  .moreButton .down::after { content: ""; position: absolute; bottom: 36%; margin-left: 2%; width: 0;height: 0; border-style: solid; border-width: .5em .3em 0 .3em; border-color: #fff transparent transparent transparent;}
  .moreButton .menu_btn { position: relative; display: block; height: auto; width: 100%; letter-spacing: 1px; font-size: 1.6rem; color: #f0f0f0; text-align: left;}
  .moreButton .up img { width: 100%; height: auto;}
  .moreButton .down img { width: 100%; height: auto;}
  .moreButtontag { display:none!important;}
	@media screen and (min-width:768px){
    .Area_QA .box { margin-top: 25px;}
    .moreButton dd { margin-top: 5px;}
  }
	@media screen and (max-width:767px){
    .Area_QA {}
    .moreButton { width: 93%;}
    .moreButton .menu_btn { margin: 5% 0 0; font-size: 1em; line-height: 1.3; letter-spacing: .025em; text-indent: -2.5rem; padding-left: 2.5rem; box-sizing: border-box;}
    .moreButton dd { margin: 2% auto; font: .8em/1.5em '微軟正黑體', 'Century Gothic'; border-radius: 10px;}
    .moreButton .up::after { display: none;}
    .moreButton .down::after { display: none;}
	}







/*Q&A*/
.Area_QA2 { font-size: 16px; }
.Area_QA2 .moreButton { width: 100%; margin: 0 auto;}
.Area_QA2 .moreButton b { color: #202020;}
.Area_QA2 .moreButton .title { font: 30px/1.2em '微軟正黑體'; letter-spacing: -0.05em; text-align: left; margin-bottom: 10px; display: inline-block;}
.Area_QA2 .moreButton { margin-bottom: 2%;}
.Area_QA2 dl.moreButton { font-family: "Century Gothic","微軟正黑體","Microsoft JhengHei",Helvetica;}
.Area_QA2 .moreButton dt { cursor: pointer;}
.Area_QA2 .moreButton dd { display: none; margin: 0; padding: 3%; font-size: 1.2rem; line-height: 1.5; text-align: left; color: #333; background-color: #ffffff; border-radius: 30px;}
.Area_QA2 .moreButton dd ul { margin: .5em 0; padding-left: 1.5em;}
.Area_QA2 .moreButton dd ul li { margin-bottom: 0.4em;}
.Area_QA2 .moreButton dd a { display: inline-block;}
  /*表格*/
  .Area_QA2  .moreButton table { margin: 0 auto; width: 98%; border-collapse: collapse; background-color: #fff; font-family: "微軟正黑體", "Microsoft JhengHei", Arial;}
  .Area_QA2  .moreButton th { padding: 5px; border: 1px solid #322320; background: -webkit-linear-gradient(105deg, #9f9f9f 20%, #9f9f9f 60%); /*font-size: 0.8em;*/ text-align: center;}
  .Area_QA2  .moreButton td { padding: 5px; border: 1px solid #322320; font-size: 1em; line-height: 1.5; vertical-align: middle;}
  .Area_QA2  .moreButton table ul,
  .Area_QA2  .moreButton table ol { padding: 0 0 0 20px;}
  .Area_QA2  .moreButton table li { margin: 0 0 10px 0px;}
    @media screen and (min-width:768px){
      .Area_QA2 .moreButton td { padding-left: 15px;}
    }
    @media screen and (max-width:767px){
      .Area_QA2 .moreButton table { margin-top: 1vw; margin-bottom: 1vw;}
      .Area_QA2 .moreButton table .colset1 { width: 78px;}
      .Area_QA2 .moreButton table .colset2 { width: 36px;}
    }
  /*開合*/
  .Area_QA2 .moreButton .up::after { content: ""; position: absolute; bottom: 36%; margin-left: 2%; width: 0; height: 0; border-style: solid; border-width: .5em .3em 0 .3em; border-color:#666363 transparent transparent transparent; transform:rotate(180deg);}
  .Area_QA2 .moreButton .down::after { content: ""; position: absolute; bottom: 36%; margin-left: 2%; width: 0;height: 0; border-style: solid; border-width: .5em .3em 0 .3em; border-color: #ae1010 transparent transparent transparent;}
  .Area_QA2 .moreButton .menu_btn { position: relative; display: block; height: auto; width: 100%; letter-spacing: 3px; font-size: 1.4rem; color: #ffffff; text-align: left;}
  .Area_QA2 .moreButton .up img { width: 100%; height: auto;}
  .Area_QA2 .moreButton .down img { width: 100%; height: auto;}
  .Area_QA2 .moreButtontag { display:none!important;}
	@media screen and (min-width:768px){
    .Area_QA2 .Area_QA2 .box { margin-top: 25px;}
    .Area_QA2 .moreButton dd { margin-top: 5px;}
  }
	@media screen and (max-width:767px){
    .Area_QA2 .Area_QA2 { }
    .Area_QA2 .moreButton { width: 93%;}
    .Area_QA2 .moreButton .menu_btn { margin: 5% 0 0; font-size: 1em; line-height: 1.3; letter-spacing: .025em; text-indent: -2.5rem; padding-left: 2.5rem; box-sizing: border-box;}
    .Area_QA2 .moreButton dd { margin: 2% auto; font: 0.9em/1.5em '微軟正黑體', 'Century Gothic'; border-radius: 10px;}
    .Area_QA2 .moreButton .up::after { display: none;}
    .Area_QA2 .moreButton .down::after { display: none;}
	}















/*注意事項區*/
.edm_notice { position: relative; margin: 30px auto; text-align:center; padding: 10px 10px 15px 10px; color: #e4d1ad; font: 12px/18px Helvetica;}
.edm_notice .apple_notice { padding: 10px 0px 10px 0px;}
@media screen and (max-width:767px){
  .edm_notice { position: relative; margin: 0 ; text-align: center; padding: 10px 10px 15px 10px; color:#e4d1ad; font: 12px/18px Helvetica;}
}


/*隱鑶*/
.for_pc {}
.for_phone { display: none !important;}
@media screen and (max-width:767px){
	.for_pc { display: none !important;}
	.for_phone { display: block !important;}
}