@charset "utf-8";
.page_main_title{
	/*padding-top: 24px;*/
	padding-top: 18px;
}

/*---product overview---*/
/*top tab*/
/*pc*/
.pro_overview_top_tab{
	background-color: #5f6269;
	/*padding: 40px 0;*/
	padding: 20px 0 0 0;
}
.pro_overview_top_tab .pc_top_tab a{
	min-width: 140px;
	font-size: 16px;
	line-height: 24px;
	text-align: center;
	padding: 8.5px 25px;
	color: #fff;
	text-decoration: none;
	background: rgba(255,255,255,.2);
	border-radius: 3px;
	display: inline-block;
	-webkit-transition: all .6s 0s ease;
    transition: all .6s 0s ease;
    margin: 0 15px 20px 0;
}
.pro_overview_top_tab .pc_top_tab a:hover{
	color: #000;
	text-decoration: none;1161
	background: #fff;
}
/*m*/
.pro_overview_top_tab .m_top_tab{
	background-color: #959595;
	color: #fff;
}
/*center block*/
.pro_overview_center_block{
	/*padding: 80px 0;*/
	/*padding: 40px 0; */
	padding: 25px 0 15px 0; 
	padding-top: 13px;
	padding-bottom: 25px;
}
.pro_overview_center_block .container h1{
	position: relative;
	/*padding-bottom: 36px;*/
	font-size: 30px;
    line-height: 1.5em;
    /*padding-bottom: 12px;*/
    padding-bottom: 5px;
   /* margin-bottom: 10px;*/
    margin-bottom: 15px;
    padding-top: 60px;
    margin-top: -60px;
    /*2019.08.15 Elison新增 避免h1擋住上方tab btn*/
    pointer-events:none;
}
.pro_overview_center_block .container h1:after{
	content: '';
	width: 120px;
	/*height: 4px;*/
	height: 3px;
	display: block;
	position: absolute;
	background: #f67c0b;
	left: 0;
	bottom: 0;
}
.pro_overview_center_block.gray_b{
	background: #eceff1;
}
.pro_overview_center_block .container .info{
	display: flex;
	/*padding: 23px 0 30px;*/
	padding: 10px 0;
}
.pro_overview_center_block .container .info .html_edit{
	/*width: 63%;*/
	width: 70%;
}
.pro_overview_center_block .container .info .img{
	/*width: 37%;*/
	width: 30%;
	padding: 0 20px;
}
.pro_overview_center_block .container .info .img img{
	flex-shrink: 0;
}
/*video*/
.pro_overview_center_block .container .media{
	background: url(../../images/product/yageo_product_overview_video_sym.svg) left center no-repeat;
	background-size: 40px;
	/*padding: 40px 0 40px 94px;*/
	padding: 5px 0 5px 50px;
	/*margin-bottom: 10px;*/
	margin-bottom: 25px;
}
.pro_overview_center_block .container .media a{
	/*font-size: 20px;
	line-height: 30px;*/
	color: #939b4f;
	text-decoration: none;
}
.pro_overview_center_block .container .media a i{
	font-size: 14px;
}
.pro_overview_center_block .container .media a:hover{
	text-decoration: underline;
}
.pro_overview_center_block .container > p{
	font-size: 28px;
	line-height: 30px;
	color: #000;
}

.pro_overview_center_block .container .pc_pro_list{
	display: flex;
	flex-wrap: wrap;
	margin: 40px 0 0;
	margin-top: 15px;
	margin-bottom: -10px;
}
.pro_overview_center_block .container .pc_pro_list .common_btn{
	/*hover before*/
	background: #68aedf;
	text-decoration: none;
	width: 180px;
	/*height: 64px;*/
	height: 52px;
	display: flex;
	align-items: center;
	justify-content: center;
    text-align: center;
	/*padding: 10px;*/
	padding: 4px 10px;
	/*margin: 0 20px 20px 0;*/
	margin: 0 13px 10px 0;
}
/*.pro_overview_center_block .container .pc_pro_list .common_btn:nth-child(6n+6){
	margin-right: 0;
}*/
.pro_overview_center_block .container .pc_pro_list .common_btn h2{	
	font-size: 16px;
	line-height: 24px;
	max-height: 48px;
	overflow: hidden;
}
.pro_overview_center_block .container .pc_pro_list .common_btn:before {
	/*hover layer1*/
	background: #4293cc;
}
.pro_overview_center_block .container .pc_pro_list .common_btn:after {
    background: #336f98;
	/*hover layer2*/
}
.pro_overview_center_block .container .m_pro_lict{
	background-color: #52a2db;
	color: #fff;
	margin: 30px 0 0;
}
/*@media screen and (max-width: 1279px){
	.pro_overview_center_block .container .pc_pro_list .common_btn:nth-child(6n+6){
		margin-right: 20px;
	}
	.pro_overview_center_block .container .pc_pro_list .common_btn:nth-child(5n+5){
		margin-right: 0px;
	}
}
@media screen and (max-width: 1034px){
	.pro_overview_center_block .container .pc_pro_list .common_btn:nth-child(5n+5){
		margin-right: 20px;
	}
	.pro_overview_center_block .container .pc_pro_list .common_btn:nth-child(4n+4){
		margin-right: 0px;
	}
}
@media screen and (max-width: 831px){
	.pro_overview_center_block .container .pc_pro_list .common_btn:nth-child(4n+4){
		margin-right: 20px;
	}
	.pro_overview_center_block .container .pc_pro_list .common_btn:nth-child(3n+3){
		margin-right: 0px;
	}
}*/
@media screen and (max-width: 767px){
	.pro_overview_top_tab {
	    padding: 24px 10px;
	}
	.pro_overview_center_block:first-child{
	    padding: 50px 0 80px;
	}
	.pro_overview_center_block .container .info {
	    flex-wrap: wrap;
	    padding: 23px 0 30px;
	}
	.pro_overview_center_block .container .info .html_edit,
	.pro_overview_center_block .container .info .img{
	    width: 100%;
	}
	.pro_overview_center_block .container .info .img{
		padding:30px 0 0;
	}
	.pro_overview_center_block .container .media{
		background-size: 57px;
		padding: 40px 0 40px 75px;
		margin-bottom: 10px;
	}
}

/*---product search---*/
.prod_search_btn{
	padding: 10px 30px; 
	height: 50px;
	font-size: 14px;
	line-height: 30px;
	color: #e98121;
	font-weight: bold;
	background: #3c3e43;
	position: relative;
}
.prod_search_btn:after{
	font-family: 'FontAwesome';
    content: "\f0d8";
    position: absolute;
    top: 0;
    right: 20px;
    height: 50px;
    line-height: 50px;
    color: #fff;
    -webkit-transition: .3s linear;
	-moz-transition: .3s linear;
	-o-transition: .3s linear;
	transition: .3s linear;
}
.prod_search_btn.close:after{
    -moz-transform:rotate(180deg);
	-webkit-transform:rotate(180deg);
	-o-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	transform:rotate(180deg);
	
}
.prod_search_block{
	background: #5f6269;
	padding: 20px 0;
}
.prod_search_block .container{
	/*display: -webkit-flex;
  	display: flex;
  	-webkit-align-items: center;
    align-items: center;
  	-webkit-justify-content: space-between;
    justify-content: space-between;
	overflow: hidden;*/
	
}
.prod_select_block{
	float: left;
	/*width: 386px;*/
	/*margin-left: 30px;*/
	margin-left: 25px;
}
.prod_select_block:first-child{
	margin-left: 0;
}
.prod_select_table{
	/*width: 100%;*/
	table-layout: fixed;
}
.prod_select_table th{
	/*width: 85px;*/
	color: #e98121;
	line-height: 40px;
	padding-right: 10px;
	font-weight: bold;
}
.prod_select_table .common_sel{
	/*width: 100%;*/
	width: 280px;
	/*height: 40px;*/
	border: 0;
	background-color: #7f8187;
	color: #fff;
	/*line-height: 28px;*/
}

@media screen and (min-width: 1260px){
	.prod_search_block{
		display: block !important;
	}
}

@media screen and (max-width: 1259px){
	.prod_search_block{
		padding: 15px 0 25px 0;
	}
	/*.prod_search_block.close{
		display: none;
	}*/
	.prod_search_block .container{
		display: block;
		padding: 0 30px;
	}

	.prod_select_block{
		float: none;
		margin-left: 0;
		/*margin-top: 15px;*/
		margin-top: 5px;
	}
	.prod_select_block:first-child{
		margin-top: 0;
	}
	.prod_select_table th{
		font-size: 14px;
		text-align: left;
	}
	.prod_select_table .common_sel{
		width: 100%;
	}

}
@media screen and (max-width: 767px){
	.prod_search_block .container{
		padding: 0 10px;
	}
	.prod_search_btn{
		padding-left: 10px; 
	}
}

/*prod lv2*/

/*prod lv3*/
.prod_info_block{
	border: 1px solid #d2d2d2;
	border-top: 3px solid #8f9195;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 25px;
	padding-bottom: 20px;
	position: relative;
	margin-bottom: 30px;

}
.prod_info_block:last-child{
	margin-bottom: 0;
}
.prod_info_block .prod_model_title{
	font-size: 26px;
	line-height: 1em;
	padding-bottom: 10px;
}
.prod_model_link_list,
.prod_model_link_list li,
.prod_model_link_list a{
	display: block;
}
.prod_model_link_list{
	position: absolute;
	width: 400px;
	top:13px;
	right: 20px;
}
.prod_model_link_list li{
	float: right;
	width: 50%;
	padding-left: 30px;
}

.prod_model_link_list a{
	color: #e98121;
	border: 1px solid #e98121;
	line-height: 40px;
	border-radius: 3px;
	text-align: center;
	width: 100%;
	text-decoration: none;
}

.prod_model_link_list a:hover{
	color: #fff;
}
.prod_model_link_list a img{
	display: inline-block;
	width: 20px;
	height: 22px;
	margin-left: 5px;
	margin-bottom: -4px;
}
.prod_model_link_list a .normal_type,
.prod_model_link_list a:hover .hover_type{
	display: inline-block;

}
.prod_model_link_list a:hover .normal_type,
.prod_model_link_list a .hover_type{
	display: none;
}
/*table*/
.prod_model_info_table{
	width: 100%;
	border-top: 1px solid #e5e5e5;
	/*margin-top: 20px;*/
	margin-top: 10px;
	/*margin-bottom: 60px;*/
	margin-bottom: 15px;
}
.prod_model_info_table td{
	/*padding-top: 30px;*/
	padding-top: 10px;
	vertical-align: top;
}
.prod_model_info_table td.img_td{
	width: 49%;
	text-align: center;
}
.prod_model_info_table td.img_td img{
	max-width: 400px;
	height: auto;
}
/*prod model特色項目*/
.prod_model_info_list li{
	padding-left: 15px;
	position: relative;
	/*margin-bottom: 10px;*/
	margin-bottom: 3px;
}
.prod_model_info_list li:after{
	font-family: 'FontAwesome';
    content: "\f0da";
    color: #e9d764;
	position: absolute;
    left: 0;
    top: 0;
}
/*application*/
.prod_application_block{
	/*margin-bottom: 50px;*/
	/*margin-bottom: 25px;*/
}
.prod_application_block .left_block{
	float: left;
	width: 22%;
	/*padding-top: 46px;*/
	/*padding-top: 20px;*/
    padding-top: 11px;/*20191114 Ryan*/
	font-size: 24px;
	line-height: 1.5em;
}
.prod_application_block .left_block img{
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
}
.prod_application_block .right_block{
	border-left: 1px solid #dcdcdc;
	position: relative;
	float: right;
	width: 74%;
	/*padding-top: 45px;*/
	padding-top: 15px;
	/*padding-bottom: 30px;*/
	/*padding-bottom: 15px;*/
	/*padding-left: 50px;*/
	padding-left: 30px;
}
.prod_application_block .right_block:before,
.prod_application_block .right_block:after{
	content: '';
	position: absolute;
	background: #dcdcdc;
}
.prod_application_block .right_block:before{
	width: 70px;
	height: 1px;
	left: -70px;
	/*top: 77px;*/
	top: 42px;
}
.prod_application_block .right_block:after{
	width: 8px;
	height: 8px;
	left: -74px;
	/*top: 73px;*/
	top: 38px;
	border-radius: 50%;
}
.prod_application_list,
.prod_application_list li{
	display: block;
}
.prod_application_list{
	margin-right: -20px;
	/*max-height: 168px;*/
	overflow: hidden;
	-webkit-transition: .3s linear;
	-moz-transition: .3s linear;
	-o-transition: .3s linear;
	transition: .3s linear;
}
.prod_application_list.close{
	/*height: 168px !important;*/
	height: 64px !important;
}
.prod_application_list li{
	float: left;
	margin-right: 20px;
	/*margin-bottom: 20px;*/
	margin-bottom: 10px;
	width: 180px;
}
.prod_application_list a{
	display: -webkit-flex;
  	display: flex;
	text-decoration: none;
	color: #fff;
	text-align: center;
	/*height: 64px;*/
	height: 54px;
	/*padding: 8px 5px;*/
	padding: 5px;
}
.prod_application_list a h3{
	font-size: 16px;
	line-height: 24px;
	max-height: 48px;
	overflow: hidden;
}
.prod_application_list .common_btn{
	/*hover before*/
	background: #939b4f;
}
.prod_application_list .common_btn:before {
	/*hover layer1*/
    background: #7C833F;
}
.prod_application_list .common_btn:after {
	/*hover layer2*/
	background: #697031;
}
.prod_application_more{
	/*margin-top: 30px;
	margin-bottom: -30px;*/
	margin-top: 15px;
	margin-bottom: 30px;
}

.common_sel.prod_application_select{
	color: #fff;
	background-color: #939b4f;
}
@media (max-width:1200px){
	.prod_model_info_table td.img_td img{
		max-width: 100%;
	}
	.prod_application_block .right_block:before{
		width: 35px;
		left: -35px;
	}
	.prod_application_block .right_block:after{
		left: -39px;
	}	
}

.prod_model_link_list.type2 i {
    color: #e98121;
}
.prod_model_link_list a.common_btn.orange_type:hover i {
    color: #fff;
}

@media (min-width:769px) {
    .prod_model_link_list.type2 li{
	    width: 33%;
        padding-left:10px;
    }

    .prod_model_link_list.type2{
	    width: 500px;
    }
}

@media (max-width:768px){

	.prod_info_block .prod_model_desc{
		margin-bottom: 30px;
	}
	.prod_model_link_list{
		width: 100%;
		position: static;
	}
	.prod_model_link_list{
		margin-bottom: 20px;
	}
	.prod_model_link_list li{
		float: none;
		width: 100%;
		padding-left: 0;
		padding-bottom: 10px;
	}
	.prod_model_link_list a{
		width: 60%;
		min-width: 170px;
		margin: 0 auto;
	}

	.prod_model_info_table{
		margin-bottom: 0;
	}
	.prod_model_info_table td.img_td{
		width: 100%;
		text-align: center;
	}
	/*application*/
	.prod_application_block{
		/*margin-bottom: 60px;*/
		margin-bottom: 20px;
	}
	.prod_application_block .left_block,
	.prod_application_block .right_block{
		width: 100%;
		float: none;
	}
	/*.prod_application_block .left_block{
		padding-top: 45px;
	}*/
    .prod_application_block .left_block{
		padding-top: 20px;
	}
	.prod_application_block .right_block{
		padding-top: 24px;
		padding-left: 0;
		border-left: 0;
		padding-bottom: 0;
	}
	.prod_application_block .right_block:before,
	.prod_application_block .right_block:after{
		display: none;
	}
	.prod_application_title img{
		width: 44px;
	}
}

.prod_more_info_note_block{
	/*font-size: 14px;
	line-height: 26px;*/
	font-size: 12px;
	line-height: 16px;
	color: #d06e13;
	text-align: right;
	/*margin-bottom: 10px;
	padding-top: 25px;*/
	padding-top: 10px;
}
/*破壞式table*/
.destory_table{
	/*margin-bottom: 70px;*/
	margin-bottom: 20px;
}
.prod_table tr th:last-child,
.destory_table tr th:last-child{
	width: 70px;
}
.prod_table tr th span:before,
.destory_table tr th span:before{
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 8px 6px 0 6px;
	border-color: #686667 transparent transparent transparent;
	position: absolute;
    display: none;
    left: 15px;
    margin-left: -6px;
    bottom: 0;
    margin-bottom: -7px;
}
.prod_table tr th.more_title:hover span:before,
.destory_table tr th.more_title:hover span:before{
	display: block;
}
.prod_table tr th.more_title span,
.destory_table tr th.more_title span{
    display: none;
    position: absolute;
    font-size: 14px;
    line-height: 30px;
    color: #fff;
    background: #686667;
    z-index: 10;
    text-align: center;
    bottom: 100%;
    left: 15px;
    border-radius: 3px;
    padding: 10px;
    word-break: keep-all;
    white-space: nowrap;

}
.prod_table tr th.last_th span,
.destory_table tr th.last_th span{
	left: auto;
	right: 0;
}
.prod_table tr th.last_th span:before,
.destory_table tr th.last_th span:before{
	left: auto;
	right: 15px;
}
.prod_table tr th.more_title:hover span,
.destory_table tr th.more_title:hover span{
	display: inline-block;
}
/*prod table*/
.prod_table_block{
	/*margin-bottom: 70px;*/
}
.prod_table td{
	border-bottom: 1px solid #dbdbdb;
	border-left: 1px solid #dbdbdb;
}
.prod_table td:first-child{
	border-left: 0;
}
.prod_table td.rowspan_td{
	background: #eceff1;
}
.prod_table_fixed_block{
	position: fixed;
	left: 0;
	top: 56px;
	width: 100%;
	z-index: 100;
}
.prod_table_fixed_block .container{
	max-width: 1160px;
	background: #fff;
	padding-left: 20px;
	padding-right: 20px;
	border-left: 1px solid #d2d2d2;
	border-right: 1px solid #d2d2d2;
}

@media screen and (max-width: 1259px){
	.prod_table_fixed_block{
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		z-index: 100;
	}
	.prod_table_fixed_block .container{
		width: 1118px;
		padding: 0;
		border: 0;
	}

	.m_prod_table_block{
		width: 1118px;
		overflow-y: auto;
		overflow-x: hidden;
		max-height: 485px
	}
	/*prod table*/
	.prod_table_block{
		width: 100%;
		overflow-x: auto;
		position: relative;
	}
	.prod_more_info_note_block,
	.prod_table{
		width: 1118px;
	}
}

/*排序th*/
.sort_th{
	cursor: pointer;
	position: relative;
}
.item_sort_table .sort_th .sort_icon{
    /*margin-bottom: -18px;*/
    line-height: 1;
    -webkit-transition: .3s ease;
	-moz-transition: .3s ease;
	-o-transition: .3s ease;
	transition: .3s ease;
}
.item_sort_table .sort_th.desc .sort_icon{
    -moz-transform:rotate(180deg);
	-webkit-transform:rotate(180deg);
	-o-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	transform:rotate(180deg);
}
/*note*/
.prod_table_note{
	color: #8f9195;
	margin-top: -5px;
}

@media (max-width:768px){
	.destory_table{
		margin-bottom: 30px;
	}
	
}

/*---product search---*/
.prod_search_container{
	/*padding-top: 50px;*/
	padding-top: 30px;
	/*padding-bottom: 90px;*/
}
/*top link list*/
.prod_search_type_list{
	display: block;
	/*margin-bottom: -20px;*/
	margin-bottom: 5px;
}
.prod_search_type_list li{
	display: inline-block;
	margin-right: 20px;
	/*margin-bottom: 10px;*/
	margin-bottom: 15px;
}
.prod_search_type_list li a.common_btn{
	display: -webkit-flex;
  	display: flex;
	height: 54px;
	min-width: 210px;
	color: #707070;
	background: #dcdcdc;
	padding: 3px 12px;
	text-decoration: none;
}
.prod_search_type_list li a span{
	display: inline-block;
	max-height: 48px;
	overflow: hidden;
}
.prod_search_type_list li a.common_btn:hover,
.prod_search_type_list li a.active{
	color: #fff;
}
.prod_search_type_select.common_sel{
	background-color: #68aedf;
	color: #fff;
}
.prod_search_type_list .active.common_btn:before, 
.prod_search_type_list .active.common_btn:after {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
}

/*prod search input*/
.prod_search_input_block{
	/*padding: 30px;*/
	padding: 5px 15px 15px 15px;
	background: #eceff1;
	/*margin-bottom: 30px;*/
	margin-bottom: 20px;
}
.prod_search_input_block.cross_type{
	margin-bottom: 85px;
	
}
.prod_search_input_block .prod_input_title,
.prod_search_input_block .common_input,
.prod_search_input_block .common_btn{
	display: inline-block;
	line-height: 40px;
	height: 40px;
	vertical-align: top;
}
.prod_search_input_block .prod_input_title{
	color: #e98121;
	font-weight: bold;
	/*margin-right: 15px;*/
	margin-right: 10px;
	margin-top: 10px;
}
.prod_search_input_block .common_input{
	/*margin-right: 20px;*/
	margin-right: 10px;
	width: 340px;
	margin-top: 10px;
}
.prod_search_input_block .common_btn{
	cursor: pointer;
	font-size: 16px;
	width: 170px;
	margin-top: 10px;
}

/*prod search destory table*/
.prod_search_result_block{
	/*margin-top: -5px;*/
	margin-top: 20px;
	/*margin-bottom: 15px;*/
	margin-bottom: 15px;

    /*20220214 Elison新增 匯出搜尋結果*/
    line-height:40px;
}
.prod_search_title{
	float: left;
	font-size: 18px;
	font-weight: bold;
	margin-right: 15px;
}
.prod_search_result{
	float: left;
	color: #707070;

}
.prod_search_result span{
	display: inline-block;
	/*font-size: 20px;*/
	font-size: 18px;
	font-weight: bold;
	margin-left: 5px;
}
.prod_search_result_block .prod_more_info_note_block{
	color: #3081bb;
	/*font-size: 14px;*/
	float: right;
	/*width: 100%;*/
    
    /*20220214 Elison新增 匯出搜尋結果*/
    padding-top:0;
    line-height:40px;
}
.prod_search_table_block .item_sort_table{
	font-size: 14px;
}
.prod_search_table_block td:first-child{
	padding-left: 10px;
	text-align: left;
}
.prod_search_table_block .series_th{
	width: 210px;
}

/*destory table icon*/
.prod_search_table_block .destory_table th,
.prod_search_table_block .destory_table td{
	font-size: 14px;
}
/*20190904 Elison 調整為固定寬*/
.cross_reference.prod_search_table_block .destory_table th:nth-child(1),
.cross_reference.prod_search_table_block .destory_table td:nth-child(1){
	width:150px;
}
.cross_reference.prod_search_table_block .destory_table th:nth-child(2),
.cross_reference.prod_search_table_block .destory_table td:nth-child(2){
	width:170px;
}
.cross_reference.prod_search_table_block .destory_table td:nth-child(2){
	text-align:left;
}
.prod_search_table_block .destory_table .new_mark{
	text-align: left;
	color: #f50057;
	font-size: 14px;
}

.prod_search_table_block .destory_table .stock_link_mark{
	font-size: 14px;
	margin-top: 5px;
	text-align: left;
    display:flex;
}
/*20190903 Elison新增*/
 .prod_search_table_block .destory_table .stock_link_mark.is_alter:before {
    content:"Alternative";
    color:#ff0000;
    font-size:14px;
    line-height:24px;
    display:inline-block;
    margin-right:10px;
 }
.prod_search_table_block .stock_link_mark a{
	display: inline-block;
	font-size: inherit;
	line-height: 24px;
	text-align: center;
	color: #0d82d5;
	border: 1px solid #0d82d5;
	border-radius: 3px;
	background: transparent;
	width: 60px;
	height: 24px;
	text-decoration: none;
}
.prod_search_table_block .stock_link_mark a:hover{
	color: #fff;
}
.prod_search_table_block .stock_link_mark .blue_type.common_btn:after{
	background: #0d82d5;
}

@media (max-width:768px){
	.prod_search_title,
	.prod_search_result{
		float: none;
		width: 100%;
	}
	.prod_search_table_block .destory_table .stock_link_mark,
	.prod_search_table_block td:first-child,
	.prod_search_table_block .destory_table .new_mark{
		text-align: center;
	}
    .prod_search_table_block .destory_table .stock_link_mark {
        flex-wrap:wrap;
        justify-content:center;
        padding:0 10px;
    }
        .prod_search_table_block .destory_table .stock_link_mark:before {
            margin:0 10px;
        }
    
    .cross_reference.prod_search_table_block .destory_table th:nth-child(-n+2),
    .cross_reference.prod_search_table_block .destory_table td:nth-child(-n+2){
	    width:auto;
        text-align:center;
    }
	/*prod search input*/
	.prod_search_input_block{
		padding-bottom: 20px;
	}
	.prod_search_input_block .prod_input_title{
		margin-top: 5px;
	}

}

/*adv search*/
/*2019.07.24 Elison調整為靠左對齊*/
.adv_search_title{
	background: #d06e13;
	color: #fff;
	font-weight: bold;
	line-height: 30px;
	padding: 5px 17px;
	border-bottom: 1px solid #fff;
	position: relative;
}
.adv_search_close{
	cursor: pointer;
	position: absolute;
	width: 50px;
	/*height: 50px;*/
	height: 40px;
	background: #d06e13;
	right: 0;
	top: 0;	
}
.adv_search_close span{
	width: 20px;
	height: 1px;
	background: #fff;
	position: absolute;
	left: 15px;
	/*top: 25px;*/
	top: 20px;
	-webkit-transition: .3s ease;
	-moz-transition: .3s ease;
	-o-transition: .3s ease;
	transition: .3s ease;
}
.adv_search_close span:last-child{
	-moz-transform:rotate(90deg);
	-webkit-transform:rotate(90deg);
	-o-transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	transform:rotate(90deg);
}
.adv_search_close.open span:first-child{
	-moz-transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	transform:rotate(-45deg);
}
.adv_search_close.open span:last-child{
	-moz-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
}

.adv_search_block{
	position: relative;
	background: #eceff1;
	/*padding: 20px 20px 30px 15px;*/
	padding: 10px 10px 20px 5px;
}
.adv_search_table{
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	table-layout: fixed;
	display: none;
}
.adv_search_table td{
	width: 33.33%;
	vertical-align: top;
	border-left: 1px solid #fff;
	padding-left: 15px;
	padding-right: 15px;
}
.adv_search_table td:first-child{
	/*padding-left: 0;*/
	border-left: 0;
}
.adv_search_table p, .adv_search_table .radio_container{
	font-weight: bold;
	/*padding-top: 20px;*/
	padding-top: 5px;
	/*margin-bottom: 10px;*/
	margin-bottom: 5px;
	font-size: 14px;
}
.adv_search_table p .warn{
	font-weight: normal;
	display: inline-block;
	margin-left: 5px;
	color: #ff0000;
}
.adv_group{
	display: -webkit-flex;
  	display: flex;
  	-webkit-align-items: flex-start;
    align-items: flex-start;
  	-webkit-justify-content: space-between;
    justify-content: space-between;
	overflow: hidden;
}

/*.adv_group:first-of-type{*/
.adv_group{
	margin-bottom: 10px;
}
.adv_sel_block{
	width: 160px;
}
.adv_sel_block.full_type{
	/*padding-top: 29px;*/
	width: 100%;
}
.adv_sel_block span{
	display: block;
	font-size: 14px;
	color: #000;
	/*margin-top: 10px;*/
	margin-bottom: 5px;
	
}

.adv_application_search_block .common_sel,
.adv_prod_sel_block .common_sel,
.adv_search_table .common_sel{
	width: 100%;
	/*height: 48px;*/
	color: #626262;
	background-color: #fff;
	background-image: url(../../images/common/yageo_common_select_icon_gray.png);
}
.adv_search_table .common_sel{
	font-size: 14px;
	/*height: 40px;
	line-height: 40px;*/
	padding-top: 0;
	padding-bottom: 0;
}
.adv_search_btn_block{
	text-align: right;
	padding: 0 15px;
}

.adv_search_block .common_btn.orange_type{
	font-size: 16px;
	width: 170px;
	line-height: 38px;
	margin: 45px auto 0 auto;
	margin-right: 10px;
	margin-left: 0;
	margin-top: 15px;
	cursor: pointer;
	display: inline-block;
}
.adv_search_block .adv_reset_btn{
	font-size: 14px;
	padding-right: 20px;
	/*position: absolute;*/
	/*left: 30px;*/
	/*bottom: 40px;*/
	position: relative;
	background: transparent;
	border: 0;
	outline: 0;
	color: #898989;
	cursor: pointer;
	background: url(../../images/product/yageo_clear_all_icon.png) right center no-repeat;
	display: inline-block;
}
.adv_prod_input_note{
	font-size: 14px;
	/*padding-top: 20px;*/
	padding-top: 10px;
	/*padding-bottom: 20px;*/
	color: #707070;
}

/*adv prod select*/
.adv_prod_sel_block{
	/*padding: 10px 10px 30px 10px;*/
	padding: 10px;
}
.adv_prod_sel_block .prod_select_block{
	margin-left: 16px;
}
.adv_prod_sel_block .prod_select_block:first-child{
	margin-left: 0;
}
.adv_prod_sel_block .prod_select_block .common_sel{
	/*width: 270px;*/
	width: 277px;
}
.adv_search_table .common_sel.dis,
.adv_prod_sel_block .prod_select_block .common_sel.dis{
	opacity: 0.6;
	filter:Alpha(opacity=60);
	pointer-events: none;
}
.adv_prod_sel_block .prod_select_table th{
	padding-right: 8px;
	line-height: 32px;
}

/*adv application search*/
.adv_application_search_block{
	/*padding: 30px 10px 30px 10px;*/
	padding: 10px;
}
.adv_application_search_block .prod_select_table{
	width: 100%;
}
.adv_application_search_block .prod_select_table th{
	width: 120px;
	text-align: left;
}
.adv_application_search_block .common_sel{
	width: 100%;
}

/*product search page*/
.product_search_page.page_block{
	/*margin-top: 70px;*/
	position: relative;
}
.product_search_page.page_block input{
	padding-bottom: 0;
}
/*page show block*/
.page_show_container{
	position: relative;
}
.page_show_block{
	position: absolute;
	font-size: 16px;
	width: 200px;
	right: 0;
	bottom: 6px;
	display: inline-block;
	text-align: right;
}
.page_show_block .common_sel{
	width: auto;
	border: 1px solid #DBE0E3;
	background-position: right center;
	background-repeat: no-repeat;
	background-image: url(../../images/common/yageo_common_select_icon_gray.png);
	padding-right: 40px;
	margin-left: 10px;
}

.top.page_show_block{
	position: relative;
    float: right;
    bottom: 0;
    width: 175px;
}

@media screen and (max-width: 1259px){
	/*adv search*/
	.adv_search_block{
		padding-left: 20px;
		padding: 0 30px 30px 30px;
	}
	.adv_group{
		/*margin-bottom: 30px;*/
		margin-bottom: 10px;
	}
	/*.adv_search_table{
		margin-top: 30px;
	}*/
	.adv_search_table td{
		width: 100%;
		border-left: 0;
		border-top: 1px solid #fff;
		padding-top: 10px;
		padding-left: 0;
		padding-right: 0;
	}
	.adv_search_table td:first-child{
		border-top: 0;
		padding-top: 0;
	}
	/*adv select*/
	.adv_sel_block{
		width: 45%;
	}
	.select_before_block span:last-child,
	.adv_search_table .common_sel:last-child{
		margin-right: 0;
	}
	/*.adv_search_table p{
		padding-top: 10px;
	}*/

	/*adv prod select*/
	.adv_prod_sel_block{
		padding-left: 0;
		padding-right: 0;
		padding-bottom: 0;
	}
	.adv_prod_sel_block .prod_select_block{
		margin-left: 0;
	}
	.adv_prod_sel_block .prod_select_block .common_sel{
		width: 100%;
	}

	/*adv application search*/
	.adv_application_search_block{
		padding: 0;
	}
}

@media screen and (max-width: 768px){
	.adv_search_title{
		padding-left: 15px;
	}
	.adv_search_block{
		padding: 0 15px 30px 15px;
	}
	/*prod search input*/
	.prod_search_input_block .prod_input_title,
	.prod_search_input_block .common_input,
	.prod_search_input_block .common_btn{
		display: block;
	}
	.prod_search_input_block .prod_input_title{
		margin-right: 0;
	}
	.prod_search_input_block .common_input{
		margin-right: 0;
		margin-bottom: 15px;
		width: 100%;
	}
	.prod_search_input_block .common_btn{
		width: 170px;
		margin: 0 auto;
	}

	.adv_search_table td{
		padding-top: 15px;
	}

	/*adv select*/
	.adv_search_btn_block{
		margin-top: -10px;
	}

	.adv_search_block .adv_reset_btn{
		position: static;
		display: block;
		margin: 0 auto ;
	}
	.adv_search_block .common_btn.orange_type{
		margin-top: 30px;
	}

	.prod_search_table_block th:first-child,
	.prod_search_table_block td:first-child{
		padding-left: 50%;
	}
	.prod_search_table_block .new_mark{
		padding-left: 10px;
	}
	.prod_search_table_block .stock_link_mark{
		padding-right: 10px;
	}

	/*page show block*/
	.page_show_block{
		position: static;
		width: 100%;
		left: auto;
		display: block;
		text-align: center;
		margin-top: 15px;
	}

    .top.page_show_block{
	    margin-top: 0px;
        text-align: right;
        width: 160px;
        margin-bottom: 5px;
    }

	.adv_search_btn_block{
		text-align: center;
	}
	.adv_search_block .common_btn.orange_type{
		margin-top: 15px;
		margin-right: 0;
		margin-bottom: 10px;
	}
}

/*product search btn*/
.product_search_btn_block{
	position: relative;
}
.product_search_btn_block a{
	position: absolute;
	right: 0;
	bottom: 21px;
	display: block;
	width: 170px;
	line-height: 40px;
    border-radius: 3px;
    text-align: center;	
}
.product_search_btn_block a img {
    display: inline-block;
    width: 20px;
    height: 22px;
    margin-left: 5px;
    margin-bottom: -4px;
}
.product_search_btn_block a .normal_type,
.product_search_btn_block a:hover .hover_type{
	display: inline-block;
}
.product_search_btn_block a:hover .normal_type,
.product_search_btn_block a .hover_type{
	display: none;
}
@media (max-width:768px){
	.product_search_btn_block{
		padding-bottom: 20px;
	}
	.product_search_btn_block a{
		position: relative;
		margin: 0 auto;
		width: 60%;
		bottom: auto;
		right: auto;

	}
}

/*adv search loading*/
/*2019.09.04 Elison新增產品搜尋loading畫面*/
/*2019.07.24 Elison新增stock_check loading畫面*/
.adv_form_block,.stock_iframe{
	position: relative;
}
.adv_form_block .adv_form_cover,.stock_iframe .iframe_cover{
	display: none;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: #eceff1;
	z-index: 100;
	-webkit-transition: .3s ease;
	-moz-transition: .3s ease;
	-o-transition: .3s ease;
	transition: .3s ease;
}
.loading_block {
	display: none;
	position:fixed;
    background:#eceff1;
    opacity:0.7;
    width:100%;
    height:100%;
    z-index:499;
    top:0;
    left:0;
}
 .loading_block .loading_block_cover {
	left: 0;
	right: 0;
    top:0;
	bottom: 0;
    position:absolute;
	background-color: #eceff1;
	z-index: 100;
	-webkit-transition: .3s ease;
	-moz-transition: .3s ease;
	-o-transition: .3s ease;
	transition: .3s ease;
    pointer-events:none;
}
.stock_iframe .iframe_cover {
    display:block;
    padding: 0 20px;
	background-color: #fff;
}
.adv_form_block .adv_form_cover #loader ,.loading_block .loading_block_cover #loader_2,.stock_iframe .iframe_cover #loader{
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 15px;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    /*position: relative;*/
    text-indent: -9999em;
    -webkit-animation: load5 1.1s infinite ease;
    animation: load5 1.1s infinite ease;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
}
@-webkit-keyframes load5 {
  0%,
  100% {
    box-shadow: 0em -2.6em 0em 0em #d06e13, 1.8em -1.8em 0 0em rgba(208,110,19, 0.2), 2.5em 0em 0 0em rgba(208,110,19, 0.2), 1.75em 1.75em 0 0em rgba(208,110,19, 0.2), 0em 2.5em 0 0em rgba(208,110,19, 0.2), -1.8em 1.8em 0 0em rgba(208,110,19, 0.2), -2.6em 0em 0 0em rgba(208,110,19, 0.5), -1.8em -1.8em 0 0em rgba(208,110,19, 0.7);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(208,110,19, 0.7), 1.8em -1.8em 0 0em #d06e13, 2.5em 0em 0 0em rgba(208,110,19, 0.2), 1.75em 1.75em 0 0em rgba(208,110,19, 0.2), 0em 2.5em 0 0em rgba(208,110,19, 0.2), -1.8em 1.8em 0 0em rgba(208,110,19, 0.2), -2.6em 0em 0 0em rgba(208,110,19, 0.2), -1.8em -1.8em 0 0em rgba(208,110,19, 0.5);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(208,110,19, 0.5), 1.8em -1.8em 0 0em rgba(208,110,19, 0.7), 2.5em 0em 0 0em #d06e13, 1.75em 1.75em 0 0em rgba(208,110,19, 0.2), 0em 2.5em 0 0em rgba(208,110,19, 0.2), -1.8em 1.8em 0 0em rgba(208,110,19, 0.2), -2.6em 0em 0 0em rgba(208,110,19, 0.2), -1.8em -1.8em 0 0em rgba(208,110,19, 0.2);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(208,110,19, 0.2), 1.8em -1.8em 0 0em rgba(208,110,19, 0.5), 2.5em 0em 0 0em rgba(208,110,19, 0.7), 1.75em 1.75em 0 0em #d06e13, 0em 2.5em 0 0em rgba(208,110,19, 0.2), -1.8em 1.8em 0 0em rgba(208,110,19, 0.2), -2.6em 0em 0 0em rgba(208,110,19, 0.2), -1.8em -1.8em 0 0em rgba(208,110,19, 0.2);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(208,110,19, 0.2), 1.8em -1.8em 0 0em rgba(208,110,19, 0.2), 2.5em 0em 0 0em rgba(208,110,19, 0.5), 1.75em 1.75em 0 0em rgba(208,110,19, 0.7), 0em 2.5em 0 0em #d06e13, -1.8em 1.8em 0 0em rgba(208,110,19, 0.2), -2.6em 0em 0 0em rgba(208,110,19, 0.2), -1.8em -1.8em 0 0em rgba(208,110,19, 0.2);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(208,110,19, 0.2), 1.8em -1.8em 0 0em rgba(208,110,19, 0.2), 2.5em 0em 0 0em rgba(208,110,19, 0.2), 1.75em 1.75em 0 0em rgba(208,110,19, 0.5), 0em 2.5em 0 0em rgba(208,110,19, 0.7), -1.8em 1.8em 0 0em #d06e13, -2.6em 0em 0 0em rgba(208,110,19, 0.2), -1.8em -1.8em 0 0em rgba(208,110,19, 0.2);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(208,110,19, 0.2), 1.8em -1.8em 0 0em rgba(208,110,19, 0.2), 2.5em 0em 0 0em rgba(208,110,19, 0.2), 1.75em 1.75em 0 0em rgba(208,110,19, 0.2), 0em 2.5em 0 0em rgba(208,110,19, 0.5), -1.8em 1.8em 0 0em rgba(208,110,19, 0.7), -2.6em 0em 0 0em #d06e13, -1.8em -1.8em 0 0em rgba(208,110,19, 0.2);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(208,110,19, 0.2), 1.8em -1.8em 0 0em rgba(208,110,19, 0.2), 2.5em 0em 0 0em rgba(208,110,19, 0.2), 1.75em 1.75em 0 0em rgba(208,110,19, 0.2), 0em 2.5em 0 0em rgba(208,110,19, 0.2), -1.8em 1.8em 0 0em rgba(208,110,19, 0.5), -2.6em 0em 0 0em rgba(208,110,19, 0.7), -1.8em -1.8em 0 0em #d06e13;
  }
}
@keyframes load5 {
  0%,
  100% {
    box-shadow: 0em -2.6em 0em 0em #d06e13, 1.8em -1.8em 0 0em rgba(208,110,19, 0.2), 2.5em 0em 0 0em rgba(208,110,19, 0.2), 1.75em 1.75em 0 0em rgba(208,110,19, 0.2), 0em 2.5em 0 0em rgba(208,110,19, 0.2), -1.8em 1.8em 0 0em rgba(208,110,19, 0.2), -2.6em 0em 0 0em rgba(208,110,19, 0.5), -1.8em -1.8em 0 0em rgba(208,110,19, 0.7);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(208,110,19, 0.7), 1.8em -1.8em 0 0em #d06e13, 2.5em 0em 0 0em rgba(208,110,19, 0.2), 1.75em 1.75em 0 0em rgba(208,110,19, 0.2), 0em 2.5em 0 0em rgba(208,110,19, 0.2), -1.8em 1.8em 0 0em rgba(208,110,19, 0.2), -2.6em 0em 0 0em rgba(208,110,19, 0.2), -1.8em -1.8em 0 0em rgba(208,110,19, 0.5);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(208,110,19, 0.5), 1.8em -1.8em 0 0em rgba(208,110,19, 0.7), 2.5em 0em 0 0em #d06e13, 1.75em 1.75em 0 0em rgba(208,110,19, 0.2), 0em 2.5em 0 0em rgba(208,110,19, 0.2), -1.8em 1.8em 0 0em rgba(208,110,19, 0.2), -2.6em 0em 0 0em rgba(208,110,19, 0.2), -1.8em -1.8em 0 0em rgba(208,110,19, 0.2);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(208,110,19, 0.2), 1.8em -1.8em 0 0em rgba(208,110,19, 0.5), 2.5em 0em 0 0em rgba(208,110,19, 0.7), 1.75em 1.75em 0 0em #d06e13, 0em 2.5em 0 0em rgba(208,110,19, 0.2), -1.8em 1.8em 0 0em rgba(208,110,19, 0.2), -2.6em 0em 0 0em rgba(208,110,19, 0.2), -1.8em -1.8em 0 0em rgba(208,110,19, 0.2);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(208,110,19, 0.2), 1.8em -1.8em 0 0em rgba(208,110,19, 0.2), 2.5em 0em 0 0em rgba(208,110,19, 0.5), 1.75em 1.75em 0 0em rgba(208,110,19, 0.7), 0em 2.5em 0 0em #d06e13, -1.8em 1.8em 0 0em rgba(208,110,19, 0.2), -2.6em 0em 0 0em rgba(208,110,19, 0.2), -1.8em -1.8em 0 0em rgba(208,110,19, 0.2);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(208,110,19, 0.2), 1.8em -1.8em 0 0em rgba(208,110,19, 0.2), 2.5em 0em 0 0em rgba(208,110,19, 0.2), 1.75em 1.75em 0 0em rgba(208,110,19, 0.5), 0em 2.5em 0 0em rgba(208,110,19, 0.7), -1.8em 1.8em 0 0em #d06e13, -2.6em 0em 0 0em rgba(208,110,19, 0.2), -1.8em -1.8em 0 0em rgba(208,110,19, 0.2);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(208,110,19, 0.2), 1.8em -1.8em 0 0em rgba(208,110,19, 0.2), 2.5em 0em 0 0em rgba(208,110,19, 0.2), 1.75em 1.75em 0 0em rgba(208,110,19, 0.2), 0em 2.5em 0 0em rgba(208,110,19, 0.5), -1.8em 1.8em 0 0em rgba(208,110,19, 0.7), -2.6em 0em 0 0em #d06e13, -1.8em -1.8em 0 0em rgba(208,110,19, 0.2);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(208,110,19, 0.2), 1.8em -1.8em 0 0em rgba(208,110,19, 0.2), 2.5em 0em 0 0em rgba(208,110,19, 0.2), 1.75em 1.75em 0 0em rgba(208,110,19, 0.2), 0em 2.5em 0 0em rgba(208,110,19, 0.2), -1.8em 1.8em 0 0em rgba(208,110,19, 0.5), -2.6em 0em 0 0em rgba(208,110,19, 0.7), -1.8em -1.8em 0 0em #d06e13;
  }
}

/*Ryan*/
.option_disable {
    color:#eee;
}
.prod_search_result .prod_title {
    display:inline-block;
    font-size:20px;
    font-weight:bold;
    padding-right:20px;
    padding-bottom:3px;
}
#iframe_block {
    text-align:center;
    width:100%;
}
#mainiframe {
    width:100%;
    margin:0;
    border:none;
    max-width:1200px;
    padding: 0 20px;
}
.products_remainder {
    font-size: 12px;
    padding-top: 10px;
}
.error_msg {
    color:#ff0000;
}
.step_title {
    color: #e98121;
    line-height: 30px;
    margin-right:10px;
}
.download_link img.search {
    display: inline-block;
    width: 18px;
    height: 20px;
    margin-left: 5px;
    margin-bottom: -4px;
}
.download_link {
    margin-left:10px;
    display:inline-block;
}
.download_link a {
    color: #d06e13;
    text-decoration: underline;
}
.download_link a:hover {
    text-decoration: none;
}
.upload_block {
    margin-top:10px;
    margin-left:83px;
}
.option_desc {
    display: inline-block;
    line-height: 40px;
    height: 40px;
    vertical-align: top;
    margin-right: 10px;
    margin-top: 10px;
}
.common_file {
    width: 340px;
    margin-right: 10px;
    margin-top: 10px;
    display: inline-block;
    line-height: 40px;
    height: 40px;
    vertical-align: top;
}
.no_matched_results {
    color: #707070;
    margin-top:30px;
}

.no_matched_results .title {
    font-size: 20px;
    font-weight: bold;
    padding-right: 20px;
    padding-bottom: 5px;
}

.no_matched_results .pn_list p {
    padding:3px 0;
}

.download_btn {
    cursor: pointer;
    font-size: 16px;
    width: 170px;
    margin-top: 12px;
}

/*Datasheet*/
.datasheet_content input[type="checkbox"] {
    width:15px;
    height:16px;
    vertical-align:middle;
    margin-top:0;
}

.filter_table {
    margin-bottom:20px;
}

.datasheet_block {
    margin-bottom:20px;
}

.datasheet_table.common_table tr th {
    background: #d06e13;
    color: #fff;
    font-weight: bold;
    line-height: 30px;
    font-size: 16px;
    padding: 5px 30px;
    border-bottom: 1px solid #fff;
    position: relative;
}

.datasheet_table tr td {
    text-align:left;
}

.datasheet_table tr > td:first-child {
    padding-left:10px;
    padding-right:10px;
}

.datasheet_table .row_sn {
    font-size: 18px;
    color: #8f9195;
    text-decoration: none;
    margin-left: 5px;
    font-weight:bold;
}

#select_to tr th {
    background-color:#939B4E;
}

.filter_search_btn_block {
    margin-left:10px;
}

.datasheet_block .common_btn.orange_type, .btn_block .common_btn.orange_type {
    font-size: 16px;
    width: 170px;
    line-height: 38px;
    margin: 45px auto 0 auto;
    margin-right: 10px;
    margin-left: 0;
    margin-top: 15px;
    cursor: pointer;
    display: inline-block;
}
.datasheet_block ul li {
    display:inline-block;
}

#select_to tbody tr {
    counter-increment: rowNumber;
}

#select_to tbody tr td:first-child::before {
    content: counter(rowNumber)".";
    min-width: 1em;
    margin-right: 0.5em;
    font-size: 18px;
    color: #8f9195;
    font-weight:bold;
}
/*2019.07.23 Elison調整樣式*/
.form_block input[type="text"] {
    width: 180px;
    height: 30px;
    border: 1px solid #cbcbcc;
    box-shadow: none;
    border-radius: 3px;
    text-align: left;
    background-color: #ffffff;
    padding: 0 10px 0 20px;
    margin-right: 10px;
    line-height:30px;
}
.form_block textarea {
    border: 1px solid #cbcbcc;
    box-shadow: none;
    border-radius: 3px;
}

.form_block td {
    padding-bottom:7px;
}

.date_input_block input {
    background-repeat: no-repeat;
    background-position: 93%;
    background-image: url(../../images/investor/yageo_calender_icon.png);
}

.form_block {
    display:none;
    margin-bottom: 20px;
}
.form_block.active {
    display:block;
}
.form_block > table {
    background: #eceff1;
    width:100%;
}
.form_block > table > tbody > tr:not(:last-child) > td {
    border-bottom:1px solid #cbcbcc;
}

.form_block > table > tbody > tr > td {
    padding-top:7px;
}

.form_block > table > tbody > tr > td:first-child{
    padding-right:10px;
    padding-left:15px;
}
.form_block .inner_table tr:last-child td {
    padding-bottom:0;
}
.form_block tr th {
    padding: 8px 15px;
}

.form_block > table > thead > tr > th {
    position: relative;
    color: #fff;
    background-color: #d06e13;
    padding: 8px 5px 8px 5px;
    text-align: center;
    font-size: 16px; /*2019.08.15 Elison調整*/
    line-height: 21px;
    font-weight:bold; /*2019.08.15 Elison調整*/
}
.step_block {
    font-size:18px;
    margin-bottom:15px;
    
}
div + .step_block {
    margin-top:30px;
}
.step_block .title {
    color:#000;
}
.step_block .note {
    color:#d06e13;
}
#form_block_check {
    margin:0 5px;
}
.form_block a.common_link {
    color: #d06e13;
}
.datasheet_block + .btn_block {
    margin-top:30px;
}

.blue_link_list li div#combine_btn {
    width: 210px;
    height: 54px;
    background: #dcdcdc;
    color: #707070;
    border-radius: 3px;
}

.blue_link_list li div#combine_btn:hover {
    color: #fff;
    cursor:pointer;
}
/*2019.07.23 Elison調整文字垂直置中*/
.blue_link_list li div#combine_btn span {
    height: 54px;
    line-height: 24px;
    overflow: hidden;
}

/*2019.07.23 Elison
1.新增Datasheet .intro標題+敘述
2.調整keyword_search部分樣式  
3.調整 Selected Items 按鈕及checkbox位置 
4.調整product search #part_no_search_btn  樣式*/
.datasheet_content .intro h2 {
    padding-left:20px;
    border-left:3px solid red;
}
.datasheet_content .intro p {
    padding:15px 0;
}
.datasheet_content #keyword_search_input {
    line-height: 35px;
    height: 35px;
    margin-top: 13px;
}
.datasheet_content #select_to input[type="checkbox"]{
    float: right;
    margin-top:4px;
    margin-right:20px;
}
.datasheet_content .btn_block ul {
    float:right;
}
.datasheet_content .btn_block li,
.datasheet_content .btn_block .blue_link_list {
    float:left;
}
.datasheet_content .btn_block li .common_btn.orange_type {
    margin-top:6px;
}
#part_no_search_btn {
    margin-top:10px;
}
@media screen and (max-width: 768px) {

    .common_table.datasheet_table thead {
        display: block;
    }
}

/*2019.09.02 Elison調整 download_name 、download_link樣式*/
.datasheet_content .download_name {
    font-size:18px;
    margin-top:20px;
}
.datasheet_content .download_link {
    margin-top:10px;
    color: #d06e13;
    text-decoration: underline;
    font-size:18px;
    margin-left:5px;
}
.datasheet_content .download_link:hover {
    text-decoration: none;
}
.datasheet_content .download_link img {
    display:inline-block;
    padding-bottom:2px;
}

/*190909 Ryan crossreference*/
.common_btn.uplbtn {
    height:26px;
    line-height:24px;
}
.cr_msg {
    font-size:14px;
}
.no_matched_results .cr_msg {
    margin-bottom:10px;
}

.no_matched_results .prod_table th{
    background-color:#5F6269;
}
.cr_result_table {
    margin-top:10px;
    margin-bottom:15px;
}

.cr_result_table td {
    font-weight:bold;
}

.cr_result_table td:first-child {
    padding-left:0;
    padding-right:2px;
    text-align:left;
}

.cr_result_table td+td {
    padding-left:2px;
    padding-right:0px;
    text-align:right;
}


.radio_container {
  display: block;
  position: relative;
  padding-left: 28px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.radio_container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.checkmark {
  position: absolute;
  top: 9px;
  left: 0;
  height: 16px;
  width: 16px;
  background-color: #fff;
  border-radius: 50%;
}

.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.radio_container input:checked ~ .checkmark:after {
  display: block;
}

.radio_container .checkmark:after {
 	top: 3px;
	left: 3px;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #e98121;
}

/*20220214 Elison新增 匯出搜尋結果*/
.prod_search_result_block  .download_btn {
    cursor: pointer;
    font-size: 16px;
    width: 150px;
    line-height: 40px;
    height: 40px;
    display:inline-block;
    float:right;
    margin-top:0;
    margin-left:20px;
}

/*20220608 Amy調整樣式
因main.css會覆蓋樣式，故使用id*/
#spec-sheet-pdf-href {
    font-size: 14px;
    color: #d06e13;
}
#spec-sheet-pdf-href:hover {
    text-decoration:underline;
}