@charset "UTF-8";
/*
 * Ghvzon
 * 共用元件 js_link-v4.0
 *******************************************************************
 *  --2021.01.12--改用vue(v4.0)
 *******************************************************************
 */
/* --------------------------------------
 * pageRWDLayout RWD分頁用
 * -------------------------------------- */
/*手機假天momoLOGO*/
.Area_header_momologo {
  z-index: 1;
}

/*@import url(https://fonts.googleapis.com/earlyaccess/notosanstc.css);*/
/*font-family: "Noto Sans TC","Hiragino Sans","微軟正黑體", system-ui, Helvetica;*/
/*基本*/
html, body {
  /*background-color:#fff6e5;*/ 
}

@media all and (max-width: 767px) {
  html, body {
    background-color:#fff6e5; 
  }
}

/*全BOX版面*/
.WRAPPER {
  font-family: "微軟正黑體", system-ui, Helvetica;
  text-align: left;
  z-index: 0;
  position: relative;
  display: block;
  margin: 0 auto;
  padding: 0;
  overflow: hidden;
  width: 100%;
  min-width: 1220px;
}

.WRAPPER img {
  border: 0px;
  vertical-align: top;
}

.WRAPPER a {
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
}

@media all and (max-width: 767px) {
  .WRAPPER {
    min-width: inherit;
    min-height: 100%;
  }
  .WRAPPER img {
    width: 100%;
    height: auto;
  }
}



/*背景fixed擋到logo修正*/
    .Area_header_momologo {  z-index: 1;}
  }

/*20210319-Phone置底黏人精--活動紀錄
.fixedfooterArea .fixedBox_1 li { color:#fff; background-color: rgba(22,73,220,0.95); box-shadow:0 1px 0 rgb(8,45,162), 0 0 10px rgba(0,0,0,0.2);}
.fixedfooterArea .icon_ { filter: invert(1);}*/
/*PC背景*/
.Area_bgtop {
  z-index: -40;
  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: 100%;
}

.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: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.m_Area_bgtop .m_bgtop_ {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding-bottom: 100%;
}

.m_Area_bgtop .m_bgtop_ span {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  padding-bottom: 100%;
  overflow: hidden;
  background-position: center top;
  background-size: 100%;
}

/*版頭*/
.Area_top .go_bt:hover {
  -webkit-filter: brightness(110%);
          filter: brightness(110%);
  -webkit-transform: none;
  transform: none;
}

@media all and (max-width: 767px) {
  .Area_top {
    overflow: hidden;
  }
}







/* --------------------------------------
 * page 輪播微調
 * -------------------------------------- */

/*共用--區塊背景*/
@media all and (min-width: 768px) {
  /*.Area_boxstyle > .Area_boxstyle_box { }*/
}

@media all and (max-width: 767px) {
  /*.Area_boxstyle > .Area_boxstyle_box { }*/
}

/*底圖*/
.Area_boxstyle > .Area_boxstyle_box {
  position: relative;
  background-repeat: no-repeat;
  background-position: center bottom;
}

.Area_boxstyle > .Area_boxstyle_box::before {
  pointer-events: none;
  content: "";
  display: block;
  z-index: -1;
  position: absolute;
  left: 0;
  width: 100%;
  background-position: top center;
  background-repeat: no-repeat;
}

.Area_boxstyle > .Area_boxstyle_box::after {
  pointer-events: none;
  content: "";
  display: block;
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: top center;
  background-repeat: no-repeat;
}

.Area_boxstyle > .Area_boxstyle_box > .Area_boxstyle_boxbg {
  pointer-events: none;
  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-position: top center;
  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-position: top center;
  background-repeat: no-repeat;
}



/*圖片模式*/
@media all and (min-width: 768px) {
  .Area_boxstyle > .Area_boxstyle_box {
    margin-top: 0;
    padding-top: 215px;
    padding-bottom: 86px;
    min-height: 288px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .Area_boxstyle > .Area_boxstyle_box::before {
    z-index: -1;
    top: 0;
    height: 216px;
  }
  .Area_boxstyle > .Area_boxstyle_box::after {
    z-index: -2;
    top: 216px;
    height: calc(100% - 288px);
    background-repeat: repeat-y;
    background-position: center bottom;
  }
  .Area_boxstyle > .Area_boxstyle_box .Area_boxstyle_boxbg {

  }
	
  .Area_boxstyle > .Area_boxstyle_box .Area_boxstyle_boxbg::before {
  
  }
  .Area_boxstyle > .Area_boxstyle_box1 { background-image: url(Area_boxstyle_bottom1.png?t=1748486342244); padding: 106px 0 86px 0;}
  .Area_boxstyle > .Area_boxstyle_box1::before { background-image: url(Area_boxstyle_top1.png?t=1748486342244);}
  .Area_boxstyle > .Area_boxstyle_box1::after { background-image: url(Area_boxstyle_center1.png?t=1748486342244);}
  
  .Area_boxstyle > .Area_boxstyle_box2 { background-image: url(Area_boxstyle_bottom1.png?t=1748486342244);}
  .Area_boxstyle > .Area_boxstyle_box2::before { background-image: url(Area_boxstyle_top2.png?t=1748486342244);/* height: 315px;*/}
  .Area_boxstyle > .Area_boxstyle_box2::after { background-image: url(Area_boxstyle_center1.png?t=1748486342244); /*top: 140px; height: calc(100% - 220px);*/}
  /*.Area_boxstyle > .Area_boxstyle_box2 .Area_boxstyle_boxbg { top: 70px; height: calc(100% - 116px);}*/
  .Area_boxstyle > .Area_boxstyle_box2b { background-image: url(Area_boxstyle_bottom1.png?t=1748486342244);}
  .Area_boxstyle > .Area_boxstyle_box2b::before { background-image: url(Area_boxstyle_top2b.png?t=1748486342244);}
  .Area_boxstyle > .Area_boxstyle_box2b::after { background-image: url(Area_boxstyle_center1.png?t=1748486342244);}
  
  .Area_boxstyle > .Area_boxstyle_box3::before { background-image: url(Area_boxstyle_top3.png?t=1748486342244);}
  .Area_boxstyle > .Area_boxstyle_box3 .Area_boxstyle_boxbg { z-index: -1; position: absolute; top: 0; left: 0; width: 0; height: 0; background-image: none;}
	
  .Area_boxstyle > .Area_boxstyle_box4::before { background-image: url(Area_boxstyle_top4.png?t=1748486342244);}
  .Area_boxstyle > .Area_boxstyle_box4 .Area_boxstyle_boxbg { z-index: -1; position: absolute; top: 0; left: 0; width: 0; height: 0; background-image: none;}
  .Area_boxstyle > .Area_boxstyle_box4 { padding-bottom: 0;}
	
  /*.Area_boxstyle > .Area_boxstyle_box5 { background-image:url(Area_boxstyle_bottom5p.png?t=1748486342244); }
  .Area_boxstyle > .Area_boxstyle_box5:before { background-image:url(Area_boxstyle_top5p.png?t=1748486342244);}
  .Area_boxstyle > .Area_boxstyle_box5:after  { background-image:url(Area_boxstyle_center5p.png?t=1748486342244); top: 30px; height: calc(100% - 60px);  } 
  .Area_boxstyle > .Area_boxstyle_box5 {padding-top: 50px;}*/


	
	
  .Area_boxstyle > .Area_boxstyle_boxpc1mb2 {
    padding-top: 65px;
    background-image: url(Area_boxstyle_bottom1.png?t=1748486342244);
  }
  .Area_boxstyle > .Area_boxstyle_boxpc1mb2::before {
    background-image: url(Area_boxstyle_top1.png?t=1748486342244);
  }
  .Area_boxstyle > .Area_boxstyle_boxpc1mb2::after {
    background-image: url(Area_boxstyle_center1.png?t=1748486342244);
  }
  .Area_boxstyle > .Area_boxstyle_box0 {
    padding-top: 0;
    padding-bottom: 0;
    background-image: none;
  }
  .Area_boxstyle > .Area_boxstyle_box0::before {
    display: none;
    background-image: none;
  }
  .Area_boxstyle > .Area_boxstyle_box0::after {
    display: none;
    background-image: none;
  }
  
  /*Area960共用手機框*/
  .Area960.Area_boxstyle > .Area_boxstyle_box {
    margin-top: 0;
    padding-top: 140px;
    padding-bottom: 91px;
    min-height: 336px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .Area960.Area_boxstyle > .Area_boxstyle_box::before {
    z-index: -1;
    top: 0;
    height: 145px;
  }
  .Area960.Area_boxstyle > .Area_boxstyle_box::after {
    z-index: -2;
    top: 145px;
    height: calc(100% - 220px);
    background-repeat: repeat-y;
    background-position: center bottom;
  }  
  
  .Area960.Area_boxstyle .Area_boxstyle_boxbg {

  }
  .Area960.Area_boxstyle .Area_boxstyle_boxbg::before {
    top: 0px;
    left: -5px;
    width: 100.3%;
    border-radius: 57px;
    border-image-outset: 1;
  }
  .Area960.Area_boxstyle > .Area_boxstyle_title {
    top: 20px; height: 80px; line-height: 80px;
  }
  .Area960.Area_boxstyle > .Area_boxstyle_box1 {
    background-image: url(m_Area_boxstyle_bottom1.png?t=1748486342244);  padding:25px 0 60px;padding-block-end: 50px;
  }
  .Area960.Area_boxstyle > .Area_boxstyle_box1:before {
    background-image: url(m_Area_boxstyle_top1.png?t=1748486342244);
  }
  .Area960.Area_boxstyle > .Area_boxstyle_box1:after {
    background-image: url(m_Area_boxstyle_center1.png?t=1748486342244);
    background-size: 100%;
  }
  .Area960.Area_boxstyle > .Area_boxstyle_box2 { 
    background-image: url(m_Area_boxstyle_bottom2.png?t=1748486342244);
  }
  .Area960.Area_boxstyle > .Area_boxstyle_box2 .Area_boxstyle_boxbg {
    top: 67px;
    height: calc(100% - 118px);
  }
  .Area960.Area_boxstyle > .Area_boxstyle_box2:before {
    background-image: url(m_Area_boxstyle_top2.png?t=1748486342244);
  }
  .Area960.Area_boxstyle > .Area_boxstyle_box2:after {
    background-image: url(m_Area_boxstyle_center2.png?t=1748486342244);
    background-size: 100%;
  }

  .Area960.Area_boxstyle > .Area_boxstyle_box3 {
    background-image: url(m_Area_boxstyle_bottom1.png?t=1748486342244);  padding:25px 0 60px;padding-block-end: 50px;
  }
  .Area960.Area_boxstyle > .Area_boxstyle_box3:before {
    background-image: url(m_Area_boxstyle_top3.png?t=1748486342244);
  }
  .Area960.Area_boxstyle > .Area_boxstyle_box3:after {
    background-image: url(m_Area_boxstyle_center1.png?t=1748486342244);
    background-size: 100%;
  }
  .Area960.Area_boxstyle > .Area_boxstyle_box2b { 
    background-image: url(m_Area_boxstyle_bottom2.png?t=1748486342244);
  }
  .Area960.Area_boxstyle > .Area_boxstyle_box2b .Area_boxstyle_boxbg {
    top: 67px;
    height: calc(100% - 118px);
  }
  .Area960.Area_boxstyle > .Area_boxstyle_box2b:before {
    background-image: url(m_Area_boxstyle_top2b.png?t=1748486342244);
  }
  .Area960.Area_boxstyle > .Area_boxstyle_box2b:after {
    background-image: url(m_Area_boxstyle_center1.png?t=1748486342244);
    background-size: 100%;
  }
}


/*手機版*/
@media all 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 {
	 margin-top: 0; 
	 padding-top: 2vw; 
	 padding-bottom: 2vw; 
	 min-height: 30vw;
	}
		
	
	
  .Area_boxstyle > .Area_boxstyle_box::before {
    top: 0;
    height: 22vw;
  }
  .Area_boxstyle > .Area_boxstyle_box::after {
    z-index: -2;
    top: 14vw;
    height: calc(100% - 21vw);
    background-repeat: repeat-y;
    background-position: center bottom;
  }
	
 .Area_boxstyle > .Area_boxstyle_box2::after, .Area_boxstyle > .Area_boxstyle_box2b::after {
    z-index: -2;
    top: 15vw;
    height: calc(100% - 20vw);
    background-repeat: repeat-y;
    background-position: center bottom;
  }
	
  .Area_boxstyle > .Area_boxstyle_box .Area_boxstyle_boxbg {

  }
  .Area_boxstyle > .Area_boxstyle_box .Area_boxstyle_boxbg::before {

  }
  .Area_boxstyle > .Area_boxstyle_box1 { background-image: url(m_Area_boxstyle_bottom1.png?t=1748486342244);
	padding-block-start: 2vw;
    padding-block-end: 6vw;
    padding-inline-start: 1.5vw;
    padding-inline-end: 1.5vw; }
  .Area_boxstyle > .Area_boxstyle_box1::before { background-image: url(m_Area_boxstyle_top1.png?t=1748486342244);}
  .Area_boxstyle > .Area_boxstyle_box1::after { background-image: url(m_Area_boxstyle_center1.png?t=1748486342244);}
  
  .Area_boxstyle > .Area_boxstyle_box2 { background-image: url(m_Area_boxstyle_bottom2.png?t=1748486342244);
	padding-block-start: 12vw;

    padding-block-end: 3vw;
    padding-inline-start: 1.5vw;
    padding-inline-end: 1.5vw; }
  .Area_boxstyle > .Area_boxstyle_box2::before { background-image: url(m_Area_boxstyle_top2.png?t=1748486342244);}
  .Area_boxstyle > .Area_boxstyle_box2::after { background-image: url(m_Area_boxstyle_center2.png?t=1748486342244);}
  .Area_boxstyle > .Area_boxstyle_box2b { background-image: url(m_Area_boxstyle_bottom2.png?t=1748486342244); }
  .Area_boxstyle > .Area_boxstyle_box2b::before { background-image: url(m_Area_boxstyle_top2.png?t=1748486342244);}
  .Area_boxstyle > .Area_boxstyle_box2b::after { background-image: url(m_Area_boxstyle_center2.png?t=1748486342244);}
  /*.Area_boxstyle > .Area_boxstyle_box2 .Area_boxstyle_boxbg { top: 10vw; height: calc(100% - 15.5vw);}*/
  
  .Area_boxstyle > .Area_boxstyle_box3 { 	padding-block-start: 2vw;
    padding-block-end: 6vw;
    padding-inline-start: 1.5vw;
    padding-inline-end: 1.5vw; }
  .Area_boxstyle > .Area_boxstyle_box3 {
    background-image: url(m_Area_boxstyle_bottom1.png?t=1748486342244);
  }
  .Area_boxstyle > .Area_boxstyle_box3:before {
    background-image: url(m_Area_boxstyle_top3.png?t=1748486342244);
  }
  .Area_boxstyle > .Area_boxstyle_box3:after {
    background-image: url(m_Area_boxstyle_center1.png?t=1748486342244);
  }
  
  .Area_boxstyle > .Area_boxstyle_box4 { padding-bottom: 0; min-height: inherit; padding-top: 21vw;}
  .Area_boxstyle > .Area_boxstyle_box4::before { background-image: url(m_Area_boxstyle_top4.png?t=1748486342244);}
  
  .Area_boxstyle > .Area_boxstyle_boxpc1mb2 { background-image: url(m_Area_boxstyle_bottom1.png?t=1748486342244);}
  .Area_boxstyle > .Area_boxstyle_boxpc1mb2::before { background-image: url(m_Area_boxstyle_top1.png?t=1748486342244);}
  .Area_boxstyle > .Area_boxstyle_boxpc1mb2::after { background-image: url(m_Area_boxstyle_center1.png?t=1748486342244);}
  
  .Area_boxstyle > .Area_boxstyle_box0 { padding-top: 0; padding-bottom: 0; background-image: none;}
  .Area_boxstyle > .Area_boxstyle_box0::before { display: none; background-image: none;}
  .Area_boxstyle > .Area_boxstyle_box0::after { display: none; background-image: none;}

  /*.Area_boxstyle > .Area_boxstyle_box5 {background-image: url(m_Area_boxstyle_bottom5p.png?t=1748486342244);}
  .Area_boxstyle > .Area_boxstyle_box5:before {background-image: url(m_Area_boxstyle_top5p.png?t=1748486342244);height: 3.5vw;}
  .Area_boxstyle > .Area_boxstyle_box5:after  {background-image: url(m_Area_boxstyle_center5p.png?t=1748486342244);top: 3vw;height: calc(100% - 7vw);}*/

}





/*標題字*/
.Area_boxstyle > .Area_boxstyle_title {
  z-index: 2;
  position: absolute;
  top: 104px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  margin: 0;
  padding: 0;
  overflow: hidden;
  width: 53%;
  height: 72px;
  line-height: 72px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 40px;
  text-align: center;
  font-weight: 900;
  font-family: "Century Gothic","微軟正黑體", system-ui, Helvetica;
}

.Area_boxstyle > .Area_boxstyle_title {
  color: #fff;
/*
  background: -webkit-linear-gradient(270deg, #746f7c 30%, #423b4d 60%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
*/
}

.Area_boxstyle > .Area_boxstyle_title {

}

@media all and (max-width: 767px) {
  .Area_boxstyle > .Area_boxstyle_title {
    height: 9.5vw;
    font-size: 5.4vw;
    line-height: 11vw;
    letter-spacing: -0.01em;
    top: 1vw;
  }
}











/*標題圖*/
.Area_boxstyle > .title {
  z-index: 10;
  position: absolute;
}

@media all and (min-width: 768px) {
  .Area_boxstyle > .title {
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 100%;
  }
}

/*btn-在title內*/
.Area_boxstyle > .title .btn_more1 {
  position: absolute;
}

.Area_boxstyle > .title .btn_more1 img {
  width: 100%;
  height: auto;
}

@media all and (min-width: 768px) {
  .Area_boxstyle > .title .btn_more1 {
    top: 123px;
    right: 130px;
    width: 90px;
  }
  .Area_boxstyle > .title .btn_more1:hover {
    -webkit-transform: none;
            transform: none;
  }
}

@media all and (max-width: 767px) {
  .Area_boxstyle > .title .btn_more1 {
    top: 11.8vw;
    right: 13vw;
    width: 12%;
  }
}

/*btn--在h2內*/
.Area_boxstyle > h2 .btn_more1 {
  position: relative;
  display: inline-block;
}

@media all and (min-width: 768px) {
  .Area_boxstyle > h2 .btn_more1 {
    top: 39px;
    margin-left: 0.2em;
    height: 50px;
  }
  .Area_boxstyle > h2 .btn_more1:hover {
    -webkit-transform: none;
            transform: none;
  }
}

@media all and (max-width: 767px) {
  .Area_boxstyle > h2 .btn_more1 {
    top: 3vw;
    margin-left: 0.2em;
    width: 24%;
    height: 60%;
  }
}

/*輪播樣式調整--按鈕/小圓點/進度條*/
.Area_boxstyle_pagination .swiper-pagination-bullet {
  border-radius: 20px;
  width: 6px;
  height: 6px;
  -webkit-transition: opacity .3s, background-color .3s, width .3s;
  transition: opacity .3s, background-color .3s, width .3s;
  -webkit-transition-delay: .3s, .3s, 0s;
          transition-delay: .3s, .3s, 0s;
}

.Area_boxstyle_pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 24px;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

.Area_boxstyle_pagination .swiper-pagination-bullet {
  background-color: #473f38;
  opacity: 0.4;
}

.Area_boxstyle_pagination .swiper-pagination-bullet-active {
  background-color: #473f38;
  opacity: 1;
}

.Area_boxstyle_pagination-white .swiper-pagination-bullet {
  background-color: #fff;
  opacity: 0.4;
}

.Area_boxstyle_pagination-white .swiper-pagination-bullet-active {
  background-color: #fff;
  opacity: 1;
}

.Area_boxstyle_button {
  color: #473f38;
  /*text-shadow: 0px 3px 4px rgba(0, 0, 0, 0.6);*/
  -webkit-transition: 0.2s; transition: 0.2s;
  /*-webkit-transform: translateY(-5%); transform: translateY(-5%); 校正箭頭垂直高度*/
}

.Area_boxstyle_button:hover {
  text-shadow: inherit;
}

.Area_boxstyle_button.swiper-button-next::after,
.Area_boxstyle_button.swiper-button-prev::after {
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
}

.Area_boxstyle_button.swiper-button-next::before,
.Area_boxstyle_button.swiper-button-prev::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border-radius: 50%;
  width: calc(var(--swiper-navigation-size) * 1.5);
  height: calc(var(--swiper-navigation-size) * 1.5);
}

.Area_boxstyle_button.swiper-button-next::before,
.Area_boxstyle_button.swiper-button-prev::before {
  background-color: rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: inset 0 0 1px 1px #fff;
          box-shadow: inset 0 0 1px 1px #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  opacity: 0;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.Area_boxstyle_button.swiper-button-next::before {
  left: 45%;
}

.Area_boxstyle_button.swiper-button-prev::before {
  left: 55%;
}

.is-showhover2.Area_boxstyle_button.swiper-button-next::before,
.is-showhover2.Area_boxstyle_button.swiper-button-prev::before {
  width: calc(var(--swiper-navigation-size) * 2);
  height: calc(var(--swiper-navigation-size) * 2);
}

.is-showhover2.Area_boxstyle_button.swiper-button-next::before {
  border-radius: 50% 0 0 50%;
  -webkit-transform: translate(-40%, -50%);
          transform: translate(-40%, -50%);
}

.is-showhover2.Area_boxstyle_button.swiper-button-prev::before {
  border-radius: 0 50% 50% 0;
  -webkit-transform: translate(-60%, -50%);
          transform: translate(-60%, -50%);
}

.is-showhover.Area_boxstyle_button.swiper-button-next:hover::before,
.is-showhover.Area_boxstyle_button.swiper-button-prev:hover::before {
  opacity: 1;
}

/*配色*/
.Area_boxstyle_button.swiper-button-next::before,
.Area_boxstyle_button.swiper-button-prev::before {
  background-color: rgba(255,199,108,0.75);
  -webkit-box-shadow: inset 0 0 1px 1px #fff;
          box-shadow: inset 0 0 1px 1px #fff;
  
  
}

.Area_boxstyle_box .is-showhover2.Area_boxstyle_button.swiper-button-next::before,
.Area_boxstyle_box .is-showhover2.Area_boxstyle_button.swiper-button-prev::before {
    background-color: rgba(255,199,108,0.75);
  -webkit-box-shadow: inset 0 0 1px 1px #fff;
          box-shadow: inset 0 0 1px 1px #fff;
}

.Area_boxstyle_box2b .is-showhover2.Area_boxstyle_button.swiper-button-next::before,
.Area_boxstyle_box2b .is-showhover2.Area_boxstyle_button.swiper-button-prev::before {
  /*background-color: rgba(11, 81, 146, 0.8);*/
}

.Area_boxstyle_button-white {
  color: #fff;
}

.Area_boxstyle_button.swiper-button-next:after,
.Area_boxstyle_button.swiper-button-prev:after {
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
}

.Area_boxstyle_button-white.swiper-button-next::before,
.Area_boxstyle_button-white.swiper-button-prev::before {
  -webkit-box-shadow: inset 0 0 1px 1px #fff;
          box-shadow: inset 0 0 1px 1px #fff;
}

.Area_boxstyle_button-color2 {
  color: #1A3117;
}

.Area_boxstyle_button-color2.swiper-button-next::before,
.Area_boxstyle_button-color2.swiper-button-prev::before {
  -webkit-box-shadow: inset 0 0 1px 1px #1A3117;
          box-shadow: inset 0 0 1px 1px #1A3117;
}

.Area_boxstyle_scrollbar.swiper-scrollbar {
  left: 2%;
  width: 96%;
  height: 3px;
  background-color: rgba(0, 0, 0, 0.2);
}

.Area_boxstyle_scrollbar .swiper-scrollbar-drag {
  background: #fff;
}

.Area_boxstyle_scrollbar-white .swiper-scrollbar-drag {
  background: #fff;
}

/*.Area_boxstyle_button:before { content: ""; z-index: -1; position: absolute; left:-50%; display:block; border-radius:100%; width:5rem; height:5rem; background-color:#FFC880;}
      .Area_boxstyle_button:hover:before { background-color:#488480;}
      .Area_boxstyle_button.swiper-button-prev:before { left: initial; right: -50%;}
      .Area_boxstyle_button.swiper-button-next { right: 0;}
      .Area_boxstyle_button.swiper-button-prev { left: 0;}*/
/* --------------------------------------
 * Page 公版微調
 * -------------------------------------- */
/*公版微調*/
/*.PD_layout[data-pd-h3="5"] .PD h3 span { color: #fff; background-color: #AA7AEB;}*/
/*.PD_layout .PD p { color: #ff5b72;}*/
/*.PD_layout[data-pd-btn] .PD_btn { background-color: #25472a; background-image: repeating-linear-gradient(45deg, #25472a -2%, #25472a 120%);}*/
.PD_layout[data-pd-btn] .PD_btn {
  background-color: #fab74b;
  background-image: repeating-linear-gradient(45deg, #222222 -2%, #222222 120%);
}

.PD_layout[data-pd-btn][data-pd-btn-pdgo][data-pd-btn-more] .PD_btn.more b {
  color: #FFF;
}

.PD_layout[data-pd-btn][data-pd-btn-pdgo][data-pd-btn-more] .PD_btn.more i {
  border-color: #FFF;
}

.PD_layout[data-pd-btn][data-pd-btn-pdgo][data-pd-btn-more] .PD_btn.more {
  background-color: #938f87;
}

/*.PD_layout[data-pd-btn] .PD_btn span,*/
/*.PD_layout[data-pd-btn] .PD_btn.more span {-webkit-transform: none; transform: none;}*/
@media all and (min-width: 768px) {
  .PD_layout[data-pd-col-pc="2"] ul,
  .PD_layout[data-pd-col-pc="3"] ul,
  .PD_layout[data-pd-col-pc="4"] ul,
  .PD_layout[data-pd-col-pc="5"] ul,
  .PD_layout[data-pd-col-pc="6"] ul,
  .PD_layout[data-pd-col-pc="7"] ul,
  .PD_layout[data-pd-col-pc="8"] ul {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media all and (max-width: 767px) {
  .PD_layout[data-pd-col-phone="1"],
  .PD_layout[data-pd-col-phone="2"],
  .PD_layout[data-pd-col-phone="3"],
  .PD_layout[data-pd-col-phone="4"] {
    padding-top: 0.5em;
  }
  .PD_layout[data-pd-col-phone="1"] ul,
  .PD_layout[data-pd-col-phone="2"] ul,
  .PD_layout[data-pd-col-phone="3"] ul,
  .PD_layout[data-pd-col-phone="4"] ul {
    padding-left: 0.2em;
    padding-right: 0.2em;
  }
}

/* --------------------------------------
 * Page 頁面
 * -------------------------------------- */
/*Phone置頂滑動選單*/
.NavArea_tabbar {
  margin: 0vw auto 6vw;
  width: 94%;
}

.NavArea_tabbar.cate-fixed {
  width: 100%;
}

.NavArea_tabbar .Nav_box {
  border-radius: 8px;
  -webkit-box-shadow: -1px 0 10px rgba(150, 150, 150, 0.2);
          box-shadow: -1px 0 10px rgba(150, 150, 150, 0.2);
}

.NavArea_tabbar .Nav li {
  overflow: visible;
}

.NavArea_tabbar.cate-fixed .Nav_box {
  border-radius: 0;
  background-color: rgba(255, 255, 255, 0.92);
  -webkit-box-shadow: -1px 0 10px rgba(150, 150, 150, 0.2);
          box-shadow: -1px 0 10px rgba(150, 150, 150, 0.2);
}

/*展開1排2個*/
.NavArea_tabbar[data-open="2"] .Nav a {
  display: inline-block;
}

.NavArea_tabbar[data-open="2"].cate-open .Nav li,
.NavArea_tabbar[data-open="2"].cate-open .Nav li > span {
  width: 50% !important;
}

/*.NavArea.cate-open .Nav ul { padding: 1%;}*/
/*.NavArea .Nav li, .NavArea.cate-open .Nav span { width: 48%!important;}*/
/*# sourceMappingURL=js_link-pageRWDLayout.css.map */
