@charset "utf-8";
.categoryPlate .row li, .merit-wrapp .meritBox p a, .pushBox a {
	text-decoration:none
}
a {
	color:#262626
}
.contecate, .newsBox a img, .newsWrapp {
	display:none
}
#main-wrapper .meritArea h2 {
	font-size:large;
	font-weight:700;
	color:#DF0615;
	border-style:none
}
.main_topBnrBox {
	margin:0 auto 20px;
	text-align:center
}
.main_topBnrBox p {
	font-size:12px;
	color:#333
}
.categoryArea {
	height:auto
}
.cateBox {
	flex:0 0 25%
}
.fa-angle-double-down {
	font-size:2.5em;
	color:#f65959;
	padding:10px
}
.cateBox.etcCate {
	order:13;
	display:none
}
.cateBox.etcCate a {
	color:#f65959
}
.merit-wrapp, .saleArea {
	margin-bottom:40px
}
.cateBox span {
	display:block
}
.saleArea-wrapp {
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	align-items:center
}
.saleArea-wrapp .saleBox, .saleArea-wrapp .saleBox.cul4 {
	flex-basis:47%;
	width:47%;
	margin:0 3px 10px
}
.saleArea-wrapp .saleBox.cul4 {
	margin-bottom:8px
}
.saleArea-wrapp .saleBox.cul4 a img {
	vertical-align:middle
}
.saleArea-wrapp .lastsale {
	border:1px solid #ccc;
	padding:9px 0 4px
}
.saleArea-wrapp .catalogue {
	border:1px solid #ccc;
	padding:6px 0 5px
}
.merit-wrapp {
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:-o-flex;
	display:flex;
	flex-flow:row wrap;
	justify-content:space-between;
	padding:5px;
	text-align:center
}
.merit-wrapp .meritBox {
	flex-wrap:wrap;
	flex-direction:column;
	margin-bottom:20px;
	border:1px solid #ccc;
	padding:5px;
	background:#fff
}
.merit-wrapp .meritBox.cul2, .merit-wrapp .meritBox.cul4 {
	flex-basis:49%;
	width:49%;
	max-width:49%
}
.merit-wrapp .meritBox .title {
	display:inline-block;
	font-size:.8em;
	padding:0 0 1em;
	text-align:center;
	width:100%;
	margin:0 0 10px;
	font-weight:700
}
.meritPic {
	width:30%
}
.merit-wrapp .meritBox p {
	font-size:1em;
	display:none
}
.merit-wrapp .meritBox .picArea {
	margin:0 auto;
	width:80%
}
.bnrArea-wrapp {
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:-o-flex;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:space-between;
	width:100%
}
.bannerArea {
	margin-bottom:40px
}
.bnrArea-wrapp .bnrbox {
	flex-basis:47%;
	width:47%;
	margin-bottom:20px
}
#pushArea-wrapp h2 {
	margin-bottom:10px
}
#pushArea-wrapp p {
	font-size:14px;
	padding:10px
}
#pushArea-wrapp .pushBox {
	margin-bottom:40px;
	border-bottom:1px dotted #CCC;
	padding-bottom:40px
}
.nav .aboutHappy {
	display:block
}
.categoryPlate h3 {
	border-bottom:1px dotted #999;
	font-size:12px;
	line-height:1.5;
	margin:0 0 8px 3px;
	padding-bottom:3px;
	text-align:left
}
.categoryPlate .row {
	list-style-position:inside;
	margin:0 10px 20px;
	overflow:hidden
}
.categoryPlate .row li {
	float:left;
	font-size:12px;
	margin:10px 5px
}
.categoryPlate .row li a {
	color:#666;
	text-decoration:none;
	background:#eee;
	border-radius:10px;
	padding:5px
}
.categoryPlate .row li a:hover {
	text-decoration:underline
}
.categoryPlate .row li, .categoryPlate h3 a {
	background-repeat:no-repeat
}
#side-mega-menu-wrapper {
	box-sizing:border-box;
	display:block;
	width:100%;
	z-index:9999
}
.banner_area ul {
	display:flex;
	flex-flow:row wrap
}
.banner_area li {
	flex-basis:47%;
	margin:0 auto 20px;
	text-align:center
}
.banner_area li p {
font-size:.9rem;
	text-align:left;
	background:#fbf3e1;
	padding:10px 5px
}
.shopArea .shopArea-wrapp {
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:-o-flex;
	display:flex;
	background:#f0f0f0;
	flex-flow:row wrap;
	justify-content:space-between;
	margin-bottom:40px;
	padding:10px
}
.shopArea .shopArea-wrapp .shopBox {
	flex-basis:49%;
	width:49%;
	background-color:#fff
}
.shopArea .shopArea-wrapp .areaName {
	border-bottom:2px solid #C00;
	padding:4px 10px 2px;
	text-align:left;
	display:block;
	font-size:14px;
	margin:0 auto 4px;
	color:red
}
.shopArea .shopArea-wrapp .shopBox p {
	border:1px solid #D7D7D7;
	font-size:14px;
	padding:10px
}
.shopArea .shopArea-wrapp .shopBox p span {
	font-size:12px
}
.cateBox a, .cateBox span {
	font-size:14px;
	vertical-align:middle
}
.shopArea .shopArea-wrapp .shopBox p a {
	display:block;
	text-decoration:underline
}
.cateBox a, .recommend.slideWrap a {
	text-decoration:none
}
#side-wrapper, .header_campaign_bnr_area {
	display:none
}
.category-wrapp {
	display:flex;
	flex-flow:row wrap;
	justify-content:stretch;
	padding:5px;
	align-content:stretch
}
.cateBox {
	text-align:center;
	margin:0 auto 2px;
	flex-basis:49%
}
.cateBox a {
	border:1px solid #eee;
	padding:4px;
	display:flex;
	flex-flow:row wrap;
	justify-content:space-between;
	align-items:center;
	color:#333
}
.cateBox img {
	flex-basis:30%;
	line-height:2em;
	width:30%
}
.cateBox span {
	line-height:2em;
	padding:0;
	word-break:keep-all;
	flex-basis:60%
}
#history {
	width:auto;
	margin:10px auto 40px
}
#history ol {
	display:flex;
	flex-flow:row wrap;
	justify-content:flex-start;
	margin:10px auto 20px;
	background:#eee;
	padding:10px
}
#history ol li p, .swiper2 .txtArea {
	padding:5px;
	font-size:12px
}
#history ol li {
	flex-basis:33%;
	background-color:#fff;
	border:1px solid #ddd
}
.slider {
	flex-basis:100%;
	margin:0 auto 5px;
}
    .gallery-thumbs .swiper-slide {
	height: 100%;
	/* [disabled]opacity: 0.5; */
    }
    .gallery-thumbs .swiper-slide-thumb-active {
      opacity: 1;
	  position:relative;

    }

		  
#history .slideWrap, .recommend.slideWrap {
	margin:20px auto 60px
}
.swiper2 .swiper-slide {
	background-color:#fff;
	height:auto
}
#topslider{
	background:#eee;
	}
#topslider img{
	width:100%;
}
.gallery-thumbs {
	height: 20%;
	box-sizing: border-box;
	padding: 10px 0;
}
.recommend.slideWrap .swiper-slide {
	font-size:12px;
	display:flex;
	flex-flow:row wrap;
	height:auto
}
.recommend.slideWrap .thumbnail {
	margin:0;
	flex-basis:100%
}
.recommend.slideWrap .swiper-slide .txtArea1 {
	margin:0 auto 1em;
	flex-basis:100%
}
.recommend.slideWrap .swiper-slide .priceArea {
	text-align:right;
	flex-basis:100%;
	margin-top:auto
}
.recommend.slideWrap .swiper-slide .price {
	font-weight:700;
	text-align:right
}
@media all and (min-width:768px) {
.newsWrapp {
	display:block;
	margin:0 auto 40px
}
.newsWrapp .listlink {
	text-align:right
}
.newsArea-wrapp .newsBox {
	border:1px solid #eee;
	overflow:hidden;
	padding:4px 10px;
	margin:0 auto 10px
}
.newsArea-wrapp h3 {
	border-bottom:1px solid #999;
	font-size:16px;
	margin:10px auto 8px;
	color:#4d4d4d;
	font-weight:400
}
.newsBox li {
	font-size:12px;
	line-height:124%;
	padding-bottom:18px
}
.newsBox li .newsicon {
	background-color:red;
	color:#fff;
	padding:3px 5px;
	display:inline-block;
	font-size:14px;
	margin:0 0 2px 1em
}
.main_topBnr, .main_topBnrBox {
	margin:0 auto 20px
}
.newsBox li:nth-of-type(n+3) {
	display:none
}
.main_topBnrBox {
	flex-basis:47%
}
.main_topBnrBox p {
	font-size:12px;
	color:#333
}
.main_topBnrBox p span {
	color:#fff;
	display:inline-block;
	background-color:#D90000;
	padding:2px 5px;
	margin:0 10px 0 0
}
.flexslider {
	flex-basis:100%;
	width:100%
}
.merit-wrapp .meritBox .picArea {
	margin:5px auto
}
.categoryArea {
	margin-bottom:10px;
	padding:5px;
	height:auto;
	min-height:1%
}
.cateBox {
	margin:1px;
	flex:0 0 14%
}
.cateBox img {
	flex-basis:auto;
	line-height:2em;
	width:auto
}
.cateBox a {
	text-decoration:none;
	font-size:12px;
	background:#fff;
	height:100%;
	display:block;
	flex-flow:inherit;
	justify-content:inherit;
	align-items:inherit
}
.cateBox span {
	font-size:10px
}
.hiddenCate {
	display:none;
	order:14
}
.cateBox.etcCate, .openCate {
	display:block
}
.categoryPlate .wrap.main {
	display:flex;
	flex-flow:row wrap
}
.categoryPlate .wrap.main .category {
	flex-basis:33%
}
.merit-wrapp .meritBox.cul4 {
	flex-basis:24%;
	width:24%;
	max-width:24%
}
.merit-wrapp .meritBox.cul2 {
	flex-basis:49%;
	width:49%;
	max-width:49%
}
.merit-wrapp .meritBox .title {
	font-size:79%;
	padding:0
}
.merit-wrapp .meritBox p {
	display:block;
font-size:.9rem;
	line-height:1.2em;
	padding:5px 10px;
	text-align:left
}
#pushArea-wrapp, .bannerArea, .meritArea, .saleArea {
	display:flex;
	flex-basis:100%;
	flex-flow:row wrap;
	justify-content:space-between;
	width:100%
}
#pushArea-wrapp .pushBox {
	border-bottom:1px dotted #ccc;
	flex-basis:49%;
	margin-bottom:40px;
	padding-bottom:40px
}
#pushArea-wrapp h2 {
	font-size:15px;
	margin-bottom:10px
}
#pushArea-wrapp p {
	font-size:12px;
	padding:10px
}
.shopArea .shopArea-wrapp .shopBox {
	flex-basis:24%;
	width:24%;
	background-color:#fff
}
#side-wrapper {
	display:block
}
#history ol li {
	flex-basis:33%
}
.gallery-thumbs .swiper-slide-thumb-active::before {
	border: 5px solid #F60;
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 96.5%;
	height: 83%;
	border: 4px solid #de0515;
}

}
@media all and (min-width:1023px) {
.categoryArea.contecate .category-wrapp, .merit-wrapp {
	background:#f0f0f0
}
.main_topBnr {
	display:inline-block;
	margin:0 auto 20px;
	width:48%
}
.categoryArea {
	margin:0 auto 10px;
	padding:2px;
	width:100%;
	height:auto
}
.categoryArea.contecate {
	display:block;
	margin:0 auto 40px
}
.categoryArea.contecate .cateBox span {
	font-size:13px
}
#pushArea-wrapp .pushBox h2, #pushArea-wrapp p, .cateBox a {
	font-size:12px
}
.categoryArea.contecate .category-wrapp .cateBox {
	flex:auto;
	margin:2px;
	width:14%
}
.category-wrapp {
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:-o-flex;
	display:flex;
	flex-flow:row wrap;
	justify-content:stretch;
	margin:auto;
	padding:2px
}
#pushArea-wrapp {
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	margin:auto auto 40px
}
#pushArea-wrapp .pushBox {
	flex-basis:32%;
	max-width:32%;
	margin:0 0 10px;
	padding:10px;
	border:1px solid #D8D8D8
}
.cateBox {
	flex-basis:7%;
	margin:auto 0 auto 1px;
	text-align:center;
	width:7%
}
.cateBox.panel a {
	font-size:11px
}
.cateBox span {
	padding:0
}
.cateBox img {
	width:100px
}
.cateBox.etcCate {
	flex-basis:6%;
	margin:0 0 0 auto
}
.saleArea-wrapp {
	display:flex;
	flex-flow:row wrap;
	align-items:center;
	justify-content:space-between
}
.saleArea-wrapp .saleBox {
	flex-basis:30%;
	width:30%;
	align-items:center;
	margin:0 5px 10px
}
.saleArea-wrapp .saleBox.cul4 {
	flex-basis:30%;
	width:30%
}
.merit-wrapp {
	flex-flow:row wrap;
	justify-content:space-between;
	margin-bottom:40px;
	padding:10px
}
.merit-wrapp .meritBox {
	margin-bottom:10px;
	border:1px solid #ccc;
	padding:5px;
	background:#fff
}
.merit-wrapp .meritBox.cul4 {
	flex-basis:24%;
	max-width:24%
}
.merit-wrapp .meritBox.cul2 {
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:-o-flex;
	display:flex;
	flex-basis:49.3%;
	flex-flow:row wrap;
	max-width:49.3%;
	width:49.3%
}
.merit-wrapp .meritBox .title {
	text-align:center;
	font-size:18px;
	padding:0;
	order:1
}
.merit-wrapp .meritBox p {
font-size:.9rem;
	display:inherit;
	text-align:left;
	order:2;
	flex-basis:60%
}
.merit-wrapp .meritBox .picArea {
	margin:0 auto 0 0;
	flex-basis:35%;
	width:35%;
	order:2
}
.bnrArea-wrapp .bnrbox {
	flex-basis:23%;
	max-width:100%;
	text-align:center;
	margin:10px 0 10px 10px
}
.aboutHappy {
	display:initial
}
.searchBox {
	flex-basis:auto
}
#side-wrapper {
	margin:0
}
#history ol li {
	flex-basis:16%
}
.gallery-thumbs .swiper-slide-thumb-active::before {
	width: 97.5%;
	height: 88%;
}
}
@media all and (min-width:768px), @media all and (-ms-high-contrast:none) {
.merit-wrapp .meritBox p, ::-ms-backdrop {
flex-basis:59%!important
}
}
@media all and (min-width:1130px), @media all and (-ms-high-contrast:none) {
.merit-wrapp .meritBox p, ::-ms-backdrop {
flex-basis:59%!important
}
}