.con_box .sitemap ul li{ float:left; width:50%;}
.sitemap .sm_02 .sm_02_cell{ overflow:hidden; float:none; width:100%; margin:0 0 10px 0; clear:both;}
.sitemap .sm_02 .sm_02_cell h3{ margin:0 0 5px 0;}


.box.main { margin-top: 0px; }
.con_box{ padding:12px; margin-bottom: 12px;}
.box_set.box_flex_01, .box_set.box_flex_02{ display:block;}
.hb_info, .hb_btn, .inp_nav{ display:none;}
.inp_btn a{ margin:0; vertical-align:top; box-sizing:border-box;}
.inp_btn.ipb_one a{ float:none; width:100%; margin:0;}
.lb_con .search_box .ipb_03{ width:100%; margin:0; box-sizing:border-box;}

.con_box .inp_btn{margin:24px 0 -8px 0;}
.inp_btn--row{ justify-content: space-evenly;}
.con_box .header__btns_mobile { cursor: pointer; height: 24px; width:24px; right: 20px; position: absolute; top: 16px; background-image:url(../images/icon-more.svg); background-repeat:no-repeat; }
.con_box .header__btns_mobile.on .more_btns { display: block; }
.con_box .header__btns_mobile .more_btns { display: none; position: absolute; top: 24px; right: 0; background: #fff; z-index: 20; box-shadow: 2px 2px 10px 2px rgb(0 0 0 / 10%); border-radius: 6px; width: 160px; }
.con_box .header__btns_mobile .more_btns li{ padding: 9px 12px; }
.con_box .header__btns_mobile .more_btns li:hover{ background-color:#EBF4F5; }
.con_box .header__btns_mobile .more_btns a{ color: rgba(0%,0%,0%,0.7); line-height: 1; letter-spacing: 1.43px; font-size:16px; }
.con_box .con_box__contents .content_input input{ min-width:191px;}
.con_box .con_box__content { justify-content: space-between;}


.tit_01{ float:none; width:100%; height:auto; line-height:40px; margin:0 0 10px 0; padding:0px 0 0.5px 10px; text-align:left; }
.tit_01 span{ display:inline-block; margin:0 0 0 10px;}
.tit_02{ width:100%; margin:0px 0 12px 0; clear:both;}
.tit_03.txt_left{ height:auto; padding:10px; line-height:normal; box-sizing:border-box;}
.search_box.tit_03.txt_left td{ padding:0; box-sizing:border-box;}
.plans_con ~ h3{ margin:-10px 0 20px 0;}
.edit_btn ~ .tit_02{ padding:0 40px 0 0; box-sizing:border-box;}
.con_box .tit_02{display: inline-block; margin: 4px 0 12px 4px; color: #000; font-size: 20px; line-height: 1.25; font-weight: 500;}
.con_box .title_and_btn .tit_02{width: auto; display: inline-block; margin: 4px 0 12px 4px; color: #FAC51E; font-size: 20px; line-height: 1; font-weight: 500;}
.con_box .tit_04 { margin: 0 0 12px 0; padding: 0 0 12px 0; color: rgba(0%,0%,0%,0.7); font-size: 20px; font-weight: 500; clear: both;}
.search_box_result .tit_02{ font-size: 20px; margin-bottom: 10px;}
.search_box_result_item{ font-size: 16px;}
.search_box_result_item span{ font-size: 16px; font-weight: 400; }
.search_box_result_list .link_status_nouse .link_display,.search_box_result_list .link_display {display: inline-block;font-size: 16px;color: rgba(0%, 0%, 0%, 0.7); margin-right: 4px;}

.account_tit{font-size: 17px; margin: 0 0 16px 4px;}

.client_policy_info .tit_04{margin: 0 0 12px 4px; padding: 0;}

/* premium-calculator-font */
.premium_calculator_title .tit_02{width: auto; font-size: 20px;}
.premium_calculator_title a{font-size: 15px;}
.premium_calculator_title a:hover{font-size: 15px;}
.premium_analysis .tit_04, .premium_list .tit_04, .con_box_s .tit_04{font-size: 20px;font-weight: 500; margin:0; padding: 0; border-bottom: 0;}
.edit_personal_suggestion_premium span{font-size: 15px; color: #dd8b4a;}



.guaranteed_year .title_03{font-size: 20px; color: rgba(0%,0%,0%,0.7); font-weight: 400; line-height: 1;}
.guaranteed_year span{font-size: 20px; 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: 17px; color: rgba(0%,0%,0%,0.7); font-weight: 500; line-height: 1;}
/* guaranteed_details_fonts */
.guarantee_category_title_and_page .title_03, .guarantee_category_title .title_03{font-size: 20px;color: #FAC51E;font-weight: 500; line-height: 1; }

.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:20px; color:rgba(0%,0%,0%,0.7);font-weight: 400; line-height: 1;}

.tag_btn{ position:static; float:right; width:48%; margin:0 1% 5% 1%; padding:0 0 0 5px; background-position:10px 8px; background-size:13px;}
.tag_btn:hover, .export_btn:hover{ background-position:10px 8px;}
.con_box .inp_btn{ display: flex; flex-direction: inherit; align-items: center; justify-content: center;}
.con_box .inp_btn a{ margin-bottom: 16px;}

.filter_btn { cursor: pointer; display: inline-block; width: 36px; margin: 2px 6px 2px 12px; padding: 1px; border-radius: 6px; background: url(../images/icon_filter.svg) no-repeat center center; background-color: rgba(0,0,0,0.7); }
.filter_btn a::before { content: ""; }
.add_box{ float:right; position:relative; top:0; right:0; width:48.5%; margin:0 1% 5% 1%;}
.add_box .add_list{ position:absolute; top:30px; left:0; width:100%; box-sizing:border-box;}
.txt_btn{ padding:0; font-size:13px;}

.arrow_m_display{ width: 24px; height: 24px; display: block;}
.tr_arrow{right:20px; top:15px; display:block; width:24px; height:24px; background-image:url(../../images/new/arrow_down.svg); background-repeat:no-repeat;  background-position:center center; background-size:24px;}
.on .tr_arrow{background-image:url(../../images/new/arrow_up.svg);}

.radio_box label{ width:25%; box-sizing:border-box;}
.radio_box .sty_radio{ min-width:auto; width:100%; box-sizing:border-box;}

.inpage .header{ padding:0;}
.inpage .header  h1{ float:none; width:100%; height:50px; background-size:auto 40px;}
.inpage .header .hb_info a{ width:100%; margin:0 0 10px 0;}


.search_box{ padding:12px;}
.tit_01 ~ .search_box{ float:none; width:100%;}
.con_box .search_box table{ float:none; width:100%; margin:0 0 0 0;}
.search_box.sb_border table{ border-right:none; }
.search_box table, .search_box.sb_01 table { float:none; width:100%; margin:0;}
.search_box table th{ height:auto; text-align:right; box-sizing:border-box;vertical-align: middle;}
.search_box table td, .search_box table td:nth-child(1){ height:auto; padding:6px 0px 6px 9px; text-align:left; box-sizing:border-box;}
.search_box table th, .search_box table td:nth-child(1){ min-width:88px;}
.search_box_more table td, .search_box table td:nth-child(1){padding:6px 0px;}

.lb_con .search_box table td{ overflow:hidden;}
.tit_04 + .search_box{ position:static; margin:0;}
.tit_04 + .search_box .sb_set{ display:flex; flex-wrap:wrap;}
.tit_04 + .search_box .sb_set sapn{ margin:0 10px 0 0;}
.search_box_more .search_box_address input{ display: block; margin-top: 8px;}
.search_box_topline .search_box table{margin: 24px 0 0 0;}
.search_box_result_list table tr label{padding-left:64%;}
.search_box_result .search_box_result_item{align-items: flex-end; position:relative;}
.search_box .company_title {padding-top:unset;}
.search_box .input_select_medium_large { min-width: 160px; }
.search_box .input_policy_note { margin-top:5px; }
.search_box_result_item .result_filter a {position: absolute; top: -40px; right: 8px; }


.search_bar_box { flex-direction: column; margin: 4px 0;}
.search_bar_box .input_box {  margin: initial; margin-bottom: 12px; }
.search_bar_box .inp_btn{ margin-top: 0; }
.search_bar_box input{ max-width: 100%;}


.search_box label{  display:inline-block; margin: 0 8px 8px 0; white-space:normal;}
input[type="text"].short_w{ width:100%; margin:0 0 5px 0;}
input[type="text"].short_w ~ input[type="text"].short_w{ margin:5px 0 0 0;}
label:nth-child(odd) .sty_radio{ border-left:1px solid #d2d2d2;}
label span.sty_radio{ min-width:auto;}


.search_box .input_medium_large, 
.suggestion_commodity .input_medium_large{ max-width: 160px!important;width: 160px!important;}
.search_box .input_large, 
.suggestion_commodity .input_large{ max-width: 200px!important;width: 200px!important;}
.search_box .input_xlarge, .suggestion_commodity .input_xlarge{ max-width: 240px!important;width: 240px!important;}
.search_box .input_xxlarge, .suggestion_commodity .input_xxlarge{ max-width: 100%!important;width: 100%!important;}


.con_box .search_box .sb_set select{ width:100%; display:block; margin: 0 0px 8px 0; max-width: 100%;}
.select_btn{ float:none; margin:0 0 15px 0;}
.select_btn select{ width:100%;}

.pagesize .search_add_list{ top:0; right:0; width:100%;}

.table_input_w{ display:none;}
.table_input_m{ display:block;}
.table_input_m table{ border-left:1px solid #dddddd; border-top:1px solid #dddddd;}
.table_input_m th{ text-align:left; border-bottom:1px solid #dddddd;}
.table_input_m td{ text-align:left; border-right:1px solid #dddddd; white-space:pre-wrap;}

.s_table th:first-child, .s_table td:first-child{ min-width:120px; white-space:normal;}

.pagesize .box .index_all_box {display: flex;flex-direction: column;}
.index_first_content {width: 100%;}
.index_second_content {width: 100%;}

.boxes_row {width: 100%; flex-direction: column;}
.con_box_s{ width: 100%;}
.box_s_right_space, .box_s_left_space{margin:0 0 24px 0;}
.policy_detail .policy_name a{color: #dd8b4a;}
.policy_detail .input_policy_name{ width: 100%;}
.list_suggestion_insurance{min-width: 320px;}
.guarantee_detail{justify-content: center;}

.infos_list li{width: 100%; margin: 0 8px 16px 8px;}
.client_note_content{padding-left: 8px;}
.infos_list .infos_list_content{padding-right: 12px;}
.infos_list .infos_list_tit { min-width: 96px; margin-right:24px;}

.history .history_item_action a{margin:0 16px 0 0;}
.history .table_box{margin: 0;}
.history .table_box .history_content{padding-top: 8px;}
.history .search_box table tr {flex-direction: column;}
.history .search_box table td div { min-width: 96px;}
.history.con_box .inp_btn { margin: 8px 0; flex-direction: row;}
.history.con_box .inp_btn a{ margin: 0 12px; }
.box .history .search_box table td {padding: 8px 0px;}

.client_policy_info .relevant_files .tit_04{margin:0 0 8px 0; padding: 0;}

/*-----table_box-----*/
.table_tit{ margin:0;}
/*table*/
.table_box table{ white-space:nowrap;}
/* table_view_box 2021 table style*/
.con_box .table_view__box table, .con_box .table_view__box thead, .con_box .table_view__box tbody, .con_box .table_view__box th, .con_box .table_view__box td, .con_box .table_view__box tr { display: block; }
/* Hide table headers (but not display: none;, for accessibility) */ 
.con_box .table_view__box thead tr { position: absolute; top: -9999px; left: -9999px; }
.con_box .table_view__box tr:last-child { border-bottom:none;}
.con_box .table_view__box td:before { position: absolute; top: 6px; left: 15px; color: rgba(0,0,0,0.7);}
.con_box .table_view__box td { /* Behave  like a "row" */ border: none; position: relative; padding-left: 38%; width: fit-content; padding-top: 6px; padding-bottom: 6px; min-height: 30px;}
.con_box .table_view__box tr { border-bottom: 1px solid rgba(0%, 0%, 0%, 0.2);    padding: 6px 0; }
.con_box .table_view__box th{ padding: 4px 8px; }
.con_box .table_view__box { height: 86%;}
.table_view__box .search_box {width: auto;     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: 38%; }

.con_box .table_view__box .redeem_list td:nth-of-type(1):before { content: "分享狀態"; }
.con_box .table_view__box .redeem_list td:nth-of-type(2):before { content: "您的朋友"; }
.con_box .table_view__box .redeem_list td:nth-of-type(3):before { content: "可領取獎勵"; }
.con_box .table_view__box .redeem_list td:nth-of-type(4):before { content: "領取狀態"; }

.history .table_box table,.history .table_box tbody,.history .table_box th,.history .table_box td,.history .table_box tr{display: block; white-space:normal;}
.history .table_box .divide_display_none {border-top: 0;}
.history .table_box .history_title{position: absolute;top: -9999px;left: -9999px;border-bottom: 2px solid #000000;}
.history .table_box td{border: none;;position: relative;padding-left: 32% !important;text-align: left !important;}
.history .table_box td:before {position: absolute;top: 6px;left: 6px;width: 16%;padding-right: 10px;white-space: nowrap;font-weight: 500;}
.history .table_box td:nth-of-type(1):before {content: "日期";color: rgba(0%, 0%, 0%, 0.7);}
.history .table_box td:nth-of-type(2):before {content: "é¡žåž‹";color: rgba(0%, 0%, 0%, 0.7);}
.history .table_box td:nth-of-type(3):before {content: "保單號碼"; color: rgba(0%, 0%, 0%, 0.7);}
.history .table_box td:nth-of-type(4):before {content: "事項"; color: rgba(0%, 0%, 0%, 0.7);}
.history .table_box td:nth-of-type(5):before {content: ""; }
.con_box .choose_policy_display{display: block; position:sticky; top: 0; padding-top: 16px; margin-top: -16px; background: white; z-index: 10;}
.con_box .guarantee_category_page{display: none;}

.guarantee_table .display_screen_s td{display: none;}
.guarantee_table .display_screen_s .display_screen_s_show{display: table-cell;}
.guarantee_table th{width: 40%; text-align: left;}
.guarantee_table td{border-right: 0;}
.guarantee_table .th--first {width:120px;}
.guarantee_table .total { width: auto;}
.guarantee_table .th--white {width: 140px;}
.guarantee_table.amount_list_table table { border-left:none; table-layout: auto;}
.guarantee_table.amount_list_table .display_screen_s .display_screen_s_show{display: table-cell;}
.guarantee_table.amount_list_table .display_screen_s_show{display: table-cell;}
.guarantee_table.amount_list_table th{text-align: center; width: auto;}
.guarantee_table.amount_list_table td{text-align: center; padding: 8px 12px;}
.guarantee_table.amount_list_table td,.guarantee_table.amount_list_table th{display: none;}
.guarantee_table.amount_list_table .th--white.th--m_xlarge { width: 140px;}
.guarantee_table.amount_list_table .th--white.th--m_large { width: 80px;}
.guarantee_table.amount_list_table .th--white { width: 60px;}
.search_box table .search_life_withdrawal{margin: 0 0 8px 0;}
.guarantee_table .stiky_tr.stiky_tr--company{ top: 67px;}
.guarantee_table .stiky_tr.stiky_tr--policy_name{ top: 99px;}
.guarantee_table .stiky_tr.stiky_tr--unit{ top: 139px;}
.search_box table .upload_file{width: 240px;}
.search_box table .upload_file .file_name{max-width: 140px;}


.search_box .car_policy_coverage_table tr input{ border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 2px; transition: none; }
.search_box .car_policy_coverage_table tr textarea{ border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 2px; transition: none;}
.search_box .car_policy_coverage_table tr select{ border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 2px; transition: none;}
.search_box .car_policy_coverage_table .coverage_thead{position: absolute;top: -9999px;left: -9999px;border-bottom: 2px solid #000000;}
.search_box .car_policy_coverage_table .coverage_content { position: relative; display: block; white-space: normal; border-bottom: 1px solid rgba(0,0,0,.1); padding: 6px 0px;}
.search_box .car_policy_coverage_table .coverage_content .coverage_title{ max-width: initial; }
.search_box .car_policy_coverage_table .coverage_content--customizable .coverage_title { padding: 6px 8px; }
.search_box .car_policy_coverage_table .coverage_content td{  max-width: initial; width: 100%; border: none; display: block; position: relative; margin: initial; padding: 6px 0px; padding-left: 112px !important;text-align: left !important; ;}
.search_box .car_policy_coverage_table .coverage_content td:before {position: absolute;top: 6px;left: 32px;width: 16%;padding-right: 10px;white-space: nowrap;font-weight: bold;}
.search_box .car_policy_coverage_table .coverage_content td:nth-of-type(1):before {content: "保障內容";color: rgba(0%, 0%, 0%, 0.7); padding: 0px 0;}
.search_box .car_policy_coverage_table .coverage_content.coverage_content--customizable td:nth-of-type(1):before {content: "保障內容";color: rgba(0%, 0%, 0%, 0.7); padding: 8px 0;}
.search_box .car_policy_coverage_table .coverage_content td:nth-of-type(2):before {content: "保險金額"; color: rgba(0%, 0%, 0%, 0.7); padding: 6px 0;}
.search_box .car_policy_coverage_table .coverage_content td:nth-of-type(3):before {content: "保險費"; color: rgba(0%, 0%, 0%, 0.7); padding: 4px 0;}
.search_box .car_policy_coverage_table .coverage_content:last-child {border: none;}
.search_box .car_policy_coverage_table .coverage_content .coverage_delete{position: absolute; right: 112px; top: 8px; }
.search_box .car_policy_coverage_table .inp_btn a{ margin: 6px 0;}
.inp_btn--with_margin a{ margin-top: 6px;}

.radio_box .radio_label{display:flex; flex-direction: column; margin-bottom: 8px;}
.radio_box .radio_label label{ white-space: nowrap;}

.table_box .total_con{ text-align:left;}
.search_box_result table{overflow:hidden; min-width: 100%;}
.search_box_result .result_title_w_display { display: none;}
.search_box_result .result_title_m_display{display: table-row;}
.search_box_result_list .result_title_check{width: 4%; vertical-align: top; padding:20px 30px 0 0;}
.search_box_result_list .result_title_infos{width: 96%; padding:12px;}
.search_box_result .result_title_infos ol{display: flex; flex-direction: column; align-items: flex-start;}
.search_box_result .result_title_infos ol li{width: auto;}
.result_title_infos .client_infos{display: flex; flex-direction: row;}
.search_box_result_list .client_infos{border-top: 0.5px solid rgba(0,0,0,0.2);}
.search_box_result_list .result_title_infos .result_title_width_s,.search_box_result_list .result_title_infos .result_title_width_m,.search_box_result_list .result_title_infos .result_title_width_l{width: 100%;}
.search_box_result_list .client_checkall{padding: 0;}
.result_title_infos.on .client_infos,
.result_title_infos.on .commodity_infos ,
.result_title_infos.on .result_infos,
.result_title_infos.on .print_infos{ display:block;}
.result_title_infos .client_name{display: flex; flex-direction: row; align-items: center; justify-content: space-between; width: auto;}
.result_title_infos .client_infos{display: flex; flex-direction: row; align-items: flex-start; justify-content: space-between; width: auto;display:none;}
.result_title_infos .commodity_infos,
.result_title_infos .result_infos,
.result_title_infos .print_infos{ display:none;}
.result_title_infos .company_name{display: flex; flex-direction: row; align-items: center; justify-content: space-between; width: auto; margin-left:0;}
.result_title_infos .commodity_name{ margin: 8px 0 8px 0;}
.result_title_infos.on .commodity_name{border-bottom:0.5px solid rgba(0,0,0,0.2);}
.search_box_result .result_title_infos .result_display_none{display: none;}




.box_set .bs_01, .box_set .bs_02{ float:none; width:100%; margin:0 0 0px 0;}
.box_set.box_message .bs_01{ width:100%; margin:0 0 20px 0;}
.box_set .bs_02 h3{ margin:0 0 10px 0;}
.con_box .safe_list ul{ float:none; width:100%; margin:0 0 20px 0; padding:0; border:none;}
.safe_list li{ margin:0 0 20px 0; width:100%;}
.safe_list li span{ text-align:right;}

.note{ text-align:justify;}




.view_client a{ margin:0 10px 10px 0;}
.view_client a:last-child{ margin:0 10px 0 0;}


.box_set .bs_03{ float:none; width:100%; margin:0 0 20px 0;}

.sub_box,.sub_box .box{ float:none; width:100%;}
.sub_box .box{ padding:12px;}

.safe_user{ float:none; clear:both;}
.safe_user h3{ margin:0 0px 0 0;}
.client_profile.safe_user{ position:relative;}
.client_profile.safe_user .cp_t{  margin:3px 0 0 0;} 
.client_profile.safe_user .cp_img, .client_profile.safe_user .cp_txt{ display:block; vertical-align:top;}
.client_profile.safe_user .cp_txt h4{ display:none; margin:15px 0 0 0; padding:5px 0 0 0; border-top:1px solid #cfcfcf;}
.client_profile.safe_user .cp_txt.on h4{ display:block;}
.client_profile.safe_user .cp_txt a{ position:absolute; top:13px; right:15px; display:block; width:20px; height:20px; background:url(../images/mmenu_ad.png) no-repeat center center;}
.client_profile.safe_user .cp_txt.on a{ background:url(../images/mmenu_at.png) no-repeat center center;}
.policy_info_detail{margin-top: 8px;}

.suggestion_commodity{width: 100%; padding: 0 0 12px 0;}
.policy_detail .main_policy_detail, .policy_detail .attach { width: 88%;}
.suggestion_commodity .commodity_cancel{margin-left: 4px;}
.beneficiary_box .beneficiary_detail { margin-left: 0px; }

.template_box{ max-height:620px;}
.template_box .tb_cell{ display:block; width:49%; float:left; margin:0 2% 15px 0;}
.template_box .tb_cell:nth-child(even){ margin:0 0 15px 0;}
.template_box .tb_cell:last-child .fd_add::after{ display:block; content:'';}
.template_box .tb_img, .template_box .tb_img img{ width:100%; height:auto; display:block;}

.con_box a.fd_add{ height:auto; width:100%; padding:99% 0 0 0;}

.search_box .sb_set{ display:block;}
.search_box .sb_set, .search_box .pb_set{display: flex; flex-direction: row; flex-wrap:wrap;}
.search_box .sb_set label{ min-width:33%; margin:0 4px 5px 0; float:left;}
.search_box .sb_set label:last-child{ margin:0 0 5px 0;}
.search_box_more table tr{ display: flex; flex-direction: column; margin-left: 0;}
.search_box table th{  padding: 6px 6px 6px 0; width: 140px;}
.search_box table td:nth-child(odd),
.search_box table .search_title_up24, .search_box table .search_title_up52 {padding-bottom: 0;}
.box .con_box .search_box .pb_set input[type="text"]{ display:inline-block; flex:2 0 auto; width:20%;}
.search_box .sb_set select, .con_box .search_box .sb_set input[type="text"], .search_box .sb_set input[type="date"], .search_box .sb_set input[type="text"] ~ select{ margin:0 0px 6px 0px;}
.con_box .search_box .sb_set select:last-child:last-child{ margin: 0px 0px 0px 5px;}
.search_box .sb_set.sb_phone{ display:flex; flex-wrap:nowrap;}
.search_box .sb_set.sb_phone span{ margin:0 5px;}
.add_select{ float:right; margin:0 0 5px 0;}
.search_box .sb_set span{ margin: 0 6px 0 0;}
.search_box .pb_set span{ margin: 0 5px;}
.search_box .sb_set label span{ margin:0;}
.search_box .sb_set .close_btn{ float:right;}
.search_box_result_list .commodity_name{justify-content: space-between;}
.search_box_result_list .commodity_name .commodity_name_title, .search_box_result_list .commodity_name .commodity_name_number{width:auto; padding: 4px 0 4px 0;}
.search_box_result .result_title_infos .client_infos li {width: 100%;display: flex;}
.search_box_result_list .result_title_infos .link_status{display: inline-flex; flex-direction: row; flex-wrap: nowrap; align-items: center;}
.search_box .th_checkbox { padding: unset;}
.search_box .benefits_type{margin-bottom: 16px;}
.search_box input {max-width: 100%;}
.search_box .td_flex_m { display: flex; }
.search_box .td_flex_m--col { flex-direction: column; }
.search_box .align_top {  padding-top: 6px; }
.search_box .align_top_m {  vertical-align: top; padding-top: 12px;}
.search_box .search_checked--behind .search_checked_text { margin-left: 4px; }

.client_infos .label_m{ display: inline-block; width: 120px;}
.result_title_infos .label_m{ display: inline-block; width: 120px;min-width: 120px;}

.search_bar_box.search_bar_box--client_search {margin: 0;}
.search_bar_box.search_bar_box--client_search .input_box{display: flex; flex-direction: column;}
.search_bar_box.search_bar_box--client_search input{max-width: 280px;}
.search_bar_box.search_bar_box--client_search .tags {margin: 16px 0;}
.search_bar_box.search_bar_box--client_search .tags .input_title{margin: unset; margin-right: 12px; display: inline;}
.search_bar_box.search_bar_box--client_search .tags input{max-width: 200px}
.con_box--search {padding: 8px 16px; margin-bottom: 8px;}
.con_box--search table tr{ display: flex; flex-direction: column;}
.con_box--search table th{ text-align: left; padding: 8px;}
.con_box--search table td{ padding: 0 0 0 8px;}
.con_box--search table td select{ margin: 4px 0; }
.con_box--search .clear_filter{ top: 12px; right: 12px;}
.con_box--search .sb_set{ margin-bottom: 8px;}
.search_box_result_item .search_result_text { display: flex; flex-direction: column; align-items: start; }
.search_box_result .result_filter { align-items: start; align-items: center; margin-bottom: 8px; margin-left: 0px; }

.ect_con .ect_cell, .ect_con .ect_cell:nth-child(4n){ float:none; width:100%; margin:0 0 5% 0;}
.table_view__box .client_add_list--single td:first-child { margin-left: 12px; color: #fff; padding: 4px 12px; margin-top: 6px; background: #FAC51E; border-radius: 6px; }

.table_view .search_box {width: auto;     border-bottom: 1px solid rgba(0,0,0,0.2);}
.sort_box__tabs{border-top: 1px solid rgba(0,0,0,0.2); border-bottom: 1px solid rgba(0,0,0,0.2); }

.table_view__box td:first-child {
    padding-left: 15px;
}


.pr_chart_info, .pr_chart_info .pr_chart, .pr_chart_info .pr_cell{ display:block; width:100%; padding:0;}
.pr_chart_info .pr_cell{ margin:0 0 20px 0; border-right:none; border-bottom:1px solid #dcdcdc;}
.pr_cell h3, .pr_cell .pr_img, .pr_cell .pr_txt{ display:block; margin:0 0 15px 0; vertical-align:middle;}


.tc_01{ padding:15px;}
.tc_02 .tc_main{ float:none; width:100%; margin:0 0 7% 0; padding:15px;}
.tc_box .tit_01{ padding: 0px 0 0.5px 10px; line-height: 40px;}
.tc_steps{ display:block; width:100%; margin:0;}
.tc_steps .tc_s_cell{ width:33.3%; padding:0; text-align:center; box-sizing:border-box;}
.tc_steps .tc_s_cell h2{ width:50px; height:50px; margin:0 auto; font-size:30px; line-height:50px;}
.tc_steps .tc_s_cell:last-child{ background:url(../images/tc_s_line.jpg) repeat-x 0 40%;}
.tc_s_tit{ height:auto; padding: 5px 20px; line-height:25px;}
.tc_s_tit span{ display:block; float:none;}
.tc_s_btn{ margin:0;}
.add_commodity_btn { margin: 6px 24px 6px 0;}
.suggestion_commodity .commodity_item{margin: 6px 0;}
.policy_detail .policy_detail_item ul{ flex-direction: column; position: relative;}
.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; }
.policy_detail .policy_detail_item .insurance_amount_box_input { width: 100%; }
.policy_detail .policy_detail_item .insurance_amount_box_input .commodity_cancel { position: absolute; top: 8px; right: -36px;}
.policy_detail select { min-width: auto; }
.sub_commodity_cancel{position: absolute; right: 12px;}
.e_pdf_template .ect_con { flex-direction: column; }
.e_pdf_template .pdf_cell { width:100%; height:auto;}
.e_pdf_template .pdf_cell .large_checkbox label { font-size: 18px; }
.e_pdf_template .pdf_cell .large_checkbox label .no_input + .sty_radio.sty_checkbox { width: 20px; height: 20px; }

.lv_tab .box{ padding:0;}
.lv_tab .box, .lv_tab_con .box{ width:100%;}
.lv_tab .lv_tab_cell{ height:120px; padding:15px 0 0 0; background-size:1px 100%; border-bottom:4px solid  rgba(255,255,255,0);}
.lv_tab .lv_tab_cell::before{ display:block; top:auto; transform:translateY(0); width:60px; height:60px; margin:0 auto 8px auto;}
.lv_tab .lv_tab_cell:hover, .lv_tab .lv_tab_cell.select{ border-bottom:4px solid #fff100;}
.lv_tab .lv_tab_cell .lv_txt{ display:block; top:auto; transform:translateY(0);}
.lv_tab .lv_tab_cell h4{ width:100%; text-align:center; font-size:16px;}
.lv_tab .lv_tab_cell p{ display:none;}
/*content*/
/*01*/
.lv_tab_box{ padding:20px 0;}
.lv_tab_box h2{ margin:0 0 10px 0; font-size:24px;}
.lv_tab_box p{ line-height:26px; font-size:16px;}
.lv_tab_app .lv_app_box{ height:270px; margin:0 0 20px 0; background-position:right top;}
.lv_tab_app .lv_app_box:last-child{ margin:0;}
.lv_tab_app .lv_app_box:nth-child(odd){ background-position:left top;}
.lv_tab_app .lv_app_box:nth-child(1){ background-image:url(../images/img_app_06.jpg);}
.lv_tab_app .lv_app_box:nth-child(2){ background-image:url(../images/img_app_07.jpg);}
.lv_tab_app .lv_app_box:nth-child(3){ background-image:url(../images/img_app_08.jpg);}
.lv_tab_app .lv_app_box:nth-child(4){ background-image:url(../images/img_app_09.jpg);}
.lv_tab_app .lv_app_box:nth-child(5){ background-image:url(../images/img_app_10.jpg);}
.lv_tab_app .lv_app_box:nth-child(odd) .lv_txt{ left:0; padding:0 0 0 140px;}
.lv_tab_app .lv_txt{ transform: translateY(-85%); top:50%; left:0; width:100%; padding:0 140px 0 0; box-sizing:border-box;}
.lv_tab_app .lv_txt h3{ margin:0 0 5px 0; font-size:18px;}
.lv_tab_app .lv_txt p{ font-size:16px; text-align:justify;}
.lv_tab_btn p{ font-size:18px;}
/*02*/
.lv_tab_list{ margin:0;}
.lv_tab_list::before{ width:100%; height:100%; padding:100% 0 0 0; background-size:100% auto;}
.lv_tab_list::before, .lv_tab_list ul, .lv_th_con{ display:block;}
.lv_th_con .lv_th_box{ width:100%; margin:0; padding:30px 0; border-bottom:1px solid #eeeeee; border-right:none;}
.lv_th_con{ margin:0 0 30px 0;}
.lv_tab_health{ margin:30px 0 0 0;}
.lv_tab_health::before{ width:100px; height:100px; background-size:100% auto;}
.lv_tab_list ul li, .lv_th_con .lv_th_box p{ font-size:16px;}
/*03*/
.plans_con{ margin:0 0 30px 0;}
.plans_con.pc_w{ display:none;}
.plans_con.pc_m, .plans_con.pc_o{ display:block}
.plans_con.pc_o, .lv_tab_box .plans_con.pc_o{ margin:0 auto 30px auto;}
div.plans_con.pc_o .pc_td{ right:0; top:0;}
div.plans_con.pc_o .pc_th li{ padding:0 65px 0 15px; line-height:70px;}
div.plans_con.pc_o .pc_th li .pc_txt{ font-size:16px; line-height:20px;}
div.plans_con.pc_o .pc_td .pc_td_box{ margin:0; padding:0; border-radius:0; box-shadow:none;}
div.plans_con.pc_o .pc_td .pc_td_box li{ margin:0; padding:0 10px; line-height:70px; border-bottom: 1px solid rgba(0,0,0,0.1);}
div.plans_con.pc_o .pc_td .pc_td_box li:last-child{ border-bottom:none;}
div.plans_con.pc_o .pc_td_y span, div.plans_con.pc_o .pc_td_n span{ padding:2px 0 2px 26px;}
.lv_tab_box div.plans_con.pc_o .pc_td{ top:86px;}
.plans_con::before{ width:100px; height:90px; margin:0;}
.pc_m table{ width:100%; background:#fff; border-radius:20px; box-shadow:0px 0px 8px 2px rgba(137,137,137,0.4); box-sizing:border-box;}
.pc_m table th{ padding:10px 0; text-align:center; font-weight:bold; background:#ebebeb;}
.pc_m table th span{ display:block; color:#ed6a62; font-weight:normal; font-size:14px;}
.pc_m table td{ height:50px; text-align:center; font-weight:bold; background:url(../images/img_td_border.jpg) no-repeat right top;}
.pc_m table tr td:last-child{ background:none;}
.pc_m .pc_td_tit{ color:#21b4b3; font-size:18px;}
.pc_m .pc_td_price{ color:#f03a61; font-family:Arial; font-weight:bold;}
.pc_m .pc_td_price span{ height:auto; line-height:normal; font-size:14px;}
.pc_m .pc_td_y span, .pc_m .pc_td_n span{ padding:1px 0 1px 22px; line-height:22px; font-size:14px; background-size:20px;}


.msup_pay_box .msup_pay_btn01{ bottom:auto; top:0; height:25px; line-height:25px;}


.msup_step04 .msup_num{ width:150px; height:168px; margin:0 auto;}
.msup_step04 .con_box p.txt_ps{ font-size:16px;}
/*barcode*/
.barcode_box::before{ margin:0 0 10px 0;}

.con_box .sh_tag{ margin:0 0 10px 0;}
.sh_box, .sh_box .sb_cell{ display:block; width:100%; margin:0 0 15px 0; padding:0; box-sizing:border-box;}

a.btn_download{ display:block; width:100%; margin:10px 0 0 0; box-sizing:border-box;}
a.btn_download::before{ vertical-align:top;}
.about_box .con_box{ width:100%; box-sizing:border-box;}
.about_box p, .about_box ul li{ line-height:30px; font-size:16px;}
.about_box ul{ width:100%; margin:0 auto; padding:0;}

.basic_info_box {flex-direction: column;}
.basic_info_box .member_thumbnail .thumbnail_image img{  object-fit: cover; width: 160px; height: 160px;  }

/*left*/
.mc_left .inp_btn a{ width:auto; margin: 4px 4px 4px 0px;}
.mc_card .aa_b_cell .aa_b_txt{ width:100%;}
.mc_card .aa_b_cell .aa_b_img img{ width:100%;}
.ecb_box .eb_name { padding: 3px 6px 3px 6px; }

.box_message .inp_btn--submit{ display: flex; flex-direction: column; align-items: center;}
.box_message .inp_btn--submit a{ margin-bottom: 12px;}


.message_draft .header__btns_mobile  {  right: 50px; top: 12px;}
.message_draft .filter__title_bar { flex-direction: column;}
.message_draft__basic_info .basic_info__reciever { margin-bottom:16px }

/*-----訊息看板-----*/
.message_all{ display:flex; height:auto;  
    flex-direction: column-reverse;}
/*top*/
.message_all .ma_right .con_box{ width:auto; padding:0;}
.ma_right .ma_alert > div{ padding:16px;}
.ma_right .ma_a_btn, .ma_right.ma_open .ma_a_btn{ position:absolute; top:15px; right:15px;}
.ma_right.ma_open .con_box{ width:auto; padding:0;}
.ma_right.ma_open .ma_a_main h3{ margin:0;}
.ma_right.ma_open .ma_a_btn a.ma_a_delete{ margin:0 6px 0 0;}
.ma_alert .ma_a_main .ma_a_btn{ top:15px; right:15px;}
.ma_message .ma_m_l { padding: 16px 0px; }
.ma_message .ma_m_txt { padding: 0 16px; }
.ma_message .ma_m_user{padding: 0 16px;}
.ma_message a.more{ position: absolute; top: -8px; right: -8px;}
.ma_message .ma_m_user--customer { padding-right: 40px; }
.ma_open.ma_message.con_box .tit_04 { border-bottom: 2px solid rgba(0%,0%,0%,0.1);}
.ma_message.con_box .tit_04 { padding-left: 24px; border: none;}
.default_message_box_title .ma_d_expand{display: inline-block; width: 24px; height: 40px; vertical-align: middle; background: url(../images/icon_arrow_down_s.svg) no-repeat center center; transition: none; }
.default_message_box.ma_open .ma_d_expand{ background: url(../images/icon_arrow_up_s.svg) no-repeat center center; transition: none;}
.default_message_box .default_message{display: none;}
.ma_open.default_message_box .default_message{display: block;}
.lb_sending_list .close_btn a{height: 24px;}
.ma_open .ma_alert { min-height: 280px; }
.ma_message .ma_m_main .btn_tab .empty_box.function_bar { margin-top: 88px; margin-bottom: 116px; }
/*down*/
.message_all .ma_left .ma_message{ overflow:visible; width:auto; height:auto; padding:0;}
.ma_message .ma_m_con::after{ display:none;}
.ma_message .ma_m_con{ min-height:300px;}
.ma_message .ma_m_main h3, .ma_message .ma_m_l{ width:auto;}
.ma_message .ma_m_l.ma_open{ border:2px solid rgba(0,0,0,0);}
.ma_message .ma_m_l.ma_open .ma_l_reply{ background:url(../images/cb_at.png) no-repeat center right; background-size:15px;}
.ma_message .ma_m_main .btn_tab .function_bar { padding: 16px; }
/*coverage*/
.coverage_box .coverage_cell .coverage_info_list{width: 180px;}


.teaching_box .tb_box{ width:100%; padding:15px; box-sizing:border-box;}
.teaching_box img.tb_w{ display:none;}
.teaching_box img.tb_m{ display:block;}
.tb_steps .swiper-button-next, .tb_steps .swiper-button-prev{ display:none;}
.tb_steps .btn_index{ width:90%; height:45px; line-height:45px; font-size:18px; border-radius:4px;}

.con_box .cards { grid-template-columns: repeat(1, 1fr); }

.combination_box .note_input{ max-width: 100%;}
.combination_box .inp_btn{flex-direction: row;}


.inp_btn.manage_team_btn { position: relative; margin: 8px 0 0 0; flex-basis: 95%; }
.manage_team_content { flex-basis: 50%; }
.infos_list_item.infos_list_item--team{ flex-flow: wrap; }

.countdown_timer {
    font-size: 15px;
    color: rgba(0,0,0,0.7);
    font-weight: 600;
}
.countdown_timer span {
    font-size: 35px;
    color: #F17400;
    margin: 0 3px 0 5px;
}


@media screen and (max-width:640px) {
.con_box{ margin-bottom: 16px; }
/*----------B-index----------*/
.pagesize .box{ padding:8px;}
.news_box{width: 94%; min-width:  auto;}
.news_box .nb_img, .news_box .nb_list, .news_box .nb_box{ width:100%; margin:0;}
.news_box .nb_img{ margin:0 0 15px 0;}
.news_box .nb_box .nb_cell .nbc_img{ width:150px;}
.news_box .nb_img .swiper-pagination{ bottom:0;}
.news_box .nb_list li, .news_box .nb_list li:last-child{ position:relative; padding:0 0 10px 0;}
.news_box .nb_list span{ display:block; margin:0 0 10px 0;}
.news_box .nb_list .nb_l_quote{ position:absolute; right:0; top:0; display:block; float:none;}
.news_box .nb_box{ padding:0; margin: 0 0 24px 0;}
.news_box .nb_box .swiper-button-next{ top:auto; bottom:-8%; right: 30%;}
.news_box .nb_box .swiper-button-prev{ top:auto; bottom:-8%; left: 30%;}
}
@media screen and (max-width:375px) {
.news_box .nb_box .nb_cell .nbc_img{ width:140px;}

.template_box{ max-height:560px;}
	
.lv_tab_app .lv_txt{ transform: translateY(0%); top:0%;}
.lv_tab_app .lv_txt p{ font-size:15px; line-height:23px}

.suggestion_commodity{max-width: 100%;}
.suggestion_commodity .commodity_item{width: 90%;}
.policy_detail .policy_name{flex-wrap: wrap;}
.policy_detail .input_xlarge{width: 90%;}
.policy_detail select{margin:0;}
.policy_detail .policy_name a{padding: 0;}
.policy_detail .policy_detail_item ul{margin-top:8px ;}
.policy_detail .policy_detail_item li{margin-top: 8px;}
.policy_detail .policy_detail_item span {margin: 0 12px 0 4px;}
.add_commodity_btn{margin: 0 24px 12px 0;}
.list_suggestion_insurance{min-width: 240px;}
.percentage_list .percentage_insurance{min-width: 120px;}
.boxes_row .con_box_s{width: 89%;}
.premium_list .premium_btn_list .premium_btn_total{font-size: 14px;}
.premium_list .premium_btn_list .premium_btn_total{min-width: 80px;}
.guarantee_detail .guarantee_amount, .guarantee_detail .guarantee_amount_no_change{width: 100%; margin: 6px 0;}
.guarantee_category_box{margin-top: 12px;}
.policy_detail .policy_detail_item span.note-list {
    font-size: 14px;
    display: flex;
    flex-wrap: wrap;
    width: 300px;
}



.guaranteed_year{flex-direction: column;}
.guaranteed_year .title_03{margin:0 0 6px 0;}
.infos_list .guarantee_list_tit{width: 64%; min-width: 120px;align-items: center;
    display: flex;} 
}

@media screen and (max-width:321px) {
.news_box .nb_box .nb_cell .nbc_img{ width:110px;}
.template_box{ max-height:480px;}
.news_box{width: 88%;}
.coverage_box .coverage_cell .coverage_info_list{width: 140px;}
.result_title_infos .commodity_infos{flex-direction: column;}
.search_box .search_box_address select{ margin-bottom: 8px;}
.search_box .search_box_address input{ margin-top: 0;}
.search_box_phone input{ margin-bottom: 8px;}
.infos_list li{margin: 0 0 16px 0;}

.policy_detail { width: 95%;}
.policy_detail .attach_policy,.policy_detail .main_policy{ margin-left: -8px;}
.policy_detail .main_policy{margin: 8px 8px 0 0;}
.suggestion_commodity{padding: 0 0 16px 0;}
.suggestion_commodity .policy_detail{width: 96%;}
.policy_detail_item .increase_rate_checked_text{margin: 0;}
.search_box table .upload_file {width: 220px;}
.search_box table .upload_file .file_name{max-width: 120px;}

.con_box .table_view__box .redeem_list td:nth-of-type(3):before { width: 70px; }

.con_box .con_box__contents .content_title { min-width: 170px; }
.con_box .con_box__contents .content_input input{ min-width: 161px; }
}

label .no_input + .sty_radio.sty_checkbox {
    padding: 10px;
    margin-right: 0px;
}
.d-flex_m{
    display: flex;
  }
.content_btn{
    text-align: right;
}

.premium_page .premium_table{ flex-direction:row;}
.premium_page .premium_item{ width: 33.33%; display: flex; flex-direction: row; flex-wrap: wrap;}
.premium_page .premium_item .age{width: 100%; border-bottom: 1px solid rgba(0%,0%,0%,0.2);}
.premium_page .premium_item .price{width: 100%; border-bottom: 1px solid rgba(0%,0%,0%,0.2);}

.search_box_result_item .result_filter.result_btn a {
    position: relative!important;
    top: 0px!important;
    right: 0px!important;
}
.combination_box .box_input {display: block;}
.input-group {display: inline-table;}
.search_box_more table th {text-align: left;padding: 0px;}

.relation_add .search_box table { padding: 0; }
.relation_add .search_box tbody { flex-direction: column; }
.relation_add .search_box tr { width: fit-content; }
.relation_add .search_box td { padding: 8px 0 6px 24px; }
.relation_add .search_box th { min-width: 95px; white-space: nowrap;}
.relation_add .search_box label span.sty_radio { margin-right: 12px; }
.relation_add .search_box input { max-width: 180px }

.sms_add .search_box th{
    min-width: 110px;
    width: 110px;}
.relation_add.sms_add .search_box table {
    padding: 0;
    margin-top: 0px;}

.beneficiary_box .beneficiary_detail .beneficiary_detail_input {
flex-direction: column;}
.beneficiary_box .beneficiary_detail .beneficiary_detail_input .beneficiary_detail_order {
    width: 95%;
}

.dash-menu-btn .btn{
    padding: 10px 32px;
}
.dash-menu-btn .btn.x-b{
    width: 100%;
}
.d-chart{
    padding: 5px; flex: 1; border-radius: 10px; height: 150px; margin: 0 5px;
}
.tab-solid.dash >.nav-tabs > li {
    padding: 0;}

.dash-box-2 .flex-1 {padding: 10px 0;}
.search_box_more table td{
    padding: 0px 0px 6px;
}


.t-flex-m{
}

.t-flex-m table {
    float: none;
    width: 100%;
    margin: 0 0 0 0;
}

.t-flex-m table tr {
    display: flex;
    flex-direction: column;
    margin-left: 0;
}

.wizard li.active:after {
    left: 40%;}

.step-tit {
        bottom: -60px;}
.navbar {
            margin-bottom: 0px;}

.app_demo .appd_con{
    width: 320px;
}