/* BASIC css start */
#wrap { padding-top: 47px; }
#hdWrap { width: 100%; z-index: 20; position: fixed; top: 0; overflow: hidden;background-color: #fff;}
#header { }
#header .hdTop { min-height: 47px; position: relative; }
#header .hdTop .menuOpen { position: absolute; left: 10px; top: 9px; }
#header .hdTop .menuOpen i {width: 30px;height: 30px;font-size: 24px;line-height: 30px;text-align: center;border: 1px solid #ddd;border-radius: 4px;}
#header .hdTop .logo { text-align: center; padding-top: 12px; padding-bottom: 11px; }
#header .hdTop .logo img { width: 93px }
#header .hdTop .searchCart { position: absolute; right: 10px; top: 13px; }
#header .hdTop .searchCart .searchBtn {position: absolute;right: 32px;top: 0px;}
#header .hdTop .searchCart i { font-size: 24px; margin-left: 3px; }
#header .hdTop .searchCart i.xi-cart-o { margin-top: 1px;}
#header .hdTop .searchCart i.xi-close { }
#header .hdTop .searchCart .cartCnt { width: 15px; height: 15px; line-height: 15px; background-color: #d6000f; border-radius: 8px; color: #fff; text-align: center; font-size: 10px; font-family: NanumGothic; position: absolute; right: -3px; top: -3px; }
#header .hdTop .search { background-color: #f5f5f5; height: 24px; margin: 0px 10px 7px; display: none; }
#header .hdTop .search fieldset { width: 88%; display: inline-block; }
#header .hdTop .search input { background-color: #f5f5f5; border: none; width: 85%; height: 24px; outline: none; }
#header .hdTop .search a { float: right; padding-right: 5px; display: inline-block; width: 10%; text-align: right; }
#header .hdTop .search a i { color: #414141; font-size: 18px; line-height: 23px; }

.topBg {}
.topBg img { width: 100%; }
#hdMenu {position: relative; box-shadow: 0px 0px 3px rgba(0,0,0,0.4); background-color: #fff; z-index:10;}
#hdMenu .hdMid { height: 42px; overflow: hidden; background-color: #d6000f; }
#hdMenu .hdMid li { float: left; width: 25%; height: 42px; color: #fff; text-align: center; background: url('/design/ezbaking/m/image/top_menu_split.gif') no-repeat right center; background-size: 1px 14px; }
#hdMenu .hdMid li:last-child { background: none }
#hdMenu .hdMid li a { display: block; width: 100%; height: 100%; }
#hdMenu .hdMid li img { width: 22px; margin-top: 4px; }
#hdMenu .hdMid li span { display: block; font-size: 12px; color: #fff; font-weight: bold; }
#hdMenu .hdBtm { position: relative; }
#hdMenu .hdBtm .swiper-container { height: 30px;padding: 0 20px; }
#hdMenu .hdBtm .swiper-container .swiper-slide {text-align: center;font-size: 12px;color: #555555;background: #fff; /* 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;width: auto !important;padding: 0 5px;}
#hdMenu .hdBtm .swiper-container .swiper-slide a.on {color: #d6000f;font-weight:bold;display: block;position: relative;line-height: 31px;height: 100%;}
#hdMenu .hdBtm .swiper-container .swiper-slide a.on::after {content:"";display:block;width: 100%;height: 3px;background-color: #d6000f;position: absolute;bottom: 0px;}
#hdMenu .hdBtm .swiper-container .swiper-slide span {color: #c70026;font-size: 8px;position: absolute;line-height: 8px;top: 2px;left:10px;font-weight: bold;}
#hdMenu .hdBtm .swiper-button-prev {background: none #fff;width: 18px;height: 30px;line-height: 30px;font-size: 12px;color: #bbbbbb;top: 0px;left: 0px;text-align: right;margin: 0;}
#hdMenu .hdBtm .swiper-button-next { background: none #fff; width: 18px; height: 30px; line-height: 30px; font-size: 12px; color: #bbbbbb; right: 0px; top: 0px; margin: 0;}
#hdMenu .hdBtm .swiper-button-prev i,
#hdMenu .hdBtm .swiper-button-next i { line-height: 30px !important; }

#bannerAll { display: none }
.bounce {-webkit-animation: MK_shake_animation 2s;-webkit-animation-iteration-count: infinite;-webkit-animation-timing-function: ease-in-out;}
@-webkit-keyframes MK_shake_animation { 
    0% { -webkit-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg) }
    10% { -webkit-transform: scale(1) rotate(0deg) translateX(0px) translateY(-2px) skewX(0deg) skewY(0deg) }
    20% { -webkit-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg) }
    30% { -webkit-transform: scale(1) rotate(0deg) translateX(0px) translateY(-2px) skewX(0deg) skewY(0deg) }
    40% { -webkit-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg) }
    50% { -webkit-transform: scale(1) rotate(0deg) translateX(0px) translateY(-2px) skewX(0deg) skewY(0deg) }
    60% { -webkit-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg) }
    100% { -webkit-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg) }
}

/* BASIC css end */