section#lorem_ipsum,section#product,section#block3,section#about_us{
    overflow: hidden;
}
/* =========== power ========= */
#power{
    position: relative;
    height: 250vh;
}
#power h2,#power h4{
    text-shadow: 0.05em 0.05em 0.1em #33333369;
}
#power h4{
    margin-top: 4%;
}
#power >div.fix{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
#power #parallax_bg {
    position: relative;
    width: 100%;
    height: 100%;
}
#power #parallax_bg .lax{
    position: absolute;
    width: 100%;
    top: 0;
    z-index: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding-bottom: 100vh;
}
#power #parallax_bg .layer1{
    background-image: url(../../img/ure_power/index/parallax/sky.jpg);
    transition: 0.5s ease-out;
}
#power #parallax_bg .layer2{
    background-image: url(../../img/ure_power/index/parallax/mountains.png);
    transition: 0.5s ease-out;
}
#power #parallax_bg .layer3{
    background-image: url(../../img/ure_power/index/parallax/family.png);
    transition: 0.5s ease-out;
}
#power #parallax_bg .txt_box{
    position: absolute;
    top: 37vh;
    left: 17%;
    color: white;
    z-index: 5;
}
#power .mobile_on{
    display: none;
}
#power span.gradual{
    position: relative;
    /* background-color: #bdc3c7; */
    background: -webkit-linear-gradient(to left, #2c3e50, #bdc3c7);
    background: linear-gradient(to right, #25252566, #c2c2c200);
    display: block;
    width: 50%;
    height: 100%;
    z-index: 2;
}
#power span.cover_bg{
    position: relative;
    background: linear-gradient(-35deg, #5D99A8, #FFFFFF) fixed;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 6;
}
/* loding */
#ui {
    width: 150px;
    height: 150px;
    margin-top: -100px;
    margin-left: -100px;
    position: absolute;
    top: 50%;
    left: 52%;
}
    
#ui .circle {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    border: 1px solid #fff;
    position: relative;
    box-sizing: border-box;
}
#ui .circle:before {
    content: "";
    display: block;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    border: 20px solid #fff;
    opacity: 0.2;
    box-sizing: border-box;
}
#ui .circle:after {
    content: "";
    display: block;
    width: 110px;
    height: 110px;
    border: 1px solid #fff;
    border-radius: 50%;
    top: 18px;
    left: 18px;
    position: absolute;
    opacity: 0.3;
}
    
#ui .circle .doc {
    width: 20px;
    height: 20px;
    background: linear-gradient(to left, #fff 10%, rgba(255, 255, 255, 0) 100%);
    position: absolute;
    top: 0px;
    left: 65px;
    transform-origin: center 75px;
    animation: kurukuru 5s linear infinite;
}
#ui .circle span {
    width: 150px;
    display: block;
    position: absolute;
    /* top: 45%; */
    top: 23%;
    text-align: center;
    color: #fff;
    font-family: initial;
    font-size: 20px;
    opacity: 0.9;
    transition: .2s .6s ease-out;
}

@keyframes kurukuru { 
    0% {
        transform: rotate(0deg);
    }
    100% {  
        transform: rotate(360deg);
    }
}
  
/* =========== Lorem ipsum ========= */
#lorem_ipsum{
    position: relative;
    background-color: white;
    /* padding-bottom: 5% ; */
}
#lorem_ipsum >div{
    position: absolute;
    width: 100%;
    top: 5%;
    padding-top: 3%;
}
#lorem_ipsum .w1400{
    z-index: 2;
}
/* #lorem_ipsum .txt_p{
    padding-right: 16%;
} */




/* =========== Lorem ipsum ========= */
#product{
    position: relative;
    background-color: white;
    /* padding: 3% 0; */
}
#product h3.txt-main{
    margin-bottom: 54px;
}
#product h5{
    margin-top: 12px;
}
#product p{
    margin-bottom: 27px;
}
#product .line{
    width: 28px;
    height: 1px;
    background-color:#5230D1;
    margin: 27px 0 ;
}
#product .container .product_item{
    position: relative;
    overflow: hidden;
}
#product .container .padding_a7:nth-child(3){
    width: 100%;
    padding: 7px 14px 7px 0px;
    /* padding: 7px 0px 7px 12px; */
}
#product .col50 .product_item .txt_box{
    position: absolute;
    width: 85%;
    left: 53px;
    top: 45px;
    z-index: 2;
}
#product .bg_grey3 .txt_box{
    position: absolute;
    width: 40%;
    left: 53px;
    top: 140px;
}
#product .flex-wrap{
    justify-content: flex-end;
}
#product .product_item .btn{
    opacity: 0;
    transition: .3s;
}
#product .product_item:hover .btn{
    opacity: 1;
}
#product .product_item .pic{
    overflow: hidden;
}
#product .product_item .pic img{
    transition: .3s;
    padding-top: 4%;
}
#product .product_item:hover .pic img{
    transform: scale(1.1);
}

/* =========== block3 ========= */
#block3{
    position: relative;
    background-color: white;
    padding-top: 8%;
}
#block3 .w1400{
    height: 170px;
} 
#block3 .video_box{
    position: relative;
    width: 73%;
    margin: 0 auto;
}
#block3 .video_box .play_icon,
#block3 .video_box .pause_icon{
    position: absolute;
    width: 100%;
    text-align: center;
    top: 46%;
    z-index: 5;
    transition: .2s;
}
#block3 .video_box .play_icon:hover img,
#block3 .video_box .pause_icon:hover img{
    transform: scale(1.1);
}
#block3 .video_box .play_icon img , #block3 .video_box .pause_icon img{
    width: 5% ;
    transition: .2s;
}
#block3 .video-container {
    position: relative;
    /* padding-bottom: 56.25%;
    padding-top: 30px; */
    padding-bottom: 33%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    width: 75%;
    margin: 30px auto;
    }
    
#block3 .video-container iframe,#block3 .video-container object,#block3 .video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/* =========== about_us ========= */
#about_us{
    padding: 7.5% 0; ;
}
#about_us .w1400{
    align-items: center;
}
#about_us .txt_box h3{
    margin-bottom: 47px;
}
#about_us .col45{
    padding-right: 5%;
}
#about_us .col55{
    text-align: right;
}
#about_us .btn{
    margin-top: 50px;
}


#knology {
	padding-bottom: 40px;
}
#knology .mobile {
	display: none;
}
#knology .title {
	margin-bottom: 47px;
}

@media screen and (max-width:768px){
    #knology .title {
        margin: 0 auto;
        margin-bottom: 30px;
	}
	#knology .pc {
		display: none;
	}
	#knology .mobile {
		display: block;
	}
}


@media screen and (max-width:1680px){
    #product .product_item .pic img{
        padding-top: 10%;
    }
}

@media screen and (max-width:1440px){
    /* -----------power-------------------- */
    #power{
        height: 200vh;
    }
    /* -----------lorem_ipsum-------------- */
    #lorem_ipsum >div{
        padding-top: 3%;
    }
    #lorem_ipsum video{
        padding-top: 4%;
    }
    #lorem_ipsum .txt_p{
        padding-right: 0;
        width: 100%;
    }
    #lorem_ipsum .flex-wrap{
        flex-wrap: nowrap;
    }
    /* -----------product-------------------- */
    #product .line{
        margin: 3% 0;
    }
    
    /* ----------block3 ------------------- */
    #block3 .txt_p{
        padding-right: 0;
    }
    /* ----------about_us ------------------- */
    #about_us .w1400 {
        justify-content: space-between;
    }
}

@media screen and (max-width:1280px){
    /* -----------power-------------------- */
    #power #parallax_bg .txt_box {
        top: 38vh;
    }
    /* -----------lorem_ipsum-------------- */
    #lorem_ipsum .flex-wrap {
        flex-wrap: wrap;
        justify-content: center;
    }
    #lorem_ipsum .flex-wrap .col40{
        text-align: center;
    }
    #lorem_ipsum video{
        padding-top: 11%;
    }
    #lorem_ipsum .txt_p {
        padding-top: 3%;
    }
     /* -----------product-------------------- */
    #product .col50 .product_item .txt_box{
        left: 35px;
        top: 20px;
    }
    #product .bg_grey3 .txt_box{
        left: 35px;
        top: 100px;
    }
    #product .product_item .pic img {
        padding-top: 12%;
    }
    /* ----------about_us ------------------- */
    #about_us .col45{
        padding-right: 0;
    }
}

@media screen and (max-width:1024px){
    /* -----------power-------------------- */
    #power{
        height: 150vh;
    }
    #power #parallax_bg .txt_box {
        top: 42vh;
        left: 10%;
    }
    #power #parallax_bg .lax {
        padding-bottom: 92vh;
    }
    /* -----------lorem_ipsum-------------------- */
    #lorem_ipsum >div{
        top: 5%
    }
    /* #lorem_ipsum .txt_p {
        padding-top: 3%;
    } */
    #lorem_ipsum video{
        padding-top: 16%;
    }
    /* -----------product-------------------- */
    #product p {
        margin-bottom: 15px;
    }
    #product .product_item .pic img {
        padding-top: 116px;
    }
    #product .product_item.bg_grey3 .pic img {
        padding-top: 15%;
    }
    #product .bg_grey3 .txt_box{
        top: 20%;
    }
    #product .line {
        margin: 5% 0;
    }
    #block3 .video_box .play_icon img , #block3 .video_box .pause_icon img{
        width: 7% ;
    }
}

@media screen and (max-width:768px){
    
    /* -----------power-------------------- */
    #power{
        position: relative;
        height: 100%;
        width: 100%;
        padding-top: 133%;
    }
    #power #parallax_bg .txt_box {
        top: 39vh;
        left: 0;
        width: 100%;
        padding: 0 10%;
        text-align: center;
    }
    #power #parallax_bg img{
        position: relative;
    }
    #power #parallax_bg,#power >div.fix{
        height: auto;
        width: 100vw;
    }
    #power #parallax_bg .lax{
        display: none !important;
    }
    #power .mobile_on{
        display: block;
        background-image: url(../../img/ure_power/index/parallax/mobile-768x1024.jpg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        padding-bottom: 132%;
    }
    #power span.cover_bg{
        display: none;
    }
    /* -----------lorem_ipsum--------------- */
    #lorem_ipsum >div{
        position: relative;
        padding: 6%;
    }
    #lorem_ipsum video {
        margin-top: -30%;
    }
    #lorem_ipsum .flex-wrap .col40 {
        margin-bottom: 3%;
        width: 100%;
    }
    
    /* -----------product-------------------- */
    #product h3.txt-main{
        margin-bottom: 3%;
    }
    #product .col50 .product_item .txt_box{
        position: relative;
        top: 0;
        left: 0;
        padding: 8%;
        width: 100%;
    }
    #product .product_item .btn{
        opacity: 1;
    }
    #product .product_item .pic img{
        padding: 0;
        margin-top: -31%;
    }
    #product .product_item:hover .pic img{
        transform: none;
    }
    #product .product_item.bg_grey3 .pic img{
        margin-top: 0%;
    }
    #product .bg_grey3 .txt_box{
        position: relative;
        width: 100%;
        top: 0;
        left: 0;
        padding: 8%;
    }
    #product .container .col50{
        width: 100%;
    }
    #product .product_item.bg_grey3 .pic img {
        margin-top: -9%;;
    }
    #product .product_item .pic {
        margin-top: -11%;
    }
    #product .container .padding_a7:nth-child(3) {
        /* padding: 7px 14px 7px 0px; */
        padding: 7px 0px 7px 12px;
    }
    /* -----------bloc3-------------------- */
    #block3 .col40 , #block3 .col60{
        width: 100%;
    }
    #block3 .col40{
        text-align: center;
        height: 18%;
        margin-bottom: 3%
    }
    #block3 .w1400{
        height: auto;
        padding: 8% 0 5%;
    }
    #block3 .video_box .play_icon:hover,#block3 .video_box .pause_icon:hover{
        transform: none
    }
    #block3 .video_box {
        width: 80%;
    }
    /* -----------bloc3-------------------- */
    #about_us .col45 ,#about_us .col55{
        width: 100%;
    }
    #about_us .col45 h3 {
        text-align: center;
        margin-bottom: 3%;
    }
    #about_us .btn {
        margin-top: 0;
        margin: 15% 0;
    }
}

@media screen and (max-width:550px){
    #power #parallax_bg .txt_box {
        padding: 0 4%;
        top: 35%;
    }
    /* -----------power-------------------- */
    #power span.gradual{
        position: absolute;
        background: -webkit-linear-gradient(to top, #25252524, #c2c2c200);
        background: linear-gradient(to top, #25252524, #c2c2c200);
        display: block;
        width: 100%;
        height: 100%;
        z-index: 2;
        top: 0;
    }
    /* -----------lorem_ipsum-------------------- */
    #lorem_ipsum video {
        padding-top: 0;
        margin-top: -17%;
    }
    /* -----------product-------------------- */
    #product .container{
        flex-wrap: wrap;
    }
    #product .txt_box {
        position: relative;
        width: 100%;
        top: 0;
        left: 0;
        padding: 8% !important;
    }
    #product .product_item.bg_grey3 .pic img {
        margin-top: -17%;
    }
    #product .product_item .pic {
        margin-top: -5%;
    }
    #product .txt_box{
        padding: 6%
    }
    /* -----------bloc3-------------------- */
    #block3 .video_box .play_icon img , #block3 .video_box .pause_icon img{
        width: 9% ;
    }
    #block3 .video-container {
        padding-bottom: 50%;
        width: 93%;
        margin: 20px auto;
    }

}

@media screen and (max-width:480px){
    #product .w1400{
        width: 95%;
    }
    #block3 .video_box {
        width: 100%;
    }
}

@media screen and (max-width:425px){
    #power .mobile_on{
        display: block;
        background-image: url(../../img/ure_power/index/parallax/mobile-768x1024.jpg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        padding-bottom: 128%;
    }
    #block3 .video_box .play_icon img , #block3 .video_box .pause_icon img{
        width: 11% ;
    }
}

@media screen and (max-width:375px){
    #block3 .video_box .play_icon img , #block3 .video_box .pause_icon img{
        width: 12% ;
    }
}

#lightbox_newyear {
	width: 480px;
	padding: 40px;
}
#lightbox_newyear .closebtn {
	right: 10px;
	top: 10px;
}
#lightbox_newyear .imgbox {
	width: 100%;
	height: 100%;
}

#lightbox_newyear .imgbox img{
	width: 100%;
}
@media screen and (max-width:768px) {
	#lightbox_newyear {
		width: 400px;
	}
}
@media screen and (max-width:480px) {
	#lightbox_newyear {
		width: 320px;
	}
}
@media screen and (max-width:380px) {
	#lightbox_newyear {
		width: 300px;
	}
}