@charset "utf-8";
/* CSS Document */
/*--------------all---------------*/
.squareThumb {
	width: 100%;
	height: 0;
	padding-bottom: 100%;
}
.imgBorder {
	border: 1px solid #eee;
}
.imgBorder:hover {
	border: 1px solid #e5004b;
}
.discount {
	font-size: 20px
}
/*-------------left sort--------------*/
#sort {
	border: 1px solid #e0e0e0;
	margin-bottom: 20px;
}
#sort dt {
	font-size: 17px;
	padding: 8px 10px;
	background-image: url(../images/closeItem.svg);
	background-repeat: no-repeat;
	background-size: 25px 25px;
	background-position: right center;
	cursor: pointer;
	background-color: #eee;
}
#sort dt.itemOpen {
	background-image: url(../images/openItem.svg);
}
#sort dl {
	border-bottom: 1px solid #e0e0e0;
}
#sort dd {
	padding: 15px 20px;
}
#sort dl:last-child {
	border-bottom: none;
}
/*---------sort criteria----------------*/
#criteria {
	margin: 15px 0 15px 10px;
	border-top: 1px solid #e0e0e0;
}
#criteria li {
	padding: 3px 0;
	border-bottom: 1px solid #e0e0e0;
	background-image: url(../images/deleteGray.svg);
	background-repeat: no-repeat;
	background-size: 15px 15px;
	background-position: right center;
	cursor: pointer;
}
#criteria li:hover {
	background-image: url(../images/delete.svg);
}
/*------------page------------------*/
#page li {
	display: inline-block;
	width: auto;
	line-height: 28px;
	padding: 0 5px;
}
#page li.current {
	color: #999;
}
#page li.next a, #page li.prev a {
	display: block;
	width: 8px;
	text-indent: -9999px;
	background-image: url(../images/next.svg);
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center center;
}
#page li.prev a {
	background-image: url(../images/prev.svg);
}
/*---------------------album---------------------------*/
#albumLarge {
	width: 100%;
	border: 1px solid #e0e0e0;
}
#albumThumb li img {
	width: 100%;
}
#albumThumb li {
	width: 11.6%;
	float: left;
	margin-right: 1%;
	cursor: pointer;
	display: block;
}
#albumThumb li:nth-child(8n) {
	margin-right: 0;
}
/*---------------------color change---------------------------*/
#colorThumb {
	padding: 15px 0;
	border-top: 1px solid #e0e0e0;
}
#colorThumb li {
	display: block;
	width: 30px;
	height: 30px;
	margin-right: 5px;
	float: left;
	cursor: pointer;
}
#colorThumb li.candy {
	background: #f00;
}
#colorThumb li.pink {
	background: #C03D3F;
}
#colorThumb li.red {
	background: #FF6E00;
}
#colorThumb li.wink {
	background: #FDD502;
}
/*---------------------prod Action---------------------------*/
#prodAct {
	padding: 15px 0;
	border-bottom: 1px solid #e0e0e0;
	border-top: 1px solid #e0e0e0;
}
#prodAct p {
	margin-bottom: 10px;
}
#prodAct p:last-child {
	margin-bottom: 0;
}
#addToCart .btn {
	width: 40%;
	text-align: center;
}
/*-------------- tabMenu -------------------*/
#tabMenu {
	width: auto;
	border-bottom: 1px solid #E0E0E0;
}
#tabMenu li {
	float: left;
	width: 50%;
}
#tabMenu li a {
	display: block;
	padding: 0 0 15px 0;
	text-decoration: none;
	color: #737373;
	border-bottom: 2px solid #fff;
	font-size: 21px;
	text-align: center;
}
#tabMenu li a:hover {
	border-bottom: 2px solid #E0E0E0;
}
	#tabMenu li.active a {
		color: #e5004b;
		font-weight: bold;
		border-bottom: 2px solid #e5004b;
	}
/*-------------線上型錄立即購買--------------------*/
.buy a {
	text-decoration: underline;
	color: #fff;
}

/*-----------------------for PC-----------------------*/
@media screen and (min-width:801px) {
/*-------------feature prod--------------------*/
#product li {
	display: block;
	float: left;
	text-align: center;
	margin-bottom: 2%;
}
.threeColumn li:nth-child(3n), .fourColumn li:nth-child(4n), .sixColumn li:nth-child(6n) {
	margin-right: 0;
}
.threeColumn li {
	width: 32%;
	margin-right: 2%;
}
.fourColumn li {
	width: 23.5%;
	margin-right: 2%;
}
.sixColumn li {
	width: 15%;
	margin-right: 2%;
}
#product li p.name {
	width: 100%;
	height: 50px;
	overflow: hidden;
	margin-top: 10px;
}
#product li p.name a {
	color: #333;
}
#product li p.name a:hover {
	color: #e5004b;
}
.threeColumn li p.pink, .fourColumn li p.pink {
	margin: 10px 0;
}
.sixColumn li p.pink {
	margin-bottom: 0;
}
.Wishlist {
	margin-top: 10px;
}
/*------------sortDropdown---------------*/
#sortDropdown {
	border-top: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
	background: #f9f9f9;
	padding: 10px 20px;
	overflow: auto;
}
#Dropdown {
	float: left;
}
#pageShow {
	float: right;
	margin-right: 20px;
}
#page {
	float: right;
}
/*--------------product details------------------*/
#productLeft {
	width: 49%;
	float: left;
}
#productRight {
	width: 49%;
	float: right;
}
#addToCart {
	margin-top: 25px;
}
    #dvRemark {
        float:right;
        margin-top:20px;
        margin-right:5%;
    }
/*---------------------album---------------------------*/
	#prodAct p span {
		width: 13%;
		text-align: right;
		display: inline-block;
		line-height: 250%;
	}
	#pd-type {
	width:87%;
	}
	.supplystatusSpan {
		width: 80px;
		text-align: right;
		display: inline-block;
	}
	/*----gallery-----*/
	.gallery {
		overflow: auto;
	}
.gallery li {
	float: left;
	width: 18.4%;
	margin: 0 2% 2% 0;
	background:#f9f9f9;
}
.gallery li:hover {
	cursor: pointer;
}
.gallery li:nth-child(5n) {
	margin-right: 0;
}
.buy {
	font-size: 19px
}

	.mobiladdcarbtn {
		width: 100%!important;
	}
	.contentverify {
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		z-index: 1000;
		background-color: #000;
		opacity: 0.6;
		position: fixed;
	}

	.formWrapper_index {
		z-index: 1001;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		width: 400px;
		height: 165px;
		background: white;
		color: #333;
		margin: auto;
		position: fixed;
		text-align: center;
		padding:10px;
	}
	.formWrapper_closbtn {
		position: absolute;
		margin-left: 96%;
		margin-top: -40px;
		cursor: pointer;
	}
		/*.formWrapper_index .formWrapper_Content{
			width: 780px;
			height: 392px;
		}*/
}

/*------------------for mobile------------------------*/
@media screen and (max-width:800px) {
/*-------------feature prod--------------------*/
#product li {
	width: 49%;
	display: block;
	float: left;
	margin: 0 2% 20px 0;
	text-align: center;
}
#product li:nth-child(2n) {
	margin-right: 0;
}
    #dvRemark {
        float:left;
        clear:both;
        margin-left:45%;
        margin-top:10px;
    }
#product li p.name {
	width: 100%;
	height: 50px;
	overflow: hidden;
	margin-top: 10px;
}
#product li p.name a {
	color: #333;
}
#product li p.name a:hover {
	color: #e5004b;
}
.threeColumn li p.pink, .fourColumn li p.pink {
	margin: 10px 0;
}
.sixColumn li p.pink {
	margin-bottom: 0;
}
.Wishlist {
	margin-top: 10px;
}
/*------------sortDropdown---------------*/
#sortDropdown {
	border-top: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
	background: #f9f9f9;
	padding: 10px 10px;
	overflow: auto;
}
#Dropdown {
	margin-bottom: 10px;
}
#pageShow {
	float: right;
}
#pageShow span {
	display: none;
}
#page {
	float: left;
}
/*--------------product details------------------*/
#productLeft {
	margin-bottom: 20px;
}
#addToCart {
	z-index: 299;
	position: absolute;
	left: 0;
	bottom: 0;
	text-align: center;
	background: rgba(255,255,255,0.9);
	padding: 15px 0;
	width: 100%;
	border-top: 1px solid #eee;
}
/*---------------------album---------------------------*/
#prodAct p {
	width: auto;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
	#prodAct p span {
		width: 20%;
		text-align: right;
		display: inline-block;
		line-height: 250%;
	}
	#pd-type {
	width:75%;
	}
	.supplystatusSpan {
		width: 90px;
		text-align: right;
		display: inline-block;
	}
/*---------------------tabMenu---------------------------*/
#tabMenu li a {
	font-size: 16px;
}
/*----gallery-----*/
.gallery {
	overflow: auto;
}
.gallery li {
	float: left;
	width: 49%;
	margin: 0 2% 2% 0;
	background:#f9f9f9;
}
.gallery li:hover {
	cursor: pointer;
}
.gallery li:nth-child(2n) {
	margin-right: 0;
}
	.mobiladdcarbtn {
		width: 90%!important;
	}

	.contentverify {
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		z-index: 1000;
		background-color: #000;
		opacity: 0.6;
		position: fixed;
	}

	.formWrapper_index {
		z-index: 1001;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		background: white;
		color: #333;
		margin: auto;
		position: fixed;
		max-width: 90vw;
		padding:10px;
	}

		.formWrapper_index .formWrapper_Content {
			width: 79vw;
			/*height: 155vw;*/
			overflow-y: scroll;
		}
	.formWrapper_closbtn {
		position: absolute;
		margin-left: 92%;
		margin-top: -40px;
		cursor: pointer;
	}
}
.gouwudaihoven:hover {
	color: #e5004b !important;
}

#btn_AutoOrder {
	text-decoration: none;
	cursor: pointer;
	display: inline-block;
	color: #FFF;
	background: green;
	border: 0;
	border-bottom: 0px solid green;
	border-radius: 3px;
}