/* color */
a {
    color: #4f5b87;
}
/* header bg */
.dark #header[data-transparent="true"]:not(.sticky-active) .header-inner, .dark #header[data-transparent="true"]:not(.sticky-active) #header-wrap, #header.dark[data-transparent="true"]:not(.sticky-active) .header-inner, #header.dark[data-transparent="true"]:not(.sticky-active) #header-wrap {
    background-color: #012E5E;
}
.dark #header .header-inner, .dark #header #header-wrap, #header.dark .header-inner, #header.dark #header-wrap {
    background-color: #012E5E;
}
/* logo position */
#header .header-inner #logo, #header #header-wrap #logo {
    margin-top: 15px !important;
}
/* menu font size */
#mainMenu nav > ul > li > a {
    font-size: 16px;
    font-weight: 600;
}
@media (max-width: 768px) {
    /* menu font size */
    #mainMenu:not(.menu-overlay) nav > ul > li > a {
        font-size: 20px;
    }
    /* menu background */
    .mainMenu-open.dark #header .header-inner, .mainMenu-open.dark #header #header-wrap, .mainMenu-open #header:not(.submenu-light).dark .header-inner, .mainMenu-open #header:not(.submenu-light).dark #header-wrap {
        background-color: #1e2022e3 !important;
    }
}
/* slider position */
#header[data-transparent="true"] + .inspiro-slider, #header[data-transparent="true"] + #slider, #header[data-transparent="true"] + .fullscreen, #header[data-transparent="true"] + .halfscreen, #header[data-transparent="true"] + #google-map {
    top: -16px;
    margin-bottom: 0px;
}
/* mission position */
.no-padding-mission {
    padding: 0 !important;
    margin-top: -16px;
}
/* mission fonts */
h2:not(:last-child), .h2:not(:last-child) {
    margin-bottom: 16px;
    font-weight: 700;
}
.lead {
    font-size: 1.5rem;
    font-weight: 600;
}
/* mition color */
/* .text-light, .text-light h1, .text-light h2, .text-light h3, .text-light h4, .text-light h5, .text-light h6, .text-light .lead, .text-light p, .text-light a:not(.btn), .text-light a:not(.btn):hover:not(.btn-light), .text-light i, .text-light li, .text-light label, .text-light div:not(.alert), .text-light span:not(.btn-label) {
    color: #595757 !important;
} */
/* -----------------------------------------------------------
sign up 
------------------------------------------------------------*/
/* background color */
.background-colored {
    background-color: #1c28a1;
}
/* ch-title */
.kj-admi-00-ch-title {
    font-weight: 600;
    color: #f5ae1e !important;
    letter-spacing: 6px;
    font-size: 28px;
    margin: 0px 0px 20px 3px !important;
}
/* RWD */
.kj-signup-m {
    display: none;
}
@media (max-width: 768px) {
    .kj-signup-d {
        display: none;
    }
    .kj-signup-m {
        display: block;
    }
}
/* title section */
.heading-text {
    margin-top: 30px;
}
/* chinese title */
.lead-title {
    font-weight: 600;
    color: #2757f8;
    letter-spacing: 6px;
    font-size: 1.5rem;
}
/* en title */
.heading-text.heading-section h2 {
    margin-top: 10px;
}
@media (max-width:768px) {
    /* diver */
    .heading-text.heading-section h2:before {
        display: block;
        content: "";
        position: absolute;
        height: 2px;
        width: 100px;
        background-color: #2250fc;
        bottom: -30px;
        left: 0;
        right: 0;
    }
    /* en-title */
    .heading-text.heading-section h2 {
        margin: 10px 20px 100px 20px;
        font-size: 36px;
        line-height: 30px;
    }
    h2, .h2 {
        font-size: 1.78571429em;
        line-height: 1em;
    }
}
/* 4 col center */
.col-lg-4 {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: 30px !important;
}
/* kj-sub-title */
.kj-sub-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    border-left: 4px solid;
    border-color: #e50028;
    margin: 20px 80px;
    padding-left: 20px;
}
@media (max-width: 768px) {
    .row .col-lg-4 {
        margin-bottom: 60px;
    }
    .kj-sub-title {
        margin: 20px 60px;
    }
}
.kj-sub-title2 {
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    border-left: 4px solid;
    border-color: #e50028;
    margin: 20px 100px;
    padding-left: 20px;
}
.kj-sub-con {
    font-size: 20px;
    font-weight: 500;
    line-height: 40px;
    text-align: center;
}
/* gallery */
/* section {
    padding: 0px;
} */
/* kj-admi-03 */
/* ch-title */
.kj-admi-03-ch-title {
    font-weight: 600;
    color: #d16f98;
    letter-spacing: 6px;
    font-size: 16px;
    margin: 0px 0px -5px 3px !important;
}
/* en title */
h2:not(:last-child), .h2:not(:last-child) {
    font-weight: 600;
    font-size: 40px;
}
/* fix target */
:target {
    padding-top: 75px;
    margin-top: -75px;
    }
/* Facebook */
.fb-page, .fb-page span, .fb-page span iframe[style] { 
    width: 100% !important; 
    display: flex !important; 
    justify-content: center !important;
    }
/* ---------------------------------------------------
kj-00
--------------------------------------------------- */
/* section title background 分隔 */
#kj-00 {
    background-image: linear-gradient(180deg, #E0F4FF 8%, rgba(255, 255, 255, 0) 60%);
    padding-top: 80px;
}
/* ---------------------------------------------------
footer 
-----------------------------------------------------*/
/* fb yt ig images size */
#footer .widget .widget-title, #footer .widget h4 {
    width: 45px;
}
#footer .footer-content {
    padding: 60px 0 40px 0;
    background-color: #0b274e;
}
#footer .list li {
    font-size: 18px;
    color: #FFF;
    font-family: 微軟正黑體;
    font-weight: 600;
    line-height: 2em;
}
#footer .copyright-content {
    min-height: auto;
    padding: 10px;
    background-color: #000000;
    font-size: 13px;
    color: gray;
    font-weight: 500;
}
/* footer bottom blank */
/* #footer .copyright-content {
    margin-bottom: -100px;
} */
#content {
    padding: 0px 0;
}
/* style */
.kj-diver-10 {
    height: 10px;
}
.kj-diver-30 {
    height: 30px;
}
.kj-diver {
    height: 80px;
}
.kj-diver-120 {
    height: 120px;
}
/*---------------------------------------------------- 
kj-article  
------------------------------------------*/
/* hide or header */
div.title-c {
    display: none;
}
div#info {
    display: none;
}

/* ----------------------------------------
mobile
 -----------------------------------------*/
 @media (max-width: 768px) {
    p {
        font-size: 1.2rem;
    }
    /* ch-title */
    .kj-admi-03-ch-title {
        font-weight: 600;
        color: #d16f98;
        letter-spacing: 6px;
        font-size: 22px;
        margin: 30px 0px 0px 0px !important;
    }
    .col-lg-6 img {
        width: 100% !important;
        display: flex;
        flex-wrap: wrap;
    }
    /* button */
    button.btn:not(.btn-creative):not(.btn-slide), .btn:not(.close):not(.mfp-close):not(.btn-creative):not(.btn-slide), a.btn:not([href]):not([tabindex]):not(.btn-creative):not(.btn-slide) {
        font-size: 18px;
        height: auto;
        line-height: 30px;
        padding: 10px 25px;
        margin: 0 auto;
        margin-top: 20px;
        margin-bottom: 10px;
    }

 }

/* ----------------------------------------------------
btn 
------------------------------------------------------*/
button.btn, .btn:not(.close):not(.mfp-close), a.btn:not([href]):not([tabindex]) {
    font-size: 22px;
    margin-top: 20px;
    padding: 18px 25px;
    border-radius: 30px;
}
/* ----------------------------------------------------
icon 
------------------------------------------------------*/
/* slide - icon next */
.flickity-button.next:before {
    content:url('https://sgoods.info/kj-admi/images/01/kj-next4.png');
    width: 34px;
    height: 34px;
    display: inline-block;
    background-position:center;
    background-size:cover;
}
/* slide - icon pre */
.flickity-button.previous:before {
    content:url('https://sgoods.info/kj-admi/images/01/kj-pre4.png');
    width: 34px;
    height: 34px;
    display: inline-block;
    background-position:center;
    background-size:cover;
}
/* go to top */
.icon-chevron-up:before {
    content:url('https://sgoods.info/kj-admi/images/01/kj-gototop4.png');
    width: 34px;
    height: 34px;
    display: inline-block;
    background-position:center;
    background-size:cover;
}
.flickity-button {
    background-color: rgb(0 0 0 / 47%);
}
/* -----------------------------------------------------
111-winter-event
----------------------------------------------------- */
.winter-m {
    display: none;
}
@media (max-width: 768px) {
    .winter-d {
        display: none;
    }
    .winter-m {
        display: block;
    }
}