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

/*基本*/
body { margin: 0; padding: 0; background-color: #ffa0c8}
/*全BOX版面*/
.WRAPPER { z-index: 0; position: relative; display: block; margin: 0 auto; padding: 0; overflow: hidden; width: 100%; min-width: 1220px; text-align:left; font-family: "Noto Sans CJK TC";}
.WRAPPER img { border: 0; vertical-align: top;}
.WRAPPER a { text-decoration: none; -webkit-tap-highlight-color: transparent;}
/*預設清單樣式*/
.Area .list_00 ul { display: inline-block; margin: 0; padding: 0;}
.Area .list_00 li { list-style: none; float: left; overflow: hidden;}
@media screen and (max-width:767px){
	.WRAPPER { padding-bottom: 30px; min-width: inherit; min-height: 100vh; overflow: hidden;}
	.WRAPPER img { width: 100%; height: auto;}
}
/*區塊_all*/
.Area1220 { margin: 0 auto; width: 1220px;}
.Area960 { margin :0 auto; width: 960px;}
.Area { position: relative; margin: 0 auto; padding: 0; border-radius: 0; text-align: center;}
.Area a { position: relative; display: block;} 
.Areabottom { margin-bottom: 80px;}
.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);}
.WRAPPER .go_bt1 {
  -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_bt1:hover { 
  -webkit-transform: translateY(-10px);
     -moz-transform: translateY(-10px);
      -ms-transform: translateY(-10px);
       -o-transform: translateY(-10px);
          transform: translateY(-10px);}
@media screen and (max-width:767px){
  .Area1220 { width: 100%;}
  .Area960 { width: 100%;}
  .Areabottom { margin-bottom: 8vw;}
  .Area .go_bt:hover {  
    -webkit-transform: none;
       -moz-transform: none;
        -ms-transform: none;
         -o-transform: none;
            transform: none;}
}


/*背景*/
@media screen and (min-width:768px){
  .bg_1 { z-index:-5; position: absolute; top: 0; left: 0; width: 100%; height: 278px; background-repeat: no-repeat; background-position: center top; pointer-events: none;}
  .bg_2 { z-index:-4; position: absolute; top: 0; left: 0; width: 100%; height: 632px; background-repeat: no-repeat; background-position: center top; pointer-events: none; animation: zoom 0.8s ease-out forwards;}
}
@media screen and (max-width: 767px){
  .m_bg   { position: absolute; top: 10vw; left: 0; pointer-events: none;}
  .m_bg_2 { position: absolute; top: 10vw; left: 0; pointer-events: none; animation: zoom 0.8s ease-out forwards;}
}
@keyframes zoom {
  from { transform: scale3d(1.1, 1.1, 1.1);}
  100% { transform: scale3d(1, 1, 1);}
}

/*版頭*/
@media screen and (min-width:768px){
  .Areatop { height: 570px;}
  .title_1 img, .top_deco img { width: 90%;}
  .title_1 { position: absolute; top: 0; left: 0; animation: downIn 0.8s ease-out forwards;}
  .top_deco { position: absolute; top: 190px; right: 35px;}
  .top_arrow { position: absolute; top: 335px; animation: heart 0.7s infinite linear; transform-origin: center center;}
  .top_arrow_1 { left: 180px;}
  .top_arrow_2 { left: 390px;}
  .top_arrow_3 { left: 597px;}
}
@media screen and (max-width: 767px){
  .Areatop { height: 65vw;}
  .title_1 { position: absolute; width: 100%; top: 0; left: 0; animation: downIn 0.8s ease-out forwards;}
  .top_deco { position: absolute; width: 17%; top: 22vw; right: -1vw;}
  .top_arrow { position: absolute; width: 5%; top: 38.5vw; animation: heart 0.7s infinite linear; transform-origin: center center;}
  .top_arrow_1 { left: 15.5vw;}
  .top_arrow_2 { left: 39.5vw;}
  .top_arrow_3 { left: 63.5vw;}
}
@keyframes downIn {
  from { transform: translateY(10px);}
  100% { transform: translateY(0);}
}
@keyframes heart {
  from { transform: scale3d(1.1, 1.1, 1.1);}
  100% { transform: scale3d(1, 1, 1);}
}
	
/*1按鈕+2*/
.Area_active .PD_layout ul { padding: 0; grid-gap: 0;}
.Area_active .PD_layout ul li:nth-child(2) a, .Area_active .PD_layout ul li:nth-child(3) a { pointer-events: none !important;}
@media screen and (min-width:768px){
  .Area_active .PD_layout { width: 85%;}
  .Area_active_bg { margin-left: -520px; z-index: -1; position: absolute; top: 0; left: 0; width: 2000px; height: 100%; background-repeat: repeat-y; background-position: center top; pointer-events: none;}
}

/*版頭品*/
@media screen and (min-width:768px){
  .Area_toppd { padding: 30px 0 40px;}
}
@media screen and (max-width:767px){
	.Area_toppd { width: 97%; padding: 3.5vw 0;}
}

/**(PC)區標**/
@media screen and (min-width:768px){
  .text .PD_layout ul { padding: 0 3% !important; grid-gap: 0;}
  .notice img { width: 88%;}
}

/*我要購買*/
.Area_purchase .PD_layout ul { padding: 0; grid-gap: 0;}
@media screen and (min-width:768px){
  .Area_purchase .PD_layout .PD img { width: 80%;}
}

/*方案比較*/
.Area_plan .text .PD_layout ul { margin: 0; padding: 0; grid-gap: 0;}
.Area_plan .text .PD_layout .PD_slide:hover { transform: none;}
.Area_plan .text .PD_layout .PD a { pointer-events: none !important;}
.Area_plan .layout_plan ul li:hover { box-shadow: none;}
.Area_plan .layout_plan .PD_slide:hover { transform: none;}
.Area_plan .layout_plan .PD a { pointer-events: none !important;}
@media screen and (min-width:768px){	
  .Area_plan { padding-top: 40px;}
  .Area_plan .btn { width: 80%; margin: -25px auto 0; padding-bottom: 50px;}	
  .Area_plan .layout_plan ul { padding: 0 3%; grid-gap: 55px 0;}
  .Area_bg_1 { margin-left: -520px; z-index: -1; position: absolute; top: 0; left: 0; width: 2000px; height: 60px; background-repeat: no-repeat; background-position: center top; pointer-events: none;}
  .Area_bg_2 { margin-left: -520px; z-index: -1; position: absolute; top: 0; left: 0; width: 2000px; height: 100%; background-repeat: repeat-y; background-position: center top; pointer-events: none;}
  .Area_bg_3 { margin-left: -520px; z-index: -1; position: absolute; bottom: 0; left: 0; width: 2000px; height: 60px; background-repeat: no-repeat; background-position: center top; pointer-events: none;}
}
@media screen and (max-width:767px){
  .Area_plan { padding-top: 5vw; background: url(Area_bg_1.jpg?t=1775007899382) top center / contain no-repeat, url(Area_bg_3.jpg?t=1775007899382) bottom center / contain no-repeat, url(Area_bg_2.jpg?t=1775007899382) center top / contain repeat-y;}
  .Area_plan .layout_plan ul { padding: 0; grid-gap: 5vw 0;}
  /**投保資格**/	
  .Area_plan .btn { width: 36%; margin: -2vw auto 0; padding-bottom: 5vw;}	
}

/*承保範圍*/
.Area_scope .text .layout_text { margin: 0; padding: 0;}
.Area_scope .text .layout_text ul { margin: 0; padding: 0; grid-gap: 0;}
.Area_scope .text .layout_text .PD_slide:hover, .Area_scope .layout_PD .PD_slide:hover { transform: none;}
.Area_scope .text .layout_text .PD a, .Area_scope .layout_PD .PD a { pointer-events: none !important;}
.Area_scope .layout_PD ul li:hover { box-shadow: none;}
@media screen and (min-width:768px){
  .Area_scope .text { margin-bottom: 25px;}
  .Area_scope .layout_PD ul { padding: 0 5%; grid-gap: 20px;}
}
@media screen and (max-width:767px){
  .Area_scope .text { margin-bottom: 2vw;}
  .Area_scope .layout_PD ul {width: 96%; padding: 0; grid-gap: 1vw;}
  .Area_scope .notice { padding: 1vw 0 0;}
}

/*理賠案例*/
.Area_case .text .layout_text { margin: 0; padding: 0;}
.Area_case .text .layout_text ul, .Area_case .layout_PD ul { margin: 0; padding: 0; grid-gap: 0;}
.Area_case .text .layout_text .PD_slide:hover { transform: none;}
.Area_case .text .layout_text .PD a { pointer-events: none!important;}
.Area_case .layout_PD ul li:hover { box-shadow: none;}
.Area_case .layout_PD .PD_slide:hover { transform: none;}
.Area_case .layout_PD .PD a { pointer-events: none !important;}
@media screen and (min-width:768px){
  .Area_case { margin-bottom: 75px;}
  .Area_case .text { margin-bottom: 25px;}
  .Area_case .layout_PD ul { padding: 0 3%; grid-gap: 55px 0;}
}
@media screen and (max-width:767px){
  .Area_case { margin-bottom: 3vw;}
  .Area_case .text { margin-bottom: 2vw;}
  .Area_case .layout_PD ul { grid-gap: 5vw 0;}

}

/*投保流程*/
.Area_process .text .layout_text { margin: 0; padding: 0;}
.Area_process .text .layout_text ul { margin: 0; padding: 0; grid-gap: 0;}
.Area_process .text .layout_text .PD_slide:hover, .Area_process .layout_PD .PD_slide:hover { transform: none;}
.Area_process .text .layout_text .PD a, .Area_process .layout_PD a { pointer-events: none !important;}
.Area_process .layout_PD ul li:hover { box-shadow: none;}
.Area_process .layout_PD ul li { background: transparent;}
@media screen and (min-width:768px){
  .Area_process .text { margin-bottom: 25px;}
  .Area_process .bn_box { width: 95%;}
  .Area_process { padding: 40px 0 70px;}
}
@media screen and (max-width:767px){
  .Area_process .text { margin-bottom: 2vw;}
  .Area_process { padding: 5vw 0 8vw; background: url(Area_bg_1.jpg?t=1775007899382) top center / contain no-repeat, url(Area_bg_2.jpg?t=1775007899382) center top / contain repeat-y;}
}

/*適用手機*/
.Area_phone .text .layout_text { margin: 0; padding: 0;}
.Area_phone .text .layout_text ul { margin: 0; padding: 0; grid-gap: 0;}
.Area_phone .text .layout_text .PD_slide:hover { transform: none;}
.Area_phone .text .layout_text .PD a { pointer-events: none !important;}
.Area_phone .box .layout_PD ul li:hover, .Area_phone .layout_btn ul li:hover { box-shadow: none;}
@media screen and (min-width:768px){
  .Area_phone .text { margin-bottom: 25px;}
  /**頁籤**/	
  .Area_phone .NavArea { display: block!important;}		
  .Area_phone .Nav_box { margin-bottom: 20px;}		
  .Area_phone .tab_swiper { overflow-y: visible !important;}	
  .Area_phone .content_swiper { width: 96%; margin: 0 auto; overflow: hidden; margin-bottom: 20px;}
  /**按鈕公版**/	
  .Area_phone .layout_btn { width: 50%; padding-bottom: 40px;}
  .Area_phone .layout_btn ul { padding: 0; grid-gap: 0 35px;}
}
@media screen and (max-width:767px){
  .Area_phone { background: url(Area_bg_3.jpg?t=1775007899382) bottom center / contain no-repeat, url(Area_bg_2.jpg?t=1775007899382) center top / contain repeat-y;}
  .Area_phone .text { margin-bottom: 2vw;}
  /**頁籤**/
  .Area_phone .Nav_box { margin-bottom: 2vw;}
  .Area_phone .tab_swiper { overflow-y: visible !important;}
  .Area_phone .content_swiper { padding-bottom: 3vw;}
  .Area_phone .layout_PD { width: 96%;}
  /**按鈕公版**/	
  .Area_phone .layout_btn ul { width: 80%; margin: 0 auto; padding: 0 0 5vw; grid-gap: 0 4vw;}
}

/*理賠說明*/
.Area_claims .text .layout_text { margin: 0; padding: 0;}
.Area_claims .text .layout_text ul { margin: 0; padding: 0; grid-gap: 0;}
.Area_claims .text .layout_text .PD_slide:hover { transform: none;}
.Area_claims .text .layout_text .PD a { pointer-events: none !important;}
.Area_claims .layout_PD { margin: 0 auto; padding: 0;}
.Area_claims .layout_PD ul li:hover { box-shadow: none;}
.Area_claims .layout_PD .PD_slide:hover { transform: none;}
.Area_claims .layout_PD .PD a { pointer-events: none !important;}
@media screen and (min-width:768px){
  .Area_claims .text { margin-bottom: 25px;}
  .Area_claims .layout_PD ul { padding: 0 6%; grid-gap: 50px 0;}
  .Area_claims { margin-bottom: 20px;}
}
@media screen and (max-width:767px){
  .Area_claims .text { margin-bottom: 2vw;}
  .Area_claims .layout_PD ul { padding: 0; grid-gap: 5vw 0;}
  .Area_claims { margin-bottom: 3vw;}
}

/*貼心提醒*/
.Area_caution a { display: inline-block; text-decoration: underline;}
.Area_caution ol { font-family: "Noto Sans CJK TC"; color: #231914;}
@media screen and (min-width:768px){
  .Area_caution .text { margin-bottom: 10px;}
  .Area_caution ol { width: 75%; margin: 0 auto; text-align: justify; line-height: 1.6em; font-size: 20px;}
  .Area_caution li { margin-left: -20px; letter-spacing: -0.01em; margin-bottom: 0.5em;}
}
@media screen and (max-width:767px){
  .Area_caution .text { margin-bottom: 2vw;}
  .Area_caution ol { width: 85%; margin: 0; text-align: justify; line-height: 1.45em; font-size: 13.5px;}
  .Area_caution li { margin-left: -1vw; letter-spacing: -0.01em; margin-bottom: 0.35em;}
}

/*常見問題*/
.Area_QA .text .layout_text { margin: 0 auto;}
.Area_QA .text .layout_text ul { margin: 0; padding: 0;}
.Area_QA .text .layout_text .PD_slide:hover { transform: none;}
.Area_QA .text .layout_text .PD a { pointer-events: none !important;}
@media screen and (min-width:768px){
  .Area_QA .text { margin-bottom: 25px;}
  /**頁籤**/
  .Area_QA .box { position: relative; width: 810px; margin: 0 auto; padding-bottom: 0;}
  .Area_QA .page { position: relative; width: 100%; margin: 0 auto;}
  .Area_QA .menu { margin-bottom: 20px;}
  .Area_QA .labelbox { display: flex; margin: 0 auto; padding: 0; width: 96%; grid-gap: 30px;}
  .Area_QA .page .menu li { list-style: none;}	
  .Area_QA .page .menu li img { width: 100%;}
  /**下拉QA**/	
  .moreButton { width: 100%; margin: 0 auto; letter-spacing: 0.02em;}
  .moreButton .menu_btn { position: relative; display: block; height: auto; color:#231914; padding: 15px 35px; text-align: justify; font:20px / 1.8em 'Noto Sans CJK TC'; font-weight: 500;}
  .moreButton .title { font: 20px / 1.8em 'Noto Sans CJK TC'; letter-spacing: -0.05em; text-align: justify; margin-bottom: 10px; display: inline-block;}
  dl.moreButton { margin-bottom: 0;}
  .moreButton dt { cursor: pointer;}
  .moreButton dd { display: none; margin :0; padding: 15px 35px; font: 20px / 1.8em 'Noto Sans CJK TC', 'Century Gothic'; text-align: justify; color: #231914; background-color: #f7f7f7;}
  .moreButton dd a { display: inline-block;}
  .moreButton .down::after { content: "+"; position: absolute; top: 13%; right: 10%; width: 0; height: 0; font: bold 30px / 30px 'Noto Sans CJK TC';}
  .moreButton .up::after { content: "-"; position: absolute; top: 17px; right: 80px; width: 0; height: 0; font: bold 40px / 30px 'Noto Sans CJK TC';}
  .moreButton .up::after, .moreButton .down::after { top: 13%; right: 5%;}
  .moreButtontag { display: none !important;}
  .Area_QA .notice { padding: 20px 0;}
  .Area_QA .notice img { width: 60%;}
}
@media screen and (max-width:767px){
  .Area_QA .text { margin-bottom: 2vw;}
  /**頁籤區**/
  .Area_QA .box { width: 100%; margin: 0;}
  .Area_QA .page { width: 98%; margin: 0 auto;}
  .Area_QA .page .menu { margin-bottom: 2vw;}	
  .Area_QA .page .menu li { list-style: none;}	
  .Area_QA .labelbox { display: flex; margin: 0; padding: 0;}
  /**下拉QA區**/	
  .moreButton { width: 100%; margin: 0 auto; letter-spacing: 0.02em;}
  .moreButton .menu_btn { position: relative; display: block; height: auto; color:#231914; padding: 3vw 12vw 3vw 4vw; text-align: justify; font: 4vw / 1.8em 'Noto Sans CJK TC'; font-weight: 500;}
  .moreButton .title { font: 4vw / 1.8em 'Noto Sans CJK TC'; letter-spacing: -0.05em; text-align: justify; margin-bottom: 10px; display: inline-block;}
  .moreButton dt { cursor: pointer;}
  .moreButton dd { display: none; margin: 0; padding: 4vw; font: 4vw / 1.8em 'Noto Sans CJK TC'; text-align: justify; color: #231914; background-color: #f7f7f7;}
  .moreButton dd a { display:inline-block;}
  .moreButton .down::after { content: "+"; position: absolute; top: 13%; right: 10%; width: 0; height: 0; font: bold 30px/30px 'Noto Sans CJK TC';}
  .moreButton .up::after { content: "-"; position: absolute; top: 17px; right: 80px; width: 0; height: 0; font: bold 40px/30px 'Noto Sans CJK TC';}
  .moreButton .up::after, .moreButton .down::after { top: 13%; right: 10%;}
  .moreButtontag { display: none !important;}
  .Area_QA .notice { padding: 4vw 0;}
}


/*浮層*/
@media screen and (max-width:767px){
  .bbox { padding: 1em !important;}
}

/*注意事項區*/
.edm_notice { text-align: center; padding: 0 10px 40px 10px; color:#191919; font: 12px/18px Helvetica;}
.edm_notice .apple_notice { padding: 10px 0 10px 0;}

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