/* BASIC css start */
#container {border-top: 1px solid #464646;}
.shopbrand h2 {text-align:center; font-size: 1.25em; font-weight:bold; padding-top:10px;}
.shopbrand .MK_product_list {background-color:#f9f9f9; border-bottom:1px solid #4a4a4a; border-top: 1px solid #4a4a4a;}
.shopbrand .MK_product_list .items {padding: 10px 0;}
.shopbrand .MK_product_list .items #MK_best_product li {width:33.33%;}
.shopbrand .MK_product_list .items .paging-num {text-align: center; clear: both; margin:20px 0;}
.shopbrand .MK_product_list .items .paging-num a {background-color:#fff; border:1px solid #393939; padding:5px 10px; margin:0 10px;}
.shopbrand .list_group {padding:12px 1%; text-align:center;}
.shopbrand .list_group select {width:49%; height:28px;}
.shopbrand .more .more-title {color: #3b3b3b;}
.shopbrand .more .more-num {color: #aaaaaa;}
.shopbrand .shopbrandTitle img {max-width: 100%;}
.shopbrand .list_array .list_arrayRight img {width: 23px; height: auto;}



#contents .list_category {overflow:hidden; border-top:1px solid #ddd;}
#contents .list_category li {float:left; width:25%; border-bottom:1px solid #ddd; border-right:1px solid #ddd; box-sizing:border-box; -moz-box-sizing:border-box;}
#contents .list_category li:nth-child(5) {border-right:0px none;}
#contents .list_category li:nth-child(10) {border-right:0px none;}
#contents .list_category ul li.red_color a {color:#d10000;}
#contents .list_category li a {display:block; height:32px; line-height:32px; color:#777; text-align:center; text-overflow: clip; white-space: nowrap; overflow: hidden;}


#contents .ev_title {background-color: #fecf67;}
#contents .ev_title img {width: 100%; }



#snow{
	background: none;
    margin-top:30%;
    background:url('http://www.wearewebstars.dk/codepen/img/s1.png'), url('http://www.wearewebstars.dk/codepen/img//s2.png'), url('http://www.wearewebstars.dk/codepen/img//s3.png');
	height: 600px;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index:1;

	-webkit-animation: snow 20s linear infinite;
    
	-moz-animation: snow 20s linear infinite;
	-ms-animation: snow 20s linear infinite;
	animation: snow 20s linear infinite;
}
@keyframes snow {
  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
  50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
  100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}
}
@-moz-keyframes snow {
  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
  50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
  100% {background-position: 400px 1000px, 200px 400px, 100px 300px;}
}
@-webkit-keyframes snow {
  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
  50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
  100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}
}
@-ms-keyframes snow {
  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
  50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
  100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}
}	






/*Ãß°¡ ¼Ò½º*/

#coupon  {width: 100%; height: 100%; padding: 30px 10px; background-color: #fecf67;}
#coupon .swiper-slide {text-align: center;font-size: 18px;background: #fecf67; width: 50%;/* Center slide text vertically */display: -webkit-box;display: -ms-flexbox; display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center; -webkit-box-align: center;-ms-flex-align: center; -webkit-align-items: center; align-items: center; }  

#thankYou {width: 100%; height: 100%; padding: 30px 10px; background-color: #fecf67;}
#thankYou .swiper-slide {text-align: center;font-size: 18px;background: #fecf67; width: 80%;/* Center slide text vertically */display: -webkit-box;display: -ms-flexbox; display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center; -webkit-box-align: center;-ms-flex-align: center; -webkit-align-items: center; align-items: center; }  

#gift  {width: 100%; height: 100%; padding: 30px 10px; background-color: #fecf67;}
#gift .swiper-slide {text-align: center;font-size: 18px;background: #fecf67; width: 80%;/* Center slide text vertically */display: -webkit-box;display: -ms-flexbox; display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center; -webkit-box-align: center;-ms-flex-align: center; -webkit-align-items: center; align-items: center; }  


#oneday  {width: 100%; height: 100%; padding: 30px 10px; background-color: #fecf67;}
#oneday .swiper-slide {text-align: center;font-size: 18px;background: #fecf67; width: 80%;/* Center slide text vertically */display: -webkit-box;display: -ms-flexbox; display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center; -webkit-box-align: center;-ms-flex-align: center; -webkit-align-items: center; align-items: center; }  


.swiper-slide a {width:100%; height:100%;}  
.swiper-slide a img{width:100%; height:100%;} 




/* BASIC css end */