@charset "utf-8";
/*基本*/
body {margin: 0; padding:0; background-color: #6eceff;}


/*全BOX版面*/
.WRAPPER { position: relative;margin: 0 auto; padding: 0;	width:100%; min-width:1220px; overflow: hidden;font-family:"微軟正黑體","Microsoft JhengHei",Helvetica;}
.WRAPPER img { border:0; vertical-align:top;}
.WRAPPER a { text-decoration:none;  display:inline-block;}
.WRAPPER .Area_top{position: relative; }
.WRAPPER .mainArea { position:relative; display:block; margin:0 auto; padding: 0; width:1220px;}
	@media screen and (max-width:767px){
		.WRAPPER { padding-bottom:0px; margin:0 auto; display: block; min-width:100%;/*background: url("bg_repeat.jpg?t=1749805918988") center top/ 100% repeat-y scroll;z-index: 0;*/}
		.WRAPPER .mainArea { position:relative; display:block; margin:0 auto; padding: 0; width:100%;  }

	}


/*區塊背景*/
@media screen and (min-width:768px) {
	.Areabg01{position:absolute;z-index: -3;top:0px;left:0;width:100%;min-width:1220px;height: 1736px;background-image:url(pc_01.jpg?t=1724990151425);background-repeat:no-repeat;background-position:center top;pointer-events: none;}
	.Areabg02{position:absolute;z-index: 20;top:0px;left:0;width:100%;min-width:1220px;height: 1736px;background-image:url(pc_02.png?t=1724990151425);background-repeat:no-repeat;background-position:center top;pointer-events: none;}
	.repeat_bg2{position:absolute;z-index: -7;left:0;top: 1169px;width:100%;min-width:1220px;height:40000px;background-image:url(pc_reapet.jpg?t=1724990151425);background-repeat:repeat-y;background-position:center top;pointer-events:none;}
	.bgdeco {z-index: -6;position:absolute;top: 0px;left: 0;width:100%;height: 60000px;background-repeat:repeat-y;background-position: center top; pointer-events:none;}  
	.bg_fix { z-index:-1; position:fixed; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position: center top; pointer-events:none;}
	}
	
	
	
	
	@media screen and (max-width:767px) {
	.m_top_bg01 {z-index: -10;position:absolute;top: 10vw;left: 0;width: 100%;height:100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;background-size: 100%;}
	.m_top_bg02 {z-index: 22;position:absolute;top: 10vw;left: 0;width: 100%;height:100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;background-size: 100%;}
	/* .bg_fix {z-index: -20;position:fixed;top: 10vw;left: 0;width: 100%;height:100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;background-size: 100%;} */
	.m_repeat_bg2{z-index: -7;position:absolute;top: 86vw;left: 0;width: 100%;height:100%;background-repeat:repeat-y;background-position: center top;pointer-events:none;background-size: 100%;}
	
	}

/*區塊_all*/
.Area { position: relative; margin:0 auto; padding:0; text-align:center;  }
.Area .box_bg{position:absolute;top:0;left: 0;z-index: 0;} 
.Area1220 { margin:0 auto; width:1220px;}
.Area960 { margin:0 auto; width:960px;}
	@media screen and (max-width:767px){
	.Area .go_bt:hover { 
		-webkit-transform:none;
		 -moz-transform:none;
			-ms-transform:none;
			 -o-transform:none;
				transform:none;}
	.Area1220 { width:100%;}
	.Area960 { width:100%;}
	.Area img{ width:100%;}
	.Area { position: relative;}

	}


/*LOGO CSS*/
.momologo { z-index:2; position: absolute; top: 15px; left:15px;}
.momologo a { display:block; width:140px; height:21px;}
.momologo a svg { width:140px; height:21px; }
.momologo a path { fill:#EA27C2; }
.momologo-pink  a path { fill:#EA27C2; }/*LOGO 桃紅色*/
.momologo-white a path { fill:#ffffff; }/*LOGO 白色*/
    @media screen and (max-width:767px){
        .momologo { display:none;}
    }

/*-----版頭-----*/
@media screen and (min-width: 768px){
	.Area_top{position: relative;height: 640px;margin:0 auto;box-sizing:border-box;padding: 0 0 0;}
	/*大標*/ 
	.Area_top .title01 {width: 66%;position:absolute;top: 119px;left: 220px;height: auto;z-index: 10;}
	.Area_top .title01 ul {grid-gap:0;}
	.Area_top .title01 img {width: 100%;}
	.Area_top .title01 input{position: relative;top: -30px;}
	/*副標輪播*/
	.Area_top .title02 .title02_bg{position: absolute;top: 58px;left: 52px;}
	.Area_top .title02 .title02_deco{width: 100%;left: 0;top: 0;position: absolute;}
	.Area_top .title02{z-index: 18;position:absolute;top: 344px;left: 255px;width: 680px;height: 190px;overflow: hidden;}
	.Area_top .title02 .Area_swiper_box {top: 52px;left: 24px;width: 100%;position: absolute;height: 192px;} 
	.Area_top .title02 .Area_swiper_box ul{display: flex;grid-gap: 0;padding: 0;height: 162px;} 
	.Area_top .title02 .Area_swiper_box img{width: 100%;} 

  
  }
  @media screen and (max-width:767px){
	.Area_top {width:100%;position: relative;height: 75vw;padding:0 0 0 0;}
	/*大標*/ 
	.Area_top .title01 {width: 77%;position:absolute;top: 13vw;left: 13vw;height: auto;z-index: 2;}
	.Area_top .title01 ul{grid-gap:0;}
	.Area_top .title01 img {width: 100%;}
	.Area_top .title01  ul li .PD .PD_img{display: block!important;}
	/*副標輪播*/
	.Area_top .title02{transform-origin: left bottom;}
	.Area_top .title02 .title02_bg{position: absolute;top: -2vw; }
	.Area_top .title02 .title02_deco{top: -9vw;left: -6vw;width: 100%;position: absolute;}
	.Area_top .title02 {position: absolute;width: 80%;height: 16vw;margin: 0 auto;left: 12vw;top: 41vw;z-index: 21;}
	.Area_top .title02 .Area_swiper_box{width: 100%;height: 16vw;overflow: hidden;}
	.Area_top .title02 .Area_swiper_box ul{display: flex;height: 18vw;grid-gap: 0;padding: 0;}
	.Area_top .title02 .Area_swiper_box img{width: 100%;}

  }
  
  
  /*---版頭裝飾---*/
  @media screen and (min-width:768px){
	.deco_01{width: 130%;position: absolute;top: 0px;left: -113px;transform-origin: top right;z-index: 1;transform-origin: center center;pointer-events: none;}
	.deco_01 img{width: 81%;}
	.deco_02{width: 35%;position: absolute;top: -134px;left: 828px;transform-origin: top right;z-index: 1;transform-origin: center center;pointer-events: none;}
	.deco_02 img{width: 81%;}
	.deco_03{width: 14%;position: absolute;top: 157px;left: 108px;transform-origin: top right;z-index: 1;transform-origin: center center;pointer-events: none;}
	.deco_03 img{width: 81%;}
	.deco_04{width: 22%;position: absolute;top: 317px;left: 948px;transform-origin: top right;z-index: 10;transform-origin: center center;pointer-events: none;}
	.deco_04 img{width: 81%;}
	}
	
	@media screen and (max-width:767px){
	  .deco_01{width: 100%;position: absolute;top: -1vw;left: 0vw;z-index: 1;transform-origin: center center;pointer-events: none;}
	  .deco_02{width: 97%;position: absolute;top: 0vw;left: 1vw;z-index: 10;transform-origin: center center;pointer-events: none;}
	  .deco_03{width: 15%;position: absolute;top: 15vw;left: 3vw;z-index: 1;transform-origin: center center;pointer-events: none;}
	  .deco_04{width: 22%;position: absolute;top: 38vw;left: 76vw;z-index: 10;transform-origin: center center;pointer-events: none;}
  
	
	}
  

/*小標題調整*/
.PD_text { position: relative;left: 0;top:0; height: 19px; width: 65%;z-index: 2}
.PD_text2 { position: relative;left: 0;top:0; height: 140px; width: 90%;z-index: 2}

.PD_text .PD a,.box_PD_txt .PD a { pointer-events: none; }
.PD_text2 .PD a,.box_PD_txt .PD a { pointer-events: none; }
.PD_text.PD_layout .PD_slide:hover {transform: none;box-shadow: none;}
.PD_text2.PD_layout .PD_slide:hover {transform: none;box-shadow: none;}

@media screen and (max-width:767px){
.PD_text {position: relative;top:-7vw;height: 0;width: 75%;}
.PD_text2 {position: relative;top:0;height: auto;width: 95%;}

}


/*---按鈕---*/
@media screen and (min-width:768px){
	.Area_btn{margin: 70px auto 0 auto;z-index: 12;height: auto;}
	.Area_btn .btn{width: 79%;}
	.Area_btn .btn ul{grid-gap: 0;}
}
@media screen and (max-width:767px){
  .Area_btn{margin: 0 auto 0 auto;height: 65vw;}
  .Area_btn .btn{width: 79%;}
  .Area_btn .btn ul{grid-gap: 0;}
}





/*Area01(線上入搞)*/
@media screen and (min-width:768px){
.Area01 {position: relative;height: auto;margin: 80px auto 0 auto;}
.Area01 .text_960{margin: 0 auto -50px auto;}
.Area01 .box {position: relative;width:100%;margin-top: 131px;}
.Area01 .btn{position: absolute;z-index: 10;width: 27%;left: 640px;top: 120px;}
/* .Area01 .btn .PD_layout ul{grid-gap: 153px !important;} */
.Area01 .item {position: relative;margin-bottom: 21px;}
.Area01 .layout_Area01 ul {width: 90%;margin-top: 39px;margin: 0 auto;/* padding:70px 0 0 0; */grid-gap: 0px!important;}
.Area01 .layout_Area01 ul li {padding:0;margin:0 auto;}
.layout_Area01.PD_layout .PD_slide:hover {transform: translateY(-5px);box-shadow: none;}
.apple_txt0{margin: 160px auto 0 auto;}

}
@media screen and (max-width:767px){
.Area01{height: auto;margin: -7vw auto 0 auto;}
.Area01 .text_960{margin: 0 auto -5vw auto;}
.Area01 .box {position: relative;margin: 0 auto;width: 90%;padding: 14vw 0 0 0;}
.Area01 .item {position: relative;}
.Area01 .btn{position: absolute;z-index: 10;width: 21%;left: 65vw;top: 13.5vw;}
/* .Area01 .btn .PD_layout ul{grid-gap: 70px !important;} */
.Area01 .layout_Area01{width:93%;margin:0 auto;padding:0;margin-bottom:0;}
.Area01 .layout_Area01 ul {margin:0 auto;/* padding:8.5% 0% 0; */grid-gap: 2vw!important;}
.Area01 .layout_Area01 ul li {margin: 0 auto;padding:0.5%;}
.apple_txt0{margin: 12vw auto 0 auto;}
}


/*介紹*/
@media screen and (min-width:768px){
	.Area_ly{margin: 30px auto 0 auto;z-index: 12;height: auto;}
	.Area_ly .box_all .box .ly{width: 100%;margin: -92px auto 0 auto;}
	.Area_ly .box_all .box:nth-child(1) .ly{width: 100%;margin: -120px auto 0 auto;}
	.Area_ly .box_all .box:nth-child(6) .ly{width: 100%;margin: -173px auto 0 auto;}
	.Area_ly .box_all .box .ly ul{border: 4px solid #31baff;outline: 4px solid #ff87c5;}
}
@media screen and (max-width:767px){
  .Area_ly{margin: 0 auto 0 auto;}
  .Area_ly .box_all{}
  .Area_ly .box_all .box{}
  .Area_ly .box_all .box .ly{width: 94%;margin: -9vw auto 0 auto;}
  .Area_ly .box_all .box:nth-child(1) .ly{width: 94%;margin: -12vw auto 0 auto;}
  .Area_ly .box_all .box:nth-child(6) .ly{width: 94%;margin: -17vw auto 0 auto;}
  .Area_ly .box_all .box .ly ul{border: 2px solid #31baff;outline: 2px solid #ff87c5;}
}





/*Q&A*/
.Area_QA {height:auto; margin-bottom: 50px; }
.Area_QA .box {position:relative;width:68%;margin:0 auto;padding: 20% 0 1.5%;z-index:5;/*background-color: #e4b26c;border-radius: 25px;*/}
.moreButton {width:100%; margin:0 auto; }
.moreButton .title {font:30px/1.2em '微軟正黑體'; letter-spacing: -0.05em; text-align:center; margin-bottom:10px; display:inline-block;}
dl.moreButton {padding-bottom: 20px;}
dl.moreButton:nth-child(odd){ }
dl.moreButton:nth-child(even){ }
.moreButton dt {cursor:pointer; }
.moreButton dd {display: none;margin:0 auto;width:85%;padding:2%;font:bold 1em/1.5em '微軟正黑體', 'Century Gothic';text-align:left;color:#333;font-weight: 900;background-color: #c4ebff;border-radius: 8px;}
.moreButton dd a { display:inline-block;}
.moreButton .up::after{  content: ""; position: absolute; bottom:36%; margin-left: 2%; width: 0;height: 0;border-style: solid; border-width: .5em .3em 0 .3em;border-color: #fff transparent transparent transparent; transform:rotate(180deg);}
.moreButton .down::after {content: "";position: absolute;bottom:36%;margin-left: 2%;width: 0;height: 0;border-style: solid;border-width: .5em .3em 0 .3em;border-color: #373737 transparent transparent transparent;}
.moreButton .menu_btn {margin: 0 auto 5px;position: relative;display: block;height:auto;width:85%;padding-left: 1.5%;font:normal 1.3em/2em 微軟正黑體;color: #373737;text-align: left;font-weight: 900;border-radius: 8px;}
.moreButton .up img{ width:100%; height:auto }
.moreButton .down img{ width:100%; height:auto}
.moreButtontag { display:none!important;}
@media screen and (min-width:768px){
   .QA_bg{position:absolute;z-index: -3;top:0px;left:0;width:100%;min-width:1220px;height: 1736px;background-image:url(pc_01.jpg?t=1724990151425);background-repeat:no-repeat;background-position:center top;pointer-events: none;}
}
	@media screen and (max-width:767px){
	.Area_QA  {height: 100%;margin-bottom: 0;}
	.Area_QA .box {background-color: #fff;position:relative;margin:0 auto;width: 100%;top:0;left:0;margin:0;padding: 0;z-index:5;}
	dl.moreButton {padding-bottom: 5vw;}
	.moreButton {width: 92%;margin:0 auto;}
	.moreButton .menu_btn {margin:0;width:100%;font-size: 1em;line-height: 1.3em;padding-left: 0;box-sizing: border-box;border-radius: 5px;font-weight: 900;}
	.moreButton dd { margin: 1% auto;width:95%;padding:2%; font:bold '微軟正黑體', 'Century Gothic'; border-radius: 5px;}

	}



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


/**延遲載圖用**/
.mainArea .articleList * img.lazy {display:none;} 

.hidden { display: none;}

/* 浮層調整 */
@media screen and (min-width:768px){
	.agreeArea .container .PD_wrapper .PD_slide .itembox:first-child .item-information {
		margin: 0;
		padding: 0.5em 1em 1em 1em;
		font-size: 1.2em !important;
		font-weight:500 !important;} 
		.agreeArea .itembox .item-title {
			min-width: calc(100% - 35em);
			margin: 0;
			padding: 0;
			font-size: 1.25rem;
			font-weight: 800;
			line-height: 1;
			text-align: left;
			color: #000;
			box-sizing: border-box;
			padding: 0 1em ;
			white-space: wrap !important;
			line-height: 1.5 !important;
		}	
} 
@media screen and (max-width:767px){
.agreeArea .container .PD_wrapper .PD_slide .itembox:first-child .item-information {
    margin: 0;
    padding: 0.5em 1em 1em 1em;
    font-size: 1.2em !important;
	font-weight:500 !important;} 
	.agreeArea .itembox .item-title {
		min-width: calc(100% - 35em);
		margin: 0;
		padding: 0;
		font-size: 1.25rem;
		font-weight: 800;
		line-height: 1;
		text-align: left;
		color: #000;
		box-sizing: border-box;
		padding: 0 0.5em ;
		white-space: wrap !important;
		line-height: 1.5 !important;
	}	

	.agreeArea .itembox .item-title {
        min-width: calc(160% - 11em)!important;
        max-width: calc(100% - 11em)!important;
    }
	.agreeArea .itembox.itemwrap .itembox_box {padding: 0.5em 1em 0 1em !important;}

	.agreeArea .itembox.itemwrap .itembox_box { width: 100%;margin-bottom: 0.5em !important;}

}