/*globe*/
body{
    font-family:"Noto Sans TC", sans-serif;
    counter-reset: lb-counter;      /* Create a chapter counter scope */
}

.overflow-x{
    position:relative;
    overflow-x:hidden;
    overflow-y:auto;
    max-width:1920px;
    margin-left: auto;
    margin-right: auto;
}

button,button:hover,
a,a:hover{
    -webkit-transition: all .5s ease-in-out!important;
    transition: all .5s ease-in-out!important;
}

a.purple{color:#472f80;}
a.purple:hover{opacity:.7;}
a.gold{color:#998458;}
a.gold:hover{color:#fff;}
a.white{color:#fff;}
a.white:hover{color:#998458;}
a.dark{color:#999;}
a.dark:hover{color:#472f80;}
a.deepdark{color:#000;}
a.deepdark:hover{color:#472f80;}


*:focus {
    -webkit-tap-highlight-color: transparent;
    outline: none;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
}
/* 
::-moz-selection { background: #c5aa70;color:#fff}
::selection { background: #c5aa70;color:#fff} */

img {
    -khtml-user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}


p,h1,h2,h3,h4,h5,h6{
    margin:0px;
    padding:0px;
    /* font-size:inherit;
    font-weight:inherit;
    line-height:inherit; */
}  

h4.globe_title{
    /* font-size:2.4rem; */
    font-weight:400;
    line-height:1.4;
    text-align:center;
    letter-spacing:.1rem;
    margin: 20px 0px;
}

h5.globe_title{
    font-size:1.5rem;
    line-height:1.4;
    text-align:center;
    letter-spacing:.1rem;
    margin: 20px 0px;
}

.globe_pg{
    font-size:1rem;
    line-height:2;
}

a.globe-text-link{
    color:#472f80;
    text-decoration: none;
}

a.globe-text-link:hover{
    opacity:.7;    
}

.valign-top > div,
.valign-top > a{
    display:inline-block;
    vertical-align:top;
}

.valign-middle > div{
    display:inline-block;
    vertical-align:middle;
}

.valign-bottom > div{
    display:inline-block;
    vertical-align:bottom;
}


/* ===== Scrollbar CSS ===== */
/* Firefox */
* {
    scrollbar-width: auto;
    scrollbar-color: #c1c1c1 #ccdae0;
}

/* Chrome, Edge, and Safari */
*::-webkit-scrollbar {
    width: 6px;
}

*::-webkit-scrollbar-track {
    background: #f1f1f1;
}

*::-webkit-scrollbar-thumb {
    background-color: #c1c1c1;
    border-radius: 10px;
    border: 0px solid #ccdae0;
}
/* =====End of Scrollbar CSS ===== */

/* color */
.bg-00a9e0{
    background-color:#00a9e0;
}

.bg-3A5057{
    background-color:#3A5057;
}

.bg-ccdae0{
    background-color:#ccdae0;
}

.bg-ff9122{
    background-color:#ff9122;
}

.bg-ede9f2{
    background-color:#ede9f2;
}

.fc-472f80{
    color: #472f80;
}


/* end of color */

/* modal */
.modal-content{
    border: 1px solid #472f80;
}

@media only screen and (min-width:1400px){
    .modal-dialog{
        width:75%;
    }
    .modal-dialog.modal-fullscreen{
        width:100%;
    }
}
@media only screen and (max-width:1400px){
    .modal-dialog{
        width:80%;
    }
    .modal-dialog.modal-fullscreen{
        width:100%;
    }
}
@media only screen and (max-width:992px){
    .modal-dialog{
        width:85%;
    }
    .modal-dialog.modal-fullscreen{
        width:100%;
    }
}
@media only screen and (max-width:767px){
    .modal-dialog{
        width:90%;
    }
    .modal-dialog.modal-fullscreen{
        width:100%;
    }
}
@media only screen and (max-width:576px){
    .modal-dialog{
        width:100%;
    }
    .modal-dialog.modal-fullscreen{
        width:100%;
    }
}



/* photo modal */
#photoModal .modal-content {
    background-color:rgba(0, 0, 0, 0.274)!important;
}

/* end of modal */

/* youtube video */
[data-bs-target="#albumModal"] article,
[data-bs-target="#albumModal"]:hover article,
[data-bs-target="#albumModal"] figure,
[data-bs-target="#albumModal"]:hover figure,
[data-bs-target="#photoModal"] article,
[data-bs-target="#photoModal"]:hover article,
[data-bs-target="#photoModal"] figure,
[data-bs-target="#photoModal"]:hover figure,
[data-bs-target="#youtubeModal"] img,
[data-bs-target="#youtubeModal"]:hover img,
[data-bs-target="#youtubeModal"] article,
[data-bs-target="#youtubeModal"]:hover article{
    cursor:pointer;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

[data-bs-target="#youtubeModal"] div{
    background-image:url('../images/play_overlay.png');
    background-size:25%;
    background-position: 50% 50%;
    background-repeat:no-repeat;
    background-color:#000;
}

[data-bs-target="#albumModal"] figure,
[data-bs-target="#photoModal"] figure{
        opacity:1;
}

[data-bs-target="#albumModal"]:hover figure,
[data-bs-target="#photoModal"]:hover figure{
        opacity:.5;
}


[data-bs-target="#youtubeModal"] img{
    opacity:.5;
}

[data-bs-target="#youtubeModal"]:hover img{
    opacity:1;
}

/* modal thumbnail with bottom article bar */
[data-bs-target="#albumModal"],
[data-bs-target="#youtubeModal"],
[data-bs-target="#photoModal"]{
    cursor:pointer;
    text-decoration: none;
    color:inherit;
}
[data-bs-target="#albumModal"] h5,
[data-bs-target="#youtubeModal"] h5,
[data-bs-target="#photoModal"] h5{
    font-size: calc(0.58em + 1vmin);
    line-height:1.4;
}

[data-bs-target="#albumModal"]:hover h5,
[data-bs-target="#youtubeModal"]:hover h5,
[data-bs-target="#photoModal"]:hover h5{
    color:#472f80
}

[data-bs-target="#albumModal"] small,
[data-bs-target="#youtubeModal"] small,
[data-bs-target="#photoModal"] small{
    /* font-size:.2rem; */
    color:#9b9b9b
}


[data-bs-target="#albumModal"] div figure,
[data-bs-target="#photoModal"] div figure{
        position: relative;
    display: block;
    padding-top: 56.25%;
    width: 100%;
    background-color: #fff;
    text-align: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 0%;             
}

[data-bs-target="#albumModal"] article,
[data-bs-target="#photoModal"] article,
[data-bs-target="#youtubeModal"] article{
    background-color:rgba(0, 0, 0, 0.315);
    font-size:1.4rem;
    padding:20px;
    margin-bottom:0%;
}

[data-bs-target="#albumModal"]:hover article,
[data-bs-target="#photoModal"]:hover article,
[data-bs-target="#youtubeModal"]:hover article{
    margin-bottom:-20%;
}

@media only screen and (max-width:992px){
    [data-bs-target="#albumModal"] article,
    [data-bs-target="#photoModal"] article,
    [data-bs-target="#youtubeModal"] article{
        font-size:1rem;
        padding:10px;
    }
}

@media only screen and (max-width:767px){
    [data-bs-target="#albumModal"] h5 br,
    [data-bs-target="#photoModal"] h5 br{
            display:none;
    }
}
.video-container {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
}

.video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}
/* end of youtube video */

/* button */
.btn.btn-primary{
    background-color:#472f80;
    border-color:transparent;
}

.btn.btn-primary:hover{
    color:#fff;
    background-color: #8b80b5;
    border-color:#8b80b5;
}

.btn.btn-outline-primary{
    border-color:#472f80;
    color:#472f80;
}

.btn.btn-outline-primary:hover{
    color:#fff;
    background-color: #8b80b5;
    border-color:#8b80b5;
}

.badge.rounded-pill.bg-primary{
    color:#472f80;
    background-color: #ede9f2!important;
    letter-spacing:.1rem;
}

.rounded-5{
    border-radius: 2rem;;
}

.btn.btn-white:hover{
    opacity: .7;
}

.btn-close{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2300698B'%3E%3Cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3E%3C/svg%3E");
    opacity: 1;
}
/* end of button */

/* bootstrap style overide */
.alert-warning{
    width:100%;
    border-radius: 0;
    background-color:#9067c9 ;
    color:#fff;
    border:none;
    margin:0;
    letter-spacing:.05rem;
}

button.btn-close {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3E%3Cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3E%3C/svg%3E")!important;
    opacity: 1;
}

.card-body{
    background-color:#ece8f1;
    padding:9%;
}

.card-text{
    line-height:2;
    letter-spacing: 1px;
    color:#414042;
    text-align: justify;
    text-justify: inter-word;
}

.carousel-control-next-icon{
    background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23998458'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")!important;
}

.carousel-control-prev-icon{
    background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23998458'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e")!important;
}

.carousel-indicators{
    margin-bottom:2%;
}

.carousel-indicators button{
    width: 12px!important;
    height: 12px!important;
    margin-left: 10px!important;
    margin-right: 10px!important;
    overflow:hidden;
    z-index:1000;
    border-radius:100%!important;
    -webkit-border-radius: 100%!important;
    -moz-border-radius: 100%!important;
    -ms-border-radius: 100%!important;
    background-color: transparent!important;
    border: 1px solid #472f80!important; 
}

.carousel-indicators button.active{
    width: 9px!important;
    height: 9px!important;
    background-color: #472f80!important;
    outline: 1px solid #472f80!important;
    border: 3px solid transparent!important;
}

.shadow {
    box-shadow: 0 .3rem 1rem rgba(0,0,0,.10)!important;
}

.breadcrumb{
    margin-bottom: 0rem;
}

.breadcrumb-item a{
    color: #472f80!important;
    text-decoration: none;
}

.breadcrumb-item a:hover{
    color: #998458!important;
}

.breadcrumb-item.active{
    color: #998458!important;
}

.breadcrumb-item+.breadcrumb-item::before {
    color: #472f80!important;
    content: var(--bs-breadcrumb-divider, ">");
}

.pb-5{
    padding-bottom:5rem!important;
}

.border-primary{
    border-color:#00698B!important;
}

.card.rounded{
    border-radius:.75rem!important;
    border:1px solid #658A9B;
}

.text-success{
    color:#03A30F!important;
}

.fs-7{
    font-size:.9rem;
}

.form-check-input{
    border-color: #658A9B!important;
}

.rounded-top-left-1 {
    border-top-left-radius: .25rem!important;
}
.rounded-top-right-1 {
    border-top-right-radius: .25rem!important;
}
.rounded-bottom-left-1 {
    border-bottom-left-radius: .25rem!important;
}
.rounded-bottom-right-1 {
    border-bottom-right-radius: .25rem!important;
}

@media screen and  (min-width: 1200px) {
    .carousel-control-prev{
        background-size: 3vw;
    }
    
    .carousel-control-next{
        background-size: 3vw;
    }

    .row-cols-xl-8 > * {
        flex: 0 0 12.5%;
        max-width: 12.5%;
        float:left;
    }

    .rounded-custom{border-radius:2rem;}
}

@media screen and  (min-width: 992px) {
    .row-cols-lg-8 > * {
        flex: 0 0 12.5%;
        max-width: 12.5%;
        float:left;
    }

    .rounded-custom{border-radius:1.5rem;}
}

@media screen and  (min-width: 768px) {
    .rounded-custom{border-radius:1rem;}
}

@media screen and  (min-width: 576px) {
    .rounded-custom{border-radius:.8rem;}
}

@media screen and  (max-width: 576px) {
    .rounded-custom{border-radius:.5rem;}
}

/* end of style override */

/* breadcrum */
.breadcrumb{
    margin-bottom: 0rem;
}

.breadcrumb-item a{
    color: #472f80;
}

.breadcrumb-item a:hover{
    color: #00698B;
}

/* end of breadcrum */


/* globe animate */

    /***********************************/
    /*********** if any ****************/
    /***********************************/

/* end of globe animate */

/* form */
textarea,
.form-control{
    border-radius:0px!important;
    border:1px solid #000!important;
}
textarea:focus,
.form-control:focus {
    color: #212529;
    background-color: #fff;
    border-color: #c5aa70!important;
    outline: 0;
    box-shadow: none;
}

.form-check-input[type=checkbox]{
    /* bigger Checkboxes */
    -ms-transform: scale(1.4); /* IE */
    -moz-transform: scale(1.4); /* FF */
    -webkit-transform: scale(1.4); /* Safari and Chrome */
    -o-transform: scale(1.4); /* Opera */
    padding: 5px;
    border-radius: 0px;
    margin-left: -1.3em!important;
    border-color:#000!important;   
}

.form-check-input:focus,
.form-check-input:checked{
    background-color:#c5aa70;
    border-color:#000;   
    box-shadow: none!important;
}
  

/* end of form */

/* footer */
.footer_social{
    display:inline-block;
    width: 25%;
    max-width: 36px;
    color: #414042;
}

.footer_social:hover{
    /* color: #c5aa70; */
    opacity:.7!important;
}

#btn-back-to-top{
    display:inline-block;
    width: 12%;
    max-width: 65px;
    color: #472f80; 
}


#btn-back-to-top:hover{
    color: #c69e5d ; 
}

/* end of footer */

/* header */
.navbar{
    z-index: 1000;
}

.brand{
    opacity:1;
}

.brand:hover{
    opacity:.5;
}

.nav-link{
    color:#472f80!important;
    font-size:15px;
    padding: 0.6rem 1rem;
}

.nav-link.active{
    color:rgba(153, 132, 88, 0.479)!important;
    background:transparent!important;
}

    /* nav hamburger */
    .custom-toggler .navbar-toggler-icon {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(153, 132, 88, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
    }
    
    .custom-toggler.navbar-toggler {
        border: none!important;
    } 

    .custom-toggler.navbar-toggler:hover,
    .custom-toggler.navbar-toggler:focus {
        opacity:.5;
        box-shadow: none;
    }
    /* end of nav hamburger */


    /* nav dropdown */
    #navbars .navbar-nav ul.dropdown-menu {
        background-color:#fff;
    }

    #navbars .navbar-nav .dropdown-toggle::after {
        display: none;
    }

    #navbars .navbar-nav .dropdown-toggle:hover {
        color:#c69e5d !important;
    }

    #navbars .navbar-nav .dropdown-menu{
        border-radius:0px;
        border:none;
        border-top:2px solid #c69e5d ;
        -webkit-box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.158);
        -moz-box-shadow:    0px 3px 8px 0px rgba(0, 0, 0, 0.158);
        box-shadow:         0px 3px 8px 0px rgba(0, 0, 0, 0.158);
    }

    #navbars .navbar-nav .dropdown-item{
        font-size: 13px;
        padding: 0.5rem 1.5rem;
    }

    #navbars .navbar-nav .dropdown-item.focus,
    #navbars .navbar-nav .dropdown-item.within,
    #navbars .navbar-nav .dropdown-item.active,
    #navbars .navbar-nav .dropdown-item:hover{
        color:rgba(71, 47, 128, 0.7);
        background-color: #fff!important;
        background-image: none!important;
    }

    /* arrow */
    #navbars .navbar-nav .dropdown-toggle i{
        position:absolute;
        right:0;
        top:17px;
        margin-right:5px;
        font-size:15px;
        /* -webkit-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;     */
    }

    #navbars .navbar-nav .dropdown-toggle[aria-expanded="true"] i {
        -webkit-transform:rotate(-180deg);
        -moz-transform:rotate(-180deg);
        -ms-transform:rotate(-180deg);
        -o-transform:rotate(-180deg);
        transform:rotate(-180deg);
        /* -webkit-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;     */
    }

    #navbars .navbar-nav .dropdown-menu li:first-child{
        padding:.5rem 1.5rem;
    }


    #navbars .navbar-nav .dropdown-menu li:first-child a{
        display:inline-block!important;
        width:auto;
        padding:0;
    }

    @media only screen and (min-width:1400px){
        #navbars .navbar-nav .dropdown-toggle{
            margin-bottom:-66px;
            padding-bottom:66px;
        }

        #navbars .navbar-nav .dropdown-toggle i{
            display:none;
        }

        #navbars .navbar-nav .dropdown-menu{
            margin-top: 66px;
        }

        #navbars .navbar-nav .dropdown-menu li:first-child{
            padding:.5rem 1.5rem;
        }

        #navbars [data-bs-popper]{
            margin-top:52px!important;
        }  

        #navbars .navbar-nav .dropdown-toggle{
            border-bottom:none;
        }
    }
    /* end of nav dropdown */

    /* onmouseover */
    @media all and (min-width: 1400px) {
        .navbar .nav-item .dropdown-menu{ display: none; }
        .navbar .nav-item:hover .nav-link{   }
        .navbar .nav-item:hover .dropdown-menu{ display: block; }
        .navbar .nav-item .dropdown-menu{ margin-top:0; }
    }	
    /* end of onmouseover */

    
    .nav-link.lang{
        font-size: 13px;
        line-height:0;
        padding: 0.4rem 1rem;
        border-right:solid 1px rgba(71, 47, 128, 0.525);
    }

    .nav-link.lang.active{
        color:#c69e5d !important;
    }

    .nav-link.lang:last-child{
        border:none;
    }


    @media only screen and (max-width:1400px){
        .overflow-x{
            padding-top:107px;
        }

        .navbar{
            position:fixed;
            top:0;
            left:0;
            width:100%;
            background-color:#fff;
            height:107px;
        }

        #navbars .navbar-nav .dropdown-toggle{
            border-bottom: 1px dotted #e7e7e7;
        }

        #navbars .navbar-nav .dropdown-toggle.show{
            border-bottom:none;
        }

        #navbars .navbar-nav .dropdown-menu{
            border:1px solid #e8d9c3;
            padding: 0;
        }

        #navbars .navbar-nav .dropdown-toggle i{
            display:inline-block;
        }

        #navbars .navbar-nav .dropdown-menu{
            padding:10px 0px;
            -webkit-box-shadow: none;
            -moz-box-shadow:    none;
            box-shadow:         none;
        }
    }


    @media only screen and (max-width: 1200px) {
        .overflow-x{
            padding-top:100px;
        }

        .navbar{
            height:100px;
        }

        .nav-link{
            font-size:1.2rem;
        }
        
        #navbars .navbar-nav .dropdown-menu{
            padding:7px 0px;
        }

        #navbars .navbar-nav .dropdown-menu li:first-child,
        #navbars .navbar-nav .dropdown-item{
            font-size: 1.1rem;
            padding:0.4rem 1.4rem;
        }
    }
    
    @media only screen and (max-width: 992px) {
        .overflow-x{
            padding-top:110px;
        }

        .navbar{
            height:110px;
        }
        .nav-link{
            font-size:1.1rem;
        }

        #navbars .navbar-nav .dropdown-menu{
            padding:5px 0px;
        }

        #navbars .navbar-nav .dropdown-menu li:first-child,
        #navbars .navbar-nav .dropdown-item{
            font-size: 1rem;
            padding:0.4rem 1em;
        }
    
    }
    
    
    @media only screen and (max-width: 768px) {
        .nav-link{
            font-size:1rem;
        }

        #navbars .navbar-nav .dropdown-menu{
            padding:4px 0px;
        }

        #navbars .navbar-nav .dropdown-menu li:first-child,
        #navbars .navbar-nav .dropdown-item{
            font-size: .9rem;
            padding:0.3rem 0.8rem;
        }
    
    }
    
    
    @media only screen and (max-width: 576px) {
        .overflow-x{
            padding-top:96px;
        }

        .navbar{
            height:96px;
        }

        .nav-link{
            font-size:1rem;
        }

        #navbars .navbar-nav .dropdown-menu{
            padding:3px 0px;
        }

        #navbars .navbar-nav .dropdown-menu li:first-child,
        #navbars .navbar-nav .dropdown-item{
            font-size: 0.9rem;
            padding:0.3rem 0.7rem;
        }
    
    }
    
    /* quick link dropdown */
    #navLang{
        color: #472f80;
        width: 100%;
    }

    #navLang + ul li a{
        position: relative;
    }

    #navLang + ul li a:hover{
        color:#c69e5d !important;
    }

    #navLang + .dropdown-menu{
        border:none!important;
        margin-top:5px!important;
    }

    #navLang .dropdown-item{
        font-size: .9rem;
        padding: 0.4rem 1rem;
    }

    [aria-labelledby="navLang"]{
        width:100%;
        text-align: center;
        z-index: 501;
    }

    @media only screen and (min-width:992px){
        #navLang + ul[aria-labelledby="navLang"]{
            position: static!important;
            inset: 0px auto auto 0px;
            margin: 0px;
            transform: translate(0)!important;
        }
    }

    @media only screen and (max-width:992px){
        #navLang + ul li a.current:after {
            display: none;
        }

        #navLang + ul li a.current:before {
            content: '';
            display: inline-block;
            padding-left: 10px;
            margin-left: -10px;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 7px 0 7px 8px;
            border-color: transparent transparent transparent #3a5057;      
        } 
    }

    @media only screen and (min-width:992px){
        #navLang{
            display:none;    
        }
    

        [aria-labelledby="navLang"]{
            display:block;
            position: static;
            background-color:transparent;
            border-color:transparent;
            text-align: left;
        }

        [aria-labelledby="navLang"] li{
            display:inline-block;
        }


        [aria-labelledby="navLang"] li a{
            color:#472f80;
            line-height:1;
            padding:0rem;
            padding-left:.2rem;
            padding-right:.6rem;
            border-right:solid 1px #472f80;
        }

        [aria-labelledby="navLang"] li:last-child a{
            border-right:none;
        }


        [aria-labelledby="navLang"] li:hover,
        [aria-labelledby="navLang"] li a:hover,
        [aria-labelledby="navLang"] li a:focus,
        [aria-labelledby="navLang"] li a:active{
            background-color:transparent!important;
            color:#c69e5d ;
        }
    }
    /* end of quick link dropdown */

/* end of header */

/* index */
    /* carousel head banner */

    #m_carouselHb .carousel-item-p{
        display: block;
        width:100%;
        padding-top: 93.24%;
        height:
        auto;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: 50% 50%;
    }

    #carouselHb .carousel-item-p{
        display: block;
        width:100%;
        padding-top:32.99%;
        height:auto;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: 50% 50%;
    }

    /* end of carousel head banner */

    /* carousel product */
        
    /*slick*/
    .slick{
        position:relative;
        width:100%;
        max-width:1400px;
        overflow:hidden;
        margin:auto;
    }

    .slick_each{
        display: inline-block;
        margin:3px 20px;
        text-align:center
    }

    .slick_each_p{
        display: block;
        width:100%;
        padding-top: 67.02%;
        height:auto;
        background-repeat: no-repeat;
        /* background-size: cover; */
        background-size:contain;
        background-position: 50% 50%;
    }

    .slick-prev,.slick-next{
        padding-bottom:90px;
        z-index:20;
    }
    .slick-dotted.slick-slider {
        margin-bottom: 100px;
    }
    .slick-prev:before, .slick-next:before,
    .slick-prev:hover:before, .slick-next:hover:before {
        -webkit-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
    }
    .slick-prev:before, .slick-next:before {
        content:'';
        /* font-size:40px; */
        width:59px;
        height:59px;
        display:block;
        opacity:1;
        border-radius:50%;
        background-color:#fff;
        background-repeat:no-repeat;
        background-position:50% 50%;
        background-size:59px 59px;
        -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,.1); 
        box-shadow: 0px 0px 15px 0px rgba(0,0,0,.1);
    }
    .slick-prev:hover:before, .slick-next:hover:before {
        opacity:.4;
    }


    .slick-prev:before{
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23998458'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
        background-position: 50% 50%;
        background-color: transparent!important;
        background-size: 40px 40px;
        box-shadow: none;
    }
    .slick-next:before {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23998458'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
        background-position: 50% 50%;
        background-color: transparent!important;
        background-size: 40px 40px;
        box-shadow: none;
    }
    .slick-prev{
        left:4.5%;
    }
    .slick-next{
        right:7%;
    }
    @media only screen and (max-width:992px){
        .slick_each{
            margin-left:0px;
            margin-right:0px;
        }

        .slick_each_p{
            padding-top:60%;
        }

        .slick-prev:before, .slick-next:before {
            width: 50px;
            height:50px;
            background-size: 41px 41px;
        }
        .slick-dots li button:before{
            font-size:11px;
        }
        .slick-prev{
            left: 2%;
            padding-bottom: 40px;
        }
        .slick-next{
            right:4.5%;
            padding-bottom: 50px;
        }
        .slick-dots li{
            margin:0px 4px;
        }
        .slick-dots{
            right: 0px;
        }
        .slick-dots li button:before{
            width: 55px;
        }
    }
    @media only screen and (max-width:767px){
        .slick_each_p{
            padding-top:50%;
        }

        .slick-prev:before, .slick-next:before {
            width: 25px;
            height:25px;
            background-size: 30px 30px;
        }
        .slick-dots li button:before{
            font-size:10px;
        }
        .slick-prev{
            left: 2%;
            padding-bottom: 30px;
        }
        .slick-next{
            right: 2%;
            padding-bottom: 28px;
        }
        .slick-dots li{
            margin:0px 3px;
        }
    }
    @media only screen and (max-width:576px){
        .slick_each_p{
            padding-top:37%;
        }

        .slick-prev:before, .slick-next:before {
            width: 20px;
            height:20px;
            background-size: 25px 25px;
        }
        .slick-dots li button:before{
            font-size:9px;
        }
        .slick-prev{
            left:3.5%;
        }
        .slick-next{
            right:3.5%;
        }
        .slick-dots li{
            margin:0px 2px;
        }
    }
    /*end of slick*/
/* end of index */

/* about_company */
.award_txt{
    font-size: calc(0.75em + 1.5vmin);
    line-height:1.7;
    padding-left:2%;
    margin:5% 0;
}



.timeline {
    position: relative;
    background: #f2f2ed;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 2rem;
    margin: 0 auto 1rem auto;
    overflow: hidden;
    border-top:50px solid #f2f2ed;
    border-bottom:50px solid #f2f2ed;
}
.timeline:after {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -8px;
    border-right: 8px solid #b7b8b9;
    height: 100%;
    display: block;
}

.timeline-row {
    padding-left: 50%;
    position: relative;
    margin-bottom: 30px;
}
.timeline-row .timeline-time {
    position: absolute;
    right: 50%;
    top: 36%;
    text-align: right;
    margin-right: 50px;
    color: #808053;
    font-size: 4rem;
    line-height:1;
}


.timeline-row .timeline-content {
    position: relative;
    /* padding: 20px 30px; */
    background: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    /* min-height:176px; */
    z-index:2!important;

}
.timeline-row .timeline-content:after {
    content: "";
    position: absolute;
    top: 50%;
    height: 16px;
    width: 16px;
    background: #fff;
}
.timeline-row .timeline-content:before {
    content: "";
    position: absolute;
    top: 50%;
    right: -46px;
    width: 20px;
    height: 20px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    z-index: 10;
    background: #472f80;
    /* border: 2px dashed #4b546f; */
}
/* 
.timeline-row:first-child .timeline-content:last-child:before {
    display:none;
} */

.timeline-row .timeline-content h4 {
    margin: 0 0 20px 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 150%;
}
.timeline-row .timeline-content p {
    /* margin-bottom: 30px; */
    line-height: 150%;
}
.timeline-row .timeline-content i {
    font-size: 1.2rem;
    line-height: 100%;
    padding: 15px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    background: #272e48;
    margin-bottom: 10px;
    display: inline-block;
}
.timeline-row .timeline-content .thumbs {
    margin-bottom: 20px;
    display: flex;
}
.timeline-row .timeline-content .thumbs img {
    margin: 5px;
    max-width: 60px;
}
.timeline-row .timeline-content .badge {
    color: #ffffff;
    background: linear-gradient(120deg, #00b5fd 0%, #0047b1 100%);
}
.timeline-row:nth-child(odd) .timeline-content {
    margin-left: 40px;
    text-align: left;
}
.timeline-row:nth-child(odd) .timeline-content:after {
    left: -8px;
    right: initial;
    border-bottom: 0;
    border-left: 0;
    transform: rotate(-135deg);
}
.timeline-row:nth-child(odd) .timeline-content:before {
    left: -52px;
    right: initial;
}

.timeline-row:nth-child(even) {
    padding-left: 0;
    padding-right: 50%;
}
.timeline-row:nth-child(even) .timeline-time {
    right: auto;
    left: 50%;
    text-align: left;
    margin-right: 0;
    margin-left: 50px;
}
/* 
.timeline-row:nth-child(2) .timeline-time {
    top: 66px;
}

.timeline-row:nth-child(2) .timeline-content:last-child {
    margin-top:25px;
}

.timeline-row:nth-child(2) .timeline-content:last-child:before {
    display:none;
} */

.timeline-row:nth-child(even) .timeline-content {
    margin-right: 40px;
}
.timeline-row:nth-child(even) .timeline-content:after {
    right: -8px;
    border-left: 0;
    border-bottom: 0;
    transform: rotate(45deg);
}

@media (max-width: 992px) {
    .timeline {
        padding: 3rem;
    }

    
    .timeline-row .timeline-time {
        font-size:3rem;
    }
    .timeline:after {
        border: 0;
    }

    .timeline-row .timeline-content {
        min-height:auto;
    }

    .timeline .timeline-row:nth-child(even) {
        padding: 0;
    }
    .timeline .timeline-row:nth-child(even) .timeline-time {
        position: relative;
        top: 0;
        left: 0;
        margin: 0 0 10px 0;
    }
    .timeline .timeline-row:nth-child(even) .timeline-content {
        margin: 0;
    }
    .timeline .timeline-row:nth-child(even) .timeline-content:before {
        display: none;
    }
    .timeline .timeline-row:nth-child(even) .timeline-content:after {
        display: none;
    }
    .timeline .timeline-row:nth-child(odd) {
        padding: 0;
    }
    .timeline .timeline-row:nth-child(odd) .timeline-time {
        position: relative;
        top: 0;
        left: 0;
        margin: 0 0 10px 0;
        text-align: left;
    }
    .timeline .timeline-row:nth-child(odd) .timeline-content {
        margin: 0;
    }
    .timeline .timeline-row:nth-child(odd) .timeline-content:before {
        display: none;
    }
    .timeline .timeline-row:nth-child(odd) .timeline-content:after {
        display: none;
    }
}

@media (max-width: 576px) {
    .timeline {
        padding: 1rem;
    }

    .timeline-row .timeline-time {
        font-size:2.5rem;
    }
}
/* end of about_company */

/* about_mask */
.about_mask_footer{
    position:relative;
    display:block;
    width:100%;
    padding-top:32%;
    height:auto;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:50% 50%;
}

.about_mask_footer>a{
    position:absolute;
    bottom:0;
    right:0;
    margin-right:2rem;
    margin-bottom:2rem;
}

@media (max-width: 767px) {
    .about_mask_footer>a{
        display:inline-block;
        bottom:-80%;
        left:0;
        right:0;
        margin-left:auto;
        margin-right:auto;
    }
}
/* end of about_mask */

/* product info */
.pd_bg{
    background-image:url('../images/product_bg.jpg');
    background-repeat:no-repeat;
    background-position:100% 100%;
    background-size:contain;    
}
@media (max-width: 767px) {
    .pd_bg{
        background:none;
    }
}
/* end of product info */

/* news */
.news_nav_link{
    color:#808080;
    font-size: calc(0.8em + 1vmin);
    line-height:1.7;
}

.news_nav_link:hover,
.news_nav_link.active{
    color:#8d80b7;
}

    /* album */
    #albumModal .modal-content{
        background:transparent;
    }

    .slider-single > div:nth-child(1n+2) { display: none }

    .slider-single.slick-initialized > div:nth-child(1n+2) { display: block }

    .slider-nav .slick-slide { cursor: pointer; }
    
    #albumModal .slick-prev:before{
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
        background-position: 50% 50%;
        background-color: transparent!important;
        background-size: 40px 40px;
        box-shadow: none;
    }
    #albumModal .slick-next:before {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
        background-position: 50% 50%;
        background-color: transparent!important;
        background-size: 40px 40px;
        box-shadow: none;
    }

    #albumModal .slick-prev{
        left:-10%;
    }

    #albumModal .slick-next{
        right:-10%;
    }

    #albumModal .slider-nav{
        margin-top:20px;
    }

    #albumModal .slider-nav img{
        padding:1%;
    }

    #albumModal .slider-nav img:hover{
        opacity:.7;
    }
    
    #albumModal .slider-nav .slick-prev{
        left:-5%;
    }

    #albumModal .slider-nav .slick-next{
        right:-5%;
    }

    #albumModal .slider-nav .slick-slide.slick-current{
        
    }

    /* end of album */

/* end of news */

/* contact */
#map{
    display:block;
    padding-top:56.25%;
}
/* end of contact */


/* font-size */
@media (min-width: 768px) {
    h4.globe_title {
      font-size: calc(1.625rem + ((1vw - 7.68px) * 0.6944));
      min-height: 0vw;
    }
  }
  @media (min-width: 1920px) {
    h4.globe_title {
      font-size: 34px;
    }
  }
  
  @media (min-width: 768px) {
    [data-bs-target="#albumModal"] small, [data-bs-target="#youtubeModal"] small, [data-bs-target="#photoModal"] small {
      font-size: calc(0.5rem + ((1vw - 7.68px) * 0.3472));
      min-height: 0vw;
    }
  }
  @media (min-width: 1920px) {
    [data-bs-target="#albumModal"] small, [data-bs-target="#youtubeModal"] small, [data-bs-target="#photoModal"] small {
      font-size: 12px;
    }
  }
/* end of font-size */