@charset "UTF-8";
@font-face {
  font-family: rage;
  src: url(fonts/RAGE.TTF);
}
@font-face {
  font-family: hc-word;
  src: url(fonts/華康儷中宋.TTC);
}
@font-face {
  font-family: en-word;
  src: url(fonts/APARAJ.TTF);
}


/* CSS Document */

body {
	font-family:'Open Sans',"微軟正黑體","蘋果儷中黑",sans-serif, Arial;
	word-break: normal;
	text-align:justify;
	font-size: 14px;
	}

a, button{
	color: #000;
	transition: all 0.25s;
	}

a:hover{
	text-decoration:none;
	color: #000;
	}

/* edit-block 編輯區內的設定 Start */
	  
.edit-block ol li{
	list-style-type:decimal ;
	list-style-position: inside; 
	}
	
.edit-block ul li{
	list-style-type:disc ;
	list-style-position: inside; 
	}
	
.edit-block table{
	width: 100%; 
	}

.edit-block p{
	margin: 0;
}

.edit-block img{
	-webkit-filter: blur(0);
}


/* edit-block 編輯區內的設定 End */
	
/* 顏色設定 Main Color Start */

	/* 主要背景顏色 */

.main-bg-color{
	background:#333;
	}

	/* 主要文字顏色 */

@brand-main: #f50058; // #337ab7

.main-font-color,
.main-font-color a{
	color: #fff;
	}

.main-font-color2{
	background: #ccc;
	}

.main-btn-color{
	background: #5cb85c !important;
	color: #fff !important;
	}

.sub-btn-color{
	background: #333 !important;
	color: #fff !important;
	}

	

/* 顏色設定 Main Color End */

/* 其他 Start */

ul{
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-top: 0;
	}
	
.padding-0{padding: 0}
.padding-l-0{padding-left:0;}
.padding-r-0{padding-right:0;}
.padding-b-0{padding-bottom:0;}
.padding-t-0{padding-top:0;}

.p-t-0{    padding-top:0px }
.p-t-5{    padding-top:5px }
.p-t-10{   padding-top:10px }
.p-t-15{   padding-top:15px }
.p-t-20{   padding-top:20px }
.p-t-25{   padding-top:25px }
.p-t-30{   padding-top:30px }
.p-t-40{   padding-top:40px }
.p-t-50{   padding-top:50px }
.p-t-60{   padding-top:60px }
.p-t-70{   padding-top:70px }
.p-t-80{   padding-top:80px }
.p-t-90{   padding-top:90px }
.p-t-100{  padding-top:100px }

.p-b-0{    padding-bottom:0px }
.p-b-5{    padding-bottom:5px }
.p-b-10{   padding-bottom:10px }
.p-b-15{   padding-bottom:15px }
.p-b-20{   padding-bottom:20px }
.p-b-25{   padding-bottom:25px }
.p-b-30{   padding-bottom:30px }
.p-b-40{   padding-bottom:40px }
.p-b-50{   padding-bottom:50px }
.p-b-60{   padding-bottom:60px }
.p-b-70{   padding-bottom:70px }
.p-b-80{   padding-bottom:80px }
.p-b-90{   padding-bottom:90px }
.p-b-100{  padding-bottom:100px }

.p-l-0{    padding-left:0px }
.p-l-5{    padding-left:5px }
.p-l-10{   padding-left:10px }
.p-l-15{   padding-left:15px }
.p-l-20{   padding-left:20px }
.p-l-25{   padding-left:25px }
.p-l-30{   padding-left:30px }
.p-l-40{   padding-left:40px }
.p-l-50{   padding-left:50px }
.p-l-60{   padding-left:60px }
.p-l-70{   padding-left:70px }
.p-l-80{   padding-left:80px }
.p-l-90{   padding-left:90px }
.p-l-100{  padding-left:100px }

.p-r-0{    padding-right:0px }
.p-r-5{    padding-right:5px }
.p-r-10{   padding-right:10px }
.p-r-15{   padding-right:15px }
.p-r-20{   padding-right:20px }
.p-r-25{   padding-right:25px }
.p-r-30{   padding-right:30px }
.p-r-40{   padding-right:40px }
.p-r-50{   padding-right:50px }
.p-r-60{   padding-right:60px }
.p-r-70{   padding-right:70px }
.p-r-80{   padding-right:80px }
.p-r-90{   padding-right:90px }
.p-r-100{  padding-right:100px }

.m-b-0{   margin-bottom:   0px;}
.m-b-5{   margin-bottom:   5px;}
.m-b-10{  margin-bottom:  10px;}
.m-b-15{  margin-bottom:  15px;}
.m-b-20{  margin-bottom:  20px;}
.m-b-25{  margin-bottom:  25px;}
.m-b-30{  margin-bottom:  30px;}
.m-b-40{  margin-bottom:  40px;}
.m-b-50{  margin-bottom:  50px;}
.m-b-60{  margin-bottom:  60px;}
.m-b-70{  margin-bottom:  70px;}
.m-b-80{  margin-bottom:  80px;}
.m-b-90{  margin-bottom:  90px;}
.m-b-100{ margin-bottom: 100px;}

.m-r-0{   margin-right:   0px;}
.m-r-5{   margin-right:   5px;}
.m-r-10{  margin-right:  10px;}
.m-r-15{  margin-right:  15px;}
.m-r-20{  margin-right:  20px;}
.m-r-25{  margin-right:  25px;}
.m-r-30{  margin-right:  30px;}
.m-r-40{  margin-right:  40px;}
.m-r-50{  margin-right:  50px;}
.m-r-60{  margin-right:  60px;}
.m-r-70{  margin-right:  70px;}
.m-r-80{  margin-right:  80px;}
.m-r-90{  margin-right:  90px;}
.m-r-100{ margin-right: 100px;}

.m-l-0{   margin-left:   0px;}
.m-l-5{   margin-left:   5px;}
.m-l-10{  margin-left:  10px;}
.m-l-15{  margin-left:  15px;}
.m-l-20{  margin-left:  20px;}
.m-l-25{  margin-left:  25px;}
.m-l-30{  margin-left:  30px;}
.m-l-40{  margin-left:  40px;}
.m-l-50{  margin-left:  50px;}
.m-l-60{  margin-left:  60px;}
.m-l-70{  margin-left:  70px;}
.m-l-80{  margin-left:  80px;}
.m-l-90{  margin-left:  90px;}
.m-l-100{ margin-left: 100px;}

.m-t-0{   margin-top:   0px;}
.m-t-5{   margin-top:   5px;}
.m-t-10{  margin-top:  10px;}
.m-t-15{  margin-top:  15px;}
.m-t-20{  margin-top:  20px;}
.m-t-25{  margin-top:  25px;}
.m-t-30{  margin-top:  30px;}
.m-t-40{  margin-top:  40px;}
.m-t-50{  margin-top:  50px;}
.m-t-60{  margin-top:  60px;}
.m-t-70{  margin-top:  70px;}
.m-t-80{  margin-top:  80px;}
.m-t-90{  margin-top:  90px;}
.m-t-100{ margin-top: 100px;}

.blank10{ height:10px;}
.blank20{ height:20px;}
.blank30{ height:30px;}
.blank40{ height:40px;}
.blank50{ height:50px;}
.blank60{ height:60px;}
.blank70{ height:70px;}
.blank80{ height:80px;}
.blank90{ height:90px;}
.blank100{ height:100px;}
.blank110{ height:110px;}
.blank120{ height:120px;}
.blank130{ height:130px;}
.blank140{ height:140px;}
.blank150{ height:150px;}
.blank160{ height:160px;}
.blank170{ height:170px;}
.blank180{ height:180px;}
.blank190{ height:190px;}
.blank200{ height:200px;}

.float-l{float: left;}

.float-r{float: right;}

.clear{clear:both;}

#clear{clear:both;}

.width100{
	width: 100%;
	}

.ta-c{
	text-align: center;
	}

.ta-l{
	text-align: left;
	}

.ta-r{
	text-align: right;
	}

.visible-mobele{
	display: none;
	}

.visible-web{
	display: block;
	}

.visible-mobele-i{
	display: none;
	}

.visible-web-i{
	display: block;
	}

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

	.visible-mobele{
		display:block;
		}

	.visible-web{
		display: none;
		}

	.visible-mobele-i{
		display: inline-block;
		}

	.visible-web-i{
		display: none;
		}	

	}

/* 其他 End */



/* Home Start */

.slider-wrapper{
	position: relative;
	z-index: 1;
	}

.home-slider{
	width: 100%;
	margin:0 auto;
	}

@media screen and (max-width: 768px) {
	
	.slider-box{
		width: 100%;
		overflow: hidden;
		margin: 0 auto;
		margin-top: 0px;
		}

	.home-slider  {
		overflow: hidden;
		/*width: 768px !important;*/
		}

	}

@media screen and (max-width: 1200px) {
	.home-slider{
		width: 100%;
		}
	}

@media screen and (max-width: 991px) {
	.home-slider{
		width: 100%;
		}
	}

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

	.home-slider{
		width: 100%;
		}
		
	.nivo-caption{
		-webkit-transform: translateX(-50%) translateY(0);
	    -moz-transform: translateX(-50%) translateY(0);
	    -ms-transform: translateX(-50%) translateY(0);
	    -o-transform: translateX(-50%) translateY(0);
	    transform: translateX(-50%) translateY(0);
	    left: 50% !important;
	    width: auto;
	    text-align: center;
	    white-space : nowrap;
		}
	/*.home-slider{
		width: auto;
		height: 500px;
		}

	.nivoSlider{
		width: auto !important;
		height: 500px !important;
		}

	.nivo-main-image{
		width: auto !important;
		height: 500px !important;
		}
	
	.nivoSlider a.nivo-imageLink{
		width: auto !important;
		}*/
	}

.home-slider.full-width{
	width: 100%;
	}

.row{
	margin-right: 0;
	margin-left: 0;
	}

.product-title{
    text-align: center;
    margin: 40px 0;
	}

.product-title span{
	font-size: 18px;
	letter-spacing: 0.05em;
    color: #999;
    font-weight: 600;
    border: 2px solid #999;
    border-radius: 50px;
    padding: 6px 20px 8px 20px;
	}

.product{
	position: relative;
	}

.product .product-img{
	display: block;
	margin: 0 auto;
	border-radius: 3px;
	}

.add-love-btn{
	position: absolute;
	top: 10px;
	right: 30px;
	display: none;
	}

.add-love-btn.active{
	display: block;
	}

.add-love-btn.active i{
	background: #333;
	color: #fff;
	border:#fff;
	}
.add-love-btn i{
	font-size: 20px;
	width:35px;
	height:35px;
	border:1px #333 solid;
	line-height: 35px;
	text-align: center;
	border-radius: 50%;
	color: #333;
	}

.add-love-btn i:hover{
	background: #333;
	color: #fff;
	border:#fff;
	}

.product .name{
	height: auto;
    margin-top: 15px;
    overflow: hidden;
    display: block;
    font-size: 16px;
    line-height: 20px;
    width:100%;
    height:20px;        
    letter-spacing: 0.05em;
    text-align: center;
    white-space:nowrap;
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	overflow:hidden;	
    }

.product .name a{
    color:#333;
    }

.product .name a:hover{
    color:#777;
    }

.product .color{
	text-align: center;
	}
.product .color li{
	display: inline-block;
	padding: 1px;
	box-shadow:0px 1px 5px #ccc;
	border-radius: 15px;
	}

	.product .color li img{
		border-radius: 15px;
	}

.product .size{
	text-align: center;
	height: auto;/*30px*/
	width: 100%;
	overflow:hidden;	
	}

.product .size span{
	font-size: 12px;
	line-height: 20px;
	letter-spacing: 0.05em;
	color:#777;
	padding: 0 5px;
	}

.product .price{
    font-size: 14px;
    color: #E74C3C;
    line-height: 20px;
    text-align: center;
    }
.product .price span,
.span12 .price span{
	color:#333;
    }
   
.product .price span.original,
.span12 .price span.original{
	text-decoration:line-through;
    }

.product .price span.sale,
.span12 .price span.sale{
	color: #c20d23;
	padding: 0 3px 0 10px;
    }

/* Home End */

/* visual-difference-img  Start*/

.visual-difference-img { 
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width: 100%;
    display: block;
    clear: both;
    height: auto;
    height: 300px;
    position: relative;
	}

.visual-difference-edit{
	position: absolute;
	width: 100%;
	height: 100%;
	left:0;
	top:0;
	z-index:3;
	}

.visual-difference-img::before{
	content:"";
	width:100%;
	height:100%;
	background: #000;
	display: block;
	position: relative;
	z-index: 2;
	opacity: 0.3;
	transition: all 0.5s;
	}

.visual-difference-img:hover::before{
	opacity: 0;
}
@media screen and (max-width: 767px) {	

	.background-resize{
		background-attachment:scroll !important;
		background-position: center center !important;
	}

}


/*.visual-difference-img:hover::before {
	-webkit-animation: 0.8s  visual-difference normal 1 forwards;
	-moz-animation: 0.8s  visual-difference normal 1 forwards;
	-o-animation: 0.8s  visual-difference normal 1 forwards;
	animation: 0.8s  visual-difference normal 1 forwards;
	}

@keyframes visual-difference {
    0% { opacity: 0;  }
  100% { opacity: 0.5;}
} 
@-webkit-keyframes  visual-difference {
    0% { opacity: 0;  }
  100% { opacity: 0.5;}
}
@-moz-keyframes visual-difference {
    0% { opacity: 0;  }
  100% { opacity: 0.5;}
}
@-o-keyframes visual-difference {
    0% { opacity: 0;  }
  100% { opacity: 0.5;}
}

.visual-difference-img::before {
	-webkit-animation: 0.8s  visual-difference2 normal 1 forwards;
	-moz-animation: 0.8s  visual-difference2 normal 1 forwards;
	-o-animation: 0.8s  visual-difference2 normal 1 forwards;
	animation: 0.8s  visual-difference2 normal 1 forwards;
	}

@keyframes visual-difference2 {
    0% { opacity: 0;}
  100% { opacity: 0.5;  }
} 
@-webkit-keyframes  visual-difference2 {
    0% { opacity: 0;  }
  100% { opacity: 0.5;}
}
@-moz-keyframes visual-difference2 {
    0% { opacity: 0;  }
  100% { opacity: 0.5;}
}
@-o-keyframes visual-difference2 {
    0% { opacity: 0;  }
  100% { opacity: 0.5;}
}*/

/* visual-difference-img  End*/

/* bread-crumbs 麵包屑 Start */

.bread-crumbs{
	margin:20px 0px;
	}

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

	.bread-crumbs{
		margin:20px;
		}

	}

.bread-crumbs li{
	display: inline;
	color: #ccc;
	letter-spacing: 0.1em;
	}

.bread-crumbs li a{
	display: inline;
	color: #777;
	}

.bread-crumbs li a:hover{
	display: inline;
	color: #333;
	}

/* bread-crumbs 麵包屑 End */

/* product-list  Start*/

.box-title{
	width: 100%;
	border-bottom:1px #ccc solid;
	font-size: 16px;
	line-height: 30px;
	letter-spacing: 0.05em;
	color:#333;
	margin: 30px 0 30px 0;	   
	padding: 0 0 10px 0; 
	}

.box-title::after{	
	content:"";
	clear: both;
	display: block;
	}

.box-title .left{
	width:25%;
	float: left;
	}

.categories-right .box-title .left{
	float: right;
	}

.box-title .right{
	width:75%;
	float: left;
	padding: 0 15px;
	}

.categories{
	width:25%; 
	float:left;
	position:relative;
	overflow: hidden;
	}

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

.product-list{
	width:75%;
	float:left;
	}

.close-categories .categories {
	-webkit-animation: 0.8s  close-categories-l normal 1 forwards;
	-moz-animation: 0.8s close-categories-l normal 1 forwards;
	-o-animation: 0.8s  close-categories-l normal 1 forwards;
	animation: 0.8s  close-categories-l normal 1 forwards;
	}

@keyframes close-categories-l {
    0% { width: 25%;}
  100% { width: 0%; }
} 
@-webkit-keyframes close-categories-l {
    0% { width: 25%;}
  100% { width: 0%; }
}
@-moz-keyframes close-categories-l {
    0% { width: 25%;}
  100% { width: 0%; }
}
@-o-keyframes close-categories-l {
    0% { width: 25%;}
  100% { width: 0%; }
}

.close-categories .product-list {
	-webkit-animation: 0.8s  close-categories-r normal 1 forwards;
	-moz-animation: 0.8s  close-categories-r normal 1 forwards;
	-o-animation: 0.8s  close-categories-r normal 1 forwards;
	animation: 0.8s  close-categories-r normal 1 forwards;
	}

@keyframes close-categories-r {
    0% { width: 75%; }
  100% { width: 100%;}
} 
@-webkit-keyframes close-categories-r {
    0% { width: 75%; }
  100% { width: 100%;}
}
@-moz-keyframes close-categories-r {
    0% { width: 75%; }
  100% { width: 100%;}
}
@-o-keyframes close-categories-r {
    0% { width: 75%; }
  100% { width: 100%;}
}

.open-categories .categories {
	-webkit-animation: 0.8s  open-categories-l normal 1 forwards;
	-moz-animation: 0.8s open-categories-l normal 1 forwards;
	-o-animation: 0.8s  open-categories-l normal 1 forwards;
	animation: 0.8s  open-categories-l normal 1 forwards;
	}

@keyframes open-categories-l {
    0% { width:0%; }
  100% { width:25%;}
} 
@-webkit-keyframes open-categories-l {
    0% { width:0%; }
  100% { width:25%;}
}
@-moz-keyframes open-categories-l {
    0% { width:0%; }
  100% { width:25%;}
}
@-o-keyframes open-categories-l {
    0% { width: 0%; }
  100% { width: 25%;}
}

.open-categories .product-list {
	-webkit-animation: 0.8s  open-categories-r normal 1 forwards;
	-moz-animation: 0.8s open-categories-r normal 1 forwards;
	-o-animation: 0.8s  open-categories-r normal 1 forwards;
	animation: 0.8s  open-categories-r normal 1 forwards;
	}

@keyframes open-categories-r {
    0% { width:100%;}
  100% { width: 75%;}
} 
@-webkit-keyframes open-categories-r {
    0% { width:100%;}
  100% { width: 75%;}
}
@-moz-keyframes open-categories-r {
    0% { width:100%;}
  100% { width: 75%;}
}
@-o-keyframes open-categories-r {
    0% { width:100%;}
  100% { width: 75%;}
}

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

	.box-title .left{
		width:0%;
		}

	.box-title .right{
		width:100%;
		line-height: 30px;
		}

	.box-title .right span{
		margin-right: 20px;		
		}

	.categories{
		width:100%;
		float: none; 
		}

	.open-categories .categories{
		width:100%;
		}

	.close-categories .categories{
		width:100%;
		}

	.product-list{
		width:100%;
		float: none;
		}

	}

	/* product-menu 開始 */

.product-menu{
	width: 285px;
	padding: 0 15px;
	line-height: 22px;
    border-bottom:1px solid #ddd;
    margin-bottom: 50px;
	}

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

	.product-menu{
		width: 235px;
		}

	}

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

	.product-menu{
		width: 100%;
		}

	}

.product-menu li{
    margin:0 0 30px 0;
	}

.product-menu li a{
    color: #000;
    font-weight: bold;
    display: block;
    border-bottom:1px solid #ddd;
    padding: 10px 0 0px 0px;
	}

.product-menu li a:hover{
    color: #555;
	}

.product-menu li ul{
	}

.product-menu li ul li{
    margin:0 0 0 20px;
	}

.product-menu li ul li a{
    color: #333;
	font-weight: 100;
    border-bottom:0px;
	}

.product-menu li ul li a:hover{
	color: #f50058;
	}

.product-menu li ul li ul{
    border-bottom:0px ;
    padding-bottom: 10px;
	}

.product-menu li ul li ul li{
	border-left: 1px solid #DDDDDD ;
	}

.product-menu li ul li ul li a{
    color: #333;
    margin:0 0 0 10px;
    font-size: 14px;
    line-height: 18px;
    padding: 10px 0 0 0;
	}

.product-menu li ul li ul li a:hover{
    color: #f50058;
	}

	/* product-menu 結束 */

	/* forever-close-categories Start */

.forever-close-categories .box-title .left{
	width:100%;
	display: none;
	}

.forever-close-categories .box-title .right{
	width:100%;
	line-height: 30px;
	}
	
.forever-close-categories .product-list{
	width:100%;
	}

.forever-close-categories .categories,
.forever-close-categories .open-categories .categories,
.forever-close-categories .close-categories .categories,
.forever-close-categories .mobile-open-categories-box{
	display: none !important;
	}

	/* forever-close-categories End */

	/* session-close Start */

.session-close .product-list{
	width:100%;
	}

.session-close .categories,
.session-close .open-categories .categories,
.session-close .close-categories .categories{
	display: none;
	}

	/* session-close End */

.sequence a.active{
	color: #f50058;
	}

.sequence a:hover{
	color: #f50058;
	}

/* product-list  End */

/* product-content  Start */

	/* product-content 左邊 開始 */

.product-content-img{
	position: relative; 
	float: left;
	margin:0 5px;
	}

.product-content-img img{
	width:500px;
	height:744px;
	}
.product-content-img-menu{
	padding-top: 5px;
	}

.product-content-img-menu li{
	float: left;
	margin:5px 5px;
	width: 90px;
	}

.product-content-img-menu li img{
	width: 100%;
	display: block;
	transition: all 0.5s;
	}

	.product-content-img-menu li img:hover{
		opacity: 0.5;
	}

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

	.product-content-img img{
		width:390px;
		height:580px;
		}

	}

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

	.product-content-img img{
		display: block;
		width:100%;
		height:auto;
		}

	.product-content-img-menu li{
		float: left;
		margin:10px 1%;
		width: 18%;
		}

	}

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

	.product-content-img-menu li{
		float: left;
		margin:10px 1%;
		width: 18%;
		}

	}

	/* product-content 左邊 開始 */

	/* product-content 右邊 開始 */

.product-content-title{
	font-size: 30px;
    font-weight: 600;
    letter-spacing: 0.25px;
    margin-bottom: 10px;
	}

.product-content-no{
	font-size: 14px;
    margin-bottom: 10px;
	}
	
.product-content-no span{
	color: #999;
	letter-spacing: 0.1em;
	}
	
.product-content-price{
	font-size: 28px;
	letter-spacing: 0.05em;
	color:#333;
	}
	
.product-content-price span{
    font-size: 18px;
    color: #999999;
    text-decoration: line-through;
	}

.product-content-line{
    border-bottom: 1px solid #ddd;
    padding-top: 15px;
    margin-bottom: 15px;
	}

.product-content-introduction{
	font-size: 14px;
	line-height: 22px;
	letter-spacing: 0.05em;
	color:#333;
	width: 100%;
	height: 220px;
	overflow-y:auto; 
	}

.email-input-box{
	display: none;
	}


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

	.product-content-introduction{
		height: auto;
		overflow-y:auto; 
		}	

	}

.stock.product-content-color{
	display: inline-block;
	}

.product-content-color li{
	display: inline-block;
	padding: 1px;
    /*border-radius: 15px;*/
	margin:0 5px 5px 0;
	/*transition: all 0.5s;*/
	border:1px #ccc solid;
	}

.product-content-color li.active{
	/*box-shadow: 0px 0px 5px rgba(0,0,0,0.5);*/
	border: 2px solid red;
    padding: 3px;
    border-radius: 3px;
	}

	.pca-4 .product-content-color li.active{
	/*box-shadow: 0px 0px 5px rgba(0,0,0,0.5);*/
	border: 1px solid #ddd;
    padding: 3px;
    border-radius: 3px;
	}

@media screen and (min-width: 992px) {

	.product-content-color li:hover{
		border: 2px solid red;
	    padding: 3px;
	    border-radius: 3px;
		}

	}	

.product-content-color li img{
	/*border-radius: 15px;*/
	}

.product-content-add-cart{
	width: 100%;
	height: 55px;
	font-size: 18px;
	letter-spacing: 0.05em;
	color:#fff;
	background: #333;
	border-radius: 3px;
	border:0;
	cursor: pointer;
	margin-right: 20px;
	}

.product-content-sold-out{
	width: 100%;
	height: 55px;
	font-size: 20px;
	letter-spacing: 0.05em;
	color:#fff;
	background: #ccc;
	border-radius: 3px;
	border:0;
	cursor: pointer;
	margin-right: 20px;
	}

.product-content-stock-notification{
	width: 100%;
	height: 55px;
	font-size: 20px;
	letter-spacing: 0.05em;
	color:#fff;
	background: #333;
	border-radius: 3px;
	border:0;
	cursor: pointer;
	margin-right: 20px;
	}

.product-content-add-wishlist{
	width: 100%;
	height: 55px;
	padding: 12px 20px;
	font-size: 18px;
	letter-spacing: 0.05em;
	color:#fff;
	background: #333;
	border-radius: 3px;
	border:0;
	cursor: pointer;
	}

.product-content-add-wishlist:hover, .product-content-add-cart:hover, .product-content-sold-out:hover, .product-content-stock-notification:hover{
		opacity: 0.5;
	}

.in-stock{
	letter-spacing: 0.1em;
	font-size: 16px;
	line-height: 18px;
	}

.in-stock i{
	color: #4CC94A;
	font-size: 18px;
	line-height: 18px;
	}

.product-content-discount{
	font-size: 18px;
	line-height: 20px;
	letter-spacing: 0.05em;
	color:#333;
	font-weight: 600;
	}

.socialIcon a{
    background: #CCCCCC;
    color: #FFFFFF;
    display: inline-block;
    font-size: 20px;
    text-align: center;
    width: 40px;
    padding: 10px 0;
    margin:0 5px 20px 0;
    border-radius: 5px;
	}

.socialIcon a:hover{
	opacity: 0.8;
	}

.socialIcon a.facebook{
	background: #507bbe;
}

.socialIcon a.twitter{
	background: #64ccef;
}

.socialIcon a.google{
	background: #d73d32;
}

.socialIcon a.pinterest{
	background: #bd081c;
}

	/* product-content 右邊 結束 */

	/* product-content 下面 開始 */

.product-content-article-menu,
.recommands-menu{
	display: block;
	border-bottom: 3px solid #333;
	}

.product-content-article-menu li,
.recommands-menu li{
	float: left;
	padding: 0;
	margin: 0 5px 0 0 ;	
	}

.product-content-article-menu li a,
.recommands-menu li a{
	display: block;		
	width:140px;
	height:50px;
	background: #fff;
	font-size: 14px;
	line-height: 50px;
	letter-spacing: 0.05em;
	color:#333;
	text-align: center;
	}

.product-content-article-menu li a:hover,
.product-content-article-menu li a.active,
.recommands-menu li a:hover,
.recommands-menu li a.active{
	background: #333;
	color:#fff;
	border-radius: 5px 5px 0px 0px; 
	-moz-border-radius: 5px 5px 0px 0px; 
	-webkit-border-radius: 5px 5px 0px 0px;
	}
	
@media screen and (max-width: 768px) {

	.product-content-article-menu li a,
	.recommands-menu li a{
		font-size: 12px;
		letter-spacing: 0em;
		width:auto;
		padding:0 5px;
		}	
	}

.pca{
	display:none;
	margin: 40px 0;
	}

.pca.active{
	display:block;
	}

.stock-table th{
	background: #eee;
	letter-spacing: 0.1em;
	font-size: 16px;
	color: #333;
	font-weight: 600;
	}

.stock-table td{
	letter-spacing: 0.05em;
	font-size: 16px;
	color: #333;
	}

	/* product-content 下面 結束 */

	/* product-content 下面推薦商品 開始 */

.featured-products img{
	display: block;
	width: 160px;
	margin: 0 auto;
	min-height: 240px;
	}

.featured-products .name{
	width: 80%;
	margin: 0 auto;
	text-align: center;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: 0.05em;
	color:#333;
	margin-top: 10px;
	margin-bottom: 10px;
	}

.featured-products .price{
	width: 80%;
	margin: 0 auto;
	text-align: center;
	font-size: 14px;
	line-height: 22px;
	letter-spacing: 0.05em;
	color:#E74C3C;
	margin-bottom: 10px;
	}

	/* product-content 下面推薦商品 結束 */

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

.pagination > li > a, .pagination > li > span{
	color: #333;
	}

/* product-content  End */

/* Cart  Start */

.page-title{
	font-size: 30px;
	line-height: 36px;
	letter-spacing: 0.05em;
	color:#333;
	margin: 30px 0 20px 10px;
	}

.page-title2{
	font-size: 20px;
	line-height: 36px;
	letter-spacing: 0.05em;
	color:#333;
	margin: 30px 0 20px 0;
	}

.cart-table{
	width: 100%;
	}

.cart-table tr{
	border:0px #ddd solid;
	}

.cart-table tr th{
	font-size: 14px;
	color: #000;
	line-height: 30px;
	background: #fff;
	padding: 10px 5px;
	font-weight: 600;
	border-top: 1px solid #333;
	}

.cart-table tr:first-child td{
	border-top: 0px solid #ddd;
}

.cart-table tr td{
	padding:5px;
	border-top: 1px solid #ddd;
	}

.cart-td{
	width: 130px;
	}

.cart-img{
	margin: 5px;
	}

.cart-product-name{
	display: block;
	color: #333;
	font-size: 16px;
	line-height: 20px;
	padding:3px 0;
	}

.cart-product-name:hover{
	text-decoration:underline;
	}

.cart-product-size{
	color: #777;
	font-size: 14px;
    line-height: 20px;
	padding:3px 0;
	}

.cart-product-price{
	font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    color: #333;
	padding:3px 0;
	}

.cart-remove-product{
	font-size: 20px;
	text-align: center;
	cursor: pointer;
	transition: all 0.25s;
	}

.cart-remove-product:hover{
	color: red;
	}

.cart-product-total-price{
    font-size: 16px;
    font-weight: bold;
    color: #f50058;
    padding: 0 15px;
	}

.cart-product-quantity{
	border:1px #ccc solid;
	width:30px;
	height: 30px; 
	text-align: center; 
	border-radius: 3px;   
	}

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

	.cart-table tr th{
		font-size: 12px;
		}

	.cart-table tr td{
		padding:5px 0px;
		}

	.cart-product-name{
		font-size: 12px;
		}

	.cart-td{
		width: 50px;
		}	

	}
.price-list{
	padding: 10px;
	border-radius: 5px;
	background: #f2f2f2;
	}

.price-list-table{
	width: 100%;
	}

.price-list-table tr{
	height: 42px;
	border-bottom:2px #fff solid;
	}

.price-list-table tr:last-child{
	border-bottom:0px #ccc solid;
	}

.price-list-table tr th{
	padding:10px;
	}

.price-list-table tr td{
	padding:10px;
	color: #333;
	font-size: 16px;
	text-align: right;
	font-weight: 900;
	}

.price-list-table tr td span{
	color: #f50058;
	font-size: 26px;
	}

.wish-add-to-cart:hover{
	opacity: 0.5;
	}

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

	.price-list{
		margin-top: 30px;
		}

	}

.cart-btn-box{
	background: #fff;
	padding: 12px 0;
	border-radius: 5px;
	}

.cart-go-btn{
	display: inline-block;
	width:130px;
	height:38px;
	background: #333;
	text-align: center;
	line-height: 38px;
	color: #fff;
	border-radius: 3px;
	letter-spacing: 0.05em;
	margin:0 0 0 10px;
	float: left;
	}

.cart-go-btn:hover{
	color: #fff;
	}

.cart-go-btn2{
	display: inline-block;
	width:130px;
	height:38px;
	background: #fff;
	text-align: center;
	line-height: 38px;
	color: #fff;
	border-radius: 3px;
	letter-spacing: 0.05em;
	margin:0 10px 0 0;
	float:right;
	}

.cart-go-btn2:hover{
	color:#fff;
	}

.cart-go-btn3{
	display: inline-block;
	width:130px;
	height:38px;
	background: #333;
	text-align: center;
	line-height: 38px;
	color: #fff;
	border-radius: 3px;
	letter-spacing: 0.05em;
	margin:0 0 0 10px;
	float: left;
	}

.cart-go-btn3:hover{
	color:#fff;
	}

.step-confirm-text{
	margin:5px 0 40px 0;
	font-size: 14px;
	line-height: 24px;
	letter-spacing: 0.05em;
	color:#333;
	}

.cart-go-btn:hover, 
.cart-go-btn2:hover, 
.cart-go-btn3:hover{
	opacity: 0.5;
	}

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

	.cart-go-btn{
		width:46%;
		margin:10px 2% 0 2%;		
		}

	.cart-go-btn:hover{
		color: #fff;
		}

	.cart-go-btn2{
		width:96%;
		margin:20px 2% 10px 2%;
		}

	.cart-go-btn3{
		width:96%;
		margin:20px 2% 10px 2%;
		}

	}

.btn-link{
	color: #333;
	}

.btn-link:hover{
	opacity: 0.5;
	color: #333;
	}

/* Cart  End */

/* Step  Start */

.flow-chart{
	display: block;
	widows: 100%;
	margin-bottom:120px;
	}

.flow-chart li{
	width: 25%;
	float: left;
	background: #e4e5e7;
	text-align: center;
	position: relative;
	}

.flow-chart li a{
	color: #333;
	}

.flow-chart li i{
	font-size: 20px;
	padding: 12px;
	}

.flow-chart li span{
	display:block;
	background: #eff0f2;
	text-align: center;
	line-height: 25px;
	font-size: 12px;
	}

.flow-chart li.active a,
.flow-chart li.active,
.flow-chart li.active span{
	background: #2e2e2e;
	color: #FFF;
	}

.flow-chart li.active span::after{
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-width: 10px;
    margin-left: -10px;
    border-top-color: #333 !important;
	}

.step-comment{
    border-bottom: 1px solid #CECECE;
    font-size: 15px;
    font-weight: bold;
    padding: 0 0 5px 0;
    position: relative;
    text-transform: uppercase;
	}

.step-input-title{
	line-height: 35px;
	}

.invoice-triple{
	display: none;
	}

.invoice-options {
	margin:10px 0 5px;
	}
.invoice-options label{
	margin: 0 10px 0 0;
	line-height: 30px;
	}

.confirm-orders-quantity{
	padding: 0 10px;
	}

.other-address{
	display: none;	
	}

.pay-table{
	margin-top: 20px;
	}

.voucher-input{
	width: 80%;
	float: left;
	border-radius: 5px 0 0 5px;
	border-right: none;
	}

.voucher-btn{
	width: 20%;
	height: 34px;
    border: 1px solid #ccc;
    border-radius: 0 5px 5px 0;
    background: #fff;
	float: left;
	transition: all 0.25s;
	}

	.voucher-btn:hover{
		background: #999;
		color: #fff;
	}

.watch-status:hover{
	opacity: 0.5;
	}

/* Step  End */

/* account  Start */

.account-menu li{
	text-align: center;
	}

.account-menu li a{
	display: block;
	width:100%;
	height: 120px;
	overflow: hidden;
	border:1px #ccc solid;
	border-radius: 5px;
	color:#333;
	font-size: 14px;
	letter-spacing: 0.05em;
	margin:20px 0;
	}

.account-menu li a:hover{
	background: #f1f1f1;
	}

.account-menu li a i{
	display: block;
	font-size: 40px;
	text-align: center;
	margin:20px 0 20px;
	transition: all 0.25s;
	}

	.account-menu li a i:hover{
		font-size: 45px;
		margin:20px 0 15px;
	}

/* account  End */

/* member-order  Start */

.member-order-table{
	width: 100%;
	min-width: 690px;
	}

.member-order-table th{
	background: #eee;
	text-align: center;
	font-size: 13px;
	color:#333;
	font-weight: 600;
	}

.member-order-table td{
	text-align: center;
	font-size: 14px;
	color:#333;
	vertical-align: middle !important;
	}

/* member-order  End */

/* member_order_status  Start */

.member-order-status-info{
	border:1px #ccc solid;
	padding: 0 0 20px;
	margin-bottom: 30px;
	border-radius: 5px;
	}

.member-order-status-info span{
	display: block;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: 0.05em;
	color:#333;
	padding: 0 20px 10px 20px;
	}

.info-title{
	width: 100%;
	height: 40px;
	background: #ebeded;
	font-size: 14px;
	line-height: 40px;
	letter-spacing: 0.05em;
	color:#000;
	padding: 0 20px;
	margin-bottom: 20px;
	font-weight: 600;
	}

.member_order_status_schedule{
    font-size: 16px;
    line-height: 30px;
    letter-spacing: 0.05em;
    color:#333;
    margin-top: 20px;
    margin-bottom: 20px;
	}

.member_order_status_schedule span{
	font-weight: 900;
	color: #000;
	}

.q_message{
	width:100%;
	min-height:28px;
	border:1px #ccc solid;
	line-height: 28px;
	text-align: right;
	border-radius: 5px;
	margin-bottom: 10px;
	padding: 0 10px;
	font-size: 14px;
	letter-spacing: 0.01em;
	color:#979797;
	}

.q_name_l{
	font-size: 12px;
	line-height: 15px;
	color:#7c7c7c;
	float: left;
	line-height: 36px;
	}

.q_name_r{
	font-size: 12px;
	line-height: 15px;
	color:#7c7c7c;
	float: right;
	line-height: 36px;
	}

.a_message{
	width:100%;
	min-height:28px;
	border:1px #ccc solid;
	line-height: 28px;
	text-align: left;
	border-radius: 5px;
	margin-bottom: 10px;
	padding: 0 10px;
	background: #e0e0e0;
	font-size: 14px;
	letter-spacing: 0.01em;
	color:#333;
	}

.a_name_l{
	font-size: 12px;
	line-height: 15px;
	color:#7c7c7c;
	float: left;
	line-height: 36px;
	}

.a_name_r{
	font-size: 12px;
	line-height: 15px;
	color:#7c7c7c;
	float: right;
	line-height: 36px;
	}

.order_input{
	width: 100%;	
	height: 90px;
	border:1px #979797 solid;
	border-radius: 5px 0px 0px 5px;
	}
.order-return-btn{
	width:26px;
	height:26px;
	background: url(../images/icon30.jpg);
	border:0px;
	display: block;
	margin: 0 auto;
	}
.order-clear-btn{
	width:26px;
	height:26px;
	background: url(../images/icon30.jpg);
	border:0px;
	display: block;
	margin: 0 auto;
	}

.order_btn02{
	width: 100%;	
	height: 90px;
	border:1px #979797 solid;
	display: block;
	background: #333;
	font-size: 14px;
	line-height: 90px;
	color:#fff;
	border-radius: 0 5px 5px 0;
	}

.order_table01{
	width: 100%;
	margin-bottom: 24px;
	margin-top: 26px;
	}

/* member_order_status  End */

/* address  Start */

.address-box{
	width: 100%;
	height: 195px;
	overflow: hidden;
    border:1px #ccc solid;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0.05em;
    color:#888;
    padding: 15px 15px 0 15px;
	}

.address-box span{
	color: #333;
	font-weight: 900;
	}

.address-box-title{
	width: 100%;
	height: 50px;
	margin-top: 20px;
	font-size: 16px;
	line-height: 50px;
	letter-spacing: 0.05em;
	color:#999;
	padding: 0 15px;
    background: #f5f5f5;
    border:1px #ccc solid;
	border-top: 4px solid #333;
	}

.address-box-edit{
	width: 100%;
	height: 55px;
	font-size: 16px;
	line-height: 50px;
	letter-spacing: 0.05em;
	color:#999;
	padding: 0 15px;
    background: #f5f5f5;
    border:1px #ccc solid;
	}
.member-bottom-menu{
	text-align:center;
	margin-bottom: 45px;
	}

.member-bottom-menu li{
	display: inline-block;
	text-align:center;
	}

.member-bottom-menu li .member-bottom-menu-l{
	text-align:center;
	width:207px;
	height:40px;
	background: #fff;
	font-size: 14px;
	line-height: 40px;
	letter-spacing: 0.05em;
	color:#646564;
	border:1px #666666 solid;
	display: block;
	margin-top: 10px;
	}

.member-bottom-menu li .member-bottom-menu-l:hover{
	border:1px #e895a7 solid; 
    color:#cc5876;
	}

.member-bottom-menu li .member-bottom-menu-r{
	text-align:center;
	width:207px;
	height:40px;
	background: #646564;
	font-size: 14px;
	line-height: 40px;
	letter-spacing: 0.05em;
	color:#fff;
	display: block;
	margin-top: 10px;
	border:0px;
	transition: all 0.5s;
	border-radius: 5px;
	}

.member-bottom-menu li .member-bottom-menu-r:hover{
	background: #333;
	}

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

	.member-bottom-menu li{
		display: block;
		width:100%;
		}
		
	.member-bottom-menu li .member-bottom-menu-l,
	.member-bottom-menu li .member-bottom-menu-r{
		display: block;
		width:100%;
		}

	}
/* address  End */

/* member_wishlist  Start */

.wishlist-table{
	width: 100%;
	}

.wishlist-table tr{
	border-bottom:1px #ccc solid;
	}

.wishlist-table td{
	padding:12px 5px;
	}

/* member_wishlist  End */

/* blog  Start */

.blog-box{
	margin-bottom: 20px;
	}

.blog-box h3{
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
    clear: both;
    font-size: 28.6px;
    font-weight: 500;
    letter-spacing: 0.05em;
    margin:0;
    padding: 15px 5px;
    position: relative;
	}

.blog-by{
	font-size: 14px;
	line-height: 35px;
	letter-spacing: 0.05em;
	color:#777;
	}

.share{
	float: right;
	}

.share-facebook{
    background: #3b5998;
     }

.share-twitter{
    background: #00aced;
    }

.share-pinterest{
    background: #c92228;
    }

.share-email{
    background: #333998;
    }

.share a{
    color: #fff;
    display:inline-block;
    height: 30px;
    line-height: 30px;
    max-width: 100px;
    min-width: 42px;
    text-align: center;
    margin-left: 10px;
    padding: 0 5px;     
    }

.share a i{
    display:inline-block;
    line-height: 30px;
    }

.blog-content{
	background: #fff;
	margin-bottom: 20px;
	}

.blog-more{
	display: block;
	width:130px;
	height:38px;
	background: #333;
	text-align: center;
	line-height: 38px;
	color: #fff;
	border-radius: 3px;
	letter-spacing: 0.05em;
	margin:20px 0 20px 0;
	}

.blog-more:hover{
	opacity: 0.5;
	}

.blog-article-more{
	width:100%;
	height:40px;
	border-radius: 6px;
	border:1px #ddd solid;
	font-size: 16px;
	line-height: 40px;
	letter-spacing: 0.1em;
	color:#777;
	text-align: center;
	background: #fff;
	margin-top: 30px;
	margin-bottom: 10px;
	}

.blog-article-more:hover{
	background: #fafafa;
	color: #fa4004;
	}

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

	.blog-by{
		padding: 0 10px;
		}

	.share{
		float: left;
		}

	}

/* blog  End */

.order-finish h2 span{
	font-size: 50px;
	background: #5cb85c;
	padding: 20px;
	border-radius: 50px;
	color: #fff;
	margin-bottom: 20px;
	}

.order-finish a{
	color: #f50058;
	}

.order-finish a:hover{
	opacity: 0.5;
	}

.blur{
    -webkit-filter: blur(5px) grayscale(50%);
    filter: blur(5px) grayscale(50%);
	}

.order-note{
	width: 100%;
	border-radius: 5px;
	margin-top: 20px;
	border: 1px solid #ccc;
	padding: 10px;
}

.owl-buttons{
	display: none;
}

.discount-price{
	color: #5cb85c !important;
}

.article-menu-name{
    border-bottom: 1px solid #999;
    color: #333;
    font-size: 14px;
    font-weight: 600;
    line-height: 27px;
    padding: 30px 10px 10px 0;
    text-transform: uppercase;
    margin-bottom: 10px;
	}

.article-menu{
	margin-bottom: 20px;
	}

.article-menu li a{
	color: #666;
    padding: 3px 0 3px 0;
    display: block;
    font-size: 14px;
	}

.article-menu li a:hover{
	color: #999;
	}

.pca-1 p{
	margin: 0;
}



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

	.pca-1 p img{
	width: 100% !important;
	height: auto !important;
	}

}


.fb-share-button{
	width: 40px;
	height: 40px;
	margin: 0 -5px 0 12px;
}

.fb-share-button span{
	-ms-transform: scale(3.3,3.3); /* IE 9 */
    -webkit-transform: scale(3.3,3.3); /* Safari */
    transform: scale(3.3,3.3);

}

.fb-share-button span:hover{
	opacity: 0.9;
}

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

	/*.fb-share-button{
	width: 40px;
	height: 40px;
	margin: 0 17px 0 12px;
	top: -33px;
	}*/

}

.remittance-information{
	padding:20px 20px 50px 20px;
	}

.remittance-information-table{
	width: 100%;
	max-width:400px;
	margin: 0 auto;
	}

.remittance-information-table th{
	font-size: 14px;
	line-height: 30px;
	letter-spacing: 0.05em;
	color:#333;
	font-weight: 900;
	}

.remittance-information-title{
	font-size: 20px;
    line-height: 36px;
    letter-spacing: 0.05em;
    color: #333;
    text-align: left;
	}

.remittance-information-input{
	width: 100%;
	height:40px;
	padding:0 10px;
	margin: 0 auto;
	margin-top: 7px;
	margin-bottom: 7px;
	border-radius:6px; 
	border:1px #ccc solid;
	}

.remittance-information-btn{
	width: 100%;
	height:40px;
	font-size: 16px;
	border-radius:6px;
	letter-spacing: 0.05em;
	color:#fff;
	background: #666;
	border:0px;
	transition: all 0.5s;
	margin-top: 7px;
	}

.remittance-information-btn:hover{
	background: #333;
	}

/*  新增 join 開始 */

.join-select-box1{
	padding: 0;
	padding-right:5px; 
	}

.join-select-box2{
	padding: 0;
	padding-left:5px; 
	}

.join-i-agree{
	text-align: center;
	display: block;
	font-size: 14px;
	}

.join-i-agree a{
	color: #edc3ca;
	}

.join-go-btn{
	display: block;
	width:207px;
	height:40px;
	font-size: 14px;
	line-height: 40px;
	letter-spacing: 0.02em;
	color:#ffffff;
	background: #646564;
	margin:0 auto;
	text-align: center;
	}

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

	.join-select-box1{
		padding: 0;
		}

	.join-select-box2{
		padding: 0;
		}

	.join-go-btn{
		width:100%;
		}

	}

		/* Select 開始 */

#join-select {
	position: relative;
	width: 100%;
	height: 40px;
	clip: rect( 0px, 80px, 5px, 0px );
	overflow: hidden;
	border:1px #646564 solid;
	}

#join-select select {
	background: url(../images/icon11.png)no-repeat right;
	background: none;
	border: none;
	position: relative;
	width: 100%;
	height: 38px;
	line-height: 33px;
	color: #666;
	border-radius:0px;
	-webkit-appearance:menulist;
	}

		/* Select 結束 */

.join-ok-text{
	font-size: 24px;
	line-height: 36px;   
	letter-spacing: 0.01em;
	color:#000000;
	text-align: center;
	margin:40px 0 0 0;
	}

/*  新增 join 結束 */

/* refund 退貨 開始 */

.refund-select-title{
	font-size: 24px;
	line-height: 24px;
	letter-spacing: 0.1em;
	color:#000000;
	text-align: center;
	margin:20px 0 60px 0;
	}

.refund-select-box{
	height: 200px;
	border:1px #464648 solid;
	font-size: 32px;
	line-height: 46px;
	letter-spacing: 0.05em;
	color:#000000;
	text-align: center;
	padding-top: 60px;
	transition: all 0.5s;
	border-radius: 5px;
	cursor: pointer;
	}

.refund-select-box span{
	font-size: 14px;
	line-height: 24px;
	letter-spacing: 0.1em;
	margin-top: 5px;
	color:#000000;
	display: block;
	text-align: center;
	}

.refund-select-box:hover{
	border:1px #ccc solid;
	background: #f1f1f1;
	}

.refund-select-annotation{
	font-size: 14px;
	line-height: 24px;
	letter-spacing: 0.1em;
	color:#666666;
	text-align: center;
	display: block;
	margin-top: 20px;
	margin-bottom: 20px;
	}

	/* Select 開始 */


#select02 select, #select03 select {
  display: block;
    width: 50%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

	/* Select 結束 */

.refund-name{
	font-size: 16px;
	line-height: 24px;
	letter-spacing: 0.05em;
	color:#333;
	font-weight: 900;	    
	}

.refund-no{
	font-size: 12px;
	line-height: 24px;
	letter-spacing: 0.05em;
	color:#999;	    
	}

.refund-price {
	font-size: 14px;
	line-height: 24px;
	letter-spacing: 0.05em;
	color:#555;
	font-weight: 900;	
	}

.refund-textarea01{
	display: block;
    width: 50%;
    height: 100px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	}

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

	.refund-textarea01, #select02 select, #select03 select{
		width: 100%;
		}

}

.refund-line{
	border-top:1px #ccc solid;
	padding-bottom: 20px;
	}

.refund-table{
	width: 100%;
	margin: 0 auto;
	}

.refund-table tr{
	border-bottom:1px #cacaca solid;
	}

.refund-table tr th{
	font-size: 14px;
	color: #464648;
	line-height: 30px;
	letter-spacing: 0.05em;
	background: #fff;
	padding: 10px 5px 10px 5px;
	font-weight: 600;
	}

.refund-table tr th:first-child{
	padding: 10px 5px;
	}

.refund-table tr th:last-child{
	padding: 10px 20px;
	}

.refund-table tr td{
	padding:20px 5px;
	}

.refund-table tr.refund-no-padding td{
	padding:0;
	}	

tr.refund-no-border{
	border-bottom: 0px
	}

.refund-table02{
	width: 100%;
	display: none;
	margin-bottom: 30px;
	}

.refund-table02 tr{
	border-bottom: 0px 
	}

.refund-table02 tr td{
	padding: 5px;
	}

.refund-table02 tr th:last-child{
	padding: 0px;
	}

.refund-product-name{
	font-size: 16px;
	line-height: 24px;
	letter-spacing: 0.05em;
	color:#000000;
	font-weight: 900;
	}

.return-policy{
	width: 100%;
	max-width: 900px;
	min-height: 570px;
	background: #f1f1f1;
	border-top:2px #646564 solid;
	margin:0  auto;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: 0.05em;
	color:#464648;
	padding: 35px;
	}

.return-policy span{
	display: block;
	margin-bottom: 10px;
	}

.return-policy-title{
	font-size: 14px;
	line-height: 16px;
	letter-spacing: 0.05em;
	color:#464648;
	max-width: 900px;
	margin:0 auto;
	margin-top: 50px;
	margin-bottom: 15px;
	}

.returns-read{
	display: block;
	margin-top: 22px;
	font-size: 14px;
	line-height: 32px;
	letter-spacing: 0.05em;
	color:#000000;
	text-align: center;
	}

.retreat-specified-account{
	display: none;
	}

	.retreat-specified-account span.error{
	display: block;
	}

/* refund 退貨 結束 */
/* Contact Start */

.contact-input{
	width: 100%;
	height: 40px;
	border:1px #ccc solid;
	border-radius: 3px;
	background: #fff;
	margin: 8px 0;
	padding:0 5px;
	}

.contact-textarea{
	width:100%;
	height:250px;
	border:1px #ccc solid;
	border-radius: 3px;
	background: #fff;
	margin: 8px 0;
	padding:5px;
	}

.contact-btn{
	width: 100%;
	height: 40px;
	border:1px #ccc solid;
	border-radius: 3px;
	background: #333;
	margin: 8px 0;
	padding:0 5px;
	color: #fff;
	transition: all 0.5s;
	letter-spacing: 0.2em;
	}

.contact-btn:hover{
	background: #999;
	}

/* Contact End */


.cart-img-box{
	float: right;
}

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

	.cart-img-box{
		float: left;
	}

	.cart-table{
		margin-bottom: 40px;
	}

}

.cart-size, .cart-color{
	text-align: center;
}



.edm-box{
	width: 90%;
	margin: 0 5%;
	background: #c4dcd6;
	margin-bottom: 120px;
	}

.edm-title{
	font-size: 36px;
	line-height: 43px;
	letter-spacing: 0.05em;
	color:#464648;
	margin-top: 220px;
	}

.edm-sub-title{
	font-size: 21px;
	line-height: 25px;
	letter-spacing: 0.05em;
	color:#2ccadc;
	margin-top: 20px;
	}

.edm-text{
	font-size: 15px;
	line-height: 24px;
	letter-spacing: 0.05em;
	color:#edm-text;
	max-width: 390px;
	margin-top: 30px;
	}

.edm-btn{
	width:210px;
	height:40px;
	display: block;
	background: #646564;
	font-size: 14px;
	line-height: 40px;
	letter-spacing: 0.2em;
	color:#ffffff;
	text-align: center;
	margin-top: 45px;
	}



.fb-share-button{
	width: 40px;
	height: 40px;
	margin: 0 -5px 0 12px;
}

.fb-share-button span{
	-ms-transform: scale(3.3,3.3); /* IE 9 */
    -webkit-transform: scale(3.3,3.3); /* Safari */
    transform: scale(3.3,3.3);

}

.fb-share-button span:hover{
	opacity: 0.9;
}

.phone_tag {
    display: block;
    margin-bottom: 10px;
}