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

#imgLightbox01{display:none}

@media screen and (min-width: 1024px) {
.overlay {display: block!important;}
}
@media screen and (max-width: 991px) {
}

@media screen and (max-width: 930px) {
}
@media screen and (max-width: 1366px) {
.snav2 {right: 0px;}
#main-nav {right: 15em;} 
#logo {left: 20px;} 
}
@media screen and (max-width: 1250px) {
#main-nav .navbar-nav{ width:100%} 
}
@media screen and (max-width: 1024px) {
.topback,.topback01{display: none;	}
#main-nav .member-region{display: block;}
#main-nav .fa-angle-down{
	margin: 13px 0px 0px 0px ;
	float: right;
	font-size: 25px;
}

.wrap-region.mem .search{width: 100%!important;}
.wrap-region.mem .search button{min-width: 170px;}
.wrap-region.mem .search .flatpickr input {max-width: 180px;}
.wrap-region.mem .status-search {width: 50%;}
.wrap-region.mem .status-search label{margin: 0px 0 0 0px;}
.wrap-region.mem .status-search+.wrap-region.mem .status-search{margin: 0px 0 0 10px;}
}

@media screen and (max-width: 768px) {
#imgLightbox01{display:block}
.order1{order: 1;}
.order2{order: 2;}
.order3{order: 3;}
.order4{order: 4;}
.login .order1{order: 2;}
.login .order2{order: 1;}
header {text-align: center;}
.web{display:none!important;}
.mobile{display: block!important;}
#main-nav .navbar-nav{ width:100%} 
#main-nav .member-region{display: block;}
#main-nav .fa-angle-down{
	margin: 13px 0px 0px 0px ;
	float: right;
	font-size: 25px;
}
.snav2 {right: 0px;}
.snav2 .dropdown-menu {display: block}
.snav2 .dropdown-menu>li>a{
	color: #333;
	height:150px;list-style: 150px;
	border-radius: 5px;
	margin-bottom:20px;
}
.snav2 .dropdown-menu {
	position: absolute;
	color:#333;
	top: 40px;
	right: 0;
	z-index: 1000;
	display: block;
	min-width: 95%!important;
	padding: 5px 20px ;
	margin: 2px 2.5%;
	font-size: 14px;
	text-align: left;
	list-style: none;
	background-color: #fff;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: 1px solid #ccc;
	border: 1px solid rgba(0,0,0,.15);
	border-radius: 4px;
	-webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
	box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
}
.section.product.num-1 .product-block{width: calc(100% / 2);}
/*.section.product.num-1 .product-block:nth-child(3n){padding: 0px 15px 0px 0px;}
.section.product.num-1 .product-block:nth-child(2n){padding: 0px ;}*/
.login .half-block .halfBox{width: 100%;}
.wrap-region.mem .search button{min-width: 70px;}
.wrap-region.mem .search .flatpickr input {max-width: 130px;}
}

@media screen and (max-width: 720px) {
	
}

@media screen and (max-width: 680px) {
.button-box button, .button-box a, .settleBox button, .button-region button {font-size: 12px;}
.section.sidebar.num-1.mall .section.product.num-1 .product-block .price-box {font-size: 14px;}
.mall .container{width: 100%;}
.section.sidebar.num-1 .container{
    display: flex;
    flex-direction:column;
}	
.section.sidebar.num-1 .sidebar-region{
    width: 100%;
    font-size: 16px;
}
.section.sidebar.num-1 .wrap-region{
     width: 100%;
    margin-left: 0px;
    padding: 0px;
}	
.wrap-region .order-region{
	display: block;
	width: 100%;
    min-height: auto;
    padding: 0px 0;
    margin-bottom: 20px;
    border-bottom: none;

}
.wrap-region .order-region .numBox{
    width: calc(100% / 1);
	margin-bottom:10px;
}
.wrap-region .order-region .input-group{
	width: 49%;
	margin: 0px 2% 20px  0px;
	float: left;
}
.wrap-region .order-region .input-group:last-child{ margin: 0;}
.section.product.num-1 .product-block{width: calc(100% / 1);}
.section.sidebar.num-1 .sidebar-region .showmenu {display: block;}
.category-content .section.product.num-1 .product-block{width: calc(100% / 2);}
/*.section.product.num-1 .product-block:nth-child(3n){padding: 0px 15px 0px 0px;}
.section.product.num-1 .product-block:nth-child(2n){padding: 0px ;}
.section.product.num-1 .product-block:nth-child(2n) .fa-times{right: 0px;}*/
/*商品圖片*/
.category-content .section.product.num-1 .product-block>a>.imgBox{height: 140px;position: relative;height: auto;}
.category-content .section.product.num-1 .product-block .descBox{padding: 0px 0px;text-align: left;}
.mutiBody #twzipcode {margin-bottom:20px;}
.page-body .title{ font-size:20px; }
.login .order1{order: 1;}
.login .order2{order: 2;}
.section.titleText.num-1{margin: 30px 0;}
.section.titleText.num-1 .descBox{width: 80%;font-size: 18PX;}
.section.information.num-1{margin: 50px 0;}
.snav2>li {padding: 0em 1em 0em 0.5em;}
.statusBall{right: 8px;}
.wrap-franchise .br{ padding-right: 0px;}
.flex_w{display: flex;flex-direction: column;}
.flex_w1{width: 100%;}
.flex_w3{width: 100%;}
.section.product.num-1 .product-block>a>.imgBox {height: 140px;height: auto;}
.section.slider.num-1 .slick-next {right: 10px;}
.section.slider.num-1 .slick-prev {left: 10px;}
}

@media screen and (max-width: 480px) {
}

@media screen and (max-width: 375px) {	
}
@media screen and (max-width: 360px) {	
.wrap-region .sort-region .nav-tabs li{
    margin-right: 5px;
}
}
@media screen and (max-width: 320px) {

}