/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 2018年10月3日, 下午03:13:55
    Author     : daniel.chan
*/
#topbar {
    background: url("../images/bg_col_flag.png") repeat-x;
}
#photo-slide-main-frame {
    /*background: url("../images/home_footprintframe.png") no-repeat;*/
}
#right-menu-content {
    background: url("../images/linkR_white.png") no-repeat;
}
.menubar-text {
    text-align: center;
    font-size: 9pt;
    display: table-cell;
    vertical-align: middle;
    -webkit-text-size-adjust: none;
}
#photo-slide-main-frame {
    width: 934px;
    height: 456px;
    /*background: url("../images/home_footprintframe.png") no-repeat;*/
    position: absolute;
}
.photo-slide-main-photos {
    width: 647px;
    height: 420px;
    position: absolute;
    left: 165px;
    top: 15px;
    display: none;
}
#main-blog {
    background-color: #FFFCD1;
    width: 100%;
    height: 465px;
    padding-top: 20px;
}
#main-blog-content {
    background-color: #FFFAB6;
    width: 100%;
    height: 440px;
}
#main-blog-box-bg {
    background: url("../images/blog.png") no-repeat;
    margin: auto;
    width: 946px;
    height: 420px;
    padding-top: 67px;
    padding-left: 200px;
}
#main-blog-box-content {
    width: 730px;
    height: 330px;
    display: flex;
    overflow-y: scroll;
}
.main-blog-box-column {
    margin-right: 5px;
    width: 345px; /*695*/
    height: 420px;
    overflow-x: hidden;
}
.main-blog-content-wrap {
    width: 345px; /*695*/
    height: 33px;
    display: flex;
}
.main-blog-date {
    font-size: 13pt;
    line-height: 24pt;
    width: 100px;
    height: 33px;
}
.main-blog-text {
    font-size: 13pt;
    line-height: 24pt;
    width: 695px;
    height: 33px;
}
#main-news {
    background-color: #FFFCD1;
    width: 100%;
    height: 300px;
    padding-top: 20px;
}
#main-news-box {
    background: url("../images/news.png") repeat-x;
    margin: auto;
    width: 964px;
    height: 275px;
    padding-top: 45px;
    padding-left: 180px;
}
#main-news-content {
    background-color: #FFFAB6;
    width: 100%;
    height: 275px;
}
.main-news-content-wrap {
    width: 695px;
    height: 64px;
    display: flex;
}
.main-news-date {
    font-size: 13pt;
    line-height: 24pt;
    width: 100px;
    height: 64px;
}
.main-news-text {
    font-size: 13pt;
    line-height: 24pt;
    width: 595px;
    height: 64px;
}
.main-news-link {
    color: #33BAC0;
    font-size: 13pt;
    line-height: 24pt;
    width: 695px;
    height: 32px;
    text-align: right;
}
.main-news-link a {
    color: #33BAC0;
}
.main-news-link :hover {
    text-decoration: underline;
    color: #33BAC0;
}
#main-vision {
    background-color: #FFFCD1;
    width: 100%;
    height: 500px;
    padding-top: 15px;
}
#main-vision-content {
    background: url("../images/bg_yellowflag.png") repeat-x;
    width: 100%;
    height: 320px;
    padding-top: 13px;
}
#main-vision-content-frame {
    margin: auto;
    background: url("../images/vision.png") no-repeat;
    width: 940px;
    height: 302px;
    padding-left: 50px;
    padding-top: 110px;
}
#main-vision-content-text {
    font-size: 11.5pt;
    line-height: 20pt;
    letter-spacing: 1pt;
}
#main-vision-content-text-special {
    font-size: 15pt;
    color: #EF7373;
    padding-left: 150px;
    line-height: 26pt;
}
#main-vision-content-text-left {
    margin-left: -35px;
}
#main-vision-link-wrap {
    margin: auto;
    width: 940px;
    height: 180px;
}
#main-vision-link-row1 {
    margin-left: 90px;
    height: 75px;
}
#main-vision-link-row2 {
    margin-left: 200px;
    height: 75px;
}
#main-vision-link-row2-training-eng {
    text-align: center;
}
.main-vision-link {
    width: 381px;
    height: 65px;
    display: inline;
    display: table-cell;
    vertical-align: bottom;
}
#main-environment {
    background-color: #FFFAB6;
    width: 100%;
    height: 925px;
    padding-top: 15px;
    padding-bottom: 5px;
}
#main-environment-box {
    margin: auto;
    background: url("../images/environment.png") no-repeat;
    padding: 66px 27.5px 16px;
    width: 937px;
    height: 905px;
}
#main-environment-photo-row1 {
    height: 202px;
    margin-bottom: 6px;
    display: flex;
    padding-top: 1px;
    padding-left: 64px;
    padding-right: 33.5px;
}
.main-environment-photo-row1-box {
    margin-right: 31.5px;
    position: relative;
}
.main-environment-photo-row1-frame {
    position: relative;
}
.main-environment-photo-row1-photos {
    position: absolute;
    top: 13px;
    left: 13px;
}
#main-environment-photo-row2 {
    height: 201px;
    margin-bottom: 6px;
    display: flex;
    padding-left: 101px;
    padding-right: 28px;
}
.main-environment-photo-row2-box {
    margin-right: 12px;
    position: relative;
}
.main-environment-photo-row2-frame {
    position: relative;
}
.main-environment-photo-row2-photos {
    position: absolute;
    top: 14px;
    left: 13px;
}
#main-environment-photo-row3 {
    height: 201px;
    margin-bottom: 6px;
    display: flex;
}
.main-environment-photo-row3-box {
    margin-right: 6.75px;
    position: relative;
}
.main-environment-photo-row3-frame {
    position: relative;
}
.main-environment-photo-row3-photos {
    position: absolute;
    top: 14px;
    left: 14px;
}
#main-environment-photo-row4 {
    height: 201px;
    display: flex;
    padding-left: 33px;
    padding-right: 18px;
}
.main-environment-photo-row4-box {
    margin-right: 1px;
    position: relative;
}
.main-environment-photo-row4-frame {
    position: relative;
}
.main-environment-photo-row4-photos {
    position: absolute;
    top: 14px;
    left: 13px;
}
#main-services {
    background-color: #FFFCD1;
    width: 100%;
    height: 1545px;
    padding-top: 13px;
    padding-bottom: 10px;
}
#main-services-box {
    margin: auto;
    background: url("../images/services.png") no-repeat;
    padding-top: 65px;
    padding-left: 39px;
    width: 943px;
    height: 1485px;
    font-size: 11pt;
    line-height: 24.5pt;
    letter-spacing: .5pt;
}
#main-services-row1 {
    height: 279px;
    display: flex;
    margin-bottom: 7px;
}
#main-services-content1 {
    margin-top: 7px;
    background: url("../images/services01.png") no-repeat;
    margin-right: 17px;
    width: 387px;
    height: 271px;
    padding-left: 50px;
    padding-top: 82px;
}
#main-services-content2 {
    background: url("../images/services02.png") no-repeat;
    width: 466px;
    height: 279px;
    padding-left: 60px;
    padding-top: 89px;
    line-height: 25pt;
}
#main-services-content2-heading-text {
    font-size: 12pt;
    margin-left: -30px;
    font-weight: 500;
    letter-spacing: 0pt;
}
#main-services-content2-heading-text-2 {
    font-size: 11pt;
    margin-left: -30px;
    font-weight: 400;
    letter-spacing: 0pt;
}
#main-services-row2 {
    height: 321px;
    display: flex;
    margin-bottom: 7px;
}
#main-services-content3 {
    background: url("../images/services03.png") no-repeat;
    width: 865px;
    height: 321px;
    padding-left: 60px;
    padding-top: 77px;
}
#main-services-content3-right {
    width: 470px;
    height: 180px;
    padding-left: 10px;
    float: right;
}
#main-services-row3 {
    height: 222px;
    display: flex;
    margin-bottom: 7px;
}
#main-services-content4 {
    background: url("../images/services04.png") no-repeat;
    width: 867px;
    height: 254px;
    margin-top: -32px;
    padding-left: 60px;
    padding-top: 105px;
}
#main-services-content4-heading-text {
    font-size: 12pt;
    margin-left: -30px;
    font-weight: 500;
    letter-spacing: 0pt;
}
#main-services-row4 {
    height: 259px;
    display: flex;
}
#main-services-content5 {
    background: url("../images/services05.png") no-repeat;
    width: 431px;
    height: 255px;
    margin-right: 20px;
    padding-left: 60px;
    padding-top: 80px;
}
#main-services-content6 {
    background: url("../images/services06.png") no-repeat;
    width: 415px;
    height: 259px;
    margin-top: -4px;
    margin-right: 15px;
    padding-left: 60px;
    padding-top: 80px;
}
#main-services-row5 {
    height: 297px;
    display: flex;
}
#main-services-content7 {
    background: url("../images/services07.png") no-repeat;
    width: 557px;
    height: 296px;
    margin-right: 15px;
    padding-left: 55px;
    padding-top: 75px;
}
#main-services-content8 {
    background: url("../images/services08.png") no-repeat;
    width: 291px;
    height: 297px;
    margin-top: -3px;
    padding-left: 50px;
    padding-top: 77px;
}
#main-officehr {
    background-color: #FFFAB6;
    width: 100%;
    height: 280px;
    padding-top: 15px;
}
#main-officehr-box {
    margin: auto;
    background: url("../images/officehr.png") no-repeat left;
    padding-top: 77px;
    padding-bottom: 19px;
    padding-right: 50px;
    width: 940px;
    height: 265px;
    display: table;
    position: relative;
}
#main-officehr-text {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    font-size: 18pt;
    line-height: 30pt;
}
#main-officehr-booking {
    background: url("../images/officehr_bookingicon.png") no-repeat;
    width: 189px;
    height: 109px;
    position: absolute;
    top: 108px;
    left: 601px;
}
#main-contact {
    background-color: #FFFCD1;
    width: 100%;
    height: 840px;
    padding-top: 10px;
    padding-bottom: 10px;
}
#main-contact-box {
    margin: auto;
    background: url("../images/contact.png") no-repeat;
    padding-top: 80px;
    width: 940px;
    height: 820px;
    letter-spacing: 1pt;
}
#main-contact-address {
    margin-left: 190px;
    display: flex;
    height: 40px;
}
#main-contact-address-icon {
    width: 21px;
    padding-top: 6px;
    margin-right: 15px;
}
#main-contact-address-text {
    font-size: 17pt;
    letter-spacing: 0pt;
}
#main-contact-phone {
    margin-left: 250px;
    display: flex;
    height: 40px;
}
#main-contact-phone-icon {
    width: 17px;
    padding-top: 6px;
    margin-right: 15px;
}
#main-contact-wtsapp-icon {
    width: 25px;
    padding-top: 7.5px;
    margin-right: 15px;
}
#main-contact-phone-text {
    font-size: 17pt;
}
#main-contact-phone-text-special {
    font-size: 14pt;
}
#main-contact-email {
    margin-left: 300px;
    display: flex;
    height: 30px;
}
#main-contact-email-icon {
    width: 24px;
    padding-top: 6px;
    margin-right: 15px;
}
#main-contact-email-text {
    font-size: 16pt;
}
#main-contact-map-frame {
    background: url("../images/contact_map.png") no-repeat;
    margin-top: -90px;
    margin-left: 33px;
    width: 886px;
    height: 673px;
    position: relative;
}
#main-contact-map-iframe {
    position: relative;
    padding-top: 115px;
    padding-left: 120px;
    position: relative;
}
#main-contact-map-title {
    background: url("../images/contact_map_title.png") no-repeat;
    top: 65px;
    left: 64px;
    width: 223px;
    height: 90px;
    position: absolute;
}
#right-pagetop {
    position: absolute;
    width: 100%;
    top: 5842px;
}
#right-pagetop-wrap {
    margin: auto;
    width: 1100px;
}
#right-pagetop-content {
    background: url("../images/pagetop_icon.png") no-repeat;
    width: 64px;
    height: 85px;
    margin-left: 10px;
    margin-right: 10px;
    float: right;
    cursor: pointer;
}
#main-weatherarrangement {
    background-color: #FFFAB6;
    width: 100%;
    height: 900px;
    padding-top: 13px;
    padding-bottom: 10px;
}
#main-weatherarrangement-box {
    margin: auto;
    background: url("../images/weatherarrangement.png") no-repeat;
    width: 938px;
    height: 877px;
    display: flex;
}
#main-weatherarrangement-content {
    width: 938px;
    height: 877px;
    padding-left: 18px;
    padding-top: 62px;
}
#main-weatherarrangement-content-main {
    display: flex;
    margin-bottom: 14px;
}
#main-weatherarrangement-content-main-idv {
    background: url("../images/weatherarrangement01.png") no-repeat;
    margin-right: 7px;
    width: 425px;
    height: 598px;
}
#main-weatherarrangement-content-main-idv-table {
    width: 366px;
    height: 470px;
    letter-spacing: 1pt;
    margin-left: 39px;
    margin-top: 87px;
}
#main-weatherarrangement-content-main-idv-table th {
    color: #FFFFFF;
    font-size: 15pt;
    font-weight: 400;
    height: 40px;
}
#main-weatherarrangement-content-main-idv-table td {
    color: #000000;
    font-size: 12pt;
    height: 76px;
}
#main-weatherarrangement-content-main-grp {
    background: url("../images/weatherarrangement02.png") no-repeat;
    margin-top: 22px;
    width: 457px;
    height: 576px;
}
#main-weatherarrangement-content-main-grp-table {
    width: 410px;
    height: 470px;
    letter-spacing: 1pt;
    margin-left: 27px;
    margin-top: 65px;
}
#main-weatherarrangement-content-main-grp-table th {
    color: #FFFFFF;
    font-size: 15pt;
    font-weight: 400;
    height: 40px;
}
#main-weatherarrangement-content-main-grp-table td {
    color: #000000;
    font-size: 12pt;
    height: 76px;
}
#main-weatherarrangement-content-disclaimer {
    background: url("../images/weatherarrangement03.png") no-repeat;
    margin-left: 12px;
    width: 812px;
    height: 186px;
    padding-left: 145px;
    padding-top: 74px;
    font-size: 11pt;
    line-height: 24.25pt;
    letter-spacing: 1pt;
}

#blog-cover-top {
    width: 100%;
    height: 125px;
    margin: auto;
    /*background-color:rgba(0,0,0,0.3);*/
    position: fixed;
    top:0;
    left: 0;
    right: 0;
    z-index: 100;
}

#blog-cover-bottom {
    width: 100%;
    height: 205px;
    margin: auto;
    /*background-color:rgba(0,0,0,0.3);*/
    position: absolute;
    top: 1352px;
    left: 0;
    right: 0;
    z-index: 100;
}

#blog-content-bg {
    background-color: #FFFCD1;
    width: 100%;
    height: 1227px;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-top: 125px;
}
#blog-content-box {
    margin: auto;
    background: url("../images/blog_content.png") no-repeat;
    padding-top: 80px;
    width: 963px;
    height: 1187px;
    letter-spacing: 1pt;
}
.blog-content-text {
    margin-top: 40px;
    padding-left: 80px;
    width: 910px;
    height: 1000px;
    overflow-y: scroll;
}

.right-blog-back {
    position: sticky;
    width: 100%;
    top: 190px;
    z-index: 1;
}
#right-blog-back-wrap {
    margin: auto;
    width: 1120px;
}
#right-blog-back-content {
    background: url("../images/blog_back.png") no-repeat;
    width: 64px;
    height: 84px;
    margin-left: 10px;
    margin-right: 10px;
    float: right;
    cursor: pointer;
}
.right-blog-back-onscroll {
    position: fixed;
    position: -webkit-sticky;
    position: sticky;
    top: 175px;
}

@media (max-width: 999px) {
    #photo-slide-main-frame {
        width: 100%;
        margin-left: 0px
    }
    #photo-slide-main-frame img {
        width: 100%;
    }
    .photo-slide-main-photos {
        width: 98%;
        top: 13px;
        left: 16px;
    }
    
    .photo-slide-main-photos img {
        width: 71%;
        margin: auto;
        display: table-cell;
    }
}

@media (max-width: 767px) {
    
}