@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:#122a88; background-image: repeating-linear-gradient(90deg,#122a88,#122a88)}
  /*@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:1000px;}
.Area_bgtop .bgtop_  span { position:absolute; display: block; width:100%; height:100%; background-position:center top;}


/*Phone背景*/
.m_Area_bgtop { z-index:-40; position:absolute; top: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: 788px;}
.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: 75vw;}
    .Area_top > .box { }
  }

    /*主標*/
    .Area_top .box_title { padding-top: 36px; }
    .Area_top .box_title img { width: 100%; height: auto; }
    .Area_top .main.for_pc img { width: 76%; height: auto; margin-right:54px;}
    /*按鈕btn*/
    .Area_top .btn_ { z-index:5; position:absolute; top:70px; right:10px;}
    .Area_top .btn_ a { display:block;}
    .Area_top .btn_ a:after { content:""; display:block; z-index:1; position:absolute; top:0; left:0; width:100%; height:100%; background-size: auto 100%; background-repeat:no-repeat; background-position: 100% center; pointer-events: none;}
      @media screen and (max-width:767px){
        .Area_top .box_title { padding-top: 0; }
        .Area_top .main{ position:absolute;top:2vw; }
        .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%;}
      }
      /*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=1775628314101);}*/
        }
      /*查詢*/
      .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=1775628314101);}
        @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=1775628314101);}
        }
      /*閃亮效果*/
      .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=1775628314101); }
                .Area_boxstyle > .Area_boxstyle_box1:before { background-image:url(Area_boxstyle_top1.png?t=1775628314101);}
                .Area_boxstyle > .Area_boxstyle_box1:after  { background-image:url(Area_boxstyle_center1.png?t=1775628314101);} 
                .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=1775628314101); opacity: 0.95;}
                .Area_boxstyle > .Area_boxstyle_box > .Area_boxstyle_boxbg1:before {  background-image: url(Area_boxstyle_boxbg1icon.png?t=1775628314101);}
              }
              @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=1775628314101);}
                .Area_boxstyle > .Area_boxstyle_box1:before { background-image: url(m_Area_boxstyle_top1.png?t=1775628314101);}
                .Area_boxstyle > .Area_boxstyle_box1:after  { background-image: url(m_Area_boxstyle_center1.png?t=1775628314101);}
                .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=1775628314101);  opacity: 1;}
                .Area_boxstyle > .Area_boxstyle_box > .Area_boxstyle_boxbg1:before {  background-image: url(m_Area_boxstyle_boxbg1icon.png?t=1775628314101);}
              }
      /*標題字*/
      .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=1775628314101); background-position: center 860px;}	
  }

  /*PC背景*/
	@media screen and (min-width:768px){
  .Area_bgtop_bgrepeat { z-index: 0; position: absolute; top:685px; left: 50%; transform: translateX(-50%); width: 2000px; height: calc(100% - 1200px); background-image: url(bgrepeat.jpg?t=1775628314101); background-size: 97%; background-repeat: repeat-y; background-position: center 800px;}
  .Area_bgtop_1 { z-index: -70; position: absolute; top: 14px; left: 50%; transform: translateX(-50%); width: 2000px; height:1000px; background-image: url(bgtop_1_1.jpg?t=1775628314101); 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_1 #CAD_bgtop { pointer-events: none; position: absolute; top: 0; left: 50%; margin-left: -1000px;}*/
    .Area_bgtop { width:100%;}
    .Area_bgtop span { background-repeat: no-repeat;}
		/* .Area_bgtop_2 .bgtop_2_1 span { background-image: url(bgtop_2_1.png?t=1775628314101); top: 0px; left: 50%; transform: translateX(-50%); width: 2000px; height: 1120px; background-size: 97%;} */
/*		.Area_bgtop_2 .bgtop_2_2 span { background-image: url(bgtop_2_2.png?t=1775628314101); height:1200px;}*/
		.Area_bgtop_3 {  z-index: 20;}
		/* .Area_bgtop_3 .bgtop_3_1 span { z-index: 0; position: fixed; top: 0; left: 50%; transform: translateX(-50%); width: 1706px; 
			height:1504px; background-image: url("deco.png?t=1775628314101"); background-repeat:no-repeat; background-position: center top; background-size: 50%;}
  } */
}

  /*Phone背景*/
  @media screen and (max-width:767px){
    .m_Area_bgtop_bgrepeat { /*z-index: -50;*/ position: absolute; top: 78vw; left: 0; width: 100%; height: calc(100% - 150vw); background-image: url(m_bgrepeat.jpg?t=1775628314101); background-repeat:repeat-y; background-position: center top; background-size: 100%;}
		.m_Area_bgtop_1 { overflow: hidden;}
    .m_Area_bgtop_1 { z-index: -70; position: absolute; top: 0; left: 0; width: 100%; height:79vw; background-image: url(m_bgtop_1_1.jpg?t=1775628314101); background-repeat:no-repeat; background-position: center top; background-size: 100%;}
		.m_Area_bgtop_1 { opacity: 1; }
		.m_Area_bgtop_1.cate-hover { opacity: 0; }
/*    .m_Area_bgtop_1 #m_CAD_bgtop { pointer-events: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}*/
		.m_Area_bgtop_1_0 { overflow: hidden;}
        .m_Area_bgtop_1_0 { z-index: -80; position: fixed; top: 0; left: 0; width: 100%; height:100vw; background-image: url(m_bgtop_1_1.jpg?t=1775628314101); background-repeat:no-repeat; background-position: center top; background-size: 100%;}
        .m_Area_bgtop_1_0 { top: 32px; -webkit-transform-origin: center top; transform-origin: center top; -webkit-transform: scaleY(-1); transform: scaleY(-1); }
		.m_Area_bgtop_1_0 { opacity: 1; }
		.m_Area_bgtop_1_0.cate-hover { opacity: 0; }	


    .Area_header_momologo { z-index: 1;}
  }



/*版頭*/
.Area_top .btn_fans { position: absolute;top: 313px;left: 358px;width: 40%;}
.Area_top .subtitle { position: absolute;top: 234px;left: 259px; width: 28%;}
 /*藍球icon*/.Area_top .icon_ball{ position: absolute; top: 224px; left:49%;  pointer-events: none;width: 4%;}
.Area_top .btn_fans:hover { filter: brightness(105%);}
.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%;}

@media screen and (max-width:767px){
  .Area_top .subtitle { position: absolute;top: 32vw;left: 5vw;width: 47vw;}
   /*藍球icon*/.Area_top .icon_ball{ top:33vw; left:50.5%; margin-left: 0; width: 7%;}
    

  .Area_top .btn_fans { width: 61vw;top: 42vw; left: 20vw;}
  }



/* --------------------------------------
 * 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: #ffb229}
    .box_tab .btn_A b:after  { background-color: #999999; background-image: linear-gradient(90deg,#ffb229 25%, #999999 75%); }
    .box_tab .btn_B b:before { background-color: #ff5929}
    .box_tab .btn_B b:after  { background-color: #999999; background-image: linear-gradient(90deg,#ff5929 25%, #999999 75%); }
    .box_tab .btn_C b:before { background-color: #298aff}
    .box_tab .btn_C b:after  { background-color: #999999; background-image: linear-gradient(90deg,#298aff 25%, #999999 75%); }
    .box_tab .btn_D b:before { background-color: #ff7617}
    .box_tab .btn_D b:after  { background-color: #999999; background-image: linear-gradient(90deg,#ff7617 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: #ffb229 ;}
    .box_tab .btn_on.btn_B b:after { background-color: #ff5929;}
    .box_tab .btn_on.btn_C b:after { background-color: #298aff;}
    .box_tab .btn_on.btn_D b:after { background-color: #ff7617;}
    /*篩選按鈕樣式--球隊(2組)*/
    .box_tab_for_tame.box_tab {}
        @media screen and (max-width:767px){
          .box_tab_for_tame.box_tab li { width: 32.6%; }
        }


/* --------------------------------------
 * RWD投票主頁
 * -------------------------------------- */


/*總票數*/
@font-face { font-family:"digital_counter_7"; src: url(digital_counter_7.ttf);}
.Area_votesum { margin-top: 15px; margin-bottom: 50px;}
.Area_votesum .txt { position:absolute; top:22px; left:431px; }
.Area_votesum .txt span { float:left; display:block; margin-right:14px; width:73px; height:86px; font-size:74px; line-height:95px; font-family:'Century Gothic'; color:#fff; text-align:center;}
.Area_votesum .txt span { text-indent: 7px; font-family:'digital_counter_7';}
.Area_votesum .txt span { background-image: url(Area_votesum_numbg.png?t=1775628314102); background-repeat: no-repeat; background-size: 100%;}
    @media screen and (max-width:767px){
      .Area_votesum { margin-bottom:10px;}
      .Area_votesum .txt { position:absolute; top:2.5vw; left:34.4vw; }
      .Area_votesum .txt span { margin-right:1.1vw; width:6.5vw; height:8vw; font-size:6vw; line-height:8vw;}
      .Area_votesum .txt span { text-indent: 0;}
    }

  
/*人氣排行*/
.Area_topone {}
.Area_topone .btn_toplost { position: absolute; top: 68px; right: 23px; overflow: hidden;}
    @media screen and (max-width:767px){
      .Area_topone .btn_toplost { position: relative; top: inherit; right: inherit;}
    }
    /*卡片樣式*/
    .Area_topone .box_cards { padding: 20px;}
    .Area_topone .box_cards ul { margin: 0; padding: 0; list-style: none;}
    .Area_topone .box_cards ul:after { content: ""; display: block; clear: both;}
    .Area_topone .box_cards li { float: left; z-index: 0; position: relative; margin: 0; margin-left: 20px; padding: 20px; padding-top: 30px; box-sizing: border-box; overflow: hidden; width: 280px; text-align: center; background-color: #fff; letter-spacing: -0.1rem;
                                      -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_topone .box_cards li:hover { box-shadow: 0 0 14px rgba(0,0,0,0.3);}
    .Area_topone .box_cards li:first-child { margin-left: 0;}
    /* .Area_topone .box_cards li:before { content: ""; pointer-events: none; z-index: -2; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); display: block; border: 1px solid #13376c; width: calc(100% - 20px); height: calc(100% - 20px);} */
    .Area_topone .box_cards li:after  { content: ""; pointer-events: none; z-index: -1; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 40%; background-color: #13376c;}
    .Area_topone .box_cards .cardstyle_ h3 { margin: 0; padding: 0 0 15px; color: #fff; font-size: 28px;}
    .Area_topone .box_cards .cardstyle_ h3 .topone_icon { display: block; font-size: 0;}
    .Area_topone .box_cards .cardstyle_ h3 b:before { content: "ＯＯ王";}
    .Area_topone .box_cards .cardstyle_ .card_img { margin: 0 auto; border-radius: 50%; overflow: hidden; width:76%; height: 42%; padding-bottom: 76%; background-color: #f7f9fe; background-image: linear-gradient(0deg,#fff, #fff); }
    .Area_topone .box_cards .cardstyle_ .card_img img { margin-top: -4%; margin-left: -49%; width:180%; height: auto;}
    .Area_topone .box_cards .cardstyle_ h4 { margin: 0; padding: 0; color: #13376c;}
    .Area_topone .box_cards .cardstyle_ h4 > span { font-size: 32px;}
    .Area_topone .box_cards .cardstyle_ h4 b { position: absolute; top: 40%; left: 20px; font-size: 30px; font-weight: 800;}
    .Area_topone .box_cards .cardstyle_ h4 b span { font-size: 40px; font-weight: 300; font-family:'Century Gothic';}
    .Area_topone .box_cards .cardstyle_ h5 { margin: 0; padding: 0; color: #0b0b0b; font-size: 22px; font-weight: 300;}
    .Area_topone .box_cards .cardstyle_ h5 i { font-style: normal;}
    .Area_topone .box_cards .cardstyle_ h6 { margin: 0; padding: 0; color: #0b0b0b; font-size: 20px; font-weight: 300;}
    .Area_topone .box_cards .cardstyle_ h6 span { position: relative; top: 1px; color: #fff; font-size: 28px; font-family:'Century Gothic'; letter-spacing: -0.1rem;}
        @media screen and (max-width:767px){
          .Area_topone { margin-bottom: 5vw;}
          .Area_topone .box_cards { padding: 3vw 3%;}
          .Area_topone .box_cards li { margin-left: 0; margin-bottom: 10px; padding: 0; width: 100%; text-align: left; overflow: hidden;}
          .Area_topone .box_cards li:before { width: calc(100% - 3vw); height: calc(100% - 3vw);}
          .Area_topone .box_cards li:after  { width: 41%; height: 100%;}
          .Area_topone .box_cards .cardstyle_ h3 { position: absolute; top: 0; left: 0; padding: 12% 0; width: 32%; font-size: 5vw; text-align: center;}
          .Area_topone .box_cards .cardstyle_ h3 .topone_icon { margin: 0 auto 1%; width: 9vw;}
          .Area_topone .box_cards .cardstyle_ .card_img { margin: 5% 0 5% 28%; width:25%; height: 0; padding-bottom: 25%;}
          .Area_topone .box_cards .cardstyle_ .card_img img { }
          .Area_topone .box_cards .cardstyle_ h4 { position: absolute; top: 15%; left: 62%; width: 38%;}
          .Area_topone .box_cards .cardstyle_ h4 > span { font-size: 5.8vw;}
          .Area_topone .box_cards .cardstyle_ h4 b { position: absolute; top: -9%; left: -35%; font-size: 5vw;}
          .Area_topone .box_cards .cardstyle_ h4 b span { font-size: 7vw;}
          .Area_topone .box_cards .cardstyle_ h5 { position: absolute; top: 40%; left: 62%; width: 38%; font-size: 4.6vw;}
          .Area_topone .box_cards .cardstyle_ h5 i { display: none;}
          .Area_topone .box_cards .cardstyle_ h6 { position: absolute; top: 60%; left: 62%; width: 38%; font-size: 4.6vw;}
          .Area_topone .box_cards .cardstyle_ h6 span { top: 0vw; font-size: 6vw;}
        }
    /*配色*/
    .Area_topone .box_cards .cardstyle_A h3 b:before { content: "人氣王";}
    .Area_topone .box_cards .cardstyle_B:before { border-color: #dc670d;}
    .Area_topone .box_cards .cardstyle_B:after { background-color: #dc670d;}
    .Area_topone .box_cards .cardstyle_B h3 b:before { content: "人氣后";}
    .Area_topone .box_cards .cardstyle_B h4,
    .Area_topone .box_cards .cardstyle_B h6 span { color: #fff;}
    .Area_topone .box_cards .cardstyle_C:before { border-color: #1a7491;}
    .Area_topone .box_cards .cardstyle_C:after { background-color: #1a7491;}
    .Area_topone .box_cards .cardstyle_C h3 b:before { content: "新人王";}
    .Area_topone .box_cards .cardstyle_C h4,
    .Area_topone .box_cards .cardstyle_C h6 span { color: #fff;}
    .Area_topone .box_cards .cardstyle_D:before { border-color: #efb539;}
    .Area_topone .box_cards .cardstyle_D:after { background-color: #efb539;}
    .Area_topone .box_cards .cardstyle_D h3 b:before { content: "新人后";}
    .Area_topone .box_cards .cardstyle_D h4,
    .Area_topone .box_cards .cardstyle_D h6 span { color: #fff;}

    /*卡片樣式--球隊*/
    .Area_topone .box_cards_for_tame { padding: 20px;}
    .Area_topone .box_cards_for_tame ul { margin: 0; padding: 0; list-style: none;}
    .Area_topone .box_cards_for_tame ul:after { content: ""; display: block; clear: both;}
    .Area_topone .box_cards_for_tame li { float: left; z-index: 0; position: relative; margin: 0; margin-left: 20px; padding: 20px; box-sizing: border-box; overflow: hidden; width: 580px; text-align: center; background-color: #fff; letter-spacing: -0.1rem;
                                      -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_topone .box_cards_for_tame li:hover { box-shadow: 0 0 14px rgba(0,0,0,0.3);}
    .Area_topone .box_cards_for_tame li:first-child { margin-left: 0;}
    .Area_topone .box_cards_for_tame li:before { content: ""; pointer-events: none; z-index: -2; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); display: block; border: 1px solid #13376c; width: calc(100% - 20px); height: calc(100% - 20px);}
    .Area_topone .box_cards_for_tame li:after  { content: ""; pointer-events: none; z-index: -1; position: absolute; top: 0; left: 0; display: block; width: 40%; height: 100%; background-color: #13376c;}
    .Area_topone .box_cards_for_tame .cardstyle_ h3 { position: absolute; top: 0; left: 0; margin: 0; padding: 9.5% 0; width: 32%; color: #fff; font-size: 30px; text-align: center;}
    .Area_topone .box_cards_for_tame .cardstyle_ h3 .topone_icon { display: block; margin: 0 auto 1%; font-size: 0;}
    .Area_topone .box_cards_for_tame .cardstyle_ h3 b:before { content: "ＯＯ組";}
    .Area_topone .box_cards_for_tame .cardstyle_ .card_img { margin: 0; margin-left: 26%; border-radius: 50%; overflow: hidden; width:25%; height: 0; padding-bottom: 25%; background-color: #f7f9fe; background-image: linear-gradient(0deg,#e4e8ea, #f4f7fb);}
    .Area_topone .box_cards_for_tame .cardstyle_ .card_img img { margin: 0; padding: 10%; -webkit-box-sizing: border-box;  box-sizing: border-box; width:100%; height: auto;}
    .Area_topone .box_cards_for_tame .cardstyle_ h4 { position: absolute; top: 22%; left: 56%; margin: 0; padding: 0; width: 40%; text-align: left; color: #13376c;}
    .Area_topone .box_cards_for_tame .cardstyle_ h4 > span { font-size: 44px;}
    .Area_topone .box_cards_for_tame .cardstyle_ h6 { position: absolute; top: 52%; left: 56%; margin: 0; padding: 0; width: 40%; font-size: 26px; font-weight: 300; text-align: left; color: #0b0b0b;}
    .Area_topone .box_cards_for_tame .cardstyle_ h6 span { position: relative; top: 0; color: #13376c; font-size: 44px; font-family:'Century Gothic'; letter-spacing: -0.1rem;}
        @media screen and (max-width:767px){
          .Area_topone { margin-bottom: 5vw;}
          .Area_topone .box_cards_for_tame { padding: 3vw 3%;}
          .Area_topone .box_cards_for_tame li { margin-left: 0; margin-bottom: 10px; padding: 0; width: 100%; text-align: left; overflow: hidden;}
          .Area_topone .box_cards_for_tame li:before { width: calc(100% - 3vw); height: calc(100% - 3vw);}
          .Area_topone .box_cards_for_tame li:after  { width: 41%; height: 100%;}
          .Area_topone .box_cards_for_tame .cardstyle_ h3 { position: absolute; top: 0; left: 0; padding: 12% 0; width: 32%; font-size: 5vw; text-align: center;}
          .Area_topone .box_cards_for_tame .cardstyle_ h3 .topone_icon { margin: 0 auto 1%; width: 9vw;}
          .Area_topone .box_cards_for_tame .cardstyle_ .card_img { margin: 5% 0 5% 28%; width:25%; height: 0; padding-bottom: 25%;}
          .Area_topone .box_cards_for_tame .cardstyle_ .card_img img { }
          .Area_topone .box_cards_for_tame .cardstyle_ h4 { position: absolute; top: 25%; left: 57%; width: 38%;}
          .Area_topone .box_cards_for_tame .cardstyle_ h4 > span { font-size: 7vw;}
          .Area_topone .box_cards_for_tame .cardstyle_ h6 { position: absolute; top: 54%; left: 57%; width: 38%; font-size: 5vw;}
          .Area_topone .box_cards_for_tame .cardstyle_ h6 span { top: 0vw; font-size: 6.6vw;}
        }
    /*配色*/
    .Area_topone .box_cards_for_tame .cardstyle_A h3 b:before { content: "男一級";}
    .Area_topone .box_cards_for_tame .cardstyle_B:before { border-color: #dc670d;}
    .Area_topone .box_cards_for_tame .cardstyle_B:after { background-color: #dc670d;}
    .Area_topone .box_cards_for_tame .cardstyle_B h3 b:before { content: "女一級";}
    .Area_topone .box_cards_for_tame .cardstyle_B h4,
    .Area_topone .box_cards_for_tame .cardstyle_B h6 span { color: #dc670d;}


/*投票區*/ 
.Area_vote { position: relative;}
    /*搜尋*/
    .Area_vote .box_search { position: absolute; top: 54px; left: 23px; width: 320px; }
    .Area_vote .box_search .input { position:relative; border:2px solid #A0A0A0; overflow:hidden; color:#fff; text-align:left; background-color:#A0A0A0; }
    .Area_vote .box_search .input input { margin:0; padding:0 10px; border: none; width:80%; height:40px; font-size:18px; font-weight: 800; line-height:40px; font-family:"微軟正黑體","Microsoft JhengHei", Arial, Helvetica; text-align:left;}
    .Area_vote .box_search .input input { -webkit-appearance: none;	/* Safari 和 Chrome，常用於iOS下移除內建樣式 */
                                          -moz-appearance: none;	/* FireFox */
                                               appearance: none;
                                               outline:none; /*取消選取藍框*/}
    .Area_vote .box_search .input input::-webkit-input-placeholder { color: #626060;}
    .Area_vote .box_search .input input:-ms-input-placeholder { color: #626060;}
    .Area_vote .box_search .input input::-moz-placeholder { color: #626060;}
    .Area_vote .box_search .input input:-moz-placeholder { color: #626060;}
    .Area_vote .box_search .input input::placeholder { color: #626060;}  
    .Area_vote .box_search .input a { z-index:1; position:absolute; top:0; right:0; padding:0; width:20%; height:100%; font-size:22px; font-weight: 800; line-height: 40px; color:#fff; text-align:center; }
    .Area_vote .box_search .input a:hover { background-color:rgba(0,0,0,0.5);}
        @media screen and (max-width:767px){
		  .Area_vote {margin-bottom:32vw;}
          .Area_vote .box_search { position: relative; top: inherit; left: inherit; padding: 3vw 3%; width: 94%;}
          .Area_vote .box_search .input { border-width: 2px;}
          .Area_vote .box_search .input input { padding:0 2vw; height: 9vw; font-size:4vw; line-height: 9vw;}
          .Area_vote .box_search .input a { font-size: 4.2vw; line-height: 9vw; }
        }
    /*卡片樣式*/
    .Area_vote .box_cards { padding: 20px;}
    .Area_vote .box_cards ul { margin: 0; padding: 0; list-style: none;}
    .Area_vote .box_cards ul:after { content: ""; display: block; clear: both;}
    .Area_vote .box_cards li { float: left; z-index: 0; position: relative; margin: 0; margin-left: 20px; margin-bottom: 20px; padding: 0; box-sizing: border-box; overflow: hidden; width: 380px; text-align: left; background-color: #fff; letter-spacing: -0.1rem;
                                      -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_vote .box_cards li:hover { box-shadow: 0 0 14px rgba(0,0,0,0.3);}
    .Area_vote .box_cards li:nth-of-type(3n+1) { margin-left: 0;}
        @media screen and (max-width:767px){
          .Area_vote .box_cards { padding: 3%;}
          .Area_vote .box_cards li { margin-left: 3%; margin-bottom: 3%; width: 48.5%; /* box-shadow: 0 2px 4px rgba(0,0,0,0.3); */}
          .Area_vote .box_cards li:nth-of-type(3n+1) { margin-left: 3%;}
          .Area_vote .box_cards li:nth-of-type(2n+1) { margin-left: 0;}
        }
        /*資料*/
        .Area_vote .box_cards .cardstyle_ .card_into { position: relative; width: 100%; height: 0; padding-bottom: 94%; overflow: hidden;}
        .Area_vote .box_cards .cardstyle_ .card_into:before,
        .Area_vote .box_cards .cardstyle_ .card_into:after { content: ""; pointer-events: none; z-index: -2; position: absolute; top: 12px; left: 12px; display: block; /*border: 1px solid #13376c;*/ width: 100%; height: 100%;}
        .Area_vote .box_cards .cardstyle_ .card_into:before { }
        .Area_vote .box_cards .cardstyle_ .card_into:after  { top: -12px; left: -12px; border-color: #d6d6d6; border-bottom: none;}
        .Area_vote .box_cards .cardstyle_ .card_into h3 { position: absolute; top: 8%; left: 25px; margin: 0; padding:0; color: #13376c; font-size: 20px;}
        .Area_vote .box_cards .cardstyle_ .card_into h3 b { position: relative; top: -8px; padding-left: 20px;}
        .Area_vote .box_cards .cardstyle_ .card_into h3 b:before { content: "ＯＯ王";}
        .Area_vote .box_cards .cardstyle_ .card_into h3 .vote_icon1 { position: absolute; top: 0; left: 0; display: block; width: 10px; height: 50px; font-size: 0; background-repeat: repeat-y; background-position: center top; background-image: url('data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20id%3D%22vote_icon1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2011%2065%22%20style%3D%22enable-background%3Anew%200%200%2011%2065%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E.st0%7Bfill%3A%23A6A6A6%3B%7D%3C%2Fstyle%3E%3Cg%3E%3Cg%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M5.2%2C5c0.1%2C0.1%2C0.2%2C0.1%2C0.3%2C0.1c0.1%2C0%2C0.2%2C0%2C0.3-0.1l5-4.1c0.2-0.2%2C0.2-0.5%2C0.1-0.7C10.8%2C0.1%2C10.7%2C0%2C10.5%2C0%20c-0.1%2C0-0.2%2C0-0.3%2C0.1L5.5%2C4L0.8%2C0.1C0.7%2C0.1%2C0.6%2C0%2C0.5%2C0C0.3%2C0%2C0.2%2C0.1%2C0.1%2C0.2C-0.1%2C0.4%2C0%2C0.7%2C0.2%2C0.9L5.2%2C5z%20M10.5%2C13%20c-0.1%2C0-0.2%2C0-0.3%2C0.1L5.5%2C17l-4.7-3.9C0.7%2C13.1%2C0.6%2C13%2C0.5%2C13c-0.1%2C0-0.3%2C0.1-0.4%2C0.2c-0.2%2C0.2-0.1%2C0.5%2C0.1%2C0.7l5%2C4.1%20c0.1%2C0.1%2C0.2%2C0.1%2C0.3%2C0.1c0.1%2C0%2C0.2%2C0%2C0.3-0.1l5-4.1c0.2-0.2%2C0.2-0.5%2C0.1-0.7C10.8%2C13.1%2C10.7%2C13%2C10.5%2C13z%20M10.5%2C26%20c-0.1%2C0-0.2%2C0-0.3%2C0.1L5.5%2C30l-4.7-3.9C0.7%2C26.1%2C0.6%2C26%2C0.5%2C26c-0.1%2C0-0.3%2C0.1-0.4%2C0.2c-0.2%2C0.2-0.1%2C0.5%2C0.1%2C0.7l5%2C4.1%20c0.1%2C0.1%2C0.2%2C0.1%2C0.3%2C0.1c0.1%2C0%2C0.2%2C0%2C0.3-0.1l5-4.1c0.2-0.2%2C0.2-0.5%2C0.1-0.7C10.8%2C26.1%2C10.7%2C26%2C10.5%2C26z%20M10.5%2C39%20c-0.1%2C0-0.2%2C0-0.3%2C0.1L5.5%2C43l-4.7-3.9C0.7%2C39.1%2C0.6%2C39%2C0.5%2C39c-0.1%2C0-0.3%2C0.1-0.4%2C0.2c-0.2%2C0.2-0.1%2C0.5%2C0.1%2C0.7l5%2C4.1%20c0.1%2C0.1%2C0.2%2C0.1%2C0.3%2C0.1c0.1%2C0%2C0.2%2C0%2C0.3-0.1l5-4.1c0.2-0.2%2C0.2-0.5%2C0.1-0.7C10.8%2C39.1%2C10.7%2C39%2C10.5%2C39z%20M10.5%2C52%20c-0.1%2C0-0.2%2C0-0.3%2C0.1L5.5%2C56l-4.7-3.9C0.7%2C52.1%2C0.6%2C52%2C0.5%2C52c-0.1%2C0-0.3%2C0.1-0.4%2C0.2c-0.2%2C0.2-0.1%2C0.5%2C0.1%2C0.7l5%2C4.1%20c0.1%2C0.1%2C0.2%2C0.1%2C0.3%2C0.1c0.1%2C0%2C0.2%2C0%2C0.3-0.1l5-4.1c0.2-0.2%2C0.2-0.5%2C0.1-0.7C10.8%2C52.1%2C10.7%2C52%2C10.5%2C52z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E');}      
        .Area_vote .box_cards .cardstyle_ .card_into .card_img { margin: 0 auto; overflow: hidden; width: 100%; height: 290px; padding-bottom: 100%;}
        .Area_vote .box_cards .cardstyle_ .card_into .card_img img { margin-top: 5%; margin-left: 12%; width: 100%; height: auto;}
        .Area_vote .box_cards .cardstyle_ .card_into h5 { position: absolute; top: 35%; left: 25px; margin: 0; padding: 0; color: #494848; font-size: 24px; font-weight: 800;}
        .Area_vote .box_cards .cardstyle_ .card_into h5:before { position: relative; top: -7px; display: inline-block; margin-right: 5px; width: 25px; height: 3px; background-color: #13376c;}
        .Area_vote .box_cards .cardstyle_ .card_into h4 { position: absolute; top: 45%; left: 25px; margin: 0; padding: 0; color: #13376c; letter-spacing: 0;}
        .Area_vote .box_cards .cardstyle_ .card_into h4 { text-shadow: 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff}
        .Area_vote .box_cards .cardstyle_ .card_into h4 > span { position: relative; left: -2px; font-size: 40px;}
        .Area_vote .box_cards .cardstyle_ .card_into h4 b { display: block; font-size: 36px; font-weight: 800; line-height: 36px;}
        .Area_vote .box_cards .cardstyle_ .card_into h4 b span { font-size: 46px; font-weight: 800; font-family:'Century Gothic';}
        .Area_vote .box_cards .cardstyle_ .card_into .card_into_bg { z-index: -1; position: absolute; bottom: 0; right: 0; display: block; width: 74%; height: 17%; background-color: #fff; background-image: radial-gradient(#ccc 1px, transparent 2px); background-size: 14px 14px; background-position: 0 0;}
        .Area_vote .box_cards .cardstyle_ .card_into .card_img {  -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_vote .box_cards .cardstyle_ .card_into h3 .vote_icon1,
        .Area_vote .box_cards .cardstyle_ .card_into .card_into_bg {  -webkit-transition: all 3s ease;
                                                                         -moz-transition: all 3s ease;
                                                                          -ms-transition: all 3s ease;
                                                                           -o-transition: all 3s ease;
                                                                              transition: all 3s ease;}  
        .Area_vote .box_cards .cardstyle_:hover .card_into .card_img { transform: translateY(-2%);}
        .Area_vote .box_cards .cardstyle_:hover .card_into h3 .vote_icon1 { background-position: 0 65px;}
        .Area_vote .box_cards .cardstyle_:hover .card_into .card_into_bg { background-position: -100px 0;}
            @media screen and (max-width:767px){
              .Area_vote .box_cards .cardstyle_ .card_into { padding-bottom: 94%;}
              .Area_vote .box_cards .cardstyle_ .card_into:before,
              .Area_vote .box_cards .cardstyle_ .card_into:after { top: 1.5vw; left: 1.5vw; }
              .Area_vote .box_cards .cardstyle_ .card_into:before { }
              .Area_vote .box_cards .cardstyle_ .card_into:after  { top: -2vw; left: -2vw;}
              .Area_vote .box_cards .cardstyle_ .card_into h3 { top: 5vw; left: 8%; font-size: 3.4vw;}
              .Area_vote .box_cards .cardstyle_ .card_into h3 b { top: -1vw; padding-left: 3vw;}
              .Area_vote .box_cards .cardstyle_ .card_into h3 .vote_icon1 { width: 2vw; height: 9.5vw; background-size: 2vw;}
              .Area_vote .box_cards .cardstyle_ .card_into .card_img {height:80%; }
              .Area_vote .box_cards .cardstyle_ .card_into .card_img img { margin-top: 5%; margin-left: 14%;}
              .Area_vote .box_cards .cardstyle_ .card_into h5 { top: 35%; left: 8%; width: 50%; font-size: 3.8vw;}
              .Area_vote .box_cards .cardstyle_ .card_into h5:before { top: -1vw; margin-right: 2px; width: 12%; height: 2px;}
              .Area_vote .box_cards .cardstyle_ .card_into h4 { top: 49%; left: 8%;}
              .Area_vote .box_cards .cardstyle_ .card_into h4 > span { left: -2px; font-size: 5vw;}
              .Area_vote .box_cards .cardstyle_ .card_into h4 b { font-size: 4vw; line-height: 5vw;}
              .Area_vote .box_cards .cardstyle_ .card_into h4 b span { font-size: 5vw;}
              .Area_vote .box_cards .cardstyle_ .card_into .card_into_bg { background-image: radial-gradient(#ccc 0.2vw, transparent 0.2vw); background-size: 2vw 2vw; opacity: 0;}
              .Area_vote .box_cards .cardstyle_:hover .card_into h3 .vote_icon1 { background-position: 0 65px;}
              .Area_vote .box_cards .cardstyle_:hover .card_into .card_into_bg { background-position: -100px 0;}
            }
        /*按鈕*/
        .Area_vote .box_cards .cardstyle_ .card_btns { padding: 15px;}
        .Area_vote .box_cards .cardstyle_ .card_btns:after { content: ""; display: block; clear: both;}
        .Area_vote .box_cards .cardstyle_ .card_btns h6 { margin: 0; padding: 0; color: #fff; font-size: 20px; font-weight: 300;}
        .Area_vote .box_cards .cardstyle_ .card_btns h6 span { position: relative; top: 1px; margin-left: 5px; font-size: 38px; font-family:'Century Gothic'; letter-spacing: -0.1rem;}
        .Area_vote .box_cards .cardstyle_ .card_btns .btn_ { float: left; margin: 15px 0 10px 5%; width: 47.5%; text-align: center; background-color: #777777;}
        .Area_vote .box_cards .cardstyle_ .card_btns .btn_:first-child { margin-left: 0;}
        .Area_vote .box_cards .cardstyle_ .card_btns .btn_:hover { filter: brightness(120%);}
        .Area_vote .box_cards .cardstyle_ .card_btns .btn_ a { display: block; font-size: 26px; line-height: 1.7; font-weight: 800; color: #fff;}
        .Area_vote .box_cards .cardstyle_ .card_btns .btn_more { margin-left: 0;}
        .Area_vote .box_cards .cardstyle_ .card_btns .btn_vote { background-color: #1A7491;} 
            @media screen and (max-width:767px){
              .Area_vote .box_cards .cardstyle_ .card_btns { padding: 2vw; letter-spacing: 0;}
              .Area_vote .box_cards .cardstyle_ .card_btns h6 { font-size: 3vw;}
              .Area_vote .box_cards .cardstyle_ .card_btns h6 span { top: 0; margin-left: 1vw; font-size: 6vw; letter-spacing: 0;}
              .Area_vote .box_cards .cardstyle_ .card_btns .btn_ { float: left; margin: 1vw 0 0 4%; width: 48%; }
              .Area_vote .box_cards .cardstyle_ .card_btns .btn_ a { font-size: 4vw; line-height: 2;}
              .Area_vote .box_cards .cardstyle_ .card_btns .btn_more { margin-left: 0;}
            }
        /*配色*/
        .Area_vote .box_cards .cardstyle_A .card_into h3 b:before { content: "人氣王";}
        .Area_vote .box_cards .cardstyle_A .card_btns .btn_vote { background: url('bg01.png?t=1775628314102') no-repeat center / cover;} 
        .Area_vote .box_cards .cardstyle_B .card_into:before { border-color: #dc670d}
        .Area_vote .box_cards .cardstyle_B .card_into h3 b:before { content: "人氣后";}
        .Area_vote .box_cards .cardstyle_B .card_into h3,
        .Area_vote .box_cards .cardstyle_B .card_into h4 { color: #dc670d;}
        .Area_vote .box_cards .cardstyle_B .card_into h5:before,
        .Area_vote .box_cards .cardstyle_B .card_btns { }
        .Area_vote .box_cards .cardstyle_B .card_btns .btn_vote { background: url('bg02.png?t=1775628314102') no-repeat center / cover;} 
        .Area_vote .box_cards .cardstyle_C .card_into:before { border-color: #1a7491}
        .Area_vote .box_cards .cardstyle_C .card_into h3 b:before { content: "新人王";}
        .Area_vote .box_cards .cardstyle_C .card_into h3,
        .Area_vote .box_cards .cardstyle_C .card_into h4 { color: #1a7491;}
        .Area_vote .box_cards .cardstyle_C .card_into h5:before,
        .Area_vote .box_cards .cardstyle_C .card_btns {}
        .Area_vote .box_cards .cardstyle_C .card_btns .btn_vote { background: url('bg03.png?t=1775628314102') no-repeat center / cover;} 
        .Area_vote .box_cards .cardstyle_D .card_into:before { border-color: #efb539}
        .Area_vote .box_cards .cardstyle_D .card_into h3 b:before { content: "新人后";}
        .Area_vote .box_cards .cardstyle_D .card_into h3,
        .Area_vote .box_cards .cardstyle_D .card_into h4 { color: #efb539;}
        .Area_vote .box_cards .cardstyle_D .card_into h5:before,
        .Area_vote .box_cards .cardstyle_D .card_btns { }
        .Area_vote .box_cards .cardstyle_D .card_btns .btn_vote {background: url('bg04.png?t=1775628314102') no-repeat center / cover;} 


    /*卡片樣式--球隊*/
    .Area_vote .box_cards_for_tame { padding: 20px; padding-bottom:80px;}
    .Area_vote .box_cards_for_tame ul { margin: 0; padding: 0; list-style: none;}
    .Area_vote .box_cards_for_tame ul:after { content: ""; display: block; clear: both;}
    .Area_vote .box_cards_for_tame li { float: left; z-index: 0; position: relative; margin: 0; margin-left: 20px; margin-bottom: 20px; padding: 0; box-sizing: border-box; overflow: hidden; width: 580px; text-align: left; background-color: #fff; letter-spacing: -0.1rem;
                                      -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_vote .box_cards_for_tame li:hover { box-shadow: 0 0 14px rgba(0,0,0,0.3);}
    .Area_vote .box_cards_for_tame li:nth-of-type(2n+1) { margin-left: 0;}
        @media screen and (max-width:767px){
          .Area_vote .box_cards_for_tame { padding: 3%; padding-bottom:20%;}
          .Area_vote .box_cards_for_tame li { margin-left: 3%; margin-bottom: 3%; width: 48.5%; box-shadow: 0 2px 4px rgba(0,0,0,0.3);}
        }
        /*資料*/
        .Area_vote .box_cards_for_tame .cardstyle_ { border-bottom: 15px solid #13376c;}
        .Area_vote .box_cards_for_tame .cardstyle_ .card_into { position: relative; overflow: hidden;}
        .Area_vote .box_cards_for_tame .cardstyle_ .card_into .card_img {}
        .Area_vote .box_cards_for_tame .cardstyle_ .card_into .card_img img { width: 100%; height: auto;}
            @media screen and (max-width:767px){
              .Area_vote .box_cards_for_tame .cardstyle_ { border-bottom-width: 1.5vw;}
            }
        /*按鈕*/
        .Area_vote .box_cards_for_tame .cardstyle_ .card_btns { position: relative; margin: 20px 35px;}
        .Area_vote .box_cards_for_tame .cardstyle_ .card_btns:before { content: ""; display: block;}
        .Area_vote .box_cards_for_tame .cardstyle_ .card_btns:after { content: ""; display: block; clear: both;}
        .Area_vote .box_cards_for_tame .cardstyle_ .card_btns h4 { position: relative;  margin: 0; padding: 0; color: #13376c; letter-spacing: 0;}
        .Area_vote .box_cards_for_tame .cardstyle_ .card_btns h4 > span { font-size: 50px;}
        .Area_vote .box_cards_for_tame .cardstyle_ .card_btns h4 .vote_icon1 { position: absolute; top: 32px; left: 240px; display: block; width: 10px; height: 50px; font-size: 0; background-repeat: repeat-y; background-position: center top; background-image: url('data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20id%3D%22vote_icon1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2011%2065%22%20style%3D%22enable-background%3Anew%200%200%2011%2065%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E.st0%7Bfill%3A%23A6A6A6%3B%7D%3C%2Fstyle%3E%3Cg%3E%3Cg%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M5.2%2C5c0.1%2C0.1%2C0.2%2C0.1%2C0.3%2C0.1c0.1%2C0%2C0.2%2C0%2C0.3-0.1l5-4.1c0.2-0.2%2C0.2-0.5%2C0.1-0.7C10.8%2C0.1%2C10.7%2C0%2C10.5%2C0%20c-0.1%2C0-0.2%2C0-0.3%2C0.1L5.5%2C4L0.8%2C0.1C0.7%2C0.1%2C0.6%2C0%2C0.5%2C0C0.3%2C0%2C0.2%2C0.1%2C0.1%2C0.2C-0.1%2C0.4%2C0%2C0.7%2C0.2%2C0.9L5.2%2C5z%20M10.5%2C13%20c-0.1%2C0-0.2%2C0-0.3%2C0.1L5.5%2C17l-4.7-3.9C0.7%2C13.1%2C0.6%2C13%2C0.5%2C13c-0.1%2C0-0.3%2C0.1-0.4%2C0.2c-0.2%2C0.2-0.1%2C0.5%2C0.1%2C0.7l5%2C4.1%20c0.1%2C0.1%2C0.2%2C0.1%2C0.3%2C0.1c0.1%2C0%2C0.2%2C0%2C0.3-0.1l5-4.1c0.2-0.2%2C0.2-0.5%2C0.1-0.7C10.8%2C13.1%2C10.7%2C13%2C10.5%2C13z%20M10.5%2C26%20c-0.1%2C0-0.2%2C0-0.3%2C0.1L5.5%2C30l-4.7-3.9C0.7%2C26.1%2C0.6%2C26%2C0.5%2C26c-0.1%2C0-0.3%2C0.1-0.4%2C0.2c-0.2%2C0.2-0.1%2C0.5%2C0.1%2C0.7l5%2C4.1%20c0.1%2C0.1%2C0.2%2C0.1%2C0.3%2C0.1c0.1%2C0%2C0.2%2C0%2C0.3-0.1l5-4.1c0.2-0.2%2C0.2-0.5%2C0.1-0.7C10.8%2C26.1%2C10.7%2C26%2C10.5%2C26z%20M10.5%2C39%20c-0.1%2C0-0.2%2C0-0.3%2C0.1L5.5%2C43l-4.7-3.9C0.7%2C39.1%2C0.6%2C39%2C0.5%2C39c-0.1%2C0-0.3%2C0.1-0.4%2C0.2c-0.2%2C0.2-0.1%2C0.5%2C0.1%2C0.7l5%2C4.1%20c0.1%2C0.1%2C0.2%2C0.1%2C0.3%2C0.1c0.1%2C0%2C0.2%2C0%2C0.3-0.1l5-4.1c0.2-0.2%2C0.2-0.5%2C0.1-0.7C10.8%2C39.1%2C10.7%2C39%2C10.5%2C39z%20M10.5%2C52%20c-0.1%2C0-0.2%2C0-0.3%2C0.1L5.5%2C56l-4.7-3.9C0.7%2C52.1%2C0.6%2C52%2C0.5%2C52c-0.1%2C0-0.3%2C0.1-0.4%2C0.2c-0.2%2C0.2-0.1%2C0.5%2C0.1%2C0.7l5%2C4.1%20c0.1%2C0.1%2C0.2%2C0.1%2C0.3%2C0.1c0.1%2C0%2C0.2%2C0%2C0.3-0.1l5-4.1c0.2-0.2%2C0.2-0.5%2C0.1-0.7C10.8%2C52.1%2C10.7%2C52%2C10.5%2C52z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E');}
        .Area_vote .box_cards_for_tame .cardstyle_ .card_btns h4 .vote_icon1 { -webkit-transform-origin: 0; transform-origin: 0; -webkit-transform: rotate(-90deg) scale(1.3); transform: rotate(-90deg) scale(1.3); }
        .Area_vote .box_cards_for_tame .cardstyle_ .card_btns h6 { margin: 0; padding: 0; color: #484848; font-size: 26px; font-weight: 300;}
        .Area_vote .box_cards_for_tame .cardstyle_ .card_btns h6 span { position: relative; top: 1px; margin-left: 5px; font-size: 50px; font-family:'Century Gothic'; letter-spacing: -0.1rem;}
        .Area_vote .box_cards_for_tame .cardstyle_ .card_btns .btn_ { float: left; margin: 15px 0 10px 5%; width: 47.5%; text-align: center; background-color: #777777;}
        .Area_vote .box_cards_for_tame .cardstyle_ .card_btns .btn_:first-child { margin-left: 0;}
        .Area_vote .box_cards_for_tame .cardstyle_ .card_btns .btn_:hover { filter: brightness(120%);}
        .Area_vote .box_cards_for_tame .cardstyle_ .card_btns .btn_ a { display: block; font-size: 28px; line-height: 2; font-weight: 800; color: #fff;}
        .Area_vote .box_cards_for_tame .cardstyle_ .card_btns .btn_more { margin-left: 0;}
        .Area_vote .box_cards_for_tame .cardstyle_ .card_btns .btn_vote { background-color: #1A7491;} 
        .Area_vote .box_cards_for_tame .cardstyle_ .card_btns h4 .vote_icon1 {  -webkit-transition: all 3s ease;
                                                                                   -moz-transition: all 3s ease;
                                                                                    -ms-transition: all 3s ease;
                                                                                     -o-transition: all 3s ease;
                                                                                        transition: all 3s ease;}  
        .Area_vote .box_cards_for_tame .cardstyle_:hover .card_btns h4 .vote_icon1 { background-position: 0 65px;}
            @media screen and (min-width:768px){
              .Area_vote .box_cards_for_tame .cardstyle_ .card_btns .btn_ { position: absolute; right: 0; margin: 0; width: 200px; }
              .Area_vote .box_cards_for_tame .cardstyle_ .card_btns .btn_more { top: 0;}
              .Area_vote .box_cards_for_tame .cardstyle_ .card_btns .btn_vote { bottom: 0;}
            }
            @media screen and (max-width:767px){
              .Area_vote .box_cards_for_tame .cardstyle_ .card_btns { margin: 0; padding: 2vw; letter-spacing: 0;}
              .Area_vote .box_cards_for_tame .cardstyle_ .card_btns h4 { }
              .Area_vote .box_cards_for_tame .cardstyle_ .card_btns h4 > span { font-size: 5vw;}
              .Area_vote .box_cards_for_tame .cardstyle_ .card_btns h4 .vote_icon1 { top: 8%; left: 63%; width: 2vw; height: 9.5vw; background-size: 2vw;}
              .Area_vote .box_cards_for_tame .cardstyle_ .card_btns h4 .vote_icon1 { -webkit-transform: rotate(-90deg) scale(1); transform: rotate(-90deg) scale(1); }
              .Area_vote .box_cards_for_tame .cardstyle_ .card_btns h6 { font-size: 3vw;}
              .Area_vote .box_cards_for_tame .cardstyle_ .card_btns h6 span { top: 0; margin-left: 1vw; font-size: 6vw; letter-spacing: 0;}
              .Area_vote .box_cards_for_tame .cardstyle_ .card_btns .btn_ { float: left; margin: 1vw 0 0 4%; width: 90%; }
              .Area_vote .box_cards_for_tame .cardstyle_ .card_btns .btn_ a { font-size: 4vw; line-height: 2;}
              .Area_vote .box_cards_for_tame .cardstyle_ .card_btns .btn_more { margin-left: 0;}
              .Area_vote .box_cards_for_tame .cardstyle_:hover .card_btns h4 .vote_icon1 { background-position: 0 65px;}     
            }
        /*配色*/
        .Area_vote .box_cards_for_tame .cardstyle_B { border-color: #dc670d}
        .Area_vote .box_cards_for_tame .cardstyle_B .card_btns h4 { color: #dc670d;}
        .Area_vote .box_cards_for_tame .cardstyle_B .card_btns .btn_vote { background-color: #EFB539;} 


    /*看更多*/
    .Area_vote .btn_cardmore { -webkit-transform: translateY(0%); transform: translateY(0%);
                        -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_vote .btn_cardmore:hover { -webkit-transform: translateY(10%); transform: translateY(10%); filter: brightness(120%);}
        @media screen and (max-width:767px){
			.btn_cardmore{}
        }


/* --------------------------------------
 * RWD排行榜
 * -------------------------------------- */


/*排行榜*/
.Area_toplist { margin-top: 50px;}
    @media screen and (max-width:767px){
      .Area_toplist { margin-top: 5vw;}
    }
    /*篩選按鈕*/
    .Area_toplist .box_tab { }
        @media screen and (max-width:767px){
          .Area_toplist .box_tab { margin: 3vw 0;}
        }
    /*卡片樣式*/
    .Area_toplist .box_cards { padding: 20px;}
    .Area_toplist .box_cards ul { margin: 0; padding: 0; list-style: none;}
    .Area_toplist .box_cards ul:after { content: ""; display: block; clear: both;}
    .Area_toplist .box_cards li { float: left; z-index: 0; position: relative; margin: 0; margin-bottom: 20px; box-sizing: border-box; overflow: hidden; width: 1180px; height: 120px; text-align: left; background-color: #fff; letter-spacing: -0.1rem;
                                      -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_toplist .box_cards li:hover { box-shadow: 0 0 14px rgba(0,0,0,0.3);}
    .Area_toplist .box_cards li:after  { content: ""; pointer-events: none; z-index: -1; position: absolute; top: 0; left: 0; display: block; width: 16px; height: 100%; background-color: #ffb229;}
    .Area_toplist .box_cards .cardstyle_ a { display: block; padding: 10px;}
    .Area_toplist .box_cards .cardstyle_ h3 { position: absolute; top: 0; left: 0; margin: 0; padding: 0; width: 160px; text-align: center; color:#ffb229; font-size: 50px; font-weight: 300; line-height: 120px; font-family:'Century Gothic';}
    .Area_toplist .box_cards .cardstyle_ .card_img { float: left; margin: 0 30px 0 150px; border-radius: 50%; overflow: hidden; width:100px; height: 0; padding-bottom: 100px; background-color: #f7f9fe; background-image: linear-gradient(0deg,#e4e8ea, #f4f7fb);}
    .Area_toplist .box_cards .cardstyle_ .card_img img { margin-top: -4%; margin-left: -49%; width:180%; height: auto;}
    .Area_toplist .box_cards .cardstyle_ h4 { margin: 0; padding: 10px; font-size: 32px; color: #484848;}
    .Area_toplist .box_cards .cardstyle_ h4 i:before { content: "ＯＯ王"; display: block; font-style: normal; font-size: 24px; font-weight: 300; color: #7f7f7f;}
    .Area_toplist .box_cards .cardstyle_ h4 > span { }
    .Area_toplist .box_cards .cardstyle_ h4 b { font-size: 26px; font-weight: 800;}
    .Area_toplist .box_cards .cardstyle_ h4 b span { font-size: 36px; font-weight: 300; font-family:'Century Gothic';}
    .Area_toplist .box_cards .cardstyle_ h6 { position: absolute; top: 0; left: 630px; margin: 0; padding: 0; width: 270px; color: #d22a1e; font-size: 24px; line-height: 120px; font-weight: 800; text-align: right;}
    .Area_toplist .box_cards .cardstyle_ h6 span { font-size: 60px; font-family:'Century Gothic'; letter-spacing: -0.1rem; font-weight: 300;}
    /*球隊樣式*/
    .Area_toplist .box_cards_for_tame .cardstyle_ .card_img img { margin: 0; padding: 10%; -webkit-box-sizing: border-box; box-sizing: border-box; width:100%; height: auto;}
    .Area_toplist .box_cards_for_tame .cardstyle_ .card_btns { padding: 28px 64px 0;}
    .Area_toplist .box_cards_for_tame .cardstyle_ h4 i:before { content: "ＯＯ組";}
        @media screen and (max-width:767px){
          .Area_toplist .box_cards { padding: 3%;}
          .Area_toplist .box_cards li { margin-bottom: 3%; width: 100%; height: auto;}  
          .Area_toplist .box_cards li:after  { width: 8px;}
          .Area_toplist .box_cards .cardstyle_ a { padding: 5% 0;}
          .Area_toplist .box_cards .cardstyle_ h3 { top: 50%; transform: translateY(-50%); width: 16%; font-size: 6vw; line-height: 1;}
          .Area_toplist .box_cards .cardstyle_ .card_img { position: relative; margin: 0 3% 0 15%; width:25%; height: 0; padding-bottom: 25%;}
          .Area_toplist .box_cards .cardstyle_ .card_img img { margin-top: -4%; margin-left: -49%; width:180%; height: auto;}
          .Area_toplist .box_cards .cardstyle_ h4 { position: relative; margin: 0; padding: 0; font-size: 5vw; color: #484848;}
          .Area_toplist .box_cards .cardstyle_ h4:before { display: none; content: "+"; position: absolute; top: 4%; left: 35%; border-radius: 10vw; width: 5vw; height: 5vw; font-size: 5vw; line-height: 4.5vw; text-indent: -0.5vw; color: #fff; text-align: center;background-color: #13376c;}
          .Area_toplist .box_cards .cardstyle_ h4 i:before { font-size: 4vw;}
          .Area_toplist .box_cards .cardstyle_ h4 b { font-size: 5vw;}
          .Area_toplist .box_cards .cardstyle_ h4 b span { font-size: 6vw;}
          .Area_toplist .box_cards .cardstyle_ h6 { position: relative; top: inherit; left: inherit; width: inherit; font-size: 5vw; line-height: 1; text-align: left;}
          .Area_toplist .box_cards .cardstyle_ h6 span { font-size: 9vw;}          
        }
        /*按鈕*/
        .Area_toplist .box_cards .cardstyle_ .card_btns { position: absolute; top: 0; right: 0; padding: 38px 64px 0; width: 160px; height: 120px;}
        .Area_toplist .box_cards .cardstyle_ .card_btns:after { content: ""; display: block; clear: both;}
        .Area_toplist .box_cards .cardstyle_ .card_btns h6 { margin: 0; padding: 0; color: #fff; font-size: 20px; font-weight: 300;}
        .Area_toplist .box_cards .cardstyle_ .card_btns h6 span { position: relative; top: 1px; margin-left: 5px; font-size: 38px; font-family:'Century Gothic'; letter-spacing: -0.1rem;}
        .Area_toplist .box_cards .cardstyle_ .card_btns .btn_ { float: left; margin: 0; width: 100%; text-align: center; background-color: #13376c;}
        .Area_toplist .box_cards .cardstyle_ .card_btns .btn_:first-child { margin-left: 0;}
        .Area_toplist .box_cards .cardstyle_ .card_btns .btn_:hover { filter: brightness(120%);}
        .Area_toplist .box_cards .cardstyle_ .card_btns .btn_ a { display: block; font-size: 26px; line-height: 1.7; font-weight: 800; color: #fff;}
			@media screen and (max-width: 767px) {				
			  .Area_toplist .box_cards .cardstyle_ .card_btns {width: 24%; position: absolute;top: 6vw;right: 3vw;padding: 0;}
        	  .Area_toplist .box_cards .cardstyle_ .card_btns .btn_ a { display: block; font-size: 16px; line-height: 1; font-weight: 800; color: #fff;}				
			}



    /*配色*/
    .Area_toplist .box_cards .cardstyle_A h4 i:before { content: "人氣王";}
    .Area_toplist .box_cards .cardstyle_B:after,
    .Area_toplist .box_cards .cardstyle_B h4:before,
    .Area_toplist .box_cards .cardstyle_B .card_btns .btn_more { background-color: #dc670d;}
    .Area_toplist .box_cards .cardstyle_B h3 { color: #dc670d;}
    .Area_toplist .box_cards .cardstyle_B h4 i:before { content: "人氣后";}
    .Area_toplist .box_cards .cardstyle_C:after,
    .Area_toplist .box_cards .cardstyle_C h4:before,
    .Area_toplist .box_cards .cardstyle_C .card_btns .btn_more { background-color: #1a7491;}
    .Area_toplist .box_cards .cardstyle_C h3 { color: #1a7491;}
    .Area_toplist .box_cards .cardstyle_C h4 i:before { content: "新人王";}
    .Area_toplist .box_cards .cardstyle_D:after,
    .Area_toplist .box_cards .cardstyle_D h4:before,
    .Area_toplist .box_cards .cardstyle_D .card_btns .btn_more { background-color: #efb539;}
    .Area_toplist .box_cards .cardstyle_D h3 { color: #efb539;}
    .Area_toplist .box_cards .cardstyle_D h4 i:before { content: "新人后";}
    /*球隊樣式*/
    .Area_toplist .box_cards_for_tame .cardstyle_A h4 i:before { content: "男一級";}
    .Area_toplist .box_cards_for_tame .cardstyle_B h4 i:before { content: "女一級";}


/* --------------------------------------
 * RWD名片頁
 * -------------------------------------- */


/*名片頁*/
.Area_pagecard { min-height: 80vh;}
.Area_pagecard .box_cards { padding: 64px 80px 80px 150px;}
.Area_pagecard .box_cards ul { margin: 0; padding: 0; list-style: none;}
.Area_pagecard .box_cards ul:after { content: ""; display: block; clear: both;}
.Area_pagecard .box_cards li { z-index: 0; position: relative; margin: 0; padding: 0; box-sizing: border-box; text-align: left; letter-spacing: -0.1rem;height: 29vw;}
    @media screen and (max-width:767px){
      .Area_pagecard { padding-bottom: 0px;}
      .Area_pagecard .box_cards { padding: 8vw 16vw 0 26vw;}
    }
    /*照片區*/
    .Area_pagecard .box_cards .cardstyle_ .card_imgbox { float: left; position: relative; box-sizing: border-box; width: 420px; height: 420px;}

    .Area_pagecard .box_cards .cardstyle_ .card_imgbox .card_pic { z-index: 0; position: relative;}
    .Area_pagecard .box_cards .cardstyle_ .card_imgbox .card_pic:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; box-sizing: border-box; border: 10px solid #fff;}
    .Area_pagecard .box_cards .cardstyle_ .card_imgbox .card_pic .card_pic_ img { width: 100%; height: auto; filter: brightness(105%);}
    .Area_pagecard .box_cards .cardstyle_ .card_imgbox .card_pic .card_pic_ { height: 414px; }
    .Area_pagecard .box_cards .cardstyle_ .card_imgbox .card_pic .card_pic_1 { border: 10px solid transparent;}
    .Area_pagecard .box_cards .cardstyle_ .card_imgbox .card_pic .card_pic_1 img { margin-top: -60px; margin-left: -30px; width: calc(100% + 60px);}
    .Area_pagecard .box_cards .cardstyle_ .card_imgbox .card_pic .swiper-slide { opacity: 0;}
    .Area_pagecard .box_cards .cardstyle_ .card_imgbox .card_pic .swiper-slide.swiper-loadend { opacity: 1;}
    .Area_pagecard .box_cards .cardstyle_ .card_imgbox .card_pic .swiper-pagination { bottom: inherit; left: inherit; width: auto; top: 20px; right: 20px; transform: translate3d(0px,0%,0);}
    .Area_pagecard .box_cards .cardstyle_ .card_imgbox .card_pic .swiper-pagination-bullet { display: block; margin: 0; margin-bottom: 6px; border-radius: 0; width: 28px; height: 28px; font-size: 20px; line-height: 28px; color: #fff; font-family:'Century Gothic'; opacity: 1; background-color: #b0b0b0;}
    .Area_pagecard .box_cards .cardstyle_ .card_imgbox .card_pic .swiper-pagination-bullet-active { background-color: #13376c;}
    .Area_pagecard .box_cards .cardstyle_ .card_imgbox h3 { z-index: -1; position: absolute; top: -100px; left: -74px; margin: 0; padding: 10px 15px; box-sizing: border-box; width: 170px; height: 170px; background-color: #13376c;}
    .Area_pagecard .box_cards .cardstyle_ .card_imgbox h3:before { content: "ＯＯ王"; font-size: 34px; color: #fff; letter-spacing: 0;}
    .Area_pagecard .box_cards .cardstyle_ .card_imgbox h4 { margin: 0; padding: 0; font-weight: 300; }
    .Area_pagecard .box_cards .cardstyle_ .card_imgbox h4 .vote_icon1 { position: absolute; display: block; width: 10px; font-size: 0; background-repeat: repeat-y; background-position: center top; background-image: url('data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20id%3D%22vote_icon1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2011%2065%22%20style%3D%22enable-background%3Anew%200%200%2011%2065%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E.st0%7Bfill%3A%23d4d4d4%3B%7D%3C%2Fstyle%3E%3Cg%3E%3Cg%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M5.2%2C5c0.1%2C0.1%2C0.2%2C0.1%2C0.3%2C0.1c0.1%2C0%2C0.2%2C0%2C0.3-0.1l5-4.1c0.2-0.2%2C0.2-0.5%2C0.1-0.7C10.8%2C0.1%2C10.7%2C0%2C10.5%2C0%20c-0.1%2C0-0.2%2C0-0.3%2C0.1L5.5%2C4L0.8%2C0.1C0.7%2C0.1%2C0.6%2C0%2C0.5%2C0C0.3%2C0%2C0.2%2C0.1%2C0.1%2C0.2C-0.1%2C0.4%2C0%2C0.7%2C0.2%2C0.9L5.2%2C5z%20M10.5%2C13%20c-0.1%2C0-0.2%2C0-0.3%2C0.1L5.5%2C17l-4.7-3.9C0.7%2C13.1%2C0.6%2C13%2C0.5%2C13c-0.1%2C0-0.3%2C0.1-0.4%2C0.2c-0.2%2C0.2-0.1%2C0.5%2C0.1%2C0.7l5%2C4.1%20c0.1%2C0.1%2C0.2%2C0.1%2C0.3%2C0.1c0.1%2C0%2C0.2%2C0%2C0.3-0.1l5-4.1c0.2-0.2%2C0.2-0.5%2C0.1-0.7C10.8%2C13.1%2C10.7%2C13%2C10.5%2C13z%20M10.5%2C26%20c-0.1%2C0-0.2%2C0-0.3%2C0.1L5.5%2C30l-4.7-3.9C0.7%2C26.1%2C0.6%2C26%2C0.5%2C26c-0.1%2C0-0.3%2C0.1-0.4%2C0.2c-0.2%2C0.2-0.1%2C0.5%2C0.1%2C0.7l5%2C4.1%20c0.1%2C0.1%2C0.2%2C0.1%2C0.3%2C0.1c0.1%2C0%2C0.2%2C0%2C0.3-0.1l5-4.1c0.2-0.2%2C0.2-0.5%2C0.1-0.7C10.8%2C26.1%2C10.7%2C26%2C10.5%2C26z%20M10.5%2C39%20c-0.1%2C0-0.2%2C0-0.3%2C0.1L5.5%2C43l-4.7-3.9C0.7%2C39.1%2C0.6%2C39%2C0.5%2C39c-0.1%2C0-0.3%2C0.1-0.4%2C0.2c-0.2%2C0.2-0.1%2C0.5%2C0.1%2C0.7l5%2C4.1%20c0.1%2C0.1%2C0.2%2C0.1%2C0.3%2C0.1c0.1%2C0%2C0.2%2C0%2C0.3-0.1l5-4.1c0.2-0.2%2C0.2-0.5%2C0.1-0.7C10.8%2C39.1%2C10.7%2C39%2C10.5%2C39z%20M10.5%2C52%20c-0.1%2C0-0.2%2C0-0.3%2C0.1L5.5%2C56l-4.7-3.9C0.7%2C52.1%2C0.6%2C52%2C0.5%2C52c-0.1%2C0-0.3%2C0.1-0.4%2C0.2c-0.2%2C0.2-0.1%2C0.5%2C0.1%2C0.7l5%2C4.1%20c0.1%2C0.1%2C0.2%2C0.1%2C0.3%2C0.1c0.1%2C0%2C0.2%2C0%2C0.3-0.1l5-4.1c0.2-0.2%2C0.2-0.5%2C0.1-0.7C10.8%2C52.1%2C10.7%2C52%2C10.5%2C52z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E');}
    .Area_pagecard .box_cards .cardstyle_ .card_imgbox h4 .card_num { position: absolute; top: 168px; left: -90px;  }
    .Area_pagecard .box_cards .cardstyle_ .card_imgbox h4 .card_num span { display: block; -webkit-transform: skewX(-10deg); transform: skewX(-10deg); font-size:162px; font-family: Impact; font-style: normal; color:#343434; -webkit-text-stroke: 1px #343434; -webkit-text-fill-color:transparent;}
    .Area_pagecard .box_cards .cardstyle_ .card_imgbox h4 .card_num .vote_icon1 { top: -67px; left: 44px; height: 70px; background-image: url('data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20id%3D%22vote_icon1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2011%2065%22%20style%3D%22enable-background%3Anew%200%200%2011%2065%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E.st0%7Bfill%3A%23f8b934%3B%7D%3C%2Fstyle%3E%3Cg%3E%3Cg%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M5.2%2C5c0.1%2C0.1%2C0.2%2C0.1%2C0.3%2C0.1c0.1%2C0%2C0.2%2C0%2C0.3-0.1l5-4.1c0.2-0.2%2C0.2-0.5%2C0.1-0.7C10.8%2C0.1%2C10.7%2C0%2C10.5%2C0%20c-0.1%2C0-0.2%2C0-0.3%2C0.1L5.5%2C4L0.8%2C0.1C0.7%2C0.1%2C0.6%2C0%2C0.5%2C0C0.3%2C0%2C0.2%2C0.1%2C0.1%2C0.2C-0.1%2C0.4%2C0%2C0.7%2C0.2%2C0.9L5.2%2C5z%20M10.5%2C13%20c-0.1%2C0-0.2%2C0-0.3%2C0.1L5.5%2C17l-4.7-3.9C0.7%2C13.1%2C0.6%2C13%2C0.5%2C13c-0.1%2C0-0.3%2C0.1-0.4%2C0.2c-0.2%2C0.2-0.1%2C0.5%2C0.1%2C0.7l5%2C4.1%20c0.1%2C0.1%2C0.2%2C0.1%2C0.3%2C0.1c0.1%2C0%2C0.2%2C0%2C0.3-0.1l5-4.1c0.2-0.2%2C0.2-0.5%2C0.1-0.7C10.8%2C13.1%2C10.7%2C13%2C10.5%2C13z%20M10.5%2C26%20c-0.1%2C0-0.2%2C0-0.3%2C0.1L5.5%2C30l-4.7-3.9C0.7%2C26.1%2C0.6%2C26%2C0.5%2C26c-0.1%2C0-0.3%2C0.1-0.4%2C0.2c-0.2%2C0.2-0.1%2C0.5%2C0.1%2C0.7l5%2C4.1%20c0.1%2C0.1%2C0.2%2C0.1%2C0.3%2C0.1c0.1%2C0%2C0.2%2C0%2C0.3-0.1l5-4.1c0.2-0.2%2C0.2-0.5%2C0.1-0.7C10.8%2C26.1%2C10.7%2C26%2C10.5%2C26z%20M10.5%2C39%20c-0.1%2C0-0.2%2C0-0.3%2C0.1L5.5%2C43l-4.7-3.9C0.7%2C39.1%2C0.6%2C39%2C0.5%2C39c-0.1%2C0-0.3%2C0.1-0.4%2C0.2c-0.2%2C0.2-0.1%2C0.5%2C0.1%2C0.7l5%2C4.1%20c0.1%2C0.1%2C0.2%2C0.1%2C0.3%2C0.1c0.1%2C0%2C0.2%2C0%2C0.3-0.1l5-4.1c0.2-0.2%2C0.2-0.5%2C0.1-0.7C10.8%2C39.1%2C10.7%2C39%2C10.5%2C39z%20M10.5%2C52%20c-0.1%2C0-0.2%2C0-0.3%2C0.1L5.5%2C56l-4.7-3.9C0.7%2C52.1%2C0.6%2C52%2C0.5%2C52c-0.1%2C0-0.3%2C0.1-0.4%2C0.2c-0.2%2C0.2-0.1%2C0.5%2C0.1%2C0.7l5%2C4.1%20c0.1%2C0.1%2C0.2%2C0.1%2C0.3%2C0.1c0.1%2C0%2C0.2%2C0%2C0.3-0.1l5-4.1c0.2-0.2%2C0.2-0.5%2C0.1-0.7C10.8%2C52.1%2C10.7%2C52%2C10.5%2C52z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E');}
    .Area_pagecard .box_cards .cardstyle_ .card_imgbox h4 .card_pos { position: absolute; top: 146px; right: -32px;}
    .Area_pagecard .box_cards .cardstyle_ .card_imgbox h4 .card_pos span { display: block; font-size:40px; font-family: Impact; font-style: normal; color:#dedfe0;}
    .Area_pagecard .box_cards .cardstyle_ .card_imgbox h4 .card_pos .vote_icon1 { top: -147px; left: 5px; height: 138px;}
    .Area_pagecard .box_cards .cardstyle_ .card_imgbox .card_imgbox_bg { z-index: -1; position: absolute; bottom: -30%; right: -15%; display: block; width: 60%; height: 60%; background-image: radial-gradient(#ccc 1px, transparent 2px); background-size: 14px 14px; background-position: 0 0;}
    /*球隊樣式*/
    .Area_pagecard .box_cards_for_tame .cardstyle_ .card_imgbox {  width: 552px; height: 552px;}
    .Area_pagecard .box_cards_for_tame .cardstyle_ .card_imgbox .card_pic { top: 8px; left: -33px;height:100%;}
    .Area_pagecard .box_cards_for_tame .cardstyle_ .card_imgbox .card_pic:after { display: none;}
    .Area_pagecard .box_cards_for_tame .cardstyle_ .card_imgbox .card_pic .swiper-slide { opacity: 1;}
    .Area_pagecard .box_cards_for_tame .cardstyle_ .card_imgbox .card_imgbox_bg { bottom: 1%; right: 14%; width: 43%; height: 43%;}
    .Area_pagecard .box_cards_for_tame .cardstyle_ .card_imgbox h3:before { content: "ＯＯ組";}
    .Area_pagecard .box_cards_for_tame .cardstyle_ .card_imgbox h4 .card_logo { position: absolute; top: 400px; left: 370px; width: 175px;}
    .Area_pagecard .box_cards_for_tame .cardstyle_ .card_imgbox h4 .card_logo img { width: 100%; height: auto;}
        @media screen and (max-width:767px){
          .Area_pagecard .box_cards .cardstyle_ .card_imgbox { float: none; width: 100%; height: 0; padding-bottom: 100%;}
          .Area_pagecard .box_cards .cardstyle_ .card_imgbox .card_pic:after { border-width: 1vw;}
		      .Area_pagecard .box_cards .cardstyle_ .card_imgbox .card_pic .card_pic_ { height: 53vw; }	
          .Area_pagecard .box_cards .cardstyle_ .card_imgbox .card_pic .card_pic_1 { border-width: 1vw;}
          .Area_pagecard .box_cards .cardstyle_ .card_imgbox .card_pic .card_pic_1 img { margin-top: -8vw; margin-left: -4vw; width: calc(100% + 8vw);}
          .Area_pagecard .box_cards .cardstyle_ .card_imgbox .card_pic .swiper-pagination { top: 3vw; right: 3vw; }
          .Area_pagecard .box_cards .cardstyle_ .card_imgbox .card_pic .swiper-pagination-bullet { margin-bottom: 1vw; width: 6vw; height: 6vw; font-size: 4.8vw; line-height: 6vw; outline: 0;}
          .Area_pagecard .box_cards .cardstyle_ .card_imgbox h3 { top: -14vw; left: -26vw; padding: 0; width: 30%; height: 30vw;}
          .Area_pagecard .box_cards .cardstyle_ .card_imgbox h3:before { position: absolute; top: 3vw; right: 2vw; -webkit-writing-mode: vertical-rl; writing-mode: vertical-rl; font-size: 5.8vw; }
          .Area_pagecard .box_cards .cardstyle_ .card_imgbox h4 .card_num { position: absolute; top: 20vw; left: -15vw;  }
          .Area_pagecard .box_cards .cardstyle_ .card_imgbox h4 .card_num span { font-size:26vw; -webkit-text-stroke: 0.15vw #343434}
          .Area_pagecard .box_cards .cardstyle_ .card_imgbox h4 .card_num .vote_icon1 { top: -9vw; left: 7vw; height: 12vw; opacity: 0;}
          .Area_pagecard .box_cards .cardstyle_ .card_imgbox h4 .card_pos { position: absolute; top: 15vw; right: -4vw;}
          .Area_pagecard .box_cards .cardstyle_ .card_imgbox h4 .card_pos span { display: block; font-size:6vw;}
          .Area_pagecard .box_cards .cardstyle_ .card_imgbox h4 .card_pos .vote_icon1 { top: -11vw; left: 0vw; height: 12vw;}
          .Area_pagecard .box_cards .cardstyle_ .card_imgbox .card_imgbox_bg { bottom: -30%; right: -10%; width: 55%; height: 55%; background-image: radial-gradient(#ccc 0, transparent 0.4vw); background-size: 8px 8px; background-position: 0 0;}
          /*球隊樣式*/
          .Area_pagecard .box_cards_for_tame .cardstyle_ .card_imgbox h3:before { font-size: 5vw; }
          .Area_pagecard .box_cards_for_tame .cardstyle_ .card_imgbox .card_pic { position: absolute; top: 7vw; left: -13vw; width: 135%; height: 100%;}
          .Area_pagecard .box_cards_for_tame .cardstyle_ .card_imgbox h4 { position: absolute; top: -7vw; right: -14vw; width: 40%;}
          .Area_pagecard .box_cards_for_tame .cardstyle_ .card_imgbox h4 .card_logo { position: absolute; top: 0; left: 0; width: 100%;}
          .Area_pagecard .box_cards_for_tame .cardstyle_ .card_imgbox .card_imgbox_bg { right: -15%;}
        }
    /*資料*/
    .Area_pagecard .box_cards .cardstyle_ .card_into { margin-left: 585px;}
    .Area_pagecard .box_cards .cardstyle_ .card_into h4 { position: relative; top: -5px; left: -10px; margin: 0; margin-bottom: 50px; font-size: 66px; line-height: 1; color: #13376c; letter-spacing: 0;}
    .Area_pagecard .box_cards .cardstyle_ .card_into h4:after { content: ""; position: absolute; bottom: -32px; left: 11px; width: 34px; height: 4px; background-color: #13376c;}
    .Area_pagecard .box_cards .cardstyle_ .card_into h5 { margin: 0; margin-bottom: 10px; padding: 0; color: #484848; font-size: 28px; font-weight: 300;}
    .Area_pagecard .box_cards .cardstyle_ .card_into h5 b { font-weight: 800;}
    /*球隊樣式*/
    .Area_pagecard .box_cards_for_tame.box_cards .cardstyle_ .card_into h4 .icon_ig { position: relative; top: 10px; left: 10px; display: inline-block; width: 44px; }
    .Area_pagecard .box_cards_for_tame.box_cards .cardstyle_ .card_into h4 .icon_ig img { width: 100%; height: auto;}
        @media screen and (max-width:767px){
          .Area_pagecard .box_cards .cardstyle_ .card_into { margin-top: 4vw; margin-left: -15vw; letter-spacing: 0;}
          .Area_pagecard .box_cards .cardstyle_ .card_into h4 { position: relative; top: -0vw; left: -1vw; margin: 0; margin-bottom: 8vw; font-size: 10vw;}
          .Area_pagecard .box_cards .cardstyle_ .card_into h4:after { bottom: -4vw; left: 2vw; width: 6vw; height: 0.8vw;}
          .Area_pagecard .box_cards .cardstyle_ .card_into h5 { margin-bottom: 1.5vw; font-size: 4.6vw;}
          /*球隊樣式*/
          .Area_pagecard .box_cards_for_tame.box_cards .cardstyle_ .card_into h4 .icon_ig { top: 0; left: 0; width: 40px;}
          .Area_pagecard .box_cards_for_tame.box_cards .cardstyle_ .card_into h4 .icon_ig img {  -webkit-box-sizing: border-box; box-sizing: border-box; padding: 5px;}
        }
    /*按鈕*/
    .Area_pagecard .box_cards .cardstyle_ .card_btns { position: relative; margin: 30px 0 0 -7px;}
    .Area_pagecard .box_cards .cardstyle_ .card_btns h6 { margin: 0; padding: 0; color: #13376c; font-size: 32px; font-weight: 300;}
    .Area_pagecard .box_cards .cardstyle_ .card_btns h6 b { color: #484848; font-weight: 300;}
    .Area_pagecard .box_cards .cardstyle_ .card_btns h6 span { position: relative; top: 1px; padding: 0 5px; font-size: 54px; font-family:'Century Gothic'; letter-spacing: -0.1rem;}
    .Area_pagecard .box_cards .cardstyle_ .card_btns .btn_ { float: left; margin: 30px 0 10px 4%; width: 47.5%; text-align: center; background-color: #1B7492;}
    .Area_pagecard .box_cards .cardstyle_ .card_btns .btn_:hover { filter: brightness(120%);}
    .Area_pagecard .box_cards .cardstyle_ .card_btns .btn_ a { display: block; font-size: 34px; line-height: 1.8; font-weight: 800; color: #fff;}
    .Area_pagecard .box_cards .cardstyle_ .card_btns .btn_vote { margin-left: 0;}
    .Area_pagecard .box_cards .cardstyle_ .card_btns .btn_share { position: relative; background-color: #13376C;} 
    .Area_pagecard .box_cards .cardstyle_ .card_btns .btn_share img { margin-right: 5px; margin-top: 12px; width: 40px; height: auto;} 
    .Area_pagecard .box_cards .cardstyle_ .card_btns .btn_share img:first-child { } 
    .Area_pagecard .box_cards .cardstyle_ .card_btns .btn_share small { position: absolute; top: 110%; left: 0; display: block; width: 100%; font-size: 24px; color: #323232;} 
        @media screen and (min-width:768px){
          .Area_pagecard .box_cards .cardstyle_ .card_btns .btn_vote { width: 44%;}
          .Area_pagecard .box_cards .cardstyle_ .card_btns .btn_share { width: 52%;}
        }
        @media screen and (max-width:767px){
          .Area_pagecard .box_cards .cardstyle_ .card_btns { position: relative; margin: 4vw -8vw 0 -4vw;}
          .Area_pagecard .box_cards .cardstyle_ .card_btns h6 { margin-left: 3vw; font-size: 5vw;}
          .Area_pagecard .box_cards .cardstyle_ .card_btns h6 span { top: 0; padding: 0 1vw; font-size: 10vw;}
          .Area_pagecard .box_cards .cardstyle_ .card_btns .btn_ { float: left; margin: 3vw 0 0 4%; width: 48%; }
          .Area_pagecard .box_cards .cardstyle_ .card_btns .btn_ a { font-size: 5vw; line-height: 2;}
          .Area_pagecard .box_cards .cardstyle_ .card_btns .btn_vote { margin-left: 0;}
          .Area_pagecard .box_cards .cardstyle_ .card_btns .btn_share img { margin-right: 1.4vw; margin-top: 1.4vw; width: auto; height: 7vw;} 
          .Area_pagecard .box_cards .cardstyle_ .card_btns .btn_share img:first-child { } 
          .Area_pagecard .box_cards .cardstyle_ .card_btns .btn_share small { top: 105%; font-size: 4vw;} 
        }
    /*動畫*/
    .Area_pagecard .box_cards .cardstyle_ .card_imgbox h4 .card_num span {  position: relative; left: 0;
                                                                            -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_pagecard .box_cards .cardstyle_ .card_imgbox h4 .vote_icon1 ,
    .Area_pagecard .box_cards .cardstyle_ .card_imgbox .card_imgbox_bg {  -webkit-transition: all 3s ease;
                                                                             -moz-transition: all 3s ease;
                                                                              -ms-transition: all 3s ease;
                                                                               -o-transition: all 3s ease;
                                                                                  transition: all 3s ease;}  
    .Area_pagecard .box_cards .cardstyle_ .card_imgbox:hover h4 .card_num span {  left: 10px; color: #fff; }
    .Area_pagecard .box_cards .cardstyle_ .card_imgbox:hover h4 .vote_icon1 { background-position: 0 65px;}
    .Area_pagecard .box_cards .cardstyle_ .card_imgbox:hover .card_imgbox_bg { background-position: -100px 0;}  
    /*配色*/
    .Area_pagecard .box_cards .cardstyle_A .card_imgbox h3:before { content: "人氣王";}
    .Area_pagecard .box_cards .cardstyle_B .card_imgbox h3,
    .Area_pagecard .box_cards .cardstyle_B .card_imgbox .card_pic .swiper-pagination-bullet-active,
    .Area_pagecard .box_cards .cardstyle_B .card_into h4:after { background-color: #dc670d;}
    .Area_pagecard .box_cards .cardstyle_B .card_imgbox h3:before { content: "人氣后";}
    .Area_pagecard .box_cards .cardstyle_B .card_into h4,
    .Area_pagecard .box_cards .cardstyle_B .card_btns h6 { color: #dc670d;}
    .Area_pagecard .box_cards .cardstyle_B .card_btns .btn_vote { background-color: #EFB539;} 
    .Area_pagecard .box_cards .cardstyle_C .card_imgbox h3,
    .Area_pagecard .box_cards .cardstyle_C .card_imgbox .card_pic .swiper-pagination-bullet-active,
    .Area_pagecard .box_cards .cardstyle_C .card_into h4:after { background-color: #1a7491;}
    .Area_pagecard .box_cards .cardstyle_C .card_imgbox h3:before { content: "新人王";}
    .Area_pagecard .box_cards .cardstyle_C .card_into h4,
    .Area_pagecard .box_cards .cardstyle_C .card_btns h6 { color: #1a7491;}
    .Area_pagecard .box_cards .cardstyle_C .card_btns .btn_vote { background-color: #13376C;} 
    .Area_pagecard .box_cards .cardstyle_D .card_imgbox h3,
    .Area_pagecard .box_cards .cardstyle_D .card_imgbox .card_pic .swiper-pagination-bullet-active,
    .Area_pagecard .box_cards .cardstyle_D .card_into h4:after { background-color: #efb539;}
    .Area_pagecard .box_cards .cardstyle_D .card_imgbox h3:before { content: "新人后";}
    .Area_pagecard .box_cards .cardstyle_D .card_into h4,
    .Area_pagecard .box_cards .cardstyle_D .card_btns h6 { color: #efb539;}
    .Area_pagecard .box_cards .cardstyle_D .card_btns .btn_vote { background-color: #DC670D;} 
    /*球隊樣式*/
    .Area_pagecard .box_cards_for_tame .cardstyle_A .card_imgbox h3:before { content: "男一級";}
    .Area_pagecard .box_cards_for_tame .cardstyle_B .card_imgbox h3:before { content: "女一級";}


/* --------------------------------------
 * RWD活動辦法
 * -------------------------------------- */


/*活動辦法*/
.Area_derail { margin-top: 100px;}
    @media screen and (max-width:767px){
      .Area_derail { margin-top: 5vw;}
    }
    /*文案區*/
    .textArea { margin:0 3%; color:#ffffff; font-size:20px; line-height:1.7; font-weight:800; font-family: "Century Gothic","微軟正黑體","Microsoft JhengHei",Helvetica; text-align:left; }
    .textArea hr { opacity: 0.5; border-color: #FFDFB5;}
    .textArea .red {color:red;}
    .textArea .textAreabox_ { position:relative; margin:50px 0;}
    .textArea .textAreabox_ .btn { display: inline; margin: 0 5px; padding: 5px 8px; border-radius: 8px; font-weight: 800; color: #fff; background-color: #E76700;}
    .textArea .textAreabox_ h3 { margin:10px 0; padding:0; font-size:40px; line-height:1.4; color:#f4d400; letter-spacing: -0.5px; text-align: left;}
    .textArea .textAreabox_ h3 small { margin:10px 0; padding:0; font-size:35px; line-height:1.4; color:#fff; letter-spacing: -0.5px; text-align: left;}
    .textArea .textAreabox_ h3 i { position: relative; top: -20px; display: inline-block; margin-right: 10px; }
    .textArea .textAreabox_ h4 { margin:10px 0; padding:0; font-size:40px; line-height:1.4; color:#13376c; letter-spacing: -0.5px;}
    .textArea .textAreabox_ h5 { margin:0; padding: 0.5rem 0; font-size:30px; line-height:1.4; color:#13376c; letter-spacing: -0.5px;}
    .textArea .textAreabox_ img { height:auto;}
    .textArea .textAreabox_ > ul,
    .textArea .textAreabox_ > ol { margin:0; margin-top:0; padding:0 3%; }
    .textArea .textAreabox_ li { padding:0 0 0.5rem; font-size: 24px; font-weight: 350; }
    .textArea .textAreabox_ li img { display:block; margin:0 auto;}
    .textArea .textAreabox_ table { margin:0; border-collapse:collapse; overflow: hidden; width: 100%; text-align:center; font-weight:300; color:#000; background-color:#f2f2f2;}
    .textArea .textAreabox_ tr:nth-child(1) { color: #500000; font-weight: 800; background-color: #F2A33D;}
    .textArea .textAreabox_ td { padding:5px; border:1px solid #500000;}
        @media screen and (max-width:767px){
          .textArea { margin: 0 8%; font-size:16px; line-height:1.5em; }
          .textArea .textAreabox_ { margin:30px 0;}
          .textArea .textAreabox_ h3 { margin:0; font-size:24px; text-align: left;}
          .textArea .textAreabox_ h3 small {  font-size:25px; line-height:1.4; color:#fff;}
          .textArea .textAreabox_ h3 i { top: -5px; margin-right: 5px; width: 40px; }
          .textArea .textAreabox_ h4 { font-size:20px;}
          .textArea .textAreabox_ h5 { padding: 0.4rem 0; font-size:18px;}
          .textArea .textAreabox_ table { margin:0 0 8px 0; border-radius: 2vw; font-size:14px;}
          .textArea .textAreabox_ > ul,
          .textArea .textAreabox_ > ol { padding:2% 0 0 5%;}
          .textArea .textAreabox_ li { font-size: 16px; }
        }
        /*按鈕樣式*/
        .textArea .buttonBase { margin: 20px 0; text-align: center; }
        .textArea .buttonArea { position: relative; display: inline-block;}
        .textArea .buttonArea2:first-child { margin-right: 20px;}
        .textArea .buttonArea a { text-decoration: none;}
        .textArea .buttonArea a { display: inline-block; padding: 0 40px; color: #fff; font-size:36px; line-height:70px; font-weight:bold; text-align:center; letter-spacing:-2px; background-color: #E76700;}
        .textArea .buttonArea a .btnGo { display: inline-block; margin-left: 10px; width: 26px; height: 26px; background-size: 100%; -webkit-transform: scale(1.4); transform: scale(1.4); background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMi4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i5ZyW5bGkXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNDAgNDAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQwIDQwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7ZmlsbDojRkZGRkZGO30NCjwvc3R5bGU+DQo8Zz4NCgk8Zz4NCgkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTIwLDBDOSwwLDAsOSwwLDIwYzAsMTEsOSwyMCwyMCwyMHMyMC05LDIwLTIwQzQwLDksMzEsMCwyMCwweiBNMTQsMzBWMTBsMTcsMTBMMTQsMzB6Ii8+DQoJPC9nPg0KPC9nPg0KPC9zdmc+DQo=);}
        .textArea .buttonArea a:hover { color: #fff;}
            @media screen and (max-width:767px){
              .textArea .buttonBase { margin: 1rem 0;}
              .textArea .buttonArea {}
              .textArea .buttonArea2:first-child { margin-right: 1rem;}
              .textArea .buttonArea a { padding: 0 1.5rem; font-size: 22px; line-height: 44px; letter-spacing:inherit;}
              .textArea .buttonArea a .btnGo { margin-left: 0.4rem; width: 1rem; height: 1rem;}
            }
        /*momo幣*/
        .textArea .textAreabox_ .table0 {  background-color: transparent;}
        .textArea .textAreabox_ .table0 tr:nth-child(1) { color: inherit; background-color: transparent; }
        .textArea .textAreabox_ .table0 td { border: none; vertical-align: top;}
        .textArea .textAreabox_ .table0 img { margin: 0; width:auto; height: 650px; }
            @media screen and (max-width:767px){
              .textArea .textAreabox_ .table0 img { margin: 0; width:100%; height:auto; }
            }