/* Font Face */
@font-face {
    font-family: Helvetica;
    src: url('../fonts/Helvetica.ttf') format('truetype');
}
@font-face {
    font-family: Helvetica-Bold;
    src: url('../fonts/Helvetica-Bold.ttf') format('truetype');
}


/* Main Style */
* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
::-webkit-scrollbar {
    display: none;
}
.section {
    background-color: #102e75;
}
.ac-arrow {
    width: 9.375vw;
    cursor: pointer;
    position: absolute;
    bottom: 3vh;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

.as-content {
    width: 55vw;
    margin: 0 auto;
    color: #fff;
}
.asc-title {
    font-family: Helvetica-Bold;
    font-size: 3.4375vw;
    text-transform: uppercase;
    margin-bottom: 1vw;
}
.asc-text {
    font-family: Helvetica;
    font-size: 1.3vw;
    line-height: 1.7vw;
    color: #88b9dc;
    margin-bottom: 1.7vw;
}
.asc-subtitle {
    font-family: Helvetica-Bold;
    font-size: 1.3vw;
    line-height: 1.7vw;
    text-transform: uppercase;
}
.apec-white {
    width: 45.78125%;
    height: 100vh;
    background-color: white;
    padding-top: 8.425925925925926vh;
    padding-left: 3.697916666666667vw;
    position: relative;
}
.aw-country, .aw-map, .aw-img {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.awc-title {
    font-family: Helvetica;
    font-size: 1.25vw;
    color: #757575;
    margin-bottom: 3.7037037037037033vh;
}
.awc-text {
    font-family: Helvetica;
    font-size: 1.1vw;
    line-height: 1.7vw;
    color: #757575;
}
.awct-bold {
    font-family: Helvetica-Bold;
    color: #102e75;
}
.aw-content-left {
    position: absolute;
    top: 70.66666666666666vh;
    /*bottom: 7vh;*/
}
.aw-content-right {
    position: absolute;
    top: 76.5vh;
    /*bottom: 7vh;*/
    left: 25vw;
}
.apec-blue {
    padding-left: 3.90625vw;
    padding-top: 55px;
    width: 43vw;
    color: #fff;
}
.ab-heading {
    height: 26.11111111111111vh;
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-transform: uppercase;
}
.abhl-position {
    font-family: Helvetica;
    font-size: 1.3541666666666667vw;
    margin-bottom: 0.9375vw;
    opacity: 0.66;
}
.abhl-name {
    font-family: Helvetica-Bold;
    font-size: 1.6666666666666667vw;
}
.abh-right {
    height: 100%;
}
.abhr-img {
    height: 100%;
}
.abc-text {
    font-family: Helvetica;
    font-size: 1.1vw;
    line-height: 1.7vw;
    margin-bottom: 1.875vw;
    opacity: 0.66;
}
.ab-content .abc-text:last-child {
    margin-bottom: 0;
}

.apec-navigator {
    position: fixed;
    top: 0;
    right: 0;
    width: 8.4375vw;
    background-color: #03114a;
    z-index: 1000;
    height: 100%;
    padding: 10vh 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
}

.apec-cover {
    background-image: url('../images/cover-bg.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding-left: 5.625vw;
}
.apec-sapo {
    background-image: url('../images/cover-bg.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.cafef-logo {
    width: 10.9375vw;
    margin-bottom: 35vh;
    display: block;
}
.ac-credit {
    width: 12.96875vw;
    position: absolute;
    bottom: 5vh;
    left: 76.71875vw;
}
.ac-title {
    width: 21.25vw;
    display: block;
}
.ac-content {
    position: absolute;
    top: 13.055555555555555vh;
    left: 16.875vw;
    background-image: url('../images/map.png');
    background-repeat: no-repeat;
    background-size: cover;
}
.acc-frame {
    width: 76.25vw;
}
.accl-item {
    position: absolute;
}
.accli-flag {
    width: 2.916666666666667vw;
    height: 2.916666666666667vw;
    opacity: 1;
    position: relative;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.an-item .accli-flag {
    opacity: 0.5;
}
.accli-flag.active {
    opacity: 1;
}
.accli-flag img {
    width: 100%;
}
.acclif-name {
    display: none;
    height: 2.1875vw;
    /*width: -moz-max-content;*/
    /*width: -webkit-max-content;*/
    /*width: max-content;*/
    line-height: 2.1875vw;
    border-radius: 1.09375vw;
    padding: 0 1.5625vw;
    color: #fff;
    white-space: nowrap;
    background-color: #000f45;
    position: absolute;
    top: 50%;
    right: calc(100% + 10px);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.accli-flag:hover {
    opacity: 1;
    z-index: 999;
}
.accli-flag:hover .acclif-name {
    opacity: 1;
    display: block;
}

/* Map Style */
.accl-america {
    top: 33.333333%;
    left: 19.317406%;
}
.accl-canada {
    top: 22.52604%;
    left: 19.317406%;
}
.accl-mexico {
    top: 44.921875%;
    left: 19.317406%;
}
.accl-japan {
    top: 38.020833%;
    left: 87.0307%;
}
.accl-korea {
    top: 38.020833%;
    left: 81.91%;
}
.accl-china {
    top: 38.020833%;
    left: 74.744027%;
}
.accl-malaysia {
    top: 61.458333%;
    left: 72.9%;
}
.accl-indonesia {
    top: 70.3125%;
    left: 72.9%;
}
.accl-thailand {
    top: 52.9948%;
    left: 70.307167%;
}
.accl-vietnam {
    top: 52.9948%;
    left: 74.744027%;
}
.accl-philippines {
    top: 56.5104%;
    left: 81.2287%;
}
.accl-singapore {
    top: 65.234375%;
    left: 76.79180887%;
}
.accl-brunei {
    top: 60.546875%;
    left: 85.324232%;
}
.accl-newzealand {
    top: 83.59375%;
    left: 93.37884%;
}
.accl-hongkong {
    top: 47.65625%;
    left: 83.959044%;
}
.accl-taiwan {
    top: 47.65625%;
    left: 79.5221843%;
}
.accl-papua {
    top: 65.234375%;
    left: 89.419795%;
}
.accl-chile {
    top: 76.5625%;
    left: 29.692833%;
}
.accl-peru {
    top: 63.671875%;
    left: 29.692833%;
}
.accl-russia {
    top: 22.65625%;
    left: 60.06826%;
}
.accl-australia {
    top: 74.21875%;
    left: 82.25256%;
}

@media screen and (max-width: 1366px) {
    .aw-content-left {
        top: auto;
        bottom: 5vh;
    }
    .aw-content-right {
        top: auto;
        bottom: 5vh;
    }
    .abc-text {
        line-height: 1.5vw;
    }
}