/* CSS Document */

/*-----------------------for PC-----------------------*/

/*----------------dropdownBtnOutfit------------------*/
#DDwrapper dd {
	display: inline-block;
	margin-right: 2px;
	width:100%;
}

.dropdownWrapper {
	position: relative;
	display: inline-block;
	width:100%;
	
	
	
}
.dropdownBtnOutfit {
	width: 100%;
	height: 40px;
	line-height: 40px;
	border: 1px solid #e0e0e0;
	border-radius: 3px;
	cursor: pointer;
	padding: 0 30px 0 15px;
	background-image: url(../images/openItem.svg);
	background-repeat: no-repeat;
	background-position: right 5px center;
	background-size: 20px 20px;
	/*太長截掉*/
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.dropdownBtnSelect {
	background-color: #f6f6f6;
	color: #333;
	background-image: url(../images/closeItem.svg);
}
.dropdownBtnOutfit:hover {
	background-color: #f6f6f6;
}
.dropdownOutfit {
	border: 1px solid #eee;
	position: absolute;
	background: #fff;
	z-index: 99;
	padding: 0;
	top: 45px;
	left: 0;
	width:100%;
}
.dropdownOutfit li a {
	display: block;
	width:25%;
	text-decoration: none;
	padding: 6px 5px;
	border-bottom: 1px solid #e0e0e0;
	color: #333;
	float:left;
	
}
.dropdownOutfit li:last-child a {
	border-bottom: none;
}
.dropdownOutfit li a:hover {
	
	color:#ff5900
}
a.BtnOutfit {
	display: block;
	width: auto;
	height: 35px;
	line-height: 35px;
	background-color: #eee;
	cursor: pointer;
	padding: 0 30px;
	color: #000;
}
a.BtnOutfit:hover {
	background-color: #666;
	color: #FFF;
}
.prodShow::before {
	content: "+看更多產品";
}
.prodHide::before {
	content: "看較少產品";
}


/*------------------for mobile------------------------*/
@media screen and (max-width:800px) {

/*----------------dropdownBtnOutfit------------------*/
.dropdownWrapper, .dropdownOutfit, .dropdownOutfit li a {
	width: 100%;
}
#DDwrapper dd {
	display: inline-block;
	margin-right: 2px;
	width:100%;
}
#DDwrapper dd:last-child {
	margin-bottom: 0;
}
}