/*====================購買數量控制區====================*/
/* 數量表單 */
.form-qty {
	width: 100%;
	position: relative;
}
.form-qty2{
	min-height: 30px
}
/* 標題 */
.form-qty__legend{
	display: none;
}
/* 內容區*/
.form-qty__body{

}
.form-qty__word{
	font-size: 14px;
}
.form-qty__word:before{
	content: "數量：";
}
/* 欄*/
.form-qty__field {

}
/* 必填 */
.form-qty__field-required{

}
.form-qty__field--error{

}
/*回饋訊息*/
.form-qty__feedback{
	display: none;
	font-size: 14px;/*14/16*/
	margin: 7px 0 0 0;
}
.form-qty__feedback i{
	font-size: 20px;
	margin-top: -4px;
}
/*訊息-無庫存*/
.form-qty__field--outstock .form-qty__feedback{
	color: #ec0000;
	display: block;
}
/* 欄位名*/
.form-qty__label{
	font-size: 14px;
	margin-bottom: 5px;
	display: none;
}
/* 填寫群組*/
.form-qty__input-group {
	position: relative;
}
/* 加減欄位 */
.form-qty__field-qty{
}
/* 按鈕 */
.form-qty__btn-subtract,
.form-qty__btn-add {
	width: 30px;
	height: 30px;
	margin: auto;
	color: #666;
	background-color: transparent;
	overflow: hidden;
	padding: 0;
	position: relative;
	text-indent: 100%;
	vertical-align: top;
	white-space: nowrap;
	min-width: inherit;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	position: absolute;
	top: 0;
	bottom: 0;
	z-index: 1;
}

/* 按鈕-減 */
.form-qty__btn-subtract {
	left: 1px;
}
/* 按鈕-加 */
.form-qty__btn-add {
	right: 1px;
}

/* 按鈕-icon */
.form-qty__btn-icon{
	/* color: #ccc; */
	display: inline-block;
	font-size: 1em;
	left: 50%;
	margin: -8px 0 0 -8px;
	position: absolute;
	top: 50%;
	text-indent: 0;
	pointer-events: none;
}
/* 點擊 */
.form-qty__btn-subtract:active,
.form-qty__btn-add:active{
	color: #333;
}
.form-qty__btn-subtract[disabled],
.form-qty__btn-add[disabled]{
	background: none;
	border: none;
}
/* 按鈕-disabled */
.form-qty__btn-subtract.Disabled .form-qty__btn-icon,
.form-qty__btn-subtract[disabled] .form-qty__btn-icon,
.form-qty__btn-subtract.Disabled:hover .form-qty__btn-icon,
.form-qty__btn-subtract[disabled]:hover .form-qty__btn-icon,
.form-qty__btn-subtract.Disabled:focus .form-qty__btn-icon,
.form-qty__btn-subtract[disabled]:focus .form-qty__btn-icon,
.form-qty__btn-add.Disabled .form-qty__btn-icon,
.form-qty__btn-add[disabled] .form-qty__btn-icon,
.form-qty__btn-add.Disabled:hover .form-qty__btn-icon,
.form-qty__btn-add[disabled]:hover .form-qty__btn-icon,
.form-qty__btn-add.Disabled:focus .form-qty__btn-icon,
.form-qty__btn-add[disabled]:focus .form-qty__btn-icon{
	background: none;
	border-color: none;
	color: #ccc;
}
/* 按鈕-尺寸-s */
.form-qty--size-s .form-qty__btn-subtract,
.form-qty--size-s .form-qty__btn-add {
	height: 26px;
	width: 26px;
}
/* 按鈕-尺寸-m */
.form-qty--size-m .form-qty__btn-subtract,
.form-qty--size-m .form-qty__btn-add {
	height: 38px;
	width: 38px;
}

/* input */
.form-qty__input {
	text-align: center;
	padding: 5px;

}
.form-qty__input:focus{
	border-color: initial;
	border-color: #e4ecf0;
}
/* 數量模組-大小 */
.form-qty--size-s{
	/* max-width: 90px; */
}
/* 數量表單-m */
.form-qty--size-m{
	/* max-width: 120px; */
}

/* input-s */
.form-qty--size-s .form-qty__input {
	min-height: 30px;
}
.form-qty--size-s .form-qty__select {
	/* min-height: 30px; */
	padding: 5px;
}
 select.form-qty__select{
	/* min-height: initial; */
 }
/* input-m */
.form-qty--size-m .form-qty__input {
	min-height: 42px;
}
.form-qty--size-s .form-qty__select{
	height: 30px;
	padding: 3px;
}
.form-qty--size-m .form-qty__select{
	min-height: 42px;
}
.form-qty__input [disabled],
.form-qty__input [readonly],
fieldset[disabled] .form-qty__input {
	background: #ccc;
	border-color: #bbb;
	color: #333;
}
/* 下拉選單模式 */
.form-qty-select select.form-qty__form-control{
	max-width: 96px;
	padding: 10px;
	min-width: 96px;
}
.form-qty-select select.form-qty__form-control2{
}
/* ----------橫向---------- */
.form-qty--horizontal{

}
.form-qty--horizontal .form-qty__body{
	margin: 0 -5px 15px;
	font-size: 0;
	letter-spacing: -4px;
	word-spacing: 0;
}
.form-qty--horizontal .form-qty__field{
	display: inline-block;
	margin: 0 5px;
	text-align: center;
	font-size: 16px;
	width: calc(50% - 10px);
}
@media screen and (min-width: 768px) {
	.form-qty-select select.form-qty__form-control2{
		min-height: 20px;
		padding: 5px 10px;
	}
	.form-qty__feedback{
		margin-bottom: 0;
	}
	.form-qty__word:before{
		display: none;
	}
}
@media screen and (min-width: 1024px) {
	.form-qty__btn-subtract:hover,
	.form-qty__btn-add:hover{
		color: #333;
	}
}