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

.articleList img.lazy_off { background-image: none!important;background-color: #e8d3af}
.WRAPPER { overflow: hidden;}

/* --------------------------------------
 * page 頁面
 * -------------------------------------- */

/*版頭*/
.Area_top { height:650px; max-width: 100%; position: relative; display: flex; justify-content: center; align-items: center;background-color: #e8d3af}
  @media screen and (max-width: 767px) {
    .Area_top {  height: auto;  overflow: visible;}
  }
.Area_top-btnwrap { width: 1220px;height: 100%; position: absolute; pointer-events: none; top: 0;}
  @media screen and (max-width: 767px) {
    .Area_top-btnwrap { width: 100%; }
  }
.btn_ { pointer-events: all !important;}
.Area_top-backdrop { width: 100%; height: 100%; background-position: top center; background-size: cover; background-repeat: no-repeat;}
.top-backdrop-01 {  position: absolute;  background-image: url(../images/bgtop_1_0.png?t=1779242324499);  width: 2000px; }
.top-backdrop-02 {  position: absolute;  background-image: url(../images/bgtop_2_4.png?t=1779242324499);  width: 2000px; left: -600px;  mix-blend-mode: screen; animation: lightmove 3s; transform-origin: left top;}
.top-backdrop-03 {  position: absolute;  background-image: url(../images/bgtop_2_5.png?t=1779242324499);  width: 2000px; mix-blend-mode: screen; animation: lightshine 2s alternate infinite;}
.Area_top-deco.for_pc { width: 100%; height: 100%; transform: translateX(-32%);}
.Area_top-deco .top-deco{ position: absolute; background-repeat: no-repeat;}

.deco-01 {  background: url(../images/bgtop_2_1.png?t=1779242324499) content-box;  width: 709px;  height: 608px;  top: 0;  left: 0; animation: bounceInLeft 1s ease-in-out forwards ;  }
.deco-02 {  background: url(../images/bgtop_2_2.png?t=1779242324499) content-box;  width: 409px;  height: 389px;  top: 0;  left: 1593px; animation: bounceInRight 1s ease-in-out forwards ;   }
.deco-03 {  background: url(../images/bgtop_2_3.png?t=1779242324499) content-box;  width: 307px;  height: 301px;  top: 349px;  left: 1378px; animation: ballmove 10s ease-in-out infinite; }
/*.deco-04 {  background: url(../images/bgtop_2_4.png?t=1779242324499) content-box;  width: 1480px;  height: 845px;  top: 487px;  left: 818px;    mix-blend-mode: screen; }
.deco-05 {  background: url(../images/bgtop_2_5.png?t=1779242324499) content-box;  width: 2000px;  height: 984px;  top: 102px;  left: 382px;  mix-blend-mode: screen;  }*/

.Area_top-backdrop.for_phone {  /* background-image: url(../images/m_bgtop_1_0.jpg?t=1779242324499); */  width: 100%;  height: calc(100vw / 1.3);  /* background-size: contain; */  margin-bottom: auto;}

@media screen and (max-width: 767px) {
  .deco-00 {  position: absolute;  background-image: url(../images/mbgtop_1_0.png?t=1779242324499);  background-size: cover; width: 100vw; height: 131vw;    top: 0vw;   }
  .deco-01 {  position: absolute;  background: url(../images/mbgtop_2_1.png?t=1779242324499);  background-size: cover;  width: 33vw;  height: 39vw;  top: 37vw;  left: -13vw; animation: ballmove 10s ease-in-out infinite;  }
  .deco-02 {  position: absolute;  background: url(../images/mbgtop_2_2.png?t=1779242324499);  background-size: cover;  width: 35vw;    height: 35vw;   top: 57vw;  left: 77vw;  animation: ballmove2 10s ease-in-out infinite;  }
  .deco-03 {  position: absolute;  background: url(../images/mbgtop_2_3.png?t=1779242324499);  background-size: cover;  width: 100vw;    height: 128vw;    top: 0;  left: 0; mix-blend-mode: screen; animation: lightmove 3s; transform-origin: left top; }
}

@keyframes lightmove {
0% { transform: rotate(-50deg); filter: brightness(100%); }
50%{ transform: rotate(-25deg); filter: brightness(130%); }
100%{ transform: rotate(0deg); filter: brightness(100%); }
}

@keyframes lightshine{
0% { filter: brightness(100%); }
100% { filter: brightness(150%); }
}

@keyframes ballmove{
0%{ transform: translate(0,0);}
25%{ transform: translate(20px,0px);}
50%{ transform: translate(-20px,-20px);}
75%{ transform: translate(0,0);}
}

@keyframes ballmove2{
0%{ transform: translate(0,0);}
25%{ transform: translate(-20px,0px);}
50%{ transform: translate(20px,20px);}
75%{ transform: translate(0,0);}
}


.Area_top .main_title { position: absolute; top: -25px; width: 90%; pointer-events: none; animation: fadeInDownBig .5s  ease-in-out forwards; }
.Area_top .main_title img { width: 100%; height: auto; }
@media screen and (max-width:767px){
  .Area_top .main_title { top: -7vw; width: 135%; }  
}

/*調共用*/
.WRAPPER img { width: 100%; height: auto; }
@media screen and (min-width: 768px) {
  .Area_logo { width: 105px; }
  .Area_boxstyle .box .PD_layout { width: 97%; }  
  }
@media screen and (max-width: 767px) {
  .Area_logo { width: 17%; }
  .Area_top .btn_more { top: 0vw; }
  .Area_GameStyle h3 { line-height: 1.3;}
}


/*置底警語*/
.edm_notice { position: relative; display: flex; flex-wrap: wrap; flex-direction: column; justify-content: center; align-items: center; text-align: center; margin: 0 auto; padding: 0 0 30px; color: #704405; }
@media screen and (max-width: 767px) {
  .edm_notice { gap: 2vw; padding: 0 0 38vw; font-size: 3.5vw; }
}

/** 倒數 **/
.TimerNick {position:absolute;top: 575px;left:50%;transform:translateX(-50%);}
.TimerNick { text-shadow: none;}
.TimerNick .TIMER {margin:0 auto;padding:0;overflow:hidden;text-align: center;color:#ffe7a3;font-size:28px;line-height:40px;font-weight:800;font-family:"微軟正黑體","Microsoft JhengHei", Arial, Helvetica;}
.TimerNick .icon { position:relative; top:6px; margin-right:4px;}
.TimerNick small { position:relative; top: 3px; font-size:18px;}
.TimerNick .time_day { font-size:22px; letter-spacing:0.05rem; }
.TimerNick .FontStyle {position:relative;padding: 0 5px 0 0px;font-size:32px;text-align:center;color: #ffe7a3;}
.TimerNick .FontStyle b { display:inline-block; font-weight:500; font-family: Century Gothic;}
    @media screen and (max-width:767px){
      .TimerNick {position: absolute;top: auto;bottom: 8.5vw;left: 0;transform: none;width: 100%;text-align: center;}
      .TimerNick .TIMER { font-size:3.6vw; line-height:5.5vw; }
      .TimerNick .icon { display: block; top:0.5vw; width:4vw; filter: none;}
      .TimerNick small { margin: 0 0.2vw; top: inherit; font-size: 3vw; float: none;}
      .TimerNick .time_day { position:relative; font-size:3.5vw; letter-spacing:0; float: none;}
      .TimerNick .FontStyle { padding: 0 1% 0 0;  font-size:4.8vw; float: none;}
      .TimerNick .FontStyle b {  margin:0; width:2.5vw; font-family:Helvetica;}
    }    

    

/*搶紅包*/
.Area_grabmoney .box_game { position: relative; border-radius: 0.5em; margin: 2% auto ; overflow: hidden; background-color: #3f7fe7;}
.Area_grabmoney .box_game img { width: 100%; height: auto;}
.Area_grabmoney .box_game h3 { line-height: 1.825;}
.Area_grabmoney .box_3 .btn { margin-top: -6%; width: 34%;}  
    @media screen and (min-width:768px){
      .Area_grabmoney .box_game { width: 90%; }
    }
    @media screen and (max-width:767px){
      .Area_grabmoney .box_game { width: 90%; }
    }
    /*正式調整*/
    @media screen and (min-width:768px){
      .Area_grabmoney .box_1 h3 { font-size: 2.25em;}
    }
    @media screen and (max-width:767px){
      .Area_grabmoney.Area_boxstyle > .Area_boxstyle_box1 { padding-top: 5vw;}
      .Area_grabmoney .box_1 h3 { font-size: 1.125em; letter-spacing: -0.05em; line-height: 1.105em;}
      .Area_grabmoney .box_1 h3 b { font-size: 0.875em;}     
      .Area_grabmoney .box_1 .btn { width: 30%; margin: 0.2em auto 0.4em;}
    }

    @media screen and (min-width:768px){
      .Area_game1 .box_1{ margin-top: 0; width: 80%; margin:0 auto 0;padding-top: 25px;}
    }

    @media screen and (max-width:767px){
      .Area_game1 .box_1{ margin-top: 0; width: 94%; margin:0 auto 0;}
    }

/*每時段名額*/
.Area_grabmoney_NUM .box_table table { margin: 0 auto; width: 95%;}
.Area_grabmoney_NUM .box_table tr td { font-weight: 800;}
.Area_grabmoney_NUM .box_table tr td:first-child { width: 72%;}
    @media screen and (min-width:768px){
      .Area_grabmoney_NUM .box_table table { margin: 0 auto; width: 85%;}
    }


/*紅包獎項*/
.Area_grabmoney_PD img { width: 100%; height: auto;}
.Area_grabmoney_PD .btn { width: 44%;}
.Area_grabmoney_PD .box_2 a { margin-bottom: 0;}
    @media screen and (min-width:768px){
      .Area_grabmoney_PD .box_2 { margin-top: 3em;}
    }
    @media screen and (max-width:767px){
      .Area_grabmoney_PD .box_2 { margin-top: 2em;}
    }

/*商品折價券*/
.Area_grabmoney_coupon .box_ { padding: 0 5%; }
.Area_grabmoney_coupon .box_ a::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.Area_grabmoney_coupon .box_ img { width: 100%; height: auto;}
    /*加陰影*/
    @media screen and (min-width:768px){
      .Area_grabmoney_coupon .box_ a { border-radius: 20px; overflow: hidden; filter: drop-shadow(0 8px 8px rgba(221,91,85,0.5)); }
      .Area_grabmoney_coupon .box_ a::after { border-radius: 20px; box-shadow: inset 0 5px 0 0 rgba(0,0,0,0.15);}
    }
    @media screen and (max-width:767px){
      .Area_grabmoney_coupon .box_ a { border-radius: 2vw; overflow: hidden; filter: drop-shadow(0 1vw 1vw rgba(221,91,85,0.5)); }
      .Area_grabmoney_coupon .box_ a::after { border-radius: 2vw; box-shadow: inset 0 0.5vw 0 0 rgba(0,0,0,0.15);}
    }



/*浮層樣式--特殊版--關閉btn*/
.blackBox .special_ .box h3 span.close{ z-index: 2; top: 1.5em; right: 1em; width: 2em; height: 2em; border-radius:50%; border: none; background: #000; } 
.blackBox .special_ .box h3 span.close a {  position: relative; display: inline-block; color:#FFF;}
.blackBox .special_ .box h3 span.close a:before,
.blackBox .special_ .box h3 span.close a:after{ content: ''; z-index: 0; position: absolute; top:14px; width: 22px; height: 3px; background: #FFF; border-radius: 2px; cursor: pointer;}
.blackBox .special_ .box h3 span.close a:before{ -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); transform: rotate(45deg); right:5px;}
.blackBox .special_ .box h3 span.close a:after{ -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); transform: rotate(-45deg); right:5px;}

/*浮層樣式--特殊版--內容*/
.special_ .box { padding-bottom: 2%;}
.special_ .box h3 { display: flex;  text-align: left; color:#FFF; background-color: transparent; background-repeat: no-repeat; background-position: left center; background-size: 100%; }
.special_ .box h3 .logo { display: flex; flex: auto 0 0;}
.special_ .box .txtArea { margin: 0 auto; padding: 3%; width: 96%; border-radius: 10px; background-color: #fff;}
.special_ .box .txtArea h4 { position: relative; height: auto; width: 106%; left: -3%;}
.special_ .box .txtArea ol { margin: 0; padding: 0 1em 0 2em; text-align: justify;}
.special_ .box .txtArea ol ol { padding: 0;; padding-left: 1em;}
.special_ .box .txtArea li { margin: 0 auto 0.5em; }
    @media screen and (min-width:768px){
      .special_ .box h3 { height:150px; line-height: 150px; font-size: 50px;}
      .special_ .box h3 .logo { margin: 30px 20px 30px 30px;}
      .special_ .box h3 img { padding: 0px 0; width: auto; height: 90px;}
      .special_ .box .txtArea h4 { margin: -15px 0 0 0;}
      .special_ .box .txtArea li { font-size:20px; }
    }
    @media screen and (max-width:767px){
      .special_ .box h3 { height:5rem; line-height:5rem; font-size: 7vw;  line-height: 5rem; }
      .special_ .box h3 .logo { margin: 1rem;}
      .special_ .box h3 img { padding:0; width: auto; height: 2.8rem;}
      .special_ .box .txtArea h4 { margin: -2% 0 0% 0; }
      .special_ .box .txtArea li { font-size:4vw; }
    }
    /*改列表樣式*/
    .special_ .box .txtArea ol { list-style: cjk-ideographic;}
    .special_ .box .txtArea ol li ol { list-style: decimal;}


/*兌獎浮層*/
.blackBox_IT .agreeArea.special_ { top: auto !important;}
.agreeArea .box_gift { display: flex; justify-content: center; align-items: center; margin: 3% auto; width: 100%; text-align: center; font-size: 0;}
.agreeArea .box_gift img { width: 100%; height: auto;}
.agreeArea .box_gift .btn_barcode { position: relative; margin: 0 auto; margin-right: 4%; width: 42%;}
.agreeArea .box_gift .btn_gift { position: relative; margin: 0 auto; width: 65%;}
.agreeArea .box_gift .btn_gift a { position: relative; display: block; margin: 0; padding: 1.2rem 0 1rem; border-radius: 50px; font-size: 35px; line-height: 1.6rem; color: #FFF; font-weight: 800; background-color: #5359A0; text-align: center;}
.agreeArea .box_gift .btn_gift a:hover { filter: brightness(110%);}
.agreeArea .box_gift .btn_gift a small { display: block; margin-top: 8px; font-size: 15px; line-height: 1; font-weight: 300;}
.agreeArea .box_gift .btn_gift a.off { background: #6E6E6E; }
.agreeArea .box_gift .btn_gift p { margin: 0; padding: 0; text-align: center; color: #999999; font-size: 15px; line-height: 2; font-weight: 300;}
    @media screen and (max-width:767px){
      .agreeArea .box_gift .btn_gift a { padding: 10px 0 10px; border-radius: 50px; font-size: 24px; }
      .agreeArea .box_gift .btn_gift a small { bottom: 0; margin-top: 4px; font-size: 10px;}
      .agreeArea .box_gift .btn_gift p { font-size: 10px; }
    } 
    /*狀態設定*/
    .agreeArea .box_gift .btn_gift a.off { display: none;}
    .agreeArea .box_gift .btn_gift.cate_off a.on { display: none;}
    .agreeArea .box_gift .btn_gift.cate_off a.off { display: block;}

/*查詢紀錄浮層*/
.agreeArea .box .table3 th { background-color: #fff;}
.agreeArea .box .agree_table { overflow-x: hidden; overflow-y: auto; max-height: 70vh; }
.agreeArea .box .agree_table td { vertical-align: middle;}
.agreeArea .box .agree_table .btn_view { padding: 0.2em 1em; border-radius: 30px; color: #FFF; background: #ff2175; text-decoration: none;}


  @media screen and (min-width:768px){
.Area_BN {margin: 0 auto 150px}	  	  
}


  @media screen and (max-width:767px){
.Area_BN {margin: 0 auto 5vw}	  
}

      .Area_brushlist_list { position: relative; }
      .Area_brushlist_list .box_pctop3 .top_ .PD_into h3, 
      .Area_brushlist_list .box_pctop3 .top_ .PD_into h4 b, 
      .Area_brushlist_list .box_pctop3 .top_ .PD_into h4 span 
      { font-family: "Century Gothic","Noto Sans CJK TC";}
        /*PC-Top3*/
        .Area_brushlist_list .box_pctop3 { position: relative; display: flex; margin: 0 auto; aspect-ratio: 1220 / 770; width: 90%; }
        .Area_brushlist_list .box_pctop3 .top_ { position: relative; min-width: 30%; aspect-ratio: 246 / 430; }
        .Area_brushlist_list .box_pctop3 .top_ .PD_into h3 { font-size: 30px;  display: flex; flex-direction: column; max-height: initial; line-height: 1.5; letter-spacing: -0.035em; }
        .Area_brushlist_list .box_pctop3 .top_ .PD_into h3 .js-PD_txt1  { color: #df0c0c; font-size: 27px; }
        .Area_brushlist_list .box_pctop3 .top_ .PD_into h3 .js-PD_txt2  { font-weight: 400; font-size: 27px; }
        .Area_brushlist_list .box_pctop3 .top_ .PD_into h3 .js-PD_txt3  { color: #f56728; font-size: 33px; }
        .Area_brushlist_list .box_pctop3 .top_.t02 {  }
        .Area_brushlist_list .box_pctop3 .top_.t02 .PD_into,
        .Area_brushlist_list .box_pctop3 .top_.t03 .PD_into { z-index: 5; position: relative; margin: 355px 0 0; }
        .Area_brushlist_list .box_pctop3 .top_.t02::after { z-index: 1; content: ""; display: block; clear: both; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 100%; aspect-ratio: 246/430; background: url(t02bg.png?t=1779242324499) center top / 100% no-repeat; }
        .Area_brushlist_list .box_pctop3 .top_.t01 {  }
        .Area_brushlist_list .box_pctop3 .top_.t01 .PD_into { z-index: 5; position: relative; margin: 375px 0 0; }
        .Area_brushlist_list .box_pctop3 .top_.t01::after { z-index: 1; content: ""; display: block; clear: both; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 100%; aspect-ratio: 246/430; background: url(t01bg.png?t=1779242324499) center top / 100% no-repeat; }
        .Area_brushlist_list .box_pctop3 .top_.t03 {  }
        .Area_brushlist_list .box_pctop3 .top_.t03::after { z-index: 1; content: ""; display: block; clear: both; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 100%; aspect-ratio: 246/430; background: url(t03bg.png?t=1779242324499) center top / 100% no-repeat; }
        /*4-20名-標題*/
        .Area_brushlist_list .box_list .ul_head { position: relative; margin: 0 auto; width: 100%; }
        .Area_brushlist_list .box_list .ul_head ul { width: 100%; display: flex; justify-content: center; padding: 0; margin: 0; column-gap: 325px; }
        .Area_brushlist_list .box_list .ul_head ul::before { content: ""; display: block; clear: both; width: 100%; position: absolute; top: 0; left: 0; height: 1px; border: 1px solid #c0a28c; }
        .Area_brushlist_list .box_list .ul_head ul::after { content: ""; display: block; clear: both; width: 100%; position: absolute; bottom: 0; left: 0; height: 1px; border: 1px solid #c0a28c; }
        .Area_brushlist_list .box_list .ul_head li {  text-align: center; margin: 0; }
        /*4-20名-列表*/
        .Area_brushlist_list .box_list .ul_body { position: relative; display: flex; flex-direction: column; }
        .Area_brushlist_list .box_list .ul_body .list_ .PD_layout .PD_into ,
        .Area_brushlist_list .box_list .ul_body .list_ .PD_layout .PD_into h3 { display: flex; flex-direction: row; width: 100%; justify-content: space-evenly; align-items: center; text-align: center; padding: 0; margin: 0 auto; font-size: 25px; }
        .Area_brushlist_list .box_list .ul_body .list_ .PD_layout .PD_into h3 b, 
        .Area_brushlist_list .box_list .ul_body .list_ .PD_layout .PD_into h3 span { margin: 0 auto; }
        @media screen and (max-width:767px){
          /*top3*/
          .Area_brushlist_list .box_pctop3 { flex-wrap: nowrap; flex-direction: column; gap: 2vw; width: 95%; margin: 5vw auto 0; aspect-ratio: 960 / 520; }
          .Area_brushlist_list .box_pctop3 .top_ { min-width: initial; width: 100%; aspect-ratio: 850 / 120; }
          .Area_brushlist_list .box_pctop3 .top_ .PD_into h3 { flex-direction: row; align-items: center; gap: 2vw; padding: 0 0 0 17vw; }
          .Area_brushlist_list .box_pctop3 .top_.t02 .PD_into,
          .Area_brushlist_list .box_pctop3 .top_.t03 .PD_into { margin: 0; }
          .Area_brushlist_list .box_pctop3 .top_.t02::after { top: -1vw; aspect-ratio: 850/118; background: url(box_phototop2_bg.png?t=1779242324499) center top / 100% no-repeat; }
          .Area_brushlist_list .box_pctop3 .top_.t01 { order: -1; }
          .Area_brushlist_list .box_pctop3 .top_.t01 .PD_into { margin: 0; }
          .Area_brushlist_list .box_pctop3 .top_.t01::after { top: -1vw; aspect-ratio: 850/118; background: url(box_phototop1_bg.png?t=1779242324499) center top / 100% no-repeat; }
          .Area_brushlist_list .box_pctop3 .top_.t03::after { top: -1vw; aspect-ratio: 850/118; background: url(box_phototop3_bg.png?t=1779242324499) center top / 100% no-repeat; }
          .Area_brushlist_list .box_pctop3 .top_ .PD_into h3 .js-PD_txt1  { font-size: 3.5vw; }
          .Area_brushlist_list .box_pctop3 .top_ .PD_into h3 .js-PD_txt2  { font-size: 3.5vw; }
          .Area_brushlist_list .box_pctop3 .top_ .PD_into h3 .js-PD_txt3  { font-size: 5vw; overflow: visible; }
          /*4-20-標題*/
          .Area_brushlist_list .box_list .ul_head li { margin: 1vw 0; }
          .Area_brushlist_list .box_list .ul_head li span { font-size: 4vw; }
          /*4-20-列表*/
          .Area_brushlist_list .box_list .ul_head ul { flex-direction: row; gap: 20vw; }
          .Area_brushlist_list .box_list .ul_body .list_ { margin: 3vw 0 0; }
          .Area_brushlist_list .box_list .ul_body .list_ .PD_layout .PD_into ,
          .Area_brushlist_list .box_list .ul_body .list_ .PD_layout .PD_into h3 { font-size: 4vw; }
        }      

		/*more���s*/
		.Area_brushlist_list .box_list_more{ position: absolute; bottom: -50px; left: 383px;width: 149px; margin: 0 auto}
		.Area_brushlist_list .box_list_more_btn:hover{ filter: brightness(1.3); }
			@media screen and (max-width:768px){
              .Area_brushlist_list .box_list_more{width: 16%; left: 42%; bottom: -5vw;}
            }
      
        /*�Ƶ�*/
        .Area_brushlist_list .box_txt {width: 100%;position: relative; margin: 10px auto 0; text-align: center;color: #4d2c2a;font-size: 20px;}
        .Area_brushlist_list .box_txt span { color: #e01c1a; }
            @media screen and (max-width:768px){
              .Area_brushlist_list .box_txt { position: relative; width: 90%; font-size: 3.2vw;}
              .Area_brushlist_list .box_txt span { font-size: 3.5vw; }
            }
  @media screen and (min-width:768px){
.Area00 {position: relative;height: 240px;top: -120px;color: #5d2d0b; line-height:1.5;}	  
}
  @media screen and (max-width:767px){
.Area00 {top:-15vw;color: #5d2d0b;height:17vw;line-height:1.6;}	  
}

/*公版壓標*/
.icon_hot .PD_img::after{content: ""; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 0; padding-bottom: 100%; background-repeat: no-repeat; background-size: 100%; pointer-events: none; border-radius:0.4em;}
.icon_hot0 .PD_img::after{ background-image: url(icon_hot0.png?t=1779242324499);}


@media screen and (max-width:767px){
  .icon_hot .PD_img::after{ border-radius: 0.5em;}
}

/*關鍵字微調*/
@media screen and (min-width: 768px){
	.PD_layout-D1_03 .PD_into {padding:0;}
}

.PD_layout-D1_03 .PD_slide {background-color:#c2aa8e}
.PD_layout.PD_layout-D1_03  .PD_slide:hover{box-shadow:none;background-color:#ac6c18}

.PD_layout-D1_03 .PD_slide {background-color:#c2aa8e}
.PD_layout.PD_layout-D1_03  .PD_slide:hover{box-shadow:none;background-color:#ac6c18}
  @media screen and (min-width:768px){
	  .PD_layout-D1_03 {margin-top: 50px;}
}

  @media screen and (max-width:767px){
	  .PD_layout-D1_03 {margin-top:5vw;}
}


/*移除公版設定*/
.Area .remove_box_style ul {background-color: transparent;grid-gap: 10px;}
.Area .remove_box_style ul li { border: none!important;background-color: transparent;}
@media screen and (max-width:767px){
  .Area .remove_box_style ul {width: 100%; }
  .Area .remove_box_style ul { padding: 0; }
}

/*輪播公版移除公版樣式設定*/
/*PD_layout 區塊加上swiper_remove_box_style標籤
css貼上以下語法*/

/*輪播移除公版設定*/
.Area .Area_swiper .PD_layout.remove_box_style .swiper-container-horizontal>.swiper-pagination-bullets { bottom: 0; }
.Area .Area_swiper .PD_layout.remove_box_style ul { background-color: transparent; display: flex; grid-gap: 0; padding: 0;}
@media screen and (max-width:767px){
}