*{
    margin: 0;
    padding: 0;
}

img.img-word {
    width: 100%;
    opacity: 0;
}

img.img-word.animated.zoomIn {
    opacity: 1;
}

.right-50 {
    width: 50%;
    float: left;
    padding: 0 5%;
    box-sizing: border-box;
}

._50 {
    float: left;
    width: 50%;
    margin-top: 25px;
    padding-right: 10px;
    box-sizing: border-box;
}

._50:last-child {
    padding-left: 10px;
    box-sizing: border-box;
    padding-right: 0;
}

.z3 span {
    text-align: left;
    display: inline-block;
    text-transform: uppercase;
    color: #fff;
    font-size: 13px;
    font-weight: normal;
    line-height: normal;
}

span.a {
    font-size: 10px;
}

p.z2 span {
    font-size: 10px;
    display: inline-block;
    text-align: left;
}

p.z2 {
    font-size: 25px;
    color: #dba510;
    font-weight: 700;
    text-transform: uppercase;
    text-align: left;
    margin-top: 0;
}

span.c1, span.c2 {
    color: #fff;
    font-size: 16px;
    text-align: left;
    float: left;
    width: 50%;
}

span.c2 {
    margin-right: 0;
}

p.s1>span {
    font-weight: 300;
}

span#t2 {
    color: #dba410;
    padding: 0 10px;
}

span#t1 {
    color: #006885;
    padding: 0 10px;
}
li.item.ac1:before{
    opacity: 1;
    transition: all ease 0.3s;
}
img#_3b {
    width: 22.03%;
}

img#_3a {
    width: 31.11%;
    margin: 10px 0;
}

p.s3 {
    font-size: 12px;
    text-transform: uppercase;
    color: #fff;
    line-height: 1.8;
    letter-spacing: 0.04em;
    opacity: 0;
    margin-top: 20px;
}

p.s3.animated.zoomInDown {
    opacity: 1;
}
p.a2 {
    font-size: 40px;
    font-weight: 700;
    color: #dba510;
    margin: 20px 0;
    opacity: 0;
}

p.a2.animated.zoomInDown {
    opacity: 1;
}

p.a1 {
    font-size: 36px;
    font-weight: 700;
    color: #fff;
    opacity: 0;
}

p.a1.animated.zoomInDown {
    opacity: 1;
}

div._8 {
    width: 70%;
    float: right;
}

.col-s4 {
    width: 40%;
    display: inline-block;
    float: left;
    margin-top: 24%;
    opacity: 0;
}
.col-s5 {
    width: 25%;
    display: inline-block;
    float: left;
    margin-top: 24%;
    opacity: 0;
}
#_8{
    display: none;
}
p.s1 {
    font-size: 15px;
    text-transform: uppercase;
    color: #006885;
    font-weight: 700;
    text-align: left;
    font-family: 'Open Sans', sans-serif;
    margin-bottom: 30px;
}

#section2 p.s1 {
    min-height: 40px;
}

#section3 p.s1 {
    color: #fff;
    font-weight: normal;
    margin: 15px 0 10px;
}

#_6>div {
    max-width: 46px;margin:10px 0;
}

#_6 p {
    text-align: left;
    font-weight: 700;
    color: #006885;
    font-size: 24px;
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
}

.cs {
    width: 70%;
    float: right;
}

#section1 .cs {
    opacity: 0;
}

.cs.animated.fadeIn {
    opacity: 1;
}

#section2a .cs.animated.fadeIn {
    opacity: 1;
}

#section2a .cs {
    opacity: 0;
}

#section2 .cs {
    width: 80%;
}

#section2 .col {
    width: 40%;
    margin-left: 10%;
}
li.item:last-child {
    margin-bottom: 0;
}

li.item.ac1 {
    opacity: 1;
}
li.item1 {
    text-align: right;
    margin-bottom: 27px;
    opacity: 0;
}

li.item1.ac1 {
    opacity: 1;
}

#section3 li.item1 {
    text-align: left;
    margin-bottom: 0;
    opacity: 1;
}

#section2 li.item1 {
    text-align: left;
}
li.item1:last-child {
    margin-bottom: 0;
}
li.item1>p>span {
    font-size: 12px;
    color: #fff;
    font-weight: normal;
    max-width: 78px;
    display: inline-block;
    text-align: left;
    line-height: 1.3;
    transform: translateY(-2px);
    margin-left: 15px;
}

#section3 li.item1>p>span {
    max-width: initial;
}

#section2 li.item1>p>span {
    color: #006885;
    max-width: initial;
}
li.item1>p {
    font-size: 40px;
    font-weight: 700;
    color: #dba510;
    font-family: 'Open Sans', sans-serif;
}

#section3 li.item1>p {
    font-size: 45px;
    margin: 0;
    line-height: 1;
}
li.item1:nth-child(1)>p {
    font-size: 45px;
}
.col {
    width: 30%;
    float: left;
}
.date:after {
    content: '';
    width: 2px;
    background: -webkit-linear-gradient(#ffffff00, #006885, #ffffff00);
    height: 175%;
    position: absolute;
    right: -25px;
    top: -37%;
}

#section1 .date:after {
    background: -webkit-linear-gradient(#ffffff00, #ffffff, #ffffff00);
}

#section2 .date:after {
    top: -30%;
    height: 155%;
}
.date {
    width: 20%;
    position: relative;
    float: left;
}

#section2 .date {
    margin-top: 85px;
}
li.item:nth-child(1), li.item1:nth-child(1) {
    margin-bottom: 70px;
    font-size: 40px;
}

li.item1:nth-child(1) {
    margin-bottom: 55px;
}

li.item:before {
    content: '';
    position: absolute;
    right: -30px;
    top: 38%;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #006885;
    opacity:0;
}

#section1 li.item:before {
    background-color: #fff;
}
li.item {
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    text-align: right;
    margin-bottom: 50px;
    position: relative;
    opacity: 0;
    transition: all ease 0.3s;
}

#section2 li.item {
    color: #006885;
}
.right-hp {
    width: 60%;
    float: left;
}

div#_5 {
    max-width: 46px;
    margin-bottom: 15px;
}

div#_5>img {
    width: 100%;
    text-align: left;
    display: block;
}
.left {
    width: 40%;
    float: left;
    box-sizing: border-box;
    margin-top: 7%;
}

#section4 .left {
    margin-top: 0;
}

#section2 .left {
    padding-left: 0;
    margin-top: 0;
}
div#_4 {
    width: 46.5%;
    margin: 0 auto;
    margin-top: 30px;
}
p.text_1 {
    font-size: 12px;
    font-family: 'Open Sans', sans-serif;
    color: #010101;
    letter-spacing: 0.04em;
    line-height: 1.67;
}

#section5 p.text_1 {
    font-size: 80px;
    font-weight: 700;
    line-height: 1.2;
}
p{
    font-family: 'Open Sans', sans-serif;
}

p.z3 {
    font-size: 24px;
    color: #dba510;
    font-weight: 700;
    text-transform: uppercase;
    text-align: left;
    line-height: 1.3;
}

p.z1 {
    color: #fff;
    text-transform: uppercase;
    font-size: 24px;
    font-weight: 700;
    text-align: left;
    margin-bottom: 10px;
}

p.text_1.animated.fadeIn {
    opacity: 1;
}

#section2 p.text_1 {
    opacity: 0;
}

p.text_2 {
    font-size: 16px;
    font-weight: 700;
    color: #006885;
}
#section2 p.text_1 {
    text-align: left;
    font-size: 14px;
    max-width: 355px;
}
.left p.text_1 {
    color: #fff;
    text-align: left;
    max-width: 333px;
    font-size: 14px;
}
#fp-nav ul li a span, .fp-slidesNav ul li a span {
    background-color: #dba410;
}
img#_3 {
    width: 16.7%;
    margin-top: 30px;
}
img#_2 {
    width: 14.35%;
}
#section0{
    background-image:url(../img/bg1.jpg);
    background-size:cover;
    background-repeat: no-repeat;
}
#section1, #section2a{
    background-image:url(../img/bg2.jpg);
    background-size:cover;
    background-repeat: no-repeat;
}
#section2{
    background-image:url(../img/bg3.jpg);
    background-size:cover;
    background-repeat: no-repeat;
}
#_1{
    width: 49.26%;
    margin-top: 20px;
}
#section2 li.item1{
    min-height: 61px;
}
#section3{
    background-image:url(../img/bg4.png);
    background-size:cover;
    background-repeat: no-repeat;
}
#section4{
    background-image:url(../img/bg5.png);
    background-size:cover;
    background-repeat: no-repeat;
}
#section1 li.item1{
    min-height: 61px;
}
#section1 .date {
    margin-top: 10%;
}
#mb{
    display: none;
}
#section5{
    background-image:url(../img/slide6-bg.png);
    background-size:cover;
    background-repeat: no-repeat;
}
@media screen and (max-width: 768px) {
    #section0{
        background-image:url(../img/ms1-bg.png);
    }
    #section1, #section2a{
        background-image:url(../img/ms2-bg.png);
    }
    #section2{
        background-image:url(../img/ms3-bg.jpg);
    }
    #section3{
        background-image:url(../img/ms4-bg.png);
    }
    #section4{
        background-image:url(../img/ms5-bg.png);
    }
    img#_3 {
        width: 75%;
    }
    #mb{
        display: block;
        width: 100%;
        padding: 20px 20% 5px;
    }
    #_1 {
        width: 88%;
    }
    img#_2 {
        width: 50%;
    }
    div#_4 {
        width: 100%;
        padding: 0 15px;
        box-sizing: border-box;
    }
    p.text_1 {
        font-size: 11px;
    }
    div#_5 {
        max-width: 46px;
        margin: 0 auto 15px;
    }
    .left {
        width: 100%;
        margin-top: 0;
    }
    .cs {
        width: 100%;
        padding: 0 15px;
        box-sizing: border-box;
    }
    #section1 .cs {
        margin-bottom: 5%;
    }
    .left p.text_1 {
        text-align: center;
        max-width: inherit;
        font-size: 10px;
    }
    #section2 li.item1{
        min-height: inherit;
    }
    #section1 li.item1{
        min-height: 33px;
    }
    #section1 .date {
        margin-top: 65px;
    }
    .right-hp {
        width: 100%;
        padding: 0 15px;
        box-sizing: border-box;
        margin-top: 0;
    }
    li.item {
        font-size: 18px;
        margin-bottom: 30px;
        text-align: left;
    }
    li.item:nth-child(1), li.item1:nth-child(1) {
        font-size: 20px;
        margin-bottom: 40px;
    }
    li.item1:nth-child(1)>p {
        font-size: 24px;
    }
    li.item1>p {
        font-size: 20px;
    }
    li.item1>p>span {
        font-size: 10px;
        max-width: 59px;
        transform: none;
    }
    .col {
        width: 40%;
        float: left;
    }
    li.item:before {
        right: -8px;
        width: 8px;
        height: 8px;
    }
    .date:after {
        right: -5px;
        height: 150%;
        top: -22%;
    }
    li.item1:nth-child(1){
        margin-bottom: 30px;
    }
    #mb1{
        display: none;
    }
    #section2 .cs {
        width: 100%;
        padding: 0 0 0 15px;
    }
    p.s1 {
        font-size: 11px;
    }
    #section2 .col {
        width: 50%;
        margin-left: 0;
    }

    #section2 div#_8 {
        width: 100%;
        padding: 0 15px;
        box-sizing: border-box;
        margin-bottom: 5%;
    }
    #section2 .date {
        margin-top: 60px;
        float: left;
        width: 100%;
    }
    #section2 .right-hp{
        width: 20%;
        padding: 0 15px 0 0;
        margin-top: 0;
    }
    #section2 .left{
        width: 80%;
    }
    #section2 li.item1>p{
        font-size: 15px;
    }
    #section2 li.item1:nth-child(1)>p{
        font-size: 15px;
    }
    #section2 li.item1{
        min-height: 26px;
    }
    #section2 li.item{
        font-size: 18px;
    }
    li.item1:nth-child(1) {
        margin-bottom: 40px !important;
    }
    #fp-nav.right{
        display: none;
    }

    #s2 ul>li.item1:nth-child(1) {
        margin-bottom: 35px;
    }
    #_8{
        display: block;
    }
    #_6 p {
        text-align: center;
        font-size: 15px;
    }
    #_6>div {
        max-width: 46px;
        margin: 10px auto;
    }
    #section2 p.text_1 {
        max-width: initial;
        text-align: center;
        font-size: 10px;
    }
    div._8 {
        width: 100%;
        float: left;
        padding: 0 15px;
        box-sizing: border-box;
    }
    .col-s4 {
        width: 50%;
    }
    .col-s5 {
        width: 50%;
        min-height: 212px;
    }
    #section3 li.item1>p {
        font-size: 24px;
        margin: 0;
        line-height: 1;
    }
    .col-s4, .col-s5 {
        margin-top: 65%;
    }
    #_9{margin-top: 0;}
    p.a2 {
        font-size: 28px;
        font-weight: 700;
        color: #dba510;
        margin: 10px 0;
    }
    p.a1 {
        font-size: 24px;
        font-weight: 700;
        color: #fff;
        margin-top: 30px;
    }
    p.a2 {
        font-size: 28px;
        font-weight: 700;
        color: #dba510;
        margin: 10px 0;
    }
    #section4 .left {
        margin-top: -74%;
    }
    #section5{
        background-image:url(../img/ms6-bg.png);
        background-position-y: 100%;
        background-position-x: 43%;
        background-size: 108%;
    }
    #section5 p.text_1 {
        font-size: 40px;
    }
    #section2 li.item1 p>b {
        min-width: 30px;
        display: inline-block;
    }
    li.item1 {
        margin-bottom: 20px;
    }
    #section2 p.s1 {
        min-height: 30px;
    }
    #section2 li.item1 {
        margin-bottom: 29px;
    }
    .z3 span {
        font-size: 10px;
    }
    p.z2, p.z1,p.z3 {
        font-size: 20px;
    }
    .right-50 {
        display: none;
    }
    span.a br {
        display: none;
    }
}