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

/*基本*/
body{ margin:0; padding:0; background:#f3ead8;}


/*全BOX版面*/
.WRAPPER { position: relative; display: block; margin: 0 auto; padding: 0; width: 100%; min-width: 1220px; background: #b6dce6 url(bg_repeat.jpg?t=1751267976370) repeat-y center top; text-align: left; overflow: hidden; font-family:"微軟正黑體","Microsoft JhengHei",Helvetica;}
.WRAPPER img { border:0px; vertical-align:top;}
.WRAPPER a { text-decoration:none;}
		@media screen and (max-width:767px){
		.WRAPPER { min-width: inherit; background: #b6dce6 url(m_bg_repeat.jpg?t=1751267976370) repeat-y center top; background-size: 100%;}
		.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; /*background-color: aqua; opacity: 0.3*/} 
.Area li a { display: inline-block;} 
.Area .go_bt,.Area .ad_box{
  -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 ,.Area .ad_box: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 { position: relative;margin:0 auto; width:1220px;}
.Area960 {position: relative; margin:0 auto; width:960px;}
	@media screen and (max-width:767px){
		.Area1220 { width:100%;height:auto}
		.Area960 { width:90%;}
		/*區塊_切割*/
		.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 h1 { font-size: 40px; color: #2a4659; margin:0; }
.Area h2 { font-size: 28px; color: #7b7b7b; margin:0 0 10px;}
.Area p { text-align:left;}
.Area ul { margin: 0 auto; padding: 0; list-style: none; text-align: justify; overflow: hidden;}
.Area ol { /*width:860px*/ margin:0 auto; text-align: justify;}
/*.Area li { margin:20px 0; line-height:28px}*/
.Area li { margin:0; line-height:28px}
	@media screen and (max-width:767px){
		.Area h1 { font-size:6vw; line-height:7vw}
		.Area h2 { font-size:5vw; margin:0 0 2%;}
	}



/*背景*/
.bgrepeattop { z-index: 0; position: absolute; top: 1720px; left: 0; width: 100%; min-width: 1220px; height: 100%; background: url(bgrepeattop.png?t=1751267976370) top center repeat-y; pointer-events: none;}
  @media screen and (max-width:767px){		
    .bgrepeattop { top: 207vw; left: 0; width: 100%; min-width: inherit; height: 100%; background: url(m_bgrepeattop.png?t=1751267976370) top center repeat-y; background-size: 100%;}
  }

/*PC背景*/
.Area_bgtop { z-index: 0; position: absolute; top: 0; left: 50%; width: 2000px; -webkit-transform: translateX(-50%); transform: translateX(-50%); pointer-events: none;}
.Area_bgtop .bgtop_ { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.Area_bgtop .bgtop_ span { position: absolute; display: block; width: 100%; height: 100%; background-position: center top;}
  @media screen and (min-width: 768px) {
    .Area_bgtop span { background-repeat: no-repeat;}
    .Area_bgtop_fixed { position: fixed;}
    .Area_bgtop_1 .bgtop_1_1 span { background-image: url(bgtop_1_1.png?t=1751267976370); height: 800px;}
    .fixed_mov { z-index: 0; display: block; position: fixed; width: 100%; height: 170px; margin-left: 0; overflow: hidden; pointer-events: none;}
  }

/*Phone背景*/
.m_Area_bgtop { z-index: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none;}
.m_Area_bgtop .m_bgtop_ { position: absolute; top: 0; left: 0; width: 100%; height: 0; padding-bottom: 100%;}
.m_Area_bgtop .m_bgtop_ span { position: absolute; display: block; width: 100%; height: 0; padding-bottom: 100%; overflow: hidden; background-position: center top; background-size: 100%;}
  @media screen and (max-width: 767px) {
    .topcircle { z-index: 0; position: absolute; width: 104%; top: 3vw; left:-2%; pointer-events: none;}
    .m_Area_bgtop span { background-repeat: no-repeat;}
    .m_Area_bgtop_fixed { position: fixed; top: 32px;} /*搭配js-appBgFixed*/
    .m_Area_bgtop_1 .m_bgtop_1_1 span { z-index: -3; position: absolute; top: 0; left: 0; width: 100%; height:100%; background: url(m_bgtop_1_1.png?t=1751267976370)  center top no-repeat ; background-size: 100%;}
    .m_Area_bgtop_1 .m_bgtop_2_1 span { z-index: -2; position: absolute; top: 0; left: 0; width: 100%; height:100%; background: url(m_bgtop_2_1.png?t=1751267976370)  center top no-repeat ; background-size: 100%;}
    .fixed_mov { z-index: 2; position: fixed; width: 100%; height: 100%; top: 0; left: 0; pointer-events: none; background-size: 100%; background-repeat: repeat-y;}
  }



/*區塊背景-共用設定*/
.Area_bg { pointer-events: none; z-index: 0;}
.Area_bg div { pointer-events: none; z-index: 1; position: absolute; left: 0; width: 100%; background-position: center top; background-repeat: no-repeat;}
    @media screen and (max-width: 767px) {
      .Area_bg div { pointer-events: none; z-index: -1; position: absolute; left: 0; width: 100%; background-position: center top; background-repeat: no-repeat;}
      .Area_bg div { z-index: 1; top: 0vw; padding-bottom: 200%; background-size: 100%;}
    }
    /*圖片*/
    @media screen and (min-width: 768px) {
      .Area_send_bg div { top: 25px; height: 1100px; position: absolute; z-index: 0;}
    }
    @media screen and (max-width: 767px) {
      .Area_send_bg div { top: 0; height: 0; padding-bottom: 150%; background-size: 100%;}
    }



/*版頭*/
.Area_top { height: 600px;}
.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=1751267976370) no-repeat;}
    @media screen and (min-width: 768px) {
      .Area_top .momologo a:hover{ background: url(momo_logo_on.png?t=1751267976370) no-repeat;}
      .Area_top .topcircle { z-index: 0; position: absolute; top: -765px; left: -140px; pointer-events: none;}
      .Area_top .deco01 { z-index: 5; position: absolute; left: 1071px; top: 760px; pointer-events: none;}
      .Area_top .deco02 { z-index: 5; position: absolute; left: -40px; top: 280px; pointer-events: none;}
      .Area_top .clipPath { z-index: 5; width: 1388px; height: 1388px; position: absolute; top: -710px; left: -84px; border-radius: 50%; overflow: hidden; pointer-events: none;}
      .Area_top .clipPath .runCoin { position: absolute; top: 1149px; left: 1057px;}
      .Area_top .clipPath .runMay { position: absolute; top: 812px; left: 996px;}
    }
    @media screen and (max-width:767px){
      .Area_top {  z-index: 1; height: 108vw;}
      .Area_top .momologo { margin: 0.5vw 0 0 13%; width: 87%;}
      .Area_top .momologo a { width: 100%; height: 10vw; background-size: 100%;}
      .Area_top .deco01 { z-index: 5; position: absolute; width: 18.75%; right: 4%; top: 126.4vw; pointer-events: none;}
      .Area_top .deco02 { z-index: 5; position: absolute; left: 0; top: 0; width: 100%; pointer-events: none;}
      .Area_top .clipPath { z-index: 5; width: 94%; height: 88.2vw; position: absolute; top: 14vw; left: 3%; border-radius: 50%; overflow: hidden; pointer-events: none;}
      .Area_top .clipPath .runCoin { position: absolute; top: 78vw; left: 45%; width: 20%;}
      .Area_top .clipPath .runMay { position: absolute; top: 52vw; left: 43%; width: 25%;}
    }

/*版頭活動*/
.Area .bnt_01 { position:absolute; top:510px; left: 130px;}
.Area .bnt_02 { position:absolute; top:510px; left: 610px;}
    @media screen and (max-width:767px){
      .bnt { height:100%; bottom: 1vw}
    }




/*登記活動*/
.Area_send {}
.Area_send .regBox ul { display: flex;justify-content: center ; ; position: relative; margin: 0 auto; padding: 0; list-style: none;}
.Area_send .regBox ul li { display: inherit; margin: 0 6px; padding: 0; list-style: none; float: left;}
    @media screen and (min-width:768px){
      .Area_send { margin-bottom: 37px;}
      .Area_send .box_title { margin-bottom: 51px;}
    }
    @media screen and (max-width:767px){
      .Area_send { padding-bottom: 6vw;}
      .Area_send .regBox { padding-bottom: 1vw;margin: 0 auto; width: 89%;}
      .Area_send .regBox ul li { width: 48%; margin: 0 1%;}
    }


  /*登記文字共用*/
  .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: 11px;}
        .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: 1.2vw;}
        .Area_danji.Area_danji_01 .danji_box { width: 88%;}
        .Area_danji[data-danji-num="1"] ul li .content { top: 68%; right: 5.5%;}
        .Area_danji .warningTxt {}
        .Area_danji .warningTxt h3 { top: 92%; left: 8.6vw; 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;}
      }


        
/*險種錨點*/
.Area_btn {}
.Area_btn .box_PD { position: relative;}
.Area_btn .box_PD .Area_swiper .swiper_box { width: 100%; overflow: hidden;}
  @media screen and (min-width: 768px) {
    .Area_btn { padding-top: 21px; padding-bottom: 44px;}
    .Area_btn .box_PD .Area_swiper { padding: 35px 65px;}
  }
  @media screen and (max-width: 767px) {
    .Area_btn .box_PD { margin: 3vw auto; width: 96%;}
    .Area_btn .box_PD .Area_swiper { padding-bottom: 6.5vw;}  
    .Area_btn .go_bt:hover { transform: none;}
  }
/*輪播共用調整*/
.Area_swiper { position: relative;}
.Area_swiper img { width: 100%; height: auto;}
.Area_swiper .pagination { -webkit-transform:scale(0.7); transform:scale(0.7);}
.Area_boxstyle_pagination .swiper-pagination-bullet { background-color: #fff;}
.Area_boxstyle_button.swiper-button-next:after, .Area_boxstyle_button.swiper-button-prev:after { -webkit-transform: scale(0.8); transform: scale(0.8); color: #fff;}
  @media screen and (max-width: 767px) {
    .Area_boxstyle_button { display: none;}    
  }




/*險種共用-區塊樣式*/
.bnBox { margin: 0 auto;}
  /*icon*/
  .Area_style .box_PD { position: relative;}
  .Area_style .box_PD .Area_swiper .swiper_box { width: 100%; overflow: hidden;}
  .Area_style .box_PD .Area_boxstyle_pagination .swiper-pagination-bullet { background-color: #525963;}
  .Area_style .box_PD .Area_boxstyle_button.swiper-button-next:after, .Area_boxstyle_button.swiper-button-prev:after { color: #959595;}
  /*bn+按鈕*/
  .Area_style .box_BN { position: relative; margin: 0 auto; padding: 0; box-sizing: border-box;}
  .Area_style .box_BN img { width: 100%; height: auto;}
  .Area_style .box_BN .BN_img img { border-radius: 10px; border: solid 1px #dcdcdc;}
  @media screen and (min-width: 768px) {
    .Area_style { padding-bottom: 42px;}
    /*icon*/
    .Area_style .box_PD .Area_swiper { padding: 30px 65px 35px;}
    /*bn+按鈕*/
    .Area_style .box_BN { width: 970px; margin-top: -8px;}
    .Area_style .box_BN .BN_img { z-index: 2; position: relative; padding: 53px 65px 0; min-height: 375px; box-sizing: border-box;}
    .Area_style .box_BN .BN_img::before { pointer-events: none; content: ""; display: block; z-index: -1; position: absolute; top: 0; left: 0; width: 100%; height: 365px; background-position: top center; background-repeat: no-repeat; background-image: url(box_BN_top.png?t=1751267976370);}
    .Area_style .box_BN .BN_img::after { pointer-events: none; content: ""; display: block; z-index: 0; position: absolute; top: 360px; left: 0; width: 100%; height: calc(100% - 360px); background-position: top center; background-repeat: repeat-y; background-image: url(box_BN_center.png?t=1751267976370);}
    .Area_style .box_BN .BN_img_bottom { z-index: 3; position: relative; margin-top: -21px;}
    .Area_style .box_BN .btn { z-index: 5; position: absolute; bottom: 22px;}
    .Area_style .box_BN .box_1 .btn_go { right: 102px;}
    .Area_style .box_BN .box_2 .btn_go { right: 333px;}
    .Area_style .box_BN .box_2 .btn_more { right: 102px;}
    /*分隔線*/
    .Area_style .divide { position: absolute; bottom: 0; left: -390px;}
  }
  @media screen and (max-width: 767px) {
    .bnBox { margin: 0 auto; width: 92%;}
    .Area_style .box_PD { margin: 1.5vw auto 0; width: 96%;}
    .Area_style .box_PD .Area_swiper { padding-bottom: 6.5vw;}
    /*bn+按鈕*/
    .Area_style .box_BN { margin-top: -2vw;}
    .Area_style .box_BN .BN_img img { border-radius: 1.5vw;}
    .Area_style .box_BN .BN_img { z-index: 2; position: relative; padding: 4vw 8% 2.5vw; /*min-height: 375px;*/ box-sizing: border-box;}
    .Area_style .box_BN .BN_img::before { pointer-events: none; content: ""; display: block; z-index: -1; position: absolute; top: 0; left: 0; width: 100%; height: 37.5vw; background-position: top center; background-repeat: no-repeat; background-image: url(m_box_BN_top.png?t=1751267976370); background-size: 100%;}
    .Area_style .box_BN .BN_img::after { pointer-events: none; content: ""; display: block; z-index: 0; position: absolute; top: 37vw; left: 0; width: 100%; height: calc(100% - 37vw); background-position: top center; background-repeat: repeat-y; background-image: url(m_box_BN_center.png?t=1751267976370); background-size: 100%;}
    .Area_style .box_BN .BN_img_bottom { z-index: 3; position: relative; margin-top: -5vw;}
    .Area_style .box_BN .btn { z-index: 5; position: absolute; bottom: 2vw; width: 29%;}
    .Area_style .box_BN .box_1 .btn_go { right: 11.5%;}
    .Area_style .box_BN .box_2 .btn_go { right: 40.5%;}
    .Area_style .box_BN .box_2 .btn_more { right: 11.5%;}
  }

/*險種共用-保險商品入稿*/
.Area_PD { margin: 33px auto 40px; width: 96%;}
.Area_PD ul { width: 100%; list-style: none; overflow: hidden; margin: 0px;}
.Area_PD ul li { width: 25%; float: left; box-sizing: border-box; padding: 10px; margin: 0;}
.Area_PD ul li a { position: relative; display: block; width: 100%; box-sizing: border-box;}
.Area_PD ul li img { width: 100%; display: block;}
.Area_PD ul li a h4 { width: 100%; font-size: 25px; margin: 0; line-height: 25px; color:#ffffff; font-weight: bold; text-align: center; position: absolute; top:15px;}
.Area_PD .pd_title1 { display: block; width: 90%; margin: 0; font-size: 21px; color:#535353; font-weight: bold; text-align: center; position: absolute; top:245px; left:14px; letter-spacing: -0.05em;}
.Area_PD .pd_title2 { display: block; width: 90%; margin: 0; font-size: 21px; color:#535353; font-weight: bold; text-align: center; position: absolute; top:275px; left:14px; letter-spacing: -0.05em;}
.Area_PD .pd_title3 { display: block; width: 90%; margin: 0; font-size: 21px; color:#535353; font-weight: bold; text-align: center; position: absolute; top:73px; left:14px; letter-spacing: -0.05em;}
.Area_PD .pd_list { font-size: 18px; line-height: 20px; color:#686868; text-align: center; position: absolute; top:310px; left:26px; width: 84%;  }
.Area_PD .pd_list .listTxt { list-style: disc; padding-left: 20px; margin: 0;}
.Area_PD .pd_list .listTxt li { float: none; width: 100%; padding: 0;}
.Area_PD .boldTxt { font-size: 18px; color: #ff7b95; text-align: left; position: absolute; bottom:62px; left:20px;}
.Area_PD .priceBox { position: absolute; bottom: 18px; left: 20px; font-size: 36px; line-height: 48px; color:#ff7b95; text-align: left; font-family: Century Gothic,"微軟正黑體","Microsoft JhengHei",Helvetica; font-weight: bold; letter-spacing: -0.05vw;}
.Area_PD .priceBox span{ font-size: 20px; color: #ff7b95; text-align: left; font-weight: bold;}
	@media screen and (max-width:767px){
    .Area_PD { margin: 4vw auto 6vw;}
    .Area_PD > ul { width: 100%; box-sizing: border-box; padding: 2vw 1vw 0;}
    .Area_PD ul li { width: 50%; padding: 1vw;}
    .Area_PD ul li a { padding: 0;}
    .Area_PD a { width: 93%;}
    .Area_PD ul li a h4{ width: 32vw; padding: 0; font-size: 4vw; top:1.5vw; left:6.7vw; letter-spacing: -0.15vw;}
    .Area_PD .pd_title1 { width: 90%; font-size: 3.8vw; top: 39vw; left: 3vw;}
    .Area_PD .pd_title2 { width: 90%; font-size: 3.8vw; top: 44vw; left: 3vw;}
	.Area_PD .pd_title3 { width: 90%; font-size: 3.8vw; top: 44vw; left: 3vw;}	
    .Area_PD .pd_list { font-size: 3.2vw; top: 51vw; left: 4vw;}
    .Area_PD .pd_list .listTxt { padding-left: 3.6vw;}
    .Area_PD .pd_list .listTxt li { letter-spacing: -0.2vw; line-height: 5vw;}
    .Area_PD .boldTxt { font-size: 3vw; bottom:11vw; left:4vw; line-height: 4vw;}
    .Area_PD .priceBox { bottom:4.5vw; left:4vw; font-size: 5vw; line-height: 6vw;}
    .Area_PD .priceBox span { font-size: 3.2vw;}
	}


/*住火險*/
@media screen and (min-width: 768px) {
  .Area_fire { padding-bottom: 32px;}}



/*旅平險*/
@media screen and (min-width: 768px) {
  .Area_travel { padding-bottom: 32px;}
}


/*傷害險*/
.Area_injury {}
@media screen and (min-width: 768px) {
  .Area_injury .Area_PD ul { margin-left: 0;}
}
@media screen and (max-width:767px){
  .Area_injury .deco04 { z-index: 1; position: absolute; bottom: 12.5vw; left: 61%; width: 25%;}
}




/*汽車險*/
@media screen and (min-width: 768px) {
  .Area_car { padding-bottom: 525px;}
}
@media screen and (max-width: 767px) {
  .Area_car { padding-bottom: 1vw;}
}


/*機車險*/
.Area_moto {}


/*行動裝置險*/
.Area_phone {}
.Area_phone .box_BN .BN_img img { border-radius: 0; border: none;}
    @media screen and (min-width: 768px) {
      .Area_phone { padding-bottom: 82px;}
    }
    @media screen and (max-width: 767px) {
      .Area_phone .divide { margin-top: 5vw;}
    }



/*網路投保*/
@media screen and (min-width: 768px) {
  .Area_join .deco04 { position: absolute; top: 204px; left: 1035px;}
  .Area_join .deco05 { position: absolute; top: 67px; left: 100px;}
  .Area_join .bnBox { margin: 40px auto; margin-left: -50px;}
}
@media screen and (max-width:767px){
  .Area_join .deco04 { z-index: 1; position: absolute; top: 4.5vw; left: 74.2%; width: 17%;}
  .Area_join .deco05 { position: absolute; top: 8vw; left: 0;}
  .Area_join .bnBox { z-index: 2; position: relative; margin: 3vw auto 4vw; width: 88%;}
  .Area_join .btn { margin: 0 auto; width: 41%;}
}



/*注意事項*/
.Area_bgfooter { margin-top: 60px; text-align: left; color: #3c3434; background:#ecebeb; z-index: 9;}
.Area_bgfooter .box { margin:0 auto; padding: 60px 40px 0; box-sizing:border-box;}
.Area_bgfooter p { margin: 0; font-weight:800; font-size: 32px; line-height: 1;}
.Area_bgfooter ul,
.Area_bgfooter ol { margin-top: 1.2rem; }
.Area_bgfooter ul ol,
.Area_bgfooter ul ul { margin-top: 0.5rem; }
.Area_bgfooter li { margin-bottom: 1.2rem; font-size: 18px; line-height: 1.8rem; text-align:justify;}
.Area_bgfooter li p { margin-top: 1.2rem; font-size:24px;}
.Area_bgfooter li a { display: inline; color: #e9db00; text-decoration: underline;}
  @media screen and (max-width:767px){
    .Area_bgfooter { margin-top: 8vw;}
    .Area_bgfooter .box { width: 100%; padding: 6% 6% 5% 5%;}
    .Area_bgfooter p { font-size: 4.7vw;}
    .Area_bgfooter ul,
    .Area_bgfooter ol { margin-top: 1rem;}   
    .Area_bgfooter ul ol,
    .Area_bgfooter ul ul { margin-top: 0; margin-left: -1em;}
    .Area_bgfooter li { margin-bottom: 1rem; font-size: 3.8vw; line-height: 1.5em;}
    .Area_bgfooter li p { margin-top: 1rem; font-size: 3.8vw;}
  }





/*彈窗通知數字大小*/
.swal2-content span { font-size: 1.3em;}


/*浮層嘿嘿*/
.blackBox_play {}
.blackBox { display:none; z-index:999; position:absolute; top:0; left:0px; width:100%; height:100%; background-color: rgba(34,34,34,0.75); }
.blackBox * { font-family:"微軟正黑體"; box-sizing:border-box;}
.blackBox  a { text-decoration:none;}
/*浮層基本*/
.blackBox .box .button {  border-top:1px solid #d6d6d6; text-align:center; font-size:1.25rem; line-height:3.5rem; font-weight:bold;}
.blackBox .box .but-close { clear:both; width:100%;}
.blackBox .box .but-close a { display:inline-block;  width:100%; height:100%; color:#333;}
.blackBox .box h3 span.close { position:absolute; top:6px; right:5px; display:block; border:2px solid #333; border-radius:5px; width:63px; height:33px; font-size:1rem; line-height:2rem; text-align:center;}
.blackBox .box h3 span.close a { display:inline-block; width:100%; height:100%; color:#333;}
.blackBox .Boxclose { position:absolute; top:0px; left:0px; width:100%; height:100%; background-color: transparent;}
.blackBox .box h4 { /*height:1.2rem;*/ font-size: 1rem; font-weight:600; text-align: left; color: #000;}
	@media screen and (max-width:767px){
		.for_pc{ display:none !important;}
		.for_phone{ display:block !important;}
	}


/*浮層--加價購商品介紹*/
/*a.gallery { display: block}*/
.agreeArea .box_title { padding: 5% 5% 0; font-weight: 800; line-height: 1; text-align: center;}
.agreeArea .box_title b { position: relative; display: block;}
.agreeArea .box_title img { width: 30%}
.agreeArea .box_title span { z-index: 1; position: relative; display: inline-block; padding: 0 0.5em; background-color: #fff;}
.agreeArea .box_title b:before { content: ""; position: absolute; bottom: -0.55em; display: block; width: 100%; height: 1px; background-color: #000;}
.agreeArea .box_sub { text-align: center;}
.agreeArea .box_derails { padding: 0 5%; font-weight: 800;}
.agreeArea .box_derails dt { margin: 0; margin-top: 0.8em; padding: 0.5em 0; border-top: 1px solid #000; text-align: center;}
.agreeArea .box_derails dd { margin: 0; padding: 0; color: #9d9d9d; line-height: 1.2;}
.agreeArea .box_derails dd ul { margin: 0; padding: 0; padding-left: 2em;}
.agreeArea .box_derails .txt_into { color: #5a5958;}
.agreeArea .txtArea { padding-top: 5px;}
.agreeArea .txtArea img{ width: 100%; display: block; margin: 0 auto;}
.agreeArea .box_derails .txt_spec ul { padding-left: 1em; list-style: none;}
.agreeArea .box_derails .txt_note ul { list-style: decimal; }
        @media screen and (min-width:768px){
          .agreeArea .box_title { font-size: 40px; }
          .agreeArea .box_title span { font-size: 34px;}
		  .agreeArea .box_sub { font-size: 18px; line-height: 30px; margin: 42px 0 10px; padding: 0 5%}
          .agreeArea .box_derails { font-size: 30px;}
          .agreeArea .box_derails dd { font-size: 26px;}
        }
        @media screen and (max-width:767px){
          .agreeArea .box_title { font-size: 1.5rem; }
          .agreeArea .box_title span { font-size: 1.25rem;}
		  .agreeArea .box_sub { font-size: 1rem; line-height: 1.8rem; margin: 1rem 0 1rem; padding: 0 10% ;}
          .agreeArea .box_derails { font-size: 1.25rem;}
          .agreeArea .box_derails dd { font-size: 1.1rem;}
		  .agreeArea .txtArea { /*padding-top: 5vw;*/ padding-top: 0;}
        }
	

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


