.main_flex {
    display: flex;
    display: -webkit-flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap
}

.main_flex__nowrap {
    display: flex;
    display: -webkit-flex;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap
}

.flex__jcontent_between {
    justify-content: space-between;
    -webkit-justify-content: space-between
}

.flex__jcontent_start {
    justify-content: flex-start;
    -webkit-justify-content: flex-start
}

.flex__jcontent_end {
    justify-content: flex-end;
    -webkit-justify-content: flex-end
}

.flex__jcontent_center {
    justify-content: center;
    -webkit-justify-content: center
}

.flex__jcontent_around {
    justify-content: space-around;
    -webkit-justify-content: space-around
}

.flex__auto {
    flex: auto;
    -webkit-flex: auto;
    -ms-flex: auto
}

.flex__align-items_start {
    align-items: flex-start;
    -webkit-align-items: flex-start
}

.flex__align-items_end {
    align-items: flex-end;
    -webkit-align-items: flex-end
}

.flex__align-items_baseline {
    align-items: baseline;
    -webkit-align-items: baseline
}

.flex__align-items_stretch {
    align-items: stretch;
    -webkit-align-items: stretch
}

.flex__align-items_center {
    align-items: center;
    -webkit-align-items: center
}

.flex__align-content_flex-start {
    align-content: flex-start;
    -webkit-align-content: flex-start
}

.flex__align-content_flex-end {
    align-content: flex-end;
    -webkit-align-content: flex-end
}

.flex__align-content_space-between {
    align-content: space-between;
    -webkit-align-content: space-between
}

.flex__align-content_center {
    align-content: center;
    -webkit-align-content: center
}

.flex__align-content_space-around {
    align-content: space-around;
    -webkit-align-content: space-around
}

.flex__align-content_stretch {
    align-content: stretch;
    -webkit-align-content: stretch
}

.flex__flex-grow_01 {
    flex-grow: 1;
    -webkit-flex-grow: 1
}

.flex__flex-grow_02 {
    flex-grow: 2;
    -webkit-flex-grow: 2
}

.flex__flex-grow_03 {
    flex-grow: 3;
    -webkit-flex-grow: 3
}

.flex__flex-grow_04 {
    flex-grow: 4;
    -webkit-flex-grow: 4
}

.w5 {
    width: 5%;
    max-width: 5%
}

.w10 {
    width: 10%;
    max-width: 10%
}

.w15 {
    width: 15%;
    max-width: 15%
}

.w20 {
    width: 20%;
    max-width: 20%
}

.w25 {
    width: 25%;
    max-width: 25%
}

.w30 {
    width: 30%;
    max-width: 30%
}

.w35 {
    width: 35%;
    max-width: 35%
}

.w40 {
    width: 40%;
    max-width: 40%
}

.w45 {
    width: 45%;
    max-width: 45%
}

.w50 {
    width: 50%;
    max-width: 50%
}

.w55 {
    width: 55%;
    max-width: 55%
}

.w60 {
    width: 30%;
    max-width: 60%
}

.w65 {
    width: 65%;
    max-width: 65%
}

.w70 {
    width: 70%;
    max-width: 70%
}

.w75 {
    width: 75%;
    max-width: 75%
}

.w80 {
    width: 80%;
    max-width: 80%
}

.w85 {
    width: 85%;
    max-width: 85%
}

.w90 {
    width: 90%;
    max-width: 90%
}

.w95 {
    width: 95%;
    max-width: 95%
}

.w100 {
    width: 100%;
    max-width: 100%
}

.main_flex__nowrap_reverse {
    display: flex;
    display: -webkit-flex;
    -webkit-flex-flow: row-reverse nowrap;
    flex-flow: row-reverse nowrap
}

body {
    margin: 0px;
    background-color: #eaeaee;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 1.14vmax;
    line-height: 1.34vmax;
}

.wrap {
    width: 81.66vw;
    margin: 0 auto;
    position: relative;
}

.grey {
    background-color: #838d83ef;
    color: white;
}

.dark {
    background-color: #2e2e30;
    color: white;
}

header {
    margin: 0px;
}

#top {
    width: 100%;
    height: 9.16vmax;
}

#top .wrap,
#menu .wrap {
    height: inherit;
}

div.btn {
    border-radius: 0.33vw;
    padding: 0.66vw 1.32vw;
    cursor: pointer;
}

#sign,
#cart {
    border: 1px solid #ededed;
    color: #fff;
    font-size: 0.83vmax;
}

#sign svg,
#cart svg {
    width: 1.33vmax;
    height: 1.33vmax;
    margin-right: 1.83vmax;
    fill: #808081;
}

#sign:hover {
    background-color: #ededed;
    color: #2e2e30;
}

#cart svg {
    fill: #2a8008;
    transition: all 500ms;
}

#cart {
    color: #2a8008;
    border: 1px solid #2a8008;
}

#cart:hover {
    background-color: #2a8008;
    color: white;
}

#cart:hover svg {
    fill: white;
}

.anime {
    transition: all 0.5s;
}

#location,
#currency {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    margin-left: 5.25vmax;
    color: #aaaaaa;
}

#location span,
#currency span {
    color: white;
    cursor: pointer;
    margin-left: 1.66vmax;
    font-size: 0.83vmax;
}

#currency {
    margin-left: 0;
    margin-right: 6.33vmax;
}

#logo,
#logo a {
    display: block;
    height: 6vmax;
    font-family: 'Zhi Mang Xing', cursive;
    text-decoration: none;
}

#logo img {
    height: inherit;
    width: inherit;
}

#banner {
    width: 100%;
    height: 16.66vmax;
    overflow: hidden;
    background: rgba(173, 199, 199, 1);
    background: -moz-linear-gradient(left, rgba(173, 199, 199, 1) 0%, rgba(173, 199, 199, 1) 22%, rgba(203, 243, 250, 1) 51%, rgba(173, 199, 199, 1) 79%, rgba(173, 199, 199, 1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(173, 199, 199, 1)), color-stop(22%, rgba(173, 199, 199, 1)), color-stop(51%, rgba(203, 243, 250, 1)), color-stop(79%, rgba(173, 199, 199, 1)), color-stop(100%, rgba(173, 199, 199, 1)));
    background: -webkit-linear-gradient(left, rgba(173, 199, 199, 1) 0%, rgba(173, 199, 199, 1) 22%, rgba(203, 243, 250, 1) 51%, rgba(173, 199, 199, 1) 79%, rgba(173, 199, 199, 1) 100%);
    background: -o-linear-gradient(left, rgba(173, 199, 199, 1) 0%, rgba(173, 199, 199, 1) 22%, rgba(203, 243, 250, 1) 51%, rgba(173, 199, 199, 1) 79%, rgba(173, 199, 199, 1) 100%);
    background: -ms-linear-gradient(left, rgba(173, 199, 199, 1) 0%, rgba(173, 199, 199, 1) 22%, rgba(203, 243, 250, 1) 51%, rgba(173, 199, 199, 1) 79%, rgba(173, 199, 199, 1) 100%);
    background: linear-gradient(to right, rgba(173, 199, 199, 1) 0%, rgba(173, 199, 199, 1) 22%, rgba(203, 243, 250, 1) 51%, rgba(173, 199, 199, 1) 79%, rgba(173, 199, 199, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#adc7c7', endColorstr='#adc7c7', GradientType=1);
    text-align: center;
}

#banner img {
    min-height: 100%;
    max-width: 100%;
}

#left_bar {
    width: 19.16vw;
}

#right_bar {
    width: 60.83vw;
    text-align: center;
}

main {
    padding-top: 4.16vmax;
    padding-bottom: 6.66vmax;
}

.box {
    border-radius: 0.33vw;
    background-color: white;
}

#load_more {
    border: none;
    width: 100%;
    border-radius: 0.33vw;
    color: white;
    background-color: #b8c6c7;
    font-size: 1.25vmax;
    padding-top: 1.66vmax;
    padding-bottom: 1.66vmax;
    margin-top: 1.66vmax;
    font-family: 'Abril Fatface', cursive;
}

.main_font {
    font-family: 'Abril Fatface', cursive;
    font-family: 'Comfortaa', cursive;
    color:#2e2e30 ;
}

#load_more:hover {
    transform: scale(0.95);
}
.list_product{
    text-align: center;
    margin-left: auto;
}
.product {
    flex-flow: column nowrap;
    text-decoration: none;
    color: #2e2e30;
    padding: 1.66vmax 1.66vw;
    width: 15.85vw;
    height: 25vmax;
    margin-bottom: 1.66vmax;
    margin-right: 1.66vw;
    position: relative;
}
.img_product {
    width: 100%;
    height: 13.33vmax;
    overflow: hidden;
    text-align: center;
    margin-bottom: 3.08vmax;
}
.img_product img{
    height: 100%;
    width: auto;
}
.product h2 {
    font-size: 1.25vmax;
    line-height: 1.5vmax;
    text-align: center;
    color: #3a3d3f;
    margin-bottom: 0.83vmax;
}
.product p:first-of-type {
    text-align: center;
    font-style: italic;
    color: #838c8e;
    font-size: 1vmax;
}
.price {
    color: #3a3d3f;
    font-size: 1.08vmax;
    font-weight: bold;
    margin-top: 0.83vmax;
}
.product:hover{
    transform: scale(1.05);
}
.product:nth-of-type(3n){
    margin-right: 0px;
}
.tag_new{
    background-color: #84ce8b;
    color: #fff;
    padding: 0.41vmax;
    font-size: 0.83;
    text-transform: uppercase;
    right: 1.66vmax;
    position: absolute;
    z-index: 1;
    top: 1.66vmax;
    letter-spacing: 0.2vmax;
}