@charset "UTF-8";

body {
    font-family: "Microsoft JhengHei", "微軟正黑體", sans-serif;
    line-height: 1.5;
    overflow-x: hidden;
}

img {
    max-width: 100% !important;
    height: auto;
}

.letter-spacing-2 {
    letter-spacing: 2px;
}

.rounded-30 {
    border-radius: 30px;
}

*:focus {
    box-shadow: none !important;
    outline: none !important;

}

.flex-1 {
    flex: 1;
}

label.error {
    font-size: 0.9em;
    color: #dc3545;
    margin-bottom: 0;
}

.form-control.custom {
    padding: .5rem .8rem;
    font-size: 1rem;
    border-radius: 0;
}

select.custom-select.custom:not([size]):not([multiple]) {
    height: calc(2.25rem + 5px);
    padding: .5rem .8rem;
    font-size: 1rem;
    border-radius: 0;
}

.input-required:before {
    content: "*";
    color: #dc3545;
}

.red {
    color: #dc3545;
}

a.red:hover {
    color: #aa222f;
}

.min-600 {
    min-height: 600px;
}

header .navbar-div {
    height: 157px;
}

@media (max-width: 1199px) {
    header .navbar-div {
        height: 145px;
    }
}

header .navbar-wrapper.fixed {
    background: #fff;
    position: fixed;
    width: 100%;
    top: 0;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    z-index: 2;
}

header .navbar-div .navbar-brand {
    width: 350px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

@media (max-width: 1199px) {
    header .navbar-div .navbar-brand {
        width: 300px;
    }
}

header .navbar-div .search-div {
    flex: 0 0 420px;
    padding-right: 10px;
}

header .navbar-div .search-div .input-group input {
    background: #FFFFFF;
    box-shadow: inset 0px 0px 3px rgba(0, 0, 0, 0.22);
    border-radius: 20px 0px 0px 20px;
    padding-left: 16px;
}

header .navbar-div .search-div .input-group input::placeholder {
    color: #CBCBCB;
}

header .navbar-div .search-div .input-group .btn {
    line-height: 1;
    border-radius: 0px 20px 20px 0px;
    background: #65A92F;
    color: #ffffff;
    width: 45px;
}

header .navbar-div .search-div .twitter-typeahead {
    flex: 1;
}

header .navbar-div .search-div .tt-hint {
    color: #999
}

header .navbar-div .search-div .tt-menu {
    width: 100%;
    margin: 4px 0;
    padding: 8px 0;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
}

header .navbar-div .search-div .tt-suggestion {
    padding: 3px 20px;
    font-size: 18px;
    line-height: 24px;
}

header .navbar-div .search-div .tt-suggestion:hover {
    cursor: pointer;
    color: #fff;
    background-color: #65A92F;
}

header .navbar-div .search-div .tt-suggestion.tt-cursor {
    color: #fff;
    background-color: #65A92F;
}

#search-modal .search-div .input-group input {
    background: #FFFFFF;
    box-shadow: inset 0px 0px 3px rgba(0, 0, 0, 0.22);
    border-radius: 4px 0px 0px 4px;
    padding-left: 16px;
}

#search-modal .search-div .input-group input::placeholder {
    color: #CBCBCB;
}

#search-modal .search-div .input-group .btn {
    line-height: 1;
    background: #65A92F;
    color: #ffffff;
    width: 50px;
}

#search-modal .search-div .twitter-typeahead {
    flex: 1;
}

#search-modal .search-div .tt-hint {
    color: #999
}

#search-modal .search-div .tt-menu {
    width: 100%;
    margin: 4px 0;
    padding: 8px 0;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
}

#search-modal .search-div .tt-suggestion {
    padding: 3px 20px;
    font-size: 18px;
    line-height: 24px;
}

#search-modal .search-div .tt-suggestion:hover {
    cursor: pointer;
    color: #fff;
    background-color: #65A92F;
}

#search-modal .search-div .tt-suggestion.tt-cursor {
    color: #fff;
    background-color: #65A92F;
}

header .navbar-div .link-div {
    position: relative;
    padding-left: 12px;
    padding-right: 12px;
}

header .navbar-div .link-div .link {
    position: relative;
    text-align: center;
}

header .navbar-div .link-div .link .icon-login {
    position: relative;
    display: block;
    width: 50px;
    height: 50px;
    background-color: #2C6BA5;
    border-radius: 50%;
    margin-bottom: 4px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

header .navbar-div .link-div .link .icon-login:before {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 19px;
    height: 21px;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2219%22%20height%3D%2221%22%20viewBox%3D%220%200%2019%2021%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M7.41667%2015.7083V12.5833H0.125V8.41668H7.41667V5.29168L12.625%2010.5L7.41667%2015.7083ZM7.41667%200.0833435H16.7917C17.3442%200.0833435%2017.8741%200.302837%2018.2648%200.693538C18.6555%201.08424%2018.875%201.61414%2018.875%202.16668V18.8333C18.875%2019.3859%2018.6555%2019.9158%2018.2648%2020.3065C17.8741%2020.6972%2017.3442%2020.9167%2016.7917%2020.9167H7.41667C6.86413%2020.9167%206.33423%2020.6972%205.94353%2020.3065C5.55283%2019.9158%205.33333%2019.3859%205.33333%2018.8333V16.75H7.41667V18.8333H16.7917V2.16668H7.41667V4.25001H5.33333V2.16668C5.33333%201.61414%205.55283%201.08424%205.94353%200.693538C6.33423%200.302837%206.86413%200.0833435%207.41667%200.0833435Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E') no-repeat center center;
    background-size: cover;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

header .navbar-div .link-div .link .icon-home {
    position: relative;
    display: block;
    width: 50px;
    height: 50px;
    background-color: #DFA535;
    border-radius: 50%;
    margin-bottom: 4px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

header .navbar-div .link-div .link .icon-home:before {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 22px;
    height: 21px;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2223%22%20height%3D%2221%22%20viewBox%3D%220%200%2023%2021%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M22.1084%2010.3291L12.0522%200.280253C11.9798%200.207705%2011.8938%200.150148%2011.7992%200.110877C11.7045%200.0716056%2011.603%200.0513916%2011.5005%200.0513916C11.398%200.0513916%2011.2965%200.0716056%2011.2018%200.110877C11.1071%200.150148%2011.0211%200.207705%2010.9487%200.280253L0.892578%2010.3291C0.599609%2010.622%200.433594%2011.02%200.433594%2011.435C0.433594%2012.2969%201.13428%2012.9975%201.99609%2012.9975H3.05566V20.1679C3.05566%2020.6001%203.40479%2020.9492%203.83691%2020.9492H9.93799V15.4804H12.6724V20.9492H19.1641C19.5962%2020.9492%2019.9453%2020.6001%2019.9453%2020.1679V12.9975H21.0049C21.4199%2012.9975%2021.8179%2012.834%2022.1108%2012.5386C22.7187%2011.9282%2022.7187%2010.9394%2022.1084%2010.3291V10.3291Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E') no-repeat center center;
    background-size: cover;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

header .navbar-div .link-div .link .icon-member {
    position: relative;
    display: block;
    width: 50px;
    height: 50px;
    background-color: #42860D;
    border-radius: 50%;
    margin-bottom: 4px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

header .navbar-div .link-div .link .icon-member:before {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 25px;
    height: 25px;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2219%22%20height%3D%2220%22%20viewBox%3D%220%200%2019%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M4.8125%204.77075C4.8125%207.35513%206.91562%209.45825%209.5%209.45825C12.0844%209.45825%2014.1875%207.35513%2014.1875%204.77075C14.1875%202.18638%2012.0844%200.083252%209.5%200.083252C6.91562%200.083252%204.8125%202.18638%204.8125%204.77075ZM17.8333%2019.8749H18.875V18.8333C18.875%2014.8135%2015.6031%2011.5416%2011.5833%2011.5416H7.41667C3.39583%2011.5416%200.125%2014.8135%200.125%2018.8333V19.8749H17.8333Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E') no-repeat center center;
    background-size: cover;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

header .navbar-div .link-div .link a {
    font-size: 13px;
    color: #000;
    letter-spacing: 0px;
    text-decoration: none;
}

header .nav-menu {
    background-color: #F9F9F9;
    border-top: 1px solid #EFEFEF;
    display: flex;
    justify-content: center;
}

header .nav-menu .item {
    position: relative;
    padding: 12px 28px 12px 28px;
}

header .nav-menu .item a {
    font-size: 18px;
    font-weight: bold;
    color: #000;
    letter-spacing: 2px;
    text-decoration: none;
}

header .nav-menu .item a:hover {
    color: #65A92F;
    text-decoration: none;
}

header .nav-menu .item:not(:last-child):after {
    position: absolute;
    display: inline-block;
    content: "";
    height: 24px;
    width: 1px;
    right: 0px;
    top: 13px;
    background: #fff;
    box-shadow: 1px 1px 2px rgba(0, 43, 0, 0.2);
}

header .navbar-div .navbar-wrapper.fixed .navbar-brand {
    width: 250px;
}

header .navbar-div .navbar-wrapper.fixed .link-div .link .icon-login,
header .navbar-div .navbar-wrapper.fixed .link-div .link .icon-member,
header .navbar-div .navbar-wrapper.fixed .link-div .link .icon-home {
    width: 35px;
    height: 35px;
}

header .navbar-div .navbar-wrapper.fixed .link-div .link .icon-login:before {
    width: 14px;
    height: 15px;
}

header .navbar-div .navbar-wrapper.fixed .link-div .link .icon-home:before {
    width: 16px;
    height: 15px;
}

header .navbar-div .navbar-wrapper.fixed .link-div .link .icon-member:before {
    width: 15px;
    height: 15px;
}

.mobile-navbar {
    height: 60px;
}

.mobile-navbar .logo {
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    top: 8px;
    left: 0;
    right: 0;
    width: 195px;
    filter: drop-shadow(0px 2px 3px rgba(0, 0, 0, 0.2));
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.mobile-navbar .navbar-button-group {
    padding: .25rem .75rem;
}

.mobile-navbar .search-btn i {
    display: block;
    width: 28px;
    height: 28px;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2229%22%20height%3D%2229%22%20viewBox%3D%220%200%2029%2029%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M25.7417%2022.7581C25.0587%2022.1038%2024.3939%2021.4308%2023.7482%2020.7398C23.2057%2020.1885%2022.879%2019.7875%2022.879%2019.7875L18.7957%2017.8377C20.4305%2015.9836%2021.3327%2013.5968%2021.3332%2011.125C21.3332%205.49725%2016.754%200.916626%2011.1248%200.916626C5.49567%200.916626%200.916504%205.49725%200.916504%2011.125C0.916504%2016.7527%205.49567%2021.3333%2011.1248%2021.3333C13.6959%2021.3333%2016.0394%2020.3708%2017.8375%2018.7973L19.7873%2022.8806C19.7873%2022.8806%2020.1884%2023.2073%2020.7396%2023.7498C21.304%2024.2791%2022.0463%2024.9952%2022.758%2025.7433L24.7384%2027.7733L25.6192%2028.7154L28.7123%2025.6223L27.7703%2024.7414C27.2175%2024.1989%2026.4796%2023.4785%2025.7417%2022.7581ZM11.1248%2018.4166C7.10421%2018.4166%203.83317%2015.1456%203.83317%2011.125C3.83317%207.10433%207.10421%203.83329%2011.1248%203.83329C15.1455%203.83329%2018.4165%207.10433%2018.4165%2011.125C18.4165%2015.1456%2015.1455%2018.4166%2011.1248%2018.4166Z%22%20fill%3D%22%2342860D%22%2F%3E%3C%2Fsvg%3E') no-repeat center center;
}

.mobile-navbar .navbar {
    background: #FFF;
    flex-flow: nowrap;
    z-index: 2;
    padding-top: 5px;
    padding-bottom: 5px;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25);
}

.mobile-navbar .fixed-top {
    z-index: 1031;
}

.mobile-navbar .navbar-collapse {
    background: rgba(249, 249, 249, 0.97);
}

.mobile-navbar .mobile-navbar-content {
    height: calc(100vh - 60px);
    padding-top: 10px;
    padding-bottom: 30px;
}

.mobile-navbar .mobile-navbar-content .list {
    overflow: auto;
    height: 100%;
}

.mobile-navbar .menu-btn {
    padding: 0px 6px;
}

.mobile-navbar .menu-btn .burger {
    position: relative;
    width: 36px;
    height: 40px;
    z-index: 1001;
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.mobile-navbar .menu-btn .burger span {
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    background: #42860D;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    -ms-border-radius: 9px;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.mobile-navbar .menu-btn .burger span:nth-child(1) {
    top: 9px;
}

.mobile-navbar .menu-btn .burger span:nth-child(2) {
    top: 20px;
}

.mobile-navbar .menu-btn .burger span:nth-child(3) {
    top: 31px;
}

.mobile-navbar .menu-btn:not(.collapsed) span:nth-child(1) {
    top: 20px;
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}

.mobile-navbar .menu-btn:not(.collapsed) span:nth-child(2) {
    opacity: 0;
}

.mobile-navbar .menu-btn:not(.collapsed) span:nth-child(3) {
    top: 20px;
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

.mobile-navbar .menu-item {
    letter-spacing: 3px;
    text-align: center;
}

.mobile-navbar .menu-item .link {
    position: relative;
    margin-left: 5%;
    width: 90%;
    padding-top: 16px;
    padding-bottom: 16px;
    border-bottom: solid 1px #E1E1E1;
}

.mobile-navbar .menu-item.home .link:before {
    display: block;
    content: "";
    position: absolute;
    right: 50%;
    margin-right: 40px;
    width: 24px;
    height: 24px;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12.1296%200.744141C5.73427%200.744141%200.501709%205.9767%200.501709%2012.372C0.501709%2018.7674%205.73427%2024%2012.1296%2024C18.525%2024%2023.7575%2018.7674%2023.7575%2012.372C23.7575%205.9767%2018.525%200.744141%2012.1296%200.744141ZM9.33892%2018.4186C9.0831%2018.4186%208.73427%2018.3255%208.40869%2018.186L7.74589%2019.8139L6.42031%2019.3488L6.60636%2018.8953C8.00171%2015.3837%209.60636%2011.3837%2015.618%2010.0465C15.618%2010.0465%208.64124%2010.0465%206.3738%2016.5C6.3738%2016.5%205.15287%2015.279%205.15287%2013.8837C5.15287%2012.4883%206.54822%209.52321%2010.0366%208.82554C11.025%208.62786%2012.1296%208.4767%2013.2226%208.30228C15.9668%207.93019%2018.6064%207.55809%2019.1064%206.55809C19.1064%206.55809%2017.0133%2018.4186%209.33892%2018.4186Z%22%20fill%3D%22%2365A92F%22%2F%3E%3C%2Fsvg%3E') no-repeat center center;
}

.mobile-navbar .menu-item .link a {
    padding-top: 4px;
    padding-bottom: 4px;
    color: #000000;
    font-size: 18px;
    font-weight: bold;
    text-decoration: none;
}

.mobile-navbar .menu-item.home .link a {
    color: #65A92F;
}

.mobile-navbar .mobile-navbar-content .community-link {
    position: relative;
    margin-left: 5px;
    margin-right: 5px;
}

.mobile-navbar .mobile-navbar-content .community-link .icon {
    width: 40px;
    height: 40px;
}

.mobile-navbar .mobile-navbar-content .community-link .icon.line {
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url%28%23clip0_660_238%29%22%3E%3Cpath%20d%3D%22M15.0177%20-0.000449681C23.3035%200.0181492%2030.0084%206.73235%2029.9991%2015.0088C29.9898%2023.3039%2023.2384%2030.0274%2014.9619%2029.9995C6.67611%2029.9624%20-0.0287881%2023.2296%20-0.000889816%2014.9717C0.0270085%206.68585%206.7505%20-0.0190486%2015.0177%20-0.000449681ZM15.4734%206.27667C12.5999%206.27667%2010.3401%207.00203%208.59179%208.34115C4.88132%2011.1775%204.84412%2015.9202%208.5081%2018.803C10.0053%2019.984%2011.735%2020.6071%2013.6135%2020.8489C14.1064%2020.914%2014.2738%2021.1%2014.2087%2021.5836C14.1529%2022.0578%2014.0785%2022.5321%2014.0506%2023.0064C14.0413%2023.2017%2014.1157%2023.4434%2014.2366%2023.5922C14.4039%2023.7968%2014.6643%2023.7131%2014.8782%2023.5922C16.1615%2022.8483%2017.4821%2022.1601%2018.7282%2021.3604C20.5602%2020.17%2022.1039%2018.6728%2023.2756%2016.8036C23.8522%2015.8923%2024.1777%2014.8973%2024.2056%2013.8185C24.2521%2011.9214%2023.5174%2010.3312%2022.169%209.02001C20.1789%207.08572%2017.7238%206.34177%2015.4734%206.27667Z%22%20fill%3D%22%2300B900%22%2F%3E%3Cpath%20d%3D%22M14.7949%2013.1866C14.7949%2013.8469%2014.7949%2014.4978%2014.7949%2015.1581C14.7949%2015.4092%2014.7112%2015.5952%2014.4694%2015.6788C14.1532%2015.7904%2013.8649%2015.558%2013.8649%2015.1674C13.8556%2014.1816%2013.8649%2013.1866%2013.8649%2012.2009C13.8649%2012.0335%2013.8277%2011.8568%2013.8742%2011.7173C13.9393%2011.5406%2014.0509%2011.2988%2014.1997%2011.2523C14.3485%2011.2058%2014.6182%2011.3081%2014.7298%2011.4383C15.3063%2012.1358%2015.8457%2012.8704%2016.3944%2013.5865C16.4316%2013.6423%2016.4781%2013.6888%2016.5896%2013.819C16.5896%2013.6051%2016.5896%2013.4749%2016.5896%2013.3354C16.5896%2012.7774%2016.5804%2012.2195%2016.5989%2011.6615C16.6082%2011.3732%2016.7756%2011.2058%2017.0639%2011.2058C17.3336%2011.2058%2017.5103%2011.3639%2017.5196%2011.6336C17.5289%2012.8332%2017.5382%2014.0328%2017.5103%2015.2232C17.5103%2015.372%2017.315%2015.6137%2017.1848%2015.6416C17.0267%2015.6695%2016.7756%2015.5673%2016.664%2015.4278C16.0503%2014.6838%2015.4737%2013.912%2014.8879%2013.1494C14.8507%2013.1773%2014.8228%2013.1773%2014.7949%2013.1866Z%22%20fill%3D%22%2300B900%22%2F%3E%3Cpath%20d%3D%22M19.1945%2012.145C19.1945%2012.4426%2019.1945%2012.6844%2019.1945%2012.982C19.613%2012.982%2020.0315%2012.982%2020.4406%2012.982C20.8312%2012.982%2021.0544%2013.1494%2021.0637%2013.4376C21.073%2013.7445%2020.8405%2013.9212%2020.4406%2013.9305C20.0408%2013.9305%2019.6316%2013.9305%2019.2131%2013.9305C19.2131%2014.2188%2019.2131%2014.4699%2019.2131%2014.7675C19.6316%2014.7675%2020.0408%2014.7675%2020.4592%2014.7675C20.8591%2014.7675%2021.073%2014.9348%2021.073%2015.2231C21.0823%2015.53%2020.8591%2015.6974%2020.4406%2015.6974C19.892%2015.6974%2019.3433%2015.7067%2018.8039%2015.6974C18.432%2015.6974%2018.2553%2015.5393%2018.2553%2015.1766C18.246%2014.0235%2018.246%2012.8797%2018.2553%2011.7265C18.2553%2011.3732%2018.432%2011.2244%2018.7853%2011.2151C19.3805%2011.2058%2019.9757%2011.2151%2020.5615%2011.2151C20.8591%2011.2151%2021.0544%2011.3639%2021.073%2011.6614C21.0916%2011.9311%2020.8777%2012.1357%2020.5522%2012.145C20.1059%2012.145%2019.6688%2012.145%2019.1945%2012.145Z%22%20fill%3D%22%2300B900%22%2F%3E%3Cpath%20d%3D%22M8.92749%2013.4375C8.92749%2012.8795%208.92749%2012.3216%208.92749%2011.7636C8.92749%2011.4195%209.09488%2011.2242%209.37386%2011.2149C9.67145%2011.2056%209.86673%2011.3916%209.86673%2011.7543C9.87603%2012.647%209.87603%2013.5398%209.86673%2014.4325C9.86673%2014.6929%209.94113%2014.7859%2010.2015%2014.7673C10.5363%2014.7487%2010.8711%2014.758%2011.2152%2014.7673C11.5499%2014.7766%2011.7545%2014.9533%2011.7545%2015.2323C11.7545%2015.5113%2011.5499%2015.6973%2011.2245%2015.6973C10.6293%2015.7066%2010.0434%2015.7066%209.44826%2015.6973C9.11348%2015.688%208.93679%2015.5206%208.93679%2015.1765C8.92749%2014.5906%208.92749%2014.0141%208.92749%2013.4375Z%22%20fill%3D%22%2300B900%22%2F%3E%3Cpath%20d%3D%22M12.2095%2013.4374C12.2095%2012.8702%2012.2095%2012.3029%2012.2095%2011.7263C12.2095%2011.3172%2012.3211%2011.1963%2012.6837%2011.2056C13.0371%2011.2056%2013.1487%2011.3265%2013.1487%2011.7356C13.1487%2012.8888%2013.1487%2014.0326%2013.1487%2015.1857C13.1487%2015.5856%2013.0278%2015.6972%2012.6558%2015.6972C12.3211%2015.6879%2012.2095%2015.567%2012.2095%2015.1857C12.2095%2014.5999%2012.2095%2014.0233%2012.2095%2013.4374Z%22%20fill%3D%22%2300B900%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_660_238%22%3E%3Crect%20width%3D%2230%22%20height%3D%2229.9907%22%20fill%3D%22white%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E') no-repeat center center;
    background-size: cover;
}

.mobile-navbar .mobile-navbar-content .community-link .icon.fb {
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M15.2344%2030C14.8438%2030%2014.4531%2030%2014.0625%2030C14%2029.9844%2013.9297%2029.9609%2013.8672%2029.9531C12.0625%2029.8203%2010.3203%2029.3984%208.69531%2028.6016C4.05469%2026.3438%201.22656%2022.6797%200.234375%2017.6172C0.125%2017.0625%200.078125%2016.5%200%2015.9375C0%2015.3125%200%2014.6875%200%2014.0625C0.0234375%2013.8672%200.046875%2013.6797%200.0703125%2013.4844C0.421875%2010.2422%201.66406%207.39062%203.85156%204.96875C6.16406%202.40625%209.03125%200.8125%2012.4453%200.226562C12.9844%200.132812%2013.5234%200.078125%2014.0625%200C14.6875%200%2015.3125%200%2015.9375%200C16.0156%200.015625%2016.0859%200.0390625%2016.1641%200.046875C18.4922%200.226562%2020.6641%200.890625%2022.6562%202.10156C26.5469%204.48438%2028.9297%207.92187%2029.7734%2012.4141C29.875%2012.9609%2029.9297%2013.5156%2030%2014.0625C30%2014.6719%2030%2015.2734%2030%2015.8828C29.9375%2016.3906%2029.8984%2016.9062%2029.8047%2017.4141C28.8359%2022.625%2025.9531%2026.3828%2021.1719%2028.6719C20.5391%2028.9766%2019.8594%2029.1875%2019.1719%2029.4531C19.1719%2025.7109%2019.1719%2022.0312%2019.1719%2018.3203C20.25%2018.3203%2021.3047%2018.3203%2022.3828%2018.3203C22.5469%2017.0547%2022.7031%2015.8281%2022.8672%2014.5547C21.6016%2014.5547%2020.3906%2014.5547%2019.1719%2014.5547C19.1641%2014.4844%2019.1562%2014.4453%2019.1562%2014.4062C19.1562%2013.5703%2019.1484%2012.7266%2019.1641%2011.8906C19.1875%2010.9219%2019.6875%2010.4219%2020.6562%2010.375C21.3203%2010.3438%2021.9844%2010.3594%2022.6484%2010.3594C22.75%2010.3594%2022.8516%2010.3594%2022.9531%2010.3594C22.9531%209.21094%2022.9531%208.11719%2022.9531%206.9375C21.7734%206.92188%2020.6172%206.84375%2019.4609%206.90625C18.8672%206.9375%2018.2422%207.125%2017.6953%207.38281C16.1172%208.13281%2015.4219%209.5%2015.3047%2011.1719C15.2344%2012.1797%2015.2734%2013.2031%2015.2656%2014.2188C15.2656%2014.3281%2015.2656%2014.4453%2015.2656%2014.5938C14.1719%2014.5938%2013.1172%2014.5938%2012.0625%2014.5938C12.0625%2015.8516%2012.0625%2017.0781%2012.0625%2018.3359C13.1328%2018.3359%2014.1797%2018.3359%2015.2656%2018.3359C15.2656%2018.4688%2015.2656%2018.5781%2015.2656%2018.6797C15.2656%2022.3516%2015.2656%2026.0234%2015.2656%2029.6953C15.2656%2029.7891%2015.2422%2029.8906%2015.2344%2030Z%22%20fill%3D%22%231877F2%22%2F%3E%3C%2Fsvg%3E') no-repeat center center;
    background-size: cover;
}

@media (max-width: 374px) {
    .mobile-navbar .logo {
        top: 13px;
        width: 160px;
    }
}

.mobile-navbar-overlay {
    z-index: 1;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0.8;
    background: rgba(0, 0, 0, 0.6);
}

.banner .banner-image {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.banner .banner-image:before {
    content: "";
    display: block;
    padding-bottom: 220px;
}

.banner.home .banner-image:before {
    content: "";
    display: block;
    padding-bottom: 600px;
}

.banner.home .swiper-pagination.swiper-pagination-bullets {
    bottom: 40px;
}

.banner.home .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet {
    width: 20px;
    height: 20px;
    margin: 0 6px;
    border: solid 2px #fff;
    background-color: rgba(255, 255, 255, 0);
    opacity: 1;
}

.banner.home .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #fff;
}

@media (max-width: 991px) {
    .banner .banner-image:before {
        padding-bottom: 200px;
    }

    .banner.home .banner-image:before {
        padding-bottom: 53%;
    }

    .banner.home .swiper-pagination.swiper-pagination-bullets {
        bottom: 10px;
    }

    .banner.home .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet {
        width: 16px;
        height: 16px;
    }
}

.no-scroll {
    overflow-y: hidden;
}

.bottom-img-about,
.bottom-img-contact {
    position: relative;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.bottom-img-about:before,
.bottom-img-contact:before {
    display: block;
    content: "";
    padding-bottom: 25.83%;
}

.bottom-img-about {
    background-image: url('/assets/img/bottom-about-img.jpg');
}

.bottom-img-contact {
    background-image: url('/assets/img/bottom-contact-img.jpg');
}

.bottom-img-about .wrapper,
.bottom-img-contact .wrapper {
    text-align: center;
}

.bottom-img-about .text .title,
.bottom-img-contact .text .title {
    color: #fff;
    font-weight: bold;
    font-size: 30px;
    text-decoration: none;
}

.bottom-img-about .text .sub,
.bottom-img-contact .text .sub {
    color: #fff;
    font-size: 20px;
}

@media (max-width: 991px) {
    .bottom-img-about .text .title,
    .bottom-img-contact .text .title {
        font-size: 24px;
    }

    .bottom-img-about .text .sub,
    .bottom-img-contact .text .sub {
        font-size: 18px;
    }
}

@media (max-width: 575px) {
    .bottom-img-about .text .title,
    .bottom-img-contact .text .title {
        font-size: 22px;
    }

    .bottom-img-about .text .sub,
    .bottom-img-contact .text .sub {
        font-size: 14px;
    }
}

footer {
    background: #3D3D3D;
    color: #fff;
    padding-top: 32px;
}

footer .info-div {
    flex: 0 0 340px;
    flex-direction: column;
}

footer .menu-div {
    flex: 1;
    padding-top: 12px;
}

footer .fb-div {
    flex: 0 0 300px;
    padding-top: 12px;
}

footer .info-list {
    padding-top: 18px;
    padding-bottom: 18px;
    margin-bottom: 30px;
}

footer .info-list .company-info {
    padding-top: 4px;
    padding-bottom: 4px;
    letter-spacing: 0px;
    display: flex;
    align-items: center;
    font-size: 13px;
}

footer .info-list .company-info i {
    width: 20px;
    height: 20px;
    margin-right: 6px;
}

footer .info-list .company-info i.icon-phone {
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2218%22%20height%3D%2215%22%20viewBox%3D%220%200%2018%2015%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M0.875%204.5C0.875%200.125%205.25%200.125%209%200.125C12.75%200.125%2017.125%200.125%2017.125%204.5C17.125%209.5%2012.75%203.875%2012.75%203.875H5.25C5.25%203.875%200.875%209.5%200.875%204.5ZM5.875%205.75C5.875%205.75%202.75%208.875%202.75%2014.5H15.25C15.25%208.875%2012.125%205.75%2012.125%205.75H5.875Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M9%2012.625C10.3807%2012.625%2011.5%2011.5057%2011.5%2010.125C11.5%208.74429%2010.3807%207.625%209%207.625C7.61929%207.625%206.5%208.74429%206.5%2010.125C6.5%2011.5057%207.61929%2012.625%209%2012.625Z%22%20fill%3D%22%233D3D3D%22%2F%3E%3C%2Fsvg%3E') no-repeat center center;
}

footer .info-list .company-info i.icon-address {
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2216%22%20height%3D%2220%22%20viewBox%3D%220%200%2016%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M8%200C3.8363%200%200.460938%203.37535%200.460938%207.53907C0.460938%208.93152%200.733487%2010.3697%201.51562%2011.4063L8%2020L14.4844%2011.4063C15.1948%2010.4648%2015.5391%208.80032%2015.5391%207.53907C15.5391%203.37535%2012.1637%200%208%200ZM8%204.36645C9.75194%204.36645%2011.1726%205.78713%2011.1726%207.53905C11.1726%209.291%209.75194%2010.7117%208%2010.7117C6.24807%2010.7117%204.8274%209.291%204.8274%207.53907C4.8274%205.78713%206.24807%204.36645%208%204.36645Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E') no-repeat center center;
}

footer .info-list .company-info i.icon-time {
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M9.20833%200.665283C4.61333%200.665283%200.875%204.40362%200.875%208.99862C0.875%2013.5936%204.61333%2017.332%209.20833%2017.332C13.8033%2017.332%2017.5417%2013.5936%2017.5417%208.99862C17.5417%204.40362%2013.8033%200.665283%209.20833%200.665283ZM14%209.83195H8.375V3.99862H10.0417V8.16528H14V9.83195Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E') no-repeat center center;
}

@media (max-width: 991px) {
    footer .info-div {
        flex: 1;
        width: 450px;
    }

    footer .footer-logo {
        width: 330px;
    }

    footer .info-list {
        padding-top: 18px;
        padding-bottom: 18px;
        margin-bottom: 0px;
    }

    footer .info-list .company-info {
        font-size: 16px;
    }

    footer .fb-div {
        flex: 1;
        width: 100%;
        text-align: center;
        padding-bottom: 18px;
    }
}

@media (max-width: 575px) {
    footer .info-div {
        width: auto;
    }

    footer .info-list {
        width: auto;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    footer .company-info {
        padding-left: 0px;
    }
}

@media (max-width: 420px) {
    footer .info-list .company-info {
        font-size: 13px;
    }
}

@media (max-width: 360px) {
    footer .company-info i {
        display: none;
    }
}

footer .menu-div .group {
    position: relative;
    text-align: center;
}

footer .menu-div .group .header {
    font-weight: bold;
    margin-bottom: 8px;
}

footer .menu-div .group .item a {
    font-size: 13px;
    color: #fff;
    text-decoration: none;
}

footer .footer-bottom {
    background-color: #fff;
}

footer .footer-bottom .img {
    height: 42px;
}

footer .footer-bottom .copyright {
    letter-spacing: 2px;
    padding: 8px 0;
    color: #000;
    white-space: nowrap;
}

@media (max-width: 420px) {
    footer .footer-bottom .copyright {
        letter-spacing: 1px;
        padding: 4px 0;
        font-size: 13px;
    }
}

@media (max-width: 374px) {
    footer .footer-bottom .copyright {
        letter-spacing: 0px;
    }
}

.mobile-bottom {
    height: 51px;
}

@media (min-width: 992px) {
    .mobile-bottom {
        display: none;
    }
}

.mobile-bottom .fixed-bottom {
    color: #fff;
}

.mobile-bottom .button {
    flex: 1;
    position: relative;
    padding: 13px 0;
}

.mobile-bottom .button.type-1 {
    background: #2C6BA5;
}

.mobile-bottom .button.type-2 {
    background: #42860D;
}

.mobile-bottom .button.type-3 {
    background: #B70202;
}

.mobile-bottom .icon-login {
    width: 25px;
    height: 25px;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2219%22%20height%3D%2221%22%20viewBox%3D%220%200%2019%2021%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M7.41667%2015.7083V12.5833H0.125V8.41659H7.41667V5.29159L12.625%2010.4999L7.41667%2015.7083ZM7.41667%200.083252H16.7917C17.3442%200.083252%2017.8741%200.302745%2018.2648%200.693446C18.6555%201.08415%2018.875%201.61405%2018.875%202.16659V18.8333C18.875%2019.3858%2018.6555%2019.9157%2018.2648%2020.3064C17.8741%2020.6971%2017.3442%2020.9166%2016.7917%2020.9166H7.41667C6.86413%2020.9166%206.33423%2020.6971%205.94353%2020.3064C5.55283%2019.9157%205.33333%2019.3858%205.33333%2018.8333V16.7499H7.41667V18.8333H16.7917V2.16659H7.41667V4.24992H5.33333V2.16659C5.33333%201.61405%205.55283%201.08415%205.94353%200.693446C6.33423%200.302745%206.86413%200.083252%207.41667%200.083252Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E') no-repeat center center;
    margin-right: 8px;
}

.mobile-bottom .icon-cart {
    width: 25px;
    height: 25px;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2225%22%20height%3D%2222%22%20viewBox%3D%220%200%2025%2022%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M23.4375%209.42857C23.8688%209.42857%2024.2371%209.58203%2024.5422%209.88895C24.8474%2010.1959%2025%2010.5662%2025%2011C25%2011.4338%2024.8474%2011.8041%2024.5422%2012.111C24.2371%2012.418%2023.8688%2012.5714%2023.4375%2012.5714H23.2544L21.8506%2020.6987C21.7855%2021.0751%2021.6064%2021.3862%2021.3135%2021.6317C21.0205%2021.8772%2020.6868%2022%2020.3125%2022H4.6875C4.31315%2022%203.97949%2021.8772%203.68652%2021.6317C3.39355%2021.3862%203.21452%2021.0751%203.14941%2020.6987L1.74561%2012.5714H1.5625C1.13118%2012.5714%200.762939%2012.418%200.457764%2012.111C0.152588%2011.8041%200%2011.4338%200%2011C0%2010.5662%200.152588%2010.1959%200.457764%209.88895C0.762939%209.58203%201.13118%209.42857%201.5625%209.42857H23.4375ZM5.92041%2019.25C6.132%2019.2336%206.309%2019.1416%206.45142%2018.9738C6.59383%2018.806%206.6569%2018.6157%206.64062%2018.4029L6.25%2013.2958C6.23372%2013.083%206.14217%2012.9049%205.97534%2012.7617C5.80851%2012.6185%205.6193%2012.5551%205.40771%2012.5714C5.19613%2012.5878%205.01912%2012.6799%204.87671%2012.8477C4.73429%2013.0154%204.67122%2013.2057%204.6875%2013.4185L5.07812%2018.5257C5.0944%2018.7303%205.17782%2018.9022%205.32837%2019.0413C5.47892%2019.1804%205.65592%2019.25%205.85938%2019.25H5.92041ZM10.9375%2018.4643V13.3571C10.9375%2013.1443%2010.8602%2012.9602%2010.7056%2012.8047C10.5509%2012.6492%2010.3678%2012.5714%2010.1562%2012.5714C9.94466%2012.5714%209.76156%2012.6492%209.60693%2012.8047C9.45231%2012.9602%209.375%2013.1443%209.375%2013.3571V18.4643C9.375%2018.6771%209.45231%2018.8612%209.60693%2019.0167C9.76156%2019.1722%209.94466%2019.25%2010.1562%2019.25C10.3678%2019.25%2010.5509%2019.1722%2010.7056%2019.0167C10.8602%2018.8612%2010.9375%2018.6771%2010.9375%2018.4643ZM15.625%2018.4643V13.3571C15.625%2013.1443%2015.5477%2012.9602%2015.3931%2012.8047C15.2384%2012.6492%2015.0553%2012.5714%2014.8438%2012.5714C14.6322%2012.5714%2014.4491%2012.6492%2014.2944%2012.8047C14.1398%2012.9602%2014.0625%2013.1443%2014.0625%2013.3571V18.4643C14.0625%2018.6771%2014.1398%2018.8612%2014.2944%2019.0167C14.4491%2019.1722%2014.6322%2019.25%2014.8438%2019.25C15.0553%2019.25%2015.2384%2019.1722%2015.3931%2019.0167C15.5477%2018.8612%2015.625%2018.6771%2015.625%2018.4643ZM19.9219%2018.5257L20.3125%2013.4185C20.3288%2013.2057%2020.2657%2013.0154%2020.1233%2012.8477C19.9809%2012.6799%2019.8039%2012.5878%2019.5923%2012.5714C19.3807%2012.5551%2019.1915%2012.6185%2019.0247%2012.7617C18.8578%2012.9049%2018.7663%2013.083%2018.75%2013.2958L18.3594%2018.4029C18.3431%2018.6157%2018.4062%2018.806%2018.5486%2018.9738C18.691%2019.1416%2018.868%2019.2336%2019.0796%2019.25H19.1406C19.3441%2019.25%2019.5211%2019.1804%2019.6716%2019.0413C19.8222%2018.9022%2019.9056%2018.7303%2019.9219%2018.5257ZM5.81055%203.58482L4.67529%208.64286H3.06396L4.29688%203.22879C4.4515%202.50856%204.81364%201.92132%205.3833%201.46708C5.95296%201.01283%206.604%200.785714%207.33643%200.785714H9.375C9.375%200.572917%209.45231%200.388765%209.60693%200.233259C9.76156%200.077753%209.94466%200%2010.1562%200H14.8438C15.0553%200%2015.2384%200.077753%2015.3931%200.233259C15.5477%200.388765%2015.625%200.572917%2015.625%200.785714H17.6636C18.396%200.785714%2019.047%201.01283%2019.6167%201.46708C20.1864%201.92132%2020.5485%202.50856%2020.7031%203.22879L21.936%208.64286H20.3247L19.1895%203.58482C19.0999%203.2247%2018.9148%202.93006%2018.634%202.70089C18.3533%202.47173%2018.0298%202.35714%2017.6636%202.35714H15.625C15.625%202.56994%2015.5477%202.75409%2015.3931%202.9096C15.2384%203.0651%2015.0553%203.14286%2014.8438%203.14286H10.1562C9.94466%203.14286%209.76156%203.0651%209.60693%202.9096C9.45231%202.75409%209.375%202.56994%209.375%202.35714H7.33643C6.97021%202.35714%206.64673%202.47173%206.36597%202.70089C6.08521%202.93006%205.90006%203.2247%205.81055%203.58482Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E') no-repeat center center;
    margin-right: 8px;
}

.mobile-bottom .icon-member {
    width: 25px;
    height: 25px;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2219%22%20height%3D%2220%22%20viewBox%3D%220%200%2019%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M4.8125%204.77075C4.8125%207.35513%206.91562%209.45825%209.5%209.45825C12.0844%209.45825%2014.1875%207.35513%2014.1875%204.77075C14.1875%202.18638%2012.0844%200.083252%209.5%200.083252C6.91562%200.083252%204.8125%202.18638%204.8125%204.77075ZM17.8333%2019.8749H18.875V18.8333C18.875%2014.8135%2015.6031%2011.5416%2011.5833%2011.5416H7.41667C3.39583%2011.5416%200.125%2014.8135%200.125%2018.8333V19.8749H17.8333Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E') no-repeat center center;
    margin-right: 8px;
}

.mobile-bottom a {
    font-weight: bold;
    color: #fff;
    text-decoration: none;
}

.breadcrumb {
    background-color: inherit;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 28px;
}

.product-container .breadcrumb {
    text-align: right;
}

.breadcrumb .breadcrumb-item:first-child a {
    display: flex;
    align-items: center;
}

.breadcrumb .breadcrumb-item:first-child a:before {
    display: inline-block;
    content: "";
    width: 15px;
    height: 15px;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2215%22%20height%3D%2213%22%20viewBox%3D%220%200%2015%2013%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M13.8652%206.39746L7.83154%200.368167C7.7881%200.324638%207.7365%200.290104%207.67969%200.266541C7.62288%200.242979%207.56199%200.23085%207.50049%200.23085C7.43899%200.23085%207.37809%200.242979%207.32129%200.266541C7.26448%200.290104%207.21288%200.324638%207.16943%200.368167L1.13574%206.39746C0.959961%206.57324%200.860352%206.81201%200.860352%207.06104C0.860352%207.57813%201.28076%207.99854%201.79785%207.99854H2.43359V12.3008C2.43359%2012.5601%202.64307%2012.7695%202.90234%2012.7695H6.56299V9.48828H8.20361V12.7695H12.0986C12.3579%2012.7695%2012.5674%2012.5601%2012.5674%2012.3008V7.99854H13.2031C13.4521%207.99854%2013.6909%207.90039%2013.8667%207.72315C14.2314%207.35694%2014.2314%206.76367%2013.8652%206.39746Z%22%20fill%3D%22%23B7B7B7%22%2F%3E%3C%2Fsvg%3E') no-repeat center center;
    margin-right: 3px;
}

.breadcrumb-item a {
    font-size: 13px;
    color: #959595;
    text-decoration: none;
}

.breadcrumb-item a:not([href]):not([class]),
.breadcrumb-item a:not([href]):not([class]):hover {
    color: #959595;
}

.breadcrumb-item.active {
    font-size: 13px;
    font-weight: bold;
    color: #42860D;
}

.breadcrumb-item+.breadcrumb-item {
    padding-left: 0.3rem;
}

.breadcrumb-item+.breadcrumb-item:before {
    display: inline-block;
    padding-right: 0.3rem;
    color: #959595;
    content: ">";
}

.pagination .page-item {
    margin-left: 6px;
    margin-right: 6px;
}

.pagination .page-link {
    border: 0;
    background: none !important;
    color: #65A92F !important;
    font-weight: bold;
    padding: .5rem .75rem;
}

.pagination .page-item.active .page-link {
    position: relative;
    color: #FFF !important;
    cursor: default;
}

.pagination .page-item.active .page-link:before {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    display: block;
    content: "";
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #65A92F;
    z-index: -1;
}

.pagination .page-item.next:before,
.pagination .page-item.prev:before,
.pagination .page-item.first:before,
.pagination .page-item.last:before {
    display: block;
    content: "";
    width: 34px;
    height: 34px;
}

.pagination .page-item.next {
    position: relative;
    align-self: center;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2212%22%20height%3D%2213%22%20viewBox%3D%220%200%2012%2013%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12%206.5L0.750001%200.00480889L0.75%2012.9952L12%206.5Z%22%20fill%3D%22%2365A92F%22%2F%3E%3C%2Fsvg%3E') no-repeat center center;
}

.pagination .page-item.prev {
    position: relative;
    align-self: center;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2212%22%20height%3D%2213%22%20viewBox%3D%220%200%2012%2013%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M-3.27835e-07%206.5L11.25%200.00480889L11.25%2012.9952L-3.27835e-07%206.5Z%22%20fill%3D%22%2365A92F%22%2F%3E%3C%2Fsvg%3E') no-repeat center center;
}

.pagination .page-item.first {
    position: relative;
    align-self: center;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2218%22%20height%3D%2215%22%20viewBox%3D%220%200%2018%2015%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M3%207.5L14.25%201.00481L14.25%2013.9952L3%207.5Z%22%20fill%3D%22%2365A92F%22%2F%3E%3Cline%20x1%3D%220.5%22%20y1%3D%222.18557e-08%22%20x2%3D%220.499999%22%20y2%3D%2215%22%20stroke%3D%22%2365A92F%22%2F%3E%3C%2Fsvg%3E') no-repeat center center;
}

.pagination .page-item.last {
    position: relative;
    align-self: center;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2218%22%20height%3D%2215%22%20viewBox%3D%220%200%2018%2015%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M15%207.5L3.75%201.00481L3.75%2013.9952L15%207.5Z%22%20fill%3D%22%2365A92F%22%2F%3E%3Cline%20y1%3D%22-0.5%22%20x2%3D%2215%22%20y2%3D%22-0.5%22%20transform%3D%22matrix%284.37114e-08%201%201%20-4.37114e-08%2018%200%29%22%20stroke%3D%22%2365A92F%22%2F%3E%3C%2Fsvg%3E') no-repeat center center;
}

@media (max-width: 374px) {
    .pagination .page-item {
        margin-left: 4px;
        margin-right: 4px;
    }
}

.cart-fixed {
    position: fixed;
    bottom: 295px;
    right: 30px;
    z-index: 1;
    text-align: center;
}

.preorder-fixed {
    position: fixed;
    bottom: 215px;
    right: 30px;
    z-index: 1;
    text-align: center;
}

.btn-fixed {
    position: fixed;
    bottom: 120px;
    right: 30px;
    z-index: 1;
    text-align: center;
}

.go-top {
    position: fixed;
    bottom: -60px;
    right: 30px;
    z-index: 1;
    transition: all 0.2s ease-out;
}

.go-top.show {
    bottom: 70px;
}

@media (max-width: 991px) {
    .go-top.show {
        bottom: 85px;
    }

    #fb-root .fb_dialog_content .fb_customer_chat_icon {
        bottom: 70px !important;
    }
}

.go-top a {
    padding: 0px 18px 11px 18px;
    background-color: #FCBE0B;
    border-radius: 50%;
    color: #FFF;
    font-size: 37px;
}

.cart-fixed .cart-btn,
.preorder-fixed .preorder-btn {
    position: relative;
    cursor: pointer;
}

.cart-fixed .cart-btn .icon {
    width: 60px;
    height: 60px;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2260%22%20height%3D%2260%22%20viewBox%3D%220%200%2060%2060%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ccircle%20cx%3D%2230%22%20cy%3D%2230%22%20r%3D%2230%22%20fill%3D%22%2365A92F%22%2F%3E%0A%3Cg%3E%3Cpath%20d%3D%22M43.125%2028.3143C43.6426%2028.3143%2044.0845%2028.4984%2044.4507%2028.8667C44.8169%2029.235%2045%2029.6795%2045%2030.2C45%2030.7205%2044.8169%2031.165%2044.4507%2031.5333C44.0845%2031.9016%2043.6426%2032.0857%2043.125%2032.0857H42.9053L41.2207%2041.8384C41.1426%2042.2902%2040.9277%2042.6634%2040.5762%2042.958C40.2246%2043.2527%2039.8242%2043.4%2039.375%2043.4H20.625C20.1758%2043.4%2019.7754%2043.2527%2019.4238%2042.958C19.0723%2042.6634%2018.8574%2042.2902%2018.7793%2041.8384L17.0947%2032.0857H16.875C16.3574%2032.0857%2015.9155%2031.9016%2015.5493%2031.5333C15.1831%2031.165%2015%2030.7205%2015%2030.2C15%2029.6795%2015.1831%2029.235%2015.5493%2028.8667C15.9155%2028.4984%2016.3574%2028.3143%2016.875%2028.3143H43.125ZM22.1045%2040.1C22.3584%2040.0804%2022.5708%2039.9699%2022.7417%2039.7685C22.9126%2039.5672%2022.9883%2039.3388%2022.9688%2039.0835L22.5%2032.9549C22.4805%2032.6996%2022.3706%2032.4859%2022.1704%2032.3141C21.9702%2032.1422%2021.7432%2032.0661%2021.4893%2032.0857C21.2354%2032.1054%2021.0229%2032.2158%2020.8521%2032.4172C20.6812%2032.6185%2020.6055%2032.8469%2020.625%2033.1022L21.0938%2039.2308C21.1133%2039.4763%2021.2134%2039.6826%2021.394%2039.8496C21.5747%2040.0165%2021.7871%2040.1%2022.0312%2040.1H22.1045ZM28.125%2039.1571V33.0286C28.125%2032.7732%2028.0322%2032.5522%2027.8467%2032.3656C27.6611%2032.179%2027.4414%2032.0857%2027.1875%2032.0857C26.9336%2032.0857%2026.7139%2032.179%2026.5283%2032.3656C26.3428%2032.5522%2026.25%2032.7732%2026.25%2033.0286V39.1571C26.25%2039.4125%2026.3428%2039.6335%2026.5283%2039.8201C26.7139%2040.0067%2026.9336%2040.1%2027.1875%2040.1C27.4414%2040.1%2027.6611%2040.0067%2027.8467%2039.8201C28.0322%2039.6335%2028.125%2039.4125%2028.125%2039.1571ZM33.75%2039.1571V33.0286C33.75%2032.7732%2033.6572%2032.5522%2033.4717%2032.3656C33.2861%2032.179%2033.0664%2032.0857%2032.8125%2032.0857C32.5586%2032.0857%2032.3389%2032.179%2032.1533%2032.3656C31.9678%2032.5522%2031.875%2032.7732%2031.875%2033.0286V39.1571C31.875%2039.4125%2031.9678%2039.6335%2032.1533%2039.8201C32.3389%2040.0067%2032.5586%2040.1%2032.8125%2040.1C33.0664%2040.1%2033.2861%2040.0067%2033.4717%2039.8201C33.6572%2039.6335%2033.75%2039.4125%2033.75%2039.1571ZM38.9062%2039.2308L39.375%2033.1022C39.3945%2032.8469%2039.3188%2032.6185%2039.1479%2032.4172C38.9771%2032.2158%2038.7646%2032.1054%2038.5107%2032.0857C38.2568%2032.0661%2038.0298%2032.1422%2037.8296%2032.3141C37.6294%2032.4859%2037.5195%2032.6996%2037.5%2032.9549L37.0312%2039.0835C37.0117%2039.3388%2037.0874%2039.5672%2037.2583%2039.7685C37.4292%2039.9699%2037.6416%2040.0804%2037.8955%2040.1H37.9688C38.2129%2040.1%2038.4253%2040.0165%2038.606%2039.8496C38.7866%2039.6826%2038.8867%2039.4763%2038.9062%2039.2308ZM21.9727%2021.3018L20.6104%2027.3714H18.6768L20.1562%2020.8746C20.3418%2020.0103%2020.7764%2019.3056%2021.46%2018.7605C22.1436%2018.2154%2022.9248%2017.9429%2023.8037%2017.9429H26.25C26.25%2017.6875%2026.3428%2017.4665%2026.5283%2017.2799C26.7139%2017.0933%2026.9336%2017%2027.1875%2017H32.8125C33.0664%2017%2033.2861%2017.0933%2033.4717%2017.2799C33.6572%2017.4665%2033.75%2017.6875%2033.75%2017.9429H36.1963C37.0752%2017.9429%2037.8564%2018.2154%2038.54%2018.7605C39.2236%2019.3056%2039.6582%2020.0103%2039.8438%2020.8746L41.3232%2027.3714H39.3896L38.0273%2021.3018C37.9199%2020.8696%2037.6978%2020.5161%2037.3608%2020.2411C37.0239%2019.9661%2036.6357%2019.8286%2036.1963%2019.8286H33.75C33.75%2020.0839%2033.6572%2020.3049%2033.4717%2020.4915C33.2861%2020.6781%2033.0664%2020.7714%2032.8125%2020.7714H27.1875C26.9336%2020.7714%2026.7139%2020.6781%2026.5283%2020.4915C26.3428%2020.3049%2026.25%2020.0839%2026.25%2019.8286H23.8037C23.3643%2019.8286%2022.9761%2019.9661%2022.6392%2020.2411C22.3022%2020.5161%2022.0801%2020.8696%2021.9727%2021.3018Z%22%20fill%3D%22white%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat center center;
}

.preorder-fixed .preorder-btn .icon {
    width: 60px;
    height: 60px;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2260%22%20height%3D%2260%22%20viewBox%3D%220%200%2060%2060%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ccircle%20cx%3D%2230%22%20cy%3D%2230%22%20r%3D%2230%22%20fill%3D%22%231698E0%22%2F%3E%3Cpath%20d%3D%22M27.4991%2015.1821H24.5914C24.5084%2015.5044%2024.3741%2015.9146%2024.1886%2016.4126H27.0377V23.8979H22.9068L23.588%2024.5571C22.4942%2025.5728%2021.4078%2026.3491%2020.3287%2026.8862L19.4571%2025.8169C20.3165%2025.48%2021.2687%2024.8403%2022.3136%2023.8979H20.6437V16.4126H22.7164C22.8727%2016.061%2023.0167%2015.6509%2023.1485%2015.1821H20.1383V13.937H27.4991V15.1821ZM25.6974%2018.4707V17.6138H21.9474V18.4707H25.6974ZM25.6974%2020.5728V19.6572H21.9474V20.5728H25.6974ZM25.6974%2022.6675V21.7373H21.9474V22.6675H25.6974ZM20.2555%2018.5439C20.0748%2020.2578%2019.7892%2021.542%2019.3985%2022.3965L18.2926%2021.752C18.5367%2021.1221%2018.7101%2020.4727%2018.8126%2019.8037H17.8238V25.6118C17.8238%2025.9146%2017.692%2026.1904%2017.4283%2026.4395C17.1695%2026.6885%2016.4078%2026.7812%2015.1432%2026.7178L14.7623%2025.4287C15.4947%2025.4482%2015.9732%2025.4482%2016.1979%2025.4287C16.4225%2025.4092%2016.5348%2025.3042%2016.5348%2025.1138V19.8037H14.462V18.5439H16.7911C16.3028%2017.8311%2015.7169%2017.0767%2015.0333%2016.2808L16.1466%2015.6362C16.4249%2015.9585%2016.6935%2016.2881%2016.9522%2016.625C17.4991%2016.0488%2017.8849%2015.5776%2018.1095%2015.2114H14.777V13.937H19.6256V15.2114C19.0738%2016.105%2018.4439%2016.9302%2017.7359%2017.687C17.9752%2018.0337%2018.1607%2018.3193%2018.2926%2018.5439H20.2555ZM27.6969%2025.7583L26.8546%2026.7764C25.922%2026.1514%2024.9967%2025.6533%2024.0787%2025.2822L24.8478%2024.2129C25.922%2024.6523%2026.8717%2025.1675%2027.6969%2025.7583ZM43.7138%2024.4106H42.7689V25.3848C42.7689%2025.8828%2042.6615%2026.2417%2042.4467%2026.4614C42.2318%2026.686%2041.8144%2026.7983%2041.1942%2026.7983C40.9452%2026.7983%2040.6352%2026.7812%2040.2641%2026.7471L39.8173%2025.4873C40.0663%2025.5117%2040.3324%2025.5239%2040.6156%2025.5239C41.0502%2025.5239%2041.3017%2025.4995%2041.37%2025.4507C41.4433%2025.4019%2041.4799%2025.314%2041.4799%2025.187V24.4106H37.2318V26.7764H35.9281V24.4106H35.0419V23.3486H35.9281V19.8916H38.7479V19.0859H35.0785V18.0166H37.0561V17.2842H35.8109V16.3101H37.0561V15.5923H35.4667V14.5669H37.0561V13.7173H38.3451V14.5669H40.5058V13.7173H41.7948V14.5669H43.5819V15.5923H41.7948V16.3101H43.0106V17.2842H41.7948V18.0166H43.7138V19.0859H40.0736V19.8916H42.7689V23.3486H43.7138V24.4106ZM40.5058%2016.2808V15.5923H38.3451V16.2808H40.5058ZM40.5058%2018.0166V17.2842H38.3451V18.0166H40.5058ZM41.4799%2021.6641V20.9756H40.0736V21.6641H41.4799ZM38.7479%2021.6641V20.9756H37.2318V21.6641H38.7479ZM41.4799%2023.3486V22.6528H40.0736V23.3486H41.4799ZM38.7479%2023.3486V22.6528H37.2318V23.3486H38.7479ZM34.7416%2023.1655H32.0316L32.8666%2023.6929C32.5004%2024.9673%2032.0609%2026.0024%2031.5482%2026.7983L30.4569%2026.0293C31.0087%2025.1357%2031.4286%2024.1812%2031.7167%2023.1655H30.977V14.0469H34.7416V23.1655ZM33.4965%2016.7129V15.3066H32.2221V16.7129H33.4965ZM33.4965%2019.2983V17.8701H32.2221V19.2983H33.4965ZM33.4965%2021.9351V20.4629H32.2221V21.9351H33.4965ZM35.3422%2025.8975L34.163%2026.3882C33.953%2025.5776%2033.5917%2024.7378%2033.079%2023.8687L34.163%2023.3779C34.5976%2024.042%2034.9906%2024.8818%2035.3422%2025.8975Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M40.2775%2036.2888C40.1625%2036.1226%2040.009%2035.9868%2039.83%2035.893C39.6511%2035.7991%2039.4521%2035.7501%2039.25%2035.75H22.1663L20.7238%2032.2875C20.5346%2031.8315%2020.2143%2031.442%2019.8035%2031.1683C19.3927%2030.8945%2018.9099%2030.749%2018.4163%2030.75H15.5V33.25H18.4163L24.3462%2047.4813C24.4412%2047.709%2024.6015%2047.9034%2024.8068%2048.0402C25.0121%2048.177%2025.2533%2048.25%2025.5%2048.25H35.5C36.0212%2048.25%2036.4875%2047.9263%2036.6712%2047.44L40.4212%2037.44C40.4921%2037.2508%2040.5161%2037.0472%2040.491%2036.8467C40.466%2036.6462%2040.3927%2036.4547%2040.2775%2036.2888Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M26.125%2053.25C27.1605%2053.25%2028%2052.4105%2028%2051.375C28%2050.3395%2027.1605%2049.5%2026.125%2049.5C25.0895%2049.5%2024.25%2050.3395%2024.25%2051.375C24.25%2052.4105%2025.0895%2053.25%2026.125%2053.25Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M34.875%2053.25C35.9105%2053.25%2036.75%2052.4105%2036.75%2051.375C36.75%2050.3395%2035.9105%2049.5%2034.875%2049.5C33.8395%2049.5%2033%2050.3395%2033%2051.375C33%2052.4105%2033.8395%2053.25%2034.875%2053.25Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E') no-repeat center center;
}

.cart-fixed .cart-btn .qty-wrapper,
.preorder-fixed .preorder-btn .qty-wrapper {
    position: absolute;
    right: -6px;
    top: -8px;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background-color: #E90000;
    border: solid 1px #fff;
}

.cart-fixed .cart-btn .qty-wrapper .qty,
.preorder-fixed .preorder-btn .qty-wrapper .qty {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    font-size: 13px;
    font-weight: bold;
    color: #fff;
    line-height: 1.7;
    letter-spacing: 0;
}


.btn-fixed .community-link {
    position: relative;
    margin-bottom: 19px;
}

.btn-fixed .community-link .icon {
    width: 60px;
    height: 60px;
    background-repeat: no-repeat;
    background-position: center center;
}

/* 購物車側邊清單 */
.overlay {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.4);
    z-index: 999;
}

.sidebar-cart {
    position: fixed;
    top: 0;
    bottom: 0;
    right: -414px;
    width: 414px;
    background: #fff;
    overflow-y: auto;
    z-index: 1033;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.sidebar-cart.active {
    right: 0;
}

.sidebar-cart.active .btn-area {
    right: 0;
}

.sidebar-cart .title-area {
    position: relative;
    background: #65A92F;
}

.sidebar-cart#preorder-cart .title-area {
    background: #1698e0;
}

.sidebar-cart .title-area .dismiss {
    flex: 0 0 120px;
    padding-top: 25px;
    padding-bottom: 25px;
    padding-left: 40px;
    cursor: pointer;
}

.sidebar-cart .title-area .dismiss i {
    color: #fff;
    vertical-align: bottom;
}

.sidebar-cart .title-area .title {
    font-size: 20px;
    color: #fff;
    font-weight: bold;
    letter-spacing: 5px;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 0;
}

.sidebar-cart > nav .nav-link {
    flex: 1;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 18px;
    border-radius: 0;
    color: #ababab;
}

.sidebar-cart > nav .nav-link.active {
    color: #42860D;
    font-weight: bold;
}

.sidebar-cart .sidebar-cart-content .empty {
    height: calc(100vh - 201px);
}

.sidebar-cart .sidebar-cart-content .list {
    height: calc(100vh - 281px);
    padding-left: 15px;
    padding-right: 12px;
    overflow-y: auto;
}

.sidebar-cart .sidebar-cart-content .list .item {
    position: relative;
    padding-top: 24px;
    padding-bottom: 6px;
    border-bottom: dashed 1px #CECECE;
}

.sidebar-cart .sidebar-cart-content .list .item .photo {
    flex: 0 0 108px;
}

.sidebar-cart .sidebar-cart-content .list .item .photo .pro-photo {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #fff;
    border-radius: 0px;
}

.sidebar-cart .sidebar-cart-content .list .item .photo .pro-photo:before {
    content: "";
    display: block;
    padding-bottom: 100%;
}

.sidebar-cart .sidebar-cart-content .list .item .content {
    flex: 1;
    padding-left: 15px;
}

.sidebar-cart .sidebar-cart-content .list .item .content .name {
    font-size: 18px;
    color: #000;
    font-weight: bold;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    height: 28px;
    margin-bottom: 4px;
    word-break: break-all;
    text-decoration: none;
}

.sidebar-cart .sidebar-cart-content .list .item .content .spec {
    color: #FC8C0B;
    font-weight: bold;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    height: 28px;
    margin-bottom: 4px;
    word-break: break-all;
}

.sidebar-cart .sidebar-cart-content .list .item .content .qty,
.sidebar-cart .sidebar-cart-content .list .item .content .price {
    font-size: 14px;
    color: #7A7A7A;
}

.sidebar-cart .sidebar-cart-content .list .item .content .price {
    margin-bottom: 4px;
}

.sidebar-cart .sidebar-cart-content .list .item .content .remove {
    flex: 0 0 40px;
    z-index: 1;
    cursor: pointer;
    font-size: 20px;
    color: #d4d4d4;
}

.sidebar-cart .sidebar-cart-content .list .item .content .remove:hover {
    color: #949494;
}

.sidebar-cart .sidebar-cart-content .list .item .content .sum {
    margin-top: 4px;
    font-size: 20px;
    font-weight: bold;
    color: #CE0000;
    text-align: right;
}

.sidebar-cart .sidebar-cart-content .total-info {
    padding-right: 12px;
    height: 80px;
}

.sidebar-cart .sidebar-cart-content .total-info .qty {
    text-align: right;
    font-size: 16px;
    color: #65A92F;
    padding-top: 10px;
    padding-bottom: 6px;
}

.sidebar-cart .sidebar-cart-content .total-info .price {
    text-align: right;
    font-size: 15px;
    font-weight: 500;
    color: #CE0000;
    padding-bottom: 10px;
}

.sidebar-cart .sidebar-cart-content .total-info .price .value {
    font-weight: bold;
    font-size: 20px;
}

.sidebar-cart .btn-area {
    height: 82px;
}

.sidebar-cart .btn-bg {
    position: relative;
    padding: 28px 0;
    text-align: center;
}

@media (max-width: 767px) {
    .sidebar-cart.active {
        width: 100%;
    }

    .sidebar-cart .sidebar-cart-content .empty {
        height: auto;
    }

    .sidebar-cart .sidebar-cart-content .list {
        height: auto;
    }

    .sidebar-cart .sidebar-cart-content .total-info {
        margin-bottom: 50px;
    }

    .sidebar-cart .btn-area {
        height: 50px;
        position: fixed;
        bottom: 0;
        width: 100%;
        z-index: 1;
    }

    .sidebar-cart .btn-bg {
        padding: 12px 0;
    }
}

@media (max-width: 374px) {
    .sidebar-cart .title-area .title {
        padding-left: 0px;
    }
}

.sidebar-cart .btn-bg.btn-close-sidebar {
    background: #DC8400;
}

.sidebar-cart .btn-bg.btn-cart {
    background-color: #65A92F;
}

.sidebar-cart#preorder-cart .btn-bg.btn-cart {
    background-color: #1698e0;
}

.sidebar-cart .btn-bg.btn-close-sidebar a,
.sidebar-cart .btn-bg.btn-close-sidebar a:hover {
    color: #FFF;
    font-size: 18px;
    font-weight: bold;
    text-decoration: none;
}

.sidebar-cart .btn-bg.btn-cart a,
.sidebar-cart .btn-bg.btn-cart a:hover {
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
}

/* Page Loading */
.page-loading {
    position: fixed;
    z-index: 1099;
    overflow: show;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 81px;
    height: 72px;
}

/* Transparent Overlay */
.page-loading:before {
    content: '';
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.5);
}

.page-loading:not(:required) {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

.page-loading:not(:required):after {
    content: '';
    display: block;
    font-size: 20px;
    width: 80px;
    height: 80px;
    margin-top: -0.5em;
    border: 6px solid #001372;
    border-radius: 100%;
    border-bottom-color: transparent;
    -webkit-animation: spinner 1s linear 0s infinite;
    animation: spinner 1s linear 0s infinite;


}

/* Loading Animation */
@-webkit-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-moz-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-o-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.mob-show {
    display: none;
}

@media (max-width: 991px) {
    .mob-show {
        display: block !important;
    }

    .mob-hidden {
        display: none !important;
    }

    .btn-fixed .community-link-fixed {
        border: 0;
    }

    .go-top {
        right: 18px;
    }
}

.main>.container {
    padding-top: 45px;
}

@media (max-width: 991px) {
    .main>.container {
        padding-top: 15px;
    }
}

.page-content {
    line-height: 1.85;
    padding-bottom: 90px;
}

.page-btn .prev,
.page-btn .next {
    position: relative;
}

.page-btn .prev:before {
    display: inline-block;
    content: "";
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%228%22%20height%3D%2212%22%20viewBox%3D%220%200%208%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M6.99927%201L3.72656%205.76556L6.99927%2010.5311%22%20stroke%3D%22%2342860D%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M4.27271%201L1%205.76556L4.27271%2010.5311%22%20stroke%3D%22%2342860D%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E') no-repeat center center;
    width: 8px;
    height: 19px;
    vertical-align: sub;
}

.page-btn .next:after {
    display: inline-block;
    content: "";
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%228%22%20height%3D%2212%22%20viewBox%3D%220%200%208%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M1%201L4.27271%205.76556L1%2010.5311%22%20stroke%3D%22%2342860D%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M3.72656%201L6.99927%205.76556L3.72656%2010.5311%22%20stroke%3D%22%2342860D%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E') no-repeat center center;
    width: 8px;
    height: 19px;
    vertical-align: sub;
}

.page-btn .prev a,
.page-btn .next a {
    color: #42860D;
    text-decoration: none;
}

.page-btn .list a {
    color: #42860D;
    text-decoration: none;
}

@media (max-width: 991px) {
    .page-btn {
        padding-bottom: 30px;
    }
}

@media (max-width: 991px) {
    .page-content {
        padding-bottom: 80px;
    }
}

.category-select {
    width: 100%;
    letter-spacing: 2px;
    color: #42860D;
    padding: 8px 20px 8px 20px;
    border: solid 1px #42860D;
    border-radius: 3px;
    text-align-last: center;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%204%205%22%3E%3Cpath%20fill%3D%22%2342860D%22%20d%3D%22M2%200L0%202h4zm0%205L0%203h4z%22%2F%3E%3C%2Fsvg%3E") no-repeat right .75rem center/8px 10px;
    background-color: #f4ffeb;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

footer .info-list {
    padding-top: 12px;
    padding-bottom: 0;
    margin-bottom: 0;
}

footer .info-title {
    position: relative;
    padding-bottom: 5px;
    width: 100%;
    margin: 10px 0;
}

footer .info-title span {
    background-color: #3D3D3D;
    position: absolute;
    top: -12px;
    z-index: 2;
    padding: 0 10px;
    margin-left: 10px;
    font-size: 16px;
    font-weight: bold;
}

footer .info-title::after {
    content: "";
    position: absolute;
    top: calc(100% / 2 - 3px);
    background-color: #ffda00;
    width: 100%;
    height: 1px;
}

footer .info-title::before {
    content: "";
    background-color: #ffda00;
    width: 10px;
    height: 10px;
    position: absolute;
    top: calc(100% / 2 - 7px);
    left: 0;
    z-index: 3;
}

footer .info-list .company-info:nth-child(2) {
    justify-content: space-between;
}

footer .info-list .company-info .info-call {
    display: flex;
}

footer .info-list .company-info i.icon-phone,
footer .info-list .company-info i.icon-fax {
    display: inline-block;
    vertical-align: middle;
}

footer .info-list .company-info i.icon-fax {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE3IDdWNC40MTQwNkMxNyA0LjI4MjcxIDE2Ljk3NDEgNC4xNTI2NSAxNi45MjM4IDQuMDMxMzFDMTYuODczNSAzLjkwOTk3IDE2Ljc5OTggMy43OTk3MiAxNi43MDY5IDMuNzA2ODdMMTUuMjkyOCAyLjI5MjgxQzE1LjEwNTMgMi4xMDUzNiAxNC44NTExIDIuMDAwMDQgMTQuNTg1OSAySDdDNi43MzQ3OCAyIDYuNDgwNDMgMi4xMDUzNiA2LjI5Mjg5IDIuMjkyODlDNi4xMDUzNiAyLjQ4MDQzIDYgMi43MzQ3OCA2IDNWMTdDNiAxNy4yNjUyIDYuMTA1MzYgMTcuNTE5NiA2LjI5Mjg5IDE3LjcwNzFDNi40ODA0MyAxNy44OTQ2IDYuNzM0NzggMTggNyAxOEgxN0MxNy4yNjUyIDE4IDE3LjUxOTYgMTcuODk0NiAxNy43MDcxIDE3LjcwNzFDMTcuODk0NiAxNy41MTk2IDE4IDE3LjI2NTIgMTggMTdWOEMxOCA3LjczNDc4IDE3Ljg5NDYgNy40ODA0MyAxNy43MDcxIDcuMjkyODlDMTcuNTE5NiA3LjEwNTM2IDE3LjI2NTIgNyAxNyA3Wk0xMSAxNS41QzExIDE1LjYzMjYgMTAuOTQ3MyAxNS43NTk4IDEwLjg1MzYgMTUuODUzNkMxMC43NTk4IDE1Ljk0NzMgMTAuNjMyNiAxNiAxMC41IDE2SDkuNUM5LjM2NzM5IDE2IDkuMjQwMjEgMTUuOTQ3MyA5LjE0NjQ1IDE1Ljg1MzZDOS4wNTI2OCAxNS43NTk4IDkgMTUuNjMyNiA5IDE1LjVWMTQuNUM5IDE0LjM2NzQgOS4wNTI2OCAxNC4yNDAyIDkuMTQ2NDUgMTQuMTQ2NEM5LjI0MDIxIDE0LjA1MjcgOS4zNjczOSAxNCA5LjUgMTRIMTAuNUMxMC42MzI2IDE0IDEwLjc1OTggMTQuMDUyNyAxMC44NTM2IDE0LjE0NjRDMTAuOTQ3MyAxNC4yNDAyIDExIDE0LjM2NzQgMTEgMTQuNVYxNS41Wk0xMSAxMS41QzExIDExLjYzMjYgMTAuOTQ3MyAxMS43NTk4IDEwLjg1MzYgMTEuODUzNkMxMC43NTk4IDExLjk0NzMgMTAuNjMyNiAxMiAxMC41IDEySDkuNUM5LjM2NzM5IDEyIDkuMjQwMjEgMTEuOTQ3MyA5LjE0NjQ1IDExLjg1MzZDOS4wNTI2OCAxMS43NTk4IDkgMTEuNjMyNiA5IDExLjVWMTAuNUM5IDEwLjM2NzQgOS4wNTI2OCAxMC4yNDAyIDkuMTQ2NDUgMTAuMTQ2NEM5LjI0MDIxIDEwLjA1MjcgOS4zNjczOSAxMCA5LjUgMTBIMTAuNUMxMC42MzI2IDEwIDEwLjc1OTggMTAuMDUyNyAxMC44NTM2IDEwLjE0NjRDMTAuOTQ3MyAxMC4yNDAyIDExIDEwLjM2NzQgMTEgMTAuNVYxMS41Wk0xNSAxNS41QzE1IDE1LjYzMjYgMTQuOTQ3MyAxNS43NTk4IDE0Ljg1MzYgMTUuODUzNkMxNC43NTk4IDE1Ljk0NzMgMTQuNjMyNiAxNiAxNC41IDE2SDEzLjVDMTMuMzY3NCAxNiAxMy4yNDAyIDE1Ljk0NzMgMTMuMTQ2NCAxNS44NTM2QzEzLjA1MjcgMTUuNzU5OCAxMyAxNS42MzI2IDEzIDE1LjVWMTQuNUMxMyAxNC4zNjc0IDEzLjA1MjcgMTQuMjQwMiAxMy4xNDY0IDE0LjE0NjRDMTMuMjQwMiAxNC4wNTI3IDEzLjM2NzQgMTQgMTMuNSAxNEgxNC41QzE0LjYzMjYgMTQgMTQuNzU5OCAxNC4wNTI3IDE0Ljg1MzYgMTQuMTQ2NEMxNC45NDczIDE0LjI0MDIgMTUgMTQuMzY3NCAxNSAxNC41VjE1LjVaTTE1IDExLjVDMTUgMTEuNjMyNiAxNC45NDczIDExLjc1OTggMTQuODUzNiAxMS44NTM2QzE0Ljc1OTggMTEuOTQ3MyAxNC42MzI2IDEyIDE0LjUgMTJIMTMuNUMxMy4zNjc0IDEyIDEzLjI0MDIgMTEuOTQ3MyAxMy4xNDY0IDExLjg1MzZDMTMuMDUyNyAxMS43NTk4IDEzIDExLjYzMjYgMTMgMTEuNVYxMC41QzEzIDEwLjM2NzQgMTMuMDUyNyAxMC4yNDAyIDEzLjE0NjQgMTAuMTQ2NEMxMy4yNDAyIDEwLjA1MjcgMTMuMzY3NCAxMCAxMy41IDEwSDE0LjVDMTQuNjMyNiAxMCAxNC43NTk4IDEwLjA1MjcgMTQuODUzNiAxMC4xNDY0QzE0Ljk0NzMgMTAuMjQwMiAxNSAxMC4zNjc0IDE1IDEwLjVWMTEuNVpNMTUgOEg4VjRIMTNWNS41QzEzIDUuNjMyNjEgMTMuMDUyNyA1Ljc1OTc5IDEzLjE0NjQgNS44NTM1NUMxMy4yNDAyIDUuOTQ3MzIgMTMuMzY3NCA2IDEzLjUgNkgxNVY4Wk00IDZIM0MyLjczNDc4IDYgMi40ODA0MyA2LjEwNTM2IDIuMjkyODkgNi4yOTI4OUMyLjEwNTM2IDYuNDgwNDMgMiA2LjczNDc4IDIgN1YxN0MyIDE3LjI2NTIgMi4xMDUzNiAxNy41MTk2IDIuMjkyODkgMTcuNzA3MUMyLjQ4MDQzIDE3Ljg5NDYgMi43MzQ3OCAxOCAzIDE4SDRDNC4yNjUyMiAxOCA0LjUxOTU3IDE3Ljg5NDYgNC43MDcxMSAxNy43MDcxQzQuODk0NjQgMTcuNTE5NiA1IDE3LjI2NTIgNSAxN1Y3QzUgNi43MzQ3OCA0Ljg5NDY0IDYuNDgwNDMgNC43MDcxMSA2LjI5Mjg5QzQuNTE5NTcgNi4xMDUzNiA0LjI2NTIyIDYgNCA2VjZaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K) no-repeat center center;
}

footer .footer-logo {
    margin-bottom: 20px;
}

footer .footer-bottom {
    background-color: #fff;
    margin-top: 32px;
}

@media (max-width: 991px) {
    footer .info-list {
        margin-bottom: 20px;
    }
}

@media (max-width: 575px) {
    footer .company-info .info-call {
        padding: 4px 0;
    }

    footer .info-list .company-info:nth-child(2) {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (max-width: 360px) {

    footer .info-list .company-info i.icon-phone,
    footer .info-list .company-info i.icon-fax {
        display: none;
    }
}

.row .column,
.row .block {
    line-height: 1.85;
}

.row .block {
    margin-bottom: 1rem;
}

.row .block.image-block img {
    width: 100%;
}

.row .column table {
    border-collapse: separate;
    border-spacing: 5px;
    border: 0;
}

.row .column table tr td,
.row .column table tr th {
    padding: 5px;
    border: 0;
}

.row .column table tr th {
    color: #fff;
    font-weight: bold;
    background-color: #00479D;
}

.row .column table tr td {
    background-color: #FAFAFA;
}

.row .column table tr td:first-child {
    color: #063671;
    background-color: #E9F3FF;
}

.row .column h3,
.row .block h3 {
    font-size: 24px;
}