@charset "utf-8";



/* HOME
-------------------------------------------------------------------------------------------------------- */
#sliderHome				{ margin-bottom:120px; } /* en + cn ONLY*/

.slider-pro .sp-arrows			{ margin-top:-96px; }
.slider-pro .sp-next-arrow	{ content:' ' !important; display:block; right:0; width:60px; height:192px; text-indent:-9999px; background: url(../images/common/btn_sli_ar_prev.png) no-repeat center center; }
.slider-pro .sp-previous-arrow { content:' ' !important; display:block; left:0; width:60px; height:192px; text-indent:-9999px; background: url(../images/common/btn_sli_ar_prev.png) no-repeat center center; }
.sp-previous-arrow:before,
.sp-previous-arrow:after,
.sp-next-arrow:before,
.sp-next-arrow:after		{ display:none;}
@media screen and (max-width: 768px) {
#sliderHome				{ margin-bottom:60px; } /* en + cn ONLY*/
}
@media screen and (max-width: 480px) {
#sliderHome				{ margin-bottom:30px; } /* en + cn ONLY*/
}







/* bizNav */
#bizNav										{ width:100%; }
#bizNav .inBox:nth-child(1) a		{ background-image: url(../images/home/biznav_about.jpg); }
#bizNav .inBox:nth-child(2) a		{ background-image: url(../images/home/biznav_products.jpg); }
#bizNav .inBox:nth-child(3) a		{ background-image: url(../images/home/biznav_material.jpg); }
#bizNav .inBox:nth-child(4) a		{ background-image: url(../images/home/biznav_building.jpg); }
#bizNav .inBox.sizeL dl			{ top:40%; } /* en + cn ONLY*/
#bizNav .inBox.sizeL dl dt		{ font-size:56px; line-height:1.15; margin-bottom:10px; }
#bizNav .inBox.sizeL dl dd	{ font-size:17px; }
@media screen and (max-width: 768px) {
#bizNav .inBox.sizeL				{ width:50%; height:45.6vw; }
#bizNav .inBox.sizeM			{ width:50%; height:45.6vw; }
#bizNav .inBox.sizeS				{ width:50%; height:45.6vw; }
#bizNav .inBox.sizeL dl			{ top:35%; } /* en + cn ONLY*/
#bizNav .inBox.sizeL dl dt		{ font-size:36px; line-height:1.15; margin-bottom:10px; }
#bizNav .inBox.sizeL dl dd	{ font-size: 13px; }
}
@media screen and (max-width: 480px) {
#bizNav .inBox.sizeL dl			{ top:35%; } /* en + cn ONLY*/
#bizNav .inBox.sizeL dl dt		{ font-size:24px; margin-bottom:4px; }
#bizNav .inBox.sizeL dl dd	{ font-size: 12px; }
}



/* brands */
#brands					{ padding:40px 0; border-bottom:#ddd 1px solid; }
#brands .title			{ text-align:center; font-size:56px; }
#brands .lead			{ margin-bottom:30px; text-align:center; line-height:2; }
#brands #brandSlider					{}
#brands #brandSlider li				{ min-height:360px; text-align:center; }
#brands #brandSlider li a			{ display:block; }
#brands #brandSlider li a figure			{ width:240px; height:240px; overflow:hidden; }
#brands #brandSlider li a figure img	{ position:relative; top:50%; left:50%; max-width:inherit; width:auto; height:100%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
#brands #brandSlider li a .name			{ padding:12px 15px 8px; font-size:13px; color:#000; font-weight:bold; }
#brands #brandSlider li a p				{ padding:0 15px; font-size:13px; line-height:1.4; color:#333; }
#brands .bx-controls-direction						{ padding:0 20px; margin:0 auto; max-width:980px; position:relative; }
#brands .bx-controls-direction a						{ position:absolute; width:40px; height:40px; text-indent:-9999px; z-index:100; background:no-repeat center center; background-size:40px; }
#brands .bx-controls-direction a:hover			{ opacity:0.7; }
#brands .bx-controls-direction .bx-prev			{ top:0; right:62px; background-image:url(../images/common/btn_ar_prev.png); }
#brands .bx-controls-direction .bx-next			{ top:0; right:20px; background-image:url(../images/common/btn_ar_next.png); }
#brands .linkBtn		{ margin:0 auto; }
@media screen and (max-width: 768px) {
#brands .title			{ font-size:40px;  }
#brands .bx-controls-direction .bx-prev			{ right:52px; }
#brands .bx-controls-direction .bx-next			{ right:10px; }
}
@media screen and (max-width: 480px) {
#brands					{ padding:30px 0; }
#brands .title			{ margin-bottom:10px; font-size:36px; line-height:1.2; }
#brands .lead			{ padding:0 10px; margin-bottom:20px; text-align:left; line-height:1.6; }
#brands .lead br		{ display:none; }
#brands #brandSlider li				{ min-height:280px; }
#brands #brandSlider li a figure			{ width:180px; height:180px; }
#brands #brandSlider li a .name			{ padding:12px 10px 8px; font-size:12px; line-height:1.4; white-space:nowrap; overflow:hidden; }
#brands #brandSlider li a p				{ padding:0 10px; font-size:10px; }
#brands .bx-controls-direction a						{ width:30px; height:30px; background-size:30px; }
#brands .linkBtn		{ margin:0; }
}


/* comNav */
#comNav				{ padding:80px 0; }
@media screen and (max-width: 480px) {
#comNav				{ padding:20px 0 30px; }
}

/* csr */
#csr					{ padding:80px 0; height:420px; background:url(../images/home/csr_bg.jpg) no-repeat center center; background-size:cover; box-sizing:border-box; }
#csr .title			{ margin-bottom:30px; color:#fff; text-align:center; font-size:38px; }
#csr .lead			{ margin-bottom:40px; color:#fff; text-align:center; line-height:2.5; font-size:17px; }
#csr .linkBtn	{ margin:0 auto; }
@media screen and (max-width: 480px) {
#csr					{ padding:30px 0; height:240px; }
#csr .title			{ margin-bottom:10px; font-size:30px; }
#csr .lead			{ margin-bottom:10px; line-height:2.5; font-size:13px; }
}

/* recruit */
#recruit				{ padding:60px 0; }
#recruit .recTitle	{ margin-bottom:40px; text-align:center; font-size:56px; font-family: 'Open Sans', sans-serif; }
#recruit .threeBox .title.blk		{ display:inline-block; padding-right:12px; background:url(../images/common/ico_blank_bk.png) no-repeat right center; background-size:10px; }
@media screen and (max-width: 480px) {
#recruit				{ padding:30px 0; }
#recruit .recTitle	{ margin-bottom:20px; font-size:36px; }
}