@charset "UTF-8";
/* 20230308_贈險 */
.floatBox { z-index: 12;}
.floatBox .insure-cont { padding: 0 15px; box-sizing: border-box;}
.floatBox .floatTitle .floattitleTxt{font: bold 17px/50px var(--primary-font-family); color: #454545; }
.floatBox .float-sub-title {font: bold 15px/20px var(--primary-font-family); height: 20px; color: #454545; margin-bottom: 5px;}
.floatBox .info-content { display: grid; grid-template-columns: 55px 1fr; grid-gap: 13px; box-sizing: border-box; margin-bottom: 15px;}
.floatBox .title-icon { color: var(--momo-red);font: 12px/20px var(--primary-font-family); background-color: #FFF3F4;border-radius: 4px;width: 55px;height: 20px;text-align: center;vertical-align: top;padding: 0 3px;}
.floatBox .insure-box-area { padding-left: 16px; }
.insure-box-ol { font: 15px/20px var(--primary-font-family); margin: 0; padding: 0; color: #454545; }
.floatBox .note-area { padding-top: 15px; font: 13px/20px var(--primary-font-family); color:#888888;}
.floatBox .note-title { padding-left: 15px; font-weight: bold;}
.floatBox .note-ol { margin: 0; padding: 0 15px 0 30px;}
.floatBox .card-area { position:relative; width:100%; background-color: #FFFEEE; border-radius: 8px; box-shadow: rgba(204, 204, 204, 0.996) 2px 3px 10px 0px; padding:0 15px 15px 15px; box-sizing:border-box; margin: 0 0 15px 0;}
.floatBox .card-name {font: bold 15px/20px var(--primary-font-family); padding:15px 0 10px 0; margin: 0; color: #454545;}
.floatBox .card-box { display: grid; grid-template-columns: 100px 1fr; grid-gap: 10px;}
.floatBox .card-img { width:100px; height:100px; vertical-align: top; border-radius: 4px;}
.floatBox .card-box-right { }
.floatBox .card-title { margin-bottom: 15px; display: inline-block; font: 15px/20px var(--primary-font-family); color: #454545; }
.floatBox .card-list { font: 15px/20px var(--primary-font-family); color: #454545;text-indent: -5em;padding-left: 5em;}
.floatBox .card-list-cont { display: grid; grid-template-columns: auto 1fr; }
.floatBox .floatbtnArea { display: flex; }
.floatBox .floatbtnArea .confirm-btn { display: block; height: 44px; font: bold 17px/44px var(--primary-font-family); background: var(--momo-color); color: #fff; text-align: center; border-radius: 24px; margin: 10px 15px;}

.insure-check-area { padding: 15px 0; border-top: 1px solid #E1E1E1; border-left: 10px solid #fff; border-right: 10px solid #fff;}
.insure-check-area .check-item-wrap { display: flex; align-items: flex-start;}
.check-item { width: 0px; /*height: 110px;*/ display: inline-flex;align-items: flex-start;justify-content: center; visibility: hidden}
.check-item label {display: inline-flex;align-items: center;justify-content: center;}
.check-item { width: 24px; margin: 0 5px 0 0; visibility:visible;}
.check-item02 { margin: 0 6px 0 0;}
.check-itemAll { margin: 0 11px 0 0; }
.check-item input[type="checkbox"] {-webkit-appearance: none; display: inline-block;width: 24px;height: 24px; margin: 0; background:url("/ecm/img/cmm/checkbox_01.svg") no-repeat scroll center / 100% ;}
.check-item input[type="checkbox"]:checked {background: url("/ecm/img/cmm/checkbox_03.svg") no-repeat center/100%;}
.check-itemAll input[type="checkbox"]:checked {background: url("/ecm/img/cmm/checkbox_02.svg") no-repeat center/100%;}
.insure-check-p { font: 15px/20px var(--primary-font-family); color: #454545;}
.insure-check-a { color: #027BFF;}
.insure-check-a:hover { cursor: pointer;}
.insure-box .insure-cont-check { font: 15px/20px var(--primary-font-family); color: #454545;}

/*alert浮層*/
.alert-area { width: 80%; max-width:360px; height: auto; background: rgba(255, 255, 255, 1); box-sizing: border-box; position: fixed; left: 50%; top: 50%; border-radius: 15px; z-index: 1001; display:none;}
.alert-title { padding: 20px 15px 5px 15px; text-align: center; font: bold 17px/20px var(--primary-font-family);}
.alert-cont { padding: 0 15px 20px 15px; font: 15px/18px var(--primary-font-family); color: #454545;}
.alert-cont-p { margin-bottom: 10px;}
.alert-a {color: #027BFF;}
.alert-list-area { display: grid; grid-template-columns: 75px auto; margin-bottom: 4px;}
.alert-list-area-2 { grid-template-columns: 105px auto; }
.alert-btn { display: block; box-sizing: border-box; text-align: center; padding: 10px; border-top: 1px solid #EDEDED; color: #027BFF; font: bold 17px/24px var(--primary-font-family) !important;}
.insure-alert-title { padding: 0 0 5px 0; text-align: center; font: bold 17px/20px var(--primary-font-family);}
.insure-alert-cont { font: 15px/18px var(--primary-font-family); color: #454545;}

/*另開視窗*/
.insure-box .web-title { text-align: center; height:40px; font: bold 17px/40px var(--primary-font-family); color: #454545; background-color: #EDEDED; }
.insure-box .web-content { box-sizing: border-box; background-color: #fff; height: calc(100vh - 104px); padding: 10px 10px 0px 10px; overflow-y: scroll; font: 15px/20px var(--primary-font-family); color: #454545;}
.insure-box .web-btn-area { position: fixed; display: flex; left: 0; bottom: 0; background-color: #fff; width: 100%;}
.insure-box .web-btn-area .confirm-btn { display: block; width: 100%; height: 44px; font: bold 17px/44px var(--primary-font-family); background: var(--momo-color); color: #fff; text-align: center; border-radius: 24px; margin: 10px 15px;}

.activity-rule-group{margin:0 0 15px 25px;padding:0px; color:#454545;}