@charset "utf-8";


body , body > .wrapper{color:#333; /*background:#0e0e0e;*/ }

/*a 鏈結字*/
a { color:#333;}
a:hover, a:focus { color:#9055A2; }


/*圖片*/
.pic img{ width:100%; height:auto;}
.maxpic img{ max-width:100%; height:auto;}


/*方形圖設定*/
.item-thumb-frame { position: relative; display: block; width: 100%; overflow: hidden; }
.item-thumb { display: block; max-width: 100%; padding-bottom: 100%; }

.flex-container{ display: flex; flex-wrap:wrap; }



.cate_click {
	display:none;
}

#cate {
	
	position:fixed;
	overflow-y:auto;
	top:0;
	left:-70%;
	bottom:0;
	width:70%;
	z-index:950;
	background:#FFF;

	transition: left 0.2s;
	-moz-transition: left 0.2s;
	-webkit-transition: left 0.2s;
	-o-transition: left 0.2s;
}
#cate ul {
	/*font-size:0.95em;*/
}
#cate ul ul{
	background:#f5f8fb;
	display:none;
}
#cate ul ul ul {
	background:#d2d2d2;
	display:none;
}
.has_child {
	z-index:5;
	position:relative;
}
.has_child:after {
	position:absolute;right:10px;top:12px;
    z-index: 0;
    width: 4px;
    height: 4px;
    border-right: 2px solid #666;
    border-bottom: 2px solid #666;
    content: "";
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
	color:#FFF;
}
#cate ul ul li a {
	padding-left:20px;
}
#cate ul ul ul li a {
	padding-left:40px;
}
#cate ul li a, #cate ul li.title{
	padding:8px 12px;
	display:block;
}
#cate ul li.title {
	background:#CCC;
}
#cate ul li a:hover{
	background:#EFEFEF;
	color:#000;
}
.cate_open {
	left:0 !important;
}

#quick_tool {
	display:none;
	position:fixed;bottom:20px;right:8%;background:#333;
	border-radius:5px;
	padding:8px;
	z-index:280;
	font-size:0.9em;
}
#quick_tool a {
	padding:5px 6px;
	color:#FFFFFF;
}

#quick_tool a i{
	margin-right:5px;
}
#quick_tool a:after {
	padding-left:16px;
	content:'';
	border-right:1px solid #777;
}
#quick_tool a:last-child:after {
	padding-left:0px;
	content:'';
	border-right:0;
}
#quick_tool .cart-qty {
	background:red;padding:0px 5px;color:#FFFFFF;border-radius:3px;
	margin-left:5px;
}

#quick_tool a[href^="center.php"], #quick_tool a[href^="index.php"] {
	display:none;
}



/*====================================================================================*/


.register_button {
	position:relative;
	
}
.register_button:before {
	content:'';
	position:absolute;
	top:27px;
	right:5px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 10px 10px 10px;
	border-color: transparent transparent rgb(170, 36, 193) transparent;
	animation: shake1 1.5s infinite;
	-webkit-animation: shake1 1.5s infinite;
}
.register_button:after {
	animation: shake2 1.5s infinite;
	-webkit-animation: shake2 1.5s infinite;
	content:attr(data-label);
	position:absolute;
	top:3px;
	right:0;
	background:rgba(170, 36, 193, 0.9);
	padding:2px 8px;
	border-radius:8px;
	font-size:0.7em;
	color:#FFF;
	white-space: nowrap
}
@keyframes shake1 {
    0% {
        /*transform: translate(0px, 0px);*/
        top:27px;
    }
    50% {
        /*transform: translate(0px, 6px);*/
        top:32px;
    }
    100% {
        /*transform: translate(0px, 0px);*/
        top:27px;
    }
}
@keyframes shake2 {
    0% {
        /*transform: translate(0px, 0px);*/
        top:32px;
    }
    50% {
        /*transform: translate(0px, 6px);*/
        top:37px;
    }
    100% {
        /*transform: translate(0px, 0px);*/
        top:32px;
    }
}


.promotion_text {
	/*color:#f74877 !important;*/
}
.promotion_text:hover {
	color:#FFF !important;
}
.navbar .promotion_text:hover span {
	/*color:#f74877 !important;*/
}
.navbar .promotion_text:hover {
	color:#f74877 !important;
}
.promotion {
	position:relative;
}
.promotion:before {
	content:'';
	position:absolute;
	top:-13px;
	left:50%;
	/*margin-left:-2px;*/
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 8px 0px 8px 8px;
	border-color: transparent transparent #f74877 transparent;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}
.promotion:after {
    content: attr(data-label1);
    font-family: Poppins-Regular;
	font-weight:normal;
    font-size: 10px;
    line-height: 15px;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    display: block;
    position: absolute;
    top: -15px;
    left: 50%;
	margin-left:-16px;
    height: 15px;
    min-width: 32px;
    border-radius: 3px;
    padding: 0 4px;
    background-color: #f74877;
}
.mtree-active .promotion_text {
	color:#FFF !important;
}



/*page 分頁*/
.page{
	/*margin: 20px 0 10px 0;*/
	font-size:0.75rem;
	text-align:center;
	color:#666;
}
.page a , .page span{
	display:inline-block;
	border: 1px solid #666;
	padding: 2px 6px;
	margin:0 3px;
	font-size:0.9rem; 
	/*-ms-border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-o-bborder-radius:4px;
	border-radius:4px;*/
	min-width:36px;
}
.page span{ background:#9055A2; color:#fff; border-color:#9055A2;}

.page a{ color:#666; }
.page a:hover{ background:#333; color: #fff; border-color:#333; }


/* 多少筆 */
.page_total {}

/* 分頁資訊 */
.page_info {}

/* 上頁 */
.page_prev {}

/* 分頁數字 */
.page_item {}

/* 目前選中的分頁 */
.page_current { background:#00D0D2; color: #fff; }
/* 下頁 */
.page_next {}

/* 下十頁 */
.page_next_group {}



/*===================================================================================*/

.banner{ background:#fff;}
.banner img{ display:block; width:100%; height:auto; }

/*輪播-左右按鈕*/
.owl-carousel .owl-nav .owl-next , .owl-carousel .owl-nav .owl-prev{
	position: absolute;
	top:50%;
	width: 35px;
	height: 35px;
	margin-top:-20px;
	opacity:0;
	transition: all 0.2s ease-in-out;
}
.owl-carousel .owl-nav .owl-prev { left: 0px; }
.owl-carousel .owl-nav .owl-next{ right: 0px; }
.owl-carousel .owl-nav .owl-prev:before , .owl-carousel .owl-nav .owl-prev:after , .owl-carousel .owl-nav .owl-next:before , .owl-carousel .owl-nav .owl-next:after{
	position:absolute;
	z-index:5;
	left:50%;
	margin-top:-6px;
	width:4px;
	height:16px;
	content:"";
	background:#333;
	
	-ms-border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	-o-bborder-radius:2px;
	border-radius:2px;
}
.owl-carousel .owl-nav .owl-prev:before , .owl-carousel .owl-nav .owl-next:after{ bottom:50%; margin-bottom:-12px; }
.owl-carousel .owl-nav .owl-prev:after , .owl-carousel .owl-nav .owl-next:before{ top:50%; margin-top:-12px; }
.owl-carousel .owl-nav .owl-prev:before , .owl-carousel .owl-nav .owl-next:before{
	transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
}
.owl-carousel .owl-nav .owl-prev:after , .owl-carousel .owl-nav .owl-next:after{
	transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-o-transform:rotate(45deg);
}
.owl-carousel:hover .owl-prev , .owl-carousel:hover .owl-next{ opacity:1;cursor:pointer; }
/*.owl-carousel .owl-nav .owl-prev:hover , .owl-carousel .owl-nav .owl-next:hover{ opacity:1; }*/
/*
.product-items .owl-next , .product-items .owl-prev {
	opacity:1;
}
.product-items .owl-next {
	right:-18px !important;
}
.product-items .owl-prev {
	left:-18px !important;
}


.product-items .owl-carousel .owl-nav .owl-prev:before {
    display: inline-block;
    content: " ";
    height: 40rpx;
    width: 40rpx;
    border-width: 4rpx 4rpx 0 0;
    border-color: #c7c7cc;
    border-style: solid;
    transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
    position: absolute;
    top: 50%;
    right: 6rpx;
    margin-top: -9rpx;
    
}
.product-items .owl-carousel .owl-nav .owl-prev {
	position:absolute;
	top:50%;
	left:0;
    
}
.product-items .owl-carousel .owl-nav .owl-next {
	position:absolute;
	top:50%;
	right:0;
}*/

/*輪播-底下圓圈*/
.owl-dots-style .owl-dots{   width:98%; z-index:3; text-align:center; padding:0 10px;}
.owl-dots-style .owl-dots .owl-dot { display:inline-block; zoom:1 }
.owl-dots-style .owl-dots .owl-dot span {
	width:15px;
	height:15px;
	margin:0px 7px;
	background:rgba(144,85,162,0.3);
	border:3px solid #fff;
	display:block;
	-webkit-backface-visibility:visible;
	transition:opacity .2s ease;
	
	-ms-border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	-o-bborder-radius:50%;
	border-radius:50%;
}

.banner  .owl-dots{ position:absolute; bottom:10px; left:1%; width:98%; z-index:3; text-align:center; padding:0 10px;}
.product-items  .owl-dots{ position:relative; /*bottom:10px; left:1%;*/ width:98%; z-index:3; text-align:center; padding:10px;}
.banner .owl-dots .owl-dot { display:inline-block; zoom:1 }
.banner  .owl-dots .owl-dot span {
	width:15px;
	height:15px;
	margin:0px 7px;
	background:rgba(144,85,162,0.3);
	border:3px solid #fff;
	display:block;
	-webkit-backface-visibility:visible;
	transition:opacity .2s ease;
	
	-ms-border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	-o-bborder-radius:50%;
	border-radius:50%;
}

.banner  .owl-dots .owl-dot.active span, .banner   .owl-dots .owl-dot:hover span { background:rgba(144,85,162,1);}


@media (max-width:960px) { 
	.owl-carousel .owl-nav .owl-next , .owl-carousel .owl-nav .owl-prev{
		opacity:1;
	}
	.owl-carousel .owl-nav .owl-prev { left: 0px; }
	.owl-carousel .owl-nav .owl-next{ right: 0px; }
	
	/*.banner  .owl-dots{ bottom:5px; padding:0; line-height:1; }*/
	.banner  .owl-dots .owl-dot span { width:12px; height:12px; margin:0px 12px; border-width:2px; } 
}

/*================================================================================*/


/*叉叉圖示*/
.btn-close{ position:relative;}
.btn-close:before, .btn-close:after{
	position: absolute; top: 50%; left: 50%;
	background: rgba(128,128,128,0.8);
	content: '';
	display: inline-block;
	height: 3px;
	width: 26px;
	margin-top: -2px;
	margin-left: -13px;
	
	transition:All 0.5s ease;
	
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
.btn-close:after {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.btn-close:hover:before, .btn-close:hover:after{background:#e6d9b4;}
.btn-close .icon-txt{ display:none;}


/*================================================================================*/

.header{
	position:relative;
	z-index:900;
	background:#fff;

	-webkit-box-shadow:0 2px 2px rgba(0,0,0,0.15);
	-moz-box-shadow:0 2px 2px rgba(0,0,0,0.15);
	-o-box-shadow:0 2px 2px rgba(0,0,0,0.15);
	box-shadow:0 2px 2px rgba(0,0,0,0.15);
}
.top-bar{ background:#222; color:#fff; padding:15px 15px; color:#bbb; font-size:0.85em; min-height:50px; }
.info-item{ display:inline-block; }


.navbar{ padding:10px 15px; background:#fff; }
.navbar-left{ position:relative; width:15%; align-self:center; }
.navbar-center{ position:relative; display:block; width:70%; align-self:center; }
.navbar-right{ position:relative; width:15%; align-self:center; text-align:right; }

.navbar-center.opened{ display:block; }

.logo{ max-width:180px; }
.logo img{ display:block; max-width:100%; max-height:88px; }


/*選單*/
.menu-list{ text-align:center; }
.menu-list li{ position:relative; display:block; }
.menu-list li a{ color:#333; display:block; padding:5px 20px 5px 10px; font-weight: 600; font-size:0.9rem; }

.menu-list li ul{ background:#fff; }


/*第一層*/
.menu-list > li{ display:inline-block; padding-left:5px; }
.menu-list > li > a{ font-size:0.95rem; }

/*第二層*/
.menu-list > li > ul{
	display:none;
	position:absolute;
	z-index:2;
	top:100%;
	left:0;
	width:150px;
	text-align:left;
	margin-top:30px;
	
	
    overflow-y: auto;
    max-height: 380px;
	
	webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
	-o-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
}


/*第三層*/
.menu-list > li > ul li ul{
	display:none; 
	position:absolute;
	z-index:2;
	top:0;
	left:100%;
	width:150px;
	text-align:left;
	
	webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
	-o-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
}


/*下一層之按鈕*/
.submenu-button{
	position:absolute;
	z-index:3;
	top:15px;
	right:10px;
	width:11px;
	height:10px;
	cursor:pointer;
}
.submenu-button:before{
	position:absolute;
	z-index:4;
	top:0;
	right:0;
	width:4px;
	height:4px;
	border-right:2px solid #666; 
	border-bottom:2px solid #666; 
	content:"";
	transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-o-transform:rotate(45deg);
}


/*第一層鼠標滑過效果*/
.menu-list > li:hover> a{ background:transparent; color: #9055A2; }
.menu-list > li > a:hover{ background:transparent; color: #9055A2; }
.menu-list > li:hover > a .submenu-button:before { border-right-color:#9055A2; border-bottom-color:#9055A2; }


/*第二、三層鼠標滑過效果*/
.menu-list > li > ul li:hover > a , .menu-list > li > ul li ul li:hover > a , 
.menu-list > li > ul li a:hover , .menu-list > li > ul li ul li a:hover{ background:#9055A2; color: #fff; }

.menu-list > li > ul li:hover > a .submenu-button:before , 
.menu-list > li > ul li ul li:hover > a .submenu-button:before,
.menu-list > li > ul li a:hover .submenu-button:before , 
.menu-list > li > ul li ul li a:hover .submenu-button:before{ border-right-color:#fff; border-bottom-color:#fff; }





.icon-box{ position:relative; display:inline-block; margin:0 1px; text-align:center; }
.icon-box-icon{ display:block; font-size: 1.2em; min-width:35px; color:#333; }
.icon-box-icon:focus{ color:#333; }
.icon-box-icon:hover{ color:#9055A2; }


.search-toggle-content{
	/*display:none;*/
	position:fixed;
	z-index:9999;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#fff;
	height:100vh;
	
	visibility: hidden;
	opacity: 0;	
	-webkit-transition: opacity 0.5s ease;
	transition: opacity 0.5s ease;
}
.search-toggle-content.opened{ visibility: visible; opacity: 1; }
.search-close-toggle-trigger{
	position:absolute;
	top:20px;
	right:50px;
	font-size:1.7em;
}
.pop-search-bar{
	position:absolute;
	top:40%;
	left:25%;
	width:50%;
}
.search-bar{
	position:relative;
	width:100%;
	max-width:300px;
	display:inline-block;
}
.pop-search-bar .search-input , .search-bar .search-input{
	width:100%;
	border:1px solid transparent;
	border-bottom-color:#aaa;
	background:transparent;
	font-size:1.2em;
	line-height:2;
	padding:5px 50px 5px 10px;
}
.pop-search-bar .search-btn , .search-bar .search-btn{ 
	position:absolute;
	top:5px;
	right:5px;
	border:1px solid transparent;
	background:transparent;
	padding:8px 10px;
	cursor:pointer;
}
.pop-search-bar .search-btn:hover , .search-bar .search-btn:hover{ color:#9055A2; } 



.member-toggle-content{
	display:none;
	position:absolute;
	z-index:9;
	top:100%;
	right:0;
	width:150px;
	background:#fff;
	border:1px solid #eee;
	border-top-width:0px;
	text-align:center;
	margin-top:30px;
	
	webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
	-o-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
}
.quicklink-list li{}
.quicklink-list li a{ display:block; padding:7px 20px; font-size:0.9em; font-weight:600; }
.quicklink-list li a:hover{ background:#9055A2; color: #fff; }

.member-toggle-trigger.current{ color:#9055A2; }


.cart-qty-btn .badge, .coupon-qty-btn .badge{ 
	position: absolute;
	top: -4px;
	right: -5px;
	min-width: 20px;
	min-height: 20px;
	border-radius: 50%;
	font-size: 0.6em;
	background: #9055A2;
	color: #fff;
	text-align: center;
}


.menu-trigger{
	display:none;
	position:absolute;
	z-index:10;
	top:50%;
	left:0;
	width:50px;
	height:50px;
	margin-top:-25px;
}
.menu-trigger-icon{ 
	position:relative; 
	width:40%; 
	height:100%;
	margin-left:30%;
}
.menu-trigger-icon:before{
	position:absolute;
	top:25%;
	left:0;
	width:100%;
	height:3px;
	margin-top:4px;
	content:"";
	background:#222;
	
	transition: 0.3s;
}
.menu-trigger-icon:after{
	position:absolute;
	top:75%;
	left:0;
	width:100%;
	height:3px;
	margin-top:-8px;
	content:"";
	background:#222;
	
	transition: 0.3s;
}
.menu-trigger-txt{ 
	position:absolute;
	top:50%;
	left:30%;
	width:40%;
	height:3px;
	margin-top:-2px;
	content:"";
	background:#222; 
	font-size:0;
}
.menu-trigger.opened { /*background:#FFCE00;*/ }
.menu-trigger.opened .menu-trigger-icon:before{
	background:#9055A2;
	-webkit-transform: rotate(-45deg) translate(-4px, 4px) ;
    transform: rotate(-45deg) translate(-4px, 4px) ;
}
.menu-trigger.opened .menu-trigger-icon:after{
	background:#9055A2;
	-webkit-transform: rotate(45deg) translate(-5px, -5px) ;
    transform: rotate(45deg) translate(-5px, -5px) ;
}
.menu-trigger.opened .menu-trigger-txt{ opacity:0; }



.noScroll{ height:100vh; overflow:hidden; -webkit-overflow-scrolling: touch; }




.main{ background:#fff; }




/*頁尾*/
.footer{ background:#111111; }

.footer-info-list{ margin:50px 0;}
.footer-info-item{ width:33.333333%; align-self:center; text-align:center; border-right: 1px solid #555; }
.footer-info-item:last-child{ border-right-width: 0px; }
.footer-info-item .icon , .footer-info-item .intro{ display:inline-block;  vertical-align:middle;  margin:0 5px; }
.footer-info-item .icon{ font-size:2.6em; color:#fff; line-height:1.2; }
.footer-info-item .intro{ font-size:0.8em; color:#999; text-align:left; line-height:1.5;}
.footer-info-item .intro .title{ color:#fff; font-size:1.2em; font-weight:900; }


.footer-bottom{ background:#0e0e0e;padding:8px 0; }
.footer-bt-left{ width:50%; color: #888; align-self:center; }
.footer-bt-right{ width:50%; text-align:right; align-self:center; }

.footer-copyright , .footer-copyright a , .peo-counter , .footer-designer , .footer-designer a{ color: #FFF; }
.footer-copyright{ font-size:0.9em; }
.peo-counter{ display:inline-block; margin:0 10px; font-size:0.7em; }
.footer-designer{ font-size:0.7em; }



.backtop-btn{
	position: fixed;
	bottom: 30px;
	right: 30px;
	z-index: 999;
	cursor: pointer;
	width: 45px;
	height: 45px;
	line-height: 45px;
	color: #fff;
	text-align: center;
	background: #9055A2;
	
	opacity:0;
	transition:opacity 0.5s ease;
	-webkit-transition:opacity 0.5s ease;
	-moz-transition:opacity 0.5s ease;
	-o-transition:opacity 0.5s ease;
}
.backtop-btn:focus , .backtop-btn:hover{ color:#fff; }

.backtop-btn.show{ opacity:1; }

/*============================================================================================================================*/


.sec{ padding:70px 0; }
.sec-heading{ text-align:center; padding:15px 0; margin-top:10px; margin-bottom:70px; }
.sec-heading .title , .sec-heading .subtitle{ display:block; line-height:1.2; /*font-family: "Poppins",sans-serif;*/ }
.sec-heading .title{ font-size:2.4em; color:#212529; font-weight:600; text-transform:uppercase; }
.sec-heading .subtitle{ font-size:1.4em; color:#999; }


/*首頁-new arrival*/
.fourcols-pro-list .product-item{ width:22%; margin-right:4%; margin-bottom:45px; }
.fourcols-pro-list .product-item:nth-child(4n){ margin-right:0; }

.product-photo{ position:relative; border:1px solid #eaeaea; /*background:#eee;*/  }
.product-photo:before{
	position:absolute;
	z-index:1;
	top:0;
	left:0;
	width:100%;
	height:100%;
	content:"";
	background:rgba(255,255,255,0.5);
	
	opacity:0;
	transition:opacity 0.3s ease;
	-webkit-transition:opacity 0.3s ease;
	-moz-transition:opacity 0.3s ease;
	-o-transition:opacity 0.3s ease;
}

.product-quickly-box{ 
	position:absolute;
	z-index:2;
	top:50%;
	left:10%;
	width:80%;
	height:40px;
	margin-top:-20px;
	overflow:hidden;
	padding-left:45px;
}
.product-quickly-box .addcart-btn{
	position:absolute;
	top:0;
	left:0;
	width:40px;
	height:40px;
	line-height:40px;
	background:#fff;
	border: 1px solid #ddd;
	color: #777;
	font-size:0.85em;
	cursor:pointer;
	text-align: center;
	
	transition:transform 0.2s ease;
	-webkit-transition:transform 0.2s ease;
	-moz-transition:transform 0.2s ease;
	-o-transition:transform 0.2s ease;
	
	-moz-transform:translateX(-40px);
	-webkit-transform:translateX(-40px);
	-o-transform:translateX(-40px);
	-ms-transform:translateX(-40px);
	transform:translateX(-40px);
}
.product-quickly-box .addcart-btn:hover{ border-color:#9055A2; color:#9055A2;  } 

.product-photo:hover .product-quickly-box .addcart-btn{
	-moz-transform:translateX(0px);
	-webkit-transform:translateX(0px);
	-o-transform:translateX(0px);
	-ms-transform:translateX(0px);
	transform:translateX(0px);
}

.product-quickly-box .more-link{
	display:block;
	height:40px;
	line-height:40px;
	font-size:0.95em;
	text-align:center;
	background:#9055A2;
	border: 1px solid #9055A2;
	color:#fff;
	
	opacity:0;
	transition:opacity 0.3s ease;
	-webkit-transition:opacity 0.3s ease;
	-moz-transition:opacity 0.3s ease;
	-o-transition:opacity 0.3s ease;
}
.product-photo:hover .product-quickly-box .more-link{ opacity:1; }

.product-photo:hover:before{ opacity:1; }

.product-title{ padding:15px 0 0 0;word-break: break-all; }
.product-title a{ font-weight:bolder; color:#212529; font-size:0.95em; }
.product-title a:hover{ color:#9055A2; }
.product-price{ 
	padding:0 0 0 15px 0; 
	color: #6c757d; 
	font-size:0.95em; 
	/*font-weight:bolder; */
	line-height:1.2; 
	/*font-family: "Poppins",sans-serif;*/
}



.page-headerline-area{ background: #f5f5f5; padding:30px 0; }
.page-headerline{ }
.page-headerline-left{ width:50%; text-align:left; }
.page-headerline-right{ width:50%; align-self:flex-end; text-align:right; }

.page-header{ align-self:center; font-size:2.2em; font-weight:bolder; line-height:1.3; color:#333; }
.page-category{ }

.category-list{ text-align:right; }
.category-list li{ display:inline-block; margin:5px 5px; font-size:0.95em; font-weight:600; }
.category-list li a{ 
	display:block; 
	max-width:150px; 
	position:relative; 
	padding:3px 15px 5px 15px; 
	line-height:1.3; 
	border:1px solid #666; 
	color:#666;
	text-align:center;
	
	-ms-border-radius:20px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	-o-bborder-radius:20px;
	border-radius:20px;
}
.category-list li a:hover{ background:#9055A2; color:#fff; border-color:#9055A2; }

.content-pd{ padding:40px 0; }




/*檔案下載*/
.download-line{ text-align:center; }
.download-btn{ display:inline-block; margin:5px 10px; background:#9055A2; padding:5px 10px; color:#fff; font-size:0.9em; }
.download-btn:hover{ 
	/*opacity:0.8;*/
	color:#fff;
	
	-moz-transform:translateY(1px);
	-webkit-transform:translateY(1px);
	-o-transform:translateY(1px);
	-ms-transform:translateY(1px));
	transform:translateY(1px);

	-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
	-o-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}



/*返回按鈕列*/
.pageback-line{margin:60px 0 10px 0; text-align:center; }
.pageback-btn span{ position:relative; display:inline-block; padding-left:11px; color:#333; font-size:0.95em; line-height:1; }
.pageback-btn span:before{
	position:absolute;
	top:5px;
	left:0;
	width: 0;
	height: 0;
	border-top: 5px solid transparent;
	border-right: 8px solid #333;
	border-bottom: 5px solid transparent;
	content:"";
}
.pageback-btn:hover span{ color:#9055A2; }
.pageback-btn:hover span:before{ border-right-color:#9055A2; }



/*影片*/
.video{ position:relative; text-align:center; margin:30px 0; }
.video iframe{ max-width:100%;}


/*=========================================================================*/



/*關於我們*/
.about-intro{ margin-bottom:30px; }
.about-thrumb{ text-align:center; /*margin-bottom:70px;*/ }
.about-thrumb img{ display:inline-block; max-width:100%; height:auto; }



/*最新消息*/
.datepost-list{ margin-bottom:30px; /*max-width:950px; margin-left:auto; margin-right:auto;*/ }
.datepost-item{ /*width:47.5%; margin-right:5%;*/ padding-bottom:40px; margin-bottom:40px; border-bottom:1px solid #eaeaea; }
/*.datepost-item:nth-child(2n){ margin-right:0; }*/

.datepost-photo{ width:17%; margin-right:3%; }
.datepost-photo .item-thumb-frame{ border:1px solid #eaeaea; }
/*.datepost-photo .item-thumb-frame .item-thumb{ padding-bottom:110%; }*/

.datepost-content{ width:80%; }

.datepost-title{ font-size:1.1em; font-weight:600; line-height:1.6; }
.datepost-date { color: #656565; font-size:0.8em; }
.datepost-intro{ margin:20px 0; color: #777; font-size:0.95em; height:53px; overflow:hidden; }

.more-link-btn{ display:inline-block; color:#9055A2; }
.more-link-btn .icon{
	display:inline-block;
	-webkit-transition:all 0.3s;
	transition:all 0.3s
}
.more-link-btn:hover .icon{
	-webkit-transform:translateX(10px);
	transform:translateX(10px);
	opacity:0
}



/*最新消息詳細*/
.new-view-heading{ position:relative; padding-right:100px; margin-bottom:30px; color:#9055A2; }
.new-view-heading .title{ font-size:1.4em; font-weight:bolder; line-height:1.5; }
.new-view-heading .day{ position:absolute; top:0; right:0; font-size:0.7em; color:#666; }


.news-view-photo{ border:1px solid #ccc; margin:30px 0; }
.showbox{ /*float:left; */position:relative; width:75%; margin-right:5%; height:500px; /*border:1px solid #eaeaea;*/ }
.showbox img{
	display:block;
	width:auto;
	height:auto;
	max-width: 95%;
	max-height: 95%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.showbox:before{
	position:absolute;
	z-index:1;
	bottom:20px;
	left:50%;
	width:24px;
	height:24px;
	margin-left:-12px;
	content:"";
	background:rgba(255,255,255,0.5) url(../images/icon-search.png) no-repeat center;
	background-size:60% 60%;
	
	-ms-border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	-o-bborder-radius:50%;
	border-radius:50%;
	
	transition:All 0.3s ease;
	-webkit-transition:All 0.3s ease;
	-moz-transition:All 0.3s ease;
	-o-transition:All 0.3s ease;
}
.showbox:hover:before{
	background-color:rgba(255,255,255,1);
	bottom:30px;
	-moz-transform:scale(1.3);
	-webkit-transform:scale(1.3);
	-o-transform:scale(1.3);
	-ms-transform:scale(1.3);
	transform:scale(1.3);
}

.showbox-thumbnail-list{ /*float:right;*/ width:20%; }
.showbox-thumbnail-list a{ display:inline-block; width:97%; border:1px solid #fff; margin-bottom:10px; border:4px solid transparent; }
.showbox-thumbnail-list a:hover{ border-color:#9055A2; }
.showbox-thumbnail-list a .item-thumb-frame .item-thumb { padding-bottom: 70%; }

.news-intro{ margin:30px 0;}





/*商品介紹*/
.product-left-side{ width:20%; margin-right:5%; }
.product-right-side{ width:75%; }

.product-list .product-item{ width:30%; margin-right:5%; margin-bottom:45px; }
.product-list .product-item:nth-child(3n){ margin-right:0; }


.search-box{ position:relative; }
.search-box .search-input{
	width:100%;
	border:1px solid transparent;
	border-bottom-color:#aaa;
	background:transparent;
	font-size:0.95em;
	line-height:2;
	padding:5px 50px 5px 10px;
}
.search-box .search-btn{ 
	position:absolute;
	top:5px;
	right:5px;
	border:1px solid transparent;
	background:transparent;
	padding:8px 10px;
	cursor:pointer;
}
.search-box .search-btn:hover{ color:#9055A2; } 




/*左側分類*/
.sidebar{ position:relative; z-index:2; margin-top:20px; }
.side-heading{ font-size:1.4em; margin-bottom:10px; font-weight:600;}

.side-nav{ margin-bottom:40px;}
ul.mtree li{ position:relative; margin:5px 0; }
ul.mtree li a{ position:relative; display:block; padding:5px 30px 5px 15px; }

/*有下一層選項的項目設定*/
ul.mtree li.mtree-node > a:before{
	position:absolute;
	z-index:4;
	top:21px;
	right:20px;
	width:6px;
	height:6px;
	border-right:2px solid #666;
	border-bottom:2px solid #666;
	margin-top:-5px;
	content:"";
	transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-o-transform:rotate(45deg);
}

ul.mtree li li , ul.mtree li li li{ padding-left:18px;}

.side-nav li a{ 
	color:#333;
	font-size:0.9em;
	
	-ms-border-radius:30px;
	-moz-border-radius:30px;
	-webkit-border-radius:30px;
	-o-bborder-radius:30px;
	border-radius:30px;
}
.side-nav li a:hover{ background:#9055A2; color:#fff; }

.side-nav > li{ }

.side-nav > li > a{ font-size:1em; font-weight:bolder; }

.side-nav li ul{ margin-bottom:10px; }

.side-nav li ul li a{ color:#666; }

ul.mtree li.mtree-node > a:hover:before{ border-right-color:#fff; border-bottom-color:#fff; }
.side-nav > li.mtree-open:before{ background:#9055A2; color:#fff; }
.side-nav li.mtree-open > a{ background:#9055A2; color:#fff; }
.side-nav li.mtree-node.mtree-open > a:before{ border-right-color:#fff; border-bottom-color:#fff; }


/*商品導覽路徑*/
.product-breadcrumbs{
	width:100%;
	font-size:0.9em;
	line-height:1.5;
	margin-bottom:10px;
}
.product-breadcrumbs , .product-breadcrumbs a{ color:#333; }
.product-breadcrumbs a:hover{ color:#9055A2; }
.product-breadcrumbs span{margin-right:0px; opacity:0.9; }
.product-breadcrumbs span:after{ content:"/"; margin-left:5px; font-size:10px; }
.product-breadcrumbs span:last-child:after{display:none;}



/*商品介紹詳細*/
.product-view-gp{ margin-bottom:30px; }
.pro-view-photos{ width:45%; margin-right:7%; }
.pro-right-info{ width:47%; }

.pro-view-photos .sync-slide{ border:1px solid #eaeaea; }
.pro-view-photos .sync-thum{ margin:10px 0; /*padding:0 10%;*/ /*border:1px solid #eaeaea;*/ }
.pro-view-photos .sync-thum .owl-item{ cursor:pointer; border:1px solid #eaeaea; opacity:0.4;}
.pro-view-photos .sync-thum .owl-item.current{ opacity:1; border-color:#9055A2; cursor:default; }
.pro-view-photos .sync-thum .owl-item:hover{  border-color:#9055A2; }

.pro-name{ font-size:1.3em; font-weight:600; }
.pro-slogan{ font-size:0.9em; line-height:1.2; color:#666; }
.price-area{ margin:20px 0;  }
.price-area .price{ display:inline-block; margin-right:20px; /*font-family: "Poppins",sans-serif;*/ }
.price-area .price.sale-price{ color: #9055A2; font-weight:bolder; font-size:1.2em; }
.price-area .price.original-price{ color: #aaa; text-decoration: line-through; }

.pro-view-descrition-heading{ margin-top:20px; margin-bottom:5px; }
.pro-view-descrition-heading .title{ font-weight:600; color:#9055A2; font-size:1.2em; }
.pro-view-descrition{ margin:5px 0 20px 0;  color: #777;}

.pro-de-qty , .pro-de-addcart{ display:inline-block; margin-right:20px; margin-bottom:20px; }

.qtyminus{
	width: 30px;
	height: 30px;
	border-radius: 50%;
	line-height: 28px;
	border: 1px solid #999;
	background:#fff;
	text-align: center;
	cursor: pointer;
	/*font-family: "Poppins",sans-serif;*/
	text-decoration:none;
}
.qtyminus:hover{ border-color:#9055A2; color:#9055A2; }

.num-txt{ 
	max-width:60px;
	background:#fff;
	border:1px solid transparent;
	font-weight:600;
	color:#333;
	border-bottom:1px solid #999; 
	text-align:center;
	/*font-family: "Poppins",sans-serif;*/
}

.pro-de-addcart .addcart-btn{
	font-size:0.95em;
	background:#9055A2;
	color:#fff;
	padding:10px 30px;
	border:1px solid #9055A2;
	cursor: pointer;
	outline:none;
	
	-ms-border-radius:30px;
	-moz-border-radius:30px;
	-webkit-border-radius:30px;
	-o-bborder-radius:30px;
	border-radius:30px;
}
.pro-de-addcart .addcart-btn:hover{ background:#734481; }




/*常見問題*/
#qaContent { width: 100%; /*max-width:950px; margin-left:auto; margin-right:auto;*/ }
.accordionPart { margin-bottom:60px; }
#qaContent ul.accordionPart li {
	width:100%;
	margin-left:auto;
	margin-right:auto;
	padding-left:10px;
	padding-right:10px;
	/*border-bottom: solid 1px #666;*/
	border-bottom:1px solid #ccc;
	
	transition:All 0.35s ease;
	-webkit-transition:All 0.5s ease;
	-moz-transition:All 0.5s ease;
	-o-transition:All 0.5s ease;
}
/*#qaContent ul.accordionPart li:first-child { border-top: solid 1px #666; }*/

#qaContent ul.accordionPart li .qa_title {
	position:relative;
	/*color: #666;*/
	cursor: pointer;
	font-weight:600;
	padding:20px 0 20px 40px;
}
#qaContent ul.accordionPart li .qa_title.is-open{ font-weight:600; color:#9055A2; }


.qa-open-icon{ position:absolute; top:50%; left:0; margin-top:-9px; width:20px; height:20px; /*background:#ccc;*/ background:#333; /*border:1px solid #999;*/ }
.qa-open-icon:before , .qa-open-icon:after{
	position:absolute;
	top:50%;
	right:50%;
	content:"";
	background:#fff;
}
.qa-open-icon:before{ margin-top:-6px; margin-right:-1px; width:2px; height:12px; transition:transform .3s ease; }
.qa-open-icon:after{ margin-top:-1px; margin-right:-6px; width:12px; height:2px; }

#qaContent ul.accordionPart li .qa_title.is-open .qa-open-icon{ background:#9055A2; /*border-color:#9055A2;*/ }
#qaContent ul.accordionPart li .qa_title.is-open .qa-open-icon:before , #qaContent ul.accordionPart li .qa_title.is-open .qa-open-icon:after{ background:#fff; }
#qaContent ul.accordionPart li .qa_title.is-open .qa-open-icon:before{
	transform:rotate(-90deg);
	-moz-transform:rotate(-90deg);
	-webkit-transform:rotate(-90deg);
	-o-transform:rotate(-90deg);	
}

#qaContent ul.accordionPart li .qa_content {
	display:none;
	position:relative;
	/*border-top: solid 1px #666;*/
	margin-bottom:30px;
	padding-top:0;
	padding-left: 40px;
	color: #777777;
}



/*相關連結*/
.link-item{ width:30%; margin-right:5%; margin-bottom:35px; border:1px solid #ccc; padding:10px; }
.link-item:nth-child(3n){ margin-right:0; }

.link-photo{ width:120px; margin-right:20px; }
.link-content{ width: calc(100% - 140px);  }

.link-title{ }
.link-title a{ font-weight:bolder; color:#212529; font-size:0.95em; }
.link-title a:hover{ color:#9055A2; }

.link-intro{ margin:5px 0 10px 0; color: #777; font-size:0.9em; }




/*聯絡我們*/
.contact-gp{ }
.contact-gp .map{ width:50%; margin-right:5%; }
.contact-gp .box{ width:45%; }

.info-list{ margin-bottom:20px; }
.info-list , .info-list a{ color:#333; }
.info-list li{ position:relative; padding-left:80px; font-size:0.95em; line-height:1.6; margin-bottom:5px; }
.info-list li .title{ position:absolute; top:0; left:0; }
.info-list li.mark { font-weight:600; font-size:1.3em; margin-bottom:10px; padding-left:0; }

.qrcode{ max-width:150px; }
.qrcode img{ display:block; max-width:100%; height:auto; } 




/*搜尋結果*/
.search-bread{ margin-bottom:15px; }




/* <<=== product 商品頁 =========================================================>> */

.submenu-trigger {
    background: #8D8E8E;
    color: #fff;
}

.submenu-title{
	display:block;
	color:#8D8E8E;
	font-size:1.1em;
	font-weight:600;
	border-bottom:3px solid #8D8E8E;
}
.submenu-trigger{
	display:none;
	text-align:center;
	font-size:1.1em;
	font-weight:600;
	border-bottom-width:0px;
	background:#8D8E8E;
	padding:3px 0;
	color:#fff;
}
.submenu-trigger:hover , .submenu-trigger:focus{ color:#fff; }
.submenu-toggle-content{ display:block; }

/*---------------------*/