@charset "utf-8";
/* CSS Document */

.qty {
    width: 33px;
    height: 33px;
    text-align: center;
	border:1px solid rgba(var(--main-color),1);
	-webkit-appearance: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
input.qtyplus {
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: Arial, serif;
    font-size: 2rem;
	width:33px; 
	height:33px;
	color: var(--word-color);
	border:0px;
    background-color: rgba(var(--main-color),1);
	-webkit-appearance: none;
	outline:none;
	cursor:pointer;
	margin: 5px 2px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	transition: all 0.4s;
	-o-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-webkit-transition: all 0.4s;}
	
input.qtyplus:hover{
    color: var(--hover-word-color);
	background-color:var(--hover-color);
	}
input.qtyminus {
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: Arial, serif;
    font-size: 2rem;
	width:33px; 
	height:33px;
	color: var(--word-color);
	border:0px;
    background-color: rgba(var(--main-color),1);
	-webkit-appearance: none;
	outline:none;
	cursor:pointer;
	margin: 5px 2px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	transition: all 0.4s;
	-o-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-webkit-transition: all 0.4s;}
input.qtyminus:hover{
	color: var(--hover-word-color);
	background-color:var(--hover-color);
	}
	
/*==數量(搜尋)==*/
.search_box input.qty_s {
    width: 30px;
    height: 30px;
    text-align: center;
	border:1px solid rgba(var(--main-color),1);
	margin: 0px;
	padding: 0px;
	-webkit-appearance: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
input.qtyplus_s {
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: Arial, serif;
    font-size: 2rem;
	width:30px; 
	height:30px;
    line-height: 30px;
	color: var(--word-color);
	padding: 0px;
	border:0px;
    background-color: rgba(var(--main-color),1);
	-webkit-appearance: none;
	outline:none;
	cursor:pointer;
	margin:2px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	transition: all 0.4s;
	-o-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-webkit-transition: all 0.4s;}
	
input.qtyplus_s:hover{
    color: var(--hover-word-color);
	background-color: var(--hover-color);
	}
input.qtyplus_s:focus{
    border: 0px !important;
}
input.qtyminus_s {
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: Arial, serif;
    font-size: 2rem;
	width:30px; 
	height:30px;
    line-height: 30px;
	color: var(--word-color);
	padding: 0px;
	border:0px;
    background-color: rgba(var(--main-color),1);
	-webkit-appearance: none;
	outline:none;
	cursor:pointer;
	margin:2px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	transition: all 0.4s;
	-o-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-webkit-transition: all 0.4s;}
input.qtyminus_s:hover{
    color: var(--hover-word-color);
	background-color: var(--hover-color);
	}
input.qtyminus_s:focus{
    border: 0px !important;
}
/*==數量==*/
.qty_h {
    width: 30px;
    height: 30px;
    text-align: center;
    background-color: #fff;
	border:1px solid var(--hover-color);
	-webkit-appearance: none;
    margin: 5px 2px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
a.qtyplus_h {
	display: inline-block;
    font-family: 'Noto Sans TC', "微軟正黑體", "Microsoft JhengHei UI", sans-serif;
    width: 30px;
    height: 30px;
    padding: 0px 12px;
    line-height: 30px;
    font-size: 1.2rem;
    color: var(--word-color);
    background-color: rgba(var(--main-color),1);
    text-align: center;
    text-decoration: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;}
	
a.qtyplus_h:hover{
	background-color: var(--hover-color);
    color: var(--hover-word-color);
	}
a.qtyminus_h {
	display: inline-block;
    font-family: 'Noto Sans TC', "微軟正黑體", "Microsoft JhengHei UI", sans-serif;
    width: 30px;
    height: 30px;
    padding: 0px 12px;
    line-height: 30px;
    font-size: 1.2rem;
    color: var(--word-color);
    background-color: rgba(var(--main-color),1);
    text-align: center;
    text-decoration: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;}
a.qtyminus_h:hover{
	background-color: var(--hover-color);
    color: var(--hover-word-color);
	}

/*==使用人數==*/
.qty_p {
    width: 33px;
    height: 33px;
    text-align: center;
    border: 1px solid var(--hover-color);
    -webkit-appearance: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
input.qtyplus_p {
	width: 33px;
    height: 33px;
    border: 0px;
    color: var(--word-color);
    background-color: rgba(var(--main-color),1);
    -webkit-appearance: none;
    outline: none;
    cursor: pointer;
    margin: 5px 2px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -webkit-transition: all 0.4s;}
	
input.qtyplus_p:hover{
	background-color: var(--hover-color);
    color: var(--hover-word-color);
	}
input.qtyminus_p {
    width: 33px;
    height: 33px;
    border: 0px;
    color: var(--word-color);
    background-color: rgba(var(--main-color),1);
    -webkit-appearance: none;
    outline: none;
    cursor: pointer;
    margin: 5px 2px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -webkit-transition: all 0.4s;}
input.qtyminus_p:hover{
    background-color: var(--hover-color);
    color: var(--hover-word-color);
}