@charset "utf-8";
/* CSS Document */
/*
 * Ghvzon
 * 共用元件 js_link-v3.1
 *******************************************************************
 *  --2019.04.03--修改上傳圖片路徑設定9~16行(v3.1)
 *******************************************************************
 */



/*共用--for平台開關*/
.for_pc    {}
.for_phone { display: none !important;}
  @media screen and (max-width:767px){
    .for_pc    { display: none !important;}
    .for_phone { display: inherit !important;}
  }


/*基本*/
html, body { margin:0; padding:0;}
img { border: 0px; vertical-align: top;}
a { text-decoration:none;}


/*共用--區塊_all*/
.Area { z-index:1; position: relative; margin:0 auto; padding:0; border-radius:0; text-align:center; }
.Area a { position:relative; display:block;} 
.Area .go_bt { -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 .go_bt:hover { -webkit-transform:none; -moz-transform:none; -ms-transform:none; -o-transform:none; transform:none;}
  @media screen and (min-width:768px){
    .Area .go_bt:hover { -webkit-transform:translateY(-6px); -moz-transform:translateY(-6px); -ms-transform:translateY(-6px); -o-transform:translateY(-6px); transform:translateY(-6px);}
  }
  /*寬度,間距*/
  .Area1220 { margin:0 auto; width:96%;}
  .Area960 { margin:0 auto; width:100%;}
  .Areabottom { margin-bottom:15vw;}
    @media screen and (min-width:768px){
      .Area1220 { width:1220px;}
      .Area960 { width:960px;}
      .Areabottom { /*margin-bottom:120px;*/margin-bottom:0px;}
    }


/*共用--區塊_切割*/
.Area_grid { margin: 0 auto; padding:0; list-style: none;}
.Area_grid:after  { content: ""; display:block; clear:both;}
.Area_grid .grid-slide { float:left; display:block; padding:0; list-style: none;}
  /*共用--區塊_切割PC*/
  @media screen and (min-width:768px){
    .Area_grid_1bn_PC .grid-slide { margin:0 0 2% 0; width:100%;}
    .Area_grid_2bn_PC .grid-slide { margin:0 1% 2%; width:48%;}
    .Area_grid_3bn_PC .grid-slide { margin:0 1% 2% ; width:31.3%;}
    .Area_grid_4bn_PC .grid-slide { margin:0 0.5% 2% ; width:24%;}
    .Area_grid_1bn_nopadding_PC .grid-slide { width:100%;}
    .Area_grid_2bn_nopadding_PC .grid-slide { width:50%;}
    .Area_grid_3bn_nopadding_PC .grid-slide { width:33.3%;}
    .Area_grid_4bn_nopadding_PC .grid-slide { width:25%;}
    .Area_grid_5bn_nopadding_PC .grid-slide { width:20%;}
    .Area_grid_6bn_nopadding_PC .grid-slide { width:16.6%;}
  }
  /*共用--區塊_切割Phone*/
  @media screen and (max-width:767px){
    .Area_grid_1bn_Phone .grid-slide { margin:0 0 2% 0; width:100%;}
    .Area_grid_2bn_Phone .grid-slide { margin:0 1% 2%; width:48%;}
    .Area_grid_3bn_Phone .grid-slide { margin:0 1% 2% ; width:31.3%;}
    .Area_grid_4bn_Phone .grid-slide { margin:0 0.5% 2% ; width:24%;}
    .Area_grid_1bn_nopadding_Phone .grid-slide { width:100%;}
    .Area_grid_2bn_nopadding_Phone .grid-slide { width:50%; }
    .Area_grid_3bn_nopadding_Phone .grid-slide { width:33.3%;}
    .Area_grid_4bn_nopadding_Phone .grid-slide { width:25%;}
    .Area_grid_5bn_nopadding_Phone .grid-slide { width:20%;}
    .Area_grid_6bn_nopadding_Phone .grid-slide { width:16.6%;}
  }


/*共用--輪播基本設定*/
.Area_swiper { position:relative; margin:0 auto; -webkit-box-sizing:border-box; box-sizing:border-box;}
.Area_swiper .Area_swiper_box { z-index:1;/* padding-bottom:25px; */overflow:hidden; }
.Area_swiper .Area_swiper_box_relative { position:relative;}
.Area_swiper .Area_swiper_box_absolute { position:absolute; top:0; left:0; right:0; bottom:0;}
.Area_swiper ul { margin:0; padding:0; list-style:none;}
.Area_swiper ul:after { content:""; display:block; clear:both;}
.Area_swiper li { margin:0; padding:0;}
.Area_swiper .pagination { bottom:0px !important; transform:scale(0.7);}
      @media screen and (max-width:767px){
        .Area_swiper { }
        .Area_swiper .Area_swiper_box { /*padding-bottom: 5vw;*/}
        .button.swiper-button-next,
        .button.swiper-button-prev { display:none !important;} 
      }
    /*輪播-樣式1*/
    .Area_swiper[data-swiperLayout="1"] { width:100%; height:100%;}
    .Area_swiper[data-swiperLayout="1"] .Area_swiper_box { overflow:inherit;}
        @media screen and (max-width:767px){
          .Area_swiper[data-swiperLayout="1"] { }
        }
    /*輪播-樣式2*/
    .Area_swiper[data-swiperLayout="2"] { width:75%; height:100%;}
    .Area_swiper[data-swiperLayout="2"] .Area_swiper_box { overflow:inherit;}
        @media screen and (max-width:767px){
          .Area_swiper[data-swiperLayout="2"] { width:92%; }
        }

    /*輪播-透明度*/
    .Area_swiper[data-slide-opacity="2"] .swiper-slide,
    .Area_swiper[data-slide-opacity="4"] .swiper-slide { opacity:0.1;
                  -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_swiper[data-slide-opacity="2"] .swiper-slide-active,
    .Area_swiper[data-slide-opacity="2"] .swiper-slide-active + li { opacity:1;}
    .Area_swiper[data-slide-opacity="4"] .swiper-slide-active,
    .Area_swiper[data-slide-opacity="4"] .swiper-slide-active + li,
    .Area_swiper[data-slide-opacity="4"] .swiper-slide-active + li + li,
    .Area_swiper[data-slide-opacity="4"] .swiper-slide-active + li + li + li { opacity:1;}


/*
 * Ghvzon
 * 模組化入稿公版 PD_layout-v20210324-20:00
 *******************************************************************
 */
html { -webkit-text-size-adjust:none; } /*旋轉畫面鎖定文字不縮放*/


