@charset "utf-8";

/*按鈕*/
div.inp_btn.ipb_one a{ margin:0 0 15px 0; box-sizing:border-box;}
.ms_box .inp_btn a{ float:left; display:block; width:49%; margin:0 2% 0 0; box-sizing:border-box;}
.ms_box .inp_btn a:last-child{ margin:0;}

/*other*/
.ms_other{ text-align:center;}
.ms_other li{ display:inline-block; padding:0 20px; margin:20px 0;}
.ms_other li:first-child{ border-right:1px solid #c0c0c0;}
.ms_other li a:hover{ color:#f03a61;}
.ms_already li:first-child{ border-right:none;}
.ms_already a{ color:#FAC51E; text-decoration:underline;}

/*-----網站導覽-----*/
.sitemap{ clear:both;}
.sitemap ul li a:hover{ color:#E12E23;}
.sitemap .sm_01{ margin:0 0 15px 0; padding:20px 20px 10px 20px; background-color:#eeeeee;}
.sitemap .sm_01 ul{ overflow:hidden;}
.sitemap .sm_01 ul li{ float:left; width:20%; margin:0 0 10px 0; padding:0 0 0 17px; background:url(../../images/new/sm_01_list.png) no-repeat 0% 50%; box-sizing:border-box;}
.sitemap .sm_02 .sm_02_cell{ float:left; width:20%; margin:0 0 15px 0;}
.sitemap .sm_02 .sm_02_cell:nth-child(6n){ clear:both;}
.sitemap .sm_02 .sm_02_cell h3{ margin:0 0 10px 0; color:#cfa972;}
.sitemap .sm_02 .sm_02_cell ul li{ margin:0 0 5px 0; font-size:15px;}

/*---------B-base----------*/
/*all*/
.box_set{ overflow:hidden;}
.box_set.box_flex_01{ display:flex; flex-direction:row-reverse;}
.box_set.box_flex_02{ display:flex; flex-direction:row;}
.box_set.box_message .bs_01{ flex:0 0 auto; margin:0 0 0 0px; padding:0; width:650px; background-color:#fff;}
.con_box{ overflow:visible; position:relative; margin:0 0 0px 0; padding:24px; background-color:#fff; border-radius:6px;}
.con_box::after{ content: ''; display: block; clear: both;}
.detail_box{ clear:both;}
.con_box .con_box__header .inp_btn.header__btns{margin:unset; position: absolute; right: 20px; top: 16px;}
.con_box .con_box__header .inp_btn.header__btns a{min-width:unset; padding:10px 16px; margin: 0 0 0 16px;line-height:1;font-size:14px; height:unset;border:none;}
.con_box .con_box__contents { padding:16px 8px;}
.con_box .con_box__contents .con_box__content{ display:flex; color:rgba(0,0,0,0.7);}
.con_box .con_box__contents .content_title{ width: 33%; min-width:200px;}
.con_box .con_box__contents .content_btn a{ padding: 7px 16px; border-radius: 6px; background-color: #FAC51E; line-height: 1; font-size: 14px; height: 34px; letter-spacing: 1.25px; color:white; }
.con_box .con_box__contents .content_input{ display:flex;}
.con_box .con_box__contents .content_input input{ width: 33%; min-width:256px;border-radius: 6px 0 0 6px; border: solid 1px rgba(0,0,0,0.1); border-right: none; height:32px; padding-left:8px; color:rgba(0,0,0,0.7);}
.con_box .con_box__contents .content_btn.content_input_plus_btn { align-self: center;}
.con_box .con_box__contents .content_btn.content_input_plus_btn a{ border-radius: 0 6px 6px 0; border-left: none;}
.con_box .con_box__title{font-size: 20px; color: #194AB0; font-weight: 500; margin-bottom: 16px;}
.con_box .empty_box{ padding: 120px 0; text-align: center; color: rgb(0 0 0 / 40%); }
.con_box .empty__title{ font-size: 22px; line-height: 140%; margin-bottom: 8px; }
.con_box .empty__text{ margin-bottom: 24px; font-size: 16px; line-height: 140%; }
.con_box .empty_box--table{ padding: 48px 0; }


/*內頁標題*/
.con_box .title_box{display:flex; justify-content: space-between;}
.con_box .title_box .tit_02{width:unset;}
.tit_01{ float:left; width:12%; height:110px; margin:0 3% 0 0; padding:30px 0 0 0; color:#FAC51E; font-size:22px; line-height:25px; font-weight:bold; text-align:center; border:1px solid #FAC51E; box-sizing:border-box;}
.tit_01 span{ display:block; font-size:16px;}
.tit_02{ display:inline-block; margin:0 0 20px 0; color:#000; font-size:20px; }
.tit_02 a{ color:#FAC51E;}
.tit_02 a:hover{ color:#E12E23;}
.tit_02 span{ display:block; margin:5px 0 0 0; color:#626262; font-weight:normal; font-size:16px;}
.tit_02 ~ p{ display:block; clear:both; margin:0 0 10px 0;}
.tit_02 ~ ul{ clear:both; margin:0 0 20px 0;}
.page_title{display: flex;align-items: center;margin: 6px 0 16px 0;}
.con_box .tit_02{display: inline-block; margin: 0px 0 16px 0px; color: #000; font-size: 22px; line-height: 1; font-weight: 500;}
.page_title .tit_02{ font-size: 23px; color: #194AB0;margin:0 ;  font-weight:600;}
.search_box_result .tit_02{display: flex;align-items: center; margin: 0 0 4px 4px; color: #000; font-size: 22px; line-height: 1; font-weight: 500;}
.search_box_result_list th{text-align: left;}
.plans_con ~ h3{ margin:-20px 0 20px 0;}
.plans_con ~ h3 > div{ display:inline-block; margin:0 5px;}
.tit_03{ clear:both; height:40px; margin:0 0 10px 0; line-height:40px; text-align:center; font-weight:bold; background-color:#fadcaf;}
.tit_03.txt_left td:first-child{ padding:0 0 0 15px;}
.tit_04{ margin:0 0 15px 0; padding:0 0 15px 0; color:#626262; font-size:20px; border-bottom:1px solid #808080; clear:both;}
.con_box .tit_04 {display: flex;align-items: baseline;margin: 0 0 12px 0; padding: 0 0 16px 0px; color: #194AB0; font-size: 19px; font-weight: 500; border-bottom: 2px solid rgba(0%,0%,0%,0.1); clear: both; word-break: keep-all;}
.tit_04 .tit_04__text{ display: inline-block; margin-bottom: 10px;}
.con_box .tit_05 { padding: 0 0 8px 4px; color: rgba(0%,0%,0%,0.7); font-size: 18px; font-weight: 600; }
.tit_05 .tit_05__text{ display: inline-block; margin-bottom: 10px;}
.tit_06{ margin:0 0 4px 0; padding:18px 0 12px 0px; color:rgba(0%,0%,0%,0.7); font-size:19px; border-bottom:1px solid rgba(0%,0%,0%,0.2); clear:both;}
.tit_07{ padding-bottom:8px;  color:rgba(0%,0%,0%,0.7); font-size:18px; }
.tit_08{ padding-bottom:8px;  color:#FEA401; font-size:18px; }

.search_box_result_item { font-size:20px; color:rgba(0%,0%,0%,0.7);font-weight: 400;}
.search_box_result_item span {
  font-size: 20px;
  color: #FEA401;
  font-weight: 500;
  margin: 0 4px;
}
.search_box_result_item .search_result_text { display: flex; align-items: center;font-size: 16px;}
.search_box_result_item .search_result_count { margin-bottom: 8px;}
.search_box_result_list table th, .search_box_result_list table td, .search_box_result_list table td span {font-size: 16px; color: rgba(0%,0%,0%,0.7); font-weight: 500;}
.search_box_result_list table th span{font-size: 16px; color: rgba(0%,0%,0%,0.7); font-weight: 500;}
.search_box_result_list .client_name a{font-size:16px; color:#2675d2;cursor: pointer;}
.search_box_result_list .client_name a:hover{color:#FEA401;}

a.link-underline{color: #2675d2;}
a.link-underline:hover{color: #FEA401;text-decoration: underline;}/*連結觸擊顏色*/

.search_checked_text,.increase_rate_checked_text{ display: block; font-size: 15px; color: rgba(0%,0%,0%,0.7);}
.search_checked_text .search_checked_label{ display: contents; font-size: 16px; color: rgba(0%,0%,0%,0.7); vertical-align: middle;}
.search_error { display: flex; flex-direction: row; align-items: center; margin-top: 6px; background-image: url(../../images/new/search_error.svg); background-repeat: no-repeat; background-position-x: left; height: 20px; font-size: 15px; color: #e12e23; line-height: 1; padding-left: 26px; }
.search_box_result_list .link_display{display: none;}
.suggest_hint { display:none; padding-bottom:8px;}
.suggest_hint .search_hint{ color: #FAC51E; font-style: italic; font-weight: 600; cursor: pointer;}
.suggest_hint .search_hint:hover{ color: #DD8B4A ;}


.search_box_result_list .link_status_nouse span { color: #F18600;}
.search_box_result_list .link_status_disabled span{ color: #e12e23;}
.search_box_result_list .link_status_success span{ color: #4d9966;}
.search_box_result_list .link_status_no_right span{ color: rgba(0%,0%,0%,0.7);}
.search_box_result_list .link_status_primary span{ color: #FAC51E}


.search_box_result_list .contract_status_disabled{color: #e12e23;}
.search_box_result_list .contract_status_success{color: #4d9966;}


.search_box table .btn_upload_files span,.search_box table .btn_upload_other_files span{font-size: 16px; font-weight: 400; color: #FAC51E; line-height: 1;}
.search_box table .btn_upload_other_files_disabled span{font-size: 16px; font-weight: 400; color: rgba(0%,0%,0%,0.4); line-height: 1;}
.search_box table .upload_file .file_name_and_extension{ display: inherit; cursor:pointer}
.search_box table .upload_file .file_name{font-size: 16px; font-weight: 400; line-height: 1.25; color: rgba(0%,0%,0%,0.7); white-space: nowrap; max-width: 160px; overflow: hidden; text-overflow: ellipsis;}
.search_box table .upload_file .file_extension{ display: inline-block; line-height: 22px; vertical-align: top;}
.search_box table .upload_file .file_status span{font-size:12px; font-weight: 400; line-height: 1; color:#4d9966 ;}
.search_box table .upload_file .file_uploading span{font-size: 12px; font-weight: 400; line-height: 1; color: rgba(0, 0, 0, 0.4);}


/*file uploading animation*/
.search_box table .upload_file .file_uploading_hint:after { overflow: hidden; display: inline-block; vertical-align: bottom; -webkit-animation: ellipsis steps(4,end) 900ms infinite; animation: ellipsis steps(4,end) 900ms infinite;content: "\2026"; /* ascii code for the ellipsis character */ width: 0px;}
@keyframes ellipsis { to { width: 20px; } }
@-webkit-keyframes ellipsis { to { width: 20px; } }

/*client-policies-fonts*/
.client_policy_info .tit_04{margin: 0 0 12px 4px;padding: 0; color: rgba(0%,0%,0%,0.7); font-size: 20px;font-weight: 500; border-bottom: 0;}
.client_policy_info .relevant_files .file_item_name{font-size: 16px; color: rgba(0%,0%,0%,0.7); padding: 12px; line-height: 1.25;}
.client_policy_info .safe_list li { font-weight:500;}

/*premium-calculator-fonts*/
.guarantee_category_item span{font-size: 20px; color: #FAC51E; font-weight: 400;}
.guarantee_suggestion_premium{font-size: 16px; font-weight: 400; color: rgba(0%,0%,0%,0.7);}
.guarantee_suggestion_premium span{font-size: 32px; font-weight: 500; color: #FAC51E; margin: 0 4px 0 4px;}
.list_suggestion_insurance .name_suggestion_insurance{font-size: 16px;font-weight: 400; color: rgba(0%,0%,0%,0.7);}
.list_suggestion_insurance .list_suggestion_premium{font-size: 16px; font-weight: 400; color: #FAC51E;}
.list_suggestion_insurance .list_suggestion_premium_no_enough{font-size: 16px;font-weight: 400; color: rgba(0%,0%,0%,0.7);}
.guarantee_detail_show_all a, .guarantee_detail_hide a{font-size: 15px; font-weight: 400; color: rgba(0%,0%,0%,0.7);}
.guarantee_amount .guarantee_amount_item, .guarantee_amount_no_change .guarantee_amount_item{font-size: 16px; font-weight: 500; color: #FAC51E;}
.guarantee_amount .guarantee_amount_price_total{font-size: 28px; font-weight: 500; color: #dd8b4a; text-align: center;}
.guarantee_amount_no_change .guarantee_amount_price_normal{font-size: 28px; font-weight: 500; color: #4d9966;; text-align: center;}
.guarantee_amount .guarantee_amount_detail{font-size: 16px; font-weight: 400; line-height: 1.2; color: rgba(0%,0%,0%,0.7);}
.guarantee_amount .guarantee_amount_detail_explication{font-size: 15px; font-weight: 400; line-height: 1.2; color: rgba(0,0,0,0.4);}
.premium_list .premium_btn_list div{ font-size: 16px; font-weight: 400; text-align: center; color: rgba(0%,0%,0%,0.7);  border: 1px solid rgba(0%,0%,0%,0.2); border-radius:6px 6px 0 0;}
.premium_list .premium_btn_list .on{ font-size: 16px; font-weight: 400; text-align: center; color: #ffff; background-color: #FAC51E; }
.premium_list .premium_item .age{
  font-size: 16px; font-weight: 500; text-align: center; color: rgba(0%,0%,0%,0.7); 
  background-color:rgb(36 162 245 / 13%);}
.premium_list .premium_item .price{font-size: 16px; font-weight: 400; text-align: center; color: rgba(0%,0%,0%,0.7); }
.con_box_s .analysis_word_count{font-size: 15px; color: rgba(0%,0%,0%,0.7);}
.policy_detail .policy_name a{font-size: 16px; color: rgba(0%,0%,0%,0.7);}
.policy_detail .policy_name a:hover{color: #079eb5;}
.policy_detail_item span{font-size: 16px; color: rgba(0%,0%,0%,0.7);}
.con_box .hint--primary{  font-size: 14px; line-height: 1.25; letter-spacing: 0.25px;margin-top:6px;}
.con_box .hint--primary a{  color: #fb973e;}


.guaranteed_year .title_03{font-size: 22px; color: rgba(0%,0%,0%,0.7); font-weight: 400; line-height: 1;}
.guaranteed_year span{font-size: 22px; color: #fb973e; font-weight: 400; line-height: 1; margin: 0 4px;}
.text_02{font-size: 16px; color: rgba(0%,0%,0%,0.7); font-weight: 400; line-height: 1.2;}
.policy_category .title_04{font-size: 20px; color: rgba(0%,0%,0%,0.7); font-weight: 500; line-height: 1;}

.guarantee_category_title_and_page .title_03, .guarantee_category_title .title_03{
    display: flex;
    align-items: center;
    font-size: 22px;
    color: #000;
    font-weight: 500;
    line-height: 1; }
.guarantee_category_title_and_page .title_03>img{padding-right: 10px;}
.guarantee_category_page span{font-size: 18px; color: rgb(3 67 228); font-weight: 400; line-height: 1;}
.guarantee_category_title .text_02{font-size: 16px; color: rgba(0%,0%,0%,0.7); font-weight: 400; margin-top: 8px;}

.month_pricing{font-size:17px; color:rgba(0%,0%,0%,0.7);font-weight: 400; line-height: 1;}
.month_pricing .price{font-size:32px; color:rgba(0%,0%,0%,0.7);font-weight: 500; line-height: 1; padding: 0 4px;}
.month_pricing .month{font-size:15px; color:rgba(0%,0%,0%,0.7);font-weight: 400; line-height: 1;}
.client_number_content, .client_number{font-size:16px; color:rgba(0%,0%,0%,0.7);font-weight: 400; line-height: 1;}
.client_number_content_disable, .client_number_disable, .client_number_disable .number_disable{ color:rgba(0%,0%,0%,0.5);}
.client_number span{font-size:22px; color:rgba(0%,0%,0%,0.7);font-weight: 400; line-height: 1;}


.search_box table .search_life_withdrawal span{font-size: 16px; color: rgba(0%,0%,0%,0.7); font-weight: 400; line-height: 1;}
.account_status span{font-size: 16px; color: #4d9966; font-weight: 500;}
.account_tit{font-size: 20px; color: rgb(6 76 230); font-weight: 500; margin-bottom: 16px;}
.infos_list .infos_list_tit, .infos_list .guratanteed_list_tit{font-size: 16px; color: rgba(0%,0%,0%,0.6); font-weight: 500;}
.infos_list .infos_list_content{font-size: 16px; color: rgb(31 0 107); font-weight: 400; word-break: break-word}
.infos_list .infos_list_content_error{font-size: 16px; color: #e12e23; font-weight: 400; word-break: break-all}
.infos_list .infos_list_content .app_status--on{color: #4d9966;}
.infos_list .infos_list_content .app_status--off{color: #dd8b4a;}
.infos_list .infos_list_item.infos_list_item__group_tags .infos_list_content{ margin-top: -4px;}
.infos_list li{margin: 0 16px 16px 16px; display: flex; flex-direction: row; flex-wrap: wrap;border-bottom: 1px solid rgba(0,0,0,0.2);}
.infos_list .infos_list_item{display: flex; flex-direction: row; flex-wrap: nowrap;max-width: 48%; width: 42%; margin: 0 10px 0 10px; padding: 4px 0 12px 12px; font-weight: 500; box-sizing: border-box; background: url(../../images/new/safe_list.png) no-repeat 0 2px;}
.member_status_process{color: #dd8b4a;}
.member_status_success,.status_success{color: #4d9966!important;}
.member_status_failed,.status_failed{color: #e12e23!important;}
.member_tit_01{font-size: 22px; font-weight: 500; color: #FAC51E;}
.popup_tit{font-size: 20px; color: rgba(0%,0%,0%,0.7); font-weight: 500; padding:24px 0 16px 24px; border-bottom:1px solid #f4f4f4;}
.popup_tit.popup_tit--no_padding{ padding: 0 0 20px 20px;}
.status_tit{font-size: 22px; text-align: center; margin-bottom: 48px;}
.client_search_title .tit_02{font-size: 22px; font-weight: 500; color: #FAC51E;}
.client_info_title .tit_02{font-size: 22px; font-weight: 500; color: #000;}
.client_note .tit_02{font-size: 22px; font-weight: 500; color: #FAC51E; line-height: 1;margin: 0 0 16px 0;}
.client_note_content{font-size: 16px; font-weight: 400; color: rgba(0%,0%,0%,0.7); line-height: 1.2; }

.con_box .reference_text{font-size: 15px; font-weight: 400; color: rgba(0%,0%,0%,0.7); line-height: 1.25;}



.tag_btn{ display:block; float:right; height:30px; margin:0 0 10px 10px; padding:0 10px 0 27px; line-height:28px; color:#fff; font-size:15px; font-weight:bold; text-align:center; background:#2a2a2a url(../../images/new/tag_btn.png) no-repeat 7px 7px; border:1px solid #2a2a2a; box-sizing:border-box; cursor:pointer;}
.tag_btn:hover{ color:#2a2a2a; background:#fff url(../../images/new/tag_btn_d.png) no-repeat 7px 7px;}


.edit_btn{ position:absolute; top:20px; right:20px;}
.edit_btn--inline{ position: inherit;top: 0;right: 0;}
.edit_btn a{ display:block; width:30px; height:30px; 
    background-position:center center; background-image:url(../../images/new/edit.svg); 
    background-repeat:no-repeat; box-sizing:border-box;}
.edit_btn a:hover{ opacity:0.7;}
.edit_btn.edit_btn--popup{ position:absolute; top:18px; right:64px;}
.edit_btn.edit_btn--popup a{ display:block; width:24px; height:24px; background-position:center center; background-image:url(../../images/new/icon_pen_black.svg); background-repeat:no-repeat; box-sizing:border-box;}
.edit_btn.edit_btn--popup a:hover{opacity:0.7;}




/*按鈕-純文字*/
.txt_btn{ display:block; float:right; height:30px; margin:0 0 10px 10px; padding:0 10px; line-height:28px; color:#fff; font-size:15px; font-weight:bold; text-align:center; background:#2a2a2a; border:1px solid #2a2a2a; box-sizing:border-box; cursor:pointer;}
.txt_btn:hover{ color:#2a2a2a; background:#fff;}

/*按鈕-清單*/
.list_btn{ height:30px; padding:0 0 0 10px; line-height:28px; background-color:#fff; border:1px solid #dddddd;}
.list_btn a{ display:inline-block; margin:0 5px 0 0; color:#FAC51E; text-decoration:underline; font-size:15px; vertical-align:middle;}
.list_btn .close_btn{ position:static; display:inline-block; width:25px; height:25px; vertical-align:middle; background:url(../../images/new/close_btn_h.png) no-repeat center center; background-size:15px;}
.list_btn .close_btn:hover{ background:url(../../images/new/close_btn_pk.png) no-repeat center center; background-size:15px;}

/*單選/複選*/
.radio_box, .checkbox_box{ overflow:hidden; margin:0 0 0 0;}
.radio_box::after{ display:block; clear:both; content:"";}
.radio_box div{ margin-bottom: 16px;}

/*按鈕-灰*/
.btn_gray{ display:block; clear:both; margin:10px 0 0 0;}
.btn_gray a{ color:#a0a0a0; text-decoration:underline; font-size:14px; font-weight:normal;}
.inp_btn + .btn_gray{ margin:0 0 6px 0; text-align:center;}
/*按鈕-檔案*/
.btn_file{ flex:0 0 auto; display:inline-block; width:20px; height:20px; margin:0; vertical-align:middle; background:url(../../images/new/icon_file.svg) no-repeat center center; background-size:auto 100%;}
/*按鈕-更新*/
.btn_refresh{ flex:0 0 auto; display:inline-block; width:20px; height:20px; margin:0; vertical-align:middle; background:url(../../images/new/icon_refresh.png) no-repeat center center; background-size:auto 100%;}
/*按鈕-刪除-黑*/
.btn_delete{ float: right !important; display:inline-block; width:24px; height:24px; vertical-align:middle; background:url(../../images/new/icon_close_h_m.png) no-repeat center center; background-size:auto 80%; margin-right:26px !important}
/*按鈕-刪除-警告色*/
.btn_delete_warning { float: right !important; display:inline-block; width:24px; height:24px; margin:0; vertical-align:middle; background:url(../../images/new/close_btn_pk.png) no-repeat center center; background-size:auto 80%;}
/*按鈕-編輯*/
.btn_edit{ margin-left: 8px; display:inline-block; width:22px; height:22px; vertical-align:middle; background:url(../../images/new/cb_edit.png) no-repeat center center; background-size:22px; cursor:pointer; }
.btn_edit:hover{opacity: 0.7;}

/* 按鈕-新增會員 */
.add_member_btn{ display:block; float:right;; padding:3px 12px 3px 6px; color:#fff; font-weight:bold; text-align:center; background:#dd8b4a; border:1px solid #dd8b4a; box-sizing:border-box; cursor:pointer; border-radius: 6px;}
.add_member_btn:hover{opacity: .9; display:block; float:right;; padding:3px 12px 3px 6px; color:#fff; font-weight:bold; text-align:center; background:#dd8b4a; border:1px solid #dd8b4a; box-sizing:border-box; cursor:pointer; border-radius: 6px;}
.add_member_btn span{color: #ffffff; font-size:16px; padding-left:4px; font-weight: 400;}
.add_member_btn a {display:flex; flex-direction: row; align-items: center;}

/*----------B-index----------*/
.pagesize .box{ padding: 0 24px;}
.pagesize .box .index_all_box{ display: flex;width: 100%;}
.index_first_content{display: flex; flex-direction: column;width: 50%;height: 100%;}
.index_second_content{width: 50%; display: flex;padding: 0 10px;}
.index_second_content .index_second_right{display: flex; flex-direction: column; width: 50%;}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after { content: none; }
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after { content: none; }


.ib_con:hover, .ib_con:focus { box-shadow: rgb(0 0 0 / 25%) 0px 0px 5px 0px; transform: scale(1.03); }
.alert_num{ position:absolute; top: -7px; right: -7px;display:block; min-width:12px; height:20px; padding: 0 4px; text-align:center; line-height:20px; color:#fff; font-size:12px; font-weight: 400; background:#E12E23; border-radius:20px;}
.sbc_list .alert_num{ position:relative; width:20px; height:20px; line-height:20px; margin:-20px 0 0 5px; font-size:12px;}

/*新聞*/
.news_box h3{font-size:20px; font-weight: 400; line-height: 1.25; color: rgba(0, 0, 0, 0.7);text-overflow: ellipsis;margin: 0 0 36px 0;}
.news_box .nbc_txt h4 { font-size: 16px; font-weight: 600; line-height: 1.25; color: rgba(0, 0, 0, 0.7); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.news_box .nbc_txt span{font-size: 14px; font-weight: 400; line-height: 1.25; color: #999999;}
.news_box{display: flex; flex-direction: row; padding:16px; margin: 0 12px 0 0;justify-content: space-between;height: 50%; padding-right: 0;}
.news_box .nb_img{ position:relative; width:50%; color:rgba(0, 0, 0, 0.7);padding-right: 16px; border-right: 2px solid rgba(0,0,0,0.2);}
.news_box .nb_img a{ position:absolute; width:100%; height:100%; top:0; left:0;}
.news_box .nb_img .nbi_pic{ line-height:0; margin:0 0 6px 0;  width: -webkit-fill-available;}
.news_box .nb_img .nbi_pic img{  width: 100%; height:auto; width: -moz-available; width: -webkit-fill-available; width: fill-available; border-radius:6px;}
.news_box .nb_img .swiper-container{ width: 100%; height: 100%; }
.news_box .nb_tit { font-size: 20px; margin-bottom: 24px;}
.news_box .swiper-pagination-bullet-active, .news_box .swiper-pagination-bullet{ background:#FAC51E;}
.news_box .swiper-pagination{ bottom : 0;}
.swiper-slide{width: 100%;}
.news_box .nb_list{ width:100%;}
.news_box .nb_list{ color:rgba(0, 0, 0, 0.7);}
.news_box .nb_list li{ overflow:hidden; position:relative; min-height:24px; margin:0 0 10px 0; padding:0 50px 10px 0; border-bottom:1px solid #efefef; text-overflow:ellipsis; white-space:nowrap;}
.news_box .nb_list li:last-child{ margin:0; padding:0 50px 0 0; border-bottom:none;}
.news_box .nb_list li a{ width:100%; color:rgba(0, 0, 0, 0.7); box-sizing:border-box;}
.news_box .nb_list li a:hover, .news_box .nb_img:hover > h3{ color:#FAC51E;}
.news_box .nb_list span{ margin:0 10px 0 0;}
.news_box .nb_list .nb_import a{ color:#FAC51E; font-weight:bold;}
.news_box .nb_list a.nb_l_quote{ position:absolute; right:0; top:0; display:inline-block; vertical-align:top; width:40px; padding:0 5px; color:#E12E23; font-size:14px; border:1px solid #E12E23;}
.news_box .nb_list a.nb_l_quote:hover{ color:#fff; background:#E12E23;}
.news_box .nb_box{ position: relative; padding:0 12px;width: 40%;}
.news_box .nb_box::after{ display:block; clear:both; content:"";}
.news_box .nb_box .nb_cell{ position: relative; margin: 0  0 16px 0;}
.news_box .nb_box .nb_cell .nbc_img{ flex:0 0 auto; width:135px; margin:0 16px 0 0;    border-radius: 6px;overflow: hidden;}
.news_box .nb_box .nb_cell .nbc_img img{ display:block; width:100%; height:auto;}
.news_box .nb_box .nb_cell .nbc_txt{ flex:1 1 auto;}
.news_box .nb_box .nb_cell:hover{ opacity:0.7; }

.news_box .nb_box .nb_cell .nbc_txt span{ margin:4px 0 0 0;font-size: 14px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.news_box .nb_box .swiper-button-next, .news_box .nb_box .swiper-container-rtl .swiper-button-prev{background:url(../../images/new/rcc_arrow_r.svg) no-repeat  ; background-size:100% 100%; right: -5%;}
.news_box .nb_box .swiper-button-prev, .news_box .nb_box .swiper-container-rtl .swiper-button-next{background:url(../../images/new/rcc_arrow_l.svg) no-repeat  ; background-size:100% 100%; left: -5%;}
.news_box .nb_box .swiper-button-next:hover,.news_box .nb_box .swiper-container-rtl .swiper-button-prev:hover,
.news_box .nb_box .swiper-button-prev:hover,.news_box .nb_box .swiper-container-rtl .swiper-button-next:hover {opacity: 0.7;}
.news_box .nb_box .swiper-pagination {bottom: 0px;}
.news_box .nb_box a{ display:block; position:absolute; left:0; right:0; top:0; bottom:0; width:100%; height:100%; z-index:2;}


.event_box{ margin-bottom: 20px;    overflow-wrap: break-word; }
.event_box .event_box__title{ display: flex; justify-content: space-between; }
.event_box .schedule_title--birth{ padding-left: 28px; align-self: center; background:url(../../images/new/icon_present_white.svg) no-repeat; }
.event_box .schedule_title--payment{ padding-left: 28px; align-self: center; background:url(../../images/new/icon_money.svg) no-repeat ; }
.event_box .schedule_title--event{ padding-left: 28px; align-self: center; background:url(../../images/new/icon_schedule_event.svg) no-repeat ; margin-bottom: 4px; }
.event_box .schedule_title--credit_card{ padding-left: 28px; align-self: center; background:url(../../images/new/icon_creditCard.svg) no-repeat ; margin-bottom: 4px; }
.event_box .event_box__contents { padding: 0 8px; margin:8px 4px; cursor: pointer; transition: 0.2s; color: rgba(0%,0%,0%,0.7); cursor:pointer; border-radius: 0 6px 6px 0; }
.event_box .event_box__contents:hover, .event_box .event_box__contents:focus { background: white; box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 5px 0px; transform: scale(1.02); }
.event_box .event_box__contents span{font-size: 14px;}
.event_box .event_box__contents--birth {border-left: 4px solid #ffca00;}
.event_box .event_box__contents--payment {border-left: 4px solid #96bdc7;}
.event_box .event_box__contents--event {border-left: 4px solid #d887c0;}
.event_box .event_box__contents--credit_card {border-left: 4px solid #96BDC7;}
.event_box .event_details span {cursor:pointer;}
.event_box .event_details .event_detail {margin: 1px 0;word-break: break-all;}
.event_box .event_details .event_location { align-self: center; padding-left: 24px; margin: 1px 0; background:url(../../images/new/icon_place.svg) no-repeat ; height: 20px; overflow : hidden; text-overflow : ellipsis; white-space : nowrap;max-width: 120px;}
.event_box .event_details .event_location span{ vertical-align: top; }
.event_box .event_name {overflow : hidden; text-overflow : ellipsis; white-space : nowrap; max-width : 200px; width: fit-content;}


.rcc_list{ position:relative; margin:0 0 15px 0; padding:0 0 15px 0; border-bottom:1px solid #efefef;}
.rcc_list:last-child{ margin:0; padding:0; border-bottom:none;}
.rcc_list h4{ margin:0 0 10px 0; color:#FAC51E;}
.rcc_list span{ display:inline-block; min-width:45px; height:20px; margin:0 5px 0 0; line-height:20px; color:#fff; text-align:center; vertical-align:top; background-color:#FAC51E;}
.rcc_list p{ display:inline-block; width:84%; vertical-align:top;}
.rcc_list a{ position:absolute; top:0; left:0; width:100%; height:100%;}
.rcc_list:hover p{ color:#FAC51E;}


.index_desktop_display_column{display: flex; flex-direction: column;}

/*-----header-----*/
.inpage .header{ padding: 5px 0 5px 0; background-color:#FAC51E;}
.inpage .header .box{ padding:0 30px;}
.inpage .header  h1{ float:left; width:200px; height:60px; background:url(../../images/new/logo_inpage.png) no-repeat center center;}
.inpage .header .hb_info{ position:static; float:right; margin:15px 55px 0 0; color:#fff;}
.inpage .header .hb_info span{ color:#fff; font-weight:bold;}
.inpage .header .hb_info a{ display:inline-block; text-align:center; color:#fff; width:90px; height:25px; margin:0 15px 0 0; line-height:25px; border:1px solid #fff; border-radius:3px;}
.inpage .header .hb_info a:hover{ color:#fff100; border:1px solid #fff100;}
.inpage .user a{ display:block; width:50px; height:50px;}
.inpage .user{ position:absolute; top:5px; right:55px; background:url(../../images/new/inpage_user.png) no-repeat -5px 0px; background-size:auto 45px; z-index:2;}
.inpage .user:hover{ background:url(../../images/new/inpage_user_h.png) no-repeat -5px 0px; background-size:auto 45px; }


/*主選*/
.inp_nav .box{ position:static;}
.inp_nav{ padding:0 15px; text-align:center; background:#fff; box-shadow:0px 1px 3px 0px rgba(0%,0%,0%,0.1);}
.inp_nav li{ padding:5px 0; display:inline-block;}
.inp_nav a{ display:block; padding:5px 15px; color:#9b9c9c; font-weight:bold; border:1px solid rgba(255,255,255,0);}
.inp_nav a:hover, .inp_nav a.on{ color:#FAC51E; border:1px solid #FAC51E;}
.mem_nav{ background:#a0a0a0;}
.mem_nav a{ color:#c9c9c9;}
.mem_nav a:hover, .mem_nav a.on{ color:#fff100; border:1px solid #fff100;}
/*次選*/
.inp_nav li:hover .sub_nav{ display:block}
.sub_nav{ display:none; position:absolute; top:155px; left:0; right:0; width:100%; padding:15px; background-color:#f6f6f6; box-sizing:border-box; box-shadow:0px 1px 3px 0px rgba(0%,0%,0%,0.1); z-index:99;}
.sub_nav .box::after{ content:''; display:block; clear:both;}
.sub_nav .sn_cell{ float:left; width:33.3%;}
.sub_nav .sn_cell h4{ margin:0 15px 0 0; color:#FAC51E; font-weight:bold;}
.sub_nav .sn_cell h4, .sub_nav .sn_cell ol{ float:left;}
.inp_nav .sub_nav li{ display:block; margin:0 0 10px 0; padding:0 0 0 15px; text-align:left; background:url(../../images/new/disc.png) no-repeat 0 10px;}
.inp_nav .sub_nav li:last-child{ margin:0;}
.inp_nav .sub_nav li a{ padding:0; color:#7d7d7d; border:none;}
.inp_nav .sub_nav li a:hover{ color:#FAC51E;}



.tit_01 ~ .search_box{ float:left; width:85%;}
#view_information .edit_btn ~ .search_box{ margin:30px 0 20px 0;}
.search_box{display:block; width:100%; margin:0; padding:20px 20px ; color:rgba(0,0,0,0.7); background:#f4f4f4; box-sizing:border-box;}
.search_box_topline .search_box table{margin: 12px 0 12px 0;}
.search_box_result{ display:block; padding-top: 12px;}
.search_box_result_list{ display:block ; width:100%;}

.search_box.sb_w{ padding:0; background:#fff; border:none;}
.search_box table{ width:100%; box-sizing:border-box;}
.search_box.sb_01 table{ float:left; width:49%; margin:0 2% 0 0;}
.search_box.sb_02 table{ float:left; width:32%; margin:0 2% 0 0;}
.search_box table.sb_100{ width:100%;}
.search_box.sb_border table{ border-right:1px solid #e5e5e5;}
.search_box.sb_01 table:nth-child(2n){ margin:0;}
.search_box table:last-child{ margin:0;}
.search_box table th{ font-weight:normal; padding:12px; text-align:right;}
.search_box table td{ position:relative; height:45px; padding:12px; box-sizing:border-box;}
.search_box table td label{ margin-bottom: 0;}
.search_box table .text_cell{padding:20px 24px;}
.search_box table td:nth-child(odd){ white-space:nowrap;}
.search_box table td:nth-child(odd), .search_box table th{ min-width:205px; width: 180px; font-weight:600; background-size:5px auto; vertical-align:middle; box-sizing:border-box; white-space: pre-wrap;}
.search_box table td:nth-child(odd), .search_box table .search_title_up24{
   min-width:115px; width: 220px; padding-bottom: 24px;
    font-weight:500; background-size:5px auto;  box-sizing:border-box; 
    white-space: inherit; padding-top:20px}
.search_box table .search_title_up52{ min-width:115px; width: 220px; padding-bottom: 52px; font-weight:500; background-size:5px auto; vertical-align:middle; box-sizing:border-box; white-space: pre-wrap;}
.search_box_more table td:nth-child(odd), .search_box_more table th{ 
  text-align: right;
  min-width:115px; width: 203px; font-weight:500; padding:18px 8px 0 8px; background-size:5px auto; vertical-align:top; box-sizing:border-box; white-space: pre-wrap;}
.search_box table span, .table_box table span{ color:rgba(0,0,0,0.7); margin-left: 8px;}
.search_box table .unit{ color: rgba(0,0,0,0.7); vertical-align: middle;}
.search_box table span .insuranceAge{ margin-left: 0px;}
.search_box.person_box{ padding:0; background-color:#fff; border:none;}
.search_box .benefits_type{ padding:0 24px; margin-top: -10px; }
.search_box .benefits_type_title{ display: inline-block; vertical-align: -webkit-baseline-middle; }
.search_box .input_unit{  color: rgba(0,0,0,0.7);  vertical-align: middle;}
.search_box .align_top{ vertical-align: top;}
/* 保費提示 */
.search_box .money_hint{ text-align: center; font-size: 12px; margin-bottom: 10px; color: rgba(0,0,0,0.7);}
    /*.tit_04 + .search_box{ position:absolute; top:0; right:20px; width:30%;}*/
.search_box.search_box_nth td:nth-child(odd), .search_box.search_box_nth table th{ background:none;}
/*.search_box table td:first-child{ padding:2px 0 10px 0;}*/
.search_box .sb_set{ position:relative; margin:0 0 10px 0; clear:both; display: flex; flex-wrap: wrap;}
.search_box .sb_set:last-child{ margin:0;}
.search_box .sb_set .effective_date, .search_box .sb_set .release_date{ display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; margin:0 12px 8px 0; width: 160px;}
.search_box .search_explication{ display:flex; flex-direction:column;}
.search_box .search_explication label, .search_box .tags input{margin-bottom: 8px;}
.search_box .search_checked{ display:flex; flex-direction:row; align-items: center; } 
.search_box .search_checked.search_checked--behind{ display:inline-flex; } 
.search_box .search_checked--behind .search_checked_text{margin-left: 16px; font-size: 16px; color: rgba(0%,0%,0%,0.7); white-space: nowrap;}
.search_box .multi_search_checked{display:flex; flex-direction: inherit; align-items: flex-start; margin-top: 6px; }
.search_box .multi_search_checked label{margin-bottom: 12px;cursor: pointer; }
.search_box .search_button_no_margin_down{ margin-bottom: 0px;}
.search_box .search_status{ display:flex; flex-direction:row; align-items: center; margin-top: 6px;background-image: url(../../images/new/search_error.svg); background-repeat: no-repeat; height: 20px;}
.search_box_result .search_box_result_item{ display: flex; flex-direction: row; align-items: center; justify-content:space-between; flex-wrap: wrap; margin: 0 4px 0 4px;}
.search_box_more table td {position: relative;height: 45px;padding: 12px 24px; vertical-align: top; box-sizing: border-box;}


.search_box table .btn_upload_files{display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; 
    border: 1px solid #FAC51E; padding: 6px 12px; border-radius: 6px; width: 100px; margin-bottom: 6px; 
    background-image: url(../../images/new/upload.svg);  background-size:22px;background-repeat: no-repeat; background-position: 12px;}
.search_box table .btn_upload_files::before{ content:"上傳文件";color:#FAC51E; margin-left: 29px;}
.search_box table .btn_upload_files:hover{opacity: 0.7; display: flex; flex-direction: row; flex-wrap: nowrap; border: 1px solid #FAC51E; padding: 6px 12px; border-radius: 6px; width: 100px; margin-bottom: 6px;}
.search_box table .btn_upload_other_files{display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; border: 1px solid #FAC51E; padding: 6px 12px; border-radius: 6px; width: 128px; margin:4px 0 6px 0; background-image: url(../../images/new/icon_file_upload_brand_color.png); background-repeat: no-repeat; background-position: 12px;}
.search_box table .btn_upload_other_files::before{ content:"上傳其他文件";color:#FAC51E; margin-left: 29px;}
.search_box table .btn_upload_other_files:hover{opacity: 0.7; display: flex; flex-direction: row; flex-wrap: nowrap; border: 1px solid #FAC51E; padding: 6px 12px; border-radius: 6px; width: 128px; margin:4px 0 6px 0;}
.search_box table .btn_upload_other_files_disabled{ display:none; pointer-events: none; cursor: default; flex-direction: row; flex-wrap: nowrap; align-items: center; border: 1px solid rgba(0%,0%,0%,0.4); padding: 6px 12px; border-radius: 6px; width: 128px; margin:4px 0 6px 0;background-image: url(../../images/new/icon_file_upload_disabled.png); background-repeat: no-repeat; background-position: 12px;}
.search_box table .btn_upload_other_files_disabled::before{ content:"上傳其他文件"; margin-left: 29px; color: rgba(0%,0%,0%,0.4);}
.search_box table .upload_file{display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; justify-content: space-between; background-color: rgba(30,58,62,0.08); padding:6px 12px; border-radius: 6px; width: 280px; margin-bottom: 8px; min-height: 40px;}
.search_box table .file_name_and_icon{display: flex; flex-direction: row; flex-wrap: nowrap; cursor:pointer}
.search_box table .file_name_and_status{display: flex; flex-direction: column; margin: 0 12px 0 8px;}
.search_box table .file_name_and_status .file_status{display: flex;flex-direction: row;flex-wrap: nowrap; margin-top: 6px;}
.search_box table .upload_file a{width: 24px; height: 24px;}
.search_box table .upload_file a:hover{opacity: 0.7; width: 24px; height: 24px;}
.search_bar_box{display: flex; }
.search_bar_box .input_box{ margin-right: 16px; margin-top: 4px; margin-bottom: 32px; flex:auto;}
.search_bar_box .input_box .input_title{ font-size: 14px; margin-bottom: 4px; display: inherit;}
.search_bar_box .input_box .btn_gray{ margin-top: 4px;display: inline-block;}
.search_bar_box .inp_btn{ margin: initial;  align-self: center; margin-top: 22px; white-space: nowrap;}
.search_bar_box .inp_btn a{ padding: 7px 42px; margin: initial; margin-right: 12px;}
.search_bar_box .company_title{ padding: 8px 0px;}

/* client-policies */
.client_policy_info .relevant_files{padding-bottom: 8px; border-bottom: 1px solid rgba(0, 0, 0, 0.2); margin-bottom: 16px;}
.client_policy_info .relevant_files:last-child{padding-bottom: 0; border-bottom:0; margin-bottom: 0;}
.client_policy_info .relevant_files .files_list{display: flex; flex-direction: row; flex-wrap: wrap;}
.client_policy_info .relevant_files .file_item{position:relative; width: 160px; height: 128px; border: 1px solid rgba(0%,0%,0%,0.7);border-radius: 6px; margin:0 16px 16px 0; overflow: hidden;cursor: pointer;}
.client_policy_info .relevant_files .file_jpg{transition: all 0.3s; height: 80px;background:#fff url(../../images/new/icon_file_jpg_disabled.svg) no-repeat center;}
.client_policy_info .relevant_files .file_png{transition: all 0.3s;  height: 80px; background:#fff url(../../images/new/icon_file_png_disabled.svg) no-repeat center;}
.client_policy_info .relevant_files .file_pdf{transition: all 0.3s; height: 80px; background:#fff url(../../images/new/icon_file_pdf_disabled.svg) no-repeat center;}
.client_policy_info .relevant_files .file_item_name{height: 24px; border-top: 1px solid rgba(0%,0%,0%,0.7); background-color: #f4f4f4; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-break: break-all;}
.client_policy_info .relevant_files .file_item:hover .file_jpg,
.client_policy_info .relevant_files .file_item:hover .file_png,
.client_policy_info .relevant_files .file_item:hover .file_pdf{transform: translateY(-80px);transition: all 0.4s;}
.client_policy_info .relevant_files .file_item:hover .file_item_name {border-top:1px solid  rgba(0,0,0,0); background-color: #f4f4f4; height: 100%; transform: translateY(-80px); transition: all 0.4s ease-in-out; text-overflow: unset; white-space: unset;}

/*input-text+date*/
input[type="text"], .search_box input[type="date"], .search_box input[type="time"], .table_input input[type="text"], .table_input input[type="date"], .msup_pay_box input[type="text"], .suggestion_commodity input[type="text"] { width:100%;height:36px; padding:0 0 0 8px;letter-spacing: 0.5px; line-height: 1.25; color:rgba(0,0,0,0.7); border:1px solid rgba(0,0,0,0.2); border-radius: 6px; box-sizing:border-box; vertical-align:middle;}
label{ min-width:7%; vertical-align:top; white-space: nowrap;margin: 0 16px 8px 0;}
.search_box .sb_set input[type="text"]:last-child{ margin:0;}
.search_box .input_date{ background:#fff url(../../images/new/inpute_date.png) no-repeat center right;}
.search_box .input_search{ background:#fff url(../../images/new/icon_search_disabled.svg) no-repeat 10px;  padding-left: 40px !important;}
/* .search_bar_box .input_search--right{ background:#fff url(../../images/new/icon_search_disabled.svg) no-repeat  right 6px center; } */
input[type="text"].short_w{ width:45%;}
input[type="text"].text_bt{ padding:0 100px 0 10px;}
input[type="text"].input_xsmall{ padding: initial; text-align: center;}

/* input_width */
.input_xsmall{  width: 68px!important;max-width: 68px!important;}
.input_small{  width: 128px!important;max-width: 128px!important;}
.input_small_medium{ width: 144px!important;max-width: 144px!important;}
.input_medium{ width: 160px!important;max-width: 160px!important;}
.input_larger_medium{ max-width: 180px!important;width: 180px!important;}
.input_medium_large{ max-width: 216px!important;width: 216px!important;}
.input_large{ max-width: 240px!important;width: 240px!important;}
.input_xlarge{ max-width: 320px!important;width: 320px!important;}
.input_xxlarge{ max-width: 416px!important;width: 416px!important;}
.input_large_content{max-width: 280px!important;width: 280px!important;}
.input_select_xsmall{ min-width: 64px!important;width: 64px!important;}
.input_select_small{ min-width: 128px!important;width: 128px!important;}
.input_select_small_medium{ min-width: 144px!important;width: 144px!important;}
.input_select_medium{ min-width: 160px!important;width: 160px!important;}
.input_select_medium_large{ min-width: 216px!important;width: 216px!important;}
.input_select_large{ min-width: 240px!important;width: 240px!important;}


/* input_sale_code */
.input_sale_code{background:#f4f4f4 ; width: 240px; height: 36px; padding: 0 0 0 10px; line-height: 36px; color: rgba(0,0,0,0.7);border: 1px solid rgba(0,0,0,0.2);border-radius: 6px; box-sizing: border-box; vertical-align: middle;}
/* input_redeem_code */
.input_redeem_code{ font-size: 16px;}
/* input_password */
.search_box .input_password{ width: 100%; height: 36px; padding: 0 0 0 10px; line-height: 36px; color: rgba(0,0,0,0.7); border: 1px solid rgba(0,0,0,0.2); border-radius: 6px; box-sizing: border-box; vertical-align: middle;}
/* input_label_popup */
.search_box.search_box .input_label_popup{ width:190px;}
/* search_box_checkbox */
.search_box .th_checkbox{ white-space:unset; padding: 6px 100px;}
.search_box .search_box_checkbox{ width:219px;text-align: left;}

/*input-radio+checkbox*/
.no_input, input[type="sty_radio"]{display:none}
label span.sty_radio{ display:block; margin:0; padding:9px 16px; 
  line-height:1.3; text-align:center; color:#737373; 
  font-size:16px; background-color:#fff; border:1px solid #E6F1FF; 
  border-radius:6px; box-sizing:border-box; cursor:pointer;}
label .no_input:checked + span.sty_radio{ color:#fff; background:#FFA269; border:1px solid #FFA269;}
label .no_input:disabled:checked + span.sty_radio{ color:#fff; background:rgba(0,0,0,0.4); border:1px solid rgba(0,0,0,0.1);}
label span.sty_checkbox.sty_radio, label .no_input:checked + span.sty_checkbox.sty_radio:after{ border-radius:0;}
label .no_input + .sty_radio.sty_checkbox{ display:inline-block; width:16px; height:16px; min-width:auto; padding:0; line-height:1; background:#fff; border:1px solid rgba(0,0,0,0.7); border-radius:3px; vertical-align:middle; position: relative;margin-right: 6px;}
label .no_input:checked + .sty_radio.sty_checkbox{width: 16px; height: 16px; content: ""; display: inline-block; border:1px solid rgba(0,0,0,0.7);background:#fff; background-image: url(../../images/new/checked_primary.svg); background-position: center; background-repeat: no-repeat;transition: auto;}
label .no_input:checked + .sty_radio.checkbox_style{width: 16px; height: 16px; content: ""; display: inline-block; border:1px solid rgba(0,0,0,0.7);background:rgba(0,0,0,0); background-image: url(../../images/new/checked_primary.svg); background-position: center; background-repeat: no-repeat;transition: auto;}


label .no_input.c-secondary:checked + span.sty_radio{ color:#fff; background:#69acff; border:1px solid #69acff;}
label .no_input.c-secondary:disabled:checked + span.sty_radio{ color:#fff; background:rgba(0,0,0,0.4); border:1px solid rgba(0,0,0,0.1);}

/* normal radio button*/
.round_radio_box{	display: flex; flex-direction: column;}
.round_radio {margin-left: 10px;}
.round_radio input[type=radio] { position: absolute; opacity: 0;}
.round_radio label {color: rgba(0, 0, 0, 0.7);margin-bottom: 4px;}
.round_radio input[type=radio] + .radio-label:before { content: ""; background: #f4f4f4; border-radius: 100%; border: 1px solid #FAC51E; display: inline-block; width:8px; height:8px; position: relative; top: 7px; margin-right: 8px; vertical-align: top; cursor: pointer; text-align: center; transition: all 250ms ease;}
.round_radio input[type=radio] + .radio-label:before { border-color: rgba(0,0,0,0.7);}
.round_radio input[type=radio]:checked + .radio-label:before { border-color: #FAC51E; background-color: #FAC51E; box-shadow: inset 0 0 0 2px #f4f4f4;}
.round_radio input[type=radio]:focus + .radio-label:before { outline: none; border-color: #FAC51E;}
.round_radio input[type=radio]:disabled + .radio-label:before { box-shadow: inset 0 0 0 2px #f4f4f4; border-color: #b4b4b4; background: #b4b4b4;}
.round_radio input[type=radio] + .radio-label:empty:before { margin-right: 0;}
/*input-file*/
form{ position:relative; display: contents;}
.no_file{ position:absolute; width:100%; opacity:0; filter:alpha(opacity=0); z-index:2;}
.file_preview{ position:absolute; top:0; right:0; width:60px; height:35px; line-height:35px; text-align:center; color:#fff; background:#a0a0a0;}
/*textarea*/
textarea{ width:100%; height:120px; padding:10px; font-family: "Noto Sans TC", sans-serif; box-sizing:border-box; border:1px solid rgb(0 0 0 / 20%); border-radius:6px;}
.search_box textarea{ border:none;}
.search_box.sb_w textarea{ border:1px solid #dddddd;}
/*select*/
/* select{ display:inline-block; width:100%; height:36px; padding:0 30px 0 10px; margin:0 0 15px 0; letter-spacing: 0.5px; line-height: 1.25; color:rgba(0,0,0,0.7); background:#fff url(../../images/new/select_arrow.png) no-repeat right 50%; border:1px solid rgba(0,0,0,0.2); border-radius: 6px; box-sizing:border-box; vertical-align:top;} */
/* select ~ select{ margin:10px 0 0 0;} */
.select_btn{ float:right;}
.select_btn select{ width:150px;}
.add_select{ position:absolute; right:0; top:0; display:block; width:36px; height:36px; background-image:url(../../images/new/icon_plus_orange_border.svg); box-sizing:border-box;}
.add_select:hover{ opacity: 0.7;}
.btn_search{ position:absolute; right:0; top:0; display:block; width:35px; height:35px; border-radius:3px; background:#E12E23 url(../../images/new/icon_search_w.png) no-repeat center center; background-size:20px; border:1px solid #E12E23; box-sizing:border-box;}
.btn_search:hover{ background:#fff url(../../images/new/icon_search_pk.png) no-repeat center center; background-size:20px;}
.btn_copy{ position: static; flex: 0 0 24px; display:block; width:24px; height:24px; background-image:url(../../images/new/icon_copy_secondary.svg); box-sizing:border-box;}
.btn_copy:hover{ opacity: 0.7;}
.search_box select{ margin:0; margin-right: 8px;}
.table_input select{ margin:0;}

/*按鈕-新增(公司)*/
.search_add_01{ display:block; position:absolute; top:5px; right:10px; width:35px; height:35px; background:url(../../images/new/search_add_01.png) no-repeat center right;}
.search_add_01:hover{background:url(../../images/new/search_add_01_h.png) no-repeat center right;}
.padding_01 .search_add_01{ right:5px;}
.tit_01 ~ .search_add_list{ top:0; right:0; width:43.5%;}
.search_add_list .tit_02{ float:none; margin:0 0 5px 0;}
.search_add_list .sal_con{ overflow:auto; margin:0 0 10px 0;}
.search_add_list label{ float:left; margin:0 10px 5px 0;}
.search_add_list, .sub_box .search_add_list{ top:0; right:0; width:50%;}

/*按鈕-其他*/
.sb_set .btn_send{ display:block; height:35px; font-size:15px; line-height:35px; text-align:center; color:#fff; background-color:#a0a0a0; flex:0 0 80px;}
.sb_set .btn_send:hover{ background-color:#FAC51E;}
.search_box .company_title {display: none;padding-top:8px;font-weight: 600;color: #FAC51E }

/*-----table-box-----*/
.table_tit{ float:left; margin:0 0 24px 0; font-weight:normal; color:#535353;}
.table_tit span{ color:#E12E23;}
.table_box{ overflow:auto;}
.table_box.search_box{ padding:0; border:none; background-color:#fff;}
.table_box.search_box th::before, div.table_box.search_box td::before{ display:none;}
.table_box::-webkit-scrollbar { width: 6px;height: 6px;}
.table_box::-webkit-scrollbar-track {-webkit-border-radius: 10px; border-radius: 5px; margin:30px 0 15px 0;}
.table_box::-webkit-scrollbar-thumb {-webkit-border-radius: 4px; border-radius: 4px; background: rgb(0,0,0,0.2);}

/*table*/
.con_box .txt_left{ text-align:left; clear:both;}
.table_box{ clear:both; margin:0 0 24px 0;}
.table_box table{ width:100%; height: fit-content; box-sizing:border-box; border:1px solid #ececec;}

/*con_box table_view_box 2021 new table style*/
.con_box .table_view { max-width: 1024px; width: 90%; height: 650px; padding: 0; }
.table_view__box { overflow: auto; height: 82%; }
.table_view__box { overflow: auto; }
.con_box .table_view__box { clear: both; border: 1px solid rgba(0%, 0%, 0%, 0.7); border-radius: 6px; }
.table_view__box table { width: 100%; box-sizing: border-box; }
.con_box .table_view__box th, .con_box .table_view__box td { padding: 12px 8px; text-align: left; word-break: break-all; box-sizing: border-box; transition: all 0s ease 0s; }
.con_box .table_view__box th { position: sticky; top: 0; /* Don't forget this, required for the stickiness */ font-size: 16px; font-weight: 400; color: rgba(0%, 0%, 0%, 0.7); background-color: #f4f4f4; border-bottom: 1px solid rgba(0%, 0%, 0%, 0.7); z-index:10; }
.con_box .table_view__box td { font-size: 16px; font-weight: 400; color: rgba(0%, 0%, 0%, 0.7); background-color: #fff; border-bottom: 1px solid rgba(0%, 0%, 0%, 0.2); }
.con_box .table_view__box th:first-child, .con_box .table_view__box td:first-child { padding-left: 24px; }
.con_box .table_view__box .status--on {color: #4d9966;}
.con_box .table_view__box .status--off{color: #dd8b4a;}
.con_box .table_view__box .status--no-right{color: #e12e23;}
.con_box .table_view__box .th--medium { width: 160px; }
.con_box .table_view__box .th--large { width: 200px; }
.con_box .table_view__box .th--xl { width: 400px; }

/* 客戶查詢/商品百科表格 */
.search_box_result table{ width: 100%; border-spacing: 0 8px;border-collapse: inherit;}
.search_box_result table{ width: 100%;}
.search_box_result tr {height: 54px;  background-color: #ffffff; }
.search_box_result table th:first-child,.search_box_result table td:first-child{ border-top-left-radius:6px; border-bottom-left-radius:6px;}
.search_box_result table th:last-child, .search_box_result table td:last-child{ border-top-right-radius:6px; border-bottom-right-radius:6px;}
.search_box_result .result_filter{display: flex; align-items: center; margin-bottom: 8px; margin-left: 24px;}
.search_box_result select ~ select { margin: unset;}
.search_box_result_list .result_title_w_display{height: 54px; border-collapse: collapse;}
.search_box_result_list .result_title_m_display{display: none;}
.search_box_result_list .result_title_check{width: 8%;}
.search_box_result_list .result_title_infos{width: 92%;}
.search_box_result_list .result_title_infos ol{display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center;}
.search_box_result_list .result_title_infos .result_title_width_s{width: 16%;}
.search_box_result_list .result_title_infos .result_title_width_m{width: 20%; margin-right: 16px;}
.search_box_result_list .result_title_infos .result_title_width_l{width: 50%;}
.search_box_result_list .result_title_infos .result_title_width_xl{width: 100%;}
.search_box_result_list .client_name {min-width: 120px; display: flex; flex-direction: row;}
.search_box_result_list .client_name a{color:#2675d2;padding:10px;margin:-1px;display: block;}
.search_box_result_list .company_name{width: 120px; display: flex; flex-direction: row; margin-left: 24px; }
.search_box_result_list .commodity_name{ display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; margin: 12px 0 12px 0;}
.search_box_result_list .commodity_name a{ padding:10px;margin:-10px;}
.search_box_result_list .commodity_name .commodity_name_title{width: 240px; padding: 4px;}
.search_box_result_list .commodity_name .commodity_name_number{width: 120px; padding: 4px;overflow-wrap: break-word;}
.search_box_result_list table tr label{ display: flex;flex-direction: row; flex-wrap: wrap; align-items: center; margin: 0px; padding-left: 20%;}
.search_box_result_list .client_infos, 
.search_box_result_list .commodity_infos,
.search_box_result_list .print_infos{ display: flex; flex-direction: row;align-items: center; justify-content: flex-start;}
.search_box_result_list .client_infos li{ width: 18%; min-width: 120px; padding: 4px 0 4px 0;}
.search_box_result_list .print_infos li{ width: 20%; min-width: 120px; padding: 4px 0 4px 0;}
li.status_li{ width: 20%!important; min-width: 220px!important; padding: 4px 0 4px 0!important;}

.search_box_result_list .commodity_infos li{width: 20%; min-width: 120px; padding: 4px 0 4px 0;}
.search_box_result_list .commodity_infos
.search_box_result_list .link_status{ display: flex; flex-direction: row; align-items: center; flex-wrap: wrap;}  
.search_box_result_list .link_status span { margin-right: 4px; vertical-align: middle;}
.search_box_result_list .result_title_info input[type=checkbox]{ height: 0; width: 0; visibility: hidden; }
.search_box_result_list .result_title_info label { cursor: pointer; text-indent: -9999px; width: 44px; height: 26px; background: #AAB7BB; display: inline-block; border-radius: 100px; position: relative; padding-left: unset; float: unset;}
.search_box_result_list .result_title_info .disabled { opacity: 0.3;}
.search_box_result_list .result_title_info label:after { content: ''; position: absolute; top: 2px; left: 3px; width: 22px; height: 22px; background: #fff; border-radius: 12px; transition: 0.3s; }
.search_box_result_list .result_title_info input:checked + label { background: #FAC51E; }
.search_box_result_list .result_title_info .disabled input:checked + label { background: #FAC51E; }
.search_box_result_list .result_title_info input:checked + label:after { left: calc(100% - 3px); transform: translateX(-100%); }
.search_box_result_list .result_title_info label:active:after { width: 13px; }
.search_box_result_list .result_title_info .hasApp { pointer-events: none; } 
.search_box_result_list .line_it_btn { 
  display:inline-block; vertical-align: middle; padding: 4px 8px 4px 38px; height: 30px;
  color: #fff; cursor: pointer;  background: url(../../images/new/line_icon.svg) no-repeat 8px;
   background-color: #06C755; border-radius: 6px;}
/* .search_box_result_list .line_it_btn::before {content: '分享Line連結';} */
.search_box_result_list .line_it_btn:hover { opacity: 0.7;}
.search_box_result_item .result_filter select{ margin: 0 4px; }
.search_box_result_item .result_filter span{ color: rgba(0, 0, 0, 0.7); font-size: 16px; font-weight: 500; word-break: keep-all; margin-right: 8px; }
.search_box_result_item .result_filter a{ margin-left: 28px; margin-top: -5px;}

.table_box th, .table_box td, .table_box.search_box td, .table_box.search_box table td:nth-child(1){
   padding:12px 6px; text-align:center; vertical-align: middle;
  box-sizing:border-box; font-size:16px; font-weight: normal;}
.table_box th{ color:rgba(0,0,0,0.7); background-color: #ececec; border-bottom:1px solid #ececec;word-break: keep-all;}
.table_box td{ background-color:#fff; border-bottom:1px solid #ececec;}
.table_box td input{ vertical-align:top;}
.table_box .col_non_break{ word-break: keep-all; }
/* .table_box tr:nth-child(odd) td{ background-color:#fafafa;} */
.table_box tr:last-child th, .table_box tr:last-child td{ border-bottom:none;}
.table_box a{ color: #69cbd7}
.table_box a:hover{opacity: 0.7; color: #45BFFF;}
.table_box .sty_radio .sty_checkbox{ width:16px; height:16px; background-color:#fff; margin:0 auto;}
.table_box label .no_input + .sty_radio.sty_checkbox{ margin:0;}
.table_box .append_policy{ word-break: keep-all;}
/* table 新樣式 */
.history .table_box {clear: both; margin: 0 0 20px 0;}
.history .table_box table{width: 100%; box-sizing: border-box; border:none; border-collapse: collapse; }
.history.table_box .history_content{border-top: 1px solid rgba(0, 0, 0, 0.2);}
.history.table_box .history_content td{word-break: break-all; text-align: center;}
.history .table_box th,.history.table_box td{background-color: #ffffff;  padding: 7px 5px; text-align: left; vertical-align: middle; word-break:break-all; box-sizing: border-box; font-size:16px;}
.history .history_item_action{display: flex;flex-direction: row;flex-wrap: nowrap; justify-content: flex-end; padding-left: 20px; height: 100%;}
.history .history_item_action a{margin: 0 12px;}
.history .history_item_action a:hover{ opacity: .7;}
.history_title .table_width_s{width: 12%;}
.history_title .table_width_m{width: 16%;}
.history_title .table_width_l{width: 46%;}
.history .search_box table tr{display: flex; align-items: baseline;}
.history .search_box table td{display: flex; word-break: keep-all; align-items: center; width: auto; height: auto; padding: 8px 4px; margin-right: 24px;}
.history .search_box table td div{display: flex;}
.history .search_box .history_textarea {width: 100%; height:auto;}
.history .search_box .history_textarea div{align-self: start;}
.history .search_box span {margin-right: 16px;}
.history .inp_btn { margin: 8px 0; }
.guarantee_table table{width: 100%; box-sizing: border-box; border: 1px solid #CCCCCC; overflow: visible; table-layout: fixed; border-collapse: separate; border-top: none;}
.guarantee_table th{font-size: 16px; font-weight: 500; color: rgba(0%,0%,0%,0.7); border: 1px solid #CCCCCC; line-height: 125%; width: 12%; text-align: center;}
.guarantee_table td{font-size: 16px; font-weight: 400; color: rgba(0%,0%,0%,0.7); border: 1px solid #CCCCCC; line-height: 125%; min-width: 18%; text-align: center; }
.guarantee_table .guarantee_table_bg_green  td{background-color:  #eef3ff;}
.guarantee_table .th--first {width:194px;}
/* .guarantee_table_info td:last-child, .amount_list_table_info td:last-child{border-right: 0;} */
.guarantee_table tr:last-child th,.guarantee_table tr:last-child td {border-bottom: 0;}
.guarantee_table_info td:last-child{border-right: 0;}
.guarantee_table .table_border_bottom_display_none th,.guarantee_table .table_border_bottom_display_none td {border-bottom: 0;}
.guarantee_table .no_border_bottom {border-bottom: none;}
.guarantee_table .th--white{ width: 160px; background-color: #fff; }
.guarantee_table .total {width: 124px;}
.guarantee_table_info .td_beneficiary{padding: 8px 0px; text-align: left; vertical-align: top;}
.guarantee_table_info .beneficiary_list{display: flex; justify-content: center; }
.guarantee_table .stiky_tr{ position:sticky; background-color: white;}
.guarantee_table .stiky_tr.stiky_tr--company{ top: 99px;}
.guarantee_table .stiky_tr.stiky_tr--policy_name{ top: 134px;}
.guarantee_table .stiky_tr.stiky_tr--unit{ top: 171px;}
.guarantee_table .stiky_tr.stiky_tr--unit td{ border-top: 2px solid #6f6f6f;}
.guarantee_table .stiky_tr.stiky_tr--unit th{ border-top: 2px solid #6f6f6f;}
/* .amount_list_table table{width: 100%; box-sizing: border-box; border: 1px solid #CCCCCC;border-top: 2px solid #6f6f6f; overflow: hidden; table-layout: fixed;}
.amount_list_table tr{ height:45px;}
.amount_list_table td{padding: 8px 4px; word-break: break-all;}
.amount_list_table td:first-child {width: 8%; background-color: #fff;}
.amount_list_table td:nth-child(2) {width: 4%; background-color: #fff;}
.amount_list_table th{ position:sticky; top:150px; font-size: 16px; font-weight: 500; color: rgba(0%,0%,0%,0.7); background-color: #eef3ff; border: 1px solid #CCCCCC; line-height: 1.2; text-align: center;}
.amount_list_table .th--white{background-color: #fff; width: 76px; }
.amount_list_table td{font-size: 16px; font-weight: 400; color: rgba(0%,0%,0%,0.7); background-color: #fff; border: 1px solid #CCCCCC; line-height: 1.2; min-width: 18%; text-align: center; }
.amount_list_table table { overflow: visible; }
.amount_list_table tr:last-child{border-right: 0;}
.amount_list_table tr:last-child td{border-bottom: 0;} */
.amount_list_tr{border-top: 2px solid #6f6f6f;}
.guarantee_table .yearly_hint{font-size: 12px;}
.table_bg_green td, .table_bg_green th {background-color: #B7B6CF7a;}


.info_edit{display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between;}
.info_edit_icon:hover{opacity: .7;}
.info_edit_icon.disabled{opacity: .3; filter: grayscale(1); pointer-events: none;}
.title_and_btn{display: flex; flex-direction: row; justify-content: space-between;}
.title_and_btn--center{ justify-content: center;}

.search_box .car_insurance_type_box{ display: flex; margin-top: 5px; }
.search_box .car_insurance_type_table th{ width:100px; }
.search_box .car_insurance_type_table{ width:auto; border-radius:6px; background-color:#f4f4f4; }

.arrow_w_display{ display: none;}

.delete_btn{ border: 0px; display:inline-block; width:24px; height:24px;margin: 0 5px;cursor: pointer;
   background:url(../../images/new/delete_btn.svg) no-repeat center center;background-size: 100%;}
.delete_btn:hover{opacity: 0.7;}

.trash_btn{ border: 0px;display:inline-block; width:24px; height:24px;margin: 0 5px;cursor: pointer;
  background:url(../../images/new/delete_btn.svg) no-repeat center center;background-size: 100%;vertical-align: middle;}

.trash_btn:hover{opacity: 0.7;}

.edit_btn{ display:inline-block; width:24px; height:24px;border: 0px;margin: 0 5px; cursor: pointer;
    background:url(../../images/new/edit.svg) no-repeat;
    background-size: 100%;}
.edit_btn:hover{opacity: 0.7;}



.edit_t_btn{ display:inline-block; width:24px; height:24px;border: 0px;margin: 0 5px; cursor: pointer;
  background:url(../../images/new/edit.svg) no-repeat;
  background-size: 100%;}
.edit_t_btn:hover{opacity: 0.7;}

.search_btn{ display:inline-block; width:24px; height:24px;border: 0px;margin: 0 5px; cursor: pointer;
  background:url(../../images/new/search_btn.svg) no-repeat;
  background-size: 100%;}
.search_btn:hover{opacity: 0.7;}

.email_btn{ display:inline-block; width:24px; height:24px;border: 0px;margin: 0 5px; cursor: pointer;
  background:url(../../images/new/email.svg) no-repeat;
  background-size: 100%;}
.email_btn:hover{opacity: 0.7;}

.email_btn_dis{ display:inline-block; width:24px; height:24px;border: 0px;margin: 0 5px; cursor: pointer;
  background:url(../../images/new/email_dis.svg) no-repeat;
  background-size: 100%;}
.email_btn_dis:hover{opacity: 0.7;}


.more_btn{ display:inline-block; width:24px; height:24px;border: 0px;margin: 0 5px; cursor: pointer;
  background:url(../../images/new/more_b.svg) no-repeat;
  background-size: 100%;}
.more_btn:hover{opacity: 0.7;}


.chart_btn{ border: 0px; display:inline-block; width:24px; height:24px;margin: 0 5px;cursor: pointer;
  background:url(../../images/new/chart_btn.svg) no-repeat center center;background-size: 100%;}
.chart_btn:hover{opacity: 0.7;}


.fund_btn{ border: 0px; display:inline-block; width:24px; height:24px;margin: 0 5px;cursor: pointer;
  background:url(../../images/new/fund_btn.svg) no-repeat center center;background-size: 100%;}
.fund_btn:hover{opacity: 0.7;}


.heart_btn{ border: 0px; display:inline-block; width:24px; height:24px;margin: 0 5px;cursor: pointer;
  background:url(../../images/new/heart_btn.svg) no-repeat center center;background-size: 100%;}
.heart_btn:hover{opacity: 0.7;}


.map_btn{ display:inline-block; width:24px; height:24px;border: 0px;margin: 0 5px; cursor: pointer;
  background:url(../../images/new/map.svg) no-repeat;
  background-size: 100%;}
.map_btn:hover{opacity: 0.7;}
.map_btn_dis{ display:inline-block; width:24px; height:24px;border: 0px;margin: 0 5px; 
  background:url(../../images/new/map_dis.svg) no-repeat;
  background-size: 100%;}
.map_btn_dis:hover{opacity: 0.7;}


.msg_btn{ display:inline-block; width:24px; height:24px;border: 0px;margin: 0 5px; cursor: pointer;
  background:url(../../images/new/msg.svg) no-repeat;
  background-size: 100%;}
.msg_btn:hover{opacity: 0.7;}



.compare_btn{ display:inline-block; width:24px; height:24px;border: 0px;margin: 0 5px; cursor: pointer;
  background:url(../../images/new/compare.svg) no-repeat;
  background-size: 100%;}
.compare_btn:hover{opacity: 0.7;}


.add_btn{ display:inline-block; width:24px; height:24px;border: 0px;margin: 0 5px; cursor: pointer;
  background:url(../../images/new/add_btn.svg) no-repeat;
  background-size: 100%;}
.add_btn:hover{opacity: 0.7;}


.download_btn{ display:inline-block; width:24px; height:24px;border: 0px;margin: 0 5px; cursor: pointer;
  background:url(../../images/new/download_btn.svg) no-repeat;
  background-size: 100%;}
.download_btn:hover{opacity: 0.7;}


.copy_btn{ display:inline-block; width:24px; height:24px;border: 0px;margin: 0 5px; cursor: pointer;
  background:url(../../images/new/copy_btn.svg) no-repeat;
  background-size: 100%;}
.copy_btn:hover{opacity: 0.7;}


.filter_btn{ cursor: pointer; text-align: end; display:inline-block; width: 70px; margin: 0 0 0 16px; padding: 6px 16px 6px 12px; border-radius: 6px; background:url(../../images/new/icon_filter.svg) no-repeat 10px; background-color: rgba(0,0,0,0.7);}
.filter_btn a{ color: #fff; }
.filter_btn a::before{ content: "篩選"; }
.filter_btn:hover{opacity: 0.7;}
/*按鈕-篩選*/
.redeem_btn{  font-size:14px; cursor: pointer; text-align: start; display:inline-block; width: 75px; padding: 6px 16px 6px 9px; border-radius: 6px; background:url(../../images/new/icon_present_white.svg) no-repeat 70px; background-color: #f6c12d; color: rgba(0,0,0,0.7);box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.2);}
.redeem_btn a{ color: #fff; }
.redeem_btn a::before{ content: "點我領取"; }
.redeem_btn:hover{opacity: 0.7;}
/*按鈕-推播祝賀*/
.push_birthday_btn{  font-size:16px; cursor: pointer; text-align: start; display:inline-block; width: 75px; padding: 6px 16px 6px 9px; border-radius: 6px; background:url(../../images/new/icon_celebrate.svg) no-repeat 74px; background-color: #f6c12d; color: #000; box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.2);}
.push_birthday_btn a::before{ content: "推播祝賀"; }
.push_birthday_btn:hover{opacity: 0.7;}
/*按鈕-推播*/
.push_remind_btn{  font-size:16px; cursor: pointer; text-align: start; display:inline-block; line-height: 1.75; width: 60px; padding: 4px 12px; border-radius: 6px; background:url(../../images/new/icon_share_push.svg) no-repeat 52px; background-color: #FAC51E; color: #fff;}
.push_remind_btn a::before{ content: "推播"; }
.push_remind_btn:hover{opacity: 0.7;}
/*按鈕-常用*/
.favorite_btn{ display:inline-block; width:20px; height:20px; margin:0 10px 0 0; vertical-align:middle; background:url(../../images/new/favorite_btn.png) no-repeat center center;}
.favorite_btn.on, .favorite_btn:hover{ background:url(../../images/new/favorite_btn_h.png) no-repeat center center;}
/*按鈕-條款*/
.terms_btn{ display:inline-block; width:24px; height:24px; margin:0 auto; background:url(../../images/new/icon_privacy_policy.svg) no-repeat center center;}
.terms_btn.on, .terms_btn:hover{opacity: 0.7;}
.terms_con .terms_btn{ width:auto; margin:0 6px 10px 0; padding:5px 5px 5px 30px; color:#E12E23; background:url(../../images/new/terms_btn_h.png) no-repeat 5px 50%; border-radius:4px; border:1px solid #E12E23;}
.terms_con .terms_btn:hover{ color:#fff; background-color:#E12E23; background-image:url(../../images/new/terms_btn_w.png);}
/*按鈕-完成*/
a.complete_btn{ display:block; height:25px; margin:0 auto; padding:0 5px; line-height:22px; text-align:center; color:#fff; font-size:14px; background-color:#80c269; box-sizing:border-box; border:1px solid #80c269;}
a.complete_btn:hover{ color:#80c269; background-color:rgba(255,255,255,0);}
/*按鈕-取消*/
a.cancel_btn{ display:block; height:25px; margin:0 auto; padding:0 5px; line-height:22px; text-align:center; color:#fff; font-size:14px; background-color:#f39800; box-sizing:border-box; border:1px solid #f39800;}
a.cancel_btn:hover{ color:#f39800; background-color:rgba(255,255,255,0);}
/*按鈕-刪除*/
a.strike_btn{ display:block; height:25px; margin:0 auto; padding:0 5px; line-height:22px; text-align:center; color:#fff; font-size:14px; background-color:#E12E23; box-sizing:border-box; border:1px solid #E12E23;}
a.strike_btn:hover{ color:#E12E23; background-color:rgba(255,255,255,0);}
/*按鈕-*/
a.danger_btn, .policy_detail .policy_name a.danger_btn{ display:block; height:24px; margin:0 12px; padding:0 5px; line-height:21px; text-align:center; color:#e12e23; font-size:12px; background-color:#fff; box-sizing:border-box; border:1px solid #e12e23; border-radius: 6px;}
a.danger_btn, .policy_detail .policy_name a.danger_btn:hover{color:rgba(225,46,35,0.8); background-color:#fff; border:1px solid rgba(225,46,35,0.8);}
/*table-特別樣式*/
.txt_pk{ clear:both; color:#E12E23;}
.txt_bl{ clear:both; color:#FAC51E;}
.txt_or{ clear:both; color:#ef6b18;}
.txt_fwb{ font-weight:bold;}
p.txt_pk{ margin:0 0 10px 0; text-align:justify;}
.table_box .bgc_y{ position:relative; background:#eef3ff;}
.table_box .bgc_gy{ position:relative; border-bottom:2px solid #898989;}
.table_box .bod_y{ border-bottom:2px solid #fcd202;}
.table_box .bod_gy{ border-bottom:2px solid #c9c9c9;}
.s_table{ border-top:1px solid rgba(0, 0, 0, 0.2);}
.s_table th{ border-right:1px solid rgba(0, 0, 0, 0.2); border-bottom:1px solid rgba(0, 0, 0, 0.2);background-color: #fff;}
.s_table td{ position:relative; border-right:1px solid rgba(0, 0, 0, 0.2); border-bottom:1px solid rgba(0, 0, 0, 0.2);color:rgba(0,0,0,0.7);}
.s_table th:first-child, .s_table td:first-child{ width: 120px; border-left:1px solid rgba(0, 0, 0, 0.2);}
.st_arrow{ position:absolute; top:10px; right:5px;}
.st_arrow a{ display:inline-block; width:15px; height:15px; background-repeat:no-repeat; background-position:center center;}
.st_arrow .sta_01{ background-image:url(../../images/new/st_arrow_l.png);}
.st_arrow .sta_02{ background-image:url(../../images/new/st_arrow_r.png);}
/*table-關係人*/
.table_input_w select{ margin:0;}
.table_input_m{ display:none;}
div.table_box table .total_con{ text-align:right; color:#E12E23; font-weight:bold; background-color:#fff;}
.table_input a{ float:none; display:inline-block;}

.box_set .bs_01{ flex:2; width:30%; height:auto; margin:0 0 20px 1%; box-sizing:border-box; min-width:0;}
.box_set .bs_01 .inp_btn{ margin:0 0 15px 0;}
.box_set .bs_01 a{ margin:0 auto; box-sizing:border-box;}
.box_set .bs_01 h4{ font-weight:normal; text-align:center;}
.box_set .bs_01 h4 span{ color:#DD8B4A;}

.box_set .bs_02{ flex:3; width:calc( 100% - 750px); height:auto; box-sizing:border-box; min-width:0;}
.box_set .bs_02 h3{ float:left; margin:0 0 20px 0;}
.safe_list{ overflow:hidden; clear:both;}
.safe_list li{ position:relative; float:left; width:49%; margin:0 2% 15px 0; padding:0 0 15px 15px; font-weight:bold; box-sizing:border-box; background:url(../../images/new/safe_list.png) no-repeat 0 2px; border-bottom: 1px solid #dddddd;}
.safe_list li:nth-child(even){ margin:0 0 15px 0;}
.safe_list li span{ float:right; color:#565656; font-weight:normal;}
.safe_list li span.txt_pk{ color:#E12E23; font-weight:bold;}
.safe_list.sl_01{ margin:0 0 10px 0;}
.safe_list.sl_01 span{ float:none; color:#E12E23; font-weight:bold;}
.safe_list .edit_btn{ top:0; right:0;}
.safe_list .edit_btn a{ width:auto; line-height:28px; padding:0 10px 0 30px; text-align:right; color:#fff; background-position:10% 50%;}
.safe_list .edit_btn a:hover{ color:#2a2a2a; background-color:#fff;}

/*區塊*/
.note{ color:#aaaaaa; font-size:14px; text-align:center; margin:0 0 10px 0;}
.note--left{font-size:16px; text-align:left; margin:-25px 0 10px 0;}
.search_box .note{ margin:0;}
.ins_list li{ margin:0 0 5px 0; list-style:inside disc;}

.btn_tab{ clear:both; background-color:#fff; border-bottom:1px solid #dddddd; border-radius:0px 0px 30px 30px;}
.btn_tab .swiper-slide{ width:auto; padding:12px; text-align:center; border-bottom:3px solid rgba(255,255,255,0);}
.btn_tab a{ width:100%; height:100%; padding:0 15px; display:block; box-sizing:border-box; font-size: 19px;color: #000;}
.btn_tab .swiper-slide:hover, .btn_tab .on{ color:#FB973E; border-bottom:3px solid #FB973E; }
.btn_tab .swiper-slide:hover a, .btn_tab .on a{ color:#FB973E;}
.tit_02 ~ .btn_tab{ margin:0 0 20px 0;}
.view_client .swiper-slide{ width:auto;padding: 10px 0; }
.btn_tab + .con_box, .view_client + .con_box{ border-radius:0 0 8px 8px;}
.btn_tab + .view_client{ padding: 0px;
    border-radius: 0;
    background: transparent;
    margin-top: -1px;}
.btn_tab .swiper-slide.disabled { pointer-events: none;}
.btn_tab .swiper-slide.disabled a{ color:rgb(0 0 0 / 0.2); pointer-events: none;}

.con_box .cards { margin: 24px 0; display: grid; grid-template-columns: repeat(4, 1fr); grid-column-gap: 24px; grid-row-gap: 24px; animation: slideY 0.6s both; }
.con_box .card { min-height: 160px; display: flex; flex-direction: column; 
    justify-content: space-evenly; position: relative; padding: 16px; border-radius: 6px; cursor: pointer; transition: 0.2s; 
    color: rgba(0%,0%,0%,0.7); box-shadow: rgba(0, 0, 0, 0.10) 0 0 8px 0; border: 3px solid #fac51e05; }
.con_box .card:hover, .con_box .card:focus { background: white; box-shadow: rgb(146 144 142 / 66%) 0px 0px 10px 0px; transform: scale(1.02); }
.con_box .card__title { display: inline-block; font-size: 20px; font-weight: 500; margin-bottom: 16px; line-height: 140%; }
.con_box .card__text {margin-top: 10px; flex: 1 1 auto; font-size: 16px; line-height: 140%; margin-left: 24px; color: rgba(0,0,0,0.2); list-style:unset; word-break: break-word; }
.con_box .card__text--item{ margin: 1px 0; }
.con_box .card__text--item__box{ display: flex; flex-direction: row; flex-wrap: nowrap; word-break: break-word; }
.con_box .card__text--item__title{ width: 15%; min-width: 85px; color: rgba(0,0,0,0.7); }
.con_box .card__text--item__title.item__title--relation{ min-width: 100px; }
.con_box .card__text--item__content{ color: rgba(0,0,0,0.7); }
.con_box .card .card__hint{ text-align: center; color: rgb(0 0 0 / 50%);}
.con_box .card .card__hint .hint__icon--add{ margin:auto;margin-bottom: 10px;width: 64px;height: 64px;}
.con_box .card .card__hint .hint__icon--add::before{ content: url(../../images/new/add_btn.svg); }
.con_box .cards--combination .card__title{margin-bottom: 8px; width: 200px; text-overflow: ellipsis; overflow: hidden;}
.con_box .cards--combination .content--note{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
.con_box .cards--combination .item--note{ margin-bottom: 32px; }
.con_box .cards--combination .item--modify_date{position:absolute; bottom: 16px; list-style: none;}
.con_box .cards--combination .item--modify_date div{color: rgba(0,0,0,0.4);}
.con_box .cards.grid6 {grid-template-columns: repeat(4, 1fr);}


.tag_system{ display:inline-block; margin:0 0 0 5px; padding:1px 5px;}
.tag_system a{ display:inline-block; width:20px; height:20px; vertical-align:middle; background: url(../../images/new/status_attention_s.svg) no-repeat center center; background-size:20px; border-radius:20px;}
.tag_system .tag_info{ width:17px; height:17px; vertical-align:middle; background: url(../../images/new/icon_infos_warn_s.svg) no-repeat center center; background-size:17px;}
.tag_system [tooltip]::after{ width:250px; word-break:break-all; white-space:normal;}
.tag_system--info{ width:20px; height:20px; vertical-align:middle; background-image: url(../../images/new/icon_infos_warn_s.svg); background-repeat: no-repeat; background-size:20px;}
.tag_system--warning { width: fit-content;margin: 3px -2px; display: flex; flex-direction: row; align-items: center; background-image: url(../../images/new/icon-status-attention-s.svg); background-repeat: no-repeat; background-position-x: left; height: 20px; font-size: 15px; color: #dd8b4a; line-height: 20px; padding-left: 26px; }
.tag_system--primary_info { width: fit-content; margin: 3px 4px !important; padding:4px 5px; display: flex; flex-direction: row; vertical-align: sub;background-repeat: no-repeat; background-position-x: left; height: 20px; font-size: 15px; color: #FAC51E; line-height: 20px; padding-left: 26px; }
.tag_system--inline { margin: 3px 10px; display: inline; }
.tag_attach { display: inline-block;  width: fit-content; margin: 0 0 0 5px;  padding: 0px 5px;  border: 1px solid #5c5c5c; border-radius: 4px; }
.tag_attach::before { display: inline-block; margin-bottom: 1px; vertical-align: middle; content: "附約被保險人"; color: #5c5c5c; font-size: 13px;}


.view_client{ padding:15px; background:#fff; border-radius:8px;}
.view_client a{ 
  font-weight: 500;
  color: #7B90AF;
  background-color: #E5E3F3;
  display: inline-block;
  height: 40px;
  min-width: 130px;
  margin: 0 16px 0 0;
  padding: 3px 10px;
  line-height: 32px;
  font-size: 16px;
  text-align: center;
  border-radius: 6px;
  box-sizing: border-box;}
.view_client a:hover, .view_client .on a{
  background-color: #ffffff;
  border: 1.8px solid #FB973E;
  color: #FB973E;}
.view_client + .box_set{ margin:20px 0 0 0;}


.box_set .bs_03{ flex:1; height:auto; margin:0 1% 20px 0; box-sizing:border-box;}
.box_set .bs_03:last-child{ margin:0 0 20px 0;}
.search_box_result_item .trash_bin_btn{width:20px; height:20px; margin:5px 0;background:url(../../images/new/delete_btn_disabled.svg) no-repeat center center;}
.search_box_result_item .trash_bin_btn:hover{background:url(../../images/new/delete_btn_disabled_h.svg) no-repeat center center;}
.search_bar_box.search_bar_box--client_search{margin-top: -8px; margin-bottom: -8px;}
.search_bar_box .tags{display: inline;}
.search_bar_box .tags .input_title{ font-size: 16px; margin-left: 24px; margin-right:12px; vertical-align: middle;}
.con_box--search { padding: 12px; margin-bottom: 12px; }
.con_box--search .search_box th{ width: 115px; }
.con_box--search .search_box .sb_set .effective_date{ margin: 0 12px 0px 0; }
.con_box--search .clear_filter{ position: absolute; right: 24px; top: 24px; display: inline-block; vertical-align: middle; padding: 4px 8px 4px 38px; background: url(../../images/new/icon_close_m_black.svg) no-repeat 14px 5px;  cursor: pointer;z-index: 100;}


.sub_box{ display:flex; overflow:auto; /*width:1024px;*/ margin:0 auto;}
.sub_box .box{ float:left; width:100%;}
.side_bar_sticky{padding-top: 120px;width: 225px; 
    /* display: flex; flex-direction: column; 
    justify-content: space-between; */
    position:fixed; height:100%; background-color:#fac51e; overflow: auto; }
.side_bar_sticky::-webkit-scrollbar { width: 3px; }
.side_bar_sticky::-webkit-scrollbar-track {-webkit-border-radius: 10px; border-radius: 5px; margin:30px 0 15px 0;}
.side_bar_sticky::-webkit-scrollbar-thumb {-webkit-border-radius: 4px; border-radius: 4px; background: rgb(219,219,219); }
 

[tooltip]{ position:relative;}
[tooltip]::after{ overflow:hidden; display:none; position:absolute; padding:2px 5px; line-height:normal; font-size:14px; white-space:nowrap; border-radius:3px; z-index:100; content:attr(tooltip);}
[tooltip]:hover::after{ display:block;}
.tooltip-placement-right, [tooltip][placement="right"]::after{ left:calc(100% + 5px); top:0;}
.tooltip-theme-blue, [tooltip][effect="blue"]::after{ color:#fff; background:#FAC51E;}


.safe_user{ float:left; overflow:hidden; margin:0 0 10px 0;}
div.safe_user h3{white-space: nowrap;font-size: 21px;font-weight: bold;display:inline-block; margin:0 6px 0 0; vertical-align:middle;}
.safe_user span{ display:inline-block; width:25px; height:25px;background-size: 25px; margin:0 6px 0 0; background-repeat:no-repeat; background-position:center center; vertical-align:middle;}
.safe_user .su_m{ background-image:url(../../images/new/su_m.svg);}
.safe_user .su_f{ background-image:url(../../images/new/su_f.svg);}
.safe_user .su_c{ background-image:url(../../images/new/su_c.svg);}

.safe_user ~ .detail_box .tit_02{ clear:both;}
.client_profile.safe_user{ float:none; padding:10px; box-sizing:border-box;}
.client_profile.safe_user .cp_img{ overflow:hidden; display:inline-block; width:45px; height:45px; margin:0 6px 0 0; vertical-align:middle;}
.client_profile.safe_user .cp_img img{ display:block; width:100%; height:auto;}
.client_profile.safe_user .cp_txt{ display:inline-block; vertical-align:middle;display: flex;
    align-items: center;color: #194AB0;}
.client_profile.safe_user .cp_txt>img{padding-right: 8px;}
.client_profile.safe_user h4{ margin:3px 0 0 0; color:#dd8b4a;}
.client_one_policy_info .tit_02{margin: 0 0 16px 0;}
.policy_info_detail{margin-top: 32px;}

.guaranteed_year_detail{display: flex; flex-direction: column; margin-bottom: 24px;}
.guaranteed_year{display: flex; flex-direction: row; margin-bottom: 12px;}
.guaranteed_year .title_03{margin-right: 16px;}
.policy_category{display: flex; flex-direction: row; 
    flex-wrap: nowrap; 
    align-items: center; 
    background-color:rgb(255 225 198);padding: 10px 20px; border-radius: 30px 30px 0 0;}
.policy_category img{margin-right: 6px;}

.con_box .choose_policy_display{display: none;}
.guarantee_category_title_and_page{margin-bottom: 16px; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between;}
.guarantee_category_page {display: flex; flex-direction: row; flex-wrap: nowrap;align-items: center; }
.guarantee_category_page span{margin:0 8px;}
.guarantee_category_page a{    color: rgba(0%,0%,0%,0.7);
  cursor: pointer;
  border: 1px solid #eee;
  border-radius: 50%;
  margin: 0 3px;
  padding: 5px 13px;}
.guarantee_category_page a:hover{opacity: .7; color: rgba(0%,0%,0%,0.7);cursor: pointer;}
.guarantee_category_page .previous_page_btn{color: rgba(0%,0%,0%,0.7); cursor: pointer; width:20px; height:20px;}
.guarantee_category_page .nextPage_page_btn{color: rgba(0%,0%,0%,0.7); cursor: pointer; width:20px; height:20px;}
.guarantee_category_page .click_disabled:hover{opacity: 1; cursor: auto;}
.guarantee_category_page .nextPage_page_btn.click_disabled{color: rgba(0%,0%,0%,0.7);  }
.guarantee_category_page .previous_page_btn.click_disabled{color: rgba(0%,0%,0%,0.7);  }
.guarantee_category_title{margin:24px 0 16px 0;}


.search_box table .search_life_withdrawal{display: flex;flex-direction: row;align-items: baseline; margin: 8px 0;}
.search_box .withdrawal_insured{margin-top: 12px;}

.template_box { clear:both; overflow:auto; max-height:350px; min-height:120px; margin:0 0 20px 0;}
.template_box .tb_cell{ float:left; position:relative; margin:0 15px 15px 0; text-align:center;}
.template_box .tb_img{ position:relative; overflow:hidden; width:120px; height:120px; line-height:0;}
.template_box a{ display:block; position:absolute; top:0; left:0; right:0; width:100%; height:100%; border:2px solid rgba(255,255,255,0); box-sizing:border-box;}
.template_box .tb_img a:hover, .template_box .on .tb_img a{ background-color:rgba(78,78,78,0.6); border:2px solid #FAC51E;}
.template_box .tb_cell .tb_img a:hover::after, .template_box .on .tb_img a::after{ content:''; display:block; width:100%; height:100%; background:url(../../images/new/icon_select.png) no-repeat center center;}
.template_box .close_btn{ top:5px; right:5px;}
.template_box .close_btn a, .template_box .close_btn a:hover{ position:static; width:20px; height:20px; background-image:url(../../images/new/close_btn.png);}

.fd_cell .close_btn{ top:0; right:0;}
.con_box a.fd_add{ position:relative; display:block; width:120px; height:120px; background:#fff url(../../images/new/fd_add.jpg) no-repeat center center; background-size:80% 80%; box-sizing:border-box; border:1px dashed #aaaaaa;}
.con_box a.fd_add:hover{ background:url(../../images/new/fd_add_h.jpg) no-repeat center center; background-size:80% 80%; border:1px dashed #E12E23;}
.con_box .tb_cell:hover a.fd_add:after, .con_box .on a.fd_add:after{ content:''; line-height:120px; background:none;}


.sb_set{ width: 100%; display:flex; flex-direction:row; align-items:center;}
.add_select{ position:static; flex:0 0 35px;}
.search_box .sb_set span{ flex:0 0 auto; margin:0 12px 0 0; line-height:28px; color:#434343; white-space:nowrap;}
.search_box .sb_set label span{ margin:0; background-color:#fff;}
.search_box .sb_set input[type="text"], .search_box .sb_set input[type="date"], .search_box .sb_set input[type="time"]{ flex:0 2 auto; margin:0 0 0 2%; min-width:0;}
.lb_con .search_box .sb_set input[type="date"], .search_box .sb_set input[type="time"]:first-child{ margin:0;}
.search_box .sb_set label{ flex:0 0 auto;}
.search_box .sb_set select{ flex:0 2 auto; margin:0 10px 0 0;}
.search_box .sb_set input[type="text"], .search_box .sb_set input[type="date"], .search_box .sb_set label ~ select, .search_box .sb_set select{ margin:0 12px 0 0;}
.search_box .sb_set input[type="text"]:last-child, .search_box .sb_set input[type="date"]:last-child, .search_box .sb_set label ~ select, .search_box .sb_set select:last-child, .search_box .sb_set input[type="date"] ~ input[type="time"]{ margin:0;}
.search_box .sb_set .input_credit_card_expiry_date{padding: 0 0 0 9px; text-align: left;}
.search_box .sb_set.sb_phone .sb_short{ flex:0 0 80px;}
.sb_set .close_btn a{  background-image: url(../../images/new/close_btn_h.png);}
.sb_set .close_btn a:hover{opacity: 0.7;  background-image: url(../../images/new/close_btn_h.png);}
.search_box .pb_set input[type="text"]{ flex:0 2 auto; min-width:0; padding:0; text-align:center;}
.sb_set form{ flex:1 1 auto; margin:0 10px 0 0;}
.sb_set .delete_btn, .sb_set .close_btn{ position:static; flex:0 0 auto;}
.search_box .sb_set.sb_sline span{ position:absolute; right:0; top:50%; transform:translateY(-50%); line-height:45px;}
.search_box .sb_set.pay_way_box *{ margin-bottom:5px;}


.e_cards_template{ clear:both;}
.ect_tab{ margin:0 0 20px 0; padding:0 0 10px 0; border-bottom:1px solid #dcdcdc;}
.ect_tab .ect_cell{ margin:0 0 10px 0; border-radius: 6px;}
.ect_tab .ect_cell h4, .ect_con .ect_cell h4{ margin:0 0 5px 0;}
.ect_tab .ect_cell li{ display:inline-block; margin:0 0 5px 0;}
.ect_tab .ect_cell li a{ display:block; min-width:80px; height:25px; padding:0 5px; line-height:20px; color:#FAC51E; font-size:15px; text-align:center; box-sizing:border-box; border-radius:2px; border:1px solid #FAC51E;}
.ect_tab .ect_cell li a:hover, .ect_tab .ect_cell .on a{ color:#fff; background-color:#FAC51E;}
.ect_con::after{ content:''; display:block; clear:both;}
.ect_con .ect_cell{ position:relative; float:left; width:23.5%; height:190px; margin:0 2% 2% 0; padding:10px; color:#a0a0a0; box-sizing:border-box; border:1px solid #dcdcdc; border-radius:2px; cursor:pointer;border-radius: 6px;}
.ect_con .ect_cell:nth-child(4n){ margin:0 0 2% 0;}
.ect_con .ect_cell:hover, .ect_con .ect_cell.on{ border:1px solid #DD8B4A;}
.ect_con .ect_cell:hover h4, .ect_con .ect_cell.on h4{ color:#000;}
.ect_con .ect_cell:hover p, .ect_con .ect_cell.on p{ color:#434343;}
.ect_con .ect_cell p{ text-align:justify;}
.strike_out{ position:absolute; top:0; right:0;}
.strike_out a{ display:block; width:30px; height:30px; background-color:#2a2a2a; background-position:center center; background-color:rgba(255,255,255,0); background-image:url(../../images/new/close_btn_h.png); background-repeat:no-repeat; box-sizing:border-box; background-size:15px;}



/*標籤文字*/
.lb_tag a{ display:inline-block; margin:0 0 5px 0; padding:2px 5px; color:#FAC51E; font-size:14px; border:1px solid #FAC51E; border-radius:4px;}
.lb_tag a:hover, .lb_tag a.on{ color:#fff; background:#FAC51E;}

/*-----電子賀卡-----*/
.e_cards_box{ position:relative; margin:0 0 10px 0;}
.e_cards_box .ecb_img img{ display:block; width:100%; height:auto;}
.e_cards_box .ecb_txt{ padding:15px; border:1px dashed #dddddd; box-sizing:border-box;}
.e_cards_edit{ margin:0 0 10px 0;}
.ecb_box .eb_name{ display:inline-block; margin:4px 4px 4px 0px; padding:8px; text-align:center; border:1px solid #dddddd; cursor:pointer;}
.ecb_box .eb_name:hover{ border:1px solid #E12E23;}

/*-----COMING SOON-----*/
.coming_soon img{ display:block; width:100%; height:auto;}


/*-----報告書-----*/
.pdf_box .tb_cell a{ border: 1px solid #dcdcdc;}
.pdf_box a:hover, .pdf_box .on a { border: 2px solid #FAC51E;}
.e_pdf_template .ect_con{ display:flex; flex-wrap:wrap;}
.e_pdf_template h4{ color: #000; text-align: center; font-size: 18px;}
.e_pdf_template .pdf_cell{ flex-grow: 1; width: 30%;text-align: center; position:relative; color: rgba(0,0,0,0.7); margin:0 0 15px 0;}
.e_pdf_template .pdf_cell>div{ display:flex; }
.e_pdf_template .pdf_cell h4{ margin:0 0 5px 0; color:#a0a0a0; background: no-repeat 50% 10%;}
.e_pdf_template .pdf_cell li{ margin:0 0 5px 0;}
.e_pdf_template .pdf_cell .ect_con::after{ content:''; display:block; clear:both;}
.e_pdf_template .pdf_cell ul{ margin: 10px 0 0 0; padding: 15px 0 0 0; border-top: 1px solid #dcdcdc;}
.e_pdf_template .pdf_cell_one{ color:#000;}
.e_pdf_template .pdf_cell_one h4 { position: relative; top:50%; transform:translateY(-50%);}
.e_pdf_template .pdf_cell.on h4{ color:#000;}
.e_pdf_template .pdf_cell label { margin-left:30px; margin-bottom:4px;}
.e_pdf_template .pdf_cell .large_checkbox label { font-size:20px; margin-left:0px;}
.e_pdf_template .pdf_cell .large_checkbox label .no_input + .sty_radio.sty_checkbox { width: 24px; height: 24px; }
.e_pdf_template .pdf_cell .large_checkbox label .no_input:checked + .sty_radio.sty_checkbox { background-size: cover; }
.premium_analysis .tit_04 { margin-bottom: 10px; }

/*-----保費試算-----*/
.tc_box { text-align:center;}
.tc_box .tit_01{ padding:0; line-height:110px;}
.tc_box .tit_02{ text-align:left;}
.tc_box ~ .box_set{ overflow: visible;}
.tc_01{ position:relative; margin:20px 0; padding:40px 20px 10px 20px; border:1px solid #dcdcdc; box-sizing:border-box;}
.tc_02 .close_btn{ top:10px; right:10px; z-index:2;}
.tc_01 .tc_main{ margin:0 0 15px 0; padding:0 0 5px 0; border-bottom:1px solid #dcdcdc;}
.tc_01 .tc_other{ position:relative; margin:0 0 10px 0; padding:0 30px 0 0;}
.tc_01 .tc_other .delete_btn{ position:absolute; top:0px; right:0px; z-index:2;}
.tc_total{ margin: 0 0 10px 0; text-align:right;}
.tc_total h3{ display: inline-block; color:#E12E23; font-size:26px;}
.tc_02 .tc_main{ position:relative; float:left; width:49%; margin: 0 2% 2% 0; padding:50px 20px 5px 20px; box-sizing:border-box; border:1px solid #dcdcdc;}
.tc_02 .tc_main:nth-child(2n){ margin:0 0 2% 0;}
.tc_02.search_box table span.txt_bl{color:#FAC51E; font-weight:bold;}
.tc_steps{ clear:both; overflow:hidden; display: inline-block; width:360px; margin:0 auto; text-align:center; font-weight:bold;}
.tc_steps .tc_s_cell{ float:left; padding:0 60px 0 0; background:url(../../images/new/tc_s_line.jpg) repeat-x 0 40%;}
.tc_steps .tc_s_cell:last-child{ padding:0; background:none;}
.tc_steps .tc_s_cell h2{ width:60px; height:60px; margin:0 0 5px 0; color:#fff; font-size:42px; font-family:Arial; text-align:center; line-height:60px; background:#ff92a9; border-radius:50%;}
.tc_s_tit{ clear:both;height:40px; margin:0 0 20px 0; padding:0 20px; color:#fff; font-size:20px; font-weight:bold; line-height:40px; background:#ff92a9;}
.tc_s_tit span{ float:right; font-size:14px;}
.tc_s_tab{ margin:10px 0 15px 0;}
.tc_s_tab a{ display:inline-block;margin: 0 6px 0px 0;padding: 5px 10px;color:#8c8c8c; font-size:16px; border:1px solid #dddddd; border-radius:8px;}
.tc_s_tab a:hover, .tc_s_tab a.on{ color:#FAC51E; border:1px solid #FAC51E;}
.tc_s_btn{ float:right; height:25px; margin:7px 0 0 0; padding:0 10px 0 25px; line-height:25px; color:#fff; font-size:14px; background:rgba(0,0,0,0) url(../../images/new/add_btn.png) no-repeat 5% 50%; border:1px solid #fff; border-radius:4px;}
.tc_s_btn:hover{ background:rgba(255,255,255,0.3) url(../../images/new/add_btn.png) no-repeat 5% 50%;}

/*-----premium_calculator_new-----*/
.premium_calculator_title {display: flex; flex-direction: row; justify-content: space-between; padding-top: 10px;}
.premium_calculator_explication_text {display: block; font-size: 15px; color: rgba(0%,0%,0%,0.7); line-height: 1; margin-top: 4px;}
.suggestion_commodity {width:80%;margin: 0 auto; padding:12px 0 12px 0;}
.suggestion_commodity .commodity_item{display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between;}
.suggestion_commodity .commodity_name{width: 100%;}
.suggestion_commodity .policy_detail{width: 100%; margin-bottom: 12px;}
.suggestion_commodity .commodity_cancel a:hover{opacity: 0.7;}
.suggestion_commodity .sub_commodity_cancel a:hover{opacity: 0.7;}
.policy_detail{display: flex; flex-direction: row;}
.policy_detail .main_policy{
    display: inline-block;
    width: 50px;
    min-width: 50px;
    height: 28px;
    margin: 0px 12px 0 0;
    text-align: center;
    line-height: 26px;
    color: #fff;
    background: #013de4;
    border-radius: 50px;
}
.policy_detail .attach_policy{
    display: inline-block;
    width: 50px;
    height: 28px;
    margin: 0 12px 0 0;
    text-align: center;
    line-height: 26px;
    color: #013de4;
    background: #fff;
    border: 1px solid #013de4;
    border-radius: 50px;
}
.attach_item{
  padding: 10px 20px;
    background: aliceblue;
    border-radius: 15px;
}
.attach_item.no-main_item{
  background: #97979717!important;
}

.policy_detail .attach{
  width: 100%;
}

.policy_detail .main_policy_detail{width: 100%;}
.policy_detail .input_policy_name{width: 400px;}
.policy_detail .policy_name{display: flex; flex-direction: row; flex-wrap: wrap;align-items: center;margin-bottom: 12px;}
.policy_detail .policy_info{display: flex; flex-direction: row; flex-wrap: nowrap;}
.policy_detail .policy_info a{color: #DD8B4A;}
.policy_detail .policy_name a{margin: 4px 6px 0px 6px;}
.policy_detail .policy_detail_item {margin-bottom: 12px;position: relative;}
.policy_detail .policy_detail_item span{margin:0 12px 0 4px; white-space: nowrap;display: flex; align-self: center;}
.policy_detail .policy_detail_item span.note-list,.policy_detail .policy_detail_item span.note-list span{
  font-size: 14px;
}
.policy_detail .policy_detail_item .unit{margin: 0;
  margin-left: 3px;
  color: #a3a3a3;
  font-size: 14px;
}
.policy_detail .policy_detail_item ul{display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start;}
.policy_detail .policy_detail_item li{display: flex; flex-direction: row; flex-wrap: nowrap; margin: 6px 12px 6px 0px;}
.policy_detail .policy_detail_item .insurance_premium_box { position: relative;}
.policy_detail .policy_detail_item .insurance_amount_box { position: relative; display: flex;}
.policy_detail .policy_detail_item .insurance_amount_box .policy_detail_item{ margin-bottom: 0px;}
.policy_detail .policy_detail_item .insurance_amount_box_input {display: flex; flex-direction: column;}
.policy_detail .policy_detail_item .insurance_amount_box_input .commodity_cancel{ align-self: center;position: absolute; right: -36px; top: 6px;}
.policy_detail .policy_detail_item .insurance_amount_box_input .commodity_cancel a{ margin: 0px; margin-top: 6px;}
.policy_detail .policy_detail_item .insurance_amount_title {align-self: flex-start; margin-top: 12px;}
.policy_detail .policy_detail_item .money_hint {position: absolute; top: 35px; left: 50px; color: rgba(0,0,0,0.7); font-size: 12px;}
.policy_detail .payment_title{min-width: 64px;}
.policy_detail .unit{padding-right:0;}
.policy_detail select{margin-bottom: 0px; padding-right: 20px; text-overflow : ellipsis ;  white-space : nowrap ;}
.policy_detail .disable {background-color:#f4f4f4; background-image: none; color: rgba(0,0,0,0.7) !important; text-overflow: unset; white-space: unset; padding: 0px 0px 0 10px;}
.policy_detail_item .inputErr{ border-color: #E12E23 !important;}
.policy_detail_item .increase_rate{margin:24px 0px 6px 48px; display: flex; flex-direction: row; flex-wrap: wrap;}
.policy_detail_item .increase_rate_checked_text{display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; margin: 0 12px 0 0;padding:8px;}
.policy_detail_item .increase_rate_checked_text a{margin: 4px 0 0 6px;}
.policy_detail_item .increase_rate_percentage{display: flex; flex-direction: row; flex-wrap: nowrap;margin:0 8px 0 4px;padding:8px;}
.policy_detail_item .increase_rate_total_premium{display: flex; flex-direction: row; flex-wrap: wrap;padding:8px;}
.policy_detail_item .insurance_premium_box_input, .policy_detail_item .insurance_amount_box_input, .policy_detail_item .increase_rate_total_premium_input{display: flex; flex-wrap: nowrap;align-self: center; }
.add_attach_policy_btn{    
  display: block;
  float: left;
  margin: 12px 0px 12px 0;
  padding: 1px 6px;
  color: #E91E63!important;
  text-align: center;
  border: 2px solid #E91E63;
  box-sizing: border-box;
  cursor: pointer;
  border-radius: 10px;
  width: fit-content;}



.attach_item+.attach_item{
  margin-top: 8px;
}
.commodity_item{
  margin-bottom: 20px;
}
.add_attach_policy_btn a{display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center;font-size: 16px; font-weight: 400; color:#F18600;}
.add_attach_policy_btn:hover{opacity: 0.7; }
.add_beneficiary_btn{display:block;margin: 6px 0px 6px 0; 
  padding:10px 12px 4px 6px; color:#fff; text-align:center; box-sizing:border-box; cursor:pointer;}
.add_beneficiary_btn a{
  padding: 1px 6px;
  color: #fea401!important;
  text-align: center;
  border: 2px solid #fea401;
  box-sizing: border-box;
  cursor: pointer;
  border-radius: 10px;
  width: fit-content;
}
.add_beneficiary_btn:hover{opacity: 0.7; }
.cs_product{max-width: 80%; margin: 0 auto;}
.add_commodity_btn{ display:block; float:left; margin:12px 24px 16px 0; padding:6px 12px; color:#fff; font-weight:bold; text-align:center; border:1px solid #FAC51E; box-sizing:border-box; cursor:pointer; border-radius: 6px;}
.add_commodity_btn:hover{opacity: 0.7;}
.add_commodity_btn span{color: #FAC51E; font-size:16px; font-weight: 400; padding-left:4px;}
.add_commodity_btn a {display:flex; flex-direction: row; align-items: center;}
.edit_personal_suggestion_premium a {display: flex; flex-direction: row;flex-wrap: nowrap; align-items: center; }
.guarantee_category_box{ border:1px solid #FAC51E; border-radius: 6px; padding: 16px; margin-top: 16px;}
.guarantee_category_item{ display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center;margin-bottom: 24px;}
.guarantee_category_item img{margin-right: 4px;}
.guarantee_suggestion_premium{margin-bottom: 8px;}
.guarantee_suggestion_premium .guarantee_suggestion_premium_title{margin-bottom: 8px;}
.list_suggestion_insurance{width: 50%; min-width: 400px; display: flex; flex-direction: row; flex-wrap: nowrap;margin-bottom: 8px; justify-content: space-between;}
.name_list{ display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; margin-right: 16px; width: 80%;}
.list_suggestion_insurance .list_suggestion_premium, .list_suggestion_insurance .list_suggestion_premium_no_enough{min-width: 20%;}

.guarantee_detail{display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start;} 
.guarantee_detail_show_all a, .guarantee_detail_hide a{display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; justify-content: center;}
.guarantee_detail .guarantee_amount{width: 23%; min-width: 200px; border: 1px solid rgba(0%,0%,0%,0.2); background-color: #fff; border-radius: 6px; margin: 12px 8px;}
.guarantee_detail .guarantee_amount_no_change{width: 23%; min-width: 200px; min-height: 160px; border: 1px solid rgba(0%,0%,0%,0.2); background-color: #f4f4f4; border-radius: 6px; margin: 12px 8px;}
.guarantee_detail .guarantee_amount_item{margin: 8px 0 0 8px;}
.guarantee_detail .guarantee_amount_price_total, .guarantee_detail .guarantee_amount_price_normal{margin: 38px 0 22px 0;}
.guarantee_detail .guarantee_amount_detail ul{display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: center; border-top: 1px solid rgba(0%,0%,0%,0.2); background-color: #F4F4F4; border-radius: 0 0 6px 6px; padding: 6px 0 6px 0;}
.guarantee_amount_already{display: flex; flex-direction: column; align-items: center; margin-right: 4px;}
.guarantee_amount_add{display: flex; flex-direction: column; align-items: center; margin-left: 4px;}

.boxes_row{width: 100%; display: flex; flex-direction: row;}
.con_box_s{width: 50%; overflow: visible; position: relative; margin: 0 0 24px 0; padding: 16px; background-color: #fff; border-radius: 6px;}
.box_s_right_space{margin-right: 12px;}
.box_s_left_space{margin-left: 12px;}
.con_box_s textarea{ height: 350px; margin:16px 0 4px 0;}
.con_box_s .cover_select{margin: 16px 0 16px 0;}
.cover_select .cover_imgs{height: 280px; background-color: #f4f4f4; border-radius: 6px;}
.insuranceAge{margin-left:0px;}
/*-----beneficiary_section-----*/
.beneficiary_box .beneficiary_detail{margin-left: 160px;}
.beneficiary_box .beneficiary_detail .beneficiary_detail_edit{margin-bottom: 24px;}
.beneficiary_box .beneficiary_detail .beneficiary_detail_title{font-size: 18px; font-weight: 600; margin-bottom: 6px;}
.beneficiary_box .beneficiary_detail .beneficiary_detail_input { display: flex; flex-direction: row;flex-wrap: wrap;}
.beneficiary_box .beneficiary_detail .beneficiary_detail_input  select { width: 100%; min-width: unset;}
.beneficiary_box .beneficiary_detail .beneficiary_detail_input .policy_detail_item { display: flex;align-items: center;margin: 6px 0;}
.beneficiary_box .beneficiary_detail .beneficiary_detail_input .policy_detail_item span { margin: 0 12px 0 0px; }
.beneficiary_box .beneficiary_detail .beneficiary_detail_input .policy_detail_item li { margin-right: 0;}
.beneficiary_box .beneficiary_detail .beneficiary_detail_input .policy_detail_item .percentage_input{ width: 48px; margin-right: 12px; padding-left: 6px;}
.beneficiary_box .beneficiary_detail .beneficiary_detail_input .policy_detail_item .percentage_input::-webkit-input-placeholder{ padding-left: 18px;}
.beneficiary_box .beneficiary_detail .beneficiary_detail_input .rank_hint{ color: #064ce6; padding: 6px 0; margin-top: 6px;}
.beneficiary_box .beneficiary_detail .beneficiary_detail_input .rank_hint:nth-child(2){ border: none; margin-top: 0;}
.beneficiary_box .beneficiary_detail .beneficiary_detail_input .rank_hint img{ vertical-align: top; cursor: pointer;}
.beneficiary_box .beneficiary_detail .beneficiary_detail_input .inp_btn.add_rank_btn{ margin: 6px 0 0 0; text-align: left; align-items: baseline; border-top: 1px solid rgb(0,0,0,0.1); padding-top: 12px;}
.beneficiary_box .beneficiary_detail .beneficiary_detail_input .inp_btn.add_rank_btn:nth-child(2){ border: none; margin-top: 0;}
.beneficiary_box .beneficiary_detail .beneficiary_detail_input .inp_btn a{ padding: 8px 16px; margin: 0; height: auto; line-height: inherit; letter-spacing: normal; }


.beneficiary_box .beneficiary_detail .beneficiary_detail_input .beneficiary_detail_order{
  background: #fe977830;
  width: 280px;
  padding: 8px;
  border-radius: 10px;
  margin: 10px;
}

.premium{display: none;}
.client_number_content{padding-top: 16px; border-top: 1px solid rgba(0%,0%,0%,0.2); width: 80%; text-align: center;}
.client_number{display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; margin: 8px 0 24px 0;}
.client_number span{padding: 0 2px;}
.client_number img{margin-left: 2px;}
.client_number_disable img{opacity: 0.7;}

input[type="range"]::-webkit-slider-thumb { width: 12px; -webkit-appearance: none; appearance: none; height: 12px; background: #4AB6CA; border-radius: 50%; box-shadow: 0px 0px 0px 4px rgba(74, 182, 202, 0.3); }
.plan_btns .inactive{ border-color: white;}
.plan_tabs .tabs a{ word-break: keep-all;}
.plan_tabs .tabs .active{ border-color: #4AB6CA; color: #4AB6CA;}
button.disabled{ color:rgba(0, 0, 0, 0.2) !important; pointer-events: none; background-color: #ECECEC;}


/*標題*/
.tc_tit_01{ background:#ccefff;}
.tc_tit_02{ background:#ffebcc;}
.tc_tit_01 ~ h4{ margin:0 0 10px 0;}
/*表格*/
.tc_03 tr.tc_all td{ color:#E12E23; font-weight:bold; border-top:1px solid #E12E23; border-bottom:none;}
.tc_04 th{ padding: 0 0 10px 0; text-align:left;}
.tc_04.search_box table span{ display:inline-block; width:30px; height:30px; margin:0 5px 0 0; color:#fff; line-height:30px; text-align:center; border-radius:50%; background:#E12E23;}



/*-----互動專區-----*/
.wrapper p.share_news{ min-height:30px; padding:5px 0 0 40px; text-align:left; line-height:20px; background:url(../../images/new/icon_news.png) no-repeat top left;}
.wrapper p.share_news a{ text-decoration:underline;}
.wrapper p.type_card{ min-height:30px; padding:5px 0 0 40px; text-align:left; line-height:20px; background:url(../../images/new/icon_card.png) no-repeat top left;}

/*-----landing-pages-----*/
/*tab*/
.lv_tab{ position:absolute; left:0; right:0; bottom:0; background:rgba(1,170,168,0.8); box-sizing:border-box;}
.lv_tab .box, .lv_tab_con .box{ display:flex; width:1200px;}
.lv_tab .lv_tab_cell{ position:relative; flex:1 1 auto; width:50%; height:200px; padding:0 35px; box-sizing:border-box; background:url(../../images/new/img_lv_tab_border.png) no-repeat right center; cursor:pointer; border-bottom:10px solid  rgba(255,255,255,0);}
.lv_tab .lv_tab_cell::before{ display:inline-block; position:relative; top:50%; transform:translateY(-50%); width:100px; height:100px; margin:0 20px 0 0; content:""; background-size:100% auto; background-repeat:no-repeat; background-position:center center; vertical-align:middle;}
.lv_tab .lv_tab_cell:nth-child(1)::before{ background-image:url(../../images/new/icon_lv_tab_01.png);}
.lv_tab .lv_tab_cell:nth-child(2)::before{ background-image:url(../../images/new/icon_lv_tab_02.png);}
.lv_tab .lv_tab_cell:nth-child(3)::before{ background-image:url(../../images/new/icon_lv_tab_03.png);}
.lv_tab .lv_tab_cell:last-child{ background:none;}
.lv_tab .lv_tab_cell a{ display:block; position:absolute; left:0; right:0; top:0; width:100%; height:100%; box-sizing:border-box;}
.lv_tab .lv_tab_cell:hover, .lv_tab .lv_tab_cell.select{ border-bottom:10px solid #fff100;}
.lv_tab .lv_tab_cell:hover .lv_txt h4, .lv_tab .lv_tab_cell.select .lv_txt h4, .lv_tab .lv_tab_cell:hover .lv_txt p,  .lv_tab .lv_tab_cell.select .lv_txt p{ color:#fff100;}
.lv_tab .lv_tab_cell .lv_txt{ display:inline-block; position:relative; top:50%; transform:translateY(-50%);}
.lv_tab .lv_tab_cell h4{ display:inline-block;}
.lv_tab .lv_tab_cell h4{ margin:0 0 15px 0; color:#fff; font-size:28px;}
.lv_tab .lv_tab_cell p{ color:#fff; font-size:18px;}
/*content*/
/*01*/
.lv_tab_con{ background:#fff;}
.lv_tab_con .lv_tab_box{ display:none;}
.lv_tab_con .lv_tab_box.active{ display:block;}
.lv_tab_box{ width:100%; padding:40px 0; text-align:center;}
.lv_tab_box h2{ margin:0 0 15px 0; color:#f03a61; line-height:normal; font-size:40px;}
.lv_tab_box p{ color:#7d7d7d; line-height:36px; font-size:24px;}
.lv_tab_app{ margin:30px 0 0 0;}
.lv_tab_app .lv_app_box{ height:450px; text-align:left; background-size:auto 100%; background-repeat:no-repeat; background-position:center center;}
.lv_tab_app .lv_app_box:nth-child(1){ background-image:url(../../images/new/img_app_01.jpg);}
.lv_tab_app .lv_app_box:nth-child(2){ background-image:url(../../images/new/img_app_02.jpg);}
.lv_tab_app .lv_app_box:nth-child(3){ background-image:url(../../images/new/img_app_03.jpg);}
.lv_tab_app .lv_app_box:nth-child(4){ background-image:url(../../images/new/img_app_04.jpg);}
.lv_tab_app .lv_app_box:nth-child(5){ background-image:url(../../images/new/img_app_05.jpg);}
.lv_tab_app .lv_app_box:nth-child(odd) .lv_txt{ left:30%;}
.lv_tab_app .lv_txt{ position:relative; top:50%; left:8%; transform:translateY(-80%); width:50%;}
.lv_tab_app .lv_txt h3{ margin:0 0 20px 0; font-size:30px;}
.lv_tab_app .lv_txt p{ font-size:20px;}
/*02*/
.lv_tab_list, .lv_tab_health{ padding:0 0 40px 0; margin:40px 0; background:url(../../images/new/lv_tab_list_border.jpg) no-repeat center bottom; background-size:100% 1px;}
.lv_tab_list::before{ display:inline-block; width:440px; height:360px; content:""; vertical-align: middle; background:url(../../images/new/img_lv_tab_list.jpg) no-repeat center center;}
.lv_tab_list h3{ padding:10px; color:#fff; background:#FAC51E;}
.lv_tab_list ul{ display:inline-block; vertical-align: middle; text-align:left; color:#7d7d7d; font-size:20px;}
.lv_tab_list ul li{ margin:0 0 15px 0; padding:0 0 0 20px; background:url(../../images/new/lv_tab_list.png) no-repeat 0 4px;}
.lv_tab_list ul li:first-child{ padding:0; background:none;}
.lv_tab_health::before{ display:block; width:200px; height:200px; margin:0 auto 25px auto; content:""; background:url(../../images/new/lv_tab_health.jpg) no-repeat center center;}
.lv_tab_health h3{ margin:0 0 25px 0; font-size:32px;}
.lv_th_con{ display:flex; flex-direction:row; flex-wrap:wrap; align-items:stretch;}
.lv_th_con .lv_th_box{ overflow:hidden; position:relative; flex:0 0 33.3%; width:33.3%; margin:0 0 45px 0; padding:0 40px; box-sizing:border-box; border-right:1px solid #eeeeee; cursor:pointer;}
.lv_th_con .lv_th_box::before{ display:block; width:70px; height:70px; margin:0 auto 10px auto; content:""; background-size:auto 100%; background-repeat:no-repeat; background-position:center center;}
.lv_th_con .lv_th_box:nth-child(3n), .lv_th_con .lv_th_box:last-child{ border-right:none;}
.lv_th_con .lv_th_01::before{ background-image:url(../../images/new/icon_lv_th_01.jpg);}
.lv_th_con .lv_th_02::before{ background-image:url(../../images/new/icon_lv_th_02.jpg);}
.lv_th_con .lv_th_03::before{ background-image:url(../../images/new/icon_lv_th_03.jpg);}
.lv_th_con .lv_th_04::before{ background-image:url(../../images/new/icon_lv_th_04.jpg);}
.lv_th_con .lv_th_05::before{ background-image:url(../../images/new/icon_lv_th_05.jpg);}
.lv_th_con .lv_th_06::before{ background-image:url(../../images/new/icon_lv_th_06.jpg);}
.lv_th_con .lv_th_07::before{ background-image:url(../../images/new/icon_lv_th_07.jpg);}
.lv_th_con .lv_th_08::before{ background-image:url(../../images/new/icon_lv_th_08.jpg);}
.lv_th_con .lv_th_box h4{ margin:0 0 15px 0; font-size:20px;}
.lv_th_con .lv_th_box p{ color:#535353; font-size:18px; line-height:28px;}
.lv_th_con .lv_th_box:hover .lv_th_f{ transform: scale(1.4); filter:blur(2px) brightness(0.7);-webkit-filter: blur(5px) brightness(0.7);-moz-filter:blur(5px) brightness(0.7);-o-filter: blur(5px) brightness(0.7); -ms-filter: blur(5px) brightness(0.7);}
.lv_th_con .lv_th_box .lv_th_b{ position:absolute; top:0; left:0; right:0; width:100%; height:100%; padding:15px 20px 20px 20px; color:#fff; font-size:15px; text-align: justify; line-height:24px; background:rgba(1,170,168,0.9); box-sizing:border-box; z-index:5; opacity:0; transition: all 0.6s ease;}
.lv_th_con .lv_th_box:hover .lv_th_b{ opacity:1;}
/*03*/
.plans_con{ position:relative; margin:0 0 60px 0;}
.plans_con.pc_m{ display:none;}
.plans_con.pc_o{ margin:20px auto 40px auto; filter: drop-shadow(0px 2px 10px rgba(0, 0, 0, 0.1));}
div.plans_con.pc_o .pc_th{ padding:0;}
div.plans_con.pc_o .pc_td { top:-10px;}
div.plans_con.pc_o .pc_td .pc_td_box{ width:auto; padding:10px 0;}
div.plans_con.pc_o .pc_tit{ padding:20px 0; text-align:center; color:#fff; background:#FAC51E;}
div.plans_con.pc_o .pc_tit h3{ margin:0 0 10px 0; font-size:24px;}
div.plans_con.pc_o .pc_tit p{ font-weight:bold; color:#fff;}
div.plans_con.pc_o .pc_tit span{ margin:0 10px 0 0; text-decoration:line-through; font-weight:normal; opacity:0.8;}
div.plans_con.pc_o::before{ display:none;}
.lv_tab_box .plans_con.pc_o{ margin:0 250px 40px 250px;}
.lv_tab_box div.plans_con.pc_o .pc_td{ top:95px;}
.plans_con::before{ display:block; width:170px; height:155px; margin:0 0 0 200px; content:""; background:url(../../images/new/img_plans_con.jpg) no-repeat center center; background-size:100% auto;}

.s_plan_con .pc_box{ max-width:1000px; margin:0 auto;}
.pc_w .pc_th li{ line-height:60px; margin:auto; padding:0 25px; text-align:left; font-weight:bold; font-size:18px;background: #fff; border-bottom: 1px solid rgba(0 ,0, 0, 0.1);}
.pc_w .pc_th li:last-child {border-bottom:none;}
.pc_w .pc_th li .pc_txt{ display:inline-block; height:auto; line-height:1; vertical-align:middle;}
.pc_w .pc_th li .pc_crown{ padding:0 0 0 35px; vertical-align:middle; background:url(../../images/new/icon_crown.png) no-repeat center left; background-size:25px; content:"";}
.pc_w .pc_th li span{ display:block; margin:4px 0 0 0; color:#FAC51E; font-weight:normal; font-size:14px;}
.pc_w .pc_td { position:absolute; right:0; top:95px;}
.pc_w .pc_td .pc_td_box{ display:inline-block; width:165px; margin:0 16px 0 0; padding:0 0 20px 0; vertical-align:top; background:#fff; border-radius:20px; box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 10%); box-sizing:border-box;}
.pagesize .pc_w .pc_td .pc_td_box.inco{ cursor:default;}
.pc_w .pc_td .pc_td_box li{ margin:0 30px; font-weight:bold; text-align:center; line-height:60px; border-bottom:1px solid transparent;}
.pc_w .pc_td .pc_td_box.inco li{ color:#a0a0a0;}
.pc_w .pc_td .pc_td_box li:last-child{ border-bottom:none;}
.pc_w .pc_td .pc_td_box .pc_td_tit{ color:#21b4b3; font-size:22px; border-bottom:none;}
.pc_w .pc_td .pc_td_box.inco .pc_td_tit{ color:#a0a0a0;}
.pc_w .pc_td .pc_td_box .pc_td_price{ margin:0 10px 0 0; color:#fff; font-size:20px; font-family:Arial, 微軟正黑體; font-weight:bold; background:#21b4b3; border-bottom:none; border-radius:0 30px 30px 0; text-shadow:0 0 0.2em #005e5d, 0 0 0.2em #005e5d;}
.pc_w .pc_td .pc_td_box.inco .pc_td_price{ color:#fff; background:#a0a0a0; text-shadow:0 0 0.2em #a0a0a0, 0 0 0.2em #a0a0a0;}
.pc_td_price span{ margin:0 5px 0 0; font-size:18px; font-weight:normal; text-decoration:line-through; opacity:0.8;}
.pc_td_y span, .pc_td_n span{ padding:2px 0 2px 30px; line-height:28px; background-repeat:no-repeat; background-position:0 50%; background-size:24px;}
.pc_td_y span{ color:#26b999; background-image:url(../../images/new/icon_pc_td_y.png);}
.pc_td_n span{ color:#ed7161; background-image:url(../../images/new/icon_pc_td_n.png);}
.pc_td_box.inco .pc_td_y span{ color:#a0a0a0; background-image:url(../../images/new/icon_pc_td_y_g.png);}
.pc_td_box.inco .pc_td_n span{ color:#a0a0a0; background-image:url(../../images/new/icon_pc_td_n_g.png);}
/*btn*/
.lv_tab_btn p{ margin:0 0 25px 0; color:#000; font-size:20px; font-weight:bold;}

/*會員註冊*/

.s_plan_con .pc_w .pc_th{ padding:0;}
.pagesize .pc_w .pc_td_box.inco:hover::after, .pagesize .pc_w .pc_td_box.inco.on::after{ border:none;}
.msup_step03 .msup_pay{ width:600px; margin:0 auto;}
.msup_pay_box{ position:relative; margin:0 0 20px 0;}
.msup_pay_box p, .msup_pay p{ margin:0 0 10px 0; overflow:hidden;}
.msup_pay_box p:last-child{ margin:0;}
..msup_pay_box ul li{ overflow:hidden; margin:0 0 10px 0;}
.msup_pay_box li select{ margin:0;}
.msup_pay_box a{ color:#FAC51E ;}
.msup_pay_box .tit_02{ width:100%;}
.msup_pay_box .msup_pay_btn01{ padding:0 0 0 25px; background:url(../../images/new/icon_info.png) no-repeat left center; background-size:20px;}
.msup_pay_box .msup_pay_btn01:hover{ background:url(../../images/new/icon_info_h.png) no-repeat left center; background-size:20px;}
.msup_pay_box .msup_pay_btn02, .msup_pay_box .msup_pay_btn01{ float:right; font-size:16px; text-decoration:underline;}
.msup_pc_cell01{ flex:0 0 100%;}
.msup_pc_cell02{ flex:0 0 68%; margin:0 2% 3% 0;}
.msup_pc_cell03{ flex:0 0 30%;}
.msup_pay_tab{ margin:0 0 10px 0;}
.msup_pay_tab a{ display:inline-block; width:80px; height:30px; margin:0 6px 0 0; line-height:28px; text-align:center; border:1px solid #FAC51E; border-radius:4px; box-sizing:border-box;}
.msup_pay_tab a:hover, .msup_pay_tab a.select{ color:#fff; background:#FAC51E;}
.btn_change{ display:block; width:120px; height:35px; margin:15px auto; line-height:35px; text-align:center; color:#fff; font-size:16px; background:#FAC51E; border-radius:35px;}
.btn_change + p{ margin:0 auto 30px auto; text-align:left; font-size:14px; font-weight:bold;}
/*04*/
.msup_step04 .msup_num{ width:228px; height:256px; background:url(../../images/new/icon_msup_finish.png) no-repeat center center; background-size:100% auto;}
.msup_step04 .con_box p{ margin:0;}
.msup_step04 .con_box p.txt_ps{ margin:0 0 20px 0; font-size:18px; text-align:center; color:#7d7d7d;}
/*barcode*/
.barcode_box{ padding:15px; text-align:center; background:#eeeeee;}
.barcode_box::before{ display:inline-block; width:200px; height:70px; margin:0 10px 0 0; vertical-align:middle; content:""; background:url(../../images/new/img_barcode.jpg) no-repeat left center; background-size:200px auto;}
.barcode_box h4{ display:inline-block;}

.mp_recom{ border:none;}
.mp_recom .tit_02 span{ display:inline-block; margin:0 0 0 2px;}
span.txt_pk{ display:inline-block; color:#E12E23;}



.con_box .sh_tag{ display:inline-block; height:20px; padding:0 0 0 25px; background-repeat:no-repeat; background-size:20px; background-position:0 0; margin-left: 24px;}
.con_box .sh_tag::after{ display:inline-block; vertical-align:top; line-height:20px;}
.con_box .sh_tag.st_01{ background-image:url(../../images/new/icon_pc_td_y.png);}
.con_box .sh_tag.st_01::after{ content:"訂閱中"; color:#4d9966;}
.con_box .sh_tag.st_02{ background-image:url(../../images/new/icon_pc_td_n.png);}
.con_box .sh_tag.st_02::after{ content:"扣款失敗"; color:#ee7061;}
.con_box .sh_tag.st_03{ background-image:url(../../images/new/icon_pc_td_p.png);}
.con_box .sh_tag.st_03::after{ content:"訂閱即將終止"; color:#f39700;}
.con_box .sh_tag.st_04{ background-image:url(../../images/new/icon_pc_td_p.png);}
.con_box .sh_tag.st_04::after{ content:"退款申請中"; color:#f39700;}
.con_box .sh_tag.st_05{ background-image:url(../../images/new/icon_pc_td_g.png);}
.con_box .sh_tag.st_05::after{ content:"訂閱終止"; color:rgba(0,0,0,0.3);}
.con_box .sh_tag.st_06{ background-image:url(../../images/new/icon_pc_td_y.png);}
.con_box .sh_tag.st_06::after{ content:"已退租"; color:#4d9966;}

.sh_box{ display:flex; flex-wrap:nowrap; align-items:stretch; justify-content:center; padding:15px;}
.sh_box .sb_cell{ flex:1 1 auto; width:50%; margin:0 20px 0 0; box-sizing:border-box;}
.sh_box .sb_cell:last-child{ margin:0;}
.sh_box .sb_cell h4{ margin:0 0 10px 0; padding:0 0 10px 0; text-align:left; font-size:16px; border-bottom: 1px solid #dddddd;}
.sh_box .sb_cell li{ overflow:auto; margin:0 0 5px 0; text-align:left;}
.sh_box .sb_cell li span{ float:right; color:#000;}
.sh_tit{ display:none;}
.sh_txt{ text-align: left;}
.user_img{ display:inline-block; overflow:hidden; width:45px; height:45px; margin:0 0 0 10px; vertical-align:middle; border-radius:50%;}
.user_img img{ display:block; width:100%; height:auto;}


.cli_box .con_box:nth-child(2) .tit_02{ margin:0;}
.cli_box .safe_list{ margin:10px 0 0 0;}
.cli_box .safe_list li{ display:block; width:100%;}
.cli_box input{ width:100%; height:35px; padding:0 0 0 10px; line-height:35px; color:rgba(0, 0, 0, 0.7); border:1px solid #dddddd; box-sizing:border-box; vertical-align:middle;}
.cli_box .des_box{ margin:20px 0 0 0; padding:20px; background:#f1fffc;}
.cli_box .des_box h3{ margin:0 0 15px 0;}
.cli_box .des_box ul{ line-height:24px; font-size:14px; list-style:inside decimal;}
a.btn_download{ display:inline-block; height:30px; line-height:30px; margin:0 0 0 10px; padding:2px 10px; vertical-align:top; color:#ec808d; border:1px solid #ec808d; border-radius:5px;}
a.btn_download::before{ display:inline-block; vertical-align:middle; width:20px; height:20px; margin:0 5px 0 0; background:url(../../images/new/icon_download.png) no-repeat left center; background-size:100% auto; content:"";}
a.btn_download:hover{ color:#fff; background:#ec808d;}
a.btn_download:hover::before{ background-image:url(../../images/new/icon_download_w.png);}

.prompt_txt{ padding:5px 10px; font-size:14px; background:#ebfafa;}

/*-----con_box-會員資料-----*/
.con_box .group_tag_filter{ padding-left:0; margin: -10px 0 10px 0; }
.con_box .group_tag_filter span { padding-top: 8px; margin: 0 12px 0 4px; white-space: nowrap; }
.con_box .group_tag_filter label span.sty_radio { color: #FAC51E;border: 1px solid #FAC51E; border-radius: 6px; padding: 7px 8px; font-size: 14px; line-height:14px; cursor: pointer; margin: 6px -8px 0px 0px;}
.con_box .group_tag_filter label .no_input:checked + span.sty_radio { color: #fff; background: #FFA269; }
.basic_info_box {display: flex;}
.basic_info_box .infos_list .infos_list_item {width: 100%;max-width: 100%; margin: 0;}
.basic_info_box .infos_list .infos_list_item:first-child { border-bottom: 1px solid rgba(0%,0%,0%,0.2); margin: 0 0 16px 0; }
.basic_info_box .infos_list .infos_list_item:last-child{border-bottom: 0px!important;margin: 0!important}
.basic_info_box .basic_info--left { min-width: 490px; margin-right: 24px;}
.basic_info_box .basic_info--right { flex: auto;}
.inp_btn.change_card_btn{ margin-top: -4px; right: 24px; word-break: keep-all; position: absolute;}
.inp_btn.change_card_btn a{ padding: 10px 16px; font-size: 14px; line-height: 1;}
.inp_btn.manage_team_btn{margin-top: -4px; position: absolute; right: 0px;}
.inp_btn.manage_team_btn a{ padding: 10px 16px; font-size: 14px; line-height: 1;}

/*-----上傳大頭貼-----*/
.member_thumbnail{  position: relative; width: fit-content; margin: auto;}
.member_thumbnail .thumbnail_image{  overflow: hidden; text-align: center; position: relative; border-radius: 50%; margin: 24px auto; }
.member_thumbnail .thumbnail_image img{  object-fit: cover; width: 232px; height: 232px;  }
.member_thumbnail .upload_image{ position:absolute; bottom: 0px; right: 0px; display:block; width:56px; height:56px; background-image:url(../../images/new/upload_image.svg); background-repeat:no-repeat;  background-position:center center; box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1); border-radius: 50%;}
.member_thumbnail .upload_image:hover{ box-shadow: 0px 6px 8px rgba(0, 0, 0, 0.1);}
.member_thumbnail .upload_image:active{ background-image:url(../../images/new/upload_image_pressed.svg);}
.member_thumbnail .upload_image.upload_image--delete{background-image:url(../../images/new/delete_image.svg); }
.member_thumbnail .upload_image.upload_image--delete:active{background-image:url(../../images/new/delete_image_pressed.svg); }


/*left*/
.mc_left .mc_box{ position:relative; width:100%; margin:0 0 16px 0; box-sizing:border-box;}
.mc_left h4{ margin:0 0 8px 0;}
.mc_left h4 span{ margin:0 0 0 10px; font-size:14px;}
.mc_tag{ display:inline-block; margin:0 5px; padding:6px 8px; color:#FAC51E; border-radius:6px; border:1px solid #FAC51E; cursor:pointer;}
.mc_tag::after{ display:inline-block; content:""; width:12px; height:12px; margin:-3px 3px 0 10px; vertical-align:middle; background:url(../../images/new/icon_close_m_green.svg) no-repeat center center; background-size:24px auto;}
.mc_tag:hover{ opacity: 0.7; }
.pay_tag{display:inline-block; margin: 0 2px; color: #FAC51E; font-weight: bold;}
.card_tag{display:inline-block; margin: 0 2px; color: #FAC51E; font-weight: bold;}
.mc_left .inp_btn{ position:static; margin-right: 4px;}
.mc_left .inp_btn img{ vertical-align: text-top;}
.mc_left .inp_btn a{ margin: 0 8px 0 0; padding: 7px 16px;}
.mc_left .mc_btns{ position:absolute; top:0px; right:0;}
.mc_left .mc_btns a{margin-left: 12px;}
.mc_left .inp_btn.inp_btn--add a{margin-left: 4px;}
.mc_left .inp_btn.inp_btn--submit a{ font-size: 17px; margin: 0 10px;}
.mc_card .aa_b_cell{ align-items:flex-start;}
.mc_card .aa_b_cell .aa_b_img{ border-radius: 7px; margin: 0; overflow: hidden; height:auto;}
.mc_card .aa_b_cell .aa_b_txt{ height:auto;}
.mc_card .aa_b_img img{ width:100px}
.refresh_btn{ display:inline-block; width:24px; height:24px; margin:0 auto; background:url(../../images/new/edit.svg) no-repeat center center; }
.refresh_btn:hover{opacity: 0.7;}
.coverage_box .coverage_cell{display: flex; border-top: 1px solid rgba(0%, 0%, 0%, 0.2) ;}
.coverage_box .coverage_cell .coverage_info_list{width: 240px; margin-bottom: 4px;}
.coverage_box .coverage_cell .coverage_name{color:#FAC51E; margin:8px 0 ;}
.coverage_box .coverage_cell .coverage_content{padding: 4px 0;}
.coverage_box .coverage_cell .coverage_content .coverage_txt{padding: 8px 8px 8px 0;color: rgba(0%, 0%, 0%, 0.7);}
.coverage_box .coverage_cell .coverage_content .coverage_value{padding: 8px 8px 8px 0;color: #e12e23}
.coverage_box .coverage_piechart { position: relative; width: 56px; margin: 19px 0; }
.coverage_box .coverage_piechart div { border: none; position: absolute; top: 0; left: 0; height: 56px; width: 56px; border-radius: 50%; clip: rect(0px, 56px, 56px, 28px); }
.coverage_box .coverage_piechart > div:first-child { clip: auto; }
.coverage_box .coverage_piechart div div { clip: rect(0px, 28px, 56px, 0px); }
.coverage_box .coverage_piechart .doughnut { top: 14px; left: 14px; background: #f4f4f4; width: 28px; height: 28px; display: block; clip: auto; }
.coverage_box .coverage_piechart .slice--grey { background: rgba(30, 58, 62, 0.12); }
.coverage_box .coverage_piechart .slice--primary { transform: rotate(270deg); }
.coverage_box .coverage_piechart .slice--primary .pie { background-color: #FAC51E; transform: rotate(270deg); }
.coverage_title { font-weight: bold; margin: 4px 0;}
.coverage_checkbox {display: inline-block; margin: 6px 8px; color: rgba(0,0,0,0.7);}
.coverage_checkbox label{ margin: 0; padding: 2px; }
.coverage_checkbox span{ vertical-align: middle; }
.coverage_card{ border: 1px solid rgba(0,0,0,0.2); border-radius: 6px; background-color: #f4f4f4; color: rgba(0,0,0,0.7); padding: 15px 12px;margin: 18px 0;max-width: 340px;}
.coverage_card__draft{ border: 1px solid rgba(0,0,0,0.2); border-radius: 6px; background-color: #fff; color: rgba(0,0,0,0.7); padding: 12px;margin: 8px 0 16px 0;}

/*right*/
.mc_right .appc_c_name{ margin:0 0 5px 0;}
.mc_right .appc_c_txt{ color: rgba(0%,0%,0%,0.7);background: #f4f4f4; border-radius: 6px;overflow: hidden;}
.mc_right .appc_c_txt .appc_detail { padding: 10px; }
.mc_right .appc_c_txt .appc_detail h3 {color: #FAC51E; margin-bottom: 5px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.mc_right .appc_c_txt .appc_detail p { text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.mc_right .appc_c_txt .appc_img { margin: 0 0px 0 0; position: relative;overflow: hidden; padding-bottom: 56.25%;}
.mc_right .appc_c_txt .appc_img img{position: absolute;top: 50%;left: 50%; min-width: 100%; min-height: 100%; transform: translate(-50%,-50%);}
.mc_right .appc_c_txt .appc_url{ padding:0 0 0 35px; background:url(../../images/new/icon_appc_url.png) no-repeat left center; background-size:30px;}
.mc_right .appc_c_pic {padding: 10px; background: #f4f4f4; border-radius: 6px; overflow: hidden;}
.mc_right .appc_c_pic .appc_img { margin: 0 0px 0 0;position: relative; overflow: hidden;border-radius: 6px; padding-bottom: 100%;}
.mc_right .appc_c_pic .appc_img img { position: absolute; top: 50%; left: 50%;display: block; min-width: 100%; min-height: 100%;transform: translate(-50%,-50%);}
.mc_right .appc_c_reply{ padding:0 15px 0; margin: 10px -15px 5px; color:rgba(0,0,0,0.7); font-size:14px; background:none no-repeat center right;}
.mc_right .appc_c_reply > div{ display:inline-block;}
.mc_right .appc_c_reply::after{ display:block; clear:both; content:"";}
.mc_right .appc_c_reply .ma_m_02{ float:right; cursor:pointer;}
.mc_right .appc_c_reply .ma_m_02::before{ display:inline-block; content:""; clear:both; width:20px; height:20px; margin:0 5px 0 0; vertical-align:middle; background:url(../../images/new/icon_reply.png) no-repeat center center; background-size:100% auto;}
.mc_right .hint_text{ margin-top: -20px; color: rgb(0,0,0,0.3); font-size: 12px; padding: 0 24px; text-align: center;}

/*lightbox 特定用戶篩選區*/
.table_view__sort_box {background-color: #fff;}
.table_view .search_box { border-top: none; border-bottom: 1px solid rgba(0%, 0%, 0%, 0.2);} 
.basic_filters{ padding-left: 15px; margin-bottom: 16px; }
.basic_filters ul { display:flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start;}
.basic_filters li {display: flex; flex-direction: row; flex-wrap: nowrap; margin: 16px 16px 0 0;}
.basic_filters span { padding-top: 8px; margin: 0 12px 0 4px; white-space: nowrap;}
.basic_filters select{ width: 120px; background-color: transparent;}
.basic_filters .input_date { background-color: transparent;}
.basic_filters label span.sty_radio { background-color: transparent;}
.basic_filters	label checked + span.sty_radio { color: #fff; background: #FAC51E;}
.basic_filters .datetime_text { padding: 8px 8px; margin: 0;}
.basic_filters .datetime_boxes { display: flex; }
.basic_filters .datetime_box { display: flex; margin-bottom: 8px;}
.sort_box__search_bar{ display: flex; }
.sort_box__tabs{ height: 44px; background-color: #fff; border-bottom: 1px solid rgba(0%, 0%, 0%, 0.2); padding-bottom: 3px;}
.sort_box__tab{ font-size: 19px; cursor: pointer; padding:12px 24px 5px 24px; margin:0px 0px; display:inline-block; color:#FAC51E; border-bottom: 3px solid rgba(0,0,0,0); }
.sort_box__tab:hover{ border-bottom-color:#FAC51E; }
.sort_box__filter_panel{ display:none; }
.table_view .table_view__box .selected_row {background-color: #EBF4F5;}
.table_view .table_view__box .selected_row td {background-color: #EBF4F5;}
.table_view .table_view__box .disabled_row {opacity: 0.7; pointer-events: none;}
.table_view .table_view__box .disabled_row td{opacity: 0.7;}
.table_view .table_view__box .app_status--on {color: #4d9966;}
.table_view .table_view__box .app_status--off{color: #dd8b4a;}
.table_view .table_view__box .app_status--no-right{color: #e12e23;}

/*tab 控制*/
#by_customer:checked ~ .table_view__sort_box .sort_box__filter_panels #panel_by_customer, #by_policy:checked ~ .table_view__sort_box .sort_box__filter_panels #panel_by_policy{ display:block }
#by_customer:checked ~ .sort_box__tabs ~ .search_box, #by_policy:checked ~ .sort_box__tabs ~ .search_box{ border-bottom:none; }
#by_customer:checked ~ .sort_box__tabs #customer_tab, #by_policy:checked ~ .sort_box__tabs #policy_tab{ border-bottom: 3px solid #FAC51E; }
.group_tag_filter .ecb_box { margin-top: 5px;}
.group_tag_filter .ecb_box .eb_name{  border:1px solid rgba(0%,0%,0%,0.3); border-radius:6px; padding: 5px 8px;font-size: 15px;}
.group_tag_filter .ecb_box .eb_name a{color:rgba(0%,0%,0%,0.7);}
.group_tag_filter .ecb_box .eb_name::after { display: none; }
.group_tag_filter .ecb_box .eb_name .eb_cancel { margin-left: 6px; display:inline-block; width:24px; height:12px; background:url(../../images/new/icon_close_m_green.svg) no-repeat 50% 50%; background-size:24px;}
.group_tag_filter .ecb_box .eb_name:hover{ opacity: 0.7;}
.group_tag_filter .ecb_box .eb_name--on{ background: #FAC51E; border: 1px solid #FAC51E; }
.group_tag_filter .ecb_box .eb_name--on a{ color: #fff ;}



/*right*/
.message_all .ma_right{ flex:0 0 auto; }
.message_all .ma_right .con_box{ width:350px; margin:0 0 24px 0; padding:16px; box-sizing:border-box;border-radius: 6px;}
.message_all .ma_right .con_box .notifications_box{ max-height: 440px; overflow-y: scroll; margin-right: -15px;}
.message_all .ma_right .con_box .notifications_box::-webkit-scrollbar { width: 6px; }
.message_all .ma_right .con_box .notifications_box::-webkit-scrollbar-track {-webkit-border-radius: 10px; border-radius: 5px; margin:15px 0 15px 0;}
.message_all .ma_right .con_box .notifications_box::-webkit-scrollbar-thumb {-webkit-border-radius: 4px; border-radius: 4px; background: rgb(219,219,219); }

.ma_alert .ma_a_main{ display: flex; align-items: center;}
.ma_open .ma_alert .ma_a_main{ border-bottom: #ECECEC solid 2px; padding-bottom: 16px;}
.ma_alert .ma_a_main h3{ width:100%; padding:0 0 0 32px; margin:0; background:url(../../images/new/icon_alert.svg) no-repeat top left; background-size:24px; color: rgba(0, 0, 0, 0.7);font-size: 20px; line-height: 125%;}
.ma_right .ma_a_main.ma_a_n h3{ background:url(../../images/new/icon_alert.svg) no-repeat top left; background-size:24px; position: relative;}
.ma_right .ma_a_main.ma_a_n .ma_a_alert{position: absolute; width: 20px; height: 20px; left: 12px; top: -8px; font-size: 12px; color: #fff; text-align: center; line-height: 155%; background: #E12E23; border-radius: 50px;}
.ma_right .ma_a_btn{ display:flex;}
.ma_alert .ma_a_main .ma_a_btn a.ma_a_delete{ display:none; vertical-align:middle; font-size: 16px; line-height: 140%; color: #FAC51E; word-break: keep-all;}
.ma_alert .ma_a_main .ma_a_btn a.ma_a_expand{ display:inline-block; width:24px; height:24px; vertical-align:middle; text-indent:-9999px; background:url(../../images/new/icon_arrow_down_s.svg) no-repeat center center; background-size:100% auto;transition: none;}
.ma_open .ma_alert .ma_a_main .ma_a_btn a.ma_a_expand{ background:url(../../images/new/icon_arrow_up_s.svg) no-repeat center center; transition: none;}
.ma_open .ma_alert { min-height: 400px; }
.ma_alert .ma_a_con{ display:none; margin-top: 16px;}
.ma_alert .ma_a_con .ma_a_cell{ position:relative; display:flex; flex-wrap:nowrap; flex-direction:row; justify-content:flex-start; align-items:center; padding:0 24px 16px 0;}
.ma_alert .ma_a_con .ma_a_cell.customer_deleted{ opacity: 0.7; }
.ma_alert .ma_a_con .ma_a_cell.customer_deleted .ma_a_txt h4{ color: rgba(0, 0, 0, 0.2); }
.ma_alert .ma_a_con .ma_a_cell.customer_deleted .ma_a_txt h4::after{ content: "（您已刪除保戶）";}
.ma_alert .ma_a_con .ma_a_cell.customer_deleted .ma_a_txt p{ color: rgba(0, 0, 0, 0.2); }
.ma_alert .ma_a_con .ma_a_cell.customer_deleted .ma_a_txt div{ color: rgba(0, 0, 0, 0.2); }
.ma_alert .ma_a_con .ma_a_cell:last-child{ margin:0;}
.ma_alert .ma_a_con .ma_a_time{ margin-top: 4px; font-size:12px; color: rgba(0, 0, 0, 0.5);}
.ma_alert .ma_a_con .ma_a_btn{ flex-direction: column; position:absolute; right:8px !important; top:18px !important;}
.ma_a_img img { width: 40px; height: 40px; }
.ma_right.ma_open .ma_a_con{ display:block;}
.ma_right.ma_open .ma_a_con .ma_a_radio{ display:flex; margin-bottom: 16px;}
.ma_right.ma_open .ma_a_btn a.ma_a_delete { display: inline-block; margin-right: 4px;}
.ma_alert .no_customers .empty_hint{color: rgba(0, 0, 0, 0.3); font-size: 16px; text-align: center;}

.message_all .ma_a_img{ flex:0 0 auto; overflow:hidden; width:40px; height:40px; margin:0 8px 0 0; border-radius:50%;}
.message_all .ma_alert .ma_a_img{ flex:0 0 auto; overflow:hidden; width:48px; height:48px; margin:0 6px 0 0; border-radius:50%;}
.message_all .ma_alert .ma_a_img img{ width:48px; height:48px;}
.message_all .ma_a_txt{ flex:1 1 auto; margin:0 8px 10px 0;}
.message_all .ma_a_txt .txt_amount{ padding: 0 4px;}
.message_all .ma_a_txt span{ padding: 0  4px;}
.message_all .ma_a_txt h4{ font-size: 16px; color: #FAC51E;}
.message_all .ma_a_txt p{ font-size: 14px; color: rgba(0, 0, 0, 0.7); font-size: 14px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-break: break-all;}
.message_all .ma_a_txt .ma_a_txt_read{ color: #4D9966;}
.message_all .ma_a_txt .ma_a_txt_read::before{ content: "訊息已讀";}
.message_all .ma_a_txt .ma_a_txt_unread{ color:rgba(0, 0, 0, 0.4);}
.message_all .ma_a_txt .ma_a_txt_unread::before{ content: "訊息未讀";}
.message_all .ma_a_txt .ma_a_txt_deleted{ color:rgba(0, 0, 0, 0.3);}
.message_all .ma_a_txt .ma_a_txt_deleted::before{ content: "您已刪除保戶";}
.message_all .ma_a_btn .trash_btn{ background:url(../../images/new/icon_delete.svg) no-repeat center center; margin-bottom: 4px;}
.message_all .ma_a_btn .notification_dot { align-self: center; padding: 4px; width: 0px; height: 0px; border-radius: 50%; background-color: #4AB6CA; }
.message_all p{ overflow-wrap: anywhere; }

.message_all .textarea[placeholder]:empty:before { content: attr(placeholder); color: rgb(0 0 0 / 0.5); }
.message_all .ma_m_client{ overflow-wrap: break-word; }
.message_all .light_text{ color:darkgray; }
.message_all .ma_r_box{ word-break: break-all; }
.message_all .textarea{ width: 90%; padding: 10px; border: 1px solid #dddddd; box-sizing: border-box; border-radius: 7px; background-color: -internal-light-dark-color(white, black); outline: none; user-select: text; white-space: pre-wrap; overflow-wrap: anywhere; background-color: white; -webkit-user-modify: read-write-plaintext-only; }
.message_all .center_btn{ text-align: -webkit-center; margin-top: 15px; }
.message_all .box::-webkit-scrollbar { width: 5px; }
.message_all .box::-webkit-scrollbar-track { -webkit-border-radius: 10px; border-radius: 10px; margin:40px 5px 5px 0; }
.message_all .box::-webkit-scrollbar-thumb { -webkit-border-radius: 4px; border-radius: 4px; background: rgb(219,219,219); }
.message_all .ma_l_box ul::-webkit-scrollbar { width: 5px; }
.message_all .ma_l_box ul::-webkit-scrollbar-track { -webkit-border-radius: 10px; border-radius: 10px; }
.message_all .ma_l_box ul::-webkit-scrollbar-thumb { -webkit-border-radius: 4px; border-radius: 4px; background: rgb(219,219,219); }
.message_all .ma_l_box a { position:inherit !important; }
.message_all .ma_l_box{ border-radius:6px; }
.message_all .ma_message .ma_l_reply .ma_l_box ul { max-height: 108px; height:auto; }
.default_message_box_title .tit_04{padding: 0 0 16px 0; margin: 0 24px;}
.message_all .ma_right .default_message_box.con_box{ padding: 24px 0 0 0;}

/*left*/
.message_all .ma_left{ flex:1 1 auto; overflow:-moz-hidden-unscrollable; height:100%;}
.message_all .ma_left .ma_message{ overflow:auto; margin: 0 auto; width:100%; height:100%; padding:0 24px 0 0; -ms-overflow-style:none; box-sizing:border-box;}
.ma_message .ma_m_main{ padding:10px 0 0 0; background:#fff;border-radius: 6px; margin-bottom: 24px;}
.ma_message .ma_m_main h3{ display:inline-block; margin:0 10px 0 0; padding:0 0 0 24px; vertical-align:middle; background:url(../../images/new/icon_message.png) no-repeat left center; background-size:18px;}
.ma_message .ma_m_main .btn_tab { border-radius: 6px; border-bottom: none; }
.ma_message .ma_m_main .btn_tab .swiper-wrapper {border-bottom: 1px solid #C4C4C4; }
.ma_message .ma_m_main .btn_tab .swiper-slide { padding: 12px 8px; }
.ma_message .ma_m_main .btn_tab .function_bar { display: flex; justify-content: space-between; padding: 24px;}
.ma_message .ma_m_main .btn_tab .function_bar select{ margin: unset; }
.ma_message .ma_m_main .btn_tab .function_bar .push_btn{ font-size: 16px; line-height: 140%; cursor: pointer; text-align: start; display: inline-block; border-radius: 6px; background: url(../../images/new/icon_edit.svg) no-repeat 82px; background-color: #FAC51E; color: #FFFFFF; padding: 8px 32px 8px 12px; width: auto; word-break: keep-all;}
.ma_message .ma_m_main .btn_tab .empty_box.function_bar{ flex-direction: column; align-items: center; margin-top: 72px; margin-bottom: 48px;}
.ma_message .ma_m_main .btn_tab .empty_box .empty_title{ font-size: 22px; margin-bottom: 8px;}
.ma_message .ma_m_main .btn_tab .empty_box .empty_text{ margin-bottom: 24px; }
.ma_message .ma_m_con{ position:relative; min-height:610px;}
.ma_message .ma_m_con.ma_m_none::after{ display:none;}
.ma_message .ma_m_con.ma_m_none .ma_n_txt{ position:absolute; left:0; right:0; top:50%; transform:translateY(-50%);}
.ma_message .ma_m_con.ma_m_none .ma_n_txt h2{ margin:0 0 30px 0; text-align:center; color:#aaa; font-weight:bold; font-size:30px;}
.ma_message .ma_m_status{ display:inline-block; vertical-align:middle; font-size:15px;}
.ma_message .ma_m_status a{ display:inline-block; margin:0 6px 0 0; color:rgba(0, 0, 0, 0.7); }
.ma_message .ma_m_status a:hover, .ma_message .ma_m_main .ma_m_status a.on{ color:#FAC51E;}
.ma_message .ma_m_cell{ position:relative; margin:0 0 24px 0;}
.ma_message .ma_m_cell.ma_m_cell_deleted span{ color: rgba(0,0,0,0.7);}
.ma_message .ma_m_cell.ma_m_cell_deleted .ma_m_txt{ margin: unset;}
.ma_message .ma_m_cell:last-child{ margin:0;}
.ma_message .ma_m_l{ position:relative; color: rgba(0,0,0,0.7); padding: 24px 0px; background:#fff; box-sizing:border-box; border:2px solid rgba(0,0,0,0);border-radius: 6px;}
.ma_message .ma_m_cell.ma_open .ma_m_r{ display:block;}
.ma_message .ma_m_cell.ma_m_res .ma_m_l{ background:#e0e0e0}
.ma_message .ma_m_btn{ position:absolute; top:24px; right:24px;}
.ma_message .ma_m_btn .edit_btn{ width: 20px; height: 20px; top: 12px; right: 0px;}
.ma_message a.more{ display:inline-block; width:20px; height:20px; vertical-align:middle; background:url(../../images/new/icon-more.svg) no-repeat center center; background-size:100% auto;}
.ma_message a.edit{ background-image:url(../../images/new/cb_edit_h.png);}
.ma_message a.delete{ background-image:url(../../images/new/delete_btn_h.png);}
.ma_message a.back{ background-image:url(../../images/new/cb_back.png);}
.ma_message .ma_m_btn .ma_m_box{ display:none; position:absolute; top:25px; right:0; width:100px; background:#fff; z-index:20; box-shadow:2px 2px 10px 2px rgba(0,0,0,0.1); border-radius: 6px;}
.ma_message .ma_m_btn.on .ma_m_box{ display:block;}
.ma_message .ma_m_btn .ma_m_box li{ padding:8px 0; border-bottom:1px solid #e9e9e9;}
.ma_message .ma_m_btn .ma_m_box a{ display:block; padding:0 0 0 12px; font-size:15px; background-repeat:no-repeat; background-position:left top; background-size:20px;}
.ma_message .ma_m_user { display: flex; align-items: center; padding: 0 24px;  }
.ma_message .ma_m_user > div{ display:inline-block; vertical-align:top;}
.ma_message .ma_m_user h4, .ma_message .ma_m_r .ma_r_main h4{ color: rgb(0 0 0 / 0.6);}
.ma_message .ma_m_users_single{ display: flex; align-items: center;}
.ma_message .ma_m_res .ma_m_user .ma_a_txt{vertical-align: bottom; color: rgb(0 0 0 / 0.6);}
.ma_message .ma_m_user p{ color:rgba(0, 0, 0, 0.4); font-size:14px;}
.ma_message .ma_m_user .ma_a_txt { margin-bottom: 0; }
.ma_message .ma_m_user--sales { min-width: 112px; max-width: 50%;}
.ma_message .ma_m_user--customer { padding-right: 40px;flex: 1 1 auto; }
.ma_message .ma_m_txt{ margin:0 0 16px 0; padding: 0 24px;}
.ma_message .ma_m_txt span{ margin:0 2px; color:#FAC51E; font-weight:bold;}
.ma_message .ma_m_txt .ma_m_content{ margin-bottom: 24px;}
.ma_message .ma_m_txt .ma_m_content span{ color: rgb(0 0 0 / 0.6); font-weight: 500; }
.ma_message .ma_m_txt .ma_m_edited .ma_m_edited_box::before{ word-break: keep-all; content: "（已編輯）"; color: rgb(0 0 0 / 0.4);}
.ma_message .ma_m_client{ padding:16px 0 24px 0; color: rgb(0 0 0 / 0.6);line-height: 140%;}
.ma_message .ma_m_client.text_border{ border-bottom:1px solid rgba(0, 0, 0, 0.1);}
.ma_message .ma_m_arrow{ background:url(../../images/new/icon_arrowR_filled.svg) no-repeat center center; width: 12px; height: 12px; margin: 0 -8px; margin-top: 4px; min-width: 12px;}
.ma_message .ma_c_txt{ color:rgba(0, 0, 0, 0.7); font-size:15px; background:#f4f4f4; border-radius:6px; overflow: hidden;border: 1px solid rgba(0,0,0,0.2); max-width: 500px }
.ma_message .ma_c_txt .appc_img{ margin:0 0px 0 0; position:relative; overflow: hidden; padding-bottom: 56.25%;}
.ma_message .ma_c_txt .appc_img img{ position: absolute; top: 50%;left: 50%; display: block; min-width: 100%; min-height: 100%; transform:translate(-50%,-50%);}
.ma_message .ma_c_txt .appc_detail{ padding: 12px; }
.ma_message .ma_c_txt .appc_detail{ padding: 12px; }
.ma_message .ma_c_txt .appc_detail h3 { color:rgba(0, 0, 0, 0.7); margin-bottom: 5px;text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.ma_message .ma_c_txt .appc_detail p { text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; }
.ma_message .ma_c_txt .appc_url{ padding:0 0 0 35px; background:url(../../images/new/icon_appc_url.png) no-repeat left center; background-size:30px; }
.ma_message .ma_c_pic{ overflow: hidden; max-width: 500px; clear: both;}
.ma_message .ma_c_pic .appc_img{ margin:0 0px 0 0; position:relative; overflow: hidden; padding-bottom: 100%;border: 1px solid rgba(0,0,0,0.2);}
.ma_message .ma_c_pic .appc_img img{ position: absolute; top: 50%;left: 50%; display: block; min-width: 100%; min-height: 100%; transform:translate(-50%,-50%);}
.ma_message .ma_l_reply{ position:relative; padding:0 24px; color:rgba(0, 0, 0, 0.7); font-size:16px; background:none no-repeat center right;}
.ma_message .ma_m_l.ma_open .ma_l_reply{ background:url(../../images/new/cb_ar.png) no-repeat center right; background-size:8px;}
.ma_message .ma_l_reply > div{ display:inline-block;}
.ma_message .ma_l_reply::after{ display:block; clear:both; content:"";}
.ma_message .ma_l_reply span{ padding:0 6px;}
.ma_message .ma_l_reply .ma_m_01{margin-right: 16px; cursor:pointer;}
.ma_message .ma_l_reply .ma_m_02{ float:right; cursor:pointer;}
.ma_message .ma_l_reply .ma_m_02::before{ display:inline-block; content:""; clear:both; width:24px; height:24px; margin:0 5px 0 0; vertical-align:middle; background:url(../../images/new/icon_reply_disabled.svg) no-repeat center center; background-size:100% auto;}
.ma_message .ma_l_reply .ma_m_01:hover{ color:rgba(0, 0, 0, 0.4);}
.ma_message .ma_l_reply .ma_m_02:hover{ opacity:0.7;}
.ma_message .ma_l_reply .ma_m_03{ float:right; color: #DD8B4A;}
.ma_message .ma_l_reply .ma_m_04{color: #4D9966;}
.ma_message .ma_l_reply .ma_m_05{color: rgb(0 0 0 / 0.4);}
.ma_message .ma_l_reply.ma_m_n .ma_m_02::before{ background:url(../../images/new/icon_reply_n.png) no-repeat center center; background-size:100% auto;}
.ma_message .ma_l_reply .ma_l_box{ display:none; position:absolute; top:30px; left:30px; background:#fff; z-index:20; box-shadow:2px 2px 10px 2px rgba(0,0,0,0.1);}
.ma_message .ma_l_reply .ma_m_01.on .ma_l_box{ display:block;}
.ma_message .ma_l_reply .ma_l_box ul{ overflow:auto; width:160px; height:108px;}
.ma_message .ma_l_reply .ma_l_box li{ position:relative; padding:7px 12px; border-bottom:1px solid rgba(0, 0, 0, 0.2);}
.ma_message .ma_l_reply .ma_l_box li:last-child{ border-bottom:none;}
.ma_message .ma_l_reply .ma_l_box li:hover{ background:#EBF4F5;}
.ma_message .ma_l_reply .ma_l_box a{ position:absolute; width:100%; height:100%; z-index:2;}
.ma_message .ma_l_reply .ma_l_box .ma_l_img{ overflow:hidden; display:inline-block; width:25px; height:25px; vertical-align:middle; margin:0 5px 0 0; border-radius:25px;}
.ma_message .ma_l_reply .ma_l_box .ma_l_img img{ width:100%; height:auto;}
.ma_message .ma_l_reply .ma_l_box h4{ display:inline-block; vertical-align:middle; color:rgba(0, 0, 0, 0.7); font-weight:500;}
.ma_message .ma_m_cell.ma_m_res .ma_l_reply .ma_m_02{ display:none;}
.ma_message .ma_m_r{ display:none;  box-sizing:border-box; z-index:3;} 
.ma_message .ma_m_r .ma_r_con{ padding:16px 20px 0px 20px;}
.ma_message .ma_m_r .ma_r_cell{ margin:0 0 24px 0;}
.ma_message .ma_m_r .ma_r_cell:first-child{ border-top: 1px solid rgb(0 0 0 / 10%); padding-top: 24px;}
.ma_message .ma_m_r .ma_r_cell:last-child{ margin-bottom:0; padding-bottom:0;}
.ma_message .ma_m_r .ma_r_main{ display: flex; position:relative; margin:0 0 8px 0;}
.ma_message .ma_m_r .ma_r_main > div, .ma_message .ma_m_r .ma_r_main h4{ display:inline-block; vertical-align:top; font-size: 14px; }
.ma_message .ma_m_r .ma_r_main h4{ color:#FAC51E }
.ma_message .ma_m_r .ma_r_main .customer_deleted h4{ color: rgb(0 0 0 / 0.3)}
.ma_message .ma_m_r .ma_r_cell.ma_r_n .ma_r_main::after{ position:absolute; top:0; right:0; display:block; content:""; width:8px; height:8px; border-radius:8px; background:#E12E23; z-index:10;}
.ma_message .ma_m_r .ma_r_sec{ padding:0 0 0 48px;}
.ma_message .ma_m_r .ma_r_main_content{ min-height: 40px; padding: 12px; font-size: 16px; background: #f4f4f4; border-radius: 6px; line-height: 140%; box-sizing: border-box; overflow-wrap: anywhere;}
.ma_message .ma_m_r  .ma_r_open_btn{ background:url(../../images/new/icon_reply.svg) no-repeat left center; padding-left: 20px; cursor: pointer;}
.ma_message .ma_m_r  .ma_r_main_txt{    flex-grow: 1;}
.ma_message .ma_m_r  .ma_r_highlight{  background-color: #FDE3A7; border: 1px solid #FCD19C;}
.ma_message .ma_r_box{ margin:0 0 8px 0; align-items:flex-start;}
.ma_message .ma_r_box .ma_a_img{ flex:0 0 auto; width:40px; height:40px; margin:0 0px 4px 0;}
.ma_message .ma_r_box .ma_r_txt{ position:relative; flex:1 1 auto; padding:0 0 0 8px;}
.ma_message .ma_r_time{ width:100%; color:rgba(0, 0, 0, 0.4); font-size:14px;}
.ma_message .ma_r_box .ma_r_t{ min-height:40px; padding:10px; font-size:16px; background:#f4f4f4; border-radius:6px; box-sizing:border-box;}
.ma_message .ma_r_box textarea{ width:100%; height:40px; box-sizing:border-box; border-radius:7px;}
.ma_message .ma_r_box.ma_reply_input .ma_r_txt{ background:none; padding: 0;}
.sent_btn{ position:absolute; top:4px; right:0; display:block; width:36px; height:36px; background:url(../../images/new/icon_send_green.svg) no-repeat center center; background-size:100% auto;}
.sent_btn:hover{opacity:0.7;}
/*----訊息看板-閱讀更多-----*/
.read_more_state { display: none; }
.read_more_target { opacity: 0; max-height: 0; font-size: 0; }
.read_more_wrap{  overflow: hidden; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical;margin-bottom: 16px;}
.read_more_state:checked ~ .read_more_wrap .read_more_target { opacity: 1; font-size: inherit; max-height: 999em; transition: none; }
.read_more_state ~ .read_more_trigger:before { content: '顯示更多'; }
.read_more_state:checked ~ .read_more_trigger:before { content: ''; display: none; }
.read_more_state:checked ~ .read_more_wrap { margin-bottom: -24px ; overflow: visible; -webkit-line-clamp: unset;}
.read_more_state:checked ~ .ma_m_edited_box { margin-top: 24px;}
.read_more_state ~ .ma_m_edited_box{ margin-top: -16px;}

.read_more_trigger { cursor: pointer; display: block; color: #FAC51E; font-size: 16px; margin: 0; float: right; line-height: 100%; margin-bottom: 16px;}

/*-----取消訂閱-----*/
.score_table table{ width:100%; margin:0 0 20px 0;}
.score_table th, .score_table td{ padding:10px 5px;}
.score_table th{ color:#008080; background:#c1eaea;}
.score_table td{ text-align:center; background:#f5f5f5;}
.score_table tr:nth-child(odd) td{ background:#def4f4;}

/*----進站教學------*/
.teaching_box .tb_box{ width:1024px; margin:0 auto; padding:40px 0;}
.teaching_box img{ display:block; width:100%; height:auto;}
.teaching_box img.tb_m{ display:none;}
.tb_steps .swiper-pagination{ bottom:15px;}
.tb_steps .swiper-pagination-bullet{ width:10px; height:10px; background:#2c3e50;}
.tb_steps .btn_index{ position:absolute; left:0; right:0; bottom:45px; z-index:10; width:200px; height:60px; margin:0 auto; line-height:60px; text-align:center; color:#fff; font-size:20px; font-weight:bold; background:#f03a61; border-radius:8px;}
.tb_steps .swiper-button-next, .tb_steps .swiper-button-prev{ width:50px; height:50px; background-color:rgba(44,62,80,0.7); background-size:20px; border-radius:100%;}
.tb_steps .swiper-button-next:hover, .tb_steps .swiper-button-prev:hover{ background-color:rgba(44,62,80,0.4);}
.tb_steps .swiper-button-next{ background-image:url(../../images/new/rcc_arrow_r.png);background-repeat: no-repeat;background-position: center;}
.tb_steps .swiper-button-prev{ background-image:url(../../images/new/rcc_arrow_l.png);background-repeat: no-repeat;background-position: center;}
.tb_steps .swiper-button-prev:after{display:none;}
.tb_steps .swiper-button-next:after{display:none;}

/* 帳號資訊 */
.box_account_status{margin-top: 58px;}
.account_status{padding: 12px; display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center;}
.account_status img{margin-right: 6px;}
.list_top_space{padding-top: 24px;}
.infos_list{overflow: hidden; clear: both;margin-top: 15px;margin-bottom: 18px;}
.infos_list li{margin: 0 16px 16px 16px; display: flex; flex-direction: row; flex-wrap: wrap;border-bottom: 1px solid rgba(0,0,0,0.2);}
.infos_list .infos_list_item{display: flex; flex-direction: row; flex-wrap: nowrap;max-width: 48%; width: 42%; 
    margin: 0 10px 0 10px; padding: 2px 0 12px 12px; font-weight: 500; box-sizing: border-box; 
    background: url(../../images/new/safe_list.png) no-repeat 0 2px;}
.infos_list .infos_list_item_odd .infos_list_item:last-child{display: none;}
.infos_list li:last-child{border-bottom: 0;}
.infos_list .infos_list_tit{width: 32%; min-width: 160px;}
.infos_list .guarantee_list_tit{width: 52%; min-width: 120px;align-items: center;
  display: flex;} 
.infos_list_item--team{ position: relative;}

/* 會員管理 */  
.member_authority{display: flex; flex-direction: row;}
.search_box_result_list table tr .member_authority label { padding: 0 12px 0 0;}
.member_authority .btn_disabled{ padding: 4px 8px; border-radius: 6px; border: 1px solid rgba(0,0,0,0.2);}
.member_authority .btn_disabled_checked{padding: 4px 8px; border-radius: 6px; background-color: rgba(0,0,0,0.2); border: 0;}
.member_authority .btn_able{ padding: 4px 8px; border-radius: 6px; border: 1px solid #FAC51E; color: #FAC51E; }
.member_authority .btn_able_checked{padding: 4px 8px; border-radius: 6px; background-color: #FAC51E; color: #fff; border: 0;}

/* 客戶查詢 */
.client_search_title{margin-top: 64px;}
   
/* 客戶資料 */
.client_info_title{display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; margin-top: 64px;}
.client_info_title img{margin-bottom: 20px;}
.con_box .section_divide{margin-top: 24px;}
.client_note{min-height: 120px;}

/* 客戶保單 */
.policy_table{margin: 0 0 24px 0;}
.policy_table .policy_total_price span{margin: 0 4px;}

.policy_table .policy_total_price span {
  font-size: 25px;
  font-weight: 600;
  color: #FB973E;
}  
/* 保費試算組合 */
.policy_table--combination .title_and_btn a{ margin: 20px 6px 0 6px; vertical-align: bottom;}
.policy_table--combination .title_and_btn .edit_btn{ position: relative; top: -1px; right: 0;}
.policy_table--combination .tit_02{ margin-bottom: 4px;}
.policy_table--combination .text_03{ font-size: 14px; color: rgba(0%,0%,0%,0.7); font-weight: 400; line-height: 1.2; margin: 4px;}
.combination_box { padding: 24px; }
.combination_box .box_note{font-size: 12px;}
.combination_box .box_input{display: flex; word-break: keep-all; padding-bottom: 12px;}
.combination_box .note_input{ width: 100%;height: fit-content; padding: 8px; line-height: 140%; font-size: 12px; }
.combination_box span{ display: flex; align-items: center;padding-right: 4px;}
.combination_box .inp_btn { margin: 12px 0 0 0; }
.combination_box .inp_btn a{ margin: 0 12px; }
.combination_box .add_attach_policy_btn{ margin-top: 16px; margin-bottom: 12px; float: none;}
.combination_box .table_box { margin: 0;}
.combination_box .combination_title { font-size:20px;}
.combination_box .input_note { max-width: 1024px;}


.search_box .car_policy_customize_area {margin-top: 12px;}
.search_box .car_policy_customize_area .tit_02{ font-size: 18px; margin-top: 24px; margin-left: 0;}
.search_box .car_policy_customize_area .add_attach_policy_btn{ float: none;}
.search_box .car_policy_customize_area .total_premium{ padding: 8px 2px; margin-top: 24px; margin-bottom: 16px; font-size: 18px; border-top: 2px solid rgb(0,0,0,0.2); text-align: right; max-width: 678px;}
.search_box .car_policy_customize_area .premium_sum{ color: #FAC51E; padding: 0 4px;}
.search_box .car_policy_coverage_table table{width: initial; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 2px;}
.search_box .car_policy_coverage_table table th{padding: 8px 0;text-align: center; min-width: initial; height: auto;}
.search_box .car_policy_coverage_table table td{border-top: 1px solid rgba(0, 0, 0, 0.1); white-space: normal; width: auto; padding: 8px 12px; vertical-align: middle;}
.search_box .car_policy_coverage_table table .unit{color: rgba(0,0,0,0.7); display: inline; vertical-align: middle; padding: 8px 10px; margin: 0; }
.search_box .car_policy_coverage_table input{ color: #FAC51E; caret-color: rgba(0, 0, 0, 0.7); border: 1px solid transparent; border-radius:2px; text-align: right; padding: 8px 6px;}
.search_box .car_policy_coverage_table input:-webkit-autofill,
.search_box .car_policy_coverage_table input:-webkit-autofill:hover,
.search_box .car_policy_coverage_table input:-webkit-autofill:focus,
.search_box .car_policy_coverage_table input:-webkit-autofill:active  { -webkit-text-fill-color: #FAC51E !important; transition: background-color 5000s ease-in-out 0s !important; }
.search_box .car_policy_coverage_table select{ margin:0; padding: 4px 8px; border-radius: 2px; border:  1px solid transparent; background-size: 24pxcoverage_delete; background-position-x: 46px;}
.search_box .car_policy_coverage_table textarea{padding: 8px 2px; border:  1px solid transparent; color: rgb(0 0 0 / 0.7); height: 36px;overflow:hidden;}
.search_box .car_policy_coverage_table tr:hover input{ border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 2px; transition: none; }
.search_box .car_policy_coverage_table tr:hover textarea{ border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 2px; transition: none;}
.search_box .car_policy_coverage_table tr:hover select{ border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 2px; transition: none;}
.search_box .car_policy_coverage_table .coverage_title{ width: 320px;}
.search_box .car_policy_coverage_table .coverage_title textarea{overflow: hidden; height: auto; font-size: 16px; }
.search_box .car_policy_coverage_table .coverage_content--customizable .coverage_title{ padding: 8px 8px; }
.search_box .car_policy_coverage_table .coverage_amount{ min-width: 180px; width: 180px; }
.search_box .car_policy_coverage_table .coverage_amount input{ width: 80px; }
.search_box .car_policy_coverage_table .coverage_premium{ min-width: 150px;  width: 150px; }
.search_box .car_policy_coverage_table .coverage_premium input{ width: 80px;}
.search_box .car_policy_coverage_table .coverage_delete{ width: 24px; padding: 0; }
.search_box .car_policy_coverage_table .coverage_delete_btn{ width: 24px; padding-right: 8px; }
.search_box .car_policy_coverage_table .coverage_delete_btn img{ width: 24px; height: 24px; margin-top: 6px;}
/*-----------------------------*/
.relation_add .search_box table{ padding: 0 212px; margin-top: -8px;}
.relation_add .search_box tbody{ display: flex; flex-wrap: wrap;}
.relation_add .search_box tr{ width: 50%;}
/* .relation_add .search_box td{ width: 100%;} */
.relation_add .search_box label{ margin: 0;}
.relation_add .search_box label span.sty_radio{ padding: 9px 24px;}
.relation_add .search_box label:nth-child(2) { float: right;}
.relation_add .align_top { padding-top: 18px;}
.relationbox.search_box th{ text-align: center; white-space: normal;}
.relat_box .input_box{margin-top: 12px; margin-bottom: 16px;}
.relationbox.search_box{ max-height: 345px;  overflow-y: scroll;}
.other_relation_input{ margin-top: 8px;}
/*--------------------*/
.countdown_timer { font-size: 20px; color: rgba(0, 0, 0, 0.7); font-weight: 600; }
.countdown_timer span { font-size: 60px; color: #F17400; margin: 0 3px 0 15px; }
.premium_list .premium_page{margin:24px 8px 8px 8px;}
.premium_list .premium_page .hide{display:none;}
.premium_page .premium_btn_list{display: flex; flex-direction: row; flex-wrap: nowrap;overflow: auto; }
.premium_page .premium_btn_list div{width: 10%; padding: 8px 0; min-width: 100px;border: 1px solid rgba(0%,0%,0%,0.2);border-radius: 20px 20px 0 0 ; text-overflow: ellipsis;overflow: hidden;}
.premium_list .premium_btn_list .on{
  width: 10%; padding: 8px 0; min-width: 100px;border: 1px solid #2096f3; background-color: #2096f3; border-radius: 20px 20px 0 0 ; text-overflow: ellipsis;overflow: hidden;}
.premium_page .premium_table{ display: flex; flex-direction: row; flex-wrap: wrap; border: 1px solid #2096f3; border-radius: 0 0 6px 6px;}
.premium_page .premium_tab{ cursor:pointer;}
.premium_page .premium_item{width: 10%; display: flex; flex-direction: column;}
.premium_page .age, .premium_page .price{padding: 8px 16px;}

/*--------------notebook-size---------------*/
@media screen and (max-width: 1440px) {

.con_box .cards { grid-template-columns: repeat(3, 1fr); grid-auto-rows: 1fr; }
.relat_person .sr_cell{ width:49%; margin:0 2% 2% 0;}
.relat_person .sr_cell:nth-child(even){ margin:0 0 2% 0;}

}
/*-----pad-size-----*/
@media screen and (max-width:1100px) {
.pagesize .box { padding: 8px; }
/*----------B-index----------*/
.pagesize .box .index_all_box { display: flex; width: 100%; }

.index_first_content{width: 60%;}
.index_second_content { width: 40%; flex-direction: column;}
.index_second_content .index_second_right { width: 100%; }

.news_box { flex-direction: column; margin: 0 8px 0 0;  padding: 16px;}
.news_box .nb_img { width: auto; border-right: none; padding: 0 0 24px 0; border-bottom: 2px solid rgba(0,0,0,0.2);}
.news_box .swiper-pagination{ bottom : 0px;}
.news_box .nb_box { margin-top: 24px; padding: 0 16px; width: 80%; align-self: center;}


.search_bar_box .input_box { margin-right: 8px; margin-top: 4px; margin-bottom: 24px; }
.search_bar_box .inp_btn a { margin-right: 4px; }
.product_info .bs_01{width:90%; margin-left:0;}
.product_info .bs_02{width:90%;}


.policy_detail .policy_detail_item ul{ flex-direction: column;}
.policy_detail .policy_detail_item li{ justify-content: flex-start; margin-right: 0;}
.policy_detail .policy_detail_item input { max-width: unset;}
.policy_detail .policy_name{margin-bottom: 12px;}
.policy_detail .policy_detail_item .insurance_premium_box { margin-bottom: 16px; }

.infos_list .infos_list_item{max-width: 100%; width: 100%; margin: 0;}
.infos_list .infos_list_item:first-child{border-bottom: 1px solid rgba(0%,0%,0%,0.2); margin: 0 0 16px 0;}
.infos_list .infos_list_item:last-child{border-bottom: 0px!important;margin: 0!important}

.infos_list .infos_list_item_odd .infos_list_item:first-child{border-bottom:0}

/*  */
.con_box .cards { grid-template-columns: repeat(2, 1fr);   grid-column-gap: 16px; grid-row-gap: 16px;} 
.con_box .cards--combination .content--note{-webkit-line-clamp: 2; }
/*  */
.relation_add .search_box table{ padding: 0 100px;}
/*  */
.search_box_result_list .line_it_btn::before {content: '分享';}
/*  */
.basic_info_box { flex-direction: column; }
.basic_info_box .basic_info--left{ width: 100%; }
}

.tit_02.tit-icon{
    background-image: url(../../images/new/tag-icon.svg);
    background-repeat: no-repeat;
    background-position-x: left;
    padding-left: 30px;
    background-size: 22px;}
.tit_02.tit-relation{
    background-image: url(../../images/new/relations.svg);
    background-repeat: no-repeat;
    background-position: -2px -6px;
    padding-left: 30px;
    background-size: 35px;}
.sbc_m.on>h3{
    margin-bottom: 0px;
    background-color: #f7f6ff;
    border-radius: 50px 0px 0px 50px;
    height: 44px;
    color: #fac51e;}
.result_title .result_title_infos,.result_title .result_title_check{
    border-bottom: 5px solid #168cdf;}

.btn-bg-c{
    display: inline-block;
    vertical-align: middle;
    padding: 4px 8px 4px 8px;
    color: #fff!important;
    cursor: pointer;
    background-color: #06C755;
    border-radius: 6px;}
.inp_btn .ipb_03, .lb_con .search_box .ipb_03,
.inp_btn .ipb_06, .lb_con .search_box .ipb_06, 
.inp_btn .ipb_07, .lb_con .search_box .ipb_07,
.inp_btn .ipb_15{
    border-radius: 50px;
}
.con_box {
    border-radius: 15px;
}
.error {
    color: #ff3366;
}
.sub_box {
    min-height: 35em;
}
.bar-cus-info{
  margin-top: 20px;
  text-align: center;
  color: #fff;
}
.bar-cus-info a{color: #fff;}
.bar-cus-info .end_day{ background: #fe6a72;
  color: #fff;
  font-size: 14px;
  margin: 5px 0;
  padding: 3px;}

.line_it_btn { display:inline-block; 
    vertical-align: middle; 
    padding: 4px 8px 4px 25px!important; 
    color: #fff; 
    cursor: pointer;  
    background: url(../../images/new/line_icon.svg) no-repeat 12px; 
    background-color: #06C755; border-radius: 6px;}
.line_it_btn:hover { opacity: 0.7;}

.table-scroll {
    display: block;
    width: 100%;
    overflow-x: auto;}
.table-scroll .table-scroll-w th{
    min-width: 100px!important;
}

.table-scroll .table-scroll-w td{
    text-align: center;
}

.swiper-wrapper.childTask{   
    /* padding: 15px 30px; */
}

h2 {
    font-size: 180%;
    transform: translateX(-5px);
    font-family: var(--font-display);
    margin-bottom: 0;
}
h2:after {
    content: '';
    display: block;
    height: 8px;
    background: var(--accent-color);
    max-width: 55px;
    transform: skewX(-21deg) translateY(-13px);
    border-radius: 3px;
}
.pb-r{
    position: relative;
}

.content-wrapper {
    display: flex;
    border-bottom: 1px solid #ebedef;
    position: relative;
}

.card-content {
    color: var(--body-color);
    padding: 30px;
    overflow: hidden;
    position: relative;
}
.book-name {
    font-weight: 500;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 20px;
    white-space: nowrap;
}
.book-by {
    font-size: 13px;
    color: #00BCD4;
    margin-top: 4px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.rate {
    display: inline-block;
    white-space: nowrap;
}
.card-sum {
    color: var(--body-color-light);
    font-size: 13px;
    line-height: 1.6em;
    -webkit-line-clamp: 4;
    margin-top: 15px;
}
/* .likes {
    display: flex;
    align-items: center;
}
.like-name {
    font-size: 13px;
    margin-left: 15px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}.like-name span {
    font-weight: 600;
} */

.large_checkbox label .no_input:checked + .sty_radio.sty_checkbox {
    background-size: cover;
}
.large_checkbox label .no_input + .sty_radio.sty_checkbox {
    width: 24px;
    height: 24px;
}


/*panel*/
.panel {
    border-right: 1px solid #dddfe3;
    border-left: 1px solid #dddfe3;
    border-top: 1px solid #dddfe3;
    margin-bottom: 20px;
    border-radius: 8px;
}

.panel-body {
    padding: 10px;
    position: relative
}

.panel-footer {
    border-top: 0px;
    border-bottom: 1px solid #dddfe3;
    padding: 20px;
}
.panel.search {
    border-top: 2px solid #df4b43;
}
.panel-heading {
    font-size: 24px;
    font-weight: 600;
    padding: 8px 16px;
    border-top: 2px solid #df4b43;
    border-radius: 5px 5px 0 0;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .12);
    background-image: linear-gradient(180deg, #fff, #f0f0f0);
    position: relative;
}
.panel-heading table {
    font-size: 16px;
    font-weight: normal
}
.panel-headbtn {
    position: absolute;
    right: 10px;
    top: 5px;
    margin-bottom: 10px;
}
.panel-bodyswitch {
    position: relative;
    height: 35px;
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    margin-right: 10px
}
.panel-bodyswitch .txt {
    font-size: 16px;
    margin-right: 5px;
}
@media only screen and (max-width:767px) {
    .panel-headbtn {
        position: relative;
        padding-bottom: 5px;
    }
}
.panel-title {font-size: 18px;}
.panel-title i {
    font-size: 14px;
    color: #fff;
    background: #999;
    border-radius: 50%;
    padding: 4px;
    width: 18px;
    height: 18px;}

.panel-title img {
    width: 24px;
    margin-right: 8px;
    border-radius: 50%;
    background: #fff}

.panel-default { border: 2px solid #e5e5e5;}

.panel-default>.panel-heading {
    background: #e5e5e5;
    font-size: 18px;
    padding: 8px 16px;
    box-shadow: none;
    border-top: none;
    border-radius: 8px 8px 0 0;
}

.panel-info,
.panel-blue {
    border: 2px solid #e6f3ff;
}

.panel-info>.panel-heading,
.panel-blue>.panel-heading {
    background: #e6f3ff;
    border-color: #e6f3ff;
    font-size: 18px;
    padding: 8px 16px;
    box-shadow: none;
    border-top: none;
    border-radius: 8px 8px 0 0;}

.panel-green {border: 2px solid #e1f0d0;}
.panel-green>.panel-heading {
    background: #e1f0d0;
    border-color: #e1f0d0;
    font-size: 18px;
    padding: 8px 16px;
    box-shadow: none;
    border-top: none;
    border-radius: 4px 4px 0 0;}
.panel-info .panel-heading img {
    width: 24px;
    margin-right: 8px;
}
.panel-infoTW,
.panel-red {border: 2px solid #ffe7e7;}
.panel-infoTW>.panel-heading,
.panel-red>.panel-heading {
    background: #ffe7e7;
    border-color: #ffe7e7;
    font-size: 18px;
    padding: 8px 16px;
    box-shadow: none;
    border-top: none;
    border-radius: 4px 4px 0 0;
}

.panel-infoTW .panel-heading img {
    width: 24px;
    margin-right: 8px;
}

.panel.boxshadow {
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
}

.panel-imgtitle img {
    display: block;
    width: 92px;
    margin: 0 auto
}

.panel-imgtitle h3 {
    font-size: 18px;
    font-weight: bold;
    color: #333;
}

/*原保障總表*/
.panel-list .panel-body {
    padding: 0;
    display: flex;
}
.panel-list .col-sm-2 {
    width: 150px;
    padding: 0 15px;
    background: #e6f3ff;
    display: flex;
    align-items: center;
    justify-content: center
}
.panel-list .col-sm-5 {
    width: calc((100% - 150px)/2);
    padding: 15px 3%;
}
.panel-list .col-sm-10 {
    width: calc(100% - 150px);
    padding: 15px 3% 15px 1%;
}
.panel-list .col-sm-10 .column {
    width: 49%;
    float: left;
    margin-left: 1%;
}
.panel-list .col-sm-10 .column+.column {
    border-left: 1px dashed #ccc;
}
.panel-list .col-sm-5+.col-sm-5 {
    border-left: 1px dashed #ccc;
}
.panel .flex-box-2,
.panel .flex-box-3 {
    display: flex;
    padding: 5px;
    position: relative
}
.panel .flex-box-2.thead {
    color: #000;
    font-weight: bold;
}
.panel .flex-box-2 .icon_good {
    position: absolute;
    left: 5px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    display: block;
    background: url(../img/icon_good.png);
    background-size: cover
}
.panel .flex-box-2 .icon_good.blue {
    background: url(../img/icon_good_b.png);
    background-size: cover
}
.panel .flex-box-2 .icon_good.orange {
    background: url(../img/icon_good_o.png);
    background-size: cover
}
.panel .flex-box-2 .icon_good.green {
    background: url(../img/icon_good_g.png);
    background-size: cover
}
.panel .flex-box-2 .icon_good.red {
    background: url(../img/icon_good_r.png);
    background-size: cover
}
.panel .flex-box-2 .icon_short {
    position: absolute;
    left: 5px;
    top: 50%;
    transform: translateY(-50%);
    width: 22px;
    height: 22px;
    display: block;
    background: url(../img/icon_short.png);
    background-size: cover
}
.panel .flex-box-2 div {
    text-align: right;
    word-break: keep-all;
    margin-left: 25px;
    flex: 1;
}
.panel .flex-box-2 div:first-child {
    text-align: left;
    word-break: break-all;
}
.panel .flex-box-2:hover,
.panel .flex-box-3:hover {
    background: #f7f7f7
}
.panel .flex-box-2.thead:hover,
.panel .flex-box-3.thead:hover {
    background: #fff
}
.panel .flex-box-3 .th-red {
    flex-basis: 20%;
}
.panel .thead {
    color: #000;
    font-size: 16px;
    font-weight: bold;
}
.panel .flex-box-2+.flex-box-2 {
    margin-top: 0
}
/*保障總表*/
.panel-light {
    border: none;
    box-shadow: none;
    background: #f9f9f9;
    border-radius: 8px;
}
.panel-light:hover {
    background: #fff
}
.panel-light .panel-body {
    padding: 5px !important
}
.panel-light .panel-heading {
    background: transparent;
    box-shadow: none;
    border-top: 0px;
    border-bottom: 2px solid #eee
}
.panel-light img {
    width: 44px;
    display: inline-block
}
.panel-light .flex-box-2 {
    border-bottom: 1px dotted #ddd;
    padding: 8px 5px
}
.panel-light .tc-all {
    display: inline-block;
    margin-top: 3px;
    color: #777;
}
/*table-cnotent*/
.table-cnotent{ 
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
}
.table-cnotent  tbody tr td{
    padding:3px 4px; 
    border-bottom: 1px solid #e5e5e5
}
.table-cnotent  tbody tr.td-title td{
   font-weight: bold;
    color: #d81800;
    font-size: 16px;
    background: #fff;
    border-bottom: 1px solid #333;
    padding: 16px 8px 8px;
    position: relative
} 
.table-cnotent  tbody tr.td-title td span{
    border-bottom: 1px solid  #d81800;
    width: 450px;
    display: block;
    position: absolute;
    bottom: -1px;
    left: 0
}
.table-cnotent tr td:nth-child(2){ 
    width: 90px;
    color: #000
}
.table-cnotent tr td:nth-child(3){ 
    width: 90px;
    color: #6a6a6a; 
}
 .table-cnotent tr td:nth-child(4){ 
     width: 90px;
    color: #919191
}

.panel-blue-deep {
    border: 2px solid #162e763d;
}
.panel-blue-deep>.panel-heading {
    background: #162e763d;
    border-color: #162e763d;
    font-size: 18px;
    padding: 8px 16px;
    box-shadow: none;
    border-top: none;
    border-radius: 4px 4px 0 0;
}
.panel-green .table-cnotent tbody tr.td-title td {
    color: #009043;}
.panel-green .table-cnotent tbody tr.td-title td span {
    border-bottom: 1px solid #009043;}
.panel-blue-deep .table-cnotent tbody tr.td-title td {
    color: #263276;}
.panel-blue-deep .table-cnotent tbody tr.td-title td span {
    border-bottom: 1px solid #263276;}



.panel-gold {
    border: 2px solid #c8a866;
}
.panel-gold>.panel-heading {
    background: #cdb88b;
    border-color: #cdb88b;
    font-size: 18px;
    padding: 8px 16px;
    box-shadow: none;
    border-top: none;
    border-radius: 4px 4px 0 0;
}
.panel-gold .table-cnotent tbody tr.td-title td {
    color: #b38f43;}
.panel-gold .table-cnotent tbody tr.td-title td span {
    border-bottom: 1px solid #c8a866;}


.border-left{
    border-left: 5px solid rgba(0,0,0,0.7);
    padding-left: 8px;
    margin-left: 5px;}
.panel-headimg {
    position: absolute;
    right: 15px;
    top: -20px;
}
.content_box {
    width: 100%;
    display: inline-block;
    padding: 25px 10px 0;
}

.content_box .panel:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.08);
    transform: scale(1.02);
    transition: all 0.2s
}

.content_box .panel {
    margin-bottom: 0
}

.content_box .panel-body {
    padding-top: 20px
}

.panel-headimg {
    position: absolute;
    right: 15px;
    top: -20px;
}

.panel-headimg img {
    /* width: 64px; */
    background: #e5e5e5;
    padding: 10px;
    border-radius: 50%
}

@media only screen and (max-width: 1199px) {
    .panel .flex-box-2.thead.forbig {
        display: none
    }

    .panel-list .col-sm-10 .column {
        width: 100%;
        float: none
    }

    .panel-list .col-sm-10 .column+.column {
        border-left: 0;
    }
}

@media only screen and (max-width: 991px) {
    .panel-list .panel-body {
        display: block;
    }
    .panel-list .col-sm-2 {
        width: 100%;
        padding: 0 10px;
        justify-content: flex-start
    }
    .panel-list .col-sm-10 {
        width: 100%;
        padding: 10px;
    }
    .panel-list .col-sm-5 {
        width: 100%;
        padding: 10px;
    }
    .panel-list .col-sm-5+.col-sm-5 {
        padding-top: 0
    }
    .panel-imgtitle {
        display: flex;
        align-items: center;
        padding: 5px;
    }
    .panel-imgtitle img {
        width: 40px;
        display: inline-block;
        margin-right: 5px;
    }
    .panel-imgtitle h3 {
        text-align: left
    }
}

/*原保障總表*/
.panel-list .panel-body {
    padding: 0;
    display: flex;
}
.panel-list .col-sm-2 {
    width: 150px;
    padding: 0 15px;
    background: #e6f3ff;
    display: flex;
    align-items: center;
    justify-content: center
}
.panel-list .col-sm-5 {
    width: calc((100% - 150px)/2);
    padding: 15px 3%;
}
.panel-list .col-sm-10 {
    width: calc(100% - 150px);
    padding: 15px 3% 15px 1%;
}
.panel-list .col-sm-10 .column {
    width: 49%;
    float: left;
    margin-left: 1%;
}

.panel-list .col-sm-10 .column+.column {
    border-left: 1px dashed #ccc;
}

.panel-list .col-sm-5+.col-sm-5 {
    border-left: 1px dashed #ccc;
}

.panel .flex-box-2,
.panel .flex-box-3 {
    display: flex;
    padding: 5px;
    position: relative
}

.panel .flex-box-2.thead {
    color: #000;
    font-weight: bold;
}

.panel .flex-box-2 .icon_good {
    position: absolute;
    left: 5px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    display: block;
    background: url(../img/icon_good.png);
    background-size: cover
}

.panel .flex-box-2 .icon_good.blue {
    background: url(../img/icon_good_b.png);
    background-size: cover
}

.panel .flex-box-2 .icon_good.orange {
    background: url(../img/icon_good_o.png);
    background-size: cover
}

.panel .flex-box-2 .icon_good.green {
    background: url(../img/icon_good_g.png);
    background-size: cover
}

.panel .flex-box-2 .icon_good.red {
    background: url(../img/icon_good_r.png);
    background-size: cover
}

.panel .flex-box-2 .icon_short {
    position: absolute;
    left: 5px;
    top: 50%;
    transform: translateY(-50%);
    width: 22px;
    height: 22px;
    display: block;
    background: url(../img/icon_short.png);
    background-size: cover
}

.panel .flex-box-2 div {
    text-align: right;
    word-break: keep-all;
    margin-left: 25px;
    flex: 1;
}

.panel .flex-box-2 div:first-child {
    text-align: left;
    word-break: break-all;
}

.panel .flex-box-2:hover,
.panel .flex-box-3:hover {
    background: #f7f7f7
}

.panel .flex-box-2.thead:hover,
.panel .flex-box-3.thead:hover {
    background: #fff
}

.panel .flex-box-3 .th-red {
    flex-basis: 20%;
}

.panel .thead {
    color: #000;
    font-size: 16px;
    font-weight: bold;
}

.panel .flex-box-2+.flex-box-2 {
    margin-top: 0
}


.d-flex{display: flex;/* flex-wrap: wrap; */}
.align-center{align-items: center;}
.justify-center{justify-content: center;}
.justify-between{justify-content: space-between;}

.need-box {
    display: flex;
    justify-content: center;
    padding: 20px;
  }
.need-box>div{
    flex:1
}


  @media (max-width: 600px) {
    .need-box {
      flex-direction: column;
    }
  }



  .range {
    display: flex;
  }

  .range + .range{
    margin-top: 20px;
  }
  
  .range__slider {
    padding-left: 25px;
    border-left: #e6e4e4 1px solid;
  }
  
  .range__value {
    width: 200px;
    text-align: right;

  }
 
  .range__slider label {
    margin-bottom: 10px;
  }
  
  .range__slider [type="range"] {
    width: 100%;
    -webkit-appearance: none;
    height: 13px;
    border-radius: 6px;
    background: #f1f1f1;
    outline: none;
    padding: 0;
    margin: 0;
  }
  
  /* custom thumb */
  .range__slider [type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #7a00ff;
    border: #f9ca24 5px solid;
    cursor: pointer;
    -webkit-transition: background .15s ease-in-out;
    transition: background .15s ease-in-out;
  }
  
  .range__slider [type="range"]::-webkit-slider-thumb:hover {
    background: #f0932b;
  }
  
  .range__slider [type="range"]::-moz-range-thumb {
    width: 20px;
    height: 20px;
    border: 0;
    border-radius: 50%;
    background: #f0932b;
    border: #f9ca24 5px solid; cursor: pointer;
    -webkit-transition: background .15s ease-in-out;
    transition: background .15s ease-in-out;
  }
  
  .range__slider [type="range"]::-moz-range-thumb:hover {
    background: #f9ca24;
  }
  
  /* remove border */
  input::-moz-focus-inner, input::-moz-focus-outer {
    border: 0;
  }

input.current-value,select.current-value{
    margin: 0;
    max-width: 60px;
    font-size: 16px;
    color: #064be6;
    text-align: center;
    padding: 5px 10px;
    border: 1px solid #eee;
    border-radius: 20px;
    background: #f9f9f9;
}

select.current-value{
  padding: 2px 10px;
}



/* 隱藏鍵頭 */
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}



.circle-1,
.circle-2,
.circle-3 {
  color: #fff;
  padding: 25px;
  width: auto;
  height: auto;
  text-align: center;
  margin: 0 auto;
  margin-bottom: 30px;
  mix-blend-mode: multiply;
}
.circle-1 {
  background: #f66;
  border-radius: 50% 50% 50% 70%/50% 50% 70% 60%;
}
.circle-2 {
  background: #f92;
  border-radius: 80% 30% 50% 50%/50%;
}
.circle-3 {
  background: #90bc0533;
  border-radius: 40% 40% 50% 40%/30% 50% 50% 50%;
}

.need-class{
    padding-bottom: 100px;
}


/* 首頁需求分析 */
.index_cycle {
    position: absolute;
  }
  
  .index_cycle01 {
    top: 0px;
    left: -10vw;
  }
  
  .index_cycle02 {
    top: 400px;
    left: 20vw;
  }
  
  .index_cycle03 {
    top: 10px;
    right: -5vw;
  }
  
  .index_cycle.index_cycle01>img,
  .index_cycle.index_cycle02>img,
  .index_cycle.index_cycle03>img {
    width: 90%;
  }
  
  .section-content__head.cy01 {
    width: 350px;
    margin: 0 auto;
    margin-top: -380px;
  }
  
  .section-content__head.cy02 {
    width: 350px;
    margin: 0 auto;
    margin-top: -340px;
  }
  
  .section-content__head.cy03 {
    width: 350px;
    margin: 0 auto;
    margin-top: -330px;
  }
  
  .section-content__action {
    font-size: 18px;
    font-weight: bolder;
    color: #0db3c8;
    margin: 0 auto;
    padding-top: 50px;
    bottom: 0px;
  }
  
  .section-content__head.cy .section-content__desc {
    height: 170px;
    text-align: left;
  }
  
  .mt-meed {
    margin-top: 60px;
  }
  
  @media (max-width: 1600px) {
    .index_cycle02 {
      top: 400px;
      left: 30vw;
    }
  }
  
  @media (max-width: 1200px) {
    .index_cycle02 {
      top: 400px;
      left: 20vw;
    }
  }
  
  @media (max-width: 1024px) {
    .index_cycle02 {
      top: 500px;
      left: 20vw;
    }
  
    .index_cycle03 {
      top: 10px;
      right: -6vw;
    }
  }
  
  @media (max-width: 768px) {
    .bubbles {
      display: none;
    }
  
    .mt-meed {
      margin-top: 0px;
    }
  
    .index_cycle01 {
      top: 0px;
      left: -25vw;
    }
  
    .index_cycle02 {
      top: 540px;
      left: 0vw;
    }
  
    .index_cycle03 {
      top: 180px;
      right: -20vw;
    }
  
    .index_cycle.index_cycle01>img,
    .index_cycle.index_cycle03>img {
      width: 75%;
    }
  
    .index_cycle.index_cycle02>img {
      width: 80%;
    }
  
    .section-content__head.cy01,
    .section-content__head.cy03 {
      width: 250px;
      margin-top: -50%;
    }
  
    .section-content__head.cy02 {
      width: 250px;
      margin-top: -55%;
    }
  }
  
  @media (max-width: 644px) {
    .index_cycle {
      position: relative;
      display: block;
    }
  
    .index_cycle01,
    .index_cycle02,
    .index_cycle03 {
      padding-top: 0px;
      top: 0px;
      right: 0px;
      left: 0px;
    }
  }
  
  @media (max-width: 500px) {
    .section-content__head.cy01,
    .section-content__head.cy02 {
      margin-top: -80%;
      width: 180px;
    }
    .section-content__head.cy03 {
      margin-top: -70%;
      width: 180px;
    }
    .index_cycle02 {
      margin-top: 80px;
    }
    .index_cycle03 {
      margin-top: 40px;
    }
    .index_cycle.index_cycle01>img {
      width: 120%;
      margin-left: -10%;
    }
    .index_cycle.index_cycle02>img {
      width: 110%;
      margin-left: -5%;
    }
    .index_cycle.index_cycle03>img {
      width: 105%;
      margin-left: -2%;
    }
    .section-content__action {
      padding-top: 20px
    }
  }
  /* 首頁需求分析 END */
  .cloud-r1 {
    top: -15px;
    right: 90px;
    z-index: 1;
  }
  
  .cloud-r2 {
    top: 140px;
    right: -90px;
    z-index: 1;
  }
  
  .cloud-r3 {
    top: 330px;
    right: 130px;
    z-index: 1;
  }
  
  .cloud-l1 {
    top: -10px;
    left: 138px;
    z-index: 1;
  }
  
  .cloud-l2 {
    top: 150px;
    left: 40px;
    z-index: 1;
  }
  
  .cloud-l3 {
    top: 340px;
    left: 160px;
    z-index: 1;
  }
  
  @media (max-width: 1199px) {
    .cloud-r1 {
      max-width: 200px;
      top: 80px;
      right: 80px;
      z-index: 1;
    }
  
    .cloud-r2 {
      max-width: 200px;
      top: 300px;
      right: 0px;
      z-index: 1;
    }
  
    .cloud-r3 {
      max-width: 200px;
      top: 550px;
      right: 85px;
      z-index: 1;
    }
  
    .cloud-l1 {
      max-width: 200px;
      top: 80px;
      left: 80px;
      z-index: 1;
    }
  
    .cloud-l2 {
      max-width: 200px;
      top: 300px;
      left: 0px;
      z-index: 1;
    }
  
    .cloud-l3 {
      max-width: 200px;
      top: 550px;
      left: 80px;
      z-index: 1;
    }
  }
  
  @media (max-width: 800px) {
    .page-index__needs {
      margin-top: 10px;
      padding-bottom: 0px;
    }
  
    .cloud-r1 {
      max-width: 180px;
      top: 180px;
      right: 80px;
      z-index: 1;
    }
  
    .cloud-r2 {
      max-width: 180px;
      top: 380px;
      right: 0px;
      z-index: 1;
    }
  
    .cloud-r3 {
      max-width: 180px;
      top: 600px;
      right: 85px;
      z-index: 1;
    }
  
    .cloud-l1 {
      max-width: 180px;
      top: 180px;
      left: 80px;
      z-index: 1;
    }
  
    .cloud-l2 {
      max-width: 180px;
      top: 380px;
      left: 0px;
      z-index: 1;
    }
  
    .cloud-l3 {
      max-width: 180px;
      top: 600px;
      left: 80px;
      z-index: 1;
    }
  }
  
  .bi-infos__list-item-title {
    font-size: 20px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: 1px;
    color: #000;
    height: 65px;
    width: 147px;
    text-align: center;
    margin-bottom: 1px;
    padding-top: 39px;
    background-image: url("../images/new/treetag.svg");
    background-repeat: no-repeat;
  }
  @media (max-width: 767px) {
    .bi-infos__list-item-title {
      font-size: 18px;
    }
  }
  .bi-infos__list-item-title {
    transform: scale(.9, .9);
    transition: all 1s ease-out;
    margin: 0 auto;
  }
  .bi-infos__list-item-title:hover {
    transform: scale(1, 1);
    cursor: pointer;
  }
  .bi-infos__list-item {
    max-width: 250px;
    width: 250px;
    position: absolute;
    text-align: left;
  }
  @media (min-width: 1200px) {
    .bi-infos__list-item {
      padding-right: 35px;
      -webkit-transition: -webkit-transform 0.3s ease-out;
      transition: -webkit-transform 0.3s ease-out;
      transition: transform 0.3s ease-out;
      transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
    }
  }
  
  @media (max-width: 1199px) {
    .bi-infos__list-item {
      position: absolute;
      width: 100%;
      -webkit-transition: opacity 0.3s ease-out 0.1s;
      transition: opacity 0.3s ease-out 0.1s;
    }
  }
  .bi-infos__list-item:not(:last-child) {
    margin-bottom: 40px;
  }
  @media (min-width: 1200px) {
    .bi-infos__list-item.-active {
      -webkit-transform: translateX(38px);
      transform: translateX(38px);
    }
  }
  
  @media (max-width: 1199px) {
    .bi-infos__list-item.-active {
      opacity: 1;
      pointer-events: auto;
    }
  }
  
  .bi-infos__list-item-desc {
    font-size: 16px;
    font-weight: 800;
    line-height: 1.8;
    letter-spacing: 1px;
    color: #521c10;
    text-align: center;
    margin-bottom: 10px;
  }
  
  @media (max-width: 767px) {
    .bi-infos__list-item-desc {
      font-size: 15px;
    }
  }
  
  @media (min-width: 1200px) {
    .bi-infos__list-item-desc {
      overflow: hidden;
    }
  }
  
  @media (max-width: 1199px) { 
    .bi-infos__list-item-desc {
      overflow: hidden;
    }
  }
  
  .bi-infos__list-item .arrow-text-button {
    color: #979797;
  }
  .round-button {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: 1px;
    display: inline-block;
    padding: 14px 10px;
    min-width: 100px;
    text-align: center;
    background: #fff;
    color: #474747;
    border: 2px solid #474747;
    border-radius: 18px;
    -webkit-transition: border 0.3s, color 0.3s;
    transition: border 0.3s, color 0.3s;
    cursor: pointer;
  }

.tree{}

  @media (max-width: 767px) {
    .round-button {
      font-size: 15px;
    }
  }
  
  .round-button:hover {
    color: #fba92d;
    border: 2px solid #fba92d;
  }

.section-content{
    margin-right: 30px;
    width: 90%;
    margin: 60px auto 0;
}

.cloud-r3 .bi-infos__list-item-title{
  background-image: url(../../images/new/Bub-r3.png);
  height: 145px;
  padding-top: 50px;
}

.cloud-r1 .bi-infos__list-item-title{
  background-image: url(../../images/new/Bub-r1.png);
  height: 145px;
  padding-top: 50px;
}

.cloud-r2 .bi-infos__list-item-title{
  background-image: url(../../images/new/Bub-r2.png);
  background-position: center;
  height: 145px;
  padding-top: 50px;
}


.cloud-l3 .bi-infos__list-item-title{
  background-image: url(../../images/new/Bub-l3.png);
  height: 145px;
  padding-top: 50px;
}

.cloud-l1 .bi-infos__list-item-title{
  background-image: url(../../images/new/Bub-l1.png);
  height: 145px;
  padding-top: 50px;
  background-position: center;
}

.cloud-l2 .bi-infos__list-item-title{
  background-image: url(../../images/new/Bub-l2.png);
  background-position: center;
  height: 145px;
  padding-top: 50px;
}


.Question__body{
  position: relative;
  background: url(../../images/new/q-bg.svg) no-repeat center center;
}

.QT{
    width: 600px;
    margin: 0 auto 30px auto;
}


.v-slide-group__content{
display: flex;
flex: 1 0 auto;
position: relative;
transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
white-space: nowrap;
}

.v-chip-group--column .v-slide-group__content {
    white-space: normal;
    flex-wrap: wrap;
    max-width: 100%;
    padding: 4px 0;
}

.v-chip {
    width: 100%;
    font-size: 16px;
    font-weight: bolder;
    padding: 10px;
    background-color: #fff;
}
.v-chip .v-chip__content {
    align-items: center;
    display: inline-flex;
    height: 100%;
    max-width: 100%;
}.chip-num{
    width: 30px;
    height: 30px;
    font-size: 18px;
    line-height: 30px;
    border-radius: 50px;
    margin-right: 20px;
    margin-left: 15px;
    text-align: center;
    color: #fff;
    background-color: #795548;
}
.v-chip-group .v-chip {
    margin: 4px 8px 4px 0;
}

.v-chip.v-size--default {border-radius: 16px;}
.suffix{word-break: keep-all;}
.QT-title{
    font-size: 22px;
    font-weight: bolder;
    min-height: 55px;
    padding: 5px 0;
    color: #593427;
    letter-spacing: 1px;}
.QT-num {
    font-size: 18px;
    font-weight: bolder;
    color: #f5696d;
    letter-spacing: 0.6px;
}
.button-box{
    text-align: center;
}


@keyframes progressb {
    0% { --percentage: 0; }
    100% { --percentage: var(--value); }
  }
  

  @property --percentage {
    syntax: '<number>';
    inherits: true;
    initial-value: 0;
  }
  
  [role="progressbar"] {
    --percentage: var(--value);
    --primary: #0075ea;
    --secondary: #adf;
    --size: 160px;
    animation: progressb 2s 0.5s forwards;
    width: var(--size);
    aspect-ratio: 1;
    border-radius: 50%;
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    display: grid;
    place-items: center;
  }
  
  [role="progressbar"]::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: conic-gradient(var(--primary) calc(var(--percentage) * 1%), var(--secondary) 0);
    mask: radial-gradient(white 55%, transparent 0);
    mask-mode: alpha;
    -webkit-mask: radial-gradient(#0000 55%, #000 0);
    -webkit-mask-mode: alpha;
  }
  
  [role="progressbar"]::after {
    counter-reset: percentage var(--value);
    content: counter(percentage) '%';
    font-family: Helvetica, Arial, sans-serif;
    font-size: calc(var(--size) / 5);
    color: var(--primary);
  }

  @property --progress-value {
    syntax: '<integer>';
    inherits: true;
    initial-value: 0;
  }
  
  :root {
    --progress-bar-color: #cfd8dc;
    --progress-value-color: #2196f3;
    --progress-empty-color-h: 4.1;
    --progress-empty-color-s: 89.6;
    --progress-empty-color-l: 58.4;
    --progress-filled-color-h: 122.4;
    --progress-filled-color-s: 39.4;
    --progress-filled-color-l: 49.2;
    --progress-empty-color-a:#4caf50;
    --progress-empty-color-b:#e91e63;
    --progress-empty-color-c:#00bcd4;
    --progress-empty-color-d:#2196f3;
    --progress-empty-color-e:#673ab7;
    --progress-empty-color-f:#cddc39;

  }

  progress[value] {
  display: block;
  position: relative;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 60%;
  height: 6px;
  border: 0;
  --border-radius: 10px;
  margin-top: 20px;
  margin-bottom: 20px;
  border-radius: var(--border-radius);
  counter-reset: progress var(--progress-value);
  --progress-value-string: counter(progress) "%";
  --progress-max-decimal: calc(var(--value, 0) / var(--max, 0));
  --progress-value-decimal: calc(var(--progress-value, 0) / var(--max, 0));
  --progress-value-percent: calc(var(--progress-value-decimal) * 100%);
  --progress-value-color: var(--progress-value-color);
  -webkit-animation: calc(3s * var(--progress-max-decimal)) linear 0.5s 1 normal both progress;
          animation: calc(3s * var(--progress-max-decimal)) linear 0.5s 1 normal both progress;
}
@supports selector(::-moz-progress-bar) {
  progress[value] {
    --progress-value-decimal: calc(var(--value, 0) / var(--max, 0));
  };
  .progress[value] {
    --progress-value-decimal: calc(var(--value, 0) / var(--max, 0));
  };

}

progress[value]::-webkit-progress-bar {
  background-color: var(--progress-bar-color);
  border-radius: var(--border-radius);
  overflow: hidden;
}
progress[value]::-webkit-progress-value {
  width: var(--progress-value-percent) !important;
  background-color: var(--progress-value-color);
  border-radius: var(--border-radius);
}
progress[value]::-moz-progress-bar {
  width: var(--progress-value-percent) !important;
  background-color: var(--progress-value-color);
  border-radius: var(--border-radius);
}
progress[value]::after {
  display: flex;
  align-items: center;
  justify-content: center;
  --size: 30px;
  width: var(--size);
  height: var(--size);
  position: absolute;
  left: var(--progress-value-percent);
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: var(--progress-value-color);
  border-radius: 40%;
  content: attr(value);
  content: var(--progress-value-string, var(--value));
  font-size: 12px;
  font-weight: 700;
  color: #fff;
}
.progress-empty-color-a{
  --progress-value-color: #4caf50!important;
}
.progress-empty-color-b{
  --progress-value-color: #e91e63!important;
}
.progress-empty-color-c{
  --progress-value-color: #00bcd4!important;
}
.progress-empty-color-d{
  --progress-value-color: #2196f3!important;
}
.progress-empty-color-e{
  --progress-value-color: #673ab7!important;
}
.progress-empty-color-f{
  --progress-value-color: #cddc39!important;
}
.progress-empty-color-red{
  --progress-value-color: #c91a4f!important;
}
.progress-empty-color-p{
  --progress-value-color: #644278!important;
}


.progress-report-color-a{
  --progress-value-color: #b1e9b3!important;
}
.progress-report-color-b{
  --progress-value-color: #e91e63!important;
}
.progress-report-color-c{
  --progress-value-color: #a4edf6!important;
}
.progress-report-color-d{
  --progress-value-color: #8fcbfb!important;
}
.progress-report-color-e{
  --progress-value-color: #673ab7!important;
}
.progress-report-color-f{
  --progress-value-color: #cddc39!important;
}
.progress-report-color-red{
  --progress-value-color: #ed86a5!important;
}
.progress-report-color-p{
  --progress-value-color: #a589b6!important;
}



progress.no-after{
  margin-top: 10px;
}
.no-after::after {
  display: none!important;
}
@-webkit-keyframes progress {
  from {
    --progress-value: 0;
  }
  to {
    --progress-value: var(--value);
  }
}
.QT-title-sm{font-size: 14px}
.report-index {
  margin-top: 20px;
}
.report-depiction {
  font-weight: bolder;
  text-align: left;
  width: 490px;
  padding: 15px;
  font-size: 23px;
  margin: 20px 0px;
}
.report-depiction p{
  margin-bottom: 16px;
}
/**/
.report-item{
    width: 200px;
    background: #fff;
    padding: 20px;
    border-radius: 20px;
    margin: 20px 10px;
    box-shadow: 1px 6px 6px rgba(0,0,0,0.14);
}

.color-a{/*教育規劃*/
  border-left: 5px solid #4caf50;
}
.color-b{/*意外及醫療*/
  border-left: 5px solid #e91e63;
}
.color-c{/*壽險保障*/
  border-left: 5px solid #00bcd4;
}
.color-d{/*退休規劃*/
  border-left: 5px solid #2196f3;
}
.color-e{/*看護或失能*/
  border-left: 5px solid #673ab7;
}
.color-f{/*投資屬性*/
  border-left: 5px solid #cddc39;
}
.report-chart-item{
  flex: 1;
  background: #fff;
  border-radius: 20px;
  padding: 20px;
  margin: 10px 0px;
  box-shadow: 1px 6px 6px rgba(0,0,0,0.14);
}


.report-chart-item+.report-chart-item {
  margin-left: 20px;
}

.report-chart-item-title {
  font-size: 16px;
  font-weight: bolder;
  padding-bottom: 30px;
}
.note-box {
  display: block;
  font-size: 13px;
  letter-spacing: .5px;
  color: hwb(3 4% 55% / 0.9);
  line-height: 1.25;
  background-image: url(../../images/new/tip.svg);
  background-repeat: no-repeat;
  background-position-x: left;
  padding-left: 20px;
  background-size: 18px;}
.bar-cus-info img {
  border-radius: 50%;}
.guarantee_table.amount_list_table .th--white.th--m_large { width: 110px;}
.app_demo::before {
    position: absolute;
    top: 0px;
    left: 0;
    right: 0;
    display: block;
    width: 100%;
    height: 550px;
    margin: 0 auto 20px auto;
    content: "";
    background: url(../../images/dash_chat.png) no-repeat center center;}
    
.app_demo {
  position: relative;
  width: 650px;
  height: 550px;
  margin: 0 auto;}
.app_demo .appd_con {
    overflow: hidden;
    position: absolute;
    left: 49px;
    top: 128px;
    width: calc( 100% - 100px);
    margin: 0 auto;}
.search_box_more{
  margin: 0 15px;
  border-top: 1px solid #ddd;}
.input-group .btn{
  margin: 0px;}
.label_m{
  display: none;}
.d-flex_m{
  display: block;}
.main_policy_color {
  color: #e12e23;}
.attach_policy_color {
  font-size: 20px;
    color: #072cf9;
    font-weight: 500;
    margin: 0 4px;}
.policy_table table {
  width: 100%;
  box-sizing: border-box;
  overflow: hidden;
  height: fit-content;}
.policy_table .policy_total_price {
  font-size: 16px;
  font-weight: 500;
  color: rgba(0%,0%,0%,0.7);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;}
.policy_table th, .policy_table td, .guarantee_table th, .guarantee_table td{
  padding: 8px 12px;
  vertical-align: middle;
  word-break: break-all;
  box-sizing: border-box;
  font-size: 16px;}
.ui-dialog .ui-dialog-buttonpane button {
  cursor: pointer;
  border-radius: 15px;
  border: 0px solid #0075ea;
  background-color: #0075ea!important;
  color: #fff;
  background-image: none;
  padding: 1px 10px;
  margin: 5px;
  min-width: 60px;
  font-size: 15px;
  box-shadow: none;
  text-shadow: unset;}
.ui-dialog .ui-dialog-titlebar-close {
  right: 15px;
  border: 0px;
  background-image: none;
  background-color: #fff;
  box-shadow: none;}
.book-card {
  margin-top: 20px;
  background-color: #fff;
  box-shadow: -1px 3px 8px -1px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  cursor: pointer;
  padding: 0 0 20px 20px;
  color: var(--body-color-light);}
.close_btn {
  position: absolute;
  top: 24px;
  right: 24px;
  z-index: 10;}
.close_btn a {
  display: block;
  width: 24px;
  height: 24px;
  background-position: center center;
  background-image: url(../../images/new/delete_btn.svg);
  background-repeat: no-repeat;
  background-size: cover;
  box-sizing: border-box;
  border-radius: 6px;}
.input-group-btn>.btn.btn-default {
  padding: 7px 18px;
  border-radius: 0 6px 6px 0;
  border: 1px solid rgba(0, 0, 0, 0.2);
  background-color: #fff;}
.sms_add .search_box th{
  min-width: 115px;
  width: 115px;}
.relation_add.sms_add .search_box table {
  padding: 0 180px;
  margin-top: -8px;}
.tag-list-item {
  display: inline-block;
  padding: 0.3em 0.6em;
  border-radius: 6px;
  color: #fff;
  background: #FAC51E;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  margin-right: 1em;
  margin-bottom: 0.5em;
  cursor: pointer;
}

/**need**/
.left-container{
	width: 75%;
	position: relative;}
.left-container.indexneed{
  background-image: url('../../images/new/need-bg.png');
  background-repeat: no-repeat;
  background-position: center 250px;
  background-size: contain;}
.right-container {
  background-color: #fff;
  position: relative;
  width: 25%;
  border-radius: 30px 0 0 30px;
  height: 100vh;}
.right-container.indexneed{
  background-image: url('../../images/new/q-bg.svg');}

#need-tree{ position: relative; width: 100%;}
@media (max-width: 500px){
  #need-tree{
    position: relative;
    width: 180%;
    top: 350px;
    left: -38%;}}

#papa {
  transform-origin: 50% 30%;
  animation: size  25s infinite;
  opacity: 0;
}

#pa-grandpa {
  transform-origin: 55% 20%;
  animation: size  30s infinite;
  animation-delay: 0.5s;
  opacity: 0;
}

#pa-grandma {
  transform-origin: 60% 25%;
  animation: size  20s infinite;
  animation-delay: 1s;
  opacity: 0;
}

#pa-anti {
  transform-origin: 65% 30%;
  animation: size  25s infinite;
  animation-delay: 1.5s;
  opacity: 0;
}

#mama {
  transform-origin: 45% 40%;
  animation: size  25s infinite;
  animation-delay: 2s;
  opacity: 0;
}

#ma-grandma {
  transform-origin: 35% 30%;
  animation: size  25s infinite;
  animation-delay: 1s;
  opacity: 0;
}

#ma-grandpa {
  transform-origin: 45% 20%;
  animation: size  25s infinite;
  animation-delay: 0.5s;
  opacity: 0;
}

#ma-anti {
  transform-origin: 35% 40%;
  animation: size  30s infinite;
  animation-delay: 1.5s;
  opacity: 0;
}

#boy{
  transform-origin: 45% 50%;
  animation: size  35s infinite;
  animation-delay: 2s;
  opacity: 0;
}

#girl{
  transform-origin: 55% 50%;
  animation: size  28s infinite;
  animation-delay: 1.5s;
  opacity: 0;
}

@keyframes size {
  0% {
    transform: scale(0);
  }
  10% {
    transform: scale(1) ;
    opacity: 100;
  }
  30% {
    transform: scale(0.7) ;
    opacity: 100;
  }
  40% {
    transform: scale(1.1) ;
    opacity: 100;
  }
  50% {
    transform: scale(0.9) ;
    opacity: 100;
  }
  60% {
    transform: scale(1.1) ;
    opacity: 100;
  }
  70% {
    transform: scale(0.8) ;
    opacity: 100;
  }
  80% {
    transform: scale(1.1) ;
    opacity: 100;
  }
  90% {
    transform: scale(0.7) ;
    opacity: 100;
  }
  100% {
    transform: scale(0.5);
  }
}

.special_tit {
  display: block;
  color: #dd8b4a;
  font-size: 16px;
  margin-bottom: 24px;
  margin-left: 4px;}
.inli-title-black {
    color: rgba(0,0,0,0.7);
    margin-right: 12px;
}

.no_input, input[type="sty_radio"]{display:none}
  
.need-container{
  display: flex;
}

.need-q-item label{
  vertical-align: top;
  white-space: nowrap;
  display: block;
  float: none;
  margin-bottom: 13px;
  min-width: 100%;}
.need-q-item label span.q-item_radio{ display:flex; align-items: center;margin:0; padding:9px 16px; line-height:1.3;text-align:center; color:rgba(0,0,0,0.7); font-size:16px;background-color:#fff; border:0px; border-radius:16px; box-sizing:border-box; cursor:pointer;}
.need-q-item label .no_input:checked + span.q-item_radio{ color:#fff; background:#FFA269; border:1px solid #FFA269;}
.need-q-item label .no_input:disabled:checked + span.q-item_radio{ color:#fff; background:rgba(0,0,0,0.4); border:1px solid rgba(0,0,0,0.1);}
.need-q-item label span.sty_checkbox.q-item_radio, label .no_input:checked + span.sty_checkbox.q-item_radio:after{ border-radius:0;}
.need-q-item label .no_input + .sq-item_radio.sty_checkbox{ display:inline-block; width:16px; height:16px; min-width:auto; padding:0; line-height:1; background:#fff; border:1px solid rgba(0,0,0,0.7); border-radius:3px; vertical-align:middle; position: relative;margin-right: 6px;}
.need-q-item label .no_input:checked + .q-item_radio.sty_checkbox{ width: 16px; height: 16px; content: ""; display: inline-block; border:1px solid rgba(0,0,0,0.7);background:#fff; background-image: url(../images/checked_green.svg); background-position: center; background-repeat: no-repeat;transition: auto;}
.need-q-item label .no_input:checked + .q-item_radio.checkbox_style{ width: 16px; height: 16px; content: ""; display: inline-block; border:1px solid rgba(0,0,0,0.7);background:rgba(0,0,0,0); background-image: url(../images/checked_green.svg); background-position: center; background-repeat: no-repeat;transition: auto;}
/* normal radio button*/
.safe_set .ss_tit h3 {
  display: inline-block;
  vertical-align: middle;
  word-break: break-all;
  margin: 0 0 6px 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.25;
  color: rgba(0,0,0,1);
}
@media (max-width: 866px){
.need-container{
  display: block;
}
.left-container{
  width: 100%;
}
.need-container>.left-container>div>img{
  right: -50px;
  height: 100px;
  bottom: -60px;
}
.need-container>.left-container>div>p{
  width: 100%;
}

.right-container{
  width: 100%;
  padding: 20px;
  border-radius: 30px;
  margin-top: 20px;
}
}

.search_box_result_list .client_name a>img{
  vertical-align: baseline;
}
.dash-menu-btn .btn.x-b{
  width: 350px;
}
.d-chart{
  padding: 15px; flex: 1; border-radius: 10px; height: 150px; margin: 0 5px;
}
.w15 {
  width: 15% !important;
}
.w35 {
  width: 35% !important;
}
.btn-box {
  margin: 24px 0 8px 0;
  display: block;
  clear: both;
  text-align: center;
}
.btn {
  display: inline-block;
  color: #fff;
  padding: 10px 45px;
  margin: 0px 10px;
  text-align: center;
  font-weight: 500;
  border: 1px solid rgba(255, 255, 255, 0);
  border-radius: 50px;
  box-sizing: border-box;
  cursor: pointer;
}

.btn-primary {
  background-color: #004794 !important;
  border-color: #004794;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background-color: #004794 !important;
  border-color: #004794;
  opacity: 0.7;
}

.btn-primary-outlined {
  color: #004794;
  border: 1px solid #004794;
  background-color: #fff !important;
}
.btn-primary-outlined:hover,
.btn-primary-outlined:focus,
.btn-primary-outlined:active {
  color: #004794;
  border: 1px solid #004794;
  opacity: 0.7;
}

.btn-secondary {
  background-color: #ff9446;
  color: #fff;
  border: 1px solid transparent;
  background-image: linear-gradient(45deg,#fc8d79 40%,#ffa276)!important;
  border-color: #ff9446;
}
.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active {
  background-color: #ff9446 !important;
  border-color: #ff9446;
  color: #fff;
  opacity: 0.7;
}

.btn-secondary-outlined {
  color: #ff9446;
  background-color: #fff0 !important;
  border-color: #ff9446;
}
.btn-secondary-outlined:hover,
.btn-secondary-outlined:focus,
.btn-secondary-outlined:active {
  color: #ff9446;
  border-color: #ff9446!important;
  opacity: 0.7;
}

.btn-googleCalender {
  background-color: #6FC898 !important;
  border-color: #6FC898;
  color: #fff;
}
.btn-googleCalender:hover,
.btn-googleCalender:focus,
.btn-googleCalender:active {
  background-color: #44AE75 !important;
  border-color: #44AE75!important;
  color: #fff!important;
}

.btn-blue {background-color: #45BFFF!important;color: #fff;}
.btn-blue:hover,
.btn-blue:focus,
.btn-blue:active {
  background-color: #0096E4 !important;
  border-color: #0096E4!important;
}

/* #FAC51E */
.btn-info {
  background-color: #fea401  !important;
  border-color: #fea401 ;
}
.btn-info:hover,
.btn-info:focus,
.btn-info:active {
  background-color: #fea401  !important;
  border-color: #fea401 !important;
  opacity: 0.7;
}

.btn-info-outlined {
  color: #fea401 ;
  background-color: #fff0 !important;
  border-color: #fea401 ;
}
.btn-info-outlined:hover,
.btn-info-outlined:focus,
.btn-info-outlined:active {
  color: #fea401 ;
  border-color: #fea401 !important;
  opacity: 0.7;
}









.btn-danger {
  background-color: #FC6B58 !important;
  border-color: #FC6B58;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active {
  background-color: #FC6B58 !important;
  border-color: #FC6B58;
  opacity: 0.7;
}
.btn-danger-outlined {
  color: #FC6B58;
  background-color: #fff0 !important;
  border-color: #FC6B58;
}
.btn-danger-outlined:hover,
.btn-danger-outlined:focus,
.btn-danger-outlined:active {
  color: #FC6B58;
  border-color: #FC6B58!important;
  opacity: 0.7;
}

.btn-danger:active, 
.btn-danger.active, 
.open > .dropdown-toggle.btn-danger{
  border-color: #FC6B58;
}

.btn-gray {
  background-color: rgba(0, 0, 0, 0.2);
  border-color: rgba(0, 0, 0, 0.2);
  color: rgba(0, 0, 0, 0.7);
}
.btn-gray,
.btn-gray:hover,
.btn-gray:focus,
.btn-gray:active {
  background-color: rgba(0, 0, 0, 0.2);
  border-color: rgba(0, 0, 0, 0.2);
  color: #fff;
  opacity: 0.7;
}

.btn-default,
.btn-default:hover,
.btn-default:focus,
.btn-default:active {
  color: rgba(0, 0, 0, 0.7);
  opacity: 0.7;
}
.btn-default-outlined {
  color: rgba(0, 0, 0, 0.7);
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-default-outlined:hover,
.btn-default-outlined:focus,
.btn-default-outlined:active {
  color: rgba(0, 0, 0, 0.7);
  opacity: 0.7;
}

.tab-simple>.nav-tabs>li.active>a,
.tab-simple>.nav-tabs>li.active>a:focus,
.tab-simple>.nav-tabs>li.active>a:hover {
  border: 0;
  color: #000;
}

.tab-tag>.nav-pills>li.active>a,
.tab-tag>.nav-pills>li.active>a:hover,
.tab-tag>.nav-pills>li.active>a:focus {
  background: #ff9833;
}

.tab-tag>.nav-pills>li>a {
  color: #8f8f8f;
  background: #eff0f4;
}

.tab-tag>.nav {
  border-bottom: 2px solid #eff0f4;
}

section.box {
  background-color: #ffffff;
  margin: 15px 0;
  box-shadow: 0 1px 3px rgba(33, 33, 33, .2);
  -webkit-box-shadow: 0 1px 3px rgba(33, 33, 33, .2);
  -moz-box-shadow: 0 1px 3px rgba(33, 33, 33, .2);
  -o-box-shadow: 0 1px 3px rgba(33, 33, 33, .2);
  -ms-box-shadow: 0 1px 3px rgba(33, 33, 33, .2);
}
.control-label{
  margin-right: 0;
}
.login_btn {
  background: #ffb757;
  width: 100%;
  color: #fff;
  font-size: 16px;
  border-radius: 10px;
  height: 35px;
}
.login_btn:hover {
  background: #403f3d;
  color: #fff;
}
.search_box table td.w35{
  text-align: left;
}