@import url(https://fonts.googleapis.com/css?family=Raleway:700,400italic,400,300italic,300,700italic|Alegreya);

@import "default.css";
@import "animation.css";
@import "fonts/style.css";
@import "plugins.css";

/* ==========================================================================
	if lt IE 9
 ========================================================================== */

body:after {
	display: block;
	content: "We're sorry! this website does not support your browser, please upgrade your browser, thank you.";
	position: fixed;
	z-index: 100000000000000;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	width: auto;
	height: auto;
	padding: 50px;
	background-color: #fff;
	text-align: center;
	font-size: 20px;
	color: #3f3f3f;
}
:root body:after {
	display: none;
}

/* ==========================================================================
    public
 ========================================================================== */

body.modal-open,
.modal-open .modal{
	overflow-x: auto !important;
}
body.modal-open{
	padding-right: 0 !important;
}
.section{
	height: auto !important;
}
.section .row{
	margin: 0;
}
ul.columns:after{
	content: "";
	clear: both;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
	visibility: hidden;
}
.nav-tabs>li.active>a, 
.nav-tabs>li.active>a:hover, 
.nav-tabs>li.active>a:focus{
	border: solid 1px transparent;
	background-color: transparent;
}
.nav>li>a:hover, 
.nav>li>a:focus{
	background-color: transparent;
	border-color: transparent;
}
.nav-justified > li > a,
.nav-tabs > li > a{
    padding: 10px 0;
    margin: 0;
}
input{
	letter-spacing: 1px;
}
input,
textarea{
	-webkit-appearance: none;
}
input[type="checkbox"]{
	-webkit-appearance: checkbox;
}
input[type="checkbox"],
input[type=checkbox]:checked,
input[type="checkbox"]:not([multiple]) {
	-webkit-border-radius: 0 !important;  
	-moz-border-radius: 0 !important;  
	-ms-border-radius: 0 !important;  
	-o-border-radius: 0 !important;  
	border-radius: 0 !important; 
}
input[type="checkbox"]:not(:checked) + label:before,
input[type="checkbox"]:checked + label:before {
	-webkit-border-radius: 0;  
	-moz-border-radius: 0;  
	-ms-border-radius: 0;  
	-o-border-radius: 0;  
	border-radius: 0; 
}
input[type="radio"]{
	-webkit-appearance: radio;
}
button{
	outline: none !important;
}
button{
	-webkit-border-radius: 0;  
	-moz-border-radius: 0;  
	-ms-border-radius: 0;  
	-o-border-radius: 0;  
	border-radius: 0; 
	text-shadow: 0 0 0 transparent !important;
}
button.btn:active,
button.btn.active{
	-webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    box-shadow: 0 3px 5px rgba(0,0,0,.125);
}
button.btn{
	-webkit-transition: background .3s ease-in-out, color .3s ease-in-out, border .3s ease-in-out;
	-moz-transition: background .3s ease-in-out, color .3s ease-in-out, border .3s ease-in-out;
	-o-transition: background .3s ease-in-out, color .3s ease-in-out, border .3s ease-in-out;
	-ms-transition: background .3s ease-in-out, color .3s ease-in-out, border .3s ease-in-out;
	transition: background .3s ease-in-out, color .3s ease-in-out, border .3s ease-in-out;
}
select:not([multiple]) {
	-webkit-border-radius: 0;  
	-moz-border-radius: 0;  
	-ms-border-radius: 0;  
	-o-border-radius: 0;  
	border-radius: 0; 
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    color: #999;
}
.page .pagination{
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
}
.pagination>li>a{
    padding: 6px 14px;
}
.pagination>li>a, 
.pagination>li>span{
	border: 0;
	color: #555;
	font-size: 24px;
	-webkit-transition: color 0.3s ease-in-out;
	-moz-transition: color 0.3s ease-in-out;
	-ms-transition: color 0.3s ease-in-out;
	-o-transition: color 0.3s ease-in-out;
	transition: color 0.3s ease-in-out;
}
.pagination>li.active>a,
.pagination>li>a:hover, 
.pagination>li>span:hover, 
.pagination>li>a:focus, 
.pagination>li>span:focus{
	color: #b8914e;
	background: transparent;
}
.pagination>li.active>a,
.pagination>li.active>a:hover, 
.pagination>li.active>span:hover{
	font-weight: bold;
}
.pagination>.active>a, 
.pagination>.active>span, 
.pagination>.active>a:hover, 
.pagination>.active>span:hover, 
.pagination>.active>a:focus, 
.pagination>.active>span:focus{
	color: #b8914e;
	background: transparent;
}

/*    pic area    */

.index .news .pic-area .pic{
	top: 0;
}
.pic-area .pic{
	z-index: 100;
}
.pic-area .pic img{
	max-width: 100%;
}

/*    nav menu    */

@media screen and (min-width: 600px) {
		
	.nav-menu ul{
		margin-bottom: 0;
	}
	.nav-menu ul li{
		display: inline-block;
	    padding-right: 35px;
	}
	.nav-menu ul li:last-child{
		padding-right: 0;
	}
	.nav-menu ul li a{
		display: block;
	    padding: 15px 11px;
	    position: relative;
	    font-size: 16px;
	    line-height: 35px;
	    letter-spacing: 2px;
	    color: #555;
		transition: color 0.3s ease-in-out;
		-webkit-transition: color 0.3s ease-in-out;
		-moz-transition: color 0.3s ease-in-out;
		-ms-transition: color 0.3s ease-in-out;
		-o-transition: color 0.3s ease-in-out;
	}
	.nav-menu ul li a:after{
		content: '';
	    width: 0;
	    height: 3px;
	    position: absolute;
	    left: 50%;
	    bottom: -3px;
	    background: #CDA876;
	    opacity: 0;
	    transition: color 0.3s ease-in-out,opacity 0.3s ease-in-out,width 0.3s ease-in-out,background 0.3s ease-in-out,left 0.3s ease-in-out;
		-webkit-transition: color 0.3s ease-in-out,opacity 0.3s ease-in-out,width 0.3s ease-in-out,background 0.3s ease-in-out,left 0.3s ease-in-out;
		-moz-transition: color 0.3s ease-in-out,opacity 0.3s ease-in-out,width 0.3s ease-in-out,background 0.3s ease-in-out,left 0.3s ease-in-out;
		-ms-transition: color 0.3s ease-in-out,opacity 0.3s ease-in-out,width 0.3s ease-in-out,background 0.3s ease-in-out,left 0.3s ease-in-out;
		-o-transition: color 0.3s ease-in-out,opacity 0.3s ease-in-out,width 0.3s ease-in-out,background 0.3s ease-in-out,left 0.3s ease-in-out;
	}
	.nav-menu ul li.active a,
	.nav-menu ul li:hover a{
	    color: #be9c59;
	    font-weight: bold;
	}
	.nav-menu ul li.active a:after,
	.nav-menu ul li:hover a:after{
		width: 100%;
	    left: 0;
	    opacity: 1;
	}
	.nav-menu ul li.active a:before{
		content: "";
		background: url(images/news/news-active.png);
		background-position: center;
		background-repeat: no-repeat;
	    width: 43px;
	    height: 70px;
	    display: block;
	    position: absolute;
	    top: -60px;
	    left: 50%;
	    transform: translateX(-50%);
	    -webkit-transform: translateX(-50%);
	    -moz-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	    -o-transform: translateX(-50%);
	}
}
@media screen and (min-width: 600px) and (max-width: 767px) {
	.nav-menu ul li{
	    min-width: 25%;
	    padding: 0;
	    margin: 0;
	    float: left;
	}
	.nav-menu ul li a{
		text-align: center;
	}
}
@media screen and (max-width: 599px) {
	.top .left-side{
		z-index: 20;
	}
	.top .right-side{
		z-index: 10;
	}
	.nav-menu {
		position: relative;
		min-height: 40px;
    	margin-top: 20px;
    	margin-bottom: 20px;
    	height: 46px;
    	background-color: #FFF;
	}	
	.nav-menu ul {
		width: 100%;
		margin: 0;
		padding: 0;
		position: absolute;
		top: 0;
		left: 0;
		border: solid 1px #be9c59;
		background: #FFF;
		border-radius: 0px;
	}
	.nav-menu ul:after {
	    font-family: "icomoon";
	    content: "\e905";
	    position: absolute;
	    top: 13px;
	    right: 0;
	    border: 0;
	    margin-right: 10px;
	    color: #BC9B5F;
	}
	.nav-menu ul li {
	    min-width: 100%;
	    display: block;
		display: none;
		margin: 0;
		padding: 0;
	}
	.nav-menu ul li.active {
		display: block;
	}
	.nav-menu ul li a {
		color: #000;
		background: #FFF;
		line-height: 100%;
		text-decoration: none;
		display: block;
		padding: 0 15px;
	    text-align: left;
	    font-size: 16px;
	    height: 44px;
	    line-height: 44px;
	    transition: color 0.3s ease-in-out, background 0.3s ease-in-out;
	    -webkit-transition: color 0.3s ease-in-out, background 0.3s ease-in-out;
	}
	/*.nav-menu ul li a:hover {
	    background: #be9c59;
	    color: #FFF;
	}*/
	.nav-menu ul li:hover a {
	    background: #be9c59;
	    color: #FFF;
	}
	.nav-menu ul li.active a,
	.nav-menu ul li.active a:hover {
	    background: none;
	    color: #be9c59;
	}

	/* on nav hover */
	.nav-menu ul:hover {
		background-image: none;
	}
	.nav-menu ul:hover li {
		display: block;
	}
	
}








.breadcrumb{
	background: transparent;
	padding: 12px 15px;
}
.breadcrumb>li+li:before{
	content: ">";
}
.breadcrumb>li{
	font-size: 16px;
	line-height: 30px;
}
.rwdbr{
	display: none;
}
@media screen and (max-width: 479px) {
	.rwdbr{
		display: block;
	}
	.news.inner .nav-menu ul li{
	    min-width: 50%;
	    position: relative;
	    left: 50%;
	    transform: translateX(-50%);
	    -webkit-transform: translateX(-50%);
	    -moz-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	    -o-transform: translateX(-50%);
	}
}

/*  dk-select  */

.dk-selected:after{
	height: 24px;
    margin: 9px 36px 10px 0;
}
.dk-selected:after,
.dk-selected:hover:after,
.dk-selected:focus:after{
	border-color: #BC9B5F;
}
.dk-selected:before,
.dk-selected:hover:before, 
.dk-selected:focus:before{
	border-top-color: #BC9B5F;
	color: #BC9B5F;
    margin: -0.125em 15px 0 0;
}
.dk-select-open-up .dk-selected:before, 
.dk-select-open-down .dk-selected:before,
.dk-select-open-up .dk-selected:before, 
.dk-select-open-down .dk-selected:before{
	border-bottom-color: #bf9d5b;
}
.dk-select-open-up .dk-selected:after, 
.dk-select-open-down .dk-selected:after {
    border-left-color: #bf9d5b;
}
.dk-select-open-up .dk-select-options, 
.dk-select-open-down .dk-select-options, 
.dk-select-multi:focus .dk-select-options{
	border-color: #be9c59;
    border-radius: 0;
}
.dk-select-options .dk-option-selected,
.dk-select-options .dk-option-selected.dk-option-highlight{
	background: #bf9d5b;
	color: #FFF;
}
.dk-select-options .dk-option-highlight{
	background: transparent;
	color: #bf9d5b;
}
.dk-select-options .dk-option-disabled,
.dk-select-options .dk-option-disabled.dk-option-highlight{
	background: transparent;
    color: #BBBBBB;
    cursor: default;
}
.dk-select .dk-option{
	padding: 0px 15px;
	line-height: 44px;
}
.dk-selected:before{
	border: 0;
	font-family: "icomoon";
	content: "\e905";
}
.dk-select-open-down .dk-selected:before{
	border: 0;
	font-family: "icomoon";
	content: "\f12a";
}
.dk-selected:before, 
.dk-selected:hover:before, 
.dk-selected:focus:before{
    margin: -1.25em 10px 0 0;
}
.news .dk-selected:before, 
.news .dk-selected:hover:before, 
.news .dk-selected:focus:before{
    margin: -1em 10px 0 0;
}
.product .dk-selected:before, 
.product .dk-selected:hover:before, 
.product .dk-selected:focus:before{
    margin: -1.5em 13px 0 0;
}

/* ==========================================================================
    index
 ========================================================================== */

/*    banner    */

.index .banner{
	width: 100vw;
	height: 100vh;
}
.index .banner .group{
    position: relative;
    display: block;
    top: 49%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    max-width: 100%;
    padding: 20px;
}
.index .banner .pic .group .logo{
	margin-bottom: 65px;
}
.index .banner .pic .group img{
	margin: 0 auto;
    max-width: 100%;
}

/*    news    */

.index .section .news{
	position: relative;
	padding: 200px 0 91px 0;
}
.index .news-slider{
	margin: 0;
    margin-left: 70px;
    margin-right: 70px;
}
.index .news-slider li.slick-slide{
	padding: 0 7px;
}
.index .news-slider li img{
	width: 100%;
}
.index .news-slider .slick-dots{
	bottom: -51px;
}
.index .news-slider .slick-dots li{
	margin: 0 5px;
}
.index .news-slider .slick-dots li button:before{
	color: #DDCCAA;
	opacity: 1;
	transition: color 0.3s ease-in-out;
	-webkit-transition: color 0.3s ease-in-out;
}
.index .news-slider .slick-dots li:hover button:before,
.index .news-slider .slick-dots li.slick-active button:before{
	color: #B6914F;
}
.index .slick-prev,
.index .slick-next{
	background: transparent;
}
.index .slick-prev{
	left: -85px;
}
.index .slick-next{
	right: -85px;
}
.index .slick-prev:before{
	content: "\f579";
}
.index .slick-next:before{
	content: "\f57a";
}
.index .slick-prev:before,
.index .slick-next:before{
	color: #DDCCAA;
	font-size: 63px;
	opacity: 1;
	transition: color 0.3s ease-in-out;
	-webkit-transition: color 0.3s ease-in-out;
}
.index .slick-prev:hover:before,
.index .slick-next:hover:before{
	color: #B6914F;
}
/*    products    */

.index .products-title{
	position: relative;
	padding: 39px 0;
}
.index .products-title .pic-area{
	z-index: -1;
}
.index .products-title h3{
	font-size: 33px;
	line-height: 40px;
	letter-spacing: 2.3px;
	color: #be9c59;
}
.index .products-title p{
	font-size: 16px;
	line-height: 26px;
	letter-spacing: 0;
	color: #000;
	padding: 0 200px;
}
.index .products .lists{
    position: relative;
    display: block;
    float: left;
    width: 100%;
	padding: 0 15px 11px 15px;
	margin-bottom: 0;
}
.index .products .lists .list-item{
	padding-bottom: 39px;
	padding: 0 5px;
	cursor: pointer;
}
.index .products .lists .list-item .pic{
	height: 400px;
	overflow: hidden;
}
.index .products .lists .list-item .pic .mask{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 1;
	background: rgba(0,0,0,0.4);
    z-index: 10;
	transition: opacity 0.3s ease-in-out;
	-webkit-transition: opacity 0.3s ease-in-out;
}
.index .products .lists .list-item.active .pic .mask{
	opacity: 0;
}
.index .products .lists .list-item .pic img{
	transition: transform 0.5s ease-in-out;
	-webkit-transition: transform 0.5s ease-in-out;
}
.index .products .lists .list-item:hover .pic img{
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
}
.index .products .lists .list-item h4{
	font-size: 25px;
	line-height: 42px;
	letter-spacing: 2px;
	color: #000;
    margin: 0;
    padding: 25px 0 15px 0;
	transition: color 0.3s ease-in-out;
	-webkit-transition: color 0.3s ease-in-out;
}
.index .products .lists .list-item p{
	font-size: 16px;
	line-height: 26px;
	letter-spacing: 0px;
	color: #545454;
}
.index .products .lists .list-item.active h4,
.index .products .lists .list-item:hover h4{
	color: #be9c59;
}
.index .products-title h3,
.index .products-title p,
.index .products .lists .list-item h4,
.index .products .lists .list-item p{
	text-align: center;
}
.index .products .product-slider{
	margin-bottom: 0;
    margin-left: 70px;
    margin-right: 70px;
}
.index .products .product-slider li.slick-slide{
	margin: 0 20px;
}
.index .products .product-slider li.slick-slide h5{
	text-align: center;
	font-size: 16px;
	line-height: 20px;
	color: #000;
	margin: 0;
    padding: 28px 0;
	transition: color 0.3s ease-in-out;
	-webkit-transition: color 0.3s ease-in-out;
}
.index .products .product-slider li.slick-slide:hover h5{
	color: #be9c59;
}
.index .products .product-slider li.slick-slide img{
	max-width: 100%;
    margin: 0 auto;
}
.index .products .tabcontent{
	display: none;
	position: relative;
    margin-top: 2em;
	border-top: solid 1px #be9c59;
	padding: 49px 0;
    -webkit-animation: fadeEffect 1s ease-in-out;
    animation: fadeEffect 1s ease-in-out;
}
.index .products .tabcontent:before,
.index .products .tabcontent:after{
	content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent;
    border-top: 0;
}
.index .products .tabcontent:before{
	top: -16px;
    border-bottom-color: #be9c59;
    border-width: 16px;
}
.index .products .tabcontent:after{
	top: -15px;
    border-bottom-color: #FFF;
    border-width: 16px;
}
.index .products #product01.tabcontent:before{
    left: 24%;
}
.index .products #product01.tabcontent:after{
    left: 24%;
}
.index .products #product02.tabcontent:before{
    left: 73%;
}
.index .products #product02.tabcontent:after{
    left: 73%;
}
.index .products .tabcontent.active{
	display: block;
}
@-webkit-keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}
@keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}

/*    video    */

.index .video{
	position: relative;
	padding-top: 32px;
}
.index .video .embed-responsive-21by9{
	padding-bottom: 28.5%;
}
.index .video .wrapper{
	position: relative;
	display: block;
	box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
    height: 400px;
    width: 1400px;
}
.index .video .wrapper .mask{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 20;
    overflow: hidden;
}
.index .video .wrapper .mask .play{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
    width: 100px;
   	height: 100px;
}
.index .video .wrapper iframe{
	z-index: 10;
}
@media screen and (max-width: 1439px) {
	.index .video .wrapper{
		max-width: 100%;
	}
}
@media screen and (max-width: 1199px) {
	.index .pic-area .pic:first-child{
		left: 50%;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		-o-transform: translate(-50%, -50%);
	}
	.index .pic-area .pic:first-child img{
	    position: relative;
	    float: left;
	    max-width: none !important;
	    width: 1400px;
	}
}
@media screen and (max-width: 991px) {
	.index .banner .pic .group .logo img{
		max-width: 170px;
	}
	.index .pic-area .pic img{
		max-width: 100%;
	}
	.index .section .products{
		padding-top: 50px;
	}
	.index .products-title p{
		padding: 0;
	}
	.index .products .lists .list-item{
		width: 50%;
		float: left;
	}
	.index .products .lists .list-item .pic{
		height: 200px;
	}
	.index .video .wrapper ,
	.index .video .wrapper iframe{
		width: auto;
	}
}
@media screen and (max-width: 767px) {
	.index .banner .pic .group .logo img{
		max-width: 150px;
	}
}
@media screen and (max-width: 599px){
	.index .banner .pic .group .logo img{
		max-width: 150px;
	}
}
@media screen and (max-width: 479px){
	.index .pic-area .pic:first-child img{
	    width: 1200px;
	}
	.index .banner .pic .group .logo img{
		max-width: 120px;
	}
	.index .products .product-slider li.slick-slide{
		max-width: 100%;
		margin: 0;
	}
	.index .news-slider,
	.index .products .product-slider{
		margin-left: 20px;
		margin-right: 20px;
	}
	.index .news .slick-prev,
	.index .products .slick-prev{
	    left: -45px;
	}
	.index .news .slick-next,
	.index .products .slick-next{
	    right: -45px;
	}
	.index .products .slick-prev,
	.index .products .slick-next{
		margin-top: -45px;
	}
}
@media screen and (max-width: 319px) {
	.index .pic-area .pic:first-child img{
		width: auto;
	    max-width: 320px !important;
	}
}
/* ==========================================================================
    about
 ========================================================================== */

.about .banner{
	width: 100vw;
	height: 700px;
}
.banner .slider{
	height: 100%;
}
.about .first-section > .top .article01{
    margin-left: 15px;
}
.about .first-section > .top{
	margin-top: -163px;
}
.about .section > .top{
	position: relative;
}
.about .first-section > .top .row {
	display: flex;
}
.about .first-section > .top .sep {
	display: flex;
	flex-direction: column;
	justify-content: center;
	z-index: 20;
}
.about .first-section > .top .sepText {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	flex: 1;
}
.about .first-section > .top .sepText::before,
.about .first-section > .top .sepText::after {
	content: '';
	flex: 1;
	width: 1px;
	background: currentColor;
	margin: .25em;
	color: #AD9D66;
}
.about .first-section > .top .left-side .pic{
	padding: 35px 0;
}
.about .first-section > .top .center-side .pic{
	position: absolute;
	bottom: 0;
}
.about .first-section > .top .right-side{
	padding-left: 45px;
	position: relative;
}
.about .first-section > .top .right-side .pic{
	position: relative;
}
.about .first-section > .top .right-side .pic .pic-area{
	position: absolute;
	left: -3%;
	top: 50%;
	z-index: 0;
}
.about .first-section > .top .right-side .pic .pic-area .left{
	position: absolute;
	left: -15%;
	top: 17%;
}
.about .section .txt h3{
	font-size: 33px;
	letter-spacing: 3.4px;
	color: #d3bd92;
	margin: 0 0 32px 0;
}
.about .section .txt p{
	font-size: 16px;
	line-height: 30px;
	letter-spacing: 1.6px;
	color: #555;
	margin: 0;
}
.about .first-section > .top .article01 .txt{
	padding: 80px 190px 0px 30px;
}
.about .first-section .article02{
	position: relative;
	padding-top: 80px;
}
.about .first-section .article02 .left-side{
    padding: 78px 0 0 0;
}
.about .first-section .article02 .right-side .left.pic{
	position: absolute;
	left: 105px;
	bottom: 70px;
	z-index: 20;
}
.about .first-section .article02 .right-side .right.pic{
	float: right;
    margin-right: -105px;
}
.about .section .cross .pic img{
	width: 100%;
}
.about .section .bottom .article01{
	margin-top: 93px;
}
.about .section .bottom .article01 .pic{
	float: left;
}
.about .section .bottom .article01 .txt{
	padding-top: 95px;
	float: right;
}
.about .section .bottom .article02{
	padding-top: 155px;
}
.about .section .bottom .article02 .txt p{
    padding-right: 120px;
}
.about .section .bottom .article02 .right-side{
    position: absolute;
    float: left;
    display: block;
    bottom: 0;
    right: 0;
}
.about .section .bottom .article02 .right-side .pic img{
    position: absolute;
    float: left;
    display: block;
    bottom: 0;
    right: 25%;
    max-width: 100%;
}
.about .section .team{
	margin-top: 165px;
	background: #efefef;
	height: 460px;
}
.about .section .team .wrapper{
	padding: 105px 59% 50px 0px;
}
.about .section .team .wrapper .txt{
	margin-bottom: 42px;
}
.about .section .team .wrapper .txt .title{
	font-size: 33px;
	color: #0f0f0f;
	letter-spacing: 3px;
	margin-bottom: 26px;
}
.about .section .team .wrapper .txt .detail,
.about .section .team .wrapper .more{
	font-size: 16px;
	color: #555;
}
.about .section .team .wrapper .more{
	display: block;
    width: 200px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	background: #333;
	color: #FFF;
}
.about .section .team .pic{
	position: absolute;
	right: 0;
	top: 0;
	width: 50%;
}
@media screen and (min-width: 768px){
	.about .section .team{
		height: auto;
	}
	.about .section .team > .col-xs-12{
		float: none;
	}
	.about .section .team .pic {
	    position: relative;
	    right: 0;
	    top: 0;
	    width: 50%;
	    float: right;
	    height: 459px;
	}
	.about .section .team .container{
		position: relative;
	}
	.about .section .team .wrapper {
	    padding: 105px 9% 50px 0px;
	    float: left;
	    width: 50%;
	}
}
@media screen and (max-width: 1439px){
	.about .first-section .article02{
		padding-bottom: 40px;
	}
	.about .first-section > .top .article01 .txt {
	    padding: 80px 50px 0px 30px;
	}
	.about .section .bottom .article01 .pic img{
		max-width: 100%;
		position: relative;
		left: 50%;
	    transform: translateX(-50%);
	    -webkit-transform: translateX(-50%);
	    -moz-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	    -o-transform: translateX(-50%);
	}
	.about .section .bottom .article01 .txt{
		padding: 20px;
		padding-top: 0;
	    position: absolute;
	    right: 0;
	    top: 20%;
	    transform: translateY(-50%);
	    -webkit-transform: translateY(-50%);
	    -moz-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	    -o-transform: translateY(-50%);
	}
	.about .section .bottom .article01 .left-side .pic{
		padding-right: 50px;
	}
	.about .section .bottom .article01 .left-side .pic img{
		max-width: 100%;
	}
	.about .section .bottom .article02 .right-side .pic img{
		z-index: -1;
	}
	.about .section .team .wrapper {
	    padding: 90px 9% 45px 0px;
	}
	.about .section .team .pic {
	    height: 499px;
	}
}
@media screen and (max-width: 1199px){
	.about .first-section > .top .center-side .pic img{
		max-width: 100%;
	}
	.about .first-section > .top .article01 .txt {
	    padding: 80px 0px 0px 30px;
	}
	.about .section .bottom .article02 .right-side,
	.about .section .bottom .article02 .right-side .pic img{
		position: relative;
		right: 0;
	}
	.about .section .bottom .article02 .txt p {
	    padding-right: 0;
	}
	.about .section .team{
		float: left;
		width: 100%;
		height: auto;
	}
	.about .section .team .wrapper {
	    padding: 70px 5% 40px 0px;
	}
}
@media screen and (max-width: 991px) {
	.about .section .team{
		margin-top: 60px;
	}
	.about .first-section > .top .article01{
		margin-left: 0;
	}
	.about .first-section .article02 .right-side .left.pic{
		left: 0px;
		bottom: 0;
		position: relative;
	}
	.about .first-section .article02{
		padding-bottom: 0px;
	}
	.about .first-section .article02 .left-side {
	    padding: 78px 0 20px 0;
	    z-index: 10;
	}
	.about .first-section .article02 .right-side .right.pic{
		margin-top: -186px;
	}
	.about .first-section > .top .right-side{
		padding-left: 0px;
	}
	.about .section .bottom .article01 .pic{
		float: none;
		padding: 0;
	}
	.about .section .bottom .article01 .txt{
		padding: 0;
		padding-bottom: 30px;
		float: none;
		position: relative;
		top: 0;
		transform: none;
		-webkit-transform: none;
		-moz-transform: none;
		-ms-transform: none;
		-o-transform: none;
	}
	.about .section .bottom .article02{
		padding-top: 50px;
	}
	.about .section .bottom.article .article02 .right-side{
		left: auto;
		width: 100%;
	}
	.about .section .bottom .article02 .right-side .pic img{
		position: relative;
		right: auto;
		left: auto;
		float: none;
		margin: 0 auto;
		display: block;
	}
	.about .section .team .wrapper {
	    padding: 40px 5% 40px 0px;
	}
	.about .section .team .pic {
	    height: 504px;
	}
}
@media screen and (max-width: 767px) {
	.about .first-section > .top .left-side .pic img{
		max-width: 50px;
	}
	.about .first-section > .top .right-side .pic img{
		max-width: 100%;
		padding-left: 20px;
	}
	.about .first-section > .top .right-side .pic .pic-area img{
		max-width: 9%;
		min-width: 40px;
	}
	.about .section .team{
		margin-top: 50px;
		padding-bottom: 15px;
	}
	.about .section .team .wrapper{
		padding: 20px 12px;
	}
	.about .section .team .pic{
		position: relative;
		right: auto;
		top: auto;
		width: auto;
		max-width: 100%;
	}
	.about .section .team .pic img{
		position: relative;
	}
	.about .section .team .pic {
	    height: 450px;
	}
}
@media screen and (max-width: 599px){
	.about .banner{
		width: 100vw;
		height: 85vh;
	}
	.about .first-section > .top .left-side{
		padding-top: 0;
	}
	.about .first-section > .top .center-side{
		display: none;
	}
	.about .first-section > .top .right-side{
		width: 91.6666666667%;
	}
	.about .first-section > .top .right-side .pic{
		margin-right: -15px;
	}
	.about .section .team .pic {
	    height: 380px;
	}
}
@media screen and (max-width: 479px) {
	.about .section > .top{
		margin-top: 0;
	}
	.about .first-section > .top .row{
		display: block;
	}
	.about .first-section > .top .right-side{
		width: 100%;
	}
	.about .first-section > .top .right-side .pic img{
		display: none;
	}
	.about .section .team .pic {
	    height: 300px;
	}
	.about .first-section > .top .article01 .txt{
		padding-top: 0;
	}
}

/* ==========================================================================
    news
 ========================================================================== */

.news .fullpage-wrapper{
	border-bottom: solid 1px #EBE2CE;
	padding-bottom: 17px;
}
.news .banner{
	height: 400px;
}
.news .section .top{
	border-bottom: solid 1px #EBE2CE;
	position: relative;
	z-index: 20;
}
.news .section .top .left-side{
	z-index: 20;
}
.news .section .top .right-side{
	z-index: 10;
}
.news .news-select{
	width: 148px;
	float: right;
    padding-top: 13px;
    margin-right: 35px;
}
.news .news-select .dk-selected{
	font-size: 14px;
	line-height: 30px;
	background: #ece2cd;
	border: 0;
    padding: 4px 45px 4px 20px;
    letter-spacing: 1px;
}
.news .news-select .dk-selected:before{
	right: 12px;
}
.news .news-select .dk-selected:after{
	border: 0;
}
.news .news-select .dk-select-options{
	border-color: #ece2cd;
	max-height: 30vh;
    padding: 1px 0 0 0;
}
.news .news-select .dk-select-options .dk-option-highlight,
.news .news-select .dk-option-selected{
    background-color: #ece2cd;
    color: #555;
}
.news .news-select .dk-option-selected{
	background-color: #eedcb6;
}
.news .news-select .dk-select-options .dk-option{
    font-size: 14px;
    line-height: 30px;
    padding: 4px 45px 4px 20px;
    letter-spacing: 1px;
}
.news .lists{
	margin-top: 61px;
	position: relative;
	z-index: 10;
}
.news .lists .list-item{
    padding: 0 16px;
    margin-bottom: 44px;
}
.news .lists .list-item .pic{
	width: 400px;
	height: 200px;
	overflow: hidden;
}
.news .lists .list-item .pic img{
	transition: transform 2s cubic-bezier(.23, 1, .32, 1);
	-webkit-transition: transform 2s cubic-bezier(.23, 1, .32, 1);
	-moz-transition: transform 2s cubic-bezier(.23, 1, .32, 1);
	-ms-transition: transform 2s cubic-bezier(.23, 1, .32, 1);
	-o-transition: transform 2s cubic-bezier(.23, 1, .32, 1);
}
.news .lists .list-item:hover .pic img{	
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
}
.news .lists .list-item .wrapper{
	position: relative;
	width: 400px;
	max-width: 100%;
}
.news .lists .list-item .wrapper .pic,
.news .lists .list-item .wrapper .pic img{
	max-width: 100%;
}
.news .lists .list-item .wrapper .txt{
    padding-left: 19px;
    padding-top: 24px;
    padding-bottom: 20px;
}
.news .lists .list-item .wrapper .txt .title{
	color: #be9b5a;
	font-size: 16px;
    font-weight: bolder;
	line-height: normal;
	letter-spacing: 3px;
    margin: 0;
    margin-top: 2px;
    margin-bottom: 2px;
}
.news .lists .list-item .wrapper .txt .date span{
	color: #be9b5a;
	font-size: 14px;
	letter-spacing: 1px;
}
.news .lists .list-item .wrapper .txt .detail{
	color: #555;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: 1px;
    margin-top: 9px;
    margin-bottom: 0;
}
.news .lists .list-item .wrapper .box {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: 1;
    transition: all 0.5s, background-position 0.6s;
}
.news .lists .list-item:hover .wrapper .box {
    opacity: 1 !important;
    background-position: center;
}
.news .lists .list-item .wrapper .box .border{
    position: absolute;
    background-color: #EBE2CE;
    opacity: 0;
    z-index: 2;
    transition: all 0.5s ease-in-out;
    animation-delay: 0.5s;
}
.news .lists .list-item:hover .wrapper .box .border {
    opacity: 1;
}
.news .lists .list-item .wrapper .box .border-top, 
.news .lists .list-item .wrapper .box .border-bottom {
    width: 0%;
    height: 2px;
    left: 50%;
}
.news .lists .list-item .wrapper .box .border-left, 
.news .lists .list-item .wrapper .box .border-right {
    height: 0%;
    width: 2px;
    top: 50%;
}
.news .lists .list-item:hover .wrapper .box .border-top, 
.news .lists .list-item:hover .wrapper .box .border-bottom {
    width: 100%;
    width: 100%;
    left: -1px;
}
.news .lists .list-item:hover .wrapper .box .border-left, 
.news .lists .list-item:hover .wrapper .box .border-right {
    height: 100%;
    height: 100%;
    top: -1px;
}
.news .lists .list-item .wrapper .box .border-top {
    top: -1px;
}
.news .lists .list-item:hover .wrapper .box .border-right {
    right: -1px;
}
.news .lists .list-item .wrapper .box .border-bottom {
    bottom: -1px;
}
.news .lists .list-item:hover .wrapper .box .border-left {
    left: -1px;
}
@media screen and (max-width: 1439px){
	.news .lists .list-item .pic{
		height: auto;
	}
}
@media screen and (max-width: 767px){
	.news .section .top .container{
		padding: 0;
	}
	.news .section .top .left-side{
		padding: 0 15px;
	}
	.news .section .top .right-side{
		padding: 0 15px;
		display: block;
	    border-top: solid 1px #EBE2CE;
	    float: left;
	    width: 100%;
	    /*margin-top: 20px;*/
	}
	.news .news-select{
		float: left;
		margin-bottom: 13px;
	}

}
@media screen and (max-width: 599px){
	.news .lists .list-item{
		width: 100%;
	}
	.news .lists .list-item .wrapper{
		margin: 0 auto;
	}
}
@media screen and (max-width: 479px){
	.news .news-select{
		width: 100%;
	}
}

/* ==========================================================================
    news inner
 ========================================================================== */

.news.inner .banner{
	height: 250px;
}
.news.inner .top .article{
	position: relative;
}
.news.inner .top .right-side .back a{
    width: 88px;
    height: 38px;
    font-size: 14px;
    line-height: 38px;
    letter-spacing: 1px;
    text-align: center;
    border: solid 1px #ece2cd;
    background: #ece2cd;
    color: #555;
    float: right;
    margin-top: 14px;
    margin-right: 35px;
    border-radius: 5px;
	transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
	-webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
	-moz-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
	-ms-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
	-o-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
}
.news.inner .top .right-side .back a:hover{
    border: solid 1px #ece2cd;
    background: #FFF;
    color: #555;
}
.news.inner .info .txt{
    padding-top: 17px;
}
.news.inner .info .txt p{
	font-size: 15px;
	line-height: 24px;
	color: #555;
	letter-spacing: 1.8px;
	margin-bottom: 0;
	font-family: "微軟正黑體";
}
.news.inner .info .txt p.date{
	color: #b8914e;
	font-size: 14px;
	line-height: 30px;
	letter-spacing: 0.8px;
}
.news.inner .info .txt h3.title{
	font-size: 18px;
	line-height: 30px;
	letter-spacing: 1.8px;
	margin: 0;
}
.news.inner .info .txt img{
	max-width: 100%;
	margin-top: 15px;
	margin-bottom: 15px;
}
.news.inner .info .txt .video{
	margin-top: 15px;
	margin-bottom: 15px;
}
.news.inner .info .fb-area{
	position: absolute;
	right: 35px;
	top: 17px;
}
.news.inner .page .pager li>a{
	font-size: 16px;
	letter-spacing: 1.8px;
	padding: 8px 53px;
	border-radius: 25px;
	border-color: #cfa972;
	background: #FFF;
	color: #cfa972;
	transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
	-webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
	-moz-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
	-ms-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
	-o-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
}
.news.inner .page{
	padding: 104px 0 8px 0;
}
.news.inner .page .pager li:hover>a{
	background: #cfa972;
	color: #FFF;
}
@media screen and (max-width: 767px){
	.news.inner .top .right-side .back a{
		margin-bottom: 14px;
		float: left;
	}
	.news.inner .page{
		padding: 40px 0 8px 0;
	}
}
@media screen and (max-width: 599px){
	.news.inner .info .fb-area{
		right: 0;
	}
	.news.inner .page .pager{
		width: 90%;
		margin: 20px auto;
	}
	.news.inner .page .pager li>a{
	    padding: 8px 0;
	    width: 30.333333333333%;
	    float: left;
	    margin: 1.5%;
	}
}

/* ==========================================================================
    products
 ========================================================================== */

.products{
	padding-top: 91px;
}
.products .footer .other{
	display: none;
}
.products .list .group > .pic img{
	-webkit-transition: -webkit-filter 1s cubic-bezier(0.77, 0, 0.175, 1), transform 0.8s cubic-bezier(0.77, 0, 0.175, 1);
	-moz-transition: -webkit-filter 1s cubic-bezier(0.77, 0, 0.175, 1), transform 0.8s cubic-bezier(0.77, 0, 0.175, 1);
	-ms-transition: -webkit-filter 1s cubic-bezier(0.77, 0, 0.175, 1), transform 0.8s cubic-bezier(0.77, 0, 0.175, 1);
	-o-transition: -webkit-filter 1s cubic-bezier(0.77, 0, 0.175, 1), transform 0.8s cubic-bezier(0.77, 0, 0.175, 1);
	transition: -webkit-filter 1s cubic-bezier(0.77, 0, 0.175, 1), transform 0.8s cubic-bezier(0.77, 0, 0.175, 1);
}
.products .list:hover .group > .pic img{
	filter: brightness(0.8);
	-webkit-filter: brightness(0.8);
	transform: scale(1.1) translateY(-3%);
	-webkit-transform: scale(1.1) translateY(-3%);
	-moz-transform: scale(1.1) translateY(-3%);
	-ms-transform: scale(1.1) translateY(-3%);
	-o-transform: scale(1.1) translateY(-3%);
}
.products .list .group > .pic,
.products .list .group > .pic .image{
	position: relative;
	height: 500px;
}
.products .list .group > .pic .txt{
	position: absolute;
    top: 53%;
    left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
	-webkit-transition: top 0.5s cubic-bezier(0.77, 0, 0.175, 1), background 0.5s ease-in-out;
	-moz-transition: top 0.5s cubic-bezier(0.77, 0, 0.175, 1), background 0.5s ease-in-out;
	-ms-transition: top 0.5s cubic-bezier(0.77, 0, 0.175, 1), background 0.5s ease-in-out;
	-o-transition: top 0.5s cubic-bezier(0.77, 0, 0.175, 1), background 0.5s ease-in-out;
	transition: top 0.5s cubic-bezier(0.77, 0, 0.175, 1), background 0.5s ease-in-out;
}
.products .list .group > .pic .txt h3{
	text-align: center;
	font-size: 30px;
	line-height: 30px;
	letter-spacing: 2px;
	color: #be9c59;
	margin-top: 14px;
    margin-bottom: 35px;
	-webkit-transition: color 0.5s ease-in-out;
	-moz-transition: color 0.5s ease-in-out;
	-ms-transition: color 0.5s ease-in-out;
	-o-transition: color 0.5s ease-in-out;
	transition: color 0.5s ease-in-out;
}
.products .list .group > .pic .txt .more{
	border-radius: 25px;
	width: 150px;
	height: 40px;
	background: transparent;
	color: #be9c59;
	border: solid 1px #be9c59;
	font-size: 16px;
	letter-spacing: 2px;
	-webkit-transition: color 0.5s ease-in-out, border 0.5s ease-in-out;
	-moz-transition: color 0.5s ease-in-out, border 0.5s ease-in-out;
	-ms-transition: color 0.5s ease-in-out, border 0.5s ease-in-out;
	-o-transition: color 0.5s ease-in-out, border 0.5s ease-in-out;
	transition: color 0.5s ease-in-out, border 0.5s ease-in-out;
}
.products .list:hover .group > .pic .txt h3,
.products .list:hover .group > .pic .txt .more{
	color: #FFF;
	border-color: #FFF;
}
.products .list.active .group > .pic .txt{
	top: 88.5%;
	border: solid 1px #be9c59;
    background: #be9c59;
    color: #FFF;
    border-radius: 50%;
    width: 150px;
    height: 150px;
    z-index: 20;
}
.products .list.active .group > .pic .txt h3{
	margin: 0;
	font-size: 25px;
    line-height: 150px;
    color: #FFF;
}
.products .list.active .group > .pic .txt .more{
	display: none;
}
.products .list .toggleArea{
	display: none;
}
.products .list .content{
    position: relative;
    float: left;
    width: 93%;
    padding-bottom: 95px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
.list .content .description{
	text-align: center;
	font-size: 18px;
	color: #010101;
	margin: 0;
	padding: 45px 0 80px 0;
}
.list .content .list-item{ 
	padding-bottom: 30px;
	min-height: 465px;
}
.list .content .list-item .wrapper{
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	width: 203px;
}
.list .content .list-item .wrapper .pic{
	position: relative;
}
.list .content .list-item .wrapper .pic img{
	max-width: 100%;
}
.list .content .list-item .wrapper .pic .icon{
	opacity: 0;
	position: absolute;
    float: left;
    display: block;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%)scale(0);
    -moz-transform: translate(-50%,-50%)scale(0);
    -ms-transform: translate(-50%,-50%)scale(0);
    -o-transform: translate(-50%,-50%)scale(0);
    transform: translate(-50%,-50%)scale(0);
    -webkit-transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
    -ms-transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
}
.list .content .list-item:hover .wrapper .pic .icon{
	opacity: 0.9;
    -webkit-transform: translate(-50%,-50%)scale(1);
    -moz-transform: translate(-50%,-50%)scale(1);
    -ms-transform: translate(-50%,-50%)scale(1);
    -o-transform: translate(-50%,-50%)scale(1);
    transform: translate(-50%,-50%)scale(1);
}
.list .content .list-item .wrapper .pic .icon:before{
    position: relative;
    float: left;
    content: "+";
	border-radius: 50%;
	border: solid 1px #be9c59;
	background: #be9c59;
	color: #FFF;
	width: 60px;
	height: 60px;
	line-height: 60px;
	text-align: center;
}
.list .content .list-item .wrapper .txt{
	padding-top: 27px;
}
.list .content .list-item .wrapper h4{
	color: #000;
	/* text-align: center; */
	font-size: 16px;
	line-height: 30px;
	letter-spacing: 1.8px;
	margin: 0;
    padding-bottom: 15px;
	-webkit-transition: color 0.3s ease-in-out;
	-moz-transition: color 0.3s ease-in-out;
	-ms-transition: color 0.3s ease-in-out;
	-o-transition: color 0.3s ease-in-out;
	transition: color 0.3s ease-in-out;
}
.list .content .list-item:hover .wrapper h4{
	font-weight: bold;
	color: #be9c59;
}
.list .content .list-item .wrapper p,
.list .content .list-item:hover .wrapper p{
	/* text-align: center; */
	font-weight: normal;
	color: #555;
	font-size: 15px;
	line-height: 24px;
	letter-spacing: 1.5px;
}

.list .content .list-item .wrapper a .txt span {
	color: #F00;
}

.list .content .list-item .wrapper .btn{
	width: 120px;
    height: 40px;
    background: #be9c59;
    border: solid 1px #be9c59;
    border-radius: 5px;
    color: #FFF;
	-webkit-transition: color 0.3s ease-in-out, background 0.3s ease-in-out;
	-moz-transition: color 0.3s ease-in-out, background 0.3s ease-in-out;
	-ms-transition: color 0.3s ease-in-out, background 0.3s ease-in-out;
	-o-transition: color 0.3s ease-in-out, background 0.3s ease-in-out;
	transition: color 0.3s ease-in-out, background 0.3s ease-in-out;
}
.list .content .list-item:hover .wrapper .btn{
    background: #FFF;
    color: #be9c59;
}
@media screen and (max-width: 991px) {
	.list .content .description{
		padding: 80px 0 60px 0;
	}
}
@media screen and (max-width: 767px) {

	.products .list .group > .pic,
	.products .list .group > .pic .image{
		height: 47vh;
	}
}
@media screen and (max-width: 599px) {

	.list .content .list-item{
		width: 100%;
	}
}

/* ==========================================================================
    prodocut
 ========================================================================== */

.wp.product .footer .other{
	display: none;
}
.wp.product{
	padding-top: 91px;
}
.wp.product .section .lists{
	padding-bottom: 85px;
}
.wp.product .section .lists .list{
	float: none;
}
.product .slideArea{
	position: relative;
	background: #fbf6f4;
}
.product .slideArea .container{
	position: relative;
}
.product .slideArea .left{
	width: 50%;
	float: left;
}
.product .slideArea .box{
	position: absolute;
	top: 0;
	right: -100%;
	float: right;
    overflow: hidden;
    background: rgba(255,255,255,0.65);
    height: 100%;
    width: 50%;
    min-width: 860px;
    position: relative;
    right: 0;
    min-width: 0;
}
.product .slideArea .box .box-wrapper{
	position: relative;
	padding: 108px 0px 20px 0px;
}
.product .slideArea .box .box-wrapper .close{
	position: absolute;
	right: 100px;
	top: 108px;
    font-weight: lighter;
    opacity: 0.6;
}
.product .slideArea .box .box-wrapper .close:after{
	font-family: "icomoon";
	content: "\e906";
	font-size: 28px;
	color: #be9c59;
}
.product .slideArea .box .box-wrapper .close:hover{
	opacity: 1;
}
.product .slideArea .box .box-wrapper .top{
	position: relative;
}
.product .slideArea .box .box-wrapper .top .share{
	position: absolute;
	right: 0;
	top: 10px;
}
.product .slideArea .box .box-wrapper h4{
    font-size: 30px;
    font-weight: bold;
    color: #000;
    letter-spacing: 8px;
    float: left;
    margin-bottom: 10px;
    padding-bottom: 30px;

}
.product .slideArea .box .box-wrapper h4:after{
	content: "\e914";
	font-family: "icomoon";
	color: #4B823E;
	float: right;
	padding-left: 5px;
}
.product .slideArea .box .box-wrapper h5:before{
	content: "";
	display: block;
	clear: both;
}
.product .slideArea .box .box-wrapper h5{
    font-size: 18px;
    line-height: 30px;
    font-weight: lighter;
    color: #000;
    letter-spacing: 2px;
}
.product .slideArea .box .box-wrapper .detail{
	letter-spacing: 1.5px
}
.product .slideArea .box .box-wrapper .top,
.product .slideArea .box .box-wrapper .bottom{
    margin-left: 62px;
    margin-right: 62px;
    width: 66%;
}
.product .slideArea .box .box-wrapper .top{
    border-bottom: solid 1px #bf9d5b;
    padding-bottom: 12px;
}
.product .slideArea .box .box-wrapper .detail,
.product .slideArea .box .box-wrapper .info{
	width: 100%;
}
.product .slideArea .box .box-wrapper .detail,
.product .slideArea .box .box-wrapper .info,
.product .slideArea .box .box-wrapper .info .weight{
    display: inline-block;
}
.product .slideArea .box .box-wrapper .detail,
.product .slideArea .box .box-wrapper .info .weight,
.product .slideArea .box .box-wrapper .info .warnings{
	padding-top: 6px;
}
.product .slideArea .box .box-wrapper .info,
.product .slideArea .box .box-wrapper .detail,
.product .slideArea .box .box-wrapper .info .warnings{
	font-size: 15px;
	line-height: 24px;
	color: #555;
}
.product .slideArea .box .box-wrapper .info span{
	letter-spacing: 1px;
}
.product .slideArea .box .box-wrapper .info .warnings{
	color: #bf9d5b;
    letter-spacing: 1.5px;
}
.product .slideArea .box .box-wrapper .bottom{
	padding-top: 41px;
}
.product .slideArea .box .box-wrapper .bottom span{
	font-size: 15px;
	line-height: 24px;
	color: #555;
    font-weight: lighter;
    letter-spacing: 1px;
    float: left;
}
.product .slideArea .box .box-wrapper .bottom .quantity span{
	color: #555;
    line-height: 40px;
}
.product .slideArea .box .box-wrapper .bottom .quantity .dk-select{
	margin-left: 14px;
    width: 183px;
}
.product .slideArea .box .box-wrapper .bottom .quantity .dk-selected,
.product .slideArea .box .box-wrapper .bottom .quantity .dk-option{
	height: 40px;
	line-height: 40px;
	border-color: #be9c59;
	padding-right: 41px;
    text-align: center;
}
.product .slideArea .box .box-wrapper .bottom .quantity .dk-selected:after{
	margin-right: 41px;
}
.product .slideArea .box .box-wrapper .bottom .price{
	display: inline-block;
	padding-top: 28px;
}
.product .slideArea .box .box-wrapper .bottom .fixed.price{
	padding-right: 20px;
}
.product .slideArea .box .box-wrapper .bottom .price .unit{
	padding-left: 5px;
}
.product .slideArea .box .box-wrapper .bottom .price .value:before{
	content: "$";
	padding-right: 6px;
}
.product .slideArea .box .box-wrapper .bottom .sell.price .value{
	font-family: "Century Gothic";
	font-size: 30px;
	font-style: italic;
	line-height: 16px;
	color: #F00;
    padding-left: 2px;
}
.product .slideArea .box .box-wrapper .bottom .btnArea{
	padding-top: 23px;
}
.product .slideArea .box .box-wrapper .bottom .btnArea .btn{
    color: #FFF;
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
}
.product .slideArea .box .box-wrapper .bottom .btnArea .btn.buy{
	border: solid 1px #be9c59;
    background: #be9c59;
    margin-right: 10px;
    padding: 0px 38px;
}
.product .slideArea .box .box-wrapper .bottom .btnArea .btn.cart{
	border: solid 1px #f7ab00;
    background: #f7ab00;
    padding: 0px 25px;
}
.product .slideArea .box .box-wrapper .bottom .btnArea .btn.buy,
.product .slideArea .box .box-wrapper .bottom .btnArea .btn.cart,
.product .slideArea .box .box-wrapper .bottom .btnArea .btn.cart .icon:after{
	transition: color 0.3s ease-in-out, background 0.3s ease-in-out;
	-webkit-transition: color 0.3s ease-in-out, background 0.3s ease-in-out;
	-moz-transition: color 0.3s ease-in-out, background 0.3s ease-in-out;
	-ms-transition: color 0.3s ease-in-out, background 0.3s ease-in-out;
	-o-transition: color 0.3s ease-in-out, background 0.3s ease-in-out;
}
.product .slideArea .box .box-wrapper .bottom .btnArea .btn.buy:hover{
	background: #FFF;
	color: #be9c59;
}
.product .slideArea .box .box-wrapper .bottom .btnArea .btn.cart:hover{
	background: #FFF;
	color: #f7ab00;
}
.product .slideArea .box .box-wrapper .bottom .btnArea .btn.cart:hover .icon:after{
	color: #f7ab00;
}
.product .slideArea .box .box-wrapper .bottom .btnArea .btn.cart .icon{
	float: right;
    display: inline-block;
    line-height: 40px;
    padding-left: 10px;
}
.product .slideArea .box .box-wrapper .bottom .btnArea .btn.cart .icon:after{
	content: "\e91a";
	font-family: "icomoon";
	color: #FFF;
	font-size: 24px;
	position: relative;
	display: inline-block;
	float: right;
}
.product .slideArea h2{
	position: absolute;
	top: 35px;
	left: 35px;
	border: solid 1px #be9c59;
    background: #be9c59;
    color: #FFF;
    border-radius: 50%;
    width: 150px;
    height: 150px;
    line-height: 150px;
    text-align: center;
    z-index: 10;
}
.product .uncooked-slider{
	height: calc(100vh - 91px);
}
.product .uncooked-slider .pic {
    cursor: default;
    position: relative;
}
.product .uncooked-slider .pic .image{
	position: relative;
	float: left;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.product .uncooked-slider .pic .image img{
	max-width: 90%;
	margin: 0 auto;
}
.product .desc{
	position: absolute;
	top: 82.5%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}
.product .desc:hover{
	background: #be9c59;
	color: #FFF;
}
.product .cook-slider{
	/*pointer-events: none;*/
}
.product .uncooked-slider .slick-dots{
	bottom: 33px;
}
.product .uncooked-slider .slick-dots li{
	width: 20px;
    height: 20px;
    margin: 0 5px;
}
.product .cook-slider .pic {
	height: 333px;
}
.product .cook-slider .slick-prev{
	left: 0;
}
.product .cook-slider .slick-next{
	right: 0;
}
.product .cook-slider .slick-prev,
.product .cook-slider .slick-next{
	background: transparent;
	height: 100%;
	margin-top: 0;
	z-index: 20;
}
.product .cook-slider .slick-prev:before{
	content: "\f579";
}
.product .cook-slider .slick-next:before{
	content: "\f57a";
}
.product .cook-slider .slick-prev:before,
.product .cook-slider .slick-next:before{
	color: #FFF;
	font-size: 63px;
	opacity: 0.75;
	transition: color 0.3s ease-in-out;
	-webkit-transition: color 0.3s ease-in-out;
}
.product .cook-slider .slick-prev:hover:before,
.product .cook-slider .slick-next:hover:before{
	color: #FFF;
	opacity: 1;
}

.nav-tabs-style {
    text-align: center;
}

.nav-tabs-style>li.active>a,
.nav-tabs-style>li.active>a:focus,
.nav-tabs-style>li>a:hover,
.nav-tabs-style>li>a:focus{
	color: #be9c5a;
}

.nav-tabs-style li {
	display: inline-block;
    float: none;
    margin: 0em;
    font-size: 20px;
    padding: 0 10px;
}

.tab-content .tab-pane .panel_wrapper {
	padding-top: 40px;
}

@media screen and (max-width: 1199px) {
	.product .slideArea .box .box-wrapper{
		padding: 20px 0px;
	}

	.product .slideArea .box .box-wrapper .top,
	.product .slideArea .box .box-wrapper .bottom{
	    width: 80%;
	}
}
@media screen and (max-width: 991px) {
	.product .slideArea .left {
		display: block;
	    width: 100%;
	    float: none;
	    margin: 0 auto;
	}
	.product .uncooked-slider .pic{
		padding-top: 100px;
	}
	.product .slideArea .box{
		position: relative;
		right: 0;
		width: 100%;
		min-width: 0px;
	}
	.product .slideArea .box .box-wrapper{
		padding: 100px 0;
	}
	.product .slideArea .box .box-wrapper .close{
		display: none;
	}
	.product .slideArea .box .box-wrapper .top, 
	.product .slideArea .box .box-wrapper .bottom {
	    width: 80%;
	    margin: 0 auto;
	}
}
@media screen and (max-width: 599px) {
	.product .slideArea h2{
		top: 0;
		width: 125px;
		height: 125px;
		line-height: 125px;
		font-size: 22px;
	}
}
@media screen and (max-width: 479px) {
	.product .desc{
		top: auto;
		bottom: 20px;
	}
	.product .uncooked-slider .slick-dots{
		bottom: 0px;
		margin-bottom: 0;
	}
	.product .slideArea h2{
		top: 0;
		width: 100px;
		height: 100px;
		line-height: 100px;
		font-size: 18px;
	}
	.product .slideArea .box .box-wrapper .bottom .btnArea .btn{
		width: 45%;
		float: left;
		display: inline-block;
		padding: 0 10px;
	}
	.product .slideArea .box .box-wrapper .bottom .btnArea .btn.buy{
		margin-right: 5%;
		padding: 0;
	}
	.product .slideArea .box .box-wrapper .bottom .btnArea .btn.cart{
	    padding: 0px 13px;
	}

	.nav-tabs-style li {
		font-size: 20px;
		width: 49%;
	}
}
@media screen and (max-width: 399px) {
	.product .slideArea .box .box-wrapper .bottom .btnArea .btn.cart .icon:after{
	    content: "";
	}
}

/* ==========================================================================
    inspection
 ========================================================================== */

.inspection .footer .other{
	display: none;
}
.inspection .banner{
	height: 400px;
}
.inspection .section .top{
	position: relative;
	border-bottom: solid 1px #EBE2CE;
	z-index: 50;
}
.inspection .lists{
    padding-top: 70px;
	padding-bottom: 76px;
}
.inspection .list-item{
	margin-bottom: 61px;
}
.inspection .list-item .btn{
	background: transparent;
	padding: 0;
	width: 304px;
	max-width: 90%;
	border-radius: 0;
	border: 0;
    box-shadow: none;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
}
.inspection .list-item .btn .pic{
	position: relative;
}
.inspection .list-item .btn .pic .mask{
	opacity: 0;
	transition: opacity 0.3s ease-in, opacity 0.5s ease-out;
	-webkit-transition: opacity 0.3s ease-in, opacity 0.5s ease-out;
	-moz-transition: opacity 0.3s ease-in, opacity 0.5s ease-out;
	-ms-transition: opacity 0.3s ease-in, opacity 0.5s ease-out;
	-o-transition: opacity 0.3s ease-in, opacity 0.5s ease-out;
}
.inspection .list-item .btn .pic .icon{
	opacity: 0;
	transition: opacity 0.5s ease-in, opacity 0.3s ease-in-out;
	-webkit-transition: opacity 0.5s ease-in, opacity 0.3s ease-in-out;
	-moz-transition: opacity 0.5s ease-in, opacity 0.3s ease-in-out;
	-ms-transition: opacity 0.5s ease-in, opacity 0.3s ease-in-out;
	-o-transition: opacity 0.5s ease-in, opacity 0.3s ease-in-out;
}
.inspection .list-item .btn:hover .pic .mask,
.inspection .list-item .btn:hover .pic .icon{
	opacity: 1;
}
.inspection .list-item .btn .pic .mask{
	position: absolute;
	/*width: calc(100% - 2px);
	height: calc(100% - 2px);
	margin-left: 1px;
	margin-top: 1px;*/
	width: 100%;
	height: calc(100% - 2px);
	margin-top: 1px;
	top: 0;
    left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
    transform: translateX(-50%);
	background: rgba(255,255,255,0.7);
}
.inspection .list-item .btn .pic .icon:before{
	position: absolute;
	z-index: 20;
	color: #be9c59;
	content: "\e91b";
	font-family: "icomoon";
	font-size: 50px;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.inspection .list-item .btn .pic img{
	width: 100%;
	border: solid 1px #be9c59;
}
.inspection .list-item .btn p{
	color: #010101;
    padding-top: 29px;
    font-size: 16px;
    font-weight: bold;
}
.fancybox-inner{
	border: solid 2px #be9c59;
}
.fancybox-overlay{
	background: rgba(255,255,255,0.5);
}
#fancybox-loading, 
.fancybox-close, 
.fancybox-prev span, 
.fancybox-next span{
	background-image: none;
	font-family: "icomoon";
	font-size: 28px;
	color: #B6914F;
	font-size: 54px;
	opacity: 1;
	transition: transform 0.2s ease-in-out;
	-webkit-transition: transform 0.2s ease-in-out;
}
.fancybox-close{
	border-radius: 50%;
	background: #b6914F;
	width: 50px;
	height: 50px;
	display: block;
}
.fancybox-close:after{
	content: "\f546";
	font-size: 28px;
	color: #FFF;
	text-align: center;
    display: block;
    line-height: 50px;
}
.fancybox-close:hover,
.fancybox-prev:hover span, 
.fancybox-next:hover span{
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
}
.fancybox-next span:after{
	content: "\f57a";
	right: -5px;
}
.fancybox-prev span:after{
	content: "\f579";
}
@media screen and (min-width: 1440px) {
	.inspection .list-item .btn .pic img{
		height: 388px;
		width: auto;
	}
	.inspection .list-item .btn .pic .mask{
		width: 272px;
	}
}
@media screen and (max-width: 1439px) {
	.inspection .list-item .btn .pic .mask{
		width: 254px;
	}
}
@media screen and (max-width: 1199px){
	.inspection .list-item .btn .pic .mask{
		width: 279px;
	}
}
@media screen and (max-width: 991px){
	.inspection .list-item .btn .pic .mask{
		width: 302px;
	}
}
@media screen and (max-width: 767px){
	.inspection .list-item .btn .pic .mask{
		width: 248px;
	}
}
@media screen and (max-width: 599px) {
	.inspection .list-item{
		width: 100%;
	}
}
@media screen and (max-width: 399px) {
	.inspection .list-item .btn .pic .mask{
		margin-top: 0;
		width: 100%;
		height: 100%;
	}
}

/* ==========================================================================
    login
 ========================================================================== */

.login .footer .other,
.login .footer .top{
	display: none;
}
.login{
	padding-top: 91px;
}
.login .fullpage .nav{
	margin-bottom: 10px;
}
.login .login-section{
	position: relative;
}
.pic-area{
	position: absolute;
	width: 100%;
	height: 100%;
	bottom: 0;
	left: 0;
    pointer-events: none;
}
.login .login-bg{
	position: relative;
	width: 100%;
	height: 639px;
	margin-bottom: 92px;
	background: #f7f3ea;
}
.login .login-bg > .col-xs-12 > .group{
	float: right;
    position: relative;
    margin-right: 48px;
    z-index: 101;
}
.login-section > .pic-area{
	bottom: 0;
	left: -30px;
	z-index: 100;
}
.login-section .pic-area .pic,
.login .login-bg .pic-area .pic{
	position: absolute;
}
.login .login-bg .pic-area .pic03{
    right: -17%;
    top: -1%;
}
.login .login-bg .pic-area .pic04{
    right: -32%;
    top: -45%;
    z-index: -1;
}
.login .login-bg .pic-area .pic05{
    right: -2%;
    bottom: -63%;
}
.login-section .pic-area .pic img,
.login .login-bg .pic-area .pic img{
	max-width: none;
}
.login .login-bg .blank{
	width: 480px;
}
.login .login-bg .left,
.login .login-bg .right{
	position: relative;
	width: 460px;
	height: 639px;
}
.login .login-bg .left .login-area,
.login .login-bg .right .signup-area{
	width: 460px;
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}
.login .login-bg .left .wrapper,
.login .login-bg .right .wrapper{
    width: 325px;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}
.login .login-bg h3{
	font-size: 20px;
	line-height: 30px;
	color: #000;
	font-weight: bold;
}
.login .login-bg .login-area{
    border-right: solid 1px #decdab;
}
.login .login-bg .login-area h3{
    letter-spacing: 1px;
}
.login .login-bg .login-area form{
	margin-top: 32px;
}
.login .login-bg .login-area form .code{
	margin-bottom: 22px;
}
.login .login-bg .login-area .form-group{
	position: relative;
	margin: 0 0 15px 0;
}
.login .login-bg .login-area .form-group .form-control{
	height: 44px;
	line-height: 44px;
	border-color: #be9c59;
	border-radius: 0;
	font-size: 16px;
	padding: 0 12px;
}
.login .login-bg .login-area .form-group .submit{
	width: 100%;
	height: 40px;
	line-height: 40px;
	padding: 0 12px;
	border: solid 1px #be9c59;
	background: #be9c59;
	color: #FFF;
    border-radius: 5px;
	font-size: 16px;
	letter-spacing: 1px;
	font-weight: bold;
	transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
	-webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
	-moz-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
	-ms-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
	-o-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
}
.login .login-bg .login-area .form-group .submit:hover{
	background: #FFF;
	color: #be9c59;
}
.login .login-bg .login-area .forgot a,
.login .login-bg .login-area .resend a,
.login .login-bg .login-area .forgot .btn,
.login .login-bg .login-area .resend .btn{
	display: block;
	text-align: center;
	font-size: 16px;
	line-height: 30px;
	color: #555;
	letter-spacing: 1px;
	padding-top: 14px;
	padding-bottom: 14px;
	background: transparent;
	border: 0;
	box-shadow: none;
	width: 100%;
	transition: color 0.3s ease-in-out;
	-webkit-transition: color 0.3s ease-in-out;
	-moz-transition: color 0.3s ease-in-out;
	-ms-transition: color 0.3s ease-in-out;
	-o-transition: color 0.3s ease-in-out;
}
.login .login-bg .login-area .forgot a:hover,
.login .login-bg .login-area .resend a:hover,
.login .login-bg .login-area .forgot .btn:hover,
.login .login-bg .login-area .resend .btn:hover{
	color: #be9c59;
}
@media screen and (max-width: 1439px) {
	.login-section .pic-area{
		left: -5%;
	}
	.login .login-bg .pic-area .pic03{
	    right: -26%;
	}
	.login .login-bg .pic-area .pic04{
	    right: -45%;
	}
	.login .login-bg > .col-xs-12 > .group {
	    float: right;
	    position: relative;
	    margin-right: 0px;
	}
	.login-section > .pic-area > .pic{
	    bottom: 0;
	}
	.login-section > .pic-area > .pic  > img{
		max-width: 100%;
	}
}
@media screen and (max-width: 1199px) {
	.login-section > .pic-area{
		left: -50px;
	}
	.login-section > .pic-area > .pic{
	    bottom: 0;
	}
	.login-section > .pic-area > .pic  > img{
		max-width: 85%;
	}
	.login .login-bg .pic-area{
		left: 0%;
	}
	.login .login-bg .pic-area .pic04{
	    right: -48%;
	}
	.login .login-bg .left, 
	.login .login-bg .right{
		height: auto;
		margin: 0 auto;
	}
	.login .login-bg > .col-xs-12{
		height: 100%;
	}
	.login .login-bg > .col-xs-12,
	.login .login-bg > .col-xs-12 > .group {
		float: none;
	}
	.login .login-bg .left .login-area, 
	.login .login-bg .right .signup-area{
		position: relative;
		top: auto;
		left: auto;
		transform: none;
    	margin: 0 auto;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.login .login-bg > .col-xs-12 > .group {
	    position: relative;
	    float: left;
	    top: 40%;
	    left: 50%;
	    transform: translate(-50%,-50%);
	    -webkit-transform: translate(-50%,-50%);
	    -moz-transform: translate(-50%,-50%);
	    -ms-transform: translate(-50%,-50%);
	    -o-transform: translate(-50%,-50%);
	}
}
@media screen and (max-width: 991px){
	.login .login-bg{
		height: auto;
	    padding: 50px 0;
	}
	.login .login-bg .login-area{
		border: 0;
	}
	.login .login-bg > .col-xs-12 > .group{
		width: 100%;
	}
	.login .login-bg .left, 
	.login .login-bg .right{
		float: none;
	}
	.login .login-bg .left:after{
		content: "";
		clear: both;
		display: block;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px){
	.login .login-bg .pic-area{
	    left: 9%;
	}
	.login .login-bg .pic-area .pic03 {
	    right: -26%;
	}
	.login .login-bg .pic-area .pic04 {
	    right: -57%;
	}
}
@media screen and (max-width: 767px) {
	.login .login-bg{
		height: auto;
		margin-bottom: 0;
	}
	.login .login-bg > .col-xs-12 > .group{
		float: none;
	}
	.login .login-bg .left, 
	.login .login-bg .right{
		float: none;
	}
	.login .pic-area{
		display: none;
	}
}
@media screen and (max-width: 479px) {
	.login .login-bg .left, 
	.login .login-bg .right,
	.login .login-bg .left .login-area, 
	.login .login-bg .right .signup-area{
		width: 100%;
	}
	.login .login-bg .left .wrapper,
	.login .login-bg .right .wrapper{
	    width: 100%;
	    padding: 0 15px;
	}
}

/*   SignUp   */

.login .login-bg .signup-area p{
	font-size: 16px;
	line-height: 30px;
	letter-spacing: 0.8px;
}
.login .login-bg .signup-area .normal-signup,
.login .login-bg .signup-area .fb-signup{
	display: inline-block;
	border-radius: 50%;
	width: 150px;
	height: 150px;
}
.login .login-bg .signup-area .normal-signup{
	margin-right: 10px;
}
.login .login-bg .signup-area .btn-area{
	margin-top: 25px;
}
.login .login-bg .signup-area .btn{
	font-size: 16px;
	font-weight: bold;
	line-height: 30px;
	border-radius: 50%;
	width: 150px;
	height: 150px;
	color: #FFF;
	-webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
	-moz-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
	-ms-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
	-o-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
	transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
}
.login .login-bg .signup-area .normal-signup .btn{
	position: relative;
	background: #be9c59;
	border: solid 2px #be9c59;
    line-height: 150px;
    padding-top: 0;
    padding-bottom: 0;
}
.login .login-bg .signup-area .fb-signup .btn{
	position: relative;
	background: #163456;
	border: solid 2px #163456;
    line-height: 150px;
    padding-top: 0;
    padding-bottom: 0;
}
.login .login-bg .signup-area .btn span{
	display: block;
	line-height: 40px;
}
.login .login-bg .signup-area .btn:before,
.login .login-bg .signup-area .btn .icon:before{
	font-family: "icomoon";
}
.login .login-bg .signup-area .normal-signup .btn .icon:before{
    content: "\e997";
    font-size: 24px;
}
.login .login-bg .signup-area .fb-signup .btn .icon:before{
    content: "\e907";
    font-size: 24px;
}
.login .login-bg .signup-area .normal-signup .btn:hover{
	background: #FFF;
	color: #be9c59;
}
.login .login-bg .signup-area .fb-signup .btn:hover{
	background: #FFF;
	color: #163456;
}
@media screen and (max-width: 479px) {
	.login .login-bg .signup-area .normal-signup, 
	.login .login-bg .signup-area .fb-signup,
	.login .login-bg .signup-area .btn{
		width: 125px;
		height: 125px;
	}
	.login .login-bg .signup-area .normal-signup .btn{
		line-height: 125px;
	}
}

/*   modal01   */

.modal .modal-body:before,
.modal .modal-body:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.modal.in .modal-dialog{
    top: 50%;
    transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
}
.modal .modal-dialog{
    position: absolute;
    display: block;
    margin: 0 auto;
    left: 50%;
    top: 20%;
    transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
}
.modal.fade .modal-dialog{
    transition: top .3s ease-out;
	-webkit-transition: top .3s ease-out;
	-moz-transition: top .3s ease-out;
	-ms-transition: top .3s ease-out;
	-o-transition: top .3s ease-out;
	
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
}
.modal.in.one .modal-dialog,
.modal.in.two .modal-dialog{
	width: 620px;
	max-width: 90%;
}
.modal.one .modal-content,
.modal.two .modal-content{
    position: relative;
}
.modal.one .modal-content{
	border-color: #bf9d5b;
	border: 0;
}
.modal.one .modal-header{
	background: #bf9d5b;
	border: 0;
	padding: 14px;
}
.modal.one .modal-container{
    max-width: 90%;
    margin: 0 auto;
    width: 476px;
}
.modal.one .modal-header .close{
	position: relative;
    opacity: 0.75;
}
.modal.one .modal-header .close:hover{
	opacity: 1;
}
.modal.one .modal-header .close:after{
	font-family: "icomoon";
    content: "\e906";
    font-size: 24px;
    color: #FFF;
    position: absolute;
    right: 0;
    top: 3px;
}
.modal.one .modal-header h4{
	color: #FFF;
	font-weight: bolder;
}
.modal.one .modal-body .register{
	padding-top: 34px;
}
.modal.one .modal-body .register .wrapper .form-horizontal .form-group{
	margin-bottom: 18px;
}
.modal.one .modal-body .register .wrapper {
	width: 476px;
	max-width: 90%;
}
.modal.one .modal-body .register .wrapper .bottom {
    margin-bottom: 54px;
}
.modal.one .modal-body .register .bottom .btn-area {
    padding-top: 23px;
}
.modal.two .modal-content{
    width: 80%;
    margin: 0 auto;
    border: 0;
}
.login .modal.two .modal-content,
.register .modal.two .modal-content,
.password .modal.two .modal-content,
.profile .modal.two .modal-content{
	width: 100%;
}
.modal.two .modal-header{
	border-bottom-color: #bf9d5b;
    padding: 32px 15px;
}
.modal.two .modal-header h4{
	text-align: center;
	color: #bf9d5b;
	font-size: 33px;
	letter-spacing: 3.5px;
}
.modal.two .modal-body .register{
    padding-top: 32px;
}
.modal.two .modal-body .register .wrapper{
	width: 100%;
}
.modal.two .modal-body .register .wrapper .information p{
	text-align: center;
	font-size: 18px;
	line-height: 30px;
	letter-spacing: 1px;
}
.modal.two .modal-body .register .bottom .btn-area {
    padding-top: 42px;
}
.modal.two .modal-body .register .wrapper .bottom {
    margin-bottom: 47px;
}
@media screen and (max-width: 767px) {
	.modal.in.one .modal-dialog,
	.modal.in.two .modal-dialog{
		margin: 0 auto;
		margin-top: 30px;
	}
}
/*.recover.login header{
	display: none;
}*/
/*.recover.login.wp{
	padding: 0 !important;
}
*/.recover.login .footer{
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
}
.recover.login .breadcrumb{
	margin-bottom: 0;
}
.recover.login .login-bg .login-area{
    border-right: 0;
}
.recover.login .login-bg > .col-xs-12 > .group{
	margin-right: 100px;
}
.recover.login .login-bg .left, 
.recover.login .login-bg .right,
.recover.login .login-bg .left .login-area, 
.recover.login .login-bg .right .signup-area,
.recover.login .login-bg .left .wrapper, 
.recover.login .login-bg .right .wrapper{
	width: 700px;
}
@media screen and (max-width: 991px){
	.recover.login .login-bg .left, 
	.recover.login .login-bg .right,
	.recover.login .login-bg .left .login-area, 
	.recover.login .login-bg .right .signup-area,
	.recover.login .login-bg .left .wrapper, 
	.recover.login .login-bg .right .wrapper{
		width: 400px;
	}
}
@media screen and (max-width: 479px){
	.recover.login .login-bg .left, 
	.recover.login .login-bg .right,
	.recover.login .login-bg .left .login-area, 
	.recover.login .login-bg .right .signup-area,
	.recover.login .login-bg .left .wrapper, 
	.recover.login .login-bg .right .wrapper{
		width: 300px;
	}
	.modal.two .modal-body .register .wrapper .information p br{
		display: none;
	}
}

@media screen and (max-height: 567px) {
	.recover.login.wp{
		padding-bottom: 70px !important;
	}
	.recover.login .footer{
		position: absolute;
	}
}

/* ==========================================================================
    privacy
 ========================================================================== */

.privacy .footer .other,
.privacy .footer .top{
	display: none;
}
.privacy{
	padding-top: 91px;
}
.privacy .fullpage .nav{
	margin-top: 4px;
	margin-bottom: 10px;
}
.privacy .fullpage .nav .breadcrumb{
	margin-bottom: 2px;
}
.privacy .top h3,
.privacy .bottom h3{
	font-size: 20px;
	font-weight: bolder;
	line-height: 30px;
	letter-spacing: 1px;
	color: #111;
}
.privacy .top h3{
	margin-bottom: 27px;
}

.privacy .content >ul>li>ul>li,
.privacy .content >ul>li>ol>li{
	padding-left: 18px;
}
.privacy .content >ul>li>ul>li>ul>li,
.privacy .content >ul>li>ol>li>ul>li{
	padding-left: 18px;
}
/*.privacy .content >ul>li>ul>li>ul>li:first-child,
.privacy .content >ul>li>ol>li>ul>li:first-child{
	padding-left: 0;
}*/

.privacy .content p,
.privacy .content li{
	font-size: 15px;
	line-height: 30px;
	color: #7c7c7c;
}               
.privacy .content{
    padding: 27px 0 23px 0;
	border-top: dashed 1px #bf9d5b;	
	border-bottom: dashed 1px #bf9d5b;
}
.privacy .bottom {
	padding: 57px 0 107px 0;
}
.privacy .bottom .btn-area {
	float: left;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}
.privacy .bottom .btn-area .btn{
	font-size: 16px;
	font-weight: bolder;
	color: #FFF;
	background: #bf9d5b;
	border-radius: 5px;
    height: 40px;
    line-height: 40px;
    padding: 0 36px;
    letter-spacing: 1px;
}
.privacy .bottom .btn-area .btn.agree{
	margin-right: 24px;
}
@media screen and (max-width: 479px) {
	.privacy .bottom .btn-area .btn{
	    padding: 0 16px;
	}
}

/* ==========================================================================
    register
 ========================================================================== */

.register .footer .other,
.register .footer .top{
	display: none;
}
.register{
	padding-top: 91px;
}
.register .wrapper{
	width: 720px;
	margin: 0 auto;
    padding-top: 17px;
}
.register .wrapper h3{
	font-size: 18px;
	line-height: 30px;
	color: #111;
	border-bottom: solid 2px #BD9C61;
	font-weight: bolder;
    padding-bottom: 18px;
    margin-bottom: 40px;
}
.register .wrapper .account{
	margin-bottom: 33px;
}
.register .wrapper .bottom{
	margin-bottom: 140px;
}
.register .form-horizontal .form-group{
	margin-left: 0;
	margin-right: 0;
}
.register .form-horizontal .form-group .control-label{
	text-align: left;
	font-size: 16px;
	font-weight: lighter;
	color: #111;
	letter-spacing: 1px;
}
.register .form-horizontal .form-group .control-label.must:after{
	content: "*";
	color: #c20000;
    padding-left: 5px;
    font-family: "Arial";
    font-size: 16px;
    font-weight: lighter;
}
.register .form-horizontal .form-group .col-sm-10{
	padding-left: 30px;
}
.register .form-horizontal .form-group .dk-select{
	width: 100%;
}
.register .form-horizontal .form-group .dk-selected,
.register .form-horizontal .form-group .form-control{
	height: 44px;
	line-height: 44px;
	border-radius: 0;
	border: solid 1px #BC9B5F;
	padding: 0 36px 0 15px;
	font-size: 16px;
	color: #555;
}
.register .form-horizontal .form-group .dk-selected:after{
	border-color: #BC9B5F;
}
.register .form-horizontal .form-group .dk-selected:before{
	border-top-color: #BC9B5F;
	color: #BC9B5F;
}
.register .form-horizontal .form-group .dk-select .dk-option{
	font-size: 16px;
}
.register .form-horizontal .form-group .col-xs-4.left{
	padding-right: 20px;
}
.register .form-horizontal .form-group .col-xs-4.between{
	padding-left: 10px;
	padding-right: 10px;
}
.register .form-horizontal .form-group .col-xs-4.right{
	padding-left: 20px;
}
.register .bottom .btn-area{
	padding-top: 56px;
	position: relative;
    display: block;
    float: left;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}
.modal.one .modal-body .register .bottom .btn-area{
	float: right;
	left: auto;
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
}
.register .bottom .btn-area .btn{
	font-size: 16px;
	font-weight: bolder;
	color: #FFF;
	background: #bf9d5b;
	border: solid 1px #bf9d5b;
	border-radius: 5px;
    height: 40px;
    line-height: 40px;
    padding: 0 50px;
    letter-spacing: 1px;
    transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
    -webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
    -moz-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
    -ms-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
    -o-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
}
.register .bottom .btn-area .btn+.btn{
	margin-left: 24px;
}
.register .bottom .btn-area .btn:hover{
	background: transparent;
	color: #bf9d5b;
}
@media screen and (max-width: 767px) {
	.register .wrapper{
		width: 90%;
	}
	.register .form-horizontal .form-group .col-sm-10{
		padding-left: 0px;
	}
	.modal.one .modal-body .register .bottom .btn-area,
	.modal.two .modal-body .register .bottom .btn-area{
	    float: left;
	    display: block;
	    left: 50%;
	    transform: translateX(-50%);
	    -webkit-transform: translateX(-50%);
	    -moz-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	    -o-transform: translateX(-50%);
	}
}
@media screen and (max-width: 599px) {
	.register .wrapper{
		width: 90%;
	}
	.register .wrapper .form-horizontal .form-group.address{
		margin-bottom: 0;
	}
	.register .form-horizontal .form-group .col-sm-10{
		padding-left: 0;
	}
	.register .wrapper .form-horizontal .form-group .col-xs-4.city,
	.register .wrapper .form-horizontal .form-group .col-xs-4.country,
	.register .wrapper .form-horizontal .form-group .col-xs-4.postal{
		width: 100%;
		padding: 0;
		margin-bottom: 15px;
	}
	.register .wrapper .form-horizontal .form-group .col-xs-4.postal{
		margin-bottom: 0;
	}
	.register .bottom .btn-area .btn{
		padding: 0 45px;
	}
}
@media screen and (max-width: 479px) {
	.register .wrapper .form-horizontal .form-group.birth .col-xs-4{
		width: 100%;
		padding: 0;
		margin-bottom: 15px;
	}
	.register .wrapper .form-horizontal .form-group.birth .col-xs-4.dd{
		margin-bottom: 0;
	}
	.register .bottom .btn-area{
		width: 100%;
	}
	.register .bottom .btn-area .btn{
		float: left;
		width: 45%;
		padding: 0;
	}
	.register .bottom .btn-area .btn+.btn{
		margin-left: 10%;
	}
	.modal.two .register .bottom .btn-area{
		width: 50%;
	}
	.modal.two .register .bottom .btn-area .btn{
		float: none;
		width: 100%;
		padding: 0;
	}
}

/* ==========================================================================
    member
 ========================================================================== */

.wp.members .footer .other,
.wp.members .footer .top{
	display: none;
}
.wp.members{
	padding-top: 91px;
}
.wp.members .wrapper,
.features > .container > ul{
	padding: 0 15px;
}
.members-nav{
	padding-top: 39px;
}
.features {
	padding: 65px 0 33px 0;
}
.features ul li{
	display: inline-block;
	letter-spacing: 1px;
}
.features ul.list-unstyled > li+li{
	margin-left: 40px;
}
.features li,
.features span{
	font-size: 16px;
	line-height: 30px;
	color: #111;
    letter-spacing: 1px;
}
.order .btn,
.orders .btn,
.members .btn{
    margin: 0 auto;
    display: block;
	font-size: 18px;
	line-height: 30px;
    font-weight: bolder;
    letter-spacing: 1.2px;
	border: solid 1px #bf9d5b;
	background: #bf9d5b;
	color: #FFF;
	border-radius: 5px;
	padding: 3px 32px;
}
@media screen and (max-width: 767px) {
	.features{
		padding-top: 40px;
	}
}

/* ========== member-nav ========== */

@media screen and (min-width: 768px) {
	.members-nav {
		border-bottom: solid 1px #bf9d5b;
		position: relative;
	}
	.members-nav ul {
		padding: 0 15px;
		margin-bottom: 11px;
	}
	.members-nav li {
		display: inline-block;
	}
	.members-nav li+li{
		margin-left: 13px;
	}
	.members-nav a {
		font-size: 16px;
		line-height: 30px;
		padding: 16px 84px;
		text-decoration: none;
		color: #999;
		line-height: 100%;
		border: solid 1px #bf9d5b;
		border-bottom: 0;
		letter-spacing: 1.5px;
	    -webkit-transition: color .3s ease-in-out;
	    -moz-transition: color .3s ease-in-out;
	    -o-transition: color .3s ease-in-out;
	    transition: color .3s ease-in-out;
	}
	.members-nav a:hover {
		color: #000;
	}
	.members-nav .current a {
		background: #999;
		color: #fff;
		background: #bf9d5b;
		font-weight: bolder;
	}
	.members-nav .logout a{
		color: #fff;
		background: #D53F38;
		border: solid 1px #D53F38;
	    -webkit-transition: background .3s ease-in-out;
	    -moz-transition: background .3s ease-in-out;
	    -o-transition: background .3s ease-in-out;
	    transition: background .3s ease-in-out;
	}
	.members-nav .logout:hover a{
		background: #c12e2a;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px){
	.members-nav a {
		padding: 16px 70px;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px){
	.members-nav li {
	    width: 24%;
	    float: left;
	}
	.members-nav li+li {
	    margin-left: 1%;
	}
	.members-nav a{
		padding-left: 0;
		padding-right: 0;
		text-align: center;
		display: block;
	}
}
@media screen and (max-width: 767px) {
	.members-nav {
		position: relative;
		min-height: 40px;
		z-index: 20;
	}	
	.members-nav ul {
		width: 180px;
		position: absolute;
		top: 0;
		border: solid 1px #be9c59;
		background: #fff url(images/icon-menu.png) no-repeat 10px 11px;
		width: calc(100% - 60px);
		left: 30px;
	}
	.members-nav ul:after{
	    font-family: "icomoon";
	    content: "\e905";
		position: absolute;
		top: 13px;
		right: 0;
		border: 0;
	    margin-right: 10px;
	    color: #BC9B5F;
	}
	.members-nav li {
		display: none;
	}
	.members-nav .current {
		display: block;
	}
	.members-nav a {
		display: block;
		padding: 0 15px;
		height: 44px;
		line-height: 44px;
		text-align: left;
		font-size: 16px;
	}
	.members-nav .current a {
		background: none;
		color: #be9c59;
		font-weight: bold;
	}
	.members-nav li:hover a{
		background: #be9c59;
		color: #FFF;
	}
	.members-nav li.current:hover a {
		background: none;
		color: #be9c59;
	}


	.members-nav .logout a{
		color: #fff;
		background: #D53F38;
		border: solid 1px #D53F38;
	    -webkit-transition: background .3s ease-in-out;
	    -moz-transition: background .3s ease-in-out;
	    -o-transition: background .3s ease-in-out;
	    transition: background .3s ease-in-out;
	}
	.members-nav .logout:hover a{
		background: #c12e2a;
	}

	.members-nav ul:hover {
		background-image: none;
	}
	.members-nav ul:hover li {
		display: block;
		/*margin: 0 0 5px;*/
	}
	.members-nav ul:hover .current {
		background: url(images/icon-check.png) no-repeat 10px 7px;
	}
	.members-nav.right ul {
		left: auto;
		right: 0;
	}
	.members-nav.center ul {
		left: 50%;
		margin-left: -90px;
	}
}
@media screen and (max-width: 599px) {
	.members-nav ul{
		width: calc(100% - 30px);
		left: 15px;
	}
}

/* ========== member table ========== */

/*  cart Table  */

table.cartTable { 
  width: 100%; 
  border-collapse: collapse; 
  border-left: 1px solid #bf9d5b; 
  border-right: 1px solid #bf9d5b;
  margin-bottom: 30px;
}
table.cartTable th { 
  background: #bf9d5b; 
  color: white; 
  font-weight: bold; 
}
table.cartTable td,
table.cartTable th { 
  padding: 6px; 
  border-bottom: 1px solid #bf9d5b; 
  text-align: center; 
}
table.cartTable td,
table.cartTable td p,
table.cartTable td span,
table.cartTable td a{
	color: #555;
	font-size: 16px;
	line-height: 30px;
	letter-spacing: 1px;
}
table.cartTable td img{
	max-width: 100%;
}
table.rwdTable { 
  width: 100%; 
  border-collapse: collapse; 
  border-left: 1px solid #bf9d5b; 
  border-right: 1px solid #bf9d5b; 
}
table.rwdTable th { 
  background: #bf9d5b; 
  color: white; 
  font-weight: bold; 
}
table.rwdTable td,
table.rwdTable th { 
  padding: 6px; 
  border-bottom: 1px solid #bf9d5b; 
  text-align: center; 
}
table.rwdTable td,
table.rwdTable td p,
table.rwdTable td span,
table.rwdTable td a{
	color: #555;
	font-size: 16px;
	line-height: 30px;
	letter-spacing: 1px;
}
table.rwdTable td span.title{
	width: 150px;
	display: inline-block;
}
table.rwdTable td img{
	max-width: 100%;
}
@media only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {
	table.rwdTable, 
	table.rwdTable thead, 
	table.rwdTable tbody, 
	table.rwdTable th, 
	table.rwdTable td, 
	table.rwdTable tr { 
		display: block; 
	}
	table.rwdTable thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	table.rwdTable tr {
		border: 1px solid #ccc;
	}
	table.rwdTable td { 
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
	}
	table.rwdTable td:before { 
		position: absolute;
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}
	table.rwdTable td, 
	table.rwdTable th{
	    text-align: left;
	}
}

/* ========== orders ========== */

.orders .fullpage{
	padding-bottom: 184px;
}
.orders table td .order-no{
	color: #bf9d5b;
    -webkit-transition: text-shadow .3s ease-in-out;
    -moz-transition: text-shadow .3s ease-in-out;
    -o-transition: text-shadow .3s ease-in-out;
    transition: text-shadow .3s ease-in-out;
}
.orders table td .order-no:hover{
	text-shadow: 1px 0 0 #bf9d5b;
}
table.rwdTable td a{
    -webkit-transition: text-shadow .3s ease-in-out;
    -moz-transition: text-shadow .3s ease-in-out;
    -o-transition: text-shadow .3s ease-in-out;
    transition: text-shadow .3s ease-in-out;
}
.orders .wrapper table.rwdTable td:last-child a:hover{
	text-shadow: 1px 0 0 #555;
}
.orders table td .false{
	color: #c20000;
}
.orders .features > .container > ul li{
	letter-spacing: 1px;
}
.orders .features > .container > ul > li+li{
	margin-left: 23px;
}
.orders .features ul li .dk-select{
    margin-left: 8px;
}
.orders .features .search-bar{
	padding: 0;
}
.orders .features .search-bar input{
    border-right: 0;
    box-shadow: none;
    width: 187px;
}
.orders .features .search-bar .input-group-btn{
	float: left;
}
.orders .features .search-bar .btn{
    border-radius: 0;
    padding: 0;
    width: 44px;
    height: 44px;
    background: transparent;
    box-shadow: none;
	border-left: 0;
}
.orders .features .search-bar .btn:hover{
	border-left: 0;
}
.orders .features .search-bar .input-group-btn:last-child>.btn, 
.orders .features .search-bar .input-group-btn:last-child>.btn-group{
	margin: 0;
}
.orders .features .search-bar .btn i{
	color: #bf9d5b;
}
.orders .features .dk-selected,
.orders .features .form-control{
	height: 44px;
	line-height: 44px;
	border-radius: 0;
	border: solid 1px #BC9B5F;
	padding: 0 36px 0 15px;
	font-size: 16px;
	color: #555;
}
.orders .features .dk-select .dk-option{
	font-size: 16px;
	width: 100%;
}
@media screen and (min-width: 992px){
	.orders table th{
		font-size: 16px;
		line-height: 30px;
		font-weight: bolder;
		padding: 10px 15px;
	}
	.orders table td{
		padding: 20px 12px;
	}
}
@media screen and (max-width: 991px) {
	.orders .features > .container > ul li{
		display: block;
		margin-bottom: 10px;
	}
	.orders .features > .container > ul > li+li{
		margin-left: 0;
	}
	.orders .features .search-bar{
		margin-top: 0;
	}
	.orders .features .search-bar input{
		width: 247px;
	}
	.orders .features ul li .dk-select{
		width: calc(100% - 93px);
	}
	.navbar-form .input-group{
	    width: 100%;
	    padding-left: 93px;
	}
	.orders .features .search-bar input{
		width: calc(100% - 44px);
	}
}
@media screen and (max-width: 767px){
	table.rwdTable{
		border: 0;
	}
	table.rwdTable tr{
		border: solid 2px #bf9d5b;
		margin-bottom: 20px;
	}
	table.rwdTable td{
		border-bottom: solid 1px #bf9d5b;
	}
	table.rwdTable tr td:last-child{
		border-bottom: 0;
	}
	.orders .features .search-bar{
		margin-left: 0;
    	padding-right: 15px;
	}
}
@media screen and (max-width: 479px){
	.orders .features ul li .dk-select{
		margin-left: 0;
		width: 100%;
	}
	.orders .features .search-bar .input-group{
		padding-left: 0;
	}
}

/* ========== order ========== */

.order .fullpage{
	padding-bottom: 150px;
}
.order .features .order-no{
	color: #bf9d5b;
}
.order table.rwdTable{
	margin-bottom: 50px;
}
.order table.rwdTable td ul.list-unstyled li{
	padding: 12px 0;
}
.order table.products td.product-name p{
	text-align: left;
	transition: text-shadow 0.4s ease-in-out;
	-webkit-transition: text-shadow 0.4s ease-in-out;
	-moz-transition: text-shadow 0.4s ease-in-out;
	-ms-transition: text-shadow 0.4s ease-in-out;
	-o-transition: text-shadow 0.4s ease-in-out;
}
.order table.products .info:hover td.product-name a p{
	text-shadow: 1px 0 0 #555;
}
table.products td img{
	max-height: 135px;
	transition: transform 0.4s ease-in-out;
	-webkit-transition: transform 0.4s ease-in-out;
	-moz-transition: transform 0.4s ease-in-out;
	-ms-transition: transform 0.4s ease-in-out;
	-o-transition: transform 0.4s ease-in-out;
}
table.products .info:hover td a img{
	transform: scale(1.1) translateY(-3%);
	-webkit-transform: scale(1.1) translateY(-3%);
	-moz-transform: scale(1.1) translateY(-3%);
	-ms-transform: scale(1.1) translateY(-3%);
	-o-transform: scale(1.1) translateY(-3%);
}
.order table.products tr:last-child td:last-child{
	text-align: right;
	padding: 25px;
}
.order table.products tr:last-child td:last-child .total{
	color: #c30000;
}
@media screen and (min-width: 992px){
	.order table th{
		font-size: 18px;
		line-height: 30px;
		font-weight: bold;
		padding: 11px 15px;
	}
	.order table td{
		padding: 6px 15px;
	}
	.order table.products tbody td{
		padding: 29px 25px;
	}
	.order table.products tbody tr{
		min-height: 174px;
	}
}
@media screen and (max-width: 991px) {
	.order table.rwdTable.products{
		padding-top: 20px;
	}
	.order table.products tr:last-child td:last-child{
		text-align: left;
		padding: 15px;
	}
	.order table.rwdTable.pay-info tbody td,
	.order table.rwdTable.profile-info tbody td,
	.order table.rwdTable.invoice tbody td{
		padding-left: 15px;
	}
	.order table.rwdTable.pay-info tbody td ul,
	.order table.rwdTable.profile-info tbody td ul,
	.order table.rwdTable.invoice tbody td ul{
		margin-bottom: 0;
	}
	.order table.rwdTable tbody td ul li span{
		padding-left: 100px;
	}
	.order table.rwdTable tbody td ul li span.title{
		position: absolute;
		padding-left: 0;
	}
}
@media screen and (max-width: 599px){
	.wp.members .wrapper, .features > .container > ul{
		padding: 0;
	}
	.order table.rwdTable.pay-info tbody td,
	.order table.rwdTable.profile-info tbody td,
	.order table.rwdTable.invoice tbody td{
		padding-top: 0;
		padding-bottom: 0;
		padding-left: 6px;
		line-height: normal;
	}
	.order table.rwdTable tbody td ul li+li{
		border-top: solid 1px #be9c59;
	}
	.order table.rwdTable tbody td ul li span{
		display: block;
		padding: 0 0 0 15px;
		width: 100%;
    	line-height: 24px;
	}
	.order table.rwdTable tbody td ul li span.title{
		position: relative;
		font-weight: bold;
		padding-left: 0;
	}
}
@media screen and (max-width: 479px) {
	.order .features ul.list-unstyled > li{
		display: block;
	}
	.order .features ul.list-unstyled > li+li{
		margin-left: 0;
	}
}
.order table.pay-info td,
.order table.pay-info th,
.order table.profile-info td,
.order table.profile-info th,
.order table.invoice td,
.order table.invoice th{
	text-align: left;
}
.order .btn-area .btn{
	width: 162px;
	transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
    -webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
    -moz-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
    -ms-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
    -o-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
}
.order .btn-area .btn:hover {
    background: transparent;
    color: #bf9d5b;
}
.inquiry .wrapper{
	padding: 0 15px;
}
.inquiry .wrapper h3{
	font-size: 18px;
	font-weight: bolder;
	line-height: 30px;
	letter-spacing: 1px;
	border-bottom: solid 3px #bf9d5b;
    padding-bottom: 8px;
}
.inquiry .wrapper .order-info{
	padding-top: 44px;
}
.inquiry .wrapper .columns{
    padding: 8px 0;
}
.inquiry .wrapper .column{
	padding: 10px 0;
}
.inquiry .wrapper .column span{
	font-size: 16px;
	line-height: 30px;
	letter-spacing: 1px;
    display: inline-block;
}
.inquiry .wrapper .column span.qq{
    width: 138px;
}
.inquiry .form-horizontal .form-group{
	margin-left: 0;
	margin-right: 0;
}
.inquiry .form-horizontal .form-group .control-label{
	text-align: left;
	font-size: 16px;
	font-weight: lighter;
	color: #111;
	letter-spacing: 1px;
}
.inquiry .form-horizontal .form-group .control-label.must:after{
	content: "*";
	color: #c20000;
    padding-left: 5px;
    font-family: "Arial";
    font-size: 16px;
    font-weight: lighter;
}
.inquiry .form-horizontal .form-group .col-sm-11{
	padding-left: 30px;
}
.inquiry .form-horizontal .form-group .dk-select{
	width: 100%;
}
.inquiry .form-horizontal .form-group .dk-selected,
.inquiry .form-horizontal .form-group .form-control{
	height: 44px;
	line-height: 44px;
	border-radius: 0;
	border: solid 1px #BC9B5F;
	padding: 0 36px 0 15px;
	font-size: 16px;
	color: #555;
}
.inquiry .form-horizontal .form-group textarea.form-control{
	height: 213px;
}
.inquiry .question-area{
	padding: 38px 0;
}
.inquiry .question-area .form-group{
	margin-bottom: 29px;
}
.inquiry .question-area .form-group .dk-selected:after{
	border-color: #BC9B5F;
}
.inquiry .question-area .form-group .dk-selected:before{
	border-top-color: #BC9B5F;
	color: #BC9B5F;
}
.inquiry .question-area .form-group .dk-select .dk-option{
	font-size: 16px;
}
.inquiry .answer-area{
	border: solid 1px #EDE6DA;
}
.inquiry .answer-area .form-group{
	margin-bottom: 0;
    padding: 8px 20px;
}
.inquiry .answer-area .qq,
.inquiry .answer-area .aa{
	font-size: 16px;
	line-height: 30px;
	letter-spacing: 1px;
	color: #000;
}
.inquiry .answer-area .qq{
	color: #bf9d5b;
	font-weight: bolder;
}
.inquiry .answer-area .aa{
	font-weight: lighter;
}
.inquiry .answer-area .answer{
	background: #f3eee6;
}
.inquiry .btn-area{
	position: relative;
	float: left;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
    padding-top: 45px;
    padding-bottom: 123px;
}
.inquiry .btn-area .btn{
    display: inline-block;
	min-width: 170px;
	max-width: 50%;
}
.inquiry .btn-area .btn+.btn{
	margin-left: 20px;
}
@media screen and (max-width: 479px) {
	.inquiry .wrapper .column+.column{
		border-top: solid 1px #be9c59;
	}
	.inquiry .wrapper .column span{
		display: block;
		padding: 0 0 0 15px;
		width: 100%;
    	line-height: 30px;
	}
	.inquiry .wrapper .column span.qq{
		position: relative;
		font-weight: bold;
		padding-left: 0;
	}
	.inquiry .answer-area .qq span{
		display: block;
	}
	.inquiry .btn-area{
		width: 100%;
	}
	.inquiry .btn-area .btn{
		padding: 3px 0;
		min-width: 0;
		max-width: none;
		width: 45%;
		float: left;
	}
	.inquiry .btn-area .btn+.btn{
		margin-left: 10%;
	}
}

/*  profile & password  */

.profile .register,
.password .register{
	padding-top: 65px;
}
.profile .register .wrapper .information,
.password .register .wrapper .information{
	margin-bottom: 24px;
}
.profile .register .wrapper h3,
.password .register .wrapper h3{
	border-width: 3px;
	padding-bottom: 8px;
}
.profile .register .form-horizontal .form-group,
.password .register .form-horizontal .form-group{
	margin-bottom: 25px;
}
.profile .register .wrapper .bottom{
    margin-bottom: 132px;
}
.password .register .wrapper .bottom{
    margin-bottom: 254px;
}
.profile .register .bottom .btn-area,
.password .register .bottom .btn-area{
	padding-top: 0;
}
@media screen and (max-width: 479px) {
	.profile .register .bottom .btn-area .btn,
	.password .register .bottom .btn-area .btn{
	    margin: 0 auto;
	    display: block;
	    float: none;
	}
}
@media only screen and (max-width: 991px),
(min-device-width: 992px) and (max-device-width: 1024px)  {
	table.rwdTable{
		border: 0;
	}
	table.rwdTable, 
	table.rwdTable thead, 
	table.rwdTable tbody, 
	table.rwdTable th, 
	table.rwdTable td, 
	table.rwdTable tr { 
		display: block; 
	}
	table.rwdTable thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	table.rwdTable tr {
		border: 2px solid #bf9d5b;
	}
	table.rwdTable tr+tr{
		margin-top: 20px;
	}
	table.rwdTable td { 
		border: none;
		border-bottom: 1px solid #bf9d5b; 
		position: relative;
		padding-left: 50%;
	}
	table.rwdTable tr td:last-child{
		border-bottom: 0;
	}
	table.rwdTable td:before { 
		position: absolute;
		top: 6px;
		left: 15px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}
	table.rwdTable td, 
	table.rwdTable th{
	    text-align: left;
	}
	.orders table td a{
		display: block;
	}
	.orders table td a:hover{
		font-weight: bold;
	}

	/*Label the data*/

	.orders table td:nth-of-type(1):before { content: "訂單編號"; }
	.orders table td:nth-of-type(2):before { content: "訂購日期"; }
	.orders table td:nth-of-type(3):before { content: "訂單狀態"; }
	.orders table td:nth-of-type(4):before { content: "付款方式"; }
	.orders table td:nth-of-type(5):before { content: "預定出貨日"; }
	.orders table td:nth-of-type(6):before { content: "出貨狀態"; }
	.orders table td:nth-of-type(7):before { content: "總價NT$"; }
	.orders table td:nth-of-type(8):before { content: "客服問答"; }

	.order .products .info td:nth-of-type(1):before { content: "商品"; }
	.order .products .info td:nth-of-type(2):before { content: "商品名稱"; }
	.order .products .info td:nth-of-type(3):before { content: "數量"; }
	.order .products .info td:nth-of-type(4):before { content: "規格"; }
	.order .products .info td:nth-of-type(5):before { content: "單價"; }
	.order .products .info td:nth-of-type(6):before { content: "小計NT$"; }

	.cart.list .order .products .info td:nth-of-type(7):before { content: "刪除"; }

	.payment .order .products .info td:nth-of-type(1):before { 
		content: ""; 
	}
}
@media screen and (max-width: 991px) {
	.inquiry .wrapper .column span.qq{
	    width: 80px;
	}
	.order table.products tbody .info td:first-child{
		padding-top: 20px;
		padding-bottom: 20px;
	}
}

/* ==========================================================================
    cart
 ========================================================================== */

.cart .footer .other{
	display: none;
}
.cart{
	padding-top: 91px;
}
.cart.list .fullpage{
	padding-bottom: 150px;
}
.cart.payment .fullpage{
	padding-bottom: 172px;
}
.cart.confirm .fullpage{
	padding-bottom: 180px;
}
.cart.finished .fullpage{
	padding-bottom: 140px;
}
.cart-nav .breadcrumb{
    padding: 18px 15px;
}
.cart .order{
	padding-top: 17px;
}
.cart.finished .order{
	padding-top: 12px;
}
.cart.finished .order .top{
	padding-bottom: 49px;
}
.cart .order table.cartTable,
.cart.confirm .order table.rwdTable{
	margin-bottom: 55px;
}
.cart.payment .order .btn-area{
	padding-top: 13px;
}
.cart.confirm .order .btn-area{
	padding-top: 13px;
}
.cart.finished .order .btn-area{
	padding-top: 56px;
}
.cart .order .btn-area{
	position: relative;
	float: left;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
}
.cart .order .btn-area .btn{
	display: inline-block;
	padding: 4px 32px;
}
.cart .order .btn-area .btn+.btn{
	margin-left: 45px;
}

/*  cart-nav  */

.cart-nav {
	margin-left: -35px;
}
.cart-nav .breadcrumb li{
	position: relative;
}
.cart-nav .breadcrumb li .group{
	display: inline-block;
    border: solid 1px #bf9d5b;
    border-radius: 5px;
    padding: 4px 19px;
}
.cart-nav .breadcrumb li.active .group{
	background: #bf9d5b;
}
.cart-nav .breadcrumb li.active .group span{
	color: #FFF;
}
.cart-nav .breadcrumb li span{
	position: relative;
	font-size: 18px;
	line-height: 30px;
	letter-spacing: 1px;
	color: #111;
	padding-left: 27px;
}
.cart-nav .breadcrumb li:first-child{
	padding-left: 19px;
}
.cart-nav .breadcrumb li span:first-child{
	position: absolute;
	font-size: 28px;
	font-weight: bolder;
	line-height: 30px;
	left: 38px;
}
.cart-nav .breadcrumb li:first-child span:first-child{
	left: 10px;
}
.cart-nav .breadcrumb>li+li:before{
	padding: 0 17px;
}
/*  cart step 1 list - products  */

.cart .wrapper{
	padding: 0 35px 0 15px;
}
.cart .products td .cart-select{
	width: 88px;
}
.cart .products td .cart-select .dk-selected{
	height: 44px;
	line-height: 44px;
	border-color: #bf9d5b;
}
.cart .order table.rwdTable{
	margin-bottom: 10px;
}
.cart.list table.rwdTable th:first-child,
.cart.list table.rwdTable td:nth-child(2){
	text-align: left;
}
.cart.list .products thead th:first-child{
	padding-left: 25px;
	width: 17%;
}
.cart.list .products thead th:nth-child(2){
	width: 21%;
}
.cart.list .products thead th:nth-child(3){
	width: 15%;
}
.cart.list .products thead th:nth-child(4){
	width: 15%;
}
.cart.list .products thead th:nth-child(5){
	width: 11%;
}
.cart.list .products thead th:last-child{
	width: 6%;
}
.cart.list .order .wrapper .products tbody tr:last-child td:first-child{
	text-align: left;
    padding-left: 20px;
}
.cart .products tbody tr:last-child td:first-child .radio label{
	letter-spacing: 1px;
	padding-left: 24px;
}
.cart .products tbody tr td .radio label input{
	margin-left: -25px;
}
.cart.list .products tbody tr:last-child td:first-child .radio label input{
    margin-left: 10px;
}
.cart.list .products tbody tr.info td:last-child a{
	cursor: pointer;
    display: block;
    padding: 40px 30px;
    transition: transform 0.3s ease-in-out;
    -webkit-transition: transform 0.3s ease-in-out;
    -moz-transition: transform 0.3s ease-in-out;
    -ms-transition: transform 0.3s ease-in-out;
    -o-transition: transform 0.3s ease-in-out;
}
.cart.list .products tbody tr.info td:last-child{
	padding: 0;
}
.cart.list .products tbody tr.info td:last-child a:after{
	font-family: "icomoon";
	content: "\e91c";
	font-size: 28px;
	color: #be9c59;
}
.cart.list .products tbody tr.info td:last-child a:hover{
	transform: scale(0.9);
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	-ms-transform: scale(0.9);
	-o-transform: scale(0.9);
}
.cart.list .warnings{
	padding-top: 3px;
	padding-bottom: 26px;
}
.cart.list .warnings p,
.cart.list .warnings p a{
	font-size: 16px;
	line-height: 30px;
	color: #555;
	letter-spacing: 0.8px;
}
.cart.list .warnings p a{
	color: #c20000;
}

/*  cart step 2 payment - products  */

.cart .order .register{
	padding-top: 12px;
}
.cart .order .register .wrapper{
	margin: 0;
}
.cart .order .register .form-group{
	margin-bottom: 25px;
}
.cart .order .register .wrapper .information{
	margin-bottom: 18px;
}
.cart .order .products tbody tr:last-child td:first-child{
	padding-left: 58px;
}
.cart .order table th{
	text-align: left;
	font-size: 16px;
}
.cart.payment .order table th:first-child{
	padding-left: 65px;
}
.cart .order .pay-way tr td{
	text-align: left;
	padding: 6px 15px 6px 40px;
}
.cart.payment .order .pay-way tr td{
	padding: 6px 15px 6px 28px;
}
.cart .order .pay-way tr td:first-child{
	width: 225px;
}
.cart .order .pay-way tr td+td{
	border-left: solid 1px #bf9d5b;
}
.cart .order .pay-way tr td .radio label{
	padding-left: 45px;
	letter-spacing: 1px;
}
.cart .order .pay-way tr td .radio label input{
	margin-left: -43px;
	margin-top: 7px;
}
.cart .order .register .addressee .radio{
	display: inline-block;
}
.cart.payment .order .register .addressee .radio{
	float: left;
}
.cart .order .register .addressee .radio+.radio{
	margin-left: 80px
}
.cart .order .register .addressee .receipt-time .time{
	padding-right: 10px;
}
.cart .order .register .addressee .receipt-time .date{
	padding-left: 10px;
}
.cart.payment .order table.products tr:last-child td:last-child{
	text-align: left;
}

/*  cart step 3 confirm - products  */

.cart.confirm .order table th:first-child{
	padding-left: 25px;
}
.cart.confirm table.rwdTable th:first-child,
.cart.confirm table.rwdTable td:nth-child(2){
	text-align: left;
}
.cart.confirm .products thead th:first-child{
	padding-left: 25px;
	width: 17%;
}
.cart.confirm .products thead th:nth-child(2){
	width: 21%;
}
.cart.confirm .products thead th:nth-child(3){
	width: 16%;
}
.cart.confirm .products thead th:nth-child(4){
	width: 17%;
}
.cart.confirm .products thead th:last-child{
	width: 11%;
}
.cart.confirm .products tbody tr:last-child td:first-child{
	text-align: left;
    padding-left: 44px;
}
.cart.confirm .order table.products tr:last-child td:last-child {
    text-align: right;
}
.cart .order .pay-info td,
.cart .order .profile-info td,
.cart .order .invoice td{
	padding: 6px 25px
}
.cart .order .pay-info td .title,
.cart .order .profile-info td .title,
.cart .order .invoice td .title{
	width: 120px;
	display: inline-block;
}

/*  cart step 4 finished  */

.cart.finished .order .wrapper .top p{
	font-size: 18px;
	line-height: 36px;
	color: #555;
	margin-bottom: 0;
}
.cart.finished .order .wrapper .top .order-no{
	color: #bf9d5b;
	padding-right: 40px;
}
.cart.finished .order table th:first-child{
	padding-left: 25px;
}
@media screen and (max-width: 1439px) {
	.cart .products tbody tr:last-child td:first-child .radio label{
		padding-left: 0;
	}
	.cart .products tbody tr:last-child td:first-child .radio label span{
		display: block;
	}
	.cart.list .products thead th:nth-child(2){
		width: 26%;
	}
	.cart.list .products thead th:last-child{
		width: 7%;
	}
}
@media screen and (min-width: 992px) {
	.cart.list table.rwdTable td, 
	.cart.list table.rwdTable th,
	.cart.confirm table.rwdTable.products td, 
	.cart.confirm table.rwdTable.products th{
		text-align: center;
	}
	.cart.list .order table.products td,
	.cart.confirm .order table.products td{
		padding: 29px 20px;
	}
}
@media screen and (max-width: 991px) {
	.cart .nav .breadcrumb{
		padding: 12px 0;
	}
	.cart-nav{
		margin-left: 0;
	}
	.cart-nav .breadcrumb{
		padding: 18px 0;
	}
	.cart-nav .breadcrumb>li+li:before{
		padding: 0 10px;
	}
	.cart-nav .breadcrumb li .group{
		padding: 4px 8px;
	}
	.cart-nav .breadcrumb li:first-child{
		padding-left: 0;
	}
	.cart-nav .breadcrumb li:first-child span:first-child{
		left: -15px;
	}
	.cart-nav .breadcrumb li span{
		padding-left: 20px;
	}
	.cart-nav .breadcrumb li span:first-child{
		left: 20px;
	}
	.cart .wrapper{
		padding: 0;
	}
	.cart .order .register .wrapper{
		width: 100%;
	}
	.cart.list .products tbody tr:last-child td:first-child .radio label input{
		position: relative;
	}
	.cart.list .products tbody tr.info td:last-child{
		padding-left: 50%;
		padding-top: 6px;
		padding-bottom: 6px;
		padding-right: 10px;
	}
	.cart.list .products tbody tr.info td:last-child a{
		padding: 0;
		width: 30px;
	}
	.cart.list .products tbody tr.info td:last-child a:after{
		line-height: 37px;
		display: block;
		position: relative;
	}
	.cart.payment .order .products tbody tr:last-child td:first-child {
	     padding-left: 15px; 
	}
	.cart.payment .order .register .wrapper .form-horizontal .form-group.address{
		margin-bottom: 15px;
	}
	.cart.payment .products tbody tr td .radio label input{
		margin-left: 0;
		position: relative;
	}
	.cart.confirm .order table.products tr:last-child td:last-child{
		text-align: left;
		padding-left: 15px;
	}
}
@media screen and (max-width: 767px) {
	.cart.payment .order .form-horizontal .form-group .control-label[for="inputFullAddress"]{
		display: none;
	}
	.cart.payment .order .register .addressee .receipt-time .time{
		padding-right: 0;
    	margin-bottom: 25px;
	}
	.cart.payment .order .register .addressee .receipt-time .date{
		padding-left: 0;
	}
}
@media screen and (max-width: 599px) {
	.cart-nav .breadcrumb li{
		display: none;
	}
	.cart-nav .breadcrumb li.active{
		display: block;
	}
	.cart-nav .breadcrumb li .group{
		width: 100%;
	}
	.cart-nav .breadcrumb li.active .group span{
		display: inline-block;
		float: left;
	}
	.cart-nav .breadcrumb li .group span:first-child{
		position: relative;
		padding-left: 20px;
		left: 0;
	}
	.cart-nav .breadcrumb>li+li:before{
		content: "";
	}
	.cart.payment .order .register .addressee .radio{
		float: none;
		display: block;
	}
	.cart .order .register .addressee .radio+.radio {
	    margin-left: 0px;
	}
	.cart.payment .order table.cartTable{
		border-bottom: 1px solid #bf9d5b;
	}
	.cart.payment .order table th:first-child{
		padding-left: 15px;
	}
	.cart.payment .order .pay-way td, 
	.cart.payment .order .pay-way th{
		border: 0;
		line-height: normal;
	}
	.cart.payment .order .pay-way tr td .form-group .radio{
		margin: 0;
	}
	.cart.payment .order .pay-way tr td:first-child{
		width: 100%;
	}
	.cart.payment .order .pay-way tr td+td{
		border-left: 0;
	}
	.cart.payment .order .pay-way tr+tr{ 
		border-top: 1px solid #bf9d5b;
	}
	.cart.payment .order .pay-way tr td .radio label{
		padding-left: 10px;
	}
	.cart.payment .order .pay-way tr td .radio label input{
		position: relative;
		margin-left: 0;
	}
	.cart.payment .order .pay-way th,
	.cart.payment .order th{
		line-height: 44px;
	}
	.cart.payment .order .pay-way tr th:last-child{
		display: none;
	}
	.cart.payment .order .pay-way tr td{
		float: left;
		display: block;
		width: 100%;
	}
	.cart.payment .order .pay-way tr td .form-group{
		margin-bottom: 0;
	}
	.cart.payment .order table.cartTable th .form-group{
		margin-bottom: 0;
	}
	.cart.payment .order table.cartTable th .form-group .checkbox{
		margin-top: 0;
		margin-bottom: 0;
	}
	.cart.payment .order table.cartTable th .form-group .checkbox input{
		margin-top: 16px;
	}
	.cart.finished .order .top{
		padding: 15px 15px 50px 15px;
	}
	.cart.finished .order .wrapper .top .order-date{
		display: block;
	}
	.cart.finished .order table.rwdTable.profile-info tbody td{
		padding: 0 15px;
	}
}
@media screen and (max-width: 479px) {
	.cart .order .btn-area{
		width: 100%;
	}
	.cart .order .btn-area .btn{
		width: 45%;
		float: left;
		padding: 4px 0;
	}
	.cart.list .order .btn-area .btn{
		margin: 0 auto;
		float: none;
		display: block;
	}
	.cart .order .btn-area .btn+.btn{
		margin-left: 10%;
	}
}

/* ==========================================================================
    faq
 ========================================================================== */

.faq .banner{
	height: 400px;
}
.faq .section .top{
	position: relative;
	border-bottom: solid 1px #EBE2CE;
	z-index: 50;
}
.faq .section .top .right-side{
	padding: 12px 60px 12px 0;
}
.faq .section .top .right-side a{
	position: relative;
	float: right;
    padding: 0 0 0 20px;
    background: transparent;
    color: #555;
    border-radius: 25px;
    border: solid 1px #be9c59;
    text-align: left;
    width: 144px;
    height: 41px;
    line-height: 41px;
    font-size: 16px;
    letter-spacing: 2px;
    -webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out, border-color 0.3s ease-in-out;
    -moz-transition: background 0.3s ease-in-out, color 0.3s ease-in-out, border-color 0.3s ease-in-out;
    -ms-transition: background 0.3s ease-in-out, color 0.3s ease-in-out, border-color 0.3s ease-in-out;
    -o-transition: background 0.3s ease-in-out, color 0.3s ease-in-out, border-color 0.3s ease-in-out;
    transition: background 0.3s ease-in-out, color 0.3s ease-in-out, border-color 0.3s ease-in-out;
}
.faq .section .top .right-side a:before{
	position: absolute;
	content: "\e900";
	font-family: "icomoon";
	font-size: 23px;
    top: -1px;
    right: -1px;
    border-radius: 50%;
    border: solid 1px #be9c59;
    background: #be9c59;
    color: #FFF;
    padding: 0;
    width: 41px;
    height: 41px;
    line-height: 41px;
    text-align: center;
    -webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out, border-color 0.3s ease-in-out;
    -moz-transition: background 0.3s ease-in-out, color 0.3s ease-in-out, border-color 0.3s ease-in-out;
    -ms-transition: background 0.3s ease-in-out, color 0.3s ease-in-out, border-color 0.3s ease-in-out;
    -o-transition: background 0.3s ease-in-out, color 0.3s ease-in-out, border-color 0.3s ease-in-out;
    transition: background 0.3s ease-in-out, color 0.3s ease-in-out, border-color 0.3s ease-in-out;
}
.faq .section .top .right-side a:hover{
	background: #be9c59;
	color: #FFF;
}
.faq .section .top .right-side a:hover:before{
    border: solid 1px #FFF;
    background: #FFF;
    color: #be9c59;
}
.faq.notes .section .top .right-side a:hover{
	background: #FFF;
	color: #555;
}
.faq.notes .section .top .right-side a:hover:before{
    border: solid 1px #be9c59;
    background: #be9c59;
    color: #FFF;
}

/*  faq info  */

.faq.info .section .lists{
    padding-top: 58px;
    padding-bottom: 110px;
    border-bottom: solid 1px #EBE2CE;
}
.faq.info .section .lists .list-item{
	width: 92%;
	float: none;
	margin: 0 auto;
}
.faq.info .panel-group .panel{
	border-radius: 0;
    border-color: #EDE6DA;
}
.faq.info .panel-group .panel+.panel{
	margin: 0;
	border-top: 0;
}
.faq.info .panel-default>.panel-heading{
	background: transparent;
    padding: 17px 20px;
}
.faq.info .panel-default>.panel-heading a{
	position: relative;
	display: block;
}
.faq.info .panel-default>.panel-heading a:after{
	position: absolute;
	content: "+";
	right: 0;
	top: -3px;
    border-radius: 50%;
    border: solid 1px #be9c59;
    background: #be9c59;
    color: #FFF;
    padding: 0;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 18px;
}
.faq.info .panel-default>.panel-heading a[aria-expanded="true"]:after{
	content: "-";
    background: #000;
    border-color: #000;
}
.faq.info .panel-title,
.faq.info .panel-body p{
	font-size: 16px;
    line-height: 24px;
}
.faq.info .panel-body p.title{
	font-weight: bold;
}
.faq.info .panel-body,
.faq.info .panel-group .panel-heading+.panel-collapse>.panel-body{
	border-top: 0;
	background: #f3eee6;
    padding: 17px 20px 69px 20px;
}
.faq.info .panel-body p.title{
	margin-top: 3px;
    margin-bottom: 32px;
}

/*  faq notes  */

.faq.notes .footer .other{
	display: none;
}
.faq.notes .lists{
    padding-top: 30px;
	padding-bottom: 85px;
}
.faq.notes .lists h3.main-title{
	font-size: 20px;
	font-weight: bold;
	color: #111111;
    margin-bottom: 19px;
}
.faq.notes .lists .column{
	margin-bottom: 30px;
}
.faq.notes .lists p{
	margin-bottom: 7px;
}
.faq.notes .lists p,
.faq.notes .lists li{
	font-size: 15px;
	line-height: 30px;
	color: #7c7c7c;
}
.faq.notes .lists .list-item >ul>li>ul>li{
	padding-left: 18px;
}
.faq.notes .lists .list-item >ul>li>ul>li>ul>li>ul>li{
	padding-left: 18px;
}
.faq.notes .lists .list-item >ul>li>ul>li>ul>li:first-child{
	padding-left: 0;
}
@media screen and (max-width: 991px) {
	.faq .nav-menu ul li{
		padding-right: 0;
	}
	.faq .section .top .container{
		padding: 0;
	}
	.faq .section .top .left-side,
	.faq .section .top .right-side{
		padding-left: 15px;
		padding-right: 15px;
	}
	.faq .section .top .right-side{
	    padding-right: 0;
	    float: left;
	    width: 100%;
	    border-top: solid 1px #EBE2CE;
	}
	.faq.notes .section .top .right-side{
		width: auto;
	}
	.faq .section .top .right-side a{
		float: left;
	}
}
@media screen and (min-width: 600px) and (max-width: 767px) {
	.faq.notes .section .top .right-side{
		width: 100%;
		margin-top: 20px;
	}
}
@media screen and (max-width: 599px) {
	.faq.notes .section .top .right-side{
		width: 100%;
	}
}

/* ==========================================================================
    sales
 ========================================================================== */

.sales .footer .other{
	display: none;
}
.sales .banner{
	height: 400px;
}
.sales .info{
	padding-top: 23px;
	padding-bottom: 200px;
}
.sales .info .group{
	float: none;
	width: 90%;
	margin: 0 auto;
    margin-top: 40px;
}
.sales .info .group:after{
	content:" ";
    display:table;
    clear:both;
}
.sales .info .group h3.title{
	font-size: 18px;
	line-height: 30px;
	margin: 0;
}
.sales .info .group h3.title,
.sales .info .group table td,
.sales .info .group table th{
	color: #111;
	font-weight: lighter;
	letter-spacing: 1.6px;
	font-family: "微軟正黑體";
}
.sales .info .group table { 
	width: 100%;
	margin: 0 auto;
	border-collapse: collapse; 
}
.sales .info .group table td, 
.sales .info .group table th{ 
	font-size: 16px;
    line-height: 24px;
	text-align: left; 
	background: transparent; 
    padding: 16px 8px;
	border-bottom: 1px solid #EBE2CE;
}
.sales .info .group table th{
	border-bottom: 3px solid #be9c59;
}
@media screen and (min-width: 1440px){
	.sales .info .group table thead tr th.retail{
		width: 19%;
	}
	.sales .info .group table thead tr th.addr{
		width: 34%;	
	}
	.sales .info .group table thead tr th.tel{
		width: 25%;
	}
	.sales .info .group table thead tr th.hours{
		width: auto;
	}
}
@media screen and (max-width: 1199px){
	.sales .info .group{
		width: 100%;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px){
	.sales .info .group table thead tr th.addr{
		width: 35%;	
	}
}
@media only screen and (max-width: 767px){
	.sales .info{
		padding-bottom: 100px;
	}
	.sales .info .group h3.title{
		margin-bottom: 12px;
	    padding-left: 7px;
    	font-weight: bold;
	}
	.sales .info .group table, 
	.sales .info .group table thead, 
	.sales .info .group table tbody, 
	.sales .info .group table th, 
	.sales .info .group table td, 
	.sales .info .group table tr{ 
		display: block; 
	}
	.sales .info .group table thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	.sales .info .group table tr { 
		border: 2px solid #EBE2CE;
	}
	.sales .info .group table tr,
	.sales .info .group table tr td:last-child{
		border-bottom: 0;
	}
	.sales .info .group table tbody tr{
		border: 2px solid #EBE2CE;
		margin-bottom: 20px;
	}
	.sales .info .group table td { 
		border: none;
		border-bottom: 1px solid #EBE2CE; 
		position: relative;
		padding-left: 50%; 
	}
	.sales .info .group table td:before {
		position: absolute;
		top: 16px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}
	.sales .info .group table td:nth-of-type(1):before { content: "門市"; }
	.sales .info .group table td:nth-of-type(2):before { content: "地址"; }
	.sales .info .group table td:nth-of-type(3):before { content: "電話/傳真"; }
	.sales .info .group table td:nth-of-type(4):before { content: "營業時間"; }
}
@media screen and (max-width: 599px){
	.sales .info .group table td { 
		padding-left: 35%; 
	}
	.sales .info .group table td:before{ 
		width: 35%;
	}
}

/* ==========================================================================
    contact
 ========================================================================== */

.contact .banner{
	height: 400px;
}
.contact .section .top{
	position: relative;
	border-bottom: solid 1px #EBE2CE;
	z-index: 50;
}

/*  info  */

.contact.info .info{
	padding-top: 65px;
    padding-bottom: 41px;
}
.contact.info .footer .other{
	display: none;
}
.contact.info .info .wrapper{
	position: relative;
	float: left;
}
.contact.info .info .wrapper .pic{
	width: 600px;
	height: 250px;
	overflow: hidden;
}
.contact.info .info .wrapper .txt{
	padding: 24px 10px 20px 10px;
}
.contact.info .info .wrapper .txt .title,
.contact.info .info .wrapper .txt .addr,
.contact.info .info .wrapper .txt .tel{
	font-size: 16px;
	line-height: 26px;
	margin: 0;
	letter-spacing: 0px;
}
.contact.info .info .wrapper .txt .title{
	font-weight: bolder;
	letter-spacing: 1px;
}
.contact.info .info .wrapper .txt p{
}
.contact.info .map{
	width: 100%;
	height: 450px;
}
.contact.info .map .labels {
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 4px;
    color: white;
    padding: 4px
}
@media screen and (min-width: 992px) and (max-width: 1439px),
(max-width: 767px){
	.contact.info .info .wrapper{
		width: 95%;
	}
	.contact.info .info .wrapper .pic{
		width: 100%;
		height: auto;
	}
	.contact.info .info .wrapper .pic img{
		max-width: 100%;
	}
}
@media screen and (min-width: 992px) {
	.contact.info .info .group{
		width: 96%;
		float: none;
		margin: 0 auto;
	}
}
@media screen and (max-width: 479px) {
	.contact.info .map{
		height: 300px;
	}
}

/*  form  */

.code .img{
	position: absolute;
	top: 6px;
	right: 11px;
}
.code .img .captcha{
	cursor: pointer;
}
.contact.form .info{
    padding-bottom: 128px;
}
.contact.form .footer .other{
	display: none;
}
.contact.form .info p{
	padding-left: 30px;
    padding-top: 44px;
    padding-bottom: 33px;
}
.contact.form .info .left,
.contact.form .info .right{
	padding: 0 22px;
}
.contact.form .info form .control-label,
.contact.form .info form .control-right{
	padding-left: 10px;
	padding-right: 10px;
}
.contact.form .info form .form-group{
	margin-bottom: 26px;
}
.contact.form .info p,
.contact.form .info form .control-label,
.contact.form .info form .form-control{
	font-size: 16px;
	line-height: 26px;
	color: #111;
    font-weight: lighter;
}
span.must{
	position: relative;
	content: "*";
	color: #be9c59;
	font-size: 16px;
}
.contact.form .info form .control-label.must:before{
	position: absolute;
	top: 8px;
	left: 15px;
	content: "*";
	color: #be9c59;
	font-size: 16px;
}
.contact.form .info form .form-control{
	border-color: #be9c59;
	border-radius: 0;
	height: 44px;
}
.contact.form .form-group .dk-select{
	width: 100%;
}
.contact.form .form-group .dk-selected,
.contact.form .form-group .form-control{
	height: 44px;
	line-height: 44px;
	border-radius: 0;
	border: solid 1px #BC9B5F;
	padding: 0 36px 0 15px;
	font-size: 16px;
	color: #555;
}
.contact.form .form-group .dk-selected:after{
	border-color: #BC9B5F;
}
.contact.form .form-group .dk-selected:before{
	border-top-color: #BC9B5F;
	color: #BC9B5F;
}
.contact.form .form-group .dk-select .dk-option{
	font-size: 16px;
}
.contact.form .info form .form-group.content .contact-select{
	border: 0;
	padding: 0;
}
.contact.form .info form textarea.form-control{
	height: 183px;
}
.contact.form .info .btn-area{
    position: relative;
    padding: 24px 0;
    float: left;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}
.contact.form .info .btn-area .btn{
	border-radius: 25px;
	border: solid 1px #be9c59;
	background: #be9c59;
	color: #FFF;
	padding-top: 0;
	padding-bottom: 0;
    width: 160px;
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	letter-spacing: 0.5px;
    transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
    -webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
    -moz-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
    -ms-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
    -o-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
}
.contact.form .info .btn-area .btn:hover{
	background: #FFF;
	color: #be9c59;
}
.contact.form .info .btn-area .btn.submit{
	margin-right: 100px;
}
@media screen and (min-width: 1200px) and (max-width: 1439px){
	.contact.form .info form .form-group .control-label{
		width: 20%;
	}
	.contact.form .info form .form-group .control-right{
		width: 80%;
	}
}
@media screen and (min-width: 992px){
	.contact.form .info .group{
		width: 89%;
	    display: block;
	    margin: 0 auto;
	}
}
@media screen and (max-width: 992px){
	.contact.form .info .warnings{
		padding: 0 22px;
	}
	.contact.form .info .warnings p{
		padding-left: 0;
	}
	.form-horizontal .control-label{
		text-align: left;
	}
	.contact.form .info form .control-label, 
	.contact.form .info form .control-right{
		padding-left: 25px;
	}
}
@media screen and (max-width: 599px) {
	.contact.form .info .btn-area{
	    width: 100%;
	    padding-left: 30px;
	}
	.contact.form .info .btn-area .btn{
		width: 45%;
		margin: 0;
		padding: 0;
	}
	.contact.form .info .btn-area .btn.submit{
		margin: 0;
	}
	.contact.form .info .btn-area .btn+.btn{
		margin-left: 5%
	}
}

/* ==========================================================================
    navbar
 ========================================================================== */

header{
	position: fixed;
    width: 100%;
	min-width: 320px;
	z-index: 999;
}
.navbar{
	min-height: 90px;
	min-width: 320px;
	margin-bottom: 0;
	background: rgba(255,255,255,0.85);
}
.navbar-brand,
.navbar-default .navbar-nav>li>a{
	height: 90px;
	line-height: 90px;
}
.navbar-brand{
	padding: 0 15px;
}
.navbar-brand>img{
  height: 100%;
  padding: 17px 15px;
  width: auto;
}
.navbar-default .navbar-left{
	padding-left: 30px;
}
.navbar-default .navbar-left>li>a{
	padding: 0 24px;
	font-size: 16px;
	color: #222;
	letter-spacing: 2px;
}
.navbar-default .navbar-right{
	margin-right: 25px;
}
.navbar-default .navbar-right>li>a{
    padding: 25px 5px;
    cursor: pointer;
}
.navbar-default .navbar-right>li>a>span.icon{
	font-family: "icomoon";
	border-radius: 50%;
	background: #be9a59;
	color: #FFF;
    width: 40px;
    height: 40px;
    display: block;
    position: relative;
    overflow: hidden;
}
.navbar-default .navbar-right>li>a>span.icon:before{
	position: absolute;
	line-height: 40px;
	text-align: center;
	width: 100%
}
.navbar-default .navbar-right>li.member>a>span.icon:before{
	content: "\e997";
	font-size: 19px;
}
.navbar-default .navbar-right>li.shopping-cart>a>span.icon:before{
	content: "\e91a";
	font-size: 19px;
}
.navbar-default .navbar-right>li.social>a>span.icon:before{
	content: "\f086";
	font-size: 17px;
}
.navbar-default .navbar-nav>li:hover>a,
.navbar-default .navbar-nav>.active>a, 
.navbar-default .navbar-nav>.active>a:hover, 
.navbar-default .navbar-nav>.active>a:focus{
	background: transparent;
	/*color: #be9a59;*/
	color: #FFF;
    box-shadow: none;
    transition: color 0.3s ease-in-out;
}
@media screen and (max-width: 1399px) {
	.navbar-default .navbar-left>li>a{
		padding: 0 12px;
	}
}
@media screen and (min-width: 992px) {
	.navbar-default .navbar-left>li:after{
		content: '';
	    width: 100%;
	    height: 0;
	    position: absolute;
	    left: 0%;
	    top: 0;
	    background: rgba(197,170,122,0.8);
	    opacity: 0;
	    transition: color 0.5s ease-in-out,opacity 0.5s ease-in-out,height 0.3s ease-in-out,background 0.5s ease-in-out,top 0.5s ease-in-out;
	    -webkit-transition: color 0.5s ease-in-out,opacity 0.5s ease-in-out,height 0.3s ease-in-out,background 0.5s ease-in-out,top 0.5s ease-in-out;
	    -moz-transition: color 0.5s ease-in-out,opacity 0.5s ease-in-out,height 0.3s ease-in-out,background 0.5s ease-in-out,top 0.5s ease-in-out;
	    -ms-transition: color 0.5s ease-in-out,opacity 0.5s ease-in-out,height 0.3s ease-in-out,background 0.5s ease-in-out,top 0.5s ease-in-out;
	    -o-transition: color 0.5s ease-in-out,opacity 0.5s ease-in-out,height 0.3s ease-in-out,background 0.5s ease-in-out,top 0.5s ease-in-out;
	}
	.navbar-default .navbar-left>li.active:after{
		background: rgba(190,154,89,0.8);
	}
	.navbar-default .navbar-left>li.active:after,
	.navbar-default .navbar-left>li:hover:after {
	    width: 100%;
	    height: calc(100% + 1px);
	    height: 100%;
	    opacity: 1;
	}
	.navbar-default .navbar-left>li>a{
		z-index: 10;
	}
	.navbar-collapse .navbar-brand{
		display: none;
	}
}
@media screen and (max-width: 991px) {
	.navbar-default .navbar-left>li:after{
		content: '';
	    width: 0;
	    height: 100%;
	    position: absolute;
	    left: 0%;
	    bottom: 0;
	    background: rgba(255,255,255,0.75);
	    opacity: 0;
		transition: color 0.5s ease-in-out,opacity 0.5s ease-in-out,width 0.5s cubic-bezier(1, 0, 0, 1),background 0.5s ease-in-out,left 0.3s ease-in-out;
	    -webkit-transition: color 0.5s ease-in-out,opacity 0.5s ease-in-out,width 0.5s cubic-bezier(1, 0, 0, 1),background 0.5s ease-in-out,left 0.3s ease-in-out;
	    -moz-transition: color 0.5s ease-in-out,opacity 0.5s ease-in-out,width 0.5s cubic-bezier(1, 0, 0, 1),background 0.5s ease-in-out,left 0.3s ease-in-out;
	    -ms-transition: color 0.5s ease-in-out,opacity 0.5s ease-in-out,width 0.5s cubic-bezier(1, 0, 0, 1),background 0.5s ease-in-out,left 0.3s ease-in-out;
	    -o-transition: color 0.5s ease-in-out,opacity 0.5s ease-in-out,width 0.5s cubic-bezier(1, 0, 0, 1),background 0.5s ease-in-out,left 0.3s ease-in-out;
	}
	.navbar-default .navbar-left>li:hover:after{
	    width: 100%;
	    left: 100;
	    opacity: 1;
	}
	.navbar-default .navbar-nav>.active>a, 
	.navbar-default .navbar-nav>.active>a:hover, 
	.navbar-default .navbar-nav>.active>a:focus{
		background: rgba(255,255,255,1);
	}
	.navbar-default .navbar-left>li.active:after,
	.navbar-default .navbar-left>li.active:hover:after{
		display: none;
	}
	.navbar-default .navbar-left>li.active{
		background: rgba(190,154,89,0.8);
	}
	.navbar-default .navbar-left>li.active a{
		color: #be9c59;
	}
	.navbar-default .navbar-nav>li:hover>a,
	.navbar-default .navbar-nav>.active>a, 
	.navbar-default .navbar-nav>.active>a:hover, 
	.navbar-default .navbar-nav>.active>a:focus{
		color: #be9c59;
	}
	.navbar-default .navbar-left>li:hover a{
		color: #be9c59;
	}
	.navbar-default .navbar-left>li>a{
		padding: 0 70px;
		font-size: 18px;
		z-index: 10;
	}
	.navbar-collapse .navbar-brand{
		display: block;
	}
}

/*  navbar-toggle  */

.navbar-default button.navbar-toggle {
    height: 30px;
    width: 40px;
    border-color: #0e528d;
}
.navbar-default .navbar-toggle:hover, 
.navbar-default .navbar-toggle:focus{
	background: transparent;
}
button.navbar-toggle.navbar-collapsed{
    margin-top: 20px;
    margin-right: 25px;
	margin-left: 10px;
	padding: 17px 3px;
    width: 46px;
}
button.navbar-collapsed span.icon-collapsed > span.bar1,
button.navbar-collapsed span.icon-collapsed > span.bar2,
button.navbar-collapsed span.icon-collapsed > span.bar3,
button.navbar-language span.icon-language:before{
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
button.navbar-collapsed:hover span.icon-collapsed > span.bar1,
button.navbar-collapsed:hover span.icon-collapsed > span.bar2,
button.navbar-collapsed:hover span.icon-collapsed > span.bar3{
	background: #0e528d;
}
.navbar-toggle > span{
	margin-top: -9px;
}
.navbar-toggle span{
	width: 0px;
	height: 3px;
	margin-bottom: 4px;
	background-color: #0e528d;
	display: block;
}
.navbar-toggle span.bar1 {
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	-ms-transform-origin: 6px 6px;
	-webkit-transform-origin: 6px 6px;
	-moz-transform-origin: 6px 6px;
	-o-transform-origin: 6px 6px;
	transform-origin: 6px 6px;
	width: 30px;
	margin-left: 4px;
}
.navbar-toggle span.bar2 {
	-webkit-transform: rotate(-360deg) scale(0);
	-moz-transform: rotate(-360deg) scale(0);
	-ms-transform: rotate(-360deg) scale(0);
	-o-transform: rotate(-360deg) scale(0);
	transform: rotate(-360deg) scale(0);
	margin-left: 4px;
}
.navbar-toggle span.bar3 {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);

	-webkit-transform-origin: 7px -1px;
	-moz-transform-origin: 7px -1px;
	-ms-transform-origin: 7px -1px;
	-o-transform-origin: 7px -1px;
	transform-origin:  7px -1px;
	width: 30px;
	margin-left: 4px;
}
.navbar-toggle{
	width: 30px;
}
.navbar-toggle.collapsed span.bar1,
.navbar-toggle.collapsed span.bar2,
.navbar-toggle.collapsed span.bar3,
.navbar-toggle.collapsed span.bar4 {
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	-o-transform: none;
	transform: none;
	width: 25px;
	height: 2px;
	margin-bottom: 5px;
    margin-left: 7px;
}
.nav-view .navbar-default .navbar-toggle .icon-bar{
	background: #FFF;
    color: #FFF;
}
@media screen and (max-width: 479px) {
	button.navbar-toggle.navbar-collapsed{
		padding: 17px 0px;
    	width: 40px;
        margin-left: 8px;
	}
	.navbar-toggle span.bar1{
		width: 25px;
	    -webkit-transform-origin: 5px 8px;
	    -moz-transform-origin: 5px 8px;
	    -ms-transform-origin: 5px 8px;
	    -o-transform-origin: 5px 8px;
	    transform-origin: 5px 8px;
	}
	.navbar-toggle span.bar3{
		width: 25px;
	    -webkit-transform-origin: 5px -4px;
	    -moz-transform-origin: 5px -4px;
	    -ms-transform-origin: 5px -4px;
	    -o-transform-origin: 5px -4px;
	    transform-origin: 5px -4px;
	}
}

/* social 01 */

	.social .social-list.open{
		height: 260px;
	}
	.social .social-list li{
		float: none;
	    width: 50px;
	    margin: 0 auto;
	}
	.social .social-list li a{
		background: #FFF;
		display: block;
	    width: 40px;
	    height: 40px;
	    border-radius: 50%;
	    margin: 10px auto;
	    transition: text-shadow 0.3s ease-in-out;
	    -webkit-transition: text-shadow 0.3s ease-in-out;
	    -moz-transition: text-shadow 0.3s ease-in-out;
	    -ms-transition: text-shadow 0.3s ease-in-out;
	    -o-transition: text-shadow 0.3s ease-in-out;
	}
	.social .social-list li:hover a{
		text-shadow: 1px 1px 10px #999
	}
	.social .social-list li a:before{
		font-family: "icomoon";
		font-size: 40px;
	    text-align: center;
	    display: block;
	    line-height: 40px;
	}
	.social .social-list li.social-fb a:before{
		content: "\e91d";
	}
	.social .social-list li.social-in a:before{
		content: "\e91e";
	}
	.social .social-list li.social-youtube a:before{
		content: "\e921";
	}
	.social .social-list li.social-twitter a:before{
		content: "\e920";
	}
	.social .social-list li.social-line a:before{
		content: "\e91f";
	}
	.social .social-list li.social-fb a{
		color: #3B5998;
	}
	.social .social-list li.social-in a{
		color: #007BB6;
	}
	.social .social-list li.social-youtube a{
		color: #EE1C1B;
	}
	.social .social-list li.social-twitter a{
		color: #36B9FF;
	}
	.social .social-list li.social-line a{
		color: #03C302;
	}

/* social 02 */

header #socialModal{
	overflow-x: hidden !important;
	padding-right: 0 !important;
}
body.social-modal{
	padding-right: 0 !important;
}

.navbar-header .social{
	display: none;
}

@media screen and (max-width: 991px) {
	.navbar-default .navbar-header .social{
		float: right !important;
		display: block;
	    margin-right: 35px;
	}
	.navbar-header .social li{
		float: left;
	}
	.navbar-default .navbar-collapse .social{
		display: none;
	}
}
.social .bubble{
	position: absolute;
	top: 102px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	width: 50px;
	height: 0;
	opacity: 0;
	overflow: hidden;
	padding: 0px;
	background: #ddd;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	transition: height 0.5s ease-in-out, opacity 0.5s ease-in-out;
	-webkit-transition: height 0.5s ease-in-out, opacity 0.5s ease-in-out;
	-moz-transition: height 0.5s ease-in-out, opacity 0.5s ease-in-out;
	-ms-transition: height 0.5s ease-in-out, opacity 0.5s ease-in-out;
	-o-transition: height 0.5s ease-in-out, opacity 0.5s ease-in-out;
	z-index: 1099;
}
.social .bubble.open{
	height: 260px;
	opacity: 1;
	overflow: visible;
}
.social .bubble:after{
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 0 10px 10px;
	border-color: #ddd transparent;
	display: block;
	width: 0;
	z-index: 1;
	top: -10px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
}
.social .bubble .social-list{
	position: relative;
	display: inline-block;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
}
@media screen and (max-width: 991px) {
	.social .bubble.open{
		height: 300px;
	}
	.social .bubble{
		top: 90px;
	}
}

/* social 03 */

.social .bubble{
    width: 250px;
}
.nav-view .social .bubble{
	z-index: -1;
}
.social .bubble.open {
    height: 60px;
}
.social .social-list li{
	float: left;
	display: inline-block;
}
@media  
screen and (min-width: 1440px) and (max-width: 1559px),
screen and (max-width: 1299px) {
	.social .bubble{
		left: auto;
		right: 0;
		transform: none;
		-webkit-transform: none;
		-moz-transform: none;
		-ms-transform: none;
		-o-transform: none;
	}
	.social .bubble:after{
		left: auto;
	    right: 15px;
	    transform: none;
	    -webkit-transform: none;
		-moz-transform: none;
		-ms-transform: none;
		-o-transform: none;
	}
}
@media screen and (max-width: 991px){
	.social .bubble{
		right: -55px;
	}
	.social .bubble:after{
		right: 75px;
	}
}
@media screen and (max-width: 479px){
	.social .bubble{
		right: -35px;
	}
	.social .bubble:after{
		right: 50px;
	}
}
@media screen and (max-width: 319px) {
	.navbar-default .navbar-header .social{
		display: none;
	}
}

/* ==========================================================================
    footer
 ========================================================================== */

.footer .other{
	padding-bottom: 44px;
}
.footer .contact{
	padding-top: 64px;
}
.footer .contact .tel:before{
	content: "服務專線：";
}
.footer .contact .tel a{
	font-weight: bold;
}
.footer .faq{
	padding-top: 39px;
}
.footer .contact li,
.footer .contact li a,
.footer .faq h2,
.footer .faq li,
.footer .faq li a{
	color: #111;
	text-align: center;
}
.footer .contact li,
.footer .contact li a{
	font-size: 18px;
	line-height: 36px;
}
.footer .faq h2{
	font-size: 25px;
	line-height: 30px;
	font-weight: bold;
	margin: 0 0 26px 0;
}
.footer .faq li a{
	font-size: 18px;
	line-height: 30px;
	transition: color 0.3s ease-in-out;
	-webkit-transition: color 0.3s ease-in-out;
}
.footer .faq li:hover a{
	color: #be9959;
}
.footer .other .divider{
	height: 135px;
}
.footer .other .divider:after{
	position: absolute;
	content: "";
	height: 135px;
	width: 1px;
	background: #be9959;
}
.footer .top,
.footer .bottom{
	position: relative;
	width: 100%;
}
.footer .top{
	height: 90px;
	background: url(images/footer/bg.jpg) center center;
}
.footer .top .container{
	position: relative;
}
.footer .top .icon{
	position: absolute;
	display: block;
	left: 0;
	right: 0;
	margin: 0 auto;
	top: -43px;
	width: 63px;
}
.footer .top .remind p{
	font-size: 25px;
	line-height: 42px;
	letter-spacing: 3.4px;
	color: #FFF;
	margin: 0;
    padding: 24px 0;
    text-align: center;
}
.footer .bottom{
	height: 68px;
	background: #111;
}
.footer .bottom .copyright .group{
	padding: 22px 0;
}
.footer .bottom .copyright .company,
.footer .bottom .copyright .author{
	display: inline-block;
	padding: 0 2px;
}
.footer .bottom .copyright span,
.footer .bottom .copyright a{
	color: #999;
	font-size: 13px;
	line-height: 24px;
	font-family: Verdana, "微軟正黑體";
}
.goTop{
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background: #be9c59;
	position: absolute;
	right: 100px;
	top: -100px;
	cursor: pointer;
}
.goTop:after{
	content: "\e60b";
	font-size: 24px;
	font-family: "icomoon";
	color: #FFF;
    text-align: center;
    display: block;
    line-height: 50px;
}
@media screen and (max-width: 991px) {
	.footer .bottom .copyright .group{
		padding: 10px 0;
	}
	.goTop{
		right: 50px;
	}
}
@media screen and (max-width: 767px) {
	.footer .other .divider{
		display: none;
	}
	.footer .faq{
		padding: 39px 0;
	}
	.footer .top{
		height: auto;
	}
	.footer .bottom{
		min-height: 68px;
	}
	.footer .bottom .copyright .group {
	    padding: 11px 0;
	    position: relative;
	}
}

/* ==========================================================================
    fixed
 ========================================================================== */

.code input,
#verification{
	padding-right: 120px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, 
.col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, 
.col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, 
.col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, 
.col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, 
.col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, 
.col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, 
.col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, 
.col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, 
.col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, 
.col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, 
.col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{
	padding-left: 0;
	padding-right: 0;
}
.slick-prev, 
.slick-next{
	z-index: 99;
}
.container-outer{
	padding-right: 0px;
    padding-left: 0px;
    margin-right: auto;
    margin-left: auto;
}
@media screen and (min-width: 1440px){
	.container {
	    width: 1400px;
	    padding: 0;
	}
	.container-outer{
		width: 1420px;
	}
	.navbar > .container {
	    padding: 0;
	}
}
@media screen and (min-width: 1540px){
	.container-outer{
		width: 1500px;
	}
}
@media screen and (min-width: 1440px) and (max-width: 1499px){
	.navbar-default .navbar-left>li>a{
		padding: 0 22px;
	}
}
@media screen and (min-width: 1440px) and (max-width: 1439px){
	.navbar > .container {
	    width: 1320px;
	    padding: 0;
	}
}
@media screen and (min-width: 1200px) and (max-width: 1439px){
	.container-outer {
	    width: 1180px;
	}
	.navbar-default .navbar-left{
		padding-left: 0;
	}
	.navbar-default .navbar-left>li>a{
		padding: 0 9px;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px){
	.container-outer {
	    width: 980px;
	}
	.navbar > .container {
	    width: 100%;
	    padding: 0;
	}
	.navbar-default .navbar-left {
	    padding-left: 0px;
	}
	.navbar-default .navbar-left>li.members{
		display: none;
	}
	.navbar-default .navbar-left>li>a{
		padding: 0 8px;
	}
	.navbar-default .navbar-right{
		margin-right: 0;
	}
}
@media screen and (max-width: 991px){
 	.wp{
 		padding-top: 71px !important;
 	}
	.navbar{
		min-height: 0;
	}
	.container-fluid{
		padding: 0;
	}
	.navbar-collapse.collapse.container{
		width: 100%;
	}
	.navbar-fixed-top .navbar-collapse, 
	.navbar-fixed-bottom .navbar-collapse{
	    max-height: calc(100vh - 70px);
	    overflow: auto;
	    margin-right: -15px;
	}
	.navbar-default button.navbar-toggle{
	    position: fixed;
	    top: 21px;
	    right: 0;
	    margin-top: 0;
	    margin-bottom: 0;
	    border: 0;
	    z-index: 1000;
	}
	.navbar-toggle > span{
    	margin-top: -3px;
        margin-left: -2px;
        height: 3px;
	}
	.navbar-default .navbar-brand{
		height: 70px;
	}
	.navbar-brand>img{
		padding: 10px 15px;
	}
	.navbar>.container .navbar-collapse .navbar-brand, 
	.navbar>.container-fluid .navbar-collapse .navbar-brand{
		margin-left: 0;
	}
	.navbar-collapse .navbar-brand{
	    position: absolute;
	    display: block;
	    width: 150px;
	    height: 150px;
	    margin: 0 auto;
		padding: 0 10px;
	    top: 35px;
	    left: 50%;
	    transform: translateX(-50%);
	    -webkit-transform: translateX(-50%);
	    -moz-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	    -o-transform: translateX(-50%);
	}
	.navbar-collapse .navbar-brand:after {
	    content: "";
	    background: #FFF;
	    border-radius: 50%;
	    width: 150px;
	    height: 150px;
	    display: block;
	    position: absolute;
	    z-index: -1;
	    top: 0;
	    left: 0;
	}
	.navbar-collapse .navbar-brand>img{
		position: relative;
		height: 115px;
	    top: 50%;
	    left: 50%;
	    transform: translate(-50%,-50%);
	    -webkit-transform: translate(-50%,-50%);
	    -moz-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	    -o-transform: translateY(-50%);
	}
	.navbar-default .navbar-nav>li>a{
	    height: 70px;
	    line-height: 70px;
	}
	.navbar-default .navbar-left{
		padding-left: 0;
	}
	.navbar-default .navbar-right{
		padding-left: 30px;
	}
	.navbar-default .navbar-right>li>a {
	    padding: 0px 10px;
	}
	.navbar-default .navbar-right>li>a>span.icon {
	    position: relative;
	    top: 50%;
	    transform: translateY(-50%);
	    -webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.container-outer {
	    width: 720px;
	}
	.navbar > .container {
	    width: 100%;
	    padding: 0;
	}
	.navbar-header {
	    float: none;
	}
	.navbar-toggle {
	    display: block;
	}
	.navbar-collapse {
	    border-top: 1px solid transparent;
	    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
	}
	.navbar-collapse.collapse {
	    display: none!important;
	}
	.navbar-fixed-top .navbar-collapse, 
	.navbar-fixed-bottom .navbar-collapse{
	    max-height: 100%;
	}
	.navbar-collapse.collapse.in {
	    display: block!important;
	}
	.navbar-nav {
	    float: left;
	    margin: 0;
	}
	.navbar-nav>li {
	    float: none;
	}
	.navbar-default .navbar-left{
		width: 100%;
	}
	.navbar-default .navbar-right{
		float: left !important;
	}
}
@media screen and (max-width: 767px) {
	.navbar-default .navbar-header .social{
		margin-top: 0;
		margin-bottom: 0;
	}
	.contact.form .info form .control-label.must:before{
		top: 4px;
	}
}
@media screen and (max-width: 479px) {
	.navbar-default .navbar-brand{
		padding: 0 10px;
	}
	.navbar-brand>img{
	    position: relative;
		padding: 14px 0;
		height: 90%;
	    top: 50%;
	    transform: translateY(-50%);
	    -webkit-transform: translateY(-50%);
	    -moz-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	    -o-transform: translateY(-50%);
	}
	.navbar-default button.navbar-toggle{
		margin-right: 10px;
	}
	.navbar-default .navbar-header .social{
		margin-top: 0;
		margin-bottom: 0;
		margin-right: 25px;
		padding-left: 0;
	}
	.navbar-default .navbar-nav>li>a{
		height: 70px;
		line-height: 70px;
	}
	.navbar-default .navbar-right>li>a>span.icon{
		width: 30px;
		height: 30px;
	}
	.navbar-default .navbar-right>li>a>span.icon:before{
		line-height: 30px;
	}
	.navbar-default .navbar-right>li.shopping-cart>a>span.icon:before,
	.navbar-default .navbar-right>li.member>a>span.icon:before{
		font-size: 16px;
	}
	.navbar-default .navbar-right>li.social>a>span.icon:before{
		font-size: 14px;
	}
}
@media screen and (min-width: 992px) {
	.navbar-default .navbar-left>li.close{
		display: none;
	}
}
@media screen and (max-width: 991px) {
	body.nav-view{
		overflow: hidden !important;
	}
	body.nav-view .fullpage-wrapper{
		filter: grayscale(100%);
		z-index: 998;
		pointer-events: none;
	}
	.navbar{
		background: none;
	}
	.container>.navbar-header{
		background: rgba(255,255,255,0.9);
	}
	.navbar-fixed-top .navbar-collapse{
		max-height: 100vh;
	}
	.navbar-collapse.collapse{
	    display: block!important;
	    position: fixed;
	    overflow: hidden;
	    overflow-y: auto;
        visibility: visible;
	    float: right;
	    top: 0;
	    right: -200vw;
	    height: 100vh !important;
	    width: 100vw;
    	padding-top: 210px;
    	margin-right: 0;
	    background: rgba(190,156,89,0.9);
	    transition: right 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	    -webkit-transition: right 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	    -moz-transition: right 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	    -ms-transition: right 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	    -o-transition: right 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	}
	.navbar-collapse.collapse.open.in{
	    right: 0;
	}
	.navbar-default .navbar-left{
	    width: 100vw;
	    height: 100%;
	    overflow-y: auto;
	}
	.navbar-default .navbar-left>li>a{
		padding: 0 45px;
		text-align: center;
	}
	.navbar-default .navbar-nav>li>a{
		color: #FFF;
	}
	.navbar-default .navbar-right>li>a>span.icon{
		z-index: 1000;
	}
	.nav-view .navbar-default .navbar-right>li>a{
		-webkit-animation: rotateIn 0.5s both;
    	animation: rotateIn 0.5s both;
	}
}
.navbar-toggle.collapsed span.bar1,
.navbar-toggle.collapsed span.bar2,
.navbar-toggle.collapsed span.bar3,
.navbar-toggle.collapsed span.bar4 {
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	-o-transform: none;
	transform: none;
}
button.navbar-toggle span.icon-bar{
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
.navbar-toggle span.bar1 {
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	-ms-transform-origin: 7px 3px;
	-webkit-transform-origin: 7px 3px;
	-moz-transform-origin: 7px 3px;
	-o-transform-origin: 7px 3px;
	transform-origin: 7px 3px;
	width: 30px;
	margin-left: 4px;
}
.navbar-toggle span.bar2 {
	-webkit-transform: rotate(-360deg) scale(0);
	-moz-transform: rotate(-360deg) scale(0);
	-ms-transform: rotate(-360deg) scale(0);
	-o-transform: rotate(-360deg) scale(0);
	transform: rotate(-360deg) scale(0);
	margin-left: 4px;
}
.navbar-toggle span.bar3 {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);

	-webkit-transform-origin: 7px 0px;
	-moz-transform-origin: 7px 0px;
	-ms-transform-origin: 7px 0px;
	-o-transform-origin: 7px 0px;
	transform-origin:  7px 0px;
	width: 30px;
	margin-left: 4px;
}
.navbar-toggle{
	width: 30px;
}

@media screen and (max-width: 767px) {
	.navbar-default .navbar-left{
		margin: 0 -15px;
	}
}

/* ==========================================================================
    animation
 ========================================================================== */

.social > li > a{
	opacity: 1;
}
.social > li:hover > a{
	opacity: 1;
	-webkit-animation: rotatePure 1s both;
    -moz-animation: rotatePure 1s both;
    -ms-animation: rotatePure 1s both;
    -o-animation: rotatePure 1s both;
    animation: rotatePure 1s both;
}
.navbar-fixed-top{
	-webkit-animation: fadeInDown 1s both 0.5s;
    -moz-animation: fadeInDown 1s both 0.5s;
    -ms-animation: fadeInDown 1s both 0.5s;
    -o-animation: fadeInDown 1s both 0.5s;
    animation: fadeInDown 1s both 0.5s; 
}
.index .banner .pic .logo img,
.index .banner .pic .slogan img{
	opacity: 0;
}
.index .banner .pic.slick-active .logo img{
	-webkit-animation: fadeInDown 1s both 1s;
    -moz-animation: fadeInDown 1s both 1s;
    -ms-animation: fadeInDown 1s both 1s;
    -o-animation: fadeInDown 1s both 1s;
    animation: fadeInDown 1s both 1s;

    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    -ms-animation-delay: 1s;
    -o-animation-delay: 1s;
    animation-delay: 1s;
}
.index .banner .pic.slick-active .slogan img{
	opacity: 0;
	-webkit-animation: fadeInUp 1s both 1s;
    -moz-animation: fadeInUp 1s both 1s;
    -ms-animation: fadeInUp 1s both 1s;
    -o-animation: fadeInUp 1s both 1s;
    animation: fadeInUp 1s both 1s; 

    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    -ms-animation-delay: 1s;
    -o-animation-delay: 1s;
    animation-delay: 1s;
}
.index .section .pic-area .pic img{
	opacity: 0;
}
.index .section.active .news .pic-area .pic:first-child img{
	opacity: 0;
	-webkit-animation: fadeInLeft 1s both 0.25s;
    -moz-animation: fadeInLeft 1s both 0.25s;
    -ms-animation: fadeInLeft 1s both 0.25s;
    -o-animation: fadeInLeft 1s both 0.25s;
    animation: fadeInLeft 1s both 0.25s; 

    -webkit-animation-delay: 0.25s;
    -moz-animation-delay: 0.25s;
    -ms-animation-delay: 0.25s;
    -o-animation-delay: 0.25s;
    animation-delay: 0.25s;
}
.index .section.active .news .pic-area .pic:nth-child(2) img{
	opacity: 0;
	-webkit-animation: fadeInDown 1s both 0.5s;
    -moz-animation: fadeInDown 1s both 0.5s;
    -ms-animation: fadeInDown 1s both 0.5s;
    -o-animation: fadeInDown 1s both 0.5s;
    animation: fadeInDown 1s both 0.5s; 

    -webkit-animation-delay: 0.5s;
    -moz-animation-delay: 0.5s;
    -ms-animation-delay: 0.5s;
    -o-animation-delay: 0.5s;
    animation-delay: 0.5s;
}
.index .section.active .news .pic-area .pic:nth-child(3) img{
	opacity: 0;
	-webkit-animation: fadeInDown 1s both 0.6s;
    -moz-animation: fadeInDown 1s both 0.6s;
    -ms-animation: fadeInDown 1s both 0.6s;
    -o-animation: fadeInDown 1s both 0.6s;
    animation: fadeInDown 1s both 0.6s; 

    -webkit-animation-delay: 0.6s;
    -moz-animation-delay: 0.6s;
    -ms-animation-delay: 0.6s;
    -o-animation-delay: 0.6s;
    animation-delay: 0.6s;
}
.index .section.active .news .pic-area .pic:nth-child(4) img{
	opacity: 0;
	-webkit-animation: fadeInDown 1s both 0.7s;
    -moz-animation: fadeInDown 1s both 0.7s;
    -ms-animation: fadeInDown 1s both 0.7s;
    -o-animation: fadeInDown 1s both 0.7s;
    animation: fadeInDown 1s both 0.7s; 

    -webkit-animation-delay: 0.7s;
    -moz-animation-delay: 0.7s;
    -ms-animation-delay: 0.7s;
    -o-animation-delay: 0.7s;
    animation-delay: 0.7s;
}
.index .section.active .news .pic-area .pic:last-child img{
	opacity: 0;
	-webkit-animation: fadeInDown 1s both 0.8s;
    -moz-animation: fadeInDown 1s both 0.8s;
    -ms-animation: fadeInDown 1s both 0.8s;
    -o-animation: fadeInDown 1s both 0.8s;
    animation: fadeInDown 1s both 0.8s; 

    -webkit-animation-delay: 0.8s;
    -moz-animation-delay: 0.8s;
    -ms-animation-delay: 0.8s;
    -o-animation-delay: 0.8s;
    animation-delay: 0.8s;
}
.index .section.active .products-title .pic-area .pic:first-child img{
	opacity: 0;
	-webkit-animation: fadeInDown 1s both 0.25s;
    -moz-animation: fadeInDown 1s both 0.25s;
    -ms-animation: fadeInDown 1s both 0.25s;
    -o-animation: fadeInDown 1s both 0.25s;
    animation: fadeInDown 1s both 0.25s; 

    -webkit-animation-delay: 0.25s;
    -moz-animation-delay: 0.25s;
    -ms-animation-delay: 0.25s;
    -o-animation-delay: 0.25s;
    animation-delay: 0.25s;
}
.index .section.active .products-title .pic-area .pic:last-child img{
	opacity: 0;
	-webkit-animation: fadeInDown 1s both 0.5s;
    -moz-animation: fadeInDown 1s both 0.5s;
    -ms-animation: fadeInDown 1s both 0.5s;
    -o-animation: fadeInDown 1s both 0.5s;
    animation: fadeInDown 1s both 0.5s; 

    -webkit-animation-delay: 0.5s;
    -moz-animation-delay: 0.5s;
    -ms-animation-delay: 0.5s;
    -o-animation-delay: 0.5s;
    animation-delay: 0.5s;
}
.index .section.active .video .pic-area .pic:first-child img{
	opacity: 0;
	-webkit-animation: fadeInDown 1s both 0.25s;
    -moz-animation: fadeInDown 1s both 0.25s;
    -ms-animation: fadeInDown 1s both 0.25s;
    -o-animation: fadeInDown 1s both 0.25s;
    animation: fadeInDown 1s both 0.25s; 

    -webkit-animation-delay: 0.25s;
    -moz-animation-delay: 0.25s;
    -ms-animation-delay: 0.25s;
    -o-animation-delay: 0.25s;
    animation-delay: 0.25s;
}
.index .section.active .video .pic-area .pic:last-child img{
	opacity: 0;
	-webkit-animation: fadeInDown 1s both 0.5s;
    -moz-animation: fadeInDown 1s both 0.5s;
    -ms-animation: fadeInDown 1s both 0.5s;
    -o-animation: fadeInDown 1s both 0.5s;
    animation: fadeInDown 1s both 0.5s; 

    -webkit-animation-delay: 0.5s;
    -moz-animation-delay: 0.5s;
    -ms-animation-delay: 0.5s;
    -o-animation-delay: 0.5s;
    animation-delay: 0.5s;
}
.products .list.active .group > .pic .txt h3{
	-webkit-animation: rotateIn 1s both 0.3s;
    -moz-animation: rotateIn 1s both 0.3s;
    -ms-animation: rotateIn 1s both 0.3s;
    -o-animation: rotateIn 1s both 0.3s;
    animation: rotateIn 1s both 0.3s; 
}
.product .uncooked-slider .pic.slick-active .image img{
	-webkit-animation: zoomIn 1s both 1.25s;
    -moz-animation: zoomIn 1s both 1.25s;
    -ms-animation: zoomIn 1s both 1.25s;
    -o-animation: zoomIn 1s both 1.25s;
    animation: zoomIn 1s both 1.25s; 
}
.product .uncooked-slider .pic.slick-active h2{
	-webkit-animation: rotateIn 0.75s both 0.5s;
    -moz-animation: rotateIn 0.75s both 0.5s;
    -ms-animation: rotateIn 0.75s both 0.5s;
    -o-animation: rotateIn 0.75s both 0.5s;
    animation: rotateIn 0.75s both 0.5s; 
}