@charset "utf-8";
@import url(main.css);
/*  global  */
	body{ font-family: "Microsoft JhengHei", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, "メイリオ", "맑은 고딕", sans-serif; font-size:12pt; background-color: #F7F8F8; }
	.wrap{ width: 100%; }
	.container{ width:1400px; margin: 0 auto;}
	.rwd-img { width:100%;}
	.rwd-maximg { max-width:100%;}
	.imgbox { overflow:hidden;}
	a{ color:#32312f; text-decoration:none;}
	a:focus, a:hover { text-decoration:none; }
	h1,h2,h3,h4,h5,h6 { margin:0; padding:0; font-weight:normal; font-size: initial;}
	ul, section, div, h3 { position: relative;}
	* {
	  -webkit-box-sizing: border-box;
	     -moz-box-sizing: border-box;
	          box-sizing: border-box;
		}
	ul:after, section:after, div:after, li:after { content: ""; display: block; clear: both;}
	ul{ list-style:none; margin:0; padding:0; }
	body,div,p { margin: 0;padding: 0;}
/*	* { touch-action: none; }*/
/*	==========================================	*/
	/*  icon  */
	.footericon { padding-left:25px; }

	.icon-date { background:url(/assets/img/index/icon_03.png) no-repeat left; min-height: 23px; line-height: 23px; padding-left: 28px; }
	.icon-datedark { background:url(/assets/img/index/icon_03_dark.png) no-repeat left; min-height: 23px; line-height: 23px; padding-left: 28px; }
	.icon-loc { background:url(/assets/img/index/icon_04.png) no-repeat left; min-height: 19px; line-height: 19px; }
	.icon-tel { background:url(/assets/img/index/icon_05.png) no-repeat left; min-height: 19px; line-height: 19px; }
	.icon-fax { background:url(/assets/img/index/icon_06.png) no-repeat left; min-height: 19px; line-height: 19px; }
	.icon-mail { background:url(/assets/img/index/icon_07.png) no-repeat left; min-height: 19px; line-height: 19px; }
	.icon-link { background:url(/assets/img/index/icon_08.png) no-repeat left; min-height: 19px; line-height: 19px; }
	.icon-wechat { background:url(/assets/img/index/wechat_02.png) no-repeat left; min-height: 19px; line-height: 19px; background-size: contain; }



/*  onscrolling  */
	/*.wrap.onscrolling header.headerbox { background-color:rgba(0,0,0,0.8); padding-top:0;  }*/

	/*  header  */
/*	.headerbox { position: fixed; left:0; top:0; z-index: 999; width: 100%; padding: 30px 0; padding-bottom: 0;
									-webkit-transition: all 0.52s ease;
									 	 -moz-transition: all 0.52s ease;
													transition: all 0.52s ease;
	}*/

	.haderbox { padding: 15px; padding-bottom: 0; }
	.logobox { float: left; }
	.menubox { float: left; margin-top:70px; margin-left: 50px; padding-bottom: 19px; }
	.combox { float: right; margin-top:70px; }

	.menu { text-align: center;  z-index: 1; }
	.menu li { display: inline-block; margin-right: 30px;}
	.menu li:last-child { margin-right: 0; }
	.menu li a { position: relative; display: block; color: #32312f; text-align: center; letter-spacing: 4px; }
	.menu li a.active:before,.menu li a:hover:before { content:""; position: absolute; top:19px; left:calc((100% - 42px)/2); background:url(/assets/img/index/icon_01.png) no-repeat center; width: 42px; height: 22px;  }
	.menu li a.active,.menu li a:hover { color: #E50012; }


		/*  rwd menu  */
		.rwdmenubtnbox { display: none; float:right; border-radius: 3px; margin-right: 0; margin-top: 20px;  z-index: 999; }
		.rwdmenubtn { color:#E50012; font-size:20pt; }
		.rwdclosebtn { display:none; color:#E50012; font-size:20pt;}
		.in .rwdclosebtn { display: block; }
		.in .rwdmenubtn { display: none; }

		.rwdmenubox { position:fixed; top:0; left:0; width:270px; height:100%; z-index:99; opacity:0; background-color: #F7F8F8;
			-moz-transform:translateX(-100%);
			-webkit-transform:translateX(-100%);
			-o-transform:translateX(-100%);
			-ms-transform:translateX(-100%);
			transform:translateX(-100%);
			-webkit-transition: all 0.52s ease;
			 	 -moz-transition: all 0.52s ease;
							transition: all 0.52s ease;
		}
		.rwdmenubox.in { opacity:1;
			-moz-transform:translateX(0);
			-webkit-transform:translateX(0);
			-o-transform:translateX(0);
			-ms-transform:translateX(0);
			transform:translateX(0);
			-webkit-transition: all 0.52s ease;
			 	 -moz-transition: all 0.52s ease;
							transition: all 0.52s ease;
		}

/*	  .rwdmenumask { display:none; position:fixed; top:0; left:0; height:100%; width:100%; background-color:rgba(0,0,0,0.6); z-index:9;
									-webkit-transition: all 0.52s ease;
									 	 -moz-transition: all 0.52s ease;
													transition: all 0.52s ease;
	  }
	  .rwdmenumask.in { display:block; }*/

		.rwdmenu { padding:15px; text-align:center; }
		.rwdmenu li { padding:15px 0; margin: 0 30px; }
		.rwdmenu li a { font-size:12pt; color:#333; display:block; }
		.rwdmenu li a.active { color:#333;}

		.menuclosebtn { position: absolute; top:0; right:0; z-index: 9; }

		.rwd-header-com { text-align: center; }
		.rwd-header-com li { display: inline-block; padding:10px;  }

		.rwdsearchform { width: 100%; }
		.rwdsearchform .form-group { padding: 0; }
		.search-sub { background-color: #009380; color: #fff; padding: 10px; font-weight: bold; font-size: 14pt; }
		.searchdownbtn { width: 30px; display: block; text-align: center; height:32px; line-height: 32px; position: absolute; right: 1px; top:1px; border-radius: 0 2px 2px 0; color: #fff;
			background: rgb(184,12,36); /* Old browsers */
			background: -moz-linear-gradient(top, rgba(184,12,36,1) 0%, rgba(141,14,35,1) 100%); /* FF3.6-15 */
			background: -webkit-linear-gradient(top, rgba(184,12,36,1) 0%,rgba(141,14,35,1) 100%); /* Chrome10-25,Safari5.1-6 */
			background: linear-gradient(to bottom, rgba(184,12,36,1) 0%,rgba(141,14,35,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b80c24', endColorstr='#8d0e23',GradientType=0 ); /* IE6-9 */
		}
		.search-cont { padding:15px; background-color: #fff;  }
		.search-control { position: absolute; top:0; right: 0; opacity: 0; z-index: 1; cursor: pointer; width: 100%; }
		.searchsubmit { border:0;  display: block; width: 100%; height: 34px;
			background: rgb(67,177,210);
	    background: -webkit-linear-gradient(rgba(67,177,210,1) 0%, rgba(55,195,168,1) 100%);
	    background: -o-linear-gradient(rgba(67,177,210,1) 0%, rgba(55,195,168,1) 100%);
	    background: linear-gradient(rgba(67,177,210,1) 0%, rgba(55,195,168,1) 100%);
	    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#43b1d2', endColorstr='#37c3a8',GradientType=0 );
		}
		.searchsubmitbox {
			background: rgb(184,12,36); /* Old browsers */
			background: -moz-linear-gradient(top, rgba(184,12,36,1) 0%, rgba(141,14,35,1) 100%); /* FF3.6-15 */
			background: -webkit-linear-gradient(top, rgba(184,12,36,1) 0%,rgba(141,14,35,1) 100%); /* Chrome10-25,Safari5.1-6 */
			background: linear-gradient(to bottom, rgba(184,12,36,1) 0%,rgba(141,14,35,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b80c24', endColorstr='#8d0e23',GradientType=0 ); /* IE6-9 */
		}

		.rwdsearchbox { position:fixed; top:0; left:0; width:100%; height:100%; z-index:99999; opacity:0; background-color: #000; display: none;
			-moz-transform:scale(0);
			-webkit-transform:scale(0);
			-o-transform:scale(0);
			-ms-transform:scale(0);
			transform:scale(0);
			-webkit-transition: all 0.52s ease;
			 	 -moz-transition: all 0.52s ease;
							transition: all 0.52s ease;
		}
		.rwdsearchbox.in { opacity:1; display: table;
			-moz-transform:scale(1);
			-webkit-transform:scale(1);
			-o-transform:scale(1);
			-ms-transform:scale(1);
			transform:scale(1);
			-webkit-transition: all 0.52s ease;
			 	 -moz-transition: all 0.52s ease;
							transition: all 0.52s ease;
		}
		.rwdsearchbox .menuclosebtn { top:-40px; right: 5px; }
	  .rwdmenumask { display:none; position:fixed; top:0; left:0; height:100%; width:100%; background-color:rgba(0,0,0,0.6); z-index:9;
									-webkit-transition: all 0.52s ease;
									 	 -moz-transition: all 0.52s ease;
													transition: all 0.52s ease;
	  }
	  .rwdmenumask.in { display:block; }

	/*	footer	*/
	footer { background-color:#E50012; }
	.footerbox {padding: 0 15px; }
	.foot-namebox { float: left; margin-top: 15px; margin-right: 340px; }
	.foot-infobox { float: left; margin-top: 15px; margin-right: 80px; }
	.foot-linkbox { float: left; margin-top: 15px; }

	.footinfo li a { color: #fff; }
	.footinfo li { margin-bottom: 15px; }
	.footinfo li:last-child { margin-bottom: 0; }

	.footlink li a { color: #fff; }
	.footlink li { margin-bottom: 15px; }
	.footlink li:last-child { margin-bottom: 0; }

	.compopupbox { display: none; position: absolute; bottom: 23px; left:0; background-color:#fff; text-align: center; padding: 10px; border-radius: 4px;  }
	.compopupa:hover .compopupbox {display: block;}
	.copyright { text-align: center; font-size: 10pt; padding:15px; border-top: 1px dashed #fff; margin-top: 20px; color: #fff; }
	.gotop { position: fixed; right:calc((100% - 1400px - 68px)/2); bottom: 48px; opacity: 0; z-index: 9;
								-webkit-transition: all 0.52s ease;
									 	 -moz-transition: all 0.52s ease;
													transition: all 0.52s ease;
	}
	.gotop.active {  opacity: 1; }

	/*  index  */
	.afc-title .title {display: inline-block; vertical-align: middle; background-color: #E50012; height: 45px; line-height: 45px; padding: 0 15px; }
	.afc-title .title:before { content:""; position: absolute; right:-45px; bottom:0;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 45px 0 0 45px;
		border-color: transparent transparent transparent #e50013;
	}
	.afc-title .sub {display: inline-block; vertical-align: middle; padding-left: 50px; }
	.contactbtn { border:0; background-color: #E50012; padding:10px 40px; border-radius: 10px; cursor: pointer;  }
	.addrfqbtn{ border:0; background-color: #E50012; padding:5px 15px; border-radius: 6px;  cursor: pointer; }

	.index-bannerbox { padding: 15px; padding-top: 0; }
	.index-product-catbox { padding: 15px; }
	.index-product-cat { margin:0 -10px; }
	.index-product-cat li { width: calc(100%/4 - 20px); float: left; margin:15px 10px; }
	.index-product-cat .imgbox {padding: 20px; background-color: #efefef;}
	.index-product-cat a:hover .imgbox:before { content: ""; position: absolute; bottom:12px; right:12px; background:url(/assets/img/index/icon_02.png) no-repeat center; width: 35px; height: 35px; z-index: 9; }
	.index-product-cat a:hover .imgbox:after {content: ""; position: absolute; bottom:0; right:0;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 0 0 100px 100px;
		border-color: transparent transparent #e50013 transparent;
	}

	.pdtext { display: inline-block; width: calc(100% - 40px - 4px); vertical-align: middle; }
	.pdtext h3,.pdtext h4 { overflow: hidden; height: 23px; }
	.decorate { display: inline-block;  vertical-align: middle; width: 40px; color: #E50012; font-size: 7pt; letter-spacing: 2px; }

	.index-newsbox { padding: 0 15px; }
	.index-newsbox li { padding: 15px 0; border-bottom: 1px dashed #fff; }
	.index-newsbox li:last-child { border-bottom: 0; }
	.index-news .sub { width: calc(100% - 130px - 60px - 8px); display: inline-block; vertical-align: middle; padding: 0 15px; word-break:break-word; }
	.index-news .date { width: 130px; display: inline-block; vertical-align: middle; }
	.index-news .more { width:30px; display: inline-block; vertical-align: middle;}
	.video-container {position: relative;padding-bottom: 56.25%;padding-top: 30px;height: 0;overflow: hidden;}
	.video-container iframe, .video-container object, .video-container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
	.index-videobox { padding:30px 15px; }
/*	.index-videobox .owlbtnbox { position: absolute; width: 100%; top: calc((100% - 72px)/2); }
	.index-videobox .owlprev { position: absolute; left: calc((100% - 1400px - 72px)/2); }
	.index-videobox .owlnext { position: absolute; right: calc((100% - 1400px - 72px)/2); }
*/

	/* content */
	.contentbg { padding:15px; padding-top: 0; }
	.contentbox .cookiebox { float: right; padding:0; margin:0; }
	.contentbox .afc-title { float: left; }
	.cookie li a { color: #333333; }
	.cookie li:after { color: #333333; }
	.cookie li.active a,.cookie li:hover a { color:#333333;}

	.pager li a { color: #e50112; padding: 3px 8px; margin:5px; border-radius: initial; }
	.pager li a.active{ background-color: #e50112; color: #fff; text-decoration: none;  border-radius: initial; width: initial; }
	.pager li a:hover{ text-decoration: none; color: #fff;  border-radius: initial; }
	.pager li a.active:hover{ color:#fff;  border-radius: initial; }
	.pager li:hover a, .pager li.active a { background-color: #e50112;  border-radius: initial; }

	.formbox { background-color: transparent; margin-bottom: 0; }
	.form-control { border-radius:3px; }
	.textarea-control { border-radius:3px; }
	.code-control { margin-left: 0; }
	.formblock { width: 100%; }

		/* news */
		.newslist { margin:0 -15px; }
		.newslist li { float: left; width: calc(100%/3 - 30px); margin: 15px;   }
		.newslist li { position: relative; }
		.newslist .sub { background-color: rgba(61,61,61,0.8); position: absolute; bottom: 0; width: 100%; height: 69px;
									-webkit-transition: all 0.52s ease;
									 	 -moz-transition: all 0.52s ease;
													transition: all 0.52s ease;
		}
		.newslist a:hover .sub {height: 175px; }
		.newstitlebox { border-bottom: 2px dashed #ccc; padding-bottom: 15px; }
		.newstitle { display: inline-block; vertical-align: middle; width: calc(100% - 125px); padding-right: 5px; }
		.newsdate {  display: inline-block; vertical-align: middle;  }

		.newslist .imgbox { height: 448px; overflow: hidden; }


		/* product */
		.pdimg { width: 29%; float: left; }
		.pdinfo { width: 69%; float: right; }

		/* rfq */
		.rfq-table {min-width: 100%; border-width:0 0 1px 1px; margin:10px auto;}
		.rfq-table tr { border-bottom: 1px dashed #f4b8c2; }
		.rfq-table th { padding: 0.5em !important;  position: relative;}
		.rfq-table td { padding: 0.5em !important;  position: relative; word-break:break-all; }
		.rfq-table tbody tr:last-child {  border-bottom: 0; }
		.rfqformbox { width: 700px; margin:30px auto; }
		.rfqformbox .label-control { width: 80px;}
		.rfqformbox .formblock { width:calc(100% - 93px); }

		/*  contact  */
		.contactform { padding: 15px; background-color: #dddddd; width: 49%; float: left; }
		.mapbox { width: 49%; float: right;  }
		.mapbox iframe {height: 565px; }


		/* hack  */
		.owl-theme .owl-controls .owl-page span { background: #c9caca; opacity: 1; }
		.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span { background: #E50012;  }
		.articlebox img { max-width:100%; }
		.mCSB_inside>.mCSB_container { margin-right: 0; }

		.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: relative; margin-top: 15px; }
		.bx-wrapper .bx-pager.bx-default-pager a { background: #c9caca; width: 14px; height: 14px; border-radius: 8px; }
		.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background: #E50012;  }

		.bx-controls.bx-has-controls-direction { position: absolute; width: 100%; top: calc((100% - 72px)/2);}
		.bx-wrapper .bx-controls-direction a {width: 72px; height: 72px;}
		.bx-wrapper .bx-prev {background: url('/assets/img/index/left.png') no-repeat center;  left: calc((100% - 1400px - 72px)/2);}
		.bx-wrapper .bx-next {background: url('/assets/img/index/right.png') no-repeat center; right: calc((100% - 1400px - 72px)/2); }
		.bx-wrapper .bx-prev:hover { background-position:center;}
		.bx-wrapper .bx-next:hover { background-position:center;}


		.remodal { background: #333333; }
		#modal1Desc,.remodal-close,.remodal-close:hover { color: #fff; }
		.remodal-cancel,.remodal-confirm {  background-color: #e50112; }
		.remodal-confirm:hover, .remodal-confirm:focus { background-color: #e50112; }
		.remodal-cancel:hover, .remodal-cancel:focus { background-color: #e50112; }

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

}

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

}

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

	.container{ width:100%;}
	.owlbtnbox img { max-width: 100%; }
/*	.index-videobox .owlbtnbox { top: calc((100%)/2 - 42px);  }
	.index-videobox .owlprev { width: 42px; left:0; }
	.index-videobox .owlnext { width: 42px; right:0; }
*/
	.bx-controls.bx-has-controls-direction { position: absolute; width: 100%; top: calc((100% - 42px)/2);}
	.bx-wrapper .bx-controls-direction a {width: 42px; height: 42px; background-size: contain;}
	.bx-wrapper .bx-prev { left: 0;}
	.bx-wrapper .bx-next { right:0; }

	.gotop { right: 15px; }

}

@media screen and (max-width: 1024px){
	.foot-namebox,.foot-infobox { margin-right: 15px; }
	.newslist .sub { height:100%; }
	.newslist a:hover .sub { height: 100%;}
	.newslist .imgbox { height: 309px; }
}

@media screen and (max-width: 768px){
	.foot-namebox { float: none; }
	.foot-infobox { float: none; }

	.compopupbox { display: block; position: initial; margin-top: 5px; max-width: 280px; }

	.rwdmenubtnbox { display: block; margin-top: 6px; }
	.rwdmenubox {display: block; }
	.menubox { display: none; }
	.logobox img { max-width: 100%; }
	.logobox { width: 30px; }
	.combox { margin-right: 15px; margin-top: 4px; }
	header { position: fixed; left:0; top:0; width: 100%; z-index: 999; background-color: #F7F8F8; border-bottom: 1px solid #ccc; }
	.haderbox { padding: 5px 15px; }
	.wrap { padding-top: 48.44px; }

	.newslist li { width: calc(100%/2 - 30px); }
	.contentbox .index-product-cat li { width: calc(100%/3 - 20px); }
	.contactform { float: none; width: 100%; }
	.mapbox {float: none; width: 100%; margin-top: 15px; }

	.contentbox .afc-title { width: 100%; float: none; }
	.contentbox .cookiebox { width: 100%; float: none;  margin-top: 15px;  text-align: right; }
	.contentbox .cookie { display: inline-block; }
	.newstitle { width: 100%; display: block; padding-right: 0; }
	.newsdate { width: 100%; display: block; text-align: right; margin-top: 15px; text-align: right; }
	.newsdate .icon-datedark { display: inline-block; }

}

@media screen and (max-width: 425px){
	.index-product-cat li { width: calc(100%/2 - 20px); }
	.newslist li { width: calc(100%/1 - 30px); }
	.contentbox .index-product-cat li { width: calc(100%/2 - 20px); }
	.pdimg { width: 100%; float:none; }
	.pdinfo { width: 100%; float: none; margin-top: 15px; }
	.rfqformbox { width: 100%; }
	.rfqformbox .label-control {width: 100%;}
	.rfqformbox .formblock { width: 100%; }

}

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

}

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

}

@media screen and (max-width: 320px){
	.contactbtn { padding: 10px 30px; }
	.newslist .imgbox { height: 291px; }
}