@charset "utf-8";
/* CSS Document */


/*背景*/
@media screen and (min-width:768px){
  .bg_01 {z-index: -1;position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;}
  .bg_light{z-index:-2;position:absolute;min-width:1220px;width:100%;height:100%;background:url(mo_light.png?t=1784862670836) no-repeat center top;z-index:-2;pointer-events:none}

  }
  @media screen and (max-width:767px){
  .m_bg {z-index: -1;position: absolute;top: 10.5vw;left: 0;width: 100%;height: 100%;background-repeat: no-repeat;background-position: center top;pointer-events:none;background-size: 100%;}
  .mbg_light{z-index: -2;position:absolute;width:100%;height:100%;background:url(mo_light.png?t=1784862670836) no-repeat center top;pointer-events:none;background-size:100%}
  .mbreapeat{z-index: -2;position: absolute;top: 136.5vw;left: 0;width: 100%;height: 100%;background-repeat: repeat-y;background-position: center top;pointer-events:none;background-size: 100%;}
  }





/*版頭*/
.Area_top {position: relative;height: 990px;}
.Area_top .main ul {padding: 0; grid-gap: 0;}
.Area_top .main ul li { pointer-events: none;}
.Area_top .main01 {position:absolute;left: 285px;top: 60px;z-index: 2;}
.deco{position: absolute;top:0px;left:0px;position: fixed;margin: 0 auto;min-width:1220px;width: 100%;}	

@media screen and (max-width:767px){
  .Area_top {height: 114.5vw;}
  .Area_top .main01 {left: 3vw;top: 5vw;width: 96.5%;}
  .deco{position: absolute;top:18vw;pointer-events: none;}	 	  

}



/*副標*/
.sub .PD_layout ul {display: flex;padding: 0;}
@media screen and (min-width: 768px){
.sub {position: absolute;top: 255px;left: 385px;width: 49%;height: 100px;z-index: 30;overflow: hidden;}	
.sub .PD_layout .PD img {width: 82%;}	
}
@media screen and (max-width:767px){
.sub {position: absolute;top: 32.2vw;left: 24vw;width: 68.5%;z-index: 30;overflow: hidden;}
.sub .PD_layout .PD img {width: 100%;padding: 0;}
}

  


 /*版頭輪播*/
 @media screen and (min-width:768px){
  .Area_top .topPD {position:absolute;top: 390px;left: 310px;width: 50%;z-index: 0;}
  .Area_top .topPD .PD_layout {} 
  .Area_top .topPD .PD_layout ul {display:flex;margin:0;padding:0;grid-gap:0;height:10vw;}
  }
   @media screen and (max-width:767px){
  .Area_top .topPD {position:absolute;top: 46vw;left: 16vw;width: 68%;z-index: 0;}
  .Area_top .topPD .PD_layout {} 
  .Area_top .topPD .PD_layout ul {display:flex;margin:0;padding:0;grid-gap:0;height:10vw;}
  }  


  @media screen and (min-width: 768px){
    .Area_drawing-area-2x1 .PD_layout[data-pd-h3="5"] .PD h3 span {display: inline-block;padding: 0 .5em;max-width: 85%;border-radius: 4px;color: #ffffff;background-color: rgb(218 218 218 / 0%);}
    .Area_drawing-area-2x1 .PD_layout a {color: #ffffff;}
    .Area_drawing-area-2x1 .PD_layout .PD p {color: #21eb97;line-height: 2.5em;}
    .Area_drawing-area-2x1 .PD_layout .PD p del {    font-size: 22px;padding-right: .25em;color: #b3b3b3;}
  }
  @media screen and (max-width: 767px){
    .Area_drawing-area-2x1 .PD_layout[data-pd-h3="5"] .PD h3 span {display: inline-block;padding: 0 .5em;max-width: 85%;border-radius: 4px;color: #ffffff;background-color: rgb(218 218 218 / 0%);}
    .Area_drawing-area-2x1 .PD_layout a {color: #ffffff;}
    .Area_drawing-area-2x1 .PD_layout .PD p {line-height: 2em;color: #21eb97;}
    .Area_drawing-area-2x1 .PD_layout .PD p del { padding-right: .25em;color: #b3b3b3;}
}