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

/*基本*/
body{ margin: 0; padding: 0; background-color: #fbf5ed ;}


/*全BOX版面*/
.WRAPPER { position: relative; display: block; 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;}
@media screen and (max-width:767px){
  .WRAPPER { min-width: inherit; }
  .WRAPPER img {  width: 100%;  height: auto;}
}
	

/*區塊_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){
  .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_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;}
}



/*間距*/
.Area_bottom { margin-bottom: 30px;}
.Area_bottom_01 { margin-bottom: 90px;}

@media screen and (max-width:767px){
  .Area_bottom { margin-bottom: 4vw;}
  .Area_bottom_01 { margin-bottom: 5vw;}

}



/*背景*/
.bgtop { z-index: -10; position: absolute; top: 0; left: 0; width: 100%; min-width: 1220px; height: 100%; background: url(bgtop.jpg?t=1751270321603) no-repeat center top;}
/*.bgtop_gress { z-index: -7; position: absolute; top: 0; left: 0; width: 100%; min-width: 1220px; height: 100%; background: url(bgtop_gress.png?t=1751270321603) no-repeat center top;}*/
.bglight { z-index: -7; position: absolute; top: 0; left: 138px; width: 100%; min-width: 1220px; height: 100%; background: url(light.png?t=1751270321603) no-repeat center top;}
.bgrepeat { z-index: -2; position: absolute; top: 653px; left: 0; width: 100%; min-width: 1220px; height: 100%; background: url(bgrepeat.jpg?t=1751270321603)top center repeat-y; pointer-events: none;}
.bgdeco { z-index: 0; position: absolute; top: 600px; left: 0; width: 100%; min-width: 1220px; height: 100%; background: url(bgdeco.png?t=1751270321603) repeat-y center top; pointer-events: none;}
@media screen and (max-width:767px){
  .bgtop { min-width: inherit;  background: url(bgtop_m.jpg?t=1751270321603) no-repeat center 44px; background-size: 100%;z-index: 0;top:-9vw;}
  .bglight 	{ min-width: inherit;  background: url(light.png?t=1751270321603) no-repeat center 44px; background-size:76%;z-index: 0;top:-13vw;}
  .bgrepeat { min-width: inherit; top: 0; background: url(bgrepeat.jpg?t=1751270321603) repeat-y center 44px; background-size: 100%;}
	
	


}



/*版頭*/

.Area_top { position: relative;height:630px;}
.Area_top .momologo { z-index:2; position: absolute;top: 0; left:0;}
.Area_top .momologo a { display:block; width:470px; height:62px; background: url(momo_logo.png?t=1751270321603) no-repeat;}
.Area_top .momologo a:hover{ background: url(momo_logo_on.png?t=1751270321603) no-repeat;}
.Area_top .btn {position: absolute; top: 312px; left: 858px;}
.Area_top .r1 {position: absolute;left:1158px;top:20px;}
.Area_top .r2 {position: absolute;left:1237px;top:20px;}
.Area_top .r3 {position: absolute;left:1304px;top:20px;}
.Area_top .r4 {position: absolute;left:1370px;top:20px;}
.Area_top .toptitle { position: absolute; top:270px;left: 20px; left: 100px; }

.Area_top .model { position: absolute; top: 285px; left: 640px; pointer-events: none;}




@media screen and (max-width:767px){
  .Area_top { height:106vw;}
  .Area_top .momologo { display:none;}
  .Area_top .toptitle {position: relative;width: 80%;left: 11vw;top: 27vw;}	

  .Area_top .btn { position: relative; width:30%; top: 36vw; left: 7vw; }	
  .Area_top .model2 { position: absolute; top: 35vw; left: 35vw; pointer-events: none;}

  

}

/*公版手機區標*/
/*.phonetitle {position: relative;width:125%;left:-12vw;}*/

/*1.意不意外的判定?*/
.Area01 {width: 1220px; height: auto; position: relative; z-index: 20; margin-bottom: 4px; }
.Area01 .box01 { position: relative; top:54px; padding-bottom: 86px;}
.Area01 .box01 img { width:70%;margin: 0;}

/*
.Area01 .box_swiper {position: absolute;overflow: hidden;width: 35%; margin: 0 auto; top: 240px; left: 530px;}
.Area01 .box_swiper ul.PD_wrapper { display: flex; flex-wrap: nowrap; margin: 0; padding: 0; width: 100%; box-sizing: content-box; height:107px; grid-gap: inherit;}
.Area01 .box_swiper ul.PD_wrapper li { flex-shrink: 0; margin: 0; padding: 0; border: none;}
.Area01 .box_swiper .PD_slide { min-width: inherit;}
.Area01 .box_swiper .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 0!important;}
.Area01  .myarrow_r { z-index: 99; position: absolute; top:25%;right:245px; width:26px; height: 70px; cursor: pointer;}
.Area01  .myarrow_l { z-index: 99; position: absolute; top:25%;left:458px; width:26px; height: 70px; cursor: pointer;}
*/

@media screen and (max-width: 767px) {
   .Area01 {width: 100%; height:100%;margin-bottom:0;margin-top: 6vw;}
   .Area01 .box01 { position: relative; top:9vw; padding-bottom: 13vw;}
   .Area01 .box01 img { width:90%;margin: 0;}	
   .Area01 .phonetitle img { width: 61%;  }	
   .Area01 .logo{ position: relative; height:35vw;}	
/*
   .Area01 .box_swiper {  position: absolute; height: auto;width:88%;  padding: 0 2%; box-sizing: border-box;top: 0; left: 7vw; }
   .Area01 .box_swiper ul.PD_wrapper { padding: 0 0 4%; height:25vw;}
   .Area01 .myarrow_r { z-index: 99; position: absolute; top:13%;right:14px; width:36px; height: 70px; cursor: pointer;}
   .Area01 .myarrow_l { z-index: 99; position: absolute; top:13%;left:14px; width:36px; height: 70px; cursor: pointer;}	
   .Area01 .PD_layout.logo{width: 96%;overflow:hidden;}	
   .Area01 .PD_layout.logo ul {display: flex;height: 22vw;}	
*/
}



/*2.旅保障一看就懂?*/
.Area02 { position: relative; height: 647px;; }
.Area02 .bnBox{margin-top:34px;}

@media screen and (max-width:767px){
  .Area02 { height: auto;}
  .Area02 .phonetitle img { width: 65%;  }	
  .Area02 .bnBox{margin-top:5vw;}	
}




/*3.線上投保意外險?*/
.Area03 {position: relative;height:auto;margin-bottom: 103px; }
.Area03 .subtitle_Area03 {position: relative;top:30px;left:0;}
.Area03 .Area_BN_03 { position: relative;}
.Area03 .Area_BN_03 .box { margin-bottom: 0;}
.Area03 .AD03 {position: relative;top:38px;left:0;}

.Area03 .moreButton_03 {width: 99.7%; margin: 0 auto;padding-left: 3.5px;}
.Area03 .moreButton_03 .title { font: 25px/1.7em "微軟正黑體"; letter-spacing: -0.05em; text-align: left; margin-bottom: 10px; display: inline-block;}
.Area03 .moreButton_03 dl {}
.Area03 .moreButton_03 dt { cursor:pointer; width: 70.2%; margin:0 auto}
.Area03 .moreButton_03 dd {display: none; padding: 0 40px 0 0;}
.Area03 .moreButton_03 img { position: relative;left:-0.5px;}
.Area03 .moreButton_03 .menu_btn { position: relative; display: block; height: 80px; width: 100%; font: bold 21px/80px "微軟正黑體"; color: #FFF; text-align: center;}
.Area03 .moreButton_03 .up img { width: 100%; }
.Area03 .moreButton_03 .down img { width: 100%; }
.Area03 .moreButtontag_03 { display:none!important;}

/*理賠大小事*/
.Area03 .BG3 {width: 40%;padding-left: 150px;top:0;}
.Area03 .BG3 .txt_BG3 { position: relative;top:-690px;left:69px; font: 20px/1.2em "微軟正黑體, Century Gothic";color: #fff192; letter-spacing: -0.05em;display: inline-block;text-align: left;}
.Area03 .BG3 .txt_BG3-2 { position:relative;top:-635px;left:72px; font: 19px/1.2em "微軟正黑體, Century Gothic";color: #fff; letter-spacing: -0.05em;display: inline-block;text-align: left;}
.Area03 .BG3 .txt_BG3-3 { position: relative;top:-495px;left:69px; font: 20px/1.2em "微軟正黑體, Century Gothic";color: #fff192; letter-spacing: -0.05em;display: inline-block;text-align: left;}
.Area03 .BG3 .txt_BG3-4 { position:relative;top:-440px;left:72px; font: 19px/1.2em "微軟正黑體, Century Gothic";color: #fff; letter-spacing: -0.05em;display: inline-block;text-align: left;}
@media screen and (max-width:767px){
.Area03 {position: relative;;height:auto;margin-bottom: -80vw;}
.Area03 .Area_BN_03 .box { margin-bottom: 0;}
.Area03 .phonetitle img { width: 82%; margin-left: 2vw; }	
.Area03 .AD03 {position: relative;top:6vw;left:2vw;width:95%;}	
.Area03 .moreButton_03 { width: 100%; margin: 0 auto;}
.Area03 .moreButton_03 .title { font: 4vw/6vw '微軟正黑體'; letter-spacing: -0.05em; text-align: left; margin-bottom: 10px; display: inline-block;}
.Area03 .moreButton_03 dl {}
.Area03 .moreButton_03 dt {position: relative;cursor:pointer;width: 96.3%;left: -1vw; }
.Area03 .moreButton_03 dd {display: none; margin: 0;font: 3.6vw/1.8em "微軟正黑體, Century Gothic"; text-align: left; color: #000; text-shadow: none; padding:0;}
.Area03 .moreButton_03 .menu_btn { position: relative; display: block;height: auto; width: 100%; font: bold 4.3vw/8vw 微軟正黑體; color: #fff; text-shadow: none; text-align: center;}
.Area03 .moreButton_03 img { position: relative;left: -0.5vw; }  
.Area03 .moreButton_03 .up img { width: 100%;}
.Area03 .moreButton_03 .down img { width: 100%;}
.Area03 .moreButtontag_03 { display: none!important;}
.Area03 .subtitle_Area03 {position: relative;top:0;left:33vw;width:33%;}

/*理賠大小事*/  
.Area03 .BG3 {position: relative;width: 100%;padding-left: 0;top:0;}
.Area03 .BG3 .txt_BG3 { position: relative;top:-170vw;left:0; font: 3.5vw/1.2em "微軟正黑體, Century Gothic";color: #fff192;  display: inline-block;text-align: left;width:90%;}
.Area03 .BG3 .txt_BG3-2 { position:relative;top:-155vw;left:0;font: 4vw/1.2em "微軟正黑體, Century Gothic";color: #fff; display: inline-block;text-align: left;width:90%;}
.Area03 .BG3 .txt_BG3-3 { position: relative;top:-100vw;left:0; font: 3.5vw/1.2em "微軟正黑體, Century Gothic";color: #fff192;  display: inline-block;text-align: left;width:90%;}
.Area03 .BG3 .txt_BG3-4 { position:relative;top:-87vw;left:0;font: 4vw/1.2em "微軟正黑體, Century Gothic";color: #fff; display: inline-block;text-align: left;width:90%;}
}





/*4.商品特色*/
.Area04 { position: relative; height:auto;}
.Area04 .AD04 {position: relative;bottom: 16px;left:0;}
.Area04 .Point1 {position: relative;left: 23px}
.Area04 .Point2 {position: relative;left: 23px}
.Area04 .Point3 {position: relative;left: 23px}
.Area04.BN img{ position: absolute; top: 65px; left: 9px; z-index: 2;}


@media screen and (max-width:767px){
.Area04 {position:relative; height: auto;width:100%;margin-top: 100vw;}
.Area04 .AD04 {position: relative;top:0vw;left: 3vw; width: 93%;}	
.Area04 .phonetitle img { width: 42%;  }	
.Area04 .Point1 {position: relative;left: 0}
.Area04 .Point2 {position: relative;left: 0}
.Area04 .Point3 {position: relative;left: 0}


}


/*公用樣式_04-1*/
.Area_BN { position: relative;}
.Area_BN .box4-1 { margin-bottom: 50px;}
@media screen and (max-width:767px){
  .Area_BN .box4-1 { margin-bottom: 5vw;}
}
/*展開選單*/
.moreButton { width: 90%; position: relative;left: 23px;margin: 0 auto;}
.moreButton .title { font: 25px/1.7em "微軟正黑體"; letter-spacing: -0.05em; text-align: left; margin-bottom: 10px; display: inline-block;}
.moreButton dl {}
.moreButton dt { cursor:pointer;}
.moreButton dd { display: none; margin: 0; padding: 0 3% 3%; font: 18px/1.8em "微軟正黑體, Century Gothic"; text-align: left; color: #000; background-color: #fff; text-shadow: #ffffff 1px 1px;}
.moreButton .menu_btn { position: relative; display: block; height: 80px; width: 100%; font: bold 21px/80px "微軟正黑體"; color: #FFF; text-align: center;}
.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%;position: relative;left:0;margin: 0 auto; }
  .moreButton .title { font: 4vw/6vw "微軟正黑體"; letter-spacing: -0.05em; text-align: left; margin-bottom: 10px; display: inline-block;}
  .moreButton dl {}
  .moreButton dt {cursor:pointer; }
  .moreButton dd {display: none; margin: 0; padding: 0 3% 6%; font: 3.6vw/1.8em "微軟正黑體, Century Gothic"; text-align: left; color: #000; background-color: #fff; text-shadow: none;}
  .moreButton .menu_btn { position: relative; display: block; padding: 2vw 0; height: auto; width: 100%; font: bold 4.3vw/8vw "微軟正黑體"; color: #fff; text-shadow: none; text-align: center;}
  .moreButton .up img { width: 100%; height: auto;}
  .moreButton .down img { width: 100%; height: auto;}
  .moreButtontag { display: none!important;}
}


/*5.登山險/海域險 VS 旅平險一看就懂*/
.Area05 { position: relative; height: 2000px;}
.Area05 .BN01{ position: relative; height: auto;width:92%;left:50px;top: -50px;}
.Area05 .BN02{ position: relative; height: auto;width:92%;left:52px;top:689px;}
.Area05 .box .PD01{ position: absolute; top: 344px; left: 53px;}
.Area05 .box .PD02{ position: absolute; top: 344px; left: 428px;}
.Area05 .box .PD03{ position: absolute; top: 344px; left: 803px;}
.Area05 .box .PD04{ position: absolute; top: 1268px; left: 53px;}
.Area05 .box .PD05{ position: absolute; top: 1268px; left: 428px;}
.Area05 .box .PD06{ position: absolute; top: 1268px; left: 803px;}
@media screen and (max-width:767px){
  .Area05 { height: auto;}
  .Area05 .phonetitle img { width: 42%;  }
  .Area05 .subtitle {width:35%;padding-left: 33vw;}
  .Area05 .BN01{ position: relative; height: auto;width:91%;left:5vw;bottom:5vw;top: -5vw;}
  .Area05 .BN02{ position: relative; height: auto;width:91%;left:0vw;margin: 5vw;top:0vw;}
}

/*公用樣式_05-1*/
.Area_BN { position: relative;}
.Area_BN .box5-1 { margin-bottom: 50px;}
@media screen and (max-width:767px){
  .Area_BN .box5-1 { margin-bottom: 5vw;}
}
/*展開選單*/
.moreButton { width: 95%; position: relative;left: 23px;margin: 0 auto; top:64px}
.moreButton .title { font: 25px/1.7em "微軟正黑體"; letter-spacing: -0.05em; text-align: left; margin-bottom: 10px; display: inline-block;}
.moreButton dl {}
.moreButton dt { cursor:pointer;}
.moreButton dd { display: none; margin: 0; padding: 0 3% 3%; font: 24px/1.8em "微軟正黑體, Century Gothic"; text-align: left; color: #000; background-color: #fff; text-shadow: #ffffff 1px 1px;}
.moreButton .menu_btn { position: relative; display: block; height: 80px; width: 100%; font: bold 28px/80px "微軟正黑體"; color: #FFF; text-align: left;padding: 0 3% 0; }
.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%;position: relative;left:0;margin: 0 auto; }
  .moreButton .title { font: 4vw/6vw "微軟正黑體"; letter-spacing: -0.05em; text-align: left; margin-bottom: 10px; display: inline-block;}
  .moreButton dl {}
  .moreButton dt {cursor:pointer; }
  .moreButton dd {display: none; margin: 0; padding: 0 3% 6%; font: 4.5vw/1.8em "微軟正黑體, Century Gothic"; text-align: left; color: #000; background-color: #fff; text-shadow: none;}
  .moreButton .menu_btn { position: relative; display: block;padding: 0 2% 0; height: auto; width: 96%; font: bold 4.1vw/8vw "微軟正黑體"; color: #fff; text-shadow: none; text-align: left;}
  .moreButton .up img { width: 100%; height: auto;}
  .moreButton .down img { width: 100%; height: auto;}
  .moreButtontag { display: none!important;}
}


/*輪播BN*/
.Area05 {}
.Area05 .PD_layout { position: relative; overflow: hidden; height: auto;}

.Area05 .BN { position: absolute; top: 65px; left: 9px; z-index: 2;}


.Area05 .PD_layout ul.PD_wrapper { display: flex; flex-wrap: nowrap; margin: 0; padding: 0; width: 100%; box-sizing: content-box; grid-gap: 0;}
.Area05 .PD_layout ul.PD_wrapper li { flex-shrink: 0; margin: 0; padding: 0;}
.Area05 .PD_layout .PD_slide { min-width: inherit;}
@media screen and (max-width:767px){
  .Area05 {}
  .Area05 .subtitle {width:35%;padding-left: 33vw;}
  .Area05 .BN { position: inherit;top: 0; left: 0;}
  .Area05 .PD_layout { width: 91%; margin: -3vw auto; height:84vw;}


}


/*6.理賠案例說明*/
.Area05-2 {width: 1220px; height: auto; position: relative; margin-bottom: 4px; }
.Area05-2 .box01 { position: relative; top:54px; padding-bottom: 86px;}
.Area05-2 .box01 img { width:70%;margin: 0;}
.Area05-2 .box02 { position: relative; top:54px; padding-bottom: 86px;}
.Area05-2 .box02 img { width:70%;margin: 0;}

@media screen and (max-width: 767px) {
   .Area05-2 {width: 100%; height:100%;margin-bottom:0;margin-top: 7vw; padding-top:0vw;}
   .Area05-2 .box01 { position: relative; top:9vw; padding-bottom: 13vw;}
   .Area05-2 .box01 img { width:90%;margin: 0;}	
   .Area05-2 .box02 { position: relative; top:2vw; padding-bottom: 13vw;}
   .Area05-2 .box02 img { width:90%;margin: 0;}	
   .Area05-2 .phonetitle img { width: 61%;  }	
   .Area05-2 .logo{ position: relative; height:35vw;}	

}





/*活動辦法*/
.Area06{width:1220px;height:180px;position:relative; margin:0 auto; box-sizing:border-box;padding:0 0 0 0;}
.Area06 ul {  display: flex; flex-wrap: wrap;  width:1220px; align-items: flex-end; flex-direction:row; position:absolute;top:60px; left: 0px; margin:0;  padding: 0;text-decoration: none;   list-style: none;   justify-content:center;}
.Area06 ul li { position: relative; padding: 0 ; text-decoration: none;  }
@media screen and (max-width:767px){
.Area06{width:100%;height:24vw; padding:0;  padding-bottom:0vw; margin-bottom:0vw;background-size:100%;box-sizing:border-box;}
.Area06 ul {  display: flex; flex-wrap:nowrap; width:100%; align-items: flex-end; flex-direction:row; position:absolute; top:6vw;
  left:0vw; margin:0;  padding: 0;text-decoration: none;   list-style: none;   justify-content:center;}
.Area06 ul li { position: relative;  padding: 0 ; text-decoration: none;  }		
}

/*活動辦法置底*/
.fixbn a {padding-bottom:constant(safe-area-inset-bottom); /* 兼容 iOS < 11.2 */
				    padding-bottom:env(safe-area-inset-bottom);}   /* 兼容 iOS >= 11.2 */ 
.fixbn{position:fixed; background-size:100%;bottom:0; display:block; z-index:10;z-index: 300}
.fixbn ul li{float:left;padding:0;list-style-type:none;width:50vw;}
.fixbn ul li img{width:100%;margin:0 auto;}

.fixbn ul{
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
}
/*1顆按鈕*/
.fixbn .class_00 {position:absolute;width:100%; height: 100%; }
.fixbn .class_00 a {display:block;width:100%;height:100%;}
.fixbn .class_01 { top:0%;left:0%;}


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