/*產品詢問跳出視窗*/

input {
    -webkit-appearance: none;
    /* Safari 和 Chrome，常用於iOS下移除內建樣式 */
    -moz-appearance: none;
    /* FireFox */
    appearance: none;
    border-radius: 0px!important;
}

.popupBotton {
    color: #fff;
    position: absolute;
    right: 40px;
    bottom: 40px;
    font-weight: 700;
    z-index: 999;
    font-size: 35px;
}

.popupBotton a {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
}

#product-modal {
    width: 970px;
    max-width: initial;
    padding: 0;
}

#product-modal-content {
    opacity: 1;
    background-color: #00000091;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 999;
    pointer-events: none;
    transition: all 0.7s ease-out;
    transition-delay: .1s;
}

#product-modal .form {
    margin: 0 auto;
    background: #c8c9cd;
}

#product-modal .form h3 {
    text-align: left;
    font-family: sans-serif;
    padding: 0 50px;
    margin: 0;
    margin-bottom: 20px;
    letter-spacing: 1px;
    color: #fff;
}

#product-modal .form label {
    font-family: sans-serif;
    font-size: 18px;
    letter-spacing: 1px;
    color: #fff;
}

#product-modal .form form {
    text-align: left;
    padding: 0 50px;
}

div#form-a {
    width: 40%;
    float: left;
}

div#form-a input#customer-name {
    width: 79%;
    background: #d9d9db;
    border: 0px;
    padding: 5px;
    margin-bottom: 20px;
}

div#form-b {
    width: 60%;
    float: left;
}

div#form-b input#customer-email {
    width: 65%;
    background: #d9d9db;
    border: 0px;
    padding: 5px;
    margin-bottom: 20px;
}

#product-modal .form textarea {
    width: 100%;
    background: #d9d9db;
    border: 0px;
    margin-top: 8px;
}

#product-modal .form input[type="submit"] {
    background: #8c8c8e;
    border: 0px;
    color: #fff;
    font-size: 18px;
    padding: 2px 20px;
    margin: 20px 0 20px 0;
}

#product-modal .form img {
    max-width: 970px;
    height: auto;
    object-fit: none;
}

img#spop {
    display: none;
}


/*音樂按鈕*/

.musicicon {
    position: absolute;
    z-index: 1;
    top: 20px;
    right: 20px;
}

img.soundicon {
    width: 30px!important;
    height: auto!important;
}

.musicicon .sound {
    display: flex
}

.sound-play {
    display: none;
}

.musicicon .sound .audio {
    max-width: 30px;
    max-height: 30px;
    cursor: pointer
}

.musicicon .sound .audio .sound1 {
    transition: fill-opacity 800ms;
    fill-opacity: 0
}

.musicicon .sound .audio .sound2 {
    transition: fill-opacity 400ms;
    fill-opacity: 0
}

.musicicon .sound .audio.play .sound1 {
    transition: fill-opacity 400ms;
    fill-opacity: 1
}

.musicicon .sound .audio.play .sound2 {
    transition: fill-opacity 800ms;
    fill-opacity: 1
}


/*選單*/

#menu {
    position: fixed;
    top: 5px;
    left: 0;
    height: 40px;
    z-index: 70;
    width: 100%;
    padding: 0;
    margin: 0;
    display: none;
}

#menu li {
    float: left;
    list-style-type: none;
    margin: 0px 5px;
    background-color: #7b7b7b;
    padding: 5px 5px;
    border-radius: 10px;
    font-size: 11px;
    font-family: sans-serif;
    margin-bottom: 5px;
}

#menu li a {
    color: #fff;
    text-decoration: none;
}


/*基本元素*/

p {
    font-size: 18px;
    font-family: sans-serif;
    line-height: 44px;
}

p br {
    content: "";
    margin: 6em;
    display: block;
    font-size: 24%;
}

p#s1-2-1 br {
    content: "";
    margin: 0em;
    display: block;
    font-size: 24%;
}

p#s1-2-2 br {
    content: "";
    margin: 0em;
    display: block;
    font-size: 24%;
}

.product-slogan br {
    display: none;
}

.section {
    text-align: center;
    color: #fff;
    background-color: #000;
}

.section-left {
    top: 0;
    width: 50%;
    height: 100vh;
    float: left;
}

.section-left img {
    max-width: 100%;
}

.section-right {
    top: 0;
    width: 50%;
    height: 100vh;
    float: right;
    display: flex;
    align-items: center;
    position: relative;
}

.section-right p {
    padding: 120px;
    text-align: left;
}

.section img {
    object-fit: cover;
    object-position: center bottom;
    height: 100vh;
    width: 100%;
}

.slide img {
    object-position: left center;
    width: 100%;
}

.product-name {
    font-size: 40px;
}

.product-slogan {
    font-size: 18px;
    margin-bottom: 30px;
}

.product-slogan span {
    padding-left: 10px;
}

.product-designer {
    font-size: 16px;
}


/*section1*/

.section1 {
    background-color: #000;
    position: relative;
}

.section1-left {
    width: 45%;
    float: left;
    text-align: right;
    position: relative;
    top: -100px;
}

.section1-right {
    width: 55%;
    float: left;
    text-align: left;
    position: relative;
    top: -100px;
}

.section1-bottom {
    position: absolute;
    bottom: 50px;
    text-align: center;
    width: 100%;
}

img#s1-1-1 {
    width: auto;
    height: 65px;
    opacity: 0;
}

img#s1-1-1.active {
    opacity: 1;
    transition: all 0.7s ease-out;
    transition-delay: .1s;
}

img#s1-1-2 {
    width: auto;
    height: 65px;
    margin-left: 30px;
    margin-top: -3px;
    opacity: 0;
}

img#s1-1-2.active {
    opacity: 1;
    transition: all 0.7s ease-out;
    transition-delay: .8s;
}

img#s1-1-3 {
    width: 180px;
    height: auto;
    opacity: 0;
}

img#s1-1-3.active {
    opacity: 1;
    transition: all 0.7s ease-out;
    transition-delay: 1.5s;
    /*    animation-name:keyboard_a_out;
    animation-delay:5s;
    animation-duration:1s;*/
}


/*@keyframes keyboard_a_out{
    from{
        opacity: 1;
    }
    to{
        opacity: 0;
    }
}*/

img#s1-1-4 {
    width: 180px;
    height: auto;
    opacity: 0;
    position: absolute;
}

img#s1-1-4.active {
    opacity: 1;
    transition: all 0.7s ease-out;
    transition-delay: 2s;
    /*    animation-name:keyboard_b_out;
    animation-delay:5s;
    animation-duration:1s;*/
}


/*@keyframes keyboard_b_out{
    from{
        opacity: 1;
    }
    to{
        opacity: 0;
    }
}*/


/*section1-2*/

.section1-2 {
    background-color: #000;
}

.section1-2 p {
    font-size: 18px;
    font-family: sans-serif;
    line-height: 36px;
    text-align: justify;
    padding: 0 22%;
}

#s1-2 {
    position: relative;
}

#s1-2-1 {
    position: absolute;
    top: 350px;
    opacity: 0;
}

#s1-2-1.active {
    top: 300px;
    opacity: 1;
    transition: all 0.7s ease-out;
    transition-delay: .1s;
}

#s1-2-2 {
    position: absolute;
    top: 550px;
    opacity: 0;
}

#s1-2-2.active {
    top: 450px;
    opacity: 1;
    transition: all 0.7s ease-out;
    transition-delay: .8s;
}


/*section4*/

.sol-product-info {
    font-family: sans-serif;
    position: absolute;
    width: 400px;
    height: 200px;
    right: 0;
    bottom: 54px;
    left: 0;
    margin: auto;
}

img#section4-2-1-img {
    display: none;
}


/*#s4-1-1 {
    opacity: 1;
}

#s4-1-1.active {
    opacity: 1;
    transition: all 0.7s ease-out;
    transition-delay: .3s;
}

#s4-2-1 {
    opacity: 1;
}

#s4-2-1.active {
    opacity: 1;
    transition: all 0.7s ease-out;
    transition-delay: .3s;
}*/


/*section5*/

#solVideo {
    position: absolute;
    right: 0;
    bottom: 0;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-size: 100% 100%;
    background-color: black;
    background-position: center center;
    background-size: contain;
    object-fit: cover;
    z-index: 3;
}

#solVideo-mobile {
    display: none;
}


/*section6*/

.olo-product-info {
    text-align: left;
    font-family: sans-serif;
    position: absolute;
    height: 200px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 80px;
    margin: auto;
}

img#section6-1-img {
    display: none;
}

img#section6-img {
    object-position: 50%;
}


/*section7*/

img#section7-1-1-img {
    display: none;
}

img#section7-1-2-img {
    display: none;
}

.section7 .section-right p {
    padding: 150px;
    text-align: justify;
}

img#section7-3-1-img {
    display: none;
}

img#section7-4-1-img {
    display: none;
}


/*section8*/

.sircle-product-info {
    font-family: sans-serif;
    position: absolute;
    width: 400px;
    height: 200px;
    bottom: 54px;
    right: 80px;
    margin: auto;
    text-align: right;
}

img#section8-1-img {
    display: none;
}


/*section9*/

img#section9-1-1-img {
    display: none;
}

img#section9-2-1-img {
    display: none;
}

img#section9-3-1-img {
    display: none;
}


/*section10*/

#s10-1 {
    position: relative;
}

img#section10-2-1-img {
    display: none;
}

#s10-2 {
    position: relative;
}


/*section11*/

.apollo-product-info {
    text-align: left;
    font-family: sans-serif;
    position: absolute;
    height: 200px;
    right: 0;
    bottom: 100px;
    left: 80px;
    margin: auto;
    z-index: 999;
}

#apolloVideo {
    position: absolute;
    right: 0;
    bottom: 0;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-size: 100% 100%;
    background-color: black;
    background-position: center center;
    background-size: contain;
    object-fit: cover;
    z-index: 3;
}


/*section12*/


}
img#section12-1-1-img {
    display: none;
}

/*section13*/
.dawn-product-info {
    text-align: left;
    font-family: sans-serif;
    bottom: 150px;
    margin: auto;
    left: 80px;
    position: absolute;
    height: 200px;
}
img#section13-1-img {
    display: none;
}

/*section14*/
img#section14-1-1-img {
    display: none;
}
img#section14-2-1-img {
    display: none;
}
img#section14-3-1-img {
    display: none;
}
img#section14-4-1-img {
    display: none;
}
img#section14-5-1-img {
    display: none;
}

/*section16*/
#s16-2-1 {
    opacity: 0;
    position: absolute;
}
#s16-2-1.active {
    opacity: 1;
    transition: all 1.5s ease-out;
    transition-delay: .1s;
}
#s16-1-1-1 {
    display: none;
}
#s16-2-1-1 {
    display: none;
}

/*section17*/
.section17 {
    display: flex;
    align-items: center;
}
.section17 p {
    font-size: 24px;
    font-family: sans-serif;
    line-height: 40px;
    text-align: justify;
    padding: 0 30%;
}
#s17-1 {
    position: absolute;
    top: 350px;
    opacity: 0;
}
#s17-1.active {
    top: 300px;
    opacity: 1;
    transition: all 0.7s ease-out;
    transition-delay: .1s;
}
#s17-2 {
    position: absolute;
    top: 550px;
    opacity: 0;
}
#s17-2.active {
    top: 430px;
    opacity: 1;
    transition: all 0.7s ease-out;
    transition-delay: .8s;
}

/*section18*/
.section18 {
    background-color: #000;
}
.section18.active {
    background-color: #d2d2d2;
    transition: all 2s ease-out;
    transition-delay: 1s;
}
.section18 .slide18-1 {
    align-items: center;
}
#s18-1 {
    font-size: 45px;
    letter-spacing: 3px;
    color: #fff;
    opacity: 0;
}
#s18-1.active {
    opacity: 1;
    color: #fff;
    transition: all 1s ease-out;
    transition-delay: 2.5s;
}
img#section18-2-1-img {
    display: none;
}
img#section18-3-1-img {
    display: none;
}
img#section18-4-1-img {
    display: none;
}

/*section19*/
.section19 {
    background-color: #d2d2d2;
}
img.s19-logo {
    width: 231px;
    height: auto;
    position: absolute;
    top: 200px;
    left: 0;
    right: 0;
    margin: auto;
}
.web-info {
    position: absolute;
    bottom: 30px;
    left: 0;
    right: 0;
    margin: auto;
}
#s19-3 {
    opacity: 0;
    bottom: 10px;
}
#s19-3.active {
    opacity: 1;
    transition: all 0.7s ease-out;
    transition-delay: .8s;
    bottom: 30px;
}
.web-info p {
    font-size: 17px;
    font-family: sans-serif;
    line-height: 3px;
    color: #b1b1b1;
    margin-bottom: 40px;
}
.web-link a {
    color: #000;
    text-decoration: none;
    font-family: sans-serif;
    font-size: 18px;
    letter-spacing: 1px;
}
#s19-1 {
    opacity: 1;
    top: 180px;
}
#s19-2 {
    position: absolute;
    opacity: 1;
    top: 290px;
    right: 0;
    left: 0;
}
#s19-2 input[type="text"] {
    padding: 8px;
    font-size: 15px;
    border: 0px;
    width: 280px;
    color: #999;
}
#s19-2 input[type="submit"] {
    padding: 9px;
    border: 0px;
    width: 80px;
    background-color: #999;
    color: #fff;
}
@media only screen and (max-width: 768px) {
    .form h3 {
        display: none;
    }
    
    .section img {
        object-position: center top;
    }
    
    img.soundicon {
        width: 30px!important;
        height: 30px!important;
    }
    
    img#bpop {
        display: none;
    }
    
    img#spop {
        display: block;
    }
    
    .modal {
        background: #f00!important;
        border-radius: 0px!important;
    }
    
    .blocker {
        width: 100%;
        padding: 20px;
        box-sizing: unset;
    }
    
    #product-modal {
        width: 90%;
    }
    
    #product-modal .form {
        margin: 0 auto;
        background: #c9c9cb;
        position: inherit;
        top: 0;
        width: 100%;
    }
    
    #product-modal .form form {
        padding: 0 20px;
        display: table-cell;
    }
    
    #product-modal .form img {
        max-width: 100%;
        height: auto;
        object-fit: contain;
    }
    
    #product-modal .form input[type="text"] {
        width: 95%;
        margin-bottom: 5px;
        padding: 2px;
    }
    
    #product-modal .form textarea {
        width: 95%;
    }
    
    label {
        margin-left: 0px!important;
    }
    
    #product-modal .form h3 {
        padding: 0 20px;
        margin-bottom: 10px;
        font-size: 15px;
    }
    
    #product-modal .form input[type="submit"] {
        font-size: 15px;
        padding: 5px 20px;
        margin: 10px 0 10px 0;
    }
    
    #product-modal .form label {
        font-size: 15px;
    }
    
    #product-modal .form textarea {
        height: 40px;
    }
    
    .popupBotton {
        color: #fff;
        position: absolute;
        right: 0px;
        top: 0px;
        font-weight: 700;
        z-index: 999;
        font-size: 35px;
    }
    
    div#form-a {
        width: 35%;
        float: left;
        padding-right: 10px;
    }
    
    div#form-b {
        width: 60%;
        float: left;
    }
    
    .product-name {
        font-size: 40px;
        font-weight: bold;
        margin-bottom: 0px;
    }
    
    .product-slogan {
        font-size: 18px;
        margin-bottom: 30px;
        line-height: 33px;
        letter-spacing: 2px;
    }
    
    .product-slogan br {
        display: block;
        content: "";
        margin: 0em;
        display: block;
        font-size: 24%;
    }
    
    .product-slogan span {
        padding-left: 10px;
    }
    
    .product-designer {
        font-size: 13px;
    }
    
    p {
        font-size: 13px;
        font-family: sans-serif;
        line-height: 20px;
        letter-spacing: 1px;
    }
    /*section1*/
    
    .section1-left {
        width: 100%;
        float: none;
        text-align: center;
        position: relative;
        top: 0px;
    }
    
    .section1-right {
        width: 100%;
        float: none;
        text-align: center;
        position: relative;
        top: 0px;
    }
    
    .section1-bottom {
        display: none;
    }
    
    img#s1-1-1 {
        width: auto;
        height: 35px;
    }
    
    img#s1-1-2 {
        width: auto;
        height: 35px;
    }
    
    img#s1-1-2 {
        width: auto;
        height: 35px;
        margin-left: 0px;
    }
    /*section2*/
    
    #s1-2-1.active {
        top: 80px;
    }
    
    .section1-2 p {
        font-size: 15px;
        line-height: 24px;
        text-align: initial;
        padding: 0 10%;
    }
    
    #s1-2-2.active {
        top: 300px;
    }
    /*section2*/
    
    section.section.section2 .fp-slides {
        display: none;
    }
    
    img#s2gif {
        object-position: center center;
        height: 100%;
    }
    /*section3*/
    
    .sol-product-info {
        width: auto;
        bottom: 80px;
    }
    
    img#section3-img {
        height: 100vh;
    }
    /*section4*/
    
    #s4-1 .section-left {
        top: 0;
        width: 100%;
        height: 50vh;
        float: none;
    }
    
    img#s4-1-1 {
        height: 50vh;
    }
    
    #s4-1 .section-right {
        top: 0;
        width: 100%;
        height: 100vh;
        float: none;
        display: flex;
        align-items: baseline;
        position: relative;
    }
    
    #s4-1 .section-right p {
        padding: 8%;
        text-align: left;
    }
    
    #s4-2 .section-left {
        top: 0;
        width: 100%;
        height: 50vh;
        float: none;
    }
    
    img#section4-2-img {
        display: none;
    }
    
    img#section4-2-1-img {
        display: block;
    }
    
    img#s4-2-1 {
        height: 50vh;
    }
    
    #s4-2 .section-right {
        top: 0;
        width: 100%;
        height: 100vh;
        float: none;
        display: flex;
        align-items: baseline;
        position: relative;
    }
    
    #s4-2 .section-right p {
        padding: 8%;
        text-align: left;
    }
    
    #pops4-1.popupBotton {
        color: #fff;
        position: absolute;
        right: 20px;
        top: 30vh;
    }
    
    #pops4-2.popupBotton {
        color: #fff;
        position: absolute;
        right: 20px;
        top: auto;
        bottom: 20px;
    }
    /*section5*/
    
    #solVideo {
        display: none;
    }
    
    #solVideo-mobile {
        display: block;
    }
    /*section6*/
    
    .olo-product-info {
        text-align: center;
        position: absolute;
        height: 200px;
        top: auto;
        right: 0;
        bottom: 10%;
        left: 0px;
        margin: auto;
    }
    
    img#section6-img {
        display: none;
    }
    
    img#section6-1-img {
        display: block;
        height: 100vh;
        object-position: center top;
    }
    
    .olo-product-info .product-slogan {
        margin-bottom: 20px;
    }
    /*section7*/
    
    img#section7-1-img {
        display: none;
    }
    
    img#section7-2-img {
        display: none;
    }
    
    img#section7-1-1-img {
        display: block;
        object-fit: contain;
        object-position: top;
    }
    
    img#section7-1-2-img {
        display: block;
        object-fit: contain;
        object-position: top;
        height: 50vh;
    }
    
    .section7 .section-left {
        width: 100%;
        height: auto;
    }
    
    .section7 .section-right {
        width: 100%;
        align-items: baseline;
    }
    
    .section7 .section-right p {
        padding: 30px;
    }
    
    img#section7-3-img {
        display: none;
    }
    
    img#section7-3-1-img {
        display: block;
        object-fit: cover;
        object-position: center;
        max-width: 100%;
        height: auto;
        margin-top: 20px;
    }
    
    img#section7-4-img {
        display: none;
    }
    
    img#section7-4-1-img {
        display: block;
    }
    
    .section7-3 {
        display: block;
    }
    
    .sircle-product-info {
        bottom: 80px;
    }
    
    #pops7-2.popupBotton {
        color: #fff;
        position: absolute;
        right: 20px;
        top: 28vh;
    }
    
    #pops7-3.popupBotton {
        color: #fff;
        position: absolute;
        right: 20px;
        top: auto;
        bottom: 100px;
    }
    
    #pops7-4.popupBotton {
        color: #fff;
        position: absolute;
        right: 20px;
        top: auto;
        bottom: 20px;
    }
    /*section8*/
    
    .sircle-product-info {
        right: 15px;
    }
    
    img#section8-img {
        display: none;
    }
    
    img#section8-1-img {
        display: block;
    }
    /*section9*/
    
    section.section.section9 .fp-slides {
        display: none;
    }
    /*section10*/
    
    #s10-1 {
        position: relative;
    }
    
    #s10-1 .section-left {
        top: 0;
        width: 100%;
        height: 46vh;
        float: none;
    }
    
    #s10-1 .section-right {
        top: 0;
        width: 100%;
        height: 100vh;
        float: none;
        display: flex;
        align-items: baseline;
        position: relative;
    }
    
    #s10-1 .section-right p {
        padding: 6%;
        text-align: left;
    }
    
    img#section10-1-img {
        display: block;
        object-position: center top;
        height: 50vh;
    }
    
    img#section10-2-img {
        display: none;
    }
    
    img#section10-2-1-img {
        display: block;
        object-position: center bottom;
        height: 100%;
    }

    #s10-3 {
        position: relative;
    }
    
    #s10-3 .section-left {
        top: 0;
        width: 100%;
        height: 50vh;
        float: none;
    }
    
    #s10-3 .section-right {
        top: 0;
        width: 100%;
        height: 100vh;
        float: none;
        display: flex;
        align-items: baseline;
        position: relative;
    }
    
    #s10-3 .section-right p {
        padding: 6%;
        text-align: left;
    }
    
    img#section10-3-img {
        display: block;
        object-position: center top;
        height: 50vh;
    }

    #pops10-1.popupBotton {
    color: #fff;
    position: absolute;
    right: 20px;
    top: 80vh;
}
    #pops10-2.popupBotton {
    color: #fff;
    position: absolute;
    right: 20px;
    top: 80vh;
}
    #pops10-3.popupBotton {
    color: #fff;
    position: absolute;
    right: 20px;
    top: 80vh;
}
    /*section11*/
    
    .apollo-product-info {
        top: 25px;
        left: 20px;
        margin: 0;
    }
    
    .section11 .product-slogan {
        margin-bottom: 20px;
    }
    
    .section11 .product-slogan span {
        padding-left: 0px;
    }
    /*section12*/
    
    .s12-1.section-left {
        top: 0;
        width: 100%;
        height: 50vh;
        float: none;
    }
    
    .s12-2.section-right {
        top: 0;
        width: 100%;
        height: 50vh;
        float: none;
        display: flex;
        align-items: baseline;
        position: relative;
    }
    
    .s12-2.section-right p {
        padding: 6%;
        text-align: left;
    }
    
    img#section12-1-img {
        display: none;
    }
    
    img#section12-1-1-img {
        display: block;
        max-height: 100%;
    }
    
    #pops12-1.popupBotton {
        color: #fff;
        position: absolute;
        right: 20px;
        top: auto;
        bottom: 100px;
    }
    /*section13*/
    
    img#section13-img {
        display: none;
    }
    
    img#section13-1-img {
        display: block;
    }
    
    .dawn-product-info {
        text-align: left;
        font-family: sans-serif;
        bottom: 80px;
        margin: auto;
        left: 20px;
        position: absolute;
    }
    
    .dawn-product-info .product-slogan {
        margin-bottom: 20px;
    }
    
    .dawn-product-info .product-slogan span {
        padding-left: 0px;
    }
    /*section14*/
    
    img#s14gif {
        object-position: center bottom;
        height: 100%;
    }
    
    section.section.section14 .fp-slides {
        display: none;
    }
    div#pops14-1 {
    color: #fff;
    position: absolute;
    right: 20px;
    top: 80vh;
}
    /*section15*/
    
    .s15.section-left {
        top: 0;
        width: 100%;
        height: 50vh;
        float: none;
    }
    
    .s15.section-right {
        top: 0;
        width: 100%;
        height: 45vh;
        float: none;
        display: flex;
        align-items: baseline;
        position: relative;
    }
    
    .s15.section-right p {
        padding: 6%;
        text-align: left;
    }
    
    #pops15-1.popupBotton {
        color: #fff;
        position: absolute;
        right: 20px;
        top: auto;
        bottom: 60px;
    }
    
    img#section15-1-img {
        height: 50vh;
    }
    /*section16*/
    
    #s16-1-1 {
        display: none;
    }
    
    #s16-2-1 {
        display: none;
    }
    
    #s16-2-1.active {
        display: none;
    }
    
    #s16-1-1-1 {
        display: block;
    }
    
    #s16-2-1-1 {
        opacity: 0;
        position: absolute;
        display: block;
    }
    
    #s16-2-1-1.active {
        display: block;
        opacity: 1;
        transition: all 1.5s ease-out;
        transition-delay: .1s;
    }
    
    #pops16-1.popupBotton {
        color: #fff;
        position: absolute;
        right: 20px;
        top: auto;
        bottom: 40px;
    }
    
    img#s16-1-1-1 {
        object-position: center center;
        height: 100%;
    }
    
    img#s16-2-1-1 {
        object-position: center center;
        height: 100%;
    }
    /*section17*/
    
    .section17 p {
        font-size: 15px;
        line-height: 24px;
        text-align: initial;
        padding: 0 10%;
    }
    
    #s17-1.active {
        top: 200px;
    }
    
    #s17-2.active {
        top: 320px;
    }
    /*section18*/
    
    #s18-1 {
        font-size: 22px;
        font-weight: : bold;
        letter-spacing: 3px;
    }
    
    img#section18-2-img {
        display: none;
    }
    
    img#section18-3-img {
        display: none;
    }
    
    img#section18-4-img {
        display: none;
    }
    
    img#section18-2-1-img {
        display: block;
    }
    
    img#section18-3-1-img {
        display: block;
    }
    
    img#section18-4-1-img {
        display: block;
    }
    /*section19*/
    
    img.s19-logo {
        width: 180px;
    }
    
    #s19-2 {
        position: absolute;
        opacity: 1;
        top: 240px;
        right: 0;
        left: 0;
    }
    
    #s19-2 input[type="text"] {
        width: 200px;
        margin-top: 1px;
    }
    
    #s19-2 input[type="submit"] {
        border-top: 3px #999 solid;
    }
    
    #s19-2.active {
        top: 280px;
    }
    
    .web-info p {
        font-size: 13px;
        line-height: 3px;
        margin-bottom: 30px;
    }
    
    .web-link a {
        font-size: 13px;
        letter-spacing: 1px;
    }
}