@charset "utf-8";
/* Version: July.2016 */
/*------ @import "component.css"; ------*/
@import "font-awesome.css";
@import "colors-style.css";
@import "owl.carousel.css";
@import "jquery.fancybox-1.3.4.css";
@import "add-newstyle.css";
/* @import "component.css"; */


/*------ template stylization ------*/
body {
  margin: 0;
  font-family: Arial, '微軟正黑體', Helvetica, sans-serif;
  font-size:1em;
  line-height:145%;
  color: #6a6a6a;
  background-color: #1b1b1b;
  overflow-x:hidden;
}
footer {background-color: #de4312;}
input:not([type="submit"]),
textarea {
  outline: none;
  resize: none;
  width: auto;
}
body ul {padding-left: 0;}


/* Links*/
*{
  margin:0;
  padding:0;
  border:none;
}
a {
  color: #1b1b1b;
  text-decoration: none;
  outline: none;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
a:hover {
  color: #df4312;
  text-decoration: none;
}
a[href^="tel:"] {
  color: inherit;
  text-decoration: none;
}
a:focus {
  outline: none;
  text-decoration: none;
}
a:visited {
  outline: none;
  border: none;
  text-decoration: none;
}


/* headings, text */
h1, h2, h3, h4, h5, h6 {
  margin: 0;
  font-weight: normal;
  font-family: 'Trebuchet MS','Open Sans', Arial, '微軟正黑體', Helvetica;
}
h2 {
  position: relative;
  display: block;
  color: #1b1b1b;
  text-transform: uppercase;
  font-size:1.75em;
  line-height: 1em;
}
.h2indent {margin: 42px 0 27px 0;}
.h2indent_1 {margin: 25px 0 27px 0;}
.h2indent_2 {margin: 54px 0 27px 0;}

.indent_null {margin: 0 0 20px 0;}

h3 {
  font-size:1.5em;
  line-height:140%;
  color: #1b1b1b;
  display: block;
  font-weight: normal;
  margin:0;
  padding: 12px 0 24px;
  text-transform: capitalize;
  letter-spacing: normal;
}
h3.name {
	color:#4b4b4b; text-align:center; text-transform:uppercase; 
	font-size:2.5em; line-height:1em;border-bottom:2px solid #dfdfdf;
	padding:25px 0 15px 0;
	margin-bottom:30px;
}
h3.name_title {color:#df4312;}

h4 {
  font-size:1.12em;
  line-height:145%;
  color: #1b1b1b;
  display: block;
  font-weight: bold;
  padding: 51px 0 15px;
}
.heading-h4 {
  padding: 0;
  text-transform: uppercase;
  font-size:1.12em;
  layout-flow: 20px;
  font-weight: 600;
  padding: 24px 0 12px 0;
}
h5 {
  font-size:1.12em;
  line-height:145%;
  color: #1b1b1b;
  display: block;
  font-weight: bold;
}
h5 a {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
h6 {
  font-size: 13px;
  line-height: 18px;
  color: #1b1b1b;
  display: block;
  font-weight: bold;
  text-transform: none;
}


/*------ Basic classes and elements ------*/
#content ul {list-style: none;}
.dis-block {display: block;}
.left-0 {margin-left: 0 !important;}
.last-mbot {margin-bottom: 0 !important;}
.wrapper,
.extra-wrap,
.wrapper-extra {overflow: hidden;}
.fleft {float: left!important;}
.fright {float: right!important;}
.inner_color {background-color: #ffffff;}
.overflow {overflow: hidden;}

.color1 {color: #df4312;}
.pad-top {padding-top: 15px;}
.pad-top2 {padding-top: 29px;}
.pad-top3 {padding-top: 34px;}


/*================hover elements===============*/
.view {
  margin: 10px;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
}
.view .mask {
  position: absolute;
  overflow: hidden;
  width: 100%;
  top: 0;
  bottom: 0;
}
.view .mask > div {
  position: absolute;
  top: 50%;
  left: 0;
  text-align: center;
  width: 100%;
  margin-top: -25px;
}
.view img {
  display: block;
  position: relative;
}
.view span {
  text-align: center;
  display: block;
  position: relative;
}
.view span a {
  font-size: 20px;
  line-height: 20px;
  font-weight: 600;
  font-family: 'Open Sans', Arial, '微軟正黑體', sans-serif;
  text-transform: uppercase;
  color: #ffffff;
}
.view span a:hover {color: #1d94ff;}
.view strong {
  display: block;
  text-decoration: none;
  color: #ffffff;
  font-size: 16px;
  line-height: 20px;
  font-weight: normal;
  margin-top: 9px;
}
.view strong a {color: #ffffff;}
.view strong a:hover {text-decoration: underline;}
.view-sixth img {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.view-sixth .mask {
  background-color: rgba(0, 0, 0, 0.6);
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.view-sixth span,
.view-sixth strong {
  background: transparent;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  text-align: center;
}
.view-sixth span {padding-right: 25px;}
.view-sixth strong {padding-left: 25px;}
.view-sixth:hover .mask {
  opacity: 1;
  filter: alpha(opacity=100);
}
.view-sixth:hover span,
.view-sixth:hover strong {padding: 0;}


/*=================styles of bootstrap==============*/
.link1 {color: #df4312;}
.link1:hover {color: #1b1b1b;}
.txt-1 {
  font-size:0.85em;
  line-height:145%;
  color:#999999;
}
.txt-2 {
  font-size:0.94em;
  line-height:145%;
}
.color-1 {color: #df4312;}
.color-2 {color: #1b1b1b;}

.btn-cart {
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.5);
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.5);
  position: relative;
  z-index: 1;
  padding: 12px 21px 12px 57px;
  border: none;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  color: #ffffff;
  text-decoration: none;
  text-shadow: none;
  font-weight: bold;
  background: #df4312;
  font-size: 14px;
  line-height: 1em;
}
.btn-cart:before {
  font-family: FontAwesome;
  content: "";
  font-size: 28px;
  line-height: 38px;
  color: #ffffff;
  position: absolute;
  top: 0;
  left: 20px;
}
.btn-cart.active,
.btn-cart:hover,
.btn-cart:focus {
  outline: none;
  background: #222222;
  color: #ffffff;
  text-shadow: none;
}
#shop-cart {
  position: absolute;
  top: 34px;
  right: 0;
}


/* Login Dropdown */
.box-dropdown {
  position: absolute;
  z-index: 5000;
  background: #ffffff;
  right: 0;
  top: 39px;
  z-inex: 9999;
  overflow: hidden;
  width: 380px;
  height: auto;
  margin: 0;
  display: none;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
}
.box-dropdown:after {
  background: #df4312;
  top: 0;
  content: "";
  display: block;
  height: 3px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.box-dropdown li {line-height: 18px;}
.box-dropdown p.txt-add {
  padding: 15px 15px 10px;
  margin: 0;
}
.box-dropdown p {
  font-size: 13px;
  color: #6a6a6a;
  line-height: 20px;
}
.box-dropdown .dropd_footer {
  background: #f7f7f7;
  display: block;
  padding: 5px 15px 8px;
  overflow: hidden;
}
.box-dropdown .checkout-table td {
  padding: 5px 11px 3px;
  font-size: 14px;
  color: #1b1b1b;
}
.box-dropdown .checkout-table tr td + td {
  font-size: 16px;
  color: #1b1b1b;
}
.box-dropdown .checkout-table .txt-total {
  font-size: 16px;
  color: #1b1b1b;
}
.box-dropdown .cart-table td {
  padding: 15px 0 11px;
  border-top: 1px solid #e4e4e2;
  vertical-align: top;
}
.box-dropdown .cart-table td h6 {
  line-height: 16px;
  font-weight: normal;
}
.box-dropdown .box-buttons {padding: 14px 0 19px;}
.box-dropdown .box-buttons a {margin: 0;}
.box-dropdown .box-buttons .btn-small,
.box-dropdown .box-buttons .btn-small:hover {border: none;}
.box-dropdown .cart-table img {
  width: 60px;
  height: auto;
}
.box-dropdown .cart-table a.img-product {
  margin: 0 10px 0 15px;
  display: block;
}
.box-dropdown strong.quantity {
  font-size: 13px;
  color: #1b1b1b;
  display: inline-block;
  line-height: 16px;
  vertical-align: 5px;
  margin-bottom: 18px;
}
.box-dropdown span.light {
  color: #6a6a6a;
  font-weight: normal;
}
.box-dropdown .btn-remove {
  font-size: 13px;
  color: #df4312;
}
.box-dropdown .btn-remove:hover {color: #000000;}


/* Buttons */
.btn-tags {
  background: #F0F0F0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.15) inset;
  -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.15) inset;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.15) inset;
  border: none;
  display: inline-block;
  font-size: 13px;
  line-height: 18px;
  color: #1b1b1b;
  padding: 6px 14px;
  text-shadow: none;
  transition: all 0.3s ease 0s;
}
.btn-tags:hover {
  color: #ffffff;
  background: #df4312;
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.5) inset;
  -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.5) inset;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.5) inset;
}
.btn-shadow a {margin-right: 0 !important;}
.btn-double {
  *zoom: 1;
  background: rgba(0, 0, 0, 0.15);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.4);
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.4);
  display: inline-block;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  padding: 9px;
  border: 1px solid rgba(0, 0, 0, 0.25);
}
.btn-double:before,
.btn-double:after {
  display: table;
  content: "";
  line-height: 0;
}
.btn-double:after {clear: both;}
.btn-double a {
  padding: 16px 30px;
  color: #ffffff;
  display: inline-block;
  font-family: 'Open Sans', Arial, '微軟正黑體', sans-serif;
  font-size: 26px;
  font-weight: normal;
  margin-bottom: 0;
  line-height: 1em;
  -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
}
.btn-double a.btn-first {
  -webkit-border-radius: 5px 0 0 5px;
  -moz-border-radius: 5px 0 0 5px;
  border-radius: 5px 0 0 5px;
  background-color: #2498ff;
  background-image: -moz-linear-gradient(top, #2ba1ff, #198aff);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2ba1ff), to(#198aff));
  background-image: -webkit-linear-gradient(top, #2ba1ff, #198aff);
  background-image: -o-linear-gradient(top, #2ba1ff, #198aff);
  background-image: linear-gradient(to bottom, #2ba1ff, #198aff);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2ba1ff', endColorstr='#ff198aff', GradientType=0);
  border-top: 1px solid #65bbff;
  border-bottom: 1px solid #0d4681 ;
  border-right: 1px solid #1f90f0 ;
  border-left: 1px solid #1f90f0 ;
  margin-right: 1px;
}
.btn-double a.btn-first:hover {
  background-color: #e1e1e1;
  background-image: -moz-linear-gradient(top, #e4e4e4, #dcdcdc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e4e4e4), to(#dcdcdc));
  background-image: -webkit-linear-gradient(top, #e4e4e4, #dcdcdc);
  background-image: -o-linear-gradient(top, #e4e4e4, #dcdcdc);
  background-image: linear-gradient(to bottom, #e4e4e4, #dcdcdc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe4e4e4', endColorstr='#ffdcdcdc', GradientType=0);
  border-top: 1px solid #f1f1f1;
  border-bottom: 1px solid #a7a7a7 ;
  border-right: 1px solid #dcdcdc;
  border-left: 1px solid #dcdcdc ;
  color: #1b1b1b;
}
.btn-double a.btn-second {
  -webkit-border-radius: 0 5px 5px 0;
  -moz-border-radius: 0 5px 5px 0;
  border-radius: 0 5px 5px 0;
  background-color: #489b0c;
  background-image: -moz-linear-gradient(top, #52a40f, #398e08);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#52a40f), to(#398e08));
  background-image: -webkit-linear-gradient(top, #52a40f, #398e08);
  background-image: -o-linear-gradient(top, #52a40f, #398e08);
  background-image: linear-gradient(to bottom, #52a40f, #398e08);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff52a40f', endColorstr='#ff398e08', GradientType=0);
  border-top: 1px solid #81be52;
  border-bottom: 1px solid #1d4804 ;
  border-right: 1px solid #48980d ;
  border-left: 1px solid #44950b ;
  margin-left: 1px;
  margin-right: 0;
}
.btn-double a.btn-second:hover {
  background-color: #e1e1e1;
  background-image: -moz-linear-gradient(top, #e4e4e4, #dcdcdc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e4e4e4), to(#dcdcdc));
  background-image: -webkit-linear-gradient(top, #e4e4e4, #dcdcdc);
  background-image: -o-linear-gradient(top, #e4e4e4, #dcdcdc);
  background-image: linear-gradient(to bottom, #e4e4e4, #dcdcdc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe4e4e4', endColorstr='#ffdcdcdc', GradientType=0);
  border-top: 1px solid #f1f1f1;
  border-bottom: 1px solid #a7a7a7 ;
  border-right: 1px solid #dcdcdc;
  border-left: 1px solid #dcdcdc ;
  color: #1b1b1b;
}
.btn-large {
  display: inline-block;
  font-size: 26px;
  line-height: 1em;
  font-family: 'Open Sans', Arial, '微軟正黑體', sans-serif;
  border: none;
  color: #ffffff;
  position: relative;
  -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.3);
  background-color: #282828;
  background-image: -moz-linear-gradient(top, #373737, #121212);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#373737), to(#121212));
  background-image: -webkit-linear-gradient(top, #373737, #121212);
  background-image: -o-linear-gradient(top, #373737, #121212);
  background-image: linear-gradient(to bottom, #373737, #121212);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff373737', endColorstr='#ff121212', GradientType=0);
  border-top: 1px solid #6e6e6e;
  border-bottom: 1px solid #121212;
  padding: 16px 38px;
  z-index: 1;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
}
.btn-large:hover {
  text-decoration: none;
  color: #ffffff;
  border-top: 1px solid #65bbff;
  border-bottom: 1px solid #0d4681;
  background-color: #2498ff;
  background-image: -moz-linear-gradient(top, #2ba1ff, #198aff);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2ba1ff), to(#198aff));
  background-image: -webkit-linear-gradient(top, #2ba1ff, #198aff);
  background-image: -o-linear-gradient(top, #2ba1ff, #198aff);
  background-image: linear-gradient(to bottom, #2ba1ff, #198aff);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2ba1ff', endColorstr='#ff198aff', GradientType=0);
}
.btn-large.btn-shadow {
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
  border: none !important;
}
.btn-large.btn-shadow > span {
  display: block;
  position: relative;
  background-color: #282828;
  background-image: -moz-linear-gradient(top, #373737, #121212);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#373737), to(#121212));
  background-image: -webkit-linear-gradient(top, #373737, #121212);
  background-image: -o-linear-gradient(top, #373737, #121212);
  background-image: linear-gradient(to bottom, #373737, #121212);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff373737', endColorstr='#ff121212', GradientType=0);
  border-top: 1px solid #6e6e6e;
  border-bottom: 1px solid #121212;
  padding: 16px 38px;
  z-index: 1;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
}
.btn-large.btn-shadow:hover {
  border: none !important;
  color: #ffffff;
  text-decoration: none;
}
.btn-large.btn-shadow:hover > span {
  border-top: 1px solid #65bbff;
  border-bottom: 1px solid #0d4681;
  text-decoration: none;
  background-color: #2498ff;
  background-image: -moz-linear-gradient(top, #2ba1ff, #198aff);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2ba1ff), to(#198aff));
  background-image: -webkit-linear-gradient(top, #2ba1ff, #198aff);
  background-image: -o-linear-gradient(top, #2ba1ff, #198aff);
  background-image: linear-gradient(to bottom, #2ba1ff, #198aff);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2ba1ff', endColorstr='#ff198aff', GradientType=0);
}
.btn-double.btn-shadow a {
  -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.3);
}
.btn-medium {
  -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.3);
  position: relative;
  z-index: 1;
  padding: 15px 29px 17px 29px;
  display: inline-block;
  color: #ffffff;
  text-decoration: none;
  text-shadow: none;
  font-weight: normal;
  background-color: #282828;
  background-image: -moz-linear-gradient(top, #373737, #121212);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#373737), to(#121212));
  background-image: -webkit-linear-gradient(top, #373737, #121212);
  background-image: -o-linear-gradient(top, #373737, #121212);
  background-image: linear-gradient(to bottom, #373737, #121212);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff373737', endColorstr='#ff121212', GradientType=0);
  border: none;
  border-top: 1px solid #6e6e6e !important;
  border-bottom: 1px solid #121212 !important;
  -webkit-transition: opacity 0.2s ease;
  -moz-transition: opacity 0.2s ease;
  -o-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
  font-size: 18px ;
  line-height: 1em;
  font-family: 'Open Sans', Arial, '微軟正黑體', sans-serif;
}
.alternative .btn-blue,
.alternative .btn-large.btn-shadow > span,
.alternative .btn-medium,
.alternative .btn-large {border-bottom: none !important;}

.btn-medium:hover {
  outline: none;
  color: #ffffff;
  text-shadow: none;
  background-color: #2498ff;
  background-image: -moz-linear-gradient(top, #2ba1ff, #198aff);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2ba1ff), to(#198aff));
  background-image: -webkit-linear-gradient(top, #2ba1ff, #198aff);
  background-image: -o-linear-gradient(top, #2ba1ff, #198aff);
  background-image: linear-gradient(to bottom, #2ba1ff, #198aff);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2ba1ff', endColorstr='#ff198aff', GradientType=0);
}

.block-info .btn-small,
[id^="newsletter"] .btn-small:hover {
  color: #1b1b1b;
  background-color: #e0e0e0;
  background-image: -moz-linear-gradient(top, #e4e4e4, #dcdcdc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e4e4e4), to(#dcdcdc));
  background-image: -webkit-linear-gradient(top, #e4e4e4, #dcdcdc);
  background-image: -o-linear-gradient(top, #e4e4e4, #dcdcdc);
  background-image: linear-gradient(to bottom, #e4e4e4, #dcdcdc);
  border-top: 1px solid #f1f1f1 !important;
  border-bottom: 1px solid #a7a7a7 !important;
}
.btn-small {
  -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
  position: relative;
  z-index: 1;
  padding: 12px 29px;
  display: inline-block;
  -webkit-transition: opacity 0.2s ease;
  -moz-transition: opacity 0.2s ease;
  -o-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
  text-decoration: none;
  text-shadow: none;
  font-weight: normal;
  font-size: 0.9em ;
  font-family: 'Open Sans', Arial, '微軟正黑體', sans-serif;
  line-height: 1em;
  color: #ffffff;
  background-color: #282828;
  background-image: -moz-linear-gradient(top, #373737, #121212);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#373737), to(#121212));
  background-image: -webkit-linear-gradient(top, #373737, #121212);
  background-image: -o-linear-gradient(top, #373737, #121212);
  background-image: linear-gradient(to bottom, #373737, #121212);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff373737', endColorstr='#ff121212', GradientType=0);
  border-top: 1px solid #6e6e6e !important;
  border-bottom: 1px solid #121212 !important;
}
.btn-small:hover {
  color: #ffffff;
  border-top: 1px solid #65bbff;
  border-bottom: 1px solid #0d4681;
  background-color: #2498ff;
  background-image: -moz-linear-gradient(top, #2ba1ff, #198aff);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2ba1ff), to(#198aff));
  background-image: -webkit-linear-gradient(top, #2ba1ff, #198aff);
  background-image: -o-linear-gradient(top, #2ba1ff, #198aff);
  background-image: linear-gradient(to bottom, #2ba1ff, #198aff);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2ba1ff', endColorstr='#ff198aff', GradientType=0);
}
.btn-mini {
  -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
  position: relative;
  z-index: 1;
  padding: 12px 29px;
  display: inline-block;
  -webkit-transition: opacity 0.2s ease;
  -moz-transition: opacity 0.2s ease;
  -o-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
  text-decoration: none;
  text-shadow: none;
  font-weight: normal;
  font-size: 13px ;
  font-family: 'Open Sans', Arial, '微軟正黑體', sans-serif;
  line-height: 1em;
  color: #ffffff;
  background-color: #282828;
  background-image: -moz-linear-gradient(top, #373737, #121212);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#373737), to(#121212));
  background-image: -webkit-linear-gradient(top, #373737, #121212);
  background-image: -o-linear-gradient(top, #373737, #121212);
  background-image: linear-gradient(to bottom, #373737, #121212);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff373737', endColorstr='#ff121212', GradientType=0);
  border-top: 1px solid #6e6e6e;
  border-bottom: 1px solid #121212;
}
.btn-mini:hover {
  color: #ffffff;
  border-top: 1px solid #f04f1c;
  border-bottom: 1px solid #c63b10;
  background-color: #df4312;
  background-image: -moz-linear-gradient(top, #df4312, #d33f11);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#df4312), to(#d33f11));
  background-image: -webkit-linear-gradient(top, #df4312, #d33f11);
  background-image: -o-linear-gradient(top, #df4312, #d33f11);
  background-image: linear-gradient(to bottom, #df4312, #d33f11);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdf4312', endColorstr='#ffd33f11', GradientType=0);
}
.btn-blue {
  color: #ffffff;
  background-color: #df4312;
  background-image: -moz-linear-gradient(top, #df4312, #d33f11);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#df4312), to(#d33f11));
  background-image: -webkit-linear-gradient(top, #df4312, #d33f11);
  background-image: -o-linear-gradient(top, #df4312, #d33f11);
  background-image: linear-gradient(to bottom, #df4312, #d33f11);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdf4312', endColorstr='#ffd33f11', GradientType=0);
  border-top: 1px solid #f04f1c !important;
  border-bottom: 1px solid #c63b10 !important;
}
.btn-blue:hover {
  background: url(../img/bg-btn-slide-span.jpg) 0 0 repeat-x #232323;
  border-top: 1px solid #4d4d4d !important;
  border-bottom: 1px solid #000000 !important;
}
.btn-white {
  color: #1b1b1b;
  background-color: #e1e1e1;
  background-image: -moz-linear-gradient(top, #e4e4e4, #dcdcdc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e4e4e4), to(#dcdcdc));
  background-image: -webkit-linear-gradient(top, #e4e4e4, #dcdcdc);
  background-image: -o-linear-gradient(top, #e4e4e4, #dcdcdc);
  background-image: linear-gradient(to bottom, #e4e4e4, #dcdcdc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe4e4e4', endColorstr='#ffdcdcdc', GradientType=0);
  border-top: 1px solid #f1f1f1 !important;
  border-bottom: none !important;
}
.btn-white:hover {
  color: #ffffff;
  background-color: #df4312;
  background-image: -moz-linear-gradient(top, #df4312, #d33f11);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#df4312), to(#d33f11));
  background-image: -webkit-linear-gradient(top, #df4312, #d33f11);
  background-image: -o-linear-gradient(top, #df4312, #d33f11);
  background-image: linear-gradient(to bottom, #df4312, #d33f11);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdf4312', endColorstr='#ffd33f11', GradientType=0);
}
.btn-white.btn-shadow span {
  color: #1b1b1b;
  background-color: #e1e1e1;
  background-image: -moz-linear-gradient(top, #e4e4e4, #dcdcdc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e4e4e4), to(#dcdcdc));
  background-image: -webkit-linear-gradient(top, #e4e4e4, #dcdcdc);
  background-image: -o-linear-gradient(top, #e4e4e4, #dcdcdc);
  background-image: linear-gradient(to bottom, #e4e4e4, #dcdcdc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe4e4e4', endColorstr='#ffdcdcdc', GradientType=0);
  border-top: 1px solid #f1f1f1;
  border-bottom: 1px solid #a7a7a7;
}

.btn-white.btn-shadow:hover span {color: #ffffff;}
.btn-blue.btn-shadow span {
  border-top: 1px solid #65bbff;
  border-bottom: 1px solid #0d4681;
  background-color: #2498ff;
  background-image: -moz-linear-gradient(top, #2ba1ff, #198aff);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2ba1ff), to(#198aff));
  background-image: -webkit-linear-gradient(top, #2ba1ff, #198aff);
  background-image: -o-linear-gradient(top, #2ba1ff, #198aff);
  background-image: linear-gradient(to bottom, #2ba1ff, #198aff);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2ba1ff', endColorstr='#ff198aff', GradientType=0);
}
.btn-blue.btn-shadow:hover span {
  background: url(../img/bg-btn-slide-span.jpg) 0 0 repeat-x #232323;
  border-top: 1px solid #6e6e6e;
  border-bottom: 1px solid #121212;
}
.btn-shadow {
  border: none !important;
  padding: 10px;
  background: rgba(0,0,0,0.15);
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.4);
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.4);
}
.btn-shadow:hover {background: rgba(0, 0, 0, 0.15);}
.btn-shadow span {
  -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.3);
}
.btn-extra,
.btn-shadow.btn-extra span,
.btn-double.btn-shadow a {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
 
.list-buttons {margin-bottom: 34px;}
.list-buttons.extra {margin: 0;}
.list-buttons .btn-double a {margin-bottom: 0;}
.list-buttons a,
.list-buttons .btn-double {
  margin-right: 10px;
  margin-bottom: 11px;
}

.link {
  font-size:0.9em;
  display: inline-block;
  color: #df4312;
}
.link:hover {text-decoration: underline;}


/* Blockquotes */
blockquote {
  padding: 0;
  border: none;
  background: #ffffff;
  padding: 14px 21px;
  position: relative;
  margin-bottom: 16px;
  -webkit-box-shadow:inset 0 0 4px rgba(0, 0, 0, 0.15);
  -moz-box-shadow:inset 0 0 4px rgba(0, 0, 0, 0.15);
  box-shadow:inset 0 0 4px rgba(0, 0, 0, 0.15);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
blockquote em {
  display: block;
  z-index: 2;
  position: relative;
  color: #1b1b1b;
  margin-bottom: 8px;
  font-size:1.18em;
}
blockquote i {
  position: absolute;
  font-size: 48px;
  line-height: 1em;
  top: 6px;
  left: 11px;
  color: #efebe8;
  z-index: 1;
}
blockquote a {color: #6a6a6a;}
blockquote a:hover {color: #df4312;}
blockquote .txt-2 {line-height:145%;}

.block_testi {*zoom: 1;}
.block_testi:before,
.block_testi:after {
  display: table;
  content: "";
  line-height: 0;
}
.block_testi:after {clear: both;}
.block_testi i {left: 245px;}
.block_testi .img-polaroid {
  float: left;
  margin: 0 40px 0 0;
}

.quote1 {
  margin-top: 2px;
  padding: 22px 21px 20px;
  margin-bottom: 0;
}
.quote1 figure {margin-bottom: -3px;}
.quote2 {
  background: none;
  text-align: center;
  padding: 0;
}
.quote2 .img-polaroid {
  float: none;
  margin: 0 0 13px;
  display: inline-block;
}
.quote2 .img-polaroid img {
  -webkit-border-radius: 500px;
  -moz-border-radius: 500px;
  border-radius: 500px;
}
.quote2 em {
  font-size: 18px;
  line-height: 26px;
  width: 80%;
  text-align: center;
  display: inline-block;
}
.quote2 span {
  font-size: 16px;
  display: block;
}
.quote2 i {
  left: 15%;
  top: 87px;
}
.box-quote {margin-bottom: 56px;}


/*==================list-popular=================*/
.img-polaroid1 {
  padding: 5px;
  background: #ffffff;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
.list-popular {
  margin: 0;
  padding: 14px 0 20px;
}
.list-popular li {
  *zoom: 1;
  border-top: 1px solid #f0f0f0;
  margin-top: 20px;
  padding-top: 20px;
}
.list-popular li:before,
.list-popular li:after {
  display: table;
  content: "";
  line-height: 0;
}
.list-popular li:after {clear: both;}
.list-popular li:first-child {
  border: none;
  padding: 0;
  margin: 0;
}
.list-popular li figure {
  float: left;
  margin: 0 12px 0 0;
}
.list-popular li h5 {
  font-size: 14px;
  line-height: 17px;
  font-weight: normal;
}
.list-popular li .link-comment {
  color: #6a6a6a;
  font-size: 12px;
}
.list-popular li .link-comment:hover {color: #df4312;}


/*==================list-menu=================*/
#menu-nav {float: left;}
#menu-button {line-height: 18px;}
#menu-nav i {
  font-size: 23px;
  line-height: 23px;
  color: #df4312;
  cursor: pointer;
}
#menu-button.selected i {color: #000000;}

.list-panel {
  *zoom: 1;
  float: left;
  display: block;
  list-style: none;
  margin: 0 0 0 -8px;
}
.list-panel:before,
.list-panel:after {
  display: table;
  content: "";
  line-height: 0;
}
.list-panel:after {clear: both;}
.list-panel li {
  float: left;
  border-left: 2px solid #a0a0a0;
  font-size: 12px;
  line-height: 12px;
  padding: 0 8px;
}
.list-panel li:first-child {border-left: none;}
.list-panel li a {color: #6a6a6a;}
.list-panel li a:hover {color: #df4312;}


/*------===============tinynav==============------- */
.tinynav {
  float: left;
  font-size: 12px;
  color: #6A6A6A;
  height: 30px;
  line-height: 30px;
}


/*------===============list==============------- */
.list {
  display: block;
  margin: 0;
}
.list li {
  display: block;
  font-size: 14px;
  line-height: 20px;
  padding: 6px 0 5px 20px;
  background: url(../img/list_li.png) 0 12px no-repeat;
}
.list li a {color: #6a6a6a;}
.list li a:hover {color: #df4312;}


/*------===============list_1==============------- */
.list_1 {
  display: block;
  margin: 14px 0 0;
}
.list_1 li {
  display: block;
  font-size: 16px;
  line-height: 20px;
  padding: 6px 0 10px;
}
.list_1 li a {color: #1b1b1b;}
.list_1 li a:hover {color: #df4312;}
.list_1 li i.fa-check {
  font-size: 16px;
  color: #df4312;
  margin: 0 13px 0 0;
}
figure.img-polaroid {margin: 0 0 15px 0;}

.img-polaroid {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 15px;
  padding: 0;
  border: none;
  background: none;
}
.img-polaroid img {
  max-width: inherit;
  width: 100%;
}
.thumbnails {margin: 0 0 0 0;}
.thumbnails .thumbnail {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  margin: 0 0 23px 20px;
  padding: 0;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.thumbnails .thumbnail .img-polaroid {width: 100%;}


/*------===============HEADER_1==============------- */
header.header_1 .phone-div,
header.header_4 .phone-div,
header.header_5 .phone-div,
header.header_1 .email-div,
header.header_4 .email-div,
header.header_5 .email-div {
  float: left;
  position: relative;
  top: 0;
  left: 0;
  margin: 0 30px 0 0;
  font-size: 13px;
  line-height: 13px;
}
header.header_1 .phone-div strong,
header.header_4 .phone-div strong,
header.header_5 .phone-div strong,
header.header_1 .email-div strong,
header.header_4 .email-div strong,
header.header_5 .email-div strong {
  color: #1b1b1b;
  font-size: 14px;
  line-height: 14px;
  display: inline-block;
  font-weight: normal;
  margin-left: 6px;
}
header.header_1 .navbar-inner {position: relative;}
header.header_1 .header_top,
header.header_5 .header_top {
  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

header.header_1 .navbar_ .brand,
header.header_5 .navbar_ .brand {margin-top: 13px;}
header.header_1 .navbar_ .collapse,
header.header_5 .navbar_ .collapse {float: right;}
header.header_1 .nav-collapse_ .nav > li.sfHover > a,
header.header_5 .nav-collapse_ .nav > li.sfHover > a,
header.header_1 .nav-collapse_ .nav > li.sfHover > a:hover,
header.header_5 .nav-collapse_ .nav > li.sfHover > a:hover,
header.header_1 .nav-collapse_ .nav > li > a:hover,
header.header_5 .nav-collapse_ .nav > li > a:hover,
header.header_1 .nav-collapse_ .nav > li.active > a,
header.header_5 .nav-collapse_ .nav > li.active > a,
header.header_1 .nav-collapse_ .nav > li.active > a:hover,
header.header_5 .nav-collapse_ .nav > li.active > a:hover {background: #ffffff;}
header.header_1 .nav-collapse_ > ul > li,
header.header_5 .nav-collapse_ > ul > li {
  width: auto;
  border: none;
  background: url(../img/border-item.gif) no-repeat 0 50%;
}
header.header_1 .nav-collapse_ > ul > li:first-child,
header.header_5 .nav-collapse_ > ul > li:first-child {
  background: none;
  width: auto;
  border: none;
}
header.header_1 .nav-collapse_ > ul > li > a,
header.header_5 .nav-collapse_ > ul > li > a {padding: 21px 15px 19px;}

/*------===============HEADER_2==============------- */
header.header_2 .nav-collapse_ .nav > li > a {
  text-align: left;
  padding-left: 12px;
  padding-right: 10px;
}
header.header_2 .nav-collapse_ .nav > li > a > b {display: none !important;}
header.header_2 .nav-collapse_ .nav > li > ul,
header.header_3.extra .nav-collapse_ .nav > li > ul {top: 80px;}

/*------===============HEADER_3==============------- */
header.header_3.extra .nav-collapse_ .nav > li > a {
  text-align: left;
  padding-left: 15px;
  padding-right: 3px;
}
header.header_3.extra .nav-collapse_ .nav > li > a .sf-sub-indicator {display: none;}
header.header_3.extra .nav-collapse_ .nav > li > ul.sub-menu {top: 80px;}
header.header_3.extra .nav-collapse_ .nav > li > ul.sub-menu ul {top: 0px;}
header.header_3 .main-menu > div {background: #262626;}
header.header_3 .nav-collapse_ .nav > li {border-right: 1px solid #333333;}
header.header_3 .nav-collapse_ .nav > li:first-child {border-left: 1px solid #333333;}
header.header_3 .nav-collapse_ .nav > li > a {color: #ffffff;}
header.header_3 .nav-collapse_ .nav > li.sub-menu > a .sf-sub-indicator:before {color: #ffffff;}
header.header_3 .nav-collapse_ .nav ul li a {
  background: #333333;
  color: #ffffff;
}
header.header_3 .nav-collapse_ .nav ul li .sf-sub-indicator:before {color: #6a6a6a;}
header.header_3 .nav-collapse_ .nav > li:hover > a,
header.header_3 .nav-collapse_ .nav > li.active > a,
header.header_3 .nav-collapse_ .nav > li.current_click > a {
  background: #333333;
  color: #df4312;
}
header.header_3 .nav-collapse_ .nav > li:hover > a .sf-sub-indicator:before,
header.header_3 .nav-collapse_ .nav > li.active > a .sf-sub-indicator:before,
header.header_3 .nav-collapse_ .nav li.current_click > a .sf-sub-indicator:before {color: #df4312;}
header.header_3 .nav-collapse_ .nav > li > ul li:hover > a,
header.header_3 .nav-collapse_ .nav li ul li.active > a,
header.header_3 .nav-collapse_ .nav li ul li.current_click > a {
  text-decoration: none;
  background: #262626;
  color: #df4312;
}
header.header_3 .nav-collapse_ .nav > li > ul li > a:hover .sf-sub-indicator:before,
header.header_3 .nav-collapse_ .nav > li > ul li.sfHover > a .sf-sub-indicator:before,
header.header_3 .nav-collapse_ .nav li ul li.active > a .sf-sub-indicator:before {color: #df4312;}
header.header_3 .nav-collapse_ .nav ul.submenu-extra {background: #333333;}
header.header_3 .nav-collapse_ .nav ul.submenu-extra h6 {color: #ffffff;}
header.header_3 .nav-collapse_ .nav ul.submenu-extra li a {
  background: #333333;
  color: #ffffff;
}
header.header_3 .nav-collapse_ .nav ul.submenu-extra li a:hover {
  color: #df4312;
  background: #262626;
}

/*------===============HEADER 5==============------- */
header.header_5 .navbar_ .collapse {float: left;}
header.header_5 .navbar_ .brand {float: right;}

/*------===============HEADER 6==============------- */
header.header_6 #form-search {right: 149px;}
header.header_6 .phone-div {right: 469px;}
header.header_6 .panel {padding: 8px 0 4px;}
header.header_6 .list-panel {padding-top: 2px;}

/*------===============HEADER==============------- */
header {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  z-index: 999;
  padding: 0;
  height: auto;
  position: relative;
  z-index: 20;
}
.panel {
  border-top: 5px solid #df4312;
  border-bottom: 1px solid #e4e4e4;
  background: #f9f9f9;
  position: relative;
  z-index: 1001;
  padding: 9px 0;
}
.header_top > .container {position: relative;}
.header_top.scrolled {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 999;
}
.header_top.scrolled .phone-div,
.header_top.scrolled #form-search,
.header_top.scrolled .navbar {display: none;}
.header_top.scrolled .main-menu {margin: 0;}
.header_top.scrolled .main-menu > div {border: none;}
.header_1 .header_top.scrolled .navbar,
.header_5 .header_top.scrolled .navbar {display: block;}
.header_top.scrolled + .layerslider_container {margin-top: 156px;}


/* Carousel */
.foto-carousel figure b,
.box-work figure b {
  top: -20%;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.foto-carousel:hover figure span,
.box-work:hover figure span {
  opacity: 1;
  filter: alpha(opacity=100);
}
.foto-carousel:hover figure b,
.box-work:hover figure b {
  opacity: 1;
  filter: alpha(opacity=100);
}
.foto-carousel > span,
.box-work > span {
  display: block;
  position: relative;
  z-index: 2;
  padding: 18px 20px;
  background: #f0f0f0;
  height: 56px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  overflow: hidden;
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
}
.foto-carousel > span i,
.box-work > span i {
  font-size: 13px;
  display: block;
  font-style: normal;
  opacity: 0;
  filter: alpha(opacity=0);
  color: #ffffff;
  z-index: 100;
}
.foto-carousel > span i a,
.box-work > span i a {color: #ffffff;}
.foto-carousel > span strong,
.box-work > span strong {color: #1b1b1b;}
.foto-carousel > span strong a,
.box-work > span strong a {color: #1b1b1b;}
.foto-carousel:hover,
.box-work:hover {
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
}
.foto-carousel:hover > span,
.box-work:hover > span {
  background: #df4312;
  height: 76px;
  margin-top: -20px;
}
.foto-carousel:hover > span i,
.box-work:hover > span i {
  opacity: 1;
  filter: alpha(opacity=100);
}
.foto-carousel:hover > span strong a,
.box-work:hover > span strong a {color: #ffffff;}
.foto-carousel:hover > span strong a:hover,
.box-work:hover > span strong a:hover {color: #000000;}
.foto-carousel:hover > span:after,
.box-work:hover > span:after {bottom: 0;}
.foto-carousel figure span,
.box-work figure span {
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}


/* block-form */
.block-form {
  float: right;
  margin: 18px 0 0 20px;
}
.block-form #form-search {
  box-shadow: none;
  border: none;
  position: absolute;
  background: #f9f9f9;
  height: 90%;
  padding: 4px 40px 4px 0;
  top: -2px;
  left: 0;
  display: none;
  z-index: 100;
}
.block-form #form-search span {height: 50px;}
.block-form #form-search span:before {line-height: 52px;}
.block-form #form-search input {
  width: 100%;
  height: 58px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}

.btn-search {
  z-index: 101;
  position: relative;
  width: 22px;
  height: 22px;
  text-align: center;
  cursor: pointer;
}
.btn-search:hover:before {color: #000000;}
.btn-search:before {
  color: #df4312;
  content: "";
  font-family: FontAwesome;
  font-size: 20px;
  line-height: 24px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.btn-search.active:before {content: "";}


/*------===============block_language==============------- */
.block_language {
  color: #848484;
  font-size: 0.75em;
  float: right;
  list-style: none;
  position: relative;
  z-index: 2;
  margin: 0;
  padding: 0;
}
.block_language > li {
  float: right;
  margin-left: 20px;
  position: relative;
  line-height: 14px;
}
.block_language > li .icon {
  margin: 0 4px 0 0;
  display: inline-block;
}
.block_language > li .icon img {
  width: 19px;
  height: 12px;
}
.block_language > li.language > a {
  display: inline-block;
  margin: 0 0 0 3px;
  color: #1b1b1b;
}
.block_language > li > a {color: #1b1b1b;}
.block_language > li ul {
  width: 99px;
  position: absolute;
  right: -16px;
  top: -4px;
  background: white;
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
}
.block_language > li.currency_item {
  z-index: 2;
  position: relative;
}
.block_language > li.currency_item > a {
  display: inline-block;
  margin-left: 3px;
  padding: 0 14px 0 0;
  color: #1b1b1b;
}
.block_language > li.currency_item > a span {color: #df4312;}
.block_language > li.currency_item:before {
  display: inline-block;
  content: "Currency:";
}
.block_language > li.currency_item a {padding-bottom: 5px;}
.block_language > li.currency_item ul {
  width: 81px;
  right: 0px;
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
}
.block_language > li ul li {line-height: 16px;}
.block_language > li ul li:first-child {border-top: none;}
.block_language > li ul a {
  display: block;
  padding: 3px 0 5px 4px;
}
.block_language > li ul a:hover {
  background: #f6f6f6;
  color: #1b1b1b;
}
.block_language .active:after {background-position: right 0;}

.language {
  z-index: 1;
  position: relative;
}
.language:before {
  display: inline-block;
  content: "Language:";
}
.drop,
.drop2 {
  display: none;
  list-style: none;
}
.slct,
.slct2 {padding-right: 14px;}
.slct:after,
.slct2:after {
  display: block;
  position: absolute;
  font-family: FontAwesome;
  width: 9px;
  height: 6px;
  right: 2px;
  top: -3px;
  z-index: 99;
  color: #1b1b1b;
  font-size: 14px;
  line-height: 18px;
  content: "";
}

.top-right {
  float: right;
  *zoom: 1;
}
.top-right:before,
.top-right:after {
  display: table;
  content: "";
  line-height: 0;
}
.top-right:after {clear: both;}
.top-right .btn-large-1 {
  margin: 0 0 0 20px;
  float: right;
}

.phone-div {
  position: absolute;
  top: 35px;
  right: 316px;
  font-size: 0.82em;
  line-height: 145%;
  color: #6a6a6a;
  font-family: 'Open Sans', Arial, '微軟正黑體', sans-serif;
  text-align: right;
  float: left;
}
.phone-div strong {
  font-style: normal;
  display: block;
  font-size: 1.25em;
  line-height: 145%;
  color: #1b1b1b;
  margin: -3px 0 0 0;
}


/*---------form-search------------*/
#form-search.search-404 {
  position: relative;
  top: 0;
  margin-bottom: 16px;
}
#form-search.search-404 input {width: 100%;}
#form-search {
  position: absolute;
  right: 0px;
  top: 35px;
  background: #f0f0f0;
  border: 1px solid #e4e4e2;
  -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 7px 0;
  *zoom: 1;
  margin: 0;
}
#form-search:before,
#form-search:after {
  display: table;
  content: "";
  line-height: 0;
}
#form-search:after {clear: both;}
#form-search select {
  background: #f0f0f0;
  border: none;
  outline: none;
  width: 298px;
  font-size: 13px;
  line-height: 16px;
  padding: 2px 10px 4px 52px;
  height: 22px;
  color: #999898;
  margin: 0;
 }
#form-search input {
  background: #f0f0f0;
  border: none;
  outline: none;
  width: 298px;
  font-size:0.82em;
  line-height: 155%;
  padding: 2px 10px 4px 52px;
  height: 22px;
  color: #999898;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 22px 0 0 0;
}
#form-search input:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  outline: none;
}
#form-search span {
  position: absolute;
  left: 9px;
  top: 30px;
  border-right: 1px solid #d4d4d4;
  display: block;
  width: 30px;
  text-align: center;
  height: 22px;
}
#form-search span:before {
  font-size: 22px;
  line-height: 24px;
  font-family: FontAwesome;
  position: absolute;
  top: -1px;
  left: 0;
  content: "";
  color: #df4312;
}
.header_top {
  background: #f9f9f9;
  height: auto;
  width: 100%;
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
  position: relative;
  z-index: 1000;
}

/* layerslider */
.slide2 .ls-l4 {text-transform:uppercase;}
.slide2 .slide-text3 {text-transform:none;}

.ls-l4 {
  color: #1b1b1b;
  font-size: 18px;
  line-height: 28px;
  font-family: 'Open Sans', Arial, '微軟正黑體', sans-serif;
}

.slide-text1,
.slide-text2 {
	color:#ffffff;
	font-size:55px;
	line-height:1.2em;
	font-weight:300;
	white-space:nowrap;
}

.slide-text2 {font-weight:800;}

.slide1 .slide-text3 {margin-left:10px !important; float: left;}

.slide2 {text-align:center;}
.slide-text3 {width:500px;}
.slide2 .slide-text3 {width:800px;}

.slide3 .ls-l4 {
	font-weight:800;
	font-size:55px;
	line-height:55px;
	color:#1b1b1b;
	text-transform:uppercase;
	text-align:center;
}
.slide3 .ls-l4 span {
	display:block;
	color:#df4312;
}
.slide3  .ls-l3 {
  max-width:460px;
  font-size:18px;
  line-height:28px;
  color:#555;
  float:left;
}

.slide3  .ls-l3 strong {
	color:#1b1b1b;
	text-align:center;
	display:block;
}
.slide3 {text-align:center;}

.main-menu > div {
  width: 100%;
  background-color: #ececec;
  background:linear-gradient(top,#ececec,#f9f9f9);
  background:-moz-linear-gradient(top,#ececec,#f9f9f9);
  background:-webkit-linear-gradient(top,#ececec,#f9f9f9);
  border-top: 1px solid #E4E4E2;
}
.header_8 .header_top,
.page_countdown .header_top {padding-bottom: 23px;}
.header_8 .phone-div {right: 0;}


/* navbar */
.navbar_ {
  margin-bottom: 0 !important;
  padding:20px 0;
}
.navbar_ .collapse {overflow: visible;}
.navbar_ .brand {
  display: inline-block;
  overflow: hidden;
  margin: 0;
  padding: 0;
  line-height: 0;
}
.navbar_ .brand span {
  display: block;
  text-indent: -4000px;
}
.navbar_ .navbar-inner {
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  *zoom: 1;
  margin: 0;
  padding: 0;
  min-height: inherit;
  border: none;
  background: none;
  -webkit-border-radius: none;
  -moz-border-radius: none;
  border-radius: none;
}
.navbar_ .navbar-inner:before,
.navbar_ .navbar-inner:after {
  display: table;
  content: "";
  line-height: 0;
}
.navbar_ .navbar-inner:after {clear: both;}
.nav-collapse_ {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  position: relative;
  margin: 0;
  padding: 0;
}
.nav-collapse_ .nav {
  display: block;
  float: none;
  margin: 0;
  padding: 0;
}

/*nav*/
.nav-collapse_ .nav li {
  position: relative;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
  zoom: 1;
}
.nav-collapse_ .nav li a {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  margin: 0;
  padding: 0;
  color: #ffffff;
  text-shadow: none;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.nav-collapse_ .nav > li {
  display: inline-block;
  float: left;
  margin: 0;
  border: none;
  font-weight: normal;
  border-right: 1px solid #e4e4e2;
  font-family: 'Open Sans', Arial, '微軟正黑體', sans-serif;
  font-weight: bold;
  min-width: 103px;
}
.nav-collapse_ .nav > li:first-child {
  border-left: 1px solid #e4e4e2;
  min-width: 105px;
}
.nav-collapse_ .nav > li > a {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  position: relative;
  display: block;
  margin: 0;
  padding: 21px 10px 19px;
  color: #1b1b1b;
  text-align: center;
  font-size: 12px;
  line-height: 20px;
  z-index: 1;
}
.nav-collapse_ .nav > li > a span {
  display: block;
  border-top: none ;
  position: absolute;
  border-top: 3px solid #df4312;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
  opacity: 0;
  filter: alpha(opacity=0);
}
.nav-collapse_ .nav li.active + li,
.nav-collapse_ .nav li:hover + li {background: none;}
.nav-collapse_ .nav li .sf-sub-indicator {
  position: absolute;
  color: #1b1b1b;
  font-weight: normal;
}
.nav-collapse_ .nav li .sf-sub-indicator:before {font-family: FontAwesome;}
.nav-collapse_ .nav > li > a > .sf-sub-indicator {
  display: inline-block;
  margin-left: 6px;
  font-size: 10px;
  position: relative;
}
.nav-collapse_ .nav > li > a > .sf-sub-indicator:before {content: "";}

/* mobile menu */
#menu_button {
  width:40px;
  height:40px;
  color:#ffffff !important;
  font-size:27px;
  margin:5px auto;
  display: none;
  background:#1b1b1b;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  border:1px solid transparent;
  -webkit-transition:background-color .5s ease,color .5s ease,border-color .5s ease;
  -moz-transition:background-color .5s ease,color .5s ease,border-color .5s ease;
  -o-transition:background-color .5s ease,color .5s ease,border-color .5s ease;
  transition:background-color .5s ease,color .5s ease,border-color .5s ease;
}
#menu_button.active {
	color:#1b1b1b!important;
	background:#ffffff;
	border-color:#e4e4e2;
}
header.header_3 #menu_button {
	background:#df4312; 
	margin-bottom:0;
}
header.header_3 #menu_button.active {
  background:transparent;
  border-color:#df4312;
  color:#df4312 !important;
}
.nav-collapse_ .nav ul {
  position: absolute;
  left: 0;
  top: 100%;
  width: 200px;
  visibility: hidden;
  opacity: 0;
  z-index: 11;
  background: #ffffff;
  padding: 0;
  margin: 0;
  zoom: 1;
  -webkit-transform:translateY(20px);
  -moz-transform:translateY(20px);
  -o-transform:translateY(20px);
  -ms-transform:translateY(20px);
  transform:translateY(20px);
  -webkit-transition:-webkit-transform .5s ease,opacity .5s ease;
  -moz-transition:transform .5s ease,opacity .5s ease;
  -o-transition:transform .5s ease,opacity .5s ease;
  transition:transform .5s ease,opacity .5s ease;
  -webkit-box-shadow: 0 3px 2px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 3px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 2px rgba(0, 0, 0, 0.3);
}
.nav-collapse_ .nav .sub-menu:hover > ul{
  -webkit-transform:translateY(0px);
  -moz-transform:translateY(0px);
  -o-transform:translateY(0px);
  -ms-transform:translateY(0px);
  transform:translateY(0px);
  opacity:1;
  visibility: visible;
}

/* first level */
.sub_no_crop ul {left: -200px !important;}
.nav-collapse_ .nav ul li {
  display: block;
  padding: 0 20px;
  text-align: left;
}
.nav-collapse_ .nav ul li a {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  display: inline-block;
  color: #333333;
  font-size: 13px;
  line-height: 18px;
}
.nav-collapse_ .nav ul li a:hover {color: #df4312;}

/*hover for first level*/
.nav-collapse_ .nav > li.sfHover,
.nav-collapse_ .nav > li.sfHover:hover,
.nav-collapse_ .nav > li:hover,
.nav-collapse_ .nav > li.active,
.nav-collapse_ .nav > li.active:hover {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background: none;
}
.nav-collapse_ .nav > li > a > em {
  display: block;
  font-style: normal;
  font-size: 13px;
  text-transform: none;
  font-weight: normal;
}
.nav-collapse_ .nav > li.sfHover > a > .sf-sub-indicator:before,
.nav-collapse_ .nav > li.sfHover:hover > a > .sf-sub-indicator:before,
.nav-collapse_ .nav > li:hover .sf-sub-indicator:before,
.nav-collapse_ .nav > li.active > a > .sf-sub-indicator:before,
.nav-collapse_ .nav > li.active:hover > a > .sf-sub-indicator:before {color: #df4312;}
.nav-collapse_ .nav > li:hover > a,
.nav-collapse_ .nav > li.active > a,
.nav-collapse_ .nav > li.current_click > a {
  -webkit-box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.1);
  background: #fff;
  color: #df4312;
}
.nav-collapse_ .nav > li:hover > a > span,
.nav-collapse_ .nav > li.active > a > span,
.nav-collapse_ .nav > li.current_click > a > span {
  opacity: 1;
  filter: alpha(opacity=100);
}
/*hover for second level*/
.nav-collapse_ .nav > li > ul li > a:hover,
.nav-collapse_ .nav > li > ul li.sfHover > a {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.nav-collapse_ .nav ul li:first-child {
  border: none;
  margin: 0;
}
.nav-collapse_ .nav ul li {padding: 0;}
.nav-collapse_ .nav ul li a {
  display: block;
  color: #000000;
  background: #ffffff;
  padding: 8px 20px;
  font-size: 14px;
  font-weight: normal;
  text-transform: none;
}
.nav-collapse_ .nav ul li a span {
  color: #707070;
  display: block;
  font-size: 10px;
  line-height: 12px;
  text-transform: none;
}
.nav-collapse_ .nav > li > ul li:hover > a,
.nav-collapse_ .nav li ul .active > a,
.nav-collapse_ .nav li ul .current_click > a {
  text-decoration: none;
  background: #df4312;
  color: #ffffff;
}
.nav-collapse_ .nav > li > ul li > a:hover {background: #df4312;}
.nav-collapse_ .nav ul li.sub-menu > a {cursor: default;}
.nav-collapse_ .nav ul ul {
  left: 200px;
  top: 0px;
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
}
.nav-collapse_ .nav ul .sf-sub-indicator {
  position: absolute;
  display: block;
  top: 7px;
  left: auto;
  right: 18px;
  z-index: 5;
}
.nav-collapse_ .nav ul .sf-sub-indicator:before {
  font-size: 9px;
  line-height: 12px;
  content: "";
  color: #df4312;
}
.nav-collapse_ .nav ul.submenu-extra {
  background-color: #ffffff;
  width: 980px;
  left: -182px;
  padding: 18px 0;
  overflow: hidden;
}
.nav-collapse_ .nav ul.submenu-extra h6 {margin: 0 0 10px 20px;}
.nav-collapse_ .nav ul.submenu-extra div {float: left;}
.nav-collapse_ .nav ul.submenu-extra div.col-menu-left {width: 588px;}
.nav-collapse_ .nav ul.submenu-extra div.col-menu-right {width: 392px;}
.nav-collapse_ .nav ul.submenu-extra span {
  display: block;
  float: left;
  width: 196px;
}
.nav-collapse_ .nav ul.submenu-extra a:hover,
.nav-collapse_ .nav ul.submenu-extra .active a {
  text-decoration: none;
  background: #f0f0f0;
  color: #df4312;
}

/*---------box-slider-video-----------*/
.box-slider-video {
  padding: 80px 0;
  background: url(../img/bg-box-slider.jpg) no-repeat 0 0;
  background-size: cover;
}
.box-slider-video figure {
  margin: 0;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
.box-slider-video h2 {
  color: #ffffff;
  font-weight: 800;
  font-size: 55px;
  line-height: 55px;
  text-transform: none;
  margin-bottom: 12px;
}
.box-slider-video p {
  font-family: 'Open Sans', Arial, '微軟正黑體', sans-serif;
  color: #ffffff;
  font-size: 18px;
  line-height: 28px;
  margin-bottom: 55px;
}

/*---------block-account-----------*/
.block-account {
  padding: 65px 0;
  background: url(../img/bg-block-account.jpg) no-repeat 0 0;
  background-size: cover;
}
.block-account h2 {
  color: #ffffff;
  font-weight: 800;
  font-size: 55px;
  line-height: 55px;
  text-transform: none;
  margin: 44px 0 12px;
}
.block-account p {
  font-family: 'Open Sans', Arial, '微軟正黑體', sans-serif;
  color: #ffffff;
  font-size: 18px;
  line-height: 28px;
}
/*-----================== HEADER END =================------*/
/*------================== Content =================------- */
#content {
  background:#f7f6f5;
  position: relative;
  z-index: 10;
}
.content-div {
  position: relative;
  padding-bottom: 60px;
  padding-top: 41px;
}
.content-div.extra {padding-bottom: 19px;}
.content-div.extra1 {
  padding-bottom: 45px;
  padding-top: 60px;
}
.row-white {
  background: #ffffff;
  padding: 13px 0 0 ;
}
.row-white.extra {margin: 60px 0 43px;}
.row-white.extra h4 {padding-top: 14px;}
.row-white.extra .block-list {margin-bottom: 20px;}

.slider-block {padding-top: 10px;}
.slider-block h3 {padding-bottom: 18px;}
.slider-block p {margin-bottom: 24px;}
/*----====================Content end ==================----*/

/*==========================PAGES===========================*/
/*=========================index============================*/
.box-block {
  *zoom: 1;
  margin-bottom: 45px;
  padding-top: 18px;
}
.box-block:before,
.box-block:after {
  display: table;
  content: "";
  line-height: 0;
}
.box-block:after {clear: both;}
.box-block.extra {padding: 20px 0 0 0;}
.baner-text.extra {margin-bottom: 0;}

.baner-text {
  text-align: center;
  font-family: 'Open Sans', Arial, '微軟正黑體', sans-serif;
  margin: 14px 0 42px;
}
.baner-text h2 {
  font-weight: 300;
  text-transform: uppercase;
  font-size: 36px;
  display: block;
  letter-spacing: -2px;
  padding-bottom: 9px;
  color: #1b1b1b;
  margin: 0;
  word-spacing: 5px;
}
.baner-text em {
  font-style: normal;
  font-size: 18px;
  line-height: 1em;
  display: block;
  padding-bottom: 38px;
}
.baner-text .btn-medium {
  margin: 0 2px;
  width: 213px;
  padding: 15px 0 17px;
  text-align: center;
}
.baner-text1 {margin: 14px 0 44px;}

.block-info {
  background: #ffffff;
  padding: 0;
  position: relative;
  overflow: hidden;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.block-info:hover {
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
}
.block-info:after {
  display: block;
  position: absolute;
  content: "";
  height: 3px;
  background: #df4312;
  bottom: 0;
  width: 100%;
  left: 0;
  right: 0;
}
.block-info .btn-small {border: none;}
.block-info .img-polaroid {width: 100%;}
.block-info p {margin-bottom: 14px;}
.block-info .inner-block > div {
  padding:9%;
  background: #ffffff;
}
.span2 .block-info  h4,.span1 .block-info  h4 {
  margin: 0 0 15px 0;
  font-size:1.05em;
  color: #1b1b1b;
  padding: 0;
}
.span2 .block-info  p,
.span1 .block-info  p {font-size:0.94em;}
.block-info h4 {
  margin: 0 0 15px 0;
  font-size:1.25em;
  color: #1b1b1b;
  padding: 0;
}
.inner-block {overflow: hidden;}


/*------------foto-carousel-----------------*/
#work_container .box-work {margin-bottom: 30px;}
.foto-carousel,
.box-work {
  -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  display: block;
  margin-bottom: 10px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.foto-carousel figure,
.box-work figure {
  margin: 0;
  position: relative;
  z-index: 1;
  display: block;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
  overflow: hidden;
}
.foto-carousel figure span,
.box-work figure span {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: url(../img/shadow.png) 0 0 repeat;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
}
.foto-carousel figure b,
.box-work figure b {
  display: block;
  position: absolute;
  left: 50%;
  width: 50px;
  height: 50px;
  background: rgba(13, 15, 18, 0.8);
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  z-index: 5;
  opacity: 0;
  top: 50%;
  transition: all 0.3s ease 0s;
  margin-top: -25px;
  margin-left: -25px;
  text-align: center;
}
.foto-carousel figure b:before,
.box-work figure b:before{
  font-family: FontAwesome;
  font-size: 18px;
  line-height: 50px;
  content: "\f067";
  color: #ffffff;
}
.foto-carousel > span,
.box-work > span {
  display: block;
  position: relative;
  z-index: 2;
  padding: 18px 20px;
  background: #f0f0f0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
}
.foto-carousel > span i,
.box-work > span i {
  font-size: 13px;
  display: block;
  font-style: normal;
  color: #1B1B1B;
  z-index: 100;
}
.foto-carousel > span i a,
.box-work > span i a {
  color: #ffffff;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.foto-carousel > span i a:hover,
.box-work > span i a:hover {text-decoration: underline;}
.foto-carousel > span strong,
.box-work > span strong {
  font-size: 16px;
  line-height: 20px;
  color: #1b1b1b;
  display: block;
}
.foto-carousel > span strong a,
.box-work > span strong a {
  color: #1B1B1B;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.foto-carousel > span strong a:hover,
.box-work > span strong a:hover {color: #000000;}

.badge_ {
  display: block;
  float: left;
  width: 80px;
  height: 80px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  border: none;
  -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.15);
  padding: 0;
  text-align: center;
  -webkit-border-radius: 620px;
  -moz-border-radius: 620px;
  border-radius: 620px;
  background: #f0f0f0;
  margin: 22px 20px 0 0;
  color: #1b1b1b;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
  -moz-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
  transition: background 0.3s, color 0.3s, box-shadow 0.3s;
}
.badge_ span:before,
.badge_ i:before {
  font-size: 40px;
  color: #1b1b1b;
  display: block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 80px;
  text-transform: none;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.badge_:hover {
  background: #df4312;
  -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.5);
  box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.5);
}
.badge_:hover span:before {
  -webkit-animation: toRightFromLeft 0.3s forwards;
  -moz-animation: toRightFromLeft 0.3s forwards;
  animation: toRightFromLeft 0.3s forwards;
  color: #ffffff;
}

@-webkit-keyframes toRightFromLeft {
  49% {
    -webkit-transform: translate(100%);
  }
  50% {
    opacity: 0;
    -webkit-transform: translate(-100%);
  }
  51% {
    opacity: 1;
  }
}

@-moz-keyframes toRightFromLeft {
  49% {
    -moz-transform: translate(100%);
  }
  50% {
    opacity: 0;
    -moz-transform: translate(-100%);
  }
  51% {
    opacity: 1;
  }
}

.block-list {margin-bottom: 32px;}
.block-list .list {overflow: hidden;}
.accordeon_css3 {
  overflow: hidden;
  margin: 0 -3px;
  padding: 0 8px;
  position: relative;
}
.accordeon_css3 .view_all {
  position: absolute;
  right: 8px;
  top: 12px;
}
.accordeon_css3 ul {
  display: block;
  margin: 7px 0 ;
  padding-left: 0;
  list-style: none;
  width: 2200em;
  height: auto;
  *zoom: 1;
}
.accordeon_css3 ul:before,
.accordeon_css3 ul:after {
  display: table;
  content: "";
  line-height: 0;
}
.accordeon_css3 ul:after {clear: both;}
.accordeon_css3 ul li {
  width: 220px;
  overflow: hidden;
  position: relative;
  float: left;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px 0 12px;
  margin-right: 20px;
  margin-bottom: 10px;
}
.accordeon_css3 ul li .img-polaroid {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  overflow: hidden;
  margin: 0 0 0 0;
}
.accordeon_css3 ul li.last_accord {margin-right: 30px;}
.accordeon_css3 li:hover,
.accordeon_css3 li.last_accord,
.accordeon_css3_video li:hover {
  width: 460px;
  background: #ffffff;
  padding: 10px 10px 12px;
  -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 8px rgba(0, 0, 0, 0.3);
}
.accordeon_css3 li:hover .img-polaroid,
.accordeon_css3 li.last_accord .img-polaroid,
.accordeon_css3_video li:hover .img-polaroid {
  margin-right: 20px;
  -webkit-border-radius: 6px 0 0 6px;
  -moz-border-radius: 6px 0 0 6px;
  border-radius: 6px 0 0 6px;
}
.accordeon_css3 li:hover .inner-accord,
.accordeon_css3 li.last_accord .inner-accord,
.accordeon_css3_video li:hover .inner-accord {
  display: block;
  padding-right: 10px;
}
.accordeon_css3 li.last_accord img {
  -webkit-border-radius: 6px 0 0 6px;
  -moz-border-radius: 6px 0 0 6px;
  border-radius: 6px 0 0 6px;
}
.accordeon_css3 li:hover + .last_accord,
.accordeon_css3 li:hover + li + .last_accord {
  background: none;
  padding: 10px 0 12px;
  box-shadow: none;
}
.accordeon_css3 li:hover + .last_accord img,
.accordeon_css3 li:hover + li + .last_accord img {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.accordeon_css3 li:hover + .last_accord .img-polaroid b,
.accordeon_css3 li:hover + li + .last_accord .img-polaroid b {
  opacity: 0;
  filter: alpha(opacity=0);
}
.accordeon_css3 li:hover:after,
.accordeon_css3 li.last_accord:after {
  background: #1D94FF;
  bottom: 0;
  content: "";
  display: block;
  height: 3px;
  left: 0;
  position: absolute;
  right: 0;
}
.accordeon_css3_video li:hover,
.accordeon_css3_video li.last_accord {
  background: #df4312;
  padding: 0;
}
.accordeon_css3_video li:hover .img-polaroid,
.accordeon_css3_video li.last_accord .img-polaroid {position: relative;}
.accordeon_css3_video li:hover .inner-accord,
.accordeon_css3_video li.last_accord .inner-accord {display: block;}
.accordeon_css3_video li:hover + .last_accord,
.accordeon_css3_video li:hover + li + .last_accord {
  background: none;
  padding: 0;
  box-shadow: none;
}
.accordeon_css3_video li:hover + .last_accord .img-polaroid em,
.accordeon_css3_video li:hover + li + .last_accord .img-polaroid em,
.accordeon_css3_video li:hover + .last_accord .img-polaroid b,
.accordeon_css3_video li:hover + li + .last_accord .img-polaroid b {
  opacity: 0;
  filter: alpha(opacity=0);
}
.accordeon_css3_video.extra {margin-bottom: 32px;}
.accordeon_css3_video ul li {padding: 0;}
.accordeon_css3_video ul li .block-accordeon:after {display: none !important;}
.accordeon_css3_video ul li .block-accordeon figure a {
  display: block;
  position: relative;
}
.accordeon_css3_video ul li .block-accordeon figure a b {
  display: block;
  position: absolute;
  left: 50%;
  width: 50px;
  height: 50px;
  background: rgba(13,15,18,0.8);
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  z-index: 5;
  opacity: 0;
  top: 50%;
  transition: all 0.3s ease 0s;
  margin-top: -25px;
  margin-left: -25px;
  text-align: center;
}
.accordeon_css3_video ul li .block-accordeon figure a b:before{
  font-family: FontAwesome;
  font-size: 18px;
  line-height: 50px;
  content: "\f067";
  color: #ffffff;
}
.accordeon_css3_video ul li .block-accordeon figure a em {
  background-color: rgba(0, 0, 0, 0.6);
  opacity: 0;
  filter: alpha(opacity=0);
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
  content: "";
  position: absolute;
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.accordeon_css3_video ul li .block-accordeon:after {display: none;}
.accordeon_css3_video ul li .block-accordeon h6 {
  color: #ffffff;
  margin: 14px 0 0 0;
}
.accordeon_css3_video ul li .block-accordeon a {
  font-size: 14px;
  line-height: 21px;
  color: #f9f9f9;
}
.accordeon_css3_video ul li .block-accordeon a:first-child {
  font-weight: bold;
  font-size: 16px;
}
.accordeon_css3_video ul li .block-accordeon a:hover {color: #1b1b1b;}
.accordeon_css3_video ul li .block-accordeon p {
  color: #e3e2e2;
  margin: 1px 0 0 0;
}
.accordeon_css3_video ul li:hover figure a em {
  opacity: 1;
  filter: alpha(opacity=100);
}
.accordeon_css3_video li:hover:after,
.accordeon_css3_video li.last_accord:after {display: none !important;}

.various {
  position: relative;
  display: inline-block;
}
.various img {
  display: block;
  width: 100%;
  z-index: 1;
}
.various:hover strong {
  opacity: 0.6;
  filter: alpha(opacity=60);
}
.various strong {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 2;
  background: url(../img/video-arrow.png) center center no-repeat;
}
.row-who_we_are {margin-bottom: 17px;}
.block-accordeon {
  position: relative;
  width: 440px;
  display: block;
  *zoom: 1;
  margin-left: 0;
  -webkit-transition: 0.6s;
  -moz-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
}
.block-accordeon:before,
.block-accordeon:after {
  display: table;
  content: "";
  line-height: 0;
}
.block-accordeon:after {clear: both;}
.block-accordeon:hover {margin-left: 0;}
.block-accordeon:after {
  position: absolute;
  height: 3px;
  background: #de4a4a;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
}
.block-accordeon a {display: inline-block;}
.block-accordeon .img-polaroid {
  float: left;
  width: 220px;
  margin-bottom: 0;
}
.block-accordeon .inner-accord {
  overflow: hidden;
  display: none;
}
.block-accordeon span {
  font-size: 13px;
  line-height: 18px;
  font-weight: bold;
  color: #1b1b1b;
  display: block;
  margin-top: 5px;
}
.block-accordeon em {
  font-style: normal;
  font-size: 11px;
  line-height: 16px;
}
.block-accordeon p {
  font-size: 12px;
  line-height: 14px;
  color: #6a6a6a;
  margin-bottom: 0;
  padding: 8px 0;
}
.list-features {
  margin: 0 0 10px;
  overflow: hidden;
}
.list-features li {margin-bottom: 24px;}
.block-features span {
  display: block;
  overflow: hidden;
  float: left;
  width: 40px;
  height: 40px;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 620px;
  -moz-border-radius: 620px;
  border-radius: 620px;
  padding: 0;
  vertical-align: top;
  background: #f0f0f0;
  -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.25);
  box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.25);
  margin: -10px 15px 0 0;
}
.block-features span i {
  font-size: 20px;
  color: #1b1b1b;
  display: block;
  font-style: normal;
  font-weight: normal;
  line-height: 40px;
  text-transform: none;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.block-features h4 {
  padding: 10px 0 0 0;
  font-size: 18px;
}
.block-features h4 a:hover span {
  background: #df4312;
  -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.5);
  box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.5);
}
.block-features h4 a:hover span i {
  -webkit-animation: toRightFromLeft 0.3s forwards;
  -moz-animation: toRightFromLeft 0.3s forwards;
  animation: toRightFromLeft 0.3s forwards;
  color: #ffffff;
}
.block-features p {margin: 11px 0 9px 0;}

.view_all {
  line-height: 0;
  font-size: 0;
  display: inline-block;
  height: 30px;
  width: 38px;
  top: 1px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background: #fbf8f3;
  -webkit-box-shadow: inset 0 0 4px rgba(216,205,186,0.75);
  -moz-box-shadow: inset 0 0 4px rgba(216,205,186,0.75);
  box-shadow: inset 0 0 4px rgba(216,205,186,0.75);
  text-align: center;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  overflow: hidden;
}
.view_all:hover {background: #df4312;}
.view_all:hover:before {color: #ffffff;}
.view_all:after {display: none;}
.view_all:before {
  font-family: FontAwesome;
  line-height: 30px;
  content: "";
  font-size: 18px;
  color: #1b1b1b;
  position: relative;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.row-recent {padding: 32px 0 6px;}
.row-recent.extra {padding: 0;}
.row-recent.extra .carousel-3 {margin-bottom: 0;}

.list-news {
  overflow: hidden;
  margin: 1px 0 0;
}
.list-news li {overflow: hidden;}
.list-news .link {line-height: 18px;}
.list-news .extra-wrap {padding: 3px 0 0 0;}
.list-news .extra-wrap h5 {margin-bottom: 2px;}
.list-news .extra-wrap > span {
  display: block;
  margin-bottom: 11px;
}
.list-news.extra {
  /*span.txt-1 {display:block; padding-bottom:12px}*/
}
.list-news.extra li {margin-bottom: 15px;}
.list-news.extra figure {
  float: left;
  margin-right: 20px;
}
.list-news.extra h5 {margin-top: 4px;}
.list-news.extra p {
  line-height: 145%;
  font-size: 0.9em;
}


/*--------------badge------------------*/
.badge {
  background: #e4ded4;
  width: 60px;
  padding: 5px;
  text-align: center;
  text-shadow: none;
  float: left;
  margin: 0 30px 0 0;
}
.badge strong {
  text-transform: uppercase;
  color: #df4312;
  font-weight: bold;
  font-size: 1.875em;
  line-height: 1em;
  display: block;
  background: #ffffff;
  padding: 8px 0;
}
.badge strong span {
  display: block;
  font-size: 0.54em;
  line-height: 145%;
  margin-top: -4px;
}
.badge em {
  font-size: 1em;
  line-height:155%;
  color: #6f6f6f;
  font-style: normal;
  font-weight: normal;
  display: block;
  padding:8px 0 2px 0;
}
.badge em i {font-size:16px; margin-right:4px;}
.badge a,
.badge a i {color: #6f6f6f;}
.badge a:hover,
.badge a:hover i {color: #df4312;}

.badge > span {
  display: block;
  background: #ffffff;
  color: #6a6a6a;
  font-size: 16px;
  line-height: 18px;
  padding: 8px 0 9px;
}
.row-news {
  /*padding-top:41px;*/
  overflow: hidden;
}
.row-news .block-news {
  overflow: hidden;
  padding: 4px 0  0;
}
.row-news .block-news p {padding: 8px 0 0;}
.row-news .block-news .badge {
  float: left;
  margin-top: -4px;
}
.box-clients {padding-top: 43px;}
.box-clients.extra {padding-bottom: 20px;}
.box-clients.extra1 {padding-top: 33px;}
.img-indent {margin: 0 0 22px;}


/*--------------banner------------------*/
.row-banner {margin-top: 38px;}
.banner {
  *zoom: 1;
  padding: 13px 0 23px;
}
.banner:before,
.banner:after {
  display: table;
  content: "";
  line-height: 0;
}
.banner:after {clear: both;}
.banner > div {
  width: 77%;
  float: left;
}
.banner > div strong {
  font-size: 28px;
  line-height: 30px;
  color: #1b1b1b;
  font-family: 'Open Sans', Arial, '微軟正黑體', sans-serif;
  display: block;
  letter-spacing: -1px;
  margin-bottom: 8px;
}
.banner > div strong span {color: #df4312;}
.banner > div > span {
  font-size: 16px;
  line-height: 20px;
  color: #1b1b1b;
  font-family: 'Open Sans', Arial, '微軟正黑體', sans-serif;
}
.banner .btn-medium {
  float: right;
  padding: 16px 38px 18px 38px;
  margin-top: 4px;
}
.box_banner {padding: 0;}
.box_banner .btn-small {letter-spacing: 1px;}

.block_banner {
  background: #df4312;
  padding: 15px 0 20px 100px;
  position: relative;
  font-family: 'Open Sans', Arial, '微軟正黑體', sans-serif;
  font-size: 28px;
  line-height: 1em;
  text-transform: uppercase;
  color: #ffffff;
  font-weight: 300;
  -webkit-box-shadow: inset 0 0 32px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: inset 0 0 32px rgba(0, 0, 0, 0.16);
  box-shadow: inset 0 0 32px rgba(0, 0, 0, 0.16);
  letter-spacing: -1px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.block_banner p {
  margin-bottom: 14px;
  color: #ffffff;
  font-size: 28px;
}
.block_banner:hover {
  background: #ffffff;
  color: #df4312;
}
.block_banner:hover p {
  color: #333333;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.block_banner:hover i {
  -webkit-animation: toRightFromLeft 0.3s forwards;
  -moz-animation: toRightFromLeft 0.3s forwards;
  animation: toRightFromLeft 0.3s forwards;
  color: #ffffff;
}
.block_banner:hover .badge_icon {
  background: #df4312;
  -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.5);
  box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.5);
}
.block_banner span {
  font-weight: 900;
  font-size: 32px;
  line-height: 1em;
  display: block;
}
.block_banner .badge_icon {
  position: absolute;
  font-size: 30px;
  display: block;
  background: #2a2a2a;
  overflow: hidden;
  width: 60px;
  height: 60px;
  -webkit-border-radius: 620px;
  -moz-border-radius: 620px;
  border-radius: 620px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  padding: 0;
  left: 20px;
  text-align: center;
  top: 20px;
  -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.7);
  -moz-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.7);
  box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.7);
}
.block_banner i {
  font-size: 30px;
  display: block;
  color: #ffffff;
  line-height: 60px;
}
.block_banner a.btn-small {
  margin: 0;
  padding: 9px 29px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: none !important;
}
.block_banner a.btn-small:hover {color: #ffffff;}
.block_banner.block_banner-extra {background: #292929;}
.block_banner.block_banner-extra .badge_icon {
  -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.15);
  background: #f0f0f0;
}
.block_banner.block_banner-extra i {color: #1b1b1b;}
.block_banner.block_banner-extra.block_banner-extra:hover {
  background: #ffffff;
  color: #df4312;
}
.block_banner.block_banner-extra.block_banner-extra:hover .badge_icon {
  -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.5);
  box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.5);
  background: #df4312;
}
.block_banner.block_banner-extra.block_banner-extra:hover i {
  overflow: hidden;
  color: #ffffff;
}

/*-----------------row banners_1*/
.box-banner_1 {
  padding: 20px 0 42px;
  -webkit-perspective: 800px;
  -moz-perspective: 800px;
  -ms-perspective: 800px;
  -o-perspective: 800px;
  perspective: 800px;
}
.box-banner_1 .hover {
  display: block;
  text-decoration: none;
  position: relative  ;
  -webkit-transition: -webkit-transform 1s;
  -moz-transition: -moz-transform 1s;
  -ms-transition: -moz-transform 1s;
  -o-transition: -moz-transform 1s;
  transition: -moz-transform 1s;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.box-banner_1 .hover > img {
  position: relative;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}
.box-banner_1 .hover > img.back {
  position: absolute;
  top: 0;
  left: 0;
}
.box-banner {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  padding-left: 20px;
  padding-right: 20px;
  margin-bottom: 43px;
}
.box-tabs.extra {margin-top: 3px;}
.box-tabs {
  background-color: #ffffff;
  padding-bottom: 3px;
  margin: 60px 0 42px;
  overflow: hidden;
  position: relative;
}
.box-tabs h2 {
  font-size: 36px;
  line-height: 1em;
  color: #1b1b1b;
  margin-bottom: 20px;
}
.box-tabs h2 strong {font-weight: 900;}
.box-tabs p {
  font-size: 16px;
  line-height: 24px;
}
.box-tabs .main-sldier {
  background: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.box-tabs .main-sldier:after {display: none;}
.box-tabs.extra {margin-top: 3px;}
.box-tabs.extra .inner_text {padding-left: 0;}
.inner_text {padding: 24px 10px 24px 24px;}


/*----------table---------------*/
.div_table {padding: 10px 0 51px 0;}
.table_plan {
  width: 100%;
  text-align: center;
}
.table_plan tr .first_td {
  text-align: left;
  border-left: none;
  color: #6a6a6a;
  font-size: 14px;
  line-height: 31px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 4px 0 0 20px;
}
.table_plan tr td {
  border-left: 1px solid #e2e2e2;
  color: #1b1b1b;
  height: 34px;
}
.table_plan tr td i.fa-check {color: #489d10;}
.table_plan tr td i.fa-times {color: #da2f10;}
.table_plan tr.table_bg_1 td,
.table_plan tr.table_bg_2 td {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.table_plan tr.table_bg_1 td:hover,
.table_plan tr.table_bg_2 td:hover {background: #e6e4e4;}
.table_plan tr.table_bg_1 {background: #f0f0f0;}
.table_plan tr.table_bg_2 {background: #ffffff;}
.table_plan .head_table {text-align: center;}
.table_plan .head_table td.table_green {background: #449b0a;}
.table_plan .head_table td.table_selected {
  background: #df4312;
  margin: -20px 0 0 0;
  display: block;
  padding: 20px 0;
  font-size: 22px;
}
.table_plan .head_table td.table_selected strong {font-size: 30px;}
.table_plan .head_table td {
  background: #2a2a2a;
  font-size: 18px;
  color: #ffffff;
  text-transform: uppercase;
  font-family: 'Open Sans', Arial, '微軟正黑體', sans-serif;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
  font-weight: 300;
  height: auto;
}
.table_plan .head_table td a {color: #ffffff;}
.table_plan .head_table td span {
  display: block;
  font-size: 14px;
  text-transform: none;
  line-height: 20px;
  margin: 6px 0 3px 0;
}
.table_plan .head_table td span strong {font-size: 26px;}
.table_plan .head_table td:first-child {background: none;}
.table_plan .footer_table {text-align: center;}
.table_plan .footer_table td.table_green {
  background-color: #489b0c;
  background-image: -moz-linear-gradient(top, #52a40f, #398e08);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#52a40f), to(#398e08));
  background-image: -webkit-linear-gradient(top, #52a40f, #398e08);
  background-image: -o-linear-gradient(top, #52a40f, #398e08);
  background-image: linear-gradient(to bottom, #52a40f, #398e08);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff52a40f', endColorstr='#ff398e08', GradientType=0);
}
.table_plan .footer_table td.table_selected {
  margin: 0 0 -15px 0;
  display: block;
  background-color: #2498ff;
  background-image: -moz-linear-gradient(top, #2ba1ff, #198aff);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2ba1ff), to(#198aff));
  background-image: -webkit-linear-gradient(top, #2ba1ff, #198aff);
  background-image: -o-linear-gradient(top, #2ba1ff, #198aff);
  background-image: linear-gradient(to bottom, #2ba1ff, #198aff);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2ba1ff', endColorstr='#ff198aff', GradientType=0);
  font-size: 22px;
}
.table_plan .footer_table td.table_selected a {
  display: block;
  padding: 15px 0;
}
.table_plan .footer_table td.table_selected strong {font-size: 30px;}
.table_plan .footer_table td {
  font-size: 18px;
  color: #ffffff;
  text-transform: uppercase;
  font-family: 'Open Sans', Arial, '微軟正黑體', sans-serif;
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
  font-weight: 300;
  height: auto;
  background-color: #2f2f2f;
  background-image: -moz-linear-gradient(top, #373737, #232323);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#373737), to(#232323));
  background-image: -webkit-linear-gradient(top, #373737, #232323);
  background-image: -o-linear-gradient(top, #373737, #232323);
  background-image: linear-gradient(to bottom, #373737, #232323);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff373737', endColorstr='#ff232323', GradientType=0);
}
.table_plan .footer_table td:hover {
  background-color: #2b2b2b;
  background-image: -moz-linear-gradient(top, #232323, #373737);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#232323), to(#373737));
  background-image: -webkit-linear-gradient(top, #232323, #373737);
  background-image: -o-linear-gradient(top, #232323, #373737);
  background-image: linear-gradient(to bottom, #232323, #373737);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff232323', endColorstr='#ff373737', GradientType=0);
}
.table_plan .footer_table td a {
  color: #ffffff;
  display: block;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  padding: 11px 0;
}
.table_plan .footer_table td span {
  display: block;
  font-size: 14px;
  text-transform: none;
  line-height: 20px;
  margin: 6px 0 3px 0;
}
.table_plan .footer_table td span strong {font-size: 26px;}
.table_plan .footer_table td:first-child {background: none;}

.div_table_1 {
  margin: 10px 0 60px;
  padding: 10px;
  background-color: #ffffff;
  *zoom: 1;
  text-align: center;
}
.div_table_1:before,
.div_table_1:after {
  display: table;
  content: "";
  line-height: 0;
}
.div_table_1:after {clear: both;}
.div_table_1 > div {
  float: left;
  border-left: 10px solid #fff;
  width: 222px;
  position: relative;
  z-index: 1;
}
.div_table_1 > div > span,
.div_table_1 > div > em {
  padding: 6px 0;
  display: block;
  color: #1b1b1b;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.div_table_1 > div > span:hover,
.div_table_1 > div > em:hover {background: #e6e4e4;}
.div_table_1 > div > em {
  font-style: normal;
  background: #f0f0f0;
}
.div_table_1 .first_div_block {margin-left: -10px;}
.div_table_1 .selected_div {
  margin: -30px -10px -30px 0;
  position: relative;
  z-index: 10;
  width: 222px;
  border: 10px solid #ffffff;
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
.div_table_1 .selected_div .div_head,
.div_table_1 .selected_div .footer_div {padding: 25px 0;}
.div_table_1 .selected_div .footer_div {padding: 19px 0;}
.div_table_1 .div_head,
.div_table_1 .footer_div {
  background: #2a2a2a;
  padding: 15px 0 17px;
}
.div_table_1 .div_head h2,
.div_table_1 .footer_div h2,
.div_table_1 .div_head h2 a,
.div_table_1 .footer_div h2 a {
  font-size: 18px;
  line-height: 1em;
  font-weight: 400;
  color: #ffffff;
}
.div_table_1 .div_head h2 a,
.div_table_1 .footer_div h2 a {
  display: block;
  padding: 14px 0;
}
.div_table_1 .div_head h4,
.div_table_1 .footer_div h4 {
  font-size: 14px;
  line-height: 14px;
  font-weight: normal;
  color: #ffffff;
  margin-top: 11px;
  padding: 0;
}
.div_table_1 .div_head h4 span,
.div_table_1 .footer_div h4 span {
  font-size: 26px;
  font-weight: bold;
}
.div_table_1 .footer_div {
  padding: 0;
  background-color: #2f2f2f;
  background-image: -moz-linear-gradient(top, #373737, #232323);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#373737), to(#232323));
  background-image: -webkit-linear-gradient(top, #373737, #232323);
  background-image: -o-linear-gradient(top, #373737, #232323);
  background-image: linear-gradient(to bottom, #373737, #232323);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff373737', endColorstr='#ff232323', GradientType=0);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.div_table_1 .footer_div:hover {
  background-color: #2b2b2b;
  background-image: -moz-linear-gradient(top, #232323, #373737);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#232323), to(#373737));
  background-image: -webkit-linear-gradient(top, #232323, #373737);
  background-image: -o-linear-gradient(top, #232323, #373737);
  background-image: linear-gradient(to bottom, #232323, #373737);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff232323', endColorstr='#ff373737', GradientType=0);
}
.div_table_1 .footer_div.first_div {
  background-color: #489b0c;
  background-image: -moz-linear-gradient(top, #52a40f, #398e08);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#52a40f), to(#398e08));
  background-image: -webkit-linear-gradient(top, #52a40f, #398e08);
  background-image: -o-linear-gradient(top, #52a40f, #398e08);
  background-image: linear-gradient(to bottom, #52a40f, #398e08);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff52a40f', endColorstr='#ff398e08', GradientType=0);
}
.div_table_1 .footer_div.first_div:hover {
  background-color: #2b2b2b;
  background-image: -moz-linear-gradient(top, #232323, #373737);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#232323), to(#373737));
  background-image: -webkit-linear-gradient(top, #232323, #373737);
  background-image: -o-linear-gradient(top, #232323, #373737);
  background-image: linear-gradient(to bottom, #232323, #373737);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff232323', endColorstr='#ff373737', GradientType=0);
}
.div_table_1 .footer_div.thrird_div {
  background-color: #2498ff;
  background-image: -moz-linear-gradient(top, #2ba1ff, #198aff);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2ba1ff), to(#198aff));
  background-image: -webkit-linear-gradient(top, #2ba1ff, #198aff);
  background-image: -o-linear-gradient(top, #2ba1ff, #198aff);
  background-image: linear-gradient(to bottom, #2ba1ff, #198aff);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2ba1ff', endColorstr='#ff198aff', GradientType=0);
  padding: 0;
}
.div_table_1 .footer_div.thrird_div:hover {
  background-color: #2b2b2b;
  background-image: -moz-linear-gradient(top, #232323, #373737);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#232323), to(#373737));
  background-image: -webkit-linear-gradient(top, #232323, #373737);
  background-image: -o-linear-gradient(top, #232323, #373737);
  background-image: linear-gradient(to bottom, #232323, #373737);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff232323', endColorstr='#ff373737', GradientType=0);
}
.div_table_1 .footer_div.thrird_div h2 a {padding: 18px 0 19px;}
.div_table_1 .first_div {background: #449b0a;}
.div_table_1 .thrird_div {background: #df4312;}

.box_news > div {
  margin-bottom: 15px;
  *zoom: 1;
}
.box_news > div:before,
.box_news > div:after {
  display: table;
  content: "";
  line-height: 0;
}
.box_news > div:after {clear: both;}
.box_news .extra-wrap {*zoom: 1;}
.box_news .extra-wrap:before,
.box_news .extra-wrap:after {
  display: table;
  content: "";
  line-height: 0;
}
.box_news .extra-wrap:after {clear: both;}
.box_news .badge {margin-top: 0;}
.box_news p {padding-top: 8px;}
.box_news.extra > section.block-news,
section.block-news {
  margin-bottom: 40px;
  *zoom: 1;
}
.box_news.extra > section.block-news:before,
.box_news.extra > section.block-news:after {
  display: table;
  content: "";
  line-height: 0;
}
.box_news.extra > section.block-news:after {clear: both;}
.box_news.extra > section.block-news blockquote {margin-bottom: 4px;}


/*------tabs----------*/
.tabs,
.tabs_1 {
  padding-bottom: 30px;
  position: relative;
}
.tabs ul,
.tabs_1 ul {
  position: absolute;
  *zoom: 1;
  display: block;
  text-align: center;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  padding: 0;
}
.tabs ul:before,
.tabs_1 ul:before,
.tabs ul:after,
.tabs_1 ul:after {
  display: table;
  content: "";
  line-height: 0;
}
.tabs ul:after,
.tabs_1 ul:after {clear: both;}
.tabs ul li,
.tabs_1 ul li {
  display: inline-block;
  margin: 0 3px;
}
.tabs ul li a,
.tabs_1 ul li a {
  display: block;
  width: 10px;
  height: 10px;
  background: #bababa;
  -webkit-border-radius: 620px;
  -moz-border-radius: 620px;
  border-radius: 620px;
}
.tabs ul li a:hover,
.tabs_1 ul li a:hover {background: #2299ff;}
.tabs ul .ui-state-active a,
.tabs_1 ul .ui-state-active a {background: #2299ff;}
.tabs > div iframe,
.tabs_1 > div iframe {width: 100%;}


/*----------search------------*/
#search {
  position: relative;
  overflow: hidden;
  margin: 9px 0 0 0;
}
#search input {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  display: block;
  float: left;
  margin: 0 0 30px 0;
  padding: 0;
  width: 100%;
  height: 42px;
  border: none;
  background: transparent;
  color: #6a6a6a;
  font-size: 16px;
  font-family: Arial, '微軟正黑體', Helvetica, sans-serif;
  line-height: 24px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#search input:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
#search a {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  position: relative;
  z-index: 1;
  display: inline-block;
  float: none;
  margin: 0 0 0 0;
  padding: 0;
  color: #ffffff;
  text-decoration: none;
  text-shadow: none;
  font-weight: normal;
  font-size: 17px;
  line-height: 22px;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
}

._4s7c,
.pluginBoxDivider {border: none!important;}

.box-features {margin-bottom: 40px;}
.box-features .badge_ {
  float: none;
  margin: 0 0 18px;
  position: relative;
  top: 0;
  bottom: 0;
  display: inline-block;
}
.box-features .inner-block1 {
  padding: 39px 20px 19px;
  text-align: center;
  display: block;
}
.box-features .block-info h4 {
  margin-bottom: 22px;
  line-height: 24px;
}
.box-features .block-info p {color: #6a6a6a;}
.box-features .block-info,
.box-features .block-info h4,
.box-features .block-info p {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.box-features .block-info:hover {
  background: #df4312;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.box-features .block-info:hover h4,
.box-features .block-info:hover p {color: #ffffff;}
.box-features .inner-block1:hover .badge_ {
  background: #2a2a2a;
  -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.7);
  -moz-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.7);
  box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.7);
}
.box-features .inner-block1:hover .badge_ i:before {
  -webkit-animation: toRightFromLeft 0.3s forwards;
  -moz-animation: toRightFromLeft 0.3s forwards;
  animation: toRightFromLeft 0.3s forwards;
  color: #ffffff;
}


/***** box-form-account *****/
.box-form-account {
  margin-left: 70px;
  padding: 30px 25px 42px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.4);
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.4);
}
.box-form-account h3 {
  color: white;
  padding: 6px;
  text-transform: uppercase;
  font-family: 'Open Sans', Arial, '微軟正黑體', sans-serif;
  margin-bottom: 18px;
  letter-spacing: -1px;
}


/*-----baner-text-1-------*/
.baner-text-1 {padding: 48px 0 31px 0;}
.baner-text-1 h3 {
  font-family: 'Open Sans', Arial, '微軟正黑體', sans-serif;
  font-weight: 800;
  color: #df4312;
  font-size: 55px;
  line-height: 58px;
  margin: 0;
  padding: 0;
}
.baner-text-1 h4 {
  font-family: 'Open Sans', Arial, '微軟正黑體', sans-serif;
  font-weight: 300;
  color: #1b1b1b;
  font-size: 45px;
  line-height: 48px;
  margin: 0;
  padding: 0 0 12px;
}
.baner-text-1 p {
  font-family: 'Open Sans', Arial, '微軟正黑體', sans-serif;
  font-weight: normal;
  color: #6a6a6a;
  font-size: 18px;
  line-height: 28px;
  margin: 0;
  padding: 0;
}


/*-----block-produc-------*/
.block-product {position: relative;}

@media (max-width: 1199px) {
  .block-product {
    padding-bottom: 50px;
  }
  .product_shop .block-product {
    padding-bottom: 0;
  }
}

.box-product,
.box-product-hover {
  padding: 10px;
  background: #ffffff;
  border-bottom: 3px solid #df4312;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
  margin: 0;
  text-align: center;
  z-index: 10;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  filter: alpha(opacity=100);
}
.box-product-hover {
  display: none;
  position: absolute;
  z-index: 100;
  top: 50%;
  left: 50%;
  margin: -260px 0 0 -155px;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -ms-transform: scale(0.5);
  -o-transform: scale(0.5);
  transform: scale(0.5);
  z-index: 20;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.box-product-hover h5.product-name a {color: #df4312;}
.box-product-hover h5.product-name a:hover {color: #1b1b1b;}

.rating {
  line-height: 0;
  margin: 11px 0 2px;
  text-align: center;
}
.rating img {display: inline-block !important;}
.block-btns {
  text-align: center;
  padding: 14px 0 10px;
}
.block-btns a {
  display: inline-block;
  width: 21%;
  text-align: center;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border-bottom: 1px solid #0d4681;
  -webkit-box-shadow: 0 2px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 2px rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px rgba(0, 0, 0, 0.3);
  font-size: 24px;
  line-height: 38px;
  color: #ffffff;
  margin: 0 2px;
}
.block-btns a:before {font-family: FontAwesome;}
.block-btns a:hover {
  background-color: #282828;
  background-image: -moz-linear-gradient(top, #373737, #121212);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#373737), to(#121212));
  background-image: -webkit-linear-gradient(top, #373737, #121212);
  background-image: -o-linear-gradient(top, #373737, #121212);
  background-image: linear-gradient(to bottom, #373737, #121212);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff373737', endColorstr='#ff121212', GradientType=0);
  color: #ffffff;
}
.block-btns .button-cart {
  background-color: #2498ff;
  background-image: -moz-linear-gradient(top, #2ba1ff, #198aff);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2ba1ff), to(#198aff));
  background-image: -webkit-linear-gradient(top, #2ba1ff, #198aff);
  background-image: -o-linear-gradient(top, #2ba1ff, #198aff);
  background-image: linear-gradient(to bottom, #2ba1ff, #198aff);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2ba1ff', endColorstr='#ff198aff', GradientType=0);
}
.block-btns .button-cart:before {content: "";}
.block-btns .button-like,
.block-btns .button-compare {
  color: #1b1b1b;
  background-color: #e1e1e1;
  background-image: -moz-linear-gradient(top, #e4e4e4, #dcdcdc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e4e4e4), to(#dcdcdc));
  background-image: -webkit-linear-gradient(top, #e4e4e4, #dcdcdc);
  background-image: -o-linear-gradient(top, #e4e4e4, #dcdcdc);
  background-image: linear-gradient(to bottom, #e4e4e4, #dcdcdc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe4e4e4', endColorstr='#ffdcdcdc', GradientType=0);
  border-bottom: 1px solid #a7a7a7;
}
.block-btns .button-like:before {content: "";}
.block-btns .button-compare:before {content: "\f0c5";}

@media (min-width: 1200px) {
  .block-product {
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    height: 360px;
  }
  .block-product:hover {
    height: 482px;
  }
  .box-product-hover {
    display: block;
  }
  .box-product .rating,
  .box-product .block-btns {
    display: none;
  }
  .block-product:hover .box-product-hover {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    margin-top: -241px;
    z-index: 1000;
  }
  .block-product:hover .box-product {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
  }
}

a.img-product {
  display: block;
  position: relative;
  margin-bottom: 12px;
}
h5.product-name {
  font-size: 1.13em;
  line-height: 145%;
  font-weight: bold;
  min-height: 40px;
  margin-bottom: 6px;
  color: #1b1b1b;
}
h5.product-name a {color: #1b1b1b;}
h5.product-name a:hover {color: #df4312;}

.price {
  color: #df4312;
  font-size: 16px;
  line-height: 18px;
}
.price-old {
  color: #6a6a6a;
  margin-right: 5px;
  text-decoration: line-through;
}
span.hot {
  background-color: #df4312;
  background-image: -moz-linear-gradient(top, #df4312, #d23f11);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#df4312), to(#d23f11));
  background-image: -webkit-linear-gradient(top, #df4312, #d23f11);
  background-image: -o-linear-gradient(top, #df4312, #d23f11);
  background-image: linear-gradient(to bottom, #df4312, #d23f11);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdf4312', endColorstr='#ffd23f11', GradientType=0);
  -webkit-border-radius: 25px 0 25px 25px;
  -moz-border-radius:  25px 0 25px 25px;
  border-radius:  25px 0 25px 25px;
  color: #ffffff;
  display: block;
  font-family: 'Open Sans', Arial, '微軟正黑體', sans-serif;
  font-size: 12px;
  font-weight: 700;
  height: 30px;
  letter-spacing: 1px;
  line-height: 30px;
  padding: 0 10px;
  position: absolute;
  right: 5px;
  text-transform: uppercase;
  top: 5px;
}


/*----row-video-slider-------*/
.row-video-slider {
  background: #f0f0f0;
  padding: 30px 0;
}


/*----progress-bar-------*/
.progress {
  background: #f0f0f0;
  height: 50px;
  margin: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.progress.bar {
  background: #df4312;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  color: #FFFFFF;
  float: left;
  font-size: 14px;
  font-weight: bold;
  text-shadow: none;
  height: 100%;
  line-height: 50px;
  text-align: left;
  -webkit-transition: width 0.6s ease 0s;
  -moz-transition: width 0.6s ease 0s;
  -o-transition: width 0.6s ease 0s;
  transition: width 0.6s ease 0s;
  -webkit-border-top-right-radius: 0;
  -moz-border-radius-topright: 0;
  border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -moz-border-radius-bottomright: 0;
  border-bottom-right-radius: 0;
  width: 0;
}
.progress.bar span {margin-left: 21px;}


/*----list-progress-------*/
.list-progress {margin: 0;}
.list-progress li {
  margin-bottom: 5px;
  font-size: 14px;
}


/*----list-sitemap-------*/
.list-sitemap {
  margin: 0;
  padding-bottom: 12px;
}
.list-sitemap li {
  border-top: 1px solid #f0f0f0;
  padding: 8px 0 0;
  margin-top: 8px;
}
.list-sitemap > li:first-child {
  padding-top: 0;
  margin-top: 0;
  border: none;
}
.list-sitemap a {
  color: #1b1b1b;
  font-size: 16px;
  line-height: 18px;
  font-weight: bold;
}
.list-sitemap a:hover {color: #df4312;}
.list-sitemap .sub-menu > a {cursor: default;}
.list-sitemap .sub-menu > a:hover {color: #1b1b1b;}
.list-sitemap ul {margin: 0;}
.list-sitemap ul li {padding-left: 22px;}
.list-sitemap ul li a {font-weight: normal;}
.block-sitemap {margin-top: 19px;}
.list-links {margin: 0;}


/*----row-404-------*/
.row-extra-content {
  background: #F0F0F0;
  padding: 49px 0 58px;
  text-align: center;
}
.row-extra-content h2 {
  font-size: 60px;
  line-height: 62px;
  font-weight: 600;
  text-transform: none;
}
.row-extra-content h2 span {
  display: block;
  font-size: 16px;
  line-height: 18px;
  font-weight: normal;
  margin-top: 17px;
}
.row-countdown {padding: 31px 0;}
.row-countdown h2 {
  font-size: 36px;
  line-height: 38px;
}


/* ----------------------------------------------------------------
    Coming Soon
-----------------------------------------------------------------*/
.countdown_row {
  display: block;
  position: relative;
  text-align: center;
  margin-top: 20px;
}
.countdown_section {
  display: inline-block;
  background: #f0f0f0;
  text-align: center;
  margin: 0 15px;
  font-size: 16px;
  line-height: 16px;
  font-family: Arial, '微軟正黑體', Helvetica, sans-serif;
  color: #6a6a6a;
  width: 170px;
  padding-bottom: 10px;
  text-transform: lowercase;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
}
.countdown_amount {
  font-size: 100px;
  line-height: 1em;
  font-weight: 300;
  background: #ffffff;
  display: block;
  padding: 15px 0 19px;
  text-align: center;
  color: #df4312;
  font-family: 'Open Sans', Arial, '微軟正黑體', sans-serif;
  letter-spacing: -6px;
  margin-bottom: -5px;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
}
.countdown_descr {
  display: block;
  width: 100%;
}


/***** contact form *****/
#contact-form {
  position: relative;
  vertical-align: top;
  z-index: 1;
  margin: 0;
}
#contact-form input {
  padding: 10px 13px;
  font-family: Arial, '微軟正黑體', Helvetica, sans-serif;
  height: 40px;
  margin: 0 0 10px 0 ;
  font-size: 14px;
  line-height: 20px;
  color: #999898;
  background: #f0f0f0;
  outline: none;
  border: none;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.15);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
#contact-form .button-form {padding-top: 20px;}
#contact-form a {margin-left: 28px;}

.slider-img {margin: 0;}
.block-widget.extra {margin-top: 20px;}
.block-widget.extra1 .btn-small {margin: 4px 0 18px;}
.block-widget {
  background: none repeat scroll 0 0 #ffffff;
  border:1px solid #dfdfdf;
  -webkit-border-radius: 0 5px 5px 5px;
  -moz-border-radius: 0 5px 5px 5px;
  border-radius: 0 5px 5px 5px;
  overflow: hidden;
  padding: 20px 20px 13px 20px;
  margin-bottom: 30px;
  position: relative;
  z-index: 1;
}
.block-widget h4.heading-h4 {
  border-bottom: 2px solid #f0f0f0;
  padding: 7px 0 17px;
  margin-bottom: 24px;
}
.block-widget p {
  font-size: 14px;
  line-height: 21px;
}
.row-slider-2 {
  background: url(../img/bg-row-slider-2.jpg) no-repeat 50% 0;
  padding: 40px 0 0;
  overflow: hidden;
  position: relative;
}
.row-slider-2 h2 {
  font-size: 36px;
  line-height: 38px;
  color: #ffffff;
  font-family: 'Open Sans', Arial, '微軟正黑體', sans-serif;
  text-transform: none;
  font-weight: bold;
  margin: 0  0 16px;
}
.list-info {
  list-style: none;
  margin: 0 0 56px;
}
.list-info li {
  position: relative;
  padding-left: 36px;
  margin-bottom: 9px;
}
.list-info li:before {
  content: "";
  font-family: FontAwesome;
  color: #ffffff;
  position: absolute;
  top: 3px;
  left: 0;
  font-size: 24px;
  line-height: 26px;
}
.list-info li a {
  color: #ffffff;
  font-family: 'Open Sans', Arial, '微軟正黑體', sans-serif;
  font-weight: bold;
  font-size: 16px;
  line-height: 18px;
}
.list-info li a:hover {color: #df4312;}
.list-info li span {
  font-family: 'Open Sans', Arial, '微軟正黑體', sans-serif;
  color: #ffffff;
  display: block;
  font-size: 14px;
  line-height: 16px;
  margin-top: 3px;
}
.btn-price {
  background: rgba(0, 0, 0, 0.2);
  display: inline-block;
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.4);
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.4);
  padding: 10px;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}
.btn-price strong {
  font-family: 'Open Sans', Arial, '微軟正黑體', sans-serif;
  color: #ffffff;
  font-size: 30px;
  line-height: 32px;
  font-weight: bold;
  display: inline-block;
  padding: 0 10px;
}
.btn-price strong span {font-weight: 300;}
.btn-price .btn-medium {
  font-size: 26px;
  padding-left: 38px;
  padding-right: 38px;
  line-height: 28px;
}
.block-info1 {
  margin-bottom: 30px;
  /*position:relative;z-index:900*/
}


/*----list-categories-------*/
.list-categories {margin: -2px 0 10px;}
.list-categories li {
  border-top: 1px solid #f0f0f0;
  margin-top: 7px;
  padding-top: 9px;
}
.list-categories li:first-child {
  border: none;
  margin: 0;
  padding: 0;
}
.list-categories li a {
  font-size: 14px;
  line-height: 18px;
  color: #1b1b1b;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.list-categories li a:hover {color: #df4312;}
.col-right,
.col-left {margin-top:15px;}


/*----list-categories-------*/
.list-comments {margin: 0;}
.list-comments li {
  padding-left: 27px;
  margin-bottom: 12px;
  font-size: 14px;
  color: #6a6a6a;
  line-height: 20px;
  position: relative;
}
.list-comments li:hover:before {color: #df4312;}
.list-comments li:before {
  font-family: FontAwesome;
  font-size: 16px;
  line-height: 18px;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  color: #1b1b1b;
}
.list-comments li a {color: #1b1b1b;}
.list-comments li a:hover {color: #df4312;}

.extra-marg,
.carousel.extra-marg {margin-top: 20px;}
.box-tags {margin: -4px 0 12px;}
.box-tags a {margin: 0 1px 5px 0;}

.block-control {
  overflow: hidden;
  border-top: 1px solid #e4e4e2;
  padding-top: 18px;
}
.block-control .results {
  float: left;
  font-size: 13px;
}
.block-control .control-post {
  overflow: hidden;
  float: right;
}
.block-control .control-post a {
  float: left;
  margin-left: 6px;
  color: #1b1b1b;
  font-size: 13px;
  padding: 0 4px;
}
.block-control .control-post a.active,
.block-control .control-post a:hover {color: #df4312;}
.block-control .control-post .control-btn {
  font-size: 14px;
  padding: 0;
  width: 23px;
  line-height: 22px;
  height: 23px;
  text-align: center;
}
.block-control .control-post .control-btn:hover {color: #df4312;}


/*======================flicker======================*/
#basicuse.thumbs,
#basicuse2.thumbs {
  margin: 0 0 0 -5px;
  padding: 0 0 10px ;
  list-style: none;
  overflow: hidden;
}
#basicuse.thumbs li,
#basicuse2.thumbs li {
  float: left;
  margin: 0 0 5px 5px;
}
#basicuse.thumbs li img,
#basicuse2.thumbs li img {
  width: 70px;
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#basicuse.thumbs li a:hover img,
#basicuse2.thumbs li a:hover img {
  opacity: 0.5;
  filter: alpha(opacity=50);
}


/*======================row-title======================*/
.row-title {
  background:#f7f6f5;
  padding:15px 0 10px 0;
  border-bottom:1px dotted #e4e4e4;
}
.row-title h2 {
  font-weight: 600;
  font-size: 36px;
  line-height: 38px;
  color: #1b1b1b;
  text-transform: none;
  margin: 0;
  float: left;
}
.row-title .breadcrumb {
  background: none;
  float:right;
  padding:0 ;
  margin:0;
  font-size: 13px;
}
.row-title .breadcrumb i {
  margin:0 2px;
  color:#a4a4a4;
}


/*======================block-statistics======================*/
.block-statistics {
  background: white;
  margin-top: 35px;
  padding: 25px 0 12px;
}
.block-statistics h3 {padding-top: 36px;}

.box-company span {
  display: block;
  font-size: 16px;
  color: #6a6a6a;
  line-height: 16px;
}
.box-company strong {
  font-family: 'Open Sans', Arial, '微軟正黑體', sans-serif;
  font-weight: 300;
  font-size: 150px;
  line-height: 150px;
  color: #df4312;
  letter-spacing: -10px;
  margin: -16px 0 0 -6px;
  display: block;
}
.box-customers {
  padding-bottom: 20px;
  padding-top: 26px;
}
.box-customers i {
  font-size: 82px;
  line-height: 82px;
  color: #1b1b1b;
  margin-top: 4px;
}
.box-customers strong,
.box-customers span {
  font-family: 'Open Sans', Arial, '微軟正黑體', sans-serif;
  color: #1b1b1b;
  line-height: 1em;
  display: block;
}
.box-customers strong {
  font-weight: 800;
  font-size: 48px;
}
.box-customers span {
  font-weight: normal;
  font-size: 30px;
}


/*======================block-team======================*/
.block-team {
  padding-top: 12px;
  margin-bottom: 13px;
}
.block-team ul {margin: 0;}
.block-team ul li {
  z-index: 1;
  position: relative;
}
.block-team .box-team {
  position: relative;
  margin-bottom: 30px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.block-team figure {margin: 0;}
.block-team figure img {
  -webkit-border-radius: 6px 6px 0 0;
  -moz-border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0 0;
}
.block-team .details {
  background: #df4312;
  -webkit-border-radius: 0 0 6px 6px;
  -moz-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px;
  padding: 18px 19px 15px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.block-team .details h5 {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: #ffffff;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 12px;
}
.block-team .details h5 span {
  display: block;
  font-size: 13px;
  color: #ffffff;
  font-weight: normal;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.block-team .details .box-info {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  overflow: hidden;
}
.block-team .details .box-info p {
  color: #ffffff;
  line-height: 21px;
  margin-bottom: 24px;
}
.block-team .z-hover {z-index: 100;}

.list-social {margin: 0;}
.list-social li {
  float: left;
  margin-right: 5px;
  margin-bottom: 5px;
}
.list-social li a {
  width: 35px;
  height: 35px;
  background: #262626;
  text-align: center;
  display: block;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.list-social li a i {
  font-size: 16px;
  line-height: 35px;
  color: #ffffff;
}
.list-social li .mail:hover {background: #e92d00;}
.list-social li .facebook:hover {background: #3b5998;}
.list-social li .twitter:hover {background: #2daae1;}
.list-social li .google:hover {background: #f63e28;}
.list-social li .linkedin:hover {background: #0073b2;}

.box-photo {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  overflow: hidden;
  margin: 0;
}
.box-photo span {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: url(../img/shadow.png) 0 0 repeat;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  opacity: 0;
  transition: all 0.3s ease 0s;
}
.box-photo strong {
  display: block;
  position: absolute;
  left: 50%;
  width: 50px;
  height: 50px;
  background: rgba(13,15,18,0.8);
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  z-index: 5;
  opacity: 0;
  top: 50%;
  transition: all 0.3s ease 0s;
  margin-top: -25px;
  margin-left: -25px;
  text-align: center;
}
.box-photo strong:before{
  font-family: FontAwesome;
  font-size: 18px;
  line-height: 50px;
  content: "\f067";
  color: #ffffff;
}
.box-photo:hover {
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
}
.box-photo:hover span {
  opacity: 1;
  filter: alpha(opacity=100);
}
.box-photo:hover strong {
  opacity: 1;
  filter: alpha(opacity=100);
}


/*----process-----*/
.process-container h4 {
  padding-top: 0;
  font-size: 18px;
  margin-top: -4px;
}
.process-container p {color: #6a6a6a;}

.item {color: #aaaaaa;}
.item span.fa {
  display: block;
  text-transform: uppercase;
  font-weight: bold;
  color: #ffffff;
  font-size: 18px;
  line-height: 26px;
  margin-bottom: 11px;
}
.process-container.transition-slide {
  overflow: hidden;
  width: 100%;
  max-width: none;
  padding: 0px;
}
.process-container.transition-slide .item {float: left;}
.process-nav {
  position: relative;
  margin: 52px 0 40px;
  padding-bottom: 11px;
}
.process-wrap.owl-carousel .track {
  left:15px;
  right:15px;
  height: 10px;
  background: #ffffff;
  position: absolute;
  top:10px;
  z-index:-1;
  border: 1px solid #e4e4e2;
  -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.15);
}
.process-wrap.owl-carousel .track .fill {
  height: 4px;
  background: #df4312;
  width: 4px;
  margin-top: 3px;
}
.process-wrap.owl-carousel .owl-pagination > div{
  width: 30px;
  height: 30px;
  position: relative;
  display: block;
  float:left;
  cursor: pointer;
  background: url(../img/pags-stop.png) no-repeat 0 0;
}
.process-wrap.owl-carousel .owl-pagination > div:not(:last-child) {margin-right: 20px;}
.process-wrap.owl-carousel .owl-controls {
  position:relative;
  margin:40px 0;
}
.process-wrap.owl-carousel .owl-pagination > div.active {background-position: 0 bottom;}
.process-wrap.owl-carousel .owl-pagination > div:first-child {
  left: 0 !important;
  background: url(../img/pags-stop-first.png) no-repeat 0 0;
}
.process-wrap.owl-carousel .owl-pagination > div:first-child.active,
.process-wrap.owl-carousel .owl-pagination > div:first-child:hover {background-position: 0 bottom;}
.process-wrap.owl-carousel .owl-pagination > div:last-child {background: url(../img/pags-stop-last.png) no-repeat 0 0;}
.process-wrap.owl-carousel .owl-pagination > div:last-child.active,
.process-wrap.owl-carousel .owl-pagination > div:last-child:hover {background-position: 0 bottom;}

.item .icons-bg {
  -webkit-border-radius: 500px;
  -moz-border-radius: 500px;
  border-radius: 500px;
  background: #f0f0f0;
  width: 170px;
  height: 170px;
  margin: 3px auto 0 auto;
  -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.15);
}
.item .icons-bg > span {
  position: relative;
  color: #df4312;
  width: 170px;
  height: 170px;
  text-align: center;
}
.item .icons-bg > span:before {
  font-weight: normal;
  font-size: 92px;
  line-height: 170px;
  font-family: FontAwesome;
}


/*----process_steps-----*/
.process_steps {
  /*overflow: hidden;*/
  display:table;
  margin: 0 0 43px 0;
  width:100%;
}
.process_steps .step {
  display:table-cell;
  width: 20%;
  height:auto !important;
  padding: 30px 20px 25px;
  color: #ffffff;
  position: relative;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.process_steps .step:after {
  content: '';
  position: absolute;
  top: 50px;
  width: 10px;
  height: 40px;
  right: -10px;
  z-index: 1;
  display: block;
}
.process_steps .step.step1 {
  background: #76bfff;
  -webkit-border-radius: 6px 0 0 6px;
  -moz-border-radius: 6px 0 0 6px;
  border-radius: 6px 0 0 6px;
}
.process_steps .step.step1:after {background: url(../img/angle-step1.png) no-repeat 0 0;}
.process_steps .step.step2 {background: #46a9ff;}
.process_steps .step.step2:after {background: url(../img/angle-step2.png) no-repeat 0 0;}
.process_steps .step.step3 {background: #df4312;}
.process_steps .step.step3:after {background: url(../img/angle-step3.png) no-repeat 0 0;}
.process_steps .step.step4 {background: #0083f4 ;}
.process_steps .step.step4:after {background: url(../img/angle-step4.png) no-repeat 0 0;}
.process_steps .step.step5 {
  background: #0072d4;
  -webkit-border-radius: 0 6px 6px 0;
  -moz-border-radius: 0 6px 6px 0;
  border-radius: 0 6px 6px 0;
}
.process_steps .step h3 {
  font-family: 'Open Sans', Arial, '微軟正黑體', sans-serif;
  font-weight: 800;
  color: #ffffff;
  font-size: 32px;
  line-height: 34px;
  padding-bottom: 18px;
}
.process_steps .step p {
  font-size: 14px;
  line-height: 21px;
}
.process_steps .step i {
  width: 80px;
  height: 80px;
  font-size: 40px;
  line-height: 80px;
  padding-top: 0;
  text-align: center;
  display: block;
  -webkit-border-radius: 620px;
  -moz-border-radius: 620px;
  border-radius: 620px;
  background: #2a2a2a;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.7) inset;
  -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.7) inset;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.7) inset;
  margin: 0 auto;
}


/*----process_steps_v2----*/
.process_steps_v2 {margin: 0;}
.process_steps_v2 li {
  padding-bottom: 12px;
  margin-bottom: 30px;
  background: #ffffff;
  display: inline-block;
}
.process_steps_v2 li:hover {
  padding-bottom: 12px;
  margin-bottom: 30px;
  background: #ffffff;
  position: relative;
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
}
.process_steps_v2 li:after {
  background: #1D94FF;
  bottom: 0;
  content: "";
  display: block;
  height: 3px;
  left: 0;
  position: absolute;
  right: 0;
  clear: both;
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
}
.process_steps_v2 li:before {
  content: '';
  position: absolute;
  bottom: -11px;
  width: 40px;
  height: 12px;
  left: 100px;
  z-index: 1;
  display: block;
  background: url(../img/angle1-step.png) no-repeat 0 0;
  clear: both;
}
.process_steps_v2 li.last {margin-bottom: 0;}
.process_steps_v2 li.last:before {display: none;}
.process_steps_v2 li .namber-step {
  margin-left: 0;
  text-align: right;
  font-size: 150px;
  line-height: 1.1em;
  color: #def0ff;
  font-weight: bold;
  letter-spacing: -6px;
  font-family: 'Open Sans', Arial, '微軟正黑體', sans-serif;
}
.block-product .namber-step {
  display: inline-block;
  margin-left: 0;
  text-align: right;
  font-size: 150px;
  line-height: 1.1em;
  color: #def0ff;
  font-weight: bold;
  letter-spacing: -6px;
  font-family: 'Open Sans', Arial, '微軟正黑體', sans-serif;
}
.process_steps_v2 li p {padding-right: 20px;}
.process_steps_v2 li h3 {
  font-size: 36px;
  line-height: 1em;
  padding: 24px 0 17px;
}
.process_steps_v2 li h3 strong {font-weight: 800;}
.block-careers {padding-top: 22px;}


/* ----------------------------------------------------------------
    Toggle
-----------------------------------------------------------------*/
.toggle {
  display: block;
  position: relative;
  margin: 0 0 20px 0;
  background: #f7f6f5;
  border-radius: 4px;
  margin-bottom: 5px;
  border: 5px solid #f7f6f5;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.toggle.active {
  background: #ffffff;
  border: 5px solid #f0f0f0;
}
.toggle .togglet,
.toggle .toggleta {
  display: block;
  padding: 9px 15px;
  position: relative;
  cursor: pointer;
  margin: 0;
}
.toggle .togglet h5,
.toggle .toggleta h5 {font-weight: 600;}
.toggle .togglet h5:before,
.toggle .toggleta h5:before {
  font-family: FontAwesome;
  font-size: 16px;
  content: "";
  margin-right: 10px;
  font-weight: normal;
}
.toggle .togglet:hover h5,
.toggle .toggleta:hover h5 {color: #df4312;}
.toggle .toggleta h5:before {content: "";}
.toggle .togglec {
  display: none;
  position: relative;
  padding: 13px 20px;
  color: #6a6a6a;
  font-size: 14px;
  line-height: 21px;
}

.box-questions {margin-top: 20px;}
.search-links h4 {
  font-size: 18px;
  padding: 15px 0 18px;
  font-weight: 600;
  text-transform: uppercase;
}
.list-links li {
  padding-left: 16px;
  padding-bottom: 6px;
  position: relative;
}
.list-links li:before {
  position: absolute;
  top: 5px;
  left: 0;
  content: "";
  color: #c6c6c6;
  font-family: FontAwesome;
  font-size: 5px;
  line-height: 18px;
}
.list-links a {
  font-size: 14px;
  layout-flow: 18px;
  color: #1b1b1b;
}
.list-links a:hover {color: #df4312;}


/*======================block-countdown======================*/
.block-countdown {
  padding: 80px 0 40px;
  background: url(../img/bg-block-coundown.jpg) no-repeat 50% 0;
}
.block-countdown h2 {
  font-weight: 800;
  color: #1b1b1b;
  font-size: 55px;
  line-height: 1em;
  text-transform: none;
  margin: 0;
}
.block-countdown h2 span {
  display: block;
  font-weight: 300;
}
.block-countdown p {
  font-size: 11px;
  line-height: 18px;
  color: #555555;
}
.countdown-event {margin: 0 0 30px -10px;}
.countdown-event .countdown_row {text-align: left;}
.countdown-event .countdown_section {
  margin: 0 0 0 10px;
  font-size: 12px;
  line-height: 16px;
  width: 100px;
  padding-bottom: 3px;
  text-transform: uppercase;
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
}
.countdown-event .countdown_amount {
  font-size: 48px;
  line-height: 1em;
  font-weight: normal;
  padding: 13px 0 14px;
  letter-spacing: -2px;
  margin-bottom: -10px;
}
#form-subscribe {
  margin: 0 0 5px;
  background: rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4) inset;
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4) inset;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.4) inset;
  display: inline-block;
  padding: 10px;
}
#form-subscribe input {
  border: 1px solid #e4e4e2;
  background: #ffffff;
  padding: 10px;
  font-size: 13px;
  line-height: 20px !important;
  color: #999898;
  outline: none;
  display: inline-block;
  width: 294px;
  -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.15);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 6px 0 0;
  height: 40px;
}
#form-subscribe .btn span {
  opacity: 1;
  filter: alpha(opacity=100);
}
#form-subscribe .btn {
  color: #ffffff;
  border: 1px solid #198aff !important;
  padding: 12px 20px;
  font-size: 14px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-color: #2498ff;
  background-image: -moz-linear-gradient(top, #2ba1ff, #198aff);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2ba1ff), to(#198aff));
  background-image: -webkit-linear-gradient(top, #2ba1ff, #198aff);
  background-image: -o-linear-gradient(top, #2ba1ff, #198aff);
  background-image: linear-gradient(to bottom, #2ba1ff, #198aff);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2ba1ff', endColorstr='#ff198aff', GradientType=0);
  border-top: 1px solid #65bbff !important;
  border-bottom: 1px solid #0d4681 !important;
  border-right: 1px solid #1f90f0 !important;
  border-left: 1px solid #1f90f0 !important;
  -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.3);
}
#form-subscribe .btn:hover {
  background-color: #e1e1e1;
  background-image: -moz-linear-gradient(top, #e4e4e4, #dcdcdc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e4e4e4), to(#dcdcdc));
  background-image: -webkit-linear-gradient(top, #e4e4e4, #dcdcdc);
  background-image: -o-linear-gradient(top, #e4e4e4, #dcdcdc);
  background-image: linear-gradient(to bottom, #e4e4e4, #dcdcdc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe4e4e4', endColorstr='#ffdcdcdc', GradientType=0);
  border-top: 1px solid #f1f1f1 !important;
  border-bottom: 1px solid #a7a7a7 !important;
  border-right: 1px solid #dcdcdc !important;
  border-left: 1px solid #dcdcdc !important;
  color: #1b1b1b;
}


/*======================block-video======================*/
#block-video {
  background: #F9F9F9;
  height: 100%;
  max-height: 500px;
  overflow: hidden;
  position: relative;
}
#the-video{
    position: absolute;
    z-index: 1;
    top: 0;
}
#block-video #the-video,
#block-video #the-video img {
  height: auto;
  width: 100% !important;
}

.video-caption {
  position: absolute;
  top: 67px;
  left: 0;
  width: 100%;
  color: #1b1b1b;
  font-size: 18px;
  line-height: 28px;
  z-index: 9;
}
.video-caption .container {position: relative;}
.video-caption h2,
.video-caption h3 {
  color: #ffffff;
  font-size: 55px;
  line-height: 1em;
  font-weight: 800;
  font-family: 'Open Sans', Arial, '微軟正黑體', sans-serif;
  text-transform: none;
  margin: 0;
  padding: 0;
}
.video-caption h2 {
  color: #1b1b1b;
  text-transform: uppercase;
  padding-bottom: 20px;
}
.video-caption h2 span {
  color: #df4312;
  display: block;
}
.video-caption h3 {padding-bottom: 12px;}
.video-caption p {
  max-width: 560px;
  padding-bottom: 40px;
  color: #333333;
}
.video-caption p strong {
  display: block;
  color: #1b1b1b;
}
.video-caption .caption-box {
  max-width: 500px;
  position: absolute;
  right: 0;
  top: 34px;
}


/*------================== aside ================= ------- */
aside {
  border-top:2px solid #ede4d5;
  position: relative;
  background:#f3ece2;
  padding-bottom: 30px;
  font-size: 0.9em;
  line-height: 145%;
}
aside h3 {
  font-size: 1.25em;
  line-height: 1.2em;
  text-transform: none;
  color:#df4312;
  padding: 43px 0 21px;
}
aside p {
  color:#6a6a6a;
  line-height: 20px;
}

aside h5 {
  color: #1b1b1b;  
  margin-bottom:5px;
}
aside h5 a {color: #1b1b1b1;}

.extra-aside {padding: 37px 0 29px;}
.form-newsletter p {font-size: 13px;}

.extra-aside .form-newsletter.extra span {
  font-size: 20px;
  font-family: 'Open Sans', Arial, '微軟正黑體', sans-serif;
  line-height: 42px;
  color: #6a6a6a;
}
.extra-aside .form-newsletter.extra [id^="newsletter"] input {width: 574px;}


/*------================== top-row-landing ================= ------- */
.top-row-landing {
  background-color: #232323;
  background-image: -moz-linear-gradient(top, #1b1b1b, #303030);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#1b1b1b), to(#303030));
  background-image: -webkit-linear-gradient(top, #1b1b1b, #303030);
  background-image: -o-linear-gradient(top, #1b1b1b, #303030);
  background-image: linear-gradient(to bottom, #1b1b1b, #303030);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff1b1b1b', endColorstr='#ff303030', GradientType=0);
  padding: 39px 0 0;
}
.top-row-landing h2 {
  color: #ffffff;
  font-family: 'Open Sans', Arial, '微軟正黑體', sans-serif;
  font-weight: bold;
  font-size: 36px;
  line-height: 1em;
  text-transform: none;
  margin: 31px 0 20px;
}
.top-row-landing p {
  color: #ffffff;
  margin-bottom: 54px;
}
.row-landing1 {padding-bottom: 0;}
.row-landing2 {padding: 30px 0 30px;}
.row-landing2 h3 {padding: 17px 0 19px;}
.row-landing4 {padding-bottom: 30px;}


/*------================== list-landing ================= ------- */
.list-landing {margin-bottom: 12px;}
.list-landing li {
  margin-top: 10px;
  margin-bottom: 12px;
}
.list-landing .dropcap {
  float: left;
  width: 55px;
}
.list-landing .dropcap i {
  font-size: 40px;
  line-height: 1em;
  color: #df4312;
}
.list-landing .dropcap i.fa-list-ul {font-size: 35px;}
.list-landing .dropcap i.fa-wrench {font-size: 38px;}
.list-landing .dropcap i.fa-font {font-size: 36px;}
.list-landing h4 {padding: 0 0 13px;}
.list-landing p {
  font-size: 14px;
  line-height: 21px;
}


/*------================== FOOTER ================= ------- */
.address-1 span {
  display: block;
  padding-left: 23px;
  position: relative;
  font-size: 1em;
  color: #6a6a6a;
  line-height: 145%;
  padding-bottom: 10px;
}
.address-1 span a {color: #6a6a6a;}
.address-1 span a:hover {color: #df4312;}
.address-1 span.mail-info {
  padding-bottom: 12px;
  word-wrap:break-word;
}
.address-1 i {
  color: #df4312;
  font-size: 12px;
  position: absolute;
  top: 0;
  left: 0;
  line-height: 20px;
}
.link-1 {color: #ffffff;}

.list-footer {
  display: block;
  *zoom: 1;
  margin: 0;
}
.list-footer:before,
.list-footer:after {
  display: table;
  content: "";
  line-height: 0;
}
.list-footer:after {clear: both;}
.list-footer li {
  display: block;
  margin: 0;
  line-height: 20px;
  padding: 0 0 10px;
  color: #6a6a6a;
}
.list-footer li a {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  font-size: 1em;
  color:#6a6a6a;
  padding-left: 15px;
  position: relative;
}
.list-footer li a:hover {color:#df4312;}
.list-footer li a:before {
  font-size: 5px;
  content: "";
  font-family: FontAwesome;
  line-height: 16px;
  position: absolute;
  top: 0;
  left: 0;
  color: #6a6a6a;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.list-footer li a:hover:before {color: #df4312;}
.list-footer li a:hover {padding-left: 12px;}


/*-----------tweet---------------*/
.tweet_list {
  margin: -2px 0 0;
  list-style: none;
}
.tweet_list li {
  position: relative;
  padding: 0 0 10px 15px ;
  font-size: 14px;
  line-height: 21px;
  color: #c6c6c6;
}
.tweet_list li:before {
  font-size: 5px;
  content: "";
  font-family: FontAwesome;
  line-height: 16px;
  position: absolute;
  top: 3px;
  left: 0;
  color: #c6c6c6;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.tweet_list li:hover:before {color: #df4312;}
.tweet_list li a {
  font-size: 13px;
  line-height: 21px;
  text-decoration: none;
  color: #999999;
  font-style: italic;
}
.tweet_list li a:hover {color: #ffffff;}
.tweet_list li .tweet_text a {
  font-size: 14px;
  color: #ffffff;
  font-style: normal;
}
.tweet_list li .tweet_text a:hover {color: #df4312;}


/*-----------facebook---------------*/
.fb-block .fb_iframe_widget span {height: 240px !important;}
.fb-block .fb_iframe_widget,
.fb-block .fb_iframe_widget span,
.fb-block .fb_iframe_widget span iframe[style] {width: 100% !important;}
.fb-block .fb_iframe_widget span iframe[style] {
  height: 240px !important;
  width: 100% !important;
}
.fb-block .fb_iframe_widget,
.fb-block .fb_iframe_widget span,
.fb-block .fb_iframe_widget span iframe[style] {width: 100% !important;}
.fb-block .fb_iframe_widget iframe {position: absolute;}

.addthis_toolbox {
  display: inline-block;
  margin-left: 12px;
  line-height: 0;
}
.pluginBoxDivider {border-top: 1px solid #38393a!important;}
[id^="newsletter"] {
  margin: 0;
  padding-top: 2px;
}
[id^="newsletter"] .rel {*zoom: 1;}
[id^="newsletter"] .rel:before,
[id^="newsletter"] .rel:after {
  display: table;
  content: "";
  line-height: 0;
}
[id^="newsletter"] .rel:after {clear: both;}
[id^="newsletter"] input {
  border: none;
  background: #f0f0f0;
  padding: 10px 12px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 20px !important;
  color: #999898;
  outline: none;
  width: 100%;
  -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 40px;
}
[id^="newsletter"] button {padding: 12px 20px;}


/*----------fаcebook---------------*/
.fb_fans {
  color: #808080;
  font-size: 11px;
  padding-bottom: 7px;
}
.fb_fans a {color: #ffffff;}
.fb_followers {
  margin: 0 0 0 -3px;
  list-style: none;
  overflow: hidden;
}
.fb_followers li {
  float: left;
  margin: 0 0 3px 3px;
}
.fb_followers .fb_name {display: none;}


/*----------- Back to top --------------*/
#gotoTop {
  background: #262626;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  bottom: 30px;
  color: #FFFFFF;
  cursor: pointer;
  display: none;
  font-size: 24px;
  height: 40px;
  left: auto;
  line-height: 35px !important;
  position: fixed;
  right: 30px;
  text-align: center;
  top: auto;
  transition: background-color 0.2s linear 0s;
  width: 40px;
  z-index: 100;
}
#gotoTop:before {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#gotoTop:hover {background: #f0f0f0;}
#gotoTop:hover:before {color: #262626;}


/*----------- tooltips --------------*/
.tipsy {
  font-size: 10px;
  position: absolute;
  padding: 5px;
  z-index: 100000;
}
.tipsy-inner {
  background: rgba(53, 53, 53, 0.7);
  font-size: 12px;
  line-height: 16xp;
  color: #ffffff;
  max-width: 200px;
  padding: 1px 7px;
  text-align: center;
  text-transform: capitalize;
  -webkit-border-radius: 5px 0 5px 5px;
  -moz-border-radius: 5px 0 5px 5px;
  border-radius: 5px 0 5px 5px;
}
.tipsy-se .tipsy-inner {
  -webkit-border-radius: 5px 5px 0 5px;
  -moz-border-radius: 5px 5px 0 5px;
  border-radius: 5px 5px 0 5px;
}
.typography .tipsy-inner {background: #ffffff;}
.tipsy-s .tipsy-inner {border-radius: 5px 5px 5px 0;}
.tipsy-w .tipsy-inner {border-radius: 5px 5px 5px 0;}
  

/*----------- social --------------*/
.social {
  top: 280px;
  position: fixed;
  right: 0;
  z-index: 99;
}
.social ul {
  list-style: none outside none;
  margin: 0;
  padding: 0;
}
.social li {margin-bottom: 1px;}
.social a {
  background-color: #262626;
  border-radius: 6px 0 0 6px;
  display: block;
  height: 36px;
  margin: 0;
  outline: medium none;
  padding: 4px 0 0;
  transition: all 0.3s ease 0s;
  width: 40px;
  text-align: center;
}
.social .facebook:hover {background-color: #3b5998;}
.social .mail:hover {background-color: #e92d00;}
.social .twitter:hover {background-color: #2daae1;}
.social .google:hover {background-color: #f63e28;}
.social .linkedin:hover {background-color: #0073b2;}
.social .pinterest:hover {background-color: #cb2027;}
.social .youtube:hover {background-color: #ff3132;}
.social .vimeo:hover {background-color: #44b0de;}
.social .flickr:hover {background-color: #ff0084;}
.social .youtube i {font-size: 24px;}
.social .twitter i {font-size: 23px;}
.social i {
  color: #ffffff;
  font-size: 18px;
  line-height: 30px;
}


/*----------- privacy --------------*/
.block-bottom {padding: 11px 0;}
.privacy {
  font-size:0.845em;
  color: #ede4d5;
  padding: 12px 0;
  float: left;
}
.privacy span {color: #ffffff;}

.payment {
  margin-left: 50px;
  display: inline-block;
  position: relative;
  line-height: 0;
  vertical-align: top;
}
.social-bottom {
  float: right;
  padding-top: 12px;
}

/*---===================== FOOTER END ================------*/
.select-menu {display: none !important;}


/*-----================== Transform ============== ------*/
@-webkit-keyframes toLeftFromRight {
  49% {
    -webkit-transform: translate(-100%);
  }
  50% {
    opacity: 0;
    -webkit-transform: translate(100%);
  }
  51% {
    opacity: 1;
  }
}

@-moz-keyframes toLeftFromRight {
  49% {
    -moz-transform: translate(-100%);
  }
  50% {
    opacity: 0;
    -moz-transform: translate(100%);
  }
  51% {
    opacity: 1;
  }
}

@keyframes toLeftFromRight {
  49% {
    transform: translate(-100%);
  }
  50% {
    opacity: 0;
    transform: translate(100%);
  }
  51% {
    opacity: 1;
  }
}


/*Core variables and mixins*/
.container {
  margin-right: auto;
  margin-left: auto;
  *zoom: 1;
}
.container:before,
.container:after {
  display: table;
  content: "";
  line-height: 0;
}
.container:after {clear: both;}
.container-fluid {
  padding-right: 20px;
  padding-left: 20px;
  *zoom: 1;
}
.container-fluid:before,
.container-fluid:after {
  display: table;
  content: "";
  line-height: 0;
}
.container-fluid:after {clear: both;}

.clearfix {*zoom: 1;}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {clear: both;}
.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.input-block-level {
  display: block;
  width: 100%;
  min-height: 34px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}


/*-----================== V_Styles ============== ------*/
.t_ind {margin-bottom: 30px;}
.t_ind2 {margin-bottom: 25px;}

.color_bg em,
.dark_bg em {color: #ffffff;}
.color_bg span {color: #bce0ff;}
.color_bg .fa-quote-right,
.dark_bg .fa-quote-right,
.color_bg .fa-quote-left,
.dark_bg .fa-quote-left {opacity: 0.2;}

.v_no_space,
.v_no_space .block-list,
.slider-blog.v_no_space{
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0 !important;
  padding-bottom: 0;
}
.t_align_r {text-align: right!important;}
.m_b_no_space {margin-bottom: 0!important;}
.mb_no_space {margin-bottom: 0!important;}
.m_t_no_space {margin-top: 0!important;}
.v_space {margin-top: 30px!important;}
.v_space2 {padding-top: 15px!important;}
.v_space4 {padding-top: 25px;}
.v_space3 {padding-top: 10px;}
.v_index {z-index: 10;}
.v_index2 {z-index: 9;}
.v_index3 {z-index: 8;}
.h_space {padding-right: 15px;}

.tr_all_hover {
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}
.m_bottom_15 {margin-bottom: 15px !important;}
.m_bottom_10 {margin-bottom: 10px !important;}
.txt_trans {text-transform: none;}
.txt_dec {text-decoration: none;}

.d_inline_middle {
  display: inline-block;
  vertical-align: middle;
}
.m_left_5 {margin-left: 5px;}
.m_left_10 {margin-left: 10px;}
.p_left_5 {padding-left: 5px;}
.p_left_20 {padding-left: 20px;}
.p_left_10 {padding-left: 10px;}
.p_bottom_20 {padding-bottom: 20px;}
.p_bottom_10 {padding-bottom: 10px;}
.p_bottom_5 {padding-bottom: 5px;}
.p_right_20 {padding-right: 20px;}
.p_right_10 {padding-right: 10px;}
.p_top_7 {padding-top: 7px;}
.p_top_10 {padding-top: 10px;}
.v_line_10 {line-height: 10px;}

input
,button {outline: none;}
label {cursor: default;}
button::-moz-focus-inner {border:0;}
.v_align_t {vertical-align: top;}
.w95 {width: 95px;}
.w25 {min-width: 25px !important;}
.m_top_20 {margin-top: 20px!important;}
.m_top_10 {margin-top: 10px!important;}


/*-----================== Media ============== ------*/
.v_video figure b:before {content: "\f04b"!important;}
.v_media .visualAudible__waveform {left: 60px!important;}


/*-----================== Icons ============== ------*/
.fontawesome-icon-list {}
.fontawesome-icon-list .fa-hover a {
	display:inline-block;
	color:#1b1b1b;
	line-height:31px;
	height:31px;
	padding-left:10px;
	padding-top: 5px; 
	border-radius:4px;
}
.fontawesome-icon-list .fa-hover a .fa {font-size:14px; display:inline-block; width:10px; text-align:center; margin-right:10px;}
.fontawesome-icon-list .fa-hover a:hover {color:#3da5ff; text-decoration:none;}
.fontawesome-icon-list .fa-hover a:hover .text-muted {color:#bbe2d5;}
.fontawesome-icon-list .span3 {width: 260px;}

.icon_tab .tab-pane {
  padding:10px 10px 30px 10px;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.v_page-header {
  font-size: 18px;
  text-transform: none;
  font-weight:bold;
  margin: 10px 0 15px;
  padding-left: 10px;
}
.dark_bg blockquote,
.fontawesome-icon-list.dark_bg {background-color: rgba(51, 51, 51, 2);}
.color_bg blockquote {background-color: rgba(31, 151, 255, 2);}
#two .fontawesome-icon-list .fa-hover a {color: #ffffff;}
#two .fontawesome-icon-list .fa-hover a:hover {color: #3da5ff;}
#three .fontawesome-icon-list .fa {color: #df4312;}
.tab-pane h2:nth-child(n+2) {margin-top: 35px;}


/*-----================== List and Blockquotes ============== ------*/
.v_title {letter-spacing:0;}
.v_list {
  margin:10px 0 0 0;
  list-style-position:inside;
  color:#6a6a6a;
}
.v_circle {
    list-style:disc;
    list-style-position: outside;
	margin-left:15px;
}
.v_list_element {
    font: 0.94em arial;
    line-height: 145%;
}
.v_list_element i {
    font-size: 10px;
    vertical-align: middle;
    padding-right: 5px;
}
.v_list_section ul {margin-bottom: 0;}

.list_and_blockquotes .span2,
.list_and_blockquotes .span4 {margin-top: 50px;}
.list_and_blockquotes blockquote {margin-top: 20px;}

.var2 blockquote {text-align: right;}
.var2 blockquote i {right: 11px;}


/*-----================== Alerts ============== ------*/
.alert_box p,
.alert_box i {display: inline-block;}
.alert_box.error p,
.alert_box.error i {color: red!important;}
.alert_box i {padding-right: 5px;}

.v_alert_box.alert {
  padding:13px 20px;
  position: relative;
}
.v_alert_box.alert {
  border: 0;
  margin-bottom: 0;
}
.v_alert_box a {text-decoration: underline;}

.alert-warning a {color: #e28f19;}
.alert-error a {color: #e92d00;}
.alert-success a {color: #5ba22b;}
.alert-info a {color: #df4312;}

.v_alert_box p {
  font-size: 14px;
  margin: 0;
  padding-right: 20px;
}
.v_close {
  background: url(../img/alert_close.png) right center;
  height: 10px;
  width: 10px;
  display: block;
  position: absolute;
  right: 20px;
  top:40%;
}
.alert_list li:nth-child(n+2) {margin-top: 10px;}

.content_box_title4 h4 {padding: 0 0 17px 0;}


/*-----================== Pagination and Progress bars ============== ------*/
.v_block-control {
  overflow: hidden;
  padding-top: 10px;
}
.v_block-control .results {
  float: left;
  font-size: 13px;
}
.v_block-control .control-post {overflow: hidden;}

.v_block-control .control-post a,
.v_block-control .control-post span {
  float: left;
  margin-left: 6px;
  color: #1b1b1b;
  font-size: 13px;
  margin-bottom: 10px;
}
.v_block-control .control-post a:hover {color: #df4312;}
.v_block-control .control-post a.current {
  color: #df4312;
  text-decoration: underline;
}
.v_block-control .control-post a {
  font-size: 14px;
  padding: 0;
  width: 23px;
  line-height: 22px;
  height: 23px;
  text-align: center;
}
.control-post a.navigation {border:1px solid transparent; overflow:hidden; background-repeat:no-repeat;}
.control-post a.current:hover {background:#0094D6; border-color:#0094D6; color:#ffffff;}
.v_block-control .v_button_var2 a {
  width: 30px;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
}
.v_block-control .v_button_var3 a {line-height: 30px;}
.v_block-control .control-btn2 {
  width: 30px !important;
  height: 30px !important;
  font-size: 21px !important;
}
.v_block-control .control-post .v_button_var,
.v_block-control .v_button_var a {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: rgba(240,240,240,0.8);
  -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.15);
  -moz-box-shadow: inset 0 0 4px rgba(0,0,0,0.15);
  box-shadow: inset 0 0 4px rgba(0,0,0,0.15);
}
.v_block-control .v_button_var a:hover,
.v_block-control .v_button_var a.active {
  background-color: rgba(31,151,255,0.8);
  color: #ffffff;
}
.control-post a:first-child {margin-left: 0;}

.progress.v_yellow {background-color: #ffb400;}
.progress.v_green {background-color: #449b0a;}
.progress.v_red {background-color: #e92d00;}
.progress.v_no_border {border-radius: 0;}
.progress-striped .progress.bar {
  background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
  background-size: 40px 40px;
}


/*-----================== Pricing Tables Version 2 ============== ------*/
.table_plan .head_table td.table_selected {width: 99.7%;}
.table_plan .footer_table td.table_selected {width: 99.7%;}

.div_table_1 .first_div {background: #449b0a;}
.v_pad_t_b td {padding: 10px 0;}


/*-----================== V_Tables ============== ------*/
.tab_var1 {
  background-color: #fefefe;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px;
  width: 100%;
}
.tab_var1_pad {padding: 2px;}
.v_tables {margin:0px;padding:0px;}
.v_tables table {
  border-collapse: collapse;
  border-spacing: 0;
  width:100%;
  height:100%;
  margin:0px;padding:0px;
}
.v_tables td {
  vertical-align:middle;
  background-color:#ffffff;
  border:1px solid #e4e4e2;
  border-width:0px 1px 1px 0px;
  text-align:left;
  padding:13px 20px;
  font-size:14px;
  color:#6a6a6a;
}
.v_tables tr:first-child td {
  background-color: transparent;
  text-align:left;
  border-width:0px 0px 0px 1px;
  font-size:14px;
  color:#6a6a6a;
}
.v_tables tr:last-child td {border-width:0px 0px 0 1px;}
.v_tables tr:last-child td:first-child {border-width:0px;}
.v_tables td:last-child {border-width:0px 0px 1px 1px;}
.v_tables tr:first-child td:first-child {border-width:0px 0px 0px 0px;}
.v_tables tr:first-child td:last-child {border-width:0px 0px 0px 1px;}
.v_tables td.v_td_price,
.v_tables td.v_td_price a,
.v_price {
  color: #df4312!important;
  font-weight: bold;
  font-size: 16px;
}

.tab_var2_pad .v_tables {
  border: 1px solid #e4e4e2;
  border-radius: 5px;
}
.tab_var2_pad .v_tables tr td:last-child {border-right-width: 0px;}
.tab_var2_pad .v_tables tr:first-child td {border-bottom-width:1px;}
.v_tables .tab_var2_pad{
  border: 1px solid #00000;
  border-radius: 5px;
}
 
.tab_var2_pad .v_tables tr:last-child td:first-child {
  -webkit-border-radius: 0 0 0 5px;
  border-radius: 0 0 0 5px;
}
.tab_var2_pad .v_tables tr:last-child td:last-child {
  -webkit-border-radius: 0 0 0 5px;
  border-radius: 0 0 5px 0;
}

.tab_var1_darkBg .tab_var2_pad .v_tables {
  border: 1px solid #131313;
  border-radius: 5px;
}
.tab_var1_darkBg {background-color: #262626;}
.tab_var1_darkBg .v_tables td {
  border-color: #131313;
  background-color: #333333;
  color: #8b8b8b;
}
.tab_var1_darkBg .v_tables tr:first-child td {color: #ffffff;}


/* -----------------------------------
  12. V_Tables2
------------------------------------- */
.description_table tr td:first-child {min-width:108px;}
.description_table.type_2 tr td:first-child {min-width:65px;}
.description_table.type_3 tr td:first-child {min-width:175px;}
[class*="table_type_"] {background:#ffffff;}
[class*="table_type_"] td {border:1px solid #e4e4e2;}
[class*="table_type_"] th {border-width: 0px 0px 0 1px;}
.table_type_1 tr:first-child th:first-child,
.table_type_2 tr:first-child th:first-child,
.table_type_3 tr:first-child th:first-child,
.table_type_6 tr:first-child td:first-child,
.table_type_8 tr:first-child th:first-child {width:150px;}
.table_type_1 tr:first-child th:nth-child(2),
.table_type_3 tr:first-child th:nth-child(2),
.table_type_3 tr:first-child th:nth-child(3) {width:200px;}
/*.table_type_1 tr:first-child th:nth-child(3),
.table_type_4 tr:first-child th:nth-child(3){width:55px;} */
.table_type_1 tr:first-child th:nth-child(4) {width:100px;}
.table_type_2 tr:first-child th:not(:first-child) {width:330px;}
.table_type_4 tr:first-child th:first-child {width:320px;}
/* .table_type_4 tr:first-child th:nth-child(2){width:90px;} */
.table_type_5 td:first-child {width:670px;}
.table_type_7 tr:first-child th:first-child {width:74px;}
.table_type_7 tr:first-child th:nth-child(2) {width:180px;}
.table_type_7 tr:first-child th:nth-child(4),
.table_type_7 tr:first-child th:nth-child(7) {width:100px;}
.table_type_7 tr:first-child th:nth-child(5) {width:65px;}
.table_type_7 tr:first-child th:nth-child(6) {width:80px;}
.table_type_7 tr:first-child th:nth-child(3) {width:160px;}
.table_type_8 tr:first-child th:nth-child(2) {width:262px;}

[class*="table_type_"] tr:first-child th {
  padding: 20px;
  border-top:none;
  font-size:1.15em;
  color: #2b2b2b;
  font-weight: bold;
  text-align: center;
  border-right: 1px solid #ffffff;
  text-transform:capitalize;
}
[class*="table_type_"] tr:first-child th:first-child,
[class*="table_type_"] tr td:first-child {border-left:none;}
[class*="table_type_"] tr:first-child th:last-child,
[class*="table_type_"] tr td:last-child {border-right:none;}
.table_type_1 td,
.table_type_4 td {padding:20px;}
.table_type_2 td {padding:12px 20px;}
.table_type_3 td,
.table_type_5 td,
.table_type_6 td,
.table_type_6 td[class*="half_column"],
.table_type_7 td {padding:14px 20px;}
.table_type_5 tr:first-child td:first-child {padding-top:25px;}
.table_type_5 tr:last-child td,
.table_type_5 tr:nth-last-child(2) td {border:none;}
.table_type_5 tr:nth-last-child(2) td {padding-bottom:0;}
.table_type_8 td {padding:14px 20px;}
.about_project td:first-child {width:96px;}
.about_project tr:not(:first-child) {border-top:1px solid #e2e6e7;}
.about_project td {padding:7px 0;}
.about_project tr:first-child td {padding-top:2px;}

.p_table {
  width:283px;
  margin:0 1px;
  -webkit-transition:box-shadow .2s ease,opacity 1s ease !important;
  -moz-transition:box-shadow .2s ease,opacity 1s ease !important;
  -o-transition:box-shadow .2s ease,opacity 1s ease !important;
  transition:box-shadow .2s ease,opacity 1s ease !important;
}
.p_table > header {
  padding:10px 0 9px;
  -webkit-border-radius:4px 4px 0 0;
  -moz-border-radius:4px 4px 0 0;
  border-radius:4px 4px 0 0;
}
.p_table > .price {padding:16px 0 17px 0;}

.price dt {
  font-size:2.6em;
  line-height:1em;
}
.p_list > li {
  padding:11.5px 20px;
  background:#f4f6f7;
  position:relative;
}
.p_list i[class^="fa "] {
  position:absolute;
  left:10px;
  height:100%;
}
.p_table > footer a {
  padding:14px 0 15px;
  -webkit-border-radius:0 0 4px 4px;
  -moz-border-radius:0 0 4px 4px;
  border-radius:0 0 4px 4px;
}
.p_table > .hot_p {
  position: absolute;
  top:-5px;
  right:-5px;
}
.p_table:hover,.p_table.active {
  margin-top:-15px;
  margin-left:-4px;
  margin-right:-4px;
  width:293px;
  z-index:2;
  -webkit-box-shadow:0 0 17px rgba(0,0,0,.13);
  -moz-box-shadow:0 0 17px rgba(0,0,0,.13);
  -o-box-shadow:0 0 17px rgba(0,0,0,.13);
  box-shadow:0 0 17px rgba(0,0,0,.13);
}
.p_table.active {z-index:1;}
.p_table:hover > header,
.p_table.active > header {padding:12px 0;}
.p_table:hover > footer a,
.p_table.active > footer a {padding:17px 0;}
.p_table:hover .p_list > li,
.p_table.active .p_list > li {padding:12.5px 25px;}
.p_table:hover > .price,
.p_table.active .price {padding-bottom:21px;}


/*-----================== Typography ============== ------*/
.v_text p {
  font-size: 14px;
  letter-spacing: -0.2px;
  margin:0;
  line-height: 21px;
}
.v_typography li {margin-bottom: 30px;}
.v_typography li:last-child {margin-bottom: 20px;}
.v_typography h1,
.v_typography h2,
.v_typography h3,
.v_typography h4,
.v_typography h5,
.v_typography h6 {
  padding:0 0 20px 0;
  text-transform: none;
  font-weight: bold;
}
.v_typography h4 {padding-top: 25px;}
.v_typography h5 {padding-top: 5px;}
.v_typography h6 {padding-top: 10px;}
.v_text a {color: #000000;}
.v_text .word_bg {
	background-color: #df4312;
	color: #ffffff;
	font-style: normal;
}
.v_small_text {font-size: 13px;}
.v_text_examples p {padding-bottom: 10px;}
.v_text_yellow {color: #e7a446;}
.v_text_red {color: #e92d00;}
.v_text_blue {color: #df4312;}
.v_text_green {color: #50a11a;}

.v_drop .block-features span {
  background: #df4312;
  margin: 0 15px 0 0;
}
.v_drop .block-features span i {color: #ffffff;}
.v_drop .block-features div {
  padding: 10px 0 0 0;
  font-size: 18px;
}
.v_drop .block-features div a:hover span {
  background: #f0f0f0;
  -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.5);
  box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.5);
}
.v_drop .block-features div a:hover span i {
  -webkit-animation: toRightFromLeft 0.3s forwards;
  -moz-animation: toRightFromLeft 0.3s forwards;
  animation: toRightFromLeft 0.3s forwards;
  color: #1b1b1b;
}
.v_drop .block-features p,
.v_drop .block-features div {
  margin: 0;
  padding: 0;
}
.v_drop .list-landing span {width: 48px;}
.v_drop .list-landing .dropcap i.fa-font {padding-top: 5px;}
.v_drop .block-features p {overflow: visible;}


/*-----================== Forms ============== ------*/
.shortcode_forms form {margin: 0;}
.v_form.dark_bg {padding:10px;}
.form-horizontal span{
  padding-left: 10px;
  font-size: 13px;
}
.form-horizontal .controls {
  margin-left: 0;
  overflow: hidden;
}
.form-horizontal .control-label {
  width: 95px;
  text-align: left;
  float: left;
}
.form-horizontal .control-group {margin-bottom: 15px;}
.form-horizontal .control-group.form-elements input {width: auto;}

.v_form input,
.v_form select,
.v_form textarea{
  background-color: #f0f0f0;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  resize:none;
  -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
  border: 1px solid #e4e4e2;
}
.v_form input,
.v_form select {height: 40px;}
.v_form textarea {height: 200px;}

label, input, button, select, textarea {
  line-height: 20px;
  font-size: 14px;
}

.form-horizontal .input_profiles label {
  width: 125px;
}
.shortcode_forms .v_form .v_text_yellow input,
.shortcode_forms .v_form .v_text_red input,
.shortcode_forms .v_form .v_text_blue input,
.shortcode_forms .v_form .v_text_green input {width: 200px;}
.shortcode_forms .v_form .v_text_yellow input {border-color: #e7a446;}
.shortcode_forms .v_form .v_text_red input {border-color: #e92d00;}
.shortcode_forms .v_form .v_text_blue input {border-color: #59b1fd;}
.shortcode_forms .v_form .v_text_green input {border-color: #50a11a;}
.shortcode_forms .dark_bg input,
.shortcode_forms .dark_bg select,
.shortcode_forms .dark_bg textarea {
  background-color: #1d1d1d;
  border-color: #131313;
}
.shortcode_forms .dark_bg {background-color: rgba(51, 51, 51, 2);}
.form-elements input[type="radio"], 
.form-elements input[type="checkbox"] {
  position: absolute;
  opacity: 0;
}
.form-elements label {cursor: pointer;}
.form-elements input[type="radio"]:checked + label:before {background-position: -29px 0;}
.form-elements input[type="radio"] + label:before {background-position: -29px -29px;}
.form-elements input[type="checkbox"] + label:before {background-position: 0 -29px;}
.form-elements input[type="checkbox"]:checked + label:before {background-position: 0 0;}
.dark_bg .form-elements label:before {
  display: inline-block;
  position: relative;
  top: 7px;
  left: 0;
  content: '';
  width: 26px;
  height: 26px;
  background-image: url(../img/form_icons_dark.png);
  margin-right: 10px;
}
.form-elements label:before {
  display: inline-block;
  position: relative;
  top: 7px;
  left: 0;
  content: '';
  width: 26px;
  height: 26px;
  background-image: url(../img/form_icons.png);
  margin-right: 10px;
}
.dark_bg .form-elements input[type="radio"]:checked + label:before {background-position: -26px 0;}
.dark_bg .form-elements input[type="radio"] + label:before {background-position: -26px -26px;}
.dark_bg .form-elements input[type="checkbox"] + label:before {background-position: 0 -26px;}
.dark_bg .form-elements input[type="checkbox"]:checked + label:before {background-position: 0 0;}

.form-elements span {
  padding: 0;
  width: 90px;
  display: inline-block;
  font-size: 14px;
}
.form-elements label {display: inline-block;}
.form-elements label:last-child {margin-left: 10px;}

.v_form .select_title {
  padding: 8px 39px 7px 9px;
  color: #8e8e8e;
}
.v_form  .custom_select {width: 100%;}
.v_form .description_table {
  width: 100%;
  margin-top: 0;
}
.v_form .select_title:after {
  font-size: 20px;
  font-weight: bold;
  color: #111111;
}
.v_form .select_title:before {display: none;}
.v_form .select_list > li {color: #8e8e8e;}

.shortcode_forms .dark_bg .select_title,
.shortcode_forms .dark_bg .select_list {
  background-color: #1d1d1d;
  border-color: #131313;
  -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
}
.shortcode_forms .dark_bg .select_title.active {
  border-bottom-color: transparent;
  background: #1d1d1d;
}
.shortcode_forms .dark_bg .select_title:after {
  font-size: 20px;
  font-weight: bold;
  color: #ffffff;
}
.shortcode_forms .dark_bg input:not([type="submit"]):focus {border:1px solid #131313;}


/*-----================== Single Image Portfolio ============== ------*/
.v_project_info h5 {
  font-size: 18px;
  padding:15px 0 20px 0;
}
.carousel .v_project_info li {
  float: none;
  border-bottom: 1px solid #e4e4e2;
  padding: 8px 0;
}
.carousel .v_project_info li:last-child {border-bottom: 0;}
.carousel .v_project_info li:first-child {padding-top:0;}
.v_project_info li span {
  font-size: 14px;
  display: inline-block;
}
.v_project_info li span:first-child {width: 90px;}
.v_project_info li span:last-child {color: #000000;}

.carousel .bx-wrapper {float: none;}

.portfolio_list .box-work {
  margin-left: 0;
  margin-bottom: 30px;
}


/*-----================== Blog ============== ------*/
.blog_right.list-news.extra li {margin-bottom: 45px;}
.list-news.extra figure.audioplayer1 {float: none;}

.v_left {
  float: left;
  margin: 0 20px 0 0;
  width: 270px;
}
.blog_right .flexslider.slider-blog {height: 170px;}
.blog_right .slider-blog .flex-control-paging {
  bottom: -35px;
  left: 54%;
}

.v_blog_sortable .blog-box {margin:0 0 40px 30px;}

.blog_post ul {
  margin-left:0;
  margin-bottom: 0;
}
.blog_post em {
  margin-bottom: 0;
  line-height: 21px;
}
.blog_photo_gallery li {margin-bottom: 30px;}
.blog_tags li {
  float: left;
  padding-left: 20px;
}
.blog_tags li:first-child {padding-left: 0;}
.blog_post .blog_scroll {
  padding: 20px 0;
  border-top: 1px solid #e4e4e2;
  border-bottom: 1px solid #e4e4e2;
  position: relative;
}
.blog_post .block-widget {padding: 23px 20px 30px 20px;}

.blog_scroll a {cursor: pointer; color:#8f8f8f;}
.blog_scroll .v_prev a:after {
  left: 35px;
  position: absolute;
}
.blog_scroll .v_prev a:after,
.blog_scroll .v_next a:after {
  position: absolute;
  font-size: 13px;
  font-family: Arial, '微軟正黑體', Helvetica, sans-serif;
}

.blog_scroll .v_next a:after {right: 35px;}
.blog_scroll {
  position: relative;
  margin-bottom:40px;
  padding-top:15px;
}
.blog_scroll.txt-1 {line-height: 24px;}
.blog_post .btn-small,
.post_form .btn-small {
  border-top: none !important;
  border-bottom: none !important;
} 
 
.comment_list li {
  border-bottom: 1px solid #f0f0f0;
  padding: 24px 0;
}
.comment_list li:first-child {padding-top: 0;}
.comment_list li:last-child {
  padding-bottom: 0;
  border: none;
}
.comment_list li .wraper {padding-top: 5px;}
.comment_list li .link {padding-left: 10px;}
.comment_list li p {margin: 0;}
.coment_step1 {margin-left: 40px;}
.coment_step2 {margin-left: 80px;}

.third_column:nth-child(n+2),
.half_column:nth-child(n+2) {padding: 0 0 0 15px;}
.third_column {
  width: 33.3%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.half_column {
  width: 50%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.full_column {width: 100%;}

.post_form li {margin-bottom: 15px;}
.post_form li:last-child {
  margin-bottom: 0;
  margin-top: 5px;
}
.post_form .control-label {
  min-width: 142px;
  padding-top: 10px;
}

#capcha {width: 130px;}
.blog_post .addthis_floating_style {
  background: transparent;
  position: relative;
}
.blog_post .addthis_toolbox {
  margin-left: 0;
  margin-top: 10px;
  padding: 0;
  text-align: left;
}

.blog_right .flex-direction-nav li a {
  width: 30px;
  height: 30px;
}
.blog_right .flex-direction-nav li a:before {
  font-family: FontAwesome;
  font-size: 13px;
  width: 30px;
  line-height: 30px;
}


/*-----================== single_product_page ============== ------*/
.sub_menu,
.caption,
.product_item .photoframe figcaption > *,
.product_item .photoframe img,
.photoframe img,.blog_carousel *,
blockquote,
.banner_type_2 *,
#footer *,
.banner *,
#go_to_top,
.social_widgets *,
.main_menu > li > a,
.qv_carousel_wrap * {-webkit-backface-visibility:hidden;}

.photoframe.type_2 .pp_wrap > [class*="button_type_"] {
  top:auto;
  bottom:-9px;
}
.photoframe ul {margin:0;}

.product_item .photoframe:hover .pp_wrap > [class*="button_type_"],
.owl-item > .photoframe:hover .pp_wrap > [class*="button_type_"]{
  -webkit-transform:translate(-50%,-50%) scale(1);
  -moz-transform:translate(-50%,-50%) scale(1);
  -o-transform:translate(-50%,-50%) scale(1);
  -ms-transform:translate(-50%,-50%) scale(1);
  transform:translate(-50%,-50%) scale(1);
  opacity:1;
}
.product_item,
.owl-item > .photoframe {margin:15px;}
.product_item .photoframe figcaption,
.owl-item > .photoframe figcaption {padding:16px 0 12px;}

.product_item .photoframe.type_2 figcaption {padding:3px 10px 0 0;}
.product_item .photoframe img,.owl-item > .photoframe img {
  -webkit-transform:none !important;
  -moz-transform:none !important;
  -o-transform:none !important;
  -ms-transform:none !important;
  transform:none !important;
}

.pp_wrap {z-index:1;}
.product_item .photoframe:hover,
.categories_nav_list .photoframe:hover,
.owl-item > .photoframe:hover {
  -webkit-box-shadow:0 0 17px rgba(0, 0, 0, 0.12);
  -moz-box-shadow:0 0 17px rgba(0, 0, 0, 0.12);
  -o-box-shadow:0 0 17px rgba(0, 0, 0, 0.12);
  -ms-box-shadow:0 0 17px rgba(0, 0, 0, 0.12);
  box-shadow:0 0 17px rgba(0, 0, 0, 0.12);
}
.product_item .photoframe:hover .p_buttons,
.owl-item .photoframe:hover .p_buttons {
  -webkit-transform:translateX(0%);
  -moz-transform:translateX(0%);
  -o-transform:translateX(0%);
  -ms-transform:translateX(0%);
  transform:translateX(0%);
}
.photoframe {
  border:10px solid #ffffff;
  z-index:1;
  background:#ffffff;
}
.photoframe:not(.type_2):hover img,
.specials_item .d_block.wrapper:hover img {
  -webkit-transform:scale(1.08);
  -moz-transform:scale(1.08);
  -o-transform:scale(1.08);
  -ms-transform:scale(1.08);
  transform:scale(1.08);
}
.product_item .photoframe.type_2 .pp_wrap > [class*="button_type_"] {min-width:94px;}
.product_item .photoframe,
.nc_carousel .owl-item .photoframe,
.wfilter_carousel .photoframe,
.bestsellers_carousel .photoframe {
  width:263px;
  margin-left:auto;
  margin-right:auto;
}

.shadow {
  -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.30);
  -moz-box-shadow:0 1px 1px rgba(0, 0, 0, 0.30);
  -o-box-shadow:0 1px 1px rgba(0, 0, 0, 0.30);
  -ms-box-shadow:0 1px 1px rgba(0, 0, 0, 0.30);
  box-shadow:0 1px 4px rgba(0, 0, 0, 0.30);
}
.product_single_preview {
  width:450px;
  z-index:10;
}
.m_right_30 {margin-right:30px;}
.m_bottom_5 {margin-bottom: 5px;}

.qv_preview [class*="button_type_"] {
  position:absolute;
  bottom:10px;
  right:10px;
  z-index:2;
}
.t_xs_align_l {text-align: left !important;}

.d_inline_b {display:inline-block;}
.m_bottom_10 {margin-bottom:10px;}

.zoomContainer {
  width:0 !important;
  height:0 !important; 
  z-index:99;
}
.qv_preview .zoomWrapper {
  width: auto !important;
  height:auto !important;
}
.qv_preview .zoomWrapper img {position: relative !important;}
.zoomLens {display: none !important;}
.owl-carousel {width: auto;}

.button_type_5 {
  padding:8px 12px 7px;
  background:rgba(85, 70, 60, 0.5);
  -webkit-box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.4);
  -moz-box-shadow:    inset 0px 0px 5px 0px rgba(0, 0, 0, 0.4);
  box-shadow:         inset 0px 0px 5px 0px rgba(0, 0, 0, 0.4);
}
.button_type_5:hover {background:rgba(50, 50, 50, 0.5);}
.p_hr_0 {
  padding-left:0 !important;
  padding-right:0 !important;
}
.button_type_5 i {
  margin-left: 10px;
  margin-right: 10px;
}
a,
.tr_hover {
  -webkit-transition: color .4s ease, background-color .4s ease;
  -moz-transition: color .4s ease, background-color .4s ease;
  -o-transition: color .4s ease, background-color .4s ease;
  transition: color .4s ease, background-color .4s ease;
}
.button_type_1 > i[class^="fa "],
.button_type_4 > i[class^="fa "]:not([class*="f_size"]),
.button_type_5 > i[class^="fa "] {font-size: 21px;}
 
[class*="qv_carousel"]:not(.qv_carousel_wrap) {padding:0 35px;}
.owl-carousel:not(.process-wrap) .owl-item:first-child {padding-left: 8px;}
.qv_carousel_wrap [class*="qv_btn_"] {
  position:absolute;
  top:50%;
  margin-top:-15px;
  left:0;
  z-index:1;
}
.qv_carousel_wrap .qv_btn_next,
.qv_carousel_wrap .qv_btn_single_next {
  left:auto;
  right:0;
}
.qv_btn_single_next,
.qv_btn_single_prev {
  -webkit-box-shadow: inset 0px 0px 4px 0px rgba(215, 215, 215, 0.95);
  -moz-box-shadow:    inset 0px 0px 4px 0px rgba(215, 215, 215, 0.95);
  box-shadow:         inset 0px 0px 4px 0px rgba(215, 215, 215, 0.95);
}
.button_type_11 {
  width:23px;
  height:23px;
}
.bg_light_color_1,.sub_menu li:hover > a,
.select_list > li:hover {background: rgba(254, 254, 254, 1.0);}
.color_light {color:#ffffff;}
.color_light:hover {color:#ffffff;}
.t_align_c {text-align: center !important;}
.f_size_ex_large {font-size:1.25em;}

[class*="button_type_"].bg_dark_color:hover,
.banner:hover [class*="button_type_"].bg_dark_color,
[class*="button_type_"].bg_cs_hover:hover,
#go_to_top:hover,
.sw_button.googlemap,#menu_button,
.ui-slider:after,
.vertical_list_type_2 li:before,
.camera_wrap .camera_pag .camera_pag_ul .cameracurrent,
.camera_wrap .camera_prev:hover,
.camera_wrap .camera_next:hover,
.flex-control-nav .flex-active,
.flex-direction-nav a:hover {color:#df4312;}

.f_size_ex_large {font-size: 1.15em;}
.horizontal_list > * {float:left;}
.horizontal_list > *:first-child {margin-left:0;}

.rating_list:not(.type_2) {
  margin-top:4px;
  opacity:0;
}
.rating_list li {
  cursor:pointer;
  width:13px;
  height:14px;
  position:relative;
  margin-left:.5px;
}
.rating_list li .empty,
.rating_list li .active {
  position:absolute;
  opacity:0;
  left:0;
  line-height: 1;
}
.rating_list li .empty {color: #d1d1d1;}
.rating_list li .active {color: #ffcc00;}
.rating_list li .empty {opacity:0.4;}

.rating_list li.active .active,
.product_item .photoframe:hover .rating_list,
fieldset:hover .close_fieldset,
.select_color.active i,
.categories_list .active > a > span:after,
#go_to_top.type_2.animate_horizontal_finished:hover,
.cw_product .close_fieldset,
.owl-item .photoframe:hover .rating_list {opacity:1;}

.rating_list li.active .empty,
.close_fieldset,.select_color i,
.categories_list .active > a > span:before,
.categories_list a > span:after,
.hide,#go_to_top.type_2.animate_ftl {opacity:0;}
.shop_section ul {margin: 0;}
.shop_section a:hover {
  text-decoration: underline;
  color: #1b1b1b;
}
.v_reviews a:first-child {
  border-right: 1px solid #999898;
  padding-right: 5px;
  line-height: 12px;
}
.shop_section h2 {letter-spacing: -1px;}
.shop_section .description_table {margin-top:-5px;}
.shop_section .description_table td {padding:5px 0;}
.shop_section .description_table tr td:first-child {min-width:108px;}
.shop_section .description_table.type_2 tr td:first-child {min-width:65px;}
.shop_section .description_table.type_3 tr td:first-child {min-width:175px;}

.color_green {color: #639c00;}
.shop_section s {
  font-size: 30px;
  color: #df4312;
  text-decoration: none;
  padding-bottom: 15px;
  display: block;
}
.shop_section .description_table.type_2 tr td:first-child {min-width: 40px;}
.shop_section .description_table.type_3 tr td:first-child {min-width: 45px;}
.shop_section .description_table.type_2 .select_title {min-width: 73px;}
.shop_section .description_table button {background: none;}
.shop_section .btn-cart:hover {
  text-decoration: none;
  color: #ffffff;
}
.shop_section .txt_dec:hover {text-decoration: none;}

.photoframe:not(.type_2):hover img,
.specials_item .d_block.wrapper:hover img {
  -webkit-transform:scale(1.08);
  -moz-transform:scale(1.08);
  -o-transform:scale(1.08);
  -ms-transform:scale(1.08);
  transform:scale(1.08);
}
.d_block {display:block;}

.sort_shop {
  padding-top: 15px;
  border-top: 1px solid #f7f6f5;
  margin-top: 15px;
}
.sort_shop .select_title {padding: 4px 39px 4px 9px;}
.sort_shop.no_bord {border: none !important;}
.sort_shop .description_table {margin-top: 0;}
.sort_shop span {line-height: 30px;}
 
.shop_product_list .block-product {width: 270px;}
.shop_product_list li {margin-right: 30px;}
.shop_product_list li:last-child {margin-right: 0;}

.v_align_m {vertical-align: middle!important;}

.shop_tabs p {margin: 0;}
.shop_tabs.tabbable.responsive .tab-content {
  padding: 20px;
  min-height: 115px;
}
.shop_tabs .icon_tab .tab-pane {padding: 0;}

.poduct_wrap {
  width: 100%;
  overflow: hidden;
  position: relative;
  height: auto;
  padding: 5px 25px 122px;  
  margin: 0 -25px -9px !important;
}


/*-----================== Product_categories_v2 ============== ------*/
.v_grid .v_list_block {display: none;}
.v_list .v_list_block {display: block;}
.v_list .poduct_wrap {height: auto!important;}
.v_list .poduct_wrap .span3 {
  float: none;
  width: 97%;
}
.v_list .block-product {padding-bottom: 8px; }
.v_list .block-product:hover .box-product {
  opacity: 1;
  filter: none;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
}
.v_list .block-product:hover,
.v_list .block-product {height: auto;}
.v_list .box_content {display: none;}
.v_list .img-product {margin-bottom: 0;}
.v_list .block-product figure:first-child{
  display: inline-block;
  margin-right: 30px;
  vertical-align: top;
  position: relative;
  width: 27%;
}
.v_list .block-product .v_list_block {
  display: inline-block;
  width: 63%;
  position: relative;
  z-index: 10;
}
.v_list .block-product:hover .box-product-hover {
  opacity: 0;
  z-index: 1;
  display: none;
}
.v_list li.span3 {margin-bottom: 30px;}
.v_list li.span3:last-child {margin-bottom: 0;}

.v_list.list_grid {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.v_list.list_grid .block-product:hover {
  background: #ffffff;
  -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 8px rgba(0, 0, 0, 0.3);
  border-bottom: 3px solid #df4312;
  border-radius: 5px;
  padding-bottom: 8px;
}
.v_list.list_grid .box-product {
  border-bottom: none;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  margin-top:18px;
}
.v_list.list_grid .block-product:hover .box-product {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
   box-shadow: none; 
}
.v_list.list_grid .block-product .v_list_block p {
	font-size: 0.8em;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height:150%;
    max-height: 2.8em;
}
.v_list.list_grid figure {margin-right: 30px;}
.v_list.list_grid .btn-small {padding: 12px 20px 12px 50px;}
.v_list.list_grid .btn-cart:before {
  left: 15px;
  font-size: 23px;
  font-weight: normal;
}
.v_list.list_grid .btn-cart.wishlist:before {content: "\f08a";}
.v_list.list_grid .btn-cart.compare:before {content: "\f0c5";}
.v_list.list_grid li .v_price {
  float: left;
  padding-top: 4px;
  padding-right: 20px;
}
.v_list.list_grid li.v_list.list_grid_element .btn-small {margin-right: 5px;}
.v_list.list_grid .btn-small:last-child {margin-right: 0;}

.description_table {margin-top: -5px;}
.description_table.type_2 tr td:first-child {min-width: 55px;}
.description_table tr td:first-child {min-width: 90px;}

.relative {position: relative;}
.custom_select ul {
  margin: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.select_title {
  cursor: pointer;
  padding: 9px 39px 8px 9px;
  border: 1px solid #e4e4e2;
  background: #f0f0f0;
  z-index: 1;
  min-width: 85px;
  color: #1b1b1b;
  -webkit-transition: border-color .4s ease;
  -moz-transition: border-color .4s ease;
  -o-transition: border-color .4s ease;
  transition: border-color .4s ease;
  box-shadow: 0 0 5px #E4E4E2 inset;
}
.select_title.active {
  -webkit-border-bottom-left-radius: 0px;
  -moz-border-bottom-left-radius: 0px;
  border-bottom-left-radius: 0px;
  -webkit-border-bottom-right-radius: 0px;
  -moz-border-bottom-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-bottom-color: transparent;
  background: #ffffff;
  box-shadow: 0 1px 5px 0 #E4E4E2 inset;
}
.r_corners {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.select_title:before {
  content: "";
  border-left: 1px solid #D4D4D4;
  position: absolute;
  height: 21px;
  right: 27px;
  top: 50%;
  margin-top: -10px;
}
.select_title.active:after {content: "\f106";}
.select_title:after {
  content: "\f107";
  display: inline-block;
  font-family: FontAwesome;
  line-height: inherit;
  position: absolute;
  color: #292f38;
  font-size: 14px;
  right: 8px;
  top: 50%;
  margin-top: -10px;
}
.select_list {
  position: absolute;
  left: 0;
  top: 100%;
  cursor: pointer;
  width: 100%;
  background: #ffffff;
  border-left: 1px solid #e4e4e2;
  border-right: 1px solid #e4e4e2;
  border-bottom: 1px solid #e4e4e2;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
  z-index: 22;
  box-shadow: 0 -1px 5px 0 #E4E4E2 inset;
}
.d_none,
.tw_buttons li:first-child:before {display: none;}

.select_list > li {
  color: #6a6a6a;
  padding: 3px 10px;
}
.select_list > li:hover {background-color: #f0f0f0;}
.tr_delay_hover,
.button_type_2 .scheme_color {
  -webkit-transition: color 1s ease,background-color 1s ease,box-shadow 1s ease;
  -moz-transition: color 1s ease,background-color 1s ease,box-shadow 1s ease;
  -o-transition: color 1s ease,background-color 1s ease,box-shadow 1s ease;
  transition: color 1s ease,background-color 1s ease,box-shadow 1s ease;
}
.quantity_wanted_p {
  float: left;
  margin-right: 10px;
  margin-top: 5px;
}
.quantity_wanted_p label {cursor: default;}
.quantity_wanted_p label {
  margin-top: 10px;
  float: left;
  width: auto;
}
.quantitybox {
  background: none repeat scroll 0 0 #F0F0F0;
  border: 1px solid #E4E4E2;
  border-radius: 4px 4px 4px 4px;
  box-shadow: 0 0 5px #E4E4E2 inset;
  color: #333333;
  font: 14px/30px Arial, '微軟正黑體',Tahoma,sans-serif;
  margin: 0px 0px 0px 10px;
  padding: 4px 0 4px 10px;
  position: relative;
  text-shadow: 1px 1px #FFFFFF;
  width: 87px;
  float: right;
}
.quantity_wanted_p input {
  width: 20px;
  background: none;
  border: none;
  box-shadow: none;
  padding: 0px;
  margin: 0px 0px 0px 0px;
}
.q_modify {
  border-left: 1px solid #D4D4D4;
  position: absolute;
  right: 0px;
  padding: 2px 8px 2px 10px;
  top: 8px;
  width: 12px;
  z-index: 1;
}
.q_up {
  background: url(../img/select_arrows.png) 0px 0px no-repeat;
  display: block;
  width: 9px;
  margin-bottom: 5px;
  cursor: pointer;
  height: 6px;
}
.q_down {
  background: url(../img/select_arrows.png) 0px -6px no-repeat;
  cursor: pointer;
  display: block;
  width: 9px;
  height: 6px;
}
.shop_section .addthis_toolbox {margin-left: 0;}
span.hot_red {
  background-color: #eb3a00;
  background-image: -moz-linear-gradient(top, #eb3a00, #e52600);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#eb3a00), to(#e52600));
  background-image: -webkit-linear-gradient(top, #eb3a00, #e52600);
  background-image: -o-linear-gradient(top, #eb3a00, #e52600);
  background-image: linear-gradient(to bottom, #eb3a00, #e52600);
  background-repeat: repeat-x;
}
span.hot_yellow {
  background-color: #ffcf00;
  background-image: -moz-linear-gradient(top, #ffcf00, #ffc100);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffcf00), to(#ffc100));
  background-image: -webkit-linear-gradient(top, #ffcf00, #ffc100);
  background-image: -o-linear-gradient(top, #ffcf00, #ffc100);
  background-image: linear-gradient(to bottom, #ffcf00, #ffc100);
  background-repeat: repeat-x;
  color: #1b1b1b;
}

.shop_tabs .icon_tab2 ul {margin:0;}
.shop_tabs .icon_tab2 ul li {
  padding: 10px;
  margin: 0 10px;
  border-bottom: 1px solid #f0f0f0;
}
.shop_tabs .icon_tab2 ul li:first-child {padding: 0 0 10px 10px;}
.shop_tabs .icon_tab2 ul li:last-child {
  border-bottom: none;
  margin: 0;
  padding-left: 20px;
}
.shop_tabs.tabbable.responsive .tab-content.icon_tab {padding: 0;}
.shop_tabs .tab_pad {padding: 20px;}
.shop_tabs .v_specific {padding: 20px 0 10px 0;}
.shop_tabs .v_specific li span:first-child {
  min-width: 70px;
  display: inline-block;
}
.shop_section .btn-cart {padding: 12px 21px 12px 57px;}
.add_to_catr a:hover,
.add_to_catr a:hover i {color: #1d94ff;}

.v_reviews_tab,
.v_reviews_tab ul,
.post_form ul {margin: 0;}
.v_reviews_tab div {font-size: 12px;}
.v_reviews_tab .level1 {
  padding: 20px 0;
  border-bottom: 1px solid #e4e4e2;
}
.v_reviews_tab .level1:first-child {
  padding-top: 0;
  padding-bottom: 15px;
}
.v_reviews_tab .level1:last-child {border-bottom: none;}
.v_reviews_tab .block-control {
  border-top: none;
  padding-top: 0;
}

.like, 
.dislike {
  display: inline-block;
  width: 30px;
  height: 30px;
}
.v_reviews_tab .v_quote_count {
  font-size: 14px;
  margin-left: 5px;
  text-align: right;
}
.v_reviews_tab .v_quote {
  font-size: 13px;
  color: #1b1b1b;
  text-align: right;
  margin-top: 10px;
}
.v_reviews_tab .v_quote_count.green {color: #6da311;}
.v_reviews_tab .v_quote_count.red {color: #e92d00;}
.like i {color: #639c00;}
.dislike i {color: #e92d00;}
.v_reviews_tab blockquote {-webkit-backface-visibility: visible;}
.shop_tabs .v_form input, 
.shop_tabs .v_form select, 
.shop_tabs .v_form textarea {width: 50%;}
.shop_tabs .v_form label {cursor: default;}
.shop_tabs .form-elements label:last-child {margin-left: 0;}


/*-----================== Category ============== ------*/
.category #accordion.list li:first-child {border: none;}
.category #accordion.list li {
  font: bold .95em/145% Arial, '微軟正黑體', Helvetica, sans-serif;
  float: none;
  position: relative;
  padding: 10px 0 10px 0px;
  height: auto;
  background: none;
  text-transform: none;
  border-top: 1px solid #f0f0f0;
}
.category .list li {
  font-weight: 400;
  font-size: 14px;
}
.category #accordion.list li a {
  color: #6a6a6a;
  text-decoration: none;
  padding: 0;
  display: inline-block;
  background: none;
  -webkit-transition: margin-left 0.5s linear, color 0.5s linear;
  -moz-transition: margin-left 0.5s linear, color 0.5s linear;
  -o-transition: margin-left 0.5s linear, color 0.5s linear;
  -ms-transition: margin-left 0.5s linear, color 0.5s linear;
  transition: margin-left 0.5s linear, color 0.5s linear;
}
.category .VmArrowdown {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  height: 23px;
  width: 23px;
  float: none;
  position: absolute;
  right: 0;
  top: 8px;
}
.category .VmArrowdown i {font-size: 14px;}
.category .VmArrowdown.expanded i:before {content: "\f106";}

.close {
  float: right;
  font-weight: bold;
  line-height: 20px;
  color: #6a6a6a;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.2;
  filter: alpha(opacity=20);
}
.category li.parent ul {display: none;}
.t3-module ul, .t3-module ol {margin-left: 20px;}
.category #accordion.list .level1 li:first-child {margin-top: 10px;}
.category #accordion.list .level1 li a {
  font-weight:normal;
  font-size:0.9em;
  line-height:145%;
  color:#6a6a6a;
  margin-left:15px;
}

.category #accordion.list .level1 li {
  background: none;
  padding-left: 0px;
  border: none;
  border-top: 1px solid #f0f0f0;
  padding-top: 10px;
  padding-bottom: 10px;
  font:normal 0.9em/145% Arial, '微軟正黑體', Helvetica, sans-serif;
}
.category #accordion.list ul {margin: 0;}
.category #accordion.list .level1 .level2 li:first-child {margin-top: 10;}
.category #accordion.list .level1 .level2 li a {
  font-weight: normal;
  color: #6a6a6a;
  margin-left: 40px;
  font-size:0.95em;
}
.category #accordion.list li:last-child {padding-bottom: 0;}
.category #accordion.list {padding-bottom: 10px;}
.w_categories .block-product2 {height: auto;}
.w_categories .block-product2 h6 {
  font-weight: normal;
  line-height: 15px;
}
.w_categories .img-product {margin-bottom: 10px;}
.w_categories .block-product2:hover h6 a {color: #df4312;}
.w_categories .block-product2:hover {
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
.w_categories .span3 {width: 22%;}

.sort_shop .btn-tags {padding: 6px 9px;}
.sort_shop .navigation_grid {
  float: right;
  font-size: 13px;
}
.sort_shop .v_block-control {padding-top: 5px;}
.navigation_grid .btn-tags {
  text-indent: -9999px;
  position: relative;
  width: 30px;
  height: 30px;
  outline: none;
  padding: 0!important;
}
.navigation_grid a i {
  font-size: 18px;
  position: absolute;
  line-height: 30px;
  left: 24%;
  top: 4%;
  color: #1b1b1b;
  text-indent: 0;
  margin-left: -1px;
  text-decoration: none;
  display: block;
}
.navigation_grid .Cgrid.active,
.navigation_grid .Clist.active {background-color: #df4312;}
.navigation_grid .Cgrid.active i,
.navigation_grid .Clist.active i,
.Clist:hover i,
.Cgrid:hover i {color: #ffffff;}
.navigation_grid span  {
  float: left;
  line-height: 30px;
  margin-right: 10px;
}


/*-----================== Contact ============== ------*/
.map_container iframe {
  background: transparent;
  font-weight: inherit;
  margin: 0;
  padding: 0;
  outline: 0;
  vertical-align: top;
  border: 0;
}
.map_container {
  width: 100%;
  height: 0;
  position: relative;
  padding-bottom: 27%;
}
.map_container.photoframe {
  border: none;
  z-index: 1;
  background: #ffffff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  overflow: hidden;
}
.map_container > iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.v_contact_form ul {
  margin-left: 0;
  margin-bottom: 0;
}
.v_contact_form .txt-2 {font-size: 15px;}
.v_contact_form .v_drop li {padding-bottom: 27px;}
.v_contact_form .v_drop li:last-child {padding-bottom: 0;}
.v_contact_form2 .map_container {padding-bottom: 47%;}
.v_contact_form2 .full_width {width: 100%;}
.v_contact_form2 .v_h_fild li {margin-bottom: 15px;}
.v_contact_form2 .v_h_fild li:last-child {margin-bottom: 0;}
.v_contact_form3 .v_contact_list3 li {
  float: left;
  margin-right: 40px;
}
.v_contact_form3 .v_contact_list3 li:last-child {margin-right: 0;}
.v_contact_form3 .v_contact_list3 li p {
  overflow: visible;
  display: inline-block;
}
.v_contact_form3 .map_container {padding-bottom: 31%;}
.v_contact_form .v_drop .block-features p {overflow: hidden;}

input:not([type="submit"]):focus,textarea:focus {
  -webkit-box-shadow:none;
  -moz-box-shadow:none;
  -ms-box-shadow:none;
  -o-box-shadow:none;
  box-shadow:none;
  border:1px solid #e4e4e2;
}


/*-----================== WishList ============== ------*/
.row-title.row_var2 .breadcrumb {padding: 0;}
.row-title.row_var2 {padding: 6px 0;}

.v_tables.v_wishlist td {vertical-align: top;}
.v_tables.v_wishlist figure {display: inline-block;}
.v_tables.v_wishlist .quantity_wanted_p,
.v_tables.v_wishlist .quantitybox {margin: 0!important;}
.v_tables.v_wishlist td {padding: 20px;}
.v_tables.v_wishlist td button {text-align: right;}
.v_tables.v_wishlist td button strong {
  margin-left: 22px;
  white-space: nowrap;
  margin-right: -10px;
}
.v_tables.v_wishlist td button:before {left: 15px;}
.v_tables.v_wishlist td figure {position: relative;}
.v_tables.v_wishlist .quantity_wanted_p {float: none;}
.v_tables.v_wishlist .quantitybox {float: none;}
.v_tables.v_wishlist .v_remove {padding-top: 20px;}
.v_tables.v_wishlist .v_remove:last-child {
  padding-top: 5px;
  padding-left: 3px;
}
.v_tables.v_wishlist .v_remove a {vertical-align: top;}
.v_tables.v_wishlist .v_remove i {
  padding-right: 10px;
  font-size: 25px;
}
span.v_td_price,
div.v_td_price {
  color: #9c9c9c;
  text-decoration: line-through;
  font-weight: normal;
  padding-right: 5px;
  line-height: 1em;
}
.tables_wishlist .sort_shop2 {
  border-top: none;
  border-bottom: 1px solid #e4e4e2;
  padding-bottom: 10px;
  margin-bottom: 25px;
  margin-top: 0;
  padding-top: 0;
}
.v_tables.v_wishlist thead tr {background-color: #f0f0f0;}
.v_tables.v_wishlist tr td {border-width: 0px 1px 1px 0;}
.v_tables.v_wishlist tr:first-child td:first-child {border-width: 0px 1px 1px 0px;}
.v_tables.v_wishlist tr:first-child td:last-child {border-width: 0px 0px 1px 1px;}
.v_tables.v_wishlist tr:last-child td {border-width: 0px 0px 0 1px;}
.v_tables.v_wishlist td h5 {letter-spacing: normal;}


/*-----================== Compare_Product ============== ------*/
.compare_table .btn-medium {
  padding: 13px 21px 13px 47px;
  font-size: 14px;
}
.compare_table td p,
.shopping_cart .v_shop_cart p {margin: 0;}

.compare_table .btn-medium:before {
  font-family: FontAwesome;
  content: "\f112";
  font-size: 20px;
  line-height: 38px;
  color: #1b1b1b;
  position: absolute;
  top: 2px;
  left: 20px;
}
.compare_table .v_tables td:first-child {
  background-color: transparent;
  text-align: left;
  border-width: 0px 0 1px 0;
  font-size: 14px;
  color: #000000;
}
.compare_table .v_tables tr:first-child {
  vertical-align: middle;
  border: 1px solid #e4e4e2;
  border-width: 0px 0px 1px 0px;
  text-align: left;
  font-size: 14px;
  color: #6a6a6a;
}
.compare_table .tab_var1_pad {padding: 5px;}
.compare_table .v_tables tr td:first-child,
.compare_table .v_tables tr th:first-child {
  background-color: #f0f0f0 !important;
  border-width: 0px 0px 1px 0px;
}
.compare_table .v_tables tr:first-child td {background-color: #fffff;}
.compare_table .v_tables tr:first-child td,
.compare_table .v_tables tr:last-child td {border-width: 0px 1px 0px 0px;}
.compare_table .v_tables tr:first-child td:last-child,
.compare_table .v_tables tr:last-child td:last-child {border-width: 0px 0px 0px 1px;}
.compare_table .v_tables tr:first-child td:last-child {border-radius: 0 5px 0 0;}
.compare_table .v_tables tr td:first-child {border-right-width: 0;}
.compare_table .v_tables tr:first-child td h5 {
  padding-top: 20px;
  letter-spacing: -1px;
}
.compare_table .v_tables ul {margin: 0;}
.v_reviews a:first-child {
  border-right: 0;
  line-height: 12px;
}
.v_text_black {color: #1b1b1b !important;}
.v_text_red {color: #e92d00 !important;}


/*-----================== Shopping_cart ============== ------*/
.shopping_cart .continue_shopping {
  position: relative;
  float: right;
  font-size: 14px;
  font-weight: normal;
  text-transform: none;
}
.shopping_cart .continue_shopping:before {
  position: absolute;
  content: "";
  font-size: 25px;
  color: #000000;
  left: -30px;
  font-family: FontAwesome;
}
.shopping_cart form a {font-size: 13px;}
.shopping_cart .form-elements label:last-child {margin-left: 0;}
.shopping_cart .block-widget {padding: 23px 20px 30px;}
.shopping_cart .half_col {
  width: 49.5%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: top;
}
.shopping_cart .half_col {padding: 5px 20px 0 0;}
.shopping_cart .half_col:last-child {
  padding: 5px 0 15px 20px;
  border-left: 1px solid #e4e4e2;
}
.shopping_cart .v_shop_cart tr:first-child td {color: #6a6a6a;}
 
.shopping_cart .v_shop_cart tr td:first-child h5 {padding: 12px 0 0 15px;}
.shopping_cart .v_shop_cart .v_td_price {
  color: #393939;
  font-size: 14px;
}
.shopping_cart .v_shop_cart .v_td_price span {
  display: block;
  padding-bottom: 5px;
  padding-right: 0;
}
.shopping_cart .v_shop_cart .quantitybox {width: 58px;}
.shopping_cart .v_shop_cart .v_tab_icons i {
  font-size: 16px;
  padding-right: 8px;
}
.shopping_cart .v_shop_cart .v_quant {width: 71px;}
.shopping_cart .v_shop_cart .v_td_price2 span {
  text-decoration: line-through;
  color: #7e7e7e;
}
.shopping_cart .v_shop_cart .v_td_price3 {
  font-size: 16px;
  font-weight: bold;
  color: #1b1b1b;
}
.shopping_cart .v_shop_cart .v_td_price3.colored {color: #df4312;}
.shopping_cart .v_shop_cart.v_tables td.full_coll {border-width: 0px 0px 1px 0px;}
.shopping_cart .v_form textarea {height: 150px;}


/*-----================== Manufacrurers ============== ------*/
.v_brand_list div {
  padding-top: 15px;
  color: #1b1b1b;
}
.v_brand_list li {margin-top: 30px;}

.v_manufacturers2 .txt-1 a:first-child {padding-right: 10px;}
.v_manufacturers2 .txt-1 a:last-child {padding-left: 7px;}
.v_manufacturers2 .txt-1 a {line-height: 11px;}


/*-----================== List_Orders ============== ------*/
.v_tables.v_list_orders tr td:first-child {color: #1b1b1b;}


/*-----================== Detail_Order ============== ------*/
.v_detail_order h4.heading-h4.reset {
  text-transform: uppercase;
  font-size: 18px;
  padding: 10px 0 0 0;
  border-bottom: none;
}
.v_detail_order .block-widget {padding: 10px 20px 30px;}
.block-widget .block_bord {border-bottom: 2px solid #f0f0f0;}
.v_detail_order .v_tables tr:first-child td:last-child {color: #6a6a6a;}
.v_detail_order .v_tables tr td:first-child {width: 22%;}
.v_detail_order .span4,
.v_detail_order.two_colls_table .v_tables tr td:first-child {width: 46%;}
.v_detail_order .v_tables td.v_td_price a {font-size: 14px;}
.v_detail_order .v_order_list {
  list-style: disc !important;
  margin-top: 15px;
  color: #1b1b1b;
}
.v_detail_order .v_order_list li a {
  color: #6a6a6a;
  font-size: 14px;
}
.v_detail_order ul {margin: 0 0 0 20px;}
.v_detail_order .v_tables tr:first-child td:last-child {color: #6a6a6a;}
.v_tables.v_tables3 .v_td_price.v_td_black,
.order_block .v_tables.v_shop_cart tr td:last-child {color: #1b1b1b!important;}
.block-widget.order_block {padding: 10px 20px 30px 20px;}


/*-----================== Deal_of_the_day ============== ------*/
.v_deal .span6 {width: 59%;}
.v_deal .span3 {
  width: 35.5%;
  margin-left: 0;
}
.v_deal .span6 {
  padding: 10px 0 0 0;
  margin-left: 35px;
}
.v_deal .heading5 {
  text-transform: uppercase;
  font-weight: 600;
  padding-bottom: 5px;
}
.v_deal .price_info {margin-top: 8px;}
.v_deal .price_info li {
  border-radius: 5px;
  background-color: #f0f0f0;
  padding: 7px 2px;
  text-align: center;
  border: 1px solid #e4e4e2;
}
.v_deal .price_info li {
  float: left;
  margin-right: 5px;
  min-width: 31%;
}
.v_deal .price_info li:last-child {margin-right: 0;}
.v_deal .price_info li div {
  font-size: 24px;
  font-weight: bold;
}
.v_deal .price_info li:nth-child(2) div {color: #e92d00;}
.v_deal .price_info li:nth-child(3) div {color: #1b1b1b;}
.v_deal .v_item {
  background-color: #e92d00;
  -webkit-box-shadow: inset 0px 0px 4px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0px 0px 4px 0px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0px 0px 4px 0px rgba(0, 0, 0, 0.15);
  padding: 4px 6px;
  border-radius: 3px;
  border: 1px solid #a82000;
  color: #ffffff!important;
}
.v_deal .v_items_info {margin: 10px 0 15px 0;}
.v_deal .v_items_info span:first-child {color: #1b1b1b;}
.v_deal h2 {
  font-size: 24px;
  margin-bottom: 0;
}
.v_deal .main-sldier {padding: 0!important;}
.v_deal .flexslider {padding: 10px 10px 20px 10px;}
.v_deal .flexslider .flex-control-paging {
  text-align: left;
  width: auto;
  float: left;
  position: absolute;
  bottom: 5px;
  left: 15%;
  z-index: 9999;
}
.v_deal .shop_section .description_table td {padding: 0;}

.count_holder_small {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-color: #ffffff;
  position: absolute;
  padding: 20px 10px;
  border-top: 3px solid #df4312;
  display: block; 
  z-index: 10000;
  width: 240px;
  height: 100px;
}
#product_list .count_holder_small {display: none;}

.count_holder_small h5 {
  text-transform: uppercase;
  padding-bottom: 15px;
}
.count_holder_small .v_count_deal {padding-left: 0;}
.count_holder_small .countdown-event .countdown_section {width: 15%!important;}
 
.v_count_deal {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
  padding-left: 30px;
}
.v_count_deal .countdown-event {margin: -15px 0 0 -10px;}
.v_count_deal .countdown-event .countdown_amount {
  font-size: 24px!important;
  line-height: 1em;
  font-weight: normal;
  padding: 10px 0 0;
  letter-spacing: -2px;
  margin-bottom: -10px;
}
.v_count_deal .countdown_section {
  background: none;
  -webkit-border-radius: none;
  -moz-border-radius: none;
  border-radius: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  margin-bottom: 0!important;
}
.v_count_deal .countdown-event .countdown_row {text-align: left;}
.v_count_deal .countdown-event .countdown_section {
  margin: 0 0 0 20px;
  font-size: 12px;
  line-height: 12px;
  width: 18%;
  padding-bottom: 10px;
  text-transform: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}


/*-----================== Log_in_form ============== ------*/
.poping_links .link {
  font-size: 13px;
  color: #df4312!important;
}
header.header_6 .poping_links {padding-top: 2px;}
.poping_links {
  float: left;
  font-size: 13px;
  line-height: 11px;
  margin-right: 95px;
}

#login_pop {
  border: 1px solid #e5e5e5;
  box-shadow: 0 0 3px #e5e5e5;
  background: #fff;
  border-radius: 3px;
  padding: 30px;
  padding-bottom: 0;
  padding-top: 10px;
  position: absolute;
  left: 0;
  top: 30px;
  width: 270px;
  border-top: 3px solid #df4312 !important;
  display: none;
}
#form-login span.title {
  font: normal 20px/38px;
  color: #1b1b1b;
  font-family: 'Open Sans', Arial, '微軟正黑體', sans-serif;
  display: block;
  padding-bottom: 10px;
}
#form-login .Forgot {
  float: right;
  list-style-type: none;
}
.t3-module ul, .t3-module ol {margin-left: 20px;}
#login_pop .txt-1 li{
  margin-bottom: 0;
  line-height: 15px;
}
#login_pop .txt-1 a {font-size: 12px;}
#form-login .create_customer {
  background: #f0f0f0;
  padding-top: 20px;
  overflow: hidden;
  margin-left: -30px;
  margin-right: -30px;
  padding-bottom: 20px;
  margin-top: 20px;
  border-radius: 0 0 3px 3px;
}
#form-login .create_customer span {
  font: normal 18px/38px;
  color: #1b1b1b;
  font-family: 'Open Sans', Arial, '微軟正黑體', sans-serif;
  float: left;
  margin-right: 10px;
  padding-left: 28px;
}
#form-login .create_customer .button {
  float: left;
  padding-left: 10px;
  padding-right: 10px;
}
#closeLogin,
.popup .closeView {
  position: absolute;
  right: 10px;
  top: 10px;
  font-family: font-awesome;
  width: 11px;
  height: 11px;
  content: "\f00d";
}


/*-----================== Offer_popup ============== ------*/
#popup_wrap {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0,0,0,.5);
  z-index: 200;
  display: none;
}
.popup {
  background: #ffffff;
  padding: 26px 20px 30px;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 790px;
  overflow: hidden;
  margin-left: -395px;
  margin-top: -311.5px;
  border-top: 3px solid #df4312;
}
.popup .half_column:nth-child(n+2) {padding: 0 0 0 30px;}
.popup .owl-carousel:not(.process-wrap) .owl-item:first-child {padding-left: 4px; }
.popup .owl-carousel .owl-item { 
  padding: 0 4px;
  width: 100px!important;
}
.popup ul {list-style: none;}
.popup img {width: 395px;}


/*-----================== StyleSwitcher Layout ============== ------*/
.boxed_layout {
  width:1220px;
  margin:0 auto;
}
.wide_layout {width:100%;}


/*-----================== Video Slider ============== ------*/
.v_video_slider .main-sldier {
  overflow: hidden;
  position: relative;
  padding: 0;
  border-radius: 0;
}
.v_video_slider .main-sldier .flex-control-nav {display: none;}
.visualAudible__waveform {left: 60px!important;}


/* ------------------------------------- 
Responsive Single_Shop
------------------------------------- */
@media only screen and (max-width: 1200px){
  .boxed_layout{
    width:1020px;
  }
  .zoomContainer{
    display:none !important;
  }
  .d_md_none{
    display:none;
  }
  .m_ls_bottom_10{
    margin-bottom: 10px;
  }
  .m_ls_top_5{
    margin-top: 5px;
  }
}

@media only screen and (max-width: 992px){
  .boxed_layout{
    width:770px;
  }
  .w_sm_full{
    width:100%;
  }
  .nav-collapse_ .nav > li > a > .sf-sub-indicator{
    display: none;
  }
  .d_sm_inline_middle{
    display: inline-block;  
    vertical-align: middle;
  }
  .t_sm_align_l{
    text-align: left;
  }
  .f_sm_none{
    float:none;
  }
  .m_sm_bottom_20{
    margin-bottom: 20px;
  }
  .m_xm_top_20{
    margin-top: 20px!important;
  }
  .jackbox img{
    width: 100%!important;
  }
}

@media only screen and (min-width: 980px){
  .block-product:hover .quick_btn, .izotop_load li >div:hover .quick_btn, .mod_vm2products #vm2product li > div:hover .quick_btn {
    display: inline-block;
    visibility: visible;
  }
  .quick_btn {
    text-decoration: none;
    font-size: 14px;
    color: #1b1b1b;
    background: rgba(225, 225, 225, .7);
    border-radius: 6px;
    padding: 10px 15px;
    display: inline-block;
  }
  .quick_btn {
    position: absolute;
    left: 50px;
    top: 110px;
    z-index: 998;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    cursor: pointer;
    visibility: hidden;
  }
  .quick_btn {
    display: none;
  }
  .block-product:hover .quick_btn, .izotop_load li >div:hover .quick_btn, .mod_vm2products #vm2product li > div:hover .quick_btn {
    left: 32%;
  }
  .quick_btn i {
    margin-right: 10px;
  }
  .quick_btn {
    text-decoration: none;
    font-size: 14px;
    color: #1b1b1b;
    background: rgba(225, 225, 225, .7);
    border-radius: 6px;
    padding: 10px 15px;
    display: inline-block;
  }
  .quick_btn {
    position: absolute;
    left: 10%;
    top: 110px;
    z-index: 998;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    cursor: pointer;
    visibility: hidden;
  }
  .quick_btn:hover {
    background: #000;
    color: #fff;
  }
}

@media only screen and (max-width:768px){
  .boxed_layout{
    margin:0 10px;
  }
  .w_xs_auto,.boxed_layout{
    width:auto;
  }
  .d_xs_centered{
    margin-left:auto;
    margin-right:auto;
  }
  .v_tables.v_wishlist.v_shop_cart .v_space3 {
    padding-top: 0;
  }
  .d_xs_none {
    display: none;
  }
  #menu_button{
    display:block;
  }
  #menu_button + ul,
  .nav-collapse_ .nav ul{
    display:none;
  }
  header.header_3 #menu_button + ul{
    padding-top:10px;
  }
  .nav-collapse_ .nav ul ul li a{
    padding-left:30px !important;
  }
  .nav-collapse_ .nav > li:not(:last-child){
    margin-bottom:5px;
  }
  .nav-collapse_ .nav ul.submenu-extra h6{
    margin-top:10px;
  }
  header.header_2 .nav-collapse_ .nav > li > ul, header.header_3.extra .nav-collapse_ .nav > li > ul{
    top:0 !important;
  }
  #countdown{
    width:100% !important;
    margin:0 !important;
  }
  #countdown.countdown-event .countdown_section{
    width:22% !important;
    margin-bottom: 20px;
  }
  #countdown.countdown-event .countdown_section:not(:last-child){
    margin:0 1.2%;
  }
  /*#countdown .countdown_amount{
    padding
  }*/
  .nav-collapse_ .nav,
  .nav-collapse_ .nav li,
  .nav-collapse_ .nav ul,
  .nav-collapse_ .nav ul.submenu-extra,
  .nav-collapse_ .nav ul.submenu-extra div[class*="col-menu"],
  .nav-collapse_ .nav ul.submenu-extra span,
  .nav-collapse_ .nav ul ul{
    width:100% !important;
    float:none !important;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    -o-box-shadow:none;
    box-shadow:none;
  }
  .nav-collapse_ .nav > li:hover, .nav-collapse_ .nav > li.active, .nav-collapse_ .nav > li.current_click,
  .header_5 .nav-collapse_ .nav > li:hover,.header_5 .nav-collapse_ .nav > li.active,.header_5 .nav-collapse_ .nav > li.current_click{
    border-left:1px solid #e7e7e7;
    border-right:1px solid #e7e7e7;
    border-bottom:1px solid #e7e7e7;
  }
  .header_3 .nav-collapse_ .nav > li:hover,.header_3 .nav-collapse_ .nav > li.active,.header_3 .nav-collapse_ .nav > li.current_click,
  header.header_3 .nav-collapse_ .nav > li:first-child:hover,header.header_3 .nav-collapse_ .nav > li.active{
    border-left:1px solid #df4312;
    border-right:1px solid #df4312;
    border-bottom:1px solid #df4312;
  }
  .nav-collapse_ .nav > li:hover > a, .nav-collapse_ .nav > li.active > a, .nav-collapse_ .nav > li.current_click > a{
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    -o-box-shadow:none;
    box-shadow:none;
  }
  .nav-collapse_ .nav ul{
    position:relative;
    right:auto !important;
    left:0 !important;
    -webkit-transform:none;
    -moz-transform:none;
    -o-transform:none;
    -ms-transform:none;
    transform:none;
    opacity:1;
    visibility: visible;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
  }
  .f_xs_none{
    float:none;
  }
  .f_xs_left{
    float:left;
  }
  .d_xs_inline_b{
    display:inline-block;
  }
  .t_xs_align_c,.related_projects .owl-item{
    text-align: center;
  }
  .m_b_no_space{
    margin-bottom: 30px!important;
  }
  .m_xm_bottom_20{
    margin-bottom: 20px !important;
  }
  .m_xm_top_20{
    margin-top: 20px!important;
  }
  .div_table_1 {
    margin: 10px 0 30px;
  }
  .m_xs_right_0 {
    margin-right: 0;
  }
  /* tables change*/
  .responsive_table,
  .responsive_table tbody,
  .responsive_table thead,
  .responsive_table tfoot,
  .responsive_table th:not(.d_xs_none),
  .responsive_table tr,
  .responsive_table td:not(.d_xs_none){
    display:block;
  }
  .responsive_table thead tr{
    position:absolute;
    top:-9999px;
    left:-9999px;
  }
  .responsive_table td{
    position:relative;
    padding-left:50% !important;
    border-left:none !important;
    border-right:none !important;
    border-top:none;
    text-align: center!important;
  }
  .responsive_table td:not([colspan]):after{
    content:"";
    display:block;
    border-left:1px solid #e4e4e2;
    position:absolute;
    left:47%;
    top:0;
    height:100%;
  }
  .responsive_table td[colspan]{
    text-align:center!important;
    padding-left:15px !important;
  }
  .responsive_table td:before{
    content:attr(data-title);
    position:absolute;
    top:50%;
    left:9px;
    width:45%;
    padding-right:10px;
    -webkit-transform:translateY(-50%) translateZ(0);
    -moz-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
    color: #000000;
  }
  .responsive_table tr:nth-child(2n) td{
    background:#f0f0f0;
  }
 
  .responsive_table.type_2 tr{
    counter-reset: titlecounter;
  }
  .responsive_table.type_2 tr td{
    counter-increment: titlecounter;
  }
  .responsive_table.type_2 tr td:before{
    content:counter(titlecounter) "." attr(data-title);
  }
  .v_tables.v_wishlist tr:first-child td {
    border-width: 0px 0px 1px 0px !important; 
  }
  .tab_var1_pad {
    padding: 5px 5px 5px 5px;
  }
  .v_tables.v_wishlist tr:last-child td{
    border-width: 0px 0px 1px 1px;
  }
  .v_tables.v_wishlist tr:last-child td:last-child{
    border-width: 0px 0px 0px 1px;
  }
  .v_tables.v_wishlist .quantity_wanted_p, .v_tables.v_wishlist .quantitybox {
    margin: 0 auto!important;
    text-align: left!important;
  }
}

@media only screen and (max-width:627px){
  .m_ms_top_20{
    margin-top: 20px!important;
  }
}

@media only screen and (max-width:420px){
  #countdown.countdown-event .countdown_section .countdown_amount{
    font-size:25px !important;
  }
  #countdown.countdown-event .countdown_section{
    word-break:break-all;
  }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144 dpi){
  .tp-leftarrow,.tp-rightarrow,.simple_slideshow .flex-direction-nav a,
  .ls-nav-prev,.ls-nav-next{
    background-image:url("../images/prevnext@2x.png");
    background-size:50px 100px;
  }
  .steps_nav li:after{
    background-image:url("../images/icon-right@2x.png");
    background-size:22px 40px;
  }
  .select_button_left:after,.select_button_left:before{
    background-image:url("../images/select_button_left@2x.png");
    background-size:14px 90px;
  }
}

.rm-inq {
  display: block;
    position: absolute;
    right: 0;
    top: 20px;
}
.rm-right {
  float: right;
  margin:5px 0 25px 30px;
  text-align: center;
  clear:right;
  font-size:0.85em;
}
.rm-right img {
  margin-bottom:5px;
  border-radius:5px;
}
.rm-left {
  float: left;
  margin:15px 30px 25px 0;
  text-align: center;
  clear:left;
  font-size:0.85em;
}
.rm-left img {
  margin-bottom:5px;
  border-radius:5px;
}
.block_language .translate_flag {
	background: url("../img/flags.png") no-repeat;
	border: 0;
	margin: 0;
	padding: 0;
}

.block_language .af {background-position: 0 0;}
.block_language .ar {background-position: 0 -12px;}
.block_language .be {background-position: 0 -24px;}
.block_language .bg {background-position: 0 -36px;}
.block_language .ca {background-position: 0 -48px;}
.block_language .cs {background-position: 0 -60px;}
.block_language .cy {background-position: 0 -72px;}
.block_language .da {background-position: 0 -84px;}
.block_language .de {background-position: 0 -96px;}
.block_language .el {background-position: 0 -108px;}
.block_language .en {background-position: 0 -120px;}
.block_language .es {background-position: 0 -132px;}
.block_language .et {background-position: 0 -144px;}
.block_language .fa {background-position: 0 -156px;}
.block_language .fi {background-position: 0 -168px;}
.block_language .fr {background-position: 0 -180px;}
.block_language .ga {background-position: 0 -192px;}
.block_language .gl {background-position: 0 -204px;}
.block_language .he {background-position: 0 -216px;}
.block_language .hi {background-position: 0 -228px;}
.block_language .hr {background-position: 0 -240px;}
.block_language .hu {background-position: 0 -252px;}
.block_language .id {background-position: 0 -264px;}
.block_language .is {background-position: 0 -276px;}
.block_language .it {background-position: 0 -288px;}
.block_language .ja {background-position: 0 -300px;}
.block_language .ko {background-position: 0 -312px;}
.block_language .lt {background-position: 0 -324px;}
.block_language .lv {background-position: 0 -336px;}
.block_language .mk {background-position: 0 -348px;}
.block_language .ms {background-position: 0 -360px;}
.block_language .mt {background-position: 0 -372px;}
.block_language .nl {background-position: 0 -384px;}
.block_language .no {background-position: 0 -396px;}
.block_language .pl {background-position: 0 -408px;}
.block_language .pt {background-position: 0 -420px;}
.block_language .ro {background-position: 0 -432px;}
.block_language .ru {background-position: 0 -444px;}
.block_language .sk {background-position: 0 -456px;}
.block_language .sl {background-position: 0 -468px;}
.block_language .sq {background-position: 0 -480px;}
.block_language .sr {background-position: 0 -492px;}
.block_language .sv {background-position: 0 -504px;}
.block_language .sw {background-position: 0 -516px;}
.block_language .th {background-position: 0 -528px;}
.block_language .tl {background-position: 0 -540px;}
.block_language .tr {background-position: 0 -552px;}
.block_language .uk {background-position: 0 -564px;}
.block_language .vi {background-position: 0 -576px;}
.block_language .yi {background-position: 0 -588px;}
.block_language .zh-CN {background-position: 0 -600px;}
.block_language .zh-TW {background-position: 0 -612px;}

thead th:nth-child(1) {width:100px!important;}