@charset "utf-8";

/*基本*/
body {margin: 0; padding:0;background-color: #000000;}
	@media screen and (max-width:767px){
		body {background:#fff;}
	}
/*隱鑶*/
.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: block!important;}
	}

/*背景*/
.Area_bgtop_1{ z-index: -70; position: fixed; top:0 ;background-repeat: no-repeat;}

/*PC背景*/
.Area_bgtop { z-index:-40; position:absolute; top:170px; 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:2000px;}
.Area_bgtop .bgtop_  span { position:absolute; display: block; width:100%; height:100%; background-position:center top; background-repeat: no-repeat;}

	
/*全BOX版面*/
.WRAPPER { position: relative;	display: inline-block;	margin: 0;	padding: 0;	width:100%; min-width:1220px; overflow: hidden;font-family:"微軟正黑體","Microsoft JhengHei",Helvetica; background: url() repeat-y center top;}
.WRAPPER img { border:0; vertical-align:top;}
.WRAPPER a { text-decoration:none;}
.WRAPPER ul {list-style: none outside none;}
.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; min-width:inherit; background: #000; background-size:100%;}
		.WRAPPER .mainArea { position:relative; display:block; margin:0 auto; padding: 0; width:100%;}
		.WRAPPER.mmainAre { width: 100%;}
	}


.WRAPPER .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;}
.WRAPPER .go_bt:hover { 
   /*filter:brightness(110%);*/
  -webkit-transform:translateY(-10px);
     -moz-transform:translateY(-10px);
      -ms-transform:translateY(-10px);
       -o-transform:translateY(-10px);
          transform:translateY(-10px);}
		  
.WRAPPER .go_bt2 {
  -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;}
.WRAPPER .go_bt2:hover { 
   filter:brightness(110%);
  -webkit-transform:translateX(10px);
     -moz-transform:translateX(10px);
      -ms-transform:translateX(10px);
       -o-transform:translateX(10px);
          transform:translateX(10px);}

/*背景*/
@media screen and (min-width:767px){
	.bgtop {z-index:0; position:absolute; top:0; left:0; width:100%; min-width:1220px; height:790px; background: url() no-repeat top;}
	.bgtop01 {z-index:0; position:absolute; top:4241px; left:0; width:100%; min-width:1220px; height:870px; background: url() no-repeat center top;}
	.bgtop02 {z-index:0; position:absolute; top:1000px; left:0; width:100%; min-width:1220px; height:1000px; background: url() no-repeat center top;}
	.bgtop03 {z-index:0; position:absolute; top:2000px; left:0; width:100%; min-width:1220px; height:1000px; background: url() no-repeat center top;}
	.bgtop04 {z-index:0; position:absolute; top:3000px; left:0; width:100%; min-width:1220px; height:1000px; background: url() no-repeat center top;}
	.bgtop05 {z-index:0; position:absolute; top:4000px; left:0; width:100%; min-width:1220px; height:1000px; background: url() no-repeat center top;}
	}
	
	
/*按鈕基本*/
.fill:hover,
.fill:focus { box-shadow: inset 0 0 0 1.5em var(--hover);}
/*.button{ position: absolute; top: 200px; left: 178px; font-size:20px; letter-spacing:3px;}*/
.fill {  --color: #353535;  --hover: #000;}
button {  color: var(--color);  transition: 0.25s; cursor:pointer;}
button:hover, button:focus {  border-color: var(--hover);  color: #fff;}
button { background: none; border: 2px solid; font: inherit; line-height: 1; margin: 0.5em; padding: .9em 1.5em;}

/*區塊_all*/
.Area { position: relative; margin:0 auto; padding:0; text-align:center;  }
.Area1220 { margin:0 auto; width:1220px;}
.Area960 { margin:0 auto; width:960px;}
.Area800 { margin:0 auto; width:800px;}

.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_2bn_nopadding a img { width:100%; }		/*區塊_兩邊間距*/

.Area_3bn_nopadding { margin: 0 auto; padding:0; overflow:hidden;width:100%;}
.Area_3bn_nopadding p { float:left; margin:0; padding:0; width:33.3%; list-style: none; text-align:center;}

.Area_4bn_nopadding { margin: 0 auto; padding:0; overflow:hidden;}
.Area_4bn_nopadding a { float:left; margin:0; padding:0; width:25%; list-style: none;}		/*區塊_兩邊間距*/
.Area_4bn_nopadding a img { width:100%; }		/*區塊_兩邊間距*/

	@media screen and (max-width:767px){
		.Area { width:100%; }
		.Area .go_bt:hover { 
		  -webkit-transform:none;
			 -moz-transform:none;
			  -ms-transform:none;
			   -o-transform:none;
				  transform:none;}
		.Area1220 { width:100%;}
		.Area960 { margin:0 auto; width:96%;}
		.Area800 { margin:0 auto; width:96%;}
		.Area img{ 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 0 0 5vw;overflow:hidden; width: 90%; box-sizing:border-box;}
		.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*/
.Area_logo { position: relative; margin:0; padding:0; overflow:hidden; height:100px;width:100%;z-index:2;text-align: center; vertical-align: top; background-color:#000000; }
	@media screen and (max-width:767px){
    .Area_logo {overflow:hidden; float:left; margin:0; padding:0; width:100%;height: auto; list-style: none; position: relative;}
    .Area_logo img {width:100%;}
	}


/*活動標*/
.Area_momologo   { z-index:8; position:absolute; top:25px; left:10px; top:-131px; left:30px;}
.Area_momologo a { display:block;}
.Area_momologo a img:first-child { display:none;}
.Area_momologo:hover a img { display:none;}
.Area_momologo:hover a img:first-child { display:block;}


/*header-選單切換區*/
@media screen and (min-width:768px){
.cantantBase { z-index:5; background:#f3f3f3; /*border-top:solid 10px #000;*/  position: relative; top:0; left:50%; transform:translateX(-50%); width:100%; height:auto; z-index:9; border-bottom:1px solid #c5c5c5;}
.cantantBase .box { position:relative; margin:0 auto; width:1220px; height:69px;}
/*.cantantBase .momologo { position:absolute; top:29px; left:26px; -webkit-transform:scale(0.9); transform:scale(0.9);}
.cantantBase .momologo a { display:block; width:191px; height:21px; background:url(momo_logo.png?t=1751356990207);}
.cantantBase .momologo a:hover { background:url(momo_logo_on.png?t=1751356990207);}*/
.cantantBase ul {display:inline-block; margin:0; padding:0 10px; list-style:none; text-align:center; width:100%; box-sizing:border-box;}
.cantantBase ul li {  display:inline-block; position:relative; margin:0 15px; padding:0; font-size:16px; line-height:69px; width:102px; letter-spacing:0.15em;}
.cantantBase ul li a { color:#000000; display:block;}
.cantantBase ul li a:hover { color:#ffc915; }  
  
.cantantBase .btn_on::after { content:""; z-index:-1; position: absolute; bottom:0%; left:50%; width:70%; height:8%; -webkit-transform:translate(-50%,0%); transform:translate(-50%,0%); background-color: #ffc915; }
.cantantBase ul.tabs li:hover::after { content:""; z-index:-1; position: absolute; bottom:0%; left:50%; width:70%; height:8%; -webkit-transform:translate(-50%,0%); transform:translate(-50%,0%); background-color: #ffc915; }
.cantantBase ul.tabs li.active::after { content:""; z-index:-1; position: absolute; bottom:0%; left:50%; width:70%; height:8%; -webkit-transform:translate(-50%,0%); transform:translate(-50%,0%); background-color: #ffc915; }
/*選單內容物*/
.tab_content{ z-index:9; position: absolute; top:69px; left:0; margin:0; padding:15px 0 30px; overflow:hidden; width:100%; height:auto; background-color:#fff; border-bottom:1px solid #c5c5c5; box-sizing:border-box; display:none;
			  -webkit-transition: all 0.2s ease;
				 -moz-transition: all 0.2s ease;
				  -ms-transition: all 0.2s ease;
				   -o-transition: all 0.2s ease;
					  transition: all 0.5s ease;} 
.tab_content::after { content:""; display:inline-block; clear:both;} 
.tab_content .box { position:relative; margin:0 auto; width:1220px; height:auto; overflow:hidden;}
.tab_content .Nav_block { float:left; display:inline-block;}
.tab_content .Nav_block_04 { width:300px;}
.tab_content .Nav_block_06 { width:200px;}
.tab_content .Nav_block ul { text-align:left; padding:0 10px;}
.tab_content .Nav_block ul li { width:100%; line-height:2em; letter-spacing:0.01em; padding-left:20px; font-size:15px;}
.tab_content .Nav_block ul li:hover { background-color:#000;}
.tab_content .Nav_block ul li:hover a { color:#ffc915;}
.tab_content .Nav_block ul li.Navtitle { font: bold 19px/30px "Century Gothic","Microsoft JhengHei","微軟正黑體", Arial, sans-serif,Helvetica; line-height:2em; pointer-events:none;}
.tab_content .Nav_block ul li.Navtitle a { color:#ffc915;}
.tab_content .colse_button {z-index:100; display:inline-block; position:absolute;top:0px;right:0px; padding:2px; cursor:pointer;}
.tab_content .Nav_block ul li .new{display: inline-block; width: 40px;line-height: 40px;  font: 14px/14px 微軟正黑體,"Microsoft JhengHei",Helvetica;  color: #FFF;background-color:#ff0000;   border: 1px solid #ff0000; border-radius:3px; margin:0 2%;text-align: center;}


/*被選到的類別*/
.tab_content.active { display:block !important;}
}

@media screen and (max-width:767px){
	.cantantBase .box { position:relative; margin:0; width:30%;}
	.cantantBase ul { margin:0; padding:0; list-style:none; text-align:center; width:100%; box-sizing:border-box;}
	.cantantBase ul li { border-bottom:1px solid #f3f3f3; padding:2.5vw 1vw; background-color:#fff; }
	/*.cantantBase ul li:last-child { border-bottom: none;}*/
	.cantantBase ul li a { color:#000; display:block;}
	.cantantBase ul li.open { background-color:#0032a1;}
	.cantantBase ul li.open a { color:#fff; font-weight:800;}
	
	.tab_content { display:none; position:absolute; top:12.15vw; left:30.5%; width:69.5%; height:166vw; overflow-y:scroll; background-color:#fff; }
	.tab_content .box { position:relative; margin:0 auto; width:100%; height:auto; overflow:hidden;}
	.tab_content .Nav_block ul { text-align:left; padding:0 3vw;}
	.tab_content .Nav_block ul li { border-bottom:none; padding:1.5vw 1vw 1.5vw 3vw; font-size:4vw;}
	.tab_content .Nav_block ul li:last-child { border-bottom:1px solid #f3f3f3; padding-bottom:5vw;}
	
	.tab_content .Nav_block ul li.Navtitle { padding:4vw 1vw 1vw; font: bold 4.8vw/4.8vw "Century Gothic","Microsoft JhengHei","微軟正黑體", Arial, sans-serif,Helvetica; /*line-height:2em;*/ pointer-events:none;}
	.tab_content .Nav_block ul li.Navtitle a { color:#0032a1;}
	
	/*被選到的類別*/
	.tab_content.open { display:block !important;}	
}
@media screen and (max-width:767px) and (min-height:800px){
	.tab_content { height:215.3vw; }
}	


/*版頭區*/
.Area_top { position:relative; width:1220px;height:480px;}
.Area_top .top_box{  }
.Area_top .PD{position: absolute;top:88px;left:610px; z-index:3;}
.Area_top .title div{position: absolute;top:0; left:0; z-index:3;}



/*區塊背景*/
@media screen and ( min-width:737px) {
.Areabg01{ position:absolute;z-index:-1; top:0px; left:0; width:100%; min-width:1220px; height:3000px;background-image:url(pc_01.jpg?t=1751356990207); background-repeat:no-repeat; background-position:center top;}
.Areabg02{ position:absolute;z-index:-1; top:0px; left:0; width:100%; min-width:1220px; height:3000px;background-image:url(pc_02.png?t=1751356990207); background-repeat:no-repeat; background-position:center top;}
.Areabg03{ position:absolute;z-index:-1; top:0px; left:0; width:100%; min-width:1220px; height:3000px;background-image:url(pc_03.jpg?t=1751356990207);background-repeat:no-repeat; background-position:center top;}
.Areabg04{ position:absolute;z-index:-1; top:0px; left:0; width:100%; min-width:1220px; height:3000px;background-image:url(pc_04.jpg?t=1751356990207);background-repeat:no-repeat; background-position:center top;}
.Areabg05{ position:absolute;z-index:-1; top:0px; left:0; width:100%; min-width:1220px; height:2000px;background-image:url(pc_05.jpg?t=1751356990207);background-repeat:no-repeat; background-position:center top;}
.Areabg06{ position:absolute;z-index:-1; top:0px; left:0; width:100%; min-width:1220px; height:5000px;background-image:url(pc_07.jpg?t=1751356990207);background-repeat:no-repeat; background-position:center top;}
.Areabg07{ position:absolute;z-index:-1; top:0px; left:0; width:100%; min-width:1220px; height:5000px;background-image:url(pc_07.jpg?t=1751356990207); background-repeat:no-repeat; background-position:center top;}
.Areabg08{ position:absolute;z-index:-1; top:0px; left:0; width:100%; min-width:1220px; height:5004px;background-image:url(pc_08.jpg?t=1751356990207); background-repeat:no-repeat; background-position:center top;}
.Areabg09{ position:absolute;z-index:-1; top:0px; left:0; width:100%; min-width:1220px; height:9084px;background-image:url(pc_09.jpg?t=1751356990207); background-repeat:no-repeat; background-position:center top;background-color:#846354;}
.Areabg10{ position:absolute;z-index:-1; top:0px; left:0; width:100%; min-width:1220px; height:5084px;background-image:url(pc_10.jpg?t=1751356990207); background-color:#ffeeee; background-repeat:no-repeat; background-position:center top;}
.layout_rwd_1f4s_01_bg{ position:absolute;z-index:-1; top:0px; left:0; width:100%; min-width:1220px; height:3000px;background-image:url(layout_rwd_1f4s_01_bg.png?t=1751356990207); background-repeat:no-repeat; background-position:center top;}
}



@media screen and ( max-width:736px) {
.Areabg01{ display:none }
.Areabg02{ display:none }
.Areabg03{ display:none }
.Areabg04{ display:none }
.Areabg05{ display:none }
.Areabg06{ display:none }
.Areabg07{ display:none }
.Areabg08{ display:none }
.Areabg09{ display:none }
.Areabg10{ display:none }
.Areabg11{ display:none }
.Areabg12{ display:none }
.Areabg13{ display:none }
}









	 
/*第一區*/
.Area01 {width:1220px; height:600px;  position:relative; margin:0 auto;box-sizing:border-box;    padding:400px 0 0 0px;}
.Area01 .topbn {width:1000px;position:absolute;  top:36px; left:102px; overflow:hidden; text-align:left; z-index:1;}
.Area01 ul.btnall {  display: block;  width: 1220px; position:relative;margin:0px 0 0px 0;  padding: 0;text-decoration: none;  list-style: none;    text-align: center;}
.Area01 ul.btnall  li { position: relative;  margin: 0 10px 10px 0;  padding: 0 ;  display:inline-block;}
.colorbar00{  width:2000px; height:199px; position:absolute;  z-index:-1; top: 0px; left: -390px;}


.Area01 .deco_l_01{ position: absolute; top: 200px; left: -259px; z-index: 0}
.Area01 .deco_3real{ position: absolute; top: 400px; left: 1179px; z-index: 0}


@media screen and (max-width:767px){
.Area01 { position: relative; width:100%;height:88vw;padding: 62vw 0 0 0; background-color: #000;}
.Area01 .topbn {width:100%;position:absolute;  top:0vw; left:0; overflow:hidden; text-align:left; z-index:1;}   

.Area01 .topbn .PD_layout .PD .PD_logo img{height: 50vw;}
/* .Area01 .topbn .PD_layout .PD .PD_logo img{height:auto;width: auto;} */

.Area01 ul.btnall {  display: block;  width: 100%; position:relative; margin:0px 0 0px 0;  padding: 0;text-decoration: none;  list-style: none;    text-align: center;}
.Area01 ul.btnall  li { position: relative;width: 18%;  margin: 0 0 0 0;  padding: 0 ;  display:inline-block;}    
		}
















/*第2區*/
.Area02 {width:1220px; height:659px;  position:relative; margin:0 auto;box-sizing:border-box;  padding:0px 0 0 0px;}
.Area02 .star{ position: absolute; top:112px;left: 972px; }
.star01{ position: absolute; top:0px;left: 0px; }
.star02{ position: absolute; top: -7px;left: 8px; }

h2{ width:1220px; height: 108px;  display: block; font: bold 58px/160px "微軟正黑體","Microsoft JhengHei",Helvetica; 
background: linear-gradient(to right,  #f76628 40%, #ffc900 70%);
background: -webkit-linear-gradient(to right,  #f76628 40%, #ffc900 70%);
background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}

h2:before{ content: ""; z-index:-1; position:absolute; top:41px; left:428px;width:384px; height:96px; 
 background-image: url("h2_bg.png?t=1751356990208");background-position: center top;background-repeat: no-repeat; }

.Area02 .momobtn_01{position: absolute; top:230px;left: 0px;}
.Area02 .bnswiper{position: absolute; top:0px;left:39px; width: 365px; height: 450px;overflow: hidden;}

.Area02 .momobtn_02{position: absolute; top:244px;left: 405px;}

@media screen and (max-width:767px){
.Area02 { width:100%;height:100vw;background-color: #000}
.Area02 .momobtn_01{position: absolute; top:22vw;left: -5.3vw;width: 100%}   
.Area02 .momobtn_01 ul{position: absolute; top:0vw;left: 0vw;width: 90%}   
.Area02 .momobtn_01 .PD_layout .PD .PD_logo img{height: 25vw ;}
.Area02 .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{position:relative;top:24vw;}
.Area02 .momobtn_02{position: absolute; top:52vw;left: 0vw;width: 99%;z-index: 99;}
.Area02 .bnswiper{position: absolute; top:0vw;left:6vw; width: 100%; height: 30vw;overflow: hidden;}

}
	


















/*第3區*/
.Area03 {width:1220px; height:1099px; position:relative; margin:0 auto;box-sizing:border-box;  padding:0 0px;}
.Area03 ul.kind{ width:1250px;   height:172px; display: block;  position:relative;  margin: 0 0 47px 0;   padding: 45px 0 0 0;text-decoration: none; overflow: hidden;   list-style: none;text-align:left; }
.Area03 ul.kind li { display: inline-block; box-sizing:border-box; padding:0 0 0 0 ; margin:0 0 0 0 ; text-decoration:none; list-style:none;  text-align:center;   overflow: hidden;cursor: pointer  }

.Area03 .tabbox{  margin:0 0 0 0; width: 1220px; height: 700px;   position: relative; }

.Area03 .pd_price{ position: absolute; top:0px;left: -18px;}
.Area03 .pd_img{ position: absolute; top:0px;left: 655px;}
/*影片區*/

		  .box_youtube { margin: 0; padding: 0; }
		  .box_youtube .youtubeArea { width:100%; height:0px; padding-bottom:56.25%;}
		  .box_youtube .youtubeArea * { margin:0; padding:0;}
		  .box_youtube .youtubeArea iframe { position:absolute; top:0px; left:0px; width:100%; height:100%;}
		  .video_01 {z-index:5;position:absolute;  left: 0px;  top: 267px; width: 595px;height: 292px;}



.colorbar00{  width:2000px; height:199px; position:absolute;  z-index:-1; top: 0px; left: -390px;}

@media screen and (max-width:767px){
.Area03 { width:100%;height:auto;}
.Area03 ul.kind{ width:100%;   height:auto; display: block;  position:absolute;top: 20vw;left: -1vw;  margin: 0 0 0 0;   padding: 0 0 0 0;text-decoration: none; overflow: hidden;   list-style: none;text-align:left; }
.Area03 ul.kind li { display: inline-block; box-sizing:border-box; padding:0 0 0 0 ; margin:0 -3.5vw 0 0 ; text-decoration:none; list-style:none;  text-align:center;   overflow: hidden;cursor: pointer ;width:22% }    
.Area03 .pd_price{ position: absolute; top:-26vw;left: 4vw;width: 94%}
.Area03 .pd_img{ position: absolute; top:-84vw;left: 23vw;width: 50%}   
.Area03 .tabbox{  margin:0 0 0 0; width: 100%; height: auto;   position: relative; }
/*影片區*/

		  .box_youtube { margin: 0; padding: 0; }
		  .box_youtube .youtubeArea { width:100%; height:0px; padding-bottom:56.25%;}
		  .box_youtube .youtubeArea * { margin:0; padding:0;}
		  .box_youtube .youtubeArea iframe { position:absolute; top:0px; left:0px; width:100%; height:100%;}
		  .video_01 {z-index:5;position:absolute;  left: 6vw;  top: -133vw; width: 88vw;height: 46vw;}
    
		}
	
		

		
/*第4區*/
.Area04 {width:1220px; height:976px; position:relative; margin:0 auto;box-sizing:border-box;  padding:0px 0 0px 0px;}
.Area04 .star{ position: absolute; top:112px;left: 1172px; }
.Area04 ul.kind{ width:200px;   height:502px; display: block;  position:absolute; top:251px; left: 59px; margin: 0 0 0 0;   padding: 0px 0 0 0;text-decoration: none; overflow: hidden;   list-style: none;text-align:left;z-index: 3 }
.Area04 ul.kind li { display: inline-block; box-sizing:border-box; padding:0 0 0 0 ; margin:0 0 35px 0 ; text-decoration:none; list-style:none;  text-align:center;   overflow: hidden;cursor: pointer  }
.Area04 .tabbox{  margin:0 0 0 0; width: 1220px; height: 700px;   position: relative; }

.Area04 .service_content{ position: absolute; top:177px;left:310px;}
.Area04 .service_more{ position: absolute; top:551px;left: 989px;}







@media screen and (max-width:767px){
.Area04 { width:100%;height:auto;}
.Area04 ul.kind{ width:100%;   height:auto; display: block;  position:absolute; top:21vw; left: 4.5vw; margin: 0 0 0 0;   padding: 0px 0 0 0;text-decoration: none; overflow: hidden;   list-style: none;text-align:left;z-index: 3 }
.Area04 ul.kind li {width: 29%; display: inline-block; box-sizing:border-box; padding:0 0 0 0 ; margin:0 1vw 0 0 ; text-decoration:none; list-style:none;  text-align:center;   overflow: hidden;cursor: pointer  }    
.Area04 .tabbox{  margin:0 0 0 0; width: 100%; height: auto;   position: relative; }

.Area04 .service_content{ position: absolute; top:-121vw;left:5vw;width: 90%}

.Area04 .service_more{ position: absolute; top:144vw;left: 28vw;width: 45%}
   
    
		}
	
		
/*區塊5*/
.Area05 {width:1220px;height:auto;position:relative; margin:0 auto; box-sizing:border-box; padding:0px 0 30px 0;  margin-bottom: 50px}


		  
.WRAPPER .go_gobtn {
  -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;}
 
.WRAPPER .go_gobtn:hover .gobtn{ 
    color: #FFFFFF;
    background-color: #073042;
}






@media screen and (max-width:767px){
.Area05 { width:100%;height:auto; padding:0 0 0 0; background-repeat: no-repeat; background-size:100%; background-color:#000}
	}

	
	
			
/*區塊6*/
.Area06 {width:1220px;height:auto;position:relative; margin:0 auto; box-sizing:border-box; padding:30px 0 50px 0;}
.Area06 .banner{margin-bottom: 10px;}
.Area06 .banner img{width: 1220px;}
.Area06 .PD_layout .PD  .PD_into  h3{ background-color: #f86734;}
@media screen and (max-width:767px){
.Area06 { width:100%;height: auto;padding:0 0 0 0; background-repeat: no-repeat; background-size:100%; background-color:#f7f1ec}
		}








/*區塊7*/
.Area07 {width:1220px;height: auto;position:relative; margin:0 auto; box-sizing:border-box; padding:0px 0 0 0; text-align: left}
.Area07  img{ width:300px}
.Area07 .pd_box{ height:400px; position: relative}
.Area07 .pdposition{ position: absolute; top: 0; height:340px;  left:320px;  width: 1000px; overflow: hidden}
.Area07 .pagination{}

@media screen and (max-width:767px){ 
.Area07 { width:100%;height: auto;padding:0 0 0 0; background-repeat: no-repeat; background-size:100%; background-color:#f7f1ec}
  
		}









/*第8區*/
.Area08{position: relative;display: block; margin: 0px auto; width: 1220px; box-sizing: border-box;}
	@media screen and (min-width:768px){
		.Area08_box.Area08_box { display:block; position:relative;width: 1220px; height:850px; }
		.Area08_box01_pd00{position: absolute;top:0px;left:0px;z-index:1; }
		.Area08_box01_pd01{position: absolute;top:0px;left:920px;z-index:1; }
		.Area08_box01_pd02{position: absolute;top:395px;left:0px;z-index:1; }
		.Area08_box01_pd03{position: absolute;top:395px;left:308px;z-index:1; }
		.Area08_box01_pd04{position: absolute;top:395px;left:615px;z-index:1;  }
		.Area08_box01_pd05{position: absolute;top:395px;left:920px;z-index:1;  }
		
		
		.Area08_box02_pd00{position: absolute;top:0px;left:335px;z-index:1; }
		.Area08_box02_pd01{position: absolute;top:0px;left:0px;z-index:1; }
		.Area08_box02_pd02{position: absolute;top:395px;left:0px;z-index:1; }
		.Area08_box02_pd03{position: absolute;top:0px;left:900px;z-index:1; }
		.Area08_box02_pd04{position: absolute;top:395px;left:900px;z-index:1; }
		
		.Area08_box03_pd00{position: absolute;top:0px;left:670px;z-index:1;  }
		.Area08_box03_pd01{position: absolute;top:0px;left:0px;z-index:1;  }
		.Area08_box03_pd02{position: absolute;top:0px;left:335px;z-index:1;  }
		.Area08_box03_pd03{position: absolute;top:395px;left:0px;z-index:1;  }
		.Area08_box03_pd04{position: absolute;top:395px;left:335px;z-index:1;  }
	}
	@media screen and (max-width:767px){
		.Area08 {width:100%; height:auto;}
		.Area08_box{ width: 100%; height:auto;}
	
		.Area08_box01_pd00,
		.Area08_box02_pd00,
		.Area08_box03_pd00 { position: relative; margin:0 auto; width:98%;  margin:0vw auto; padding:0; top: 0;overflow:hidden;}
		.Area08_box01_pd { float:left; margin:1%;  width:48%; }
	}
	 








<!--footrer-->
.Area_footrer { width:100%; }
.Area_footrer .box { width:1220px;}
.Area_footrer .box ul { margin:0; padding:20px 120px; list-style:none;}
.Area_footrer .box ul:after { content:""; display:block; clear:both;}
.Area_footrer .box li { float:left; margin:0; padding:0; width:33.3%; text-align:center;}
.Area_footrer .box li dt { color:#9da4ff;height: 34px;font: bold 20px/30px "微軟正黑體","Microsoft JhengHei",Helvetica;text-align: center;}
.Area_footrer .box li dd  { margin:0; padding:0; height: 28px;}
.Area_footrer .box li dd a {color:#fff;font: 14px/18px "微軟正黑體","Microsoft JhengHei",Helvetica;text-align: center;}





	
/*黏人快速鍵(白色款)*/
.fixed_Area {z-index:999; position:fixed; top:20px; right:0px; width:100px; font-weight:800; font-size:16px; line-height:48px; font-family:Century Gothic, "微軟正黑體",Helvetica; text-align:center;
			-webkit-transform: rotate3d(0,0,0,0deg) translate3d(0,0,0); transform: rotate3d(0,0,0,0deg) translate3d(0,0,0); -webkit-transform-origin:top right; transform-origin:top right;
			  -webkit-transition: all 0.2s ease;
				 -moz-transition: all 0.2s ease;
				  -ms-transition: all 0.2s ease;
				   -o-transition: all 0.2s ease;
					  transition: all 0.2s ease;}
.fixed_Area a { display:block; text-decoration: none; color: #000;}
.fixed_Area img {-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;}
.fixed_Area .box ul { margin:0; padding:0; list-style:none;}
.fixed_Area .box li { margin:0 0 1px 0; padding:0; height:48px; background-color:rgba(255,255,255,0.6);}
.fixed_Area .box li a { letter-spacing:-1px;height:48px; overflow:hidden;}
.fixed_Area .box li a:hover { background-color:rgba(255,255,255,1);}
.fixed_Area .box li.cate-hover { background-color:rgba(255,255,255,1);}
.fixed_Area .box h2 { margin:0; padding:0;}
	/*快速導覽*/
	.fixed_Area h3 { position: absolute; top:100px; right:-50px; margin:0; padding:35px 0 0 0; border-radius:10px; width:48px; height:82px; font-size: 16px; line-height:30px; writing-mode: tb-lr; writing-mode: vertical-lr; -webkit-writing-mode: vertical-lr; background-color:rgba(255,255,255,0.6); text-align:left; cursor:pointer;
			-webkit-transform-origin:top left; transform-origin:top left;
			  -webkit-transition: all 0.2s ease;
				 -moz-transition: all 0.2s ease;
				  -ms-transition: all 0.2s ease;
				   -o-transition: all 0.2s ease;
					  transition: all 0.2s ease;}
	.fixed_Area h3 i { position: absolute; top:0; right:0; display:block; width:50px; height:50px; cursor:pointer;}
	.fixed_Area h3 i:before { content: ""; position:absolute; top:41%; left:37%; display:block; border:1px solid #000; border-width:0 1px 1px 0; width:15%; height:15%; -webkit-transform:translate(-50%,-50%) rotate(135deg); transform:translate(-50%,-50%) rotate(135deg); -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
			/*黑色款*/
			.fixed_Area.fixed_Area-dark a { color: #fff;}
			.fixed_Area.fixed_Area-dark .box li { background-color:rgba(0,0,0,0.5);}
			.fixed_Area.fixed_Area-dark .box li a:hover { background-color:rgba(0,0,0,1);}
			.fixed_Area.fixed_Area-dark .box li.cate-hover { background-color:rgba(0,0,0,1);}
            .fixed_Area.fixed_Area-dark h3 {background-color:rgba(0,0,0,0.5);color: #fff; }
            .fixed_Area.fixed_Area-dark h3  i:before { border-color:#fff;}



			/*收合黏人精*/
			.fixed_Area.fixed_Area_hide { -webkit-transform: rotate3d(0,0,0,0deg) translate3d(150px,0,0); transform: rotate3d(0,0,0,0deg) translate3d(150px,0,0); }
			.fixed_Area.fixed_Area_hide h3 { -webkit-transform: rotate3d(0,0,0,0deg) translate3d(-185px,0,0); transform: rotate3d(0,0,0,0deg) translate3d(-185px,0,0); 
											 -webkit-transition-delay:0.2s; transition-delay:0.2s;}
											 

	


/** 入稿區基本 **/

.content_Area { position:relative; display:inline-block; margin:0px auto 0px auto; padding: 0px 0px; width:1220px;}
.buttonAera_more { position: absolute; top:15px; right:15px; padding-left:17px; padding-right:10px;  border-radius:60px; width:90px; height:40px;background:#fff06c; text-align:center;}
.buttonAera_more a { display:block; padding-top:5px; font: bold 24px/29px Century Gothic; color:#fff; text-decoration: none; letter-spacing:-0.05em;}
.buttonAera_more:hover {background-color: #000;}
.buttonAera_more .btnGO { margin:5px; float:right; width:20px ;height:20px;}
	@media screen and (max-width: 736px) {
		.content_Area {	border-radius: 0; border: 0 solid #fff;padding:1vw 0;}
		.title{width:100%; margin:0 auto;}
		.title img { width: 100%;}
	}

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


@media screen and (min-width:767px){	
.box_more { opacity:0.6; z-index:3; position:absolute; top:110px; left:18px;  background-color: #000; padding: 3px 14px; width:85px; height:28px; border-radius:30px;
		  -webkit-transition: all 0.2s ease;
			 -moz-transition: all 0.2s ease;
			  -ms-transition: all 0.2s ease;
			   -o-transition: all 0.2s ease;
				  transition: all 0.2s ease;}
.box_more a { color:#fff; font:bold 16px/32px 微軟正黑體; text-decoration:none; width:89px; height:24px;line-height: 27px;}
.box_more:hover { background-color:#000; 
 -webkit-transform:translateX(10px);
     -moz-transform:translateX(10px);
      -ms-transform:translateX(10px);
       -o-transform:translateX(10px);
          transform:translateX(10px);}
  }
	@media screen and (max-width:766px){
	.box_more a { color:#fff; font:bold 6vw Century Gothic; text-decoration:none; width:25vw; height:10vw; display:inline-block;}
	.box_more img {height:5vw; width:5vw; display:inline-block; transform: translate(18%,38%);}
	.box_more { display:none;}
	}




/*公版PD_layout-D2_1f4s*/
.PD_layout-D2_1f4s { position: relative; }

    /*BN*/
    .PD_layout-D2_1f4s .PD_layout-D2_1f4s-BN {position: relative; background-repeat: repeat-y; background-size: 100%}
    .PD_layout-D2_1f4s .PD_layout-D2_1f4s-BN .PD_img,
    .PD_layout-D2_1f4s .PD_layout-D2_1f4s-BN .PD .PD_logo {display:none;}
    .PD_layout-D2_1f4s .PD_layout-D2_1f4s-BN .PD_layout[data-pd-col-pc="1"] li {-webkit-transform:none; transform:none;margin-bottom:0px;}
        @media screen and (min-width:768px){
		  .PD_layout-D2_1f4s {background-image:url(layout_1220_1f8s_1.png?t=1751356990208);margin:20px 0 0 0; width: 1245px; height: 408px; overflow: hidden}
      .PD_layout-D2_1f4s:nth-child(odd) {background-image:url(layout_1220_1f8s_2.png?t=1751356990208);}
  
          
		  .PD_layout-D2_1f4s .PD_layout-D2_1f4s-BN {width:272px;margin:0px 0 0 0;display: block;}
	    .PD_layout-D2_1f4s .PD_layout-D2_1f4s-BN .PD_img {display: block; width:300px}
      .PD_layout-D2_1f4s .PD_layout-D2_1f4s-BN .PD_img  img{ width: 233px}
        }
        @media screen and (max-width:767px){
     .PD_layout-D2_1f4s .PD_layout-D2_1f4s-BN {}
		  .PD_layout-D2_1f4s .PD_layout-D2_1f4s-BN .PD_layout[data-pd-col-phone="1"] li {margin-bottom:0}
		  .PD_layout-D2_1f4s .PD_layout-D2_1f4s-BN .PD_wrapper{padding:0}
		  .PD_layout-D2_1f4s .PD_layout-D2_1f4s-BN .PD_img{width:100%}
          .PD_layout-D2_1f4s .PD_layout-D2_1f4s-BN .PD .PD_logo { display: block;}
        } 
      /*PD*/
      .PD_layout-D2_1f4s .PD_layout-D2_1f4s-PD {position:relative;}
      .PD_layout-D2_1f4s .PD_layout-D2_1f4s-PD .PD h3 {   background-image: repeating-linear-gradient(272deg, #000000 -2%, #272727 120%);
    background-position: right top;
    background-size: 100% 100%;}
      @media screen and (min-width:768px){
	  .PD_layout-D2_1f4s .PD_layout-D2_1f4s-PD  .PD_layout {position:absolute;top:-414px;left:280px; width: 949px;}
      .PD_layout-D2_1f4s .PD_layout-D2_1f4s-PD  .PD_layout[data-pd-col-pc*="4"] ul  {position:relative;margin:0px;box-sizing: border-box;top:44px;}
       }
       @media screen and (max-width:767px){
	   .PD_layout-D2_1f4s .PD_layout-D2_1f4s-PD {margin-bottom:0%} 
       .PD_layout-D2_1f4s .PD_layout-D2_1f4s-PD .PD .PD_logo {display: block;}
	   .PD_layout[data-pd-col-phone="2"] ul { padding: 0.5em; padding-bottom: 0; padding-left: 1em}
       }
        /*針對ECM編輯模式下，編輯按鈕重疊問題修正
        @media screen and (min-width:768px){
          .PD_Layout-D2_1f7s .PD_Layout-D2_1f7s-PD { position: relative; left: 80px;}
          .PD_Layout-D2_1f7s .PD_Layout-D2_1f7s-PD .PD_layout { position: relative; left: -80px;}
        }*/


	

/*浮層嘿嘿*/
.blackBox_play {}
.blackBox { display:none; z-index:10; position:absolute; top:0px; left:0px; width:100%; height:100%; background-color: rgba(34,34,34,0.75); }
.blackBox * { font-family:"微軟正黑體", "Microsoft JhengHei", Arial; box-sizing:border-box;}
.blackBox  a { text-decoration:none;}
/*浮層基本*/
.blackBox .box .button {  border-top:1px solid #d6d6d6; text-align:center; font-size:1.25rem; line-height:3.5rem; font-weight:bold;}
.blackBox .box .but-close { clear:both; width:100%;}
.blackBox .box .but-close a { display:inline-block;  width:100%; height:100%; color:#333;}
.blackBox .box h3 span.close { position:absolute; top:6px; right:5px; display:block; border:2px solid #333; border-radius:5px; width:63px; height:33px; font-size:1rem; line-height:2rem; text-align:center;}
.blackBox .box h3 span.close a { display:inline-block; width:100%; height:100%; color:#333;}
.blackBox .Boxclose { position:absolute; top:0px; left:0px; width:100%; height:100%; background-color: transparent;}
.blackBox .box h4 {height: 3rem; font-size: 0.8rem; font-weight: 100; text-align: center; color: #000;}
	/*IT用*/
	.blackBox_IT { display:block; z-index:inherit; position:static; width:auto; height:auto; background: none;}


/*通知浮層*/
.agreeArea { z-index:1; position:relative; top:5%; margin:0 auto 30px; width:94%; max-width:700px; font-family:"Century Gothic", "微軟正黑體", sans-serif; /*text-align:justify; word-break:break-all;*/}
.agreeArea img{ width:100%; height:auto;}
.agreeArea .box { border-radius:10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); background-color:#fff; overflow:hidden;}
.agreeArea .box .txtArea { height:600px; overflow:auto; overflow-y:auto; -webkit-overflow-scrolling:touch;}
.agreeArea .box h3 { margin:0; padding:0; height:3rem; font-size:1.25rem; font-weight:800;line-height:3rem; text-align:center; color:#000; background-color:#f9c643;}
.agreeArea .box p { margin:10px auto; margin-top:1rem; padding:0 0 0 24px; text-align:center; font-size:1em; text-align:left; line-height:1.2em; color:#000;}
.agreeArea .box p b { display:block; padding-bottom:0px;}
.agreeArea .box p span { }
.agreeArea .box .qrcodeimg { text-align:center; }
.agreeArea .box .qrcodeimg a { color:#006afe;}
.agreeArea .box .qrcodeimg img { width:100%; height:auto;}
.agreeArea .box .agree_table table { margin:20px auto; border-collapse:collapse; width:90%; text-align:center;}
.agreeArea .box .agree_table th { padding:5px; border:1px solid #CCC; width:33%; font-size:0.9em; }
.agreeArea .box .agree_table td { padding:5px; border:1px solid #CCC; font-size:0.9em; }
.agreeArea .box .agree_table th a{ color:#c70026; text-decoration:underline;}
.agreeArea .box .xxx{ display:block; width:80%; height:40px; font-size:1.5em; text-align:center; line-height:40px; color:#FFF; background-color:#7048A0; margin:0 auto; margin-bottom:20px; margin-top:10px; font-weight:bold; border-radius:10px;}
.agreeArea .box ul,
.agreeArea .box ol { margin:0 0 30px 0;}
.agreeArea .box li { margin:0 20px 10px 0px; font-size:0.9em; text-align: left;}
.agreeArea .box table { margin: 0 5%; width:90%;  border-collapse:collapse;}
.agreeArea .box th { padding:5px; border:1px solid #CCC; background:#eee; font-size:0.8em; }
.agreeArea .box td { padding:5px; border:1px solid #CCC; font-size:0.8em; vertical-align:top; }
.agreeArea .box table ul,
.agreeArea .box table ol { padding:0 0 0 20px;}
.agreeArea .box table li { margin:0 0 10px 0px;}
.agreeArea .box h4 { margin:0; padding:0; height:3rem; font-size:1.25rem; font-weight:800;line-height:3rem; text-align:left; color:#000; background-color:#f5f5f5;}