/* 修正粗體 */
@font-face {
	font-family: '微軟正黑體修正';
	unicode-range: U+7db0, U+78A7, U+7B75; /* ASCII (碧筵綰) */
	font-style: normal;
	font-weight: 900;
	src: local(MS Gothic);
}

/* 一般粗細的時候改回微軟正黑 */
@font-face {
	font-family: '微軟正黑體修正';
	unicode-range: U+7db0, U+78A7, U+7B75; /* ASCII (碧筵綰) */
	font-style: normal;
	font-weight: normal;
	src: local(微軟正黑體);
}

body,h1, h2, h3, h4, h5, h6, p, .navbar-nav > li > .nav-link, .dropdown-menu .dropdown-item, .mega-inner-nav li a, .btn, .mainSlide-Title-Centered, input, textarea{
	font-family: 'Montserrat', "微軟正黑體修正","微軟正黑體", "Microsoft JhengHei", sans-serif!important;
}

body,p {
	font-weight: normal;
	font-size: 15px;

}

img {
    max-width: 100%;
    height: auto;
}

.animate, .guarantee-box .icon-box img, .car-filter .icon-card > img, .product-list.pro-list .pro-list-img img, #slider.flexslider .slides > li .flex-caption, .back-to-top, .product-list.pro-main .list-4th, .product-list.pro-main .list-box .pro-title-box .pro-title {
	-webkit-transition: 0.3s ease;
	-ms-transition: 0.3s ease;
	transition: 0.3s ease;
}

.btn {
   font-size: 14px !important;
   font-weight: 400 !important;
}

.btn.btn-xlg {
   font-size: 16.5px !important;
   font-weight: 600 !important;
   padding: 15px 40px 15px !important;
}

.btn-outline-light {
   border-width: 2px;
}

.bg-dark {
   border-color: #333 !important;
   background-color: #333 !important;
}

.bg-dark-70 {
   background-color: rgba(33, 33, 33, 0.7) !important;
}

.bg-darker {
   border-color: #222 !important;
   background-color: #222 !important;
}

.bg-rad {
   border-color: #dc3545 !important;
   background-color: #dc3545 !important;
}

.layout {
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   left: 0;
}

.layout.dark {
   background: rgba(0, 0, 0, 0.35);
}

/* list */
.list-6th, .list-4th, .list-3th {
   display: inline-block;
   vertical-align: top;
}

.line {
   height: 4px;
}

.line.br-line {
   background: url(../images/background/br-line.png);
}

.line.br-line.bottom {
   margin-top: 1px;
}

.line.br-line.top {
   margin-bottom: 1px;
}

.p-relative {
   position: relative;
}

.title-h5 {
   font-size: 17px !important;
}


@media (min-width: 992px) {
   .navbar.navbar-transparent.nav-sticky .navbar-brand .logo {
      height: 41px;
      max-width: 400px;
      width: 400px;
      top: -12px;
   }

   .navbar-expand-lg .navbar-nav .nav-item:hover .dropdown-menu {
      opacity: 1;
      visibility: visible;
      margin-top: -8px;
   }

   .navbar-expand-lg .navbar-nav .nav-link {
      padding-right: 1rem;
      padding-left: 1rem;
   }

   .navbar.navbar-transparent .navbar-right-elements .list-inline > li > a, .navbar.navbar-transparent.navbar-light.bg-faded .nav-link {
      color: #fff;
   }

   .navbar.navbar-transparent.navbar-light.bg-faded .nav-link {
      border-top: 3px solid transparent;
      line-height: 1.5;
      top: -1px;
      position: relative;
   }

   .navbar.navbar-transparent.navbar-light.bg-faded .active .nav-link, .navbar.navbar-transparent.navbar-light.bg-faded .show .nav-link {
      border-top-color: #dc3545;
      background: -moz-linear-gradient(top, rgba(0,0,0,0.35) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
      background: -webkit-linear-gradient(top, rgba(0,0,0,0.35) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to bottom, rgba(0,0,0,0.35) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
   }

   .navbar.navbar-transparent.nav-sticky.nav-stick-top .active .nav-link, .navbar.navbar-transparent.nav-sticky.nav-stick-top .nav-item.show .nav-link {
      color: #ed1c24 !important;
      background: none;
   }

   .navbar.navbar-transparent .navbar-right-elements .list-inline > li > a:hover {
      color: white !important;
   }
}


/*--------------------------------
start. index*/

/*--------------------------------
start. header*/

.navbar-nav > li > .nav-link {
   font-size: 15px;
   font-weight: 400;
}

.dropdown-toggle::after {
   top: 3px;
   right: 8px;
}

.navbar-right-elements .list-inline > li > a {
   top: -9px;
   border-radius: 50%;
   padding: 9px;
   font-size: 13px;
}

.navbar-right-elements .list-inline > li > a:hover {
   background: #ed1c24;
   box-shadow: 0 2px 10px rgba(0,0,0,0.5);
}

.search-inline .form-control {
   left: 0;
   font-size: 17px;
   width: 100%;
   padding-left: 15px !important;
}

.dropdown .dropdown-menu .dropdown-item:hover, .mega-inner-nav > li > a:hover, .dropdown .dropdown-menu .active .dropdown-item {
   color: #fff;
   background: #d82927;
   left: 0;
   padding-left: 25px;
}

/*end. header
--------------------------------*/

/*--------------------------------
start. container*/

.icon-card h3 {
   font-size: 1.1rem !important;
   letter-spacing: 2px;
}

.icon-card > i {
   background-color: #dc3545;
}

.icon-box h3 {
   font-size: 1.3rem;
   margin-top: 15px;
   letter-spacing: 2px;
}

.icon-hover-md {
   width: 75px;
   height: 75px;
   line-height: 75px;
}

.icon-hover-md:before {
   z-index: 2;
   font-size: 30px;
}

.carousel-client.owl-carousel .owl-item img {
   display: block;
   width: auto;
   margin: 0 auto;
}

.brand-list .list-6th {
   width: calc(100% / 6 - 19px);
   margin: 0 15px 15px 0;
}

.brand-list .icon-box {
   border-radius: 8px;
   background: #fff;
   overflow: hidden;
   box-shadow: 0 2px 10px rgb(0, 0, 0, .8);
}

.brand-list .icon-box img {
   width: 100px;
   margin: 10px 0;
}

.brand-list .icon-box h4 {
   color: #fff;
   background: #ed1c24;
   margin: 0;
   padding: 5px 10px 4px;
}

.rev_slider .mainSlide-Button a {
   padding: 8px 30px !important;
   letter-spacing: 2px;
   box-shadow: 0 2px 9px rgba(0,0,0,0.3);
   border-radius: 50px;
   -webkit-border-radius: 50px;
   -moz-border-radius: 50px;
   -ms-border-radius: 50px;
   -o-border-radius: 50px;
   font-size: 15px !important;
}

.rev_slider .mainSlide-Title-Centered {
   text-shadow: 0 1px 6px rgba(0,0,0,0.5);
}

.tp-bannertimer {
   top: auto;
   bottom: 0;
}

.car-filter .icon-card > img {
   float: left;
   margin-right: 17px;
   display: block;
   width: 120px;
   height: 120px;
   padding: 0 10px;
}

.car-filter .icon-card:hover > img {
   transform: translateY(-10px);
   -webkit-transform: translateY(-10px);
   -moz-transform: translateY(-10px);
   -ms-transform: translateY(-10px);
   -o-transform: translateY(-10px);
}

.guarantee-box .icon-box img {
   width: 100px;
   border: 2px solid #fff;
   box-shadow: 0 0 20px rgba(0,0,0,0.25);
   border-radius: 50%;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   -ms-border-radius: 50%;
   -o-border-radius: 50%;
}

.guarantee-box .icon-box:hover img {
   box-shadow: 0 0 30px rgba(0,0,0,0.5);
}

.guarantee-box .icon-box-center {
   padding: 0 30px;
}

.flexslider {
   margin-bottom: 10px;
}

#slider.flexslider .slides > li .flex-caption {
   padding: 9px 20px;
   background: #333;
   color: #fff;
   font-size: 21px;
   font-weight: 600;
   text-align: center;
   margin-bottom: 0;
   border-radius: 0 0 10px 10px;
   -webkit-border-radius: 0 0 10px 10px;
   -moz-border-radius: 0 0 10px 10px;
   -ms-border-radius: 0 0 10px 10px;
   -o-border-radius: 0 0 10px 10px;
}

#slider.flexslider .slides > li:hover .flex-caption {
   background: #ed1c24;
}

#slider.flexslider .slides > li {
   overflow: hidden;
}

#slider.flexslider .slides > li img {
   border: 3px solid #e8e8e8;
   border-radius: 10px 10px 0 0;
   -webkit-border-radius: 10px 10px 0 0;
   -moz-border-radius: 10px 10px 0 0;
   -ms-border-radius: 10px 10px 0 0;
   -o-border-radius: 10px 10px 0 0;
   border-bottom: 0;
}

.owl-theme .owl-nav [class*=owl-] {
   color: #fff;
   background: #ed1c24;
   line-height: 37px;
}

.carousel-client.owl-theme .owl-nav {
   margin-top: 20px;
}

.carousel-client.owl-theme .owl-nav .owl-prev {
   left: -40px;
}

.carousel-client.owl-theme .owl-nav .owl-next {
   right: -40px;
}

.choice-box .choice-list > img {
   width: 80px;
   height: 80px;
   margin-bottom: 18px;
   border-radius: 50%;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   -ms-border-radius: 50%;
   -o-border-radius: 50%;
}

.flex-direction-nav a {
   height: 32px;
   width: 32px;
   margin: -16px 0 0;
   background: #ed1c24;
   line-height: 32px;
   text-align: center !important;
   border-radius: 50%;
}

@-moz-document url-prefix() { 
   .flex-direction-nav a  {
      line-height: 35px;
   }
}

.flexslider:hover .flex-direction-nav .flex-prev:hover {
   opacity: 1;
}

.flex-direction-nav a:before {
   color: #fff;
   font-size: 22px;
   font-family: 'themify';
   text-shadow: none;
}

.flex-direction-nav a.flex-next:before {
   content: "\e649";
}

.flex-direction-nav a.flex-prev:before {
   content: "\e64a";
}

/*end. container
--------------------------------*/

/*--------------------------------
start. footer*/
.footer {
   text-align: left;
}

.footer-standard h3 {
   font-size: 16.5px;
   letter-spacing: 1.5px;
}

.contact-list-item li {
   margin-bottom: 6px;
   color: rgba(255, 255, 255, 0.8);
}

.contact-list-item li a {
   color: #fbfbfb;
   border-bottom: 1px solid;
}

.contact-list-item li i {
   width: 27px;
   height: 27px;
   line-height: 25px;
   font-size: 13px;
}

.footer-list-item li {
   padding-bottom: 4px;
   margin-bottom: 4px;
   /* width: calc(100% / 2 - 2px); */
   /* display: inline-block; */
}

.footer-bottomAlt {
   padding: 20px 22px;
}

.footer-bottomAlt p {
   font-size: 13px;
   margin-bottom: 0;
   color: #fff;
}

.footer-bottomAlt a {
   color: #fff;
}

.back-to-top {
   width: 35px;
   height: 35px;
   line-height: 35px;
   border-radius: 50%;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   -ms-border-radius: 50%;
   -o-border-radius: 50%;
   background: rgba(237, 28, 36, 0.8);
   color: #fbfbfb;
   box-shadow: 0 2px 4px rgba(0,0,0,0.5);
}

.back-to-top i {
   font-size: 17px;
   line-height: 35px;
}

.back-to-top:hover, .back-to-top:focus {
   box-shadow: 0 3px 5px rgba(0,0,0,0.8);
   color: #fbfbfb;
}

.footer-list-item li a:hover, .footer-bottomAlt a:hover, .contact-list-item li a:hover {
   color: #dc3545;
}

/*end. footer
--------------------------------*/

/*end. index
--------------------------------*/




/*--------------------------------
start. in*/
.title-space-lg {
   padding-top: 8em;
   padding-bottom: 5em;
}

.page-titles-img h1 {
   font-size: 24px;
   letter-spacing: 1px;
}

.breadcrumb {
   float: none;
   display: inline-block;
   background: #fff;
   border-radius: 50px;
   -webkit-border-radius: 50px;
   -moz-border-radius: 50px;
   -ms-border-radius: 50px;
   -o-border-radius: 50px;
   padding: 1px 15px;
}

.breadcrumb-item+.breadcrumb-item::before {
   color: #000000;
}

.breadcrumb .breadcrumb-item {
   float: none;
   display: inline-block;
   padding-left: 5px;
   font-size: 13px;
}

.breadcrumb .breadcrumb-item a {
   color: #000;
}

.breadcrumb .breadcrumb-item a:hover, .breadcrumb-item.active {
   color: #ed1c24;
}

.pagination {
   display: block;
}

.pagination li {
   display: inline-block;
}

.page-item:last-child .page-link {
   border-top-right-radius: 50px;
   border-bottom-right-radius: 50px;
}

.page-item:first-child .page-link {
   border-top-left-radius: 50px;
   border-bottom-left-radius: 50px;
}

.page-item.active .page-link {
   background-color: #ed1c24;
}

.page-link {
   background: #e6e6e6;
   color: #222;
   border: 0;
   margin: 0 1px;
}

.page-link:hover {
   background-color: #ed1c24;
   color: #fff;
}

/* product main */
.product-list .list-4th {
   display: inline-block;
   width: calc(100% / 4 - 18px);
   margin: 0 20px 24px 0;
}

.product-list .list-4th:nth-child(4n) {
   margin-right: 0;
}

.product-list.pro-main .pro-img-box {
   border: 2px solid #e6e6e6;
   border-bottom: 0;
}

.product-list.pro-main .pro-title-box {
   text-align: center;
   overflow: hidden;
   border-radius: 0 0 4px 4px;
   -webkit-border-radius: 0 0 4px 4px;
   -moz-border-radius: 0 0 4px 4px;
   -ms-border-radius: 0 0 4px 4px;
   -o-border-radius: 0 0 4px 4px;
}

.product-list.pro-main .list-box .pro-title-box .pro-title {
   font-size: 18px;
   margin-bottom: 0;
   padding: 10px;
   background: #333;
}

.product-list.pro-main .list-box:hover .pro-title-box .pro-title {
   background: #d82927;
}

.product-list.pro-main .pro-title-box .pro-title a {
   color: #fff;
   display: block;
}

.product-list.pro-main .list-4th:hover .folio-card .folio-overlay {
   opacity: 1;
   visibility: visible;
}

.product-list.pro-main .list-4th .folio-card {
   border-radius: 5px 5px 0 0;
   -webkit-border-radius: 5px 5px 0 0;
   -moz-border-radius: 5px 5px 0 0;
   -ms-border-radius: 5px 5px 0 0;
   -o-border-radius: 5px 5px 0 0;
}

.folio-card .folio-overlay {
   background-color: rgba(237, 28, 36, 0.75);
}

.folio-card:hover {
   transform: translateY(0px);
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -ms-transform: translateY(0px);
   -o-transform: translateY(0px);
}

.folio-card .folio-overlay .folio-content h3 {
   color: #fff;
   font-size: 22px;
}

.folio-card .folio-overlay .folio-content p {
   opacity: 1;
   font-size: 14px;
}

.folio-card:hover .folio-overlay .folio-content {
   transform: translateY(0px);
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -ms-transform: translateY(0px);
   -o-transform: translateY(0px);
}

/* product list */

.product-list.pro-list .pro-list-title {
   font-size: 16.5px;
   font-weight: 600;
   margin-bottom: 10px;
   margin-top: 16px;
   color: #000;
}

.product-list.pro-list .pro-list-desc {
   font-size: 14px;
   margin-bottom: 16px;
}

.product-list.pro-list .pro-list-title, .product-list.pro-list .pro-list-desc {
   text-align: center;
}

.product-list.pro-list .list-4th:hover .pro-list-img img {
   transform: scale(1.1);
   -webkit-transform: scale(1.1);
   -moz-transform: scale(1.1);
   -ms-transform: scale(1.1);
   -o-transform: scale(1.1);
}

/* contact */
.fancy-title .fancy-title-sep {
   height: 4px;
   top: -10px;
}
.fancy-title .fancy-title-sep.gray-sep {
   border-top-color: #e2e2e2;
   border-bottom-color: #e2e2e2;
}
.fancy-title span {
   position: absolute;
   right: 15px;
   font-size: 30px;
   top: 0;
   background: #fff;
   height: 50px;
   width: 70px;
   text-align: center;
   color: #222;
}

.article-post {
   border-bottom: 0;
}

.form-control {
   min-height: 40px;
   font-size: 15px;
   background: #f9f9f9;
   border-color: #d4d4d4;
   border-radius: 2px;
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
   -ms-border-radius: 2px;
   -o-border-radius: 2px;
   border-width: 1px;
}

.form-control:focus, .form-control:hover {
   box-shadow: 0 0 10px rgba(0,0,0,0.3);
}

.btn-send.btn.btn-lg {
   font-size: 17px !important;
   padding: 10px 35px !important;
   font-weight: 600 !important;
}

.sidebar-title {
   display: inline-block;
   padding: 9px 19px;
   margin-bottom: 0;
   background: #dc3545;
   color: #fff;
   font-size: 17px;
   letter-spacing: 2px;
   border-radius: 6px 6px 0 0;
   -webkit-border-radius: 6px 6px 0 0;
   -moz-border-radius: 6px 6px 0 0;
   -ms-border-radius: 6px 6px 0 0;
   -o-border-radius: 6px 6px 0 0;
}

.categories {
   background: #f5f5f5;
   overflow: hidden;
   box-shadow: 0 2px 1px rgba(0,0,0,0.25);
   border-radius: 0 6px 6px 6px;
   -webkit-border-radius: 0 6px 6px 6px;
   -moz-border-radius: 0 6px 6px 6px;
   -ms-border-radius: 0 6px 6px 6px;
   -o-border-radius: 0 6px 6px 6px;
}

.categories li a {
   padding: 9px 19px;
   color: #333;
   border-bottom: 1px solid #e0e0e0;
}

.categories li a:before {
   margin-right: 0;
   position: absolute;
   right: 16px;
}

.categories > li.active > a, .categories li a:hover {
   color: #fff;
   background: #b51827;
}

.categories li:last-child a {
   border-bottom: 0;
}


@media (max-width: 1199px){
   .carousel-client.owl-theme .owl-nav .owl-next {
      right: 0;
   }

   .carousel-client.owl-theme .owl-nav .owl-prev {
      left: 0;
   }
}

@media (max-width: 991px){
   .navbar-brand {
      margin-right: 0;
   }
   
   .navbar-brand .logo {
      height: 24px;
   }

   .navbar {
      padding: 10px 0;
   }

   .navbar-toggler-right {
      right: 48px;
   }

   .navbar-right-elements .list-inline > li > a {
      font-size: 19px;
      top: -7px;
      color: #7f7f7f;
   }

   .navbar-nav {
      margin-top: 10px;
   }
   
   .navbar-nav > li > .nav-link {
      border-bottom: 1px solid #eee;
      padding: 8px 0;
   }

   .navbar-nav > li:last-child > .nav-link {
      border-bottom: 0;
   }

   .arrow-down {
      top: 5px;
      right: 0;
      position: absolute;
      font-size: 17px;
      width: 30px;
      height: 30px;
      text-align: center;
      line-height: 30px;
      background: #eee;
   }

   .arrow-down::after {
      position: static;
      border-left: 0px;
      border-right: 0px;
      border-top: 0px;
      font-family: "FontAwesome";
      content: "\f107";
      font-size: 14px;
      display: inline;
      top: 5px;
      color: #333;
   }

   .dropdown-menu .dropdown-item, .mega-inner-nav li a {
      font-size: 14px;
   }

   .navbar-nav .dropdown-menu {
      border-bottom: 1px solid #eee;
      border-top: 1px solid #eee;
   }

   .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.open, .navbar-light .navbar-nav .open > .nav-link {
      color: #ed1c24;
   }

   .search-inline button[type="submit"] {
      width: 50px;
      background-color: #d82927;
      color: #fff;
      right: 50px;
   }

   .search-inline .search-close {
      width: 50px;
      background: #fff;
   }

   .car-filter .icon-card > img {
      width: 100px;
      height: 70px;
      margin-right: 10px;
   }

   .btn.btn-xlg {
      padding: 8px 30px 8px !important;
   }

   .guarantee-box .icon-box-center {
      padding: 0;
   }

   .brand-list .list-6th {
      width: calc(100% / 3 - 13px);
   }

   .brand-list .list-6th:nth-child(3n) {
      margin-right: 0;
   }

   .title-space-lg {
      padding-top: 5em;
   }

   .product-list .list-4th {
      width: calc(100% / 2 - 7px);
      margin-right: 10px;
   }

   .product-list .list-4th:nth-child(2n) {
      margin-right: 0;
   }
}

@media (max-width: 767px){
   /*g-recaptcha*/
   .g-recaptcha {
      transform: scale(0.82);
      -webkit-transform: scale(0.82);
      transform-origin: 0 0;
      -webkit-transform-origin: 0 0;
   }

   h3, .h3 {
      font-size: 1.3em !important;
   }

   .page-titles-img h1 {
      font-size: 21px !important;
   }

   .block-title {
      font-size: 22px !important;
      line-height: 1.5 !important;
   }

   .product-list.pro-main .pro-title-box .pro-title {
      padding: 3px 10px;
      font-size: 16px !important;
   }

   .flex-direction-nav .flex-next, .flex-direction-nav .flex-prev {
      opacity: .8;
   }

   .product-list.pro-main .list-box .pro-title-box .pro-title {
      padding: 3px 10px;
   }

   .product-list.pro-list .pro-list-title {
      font-size: 1.1em !important;
      line-height: 1.5 !important;
   }
}

@media (max-width: 575px){
   .brand-list .list-6th {
      width: calc(100% / 2 - 10px);
   }

   .brand-list .list-6th:nth-child(3n) {
      margin-right: 15px;
   }

   .brand-list .list-6th:nth-child(2n) {
      margin-right: 0px;
   }

   .rev_slider .mainSlide-Button a {
      padding: 5px 23px !important;
      font-size: 13px !important;
   }

   .folio-card .folio-overlay .folio-content h3 {
      font-size: 15px !important;
      line-height: 1.3 !important;
   }

   .folio-card .folio-overlay .folio-content {
      padding: 10px;
      text-align: center;
   }

   .btn-send.btn.btn-lg {
      width: 100%;
   }
}

@media (max-width: 359px){
   .navbar-brand .logo {
      height: 20px;
   }
}

/*end. in
--------------------------------*/