@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:620px; 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:60vw;  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=1779245388234);  width: 2000px; }
.top-backdrop-02 {  position: absolute;  background-image: url(../images/bgtop_2_4.png?t=1779245388234);  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=1779245388234);  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=1779245388234) 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=1779245388234) 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=1779245388234) 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=1779245388234) content-box;  width: 1480px;  height: 845px;  top: 487px;  left: 818px;    mix-blend-mode: screen; }
.deco-05 {  background: url(../images/bgtop_2_5.png?t=1779245388234) 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=1779245388234); */  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=1779245388234);  background-size: cover; width: 100vw; height: 131vw;    top: 0vw;   }
  .deco-01 {  position: absolute;  background: url(../images/mbgtop_2_1.png?t=1779245388234);  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=1779245388234);  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=1779245388234);  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%; }  
}

/*調共用*/
.fixedfooterArea { pointer-events: auto!important; height: 12vh; }
@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%; }
}


  @media screen and (max-width:767px){
	.Area_boxstyle > .Area_boxstyle_box1 { padding-top: 11vw} 
	}  
.Area_GameStyle  .txt_time_now {margin:3% auto 0; color: #FFF; width: 60%;  background-color: #7f500c; border-radius:50px }


.game_remind {position: absolute;  top: 32%;   right: 1%;  width:18%;}

/* --------------------------------------
 * 超級夾夾樂-夾夾樂頁
 * -------------------------------------- */

/*夾夾樂*/
.Area_game1 .box_game { z-index: 2; position: relative; margin: 2.25em auto; width:87%;}
.Area_game1 .box_1 h3.message-01 { line-height: 1.5; padding-bottom: 0.2em; }
.Area_game1 .box_1 h3.message-02 { line-height: 1.5; }
.Area_game1 .box_1 b.hint { color: #ff6420; }
.Area_game1 .game_claw .clipArea { position: absolute; top: 6.5%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 73.6%; height: 62.2%; border-radius: 9% 12% 0 0; overflow: hidden;}
.Area_game1 .game_claw .gameClip { position: absolute; top: 5.5%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 23%;}
.Area_game1 .game_claw h3 { position: absolute; bottom: 4.9%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%);}
.Area_game1 .game_claw h3 b {}
.Area_game1 .txt_time_now { line-height: 2; }
.Area_game1 .game_claw h3 b b { font-size: 1.15em; /*font-weight: 300;*/}
    @media screen and (min-width:768px){
      .Area_game1 .box_game .game_in_box { position: relative; margin: 0 auto; width: 711px; height: auto;}
      .Area_game1 .box_game .game_in_box img { width: 100%; height: auto;}
    } 
    @media screen and (max-width:767px){
      .game_remind { z-index: 20; }
      .Area_game1 .box_game { margin: 3.5vw auto; width: 86%;}
	.Area_game1 .game_claw h3 { width: 100%; position: absolute; bottom:4vw; }
  .Area_game1 .game_claw h3 b { font-size: 0.95em; letter-spacing: -0.035em; }

    }
  /*按鈕*/
  .Area_game1 .game_claw .claw_btn_all { position: absolute; bottom: 163px; left: 0; width: 100%;}
  .Area_game1 .game_claw .claw_btn { position: absolute; top: 69%; right: 0; border-radius: 10em; box-shadow: 0 14px #96460f; /*-webkit-transform: translateY(-52%); transform: translateY(-52%);*/
                  -webkit-transition: all 0.3s ease;
                     -moz-transition: all 0.3s ease;
                      -ms-transition: all 0.3s ease;
                       -o-transition: all 0.3s ease;
                          transition: all 0.3s ease;}
  .Area_game1 .game_claw .claw_btn:hover { box-shadow: 0 5px #96460f; -webkit-transform: translateY(12%); transform: translateY(12%); filter: brightness(120%);}
  .Area_game1 .game_claw .game_btn { width: 33%; left:53%;}
    @media screen and (min-width:768px){
      .Area_game1 .pbox { margin: 0 auto; width: 88%; }
    } 
    @media screen and (max-width:767px){
      .Area_game1 .game_claw .claw_btn_all { position: absolute; bottom: 19%; left: 0; width: 100%;}
      .Area_game1 .game_claw .claw_btn { box-shadow: 0 1.5vw #96460f;}
      .Area_game1 .game_claw .claw_btn:hover { box-shadow: 0 0.5vw #96460f;}
    }
  /*開搶中動效*/
  .clip-play { -webkit-animation:clip-play 1.3s infinite ease-in-out alternate;
                       animation:clip-play 1.3s infinite ease-in-out alternate;}
  @-webkit-keyframes clip-play {
       0% { -webkit-transform:translateX(50%) rotate(-5deg); transform:translateX(50%) rotate(-5deg);}
     100% { -webkit-transform:translateX(-50%) rotate(5deg); transform:translateX(-50%) rotate(5deg);}
  }
  @keyframes clip-play {
       0% { -webkit-transform:translateX(50%) rotate(-5deg); transform:translateX(50%) rotate(-5deg);}
     100% { -webkit-transform:translateX(-50%) rotate(5deg); transform:translateX(-50%) rotate(5deg);}
  }



/*搶紅包*/
.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:-30px auto 0; padding-top:0px;}
    }

    @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);}
    }

.Area_AD { position: relative; margin: -110px auto 0; height: 430px; }
.Area_AD .PD_layout ul { padding: 0; }
.Area_AD .PD_layout .PD_slide .PD_img {  }
.Area_AD .PD_layout .PD_slide .PD_img img { border-radius: 0.75em; }
@media screen and (max-width:767px){
  .Area_AD { margin: -20vw auto 0;height: 50vw; }
  .Area_AD .swiper-pagination-bullets { bottom: 0!important; }
}


/*浮層樣式--特殊版--關閉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 { font-family: "Century Gothic","Microsoft JhengHei";}
    .Area_brushlist_list h3 { position: relative; /*margin: 0 auto;*/ padding: 0; color:#57352f; /*font-size: 60px;*/  }
    .Area_brushlist_list h3 small {  width: 100%; font-weight: 300; font-size: 30px; }
        @media screen and (max-width:768px){
          .Area_brushlist_list h3 { padding-top: 2%; margin: 0 0 4%; font-size: 7vw; }
          .Area_brushlist_list h3 small { bottom: 1.5vw;  font-size: 3vw;  }
        }
        /*PCTop3*/
        .Area_brushlist_list .box_pctop3 { position: relative; margin: -40px 0 10px;}
        .Area_brushlist_list .box_pctop3 ul { margin:0; padding:0; list-style:none;}
        .Area_brushlist_list .box_pctop3 ul:after { content:""; display:block; clear:both;}
        .Area_brushlist_list .box_pctop3 li { position: absolute;width: 285px; height: 180px; font-size:28px; line-height:1; text-align:center; color: #f87c25;}
        .Area_brushlist_list .box_pctop3 li:nth-of-type(1) { top: 256px; left: 334px;}
        .Area_brushlist_list .box_pctop3 li:nth-of-type(2) { top: 247px; left: 96px;}
        .Area_brushlist_list .box_pctop3 li:nth-of-type(3) { top: 248px; left: 578px;}
        .Area_brushlist_list .box_pctop3 li p { margin: 0; margin-top: 31px; padding: 0;}
        .Area_brushlist_list .box_pctop3 li .name { font-size: 40px; color: #794d1c; line-height: 1.3; font-weight: bold;}
        .Area_brushlist_list .box_pctop3 li .amt { font-size: 27px; font-weight: 500; color: #f87c25;line-height:0.5 }
        /*�C��*/
        .Area_brushlist_list .box_list {width: 858px; margin: 0 auto;}
        .Area_brushlist_list .box_list ul { margin:0; padding:0; list-style:none; width:100%; font-size:28px; line-height:2; text-align:center;}
		.Area_brushlist_list .box_list ul .amt{ font-weight: 100; font-size: 30px;}
		.Area_brushlist_list .box_list ul .name{ padding-top:1px;}
		.Area_brushlist_list .box_list li { position: relative; margin:0; padding:0;}
        .Area_brushlist_list .box_list li:after { content:""; display:block; clear:both;}
        .Area_brushlist_list .box_list li span { float:left; display:block;}
        .Area_brushlist_list .box_list li span:nth-of-type(n+1) { width:15%;}
        .Area_brushlist_list .box_list li span:nth-of-type(n+2) { width:40%; margin-left: -10px;}
        .Area_brushlist_list .box_list li span:nth-of-type(n+3) { width:40%;}
		.Area_brushlist_list .box_list .box_list_more{}
            @media screen and (max-width:767px){
              .Area_brushlist_list .box_list {width: 100%; padding-top:0;}
              .Area_brushlist_list .box_list ul { font-size:4.5vw; line-height:2;}
              .Area_brushlist_list .box_list li { margin: 0 0 1vw;}
			  .Area_brushlist_list .box_list li span:nth-of-type(n+1) { margin-left: 3vw;}
			  .Area_brushlist_list .box_list li span:nth-of-type(n+2) { margin-left: -2vw;}
			  .Area_brushlist_list .box_list li span:nth-of-type(n+3) { margin-left: -1vw;margin-top: -1vw;font-size: 5.5vw;}
		

            }   
        /*���*/

        .Area_brushlist_list .box_list .ul_head { margin:0 auto 20px; color:#96650c; font-size:30px; font-weight:normal;}
        .Area_brushlist_list .box_list .ul_head li { -webkit-box-sizing:border-box; box-sizing:border-box; border:2px solid #96650c; border-right:0; border-left:0; text-align: center;}
        .Area_brushlist_list .box_list .ul_body { margin:0 auto;  color:#57352f;}
            @media screen and (max-width:767px){
              .Area_brushlist_list .box_list .ul_head,
              .Area_brushlist_list .box_list .ul_body { position:relative; margin:0 auto; width:90%;}
				.Area_brushlist_list .box_list .ul_head{line-height: 2;}
              .Area_brushlist_list .box_list .ul_head { font-size:5vw;}
              .Area_brushlist_list .box_list .ul_head li { border-width:0.1vw;}
              .Area_brushlist_list .box_list .ul_head li:nth-of-type(n+2) { display:none;}
				
			  .Area_brushlist_list .box_list ul{line-height:2;padding-top: 3vw;}
				.Area_brushlist_list .box_list ul .amt{ font-size: 5.5vw; font-weight:400;}

            }      
            /*�S��---�q������2��*/
            @media screen and (min-width:768px){ 
              .Area_brushlist_list .box_list .ul_head ul,
              .Area_brushlist_list .box_list .ul_body ul { -webkit-box-sizing:border-box; box-sizing:border-box; 
                                                     -webkit-column-count:2; -moz-column-count:2; -ms-column-count:2; -o-column-count:2; column-count:2;
                                                     -webkit-column-gap:20px; -moz-column-gap:20px; -ms-column-gap:20px; -o-column-gap:20px; column-gap:20px;}
            }
            /*�S��---����e3�W*/
            @media screen and (max-width:767px){
              .Area_brushlist_list .box_list .ul_body { margin-top:2vw;}
              .Area_brushlist_list .box_list .ul_body li:nth-of-type(1),
              .Area_brushlist_list .box_list .ul_body li:nth-of-type(2),
              .Area_brushlist_list .box_list .ul_body li:nth-of-type(3),
              .Area_brushlist_list .box_list .ul_body li:nth-of-type(4),
              .Area_brushlist_list .box_list .ul_body li:nth-of-type(5) { border-radius: 4px; color: #57352f; height:11vw; line-height: 2;}
              .Area_brushlist_list .box_list .ul_body li:nth-of-type(1) span:nth-of-type(3),
              .Area_brushlist_list .box_list .ul_body li:nth-of-type(2) span:nth-of-type(3),
              .Area_brushlist_list .box_list .ul_body li:nth-of-type(3) span:nth-of-type(3),
              .Area_brushlist_list .box_list .ul_body li:nth-of-type(4) span:nth-of-type(3),
              .Area_brushlist_list .box_list .ul_body li:nth-of-type(5) span:nth-of-type(3) { color: #f87c25;margin-top: -0.4vw;}
              .Area_brushlist_list .box_list .ul_body li:nth-of-type(1) b { color: #f87c25;}
              .Area_brushlist_list .box_list .ul_body li:nth-of-type(2) b { color: #f87c25;}
              .Area_brushlist_list .box_list .ul_body li:nth-of-type(3) b { color: #f87c25;}
              .Area_brushlist_list .box_list .ul_body li:nth-of-type(4) b { color: #f87c25;}
              .Area_brushlist_list .box_list .ul_body li:nth-of-type(5) b { color: #f87c25;}
              .Area_brushlist_list .box_list .ul_body li:nth-of-type(1) span:nth-of-type(1),
              .Area_brushlist_list .box_list .ul_body li:nth-of-type(2) span:nth-of-type(1),
              .Area_brushlist_list .box_list .ul_body li:nth-of-type(3) span:nth-of-type(1),
              .Area_brushlist_list .box_list .ul_body li:nth-of-type(4) span:nth-of-type(1),
              .Area_brushlist_list .box_list .ul_body li:nth-of-type(5) span:nth-of-type(1) { color: transparent;}
              
              .Area_brushlist_list .box_list .ul_body li:nth-of-type(1) span:first-child:before,
              .Area_brushlist_list .box_list .ul_body li:nth-of-type(2) span:first-child:before,
              .Area_brushlist_list .box_list .ul_body li:nth-of-type(3) span:first-child:before,
              .Area_brushlist_list .box_list .ul_body li:nth-of-type(4) span:first-child:before,
              .Area_brushlist_list .box_list .ul_body li:nth-of-type(5) span:first-child:before {  content: ""; pointer-events: none; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background-size: 100%; background-repeat: no-repeat; background-position: center;}
              .Area_brushlist_list .box_list .ul_body li:nth-of-type(1) span:first-child:before { background-image:url(box_phototop1_bg.png?t=1779245388234); z-index: -1;}
              .Area_brushlist_list .box_list .ul_body li:nth-of-type(2) span:first-child:before { background-image:url(box_phototop2_bg.png?t=1779245388234); z-index: -1;}
              .Area_brushlist_list .box_list .ul_body li:nth-of-type(3) span:first-child:before { background-image:url(box_phototop3_bg.png?t=1779245388234); z-index: -1;}
              .Area_brushlist_list .box_list .ul_body li:nth-of-type(4) span:first-child:before { background-image:url(box_phototop4_bg.png?t=1779245388234); z-index: -1;}
              .Area_brushlist_list .box_list .ul_body li:nth-of-type(5) span:first-child:before { background-image:url(box_phototop5_bg.png?t=1779245388234); z-index: -1;}
            }      

		/*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 { position: absolute; bottom: -40px; left:237px; color: #4d2c2a; font-size: 18px;}
            @media screen and (max-width:768px){
              .Area_brushlist_list .box_txt { position: relative; left:5%; bottom:-12vw;font-size: 3vw;}
            }
  @media screen and (min-width:768px){
.Area00 {position: relative;height: 200px;top: -120px;color: #5d2d0b;    line-height:70px;}	  
}
  @media screen and (max-width:767px){
.Area00 {top:-15vw;color: #5d2d0b;height:10vw;line-height:9vw}	  
}

/*公版壓標*/
.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=1779245388234);}


@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;}
}