html {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smooth: never;
}

.text-zh-head-1 {
    font-weight: 400;
}
.text-zh-head-2 {
    font-weight: normal;
}
.text-zh-head-3 {
    font-size: 1.9rem;
}

/* 唯獨樣式 */
input:read-only {
    background-color: #f2f4f7;
    cursor: not-allowed;
    border: 1px solid #d0d5dd;
}


/* 內頁瀏海重設 */
.header-bangs .text-en-l {
    font-size: 16px;
}
.header-bangs .text-zh-head-3 {
    font-size: 26px;
}


@media screen and (max-width: 1440px) {
    .text-zh-head-3 {
        font-size: 20px;
    }
}
.text-zh-head-4 {
    font-weight: normal;
}
.button-content, .button-content-purple {
    font-weight: 500;
}





/*** Menu ***/
.header-container {padding-left: 145px;padding-right: 145px;}
.header-nav-container {column-gap: 70px;}
.header-nav-container nav a {font-weight: 400;}
.social-icon:hover svg {fill: #a59bcb;}
#header {height: 96px; padding-top:0px;padding-bottom:0px;}


/*** 輪播區塊 ***/

.sidebar > a {margin-top: 0px;}

.sidebar-link a {
    padding: 0.75rem;
}

.sidebar {
    row-gap: 1rem;
}
.sidebar .sidebar-link {
    margin-top: 5px;
}
.sidebar .sidebar-link a {
    padding-bottom: 8px;
    padding-top: 8px;
}

.sidebar a:hover,
.header-nav-container nav a:hover {
    color: #fff!important;
    font-weight: 700;
    text-shadow: 1px 1px #444;
    transition: color .5s ease-in-out;
}

#heroSwiperLeft {
    width: 2.5em;
    left: 2.5em;
}
#heroSwiperRight {
    width: 2.5em;
    right: 2.5em;
}
.recommendSection-card {
    flex: 0 0 300px;
}
/*** ./輪播區塊 ***/

/** 最新消息區塊 ***/
.news-category {
    color: rgb(79, 63, 63);
    font-weight: 600;
}

/** ./最新消息區塊 ***/


.ingredient-monster-card p {
    height: 3em;
    color: #4f3f3f;
    font-weight: 400;
}

/*** 療癒分享 ***/
#sharingSection .sharing-content .container-center {
    padding-top: 60px;
}
#sharingSection .sharing-content .sharing-detail {
    padding: 0px;
}
@media screen and (max-width: 768px) {
    #sharingSection .sharing-content .sharing-detail {padding: 0px 40px;}
}
#sharingSection .sharing-content h2 span.text-en-l {
    position: relative;
    top: 10px;
    left: -20px;
}
#sharing-deco-1 {
    left: -40px;
}
#sharing-monster {
    top: 60px;
}
img#sharing-monster-body {
    top: 30px;
}
#shareswiper-prev, #shareswiper-next {
    width: 80px;
}
#shareswiper-prev:hover, #shareswiper-next:hover{
    opacity: .75;
}

.sharingSwiper-card-text p {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    overflow: hidden;
    margin-bottom: 20px;
}
/*** ./療癒分享 ***/


/*** 小怪獸推薦 ***/
#recommendSection {
    scroll-margin-top: -250px;
}
#drinkswiper-prev, #drinkswiper-next {
    width: 80px;
}
.recommendSection-category-title {
    margin-bottom:0px;
    font-size: 16px;
}
.en .recommendSection-category-title {
    font-size: 14px;
}
.recommendSection-card-title, .recommendSection-card-title-en {
    font-weight: 600;
}
.recommendSection-card-content,
.recommendSection-card-content-en {
    font-weight: 500;
}
.recommendSection-monster-card img {
    left: -10px;
    top: -5px;
}
/*** ./小怪獸推薦 ***/

/*** 歡迎加入料杯杯  ***/
#joinSection {
    scroll-margin-top: -80px;
    width: 100%;
}
#joinSection .join-container {
    /*    overflow-x: hidden;*/
/*    overflow: hidden;*/
}
#joinSection img#brand-deco-float-1 {
    right: 50px;
}
#joinSection .join-message {
    font-weight: 300;
}
#joinSection .join-content {
    font-weight: 500;
}
#joinSection .text-zh-head-3 {
    margin-bottom: 30px;
    margin-top: 10px;
}

/*** ./歡迎加入料杯杯  ***/

/*** 加盟頁面 ***/
/*.join-card-mulity-row label {
    width: 100px;
}*/
.join-card-title {
    /*    font-size:24px;*/
    font-size:20px;
    font-weight: 600;
}
#id_filter_budget_overseas .header {
    min-width: 200px;
}
.join-card-mulity-row label.contact-type {
    width: 80px;
}
.en .join-card-mulity-row .contact-extra-info {
    flex: 1 1 50%;
}
.join-bg {
    background-color: #F2E3D6;
}
button#id-submit-contact-form {
    border: 0px;
    cursor: pointer;
}
/*** ./加盟頁面 ***/

/*** footer ***/
.footer {
    margin-top:-7px;
}
div#toTop img {
    filter: drop-shadow(1px 1px 1px #333);
}
div#footer:before {
    content: "";
    background-color: #77629f;
    position: absolute;
    z-index: -1;
    left: 0;
    width: 100%;
    height: 100%;
}
div.footer-slogan {
    font-size: 15px;
}
div#footer .footer-slogan p.text-body {
    font-size: 15px;
}

div#footer .social-icon:hover svg {fill: #6b5e9e;}
#footer .svg-wave {margin-bottom: -1px}
/*** ./footer ***/



@media screen and (min-width:1440px) {
    .newsSwiper-btn-l {
        left: 25%;
    }
    .newsSwiper-btn-r {
        right: 25%;
    }
}
@media (max-width: 768px){
    .join-message {
        margin-left: 0px;
    }
    .header-slide-down-menu.active {
        box-shadow: 1px 1px 10px #333;
    }
    .ingredient-monster-card img {
        width: 70%;
        padding-left: 12%;
    }
    .recommendSection-monster-card img {
        margin-top: -63px;
        margin-left: -10px;
    }
    #heroSwiperLeft {
        left: 0px;
        width: 1.5em;
    }
    #heroSwiperRight {
        right: 0px;
        width: 1.5em;
    }
    #sharingSection .sharing-content h2 span.text-en-l {
        left: 1em;
    }

    #sharingSection .text-zh-head-4 {
        margin-left: 1em;
    }
}
@media screen and (max-width: 1200px) {
    .recommendSection-monster-card:hover p {
        right: unset;
        margin-left:240px;
    }
    .recommendSection-monster-card:hover img {
        transform: translateY(-40%) translateX(-8px) scale(1.05);
    }
}
@media screen and (max-width: 950px) {
    .recommendSection-monster-card:hover p {
        right: 22%;
        margin-left: unset;
    }
}




/* FOR EN */
.en .ingredient-monster-card p {
    height: 130px;
    overflow: scroll;
    /* Hide scrollbar for IE, Edge and Firefox */
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}
.en .ingredient-monster-card p::-webkit-scrollbar {
  display: none;
}

.en h3#ingredient-monster-card-title {
    font-size: 26px;
    margin-left: 0;
    margin-right: 0;
}



.en .text-slogan {
    letter-spacing: 0;
}
.en .join-card-mulity-row input.known-option {
    margin-left: 24px;
}
.en .join-card textarea {
    font-weight: 200;
    padding: 10px 0.75rem;
}


.en .join-card-row.full-card-row {
    flex-wrap: wrap;
}

.en .full-card-row .join-card-row-title {
    flex: 1 1 100%;
    width: 100%;
}
.en input.text-zh-mini.known-option {
    flex: 1 1 200px;
}

@media (max-width: 1024px){
    .text-zh-body-1 {
        font-size: 14px;
    }
    .join-card-mulity-row {
        margin-bottom: 0px;
    }

    .en input[type="radio"] + label span {
        margin-right: 15px;
    }
    .en h3#ingredient-monster-card-title {
        font-size: 18px;
    }
}


@media (max-width: 768px){
    .en .ingredient-monster-card {
        margin-top:30px;
    }
    .en .ingredient-monster-card h3 {
        padding: 0px 0px 0px 30px;
        height: 2em;
    }
    .en .ingredient-monster-card p {
        font-size: 12px;
        margin-top:10px;
        height: 90px;
        overflow: scroll;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }
    .en .ingredient-monster-card img {
        width: 80%;
        padding-left: 8%;
    }

    .en .text-zh-head-1 {
        font-size: 20px;
    }
    .en .text-zh-head-2 {
        font-size: 19px;
    }
    .en .text-zh-head-3 {
        font-size: 18px;
    }
    .en .text-zh-head-5 {
        font-size: 16px;
    }

    .en .text-zh-body-2 {
        font-size: 16px;
    }

    .en #sharingSection .sharing-content h2 span.text-en-l {
        left: 10px;
    }
    .en #sharingSection .sharing-content .text-zh-head-4 {
        margin-left: 10px;
    }
    .en #sharing-monster {
        margin-top: 90px;
    }
    .en #sharingSection .sharing-content .sharing-detail {
        padding: 0px 40px;
    }
    #shareswiper-prev  {
        width: 60px;
        left: 10px;
    }
    #shareswiper-next {
        width: 60px;
        right: 10px;
    }
    /* 加入 */
    /*.en .joinSection .text-zh-head-1 {
        font-size:20px;
    }
    .en .joinSection .text-zh-head-3 {
        font-size:18px;
    }*/
}

@media screen and (max-width: 480px) {
    #drinkswiper-prev, #drinkswiper-next {
        width: 60px;
    }
    .ingredient-container .ingredientTextSwiper div.swiper-slide p {
        font-size: 12px;
    }
    div.footer-slogan {
        font-size: 12px;
        font-weight: 400;
        letter-spacing: 0;
        line-height: 24px;
    }
    div#footer .footer-slogan p.text-body {
        font-size: 12px;
        font-weight: 400;
        letter-spacing: 0;
        line-height: 24px;
    }
    .recommendSection-category-title {
        height: 20px;
    }
    .recommendSection-card-content-en {
        height: 3em;
    }
}

@media screen and (max-width: 425px) {
    .join-card-mulity-row {
        flex-wrap: wrap;
    }

    .join-card-mulity-row input.text-zh-mini {
        margin-top: 10px;
        width: 100%!important;
    }
}


@media screen and (max-width: 1200px) {
    .header-container {padding-left: 40px;padding-right: 40px;}

}


@media screen and (max-width: 890px) {
    .header-container {padding-left: 10px;padding-right: 10px;}
    .header-nav-container {column-gap: 10px;}
    .header-nav-container nav {gap: 15px;}
}


/* 下滑位置校正 */
div#ingredientSection {
    scroll-margin-top: 80px;
}
div#recommendSection {
    scroll-margin-top: -3vw;
}
@media screen and (min-width:768px) {
    div#recommendSection {
        scroll-margin-top: -7vw;
    }
}
@media screen and (min-width:1200px) {
    div#recommendSection {
        scroll-margin-top: -10vw;
    }
}
@media screen and (min-width:1920px) {
    div#recommendSection {
        scroll-margin-top: -16vw;
    }
}

/* en特條 */
.en .join-card-row, .en .join-card-row-no-wrap {
    gap:20px;
}
.en .join-card-row-title {
    width: 240px;
    flex: 0 0 240px;
}
.en .join-card-mulity-row {
    margin-bottom: 0;
    min-height: 34px;
    flex-wrap: wrap;
    grid-row-gap: 5px;
}

.en .join-card-row-content {
    grid-row-gap: 10px;
    grid-column-gap: 1rem;
}

.en .join-card-row-content.loc-option {
    width: 100%;
    flex-wrap: nowrap;
}

.en .sidebar a:hover,
.en .header-nav-container nav a:hover {
    font-weight: 500;
    text-shadow: 1px 1px 2px #000;
}
/*.en .recommendSection-card {
    width: 400px;
}*/
.en .join-card-row-title svg {
    top: 11px;
}

h3.text-zh-head-2.recommendSection-card-title {
    font-size: 28px;
    /*    height: 3em;*/
    height: auto;
}

.en h3.text-zh-head-2.recommendSection-card-title {
    font-size: 28px;
    height: auto;
}



@media screen and (max-width: 890px) {
    .en .join-card-row-title {
        flex: unset;
    }
}
@media screen and (max-width: 375px) {
    .join-card {
        padding-left: 2rem;
        padding-right: 2rem;
    }
}





@media screen and (max-width: 768px) {
    .header-bangs .text-zh-head-3 {font-size: 20px;}

    .header-bangs .text-en-l {
        font-size: 12px;
    }

    .join-card-title {
        font-size: 18px;
    }
}


.news-text {width: 50%;}
@media screen and (max-width: 768px) {
    .news-text {width: 100%;}
}