body{
	background:#000;
}

button{
	cursor: pointer;
}

.help-block{
	color: #f00;
	margin-top: 5px;
}












@media screen and (min-width: 990px){
	article{
		min-height: 500px;
	}
}

/*=top_header*/
.top_header > *{
    display: flex;
    align-items: center;
	height: 100%;
}
.top_header{width: 100%;height: 80px;background:#000;position: fixed;z-index: 100;}
.top_header_box{position: relative; height: 80px;}

.top_header .logo{
	display: inline;
	/* line-height: 80px; */
	margin-left: 20px;
} 

.top_header .logo img{max-height: 50px;height: 50px;}

@media screen and (max-width:1680px){
	.top_header .logo img{
		height: 35px;
	}
}
@media screen and (max-width:1400px){
	.top_header .logo img{
		height: 25px;
	}
}








.top_header .hd_search_box{background:#fff;border-radius: 5px;overflow: hidden;display: inline-block;vertical-align: middle;margin-left: 40px;}
.top_header .hd_search_box input{width: 250px;font-size: 14px;padding:8px 15px;background: none;border:none;}
.top_header .hd_search_box .sub_btn{width: 50px;height: 35px;border:none;background:none;font-size: 16px;color: #fff;background:#666;cursor: pointer;transition: .3s;}
.top_header .hd_search_box .sub_btn:hover{background:#444;}
.top_header .hd_search_box .sub_btn i{}

@media screen and (max-width:1600px){
	.top_header.pc_show,
	.top_header_box.pc_show{
		display: none;
	}
	.mobile_hd.mob_show,
	.mobile_hd_box.mob_show{
		display: block;
	}
}

@media screen and (min-width:1600px){
	.top_header.pc_show,
	.top_header_box.pc_show{
		display: block;
	}
	.mobile_hd.mob_show,
	.mobile_hd_box.mob_show{
		display: none;
	}
}








.top_header .menu_list_bar{
	display: inline-block;
	margin-left: 30px;
	margin-right: auto;
	margin-top: 5px;
}

@media screen and (max-width:1570px){
	.top_header .menu_list_bar{
		margin-left: 15px;
	}
}



.top_header .menu_list_bar .mu_li{
	width: 120px;font-size: 18px;display: inline-block;vertical-align: middle;position: relative;
    cursor: pointer;
    /* padding-top: 14px; */
}
.top_header .menu_list_bar .mu_li .mu_btn{color: #fff;padding: 10px 0;
transition: .3s;
}
.top_header .menu_list_bar .mu_li:hover .mu_btn,
.top_header .menu_list_bar .mu_li.clk .mu_btn{
	color:#ff652b;
}






.language_sel_box{
float: right;
display: inline-block;
margin-left: 15px;
color: #A4A4A4;
font-size: 14px;
border: 1px solid #4e4e4e;
padding-left: 5px;
/* margin-top: 22px; */
margin-right: 20px;
border-radius: 3px;
order: 99;
}

.language_sel_box i{
	display: inline-block;
	vertical-align: middle;
}

 /*下拉選單樣式*/


/*下拉選單樣式(end)*/



/*=top_header(end)*/



/*=mobile_hd*/
.mobile_hd{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background:#000;
	height: 60px;
	padding:10px 15px;
	z-index: 100;
}


.mobile_hd .logo{max-height: 40px;}
.mobile_hd .logo img{max-height: 40px;}

.mobile_hd_box{
	width: 100%;
	height: 60px;
}

.mobile_hd .hb_btn{
	position: absolute;
	font-size: 22px;
	color: #fff;
	width: 30px;
	height: 30px;
	border:none;
	background: none;
	top:calc(50% - 15px);
	right: 10px;
	cursor: pointer;
}

/*=mobile_hd(end)*/


/*=footer_block*/
.footer_block{width: 100%;}
.footer_block .logo{display: block;margin-bottom: 20px;}
.footer_block .logo img{height: 30px;}
.footer_block .introduction{font-size: 14px;line-height: 22px;color:#808080;margin-bottom: 25px;}

.footer_block .ipt_mail_box{width: 320px;max-width: 100%;border:1px solid #d9d9d9;border-radius: 3px;}
.footer_block .ipt_mail_box input{color:#fff;background:none;border:none;float: left;width: calc(100% - 60px);height: 40px;padding: 0 10px;}
.footer_block .ipt_mail_box button{float: right;width: 60px;height: 40px;border:none;background:#d9d9d9;color:#151515;font-size: 14px;cursor: pointer;transition: .3s;}
.footer_block .ipt_mail_box button:hover{background:#bdbdbd;}


.footer_block .contact{}
.footer_block .contact>li{margin-bottom: 10px;font-size: 14px;}
.footer_block .contact i{display: inline-block;vertical-align: middle; width: 20px;margin-right: 5px;text-align: center;color:#d9d9d9;}
.footer_block .contact span{display: inline-block;vertical-align: middle; color:#808080; width: calc(100% - 30px);}


.footer_block .information{}
.footer_block .information a{margin-bottom: 10px;display: block;color:#808080;transition: .3s;}
.footer_block .information a i{color:#bbbbbb;margin-right: 5px;}
.footer_block .information a span{}
.footer_block .information a:hover{color:#fff;}




/*=footer_block(end)*/


/*=index*/
.index{}
.index .inx_top_banner{
	width: 100%;
	height: 500px;
	width: 100%;
	position: relative;
	background-size: cover;
	background-position: center center;
	text-align: center;
	color:#fff;
	background-color:#333;
	padding-top: 110px;
}

.index .inx_top_banner img{
	display: inline-block;
	max-width: 90%;
	max-height: 155px;
}
.index .inx_top_banner h3{padding: 30px 0 50px 0;font-size: 52px;font-weight: bold;color:#fff;letter-spacing: 5px;text-shadow:5px 4px 5px #000000;}

.index .inx_top_banner .inf_box{
}

.index .choose_needs_block{padding: 40px 0;}

.index .choose_needs_block .needs_card{padding: 15px 10px;width: 100%;display: inline-block;}
/* .index .choose_needs_block .needs_card .pic_box{width: 100%;height: 0;padding-bottom:57.142857142%;overflow: hidden;display: block;} */
.index .choose_needs_block .needs_card .pic_box{width: 100%;height: 0;padding-bottom:40%;overflow: hidden;display: block;}
.index .choose_needs_block .needs_card.member_card .pic_box{
	padding-bottom: 40%;
}
.index .choose_needs_block .needs_card .pic_box{
	position: relative;
}
.index .choose_needs_block .needs_card .pic_box img{width: 100%;}

.index .choose_needs_block .needs_card .pic_box:after {
    content: attr(data-name);
    font-size: 18px;
    color: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    border: 1px #fff solid;
    padding: 10px;
    white-space: nowrap;
}
.index .choose_needs_block .needs_card .pic_box:before{
	content: '';
	background: rgba(255,255,255,.2);
	width:100%;
	height: 100%;
	position: absolute;
	transform: translateY(120%);
	transition: .5s;
}
.index .choose_needs_block .needs_card:hover .pic_box:before{
	transform: translateY(0);
	transition: .5s;
}
.index .choose_needs_block .needs_card .name{font-size: 18px;color:#fff;margin: 12px 0;}
.index .choose_needs_block .needs_card .inf_box{color:#808080;line-height: 20px;}







.index .news_block .title , .index .vendor_block .title{text-align: center;font-size: 30px;color:#fff;margin-bottom: 10px;}






.index .vendor_block{position: relative;width: 100%;padding: 30px 60px;background-color:#171717;}

.index .vendor_block .logo_box{height: 100px;text-align: center;line-height: 100px;}
.index .vendor_block .logo_box img{max-height: 100px;max-width: 100%; width: auto;display: inline-block;}

.index .vendor_block .bn_next{position: absolute;font-size: 30px;color:#fff;font-weight: bold;
top:calc(50% - 15px);
left: 15px;
}
.index .vendor_block .bn_prev{position: absolute;font-size: 30px;color:#fff;font-weight: bold;
top:calc(50% - 15px);
right: 15px;
}







.swal2-modal .swal2-title{
	font-size: 26px;
}


.index .vendor_block{
	padding: 30px 100px;
}



@media screen and (max-width: 1200px){
	.index .inx_top_banner{
		height: 540px;
		/* padding-top: 70px; */
	}

	.index .vendor_block{
		padding: 30px 15px;
	}
}

@media screen and (max-width: 768px){
	.index .inx_top_banner{
		height: 440px;
		/* padding-top: 70px; */
	}
	.index .inx_top_banner h3{
		/* font-size: 20px; */
		font-size: 42px;
		padding: 20px 0 30px 0;
	}


}

@media screen and (max-width: 600px){
	.index .about_us_block .title , .index .news_block .title, .index .vendor_block .title , .index .choose_needs_block .title_box p{
		font-size: 22px;
	}
}

@media screen and (max-width: 476px){
	.index .inx_top_banner h3{
		font-size: 30px;
	}
}
/*=index(end)*/


.sign_in_box{display: block;
	margin: 0px auto;
	width: 100%;
	max-width: 700px;
	background:rgba(255,255,255,.2);
	border-radius: 5px;
	border:1px solid #fff;
	margin-bottom: 40px;
}



.sign_in_box .ipt_title{font-size: 16px;margin-bottom: 10px;color:#fff;display: inline-block;}
.sign_in_box .ipt_bar{margin-bottom: 20px;width: 100%;}
.sign_in_box .ipt_box{background:#898989;padding: 10px;border-radius: 3px;position: relative;font-size: 14px;padding-left: 30px;width: 100%;}
.sign_in_box .ipt_box input{background: none;color:#fff;padding: 5px;font-size: 16px;width: 100%;border:none;}
.sign_in_box .ipt_box input+i{font-size: 16px; position: absolute;left: 10px;top:calc(50% - 8px);color:#dcdcdc;transition: .5s;}
.sign_in_box .ipt_box input:focus+i{color:#ff652b;}
.sign_in_box .ipt_box input::placeholder{
	color:#dcdcdc;
	padding: 5px;
}

.sign_in_box .verification .ipt_box{display: inline-block;vertical-align: middle;margin-bottom: 10px;width: calc(100% - 150px);}
.sign_in_box .verification .reset_btn{display: inline-block;vertical-align: middle;border:none;background: none;font-size: 20px;color:#aaa;width: 25px;height: 25px;
    cursor: pointer;
}
.sign_in_box .sub_btn{width: 100%;font-size: 16px;color:#fff;border-radius: 5px;padding:15px 10px;
background:#ff652b;
text-align: center;
border:none;
cursor: pointer;
transition: .3s;
}

.sign_in_box .sub_btn:hover{
	background:#de4c15;
}









@media screen and (max-width: 768px){
	.sign_in_box .verification .ipt_box{
		width: 100%;
	}
}

/*=company_sign_in*/

/*=company_registered*/
.company_registered{
	background-image: url('/assets/images/preview/esense_bg.png');
	background-attachment: fixed;
    background-size: cover;
    background-position: center center;
    min-height: 600px;
    position: relative;
    border:0px;
    padding: 40px 0;
}

.company_registered .sign_in_box{
	width: 100%;
	max-width: 1200px;
}

.company_registered .sign_in_box .ipt_box{
	padding-left: 0;
}









 /*下拉選單樣式*/

.select_sty_g {
    width: 100px;
    height: 51px;
    border: none;
    color: #fff;
    font-size: 16px;
    background: url('/assets/images/icon/select_down.png') right center no-repeat #898989;
    appearance: initial;
    -webkit-appearance: initial;
    -moz-appearance: initial;
    padding-left: 5px;
    cursor: pointer;
    border-radius: 3px;
    display: inline-block;
    vertical-align: middle;
}
/*下拉選單樣式(end)*/





/*=company_registered(end)*/

/*=left_menu_block*/
.left_menu_block{
	float: left;
	width: 300px;
	background:#363636;
	padding: 15px;
    margin-bottom: 45px;
}





.left_menu_block .l_menu_box2{padding-top: 15px;}
.left_menu_block .l_menu_box2>li{}

.left_menu_block .l_menu_box3{line-height: 30px;}
.left_menu_block .l_menu_box3>li{padding-left: 10px;}

.left_menu_block .l_menu_box4{margin-top: 10px;}
.left_menu_block .l_menu_box4>li{margin-bottom: 5px;padding-left: 10px;}
.left_menu_block .l_menu_box4>li a{color:#00ffff;transition: .3s;}
.left_menu_block .l_menu_box4>li a.clk,
.left_menu_block .l_menu_box4>li a:hover{text-decoration: underline;}


.right_content_block{
	float: left;
	width: calc(100% - 300px);
}

 /*麵包屑*/

.bread_crumbs {
    width: 100%;
    /*padding: 25px 15px 25px 15px;*/
    padding: 0 15px;
    background:#313131;
}

.bread_crumbs ul>li {
    font-size: 15px;
    color: #fff;
    padding-right: 15px;
    display: inline-block;
    position: relative;
}

.bread_crumbs ul{
	display: inline-block;
	padding: 25px 0;
}

@media screen and (max-width: 414px){
	.bread_crumbs ul{
		line-height: 1.5;
  		padding: 10px 0;
	}
}

.bread_crumbs ul>li:after {
    content: '>';
    position: absolute;
    top: 0px;
    right: 0px;
    font-size: 15px;
    color: #fff;
}

.bread_crumbs ul>li:last-child:after {
    content: '';
}

.bread_crumbs ul>li a {
    color: #fff;
    text-decoration: none;
}

.l_mu_btn{
	position: fixed;
	display: none;
	bottom: 15px;
	left: 15px;
	z-index: 90;
	width: 30px;
	height: 30px;
	line-height: 26px;
	border-radius: 50%;
	border:2px solid #ea5413;
	background:rgba(0,0,0,.5);
	color:#ea5413;
	cursor: pointer;
	z-index: 110;
	transition: .8s cubic-bezier(.4,.12,.48,1.27);
	overflow: hidden;
}

.l_mu_btn .fa-bars{
	font-size: 14px;
	position: absolute;
	top:calc(50% - 7px);
	left: calc(50% - 6px);
	transition: .5s;
	opacity: 1;
}

.l_mu_btn.clk .fa-bars{opacity: 0;}

.l_mu_btn .fa-angle-down{
	font-size: 14px;
	position: absolute;
	top:calc(50% - 7px);
	left: calc(50% - 5px);
	transition: .5s;
	opacity: 0;
}

.l_mu_btn.clk .fa-angle-down{opacity: 1;}

.l_mu_btn.clk{
	left: calc(50% - 15px);
	transform: rotate(360deg);
}

.mu_left_menu_bg{
	position: relative;
}

@media screen and (max-width: 1200px){
	.l_mu_btn{
		display: block;
	}

	.right_content_block{
		width: 100%;
		float: none;
	}

	.mu_left_menu_bg{
		position: fixed;
		top: 0px;
		visibility: hidden;
		width:100%;
		height: 100%;
		background: rgba(0,0,0,.7);
		z-index: 100;
		opacity: 0;
		transition: .6s;
	}

	.mu_left_menu_bg.clk{
		opacity: 1;
		visibility: visible;
	}

	.left_menu_block{
		display: inline-block;
		float: none;
		position: absolute;
		width: 400px;
		max-width: 100%;
		/*top:200px;*/
		top:60px;
		left: calc(50% - 200px);
		transition: .5s;
		opacity: 0;
		max-height:calc(100% - 100px);
		overflow: auto;
		transform: scale(1.5,1.5);
	}


	.mu_left_menu_bg.clk .left_menu_block{
		top:60px;
		opacity: 1;
		transform: scale(1,1);
	}

	.mu_left_menu_bg .left_menu_close{
		width: 100%;
		height: 100%;
	}
}

@media screen and (max-width: 450px){
	.left_menu_block {
		width: 100%;
		left: 0;
	}
}

/*=left_menu_block(end)*/

.right_content_block{}
.right_content_block .content_block{padding: 15px;color:#fff;}






.ipt_sty_g{
	background:#898989;
	padding:8px 10px;
	color:#fff;
	font-size: 16px;
	border:none;
	border-radius: 5px;
	width: 300px;
	display: inline-block;
	vertical-align: middle;
}

.ipt_sty_g::placeholder{
	color:#fff;
}







.sel_w_sty{
    width: 200px;
    height: 37px;
    border: none;
    color: #000;
    font-size: 16px;
    background: url('/assets/images/icon/w_sel_arrow.png') right center no-repeat #fff;
    appearance: initial;
    -webkit-appearance: initial;
    -moz-appearance: initial;
    padding-left: 5px;
    color: #9c9c9c;
    cursor: pointer;
    border-radius: 5px;
    outline: none;
    border:1px solid #d7d7d7;
    vertical-align: middle;
    display: inline-block;
	padding-right: 40px;
}






.ipt_sty_g.datepicker{
	background: #ffcc33;
	color: #333;
}












.txta-c{
	text-align: center;
}

.w-10p{width: 10%;}
.w-15p{width: 15%;}
.w-25p{width: 25%;}

.long_table_block{width: 100%;}
.long_table_block .title_bar{border-bottom: 1px solid #363636;font-size: 15px;margin-bottom: 15px;}
.long_table_block .title_bar div{float: left;padding: 15px 0;}

.long_table_block .long_table_cont{}
.long_table_block .long_table_cont .long_table_tr{background:#212121;border:1px solid #666666;}
.long_table_block .long_table_cont .long_table_tr.del_p{
	background: #3a3a3a;
}
.long_table_block .long_table_td{float: left;padding: 15px 10px;}

.checkbox_sty{display: none;}
.checkbox_sty+label{cursor: pointer;margin-right: 20px;margin-bottom: 10px;}
.checkbox_sty+label span{display: inline-block;vertical-align: middle;width: 20px;height: 20px;border:1px solid #fff;text-align: center;line-height: 20px;margin-right: 5px;font-size: 14px;border-radius: 3px;transition: .3s;}
.checkbox_sty+label p{display: inline-block;vertical-align: middle;}
.checkbox_sty+label span i{opacity: 0;transition: .3s; transform: scale(1.5,1.5);}
.checkbox_sty:checked+label span i{opacity: 1;transform: scale(1,1);}

.checkbox_sty+label:hover span{
	background-color:rgba(255,255,255,.2);
}


.remove_btn{
	background: none;
	border:none;
	color:#898989;
	font-size: 22px;
	font-weight: bold;
	cursor: pointer;
	transition: .3s;
}

.remove_btn:hover{
	color:#ff652b;
	transform: scale(1.2,1.2);
}










@keyframes slide_prompt_r
{
0%   {transform: translate(0px,0px);opacity: 1;}
100% {transform: translate(15px,0px);opacity: .3;}
}

@-moz-keyframes slide_prompt_r /* Firefox */
{
0%   {transform: translate(0px,0px);opacity: 1;}
100% {transform: translate(15px,0px);opacity: .3;}
}

@-webkit-keyframes slide_prompt_r /* Safari 和 Chrome */
{
0%   {transform: translate(0px,0px);opacity: 1;}
100% {transform: translate(15px,0px);opacity: .3;}
}

@-o-keyframes slide_prompt_r /* Opera */
{
0%   {transform: translate(0px,0px);opacity: 1;}
100% {transform: translate(15px,0px);opacity: .3;}
}

/*向左*/
@keyframes slide_prompt_l
{
0%   {transform: translate(0px,0px);opacity: 1;}
100% {transform: translate(-15px,0px);opacity: .3;}
}

@-moz-keyframes slide_prompt_l /* Firefox */
{
0%   {transform: translate(0px,0px);opacity: 1;}
100% {transform: translate(-15px,0px);opacity: .3;}
}

@-webkit-keyframes slide_prompt_l /* Safari 和 Chrome */
{
0%   {transform: translate(0px,0px);opacity: 1;}
100% {transform: translate(-15px,0px);opacity: .3;}
}

@-o-keyframes slide_prompt_l /* Opera */
{
0%   {transform: translate(0px,0px);opacity: 1;}
100% {transform: translate(-15px,0px);opacity: .3;}
}

@media screen and (max-width: 1600px){
	.long_table_block{width: 100%;overflow: auto;position: relative;padding-top: 60px;}
	.long_table_block .title_bar{width: 1500px;position: absolute;top: 0;left: 0;}
	.long_table_block .long_table_cont{width: 1500px;max-height: 300px;overflow-x: auto;}
	.product_detailed .long_table_block .long_table_cont{width: 1500px;max-height: none;overflow-x: inherit;}

	.project_list .long_table_block .long_table_cont,
	.project_list .long_table_block .title_bar{
		width: 1500px;
	}
}


/*=add_project(end)*/





.project_list .long_table_cont .long_table_td ul{}
.project_list .long_table_cont .long_table_td ul>li{margin-bottom: 5px;}


.project_list .long_table_block .long_table_cont .long_table_tr{
	margin-bottom: 20px;
	border:none;
}

.project_list .bread_crumbs{}
.bread_crumbs .search_block{float: right;padding-top: 15px;padding-bottom: 10px;}
.bread_crumbs .search_block .ipt_title{margin-left: 15px;}
.bread_crumbs .search_block span{color:#989898;display: inline-block;vertical-align: middle;font-size: 14px;margin-right: 5px;}
.bread_crumbs .sel_w_sty{height: 30px;margin-right: 10px;}

.bread_crumbs{}
.bread_crumbs .ipt_sty{
	width: 200px;
	height: 30px;
	border-radius: 5px;
	display: inline-block;
	border:none;
	vertical-align: top;
	padding: 5px;
}

.bread_crumbs .hd_search_box{background:#fff;border-radius: 5px;overflow: hidden;display: inline-block;vertical-align: middle;margin-left: 40px;}
.bread_crumbs .hd_search_box input{width: 200px;font-size: 14px;padding:2px 15px;background: none;border:none;}
.bread_crumbs .hd_search_box .sub_btn{width: 50px;height: 30px;border:none;background:none;font-size: 16px;color: #fff;background:#666;cursor: pointer;transition: .3s;}
.bread_crumbs .hd_search_box .sub_btn:hover{background:#444;}

.bread_crumbs .search_magnifier_btn{
	display: inline-block;
	vertical-align: top;
	background: none;
	color: #fff;
	font-size: 20px;
	border:none;
	cursor: pointer;
	padding-top: 5px;
}
.bread_crumbs .search_magnifier_btn i{
	display: inline-block;
	vertical-align: middle;
}

.bread_crumbs .search_magnifier_btn span{
	display: inline-block;
	vertical-align: middle;
	color: #fff;
	font-size: 16px;
}








@media screen and (max-width: 1200px){
	.bread_crumbs .search_block{
		float: none;
		display-inside: inline-block;
		padding-top: 0;
		padding-bottom: 15px;
	}


	.bread_crumbs .hd_search_box{
		margin-left: 0;
		display: inline-block;vertical-align: middle;
	}

	.bread_crumbs .hd_search_box{
		margin-bottom: 15px;
	}

	.bread_crumbs .sel_w_sty{
		margin-bottom: 15px;
	}

}


/*=project_list(end)*/

/*=personnel*/

@media screen and (min-width:1200px){
	.personnel{min-height: 500px;}
}
/*=personnel(end)*/

/*=part_list*/
.select_brand_block{
	width: 100%;
	background:#171717;
}







.select_brand_block .brand_ch_box{
	cursor: pointer;
	margin-bottom: 20px;
}




/* 選取樣式 */
.select_brand_block .brand_ch_box:after{
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    content: '\f058';
    width: 10px;
    height: 10px;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
	top: -4px;
	transform:scale(0);
	opacity:0;
	transition:.3s;
}
.select_brand_block .brand_ch_box.active:after{
	transform:scale(1) ;
	opacity:1;
}

.select_brand_block{position: relative;padding-right: 60px;height:115px;padding-top: 15px;padding-bottom: 15px;overflow: hidden;
	transition: .5s;
/*margin-bottom: 35px;*/
}
.select_brand_block.clk{height: auto;
padding-right: 0;}
.select_brand_block .select_brand_btn{
	position: absolute;
	right: 15px;
	bottom:calc(50% - 25px);font-size: 40px;color:#8c8c8c;background: none;border:none;cursor: pointer;
	/*transition: .5s;*/
	width: 40px;
	height: 40px;
	text-align: center;
}
.select_brand_btn.clk{
    background: #fff;
}
.select_brand_block .select_brand_btn:hover,.select_brand_block .select_brand_btn.clk{
	color:#333;
}
.select_brand_block.clk{
    overflow-y: auto;
    position: static;
}
.object-all-list .content_block, .object-list .content_block, .object_used_list .content_block, .m_commodity_list .content_block{
	position: relative;
}

.select_brand_block .select_brand_btn.clk{
	transform: rotate(180deg);
	position: absolute;
	bottom: 80px;
	width: 100%;
	right: 0px;
}

.select_brand_block .select_brand_btn:hover{
	/* color:#fff; */
}



.select_brand_search{
	width: 100%;
	padding: 10px;
	font-size: 18px;
	/*background: #ff652b;*/
	background: #898989;
	color: #fff;
	border:none;
	text-align: center;
	margin-bottom: 35px;
	cursor: pointer;
	transition: .3s;
	-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
}

.select_brand_search:hover{
	/*background:#de4c15;*/
	background: #003466;
}


.select_brand_block .brand_ch_box .brand_sel_box{display: none;}
.select_brand_block .brand_ch_box .brand_sel_box+label{position: relative;padding: 10px 38px 10px 10px;border-width: 2px;border-style: solid;border-color: rgba(255,255,255,.0);width: 100%;margin-bottom: 15px;transition: .3s;cursor: pointer;
height: 85px;
}
.select_brand_block .brand_ch_box .brand_sel_box:checked+label{border-color: rgba(255,255,255,1);}
.select_brand_block .brand_ch_box .brand_sel_box+label .pic{width: 100%;height: 0;padding-bottom: 50%;overflow: hidden;display: block;
position: relative;
}
.select_brand_block .brand_ch_box .brand_sel_box+label img{
	position: absolute;
	max-width: 100%;
	max-height: 100%;
	margin: auto;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	box-shadow: -1px 0px 5px 1px #A3A3A3;
	-webkit-box-shadow: -1px 0px 5px 1px #A3A3A3;
	-moz-box-shadow: -1px 0px 5px 1px #A3A3A3;
	-o-box-shadow: -1px 0px 5px 1px #A3A3A3;
}
.select_brand_block .brand_ch_box .brand_sel_box+label i{position: absolute;font-size: 26px;color:#fff;right: 5px;top:calc(50% - 13px);opacity: 0;transition: .3s;transform: scale(1.5,1.5);}
.select_brand_block .brand_ch_box .brand_sel_box:checked+label i{opacity: 1;transform: scale(1,1);}
@media screen and (min-width: 1600px){
	.select_brand_block .min-1400px\:col-1of7{		
		flex: 0 0 calc(1 / 7 * 100%);
		max-width: calc(1 / 7 * 100%);
	}
}


.select_brand_block.commodity_pro .brand_ch_box .brand_sel_box+label{
	padding:5px 0;
	border: 0;
}
.select_brand_block.commodity_pro .brand_ch_box .brand_sel_box+label .pic{
	padding-bottom: 37%;
}
.select_brand_block.commodity_pro .brand_ch_box .brand_sel_box+label img{
	box-shadow: none;
}
.select_brand_block.commodity_pro .commodity_name{
	color: #333;
	text-align: center;
	line-height: 30px;
	height: 30px;
	/* 避免 mac 英文、數字字體過小 */
	font-family: Arial, Helvetica, '微軟正黑體', '蘋果儷中黑', sans-serif;
}
.select_brand_block.commodity_pro .nowrap{
	display: inline-block;
	max-width:calc(100% - 30px);
	width:auto;
	vertical-align: middle;
}
.select_brand_block.commodity_pro .num{
	vertical-align: middle;
}


.commodity_card{
padding: 15px 15px 15px 15px;
background:#fff;
position: relative;
color:#000;text-align: center;margin-bottom: 20px;
display: inline-block;
width: 100%;
/* 避免 mac的英文、數字字體太小 */
font-family: Arial, Helvetica, '微軟正黑體', '蘋果儷中黑', sans-serif;
}


.commodity_card.clk{
	box-shadow: 1px 1px 10px 2px #DEDEDE;
	-webkit-box-shadow: 1px 1px 10px 2px #DEDEDE;
	-moz-box-shadow: 1px 1px 10px 2px #DEDEDE;
	-o-box-shadow: 1px 1px 10px 2px #DEDEDE;
}

.commodity_card .fa-check-circle-o{position: absolute;top: 10px;right: 10px;font-size: 25px;color:#ff652b;opacity: 0;}
.commodity_card.clk .fa-check-circle-o{opacity: 1;}
.commodity_card .logo{width: 100%;height: 45px;margin-bottom: 5px;display: block;overflow: hidden;text-align: center;}
.commodity_card .logo img{height: 100%;width: auto;display: inline-block;}
.commodity_card .commodity_pic{width: 100%;margin-bottom: 10px;
padding-bottom: 100%;
position: relative;
overflow: hidden;
}
.commodity_card .commodity_pic img{
	position: absolute;
	display: inline-block;
	max-width: 100%;
	max-height: 100%;
	margin:auto;
	text-align: center;
	top:0;
	left: 0;
	right: 0;
	bottom: 0;
}
.commodity_card .commodity_name{
	z-index: 14;
     /*文字溢出*/
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 15px;
    height: 30px;
	margin-bottom: 10px;
}
.commodity_card .commodity_number{color:#7d7d7d;font-size: 14px;margin-bottom: 5px;}
.commodity_card .add_btn{float: right; width: calc(50% - 5px);
	height: 25px;
	background:#f0f0f0;
	border-radius: 3px;
	border:1px solid #dcdcdc;
	cursor: pointer;
	transition: .5s;
}

.commodity_card .qty_ipt{
	width:calc(50% - 5px);float: left;
	border:1px solid #dcdcdc;
	color:#000;
	border-radius: 3px;
	font-size: 14px;
	height: 25px;
	text-align: center;
}

.commodity_card .add_btn:hover{
	border-color:#ff652b;
	color:#fff;
	background:#ff652b;
}

.commodity_card.clk .add_btn{
	border-color:#ff652b;
	color:#fff;
	background:#ff652b;
}



/*頁籤樣式*/

.pagination_box{
    width: 100%;
    text-align:right;
    margin: 20px 0;
}

.pagination_box .pages_number>li{
    display:inline-block;
    margin: 0 5px;
    vertical-align:middle;
}

.pagination_box .pages_number .pagination_prev{
	padding: 0 5px;
	border-right: 1px solid #7d7d7d;
}
.pagination_box .pages_number .pagination_next{
	padding: 0 5px;
	border-left: 1px solid #7d7d7d;
}

.pagination_box .pages_number>li a{
    text-decoration: none;
    color:#7d7d7d;
    padding: 3px 5px;
    display: inline-block;
}

.pagination_box .pages_number>li.clk a{
	background:#bbbbbb;
	color:#fff;
}



/*頁籤樣式(end)*/


.sel_commodity_block .commodity_card{
	box-shadow:none;
}
.commodity_card .cancel_btn{position: absolute;top: 5px;right: 5px;border-radius: 50%;border:1px solid #7d7d7d;background: #fff;color:#7d7d7d;font-size: 14px;height: 20px;width: 20px;line-height: 16px;text-align: center;padding: 0;
    cursor: pointer;
    transition: .3s;
}

.commodity_card .cancel_btn:hover{
	background:#555;
	color:#fff;
}

.sel_obj_block .commodity_card{
	box-shadow: 1px -1px 5px 1px #D4D4D4;
	-webkit-box-shadow: 1px -1px 5px 1px #D4D4D4;
	-moz-box-shadow: 1px -1px 5px 1px #D4D4D4;
	-o-box-shadow: 1px -1px 5px 1px #D4D4D4;
}

@media (min-width: 1200px){
	.part_list .container {
	    max-width: 1300px;
	}
}

@media screen and (max-width: 450px){
	.select_brand_block .brand_ch_box .brand_sel_box+label{
		 padding: 10px 10px 10px 10px;
	}

	.select_brand_block .brand_ch_box .brand_sel_box+label i{
		right: calc(50% - 10px);
		top:60px;
		font-size: 20px;
	}
}


/*=part_list(end)*/














.long_table_cont .warehouse_box{
	position: relative;
	/*padding-left: 5%;*/
	background:#666;
	margin-bottom: 20px;
}

.long_table_block .title_bar.pdl-5p{
	/*padding-left: 5%;*/
	position: relative;
}



.warehouse_box .com_pic{
	width: 100%;
	height: 0;
	padding-bottom: 100%;
	position: relative;
	display: inline-block;
	overflow:hidden;
}
.warehouse_box .com_pic img{
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}
.warehouse_box .name{font-size: 14px;color:#fff;text-decoration: underline;margin-bottom: 10px;text-align: left;}
.warehouse_box .label{font-size: 14px;margin-bottom: 5px;color:#666;text-align: left;}
.warehouse_box .com_id{font-size: 14px;color:#898989;text-align: left;}

.warehouse_box .select_sty_g{
	width: 100%;
	height: 22px;
	font-size: 14px;
	background-size:18px;
}





.warehouse_box .remarks_box{opacity: 0;visibility: hidden;position: absolute;padding: 15px;background:#003466;border-radius: 5px;width: 300px;left: calc(50% - 150px);top:50px;transition: .5s;
z-index: 90;
}
.warehouse_box .remarks_box.clk{opacity: 1;visibility: visible;}
.warehouse_box .remarks_box textarea{width: 100%; background:#898989;padding: 5px;color:#fff;margin-bottom: 15px;border:none;border-radius: 5px;}
.warehouse_box .remarks_box textarea::placeholder{color:#fff;}
.warehouse_box .remarks_box:before{
	position: absolute;
	top:-10px;
	left: calc(50% - 5px);
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 7.5px 10px 7.5px;
	border-color: transparent transparent #003466 transparent;
}


.warehouse_box .description{
	padding-top: 10px;
	font-size: 14px;
	line-height: 18px;
	text-align: left;
}



















@media screen and (max-width: 1600px){
	.long_table_block .title_bar.pdl-5p{
		position: absolute;
		/*padding-left: 77px;*/
	}
}


/*=part_management(end)*/





























/*=member_sty(end)*/






/*=m_registered(end)*/


















/*=s_sign_in(end)*/









.radio_sty{display: none;}
.radio_sty+i{display: inline-block;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	position: relative;
	vertical-align: middle;
	margin-right: 3px;
	background:#989898;
	cursor: pointer;
}
.radio_sty+i:after{
	opacity: 0;
	transition: .3s;
	content: '';
	display: inline-block;
	position: absolute;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	top:calc(50% - 3px);
	left:calc(50% - 3px);
	background:#e4e4e4;
}

.radio_sty:checked+i:after{
	opacity: 1;
}

.ipt_file_box{}


.ipt_file_box .file_name{
	display: inline-block;
	vertical-align: middle;
	padding-left: 10px;
}

.sign_in_box .ipt_box.ipt_file_box{
	padding: 0;
	font-size: 16px;
}



.capsule_radio_sty{display: inline-block;vertical-align: middle;margin:5px 3px;}
.capsule_radio_sty input{display: none;}
.capsule_radio_sty input+span{
	width: 100px;
	text-align: center;
	padding: 8px;
	border-radius: 30px;
	border:1px solid #c7c7c7;
	font-size: 16px;
	color:#363636;
	display: inline-block;
	transition: .3s;
	cursor: pointer;
	background: #fff;
}

.capsule_radio_sty input:checked+span{
	background:#ffcc33;
}













/*=s_registered(end)*/

/*=case*/
.case{
	padding: 60px 15px;
}


.esense_bg{
	background-image: url('/assets/images/preview/esense_bg.png');
    background-attachment: fixed;
    background-size: cover;
    background-position: center center;
}







 /*文字編輯區*/
.text_editor_block{
    width: 100%;
    padding: 15px 0;
}

.text_editor_block img{
    max-width: 100%;
}

/*文字編輯區(end)*/

/*=case(end)*/

/*=news_detailed*/
.news_detailed{}

.partner_card_box{padding: 0 10px;}
.partner_card_box .partner_card{
	width: 100%;
	display: inline-block;
	text-align: center;
	margin-bottom: 20px;
}

.partner_card_box .partner_card .pic{
	width: 100%;
	display: inline-block;
	height: 0;
	padding-bottom: 100%;
	/* box-shadow: 0px 1px 10px -1px #C2C2C2;
	-webkit-box-shadow: 0px 1px 10px -1px #C2C2C2;
	-moz-box-shadow: 0px 1px 10px -1px #C2C2C2;
	-o-box-shadow: 0px 1px 10px -1px #C2C2C2; */
	position: relative;
	overflow: hidden;
}
/*.partner .partner_card_box .partner_card .pic{ box-shadow: none; }*/
.partner_card_box .partner_card .pic img{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom:0;
	margin:auto;
	max-height: 100%;
	max-width: 100%;
}

.partner_card_box .partner_card .name{
	margin: 15px 0;
	font-size: 16px;
	color: #000;
     /*文字溢出*/
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    line-height: 20px;
    height: 20px;
}
.partner .partner_card_box .partner_card .name{
	color: #fff;
}
/*=news_detailed(end)*/

/*=contact_us*/
.contact_us .sign_in_box{
	max-width: 100%;
}

.contact_us .sign_in_box .ipt_title{
	color: #000000;
}

.contact_us .sign_in_box .ipt_box{
	background: #fff;
	border:1px solid #e0e0e0;
	color: #c9c9c9;
	padding: 5px 5px 5px 25px;
}

.contact_us .sign_in_box .ipt_box input{
	color: #555;
}

.contact_us .sign_in_box .ipt_box input+i,
.contact_us .sign_in_box .ipt_box textarea+i{
	color:#c9c9c9;
}

.contact_us .sign_in_box .ipt_box input:focus+i,
.contact_us .sign_in_box .ipt_box textarea:focus+i{
	color: #ff652b;
}


.contact_us .sign_in_box .ipt_box input::placeholder{
	color:#c9c9c9;
}

.contact_us .sign_in_box{
	display: flex;
}

.contact_us .sel_w_sty{
	border: 1px solid #d2d2d2;
	width: 100%;
	height: 43px;
}

.sign_in_box .ipt_box textarea {
    background: none;
    color: #555;
    padding: 5px;
    font-size: 16px;
    width: 100%;
    border: none;
    outline: none;
}

.sign_in_box .ipt_box textarea+i {
    font-size: 16px;
    position: absolute;
    left: 10px;
    top: 10px;
    color: #dcdcdc;
    transition: .5s;
}

.contact_us .sign_in_box .verification .ipt_box{
	max-width: 180px;
}


.contact_us .sign_in_box .sub_btn{
	max-width: 180px;
}

.contact_us .prompt p{
	font-size: 16px;
	color: #000;
	padding: 30px 0;
	margin-bottom: 40px;
	line-height: 20px;
}

/*=contact_us(end)*/

/*=learn_more*/
.learn_more {background: none; background-color: #f7f7f7;}

/*=learn_more(end)*/





















    /*頁籤樣式*/

    .pagination_box{
        width: 100%;
        text-align:right;
        margin: 20px 0;
    }

    .pagination_box .pages_number>li{
        display:inline-block;
        margin: 0 5px;
        vertical-align:middle;
    }

     .pagination_box .pages_number>li.next{
     	border-right: 1px solid #333;
     }

     .pagination_box .pages_number>li.prev{
     	border-left: 1px solid #333;
     }
	.pagination_box .pages_number>li.clk a{
		padding: 3px;
		background: #000;
		color: #fff;
	}
    .pagination_box .pages_number>li a{
        text-decoration: none;
        color:#333;
    }

	.part_list .pagination_box .pages_number>li a,
	.part_list .pagination_box .pages_number>li.prev,
	.part_list .pagination_box .pages_number>li.next{
		color: #eee;
	}

	.part_list .pagination_box .pages_number>li.clk a{
		background: #aaa;
	}


    /*頁籤樣式(end)*/


/*=news_list*/









/*=s_description(end)*/

/*=mobile_slider_menu*/

.m_hb_menu {
    width: 80%;
    min-width: 140px;
    max-width: 440px;
    height: calc(100% - 60px);
    position: fixed;
    top: 60px;
    right: -445px;
    background-color: rgba(255, 255, 255, 1);
    z-index: 110;
    transition: .8s;
    overflow: auto;
    padding: 0px 0px 0 0px;
    -moz-box-shadow: inset 3px 2px 38px #dbdbdb;
    -webkit-box-shadow: inset 3px 2px 38px #dbdbdb;
    box-shadow: inset 3px 2px 38px #dbdbdb;
}

.hide_menu_box {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: fixed;
    z-index: 105;
    display: none;
}






























/*search*/

.m_hb_menu .search_box {
    margin-top: 10px;
    display: inline-block;
    background: #e9e9e9;
    vertical-align: middle;
    padding-left: 10px;
    margin-left: 10px;
    width: 95%;
}

.m_hb_menu .search_box i {
    vertical-align: middle;
    font-size: 18px;
    color: #666;
}

.m_hb_menu .search_box input {
    background: none;
    line-height: 22px;
    border: none;
    width: calc(100% - 85px);
}

.m_hb_menu .search_box .search_btn {
    height: 35px;
    text-align: center;
    width: 60px;
    border: none;
    color: #fff;
    background: #666;
    font-size: 14px;
}

/*=mobile_slider_menu*/


/*=s_product_upload*/
.s_product_upload{
	padding: 20px 0;
}







.s_product_upload hr{
	width: 100%;
	margin: 5px 0;
	border-color: #c7c7c7;
}















.sign_in_box.modal-body{
	max-width: 100%;
}





.yellow_btn_sty {
    background: #ffcc33;
    color: #333;
    font-size: 16px;
    padding: 10px 15px;
    border-radius: 5px;
    border: none;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    transition: .3s;
    cursor: pointer;
    position: relative;
}


.file_li_tag{
	padding: 8px 5px;
	background:#f8f8f8;
	border:1px solid #d4d4d4;
	margin: 3px;
	border-radius: 3px;
}
.file_li_tag p{
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	color:#363636;
}
.file_li_tag span{
	display: inline-block;
	vertical-align: middle;
	color: #a0a0a0;
}
.file_li_tag button{
	margin-left: 5px;
	background: none;
	border:none;
	color:#898989;
}

.file_li_tag button i{}



/*=s_product_upload(end)*/


.quantity_show_bar{
	width: 100%;
	color: #555;
	background: #fff;
	margin-bottom: 30px;
}

.quantity_show_bar .quantity_name{
	line-height: 40px;
	padding-left: 15px;
	font-size: 14px;
	color: #000;
}
.quantity_show_bar .r_box{float: right;}
.quantity_show_bar .r_box span{font-size: 14px;
	color:#000;
	margin-right: 10px;
}

.m_commodity_list .quantity_show_bar .r_box span{
	margin-left: 10px;
}

.quantity_show_bar .r_box a{
	display: inline-block;
	vertical-align: middle;
	height: 40px;
	width: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 20px;
	color:#898989;
	background: none;
}

.quantity_show_bar .r_box a.clk{
	background:#e5e5e5;
}


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


	.quantity_show_bar .r_box{
		float: none;
		width: 100%;
	}

}

/*=s_product_management(end)*/







.quantity_show_bar .sel_w_sty{
	height: 30px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
}

.quantity_show_bar .search_magnifier_btn{
	display: inline-flex;
    vertical-align: top;
    font-size: 16px;
    border: none;
    cursor: pointer;
	padding: 5px 10px;
    align-items: center;
    justify-content: center;
	height: 30px;
    border-radius: 4px;
	min-width: 140px;
}

.quantity_show_bar .search_magnifier_btn i{
	margin-right: 7px;
}

.quantity_show_bar .ipt_sty{
	padding-left: 5px;
	padding-right: 5px;
	vertical-align: middle;
    border-radius: 5px;
    display: inline-block;
    border: 1px solid #d7d7d7;
    font-size: 16px;
    height: 30px;
}












/* sty-complicate /*/

/* sty-single-line */
.quantity_show_bar.sty-single-line{
	/* 避免 mac 的英文與數字，字體較小 */
	font-family:  Arial, Helvetica, '微軟正黑體', '蘋果儷中黑', sans-serif;
	font-size: 16px;
}

.quantity_show_bar.sty-single-line .quantity_name{
	font-size: inherit;
}

.quantity_show_bar.sty-single-line .r_box span{
	font-size: inherit;
}

.quantity_show_bar.sty-single-line{
	display: flex;
	flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
	padding: 15px;
}

.quantity_show_bar.sty-single-line .r_box{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	padding-left: 7px;
}

.quantity_show_bar.sty-single-line .form-el-bar .form-el{
	margin-bottom: 1rem;
}

.quantity_show_bar.sty-single-line .form-el-bar .form-row{
	margin-bottom: -1rem;
	justify-content: flex-end;
	flex-wrap: nowrap;
}


.quantity_show_bar.sty-single-line [class*="col-"] .form-el{
	width:100%;
}

.quantity_show_bar.sty-single-line .sort-by-txt{
	display: inline-block;
	margin-top: 0.25rem;
	margin-bottom: 0.25rem;
}

.quantity_show_bar.sty-single-line .quantity_name{
	padding-left: 0;
}

.quantity_show_bar.sty-single-line .r_box{
	margin-left:auto;
}

.quantity_show_bar.sty-single-line .bottom-deck{
	text-align: right;
}

.quantity_show_bar.sty-single-line .hd_search_box{
	display: inline-flex;
	margin-bottom: 1rem;
	width: 100%;
}

.quantity_show_bar.sty-single-line .hd_search_box .ipt_sty{
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	flex-grow: 1;
	min-width: 0;
}

.quantity_show_bar.sty-single-line .hd_search_box .ipt_sty::placeholder{
	color: #9c9c9c;
}

.quantity_show_bar.sty-single-line .hd_search_box .sub_btn {
	display: inline-flex;
    vertical-align: top;
    font-size: 16px;
    border: none;
    cursor: pointer;
    padding: 5px 10px;
    align-items: center;
    justify-content: center;
    height: 30px;
	width: 40px;
    border-radius: 4px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	background: #e5e5e5;
}

@media screen and (max-width:1450px){
	.quantity_show_bar.sty-single-line .r_box{
		flex-direction: column;
		width: 100%;
		align-items: flex-end;
		padding-left: 0;
	}

	.quantity_show_bar.sty-single-line .r_box .top-deck{
		width:100%;
		margin-bottom: 10px;
	}

	.quantity_show_bar.sty-single-line .form-el-bar .form-row{
		flex-wrap: wrap;
	}
}

/* sty-single-line /*/

/* sty-with-searchbox */
.quantity_show_bar.sty-with-searchbox{
	/* 避免 mac 的英文與數字，字體較小 */
	font-family:  Arial, Helvetica, '微軟正黑體', '蘋果儷中黑', sans-serif;
	font-size: 16px;
}

.quantity_show_bar.sty-with-searchbox .quantity_name{
	font-size: inherit;
}

.quantity_show_bar.sty-with-searchbox .r_box span{
	font-size: inherit;
}

.quantity_show_bar.sty-with-searchbox .hd_search_box_wrap{
	display: inline-flex;
	vertical-align: middle;
}

.quantity_show_bar.sty-with-searchbox .hd_search_box{
	display: inline-flex;
	vertical-align: middle;
}

.quantity_show_bar.sty-with-searchbox .r_box{
	text-align: right;
}


/* .quantity_show_bar.sty-with-searchbox */
.quantity_show_bar.sty-with-searchbox{
    padding: 15px;
}

.quantity_show_bar.sty-with-searchbox .hd_search_box .ipt_sty{
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.quantity_show_bar.sty-with-searchbox .hd_search_box .sub_btn {
	display: inline-flex;
    vertical-align: top;
    font-size: 16px;
    border: none;
    cursor: pointer;
    padding: 5px 10px;
    align-items: center;
    justify-content: center;
    height: 30px;
    border-radius: 4px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	background: #e5e5e5;
}



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


	.quantity_show_bar.sty-with-searchbox .hd_search_box{
		width: 100%;
	}
	.quantity_show_bar.sty-with-searchbox .hd_search_box .ipt_sty{
		flex-grow: 1;
	}
}
/* sty-with-searchbox / */


@media screen and (max-width: 768px){
	.m_commodity_list .right_content_block .content_block{
		/*padding: 0;*/
	}
}

@media screen and (max-width: 480px){
	.m_commodity_list .quantity_show_bar .r_box a{
		width:50%;
		float: left;
		margin-top: 10px;
		border:1px solid #eee;
	}
}

/*=m_commodity_list(end)*/








/*=m_member_profile(end)*/








@media screen and (max-width: 768px){
	.pagination_box{
		text-align: center;
	}
}

/*=s_product_management_list(end)*/













/*=purchase_rfq_list(end)*/







/*=s_quotation_list_production(end)*/

/*=s_quotation_add(end)*/

/*=s_quotation_view*/












/*=s_quotation_view(end)*/













/*=s_quotation_edit(end)*/


/*=s_description*/











 
/*=s_description(end)*/





.not_distributed .tag{
	display: inline-block;
	background: #ff652b;
	color: #fff;
	padding: 0 10px;
}





/*=client_quotation_list(end)*/





/*=part_management(end)*/

/*=forget_password*/
.forget_password .sign_in_box .verification .ipt_box{
	padding-left: 5px;
}


/*=forget_password(end)*/




/*=privacy*/
.privacy_lbox{}
.privacy_lbox .modal-title{
	font-size: 18px;
	color:#ff4f0c;
	font-weight: bold;
}
.privacy_lbox .modal-body{
	line-height: 22px;
	font-size: 14px;
}
/*=privacy(end)*/

.area_select{display: block; width:100%;}


/*=registered(end)*/


.pw-very-strong .label{
	display: block;
	margin-top: 5px;
	color:#55c532;

}
.pw-strong .label{
	display: block;
	margin-top: 5px;

	color:#bed41b;
}
.pw-mediocre .label{
	display: block;
	margin-top: 5px;
	color:#dacc10;
}
.pw-weak .label{
	display: block;
	margin-top: 5px;
	color:#f77b0d;
}
.pw-very-weak .label{
	display: block;
	margin-top: 5px;
	color:#f00;
}

/*=about_us*/
.about_us{}
/*=about_us(end)*/




/*=privacy_lbox(end)*/



.swal2-container .swal2-modal .swal2-title{
	font-size: 22px;
}









.company_profile .sign_in_box{
	max-width: 1140px;
}

.company_profile .sign_in_box .ipt_box {
    padding-left: 0;
}

.right_content_block .content_block{
	padding: 0;
}


/* part_list(end) */





/********20191129 IE select reset *********/
select::-ms-expand {
    display: none;
}

/******** 201904 上側選單縮小 *********/
.top_header .menu_list_bar{
	margin-left: 11px;
}
.top_header .menu_list_bar .mu_li{
	width:auto;
	/* margin-top: -10px; */
	text-align: center;
	margin-right: 40px;
}
@media screen and (max-width:1290px){
	.top_header.pc_show,
	.top_header_box.pc_show{
		display: none;
	}
	.mobile_hd.mob_show,
	.mobile_hd_box.mob_show{
		display: block;
	}
}

@media screen and (min-width:1290px){
	.top_header.pc_show,
	.top_header_box.pc_show{
		display: block;
	}
	.mobile_hd.mob_show,
	.mobile_hd_box.mob_show{
		display: none;
	}
}

@media screen and (max-width:1400px){
	.en .top_header.pc_show,
	.en .top_header_box.pc_show{
		display: none;
	}
	.en .mobile_hd.mob_show,
	.en .mobile_hd_box.mob_show{
		display: block;
		max-width: 100vw;
	}
}



.nowrap{
    display: block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.tips{
	margin-top:10px;
	font-size: 14px;
	color: #898989
}








/* 第2曾Item */
.menu-sec-item {
	display: flex;
	justify-content: space-between;
	align-items: center;

	width: 100%;
	padding: 10px;
	border-radius: 5px;
	background: #898989;
	color: #fff;
	margin-bottom: 10px;
}

.menu-sec-item.clk {
	background: #fff;
}

.menu-sec-item.clk .fa{
	color: #333;
}





/******** 首頁 *********/
.index .inx_top_banner h3{
	/* font-size: 52px; */
    padding: 30px 0 140px 0;
}

.photo_owl_block:before{
	content: '';
	display: block;
	padding-top: calc(750 / 1920 * 100%);
	position: relative;
}
.photo_owl_block .owl-stage-outer{
	position: absolute;
	top: 0;
	right: 0;
	bottom:0;
	left: 0;
}

.photo_owl_block .photo-card:before{
	content: '';
	display: block;
	padding-top: calc(750 / 1920 * 100%);
	position: relative;
}

.photo_owl_block .photo-card img{
	position: absolute;
	top: 0;
	right: 0;
	bottom:0;
	left: 0;
	margin:auto;
	max-height: 100%;
}

/******** 首頁(end) *********/



/******** 聯絡我們 *********/
body.en .contact_us .sign_in_box .verification .ipt_box{
	max-width: 300px;
}
@media screen and (max-width: 576px){
	body.en .contact_us .sign_in_box .verification .ipt_box{
		max-width: unset;
    	width: 100%;
	}
	
}



/* en */

/******** 會員 Member *********/







/* en */







/* 會員 Member(end) */


/******** 修改樣式 *********/
/* .top_header .menu_list_bar .mu_li:nth-of-type(2),
.top_header .menu_list_bar .mu_li:nth-of-type(3){
	margin-right: 16px;
} */
/* en */
body.en .top_header:not(.supplier_header) .menu_list_bar .mu_li:nth-of-type(1){
	/* width:68px; */
}
body.en .top_header:not(.supplier_header) .menu_list_bar .mu_li:nth-of-type(2){
	/* width:110px; */
	/* margin-right: 24px; */
}
/* body.en .top_header:not(.supplier_header) .menu_list_bar .mu_li:nth-of-type(3){
	margin-right: 20px;
} */



@media screen and (max-width:1700px){
	.top_header .menu_list_bar .mu_li{
		margin-right: 35px;
	}
}

@media screen and (max-width:1600px){
	.top_header .menu_list_bar .mu_li{
		margin-right: 30px;
	}
}

@media screen and (max-width:1500px){
	.top_header .menu_list_bar .mu_li{
		font-size: 16px;
		margin-right: 25px;
	}
}

@media screen and (max-width:1450px){
	.top_header .menu_list_bar .mu_li{
		margin-right: 22px;
	}
}

@media screen and (max-width:1330px){
	body.en .top_header:not(.supplier_header) .menu_list_bar{
		    width: 463px;
    		/* margin-left: 12px; */
	}
	body.en .top_header:not(.supplier_header) .menu_list_bar .mu_li:nth-child(1){
		width: 52px;
	}
	/* body.en .top_header:not(.supplier_header) .menu_list_bar .mu_li:nth-child(2){
		margin-right: 8px;
	}
	body.en .top_header:not(.supplier_header) .menu_list_bar .mu_li:nth-child(3){
		margin-right: 4px;
	} */
	body.en .top_header:not(.supplier_header) .menu_list_bar .mu_li:nth-child(4){
		width: 72px;
	}
}
/* en */

body.not-signin .supplier_header.top_header .menu_list_bar .mu_li:hover .mu_btn:after{
	content:none;
}

.supplier_header.top_header .menu_list_bar .mu_li{
	width:auto;
	margin-right: 30px;
}
/* @media screen and (max-width:1680px){
	body:not(.not-sigin) .supplier_header.top_header .menu_list_bar .mu_li{
		margin-right: 15px;
	}
} */


/* en */
.en:not(.not-signin) .supplier_header.top_header .menu_list_bar .mu_li{
	margin-right: 0;
	padding:0 10px;
	line-height: 1;
	text-align: center;
	padding-top: 0;

	line-height: 1;
}

body:not(.not-signin) .supplier_header.top_header .menu_list_bar{
	margin-top: 4px;
}


@media screen and (max-width: 1680px){
	body:not(.not-signin) .supplier_header.top_header .menu_list_bar{
		margin-top: 5px;
	}
}


@media screen and (max-width:1580px){
	body:not(.not-signin) .supplier_header.top_header .menu_list_bar{
		margin-top: 5px;
	}
	body:not(.not-sigin) .supplier_header.top_header .menu_list_bar .mu_li{
		width:auto;
		margin-right:16px;
	}

}

@media screen and (max-width:1500px){
	.en:not(.not-signin) .supplier_header.top_header .menu_list_bar .mu_li{
		margin-right: 10px;
	}
	body:not(.not-signin) .supplier_header.top_header .menu_list_bar{
		margin-top: 2px;
	}
}
/* en */

/* .supplier_header.top_header .menu_list_bar .mu_li:nth-of-type(2),
.supplier_header.top_header .menu_list_bar .mu_li:nth-of-type(3){
	margin-right: 30px;
} */



@media screen and (max-width:1400px){
	.supplier_header.top_header .menu_list_bar .mu_li{
		width:auto;
		margin-right:14px;
	}
	body:not(.not-signin) .supplier_header.top_header .menu_list_bar{
		margin-top: 3px;
	}
	body:not(.not-signin) .supplier_header.top_header .menu_list_bar .mu_li{
		width:auto;
		margin-right:10px;
	}
	.supplier_header.top_header .menu_list_bar .mu_li:nth-of-type(2),
	.supplier_header.top_header .menu_list_bar .mu_li:nth-of-type(3){
		margin-right:14px;
	}

	.supplier_header.top_header .menu_list_bar .mu_li:last-of-type{
		margin-right: 0;
	}	

}





.top_header .menu_list_bar{
	margin-left: 28px;
}
.supplier_header.top_header .menu_list_bar{
	margin-left: 24px;
}

@media screen and (max-width:1680px){
	body:not(.not-signin) .supplier_header.top_header .menu_list_bar{
		margin-left: 15px;
	}
}

/* 產品材質 間隔加大 */
.s_product_upload .ipt_sty_g[name="detail[material]"]{
	width: 355px;
}

/* 填寫空格加大5~7行 */
.s_product_upload textarea[name="detail[specification]"]{
	height:11em;
}



/* project_list 加上驚嘆號 */


.project_list .exclamation{
	position: absolute;
    transform: scale(.7);
    top: -30%;
    right: -5%;
    color: #ff652b;
}

/* learn_more page */

/* text editor reset */
.learn_more .text_editor_block{padding:0}
.learn_more .text_editor_block ul{list-style-type: none;margin-left:0px}
.learn_more .text_editor_block ul.supplyer_content {margin-left:-15px;padding-bottom: 25px}
.learn_more .text_editor_block li{line-height: 1;padding:0}
.learn_more .text_editor_block.text_editor_block p{font-size: 1.1875rem;}
/* text editor reset */

/* commom setting */
.learn_more{
	font-family: Microsoft JhengHei,微軟正黑體,黑體,蘋果儷中黑!important;
}
.learn_more *:not(.container){
	max-width: none!important;
}
.learn_more .db_platform_imageholder,
.learn_more .db_platform_imageholder img,
.learn_more .feature_top_imageholder,
.learn_more .feature_top_imageholder img,
.learn_more .feature_mid_imageholder,
.learn_more .feature_mid_imageholder img,
.learn_more .feature_bottom_imageholder,
.learn_more .feature_bottom_imageholder img,
.learn_more .supplyer_exposure_imageholder,
.learn_more .supplyer_exposure_imageholder img,
.learn_more .supplyer_manage_imageholder,
.learn_more .supplyer_manage_imageholder img,
.learn_more .supplyer_analysis_imageholder,
.learn_more .supplyer_analysis_imageholder img
{
	max-width: 100%!important;
}

.learn_more p{line-height: 150%;text-align: justify;}
.learn_more p:nth-of-type(2){padding-top: 30px;}
.text_normal{font-size: 1.1875rem;}
.text_normal_larger{font-size: 1.375rem;}
.text_large{font-size: 1.75rem;}
.text_xlarge{font-size: 1.875rem;}

.text_orange{color:#EA5514}

.text_bolder{font-weight: bolder}

.bg_yellow{background: #F39800}
.bg_light_gray{background: #f7f7f7}
.bg_brown{background: #3E3A39}
.bg_orange{background: #EA5514}

.line_break{display:none;}

.db_platform,
.feature,
.supplyer{
    margin: 0 0;
    padding: 0 55px;
}
/* commom setting(end) */


.learn_more .header{
	padding: 3.5rem 0 3.43rem 0 ;
}
.learn_more .header .header_title{margin-bottom: 1.875rem}


.learn_more .db_platform{
	background:#ffffff;
	padding-top:60px;
	padding-bottom:54px;
}

.learn_more .db_platform .db_platform_content{padding: 50px 50px 0 0;;}
.learn_more .db_platform .db_platform_img{width:55%}

.learn_more .feature .feature_title{padding: 0 0 35px 0; margin: 0 -55px;background: #FFFFFF;}

.learn_more .feature .feature_top{padding:65px 40px 0 40px ;margin:0 -55px;position: relative;}
.learn_more .feature .feature_top:before{
    content: '';
    display: block;
    border: 17px solid white;
    border-width: 34px 47px 0px 47px;
    border-color: white transparent transparent transparent;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
}
.learn_more .feature .feature_top_imageholder{margin-left: -24px;}
.learn_more .feature .feature_img_top{width: 90%;}

.learn_more .feature .feature_top_content{margin-left: -6px;}
.learn_more .feature .feature_service_intro{padding:49px 0 45px 0 }
.learn_more .feature .feature_service_lists_title{margin:0 0 30px 0}
.learn_more .feature .feature_service_lists li{
	margin:0 0 10px 0;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center
}
.learn_more .feature .feature_service_lists li img{
	padding: 0 15px;
}

.learn_more .feature .feature_mid{margin:0 -55px 0px -55px;padding:39px 40px 55px 40px;}
.learn_more .feature .feature_img_mid{width:98.3%;margin-left:-30px}
.learn_more .feature .feature_mid_content{padding: 78px 88px 15px 15px;}

.learn_more .feature .feature_bottom{padding-top:50px;padding-bottom:66px}
.learn_more .feature .feature_bottom_title{margin-bottom: 25px;}
.learn_more .feature .feature_bottom ul{letter-spacing: 1px;}
.learn_more .feature .feature_bottom li{margin:0 0 50px 0;}
.learn_more .feature .feature_bottom li:last-of-type{margin:0 0 0px 0;}
.learn_more .feature .feature_bottom .list_title{display: inline-block;}
.learn_more .feature .feature_bottom .list_title,
.learn_more .feature .feature_bottom .list_colon
{color:#F39800}
.learn_more .feature .feature_bottom .list_colon{padding:0 10px}
.learn_more .feature .feature_bottom li:first-of-type{margin:0 0 30px 0}

.learn_more .feature .feature_img_bottom{width: 85.3%;margin-left: -65px;}
/* max-width: 276px; */


.learn_more .join{padding:60px 0 60px 0; text-align: center;color:white}
.learn_more .join .join_title{margin:0 0 55px 0}
.learn_more .join .join_btn{
	padding:11px 22px;
	display: inline-block;
	line-height: 1;
	color:white;
}

.learn_more .supplyer {padding:38px 0 45px 0;background:#ffffff}
.learn_more .supplyer .supplyer_title{margin:0 0 42px 0}
.learn_more .supplyer .supplyer_caption{padding:0 170px; margin: 0 0 98px 0;text-align: center}

.learn_more .supplyer .supplyer_imageholder
{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align:center;
	    -ms-flex-align:center;
	        align-items:center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	margin:27px 0 27px 0 ;
	height:239px;
}	
.learn_more .supplyer .supplyer_exposure_imageholder img{
	width:72%;
}
.learn_more .supplyer .supplyer_manage_imageholder img{
	width:71.4%;
}	
.learn_more .supplyer .supplyer_analysis_imageholder img{
	width:82.8%;
}

.learn_more .supplyer .supplyer_content p{ padding: 0 38px;}
.learn_more .supplyer .supplyer_btn{
	padding:11px 22px;
	display: inline-block;
	line-height: 1;
	color:white;
	margin:5px 0 0 0 ;
}


@media screen and (max-width:1200px){
	.learn_more .feature .feature_top,
	.learn_more .feature .feature_mid,
	.learn_more .feature_bottom{
		align-items: center;
	}

	/* 最大畫面時調整的margin位移回歸 */
	.learn_more .feature .feature_img_mid,
	.learn_more .feature .feature_top_imageholder,
	.learn_more .feature .feature_img_bottom
	{
		margin-left: 0px;
	}
	/* 最大畫面時調整的margin位移回歸(end) */


	.learn_more .feature .feature_bottom_title{margin-bottom: 20px;}
	.learn_more .feature .feature_bottom li{display: -webkit-box;display: -ms-flexbox;display: flex; line-height:150%;margin: 0 0 10px 0;}
	.learn_more .feature .feature_bottom li .list_title{
		-webkit-box-flex:0;
		    -ms-flex:0 0 120px;
		        flex:0 0 120px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
	}
	.learn_more .feature .feature_bottom li .list_colon {
		padding:0 10px;
	}
	.learn_more .feature .feature_bottom li .list_content{
	}
}


@media screen and (max-width: 992px){
	/* commom setting */

	.learn_more .db_platform
	{padding-top:50px;padding-bottom: 50px;}

	/* commom setting(end) */


	.learn_more .header img{width:35%} 
	.learn_more .header{padding: 1.5rem 0 1.5rem 0}

	.learn_more .db_platform .db_platform_content{ padding: 30px 0 0 0;}
	.learn_more .db_platform .db_platform_imageholder{padding: 30px 0 0px 0;-webkit-box-ordinal-group: 0;-ms-flex-order: -1;order: -1;}
	.learn_more .db_platform .db_platform_img{width:45%;}

	.db_platform .db_platform_title{text-align: center}
	.learn_more .supplyer .supplyer_imageholder{
		height:auto;
		margin: 30px 0 30px 0;
	}

	.learn_more .feature .feature_top{padding: 65px 55px 0 55px;}
	.learn_more .feature .feature_top_content{margin-left: 0px;}

	.learn_more .feature .feature_title{padding: 50px 0 20px 0;}
	.learn_more .feature .feature_img_top{width:70%;}
	.learn_more .feature .feature_mid{margin: 0px -55px 0px -55px;}
	.learn_more .feature .feature_img_mid{width:70%}
	.learn_more .feature .feature_mid_content{padding:39px 15px 0 15px;-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}

	.learn_more .feature .feature_service_intro{padding: 40px 0 40px 0;}
	
	
	.learn_more .feature .feature_bottom{padding-bottom: 50px;}
	.learn_more .feature .feature_img_bottom{width:70%;margin-top: 40px;}
	.learn_more .feature .feature_bottom li:first-of-type{margin: 0 0 20px 0;}
	.learn_more .feature .feature_bottom li{ margin: 0 0 20px 0;}


	
	.learn_more .join .join_title{    margin: 0 0 20px 0;padding: 0 0px;line-height: 1.3;}
	.learn_more .join .line_break{
		display:inline-block;
	}
	.learn_more .join{padding: 40px 0 40px 0;}

	.learn_more .supplyer{padding: 50px 40px 50px 40px;}
	.learn_more .supplyer .supplyer_content p{padding:0 15px}
	.learn_more .supplyer .supplyer_title{margin: 0 0 40px 0;}
	.learn_more .supplyer .supplyer_caption{ padding: 0 ;margin: 0 0 70px 0;text-align:left}
	.learn_more .supplyer .supplyer_content li{margin-bottom: 45px;}
	.learn_more .supplyer .supplyer_exposure_imageholder img{width:70%}
	.learn_more .supplyer .supplyer_manage_imageholder img{width:70%}
	.learn_more .supplyer .supplyer_analysis_imageholder img{width:70%}

}

@media screen and (max-width: 768px){
	.learn_more .header_caption .line_break,
	.learn_more .db_platform .line_break
	{display: inline-block;}
	.learn_more .db_platform .db_platform_title,
	.learn_more .header_caption{line-height: 120%;}

}

@media screen and (max-width: 576px){
	/* commom setting */
	.text_normal{font-size: 1rem;}
	.text_large{font-size: 1.3rem;}
	.text_xlarge{font-size: 1.4rem;}

	.learn_more .db_platform
	{padding-top:30px;}

	.learn_more p:nth-of-type(2){margin-top:10px}
	/* commom setting(end) */

	/* test enditor reset */
	.learn_more .text_editor_block.text_editor_block p{font-size: 1rem;}
	/* test enditor reset(end) */

	.learn_more .container{padding:0}
	.db_platform, .feature, .supplyer{padding: 0 25px;}

	.learn_more .header .header_title{ margin-bottom: 20px;}
	.learn_more .header .header_caption{padding:0 25px; line-height:150%}

	.learn_more .db_platform .db_platform_title{padding: 0 50px; line-height: 150%;}
	.learn_more .feature .feature_title{padding: 0 0 20px 0;margin: 0 -25px;}
	.learn_more .feature .feature_top{margin:0 -25px;padding: 65px 40px 0 40px;}
	.learn_more .feature .feature_service_intro{padding: 20px 0;}
	.learn_more .feature .feature_service_lists_title{margin: 0 0 20px 0;}
	
	.learn_more .feature .feature_top_content{ padding: 0;}


	.learn_more .feature .feature_mid{margin: 0px -25px 0px -25px;padding: 40px 25px 50px 25px;}
	.learn_more .feature .feature_mid_content{ padding: 20px 0px 0 0px;}
	


	.learn_more .feature .feature_bottom li .list_title{-webkit-box-flex: 0;-ms-flex: 0 0 102px;flex: 0 0 102px;}
	.learn_more .feature .feature_bottom li .list_colon{padding: 0 5px;}
	
	.learn_more .feature .feature_bottom_imageholder{padding:0 30px;}

	.learn_more .join{padding: 30px 0 30px 0;}
	.learn_more .join .join_title{margin: 0 0 20px 0;line-height:150%; padding: 0 25px;}

	.learn_more .supplyer{padding: 30px 10px 50px 10px;}
	.learn_more .supplyer .supplyer_title{margin: 0 0 20px 0}
	.learn_more .supplyer .supplyer_caption{margin: 0 0 40px 0;}
	.learn_more .supplyer .supplyer_content li{margin-bottom: 40px;}

	.learn_more .supplyer .supplyer_btn{margin:0}
}

@media screen and (max-width: 320px){
	.learn_more .feature .feature_img_top{width:100%;}
	.learn_more .feature .feature_img_mid{width:100%}
	.learn_more .feature .feature_img_bottom{width: 100%;}


	.learn_more .feature .feature_bottom li{
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
	}
	.learn_more .feature .feature_bottom li .list_title{
		-webkit-box-flex: 0;
		    -ms-flex: 0 1;
		        flex: 0 1;
	}

	.learn_more .join .join_title{
		font-size: 1.125rem;
	}
}
/* learn_more page(end) */


/******** 供應商 supplyier *********/

/*------------------------------------------
	Signined Header 
--------------------------------------------*/
body.en:not(.not-signin) .supplier_header .cfx{
	display: flex;
    align-items: center;
}

body.en:not(.not-signin) .supplier_header .cfx .language_sel_box{
	margin-top: 0;
	align-self:center;
	order: 2;

	display: flex;
    align-items: center;
}


body.en:not(.not-signin) .supplier_header .menu_list_bar{
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-basis: calc(100% - 590px);
	max-width:calc(100% - 590px);
	margin-top: -3px;
}

@media only screen and (max-width: 1660px){
	body.en:not(.not-signin) .supplier_header .menu_list_bar{
		flex-basis: calc(100% - 510px);
		max-width:calc(100% - 510px);
	}
}


/* en */

/* header */
body.en:not(.not-signin) .supplier_header .menu_list_bar a{
	font-size: 14px;
}

body.en .supplier_header.top_header .menu_list_bar .mu_li .mu_btn:hover{
	color:#e95513;
}
body.en .supplier_header.top_header .menu_list_bar .mu_li .mu_btn:after
{
	visibility: hidden;
}
/* header */

/* operating */
/* en */
@media only screen and (max-width: 1800px){
	body.en:not(.not-signin) .supplier_header .menu_list_bar a{
		font-size: 13px;
	}
}

@media only screen and (max-width: 1450px){
	body.en:not(.not-signin) .supplier_header .menu_list_bar a{
		font-size: 12px;
	}
}

@media only screen and (max-width: 460px){
	/* Style ammend */
}
@media only screen and (max-width: 322px){
	/* Style ammend */
}
/* en */
/* operatiing */

/***********************************************************************
    quotation_detail
***********************************************************************/








/* en */

/***********************************************************************
    product_add / product_edit
***********************************************************************/


/*------------------------------------------
	日期資訊
--------------------------------------------*/
.s_product_upload .pro_detailed .row-detailed .col-opt .add-row




.brand_logo_box .name+.name{border-top:1px #fff solid;}


.s_product_upload .pro_detailed .row-detailed{
	display: flex;
	position:relative;
}
.s_product_upload.product_edit .pro_detailed .row-detailed{
	margin-bottom: 10px;
}

/* 僅有一個 */
.s_product_upload .pro_detailed .row-detailed:first-of-type:not(.created) .add-row--remove{
	display: none;
}
.s_product_upload .pro_detailed .row-detailed:first-of-type:not(.created) .col-opt{
	justify-content: flex-end;
}



/*------------------------------------------
	HTML 框架
--------------------------------------------*/
@media only screen and (max-width: 992px){
	.s_product_upload .pro_detailed  .col-ipt{
		margin-bottom: 40px;
	}
}


/*------------------------------------------
	Input 群組框架
--------------------------------------------*/
.s_product_upload .pro_detailed .row-detailed .col-main{
	display: flex;
    flex-direction: column;
    margin-right: 10px;
}
.s_product_upload .pro_detailed .row-detailed .col-main .inf_ipt_box{
	margin-right: 10px;
}

@media only screen and (max-width: 1200px){
	.s_product_upload.product_edit .pro_detailed .row-detailed .col-main{
		flex-grow: 1;
	}
	.s_product_upload .pro_detailed .row-detailed .col-main .inf_ipt_box{
		margin-right: 0;
	}
}

@media only screen and (max-width: 992px){
	.s_product_upload .pro_detailed .row-detailed .col-main{
		flex-grow: 1;
		margin-right: 0;
	}
}

/*------------------------------------------
    按鈕框架
--------------------------------------------*/
.s_product_upload .pro_detailed .row-detailed .col-opt{
	flex-basis: 110px;
	display: flex;
	flex-grow: 1;
	flex-shrink: 1;
	justify-content: space-between;
}

@media only screen and (max-width: 992px){
	.s_product_upload .pro_detailed .row-detailed .col-opt{
		flex-basis: 190px;
		max-width: 220px;
		width: 180px;
		position: absolute;
		right: 0;
	}
	.s_product_upload .pro_detailed .row-detailed.created .col-opt{
		justify-content: flex-end;
	}
}

/*------------------------------------------
	新增按鈕
--------------------------------------------*/
.s_product_upload .pro_detailed .row-detailed .col-opt .add-row{
	width: 110px;
    margin-bottom: 20px;
	padding: 0 5px;
	display: flex;
	flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #363636;
    background: none;
    border: 2px dashed #ffcc33;
    text-align: center;
	cursor: pointer;
}

@media only screen and (max-width: 1200px){
	.s_product_upload .pro_detailed .row-detailed .col-opt .add-row{
		width: 65px;
	}
}

/* .s_product_upload .pro_detailed .row-detailed .col-opt .add-row.add-row--remove{
	display: none;
} */

@media only screen and (max-width: 992px){
	.s_product_upload .pro_detailed .row-detailed .col-opt .add-row{
		width:85px;
		padding:5px;
	}
}



.s_product_upload .pro_detailed .row-detailed.created .col-opt .add-row{
	/* color:#c7c7c7; */
	border-color: #c7c7c7;
	/* display: none; */
}
.s_product_upload .pro_detailed .row-detailed:not(.created) .col-opt .add-row--remove{
	border-color: #c7c7c7;
}
.s_product_upload .pro_detailed .row-detailed.created .col-opt .add-row.add-row--remove{
	display: flex;
}


/* 新增按鈕 / */



/*------------------------------------------
    Input / Textarea 輸入
--------------------------------------------*/
.s_product_upload .pro_detailed .ipt_sty_g{ 
	width: 265px;
}
/* en */
.en .s_product_upload .pro_detailed .ipt_sty_g{ 
	width: 245px;
}

@media only screen and (max-width: 1200px){
	.s_product_upload .pro_detailed.pro_detailed .ipt_sty_g{
		width:205px;
	}
	.en .s_product_upload .pro_detailed.pro_detailed .ipt_sty_g{
		width:185px;
	}
	.s_product_upload.product_edit .pro_detailed.pro_detailed .ipt_sty_g{
		width:100%;
	}
}
@media only screen and (max-width: 992px){
	.s_product_upload .pro_detailed .ipt_sty_g.ipt_sty_g{
		width:100%;
	}
	.s_product_upload .pro_detailed .row-detailed .col-opt .add-row{
		margin:0;
	}

	/* Produt_edit */
	.s_product_upload.product_edit .pro_detailed .ipt_sty_g{
		width:100%;
	}
}
 /* Input / Textarea 輸入 / */






/* product_add */ /* product_edit */ 



/***********************************************************************
    product_management
***********************************************************************/

/*------------------------------------------------------------------
	選擇原廠 
------------------------------------------------------------------*/


/*------------------------------------------------------------------
	新增品牌名稱、品牌數量
------------------------------------------------------------------*/





/* product_management / */


/***********************************************************************
    product_management_list
***********************************************************************/
/*------------------------------------------------------------------
	選擇原廠 
------------------------------------------------------------------*/





/*------------------------------------------------------------------
	調整 麵包
------------------------------------------------------------------*/

/* product_management_list / */

/***********************************************************************
    Register
***********************************************************************/
/*------------------------------------------------------------------
	Loading 效果
------------------------------------------------------------------*/


/*------------------------------------------------------------------
	Select 樣式 Oerride
------------------------------------------------------------------*/

/* Select 樣式 Oerride / */

/*------------------------------------------------------------------
	SWAL 調整
------------------------------------------------------------------*/

/*------------------------------------------------------------------
	File 上傳Ipt
------------------------------------------------------------------*/

/*------------------------------------------------------------------
	公司地址
------------------------------------------------------------------*/


/* en */







/*------------------------------------------------------------------
	使用者同意事項特別確認欄
------------------------------------------------------------------*/



/*------------------------------------------------------------------
	區域燈箱  全域共用樣式
------------------------------------------------------------------*/
/* 按鈕 */
.modal-add-region .modal-body .btn_center_box {
	margin-top: 20px;
}


/* Modal Header -- company style*/

.modal-add-region.company-style .modal-header{ 
	background:#ff652b;
}
.modal-add-region.company-style .checkbox-wrap .check-bg{
	border-color:#ff652b;
}




.modal-add-region .modal-head{
	border-bottom: 0;
}
.modal-add-region .modal-middle{
	padding: 1rem;
	background: #f3f3f3;
	line-height: 1.3;
}



.modal-add-region .modal-middle .colon{
	margin:0 5px;
}

.modal-add-region .modal-middle .col-des{
	margin-bottom: 15px;
	color:#000;
}

.modal-add-region .modal-middle .regions{
	margin-bottom: 10px;
	color:#000;
}

.modal-add-region .modal-middle .regions .head{
	font-weight: bold;
	margin-bottom: 5px;
	color:#000;
}

.modal-add-region .modal-middle .regions .list{
	display: flex;
	flex-wrap: wrap;
}

.modal-add-region .modal-middle .regions .list .item{
	margin-right: 5px;
	margin-bottom: 5px;
}

.modal-add-region .modal-middle .regions .city{
	color:#ff6700;
}
.modal-add-region .modal-middle .regions .city:not(:last-child):after{
	content:'、';
	color:#ff6700;
}

/* checkbox樣式 */
.modal-add-region .checkbox-wrap{
	position: relative;
}
@media screen and (max-width: 768px){
	.modal-add-region .checkbox-wrap{
		display: flex;
	}
	.modal-add-region .sub-list-wrap .checkbox-wrap .label{
		display: flex;
		flex-basis: 100%;
	}
	.modal-add-region .sub-list-wrap .checkbox-wrap .label .text{
		flex-basis: calc(100% - 30px);
		height: auto;
	}
}
@media screen and (max-width: 413.98px){
	.modal-add-region .checkbox-wrap{
		flex-direction: column;
	}
}
.modal-add-region .checkbox-wrap .label{
	margin-right:0;
	word-break: keep-all;
}
.modal-add-region .checkbox-wrap .check-bg{
	border: 1px solid #ffcc33;
	color:#000;
	min-width: 20px;
}
.modal-add-region .checkbox-wrap .text{
	width:auto;
	color:#000;
	height:auto;
	min-height: 20px;
	word-break: break-all;
  	text-align: left;
}
@media screen and (max-width: 768px){
	.modal-add-region .checkbox-wrap .text{
		width: 50px;
		text-align: left;
		white-space: initial;
		word-break: break-all;
		height: auto;
	}
	.modal-add-region .item-first > .checkbox-wrap .text{
		width: 100%;
	}
}

/* Title */
.modal-add-region .ipt_title{
	color:#000;
}


/* 選取區域 */
.modal-add-region .modal-body {
	margin-bottom: 20px;
}
.modal-add-region .modal-body .regions{
	margin-bottom: 4%;
}
@media screen and (max-width: 768px){
	.modal-add-region .modal-body .regions .ipt_title .checkbox-wrap{
		display: inline-block;
	}
}
.modal-add-region .modal-body .regions > .list{
	display: flex;
	flex-wrap:wrap;
	border-bottom: 1px solid #ccc;
}

.modal-add-region .item-first {
	margin-right: 0!important;
	flex-basis: calc(100% / 5);
}

@media screen and (max-width: 992px){
	.modal-add-region .item-first {
		flex-basis: calc(100% / 4);
	}
}

@media screen and (max-width: 576px){
	.modal-add-region .item-first {
		flex-basis: calc(100% / 3);
	}
}

.modal-add-region .modal-body .regions .list .item{
	margin-right: 30px;
}


@media screen and (max-width: 768px){
	/* .modal-add-region .modal-body .regions .list .item{
		margin-right: 0px;
		width:100%;
		width: 100%;
		flex-basis: 100%;
	}
	.modal-add-region .modal-body .regions .sub-list-wrap .list .item{
		max-width: 120px;
	}
	.modal-add-region .modal-body .regions > .list > .item{
		margin-bottom: 30px;
	} */
}
.modal-add-region .modal-body .regions .list .item-first .checkbox-wrap{
	position: static;
}
.modal-add-region .modal-body .regions .list .label{
	/* position:relative; 1115 */
	text-align: left;
	display: flex;
}
.modal-add-region .modal-body .regions .list .label .text{
	margin-left: 5px;
}



/* 次選取區域 */
.modal-add-region .modal-body .regions .sub-list-wrap .list .label{
	display: flex;
}

.modal-add-region .modal-body .regions .list .sub-list-wrap{
	position: absolute;
	width:auto;
	/* min-width: 250px; */
	/* width: 640px; */
	width: 100%;
	min-height: 120px;
    background: #fffdfa;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: .3rem;
	padding: 15px;
	right: 0;
	/* transform: translateX(80%) translateY(-10px); */
	transform: translateY(-10px);
	z-index: 20;
	display: none;
}
@media screen and (max-width: 768px){
	.modal-add-region .modal-body .regions .list .sub-list-wrap{
		transform: translateY(25px);
	}
}


/* TODO　臨時 */
.modal-add-region-style .modal-body .regions .list .item:hover .sub-list-wrap {
	display: none;
}


/*　TODO 臨時 */
.modal-add-region-style .modal-body .regions .list .label ~.sub-list-wrap:hover {
	display: none;
}

.modal-add-region .modal-body .regions .list .sub-list-wrap .list{
	display: flex;
	flex-wrap: wrap;
}

.modal-add-region .modal-body .regions .list .sub-list-wrap .item{
	flex-basis: calc(100% / 5 );
	max-width: calc(100% / 5 );
	margin-right: 0!important;
}
@media screen and (max-width: 992){
	.modal-add-region .modal-body .regions .list .sub-list-wrap .item {
		flex-basis: calc(100% / 4 );
  		max-width: calc(100% / 4 );
	}
}
@media screen and (max-width: 576px){
	.modal-add-region .modal-body .regions .list .sub-list-wrap .item {
		flex-basis: calc(100% / 3 );
  		max-width: calc(100% / 3 );
	}
}

/* Loading 效果 */
.spinner-wrap{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #fffdfa;
	z-index: 1;
	visibility: hidden;
}
.spinner-border {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;

	display: inline-block;
	width: 2rem;
	height: 2rem;
	vertical-align: text-bottom;
	border: .25em solid #eeb508;
	border-right-color: transparent;
	border-radius: 50%;
	animation-name: spinner-border;
	animation-duration: .75s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	animation-fill-mode: forwards;
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
}
@keyframes spinner-border {
	/* 0% {
		-webkit-transform: rotate(0deg);
  		transform: rotate(0deg);
	} */
    100% {
		-webkit-transform: rotate(360deg);
  		transform: rotate(360deg);
	}
}

.btn-close-region-wrap {
	display: none;
}

@media screen and (max-width: 768px){
	.btn-close-region-wrap {
		display: block;
		font-size: 24px;
		text-align: right;
	}
}

/***********************************************************************
    Company Info
***********************************************************************/


/*------------------------------------------------------------------
	公司地址
------------------------------------------------------------------*/

/*------------------------------------------------------------------
	File 上傳 ipt
------------------------------------------------------------------*/

/*------------------------------------------------------------------
	Checkbox 設定
------------------------------------------------------------------*/

/*------------------------------------------------------------------
	Label 設定
------------------------------------------------------------------*/

/*------------------------------------------------------------------
	顏色
------------------------------------------------------------------*/



/*------------------------------------------------------------------
	審核清單
------------------------------------------------------------------*/










/* 標題 */








/*------------------------------------------------------------------
	審核清單 區域 資料燈箱
------------------------------------------------------------------*/



/* 標題列 */






/*------------------------------------------------------------------
	審核清單 品牌 資料燈箱
------------------------------------------------------------------*/



/*------------------------------------------------------------------
	審核清單 申請欄位
------------------------------------------------------------------*/
/*------------------------------------------------------------------
	Select 樣式 Oerride
------------------------------------------------------------------*/





/*------------------------------------------------------------------
	品牌列表
------------------------------------------------------------------*/
/*------------------------------------------------------------------
	Select 樣式 Oerride
------------------------------------------------------------------*/


/***********************************************************************
    rfq_detail
***********************************************************************/
/*------------------------------------------------------------------
	新增選項
------------------------------------------------------------------*/





/* rfq_detail / */


/* quotation_add_confirm */




/* quotation_edit */

/* en */
/***********************************************************************
    Company About
***********************************************************************/






















/***********************************************************************
    Company Registered
***********************************************************************/
/*------------------------------------------------------------------
	Loading 效果
------------------------------------------------------------------*/
.company_registered  #page-spinner {
	background: rgba(0,0,0,.5);
	position: fixed;
}

.company_registered .region.select_sty_g{
	height: 31px;
    padding-left: 10px;
	width: 100%;
	outline: none;
}

.company_registered  #page-spinner .spinner-border{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	display: inline-block;
	width: 2rem;
	height: 2rem;
	vertical-align: text-bottom;
	border: .25em solid #ff652b;
	border-right-color: transparent;
	border-radius: 50%;
	animation-name: spinner-border;
	animation-duration: .75s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	animation-fill-mode: forwards;
}




/*------------------------------------------------------------------
	區域燈箱 頁尾
------------------------------------------------------------------*/
.company_registered ~ .modal-add-region .modal-header{
	background:#ff652b;
}
.company_registered ~ .modal-add-region .modal-title{
	color:#fff;
}
/* ipt title */
.company_registered ~ .modal-add-region .ipt_title{
	color:#000;
}
/* checkbox */
.company_registered ~ .modal-add-region .checkbox-wrap .check-bg{
	border-color:#ff652b;
}





/***********************************************************************
    Company Profile
***********************************************************************/
.company_profile .region.select_sty_g{
	height: 31px;
    padding-left: 10px;
	width: 100%;
	outline: none;
}

/*------------------------------------------------------------------
	區域燈箱 頁尾
------------------------------------------------------------------*/
.company_profile ~ .modal-add-region .modal-header{
	background:#ff652b;
}
.company_profile ~ .modal-add-region .modal-title{
	color:#fff;
}
/* ipt title */
.company_profile ~ .modal-add-region .ipt_title{
	color:#000;
}
/* checkbox */
.company_profile ~ .modal-add-region .checkbox-wrap .check-bg{
	border-color:#ff652b;
}




/***********************************************************************
    Company About Set
***********************************************************************/
/*------------------------------------------------------------------
	基礎樣式
------------------------------------------------------------------*/


/*------------------------------------------------------------------
	橫幅 
------------------------------------------------------------------*/







/*------------------------------------------------------------------
	資訊
------------------------------------------------------------------*/

/* Company About Set / */


/***********************************************************************
    object_management
***********************************************************************/














/***********************************************************************
    supplier set
***********************************************************************/
/*------------------------------------------------------------------
	共用
------------------------------------------------------------------*/
/* Select */
.supplier-set .select_sty_g{
	height: 34px;
	font-size: 13px;
	background-position-y: 60%;
	width:90%;
}

.supplier-set .long_table_cont{
	min-width:980px;
}

.supplier-set .long_table_block .title_bar{
	min-width:980px;
}



.supplier-set .btn-trigger-open,
.supplier-set .btn-trigger-close,
.supplier-set .btn-add
{
	line-height: 1;
	font-size: 14px;
}


/*------------------------------------------------------------------
	標題
------------------------------------------------------------------*/

/*------------------------------------------------------------------
	內容欄位
------------------------------------------------------------------*/


/*------------------------------------------------------------------
	Slide Down 區塊
------------------------------------------------------------------*/
.supplier-set .slide-down{
	border: 1px solid #ffcc33;
    border-radius: 5px;
    padding: 20px 20px;
    margin-bottom: 15px;
	margin-top: 30px;
	background:#fff;
	display: none;
	position: relative;
}

.supplier-set .slide-down .spinner-border {
	width: 1.5rem;
  	height: 1.5rem;
}


/* ckeckbox */
.supplier-set .checkbox-wrap .label{
    margin-right: 0;
}
.supplier-set .checkbox-wrap .label .check-bg{
	border: 1px solid #ffcc33;
    margin-right: 0;
}


.supplier-set .slide-down .brand_logo_box{
	margin-bottom: 10px;
}

.supplier-set .slide-down .view{
	max-height: 392px;
}



/*------------------------------------------------------------------
	Modal
------------------------------------------------------------------*/
/*------------------------------------------------------------------
	區域燈箱
------------------------------------------------------------------*/
/* 按鈕 */
/* .supplier-set .modal-add-region .modal-body .btn_center_box {
	margin-top: 20px;
}


.supplier-set .modal-add-region .modal-head{
	border-bottom: 0;
}
.supplier-set .modal-add-region .modal-middle{
	padding: 1rem;
    background: #f3f3f3;
}

.supplier-set .modal-add-region .modal-middle .colon{
	margin:0 5px;
}



.supplier-set .modal-add-region .modal-middle .regions{
	margin-bottom: 10px;
}

.supplier-set .modal-add-region .modal-middle .regions .head{
	font-weight: bold;
	margin-bottom: 5px;
	line-height: 1;
}

.supplier-set .modal-add-region .modal-middle .regions .list{
	display: flex;
	line-height: 1;
}

.supplier-set .modal-add-region .modal-middle .regions .list .item{
	margin-right: 5px;
} */

/* checkbox樣式 */
/* .supplier-set .modal-add-region .checkbox-wrap{
	position: relative;
}
@media screen and (max-width: 768px){
	.supplier-set .modal-add-region .checkbox-wrap{
		display: flex;
	}
	.supplier-set .modal-add-region .sub-list-wrap .checkbox-wrap .label{
		display: flex;
		flex-basis: 100%;
	}
	.supplier-set .modal-add-region .sub-list-wrap .checkbox-wrap .label .text{
		flex-basis: calc(100% - 30px);
		height: auto;
	}
}
@media screen and (max-width: 413.98px){
	.supplier-set .modal-add-region .checkbox-wrap{
		flex-direction: column;
	}
}
.supplier-set .modal-add-region .checkbox-wrap .label{
	margin-right:0;
	word-break: keep-all;
}
.supplier-set .modal-add-region .checkbox-wrap .check-bg{
	border: 1px solid #ffcc33;
}
.supplier-set .modal-add-region .checkbox-wrap .text{
	width:auto;
}
@media screen and (max-width: 768px){
	.supplier-set .modal-add-region .checkbox-wrap .text{
		width: 50px;
		text-align: left;
		white-space: initial;
		word-break: break-all;
		height: auto;
	}
} */

/* 選取區域 */
/* .supplier-set .modal-add-region .modal-body {
	margin-bottom: 20px;
}
.supplier-set .modal-add-region .modal-body .regions{
	margin-bottom: 50px;
}
@media screen and (max-width: 768px){
	.supplier-set .modal-add-region .modal-body .regions .ipt_title .checkbox-wrap{
		display: inline-block;
	}
}
.supplier-set .modal-add-region .modal-body .regions > .list{
	display: flex;
	flex-wrap:wrap;
	border-bottom: 1px solid #ccc;
}
.supplier-set .modal-add-region .modal-body .regions .list .item{
	margin-right: 30px;
}
@media screen and (max-width: 768px){
	
	.supplier-set .modal-add-region .modal-body .regions .list .item{
		margin-right: 0px;
		width:100%;
	}
	.supplier-set .modal-add-region .modal-body .regions .sub-list-wrap .list .item{
		max-width: 120px;
	}
	.supplier-set .modal-add-region .modal-body .regions > .list > .item{
		margin-bottom: 30px;
	}
	.supplier-set .modal-add-region .modal-body .regions .list .item-first{
		flex-basis:100%;
	}
	.supplier-set .modal-add-region .modal-body .regions .list .sub-list-wrap .item {
		flex-grow: 1;
	}
} */
/* .supplier-set .modal-add-region .modal-body .regions .list .label{
	position:relative;
	text-align: left;
	display: flex;
}
.supplier-set .modal-add-region .modal-body .regions .list .label .text{
	margin-left: 5px;
}
.supplier-set .modal-add-region .modal-body .regions .sub-list-wrap .list .label{
	display: flex;
} */


/* 次選取區域 */
/* .supplier-set .modal-add-region .modal-body .regions .list .sub-list-wrap{
	position: absolute;
	width:auto;
	min-width: 250px;
	width: 100%;
    background: #fff;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: .3rem;
	padding: 15px;
	right: 0; */
	/* transform: translateX(100%) translateY(-30px); */
	/* z-index: 20;
	display: none;
} */
/* @media screen and (max-width: 768px){
	.supplier-set .modal-add-region .modal-body .regions .list .sub-list-wrap{
		display: block;
		position: relative;
		transform: none;
		flex-grow: 1;
	}
} */

/* .supplier-set .modal-add-region .modal-body .regions .list .label:hover ~.sub-list-wrap{
	display: block;
}

.supplier-set .modal-add-region .modal-body .regions .list .label ~.sub-list-wrap:hover{
	display: block;
} */

/* .supplier-set .modal-add-region .modal-body .regions .list .sub-list-wrap .list{
	display: flex;
}

.supplier-set .modal-add-region .modal-middle .regions .city{
	color:#ff6700;
}
.supplier-set .modal-add-region .modal-middle .regions .city:not(:last-child):after{
	content:'、';
	color:#ff6700;
}


.supplier-set .select2-selection {
    height: 51px;
    width: 100%;
}

.supplier-set .select2-container--default .select2-selection--single{
	border: 1px solid #ffcc32;
    width: 100%;
    border-radius: 0 5px 5px 0;
}
.supplier-set .select2-container{
	width: 100%!important;
}

.supplier-set .inner .row > .col-12{
	margin-bottom: 15px;
}

.supplier-set .modal-add-region .select_sty_g{
	height: 51px;
}
.supplier-set .modal-add-region .yellow_btn_sty{
	line-height: 1;
} */

.supplier-set .inner .row > .col-12{
	margin-bottom: 15px;
}

/*------------------------------------------------------------------
	Modal 聯絡人區塊
------------------------------------------------------------------*/
.supplier-set  .info_wrap_title{
	font-size: 22px;
	font-weight: bold;

}









/* en */


/******** 供應商 supplyier(end) *********/



/* rfq_list */

body.en .product_detailed.m_product_detailed.member_sty.m_member_profile .pro_txt_wrap .nav .nav-item:first-child a


/* object_detail */
/* en */

/***********************************************************************
    Company About 
***********************************************************************/




/***********************************************************************
    object_all_list
***********************************************************************/
/*------------------------------------------------------------------
	版面layout 調整
------------------------------------------------------------------*/

@media screen and (min-width: 1200px){
    .search_block select, .search_block input.ipt_sty{
        width: 150px;
    }
}
.object-all-list .page_content_block, .object-list .page_content_block, .object_used_list .page_content_block{
	padding: 0 15px 50px 15px;
}
/* .object-all-list .left_menu_block,
.object-list .left_menu_block,
.object_used_list .left_menu_block
{
	background: none;
} */


/* 版面layout 調整 / */

.object-all-list .right_content_block .commodity_pro, .object-list .right_content_block .select_brand_block, .object_used_list .right_content_block .select_brand_block{
	background: #fff;
}

.object-all-list .right_content_block .select_brand_search:hover,
.object-list .right_content_block .select_brand_search:hover,
.object_used_list .right_content_block .select_brand_search:hover
{
	background-color: #333;
}

.object-all-list .brand_ch_box:after{
	color:#212529
}

.object-all-list .select_brand_block .brand_ch_box .brand_sel_box+label i{
	color:#212529;
}


/******** 遊艇公司 company(end) *********/


.dark .modal-content{
    background-color: #515151;
    color: #fff;
    font-size: 16px;
}
.dark .modal-header{
	border-bottom: 1px solid #666666;
}
.dark .modal-footer{
	border-top: 1px solid #666666;
}
.dark .close , .dark .close:focus, .dark .close:hover{
	color: #fff;
}
.dark .btn-primary{
	background: #ff652b;
    border: none;
}
.dark .btn-primary:hover , .dark .btn-primary:focus, .dark .btn-primary:active {
    background: #de4c15;
    border: none;
}
.dark .ipt_title { font-size: 16px; margin-bottom: 10px; color: #fff; display: inline-block;}
.dark .ipt_box{background:#898989;padding: 10px;border-radius: 3px;position: relative;font-size: 14px;padding-left: 30px;width: 100%; margin-bottom: 20px;}
.dark .ipt_box input{background: none;color:#fff;padding: 5px;font-size: 16px;width: 100%;border:none;}
.dark .ipt_box input+i{font-size: 16px; position: absolute;left: 10px;top:calc(50% - 8px);color:#dcdcdc;transition: .5s;}
.dark .ipt_box input:focus+i{color:#ff652b;}
.dark .ipt_box input::placeholder{
	color:#dcdcdc;
	padding: 5px;
}









.btn.btn-compare {
    position: fixed;
    right: 10px;
    bottom: 80px;
    background: #ff652b;
    border: 1px #363636 solid;
    color: #fff;
    font-weight: bold;
    border-radius: 50px;
    padding: 10px 40px;
    box-shadow: 0 2px 2px #000;
    transition: .5s;
    transform: translateX(0);
    z-index: 10;
}
.btn.btn-compare.out{
	transform: translateX(150%);
}

.btn.btn-compare:hover {
    background: #ea5413;
    color: #fff;
}
.num{
	display: inline-block;
}


.sort-wrap {
    color: #313131;
}

.sort-wrap span {
    display: inline-block;
    width: 18px;
    height: 18px;
    border: 1px #313131 solid;
    margin-right: 1px;
    vertical-align: middle;
    cursor: pointer;
}

.sort-wrap .sort {
    display: none;
}

.sort-wrap .sort:checked + span {
    background: #ff652b;
}

.sort-wrap {
    padding: 10px;
    background: #fff;
}

.sort-wrap .sort:checked + span {
    border-color: #ff652b;
}
.sort-wrap span i{opacity: 0;transition: .3s; transform: translate(-1px, -6px)  scale(1.5,1.5);}
.sort-wrap .sort:checked + span i{opacity: 1;transform: translate(-1px, -6px)  scale(0.8,0.8);color:#fff;}


/********************************************/
/**************｜調大字級開始｜***************/
/********************************************/
.index .choose_needs_block .needs_card .name,.news_detailed .news_detailed_title h4,.privacy_lbox .modal-title{
	font-size: 24px;
	font-weight: bold;
}
.index .choose_needs_block .needs_card .inf_box,body,.sign_in_box .forget_psw, .footer_block .introduction,.privacy_lbox .modal-body{
	font-size: 18px;
	line-height: 150%;
}

.sign_in_box .btm_bar .link,.news_list_box .news_list .tag,.footer_block .contact>li,.index .news_block .subtitle,
.sign_in_box .ipt_title,.sign_in_box .sub_btn,.left_menu_block .add_project_btn, .left_menu_block .data_analysis_btn,
.left_menu_block .l_menu_box2 .mu_second_btn,.left_menu_block .l_menu_box .mu_first_btn,.news_list_box .news_list .date,.news_list_box .news_list .inf,
.text_editor_block p ,.prj_inf_tb , .add_staff_list>li,.capsule_btn,.part_management .total_list p,.part_management .classification_list>li a.clk,
.dark .ipt_title, .btn, .obj_name_title  .obj_info_wrap,.upload_picture_box .description_box .title, .warehouse_box .name, .warehouse_box .label,.warehouse_box .com_id
{
	font-size: 18px;
}
.index .join_box label,.bs_light_box .modal-header h4,.modal-title,.s_product_upload .block_title{
	font-size: 24px;
}
.footer_block .ipt_mail_box button,.news_list_box .news_list.activity .more_btn,.news_detailed .news_detailed_title span,
.block_title .prompt,.tips{
	font-size: 16px;
}
@media screen and (max-width: 1600px){
	.long_table_block,.long_table_block {
	    padding-top: 77px;
	}
}

.commodity_card .commodity_name{
    line-height: 18px;
    height: 36px;
}
.en .s_product_upload .pro_detailed .ipt_sty_g{
	width: 235px;
}
.commodity_card .add_btn{
	height:32px;
}
.commodity_card .qty_ipt{
	height: 32px;
}
/********************************************/
/**************｜調大字級結束｜***************/
/********************************************/

/* website global */

.right_content_block .commodity_pro .full-w-container{
	max-width: calc(100% - 30px);
}

/* website global / */

/* common  / */

/* command */
.is-device-has-scrollbar .muki-webkit-scrollbar::-webkit-scrollbar{
    width: 17px;
	background: #fafafa;
}
.is-device-has-scrollbar .muki-webkit-scrollbar::-webkit-scrollbar-track {
}
.is-device-has-scrollbar .muki-webkit-scrollbar::-webkit-scrollbar-thumb {
	background:#ccc;
	transition: .3s background;
}
.is-device-has-scrollbar .muki-webkit-scrollbar::-webkit-scrollbar-thumb:hover{
	background:#bbb;
}
/* command / */