@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;
    }
}
/*header*/
.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*/
.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*/
.banner {
    background: #be0e1b;
}
/*#content*/
#content {
    position: relative;
    padding-bottom: 20px;
}

/*sidebar*/
/*nav*/

/*div.nav {
    background: #3d3d3d;
    padding-bottom: 30px;
    margin-bottom: 10px;
}*/
.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;
}
.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*/
.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;
	text-shadow: 1px 0 0.5px;
    font-weight: 500;
}
h2 {
    font-size: 13px;
}
.pro-no {
    font-size: 16px;
    color: #be0e1b;
}
@media (max-width:767px) {
    .main {
        margin-bottom: 10px;
    }
}
/*pro-list*/
.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;
	line-height: 18px;
}
.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;
}
@media (max-width:991px) {
    .pro-thumbnails .col-md-4 {
        width: 50%;
        float: left;
    }
}
@media (max-width:480px) {
    .pro-thumbnails .col-md-4 {
        width: 100%;
        float: none;
    }
}
/*.pro-large*/
.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-bottom: 10px;*/
	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;
    }
}
/*pro-spe*/
.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;
}
/*pro-spe 2*/
.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;
}
/*.proinfo*/
.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; /*border-left: 1px solid #ddd;*/}
.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*/
.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*/
#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*/
#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*/
.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.tubevideo2 a{padding: 0 !important;}

.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;
}
.menu {
    clear: both;
}
.off-canvas-nav ul li ul {
    margin-left: 1em !important;
}
.off-canvas-nav ul ul li a {
    font-size: 13px;
}


/*news*/
.pro-list3 {
	border: #be0e1b 1px solid;
	padding:15px;
	min-height: 400px;
}
.pro-list3 ul{/*padding-left: 50%; margin-left: -85px;*/}
.pro-list3 ul li{    float: left;  /*margin-left: 19%;    width: 63%;*/
}
.word-break{word-break:break-all;}

/*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;}

/*map*/
.map img{}


/*contact-checkbox*/
.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;}

/*contact-agent*/
.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*/
.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*/
.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;}
	}
	
/*location*/
.menuList{display:none;}
#topcontrol{display:none;}

/*nav*/
.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;}
}

/* footer */

.com-info a {
    color: white;
}