body{font-family:"微軟正黑體",arial; background:#FFF;}

#main{ width:940px; margin:0 auto; background:#FFF; padding:0 25px; box-sizing:border-box; /*min-height:500px;*/ overflow:hidden; box-shadow:0 4px 30px #C5C5C5;}
#main #navigation{ font-size:14px; color:#333333; margin:20px 0 15px 0;} #main #navigation a{ display:inline-block; background:url(../../images/b2cweb/home_icon.png) no-repeat left; text-indent:20px; color:#333333;}
#main #navigation a:hover{ text-decoration:underline;}
#main .title{ width:100%; position:relative; border-bottom:3px solid #037e7b; height:30px; margin:0 0 15px 0 }
#main .title2{ width:100%; position:relative; border-bottom:3px solid #037e7b; height:auto; margin:0 0 15px 0 }
#main .title3{ width:100%; position:relative; border-bottom:3px solid #037e7b; height:auto; margin:0 0 15px 0 }
#main .ui_title_area{position: relative;height: auto;width:100%;}
#main .ui_txt{width: 85%;margin-left:120px; height: auto; position: absolute;}
#main .ui_txt2{width: 82%;margin-left:150px; height: auto; position: absolute;}
#main .title span {display: inline-table;font-size: 16px;line-height: 30px;border-radius: 15px 15px 0 0;color: #FFF;padding: 0 15px;font-weight: bold;background-color: #037e7b;}
#main .title2 span{ display:inline-table; font-size:16px; margin-top:20px;line-height:32px; border-radius:5px 5px 0 0; color:#FFF; padding:0 15px; font-weight:bold;background-color: #037e7b;}
#main .title3 span{ display:inline-table; font-size:16px; margin-top:60px;line-height:32px; border-radius:5px 5px 0 0; color:#FFF; padding:0 15px; font-weight:bold;background-color: #037e7b;}
#main .title span img{ vertical-align:-3px; margin:0 5px 0 0;}
#main .step_pic{ margin:15px 0; text-align:center; background:#dbeded; padding:10px; box-sizing:border-box; border-radius:5px;}
#main .step_pic img{ vertical-align:middle;}
#main .input_style1{ height:34px; border:1px solid #bababa; padding:5px 10px; box-sizing:border-box; width:100%; font-size:14px}
#main .input_style2{ height:34px; border:1px solid #bababa; padding:5px 10px; box-sizing:border-box; width:250px;font-size:14px}
#main .input_style3{height:34px; border:1px solid #bababa; padding:5px 10px; box-sizing:border-box; width:100px; float:left;font-size:14px}
#main .input_style4{ height:34px; border:1px solid #bababa; padding:5px 10px; box-sizing:border-box; width:50%;font-size:14px}
#main .input_style5{height:34px; border:1px solid #bababa; padding:5px 10px; box-sizing:border-box; width:100px; margin:0 5px 0 0;font-size:14px}
#main .input_style6{height:34px; border:1px solid #bababa; padding:5px 10px; box-sizing:border-box; width:100%; margin:5px 0 0 0; font-size:14px}
#main .input_style7{height:25px; border:1px solid #bababa; padding:5px 10px; box-sizing:border-box; width:100px; font-size:14px}
#main .input_style8{ height:34px; border:1px solid #bababa; padding:5px 10px; box-sizing:border-box; width:100%;font-size:14px}
#main .input_style9{ height:34px; border:1px solid #bababa; padding:5px 10px; box-sizing:border-box; width:70px;font-size:14px}
#main .button{ width:100%; text-align:center; margin:10px 0; overflow:hidden;}
#main .button a {display: inline-block; width: 180px; height: 35px; background: #4ea4a4; line-height: 35px; color: #FFF;font-weight: bold;border-radius: 5px; margin: 10px 10px;font-size: 15px;  cursor: pointer;}
#main .button a:hover{ background:#026d6a;}

/* login */
.login_tab{ width:350px; margin:0 auto; background:#f2f2f2; border-radius:7px; font-size:16px; box-shadow:0px 0px 3px #999; }
.login_tab td{ padding:14px; border-bottom:1px solid #d7d7d7;}
.login_tab th{ padding:14px; color:#037e7b; background:#dbeded; border-right:1px solid #d7d7d7;border-bottom:1px solid #d7d7d7;}
.login_tab tr:first-child{ border-radius:7px 7px 0 0;}
.login_tab tr:first-child th{border-radius:7px 0 0 0;}
.login_tab tr:first-child td{border-radius:0 7px 0 0;}
.login_tab tr:last-child th{border-radius:0 0 0 7px; border-bottom:none;}
.login_tab tr:last-child td{border-radius:0 0 7px 0; border-bottom:none;}
.login_tab span{ font-size:12px; color:#666; margin:0 0 0 10px;}
.login_tab .code{ float:left; height:34px; margin:0 0 0 10px; cursor:pointer;}
.login_tab .code img{ height:34px; width:auto;}
.login .captcha{ display:block; margin:5px 0 0 0;}
.login .captcha>span{ margin:0 10px 0 0;}
.login .captcha>span img{ display:inline-block; border:1px solid #bababa;}
.login .captcha .refresh{ cursor:pointer; display:inline-block; width:15px; height:15px; padding:9px; background:url(../../images/b2cweb/refresh.png) no-repeat center #01aee0; border:1px solid #bababa; border-radius:5px;}
.login .captcha .refresh:hover{background-color:#089ac4;}
.login .link_box{ text-align:center;}
.login .link_box a{ display:inline-block; text-indent:15px; font-size:14px; color:#01aee0; width:90px; margin:10px 5px 0 5px;}
.login .link_box a:hover{ opacity:0.8;}
.login .forget_psword_link{ background:url(../../images/b2cweb/forget_icon.png) no-repeat left center;  }
.login .register{ background:url(../../images/b2cweb/regist_icon.png) no-repeat left center;}

/* Member List */
#main .register_list {width:100%; background:#dbeded; font-size:16px;  margin:0 0 15px 0; box-shadow:0px 0px 3px #999;border-radius:7px; }
#main .register_list td{padding:14px; border-bottom:1px solid #d7d7d7;text-align: center;background:#f2f2f2;}

#main .register_list th{padding:14px; color:#037e7b; }
#main .register_list tr:last-child{}

#main .register_list tr:first-child th{border-bottom: 1px solid #d7d7d7}
#main .register_list tr:first-child td{}
#main .register_list tr:last-child th{}
#main .register_list tr:last-child td{ border-bottom:none;border-radius: 0 0 8px 8px;}

/* register */
#main .register_tab{ width:100%; background:#f2f2f2; border-radius:7px; font-size:16px; box-shadow:0px 0px 3px #999; margin:0 0 15px 0;}
#main .register_tab td{ padding:14px; border-bottom:1px solid #d7d7d7;}
#main .register_tab th{ width:30%; padding:14px; color:#037e7b; background:#dbeded; border-right:1px solid #d7d7d7;border-bottom:1px solid #d7d7d7; text-align:right;}
#main .register_tab tr:first-child{ border-radius:7px 7px 0 0;}
#main .register_tab tr:first-child th{border-radius:7px 0 0 0;}
#main .register_tab tr:first-child td{border-radius:0 7px 0 0;}
#main .register_tab tr:last-child th{border-radius:0 0 0 7px; border-bottom:none;}
#main .register_tab tr:last-child td{border-radius:0 0 7px 0; border-bottom:none;}
#main .regist_note{ color:#037e7b; display:inline-block;}
#main .select_city{ margin:3px 3px 3px 0;}
#main .reset_note{ color:#037e7b; display:inline-block;}
#main .send_note{ color:#037e7b;}
#main .register_tab .check_box{ width:15px; height:15px; margin:0 5px 0 10px;}
#main .treaty{ width:100%; height:200px; overflow-y: scroll; overflow-x: hidden; color:#333; line-height:25px; padding:10px; box-sizing:border-box; border-radius:7px; box-shadow:0px 0px 3px #999; margin:10px 0 0 0; }
#main .treaty b{ margin:5px 0; display:block; padding:5px; text-align:center; background:#ddf4fb; color:#087595;}
#main .check_agree{ font-size:18px; color:#000; font-weight:bold; overflow:hidden; width:100%; margin:5px 0 0 0; float:left;}
#main .register .step_ok{ width:100%; border:1px solid #CCC; border-radius:5px; overflow:hidden; padding:15px; box-sizing:border-box;}
#main .register .show_icon{ float:left; width:200px; overflow:hidden; margin:0 0 0 230px;}
#main .register .show_icon img{ width:100%; height:auto; display:block;  }
#main .register .note{ float:left; font-size:24px; color:#01aee0; width:250px; text-align:center; margin:60px 0 0 0; font-weight:bold;}
#main .register .note span{ color:#999; display:block; width:100%; text-align:center; font-size:16px; margin:10px 0 0 0;}
#main .register_tab .verification{ width:120px; float:left;}
#main .register_tab .verification img{ width:50%; height:auto; display:block; margin:0 auto;}
#main .register_tab .send_mun{ display:inline-block; width:100px; height:35px; background:#02aea0; color:#FFF; line-height:35px; text-align:center; margin:0 auto; cursor:pointer;}
#main .register_tab .send_mun:hover{ background:#048479;}
#main .button3{  margin:10px 0; display:inline-block;}
#main .button3 a{ text-align:center;display:inline-block; width:120px; height:35px; background:#01aee0; line-height:35px; color:#FFF; font-weight:bold; border-radius:5px; border:1px solid #bababa; font-size:15px; cursor:pointer;}
#main .button3 a:hover{ background:#009dca;}
/* verification_tab */
#main .verification_tab{ width:400px; margin:0 auto;background:#f2f2f2; border-radius:7px; font-size:16px; box-shadow:0px 0px 3px #999;}
#main .verification_tab td{ padding:14px; border-bottom:1px solid #d7d7d7;}
#main .verification_tab th{ width:30%; padding:14px; color:#037e7b; background:#dbeded; border-right:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; text-align:right;}
#main .verification_tab tr:first-child{ border-radius:7px 7px 0 0;}
#main .verification_tab tr:first-child th{border-radius:7px 0 0 0;}
#main .verification_tab tr:first-child td{border-radius:0 7px 0 0;}
#main .verification_tab tr:last-child th{border-radius:7px 0 0 7px; border-bottom:none;}
#main .verification_tab tr:last-child td{border-radius:0 0 7px 0; border-bottom:none;}
#main .verification_tab .send_mun{ display:inline-block; width:100px; height:35px; background:#02aea0; color:#FFF; line-height:35px; text-align:center; margin:0 auto; cursor:pointer;}
#main .verification_tab .send_mun:hover{ background:#048479;}

/* register1 */
#main .register1_tab{ width:100%; background:#f2f2f2; border-radius:7px; font-size:16px; box-shadow:0px 0px 3px #999; margin:0 0 15px 0;}
#main .register1_tab th{ width:30%; padding:14px; color:#037e7b; background:#dbeded; border-right:1px solid #d7d7d7;border-bottom:1px solid #d7d7d7; text-align:right;}
#main .register1_tab td{padding:14px; border-bottom:1px solid #d7d7d7;}
#main .register1_tab tr:last-child td{border-radius:0 0 7px 0; border-bottom:none;}
#main .register1_tab .verification{ width:120px; float:left;}
#main .register1_tab .verification img{ width:50%; height:auto; display:block; margin:0 auto;}
#main .register1_tab tr:last-child th{border-radius:7px 0 0 7px; border-bottom:none;}
#main .register1_tab .send_mun{ display:inline-block; width:100px; height:35px; background:#02aea0; color:#FFF; line-height:35px; text-align:center; margin:0 auto; cursor:pointer;}
#main .register1_tab .send_mun:hover{ background:#048479;}

/* member */
.member .member_link{ width:100%; border-bottom: 1px solid #CCC; box-shadow: 0 2px 0 #EEE; overflow:hidden; margin: 0 0 10px 0;}
.member .member_link li{ float:right;  height: 35px; line-height: 35px; overflow: hidden; position: relative; margin-bottom: -1px; border: 1px solid #dddddd; border-bottom:none; background:#dbeded; margin-right:7px; border-radius:5px 5px 0 0;}
.member .member_link li a{ display:block; font-size:17px; padding: 0 12px; color: #000; border: 1px solid #fff;}
.member .member_link li a:hover {background: #08b0a2; color:#FFF;}
.member .member_link li.active  {background: #08b0a2; color:#fff; border-bottom: 1px solid #fff;}
.member .member_link li.active a {background: #08b0a2; color:#fff;}
.select_address{ width:20%; height:34px; border:1px solid #bababa; padding:5px 10px; box-sizing:border-box; margin:0 10px 0 0;}
.member .register_tab span{font-size: 12px; color: #666; margin: 0 0 0 10px; display:block;}
.explanation{ width:100%; font-size:16px; margin:10px 0; text-align:center; color:#333;}

/* insurance */
#main .insurance_tab{ width:100%; background:#f2f2f2; border-radius:7px; font-size:16px; box-shadow:0px 0px 3px #999; margin:0 0 15px 0;}
#main .insurance_tab td{ padding:14px; border-bottom:1px solid #d7d7d7;}
#main .insurance_tab th{ width:30%; padding:14px; color:#037e7b; background:#dbeded; border-right:1px solid #d7d7d7;border-bottom:1px solid #d7d7d7;  text-align:right;}
#main .insurance_tab .sub_th{width:5%;}
#main .insurance_tab tr:first-child{ border-radius:7px 7px 0 0;}
#main .insurance_tab tr:first-child th{border-radius:7px 0 0 0;}
#main .insurance_tab tr:first-child td{border-radius:0 7px 0 0;}
#main .insurance_tab tr:last-child th{border-radius:0 0 0 7px; border-bottom:none;}
#main .insurance_tab tr:last-child td{border-radius:0 0 7px 0; border-bottom:none;}
#main select{ height:34px; border:1px solid #bababa; padding:5px 10px; box-sizing:border-box;font-size:14px}
#main .select_day{  width:100px; margin:3px;}
#main .select_time{ width:70px; margin:3px;}
#main .insurance_tab .time_area{ float:left; margin:0 5px 0 0;}
#main .insurance_tab .time_all{ background:#FFF; line-height:40px; border-radius:5px; float:left; padding:0 5px; margin: 0  0 0 10px;}
#main .insurance_tab .time_all span{ color:#037e7b; margin:0 5px;}
#main .select_price{ width:100px; margin:0 10px 0 0}
#main .insurance_treaty{ width:100%; float:left; margin:0 1%;}

#main .button_add{ text-align:center; display:inline-block; margin:0 0 0 20px;}
#main .button_add a{ display:inline-block; width:50px; height:35px; background:#037e7b; line-height:35px; color:#FFF; font-weight:bold; border-radius:5px; border-right:3px solid #025957; border-bottom:3px solid #025957; font-size:18px; cursor:pointer;}
#main .button_add a:hover{ background:#026d6a;}

#main .insurance_list{width:100%; background:#f2f2f2; border-radius:7px; font-size:16px;  box-shadow:0px 0px 3px #999; margin:0 0 15px 0;}
#main .insurance_list th{ padding:14px; color:#037e7b; background:#dbeded; border-right:1px solid #d7d7d7;border-bottom:1px solid #d7d7d7; text-align:center; box-sizing:border-box;}
#main .insurance_list tr:first-child{ border-radius:7px 7px 0 0;}
#main .insurance_list tr:first-child th:first-child{border-radius:7px 0 0 0;}
#main .insurance_list tr:first-child th:last-child{border-radius:0 7px 0 0;border-right:none;}
#main .insurance_list tr:last-child td:first-child{border-radius:0 0 0 7px;}
#main .insurance_list tr:last-child td:last-child{border-radius:0 0 7px 0;border-right:none;}
#main .insurance_list tr:last-child td {border-bottom:none;}
#main .insurance_list td{ padding:14px; border-bottom:1px solid #d7d7d7; border-right:1px solid #d7d7d7; box-sizing:border-box; line-height:20px; word-break: break-all;}
#main .insurance_list td a{ display:inline-block; color:#000; line-height:26px; width:20px; height:20px; background:url(../../images/b2cweb/insurance_link.png) no-repeat center 0; margin:0 0 0 5px; position:relative; top:2px;}
#main .insurance_list td a:hover{ opacity:.8;}
#main .insurance_list .button{ width:100%; height:100%; text-align:center; margin:0 0; overflow:hidden;}
#main .insurance_list .button a{ display:inline-block; width:90%; height:100%; background:#037e7b; line-height:35px; color:#FFF; font-weight:bold; border-radius:5px; margin:5px 5px; border-right:3px solid #025957; border-bottom:3px solid #025957; font-size:15px; cursor:pointer;}
#main .insurance_list .button a:hover{ background:#026d6a;}
#main .insurance_list tr.total{ background:#fafafa;}
#main .insurance_list tr.total th{ text-align:left;}
#main .insurance_list tr:last-child th{ border-bottom:none; border-radius:0 0 0 7px;}
#main .info_block{ margin:10px 0 0 0;}
#main .info_block li{ margin:5px 0;}

.claim_list{width:100%; background:#f2f2f2; border-radius:7px; font-size:16px;  box-shadow:0px 0px 3px #999; margin:0 0 15px 0;}
.claim_list th{ padding:14px; color:#037e7b; background:#dbeded; border-right:1px solid #d7d7d7;border-bottom:1px solid #d7d7d7; text-align:center; box-sizing:border-box;}
.claim_list tr:first-child{ border-radius:7px 7px 0 0;}
.claim_list tr:first-child th:first-child{border-radius:7px 0 0 0;}
.claim_list tr:first-child th:last-child{border-radius:0 7px 0 0;border-right:none;}
.claim_list tr:last-child td:first-child{border-radius:0 0 0 7px;}
.claim_list tr:last-child td:last-child{border-radius:0 0 7px 0;border-right:none;}
.claim_list tr:last-child td {border-bottom:none;}
.claim_list td{ padding:14px; border-bottom:1px solid #d7d7d7; border-right:1px solid #d7d7d7; box-sizing:border-box; line-height:20px; word-break:break-all;}
.claim_list td a{ color:#037e7b; line-height:26px; width:20px; height:20px;  margin:0 0 0 5px; position:relative; top:2px;text-decoration:underline;}
.claim_list td a:hover{ opacity:.8;}
.claim_list tr.total{ background:#fafafa;}
.claim_list tr.total th{ text-align:left;}
.claim_list tr:last-child th{ border-bottom:none; border-radius:0 0 0 7px;}

/*table for ie css hack*/
#main .ieposition{
	margin-left: 110px;
	-webkit-margin-left:0px; /*chrome*/
	-moz-margin-left:0px; /*firefox*/
}


#main .ieposition select{
	margin-right: 20px;
	top: -2px;
	position:relative; 
	-webkit-margin-right:10px; /*chrome*/
	-moz-margin-right:10px; /*firefox*/
}

/*insurance_info*/
#main .insurance_info{width:100%; background:#f2f2f2; border-radius:7px; font-size:16px; box-shadow:0px 0px 3px #999; margin:0 0 15px 0;}
#main .insurance_info tr:first-child{ border-radius:7px 7px 0 0;}
#main .insurance_info tr:first-child th{border-radius:7px 7px 0 0; border-right:none;}
#main .insurance_info tr:last-child td:first-child{border-radius:0 0 0 7px;}
#main .insurance_info tr:last-child td:last-child{border-radius:0 0 7px 0;border-right:none;}
#main .insurance_info tr:last-child td {border-bottom:none;}
#main .insurance_info .th_left th{ text-align:left;}
#main .insurance_info th{ padding:14px 5px; color:#037e7b; background:#dbeded; border-right:1px solid #d7d7d7;border-bottom:1px solid #d7d7d7; text-align:center; box-sizing:border-box;}
#main .insurance_info td{ padding:14px 5px; border-bottom:1px solid #d7d7d7; border-right:1px solid #d7d7d7; box-sizing:border-box;}
#main .insurance_info td span{ display:inline-block; line-height:30px; margin:0 10px;}
#main .insurance_info tr:nth-child(2n+2) td{ background:#eaeaea;}

/*check_list*/
.check_list li{margin:10px 0; font-size:16px; color:#000; line-height:25px;}
#main .insurance_tab th span{ color:#e60012;} 
#main .insurance_info th span{ color:#e60012;} 
#main .insurance .step_ok{ width:100%; border:1px solid #CCC; border-radius:5px; overflow:hidden; padding:15px; box-sizing:border-box;}
#main .insurance .show_icon{ width:200px; overflow:hidden; margin:0 auto; padding: 15px 0;}
@media screen and (max-width:600px){
	#main .insurance .show_icon{ width:150px; overflow:hidden; margin:0 auto; padding: 15px 0;}
}
#main .insurance .show_icon img{ width:100%; height:auto; display:block;  }
#main .insurance .note{ max-width:700px; margin:20px auto;}
#main .insurance .note p{ color:#333; font-weight:bold; display:block; width:100%; font-size:16px; line-height:25px; }

/*與主選單css合併後投保完成頁面會用到*/
#main .step_ok{ width:100%; border:1px solid #CCC; border-radius:5px; overflow:hidden; padding:15px; box-sizing:border-box;}
#main .show_icon{ width:200px; overflow:hidden; margin:0 auto; padding: 15px 0;}
@media screen and (max-width:600px){
	#main .show_icon{ width:150px; overflow:hidden; margin:0 auto; padding: 15px 0;}
}
#main .show_icon img{ width:100%; height:auto; display:block;  }

/* member_center */ /*member_center css衝突*/
/*
.member_center{ margin:30px 0;}*/
.member_center ul{ overflow:hidden; text-align:center; }
.member_center ul li{ display:inline-block; margin:10px; width:150px; border:2px solid #219592; box-shadow:0px 1px 3px #999; border-radius:50%; transition:all .3s;}
.member_center ul li a{ display:block; color:#fff; background:url(../../images/b2cweb/member_btn_bg.png) no-repeat center #0da4a2; padding:20px 10px; box-sizing:border-box; border-radius:50%; margin:1px; transition:all .3s; }
.member_center ul li:hover { border:2px solid #23a4a1; }
.member_center ul li:hover a{ background:url(../../images/b2cweb/member_btn_bg2.png) no-repeat center #efefef; color:#018b8e;}
.member_center ul li a b{ display:block; width:52px; height:53px; margin:10px auto 0 auto;}
.member_center ul li a.btn_1 b{ background:url(../../images/b2cweb/member_1.png) no-repeat;}
.member_center ul li a.btn_2 b{ background:url(../../images/b2cweb/member_2.png) no-repeat;}
.member_center ul li a.btn_3 b{ background:url(../../images/b2cweb/member_3.png) no-repeat;}
.member_center ul li a.btn_4 b{ background:url(../../images/b2cweb/member_4.png) no-repeat;}
.member_center ul li a.btn_5 b{ background:url(../../images/b2cweb/member_5.png) no-repeat;}
.member_center ul li:hover a.btn_1 b{background:url(../../images/b2cweb/member_1_h.png) no-repeat;}
.member_center ul li:hover a.btn_2 b{background:url(../../images/b2cweb/member_2_h.png) no-repeat;}
.member_center ul li:hover a.btn_3 b{background:url(../../images/b2cweb/member_3_h.png) no-repeat;}
.member_center ul li:hover a.btn_4 b{background:url(../../images/b2cweb/member_4_h.png) no-repeat;}
.member_center ul li:hover a.btn_5 b{background:url(../../images/b2cweb/member_5_h.png) no-repeat;}
.member_center ul li a span{ display:block; margin:10px auto; text-align:center; font-size:17px; font-weight:bold;}


@media screen and (max-width:940px){

#main{ width:100%; padding:0 15px;}	
#main .input_style2{  width:100%;}
/* register */
#main .register_tab th{ text-align:left; padding:14px 5px;}
#main .verification_tab th{ text-align:left; padding:14px 5px;}
.register_step .step{ width:26%; height:auto;}
.register_step .allow{ width:10%; height:auto; }
#main .register .show_icon{ width:50%; margin:0 0 10px 0; text-align:right;}
#main .register .show_icon img{ width:50%; display:inline-block;}
#main .register .note{ width:50%; text-align:left; padding:0 0 0 15px; box-sizing:border-box; margin:5% 0 0 0;}
#main .register .note span{ text-align:left;}

/* member */
.member .member_link{ }
.member .member_link li{ float:right; width:31%; box-sizing:border-box; text-align:center; margin:0 1%; }

.insurance_step .step{ width:15%; height:auto;}
.insurance_step .allow{ width:6.2%; height:auto; }

#main .insurance_tab .time_all{ margin:10px 0 0 0;}

}
@media screen and (max-width:768px){
/* insurance_info */
.insurance_info .tab_con{}
.insurance_info, .insurance_info thead, .insurance_info tbody, .insurance_info th, .insurance_info td, .insurance_info tr{ display: block;}
.insurance_info .tab_title{ position: absolute; top: -9999px; left: -9999px;}
.insurance_info td{ border: none !important; border-bottom: 1px solid #d7d7d7 !important; position: relative; padding-left: 35% !important; white-space: normal; text-align:left;}
.insurance_info2 td {line-height:34px;}
.insurance_info tr:last-child td:last-child{ border-bottom:none !important;}
.insurance_info .tab_con td:before{ content: attr(data-title); position: absolute; top: 0; left: 0px; width: 32%; padding:0 10px 0 0; white-space: nowrap; text-align:right; line-height:63px; font-weight: bold; color: #037e7b; border-right: 1px solid #d7d7d7 !important;}
#main .insurance_info tr:last-child td:first-child{border-radius:0;}
#main .insurance_info tr:last-child td:last-child{ border-radius:0 0 0 7px;}
/* member_center */
.member_center ul{ margin:0 auto; width:90%;}

/* insurance_motorcycle */
.insurance_motorcycle .m_block dl dt{background:none;}
.insurance_motorcycle .m_block dl dd{ padding-top:0;}

}
@media screen and (max-width:700px){
.select_address{ width:40%; margin:0 10px 10px 0;}
#main .input_style4{ width:100%;}

.insurance_step .step{ width:26%; height:auto;}
.insurance_step .allow{ width:10%; height:auto; }

#main .insurance_treaty{ width:100%; float:none; margin:0 0 10px 0;}
}
@media screen and (max-width:500px){
/* login */
.login_tab{ width:100%;;}
.login_tab span{ display:block;}
.login_tab .code{ display:block; float:none; margin:10px 0 0 0;}
#main .input_style3{ float:none;}
/* register */
#main .register_tab .verification{ width:50%;}
#main .register .show_icon{ width:100%; margin:10px 0 20px 0; }
#main .register .show_icon img{ width:50%; margin:0 auto; display:block;}
#main .register .note{ float:none; width:100%;margin:10px 0 0 0; text-align:center;}
#main .register .note span{ text-align:center;}
#main .verification_tab{ width:100%;}

.member .member_link li a{ font-size:12px; padding:0;}
#main .insurance_list th{ padding:14px 2%;}
#main .insurance_list td{ padding:14px 2%;}
.insurance_info .tab_con td:before{ width: 30%; }

.claim_list th{ padding:14px 2%;}
.claim_list td{ padding:14px 2%;}
/* member_center */
.member_center ul{ width:100%;}
.member_center ul li{ margin:1%;}

/* insurance_motorcycle */
.insurance_motorcycle .m_block dl dt, .insurance_motorcycle .m_block dl dd{ width:100%; float:none;}
.insurance_motorcycle .m_block dl dt img{ max-width:50%; width:initial; margin:0 auto;}
}

@media screen and (max-width:414px){
/* process */
.process dl { padding-left:10px;}
.process dl dt, .process dl dd{ display:block;}
.process dl dt{ width:45px; height:45px;  margin:0 auto; position:static;}
.process dl dd span{ text-align:center;}

#main .button a{ display:inline-block;}
}

@media screen and (max-width:360px){
/* insurance_info */
.insurance_info td{padding-left: 43% !important;}
.insurance_info .tab_con td:before{ width: 35%; padding-left:5px;}
/* member_center */
.member_center ul{ }
.member_center ul li{ width:130px;}
.member_center ul li a span{ font-size:16px; margin:5px auto; }
.member_center ul li a b{ background-size:80%; margin:1% auto 0 auto;}

/* insurance_info */
#main .insurance_tab th{padding: 2px;}
#main .insurance_tab td{padding: 2px;}
}

@media screen and (min-width:320px) and (max-width:767px){
	#main .title2{ width:100%; position:relative; border-bottom:3px solid #037e7b; height:80px; margin:0 0 15px 0 }
	#main .title2 span{ display:inline-table; font-size:16px; margin-top:50px;line-height:32px;  border-radius:5px 5px 0 0; color:#FFF; padding:0 15px; font-weight:bold;background-color: #037e7b;}
	#main .title3 span{ display:inline-table; font-size:16px; margin-top:40px;line-height:32px;border-radius:5px 5px 0 0; color:#FFF; padding:0 15px; font-weight:bold;background-color: #037e7b;}	
	#main .ui_txt{font-size:14px;width:auto;}
	#main .ui_txt2{font-size:14px;width:auto;}
	
	/* insurance_info */
	.insurance_info td{padding-left: 36% !important;}
}
/* qa-block */
.qa-block{ margin:20px 0 30px 0;}
.qa-block h4{ margin:0 0 20px 0; line-height:40px; border-bottom:2px solid #4190c2; }
.qa-block h4:before{ content:""; display:block; float:left; width:24px; height:24px; background:url(../../images/b2cweb/tit_icon2.png) no-repeat left; border-radius:50%; margin:8px 10px 0 0;}

#qa{ border-top:1px solid #379c5c; border-bottom:1px solid #379c5c;}
#qa .qa-title{ padding:10px; box-sizing:border-box; position:relative; padding:10px 20px 10px 20px; overflow:hidden; color:#FFF; cursor:pointer;}
#qa .qa-title a{font-size:16px; color:#278449; line-height:24px; font-weight:bold; background:url(../../images/b2cweb/q_icon.png) left no-repeat; padding:0 0 0 34px;}
#qa .qa-con{ display:none;box-sizing:border-box; background:#FFF; padding:20px; font-size:15px; color:#333; line-height:25px;}
#qa>li{ border:1px solid #379c5c; background:#fafafa;}
#qa>li.active .qa-title{border-bottom:1px solid #379c5c;}
#main #navigation{ font-size:14px; color:#333333; margin:20px 0 15px 0;} #main #navigation a{ display:inline-block; background:url(../../images/b2cweb/home_icon.png) no-repeat left; text-indent:20px; color:#333333;}
#main #navigation a:hover{ text-decoration:underline;}

/* insurance_intro */
.insurance_intro{ margin:0 0 30px 0;}
.insurance_intro h4{ padding:0 10px; margin:0 0 15px 0;line-height:40px; border-radius:7px 7px 0 0;border:1px solid #ccc; border-bottom:2px solid #29689c; background:url(../../images/b2cweb/tit_bg.jpg) repeat-x;}
.insurance_intro h4:before{ content:""; display:block; float:left; width:6px; height:15px; background:#2976b6; border-radius:5px; margin:12px 10px 0 0;}
.info_table{ width:100%; border-radius:7px; box-shadow:0px 0px 3px #999; margin:0 0 20px 0; }

.info_table thead{ border-radius:7px 7px 0 0;}
.info_table thead tr{ border-radius:7px 7px 0 0; background:#3bb2ac; }
.info_table thead tr td{ color:#fff; }
.info_table thead tr td:first-child{ border-radius:7px 0 0 0;}
.info_table thead tr td:last-child{ border-radius:0 7px 0 0;}

.info_table tr td.grey{ background:#f7f7f7;}
.info_table tr td.g{background:#adedea;}
.info_table tr td.g2{background:#c5f1ef;}
.info_table tr td.g3{background:#f3fefe;}
.info_table td, .info_table th{ border-right:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; padding:10px; box-sizing:border-box;}
.info_table th{ text-align:left; color:#2b8883; }
.info_table td:last-child{ border-right:none;}
.info_table td.crossed{ background-image: linear-gradient(to bottom left,  transparent calc(50% - 1px), #777, transparent calc(50% + 1px));}
.info_table tr.unit{ border:none; background:#f9f9f9; border-radius:0 0 7px 7px;}
.info_table tr.unit td{ border:none; text-align:right; border-radius:0 0 7px 7px; color:#037e7b; }
.info-note {}
.info-note dl { margin:0 0 20px 0;}
.info-note dl:before{ content:""; display:block; float:left; margin:6px 5px 0 0; width:8px; height:8px; border-radius:50%; background:#3bb2ac;}
.info-note dl dt{ margin:0 0 5px 0;}
.info-note dl dt img{ display:block;}
.info-note dl dd{ padding:0 0 0 12px;}
.info_table2 tbody tr.type1{ background:#c5f1ef;}
.info_table2 tbody tr.type1 td{ text-align:center;}
/* info_table2 */
.info_table2{width:100%; border-radius:7px; box-shadow:0px 0px 3px #999; margin:0 0 20px 0;}
.info_table2 tbody tr:first-child{ border-radius:7px 7px 0 0;}
.info_table2 tbody tr:last-child{ border-radius:0 0 7px 7px; }
.info_table2 tbody tr th{ text-align:left; padding:10px; box-sizing:border-box; border-right:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; color:#fff; background:#3BB2AC;}
.info_table2 tbody tr:first-child th{ border-radius:7px 0 0 0;}
.info_table2 tbody tr:first-child td:last-child{ border-radius:0 7px 0 0;}
.info_table2 tbody tr td{ color:#333; padding:10px; box-sizing:border-box;border-right:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; }
.info_table2 tbody tr td:last-child{ border-right:none;}
.info_table2 tbody tr:last-child td{ border-bottom:none;} 
.info_table2 tbody tr.type1{ background:#c5f1ef;}
.info_table2 tbody tr.type1 td{ text-align:center;}
.info_table2 tbody tr.type2 td{ text-align:center;}
.info_table2 tbody tr.type2 td:nth-child(2n+1){background:#e2f4f7;}
.info_table2 tbody tr.type2 td:nth-child(2n+2){background:#ECF7F9;}
.info_table2 tbody tr.type3 td{ text-align:right;}
.info_table2 tbody tr.type4 td{ text-align:right; background:#f7f7f7;}
.info_table2 tbody tr td.red{ color:#ED1D2A;}
.info-note2{ margin:0 0 10px 0; padding:0 0 10px 0; border-bottom:1px solid #ccc; overflow:hidden;}
.info-note2 dt{ margin:0 20px 0 0; float:left; max-width:120px;}
.info-note2 dt img{ display:block; width:100%;}
.info-note2 dd { overflow:hidden;line-height:25px;}
.info-note2 dd div{ margin:0 0 10px 0; color:#004986; font-weight:bold;}
.limit{margin:10px 0; background:url(../../images/b2cweb/tit_icon3.jpg) no-repeat left; padding:0 0 0 34px; color:#d0451e; font-weight:bold; height:24px;}
.info-note3{ margin:0 0 10px 0; border:1px solid #ccc; overflow:hidden; border-radius:3px; background:#fcfcfc;}
.info-note3 dd{ line-height:25px;padding:10px; box-sizing:border-box; }
.info-note3 dd div{ margin:0 0 5px 0; padding:0 0 5px 0; color:#004986; font-weight:bold; border-bottom:1px solid #ccc;}
.info-note3 dt{ float:left; width:64px; margin:20px; box-sizing:border-box;}
.info-note3 dt img{ display:block;width:100%;}
.info-note3 dd { overflow:hidden;}
.info-note3 dd div.trip_type2{ color:#333; margin:10px 0 0 0; padding:0; border:none;}
.info-note3 dd div.trip_type2:before{ content:""; display:block; float:left; width:8px; height:8px; background:#aaa; border-radius:50%; margin:8px 10px 0 0;}
.info-note3 dd .list1{ padding:0 0 0 20px;}
.info-note3 dd .list1 li span{ float:left; display:block; margin:0 10px 0 0;}
.info-note3 dd .list1 li p{ overflow:hidden;}
.info-note3 dd .list2{ padding:0 0 0 30px;}
.info-note3 dd .list2 li span{ float:left; display:block; margin:0 5px 0 0;}
.info-note3 dd .list2 li p{ overflow:hidden;}
.info-note3 dd .list3{ margin:10px 0 0 0;}
.info-note3 dd .list3>li>span{ float:left; display:block;}
.info-note3 dd .list3>li>p{ overflow:hidden;}

/* trip_detail */
.trip_detail{}
.trip_detail h4{ padding:0 10px; margin:0 0 15px 0;line-height:40px; border-radius:7px 7px 0 0;border:1px solid #ccc; border-bottom:2px solid #92dddd; background:url(../../images/b2cweb/tit_bg.jpg) repeat-x;}
.trip_detail h4:before{ content:""; display:block; float:left; width:6px; height:15px; background:#3bbfbf; border-radius:5px; margin:12px 10px 0 0;}
.trip_detail .d_block{ padding:0 10px 20px 10px; margin:0 0 20px 0; border-bottom:1px dashed #ccc;}
.trip_detail .d_block:last-child{ border:none;}
.trip_detail .d_block .tit{margin:0 0 10px 0; background:url(../../images/b2cweb/tit_icon.jpg) no-repeat left; padding:0 0 0 20px; color:#399f97; font-weight:bold;}
.trip_detail .d_block>p{ line-height:25px; padding:0 0 0 20px;}
.trip_detail .d_block ul{ padding:10px; margin:10px 0 0 20px; border:1px solid #eee; background:#f3fafc;}
.trip_detail .d_block ul li{ line-height:25px;}
.trip_detail .d_block ul li span{ display:block; float:left;color:#003366;}
.trip_detail .d_block ul li p{ overflow:hidden; color:#003366;}

/* process */
.process{ margin:0 0 40px 0; overflow:hidden;}
.process h4{ padding:0 10px; margin:0 0 15px 0;line-height:40px; border-radius:7px 7px 0 0;border:1px solid #ccc; border-bottom:2px solid #2d8f70; background:url(../../images/b2cweb/tit_bg.jpg) repeat-x;}
.process h4:before{ content:""; display:block; float:left; width:6px; height:15px; background:#2d8f70; border-radius:5px; margin:12px 10px 0 0;}
.process dl{ margin:20px auto 0 auto; padding:10px 10px 10px 100px; width:90%; box-sizing:border-box; border-radius:7px; border:2px solid #ccc;position:relative; background:#e8f6f6;}
.process dl:after{ content:""; display:block; position:absolute; background:url(../../images/b2cweb/arrow-3.png) no-repeat; width:12px; height:8px; bottom:-15px; left:50%; margin-left:-6px;}
.process dl:last-child{}
.process dl:last-child:after{ display:none;}

.process dl dt, .process dl dd{}
.process dl dt{ display:block; position:absolute; padding:20px; border-radius:50%; left:10px; top:50%; margin-top:-42.5px;}
.process dl dt img{ display:block; max-width:100%;}
.process dl dd span{ display:block; font-weight:bold; line-height:20px; margin:0 0 10px 0; font-size:18px; }
.process dl.odd dt{ background:#01AEE0;}
.process dl.odd dd span{color:#01AEE0; }
.process dl.even dt{ background:#08B0A2;}
.process dl.even dd span{color:#08B0A2; }


.process dl dd{ overflow:hidden; padding:20px 10px; line-height:25px; color:#333;}


/* insurance_motorcycle */
.insurance_motorcycle h4{ padding:0 10px; margin:0 0 15px 0;line-height:40px; border-radius:7px 7px 0 0;border:1px solid #ccc; border-bottom:2px solid #02AEE0; background:url(../../images/b2cweb/tit_bg.jpg) repeat-x;}
.insurance_motorcycle h4:before{ content:""; display:block; float:left; width:6px; height:15px; background:#02AEE0; border-radius:5px; margin:12px 10px 0 0;}
.insurance_motorcycle .m_block { margin:0 0 20px 0; }
.insurance_motorcycle .m_block .m_tit{ color:#004986; font-weight:bold; text-align:center; margin:0 0 20px 0; font-size:17px;}
.insurance_motorcycle .m_block dl{ overflow:hidden; background:#fafafa; }
.insurance_motorcycle .m_block dl dt, .insurance_motorcycle .m_block dl dd{ float:left; }
.insurance_motorcycle .m_block dl dt{ width:20%; padding:20px; box-sizing:border-box;background:#f1f1f1;}
.insurance_motorcycle .m_block dl dt img{ display:block; width:100%;}
.insurance_motorcycle .m_block dl dd{ width:80%; padding:20px 10px 10px 20px; box-sizing:border-box;background:#fafafa;}
.insurance_motorcycle .m_block dl dd div{ margin:0 0 10px 0; background:url(../../images/b2cweb/tit_icon.jpg) no-repeat left; padding:0 0 0 20px; color:#000; font-weight:bold;}
.insurance_motorcycle .m_block dl dd p{ line-height:25px;}
.insurance_motorcycle .m_block ul.m_type{ overflow:hidden; margin:0 0 10px 0;}
.insurance_motorcycle .m_block ul.m_type p{text-align:center; padding:10px 0; background:#199a68; border-bottom:1px dotted #349cc2; color:#fff; font-weight:bold;}
.insurance_motorcycle .m_block ul.m_type li{ float:left; width:31.3%; height:150px; box-sizing:border-box; margin:1%; padding:5px; border:2px solid #5ba593; border-radius:7px; text-align:center; line-height:25px;}
.insurance_motorcycle .m_block ul.m_type li b{ display:block; text-align:center; padding:5px 0; margin:0 0 10px 0; color:#298220; background:#ddf0eb;}
.insurance_motorcycle .m_block ul.m_type li span{ display:block; color:#ED1D2A; font-size:15px;}
.insurance_motorcycle .m_block ul.m_infobox{ padding:20px 10px; border-top:1px dashed #229a90; background:#f7f7f7;}
.insurance_motorcycle .m_block ul.m_info li{ line-height:25px;}
.insurance_motorcycle .m_block ul.m_info li span{ display:block; float:left;}
.insurance_motorcycle .m_block ul.m_info li p{ overflow:hidden;}


/* insurance_car */
.insurance_car h4{ padding:0 10px; margin:0 0 15px 0;line-height:40px; border-radius:7px 7px 0 0;border:1px solid #ccc; border-bottom:2px solid #259089; background:url(../../images/b2cweb/tit_bg.jpg) repeat-x;}
.insurance_car h4:before{ content:""; display:block; float:left; width:6px; height:15px; background:#259089; border-radius:5px; margin:12px 10px 0 0;}
.insurance_car .car_block { margin:0 0 40px 0;}
.insurance_car .car_block .m_tit{ background-color:#149a7c; color:#fff; font-weight:bold; padding:10px 0; font-size:17px; text-align:center;}
.insurance_car .car_block .car_type span{ display:inline-block; width:50%; font-size:15px; box-sizing:border-box; border:1px solid #93cfcc; padding:5px; background:#C5F1EF; color:#10736b; font-weight:normal; text-align:center;}
.insurance_car .car_block dl{ overflow:hidden; background:#fafafa; }
.insurance_car .car_block dl dt, .insurance_car .car_block dl dd{ float:left; }
.insurance_car .car_block dl dt{ width:25%; padding:20px; box-sizing:border-box;}
.insurance_car .car_block dl dt img{ display:block; max-width:100%; margin:0 auto;}
.insurance_car .car_block dl dd{ width:75%; padding:20px 10px 20px 20px; box-sizing:border-box;}
.insurance_car .car_block dl dd .car_intro{ margin:0 0 10px 0; background:url(../../images/b2cweb/tit_icon.jpg) no-repeat left; padding:0 0 0 20px; color:#000; font-weight:bold;}
.insurance_car .car_block dl dd p{ line-height:25px;}
.insurance_car .car_block dl dd p b{ display:inline-block; font-weight:normal;}
.insurance_car .car_block .c_tit{ padding:10px 0; background:#d9efef; text-align:center;font-weight:bold; }
.insurance_car .car_block ul.m_infobox{ padding:20px 10px; border-bottom:1px dashed #68b8d5; background:#f0f7f7;}
.insurance_car .car_block ul.m_infobox2{ padding:20px 10px;background:#f0f7f7;}
.insurance_car .car_block ul.m_infobox:last-child{ border:none;}
.insurance_car .car_block ul.m_infobox div{ margin:0 0 10px 0; font-weight:bold;color:#003366;}
.insurance_car .car_block ul.m_infobox div:before{ content:""; display:block; float:left; margin:6px 5px 0 0; width:8px; height:8px; border-radius:50%; background:#003366;}
.insurance_car .car_block .m_info_tit{margin:0 0 10px 0; background:url(../../images/b2cweb/left_icon.png) no-repeat left 5px; padding:0 0 0 20px; color:#29689c; font-weight:bold;}
.insurance_car .car_block ul.m_info li{ line-height:25px;}
.insurance_car .car_block ul.m_info li span{ display:block; float:left;}
.insurance_car .car_block ul.m_info li p{ overflow:hidden;}
.insurance_car .car_block .insurance_spec{ text-align:center; padding:5px 10px; margin:10px auto; background:#cdece1; color:#000; font-weight:bold;}
.insurance_car .car_block p.p-note{color:#ED1D2A;}
.insurance_car .car_block .car_inner{ margin:0; border-top:1px dashed #68b8d5;}
.insurance_car .car_block .car_inner dl{background:#f0f7f7;}

.tips p{
	color: red;
	font-weight: bold;
}
.tips ul{
	list-style-type: decimal;
	list-style-position: outside;
	padding: 0 0 0 18px;
	font-size: 15px;
}
.tips ul li{
	padding-top: 5px;
}
/****會員修改OTP******/
.email-modify, .mobile-modify{
		text-align: center;
		background-color: #F3E7D7;
	}
	.email-modify h3, .mobile-modify h3{
		color: #C38533;
		border-bottom: 1px solid #DCC2A0;
		padding: 0 5px 10px 5px;
		margin-bottom: 15px;
	}
	.ver-btn{
		width: 150px; 
		height: 35px; 
		background: #D3701A; 
		line-height: 35px; 
		color: #FFF;
		border-radius: 5px; 
		border: 0;
		margin: 10px 2px;
		font-size: 13px;
		cursor: pointer;
	}
	.ver-btn:hover{ background:#AA5105;}
	.disabled-btn{
		width: 150px; 
		height: 35px; 
		background: #ABABAB; 
		line-height: 35px; 
		color: #FFF;
		border-radius: 5px; 
		border: 0;
		margin: 10px 2px;
		font-size: 13px;
	}
	.ver-input{
		width: 140px; 
		height: 35px;  
		line-height: 35px; 
		border-radius: 5px; 
		border: 0;
		margin: 10px 2px;
		font-size: 13px;
		text-align: center;
	}
	.confirm-btn {
		width: 160px; 
		height: 35px; 
		background: #4ea4a4; 
		line-height: 35px; 
		color: #FFF;
		border-radius: 5px; 
		border: 0;
		margin: 10px 2px;
		font-size: 15px;
		cursor: pointer;
	}
	.confirm-btn:hover{ background:#026d6a;}
	.modify-btn {
		display: inline-block;
		width: 60px;
		background: #037E7B; 
		line-height: 31px; 
		height: 31px;
		color: #FFF;
		border-radius: 5px; 
		border: 0;
		font-size: 15px;
		text-align: center;
		margin: 3px 0 0 3px;
		border-bottom: 3px solid #006C6A;
	}
	.modify-btn:hover{ background:#006C6A;}
	.cancel-btn {
		display: inline-block;
		width: 60px;
		background: #676767; 
		line-height: 31px; 
		height: 31px;
		color: #FFF;
		border-radius: 5px; 
		border: 0;
		font-size: 15px;
		text-align: center;
		margin: 3px 0 0 3px;
		border-bottom: 3px solid #555555;
	}
	.cancel-btn:hover{ background:#555555;}
	@media screen and (max-width: 940px){
		.modify-btn{float: right;}
		.cancel-btn{float: right;}
		.confirm-btn{width: 47%;}
	}
	
*****
	input:-moz-read-only { /* For Firefox */
	  background-color: #ebebe4;
	}
	
	input:read-only {
	  background-color: #ebebe4;
	}
	
	select:disabled {
	  background-color: #ebebe4;
	}
/* Ta insurace table */
#main .ta_insurance_table{
	width:100%; 
	font-size:16px;
	margin: 10px 0px;
}
#main .ta_insurance_table th{
	padding:16px 8px; 
	text-align:center;
	background-color: #4c5353;
	color: white;
	font-size: 16px;
	font-weight: 600;
	border-right:1px solid white;
}
#main .ta_insurance_table .honor{
	position: relative;
	background-color: #037e80;
}
#main .ta_insurance_table .honor::before {
	content: "★ 新增兩大保障";
	position: absolute;
	background-color: #4aafb1;
	width: 85%;
	min-height: 30px;
	bottom: 50px;
	left: 12px;
	font-size: 14px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 2px;
	border-radius: 3px;
}
@media (max-width: 800px){
	#main .ta_insurance_table .honor::before {
		left: 8px;
	}
}
@media (max-width: 500px){
	#main .ta_insurance_table .honor::before {
		left: 5px;
	}
}
@media (max-width: 373px){
	#main .ta_insurance_table .honor::before {
		bottom: 70px;
		left: 5px;
	}
}
@media (max-width: 340px){
	#main .ta_insurance_table .honor::before {
		bottom: 110px;
		left: 5px;
	}
}
#main .ta_insurance_table .table_title {
	padding:12px 12px; 
	font-size: 16px;
	text-align: left;
	font-weight: 600;
	background-color: #6e7380;
	border-right:2px solid white;
}
#main .ta_insurance_table td{
	padding:16px 8px; 
	text-align: center;
	font-weight: 600;
	border-right:1px solid white;
}
#main .ta_insurance_table .item {
	padding:16px 8px 16px 12px; 
	text-align: left;
	font-weight: 500;
}
#main .ta_insurance_table tr{
	border-top:4px solid white;
}
#main .ta_insurance_table tr:nth-child(even) {
	background: #FFF
}
#main .ta_insurance_table tr:nth-child(odd) {
	background: #EEE
}
#main .ta_insurance_table tr:nth-child(even) .honor-td {
	background: #F3FDFD
}
#main .ta_insurance_table tr:nth-child(odd) .honor-td {
	background: #D8F0F0
}
#main .ta_personal_table{
	overflow-y: hidden;
	max-height: 300px;
}

#main .ta_insurance_table .radio_btn{
  width: 13px;
  height: 13px;
	accent-color: white;
}
#main .ta_insurance_table .radio_btn:after {
	width: 15px;
	height: 15px;
	border-radius: 14px;
	top: -2px;
	left: -1px;
	position: relative;
	background-color: #4c5353;
	content: '';
	display: inline-block;
	visibility: visible;
	border: 1px solid white;
}
#main .ta_insurance_table .radio_btn:checked:after {
	width: 15px;
	height: 15px;
	border-radius: 14px;
	top: -2px;
	left: -1px;
	position: relative;
	background-color: #FFFFFF;
	content: '';
	display: inline-block;
	visibility: visible;
	border: 4px solid #4c5353;
	outline: 1px solid #FFFFFF;
}
#main .ta_insurance_table .radio_btn2{
  width: 13px;
  height: 13px;
	accent-color: white;
}
#main .ta_insurance_table .radio_btn2:after {
	width: 15px;
	height: 15px;
	border-radius: 14px;
	top: -2px;
	left: -1px;
	position: relative;
	background-color: #037e80;
	content: '';
	display: inline-block;
	visibility: visible;
	border: 1px solid white;
}

#main .ta_insurance_table .radio_btn2:checked:after {
	width: 15px;
	height: 15px;
	border-radius: 14px;
	top: -2px;
	left: -1px;
	position: relative;
	background-color: #FFFFFF;
	content: '';
	display: inline-block;
	visibility: visible;
	border: 4px solid #037e80;
	outline: 1px solid #FFFFFF;
}
#main .ta_insurance_table .width-set {
	width: 20%;
	min-width: 82px;
}
#main .new_tab {
	width: fit-content;
	border-radius: 3px;
	background: #037E80;
	color: #FFF;
	font-size: 12px;
	padding: 3px 8px;
	margin-bottom: 4px;
}
#main .expand_btn{
	width:100%; 
	text-align:center; 
	padding:10px; 
	overflow:hidden;
	background-color: #4c5353; 
	color: white;
}
.icon-select-down {
  position: relative;
}
.icon-select-down:before {
  content: ".";
  height: 0;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  background-image: url(../../images/daily/selectWhite.png);
  background-repeat: no-repeat;
  overflow: hidden;
  /*position: absolute;*/
  
  position: relative;
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
}
.icon-select-down:before {
  width: 10px;
  padding-top: 10px;
	top: 1px;
  left: 4px;
}
.icon-select-up {
  position: relative;
}
.icon-select-up:before {
  content: ".";
  height: 0;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  background-image: url(../../images/daily/selectWhite.png);
  background-repeat: no-repeat;
  overflow: hidden;
  /*position: absolute;*/
  
  position: relative;
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
	transform: rotate(180deg);
}
.icon-select-up:before {
  width: 10px;
  padding-top: 10px;
	top: -4px;
  left: 4px;
}
.table_gradient {
	position: absolute;
	width: 100%;
	background: linear-gradient(to top, #FFFFFF 10%, transparent);
	height: 130px;
	bottom: 0;
}