@font-face{font-weight:normal;font-style:normal;}
* {margin:0;padding:0}
html,body {background:#fff; font-family: Arial;font-size:14px;width:100%; height:100%;color:#505050;text-align:left}
a {color:#505050;text-decoration:none}
ol,li,ul {list-style:none}
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
/*header*/
header{width:100%;height:123px}
img {border:none}
.mobile-home-btn {display:none}
.mobile-menu-btn {display:none}
.topnav {width:100%;height:35px;background:#1f1f1f;}
.topnav div{width:980px;height:35px;margin:0 auto;line-height:35px;font-family:Arial;font-size:12px;position:relative}
.topnav a {height:20px;line-height:20px;margin-top:7px;display:block;color:#FFF;float:left; padding-right:20px;}
#showroom {width:60px;margin-left:20px;padding-left:25px;background:url(../images/header_bg.png) 0 -3px no-repeat}
#sendmail {width:35px;margin-left:40px;padding-left:25px;background:url(../images/header_bg.png) 0 -28px no-repeat}
#lang {width:60px;margin-left:40px;padding-left:32px;background:url(../images/header_bg.png) 0 -48px no-repeat}
.topnav a:hover{color:#fff;}
.topnav .multilang {display:none;position:absolute;float:left;top:35px;left:150px;width:130px;height:auto;margin:0;background:#6e6c70;z-index:1024}
.topnav .multilang a {display:block;width:100px;height:30px;line-height:30px;color:#c9caca;padding-left:30px;border-top:1px solid #888;margin:0}

.clearfix { clear: both;}
.nav_all{ width:100%; height:88px;}
.nav_con { font-family: Helvetica; font-size:16px; text-transform: Capitalize;width: 100%; max-width: 980px; margin:0 auto;}
.nav_con ul { list-style-type: none; float:right; margin:0; padding:0;}
.nav_con ul li {display: inline-block;}
.nav_con ul li a { color:#000; font-weight: bold; text-decoration: none; display: inline-block; padding: 35px 18px 35px 18px; box-sizing: border-box;}
.nav_con ul li a:hover { color:#fff; background:#a0311e;}
.nav_con .current_page { background-color:#a0311e;}
.nav_con .current_page a { color: white;}
.nav_con .current_page a:hover{ color:#FFF;}
#menu_button_wrapper{ display: none;}
.hidden { display: none;}
.nav_con .logo{ float:left; margin-top:7px;}

/* Responsive for smaller screens */

@media (max-width: 760px) {
#menu_button_wrapper{display: block; padding: 1.5em 1em 0 1em; color: #9d9d9d; -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.1); box-shadow: 0 1px 0 rgba(255,255,255,.1);}   
#menu_button { box-sizing: border-box; float: right; padding: .5em 1em; border: 1px solid #a0311e; border-radius: 5px; color:#FFF; background:#a0311e; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}   
#menu_button:hover {cursor: pointer; background-color:#1f1f1f;}   
#hamburger {float: right;padding-top: .15em;}   
#menu_button span{display: block; background-color: #fff; width: 1.2em; height: .15em; border-radius: 1px; margin-bottom: .2em;}
.nav_all{ width:100%; height:auto;}
.nav_con{ height:auto;} 
.nav_con ul { width: 100%; margin: 0 auto; padding: 0; box-sizing: border-box; background:#a0311e; float:none;}
.nav_con ul li { display: block;}
.nav_con ul li a { width: 100%; color:#FFF; padding: 12px 0 12px 30px; border-bottom:1px solid #ccc;}
.nav_con ul li a:hover { color:#FFF;}
.protopbanner img{ width:100%; height:90px;}
.servicebanner img{ width:100%; height:90px;}
.newsbanner img{ width:100%; height:90px;}
}
@media (max-width: 980px) {
.nav_all{ width:100%; height:auto;}
.nav_con { font-family: Helvetica; font-size:16px; text-transform: Capitalize;width: 100%; max-width: 980px; height:auto; margin:0 auto;}
.nav_con .logo { width:auto;}  
.nav_con ul { width:auto; margin: 0 auto; padding: 0;}
}
@media (max-width: 440px) {
.nav_all{ width:100%; height:auto;}
.nav_con { font-family: Helvetica; font-size:16px; text-transform: Capitalize;width: 100%; max-width: 980px; height:auto; margin:0 auto;}
}

/*middle content sns*/
.widget {width: 100%;overflow: hidden;clear: both; margin-top:30px;}
.widget .socialmedia a {width:32px;height:32px; display:block; float:left; margin-right:8px;}

/*footer*/
footer {width:100%;padding-top:25px;background:#1f1f1f;color:#fff;font:12px Arial;margin-top:25px;line-height:20px}
footer a {color:#fff}
footer a:hover {text-decoration:underline}
footer strong {font-weight:normal;font-size:16px;display:block;margin-bottom:10px}
footer .wrapper {width:980px;margin: 0 auto;padding-bottom:25px}
footer .cols1 {float:left;width:245px;height:172px;border-right:1px solid #555}
footer .cols1 table {float:right;margin-top: 20px;text-align: left;margin-right: 50px;}
footer .cols2 {float:left;width:230px;height:172px;padding-left:15px;border-right:1px solid #555}
footer .cols2 span {display:block;width:190px;background:url(../images/bottom_ico_1.png) no-repeat;padding-left:20px;}
footer .cols2 span:before {content:":"}
footer .cols2 span.tel{background-position:0 -190px;}
footer .cols2 span.email{background-position:0 -209px;}
footer .cols2 span.fax{background-position:0 -228px;}
footer .cols2 span.address{background-position:0 -247px;}
footer .cols3 {float:left;width:262px;height:172px;padding-left:15px;border-right:1px solid #555}
footer .cols3 ul li{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
footer .cols4 {float:left;width:230px;padding-left:15px}
.copyright {width:100%;height:40px;line-height:40px;clear:both;border-top:1px solid #555;}
.copyright .text {width:980px;margin:0 auto;}
.copyright .text {width:980px;margin:0 auto;}
.copyright .text span {float:left;}
.copyright .text img {float:left;margin: 7px 0;}
/*bread nav*/
.bread {width:100%;height:30px;line-height:30px;color:#999;font-family:Arial;border-top:1px solid #cfcece;background:-webkit-linear-gradient(top,#dad9d9 0%,#fff 20%)}
.bread a {color:#999;font-family:Arial}
.bread a:hover {text-decoration:underline}
.bread .nav {width:980px;margin: 0 auto;height: 30px;overflow: hidden;}
.innerbanner {width:100%;height:180px;color:#fff}
.innerbanner div {width:980px;margin: 0 auto}
.innerbanner h1 {font-size:34px;width:100%;padding:30px 0;margin-left:20px}
.innerbanner p {font-size:16px;width:100%;margin-left:20px;line-height: 24px;}
.innerbanner p a{color:#fff;}
.innerbanner p a:hover{ text-decoration:underline;}
/*main content*/
.content {width:980px;margin:0 auto}
.content main.left {float:left;width:684px;}
.content aside.right {float:right;width:250px}
/*quotation*/
.quotation {width:100%;margin-top: 30px;}
.quotation h3{font-size:26px;color:#a0311e;line-height:34px;margin:10px auto; font-weight:400;}
.quotation p {font-size:15px;margin-top:15px;line-height:28px; margin-bottom:none;}

/*aside*/
aside .widget {width:100%;padding:0;float:left}
aside .widget h3 {font-size:18px;line-height:35px;color:#505050;font-weight:normal}
aside .widget h3 a{ color:#505050;}
aside .widget h3 a:hover{ color:#a0311e; text-decoration:underline;}
aside .widget.productlist {font-size:16px}
aside .widget.productlist ul {border-top:1px solid #d3d4d4;margin-top:10px}
aside .widget.productlist li {height:40px;line-height:40px;border-bottom:1px solid #d3d4d4;}
aside .widget.productlist li a{display:block; font-size:14px;}
aside .widget.productlist li a:hover{ color:#a0311e; text-decoration:underline;}
aside .widget.postslist {font-size:14px;}
aside .widget.postslist ul {border-top:1px solid #d3d4d4;margin-top:10px}
aside .widget.postslist li {height:40px;line-height:40px;border-bottom:1px solid #d3d4d4;}
aside .widget.postslist li a{display:block;}
aside .widget.postslist li a:hover{ color:#a0311e; text-decoration:underline;}
aside .widget.contact {line-height:24px; font-size:14px;}
aside .widget.contact span{display:block;width:100%;background:url(../images/aside_contact.png) no-repeat;padding-left:16px; padding-bottom:8px; line-height:24px;}
aside .widget.contact span:before{content:": "}
aside .widget.contact span.tel{background-position:0 6px;}
aside .widget.contact span.email{background-position:0 -36px;}
aside .widget.contact span.email a:hover{ text-decoration:underline; color:#505050;}
aside .widget.contact span.fax{background-position:0 -82px;}
aside .widget.contact span.address{background-position:0 -126px;}
.follow_us{ margin-bottom:0;}
.follow_us_media a{width: 32px;height: 32px;display: block;float: left;margin-right: 8px;}
@media(max-width:980px){
header {height:auto}
header .topnav {width:100%;height:7px;background:#a0311e;overflow:hidden}
header .menu {background:none;height:auto}
main {width:100%;background:none;}
main .widget {display:none}
.widget {padding-top:35px;clear:both;}
.widget .socialmedia {display:none}
.innerbanner div {width:100%;}
.innerbanner h1 {width:96%;font-size:17px;margin: 0 2%;}
.innerbanner p {width:96%;margin:0 2%;}
.content {width:92%;margin:15px auto 0 auto; height:auto; }
.content main.left {float:left;width:100%;padding:0;}
.content aside.right {float:right;width:100%}
.bread .nav {width:92%;margin:0 auto;}
footer {clear:both;margin:0;padding:0;}
footer * {padding:0;border:none;margin: 0 auto;}
footer .wrapper,footer .cols1,footer .cols2,footer .cols3,footer .cols4 {width:100%;height:auto;text-align:center;border:none;padding:0; margin-top:30px; margin-bottom:25px;}
footer .wrapper .cols2 span {display:block;margin:0 auto;padding:0;}
footer .wrapper .cols2 span#address {width:52%}
footer .cols2 span {text-align:center}
footer .copyright {height:auto;margin-bottom: 20px; display:none;}
footer .copyright .text span {display:none}
footer .copyright .text img {float:none}
footer .copyright .text {width:100%;text-align:center}
footer .cols3, footer .cols4{display:none}
aside {display:none}
.quotation h3{font-size:18px;line-height:24px;}
}
.table { width: 100%; max-width: 100%; margin-bottom: 20px;}
.table-responsive { overflow-x: auto; min-height: 0.01%;}
@media screen and (max-width: 767px) {
.table-responsive { width: 100%;margin-bottom: 15px; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #dddddd;}
.table-responsive > .table { margin-bottom: 0;}
}
@media screen and (max-width: 580px){.quotation h2 span{ display:none;}}
@media screen and (max-width: 500px) {
.menu nav a[rel="home"] img{width: 80%;margin-top: 5px;}
.none{display: none}
footer .cols1 table {float:left;margin-top: 20px;text-align: left;}
.quotation { margin-top: 0px;}

.quotation p {font-size:15px;margin-top:15px;line-height:28px; margin-bottom:none;}
.widget {display: none;}
}

button{-ms-user-select:none;-moz-user-select:none;-webkit-user-select:none;user-select:none;}
.hide{display:none;}
.main{padding:0 55px;}
.main > p{font-size:20px;line-height:1.5;color:#666;margin:20px 0;}
.main > p a{color:#fc9000;}
.conver_top:after{content:".";display:block;height:0;visibility:hidden;clear:both;}