@charset "utf-8";
/* CSS Document */
*{margin:0; padding:0;}
body{background-color:#fff;font-family:sans-serif, 微軟正黑體, Arial;font-size: 14px;position:relative;}
a{text-decoration:none!important; color:inherit;}
a:hover{color:inherit;}
ul, li, ol {text-decoration:none; list-style:none;}
p{font-size: 14px; line-height:1.8;}
.img-responsive{display: block;
    max-width: 100%;
    height: auto;}

#goLine{background-image:url(../images/line_contact.png); background-size:100%; background-repeat:no-repeat;width:64.5px; height:74.5px; position:absolute; cursor:pointer; right:0; top:-50px;z-index:1000; }
#goLine img{text-align:right;}           	
.lineLocation{ text-align:center; margin-top:100px;}  

	
.backHome{ text-align:center; color:#1765af; margin-top:50px;}
.contentArea{width:90%; margin:0 auto;padding:30px 0;}
.w10p{width:10%;}
.w20p{width:20%;}
.w30p{width:30%;}
.w40p{width:40%;}
.w60p{width:60%;}
.w70p{width:70%;}
.w80p{width:80%;}
.w90p{width:90%;}

/*******font*****************/
.f13     {font-size:13px; color:#31738a;}
.f15B700 {font-size:15px; font-weight:700; color:#1765af;}
.f16B700 {font-size:16px; font-weight:700; color:#1765af;}
.f18B700 {font-size:18px; font-weight:700; color:#1765af;}
.boldfont{font-weight:700;}
.hr0{ height:1px;border:none;border-top:1px solid #999;}
.borderNone{border:0;}
.overflowHidden{overflow:hidden;}
/******padding & margin **********************/
.paddingR10  {padding-right:10px;}
.paddingT50  {padding-top:50px;}
.marginB20   {margin-bottom:20px;}
.marginB50   {margin-bottom:50px;}
.marginT20   {margin-top:20px;}
.marginT50   {margin-top:50px;}
.marginR5    {margin-right:5px;}
.marginR10   {margin-right:10px;}
.marginLR10  {margin-right:10px;margin-left:10px;}
.marginLR20  {margin-right:20px;margin-left:20px;}
.marginL20R5 {margin-right:5px;margin-left:20px;}
.marginL10R5 {margin-right:5px;margin-left:10px;}
.marginL20   {margin-left:20px;}
.marginL10   {margin-left:10px;}
.padTB50{padding-top:50px;padding-bottom:50px;}


/************* btn **********************/
.blueBorderB {border-bottom:#1765af 1px solid;padding-bottom:5px;width:80%;}
.bbton5-20{padding:5px 20px; color:#31738a; background-color:#fff; border-radius:5px; border:1px #1765af solid;float:right;}
.bbton5-20:hover{color:#fff;background-color:#1765af; border:1px #fff solid;}


/***************topper*********************/
.topper{width:100%; padding:0 0;}
.logo{width:40%; margin:0 auto; background-size:50%; background-repeat:no-repeat; height:20vw;}

nav{width:100%;background-color:rgb(225,225,225);padding:10px;}

.navItem {font-size:14px;letter-spacing:2px;margin-bottom:5px;width:100%;text-align:center;font-weight:400;}
.navItem a:hover {border-bottom:1px solid #999;}
   
 
/*nav{width:75%;margin-left:5%;float:left;}
#nav{overflow:hidden;padding:24.5px 0; }
.navItem{ float:left;font-size:14px;width:20%;text-align:center;font-weight:600;}*/

/************footer************************/
footer{width:100%;background-color:#5d5d5d; color:#ffffff;}
.footerWrapper{padding:10px 0 10px 0; }
.footer-1 {width:100%; text-align:center;padding-top:10px;font-size:12px;}
.footer-2 {width:50%;margin:0 auto;height:80px;}
.footer-3 {width:70%;margin:0 auto;}
.iconLine {width:50%;margin-top:10px;float:left;}
.iconFb   {width:50%;margin-top: 4px;float:right;}


/***************index********************/

#banner{position:relative;}
.carousel-item>div{ background-size:100%; background-repeat:no-repeat; width:100%; height:50.9vw;}
#slideNo1{background-image:url(../images/main-1_mb.jpg);}
#slideNo2{background-image:url(../images/main-2_mb.jpg);}
#slideNo3{background-image:url(../images/main-3_mb.jpg);}
.slogan{ width:90%; color:#ffffff; text-align:right; position:absolute; right:10%; bottom:10%;}
.slogan1{ font-size:13px; margin-bottom:10px; }
.slogan2{ font-size:16px; }
#history h2{ font-size:16px; }
.aboutiChen{color:#990000; padding:10px 0 10px 5%;}
.redbg{background-color:#990000; color:#ffffff; display:inline-block; padding:0px 8px;line-height:1.5;}
#prods{background-image:url(../images/prod-bg2.jpg);background-size:cover; padding-top:50px;}
.pordsItem{background-color:rgb(225,225,225); padding:70px 10% 20px 10%;margin-bottom:100px;position:relative;}
.prodsLogo{margin:0 auto; width:80%; height:30vw; background-size:100%;background-repeat:no-repeat;position:absolute; top:-10vw;}
.logo-st{background-image:url(../images/stahlwille.png);}
.logo-ks{background-image:url(../images/kstools.png); }
.logo-br{background-image:url(../images/brillianttools.png);}

/***************************/


img.a{ vertical-align: text-bottom;}

.section-header .section-title {
  font-size: 20px;
  color: #4F4F4F;
  position: relative;
  padding-bottom: 5px;
  margin: 0 0 10px;  
  border-bottom: 2px solid #1765af;
  display: inline-block;}
/*.section-header p {font-size: 18px;}*/
.bannerPic{background-size:100%; background-repeat:no-repeat; width:100%; height:37vw;}
#products .bannerPic{background-image:url(../images/topbanner-products.jpg);}
#about .bannerPic{background-image:url(../images/topbanner-about.jpg);}
#contact .bannerPic{background-image:url(../images/topbanner-contact.jpg);}
#info .bannerPic{background-image:url(../images/topbanner-info.jpg);}
#faq .bannerPic{background-image:url(../images/topbanner-FAQ.jpg);}

.banner-ks{background-image:url(../images/topbanner-products.jpg);}
.banner-bt{background-image:url(../images/topbanner-products.jpg);}


/********AboutPage***********/



/************ProductPage****************/
.brand{margin-bottom:70px;}
.brandMain{background-color:rgb(225,225,225);padding:10px; text-align:center;}
.brand img{ margin:0 auto;}
.brandMain>p:last-child{margin-bottom:0;}

.iframe-rwd {
    position: relative;/*padding-top: 30px;*/
    /*padding-bottom: 65.25%;*/
	padding-bottom: 50vw;
    
    height: 0;
    overflow: hidden;
}
.iframe-rwd iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.youtubeLogo{text-align:center;line-height:48px;}
.f16B700black{ font-size:16px;font-weight:700; color:#000;line-height:48px;}

.catelogueBlock{box-shadow:#999 1px 3px 3px 2px;text-align:center;height:auto;}
#products-st img{ margin:0 auto;}
.greenItem{ padding:10px; border-top:#088855 1px solid;border-right:#088855 1px solid;border-left:#088855 1px solid; border-bottom:#088855 3px double; }
.greenItem>div{min-height:45px;}

.brandLogo-st{background-image:url(../images/stahlwille.png); background-size:100%; background-repeat:no-repeat; height:30px; width:96.23px; position:absolute; top:-15px; left:10px;}
.brandLogo-ks{background-image:url(../images/kstools.png);background-size:100%; background-repeat:no-repeat; height:30px; width:96.23px; position:absolute; top:-15px; left:10px;}
.brandLogo-bt{background-image:url(../images/brillianttools.png); background-size:100%; background-repeat:no-repeat; height:30px; width:96.23px; position:absolute; top:-15px; left:10px;}


.bannerPic-st{background-image:url(../images/topbanner-products.jpg);background-size:100%; background-repeat:no-repeat; width:100%; height:35vw;}
.pdfFile{border:#666 1px solid; margin-bottom:20px;}


.blueItem{ padding:60px 0; border:#666 1px solid;color:#0352a1; font-size:16px; text-align:center;}
.blueItem:hover {  border:#666 1px solid;color:#fff;background-color:#0352a1;}
.blueItemSub{padding:50px 0 0px 10px; border:#666 1px solid;color:#0352a1; font-size:16px; text-align:left;min-height:130px;}
.blueItemSub:hover {  border:#666 1px solid;color:#fff;background-color:#0352a1;}


.redItem{ color:#000; text-align:center; text-transform:uppercase; padding-top:10px;}
.redborder1, .redborder2{border:#BBB 1px solid;}


.brandRow{width:100%;height:30px;position:relative; text-align:right;color:#fff;font-size:14px; line-height:30px;letter-spacing:2px; padding-right:10px;}
.btColor{background-color:#0352a1;}
.stColor{background-color:#088855;}
.ksColor{background-color:#e20914;}
/**********ContactPage************************/

.contactL{color:#1765af; margin-bottom:70px;}
.contactTh{font-size:16px; }
.contactTr{margin-bottom:15px; }

.contactR{color:#1765af; letter-spacing:1px;}
.contactR ul{margin-bottom:50px;}
.contactR i{width:40px; text-align:center;margin-left:-10px;}
.contactR li{margin-bottom:10px;}

    	

/******QAPage*********/

.listItem{overflow:hidden; margin:10px auto; color:#333;font-size:14px;width:100%;border-bottom:#999 1px solid; line-height:1.8;padding-bottom:10px;}
.listItem:last-child { border-bottom:none;}
.qaNo{width:50px;font-size:48px; font-weight:700; color:#999;line-height:1;float:left;padding:0 3px;}
.qaContent{width:calc(100% - 50px);float:left;padding:0 3px;}
.question{font-weight:600;}	

/*********InfoPage******************/

.infoContent{padding:20px;}
.infoTitle{font-weight:600;font-size:18px;padding:5px 0;color:#1765af;}	 
.infoDetail{color:#333;line-height:1.8;}

@media (min-width: 480px) {
	
.carousel-item>div{ height:37.36vw;}
#slideNo1{background-image:url(../images/main-1.jpg);}
#slideNo2{background-image:url(../images/main-2.jpg);}
#slideNo3{background-image:url(../images/main-3.jpg);}
.pordsItem{padding:100px 10% 20px 10%;}


/******************************/

.carousel-item>div{height:30vw;}
/*.section-header p {font-size: 16px;}*/

.floatL50{float:none;width:100%;margin-bottom:30px;}
.w70p{width:100%;}


.aboutBanner{ height:50vw;}
/*.media-heading{font-size:18px;}*/

.bbton5-20{margin:0;}
.blueBorderB {width:90%;}


@media (min-width: 576px) {
.redborder1{border-top:none;border-bottom:none;border-left:none;}
.redborder2{border-top:none;border-bottom:none;border-left:none;border-right:none;}	






}
@media (min-width: 768px) {
	
.topper{width:90%; margin:0 auto; padding-top:10px;  overflow:hidden;}	
.logo{float:left;width:20%;height:auto; }

#history h2{ font-size: 30px;}
.aboutiChen{ padding:20px 0 0 5%;}
.redbg{padding:0px 8px; margin-left:10px;}
.footerWrapper{overflow:hidden;}
.footer-1 {float:right; width:45%; position:relative;}
.footer-2 {float:right; width:25%;}
.footer-3 {float:right; width:30%;}
.copyword {position:absolute; top:85px; left:10px;}
#prods{padding-top:70px;}
.pordsItem{padding:50px 10% 20px 10%;margin-bottom:50px; min-height:670px;}
.prodsLogo{ height:30vw; top:-3.33vw;}
.brandMain{min-height:730px;}
.contactR{padding-left:10%;}
/*************************/
.bannerPic-st{height:36vw;}
.brandRow {height:50px; font-size:14px;line-height:50px;padding-right:20px;}
.brandLogo-st, .brandLogo-ks, .brandLogo-bt {height:50px; width:160.39px; top:-25px;left:20px;}

.iframe-rwd {padding-bottom: 30vw;}
.catelogueBlock{height:30vw; }
.catalogueText{ line-height:30px}


nav{width:75%;margin-left:5%;float:left;background-color:#fff;overflow:hidden;}
.navItem{ float:left;font-size:14px;width:20%;text-align:center;font-weight:600;padding-top:10px;}
.navItem a:hover {border-bottom:2px solid #999;}

@media (min-width: 1024px) {
	
.topper{width:70%;}

.slogan1{ font-size:20px; letter-spacing:0px; margin-bottom:20px;}
.slogan2{ font-size:32px; font-weight:600; }
.footerWrapper{width:80%;margin:0 auto;}
.footer-1 {width:45%;}
.footer-2 {width:25%;}
.footer-3 {width:30%;}
#goLine{width:100px; height:115px;}
.pordsItem{min-height:550px;}
.historyMap{background-image:url(../images/history.jpg);background-size:100%; background-repeat:no-repeat; position:relative;
width:100%; height:58.09vw;}
#year1{left:4%; top:13%;background-image:url(../images/1996.png); width:104px; height:187px;}
#year2{left:14%; top:13%;background-image:url(../images/1998.png); width:104px; height:195px;}
#year3{left:25%; top:17%;background-image:url(../images/2000.png); width:101px; height:202px;}
#year4{left:40%; top:13%;background-image:url(../images/2002.png); width:103px; height:235px;}
#year5{left:50%; top:9%;background-image:url(../images/2005.png); width:110px; height:201px;}
#year6{left:62%; top:10%;background-image:url(../images/2008.png); width:104px; height:198px;}
#year7{left:75%; top:34%;background-image:url(../images/2015.png); width:104px; height:199px;}
#year8{left:85%; top:35%;background-image:url(../images/2019.png); width:104px; height:224px;}


.year {opacity:0 ;position:absolute;
	-webkit-animation: roundInfo 1s /*linear infinite*/forwards;
            animation: roundInfo 1s /*linear infinite*/forwards; 
	
}

@-webkit-keyframes roundInfo {
    
    0% {opacity: 0;}
	100% {opacity: 1;}
   
}
@keyframes roundInfo {
    
    0% {opacity: 0;filter: alpha(opacity=0);}
	100% {opacity: 1;filter: alpha(opacity=100); }

}

#year1 {
    -webkit-animation-delay: 0s;
            animation-delay: 0s;
}

#year2 {
    -webkit-animation-delay: 1s;
            animation-delay: 1s;
}

#year3 {
    -webkit-animation-delay: 2s;
            animation-delay: 2s;
}

#year4 {
    -webkit-animation-delay: 3s;
            animation-delay: 3s;
}
#year5 {
    -webkit-animation-delay: 4s;
            animation-delay: 4s;
}

#year6 {
    -webkit-animation-delay: 5s;
            animation-delay: 5s;
}
#year7 {
    -webkit-animation-delay: 6s;
            animation-delay: 6s;
}

#year8 {
    -webkit-animation-delay: 7s;
            animation-delay: 7s;
}


.section-header .section-title {font-size: 28px;padding-bottom: 10px;margin: 0 0 20px;}
.brandMain{min-height:500px;}
/*************************/

.viewMoreBtn{width:60%;}
.brandRow {height:60px; font-size:20px;line-height:60px;}
.brandLogo-st, .brandLogo-ks, .brandLogo-bt {height:60px; width:192.47px; top:-30px;left:5%;}



.iframe-rwd {padding-bottom: 25vw;}
.catelogueBlock{height:25vw;}



} 
@media (min-width: 1200px) { 
.blueItemSub{padding:50px 0 0px 20px; border:#666 1px solid;color:#0352a1; font-size:16px; text-align:left;min-height:130px;}

}
	 
@media (min-width: 1400px) { 

.topper{width:70%;}
.navItem{ padding-top:20px;}





.footerWrapper{width:70%;}
.footer-1 {width:40%;}
.footer-2 {width:30%;}
.footer-3 {width:30%;}
#year1{left:4%; top:21%;}
#year2{left:14%; top:21%;}
#year3{left:25%; top:22%;}
#year4{left:40%; top:25%;}
#year5{left:50%; top:17%;}
#year6{left:62%; top:15%;}
#year7{left:75%; top:42%;}
#year8{left:85%; top:42%;}
.contentArea{width:75%; }
.pordsItem{min-height:500px;padding:90px 10% 20px 10%;}
.brandMain{min-height:450px;/*min-height:50vh;*/}

/*************************/
.brandLogo{top:-40px; }
.iframe-rwd {padding-bottom: 20vw;}
.catelogueBlock{height:20vw;}
.catalogueText{ line-height:100px}
.redItem>div{padding:0 40px;}

}

@media (min-width: 1700px) { 
.iframe-rwd {padding-bottom: 17vw;}
.catelogueBlock{height:17vw;}
.catalogueText{ line-height:100px}
.navItem{ padding-top:40px;}

}

@media (min-width: 1900px) { 
#year1{left:4%; top:24%;}
#year2{left:14%; top:24%;}
#year3{left:25%; top:25%;}
#year4{left:40%; top:28%;}
#year5{left:50%; top:20%;}
#year6{left:62%; top:18%;}
#year7{left:75%; top:45%;}
#year8{left:85%; top:45%;}
}


@media screen and (min-width: 1101px)  {
.for-mobile{ display:none;}
} 
  
/*小*/
@media screen and (max-width: 1100px) {
 .for-large{ display:none;}
}