/*寬度*/
.w-70 {
	width: 70%;
}

/*顏色*/
.text-site-color {
	color: #A2AA7B !important;
}

.border-site-color {
    border: 1px solid #A2AA7B !important;
}

.border-left-5-site-color {
	border-left: 5px #A2AA7B solid;
}

.btn-border-site-color {
    color: #949c6e !important;
    border: 1px solid #949c6e !important;
	background-color: #fff !important;
}

.btn-border-site-color svg {
    fill: #949c6e !important;
}

.btn-site-color, .btn-border-site-color.active {
    color: #fff !important;
    background-color: #a2aa7b !important;
    border-color: #949c6e !important;
}

.btn-site-color:focus {
	box-shadow: 0 0 0 .25rem #949c6e52;
}

.btn-border-site-color:focus {
	box-shadow: 0 0 0 .25rem #bea94b33;
}

.btn-site-color svg {
    fill: #fff;
}

.btn-line {
    color: #fff;
    background-color: #00c300;
    border-color: #00c300;
}

.bg-blue {
	background-color: #2196f3 !important;
}

.border-blue {
	border-color: #2196f3 !important;
}

.text-blue {
	color: #2196f3 !important;
}

.bg-info {
    background-color: #00bcd4 !important;
}

.border-info {
	border-color: #00bcd4 !important;
}

.text-info {
	color: #00bcd4 !important;
}

.bg-warning {
    background-color: #ff9800 !important;
}

.border-warning {
	border-color: #ff9800 !important;
}

.text-warning {
	color: #ff9800 !important;
}

.bg-purple {
	background-color: #9c27b0 !important;
}

.border-purple {
	border-color: #9c27b0 !important;
}

.text-purple {
	color: #9c27b0 !important;
}

.bg-green {
	background-color: #8bc34a !important;
}

.border-green {
	border-color: #8bc34a !important;
}

.text-green {
	color: #8bc34a !important;
}

.bg-success {
	background-color: #009688 !important;
}

.border-success {
	border-color: #009688 !important;
}

.text-success {
	color: #009688 !important;
}

.bg-secondary {
	background-color: #7a7a7a !important;
}

.border-secondary {
	border-color: #7a7a7a !important;
}

.text-secondary {
	color: #7a7a7a !important;
}

.label {
    display: inline;
    padding: 3px 6px 4px;
    font-weight: 500;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.label.label-success {
    background: #009688;
}

.label.label-blue {
	background: #2196f3;
}

.label.label-info {
    background: #009688;
}

.label.label-warning {
	background: #ff9800;
}

.label.label-secondary {
	background: #7a7a7a;
}

/*產品詳情*/
.product-qty-minus{
    border: 1px #ccc solid;
    border-bottom-left-radius: 3px !important;
    border-top-left-radius: 3px !important;
}

.product-qty-input {
    height: 35px;
    width: 100%;
    padding: 3px 10px;
    border: 1px solid #dddddd;
    color: #151515;
    text-align: center;
    border-left: none;
    border-right: none;
    border-radius: 0px !important;
}

.product-input-hw {
    height: 45px !important;
    width: 100%;
}

.product-qty-hw {
    height: 45px !important;
    width: 25%;
}

/* 手機板樣式 (寬度小於768px) */
@media (max-width: 768px) {
    .product-input-hw {
        height: 35px !important;
    }

    .product-qty-hw {
        height: 35px !important;
    }
}

.product-qty-plus {
    border: 1px #ccc solid;
    border-top-right-radius: 3px !important;
    border-bottom-right-radius: 3px !important;
}

.desc img {
	max-width: 100% !important;
	height: auto !important; 
}

.fixed-block-mall {
    padding: 1.5rem 1.25rem !important;
    background-color: #fff;
    border-radius: 10px;
    width: 18rem !important;
}

.embedly-card-hug {
	max-width: unset !important;
	width: 100% !important;
}

.embedly-card-hug iframe {
	width: 100% !important;
}

.level1 {
	background: linear-gradient(135deg, #7a7474, #d0d0d0, #908d8d);
}

.level1 h3,.level1 span{
	color: #535251 !important;
}

.level2 {
	background: linear-gradient(135deg, #ad834d, #f7dcc4, #9b7440);
}

.level2 h3,.level2 span{
	color: #535251 !important;
}

.level3 {
	background: linear-gradient(135deg, #7a7474, #fff8f8, #908d8d);
}

.level3 h3,.level3 span{
	color: #535251 !important;
}

.level4 {
	background: linear-gradient(135deg, #c0c0c0, #dddddd, #a0a0a0, #f0f0f0, #d0d0d0);
}

.level4 h3,.level4 span{
	color: #535251 !important;
}

.level5 {
	background: linear-gradient(135deg, #c97654, #ffeee6, #d68f73);
}

.level5 h3,.level5  span{
	color: #535251 !important;
}

.level6 {
	background: linear-gradient(135deg, #d9a102, #f7f3ce, #d9a102);
}

.level6 h3,.level6 span{
	color: #535251 !important;
}

.border-dashed {
  border-bottom: 1px dashed #ccc !important;
  border-bottom-width: 1px !important;
  border-bottom-style: dashed !important;
}

table th,
table td {
	white-space: nowrap;
}

.link_or {
    width: 100%;
    height: 1px;
    border-top: solid #A3A3A3 1px;
}

.price {
	color: #a2aa7b;
}

.user-cart-count {
	position: absolute;
	top: -3%;
    left: 62%;
}

.news-title {
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin-bottom: 8px;
	font-size: 18px;
	line-height: 30px;
}

.finger {
	cursor: pointer;
}

.coupon-item {
	width: 100%;
	height: 140px;
	border-radius: 5px;
	overflow: hidden;
	position: relative;
	display: flex;
}

.coupon-item-head {
	padding: 15px;
	flex: 1;
	width: 65%;
	height: 140px;
	color: #fff;
	font-size: 20px;
	font-weight: 600;
	position: absolute;
	background-color: #b5b2ad;
	background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 25%, transparent 25%), linear-gradient(225deg, rgba(255, 255, 255, 0.1) 25%, transparent 25%), linear-gradient(45deg, rgba(255, 255, 255, 0.1) 25%, transparent 25%), linear-gradient(315deg, rgba(255, 255, 255, 0.1) 25%, transparent 25%);
}

.coupon-item-foot {
	width: 35%;
	height: 140px;
	right: 0;
	bottom: 0;
	padding: 15px;
	font-size: 20px;
	color: #fff;
	position: absolute;
	font-weight: 600;
	border-left: 2px dashed white;
	background-color: #b5b2ad;
	background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 9%, transparent 9%), linear-gradient(225deg, rgba(255, 255, 255, 0.1) 9%, transparent 9%), linear-gradient(45deg, rgba(255, 255, 255, 0.1) 9%, transparent 9%), linear-gradient(315deg, rgba(255, 255, 255, 0.1) 9%, transparent 9%);
}

.coupon-text {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 28px;
	text-shadow: 0px 3px 6px #535353;
	color: #ecd0af;
	font-weight: bold;
	text-align: center;
	margin-bottom: 0.5rem;
}

.coupon-text-2 {
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 1rem;
	color: #fff;
	word-wrap: break-word;
	text-align: right;
	padding-left: .875rem;
	position: absolute;
	bottom: 0;
	right: 0;
	padding: 10px;
}

.coupon-text-3 {
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 1rem;
	color: #fff;
	word-wrap: break-word;
	text-align: center;
}

.coupon-text-4 {
	background-color: #fff;
	border-radius: 0.5rem;
	margin-left: 0.5rem;
	width: 7rem;
	height: 5.125rem;
	font-size: 1.25rems !important;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}