@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: #ffd800;}
.WRAPPER img { border:0px; vertical-align:top;}
.WRAPPER a { text-decoration:none;}
		@media screen and (max-width:767px){
		.WRAPPER { min-width: inherit; padding-bottom:20vw; }
		.WRAPPER img {  width:100%;  height:auto;}
	}
	
/*背景*/

		.bgtop {position:absolute;width: 100%;height: 610px; background: url(m_bgtop.jpg?t=1749806368942) no-repeat center top; background-size:100%;}
		.light {position:absolute;width: 100%;height:1300px;  background: url(m_light.png?t=1749806368942) no-repeat center top; background-size:100%; display:block;}



/*區塊_all*/
.Area { position: relative; margin:0 auto; padding:0; border-radius:0; text-align:center; z-index:2;}
.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;}
	}

/*共用*/
.space {margin: 3% auto 3%;}
.btn a {}
  @media screen and (min-width:768px){
		.space { margin-bottom:5vw;}
		.btn a {background:#c90000;border-radius:60px;display:inline-block;font: bold 36px/30px "微軟正黑體", "Century Gothic";color:#fff;padding: 1.5% 8%;}
		.btn i { width:0.5rem; height:0.5rem; display:inline-block; border:2px solid #fff; border-top:none; border-left:none; transform:rotate(-45deg); position:relative; bottom:0.1rem;}
		table { font:normal 36px/50px "微軟正黑體", "Century Gothic"; text-align:center;}
		td { background:#fff; padding:1% 0; box-sizing:border-box; color:#c90000; text-align:center;}	  
}

	@media screen and (max-width:767px){
		.space { margin-bottom:5vw;}
		.btn a { background:#c90000; border-radius:60px; display:inline-block; font:bold 5vw/7vw "微軟正黑體", "Century Gothic"; color:#fff; padding:1.5% 8%;}
		.btn i { width:0.5rem; height:0.5rem; display:inline-block; border:2px solid #fff; border-top:none; border-left:none; transform:rotate(-45deg); position:relative; bottom:0.1rem;}
		table { font:normal 4.5vw/7vw "微軟正黑體", "Century Gothic"; text-align:center;}
		td { background:#fff; padding:1% 0; box-sizing:border-box; color:#c90000; text-align:center;}

	}



/*版頭*/
.Area_top { position:relative; z-index:2;height: 450px;}
.Area_top .box img {width: 75%}
.Area_top .momologo { z-index:2; position: absolute;top: 15px; left:40px;}
.Area_top .momologo a { display:block; width:200px; height:30px; background: url(momo_logo.png?t=1749806368942) no-repeat;}
.Area_top .momologo a:hover{ background: url(momo_logo_on.png?t=1749806368942) no-repeat;}
.BN { border-radius: 1em ; overflow: hidden}
.BN img { width:100%; height:auto;}
.BN li { padding:0; list-style:none; margin:0;}
	@media screen and (max-width:767px){
		.Area_top { height: auto;}
		.Area_top .momologo { display:none;}
		.BN { width:94%; margin:0 auto 5vw;}

	}

	
/*影片*/
.box_youtube { position:relative; top:14px; right:0px; width:960px; height:500px; padding:0 20px 20px; background:#ff9c00; box-sizing:border-box; }
.box_youtube p { padding:0; margin:0; font: bold 30px/70px "微軟正黑體"; color:#fff;} 
.box_youtube .youtubeArea {position:absolute;width: 95%;height:0;top: 2%;padding-bottom: 50%;}
.box_youtube .youtubeArea * { margin:0; padding:0;}
.box_youtube .youtubeArea iframe { position:absolute; top:0px; left:0px; width:100%; height:100%;}
.box_youtube .youtubeArea .youtubeDiv { background-color: transparent!important;}
	@media screen and (max-width:767px){
		.box_youtube { height:55vw;position:inherit; top:0; right:0; width:96%; margin:0 2%; padding:0; background-color:transparent;}
		.box_youtube .youtubeArea { position:relative; 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%;}
		.box_youtube .youtubeArea .youtubeDiv { background-color: transparent!important;}
	}
	
/*適用品牌*/
.Areabrand { overflow:hidden;}
  @media screen and (min-width:768px){
		.Areabrand {}
		.Areabrand .box { width:96%; margin:0 2% 2%;}
		.Areabrand .box ul { padding:0; margin:0; list-style:none;}
		.Areabrand .box ul:after { content:""; display:block; clear:both; overflow:hidden;}
		.Areabrand .box li { float:left; background:#fff; width:32.7%; margin:0 0.3% 0.7%; font: normal 36px/52px "微軟正黑體", "Century Gothic"; padding:1%; box-sizing:border-box;}	  
}
	@media screen and (max-width:767px){
		.Areabrand {}
		.Areabrand .box { width:96%; margin:0 2% 2%;}
		.Areabrand .box ul { padding:0; margin:0; list-style:none;}
		.Areabrand .box ul:after { content:""; display:block; clear:both; overflow:hidden;}
		.Areabrand .box li { float:left; background:#fff; width:32.3%; margin:0 0.3% 0.7%; font: normal 4vw/7vw "微軟正黑體", "Century Gothic"; padding:1% 0; box-sizing:border-box;}
	}


	
/*參考報價*/
.Areaquote { overflow:hidden;}
		.Areaquote {}
		.Areaquote .box { width:96%; margin:0 2%;}

  @media screen and (min-width:768px){
		.Areaquote .box td { font: normal 30px/48px "微軟正黑體", "Century Gothic";}
		.Areaquote .box p { font: normal 24px/37px 微軟正黑體; padding:0; margin:0; text-align:center;}

}



	@media screen and (max-width:767px){
		.Areaquote .box td { font: normal 4vw/7vw "微軟正黑體", "Century Gothic";}
		.Areaquote .box p { font: normal 3.4vw/8vw 微軟正黑體; padding:0; margin:0; text-align:center;}
	}
	

/*展開選單*/
.moreButton {width:100%; margin:0 auto; }
.moreButton .title {font:30px/1.2em '微軟正黑體'; letter-spacing: -0.05em; text-align:left; margin-bottom:10px; display:inline-block}
dl.moreButton { margin-bottom: 2%;}
.moreButton dt {cursor:pointer; }
.moreButton dd {display: none; margin:0; padding:3%; font:1em/2em '微軟正黑體', 'Century Gothic'; text-align:justify; color:#333;background-color: #ffea2a; border-radius: 30px; margin-bottom:5%;}
.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: #ff8f9c 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: #ff8f9c transparent transparent transparent; }

.moreButton .menu_btn { position: relative;display: block; height:auto;width: 100%;font:bold 1.5em/2em 微軟正黑體; color:#000; text-align: left;}
.moreButton .up img{ width:100%; height:auto }
.moreButton .down img{ width:100%; height:auto}
.moreButtontag { display:none!important;}
	@media screen and (max-width:767px){
        .moreButton {width:96%; margin:0 auto; }
        .moreButton .menu_btn {  margin: 5% 0 0; font-size: 1em; line-height: 1.3; text-indent: -2.5rem;  padding-left: 2.5rem; box-sizing: border-box;}
				.moreButton .list_num { display: inline-block; margin-right:0.3rem; width:2.2rem; text-align:right;}
        .moreButton dd { margin: 2% auto; font:.8em/1.5em '微軟正黑體', 'Century Gothic'; border-radius: 10px;}
        .moreButton .up::after{ display: none; }
        .moreButton .down::after { display: none;}

	}
	
	
/*新機賣場*/
.Areanew {}
.Areanew .box { width:96%; margin:0 2%; overflow:hidden}
.Areanew .box ul { padding:0; margin:0; list-style:none;}
.Areanew .box ul:after { content:""; display:block; clear:both;}
.Areanew .box li { float:left;width:23%; margin:0 1% 1%;}
.Areanew .box li a { background:#fff; width:200px; height:200px; border-radius:50%; overflow:hidden;}
.Areanew .box li a img{width: 100%}
	@media screen and (max-width:767px){
		.Areanew .box ul { margin-bottom:2%;}
		.Areanew .box li { width:23%; margin:0 1% 1%;}
		.Areanew .box li a { width:100%; height:auto;}

	}
	
/*注意事項*/
.Areatxt {}
  @media screen and (min-width:768px){
		.Areatxt { font: normal 20px/31px "微軟正黑體", "Century Gothic"; text-align:justify;margin-bottom: 15%; }
		.Areatxt .txt_box { width:100%; margin:0 0;}
		.Areatxt .txt_box ol { padding:0 0 0 5%; margin:0;}
		.Areatxt .txt_box li { margin-bottom:2%; letter-spacing:0px}

}

	@media screen and (max-width:767px){
		.Areatxt { font: normal 3.5vw/5.5vw "微軟正黑體", "Century Gothic"; text-align:justify; }
		.Areatxt .txt_box { width:93%; margin:0 2%;}
		.Areatxt .txt_box ol { padding:0 0 0 5%; margin:0;}
		.Areatxt .txt_box li { margin-bottom:5%; letter-spacing:-1px}

	}
	


/*bn公版*/
.Area_AD { }
    @media screen and (max-width:767px){
      .Area_AD { width: 96% }
    }

/*共用--輪播基本設定*/
.Area_swiper {
  position: relative;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}

.Area_swiper_box {
  z-index: 1;
  padding-bottom: 25px;
}

.Area_swiper_box .PD_layout ul {
  grid-gap: 0;
}

.Area_swiper_box.Area_swiper_box_relative {
  position: relative;
}

.Area_swiper_box.Area_swiper_box_absolute {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.Area_swiper_box .swiper-wrapper {
  margin: 0;
  padding: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.Area_swiper_box .swiper-wrapper:after {
  content: "";
  display: block;
  clear: both;
}

.Area_swiper_box .swiper-slide {
  margin: 0;
  padding: 0;
}

.Area_swiper_box .pagination {
  bottom: 0px !important;
  -webkit-transform: scale(0.7);
          transform: scale(0.7);
}

.Area_swiper_box .pagination.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  -webkit-transform: translateX(-50%) scale(0.7);
          transform: translateX(-50%) scale(0.7);
}

@media screen and (max-width: 767px) {
  .Area_swiper_box {
    padding-bottom: 5vw;
  }
}

/*按忸*/
.button.swiper-button-next,
.button.swiper-button-prev {
  outline: none;
}

@media screen and (max-width: 767px) {
  .button.swiper-button-next,
  .button.swiper-button-prev {
    display: none !important;
  }
}





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