/* Import fonts stylesheet */
@import url('fonts.css');

/* =============================================
-------------------  1.General ---------------
==============================================*/

/* 
for coming soon pages
if you want to give this to all pages
bootstrap affix and some other things may not work properly
*/
html.fheight, 
body.fheight {
	width:100%;
	height:100%;
}

body {
	font-size: 16px;
	font-family:'微軟正黑體', '微軟正黑體 Light', sans-serif;
	color: #9b968b;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body.index7 #wrapper{
	background-color: #fff;
}

#wrapper {
	width: 100%;
	background-color: #fbfaf4;
}

#wrapper.boxed {
	width: 970px;
	margin: 30px auto;
	box-shadow: 0 0 15px rgba(0,0,0, 0.15);
	-webkit-box-shadow: 0 0 15px rgba(0,0,0, 0.15);
}

#wrapper.boxed-long {
	width:970px;
	margin:0 auto;
	box-shadow: 3px 0 10px rgba(0,0,0, 0.15), -3px 0 10px rgba(0,0,0, 0.15);
	-webkit-box-shadow: 3px 0 10px rgba(0,0,0, 0.15), -3px 0 10px rgba(0,0,0, 0.15);
}

::selection {
    background-color: #cbc6b2;
    color: #fff;
}

::-moz-selection {
	background-color: #cbc6b2;
    color: #fff;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6  {
	font-family:'微軟正黑體', '微軟正黑體 Light', sans-serif;
	line-height:1;
	color:#857e70;
	margin-top:0;
}

h1,
.h1 {
	font-size:40px;
	margin-bottom:20px;
}

h2,
.h2{
	font-size:33px;
	margin-bottom:20px;
}

h3,
.h3 {
	font-size:28px;
	margin-bottom:20px;
}

h4,
.h4 {
	font-size:23px;
	margin-bottom:15px;
}

h5,
.h5 {
	font-size:18px;
	margin-bottom:15px;
}

h6,
.h6 {
	font-size:16px;
	margin-bottom:15px;
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small {
	color:inherit;
}

ul,ol {
	list-style-type:none;
	padding:0;
	margin:0;
}

p {
	margin: 0 0 20px;
}
a {
	-webkit-transition:color .24s ease-in-out;
	-moz-transition:color .24s ease-in-out;
	-o-transition:color .24s ease-in-out;
	-ms-transition:color .24s ease-in-out;
	transition:color .24s ease-in-out;
	color:#e61446;
}

a:active,
a:hover,
a:focus {
	text-decoration:none;
	color:#058144;
}

a:active,
a:focus,
input,
select,
textarea {
	outline:none;
}

iframe {
	border:none;
}

img.pull-right {
	margin-left:20px;
	margin-bottom:20px;
}

img.pull-left {
	margin-right:20px;
	margin-bottom:20px;
}

hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #ebebeb;
}

blockquote {
	padding:5px 0 5px 22px;
	margin: 40px 0 40px 20px;
	position: relative;
	border-left:1px solid #e61446;
	font-family: 'source_code_proregular', Verdana;
	font-weight: lighter;
}

blockquote.blockquote-reverse {
	padding:5px 22px 5px 0;
	margin:40px 20px 40px 0;
	border-left:none;
	border-right:1px solid #e61446;
}

blockquote p {
	font-size: 16px;
	font-weight: 400;
	line-height:25px;
	font-style:normal;
	color:#a8a193;
}


blockquote:before {
	content:'';
	display:block;
	position: absolute;
	left:1px;
	top:0;
	width:1px;
	height:100%;
	background: #e61446;
}

blockquote.blockquote-reverse:before {
	left:auto;
	right:1px;
	
}

.highlight {
	padding:0 0.3em;
	background: #dcdcdc;
}

.highlight.reverse {
	color:#fff;
	background: #7c807e;
}

.highlight.first-color {
	color:#fff;
	background: #e61446;
}

.highlight.second-color {
	color:#fff;
	background: #058144;
}

.highlight.third-color {
	color:#fff;
	background: #f6e80d;
}

.first-color {
	color: #e61446;
}

.second-color {
	color: #058144;
}

.third-color {
	color: #f6e80d;
}

.dropcap,
.dropcap-bg {
	font-size:3.8em;
	line-height:1;
	padding-right:0.1em;
	float:left;
	color: #efead9;
}

.dropcap.first-color {
	color:#e61446;
}

.dropcap.second-color {
	color:#058144;
}

.dropcap.third-color {
	color:#f6e80d;
}

.dropcap-bg {
	padding:0.03em 0.06em;
	color:#7c807e;
	margin-right:0.15em;
	background: #efead9;
}

.dropcap-bg.first-color {
	background:#e61446;
	color:#fff;
}

.dropcap-bg.second-color {
	background:#058144;
	color:#fff;
}

.dropcap-bg.third-color {
	background:#f6e80d;
	color:#fff;
}
/* =============================================
----------------- 2.Helper Classes -------------
==============================================*/

.sm-separator {
	margin-right:5px;
}

.separator {
	margin-right:10px;
}

.lg-separator {
	margin-right:20px;
}

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

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

.xss-margin,
.xs-margin,
.sm-margin,
.md-margin,
.lg-margin,
.xlg-margin,
.md-margin2x,
.lg-margin2x,
.xlg-margin2x,
.md-margin3x,
.lg-margin3x,
.xlg-margin3x {
	min-height:1px;
}

.xss-margin {
	margin-bottom:5px;
}

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

.xs-margin.half {
	margin-bottom:15px;
}

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

.sm-margin.half {
	margin-bottom:25px;
}

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

.md-margin.half {
	margin-bottom:35px;
}

.lg-margin {
	margin-bottom:40px;
}

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

.xlg-margin.half {
	margin-bottom:55px;
}

.md-margin2x {
	margin-bottom:60px;
}

.md-margin2x.half {
	margin-bottom:70px;
}

.lg-margin2x {
	margin-bottom:80px;
}

.xlg-margin2x {
	margin-bottom:100px;
}

.xlg-margin2x.half {
	margin-bottom:110px;
}

.md-margin3x {
	margin-bottom:90px;
}

.lg-margin3x {
	margin-bottom:120px;
}

.xlg-margin3x {
	margin-bottom:150px;
}

.clear-margin {
	margin:0 !important;
}

.reverse-xs-margin {
	margin-top:-10px !important;
}

.link-underline {
	text-decoration:underline !important;
}

.col-2 {
	width:50%;
	float:left;
}

.col-3 {
	width:33.333333%;
	float:left;
}

.col-3-2x {
	width:66.666666%;
	float:left;
}

.col-4 {
	width:25%;
	padding-right:20px;
	float:left;
}

.col-5 {
	width:20%;
	float:left;
}


/* addition for bootstrap img-responsive class */
.img-responsive {
	width:100%;
}


/* =============================================
-------- 3.Elements / Bootstrap Overwrite --------
==============================================*/

/* ---------------------------------
------------- 1 - Breadcrumbs  */

.breadcrumb {
	padding: 14px 0;
	margin-bottom: 0;
	list-style: none;
	background-color: transparent;
	border-radius: 0;
	font-size:0;
}

.breadcrumb > li {
	display: inline-block;
	padding-right:58px;
	position: relative;
	font-size:15px;
}

.breadcrumb > li:last-child {
	padding-right: 0;
}

.breadcrumb > li:before {
	content: "";
	display:block;
	width:20px;
	height:9px;
	position: absolute;
	top:50%;
	margin-top:-4.5px;
	right:20px;
	background-image: url('../images/sprites/sprite.png');
	background-repeat: no-repeat;
	background-position: -304px 0;
}

.breadcrumb > li:last-child:before {
	display:none;
}

.breadcrumb > li + li:before {
  padding: 0;
  color: #ccc;
  content: "";
}

.breadcrumb > li > a {
	color: #6d6b64;
}

.breadcrumb > li > a:hover {
	color:#058144;
}

.breadcrumb > .active {
	color: rgba(119, 119, 119, 0.8);
}
.breadcrumb.light > li > a {
	color:#ecebeb;
}

.breadcrumb.light > li > a:hover,
.breadcrumb.light > .active  {
	color:#fff;
}

.breadcrumb.light> li:before {
	background-position: -304px -9px;
}

.breadcrumb-container.absolute {
	position: absolute;
	left:0;
	top:0;
	width:100%;
	z-index:888;
}
.fowe6{
	line-height: 25px;
	letter-spacing:1px;
	margin-top:15px;
	color:#6d6b64;
	font-size:15px;}
.fowe7{
	font-size:24px;
	letter-spacing:1px;
	margin-bottom:9px;
	margin-top:0;
	color:#333;
	}
.fowe8{
	font-size:16px;
	letter-spacing:1px;
	margin-bottom:15px;
	margin-top:0;}

/* ---------------------------------
------------- 2. Tabs */

.nav {
  padding-left: 0;
  margin-bottom: 39px;
  list-style: none;
}

.nav.reverse {
	margin-bottom: 0;
	margin-top:39px;
}

.nav > li {
  position: relative;
  display: block;
  font:17px/22px 'open_sansregular', sans-serif;
}

.nav > li > a {
  position: relative;
  display: block;
  padding: 7px 20px;
}

.nav > li:first-child > a {
	padding-left:0;
}

.nav > li.active:first-child > a {
	padding-left:20px;
}

.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: #edecdf;
  border-radius:5px;
}
.nav > li.disabled > a {
  color: #777;
}
.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
  color: #777;
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
}

.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  background-color: #edecdf;
  border-color: #edecdf;
}

.nav-pills > li {
  float: left;
}
.nav-pills > li > a {
	border-radius: 0;
	color:#bdb7aa;
	 
}

.nav-pills > li + li {
  margin:0 0 0 19px;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  color: #fff;
  background-color: rgba(60, 118, 61, 0.45);
  border-radius:5px;
}



.nav-pills.reverse > li.active:after {
	content:'';
	position: absolute;
	top:auto;
	bottom:100%;
	left:50%;
	margin-left:-6px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 6px 9px 6px;
	border-color: transparent transparent #cbc6b5 transparent;
}

.nav-tabs {
	border-bottom: 1px solid #e7e2d1;
}

.nav-tabs.reverse {
	border-bottom:none;
	border-top: 1px solid #cbc6b5;
}

.nav-tabs > li {
	float: left;
}

.nav-tabs.reverse > li {
	margin-top: -1px;
}

.nav-tabs > li {
	margin-bottom: -1px;
}

.nav-tabs > li > a {
	margin:0;
	font:15px/24px '微軟正黑體', '微軟正黑體 Light', sans-serif, sans-serif;
	border: 1px solid #e7e2d1;
	border-radius: 0;
	color:#9e988a;
	 
	background: #f8f4ee;
	padding:20px 30px;
	margin-left:-1px;
}

.nav-tabs  > li:first-child > a,
.nav-tabs  > li.active:first-child > a  {
	padding-left:30px;
}

.nav-tabs > li > a:hover {
	border-color: #e7e2d1;
}

.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus {
	background-color: #fbfaf4;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
	color: #858073;
	cursor: default;
	background-color: transparent;
	border: 1px solid #e7e2d1;
	border-bottom-color: transparent;
}

.nav-tabs.reverse > li.active > a,
.nav-tabs.reverse > li.active > a:hover,
.nav-tabs.reverse > li.active > a:focus {
	border: 1px solid #e7e2d1;
	border-top-color: transparent;
}

.nav-tabs.nav-justified {
	width: 100%;
	border-bottom: 0;
}

.nav-tabs.nav-justified > li,
.nav-pills.nav-justified > li {
	float: none;
}

.nav-tabs.nav-justified > li > a {
	margin-bottom: 5px;
	text-align: center;
}

.nav.nav-justified  > li:first-child > a {
	padding-left:20px;
}

.nav-tabs.nav-justified > .dropdown .dropdown-menu {
	top: auto;
	left: auto;
}

@media (min-width: 768px) {
	.nav-tabs.nav-justified > li,
	.nav-pills.nav-justified > li {
		display: table-cell;
		width: 1%;
	}
	.nav-tabs.nav-justified > li > a {
		margin-bottom: 0;
	}
}

@media (max-width: 767px) {
	.nav-pills.nav-justified > li + li {
		margin:0;
	}
}

.nav-tabs.nav-justified > li > a {
	margin-right: 0;
	border-radius: 0;
}

.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
	border: 1px solid #e7e2d1;
}

@media (min-width: 768px) {
	.nav-tabs.nav-justified > li > a {
		border-bottom: 1px solid #e7e2d1;
		border-radius: 0;
	}
	.nav-tabs.nav-justified > .active > a,
	.nav-tabs.nav-justified > .active > a:hover,
	.nav-tabs.nav-justified > .active > a:focus {
		border-bottom-color: #fbfaf4;
	}
}

.tab-pane li,
.tab-pane .list-margin {
	line-height:30px;
	margin-bottom:0;
}

.tab-container {
	border:1px solid #e7e2d1;
}

.tab-container.left .nav-tabs,
.tab-container.right .nav-tabs  {
	width:35%;
	margin-bottom: 0;
}

.tab-container.left  .tab-content,
.tab-container.right .tab-content  {
	width:65%;
}


.tab-container.left .nav,
.tab-container.left .tab-content{
	float: left;
}

.tab-container.right .nav,
.tab-container.right .tab-content {
	float: right;
}

.tab-container .tab-content {
	padding:22px 30px;
}


.tab-container.left .nav li,
.tab-container.right .nav li {
	float:none;
	text-align:center;
}

.tab-container .nav-tabs {
	border:none;
}

.tab-container .nav-tabs li a,
.tab-container .nav-tabs > li:first-child > a,
.tab-container .nav-tabs > li.active:first-child > a {
	padding:0 10px;
}

.tab-container.left .nav-tabs > li.active > a {
	border-right:transparent;
}

.tab-container.left .nav-tabs > li > a 
.tab-container.right .nav-tabs > li > a {
	border-right:1px solid #cbc6b5;
	border-top:1px solid #cbc6b5;
}


.tab-container.right .nav-tabs > li > a {
	margin-right:-1px;
}

.tab-container .nav-tabs > li:first-child > a {
	border-top:none;
}

.tab-container.right .nav-tabs > li.active > a {
	border-left-color:transparent;
}

.tab-container .nav-tabs > li:last-child > a,
.tab-container .nav-tabs > li:last-child > a:hover {
	border-bottom: 1px solid #e7e2d1;
}

.tab-container .nav-tabs > li > a:hover {
	border-bottom-color:transparent;
}


@media (max-width: 767px) {
	.tab-container.left .nav,
	.tab-container.right .nav,
	.tab-container.left .tab-content,
	.tab-container.right .tab-content {
		float:none;
		width:100%;
	}

	.tab-container.left .tab-content {
		margin-left:0;
		padding:25px;
	}

	.tab-container.right .tab-content {
		margin-right:0;
		padding:25px;
	}

	.tab-container .nav-tabs li a,
	.tab-container .nav-tabs > li:first-child > a,
	.tab-container .nav-tabs > li.active:first-child > a {
		padding:20px !important;
		height:auto !important;
		line-height:1.5 !important;
	}

	.tab-container.left .nav-tabs > li > a {
		border-right-color: transparent;
	}

	.tab-container.right .nav-tabs > li.active > a {
		border-left-color: #e7e2d1;
	}
}

/* ---------------------------------
------------- 3 - Alerts  */
.alert-dismissable .close {
  top:2px;
}

.alert-dismissable .close:active,
.alert-dismissable .close:focus {
  outline:none;
}


/* ---------------------------------
------------- 4 - Icons  */


.bs-glyphicons-list .col-md-3:nth-child(4n):after {
	clear:left !important;
}

.bs-glyphicons-list li {
	color:#5a5a5a;
	display:block;
	padding:0.7em 1.5em;
	text-align: center;
}

.bs-glyphicons-list li:hover {
	background: #f1f1f1;
}

.bs-glyphicons-list li .glyphicon {
	margin-bottom:0.5em;
	font-size:2em;
	width:100%;
}

.bs-glyphicons-list li  {
	margin-bottom:1em;
}



/* ---------------------------------
------------- 5 - List Groups  */

/* Predefined List style types */
.list-style {
	padding-left:17px;
}

.list-style.list-disc {
	list-style-type: disc;
}

.list-style.list-circle {
	list-style-type: circle;
}

.list-style.list-square {
	list-style-type: square;
}

.list-style.list-decimal {
	list-style-type: decimal;
}

.list-style.list-lower-alpha {
	list-style-type: lower-alpha;
}

.list-style.list-upper-alpha {
	list-style-type: upper-alpha;
}

.list-style.list-lower-roman {
	list-style-type: lower-roman;
}

.list-style.list-upper-roman {
	list-style-type: upper-roman;
}

.fa-ul > li {
	margin-bottom:10px;
}

.list-group {
	margin-bottom: 20px;
}

.list-group-item {
	padding: 10px 15px;
}

a.list-group-item {
	color: #555555;
}

a.list-group-item .list-group-item-heading {
	color: #444645;
	margin-bottom:10px;
}

a.list-group-item:hover,
a.list-group-item:focus {
	background-color: #f2f2f2;
}

.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
	background-color: #7bae23;
	border-color: #7bae23;
}

.list-group-item.active .list-group-item-text,
.list-group-item.active:hover .list-group-item-text,
.list-group-item.active:focus .list-group-item-text {
  color: #fff;
}


/* ---------------------------------
------------- 6 Buttons & Badges */

.btn {
	font-family: 'open_sansregular',sans-serif;
	padding:6px 15px;
	border-radius: 0;
	-webkit-box-shadow:none;
	box-shadow:none;
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
	-ms-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
}

.btn.min-width-lg{
	min-width:220px;
}

.btn.min-width-slg {
	min-width:190px;
}

.btn.min-width {
	min-width:160px;
}

.btn.min-width-md {
	min-width:150px;
}

.btn.min-width-sm {
	min-width:140px;
}

.btn.min-width-xs {
	min-width:100px;
}

.btn.min-width-xss {
	min-width:60px;
}

.btn-link, 
.btn-link:hover, 
.btn-link:focus,
.btn-link:active {
	border-color:transparent;
}

.btn:focus,
.btn:active {
	outline:none !important;
}

.btn-lger,
.btn-group-lger > .btn {
	padding: 12px 18px;
	font-size: 16px;
	line-height:22px;
	border-radius: 0;
}

.btn-lg,
.btn-group-lg > .btn {
	padding: 10px 18px;
	font-size: 16px;
	line-height:22px;
	border-radius: 0;
}

.btn-sm,
.btn-group-sm > .btn {
	padding: 0.4em 1.1em;
	font-size: 0.85em;
	line-height: 1.5;
	border-radius: 0;
}

.btn-xs,
.btn-group-xs > .btn {
	padding: 0.4em 0.9em;
	font-size: 0.72em;
	line-height: 1.5;
	border-radius: 0;
}

.btn-block {
	display: block;
	width: 100%;
	padding-left: 0;
	padding-right: 0;
}

.btn-block + .btn-block {
margin-top: 0.5em;
}

.btn-custom {
	color: #ffffff;
	background-color: #cbc6b2;
	border-color: transparent;
	 
}

.btn-custom:hover,
.btn-custom:focus,
.btn-custom:active,
.btn-custom.active,
.open .dropdown-toggle.btn-custom {
	color: #fff;
	background-color: #e61446;
	border-color: transparent;
}

.btn-custom:active,
.btn-custom.active,
.open .dropdown-toggle.btn-custom {
	background-image: none;
}

.btn-custom.disabled,
.btn-custom[disabled],
fieldset[disabled] .btn-custom,
.btn-custom.disabled:hover,
.btn-custom[disabled]:hover,
fieldset[disabled] .btn-custom:hover,
.btn-custom.disabled:focus,
.btn-custom[disabled]:focus,
fieldset[disabled] .btn-custom:focus,
.btn-custom.disabled:active,
.btn-custom[disabled]:active,
fieldset[disabled] .btn-custom:active,
.btn-custom.disabled.active,
.btn-custom[disabled].active,
fieldset[disabled] .btn-custom.active {
	background-color: #cbc6b2;
	border-color: #cbc6b2;
}

.btn-custom-2 {
	color: #fff;
	background-color: #e61446;
	border-color: #e61446;
	text-transform:uppercase;
}

.btn-custom-2:hover,
.btn-custom-2:focus,
.btn-custom-2:active,
.btn-custom-2.active,
.open .dropdown-toggle.btn-custom-2 {
	color:#fff;
	background-color: #cbc6b2;
	border-color: #cbc6b2;
}

.btn-custom-2.disabled,
.btn-custom-2[disabled],
fieldset[disabled] .btn-custom-2,
.btn-custom-2.disabled:hover,
.btn-custom-2[disabled]:hover,
fieldset[disabled] .btn-custom-2:hover,
.btn-custom-2.disabled:focus,
.btn-custom-2[disabled]:focus,
fieldset[disabled] .btn-custom-2:focus,
.btn-custom-2.disabled:active,
.btn-custom-2[disabled]:active,
fieldset[disabled] .btn-custom-2:active,
.btn-custom-2.disabled.active,
.btn-custom-2[disabled].active,
fieldset[disabled] .btn-custom-2.active {
	background-color: #e61446;
	border-color: #e61446;
}

.btn-custom-3 {
	color: #fff;
	background-color: transparent;
	border-color: #fff;
	text-transform:uppercase;
}

.btn-custom-3:hover,
.btn-custom-3:focus,
.btn-custom-3:active,
.btn-custom-3.active,
.open .dropdown-toggle.btn-custom-3 {
	color:#fff;
	background-color: #058144;
	border-color: #058144;
}

.btn-custom-3.color:hover,
.btn-custom-3.color:focus,
.btn-custom-3.color:active,
.btn-custom-3.color.active,
.open .dropdown-toggle.btn-custom-3 {
	color:#fff;
	background-color: #e61446;
	border-color: #e61446;
}

.btn-custom-3.disabled,
.btn-custom-3[disabled],
fieldset[disabled] .btn-custom-3,
.btn-custom-3.disabled:hover,
.btn-custom-3[disabled]:hover,
fieldset[disabled] .btn-custom-3:hover,
.btn-custom-3.disabled:focus,
.btn-custom-3[disabled]:focus,
fieldset[disabled] .btn-custom-3:focus,
.btn-custom-3.disabled:active,
.btn-custom-3[disabled]:active,
fieldset[disabled] .btn-custom-3:active,
.btn-custom-3.disabled.active,
.btn-custom-3[disabled].active,
fieldset[disabled] .btn-custom-3.active {
	background-color: #e61446;
	border-color: #e61446;
}

.btn-custom-4 {
	color: #fff;
	background-color: #e61446;
	border-color: #e61446;
	text-transform:uppercase;
}

.btn-custom-4:hover,
.btn-custom-4:focus,
.btn-custom-4:active,
.btn-custom-4.active,
.open .dropdown-toggle.btn-custom-4 {
	color:#fff;
	background-color: #058144;
	border-color: #058144;
}

.btn-custom-5 {
	color: #898678;
	background-color: transparent;
	border-color: #cbc6b5;
	text-transform:uppercase;
}

.btn-custom-5:hover,
.btn-custom-5:focus,
.btn-custom-5:active,
.btn-custom-5.active,
.open .dropdown-toggle.btn-custom-3 {
	color:#fff;
	background-color: rgba(60, 118, 61, 0.45);
	border-color: rgba(60, 118, 61, 0.45);
}
.lewo{
	letter-spacing:1.5px;}
.btn-custom-5.disabled,
.btn-custom-5[disabled],
fieldset[disabled] .btn-custom-5,
.btn-custom-5.disabled:hover,
.btn-custom-5[disabled]:hover,
fieldset[disabled] .btn-custom-5:hover,
.btn-custom-5.disabled:focus,
.btn-custom-5[disabled]:focus,
fieldset[disabled] .btn-custom-5:focus,
.btn-custom-5.disabled:active,
.btn-custom-5[disabled]:active,
fieldset[disabled] .btn-custom-5:active,
.btn-custom-5.disabled.active,
.btn-custom-5[disabled].active,
fieldset[disabled] .btn-custom-5.active {
	background-color: transparent;
	border-color: #cbc6b5;
}

.btn-custom-6 {
	color: #ffffff;
	background-color: #aea995;
	border-color: transparent;
	 
}

.btn-custom-6:hover,
.btn-custom-6:focus,
.btn-custom-6:active,
.btn-custom-6.active,
.open .dropdown-toggle.btn-custom-6 {
	color: #fff;
	background-color: #e61446;
	border-color: transparent;
}

.btn-custom-7 {
	color: #686660;
	background-color: transparent;
	border-color: #95938c;
	text-transform:uppercase;
}

.btn-custom-7:hover,
.btn-custom-7:focus,
.btn-custom-7:active,
.btn-custom-7.active,
.open .dropdown-toggle.btn-custom-7 {
	color:#fff;
	background-color: #e61446;
	border-color: #e61446;
}

.btn-custom-8 {
	color: #949188;
	background-color: transparent;
	border-color: #d7d5cb;
	text-transform:uppercase;
}

.btn-custom-8:hover,
.btn-custom-8:focus,
.btn-custom-8:active,
.btn-custom-8.active,
.open .dropdown-toggle.btn-custom-8 {
	color:#fff;
	background-color: #cbc6b5;
	border-color: #cbc6b5;
}

.btn-custom-9 {
	color: #898678;
	background-color: transparent;
	border-color: #cbc6b5;
	text-transform:uppercase;
}

.btn-custom-9:hover,
.btn-custom-9:focus,
.btn-custom-9:active,
.btn-custom-9.active,
.open .dropdown-toggle.btn-custom-9 {
	color:#fff;
	background-color: #e61446;
	border-color: #e61446;
}

.btn-custom-10 {
	color: #675f56;
	background-color: transparent;
	border-color: #675f56;
	text-transform:uppercase;
}

.btn-custom-10:hover,
.btn-custom-10:focus,
.btn-custom-10:active,
.btn-custom-10.active,
.open .dropdown-toggle.btn-custom-10 {
	color:#fff;
	background-color: #058144;
	border-color: #058144;
}

.btn-custom-11 {
	color: #686660;
	background-color: transparent;
	border-color: #b6b2a8;
	text-transform:uppercase;
}

.btn-custom-11:hover,
.btn-custom-11:focus,
.btn-custom-11:active,
.btn-custom-11.active,
.open .dropdown-toggle.btn-custom-10 {
	color:#fff;
	background-color: #058144;
	border-color: #058144;
}

.btn-custom .badge {
	color: #cbc6b2;
	background-color: #ffffff;
}

.btn-custom-2 .badge{
	color: #e61446;
	background-color: #ffffff;
}

.btn-default .badge {
  background-color: #aeaeae;
}

.badge {
  display: inline-block;
  min-width: 10px;
  padding: 0.25em 0.6em;
  font-size: 1em;
  background-color: #aeaeae;
  border-radius: 10px;
}

.btn .badge {
  top:1px;
  margin:0 0.3em;
}


/* ---------------------------------
------------- 7 Dropdown Menu */

.dropdown-menu {
	display:block;
	transition:all 0.4s;
	-webkit-transition:all 0.4s;
	-moz-transition:all 0.4s;
	visibility:hidden;
	opacity:0;
	min-width: 160px;
	padding: 0;
	margin:-20px 0 0;
	font-size: 13px;
	border: 1px solid #ecebe1;
	border-radius: 0;
	-webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15);
	box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15);
	z-index:900;
	/* ! Fix for chrome bug */
	-webkit-transform:translateZ(0);
}

.open > .dropdown-menu,
:hover > .dropdown-menu {
	opacity:1;
	visibility: visible;
	margin-top:0;
}

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
	margin-bottom: 0;
	-webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
}

.dropdown-menu .divider {
	margin: 0.65em 0;
}

.dropdown-menu > li > a {
	padding: 7px 15px;
	line-height: 1.5;
	color: #7e786b;
	border-top:1px solid #ecebe1;
}

.dropdown-menu > li:first-child > a {
	border-top:none !important;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
	color: #7e786b;
	background-color: #fbfaf4;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
	color: #7e786b;
	background-color: #e4e2d2;
}

.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
	color: #aeaeae;
}



/* ---------------------------------
------------- 8 Forms */

.help-block,
.has-error .help-block,
.has-error .control-label, 
.has-error .radio, 
.has-error .checkbox, 
.has-error .radio-inline, 
.has-error .checkbox-inline {
	color:#e61446;
}

label {
	margin-bottom: 10px;
}

.form-label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 14px;
  font-weight: normal;
  color:#777;
  font-size:16px;
  line-height:22px;
   
}

label > span.required {
	color:#e61446;
}

textarea.min-height {
	height:162px;
}

textarea.min-height-sm {
	height:90px;

}
.boco{
	background-color:#efeee2;
	margin-bottom:25px;}
.boco1{
	background-color:#efeee2;
	border-bottom: 1px solid #e0dfd4;
	}
input:focus,
textarea:focus,
select:focus {
	outline:0;
}
.neco{
	background-color:#FFF;
	border-bottom: 1px solid #e0dfd4;}
fieldset {
	padding:0;
	margin:0  0 60px 0;
	border:none;
}
 
.form-control {
	padding: 6.5px 15px 6.5px 15px;
	height:34px;
	border-radius:0;
	border-color:#e7e1cf;
	font-size:14px;
	line-height:1.5;
	margin-bottom:25px;
	background-color: #fbfaf4;
	color:inherit;
	box-shadow:none;
	-webkit-box-shadow:none;
}

.form-control:focus {
	border-color: #b3ada1;
	outline: 0;
	box-shadow:none;
	-webkit-box-shadow:none;
}

.form-control:-moz-placeholder {
	font-family: 'open_sanslight', Verdana;
	color:#b6b4a2;
}

.form-control::-moz-placeholder {
	font-family: 'open_sanslight', Verdana;
	color:#b6b4a2;
}

.form-control:-ms-input-placeholder {
	font-family: 'open_sanslight', Verdana;
	color:#b6b4a2;
}

.form-control::-webkit-input-placeholder {
	font-family: 'open_sanslight', Verdana;
	color:#b6b4a2;
}

.form-group,
.form-group .form-control {
	margin-bottom:12px;
}

.form-group.lg-margin,
.form-group.lg-margin .form-control {
	margin-bottom:25px;
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
	background: #f5f5f5;
}

.input-sm,
.form-horizontal .form-group-sm .form-control {
	height: 30px;
	padding: 5px 10px 5px 10px;
	font-size: 12px;
	line-height: 1.5;
	border-radius: 0;
}

select.input-sm {
	height: 30px;
	line-height: 30px;
}

.input-lg,
.form-horizontal .form-group-lg .form-control {
	height: 46px;
	padding: 10.5px 20px 10.5px 20px;
	font-size: 17px;
	line-height: 1.5;
	border-radius: 0;
}

select.input-lg {
	height: 46px;
	line-height: 46px;
}

.input-group .form-control {
	border-radius:0;
	box-shadow:none;
	-webkit-box-shadow:none;
}

.input-group {
	margin-bottom:25px;
	border-radius: 0;
	position: relative;
}

.input-group .form-control:first-child {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.input-group-addon {
	padding: 6px 12px;
	font-size: 14px;
	font-weight: normal;
	line-height: 1;
	color: #b6b4a2;
	text-align: center;
	background-color: #fbfaf4;
	border: 1px solid #e7e1cf;
	border-radius: 0;
	min-width:120px;
}

.input-group-addon.custom-checkbox-wrapper,
.input-group-addon.custom-radio-wrapper {
	padding:5px 12px;
}

.input-group-sm >.input-group-addon.custom-checkbox-wrapper,
.input-group-sm >.input-group-addon.custom-radio-wrapper {
	padding:4px 10px;
}

.input-group-lg >.input-group-addon.custom-checkbox-wrapper,
.input-group-lg >.input-group-addon.custom-radio-wrapper {
	padding:10px 20px;
}

.input-group-addon .custom-checkbox-container,
.input-group-addon .custom-radio-container {
	margin:0;
	top:1px;
}

.input-group-lg >.input-group-addon .custom-checkbox-container,
.input-group-lg >.input-group-addon .custom-radio-container  {
	top:-1px;
}

.input-group .input-group-addon:first-child {
	padding-left:15px;
	padding-right:15px;
	text-align: left;
}

.input-group .input-group-addon:last-child {
	padding-right:10px;
	padding-left:10px;
	text-align: right;
}

.input-group-addon.icon-addon {
	font-size:18px;
	min-width:60px;
	text-align: center !important;
}

.input-group-sm .input-group-addon {
	border-radius: 0;
}

.input-group-sm>.form-control,
.input-group-sm>.input-group-addon,
.input-group-sm>.input-group-btn>.btn {
	height: 30px;
	padding: 5px 10px 5px 10px;
}


.input-group-sm .input-group-addon.icon-addon {
	font-size:14px;
	line-height:18px;
	min-width:30px;
}

.input-group-sm  .input-group-addon:first-child,
.input-group-lg  .input-group-addon:first-child {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.input-group-sm  .input-group-addon:last-child,
.input-group-lg  .input-group-addon:last-child {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.input-group-lg  .input-group-addon:first-child {
	padding-left:20px;
	padding-right:20px;
}

.input-group-lg  .input-group-addon:last-child {
	padding-right:20px;
}

.input-group-lg .input-group-addon {
	padding: 12.5px 20px;
	font-size: 17px;
	border-radius: 0;
}

.input-group-btn:first-child>.btn,
.input-group-btn:first-child>.btn-group {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.btn-group {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.input-group-lg>.form-control, 
.input-group-lg>.input-group-addon, 
.input-group-lg>.input-group-btn>.btn {
	height:46px;
	padding: 10.5px 20px;
	font-size:17px;
}

.input-group-lg .input-group-addon.icon-addon {
	font-size:24px;
	line-height:30px;
	padding: 7px 20px;
	min-width:70px;
}

.no-minwidth {
	min-width:0 !important;
}

.input-group-addon input[type=radio],
.input-group-addon input[type=checkbox] {
	line-height:0;
	vertical-align: middle;
}

.textarea-container {
	position: relative;
	width:100%;
}

.textarea-container .input-group-addon {
	position: absolute;
	top:0;
	left:0;
	width:100%;
	border-radius:0;
	padding:15px 20px 15px 20px;
	z-index:90;
}

.textarea-container .input-group-addon:first-child {
	border-right:1px solid #e4e2e2;
}

.textarea-container textarea,
.textarea-container textarea.form-control {
	padding-top:60px;
	margin-top:0;
}

textarea.form-control {
	padding:20px;
}

select.form-control {
	border-radius:0;
	padding:6px 12px;
}

.input-group-btn>.btn {
	padding:6px 14px;
}

.has-feedback label~.form-control-feedback {
	top:33px;
	right:8px;
}

.input-lg + .form-control-feedback {
	top:29px;
	right:5px;
}

/* Validaton */

.input-group > label {
	position: absolute;
	bottom:100%;
	left:0;
	font-size:12px;
	margin-bottom:6px;
	line-height: 1.5;
	margin-top: 0;
	font-weight:600;
}

.input-group > label.error {
	color:#de0000;
}


/* ---------------------------------
------------- 9 Slider */

.carousel-inner > .item {
	padding:0;
	margin:0;
}

.carousel-inner > .item a {
	display: block;
}

.carousel-control {
	position: absolute;
	top: auto;
	bottom: 20px;
	left: 0;
	width: 35px;
	height:35px;
	font-size: 20px;
	color: #fff;
	text-align: center;
	text-shadow: none;
	filter: alpha(opacity=100);
	opacity: 1;
	border:1px solid #e6dfd1;
	transition: background-position 0.35s;
	-webkit-transition: background-position 0.35s;
	-moz-transition: background-position 0.35s;
	-ms-transition: background-position 0.35s;
	-o-transition: background-position 0.35s;
	text-indent:9999px;
}

.carousel-control.left {
	left:auto;
	right:65px;
	border-radius:2px;
	background-image: url('../images/sprites/sprite.png');
	background-repeat: no-repeat;
	background-position: -123px -112px;
}

.carousel-control.right {
	right: 20px;
	left: auto;
	background-image: url('../images/sprites/sprite.png');
	background-repeat: no-repeat;
	background-position: -166px -147px;
}

.carousel-control:hover,
.carousel-control:focus {
	border:none;
	filter: alpha(opacity=100);
	opacity: 1;
	background-color:rgba(60, 118, 61, 0.45);
}

.carousel-control.left:hover {
	background-position: -166px -112px;
}

.carousel-control.right:hover {
	background-position: -123px -147px;
}


/* ---------------------------------
------------- 10 Tooltip */

.tooltip {
	font-size: 14px;
	line-height: 1.5;
	z-index:900;
}

.tooltip.in {
  filter: alpha(opacity=94);
  opacity: .94;
}

.tooltip.top {
	padding: 8px 0;
}

.tooltip.right {
	padding: 0 8px;
}

.tooltip.bottom {
	padding: 8px 0;
}

.tooltip.left {
	padding: 0 8px;
}

.tooltip-inner {
	padding: 4px 10px;
	color: #fff;
	border-radius: 0;
	white-space: nowrap;
	background-color: #cbc6b2;
}

.tooltip.top .tooltip-arrow {
	margin-left: -5px;
	border-width: 0 10px 10px 0;
	border-right-color: #cbc6b2;
}

.tooltip.right .tooltip-arrow {
	margin-top: -7.5px;
	border-width: 0 0 10px 10px;
	border-bottom-color: #cbc6b2;
}

.tooltip.left .tooltip-arrow {
	margin-top: -7.5px;
	border-width: 10px 0 0 10px;
	border-left-color: #cbc6b2;
}

.tooltip.bottom .tooltip-arrow {
	margin-left: -5px;
	border-width: 0 0 10px 10px;
	border-bottom-color: #cbc6b2;
}


/* ---------------------------------
------------- 11 Popever */

.popover {
	box-shadow:none;
	-webkit-box-shadow:none;
	z-index: 900;
	border: 1px solid #e7e1cf;
	background-color: #fbfaf4;
	border-radius:0;
	padding:0;
}

.popover-title {
	padding: 10px 14px 6px;
	margin: 0;
	font-size: 18px;
	font-weight: normal;
	line-height: 1;
	background-color: #e7e1cf;
	border-bottom: 1px solid #e7e1cf;
	border-radius: 0;
	box-shadow:none;
	-webkit-box-shadow:none;
}

.popover-content {
	padding: 9px 14px;
}

.popover.top > .arrow {
	border-top-color: #e7e1cf;
}

.popover.top > .arrow:after {
	border-top-color: #fbfaf4;
}

.popover.right > .arrow {
	border-right-color: #e7e1cf;
}

.popover.right > .arrow:after {
	border-right-color: #fbfaf4;
}

.popover.bottom > .arrow {
	border-bottom-color: #e7e1cf;
}

.popover.bottom > .arrow:after {
	border-bottom-color: #e7e1cf;
}

.popover.left > .arrow {
	border-left-color: #e7e1cf;
}

.popover.left > .arrow:after {
	border-left-color: #fbfaf4;
}



/* ---------------------------------
------------- 12 Modal */

.modal {
	z-index:9200;
}

.modal-header {
	padding:20px 20px 15px;
	position: relative;
	border-bottom: none;
}

.modal-header .close {
	font-family: 'open_sanslight', Verdana;
	position: absolute;
	right:-1px;
	top:0;
	height:68px;
	font-size:24px;
	width:42px;
	background: #857e70;
	color:#e7e1cf;
	text-align: center;
	transition:all 0.3s;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
}

.modal-header,
.modal-footer {
	background-color: #e7e1cf;
}

.modal-body{
	padding: 30px 20px;
}

.modal-body .form-group:last-child,
.modal-body .form-group:last-child .form-control {
	margin-bottom:5px;
}

.modal-footer {
	padding:15px 20px;
}

.modal-content {
	background-color: #fbfaf4;
	border: 1px solid #e7e1cf;
	border-radius: 0;
	box-shadow: none;
	-webkit-box-shadow: none;
}

.modal .input-group:last-child {
	margin-bottom: 0;
}


/* ---------------------------------
------------- 13 Progress Bars */

.progress-container {
	margin-bottom: 44px;
}

.progress {
  height: 10px;
  margin-bottom: 0;
  overflow: visible;
  background-color: #edebe4;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.progress-bar {
  float: left;
  width: 0;
  height: 100%;
  font-size: 9px;
  line-height: 10px;
  color: #fff;
  text-align: center;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.progress-bar-custom {
  background-color: #e61446;
  position: relative;
  color:#444645;
}

.progress-text {
	display:inline-block;
	font:12px/20px 'open_sanssemibold', sans-serif;
	position: absolute;
	right:0;
	bottom:100%;
	margin-bottom:13px;
	padding:0 5px;
	display:none;
	background-color: #cbc6b2;
	transition:all 0.3s;
	-webkit-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-moz-transition:all 0.3s;
	-o-transition:all 0.3s;
	color:#fff;
}

.progress-animate .progress-text {
	display:none;
}

.progress-text:after {
	content:'';
	position: absolute;
	top:100%;
	right:0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 8px 8px 0;
	border-color: transparent #bdb8a5 transparent transparent;
}

.progress-title {
	color:#8f8a7f;
	font:13px/20px '微軟正黑體', '微軟正黑體 Light', sans-serif, sans-serif;
	 
	margin-bottom:5px;
}


/* ---------------------------------
------------- 14 Collapses */

/* Styles */
.panel {
	box-shadow: none;
	-webkit-box-shadow: none;
	margin-bottom:10px;
	border-radius: 0;
	border:none;
	background-color: transparent;
}

.accordion-reverse {
	padding-left:42px;
}

.accordion-reverse .panel {
	margin-bottom: 13px;
}

.accordion-title {
	position: relative;
	font-size:26px;
	line-height: 40px;
	font-family: '微軟正黑體', '微軟正黑體 Light', sans-serif;
	color:#959180;
	padding:0;
	text-transform: capitalize;
}

.accordion-reverse .accordion-title {
	font-size:15px;
	line-height: 20px;
	padding-top:4px;
	color:#908c82;
	 
}

.accordion-title > span {
	display: inline-block;
	padding:0 20px 0 0;
	height:100%;
	background: #fbfaf4;
	position: relative;
	z-index:1;
}

.accordion-title:after {
	content: '';
	position: absolute;
	left:0;
	top:50%;
	margin-top:-1px;
	display: block;
	width:100%;
	height:1px;
	background: #eaeaea;
	z-index:0;
}

.accordion-reverse .accordion-title:after  {
	display:none;
}

.accordion-title .accordion-btn {
	display:block;
	position: absolute;
	z-index:3;
	right:0;
	top:50%;
	width:35px;
	height:35px;
	margin-top:-18.5px;
	background-color: #fbfaf4;
	background-image: url('../images/sprites/sprite.png');
	background-repeat: no-repeat;
	background-position: -228px -257px;
	border:1px solid #aea995;
	transition: background-position 0.3s;
	-webkit-transition: background-position 0.3s;
	-moz-transition: background-position 0.3s;
	-ms-transition: background-position 0.3s;
	-o-transition: background-position 0.3s;
}

.accordion-title .accordion-btn:after {
	content:'';
	position: absolute;
	left:-21px;
	top:0;
	display:block;
	background-color: #fbfaf4;
	width:20px;
	height:100%;
}

.accordion-title .accordion-btn.open {
	background-position: -228px -380px;
}

.accordion-title .accordion-btn:hover,
.accordion-title .accordion-btn:focus {
	background-color:#e61446;
	border:none;
	background-position: -228px -300px;
}

.accordion-title .accordion-btn.open:hover,
.accordion-title .accordion-btn.open:focus {
	background-position: -228px -345px;
}


.accordion-reverse .accordion-title .accordion-btn {
	left:-42px;
	right:auto;
	top:50%;
	width:24px;
	height:24px;
	margin-top:-12px;
	background-color: #cbc6b2;
	background-image: url('../images/sprites/sprite.png');
	background-repeat: no-repeat;
	background-position: -304px -290px;
	border:none;
}

.accordion-reverse .accordion-title .accordion-btn:after {
	display:none;
}

.accordion-reverse .accordion-title .accordion-btn.open {
	background-position: -304px -314px;
	background-color: #e61446;
}

.accordion-reverse .accordion-title .accordion-btn:hover,
.accordion-reverse .accordion-title .accordion-btn:focus {
	background-color:#e61446;
	background-position: -304px -290px;
}

.accordion-reverse .accordion-title .accordion-btn.open:hover,
.accordion-reverse .accordion-title .accordion-btn.open:focus {
	background-position: -304px -314px;
}

/* important for smooth animation */
.accordion-body .accordion-body-wrapper {
	padding:5px 0;
}

.accordion-body ul {
	padding-left:18px;
}

.accordion-body ul li {
	color:#959180;
	padding:5px 0;
}

.accordion-reverse .accordion-body ul li {
	color:#9b968b;
	padding:3px 0;
}

.accordion-panel .panel  {
	margin-bottom: 8px;
}

.accordion-panel-title {
	font:28px/30px 'judsonregular', Verdana, sans-serif;
	color:#959180;
	margin-bottom:0;
	display:block;
	padding:16px 20px 10px;
	border:1px solid #aea995;
	background: transparent;
	position: relative;
	transition:background 0.3s;
	-webkit-transition:background 0.3s;
	-moz-transition:background 0.3s;
	-ms-transition:background 0.3s;
	-o-transition:background 0.3s;
}

.accordion-panel-title:hover {
	color:#6d6c67;
	background-color: #f3f1ea;
}

.accordion-panel-title > span {
	font-size:15px;
	line-height:24px;
	position: absolute;
	left:14px;
	top:50%;
	margin-top:-12px;
	color:#85847e;
}

.accordion-panel-body .accordion-body-wrapper {
	padding:25px 0;
}

.accordion-panel-body  ul {
	padding-left:20px;
}

.accordion-panel-body ul li {
	color:#959180;
	padding:2.5px 0;
}

.accordion-panel-body .fa-ul {
	padding-left:2.1em;
}

.accordion-btn-group {
	padding-bottom:15px;
	border-bottom:1px solid rgba(213,213,213, 0.7);
}

.accordion-btn-body-container .accordion-body-wrapper {
	padding:10px 0;
}

.accordion-body-wrapper li:last-child,
.accordion-body-wrapper p:last-child {
	margin-bottom: 0;
}

/* End collapse */


/* ---------------------------------
------------- 15 Pagination */

.prev-page,
.next-page {
	text-indent:-9999px;
	background-image: url('../images/sprites/sprite.png');
	background-repeat: no-repeat;
	transition:background 0.3s;
	-webkit-transition:background 0.3s;
	-moz-transition:background 0.3s;
	-ms-transition:background 0.3s;
	-o-transition:background 0.3s;
}

.prev-page {
	background-position: -330px 0;
}

.next-page {
	background-position: -362px 0;
}

.prev-page:hover {
	background-position: -330px -32px;
}

.next-page:hover {
	background-position: -362px -32px;
}

.pagination-container {
	margin:46px 0 0;
	font-family: '微軟正黑體', '微軟正黑體 Light', sans-serif;
	color:#a7a39b;
}

.pagination-info {
	font-size:14px;
	line-height:34px;
}

/* Bootstrap pagination */
.pagination {
	display: inline-block;
	margin:0;
	border-radius:2px;
	font-size:0;
	line-height: 0;
}

.pagination > li {
  display: inline;
}

.pagination > li > a,
.pagination > li > span {
	display:inline-block;
	float:none;
	padding:7px 0 9px;
	width:34px;
	height:34px;
	margin-left: 5px;
	font-size:15px;
	line-height:18px;
	background-color: transparent;
	border: 1px solid #c3c1b8;
	color:#94918a;
	text-align:center;
}

.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
	border-bottom-left-radius: 0;
	border-top-left-radius: 0;
}

.pagination > li:last-child > a,
.pagination > li:last-child > span {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus,
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
	color: #fff;
	background-color: #cbc6b5;
	border-color: #cbc6b5;
}

.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
	color: #999999;
	cursor: not-allowed;
	background-color: #ffffff;
	border-color: #dddddd;
}



/* -----------------------------------
------------- 14 Owl Carousel Styles */

/* 
 * 	Core Owl Carousel CSS File
 *	v1.3.3
 */

/* wrap with this all carousel */
.carousel-container {
	position: relative;
	overflow:hidden;
}

/* general carousel title style*/
.carousel-title {
	font:27px/38px 'open_sanslight', sans-serif;
	color:#847e71;
	 
	margin-bottom:25px;
}

/* all carousel images 100% responsive */
.carousel-container img {
	width:100%;
}

/* clearfix */
.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

/* display none until init */
.owl-carousel{
	display: none;
	width: 100%;
	-ms-touch-action: pan-y;
}

.owl-carousel .owl-wrapper-outer.autoHeight{
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}
	
.owl-carousel .owl-item{
	float: left;
}

.owl-controls .owl-page,
.owl-controls .owl-buttons div{
	cursor: pointer;
}


.owl-origin {
	-webkit-perspective: 1200px;
	-webkit-perspective-origin-x : 50%;
	-webkit-perspective-origin-y : 50%;
	-moz-perspective : 1200px;
	-moz-perspective-origin-x : 50%;
	-moz-perspective-origin-y : 50%;
	perspective : 1200px;
}
/* fade */
.owl-fade-out {
  z-index: 10;
  -webkit-animation: fadeOut .7s both ease;
  -moz-animation: fadeOut .7s both ease;
  animation: fadeOut .7s both ease;
}
.owl-fade-in {
  -webkit-animation: fadeIn .7s both ease;
  -moz-animation: fadeIn .7s both ease;
  animation: fadeIn .7s both ease;
}
/* backSlide */
.owl-backSlide-out {
  -webkit-animation: backSlideOut 1s both ease;
  -moz-animation: backSlideOut 1s both ease;
  animation: backSlideOut 1s both ease;
}
.owl-backSlide-in {
  -webkit-animation: backSlideIn 1s both ease;
  -moz-animation: backSlideIn 1s both ease;
  animation: backSlideIn 1s both ease;
}
/* goDown */
.owl-goDown-out {
  -webkit-animation: scaleToFade .7s ease both;
  -moz-animation: scaleToFade .7s ease both;
  animation: scaleToFade .7s ease both;
}
.owl-goDown-in {
  -webkit-animation:goDown .6s ease both;
  -moz-animation: goDown .6s ease both;
  animation: goDown .6s ease both;
}
/* scaleUp */
.owl-fadeUp-in {
  -webkit-animation: scaleUpFrom .5s ease both;
  -moz-animation: scaleUpFrom .5s ease both;
  animation: scaleUpFrom .5s ease both;
}

.owl-fadeUp-out {
  -webkit-animation: scaleUpTo .5s ease both;
  -moz-animation: scaleUpTo .5s ease both;
  animation: scaleUpTo .5s ease both;
}

/* Owl carousel via css3 animations */

@-webkit-keyframes empty {
  0% {opacity: 1}
}
@-moz-keyframes empty {
  0% {opacity: 1}
}
@keyframes empty {
  0% {opacity: 1}
}
@-webkit-keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@-moz-keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@-webkit-keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@-moz-keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@-webkit-keyframes backSlideOut {
  25% { opacity: .5; -webkit-transform: translateZ(-500px); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
}
@-moz-keyframes backSlideOut {
  25% { opacity: .5; -moz-transform: translateZ(-500px); }
  75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
}
@keyframes backSlideOut {
  25% { opacity: .5; transform: translateZ(-500px); }
  75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
}
@-webkit-keyframes backSlideIn {
  0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px); }
  100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); }
}
@-moz-keyframes backSlideIn {
  0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -moz-transform: translateZ(-500px); }
  100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); }
}
@keyframes backSlideIn {
  0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; transform: translateZ(-500px); }
  100% { opacity: 1; transform: translateZ(0) translateX(0); }
}
@-webkit-keyframes scaleToFade {
  to { opacity: 0; -webkit-transform: scale(.8); }
}
@-moz-keyframes scaleToFade {
  to { opacity: 0; -moz-transform: scale(.8); }
}
@keyframes scaleToFade {
  to { opacity: 0; transform: scale(.8); }
}
@-webkit-keyframes goDown {
  from { -webkit-transform: translateX(-100%); }
}
@-moz-keyframes goDown {
  from { -moz-transform: translateX(-100%); }
}
@keyframes goDown {
  from { transform: translateX(-100%); }
}

@-webkit-keyframes scaleUpFrom {
  from { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpFrom {
  from { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpFrom {
  from { opacity: 0; transform: scale(1.5); }
}

@-webkit-keyframes scaleUpTo {
  to { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpTo {
  to { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpTo {
  to { opacity: 0; transform: scale(1.5); }
}

/* mouse grab icon */
.grabbing { 
    cursor:move;
}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
}

/*
* 	Owl Carousel Owl Demo Theme 
*	v1.3.3
*/

.owl-theme .owl-controls{
	text-align: center;
}

/* Styling Next and Prev buttons */
.owl-theme .owl-controls .owl-buttons {
	position: absolute;
	top:0;
	right:0;
	width:80px;
	height:35px;
	z-index:99;
}

.owl-theme.center-buttons .owl-controls .owl-buttons {
	left:50%;
	top:69px;
	margin-left:-40px;
}

.bottom-nav .owl-theme .owl-controls .owl-buttons {
	top:auto;
	bottom:20px;
	left:50%;
	margin-left:-40px;
}

.valign-nav .owl-theme .owl-controls .owl-buttons {
	top:50%;
	width:100%;
	margin-top:-17.5px;
}

.owl-theme .owl-controls .owl-buttons div {
	display:inline-block;
	width:35px;
	height:35px;
	padding: 0;
	transition:background-position 0.3s;
	-webkit-transition:background-position 0.3s;
	-moz-transition:background-position 0.3s;
	-ms-transition:background-position 0.3s;
	-o-transition:background-position 0.3s;
	background-color: transparent;
	background-image: url('../images/sprites/sprite.png');
	background-repeat: no-repeat;
	text-indent:9999px;
	border:1px solid #aea995;
	border-radius:2px;
	margin:0;
	vertical-align: middle;
}
.abwo6{
	color: rgba(51, 51, 51, 0.86);
    font-weight: 500;
    letter-spacing: 2px;
    font-size: 1.8em;
	padding-bottom:26px;}
.bulco{
	background-color:#cbc6b5;}
.light-nav .owl-theme .owl-controls .owl-buttons div  {
	border-color:#fff;
}

.bigger-nav .owl-theme .owl-controls .owl-buttons div {
	width:46px;
	height:47px;
	border:1px solid #95938c;
}

.bigger-nav.valign-nav  .owl-theme .owl-controls .owl-buttons div {
	margin-top:-23.5px;
}

.owl-theme .owl-controls .owl-buttons div.owl-next {
	margin-left:10px;
}

.valign-nav .owl-theme .owl-controls .owl-buttons div.owl-prev {
	position: absolute;
	left:30px;
}

.valign-nav .owl-theme .owl-controls .owl-buttons div.owl-next {
	position: absolute;
	right:30px;
}

/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls .owl-buttons div:hover {
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
	background-color:rgba(60, 118, 61, 0.45);;
	border:none;
}

.owl-theme.color2 .owl-controls .owl-buttons div:hover {
	background-color: #058144;
}

.owl-theme .owl-controls .owl-buttons div.owl-prev {
	background-position: -160px -189px;
}

.owl-theme .owl-controls .owl-buttons div.owl-next {
	background-position: -205px -224px;
}

.owl-theme .owl-controls .owl-buttons div.owl-prev:hover {
	background-position: -203px -189px;
}

.owl-theme .owl-controls .owl-buttons div.owl-next:hover {
	background-position: -160px -224px;
}

.bigger-nav .owl-theme .owl-controls .owl-buttons div.owl-prev {
	background-position: -123px -267px;
}

.bigger-nav .owl-theme .owl-controls .owl-buttons div.owl-next {
	background-position: -179px -314px;
}

.bigger-nav .owl-theme .owl-controls .owl-buttons div.owl-prev:hover {
	background-position: -177px -267px;
}

.bigger-nav .owl-theme .owl-controls .owl-buttons div.owl-next:hover {
	background-position: -123px -314px;
}


.light-nav .owl-theme .owl-controls .owl-buttons div.owl-prev {
	background-position: -281px -359px;
}

.light-nav .owl-theme .owl-controls .owl-buttons div.owl-next {
	background-position: -326px -394px;
}

.light-nav .owl-theme .owl-controls .owl-buttons div.owl-prev:hover {
	background-position: -324px -359px;
}

.light-nav .owl-theme .owl-controls .owl-buttons div.owl-next:hover {
	background-position: -281px -394px;
}


/* Styling Pagination*/

.owl-theme .owl-controls .owl-page {
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
}

.owl-theme .owl-controls .owl-page span {
	display: block;
	width: 12px;
	height: 12px;
	margin:5px 6px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background: #d1d1d1;
	transition:all 0.4s;
	-webkit-transition:all 0.4s;
	-moz-transition:all 0.4s;
	-ms-transition:all 0.4s;
	-o-transition:all 0.4s;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
	background: #aeaeae;
}

/* If PaginationNumbers is true */

.owl-pagination {
	line-height:0;
}

.owl-theme .owl-controls .owl-page span.owl-numbers {
	height: auto;
	width: auto;
	color: #FFF;
	padding: 2px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}

/* preloading images */
.owl-item.loading{
	min-height: 200px;
	background: url('../images/loader.gif') no-repeat center center
}


/* =============================================
--------------------  4.Header -----------------
==============================================*/

#header-wrapper {
	position: relative;
}

#header {
	border-bottom:1px solid #eae9e9;
	background-color: #f7f6f0;
	position: relative;
}

#header-top {
	background-color: #f4f3e9;
}

.left-side {
	float: left;
}

.right-side {
	float:right;
}

#header-top .right-side {
	position: relative;
}

.header-links {
	/* fix for inline-block auto margin */
	font-size:0;
}
.lanImg {
	padding-right: 30px;
	padding-bottom:2px;}

.header-links li {
	display:inline-block;
	margin-right:40px;
	padding:6px 0 6px 30px;
}
.hlri{
	padding-left:20px;}
.header-links li:last-child {
	margin-right:0;
}

.header-links li a,
.header-link li a {
	color:#7e786b;
	font:13px/20px '微軟正黑體', '微軟正黑體 Light', sans-serif, sans-serif;
	letter-spacing: -0.3px;
}

.header-links li a > span {
	vertical-align: middle;
}

.header-links li:hover > a {
	color:#058144;
}

.header-link {
	float:left;
}

.header-link li {
	padding:5.5px 18px 5.5px 16px;
	border-right:1px solid #ecebe1;
}

.header-link .header-links-icon {
	margin-bottom:-4px;
}

.header-link a:hover {
	color:#e61446 !important;
}

.header-links-icon {
	display: inline-block;
	margin-right:6px;
	width:15px;
	height:18px;
	background-image: url('../images/sprites/sprite.png');
	background-repeat: no-repeat;
}

.header-links-icon.icon-account {
	background-position: -91px -1133px;
}

.header-links-icon.icon-checkout {
	margin-right:8px;
	background-position: -106px -1133px;
}

.header-links-icon.icon-wishlist {
	background-position: -121px -1133px;
}

.header-links-icon.icon-login {
	margin-right:7px;
	background-position: -136px -1133px;
}

.header-links-icon.icon-fav {
	margin-right:6px;
	background-position: -76px -1133px;
}

.header-link .header-links-icon.icon-login {
	margin-right:4px;
}

.header-links li:hover .header-links-icon.icon-account {
	background-position: -91px -1151px;
}

.header-links li:hover .header-links-icon.icon-checkout {
	background-position: -106px -1151px;
}

.header-links li:hover .header-links-icon.icon-wishlist {
	background-position: -121px -1151px;
}

.header-links li:hover .header-links-icon.icon-login {
	background-position: -136px -1151px;
}

.logo-container {
	float:left;
	padding:40px 0;
}

.logo {
	font:36px/1 'tinosbold', Verdana, sans-serif;
	 
	color:#868176;
	margin:0;
}
.logo-container1 {
	
	padding:16.5px 0;
	text-align:center;
}
.logo1 {
	font:36px/1 'tinosbold', Verdana, sans-serif;
	 
	color:#868176;
	margin:0;
}
.logo a {
	display:inline-block;
	color:#868176;
}

.right-side,
.right-side-wrapper,
#main-nav {
	float:right;
}

#header .right-side-wrapper {
	padding:48.5px 0;
}

#main-nav {
	margin-right:28px;
}

.search-container {
	position: relative;
}

.header-search-btn {
	float:right;
	display:block;
	width:16px;
	height:16px;
	margin:1px 0;
	background-image: url('../images/sprites/sprite.png');
	background-position: -107px -1056px;
	background-repeat: no-repeat;
}

#header-top .header-search-btn {
	display:inline-block;
	width:auto;
	height:auto;
	background-image: none;
	padding-left:20px;
	position: relative;
	font:13px/20px '微軟正黑體', '微軟正黑體 Light', sans-serif;
	color:#7e786b;
	margin:7px 0;
}

#header-top .header-search-btn:after {
	content:'';
	background-image: url('../images/sprites/sprite.png');
	background-position: -137px -1107px;
	background-repeat: no-repeat;
	width:13px;
	height:13px;
	position: absolute;
	left:0;
	top:50%;
	margin-top:-6.5px;
}

.search-form {
	visibility:hidden;
	opacity:0;
	width:100%;
	position: absolute;
	left:0;
	top:47px;
	z-index:99;
	background: #f7f6f0;
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
}

#header-top .search-form {
	top:8px;
	background: #f4f3e9;
}

.search-form.active {
	opacity:1;
	visibility: visible;
}

.search-form input {
	width:100%;
	border:none;
	background-color: transparent;
	height:26px;
	border-left:1px solid #b3b2af;
	color:#6d6b64;
	font:18px/20px 'open_sanslight', Verdana, sans-serif;
	padding:3px 56px 3px 20px;
}

#header-top .search-form input {
	height:18px;
	border-left:1px solid #b3b2af;
	color:#7e786b;
	font-size:14px;
	line-height:16px;
	padding:1px 23px 1px 10px;
}

.search-form:after {
	content:'';
	display:block;
	width:1px;
	height:100%;
	background-color: #b3b2af;
	position: absolute;
	right:37px;
	top:0;
}

#header-top .search-form:after {
	height:18px;
	right:23px;
	top:0;
}

.search-close-btn {
	display:block;
	width:16px;
	height:16px;
	position: absolute;
	right:0;
	top:5px;
	background-image: url('../images/sprites/sprite.png');
	background-position: -91px -1056px;
	background-repeat: no-repeat;
}

#header-top .search-close-btn {
	width:13px;
	height:13px;
	top:2.5px;
	background-position: -150px -1107px;
}

.search-submit-btn {
	width:20px !important;
	height:20px !important;
	display:none;
	text-indent:-9999px;
	padding:0 !important;
	border:none !important;
	position: absolute;
	right:21px;
	top:50%;
	margin-top:-10px;
	background-image: url('../images/sprites/sprite.png');
	background-position: -137px -1087px;
	background-repeat: no-repeat;
}

#header .dropdown-toggle,
#sticky-header .dropdown-toggle {
	display:block;
	cursor: pointer;
}

.dropdown-text {
	display: none;
}

.user-dropdown,
.cart-dropdown {
	float:right;
	margin-right:30px;
	margin-top:1px;
}

.currency-dropdown,
.language-dropdown {
	float:right;
	font:13px/20px '微軟正黑體', '微軟正黑體 Light', sans-serif;
}


.currency-dropdown .dropdown-menu,
.language-dropdown .dropdown-menu {
	min-width:120px;
	border:1px solid #e6dfd1;
	border-top:none;
	top:0;
	left:-15px;
	box-shadow: 0 2px 3px rgba(0,0,0, 0.1);
	-webkit-box-shadow: 0 2px 3px rgba(0,0,0, 0.1);
}

.currency-dropdown .dropdown-menu > li > a ,
.language-dropdown .dropdown-menu > li > a {
	padding:6.5px 15px;
	color:#7e786b;
}

.language-dropdown .dropdown-menu > li:first-child > a > span {
	display:none;
}

.language-dropdown .dropdown-menu > li:first-child > a .long-name {
	display: inline;
}

.language-dropdown .dropdown-menu > li > a > img {
	float:right;
	margin-top:3px;
}

.dropdown .short-name {
	display:none;
}

.dropdown-icon {
	display: block;
	width:16px;
	height:16px;
	background-image: url('../images/sprites/sprite.png');
	background-repeat: no-repeat;
}

.dropdown-arrow {
	display: inline-block;
	width:10px;
	height:5px;
	background-image: url('../images/sprites/sprite.png');
	background-repeat: no-repeat;
	background-position: -180px -1107px;
	position: relative;
	margin-bottom:2px;
}

.open .dropdown-arrow {
	background-position: -180px -1112px;
	z-index:920;
}

#header-top .dropdown-icon {
	display:inline-block;
	width:14px;
	height:13px;
	margin-right:7px;
	margin-bottom:-1px;
}

.user-dropdown .dropdown-icon {
	background-position: -123px -1056px;
}

.user-dropdown.open .dropdown-icon,
.user-dropdown:hover .dropdown-icon,
.user-dropdown .dropdown-icon:hover,
.user-dropdown .dropdown-icon:focus {
	background-position: -139px -1056px;
}

.user-dropdown .dropdown-menu {
	width: 200px;
	margin-top:34px;
	left:50%;
	margin-left:-100px;
	border-radius: 0;
	border-color: #e6dfd1;
}

.header1 .open > .dropdown-menu:before,
.header1 :hover > .dropdown-menu:before {
	content:'';
	position: absolute;
	bottom:100%;
	left:0;
	right:0;
	display:block;
	width:100%;
	height:55px;
}

.header1 .dropdown-menu {
	margin-top:34px;
	box-shadow:0 2px 3px rgba(0,0,0, 0.1);
	-webkit-box-shadow:0 2px 3px rgba(0,0,0, 0.1);
}

.header1 .open > .dropdown-menu,
.header1 :hover > .dropdown-menu {
	margin-top:54px;
}

.user-dropdown .dropdown-menu li {
	position: relative;
}

.user-dropdown .dropdown-menu li a {
	display: block;
	padding:10.5px 20px;
	color:#7e786b;
	background-color: #fbfaf4;
	font:13px/20px '微軟正黑體', '微軟正黑體 Light', sans-serif;
	 
	border-top: 1px solid #e6dfd1;
}

.user-dropdown .dropdown-menu > li:last-child > a {
	border-bottom:none;
}

.user-dropdown .dropdown-menu > li a:hover,
.user-dropdown .dropdown-menu > li a:focus {
	background-color: #e6dfd1;
	color: #7e786b;
}

.dropdown-value {
	float:right;
	color:#e61446;
}

.user-dropdown .dropdown-menu li ul {
	visibility:hidden;
	opacity:0;
	width:170px;
	border: 1px solid #e6dfd1;
	box-shadow:0 2px 3px rgba(0,0,0, 0.1);
	-webkit-box-shadow:0 2px 3px rgba(0,0,0, 0.1);
	transition:all 0.4s;
	-webkit-transition:all 0.4s;
	-moz-transition:all 0.4s;
	position: absolute;
	top:0;
	margin-top:-20px;
	z-index:950;
}

.user-dropdown .dropdown-menu li ul li:first-child a {
	border-top:none;
}

.user-dropdown .dropdown-menu li ul,
.user-dropdown .dropdown-menu li ul.pull-right,
.user-dropdown .dropdown-menu li ul.reverse {
	left:auto;
	margin-left:0;
	right:100%;
	margin-right:2px;
}

.user-dropdown .dropdown-menu li:hover > ul {
	visibility:visible;
	opacity:1;
	margin-top:0;
}

.user-dropdown .dropdown-menu li ul li img {
	float:right;
	margin-top:3.5px;
}

.cart-dropdown .dropdown-icon {
	background-position: -155px -1056px;
}

#header-top .cart-dropdown .dropdown-icon {
	background-position: -163px -1107px;
}

.cart-dropdown .dropdown-icon {
	position: relative;
}

.cart-dropdown .badge {
	display:block;
	width:13px;
	height:13px;
	border-radius: 50%;
	background-color: #e61446;
	color:#fff;
	font:10px/13px '微軟正黑體', '微軟正黑體 Light', sans-serif;
	text-align: center;
	position: absolute;
	bottom:-5px;
	right:-6px;
	padding:0;
	min-width:0;
}

.cart-dropdown .dropdown-menu {
	width: 350px;
	margin-right:-92px;
	padding:20px 20px 30px;
	background-color: #fbfaf4;
	border:none;
	box-shadow:0 2px 3px rgba(0,0,0, 0.1);
	-webkit-box-shadow:0 2px 3px rgba(0,0,0, 0.1);
}

.header1 .cart-dropdown.open > .dropdown-menu,
.header1 .cart-dropdown:hover > .dropdown-menu {
	margin-top:55px;
}

.header1 .cart-dropdown .btn-custom:hover,
.header1 .cart-dropdown .btn-custom:focus,
.header1 .cart-dropdown .btn-custom:active,
.header1 .cart-dropdown .btn-custom.active,
.header1 .cart-dropdown.open .dropdown-toggle.btn-custom {
	color: #fff;
	background-color: #058144;
	border-color: transparent;
}

.cart-dropdown-header {
	width:100%;
	height:34px;
	background: #e6dfd1;
	color:#7e786b;
	position: absolute;
	top:0;
	left:0;
	font:13px/20px '微軟正黑體', '微軟正黑體 Light', sans-serif;
	padding:7px 20px;
}

.cart-dropdown .product {
	margin-bottom: 20px;
	position: relative;
}

.cart-dropdown .product .delete-btn {
	display:block;
	width:12px;
	height:12px;
	position: absolute;
	right:0;
	top:0;
	background-image: url('../images/sprites/sprite.png');
	background-repeat: no-repeat;
	background-position: -90px -1075px;
}

.cart-dropdown .product .delete-btn:hover {
	background-position: -102px -1075px;
}

.cart-dropdown .product-image-container {
	float:left;
	width:90px;
	margin-right:15px;
}

.cart-dropdown .product-name {
	margin:-2px 0 8px;
	padding-right:30px;
}

.cart-dropdown .product-name,
.cart-dropdown .product-price,
.cart-dropdown .product-old-price {
	font-size:13px;
}

.cart-dropdown .product-old-price {
	margin-right: 10px;
}

.cart-dropdown .product-name,
.cart-dropdown .product-price-container {
	text-align: left;
}

.cart-dropdown .product:hover .product-image {
	opacity:1;
	transform:scale(1);
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-ms-transform:scale(1);
	-o-transform:scale(1);
	visibility: visible;
}
.cart-dropdown .product-content {
	margin-left:105px;
}

.cart-dropdown .cart-desc {
	color:#969186;
	font:15px/20px '微軟正黑體', '微軟正黑體 Light', sans-serif;
	margin-bottom: 21px;
}

.cart-dropdown .action-info-container,
.cart-dropdown .action-btn-container {
	margin-top:5px;
}

.cart-dropdown .action-info-container li {
	 
	color:#666666;
	font:14px/18px '微軟正黑體', '微軟正黑體 Light', sans-serif;
	margin-bottom:6px;
}


.cart-dropdown .action-btn-container li {
	margin-bottom: 8px;
}

.cart-dropdown .action-btn-container li:last-child {
	margin-bottom:0;
}

.cart-dropdown .action-btn-container .btn {
	min-width:116px;
	padding:5px 10px;
}

.cart-dropdown .action-btn-container .btn-custom-5:hover,
.cart-dropdown .action-btn-container .btn-custom-5:active,
.cart-dropdown .action-btn-container .btn-custom-5:focus {
	background-color: #cbc6b5;
	border-color:#cbc6b5;
}

/* Menu */
.menu > li {
	float:left;
	padding:50px 0;
}
.btbo{
	border:1px solid #C9C9C9;
	border-radius:3px;
	padding:8px 10px;}
.menu li {
	position: relative;
}

.menu li a {
	display:block;
	padding:0 24px;
	 
	color:#6f6a60;
	font:14.5px/18px '微軟正黑體', '微軟正黑體 Light', sans-serif;
	letter-spacing:1px;
	font-weight:600;
}

.left-menu.menu > li > a,
.right-menu.menu > li > a {
	padding:0 23px;
}

.left-menu.menu > li:first-child > a {
	padding-left:0;
}

.right-menu.menu > li:last-child > a {
	padding-right:0;
}

.left-menu.menu {
	float:left;
}

.right-menu.menu {
	float:right;
}

.menu li:hover > a {
	color:#e61446;
}

.menu li ul {
	visibility:hidden;
	opacity:0;
	position: absolute;
	top:100%;
	left:0;
	z-index:900;
	border:1px solid #e6dfd1;
	border-top:none;
	width:200px;
	margin-top:-20px;
	box-shadow:0 2px 3px rgba(0,0,0, 0.1);
	-webkit-box-shadow:0 2px 3px rgba(0,0,0, 0.1);
	transition: all 0.35s;
	-webkit-transition: all 0.35s;
	-moz-transition: all 0.35s;
}

.menu li.reverse ul {
	left:auto;
	right:0;
}

.menu li ul ul {
	top:0;
	left:100%;
	margin-top:20px;
	margin-left:2px;
}

.menu li.reverse li ul,
.menu li li.reverse ul {
	left:auto;
	right:100%;
	margin-right:2px;
}

.menu li li a {
	display: block;
	padding:10.5px 20px;
	color:#7e786b;
	background-color: #fbfaf4;
	font-size:13px;
	line-height: 20px;
	 
	border-top: 1px solid #e6dfd1;
}

.menu li.megamenu-container {
	position: static;
}

.fullwidth-menu .col-sm-12,
.fullwidth-menu .col-md-12,
.fullwidth-menu .col-sm-4,
.fullwidth-menu .col-md-4,
.fullwidth-menu .col-sm-6,
.fullwidth-menu .col-md-6  {
	position: static;
}

.megamenu {
	visibility: hidden;
	opacity:0;
	margin-top:-20px;
	position: absolute;
	top:100%;
	left:15px;
	right:15px;
	z-index:900;
	padding:46px 0 68px;
	background-color: #fbfaf4;
	box-shadow:0 2px 3px rgba(0,0,0, 0.1);
	-webkit-box-shadow:0 2px 3px rgba(0,0,0, 0.1);
	transition: all 0.35s;
	-webkit-transition: all 0.35s;
	-moz-transition: all 0.35s;
	border-top:1px solid #eae9e9;
	border-bottom:1px solid #eae9e9;
}

.fullwidth-menu .menu .megamenu {
	width:100%;
	left:0;
	right:0;
}

.menu .megamenu a,
.side-menu .megamenu a {
	padding:0;
}

.megamenu-title {
	font:15px/20px 'source_code_proregular', Verdana;
	color:#888377;
	margin-bottom: 10px;
}

.menu .megamenu ul,
.side-menu .megamenu ul {
	visibility: inherit;
	opacity:1;
	margin-top: 0;
	border:none;
	position: relative;
	left:auto;
	top:auto;
	right:auto;
	width:100%;
	box-shadow: none;
	-webkit-box-shadow:none;
}

.menu .megamenu ul a,
.side-menu .megamenu ul a {
	border:none;
	font:13px/32px Verdana, sans-serif;
	color:#918c80;
	text-transform: capitalize;
}

.megamenu ul a:hover,
.megamenu-title:hover {
	color:#ef083e;
}

.menu .megamenu .banner-container {
	padding:25px 20px 10px;
}

.menu .megamenu .banner h4 {
	font:40px/1 'judsonbold', Verdana;
	color:#746f65;
	margin-bottom:0;
}

.menu .megamenu .banner h5 {
	font:17px/25px '微軟正黑體', '微軟正黑體 Light', sans-serif;
	color:#746f65;
	margin-bottom:7px;
}

.menu .megamenu .banner h4 + h5 {
	font-size:15px;
}

.menu .megamenu .banner h5 > span {
	font:15px/25px 'open_sansregular', sans-serif;
	color:#746f65;
}

/* Menu hover animation */
.menu li.active > ul,
.menu li.active > .megamenu {
	margin-top:0;
	opacity:1;
	visibility: visible;
}

/* Responsive menu */
#responsive-nav {
	display:none;
	line-height: 0;
	margin-top:51px;
}

#responsive-btn {
	display:inline-block;
	position: relative;
	font-size:0;
}

#responsive-btn * {
	vertical-align: middle;
}

.responsive-btn-icon {
	width:42px;
	display:inline-block;
}

.responsive-btn-block {
	display:block;
	width:100%;
	height:1px;
	background: #6d6b64;
	margin-bottom: 6px;
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
}

.responsive-btn-block.last {
	margin-bottom: 0 !important;
}

.responsive-btn-text {
	 
	display: none;
}

#responsive-btn:hover .responsive-btn-block,
.active .responsive-btn-block  {
	background: #058144;
}

#responsive-btn:hover .responsive-btn-text,
.active .responsive-btn-text  {
	/*color: #e61446;*/
}

#responsive-menu-container {
	position: absolute;
	top:100%;
	left:15px;
	right:15px;
	z-index:999;
	border:1px solid #eae9e9;
	border-bottom: none;
	box-shadow:0 3px 4px rgba(0,0,0, 0.2);
	-webkit-box-shadow:0 3px 4px rgba(0,0,0, 0.2);
	display:none;
}

.responsive-menu .container,
.responsive-menu .col-sm-2,
.responsive-menu .col-sm-3,
.responsive-menu .col-sm-4,
.responsive-menu .col-sm-6,
.responsive-menu .col-md-2,
.responsive-menu .col-md-3,
.responsive-menu .col-md-4,
.responsive-menu .col-md-6 {
	width:100%;
	padding:0;
}

.responsive-menu .row {
	margin:0;
}

.responsive-menu .menu-banner {
	display:none;
}

#responsive-menu-container .menu-btn-wrapper {
	display: block;
	width:60px;
	height:50px;
	position: absolute;
	right:0;
	top:0;
	z-index:950;
	cursor:pointer;
}

#responsive-menu-container .menu-btn {
	display: block;
	width:23px;
	height:23px;
	position: absolute;
	top:13.5px;
	right:30px;
	background-color: transparent;
	background-image: url('../images/sprites/sprite.png');
	background-repeat: no-repeat;
	background-position: -91px -1087px;
}

#responsive-menu-container .open > .menu-btn-wrapper >.menu-btn,
#responsive-menu-container .active > .menu-btn {
	background-position: -114px -1110px;
}

#responsive-menu-container div > .active > .menu-btn,
.header2 #responsive-menu-container div > .active > .menu-btn,
.header3 #responsive-menu-container div > .active > .menu-btn,
.header4.dark #responsive-menu-container .open > .menu-btn-wrapper >.menu-btn,
.header4.dark #responsive-menu-container .active > .menu-btn  {
	background-position: -91px -1110px;
}

#responsive-menu-container .menu-btn-wrapper:hover > .menu-btn {
	background-color: #e9e8df;
}

#responsive-menu-container .open > .menu-btn-wrapper:hover > .menu-btn {
	background-color: transparent;
}

.responsive-menu li,
.responsive-menu li a  {
	display:block;
	position: relative;
}

.responsive-menu li a,
#responsive-menu-container .user-dropdown .dropdown-menu li a {
	font:14px/20px '微軟正黑體', '微軟正黑體 Light', sans-serif;
	padding:15px 29px;
	border-bottom:1px solid #eae9e9;
	 
	color:#6f6a60;
	background: #f7f6ec;
}

#responsive-menu-container .user-dropdown .dropdown-menu li ul {
	border:none;
}

#responsive-menu-container .user-dropdown .dropdown-menu li a {
	border-top:none;
}

.responsive-menu > li:last-child > a{
	border-bottom: none;
}

.responsive-menu li ul,
.responsive-menu li .megamenu {
	display:none;
}

.responsive-menu li.open > a,
.responsive-menu li.open:hover > a {
	background-color: #e61446;
	color:#fff !important;
}

.responsive-menu li.open > a:after,
.responsive-menu li.open > a:before {
	content:'';
	position: absolute;
	top:0;
	width:1px;
	height:100%;
	background-color: #e61446;
}

.responsive-menu li.open > a:before {
	left:-1px;
}

.responsive-menu li.open > a:after {
	right:-1px;
}

.responsive-menu li ul a,
.responsive-menu li div a {
	font-size:15px;
	background-color: #fff;
	padding-left:48px;
	color:#888377;
}

.responsive-menu li a.megamenu-title {
	font:15px/20px 'source_code_proregular', Verdana;
}

.responsive-menu li ul ul a {
	padding-left:66px;
}

.responsive-menu .megamenu .open > a {
	border-bottom-color: transparent;
	color:#e61446;
}

.responsive-menu .megamenu .open ul {
	margin-top:-6px;
}

.responsive-menu .megamenu {
	display: none;
	position: relative;
	opacity:1;
	visibility: visible;
	top:auto;
	left:auto;
	right:auto;
	margin:0 !important;
	padding:0 !important;
	box-shadow:none;
	-webkit-box-shadow:none;
	border-top:none;
	border-bottom:none;
	background-color: transparent;
}

.responsive-menu .megamenu .megamenu-title {
	margin:0;
}

.responsive-menu .megamenu li a {
	font:13px/32px Verdana, sans-serif;
	text-transform: capitalize;
	color:#888377;
	padding:0;
	padding-left:48px;
	border:none;
}

.responsive-menu .megamenu ul {
	background: #fff;
	border-bottom:1px solid #eae9e9;
	padding-bottom:16px;
}

.responsive-menu li a:hover {
	color:#e61446;
}

.responsive-menu li.open > a:hover {
	color:#fff;
}

#responsive-menu-container .search-form {
	visibility: visible;
	opacity: 1;
	position: relative;
	width:auto;
	left:0;
	top:0;
	padding:14px 21px;
	background: #e9e8df;
	border-top:1px solid #e2e0da;
	border-bottom:1px solid #e2e0da;
}

#responsive-menu-container .search-form input {
	font-size:16px;
	line-height: 18px;
	height:20px;
	padding:1px 10px;
	color:#6d6b64;
	border-left-color:#6d6b64;
}

#responsive-menu-container .search-form input:-moz-placeholder {
	color:#6d6b64;
}

#responsive-menu-container .search-form input::-moz-placeholder {
	color:#6d6b64;
}

#responsive-menu-container .search-form input:-ms-input-placeholder {
	color:#6d6b64;
}

#responsive-menu-container .search-form input::-webkit-input-placeholder {
	color:#6d6b64;
}

#responsive-menu-container .search-submit-btn {
	display:block;
}

#responsive-menu-container .search-close-btn,
#responsive-menu-container .search-form:after {
	display:none;
}

#responsive-menu-container .user-dropdown,
#responsive-menu-container .cart-dropdown {
	float:none !important;
	margin:0;
	padding:0 20px;
	background: #f7f6ec;
	border-top:1px solid #eae9e9;
}

#responsive-menu-container .dropdown-toggle {
	font:0px/20px '微軟正黑體', '微軟正黑體 Light', sans-serif;
	padding:15px 0;
	 
	color:#6f6a60;
}

#responsive-menu-container .dropdown .menu-btn-wrapper:hover .menu-btn {
	background-color: transparent;
}

#responsive-menu-container .user-dropdown.open,
#responsive-menu-container .cart-dropdown.open {
	background: #e6dfd1;
}

#responsive-menu-container .cart-dropdown .badge {
	right:auto;
	margin:-1px 0 0;
	left:28px;
	top:50%;
}

#responsive-menu-container .dropdown-toggle > span {
	vertical-align: middle;
}

#responsive-menu-container .dropdown-text {
	display:inline;
	font-size: 14px;
}

#responsive-menu-container .dropdown-icon {
	display: inline-block;
	margin-right:15px;
}

#responsive-menu-container .cart-dropdown .dropdown-menu,
#responsive-menu-container .dropdown-menu,
#responsive-menu-container .user-dropdown .dropdown-menu li ul,
#responsive-menu-container .user-dropdown .dropdown-menu li ul.pull-right,
#responsive-menu-container .user-dropdown .dropdown-menu li ul.reverse {
	margin:0;
	width:100%;
	left:0;
	right:auto;
	top:100%;
}

#responsive-menu-container .user-dropdown .dropdown-menu li:hover > a {
	background: #e6dfd1;
	color:#6f6a60;
}

/* sticky header style */
.sticky-wrapper {
	position: absolute;
}

#sticky-header {
	position: fixed;
	visibility:hidden;
	top:0;
	transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transform:translateY(-80px);
	-webkit-transform:translateY(-80px);
	-moz-transform:translateY(-80px);
	z-index:9000;
	background-color: #f7f6f0;
	box-shadow:0 2px 3px rgba(0,0,0, 0.05);
	-webkit-box-shadow:0 2px 3px rgba(0,0,0, 0.05);
	width:100%;
}

#sticky-header.fixed {
	position: fixed;
	top:0;
	transform:translateY(0);
	-webkit-transform:translateY(0);
	-moz-transform:translateY(0);
	visibility: visible;
}

/* For boxed fixed header */
.boxed #sticky-header,
.boxed-long #sticky-header {
	width:auto;
}

#sticky-header .logo-container {
	padding:10px 0;
}

#sticky-header .logo-container {
	padding:10px 0 !important;
}

#sticky-header .right-side-wrapper {
	padding:18.5px 0;
}

#sticky-header .search-form {
	top:17px;
}

#sticky-header .menu > li {
	padding:20px 0 !important;
}

#sticky-header .cart-dropdown .dropdown-menu,
#sticky-header .user-dropdown .dropdown-menu {
	margin-top:0;
}

#sticky-header.fixed .open > .dropdown-menu,
#sticky-header.fixed :hover > .dropdown-menu {
	margin-top:24px;
}

#sticky-header.fixed .cart-dropdown.open > .dropdown-menu,
#sticky-header.fixed .cart-dropdown:hover > .dropdown-menu {
	margin-top:24px;
}

#sticky-header.fixed .open > .dropdown-menu:before,
#sticky-header.fixed :hover > .dropdown-menu:before {
	content:'';
	position: absolute;
	bottom:100%;
	left:0;
	right:0;
	display:block;
	width:100%;
	height:25px;
}

#sticky-header.fixed #responsive-nav {
	margin-top:21px;
}


/* Header2 */
#header.header2 {
	background-color: #fbfbf9;
	border-bottom:none;
}

.header2 #header-top {
	border-top:1px solid #fbfbf9;
}

.header2 .logo-container {
	text-align: center;
	padding:19px 0;
}
.wohe{
	font-weight: 600;
    font-size: 1.4em;
    letter-spacing: 2px;
	}
.header2 .logo,
.header2 .logo a {
	color:#726c61;
}

.header2 .dropdown-toggle {
	font:13px/20px '微軟正黑體', '微軟正黑體 Light', sans-serif;
	padding:7px 2px;
	color:#7e786b;
}

.header2 .currency-dropdown .dropdown-menu > li:first-child > a ,
.header2 .language-dropdown .dropdown-menu > li:first-child > a {
	padding:7px 14px;
	background-color: #e6dfd1;
}

.header2 .cart-dropdown.dropdown {
	position: static;
	z-index:2;
}

.header2 #header-top .dropdown {
	margin-top:0;
	margin-right:40px;
}

.header2 .dropdown-arrow {
	display:inline-block;
	margin-left:5px;
	margin-bottom:1px;
	/* fix inline-block auto margin*/
	word-spacing: -1;
}

.header2 #header-top .dropdown {
	font-size:0;
}

.header2 .user-dropdown {
	display:none;
	margin-left:-10px;
	font:15px/20px '微軟正黑體', '微軟正黑體 Light', sans-serif;
	width:160px;
}

.header2 .user-dropdown .dropdown-menu {
	width: 160px;
	margin-top:-10px;
	left:0;
	margin-left:0;
	border-radius: 0;
	border-color: #ecebe1;
	box-shadow: 0 2px 3px rgba(0,0,0, 0.1);
	-webkit-box-shadow: 0 2px 3px rgba(0,0,0, 0.1);
	border-top:none;
}

.header2 .user-dropdown .dropdown-menu  > li > a {
	font-size:15px;
	padding:5px 10px;
	color:#7e786b;
}

.header2 .user-dropdown .dropdown-toggle .header-links-icon {
	margin-bottom:-2px;
}

.header2 .user-dropdown .dropdown-toggle {
	padding:7px 10px;
	font-size:15px;
}

.header2 .user-dropdown.open .dropdown-toggle,
.header2 .user-dropdown:hover .dropdown-toggle  {
	background-color: #e6dfd1;
}

.header2  .user-dropdown.open > .dropdown-menu,
.header2  .user-dropdown:hover > .dropdown-menu  {
	margin-top:0;
}

.header2 .user-dropdown .dropdown-menu li a {
	text-transform: capitalize;
}

.header2 .language-dropdown .dropdown-menu > li a:hover,
.header2 .language-dropdown .dropdown-menu > li a:focus,
.header2 .currency-dropdown .dropdown-menu > li a:hover,
.header2 .currency-dropdown .dropdown-menu > li a:focus {
	background-color: #e6dfd1;
	color: #7e786b;
}

.header2 .cart-dropdown .badge {
	display:none;
}

.header2 .cart-dropdown .dropdown-menu {
	width: 320px;
	margin-right:0;
	padding-top:55px;
	top:0;
	border:1px solid #e6dfd1;
	box-shadow:0 2px 3px rgba(0,0,0, 0.1);
	-webkit-box-shadow:0 2px 3px rgba(0,0,0, 0.1);
}

.header2 .menu > li {
	float:left;
	padding:30px 0;
}

.header2 .menu li:hover > a {
	color:#058144;
}

.header2 .menu .megamenu ul a:hover,
.header2 .megamenu-title:hover {
	color:#058144;
}

.header2 .responsive-btn-icon  {
	margin-right:0;
}

.header2 .responsive-btn-block {
	margin-bottom:8px;
}

.header2 .responsive-btn-text {
	font:20px/15px '微軟正黑體', Verdana;
	color:#6f6a60;
	margin-top:1px;}

/* Header3 */
#header.header3 {
	background-color: #fbfaf4;
	border-bottom:none;
}

#header.header3 #header-top {
	background-color: #fbfaf4;
	border-top:1px solid #ecebe1;
	border-bottom:1px solid #ecebe1;
}

#header.header3 #header-top a {
	color:#7e786b;
}

.header3 .currency-dropdown ,
.header3 .language-dropdown {
	 
}

.header3 .currency-dropdown .dropdown-toggle,
.header3 .language-dropdown .dropdown-toggle {
	padding:7px 14px 7px 17px;
	border-left:1px solid #ecebe1;
	border-right:1px solid #ecebe1;
}

.header3 .currency-dropdown.open .dropdown-toggle,
.header3 .language-dropdown.open .dropdown-toggle {
	background: #e4e2d2;
	border-left:1px solid #e4e2d2;
	border-right:1px solid #e4e2d2;
}

.header3 .currency-dropdown {
	margin-left:-1px;
}

.header3 .currency-dropdown.open .dropdown-toggle:after,
.header3 .language-dropdown.open .dropdown-toggle:after {
	content:'';
	position: absolute;
	top:-1px;
	left:0;
	width:100%;
	height:1px;
	background: #e4e2d2;
}

.header3 .currency-dropdown .dropdown-menu,
.header3 .language-dropdown .dropdown-menu {
	top:100%;
	left:0;
	right:0;
	min-width: 0;
	margin:0;
	border-color:#ecebe1;
	width:auto;
	border-top:none;
	box-shadow: 0 2px 3px rgba(0,0,0, 0.1);
	-webkit-box-shadow: 0 2px 3px rgba(0,0,0, 0.1);
}

.header3 .currency-dropdown .dropdown-menu  > li > a,
.header3 .language-dropdown .dropdown-menu  > li > a {
	padding:6.5px 15px 6.5px 18px;
	font-size:13px;
	border-top:1px solid #ecebe1;
}

.header3 #header-top .user-dropdown.dropdown {
	float:left;
	display:block;
	margin-left:0;
	font:13px/20px '微軟正黑體', '微軟正黑體 Light', sans-serif;
	margin:0;
}

.header3 #header-top .user-dropdown.dropdown .dropdown-toggle {
	padding:6.5px 14px 6.5px 17px;
	border-left:1px solid #ecebe1;
	border-right:1px solid #ecebe1;
}

.header3 #header-top .dropdown.open .dropdown-toggle,
.header3 #header-top .dropdown:hover .dropdown-toggle {
	background: #e4e2d2;
	border-left:1px solid #e4e2d2;
	border-right:1px solid #e4e2d2;
}

.header3 #header-top .dropdown.open .dropdown-toggle:after {
	content:'';
	position: absolute;
	top:-1px;
	left:0;
	width:100%;
	height:1px;
	background: #e4e2d2;
}

.header3 #header-top .dropdown .header-links-icon {
	margin-bottom:-2px;
	margin-right:8px;
}

.header3 #header-top .user-dropdown .dropdown-menu {
	top:100%;
	left:0;
	min-width:140px;
	margin:0;
	border-color:#ecebe1;
	width:auto;
	border-top:none;
	box-shadow: 0 2px 3px rgba(0,0,0, 0.1);
	-webkit-box-shadow: 0 2px 3px rgba(0,0,0, 0.1);
}

.header3 .user-dropdown .dropdown-menu  > li > a {
	padding:6.5px 15px 6.5px 18px;
	font-size:13px;
	text-transform: capitalize;
	border-top:1px solid #ecebe1;
}

.header3 .language-dropdown .dropdown-menu > li a:hover,
.header3 .language-dropdown .dropdown-menu > li a:focus,
.header3 .currency-dropdown .dropdown-menu > li a:hover,
.header3 .currency-dropdown .dropdown-menu > li a:focus,
.header3 .user-dropdown .dropdown-menu > li a:hover,
.header3 .user-dropdown .dropdown-menu > li a:focus {
	background-color: #e4e2d2;
	color: #7e786b;
}

.header3 .cart-dropdown  {
	margin:0;
}

.header3 .cart-dropdown .dropdown-toggle {
	padding:7px 15px 7px 16px;
	background-color: #ecebe1;
	font:13px/20px '微軟正黑體', '微軟正黑體 Light', sans-serif;
	color:#7e786b;
	position: relative;
}

#header.header3 #header-top .cart-dropdown  .product-name a:hover {
	color:#e61446;
}

.header3 #header-top .cart-dropdown.open .dropdown-toggle,
.header3 #header-top .cart-dropdown:hover .dropdown-toggle{
	background-color: #e4e2d2;
	border:none;
}

.header3 .cart-dropdown:before {
	content:'';
	display:block;
	width: 100%;
	position: absolute;
	left:0;
	top:-1px;
	height:1px;
	background-color: #e4e2d2;
}
.header3 .cart-dropdown .badge {
	display:none;
}

.header3 .cart-dropdown .dropdown-menu {
	width:320px;
	margin-right:0;
	background-color: #fbfaf4;
	border:1px solid #ecebe1;
	margin-top:0;
}

.header3 .logo-container {
	padding:32px 0;
}

.header3 .logo a {
	color:#726c61;
}

#header.header3 #header-top .cart-dropdown .btn-custom:hover,
#header.header3 #header-top .cart-dropdown .btn-custom:focus, 
#header.header3 #header-top .cart-dropdown .btn-custom:active {
	color:#fff;
}

.header3 .menu > li {
	padding:44px 0 40px;
}

.header3 .menu .megamenu {
	border:1px solid #eae9e9;
}

.header3 .menu li li a {
	border-top-color:#eae9e9;
}

.header3 .search-container {
	width:120px;
	float:right;
	margin-top:37px;
}

.header3 .search-form {
	position: relative;
	visibility: visible;
	opacity:1;
	top:0;
	left:0;
	right:0;
	background-color: transparent;
}

.header3 .search-form:after {
	display:none;
}

.header3 .search-form input {
	height:30px;
	padding:5px 30px 5px 10px;
	border:1px solid #ecebe1;
	font-size:12px;
	color:#7e786b;
}

.header3 .search-submit-btn {
	display:block;
	width:13px !important;
	height:13px !important;
	background-position: -180px -1094px;
	right:9px;
	margin-top:-6.5px;
}

.header3 .search-form input:-moz-placeholder {
	 
	color:#7e786b;
}

.header3 .search-form input::-moz-placeholder {
	 
	color:#7e786b;
}

.header3 .search-form input:-ms-input-placeholder {
	 
	color:#7e786b;
}

.header3 .search-form input::-webkit-input-placeholder {
	 
	color:#7e786b;
}

.header3 #responsive-nav {
	margin-top:42px;
}

.header3 .responsive-btn-icon {
	width:25px;
}

.header3 .responsive-btn-block {
	background: #7e7c75;
}

#sticky-header.header3 {
	background-color: #fbfaf4;
}

#sticky-header.header3 .search-container {
	margin-top:15px;
}

#sticky-header.header3 .search-form {
	top:0;
}


/* Header4 */
#header.header4 {
	background-color: transparent;
	border-bottom:none;
	margin-bottom: 20px;
}

#header.header4 #header-top {
	background-color: #f7f6ef;
	border-top:1px solid #ecebe1;
	border-bottom:1px solid #ecebe1;
}

.header4 .header-links li,
.header4 .header-link li {
	margin:0;
	padding:0;
	border-right:1px solid #ecebe1;
}

.header4 .header-links li a {
	display: inline-block;
	padding:5px 20px 7px;
}

.header4 .header-link li {
	display: inline-block;
	padding:4.5px 20px 6.5px;
}

.header4 .header-links li:first-child,
.header4 .header-link li {
	border-left:1px solid #ecebe1;
}

.header4 .header-links li:hover .header-links-icon.icon-account {
	background-position: -91px -1133px;
}

.header4 .header-links li:hover .header-links-icon.icon-checkout {
	background-position: -106px -1133px;
}

.header4 .header-links li:hover .header-links-icon.icon-wishlist {
	background-position: -121px -1133px;
}

.header4 .header-links li:hover .header-links-icon.icon-login {
	background-position: -136px -1133px;
}

.header4 .header-links li:hover {
	position: relative;
	background-color: #e4e2d2;
}

.header-links li:hover:before,
#header.header4  #header-top .dropdown-toggle:hover:before,
#header.header4  #header-top .dropdown-toggle:focus:before,
#header.header4  #header-top .dropdown.open > .dropdown-toggle:before {
	content:'';
	position: absolute;
	left:0;
	right:0;
	bottom:100%;
	display: block;
	height:1px;
	background-color: #e4e2d2;
}

.header4 .header-links li:hover > a {
	color:#7e786b;
}

.header4 .logo a {
	color:#726c61;
}

#header.header4  #header-top .dropdown-toggle {
	padding:7px 20px;
	border-right:1px solid #ecebe1;
	color:#7e786b;
}

#header.header4  #header-top .dropdown-toggle:hover,
#header.header4  #header-top .dropdown-toggle:focus,
#header.header4  #header-top .dropdown.open > .dropdown-toggle,
#header.header4  #header-top .dropdown:hover > .dropdown-toggle,
#header.header4  #header-top .dropdown-menu > li > a:hover,
#header.header4  #header-top .dropdown-menu > li > a:focus {
	background-color: #e4e2d2;
	color:#7e786b;
}

#header.header4  #header-top .dropdown-arrow {
	margin-left:7px;
}

.header4 #header-top .currency-dropdown .dropdown-menu,
.header4  #header-top .language-dropdown .dropdown-menu,
.header4  #header-top .user-dropdown .dropdown-menu {
	top:100%;
	min-width: calc(100% + 1px);
	left:-1px;
	border-color:#ecebe1;
}

.header4  #header-top .user-dropdown .dropdown-menu {
	min-width:100%;
	width:100%;
}

.header4 #header-top .currency-dropdown.open .dropdown-menu,
.header4  #header-top .language-dropdown.open .dropdown-menu,
.header4  #header-top .user-dropdown.open .dropdown-menu,
.header4 #header-top .currency-dropdown:hover .dropdown-menu,
.header4  #header-top .language-dropdown:hover .dropdown-menu,
.header4  #header-top .user-dropdown:hover .dropdown-menu{
	margin-top:1px;
}

.header4  #header-top .currency-dropdown .dropdown-menu > li > a,
.header4  #header-top .language-dropdown .dropdown-menu > li > a,
.header4  #header-top .user-dropdown .dropdown-menu > li > a {
	padding:6.5px 20px;
	border-top-color:#ecebe1;
}

.header4  #header-top .user-dropdown .dropdown-menu li a {
	text-transform: capitalize;
}

.header4 #header-top .dropdown .short-name {
	font-size:13px;
}

.header4 #header-top .user-dropdown {
	margin-top:0;
	border-left:1px solid #ecebe1;
}

.header4 #header-top .user-dropdown .header-links-icon {
	vertical-align: middle;
	position: relative;
	top:-3px;
}

.header4 #header-top .user-dropdown .dropdown-toggle {
	font-size:13px;
	line-height: 20px;
}

.header4 #main-nav {
	float: none;
	margin-right: 0;
}

.header4.light #main-nav {
	border:1px solid #95938c;
}

.header4.dark #main-nav {
	border:none;
	background-color: #dad6c6;
}

.header4 .menu > li {
	padding: 0;
	margin-right:30px;
}

.header4 .menu > li > a {
	padding: 15px 20px;
	position: relative;
	border-left:1px solid transparent;
	border-right:1px solid transparent;
}

/* important for light meu to keep menu active on distance area */
.header4.light .menu > li.active:after,
.header4.light .menu > li:hover:after {
	content:'';
	position: absolute;
	top:100%;
	background: transparent;
	width:100%;
	/* for mega menu max balue*/
	max-width:200px;
	height:20px;
}

.header4.light .megamenu,
.header4.light .menu li > ul {
	border:1px solid #95938c;
}

.header4.light .menu li li:first-child a {
	border-top:none;
}

.header4.light .menu li a {
	color:#59554d;
}

.header4.light .menu li:hover > a {
	color:#e61446;
}

.header4.light .menu .megamenu-title {
	color:#706b61;
}

.header4.light .menu li li a {
	border-top-color:#95938c;
}

.header4.dark .megamenu {
	border:1px solid #eae9e9;
}

.header4.dark .menu > li > a {
	border-left:1px solid transparent;
	border-right:1px solid transparent;
	border-radius: 0;
}

.header4.light .menu > li.active > a {
	color:#fff;
	background-color: #e61446;
}

.header4.dark .menu > li.active > a {
	background-color: #fbfaf4;
	border-left-color:#eae9e9;
	border-right-color:#eae9e9;
}


.header4 .menu > li.active > a:before,
.header4 .menu > li.active > a:after {
	content:'';
	display:block;
	height:1px;
	position: absolute;
	left:0;
	width:100%;
	background-color: #e61446;
	z-index:998;
}

.header4.dark .menu > li.active > a:before,
.header4.dark .menu > li.active > a:after {
	background-color: #eae9e9;
}

.header4 .menu > li.active > a:before {
	top:-1px;
}

.header4 .menu > li.active > a:after {
	top:100%;
	background-color: #e61446;
}

.header4.dark .menu > li.active > a:after {
	background-color: #fbfaf4;
}

.header4 .megamenu,
.header4 .menu li ul {
	margin-top:20px;
}

.header4 .active .megamenu,
.header4 .menu li.active ul {
	margin-top:0;
}

.header4.light .menu > li > .megamenu,
.header4.light .menu > li > ul {
	margin-top:40px;
}

.header4.light .menu > li.active > .megamenu,
.header4.light .menu > li.active > ul {
	margin-top:20px;
}

.header4 .logo-container {
	padding:29px 0;
}

.header4 .cart-dropdown  {
	margin:0;
}

.header-inside .right-side {
	margin:32px 0;
}

#header.header4 .cart-dropdown .dropdown-toggle {
	display:inline-block;
	background-color: #ecebe1;
	padding:7.5px 15px;
	font:13px/20px '微軟正黑體', '微軟正黑體 Light', sans-serif;
	color:#7e786b;
}

#header.header4 .cart-dropdown.open .dropdown-toggle,
#header.header4 .cart-dropdown:hover .dropdown-toggle {
	background-color: #e61446;
	color:#fff;
}

.header4 .cart-dropdown .dropdown-toggle .dropdown-icon {
	display: inline-block;
	margin-right:9px;
	position: relative;
	top:2px;

}

#header.header4 .cart-dropdown:hover .dropdown-toggle .dropdown-icon,
#header.header4 .cart-dropdown.open .dropdown-toggle .dropdown-icon {
	background-position: -167px -1137px;
}

.header4 .cart-dropdown .dropdown-menu {
	right:0;
	margin-right:0;
	width:320px;
	border:1px solid #ecebe1;
	top:100%;
	margin-top:-10px;
}

.header4 .cart-dropdown.open .dropdown-menu,
.header4 .cart-dropdown:hover .dropdown-menu {
	margin-top:10px;
}

.header4 .cart-dropdown.open .dropdown-menu:before,
.header4 .cart-dropdown:hover .dropdown-menu:before {
	content:'';
	position: absolute;
	bottom:100%;
	right:0;
	left:0;
	display:block;
	width:100%;
	height:11px;
}

.header4 .search-container {
	float:right;
	width:200px;
	margin-right:7px;
	position: relative;
}

.header4 .search-form {
	position: static;
	top:auto;
	left:0;
	right:0;
	visibility: visible;
	opacity:1;
	background: transparent;
}

.header4 .search-form:after {
	display:none;
}

.header4 .search-form input {
	height:36px;
	padding:8px 30px 8px 10px;
	border:1px solid #ecebe1;
	font-size:12px;
	color:#989182;
}

.header4 .search-submit-btn {
	display:block;
	width:13px !important;
	height:13px !important;
	background-position: -180px -1094px;
	right:9px;
	margin-top:-6.5px;
}

.header4 .search-form input:-moz-placeholder {
	 
	color:#989182;
}

.header4 .search-form input::-moz-placeholder {
	 
	color:#989182;
}

.header4 .search-form input:-ms-input-placeholder {
	 
	color:#989182;
}

.header4 .search-form input::-webkit-input-placeholder {
	 
	color:#989182;
}

.header4 .header-search-btn {
	position: absolute;
	right:27px;
	top:50%;
	margin-top:-8px;
	z-index:801;
}

.header4 #responsive-nav {
	margin-top:0;
}

.header4 #responsive-btn.active .responsive-btn-text {
	color: #e61446;
}

#sticky-header.header4  .menu > li {
	padding:0 !important;
}

#sticky-header.header4.dark {
	background-color: #dad6c6;
}

#sticky-header.header4.dark #main-nav {
	background-color: transparent;
}

#sticky-header.header4.light #main-nav {
	border:none;
}

#sticky-header.header4.light {
	border-bottom:1px solid #95938c;
}

#sticky-header.header4.light .menu > li > .megamenu,
#sticky-header.header4.light .menu > li > ul {
	margin-top:20px;
}

#sticky-header.header4.light .menu > li.active > .megamenu,
#sticky-header.header4.light .menu > li.active > ul {
	margin-top:0;
}

#sticky-header.header4.light .menu > li {
	margin-right:0;
}

#sticky-header.header4.light .menu > li  {
	border-right:1px solid #95938c;
}

#sticky-header.header4.light .menu > li:first-child > a {
	border-left:1px solid #95938c;
}


/* Header5 */ 
#header.header5.absolute,
#header.header5.absolute,
#header.header5.light.absolute,
#header.header5.dark.absolute{
	position: absolute;
	z-index:8000;
	top:20px;
	left:0;
	right:0;
	z-index:;
	background-color: transparent;
	border:none;
}

.header5.light {
	border-top:1px solid #e1e0dd;
	border-bottom:1px solid #e1e0dd;
	background-color: #f6f5f0;
}


.header5.dark {
	border-top:1px solid #45433c;
	border-bottom:1px solid #45433c;
	background-color: #49473f;
}

.header5 .logo-container {
	padding:33px 0;
}

.header5 .logo {
	font:20px/1 'source_code_proregular', Verdana, sans-serif;
	text-transform: capitalize;
}

.header5 .logo a {
	color:#868176;
}

.header5.dark .logo a {
	color:#fff;
}

#header.header5 .right-side-wrapper {
	padding:33.5px 0;
}

.header5 .menu > li {
	padding:34px 0;
}

.header5.dark .menu > li > a {
	color:#fff;
}

.header5 .menu > li > a {
	text-transform: lowercase;
}

.header5.dark .cart-dropdown .dropdown-icon {
	background-position: -167px -1137px;
}

.header5.dark .cart-dropdown:hover .dropdown-icon,
.header5.dark .cart-dropdown:focus .dropdown-icon,
.header5.dark .cart-dropdown.open .dropdown-icon {
	background-position: -167px -1153px;
}

.header5.dark .user-dropdown .dropdown-icon {
	background-position: -183px -1137px;
}

.header5.dark .user-dropdown:hover .dropdown-icon,
.header5.dark .user-dropdown:focus .dropdown-icon,
.header5.dark .user-dropdown.open .dropdown-icon {
	background-position: -183px -1153px;
}

.header5.dark .header-search-btn {
	background-position: -199px -1137px;
}

.header5 .cart-dropdown > .dropdown-menu,
.header5 .user-dropdown .dropdown-menu {
	margin-top:58px;
}

.header5 .cart-dropdown.open > .dropdown-menu,
.header5 .user-dropdown.open > .dropdown-menu,
.header5 .cart-dropdown:hover > .dropdown-menu,
.header5 .user-dropdown:hover > .dropdown-menu  {
	margin-top:38px;
}

.header5.absolute .cart-dropdown > .dropdown-menu,
.header5.absolute .user-dropdown .dropdown-menu {
	margin-top:50px;
}

.header5.absolute .cart-dropdown.open > .dropdown-menu,
.header5.absolute .user-dropdown.open > .dropdown-menu,
.header5.absolute .cart-dropdown:hover > .dropdown-menu,
.header5.absolute .user-dropdown:hover > .dropdown-menu  {
	margin-top:30px;
}

.header5 .search-form {
	top:22px;
}

.header5.absolute .search-form {
	top:-20px;
}

.header5.dark .search-form {
	background: #49473f;
}

.header5 .search-form:after {
	display: none;
}

.header5.dark .search-form input {
	color: #dedcd7;
}

.header5.dark .search-form input:-moz-placeholder {
	color:#dedcd7;
}

.header5.dark .search-form input::-moz-placeholder {
	color:#dedcd7;
}

.header5.dark .search-form input:-ms-input-placeholder {
	color:#dedcd7;
}

.header5.dark .search-form input::-webkit-input-placeholder {
	color:#dedcd7;
}

.header5 .search-form input {
	height:46px;
	padding:13px 45px 13px 0;
	border:none;
}

.header5 .search-close-btn {
	top:50%;
	margin-top:-8px;
	right:15px;
	background-position: -75px -1056px;
}

.header5.dark .cart-dropdown .dropdown-menu {
	background-color: #49473f;
}

.header5.dark .cart-dropdown .cart-desc,
.header5.dark .product-name a,
.header5.dark .cart-dropdown .action-info-container li {
	color:#f2efe9;
}

.header5.dark .product-image-container {
	border:none;
}

.header5.dark .product-price,
.header5.dark .cart-dropdown .action-info-container li .first-color {
	color:#ff2c5e;
}

.header5.dark .product-old-price {
	color:#c3c3c3;
}

.header5.dark .btn-custom-5 {
	color:#fff;
}

.header5.dark .btn-custom {
	background-color: #a49f8c;
}

.header5.dark .btn-custom:hover,
.header5.dark .btn-custom:focus,
.header5.dark .btn-custom:active {
	background-color: #e61446;
}

.header5.dark .cart-dropdown .product .delete-btn {
	width:18px;
	height:18px;
	background-position: -181px -1056px;
}

.header5.dark .cart-dropdown .product .delete-btn:hover {
	background-position: -199px -1056px;
	background-color: #e61446;
}

.header5.dark .user-dropdown .dropdown-menu li a,
.header5.dark .menu li li a {
	background-color: #49473f;
	color: #f2efe9;
	border-top-color:#45433c;
}


.header5.dark .menu li li:first-child a,
.header5.dark .user-dropdown .dropdown-menu,
.header5.dark .user-dropdown .dropdown-menu li ul,
.header5.dark .menu li ul {
	border:none;
}

.header5 .user-dropdown .dropdown-menu li ul,
.header5 .menu li ul,
.header5 .megamenu {
	margin-top:20px;
}

.header5 .user-dropdown .dropdown-menu li:hover > ul,
.header5 .menu li.active > ul,
.header5 .menu li.active > .megamenu {
	margin-top:0;
}

.header5.dark .dropdown-value {
	color: #fefefe;
}

.header5.dark .user-dropdown .dropdown-menu > li a:hover,
.header5.dark .user-dropdown .dropdown-menu > li a:focus,
.header5.dark .menu li li:hover > a {
	background-color: #e61446;
	color: #f2efe9;
}

.header5.dark .megamenu {
	background-color: #49473f;
	border:none;
}

.header5.dark .menu .megamenu a {
	background-color: transparent;
	color:#f2efe9;
}

.header5.dark .menu .megamenu li a {
	color:#d4d2cd;
}

.header5.dark .menu .megamenu li:hover > a,
.header5.dark .menu .megamenu li a:hover  {
	background-color: transparent;
	color:#fff;
}

#sticky-header.header5 .logo-container {
	padding:20px 0 !important;
}

#sticky-header.header5.dark {
	background-color: #49473f;
}

#sticky-header.header5 .search-form {
	top:8px;
}

.header5 #responsive-nav {
	margin-top:38px;
}

.header5.dark .responsive-btn-block {
	background:#f9f9f9;
	margin-bottom:5px;
}

.header5.dark #responsive-btn:hover .responsive-btn-block,
.header5.dark  .active .responsive-btn-block {
	background: #fff;
}

.header5.dark #responsive-menu-container {
	border:none;
}
.header5.dark .responsive-menu li a, 
.header5.dark #responsive-menu-container .user-dropdown .dropdown-menu li a {
	border-bottom-color: #45433c;
	background: #49473f;
	color:#f2efe9;
}

.header5.dark .responsive-menu li.open > a:after,
.header5.dark .responsive-menu li.open > a:before {
	display: none;
}

.header5.dark .responsive-menu .megamenu ul {
	border-bottom-color: #45433c;
	background: #49473f;
}

.header5.dark .responsive-menu li:hover > a,
.header5.dark .responsive-menu li.open > a {
	color:#fff;
	background: #e61446;
}

.header5.dark .responsive-menu .megamenu .megamenu-title:hover,
.header5.dark .responsive-menu .megamenu li:hover > a {
	color:#e61446;
	background: transparent;
}

/* Header6 */
#header.header6 {
	background-color: #fbfaf4;
	border-bottom:none;
	margin-bottom: 0;
}

.header6 .logo-container {
	text-align: center;
	padding:45px 0;
}

.header6 .logo a {
	color:#726c61;
}

#header-bottom {
	background-color: #aea995;
}

#header-bottom .header-links li a, 
#header-bottom .header-link li a {
	color:#ffffff;
}

#header-bottom .header-links {
	margin:3px 0 3px -12px;
	padding:0 12px;
	transition: all 0.35s ease-in;
	-webkit-transition: all 0.35s ease-in;
}

#header-bottom .header-links li {
	padding:3px 0;
}

#header-bottom .header-links:hover {
	background-color: #f4f3e9;
}

#header-bottom .header-links li:before {
	display:none;
}

#header-bottom .header-links:hover li a, 
#header-bottom .header-link li a:hover {
	color:#058144;
}

#header-bottom .header-links-icon.icon-account {
	background-position: -15px -1151px;
}

#header-bottom .header-links-icon.icon-checkout {
	background-position: -30px -1151px;
}

#header-bottom .header-links-icon.icon-wishlist {
	background-position: -45px -1151px;
}

#header-bottom .header-links-icon.icon-login {
	background-position: -60px -1151px;
}

#header-bottom .header-links-icon.icon-fav {
	background-position: 0 -1151px;
}

#header-bottom .header-links:hover .header-links-icon.icon-account {
	background-position: -91px -1151px;
}

#header-bottom .header-links:hover .header-links-icon.icon-checkout {
	background-position: -106px -1151px;
}

#header-bottom .header-links:hover .header-links-icon.icon-wishlist {
	background-position: -121px -1151px;
}

#header-bottom .header-links:hover .header-links-icon.icon-login {
	background-position: -136px -1151px;
}

#header-bottom .header-search-btn {
	display:inline-block;
	width:auto;
	height:auto;
	background-image: none;
	padding-left:20px;
	position: relative;
	font:13px/20px '微軟正黑體', '微軟正黑體 Light', sans-serif;
	color:#fff;
	margin:7px 0;
}

#header-bottom .header-search-btn:after {
	content:'';
	background-image: url('../images/sprites/sprite.png');
	background-position: -137px -1120px;
	background-repeat: no-repeat;
	width:13px;
	height:13px;
	position: absolute;
	left:0;
	top:50%;
	margin-top:-6.5px;
}

#header-bottom .container {
	position: relative;
}

#header-bottom .search-form {
	top:0;
	left:15px;
	right:15px;
	background: #aea995;
	padding:8px 0;
	line-height: 0;
	width:auto;
}

#header-bottom .search-form input {
	height:18px;
	line-height: 16px;
	border-left:1px solid #fff;
	color:#fff;
	font-size:14px;
	padding:1px 23px 1px 10px;
}

#header-bottom .search-form input:-moz-placeholder {
	color:#fff;
}

#header-bottom .search-form input::-moz-placeholder {
	color:#fff;
}

#header-bottom .search-form input:-ms-input-placeholder {
	color:#fff;
}

#header-bottom .search-form input::-webkit-input-placeholder {
	color:#fff;
}

#header-bottom .search-form:after {
	height:18px;
	right:24px;
	top:8px;
	background-color: #fff;
}

#header-bottom .search-close-btn {
	width:13px;
	height:13px;
	top:11px;
	background-position: -150px -1120px;
}

#header-bottom .dropdown-icon {
	display:inline-block;
	top:2px;
	margin-right: 7px;
}

#header-bottom .cart-dropdown .dropdown-icon {
	background-position: -217px -1056px;
}

#header-bottom .cart-dropdown.open .dropdown-icon,
#header-bottom .cart-dropdown:hover .dropdown-icon {
	background-position: -155px -1056px;
}

#header-bottom .user-dropdown,
#header-bottom .cart-dropdown {
	margin-top:0;
}

#header-bottom .dropdown-toggle {
	font:13px/34px '微軟正黑體', '微軟正黑體 Light', sans-serif, sans-serif;
	color:#fff;
	border:none;
}

#header-bottom .dropdown:hover .dropdown-toggle,
#header-bottom .dropdown.open .dropdown-toggle {
	color:#7e7b72;
	background-color: #fbfaf4;
}

#header-bottom .dropdown.cart-dropdown .dropdown-toggle {
	padding:0 20px;
}

#header-bottom .dropdown.currency-dropdown .dropdown-toggle {
	padding:0 17px;
	min-width:100px;
}

#header-bottom .cart-dropdown .dropdown-menu {
	width:320px;
}

#header-bottom .dropdown-menu {
	margin-top:-5px;
}

#header-bottom .dropdown:hover .dropdown-menu,
#header-bottom .dropdown.open .dropdown-menu {
	margin-top:0;
} 

#header-bottom .currency-dropdown.dropdown:hover .dropdown-toggle,
#header-bottom .currency-dropdown.dropdown.open .dropdown-toggle {
	color:#7e786b;
}

#header-bottom .currency-dropdown .dropdown-menu,
#header-bottom .language-dropdown .dropdown-menu {
	top:0;
	left:0;
	min-width:110px;
	border:none;
}

#header-bottom .language-dropdown .dropdown-menu {
	min-width:122px;
}

#header-bottom .currency-dropdown .dropdown-menu > li > a,
#header-bottom .language-dropdown .dropdown-menu > li > a {
	padding:7px 17px;
	background-color: #fbfaf4;
	border-top-color:#efe9dd;
}

#header-bottom .language-dropdown .dropdown-menu > li > a  {
	padding:7px 15px 7px 16px;
}

#header-bottom .dropdown.language-dropdown .dropdown-toggle {
	padding:0 16px;
	min-width:91px;
}

#header-bottom .dropdown .dropdown-toggle > .short-name {
	color:#fff;
	font-size:14px;
}

#header-bottom .language-dropdown .dropdown-menu > li:first-child > a > img {
	display:block;
}

#header-bottom .language-dropdown .dropdown-menu > li:first-child > a > .short-name {
	display:inline;
}

.header6 .menu > li {
	padding:55px 0;
}

.header6 .menu > li > ul {
	margin-top:14px;
}

.header6 .menu > li.active > ul {
	margin-top:34px;
}

.header6 .menu > li.active:after {
	content:'';
	position: absolute;
	top:100%;
	left:0;
	display:block;
	width:100%;
	height:34px;
	z-index:99;
}

.header6 #responsive-nav {
	margin:0;
}

.header6 #responsive-btn {
	position: absolute;
	right:5px;
	top:-84.5px;
}

#header-bottom .dropdown .dropdown-menu > li:hover > a,
.header6 .menu li:hover > a,
.header6 .megamenu ul a:hover, 
.header6 .megamenu-title:hover {
	color:#058144;
}

#sticky-header.header6 .menu > li > ul {
	margin-top:-20px;
}

#sticky-header.header6 .menu > li.active > ul {
	margin-top:0;
}

.header6 #responsive-btn {
	padding:10px;
}

.header6 #responsive-btn.active {
	background-color: #e61446;
}

.header6 .responsive-btn-icon {
	width:30px;
}

.header6 .responsive-btn-block {
	background-color: #6d6b64;
	margin-bottom:8px;
}

.header6 #responsive-btn.active .responsive-btn-block {
	background-color: #fff;
}

.header6 #responsive-menu-container {
	margin-top:34px;
}

.header6 .responsive-menu > li > a,
.header6 .responsive-menu li.open > a, 
.header6 .responsive-menu li.open:hover > a,
.header6 .responsive-menu li.open > a:after,
.header6 .responsive-menu li.open > a:before {
	background-color: #f7f6ec;
	color:#6f6a60 !important;
}

.header6 .responsive-menu li a:hover {
	color:#e61446 !important;
}

.header6 #responsive-menu-container .open > .menu-btn-wrapper > .menu-btn {
	background-position: -91px -1110px
}

.header6 .responsive-menu .megamenu .open > a {
	background-color: #e6dfd1;
	color:#6f6a60;
}

#header-bottom .user-dropdown {
	margin-left:-10px;
	margin-right:0;
}

#header-bottom .user-dropdown .dropdown-toggle {
	padding:0 10px;
}

#header-bottom .user-dropdown .dropdown-toggle .header-links-icon {
	margin-bottom:-3px;
}

#header-bottom .user-dropdown:hover .dropdown-toggle .header-links-icon.icon-account,
#header-bottom .user-dropdown.open .dropdown-toggle .header-links-icon.icon-account,
#header-bottom .user-dropdown .dropdown-menu .header-links-icon.icon-account {
	background-position: -91px -1133px;
}

#header-bottom .user-dropdown .dropdown-menu {
	max-width:160px;
	border-color:#ecebe1;
	right:auto;
	left:0;
	border-top:none;
	box-shadow: 0 3px 2px rgba(0,0,0, 0.15);
	-webkit-box-shadow: 0 3px 2px rgba(0,0,0, 0.15);
}

#header-bottom .user-dropdown .dropdown-menu li a {
	padding: 5.5px 10px;
	text-transform: capitalize;
	font-size:15px;
}

#header-bottom .user-dropdown .dropdown-menu .header-links-icon {
	margin-bottom:-2px;
}

#header-bottom .user-dropdown .dropdown-menu .header-links-icon.icon-checkout {
	background-position: -106px -1133px;
}

#header-bottom .user-dropdown .dropdown-menu .header-links-icon.icon-wishlist {
	background-position: -121px -1133px;
}

#header-bottom .user-dropdown .dropdown-menu .header-links-icon.icon-login {
	background-position: -136px -1133px;
}

#header-bottom .user-dropdown .dropdown-menu > li a,
#header-bottom .user-dropdown .dropdown-menu > li a:hover,
#header-bottom .user-dropdown .dropdown-menu > li a:focus {
	background-color: #fbfaf4;
}

/* =============================================
---------------------  4.Product ---------------
==============================================*/

.owl-carousel .product {
	padding: 0 15px;
}

.widget .owl-carousel .product {
	padding: 0;
}

.product.product4 {
	position: relative;
}

.product.product6 {
	margin-bottom:27px;
}

.product.product3 .product-meta,
.product.product6 .product-meta {
	position: relative;
}

.product.product6 .product-meta {
	padding-bottom:30px;
}

.product.product6:hover {
	background: #cbc6b2;
	box-shadow: 0 0 0 20px #cbc6b2;
	-webkit-box-shadow: 0 0 0 20px #cbc6b2;
}

.product.product4 .product-meta {
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	opacity:0;
	transition:all 0.3s ease-in;
	-webkit-transition:all 0.3s ease-in;
	-moz-transition:all 0.3s ease-in;
	-ms-transition:all 0.3s ease-in;
	-o-transition:all 0.3 ease-in;
	visibility:hidden;
}

.product.product4:hover .product-meta {
	opacity:1;
	visibility:visible;
}

.product.product4 .product-meta .product-meta-inner {
	position: absolute;
	bottom:0;
	left:0;
	padding:20px;
	width:100%;
}

.product.product4.dark .product-meta {
	background-color: rgba(0,0,0, 0.4);
}

.ie8 .product.product4.dark .product-meta {
	background:url('../images/ie8/darkbg.png') repeat;
}

.product.product4.light .product-meta {
	background-color: rgba(235, 235, 235, 0.9);
}

.ie8 .product.product4.light .product-meta {
	background:url('../images/ie8/lightbg.png') repeat;
}


.product-image-container {
	border:1px solid #e6dfd1;
	position: relative;
}

.product.product6:hover .product-image-container {
	border-color:transparent;
}

.product-image-container > a {
	display: block;
}

.product-image-container img {
	width:100%;
	transition:all 0.3s ease-in;
	-webkit-transition:all 0.3s ease-in;
	-moz-transition:all 0.3s ease-in;
	-ms-transition:all 0.3s ease-in;
	-o-transition:all 0.3s ease-in;
}

.product-top {
	position: relative;
	overflow: hidden;
	margin-bottom: 18px;
	perspective:600px;
	-webkit-perspective:600px;
}

.product-image-hover {
	position: absolute;
	left:0;
	top:0;
	z-index:9;
	opacity:0;
	transform:scale(0.85);
	-webkit-transform:scale(0.85);
	-moz-transform:scale(0.85);
	-ms-transform:scale(0.85);
	-o-transform:scale(0.85);
	visibility: hidden;
}

.product:hover .product-image {
	opacity:0;
	transform:scale(0.85);
	-webkit-transform:scale(0.85);
	-moz-transform:scale(0.85);
	-ms-transform:scale(0.85);
	-o-transform:scale(0.85);
	visibility:hidden;
}

.product.product4:hover .product-image {
	opacity:1;
	transform:scale(1);
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-ms-transform:scale(1);
	-o-transform:scale(1);
	visibility:visible;
}

.product:hover .product-image-hover {
	opacity:1;
	transform:scale(1);
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-ms-transform:scale(1);
	-o-transform:scale(1);
	visibility:visible;
}

.product-name {
	font:17px '微軟正黑體', '微軟正黑體 Light', sans-serif;
	color:#333;
	 
	text-align: center;
	margin-bottom: 9px;
	font-weight:600;
	letter-spacing:1px;
}

.product-name.text-left {
	text-align: left;
	margin-bottom:18px;
}

.product-name.text-right {
	text-align: right;
	margin-bottom:18px;
}

.product-name a {
	color:#848079;
}

.product-name a:hover {
	color:#058144;
}

.product.product3 .product-name {
	margin-right:90px;
	line-height:22px;
	margin-bottom:9px;
}

.product.product4 .product-name {
	margin-bottom:7px;
	line-height:22px;
}

.product.product4.dark .product-name,
.product.product4.dark .product-name a {
	color:#fff;
}

.product.product4.light .product-name,
.product.product4.light .product-name a {
	color:#58554e;
}

.product.product4.dark .product-name a:hover,
.product.product4.light .product-name a:hover {
	color:#e61446;
}

.product.product6 .product-name {
	text-transform: capitalize;
	margin-bottom:11px;
	font-family: '微軟正黑體', '微軟正黑體 Light', sans-serif;
}

.product.product6:hover .product-name {
	color:#646057;
}

.product-price-container {
	text-align: center;
	font-family: '微軟正黑體', '微軟正黑體 Light', sans-serif;
	font-size:0;
}

.product-price-container.text-left {
	text-align: left;
	margin-bottom:12px;
}

.product-price-container.text-right {
	text-align: right;
	margin-bottom:12px
}

.product.product4 .product-price-container {
	margin-bottom:15px;
}

.product.product6 .product-price-container {
	position: relative;
	z-index:13;
}

.product-old-price {
	text-decoration: line-through;
	color:#95938c;
	margin-right: 14px;
	font-size:15px;
	line-height: 17px;
}

.product-price {
	color:#777;
	font-size:16px;
	line-height: 15px;
}

.product.product3 .product-price-container {
	float:right;
	text-align:right;
	margin-bottom:0;
}

.product.product3 .product-old-price,
.product.product3 .product-price {
	display:block;
	margin-right:0;
}

.product.product3 .product-old-price {
	margin-bottom:6px;
}

.product.product4.dark .product-old-price {
	color:#fff;
}

.product.product4.light .product-old-price {
	color:#58554e;
}

.product.product6:hover .product-old-price {
	color:#fff;
}

.product-top  .product-action-container {
	position: absolute;
	bottom:0;
	left:0;
	width:100%;
	z-index:11;
	margin:0;
	transition:all 0.25s ease-in;
	-webkit-transition:all 0.25s ease-in;
	-moz-transition:all 0.25s ease-in;
	-ms-transition:all 0.25s ease-in;
	-o-transition:all 0.25s ease-in;
	transform:rotateX(120deg);
	-webkit-transform:rotateX(120deg);
	-moz-transform:rotateX(120deg);
	-ms-transform:rotateX(120deg);
	transform-origin: bottom;
	-webkit-transform-origin: bottom;
}

.product.product3 .product-top  .product-action-container {
	background-color: rgba(251,250,244, 0.8);
	padding:9.5px 0;
	text-align: center;
	box-shadow: 0 -1px 1px rgba(0,0,0, 0.1);
	-webkit-box-shadow: 0 -1px 1px rgba(0,0,0, 0.1);
	border:1px solid #e6dfd1;
	border-top:none;
	font-size:0;
}

.product:hover .product-top  .product-action-container {
	transform:rotateX(0);
	-webkit-transform:rotateX(0);
	-moz-transform:rotateX(0);
	-ms-transform:rotateX(0);
	-o-transform:rotateX(0);
}

.product-top  .product-action-wrapper {
	position: relative;
	width:100%;
	height:36px;
	display: table;
	white-space: nowrap;
}

.product-view-btn,
.product-add-btn {
	display:inline-block;
	font:14px/16px 'open_sansregular', sans-serif;
	border:1px solid #cbc6b5;
	color:#898678;
	padding:9px 32px;
	 
	transition: all 0.35s;
	-webkit-transition: all 0.35s;
	-moz-transition: all 0.35s;
	-ms-transition: all 0.35s;
	-o-transition: all 0.35s;
	vertical-align: middle;
}

.product.product2 .product-add-btn  {
	transition-duration:0s;
	-webkit-transition-duration:0s;
	-moz-transition-duration:0s;
	-ms-transition-duration:0s;
	-o-transition-duration:0s;
}

.product-add-btn.responsive {
	border:none;
	padding:0;
}

.product-action-wrapper .product-add-btn {
	background-color: #aea995;
	color:#fff;
	display:table-cell;
	text-align: center;
	padding:0;
	border:none;
}

.product.product3 .product-add-btn {
	padding:9px 5px;
	min-width:100px;
	background-color: #e61446;
	border-color:#e61446;
	color:#fff;
	float:left;
	text-align: center;
}

.product.product3 .product-add-btn.responsive {
	border:1px solid #e61446;;
}

.product.product3 .product-view-btn {
	padding:9px 5px;
	min-width:100px;
	background-color: #cbc6b5;
	border-color:#cbc6b5;
	color:#fff;
	float:right;
	text-align: center;
}

.product.product4 .product-add-btn {
	padding:9px 14px;
	min-width:125px;
	background-color: #e61446;
	border-color:#e61446;
	color:#fff;
	float:left;
	text-align: center;
}

.product.product5 .product-add-btn {
	padding:9px 35px;
	min-width:125px;
	background-color: #dfdac8;
	border-color:#dfdac8;
	color:#fff;
	float:left;
	text-align: center;
}


.product.product6 .product-add-btn {
	padding:9px 35px;
	min-width:125px;
	background-color: #e61446;
	border-color:#e61446;
	color:#fff;
	float:left;
	text-align: center;
}

.product.product4 .product-add-btn.responsive,
.product.product5 .product-add-btn.responsive,
.product.product6 .product-add-btn.responsive  {
	padding:0;
	min-width:0;
}

.product-add-btn.responsive .add-btn-text,
.product-action-wrapper .product-add-btn.responsive  .add-btn-text {
	display: none;
}

.product-action-wrapper .product-add-btn .product-btn,
.product-add-btn .product-btn {
	background-color: transparent;
	display:none;
}

.product-action-wrapper .product-add-btn .product-btn {
	border-left:none;
}

.product-add-btn.responsive .product-btn {
	display:inline-block;
}

.product-add-btn .product-btn:hover,
.product-add-btn .product-btn:active,
.product-add-btn:hover,
.product-add-btn:active {
	background-color:#e61446;
	border-color: #e61446;
	color:#fff;
}

.product-action-wrapper .product-add-btn:hover,
.product-action-wrapper .product-add-btn:active {
	background-color:#058144;
	color:#fff;
}

.product.product3 .product-add-btn:hover,
.product.product3 .product-add-btn:hover {
	background-color: #cbc6b5;
	border-color:#cbc6b5;
	color:#fff;
}

.product.product3 .product-view-btn:hover,
.product.product3 .product-view-btn:hover {
	background-color: #e61446;
	border-color:#e61446;
	color:#fff;
}

.product.product4 .product-add-btn:hover,
.product.product4 .product-add-btn:hover {
	background-color: #cbc6b5;
	border-color:#cbc6b5;
}

.product.product5 .product-add-btn:hover,
.product.product5 .product-add-btn:hover {
	background-color: #e61446;
	border-color:#e61446;
}

.product.product6 .product-add-btn:hover,
.product.product6 .product-add-btn:hover {
	background-color: #a49f8c;
	border-color:#a49f8c;
}


.product-btn {
	display:inline-block;
	width:36px;
	vertical-align: middle;
	height:36px;
	max-height:36px;
	background-image: url('../images/sprites/sprite.png');
	background-repeat: no-repeat;
	text-indent:-9999px;
	border:1px solid #cbc6b5;
	transition: all 0.35s;
	-webkit-transition: all 0.35s;
	-moz-transition: all 0.35s;
	-ms-transition: all 0.35s;
	-o-transition: all 0.35s;
}

.product-action-wrapper .product-btn {
	display:table-cell;
	background-color: #cbc6b2;
	border:none;
	border-left:1px solid #e6dfd1;
	max-width:41px;
	width:41px;
}

.product.product3 .product-btn {
	width:41px;
	height:36px;
	border:none;
	border-right:1px solid #e1ded3;
	border-left:1px solid #e1ded3;
	background-color: #cbc6b5;
	margin:0 10px;
}

.product.product4 .product-btn {
	border-color:#cbc6b5;
	background-color: #cbc6b5;
}

.product.product6 .product-btn {
	border-color:#fff;
}

.product.product3 .product-btn:first-child {
	margin-left:0;
}

.product.product3 .product-btn:last-child {
	margin-right:0;
}

.product.product3 .product-absolute-action-container {
	position: absolute;
	top:100%;
	margin-top:-25px;
	left:0;
	width:100%;
	visibility:hidden;
	opacity:0;
	transition: all 0.35s ease-in;
	-webkit-transition: all 0.35s ease-in;
	-ms-transition: all 0.35s ease-in;
	-moz-transition: all 0.35s ease-in;
	transform:scale(0);
	-webkit-transform:scale(0);
	-moz-transform:scale(0);
	-ms-transform:scale(0);
}

.product.product3:hover .product-absolute-action-container {
	visibility:visible;
	opacity:1;
	transform:scale(1);
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-ms-transform:scale(1);
}

.product.product6 .product-absolute-action-container {
	position: absolute;
	top:auto;
	left:0;
	margin-top:15px;
	width:100%;
	visibility:hidden;
	opacity:0;
	z-index:12;
	background-color: #cbc6b2;
	box-shadow: 0 0 0 20px #cbc6b2;
	-webkit-box-shadow: 0 0 0 20px #cbc6b2;
}

.product.product6:hover .product-absolute-action-container {
	visibility:visible;
	opacity:1;
}

.product-action-wrapper .product-btn.product-search,
.product-action-wrapper .product-btn.product-search:hover,
.product-action-wrapper .product-btn.product-search:active {
	background-position: 0 -76px;
}

.product-action-wrapper .product-btn.product-favorite,
.product-action-wrapper .product-btn.product-favorite:hover,
.product-action-wrapper .product-btn.product-favorite:active {
	background-position: -40px -76px;
}

.product-action-wrapper .product-btn.product-compare,
.product-action-wrapper .product-btn.product-compare:hover,
.product-action-wrapper .product-btn.product-compare:active {
	background-position: -80px -76px;
}

.product-action-wrapper .product-btn.product-cart,
.product-action-wrapper .product-btn.product-cart:hover,
.product-action-wrapper .product-btn.product-cart:active {
	background-position: -120px -76px;
}


.product-btn.product-favorite {
	background-position: -160px -76px;
}

.product-btn.product-compare {
	background-position: -262px -76px;
}

.product-btn.product-cart {
	background-position: -296px -76px;
}

.product-btn.product-favorite:hover,
.product-btn.product-favorite:active {
	background-position: -194px -76px;
}

.product-btn.product-compare:hover,
.product-btn.product-compare:active {
	background-position: -228px -76px;
}

.product-btn.product-cart:hover,
.product-btn.product-cart:active {
	background-position: -330px -76px;
}

.product.product6 .product-btn {
	background-color: #fff;
}

.product.product6 .product-btn.product-cart {
	border-color:#e61446;
	background-color: #e61446;
}

.product.product6 .product-btn.product-cart,
.product.product6 .product-btn.product-cart:hover,
.product.product6 .product-btn.product-cart:active {
	background-position: -330px -76px;
}

.product.product6 .product-btn.product-cart:hover,
.product.product6 .product-btn.product-cart:active {
	border-color:#a49f8c;
	background-color: #a49f8c;
}

.product.product3 .product-btn.product-wishlist {
	background-position: 0 -112px;
} 

.product.product3 .product-btn.product-favorite {
	background-position: -39px -112px;
}

.product.product3 .product-btn.product-compare {
	background-position: -78px -112px;
}

.product.product4 .product-btn.product-favorite {
	background-position: -194px -76px;
}

.product.product4 .product-btn.product-compare {
	background-position: -228px -76px;
}

.product-action-inner {
	float:right;
	font-size:0;
}

.product.product2 .product-action-inner {
	display:none;
}

.product.product2:hover .product-action-inner  {
	display:block;
	-webkit-animation: showaction  0.3s; 
    animation: showaction 0.3s;
}

@-webkit-keyframes showaction {
    from {
		opacity:0;
		transform:scale(0);
		-webkit-transform:scale(0);
		-moz-transform:scale(0);
		-ms-transform:scale(0);
		-o-transform:scale(0);
    }
    to {
    	opacity:1;
		transform:scale(1);
		-webkit-transform:scale(1);
		-moz-transform:scale(1);
		-ms-transform:scale(1);
		-o-transform:scale(01);
    }
}

@keyframes showaction {
    from {
		opacity:0;
		transform:scale(0);
		-webkit-transform:scale(0);
		-moz-transform:scale(0);
		-ms-transform:scale(0);
		-o-transform:scale(0);
    }
    to {
    	opacity:1;
		transform:scale(1);
		-webkit-transform:scale(1);
		-moz-transform:scale(1);
		-ms-transform:scale(1);
		-o-transform:scale(01);
    }
}

.product.product4 .product-action-inner {
	float:left;
	margin-left:16px;
}

.product-action-inner .product-btn {
	margin-left:10px;
}

.product-action-inner .product-btn:first-child {
	margin-left:0;
}

.product-btn:hover,
.product-btn:active {
	background-color: #cbc6b5;
	border-color:#cbc6b5;
}

.product-action-wrapper .product-btn:hover,
.product-action-wrapper .product-btn:active {
	background-color:#058144;
	border-left-color:#fff;
}

.product.product3 .product-btn:hover,
.product.product3 .product-btn:active {
	background-color: #e61446;
	border-left-color:#e61446;
}

.product.product4 .product-btn:hover,
.product.product4 .product-btn:active {
	border-color:#e61446;
	background-color: #e61446;
}


.product.product6 .product-btn:hover,
.product.product6 .product-btn:active {
	border-color:#e61446;
	background-color: #e61446;
}

.new-box,
.hot-box,
.discount-box,
.outofstock-box,
.new-box-bg,
.hot-box-bg,
.discount-box-bg,
.outofstock-box-bg {
	font:16px/16px '微軟正黑體', '微軟正黑體 Light', sans-serif, sans-serif;
	display: inline-block;
	min-width: 58px;
	text-align: center;
	 
	position: absolute;
	z-index:10;
	padding:4px 0;
}

.discount-box,
.hot-box {
	color:#e61446;
	border:1px solid #e61446;
}

.discount-box-bg,
.hot-box-bg {
	color:#fff;
	background: #e61446;
	border:1px solid #e61446;
}

.new-box {
	color:#058144;
	border:1px solid #058144;
}

.new-box-bg {
	color:#fff;
	background:#058144;
	border:1px solid #058144;
}

.outofstock-box,
.outofstock-box-bg {
	min-width:80px;
	font-size:14px;
	line-height:1;
	color:#9a988a;
	border:1px solid #9a988a;
	padding:3px 0;
}

.outofstock-box-bg {
	color:#fff;
	background:#9a988a;
	border:1px solid #9a988a;
}

.outofstock-box-bg.light {
	border-color:#d8d2c5;
	background-color: #d8d2c5;
}

.outofstock-box > span,
.outofstock-box-bg > span {
	display: block;
}

.top-left {
	top: 10px;
	left:10px;
}

.top-right {
	top:10px;
	right:10px;
}

.bottom-left {
	bottom: 10px;
	left:10px;
}

.bottom-right {
	bottom: 10px;
	right:10px;
}

.ratings {
	width:96px;
	height:20px;
	display:inline-block;
	background-image: url('../images/sprites/sprite.png');
	background-repeat: no-repeat;
	background-position: 0 -148px;
}

.ratings .ratings-result {
	height:20px;
	background-image: url('../images/sprites/sprite.png');
	background-position: 0 -168px;
}

.ratings-amount {
	color:#ccc;
	font-size:14px;
	line-height:16px;
	white-space:nowrap;
}

.product.product3 .ratings-container {
	transition:all 0.3s;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	visibility:visible;
	opacity:1;
}

.product.product3:hover .ratings-container {
	opacity:0;
	transform:scale(0);
	-webkit-transform:scale(0);
	-moz-transform:scale(0);
	-ms-transform:scale(0);
	visibility:hidden;
}


/* product.html */
#product-single-container {
	position: relative;
	margin-bottom: 80px;
	overflow: hidden;
}

#product-single-container.dark {
	color:#fff;
}

#product-single-container .carousel-container {
	border-bottom:1px solid #e6dfd1;
}

#product-single-container.light.reverse .carousel-container,
#product-single-container.dark .carousel-container  {
	border-top:1px solid #e6dfd1;
}

#product-single-container .carousel-container .col-sm-6 {
	padding-right: 0;
}

#product-single-container.reverse .carousel-container .col-sm-6 {
	padding-left: 0;
	padding-right:15px;
}

.product-single-carousel img {
	border-right:1px solid #e6dfd1;
	margin-bottom:0;
}

#product-single-container.dark img {
	border-right:1px solid #e6dfd1;
}

.sidebg {
	position: absolute;
	top:0;
	height: 100%;
	z-index:600;
	border-bottom:1px solid #e6dfd1;
}

#product-single-container.dark .sidebg {
	border-top:1px solid #e6dfd1;
	border-bottom:1px solid #e6dfd1;
}

.sidebg.left {
	left:0;
	border-left:none !important;
}

.sidebg.right {
	right:0;
	border-right:none !important;
}

.sidebg.middle {
	left:50%;
}

.product-single-meta-container {
	position: absolute;
	width:100%;
	height: 100%;
	position: absolute;
	left:0;
	top:0;
	z-index:600;
}

.product-single-meta-container > .container,
.product-single-meta {
	height:100%;
}

.product-single-meta {
	padding-left:30px;
	padding-top:40px;
}

.light .product-single-meta,
.dark .product-single-meta {
	padding-right:65px;
}

.product-single-meta .product-name {
	font-size:22px;
	text-align: left;
	margin-bottom: 17px;
}

#product-single-container.dark .product-name {
	color:#fff;
}

.product-single-meta .product-price-container {
	text-align: left;
}

.product-single-meta  .product-old-price,
.product-single-meta  .product-price {
	font-size:18px;
	line-height: 28px;
}

.product-single-meta .ratings,
.product-single-meta .ratings-amount,
.product-single-meta .add-rating {
	font-size:13px;
	line-height: 13px;
	color:#a7a091;
	vertical-align: middle;
}

#product-single-container.dark .product-single-meta .ratings,
#product-single-container.dark .product-single-meta .ratings-amount,
#product-single-container.dark .product-single-meta .add-rating {
	color:#fff;
}

.product-single-meta .add-rating:hover,
#product-single-container.dark .product-single-meta .add-rating:hover {
	color:#e61446;
}

.product-single-meta .ratings-amount {
	margin-left:10px;
}

.product-single-meta .separator {
	margin:0 8px;
}

.product-single-meta ul {
	padding-top:3px;
	margin-bottom:20px;
}

.product-single-meta ul li {
	line-height: 25px;
}

.product-single-meta p {
	margin-bottom:50px;
	padding-right:20px;
}

.filter-box {
	font-size:0;
	margin-bottom: 20px;
}

.filter-box .row {
	margin-left:-6px;
	margin-right:-6px;
}

.filter-label,
.share-label{
	display: block;
	 
	color:#958f82;
	font-size: 15px;
	margin-bottom: 8px;
}

#product-single-container.dark .filter-label,
#product-single-container.dark .share-label,
#product-single-container.dark .filter-size-box {
	color:#fff;
}

#product-single-container.dark .filter-size-box {
	border-color:#fff;
}

#product-single-container.dark .filter-size-box:hover {
	border-color:#cbc6b5;
}

.product-single-meta ul.social-links {
	padding-top: 0;
}

.product-single-meta .product-action-container {
	margin-bottom:32px;
}

.product-single-meta .product-action-container .btn {
	padding-top:7px;
	padding-bottom:7px;
	float:left;
	margin-left:20px;
}

.product-single-meta .product-action-inner {
	float:left;
	margin-left:20px;
}

.product-single-meta .product-action-content {
	float:left;
}

.product-single-meta .product-amount-input {
	width:65px;
	height:36px;
	border:1px solid #cbc6b5;
	color:#a39d94;
	font-size:15px;
	line-height:20px;
	padding:8px;
	text-align: center;
	background-color: transparent;
	float:left;
}

.dark .product-single-meta .product-amount-input {
	color:#fff;
	border-color:#fff;
}

.product-single-meta .product-btn {
	width:40px;
}

.product-single-meta .product-btn.product-favorite {
	background-position: -250px -461px
}

.dark .product-single-meta .product-btn.product-favorite,
.product-single-meta .product-btn.product-favorite:hover,
.product-single-meta .product-btn.product-favorite:active {
	background-position: -250px -495px
}

.dark .product-single-meta .product-btn {
	border-color:#fff;
}

.dark .product-single-meta .product-btn:hover,
.dark .product-single-meta .product-btn:active {
	border-color:#cbc6b2;
}

.product-single-meta .product-btn.product-wishlist {
	background-position: -326px -461px
}

.dark .product-single-meta .product-btn.product-wishlist,
.product-single-meta .product-btn.product-wishlist:hover,
.product-single-meta .product-btn.product-wishlist:active {
	background-position: -326px -495px
}

.light .sidebg,
.reverse.light .sidebg.right {
	background: rgba(255, 255, 255, 0.5);
}

.light .product-single-meta,
.light .sidebg.right,
.reverse.light .sidebg.left {
	background: #fbfaf4;
	border:none;
}

.light.transparentbg .sidebg,
.reverse.light.transparentbg .sidebg.right,
.light.transparentbg .product-single-meta,
.light.transparentbg .sidebg.right,
.reverse.transparentbg.light .sidebg.left {
	background: rgba(255, 255, 255, 0.8);
	border:1px solid #e6dfd1;
}


.dark.transparentbg .sidebg,
.reverse.dark.transparentbg .sidebg.right,
.dark.transparentbg .product-single-meta,
.dark.transparentbg .sidebg.right,
.reverse.transparentbg.dark .sidebg.left {
	background: rgba(0, 0, 0, 0.6);
	border:1px solid #e6dfd1;
}


/*
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 */
.bx-wrapper {
	position: relative;
	margin: 0;
	padding: 0;
	*zoom: 1;
}

.bx-wrapper img {
	max-width: 100%;
	display: block;
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {
	overflow:visible !important;
	left: 0;
	/*fix other elements on the page moving (on Chrome)*/
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
	-ms-transform: translatez(0);
	-o-transform: translatez(0);
	transform: translatez(0);
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: 30px;
	width: 100%;
}

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url('../images/bx_loader.gif') center center no-repeat;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #666;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #000;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
	left:30px;
	background-position: -123px -267px;
}

.bx-wrapper .bx-next {
	right:30px;
	background-position: -179px -314px;
}

.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-prev:focus {
	background-position: -177px -267px;
}

.bx-wrapper .bx-next:hover,
.bx-wrapper .bx-next:focus {
	background-position: -123px -314px;
}

.bx-wrapper .bx-controls-direction a {
	display:block;
	position: absolute;
	top: 50%;
	width:46px;
	height:47px;
	margin-top:-23.5px;
	border:1px solid #aea995;
	text-indent: -9999px;
	z-index: 900;
	background-image: url('../images/sprites/sprite.png');
	background-repeat: no-repeat;
	background-color: transparent;
	transition:background-position 0.3s;
	-webkit-transition:background-position 0.3s;
	-moz-transition:background-position 0.3s;
	-ms-transition:background-position 0.3s;
	-o-transition:background-position 0.3s;
}

.bx-wrapper .bx-controls-direction a:hover,
.bx-wrapper .bx-controls-direction a:focus {
	border:none;
	background-color: #e61446;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

.bx-wrapper .bx-caption {
	display:none;
}


/* review commment */
.review-comments,
.review-comment-form {
	padding-top:5px;
}

.review-comments h3,
.review-comment-form h3 {
	font-size:25px;
	color:#b3ada1;
	margin-bottom: 22px;
}

.review-comments h3 {
	margin-bottom:16px;
}

.review-comment-form textarea.form-control {
	padding-top:10px;
	padding-left:15px;
}

.review-comment-form  .input-lg, 
.review-comment-form .form-horizontal .form-group-lg .form-control {
	padding-left:15px;
}

.review-comments li {
	margin-bottom:47px;
}

.review-comments li:last-child {
	margin-bottom: 10px;
}

.review-comment {
	position: relative;
}

.review-comment .ratings-container {
	position: absolute;
	right:0;
	top:0;
}

.review-comment figure {
	border:1px solid #e6e0d1;
	background: #bdbdbd;
	float:left;
	margin-right:30px;
	margin-bottom:10px;
	width:100px;
}

.review-comment-content {
	margin-left:130px;
}

.review-comment-content h4 {
	font-size: 23px;
	font-style: italic;
	color:#958f82;
	margin-bottom:5px;
}

.review-comment-meta {
	font-size:13px;
	color:#b9b1a2;
	line-height: 21px;
	font-style: italic;
	margin-bottom: 4px;
}

.review-comment-meta a {
	color:#b9b1a2;
}

.review-comment-meta a:hover {
	color:#e61446;
}

.review-comment-content p {
	font-size:15px;
	line-height: 24px;
	margin-bottom: 0;
}

/* =============================================
------------------  5.Content/Section---------------
==============================================*/

.full-height {
	height:100%;
}

.full-min-height {
	min-height:100%;
}

.vcenter-container {
	display:table;
	table-layout: fixed;
	width:100%;
	height:100%;
}

.vcenter {
	display:table-cell;
	vertical-align: middle;
}

#content {
	padding-bottom:50px;
	overflow: hidden;
}

#content.no-padding {
	padding:0;
}

.section {
	position: relative;
}

.section-btn-container {
	display:block;
	position: absolute;
	width:47px;
	height:102px;
	bottom:30px;
	right:30px;
	text-indent:-9999px;
	z-index:950;
}

.section-btn-container.single-btn-container {
	height:46px;
}

.section-btn-container.single {
	height:46px;
}

.section-btn {
	display:block;
	width:47px;
	height:46px;
	border:1px solid #aea995;
	background-color: transparent;
	background-image: url('../images/sprites/sprite.png');
	background-repeat: no-repeat;
	transition: background-position 0.3s;
	-webkit-transition: background-position 0.3s;
	-moz-transition: background-position 0.3s;
	-ms-transition: background-position 0.3s;
	-o-transition: background-position 0.3s;
}

.section-btn.btn-prev + .section-btn.btn-next {
	margin-top:10px;
}

.section-btn.btn-prev {
	background-position: -250px -925px;
}

.section-btn.btn-prev:hover,
.section-btn.btn-prev:active {
	background-position: -250px -979px;
}

.section-btn.btn-next {
	background-position: -297px -981px;
}

.section-btn.btn-next:hover,
.section-btn.btn-next:active {
	background-position: -297px -925px;
}

/* Light btn for image bg sections*/
.section-btn.light {
	border-color:#fff;
}

.section-btn.light.btn-prev {
	background-position: -250px -1045px;
}

.section-btn.light.btn-prev:hover,
.section-btn.light.btn-prev:active {
	background-position: -250px -1099px;
}

.section-btn.light.btn-next {
	background-position: -297px -1101px;
}

.section-btn.light.btn-next:hover,
.section-btn.light.btn-next:active {
	background-position: -297px -1045px;
}

.section-btn:hover,
.section-btn:active {
	border:none;
	background-color: #058144;
}

#content img,
.section img {
	max-width:100%;
	display:block;
	height:auto;
}




.title {
	padding-left:8px;
	border-left:4px solid #7bae23;
	font-size:40px;
	margin-bottom:15px;
}

.reverse .title {
	padding-left:0;
	padding-right:8px;
	border-left:none;
	border-right:4px solid #7bae23;
	text-align:right;
}

.title-bg {
	position: relative;
}

.title-bg .title {	
	margin:7.5px 0;
}

.title-bg + .title-desc {
	margin:5px 0;
}

.reverse .title-desc  {
	text-align: right;
}

.reverse .title-bg {
	text-align: right;
}

.title-bg > h1,
.title-bg > h2,
.title-bg > h3,
.title-bg > h4,
.title-bg > h5 {
	position: relative;
	display:inline-block;
	left:0;
	padding-right:30px;
	z-index:1;
	background:#fff;
}
.reverse .title-bg > h1,
.reverse .title-bg > h2,
.reverse .title-bg > h3,
.reverse .title-bg > h4,
.reverse .title-bg > h5 {
	padding-left:30px;
}

.title-bg:after {
	content:'';
	background:#dcdcdc;
	position: absolute;
	left:0;
	top:50%;
	margin-top:-0.5px;
	display:block;
	width:100%;
	height:1px;
	z-index:0;
}

#content .content-title {
	margin-bottom:20px;
}

.title-desc {
	font:17px/1.5 "PT Sans", Arial, sans-serif;
	text-overflow: ellipsis;
	white-space:nowrap;
	overflow:hidden;
}

/* =============================================
------------------- 6. Homepages  --------------
==============================================*/


/* ------------ 6.1 index.html ------------
------------------------------------------- */

#home-section {
	background-image: url('../images/homebg-section.jpg');
}

.section-content {
	display:inline-block;
}

.section-content h2,
.section-content h3,
.section-content h4 {
	 
}

.section-content.light,
.section-content.light h2,
.section-content.light h3,
.section-content.light h4 {
	color:#fff !important;
}

.home-content,
.home-content h4,
.home-content h3,
.home-content h2 {
	color:#443e32;
}

#home-section .container,
#collection-section .container {
	/* important to vertical center and align product-boxes */
	height:100%;
	position: relative;
}

.section-content h2 {
	font-family: 'judsonregular', Verdana, sans-serif;
}

.home-content.section-content h2 {
	font-size:300px;
	line-height: 0.6;
}

.arrivals-content.section-content h2,
.lookbook-content.section-content h2 {
	font-size:90px;
	line-height: 1;
	color:#8c8574;
	margin-bottom: 14px;
}

.collection-content.section-content h2 {
	font-size:130px;
	line-height: 1;
	color:#675f56;
	margin-bottom: 0;
}

.trend-content.section-content h2 {
	font-size:90px;
	line-height: 1;
	color:#675f56;
	margin-bottom: 9px;
}

.home-content h2 > span {
	font-size:80px;
	vertical-align: middle;
}

.home-content h2 > span:first-child {
	margin-right:20px;
}

.home-content h2 > span:last-child {
	margin-left:30px;
}


.section-content h3 {
	font:23px/1 'SourceCodePro-Light', Verdana, sans-serif;
}

.home-content.section-content h3 {
	font-size:40px;
	line-height: 1;
	margin-bottom:60px;
}

.arrivals-content.section-content h3,
.lookbook-content.section-content h3 {
	color:#675f56;
	margin-bottom:17px;
}

.collection-content.section-content h3 {
	font:45px/1 'open_sanslight', Verdana, sans-serif;
	color:#675f56;
	margin-bottom:33px;
	text-transform: lowercase;
}

.trend-content.section-content h3 {
	font:35px/1 'source_code_proregular', Verdana, sans-serif;
	color:#675f56;
	margin-bottom:28px;
}

.home-content.section-content h4 {
	font:18px/1 '微軟正黑體', '微軟正黑體 Light', sans-serif;
	margin-bottom:22px;
}

.collection-content.section-content h4 {
	font:45px/1 'SourceCodePro-Light', Verdana, sans-serif;
	margin-bottom:34px;
}

.section-content p {
	font: 22px/1.4 '微軟正黑體', '微軟正黑體 Light', sans-serif;
}

.home-content.section-content p {
	max-width: 660px;
	margin:-32px auto 24px;
	/* negative margin because of h2 (judson font's line height) */
}

.arrivals-content.section-content p,
.lookbook-content.section-content p {
	font-family: 'open_sanslight', Verdana, sans-serif;
	margin-bottom:34px;
	max-width:570px;
}

.trend-content.section-content p {
	font-size:35px;
	line-height: 1;
	margin-bottom:40px;
}

.carousel-container .carousel-title.big {
	margin-bottom:130px;
}


.lookbook-content.section-content,
.arrivals-content.section-content {
	color:#62615f;
}

#lookbook-section {
	background-color: #9f9f9f;
}

.slider-banner-content {
	position: absolute;
	width:100%;
	height:100%;
	z-index:150;
}

.slider-custom-buttons {
	display:inline-block;
	width:98px;
	height:37px;
	margin-bottom: 5px;
	position: relative;
	z-index:200;
}

.slider-custom-buttons .slider-btn {
	display:block;
	width:39px;
	height:37px;
	background-image: url('../images/sprites/sprite.png');
	background-repeat: no-repeat;
	border:1px solid transparent;
	text-indent: -9999px;
}

.slider-custom-buttons .slider-btn.slider-btn-prev {
	float:left;
	background-position: -275px -1463px;
}

.slider-custom-buttons .slider-btn.slider-btn-next {
	float:right;
	background-position: -334px -1463px;
}

.slider-custom-buttons.light .slider-btn.slider-btn-prev  {
	background-position: -275px -1426px;
}

.slider-custom-buttons.light .slider-btn.slider-btn-next  {
	background-position: -334px -1426px;
}

.slider-custom-buttons .slider-btn:hover {
	border:1px solid #aea995;
}

.slider-custom-buttons.light .slider-btn:hover {
	border:1px solid #fff;
}

#collection-section {
	background-image: url('../images/background2.jpg');
}

.collection-content {
	margin-right:-30px;
	color:#675f56;
}

.product-box-container {
	position: absolute;
	left:0;
}

.product-box-container.top-center {
	top:50%;
	margin-top:-120px; 
}

.product-box-container.bottom {
	bottom:0;
	margin-bottom:53px;
}

.product-box-wrapper {
	display:inline-block;
	position: relative;
}

.btn-box {
	display:block;
	width:33px;
	height:33px;
	border:1px solid #fff;
	background-color: transparent;
	background-image: url('../images/sprites/sprite.png');
	background-repeat: no-repeat;
	background-position: -379px -1180px;
	transition:all 0.35s ease;
	-webkit-transition:all 0.35s ease;
}

.btn-box:hover,
.btn-box:focus,
.open .btn-box {
	background-color: #058144;
	border-color:#058144;
}

.product-box-wrapper .dropdown-menu {
	width:240px;
	top:auto;
	bottom:0;
	margin:0 0 -10px;
	padding:20px;
	border-radius: 0;
	box-shadow:0 3px 3px rgba(0,0,0, 0.2);
	-webkit-box-shadow:0 3px 3px rgba(0,0,0, 0.2);
}

.product-box-wrapper.open  .dropdown-menu,
.product-box-wrapper:hover  .dropdown-menu {
	margin-bottom:-30px;
}

.product-box-wrapper .dropdown-menu.pull-right {
	right:100%;
	margin-right:30px;
}

.product-box-wrapper .product-top {
	margin-bottom:17px;
}

.product-box-wrapper .product-name {
	line-height: 20px;
	margin-bottom:13px;
}

.product-box-wrapper .product-name,
.product-box-wrapper .product-price-container {
	text-align: left;
}

.product-box-wrapper .product-price-container {
	margin-bottom:9px;
}

.product-box-wrapper .product-old-price {
	margin-right:10px;
}

.product-box-wrapper .product-add-btn {
	text-align: center;
	background-color: #cbc6b5;
	border-color:#cbc6b5;
	color:#fff;
}

.product-box-wrapper .product-add-btn:hover,
.product-box-wrapper .product-add-btn:focus {
	border-color:#058144;
	background-color: #058144;
}

#products-section.section {
	padding:64px 0 52px;
}

.products-wrapper .product {
	margin-bottom:60px;
}

#blog-section.section {
	padding-top:64px;
}

#trend-section {
	background-image: url('../images/background3.jpg');
}

.trend-content.section-content {
	margin-left:-30px;
	color:#675f56;
}

.carousel-title.big,
.light-title.big {
	font:35px/1 'SourceCodePro-Light', Verdana, sans-serif;
	color:#8c8574;
	margin-bottom:45px;
}

#aboutus-section {
	padding:60px 0 140px;
}

.accordion-reverse .accordion-title .accordion-btn.color2.open,
.accordion-reverse .accordion-title .accordion-btn.color2:hover,
.accordion-reverse .accordion-title .accordion-btn.color2:focus {
	background-color: #058144;
}

#newsletter-section {
	background-image: url('../images/newsletterbg-section.jpg');
}

#newsletter-section .newsletter-content {
	max-width:750px;
	margin-right:auto;
	margin-left:auto;
}

.newsletter-content.light,
.newsletter-content.light h2,
.newsletter-content.light h3,
.newsletter-content.light h4 
.small .newsletter-content.light,
.small .newsletter-content.light h2,
.small .newsletter-content.light h3,
.small .newsletter-content.light h4,
.small .newsletter-content.light p {
	color:#fff;
}

.newsletter-content h3,
.newsletter-content .h3 {
	font:23px/1 'SourceCodePro-Light', Verdana, sans-serif;
	 
	margin-bottom:50px;
}

.newsletter-content h2,
.newsletter-content .h2 {
	font:90px/1 'judsonregular', Verdana, sans-serif;
	 
	margin-bottom: 24px;
}

.newsletter-content p {
	font:30px/1.5 'open_sanslight', sans-serif;
	margin-bottom:42px;
}

.newsletter-content #newsletter {
	max-width:500px;
	margin-right:auto;
	margin-left:auto;
}

.newsletter-content .input-group-lg>.form-control,
.newsletter-content .input-group-lg>.input-group-addon,
.newsletter-content .input-group-lg>.input-group-btn>.btn {
	height:56px;
}

.newsletter-content .input-group-lg>.form-control {
	font-size:22px;
	line-height:30px;
	padding:13px 20px;
}

.newsletter-content .input-group-lg>.input-group-addon,
.newsletter-content .input-group-lg>.input-group-btn>.btn {
	font-size:16px;
	line-height:20px;
	padding:17px 47px;
}

.newsletter-content .form-control {
	background-color: transparent;
	color:#fff;
	font-family: 'open_sanslight', Verdana;
}

.small .newsletter-content.light .form-control  {
	border-color:#fff;
}

.small .newsletter-content.light .btn-custom-3 {
	border-color:#fff;
	color:#fff;
}

.small .newsletter-content.light .btn-custom-3:focus,
.small .newsletter-content.light .btn-custom-3:hover,
.small .newsletter-content.light .btn-custom-3:active {
	border-color:#e61446;
	background-color:#e61446;
	color:#fff;
}


.newsletter-content.light .form-control:-moz-placeholder {
	color:#fff;
}

.newsletter-content.light .form-control::-moz-placeholder {
	color:#fff;
}

.newsletter-content.light .form-control:-ms-input-placeholder {
	color:#fff;
}

.newsletter-content.light .form-control::-webkit-input-placeholder {
	color:#fff;
}

.newsletter-content.light .form-control,
.newsletter-content.light  .form-control:focus {
	color:#fff;
	border-color:#fff;
}


/* ------------ 6.2 index2.html ------------
------------------------------------------- */

.banner {
	position: relative;
	display:block;
}

.banner-wrapper {
	display:block;
}

.banner img {
	width:100%;
}

.banner.banner-sm {
	margin-bottom: 30px;
}

.banner.banner-sm.last {
	margin-bottom:10px;
}

.banner.text-right .banner-container,
.banner.pull-right .banner-container {
	left:auto;
	right:0;
}

.banner.banner-sm .banner-container {
	padding:0 45px;
}

.banner.banner-sm h4 {
	font:22px/1 'source_code_proregular', Verdana;
	color:#8d8980;
}

.banner.banner-sm h3 {
	font:50px/1 'judsonbold', Verdana;
	color:#848078;
	margin-bottom:14px;
}

.banner.banner-sm .btn {
	font-size:15px;
	line-height: 22px;
	padding:7px 15px;
}

/* Testimonials section newbg*/
.testimonials-section.home {
	background-color: #fbfaf4;
}

.testimonials-section.home h2,
.testimonials-section.home .h1 {
	font-family: 'judsonbold', Verdana, sans-serif;
}

/* Brand carousel */
 .brand {
 	padding:0 15px;
 	text-align: center;
 }

 .brand a {
 	display:inline-block;
 	border:1px solid #dbd6c5;
 }

 .brand img {
 	width:100%;
 }

/* Featurebox inline */

.feature-box.feature-box-inline {
	text-align:left;
	padding:0;
	margin-bottom:50px;
}

.feature-box.feature-box-inline  h3 {
	font:20px/1 '微軟正黑體', '微軟正黑體 Light', sans-serif;
	color:#868279;
	margin-bottom:7px;
}

.feature-box.feature-box-inline p {
	font-size:13px;
	line-height:19px;
	margin-bottom:5px;
}

.feature-box.feature-box-inline:hover {
	background-color: transparent;
}

.feature-box.feature-box-inline:hover h3,
.feature-box.feature-box-inline:hover p {
	color:#868279;
}

.feature-box-inline .feature-icon {
	float:left;
	width:80px;
	height:80px;
	margin:0 20px 0 0;
	background-color: #efead9;
}

.feature-box.feature-box-inline .feature-content {
	margin-left:100px;
}

.feature-icon.icon-delivery,
.feature-box.feature-box-inline:hover .feature-icon.icon-delivery {
	background-position: 0 -361px;
}

.feature-icon.icon-service,
.feature-box.feature-box-inline:hover .feature-icon.icon-service {
	background-position: -81px -361px;
}

.feature-icon.icon-secured,
.feature-box.feature-box-inline:hover .feature-icon.icon-secured  {
	background-position: 0 -442px;
}


/* blog post carousel */
.owl-carousel .article {
	margin:0 15px;
	padding-left:95px;
}

.owl-carousel .article-media-container {
	margin-top:25px;
	margin-bottom: 20px;
}

.owl-carousel .article h3 {
	font-size:25px;
	margin-bottom:8px;
}

.owl-carousel .article h3 a {
	color:#333;
	font-size:23px;
	letter-spacing:1px;
	font-weight:600;
	font-family:微軟正黑體;
}

.owl-carousel .article h3 a:hover {
	color:#337ab7;
}

.owl-carousel .article p {
	line-height:22px;
	color:#777;
	letter-spacing:0.5px;
}
.comi{
	background-color:rgba(231, 226, 209, 0.29);}
/* ------------ 6.3 index3.html ------------
------------------------------------------- */

.banner-group .banner {
	margin-bottom:30px;
}

.banner-group .banner.banner-sm .banner-container {
	padding:0;
}

.banner-group .banner-container {
	width:100%;
	text-align: center;
	padding:0;
}

.banner-group .banner h4 {
	font:20px/1 'open_sansregular', sans-serif;
	color:#6f695c;
	margin-bottom:18px;
}

.banner-group .banner h3 {
	font:40px/1 'SourceCodePro-Light', sans-serif;
	color:#6c675b;
	 
	margin-bottom: 22px;
}

.banner-group .banner.banner-sm h4 {
	margin-bottom:14px;
}

.banner-group .banner.banner-sm h3 {
	font-size:35px;
	margin-bottom:18px;
}

.banner-group .banner.light h4,
.banner-group .banner.light h3 {
	color:#fff;
}

.star-icon {
	display:inline-block;
	width:10px;
	height:10px;
	background-image: url('../images/sprites/sprite.png');
	background-repeat: no-repeat;
	background-position: -369px -189px;
	/* fix inline-block auto margin*/
	word-spacing: -1;
	margin:0 7px 1px;
}

.banner-group .btn {
	font-size:15px;
	line-height:24px;
}

.banner-group .banner.light .btn-custom-7 {
	color: #fff;
	border-color: #fff;
}

.banner-group .banner.light .btn-custom-7:hover,
.banner-group .banner.light .btn-custom-7:focus,
.banner-group .banner.light .btn-custom-7:active {
	color:#fff;
	background-color: #e61446;
	border-color: #e61446;
}

.product-group .product {
	margin-bottom:30px;
}

.product-slider {
	position: relative;
	margin-bottom:30px;
}

.owl-theme.product-slider .owl-controls .owl-buttons {
	top:auto;
	right:20px;
	bottom:30px;
}

.product-slider .product {
	padding:0;
	margin:0;
}

#content .product-slider img {
	max-width: none;
	width:100%;
}

.product-slider-content {
	position: absolute;
	left:0;
	right:0;
	top:50%;
	/* vertical center */
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	background: rgba(255, 255, 255, 0.6);
	padding:52px 0;
	text-align: center;
}

.product-slider-content h3 {
	font:60px/45px 'SourceCodePro-Light', Verdana;
	color:#504c43;
	 
	margin-bottom:0;
}

.product-slider-content h4 {
	font:26px/1 'SourceCodePro-Light', Verdana;
	color:#44413b;
	text-transform: capitalize;
	margin-bottom:12px;
}

.from-theblog-carousel .article {
	padding-left:80px;
}

.from-theblog-carousel .article-media-container {
	margin-bottom: 12px;
}

.from-theblog-carousel .article-meta-box {
	width:70px;
	height:60px;
	padding:10px;
	font-size:11px;
	line-height:16px;
	color:#9e9b90;
	 
}

.article-meta-box.darkbg {
	background-color: #efead9;
	border-color:#efead9;
}

.article-meta-box.darkbg.article-meta-comments {
	top:72px;
}

.from-theblog-carousel .article-meta-box.article-meta-comments {
	top:62px;
}

.from-theblog-carousel .article-icon {
	width:21px;
	height:21px;
}

.from-theblog-carousel .meta-box-text {
	margin-top:0;
}

.from-theblog-carousel .article-icon.article-date-icon {
	background-position: -221px -168px;
}

.from-theblog-carousel .article-icon.article-comment-icon {
	background-position: -244px -168px;
}

.from-theblog-carousel .article h3 {
	font-size:20px;
	margin-bottom: 4px;
}

.from-theblog-carousel .article p {
	font-size:13px;
	line-height: 20px;
	margin-bottom: 15px;
}

.from-theblog-carousel .article .readmore {
	font-size:13px;
	line-height: 18px;
	padding:5px 13px;
}

.nav.nav-carousel {
	margin-bottom:45px;
}

.nav-pills.nav-carousel > li + li {
	margin-left:30px;
}

.tab-pane .owl-theme .owl-controls .owl-buttons {
	top:6px;
}

.nav.nav-carousel > li {
	font:25px/24px 'open_sanslight', sans-serif;
}

.nav.nav-carousel > li > a  {
	padding-left:15px;
	padding-right:15px;
}

.nav.nav-carousel > li:first-child >  a {
	padding-left:0;
}

.nav.nav-carousel > li.active:first-child > a {
	padding-left:15px;
}

.about-section {
	padding:95px 0 86px;
	background: #f3f3f0;
}

.about-section h2 {
	font:35px/1 'SourceCodePro-Light', Verdana;
	color:#8c8574;
	 
	text-align: center;
	margin-bottom:65px;
}

.about-section h2 > span {
	position: relative;
}

.about-section h2 > span:after {
	content:'';
	position: absolute;
	left:0;
	bottom:-10px;
	width:100%;
	height:1px;
	background: #cdc9c0;
}


.about-section h2.h3 {
	font:27px/1 'open_sanslight', Verdana;
	color:#847e71;
	text-align: left;
	padding-left:10px;
	margin-bottom:35px;
}

.about-section .feature-box {
	border:1px solid transparent;
}

.about-section .feature-box h3,
.about-section .feature-box:hover h3 {
	color:#868279;
	font-family: '微軟正黑體', '微軟正黑體 Light', sans-serif;
}

.about-section .feature-box p,
.about-section .feature-box:hover p {
	color:#9f9a8f;
}

.about-section .feature-icon.icon-delivery,
.about-section .feature-box:hover .feature-icon.icon-delivery {
	background-position: 0 -1458px;
}

.about-section .feature-icon.icon-service,
.about-section .feature-box:hover .feature-icon.icon-service {
	background-position: -81px -1458px;
}

.about-section .feature-icon.icon-secured,
.about-section .feature-box:hover .feature-icon.icon-secured {
	background-position: -162px -1458px;
}


.about-section .feature-box:hover {
	background-color:#ffffff;
	border-color:#e6dfd1;
}

.carousel-container .product.product3 {
	padding-bottom:20px;
}

/* quicl view modal */
.modal-xlg {
	width:940px;
	overflow: auto;
}

.modal-xlg .close {
	position: absolute;
	top:25px;
	right:25px;
	z-index:900;
}

.modal .product-single-meta {
	padding-top:20px;
	background-color: transparent;
}

.modal #product-single-container {
	margin-bottom:0;
}

.modal  #product-single-container .carousel-container {
	border:none;
}

.modal .product-single-carousel img  {
	border:1px solid #e6dfd1;
}

.modal #product-single-container .container {
	width:100%;
}

.modal #product-single-container .bx-wrapper {
	overflow: hidden;
	
}

.modal-xlg .modal-body {
	padding:30px 15px;
}

/* ------------ 6.4 index4-5.html ------------
------------------------------------------- */

.simple-tab-container .nav {
	margin-bottom:30px;
}

.simple-tab-container .nav > li {
	font: 22px/1 'open_sanslight', sans-serif;
}

.simple-tab-container .nav-pills > li + li {
	margin-left:19px;
}

.simple-tab-container .nav-pills > li.active:after {
	display:none;
}

.simple-tab-container .nav-pills > li.active > a,
.simple-tab-container .nav-pills > li.active > a:hover,
.simple-tab-container .nav-pills > li.active > a:focus {
	background-color: #d8d2c5;
}

.simple-tab-container .product {
	margin-bottom:60px;
}

.light-title {
	font:27px/38px 'open_sanslight', sans-serif;
	color:#847e71;
	 
	margin-bottom:30px;
}

.small-service.service {
	margin-bottom:80px;
}

.small-service .service-icon {
	width:130px;
	height:130px;
	margin-right:20px;
}

.small-service .service-content {
	margin-left:150px;
	padding-top:3px;
}

.small-service .service-content h3 {
	font-size:27px;
	margin-bottom:8px;
}

.small-service .service-icon.service-icon-dev {
	background-position: 0 -1538px;
}

.small-service .service-icon.service-icon-market {
	background-position: -130px -1538px;
}

.small-service .service-icon.service-icon-design {
	background-position: 0 -1668px;
}

.small-service .service-icon.service-icon-hosting {
	background-position: -130px -1668px;
}

/* Testimonials section newbg*/
.testimonials-section.home-two {
	background-image: url('../images/testimonialsbg-index4.jpg');
}

.testimonials-section.home-two {
	padding:36px 0 46px;
	color:#807b6e;
}

.testimonials-section.home-two .bottom-nav .owl-theme .owl-controls .owl-buttons {
	bottom:20px;
}

.testimonials-section.home-two h2 {
	font-size:35px;
	color:#5e5c58;
	font-family: 'judsonbold', Verdana;
	margin-bottom:12px;
}

.home-two .testimonial p {
	margin-bottom:18px;
}

.home-two .testimonials-slider {
	max-width:645px;
}

.testimonials-section.home-two .quote-icon {
	width:25px;
	height:20px;
	background-position: -387px -250px;
	margin-bottom:15px;
}

.home-two .testimonial .testimonial-owner {
	color:#807b6e;
}

#newsletter-section.small {
	background-image: url('../images/newsletterbg.jpg');
	padding:30px 0 10px;
}

#newsletter-section.small .newsletter-content {
	max-width:610px;
}

.small .newsletter-content h3,
.small .newsletter-content .h3 {
	font-size:22px;
	color:#6c675a;
	margin-bottom:20px;
}

.small .newsletter-content h2,
.small .newsletter-content .h2 {
	font-size:65px;
	color:#5e5c58;
	margin-bottom: 4px;
}

.small .newsletter-content p {
	font-size:25px;
	line-height:1.4;
	margin-bottom:26px;
	color:#807b6e;
}

.small .newsletter-content #newsletter {
	max-width:500px;
	margin-right:auto;
	margin-left:auto;
}

.small .newsletter-content .input-group-lg>.form-control,
.small .newsletter-content .input-group-lg>.input-group-addon,
.small .newsletter-content .input-group-lg>.input-group-btn>.btn {
	height:48px;
}

.newsletter-content .input-group-lg>.form-control {
	font-size:18px;
	line-height:30px;
	padding:9px 20px;
}

.newsletter-content .input-group-lg>.input-group-addon,
.newsletter-content .input-group-lg>.input-group-btn>.btn {
	font-size:16px;
	line-height:20px;
	padding:14px 46px;
}

.small .newsletter-content .form-control {
	color:#7b766a;
	border-color:#a9a08b;
}

.small .newsletter-content .btn-custom-3 {
	border-color:#a9a08b;
	color:#6c675b;
}

.small .newsletter-content .btn-custom-3:hover,
.small .newsletter-content .btn-custom-3:focus {
	border-color:#058144;
	color:#fff;
}

.from-theblog-carousel.from-theblog-wide .article-media-container {
	margin-bottom: 20px;
}

.from-theblog-carousel.from-theblog-wide .article .readmore {
	background-color: #dfdac8;
	border-color:#dfdac8;
	color:#fff;
	font-size:12px;
	padding:5px 15.5px;
	transition: all 0.3s ease-in;
	-webkit-transition: all 0.3s ease-in;
}

.from-theblog-carousel.from-theblog-wide .article .readmore:hover,
.from-theblog-carousel.from-theblog-wide .article .readmore:focus {
	background-color: #e61446;
	border-color: #e61446;
}

/* home sidebar */
.sidebar .widget.side-menu-container {
	margin-bottom:70px;
}

.side-menu  {
	border:1px solid #e6dfd1;
}

.side-menu ul li {
	position: relative;
}

/* important to cover distance with menu and parent element for hover effect */
.side-menu > ul > li:hover:before {
	content:'';
	position: absolute;
	left:100%;
	top:-1px;
	bottom:-1px;
	display:block;
	width:8px;
}

.side-menu > ul > li > a {
	display:block;
	font: 15px/2 '微軟正黑體', '微軟正黑體 Light', sans-serif, sans-serif;
	padding:8.5px 20px;
	position: relative;
	 
	border-bottom:1px solid #e6dfd1;
	color:#a39d94;
	transition: color 0.05s;
	-webkit-transition:color 0.05s;
}

.dark .side-menu > ul > li > a  {
	background-color: #f4f3ea;
}

.side-menu > ul > li:last-child > a {
	border-bottom:transparent;
}

.category-icon {
	display:inline-block;
	width:20px;
	height:20px;
	/* fix inline-block auto margin*/
	font-size:0;
	margin-right:9px;
	background-image: url('../images/sprites/sprite.png');
	background-repeat: no-repeat;
	vertical-align: middle;
	margin-top:-5px;
}

.category-icon.icon-fashion {
	background-position: -260px -1545px;
}

.category-icon.icon-furniture {
	background-position: -280px -1545px;
}

.category-icon.icon-electronics {
	background-position: -300px -1545px;
}

.category-icon.icon-gifts {
	background-position: -320px -1545px;
}

.category-icon.icon-books {
	background-position: -340px -1545px;
}

.category-icon.icon-music {
	background-position: -360px -1545px;
}

.category-icon.icon-sport {
	background-position: -380px -1545px;
}

.category-icon.icon-games {
	background-position: -380px -1545px;
}

.side-menu > ul > li:hover > a,
.side-menu > ul > li.open > a  {
	color:#fff;
	background-color: #e61446;
}

.side-menu > ul > li:hover > a:before,
.side-menu > ul > li.open > a:before,
.side-menu > ul > li:hover > a:after,
.side-menu > ul > li.open > a:after {
	content:'';
	display:block;
	height:100%;
	width:1px;
	background-color: #e61446;
	position: absolute;
	top:0;
	bottom:0;
}

.side-menu > ul > li:hover > a,
.side-menu > ul > li.open > a {
	border-bottom-color:#e61446;
}

.side-menu > ul > li:hover > a:before,
.side-menu > ul > li.open > a:before {
	left:-1px;
}

.side-menu > ul > li:hover > a:after,
.side-menu > ul > li.open > a:after {
	right:-1px;
}

.side-menu > ul > li:hover > a .category-icon.icon-fashion,
.side-menu > ul > li.open > a .category-icon.icon-fashion {
	background-position: -260px -1565px;
}

.side-menu > ul > li:hover > a .category-icon.icon-furniture,
.side-menu > ul > li.open > a .category-icon.icon-furniture {
	background-position: -280px -1565px;
}

.side-menu > ul > li:hover > a .category-icon.icon-electronics,
.side-menu > ul > li.open > a .category-icon.icon-electronics {
	background-position: -300px -1565px;
}

.side-menu > ul > li:hover > a .category-icon.icon-gifts,
.side-menu > ul > li.open > a .category-icon.icon-gifts {
	background-position: -320px -1565px;
}

.side-menu > ul > li:hover > a .category-icon.icon-books,
.side-menu > ul > li.open > a .category-icon.icon-books {
	background-position: -340px -1565px;
}


.side-menu > ul > li:hover > a .category-icon.icon-music,
.side-menu > ul > li.open > a .category-icon.icon-music {
	background-position: -360px -1565px;
}

.side-menu > ul > li:hover > a .category-icon.icon-sport,
.side-menu > ul > li.open > a .category-icon.icon-sport {
	background-position: -380px -1565px;
}

.side-menu > ul > li:hover > a .category-icon.icon-games,
.side-menu > ul > li.open > a .category-icon.icon-games  {
	background-position: -380px -1565px;
}

.category-dropdown-icon {
	display:block;
	position: absolute;
	width:12px;
	height:7px;
	top:50%;
	right:15px;
	margin-top:-3.5px;
	background-image: url('../images/sprites/sprite.png');
	background-repeat: no-repeat;
}

.category-dropdown-icon {
	background-position: -260px -1538px;
}

.side-menu > ul > li:hover .category-dropdown-icon,
.side-menu > ul > li.open .category-dropdown-icon {
	display:none;
}

.side-menu > ul > li .dropdown-menu.megamenu {
	left:100%;
	top:0;
	margin-left:8px;
	width:640px;
	border:1px solid #e6dfd1;
	box-shadow:0 3px 3px rgba(0,0,0, 0.15);
	-webkit-box-shadow:0 3px 3px rgba(0,0,0, 0.15);
	padding:25px 25px 39px;
	overflow: hidden;
	margin-top:20px;
	z-index:800;
}

.side-menu > ul > li:hover > .dropdown-menu.megamenu,
.side-menu > ul > li.open > .dropdown-menu.megamenu {
	margin-top:0;
	opacity:1;
	visibility: visible;
}

.side-menu > ul > li .dropdown-menu.megamenu .col-md-4,
.side-menu > ul > li .dropdown-menu.megamenu .col-md-6,
.side-menu > ul > li .dropdown-menu.megamenu .col-md-3 {
	padding:0 5px;
}

.side-menu > ul > li ul,
.side-menu .megamenu-title {
	position: relative;
	z-index:20;
}

.side-menu .megamenu-title {
	 
	margin-bottom:12px;
	display:block;
}


.side-menu > ul > li .dropdown-menu.megamenu .bgimage {
	position: absolute;
	max-width:100%;
	position: absolute;
	right:0;
	top:0;
}

/* Widgets */
.home-sidebar .widget {
	margin-bottom:50px;
}

.home-sidebar .widget.tagclod-widget {
	margin-bottom:45px;
}

.sidebar.home-sidebar > .widget> h3 {
	line-height:32px;
	padding:8px 10px 2px;
}

.sidebar.home-sidebar > .widget.side-menu-container> h3 {
	padding-left:20px;
	margin-bottom: 10px;
}

.sidebar.home-sidebar.dark > .widget > h3 {
	color:#fff;
	background: #d8d2c5;
}

.sidebar.home-sidebar.light > .widget> h3 {
	padding:7px 10px 1px;
}

.sidebar.home-sidebar.light > .widget > h3 {
	color:#7f7b73;
	background: transparent;
	border:1px solid #c2beb3;
}

.sidebar.home-sidebar.light .owl-theme .owl-controls .owl-buttons {
	top:8px;
}

.sidebar.home-sidebar .owl-theme .owl-controls .owl-buttons {
	top:7px;
	right:10px;
}

.sidebar.home-sidebar.dark .owl-theme .owl-controls .owl-buttons div {
	border-color:#fff;
}

.sidebar.home-sidebar.dark .owl-theme .owl-controls .owl-buttons div.owl-prev {
	background-position: -178px -1256px;
}

.sidebar.home-sidebar.dark .owl-theme .owl-controls .owl-buttons div.owl-next {
	background-position: -214px -1283px;
}

.sidebar.home-sidebar.dark .owl-theme .owl-controls .owl-buttons div.owl-prev:hover,
.sidebar.home-sidebar.dark .owl-theme .owl-controls .owl-buttons div.owl-prev:focus {
	background-position: -212px -1256px;
}

.sidebar.home-sidebar.dark .owl-theme .owl-controls .owl-buttons div.owl-next:hover,
.sidebar.home-sidebar.dark .owl-theme .owl-controls .owl-buttons div.owl-next:focus {
	background-position: -178px -1283px;
}

.widget .full-product-slider .product-image-container {
	width:100%;
}

.widget .full-product-slider .product-name {
	margin-bottom:12px;
}

.widget .full-product-slider .product,
.full-product-slider .product-price-container.text-left {
	margin-bottom: 10px;
}


/* ------------ 6.5 index6.html ------------
------------------------------------------- */

.small-title,
.skills h2.small-title,
.services h2.small-title {
	font:20px/1 'open_sanslight', Verdana, sans-serif;
	color:#847e71;
	margin-bottom: 48px;
	text-transform: capitalize;
}

.skills h2.small-title {
	margin-bottom: 42px;
}

.services h2.small-title {
	margin-bottom: 46px;
}

#arrivals-section.dark {
	background-color: #ebe9e1;
}

#arrivals-section.dark .arrivals-content.section-content {
	color:#62615f;
}

#arrivals-section.dark .arrivals-content.section-content h3 {
	color:#847e71;
	font:20px/1 'open_sanslight', Verdana;
	text-transform: lowercase;
	margin-bottom: 15px;
}

#arrivals-section.dark .arrivals-content.section-content h2 {
	color:#8c8574;
}

#arrivals-section.dark .arrivals-content.section-content p {
	line-height: 1.45;
}

#arrivals-section.dark .btn-custom-11:hover,
#arrivals-section.dark .btn-custom-11:focus,
#arrivals-section.dark .btn-custom-11:active {
	color:#fff;
	background-color: #e61446;
	border-color: #e61446;
}


.small-tab-container .nav {
	margin-bottom:43px;
}

.small-tab-container .nav-pills > li {
	float:none;
	display:inline-block;
	font:20px/1 'open_sanslight', sans-serif;

}

.small-tab-container .nav-pills > li > a {
	text-transform: capitalize;
	color:#8c8574;
}

.small-tab-container .nav > li > a {
	padding:0;
}

.small-tab-container .nav > li > a:hover,
.small-tab-container .nav > li > a:focus {
	background-color: transparent;
}

.small-tab-container .nav-pills > li.active:after {
	display: none;
}

.small-tab-container .nav-pills > li.active > a,
.small-tab-container .nav-pills > li.active > a:hover,
.small-tab-container .nav-pills > li.active > a:focus {
	background-color: transparent;
	text-decoration: underline;
	color:#8c8574;
}

.small-tab-container .nav > li.active:first-child > a {
	padding-left:0;
}

.small-tab-container .nav-pills > li + li {
	margin-left:65px;
}


.testimonials-section.light.index6 {
	background-image: url('../images/testimonialsbg-index6.jpg');
}

.carousel-container .small-title {
	margin-bottom:112px;
}

.carousel-container .small-title + .row .owl-theme.center-buttons .owl-controls .owl-buttons {
	top:47px;
}

.funfacts-section.light.index6 {
	background-image: url('../images/funfactsbg-index6.jpg');
}

#newsletter-section.index6 {
	padding:80px 0 40px;
	background-image: url('../images/newsletterbg-index6.jpg');
}

/* ------------ 6.6 index7.html ------------
------------------------------------------- */

.banner-row-container {
	padding:0;
	margin-bottom:10px;
}

.banner-row {
	margin-left:-5px;
	margin-right:-5px;
}

.col-special {
	float:left;
	padding:0 5px;
	margin-bottom:10px;
	position: relative;
	overflow: hidden;
}

.col-special.parent {
	padding:0;
}

.col-special.col-1 {
	float:none;
	width:100%;
	padding:0;
	margin-bottom:10px;
	position: relative;
}

.col-special.col-1.last,
.col-special.last {
	margin-bottom:0;
}

.col-special.col-3-2 {
	width:62.18%;
}

.col-special.col-3-1 {
	width:37.82%;
}

.col-special.col-1-3 {
	width:31.87%;
}

.col-special.col-3-2.lger {
	width:63.74%;
}

.col-special.col-3-1.lger {
	width:36.26%;
}

.col-special.col-1-2 {
	width:50%;
}

.banner-row-content {
	position: absolute;
	display:inline-block;
	left:50%;
	top:50%;
	transform:translate(-50%, -50%);
	-webkit-transform:translate(-50%, -50%);
	-ms-transform:translate(-50%, -50%);
}

.banner-row-content.text-center {
	width:100%;
	padding:0 10px;
}

.banner-row-content.left.text-center {
	width:auto;
	padding:0;
}

.banner-row-content.left {
	left:80px;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
}

.banner-row-content.light,
.banner-row-content.light h2,
.banner-row-content.light h3,
.banner-row-content.light h4,
.banner-row-content.light h5 {
	color:#fff;
}

.collection-banner-content h3 {
	font:45px/1 'open_sanslight', Verdana, sans-serif;
	margin-bottom: 60px;
}

.collection-banner-content h2 {
	font:110px/80px 'judsonregular', Verdana, sans-serif;
	margin-bottom:22px;
}

.collection-banner-content h4 {
	font:45px/1 'SourceCodePro-Light', Verdana, sans-serif;
	margin-bottom:34px;
}

.banner-row-content .btn.btn-custom-3 {
	border-color:#95938c;
	color:#6c675b;
}

.banner-row-content.light .btn.btn-custom-3 {
	border-color:#fff;
	color:#fff;
}

.banner-row-content .btn.btn-custom-3:hover,
.banner-row-content .btn.btn-custom-3:focus,
.banner-row-content .btn.btn-custom-3:active,
.btn.btn-custom-3.color2:hover,
.btn.btn-custom-3.color2:focus,
.btn.btn-custom-3.color2:active,
.btn.btn-custom-10.color2:hover,
.btn.btn-custom-10.color2:focus,
.btn.btn-custom-10.color2:active{
	background-color: #e61446;
	border-color:#e61446;
	color:#fff;
}

.arrivals-banner-content h3 {
	font:26px/1 '微軟正黑體', '微軟正黑體 Light', sans-serif, sans-serif;
	margin-bottom: 23px;
}

.arrivals-banner-content h2 {
	font:65px/1 'SourceCodePro-Light', Verdana, sans-serif;
	margin-bottom:20px;
}

.banner-row-link {
	display:block;
	margin-bottom:10px;
	position: relative;
}

.banner-row-link:last-child {
	margin-bottom:0;
}

.banner-row-link:after {
	content:'';
	position: absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	background-color: #fff;
	opacity:0.2;
	transition:opacity 0.3s ease-in;
	-wekbit-transition:opacity 0.3s ease-in;
}

.banner-row-link:hover:after {
	opacity: 0;
}


.new-arrivals-banner-content h3 {
	font:20px/1 'SourceCodePro-Light', Verdana, sans-serif;
	margin-bottom: 35px;
	color:#62615f;
}

.new-arrivals-banner-content h2 {
	font:80px/1 'judsonregular', Verdana, sans-serif;
	margin-bottom:10px;
	color:#8c8574;
}

.new-arrivals-banner-content p {
	font:22px/1.5 'open_sanslight', Verdana, sans-serif;
	color:#62615f;
	max-width:500px;
	margin-bottom:40px;
}

.new-arrivals-banner-content .btn-custom-3 {
	border-color:#b6b2a8;
	color:#686660;
}

.offers-banner-content h3 {
	font:30px/1 'SourceCodePro-Light', Verdana, sans-serif;
	margin-bottom:20px;
}

.offers-banner-content h2 {
	font:42px/1 'judsonregular', Verdana, sans-serif;
	margin-bottom:12px;
}

.offers-banner-content h2 > span {
	display:block;
}

.rated-banner-content h3 {
	font:22px/1 '微軟正黑體', '微軟正黑體 Light', sans-serif, sans-serif;
	color:#6f695c;
	margin-bottom:20px;
}

.rated-banner-content h2 {
	font:48px/1 'SourceCodePro-Light', Verdana, sans-serif;
	margin-bottom:16px;
	color:#6c675b;
}

.season-banner-content h3 {
	font:20px/1 'open_sanslight', Verdana, sans-serif;
	margin-bottom:8px;
}

.season-banner-content h2 {
	font:64px/1 'judsonregular', Verdana, sans-serif;
	margin-bottom:0;
}

.season-banner-content p {
	font:16px/1.6 'open_sanslight', Verdana, sans-serif;
	margin-bottom:10px;
	max-width:680px;
	margin-right:auto;
	margin-left:auto;
}

.children-banner-content h3 {
	font:25px/1 'open_sanslight', Verdana, sans-serif;
	margin-bottom:25px;
}

.children-banner-content h2 {
	font:64px/1 'judsonregular', Verdana, sans-serif;
	margin-bottom:0;
}

.children-banner-content p {
	font:18px/1.6 'open_sanslight', Verdana, sans-serif;
	max-width:510px;
	margin-right:auto;
	margin-left:auto;
	margin-bottom: 30px;
}

#trend-section.index7 {
	background-image: url('../images/background4.jpg');
	margin-bottom:10px;
}

#trend-section.index7 h3,
#trend-section.index7 h2,
#trend-section.index7 p {
	color:#8c8574;
}


.funfacts-section.index7 {
	background-image: url('../images/funfactsbg-index7.jpg');
	color:#989898;
	padding:58px 0 130px;
	margin-bottom:10px;
}

.funfacts-section.index7 h2 {
	color:#78746a;
}

.funfacts-section.index7 .funfact-desc {
	color:#868686;
	margin-bottom: 77px;
}

.funfacts-section.index7 .fact h4 {
	color:#989898;
}


.allabout-banner-content h3 {
	font:35px/1 '微軟正黑體', '微軟正黑體 Light', sans-serif;
	color:#6f695c;
	margin-bottom:8px;
}

.allabout-banner-content h2 {
	font:120px/1 'SourceCodePro-Light', Verdana;
	color:#6c675b;
}

.newsletter-banner-content.newsletter-content  {
	min-width:100%;
	padding:0 10px;
}

.newsletter-banner-content.newsletter-content h3 {
	margin-bottom:36px;
}

.newsletter-banner-content.newsletter-content h2 {
	font-size:90px;
	margin-bottom:20px;
}

.newsletter-banner-content.newsletter-content p {
	max-width:790px;
	margin-right:auto;
	margin-left:auto;
}

.newsletter-banner-content.newsletter-content .input-group {
	margin-bottom:0;
}

.newsletter-banner-content.newsletter-content .input-group-lg>.form-control, 
.newsletter-banner-content.newsletter-content .input-group-lg>.input-group-addon,
.newsletter-banner-content.newsletter-content .input-group-lg>.input-group-btn>.btn {
	height:54px;
}

.testimonial-banner-content {
	display:block;
	left:0 !important;
	right:0 !important;
	max-width:100% !important;
	padding-bottom:28px;
}

.bottom-nav.testimonial-banner-content .owl-theme .owl-controls .owl-buttons {
	bottom:-20px;
}

.testimonial-banner-content .testimonial .testimonial-owner {
	color:#fff;
}




/* =============================================
---------------------  7.Portfolio ---------------
==============================================*/

#portfolio-filter {
	margin-bottom:35px;
	text-align: center;
	font-size:0;
}

#portfolio-filter.nav-pills > li {
	float:none;
	margin-bottom:15px;
}

#portfolio-filter.nav > li {
	display:inline-block;
}

#portfolio-filter.nav > li:first-child > a {
	padding-left:20px;
}

#portfolio-wrapper {
	overflow: hidden;
}

.portfolio-item {
	float:left;
	padding:0 15px;
	margin-bottom:20px;
}

.owl-carousel .portfolio-item {
	margin-bottom: 0;
}

.portfolio-item.animate-item {
	opacity:0;
	filter:alpha(opacity=0);
}

.ie9 .portfolio-item.animate-item {
	filter: alpha(opacity=100);
	opacity:1;
}

/* space for portfolio items inside the carousel // single-portfolio.html */
.owl-carousel .portfolio-item {
	padding:0 15px;
}

.portfolio-item figure {
	margin-bottom:20px;
	position: relative;
}

/* responsive images */
.portfolio-item img {
	display:block;
	width:100% !important;
	max-width:none !important;
	height:auto;
}

.portfolio-item figcaption {
	position: absolute;
	top:0;
	left:0;
	width:100%;
	background:rgba(203, 198, 181, 0.8);
	height:100%;
	-webkit-transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	-o-transition:all 0.5s ease-in-out;
	-ms-transition:all 0.5s ease-in-out;
	transition:all 0.5s ease-in-out;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	opacity:0;
	overflow:hidden;
}

.portfolio-item figcaption .zoom-btn {
	display:block;
	width:100%;
	height:100%;
	z-index:1;
}

.portfolio-item .like-btn, 
.portfolio-item .link-btn {
	display:block;
	width:50px;
	height:50px;
	border:1px solid #fff;
	background-color:transparent;
	background-image: url('../images/sprites/sprite.png');
	background-repeat: no-repeat;
	position: absolute;
	top:50%;
	left:50%;
	margin-top:-25px;
	margin-left:-25px;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	opacity:0;
	transition: all 0.35s ease;
	-webkit-transition: all 0.35s ease;
	-moz-transition: all 0.35s ease;
	-ms-transition: all 0.35s ease;
	-o-transition: all 0.35s ease;
	transform:scale(0);
	-webkit-transform:scale(0);
	-moz-transform:scale(0);
	-ms-transform:scale(0);
	-o-transform:scale(0);
	z-index:99;
}

.portfolio-item .like-btn {
	background-position: -238px -189px;
	margin-left:-60px;
	transition-delay:0.1s;
	-webkit-transition-delay:0.1s;
	-moz-transition-delay:0.1s;
	-ms-transition-delay:0.1s;
	-o-transition-delay:0.1s;
}

.portfolio-item .link-btn {
	background-position: -286px -189px;
	margin-left:10px;
	transition-delay:0.24s;
	-webkit-transition-delay:0.2s;
	-moz-transition-delay:0.2s;
	-ms-transition-delay:0.2s;
	-o-transition-delay:0.2s;
}

.portfolio-item figure:hover  figcaption {
	opacity:1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.portfolio-item figure:hover .like-btn,
.portfolio-item figure:hover .link-btn {
	opacity:1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	transform:scale(1);
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-ms-transform:scale(1);
	-o-transform:scale(1);
}

.portfolio-item .like-btn:hover, 
.portfolio-item .link-btn:hover {
	background-color:#e61446;
	border-color:#e61446;
}

.portfolio-item h2 {
	font-size:18px;
	color:#857e70;
	margin:0 0 4px;
}

.bigger .portfolio-item h2{
	font-size:22px;
}

.portfolio-item h2 a {
	color:#857e70;
}

.portfolio-item h2 a:hover {
	color:#afa898;
}

.portfolio-item .portfolio-tags {
	margin:0;
	font-size:14px;
	line-height:20px;
	color:#afa898;
}

.bigger .portfolio-item .portfolio-tag {
	font-size:15px;
}

.portfolio-item .portfolio-tags a {
	color:#afa898;
}

.portfolio-item .portfolio-tags a:hover {
	color:#857e70;
}

/**** Isotope Filtering Plugin Styles ****/
.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}


/* =============================================
----------------  8.Single-portfolio --------------
==============================================*/


.single-portfolio-media-container {
	padding-left:0;
	position: relative;
}

.single-portfolio-media-container > img {
	margin-bottom:1px;
}

.single-portfolio-media-container > img,
.single-portfolio-slider img{
	width:100%;
	max-width: none;
}

.slider-thumb-nav-container {
	width:340px;
	z-index:900;
	margin-top:10px;
}
.affix-top {
	position: absolute;
	right:75px;
	top:30px;
}

.affix {
	top:30px;
	left:58.33333333%;
	margin-left:-170px;
}

.affix-bottom {
	position:absolute;
	right:75px;
}

.slider-thumb-nav img {
	max-width:80px !important;
	width:auto;
	border:1px solid #afaa9a;
	margin:0 5px;
}

.slider-thumb-nav .slide-thumb img {
	max-width:95px !important;
}

.slider-thumb-nav .slide-thumb img {
	margin:0 0 8px;
}

.slider-thumb-nav .slide-thumb {
	display:block;
}

.slider-thumb-nav .owl-item,
.slider-thumb-nav .slide-thumb {
	position: relative;
	cursor: pointer;
}

.slider-thumb-nav .owl-item:after,
.slider-thumb-nav .slide-thumb:after {
	content:'';
	display:block;
	width:100%;
	height:100%;
	position: absolute;
	left:5px;
	top:0;
	background: rgba(255, 255, 255, 0.4);
	opacity:1;
	transition:all 0.3s;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
}

.slider-thumb-nav .owl-item:after {
	width: calc(100% - 5px);
}

.slider-thumb-nav .slide-thumb:after {
	left:0;
}

.slider-thumb-nav .owl-item:hover:after {
	opacity:0;
}

.slider-thumb-nav .owl-item.active:after,
.slider-thumb-nav .slide-thumb.active:after {
	display:none;
}

.portfolio-single {
	max-width:404px;
	padding:0 15px 18px 0;
}

.portfolio-single .h3 {
	color:#333;
	font-size:25px;
	font-weight:600;
	letter-spacing:1px;
	margin-bottom: 9px;
    margin-top: 10px;}

.like-icon-container {
	font-size:15px;
	line-height:20px;
	margin-bottom:13px;
}

.like-icon {
	display:inline-block;
	width:17px;
	height:16px;
	background-image: url('../images/sprites/sprite.png');
	background-position: -352px -189px;
	background-repeat: no-repeat;
	vertical-align: middle;
	margin-top:-1px;
	margin-right:7px;
}

.portfolio-single blockquote {
	font-size:16px;
	line-height: 25px;
	margin:25px 0;
	font-family: 'SourceCodePro-Light', Verdana, sans-serif;
	color:#a8a193;
}

.portfolio-meta-list {
	margin-bottom: 35px;
}

.portfolio-meta-list > li {
	margin-bottom: 4px;
}

.portfolio-meta-list > li,
.portfolio-meta-list > li a {
	color:#777;
}

.portfolio-meta-list > li a:hover {
	color:#9a9485;
}

.portfolio-meta-list li > span {
	color:#9a9485;
	margin-right: 5px;
}

/* =============================================
------------------- 9.Category.html --------------
==============================================*/

#category-banner {
	position: relative;
}

.banner-container {
	position: absolute;
	height:100%;
	top:0;
	left:0;
	z-index:2;
	padding:0 70px;
}

.banner-content h1 > span {
	display:block;
	font:22px/50px '微軟正黑體', '微軟正黑體 Light', sans-serif;
	color:#8d8980;
	margin-bottom: 1px;
}

.banner-content h1 {
	color:#848078;
	font:50px/1 'judsonbold', Verdana;
	 
	margin-bottom:14px;
}

.light .banner-content h1 > span,
.light .banner-content h1 {
	color:#ffffff;
}

.banner-content {
	display:inline-block;
	text-align: center;
}

.category-banner-slider .banner-container {
	padding:0 130px;
}

#category-filter-bar {
	margin-bottom: 30px;
}

.sort-filter {
	width:202px;
	margin-right:50px;
}

.show-filter {
	width:133px;
}

.view-btn-group {
	margin-right:50px;
	font-size:0;
}

.btn-view {
	width:34px;
	text-indent:-9999px;
	border:1px solid transparent;
	background-image: url('../images/sprites/sprite.png');
	background-repeat: no-repeat;
	background-color: transparent;
}

.btn-view:hover,
.btn-view:active,
.btn-view:focus {
	background-color: transparent;
	border-color:transparent;
}

.btn-view.btn-view-grid {
	background-position: -203px -429px;
}

.btn-view.btn-view-list {
	margin-left:25px;
	background-position: -235px -429px;
}

.btn-view.active {
	background-image: url('../images/sprites/sprite.png');
	box-shadow:none;
	-webkit-box-shadow:none;
	border:1px solid #d7d5cb;
}

.category-grid .row {
	margin-left:-12.5px;
	margin-right:-12.5px;
}

.category-grid .col-sm-4,
.category-grid .col-md-4 {
	padding:0 12.5px;
}

.category-grid .product {
	margin-bottom:7px;
}

.category-grid .row.last .product {
	margin-bottom:0;
}


.category-list .product  {
	margin-bottom:60px;
	position: relative;
}

.category-list .product .product-top {
	width:220px;
	margin-right:25px;
	float:left;
}

.product-list-content .product-name {
	text-align: left;
	font-size:20px;
	margin:8px 0 14px;
}

.product-list-content p {
	font-size:14px;
	line-height: 23px;
}

.product-list-meta  {
	margin-top:8px;
}

.product-list-meta .product-price-container,
.product-list-meta .ratings-container {
	text-align: right;
}

 .product-list-meta .product-price-container{
 	margin-bottom:13px;
 }

.product-list-meta .ratings-container  {
	margin-bottom:17px;
}

.product-list-meta .ratings-container .ratings-amount {
	display:block;
	color:#a7a091;
}

.product-list-meta .product-price,
.product-list-meta .product-old-price {
	font-size:18px;
}

.product-list-meta .product-action-container .btn {
	padding:7px 15px;
}

.product-list-action-wrapper {
	text-align: right;
}

.product-list-action-wrapper .product-btn {
	width:40px;
	height:36px;
	text-indent: 9999px;
}

.product-list-action-wrapper .product-btn.product-favorite {
	background-position: -250px -461px;
}

.product-list-action-wrapper .product-btn.product-favorite:hover,
.product-list-action-wrapper .product-btn.product-favorite:active {
	background-position: -250px -495px;
}

.product-list-action-wrapper .product-btn.product-compare {
	background-position: -288px -461px;
}

.product-list-action-wrapper .product-btn.product-compare:hover,
.product-list-action-wrapper .product-btn.product-compare:active {
	background-position: -288px -495px;
}

.product-list-action-wrapper .product-btn.product-whislist {
	background-position: -326px -461px;
}

.product-list-action-wrapper .product-btn.product-whislist:hover,
.product-list-action-wrapper .product-btn.product-whislist:active {
	background-position: -326px -495px;
}



/* category sidebar*/
.sidebar-banner {
	position: relative;
	text-align: center;
}

.sidebar-banner-content {
	position:absolute;
	left:0;
	top:0;
	height:100%;
}

.sidebar-banner-content h5 > span{
	display:block;
	font:18px/50px '微軟正黑體', '微軟正黑體 Light', sans-serif;
	margin-bottom: 3px;
}

.sidebar-banner-content h5 {
	color:#696459;
	font:35px/1 'judsonbold', Verdana;
	 
	margin-bottom:14px;
}

.widget .product-image-container {
	float:left;
	width:80px;
	margin-right:20px;
}

.widget .product-group .product {
	margin-bottom:30px;
}

.widget .product-group .product:last-child {
	margin-bottom:20px;
}

.widget .product-name {
	font-size:15px;
	line-height: 20px;
	text-align: left;
	margin-bottom: 7px;
}

.widget .product-price-container {
	text-align: left;
}

.widget .product-content {
	margin-left:100px;
}

.widget .ratings-container {
	margin-bottom:5px;
}

.widget .accordion-title {
	font-size:23px;
	line-height: 40px;
	color:#908876;
	padding:0;
	 
}

.widget .accordion-title:after,
.widget .accordion-title .accordion-btn:after {
	display:none;
}

.widget .accordion-title .accordion-btn {
	width:27px;
	height:27px;
	margin-top:-17px;
	background-color: transparent;
	background-position: -203px -461px;
}

.widget .accordion-title .accordion-btn.open {
	background-position: -203px -570px;
}

.widget .accordion-title .accordion-btn:hover,
.widget .accordion-title .accordion-btn:focus {
	background-color:#e61446;
	border:none;
	background-position: -203px -496px;
}

.widget .accordion-title .accordion-btn.open:hover,
.widget .accordion-title .accordion-btn.open:focus {
	background-position: -203px -533px;
}

.widget .accordion-body .accordion-body-wrapper {
	padding:18px 0 46px;
}

.widget .panel:last-child .accordion-body .accordion-body-wrapper {
	padding-bottom:10px;
}

.filter-color-container,
.filter-size-container  {
	font-size:0;
}

.filter-color-container .row,
.filter-size-container .row {
	margin-left:-6px;
	margin-right:-6px;
}

.filter-color-box,
.filter-size-box {
	display: inline-block;
	width:35px;
	height:35px;
	border:1px solid #d7d5cb;
	margin: 0 6px 12px;
}

.filter-color-box {
	box-shadow: inset 0 0 0 1px #fff;
	-webkit-box-shadow: inset 0 0 0 1px #fff;
}

.filter-color-box:hover,
.filter-color-box:focus {
	box-shadow: inset 0 0 0 2px #fff;
	-webkit-box-shadow: inset 0 0 0 2px #fff;
}

.dark .product-single-meta .filter-color-box  {
	box-shadow: none;
	-webkit-box-shadow:none;
}

.dark .product-single-meta .filter-color-box:hover,
.dark .product-single-meta .filter-color-box:focus {
	box-shadow: inset 0 0 0 1px #fff;
	-webkit-box-shadow: inset 0 0 0 1px #fff;
}

.filter-size-box {
	color:#a39d94;
	font-size:16px;
	line-height:33px;
	text-align: center;
	 
}

.filter-size-box.active {
	background-color: #fff;
	cursor: default;
}

.filter-size-box.active:hover,
.filter-size-box.active:focus {
	background-color: #fff;
	border-color: #d7d5cb;
	color:#a39d94;
}

.filter-size-box:hover,
.filter-size-box:focus {
	background-color: #cbc6b5;
	border-color:#cbc6b5;
	color:#fff;
}


/* noUiSlider Styles */
noUi-target,
.noUi-target * {
-webkit-touch-callout: none;
-webkit-user-select: none;
-ms-touch-action: none;
-ms-user-select: none;
-moz-user-select: none;
-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.noUi-base {
	width: 100%;
	height: 100%;
	position: relative;
}

.noUi-origin {
	position: absolute;
	right: 0;
	top: 0;
	left: 0;
	bottom: 0;
}

.noUi-handle {
	position: relative;
	z-index: 1;
}

.noUi-stacking .noUi-handle {
/* This class is applied to the lower origin when
   its values is > 50%. */
	z-index: 10;
}

.noUi-stacking + .noUi-origin {
/* Fix stacking order in IE7, which incorrectly
   creates a new context for the origins. */
	*z-index: -1;
}

.noUi-state-tap .noUi-origin {
-webkit-transition: left 0.3s, top 0.3s;
	transition: left 0.3s, top 0.3s;
}

.noUi-state-drag * {
	cursor: inherit !important;
}

/* Slider size and handle placement;
 */
.noUi-horizontal {
	height: 2px;
}

.noUi-horizontal .noUi-handle {
	width:13px;
	height:13px;
	left: 0;
	top: -6.5px;
}

.noUi-horizontal.noUi-extended {
	padding: 0 15px;
}

.noUi-horizontal.noUi-extended .noUi-origin  {
	right: -15px;
}

/* Styling */
.noUi-background {
	background: #d7d2c1;
}

.noUi-connect {
	background: #e61446;
	-webkit-transition: background 450ms;
	-moz-transition: background 450ms;
	-o-transition: background 450ms;
	-ms-transition: background 450ms;
	transition: background 450ms;
}

.noUi-origin {
	border-radius: 3px;
}

.noUi-target {
	border-radius: 2px;
}

.noUi-target.noUi-connect {
	box-shadow: inset 0 0 3px rgba(51,51,51,0.45), 0 3px 6px -5px #BBB;
}

/* Handles and cursors;*/
.noUi-dragable {
	cursor: w-resize;
}

.noUi-handle {
	border-radius: 50%;
	background: #e61446;
	cursor: default;
}

/* Blocked state */
.noUi-state-blocked.noUi-connect,
.noUi-state-blocked .noUi-connect {
	background: #4FDACF;
}

#price-range {
	margin-top:5px;
}

#filter-range-details {
	margin-top:20px;
}

.filter-price .row {
	margin-left:-10px;
	margin-right:-10px;
}

.filter-price .col-xs-6 {
	padding:0 10px;
}

.filter-price-label {
	color:#a39d94;
	font-size:16px;
	margin-bottom:5px;
}

#filter-range-details .form-control {
	border-color:#d7d5cb;
	font-size:18px;
	font-family: 'open_sansregular', sans-serif;
	color:#a39d94;
	height:35px;
	margin-bottom: 20px;
	padding:7px 10px 7px 20px;
}

/* fix for display:inline-block auto margin for child elements*/
.filter-price-action {
	font-size:0;
}

.filter-price-action .btn {
	margin-right:20px;
}

/* =============================================
------------------- 10.Blog.html -----------------
==============================================*/

.article {
	padding-left:100px;
	position:relative;
	margin-bottom:80px;
}

.article.last {
	margin-bottom:0;
}

.article-media-container {
	margin-bottom:25px;
	background: #cccccc;
}

.article h2 {
	font-size:28px;
	line-height:24px;
	margin-bottom: 11px;
}

.article h2,
.article h2 a {
	color:#857e70;
}

.article h2 a:hover {
	color:#337ab7;
}

.article-meta-box {
	position: absolute;
	left:0;
	top:0;
	width:90px;
	height:70px;
	border:1px solid #e6e0d1;
	text-align: center;
	padding:10px;
	font-size:12px;
	line-height:20px;
	color:#9e9b90;
	 
}

.article-meta-box a {
	color:#9e9b90;
}

.article-meta-box a:hover {
	color:#857e70;
}
.newtop{
	margin-top:26px;}
.meta-box-text {
	display:block;
	margin-top:-4px;
}
.pabot{
	padding-bottom:15px;}
.article-meta-box.article-meta-comments {
	top:71px;
} 

.article-icon {
	display:inline-block;
	width:27px;
	height:28px;
	background-image: url('../images/sprites/sprite.png');
	background-repeat: no-repeat;
}

.article-icon.article-date-icon {
	background-position: -201px -112px;
}

.article-icon.article-comment-icon {
	background-position: -228px -112px;
}

.article-meta-container {
	margin-top:24px;
	font-family: '微軟正黑體', '微軟正黑體 Light', sans-serif;
}
.line{
	border-bottom:1px solid #e0dfd4;
	margin-top:35px;}
.line1{
	border-bottom:1px solid #e0dfd4;
	padding-bottom:20px;
	}
.imbo1{
	margin-bottom:15px;}
.readmore {
	display: inline-block;
	 
	font:14px/20px 'open_sansregular', sans-serif;
	font-size:14px;
	color:#6d6b64;
	border:1px solid #cbc6b5;
	border-radius:3px;
	padding:7px 25px;
	transition:color 0s;
	-webkit-transition:color 0s;
	-moz-transition:color 0s;
	-ms-transition:color 0s;
	-o-transition:color 0s;
	letter-spacing:0.5px;
}

.readmore:hover,
.readmore:focus,
.readmore:active {
	background: rgba(60, 118, 61, 0.45);
	border-color: rgba(60, 118, 61, 0.45);
	color:#fefefe;
}


.article-meta-wrapper {
	float:right;
	line-height:36px;
	text-align:right;
}

.article-meta,
.article-meta a {
	color:#9d9787;
}

.article-meta a:hover {
	color:#857e70;
}

.article-meta:after {
	content:'/';
	padding:0 11px;
}

.article-meta:last-child:after {
	content:'';
	padding:0;
}

/* Sidebar */

.sidebar.margin-top-up {
	margin-top:-10px;
}

.sidebar h3 {
	color:#908876;
	font-size:23px;
	line-height: 40px;
	text-transform:uppercase;
	margin-bottom:19px;
}

.sidebar .widget {
	margin-bottom:60px;
	position: relative;
}

#category-widget {
	font-family: '微軟正黑體', '微軟正黑體 Light', sans-serif;
	 
	padding-bottom: 10px;
}

#category-widget a {
	display:block;
	font-size:15px;
	line-height: 30px;
	padding:4px 10px;
}

#category-widget a:hover {
	color:#337ab7;
}

#category-widget > li > a {
	color:#6d6b64;
	position: relative;
	border-top:1px solid #e6dfd1;
	font-weight:600;
	font-family:微軟正黑體;
}

#category-widget > li:last-child {
	border-bottom:1px solid #e6dfd1;
}

#category-widget li li {
	padding-left:11px;
}

#category-widget li li:first-child {
	border-top:1px solid #e6dfd1;
}

#category-widget li li:last-child,
#category-widget li li:last-child a {
	border-bottom:none;
}

#category-widget li li a {
	color:#777;
	padding:4.5px 10px;
	border-bottom:1px solid #efe7d9;
}

#category-widget li ul {
	display:none;
}

#category-widget li.open ul {
	display:block;
}

.category-widget-btn {
	display:block;
	width:23px;
	height:23px;
	background-color: rgba(203, 198, 178, 0.72);
	background-image: url('../images/sprites/sprite.png');
	background-repeat: no-repeat;
	background-position: -364px -76px;
	position: absolute;
	right:10px;
	top:8px;
	transition: all 0.4s;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-o-transition: all 0.4s;
}

.category-widget-btn:hover {
	background-color: rgba(60, 118, 61, 0.45);
}

.open .category-widget-btn {
	background-position: -387px -76px;
	background-color: rgba(60, 118, 61, 0.45);
}

.tagcloud {
	font-size:0;
	line-height:0;
}

.tagcloud a {
	display:inline-block;
	font:15px/20px 'judsonregular', Verdana;
	color:#9f9b8c;
	padding:4.5px 10px 1.5px;
	border:1px solid #d7d2c0;
	margin:0 13px 13px 0;
	transition:color 0s;
	-webkit-transition:color 0s;
	-moz-transition:color 0s;
	-ms-transition:color 0s;
	-o-transition:color 0s;
}

.tagcloud a:hover {
	background: #d7d2c0;
	color:#fff;
}

.flickr-widget li {
    display:block;
    float:left;
    margin:0 6px 6px 0;
    padding:0;
    width:83px;
    height:83px;
    overflow:hidden;
}

.flickr-widget li:nth-child(3n) {
	margin-right:0;
}

.flickr-widget li a {
    display:block;
    position:relative;
    width:100%;
    height:100%;
}

.flickr-widget li a img {
	width: 100%;
}


/* Siderbar slider/carousel buttons*/
.sidebar .owl-theme .owl-controls .owl-buttons {
	position: absolute;
	top:4px;
	right:0;
	width:59px;
	height:27px;
	z-index:99;
}

.sidebar .owl-theme .owl-controls .owl-buttons div {
	display:inline-block;
	width:27px;
	height:27px;
	padding: 0;
	background-color: transparent;
	background-image: url('../images/sprites/sprite.png');
	background-repeat: no-repeat;
	text-indent:9999px;
	border:1px solid #aea995;
	border-radius:0;
	margin:0;
}

.sidebar .owl-theme .owl-controls .owl-buttons div.owl-next {
	margin-left:5px;
}

/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.sidebar .owl-theme .owl-controls.clickable .owl-buttons div:hover,
.sidebar .owl-theme .owl-controls.clickable .owl-buttons div:focus {
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
	background-color:#e61446;
	border:none;
}

.sidebar .owl-theme .owl-controls .owl-buttons div.owl-prev {
	background-position: -180px -1310px;
}

.sidebar .owl-theme .owl-controls .owl-buttons div.owl-next {
	background-position: -216px -1337px;
}

.sidebar .owl-theme .owl-controls .owl-buttons div.owl-prev:hover,
.sidebar .owl-theme .owl-controls .owl-buttons div.owl-prev:focus {
	background-position: -214px -1310px;
}

.sidebar .owl-theme .owl-controls .owl-buttons div.owl-next:hover,
.sidebar .owl-theme .owl-controls .owl-buttons div.owl-next:focus {
	background-position: -180px -1337px;
}

.sidebar .owl-carousel .article {
	margin-left:0;
	margin-right:0;
}

.latest-posts-slider .article {
	padding-left:0;
	margin-bottom:50px;
}

.latest-posts-slider .article:last-child {
	margin-bottom:10px;
}

.latest-posts-slider .article-media-container {
	margin-bottom: 18px;
}

.latest-posts-slider  .article-meta-box {
	background: #fbfaf4;
	left:10px;
	top:10px;
	width:60px;
	height:52px;
	padding:5px;
	font-size:11px;
}

.latest-posts-slider .article-icon {
	width:20px;
	height:21px;
}

.latest-posts-slider .meta-box-text {
	margin-top:-4px;
}

.latest-posts-slider .article-icon.article-date-icon {
	background-position: -199px -168px;
}

.latest-posts-slider .article h4 {
	font-size:20px;
	line-height: 23px;
	margin-bottom: 2px;
}

.latest-posts-slider .article h4 a {
	color:#857e70;
}

.latest-posts-slider .article h4 a:hover {
	color:#9b968b;
}

.latest-posts-slider p {
	margin-bottom: 15px;
	font-size:13px;
	line-height: 1.5;
}

.latest-posts-slider .readmore {
	font-size:12px;
	padding:4px 13px;
}

.comments-slider .comment {
	margin-bottom:48px;
}

.comments-slider .comment:last-child {
	margin-bottom:0;
}

.comments-slider .comment-media-container {
	float:left;
	margin-right:20px;
}

.comments-slider .comment-meta {
	padding-left:90px;
	position: static;
}

.comments-slider  h4 {
	font-size:20px;
	line-height: 23px;
	margin-bottom: 2px;
	font-style: italic;
}

.comments-slider  h4 a {
	color:#9d9689;
}

.comments-slider  h4 a:hover {
	color:#857e70;
}

.comments-slider .comment-date {
	display:block;
	color:#b9b1a2;
	font-size:12px;
	margin-bottom: 3px;
}

.comments-slider .comment p {
	font-size:13px;
	line-height: 20px;
	margin-bottom: 7px;
}

.popular-posts-slider .article {
	margin-bottom:30px;
	min-height:70px;
	padding-left:100px;
}

.popular-posts-slider .article:last-child {
	margin-bottom:0;
}

.popular-posts-slider .article h4 {
	font-size:18px;
	line-height: 23px;
}

.popular-posts-slider .article h4 a {
	color:#857e70;
}

.popular-posts-slider .article h4 a:hover {
	color:#9b968b;
}

.popular-posts-slider .article-meta-box {
	left:0;
	top:0;
	width:80px;
	height:70px;
	padding:10px;
}


/* =============================================
------------------- 11.Single.html ----------------
==============================================*/

.article-meta-list  li  > span {
	color:#837d6e;
	margin-right: 9px;
}

.article-meta-list  li,
.article-meta-list  li a {
	color:#9d9787;
}

.article-meta-container .social-links  {
	margin-top:6px;
}

.article-meta-list  li a:hover,
.author a:hover {
	color:#837d6e;
}

.author {
	margin-bottom:92px;
}

.author a {
	color:#9d9689;
}

.author h3 {
	font:25px/21px 'judsonitalic', sans-serif;
	margin-bottom:9px;
}

.author p {
	font-size:15px;
	margin-bottom: 14px;
}

.author figure {
	background: #bdbdbd;
	margin-right:30px;
	max-width:160px;
}

.author-meta {
	margin-left:190px;
}

.related-posts-carousel  {
	margin-bottom:92px;
}

.related-posts-carousel .article {
	margin:0 15px;
	padding:0;
}

.related-posts-carousel .article-media-container {
	margin-bottom:21px;
}

.related-posts-carousel .article-meta-box {
	background: #fbfaf4;
	left:10px;
	top:10px;
	width:60px;
	height:52px;
	padding:5px;
	font-size:11px;
}

.related-posts-carousel .article-icon {
	width:20px;
	height:21px;
}

.related-posts-carousel .article-icon.article-date-icon {
	background-position: -199px -168px;
}

.related-posts-carousel h4 {
	font-size:20px;
	margin-bottom:3px;
}

.related-posts-carousel h4 a {
	color:#857e70;
}

.related-posts-carousel h4 a:hover {
	color:#9b968b;
}

.related-posts-carousel .article p {
	font-size:13px;
	margin-bottom: 15px;
}

.related-posts-carousel .readmore {
	font-size:12px;
	padding:4px 13px;
}

.comments-area h3 {
	font:27px/38px 'open_sanslight',  Verdana, sans-serif;
	color:#847e71;
	 
	margin-bottom:27px;
}

.comment {
	margin-bottom: 85px;
}

.comment figure {
	float:left;
	max-width:101px;
	border:1px solid #e6e0d1;
	margin-right:29px;
}

.comment-content {
	margin-left:130px;
	position: relative;
}

.comment h5 {
	font:25px/1 'judsonitalic', Verdana, sans-serif;
	margin-bottom: 7px;
}

.comment h5,
.comment h5 a {
	color:#9b968b;
}

.comment h5 a:hover {
	color:#857e70;
}

.comment p {
	font-size:15px;
	margin-bottom: 0;
}

.comment-meta {
	position: absolute;
	top:0;
	right:0;
}

.comment-meta,
.comment-meta a {
	color:#b9b1a2;
}

.comment-meta a:hover {
	color:#9b968b;
}

.comment-meta .separator {
	margin:0 13px;
}

.comments ul {
	padding-left:50px;
}

.comments ul ul {
	padding-left:100px;
}


#comment-form textarea {
	height:162px;
	padding:14px;
}

/* =============================================
----------------- 13.Cart.html ------------------
==============================================*/

.table {
	border:1px solid #e7e2d1;
	margin-bottom:0;
	color:#9e988a;
}

.table img {
	display:inline-block;
	max-width:100%;
	height:auto;
}

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
	padding: 25px;
	line-height: 1.5;
	border-top: none;
	text-align:center;
}


.table-responsive>.table>thead>tr>th, 
.table-responsive>.table>tbody>tr>th, 
.table-responsive>.table>tfoot>tr>th, 
.table-responsive>.table>thead>tr>td,
.table-responsive>.table>tbody>tr>td, 
.table-responsive>.table>tfoot>tr>td {
	white-space:normal;
 }
 
.cart-table thead tr th {
	padding:17px 25px;
	border-color:transparent;
	border-bottom:none;
	background:#e7e2d1;
}

.table .table-title {
	font:16px/20px 'open_sansregular', sans-serif;
	color:#a19988;
	text-transform:uppercase;
}

.cart-table  > thead > tr > th:last-child {
	border-right:transparent;
}

.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
	border-top: 1px solid #e7e2d1 !important;
}

.table figure a {
	display:block;
}

.cart-table .product-name-col  {
	width:500px;
}

.cart-table .product-name-col figure {
	max-width:170px;
	float:left;
	margin-right:25px;
	border:1px solid #e6dfd1;
}

.cart-table .product-name-col ul li {
	padding:1px 0;
}

.cart-table .product-code {
	padding-top:30px;
}

.table .product-name {
	font-size:18px;
	line-height:25px;
	text-align:left;
	margin:5px 0 8px;
}

.table .product-price-special {
	font-size:18px;
	font-family:'微軟正黑體', '微軟正黑體 Light', sans-serif, sans-serif;
	display:inline-block;
	margin-top:2px;
}

.table .product-total-col .product-price-special {
	color: #e61446;
}

.cart-table .product-name-col ul {
	text-align:left;
}

.cart-table .item-name-col ul li{
	display:block;
}


.table .custom-quantity-input {
	width:70px;
	height:34px;
	margin:0 auto;
}

.table .custom-quantity-input input {
	height:100%;
	width:100%;
	font-size:15px;
	background: transparent;
	color:#9e988a;
	border:1px solid #cbc6b5;
	text-align: center;
}
.table .custom-quantity-input .quantity-btn {
	width:22px;
	height:22px;
	line-height:22px;
}

.compare-product-table .close-button {
	margin-left:0;
}

.close-button {
	display:inline-block;
	width:18px;
	height:18px;
	background-image: url('../images/sprites/sprite.png');
	background-repeat: no-repeat;
	background-position: -334px -189px;
	-webkit-transition:background-color 0.3s ease-in-out;
	-moz-transition:background-color 0.3s ease-in-out;
	-o-transition:background-color 0.3s ease-in-out;
	-ms-transition:background-color 0.3s ease-in-out;
	transition:background-color 0.3s ease-in-out;
	vertical-align: top;
}

.close-button:hover {
	background-color:#e61446;
	background-position: -334px -207px;
	border-color:#e61446;
}

.close-button.disabled:hover {
	background-position: -334px -189px;
	background-color: transparent;
}

.cart-table .close-button {
	margin-top:7px;
}

.total-table {
	font:15px/18px "open_sansregular", sans-serif;
	color:#9e988a;
	text-transform:uppercase;
}

.total-table > tbody > tr > td,
.total-table > tbody > tr:first-child > td,
.total-table > tbody > tr:last-child > td  {
	padding:16px 29px;
	line-height:21px;
}

.total-table > tbody > tr > td,
.total-table > tfoot > tr > td {
	border-right:1px solid #e7e2d1;
}

.total-table > tfoot > tr > td {
	padding: 19.5px;
	font-size:15px;
	line-height:21px;
	background:#f8f4ee;
	color:#858073;
}

.total-table > tfoot > tr > td:last-child {
	color:#e61446;
}

.ship-desc {
	font-size:16px;
	line-height:20px;
	color:#ada99c;
	margin-bottom:20px;
}

.ship-row {
	margin-bottom: 15px;
}

.ship-row:last-child {
	margin-bottom: 5px;
}

.ship-label {
	line-height: 34px;
}

.ship-label  > i {
	color:#e61446;
}

.ship-post {
	padding-right:20px;
}

.ship-row,
.ship-row input {
	color:#b8b4a8;
	border-color:#d7d5cb;
}

.ship-row .form-control {
	margin-bottom: 0;
}

/* =============================================
-------- 14.Compare-Products.html ------------
==============================================*/


.table.compare-table > thead > tr > th, 
.table.compare-table > tbody > tr > th, 
.table.compare-table > tfoot > tr > th, 
.table.compare-table > thead > tr > td, 
.table.compare-table > tbody > tr > td, 
.table.compare-table > tfoot > tr > td {
	padding:10px;
	line-height:20px;
	font-size:13px;
	vertical-align: middle;
	border-bottom: none;
}

.table.compare-table > tbody > tr.product-row > td {
	padding:20px;
	vertical-align: top;
}

.table.compare-table > tbody > tr.action-row > td {
	padding:30px;
}

.table.compare-table > tbody > tr.summary-row > td {
	padding:14px 30px;
}

.compare-table  > thead > tr:first-child > td,
.compare-table  > tbody > tr:first-child > td {
	border-top-color:#e7e2d1 !important;
}

.compare-table  > thead > tr > td:last-child,
.compare-table  > tbody > tr > td:last-child,
.compare-table > tfoot > tr > td:last-child {
	border-right-color:#e7e2d1 !important;
}
.compare-table  > thead > tr > td,
.compare-table  > tbody > tr > td,
.compare-table > tfoot > tr > td {
	border-top-color:#e7e2d1;
	border:1px solid #e7e2d1;
}

.compare-table .table-title {
	width:230px;
	text-align: left;
	border-right:none;
	background:#e7e2d1;
	font-size:15px !important;
	line-height: 19px !important;
	padding:15px 10px 15px 30px !important;
	vertical-align: top !important;
}

.compare-table .product-row .table-title,
.compare-table .summary-row .table-title {
	padding:16px 10px 16px 30px !important;
}

.compare-table  figure {
	max-width:170px;
	margin:0 auto;
}

.compare-table  figure img {
	border:1px solid #e6dfd1;
}

.compare-table .product-name {
	text-align:center;
	font-size:16px;
	line-height:22px;
	margin:24px 0 6px;
	padding:0 15px;
} 

.compare-table .product-price-special {
	color:#e61446;
	font-size:16px;
	line-height: 17px;
}

.compare-table .brand-row {
	 
}

.compare-table .ratings {
	vertical-align: middle;
}

.compare-table .btn {
	padding:7px 17px;
}

.compare-table .btn-custom-2 {
	font-size:13px;
	line-height:1.5;
	color:#e8e8e8 !important;
}


/* =============================================
------------------- 15.Checkout.html --------------
==============================================*/


.help-block {
  display: block;
  margin-top: 0;
  margin-bottom: 0;
  font-size:13px;
}

.help-block a {
	color:#e61446;
}

.help-block a:hover {
	text-decoration:underline;
}

h2.accordion-title {
	font-size:33px;
}

.subtitle {
	font:22px/1 '微軟正黑體', '微軟正黑體 Light', sans-serif, sans-serif;
	color:#b3ada1;
	 
	margin-bottom: 15px;
}

.accordion .form-group,
.accordion .form-group .form-control {
	margin-bottom:25px;
}

.panel.darkerbg {
	background-color: #f3f1ea;
	padding:60px 0 45px;
	margin-bottom:35px;
}

.panel.darkerbg .accordion-title .accordion-btn:after,
.panel.darkerbg .accordion-title .accordion-btn,
.panel.darkerbg .accordion-title > span {
	background-color: #f3f1ea;
}

.panel.darkerbg .accordion-title .accordion-btn:hover,
.panel.darkerbg .accordion-title .accordion-btn:focus {
	background-color: #e61446;
}

.panel.darkerbg .accordion-title:after {
	background:#e3e3e3;
}

.checkout-table thead tr th {
	padding:17px 25px;
	border-color:transparent;
	border-bottom:none;
	background:#e7e2d1;
}

.checkout-table thead tr th:last-child {
	width:58px;
}

.checkout-table .checkout-table-title,
.checkout-table .checkout-table-price,
.checkout-table .checkout-total-title,
.checkout-table .checkout-total-price  {
	font:15px/20px "open_sansregular", sans-serif;
	color:#9e988a;
	text-transform:uppercase;
	padding:16px 15px;
}

.checkout-table .product-code {
	padding-top: 30px;
}

.checkout-table .checkout-table-title{
	text-align:right;
	border-right:1px solid #e7e2d1;
}

.checkout-table .checkout-total-title,
.checkout-table .checkout-total-price {
	padding-top:19px;
	padding-bottom:19px;
	color:#858073;
}

.checkout-table .checkout-table-title,
.checkout-table .checkout-total-title {
	text-align: right;
}

.checkout-table .checkout-table-title > span,
.checkout-table .checkout-total-title > span {
	display:inline-block;
	width:200px;
	text-align: left;
}


.checkout-table .checkout-total-title {
	text-align:right;
	border-right:1px solid #e7e2d1;
	font-size:15px;
	line-height:22px;
	color:#666;
}

.checkout-table .checkout-total-price {
	font-size:15px;
	color:#e82c0c;
	line-height:22px;
	width:250px;
}

.checkout-table .product-name-col  {
	width:500px;
}

.checkout-table .product-name-col figure {
	width:170px;
	float:left;
	margin-right:25px;
	border:1px solid #e6dfd1;
}

.checkout-table .product-name-col ul {
	text-align:left;
}

.checkout-table .product-name-col ul li{
	display:block;
}

.checkout-table tfoot tr {
	background:#f8f4ee;
}

.accordion-body .checkout-table ul {
	padding-left:0;
}



/* =============================================
---------------- 16.contact.html ---------------
==============================================*/

/* give right side larger padding*/
.padding-right-md {
	padding-right:25px;
}
/* give left side larger padding*/
.padding-left-md {
	padding-left:25px;
}

.padding-right-lg {
	padding-right:35px;
}
/* give left side larger padding*/
.padding-left-lg {
	padding-left:35px;
}

/* give both side larger padding*/
.padding-both-lg {
	padding:0 35px;
}

/* give right side xlarge padding*/
.padding-right-xlg {
	padding-right:50px;
}

.padding-right-lger {
	padding-right:40px;
}


#map {
	height:700px;
	margin-bottom:40px;
}

#map img {
	max-width:none;
}

.map-info-box {
	padding:8px;
	min-height:90px;
}

.map-info-box h4 {
	font-size:18px;
	margin-bottom:10px;
}

.map-info-box p {
	margin-bottom:5px;
}

.contact-container {
	padding-top:8px;
}

.contact-container h2 {
	color:#b3ada1;
}

.contact-box h3 {
	font:16px/25px '微軟正黑體', '微軟正黑體 Light', sans-serif, sans-serif;
	color:#989686;
	margin-bottom: 10px;
	 
}

.contact-box {
	margin-bottom:30px;
	color:#a8a292;
}

.contact-box p:last-child {
	margin-bottom: 0;
}

.contact-list li,
.contact-address {
	font-size:14px;
	line-height:28px;
}

.contact-address {
	line-height:29px;
}

.contact-list li > span {
	color:#b6b4a2;
	text-decoration: underline;
	margin-right:6px;
	font-size:15px;
	line-height:28px;
}


/* =============================================
-------------- 17.contact-two.html ------------
==============================================*/

textarea.min-height-lg {
	height:178px;
}

.contact-box-lg h3 {
	font-size:23px;
	color:#6d6b64;
	 
	margin-top:6px;
	font-family:微軟正黑體;
	font-weight:500;
}

.contact-box-lg .contact-list li {
	font-size:14px;
	line-height:36px;
	color:#777;
}


/* =============================================
--------------------- 18.Footer -----------------
==============================================*/

#footer {
	background-color:#efeee2;
	font-size:15px;
	line-height:23px;
	color:#9d9889;
	overflow: hidden;
}

#footer.footer2 {
	background-color: #edecdf;
}

#footer.footer4 {
	background-color: #898477;
	color:#edeae3;
}

#footer.footer6 {
	color:#7c7a75;
}

#footer a {
	color:#7e786b;
}

#footer a:hover {
	color:#058144;
}

#footer.footer4 a {
	color:#edeae3;
}

#footer.footer4 a:hover {
	color:#fff;
}

#footer.footer5 a:hover {
	color:#e61446;
}

#footer.footer6 a {
	color:#c7c4bc;
}

#footer.footer6 a:hover {
	color:#fff;
}

#footer-top-map {
	width:100%;
	height:550px;
}

#footer-top-small-map {
	width:100%;
	height:100px;
	border:1px solid #dad7cb;
	margin-bottom:13px;
}

#footer.footer4 #footer-top {
	background-color: #f3f3f0;
	padding:65px 0 29px;
}

#footer.footer5 #footer-top {
	background-color: #fbfaf4;
	border-top:1px solid #ecebe1;
	padding:68px 0 0;
}

#footer.footer6 #footer-top {
	background-color: #f0efe8;
	padding:77px 0 0;
}

#footer .product-group .product:last-child,
#footer .product-group .product:last-child {
	margin-bottom: 0;
}

#footer-top .owl-theme .owl-controls .owl-buttons {
	position: absolute;
	top:-4px;
	right:35px;
	width:72px;
	height:32px;
	z-index:99;
}

#footer-top .owl-theme .owl-controls .owl-buttons div {
	width:31px;
	height:31px;
}

#footer-top .owl-theme .owl-controls .owl-buttons div.owl-prev {
	background-position: 0 -1075px;
}

#footer-top .owl-theme .owl-controls .owl-buttons div.owl-next {
	background-position: -41px -1106px;
}

#footer-top .owl-theme .owl-controls .owl-buttons div.owl-prev:hover,
#footer-top .owl-theme .owl-controls .owl-buttons div.owl-prev:focus {
	background-position: -39px -1075px;
}

#footer-top .owl-theme .owl-controls .owl-buttons div.owl-next:hover,
#footer-top .owl-theme .owl-controls .owl-buttons div.owl-next:focus {
	background-position: 0 -1106px;
}

#footer-top .product-name a {
	color:#7d786e;
}

#footer-top .product-name a:hover {
	color:#e61446;
}

#footer .twitter-top-widget .tweet_top {
	margin-bottom:15px;
}

#footer .twitter-top-widget .tweet_avatar {
	margin-right:20px;
}

#footer .twitter-top-widget .tweet_user {
	font-size:13px;
	color:#9c9b8d !important;
}

#footer .twitter-top-widget .tweet_list li {
	margin-bottom:40px;
}

#footer .twitter-top-widget .tweet_list li:last-child {
	margin-bottom:0;
}

#footer .twitter-top-widget .tweet_list a {
	color:#058144;
}

#footer .twitter-top-widget .tweet_list a:hover {
	color:#e61446;
}

#footer .twitter-top-widget .tweet_time {
	display:block;
	margin-top:9px;
	font-size:13px;
}

#footer #footer-top .form-group,
#footer #footer-top .form-group .form-control {
	margin-bottom:10px;
}

#footer.footer5 #footer-top .btn {
	padding:7px 15px;
}

#footer .twitter-top-widget .tweet_time a {
	color:#bcb6a5;
}

#footer #footer-top .form-control.input-lg {
	font-size:14px;
	height:40px;
	padding:11px 15px;
}

#footer.footer6 #footer-top .form-control {
	background-color: #f0efe8;
	border-color:#dad7cb;
	color:#a8a695;
}

#footer #footer-top textarea.form-control.min-height-sm {
	height:90px;
}

#footer #footer-top .form-control:-moz-placeholder {
	font-family: '微軟正黑體', '微軟正黑體 Light', sans-serif;
}

#footer #footer-top .form-control::-moz-placeholder {
	font-family: '微軟正黑體', '微軟正黑體 Light', sans-serif;
}

#footer #footer-top .form-control:-ms-input-placeholder {
	font-family: '微軟正黑體', '微軟正黑體 Light', sans-serif;
}

#footer #footer-top .form-control::-webkit-input-placeholder {
	font-family: '微軟正黑體', '微軟正黑體 Light', sans-serif;
}

#footer #footer-top textarea.form-control.input-lg {
	padding:10px 15px;
}

#footer #footer-wrapper {
	background-image: url('../images/footerbg.jpg');
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center center;
}

#footer #footer-inner {
	padding:95px 0 33px;
	position: relative;
}

#footer.footer2 #footer-inner {
	padding:95px 0 17px;
}

#footer.footer3 #footer-inner {
	padding:15px 0 5px;
	background-color:#fbfaf4;
}

#footer.footer4 #footer-inner,
#footer.footer5 #footer-inner,
#footer.footer6 #footer-inner {
	padding:68px 0 0;
}


#footer-inner #scroll-top {
	border-color:transparent;
	border-bottom:none;
	position: absolute;
	background-position: 0 -222px;
	top:-46px;
	right:80px;
}

#footer-inner #scroll-top:hover {
	background-color: #e61446;
	border:none;
	background-position: 0 -273px;
}

#footer .widget {
	margin-top:15px;
	margin-bottom:35px;
	position: relative;
}

#footer.footer4 .widget {
	margin-bottom:53px;
}

#footer.footer5 .widget,
#footer.footer6 .widget  {
	margin-bottom:57px;
}

#footer.footer4 .widget.facebook-widget {
	margin-bottom:25px;
}

#footer.footer5 .widget.facebook-widget,
#footer.footer6 .widget.facebook-widget {
	margin-bottom:33px;
}

#footer h4 {
	font:23px/1 'source_code_proregular', Arial, sans-serif;
	color:#888779;
	 
	margin-bottom:23px;
}

#footer.footer4 h4,
#footer.footer5 h4,
#footer.footer6 h4  {
	color:#fff;
	font:18px/1 'open_sansregular', Arial, sans-serif;
	margin-bottom: 20px;
}

#footer.footer5 h4 {
	color:#888779;
}

#footer.footer4 #footer-top h4 {
	font:24px/1 'open_sanslight', Arial, sans-serif;
	margin-bottom: 45px;
	color:#847e71;
}

#footer.footer5 #footer-top h4,
#footer.footer6 #footer-top h4 {
	font:23px/1 'source_code_proregular', Arial, sans-serif;
	margin-bottom: 35px;
}

#footer.footer6 #footer-top h4 {
	color:#888779;
}

#footer .border-bottom {
	padding-bottom:20px;
	border-bottom:1px solid #e0dfd4;
	margin-bottom:18px;
}

.widget .links li {
	margin-bottom:1px;
	color:#7e786b;
}

.widget .links  a {
	display:block;
	line-height:35px;
}

#footer.footer4 .widget .links a,
#footer.footer5 .widget .links a,
#footer.footer6 .widget .links a {
	line-height:38px;
}

#footer .twitter-widget {
	padding-top:6px;
}

#footer .twitter-widget .tweet_list li {
	margin-bottom:27px;
}

#footer .twitter-widget .tweet_list li:last-child {
	margin-bottom:0;
}

#footer .twitter-widget .tweet_list a {
	color:#058144;
}

#footer .twitter-widget .tweet_list a:hover {
	color:#e61446;
}

#footer .twitter-widget .tweet_time {
	display:block;
	margin-top:9px;
	font-size:13px;
}

#footer .twitter-widget .tweet_time a {
	color:#a59f90;
}

.facebook-like-box {
	position: relative;
}

.facebook-users a {
	display:block;
	float:left;
	width:42px;
	margin-right:12px;
	margin-bottom:26px;
}

.facebook-users a:nth-child(4n) {
	margin-right:0;
}

.facebook-users img {
	display:block;
	width:100%;
	height:auto;
	margin-bottom: 12px;
}

.facebook-users span {
	display:block;
	text-align: center;
	font-size:12px;
	line-height: 1.5;
}

.facebook-users span .light {
	color:#fff;
}

.facebook-like-box p {
	font-size:15px;
	line-height:38px;
	margin-bottom:13px;
}

#footer.footer6 .facebook-like-box p {
	color:#edeae3;
}

.facebook-like-btn {
	position: absolute;
	top:-48px;
	right:0;
	border:1px solid #cdccbf;
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	padding:1px 11px;
	font:14px/20px '微軟正黑體', '微軟正黑體 Light', sans-serif;
	 
}

.facebook-like-btn:hover {
	color:#fff !important;
}

.facebook-like-btn span {
	vertical-align: middle;
}

.facebook-like-btn-icon {
	display:inline-block;
	width:14px;
	height:24px;
	background-image: url('../images/sprites/sprite.png');
	background-repeat: no-repeat;
	background-position: -14px -1032px;
	margin-top:-2px;
	margin-right: 7px;
}

.facebook-like-btn:hover .facebook-like-btn-icon,
.light.facebook-like-btn-icon {
	background-position: 0 -1032px;
}
.light.facebook-like-btn-icon {
	border-color:#fff;
}


.facebook-like-btn:hover,
.facebook-like-btn:active {
	background-color: #e61446;
	border-color:#e61446;
}

#footer-bottom {
	padding:20px 0;
	border-top:1px solid #deddd4;
	font:13px/18px '微軟正黑體', '微軟正黑體 Light', sans-serif;
}

#footer.footer4 #footer-bottom {
	border-top-color:#979389;
}

#footer.footer5 #footer-bottom {
	border-top-color:#dcdbd1;
}

#footer.footer6 #footer-bottom {
	border-top-color:rgba(255, 255, 255, 0.2);
}

#footer-bottom .copyright-text {
	float:left;
	font-size:13px;
	line-height:18px;
	margin:18px 0;
}

#footer-bottom .social-links {
	float:right;
}

#footer-bottom .social-links li {
	margin:10px 0 10px 10px;
}

/* fix for incline block margin */
.social-links {
	font-size:0;
	line-height:0;
}

.social-links li {
	display:inline-block;
	margin:0 5px;
	
}

.social-links li:first-child {
	margin-left:0;
}

.social-icon {
	border-radius: 50px;
	display:block;
	width:40px;
	height:40px;
	background-image: url(../images/sprites/sprite.png);
	background-color: transparent;
	background-repeat: no-repeat;
	border:1px solid #cdccbf;
	-webkit-transition:background-position 0.35s;
	-moz-transition:background-position 0.35s;
	-o-transition:background-position 0.35s;
	-ms-transition:background-position 0.35s;
	transition:background-position 0.35s;
}

.color3 .social-icon {
	border-color:#edeae3;
}

.small .social-icon  {
	width:35px;
	height:35px;
}

.social-links.light .social-icon {
	border-color:#fff;
}

.icon-facebook {
	background-position:0 0;
}

.icon-twitter {
	background-position:-38px 0;
}

.icon-rss {
	background-position:-76px 0;
}

.icon-delicious {
	background-position:-114px 0;
}

.icon-linkedin {
	background-position:-152px 0;
}

.icon-flickr {
	background-position:-190px 0;
}

.icon-skype {
	background-position:-228px 0;
}

.icon-email {
	background-position:-266px 0;
}

.icon-googleplus {
	background-position:-47px -235px;
}

.icon-dribbble {
	background-position:-85px -235px;
}


.color3 .icon-facebook {
	background-position:0 -1180px;
}

.color3 .icon-twitter {
	background-position:-38px -1180px;
}

.color3 .icon-rss {
	background-position:-76px -1180px;
}

.color3 .icon-delicious {
	background-position:-114px -1180px;
}

.color3 .icon-linkedin {
	background-position:-152px -1180px;
}

.color3 .icon-flickr {
	background-position:-190px -1180px;
}

.color3 .icon-skype {
	background-position:-228px -1180px;
}

.color3 .icon-email {
	background-position:-266px -1180px;
}


/* re- areange positions for smaller icons*/
.small .icon-facebook {
	background-position:-3px -2.5px;
}

.small .icon-twitter {
	background-position:-41px -2.5px;
}

.small .icon-rss {
	background-position:-79px -2.5px;
}

.small .icon-delicious {
	background-position:-117px -2.5px;
}

.small .icon-linkedin {
	background-position:-155px -2.5px;
}

.small .icon-flickr {
	background-position:-193px -2.5px;
}

.small .icon-skype {
	background-position:-231px -2.5px;
}

.small .icon-email {
	background-position:-269px -2.5px;
}

.small .icon-googleplus {
	background-position:-50px -237.5px;
}

.small .icon-dribbble {
	background-position:-88px -237.5px;
}

/* hover states */
.social-links.light .icon-facebook,
.icon-facebook:hover {
	background-position:0 -38px;
}

.social-links.light .icon-twitter,
.icon-twitter:hover {
	background-position:-38px -38px;
}

.social-links.light .icon-rss,
.icon-rss:hover {
	background-position:-76px -38px;
}

.social-links.light .icon-delicious,
.icon-delicious:hover {
	background-position:-114px -38px;
}

.social-links.light .icon-linkedin,
.icon-linkedin:hover {
	background-position:-152px -38px;
}

.social-links.light .icon-flickr,
.icon-flickr:hover {
	background-position:-190px -38px;
}

.social-links.light .icon-skype,
.icon-skype:hover {
	background-position:-228px -38px;
}

.social-links.light .icon-email,
.icon-email:hover {
	background-position:-266px -38px;
}

.social-links.light .icon-googleplus,
.icon-googleplus:hover {
	background-position:-47px -273px;
}

.social-links.light .icon-dribbble,
.icon-dribbble:hover {
	background-position:-85px -273px;
}

.color3 .icon-facebook:hover {
	background-position:0 -1218px;
}

.color3 .icon-twitter:hover {
	background-position:-38px -1218px;
}

.color3 .icon-rss:hover {
	background-position:-76px -1218px;
}

.color3 .icon-delicious:hover {
	background-position:-114px -1218px;
}

.color3 .icon-linkedin:hover {
	background-position:-152px -1218px;
}

.color3 .icon-flickr:hover {
	background-position:-190px -1218px;
}

.color3 .icon-skype:hover {
	background-position:-228px -1218px;
}

.color3 .icon-email:hover {
	background-position:-266px -1218px;
}


/* re-arange hover states for smaller icons */
.small .icon-facebook:hover {
	background-position:-3px -40.5px;
}

.small .icon-twitter:hover {
	background-position:-41px -40.5px;
}

.small .icon-rss:hover {
	background-position:-79px -40.5px;
}

.small .icon-delicious:hover {
	background-position:-117px -40.5px;
}

.small .icon-linkedin:hover {
	background-position:-155px -40.5px;
}

.small .icon-flickr:hover {
	background-position:-193px -40.5px;
}

.small .icon-skype:hover {
	background-position:-231px -40.5px;
}

.small .icon-email:hover {
	background-position:-269px -40.5px;
}

.small .icon-googleplus:hover {
	background-position:-50px -275.5px;
}

.small .icon-dribbble:hover {
	background-position:-88px -275.5px;
}

.social-icon:hover,
.social-icon:active,
.social-icon:focus {
	background-color: #e61446;
	border-color:#e61446;
}

.color2 .social-icon:hover,
.color2 .social-icon:active,
.color2 .social-icon:focus {
	background-color: #058144;
	border-color:#058144;
}
.fowe{
	line-height: 35px;
	letter-spacing:1px;
	margin-top:20px;
	color:#777;
	font-size:15px;
	}
.fowe1{
	letter-spacing:1px;
	margin-bottom:30px;
	}
.fowe2{
	letter-spacing:1px;
	}
.fowe3{
	font-weight:500;
	font-size:23px;
    color: #7e786b;
    margin-bottom: 23px;}
.fowe4{
	font-weight:500;
	font-size:27px;
    color: #6d6b64;
    margin-bottom: 13px;
	letter-spacing:1.5px;}
.bora{
	border-radius:5px;}

/* =============================================
----------------- 18.Scroll Top Button --------------
==============================================*/
#scroll-top {
	border-radius: 50px;
	display:block;
	width:47px;
	height:46px;
	position:fixed;
	bottom:25px;
	right:16px;
	text-indent:9999px;
	display:inline-block;
	cursor:pointer;
	z-index:990;
	opacity:0;
	visibility:hidden;
	background-color: transparent;
	background-image: url('../images/sprites/sprite.png');
	background-repeat: no-repeat;
	background-position: 0 -223px;
	border:1px solid #aea995;
	-webkit-transition:background-position 0.35s;
	-moz-transition:background-position 0.35s;
	-o-transition:background-position 0.35s;
	-ms-transition:background-position 0.35s;
	transition:background-position 0.35s;
	transform:scale(0.4);
	-webkit-transform:scale(0.4);
	-moz-transform:scale(0.4);
	-o-transform:scale(0.4);
	-ms-transform:scale(0.4);
}

#scroll-top:hover {
	border:none;
	background-color: rgba(60, 118, 61, 0.45);
	background-position: 0 -273px;
}

#scroll-top.color2:hover {
	background-color: #e61446;
}

#scroll-top.fixed {
	transform:scale(1);
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-o-transform:scale(1);
	-ms-transform:scale(1);
	opacity:1;
	visibility:visible;
}


/* =============================================
------------ 19. About Us  ----------
==============================================*/

.parallax {
	-webkit-background-size: cover;
	background-size: cover;
	background-attachment: fixed;
	/* to prevent empty bg area*/
	background-repeat: repeat-y;
	background-position: center top;
}

.coverbg {
	-webkit-background-size: cover;
	background-size: cover;
}

.about-banner {
	background-color: #e3e3e3;
	background-image: url('../images/about-bgbanner.jpg');
	text-align:center;
	height:500px;
	color:#62615f;
	position: relative;
}

.about-banner.parallax {
	background-position: center -150px;
}

.about-banner-slider {
	max-width:640px;
	margin:0 auto;
}

.about-banner h1 {
	font-size:60px;
	line-height:1;
	color:#75726b;
	position: relative;
	 
	margin-bottom: 13px;
}

.about-banner h1 > span {
	font-size:23px;
	display: block;
	font-family: 'SourceCodePro-Light', sans-serif;
	margin-bottom:32px;
}

.about-banner p {
	font:22px/32px 'open_sanslight', Verdana, sans-serif;
}

.about-banner-slider .owl-pagination {
	position: absolute;
	bottom:30px;
	left:0;
	right:0;
}

.about-banner-slider.owl-theme .owl-controls .owl-page span {
	width:10px;
	height:10px;
	background-color: transparent;
	box-shadow: 0 0 0 1px #95938c;
	-webkit-box-shadow: 0 0 0 1px #95938c;
}

.about-banner-slider.owl-theme .owl-controls .owl-page.active span,
.about-banner-slider.owl-theme .owl-controls.clickable .owl-page:hover span,
.about-banner-slider.owl-theme .owl-controls .owl-page.active span,
.light .about-banner-slider.owl-theme .owl-controls .owl-page.active span,
.light .about-banner-slider.owl-theme .owl-controls.clickable .owl-page:hover span,
.light .about-banner-slider.owl-theme .owl-controls .owl-page.active span {
	box-shadow:none;
	-webkit-box-shadow:none;
	background-color: #ef083e;
}


.about-banner.light {
	background-image: url('../images/about-bgbanner-light.jpg');
}

.about-banner.light,
.about-banner.light h1  {
	color:#fff;
}

.light .about-banner-slider.owl-theme .owl-controls .owl-page span {
	box-shadow: 0 0 0 1px #fff;
	-webkit-box-shadow: 0 0 0 1px #fff;
}

.promote-box {
	padding-top:5px;
	padding-bottom: 5px;
}

.quote-icon {
	display:inline-block;
	width:35px;
	height:30px;
	background-image: url('../images/sprites/sprite.png');
	background-repeat: no-repeat;
	background-position: -304px -250px ;
	margin-bottom: 13px;
}

.quote-icon.light {
	background-position: -339px -250px ;
}

.promote-box h2 {
	font:30px/40px 'open_sanslight', Verdana;
	color:#b3aa99;
	letter-spacing: -1px;
}

.feature-box {
	text-align:center;
	background-color: transparent;
	padding:20px 15px;
	transition:all 0.3s ease-in;
	-webkit-transition:all 0.3s ease-in;
	-moz-transition:all 0.3s ease-in;
	-ms-transition:all 0.3s ease-in;
	-o-transition:all 0.3s ease-in;
}

.feature-box h3 {
	font:20px/1 'SourceCodePro-Light', sans-serif;
	 
	color:#868279;
	position: relative;
	margin-bottom:22px;
}

.feature-box p {
	font-size:14px;
	line-height:22px;
	margin-bottom:5px;
}

.feature-box:hover {
	background-color: #058144;
}

.feature-box:hover h3,
.feature-box:hover p {
	color:#fff;
}

.feature-icon {
	display:inline-block;
	width:81px;
	height:81px;
	background-image: url('../images/sprites/sprite.png');
	background-repeat: no-repeat;
	margin-bottom: 20px;
}

.feature-icon.icon-delivery {
	background-position: 0 -361px;
}

.feature-icon.icon-service {
	background-position: -81px -361px;
}

.feature-icon.icon-secured {
	background-position: 0 -442px;
}

.feature-box:hover .feature-icon.icon-delivery  {
	background-position: -81px -442px;
}

.feature-box:hover .feature-icon.icon-service  {
	background-position: 0 -523px;
}

.feature-box:hover .feature-icon.icon-secured  {
	background-position: -81px -523px;
}


.about-company h2,
.about-company h3 {
	color:#9f9a8f;
	margin-bottom:25px;
}

.about-text h3,
.about-text h4 {
	font-size:20px;
	color:#908c82;
	margin-bottom:10px;
}

.about-text p {
	margin-bottom:10px;
	line-height:25px;
	padding-right:10px;
}

.about-text img {
	margin-top: 1px;
}

.abwo{
	font-size: 1.2em;
    line-height: 1.6em;
	font-family: '微軟正黑體', '微軟正黑體 Light', sans-serif;
	font-weight: 200;
    color: #555;
	letter-spacing:1.5px;}
.abwo1{
	text-align: center;
    color: #333;
    font-weight: 500;
    letter-spacing: 2px;
    font-size: 1.8em;
	padding-bottom:25px;}
.abwo2{
	text-align: center;
    color: #333;
    font-weight: 500;
    letter-spacing: 2px;
    font-size: 1.8em;
	padding-bottom:30px;
	}
.abwo3{
	text-align: center;
    color: #333;
    font-weight: 500;
    letter-spacing: 2px;
    font-size: 1.9em;
	padding-bottom:30px;
	}
.abwo4{
    color: rgba(51, 51, 51, 0.85);
    font-weight: 500;
    letter-spacing: 2px;
    font-size: 1.5em;
	}
.testimonials-section {
	
	background-color: #e3e3e3;
	text-align:center;
	color:#9a9889;
	position: relative;
	padding:50px 0 76px;
	overflow: hidden;
}

.testimonials-section .bottom-nav .owl-theme .owl-controls .owl-buttons {
	bottom:40px;
}

.testimonials-section h2 {
	color:#908876;
	 
}

.testimonials-section h2,
.testimonials-section .h1 {
	margin-bottom:30px;
}

.testimonials-slider {
	max-width:790px;
	margin:0 auto;
}

.testimonial {
	margin-bottom: 40px;
}

.testimonial p {
	font-size:15px;
	line-height: 23px;
}

.testimonial .quote-icon {
	margin-bottom:23px;
}

.testimonial .testimonial-owner {
	font:15px/21px 'open_sanslight', Verdana, sans-serif;
	font-style: italic;
	color:#8e8778;
}

.testimonials-section.light {
	background-image: url('../images/testimonialsbg-light.jpg');
}

.testimonials-section.light,
.testimonials-section.light h2,
.testimonials-section.light .testimonial .testimonial-owner {
	color:#fff;
}

.services h2 {
	font:27px/1 'open_sanslight', Verdana, sans-serif;
	color:#847e71;
	 
	margin-bottom: 38px;
}

.service {
	margin-bottom: 50px;
}

.service-icon {
	display:block;
	width:170px;
	height:160px;
	background-image: url('../images/sprites/sprite.png');
	background-color: #efead9;
	background-repeat: no-repeat;
	float:left;
	margin-right:30px;
}

.service-icon.service-icon-dev {
	background-position: 0 -604px;
}

.service-icon.service-icon-market {
	background-position: -170px -604px;
}

.service-icon.service-icon-design {
	background-position: 0 -764px;
}

.service-icon.service-icon-hosting {
	background-position: -170px -764px;
}

.service-content {
	margin-left:0px;
	padding-top:0px;
}

.service-content h3 {
	 
	font:25px/1 微軟正黑體,'judsonbold', Verdana, sans-serif;
	color:#333;
	margin:0 0 5px 0;
	font-weight:600;
	letter-spacing:1px;
}

.service-content p {
	font-size:16px;
	line-height: 23px;
	margin-bottom: 10px;
	letter-spacing:0.5px;
	color:#6d6b64;
	text-align: justify;
text-justify:inter-ideograph;
}
.mabo{
	margin-bottom:35px;}

.skills h2 {
	font:27px/1 'open_sanslight', Verdana, sans-serif;
	color:#847e71;
	 
	margin-bottom: 32px;
}

.funfacts-section {
	background-image: url('../images/funfactsbg.jpg');
	background-color: #e3e3e3;
	text-align:center;
	color:#908876;
	position: relative;
	padding:50px 0;
}

.funfacts-section h2 {
	margin-bottom: 14px;
	color:#908876;
}

.funfact-desc {
	font-size:15px;
	line-height: 21px;
	margin-bottom:68px;
	color:#9a9889;
}

.fact {
	float:left;
	width:20%;
	 
	margin-bottom:18px;
}

.fact-icon {
	display:inline-block;
	width:46px;
	height:54px;
	background-image: url('../images/sprites/sprite.png');
	background-repeat: no-repeat;
	margin-bottom:15px;
}

.fact-icon.fact-icon-clients.light {
	background-position: 0 -924px;
}

.fact-icon.fact-icon-projects.light {
	background-position: -46px -924px;
}

.fact-icon.fact-icon-tweets.light {
	background-position: -92px -924px;
}

.fact-icon.fact-icon-pizza.light {
	background-position: -136px -924px;
}

.fact-icon.fact-icon-coffee.light {
	background-position: -182px -924px;
}

.fact-icon.fact-icon-clients {
	background-position: 0 -978px;
}

.fact-icon.fact-icon-projects {
	background-position: -46px -978px;
}

.fact-icon.fact-icon-tweets {
	background-position: -92px -978px;
}

.fact-icon.fact-icon-pizza {
	background-position: -136px -978px;
}

.fact-icon.fact-icon-coffee {
	background-position: -182px -978px;
}

.fact .count {
	display:inline-block;
	font:16px/25px 'open_sansbold', Verdana, sans-serif;
	margin-bottom:2px;
}

.fact h4 {
	font:16px/25px '微軟正黑體', '微軟正黑體 Light', sans-serif;
}

.funfacts-section.light {
	background-image: url('../images/funfactsbg-light.jpg');
}

.funfacts-section.light,
.funfacts-section.light .funfact-desc,
.funfacts-section.light h2,
.funfacts-section.light .h1,
.funfacts-section.light .fact h4 {
	color:#fff;
}


/* special margin to match it with the design */
.team-members .row {
	margin-left:-25px;
	margin-right:-25px;
}

/* same as above row's margin */
.member-col {
	padding:0 25px;
}

.team-members .carousel-title {
	margin-bottom:30px;
}

.member {
	margin-bottom:90px;
}

.member:last-child {
	margin-bottom: 80px;
}

.member figure {
	border:1px solid #e6dfd1;
	width:180px;
	float:left;
	margin-right:20px;
}

.member figure img {
	width:100%;
}

.member-content {
	margin-left:200px;
	padding-top:3px;
}

.member h3 {
	font-style: italic;
	font-size:25px;
	color:#9d9689;
	margin-bottom:3px;
}

.member h4 {
	font:14px/17px 'open_sansregular', sans-serif;
	color:#e61446;
	margin-bottom: 10px;
}

.member p {
	line-height: 23px;
	font-size:14px;
}


/* =============================================
------------- 20.Register/Login html ------------
==============================================*/

h2.color2 {
	color:#959180;
	margin-bottom: 25px;
}

#login-form .form-group,
#register-form .form-group,
#login-form .form-group .form-control,
#register-form .form-group .form-control {
	margin-bottom:25px;
}


#login-form .help-block {
	margin-top:-10px;
}

/* Custom checkbox */
.radio label.custom-radio-wrapper, 
.checkbox label.custom-checkbox-wrapper {
	padding-left:0;
}

.radio-inline.custom-radio-wrapper, 
.checkbox-inline.custom-checkbox-wrapper {
	padding-left:0;
}

.radio-inline.custom-radio-wrapper+.radio-inline.custom-radio-wrapper, 
.checkbox-inline.custom-checkbox-wrapper+.checkbox-inline.custom-checkbox-wrapper {
	margin-left:30px;
}

.custom-checkbox-container,
.custom-radio-container {
	display:inline-block;
	width:19px;
	height:19px;
	border:1px solid #b7b3aa;
	position: relative;
	margin-right:15px;
}

.custom-radio-container { 
	border-radius: 50px;
}

.custom-checkbox-container input[type="checkbox"],
.custom-radio-container input[type="radio"] {
	display:block;
	opacity:0;
	filter:alpha(opacity=0);
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	position: absolute;
	left:0;
	top:0;
	z-index:10;
}

.custom-checkbox-container .custom-checkbox-icon {
	position:absolute;
	z-index:9;
	width:23px;
	height: 19px;
	left:-1px;
	top:-1px;
	background-image: url('../images/sprites/sprite.png');
	background-position: -334px -139px;
	background-repeat: no-repeat;
	opacity:0;
	filter:alpha(opacity=0);
}

.disabled .custom-checkbox-container,
.disabled .custom-radio-container  {
	opacity:0.44;
	background-color: #eaeaea;
}

.disabled .custom-checkbox-container .custom-checkbox-icon  {
	background-image: none;
}

.custom-radio-container .custom-radio-icon {
	position:absolute;
	z-index:9;
	display: block;
	opacity:0;
	filter:alpha(opacity=0);
	width:7px;
	height:7px;
	left:50%;
	top:50%;
	margin-top:-3.5px;
	margin-left:-3.5px;
	background-color: #b7b3aa;
	border-radius: 50%;
}

.disabled .custom-radio-container .custom-radio-icon {
	background-color: transparent;
}

.custom-checkbox-container input[type="checkbox"]:checked + .custom-checkbox-icon,
.custom-radio-container input[type="radio"]:checked + .custom-radio-icon {
	opacity:1;
	filter:alpha(opacity=100);
}

.custom-checkbox-wrapper *,
.custom-radio-wrapper * {
	vertical-align: middle;
}


/* =============================================
----------------- 21.404 Pages   --------------
==============================================*/


#content.no-content {
	background-image: url('../images/404bg.jpg');
	height:700px;
	position: relative;
	color:#fff;
	padding-bottom: 0;
}

.no-content-box  h3,
#content.no-content h3 {
	font:23px/1 'SourceCodePro-Light', sans-serif;
	 
	color:#fff;
	margin-bottom: 30px;
}

.no-content-box h2,
#content.no-content h2 {
	font:60px/55px 'judsonregular', Verdana, sans-serif;
	 
	color:#fff;
	margin-bottom: 10px;
}

.no-content-box  p,
#content.no-content  p {
	font:22px/32px 'open_sanslight', sans-serif;
	max-width:500px;
	margin-right:auto;
	margin-left:auto;
	margin-bottom: 32px;
}

.no-content-box form,
#content.no-content form {
	display:inline-block;
	width:300px;
}

.no-content-box form input,
#content.no-content form input {
	background-color: transparent;
	border-color:#a5a49e;
	color:#fff;
	font-size:18px;
	font-family: 'open_sansregular', sans-serif;
	padding-right:67px;
	padding-left:15px;
}

.no-content-box form .form-group,
#content.no-content form .form-group {
	position: relative;
}

.no-content-box form .form-group,
.no-content-box form .form-control,
#content.no-content form .form-group,
#content.no-content form .form-control {
	margin-bottom: 0;
}

.no-content-box .submit-btn,
#content.no-content .submit-btn {
	display:block;
	width:52px;
	height:44px;
	position: absolute;
	right:1px;
	top:1px;
	background-color: transparent;
	background-image: url('../images/sprites/sprite.png');
	background-repeat: no-repeat;
	background-position: -247px -536px;
	transition:background-color 0.3s;
	-webkit-transition:background-color 0.3s;
	-moz-transition:background-color 0.3s;
	-ms-transition:background-color 0.3s;
	-o-transition:background-color 0.3s;
	text-indent: -9999px;
	border:none;
}

.no-content-box .submit-btn:hover,
.no-content-box .submit-btn:active,
.no-content-box .submit-btn:focus,
#content.no-content .submit-btn:hover,
#content.no-content .submit-btn:active,
#content.no-content .submit-btn:focus {
	background-color: #ecebe1;
	background-position: -299px -536px;
}

#content.no-content form input:-moz-placeholder {
	color:#fff;
	 
}

#content.no-content form input::-moz-placeholder {
	color:#fff;
	 
}

#content.no-content form input:-ms-input-placeholder {
	color:#fff;
	 
}

#content.no-content form input::-webkit-input-placeholder {
	color:#fff;
	 
}

/* 404-two */
.no-content-box {
	width:814px;
	height:514px;
	background-image: url('../images/404-contentbg.png');
	background-repeat: no-repeat;
	text-align: center;
	margin:55px auto 60px;
	padding:30px;
}

.no-content-box h2 {
	color:#e61446;
	margin-bottom: 20px;
}

.no-content-box  h3 {
	font-size:35px;
	color:#807e78;
	margin-bottom: 23px;
}

.no-content-box  p {
	line-height: 34px;
	color:#9c978d;
	margin-bottom: 36px;
}

.no-content-box form input {
	background-color: #f7f5f2;
	border-color:#e2e1d9;
	color:#8b8475;
	box-shadow:inset 0 0 0 1px rgba(255, 255, 255, 0.5);
}

.no-content-box .submit-btn{
	background-position: -299px -536px;
}

.no-content-box form input:-moz-placeholder {
	color:#8b8475;
	 
}

.no-content-box form input::-moz-placeholder {
	color:#8b8475;
	 
}

.no-content-box form input:-ms-input-placeholder {
	color:#8b8475;
	 
}

.no-content-box form input::-webkit-input-placeholder {
	color:#8b8475;
	 
}

/* =============================================
---------------- 22.Coming Soon ---------------
==============================================*/

#coming-soon {
	background-image: url('../images/comingsoonbg.jpg');
	background-position: center center;
	-webkit-background-size: cover;
	background-size: cover;
	width:100%;
	height:100%;
}

#coming-soon.comingsoon-line {
	background-image: url('../images/comingsoonbg2.jpg');
}

#coming-soon,
#coming-soon h1,
#coming-soon h2,
#coming-soon h3,
#coming-soon a {
	color:#fff;
	 
}

#coming-soon h1 {
	font-family: 'tinosbold', Verdana;
	font-size:48px;
	text-shadow:1px 0 1px rgba(0,0,0, 0.2);
	margin-bottom: 30px;
}

#coming-soon h2 {
	font-family: 'SourceCodePro-Light', Verdana;
	font-size:36px;
	margin-bottom: 60px;
}

/* jQuery Countdown styles 2.0.0. */
.countdown-rtl {
	direction: rtl;
}

.countdown-holding span {
	color: #fff;
}

.countdown-row {
	clear: both;
	width: 100%;
	text-align: center;
}

.countdown-section {
	display: block;
	float: left;
	width: calc(25% - 50px);
	height:180px;
	font-size: 75%;
	text-align: center;
	margin:0 25px;
	border: 1px solid #fff;
	border-radius:50%;
	position: relative;
}

.countdown-amount {
	display: block;
    font-size: 70px;
    font-family: 'judsonregular', Verdana;
    line-height:180px;
    text-shadow:1px 0 0 rgba(0,0,0, 0.15);
}

.countdown-period {
    display: block;
    position: relative;
    width:100%;
    font-family: 'SourceCodePro-Light', Verdana;
    font-size:15px;
    line-height:1;
    position: absolute;
    top:50%;
    margin-top:25px;
}

.countdown-descr {
	display: block;
	width: 100%;
}

#countdown {
	margin-bottom:50px;
}

#coming-soon h3 {
	font-family: 'judsonregular', sans-serif;
	font-size:24px;
}

#coming-soon form {
	font-size:0;
	display:inline-block;
	position: relative;
}

#coming-soon form * {
	display: inline-block;
	vertical-align:middle;
}

#coming-soon input:-moz-placeholder {
	color:#fff;
}

#coming-soon input::-moz-placeholder {
	color:#fff;
}

#coming-soon input:-ms-input-placeholder {
	color:#fff;
}

#coming-soon input::-webkit-input-placeholder {
	color:#fff;
}

#coming-soon .input-lg {
	height:42px;
	padding:8.5px 20px 8.5px 56px;
	border:1px solid #fff;
	background: transparent;
	margin-right:20px;
}

#coming-soon .btn-lg {
	padding:9px 18px;
}

span.email-icon {
	display:block;
	width:29px;
	height:15px;
	background-image: url('../images/sprites/sprite.png');
	background-repeat: no-repeat;
	background-position: -362px -112px;
	position:absolute;
	left:15px;
	top:50%;
	margin-top:-7.5px;
}

/* Coming soon 2 */

.line-container {
	background: rgba(250, 250, 250, 0.1);
	border-top:1px solid #fafafa;
	border-bottom:1px solid #fafafa;
	height:auto;
	position: relative;
}

#coming-soon .line-container h1 {
	font-family: 'tinosbold', Verdana;
	font-size:65px;
	text-shadow:1px 0 1px rgba(0,0,0, 0.2);
	position: absolute;
	left:0;
	bottom:100%;
	margin-bottom:40px;
	text-align: center;
	width:100%;
}

#coming-soon .line-container h2 {
	font:30px/1 'SourceCodePro-Light', Verdana, sans-serif;
	margin-bottom:20px;
}

#coming-soon .line-container .fix-width {
	width:490px;
	display:inline-block;
	padding:55px 0 0 ;
}

.line-container #countdown {
	margin-top:60px;
}

.line-container .countdown-section {
	display: block;
	float: left;
	width: 25%;
	height:auto;
	font-size: 75%;
	text-align: center;
	margin:0;
	border: none;
	border-radius:0;
	position: relative;
}

.line-container .countdown-amount {
	display: block;
    font-size: 120px;
    font-family: 'judsonregular', Verdana;
    line-height:90px;
    text-shadow:1px 0 0 rgba(0,0,0, 0.15);
}

.line-container .countdown-period {
    display: block;
    position: relative;
    width:100%;
    font-family: 'SourceCodePro-Light', Verdana;
    font-size:16px;
    line-height:1;
    position: relative;
    top:0;
    margin-top:0;
}

.line-container .countdown-descr {
	display: block;
	width: 100%;
}
.line2{
	border:0; 
	height:1.5px;
	background:linear-gradient(to right, rgb(180,221,180) 0%,rgb(131,199,131) 26%,rgb(82,177,82) 62%,rgb(0,138,0) 100%);         
	margin-bottom:10px;}