@font-face{font-family:'Roboto Condensed';font-style:normal;font-weight:600;src:url("RobotoCondensed-Bold.html") format("truetype");}
@font-face{font-family:'Roboto Condensed';font-style:italic;font-weight:600;src:url("RobotoCondensed-BoldItalic.html") format("truetype");}
@font-face{font-family:'Roboto Condensed';font-style:normal;font-weight:500;src:url("RobotoCondensed-Regular.html") format("truetype");}
@font-face{font-family:'Roboto Condensed';font-style:italic;font-weight:500;src:url("RobotoCondensed-Italic.html") format("truetype");}
@font-face{font-family:'Roboto Condensed';font-style:normal;font-weight:100;src:url("RobotoCondensed-Light.html") format("truetype");}
@font-face{font-family:'Roboto Condensed';font-style:italic;font-weight:100;src:url("RobotoCondensed-LightItalic.html") format("truetype");}
@font-face{font-family:'Roboto';font-style:normal;font-weight:800;src:url("Roboto-Black.html") format("truetype");}
@font-face{font-family:'Roboto';font-style:italic;font-weight:800;src:url("Roboto-BlackItalic.html") format("truetype");}
@font-face{font-family:'Roboto';font-style:normal;font-weight:700;src:url("Roboto-Bold.html") format("truetype");}
@font-face{font-family:'Roboto';font-style:italic;font-weight:700;src:url("Roboto-BoldItalic.html") format("truetype");}
@font-face{font-family:'Roboto';font-style:normal;font-weight:600;src:url("Roboto-Medium.ttf") format("truetype");}
@font-face{font-family:'Roboto';font-style:italic;font-weight:600;src:url("Roboto-MediumItalic.html") format("truetype");}
@font-face{font-family:'Roboto';font-style:normal;font-weight:500;src:url("Roboto-Regular.html") format("truetype");}
@font-face{font-family:'Roboto';font-style:italic;font-weight:500;src:url("Roboto-Italic.html") format("truetype");}
@font-face{font-family:'Roboto';font-style:normal;font-weight:300;src:url("Roboto-Light.html") format("truetype");}
@font-face{font-family:'Roboto';font-style:italic;font-weight:300;src:url("Roboto-LightItalic.html") format("truetype");}
@font-face{font-family:'Roboto';font-style:normal;font-weight:100;src:url("Roboto-Thin.html") format("truetype");}
@font-face{font-family:'Roboto';font-style:italic;font-weight:100;src:url("Roboto-ThinItalic.html") format("truetype");}
body{font-family:arial, "Microsoft JhengHei ", sans-serif;}
img{max-width:100%;}
.no-padding{padding-left:0;padding-right:0;}
.table-responsive{border:none;}
.clear{clear:both;}
.map_out{overflow:auto;}

@media (min-width:1024px){.container{width:1024px;}
}
@media (max-width:991px){.hidden-xs{display:none;}
}
.logo{position:absolute;top:8%;left:12%;}
.language{position:absolute;top:0;right:4%;background:#be0e1b;}
.language:before{content:"";position:absolute;width:33px;left:-33px;height:33px;border-style:solid;border-width:0 33px 33px 0;border-color:transparent #be0e1b transparent transparent;}
.language:after{content:"";position:absolute;width:33px;right:-33px;height:33px;border-style:solid;border-width:33px 33px 0 0;border-color:#be0e1b transparent transparent transparent;}
.language li{float:left;}
.language a{display:inline-block;padding:10px 16px;font-size:13px;font-family:'微軟正黑體','Roboto', sans-serif;font-weight:500;color:#fff;background:url(../images/arrow.png) no-repeat 0px 10px;padding-left:20px;}




@media (max-width:1199px){.logo{top:6%;}
.logo img{width:80%;}
}
@media (max-width:991px){.logo{top:16px;}
}
@media (max-width:767px){.logo img{width:80%;}
}
@media (max-width:640px){.logo{position:static;width:15%;margin:10px auto;}
.language{display:none;}
}
@media (max-width:480px){.logo{width:20%;}
}
@media (max-width:320px){.logo{width:30%;}
}
.main-nav{font-family:'Roboto', sans-serif;font-size:25px;font-weight:100;position:absolute;right:0;top:8%;background:rgba(230,0,18,.75);}
.main-nav li{float:left;}
.main-nav a{display:inline-block;line-height:107px;padding:0 30px;color:#fff;}
.main-nav a:hover,
.main-nav li.active a{background:url(../images/main-nav_over.png) no-repeat center 90%;text-decoration:none;}
.main-nav .m3 > ul{display:none;}
.main-nav .m2 > ul{display:none;}
@media (max-width:1280px){.main-nav a{padding:0 15px;}
}
@media (max-width:1199px){.main-nav{top:6%;font-size:20px;}
.main-nav a{line-height:90px;}
.main-nav a:hover,
.main-nav li.active a{background-size:25%;}
}
.banner{background:#be0e1b;}
#content{position:relative;padding-bottom:20px;}
.nav li a{display:block;line-height:30px;font-size:13px;color:#fff;background:#3d3d3d;border-bottom:#fff 1px solid;padding-left:10px;text-decoration:none;}
.nav>ul>li > a:hover,
.nav>ul>li.active > a{text-decoration:none;background:#be0e1b;}
.nav>ul>li ul a{background:#ddd;color:#000;border-bottom:none;line-height:1.6;font-weight:bold;padding-left:0;}
.nav>ul>li ul{padding-left:24px;background:#ddd;}
.nav>ul>li>ul{display:none;}
.nav>ul>li li{list-style:disc;font-weight:bold;font-size:13px;color:#000;}
.nav>ul>li li.active > a,
.nav>ul>li ul > a:hover{color:#be0e1b;}
.nav>ul>li>ul>li>a:hover{color:#97010c;}
.nav>ul>li>ul>li>ul>li>a:hover{color:#be0e1b;}
.nav-iso{border:#898989 1px solid;margin-bottom:30px;text-align:center;padding:32px 0;}
.main{padding-top:15px;padding-bottom:15px;}
.breadcrumbs{text-align:right;font-size:12px;color:#7d7d7d;}
h1{font-size:16px;font-weight:bold;margin-bottom:20px;}
.header-group{font-weight:bold;line-height:1.4;}
h1.title{font-size:25px;margin-bottom:0px;}
h2{font-size:13px;}
.pro-no{font-size:16px;color:#be0e1b;}
@media (max-width:767px){.main{margin-bottom:10px;}
}
.pro-thumbnails .col-md-4{margin-bottom:20px;}
.pro-list{border:#1b1b1b 1px solid;text-align:center;}
.pro-list-p{font-size:12px;line-height:16px;margin:20px 0;}
.pro-title{text-align:left;margin:4px;font-size:14;color:#000;min-height:40px;}
.pro-list img{max-height:140px;}
.pro-more{text-align:right;}
.pro-more a{background:#be0e1b;padding:4px 15px;color:#fff;display:inline-block;font-size:15px;}
.pro-thumbnails .col-md-4:nth-child(3n+1){clear:left;}
@media (max-width:991px){.pro-thumbnails .col-md-4:nth-child(3n+1){clear:none;}
.pro-thumbnails .col-md-4{width:50%;float:left;}
.pro-thumbnails .col-md-4:nth-child(2n+1){clear:left;}
}
@media (max-width:480px){.pro-thumbnails .col-md-4{width:100%;float:none;}
}
.pro-large{text-align:center;position:relative;margin:20px auto;}
.pro-fea{position:absolute;right:6%;top:25%;font-family:'Roboto', sans-serif;font-weight:300;font-size:13px;}
.pro-fea li{text-align:center;margin:20px 0;}
.pro-fea a{color:#000;}
.pro-info .accessory-img{text-align:right;margin-bottom:30px;}
.pro-info .accessory-info{margin-top:40px;}
.accessory-page{margin-top:40px;margin-left:100px;}
.section strong{font-weight:600;}
.section p{padding:0 0 5px 0;word-break:break-word;}
.float-left{float:left;}
.float-right{float:right;}
.function .img-set p{float:left;margin:0 20px 30px 0;}
.function .img-center{text-align:center;margin-bottom:20px;}
.function .section p{margin-bottom:10px;}
.function .section ol{padding:5px 15px;}
.function .section ol li{list-style-type:decimal;}
.function .section ul li{list-style-type:disc;}
.cnc-height{height:160px;font-size:13px;}
.cnc-height img{height:110px;margin-bottom:3px;}
.border-top{clear:both;border-top:1px solid #ccc;margin:10px 0;}
@media (max-width:991px){.pro-info .accessory-img{text-align:center;margin-bottom:0px;}
.accessory-page{margin-left:0px;}
.function .col-md-4 p img{vertical-align:middle;padding-right:10px;}
}
@media (max-width:768px){.ycs-accessory .section{text-align:center;}
.function .section ol li, .function .section ul li{margin-left:20px;}
.pro-info .accessory-info{text-align:center;}
.float-left{float:none;}
.float-right{float:none;}
.mobile_overflow{padding:35px 0 0 0;width:100%;overflow:auto;background:url(../images/location/_img/scroller_btn.png) top left no-repeat;}
}
@media (max-width:480px){.pro-pic{margin-bottom:30px;}
.pro-fea{position:static;}
.pro-fea ul{margin-left:20%;}
.pro-fea li{float:left;margin:0 20px;}
}
@media (max-width:375px){.pro-fea ul{margin-left:10%;}
}
@media (max-width:320px){.pro-fea ul{margin-left:0;}
}
.spe .table > thead > tr > th{border-top:0;border-bottom:#be0e1b 6px solid;font-weight:bold;padding:8px;padding-left:10%;}
.spe .table > tbody > tr > td{font-size:13px;padding:8px;padding-left:10%;font-weight:bold;border-top:0;border-bottom:#000 1px solid;}
.spe .table-striped > tbody > tr:nth-of-type(odd){background:#fff;}
.spe-2 .table > tbody > tr > th{font-size:15px;padding:8px;font-weight:bold;border-top:0;border-bottom:#000 1px solid;}
.spe-2 .table > tbody > tr > td{font-size:13px;padding:8px;font-weight:bold;border-top:0;border-bottom:#000 1px solid;}
.spe-2 .table-striped > tbody > tr:nth-child(2n+1){background:#F1F1F1;}
.section{font-size:13px;line-height:1.4;margin-bottom:20px;}
.section .title{font-size:15px;color:#be0e1b;font-weight:bold;}
.section .title2{font-size:15px;background:#be0e1b;color:#fff;font-weight:bold;padding:3px;margin:5px 0;}
.section .title p{color:#3A3A3A;}
.pagination > li > a, .pagination > li > span{color:#BE0E1B;border:none;}
.pagination > li:first-child > a, .pagination > li:first-child > span{border-left:none;}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus{z-index:2;color:#BE0E1B;background-color:#eee;border-color:transparent;}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{background-color:#BE0E1B;border-color:#BE0E1B;}
.pagination > li > a, .pagination > li > span{padding:6px 10px;}
.punch img{height:250px;}
@media (max-width:767px){.punch img{height:auto;}
}
.goto_top{position:absolute;right:-100px;bottom:30px;cursor:pointer;}
@media (max-width:1199px){.goto_top{right:-40px;}
}
@media (max-width:991px){.goto_top{right:10px;bottom:0;}
}
#footer{color:#fff;border-top:#be0e1b 8px solid;background:#222221;padding:30px 0 80px;line-height:1.2;font-family:'Roboto', sans-serif;font-size:13px;font-weight:300;}
.footer .text-right div{margin-bottom:4px;}
#smo{margin-bottom:10px;}
#smo a{color:#000;display:inline-block;text-align:center;border-radius:50%;line-height:30px;font-size:15px;margin:2px;height:30px;width:30px;background:#fff;}
@media (max-width:991px){.footer-link{text-align:left;margin-top:20px;}
}
@media (max-width:320px){#smo a{width:28px;height:28px;}
.footer-link{text-align:center;}
}
#responsive-nav-wrapper{display:none;}
@media (max-width:991px){#responsive-nav-wrapper{display:block;}
#responsive-btn{background-image:url(../images/nav-white.png);display:block;position:absolute;left:20px;top:10px;}
#responsive-nav-wrapper{z-index:11;}
}
@media (max-width:640px){#responsive-btn{background-image:url(../images/nav-black.png);}
}
.off-canvas-nav ul li a{padding:14px 20px !important;}
.off-canvas-nav ul li.active > a{color:#fff !important;background:#222 !important;}
.off-canvas-nav ul.lang li{float:left !important;width:33.3% !important;font-size:13px; height: 46px;}
.off-canvas-nav ul.lang li:first-child{border-top:none;border-right:#333 1px solid;}
.off-canvas-nav ul.lang li a{padding:10px 0 !important;text-align:center !important;}
.off-canvas-nav ul.lang li.tubevideo2 a{padding: 0 !important;}
.menu{clear:both;}
.off-canvas-nav ul li ul{margin-left:1em !important;}
.off-canvas-nav ul ul li a{font-size:13px;}
.pro-list3{border:#be0e1b 1px solid;padding:15px;min-height:480px;}
.pro-list3 ul{margin-top:-20px;}
.pro-list3 ul li{float:left;}
.pro-list3 ul li img{}
.word-break{word-break:break-all;}
.map img{}
.contact-check{padding:0 15px;}
.contact-check p span{color:#3A3A3A;font-size:15px;}
.contact-check p{color:#6d6d6d;}
.contact-check label p{padding:0 10px 0 5px;}
.check-box{float:left;}
.country{color:#000000;font-weight:600;font-size:15px;margin:0 0 10px 0;}
.pro-list2{border:#be0e1b 1px solid;padding:15px;min-height:390px;}
.contact{margin:50px 0 100px 15%;font-family:roboto;}
.contact input{font-size:14px;}
.form-control{width:80%;border-radius:0px;}
.country{width:100%;}
.input1{float:left;width:120px;height:35px;font-size:15px;}
.input2{float:left;margin:0 0 15px 7px;width:60%;height:35px;font-size:15px;}
.verifycode_img{margin-bottom:-5px;}
.button_submit{font-family:Roboto;width:120px;height:35px;border-radius:5px;border:1px solid #982a32;background-color:#df3c48;font-size:15px;color:#fff;float:right;margin:-30px 20% 0 0;}
#privacy{float:right;}
#privacy a{color:#FFAFB5;}
#privacy a:hover{color:#BE0E1B;}
@media (max-width:1000px){.contact{margin:50px 5% 100px 5%;}
.form-control{width:100%;}
.input1{width:20%;}
.input2{width:78%;margin:0 0 15px 2%;}
.button_submit{margin:-30px 0 0 0;}
#privacy{margin:-45px 60px 0 0;}
}
@media (max-width:768px){#privacy{margin:0 60px -150px 0;}
}
@media (max-width:450px){.contact{margin:50px 10px 100px 10px;}
.input1{width:30%;}
.input2{width:68%;margin:0 0 15px 2%;}
}
@media (max-width:420px){.verifycode{width:70%;}
.verifycode_img{float:right;}
.button_submit{margin-top:15px;}
}
.privacy_wrap{font-size:16px;margin:30px 10px;line-height:25px;}
.privacy_wrap ul h1{margin:30px 0 10px 0;font-size:20px;text-shadow:1px 0px rgba(0,0,0,0.5);}
.privacy_wrap ul h2{margin:15px 0;font-size:18px;font-weight:normal;text-shadow:1px 0px rgba(0,0,0,0.5);}
.privacy_wrap ul li{list-style-type:none;}
.privacy_wrap ol li{list-style-type:circle;margin-left:20px;}
@media (max-width:480px){.privacy_wrap ul ul{margin-left:0;padding-left:0;}
}
.menuList{display:none;}
#topcontrol{display:none;}
.off-canvas-nav ul li{color:#fff;font-size:12px;padding:5px !important;}


/*youtube*/
.language li.tubevideo2 { display: none;}
.tubevideo a {
    padding: 0;
}
.tubevideo {
    position: absolute;
    top: 0;
    left: -111px;
}
.off-canvas-nav ul.lang li.tubevideo2{border-left: #333 1px solid;}
@media screen and (max-width:991px){
	.tubevideo{display: none;}
}

/*customers*/
.customers h3 { background: #be0e1b; color: #fff; padding: 10px; margin: 10px 0; text-align: left;}
.customers span {color: #000;font-size: 12px;line-height: 1.5em; white-space:nowrap;}
.customers { text-align: center;}
.main-nav .m4 > ul { display: none;}

/* footer */

.com-info a {
    color: white;
}
/* contact-link */
.contact-link {
    text-align: center;
}
.contact-video {
    background: #be0e1b;
    border-radius: 50px;
    display: inline-block;
    margin: 15px 0;
    transition: all 0.5s;
}
.contact-video a {
    color: #ffffff;
    padding: 12px 30px;
    display: block;
}
.contact-video:hover {
    background: #222221;
}