/*1439px,959px*/
    /* @font-face kit by Fonts2u (https://fonts2u.com) */

    @font-face {
      font-family: 'Montserrat-Regular';
      src: url('../fonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),  url('../fonts/Montserrat-Regular.otf')  format('opentype'),
             url('../fonts/Montserrat-Regular.woff') format('woff'), url('../fonts/Montserrat-Regular.ttf')  format('truetype'), url('../fonts/Montserrat-Regular.svg#Montserrat-Regular') format('svg');
      font-weight: normal;
      font-style: normal;
    }



    /*uikit的修改*/
    .uk-container > :last-child {
        padding: 0;
    }
    a:hover, .uk-link:hover{
        text-decoration: none;
    }
    html,h1,h2,h3,h4,.button,h5,h6,li,a,div,tr,td,span,button,input ,th,td,tr{
        color:white;
        font-family: 'Montserrat-Regular';
        margin:0;
        font-size: 16px;
    }
    .index_three h4{background: #0057b8!important;color: #fff;}
    .three-box img{width: 70%;}
    .reshape_header_logo{width: 300px!important;display: block;margin: 10px auto 40px;}

    .index_second{height: 80vh;position: relative;text-align: left;}
    .second_div{position: absolute;left: 0;top: 0;width: 100%;padding: 40px;width: 100%;height: 100%;}
    .index_second h2{position: relative;left: -20px;}
    .second_text{position: absolute;bottom: 5%;left: 40px;width: 40%;text-align: justify;}

    input[type=text],input[type=email]{color: #000;}

    .contact_p1{font-size: 32px;color:#000000;line-height:44px;}
    .contact_p2{font-size: 26px;color:#000000;line-height:44px;}

    .right_table{display: flex}
    .right_table table:first-child{margin-right: 30px;}
    .right_table table:last-child{margin-top: 0px;}
    .right_table table td,.right_table table th{vertical-align: middle;}



    .large{
        font-size: 176px;
        line-height:176px;
    }
    h1{
        font-size: 72px;
        line-height: calc(72px / 4 *5);
        font-family: 'Montserrat-Regular';
    }
    h2{
        font-size: 48px;
        line-height: 48px;
        font-family: 'Montserrat-Regular';
    }
    h3,.uk-table th{
        font-size: 30px;
        line-height: calc(30px / 4 *5);
        font-family: 'Montserrat-Regular';
    }
    .uk-table-striped th{font-size: 24px;}
    body,p,.uk-table td {
        font-size: 16px;
        line-height: 28px;
        font-family: 'Montserrat-Regular';
        color:white;
    }
    .uk-table td{
        color:black;
    }
    .uk-table-striped tbody tr:nth-of-type(odd){
        background-color:#cbcbcb;
    }
    .uk-table tr:nth-child(even){
        background-color:#e7e7e7;
    }
    i{
        font-size: 16px;
        color: #1d4288;
    }
    a{
        font-size: 18px;
        line-height: calc(18px / 4 *5);
    }
    ul{
        clear: both;
    }
    li{
        font-family: 'Montserrat-Regular';
    }
    .section-1-img{
        height: 100%;
        position: relative;
    }
    .section-1-img>img{
        width: fit-content;
        position: absolute;
        top: 150px;
        left: 40px;
    }
    @media (min-width: 640px){
        .section-1-img>img{
            left: 40px;
        }
        .section-1-img>img{
            width: fit-content!important;

        }
    }
    @media (max-width: 639px){
        .section-1-img>img:not(.reshape_logo_mob){
            bottom: 20%;
            right: 10%;
            width: 80%!important;
        }
    }
    .montserrat-regular{
        font-family: 'Montserrat-Regular';
    }
    .montserrat-bold{
        font-family: 'Montserrat-Regular';
    }
    .button {
        border-radius: 107px;
        text-align: center;
        padding: 16px 35px!important;
        line-height: 54px;
    }
    .button.submit {
        line-height:inherit;
        width: fit-content;
        padding: 12px 31.5px!important;
        margin:0 auto;
    }
    /*footer*/
    .cd-top, .cd-bottom{
        border-radius: 50%;
        position: inherit;
        float: right;
        height: 30px;
        width: 30px;
        opacity: 1;
        background: rgba(33,33,33, 0.1) url(../images/cd-top-arrow.svg) no-repeat center 50%;
    }
    #top{
        border-bottom: 1px solid white;
        padding-top:25px;
        padding-bottom:25px;
    }
    .footer-menu,#top{
        padding-left: 25px;
        padding-right:25px;
    }
    .footer-menu{
        padding-top:60px;
        padding-bottom:60px;
    }
    .footer-menu .uk-first-column{
        padding:0;
    }
    .footer-menu h6{
        font-size: 24px;
        padding-bottom:24px;
        font-family: 'Montserrat-Regular';
    }
    .footer-menu a{
        font-size: 14px;
        line-height: 28px;
        font-family: 'Montserrat-Regular';
    }
    /*footer*/


/*可重用class*/
    .black{
        color:#141414;
    }
    .navy-blue{
        color:#1d4288;
    }
    .light-blue{
        color:#2ebfcc;
    }
    .blue{
        color:#0038b5;
    }
    .sub-light-blue{
        color:#337abd;
    }
    .gray{
        color:#555;
    }
    .white-bg-box {
        text-align: center;
        background-color: rgba(255,255,255,0.95);
        padding: 45px!important;/*因為會和.uk-container > :last-child 相撞*/
        height: fit-content;
    }
    .light-blue-bg{
        background-color: #2ebfcc;
    }
    .navy-blue-bg{
        background-color: #1d4288;
    }
    .world{
        background-image: url(../images/homepage/11.jpg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }
    .gray-bg{
        background-color:rgb(241,241,241);
    }
    .text-max-width{
        width:50%;
    }
    .section{
        padding:40px 45px;
    }
    .section.world{
        padding:155px 45px;
    }
    .li-img>li:before{
        content:'';
        padding: 0 0 0 25px;
        background:url(../images/homepage/li.png) no-repeat;
        background-size: contain;
    }
    .li-img{

        line-height: 24px;
    }
    .li{
        list-style-type: disc;
        list-style-position: inside;
    }
    .box-margin{
        margin-top:35px;
        margin-bottom:35px;
    }
    .box-margin>*{
        margin-top:0px;
        margin-bottom:15px;
    }
    .box-margin>*:last-child{
        margin-bottom:0px;
    }
    .red{color: red;}
    .green{color: #00a848;}
    .yellow{color: #c4d04a;}
    .lightgreen{color: #92d050;}
    .blackgray{color: #3c3c3c;}
    .white{color: #fff;}
    .fontnormal{font-weight: initial!important;    font-family: 'Montserrat-Regular'!important;}
    .nosidepadding{padding-left: 0!important;padding-right: 0!important;}

    .bio_lens{line-height: 40px;padding: 0;}
    .bio_left_img,.bio_right_img{width: 100%;}
    .bio_left_img h3{margin-top: 0;}
    .red_text p{margin-bottom: 0;}
    .bio_left_img h2,.bio_right_img h2{font-size: 30px;line-height: 40px;}

    .bio_left_img .side_text{margin-right: auto;padding-left: 20px;}
    .bio_right_img .side_text{margin-left: auto;padding-right: 20px;}
    .side_text{max-width: 620px;display: flex;align-items: center;}
    .side_text h2{font-family: 'Montserrat-Regular';}
    .side_text p{text-align: justify;}

    .left_slogin{text-align: left;position: absolute;top: 35%;width: 100%;z-index: 99;}
    .left_slogin h2 span{font-size: 60px;font-weight: bold;text-align: left;line-height: 72px;text-shadow: 4px 4px 10px rgba(0, 0, 0, 1);}
    .left_slogin h3{font-weight: bold;font-size: 32px;color: #fff;text-align: left;margin: 40px 0 0;line-height: 56px;}


    .bio_lens_logo{min-height: 100vh;display: flex;align-items: center;}
    .bio_lens_logo h2{margin: 100px auto;}

    .bio_plastics h2{color: #8cbd3a;}

    .uk-table-striped td,.uk-table-striped th{border-right: 1px solid #fff;border-bottom: 1px solid #fff;}

    .tick_table th:not(:first-child){background-color: #fff;color: #000;}
    .tick_table th{font-size: 16px;line-height: 24px;vertical-align: top}
    .tick_table th span{color: #3c3c3c;font-size: 12px;}
    .tick_table_key td{font-weight: 800;font-size: 16px;}
    .tick_table_key,.tick_table{text-align: center;}
    .tick_table_key td,.tick_table td{vertical-align: middle;}

    .policy{padding: 40px 0;background: #f7f7f7;color: #000;}
    .policy h3{margin:20px auto;color: #000;}
    .policy p{margin-bottom: 30px;color: #000;}


/*可重用class*/


    /*header*/
    header {
        position: fixed;
        top: 0;
        left: 0;
        display: flex;
        z-index: 999999;
        padding-top: 38px!important;
        padding-bottom: 38px!important;
        width: 100%;
    }
    header.active{
        padding-top:10px!important;
        padding-bottom:10px!important;
        background: rgba(0,0,0,.7);
    }
    header>div{
        width: 100%;
        display: flex;
        z-index: 1;
        position: relative;
    }
    .header-right{
        width: calc(100% - 148px);
    }
    .social{
        float: right;
        display:flex;
        align-items: center;
        height: 100%;
        padding-left: 25px;
        border-left:1px solid #555555;
    }
    .social>a{
        float: left;
    }
    .social>a:first-child{
        padding-right:10px;
    }
    .social>a>i{
        height: 100%;
    }
    header nav ul {
        display: flex;
        width: 100%;
        justify-content: space-between;
        align-items: center;
        height: 100%;
        padding-right: 25px;
        z-index: 2;
    }
    header nav ul>li{
        position: relative;
    }
    header nav ul>li>a{
        font-family: 'Montserrat-Regular';
        font-size: 16px;
    }
    a:hover, .uk-link:hover{
        color: white;
        text-decoration: none;
    }

    header nav ul>li:after,header nav ul>li.active>a:after{
        opacity: 0;
        position: absolute;
        bottom: -3px;
        width:0;
        height:2px;
        content: "";
        background-color:white;
        left:0;
        transition: 1.5s;
    }
    header nav ul>li.active>a:after{
        opacity: 1;
        width:100%;
    }
    header nav ul>li:hover:after{
        width:100%;
        opacity: 1
    }
    header nav {
        padding-left: 3vw;
        float: right;
        width: 850px;
        height: 100%;
        display: grid;
    }
    .fa-bars,.small-logo{
        display:none;
    }
    .slide{
        display:none;
        position: fixed;
        top:0;
        left:0;
        content: "";
        height:100%;
        width:100%;
        background-color: rgb(255,255,255,0.5);
        z-index: 3;
    }
    .slide.active{
        display:block;
    }
    /*header*/
    .sub_border{
        border:2px solid #fff;
        padding: 8px;
    }
    .subscript_half{
        width: 60%;
        min-height: 200px;
        text-align: center;
    }
    .subscript_half h2{
        font-size: 60px;
        line-height: 68px;
        font-weight: 800;
    }
    .subscript_half h3{
        font-size:28px;
    }
    .subscript_half h4{
        font-size:14px;
        font-weight: 400;
        margin-bottom: 60px;
    }
    .subscript_half hr{
        border-top: 2px solid #fff;
        margin: 10px 0;
    }
    .subscr_email{
        border:none;
        border-bottom: 1px solid #fff;
        padding: 10px 0;
        background-color: transparent;
        outline: none;
        color: #fff!important;
    }
    .subscr_email::placeholder{
        color: #fff;
    }
    .subscr_button{
        border-radius: 7px;
        text-align: center;
        color: #fff;
        font-weight: 800;
        padding: 10px 20px;
        background-color: #0057b8;

    }
    .click_contact{
        background-color: #0057b8;
        color: #fff;
        font-weight: 800;
        text-align: center;
        padding: 10px 20px;
        border-radius: 50px;
        display: block;
        position: fixed;
        bottom: 40px;
        right: 20px;
        cursor: pointer;
        z-index: 9999999999;
    }
    .click_contact i{
        color: #fff;margin-right: 10px;
    }
    .right_contact{
        background-color: #fff;
        color: #fff;
        font-weight: 800;
        text-align: center;
        border-radius: 20px;
        display: block;
        position: fixed;
        bottom: 40px;
        right: 20px;
        width: 400px;
        z-index: 9999999999;
        -webkit-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.3);
        -moz-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.3);
        box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.3);
    }
    .right_contact h2{
        background-color: #0057b8;
        font-size: 24px;
        color: #fff;
        font-weight: 800;
        text-align: center;
        padding: 10px;
        border-top-right-radius: 20px;
        border-top-left-radius: 20px;
    }
    .right_contact h2 i{
        color: #fff;
        float: right;
        line-height: 42px;
        cursor: pointer;
    }
    .right_contact input,.right_contact textarea{
        border:none;
        border-bottom: 1px solid #3c3c3c;
        color: #000;
        padding: 10px
    }
    .right_contact input[type=submit]{
        background-color: #0057b8;
        color: #fff;
        font-weight: 800;
        text-align: center;
        padding: 5px 30px;
        border-radius: 50px;
        display: block;
        width: fit-content;
        margin: 0px auto 10px;

    }

    .subscription_box{background-image: url(../images/subscription.png);box-shadow: 0px 0px 22px 0px rgba(0,0,0,0.35);
	width: 800px;background-size: cover;background-repeat: no-repeat;background-position: center;position: relative; /*position: absolute;top: 10%;left: calc(50% - 400px);*/z-index: 99999;padding: 20px;}
    .subscription_bg{position: fixed;top: 0;left: 0;content: '';background-color: rgba(0,0,0,0.6);width: 100%;height: 100%;z-index: 99999;display: flex;align-items: center;justify-content: center;}
    .fancy_close{border-radius: 50%;background-color: rgba(0,0,0,0.7);position: absolute;top: -10px;right: -10px;width: 50px;height: 50px;text-align: center;line-height: 57px;cursor: pointer;}
    .fancy_close i{color: #fff;font-size: 24px;}





    .section-1{
        position: relative;
        text-align: center;
    }
    .section-1 img{
        max-height:150px;
    }
    .overlay,.overlay-1,.overlay-2,.overlay-3,.text-overlay,.text-overlay-1,.overlay-4,.text-overlay-gray{
        position: relative;
    }
    .overlay>*,.overlay-1,.overlay-2,.overlay-3,.text-overlay,.text-overlay-1,.overlay-4{
        position: relative;
        z-index: 1;
    }
    .overlay:after,.overlay-1:after,.overlay-2:after,.overlay-2:after,.text-overlay:after,.text-overlay-1:after,.text-overlay-gray:after,.overlay-4:after{
        content: "";
        position: absolute;
        top:0;
        left:0;
        bottom:0;
        right:0;
    }
    .text-overlay:after,.text-overlay-1:after{
        background-color: #f7f7f7;
        z-index: -1;
        left: 50%
    }
    .text-overlay-gray:after{
        background-color: #f7f7f7;
        z-index: -1;
    }
    .text-overlay-1:after{
        left: 0;
        right:50%;
    }
    .overlay:after{
        background: rgba(0,0,0,0.2);
    }
    .overlay-1:after{
        background: rgba(0,0,0,0.1);
    }
    .overlay-2:after{
        background: rgba(0,0,0,0.6);
    }
    .overlay-3:after{
        background: rgba(255,255,255,0.1);
    }
    .overlay-4:after{
        background: rgba(0,0,0,0.5);
    }
    .section-1.overlay:after{
        z-index: 1
    }
    .section-1-bg{
        height:968px;
        background-position: center;
        background-size: cover;
    }
    .section-1 .slogin{
        position: absolute;
        top:50%;
        z-index: 1;
        text-align: justify;
        transform: translateY(-50%);
        z-index: 2;
        width: 100%;
    }
    .section-1 .slogin.active{
        z-index: 0;
    }
    .section-1 #play-button{
        margin-top:100px;
        text-align: center;
    }
    .height{
        display: flex;
        align-items: center;
        height:100vh;
    }
    .height-1{
        display: flex;
        align-items: center;
        height:60vh;
    }
    .bg{
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }
    .text-center {
        text-align: center;
        margin: 0 auto;
    }
    .reshape>*{
        width:100%;
    }
    .reshape h4{
        text-align: justify;
        float: right;
    }
    .chevron-down{
        position: absolute;
        bottom: 15px;
        left: calc(50% - 14px);
    }
    .chevron-down>i{
        cursor: pointer;
        font-size: 28px;
        color: white;
    }
    .three-box>div{
        max-width: 1000px;
        z-index: 1;
    }
    .three-box .border {
        -webkit-box-shadow: 0px 0px 15px 3px rgba(221,221,221,1);
        -moz-box-shadow: 0px 0px 15px 3px rgba(221,221,221,1);
        box-shadow: 0px 0px 15px 3px rgba(221,221,221,1);
        display: block;

    }
    .three-box h4 {
        height: 90px;
        background-color: rgba(255,255,255,1);
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .three-box .img{
        height: 215px;
        display: flex;
        align-items: center;
        background-color: rgba(255,255,255,0.5);
    }
    .three-box .img>div{
        margin:0  auto;
    }
    .news-title{
        padding:5px 0 5px 0;
    }

    .news_img img{
        min-width: 150px;
        max-width: 150px;
    }
    .new-icon{
        font-size: 50px;
        border-radius: 50%;
        border:2px solid #1953c4;
        color:#1953c4;
        padding:20px;
    }
    .contact-us-icon{
        display: flex;
        align-items: center;
    }
    .contact-us-icon>div{
        padding:10px;
        height: fit-content;
    }
    .uk-table th {
        color: white;
        background: black;
    }


    .oveflow_video{
        position: relative;
        /*
        height: 50vh;
        max-height: 100%;
        overflow: hidden;*/
    }
    .click_play{
        position: absolute;
        top: calc(50% - 50px);
        left: calc(50% - 50px);
        z-index: 999;
    }
    .video_cover{
        width: 100%;
        /*
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;*/
    }
    .click_play img{
        width: 100px;
    }

    .reshape_logo{
        display: flex;
        align-items: center;
        height: 100vh;
        min-height: 1000px;
        background-position: center;
        background-size: cover;
    }

    .reshape_logo h2{
        margin: 80px auto 50px;
    }
    .reshape_p{
        color: #000;
        margin-bottom: 80px;
        font-size: 18px;
    }

    .left_pimg{
        text-align: center;
    }
    .left_pimg>img{
        box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.2);
    }
    .left_pimg>*{
        margin-bottom: 15px;
    }



    @media only screen and (min-width:1200px){
        .side_text{/*margin-top: -20px;*/}
    }


    @media only screen and (max-width:1439px){/*max1439px*/

        .height{
            height:85vh;
        }
        .height-1{
            height:45vh;
        }
        header nav{
            width: calc(100% - 50px);
        }
        header nav ul>li>a {
            font-size: 16px;
        }
        .left-right-text {
            width: 100%;
            position: relative;
            padding: 40px;
            height: 100%;
            max-width: 462px;
        }
        .section-1 #play-button{
            margin-top:40px;
        }
        .section-1 #play-button>img{
            width:44px;
        }
        .three-box .border{
            padding: 0px 15px 35px 15px;
        }
        .three-box .img {
            height: 285px;
            display: flex;
            align-items: center;
        }
        .three-box h4 {
            height: 90px;
        }

        h2{
            font-size: 40px;
            line-height: 46px;
        }
        h1 {
            font-size: 49px;
            line-height: calc(49px / 4 *5);
        }
        h3,.uk-table th{
            font-size: 28px;
            line-height: calc(28px / 4 *5);
        }
        form h3{
            line-height: 28px;
        }
        .footer-menu h6 {
            font-size: 18px;
            padding-bottom: 18px;
        }
        .footer-menu a {
            font-size: 16px;
            line-height: 16px;
            font-family: 'Montserrat-Regular';
        }
        body,p,.uk-table td {
            font-size: 15px;
            line-height: 28px;
            font-family: 'Montserrat-Regular';
        }
        .button {
            font-size: 20px;
            line-height: calc(20px / 4 *5);
            border-radius: 107px;
            text-align: center;
            padding: 16px 35px;
            display: inline-block;
        }
        .large {
            font-size: 132px;
            line-height: 132px;
        }
    }
    .height-2{
            height:727px;
            display: flex;
        align-items: center;
        }

    @media only screen and (max-width:979px){/*max979px*/
        .order{order:2;}
        .bio_lens{padding: 0!important;}

        .bio_right_img>div>.side_text{order: 2;}
        .bio_right_img>div>div:nth-child(2){order: 1;}

        .bio_left_img>div>.side_text{order: 2;}
        .bio_left_img>div>div:nth-child(1){order: 1;}


        .height-2{
            height:auto;
        }
        .text-overlay:after,.text-overlay-1:after{
            background-color: transparent;
            z-index: -1;
            left: 0;
            top: 50%
        }
        .text-max-width {
            width: 100%;
        }
        .height {
            height: 75vh;
        }
        header{
            display: block;
            z-index: 999;
        }
        .logo{
        }
        .small-logo{
            display:block;
        }
        .fa-bars{
            position: absolute;
            right: 17px;
            font-size: 24px;
            bottom: 17px;
            cursor: pointer;
            display: block;
            color: #fff;
        }
        .social{
            display: none;
        }
        header>div{
            box-sizing: border-box!important;
            left:0;
        }
        header nav>ul,.fa-bars{
            display: block;
        }
        header nav>div{
            position: fixed;
            float: inherit;
            width: 240px;
            height: 100vh;
            left: -300px;
            padding:0;
            top:0;
            background-color:black;
            z-index: 1;
            transition: all 0.5s;
        }
        header nav.active>div{
            left:0;
        }

        header nav ul{
            display: block;
        }
        header nav ul>li{
            border: 1px solid black;
            border-width: 1px 0px 0 0px;
            border-color: white;
        }
        header nav ul>li:last-child{
            border-width: 1px 0 1px 0;
        }
        header nav ul>li>a{
            padding: 15px 20px;
            width: 100%;
            height: 100%;
            padding: 15px 20px;
            display: block;
            color:white;
        }
        header nav ul>li:hover:after{
            width:100%;
            opacity: 0;
        }
        header nav ul>li>a:hover{
            color: white;
            text-decoration: none;
        }
        .small-logo{
            padding: 15px 20px;
        }
        .small-logo>img{
            width:140px;
        }
        .section-1 #play-button{
            margin-top:0;
        }
        .section,.section.world {
            padding: 50px 45px;
        }
        .three-box .img {
        }
        .three-box h4 {
            height:72px;
        }
        .three-box .border {
            padding-top:10px;
        }
        header nav ul>li:after, header nav ul>li.active>a:after{
            display:none;
        }
    }

    @media (max-width:768px){
        .bio_plastics{display: grid;height: auto;padding-bottom: 100px;}
        .bio_plastics>.left_slogin{order: 2;}
        .bio_plastics>.uk-container{order: 1;}
        .bio_plastics>.uk-container img,.bio_plastics>.left_slogin{position: static!important;}
        .bio_plastics .section-1-img{margin: 0;text-align: left;}
        .section-1-bg .section-1-img img:not(.reshape_logo_mob){max-height: 100px;max-width: 60vw;width: initial!important;}

        .reshape_logo_mob{width: 140px!important;}
        .left_slogin h2,.left_slogin h2 span{font-size: 22px;line-height: 40px;}
        .left_slogin h3{font-size: 16px;line-height: 32px;}
        .bio_lens .section-1-img>img{width: initial!important;bottom: 20px;top: initial;}

        .section-1-bg{display: grid;}
        .section-1-bg .section-1-img{height: initial;}
        .section-1-bg .section-1-img img{position: static!important;margin: 40px 0;}

        .contact_p1{font-size: 16px;color:#000000;line-height:34px;}
        .contact_p2{font-size: 14px;color:#000000;line-height:34px;}


        header{
            padding:20px 0;
            background:black;
        }

        footer li{line-height: 28px;}

        .second_text{
            width: 80vw;
            text-align: justify;
        }

        .height {
            height: 70vh;
        }

        h1 {
            font-size: 34px;
            line-height: calc(34px / 4 *5);
        }
        h2 {
            font-size: 21px;
        }
        h3 ,.uk-table th{
            font-size: 18px;
            line-height: calc(18px / 4 *5);
        }
        h4 {
            font-size: 16px;
            line-height: calc(16px / 4 *5);
        }
        h5, .button,li {
            font-size: 15px;
            line-height: calc(15px / 4 *5);
        }
        .footer-menu h6 {
            font-size: 14px;
            padding-bottom: 14px;
        }
        .footer-menu a {
            font-size: 12px;
            line-height: 12px;
            font-family: 'Montserrat-Regular';
        }
        .section-1-bg{
            height:500px;
            margin-top: 129px;
        }
        .large {
            font-size: 72px;
            line-height: 72px;
        }
        .white-bg-box{
            padding:25px!important;
        }
        .box-margin{
            margin-top: 15px;
            margin-bottom: 15px;
        }
        .box-margin>* {
            margin-top: 0px;
            margin-bottom: 10px;
        }
        .reshape .uk-container{
            text-align: left!important;
        }
        .reshape .uk-container .text-max-width{
            float: inherit!important;
        }
    }

    @media only screen and (max-width:639px){
        .three-box .border {
            width: 80vw;
            margin-left:auto;
            margin-right:auto;
        }
        .three-box .img {
        }
        .three-box.section {
            height: auto;
        }
        .three-box .uk-grid>div {
            width:100%;
            max-width: 345px;
            margin-left: auto;
            margin-right: auto;
        }
    }
    @media only screen and (max-width:480px){
        .contact_p1{font-size: 13px;color:#000000;line-height:26px;}
        .contact_p2{font-size: 12px;color:#000000;line-height:26px;}

        .left_slogin h2, .left_slogin h2 span{font-size: 22px;}

        .index_second{height: 70vh}
        .index_second h2{left: -10px;}
        .subscription_box{ background-position:right;}
        .subscription_box:after{ content:""; width:100%; height:100%; background:rgb(0,0,0,0.8); z-index:-1; position:absolute; left:0; top:0;}
        .left_slogin{top: initial;bottom: 12%;}
        .new-room{background-image: url(../images/news-room/1m.png)!important;}
        .right_contact{
            width: 90vw;
            right: 5vw;
        }
        .subscript_half{width: 100%;}
        .subscript_half h3{line-height: 36px;}

        h2.sub_done{font-size: 30px;}
        h5.sub_done{font-size: 14px;line-height: 28px;}



	   .bg.index_second{ background-image:url(../images/homepage/2322.png) !important;padding: 0 15px;}
       .bg.index_second .second_text{bottom: 15%;}

        h2{
            font-size: 18px;
            line-height: calc(22px / 4 * 5);
        }
        h1{
            font-size: 27px;
            line-height: calc(27px / 4 * 5);
        }
        h3 ,.uk-table th{
            font-size: 16px;
            line-height: calc(16px / 4 * 5);
        }
        form h3{
            line-height: 16px;
        }
        p,.uk-table td {
            font-size: 14px;
            line-height: 24px;
        }
        h5,.button,li {
            font-size: 12px;
            line-height: 12px;
        }
        .section-1{
            margin-top: 111px;
        }
        .logo>img{
            width:100px;
        }
        .section{
            padding:30px 15px;
        }
        .section, .section.world{
            padding: 50px 15px;
        }
        .overlay:after,.overlay-1:after{
            background: rgba(0,0,0,0.3);
        }
        .overlay-2:after{
            background: rgba(0,0,0,0.7);
        }
        .overlay-3:after{
            background: rgba(255,255,255,0.2);
        }


        .button {
            padding: 5px 25px!important;
        }
        .coverage>h3{
            padding-left:30px;
        }
        .fa-bars {
            bottom:8px;
        }
        .box-margin {
            margin-top: 10px;
            margin-bottom: 10px;
        }
        .large {
            font-size: 50px;
            line-height: 50px;
        }
        .box-margin>* {
            margin-top: 0px;
            margin-bottom: 5px;
        }
        .logo{
            width:100px;
        }





    }


    /*  contact */
    #form1{
        margin: 0 auto;
    }
    #form1 h1{
        font-weight: 800;
        border-bottom: 2px solid white;
        display:inline-block;
    }
    #form1 form>div{
        padding:5px;
    }

    #form1 form>div input, #form1 form>div textarea {
        width: 100%;
        padding: 5px;
        border: 2px solid rgba(0, 0, 0,1);
        font-size: 16px;
        border-top: none;
    }
    #form1 form>div textarea {
    }
    .color-white{
        color:white;
    }
    .contact-us td i{display: inline-block;width: 20px;margin-right: 5px;}
    .contact-us-map .uk-cover{
        transform: translate(-50%, 0%);
    }
    .contact-us-map .uk-container{
        margin:0 auto;
    }
    #form1 input[type=submit] {
        width: fit-content;
        padding: 0;
        color: white;
        border-style: none;
        background-color: transparent;
        font-size: 18px;
        height: 18px;
        line-height: 18px;
    }
    #form1 input[type=submit]:hover {
        background-color: transparent;
        background-image: none;
    }
    #form1 .get-in-touch form {
        display: inline-block;
        width: 100%;
    }
    .get-in-touch{
        width:100%;
    }
    .contact-us ,.contact-us a{
        color:white;
        width:50%;
        background-color: #2d6b98!important;
    }
    .contact-us ,#form1 .get-in-touch form{
        padding:35px!important;
    }
    .contact-us {
        height:580px;
    }
    .contact-us a:hover{
        color:white;
    }
    .contact-us td{
        vertical-align: baseline;
        padding:10px;
    }
    .contact-us p{
        text-align: justify;
        font-family: Calibri!important;
        font-size: 16px!important;
        line-height: 24px!important;
    }
    .get-in-touch {
        padding: 0;
    }
    .get-in-touch li{
        margin-bottom:15px;
    }
    .sub-title>*{
        display: inline-block;
    }
    .sub-title>div{
        width: 18px;
        text-align: center;
    }
    .sub-title h3{
        margin-left:15px;
        margin-top: 23px;
    }





    @media(min-width:960px){
        .right_table>table {
            width: 50%;
        }
    }



    @media only screen and (max-width: 1199px) and (min-width:960px){
        .contact-us {
            padding: 50px 25px;
        }
        #form1 .get-in-touch form {
            display: inline-block;
        }
    }
    @media only screen and (max-width: 959px) and (min-width: 767px){
        .contact-us td {
            padding: 0 10px 0 10px;
            line-height: 28px;
            vertical-align: top;
        }
        .contact-us {
            padding: 50px 25px;
        }
        .contact-us, .contact-us a {
			width: 50%;
			background-color: #2d6b98!important;
   		}
		.subscription_box{
			width: 600px;;
		}

    }
    @media only screen and (max-width: 768px) and (min-width: 480px) {
    .contact-us {
        padding: 25px 25px;
        width:100%;
        height:auto;
    }
    #form1 .get-in-touch form {
        padding: 0!important;
        width:100%;
    }
    .get-in-touch {
        width: 100%;
        padding: 50px!important;
    }

    #form1 .get-in-touch form>*{
        padding-left: 0;
        padding-right:0;
    }
    .contact-us td {
        padding: 5px;
        line-height: 21px;
        vertical-align: top;
    }
		#form1 form>div>div{
			padding-top:5px;
		}
		.subscription_box{
			width: 500px;;
		}

    }
    @media only screen and (max-width: 479px) {


        .text-max-width{
            width: 100%;
        }
        .text-max-width p{
            text-align: justify;
        }
        .contact-us {
            padding: 25px 12px;
            width: calc(100%);
            height:auto;
        }
        .get-in-touch {
            width: 100%;
        }
        .contact-us, #form1 .get-in-touch form {
            padding: 25px!important;
        }

        .contact-us td{display: block;}
        #form1 h1 {
            font-weight: 800;
            padding-bottom: 0px;
            border-bottom: 2px solid white;
            display: inline-block;
            margin-bottom:5px!important;
            padding-bottom:5px!important;
        }
        #form1 .get-in-touch form {
            width: 100%;
            display: inline-block;
        }
        .contact-us td {
            padding: 5px;
            line-height: 21px;
            vertical-align: top;
        }
		#form1 form>div>div{
			padding-top:5px;
		}

		.subscription_box{
			width: 90vw;;
		}
        .subscr_button{margin-top: 20px;}
		.three-box .border{ background:#FFF;}
		.three-box .img{ padding-top:35px; height:initial; }
		.three-box h4{ position:relative; top:30px;}
    }

    /*  contact */


/*2019-05-04 BeiGua Add*/
@media all and (max-width: 979px) {
    .right_table{display: block;}
}
/* end */