@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; }
.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=1750929295300) 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=1750929295300) no-repeat center top;}
.bgtop_sun { z-index: -8; position: absolute; top: -25px; left: 0; width: 100%; min-width: 1220px; height: 100%; background: url(bgtop_sun.png?t=1750929295300) no-repeat center top;}
.bgrepeat { z-index: -2; position: absolute; top: 700px; left: 0; width: 100%; min-width: 1220px; height: 100%; background: url(bgrepeat.jpg?t=1750929295300)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=1750929295300) repeat-y center top; pointer-events: none;}
@media screen and (max-width:767px){
  .bgtop { min-width: inherit;  background: url(bgtop_m.jpg?t=1750929295300) no-repeat center 44px; background-size: 100%;z-index: 0;top:-12vw;}
  .bgrepeat { min-width: inherit; top: 0; background: url(bgrepeat.jpg?t=1750929295300) repeat-y center 44px; background-size: 100%;}


}



/*版頭*/

.Area_top { position: relative;height:610px;}
.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=1750929295300) no-repeat;}
.Area_top .momologo a:hover{ background: url(momo_logo_on.png?t=1750929295300) no-repeat;}
.Area_top .btn {position: absolute; top: 312px; left: 858px;}
.Area_top .r0 {position: absolute;left:1096px;top:20px;}
.Area_top .r1 {position: absolute;left:1162px;top:20px;}
.Area_top .r2 {position: absolute;left:1237px;top:20px;}
.Area_top .r3 {position: absolute;left:1307px;top:20px;}
.Area_top .toptitle { position: absolute; top:106px;left: 20px; left: 100px; }
.Area_top .model { position: absolute; top: 200px; left: 595px; pointer-events: none;}
.Area_top .Qchain{ position: absolute;  left: 860px; top: 420px;}



@media screen and (max-width:767px){
  .Area_top { height:125vw;}
  .Area_top .momologo { display:none;}
  .Area_top .toptitle { position: relative; width:100%; top: 20vw; left: 0; }	
  .Area_top .btn { position: relative; width:30%; top: 44vw; left: 3vw; }	
  .Area_top .model { position: absolute; top: 72vw; left: 43vw; pointer-events: none;}
  .Area_top .Qchain{    width: 20%;  left: 0vw; top: 20vw;}
  

}

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


/*0登記活動*/
.Area00 { margin-bottom: 35px;}
.Area00 .regBox{}
.Area00 .regBox .BG01 {position: relative;top:-237px;left:300px;}
.Area00 .regBox .BG00 { position: relative;left:-205px;}
    @media screen and (min-width:768px){
      
      .Area00 .box_title { margin-bottom: 51px;}
    }
    @media screen and (max-width:767px){
      .Area00 { top:20vw;}
      .Area00 .regBox { margin: 0 auto;}
	  .Area00 .regBox .BG01 { width: 45%;top:-34.5vw;left:52vw;}
      .Area00 .regBox .BG00 { width: 50%;left:2vw;}
    }

/*0登記文字共用*/
  .Area_danji p { text-align: center;}
  .agreeArea .box h3 { background-color: #b6dce6;}
  .spcolor { color: #b6dce6;}
  /*登記01(1品)*/
  .Area_danji_01 .btn_reg .content p { background-color: #f5f5f5;}
  .Area_danji .warningTxt h3 { margin: 0; position: absolute; top: 148px; left: 137px; color:#3b3b3b; /*font-weight: 600;*/}
      @media screen and (min-width:768px){
        .Area_danji.Area_danji_01 { margin-top: -235px;}
        .Area_danji[data-danji-num="1"] ul li .content { top: 176px; right: 17%;}
        .Area_danji[data-danji-num="1"].Area_danji_01 .danji_box * { column-gap: 9px;}
      }
      @media screen and (max-width: 767px){
        .Area_danji.Area_danji_01 { margin-top: -34vw;}
        .Area_danji.Area_danji_01 .danji_box { width: 103%;right: 2vw;}
        .Area_danji[data-danji-num="1"] ul li .content { top: 68%; right: 5.5%;}
        .Area_danji .warningTxt {}
        .Area_danji .warningTxt h3 { top: 95%; left: 1.5vw; padding: .3em .7em; font-size: 3.2vw; background-color: rgba(255,255,255,.7); border-radius: 10em; transform: scale(0.85); transform-origin: center top;}
      }


/*1.旅行綜合保險保障什麼*/
.Area01 { position: relative; z-index: 20; margin-bottom: 4px; }
.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 {margin-bottom:0;margin-top: 25vw;}
   .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:30vw;}
   .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: auto;}
.Area02 .Area02_deco {position: absolute;top:510px;z-index: -1;}
@media screen and (max-width:767px){
  .Area02 { height: auto;}
}



/*3.出國旅平險 / 不便險一次看*/
.Area03 {position: relative;height:auto;margin-bottom: -390px; }
.Area03 .subtitle_Area03 {position: relative;top:30px;left:0;}
.Area03 .Area_BN_03 { position: relative;}
.Area03 .Area_BN_03 .box { margin-bottom: 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 .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: 4.0vw/5.2vw "微軟正黑體, Century Gothic";color: #fff192;  display: inline-block;text-align: left;width:90%;}
.Area03 .BG3 .txt_BG3-2 { position:relative;top:-160vw;left:0;font: 4.2vw/5.2vw "微軟正黑體, Century Gothic";color: #fff; display: inline-block;text-align: left;width:90%;}
.Area03 .BG3 .txt_BG3-3 { position: relative;top:-110vw;left:0; font: 4.0vw/5.2vw "微軟正黑體, Century Gothic";color: #fff192;  display: inline-block;text-align: left;width:90%;}
.Area03 .BG3 .txt_BG3-4 { position:relative;top:-100vw;left:0;font: 4.0vw/5.2vw "微軟正黑體, Century Gothic";color: #fff; display: inline-block;text-align: left;width:90%;}
}



/*4.富邦產險 / 泰安產險 / 新安東京海上*/
.Area04 { position: relative; height:auto;}
.Area04 .Point1 {position: relative;left: 23px}
.Area04 ul { width: 100%; list-style: none; overflow: hidden; margin: 0px;}
.Area04 ul li { width: 23%; float: left; box-sizing: border-box; padding: 10px; margin: 0;}
.Area04 .Point2 {position: relative;left: 23px}
.Area04 .Point3 {position: relative;left: 23px}


@media screen and (max-width:767px){

.Area04 {position:relative; height: auto;width:100%;}

.Area04 .Point1 {position: relative;left: 0vw}
.Area04 { margin: 4vw auto 6vw;}	
.Area04 ul { width: 100%; box-sizing: border-box; padding: 2vw 1vw 0;}
.Area04 ul li { width: 50%; float: left; padding: 1vw;}	
.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: 4.5vw/7vw "微軟正黑體, 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;}
}



/*輪播BN*/
.Area05 {}
.Area05 .PD_layout { position: relative; overflow: hidden; height: auto;}
.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 .PD_layout { width: 96%; margin: 0 auto; height:85vw;}
}

/*公用樣式_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;}
.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: 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/7vw "微軟正黑體, Century Gothic"; text-align: left; color: #000; background-color: #fff; text-shadow: none;}
  .moreButton .menu_btn { position: relative; display: block;padding: 0 1% 0; height: auto; width: 100%; 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;}
}


/*活動辦法*/
.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;  }		
}



/*注意事項*/
.Area10  {}
.Area10  li {font-size: 21px; margin: 25px 0 15px;}
.Area10 { color: #3d3838; font-family: "Century Gothic","Microsoft JhengHei";font-weight: 500 ;font-size: 23px;}
.Area10 .box { width: 100%; margin: 0 auto;  }
.Area10 .box_list { text-align: justify;}
.Area10 h2 { font-size: 1.7em; margin-bottom: 0.25em;}
.Area10 .box_list ol { margin: 0; padding: 0; padding-left: 1em;}
.Area10 .box_list ul { margin: 0; padding: 0; list-style: none;}
.Area10 .box_list li { margin: 0; padding: 0; margin-bottom: 0.75em;}
.Area10 .box_list li img { margin: 0.2em 0; width: 70%; max-width: 480px; box-shadow: 0em 0.3em 1.5em rgba(0,0,0,0.1);}
.Area10 .box p { text-align: center; font-family: "Century Gothic","微軟正黑體","Microsoft JhengHei",Helvetica; font-size: 16px; color: #000;margin-top: 50px;}
.Area10 .box .box_list { font-size: 1.5em; padding: 0;}

    @media screen and (max-width:767px){
	  .Area10  {}
	  .Area10 h2 { font-size: 1.3em; margin-bottom: 0;}
	  .Area10 .box { width: 87%;margin-top: 3%;}
      .Area10 .box .box_list { font-size: 0.875em; padding: 0;}
      .Area10 .box p { font-size: 3.1vw; margin-top:7.5vw; padding:0; }
	  .Area10  li {font-size: 4.5vw;}

    }









/*活動辦法置底*/
.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;}
.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;}
	}