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

/*基本*/
body{ margin:0; padding:0;}


/*全BOX版面*/
.WRAPPER { position: relative; display:block; margin: 0 auto; padding: 0; width:100%;  min-width:1220px; overflow:hidden; font-family:"微軟正黑體","Microsoft JhengHei",Helvetica; background-color:#1b4d51;}
.WRAPPER img { border:0px; vertical-align:top; border-radius:0px; }
/*.WRAPPER a { text-decoration:none;}*/
		@media screen and (max-width:767px){
		.WRAPPER { min-width: inherit;  }
		.WRAPPER img {width:100%;  height:auto; border-radius:0px;}
	}
	
/*背景*/
.bgtop  { z-index:0; position:absolute; top:0; left:0; width:100%; min-width:1220px; background-color:#1b4d51; height:960px; background: url(main_01.png?t=1746182038122) no-repeat center top;}
	@media screen and (max-width:767px){
		.bgtop { min-width: inherit; height:30vw; border-bottom:1vw solid #000; }
	}

@media screen and (max-width:767px){
.small img{width: 50%;}
}

/*區塊_all*/
.Area { position: relative; margin:0 auto; padding:0; border-radius:0; text-align:center; }
/*.Area a { display:block;}*/
.Area .go_bt {
  -webkit-transition: all 0.4s ease;
     -moz-transition: all 0.4s ease;
      -ms-transition: all 0.4s ease;
       -o-transition: all 0.4s ease;
          transition: all 0.4s ease;}
.Area .go_bt:hover {
  -webkit-transform:scale(0.95);
     -moz-transform:scale(0.95);
      -ms-transform:scale(0.95);
       -o-transform:scale(0.95);
          transform:scale(0.95);}
.Area1220 { margin:0 auto; width:1220px;}
.Area960 { margin:0 auto; width:960px;}
	@media screen and (max-width:767px){
		.Area1220 { width:100%;}
		.Area960 { width:100%;} 
		/*區塊_切割*/
		.Area_1bn { margin: 0 auto; padding:0; overflow:hidden;}
		.Area_1bn a { float:left; margin:0 0 2% 0; padding:0; width:100%; list-style: none;}
		.Area_2bn { margin: 0 auto; padding:0; overflow:hidden;}
		.Area_2bn a { float:left; margin:0 1% 2%; padding:0; width:48%; list-style: none;}
		.Area_3bn { margin: 0 auto; padding:0; overflow:hidden;}
		.Area_3bn a { float:left; margin:0 1% 2% ; padding:0; width:31.3%; list-style: none;}
		.Area_1bn_nopadding { margin: 0 auto; padding:0; overflow:hidden;}
		.Area_1bn_nopadding a { float:left; margin:0; padding:0; width:100%; list-style: none;}
		.Area_2bn_nopadding { margin: 0 auto; padding:0; overflow:hidden;}
		.Area_2bn_nopadding a { float:left; margin:0; padding:0; width:50%; list-style: none;}
		.Area_3bn_nopadding { margin: 0 auto; padding:0; overflow:hidden;}
		.Area_3bn_nopadding a { float:left; margin:0; padding:0; width:33.3%; list-style: none;}
	}


/*LOGO*/
.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;}
	}

/*版頭*/
.Area_top { height:900px}
.Area_top .momologo { z-index: 4; position: absolute;top: 15px; left:20px;}

@media screen and (min-width:768px){
	}

	@media screen and (max-width:767px){
		.Area_top { height: auto}
		.Area_top .momologo { display:none;}
	}



.Area1 .box .txtbox01 { padding:0px ; margin-bottom: 40px;background-color: #000; border-radius: 10px ;box-sizing: border-box }
.Area1 .box .txtbox01 h2 { display: block; padding: 40px 40px 0px 40px; color:#f5c60b; font-size: 36px }
.Area1 .box .txtbox01 .txt { display: block; padding: 0px 40px; font-size: 20px; color: #FFF; font-weight: normal; }
.Area1 .box .txtbox01 ol { padding-left: 25px;  }
.Area1 .box .txtbox01 li { margin-bottom: 10px;}
.Area1 .box .txtbox01 li .sample img {padding:20px ;margin: 0 auto; display:block; width:30%; height: auto; text-align: center}
.Area1 .box .txtbox01 .note {display:block; margin: 0px auto 20px auto; padding: 30px; color: #fff; font-size:24px; font-weight:bold; line-height:1.6; background-color: #c2a880; border-radius:0px 0px 10px 10px; }


.Area1 { text-align:left; color:#fff; padding-bottom:30px; }
.Area1 .box { padding:0 40px; }
.Area1 .box p { font-size: 20px; line-height: 1.8;margin-left: 20px;/* font-weight:800; */}
.Area1 .box p span.highlight { font-size:18px; color:#ec2922; font-weight:normal;}
.Area1 .box a { color:#1b4d51; }
.Area1 .box .txtbox { padding:0px ; margin-bottom: 40px;background-color: #eeeae5; border-radius: 10px ;box-sizing: border-box }
.Area1 .box h3 { font-size: 48px; line-height:1.2; color:#f5c60b}
.Area1 .box .txtbox h2 { display: block; padding: 40px 40px 0px 40px; color: #1b4d51; font-size: 36px }
.Area1 .box .txtbox .txt { display: block; padding: 0px 40px; font-size: 20px; color: #333333; font-weight: normal; }
.Area1 .box .txtbox ol { padding-left: 25px;  }
.Area1 .box .txtbox li { margin-bottom: 10px;}
.Area1 .box .txtbox li a { color: #458fff }
.Area1 .box .txtbox li small { display:block;  width:96%; margin: 10px auto 30px auto; padding: 10px; font-size:20px; font-weight:bold; line-height:1.6; background-color: #e0cbaa; border-radius:10px;text-align: center }
.Area1 .box .txtbox li .sample img {padding:20px ;margin: 0 auto; display:block; width:30%; height: auto; text-align: center}
.Area1 .box .txtbox .note {display:block; margin: 0px auto 20px auto; padding: 30px; color: #fff; font-size:24px; font-weight:bold; line-height:1.6; background-color: #de808c; border-radius:0px 0px 10px 10px; }
.Area1 .box .date {display:block; margin: 0px auto 20px auto; padding: 0 0 10px; color: #fff; font-size:24px; font-weight:bold; line-height:1.6; text-align: center; }
	@media screen and (max-width:767px){
	.Area1 .box { padding:0; margin: 0 auto; width: 90% }	
	.Area1 .box p { font-size:4vw; font-weight: 800; margin-left: 2vw; margin-bottom: 7vw; }
	.Area1 .box p span.highlight { font-size:3.8vw; }
	.Area1 .box h3 { font-size: 30px; color:#f5c60b; line-height:0; }
	.Area1 .box .txtbox { padding:0; font-size:3.8vw; }
	.Area1 .box .txtbox .txt { font-size:3.8vw ; display: block; padding: 0px 20px; color: #333333; font-weight: normal; }
	.Area1 .box .txtbox .txt .pic { width: 100%;}
	.Area1 .box .txtbox .txt .pic img { width: 100%;}
	.Area1 .box .txtbox h2 { display: block; padding: 20px 20px 0px 20px ; color: #1b4d51; font-size:5.5vw; }
	.Area1 .box .txtbox li { font-size:4vw;font-weight: 800;margin-bottom: 10%}	
	.Area1 .box .txtbox li small { display:block; margin: 5% 0 10% -20px; padding: 10px; font-size:3.5vw; line-height:1.4;background-color: #e0cbaa; border-radius:10px;width: 100% }
	.Area1 .box .txtbox li .sample img {padding:5% ;margin: 0 auto; display:block; width:70%; height: auto; text-align: center}
	.Area1 .box .txtbox .note {display:block; margin: 0px auto 20px auto; padding: 20px; color: #fff; font-size:18px; font-weight:bold; line-height:1.6; background-color: #de808c; border-radius:0px 0px 10px 10px; }
	.Area1 .box .date {display:block; margin: 0px auto 5vw auto; padding: 0 0 5vw; color: #fff; font-size:4vw ; font-weight:bold; line-height:1.6; }
	}

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