@charset "UTF-8";

@import "animate.css";



@font-face {

    font-family: 'Bell MT';

    font-style: normal;

    font-weight: 400;

    src: url(../fonts/Bell MT.otf) format('opentype');

}



@font-face {

    font-family: 'Helvetica';

    font-style: normal;

    font-weight: 400;

    src: url(../fonts/Helvetica.otf) format('opentype');

}



@font-face {

    font-family: 'Noto Sans TWHK';

    font-style: normal;

    font-weight: 400;

    src: url(../fonts/SourceHanSansTWHK-Medium.otf) format('opentype');

}



html {

    font-size: 1rem;

    height: auto !important;

    scroll-behavior: smooth;

}



body {

    font-family: 'Helvetica', 'Noto Sans TC', '微軟正黑體', sans-serif;

    /*font-family: 'Helvetica', 'Noto Sans TWHK', '微軟正黑體', sans-serif;*/

    background-repeat: no-repeat;

    background-size: cover;

    font-size: 1.75rem;

    color: #fff;

    /*background-color: #d5cab9;*/

    background-color: #d8d0bb;

    letter-spacing: 0.1em;

    overflow-x: hidden;

    -webkit-font-smoothing: antialiased;

}



#luxy {

    background-repeat: no-repeat;

    background-size: cover;

}



a {

    -webkit-transition: color .2s ease-out;

    -moz-transition: color .2s ease-out;

    transition: color .2s ease-out;

}



a:hover {

    text-decoration: none;

}



.text_dark {

    color: #231815;

}

a.text_dark:hover {

    color: #000;

}



.text_gold {

    color: #6d6229;

}

.text_orange {

    color: #b25e02;

}

.text_blue {

    color: #7a6896;

}

.text_purple {

    color: #5D3C55;

}

.text_indigo {

    color: #1e415a;

}



.fs-0 {

    font-size: calc(1.5rem + 3vw);

}



.fs-5_5 {

    font-size: 1.125rem;

}



.fs-7 {

    font-size: 0.875rem !important;

}



.fs-8 {

    font-size: 0.75rem !important;

}



.text-indent-1 {

    text-indent: 1em;

}



.text-indent-2 {

    text-indent: 2.2em;

}



.text-indent-n2 {

    text-indent: -2em;

    padding-left: 2em;

}



.text-indent-n3 {

    text-indent: -3em;

    padding-left: 3em;

}



.mw-80 {

    max-width: 80% !important;

}



img {

    max-width: 100%;

}



::placeholder {

    color: #ccc !important;

}

::-webkit-input-placeholder {

    color: #ccc !important;

}

::-moz-placeholder {

    color: #ccc !important;

}

:-ms-input-placeholder {

    color: #ccc !important;

}



select {

    appearance:none;

    -moz-appearance:none;

    -webkit-appearance:none;

    background: url("../images/select_arrow.png") no-repeat scroll right 15px center transparent;

    *background: none!important;

    *border: 0!important;

    padding-right: 40px !important;

}

select::-ms-expand {

    display: none;

}



/*.container {

    width: 1024px;

}*/



.bg_cover {

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center;

}



.bg_cover_top {

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center top;

}



.bg_left {

    position: absolute;

    width: 50%;

    height: 100%;

    top: 0;

    left: 0;

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

}



.text_justify {

    text-align: justify;

}



.lh_18 {

    line-height: 1.8em;

}



.link_dark {

    color: #0f3034 !important;

}

.link_dark:hover {

    color: #000 !important;

}



.border_dark {

    border-color: #98a19e !important;

}



.shadow {

    box-shadow: 0 0 1rem rgba(0,0,0,.15)!important;

}



.full_bg {

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center;

}



.luxy_bg {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: -1;

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center;

}



.is-loaded .title_line {

    /*width: 100px;*/

    opacity: 1;

    visibility: visible;

    -webkit-transform: translate(0, 0);

    -ms-transform: translate(0, 0);

    -o-transform: translate(0, 0);

    transform: translate(0, 0);

}





/* ==============================

   Page loader

   ============================== */



.page-loader {

    display: block;

    width: 100%;

    height: 100%;

    position: fixed;

    top: 0;

    left: 0;

    background: #fefefe;

    z-index: 100000;

}



.loader {

    width: 50px;

    height: 50px;

    position: absolute;

    top: 50%;

    left: 50%;

    margin: -25px 0 0 -25px;

    font-size: 10px;

    text-indent: -12345px;

    border-top: 1px solid rgba(0, 0, 0, 0.08);

    border-right: 1px solid rgba(0, 0, 0, 0.08);

    border-bottom: 1px solid rgba(0, 0, 0, 0.08);

    border-left: 1px solid rgba(0, 0, 0, 0.5);



    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%;



    -webkit-animation: spinner 700ms infinite linear;

    -moz-animation: spinner 700ms infinite linear;

    -ms-animation: spinner 700ms infinite linear;

    -o-animation: spinner 700ms infinite linear;

    animation: spinner 700ms infinite linear;



    z-index: 100001;

}



@-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);

    }

}





/* Animate Style */

.animate_el {

    opacity: 0;

    visibility: hidden;

    -webkit-transition: opacity 1s, transform 1s;

    -o-transition: opacity 1s, transform 1s;

    transition: opacity 1s, transform 1s;

}



.tr_top {

    -webkit-transform: translate(0, -40px);

    -ms-transform: translate(0, -40px);

    -o-transform: translate(0, -40px);

    transform: translate(0, -40px);

}



.tr_bottom {

    -webkit-transform: translate(0, 40px);

    -ms-transform: translate(0, 40px);

    -o-transform: translate(0, 40px);

    transform: translate(0, 40px);

}



.tr_bottom_small {

    -webkit-transform: translate(0, 10px);

    -ms-transform: translate(0, 10px);

    -o-transform: translate(0, 10px);

    transform: translate(0, 10px);

}



.tr_left {

    -webkit-transform: translate(-40px, 0);

    -ms-transform: translate(-40px, 0);

    -o-transform: translate(-40px, 0);

    transform: translate(-40px, 0);

}



.tr_right {

    -webkit-transform: translate(40px, 0);

    -ms-transform: translate(40px, 0);

    -o-transform: translate(40px, 0);

    transform: translate(40px, 0);

}



.owl-item.active .animate_el,

.is-loaded .animate_el {

    opacity: 1;

    visibility: visible;

    -webkit-transform: translate(0, 0);

    -ms-transform: translate(0, 0);

    -o-transform: translate(0, 0);

    transform: translate(0, 0);

}



.delay_1 {

    -webkit-transition-delay: 0.5s;

    -o-transition-delay: 0.5s;

    transition-delay: 0.5s;

}



.delay_2 {

    -webkit-transition-delay: 0.8s;

    -o-transition-delay: 0.8s;

    transition-delay: 0.8s;

}



.delay_3 {

    -webkit-transition-delay: 1.1s;

    -o-transition-delay: 1.1s;

    transition-delay: 1.1s;

}



.delay_4 {

    -webkit-transition-delay: 1.4s;

    -o-transition-delay: 1.4s;

    transition-delay: 1.4s;

}



.delay_5 {

    -webkit-transition-delay: 1.7s;

    -o-transition-delay: 1.7s;

    transition-delay: 1.7s;

}



.delay_6 {

    -webkit-transition-delay: 2.0s;

    -o-transition-delay: 2.0s;

    transition-delay: 2.0s;

}



.delay_7 {

    -webkit-transition-delay: 2.3s;

    -o-transition-delay: 2.3s;

    transition-delay: 2.3s;

}



.delay_8 {

    -webkit-transition-delay: 2.6s;

    -o-transition-delay: 2.6s;

    transition-delay: 2.6s;

}



/*common*/

.page_title {

    color: #5D3C55;

    text-align: center;

}

.sub_title {

    line-height: 1.5;

}





/*index*/

.header {

    background-color: #fff;

}

.navbar-toggler {

    position: relative;

    padding: 15px 10px;

    width: 50px;

    height: 50px;

    background-color: transparent;

    border: none;

}

.navbar-toggler:focus {

    box-shadow: none;

    outline: none;

}

.burger-wrap {

    position: relative;

    width: 100%;

    height: 100%;

}

.burger-wrap span {

    position: absolute;

    width: 100%;

    height: 2px;

    background: #333366;

    -webkit-transition: .3s ease-out;

    -o-transition: .3s ease-out;

    transition: .3s ease-out;

}

.navbar-toggler .burger-top {

    top: 0;

    right: 0;

}

.navbar-toggler .burger-middle {

    top: 0;

    right: 0;

    bottom: 0;

    margin: auto;

}

.navbar-toggler .burger-bottom {

    bottom: 0;

    right: 0;

}

.navbar-toggler[aria-expanded="true"] .burger-top {

    top: 9px;

    right: 0;

    -webkit-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    transform: rotate(45deg);

}

.navbar-toggler[aria-expanded="true"] .burger-middle {

    top: 0;

    right: 0;

    bottom: 0;

    margin: auto;

    opacity: 0;

    visibility: hidden;

}

.navbar-toggler[aria-expanded="true"] .burger-bottom {

    bottom: 9px;

    right: 0;

    -webkit-transform: rotate(-45deg);

    -ms-transform: rotate(-45deg);

    transform: rotate(-45deg);

}

.header_title {

    max-width: 60.897vw;

}

.nav_list {

    list-style: none;

    padding-left: 0;

    display: flex;

    justify-content: space-between;

    align-items: flex-end;

    margin-bottom: -1px;

    position: relative;

    z-index: 1;

}

.nav_list li {

    width: calc(1 / 6 * 100%);

    padding: 0 0.5rem;

}

.nav_list li a {

    color: #fff !important;

}

.nav_list li.active a {

    color: #fff !important;

}

.nav_list li a:hover,

.nav_list li a:focus {

    color: #fff !important;

}

.nav_list li a.link_btn {

    color: #cad3e0 !important;

    border-radius: 0.5rem;

    border: 1px solid #cad3e0;

    line-height: 1;

    display: inline-flex;

    text-align: center;

    margin-bottom: 0.5rem;

    -webkit-transition: .3s ease-out;

    -o-transition: .3s ease-out;

    transition: .3s ease-out;

}

.nav_list li a.link_btn:hover,

.nav_list li.active a.link_btn {

    color: #006796 !important;

    /*background-color: #006796 !important;*/

    border-color: #006796;

}

.tab_link_1,

.tab_link_2,

.tab_link_3,

.tab_link_4 {

    color: #fff !important;

    font-size: calc(1.375rem + 1.5vw) !important;

    border-radius: 1rem 1rem 0 0;

    font-style: italic;

    line-height: 1;

    padding-bottom: 0 !important;

    padding-top: 1rem !important;

}

.tab_link_1 {

    background-color: #cdd5e2;

}

.nav_list li.active .tab_link_1 {

    background-color: #006796;

}

.tab_link_2 {

    background-color: #fbdfd3;

}

.nav_list li.active .tab_link_2 {

    background-color: #EC6D56;

}

.tab_link_3 {

    background-color: #feead1;

}

.nav_list li.active .tab_link_3 {

    background-color: #F5A33B;

}

.tab_link_4 {

    background-color: #edf5e8;

}

.nav_list li.active .tab_link_4 {

    background-color: #AFD693;

}





/*fixed_header*/

#fixed_header {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    z-index: 999;

    /*visibility: hidden;*/

    /*opacity: 0;*/

    transform: translate3d(0, -100%, 0);

    -webkit-transition: all .3s ease-in-out;

    -o-transition: all .3s ease-in-out;

    transition: all .3s ease-in-out;

}

#fixed_header .nav_list {

    margin-bottom: 0;

}

.sticky_top #fixed_header {

    transform: translate3d(0, 0, 0);

}

/*#fixed_header .tab_link_1,

#fixed_header .tab_link_2,

#fixed_header .tab_link_3,

#fixed_header .tab_link_4 {

    padding-top: 0.5rem !important;

    padding-bottom: 0.5rem !important;

    border-radius: 0.5rem;

    margin-bottom: 0.5rem;

    font-size: 1.75rem !important;

}

#fixed_header .tab_link_1 {

    border: 1px solid #cdd5e2;

}

#fixed_header .nav_list li.active .tab_link_1 {

    border: 1px solid #006796;

}

#fixed_header .tab_link_2 {

    border: 1px solid #fbdfd3;

}

#fixed_header .nav_list li.active .tab_link_2 {

    border: 1px solid #EC6D56;

}

#fixed_header .tab_link_3 {

    border: 1px solid #feead1;

}

#fixed_header .nav_list li.active .tab_link_3 {

    border: 1px solid #F5A33B;

}

#fixed_header .tab_link_4 {

    border: 1px solid #edf5e8;

}

#fixed_header .nav_list li.active .tab_link_4 {

    border: 1px solid #AFD693;

}*/





@keyframes bounce {

    0% {

        transform: translate3d(0, 0, 0);

    }

    100% {

        transform: translate3d(0, -15px, 0);

    }

}



.nav_list li a {

    display: block;

}

.nav_list li a img {

    display: block;

    -webkit-transition: all .3s;

    -moz-transition: all .3s;

    transition: all .3s;

}

.nav_list li a:hover img {

    animation: bounce .5s  cubic-bezier(.5,.2,.8,.8) infinite alternate;

    -webkit-animation: bounce .5s  cubic-bezier(.5,.2,.8,.8) infinite alternate;

}



.index_bg {

    background-image: url(../images/index_bg_02.jpg);

    background-repeat: no-repeat;

    background-position: top center;

    background-size: 100% auto;

    background-color: #e4cf98;

}



#totop {

    width: 60px;

    max-width: 12%;

    position: fixed;

    right: 30px;

    bottom: 30px;

    z-index: 999;

    opacity: 0;

    visibility: hidden;

    -webkit-transition: all .5s;

    -moz-transition: all .5s;

    transition: all .5s;

}



.text_img {

    max-height: 98vw;

}

.text_img.img_2x {

    max-height: 196vw;

}

/*.chapter_number {

    position: absolute;

    top: 0;

    left: 0;

}*/





/*photo_slider*/

.photo_slider .owl-carousel {

    padding-left: 70px;

    padding-right: 70px;

}

.photo_slider .owl-nav {

    position: absolute;

    top: 50%;

    left: 0;

    width: 100%;

    height: 0;

    margin: 0;

    display: flex;

    justify-content: space-between;

    align-items: center;

}

.photo_slider .owl-theme .owl-nav [class*='owl-'] {

    -webkit-transition: all .3s;

    -moz-transition: all .3s;

    transition: all .3s;

}

.text-dark .photo_slider .owl-theme .owl-nav [class*='owl-'] {

    color: #fff !important;

}

.photo_slider .owl-theme .owl-nav [class*='owl-']:hover {

    background-color: transparent !important;

    /*color: #F4A03D;*/

    color: #231815;

}

.text-dark .photo_slider .owl-theme .owl-nav [class*='owl-']:hover {

    color: #231815 !important;

}

.photo_slider .owl-theme .owl-dots {

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

}



/*video*/

.video_layout {

    width: 100%;

    padding-top: 56.25%;

    position: relative;

}

.text_overlay {

    background-color: rgba(0, 0, 0, .5);

}

.video_front {

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

}

.video_bg {

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    z-index: -1;

}



.img-loaded .video_bg {

    clip-path: inset(0 0 0 0);

}



.video_front>video,

.video_bg>video {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}



@media (min-aspect-ratio: 16/9) {

    .video_front>video,

    .video_bg>video {

        height: 300%;

        top: -100%;

    }

}



@media (max-aspect-ratio: 16/9) {

    .video_front>video,

    .video_bg>video {

        width: 300%;

        left: -100%;

    }

}



@supports (object-fit: cover) {

    .video_front>video,

    .video_bg>video {

        top: 0;

        left: 0;

        width: 100%;

        height: 100%;

        object-fit: cover;

    }

}



/*#yt_cover_01 {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-image: url(../images/01/youtube_01.jpg);

    background-repeat: no-repeat;

    background-size: 100% auto;

    background-position: bottom center;

    cursor: pointer;

    z-index: 99;

}

#yt_cover_01.playing,

#yt_cover_02.playing {

    opacity: 0;

    visibility: hidden;

    display: none;

}*/





/*index*/

.index_section {

    background-image: url(../images/index/bg.jpg);

    background-repeat: no-repeat;

    background-size: cover;

    background-position: top center;

}

.index_shadow {

    box-shadow: 0.5rem 0.5rem 1rem rgba(0, 0, 0, 0.5) !important;

    -webkit-transition: all .3s;

    -moz-transition: all .3s;

    transition: all .3s;

}



a:hover .index_shadow {

    animation: bounce .5s  cubic-bezier(.5,.2,.8,.8) infinite alternate;

    -webkit-animation: bounce .5s  cubic-bezier(.5,.2,.8,.8) infinite alternate;

}





/*01*/

#section_01 {

    background-color: #006796;

    background-image: url(../images/01/bg.png);

    background-repeat: no-repeat;

    background-size: 100% auto;

    background-position: top center;

    position: relative;

    z-index: 2;

}





/*02*/

#section_02 {

    background-color: #EC6D56;

    background-image: url(../images/02/bg.png);

    background-repeat: no-repeat;

    background-size: 100% auto;

    background-position: top center;

    position: relative;

    z-index: 2;

}

.section2_title_1 {

    padding-top: 13%;

    background-image: url(../images/02/01.png);

    background-repeat: no-repeat;

    background-size: 19.2% auto;

    background-position: top right;

}

.section2_title_2 {

    padding-top: 17.5%;

    background-image: url(../images/02/05.png);

    background-repeat: no-repeat;

    background-size: 19.2% auto;

    background-position: top right;

    position: relative;

}

.section2_bg {

    position: absolute;

    top: 0;

    left: 50%;

    max-width: 85%;

    transform: translate3d(-50%, 0, 0);

    z-index: -1;

}





/*03*/

#section_03 {

    background-color: #F5A33B;

    background-image: url(../images/03/bg.png);

    background-repeat: no-repeat;

    background-size: 100% auto;

    background-position: top center;

    position: relative;

    z-index: 2;

}

.section3_title {

    padding-top: 11%;

    background-image: url(../images/03/06.png);

    background-repeat: no-repeat;

    background-size: 100% auto;

    background-position: top center;

}





/*04*/

#section_04 {

    background-color: #AFD693;

    background-image: url(../images/04/bg.png);

    background-repeat: no-repeat;

    background-size: 100% auto;

    background-position: top center;

    position: relative;

    z-index: 2;

}

.section4_title {

    padding-top: 16.5%;

    background-image: url(../images/04/01.png);

    background-repeat: no-repeat;

    background-size: 19.2% auto;

    background-position: top right;

}





/*real_scene*/

#section_05 {

    background-color: #F5A33B;

    position: relative;

    z-index: 2;

}





/*footer*/

footer {

    color: #fff;

    background-color: #006796;

}

footer.footer02 {

    background-color: #EC6D56;

}

footer.footer03 {

    background-color: #F5A33B;

}

footer.footer04 {

    background-color: #AFD693;

}

footer.footer05 {

    background-color: #F5A33B;

}



@media only screen and (max-width: 1199.98px) {

    .nav_list li a {

        font-size: 1.25rem;

    }

    .tab_link_1, .tab_link_2, .tab_link_3, .tab_link_4 {

        font-size: 2rem !important;

    }

    /*#fixed_header .tab_link_1,

    #fixed_header .tab_link_2,

    #fixed_header .tab_link_3,

    #fixed_header .tab_link_4 {

        font-size: 1.25rem !important;

    }*/

    .section2_title_1 {

        padding-top: 10%;

    }

    .section2_title_2 {

        padding-top: 15%;

    }

    .section3_title {

        background-size: 120% auto;

    }

    .section4_title {

        padding-top: 14%;

    }

}



@media only screen and (max-width: 1024px) {



}



@media only screen and (max-width: 991.98px) {

    body {

        font-size: 1.5rem;

    }

    .nav_list li a {

        font-size: 1.125rem;

        padding: 0.5rem;

    }

    .tab_link_1, .tab_link_2, .tab_link_3, .tab_link_4 {

        font-size: 1.8rem !important;

    }

    /*#fixed_header .tab_link_1,

    #fixed_header .tab_link_2,

    #fixed_header .tab_link_3,

    #fixed_header .tab_link_4 {

        font-size: 1.125rem !important;

    }*/

    .photo_slider .owl-carousel {

        padding-left: 60px;

        padding-right: 60px;

    }

    .section2_title_1 {

        padding-top: 7%;

    }

    .section2_title_2 {

        padding-top: 12%;

    }

    .section3_title {

        background-size: 130% auto;

    }

    .section4_title {

        padding-top: 11%;

    }

    /*.page_title {

        font-size: 1.75rem !important;

    }*/

}



@media only screen and (max-width: 767.98px) {

    html, body {

        overflow-y: auto !important;

    }

    body {

        font-size: 1.25rem;

    }

    

    .nav_list li {

        padding: 0 0.25rem;

    }

    .nav_list li a {

        font-size: 1rem;

        padding: 0.25rem;

    }

    .nav_list li a.link_btn {

        letter-spacing: 0;

    }

    .tab_link_1, .tab_link_2, .tab_link_3, .tab_link_4 {

        font-size: 1.5rem !important;

        padding-top: 0.5rem !important;

    }

    /*#fixed_header .tab_link_1,

    #fixed_header .tab_link_2,

    #fixed_header .tab_link_3,

    #fixed_header .tab_link_4 {

        font-size: 1rem !important;

        padding: 0.25rem !important;

        text-align: center;

    }*/

    .photo_slider .owl-carousel {

        padding-left: 40px;

        padding-right: 40px;

    }

    .photo_slider .owl-theme .owl-nav [class*='owl-'] svg {

        width: 20px;

    }



    .sub_title {

        font-size: 1.25rem;

    }

    .text_img {

        max-height: 98vh;

    }

    .text_img.img_2x {

        max-height: 196vh;

    }



    .index_section {

        background-image: url(../images/index/bg_mobile.jpg);

    }

    #section_01 {

        background-image: url(../images/01/bg_mobile.png);

    }

}



@media (max-width:575.98px) {

    body {

        font-size: 1.125rem;

    }

    /*.container {

        width: 95%;

    }*/

    .page_title {

        font-size: 1.5rem !important;

    }

    .nav_list li {

        /*padding: 0 1px;*/

        width: 15%;

    }

    .nav_list li.text-center {

        width: 20%;

    }

    .nav_list li a {

        font-size: 0.75rem;

    }

    .nav_list li a.link_btn {

        border-radius: 0.25rem;

        /*margin-bottom: 0.25rem;*/

    }

    .tab_link_1, .tab_link_2, .tab_link_3, .tab_link_4 {

        font-size: 1.25rem !important;

        /*padding-top: 0.5rem !important;*/

        border-radius: 0.25rem 0.25rem 0 0;

    }

    /*#fixed_header .tab_link_1,

    #fixed_header .tab_link_2,

    #fixed_header .tab_link_3,

    #fixed_header .tab_link_4 {

        font-size: 0.75rem !important;

        text-align: center;

        border-radius: 0.25rem;

    }*/

    .photo_slider .owl-theme .owl-dots {

        line-height: 1.5 !important;

    }

    .photo_slider .owl-theme .owl-dots .owl-dot span {

        width: 8px;

        height: 8px;

        margin: 5px;

    }

    .section2_title_1 {

        background-size: 23% auto;

    }

    .section2_title_2 {

        background-size: 22% auto;

    }

    .section3_title {

        background-image: url(../images/03/06_mobile.png);

        background-size: 100% auto;

        padding-top: 15%;

    }

    .section4_title {

        background-size: 22% auto;

    }

    /*#totop {

        right: 10px;

        bottom: 10px;

    }*/

}



@media (min-width:576px) {

    .fs-sm-6 {

        font-size: 1rem !important;

    }

    .fs-sm-7 {

        font-size: 0.875rem !important;

    }

}



@media (min-width:768px) {

    .fs-md-1 {

        font-size: calc(1.375rem + 1.5vw) !important;

    }

    .fs-md-2 {

        font-size: calc(1.325rem + .9vw) !important;

    }

    .fs-md-3 {

        font-size: calc(1.3rem + .6vw) !important;

    }

    .fs-md-4 {

        font-size: 1.5rem !important;

    }

    .fs-md-5 {

        font-size: 1.25rem !important;

    }

    .fs-md-6 {

        font-size: 1rem !important;

    }

}



@media (min-width:992px) {

    .fs-lg-4 {

        font-size: 1.5rem !important;

    }

}



@media (min-width:1200px) {

    .fs-md-1 {

        font-size: 2.5rem !important;

    }

    .fs-md-2 {

        font-size: 2rem !important;

    }

    .fs-md-3 {

        font-size: 1.75rem !important;

    }

    .tab_link_1,

    .tab_link_2,

    .tab_link_3,

    .tab_link_4 {

        font-size: 2.5rem !important;

    }

}



@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 144dpi) {

    

}