@charset "utf-8";
/*基本*/
body {margin: 0; padding:0; background: url() repeat center top ; background-color:#fff; }
	@media screen and (max-width:767px){
		body { background: url() repeat center top ;background-size:4%; width:100%;}
	}
/*隱鑶*/
.momoStyle_for_pc {}
.momoStyle_for_phone, .momoStyle_for_m { display:none !important;}
	@media screen and (max-width:767px){
		.momoStyle_for_pc { display:none !important;}
		.momoStyle_for_phone, .momoStyle_for_m { display: inherit !important;}
	}
		
		
/*全BOX版面*/
.WRAPPER {position:relative; display:inline-block;  margin:0; padding:0;  width:100%;  overflow:hidden;min-width:1220px;  }
.WRAPPER img {border:0; vertical-align:top;}
.WRAPPER .mainArea {  margin:0 auto; width:1220px; font-family:"Century Gothic", "微軟正黑體", sans-serif; position:relative; }
.WRAPPER .mainArea a{ padding:0; margin:0; text-decoration:none; font-family:"微軟正黑體" }
.WRAPPER  a { text-decoration:none;font-family:"微軟正黑體"} 
/*控制區塊背景的位置*/
.Areabg{ margin-left:-390px;} 
@media screen and ( max-width:736px) {
	.WRAPPER {min-width: inherit;  background-size:100%;  background-repeat: repeat-y}
	.WRAPPER img {width:100%; height:auto;}
}



@media screen and (min-width:735px){ 
.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;}
.go_bt2:hover { 
   filter:brightness(130%);
  -webkit-transform:translateY(-10px);
     -moz-transform:translateY(-10px);
      -ms-transform:translateY(-10px);
       -o-transform:translateY(-10px);
          transform:translateY(-10px);
		  }
 }

.WRAPPER .go_bt3 {
  -webkit-transition: all 0.9s ease;
     -moz-transition: all 0.9s ease;
      -ms-transition: all 0.9s ease;
       -o-transition: all 0.9s ease;
          transition: all 0.9s ease;}
.WRAPPER .go_bt3:hover { 
  -webkit-transform: scale3d(0.9,0.9,0.9);
     -moz-transform: scale3d(0.9,0.9,0.9);
      -ms-transform: scale3d(0.9,0.9,0.9);
       -o-transform: scale3d(0.9,0.9,0.9);
          transform: scale3d(0.9,0.9,0.9);}


/*區塊all*/
.Area { position: relative;  display:block;  margin:0; padding:0;  width:100%;min-width:1220px;}
@media screen and ( min-width:737px) {
	.Area .go_bt { position:relative; display:block;
  -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);}
	}

/*區塊-共用按鈕*/
.Area .btn_go {}
.Area .btn_go *{
						  -webkit-transition: all 0.1s ease;
							 -moz-transition: all 0.1s ease;
							  -ms-transition: all 0.1s ease;
							   -o-transition: all 0.1s ease;
								  transition: all 0.1s ease;} 
.Area .btn_go a:hover {  -webkit-transition: all 0.35s;
    transition: all 0.35s;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);}
.Area .btn_go a:after  { 
								  -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 .btn_go:active a,
.Area .btn_go:focus a,
.Area .btn_go:hover a { color:#fff;}
.Area .btn_go:active a:after,
.Area .btn_go:focus a:after,
.Area .btn_go:hover a:after  { width:150% !important;}
.Area .btn_go:active a i,
.Area .btn_go:focus a i,
.Area .btn_go:hover a i { background-color:#000; transform:translateX(-10px); transition-delay:0.1s;}
.Area .btn_go a strong { z-index:2; position: relative; }
.Area .btn_go a i {
	z-index: 3;
	position: absolute;
	top: -63px;
	right: -278px;
	display: inline-block;
	border-radius: 60px;
	width: 60px;
	height: 60px;
	background: #09006e url(btn_icon_r.png?t=1755767831700);
	background-size: contain;
}
	@media screen and (max-width:736px){ 
		.Area{width:100%; height:auto; min-width:100%;}
		.Area .btn_go { position:absolute; }
		.Area .btn_go *{
								  -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;} 
		.Area .btn_go a { display:block; color:#fff; letter-spacing:-2px;}
		.Area .btn_go a:after  { }
		.Area .btn_go:active a,
		.Area .btn_go:focus a,
		.Area .btn_go:hover a { color:#fff;}
		.Area .btn_go:active a:after,
		.Area .btn_go:focus a:after,
		.Area .btn_go:hover a:after  { width:150% !important;}
		.Area .btn_go:active a i,
		.Area .btn_go:focus a i,
		.Area .btn_go:hover a i { background-color: transparent; transform:translateX(-10px); transition-delay:0.1s;}
		.Area .btn_go a strong { z-index:2; position: relative; }
		.Area .btn_go a i { z-index:3; position: absolute; top:0; right:0; display:inline-block; border-radius:35px; width:35px; height:35px; background:#09006e url(btn_icon_r.png?t=1755767831700);  background-size:contain;}
	}



/*PC背景*/
@media screen and (min-width:767px){
  .bgtop01 { z-index:1; position:absolute; top:8600px; left:0; width:100%; min-width:1220px; height:650px; background-repeat:no-repeat; background-position:center top; pointer-events: none;}
  .bgtop02 { z-index:1; position:absolute; top:2900px; left:0; width:100%; min-width:1220px; height:1150px; background-repeat:no-repeat; background-position:center top; pointer-events: none;}
  .bgtop03 { z-index:1; position:absolute; top:4200px; left:0; width:100%; min-width:1220px; height:2150px; background-repeat:no-repeat; background-position:center top; pointer-events: none;}
}



/*logo*/
.momoStyle_Area_logo { position: relative; margin:0 auto; padding:0; overflow:hidden; height:100px;width:100%;z-index:2;text-align: center; vertical-align: top; background-color:#f0f0f0;display: flex;flex-wrap: wrap; justify-content: center; }
	@media screen and (max-width:767px){
    .momoStyle_Area_logo {overflow:hidden; float:left; margin:0; padding:0; width:100%;height: auto; list-style: none; position: relative;}
    .momoStyle_Area_logo img {width:100%;}
	}


/*版頭輪播*/
@media screen and (min-width:767px){
.Area01 { height: 750px; position: relative; margin:0 auto; }
.Area01 .box { position: absolute; top: 0; left: 50%; transform: translateX(-50%);}
.Area01 .bank { width: 2000px; position: relative; height: 720px;}
.Area01 .bank img { width: 100%;}
.Area01 .swiper-button-next {opacity: 0.2;left: 1610px; color: #000}
.Area01 .swiper-button-prev {opacity: 0.2;left: 390px; color: #000}
}
@media screen and (max-width:767px){
.Area01 { width: 100%; height:52vw;margin-bottom: 0;  }
.Area01 .bank { width: 100%; height: 54vw;}
.Area01 .swiper-button-next {opacity: 0.3; }
.Area01 .swiper-button-prev {opacity: 0.3;}
}



/*主標題文字*/
.momoStyle_Area_txt {font-family:"Century Gothic","Microsoft JhengHei","微軟正黑體", "Arial", "sans-serif";}
.momoStyle_Area_txt h2 { position: relative ;top: 0;left: 0;margin: 0;text-align: center;padding: 0px; font-weight:bold;font-size: 45px;line-height: 100px;letter-spacing:0px;overflow: hidden;/*text-shadow: 2px 2px 0px rgb(35 0 74);*/color: #000;z-index: 2; /*background: url("title_h2_BG.png?t=1755767831700") center top no-repeat scroll;*/}
.momoStyle_Area_txt h2 a { display: block; text-decoration:none;}
.momoStyle_Area_txt h2 img { width:714px; height:357px; }
@media screen and (max-width:767px){
  .momoStyle_Area_txt { width:85%; height:auto; margin:0 auto; padding:0; font-family:"Century Gothic","Microsoft JhengHei","微軟正黑體", Arial, sans-serif;  }
	.momoStyle_Area_txt h2 { top:0; width:100%; height:auto;left: 0; padding: 4.5% 0 0 0; font-weight:bold ;font-size:6vw; line-height:7.5vw; /*text-shadow: 2px 2px 0px rgb(35 0 74);*/ letter-spacing:-0.05rem;/* background:url(mb_txt_bg.jpg?t=1755767831700) center top no-repeat; background-size:100%; */}
	.momoStyle_Area_txt h2 img { width:100%; height:auto;}
  }



/*Areabn*/
@media screen and (min-width:767px){
.momoStyle_Areabn {position: relative;display:block; width:1220px; height:490px; margin:0 auto; padding:0; margin-bottom: 0;}
 }
.momoStyle_Areabn ul {display:flex;width:1220px; position:relative; top:0; left:0; margin:0 auto; padding:0 ;  text-decoration:none;  overflow:hidden; list-style:none; z-index:2;flex-direction: row;flex-wrap: wrap; justify-content: center; }
.momoStyle_Areabn ul li { position: relative; padding:0; margin:15px; text-decoration:none;display:block; list-style:none;  float:left;}
.momoStyle_Areabn ul li a { display:block; text-decoration:none;}
.momoStyle_Areabn ul li:nth-child(x) { margin-left: 177px;}

@media screen and (max-width:767px){
	.momoStyle_Areabn { width:100%; height:100%; margin:0 auto; padding:0; margin-bottom: 3vw;  /*background:url(mb_20.jpg?t=1755767831700) top center no-repeat ; background-size:100%; */}
	.momoStyle_Areabn ul { display:flex; width:auto; position:relative; top:0; left: 0; margin:0; padding:0 ;  text-decoration:none;  overflow:hidden;list-style:none; z-index:2; text-align:center}
	.momoStyle_Areabn ul li {display:inline-block; width:45%; padding:0; margin:0 0; text-decoration:none;  text-align:center;}
	.momoStyle_Areabn ul li:nth-child(x) { margin-left: 0;}
}


/*Areabanner*/
@media screen and (min-width:767px){
.momoStyle_Areabanner {position: relative;display:block; width:1220px; height:490px; margin:0 auto; padding:0; margin-bottom: 0;}
 }
.momoStyle_Areabanner ul {display:flex;width:1220px; position:relative; top:0; left:0; margin:0 auto; padding:0 ;  text-decoration:none;  overflow:hidden; list-style:none; z-index:2;flex-direction: row;flex-wrap: wrap; justify-content: center; }
.momoStyle_Areabanner ul li { position: relative; padding:0; margin:7px; text-decoration:none;display:block; list-style:none;  float:left;}
.momoStyle_Areabanner ul li a { display:block; text-decoration:none;}

@media screen and (max-width:767px){
	.momoStyle_Areabanner { width:100%; height:auto; margin:0 auto; padding:0; margin-bottom: 3vw;  /*background:url(mb_20.jpg?t=1755767831700) top center no-repeat ; background-size:100%; */}
	.momoStyle_Areabanner ul { display:flex; width:100%; position:relative; top:0; left: 0; margin:0; padding:0 ;  text-decoration:none;  overflow:hidden;list-style:none; z-index:2; text-align:center}
	.momoStyle_Areabanner ul li {display:inline-block; width:92%; padding:3% 0 0 0; margin:0 0; text-decoration:none;  text-align:center;}
}


/*Areaserve*/
@media screen and (min-width:767px){
.momoStyle_Areaserve {position: relative;display:block; width:1220px; height:500px; margin:0 auto; padding:0; margin-bottom: 0;}
 }
.momoStyle_Areaserve ul {display:flex;width:1220px; position:relative; top:0; left:0; margin:0 auto; padding:0 ;  text-decoration:none;  overflow:hidden; list-style:none; z-index:2;flex-direction: row;flex-wrap: wrap; justify-content: center; }
.momoStyle_Areaserve ul li { position: relative; padding:0; margin:7px; text-decoration:none;display:block; list-style:none;  float:left;}
.momoStyle_Areaserve ul li a { display:block; text-decoration:none;}

@media screen and (max-width:767px){
	.momoStyle_Areaserve { width:100%; height:auto; margin:0 auto; padding:0; margin-bottom: 7vw;  /*background:url(mb_20.jpg?t=1755767831700) top center no-repeat ; background-size:100%; */}
	.momoStyle_Areaserve ul { display:flex; width:100%; position:relative; top:2vw; left: 0; margin:0; padding:0 ;  text-decoration:none;  overflow:hidden;list-style:none; z-index:2; text-align:center}
	.momoStyle_Areaserve ul li {display:inline-block; width:42%; padding:1.5%; margin:0 0; text-decoration:none;  text-align:center;}
}

/*第4區*/
.Area04 {width:1220px; height:920px;  position:relative; margin:0 auto;box-sizing:border-box;    padding:0 0 0 0px;z-index: 5;}
.Area04 ul{ display: block;  width: 1220px; position:relative;margin:20px 0 0 0;  padding: 0;text-decoration: none; overflow: hidden;   list-style: none;text-align: center;}
.Area04 ul li {width:11%;  position: relative;  margin: 0 5px;  padding: 0 5px;  border-radius: 80px;  height: 47px; font: normal 20px/47px "微軟正黑體","Microsoft JhengHei",Helvetica;  text-align: center;  color: #FFF; background: #363737;display:inline-block;filter: brightness(0.5);cursor: pointer; }
.Area04 ul li.selected { filter: brightness(1); }

.Area04 .moviebox{width:1220px; height:700px; position: relative;}
.Area04 .moviebox .movie_bg{position:absolute; top:20px; left:-57px; z-index:1;width: 1277px;}

/*影片區*/
.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; top: 170px; left: 485px; width: 725px; height: 420px;}

@media screen and (max-width:767px){
	.Area04 { width:100%;height:auto;background:url(mb_02.jpg?t=1755767831700) top center no-repeat ; background-size:100%;}
	.Area04 .moviebox{width:100%; height:130vw; position: relative; overflow:hidden;}
	.Area04 .moviebox .movie_bg{position:relative; top:2vw; left:0; z-index:1; width: 100%; }	
	.Area04 ul{display: block;  width: 100%; position:relative;margin:3vw 0 0 0;  padding: 0;text-decoration: none; overflow: hidden;   list-style: none;text-align: center;}
	.Area04 ul li {width:22%;  position: relative;  margin: 1%; padding: 0 2%; border-radius: 60px; height: 33px; font:normal 4vw/8vw "微軟正黑體","Microsoft JhengHei",Helvetica;  text-align: center;  color: #FFF; background: #363737;display:inline-block;filter: brightness(0.5);cursor: pointer; }
	.Area04 ul li.selected { filter: brightness(1); }
	
/*影片區*/
	.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; top: 75vw; left:4vw; width: 92%; height: auto;}
  }		



/*Areaitme*/
@media screen and (min-width:767px){
.momoStyle_Areaitme {position: relative;display:block; width:1220px; height:2030px; margin:0 auto; padding:0; margin-bottom: 0;}
 }
.momoStyle_Areaitme ul {display:block;width:1220px; position:relative; top:20px; left:0; margin:0 auto; padding:0 ;  text-decoration:none;  overflow:hidden; list-style:none; z-index:2; }
.momoStyle_Areaitme ul li { position: relative; padding:0; margin:2px; text-decoration:none;display:block; list-style:none;  float:left;}
.momoStyle_Areaitme ul li a { display:block; text-decoration:none;}

@media screen and (max-width:767px){
	.momoStyle_Areaitme { width:100%; height:auto; margin:0 auto; padding:0; margin-bottom: 4vw;  /*background:url(mb_20.jpg?t=1755767831700) top center no-repeat ; background-size:100%; */}
	.momoStyle_Areaitme ul { display:flex; width:100%; position:relative; top:2vw; left: 0; margin:0; padding:0 ;  text-decoration:none;  overflow:hidden;list-style:none; z-index:2; text-align:center;flex-wrap: wrap;justify-content: center}
	.momoStyle_Areaitme ul li {display:inline-block; width:45%; padding:1%; margin:0 0; text-decoration:none;  text-align:center;}
	.momoStyle_Areaitme ul li:nth-child(5) {width:92%;}
	.momoStyle_Areaitme ul li:nth-child(6) {width:92%;}
	.momoStyle_Areaitme ul li:nth-child(7) {width:92%;}
}


/*Arearenewed*/
@media screen and (min-width:767px){
.momoStyle_Arearenewed {position: relative;display:block; width:1220px; height:850px; margin:0 auto; padding:0; margin-bottom: 0;}
 }
.momoStyle_Arearenewed ul {display:block;width:1220px; position:relative; top:10px; left:0; margin:0 auto; padding:0 ;  text-decoration:none;  overflow:hidden; list-style:none; z-index:2; }
.momoStyle_Arearenewed ul li { position: relative; padding:0; margin:0; text-decoration:none;display:block; list-style:none;  float:left;}
.momoStyle_Arearenewed ul li a { display:block; text-decoration:none;}

@media screen and (max-width:767px){
	.momoStyle_Arearenewed { width:100%; height:auto; margin:0 auto; padding:0; margin-bottom: 7vw;  /*background:url(mb_20.jpg?t=1755767831700) top center no-repeat ; background-size:100%; */}
	.momoStyle_Arearenewed ul { display:flex; width:100%; position:relative; top:2vw; left: 0; margin:0; padding:0 ;  text-decoration:none;  overflow:hidden;list-style:none; z-index:2; text-align:center;flex-wrap: wrap;justify-content: center}
	.momoStyle_Arearenewed ul li {display:inline-block; width:90%; padding:0; margin:0 auto; text-decoration:none;  text-align:center;}
}


/*Areapiece*/
@media screen and (min-width:767px){
.momoStyle_Areapiece {position: relative;display:block; width:1220px; height:600px; margin:0 auto; padding:0; margin-bottom: 0;}
 }
.momoStyle_Areapiece ul {display:flex;width:1220px; position:relative; top:10px; left:0; margin:0 auto; padding:0 ;  text-decoration:none;  overflow:hidden; list-style:none; z-index:2;justify-content: center }
.momoStyle_Areapiece ul li { position: relative; padding:0; margin:5px 15px; text-decoration:none;display:block; list-style:none;  float:left;}
.momoStyle_Areapiece ul li a { display:block; text-decoration:none;}

@media screen and (max-width:767px){
	.momoStyle_Areapiece { width:90%; height:105vw; margin:0 auto; padding:0; margin-bottom: 10vw; background-color: #f5f5f5; /*background:url(mb_20.jpg?t=1755767831700) top center no-repeat ; background-size:100%; */}
	.momoStyle_Areapiece ul { display:flex; width:85%; position:relative; top:2vw; left: 0; margin:0 auto; padding:0 ;  text-decoration:none;  overflow:hidden;list-style:none; z-index:2; text-align:center;flex-wrap: wrap;justify-content: center;}
	.momoStyle_Areapiece ul li {display:inline-block; width:35%; padding:1.5%; margin:0 auto; text-decoration:none;  text-align:center;}
}


/*4品RWD公版1*/
@media screen and (min-width:768px){
  .momoStyle_Area_search_1 .momoStyle_PD_layout_rwd_4PD_1 {width:1220px; height:530px; /*background: url(layout_rwd_1f5s_bg.jpg?t=1755767831700) center top no-repeat scroll;*/}
  .momoStyle_Area_search_1 .momoStyle_PD_layout_rwd_4PD_1 ul {padding:45px 0 0 0;}
  .momoStyle_Area_search_1 .momoStyle_PD_layout_rwd_4PD_1 h2 {position:relative; top:11px; margin:0px; padding:0px;  font-size:45px; line-height:46px; letter-spacing:0px; overflow:hidden; /*text-shadow:2px 2px 0px rgb(225 225 225);*/ color:#000;}
  .momoStyle_Area_search_1 .momoStyle_PD_layout_rwd_4PD_1.PD h3 {background-color:#000;}
}
/* .momoStyle_Area_search_1 .PD_layout .PD_slide {border: 0.5px solid #dbdbdb;}*/

@media screen and (max-width:767px){
  .momoStyle_Area_search_1 .momoStyle_PD_layout_rwd_4PD_1.momoStyle_PD_layout { margin-bottom: 0;background: url(m_14.jpg?t=1755767831700) center top repeat-y scroll; background-size: 100%;}
  .momoStyle_Area_search_1 .momoStyle_PD_layout_rwd_4PD_1.momoStyle_PD_layout h2 {top:1vw; margin:0 auto; padding:0 2%; width:100%; height: 12vw; overflow:hidden; font-weight:bold; font-size:6vw; line-height:15vw; text-align:center;text-shadow:1px 0 0 #fff;letter-spacing:-0.05rem; /*background:url(mb_13.jpg?t=1755767831700) center top no-repeat;background-size:100%; color:#1d4e5a;*/}  
	.momoStyle_Area_search_1 .momoStyle_PD_layout_rwd_4PD_1.momoStyle_PD_layout ul {width: 98%; padding:2% 0 0 0;} 
/*  .momoStyle_Area_search_1 .momoStyle_PD_layout.momoStyle_PD_layout_rwd_4PD_1 .PD h3 {background-color:#414141;}*/
}


/*4品RWD公版2*/
@media screen and (min-width:768px){
  .momoStyle_Area_search_2 .momoStyle_PD_layout_rwd_4PD_2 {width:1220px; height:530px; /*background: url(layout_rwd_1f5s_bg.jpg?t=1755767831700) center top no-repeat scroll;*/z-index:20;}
  .momoStyle_Area_search_2 .momoStyle_PD_layout_rwd_4PD_2 ul {padding:45px 0 0 0;}
  .momoStyle_Area_search_2 .momoStyle_PD_layout_rwd_4PD_2 h2 {position:relative; top:11px; margin:0px; padding:0px;  font-size:45px; line-height:46px; letter-spacing:0px; overflow:hidden; /*text-shadow:2px 2px 0px rgb(225 225 225);*/ color:#000;}
  .momoStyle_Area_search_2 .momoStyle_PD_layout_rwd_4PD_2.PD h3 {background-color:#000;}
}
/* .momoStyle_Area_search_2 .PD_layout .PD_slide {border: 0.5px solid #dbdbdb;}*/

@media screen and (max-width:767px){
  .momoStyle_Area_search_2 .momoStyle_PD_layout_rwd_4PD_2.momoStyle_PD_layout { margin-bottom: 0;background: url(m_14.jpg?t=1755767831700) center top repeat-y scroll; background-size: 100%;}
  .momoStyle_Area_search_2 .momoStyle_PD_layout_rwd_4PD_2.momoStyle_PD_layout h2 {top:1vw; margin:0 auto; padding:0 2%; width:100%; height: 12vw; overflow:hidden; font-weight:bold; font-size:6vw; line-height:15vw; text-align:center;text-shadow:1px 0 0 #fff;letter-spacing:-0.05rem; /*background:url(mb_13.jpg?t=1755767831700) center top no-repeat;background-size:100%; color:#1d4e5a;*/}  
	.momoStyle_Area_search_2 .momoStyle_PD_layout_rwd_4PD_2.momoStyle_PD_layout ul {width: 98%; padding:2% 0 0 0;} 
/*  .momoStyle_Area_search_2 .momoStyle_PD_layout.momoStyle_PD_layout_rwd_4PD_2 .PD h3 {background-color:#414141;}*/
}



/*bn輪播(線上入稿)*/
.Area_banner {height: 500px; }
.Area_banner .PD_layout {width:1220px;height:360px;left:0;overflow:hidden;}
.Area_banner .PD_layout ul {display:flex;padding: 0;margin: 0;height:330px !important;}
.Area_banner .PD_slide {min-width:inherit!important;}

@media screen and (max-width:767px){
  .Area_banner {width: 100%; height:117vw;}
  .Area_banner .PD_layout {position: relative; top:0;left:0;width:98%;height:100%;}
  .Area_banner .lbtclass  ul { height:102vw !important;left: 0;}
}	



/*Appletxt*/
.apple_txt{ position: relative;margin:30px auto; color:#000;font-size: 13px; text-align: center; }
	@media screen and (max-width:767px){
	.apple_txt{position: relative;margin:2%; color:#000; letter-spacing: -0.05em;}
	}



/*bn輪播(線上入稿)*/
.Area_topbn {height: 500px; }
.Area_topbn .PD_layout {width:1220px;height:450px;left:0;top:0;overflow:hidden;}
.Area_topbn .PD_layout ul {display:flex!important;padding: 0!important;margin: 0!important;grid-gap:0!important;}
.Area_topbn .PD_layout ul li img {width:100%;}
/*.Area_topbn .lbtclass  ul { padding-bottom: 30px !important; height:170px !important;left: -30px;}*/
/*.Area_topbn .Area_boxstyle_pagination{top:140px;}*/
.Area_topbn .PD_slide {min-width:inherit!important;}

@media screen and (max-width:767px){
  .Area_topbn {width: 100%; height:60vw;top:0;}
  .Area_topbn .PD_layout {position: relative; top:0;left:0;width:100%;height:100%;}
  .Area_topbn .lbtclass  ul { height:60vw !important;left: 0;}
/*  .Area_topbn .Area_boxstyle_pagination{top:45vw;}*/
}	


/*6顆*/
.Area_active .layout_active ul{padding:0!important;}
.Area_active .layout_active ul li {margin: 0!important;}
@media screen and (max-width:767px){
	.Area_active .layout_active ul{padding-top: 1vw!important; width: 96%!important;}
}


/*共用*/
.for_pc { display:block !important;}
.for_m  { display:none !important;}
	@media screen and (max-width:736px){ 
		/*共用*/
		.for_pc { display:none !important;}
		.for_m  { display:block !important;}
	}