/* Write your styles */

.am-container{max-width: 1200px;}

.am-topbar{background: #fff;}

#bshare-custom{position: fixed;right:0;top:60%}
#bshare-custom a,#bshare-custom span{display: block;margin-bottom: 2rem;}
#bshare-custom .iconfont{display: block;font-size: 3rem;color:#666;}

#bshare-custom.icon-medium-plus .bshare-twitter{background: rgba(0, 0, 0, 0) url("../img//top_logos_sprite.gif") no-repeat scroll 0 -646px}
#bshare-custom.icon-medium-plus .bshare-instagram{background: rgba(0, 0, 0, 0) url("../img//top_logos_sprite.gif") no-repeat scroll 0 -646px}
#bshare-custom.icon-medium-plus .bshare-youtobe{background: rgba(0, 0, 0, 0) url("../img//top_logos_sprite.gif") no-repeat scroll 0 -646px}

header .am-img-responsive{max-height: 40px;}

@media(min-width: 1441px){.am-slider-default{margin-top: 30px;}}

@media(min-width: 1100px){
	#nav{background: #d50212;margin-top: 2rem;}
	.am-topbar-nav{width: 100%;}
	.am-topbar-nav > li{width: 10%;text-align: center;}
	.am-topbar-nav > li > a{color:#fff; font-size: 16px;}
	.am-topbar-nav > li.am-active > a, 
	.am-topbar-nav > li.am-active > a:focus, 
	.am-topbar-nav > li.am-active > a:hover,
	.am-topbar-nav > li > a:hover{color:#333;background: #f5f5f5;}
	.am-topbar-nav > li.am-active > a::after{border-bottom-color:#f5f5f5;}

	.am-topbar-nav > li > a{color:#fff; font-size: 16px;}
	.am-topbar-nav > li.active > a{color:#333;background: #f5f5f5;}

	.am-topbar-nav-en.am-topbar-nav > li{width: 9%;}
	.am-topbar-nav-en.am-topbar-nav > li:nth-of-type(2),.am-topbar-nav-en.am-topbar-nav > li:nth-of-type(8),.am-topbar-nav-en.am-topbar-nav > li:nth-of-type(6){width: 14%;}


	

	
}

@media(min-width: 980px) and (max-width: 1023px){

.am-topbar .am-padding-top-xl{padding-top: 15px;}

}


@media(min-width: 1439px) and (max-width: 1919px){

.am-with-topbar-fixed-top{padding-top: 120px}

}


@media(min-width: 981px) and (max-width: 1439px){

.am-with-topbar-fixed-top{padding-top: 150px}

}

@media(min-width: 781px) and (max-width: 980px){

.am-with-topbar-fixed-top{padding-top: 120px}
.am-topbar .am-u-sm-4{padding: 0;}

}

@media(min-width: 361px) and (max-width: 779px){

.am-with-topbar-fixed-top{padding-top: 120px}
.am-topbar-nav > li > a{padding: 0 8px;}
}



.am-slider-default .am-control-nav{bottom:30px;}

h2.title{color:#f01c24;text-align: center;position: relative;margin: 3rem 0;}
h2.title::before,h2.title::after{content:""; width: 45%;position: absolute;top:50%;border-bottom: 1px solid #ccc;}
h2.title::before{left:0;}
h2.title::after{right:0;}

@media(max-width: 641px){
	h2.title::before,h2.title::after{ width: 25%;}	
}

.owl-carousel .item span{display: block;width: 100%;color:#fff; color:#fff; font-size: 2rem;
	line-height: 5rem;background: #404040;text-align: center;position: relative;}

.owl-carousel .item a:hover span{background: #d50212;}	
.owl-theme .owl-dots .owl-dot{display: none;}

#news,#contact{background: #f2f2f2;padding:0 0 3rem; margin: 3rem 0;}

#news .top-news{display: block;width: 100%;position: relative;}
#news .top-news img{width: 100%;}
#news .top-news p{position: absolute;width: 100%;bottom:0;padding:1rem;margin: 0;color:#fff;background: rgba(0,0,0,0.5);}

#news dl{background: #fff;padding:10px;}

#contact dl{text-align: center; padding:2rem  1rem; min-height: 220px;}
#contact dl .iconfont{font-size: 4.2rem;font-weight: normal;}
#contact .am-g > div:first-of-type dl{background: #f9e0e0;}
#contact .am-g > div:first-of-type i{color:#de6764;}
#contact .am-g > div:nth-of-type(2) dl{background: #e1f7af;}
#contact .am-g > div:nth-of-type(2) i{color:#9ac047;}
#contact .am-g > div:nth-of-type(3) dl{background: #d5ecf9;}
#contact .am-g > div:nth-of-type(3) i{color:#33a2e1;}
#contact .am-g > div:nth-of-type(4) dl{background: #f7f7d5;}
#contact .am-g > div:nth-of-type(4) i{color:#f0d20a;}
#contact dd{font-size: 13px;}

#footer{border-top: 2px solid #d50212; margin-top: 3rem;padding-top: 3rem;}
#footer ul,#footer li{margin: 0;padding: 0;list-style: none;text-align: center;}
#footer li{display: inline-block;margin: 1rem;}

#about .am-g{position: relative;}
#about p{width:50%;background: rgba(0,0,0,0.2); color:#fff; padding: 2rem;margin: 0;position: absolute;top:30%;left:0;}
#about p::after{content: "";display: block;position: absolute;left:100%;top:0;
border-style: solid;border-width: 110px;
border-color:transparent transparent  transparent rgba(0,0,0,0.2)  ; }


@media(max-width: 980px){
	#about p{position: relative;top:0;left:0;background: #666; width: 100%;}
}

@media(max-width: 641px){
	#about p{position: relative;top:0;left:0;background: #666; width: 100%;}	
	#about p::after{display: none;}
}

#company-profile .am-container{background: #f1f1f1; margin-bottom: 2rem;padding-bottom: 5rem; padding-top: 2rem;}

#company-profile h1.title{font-size: 4rem;font-weight: normal; color:#8f8e8e;}
#company-profile h1.title span{color:#eb1c2b;font-size: 6rem;}
#company-profile h1.title span::after{display: inline-block;padding: 0 2rem; content: "/"; font-weight: lighter;color:#666;}

#company-profile .cp01{background: #eb1c2b;color:#fff; font-size: 1.5rem;}
#company-profile .cp01 p:first-of-type{margin-top: 2rem;}

#company-profile .cp02{ background: #fff;box-shadow: 0 0 2px #ccc;padding-top: 1rem; }
#company-profile .cp02 h4{text-align: center;margin: 0;line-height: 5rem;}
#company-profile .cp02 img{display: block; width: 95%;margin: 0rem auto; }

#company-profile .owl-carousel{position: relative;}
#company-profile .owl-theme .owl-controls{margin-top: 0;}
#company-profile .owl-theme .owl-dots{background: #fff; padding: 1rem 0;}
#company-profile .owl-theme .owl-dots .owl-dot{display: inline-block;}
#company-profile .owl-theme .owl-nav{position: absolute;top:50%;z-index: 10; width: 100%;}
#company-profile .owl-theme .owl-controls .owl-nav [class*="owl-"]{background: rgba(0,0,0,0.5); font-size: 3rem;}
@media screen and (max-width: 641px) {
	#company-profile .owl-theme .owl-nav{top:30%;}
#company-profile .owl-theme .owl-controls .owl-nav [class*="owl-"]{ font-size: 1.4rem;}	
}
#company-profile .owl-theme .owl-nav .owl-prev{float: left; margin-left: 2rem;}
#company-profile .owl-theme .owl-nav .owl-next{float: right;margin-right: 2rem;}

#company-profile .cp03{background: #f6f6f6;padding:3rem 1rem; width: 98%;margin: 0 auto; box-shadow: 0 0 5px #ccc}
#company-profile .cp03 dl{background: #eb1c2b;color:#fff;text-align: center;}
#company-profile .cp03 dd{padding-bottom: 1rem;}
#company-profile .cp03 img{width: 100%;}

#culture{text-align: center;}

#culture h1,#culture h2{margin: 0;color:#eb1c2b;}
#culture p{font-size: 1.4rem;color:#666; margin: 2rem 0;}
#culture img{max-width: 100%;}
#culture span{display: block;margin: 3rem 0 1rem;}

#culture .culture-info{background: #f2f2f2;padding: 5rem 0; margin-top: 5rem;}
#culture .culture-info .am-container{max-width: 915px; margin-bottom: 2rem;}
#culture .culture-info p{margin-top: 3rem;}
#culture .culture-info h2{margin-bottom: 2rem;}


#new-product{padding-top: 3rem;}
#new-product .product-list{background: #f5f5f5; padding: 0; margin-top: 1.5rem; margin-bottom: 1.5rem;}
#new-product .product-list dl{width: 95%;margin:1rem auto ;}
#new-product .product-list:hover{cursor: pointer;}

.list{border: 1px solid #ddd;box-shadow: 1px 1px 3px #eee; padding-top: 2rem;padding-bottom: 2rem;margin-bottom: 2rem;}
.list dd{margin-bottom: 1rem;}

#product-list{background: #efefef;position: relative;}
#product-list .list{background: #fff;}

#product-list .brand-list{padding-bottom: 2rem;}
#product-list .brand-list a{display: block;float: left;width: 18%;margin:1%;background: #fff;text-align: center;color:#333;padding-bottom: 2rem;}
#product-list .brand-list span{width: 100%;padding: 1rem;vertical-align: middle;margin-bottom: 1rem; display: block; height: 140px;}
#product-list .brand-list img{max-width: 100%;max-height: 140px;}
#product-list #product-detail:hover{cursor: pointer;}

@media screen and (max-width: 980px) {
	#product-list .brand-list a{display: block;float: left;width: 48%;}
	#product-list .brand-list span{height: 100px}
	#product-list .brand-list img{max-height: 100px;}
}


#product-list .am-table{width: 100%;}
#product-list .am-table td,#product-list .am-table th{width: 20%;text-align: center;vertical-align: middle;}
#product-list .am-table th{background: #d50212;color:#fff;}
#product-list .am-table tr{background: #fff;margin: 2rem 0;}
#product-list .am-table span{display: none;}

#product-list #search{position: absolute;top:2rem;right:2rem; }

#product-list .brand-info{background: #fff;padding-top: 2rem;padding-bottom: 2rem;margin-bottom: 2rem;}

#product-list .brand-info .am-u-md-2{border-right:1px solid #ccc;text-align: center;}
#product-list .brand-info .am-u-md-2 img{display: inline-block;}

#product-list .product-info{background: #fff;padding-top: 2rem;padding-bottom: 2rem;border-bottom: 2px solid #d50212;}
#product-list .product-info img{border: 1px solid #ccc;display: block;padding: 2rem;}

@media screen and (max-width: 640px) {
	
	#product-list #search{display: none; }
	#product-list .am-table th{display: none;}
	#product-list .am-table td{width: 100%;display: block;border: none;text-align: left;}
	#product-list .am-table tr{border-bottom: 1px solid #ccc}
	#product-list .am-table span{display: inline-block;}
	#product-list .brand-info .am-u-md-2{border-right:none;}
	#product-list .brand-info .am-u-md-2 img{margin-bottom: 2rem;}
	
}


.am-breadcrumb{font-size: 1.8rem;border-bottom: 2px solid #d2d2d2;padding-bottom: 0;padding-left: 0;line-height: 3;}
.am-breadcrumb a:first-of-type{display: inline-block;border-bottom: 2px solid #d50212; margin-bottom: -2px;color:#333;padding: 0 1rem;}
.am-breadcrumb .am-active{color:#d50212;}

#video video{
	width: 100%;
	border:3px solid #eee;
	padding:5px;
}

#contact .am-container{
	padding: 0;
}

#link .am-container {
	border: 1px solid rgba(213,2,18,0.2);
	padding: 0;
}

#link .am-container a{
	color:#333;	
	padding:5px 0;
	display: inline-block;
}

#link .am-container span{
	background: #D50212;
	font-size: 14px;
	display: inline-block;
	padding:5px 8px;
	color:#fff;
	position: relative;
}

#link .am-container span:after{
	content:"";
	border-width: 31px;
	border-style: solid;
	border-color: #d50212 transparent transparent transparent;
	display: inline-block;
	position: absolute;
	right:-31px;
	top:0;
	z-index: -1;
}

#link .am-container a:after{
	content:"/";
	margin-left:10px;
	color:#ccc;
}

#link .am-container a{
	margin:0 5px 0px 5px;
}