/* color */
a {
    color: #4f5b87;
}
/* ---------------------------------------------------------
font & size
--------------------------------------------------------- */
/* p font size */
/* kj-08 h4 */
h4:not(:last-child), .h4:not(:last-child) {
    text-align: center;
}
/* kj-08 QA text font-size */
@media (max-width: 768px) {
    .accordion .ac-item .ac-content {
        font-size: 18px;
        line-height: 1.5;
    }
}

/* p {
    font-size: 1.2rem;
} */
/* 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;
    }
}
/* -------------------------------------------------------------
SECTION
------------------------------------------------------------- */
/* section title background 分隔 */
#kj-03{
    background-image: linear-gradient(180deg, #E0F4FF 8%, rgba(255, 255, 255, 0) 60%);
    padding-top: 80px;
}
#kj-05{
    background-image: linear-gradient(180deg, #E0F4FF 8%, rgba(255, 255, 255, 0) 60%);
    padding-top: 80px;
}
#kj-06{
    background-image: linear-gradient(180deg, #E0F4FF 8%, rgba(255, 255, 255, 0) 60%);
    padding-top: 80px;
}
#kj-07{
    background-image: linear-gradient(180deg, #E0F4FF 8%, rgba(255, 255, 255, 0) 60%);
    padding-top: 80px;
}
#kj-08{
    background-image: linear-gradient(180deg, #E0F4FF 8%, rgba(255, 255, 255, 0) 60%);
    padding-top: 80px;
}
#kj-09{
    background-image: linear-gradient(180deg, #E0F4FF 8%, rgba(255, 255, 255, 0) 60%);
    padding-top: 80px;
}
/* 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 80px 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;
}
@media (max-width: 768px) {
    .col-lg-6 {
        margin-bottom: 50px;
    }
}
/* 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;
} */
/* section-nopadding */
.section-nopadding {
    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;
    text-align: left !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;
    }

/* ---------------------------------------------------
kj-admi-01-01 
-----------------------------------------------------*/
/* important-date-title */
.timeline .timeline-item > h4 {
    margin-bottom: 10px;
}
/* date style */
.timeline .timeline-item .timeline-item-date {
    font-size: 18px;
    color: brown;
}
/* fix btn too long */
@media (max-width:768px) {
    .timeline .timeline-item {
        margin: 3rem 0rem 3rem 3rem;
    }
}

/* ----------------------------------------------------
kj-admi-03 section
---------------------------------------------------- */
.image-right-m {
    display: none;
}

@media (max-width: 768px) {
    .image-right-d {
        display: none;
    }
    .image-right-m {
        display: block;
    }
}

/* ---------------------------------------------------
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 {
    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: 18px;
    margin-top: 20px;
    padding: 18px 25px;
    border-radius: 30px;
}

/* ----------------------------------------------------
icon 
------------------------------------------------------*/
/* timeline-icon - bg gray */
.kj-bg-gray {
    background-color: #ededed !important;
    border-color: #ededed !important;
    font-size: 18px;
    margin-top: 20px;
    padding: 18px 25px;
    border-radius: 30px;
    display: inline-block;
    font-family: inherit;
    font-weight: 600;
    letter-spacing: .5px;
    text-decoration: none;
    position: relative;
    text-transform: uppercase;
    border-width: 1px;
    border-style: solid;
    color: #fff;
    transition: all 0.3s;
    margin-bottom: 6px;
    outline: none;
    line-height: 14px;
}
.kj-gray {
    color: #ededed !important;
}
/* timeline - icon size */
.timeline .timeline-item .timeline-icon {
    width: 45px;
    height: 45px;
    left: -5px;
}
/* timeline - icon image conversation */
.icon-box:before {
    /* content: "\e925"; */
    content:url('https://sgoods.info/kj-admi/images/01/kj-comments3.png');
     width: 34px;
     height: 34px;
     display: inline-block;
    background-position:center;
    background-size:cover;
}
/* timeline - icon image pen */
.icon-pen:before {
    content:url('https://sgoods.info/kj-admi/images/01/kj-pen3.png');
    width: 34px;
    height: 34px;
    display: inline-block;
    background-position:center;
    background-size:cover;
}
/* gallery lightbox - icon bg-color */
.portfolio-item .portfolio-description a i, .portfolio-item .grid-description a i, .portfolio-item .portfolio-links a i, .grid-item .portfolio-description a i, .grid-item .grid-description a i, .grid-item .portfolio-links a i {
    background-color: #2250fc;
    border: 0px solid #ededed;
}
/* gallery lightbox clone icon */
.fa-clone:before {
    content:url('https://sgoods.info/kj-admi/images/01/kj-clone3.png');
    width: 34px;
    height: 34px;
    display: inline-block;
    background-position:center;
    background-size:cover;
}
/* video play icon */
.icon-play:before {
    content:url('https://sgoods.info/kj-admi/images/01/kj-play4.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-gototop3.png');
    width: 34px;
    height: 34px;
    display: inline-block;
    background-position:center;
    background-size:cover;
}
/* QA dash */
.accordion .ac-item.ac-active .ac-title:before {
    content:url('https://sgoods.info/kj-admi/images/01/kj-dash2.png');
    width: 34px;
    height: 34px;
    display: inline-block;
    background-position:center;
    background-size:cover;
}
/* QA plus */
.accordion .ac-item .ac-title:before {
    content:url('https://sgoods.info/kj-admi/images/01/kj-plus2.png');
    width: 34px;
    height: 34px;
    display: inline-block;
    background-position:center;
    background-size:cover;
}
/* -----------------------------------------------------
111-winter-event
----------------------------------------------------- */
.winter-m {
    display: none;
}
@media (max-width: 768px) {
    .winter-d {
        display: none;
    }
    .winter-m {
        display: block;
    }
}