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


/*背景*/
@media screen and (min-width:768px){
  .bg_01 { z-index:-46; position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position: center top; pointer-events:none;}
  .bg_deco00 { z-index:-9; position:absolute; top:0; left:0; width:100%; min-width:1220px; height:100%; background-repeat:no-repeat; background-position:center top; pointer-events:none;}

  }
  @media screen and (max-width:767px){
  .m_bg { z-index: 0; 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%;}
  }





/*版頭*/
.Area_top {position: relative;height: 490px;}
.Area_top .main ul {padding: 0; grid-gap: 0;}
.Area_top .main ul li { pointer-events: none;}
.Area_top .main01 {position:absolute;left: 250px;top: 125px;z-index: 2;}
.Area_top .date {position:absolute;left: 575px;top: 135px;z-index: 4;}
@media screen and (max-width:767px){
  .Area_top {height: 46vw;}
  .Area_top .main01 {left: 15vw;top: 8vw;width: 70%;}
  .Area_top .date {left: 48vw;top: 9vw;width: 30%;} 
  .Area_top .mb_deco00{position:absolute;top: 6vw;left: 0vw;width: 100%;z-index: 0;}

}



.lightSweep {
	position: absolute;
	top: 0;
	width: 56.5%;
	z-index: 13 !important;
	margin: auto;
	left: 0;
	bottom: 0;
	right: 350px;
	background: none 0% 0% / auto repeat scroll padding-box border-box  rgba(0, 0, 0, 0);
	overflow: hidden;
	z-index:1;
	pointer-events: none;
	-webkit-filter: brightness(1.5);
	-webkit-mask-size: 200% 100%;
	-webkit-mask-image: -webkit-linear-gradient(  -45deg, rgba(255, 255, 255, 0) 40%,rgba(229, 198, 102, 1) 50%,rgba(255, 255, 255, 0) 60%);
	-webkit-transition: -webkit-mask-position;
	-webkit-animation-timing-function: linear;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-filter: brightness(1.5);
	-moz-mask-size: 200% 100%;
	-moz-mask-image: -webkit-linear-gradient(-45deg,rgba(255, 255, 255, 0) 40%,rgba(229, 198, 102, 1) 50%, rgba(255, 255, 255, 0) 60%);
	-moz-transition: -webkit-mask-position;
	-moz-animation-timing-function: linear;
	-moz-transform: translate3d(0, 0, 0);
	-o-filter: brightness(1.5);
	-o-mask-size: 200% 100%;
	-o-mask-image: -webkit-linear-gradient(  -45deg, rgba(255, 255, 255, 0) 40%,rgba(229, 198, 102, 1) 50%,rgba(255, 255, 255, 0) 60%);
	-o-transition: -webkit-mask-position;
	-o-animation-timing-function: linear;
	-o-transform: translate3d(0, 0, 0);
	filter: brightness(1.5);
	mask-size: 200% 100%;
	mask-image: -webkit-linear-gradient(-45deg,rgba(255, 255, 255, 0) 40%, rgba(229, 198, 102, 1) 50%,rgba(255, 255, 255, 0) 60%);
	transition: -webkit-mask-position;
	animation-timing-function: linear;
	transform: translate3d(0, 0, 0);
	transition-duration: 3.5s;
	animation: move 2s ease-out infinite;
	}
  
  @keyframes move {
	from {
	  -webkit-mask-position: 150% 0px;
	  -moz-mask-position: 150% 0px;
	  -o-mask-position: 150% 0px;
	  mask-position: 150% 0px;
	}
	to {
	  -webkit-mask-position: 0% 0px;
	  -moz-mask-position: 0% 0px;
	  -o-mask-position: 0% 0px;
	  mask-position: 0% 0px;
	}
  }
  





.layout_PD01.pdaa1 {width: 96%;}
@media screen and (max-width:767px){
  .layout_PD01.pdaa1 {width: 100%;}
}




@media screen and (min-width:768px){
.Area_drawing-area-1x1 .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-1x1 .PD_layout:not(.PD_layout-btn) li .PD_into h4 {font-size: 30px;color: #fff;}
.Area_drawing-area-1x1 .PD_layout .PD p {height: 2em;line-height: 2em;color: #fff;}
.Area_drawing-area-1x1 .PD_layout .PD p del { font-size: 18px;padding-right: .25em;color: #adadad;}
}
@media screen and (max-width:767px){
	.Area_drawing-area-1x1 .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-1x1 .PD_layout .PD h4 {margin-bottom: .35em;font-size: 15px;color: #fff;}
	.Area_drawing-area-1x1 .PD_layout .PD p {height: 2em;line-height: 2em;color: #ffffff;}
	.Area_drawing-area-1x1 .PD_layout .PD p del {padding-right: .25em;color: #adadad;}
}

/*隱鑶*/
.for_pc {}
.for_phone { display:none !important;}
	@media screen and (max-width:767px){
		.for_pc { display:none !important;}
		.for_phone { display: inherit !important;}
	}