﻿/* RESPONSIVE
-------------------------------------------------- */

/* Between Medium and Small size 1800x 1281 */
@media only screen and (max-width: 1800px) and (min-width: 1367px) {
    .gotop {
        right: 9rem;
    }
}


@media (min-width: 1200px) {

    .m-header,
    .m-nearby,
    .m-purchaseBox,
    .m-checkout-buy,
    .m-buy-info,
    .discount-price-768,
    .normal-price-768,
    .recu-price-768 {
        display: none;
    }
}


/* Between Medium and Small size 1366x 1281 */
@media only screen and (max-width: 1366px) and (min-width: 1281px) {

    .m-header,
    .m-nearby,
    .m-purchaseBox,
    .m-checkout-buy,
    .m-buy-info,
    .discount-price-768,
    .normal-price-768,
    .recu-price-768 {
        display: none;
    }
    .gotop {
        right: 3rem;
    }
}


/* Between Medium and Small size 1280x 800 */
@media only screen and (max-width: 1280px) and (min-width: 1199px) {

    .m-header,
    .m-nearby,
    .m-purchaseBox,
    .m-checkout-buy,
    .m-buy-info,
    .discount-price-768,
    .normal-price-768,
    .recu-price-768 {
        display: none;
    }
    .gotop {
        right: 2rem;
    }
}


@media only screen and (max-width: 1198px) and (min-width: 1025px) {

    .m-header,
    .m-nearby,
    .m-purchaseBox,
    .m-checkout-buy,
    .m-buy-info,
    .discount-price-768,
    .normal-price-768,
    .recu-price-768 {
        display: none;
    }
    .gotop {
        right: 0.5rem;
    }
    a.storeBranch p {
        width: 84%;
    }
}

/* iPad 橫式 1024x768 */
@media only screen and (max-width: 1024px) and (min-width: 970px) {

    .m-header,
    .m-nearby,
    .m-purchaseBox,
    .m-checkout-buy,
    .m-buy-info,
    .discount-price-768,
    .normal-price-768,
    .recu-price-768 {
        display: none;
    }
    .gotop {
        right: 0.5rem;
    }

    .w-510 {
        width: 100% !important;
    }

    .searchbar-wrap .keyword {
        overflow: hidden;
        height: 25px;
    }

    .form-group {
        font-size: 0.9rem;
    }

    .product-carousel .carousel-inner {
        height: 387px !important;
    }

    .tagBox .tag {
        padding: 0 0.3rem;
    }

    .banner-ad-page {
        height: 355px;
    }

    .label-icon {
        padding-left: 19px;
    }
    a.storeBranch p {
        width: 83%;
    }
}

/* iPad 直式 size800x600 */
@media only screen and (max-width: 969px) and (min-width: 501px) {
    .m-header,
    .m-nearby,
    #faq-sticky-wrapper,
    .m-checkout-buy,
    .m-buy-info,
    .checkout-hot-recommend,
    .i-newuser,
    .checkout-purchaseBox {
        display: none;
    }
    .gotop {
        right: 0.5rem;
    }
    .w-510 {
        width: 100% !important;
    }

    .searchbar-wrap .keyword {
        overflow: hidden;
        height: 25px;
    }

    .m-purchaseBox {
        margin-bottom: 1rem;
        padding: 0.5rem;
    }

    .discount-price-768 {
        text-align: center;
        padding-bottom: 1rem;
    }

    .discount-price-768 div {
        color: #da5050;
        font-size: 1.1rem;
        display: inline;
    }

    .discount-price-768 div span {
        font-weight: bold;
        font-size: 1.3rem;
        display: inline;
    }

    .normal-price-768 {
        text-align: center;
        padding-bottom: 1rem;
    }

    .normal-price-768 div {
        color: #da5050;
        font-size: 1.1rem;
        display: inline;
    }

    .normal-price-768 div span {
        font-weight: bold;
        font-size: 1.3rem;
        display: inline;
    }

    .recu-price-768 {
        color: #da5050;
        text-align: center;
        padding-bottom: 1rem;
    }

    .checkout-header h1.page-title {
        font-size: 1.2rem;
        padding-bottom: 0rem;
    }
    a.storeBranch p {
        width: 84%;
        font-size: 0.9rem;
    }

}

/* 660px and mobile */
@media (max-width: 500px) {
    .wrapper {
        min-width: auto;
    }
    .w-260,
    .w-160,
    .w-80,
    .w-510,
    .w-450,
    .w-70,
    .w-20 {
        width: 100% !important;
    }

    .w-15 {
        width: 18.5% !important;
    }
    .gotop {
        bottom: 1rem;
        right: 1rem;
    }

    .checkout.gotop {
        bottom: 6rem;
        right: 0.5rem;
        display: none !important;
    }

    .product-carousel .carousel-inner {
        height: auto;
    }

    .form-control {
        padding: 0.375rem .5rem !important;
    }

    .pc-header,
    #faq-sticky-wrapper,
    .history,
    .promote-ad,
    .footer,
    .checkout-buy,
    .bg-404,
    .stores .gogole-map,
    .i-newuser,
    .checkout-purchaseBox,
    .eventAds_Box,
    .stores .pc-nearby {
        display: none;
    }

    .m-nearby,
    .m-bg-404 {
        display: block;
    }

    button,
    .button {
        font-size: 1rem;
        line-height: 2.3;
    }

    .btn {
        font-size: 0.9rem !important;
    }

    .section {
        padding: .5rem 0 0.5rem;
    }

    .m-header {
        display: block;
        padding: 5px 10px;
        position: fixed;
        height: 3.5rem;
        width: 100%;
        top: 0;
        left: 0;
        box-shadow: 0 1px 0 0 #dedede;
        background-color: #f9f9f9;
        z-index: 100;
    }

    .m-header .toolBar {
        position: absolute;
        top: 1rem;
    }

    .toolBar span {
        color: #FF8800;
        font-size: 0.9rem;
    }

    .title {
        text-align: center;
        font-size: 0.9rem;
    }

    .channel-header {
        margin-top: 53px;
    }
    .channel-header.refund{
        display: none;
    }
    .storeInfo {
        margin-top: 1rem;
    }

    .storeInfo h1 {
        font-size: 1.3rem !important;
    }

    .storeInfo h1 span {
        display: block;
    }

    .stores .section-head h2 {
        font-size: 1.2rem;
    }

    .store-address {
        margin-top: 1rem;
        padding-left: 0 !important;
    }

    .stores .map-btn {
        display: inline-block;
        margin-top: 0.2rem;
    }

    .store-product-item .pricewrap {
        position: relative;
        width: 100%;
    }

    .store-product-item h3 {
        font-size: 1rem;
        margin-top: 0.5rem;
    }

    .sold-out-item .sold-out-label {
        top: 2rem;
        left: 1rem;
    }

    .soldout-info .soldout-info-input {
        width: 100% !important;
    }

    .stores .nearby,
    .stores .product-item {
        overflow: hidden;
    }

    .stores .product-item {
        border: 1px solid #dedede;
    }

    .stores .nearby .product-img {
        float: left;
        width: 50%;
    }

    .stores .nearby .product-detail {
        float: left;
        width: 50%;
    }

    .stores .nearby .product-detail h3 {
        font-size: 0.95rem;
    }

    .stores .nearby .product-detail .button {
        font-size: 1rem;
        line-height: 2;
    }

    .stores .priceBox .price .current {
        font-size: 1.1rem;
        line-height: 1.7;
    }

    .stores .priceBox .price .original {
        padding-top: 0.3rem;
    }

    .stores .product-img img {
        border-radius: 0;
    }

    .channel-header nav {
        display: none;
    }

    .faq .channel-header {
        margin-top: 3.4rem;
        padding-bottom: 0;
        margin-bottom: 0;
        display: none;
    }

    .faq h1 {
        font-size: 1.6rem;
        margin-top: 0.5rem;
        display: none;
    }

    .faq h3#term-1,
    .faq h3#term1 {
        font-size: 1.5rem;
        margin-top: 3.55rem;
    }

    .faq .accordion {
        margin-top: 3.5rem;
    }

    .card-header {
        padding: .5rem 1.8rem 0.5rem .5rem !important;
    }

    .i-questiondropdown {
        right: 0;
        top: 1.5rem;
    }

    .accordion h3 {
        font-size: 1.5rem;
        font-weight: bold;
        padding-top: 0 !important;
    }

    .faq-info .service {
        margin: 1.5rem 0 0;
        padding: 1rem 2rem 2rem;
    }

    .s-service .mail {
        margin-bottom: 0 !important;
    }

    .contactBox {
        padding: 1rem 0.5rem 0rem;
        margin: 3.5rem 0 0;
    }

    .contactBox h3 {
        font-size: 1.2rem;
    }

    .contactBox p {
        font-size: 1rem;
    }

    /* checkout ------*/
    .checkout-header h1.page-title {
        font-size: 1.1rem !important;
        padding-bottom: 0rem;
    }

    .m-purchaseBox {
        padding: 1rem 0.8rem;
        margin-bottom: 0.8rem;
    }

    .m-purchaseBox .purchase-list {
        padding: 0.1rem 0;
    }

    .checkout-part-header {
        font-size: 1.2rem;
    }

    .checkout-part-box {
        padding: 0 0.3rem;
    }

    .panel-box {
        margin: 0.5rem 0;
    }

    .form-control {
        margin-bottom: 0.5rem !important;
    }

    .checkout-part {
        margin-bottom: 1rem;
    }

    .form-check {
        padding-left: 1rem !important;
    }

    ul.mmulti-option {
        margin-right: 1rem;
    }

    .payment-type ul .payment-card {
        margin: 0.5rem 0rem 1rem;
    }

    .form-check-label button {
        background-color: #FFFFFF;
    }

    .m-checkout-buy {
        margin-bottom: 5.5rem;
    }

    .m-buy-info {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        z-index: 1999;
        background-color: #fff9d5 !important;
    }

    .m-checkout-buy a {
        text-decoration: underline;
    }

    .discount-price {
        padding: 0.5rem 0;
        text-align: center;
        border-top: 1px solid #ced4da;
        background-color: #fff9d5;
    }

    .discount-price div {
        color: #128AE9;
        font-size: 0.75rem;
        display: inline;
    }

    .discount-price div span {
        font-size: 0.9rem;
        display: inline;
    }

    .normal-price {
        padding: 0.5rem 0;
        text-align: center;
        border-top: 1px solid #ced4da;
        background-color: #fff9d5;
    }

    .normal-price div {
        color: #128AE9;
        font-size: 0.75rem;
        display: inline;
    }

    .normal-price div span {
        font-size: 0.9rem;
        display: inline;
    }

    .recu-price {
        font-size: 0.9rem;
        padding: 0.5rem 0;
        text-align: center;
        border-top: 1px solid #ced4da;
        background-color: #fff9d5;
    }

    .m-buy-info .button {
        border-radius: 0;
        line-height: 50px;
        font-size: 1.2rem;
        font-weight: bold !important;
    }

    .successBox {
        padding: 1rem 0.5rem 0.5rem;
        margin: 4.5rem 0 1rem;
    }

    .gomaji-app h3 {
        font-size: 1.3rem;
    }

    .gomaji-app p {
        font-size: 1rem;
    }

    .goback-home {
        margin: 1rem 0;
    }

    .servieterm ul li h4 {
        margin-top: 0.5rem;
    }

    .servieterm ul li p,
    .servieterm ul ul li {
        margin-left: 0rem;
    }

    .servieterm ul {
        padding-left: 0;
    }

    .servieterm ul ul {
        padding-left: 0;
    }

    .stepper {
        width: 100%;
    }

    .refund h1.page-title {
        font-size: 1.6rem;
    }

    .rating_smile {
        width: 100%;
    }

    .rating_smile span {
        width: 40px;
        height: 40px;
        margin: 0 0.25rem;
        background-image: url('data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%20standalone%3D%22no%22%3F%3E%0A%3Csvg%20width%3D%2240px%22%20height%3D%2240px%22%20viewBox%3D%220%200%2040%2040%22%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%3E%0A%20%20%20%20%3C%21--%20Generator%3A%20Sketch%2050.2%20%2855047%29%20-%20http%3A//www.bohemiancoding.com/sketch%20--%3E%0A%20%20%20%20%3Ctitle%3Eicon/rating-smilingface-gray%20copy%3C/title%3E%0A%20%20%20%20%3Cdesc%3ECreated%20with%20Sketch.%3C/desc%3E%0A%20%20%20%20%3Cdefs%3E%3C/defs%3E%0A%20%20%20%20%3Cg%20id%3D%22icon/rating-smilingface-gray-copy%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20id%3D%22smilingface%22%20fill%3D%22%23CCCCCC%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M34.1494955%2C5.85260415%20C26.3469999%2C-1.95055373%2013.6524815%2C-1.95055373%205.85149453%2C5.85071842%20C-1.95100103%2C13.6519906%20-1.95024672%2C26.3467366%205.85224883%2C34.1495173%20C13.6524815%2C41.9504123%2026.3469999%2C41.9504123%2034.1487412%2C34.1480087%20C41.9504825%2C26.3467366%2041.9501053%2C13.6527449%2034.1494955%2C5.85260415%20L34.1494955%2C5.85260415%20Z%20M31.9661696%2C31.9662171%20C25.3682936%2C38.5640153%2014.6323192%2C38.5647696%208.03406616%2C31.9669714%20C1.43468162%2C25.3680418%201.43543592%2C14.6310625%208.03406616%2C8.03326432%20C14.6319421%2C1.4358433%2025.3675393%2C1.43508901%2031.9669239%2C8.03401861%20C38.5647998%2C14.6318168%2038.5640455%2C25.3687961%2031.9661696%2C31.9662171%20L31.9661696%2C31.9662171%20Z%20M12.5364923%2C14.5846735%20C12.5364923%2C13.2933244%2013.58384%2C12.245989%2014.8752043%2C12.245989%20C16.1661915%2C12.245989%2017.2135392%2C13.2929473%2017.2135392%2C14.5846735%20C17.2135392%2C15.8767769%2016.1661915%2C16.9237351%2014.8752043%2C16.9237351%20C13.58384%2C16.9237351%2012.5364923%2C15.8767769%2012.5364923%2C14.5846735%20L12.5364923%2C14.5846735%20Z%20M23.1408411%2C14.5846735%20C23.1408411%2C13.2933244%2024.1889431%2C12.245989%2025.4803074%2C12.245989%20C26.7712946%2C12.245989%2027.8186423%2C13.2929473%2027.8186423%2C14.5846735%20C27.8186423%2C15.8767769%2026.7716717%2C16.9237351%2025.4803074%2C16.9237351%20C24.1889431%2C16.9237351%2023.1408411%2C15.8767769%2023.1408411%2C14.5846735%20L23.1408411%2C14.5846735%20Z%20M28.6698717%2C24.1630592%20C27.2204812%2C27.5147588%2023.8261241%2C29.6803331%2020.0229355%2C29.6803331%20C16.1379052%2C29.6803331%2012.7235591%2C27.5038216%2011.3243297%2C24.1351504%20C11.0844618%2C23.5584936%2011.3578961%2C22.8962246%2011.9353139%2C22.6563596%20C12.0771226%2C22.5979019%2012.2242114%2C22.5699931%2012.3690373%2C22.5699931%20C12.8125667%2C22.5699931%2013.233467%2C22.8321098%2013.4141222%2C23.2677138%20C14.4614699%2C25.7893143%2017.0555131%2C27.4178322%2020.0229355%2C27.4178322%20C22.9232251%2C27.4178322%2025.5021822%2C25.7881828%2026.5929023%2C23.2650738%20C26.8410675%2C22.6914342%2027.5071158%2C22.4270546%2028.080385%2C22.675594%20C28.6536542%2C22.9241335%2028.9180369%2C23.5897968%2028.6698717%2C24.1630592%20L28.6698717%2C24.1630592%20Z%22%20id%3D%22Shape%22%3E%3C/path%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%3C/g%3E%0A%3C/svg%3E');
        background-repeat: no-repeat;
    }

    .rating_smile span.active,
    .rating_smile span:hover,
    .rating_smile span:active,
    .rating_smile span:focus {
        background-image: url('data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%20standalone%3D%22no%22%3F%3E%0A%3Csvg%20width%3D%2240px%22%20height%3D%2240px%22%20viewBox%3D%220%200%2040%2040%22%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%3E%0A%20%20%20%20%3C%21--%20Generator%3A%20Sketch%2050.2%20%2855047%29%20-%20http%3A//www.bohemiancoding.com/sketch%20--%3E%0A%20%20%20%20%3Ctitle%3Eicon/rating-smilingface%20copy%3C/title%3E%0A%20%20%20%20%3Cdesc%3ECreated%20with%20Sketch.%3C/desc%3E%0A%20%20%20%20%3Cdefs%3E%3C/defs%3E%0A%20%20%20%20%3Cg%20id%3D%22icon/rating-smilingface-copy%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20id%3D%22smilingface%22%20fill%3D%22%23FF8800%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M34.1494955%2C5.85260415%20C26.3469999%2C-1.95055373%2013.6524815%2C-1.95055373%205.85149453%2C5.85071842%20C-1.95100103%2C13.6519906%20-1.95024672%2C26.3467366%205.85224883%2C34.1495173%20C13.6524815%2C41.9504123%2026.3469999%2C41.9504123%2034.1487412%2C34.1480087%20C41.9504825%2C26.3467366%2041.9501053%2C13.6527449%2034.1494955%2C5.85260415%20L34.1494955%2C5.85260415%20Z%20M31.9661696%2C31.9662171%20C25.3682936%2C38.5640153%2014.6323192%2C38.5647696%208.03406616%2C31.9669714%20C1.43468162%2C25.3680418%201.43543592%2C14.6310625%208.03406616%2C8.03326432%20C14.6319421%2C1.4358433%2025.3675393%2C1.43508901%2031.9669239%2C8.03401861%20C38.5647998%2C14.6318168%2038.5640455%2C25.3687961%2031.9661696%2C31.9662171%20L31.9661696%2C31.9662171%20Z%20M12.5364923%2C14.5846735%20C12.5364923%2C13.2933244%2013.58384%2C12.245989%2014.8752043%2C12.245989%20C16.1661915%2C12.245989%2017.2135392%2C13.2929473%2017.2135392%2C14.5846735%20C17.2135392%2C15.8767769%2016.1661915%2C16.9237351%2014.8752043%2C16.9237351%20C13.58384%2C16.9237351%2012.5364923%2C15.8767769%2012.5364923%2C14.5846735%20L12.5364923%2C14.5846735%20Z%20M23.1408411%2C14.5846735%20C23.1408411%2C13.2933244%2024.1889431%2C12.245989%2025.4803074%2C12.245989%20C26.7712946%2C12.245989%2027.8186423%2C13.2929473%2027.8186423%2C14.5846735%20C27.8186423%2C15.8767769%2026.7716717%2C16.9237351%2025.4803074%2C16.9237351%20C24.1889431%2C16.9237351%2023.1408411%2C15.8767769%2023.1408411%2C14.5846735%20L23.1408411%2C14.5846735%20Z%20M28.6698717%2C24.1630592%20C27.2204812%2C27.5147588%2023.8261241%2C29.6803331%2020.0229355%2C29.6803331%20C16.1379052%2C29.6803331%2012.7235591%2C27.5038216%2011.3243297%2C24.1351504%20C11.0844618%2C23.5584936%2011.3578961%2C22.8962246%2011.9353139%2C22.6563596%20C12.0771226%2C22.5979019%2012.2242114%2C22.5699931%2012.3690373%2C22.5699931%20C12.8125667%2C22.5699931%2013.233467%2C22.8321098%2013.4141222%2C23.2677138%20C14.4614699%2C25.7893143%2017.0555131%2C27.4178322%2020.0229355%2C27.4178322%20C22.9232251%2C27.4178322%2025.5021822%2C25.7881828%2026.5929023%2C23.2650738%20C26.8410675%2C22.6914342%2027.5071158%2C22.4270546%2028.080385%2C22.675594%20C28.6536542%2C22.9241335%2028.9180369%2C23.5897968%2028.6698717%2C24.1630592%20L28.6698717%2C24.1630592%20Z%22%20id%3D%22Shape%22%3E%3C/path%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%3C/g%3E%0A%3C/svg%3E');
        background-repeat: no-repeat;
    }

    .nohappy {
        text-align: center;
    }

    .rating-category li a {
        width: 85px;
    }

    .m-bg-404 {
        margin-top: 4.5rem;
    }

    .text404 {
        width: 170px;
        margin: -1rem auto 0;
    }

    input[type="radio"][disabled] {
        margin: 0.5rem 0 0 1px !important;
        border: 1px solid #ccc;
        border-radius: 8px;
        width: 13px;
        height: 13px;
        -webkit-appearance: none;
        -moz-appearance: none;
    }

    input[type="checkbox"][disabled] {
        margin: 0.5rem 0 0 1px !important;
        border: 1px solid #ccc;
        width: 13px;
        height: 13px;
        -webkit-appearance: none;
        -moz-appearance: none;
    }

    .topimg {
        width: 150px;
        height: 150px;
    }

    .topimg img {
        width: 80%;
    }

    .rating-section .contactBox h3 {
        font-size: 1.8rem;
    }

    .rating-section .contactBox p {
        text-align: center;
    }

    .ratingBox h3.title {
        font-weight: 600;
        color: #FF8800;
        font-size: 1.2rem;
    }
    .rating_sub {
        font-size: 1.2rem !important;
        font-weight: normal;
        margin: 0 auto 0.5rem;
    }

    .rating-smile {
        margin: 0 auto;
    }

    .rating_0 {
        display: block;
    }

    .rating_0_0::before, .rating_3_0::before {
        left: 8.8rem;
    }

    .rating_1_0::before {
        left: 2.9rem;
    }

    .rating_2_0::before {
        left: 5.9rem;
    }

    .rating_4_0::before {
        right: 6rem;
        left: inherit;
    }

    .rating_5_0::before {
        right: 3rem;
    }

    .categorylist a {
        width: 29% !important;
        font-size: 0.9rem;
    }
    .rating-done .contactBox {
        padding-bottom: 3rem;
    }
    .categorylist p,
    .panel-box p.sm {
        text-align: left !important;
        font-size: 0.85rem;
    }
    .sub-title p, .message .comments {
        font-size: 0.9rem;
    }
    .rating-section .contactBox,
    .refund-section .contactBox {
        padding: 0;
    }
    .rating-section .border,
    .refund-section .border,
    .refund-bonus .border{
        border: none !important;
    }
    .refund-section h3{
        font-weight: 600;
    }
    #cashback-popup a{
        width: 25%;
        height: 40px;
    }
    .checkout-hot-recommend .col-sm-6{
        width: 50%;
    }
    .hot-recommend img{
        height: 100px;
    }
    .hot-recommend .product-detail h3 {
        font-size: 1.1rem;
    }
    img.noRefund {
        width: 200px;
    }
    .refund-bonus .contactBox{
        margin-top: 2.5rem !important;
    }
    .refund-bonus .contactBox {
        margin-bottom: 1rem;
        padding: 1rem 0 0;
    }
    .refund-box-border{
        border-bottom: 1px solid #dcdcdc;
        padding-bottom: 0.5rem ;
    }
    .popupBox .table-detail{
        margin: 1rem 0;
        text-align: center;
        font-size: 0.9rem;
    }
    .popupBox .table td, .popupBox .table th {
        padding: 0.5rem;
    }
    .popupBox{
        padding: 0.5rem !important;
    }
    a.storeBranch p{
        font-size: 1rem;
    }
    a.storeBranch p span{
        font-size: 0.85rem;
    }
    .storeBranchBox .cityBox h3{
        margin: 0 0 0.3rem 0;
    }
    .storeBranchBox .storeBox li a p{
        width: 70%;
        font-size: 0.85rem;
    }
    .storeBranchBox .storeBox li a p span{
        font-size: 0.85rem;
    }
    .storeBranchBox .storeBox li a .soldout{
        font-size: 0.9rem;
        margin: 0.5rem 0 0 1.3rem;
    }
}