@charset "UTF-8";
/*************************************
*       tablet
**************************************/
/* 20180710 add header style change red */
@media screen and (min-width: 481px) and (max-width:767px) {
	/*header
	#header{background:#9B1103;}
	.ch-logo{ width:100%;}
	.navbar{ margin-bottom:0;}
	.navbar-default .navbar-nav > li > a,
	.navbar-default .navbar-nav > li > a:hover,
	.navbar-default .navbar-nav > li > a:active{border-bottom:1px solid #bbbcbc; text-align:left; padding-left:0px;}
	.navbar-toggle{ border:0; margin-top:10px;}
	.navbar-default .navbar-collapse, .navbar-default .navbar-form{ background:#fff;}
	.navbar-brand.ch-logo,.navbar-brand.ch-logo:hover{
		background:#fff url(../images/layout/logo.png) no-repeat center center;
		background-size:110px;}
	.navbar-default .navbar-toggle .icon-bar{ background:#fff;}
	.navbar-nav{ margin-bottom:0;}
	.top_info,.welcome_area{ display:none;}
	/* navbar-header-ad 
	.navbar-header-ad .ad-img {float:left;} */
	.top_info {display:none;}
}
/*************************************
*		mobile
**************************************/
@media screen and (min-width: 320px) and (max-width: 480px)  {
	.mobile_vh_mTB20 { margin:20px 0px;}
	.m_mt15{ margin-top: 15px;}
	
	/*待確認內容*/

	/*會員專屬禮遇*/
	.member_carousel {
		padding-bottom: 30px;
	}
	.member_carousel p {
		font-size: 15px;
		line-height:32px;
	}

	/*header*/
	#header{background:#00367C;}
	.ch-logo{ width:100%;}
	.navbar{ margin-bottom:0;}
	.navbar-default .navbar-nav > li > a,
	.navbar-default .navbar-nav > li > a:hover,
	.navbar-default .navbar-nav > li > a:active{border-bottom:1px solid #bbbcbc; text-align:left; padding-left:0px; color:#000000;}
	.navbar-toggle{ border:0; margin-top:10px;}
	#header .navbar-toggle {width: 100%; margin-left: auto; margin-right: auto; background:#00367C;}
	.navbar-default .navbar-collapse, .navbar-default .navbar-form{ background:#fff;}
	.navbar-brand.ch-logo,.navbar-brand.ch-logo:hover{
		background:#fff url(../images/layout/logo.svg) no-repeat center center;
		background-size:160px;}
	.navbar-default .navbar-toggle .icon-bar{ background:#fff;}
	.navbar-nav{ margin-bottom:0;}
	
	/*yamm menu*/
	.navbar{ margin-bottom:0;}
	.yamm .nav,
	.yamm .collapse,
	.yamm .dropup,
	.yamm .dropdown {position: static; }
	.nav > li {position: static; display: block; }
	.yamm .container {position: relative;}
	.yamm .dropdown-menu {width:100%;right: 0; padding-top:0;}
	.yamm .yamm-content {padding:10px 10px 10px 40px;/*max-height:300px;overflow:scroll;*/} /* 20180424 選單修改  修改 */
	.yamm .dropdown.yamm-fw .dropdown-menu {left: 0;right: 0;}
	.yamm .login_link,.yamm .logout_link,.yamm a.user_link,
	.yamm a.dropdown-toggle{
		background:#FFFFFF !important;
		min-width:90px; text-align:center; padding:0px; line-height:50px;}
	.yamm a.dropdown-toggle{border-bottom:3px solid #fff;}
	.yamm a.dropdown-toggle:hover,
	.yamm a.dropdown-toggle:active,
	.yamm a.dropdown-toggle:focus{ background:#FFFFFF !important;}
	.yamm a.login_link,.yamm a.logout_link{ min-width:70px;}

	.idx_bg_w{ box-shadow:none; padding:0 !important; background:none;}
	.idx_bg_w .AD_carousel.idx_L,
	.idx_bg_w .idx_R{ display:block; width:100%;padding:10px;}
	.idx_bg_w .AD_carousel.idx_L{ margin-bottom:10px !important; padding:0;}
	.idx_bg_w .idx_R .title_1red{ margin-bottom:10px; color:#000000;}
	.idx_bg_w .idx_R .more{ border:0; color:#00367C;}
	.idx_bg_w .idx_R .title_1red:before{ background:#000000;}
	.idx_bg_w .idx_R .txt_area{ color:#000000;}

	.page_area .layout_singel,
	.page_area.layout_singel{ width:100%;}
	.myfav_area{ padding:0; margin-top:0px;}
	.myfav_area .chbtn-A-yellow{ margin-bottom:10px;}
	.con_area_gray{ padding:0;}
	.login_code img{ width:78%;}
	.signup_area h1:before,.QR_code,
	.top_info,.welcome_area .txt_path{ display:none;}
	.owl-dots{ display:none !important;}
	.owl-carousel.owl-loaded{ margin:0 auto;}
	.owl-carousel.owl-loaded p{ clear:both; margin:3px 0;}
	.signup_area .info_btm li.info_tip{ padding-left:35px; display:block;}
	/*.myfav_tabs .nav.nav-tabs li a{ padding:5px 2px;}*/
	.myfav_tabs .nav.nav-tabs.m_4 li{ width:25%; text-align:center;}
	.myfav_tabs .tab-content,
	.myfav_tabs{ padding:0;}
	.myfav_tabs .tab-content .tab_text_area{ width:100%; padding-top:0;}
	.myfav_tabs.thumbs .item{ padding: 0;}
	.signup_area .number{ float: left; width: 30px;height: 30px; font-size: 20px; line-height: 30px; margin-left: 6%;}
	.signup_area h3,.signup_area p{ padding-left: 19%; text-align: left;}
	/*會員中心*/
	.myfav_tabs .tab-content .tb2_gray{ padding:10px;}
	.myfav_tabs ul.ch_level.border0{ padding-top:10px;}
	.myfav_tabs .tab-content .tb2_gray ul.ch_level li,
	.myfav_tabs .tab-content .tb2_gray ul.ch_level li .btn_area{ margin-bottom:0;}
	.myfav_area .title_2{ padding-left:10px;}
	.myfav_tabs ul.ch_level .txt_red{ padding-bottom:10px;}
	.xs_myfav_bar button{
		width:100%;margin:0;border-radius:0; font-size:18px;
		background-image: linear-gradient(0deg, #00367C 0%, #00367C 60%, #00367C 100%);}
	.xs_myfav_bar button i{ float:right; padding-top:3px; color: #FFFFFF;}
	.xs_myfav_bar ul.navbar-nav{ magin-top:0 !important; background:#e9ddbe;}
	.xs_myfav_bar li a.my_favlist,
	.xs_myfav_bar li a.my_favlist:hover{
		border:0;
		background-image:none !important; text-align:left; display:block; width:100%;
		margin-right:0 !important;}
	.xs_myfav_bar li a.my_favlist:active{ background:#fff;}
	.insure_list{ padding:0; margin:0; text-align:left;}
	.insure_list li{ margin:9px;}
	.insure_list li a{ background:none; padding-left:0;}
	.list_cjk{ padding-left:5px;}
	.mL15.txt_red{ margin-left:0;}
	.tb_2_nostyle .hd.lt{ padding-left:15px;}
	ol.list_cjk.notice_text li{ margin-left:25px;}

	.notice_text.pL25,
	.notice_text.pL25.mb0{ padding-left:0;}
	/*6.3*/
	.col-sm-8.col-sm-offset-2{ padding:0;}
	.myfav_tabs .nav-tabs li .tit{ font-size:13px; font-weight:normal;}
	ol.all_function{ padding-left: 0; margin-left: 0;}
	.all_function li{
		display:inline-block; width:49%; min-height:30px;
		padding-left: 30px;font-size: 14px; line-height: 18px; margin-bottom: 10px;}
	.all_function li i{ font-size: 19px; top:2px;left:7px;}
	.tb2_gray ol li strong{ font-size: 16px; line-height: 23px;}
	.myfav_tabs .percent .txt{ display:none;}
	.myfav_tabs.thumbs .item{ margin-top: 0;}
	.progress.progress_s1{ margin:3px;}
	.myfav_tabs.thumbs .txt_red,
	.myfav_tabs .nav-tabs li .txt_red{ width:115%; left:-10%;}
	.myfav_tabs.thumbs .item .tit{ font-size:13px;}
	.value_services{ padding-bottom: 10px;}
	.value_services .value_ad img,
	.value_services .value_ad{ width: 100%;}
	.value_services .value_txt p{ padding-bottom: 35px;}

	.container {box-sizing: border-box;margin: auto 15px;padding: 0px;}
	.signup_area .step_area > div{ display:block; text-align:center; width:100%;}
	.owl-carousel_2 .item{ text-align:center;}
	.owl-nav .owl-prev,
	.owl-nav .owl-next{margin-top:calc(50% - 0) !important;}
	.page_title{ padding-left:10px; margin-top:10px;}
	.page_area{ padding-left:0; padding-right:0;}
	.ul.ch_level.border0{ margin-bottom:10px;}
	ul.ch_level li{ margin-bottom:30px;}
	dl.tb2_dl{ padding-left:10px;}

	.preferential_ad{ margin-bottom: 0; padding-bottom: 0;}
	.preferential_ad.article-slide .carousel-indicators{ min-height: auto;}
	.tb2_gray .list_dot{ min-height:auto;}
	.tb2_gray.padding15{ padding:10px;}
	.tb2_gray.padding15 .form-group{ margin:0;}
	.title_pink{ padding-left:10px}
	.word_area_ht100{ margin:0;}
	.form-group.tb_2_nostyle .chbtn-C-gray{ margin-bottom:20px;}
	.form-group.pL30{ padding-left:20 !important;}
	.list_dot.mL15{ margin-left:15 !important;}
	#step{ line-height:40px; padding-top: 20px;}
	#step dt{ font-size:0; width:20%; padding:0;}
	#step span{ left:0;top:-40px;}
	/*footer*/
	#footer .navbar-default button{ display:block; float:none;
	border:0; width:100%; text-align:left;}
	#footer .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{ background: #041C43;}
	#footer .navbar-default button i{ float:right;}
	#footer .copyright{ text-align:center;}
	#footer address{ display: block;}
	#footer .navbar-nav a{ color:#777777;}
	/*word_area*/
	.word_area{max-height:200px;overflow:hidden;overflow-y:scroll;padding:10px;}
	/*new_login_page*/
	.new_login_page .new_login_area,
	.new_login_page .new_login_area .login_code img{ width:100%;}
	.new_login_area .login_code .refresh{right:-15px;}
	/*modal*/
	.modal-body .tb_2_nostyle .row{ margin:0;}
	/*result_area*/
	.finish_area{ width: 100%;}
	.result_area > div{ text-align:center; min-height:auto;}
	.result_area p{ padding:0 10px; position:static;}
	.finish_img, .email_img, .upgrade_img, .calculate_img, .error_img, .money_img{
		width: 80%; background-size: 50%; background-position: center; height: 140px;
	}
	.finish_flex_container,.finish_wording{ display: block;text-align: left;min-height:auto;}
	.finish_wording{ padding-left:5px;} /*NEWEC-747*/
	.finish_flex_item h3{ text-align: center;}
	/*table*/
	.tb_2_nostyle .hd{ text-align:left !important;}
	.layout_z div.z_block,
	.idx_tb .idx_tr .idx_td{ display:block; width:100%; padding:2px !important;}
	.layout_z .hd{ text-align:left; padding:10px 0 5px 0 !important;}
	.layout_z .hd br{ display:none;}
	.layout_z div.z_block.wid_100per .hd{ width:100%;}
	.layout_z div.xs_fix_tb{ margin-bottom:0;}
	.layout_z div.xs_fix_tb .idx_td{ display:table-cell; width:auto;}/*鎖住td*/
	.layout_z div.xs_fix_tb .idx_td.wid_100px{ width:100px;}
	.layout_z div.z_block.wid_80per{ width: 100%;}
	/*手機編輯頁收和功能*/
	.title_1red{ padding-left:10px;}
	.title_1red.mobi_coll_tit{
		/*
		display: block;
		padding: 5px 10px; 
		position:relative;
		text-decoration: none;
		background: linear-gradient(to bottom,  #eebcb8 0%,#fae1df 50%,#eebcb8 100%);
		*/
		padding: 5px 10px;
		position: relative;
		background-color:#FFFFFF;
		border-top:#FFFFFF 1px solid;
		border-bottom:#FFFFFF 1px solid;		
	}
	.title_1red.mobi_coll_tit:hover,.title_1red.mobi_coll_tit:focus{
		color: #000000;
	}
	.title_1red.mobi_coll_tit:after{
		/*
		content:''; background: url(../images/icon/icon_arrow_down.png) no-repeat center center;
		background-size:15px; width:30px; height:30px;
		position:absolute; right:3px;*/
		font-family: 'FontAwesome';
	    content: "\f107";
		width: 30px;
		height: 30px;
		position: absolute;
		right: 3px;		
	}
	/*確認頁*/
	.layout_z.comfirm_page .idx_td{ display:table-cell !important;}
	.layout_z.comfirm_page .idx_td.hd,
	.layout_z.comfirm_page .z_block.wid_100per .idx_td.hd{ width:40%;}
	.layout_z.comfirm_page .z_block.wid_100per{}
	/*input*/
	.ch_radio,
	.ch_ckbox{ margin-left:0;}

	.RWD_table {background-color: transparent !important;}
	.RWD_table,  .RWD_table thead,  .RWD_table tbody,  .RWD_table th,  .RWD_table td,  .RWD_table tr {
		display: block;}
	.RWD_table thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;}
	/*表格灰卡*/
	/* 此class需隱藏
	.RWD_table tr {
		border: 0;
		padding: 10px;
		margin: 10px 0;
		background-color: #f1f1f1;
	}*/
	.RWD_table tr:nth-child(odd) ,.RWD_table tr:nth-child(even) { 
	  	border: 0;
		padding: 10px;
		margin: 10px 0;
		background-color: #f1f1f1;
	}
	.RWD_table td {
		display: none;
		border: none !important;
		background: none;
		position: relative;
		padding-left: 33% !important;
		white-space: normal;
		text-align: left;
		padding: 0.25em 0.5em;}
	.RWD_table td:before {
		position: absolute;
		top: 4px;
		left: 0px;
		width: 30%;
		padding-right: 10px;
		white-space: nowrap;
		text-align: left;
		font-weight: bold;
		color: #252525;}
	.RWD_table td:before {
		content: attr(data-title) " : ";}
	.RWD_table thead {display: none;}
	.RWD_table td.RWD_show { display: block;}
	.RWD_table td.wid_30per,
	.layout_z div.z_block.wid_100per{ width:100%;}
	.RWD_table.mobile_mixtop,.RWD_table.mobile_mixtop tr{ margin-bottom:0; padding-bottom: 0;}
	.RWD_table.mobile_mixbtm,.RWD_table.mobile_mixbtm tr{ margin-top:0; padding-top: 0;}
	.fix_div .fix_con .tablet_table_wid{ width: 100%;}
	.fix_div .fix_con .tablet_table_wid2{ width: 1060px;}

	.container.insure_tb{ padding:0;}
	.insure_tb .AD_carousel.idx_L,
	.insure_tb .idx_R{ display:block; width:100%;}
	/*20170215 css修改*/
	.insure_tb .idx_R{ padding:16px;background-color: #F5F8FA;}
	.insure_tb_title_area{display: none;}
	.insure_tb .btn_area{margin-top: 0px;}
	.insure_tb .btn_area .mTB20{margin-top: 0px;}
	.insure_tb .insure_tb_btn_area a{padding: 7px 0 !important; font-size: 18px;}
	/*20170215 css修改 end*/
	#z_accordion .z_tit{ width:80px; padding:0 10px;}
	#z_accordion .z_tit img{}
	#z_accordion .z_body{ width:400px;}
	#z_accordion .z_body a{ margin-right:0px; display:inline-block; width:49%;}
	#z_accordion .z_body a img{ width:100%;}
	.item .btn_area a{ font-size:15px;}
	.my_three_step{padding:10px; background-position:right bottom; background-size:220px;}
	.my_three_step p{font-size:15px; padding-right:0; line-height:24px;}
	.my_three_step a{ margin-left:0;padding:3px 5px; font-size:13px;}
	.tiro_tab{ padding: 0;}
	.tiro_tab .tiro_tab_R{ margin-left: 0; padding-top: 10px;}
	.tiro_tab .tiro_tab_R .tiro_step{ padding-top: 0; padding-bottom: 10px;}
	.tiro_tab .tiro_tab_R .tiro_step #step span{ position: absolute;}
	.tiro_tab .tiro_tab_R .tiro_owl .tiro_img{min-height: auto; width: 100%;}
	/*for手機版*/
	.insure_car .item{ border:1px solid #bbbcbc; padding:10px; margin:0 0 10px 0; text-align:left;}
	.insure_car .item h4{ font-size:20px;height: 56px;}
	.insure_car .item p{ font-size:16px;height: 67px;}
	.insure_car .money_block{ margin:10px 0;}
	.insure_car .money_block .money{ float:right;}
	.insure_car .remind{ color:#956A05;}
	.insure_car .remind i{ margin:0 5px;}
	.myfav_area.tablet_chg_w{ background:#fff;}/*tablet_chg_w 改白底*/
	.myfav_tabs.tablet_chg_none{ background:none;}
	.info_img{ background-size: 40%; height:160px;}
	.product_detail .txt_area{ padding:20px 0;}
	.product_detail .txt_area ol{ padding-left: 0;}
	/*bootstrap*/
	.input-group.date{ margin-bottom:2px;}
	.tb2_gray.mobi_pdRL0 .row > div,
	.tb2_gray.mobi_pdRL0 .col-sm-2,
	.tb2_gray.mobi_pdRL0 .col-sm-6,
	.tb2_gray.mobi_pdRL0 .col-md-6{ padding-left:0 !important; padding-right:0 !important;}
	/*btn*/
	.btn_area.lt{ text-align: center;}
	.btn_area a, .btn_area button{ /*width:100%;*/ margin:2px 0;}

	/*RWD show hide*/
	.pc_only,
	.xs_dis_none{ display:none !important;}
	.tablet_only,.PC_tablet_only{ display: none;}
	/*.tablet_only.xs_dis_none2{ display: block;}*/
	.xs_bg_w{ background:#fff;}/*手機時背景顏色調整*/
	.AD_carousel_tb{ display:none !important;}
	.ch_modal .modal-header{ padding:5px 10px;}
	.ch_modal .modal-body{ padding:5px;}

	/*手機取消斷行*/
	.mb_noBr br{ display: none;}
	.search-result .key_word_info span{display: block}
	.search-result .input-group .input-group-btn .btn{margin-left: 10px;}
	.search-result .input-group{margin-top: 10px;}
	.search-result .result-list li{padding: 15px; margin: 15px; }

	/*OPT mobile版面調整*/
	.chbtn-OTP-wrapper{ display:block; width:100%; margin-bottom:0px;}
	.chbtn-OTP{ margin-bottom:0px;}
	
	/*20160819 商品特色頁新增*/
	.pro_detail_t3{font-size:18px;}
	.pro_detail_t4{font-size:16px;}
	.pro_detail_t3.FD_word{ height:36px;}
	/*20160819 商品特色頁新增 END*/  
	.notice_text {margin-right: 15px; }
	::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  		font-size: 12px !important;
	}
	::-moz-placeholder { /* Firefox 19+ */
  		font-size: 12px !important;
	}
	::-ms-input-placeholder { /* IE 10+ */
  		font-size: 12px !important;
	}
	::-moz-placeholder { /* Firefox 18- */
  		font-size: 12px !important;
	}
	/*好康優惠客制*/
	table.dataTable tbody td{ white-space:nowrap;}
	
	/*NEWEC-816*/
	.value_services .value_txt .down_btn{ bottom:0px;}
	
	
	/*手機版面調整， 寬度100%*/
	.m_wid100per{ width:100%; }
	
	/* 繳費成功頁面調整 */
	#uptRecomandNoDiv label { width:100%; }
	#uptRecomandNoDiv .recomandNo{ padding-left:5%; }
}
/*form olivia*/
@media screen and (max-width: 767px) {
	.step_wording{ display:none;	}
	.btn_area{
		margin-bottom: 0;
	}
	.product_detail {
	    padding-top: 0px;
	}
	.search-result .row{padding: 0px; }
	/*.finish_img,.email_img,.upgrade_img,.calculate_img{
		width: 100px; height: 100px; background-size: 100% auto}
	.finish_flex_container{height:auto;}*/
	.form_table_content input.input_custom{ width:100%;}
	

}
/*************************************
*		tablet
**************************************/
@media screen and (min-width: 481px) and (max-width: 768px) {
	/*.navbar-header{
		margin-top: -30px;
	}*/
	/*會員專屬禮遇*/
	.member_carousel {
		padding-bottom: 20px;
	}
	.member_carousel p {
		font-size: 15px;
		line-height:30px;
		height:30px;
	}
	
	.mobi_coll_body.collapse{ display:block;}
	/*header*/
	#header{ padding:10px 0 0 0;}
	.ch-logo{ margin-top:-9px;}
	.navbar-nav{ clear:both;}
	.container{box-sizing:border-box; padding:0; margin:0;}
	.fix_div .tablet_table_wid,
	.fix_div .fix_con .tablet_table_wid{ width: 1060px;}
	.user_detail,.edit_myfav{ padding:0 10px;}
	.welcome_area .txt_path,.QR_code{ display:none;}
	
	/* NEWEC-760 */
	.t_mLR0{ margin-left:0px !important; margin-right:0px !important; }
	
	/*.navbar-default .navbar-nav > li > a.search_link{ display:none;}*/
	.nav > li > a{ padding-left:10px; padding-right:10px;}
	.signup_area .step_area > div{ width:33.33%;float: left;}
	.top_info,.top_info a{font-size:14px;}
	.myfav_area .control-label{ padding-right:0;}
	.myfav_area .col-sm-6.col-md-7 .title_1:first-child{ margin-top:30px;}
	.login_btn_area .col-sm-12{ display: inline-block; width:50%; padding:0 15px; margin-bottom:15px;}
	.myfav_tabs .tab-content .tab_text_area{ width:100%; padding-top:10px;}
	.myfav_tabs{ padding-left:0;padding-right:0; margin: 0 10px;}
	.myfav_area{ padding:0;}
	.myfav_area .tablet_pd{ padding:0 10px;}
	.myfav_area .tablet_pd .col-sm-12:first-child{ padding-right:5px;}
	.myfav_area .tablet_pd .col-sm-12:last-child{ padding-left:5px;}
	.myfav_area .edit_area .my_favlist{ min-width:auto;}
	.myfav_area.tablet_chg_w{ background:#fff;}/*tablet_chg_w 改白底*/
	.user_detail{ padding-bottom:15px;}
	.title_1red{ padding-left:10px;}
	.col-sm-3 p.txt{ min-height: 90px;}
	.col-sm-3 .update_detail p.txt{ min-height:auto;}
	/*JIRA-608*/
	.tb2_gray .update_detail .list_dot{ min-height: 360px;}
	.tb2_gray .update_detail .list_num{min-height:140px;}
	/*JIRA-608 end*/
	.list_num.min_ht_90{ min-height: 120px;}
	.idx_bg_w{ box-shadow:none; padding:0 !important; background:none;}
	.idx_bg_w .AD_carousel.idx_L,
	.idx_bg_w .idx_R{ display:block; width:100%;}
	.idx_bg_w .idx_R .title_1red{ margin-bottom:15px; color:#000000;}
	.idx_bg_w .idx_R .more{ border:0; color:#00367C;}
	.idx_bg_w .idx_R .title_1red:before{ background:#000000;}
	.idx_bg_w .idx_R .txt_area{ color:#000000;}
	.idx_bg_w .btn_area{ text-align:center;}
	.idx_bg_w .btn_area a, .idx_bg_w .btn_area button{ margin:0 5px; display:inline-block; width:47%/*20161207修*/;}

	/*20170215 css修改*/
	.insure_tb .AD_carousel.idx_L,
	.insure_tb .idx_R{ display:block; width:100%;padding:0px;}
	.insure_tb .idx_R{ padding:16px;background-color: #F5F8FA;}
	.insure_tb_title_area{display: none;}
	.insure_tb .insure_tb_btn_area{width:50%;display: inline-block;float: left;padding: 0 10px;box-sizing: border-box;}
	.insure_tb .insure_tb_btn_area a{padding: 7px 0!important; font-size: 18px;}
	.insure_tb .insure_tb_btn_area.mTB20{margin-top: 0px;margin-bottom: 0px;}
	.insure_tb .btn_area{margin-top: 0px;}
	/*20170215 css修改 end*/
	.my_three_step{padding:10px 40px 10px 40px;}
	.my_three_step p{line-height:30px; padding-right:55%;}
	.my_three_step a{ margin-left:0; clear:both;}
	
	/*頁籤-直式*/
	.tiro_tab .tiro_tab_L{ width: 25%;}
	.tiro_tab .tiro_tab_R{ margin-left: 25%;}
	.tiro_tab .tiro_tab_R .tiro_owl .tiro_img{ min-height: auto;}
	.tiro_tab .tiro_tab_L a, .tiro_tab .tiro_tab_L a:link, .tiro_tab .tiro_tab_L a:focus, .tiro_tab .tiro_tab_L a:hover, .tiro_tab .tiro_tab_L a:active, .tiro_tab .tiro_tab_L a:visited {
		padding: 12px 15px;
	}
	
	
	/*yamm menu*/
	.navbar{ margin-bottom:0;}
	.yamm .nav,
	.yamm .collapse,
	.yamm .dropup,
	.yamm .dropdown {position: static;}
	.yamm .container {position: relative;}
	.yamm .dropdown-menu {width:100%;right: 0; /*向右靠齊*/}
	.yamm .yamm-content {
		padding: 5px 10px;
		/*text-align: center;*/
		/*width: 750px;*/
		margin-left: 25px;
	}
	.yamm .dropdown.yamm-fw .dropdown-menu {left: 0;right: 0;}
	.yamm .row{ padding:0; margin:0;}
	.yamm ul {  z-index:2; list-style:none;}
	.yamm .login_link,.yamm .logout_link,.yamm a.user_link,
	
	.yamm a.dropdown-toggle{border-bottom:3px solid #fff;}
	.yamm a.dropdown-toggle:hover,
	.yamm a.dropdown-toggle:active,
	.yamm a.dropdown-toggle:focus{ background:#FFFFFF !important; border-bottom:3px solid #E61C0E; }
	.yamm a.login_link,.yamm a.logout_link{ min-width:70px;}
	.yamm .yamm-content ul{ display:inline-block; vertical-align:top;
		width: 50%; float: left;}

	.page_area,
	.page_area.layout_singel{ width:100%; padding:20px;}
	.page_title,.page_title2,
	#footer .copyright{ padding-left:20px;}
	/*table*/
	.tb_2_nostyle .hd{ text-align:left; padding-left:25px;}
	/*RWD show hide*/
	.mobile_only,.pc_only,
	.login_dis_none{ display:none !important;}

	/*20160819 商品特色頁新增*/
	.pro_detail_t3.FD_word{ height:44px;}
	/*20160819 商品特色頁新增 END*/
	/*好康優惠客制*/
	table.dataTable tbody td{ white-space:nowrap;}
	
	/* 我的常用功能顯示錯誤 */
	#my_fav_id .navbar-nav>li {float: left; }
	
	/* 步驟字太長破版 */
	.no_overlap dl#step{ font-size:0px; padding-bottom:20px; }
	
	/* NEWEC-747 modal提醒訊息字太短至中 */
	.finish_shortText_fix{ display:block; text-align:center; }
	
	/* navbar-header 版面溢位  */
	.container>.navbar-header {
		box-sizing: border-box;
		margin-right:0 !important;
		margin-left:0 !important;
		padding: 0;
	}
}

/*JIRA-683*/
/*************************************
*		pad版form表單  ipone5橫式  566px ~ ipad 1024px
**************************************/
@media (max-width:991px) and (min-width:481px){
	.sm_left{ text-align:left !important; padding-left:10px; }
	.t_sm_text { font-size:14px; }
	.t_sm_pL20 { padding-left:20px; }
}
/*************************************
*		排除pad的mobile版  481px ~ 767px
**************************************/
@media (max-width:767px) and (min-width:481px){
	.mobile_vh_mTB20 { margin:20px 0px;}
	
	/*買保單頁*/
	.layout_z div.z_block.wid_100per .t_wid19per{ width:19%; }	
	.ch_radio{ min-width:auto; }
	.layout_z div.t_block,.idx_tb .idx_tr .t_block,.t_block{ display:block; width:100% }
	.layout_z .t_block .hd{ width:15%; }
	.layout_z .t_block div.xs_fix_tb .idx_tr .idx_td:last-child{ padding-right:10px;  }
	
	/*確認頁*/
	.layout_z.comfirm_page .idx_td{ display:table-cell !important;}
	.layout_z.comfirm_page .idx_td.hd{ width:48%; }
	.layout_z.comfirm_page .z_block.wid_100per .idx_td.hd,
	.layout_z.comfirm_page .t_block .idx_td.hd{ width:25%;padding-right:13px; }
	.layout_z.comfirm_page .idx_td.hd_long{ width:70%;padding-right:8px; }
	.layout_z.comfirm_page.comfirm_hd_fix .hd{ width:30% !important; }
	
	/*NEWEC-747 pad以下mobile遮罩調整 */
	.finish_flex_container{ min-height:auto;}
	
	/*NEWEC-909 */
	.product_detail_wrapper { margin-top:20px; }
}	
/* 為了ipad的美觀 */
@media (max-width:769px) and (min-width:768px){
	.ipad_nowrap{ white-space:nowrap; }
}
@media (min-width: 481px) {
	.text-right-pad-pc { text-align:right; }
	#header .nav-bar-text{display: none;}
}
/*JIRA-683 end*/

@media screen and (max-width:767px){
	.pad_hide{ display:none !important; } /* screen >= iPad show */
	/*NEWEC-909 */
	.product_detail_wrapper { background:white; padding:20px;}
}
@media screen and (min-width:768px){
	.pad_show{ display:none !important; } /* screen < iPad show */
	.FAQ_pc_only { display:none !important;}
	/* navbar-header 版面溢位  */
	.navbar-right {box-sizing: border-box;float: right!important;margin-right: 0;}

}

/*************************************
*		pc
**************************************/
@media screen and (min-width: 769px){
	.pc_mt15{ padding-top:15px; }
	
	.tb2_gray p.txt{ min-height: 88px;}
	
	.mobi_coll_body.collapse{ display:block;}
	/*待確認*/
	/*.
	owl-carousel_2 .owl-controls,
	.owl-carousel_3 .owl-controls{ display:none;} 目前首頁項目未超過，不顯示箭號*/

	/*RWD show hide*/
	.AD_carousel_tb,.tablet_only,.icon_line,.mobile_only{ display:none !important;}
	.FAQ_pc_only { display:none !important;}
	.pc_only{ display:inline-block;}

	.container{ width:100%;max-width:1200px;}
	.owl-carousel.owl-loaded{ margin:0 auto 20px auto;}
	.owl-carousel_3{ height:auto;}

	.fix_div .fix_con{overflow-x:auto !important;}
	.fix_div .fix_con .tb1_red{ width: 100%;}
	.tb2_gray.padding15 .hd{ text-align:right;}
	.login_btn_area .col-sm-12{ display:block; padding:0 15px; margin-bottom:15px;}
	/*yamm menu*/
	.navbar{ margin-bottom:0;}
	.yamm,.yamm .dropdown.open a{ box-shadow:none;}
	.yamm .nav,
	.yamm .collapse,
	.yamm .dropup,
	.yamm .dropdown {position: static;}
	.yamm .container {position: relative;}
	/*.yamm .dropdown-menu { min-width:1200px;right: 0; }*/
	.yamm .yamm-content {padding: 15px 20px 0px 40px; }
	.yamm .dropdown.yamm-fw .dropdown-menu {left: 0;right: 0;}
	.yamm .yamm-content ul{display:inline-block; vertical-align:top;}
	.yamm .yamm-content ul:first-child{ 
		/*margin-left: 20px; */
		/*text-align: center;*/
	}
	.yamm .login_link,.yamm .logout_link,.yamm a.user_link,.yamm a.search_link,
	.yamm a.dropdown-toggle,.yamm ul >li >a{
		background:transparent !important; ; text-decoration:none;
		min-width:100px; text-align:center; padding:0px; line-height:60px;}
	.yamm a.dropdown-toggle{border-bottom:3px solid #fff;}
	.yamm a.dropdown-toggle:hover,
	.yamm a.dropdown-toggle:active,
	.yamm a.dropdown-toggle:focus{ background:#FFFFFF !important; border-bottom:3px solid #E61C0E;}
	.yamm a.login_link,.yamm a.logout_link{ min-width:70px;}
	.yamm a.search_link{ min-width:50px;text-align:center;}
	.yamm a.search_link i{ line-height:60px;}

	/*.yamm .yamm_Lv2 a:before,
	.yamm .yamm_Lv3 a:before{
		position:absolute;left:-13px;top:7px;
		content:'';width:5px;height:5px; border-radius:10px; background-color:#333;}
	.yamm .yamm_Lv3{ padding-left:15px;}
	.yamm .yamm_Lv3 a:before{ width:10px; height:2px; top:10px;}*/
	.ch_modal .modal-body .form_table{ padding: 0 20px;}
	/*header*/
	.ch-logo{ background-position:left center;}

	/*footer*/
	#footer .info_btm li{ display:inline-block; position:relative; padding:0;}
	#footer .info_btm li p{ padding:15px 15px 15px 0;}
	#footer_navbar,#footer_navbar2{ padding-left:0;}

	#footer_navbar a,#footer_navbar2 a{}
	#footer_navbar a,#footer_navbar2 a:first-child{ padding-left:0;}
	#footer_navbar2 .info_btm{ padding:0;}
	#footer_navbar2 .info_btm a{ line-height:auto; padding:0 10px 0 0; font-size:15px; font-weight:normal;}
	#footer_navbar2 .info_btm a:after{ content:'|';margin-left:20px;}
	#footer_navbar2 .info_btm li:last-child a:after{ content:'';}	
}
/*JIRA-608*/
@media (max-width:1200px) and (min-width:992px){
	.tb2_gray p.txt{ min-height: 66px;}
}
/*JIRA-608 end*/
/*************************************
*		pc 1200+
**************************************/
@media screen and (min-width: 1024px){
	.tb2_gray p.txt{ min-height: 66px;}
	.container {max-width: 1024px; }
	.page_area.layout_singel, .page_area .layout_singel {
    width: 80%;}

}
@media screen and (min-width: 1200px){
	.container {max-width: 1200px; }
}
@media screen and (min-width: 1360px){
	.container {max-width: 1360px; }
	.insure_tb .quick_btn{
		padding-top: 20px;
	}
}
@media screen and (min-width: 1500px){
	.container {max-width: 1500px; }
	.insure_tb .old_customer{
		padding: 50px 0 0 100px;
	}
	.insure_tb .quick_btn{
		padding-top: 35px;
	}
}
@media screen and (min-width: 1680px){
	.container {max-width: 1680px; }
	.info_img{ background-size:60%; }
}
@media screen and (min-width: 1800px){
	.fix_div .fix_con{overflow-x:auto !important;}
	.container {
	    max-width: 1800px;
	}
	
	.owl-carousel .owl-item img{
	}
}



/*************************************
*	phase2 RWD斷點如下 
*   pad_pc(768px以上)    <-- ipad直式(768px), ipad橫式(1024px), pc(1024px~1800px)
*   mobile_vh(767px以下) <-- 手機直版(v:320px~480px),橫版(h:481px~767px) 
**************************************/
@media screen and (max-width:767px ){
	.pad_pc_only{ display:none !important}
}
@media screen and (min-width:768px ){
	.mobile_vh_only{ display:none !important;}
}	


/* F030058  保險金給付分配方式 */
@media screen and (min-width:1360px ){
 .pad5_1360up{ padding-top:5px; }
}

@media print {
   .QR_code {
       	display: none !important;
   	}
}

/*************************************
*              FEIB 新增
**************************************/
@media screen and (min-width: 320px) and (max-width: 480px) {
.feib-ch-logo {
    width: 50%;
}
.navbar-brand.feib-ch-logo, .navbar-brand.feib-ch-logo:hover  {
    background: #fff url(../images/layout/feib-logo.png) no-repeat center;
    background-size: 130px;
}
}
@media screen and (min-width: 481px) and (max-width: 768px) {
.feib-ch-logo {
    margin-top: -20px;
}
}