@charset "UTF-8";
@import url("../lib/mCustomScrollbar/jquery.mCustomScrollbar.css");
@import url("../lib/swiper/swiper.min.css");
@import url("../lib/font-awesome/css/font-awesome.min.css");

a, abbr, acronym, address, applet, b, big, blockquote, body, caption, center, cite, code, dd, del, dfn, div, dl, dt, fieldset, figure, font, form, h1, h2, h3, h4, h5, h6, html, i, iframe, img, ins, kbd, label, legend, li, object, ol, p, pre, q, rem, s, samp, small, span, strike, table, tbody, td, tfoot, th, thead, tr, tt, u, ul, var {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

    blockquote.clear:after, blockquote:after, blockquote:before, q.clear:after, q:after, q:before {
        content: "";
        content: none;
    }

:focus {
    outline: 0;
}

ins {
    text-decoration: none;
}

del {
    text-decoration: line-through;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

address {
    display: inline;
    font-style: normal;
}

:focus, button:focus {
    outline: 0;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
}

svg {
    display: block;
    width: 100%;
    height: 100%;
}

.hide {
    display: none;
}

@media screen and (max-width:768px) {
    body .pc {
        display: none;
    }
}

body .pad {
    display: none;
}

@media screen and (max-width:768px) {
    body .pad {
        display: block;
    }
}

body .mobile {
    display: none;
}

@media screen and (max-width:640px) {
    body .mobile {
        display: block;
    }
}

.clear:after, .clear:before {
    content: "";
    display: table;
}

.clear:after {
    clear: both;
}

.c {
    clear: both;
}

iframe {
    width: 100%;
    height: auto;
}

table {
    width: 100%;
}

    table td, table th {
        vertical-align: middle;
    }

.table {
    width: 100%;
    display: table;
}

.tr {
    display: table-row;
}

.td {
    display: table-cell;
    vertical-align: middle;
    position: relative;
}

.th {
    display: table-cell;
    vertical-align: middle;
    position: relative;
}

.inblock {
    font-size: 0;
    letter-spacing: 0;
}

    .inblock > * {
        display: inline-block;
        vertical-align: middle;
        letter-spacing: 1px;
    }

body, html {
    width: 100%;
    font-family: "微軟正黑體", "蘋果儷黑體", Arial, sans-serif, Verdana;
    color: #fff;
    font-size: 0.8854166667vw;
    position: relative;
    /*background-color: #5EBEC9*/
}

@media screen and (max-width:1920px) {
    body, html {
        font-size: 1.0119047619vw;
    }

    .label_title_en {
        font-size: 0.9vw;
        display: block;
    }

    iframe {
        width: 100%;
        height: auto;
    }
}

@media screen and (max-width:1440px) {
    body, html {
        font-size: 1.0119047619vw;
    }

    .label_title_en {
        font-size: 0.9vw;
        display: block;
    }

    iframe {
        width: 100%;
        height: auto;
    }
}

@media screen and (max-width:768px) {
    body, html {
        font-size: 1.66015625vw;
        background-color: #fff;
        color: #000;
    }

    .label_title_en {
        font-size: 2vw;
        display: block;
    }

    iframe {
        width: 100%;
        height: auto;
    }
}

@media screen and (max-width:480px) {
    body, html {
        font-size: 3.5vw;
    }

    .label_title_en {
        font-size: 2.9375vw;
        display: block;
    }

    iframe {
        width: 100%;
        height: auto;
    }
}

.htmlx {
    background-color: #1C2A53;
}

@media screen and (max-width:768px) {
    .htmlx {
        background-color: #fff;
    }
}

.html img {
    width: 100%;
    height: auto;
    display: block;
}

.html a {
    /*display: block;*/
    text-decoration: none;
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    /*color: inherit;*/
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    .html a:hover {
        text-decoration: none;
    }

.wrapper {
    width: 100%;
    line-height: 1.7647058824;
    position: relative;
    overflow: hidden;
    letter-spacing: 0.0520833333vw;
}

    .wrapper img {
        width: 100%;
        height: auto;
        display: block;
    }

    .wrapper a {
        display: block;
        text-decoration: none;
        -webkit-transition: all 0.2s ease-out;
        -o-transition: all 0.2s ease-out;
        transition: all 0.2s ease-out;
        color: inherit;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

        .wrapper a:hover {
            color: inherit;
            text-decoration: none;
        }

.carousel-control-prev,
.carousel-control-next {
    width: 7% !important;
    display: flex !important;
    opacity: 1 !important;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    width: 30px !important;
    height: 30px !important;
}

.container {
    width: calc(100% - 80px);
    max-width: 72.9166666667vw;
    position: relative;
    padding-left: 0;
    padding-right: 0;
    margin: auto;
}

    .container.clear:after, .container:before {
        content: "";
        display: table;
    }

    .container:after {
        content: "";
        display: table;
        clear: both;
    }

@media screen and (max-width:1440px) {
    .container {
        max-width: 66.6666666667vw;
    }
}

@media screen and (max-width:768px) {
    .container {
        max-width: 100%;
    }
}

@media screen and (max-width:480px) {
    .container {
        width: calc(100% - 30px);
    }
}

section {
    position: relative;
}

.inputStyle {
    width: 100%;
    color: #fff;
    border: 1px solid #000;
    border-radius: 0;
    padding: 10px 20px;
    font-size: 15px;
    font-family: "微軟正黑體";
    -webkit-box-shadow: none;
    box-shadow: none;
    background: #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
}

@media screen and (max-width:1440px) {
    .inputStyle {
        font-size: 1.0416666667vw;
        padding: 0.6944444444vw 1.3888888889vw;
    }
}

@media screen and (max-width:768px) {
    .inputStyle {
        font-size: 1.953125vw;
        padding: 1.3020833333vw 2.6041666667vw;
    }
}

@media screen and (max-width:480px) {
    .inputStyle {
        font-size: 3.125vw;
        padding: 2.0833333333vw 4.1666666667vw;
    }
}

.inputStyle::-webkit-input-placeholder {
    color: #fff;
    font-size: 15px;
}

@media screen and (max-width:1440px) {
    .inputStyle::-webkit-input-placeholder {
        font-size: 1.0416666667vw;
    }
}

@media screen and (max-width:768px) {
    .inputStyle::-webkit-input-placeholder {
        font-size: 1.953125vw;
    }
}

@media screen and (max-width:480px) {
    .inputStyle::-webkit-input-placeholder {
        font-size: 3.125vw;
    }
}

.inputStyle::-moz-placeholder {
    color: #fff;
    font-size: 15px;
}

@media screen and (max-width:1440px) {
    .inputStyle::-moz-placeholder {
        font-size: 1.0416666667vw;
    }
}

@media screen and (max-width:768px) {
    .inputStyle::-moz-placeholder {
        font-size: 1.953125vw;
    }
}

@media screen and (max-width:480px) {
    .inputStyle::-moz-placeholder {
        font-size: 3.125vw;
    }
}

.inputStyle:-ms-input-placeholder {
    color: #fff;
    font-size: 15px;
}

@media screen and (max-width:1440px) {
    .inputStyle:-ms-input-placeholder {
        font-size: 1.0416666667vw;
    }
}

@media screen and (max-width:768px) {
    .inputStyle:-ms-input-placeholder {
        font-size: 1.953125vw;
    }
}

@media screen and (max-width:480px) {
    .inputStyle:-ms-input-placeholder {
        font-size: 3.125vw;
    }
}

.inputStyle:-moz-placeholder {
    color: #fff;
    font-size: 15px;
}

@media screen and (max-width:1440px) {
    .inputStyle:-moz-placeholder {
        font-size: 1.0416666667vw;
    }
}

@media screen and (max-width:768px) {
    .inputStyle:-moz-placeholder {
        font-size: 1.953125vw;
    }
}

@media screen and (max-width:480px) {
    .inputStyle:-moz-placeholder {
        font-size: 3.125vw;
    }
}

.selectStyle {
    width: 100%;
    border: 1px solid #000;
    font-size: 15px;
    font-family: "微軟正黑體", "蘋果儷黑體", Arial, sans-serif, Verdana;
    border-radius: 0;
    color: #000;
    padding: 10px 20px;
    padding-right: 58px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url("../images/arrow_b.png") no-repeat calc(100% - 17px) center;
    background-size: 34px auto;
}

@media screen and (max-width:1440px) {
    .selectStyle {
        font-size: 1.0416666667vw;
        padding: 0.6944444444vw 1.3888888889vw;
        padding-right: 4.0277777778vw;
        background-size: 2.3611111111vw auto;
    }
}

@media screen and (max-width:768px) {
    .selectStyle {
        font-size: 1.953125vw;
        padding: 1.3020833333vw 2.6041666667vw;
        padding-right: 7.5520833333vw;
        background-size: 4.4270833333vw auto;
    }
}

@media screen and (max-width:480px) {
    .selectStyle {
        font-size: 3.125vw;
        padding: 2.0833333333vw 4.1666666667vw;
        padding-right: 12.0833333333vw;
        background-size: 7.0833333333vw auto;
    }
}

.radioStyle {
    width: 14px;
    height: 14px;
    padding: 0;
    margin: 0;
    position: relative;
    background: transparent;
    border: 1px solid #fff;
    border-radius: 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

    .radioStyle.clear:checked:after, .radioStyle:checked:before {
        opacity: 1;
    }

    .radioStyle.clear:after, .radioStyle:before {
        content: "";
        width: 6px;
        height: 6px;
        background: #fff;
        border-radius: 10px;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        opacity: 0;
    }

.checkboxStyle {
    width: 14px;
    height: 14px;
    padding: 0;
    margin: 0;
    position: relative;
    background: transparent;
    border: 1px solid #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

    .checkboxStyle.clear:checked:after, .checkboxStyle:checked:before {
        opacity: 1;
    }

    .checkboxStyle.clear:after, .checkboxStyle:before {
        content: "";
        width: 13px;
        height: 10px;
        background: url("../images/icon_check_w.png") no-repeat center center;
        background-size: 100% auto;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-40%, -60%);
        -ms-transform: translate(-40%, -60%);
        transform: translate(-40%, -60%);
        opacity: 0;
    }

.buttonStyle {
    font-family: "微軟正黑體", "蘋果儷黑體", Arial, sans-serif, Verdana;
    font-size: 15px;
    color: #fff;
    padding: 0 40px;
    line-height: 42px;
    border: 0;
    background: #000;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    -webkit-transition: background 0.1s ease-out;
    -o-transition: background 0.1s ease-out;
    transition: background 0.1s ease-out;
}

@media screen and (max-width:1440px) {
    .buttonStyle {
        font-size: 1.0416666667vw;
        padding: 0 2.7777777778vw;
        line-height: 2.9166666667vw;
    }
}

@media screen and (max-width:768px) {
    .buttonStyle {
        font-size: 1.953125vw;
        padding: 0 5.2083333333vw;
        line-height: 5.46875vw;
    }
}

@media screen and (max-width:480px) {
    .buttonStyle {
        font-size: 3.125vw;
        padding: 0 8.3333333333vw;
        line-height: 8.75vw;
    }
}

.buttonStyle:hover {
    background: #B6282C;
}

#loading {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    background: rgba(0, 0, 0, 0.98);
    display: none;
}

    #loading .td {
        vertical-align: middle;
    }

.spinner {
    margin: 100px auto;
    width: 40px;
    height: 40px;
    position: relative;
}

.cube1, .cube2 {
    background-color: #999;
    width: 15px;
    height: 15px;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: sk-cubemove 1.8s infinite ease-in-out;
    animation: sk-cubemove 1.8s infinite ease-in-out;
}

.cube2 {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}

@-webkit-keyframes sk-cubemove {
    25% {
        -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
    }

    50% {
        -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
    }

    75% {
        -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    }

    to {
        -webkit-transform: rotate(-360deg);
    }
}

@keyframes sk-cubemove {
    25% {
        transform: translateX(42px) rotate(-90deg) scale(0.5);
        -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
    }

    50% {
        transform: translateX(42px) translateY(42px) rotate(-179deg);
        -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg);
    }

    50.1% {
        transform: translateX(42px) translateY(42px) rotate(-180deg);
        -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
    }

    75% {
        transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
        -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    }

    to {
        transform: rotate(-360deg);
        -webkit-transform: rotate(-360deg);
    }
}

.lightbox {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.9);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: none;
    opacity: 0;
    z-index: 999;
}

    .lightbox .lb_board {
        width: calc(100% - 40px);
        max-width: 46.875vw;
        margin: auto;
        border-radius: 3px;
        background: #fff;
        padding: 0.5208333333vw;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        position: relative;
        -webkit-box-shadow: 2px 5px 10px rgba(0, 0, 0, 0.1);
        box-shadow: 2px 5px 10px rgba(0, 0, 0, 0.1);
    }

@media screen and (max-width:768px) {
    .lightbox .lb_board {
        max-width: 117.1875vw;
        padding: 1.3020833333vw;
    }
}

@media screen and (max-width:480px) {
    .lightbox .lb_board {
        width: calc(100% - 10px);
        max-width: none;
        padding: 2.0833333333vw;
    }
}

.lightbox .container {
    width: calc(100% - 80px);
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 2.6041666667vw 0;
}

@media screen and (max-width:768px) {
    .lightbox .container {
        padding: 6.5104166667vw 0;
    }
}

@media screen and (max-width:480px) {
    .lightbox .container {
        width: calc(100% - 40px);
        padding: 4.1666666667vw 0;
    }
}

.lightbox .scrollBox {
    max-height: calc(100% - 40px);
}

@media screen and (max-width:1024px) {
    .lightbox .scrollBox {
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
    }
}

@media screen and (max-width:480px) {
    .lightbox .scrollBox {
        max-height: calc(100% - 64px);
    }
}

.lightbox .mCSB_container {
    margin-right: 0;
}

.btnClose {
    width: 1.25vw;
    height: 1.25vw;
    position: absolute;
    top: 1.0416666667vw;
    right: 1.0416666667vw;
}

@media screen and (max-width:480px) {
    .btnClose {
        width: 1.0416666667vw;
        height: 1.0416666667vw;
        top: 0.3125vw;
        right: 0.2604166667vw;
    }
}

.btnClose a {
    height: 100%;
    position: relative;
}

    .btnClose a:after, .btnClose a:before {
        content: "";
        display: block;
        width: 100%;
        height: 2px;
        border-radius: 3px;
        position: absolute;
        left: 0;
        top: 50%;
        margin-top: -1px;
        background: #fff;
        -webkit-transition: all 0.4s ease-out;
        -o-transition: all 0.4s ease-out;
        transition: all 0.4s ease-out;
    }

    .btnClose a.clear:after, .btnClose a:before {
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    .btnClose a:after {
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .btnClose a.clear:focus:after, .btnClose a.clear:hover:after, .btnClose a:focus:before, .btnClose a:hover:before {
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .btnClose a:focus:after, .btnClose a:hover:after {
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

.lb_intro .lb_board {
    width: 62.5vw;
    color: #000;
}

.mainIntro_txt {
    color: #000;
    text-align: center;
    line-height: 2;
    margin-top: 13px;
}

.mainIntro_download {
    width: 280px;
    margin: 15px auto 20px;
}

    .mainIntro_download a {
        color: #fff;
        background: #4E4D4D;
        text-align: center;
        line-height: 2.4;
        border-radius: 50px;
    }

header {
    width: 100%;
    background: #989898;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 30;
}

    header .container {
        max-width: none;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 0.78125vw 0;
        position: relative;
        z-index: 2;
    }

@media screen and (max-width:768px) {
    header .container {
        width: calc(100% - 40px);
        padding: 1.953125vw 0;
    }
}

@media screen and (max-width:480px) {
    header .container {
        width: calc(100% - 20px);
        padding: 2.1428571429vw 0;
    }
}

header .accesskey a:focus {
    border: 1px dotted #fff;
}

.mainLogo {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 5.9895833333vw;
    flex: 0 0 5.9895833333vw;
    position: relative;
    z-index: 50;
    -webkit-transition: opacity 0.4s ease-out;
    -o-transition: opacity 0.4s ease-out;
    transition: opacity 0.4s ease-out;
}

@media screen and (max-width:768px) {
    .mainLogo {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 12.7777777778vw;
        flex: 0 0 12.7777777778vw;
    }
}

@media screen and (max-width:480px) {
    .mainLogo {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 14.2857142857vw;
        flex: 0 0 14.2857142857vw;
    }
}

.mainLogo a {
    position: relative;
}

    .mainLogo a:focus {
        border: 1px dotted #fff;
    }

.menu {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    white-space: nowrap;
}

@media screen and (max-width:768px) {
    .menu {
        width: 100%;
        height: 100%;
        background: #989898;
        display: block;
        float: none;
        position: fixed;
        top: 0;
        left: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 9.375vw 0;
        -webkit-transform: translateY(-100vh);
        -ms-transform: translateY(-100vh);
        transform: translateY(-100vh);
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
    }
}

@media screen and (max-width:480px) {
    .menu {
        padding: 16.6666666667vw 0;
    }
}

.nav_ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 0.46875vw;
}

@media screen and (max-width:768px) {
    .nav_ul {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 0 23.4375vw;
    }
}

@media screen and (max-width:480px) {
    .nav_ul {
        padding: 0 20.8333333333vw;
    }
}

.nav_li {
    position: relative;
}

@media screen and (max-width:768px) {
    .nav_li {
        display: block;
        padding: 0 2.6041666667vw;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        text-align: center;
    }
}

@media screen and (max-width:480px) {
    .nav_li {
        padding: 0 4.1666666667vw;
    }
}

.nav_li.clear:after, .nav_li:before {
    content: "";
    width: 1px;
    height: 1.0416666667vw;
    background: #fff;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media screen and (max-width:768px) {
    .nav_li.clear:after, .nav_li:before {
        width: 7.8125vw;
        height: 1px;
        top: 100%;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        background: rgba(255, 255, 255, 0.37);
    }
}

.nav_li.clear:first-child:after, .nav_li:first-child:before {
    display: none;
}

@media screen and (max-width:768px) {
    .nav_li.clear:first-child:after, .nav_li:first-child:before {
        display: block;
    }
}

.nav_li.clear:last-child:after, .nav_li:last-child:before {
    display: none;
}

.nav_link {
    font-size: 1.0416666667vw;
    color: #fff;
    line-height: 1;
    padding: 0.5208333333vw 0.9375vw;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    z-index: 1;
    -webkit-transition: color 0.2s ease-out;
    -o-transition: color 0.2s ease-out;
    transition: color 0.2s ease-out;
}

@media screen and (max-width:768px) {
    .nav_link {
        text-align: center;
        padding: 0;
        font-size: 3.125vw;
        line-height: 4;
        font-weight: normal;
    }
}

@media screen and (max-width:480px) {
    .nav_link {
        font-size: 4.5833333333vw;
    }
}

.nav_link:hover {
    color: #B6282C;
}

.nav_link:focus {
    border: 1px dotted #fff;
}

.btn_lang {
    margin-left: 5px;
    position: relative;
}

@media screen and (max-width:768px) {
    .btn_lang {
        display: inline-block;
        margin-top: 5.2083333333vw;
        margin-left: 0;
    }
}

@media screen and (max-width:480px) {
    .btn_lang {
        margin-top: 8.3333333333vw;
    }
}

.btn_lang.clear:after, .btn_lang:before {
    content: "";
    width: 100%;
    height: 100%;
    background: url("../images/icon_globle_hvr.png") no-repeat center center;
    background-size: 1.7708333333vw auto;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    -webkit-transition: opacity 0.2s ease-out;
    -o-transition: opacity 0.2s ease-out;
    transition: opacity 0.2s ease-out;
}

.btn_lang.clear:hover:after, .btn_lang:hover:before {
    opacity: 1;
}

.btn_lang:hover .icon_globle {
    opacity: 0;
}

.icon_globle {
    width: 1.7708333333vw;
    -webkit-transition: opacity 0.2s ease-out;
    -o-transition: opacity 0.2s ease-out;
    transition: opacity 0.2s ease-out;
}

@media screen and (max-width:768px) {
    .icon_globle {
        width: 4.4270833333vw;
    }
}

@media screen and (max-width:480px) {
    .icon_globle {
        width: 6.6666666667vw;
    }
}

.bg.clear:after, .bg:before {
    opacity: 1;
}

.bg .nav_link:hover {
    color: #f5f698;
}

.collapse_li {
    position: relative;
}

@media screen and (min-width:769px) {
    .collapse_li:hover > .submenu {
        z-index: 1;
        -webkit-transform: translateX(-50%) translateY(0);
        -ms-transform: translateX(-50%) translateY(0);
        transform: translateX(-50%) translateY(0);
        opacity: 1;
        visibility: visible;
        -webkit-transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1);
        -o-transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1);
        transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1);
    }

    .collapse_li.focus > .submenu, .collapse_li:focus > .submenu {
        -webkit-transform: translateX(-50%) translateY(0);
        -ms-transform: translateX(-50%) translateY(0);
        transform: translateX(-50%) translateY(0);
        opacity: 1;
        visibility: visible;
        -webkit-transition: all 0s cubic-bezier(0.25, 1, 0.5, 1);
        -o-transition: all 0s cubic-bezier(0.25, 1, 0.5, 1);
        transition: all 0s cubic-bezier(0.25, 1, 0.5, 1);
    }
}

@media screen and (min-width:769px) {
    .submenu {
        padding-top: 1.0416666667vw;
        position: absolute;
        top: 100%;
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(10px);
        -ms-transform: translateX(-50%) translateY(10px);
        transform: translateX(-50%) translateY(10px);
        opacity: 0;
        visibility: hidden;
        -webkit-transition: visibility 0.3s ease-out 0.4s;
        -o-transition: visibility 0.3s ease-out 0.4s;
        transition: visibility 0.3s ease-out 0.4s;
    }
}

@media screen and (max-width:768px) {
    .submenu {
        padding-top: 0px;
        position: absolute;
        top: 0;
        left: 100%;
    }
}

.submenu_box {
    padding: 0 0.78125vw;
    border: 1px solid #eeeeee;
    background: #ffffff;
    -webkit-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.04);
    box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.04);
    position: relative;
}

@media screen and (max-width:768px) {
    .submenu_box {
        padding: 0 1.46484375vw;
    }
}

@media screen and (max-width:480px) {
    .submenu_box {
        padding: 0 2.6785714286vw;
    }
}

.submenu_box.clear:after, .submenu_box:before {
    content: "";
    border-style: solid;
    border-width: 0 8px 8px 8px;
    border-color: transparent transparent #fff transparent;
    -webkit-filter: drop-shadow(0 -1px 0 #ddd);
    filter: drop-shadow(0 -1px 0 #ddd);
    position: absolute;
    bottom: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

@media screen and (max-width:768px) {
    .submenu_box.clear:after, .submenu_box:before {
        display: none;
    }
}

.submenu_li {
    border-bottom: 1px solid #eeeeee;
}

    .submenu_li a {
        text-align: center;
        color: #000;
        padding: 1.0416666667vw 0.78125vw;
        position: relative;
        white-space: nowrap;
        display: block;
        text-decoration: none;
        -webkit-transition: background 0.2s ease-out;
        -o-transition: background 0.2s ease-out;
        transition: background 0.2s ease-out;
    }

@media screen and (max-width:768px) {
    .submenu_li a {
        padding: 1.953125vw 1.46484375vw;
    }
}

@media screen and (max-width:480px) {
    .submenu_li a {
        padding: 2.6785714286vw 2.6785714286vw;
        line-height: 1.5;
    }
}

.submenu_li a:hover {
    color: #B6282C;
    text-decoration: none;
}

.submenu_li:last-child {
    border-bottom: 0;
}

.submenu_li br {
    display: none;
}

@media screen and (max-width:480px) {
    .submenu_li br {
        display: block;
    }
}

#hamburger {
    position: absolute;
    cursor: pointer;
    z-index: 1;
    display: none;
}

@media screen and (max-width:768px) {
    #hamburger {
        display: block;
        width: 5.5555555556vw;
        padding: 1.5555555556vw 0;
        top: 4.2222222222vw;
        right: 1.6666666667vw;
    }
}

@media screen and (max-width:480px) {
    #hamburger {
        display: block;
        width: 8.0357142857vw;
        padding: 1.7857142857vw 0;
        top: 4.6428571429vw;
        right: 1.7857142857vw;
    }
}

#hamburger span {
    display: block;
    width: 100%;
    height: 2px;
    border-radius: 3px;
    background: #B6282C;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -1px;
    -webkit-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

@media screen and (max-width:768px) {
    #hamburger span {
        height: 0.2604166667vw;
        border-radius: 0.390625vw;
        background: #fff;
    }
}

@media screen and (max-width:480px) {
    #hamburger span {
        height: 2px;
    }
}

#hamburger:after, #hamburger:before {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    border-radius: 1px;
    background: #B6282C;
    position: absolute;
    right: 0;
    -webkit-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

@media screen and (max-width:768px) {
    #hamburger:after, #hamburger:before {
        height: 0.2604166667vw;
        background: #fff;
    }
}

@media screen and (max-width:480px) {
    #hamburger:after, #hamburger:before {
        height: 2px;
    }
}

#hamburger.clear:after, #hamburger:before {
    top: 0;
}

#hamburger:after {
    width: 100%;
    bottom: 0;
}

#hamburger.mClose span {
    width: 0;
    -webkit-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

#hamburger.mClose:after, #hamburger.mClose:before {
    width: 100%;
    -webkit-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

#hamburger.mClose.clear:after, #hamburger.mClose:before {
    top: 50%;
    -webkit-transform: translateY(-1px) rotate(-45deg);
    -ms-transform: translateY(-1px) rotate(-45deg);
    transform: translateY(-1px) rotate(-45deg);
}

#hamburger.mClose:after {
    bottom: 50%;
    -webkit-transform: translateY(1px) rotate(45deg);
    -ms-transform: translateY(1px) rotate(45deg);
    transform: translateY(1px) rotate(45deg);
}

.bg #hamburger:after, .bg #hamburger:before, .bg #hamburger span {
    background: #fff;
}

footer {
    background: #fff;
    color: #000;
}

    footer .container {
        width: auto;
        max-width: 1280px;
    }

@media screen and (min-width:576px) {
    footer .container {
        max-width: 540px;
    }
}

@media screen and (min-width:768px) {
    footer .container {
        max-width: 720px;
    }
}

@media screen and (min-width:992px) {
    footer .container {
        max-width: 960px;
    }
}

@media screen and (min-width:1200px) {
    footer .container {
        max-width: 1140px;
    }
}

.footer {
    background: #fff;
    padding-top: 2.0833333333vw;
    padding-bottom: 0;
    position: relative;
    z-index: 30;
}

@media screen and (max-width:768px) {
    .footer {
        padding-top: 5.2083333333vw;
    }
}

@media screen and (max-width:480px) {
    .footer {
        padding-top: 6.6666666667vw;
    }
}

.footer .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

@media screen and (max-width:480px) {
    .footer .container {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.footer_left {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.8541666667vw;
    flex: 0 0 8.8541666667vw;
}

@media screen and (max-width:768px) {
    .footer_left {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 18.8888888889vw;
        flex: 0 0 18.8888888889vw;
    }
}

@media screen and (max-width:480px) {
    .footer_left {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 28.3333333333vw;
        flex: 0 0 28.3333333333vw;
    }
}

.footer_icon_row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.footer_icon {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 1.5625vw;
    flex: 0 0 1.5625vw;
    margin-right: 1.0416666667vw;
}

@media screen and (max-width:768px) {
    .footer_icon {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 3.3333333333vw;
        flex: 0 0 3.3333333333vw;
        margin-right: 2.2222222222vw;
    }
}

@media screen and (max-width:480px) {
    .footer_icon {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 5vw;
        flex: 0 0 5vw;
        margin-right: 3.3333333333vw;
    }
}

.youtube {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 3.8541666667vw;
    flex: 0 0 3.8541666667vw;
}

@media screen and (max-width:768px) {
    .youtube {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.2222222222vw;
        flex: 0 0 8.2222222222vw;
    }
}

@media screen and (max-width:480px) {
    .youtube {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 12.3333333333vw;
        flex: 0 0 12.3333333333vw;
    }
}

.footer_mw {
    width: 4.1666666667vw;
    margin-top: 0.15625vw;
    margin-bottom: 0.15625vw;
}

@media screen and (max-width:768px) {
    .footer_mw {
        width: 8.8888888889vw;
        margin-top: 0.3333333333vw;
        margin-bottom: 0.3333333333vw;
    }
}

@media screen and (max-width:480px) {
    .footer_mw {
        width: 13.3333333333vw;
        margin-top: 0.5vw;
        margin-bottom: 0.5vw;
    }
}

.footer_edm {
    width: 8.8541666667vw;
}

@media screen and (max-width:768px) {
    .footer_edm {
        width: 18.8888888889vw;
    }
}

@media screen and (max-width:480px) {
    .footer_edm {
        width: 28.3333333333vw;
    }
}

.footer_right {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    color: #000;
    font-size: 0.9895833333vw;
    font-weight: bold;
}

@media screen and (max-width:768px) {
    .footer_right {
        font-size: 2.4739583333vw;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding-left: 6.5104166667vw;
    }
}

@media screen and (max-width:480px) {
    .footer_right {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        font-size: 3.125vw;
        padding-left: 0;
        margin-top: 4.1666666667vw;
    }
}

.footer_right a:hover {
    color: #B6282C;
}

.footer_links {
    padding-right: 5.7291666667vw;
}

.copyright {
    color: #000;
    font-weight: bold;
    text-align: center;
    background: #989898;
    padding: 0.3645833333vw 0;
    margin-top: 1.8229166667vw;
}

@media screen and (max-width:768px) {
    .copyright {
        margin-top: 4.5572916667vw;
        padding: 1.3020833333vw 0;
    }
}

@media screen and (max-width:480px) {
    .copyright {
        margin-top: 5.8333333333vw;
        font-size: 2.6666666667vw;
        padding: 1.6666666667vw 0;
    }
}

.cke_editable {
    padding: 15px 10px;
}

.ckContent, .cke_editable {
    font-size: 17px;
    font-family: "微軟正黑體", "蘋果儷黑體", Arial, sans-serif, Verdana;
}

    .ckContent h2, .cke_editable h2 {
        font-size: 21px;
        margin-bottom: 15px;
        line-height: 1.4;
    }

    .ckContent h3, .cke_editable h3 {
        font-size: 19px;
        line-height: 1.4;
        margin-bottom: 15px;
    }

    .ckContent p, .cke_editable p {
        line-height: 1.7647058824;
        margin-bottom: 20px;
    }

@media screen and (max-width:480px) {
    .ckContent p, .cke_editable p {
        line-height: 1.5;
    }
}

.ckContent ol, .cke_editable ol {
    list-style: decimal;
    padding-left: 20px;
}

.ckContent ul, .cke_editable ul {
    list-style: none;
    margin-left: 20px;
}

.ckContent li, .cke_editable li {
    line-height: 1.7647058824;
}

.ckContent table, .cke_editable table {
    width: 100%;
    font-size: 17;
}

.ckContent img, .cke_editable img {
    max-width: 760px;
    height: auto;
    display: block;
    margin: 30px auto;
    border: 1px solid rgba(0, 0, 0, 0.2);
    padding: 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.ckContent figure, .cke_editable figure {
    width: auto;
    max-width: 100%;
    margin: 10px;
    margin-bottom: 20px;
    border: 1px solid rgba(85, 85, 85, 0.2);
    padding: 9px;
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.ckContent .left, .cke_editable .left {
    float: left;
    margin: 5px 0;
    margin-right: 20px;
}

    .ckContent .left figure, .cke_editable .left figure {
        margin: 0;
    }

.ckContent .right, .cke_editable .right {
    float: right;
    margin: 5px 0;
    margin-left: 20px;
}

    .ckContent .right figure, .cke_editable .right figure {
        margin: 0;
    }

.ckContent .center, .cke_editable .center {
    text-align: center;
}

.ckContent figcaption, .cke_editable figcaption {
    margin-top: 7px;
    font-size: 14px;
    padding-left: 18px;
    position: relative;
    line-height: 1.3;
    text-align: left;
}

    .ckContent figcaption.clear:after, .ckContent figcaption:before, .cke_editable figcaption.clear:after, .cke_editable figcaption:before {
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 4px 8px;
        border-color: transparent transparent rgba(85, 85, 85, 0.5) transparent;
        position: absolute;
        left: 0;
        top: 5px;
    }

.ckContent a, .cke_editable a {
    display: inline;
}

.ckContent iframe, .cke_editable iframe {
    width: 100%;
    height: 500px;
    margin-bottom: 25px;
}

@media screen and (max-width:480px) {
    .ckContent iframe, .cke_editable iframe {
        height: 65vw;
    }
}

.scenes_info_table {
    margin-top: 30px;
}

    .scenes_info_table td, .scenes_info_table th {
        padding: 5px 10px;
        text-align: left;
        vertical-align: top;
        line-height: 1.9;
    }

    .scenes_info_table th {
        width: 80px;
        padding-left: 0;
    }

#scene {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.layer {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

    .layer img {
        position: absolute;
    }

@media screen and (max-width:768px) {
    .kv_sec {
        width: 243.0379746835vw;
        position: relative;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}

@media screen and (max-width:480px) {
    .kv_sec {
        width: 355.5555555556vw;
        -webkit-transform: translateX(-47%);
        -ms-transform: translateX(-47%);
        transform: translateX(-47%);
    }
}

.kv_box_1 {
    width: 8.2291666667%;
    top: 45.3684210526%;
    left: 45.4166666667%;
}

@media screen and (max-width:768px) {
    .kv_box_1 {
        -webkit-animation: kv_box_1 2s ease-in-out infinite;
        animation: kv_box_1 2s ease-in-out infinite;
    }
}

@-webkit-keyframes kv_box_1 {
    50% {
        -webkit-transform: translateY(-7px) scale(1.025);
        transform: translateY(-7px) scale(1.025);
    }
}

@keyframes kv_box_1 {
    50% {
        -webkit-transform: translateY(-7px) scale(1.025);
        transform: translateY(-7px) scale(1.025);
    }
}

.kv_box_2 {
    width: 5.9375%;
    top: 42.3157894737%;
    left: 41.09375%;
}

@media screen and (max-width:768px) {
    .kv_box_2 {
        -webkit-animation: kv_box_2 3s linear infinite;
        animation: kv_box_2 3s linear infinite;
    }
}

@-webkit-keyframes kv_box_2 {
    0% {
        -webkit-transform: rotateZ(0deg) translate3d(0, 4%, 0) rotateZ(0deg);
        transform: rotateZ(0deg) translate3d(0, 4%, 0) rotateZ(0deg);
    }

    to {
        -webkit-transform: rotateZ(360deg) translate3d(0, 4%, 0) rotateZ(-360deg);
        transform: rotateZ(360deg) translate3d(0, 4%, 0) rotateZ(-360deg);
    }
}

@keyframes kv_box_2 {
    0% {
        -webkit-transform: rotateZ(0deg) translate3d(0, 4%, 0) rotateZ(0deg);
        transform: rotateZ(0deg) translate3d(0, 4%, 0) rotateZ(0deg);
    }

    to {
        -webkit-transform: rotateZ(360deg) translate3d(0, 4%, 0) rotateZ(-360deg);
        transform: rotateZ(360deg) translate3d(0, 4%, 0) rotateZ(-360deg);
    }
}

.kv_box_3 {
    width: 5.6770833333%;
    top: 20.1052631579%;
    left: 33.0729166667%;
}

@media screen and (max-width:768px) {
    .kv_box_3 {
        -webkit-animation: kv_box_3 3.2s ease-in-out infinite;
        animation: kv_box_3 3.2s ease-in-out infinite;
    }
}

@-webkit-keyframes kv_box_3 {
    50% {
        -webkit-transform: translateX(3px);
        transform: translateX(3px);
    }
}

@keyframes kv_box_3 {
    50% {
        -webkit-transform: translateX(3px);
        transform: translateX(3px);
    }
}

.kv_box_4 {
    width: 17.2916666667%;
    top: 28.5263157895%;
    left: 52.6041666667%;
    -webkit-transform-origin: 70% bottom;
    -ms-transform-origin: 70% bottom;
    transform-origin: 70% bottom;
}

@media screen and (max-width:768px) {
    .kv_box_4 {
        -webkit-animation: kv_box_4 2.4s ease-in-out infinite;
        animation: kv_box_4 2.4s ease-in-out infinite;
    }
}

@-webkit-keyframes kv_box_4 {
    50% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg);
    }
}

@keyframes kv_box_4 {
    50% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg);
    }
}

.kv_box_5 {
    width: 7.8645833333%;
    top: 29.6842105263%;
    left: 44.7916666667%;
}

@media screen and (max-width:768px) {
    .kv_box_5 {
        -webkit-animation: kv_box_5 2.4s ease-in-out infinite;
        animation: kv_box_5 2.4s ease-in-out infinite;
    }
}

@-webkit-keyframes kv_box_5 {
    50% {
        -webkit-transform: translateY(-3px);
        transform: translateY(-3px);
    }
}

@keyframes kv_box_5 {
    50% {
        -webkit-transform: translateY(-3px);
        transform: translateY(-3px);
    }
}

.kv_box_6 {
    width: 6.0416666667%;
    top: 21.0526315789%;
    left: 37.1354166667%;
}

@media screen and (max-width:768px) {
    .kv_box_6 {
        -webkit-animation: kv_box_6 3.2s linear infinite;
        animation: kv_box_6 3.2s linear infinite;
    }
}

@-webkit-keyframes kv_box_6 {
    0% {
        -webkit-transform: rotateZ(0deg) translate3d(0, 1.5%, 0) rotateZ(0deg);
        transform: rotateZ(0deg) translate3d(0, 1.5%, 0) rotateZ(0deg);
    }

    to {
        -webkit-transform: rotateZ(360deg) translate3d(0, 1.5%, 0) rotateZ(-360deg);
        transform: rotateZ(360deg) translate3d(0, 1.5%, 0) rotateZ(-360deg);
    }
}

@keyframes kv_box_6 {
    0% {
        -webkit-transform: rotateZ(0deg) translate3d(0, 1.5%, 0) rotateZ(0deg);
        transform: rotateZ(0deg) translate3d(0, 1.5%, 0) rotateZ(0deg);
    }

    to {
        -webkit-transform: rotateZ(360deg) translate3d(0, 1.5%, 0) rotateZ(-360deg);
        transform: rotateZ(360deg) translate3d(0, 1.5%, 0) rotateZ(-360deg);
    }
}

.kv_line_1, .kv_line_2, .kv_line_3, .kv_line_4, .kv_line_5, .kv_line_6, .kv_line_7 {
    position: absolute;
    overflow: hidden;
}

    .kv_line_1 img, .kv_line_2 img, .kv_line_3 img, .kv_line_4 img, .kv_line_5 img, .kv_line_6 img, .kv_line_7 img {
        position: relative;
    }

.kv_line_1 {
    width: 19.8958333333vw;
    top: 53.8947368421%;
    left: 52.34375%;
}

@media screen and (max-width:768px) {
    .kv_line_1 {
        width: 49.7395833333vw;
    }
}

@media screen and (max-width:480px) {
    .kv_line_1 {
        width: 72.0754716981vw;
    }
}

.kv_line_1 img {
    width: 19.8958333333vw;
}

@media screen and (max-width:768px) {
    .kv_line_1 img {
        width: 49.7395833333vw;
    }
}

@media screen and (max-width:480px) {
    .kv_line_1 img {
        width: 72.0754716981vw;
    }
}

.kv_line_2 {
    width: 29.7916666667vw;
    top: 49.2631578947%;
    right: 53.4895833333%;
}

    .kv_line_2.clear:after, .kv_line_2:before {
        content: "";
        display: table;
    }

    .kv_line_2:after {
        content: "";
        display: table;
        clear: both;
    }

@media screen and (max-width:768px) {
    .kv_line_2 {
        width: 74.4791666667vw;
    }
}

@media screen and (max-width:480px) {
    .kv_line_2 {
        width: 107.9245283019vw;
    }
}

.kv_line_2 img {
    width: 29.7916666667vw;
    float: right;
}

@media screen and (max-width:768px) {
    .kv_line_2 img {
        width: 74.4791666667vw;
    }
}

@media screen and (max-width:480px) {
    .kv_line_2 img {
        width: 107.9245283019vw;
    }
}

.kv_line_3 {
    width: 34.4270833333vw;
    top: 28%;
    right: 65.5729166667%;
}

    .kv_line_3.clear:after, .kv_line_3:before {
        content: "";
        display: table;
    }

    .kv_line_3:after {
        content: "";
        display: table;
        clear: both;
    }

@media screen and (max-width:768px) {
    .kv_line_3 {
        width: 86.0677083333vw;
    }
}

@media screen and (max-width:480px) {
    .kv_line_3 {
        width: 124.7169811321vw;
    }
}

.kv_line_3 img {
    width: 34.4270833333vw;
    float: right;
}

@media screen and (max-width:768px) {
    .kv_line_3 img {
        width: 86.0677083333vw;
    }
}

@media screen and (max-width:480px) {
    .kv_line_3 img {
        width: 124.7169811321vw;
    }
}

.kv_line_4 {
    width: 33.75vw;
    top: 40.5263157895%;
    left: 66.1458333333%;
}

@media screen and (max-width:768px) {
    .kv_line_4 {
        width: 84.375vw;
    }
}

@media screen and (max-width:480px) {
    .kv_line_4 {
        width: 122.2641509434vw;
    }
}

.kv_line_4 img {
    width: 33.75vw;
}

@media screen and (max-width:768px) {
    .kv_line_4 img {
        width: 84.375vw;
    }
}

@media screen and (max-width:480px) {
    .kv_line_4 img {
        width: 122.2641509434vw;
    }
}

.kv_line_5 {
    width: 35.2083333333vw;
    top: 4.4210526316%;
    left: 50.15625%;
}

@media screen and (max-width:768px) {
    .kv_line_5 {
        width: 88.0208333333vw;
    }
}

@media screen and (max-width:480px) {
    .kv_line_5 {
        width: 127.5471698113vw;
    }
}

.kv_line_5 img {
    width: 35.2083333333vw;
}

@media screen and (max-width:768px) {
    .kv_line_5 img {
        width: 88.0208333333vw;
    }
}

@media screen and (max-width:480px) {
    .kv_line_5 img {
        width: 127.5471698113vw;
    }
}

.kv_line_6 {
    width: 45.3645833333vw;
    top: -2.3157894737%;
    right: 57.3958333333%;
}

    .kv_line_6.clear:after, .kv_line_6:before {
        content: "";
        display: table;
    }

    .kv_line_6:after {
        content: "";
        display: table;
        clear: both;
    }

@media screen and (max-width:768px) {
    .kv_line_6 {
        width: 113.4114583333vw;
    }
}

@media screen and (max-width:480px) {
    .kv_line_6 {
        width: 164.3396226415vw;
    }
}

.kv_line_6 img {
    width: 45.3645833333vw;
    float: right;
}

@media screen and (max-width:768px) {
    .kv_line_6 img {
        width: 113.4114583333vw;
    }
}

@media screen and (max-width:480px) {
    .kv_line_6 img {
        width: 164.3396226415vw;
    }
}

.kv_line_7 {
    width: 32.8125vw;
    top: 21.3684210526%;
    left: 67.1875%;
}

@media screen and (max-width:768px) {
    .kv_line_7 {
        width: 82.03125vw;
    }
}

@media screen and (max-width:480px) {
    .kv_line_7 {
        width: 164.3396226415vw;
    }
}

.kv_line_7 img {
    width: 32.8125vw;
}

@media screen and (max-width:768px) {
    .kv_line_7 img {
        width: 82.03125vw;
    }
}

@media screen and (max-width:480px) {
    .kv_line_7 img {
        width: 164.3396226415vw;
    }
}

.kv_spot_1 {
    width: 4.4791666667%;
    top: 12.1052631579%;
    left: 33.3333333333%;
}

.kv_spot_2 {
    width: 6.8229166667%;
    top: 9.4736842105%;
    left: 41.1458333333%;
}

.kv_spot_3 {
    width: 6.6145833333%;
    top: 5.2631578947%;
    left: 50.15625%;
}

.kv_spot_4 {
    width: 4.3229166667%;
    top: 8.7368421053%;
    left: 65.9375%;
}

.kv_light {
    width: 98.0729166667%;
    position: absolute;
    top: 0%;
    left: 1.9791666667%;
}

.kv_cloud_1 {
    width: 83.28125%;
    position: absolute;
    bottom: 0;
    left: 0;
}

@media screen and (max-width:768px) {
    .kv_cloud_1 {
        display: none;
    }
}

.kv_cloud_2 {
    width: 69.6354166667%;
    position: absolute;
    bottom: 0;
    right: 0;
}

@media screen and (max-width:768px) {
    .kv_cloud_2 {
        display: none;
    }
}

.kv_cloud_3 {
    width: 46.9270833333%;
    position: absolute;
    bottom: 0;
    left: 0;
}

@media screen and (max-width:768px) {
    .kv_cloud_3 {
        display: none;
    }
}

.kv_caption {
    width: 100%;
    color: #fff;
    text-shadow: 0px 0px 0.2604166667vw rgba(11, 19, 95, 0.4);
    padding-bottom: 2.0833333333vw;
    position: absolute;
    bottom: 0;
    left: 0;
}

@media screen and (max-width:768px) {
    .kv_caption {
        text-shadow: 0px 0px 0.6510416667vw rgba(11, 19, 95, 0.4);
        padding-bottom: 5.2083333333vw;
    }
}

@media screen and (max-width:480px) {
    .kv_caption {
        text-shadow: 0px 0px 1.0416666667vw rgba(11, 19, 95, 0.4);
        padding-bottom: 8.3333333333vw;
    }
}

.kv_caption .container {
    max-width: 87.5vw;
}

@media screen and (max-width:768px) {
    .kv_caption .container {
        max-width: 100vw;
    }
}

@media screen and (max-width:480px) {
    .kv_caption .container {
        max-width: 92.8571428571vw;
        left: -10.7142857143vw;
    }
}

.kv_caption_row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

@media screen and (max-width:480px) {
    .kv_caption_row {
        display: block;
    }
}

.kv_caption_left {
    padding-top: 2.6041666667vw;
    padding-left: 0.3125vw;
}

@media screen and (max-width:768px) {
    .kv_caption_left {
        padding-top: 6.5104166667vw;
        padding-left: 0.78125vw;
    }
}

@media screen and (max-width:480px) {
    .kv_caption_left {
        padding-top: 10.4166666667vw;
        padding-left: 1.25vw;
    }
}

.kv_title_board {
    width: 7.1875vw;
    -webkit-transform-origin: 49.2753623188% top;
    -ms-transform-origin: 49.2753623188% top;
    transform-origin: 49.2753623188% top;
    -webkit-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    transform: rotate(-15deg);
    position: relative !important;
}

@media screen and (max-width:768px) {
    .kv_title_board {
        width: 13.4765625vw;
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-animation: kv_title_board 3s ease-in-out infinite;
        animation: kv_title_board 3s ease-in-out infinite;
    }
}

@media screen and (max-width:480px) {
    .kv_title_board {
        width: 20.2941176471vw;
    }
}

@-webkit-keyframes kv_title_board {
    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }
}

@keyframes kv_title_board {
    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }
}

.kv_title {
    font-size: 4.0625vw;
    font-weight: normal;
    margin-bottom: 0.9375vw;
    text-shadow: 0 0 7px rgba(9, 20, 67, 0.6);
}

@media screen and (max-width:768px) {
    .kv_title {
        font-size: 7.6171875vw;
        margin-bottom: 1.7578125vw;
    }
}

@media screen and (max-width:480px) {
    .kv_title {
        font-size: 11.4705882353vw;
        margin-bottom: 2.6470588235vw;
    }
}

.letter_0 {
    display: inline-block;
    -webkit-animation: flip 7s ease-out infinite 0.6s;
    animation: flip 7s ease-out infinite 0.6s;
    -webkit-animation: flip 7s ease-out infinite 0.1s;
    animation: flip 7s ease-out infinite 0.1s;
}

.letter_1 {
    margin-left: 0px;
    display: inline-block;
    -webkit-animation: flip 7s ease-out infinite 6s;
    animation: flip 7s ease-out infinite 6s;
    -webkit-animation: flip 7s ease-out infinite 0.1s;
    animation: flip 7s ease-out infinite 0.1s;
}

.letter_2 {
    margin-left: -3.6458333333vw;
}

@media screen and (max-width:768px) {
    .letter_2 {
        margin-left: -6.8359375vw;
    }
}

@media screen and (max-width:480px) {
    .letter_2 {
        margin-left: -10.2941176471vw;
    }
}

.ccc_txt1 {
    position: relative;
    -webkit-animation-name: oxxo;
    animation-name: oxxo;
    -webkit-animation-duration: 6s;
    animation-duration: 6s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

@-webkit-keyframes oxxo {
    0% {
        left: 0;
    }

    20% {
        left: 0;
    }

    35% {
        left: 2.2em;
    }

    65% {
        left: 2.2em;
    }

    80% {
        left: 0;
    }

    to {
        left: 0;
    }
}

@keyframes oxxo {
    0% {
        left: 0;
    }

    20% {
        left: 0;
    }

    35% {
        left: 2.2em;
    }

    65% {
        left: 2.2em;
    }

    80% {
        left: 0;
    }

    to {
        left: 0;
    }
}

.ccc_txt2 {
    position: relative;
    -webkit-animation-name: oxxo2;
    animation-name: oxxo2;
    -webkit-animation-duration: 6s;
    animation-duration: 6s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

@-webkit-keyframes oxxo2 {
    0% {
        left: -0.2em;
        top: 0px;
    }

    20% {
        left: -0.2em;
        top: 0px;
    }

    27% {
        top: 1.1em;
    }

    35% {
        left: -3.5em;
        top: 0px;
    }

    65% {
        left: -3.5em;
        top: 0px;
    }

    73% {
        top: 1.1em;
    }

    80% {
        left: -0.2em;
        top: 0px;
    }

    to {
        left: -0.2em;
        top: 0px;
    }
}

@keyframes oxxo2 {
    0% {
        left: -0.2em;
        top: 0px;
    }

    20% {
        left: -0.2em;
        top: 0px;
    }

    27% {
        top: 1.1em;
    }

    35% {
        left: -3.5em;
        top: 0px;
    }

    65% {
        left: -3.5em;
        top: 0px;
    }

    73% {
        top: 1.1em;
    }

    80% {
        left: -0.2em;
        top: 0px;
    }

    to {
        left: -0.2em;
        top: 0px;
    }
}

.flip {
    display: inline-block;
    -webkit-animation: flip 7s ease-out infinite;
    animation: flip 7s ease-out infinite;
}

@-webkit-keyframes flip {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }

    25% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        opacity: 1;
    }

    27% {
        opacity: 0;
    }

    28% {
        opacity: 0;
    }

    30% {
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
        opacity: 1;
    }

    70% {
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
        opacity: 1;
    }

    72% {
        opacity: 0;
    }

    73% {
        opacity: 0;
    }

    75% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        opacity: 1;
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}

@keyframes flip {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }

    25% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        opacity: 1;
    }

    27% {
        opacity: 0;
    }

    28% {
        opacity: 0;
    }

    30% {
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
        opacity: 1;
    }

    70% {
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
        opacity: 1;
    }

    72% {
        opacity: 0;
    }

    73% {
        opacity: 0;
    }

    75% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        opacity: 1;
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}

.kv_title_en {
    font-size: 2.0833333333vw;
    text-transform: uppercase;
    display: block;
    margin-top: -1.3020833333vw;
    margin-left: 0.5208333333vw;
}

@media screen and (max-width:768px) {
    .kv_title_en {
        font-size: 3.90625vw;
        margin-top: -2.44140625vw;
        margin-left: 0.9765625vw;
    }
}

@media screen and (max-width:480px) {
    .kv_title_en {
        font-size: 5.8823529412vw;
        margin-top: -3.6764705882vw;
        margin-left: 1.4705882353vw;
    }
}

.kv_txt {
    font-size: 1.1458333333vw;
    line-height: 1.3636363636;
    text-shadow: 0 0 7px rgba(9, 20, 67, 0.6);
}

@media screen and (max-width:768px) {
    .kv_txt {
        font-size: 2.1484375vw;
    }
}

@media screen and (max-width:480px) {
    .kv_txt {
        font-size: 3.2352941176vw;
    }
}

.scrollDown {
    position: absolute;
    bottom: 3.4895833333vw;
    left: 75%;
    z-index: 1;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

@media screen and (max-width:1440px) {
    .scrollDown {
        bottom: 4.1666666667vw;
    }
}

@media screen and (max-width:768px) {
    .scrollDown {
        bottom: 7.8125vw;
    }
}

@media screen and (max-width:480px) {
    .scrollDown {
        bottom: 12.5vw;
    }
}

.scrollDown .point {
    width: 1.3541666667vw;
    height: 1.3541666667vw;
    position: absolute;
    left: 50%;
    bottom: 100%;
    margin-bottom: 0.5208333333vw;
    margin-left: -0.6770833333vw;
}

@media screen and (max-width:768px) {
    .scrollDown .point {
        width: 3.3854166667vw;
        height: 3.3854166667vw;
        margin-bottom: 1.3020833333vw;
        margin-left: -1.6927083333vw;
    }
}

@media screen and (max-width:480px) {
    .scrollDown .point {
        width: 5.4166666667vw;
        height: 5.4166666667vw;
        margin-bottom: 2.0833333333vw;
        margin-left: -2.7083333333vw;
    }
}

.scrollDown .point.clear:after, .scrollDown .point:before {
    content: "";
    width: 0.625vw;
    height: 0.625vw;
    border-radius: 0.625vw;
    background: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -0.3125vw;
    margin-top: -0.3125vw;
    -webkit-animation: scrollDown_point 2s cubic-bezier(0.77, 0, 0.175, 1) infinite;
    animation: scrollDown_point 2s cubic-bezier(0.77, 0, 0.175, 1) infinite;
}

@media screen and (max-width:768px) {
    .scrollDown .point.clear:after, .scrollDown .point:before {
        width: 1.5625vw;
        height: 1.5625vw;
        border-radius: 1.5625vw;
        margin-left: -0.78125vw;
        margin-top: -0.78125vw;
    }
}

@media screen and (max-width:480px) {
    .scrollDown .point.clear:after, .scrollDown .point:before {
        width: 2.5vw;
        height: 2.5vw;
        border-radius: 2.5vw;
        margin-left: -1.25vw;
        margin-top: -1.25vw;
    }
}

.scrollDown .point:after {
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.3);
    border-radius: 1.3541666667vw;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: scrollDown_light 2s ease-out infinite;
    animation: scrollDown_light 2s ease-out infinite;
}

@media screen and (max-width:768px) {
    .scrollDown .point:after {
        border-radius: 3.3854166667vw;
    }
}

@media screen and (max-width:480px) {
    .scrollDown .point:after {
        border-radius: 5.4166666667vw;
    }
}

.scrollDown .txt {
    color: #fff;
    font-size: 0.5208333333vw;
    -webkit-animation: scrollDown_txt 2s ease-out infinite;
    animation: scrollDown_txt 2s ease-out infinite;
}

@media screen and (max-width:768px) {
    .scrollDown .txt {
        font-size: 1.3020833333vw;
    }
}

@media screen and (max-width:480px) {
    .scrollDown .txt {
        font-size: 2.0833333333vw;
    }
}

@-webkit-keyframes scrollDown_txt {
    0% {
        opacity: 0;
    }

    25% {
        opacity: 1;
    }

    40% {
        opacity: 1;
    }

    80% {
        opacity: 0;
    }

    to {
        opacity: 0;
    }
}

@keyframes scrollDown_txt {
    0% {
        opacity: 0;
    }

    25% {
        opacity: 1;
    }

    40% {
        opacity: 1;
    }

    80% {
        opacity: 0;
    }

    to {
        opacity: 0;
    }
}

@-webkit-keyframes scrollDown_point {
    0% {
        -webkit-transform: translateY(0px) scale(0);
        transform: translateY(0px) scale(0);
    }

    30% {
        -webkit-transform: translateY(0px) scale(1);
        transform: translateY(0px) scale(1);
    }

    50% {
        opacity: 1;
        -webkit-transform: translateY(0px) scale(1);
        transform: translateY(0px) scale(1);
    }

    to {
        opacity: 0;
        -webkit-transform: translateY(150px) scale(0);
        transform: translateY(150px) scale(0);
    }
}

@keyframes scrollDown_point {
    0% {
        -webkit-transform: translateY(0px) scale(0);
        transform: translateY(0px) scale(0);
    }

    30% {
        -webkit-transform: translateY(0px) scale(1);
        transform: translateY(0px) scale(1);
    }

    50% {
        opacity: 1;
        -webkit-transform: translateY(0px) scale(1);
        transform: translateY(0px) scale(1);
    }

    to {
        opacity: 0;
        -webkit-transform: translateY(150px) scale(0);
        transform: translateY(150px) scale(0);
    }
}

@-webkit-keyframes scrollDown_light {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    30% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    80% {
        opacity: 0;
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    to {
        opacity: 0;
    }
}

@keyframes scrollDown_light {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    30% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    80% {
        opacity: 0;
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    to {
        opacity: 0;
    }
}

#index {
    padding-top: 14.5833333333vw;
}

@media screen and (max-width:768px) {
    #index {
        padding-top: 16.40625vw;
    }
}

.land {
    width: 93.890625vw;
    position: relative;
    top: 0;
    left: 2.0833333333vw;
    margin-bottom: -8.8541666667vw;
}

.building {
    position: absolute;
    -webkit-transform-origin: center 50%;
    -ms-transform-origin: center 50%;
    transform-origin: center 50%;
    -webkit-transition: -webkit-transform 0.2s ease-out;
    transition: -webkit-transform 0.2s ease-out;
    -o-transition: transform 0.2s ease-out;
    transition: transform 0.2s ease-out;
    transition: transform 0.2s ease-out,-webkit-transform 0.2s ease-out;
}

    .building.active, .building:hover {
        -webkit-transform: scale(1.03);
        -ms-transform: scale(1.03);
        transform: scale(1.03);
    }

        .building.active .whiten, .building:hover .whiten {
            opacity: 0 !important;
            -webkit-transition: opacity 0.2s ease-out;
            -o-transition: opacity 0.2s ease-out;
            transition: opacity 0.2s ease-out;
        }

        .building.active .ori, .building:hover .ori {
            opacity: 1;
        }

        .building.active .label, .building:hover .label {
            background: #b6282c;
            -webkit-transform: scale(1) translateY(-10px) !important;
            -ms-transform: scale(1) translateY(-10px) !important;
            transform: scale(1) translateY(-10px) !important;
        }

            .building.active .label:after, .building:hover .label:after {
                border-color: #b6282c transparent transparent transparent;
            }

        .building.active .label_note, .building:hover .label_note {
            color: #fff;
        }

.whiten {
    -webkit-transform-origin: center 50%;
    -ms-transform-origin: center 50%;
    transform-origin: center 50%;
    position: absolute;
    top: 0;
    left: 0;
}

.ori {
    opacity: 0;
}

.b1 {
    width: 17.9542511869%;
    top: 30.4%;
    left: 6.6%;
}

.b2 {
    width: 13.8541217091%;
    top: 19.5%;
    left: 20%;
}

.b3 {
    width: 13.8541217091%;
    top: 9.4%;
    left: 30.5%;
}

.b4 {
    width: 13.8972809668%;
    top: -0.2%;
    left: 40.8%;
}

.b5 {
    width: 13.8972809668%;
    top: 39.6%;
    left: 22.6%;
}

.b6 {
    width: 13.8541217091%;
    top: 29.8%;
    left: 33.1%;
}

.b7 {
    width: 13.8541217091%;
    top: 20.4%;
    left: 43.2%;
}

.b8 {
    width: 13.8972809668%;
    top: 9.8%;
    left: 54%;
}

.b9 {
    width: 13.8541217091%;
    top: 49.6%;
    left: 36.5%;
    z-index: 2;
}

.b10 {
    width: 13.8541217091%;
    top: 38.7%;
    left: 46.1%;
    z-index: 1;
}

    .b10 img {
        width: 100%;
    }

.b11 {
    width: 13.8541217091%;
    top: 22.1%;
    left: 56.2%;
}

    .b11 img {
        width: 91.9003115265%;
    }

.b12 {
    width: 17.9974104445%;
    top: 60.3%;
    left: 50.3%;
    z-index: 3;
}

.b13 {
    width: 14.8036253776%;
    top: 44.5%;
    left: 64.4%;
}

.b14 {
    width: 11.4372032801%;
    top: 34.3%;
    left: 78.8%;
}

.label {
    width: 8.8541666667vw;
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom;
    position: absolute;
    bottom: 80%;
    left: 42%;
    margin-left: -4.4270833333vw;
    background: #323333;
    padding: 15px 10px;
    white-space: nowrap;
    border-radius: 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transition: -webkit-transform 0.1s ease-out;
    transition: -webkit-transform 0.1s ease-out;
    -o-transition: transform 0.1s ease-out;
    transition: transform 0.1s ease-out;
    transition: transform 0.1s ease-out,-webkit-transform 0.1s ease-out;
}

    .label:after {
        content: "";
        border-style: solid;
        border-width: 13px 10px 0 10px;
        border-color: #323333 transparent transparent transparent;
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -10px;
        margin-top: -1px;
    }

    .label a {
        height: 100%;
        position: relative;
        z-index: 1;
    }

.label_title {
    font-size: 1.1458333333vw;
    line-height: 1.4;
    text-align: center;
}

.label_txt {
    font-size: 0.78125vw;
}

.label_note {
    color: #f04f44;
    text-align: center;
    line-height: 1;
    margin-bottom: 5px;
}

.l1 {
    /*width: 9.2916666667vw;
    margin-left: -3.6458333333vw;*/
    width: 7.2916666667vw;
    margin-left: -3.6458333333vw;
}

.l4 {
    bottom: 77%;
}

.l5 {
    width: 7.2916666667vw;
    margin-left: -3.6458333333vw;
}

.l6 {
    width: 7.2916666667vw;
    margin-left: -3.6458333333vw;
}

.l8 {
    width: 9.2916666667vw;
    margin-left: -3.6458333333vw;
}

.l9 {
    width: 10vw;
    margin-left: -3.6458333333vw;
}

.l10 {
    width: 10.2916666667vw;
    margin-left: -3.6458333333vw;
}

.l11 {
    bottom: 82%;
    left: 42%;
}

.l12 {
    width: 9.2916666667vw;
    margin-left: -3.6458333333vw;
}

.l13 {
    bottom: 75%;
    left: 48%;
}

.cloud_left {
    width: 14.6875vw;
    height: 14.0625vw;
    position: absolute;
    top: 12.2395833333vw;
    left: 13.6979166667vw;
}

.cloud_right {
    width: 20.8333333333vw;
    height: 16.25vw;
    position: absolute;
    top: 14.0625vw;
    right: 17.7083333333vw;
}

.cloud {
    position: absolute;
}

.c1 {
    width: 39.7163120567%;
    top: 0;
    left: 65.6028368794%;
}

.c2 {
    width: 50.7092198582%;
    top: 22.2222222222%;
    left: 0;
}

.c3 {
    width: 39.7163120567%;
    top: 68.5185185185%;
    left: 3.5460992908%;
}

.c4 {
    width: 37.5%;
    top: 0;
    left: 0;
}

.c5 {
    width: 23.25%;
    top: 44.8717948718%;
    left: 40.25%;
}

.c6 {
    width: 23.25%;
    bottom: 0;
    right: 0;
}

.visitor_count {
    color: #003F6F;
    text-align: center;
    line-height: 1;
    position: absolute;
    left: 5.2083333333vw;
    top: 7.8125vw;
}

@media screen and (max-width:768px) {
    .visitor_count {
        display: none;
    }
}

.visitor_txt {
    font-size: 1.3541666667vw;
    font-weight: bold;
}

.visitor_num {
    font-size: 3.4375vw;
    font-weight: bold;
    font-family: Arial;
    margin-top: 0.78125vw;
}

.links {
    display: none;
    position: fixed;
    top: 50%;
    right: 2.6041666667vw;
    z-index: 5;
    -webkit-transform: translateY(-20%);
    -ms-transform: translateY(-20%);
    transform: translateY(-20%);
}

@media screen and (max-width:768px) {
    .links {
        top: auto;
        bottom: 2.6041666667vw;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.links_btn {
    width: 4.6875vw;
    height: 4.6875vw;
    background: #B6282C;
    border-radius: 5.2083333333vw;
    margin-top: 1.0416666667vw;
    -webkit-transition: background 0.2s ease-out,-webkit-box-shadow 0.2s ease-out;
    transition: background 0.2s ease-out,-webkit-box-shadow 0.2s ease-out;
    -o-transition: box-shadow 0.2s ease-out,background 0.2s ease-out;
    transition: box-shadow 0.2s ease-out,background 0.2s ease-out;
    transition: box-shadow 0.2s ease-out,background 0.2s ease-out,-webkit-box-shadow 0.2s ease-out;
}

@media screen and (max-width:768px) {
    .links_btn {
        width: 11.71875vw;
        height: 11.71875vw;
        border-radius: 13.0208333333vw;
        margin-top: 2.6041666667vw;
    }
}

@media screen and (max-width:480px) {
    .links_btn {
        width: 12.8571428571vw;
        height: 12.8571428571vw;
        border-radius: 14.2857142857vw;
        margin-top: 2.8571428571vw;
    }
}

.links_btn:hover {
    -webkit-box-shadow: 0 0 0.78125vw #fff;
    box-shadow: 0 0 0.78125vw #fff;
    background: #c74a4d;
}

.links_btn a {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.icon_mail {
    width: 55%;
    position: relative;
    top: -0.2604166667vw;
}

.icon_message {
    width: 70%;
}

.news_event {
    border: 0.4166666667vw solid #D8281C;
    border-radius: 1.5625vw;
    background: #D8281C;
}

@media screen and (max-width:768px) {
    .news_event {
        border: 1.1764705882vw solid #D8281C;
        border-radius: 4.4117647059vw;
    }
}

@media screen and (max-width:480px) {
    .news_event {
        border: 1.6666666667vw solid #D8281C;
        border-radius: 6.25vw;
        top: 31.25vw;
        left: 10.4166666667vw;
    }
}

.news_event_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: 7.8125vw;
    left: 2.6041666667vw;
    z-index: 20;
}

@media screen and (max-width:768px) {
    .news_event_box {
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.6);
        position: fixed;
        top: 0;
        left: 0;
        z-index: 999;
    }
}

@media screen and (max-width:768px) {
    .news_event_close {
        width: 40px;
        height: 40px;
        border-radius: 40px;
        background: #fff;
        position: absolute;
        top: 10px;
        right: 10px;
    }

        .news_event_close:after, .news_event_close:before {
            content: "";
            width: 70%;
            height: 4px;
            border-radius: 5px;
            background: #D8281C;
            position: absolute;
            top: 50%;
            left: 15%;
            margin-top: -2px;
        }

        .news_event_close.clear:after, .news_event_close:before {
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
        }

        .news_event_close:after {
            -webkit-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
        }
}

.icon_event {
    width: 3.6458333333vw;
    height: 3.6458333333vw;
    border-radius: 3.125vw;
    border: 0.4166666667vw solid #D8281C;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: -2.34375vw auto 0;
}

@media screen and (max-width:768px) {
    .icon_event {
        width: 10.2941176471vw;
        height: 10.2941176471vw;
        border-radius: 8.8235294118vw;
        border: 1.1764705882vw solid #D8281C;
        margin: -6.6176470588vw auto 0;
    }
}

@media screen and (max-width:480px) {
    .icon_event {
        width: 14.5833333333vw;
        height: 14.5833333333vw;
        border-radius: 12.5vw;
        border: 1.6666666667vw solid #D8281C;
        margin: -9.375vw auto 0;
    }
}

.icon_event img {
    width: 2.6041666667vw;
}

@media screen and (max-width:768px) {
    .icon_event img {
        width: 7.3529411765vw;
    }
}

@media screen and (max-width:480px) {
    .icon_event img {
        width: 10.4166666667vw;
    }
}

.event_mainTitle {
    text-align: center;
    font-size: 1.5625vw;
    margin-top: -0.5208333333vw;
    color: #fff;
}

@media screen and (max-width:768px) {
    .event_mainTitle {
        font-size: 4.4117647059vw;
        margin-top: -1.4705882353vw;
    }
}

@media screen and (max-width:480px) {
    .event_mainTitle {
        font-size: 6.25vw;
        margin-top: -2.0833333333vw;
    }
}

.event_inner {
    background: #fff;
    color: #000;
    border-bottom-left-radius: 1.3541666667vw;
    border-bottom-right-radius: 1.3541666667vw;
    padding: 0.5208333333vw 0.78125vw;
    line-height: 1.5;
}

@media screen and (max-width:768px) {
    .event_inner {
        border-bottom-left-radius: 3.8235294118vw;
        border-bottom-right-radius: 3.8235294118vw;
        padding: 1.4705882353vw 2.2058823529vw;
    }
}

@media screen and (max-width:480px) {
    .event_inner {
        border-bottom-left-radius: 5.4166666667vw;
        border-bottom-right-radius: 5.4166666667vw;
        padding: 2.0833333333vw 3.125vw;
    }
}

.event_inner .size_1 {
    font-size: 1.5625vw;
    line-height: 1.2;
    margin-bottom: 0.3125vw;
}

@media screen and (max-width:768px) {
    .event_inner .size_1 {
        font-size: 4.4117647059vw;
        line-height: 1.2;
        margin-bottom: 0.8823529412vw;
    }
}

@media screen and (max-width:480px) {
    .event_inner .size_1 {
        font-size: 6.25vw;
        line-height: 1.2;
        margin-bottom: 1.25vw;
    }
}

.event_inner .size_2 {
    font-size: 1.3541666667vw;
    line-height: 1.2;
    margin-bottom: 0.3125vw;
}

@media screen and (max-width:768px) {
    .event_inner .size_2 {
        font-size: 3.8235294118vw;
        line-height: 1.2;
        margin-bottom: 0.8823529412vw;
    }
}

@media screen and (max-width:480px) {
    .event_inner .size_2 {
        font-size: 5.4166666667vw;
        line-height: 1.2;
        margin-bottom: 1.25vw;
    }
}

.event_inner .size_3 {
    font-size: 1.0416666667vw;
    line-height: 1.2;
    margin-bottom: 0.3125vw;
}

@media screen and (max-width:768px) {
    .event_inner .size_3 {
        font-size: 2.9411764706vw;
        line-height: 1.2;
        margin-bottom: 0.8823529412vw;
    }
}

@media screen and (max-width:480px) {
    .event_inner .size_3 {
        font-size: 4.1666666667vw;
        line-height: 1.2;
        margin-bottom: 1.25vw;
    }
}

.event_inner .size_normal {
    font-size: 0.8333333333vw;
}

@media screen and (max-width:768px) {
    .event_inner .size_normal {
        font-size: 2.3529411765vw;
    }
}

@media screen and (max-width:480px) {
    .event_inner .size_normal {
        font-size: 3.3333333333vw;
    }
}

.event_inner .center {
    text-align: center;
}

.event_inner .bold {
    font-weight: bold;
}

.event_inner .pink {
    color: #e77456;
}

.event_inner .red {
    color: #D8281C;
}

.event_more {
    background: #B7282C;
    color: #fff;
    font-weight: bold;
    font-size: 0.8854166667vw;
    border-radius: 2.6041666667vw;
    text-align: center;
    margin-top: 0.5208333333vw;
}

@media screen and (max-width:768px) {
    .event_more {
        border-radius: 7.3529411765vw;
        margin-top: 1.4705882353vw;
        font-size: 2.5vw;
    }
}

@media screen and (max-width:480px) {
    .event_more {
        border-radius: 10.4166666667vw;
        margin-top: 2.0833333333vw;
        font-size: 3.5416666667vw;
    }
}

.video_window {
    padding: 0.3645833333vw;
    /*background: #D8281C;*/
    background: #ffffff;
    border-radius: 0.5208333333vw;
    position: absolute;
    top: 7.8125vw;
    right: 2.6041666667vw;
}

@media screen and (max-width:768px) {
    .video_window {
        display: none;
    }
}

.video_window iframe {
    width: 23.8541666667vw;
    height: 11.4583333333vw;
    display: block;
}

.main_building {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 3.90625vw;
}

.main_building_pic {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 58%;
    flex: 0 1 58%;
}

.main_building_txt {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background: #B6282C;
    color: #fff;
    padding: 2.6041666667vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

    .main_building_txt h2 {
        font-size: 4.4270833333vw;
        letter-spacing: 0.2604166667vw;
    }

    .main_building_txt li {
        font-size: 3.6458333333vw;
    }

    .main_building_txt a.clear:after, .main_building_txt a:before {
        content: "．";
        margin-left: -0.9114583333vw;
        margin-right: 5px;
    }

.building_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -1.953125vw;
    margin-right: -1.953125vw;
}

.building_li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    padding: 0 1.953125vw;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 3.90625vw;
}

@media screen and (max-width:480px) {
    .building_li {
        margin-bottom: 3.125vw;
    }
}

.building_li_title {
    font-size: 3.6458333333vw;
    font-weight: bold;
    margin-top: 1.0416666667vw;
}

.page {
    padding-top: 13.5416666667vw;
}

@media screen and (max-width:768px) {
    .page {
        padding-top: 16.40625vw;
    }
}

#exhi_1 {
    background: #81287D;
}

@media screen and (max-width:768px) {
    #exhi_1 {
        background: #fff;
    }

        #exhi_1 .main_building_txt {
            background: #81287D;
        }
}

.exhi_mainTitle {
    font-size: 2.1vw;
    font-weight: normal;
    position: absolute;
    top: 7.2916666667vw;
    left: 6.25vw;
}

.exhi_mainTitle_m {
    font-weight: normal;
    text-align: center;
    line-height: 1.3;
    color: #333;
}

@media screen and (max-width:768px) {
    .exhi_mainTitle_m {
        font-size: 7.1614583333vw;
        margin-bottom: 2.6041666667vw;
    }
}

.floor {
    width: 93.890625vw;
    position: relative;
    top: 0;
    left: 2.0833333333vw;
    margin-bottom: -11.9791666667vw;
}

.dialog_box {
    position: absolute;
    z-index: 5;
}

    .dialog_box:hover .dialog_dot {
        border-color: #D8281C !important;
    }

.dialog {
    border: 0.1041666667vw solid #D8281C;
    border-radius: 0.78125vw;
    background: rgba(255, 255, 255, 0.8);
    color: #000;
}

    .dialog a {
        padding: 1.0416666667vw;
    }

.dialog_title {
    font-size: 1.6666666667vw;
    text-align: center;
    line-height: 1;
}

.dialog_txt {
    font-size: 0.9375vw;
    font-weight: bold;
    line-height: 1.6;
}

.dialog_more {
    width: 10.5em;
    font-size: 1.0416666667vw;
    font-weight: bold;
    letter-spacing: 0.2604166667vw;
    line-height: 1.6;
    color: #fff;
    border-radius: 2em;
    text-align: center;
    background: #4E4D4D;
    margin: 0.625vw auto 0;
    -webkit-transition: background 0.2s ease-out;
    -o-transition: background 0.2s ease-out;
    transition: background 0.2s ease-out;
}

    .dialog_more:hover {
        background: #716d6d;
    }

.dialog_dot {
    position: absolute;
    border-color: transparent !important;
    border-color: #D8281C !important;
    -webkit-transition: border-color 0.1s ease-out;
    -o-transition: border-color 0.1s ease-out;
    transition: border-color 0.1s ease-out;
}

.dot {
    width: 2.0833333333vw;
    height: 2.0833333333vw;
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

    .dot.clear:after, .dot:before {
        content: "";
        width: 100%;
        height: 100%;
        border-radius: 2.0833333333vw;
        border: 0.15625vw solid #D8281C;
        -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
        box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        -webkit-animation: dialog_dot_circle 1s ease-in-out infinite;
        animation: dialog_dot_circle 1s ease-in-out infinite;
    }

    .dot:after {
        content: "";
        width: 0.8333333333vw;
        height: 0.8333333333vw;
        background: #D8281C;
        border-radius: 0.5208333333vw;
        -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
        box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .dot a {
        height: 100%;
        position: relative;
        z-index: 1;
    }

@-webkit-keyframes dialog_dot_circle {
    50% {
        opacity: 0;
    }
}

@keyframes dialog_dot_circle {
    50% {
        opacity: 0;
    }
}

.exhi_1_1 {
    width: 21.8399401645%;
    position: absolute;
    top: 2.4%;
    right: 4%;
}

    .exhi_1_1 .dialog_box {
        top: -2.7604166667vw;
        left: -0.5208333333vw;
    }

    .exhi_1_1 .dialog {
        width: 14.5833333333vw;
    }

    .exhi_1_1 .dialog_dot {
        width: 5.2083333333vw;
        height: 10.9375vw;
        border-left: 0.1041666667vw solid #D8281C;
        top: 100%;
        left: 50%;
    }

    .exhi_1_1 .dot {
        top: 100%;
        left: 0;
        margin-left: -0.0520833333vw;
    }

.exhi_1_2 {
    width: 33.73223635%;
    position: absolute;
    top: 11%;
    right: 9%;
    z-index: 2;
}

    .exhi_1_2 .dialog_box {
        top: 20.8333333333vw;
        left: -4.1666666667vw;
    }

    .exhi_1_2 .dialog {
        width: 16.6666666667vw;
    }

    .exhi_1_2 .dialog_dot {
        width: 3.2291666667vw;
        height: 5.2083333333vw;
        border-right: 0.1041666667vw solid #D8281C;
        border-bottom: 0.1041666667vw solid #D8281C;
        bottom: 60%;
        left: 100%;
    }

    .exhi_1_2 .dot {
        left: 100%;
        top: 0;
        margin-left: 0.0520833333vw;
    }

.exhi_1_3 {
    width: 48.7658937921%;
    position: absolute;
    top: 25%;
    left: 17%;
    z-index: 1;
}

    .exhi_1_3 .dialog_box {
        top: -4.1666666667vw;
        left: -8.59375vw;
    }

    .exhi_1_3 .dialog {
        width: 14.5833333333vw;
    }

    .exhi_1_3 .dialog_dot {
        width: 3.6458333333vw;
        height: 14.0625vw;
        border-right: 0.1041666667vw solid #D8281C;
        border-top: 0.1041666667vw solid #D8281C;
        top: 60%;
        left: 100%;
    }

    .exhi_1_3 .dot {
        left: 100%;
        top: 100%;
        margin-left: 0.0520833333vw;
    }

.exhi_1_4 {
    width: 23.4106207928%;
    position: absolute;
    top: 5.6%;
    left: 2.8%;
}

.exhi_1_5 {
    width: 24.7569184742%;
    position: absolute;
    top: -12%;
    left: 37%;
}

    .exhi_1_5 .dialog_box {
        top: 14.5833333333vw;
        left: -4.6875vw;
    }

    .exhi_1_5 .dialog {
        width: 14.5833333333vw;
    }

    .exhi_1_5 .dialog_dot {
        width: 3.3854166667vw;
        height: 3.9583333333vw;
        border-right: 0.1041666667vw solid #D8281C;
        border-bottom: 0.1041666667vw solid #D8281C;
        bottom: 40%;
        left: 100%;
    }

    .exhi_1_5 .dot {
        left: 100%;
        top: 0;
        margin-left: 0.0520833333vw;
    }

#exhi_2 {
    background: #BA2053;
}

@media screen and (max-width:768px) {
    #exhi_2 {
        background: #fff;
    }

        #exhi_2 .main_building_txt {
            background: #BA2053;
        }
}

.exhi_2 {
    padding-top: 17.1875vw;
}

    .exhi_2 .floor {
        margin-bottom: -15.625vw;
    }

.exhi_2_1 {
    width: 44.7204968944%;
    position: absolute;
    top: -17.6%;
    right: 2%;
}

    .exhi_2_1 .dialog_box {
        top: 2.7604166667vw;
        right: 0.78125vw;
    }

    .exhi_2_1 .dialog {
        width: 15.625vw;
    }

    .exhi_2_1 .dialog_dot {
        width: 2.34375vw;
        height: 7.03125vw;
        border-top: 0.1041666667vw solid #D8281C;
        border-left: 0.1041666667vw solid #D8281C;
        -webkit-transform: skewX(-40deg);
        -ms-transform: skewX(-40deg);
        transform: skewX(-40deg);
        -webkit-transform-origin: right top;
        -ms-transform-origin: right top;
        transform-origin: right top;
        top: 35%;
        right: 100%;
    }

    .exhi_2_1 .dot {
        top: 97%;
        left: 1%;
        -webkit-transform: skewX(40deg) translate(-30%, -30%);
        -ms-transform: skewX(40deg) translate(-30%, -30%);
        transform: skewX(40deg) translate(-30%, -30%);
    }

.exhi_2_2 {
    width: 31.3664596273%;
    position: absolute;
    top: 12.5%;
    right: 14%;
}

    .exhi_2_2 .dialog_box {
        top: 15.1041666667vw;
        right: -4.6875vw;
    }

    .exhi_2_2 .dialog {
        width: 19.7916666667vw;
    }

    .exhi_2_2 .dialog_dot {
        width: 9.375vw;
        height: 8.3333333333vw;
        border-right: 0.1041666667vw solid #D8281C;
        border-top: 0.1041666667vw solid #D8281C;
        bottom: 100%;
        right: 85%;
    }

    .exhi_2_2 .dot {
        left: 0;
        top: 0;
        margin-top: -0.0520833333vw;
    }

.exhi_2_3 {
    width: 29.1325695581%;
    position: absolute;
    top: 0.8%;
    right: 12%;
}

    .exhi_2_3 .dialog_box {
        top: -5.0833333333vw;
        right: 15.25vw;
    }

    .exhi_2_3 .dialog {
        width: 15.625vw;
    }

    .exhi_2_3 .dialog_dot {
        width: 2.6041666667vw;
        height: 7.2916666667vw;
        border-top: 0.1041666667vw solid #D8281C;
        border-left: 0.1041666667vw solid #D8281C;
        /*-webkit-transform: skewX(-25deg);
        -ms-transform: skewX(-25deg);
        transform: skewX(-25deg);*/
        -webkit-transform-origin: right top;
        -ms-transform-origin: right top;
        transform-origin: right top;
        top: 35%;
        right: 100%;
    }

    .exhi_2_3 .dot {
        top: 100%;
        left: 0;
        /*-webkit-transform: skewX(25deg) translate(-35%, -45%);
        -ms-transform: skewX(25deg) translate(-35%, -45%);
        transform: skewX(25deg) translate(-35%, -45%);*/
    }

.exhi_2_4 {
    width: 33.6180124224%;
    position: absolute;
    top: -12.5%;
    left: 21.5%;
}

    .exhi_2_4 .d1 {
        top: 20.8333333333vw;
        left: -12.2395833333vw;
    }

        .exhi_2_4 .d1 .dialog {
            width: 15.625vw;
        }

        .exhi_2_4 .d1 .dialog_dot {
            width: 7.8125vw;
            height: 4.6875vw;
            border-left: 0.1041666667vw solid #D8281C;
            border-top: 0.1041666667vw solid #D8281C;
            bottom: 100%;
            left: 46%;
        }

            .exhi_2_4 .d1 .dialog_dot:after, .exhi_2_4 .d1 .dialog_dot:before {
                left: 100%;
                top: 0;
            }

        .exhi_2_4 .d1 .dot {
            left: 100%;
            top: 0;
            margin-top: -0.0520833333vw;
        }

    .exhi_2_4 .d2 {
        top: 30.2083333333vw;
        left: 10.4166666667vw;
    }

        .exhi_2_4 .d2 .dialog {
            width: 15.625vw;
        }

        .exhi_2_4 .d2 .dialog_dot {
            width: 5.2083333333vw;
            height: 14.0625vw;
            border-left: 0.1041666667vw solid #D8281C;
            bottom: 100%;
            left: 24%;
        }

        .exhi_2_4 .d2 .dot {
            left: 0;
            top: 0;
            margin-left: -0.0520833333vw;
        }

#exhi_3 {
    background: #989898;
}

@media screen and (max-width:768px) {
    #exhi_3 {
        background: #fff;
    }

        #exhi_3 .main_building_txt {
            background: #989898;
        }
}

.exhi_3 {
    padding-top: 15.8854166667vw;
}

    .exhi_3 .floor {
        left: -2.6041666667vw;
    }

    .exhi_3 .exhi_mainTitle {
        left: auto;
        right: 7.8125vw;
    }

.exhi_3_1 {
    width: 29.1325695581%;
    position: absolute;
    top: 0.8%;
    right: 8%;
}

    .exhi_3_1 .dialog_box {
        top: 2.0833333333vw;
        right: -6.25vw;
    }

    .exhi_3_1 .dialog {
        width: 15.625vw;
    }

    .exhi_3_1 .dialog_dot {
        width: 2.6041666667vw;
        height: 7.2916666667vw;
        border-top: 0.1041666667vw solid #D8281C;
        border-left: 0.1041666667vw solid #D8281C;
        -webkit-transform: skewX(-25deg);
        -ms-transform: skewX(-25deg);
        transform: skewX(-25deg);
        -webkit-transform-origin: right top;
        -ms-transform-origin: right top;
        transform-origin: right top;
        top: 35%;
        right: 100%;
    }

    .exhi_3_1 .dot {
        top: 100%;
        left: 0;
        -webkit-transform: skewX(25deg) translate(-35%, -45%);
        -ms-transform: skewX(25deg) translate(-35%, -45%);
        transform: skewX(25deg) translate(-35%, -45%);
    }

.exhi_3_2 {
    width: 34.2880523732%;
    position: absolute;
    top: 34%;
    right: 11.8%;
}

    .exhi_3_2 .dialog_box {
        top: 5.7291666667vw;
        right: -10.4166666667vw;
    }

    .exhi_3_2 .dialog {
        width: 19.7916666667vw;
    }

    .exhi_3_2 .dialog_dot {
        width: 7.2916666667vw;
        height: 5.2083333333vw;
        border-top: 0.1041666667vw solid #D8281C;
        top: 30%;
        right: 100%;
    }

    .exhi_3_2 .dot {
        top: 0;
        left: 0;
        margin-top: -0.0520833333vw;
    }

.exhi_3_3 {
    width: 45.9901800327%;
    position: absolute;
    top: 20%;
    left: 6%;
}

    .exhi_3_3 .dialog_box {
        top: 14.2708333333vw;
        left: 12.5vw;
    }

    .exhi_3_3 .dialog {
        width: 15.625vw;
    }

    .exhi_3_3 .dialog_dot {
        width: 6.7708333333vw;
        height: 8.8541666667vw;
        border-right: 0.1041666667vw solid #D8281C;
        border-top: 0.1041666667vw solid #D8281C;
        bottom: 100%;
        right: 75%;
    }

    .exhi_3_3 .dot {
        top: 0;
        left: 0;
        margin-top: -0.0520833333vw;
    }

.exhi_3_4 {
    width: 36.3338788871%;
    position: absolute;
    top: -20.8%;
    left: 24.8%;
}

    .exhi_3_4 .dialog_box {
        top: 7.8125vw;
        left: -9.375vw;
    }

    .exhi_3_4 .dialog {
        width: 16.6666666667vw;
    }

    .exhi_3_4 .dialog_dot {
        width: 13.0208333333vw;
        height: 4.1666666667vw;
        border-left: 0.1041666667vw solid #D8281C;
        border-bottom: 0.1041666667vw solid #D8281C;
        top: 100%;
        left: 40%;
    }

    .exhi_3_4 .dot {
        top: 100%;
        left: 100%;
        margin-top: 0.0520833333vw;
    }

#exhi_3 .exhi_3_4 .dialog_box {
    top: 18.2291666667vw;
    left: -8.3333333333vw;
}

#exhi_9 .exhi_2_4 .d1 {
    top: 15.8854166667vw;
    left: -11.9791666667vw;
}

#exhi_9 .exhi_2_4 .d2 {
    top: 28.3854166667vw;
    left: 13.6458333333vw;
}

#exhi_4 {
    background: #E5E144;
}

@media screen and (max-width:768px) {
    #exhi_4 {
        background: #fff;
    }

        #exhi_4 .main_building_txt {
            background: #E5E144;
        }
}

.exhi_4 {
    padding-top: 14.5833333333vw;
}

    .exhi_4 .floor {
        left: -2.6041666667vw;
        margin-bottom: -5.7291666667vw;
    }

    .exhi_4 .exhi_mainTitle {
        left: auto;
        top: 10.4166666667vw;
        right: 13.5416666667vw;
        color: #000;
    }

.exhi_4_1 {
    width: 40.3053435115%;
    position: absolute;
    top: -23.5%;
    left: 4%;
}

    .exhi_4_1 .dialog_box {
        top: 9.8958333333vw;
        right: -7.5520833333vw;
    }

    .exhi_4_1 .dialog {
        width: 15.625vw;
    }

    .exhi_4_1 .dialog_dot {
        width: 8.0729166667vw;
        height: 6.5104166667vw;
        border-top: 0.1041666667vw solid #D8281C;
        border-left: 0.1041666667vw solid #D8281C;
        top: 45%;
        right: 100%;
    }

    .exhi_4_1 .dot {
        top: 100%;
        left: 0;
        margin-left: -0.0520833333vw;
    }

.exhi_4_2 {
    width: 32.6717557252%;
    position: absolute;
    top: 0%;
    left: 15%;
}

    .exhi_4_2 .dialog_box {
        top: 27.0833333333vw;
        left: 9.8958333333vw;
    }

    .exhi_4_2 .dialog {
        width: 17.7083333333vw;
    }

    .exhi_4_2 .dialog_dot {
        width: 2.6041666667vw;
        height: 15.625vw;
        border-left: 0.1041666667vw solid #D8281C;
        -webkit-transform-origin: right top;
        -ms-transform-origin: right top;
        transform-origin: right top;
        bottom: 100%;
        left: 30%;
    }

    .exhi_4_2 .dot {
        top: 0;
        left: 0;
        margin-left: -0.0520833333vw;
    }

.exhi_4_3 {
    width: 32.7480916031%;
    position: absolute;
    top: -7%;
    right: 17.5%;
}

    .exhi_4_3 .dialog_box {
        top: 9.6354166667vw;
        right: -2.6041666667vw;
    }

    .exhi_4_3 .dialog {
        width: 15.625vw;
    }

    .exhi_4_3 .dialog_dot {
        width: 7.1354166667vw;
        height: 5.46875vw;
        border-top: 0.1041666667vw solid #D8281C;
        border-left: 0.1041666667vw solid #D8281C;
        -webkit-transform-origin: right top;
        -ms-transform-origin: right top;
        transform-origin: right top;
        top: 35%;
        right: 100%;
    }

    .exhi_4_3 .dot {
        top: 100%;
        left: 0;
        margin-left: -0.0520833333vw;
    }

.exhi_4_31 {
    width: 32.7480916031%;
    position: absolute;
    top: -7%;
    right: 17.5%;
}

    .exhi_4_31 .dialog_box {
        top: 22.6354166667vw;
        right: 7.4vw;
    }

    .exhi_4_31 .dialog {
        width: 15.625vw;
    }

    .exhi_4_31 .dialog_dot {
        width: 4.1354166667vw;
        border-top: 0.1041666667vw solid #D8281C;
        border-left: 0.1041666667vw solid #D8281C;
        -webkit-transform-origin: right top;
        -ms-transform-origin: right top;
        transform-origin: right top;
        top: 35%;
        right: 100%;
    }

    .exhi_4_31 .dot {
        top: 100%;
        left: 0;
        margin-left: -0.0520833333vw;
    }

.exhi_4_4 {
    width: 41.2977099237%;
    position: absolute;
    top: 33%;
    right: 21%;
}

    .exhi_4_4 .dialog_box {
        top: 8.8541666667vw;
        right: -9.1145833333vw;
    }

    .exhi_4_4 .dialog {
        width: 14.5833333333vw;
    }

    .exhi_4_4 .dialog_dot {
        width: 4.1666666667vw;
        height: 8.59375vw;
        border-top: 0.1041666667vw solid #D8281C;
        border-left: 0.1041666667vw solid #D8281C;
        -webkit-transform-origin: right top;
        -ms-transform-origin: right top;
        transform-origin: right top;
        top: 45%;
        right: 100%;
    }

    .exhi_4_4 .dot {
        top: 100%;
        left: 0;
        margin-left: -0.0520833333vw;
    }

#future {
    padding-top: 0;
    background: -o-linear-gradient(216deg, white 0%, #b2e4ff 100%);
    background: linear-gradient(234deg, white 0%, #b2e4ff 100%);
}

.swiper_future {
    width: 70%;
    margin: 0 auto;
    padding-top: 18vh;
    padding-bottom: 60vh;
    position: relative;
    left: 5%;
}

@media screen and (max-width:768px) {
    .swiper_future {
        width: 140%;
        left: -25%;
        padding-top: 10vh;
        padding-bottom: 40vh;
    }
}

@media screen and (max-width:480px) {
    .swiper_future {
        width: 100%;
        left: 0%;
        padding-top: 10vh;
        padding-bottom: 70vh;
    }
}

.swiper_future .swiper-container {
    height: 40vh;
    overflow: visible;
}

@media screen and (max-width:768px) {
    .swiper_future .swiper-container {
        height: 50vh;
    }
}

@media screen and (max-width:480px) {
    .swiper_future .swiper-container {
        height: 20vh;
    }
}

.swiper_future .swiper-slide {
    opacity: 0.3;
    -webkit-transition: opacity 0.1s ease-out;
    -o-transition: opacity 0.1s ease-out;
    transition: opacity 0.1s ease-out;
}

    .swiper_future .swiper-slide img {
        margin-top: -5%;
    }

    .swiper_future .swiper-slide:first-child img {
        margin-top: 2.6041666667vw;
    }

.swiper_future .swiper-slide-active {
    opacity: 1;
    z-index: 10;
}

.swiper_future .swiper-button-next, .swiper_future .swiper-button-prev {
    width: 7.2916666667vw;
    height: 7.1354166667vw;
    background: url("../images/future_arrow_prev.png") no-repeat center center;
    background-size: 100% auto;
    right: 0;
    left: auto;
    -webkit-transition: opacity 0.2s ease-out;
    -o-transition: opacity 0.2s ease-out;
    transition: opacity 0.2s ease-out;
}

@media screen and (max-width:768px) {
    .swiper_future .swiper-button-next, .swiper_future .swiper-button-prev {
        display: none;
    }
}

.swiper_future .swiper-button-prev {
    -webkit-transform: translateY(-300%);
    -ms-transform: translateY(-300%);
    transform: translateY(-300%);
}

.swiper_future .swiper-button-next {
    -webkit-transform: translateY(180%) scaleY(-1);
    -ms-transform: translateY(180%) scaleY(-1);
    transform: translateY(180%) scaleY(-1);
}

.future_intro {
    width: 25.5vw;
    position: absolute;
    top: 8.3333333333vw;
    left: 3.125vw;
    z-index: 13;
}

@media screen and (max-width:768px) {
    .future_intro {
        width: 60.6666666667vw;
        top: auto;
        left: 50%;
        bottom: 26.0416666667vw;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}

@media screen and (max-width:480px) {
    .future_intro {
        width: 50vw;
        bottom: 20.8333333333vw;
        max-height: calc(100% - 10rem);
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
    }
}

@media screen and (max-width:380px) {
    .future_intro {
        width: 76.6315789474vw;
        bottom: 26.3157894737vw;
    }
}

@media screen and (max-width:320px) {
    .future_intro {
        bottom: 25vw;
    }
}

.future_intro_li {
    margin-bottom: 0.78125vw;
}

@media screen and (max-width:768px) {
    .future_intro_li {
        margin-bottom: 1.7441860465vw;
    }
}

@media screen and (max-width:480px) {
    .future_intro_li {
        margin-bottom: 2.34375vw;
    }
}

.future_intro_title {
    width: 100%;
    background: rgba(0, 0, 0, 0.4);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0.625vw 1.3020833333vw;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: background 0.2s ease-out;
    -o-transition: background 0.2s ease-out;
    transition: background 0.2s ease-out;
    color: #fff;
}

    .future_intro_title.active {
        background: #D8281C;
    }

        .future_intro_title.active .future_intro_icon {
            border-color: #D8281C;
            background-image: url("../images/sprite_future_icon_hvr.png");
        }

@media screen and (min-width:769px) {
    .future_intro_title:hover {
        background: #D8281C;
    }

        .future_intro_title:hover .future_intro_icon {
            border-color: #D8281C;
            background-image: url("../images/sprite_future_icon_hvr.png");
        }
}

@media screen and (max-width:768px) {
    .future_intro_title {
        padding: 1.3953488372vw 3.488372093vw;
    }
}

@media screen and (max-width:480px) {
    .future_intro_title {
        padding: 1.875vw 4.6875vw;
    }
}

.future_intro_h2 {
    font-size: 0.0100000000vw;
}

@media screen and (max-width:768px) {
    .future_intro_h2 {
        font-size: 2.6744186047vw;
    }
}

@media screen and (max-width:480px) {
    .future_intro_h2 {
        font-size: 3.59375vw;
    }
}

.future_intro_icon {
    width: 3.125vw;
    height: 3.125vw;
    border: 1px solid #000;
    border-radius: 2.6041666667vw;
    background-color: #fff;
    margin-right: 0.5208333333vw;
    margin-top: -1.3020833333vw;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-image: url("../images/sprite_future_icon.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    -webkit-transition: border-color 0.2s ease-out;
    -o-transition: border-color 0.2s ease-out;
    transition: border-color 0.2s ease-out;
}

@media screen and (max-width:768px) {
    .future_intro_icon {
        width: 6.976744186vw;
        height: 6.976744186vw;
        border-radius: 5.8139534884vw;
        margin-right: 1.1627906977vw;
        margin-top: -2.9069767442vw;
    }
}

@media screen and (max-width:480px) {
    .future_intro_icon {
        width: 9.375vw;
        height: 9.375vw;
        border-radius: 7.8125vw;
        margin-right: 1.5625vw;
        margin-top: -3.90625vw;
    }
}

.future_intro_txt {
    width: calc(100% - 30px);
    margin-left: 15px;
    padding: 0.5208333333vw 1.3020833333vw;
    background: #fff;
    color: #000;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

@media screen and (max-width:768px) {
    .future_intro_txt {
        padding: 1.1627906977vw 2.9069767442vw;
    }
}

@media screen and (max-width:480px) {
    .future_intro_txt {
        width: calc(100% - 20px);
        margin-left: 10px;
        padding: 1.7857142857vw 6.25vw;
    }
}

.future_intro_txt p {
    line-height: 1.6;
    text-indent: -0.78125vw;
    margin-left: 0.78125vw;
}

@media screen and (max-width:768px) {
    .future_intro_txt p {
        text-indent: -1.7441860465vw;
        margin-left: 1.7441860465vw;
    }
}

@media screen and (max-width:480px) {
    .future_intro_txt p {
        text-indent: -2.34375vw;
        margin-left: 2.34375vw;
    }
}

.future_intro_txt p.clear:after, .future_intro_txt p:before {
    content: "";
    width: 0.15625vw;
    height: 0.15625vw;
    background: #000;
    border-radius: 0.2083333333vw;
    display: inline-block;
    position: relative;
    top: -0.2604166667vw;
    margin-right: 0.625vw;
}

@media screen and (max-width:768px) {
    .future_intro_txt p.clear:after, .future_intro_txt p:before {
        width: 0.3488372093vw;
        height: 0.3488372093vw;
        border-radius: 0.4651162791vw;
        top: -0.5813953488vw;
        margin-right: 1.3953488372vw;
    }
}

@media screen and (max-width:480px) {
    .future_intro_txt p.clear:after, .future_intro_txt p:before {
        width: 0.46875vw;
        height: 0.46875vw;
        border-radius: 0.625vw;
        top: -0.78125vw;
        margin-right: 1.875vw;
    }
}

.future_intro_txt a {
    display: inline;
}

    .future_intro_txt a:hover {
        color: #D8281C;
    }

.i1 {
    background-position: 0 0;
}

.i2 {
    background-position: 0 14.2857142857%;
}

.i3 {
    background-position: 0 28.5714285714%;
}

.i4 {
    background-position: 0 42.8571428571%;
}

.i5 {
    background-position: 0 57.1428571429%;
}

.i6 {
    background-position: 0 71.4285714286%;
}

.i7 {
    background-position: 0 87.0535714286%;
}

.i8 {
    background-position: 0 101.5625%;
}

#exhi_5 {
    background: #188541;
}

@media screen and (max-width:768px) {
    #exhi_5 {
        background: #fff;
    }

        #exhi_5 .main_building_txt {
            background: #188541;
        }
}

#exhi_6 {
    background: #bfac95;
}

@media screen and (max-width:768px) {
    #exhi_6 {
        background: #fff;
    }

        #exhi_6 .main_building_txt {
            background: #bfac95;
        }
}

#exhi_7 {
    background: #164691;
}

@media screen and (max-width:768px) {
    #exhi_7 {
        background: #fff;
    }

        #exhi_7 .main_building_txt {
            background: #164691;
        }
}

#exhi_8 {
    background: #cde7f3;
}

@media screen and (max-width:768px) {
    #exhi_8 {
        background: #fff;
    }

        #exhi_8 .main_building_txt {
            background: #cde7f3;
        }
}

#exhi_8 .exhi_mainTitle {
    color: #134592;
    line-height: 1.3;
    /*top: 200px*/
}

#exhi_9 {
    background: #f6ac18;
}

@media screen and (max-width:768px) {
    #exhi_9 {
        background: #fff;
    }

        #exhi_9 .main_building_txt {
            background: #f6ac18;
        }
}

#exhi_9 .exhi_mainTitle {
    color: #000;
}

#exhi_10 {
    background: #046a63;
}

@media screen and (max-width:768px) {
    #exhi_10 {
        background: #fff;
    }

        #exhi_10 .main_building_txt {
            background: #046a63;
        }
}

#exhi_11 {
    background: #666666;
}

@media screen and (max-width:768px) {
    #exhi_11 {
        background: #fff;
    }

        #exhi_11 .main_building_txt {
            background: #666666;
        }
}

#exhi_11 .exhi_3_2 {
    width: 34.2880523732%;
    position: absolute;
    top: 34%;
    right: 11.8%;
}

#exhi_11 .d1 {
    top: 13.0208333333vw;
    right: 12.5vw;
}

    #exhi_11 .d1 .dialog {
        width: 19.53125vw;
    }

    #exhi_11 .d1 .dialog_dot {
        width: 6.25vw;
        height: 5.9895833333vw;
        border-top: 0.1041666667vw solid #D8281C;
        border-left: 0.1041666667vw solid #D8281C;
        top: auto;
        right: auto;
        bottom: 100%;
        left: 46%;
    }

    #exhi_11 .d1 .dot {
        left: 100%;
        top: 0;
    }

#exhi_11 .d2 {
    top: auto;
    bottom: 19.53125vw;
    right: -7.2916666667vw;
}

    #exhi_11 .d2 .dialog {
        width: 12.5vw;
    }

    #exhi_11 .d2 .dialog_dot {
        width: 6.7708333333vw;
        height: 3.6458333333vw;
        border: 0;
        border-bottom: 0.1041666667vw solid #D8281C;
        border-right: 0.1041666667vw solid #D8281C;
        top: 100%;
        right: 20%;
    }

    #exhi_11 .d2 .dot {
        left: 0;
        top: 100%;
        margin-top: 1px;
    }

#exhi_11 .exhi_3_3 .dialog_box {
    top: 18.2291666667vw;
    left: 14.0625vw;
}

#exhi_11 .exhi_3_3 .dialog {
    width: 15.625vw;
}

#exhi_11 .exhi_3_3 .dialog_dot {
    width: 12.0833333333vw;
    height: 3.28125vw;
    border: 0;
    border-left: 0.1041666667vw solid #D8281C;
    border-top: 0.1041666667vw solid #D8281C;
    bottom: 100%;
    right: auto;
    left: 84%;
}

#exhi_11 .exhi_3_3 .dot {
    left: 100%;
    top: 0;
}

#exhi_11 .exhi_3_4 .dialog_box {
    top: 25.5208333333vw;
    left: -15.1041666667vw;
}

#exhi_11 .exhi_3_4 .dialog {
    width: 16.6666666667vw;
}

#exhi_11 .exhi_3_4 .dialog_dot {
    width: 10.4166666667vw;
    height: 5.7291666667vw;
    border: 0;
    border-left: 0.1041666667vw solid #D8281C;
    border-top: 0.1041666667vw solid #D8281C;
    top: auto;
    bottom: 100%;
    left: 80%;
}

#exhi_11 .exhi_3_4 .dot {
    left: 100%;
    top: 0;
    margin-top: -1px;
}

#exhi_12 {
    background: #714B23;
}

@media screen and (max-width:768px) {
    #exhi_12 {
        background: #fff;
    }

        #exhi_12 .main_building_txt {
            background: #714B23;
        }
}

#exhi_12 .exhi_mainTitle {
    color: #fff;
}

#exhi_13 {
    background: #3497C5;
}

@media screen and (max-width:768px) {
    #exhi_13 {
        background: #fff;
    }

        #exhi_13 .main_building_txt {
            background: #3497C5;
        }
}

#exhi_13 .exhi_mainTitle {
    color: #fff;
}

.hide {
    display: none;
}

.sr-only {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.accesskey {
    font-size: 15px;
    color: #fff;
    position: absolute;
    right: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media screen and (max-width:768px) {
    .accesskey {
        display: none;
    }
}

#kv_bubbles, #sec_1_bubbles, #sec_2_bubbles {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
}

@media screen and (max-width:768px) {
    #kv_bubbles, #sec_1_bubbles, #sec_2_bubbles {
        width: 100vw;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}

#kv_bubbles canvas, #sec_1_bubbles canvas, #sec_2_bubbles canvas {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}