/* header rd-navbar START */
header{position:fixed;left:0px;top:0px;width:100%;z-index:99;}
header button:focus{border-color:transparent;}
.navbar-block{background-color:#FFF;}

.brand-logo{
	max-height:70px;
	-webkit-transition:all 0.3s ease-out;
	-moz-transition:all 0.3s ease-out;
	-o-transition:all 0.3s ease-out;
	transition:all 0.3s ease-out;
}
@media (max-width: 767px) {
	.brand-logo{max-height:38px;max-width:100%;}
}

.rd-navbar-outer a{color:#550F8C;}
.rd-navbar-outer ul{list-style:none;}
.rd-navbar-nav{margin-bottom:0px;padding:0px;}

ul.rd-navbar-dropdown,
ul.rd-navbar-megamenu,
ul.rd-navbar-megamenu ul{margin:0px;padding:0px;}

.rd-navbar-search .form-control{border:none;border-radius:0px;width:auto;background-color:transparent;box-shadow:none;}
.rd-navbar-search .form-control:focus{border-color:transparent;box-shadow:none;}

.rd-navbar-search button,.rd-navbar-cart-floating button{
	display:inline-block;
	-webkit-appearance:none;
	outline:none;
	overflow:visible;
	background-color:transparent;
	box-shadow:none;
	border-radius:0px;
	border:0px;
}
.rd-navbar-cart-floating a.rd-navbar-cart-buy{color:#FFF;}

/* faicon */
[class*="faicon-"]:before {
	font-family:FontAwesome;
	font-weight:400;
	font-style:normal;
	font-size:1em;
}	

/* faicon search */
.rd-navbar-search-wrap .form-group{margin-bottom:0px;}
.faicon-search:before {content:"\f002";}

/* faicon cart */
.faicon-cart:before {content:"\f014";}
.faicon-card:before {content:"\f09d";}
ul.rd-navbar-cart-items{margin-bottom:0px;}

/* toggle */
button.rd-navbar-toggle,
button.rd-navbar-search-toggle,
button.rd-navbar-collapse-toggle{
	display:inline-block;
	-webkit-appearance:none;
	outline:none;
	overflow:visible;
	background-color:transparent;
	box-shadow:none;
	border:none;
	border-radius:0px;
}
button.rd-navbar-search-toggle{display:none;}

/* headerinfo START */
li.headerinfo{float:left;border-right:1px solid #DDE2E6;}
li.headerinfo:first-of-type{border-left:1px solid #DDE2E6;}
li.headerinfo a{display:inline-block;padding:10px;line-height:1;color:#34495E;font-size:15px;}
li.headerinfo .fa{color:#FFAE00;font-size:16px;}
.rd-navbar-fixed .rd-navbar-collapse.active .headerinfo{float:none;border:none;}

.rd-navbar-static .rd-navbar-collapse li a{display:inline-block;padding:13px 10px 7px 10px;line-height:1;}

.headerlist{float:right;padding:0px;}
@media (min-width: 768px) {
	.headerlist{margin-right:15px;}
}
.headerlist a{color:#666;}
.rd-navbar-fixed .rd-navbar-collapse.active .headerlist{float:none;list-style-type:none;font-size:15px;padding:0px;}
.rd-navbar-fixed .rd-navbar-collapse.active .headerlist li{padding:11px 16px;line-height:1;}
.rd-navbar-fixed .rd-navbar-collapse.active .headerlist li:hover{background-color:#550F8C;}
.rd-navbar-fixed .rd-navbar-collapse.active .headerlist li:hover a{color:#FFF;}

.headersocial{float:right;padding:0px 5px 0px 5px;border-left:1px solid #DDE2E6;border-right:1px solid #DDE2E6;font-size:21px;}
.headersocial a{padding:8px 10px 6px !important;}
.headersocial li:hover a{color:#FFAE00;}

.rd-navbar-fixed .rd-navbar-collapse.active .headersocial{float:none;border:none;margin-top:20px;}
.rd-navbar-fixed .rd-navbar-collapse.active .headersocial li {float:left;list-style-type:none;padding:0px;margin:0px 10px;}
.rd-navbar-fixed .rd-navbar-collapse.active .headersocial li:hover{background-color:transparent;}
/* headerinfo END */
/* header rd-navbar END */

/* commom Start */
.no-gutter > [class*=col-] {padding-right:0px;padding-left:0px;}
.btn-rect a{
	display:inline-block;
	padding:4px 10px 2px;
	font-weight:bold;
	color:#FFF;
	border:1px solid #FFF;
	margin-top:20px;
	-webkit-transition:all 0.3s ease-out;
	-moz-transition:all 0.3s ease-out;
	-o-transition:all 0.3s ease-out;
	transition:all 0.3s ease-out;
}
.btn-rect a:hover{color:#FFAE00;border:1px solid #FFAE00;}

/* block title Start*/
h4.centerbottom-title{
	position:relative;
	text-align:left;
	margin:20px 0px;
	padding-bottom:15px;
	font-size:25px;
	color:#FFF;
}

h4.centerbottom-title:after{
	content:'';
	position:absolute;
	left:0px;
	bottom:0px;
	width:34px;
	height:4px;	
	display:block;
	background-color:#FFF;
}
/* block title End*/

/* centerbottom Start */
.centerbottom{background:url('../../images/EN/centerbottom_bg.png') no-repeat center center scroll;background-size:cover;}
/* centerbottom End */

/* coverfix Start */
.coverfix{width:100%;height:100%;}
.coverfix.compat-object-fit {
	background-size:cover;
	background-position:center;
	-webkit-transition:transform 0.9s;
	-moz-transition:transform 0.9s;
	-o-transition:transform 0.9s;
	transition:transform 0.9s;
}
.coverfix.compat-object-fit img {
	opacity:0;
	-webkit-transition:opacity 0.0s;
	-moz-transition:opacity 0.0s;
	-o-transition:opacity 0.0s;
	transition:opacity 0.0s;
}
.coverfix.compat-object-fit:hover {
	-webkit-transform:scale(1.1, 1.1);
	-moz-transform:scale(1.1, 1.1);
	-ms-transform:scale(1.1, 1.1);
	-o-transform:scale(1.1, 1.1);
	transform:scale(1.1, 1.1);
}
/* coverfix End */

/* commom End */

/* subject Start */
.subject{background:#071C33;position:relative;}

.subject-text{color:#FFF;padding:100px;line-height:2em;width:50%;}
.subject-text h1{color:#FFAE00;margin-top:0px;position:relative;font-family:impact, Arial, "微軟正黑體", "Microsoft JhengHei", "新細明體" , PMingLiU, sans-serif;}
.subject-text h1:before{
	content:'';
	position:absolute;
	left:-40px;
	top:0px;
	width:1px;
	height:90px;
	display:block;
	-webkit-transform:translateX(0);
	transform:translateX(0);
	background:rgba(255,255,255,0.38);
}

.subject-img{position:absolute;left:50%;right:0;bottom:0;top:0;overflow:hidden;}
.subject-img img{
	width:100%;
	height:100%;
	object-fit:cover;
	filter:gray;
	-webkit-filter:grayscale(1);
	filter:grayscale(1);
	-webkit-transition:all 0.9s;
	-moz-transition:all 0.9s;
	-o-transition:all 0.9s;
	transition:all 0.9s;
}
.subject-img:hover img{
	filter:none;
	-webkit-filter:grayscale(0);
	filter:grayscale(0);
	-webkit-transform:scale(1.1, 1.1);
	-moz-transform:scale(1.1, 1.1);
	-ms-transform:scale(1.1, 1.1);
	-o-transform:scale(1.1, 1.1);
	transform:scale(1.1, 1.1);
}

@media (max-width: 767px) {
	.subject-text h1{margin-top:20px;padding-top:20px;font-size:28px;}
	.subject-text h1:before{
		left:50%;
		top:0px;
		width:90px;
		height:1px;
		-webkit-transform:translateX(-50%);
		transform:translateX(-50%);
	}
	.subject-text{width:100%;padding:15px;text-align:center;}
	.subject-img{position:static;}
}
@media (min-width: 768px) {
	.subject.tagnote:before{
		content:'';
		position:absolute;
		left:50%;
		top:50%;
		width:50px;
		height:30px;
		display:block;
		border:solid transparent;
		border-left-color:#071C33;
		-webkit-transform:translateY(-50%);
		transform:translateY(-50%);
		z-index:1;
		border-width:15px 0px 15px 30px;
	}
}
/* subject End */

/* nc_product_block new_and_best Start */
.nc_product_block_new_product,.nc_product_block_best_product{background-color:#071C33;}
.product-des{
	color:#FFF;
	padding:40px 15px 20px 15px;
	line-height:2em;
}
.product-des-2n,.product-des-3n{background-color:#FFAE00;color:#071C33;}
.product-des-2n .btn-rect a,.product-des-3n .btn-rect a{color:#071C33;border:1px solid #071C33;}
.product-des-2n .btn-rect a:hover,.product-des-3n .btn-rect a:hover{color:#FFF;border:1px solid #FFF;}

.product-title{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:18px;}

.product-img{overflow:hidden;}
.product-img img{
	width:100%;
	height:200px;
	object-fit:cover;
	/*filter:gray;
	-webkit-filter:grayscale(1);
	filter:grayscale(1);*/
	-webkit-transition:all 0.9s;
	-moz-transition:all 0.9s;
	-o-transition:all 0.9s;
	transition:all 0.9s;
}
.product-img:hover img{
	/*filter:none;
	-webkit-filter:grayscale(0);
	filter:grayscale(0);*/
	-webkit-transform:scale(1.1, 1.1);
	-moz-transform:scale(1.1, 1.1);
	-ms-transform:scale(1.1, 1.1);
	-o-transform:scale(1.1, 1.1);
	transform:scale(1.1, 1.1);
}
@media (max-width: 767px) {
	.product-img img{height:100%;}
}

@media (min-width: 768px) {
	.nc_product_block_new_product,.nc_product_block_best_product{border-bottom:1px solid #34495E;}
	.product-img.tagnote{position:relative;}
	.product-img.tagnote:before{
		content:'';
		position:absolute;
		left:0%;
		top:50%;
		width:50px;
		height:30px;
		display:block;
		border:solid transparent;
		border-left-color:#071C33;
		-webkit-transform:translateY(-50%);
		transform:translateY(-50%);
		z-index:1;
		border-width:15px 0px 15px 30px;
	}
	.product-img-2n.tagnote:before{border-left-color:#FFAE00;}
	.product-img-3n.tagnote:before{
		left:auto;
		right:0%;
		border-right-color:#FFAE00;
		border-width:15px 30px 15px 0px;
	}
	.product-img-4n.tagnote:before{
		left:auto;
		right:0%;
		border-right-color:#071C33;
		border-width:15px 30px 15px 0px;
	}
}

@media (max-width: 767px) {
	.product-des.tagnote{position:relative;}
	.product-des.tagnote:before{
		content:'';
		position:absolute;
		left:50%;
		bottom:-50px;
		width:30px;
		height:50px;
		display:block;
		border:solid transparent;
		border-top-color:#071C33;
		-webkit-transform:translateX(-50%);
		transform:translateX(-50%);
		z-index:1;
		border-width:30px 15px 0px 15px;
	}
	.product-des-2n.tagnote:before{border-top-color:#FFAE00;}
	.product-des-3n.tagnote:before{border-top-color:#FFAE00;}
}
/* nc_product_block new_and_best End */

/* nc_product_block_category_list Start */
.group {
    background: yellow;
    width: 200px;
    height: 500px;
}
.group .subgroup {
    background: orange;
    width: 150px;
    height: 200px;
}
.fixed {
    position: fixed;
}

/* sidebar */
.nc_product-sidebar {
    padding-left: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
}

/* all links */
.nc_product-sidebar .nav>li>a {
    color:#444;
    border-left: 2px solid transparent;
    padding: 4px 20px;
    font-size:14px;
    font-weight: 400;
}

.nc_product-sidebar .third li {padding-left:20px;}

/* nested links */
.nc_product-sidebar .nav .nav>li>a {
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 30px;
    font-size:13px;
}

/* active & hover links */
.nc_product-sidebar .nav>.active>a, 
.nc_product-sidebar .nav>li>a:hover, 
.nc_product-sidebar .nav>li>a:focus {
    color: #071C33;                 
    text-decoration: none;          
    background-color: transparent;  
    border-left-color: #071C33; 
}
/* all active links */
.nc_product-sidebar .nav>.active>a, 
.nc_product-sidebar .nav>.active:hover>a,
.nc_product-sidebar .nav>.active:focus>a {
    font-weight: 700;
}
/* nested active links */
.nc_product-sidebar .nav .nav>.active>a, 
.nc_product-sidebar .nav .nav>.active:hover>a,
.nc_product-sidebar .nav .nav>.active:focus>a {
    font-weight: 500;
}

/* hide inactive nested list */
.nc_product-sidebar .nav ul.nav {
    display:block;           
}
/* show active nested list */
.nc_product-sidebar .nav>.active>ul.nav {
    display: block;           
}

/* dropdown-menu START */
#nc_product_block_category_list select{margin:15px;width:calc(100% - 30px);}
@media (max-width: 767px) {
	#nc_product_block_category_list ul {display:none;}
	.nc_product-sidebar {padding-left:0px;}
}
@media (min-width: 768px) {
	#nc_product_block_category_list select,#nc_product_block_category_list button {display:none;}
	#nc_product_block_category_list .sublist{display:none;}
}
/* dropdown-menu END */
/* nc_product_block_category_list End */