/* 修正粗體 */
@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, .tp-caption, #blog .addCartBtn a {
	font-family: "Open Sans", "微軟正黑體修正","微軟正黑體", "Microsoft JhengHei", sans-serif!important;
}

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

}

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

.animate, .sort-destination.isotope .item-box-desc .title_text h4, .idx-pro-slider-box .item-box, .logo-size, .sort-destination .item-box, .sidebar-nav-list .toggle-content ul li a, .owl-theme .owl-controls .owl-buttons div, .owl-theme .owl-controls .owl-buttons div i, .tparrows, .tparrows::before, footer a.link {
	-webkit-transition: 0.3s ease;
	-ms-transition: 0.3s ease;
	transition: 0.3s ease;
}

a, .styleSecondColor, .list-icon.color li:before, .item-box-desc small, p.dropcap:first-letter, ul.pagination a, ul.pagination a:hover, ul.pagination li.active .fa, ul.star-rated.styleSecondColor li i, .tp-catpion a, .divider.styleColor .fa{
   color: #E83218;
}

p, ol li, ul li {
   color: #777;
}

.bg-redlight {
   background-color: #ffe5e2 !important;
}

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

.layout.light {
   background: rgba(255, 255, 255, 0.6);
}

.layout.dark-1 {
   background: rgba(0, 0, 0, 0.15);
}

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

.fw-narmal {
   font-weight: 400;
}

.btn-default {
   border-color: #292F38;
}

.btn-default:hover {
   background: #ccc !important;
   border-color: #ccc;
}

.btn-primary {
   background-color: #b71e08 !important;
}

.btn-dark {
   background: #292F38 !important;
   border-color: #292F38;
   color: #fff;
}

.btn-dark:hover {
   background: #444 !important;
   color: #fff;
}

.pr-5 {
   padding-right: 5px;
}

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


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

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


header#topHead{
   background-color: #E83218;
   height: 42px;
   line-height: 40px;
}

header#topHead a{
   color: #fff;
}

header#topHead .quick-contact {
   margin-top: -2px;
}

header#topHead .quick-contact span {
   background: #fff;
   width: 20px;
   height: 20px;
   line-height: 20px;
   text-align: center;
   border-radius: 5px;
   color: #e83218;
   font-size: 12px;
   margin-right: 5px;
   display: inline-block;
   -moz-transform: rotate(45deg);
   -webkit-transform: rotate(45deg);
   -o-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   transform: rotate(45deg);
}

header#topHead .quick-contact i {
   -moz-transform: rotate(-45deg);
   -webkit-transform: rotate(-45deg);
   -o-transform: rotate(-45deg);
   -ms-transform: rotate(-45deg);
   transform: rotate(-45deg);
}

header#topNav {
   padding: 0;
   box-shadow: none;
}

header#topNav .nav>li:last-child>a:nth-child(4){
   padding-left: 0px;
}

header#topNav nav ul.nav-main li > a{
   color: #292F38;
   font-weight: 600;
}

header#topNav nav ul.nav-main li.active > a{
   color: #E83218;
}

header#topNav nav ul.nav-main li:hover > a{
  color: #E83218;
}

header#topNav nav ul.nav-pills > li > a {
   font-size: 16.5px;
}

header#topNav nav ul.nav-main {
   margin: 0;
}

header#topNav div.nav-main-collapse {
   margin-top: 17px;
   margin-bottom: 17px;
}


/* 查詢 */
header#topNav button.btn-mobile{
   background: #E83218;
} 

.pull-right .language{
   margin-right: 10px;
}
.search1 .input-group-btn > button {
   height: 40px;
}
.search1 .input-group-btn i {
   background: transparent;
   margin-top: -5px;
}
.dropdown-menu.search1{
   padding: 5px;
}

header#topNav a.logo {
   height: 75px;
}

.logo-size {
   width: 285px;
   height: 78px;
}

header.fixed-header .logo-size {
   width: 230px;
}

#topHead .search {
   display: inline-block;
   width: 280px;
   margin-right: 24px;
}

#topHead .search .form-control {
   height: 28px;
   margin-top: 6px;
   border-radius: 50px 0 0 50px;
   -webkit-border-radius: 50px 0 0 50px;
   -moz-border-radius: 50px 0 0 50px;
   -ms-border-radius: 50px 0 0 50px;
   -o-border-radius: 50px 0 0 50px;
   border-width: 1px;
}

/* 給 ie 吃的 */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
   #topHead .search .form-control {
      padding: 0 10px;
   }
}

#topHead .search .input-group-btn>button {
   height: 30px;
   padding: 0 15px 0 10px;
   color: #Fff;
   border-radius: 0 50px 50px 0;
   -webkit-border-radius: 0 50px 50px 0;
   -moz-border-radius: 0 50px 50px 0;
   -ms-border-radius: 0 50px 50px 0;
   -o-border-radius: 0 50px 50px 0;
   background: #9e1400;
}


/* 語言 */
header a img, header#topHead button.language img, header#topHead button.language {
   color: #fff;
}
header .language i{
   font-size: 15px;
   margin-right: 5px;
}

.caret {
   margin-left: 5px;
}

header#topHead .dropdown-menu li a {
   border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}

header#topHead .dropdown-menu li:last-child a {
   border-bottom: 0;
}

header#topHead .dropdown-menu li a img, header#topHead button.language img, header#topHead button.language {
   margin-right: 12px;
}

header#topNav nav ul.nav-main ul.dropdown-menu > li > a {
   font-size: 15px;
   padding: 8px 20px 8px 16px;
   border-bottom: 1px solid rgba(255, 255, 255, 0.2);
   color: #fff;
}

header#topNav nav.nav-main ul li > span {
   display: none;
}

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

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

/* 其他重點 */
#wrapper{
   padding: 81px 0 0 0;
   background: #fff;
}
.special-row .divider i.fa, .special-row{
   background: #fff;
}

/* 1-輪播 */

.fullscreenbanner-container, .fullwidthbanner-container {
   margin-bottom: 0 !important;
}

.tp-caption.large_bold_white {
   font-size: 35px;
   line-height: 1.5;
   text-shadow: 1px 2px 9px rgba(0,0,0,0.9);
   letter-spacing: 1px !important;
}

.tp-bullets.simplebullets.round .bullet{
  border-radius: 100%;
  background: rgba(232, 52, 24, 0.65);
  width: 12px;
  height: 12px;
}

.tp-bullets.simplebullets.round .bullet.selected{
  border-radius: 100%;
  background: #BB0200;
}

.tparrows {
   width: 34px !important;
   height: 34px !important;
   line-height: 34px;
   text-align: center;
   border-radius: 3px;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   -ms-border-radius: 3px;
   -o-border-radius: 3px;
}

.tparrows:hover {
  background: rgba(187, 2, 0, 1) !important;
  /* -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg); */
}

.tparrows::before {
   width: auto;
   margin-top: 0;
   font-size: 17px;
}

.tparrows:hover::before {
   /* -moz-transform: rotate(45deg);
   -webkit-transform: rotate(45deg);
   -o-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   transform: rotate(45deg); */
}

/* 2-產品介紹 */

.idx-pro-slider-box.owl-carousel .owl-wrapper {
   margin-bottom: 4px;
   margin-top: 4px;
}

.idx-pro-slider-box .item-box {
   margin: 0 6px;
   width: auto;
   border: 1px solid #a7a7a7;
   border-radius: 4px;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   -ms-border-radius: 4px;
   -o-border-radius: 4px;
   box-shadow: 0 3px 5px rgba(0,0,0,0.25);
}

.idx-pro-slider-box .item-box:hover {
   transform: translateY(-4px);
   -webkit-transform: translateY(-4px);
   -moz-transform: translateY(-4px);
   -ms-transform: translateY(-4px);
   -o-transform: translateY(-4px);
   box-shadow: 0 5px 10px rgba(0,0,0,0.5);
}

.idx-pro-slider-box .item-box .item-box-desc {
   height: auto;
   text-align: center;
   background: #292F38;
   padding: 8px;
   -webkit-transition: 0.3s ease;
	-ms-transition: 0.3s ease;
	transition: 0.3s ease;
}

.idx-pro-slider-box .item-box:hover .item-box-desc {
   background: #9e1400;
}

.idx-pro-slider-box .item-box .item-box-desc a {
   color: #fff;
   font-size: 17px;
   font-weight: 600;
   -webkit-transition: 0.3s ease;
	-ms-transition: 0.3s ease;
	transition: 0.3s ease;
}

.idx-pro-slider-box .item-box:hover .item-box-desc a {
   color: #fff;
}

.idx-pro-slider-box .owl-buttons {
   position: absolute;
   top: 50%;
   z-index: 9;
   width: 100%;
   margin-top: -16px;
}

.owl-theme .owl-controls .owl-buttons div {
   color: #ffffff;
   background: rgba(212, 26, 0, 0.8);
   border: 0;
   line-height: 32px;
   width: 32px;
   height: 32px;
   padding: 0;
}

.owl-theme .owl-controls .owl-buttons div:hover {
   background: #BB0200;
   -moz-transform: rotate(-45deg);
   -webkit-transform: rotate(-45deg);
   -o-transform: rotate(-45deg);
   -ms-transform: rotate(-45deg);
   transform: rotate(-45deg);
}

.owl-theme .owl-controls .owl-buttons div:hover > i {
   -moz-transform: rotate(45deg);
   -webkit-transform: rotate(45deg);
   -o-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   transform: rotate(45deg);
}

.idx-pro-slider-box .owl-buttons .owl-prev {
   left: -16px;
   position: absolute;
}

.idx-pro-slider-box .owl-buttons .owl-next {
   right: -16px;
   position: absolute;
}

.item-box .item-hover .inner {
   font-size: 17px;
   letter-spacing: 1px;
   margin-top: 0;
   transform: translateY(-50%);
   -webkit-transform: translateY(-50%);
   -moz-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   -o-transform: translateY(-50%);
}


/* 3-關於 */

.bg-logo {
   background-position: center; 
   background-repeat: no-repeat; 
   background-attachment: fixed;
   background-size: 800px;
}

/* 置中 */
.animation_fade_in{
   text-align: center;
}
.parallax p{
   color: #292F38;
   text-shadow: #E83218 1px 1px 1px;
}


/* 4-最新消息 */
/* 背景 */
.sort-destination .item-box {
   background: #F5F5F5;
   border: 1px solid #dadada;
   margin: 0;
   border-radius: 4px;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   -ms-border-radius: 4px;
   -o-border-radius: 4px;
   box-shadow: 0 0 16px rgba(0,0,0,0.1);
}

.sort-destination .item-box:hover {
   transform: translateY(-4px);
   -webkit-transform: translateY(-4px);
   -moz-transform: translateY(-4px);
   -ms-transform: translateY(-4px);
   -o-transform: translateY(-4px);
   box-shadow: 0 5px 10px rgba(0,0,0,0.3);
}

/* 標題 */
h2.text-center{
   margin: 0 0 20px 0
}

.date, .news-list .item-title .filter {
   margin: 15px 0px 7px 0px;
   font-size: 13px;
   position: absolute;
   top: 0;
   background: #f5f5f5;
   padding: 0 13px 0 0;
   border-radius: 5px;
}

.date i, .news-list .item-title .filter i {
   background: #e83218;
   width: 24px;
   height: 24px;
   line-height: 24px;
   text-align: center;
   border-radius: 5px 0 0 5px;
   color: #ffffff;
   margin-right: 5px;
   -webkit-border-radius: 5px 0 0 5px;
   -moz-border-radius: 5px 0 0 5px;
   -ms-border-radius: 5px 0 0 5px;
   -o-border-radius: 5px 0 0 5px;
}

.date span, .news-list .item-title .filter span{
   color: #E83218;
}
.sort-destination.isotope .item-box-desc .title_text{
   padding: 0px 0 7px 0;
}
.sort-destination.isotope .item-box-desc .title_text a{
   text-decoration: none;
}
.sort-destination.isotope .item-box-desc .title_text h4 {
   color: #292F38;
   font-size: 18px;
   font-weight: 600;
}
.sort-destination.isotope  .item-box-desc .title_text h4:hover{
   color: #E83218;
}
.news_text{
   padding-bottom: 7px;
   color: #555;
}
.more_center{
   text-align: center;
   padding-bottom: 15px;
}
.more_center a.btn.wiggle:after {
   content: '\f054';
   font-family: FontAwesome;
   display: inline-block;
   max-width: 0;
   margin-left: 0px;
   position: relative;
   z-index: 2;
   color: rgba(255, 255, 255, 0);
   left: -50px;
}
.more_center a.btn.wiggle:after {
   max-width: 100px;
   margin-left: 20px;
   left: 0px;
   color: white;
   animation: wiggle 1s .25s ease-in-out infinite;
}
@keyframes wiggle {
   0% {
      margin-left: 20px;
      margin-right: 0px;
   }
   50% {
      margin-left: 16px;
      margin-right: 4px;
   }
   100% {
      margin-left: 20px;
      margin-right: 0px;
   }
}

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

/*--------------------------------
start. footer*/
footer .footer-content {
   background: #f5f5f5;
   border-top: 1px solid #e8eaee;
   padding: 45px 0 35px;
}

footer .footer-content h3 {
   font-size: 19px;
   margin: 0 0 20px 0;
   color: #333 !important;
   font-weight: 600;
}

footer a {
   color: #666;
}

footer a:hover {
   color: #E83218;
}

footer a.link {
   padding: 4px 35px 5px 13px;
   background: #b71e08;
   color: #fff;
   border-radius: 4px;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   -ms-border-radius: 4px;
   -o-border-radius: 4px;
   display: block;
   font-size: 16px;
   position: relative;
}

footer a.link:hover {
   background: #F15757;
   text-decoration: none;
}

footer a.link::before {
   content: "\f054";
   font-family: 'FontAwesome';
   position: absolute;
   right: 15px;
   font-size: 12px;
   top: 5px;
   animation: jump 0.8s infinite alternate;
}

@keyframes jump {
	0%
	{
		transform: translateX(-5px);
		-webkit-transform: translateX(-5px);
		-moz-transform: translateX(-5px);
		-ms-transform: translateX(-5px);
		-o-transform: translateX(-5px);
}
	100%
	{
		transform: translateX(0px);
		-webkit-transform: translateX(0px);
		-moz-transform: translateX(0px);
		-ms-transform: translateX(0px);
		-o-transform: translateX(0px);
   }
}


/* 聯絡資訊 */
footer .font-opensans .footer-sprite, .contact-info .font-opensans .footer-sprite {
   margin-bottom: 8px;
   font-size: 15px;
}

footer .font-opensans .footer-sprite {
   padding-left: 23px;
}

footer p.contact-desc {
   margin-bottom: 8px;
   font-size: 16px;
   border-bottom: 0;
   font-weight: 600;
   color: #e83218;
   line-height: 1.5;
}

footer .font-opensans .footer-sprite > span, .contact-info .font-opensans .footer-sprite > span {
   width: 22px;
   height: 22px;
   line-height: 20px;
   text-align: center;
   border-radius: 5px;
   color: #ffffff;
   border: 1px solid;
   font-size: 12px;
   margin-right: 11px;
   display: inline-block;
   -moz-transform: rotate(45deg);
   -webkit-transform: rotate(45deg);
   -o-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   transform: rotate(45deg);
   background: #333;
}

footer .footer-sprite i, .contact-info .footer-sprite i {
   font-size: 12px;
   -moz-transform: rotate(-45deg);
   -webkit-transform: rotate(-45deg);
   -o-transform: rotate(-45deg);
   -ms-transform: rotate(-45deg);
   transform: rotate(-45deg);
}

footer address .footer-sprite {
   background: none;
}

footer address .footer-sprite.phone {
   line-height: normal;
}

.f-logo {
   margin-bottom: 16px;
   margin-top: -10px;
}

.f-logo img {
   width: 300px;
}


/* 聯絡表單 */
.white-row {
   padding: 0px;
   margin-bottom: 0px;
   background-color: transparent;
   -webkit-border-radius: 0px;
   -moz-border-radius: 0px;
   border-radius: 0px;
}

footer .footer-content .form-control {
   box-shadow: inset -1px 1px 2px rgba(0,0,0,0.1);
   border-radius: 2px;
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
   -ms-border-radius: 2px;
   -o-border-radius: 2px;
   border-width: 1px;
   margin-bottom: 5px;
}

footer .footer-content .form-control:not(textarea) {
   height: 33px;
}


/* 代理商，聯絡我們 */

.footer-content .contactus {
   padding-left: 41px;
}

#back-to-top {
   position: fixed;
   bottom: 22px;
   right: 40px;
   z-index: 9999;
   width: 32px;
   height: 32px;
   text-align: center;
   line-height: 30px;
   background: #e83218;
   color: #fff;
   cursor: pointer;
   border: 0;
   text-decoration: none;
   transition: opacity 0.2s ease-out;
   opacity: 0;
   -moz-transform: rotate(45deg);
   -webkit-transform: rotate(45deg);
   -o-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   transform: rotate(45deg);
   border-radius: 4px;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   -ms-border-radius: 4px;
   -o-border-radius: 4px;
}

#back-to-top span {
   -moz-transform: rotate(-45deg);
   -webkit-transform: rotate(-45deg);
   -o-transform: rotate(-45deg);
   -ms-transform: rotate(-45deg);
   transform: rotate(-45deg);
   display: block;
}

#back-to-top:hover {
   background: #BB0200;
}

#back-to-top.show {
   opacity: 1;
}




/*end. footer footer-bar copyright
--------------------------------*/
footer .footer-bar{
   text-align: center;
   background: #e83218;
}

footer .footer-bar .copyright{
   padding: 11px 0;
   font-size: 13px;
   color: #fff;
}

footer .footer-bar p{
   margin-bottom: 0;
}

footer .copyright a{
   color: #fff;
}

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




/*--------------------------------
start. in*/

header#page-title {
   margin-bottom: 0;
   background-attachment: fixed;
}

header#page-title.big {
   padding: 90px 0 80px 0;
}

header#page-title.big h1 {
   font-size: 25px;
   letter-spacing: 1px;
   line-height: 1.5;
   margin-bottom: 15px;
}

header#page-title.big .breadcrumb {
   border-radius: 4px;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   -ms-border-radius: 4px;
   -o-border-radius: 4px;
   padding: 1px 10px;
   background: rgba(255,255,255,0.9);
}

.breadcrumb>.active {
   color: #e83218;
}

.breadcrumb>li+li:before {
   color: #292F38;
}

.breadcrumb>li a {
   color: #292f38;
}

/* 產品介紹 */
ul.isotope-filter {
   margin-bottom: 10px;
   padding-top: 0px;
   padding-bottom: 12px;
   border-bottom: none;
   border-top: none;
}

nav .nav-pills.isotope-filter.isotope-filter{
   text-align: center;
}

.product-list-box .item-title-box {
   padding: 10px;
}

.product-list-box .item-title {
   margin-bottom: 0;
}

.product-list-box .item-title a {
   color: #fff;
}

.product-list-box.sort-destination .item-box {
   box-shadow: 0 0 4px rgba(0,0,0,0.15);
   border: 1px solid #a7a7a7;
   background: #292F38;
}

.product-list-box.sort-destination .item-box:hover {
   box-shadow: 0 5px 10px rgba(0,0,0,0.3);
   background: #BB0200;
}

.product-list-box .product-box {
   width: calc(100% / 5 - 12px);
   display: inline-block;
   vertical-align: top;
   margin-right: 10px;
   margin-bottom: 15px;
}

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

.product-box .item-box{
   margin: 16px 0 4px 0;
}

.product-list-box.sort-destination .item-box:hover .item-title a {
   color: #fff;
}

.product-list-box .item-box .item-hover .overlay {
   border-radius: 0;
   -webkit-border-radius: 0;
   -moz-border-radius: 0;
   -ms-border-radius: 0;
   -o-border-radius: 0;
}


/* 不需要圓角 */

ul.isotope-filter li {
   background: #e6e6e6;
   display: inline-block;
   float: none;
   border-radius: 4px;
}
ul.isotope-filter li:hover a, ul.isotope-filter li:hover a {
   background: #E83218;
}
ul.isotope-filter li a{
   color: #1b1b1b;
}
ul.isotope-filter li.active a, ul.isotope-filter li.active a, ul.isotope-filter li:hover a{
   background: #E83218;
   color: #fff;
}

ul.pagination li:first-child a, ul.pagination li:last-child a {
   border: 1px solid transparent;
   margin: 0 5px;
}

ul.pagination {
   margin: 40px 0 30px;
   border: 0;
}

ul.pagination a {
   color: #292f38;
   border: 1px solid #dadada;
   margin-right: 3px;
}

ul.pagination li.active a{
   background: #292f38;
   border-color: #292f38;
}

ul.pagination li:hover > a{
   background: #292F38;
   color: #fff;
}



/* 產品說明書 */

.pro-single-info-box .info-block {
   margin-bottom: 20px;
}

.pro-single-info-box .info-block > .page-header {
   color: #BB0200;
   font-size: 22px;
   letter-spacing: 2px;
   margin-top: 0;
   position: relative;
}

.pro-single-info-box .info-block > .page-header::before {
   content: '';
   position: absolute;
   width: 280px;
   height: 2px;
   bottom: -1px;
   background: -moz-linear-gradient(left, rgba(219,0,0,0.65) 0%, rgba(0,0,0,0) 100%);
   background: -webkit-linear-gradient(left, rgba(219,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
   background: linear-gradient(to right, rgba(219,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6db0000', endColorstr='#00000000',GradientType=1 );
}

.product-title{
   color: #E83218;
   margin: 0 0 30px 0;
   font-size: 30px;
   letter-spacing: 1.5px;
   line-height: 1.5;
}

.sidebar .toggle > label {
   color: #fff;
   background-color: #292F38;
   font-size: 15px;
   padding: 8px 20px;
}

.content-right {
   padding-left: 40px;
}

.content-left {
   margin-bottom: 50px;
}

.sidebar-nav-list .toggle-content {
   padding: 15px !important;
   background: #F5F5F5 !important;
   box-shadow: 0 3px 2px rgba(0,0,0,0.2);
   margin-bottom: 10px;
}

.sidebar-nav-list .toggle-content ul li a {
   display: block;
   padding: 8px 4px 8px 22px;
   border-bottom: 1px solid #e6e6e6;
   color: #333;
   position: relative;
}

.sidebar-nav-list .toggle-content ul li a:hover {
   padding-left: 26px;
   text-decoration: none;
   color: #E83218;
}

.sidebar-nav-list .toggle-content ul li a::before {
   position: absolute;
   content: '';
   width: 0;
   height: 0;
   border-style: solid;
   border-width: 4px 0 4px 5px;
   border-color: transparent transparent transparent #e83218;
   top: 15px;
   left: 5px;
}

.sidebar .toggle {
   margin-top: 5px;
}

.sidebar .toggle > h5 {
   background: #292F38;
   border-radius: 5px;
   margin-bottom: 5px;
}

.sidebar .toggle.active > h5 {
   background: #e83218;
}

.sidebar .toggle > h5 a {
   color: #fff;
   display: block;
   padding: 12px 20px;
}

.sidebar .toggle > label {
   position: absolute;
   top: 8px;
   right: 7px;
   height: 27px;
   padding: 0;
   width: 27px;
   background: rgba(255, 255, 255, 0.25);
   border-radius: 3px;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   -ms-border-radius: 3px;
   -o-border-radius: 3px;
}

.sidebar .toggle > label:hover {
   background: transparent;
}

.sidebar .toggle > label:before, .sidebar .toggle.active > label:before {
   right: 7px;
}

.sidebar .toggle > .arrow {
   position: absolute;
   right: 12px;
   top: 9px;
   color: #fff;
   font-size: 12px;
}

/* contact */
.contact-form .form-control {
   border: #dddddd 1px solid;
   box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
   background: #f3f3f3;
   position: relative;
}

.contact-form .form-control:not(textarea) {
   height: 39px;
   padding: 0 12px;
}

.contact-form form label {
   font-weight: 400;
   font-size: 16px;
}

.contact-form .form-group {
   margin-bottom: 10px;
}

.contact-form .form-group .input-icon {
   position: absolute;
   bottom: 18px;
   right: 25px;
   color: #949494;
   background: transparent;
   width: 25px;
   text-align: center;
   height: 25px;
   line-height: 25px;
}

.contact-button {
   text-align: right;

}

.contact-form select {
   -moz-appearance:none; /* Firefox */
   -webkit-appearance:none; /* Safari and Chrome */
   appearance:none;
}

/* news */
.news-list {
   border-bottom: 1px solid #eee;
}

.news-list .item-title h2 {
   color: #292F38;
   font-size: 19px;
   font-weight: 600;
   line-height: 1.5;
   margin: 12px 0;
}

.news-list .item-title .date, .news-list .item-title .filter {
   position: static;
   display: inline-block;
   margin-top: 0;
   margin-right: 5px;
}

/* about */
.title-h2 {
   font-size: 26px;
   font-weight: 600;
   line-height: 1.5;
   margin-bottom: 20px;
   color: #e83218;
}

.about-box div.featured-box {
   text-align: left;
   padding: 10px 0px;
}

.about-2-list-box .about-2-title {
   display: block;
   margin-bottom: 8px;
   position: relative;
}

.about-2-list-box .about-2-title::after {
   content: '';
   position: absolute;
   width: 100%;
   height: 2px;
   bottom: -1px;
   background: -moz-linear-gradient(left, #292f38 0%, rgba(0,0,0,0) 100%);
   background: -webkit-linear-gradient(left, #292f38 0%,rgba(0,0,0,0) 100%);
   background: linear-gradient(to right, #292f38 0%,rgba(0,0,0,0) 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6db0000', endColorstr='#00000000',GradientType=1 );
   left: 0;
}

.about-2-list-box .about-2-title span {
   color: #fff;
   background: #292f38;
   padding: 4px 18px;
   display: inline-block;
   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;
}

.about-2-list li {
   display: inline-block;
   vertical-align: top;
   width: calc(100% / 2 - 4px);
   margin-bottom: 14px;
   padding-right: 0;
}

.about-2-list li img {
   border: 1px solid #c7c7c7;
   border-radius: 5px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   -ms-border-radius: 5px;
   -o-border-radius: 5px;
   padding: 3px;
   background: #eee;
}

.about-2-list-box {
   padding-bottom: 14px;
   margin-bottom: 14px;
}

.about-2-list-out > li {
   display: inline-block;
   width: calc(100% / 2 - 22px);
   vertical-align: top;
   margin-right: 20px;
}

.about-box .featured-box i.fa {
   width: 60px;
   height: 60px;
   line-height: 60px;
   font-size: 29px;
   margin-top: 0;
   background-color: #e83218;
}

/* about 4 */
.about-timeline {
   position: relative;
}

.about-timeline::before {
   content: '';
   position: absolute;
   left: 4px;
   height: 100%;
   width: 1px;
   background: -moz-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
   background: -webkit-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
   background: linear-gradient(to bottom, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
   margin-top: 30px;
}

.about-timeline ul li {
   position: relative;
}

.about-timeline ul li::before {
   content: '';
   position: absolute;
   left: 0;
   top: 25px;
   width: 10px;
   height: 10px;
   border: 2px solid #9e1400;
   background: #fff;
   border-radius: 50%;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   -ms-border-radius: 50%;
   -o-border-radius: 50%;
}

.about-timeline ul li .time-box, .about-timeline ul li .history-box {
   display: inline-block;
   vertical-align: top;
}

.about-timeline ul li .time-box {
   background: #b71e08;
   color: #Fff;
   width: 80px;
   text-align: center;
   border-radius: 3px;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   -ms-border-radius: 3px;
   -o-border-radius: 3px;
   font-size: 14px;
   padding: 2px;
   position: relative;
   margin-right: 20px;
   letter-spacing: 1px;
   margin: 15px 20px;
}

.about-timeline ul li .time-box::after {
   content: '';
   position: absolute;
   width: 0;
   height: 0;
   border-style: solid;
   border-width: 8px 0 8px 8px;
   border-color: transparent transparent transparent #b71e08;
   right: -8px;
   top: 5px;
}

.about-timeline ul li .history-box {
   width: calc(100% - 160px);
   padding: 15px 0;
   border-bottom: 1px #d6d6d6 dashed;
}

.about-timeline ul li:last-child .history-box {
   border-bottom: 0;
}

.about-timeline ul li .history-box h3 {
   font-size: 17px;
   font-weight: 600;
   margin-bottom: 0;
   line-height: 1.5;
}

/* about video list */
.video-list-box .list-3th {
   width: calc(100% / 3 - 10px);
   margin-right: 10px;
   margin-bottom: 15px;
}

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

.video-list-box .item-box {
   background: #292F38;
   border: 1px solid #dadada;
   border-radius: 4px;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   -ms-border-radius: 4px;
   -o-border-radius: 4px;
   box-shadow: 0 0 16px rgba(0,0,0,0.1);
   margin: 0;
}

.video-list-box .item-box:hover {
   background: #BB0200;
}

.video-list-box .item-box .item-box-desc .video-title {
   font-size: 18px;
   font-weight: 600;
   text-align: center;
   margin-bottom: 0;
   color: #fff;
}


@media (max-width: 1199px) {
   
   .product-list-box .product-box {
      width: calc(100% / 4 - 11px);
   }

   .product-list-box .product-box:nth-child(5n) {
      margin-right: 10px;
   }

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

   .footer-content .contactus {
      padding-left: 15px;
   }

}

@media (max-width: 1006px) {
   header#topNav div.nav-main-collapse {
      margin-top: 10px;
      margin-bottom: 10px;
   }

   header#topNav a.logo {
      height: 56px;
      margin-top: 2px !important;
   }

   .logo-size {
      width: 230px;
      height: 57px;
   }
}

@media (max-width: 992px){

    /* 產品內容 */
   #blog form .col-md-3, #blog form .col-md-4, #blog form .col-md-6, #blog form .col-md-12 {
      padding: 14px 14px 0 14px;
   }

   #topHead .search {
      width: 190px;
      margin: 0 13px;
   }

   header#topHead .dropdown-menu li a img, header#topHead button.language img, header#topHead button.language {
      margin-right: 0;
   }
}

@media (max-width: 991px){
   footer .column.text-right, footer .column.logo{
      display: block;
   }

   footer .font-opensans .footer-sprite {
      padding-left: 15px;
   }

   .content-right {
      padding-left: 15px;
   }

   .pro-single-info-box {
      margin-top: 40px;
   }

   header#page-title.big h1 {
      font-size: 21px;
      font-weight: 600;
   }

   .product-title {
      font-size: 21px;
      letter-spacing: 0;
   }

   .pro-single-info-box .info-block > .page-header {
      font-size: 19px;
   }

   .contact-form .form-group .input-icon {
      bottom: 7px;
   }

   .contact-button {
      text-align: left;
   }

   .about-timeline ul li .history-box {
      width: calc(100% - 124px);
   }
}

@media (max-width: 990px) {
   header#topNav div.nav-main-collapse {
      background: #292f38;
   }

   header#topNav button.btn-mobile {
      margin-top: 14px !important;
      padding: 3px 6px 2px;
   }

   header#topNav li a i.fa {
      display: none;
   }

   header#topNav nav.nav-main ul li > span {
      position: absolute;
      top: 8px;
      right: 0;
      width: 28px;
      height: 28px;
      line-height: 26px;
      text-align: center;
      display: block;
      color: rgba(238, 238, 238, 0.8);
      border-radius: 2px;
      -webkit-border-radius: 2px;
      -moz-border-radius: 2px;
      -ms-border-radius: 2px;
      -o-border-radius: 2px;
      border: 1px solid rgba(238, 238, 238, 0.2);
   }

   header#topNav nav.nav-main ul li.resp-active > span {
      background-color: #111;
      border: #111;
   }

   header#topNav nav.nav-main ul li.resp-active > span i {
      transform: rotate(-180deg);
      -webkit-transform: rotate(-180deg);
      -moz-transform: rotate(-180deg);
      -ms-transform: rotate(-180deg);
      -o-transform: rotate(-180deg);
   }

   header#topNav nav ul.nav-pills > li > a, header#topNav nav ul.nav-pills > li > a:hover {
      font-size: 16px;
      padding: 12px 0;
   }

   header#topNav nav ul.nav-main li.dropdown:hover > a {
      padding: 12px 0;
   }

   header#topNav nav.nav-main ul ul {
      margin-left: 5px !important;
   }

   header#topNav nav ul.nav-main ul.dropdown-menu > li > a {
      border-bottom: 1px solid rgba(255, 255, 255, 0.15);
   }

}

@media (max-width: 768px){
   .logo-size{
      width: 230px;
   }
   .item-box {
      max-width: none;
      width: 100%;
  }
  /* space */
  .padding50 {
    padding: 50px 0 !important;
   }
  
   footer .column.text-right, footer .column.logo{
      margin-top: 25px;
   }
   footer .column.text-right, footer .column.logo {
      margin-top: -1px;
  }
   footer address .footer-sprite {
      margin-bottom: 12px;
   }

   .nav-pills>li+li {
      margin-left: 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;
   }

   .product-list-box .product-box {
      width: calc(100% / 3 - 10px);
   }

   .product-list-box .product-box:nth-child(5n), .product-list-box .product-box:nth-child(4n) {
      margin-right: 10px;
   }

   .product-list-box .product-box:nth-child(3n) {
      margin-right: 0px;
   }

   footer .column {
      margin-top: 40px;
   }

   address {
      margin-bottom: 0;
   }

   .f-logo {
      margin-top: -40px;
   }

   .bg-logo {
      background-size: 320px;
   }

   .sort-destination .item-box {
      margin-bottom: 30px;
   }

   #back-to-top {
      width: 29px;
      height: 29px;
      line-height: 29px;
      bottom: 40px;
      right: 14px;
      background: rgba(232, 50, 24, 0.8);
   }

   .fsize26 {
      font-size: 21px !important;
   }

   #topHead {
      text-align: center;
   }

   #topHead .language, #topHead .search {
      float: none !important;
   }

   #topHead .language {
      margin-top: -3px;
   }

   #topHead .search {
      margin: 0 9px;
      margin-right: 0;
   }

   #topHead .language .dropdown-menu {
      right: auto;
      left: 0;
   }

   header#topHead .language .dropdown-menu:after {
      right: auto;
      left: 10px;
   }

   header#page-title, .bg-logo  {
      background-attachment: inherit;
   }

   .tp-button > .btn {
      padding: 3px 9px;
      font-size: 13px;
   }

   .tp-button > .btn i {
      font-size: 13px;
   }

   .about-pro-list .list-4th {
      width: calc(100% / 2 - 7px);
      margin: 0 10px 24px 0;
   }
   
   .about-pro-list .list-4th:nth-child(4n), .about-pro-list .list-4th:nth-child(2n) {
      margin-right: 0;
   }

   .video-list-box .list-3th {
      width: calc(100% / 2 - 7px);
   }

   .video-list-box .list-3th:nth-child(3n) {
      margin-right: 10px;
   }

   .video-list-box .list-3th:nth-child(2n) {
      margin-right: 0px;
   }

}

@media (max-width: 575px){
  /* 產品介紹 */
   .product-box{
     width: 100%;
   }
   .product-box .item-box{
      margin: 0 0 15px 0;
   }
   footer .footer-bar .copyright{
      font-size: 8px;
   }

   .about-2-list-out > li {
      width: 100%;
   }

   .about-timeline ul li .history-box {
      width: 100%;
      padding-left: 17px;
      padding-top: 5px;
   }

   .about-timeline ul li .history-box h3 {
      font-size: 16px;
   }
  
}

@media (max-width: 420px){

   .product-list-box .product-box {
      width: calc(100% / 2 - 7px);
      margin-bottom: 5px;
   }

   .product-list-box .product-box:nth-child(5n), .product-list-box .product-box:nth-child(4n), .product-list-box .product-box:nth-child(3n) {
      margin-right: 10px;
   }

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

   .product-list-box .item-title-box {
      padding: 10px 5px;
   }

   .video-list-box .list-3th {
      width: 100%;
      margin-right: 0;
   }

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

}

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