body{
	font:90% 'Quicksand', 'Noto Sans TC', "微軟正黑體", "Heiti TC Light", "Microsoft JhengHei","Microsoft Sans Serif",Arial, Helvetica, sans-serif;
	background:#eee;
	color:#6e6e6e;
}
a,
a:hover{
	color:#fa742b;
}
a:focus {outline:0px solid}
.fix{overflow:hidden}
.bg-img{
	position:absolute;
	width:100%;
	top:0;
	bottom:0;
	z-index:-1;
	background-size:cover;
	transition: all .5s;
}
.hr{
	margin:2rem 1rem;
	border-top:1px solid #eee;
}
#pagination{
	margin:1rem 0 3rem;
}
#pagination .first,
#pagination .last{
	display:none;
}
#pagination a{
	color:#6e6e6e;
	display:block;
	width: 2rem;
    line-height: 2rem;
	text-align: center;
	border-radius: .3rem;
}
#pagination a:hover{
	color:#fa742b;
	text-decoration: none;
}
#pagination .active a{
	color:#fff;
	background:#fa742b;
}
.bg-gray{
	background:#eee;
}
/*########### 公用按鈕 ###########*/
.breadcrumb{
	background-color: transparent;
}
.breadcrumb-item+.breadcrumb-item::before{
	display:none;
}
.btn{
	color:#fa742b;
	border-radius: 0;
	padding: .6rem;
}
.btn-dark{
	color:#fa742b;
}
.btn-orange,
.btn-orange:hover,
.btn-outline-secondary:not(:disabled):not(.disabled).active,
.btn-outline-secondary:hover,
.btn-dark:hover{
	background:#fa742b;
	border-color:#fa742b;
	color:#fff;
}
.btn-outline-secondary{
	border-color:#b5b5b5;
	color:#6e6e6e;
}
.btn-outline-orange{
	color:#fa742b;
	border-color:#fa742b;
	background-color: transparent;
}
.btn-outline-orange:hover{
	color:#fff;
	background:#fa742b;
	border-color:#fa742b;
}
.btn-rounded{
	border-radius:1.5rem;
}
/*########### 公用輸入元件 ###########*/
.custom-control-label::before{
	color:#b5b5b5;
	content:'\f111';
	font-family: "Font Awesome 5 Free";
	background-color: transparent;
	top:.2rem;
}
.custom-radio .custom-control-input:checked~.custom-control-label::before{
	color:#fa742b;
	font-weight: 900;
	content:'\f058';
	background-color: transparent;
}
.custom-radio .custom-control-input:checked~.custom-control-label::after{
	background-image:none;
}
.custom-select{
	border-radius: 0;
}
.form-control{
	height: calc(2.8rem + 2px);
	border:none;
	border-radius: 0;
}
.bg-white .form-control{
	background:#eee;
}
.input-group .input-group-text{
	color:#b5b5b5;
	background:#fff;
	border:none;
}
.input-group .input-group-text.empty{
	width:2.5em;
}
::-ms-input-placeholder{
    color: #b5b5b5;
}
:-ms-input-placeholder{
    color: #b5b5b5;
}
::placeholder {
    color: #b5b5b5;
}
/*########### 公用文字 ###########*/
.help-block{
	font-size: .8rem;
	padding: .5rem;
	color:#b5b5b5;
}
.text-secondary{
	color:#b5b5b5 !important;
}
.text-secondary:hover,
.text-orange,
.text-orange:hover,
.text-orange a,
.text-orange a:hover{
	color:#fa742b;
}

/*########### 天 ###########*/
header{
	background:#fff;
	position:relative;
	z-index:500 !important;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
}
header a:hover{
	text-decoration:none;
}
#top a{
	color:#fff;
	padding:1rem;
	position:relative;
	display:block;
}
#top .user-menu{
	margin-right:1rem;
}
#top .dropdown-menu{
	border-radius: 0;
	margin:0;
	padding: 0;
}
#top .dropdown-menu .nav-link{
	color:#6e6e6e;
	text-align: center;
}
#top .dropdown-menu .nav-link:hover{
	color: #fa742b;
}
#top .dropdown-menu .nav-link::before{
	left:1rem;
	right:1rem;
	bottom:0;
	top: inherit;
	width: auto;
	height:1px;
	background: #eee;
}
#top .dropdown-menu .nav-link:last-child::before{
	display:none;
}
#top .shopping-item{
	position:relative;
}
#top .product-count{
	position:absolute;
}
h1{
	margin-bottom:0;
}

#main-menu .nav-link{
	color:#aaa;
	padding:.5rem 1rem;
}
#main-menu .nav-link:hover{
	color:#fa742b;
}

/*########### 首頁 ###########*/
.billboard{
	position:relative;
	height:220px;
	cursor:pointer;;
}
.billboard .banner-info{
	color:#fff;
	padding:2rem;
	text-shadow: 0 0 2rem #000;
}
.billboard .banner-info .banner-title{
	font-size:1.5rem;
	font-weight:300;
}
.billboard .banner-info .banner-subtitle{
	font-size:1.8rem;
	font-weight:300;
}
.billboard .banner-info .banner-content{
	padding:1rem;
}
.banner-link{
	width: 8rem;
	padding: .25rem;
}

[class^=leaderboard-]{
	min-height:180px;
	position:relative;
}
[class^=leaderboard-] .banner-title{
	font-size:1.5rem;
	color:#2a2a2a;
}
[class^=leaderboard-] .banner-subtitle{
	font-size:4rem;
	color:#fa742b;
	font-weight:300;
}
[class^=leaderboard-] .banner-note{
	color:#aaa;
}
.category{
	position:relative;
	cursor:pointer;
	overflow:hidden;
}
.category:hover .bg-img{
	transform: scale(1.2);
}
.category .category-info{
	position:absolute;
	bottom:0;
	width:100%;
	background:#000;
	background:rgba(0,0,0,.5);
	padding:1rem;
}
.category .category-icon{

}
.category .category-icon svg path{
	fill:#fff;
}
.category .category-title{
	color:#fff;
	font-size:1.5rem;
	font-weight:300;
}
.category .category-title span{
	margin-left:.5rem;
	font-size: .8em;
}
.category .category-subtitle{
	color:#fa742b;
}
.category .category-link{
	padding:1rem;
	color:#fff;
	font-size:1.2rem;
}
.category .category-link:hover{
	text-decoration: none;
}

/*########### 列表 ###########*/
.sort .input-group-text{
	color:#6e6e6e;
}
#sort{
	border:none;
	font-size: 1rem;
	color:#6e6e6e;
}
.list-product{
	margin-bottom:2rem;
	position:relative;
}
.list-product .bg-img{
	position:relative;
	height:220px;
	z-index:1;
}
.list-product h2{
	font-size:1.15rem;
}
.list-product h2 a{
	color:#2a2a2a;
}
.list-product h3{
	font-size:1rem;
}
.list-product h3 a{
	color:#6e6e6e;
}
.list-product .items{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:4rem;
	background:#fff;
	z-index:10;
	overflow-y: scroll;
}
.list-product .select-item,
.list-product .items .item{
	padding:1.1rem 1rem;
	cursor: pointer;
}
.list-product .items .item:hover{
	background:#fa742b;
	color:#fff;
}
.list-product .items .name{
	color:#6e6e6e;
	word-break: break-all;
}
.list-product .select-item .money,
.list-product .items .money{
	white-space: nowrap;
	color:#fa742b;
}
.list-product .items .item:hover *{
	color:#fff;
}
.list-product .stock{
	position:absolute;
	color:#fff;
	background:#2a2a2a;
	top:0;
	left:0;
	right:0;
	z-index:1;
	padding:1rem;
}
.list-product .select-item{
	position:relative;
}
.list-product .select-item::before,
.list-product .select-item::after{
	content:'';
	position:absolute;
	left:.5rem;
	right:.5rem;
	height:1px;
	background:#eee;
}
.list-product .select-item::before{
	top:0;
}
.list-product .select-item::after{
	bottom:0;
}
.list-product .select-item .name{
	color:#6e6e6e;
}
.list-product .select-item .money::after{
	content:'\f078';
	font-weight:900;
	font-family: 'Font Awesome 5 Free';
	color:#b5b5b5;
	margin-left:.5rem;
}
.list-product .addcart-info{
	padding:.5rem;
}
.list-product .addcart-info *{
	white-space: nowrap;
	font-size:1em;
	margin:0 .5rem;
}
.list-product .addcart-info .qty{
	height:2.94em;
	border:1px solid #b5b5b5;
	color:#fa742b;
}

/*########### 商品頁 ###########*/
.product-detail .main-img{
	position:relative;
	z-index: 1;
	margin-bottom: 1rem;
}
.product-detail .thumbs-img .bg-img{
	position:relative;
	display: inline-block;
	z-index: 1;
	cursor: pointer;
}
.product-detail .product-inner .product-name{
	font-size: 1.5rem;
	color:#2a2a2a;
	font-weight: 200;
}
.product-detail .product-inner .product-subname{
	font-size: 1.4rem;
	color:#2a2a2a;
	font-weight: 200;
}
.product-detail .product-inner .product-description{
	color:#6e6e6e;
}
.product-detail .product-inner .items .btn{
	margin-bottom: 1rem;
	padding: .5rem 1rem;
    font-size: .85rem;
}
.product-detail .product-inner .items .btn:nth-child(2n){
	margin-left: 1rem;
}
.product-detail .product-inner .items .money{
	color:#fa742b;
}
.product-detail .product-inner .items .btn:hover .money,
.product-detail .product-inner .items .active .money{
	color:#fff;
}
.product-detail .product-inner .quantity{
	border-top:1px solid #b5b5b5;
	border-bottom:1px solid #b5b5b5;
	padding: 1rem 0;
}
.product-detail .product-inner .quantity > *{
	margin-right: 1rem;
}
.product-detail .product-inner .qty{
	height:3rem;
}
.product-detail .product-inner .addcart{
	padding:1rem 4rem;
	margin-top:2rem;
}
.product-detail .bg-dark{
	padding:3rem 0;
}
.product-detail .product-content{
	color:#fff;
}
.product-detail .product-content h3,
.product-detail .product-content h4,
.product-detail .product-content h5,
.product-detail .product-content h6{
	color:#fa742b;
}
.product-detail .product-content * + h3,
.product-detail .product-content * + h4,
.product-detail .product-content * + h5,
.product-detail .product-content * + h6{
	margin-top:2rem;
}
.product-detail .product-content img{
	max-width: 100%;
	height:auto!important;
}
.product-detail .product-content ul,.product-detail .product-content ol{margin-left:2em;}
.product-detail .product-content ul{list-style:square;}
.product-detail .product-content ul ul{list-style:circle;}
.product-detail .product-content ol{list-style:decimal;}
.product-detail .product-content ol ol{list-style:lower-alpha;}
.product-detail .product-content strong{font-weight:900;}

/*########### 購物車 ###########*/
.cart-step{
	margin-bottom: 2rem;
}
.cart-step .breadcrumb-item{
	position:relative;
	padding:1rem;
	color:#6e6e6e;
}
.cart-step .breadcrumb-item:last-child{
	padding-right: 0;
}
.cart-step .breadcrumb-item.active{
	color:#fa742b;
}
.cart-step .breadcrumb-item::after{
	content:'\f105';
	position:absolute;
	right:0;
	top:1.25rem;
	color:#6e6e6e;
	font-family: "Font Awesome 5 Free";
	font-weight: 600;
}
.cart-step .breadcrumb-item:last-child::after{
	display: none;
}
.order-finish .container.bg-white,
.checkout .container.bg-white,
.cart .container.bg-white{
	margin-top:1rem;
	margin-bottom:1rem;
}
.cart .cart-title{
	border-bottom: 2px solid #eee;
	padding:1rem 0;
}
.order-detail .order-item,
.checkout .checkout-item,
.cart .cart-item{
	padding-top:1rem;
	padding-bottom:1rem;
}
.cart .cart-item + .cart-item{
	border-top: 1px solid #eee;
}
.order-detail .product-thumbnail,
.checkout .checkout-item .product-thumbnail,
.cart .cart-item .product-thumbnail{
	width: 80px;
	height:80px;
	position: relative;
	z-index: 1;
}
.cart .cart-item .help-block{
	padding-bottom:0;
}
.cart .continue{
	color:#6e6e6e;
	padding: 1rem;
	position:relative;
}
.cart .continue::after{
	content:'';
	position:absolute;
	top:0;
	bottom:0;
	right:0;
	border-left: 1px solid #eee;
}
.cart .shipping{
	padding:1rem;
}
.cart .order-total{
	padding:.5rem 1rem;
}
.cart .order-total .amount{
	font-size: 1.5rem;
	padding: 1rem;
}
.cart .to-checkout .btn{
	padding:1rem 3rem;
}

/*########### 結帳頁 ###########*/
.checkout h3{
	font-size: 1.1rem;
	margin-bottom:1rem;
}
.checkout .shipping-data{
	border:1px solid #b5b5b5;
	height:12rem;
	cursor: pointer;
	position: relative;
	padding: 1rem;
}
.checkout .shipping-data.active{
	border-color: #fa742b;
}
.checkout .shipping-data.active .shipping-empty{
	display:none;
}
.checkout .shipping-data:hover .shipping-empty{
	color:#fa742b;
}
.checkout .shipping-data:not(.active) .shipping-edited{
	display:none;
}
.checkout .shipping-data .shipping-edited label{
	color:#fa742b;
	margin-right:1rem;
}
.checkout .shipping-data .shipping-edited p:last-child{
	margin:0;
}
.checkout .shipping-data .edit-icon{
	position: absolute;
	right: 1rem;
	bottom: 1rem;
}
.checkout .shipping-data:hover .edit-icon{
	color:#fa742b;
}
.order-detail .product-thumbnail,
.checkout .product-thumbnail{
	margin-right:1rem;
}
.order-detail .product-name,
.checkout .product-name{
	font-size: 1.1rem;
}
.checkout .checkout-price{
	text-align: right;
	border-top:1px solid #eee;
	padding-top: 1rem;
}
.checkout .checkout-price p{
	margin:0;
}
.checkout .checkout-price p:last-child{
	margin-top:.5rem;
}
.checkout .checkout-price .amount{
	font-size: 1.5rem;
}
.checkout .modal h3{
	color:#fa742b;
	font-size: 1rem;
}

/*########### 結帳完成頁 ###########*/
.order-finish .finish-icon{
	color:#54cd5b;
}
.order-finish .finish-text p{
	margin-bottom:.5rem;
}
.order-finish .finish-text p:first-child{
	font-size: 1.5rem;
}
.order-finish .finish-text strong{
	color:#54cd5b;
	font-weight: 400;
	margin-right:1rem;
}
.order-finish .amount{
	font-size: 2rem;
}
.order-finish .order-note h3{
	font-size: 1rem;
	margin-bottom: 1rem;
}
.order-finish .order-note p{
	margin-bottom: .5rem;
	color:#b5b5b5;
}
.order-finish .order-note strong{
	font-size: 2rem;
	color:#fa742b;
	font-weight: 400;
}
.order-finish .half-text p{
	margin-bottom: 0;
}
.order-finish .half-text .help-block{
	padding:0;
}

/*########### 訂單列表頁 ###########*/
.order-list .list-title{
	padding:1rem 0;
}
.order-list .list-item{
	padding: 1rem 0;
	font-size: 1.2rem;
}
.order-list .list-item + .list-item{
	border-top:1px solid #eee;
}
.order-list .list-item .badge{
	font-weight: 400;
	width:4.5rem;
	padding: .5rem;
}
.order-list .list-item .btn{
	font-size: .9rem;
}

/*########### 訂單內容頁 ###########*/
.order-detail .bg-white{
	margin-bottom:1rem;
	padding-bottom: 1rem;
}
.order-detail .order-status{
	padding:1rem;
}
.order-detail h3{
	font-size: 1.1rem;
	padding-top:1rem;
	margin-bottom:0;
	color: #2a2a2a;
}
.order-detail .hr{
	margin:1rem 0;
}
.order-detail .content{
	color: #2a2a2a;
}
.order-detail .content.text-orange{
	color:#fa742b;
}
.order-detail .content .amount{
	font-size: 2rem;
}
.order-detail .container[href]{
	cursor: pointer;
}
.order-detail .qna > .row{
	border-bottom: 1px solid #eee;
	border-left: 1px solid #eee;
}
.order-detail .qna > .row > [class^=col]{
	padding-top:1rem;
	padding-bottom:1rem;
}
.order-detail .qna [class^=col]{
	word-break:break-all;
}
.order-detail .qna .response{
	padding-top:1rem;
}
.order-detail .qna .question-type{
	border-left: 1px solid #eee;
	border-right: 1px solid #eee;
}
.order-detail .qna form p{
	margin-bottom: 0;
}
.order-detail .qna .custom-select{
	border-color: #eee;
}
.order-detail .qna form textarea{
	height: 8rem;
}

/*########### 登入註冊頁 ###########*/
.simple-title{
	padding:3rem;
	margin:0;
}
.simple-form{
	padding-bottom:4rem;
}

/*########### 地 ###########*/
footer{
	background:#fff;
}
footer h5{
	font-size:.9rem;
	color:#2a2a2a;
}
footer ul a{
	color:#6e6e6e;
	font-size:.8rem;
}
footer ul a:hover{
	text-decoration:none;
}
footer .text-primary a:hover{
}
.nav-sidebar .text-orange .fas,
footer .text-orange .fas{
	margin-right:.5rem;
}
.nav-sidebar .social .fb:hover,
footer .social .fb:hover{
	color:#6195F7;
}
.nav-sidebar .social .ig:hover,
footer .social .ig:hover{
	color:#FF5D5E;
}
.nav-sidebar .social .line:hover,
footer .social .line:hover{
	color:#54CD5B;
}

.sidebar-shadow{
	position:fixed;
	top:0;
	bottom: 0;
	left: 0;
	right:0;
	background:rgba(0,0,0,0);
	content:'';
	z-index: 999;
	transition: all 0.5s;
	visibility: hidden;
}
.sidebar-open .sidebar-shadow{
	visibility: visible;
	background:rgba(0,0,0,.5);
}
.nav-sidebar{
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	z-index: 1000;
	transition: all 0.5s;
	transform: translate3d(-100%, 0, 0);
	overflow: auto;
}
.sidebar-open .nav-sidebar{
	visibility: visible;
	transform: translate3d(0, 0, 0);
}
.nav-sidebar .logo{
	padding:1rem;
}
.nav-sidebar .nav-area{
	border-top:1px solid #eee;
	padding:1rem;
	list-style: none;
}
.nav-sidebar .nav-area a{
	color:#6e6e6e;
	padding:.5rem;
}
.nav-sidebar .nav-area p{
	padding:.5rem;
}

/*########### xl ###########*/
@media (min-width:1201px){
}
/*########### lg ###########*/
@media (max-width:1200px) and (min-width:991px){
}
/*########### md ###########*/
@media (min-width:767px){
	#top{
		background: #fa742b;
		background: -moz-linear-gradient(left, #ffe985 0%, #fa742b 100%);
		background: -webkit-linear-gradient(left, #ffe985 0%,#fa742b 100%);
		background: linear-gradient(to right, #ffe985 0%,#fa742b 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe985', endColorstr='#fa742b',GradientType=1 );
	}
	#top a{
		padding:1rem 2rem;
	}
	#top a::before{
		content: '';
		background: rgba(255,255,255,.3);
		width:1px;
		position:absolute;
		left:0;
		top:.8rem;
		bottom:.8rem;
	}
	#top .product-count{
		right: 1rem;
		top: .5rem;
	}
	.category{
		height:300px;
	}
	.product-detail .main-img{
		height:450px;
	}
	.product-detail .thumbs-img .bg-img{
		width:80px;
		height:80px;
	}
	.product-detail .product-inner .items .btn{
		width:40%;
	}
	.cart-step .breadcrumb-item{
		font-size: 1.1rem;
		width: 100%;
		text-align: center;
		flex-grow: 1;
	    flex-basis: 0;
	}
	.order-detail .order-item .amount,
	.checkout .checkout-item .amount{
		font-size: 1.2rem;
	}
	.checkout .container .bg-white:not(.cart){
		padding:2rem 2rem 1.5rem 2rem;
	}
	.checkout .btn-group-toggle.d-flex .btn{
		flex: 0 0 33.333333%;
	    max-width: calc(33.333333% - 10px);
	}
	.checkout .btn-group-toggle.d-flex .btn:nth-child(2){
		margin:0 15px;
	}
	.order-finish .control-area > * + *{
		margin-left: 1rem;
	}
	.order-list{
		margin-bottom:1rem;
	}
	.order-detail h2,
	.order-list h2{
		margin:3.5rem auto;
	}
	.order-list #pagination{
		margin:1rem auto;
		padding:2rem;
	}
	.order-detail .float-left:not(.product-thumbnail),
	.order-detail .float-right{
		margin-top:1rem;
	}
}
@media (max-width:992px) and (min-width:767px){
}
@media (max-width:992px) and (min-width:577px){
	.category{
		height:250px;
	}
}
/*########### sm ###########*/
@media (max-width:768px){
	.mobile-fixed-bottom{
		position:fixed;
		bottom:0;
		z-index: 1;
		left: 0;
		width: 100%;
	}
	.mobile-font-size{
		font-size: .9rem;
	}
	#top{
		background: #fa742b;
	}
	#top a{
		padding: 1rem .5rem;
	}
	#top .product-count{
		right: -.5rem;
		top: .5rem;
	}
	.product-detail .main-img{
		height:240px;
	}
	.product-detail .thumbs-img .bg-img{
		width:40px;
		height:40px;
	}
	.product-detail .product-inner .items .btn{
		width:46%;
	}
	.product-detail .form-inline .custom-select{
	    width: auto;
	}
	.breadcrumb{
		padding:0;
	}
	.cart-step .breadcrumb-item:first-child{
		padding-left:0;
	}
	.product-quantity{
		text-align: left;
	}
	.product-quantity .qty{
		max-width: 5rem;
	}
	.checkout .container .bg-white:not(.cart){
		padding:1rem;
	}
	.checkout .invoice-data .form-control,
	.checkout .btn-group-toggle.d-flex .btn{
		margin-bottom:1rem;
	}
	.order-detail h2,
	.order-list h2{
		font-size: 1.1rem;
		margin: 1rem auto;
	}
	.order-finish .half-text{
		margin-bottom:1rem;
	}
	.order-list #pagination{
		margin:0 auto;
		padding:1rem;
	}
	.order-detail .float-left:not(.product-thumbnail){
		font-size: 1.2rem;
	}
	.order-detail .float-right{
		margin-top:1rem;
	}
}
@media (max-width:768px) and (min-width:577px){
}
@media (max-width: 576px){
	.category{
		height:200px;
	}
}