/*------------------------------
	FONT AWESOME CORE
------------------------------*/

header.navbar .navbar-nav > li > a.dropdown-toggle:after,
header.navbar .dropdown-menu > li > a:before,
.widget-categories .widget-body > ul > li > a:before,
.checkbox input[type=checkbox]:checked + label:before,
.sidebar .widget h3 a:after,
.sidebar .nav-pills > li > a:after,
.panel .panel-heading h4.panel-title a:before,
.widget-recent-comments ul li:before {
	display:inline-block;
    font:normal normal normal 14px/1 FontAwesome;
    font-size:inherit;
    text-rendering:auto;
    -webkit-font-smoothing:antialiased;
}

/*------------------------------
	MAIN
------------------------------*/

html, body, #page-wrapper {
	height:100%;
}

body {
	background-image:url(../images/pattern.png);
	font-family: "微軟正黑體",'Source Sans Pro', Verdana, Geneva, sans-serif;
}

a:focus,
a:hover {
	color:#555555;
}

a,
a:focus,
a:hover,
button,
button:focus,
button:hover,
button:active {
	outline:0 none;
	text-decoration:none;
}

p {
	margin:0 0 20px;
	color:#ccc;
}

li {
	color:#ccc;
}


h1, 
h2, 
h3, 
h4, 
h5, 
h6 {
	font-family:'微軟正黑體','Source Sans Pro', Verdana, Geneva, sans-serif;
}

.row-no-padding {
	margin-left:0!important;
    margin-right:0!important;
}

.row-no-padding > [class*="col-"] {
    padding-left:0!important;
    padding-right:0!important;
}

#map-canvas {
    height:500px;
    margin:0;
    padding:0;
}

/* BOXED LAYOUT */

.page-boxed #page-wrapper {
	width:auto;
	margin:0 auto;
}

.page-boxed {
	background-color:#DDDDDD;
	background-image:none;
}

@media (min-width: 768px) {
 	.page-boxed #page-wrapper {
    	width:750px;
  	}
	
	.page-boxed .navbar-fixed-top {
		width:750px;
		margin:0 auto;
	}
}

@media (min-width: 992px) {
 	.page-boxed #page-wrapper,
	.page-boxed .navbar-fixed-top {
    	width:971px;
  	}
}

@media (min-width: 1200px) {
	.page-boxed #page-wrapper,
	.page-boxed .navbar-fixed-top {
    	width:1171px;
  	}
}

/*------------------------------
	TYPOGRAPHY
------------------------------*/

.text-muted {
	color:#999999;
}

/*------------------------------
	LISTS
------------------------------*/

.list-icons li i {
	margin-right:10px;
	color:#777777;
}

/*------------------------------
	BUTTONS
------------------------------*/

.btn {
	border-radius:0;
	text-transform:uppercase;
	font-weight:600;
}

.btn-lg {
	font-size:16px;
	padding:8px 14px;
}

.input-group-lg > .input-group-btn > .btn {
	border-radius:0;
	font-size:16px;
}

.btn-default {
	background-color:transparent;
	border:2px solid #D0D0D0;
	color:#CCCCCC;
}

.btn-default:hover,
.btn-default:focus {
	background-color:transparent;
	border-color:#B0B0B0;
	color:#AAAAAA;
}

.btn-default.active, 
.btn-default:active,
.btn-default.active:hover,
.btn-default.active:focus,
.btn-default:active:hover,
.btn-default:active:focus {
	background-color:transparent;
}

.btn-primary {
	border:2px solid rgba(0,0,0,0.1);
}

.btn-primary:hover,
.btn-primary:focus {
	background-color:#888888;
	border:2px solid rgba(0,0,0,0.1);
}

.btn-primary.active, 
.btn-primary:active,
.btn-primary.active:hover,
.btn-primary.active:focus,
.btn-primary:active:hover,
.btn-primary:active:focus {
	background-color:#555555;
	border:2px solid rgba(0,0,0,0.1);
}

.btn-inverse {
	background-color:#666666;
	border:2px solid #555555;
	color:#FFFFFF;
}

.btn-inverse:hover,
.btn-inverse:focus {
	color:#DDDDDD;
}

.btn.active,
.btn:active {
	box-shadow:none;
}

.btn:focus,
.btn:active:focus,
.btn.active:focus {
	outline:0 none;
	outline-offset:0;
}

.btn-info,
.btn-danger,
.btn-warning,
.btn-success {
	border:2px solid rgba(0,0,0,0.1);
}

/*------------------------------
	FORM
------------------------------*/

label {
	color:#ddd;
	font-size:18px;
	font-weight:100;
}

.color-b{
	color:#333;	
}

form.form-inline label {
	margin:0 10px 0 0;
}

span.required {
    color:#E74C3C!important;
    margin-left:5px!important;
    font-weight:bold!important;
    font-size:14px!important;
    font-family:Arial, Helvetica, sans-serif!important;
}

.form-control {
	border-radius:0;
	height:36px;
	box-shadow:none;
	border:2px solid #D0D0D0;
	color:#999999;
	font-weight:bold;
	transition:color 0.2s ease-in, border-color 0.2s ease-in;
}

.form-control:hover {
	border-color:#B0B0B0;
	color:#AAAAAA;
}

.input-group-addon {
	border-radius:0;
	border:2px solid #D0D0D0;
	background-color:#F3F3F3;
}

.form-control:focus {
	outline:none;
	box-shadow:none;
}

select.form-control {
	color:#CCCCCC;
	background-image:url(../images/angle-down.png);
	background-repeat:no-repeat;
	-webkit-appearance:none;
	-moz-appearance:none;
	background-position:right center;
	background-size:contain;
	padding-right:25px;
}

select.form-control::-ms-expand {
	/* IE 8 */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	/* IE 5-7 */
	filter:alpha(opacity=0);
	/* Other IE */
	opacity:0;
}

.input-group-lg > .form-control {
	border-radius:0;
	font-size:16px;
}

textarea {
	resize:vertical;
}

/* CHECKBOX */

.checkbox input[type=checkbox],
.radio input[type=radio] {  
    display:none;  
}

.checkbox > label,
.radio > label {  
    padding-left:25px;
	font-weight:600;
	color:#777777;
	font-size:15px;
} 

.checkbox > label:before,
.radio > label:before {  
	background-color:#FFFFFF;
    content:"";  
    width:18px;  
    height:18px;  
    position:absolute;  
    left:0;   
   	border:2px solid #D0D0D0; 
	top:2px;
}  

.checkbox > input[type=checkbox]:checked + label:before,
.radio > input[type=radio]:checked + label:before {
	color:rgba(0,0,0,0.2);
	border-color:rgba(0,0,0,0.1);
    content:"\f00d"; 
	padding-top:1px;  
    text-align:center;
	font-size:13px;  
}

.checkbox.disabled > input[type=checkbox]:disabled + label:before,
.radio.disabled > input[type=radio]:disabled + label:before {
	background-color:#F0F0F0;
}

/* RADIO */

.radio > label:before {  
    border-radius:50%;
}  

.radio > input[type=radio]:checked + label:before {
    content:"";   
}

/*------------------------------
	TABLE
------------------------------*/

.table-bordered {
	border:2px solid #EBEBEB;
}

.table > thead > tr > th,
.table > tbody > tr > th {
	color:#FFFFFF;
	border-width:2px;
	border-color:#EBEBEB;
	border-top-width:0;
}

.table > thead > tr > td,
.table > tbody > tr > td {
	border-width:2px;
	vertical-align:middle;
	font-weight:600;
	color:#fff;
	border-color:#EBEBEB;
}

.table td span.grey {
	font-weight:400;
	color:#AAAAAA;
    font-style:italic;
}

/*------------------------------
	ACCORDION
------------------------------*/

.panel-group .panel +.panel {
	margin-top:10px;
}

.panel-group .panel {
	border-radius:0;
	border:0;
	box-shadow:0 1px 2px 0 rgba(0,0,0,0.2);
}

.panel-heading {
	border-radius:0;
}

.panel .panel-heading h4.panel-title {
	font-size:18px;
	font-weight:600;
	margin:0 0 0 20px;
	position:relative;
}

.panel .panel-heading h4.panel-title a:before {
    content:"\f056";
    margin-top:-9px;
    position:absolute;
    left:-25px;
    top:50%;
}

.panel .panel-heading h4.panel-title a.collapsed:before {
    content:"\f055";
}

.panel-group .panel .panel-collapse > .panel-body {
	border:0;
	background-color:#F9F9F9;
}

.panel-primary > .panel-heading {
	border:2px solid rgba(0,0,0,0.1);
}

.panel-default > .panel-heading {
	background-color:#AAAAAA;
	border:2px solid rgba(0,0,0,0.1);
}

.panel-primary > .panel-heading a,
.panel-default > .panel-heading a {
	color:#FFFFFF;
}

/*------------------------------
	ALERT
------------------------------*/

.alert {
	border-radius:0;
	border-width:2px;
	padding:20px;
}

.alert-dismissable, .alert-dismissible {
    padding-right:40px;
}

.alert .close i {
	font-size:16px;
}

.alert-danger,
.alert-info,
.alert-success,
.alert-warning {
	border-color:rgba(0,0,0,0.03);
}

.alert-danger {
    color:#BA5B68;
    background-color:#F5E1E1;
}

.alert-info {
    color:#4B90AE;
    background-color:#E1F5F4;
}

.alert-success {
	color:#4BAE4F;
    background-color:#E1F5E3;
}

.alert-warning {
    color:#AEA64B;
    background-color:#FAFAD2;
}

/*------------------------------
	LABEL
------------------------------*/

.label {
	display:inline-block;
	margin-bottom:3px;
	font-size:14px;
	padding:4px 6px;
}

.label-lg {
	font-size:14px;
	padding:5px 7px;
}

.label-danger {
    background-color:#BA5B68;
}

.label-info {
    background-color:#4B90AE;
}

.label-success {
    background-color:#4BAE4F;
}

.label-warning {
    background-color:#AEA64B;
}

/* TAGS */

.tags span.label {
	padding:6px 8px;
    background-color:#EAEAEA;
    margin-right:3px;
	margin-bottom:6px;
	border-radius:0;
}

.tags span.label a {
	color:#9B9B9B;
}

.tags span.label i {
    margin-right:5px;
	color:#D2D2D2;
}

.tags span.label:hover a,
.tags span.label:hover i {
	color:#FFFFFF;
}

/*------------------------------
	TABS
------------------------------*/

.tabs .nav-tabs {
	border-width:2px;
}

.tabs .nav-tabs > li {
	margin-bottom:0;
	background-color:#FFFFFF;
	margin-right:5px;
	padding:0;
}

.tabs .nav-tabs > li > a {
	border-radius:0;
	margin-right:0;
	border:0;
    font-size:16px;
    font-weight: bold;
    color: #777777;
	padding:14px 20px;
}

.tabs .nav-tabs > li.active > a, 
.tabs .nav-tabs > li.active > a:focus, 
.tabs .nav-tabs > li.active > a:hover {
	color:#FFFFFF;
	border:0;
}

.tabs .tab-content {
	padding-top:20px;
}

.tabs .tab-content h4, 
.tabs .tab-content h5 {
	font-weight:bold;
	color:#777777;
	margin:0 0 5px;
}

.tabs .tab-content h4 {
	font-size:21px;
}

.tabs .tab-content h5 {
	font-size:17px;
}

.tabs .tab-content ol, 
.tabs .tab-content ul {
	margin-bottom:20px;
}

.tabs .tab-content p,
.tabs .tab-content ul li {
	color:#777777;
	font-size:16px;
}

/*------------------------------
	BREADCRUMB
------------------------------*/

.breadcrumb-wrapper {
	background-color:#FFFFFF;
	padding:10px 0;
}

.breadcrumb-wrapper h2 {
	margin:5px 0 0;
	font-size:20px;
	font-weight:bold;
	color:#777777;
	letter-spacing:-1px;
}

.breadcrumb-wrapper p {
	margin:0;
	font-size:32px;
	font-weight:100;
	color:#333333;
}

.breadcrumb {
	background-color:transparent;
	margin:0;
	text-align:right;
	padding:25px 0;
}

.breadcrumb > li > a {
	font-weight: bold;
	color: #f5f5f5;
}

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

/*------------------------------
	PAGINATION
------------------------------*/

.pagination-wrapper {
	padding:15px 10px 5px;
	text-align:center;
}

.pagination {
	margin:0;
	border-radius:0;
}

.pagination > li > a {
	margin:0 5px 5px;
	border:2px solid #D0D0D0;
    color:#555;
	font-weight:bold;
	font-size:16px;
	width:38px;
	height:38px;
	text-align:center;
	padding:6px 0 0;
}

.pagination > li:first-child > a,
.pagination > li:last-child > a {
	border-radius:0;
}

.pagination > li > a:hover,
.pagination > li > a:focus {
	background-color:#FFFFFF;
	color:#AAAAAA;
	border-color:#B0B0B0;
}

.pagination > li.active > a,
.pagination > li.active > a:hover,
.pagination > li.active > a:focus {
	background-color:#FFFFFF;
}

.pagination-lg > li > a {
	font-size:22px;
	width:46px;
	height:46px;
	padding:7px 0 0;
}

.pagination-sm > li > a {
	font-size:12px;
	width:30px;
	height:30px;
	padding:5px 0 0;
}

/*------------------------------
	MODALS
------------------------------*/

.modal .modal-header {
    padding:0;
    border-bottom:0;
}

.modal .modal-content {
	font-family:'微軟正黑體','Source Sans Pro', Verdana, Geneva, sans-serif;	
	font-weight:100;
	border-radius:0;
}

.modal .modal-body {
	font-family:'微軟正黑體','Source Sans Pro', Verdana, Geneva, sans-serif;	
	font-weight:100;	
	padding-top:0;
}

.modal .modal-header .close {
	background-color:#555555;
	border-radius:50%;
	text-shadow:none;
	opacity:1;
	color:#F0F0F0;
	width:32px;
	height:32px;
	margin-top:-13px;
	margin-right:-13px;
	text-align:center;
	font-size:20px;
}

/*------------------------------
	MODAL - PRODUCT QUICKVIEW
------------------------------*/

.modal-quickview article.product-item.product-single {
	box-shadow:none;
	margin-bottom:0;
	padding-right:0;
}

.modal-quickview article.product-item.product-single h3 {
	color:#888888;
	margin-top:0;
}

.modal-quickview article.product-item.product-single .product-labels {
	padding-top:0;
}

/*------------------------------
	MODAL - ADD REVIEW
------------------------------*/

.modal-add-review .modal-header {
	padding:15px;
}

.modal-add-review .modal-header .close {
	margin-top:-28px;
	margin-right:-28px;
}

/*------------------------------
	MODAL - ADVERTISING
------------------------------*/

#modalAdvertising .modal-header {
	background-image:url(../images/pattern.png);
}

#modalAdvertising .modal-body {
	padding:15px 30px 0;
	background-image:url(../images/pattern.png);
}

#modalAdvertising .modal-body h3 {
	font-weight:900;
    color:#666666;
    letter-spacing:-1px;
    margin-top:0;
    font-size:32px;
}

#modalAdvertising .modal-body p {
    color:#AAAAAA;
    font-weight:600;
    font-size:16px;
}

#modalAdvertising .modal-body .checkbox {
    margin:30px 0;
}

/*------------------------------
	MODAL - SIZES
------------------------------*/

@media (min-width: 768px) {
	.modal-quickview .modal-dialog {
		width:600px;
		margin:30px auto;
	}
	
	.modal-add-review .modal-dialog {
		width:600px;
		margin:30px auto;
	}
	
	#modalAdvertising .modal-dialog {
		width:600px;
		margin:100px auto;
	}
}

@media (min-width: 992px) {
	.modal-quickview .modal-dialog {
		width:800px;
		margin:45px auto;
	}
	
	.modal-add-review .modal-dialog {
		width:650px;
		margin:40px auto;
	}
	
	#modalAdvertising .modal-dialog {
		margin:150px auto;
	}
}

@media (min-width: 1200px) {
	.modal-quickview .modal-dialog {
		width:900px;
		margin:60px auto;
	}
	
	.modal-add-review .modal-dialog {
		width:700px;
		margin:50px auto;
	}
	
	#modalAdvertising .modal-dialog {
		margin:200px auto;
	}
}

@media (min-width: 1600px) {
	.modal-quickview .modal-dialog {
		width:1000px;
		margin:90px auto;
	}
	
	.modal-add-review .modal-dialog {
		width:800px;
		margin:60px auto;
	}
	
	#modalAdvertising .modal-dialog {
		margin:300px auto;
	}
}

/*------------------------------
	OWL CAROUSEL
------------------------------*/

.owl-theme .owl-controls {
	margin:0;
}

/* OWL - NAV */

.owl-theme .owl-controls .owl-nav div {
	margin:0;
	width:40px;
	height:40px;
	padding:4px 0 0;
	text-align:center;
	border-radius:50%;
	font-size:23px;
	background-color:#666666;
	color:#FFFFFF;
	position:absolute;
	top:50%;
	margin-top:-20px;
}

.owl-theme .owl-controls .owl-nav div.owl-prev {
	left:-37px;
}

.owl-theme .owl-controls .owl-nav div.owl-next {
	right:-37px;
}

.owl-theme.nav-inside .owl-controls .owl-nav div {
	opacity:0.6;
	transition:all 0.2s ease-in;
}

.owl-theme.nav-inside .owl-controls .owl-nav div:hover {
	opacity:1;
}

.owl-theme.nav-inside .owl-controls .owl-nav div.owl-prev {
	left:20px;
}

.owl-theme.nav-inside .owl-controls .owl-nav div.owl-next {
	right:20px;
}

body.page-boxed .owl-theme.nav-inside .owl-controls .owl-nav div.owl-prev {
	left:-80px;
}

body.page-boxed .owl-theme.nav-inside .owl-controls .owl-nav div.owl-next {
	right:-80px;
}

/* OWL - PAGINATION */

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

.owl-theme .owl-controls .owl-dot {
    width:16px;
    height:16px;
    margin:10px 5px 5px;
    background-color:#F0F0F0;
	border:2px solid rgba(0,0,0,0.1);
	border-radius:50%;
	display:inline-block;
}

.owl-theme.nav-inside .owl-controls .owl-dots {
	position:absolute;
	right:20px;
	bottom:20px;
	border-radius:20px;
	background-color:rgba(0,0,0,0.2);
	padding:0 5px;
}

.owl-theme.nav-inside .owl-controls .owl-dot {
	border:0;
}

/*------------------------------
	SCROLL TOP
------------------------------*/

#scrolltop {
	position:fixed;
	right:15px;
	bottom:15px;
	width:40px;
	height:40px;
	text-align:center;
	font-size:23px;
	padding-top:3px;
	background-color:#555555;
	color:#FFFFFF;
	transition:all 0.3s ease-in;
	z-index:1040;
	cursor:pointer;
	transform:translateY(70px);
}

#scrolltop.in {
	transform:translateY(0);
}

/*------------------------------
	HEADER
------------------------------*/

.top-header {
	box-shadow:0 20px 20px -20px rgba(0,0,0,0.2) inset;
	background-color:#F9F9F9;
	height:40px;
	border-bottom:1px solid #EBEBEB;
}

.top-header .contacts {
	margin:0;
}

.top-header .contacts li,
.vertical-menu-bottom .contacts li {
	color:#888888;
	font-weight:600;
	margin-top:7px;
}

.top-header .contacts li i,
.vertical-menu-bottom .contacts li i {
	border:2px solid #E87169;
	border-radius:50%;
	padding:5px 0 0;
	text-align:center;
	width:26px;
	height:26px;
	margin-right:5px;
	font-size:13px;
}

.top-header .links,
.top-header .languages {
	display:inline-block;
	padding:10px 0 0 10px;
}

.top-header .links li {
	padding:0 8px;
}

.top-header .links a {
	color:#888888;
	position:relative;
}

.top-header .links a:after {
	width:4px;
	height:4px;
	position:absolute;
	border-radius:50%;
	right:-11px;
	top:50%;
	margin-top:-1px;
	content:"";
	background-color:#888888;
}

.top-header .links li:last-child a:after {
	display:none;
}

.top-header-dark {
	background-color:#393939;
	border-color:#2B2B2B;
}

.top-header-dark .contacts li,
.navbar-dark .vertical-menu-bottom .contacts li {
	color:#AAAAAA;
}

.top-header-dark .links a {
	color:#AAAAAA;
}

/* HEADER - NAVBAR */

header.navbar {
	margin:0;
}

header.navbar-default {
	background-color:#FFFFFF;
	height:100px;
	border-color:#EBEBEB;
	transition:height 0.3s ease-in;
}

header.navbar > .container {
	position:relative;
}

header.navbar .navbar-brand {
	padding:37px 15px;
	height:auto;
	font-size:40px;
	font-weight:600;
	transition:all 0.3s ease-in;
}

.navbar-brand>img {
	margin-right:10px;
	display:inline-block;	
}

header.navbar .navbar-brand span {
	color:#666666;
	transition:color 0.3s ease-in;
}

header.navbar .navbar-brand:hover {
	color:#666666;
}

header.navbar .navbar-text {
	color:#999999;
	font-weight:300;
	font-size:16px;
}

/* NAVBAR NAV */

header.navbar .navbar-collapse {
	margin:25px 0;
	transition:all 0.3s ease-in;
}

header.navbar .navbar-nav > li > a {
	font-size:18px;
	padding:15px 15px;
	color:#777777;
}

header.navbar .navbar-nav > li > a i.fa-caret-down {
	font-size:14px;
	color:#CCCCCC;
	margin-left:3px;
}

header.navbar .navbar-nav > li > a span.label {
	position:absolute;
	top:-5px;
	right:10px;
}

header.navbar .navbar-nav > li > a.dropdown-toggle:after {
	content:"\f0d7";
	font-size:14px;
	color:#CCCCCC;
	margin-left:6px;
}

header.navbar .navbar-nav > li > a:hover,
header.navbar .navbar-nav > li > a:focus {
	background-color:transparent;
}

header.navbar .navbar-nav > li.dropdown.open > a {
	background-color:transparent;
}

.dropdown-menu {
	border:0;
	padding:0;
	border-radius:0;
	min-width:200px;
	box-shadow:0 1px 5px 0 rgba(0,0,0,0.15);
}

header.navbar .dropdown-menu {
	margin-top:25px;
	transition:margin-top 0.3s ease-in;
}

.dropdown-menu > li > a {
	color:#777777;
	padding:10px 15px;
	border-bottom:1px solid #EEEEEE;
	font-size:16px;
}

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

header.navbar .dropdown-menu > li > a:before {
	content:"\f0da";
	color:#CCCCCC;
	margin-right:8px;
	font-size:14px;
}

header.navbar .dropdown-menu > li > a:hover,
header.navbar .dropdown-menu > li > a:focus {
	background-color:#F9F9F9;
}

/* MEGAMENU */

header.navbar .navbar-nav > li.megamenu {
	position:static;
}

header.navbar .megamenu .dropdown-menu {
	left:15px;
	right:15px;
	margin-top:-19px;
	padding:10px 5px 0;
}

header.navbar .megamenu .dropdown-menu li {
	padding:0;
}

header.navbar .megamenu .dropdown-menu > li > a:before {
	display:none;
}

header.navbar .megamenu .dropdown-menu li ul {
    padding:0 10px 10px;
}

header.navbar .megamenu .dropdown-menu li ul li {
    padding:5px 10px;
    font-size:16px;
}

header.navbar .megamenu .dropdown-menu li ul li a {
	color:#777777;
}

header.navbar .megamenu .dropdown-menu li ul li.title {
	font-size: 20px;
    font-weight: bold;
    letter-spacing: -1px;
	color:#555555;
	border-bottom: 1px solid #EEEEEE;
	margin-bottom:5px;
}

header.navbar ul li a .label {
	margin-top:2px;
}

header.navbar .megamenu .dropdown-menu li ul li.title .label {
	font-size:14px;
	margin-top:4px;
	font-weight:600;
}

/* NAVBAR CART */

header.navbar .navbar-nav > li.navbar-cart,
header.navbar .navbar-nav > li.navbar-search {
	width:50px;
	text-align:center;
}

header.navbar .navbar-nav > li.navbar-cart > a.dropdown-toggle:after {
	display:none;
}

header.navbar li.navbar-cart .dropdown-menu {
	width:300px;
	padding:15px;
}

header.navbar li.navbar-cart .dropdown-menu > li {
	margin-bottom:15px;
}

header.navbar li.navbar-cart .dropdown-menu > li:last-child {
	margin-bottom:0;
	border-top:1px solid #EEEEEE;
	padding-top:15px;
}

header.navbar li.navbar-cart .dropdown-menu .row {
	margin:0;
}

header.navbar li.navbar-cart .dropdown-menu .row > div {
	padding:0;
}

header.navbar li.navbar-cart .dropdown-menu > li:last-child .row {
	margin:0 -15px;
}

header.navbar li.navbar-cart .dropdown-menu > li:last-child .row > div {
	padding:0 15px;
}

header.navbar li.navbar-cart .dropdown-menu img {
	padding-right:10px;
}

header.navbar li.navbar-cart .dropdown-menu a.remove {
	position:absolute;
	top:0px;
	right:0px;
	font-size:16px;
	color:#999999;
}

header.navbar li.navbar-cart .dropdown-menu h4 {
	margin-top:0;
}

header.navbar li.navbar-cart .dropdown-menu p {
	margin:0;
	font-size:16px;
	color:#666666;
}

/* NAVBAR SEARCH */

header.navbar .navbar-nav > li.navbar-search > a.dropdown-toggle:after {
	display:none;
}

header.navbar .navbar-nav > li.navbar-search {
	position:static;
}

header.navbar li.navbar-search .dropdown-menu {
	left:15px;
	right:15px;
	margin-top:-19px;
	padding:15px 15px 15px 0;
	box-shadow:none;
	z-index:999;
}

header.navbar-fixed-top li.navbar-search .dropdown-menu {
	box-shadow:0 1px 5px 0 rgba(0,0,0,0.15);
}

header.navbar li.navbar-search .form-control {
	font-size:32px;
	height:auto;
	border:0;
	font-weight:400;
}

/* HEADER SMALL - OFFSET > 165px */

header.navbar.navbar-small {
	height:60px;
	box-shadow:0 0 2px 0 rgba(0,0,0,0.1);
}

header.navbar.navbar-small .navbar-brand {
	padding:20px 15px;
	font-size:36px;
}

header.navbar.navbar-small .navbar-collapse {
	margin:5px 0;
}

header.navbar.navbar-small .dropdown-menu {
	margin-top:5px;
}

header.navbar.navbar-small .megamenu .dropdown-menu {
	margin-top:-5px;
}

header.navbar.navbar-small li.navbar-search .dropdown-menu {
	margin-top:-5px;
}

/* HEADER - NAVBAR TRANSPARENT */

header.navbar-transparent {
	height:60px;
	border:0;
	transition:background-color 0.3s ease-in;
}

header.navbar-transparent.navbar-offset {
	background-color:rgba(0,0,0,0.8);
}

header.navbar-transparent .navbar-brand {
	padding:20px 15px;
	font-size:36px;
}

header.navbar-transparent .navbar-text {
	color:#FFFFFF;
}

header.navbar-transparent .navbar-collapse {
	margin:5px 0;
}

header.navbar-transparent .navbar-brand span,
header.navbar-transparent .navbar-brand:hover {
	color:#FFFFFF;
}

header.navbar-transparent .navbar-nav > li > a {
	color:#FFFFFF;
	font-weight:600;
}

header.navbar-transparent .navbar-nav > li > a.dropdown-toggle:after {
	color:#FFFFFF;
}

header.navbar-transparent .dropdown-menu {
	margin-top:5px;
}

header.navbar-transparent .megamenu .dropdown-menu,
header.navbar-transparent li.navbar-search .dropdown-menu {
	margin-top:-5px;
}

/* HEADER - NAVBAR VERTICAL */

.vertical-menu #page-wrapper {
	margin-left: 300px;
}

.vertical-menu header.navbar-vertical {
	bottom:0;
    width:300px;
    background-color:#FFFFFF;
	border-right:1px solid #EEEEEE;
	box-shadow:0 0 20px 10px rgba(0,0,0,0.15);
}

.vertical-menu header.navbar-vertical > .container {
	position:static;
	width:auto;
	padding:0;
}

@media (min-width:768px) {
	.vertical-menu .navbar-header,
	.vertical-menu .navbar-brand,
	.vertical-menu .navbar-text,
	.vertical-menu .navbar-nav,
	.vertical-menu .navbar-nav > li {
		float:none !important;
	}
	
	.vertical-menu header.navbar .navbar-brand {
		display:block;
		padding:5px 15px;
		margin-left:0;
	}
	
	.vertical-menu header.navbar .navbar-collapse {
		margin:0;
	}
	
	.vertical-menu .navbar-nav {
		margin-right:0;
	}
	
	.vertical-menu header.navbar .navbar-nav > li > a,
	.vertical-menu header.navbar .navbar-nav > li > a:hover,
	.vertical-menu header.navbar .navbar-nav > li > a:focus {
		border-bottom:1px solid #EEEEEE;
	}
	
	.vertical-menu header.navbar .navbar-nav > li > a span.label {
		position:static;
	}
		
	.vertical-menu header.navbar .dropdown-menu {
		left:300px;
		right:auto;
		top:0;
		margin-top:0;
		box-shadow:1px 1px 5px 0 rgba(0,0,0,0.15);
		background:url(../images/header_bg.png) repeat;
		
	}
	
	.vertical-menu header.navbar .navbar-nav > li.megamenu {
		position:relative;
	}
	
	.vertical-menu header.navbar .megamenu .dropdown-menu {
		/* min-width:800px; */

		max-width: 800px;
    	width: calc(100vw - 300px);
	}
	
	.vertical-menu .vertical-menu-top .navbar-nav {
		margin:7px;
	}
	
	.vertical-menu .vertical-menu-top .navbar-nav > li {
		float:left !important;
		margin-right:7px;
	}
	
	.vertical-menu .vertical-menu-top ul.navbar-nav > li:last-child {
		margin-right:0;
	}
	
	.vertical-menu .vertical-menu-top ul.navbar-nav > li > a {
		background-color:#EEEEEE;
		font-size:14px;
		padding:3px 8px;
		border:0 !important;
	}
	
	.vertical-menu header.navbar .vertical-menu-top .navbar-nav > li > a.dropdown-toggle:after {
		display:none;
	}
	
	.vertical-menu .vertical-menu-top .navbar-nav > li > a img,
	.vertical-menu .vertical-menu-top .dropdown-menu > li > a img {
		margin-right:5px;
		position:relative;
		top:-2px;
	}
	
	.vertical-menu .vertical-menu-top .dropdown-menu > li > a {
		font-size:14px;
		padding:7px 10px;
	}
	
	.vertical-menu header.navbar .vertical-menu-top .navbar-nav > li.dropdown.open > a {
		background-color:#F5F5F5;
	}
	
	.vertical-menu header.navbar .navbar-nav > li.navbar-cart {
		width:auto;
	}
	
	.vertical-menu header.navbar .navbar-collapse .navbar-nav > li.navbar-cart,
	.vertical-menu header.navbar .navbar-collapse .navbar-nav > li.navbar-search {
		display:none;
	}
	
	.vertical-menu header.navbar .vertical-menu-top .dropdown-menu {
		left:0;
		top:100%;
		background-color:#FBFBFB;
	}
	
	.vertical-menu .vertical-menu-bottom {
		padding:20px 15px 0;
	}
	
	.vertical-menu .vertical-menu-bottom .navbar-form {
		margin-bottom:0px;
		padding:0;
	}
	
	.vertical-menu .vertical-menu-bottom .contacts {
		margin-bottom:20px;
	}
	
	.vertical-menu .vertical-menu-bottom .copyright {
		text-align:center;
		color:#AAAAAA;
	}
}

/* HEADER - NAVBAR DARK */

header.navbar-dark {
	/*background-color:#333333 !important;*/
	background:url(../images/header_bg.png) repeat !important;
	border-color:#2B2B2B !important;
}

header.navbar-dark .navbar-brand span {
	color:#FFFFFF;
}

header.navbar-dark .navbar-brand:hover {
	color:#FFFFFF;
}

header.navbar-dark .navbar-text {
	color:#CCCCCC;
}

.vertical-menu header.navbar-dark .navbar-form .form-control {
	background-color:#333333;
	border-color:#555555;
	color:#CCCCCC;
}

header.navbar-dark .navbar-nav > li > a {
	color:#CCCCCC;
}

.vertical-menu header.navbar-dark .navbar-nav > li > a,
.vertical-menu header.navbar-dark .navbar-nav > li > a:hover,
.vertical-menu header.navbar-dark .navbar-nav > li > a:focus {
	border-color:#2E2E2E;
}

header.navbar-dark .navbar-nav > li > a:hover {
	border-color:#555555;
}

header.navbar-dark .dropdown-menu {
	background-color:#333333;
}

header.navbar-dark .dropdown-menu > li > a {
	color:#CCCCCC;
	border-color:#2E2E2E;
}

header.navbar-dark .dropdown-menu > li > a:hover, 
header.navbar-dark .dropdown-menu > li > a:focus {
	background-color:#444444;
}

header.navbar-dark .megamenu .dropdown-menu li ul li.title {
	color:#CCCCCC;
	border-color:#337AB7;
}

header.navbar-dark .megamenu .dropdown-menu li ul li a {
	color:#CCCCCC;
}

header.navbar-dark li.navbar-cart .dropdown-menu p {
	color:#CCCCCC;
}

header.navbar-dark li.navbar-cart .dropdown-menu > li:last-child {
	border-color:#2E2E2E;
}

header.navbar-dark li.navbar-search .form-control {
	background-color:#333333;
}

.vertical-menu header.navbar-dark .vertical-menu-top ul.navbar-nav > li > a {
	background-color:#222222;
}

.vertical-menu header.navbar-dark .vertical-menu-top .navbar-nav > li.dropdown.open > a {
	background-color:#2D2D2D;
}
	
.vertical-menu header.navbar-dark .vertical-menu-top .dropdown-menu {
	background-color:#3B3B3B;
}

.vertical-menu header.navbar-dark .vertical-menu-bottom .copyright {
	color:#999999;
}

/*------------------------------
	CONTENT
------------------------------*/

.content {
	padding:0;
}

.content a {
	transition:all 0.2s ease-in;
}

body.page-boxed .content.pattern {
	background-image:url(../images/pattern.png);
}

.content h1 {
	font-family:'微軟正黑體','Source Sans Pro', Verdana, Geneva, sans-serif;
    color:#666666;
	margin-top:0;
	font-size:46px;
}

.content h2 {
	font-family:'Yu Gothic','Source Sans Pro', Verdana, Geneva, sans-serif;
    color:#F0F0F0;
	letter-spacing:-1px;
	margin-top:0;
	font-size:32px;
}

.content h3,
.separator h3 {
	font-family: '微軟正黑體','Source Sans Pro', Verdana, Geneva, sans-serif;
	margin: 0 0 10px;
	color: #ddd;
	letter-spacing: -1px;
}

.separator {
	background-color:#FFFFFF;
	padding:10px 0;
}

.default-style,
.products-header,
.sidebar .widget,
.error-wrapper,
#scrollspy-nav .affix,
.components-content {
	box-shadow:0 1px 2px 0 rgba(0,0,0,0.5);
}

.default-style {
	padding:50px 50px 20px;
}

.border-top {
	border-top:1px solid #F0F0F0;
}

.border-bottom {
	border-bottom:1px solid #F0F0F0;
}

.content .box {
	padding:12px;
	border:2px solid #F0F0F0;
	margin-bottom:30px;
}

.content .box h4 {
	margin:-12px -12px 12px;
	background-color:#F5F5F5;
	border-bottom:2px solid #F0F0F0;
	padding:12px;
	color:#888888;
}

.content .box h5 {
	font-weight:bold;
	color:#888888;
}

.content .box h4 + p,
.content .box h5 + p {
	margin-bottom:0;
}

.content .box ul {
	margin:0;
}

.content .box ul li {
	font-size:15px;
	color:#777777;
	padding:2px 0;
}

.section-title {
	text-align:center;
	margin-bottom:30px;
}

.section-title p {
	color:#AAAAAA;
	font-weight:600;
	font-size:16px;
}

/* SEPARATOR: NEWSLETTER */
.download-link{
	color:#fff;	
}
.download-link:hover{
	color:#000;	
}

.separator-newsletter {
	background:url(../images/header_bg.png) repeat;
	border-top:2px solid rgba(0,0,0,0.05);
	border-bottom:2px solid rgba(0,0,0,0.05);
	margin:30px 0 0;
	padding:30px 0;
}

.separator-newsletter .newsletter-left {
	position:relative;
}

.separator-newsletter .newsletter-right {
	padding-left:210px;
}

.separator-newsletter .newsletter-badge {
	text-align:center;
	border:2px solid rgba(0,0,0,0.1);
	border-radius:50%;
	width:180px;
	height:180px;
	color:#FFFFFF;
	padding-top:26px;
	position:absolute;
	top:-50px;
	box-shadow:1px 1px 6px 1px rgba(0,0,0,0.2);
	z-index:950;
}

.separator-newsletter .newsletter-badge span,
.featured-products .newsletter-badge span {
	display:block;
	line-height:42px;
	text-transform:uppercase;
	font-size:18px;
	font-weight:bold;
}

.separator-newsletter .newsletter-badge span.price,
.featured-products .newsletter-badge span.price {
	font-size:50px;
}

.separator-newsletter .newsletter-badge span.en-price {
	font-size: 30px;
}

.separator-newsletter p {
	color: #EBEBEB;
	font-size: 16px;
	margin: 0;
}

.separator-newsletter form {
	margin-top:17px;
}

/*------------------------------
	COMPONENTS
------------------------------*/

/* ICON NAVIGATION */

.icon-nav {
	margin-top:30px;
}

.icon-nav a {
	text-align:center;
	display:block;
	background-color: #F9F9F9;
	box-shadow: 0 1px 2px 0 rgba(0,0,0,0.15);
	padding:20px 0;
	font-size:20px;
	font-weight:300;
	color:#777777;
	transition:all 0.2s ease-in;
	margin-bottom:30px;
}

.icon-nav a i {
	display:block;
	margin-bottom:8px;
	font-size:28px;
}

.icon-nav a:hover {
	color:#FFFFFF;
}

/* VERTICAL TABS */

.tabs.vertical-tabs .nav-tabs {
    border:0;
}

.tabs.vertical-tabs .nav-tabs > li {
    float:none;
	margin-right:0;
}

.tabs.vertical-tabs .nav-tabs > li > a {
	background-color:#F9F9F9;
	border:1px solid #F0F0F0;
	border-top:0;
}

.tabs.vertical-tabs .nav-tabs > li > a:hover {
	background-color:#F5F5F5;
	border-color:#F0F0F0;
}

.tabs.vertical-tabs .nav-tabs > li:first-child > a {
	border-top:1px solid #F0F0F0;
}

.tabs.vertical-tabs .nav-tabs > li.active > a, 
.tabs.vertical-tabs .nav-tabs > li.active > a:focus, 
.tabs.vertical-tabs .nav-tabs > li.active > a:hover {
	background-color:#FFFFFF;
	border-left:2px solid #E87169;
	border-right:0;
	border-bottom:1px solid transparent;
}

.tabs.vertical-tabs .tab-content {
	padding-top:0;
}

/*------------------------------
	SIDEBAR
------------------------------*/

.sidebar .widget {
	margin-bottom:20px;
}

.sidebar .widget h3 {
	margin:0;
	font-size:16px;
	font-weight:600;
	letter-spacing:0;
}

.sidebar .widget h3 a {
	color:#FFFFFF;
	padding:8px 10px;
	display:block;
}

.sidebar .widget h3 a:after {
	content:"\f0d7";
	float:right;
}

.sidebar .widget h3 a.collapsed:after {
	content:"\f0da";
}

.widget .widget-body {
	padding:13px;
}

/*------------------------------
	PRODUCTS
------------------------------*/

.products-header {
	margin-bottom:20px;
	padding:10px;
}

.products-header > .row > div:last-child {
	text-align:right;
}

.products-header .toggle-list-grid button {
	margin:0 4px;
}

.products-header .order-by {
	display:inline-block;
	margin-left:10px;
}

/* GRID/LIST */

article.product-item  {
	position:relative;
	overflow:hidden;
}

article.product-item .product-overlay {
	position:relative;
	display:block;
}

article.product-item .product-overlay .product-mask {
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
	opacity:0;
	filter:alpha(opacity=0);
	transition:all 0.2s ease-out;
	background-color:#999999;
	z-index:110;
}

article.product-item:hover .product-overlay .product-mask {
	opacity:0.3;
	filter:alpha(opacity=30);
}

article.product-item .product-image-2 {
	position:absolute;
	top:0;
	opacity:0;
	transition:opacity 0.6s ease-in;
	z-index:100;
}

article.product-item:hover .product-image-2 {
	opacity:1;
}

article.product-item .product-quickview {
	position:absolute;
	width:100%;
	top:50%;
	left:0;
	margin-top:-32px;
    transition:all 0.2s ease-out;
	text-align:center;
	opacity:0;
	z-index:130;
}

article.product-item:hover .product-quickview {
	opacity:1;
}

article.product-item .product-quickview .btn-quickview {
    background-color:rgba(255,255,255,0.8);
	padding:20px 0;
	width:100%;
	border-radius:0;
	font-size:20px;
	text-transform:uppercase;
	font-weight:600;
	transition:all 0.3s ease-in;
}

article.product-item .product-quickview .btn-quickview:hover, 
article.product-item .product-quickview .btn-quickview:focus {
	color:#666666;
}

article.product-item .product-permalink {
	display:block;
    width:100%;
    height:100%;
	position:absolute;
	z-index:120;
}

article.product-item h3 {
	font-weight:600;
	font-size:18px;
	line-height:24px;
	margin-top:15px;
	letter-spacing:2px;
	color:#ddd;
	/*height:44px;*/
}

article.product-item .product-rating {
	padding:0 0 5px;
}

.account-content{
	margin-top:50px;	
}

article.product-item .product-rating i,
.account-content .product-rating i,
.small-product li .product-rating i {
	font-size:16px;
	padding:0 1px;
	color:#F2CD00;
}

article.product-item .price,
.small-product li .price {
	font-size:18px;
	color:#888888;
}

article.product-item .price ins,
.small-product li .price ins {
	text-decoration:none;
	font-weight:600;
	color:#333333;
}

article.product-item .price del + ins,
.small-product li .price del + ins {
	text-decoration:none;
	font-size:22px;
	margin-left:3px;
	font-weight:400;
}

article.product-item .buttons {
	padding:5px 0 15px;
}

article.product-item .buttons a {
	font-size:16px;
}

article.product-item .buttons a.add-to-cart i {
	margin-right:5px;
}

article.product-item .buttons-simple {
	padding:10px 0 15px;
}

article.product-item .buttons-simple a {
	font-size:19px;
	padding:0 7px;
}

article.product-item .buttons-simple a:hover {
	color:#666666;
}

article.product-item .product-labels {
	position:absolute;
	padding:15px;
	z-index:125;
}

article.product-item .product-labels .label {
	border-radius:50%;
	width:36px;
	height:36px;
	padding:10px 0 0;
	display:inline-block;
	font-size:12px;
	border:2px solid #FFFFFF;
	text-transform:uppercase;
}

article.product-item .product-labels .label.label-danger {
	background-color:#E87169;
}

article.product-item .product-labels .label.label-info {
	background-color:#39B3CA;
}

/* LIST */

#products.list > div {
	width:100%;
}

#products.list article.product-item .product-body {
	padding-right:15px;
}

#products.list article.product-item p {
	font-size:15px;
	color:#888888;
	margin:10px 0 0;
}

#products.list article.product-item h3 {
	height:auto;
}

#products.list article.product-item .product-labels {
	top:0;
	right:15px;
}

#products.list article.product-item .product-labels .label {
	box-shadow:0 0 1px 0 rgba(0,0,0,0.2);
}

/* GRID */

#products.grid article.product-item {
	margin-top:50px;
	text-align:center;
}

#products.grid article.product-item > .row > div {
	width:100%;
	float:none;
	position:static;
}

#products.grid article.product-item .product-body {
	padding:0 10px;
}

#products.grid article.product-item p {
	display:none;
}

#products.grid article.product-item .product-labels {
	top:0;
	left:0;
}

/*------------------------------
	SINGLE PRODUCT
------------------------------*/

article.product-item.product-single {
	padding:0 15px 0 0;
}

article.product-item.product-single .product-labels {
	top:0;
    right:0;
}

article.product-item.product-single .product-labels .label {
    box-shadow:0 0 1px 0 rgba(0,0,0,0.2);
}

article.product-item.product-single h3 {
    height:auto;
}

article.product-item.product-single .product-rating {
	padding:0 0 10px;
}

article.product-item.product-single .product-info {
	margin:20px 0;
}

article.product-item.product-single .product-info li {
	padding:3px 0;
	font-size:16px;
	font-weight:bold;
}

article.product-item.product-single .product-info li span {
	display: inline-block;
	width: 100px;
	color: #ddd;
	font-size:16px;
	font-weight: 400;
}

article.product-item.product-single .product-info li b{
	display: inline-block;
	width: 100px;
	color:#333;	
}

article.product-item.product-single p {
	font-size:15px;
	color:#AAAAAA;
	margin:10px 0 20px;
}

article.product-item.product-single .product-form label {
    margin:0 7px 0 0;
}

article.product-item.product-single .product-form .form-control {
	width:160px;
	height:38px;
}

article.product-item.product-single .product-quantity,
article.product-item.product-single .product-size,
article.product-item.product-single .product-color {
	padding-bottom:0px;
}

article.product-item.product-single .product-quantity .btn {
	font-size:16px;
	font-weight:bold;
	width:40px;
	float:left;
	background-color:#F0F0F0;
	z-index:500;
	padding:6px 12px;
}

article.product-item.product-single .product-quantity .form-control {
	display:inline-block;
	width:80px;
	text-align:center;
	height:38px;
	float:left;
	z-index:510;
}

article.product-item.product-single .product-quantity .btn:last-child {
	border-left:0;
}

article.product-item.product-single .add-to-cart {
	float:right;
	padding:7px 12px;
}

article.product-item.product-single .add-to-cart i {
	margin-right:5px;
}

article.product-item.product-single .product-links {
	clear:both;
	margin-top:10px;
	padding-top:10px;
	border-top:2px solid #F0F0F0;
}

article.product-item.product-single .product-links li {
	padding-right:10px;
}

article.product-item.product-single .product-links a {
	font-size:15px;
	color:#999999;
}

article.product-item.product-single .product-links a:hover {
	color: #333333;
}

article.product-item.product-single .product-links a i {
	margin-right:4px;
}

.tabs.product-tabs .nav-tabs {
	border-bottom:0;
}

.tabs.product-tabs .nav-tabs > li > a {
	background-color:#FFFFFF;
	opacity:0.85;
	border-top:2px solid transparent;
}

.tabs.product-tabs .nav-tabs > li.active > a, 
.tabs.product-tabs .nav-tabs > li.active > a:focus, 
.tabs.product-tabs .nav-tabs > li.active > a:hover {
	background-color:#FFFFFF;
	color:#999999;
	border-top:2px solid #E87169;
	opacity:1;
}

.tabs.product-tabs .tab-content {
	background-color:#FFFFFF;
	padding:20px;
}

.releated-products {
	margin-top:40px;
}
/* WIDGET FACEBOOK */

.footer-widget-facebook ul li a {
	display:block;
	margin:0 5px;
}

.footer-widget-facebook p {
	font-weight:600;
	font-size:18px;
	margin-top:20px;
}

.footer-widget-facebook p a {
	font-size:12px;
	color:#CCCCCC;
	float:right;
	position:relative;
	top:-4px;
	letter-spacing:1px;
}

.footer-widget-facebook p a i {
	margin-right:5px;
}

/* PROFILE */

.account-content .account-profile-top div {
	display:inline-block;
}

.account-content .account-profile-top div.button {
	float:right;
}

.account-content .account-profile-top img {
	margin-right:10px;
}

.account-content .account-profile-top h3 {
	position:relative;
	top:12px;
}

.account-content .account-profile-top h3 small {
	display:block;
	padding:5px 0 0 2px;
	color:#BBBBBB;
	font-size:60%;
}

.account-content .account-profile-top a {
	margin-top:19px;
}

.account-content .form-horizontal {
	clear:both;
	margin-top:20px;
}
/* SIGN UP / SIGN IN */

.login-form-wrapper {
    padding:20px;
	margin:40px 0 10px;
}

.login-form-wrapper form {
	margin-bottom:20px;
	padding-bottom:20px;
	border-bottom:2px solid #D0D0D0;
}

.login-form-wrapper.no-border form {
	margin-bottom:0;
	padding-bottom:0;
	border-bottom:0
}

.login-form-wrapper h3 {
    font-size:24px;
}

.login-form-wrapper p {
	margin:0 0 10px;
    font-weight:600;
    color:#999;
}

.btn-brand {
	background-color:#777777;
	display:block;
	color:#FFFFFF;
	opacity:0.9;
	transition:opacity 0.3s ease-in;
	padding:10px 12px;
}

.btn-brand:hover {
	opacity:1;
	color:#FFFFFF;
}

.btn-brand i {
	margin-right:5px;
}

.btn-facebook {background-color:#3B5998;}
.btn-google-plus {background-color:#D13E29;}

.form-text {
	font-weight:600;
	text-align:center;
	color:#888888;
	font-size:15px;
}

/*------------------------------
	JUMBOTRONS - CAROUSELS
------------------------------*/

.jumbotron {
	background-color:#000;
	margin:0;
	padding:0;
}
@media (max-width:768px) {
	.jumbotron {
		margin-top: 0px;
	}
}
.jumbotron-full-height {
	height:100%;
}

.container .jumbotron-small {
	padding:0;
}

.jumbotron .owl-theme .owl-controls .owl-nav div {
	width:50px;
	height:50px;
	padding:4px 0 0;
	font-size:28px;
	background-color:rgba(0,0,0,0.25);
	margin-top:-25px;
}

.jumbotron .owl-carousel .item {
	position:relative;
	background-size:cover;
	height:400px;
}

.jumbotron-full-height .owl-carousel,
.jumbotron-full-height .owl-carousel .item,
.jumbotron-full-height .owl-carousel .owl-item,
.jumbotron-full-height .owl-carousel .owl-stage,
.jumbotron-full-height .owl-carousel .owl-stage-outer {
	height:100%;
}

.jumbotron .owl-carousel .slide-mask {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0);
}

.jumbotron .owl-carousel .slide-body {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	padding:0 70px;
}

.jumbotron h1 {
	color:#FFFFFF;
	font-size:70px;
	font-family:'微軟正黑體','Source Sans Pro', Verdana, Geneva, sans-serif;
	font-weight:800;
	margin:0 0 20px;
}

.jumbotron h2 {
	color:#FFFFFF;
	font-size:40px;
	font-family:'微軟正黑體','Source Sans Pro', Verdana, Geneva, sans-serif;
	font-weight:200;
	margin:0 0 20px;
}

.jumbotron ul li {
	color:#FFFFFF;
	font-size:24px;
	padding:8px 0;
	font-family:'微軟正黑體','Source Sans Pro', Verdana, Geneva, sans-serif;
	font-weight:300;
}

.jumbotron p {
	color:#FFFFFF;
	font-size:20px;
	font-family:'微軟正黑體','Source Sans Pro', Verdana, Geneva, sans-serif;
	font-weight:500;
	letter-spacing:4px;
}

.jumbotron a.btn {
	font-family:'微軟正黑體','Source Sans Pro', Verdana, Geneva, sans-serif;
	font-weight:400;
	margin-right:5px;
	border-color:#FFFFFF;
}

.jumbotron a.btn:last-child {
	margin-right:0;
}

.jumbotron a.btn-lg {
	font-size:18px;
	padding:12px 20px;
}

.jumbotron a.btn-default {
	color:#FFFFFF;
}

.jumbotron a.btn-inverse {
	color:#666666;
	background-color:#FFFFFF;
}

.jumbotron a.btn-inverse:hover {
	background-color:rgba(255,255,255,0.8);
}

.jumbotron .border {
	border:2px solid #FFFFFF;
	padding:10px 15px;
	display:inline-block;
}

.jumbotron .grey-background {
	background-color:rgba(0,0,0,0.35);
	display:inline-block;
	padding:10px 15px;
}

.jumbotron .color-background {
	display:inline-block;
	padding:10px 15px;
}

.jumbotron-video .mb_YTPBar {
	display:none !important;
}

/* HOMEPAGE 2 */

/* HOME2 - SLIDE 1 */

#homepage-2-carousel .slide-1 {
	background-image:url(../images/slide-4.jpg);
	text-align:center;
}

#homepage-2-carousel .slide-1 .slide-mask {
	background-color:rgba(0,0,0,0.35);
}

#homepage-2-carousel .slide-1 h1 {
	font-weight:300;
	font-size:40px;
	margin:300px 0 0;
}

#homepage-2-carousel .slide-1 h2 {
	font-size:70px;
	line-height:90px;
	margin:50px 0;
}

/* HOME2 - SLIDE 2 */

#homepage-2-carousel .slide-2 {
	background-image:url(../images/slide-5.jpg);
}

#homepage-2-carousel .slide-2 .slide-mask {
	background-color:rgba(0,0,0,0.35);
}

#homepage-2-carousel .slide-2 h1 {
	font-weight:300;
	font-size:50px;
	margin:250px 0 0;
}

#homepage-2-carousel .slide-2 h2 {
	font-weight:300;
	font-size:32px;
	margin:0 0 30px;
}

#homepage-2-carousel .slide-2 ul li {
	font-size:32px;
}

#homepage-2-carousel .slide-2 ul li i {
	margin-right:10px;
	color:#DDDDDD;	
}

/* HOME2 - SLIDE 3 */

#homepage-2-carousel .slide-3 {
	background-image:url(../images/slide-3.jpg);
}

#homepage-2-carousel .slide-3 .slide-mask {
	background-color:rgba(0,0,0,0.35);
}


/* OWL ANIMATION */

.owl-animation .animation {
	transition:transform 1s ease-in;
	opacity:0;
}

.owl-animation .fast {
	transition-duration:0.5s;
}

.owl-animation .slow {
	transition-duration:1.5s;
}

.owl-animation .very-slow {
	transition-duration:2s;
}

.owl-animation .active .animation {
	opacity:1;
}

.owl-animation .delay-1,
.owl-animation .delay-2,
.owl-animation .delay-3,
.owl-animation .delay-4,
.owl-animation .delay-5 {
	transition-delay:0s;
}

.owl-animation .active .delay-1 {
	transition-delay:0.5s;
}

.owl-animation .active .delay-2 {
	transition-delay:1s;
}

.owl-animation .active .delay-3 {
	transition-delay:1.5s;
}

.owl-animation .active .delay-4 {
	transition-delay:2s;
}

.owl-animation .active .delay-5 {
	transition-delay:2.5s;
}

.owl-animation .top-to-bottom {transform:translateY(-1000px);}
.owl-animation .bottom-to-top {transform:translateY(1000px);}

.owl-animation .left-to-right {transform:translateX(-1000px);}
.owl-animation .right-to-left {transform:translateX(1000px);}

.owl-animation .active .top-to-bottom,
.owl-animation .active .bottom-to-top {
	transform:translateY(0);
}

.owl-animation .active .left-to-right,
.owl-animation .active .right-to-left {
	transform:translateX(0);
}

/* SECTION - GRID PRODUCTS */

.grid-products {
	background-color:#FFFFFF;
}

.grid-products .product-item {
	text-align:center;
	box-shadow:none;
}

.grid-products .product-item h3 a {
	color:#777777;
}

/* SECTION - TOP PRODUCTS */

.featured-products {
	background-color:#FFFFFF;
}

.featured-products .tabs p {
	font-size:17px;
	color:#888888;
}

.featured-products .product-item {
	text-align:center;
	box-shadow:none;
}

.featured-products .product-item h3 {
	height:auto;
}

.featured-products .newsletter-badge {
	padding-top:27px;
}

.featured-products .newsletter-badge span {
	text-align:center;
	color:#888888;
	font-size:20px;
}

/*------------------------------
	OTHER PAGES
------------------------------*/

.eshop {
	font-size:16px;
	color:#777777;
}

.eshop ul li {
	padding:5px 0;
}


.eshop ul li i {
	margin-right:10px;
}

.eshop .services {
	padding:20px 0 0;
}

.eshop .services h2 {
	margin-bottom:30px;
}

#scrollspy-nav .affix {
	top:80px;
	width:300px;
}

/* STORES */

.map-wrapper {
	position:relative;
}

#map-tooltip {
	position:absolute;
	top:30px;
	left:30px;
	font-size:18px;
}

#map-tooltip p {
	margin:0;
	padding:15px 20px;
	color:#FFFFFF;
	background:#000;
	border:2px solid rgba(0,0,0,0.1);
}

.stores form {
	float:none;
}

.stores form label {
	font-size:20px;
	position:relative;
}

.stores select.form-control {
	width:150px;
	font-size:16px;
	height:40px;
}

.store.default-style {
	padding:20px;
	margin-bottom:30px;
}

.store .store-body {
	padding:20px;
	position:relative;
}

.store .store-body h3 {
	font-size:20px;
	line-height:26px;
	font-weight:600;
	letter-spacing:0;
}

.store .store-body ul {
	margin:0;
}

.store .store-body p,
.store .store-body ul li {
	font-size:14px;
}

.store .store-body ul li i {
    border:2px solid #E87169;
    border-radius:50%;
    padding-top:4px;
    text-align:center;
    width:27px;
    height:27px;
    margin-right:5px;
}

.store .store-body ul.grey-color li i {
    color:#999999;
	border-color:#999999;
}

.store .store-image {
	position:relative;
}

.store .store-opening-hours {
	position:absolute;
	top:30px;
	right:30px;
	padding:20px;
}

.store .store-opening-hours ul {
    margin:0;
}

.store .store-opening-hours ul li {
    font-weight:bold;
	color:#FFFFFF;
	font-size:18px;
	padding:2px 0;
}

.store .store-opening-hours ul li span {
    font-weight:400;
    width:100px;
    display:inline-block;
}



/*------------------------------
	COMPONENTS
------------------------------*/

.components-content {
	padding:20px;
}

.components-content h2.component-heading {
	border-bottom:2px solid #D0D0D0;
	padding-bottom:10px;
	margin-bottom:30px;
	margin-top:50px;
}

.components-content h2.component-heading:first-child {
	margin-top:0;
}

.components-content h2.component-heading i {
	color:#B0B0B0;
	font-size:24px;
	margin-right:15px;
}

.components h1,
.components h2,
.components h3,
.components h4,
.components h5,
.components h6 {
	margin-bottom:30px;
}

.components .table {
	margin-bottom:50px;
}

.components .default-style {
	background-color:#F9F9F9;
	margin-bottom:30px;
}

#default-carousel .item,
#default-carousel-fade .item {
	height:300px;
	background-size:cover;
}

/*------------------------------
	RESPONSIVITY
------------------------------*/

@media (min-width:1200px) and (max-width:1400px) {
	body.page-boxed .jumbotron .owl-theme .owl-controls .owl-nav div {
		display:none!important;
	}
}

@media (min-width:992px) and (max-width:1100px) {
	body.page-boxed .jumbotron .owl-theme .owl-controls .owl-nav div {
		display:none!important;
	}
}

@media (min-width:768px) and (max-width:880px) {
	body.page-boxed .jumbotron .owl-theme .owl-controls .owl-nav div {
		display:none!important;
	}
}

@media (min-width:1367px) and (max-width:1600px) {
	#homepage-2-carousel .slide-1 h1 {
		margin-top:200px;
	}
	
	#homepage-2-carousel .slide-2 h1 {
		margin-top:200px;
	}
}

@media (min-width:1200px) and (max-width:1366px) {
	#homepage-2-carousel .slide-1 h1 {
		margin-top:160px;
	}
	
	#homepage-2-carousel .slide-2 h1 {
		margin-top:160px;
	}
}

/*------------------------------
	MEDIUM DEVICES
------------------------------*/

@media (min-width:992px) and (max-width:1199px) {	
	.jumbotron .owl-carousel .slide-body {
		padding:0 60px;
	}
	
	.jumbotron .owl-theme .owl-controls .owl-nav div {
		width:40px;
		height:40px;
		padding:3px 0 0;
		font-size:24px;
		margin-top:-20px;
	}
	
	#homepage-1-carousel .slide-1 {
		background-position-y:-100px;
	}
	
	#homepage-2-carousel .slide-1 h1 {
		margin-top:130px;
	}
	
	#homepage-2-carousel .slide-1 h2 {
		font-size:60px;
		line-height:80px;
	}
	
	#homepage-2-carousel .slide-2 h1 {
		margin-top:150px;
	}
	
	#homepage-3-carousel .slide-1 h1 {
		font-size:64px;
	}
	
	#homepage-4-carousel .slide-1 h1 {
		margin-top:70px;
	}
	
	body.page-boxed .owl-theme.nav-inside .owl-controls .owl-nav div.owl-prev {
		left:-50px;
	}
	
	body.page-boxed .owl-theme.nav-inside .owl-controls .owl-nav div.owl-next {
		right:-50px;
	}
	
	.separator-newsletter {
		margin:20px 0 0;
	}
	
	.separator-newsletter .newsletter-badge {
		top:-39px;
	}
	
	.footer-widget #twitter-wrapper a {
		font-size:12px;
	}
}

/*------------------------------
	SMALL DEVICES
------------------------------*/

@media (min-width:768px) and (max-width:991px) {
	header.navbar-default .navbar-nav > li > a {
		font-size:16px;
		padding:15px 10px;
	}
	
	body.page-boxed #homepage-1-carousel .item {
		height:496px;
	}
		
	.jumbotron .owl-theme .owl-controls .owl-nav div {
		width:40px;
		height:40px;
		padding:3px 0 0;
		font-size:24px;
		margin-top:-20px;
	}
	
	body.page-boxed .owl-theme.nav-inside .owl-controls .owl-nav div.owl-prev {
		left:-50px;
	}
	
	body.page-boxed .owl-theme.nav-inside .owl-controls .owl-nav div.owl-next {
		right:-50px;
	}
	
	.content h3, .separator h3 {
		font-size:20px;
	}
	
	.breadcrumb-wrapper p {
		font-size:30px;
	}
	
	.product-body .btn {
		font-size:14px;
		padding:6px 9px;
	}
	
	#products.grid article.product-item .product-body {
		padding:0 5px;
	}
	
	article.product-item h3 {
		font-size:16px;
		line-height:22px;
	}
	
	.product-body .btn.add-to-cart i {
		display:none;
	}
	
	.input-group-lg > .form-control {
		font-size:14px;
		height:36px;
    	padding:6px 12px;
	}
	
	.input-group-lg > .input-group-btn > .btn,
	.btn-lg {
		font-size:14px;
		padding:6px 12px;
		line-height:1.42857143;
		height:auto;
	}
	
	.separator-newsletter {
		margin:10px 0 0;
	}
	
	.separator-newsletter .newsletter-badge {
		width:160px;
		height:160px;
		padding-top:22px;
		top:-32px;
	}
	
	.separator-newsletter .newsletter-badge span {
		font-size:16px;
		line-height:38px;
	}
	
	.separator-newsletter .newsletter-badge span.price {
		font-size:40px;
	}

	.separator-newsletter .newsletter-badge span.en-price {
		font-size:30px;
	}
	
	.separator-newsletter p {
		font-size:14px;
		color:#999999;
	}
	
	.footer-widget h4 {
		font-size:18px;
	}
	
	.footer-widget a {
		font-size:14px;
	}
	
	.footer-widget-contacts ul li {
		font-size:14px;
	}
	
	.footer-widget-contacts ul li i {
		display:none;
	}
	
	.footer-widget-contacts ul li.social i {
		display:inline-block;
	}
	
	.footer-widget #twitter-wrapper p {
		font-size:12px;
	}
	
	.footer-widget #twitter-wrapper a {
		font-size:11px;
	}
	
	.footer-widget-facebook p {
		font-size:14px;
	}
	
	.footer-bottom ul.payment-methods {
		font-size:24px;
		margin-top:6px;
	}
	
	.account-content .checkout-step .title {
		height:44px;
	}
	
	.stores select.form-control {
		width:160px;
	}
	
	.store .store-opening-hours ul li {
		font-size:16px;
	}
	
	.store .store-opening-hours {
		padding:15px;
		top:20px;
		right:20px;
	}
	
	.store .store-body h3 {
		font-size:18px;
	}
	
	.blog article.post .post-left {
		width:80px;
	}
	
	.blog article.post .post-left .author span.name {
		font-size:14px;
	}
	
	.blog article.post {
		padding-left:100px;
	}
	
	.categories .category .category-title {
		font-size:40px;
		margin-top:-31px;
	}
	
	.categories .category .category-title span {
		font-size:18px;
	}
	
	.testimonials .item {
		margin:0;
	}
	
	.our-stores {
		background-position:0;
		padding:30px 0;
	}
	
	.our-stores .store {
		padding:15px;
	}
	
	.sidebar .nav-pills > li > a {
		padding:8px 10px;
	}
	
	.sidebar .nav-pills > li > a:after {
		display:none;
	}
	
	.account-content .form-horizontal .control-label {
		padding-top:0;
		margin-bottom:5px;
	}
	
	.small-product li h3 {
		font-size:16px;
		line-height:20px;
	}
	
	.notification h3 {
		font-size:24px;
		margin-bottom:10px;
	}
	
	.notification p {
		font-size:18px;
	}
	
	.notification span {
		font-size:28px;
		line-height:36px;
		margin-bottom:10px;
	}
	
	.grid-products .small-product li img {
		display:none;
	}
	
	#map-canvas {
		height:400px;
	}
	
	.jumbotron h1 {
		font-size:60px;
	}
	
	.jumbotron p {
		font-size:18px;
	}
	
	#homepage-1-carousel .slide-1 {
		background-position-y:0;
	}
	
	#homepage-2-carousel .slide-1 h1 {
		margin-top:100px;
	}
	
	#homepage-2-carousel .slide-1 h2 {
		font-size:50px;
		line-height:70px;
		margin:30px 0;
	}
	
	#homepage-2-carousel .slide-2 h1 {
		margin-top:120px;
		font-size:40px;
	}
	
	#homepage-2-carousel .slide-2 h2 {
		font-size:26px;
	}
	
	#homepage-2-carousel .slide-2 ul li {
		font-size:24px;
	}
	
	#homepage-3-carousel .slide-1 h1 {
		font-size:46px;
	}
	
	#homepage-3-carousel .slide-1 h2 {
		font-size:30px;
	}
	
	#homepage-3-carousel .slide-2 {
		background-position:0;
	}
	
	#homepage-3-carousel .slide-2 h1 {
		font-size:46px;
	}
	
	#homepage-4-carousel .slide-1 h1 {
		font-size:46px;
	}
}

/*------------------------------
	EXTRA SMALL DEVICES
------------------------------*/
@media (max-width:767px) {
	.jumbotron .owl-carousel .item {
		height:300px!important;
	}
	
	.vertical-menu .jumbotron .owl-carousel .item {
		height:100%!important;
	}
	
	.jumbotron-full-height {
		height:auto;
	}
	
	.vertical-menu .jumbotron-full-height {
		height:50%;
	}
	
	.jumbotron .owl-carousel .slide-body {
		padding:0 15px;
	}
	
	.jumbotron .owl-theme .owl-controls,
	.nav-inside .owl-controls {
		display:none;
	}
	
	.jumbotron h1 {
		font-size:50px;
	}
	
	.jumbotron p {
		font-size:16px;
	}
	
	.jumbotron ul li {
		font-size:20px;
		padding:4px 0;
	}
	
	#homepage-1-carousel .slide-1 {
		background-position-y:0;
	}
		
	#homepage-1-carousel .slide-1 i {
		margin-top:60px;
		font-size:50px;
	}
	
	#homepage-1-carousel .slide-2 h1 {
		margin-top:60px;
		font-size:30px;
	}
	
	#homepage-1-carousel .slide-3 h1 {
		margin-top:100px;
	}
	
	#homepage-2-carousel .slide-1 h1 {
		font-size:24px;
		margin:70px 0 0;
	}
	
	#homepage-2-carousel .slide-1 h2 {
		font-size:34px;
		line-height:44px;
		margin:25px 0;
	}
	
	#homepage-2-carousel .slide-1 .btn{
		font-size:14px;
    	padding:6px 12px;
	}
	
	#homepage-2-carousel .slide-2 h1 {
		font-size:26px;
		margin:70px 0 0;
	}
	
	#homepage-2-carousel .slide-2 h2 {
		font-size:20px;
		margin:0 0 15px;
	}
	
	#homepage-2-carousel .slide-2 ul li {
		font-size:16px;
	}
	
	#homepage-3-carousel .slide-1 h1 {
		margin-top:75px;
	}
		
	#homepage-3-carousel .slide-2 {
		background-position:0;
	}
	
	#homepage-3-carousel .slide-2 h1 {
		margin-top:120px;
	}
		
	header.navbar {
		height:60px;
	}
	
	header.navbar .navbar-brand {
		padding: 0px 30px;
		font-size: 36px;
		line-height: 52px;
	}
	
	header.navbar .navbar-toggle {
		background-color:transparent;
		border:0;
		font-size: 16px;
		margin:3px 5px 0 0;
		padding: 5px 10px;	
		border: 1px solid #19A5D4;

	}
	
	.navbar .navbar-toggle:focus, 
	.navbar .navbar-toggle:hover {
		background-color:transparent;
		color:#777777;
	}
	
	header.navbar .navbar-collapse {
		border:0;
		border-bottom:2px solid #E87169;
		box-shadow:none;
		background-color:#FFFFFF;
		margin:0 -15px;
		/* max-height:300px; */
	}
	
	.vertical-menu header.navbar .navbar-collapse {
		margin:0;
	}
	
	header.navbar-dark .navbar-collapse {
		background:url(../images/header_bg.png) repeat;
	}
	
	header.navbar-transparent .navbar-nav > li > a {
		color:#777777;
		font-weight:400;
	}
	
	header.navbar-transparent .navbar-nav > li > a.dropdown-toggle:after {
		color:#CCCCCC;
	}
	
	header.navbar .navbar-nav > li > a {
		font-weight:bold;
		padding:10px 15px;
	}
	
	header.navbar .navbar-nav > li > a span.label {
		position:static;
		top:0;
		right:0;
	}
	
	header.navbar .dropdown-menu {
		display:block;
		position:static;
		float:none;
		width:auto;
		margin-top:0;
		background-color:transparent;
		box-shadow:none;
	}
	
	header.navbar .open .dropdown-menu > li > a {
		padding:10px 15px;
		line-height:1.42857143;
	}
	
	header.navbar .megamenu .dropdown-menu {
		margin-top:0;	
	}
	
	header.navbar .megamenu .dropdown-menu li ul {
		padding:0 20px 10px;
	}
	
	/* HEADER - NAVBAR VERTICAL */

	.vertical-menu #page-wrapper {
		margin-left:0;
	}
	
	.vertical-menu header.navbar-vertical {
		width:100%;
	}
	
	.sidebar.right {
		margin-top:20px;
	}
	
	.content h2 {
		font-size:26px;
	}
	
	.breadcrumb-wrapper h2 {
		font-size:18px;
	}
	
	.breadcrumb-wrapper p {
		font-size:26px;
	}
	
	.products-header > .row > div:last-child {
		text-align:left;
	}
	
	.products-header .order-by {
		display:block;
		margin-left:0;
	}
	
	article.product-item .product-quickview {
		display:none;
	}
	
	.separator-newsletter .newsletter-right {
		padding-left:190px;
	}
	
	.separator-newsletter .newsletter-badge {
		width:160px;
		height:160px;
		top:-12px;
		padding-top:23px;
	}
	
	.separator-newsletter .newsletter-badge span {
		font-size:16px;
		line-height:38px;
	}
	
	.separator-newsletter .newsletter-badge span.price {
		font-size:44px;
	}
	
	.input-group-lg > .form-control {
		font-size:14px;
		height:36px;
    	padding:6px 12px;
	}
	
	.input-group-lg > .input-group-btn > .btn,
	.btn-lg {
		font-size:14px;
		padding:6px 12px;
		line-height:1.42857143;
		height:auto;
	}
	
	footer.navbar {
		text-align:center;
	}
	
	.footer-widget {
		margin-bottom:20px;
	}
	
	.footer-widget-facebook p a {
		float:none;
		position:static;
		margin-left:10px;
	}
	
	.footer-bottom ul.payment-methods {
		text-align:center;
		margin-top:10px;
	}
	
	.table-responsive {
		border:0;
	}
	
	.table-responsive.border {
		border:2px solid #EBEBEB;
	}
	
	.table-products .form-control {
		width:100%;
	}
	
	.account-content .products-order {
		border:0;
		padding:0;
	}
	
	.account-content .shopping-cart {
		margin-bottom:0;
	}
	
	.account-content .shopping-cart > a {
		margin-bottom:15px;
	}
	
	.box .input-group {
		margin-bottom:20px;
	}
	
	body.page-boxed .owl-theme.nav-inside .owl-controls .owl-nav div.owl-prev {
		left:30px;
	}
	
	body.page-boxed .owl-theme.nav-inside .owl-controls .owl-nav div.owl-next {
		right:30px;
	}
	
	.product-form .form-group {
		margin:0;
	}
	
	.account-content .checkout-step:after {
		display:none;
	}
	
	#table-compare tr td {
		font-size:14px;
	}
	
	.stores form {
		float:none;
	}
	
	.stores form label {
		position:static;
	}
	
	.services .row > div:nth-child(3n) .service {
		border-right-width:1px;
	}
	
	.services .row > div:nth-child(2n) .service {
		border-right-width:0;
	}
	
	.services.services-3x .service {
		border-right:0;
		margin-bottom:15px;
    	padding-bottom:30px;
	}
	
	.services.services-3x .row > div:first-child .service {
		border-bottom:1px solid #F0F0F0;
	}
	
	.tabs.vertical-tabs .nav-tabs {
		margin-bottom:15px;
	}
	
	.blog article.post .post-left {
		display:none;
	}
	
	.blog article.post {
		padding-left:0;
		margin-bottom:20px;
    	padding-bottom:20px;
	}
	
	.blog .pagination {
		float:none;
	}
	
	.post > img {
		padding-left:0!important;
		padding-right:0!important;
	}
	
	.small-products h2 {
		font-size:20px;
		margin-bottom:10px;
	}
	
	.categories .category .category-title {
		font-size:40px;
		margin-top:-31px;
	}
	
	.categories .category .category-title span {
		font-size:18px;
	}
	
	.testimonials {
		padding:30px 0;
	}
	
	.testimonials .item {
		margin:0;
	}
	
	.recent-blog-posts {
		text-align:center;
		padding:30px 0 0;
	}
	
	.services {
		padding-top:30px;
	}
	
	.our-stores {
		background-position:0;
		padding:30px 0;
	}
	
	.our-stores h2 a {
		float:none;
		display:block;
		margin-top:10px;
	}
	
	.lookbook h2 {
		font-size:40px;
	}
	
	.lookbook p {
		font-size:24px;
    	line-height:34px;
	}
	
	.lookbook-services h3 {
		margin-top:20px;
		text-align:center;
		font-size:26px;
	}
		
	.lookbook-services p {
		text-align:center;
		font-size:16px;
    	line-height:26px;
	}
	
	.lookbook-services img {
		max-width:200px;
	}
	
	.featured-products .newsletter-body {
		text-align:center;
	}
	.newsletter-body h3{
		color:#ddd;
		letter-spacing:1px;
	}	
	
	#featuredproducts-1 img,
	#featuredproducts-2 img {
		margin-top:20px;
	}
	
	.notification h3 {
		margin-top:30px;
	}
	
	.grid-products article.product-item h3 {
		height:auto;
	}
	
	#homepage-4-carousel .item {
		height:auto;
	}
		
	.modal .modal-header .close {
		margin-top:0;
		margin-right:0;
	}
	
	#modalAdvertising .modal-body {
		padding:0 30px 15px;
	}
	
	#map-tooltip {
		display:none;
	}
	
	#map-canvas {
		height:280px;
	}
	
	.login-form-wrapper {
		margin:10px 0 10px;
	}
	
	.form-text {
		margin:0;
	}
}

@media (max-width:600px) {
	/* .table-products > tbody > tr > td:first-child,
	.table-products > thead > tr > th:first-child {
		display:none;
	} */
	
	.table-products > thead > tr > td, 
	.table-products > tbody > tr > td {
		padding:10px;
	}
	
	.table-products h4 {
		margin-left:0;
	}
	
	.table-products > thead > tr > th, 
	.table-products > tbody > tr > th {
		font-size:14px;
	}
	
	.account-content .shopping-cart {
		padding-bottom:5px;
	}
		
	.account-content .shopping-cart .update-cart {
		float:none;
	}
	
	.categories .category .category-title {
		font-size:28px;
		margin-top:-22px;
	}
	
	.categories .category .category-title span {
		font-size:14px;
	}
}

@media (max-width:568px) {
	footer.navbar .row > div,
	.breadcrumb-wrapper .row > div,
	.product-item.product-single > .row > div,
	.checkout-steps > .row > div,
	.services > .row > div,
	.services > .container > .row > div,
	.categories > .row > div,
	.order-meta > .row > div,
	.login-form-wrapper > .row > div,
	.lookbook-services > .container > .row > div {
		width:100%;
		float:none;
	}	
	
	.alert {
		padding:10px;
	}
	
	.alert-dismissable, 
	.alert-dismissible {
		padding-right:30px;
	}
	
	.breadcrumb {
		text-align:left;
		padding:10px 0;
	}
	
	.pagination > li > a {
		margin:0 3px 3px;
		width:34px;
    	height:34px;
		font-size:14px;
		padding-top:5px;
	}
	
	#homepage-2-carousel .slide-1 h1 {
		margin:80px 0 0;
	}
	
	#homepage-2-carousel .slide-1 h2 {
		font-size:28px;
		line-height:40px;
		margin:20px 0;
	}
	
	#homepage-3-carousel .slide-1 h1 {
		font-size:40px;
		margin-top:40px;
	}
	
	#homepage-3-carousel .slide-2 h1 {
		margin-top:60px;
	}
	
	.product-body .btn.add-to-cart i {
		display:none;
	}
	
	article.product-item.product-single {
		padding-right:0;
	}

	article.product-item.product-single .product-body {
		padding:0 15px;
	}
	
	article.product-item.product-single .product-labels {
		right:15px;
	}
	
	.comments .media img {
		width:40px;
	}
	
	.comments .media .media-body h3 {
		font-size:16px;
	}
	
	.tabs .nav-tabs > li > a {
		font-size:14px;
		padding:10px 15px;
	}
	
	.tabs.product-tabs .tab-content {
		padding:10px;
	}
	
	.tabs .tab-content p, 
	.tabs .tab-content ul li {
		font-size:14px;
	}
	
	.services .service {
		border-right:0;
		border-bottom:1px solid #F0F0F0;
		margin-bottom:15px;
		padding-bottom:30px;
	}
	
	.services .row > div:last-child .service {
		border-bottom:0;
		margin-bottom:0;
	}
	
	.blog .comment-form {
		padding:15px;
	}
	
	.categories .category .category-title {
		font-size:56px;
		margin-top:-54px;
	}
	
	.categories .category .category-title span {
		font-size:20px;
	}
	
	.account-content .account-profile-top img {
		width:50px;
	}
	
	.account-content .account-profile-top h3 {
		font-size:20px;
	}
	
	.account-content .account-profile-top h3 small {
		font-size:70%;
	}
	
	.account-content .order-action {
		float:none;
		margin-left:0;
		margin-bottom:7px;
	}
	
	.account-content .order-action li {
		margin-bottom:3px;
	}
	
	.login-form-wrapper > .row > div a.btn {
		margin-bottom:5px;
	}
	
	.login-form-wrapper > .row > div:last-child a.btn {
		margin-bottom:0;
	}
	
	.lookbook-services.image-left h3 {
		margin-top:30px;
	}
	
	.featured-products .product-item h3 {
		font-size:16px;
		line-height:22px;
	}
}

@media (max-width:480px) {
	#products > div,
	.recent-blog-posts > .container > .row > div,
	.categories-2 .category > .row > div  {
		width:100%;
		float:none;
	}
	
	.jumbotron h1 {
		font-size:40px;
	}
	
	.jumbotron p {
		font-size:14px;
		letter-spacing:1px;
	}
	
	.jumbotron ul li {
		font-size:16px;
	}
		
	#homepage-1-carousel .slide-1 i {
		margin-top:50px;
		font-size:40px;
	}	
	
	#homepage-1-carousel .slide-2 h1 {
		font-size:24px;
	}
	
	#homepage-2-carousel .slide-1 h1 {
		font-size:20px;
		margin-top:70px;
	}
	
	#homepage-2-carousel .slide-1 h2 {
		font-size:27px;
		line-height:37px;
		margin:15px 0;
	}
	
	#homepage-2-carousel .slide-2 h1 {
		font-size:20px;
	}
	
	#homepage-4-carousel .slide-1 h1 {
		font-size:40px;
		margin-top:90px;
	}
	
	.separator-newsletter .newsletter-badge {
		position:static;
		margin:0 auto 15px;
	}
	
	.separator-newsletter .newsletter-right {
		padding:0;
		text-align:center;
	}
	
	.product-body .btn.add-to-cart i {
		display:inline-block;
	}
	
	.tabs .nav-tabs > li > a {
		font-size:14px;
		padding:8px 12px;
	}
	
	.comments .media .media-left {
		padding-right:10px;
	}
	
	.comments .media .media-body h3 {
		margin-bottom:0;
	}
	
	.comments .media .media-body .meta {
		float:none;
		margin-bottom:10px;
		margin-top:0;
	}
	
	.comments > .media > .media-body > .meta {
		transform:none;
	}
	
	.panel .panel-heading h4.panel-title {
		font-size:16px;
	}
	
	.our-stores .store {
		padding:15px;
	}
	
	.account-content .account-profile-top div.button {
		float:none;
		display:block;
	}
	
	.notification h3 {
		font-size:24px;
		margin-bottom:10px;
	}
	
	.notification p {
		font-size:18px;
	}
	
	.notification span {
		font-size:28px;
		line-height:36px;
		margin-bottom:10px;
	}
	
	.notification a {
		font-size:18px;
		padding:10px 30px;
	}
	
	.categories-2 .category .category-body,
	.categories-2 .category .category-body.left {
		text-align:center;
		padding:20px 0;
	}
}

@media (max-width:360px) {
	.breadcrumb-wrapper p {
		font-size:22px;
	}
	
	.content h2 {
		font-size:22px;
	}
	
	.content .box {
		padding:10px;
	}
	
	.content .box h4 {
		margin:-10px -10px 10px;
		padding:10px;
		font-size:16px;
	}
	
	.tabs .nav-tabs {
		margin-bottom:10px;
	}
	
	.tabs .nav-tabs > li {
		float:none;
		margin-right:0;
	}
	
	.stores select.form-control {
		width:100%;
	}
	
	.store .store-opening-hours {
		padding:12px;
		top:15px;
		right:15px;
	}
	
	.categories .category .category-title {
		font-size:40px;
		margin-top:-31px;
	}
	
	.categories .category .category-title span {
		font-size:18px;
	}
	
	.icon-nav a {
		font-size:16px;
	}
	
	#homepage-2-carousel .slide-1 h1 {
		font-size:18px;
	}
	
	#homepage-2-carousel .slide-1 h2 {
		font-size:24px;
		line-height:32px;
		margin:13px 0;
	}
	
	#homepage-2-carousel .slide-1 a.btn {
		font-size:12px;
		display:block;
		margin:0 0 10px;
	}
}



.mi-slider {
	position: relative;
	height: 490px;
	background:#FFF;
}

.mi-slider ul {
	list-style-type: none;
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 140px;
	overflow: hidden;
	text-align: center;
	pointer-events: none;
}

.no-js .mi-slider ul {
	position: relative;
	left: auto;
	bottom: auto;
	margin: 0;
	overflow: visible;
}

.mi-slider ul.mi-current {
	pointer-events: auto;
}

.mi-slider ul li {
	display: inline-block;
	padding: 20px;
	width: 20%;
	max-width: 300px;
	-webkit-transform: translateX(600%);
	transform: translateX(600%);
	-webkit-transition: opacity 0.2s linear;
	transition: opacity 0.2s linear;
}

.no-js .mi-slider ul li {
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

.mi-slider ul li a,
.mi-slider ul li img {
	display: block;
	margin: 0 auto;
}

.mi-slider ul li a {
	outline: none;
	cursor: pointer;
}

.mi-slider ul li img {
	max-width: 100%;
	border: none;
}

.mi-slider ul li h4 {
	display: inline-block;
	font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif;
	font-style: italic;
	font-weight: 400;
	font-size: 18px;
	padding: 20px 10px 0;
}

.mi-slider ul li:hover {
	opacity: 0.7;
} 

.mi-slider nav {
	position: relative;
	top: 400px;
	text-align: center;
	max-width: 800px;
	margin: 0 auto;
	border-top: 5px solid #333;
}

.no-js nav {
	display: none;
}

.mi-slider nav a {
	display: inline-block;
	text-transform: uppercase;
	letter-spacing: 5px;
	padding: 40px 30px 30px 34px;
	position: relative;
	color: #888;
	outline: none;
	-webkit-transition: color 0.2s linear;
	transition: color 0.2s linear;
}

.mi-slider nav a:hover,
.mi-slider nav a.mi-selected {
	color: #000;
}

.mi-slider nav a.mi-selected:after,
.mi-slider nav a.mi-selected:before {
	content: '';
	position: absolute;
	top: -5px;
	border: solid transparent;
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.mi-slider nav a.mi-selected:after {
	border-color: transparent;
	border-top-color: #fff;
	border-width: 20px;
	left: 50%;
	margin-left: -20px;
}

.mi-slider nav a.mi-selected:before {
	border-color: transparent;
	border-top-color: #333;
	border-width: 27px;
	left: 50%;
	margin-left: -27px;
}

/* Move classes and animations */

.mi-slider ul:first-child li,
.no-js .mi-slider ul li {
	-webkit-animation: scaleUp 350ms ease-in-out both;
	animation: scaleUp 350ms ease-in-out both;
}

@-webkit-keyframes scaleUp {
	0% { -webkit-transform: translateX(0) scale(0); }
	100% { -webkit-transform: translateX(0) scale(1); }
}

@keyframes scaleUp {
	0% { -webkit-transform: translateX(0) scale(0); transform: translateX(0) scale(0); }
	100% { -webkit-transform: translateX(0) scale(1); transform: translateX(0) scale(1); }
}

.mi-slider ul:first-child li:first-child {
	-webkit-animation-delay: 90ms;
	animation-delay: 90ms;
}

.mi-slider ul:first-child li:nth-child(2) {
	-webkit-animation-delay: 180ms;
	animation-delay: 180ms;
}

.mi-slider ul:first-child li:nth-child(3) {
	-webkit-animation-delay: 270ms;
	animation-delay: 270ms;
}

.mi-slider ul:first-child li:nth-child(4) {
	-webkit-animation-delay: 360ms;
	animation-delay: 360ms;
}

/* moveFromRight */

.mi-slider ul.mi-moveFromRight li {
	-webkit-animation: moveFromRight 350ms ease-in-out both;
	animation: moveFromRight 350ms ease-in-out both;
}

/* moveFromLeft */

.mi-slider ul.mi-moveFromLeft li {
	-webkit-animation: moveFromLeft 350ms ease-in-out both;
	animation: moveFromLeft 350ms ease-in-out both;
}

/* moveToRight */

.mi-slider ul.mi-moveToRight li {
	-webkit-animation: moveToRight 350ms ease-in-out both;
	animation: moveToRight 350ms ease-in-out both;
}

/* moveToLeft */

.mi-slider ul.mi-moveToLeft li {
	-webkit-animation: moveToLeft 350ms ease-in-out both;
	animation: moveToLeft 350ms ease-in-out both;
}

/* Animation Delays */

.mi-slider ul.mi-moveToLeft li:first-child,
.mi-slider ul.mi-moveFromRight li:first-child,
.mi-slider ul.mi-moveToRight li:nth-child(4),
.mi-slider ul.mi-moveFromLeft li:nth-child(4) {
	-webkit-animation-delay: 0ms;
	animation-delay: 0ms;
}

.mi-slider ul.mi-moveToLeft li:nth-child(2),
.mi-slider ul.mi-moveFromRight li:nth-child(2),
.mi-slider ul.mi-moveToRight li:nth-child(3),
.mi-slider ul.mi-moveFromLeft li:nth-child(3) {
	-webkit-animation-delay: 90ms;
	animation-delay: 90ms;
}

.mi-slider ul.mi-moveToLeft li:nth-child(3),
.mi-slider ul.mi-moveFromRight li:nth-child(3),
.mi-slider ul.mi-moveToRight li:nth-child(2),
.mi-slider ul.mi-moveFromLeft li:nth-child(2) {
	-webkit-animation-delay: 180ms;
	animation-delay: 180ms;
}

.mi-slider ul.mi-moveToLeft li:nth-child(4),
.mi-slider ul.mi-moveFromRight li:nth-child(4),
.mi-slider ul.mi-moveToRight li:first-child,
.mi-slider ul.mi-moveFromLeft li:first-child  {
	-webkit-animation-delay: 270ms;
	animation-delay: 270ms;
}

/* Animations */

@-webkit-keyframes moveFromRight {
	0% { -webkit-transform: translateX(600%); }
	100% { -webkit-transform: translateX(0%); }
}

@-webkit-keyframes moveFromLeft {
	0% { -webkit-transform: translateX(-600%); }
	100% { -webkit-transform: translateX(0%); }
}

@-webkit-keyframes moveToRight {
	0% { -webkit-transform: translateX(0%); }
	100% { -webkit-transform: translateX(600%); }
}

@-webkit-keyframes moveToLeft {
	0% { -webkit-transform: translateX(0%); }
	100% { -webkit-transform: translateX(-600%); }
}

@keyframes moveFromRight {
	0% { -webkit-transform: translateX(600%); transform: translateX(600%); }
	100% { -webkit-transform: translateX(0); transform: translateX(0); }
}

@keyframes moveFromLeft {
	0% { -webkit-transform: translateX(-600%); transform: translateX(-600%); }
	100% { -webkit-transform: translateX(0); transform: translateX(0); }
}

@keyframes moveToRight {
	0% { -webkit-transform: translateX(0%); transform: translateX(0%); }
	100% { -webkit-transform: translateX(600%); transform: translateX(600%); }
}

@keyframes moveToLeft {
	0% { -webkit-transform: translateX(0%); transform: translateX(0%); }
	100% { -webkit-transform: translateX(-600%); transform: translateX(-600%); }
}

.mi-slider {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/* Media Queries */
@media screen and (max-width: 910px){
	.mi-slider nav {
		max-width: 90%;
	}
	.mi-slider nav a {
		font-size: 12px;
		padding: 40px 10px 30px 14px;
	}
}

@media screen and (max-width: 740px){
	.mi-slider {
		height: 300px;
	}
	.mi-slider nav {
		top: 220px;
	}
}

@media screen and (max-width: 490px){ 
	.mi-slider {
		text-align: center;
		height: auto;
	}

	.mi-slider ul {
		position: relative;
		display: inline;
		bottom: auto;
		pointer-events: auto;
	}

	.mi-slider ul li {
		-webkit-animation: none !important;
		animation: none !important;
		-webkit-transform: translateX(0) !important;
		transform: translateX(0) !important;
		padding: 10px 3px;
		min-width: 140px;
	}

	.mi-slider nav {
		display: none;
	}
}

.pa-lr-0{
	padding:0px;	
}

/* 模糊彈跳視窗*/
.close {
    font-size: 70px;
    display:block;
}
.modal-open .modal{
	background:#FFF;	
}

/* 語系選單 */
.btn-select {
    position: relative;
    padding: 0;
    min-width: 236px;
    width: 100%;
    border-radius: 0;
    margin-bottom: 20px;
}

.btn-select .btn-select-value {
    padding: 6px 12px;
    display: block;
    position: absolute;
    left: 0;
    right: 34px;
    text-align: left;
    text-overflow: ellipsis;
    overflow: hidden;
    border-top: none !important;
    border-bottom: none !important;
    border-left: none !important;
}

.btn-select .btn-select-arrow {
    float: right;
    line-height: 20px;
    padding: 6px 10px;
    top: 0;
}

.btn-select ul {
    display: none;
    background-color: white;
    color: black;
    clear: both;
    list-style: none;
    padding: 0;
    margin: 0;
    border-top: none !important;
    position: absolute;
    left: -1px;
    right: -1px;
    top: 33px;
    z-index: 999;
}

.btn-select ul li {
    padding: 3px 6px;
    text-align: left;
}

.btn-select ul li:hover {
    background-color: #f4f4f4;
}

.btn-select ul li.selected {
    color: white;
}


/* Primary Start */
.btn-select.btn-primary:hover, .btn-select.btn-primary:active, .btn-select.btn-primary.active {
    border-color: #286090;
}

.btn-select.btn-primary ul li.selected {
    background-color: #2e6da4;
    color: white;
}

.btn-select.btn-primary ul {
    border: #2e6da4 1px solid;
}

.btn-select.btn-primary .btn-select-value {
    background-color: #428bca;
    border: #2e6da4 1px solid;
}

.btn-select.btn-primary:hover, .btn-select.btn-primary.active {
    background-color: #286090;
}
/* Primary End */

.btn-select.btn-select-light .btn-select-value {
    background-color: white;
    color: black;
}

.other-part{
	margin-top:0px;
}

/* 會員登入註冊 */
.member-rulebox {
	margin-top: 50px;
	padding-bottom: 30px;
	border-bottom:1px solid #999;		
}

.member-p {
	font-size:16px;	
}

.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
	background:#19a5d4;	
}

.list-group-item:first-child {
	border-top-left-radius:0px;
	border-top-right-radius:0px;	
}

.list-group-item:last-child {
	border-bottom-left-radius:0px;
	border-bottom-right-radius:0px;	
}

.productbox {
	position:relative;	
	padding:30px 0px;
}	

@media (max-width: 980px){
	.productbox {
		position:relative;		
		height:50px;
	}		
}

.productbox-child {
		
}	

.btn {
	font-size:16px;	
}

.form-control {
	font-size:16px;	
}	
	
td, th {
	font-size:16px;	
}	
	
.h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small{
	margin-left:10px;
	color:#FFF;	
}

.h1 .small a, .h1 small a, .h2 .small a, .h2 small a, .h3 .small a, .h3 small a, .h4 .small a, .h4 small a, .h5 .small a, .h5 small a, .h6 .small a, .h6 small a, h1 .small a, h1 small a, h2 .small a, h2 small a, h3 .small a, h3 small a, h4 .small a, h4 small a, h5 .small a, h5 small a, h6 .small a, h6 small a{
	color:#19A5D4;	
}	

.table-buttonbox {
	margin-bottom:50px;	
}	

.form-inline .form-group{
	margin-bottom:10px;	
}
/* 產品縮放圖、換圖 */
.bx-wrapper .bx-viewport{ 
		max-height: 650px;
}
	/* these styles are for the demo, but are not required for the plugin */
.zoom { 
	display:inline-block;
	position: relative;
}

/* magnifying glass icon */
.zoom:after { 
	content:'';
	display:block; 
	width:33px; 
	height:33px; 
	position:absolute; 
	top:0;
	right:0;
	/*background:url(icon.png);*/
}

.zoom img { 
	display: block;    
	background-color: #EDEDED;
	max-width: 90%;
	margin:0 auto;
}

.zoom img::selection {  background-color: transparent; }

@media screen and (max-width : 1024px) { 

  /*  .bx-wrapper .bx-viewport{ 
		max-height: 560px;
	}*/
}	

.table>thead>tr>th {
	vertical-align:middle;	
}

.m-t-25 {
	margin-top: 25px;
}

.hamburger {
	position: absolute;
	top: 5px;
	right: 5px;
	font-size: 14px;
	color: #19A5D4;
}

body , h2{
	font-family: "微軟正黑體" !important;
}