/* Four Add */


.fix-x{overflow-x:hidden;}

.thumb-front{padding:8% 10%;}
.thumb-info {color:#fff; padding:0 10%;}
.thumb-title{color:#fff; font-size:24px; font-weight:bold; margin-bottom:3%;}
.thumb-title-font{color:#333333; font-size:24px; font-weight:bold; margin-bottom:3%;}
.thumb-des{font-size:20px;color:#fff;}
.lan-icon{font-size:16px;margin-left:5px;}


@media (min-width: 1200px) and (max-width:1599px) {
.thumb-title{font-size:18px; line-height:24px;}
.thumb-des{font-size:16px; line-height:24px;}
.thumb-title-font{font-size:18px; line-height:24px;}
.navi-img{width:70%;}
}

@media (min-width: 992px) and (max-width:1199px) {
.thumb-title{font-size:18px; line-height:24px;}
.thumb-title-font{font-size:18px; line-height:24px;}
.thumb-des{font-size:16px; line-height:24px;}
.navi-img{width:70%;}
.contact-dealer-add{width:247px;}
}

@media (min-width: 768px) and (max-width: 991px) {
  .thumb-creative__content {
    min-height:270px;
    max-height:270px;
  }

.thumb-title{font-size:18px; line-height:24px;}
.thumb-title-font{font-size:18px; line-height:24px;}
.thumb-des{font-size:16px; line-height:24px;}
}

@media (min-width: 480px) and (max-width: 767px) {
  .thumb-creative__content {
    min-height:220px;
    max-height:220px;
  }

.thumb-title{font-size:16px; line-height:22px;}
.thumb-title-font{font-size:16px; line-height:22px;}
.thumb-des{font-size:14px; line-height:22px;}
}

@media (min-width: 300px) and (max-width: 479px) {
  .thumb-creative__content {
    min-height:277px;
    max-height:277px;
  }

.thumb-title{font-size:16px; line-height:22px;}
.thumb-title-font{font-size:16px; line-height:22px;}
.thumb-des{font-size:14px; line-height:22px;}
}

.thumb-button {
  display: inline-block;
  width: auto;
  max-width: 100%;
  border: 1px solid;
  border-radius: 3px;
  padding: 12px 30px;
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: .06em;
  transition: .33s all ease;
  white-space: normal;
  cursor: pointer;
  text-align: center;
  margin-top:3%;
}

@media (min-width: 300px) {
  .thumb-button {
    padding: 0px 16px;
    font-size: 16px;
    
  }
}


@media (min-width: 992px){.icon-xxl{font-size:80px;}}

@media (max-width: 1199px){.hidden-md-item{display:none;}}

@media (max-width: 992px){.hidden-sm-item{display:none;}}


.hidden-video{display:none;  z-index:-1;}

.rd-navbar-fixed .rd-navbar-fixed--hidden{display:none;}

.rd-navbar-search__toggle .rd-navbar-fixed--hidden{display:none;}

.rd-navbar-megamenu img{position:absolute;}

@media (min-width: 768px) {
.offset-right{ margin-right:35%;}
}

@media (max-width: 1199px) {
  .rd-navbar-static .rd-navbar-nav-wrap {
    position:relative;
   width:80%;
    transition: padding .33s;
    left:10px;
  }
}

@media (min-width: 992px) and (max-width:1199px) {
.navi-logo{
    position: absolute;
    left: 28px;
    width: 8%;
    top: 37px;}
}


.video {
  position: absolute;
  overflow:hidden;
  top:0;
  /*left: 50%;*/

  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  /*-webkit-transform: translate(-50%, -50%);*/
      /*-ms-transform: translate(-50%, -50%);*/
          /*transform: translate(-50%, -50%);*/
}


.banner-text{text-align:left;}

@media (max-width: 767px){.banner-text{ text-align:center;}}

.banner-main-title {color:#fff; font-weight:bold;}
.banner-sub-title  {margin-top:20px;color:#fff;}

@media (min-width: 1200px) {
.banner-main-title{font-size:54px; line-height:66px; word-break: keep-all; }
.banner-sub-title{font-size:26px; line-height:40px;word-break: keep-all;}
}

@media (min-width:768px) and (max-width:1199px) {
.banner-main-title{font-size:48px; line-height:66px;word-break: keep-all; }
.banner-sub-title{font-size:24px; line-height:40px;word-break: keep-all;}
}

@media (min-width:480px) and (max-width:767px) {
.banner-main-title{font-size:42px; line-height:66px;word-break: keep-all; }
.banner-sub-title{font-size:20px; line-height:40px;word-break: keep-all;}
}

@media (min-width:321px) and (max-width:479px) {
.banner-main-title{font-size:34px; line-height:46px;word-break: keep-all; }
.banner-sub-title{font-size:18px; line-height:28px;word-break: keep-all;}
}

@media (max-width:320px){
.banner-main-title{font-size:28px; line-height:42px;word-break: keep-all; }
.banner-sub-title{font-size:17px; line-height:26px;word-break: keep-all;}
}


.prd-spec-title{display:block; width:100%; margin:10px auto;}
.prd-spec-dec{display:inline-block; padding-right:12px; font-size:20px;}




 /*four*/
.rd-megamenu-header a {
  color: #ff8734;
}

.swiper-title-ss{
  color: #000000;
  text-shadow:1px 1px 20px #333333;
}




.rd-navbar .rd-search .form-label {
  font-size:22px;
  font-weight: 300;
}

/*
*
* Typography
* ==================================================
*/



.page .button-primary {
  color: #fff;
  background-color: #ea6000;
  border-color: #ea6000;
}

.page .button-primary:hover, .page .button-primary:focus, .page .button-primary:active, .page .button-primary:hover {
  color: #fff;
  background-color: #ff8734;
  border-color: #ff8734;
}

.button {
  font-weight: lighter;
}

/*Header menu �����*/
.rd-navbar-static .rd-navbar-nav > li.opened > a,
.rd-navbar-static .rd-navbar-nav > li.active > a,
.rd-navbar-sidebar .rd-navbar-nav > li.opened > a,
.rd-navbar-sidebar .rd-navbar-nav > li.active > a {
  color: #ea6000;
}

.rd-navbar-static .rd-navbar-nav > li > a:hover,
.rd-navbar-sidebar .rd-navbar-nav > li > a:hover {
  color: #ea6000;
}

.rd-navbar-static .rd-navbar-nav > li.opened > a,
.rd-navbar-static .rd-navbar-nav > li.active > a,
.rd-navbar-sidebar .rd-navbar-nav > li.opened > a,
.rd-navbar-sidebar .rd-navbar-nav > li.active > a {
  color: #ea6000;
}

/*Header menu v*/
.rd-navbar-static .rd-navbar-nav > li > .rd-navbar-submenu-toggle,
.rd-navbar-sidebar .rd-navbar-nav > li > .rd-navbar-submenu-toggle {
  margin-top: 3px; 
}

@media (min-width:992px){
	.button{font-size:17px;}
	}

a, a:active, a:focus{color:#711C21;}

/*
* Static Layout
*/
/*Header*/
.rd-navbar-static {
	background-color: #ffffff;
	box-shadow: 0 2px 12px rgba(136, 136, 136, 0.1);
	}

/*Banner*/
@media (min-width:1600px){
	.parallax-header__inner{min-height:600px;}
}

@media (min-width: 1500px){
	.slick-prev{left:-50px;} 
	.slick-next{right:-50px;}
	}

/*�折�Banner�����*/
.parallax-header__content {
  text-shadow: 0px 0px 30px rgba(0%,0%,0%,0.5);
}

/* Dots */
.child-carousel .item{opacity:1;}

/*��𣇉�����𥕦椰�𢰧��厰��================================*/

@media (min-width: 360px) {
  .products-info-ss .slick-prev {
    left: -50px;
  } 
  .products-info-ss .slick-next {
    right: -50px;
  }
}

@media (min-width: 768px) {
  .products-info-ss .slick-prev {
    left: -10px;
  } 
  .products-info-ss .slick-next {
    right: -10px;
  }
}
@media (min-width: 1200px) {
  .products-info-ss .slick-prev {
    left: 10px;
  } 
  .products-info-ss .slick-next {
    right: 10px;
  }
}
@media (min-width: 1600px) {
  .products-info-ss .slick-prev {
    left: -40px;
  } 
  .products-info-ss .slick-next {
    right: -40px;
  }
}

@media (min-width:400px){
	.slick-prev{left:-50px;} 
	.slick-next{right:-50px;}
}

@media (min-width: 1200px) {
  .slick-prev {
    left: -50px;
  } 
  .slick-next {
    right: -50px;
  }
}

.slick-prev, .slick-next {
  background-color: rgba(255,255,255,.6);
}
.slick-prev {
  border-radius: 0px 0px 0px 0px;
  box-shadow: -5px 0px 10px 1px rgba(0, 0, 0, 0.2);
}
.slick-next{
  border-radius: 0px 0px 0px 0px;
  box-shadow: 5px 0px 10px 1px rgba(0, 0, 0, 0.2);
}

/* Dots */
.child-carousel .item {
  opacity: 1;
}

.slick-gallery-spec-img-ss{
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.margin-center-ss {
  margin:0 auto;
}
.bg-white-opacity-1-ss {
  /*padding: 50px;*/
  margin-bottom: 50px;
  background-color: rgba(255,255,255,.3);
  box-shadow: 0px 0px 20px 3px rgba(0, 0, 0, 0.3);
}

.bg-white-ss{background-color:#ffffff;}

.table-bg-2-ss{background-color:#eeeeee;}

.td-bg-gray-lignt-ss{background-color:rgba(140, 146, 162, 0.5);}

.td-unit-ss {
	color:#333;
	background-color:rgba(255,255,255,.8);
	}

th {
    font-weight: 300;
    border-bottom:1px solid #999;
    border-right:1px solid #999;
    text-align: center;
    table-layout:fixed;
    word-wrap:break-word;   
    overflow:hidden;
 }

/*.table th{width:80px;}*/

td{border:1px solid #777;}

.table-frame-ss {
  padding: 50px;
  background-color: rgba(255,255,255,.25);
  box-shadow: 0px 0px 20px 3px rgba(0, 0, 0, 0.3);
}
@media (max-width: 950px) {
  .table-frame-ss {
    padding: 0px;
    background-color: rgba(255,255,255,0);
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.0);
  }
}

.table-model-text-ss{width:70px;}

/*Bootstrap*/
.table > thead > tr > th,
.table > thead > tr > td,
.table > tbody > tr > th,
.table > tbody > tr > td,
.table > tfoot > tr > th,
.table > tfoot > tr > td {
  padding: 17px 8px;
  line-height: 1.4;
  vertical-align: middle;
  border: 1px solid #333;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
}

.tr-head-row-ss{background-color:#ea6000;}

.product-table tr:nth-child(odd){background-color:rgba(67,77,105,0.15);}

.th-head-ss{background-color: rgba(67, 77, 105, 0.7)!important;}

.offest-top{margin-top:5px;}

.offest-top-15{margin-top:15px;}

.offest-top-30{margin-top:30px;}

.offest-top-50{margin-top:50px;}

.offest-top-60{margin-top:60px;}

.offest-top-80{margin-top:80px;}

.offest-top-100{margin-top:100px;}

.offest-top-200{margin-top:200px;}

.offest-bottom-10{margin-bottom:10px;}

.offest-bottom-20{margin-bottom:20px;}

.offest-bottom-30{margin-bottom:30px;}

.offest-bottom-50{margin-bottom:50px;}

.offest-bottom-80{margin-bottom:80px;}

/*
* @subsection   ToTop
* @license      MIT license - http://opensource.org/licenses/MIT
* @version      1.0.0
*/
.ui-to-top, 
.ui-to-top:active,
.ui-to-top:focus {
  color: #fff;
  background: #ea6000;
}

.text-orange-ss{
  color:#ea6000;
}

.text-orange-light-ss{
  color:#ff8734;
}

.text-gray-ss{
  color:#555555;
}

.text-gray-light-ss{
  color:#999999;
}

.display-ss{
  display:inline;
}

.note-ss{
  font-size: 16px;
}

.bg-contect-img{
  background-image: url("../images/product-contect.jpg") ;
      background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.bg-index-img{
  background-image: url("../images/index-responsibility.jpg") ;
}

.bg-certificate-img{
  background-image: url("../images/certificate-bg.jpg") ;
  background-size: cover;
}

.bg-silver-img{
  background-image: url("../images/silver-gray-new.jpg");
  background-size: cover;
}

@media (min-width: 1200px) {
 .rd-navbar-static .rd-navbar-inner > * {
    padding: 0 0px;
  }
}

.top-5-ss{margin-top:5px;}

.top-50-ss{margin-top:50px;}

.overlay{
    position: absolute;
    top: 0;
    left: 0;
    min-height: 100%;
    width: auto;
    min-width: 100%;
    z-index: 0;
    background: url(../images/pixel-screen.png);
}

.rd-navbar-static .rd-navbar-nav > li {
  padding: 0 23px;
}


@media (min-width: 1200px) {
  .rd-navbar-fullwidth .rd-megamenu-header,
  .rd-navbar-static .rd-megamenu-header {
    /*en only*/
    font-size: 15px;
    color: #ff8734;
    position: relative;
    top: 14px;
  }
}

.post-strict__time{
  font-size: 18px;
}

.left-10-ss{
  padding-left: 10px;
}

.thumb-creative__image-wrap {
  margin: 4px 4px;
}

.text-gray{
  color:#000;
}

.breadcrumb-ss {
  border-radius: 0;
  color: #717171;
  font-weight: lighter;
  font-size: 16px;
  margin-bottom: 0;
  text-align: left;
}


@media (min-width: 300px) and (max-width:480px) {
 .breadcrumb-ss {
  
  font-size: 12px;
  
}   

}



.breadcrumb-ss > li {
  display:inline-block;
  margin-top:10px;
  margin-right: 8px;
}

.breadcrumb-ss > li > a {
  color: #777;
  font-weight: 500;
}

.fa-angle-right:before{
  padding-right:8px;
}

#breadcrumb-active-ss{
  font-weight: 700;
  color: #333;
}

/*highlight*/
.table-hover-ss {
  /*background-color: rgba(204, 204, 204,.9);*/
  background-color: rgba(204, 204, 204,.5);
}

.rd-megamenu-category-ss{
  color:#555;
  background-color: #fff
}

.thumb-creative__content h1, 
.thumb-creative__content h2, 
.thumb-creative__content h3, 
/*.thumb-creative__content h4, */
.thumb-creative__content h5, 
.thumb-creative__content h6, 
.thumb-creative__content .heading-1, 
.thumb-creative__content .heading-2, 
.thumb-creative__content .heading-3, 
.thumb-creative__content .heading-4, 
.thumb-creative__content .heading-5, 
.thumb-creative__content .heading-6 {
  line-height: 1.4;
  color: #333;
}

.thumb-creative__back .thumb-creative__content {
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
/*  margin-bottom: 20px;*/
}

.thumb-creative__content_back-ss {
  padding-left: 75px;
  padding-right: 75px;
}

.thumb-creative__content_back-ss h3,
.thumb-creative__content_back-ss p {
  color: #fff;
  line-height: 1.8;
  text-align: center;
}

.thumb-creative__content_back-ss h3{
  font-weight: 500;
}

.thumb-creative__content_back-ss h3 + p {
  margin-top: 10px;
}

.thumb-creative__content_back-ss .button {
  margin-top: 20px;
}

@media (min-width: 992px) {} 
.desktop .thumb-creative__front .thumb-creative__image {
  opacity: 100;
}

.thumb-creative__content {
  color: #333333;
}

.rd-navbar-img-ss{
  display: block;
  height: 100%;
  background-color: #c5cdd8;
}

.rd-megamenu-product-type-ss{
  font-size: 16px;
  display: inline;
  padding: 5px 8px 5px 8px;
  background-color: #e96000;
  color: #fff;
  margin-left:0px;
}

/*en only*/
@media (min-width:992px) and (max-width: 1199px) {
.rd-megamenu-product-type-ss {
    font-size: 13px;
    padding: 5px 1px 5px 1px;
 }
}



@media (max-width: 991px) {
.rd-megamenu-product-type-ss{
  margin-left:20px;
  }
}

.rd-navbar-fullwidth .rd-navbar-megamenu,
.rd-navbar-static .rd-navbar-megamenu {
  background: rgba(51,51,51,0.93);
background: -moz-linear-gradient(top, rgba(51,51,51,0.93) 0%, rgba(85,85,85,0.97) 50%, rgba(85,85,85,0.97) 53%, rgba(51,51,51,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(51,51,51,0.93)), color-stop(50%, rgba(85,85,85,0.97)), color-stop(53%, rgba(85,85,85,0.97)), color-stop(100%, rgba(51,51,51,1)));
background: -webkit-linear-gradient(top, rgba(51,51,51,0.93) 0%, rgba(85,85,85,0.97) 50%, rgba(85,85,85,0.97) 53%, rgba(51,51,51,1) 100%);
background: -o-linear-gradient(top, rgba(51,51,51,0.93) 0%, rgba(85,85,85,0.97) 50%, rgba(85,85,85,0.97) 53%, rgba(51,51,51,1) 100%);
background: -ms-linear-gradient(top, rgba(51,51,51,0.93) 0%, rgba(85,85,85,0.97) 50%, rgba(85,85,85,0.97) 53%, rgba(51,51,51,1) 100%);
background: linear-gradient(to bottom, rgba(51,51,51,0.93) 0%, rgba(85,85,85,0.97) 50%, rgba(85,85,85,0.97) 53%, rgba(51,51,51,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#333333', GradientType=0 );
  box-shadow: 0px 10px 25.5px 4.5px rgba(0, 0, 0, 0.3);
}


/*four*/
/*banner*/
.swiper-banner-text-ss{
  text-align: left; 
}

/*four*/
@media (max-width: 767px) {
.swiper-banner-text-ss{text-align: center; }
}

/*four*/
.news-bg-ss{
  background-image: url("../images/news-bg.jpg");
  background-repeat:no-repeat;
  padding:80px 0;
  background-size: cover;
}

.text-white {
  color: #fff;
}

.range-bottom-30-ss {
  margin-bottom: 30px;
}

.range-padding-ss {
  padding: 5px 22px 30px;
}

.news-title-ss {
  letter-spacing: 0px;
}

/*.icon-margin-ss{
  margin-right: 5px;
}*/

.shadow-img-ss{
  box-shadow:0px 3px 14px 8px rgba(0%,0%,0%,0.2);
}

.certificate h3 + h4{margin-top:40px;}

.certificate h4 + p{margin-top:25px;}

.certificate p{letter-spacing:0px;}

.certificate p span{color:#ea6000; font-weight:600;}

.certificate .button{margin-top:45px;}

.text-white-ss{color:#fff;}

.button-ss{border:1px solid #fff;}

.rd-navbar-static .rd-navbar-nav > li > .rd-navbar-submenu-toggle, 
.rd-navbar-nav > li > .rd-navbar-submenu-toggle {
  color:#fff; /*four*/
}

.brand-name-ss{color:#ea6000;}

.rd-navbar--is-stuck.rd-navbar.rd-navbar-nav>li>a{color:#333333;}

..rd-navbar-static{color:#333;}

.rd-navbar-static .rd-navbar-nav > li > .rd-navbar-submenu-toggle, 
.rd-navbar-nav > li > .rd-navbar-submenu-toggle {
}

.post-project__body a {
  color:#333333;
}

.product-type-ss {
  display:inline-block; 
  color:#fff;
  background-color:#ea6000;
  padding:2px 10px;
}

.post-project{padding:0px;}

ol li{list-style-type:decimal;}

/*products-type*/
.products-intro h4 + p {
  margin-top: 8px;
}

.button-top-0-ss {
  margin-top: 0;
}
.contact-ss span, .contact-ss  p{
  display: inline;
}

.contact-ss li {
  margin-bottom: 15px;
}

@media (min-width: 300px) {
  .form-xs-100 {
    width: 98.6%;
  }
  .form-xs-50 {
    width:49%;
  }
  .form-xs-33 {
    width:32.5%;
  }
}
@media (min-width: 991px) {
  .form-md-100 {
    width: 98.6%;
  }
  .form-md-50 {
    width:49%;
  }
  .form-md-33 {
    width:32.5%;
  }
}
@media (min-width: 1600px){
  .form-lg-100{width:98.6%;}
  .form-lg-50{width:49%;}
  .form-lg-33{width:32.5%;}
}

.require-mark-ss{
  font-weight:700;
  color:#ea6000;
}
.require-ss::after{
    content:'*';
    color:#ea6000;
    margin-left: 4px;
}

.select-style-ss:after, .select-style-ss:before {
    content:" ";
    position: absolute;
    pointer-events: none;
}

.select-style-ss:after {
    top: 50%;
    right: 25px;
    border: solid transparent;
    height: 0;
    width: 0;
    border-color: transparent;
    border-top-color: #fff;
    border-width: 5px;
    margin-top: -2px;
}

.select-style-ss:before {
    right: 0;
    top: 0;
    width: 60px;
    height: 100%;
    background-color: #555;
    border-radius: 0px 3px 3px 0px;
}

.bg-box-ss {
  padding: 30px 40px; /*hsinny*/
  box-shadow: 0px 1px 1px 1px rgba(0%,0%,0%,0.1);
  margin-top: 20px;
}

.shadow-ss {
  box-shadow: 0px 1px 1px 1px rgba(0%,0%,0%,0.1);
}
.shadow-dark-ss {
  box-shadow: 0px 1px 1px 1px rgba(0%,0%,0%,0.3);
}

.shadow-text-ss {
  text-shadow: 0px 0px 15px rgba(0%,0%,0%,0.9);
}

.contact-ss hr{
  margin-top: 20px;
  margin-bottom: 15px;
}

.contact-ss *+p, .contact-ss p+* {
  margin-top: 0px;
}

.form-input {
  padding: 16px 19px;
  /*font-size: 16px;*/
  font-weight: 400;
  line-height: 27px;
  font-style: normal;
  color: #888;
  background-color: #ffffff;
  box-shadow:0px 1px 1px 1px rgba(0%,0%,0%,0.1);
  display: inline-block;
  width: 100%;
}
.form-wrap {
  display: inline-block;
}
.form-label, .form-label-outside {
  font-style: normal;
}
.form-label-outside ~ .form-input {
  font-weight: normal;
}

/*END*/


/*principle-ss ====================*/
.principle-ss h4{color:#ff8734; font-weight:700;}

.principle-ss h4 + h6{margin-top:6px;}

.principle-ss {
} 

/*====================*/
.products-type-info-ss ol li {
  display: list-item;
  font-weight: 600;
}
/*====================END*/

.post-project__body h6 {
  line-height: 1.4em;
}

.post-project {
  padding-top: 20px;
  padding-bottom: 20px;
}

.post-project__body{margin-top:10px;}

@media (min-width: 1600px) {
.products-all-ss .range:not(.range-condensed) > [class*='cell'] {
    padding-left: 5px;
    padding-right: 5px;
  }
}

.products-all-ss .thumb-creative__image-wrap {
  height: 430px;
/*overflow : visible;*/
}

.products-all-ss .thumb-creative {
  margin : 2px 2px 6px 2px ;
  box-sizing: border-box;
}

.products-all-ss .thumb-creative__content {
  height: 430px;
}

/*products*/
.products-margin-ss {
 padding-top:80px;
  padding-bottom: 150px;
}

@media (max-width: 996px) {
  .products-margin-ss {
    margin: 0px auto 0px auto;
  }
}

.products-margin-ss .range + .range {
  margin-top: 70px;
}
@media (min-width: 996px) {
  .products-margin-ss .range + .range {
  margin-top: 150px;
  }
}



/*
style="vertical-align: middle;"*/

.offest-top-ss {
  margin-top:15px;
}

.products-type-info-ss ol{
  margin-left: 20px;
}

/*about*/
.blurb-circle__icon .icon{
	background:#ea6000;
	}

@media (min-width: 320px){
	.page .icon-xxl{font-size:80px;/*Hsinny*/}
}

@media (min-width: 300px) and (max-width: 480px){
    .priciple{margin-left:10%;}
}

@media (min-width: 481px) and (max-width: 991px){
    .priciple{margin-left:15%;}
}

@media (min-width: 992px){
	.page .icon-xxl{font-size:100px;}
	.priciple{margin-left:11%;}
	}

.about-ss h4 + .heading-6{
	margin-top:20px;
	}

.main-item-ss span{
	font-weight:700;
	}

.main-item-ss [class*="cell-"] {
  padding-left: 15px;
  padding-right: 15px;
}
.box-ss {
  min-height: 236px;
  padding: 50px 20px 50px 20px;
  background: rgba(255,255,255,0.85);
}

@media (min-width: 1600px) {
.main-item-ss .range:not(.range-condensed) > [class*='cell'] {
    padding-left: 10px;
    padding-right: 10px;
  }
}

/*.text {
    position: absolute;
    z-index: 1;
    overflow: hidden;
    border-radius: 50%; 
    background: #fff; 
    color: red;
    padding: 50px;
    display:block;
}*/

.box-counter-ss {
/*  border:1px solid white;*/
  padding: 50px 0px 40px 0px ;
  background: rgba(0,0,0,0.15);
  text-shadow: 1px 1px 1px #333333;
}

/*@media (min-width: 1600px){
.principle-ss .range:not(.range-condensed) > [class*='cell'] {
    padding-left: 45px;
    padding-right: 35px;
  }
}*/


@media (min-width: 1600px) {
.range:not(.range-condensed) {
    margin-left: 25px;
    margin-right: 25px;
}
}
 /*.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-nav > li > a {
  color: #000;
 }

 .rd-navbar-static .rd-navbar-nav > li > a, 
 .rd-navbar-static .rd-navbar-nav > li > a:active, 
 .rd-navbar-static .rd-navbar-nav > li > a:focus, 
 .rd-navbar-sidebar .rd-navbar-nav > li > a, 
 .rd-navbar-sidebar .rd-navbar-nav > li > a:active, 
 .rd-navbar-sidebar .rd-navbar-nav > li > a:focus {
    color: #000;
  }
  */

 .box-6counter-ss {
  padding: 0px 100px 60px 100px ;
  background: rgba(0,0,0,0.15);
  text-shadow: 1px 1px 1px #333333;
}

/*@media (max-width: 489px){
  .box-6counter-ss {
  padding: 0px 10px 60px 10px ;
}*/

.box-6counter-ss .blurb__title {
  color:#fff;
}

.text-shadow-ss{
 text-shadow: 1px 1px 5px #333333;
}

.box-6counter-ss .unit__body h5 {
    color: rgb(255, 135, 52);
    font-weight: 700;
}

@media (min-width: 1200px) {
.rd-navbar-static .rd-navbar-inner {
    min-height: 0px;
  }
}
/*
.rd-navbar-static .rd-navbar-inner {
  padding-top: 0px; 
  padding-bottom: 0px;
}
*/
@media (max-width: 1200px) {
  .parallax-header__content h3 {
    font-size: 42px;
  }
}
@media (max-width: 480px) {
  .parallax-header__content h3 {
    font-size: 26px;
    font-weight: 500;
  }
}

/*
*
* Typography 
h1-74px
h2-60px
h3-42px
h4-26px
h5-22px
h6-18px
* ==================================================
*/
/*@media (min-width: 1600px) {
  h3, .heading-3 {
    font-size: 42px;
  }
}
*/
@media (min-width: 1600px) {
  h4, .heading-4 {
    font-size: 26px;
    /*line-height: 1.43333;*/
  }
}

.post-strict__header {
  font-style: normal;
}

/*
*
* Form styles
* --------------------------------------------------
*/
.list-marked > li, .list-marked-primary > li {
  color: #333;
  font-size: 18px;
}

/*icon*/
.icon-right-ss {
  margin-right: 10px;
}
.icon-right-ss:after {
  margin-right: 10px;
}  

/*footerd mail*/
.bg-gray-dark .link-primary {
  color: #ff8734;
}

/*footer SNS*/
.footer-corporate ul  {
  font-size: 20px;
  padding: 0px 0;
}

h4 + h5 {
 margin-bottom: 10px;
}

.footer-corporate {
  padding: 8px 0;
}

.type-icon-ss img + img {
  margin-left: 6px;
}

.products-info-ss * + .post-strict__header {
  margin-top: 0px;
}

.products-info-ss .slick-prev {
  background:rgba(255,255,255,.9);
  box-shadow: -1px 1px 1px 1px rgba(0%,0%,0%,0.2);
}
.products-info-ss .slick-next {
  background:rgba(255,255,255,.9);
  box-shadow: 1px 1px 1px 1px rgba(0%,0%,0%,0.2);
}

/*
* Flex Grid system
* --------------------------------------------------
*/
.shell-1600-ss {
  margin-right: auto;
  margin-left: auto;
  padding-left: 50px;
  padding-right: 50px;
}
@media (min-width: 1200px) {
  .shell-1600-ss {
    max-width: 1600px;
  }
}
@media (min-width: 1200px) {
  .shell-1600-ss {
    max-width: 1800px;
  }
}

.model-name-ss h6 {
  display:inline;
  color: #eba000;
}

@media (max-width: 992px) {
  .heading-6 {
    font-size: 16px;
    line-height: 1.8;
  }
}

.model-name-ss h6 + h6 {
  margin-left: 10px;
}
.model-name-ss h6 + h6:before{
  margin-right: 10px;
  content: "/";
}
.inquiry-ss {
}





.bg-box-ss {
    box-shadow: 0px 2px 2px 3px rgba(0%,0%,0%,0.1);
    margin-top: 20px;
  }


@media (max-width: 1600px) {
.bg-box-ss { 
    min-height: 235px;
  }
}
@media (max-width: 992px) {
.bg-box-ss {
    min-height: 190px;
  }
}
@media (max-width: 768px) {
.bg-box-ss {
    min-height: 180px;
  }
}
.bg-box-2-ss {
  padding: 15px 25px;
  box-shadow: 0px 2px 2px 3px rgba(0%,0%,0%,0.1);
}




/*===============================*/
.slick-dots li.slick-active button:before {
  color: #333;
}
.slick-dots li button:before {
  font-size: 50px;
  color: #aaa;
}
/*============================END*/
@media (min-width: 768px) {
  .products-info-ss-2.list-marked > li::before {
      top: 11px;
  }
}

@media (min-width: 768px) {
  .button {
    font-size: 16px;
    font-weight: 400;
  } 
}

.products-all-ss h3 + h6 {
  margin-top: 15px;
}

@media (min-width: 768px){
    * + .thumb-flat__body {
    margin: 30px auto;
 }
}

/*.rd-navbar-submenu-toggle::after {
    content: '\f107';
    position: relative;
    display: inline-block;
    font: 600 20px "FontAwesome";
    text-align: center;
    transition: 0.4s all ease;
    z-index: 2;
    will-change: transform;
    -webkit-filter: blur(0);
    -webkit-transform: rotate(-90deg);    
    -moz-transform: rotate(-90deg);       
    -ms-transform: rotate(-90deg);        
    -o-transform: rotate(-90deg); 
  }
  */

  @media (min-width: 1600px) {
    .products-intro * + .button {
     margin-top: 30px; 
}

.products-intro .text-width-1 {
     max-width: 100%; 
}



.products-intro h3 + p {
  margin-top: 30px;
}

.box-shadow-img-ss {
 box-shadow: 0px 0px 2px 2px rgba(0%,0%,0%,0.1);
}

}

/*.hr-ss {
  margin-top: 50px;
  border: 1px solid rgba(0,0,0,0.5);
}*/

.products-type-info-ss h4 + h6 {
  margin-top: 0px;
}


@media (min-width: 1200px) {
.rd-google-map__model {
    height: 380px;
  }
}

.dealer-ss .contact-ss li {
    margin-bottom: 0px;
}

.dealer-ss .list-marked > li + li, .list-marked-primary > li + li {
    margin-top: 0px;
}

.contact-ss h2 + h6 {
  margin-top: 15px;
}

.contact-ss h5 {
  font-weight: 700;
}

.text-size-16-ss {
  font-size: 16px;
}
.dealer-ss h5 {
  font-weight: 700;
}

.font-size-30-ss {
  font-size: 30px;
}

.parallax-header__content h2 {
  font-size: 48px;
}

@media (min-width: 300px) and (max-width:480px) {
    
  .parallax-header__content h2 {
  font-size: 28px;
}  
    
}



@media (min-width: 992px){
.parallax-header__content {
    padding: 160px 0 130px;
 }
}
.media-ss * + .post-classic-title {
  margin-top: 15px;
}


.media-s .pagination-classic li a,
.media-s .pagination-classic li span {
  font-size: 16px;
  line-height: 50px;
  font-weight: 600;
  font-family: "Montserrat", Arial, sans-serif;
  background-color: #f8f8f8;
  border: 1px solid #f8f8f8;
  color: #888;
}

@media (min-width: 1200px) {
  .media-ss .shell {
    padding-left: 50px;
    padding-right: 50px;
 }
}

.media-ss .frame-white-ss {
  padding-top: 80px;
  padding-bottom: 80px;
  background-color: rgba(255,255,255,.6);
  box-shadow: 0px 0px 20px 3px rgba(0, 0, 0, 0.3);
}

.pagination-classic li.active span, 
.pagination-classic li.active span:hover {
  background-color: #ffffff;
}
.pagination-classic li {
  box-shadow: 0px 5px 4.75px 0.25px rgba(0, 0, 0, 0.1);
}

@media (min-width: 992px) {
.media-ss .section-md {
  padding: 50px 0 50px 0;
 }
}

/*Zun================================*/

.media-info{margin-top:10px; margin-bottom:30px;}
.catalog-thum{width:100%;}

.content-title {
  font-size: 20px;
  color:#3c3a3a;
}

.media-margin {
  margin-right: 50px;
  margin-left: 50px;
}

.catalog-margin {
  margin-right: 60px;
  margin-left: 60px;
}

.catalog-line{
  height: 70px;
    display:flex;
      align-items:center;
      justify-content:center;
    margin-bottom: 25px;
      overflow: hidden;
}


.catalog-title{
  text-align: center;
  line-height:26px;
  margin-top:15px;
  width:100%;
  min-height:75px;
  max-height:100px;
  color:#515151;
  font-weight:400;
}

.catalog-title:hover{color:#ea6000;}


.catalog-border {
  border-width: 1px ;
  border-style: solid;
  border-color: #DCDCDC;
  box-shadow: 0px 2px 2px 3px rgba(0%,0%,0%,0.1);
  padding: 10px;
  padding-bottom: 0px;
}

.catalog-pannel{
  margin-top:15px;
  padding:10px;
  border:0px solid #aaa; 
  background-color: rgba(255,255,255,0.8);
  box-shadow: 0px 2px 2px 3px rgba(0%,0%,0%,0.1);

}



.media-shadow {
  box-shadow: 0px 1px 10px 3px rgba(0%,0%,0%,0.2);
}

.media-titletext{
  padding-top: 2px;
  max-width: 232px;
}

.media-title{
 height: 50px; 
 max-width: 28px; 
 display:inline-block; 
 float:left;
 margin-right: 2px;
}
.media-icon{
  width: 28px;
  padding-right: 5px;

}

.prd-type{color:#333333;}
.prd-type:hover{color:#ea6000;}
.prd-type > p{margin-top:10px;}
.news-pannel{/*border: solid;*/
    /*padding: 15px;*/
    /*border-color: #ccc;border-width: 1px;
    -webkit-box-shadow: 3px 3px 5px 0px rgba(91, 91, 91, 0.75);
    -moz-box-shadow: 3px 3px 5px 0px rgba(91, 91, 91, 0.75);*/
    /*box-shadow: 3px 3px 5px 0px rgba(91, 91, 91, 0.75);*/
}

.con-panel{padding: 15px 25px;box-shadow: 0px 2px 2px 3px rgba(0%,0%,0%,0.1);}
.con-icon{margin-right:5px;}
.con-address-icon{display:inline-block; width:20px;position:relative;bottom:0px;}
.con-address-info{display:inline-block; width:90%;}
.con-flag img{margin-bottom:20px; width:50px;}
.con-dealer-bg{background-color:rgba(255, 255, 255, 0.5);border-style: solid; border-width: 0.5px;border-color: #afaeae;}



@media (min-width: 1440px){


.prd-icon{width:100px; height:100px;}

  .media-ss .frame-white-ss {
  padding-top: 60px;
  padding-bottom: 60px;
}
  .media-titletext{
  max-width: 280px;
  }
  .content-title {
  font-size: 18px;
 }
 .catalog-title {
    font-size: 18px;
 }
}

@media (min-width: 1200px) and (max-width: 1439px){

  .prd-icon{width:100px; height:100px;}
  .media-ss .frame-white-ss {
  padding-top: 60px;
  padding-bottom: 60px;
}
  .media-margin ,.catalog-margin{
  margin-right: 20px;
  margin-left: 20px;
  }
  .content-title {
    font-size: 18px;
  }
  .catalog-title {
    font-size: 18px;
}
  .media-titletext{
  max-width: 280px;
  }

.dealer-margin {padding-left:45px; padding-right:45px;}


}

@media (min-width: 992px) and (max-width:1199px){

.prd-icon{width:80px; height:80px;}

 .media-ss .frame-white-ss {
  padding-top: 30px;
  padding-bottom: 30px;
}

  .media-margin ,.catalog-margin {
  margin-right: 10px;
  margin-left: 10px;
  }
  .content-title {
    font-size: 18px;
    line-height:1.5;
  }
  .catalog-title {
    font-size: 18px;
  }

  .media-titletext{
    max-width: 280px;
  }
  .media-icon{
    width: 30px;
  }

  .con-panel{padding: 15px 10px;}
  .con-address-icon{bottom:58px;}
  .con-address-info{width:85%;}

}

@media(min-width: 768px) and (max-width:991px) {

  .prd-icon{width:70px; height:70px;}
  .media-margin ,.catalog-margin {
  margin-right: 10px;
  margin-left: 10px;
  }

  .media-ss .frame-white-ss {
  padding-top: 30px;
  padding-bottom: 30px;
}

.media-info{margin-top:10px; margin-bottom:30px;}


  .content-title {
    font-size: 18px;
  }
  .catalog-title {
    font-size: 18px;
  }
  .catalog-border {
    padding: 10px;
    padding-bottom: 20px;
  }
    .media-titletext{
    max-width: 300px;
    margin:auto;

  }
  .media-icon{
    width: 50px;
  }
  .media-title{
    margin-right: 10px;
  }

  .con-address-icon{width:15px; bottom:0px;}
}

@media (min-width: 480px) and (max-width:767px) {

   .prd-icon{width:60px; height:60px;}

   .media-ss .frame-white-ss {
  padding-top: 30px;
  padding-bottom: 30px;
}


.media-info{margin-top:10px; margin-bottom:30px;}
  
  .content-title {
    font-size: 18px;
  }
  .catalog-title {
    font-size: 16px;
  }
   .media-titletext{
    max-width: 300px;
    margin:auto;
  }
    .media-title{
    margin-right: 10px;
  }

  .con-address-icon{width:15px; bottom:20px;}
}

@media (min-width: 321px) and (max-width: 479px) {

  .prd-icon{width:60px; height:60px;}

  .media-ss .frame-white-ss {
  padding-top: 30px;
  padding-bottom: 30px;
}

.media-margin {
  margin-right: 10px;
  margin-left: 10px;
}

.media-info{margin-top:10px; margin-bottom:10px;}
  
  .content-title {
    font-size: 16px;
  }
   .media-titletext{
    max-width: 300px;
    margin:auto;
  }
    .media-icon{
    width: 40px;
  }
    .media-title{
    margin-right: 5px;
  }

   .catalog-title {
    font-size: 18px;
  }

   .con-address-icon{width:15px; bottom:20px;}
}

@media (max-width: 320px) {

  .prd-icon{width:50px; height:50px;}

  .media-margin {
  margin-right: 10px;
  margin-left: 10px;
}

.media-ss .frame-white-ss {
  padding-top: 30px;
  padding-bottom: 30px;
}

.media-info{margin-top:10px; margin-bottom:10px;}
  
  .content-title {
    font-size: 16px;
  }
   .media-titletext{
    max-width: 235px;
  }
    .media-icon{
    width: 25px;
  }
   .catalog-title {
    font-size: 16px;
  }
   .con-address-icon{width:15px; bottom:20px;}
}
/*Zun=============================END*/


.parallax-height-ss{ 
    /* Set a specific height */
    height: 420px; 
}


@media (min-width: 1200px) and (max-width: 1600px) {
  .prd-shell {
    padding-left: 80px;
    padding-right: 80px;
  }
}


.offset-top-50-ss {
  margin-top: 100px;
}

.offset-top-20-ss {
  margin-top: 20px;
}
.offset-top-30-ss {
  margin-top: 30px;
}
.offset-top-60-ss {
  margin-top: 60px;
}
.offset-top-80-ss {
  margin-top: 80px;
}
.offset-top-130-ss {
  margin-top: 130px;
}

.offset-left-20-ss {
  margin-left: 20px;
}

.offset-bottom-20-ss {
  margin-bottom: 20px;
}

.offset-bottom-40-ss {
  margin-bottom: 40px;
}


.content-title:before {
    content: "";
    display: block;
    background: url("../images/media_icon.png") no-repeat;
    background-size:contain;
    width: 25px;
    height: 60px;
    float: left;
    margin: 4px 6px 0 0;
}

.text-center {text-align:center;}
.text-right {text-align:right;}
.contact-map{margin-top:40px;}



.sectionn-gap-ss {
  border-bottom: 8px solid #fff;
  background-size: cover;
}

.dealer-ss .range + .range {
  margin-top: 20px;
}

a[href*='callto'], a[href*='mailto'] {
   /*white-space: pre-wrap;*/
}


/*Hsinny fix IE11 problem*/
.products-list-ss img {
    width:100%;
}

/*products-type page-�𤩎�����*/
@media (min-width: 1200px) and (max-width: 1600px) {
  .products-list-ss img {
    width:80%;
  }
}
@media (max-width: 479px) {
  .products-list-ss img {
    width:70%;
  }
}

.google-maps {
        position: relative;
        padding-bottom: 44%; 
        height: 0;
        overflow: hidden;
    }
    .google-maps iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }

.prd-img{width:66%; margin:auto;}
.prd-img-thum{width:70%; margin:auto;}
.prd-icon{background-size:cover;background-position:center center; margin-bottom:20px;}
.prd-icon-navi{background-size:cover;background-position:center center; margin-bottom:20px; width:75px; height:75px;
    /*en only*/
    position: absolute;
    top: 15px;
    
}

.post-classic-body p {color:#555555;}
.post-classic-body p:hover {color:#ea6000;}
.news-title-ss:hover{color:#ea6000;}


/*���鰵瘨��� 璅䠷�� 蝪∟膩 ��𣂼�擃睃漲*/
.news-title-ss {
  min-height: 70px;
  max-height:  70px;
  overflow: hidden;
}
.post-classic-body {
  min-height: 60px;
  max-height:  60px;
  overflow: hidden;
}

@media (max-width: 992px) {
  .news-title-ss {
  min-height: 55px;
  max-height: 55px;
  overflow: hidden;
 }
   .post-classic-body {
    min-height: 45px;
    max-height: 45px;
    overflow: hidden;
  }
}

.news-margin-center-ss {
  display: block;
  margin:0 auto;
}

@media (max-width: 992px) {
.news-ss .post-single__body {
  margin-left: 25px;
  margin-right: 25px;
 }
}
.certificate .button {
  color: #fff;
  background-color: #ea6000;
}

.certificate .button:hover {
  background-color: #ff8734;
}

.icon:before {
    position: relative;
    bottom: 3px;
    left: 8px;
}

@media (min-width: 1600px) {
   .icon:before {
    position: relative;
    bottom: 1px;
    left: 11px;
  }
}

.contact-dealer-box{
    position: relative;
    min-height: 280px;
    height: 280px;
    padding: 30px 30px;
}
    
.contact-dealer-add{    
    margin: 0;
    position: relative;
    bottom: 25px;
    left: 30px;
    width:97%;
}
    

/*Product detail zoom */
.zoom img{display:block;}


/*English Only*/
.rd-navbar-fullwidth * + .rd-megamenu-header, .rd-navbar-static * + .rd-megamenu-header {
    margin-top: 50px;
}

.about-box{
    min-height: 280px;
    padding: 30px 20px 50px 20px;
    background: rgba(255,255,255,0.85);}
    

.product-info{font-size:16px;}
.product-head{font-size:17px;}

.products-info-ss h3{
 font-size:24px;
 letter-spacing: 0px;
}

.offest-left-40{
  padding-left: 15px;
}

@media (min-width: 1200px){

.product-info{font-size:18px;}
.product-head{font-size:32px;}
.products-info-ss h3{
 font-size:40px;
 letter-spacing: 0px;
}
.offest-left-40{
  padding-left: 40px;
}

}

@media (min-width: 768px){
.product-info{font-size:18px;}
.product-head{font-size:28px;}
.products-info-ss h3{
 font-size:30px;
 letter-spacing: 0px;
  }
  .offest-left-40{
  padding-left: 40px;
}
}
.bg-cover{
    background-size: cover;
}
.new-slick .slick-slide.con-address-icon
.new-slick .slick-dots{
    left:0;
}

@media (max-width: 768px){
    .news-bg-ss{
        background-image:none;
    }
    .news-bg-ss h3{
        color:#000;
    }
}