@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)
 *******************************************************************
 */


/* --------------------------------------
 * pageRWDLayout RWD分頁用
 * -------------------------------------- */

/*基本*/
html, body{ background-color:#EDE7E6; background-image: repeating-linear-gradient(90deg,#e9eaef,#ede8e6)}
  /*@media screen and (max-width:767px){*/
  /*}*/


/*全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){
    .WRAPPER { min-width: inherit; min-height:100%; overflow:hidden;}
    .WRAPPER img { width:100%; height:auto;}
  }


/*PC背景*/
.Area_bgtop { z-index:-1; 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:810px;}
.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:200vw; 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 { z-index: -2;min-height: 620px;}
.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){
    .Area_top { overflow: hidden;min-height: 132vw;}
    .Area_top > .box { }
  }


    /*主標*/
    .Area_top .box_title { padding-top: 30px; }
    .Area_top .box_title img { width: 100%; height: auto; }
    .Area_top .main {position: absolute;top: 160px;
      left: 32px;}
    .Area_top .main.for_pc img { width: 100%; height: auto; }
    /*按鈕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;}
    .Area_top .sub01 { position: absolute; top:0px;
    left: 161px;width: 32%;}
    .Area_top .sub01:hover { filter: brightness(105%);}
    .Area_top .sub02 { position: absolute;     top: 390px;
    left: 65px;width: 41%;}
    .Area_top .date { position: absolute;top: 60px;
      left: 1030px;width:160px;}
    .Area_top .model { position: absolute;top: 32px;
      left: 650px;width: 39%;}

    .Area_top .btn_more { display: none; position: absolute; top: 3vw; right: 0; width: auto; height: 7vw;}
    .Area_top .btn_more a { width: auto; height: 100%; }
    .Area_top .btn_more a img { width: auto; height: 100%;}
    .Area_top .top_deco {margin-top: 0;}
    .Area_top .star { position: absolute;top: 250px;
      left: 555px;width: 630px;}

    @media screen and (max-width:767px){
        .Area_top .box_title { padding-top: 0;}
        .Area_top .main {position: absolute;top: 8.5vw;
          left: 1.5vw;}
        .Area_top .main.for_phone img { width: 100vw; height: auto; }
        .Area_top .btn_ { top: 4vw; right: 1%;}
		    .Area_top .btn_sublink a { z-index:1; position:absolute;left:0; width:100%; height: 13%;bottom:8%;}
        .Area_top .sub01 { position: absolute;top: 5.5vw; left: 19.3vw;width: 65vw;}
        .Area_top .sub02 { position: absolute;top: 39.5vw;
         left: 18vw;width: 58.5vw;}
        .Area_top .date { position: absolute;top: 51vw;
         left: 68vw;width: 20vw;}
        .Area_top .model { position: absolute;top: 46vw;
         left: 12vw;width: 76vw;}
         .Area_top .star { position: absolute;top: 80vw;
          left: 0vw;width: 100%;}
      }


      /*CSS樣式*/
      .Area_top .btn_ a { display:block; border-radius:100px; padding:0 20px; font-weight:800; font-size:25px; line-height:40px;         
          color:#feecd2; 
          background-color: #681900;
          background-image: linear-gradient( 230deg, #681900 45%, rgba(146, 41, 0, 1) 40%, rgba(146, 41, 0, 1) 60%,  rgba(185, 41, 0, 0) 100%); 
          text-shadow: 0 1px 0 rgba(0,0,0,.3);
          box-shadow: inset 0 20px 15px -17px rgba(247, 156, 112, 0.35), inset -2px 2px 2px 1px rgba(57, 19, 10, 1), inset 0 0 1px 2px rgba(57, 19, 10, .5), inset 0 1px 20px rgba(0,0,0,0), 0 3px 0 #421303, 0 3px 2px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.1), 0 10px 20px rgba(0,0,0,.1);
      }
        @media screen and (max-width:767px){
            .Area_top .btn_ { top: 4vw; right: 1%;}
            .Area_top .btn_ a { padding: 0 4vw; font-size:5vw; line-height:1.7; }
        }
        /*
        @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){
          .Area_top .btn_more {  top:3vw; right:1.5vw; }
          /*.Area_top .btn_more a:after { background-image:url(m_btn_more1.png?t=1746185918924);}*/
        }
      /*查詢*/
      .Area_top .btn_list { top:134px; right:10px;}
        @media screen and (max-width:767px){
          .Area_top .btn_list {  top:11vw; right:1.5vw; }
        }
      /*懶人包*/
      .Area_top .btn_guide { position:absolute; top:80px; right:20px;}
      .Area_top .btn_guide a { width:90px; height:43px;}
      .Area_top .btn_guide a:after { background-image:url(btn_guide.png?t=1746185918924);}
        @media screen and (max-width:767px){
          .Area_top .btn_guide {  top:4vw; right:3vw; }
          .Area_top .btn_guide a { padding:0; width:15vw; height:7vw;}
          .Area_top .btn_guide a:after { background-image:url(m_btn_guide.png?t=1746185918924);}
        }
      /*閃亮效果*/
      .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,.5);}
      .Area_top .btn_guide:hover::after,
      .Area_top .btn_guide:hover::before,
      .Area_top .btn_guide:hover { background-color:rgba(255,255,255,.5);}
      .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_guide: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:5px; left:50%; margin-left:-515px; /*width:700px; height:130px;*/ 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){
        .Area_top .box_bank .Area_swiper { top:60.8vw; bottom:inherit; left:14%; margin:0; width:74%; height:10vw; 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){
        .box_timetitle { top:9vw; left:40vw; width:20vw; text-align: center; color:#fff; font-size:4.3vw; line-height:1;}
        .box_timetitle .time_day { letter-spacing:0;}
      }

    /** 倒數 **/
    .TimerNick { position:absolute; top:120px; left:50%; transform:translateX(126%); }
    .TimerNick .TIMER { margin:0; padding:0; overflow:hidden; text-align: left; color:#fff; font-size:28px; line-height:40px; font-weight:800; font-family:"微軟正黑體","Microsoft JhengHei", Arial, Helvetica; }
    .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:-1px; font-size:28px;}
    .TimerNick .time_day { margin-right:5px; letter-spacing:-0.1rem; }
    .TimerNick .FontStyle { position:relative; top:-1px;  font-size:32px; color:#fff;}
    .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){
        .TimerNick { top:36vw; transform:translateX(-50%); text-shadow: none; }
        .TimerNick .TIMER { font-size:4.6vw; line-height:5.5vw; }
        .TimerNick .icon { display: block; top:0.5vw; width:4vw; filter: none;}
        .TimerNick small { margin:0 0.2vw; font-size:3vw;}
        .TimerNick .time_day { position:relative;}
        .TimerNick .FontStyle { top:0; font-size:5vw;}
        .TimerNick .FontStyle b {  margin:0 0.4vw; width:3vw; 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;}
          }	


  /*共用--區塊背景*/
  .Area_boxstyle {}
      @media screen and (min-width:768px){
          .Area_boxstyle > .Area_boxstyle_box { padding-bottom: 40px; }
      }
      @media screen and (max-width:767px){
          .Area_boxstyle > .Area_boxstyle_box { margin: 0 auto; width: 94%;}
          .Area_boxstyle > .Area_boxstyle_box1 { 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){
                .Area_boxstyle > .Area_boxstyle_box:before { top: 1vw; left: 1vw; width: calc(100% - 2vw); height: calc(100% - 2vw);}
                .Area_boxstyle > .Area_boxstyle_box:before { background-color: #fff; box-shadow: none;}
                .Area_boxstyle > .Area_boxstyle_box:after { border-radius: 0; 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 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=1746185918924); }
                .Area_boxstyle > .Area_boxstyle_box1:before { background-image:url(Area_boxstyle_top1.png?t=1746185918924);}
                .Area_boxstyle > .Area_boxstyle_box1:after  { background-image:url(Area_boxstyle_center1.png?t=1746185918924);} 
                .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=1746185918924); opacity: 0.95;}
                .Area_boxstyle > .Area_boxstyle_box > .Area_boxstyle_boxbg1:before {  background-image: url(Area_boxstyle_boxbg1icon.png?t=1746185918924);}
              }
              @media screen and (max-width:767px){
                .Area_boxstyle > .Area_boxstyle_box,
                .Area_boxstyle > .Area_boxstyle_box:before,
                .Area_boxstyle > .Area_boxstyle_box:after  { background-size: 100%;}
                .Area_boxstyle > .Area_boxstyle_box { padding-top: 0vw; padding-bottom: 7vw; }
                .Area_boxstyle > .Area_boxstyle_box:before { top: -7vw; height: 7vw; }
                .Area_boxstyle > .Area_boxstyle_box:after { z-index: -1; top: 0; height: calc(100% - 7vw); background-repeat: repeat-y;}
                .Area_boxstyle > .Area_boxstyle_box1 { background-image: url(m_Area_boxstyle_bottom1.png?t=1746185918924);}
                .Area_boxstyle > .Area_boxstyle_box1:before { background-image: url(m_Area_boxstyle_top1.png?t=1746185918924);}
                .Area_boxstyle > .Area_boxstyle_box1:after  { background-image: url(m_Area_boxstyle_center1.png?t=1746185918924);}
                .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_boxbg,
                .Area_boxstyle > .Area_boxstyle_box > .Area_boxstyle_boxbg:before,
                .Area_boxstyle > .Area_boxstyle_box > .Area_boxstyle_boxbg:after  { background-size: 100%;}
                .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;}
                .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(m_Area_boxstyle_boxbg1.png?t=1746185918924);  opacity: 1;}
                .Area_boxstyle > .Area_boxstyle_box > .Area_boxstyle_boxbg1:before {  background-image: url(m_Area_boxstyle_boxbg1icon.png?t=1746185918924);}
              }
      /*標題字*/
      .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){
            .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);}
              @media screen and (max-width:767px){
                .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){
            .Area_boxstyle > .title .btn { z-index:3; position:absolute; bottom:50px; right:70px;}
          }
          @media screen and (max-width:767px){
            .Area_boxstyle > .title .btn { z-index:3; position:absolute; bottom:7vw; right:0vw; width:24%;}
          }


/* --------------------------------------
 * 遊戲機制
 * -------------------------------------- */


/* --------------------------------------
 * RWD共用版頭+背景
 * -------------------------------------- */


  /*PC背景-背景00捲動物件*/
  @media screen and (min-width:768px){
		.Area_bgtop_00 { /*z-index:-55;*/ position:fixed; top:0; left:0; width:100%; height:100%; background-position:center 0px; background-repeat:repeat-y; transition: 0.1s linear; pointer-events:none;}
		.Area_bgtop_00 { opacity: 0; transition: opacity 0.5s, background 0.1s linear;}
		.Area_bgtop_00.cate-hover { opacity: 1; transition: opacity 1s, background 0.1s linear;}	
		.Area_bgtop_00a { background-image:url(bgtop_00a.png?t=1746185918924); background-position: center 860px;}	
		.Area_bgtop_00b { background-image:url(bgtop_00b.png?t=1746185918924); background-position: center 860px;}	
  }

  /*PC背景*/
	@media screen and (min-width:768px){
    .Area_bgtop_bgrepeat { z-index: 0; position: absolute; top: 1665px; left: 50%; transform: translateX(-50%); width: 2000px; height: calc(100% - 1200px); background-image: url(bgrepeat.jpg?t=1746185918924); background-size: 97%; background-repeat: repeat-y; background-position: center 800px;}
    .Area_bgtop_1 { z-index: -70; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 2000px; height:1735px; background-image: url(bgtop_1_1.jpg?t=1746185918924); background-repeat:no-repeat; background-position: center top; background-size: 97%;}
	  .Area_bgtop_1 { opacity: 1; }
	  /* .Area_bgtop_1.cate-hover { opacity: 0;} */
    .Area_bgtop { width:100%;}
    .Area_bgtop span { background-repeat: no-repeat;}
  }


  /*Phone背景*/
  @media screen and (max-width:767px){
    .m_Area_bgtop_bgrepeat { /*z-index: -50;*/ position: absolute; top: 150vw; left: 0; width: 100%; height: calc(100% - 150vw); background-image: url(m_bgrepeat.jpg?t=1746185918924); background-repeat:repeat-y; background-position: center top; background-size: 100%;}
    .m_Area_bgtop_1 { z-index: -70; position: absolute; top: 0; left: 0; width: 100%; height:150vw; background-image: url(m_bgtop_1_1.jpg?t=1746185918924); background-repeat:no-repeat; background-position: center top; background-size: 100%;overflow: hidden;}
		.m_Area_bgtop_1 { opacity: 1; }
    .Area_header_momologo { z-index: 1;}
  }




/* --------------------------------------
 * RWD共用物件
 * -------------------------------------- */


/*按鈕樣式*/
.btnstyle_ { }
.btnstyle_ a .icon_search { content: ""; float: left; display: inline-block; width: 47px; height: 47px; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMi4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i5ZyW5bGkXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMzAgMzAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDMwIDMwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojRkZGRkZGO30NCjwvc3R5bGU+DQo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMjkuMSwyNC44TDE5LDE2LjZjMi40LTQsMS42LTkuMy0yLjEtMTIuNEMxNSwyLjcsMTIuOCwyLDEwLjcsMkM3LjksMiw1LjEsMy4yLDMuMiw1LjUNCgljLTMuNCw0LjEtMi44LDEwLjIsMS4zLDEzLjZjMS44LDEuNSw0LDIuMiw2LjEsMi4yYzIsMCwzLjktMC42LDUuNS0xLjdsMTAuNCw4LjNMMjkuMSwyNC44eiBNNS44LDE3LjZjLTEuNi0xLjMtMi42LTMuMS0yLjgtNS4yDQoJYy0wLjItMiwwLjQtNCwxLjctNS42QzYuMiw1LDguNCw0LDEwLjcsNGMxLjgsMCwzLjUsMC42LDQuOSwxLjhjMy4zLDIuNywzLjcsNy41LDEsMTAuOGMtMS41LDEuOC0zLjYsMi44LTUuOSwyLjgNCglDOC45LDE5LjMsNy4yLDE4LjcsNS44LDE3LjZ6Ii8+DQo8L3N2Zz4NCg=='); background-repeat: no-repeat; background-position: center; background-size: 30px;}
.btnstyle_ a { position: relative; padding: 0 20px; font-size: 21px; line-height: 47px; font-weight: 800; color: #fff;}
.btnstyle_ b { z-index: -1; position: absolute; top: 0; left: 0; display: block; overflow: hidden; width: 100%; height: 100%; transform-origin: left bottom; -webkit-transform: skewX(-18deg); transform: skewX(-18deg);}
.btnstyle_ b:after { content: ""; display: block; width: 400%; height: 100%; background-color: #13376c; background-image: linear-gradient(90deg,#E86B00 25%, #13376c 75%);
                        -webkit-transform: translateX(-75%); transform: translateX(-75%);
                        -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;}
.btnstyle_:hover b:after { -webkit-transform: translateX(0%); transform: translateX(0%); }
    @media screen and (max-width:767px){
        .btnstyle_ {  }
        .btnstyle_ a .icon_search { content: ""; float: left; display: inline-block; width: 10vw; height: 10vw; background-size: 6vw;}
        .btnstyle_ a { display: inline-block; padding: 0 5vw 0 2vw; border-radius: 2vw; overflow: hidden; font-size: 4.6vw; line-height: 10vw; }
        .btnstyle_ b { -webkit-transform: none; transform: none;}
        .btnstyle_ b:after { content: ""; display: block; width: 400%; height: 100%; background-color: #13376c; background-image: linear-gradient(90deg,#E86B00 25%, #13376c 75%);
                                -webkit-transform: translateX(-75%); transform: translateX(-75%);
                                -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;}
        .btnstyle_:hover b:after { -webkit-transform: translateX(0%); transform: translateX(0%); }       
    }

/*篩選按鈕樣式*/
.box_tab { position: absolute; top: 69px; right: 23px;}
.box_tab ul { margin: 0; padding: 0; list-style: none; overflow: hidden;}
.box_tab ul:after { content: ""; display: block; clear: both;}
.box_tab li { float: left; margin: 0; margin-left: 2px; padding: 0; }
.box_tab li:first-child { margin-left: 0;}
.box_tab .btn_ a { z-index: 0; position: relative; padding: 0 12px;}
/*    .box_tab .btn_ b:before { content: ""; z-index: 1; position: absolute; bottom: 0; left: 0; width: 100%; height: 4px; background-color: #13376c;}*/
    @media screen and (max-width:767px){
      .box_tab { position: relative; top: inherit; right: inherit; padding: 0 3%; width: 94%;}
      .box_tab li { margin-left: 1%; margin-bottom: 2%; padding: 0; width: 19.2%; }
      .box_tab li:first-child { margin-left: 0;}
      .box_tab .btn_ a { display: block; border-radius: 0; padding: 0; font-size: 3.6vw;}
/*          .box_tab .btn_ b:before { top: 0; bottom: inherit; height: 1vw;}*/
      .box_tab .btn_ .icon_search { display: none;}
    }
    /*配色*/
    .box_tab .btn_All b:before { background-color: #D22F1E}
    .box_tab .btn_All b:after  {background-color: #999999; background-image: linear-gradient(90deg,#D22F1E 25%, #999999 75%); }
    .box_tab .btn_A b:before { background-color: #13376c}
    .box_tab .btn_A b:after  { background-color: #999999; background-image: linear-gradient(90deg,#13376c 25%, #999999 75%); }
    .box_tab .btn_B b:before { background-color: #dc670d}
    .box_tab .btn_B b:after  { background-color: #999999; background-image: linear-gradient(90deg,#dc670d 25%, #999999 75%); }
    .box_tab .btn_C b:before { background-color: #1a7491}
    .box_tab .btn_C b:after  { background-color: #999999; background-image: linear-gradient(90deg,#1a7491 25%, #999999 75%); }
    .box_tab .btn_D b:before { background-color: #efb539}
    .box_tab .btn_D b:after  { background-color: #999999; background-image: linear-gradient(90deg,#efb539 25%, #999999 75%); }
    /*高亮時*/
    .box_tab .btn_on.btn_ b:after { background-image: none;}
    .box_tab .btn_on.btn_All b:after { background-color: #D22F1E;}
    .box_tab .btn_on.btn_A b:after { background-color: #13376c;}
    .box_tab .btn_on.btn_B b:after { background-color: #dc670d;}
    .box_tab .btn_on.btn_C b:after { background-color: #1a7491;}
    .box_tab .btn_on.btn_D b:after { background-color: #efb539;}
    /*篩選按鈕樣式--球隊(2組)*/
    .box_tab_for_tame.box_tab {}
        @media screen and (max-width:767px){
          .box_tab_for_tame.box_tab li { width: 32.6%; }
        }