/*
@charset "utf-8";
body,html{font-family: "Helvetica";background-color: #F7F7F7;}
.wifi-enter-body{background-color: #f7f7f700;}
.cursor-pointer{cursor: pointer !important;}
* {
    margin: 0;
    padding: 0;
}

!*enter s*!
.wifi-enter{width:100%;}
.wifi-enter input:focus{outline: none;}
.enter-right-button{position: absolute;top: .5rem;right: .5rem;min-width: 120px;z-index: 1;}
.enter-right-button .button-lan{padding: 3px 30px 3px 40px;border: .01rem solid #FF0000;font-size: 12px;color: #FF0000;background-color:#ffffff00;border-radius: 20px;}
.enter-right-button .earth-i{background-image: url('../images/earth.svg');background-repeat: no-repeat;position: absolute;z-index: 100;width: 28px;height: 28px;top: 4px;left: 10px;}
.enter-right-button .lan-dropdown{background-color: #ffffff;padding: 10px 0 10px 40px;margin:10px 0;}
.lan-dropdown li{list-style: none;margin:10px 0;}
.lan-dropdown li a{color: #111;}
.lan-dropdown li.active a{color: #FF0000;}
.enter-text{position: relative;margin:20% auto 0;max-width: 6.00rem;z-index: 1;}
.enter-text .text-logo{text-align: center;}
.enter-text .text-title{color: #FFFFFF;text-align: center;margin-top:.20rem;line-height: .30rem;}
.enter-text .text-title.title-1{font-size: .30rem; }
.enter-text .text-title.title-2{font-weight: bold;font-size: .30rem;}
.enter-img{position:absolute;!* z-index: -1; *!top:0;}
.enter-img img{width:100%;}
.enter-button{position: relative;text-align: center;margin-top: .30rem;}
.enter-button .button-fix{margin: .20rem .40rem;padding: .03rem .30rem;border: .01rem solid #FF0000;font-size: .14rem;color: #FF0000;background-color:#ffffff00;border-radius: .20rem;}
.enter-button .button-setup{margin: .20rem .40rem;padding: .03rem .20rem;border: .01rem solid #FF0000;font-size: .14rem;color: #FF0000;background-color:#ffffff00;border-radius: .20rem;}
!*enter e*!

!*fix s*!
!*.wifi-fix{background-color: #F7F7F7;padding-bottom: 100px;}*!
.wifi-fix{!* display: flex; *!background-color: #F7F7F7;padding-bottom: 100px;position: absolute;min-width: 1440px;left: 50%;transform: translateX(-50%);}
.section-0 .fix-text{margin:60px 0 0 250px;max-width: 940px;z-index: 1;position:relative;}
.section-0 .fix-text .text-title{color: #FFFFFF;line-height: 30px;}
.section-0 .fix-text .text-title.title-1{font-weight: bold;font-size: 30px;margin-top: 40px;}
.section-0 .fix-text .text-title.title-2{font-size: 20px;font-family: Helvetica-Light;margin-top: 10px;}
.section-0 .fix-img{position:absolute;top:0;}
.section-0 .fix-img img{width:100%;}

.wifi-fix .section-context{margin:60px 0 0 250px;max-width: 940px;}
.wifi-fix .section-1{padding-top:60px;}
.section-1 .fix-text .text-title,.section-2 .fix-text .text-title,.section-3 .fix-text .text-title,
.section-4 .fix-text .text-title,.section-5 .fix-text .text-title,.section-6 .fix-text .text-title{color: #000000;margin:20px 0;font-family: Helvetica-Light;font-size: 20px;line-height: 30px;}
.section-1 .fix-text .text-title em,.section-2 .fix-text .text-title em,.section-3 .fix-text .text-title em,
.section-6 .fix-text .text-title em,.section-4 .fix-text .text-title em,.section-5 .fix-text .text-title em{font-weight: bold;font-style: normal;}
.section-1 .fix-img img,.section-2 .fix-img img,.section-3 .fix-img img,.section-4 .fix-img img,.section-5 .fix-img img,
.section-6 .fix-img img{width:100%;}
.section-2 .fix-text .text-title img{width:50px;}
.section-6 .fix-text .text-title b{color:#34c658;}
.section-7 .fix-text .text-title {font-size: 20px;font-family: Helvetica-Light;line-height: 30px;}

!*fix e*!

!*setup s*!
!*.wifi-setup{background-color: #F7F7F7;padding-bottom: 100px;}*!
.wifi-setup{!* display: flex; *!background-color: #F7F7F7;padding-bottom: 100px;position: absolute;min-width: 1440px;left: 50%;transform: translateX(-50%);}
.section-0 .setup-text{margin:60px 0 0 250px;max-width: 940px;z-index: 1;position:relative;}
.section-0 .setup-text .text-title{color: #FFFFFF;margin-top:40px;line-height: 40px;}
.section-0 .setup-text .text-title.title-1{font-weight: bold;font-size: 30px; }
.section-0 .setup-text .text-title.title-2{font-size: 20px;font-family: Helvetica-Light;}
.section-0 .setup-img{position:absolute;top:0;}
.section-0 .setup-img img{width:100%;}

.wifi-setup .section-context{margin:60px 0 0 250px;max-width: 940px;}

.wifi-setup .section-1{padding-top:60px;}
.section-1 .setup-text .text-title,.section-2 .setup-text .text-title,.section-3 .setup-text .text-title,
.section-4 .setup-text .text-title,.section-5 .setup-text .text-title,.section-6 .setup-text .text-title{color: #000000;margin:20px 0;font-family: Helvetica-Light;font-size: 20px;line-height: 30px;}
.section-1 .setup-text .text-title em,.section-2 .setup-text .text-title em,.section-3 .setup-text .text-title em,
.section-4 .setup-text .text-title em,.section-5 .setup-text .text-title em,.section-6 .setup-text .text-title em{font-weight: bold;font-style: normal;}
.section-1 .setup-img img,.section-2 .setup-img img,.section-3 .setup-img img,.section-4 .setup-img img,
.section-5 .setup-img img,.section-6 .setup-img img{width:100%;}

.section-2 .setup-text .text-title img{width:50px;}
.section-6 .setup-text .text-title b{color:#34c658;}
.section-7 .setup-text .text-title {font-size: 20px;font-family: Helvetica-Light;line-height: 30px;}

!*setup e*!

@media (max-width:992px){
    !*enter s*!
    .enter-text .text-logo img{width:20%;}
    .enter-text .text-title.title-1{font-size: 25px; }
    .enter-text .text-title.title-2{font-weight: bold;font-size: 25px;}
    .enter-right-button{top: 30px;right: 20px;}
    .enter-button{margin:50px 0 0 0;}
    .enter-button .button-fix{width:80%;margin: 20px 40px;padding: 10px 30px;font-size: 14px;border-radius: 25px;}
    .enter-button .button-setup{width:80%;margin: 20px 40px;padding: 10px 30px;font-size: 14px;border-radius: 25px;}
    !*enter e*!

    !*fix s*!
    .wifi-fix{!* display: flex; *!background-color: #F7F7F7;padding-bottom: 100px;position: absolute;min-width: auto;left: 0;transform: translateX(-0%);}

    .section-0 .fix-text{margin:20px 0 0 40px;max-width: 320px;}
    .section-0 .fix-text .text-title{line-height: 20px;}
    .section-0 .fix-text .text-title.title-1{font-size: 15px; margin-top:20px;}
    .section-0 .fix-text .text-title.title-2{font-size: 12px;font-family: Helvetica-Light;margin-top:5px;}
    .section-0 .fix-img{position:absolute;top:0;}
    .section-0 .fix-text .text-logo img{width:40%;}

    .wifi-fix .section-context {margin: 20px 20px 40px 20px;}
    .wifi-fix .section-1{padding-top:5px;}
    !*fix e*!

    !*setup s*!
    .wifi-setup{!* display: flex; *!background-color: #F7F7F7;padding-bottom: 100px;position: absolute;min-width: auto;left: 0;transform: translateX(-0%);}

    .section-0 .setup-text{margin:20px 0 0 40px;max-width: 320px;}
    .section-0 .setup-text .text-title{line-height: 20px;margin-top:20px;}
    .section-0 .setup-text .text-title.title-1{font-weight: bold;font-size: 15px; }
    .section-0 .setup-text .text-title.title-2{font-size: 12px;font-family: Helvetica-Light;margin-top:5px;}
    .section-0 .setup-img{position:absolute;top:0;}
    .section-0 .setup-text .text-logo img{width:40%;}

    .wifi-setup .section-context {margin: 20px 20px 40px 20px;}
    !*setup e*!

}

*/
@charset "utf-8";
body,html{font-family: "Helvetica";background-color: #F7F7F7;}
.wifi-enter-body{background-color: #f7f7f700;}
.cursor-pointer{cursor: pointer !important;}
*{line-height:23px;}
* {
    margin: 0;
    padding: 0;
}

/*enter s*/
.wifi-enter{width:100%;}
.wifi-enter input:focus{outline: none;}
.wifi-enter button:focus{outline: none;}
.enter-right-button{position: absolute;top: .5rem;right: .5rem;min-width: 120px;z-index: 1;}
.enter-right-button .button-lan{padding: 3px 30px 3px 40px;border: .01rem solid #FF0000;font-size: 12px;color: #FF0000;background-color:rgba(0,0,0,0);border-radius: 20px;}
.enter-right-button .earth-i{background-image: url('../images/earth.svg');background-repeat: no-repeat;position: absolute;z-index: 100;width: 28px;height: 28px;top: 5px;left: 10px;}
.enter-right-button .lan-dropdown{background-color: #ffffff;padding: 10px 0 10px 40px;margin:10px 0;height: 300px;overflow: scroll;}
.lan-dropdown li{list-style: none;margin:10px 0;}
.lan-dropdown li a{color: #111;}
.lan-dropdown li.active a{color: #FF0000;}
.enter-text{position: relative;margin:20% auto 0;max-width: 6.00rem;z-index: 1;}
.enter-text .text-logo{text-align: center;}
.enter-text .text-logo img{width:30%;}
.enter-text .text-title{color: #FFFFFF;text-align: center;margin-top:.20rem;line-height: .30rem;}
.enter-text .text-title.title-1{font-size: .30rem; }
.enter-text .text-title.title-2{font-weight: bold;font-size: .30rem;}
.enter-img{position:absolute;/* z-index: -1; */top:0;}
.enter-img img{width:100%;}
.enter-button{position: relative;text-align: center;margin-top: .30rem;}
.enter-button .button-fix{margin: .20rem .40rem;padding: .05rem .30rem;border: .01rem solid #FF0000;font-size: .14rem;color: #FF0000;background-color:rgba(0,0,0,0);border-radius: .20rem;}
.enter-button .button-setup{margin: .20rem .40rem;padding: .05rem .20rem;border: .01rem solid #FF0000;font-size: .14rem;color: #FF0000;background-color:rgba(0,0,0,0);border-radius: .20rem;}
/*enter e*/

/*fix s*/
.wifi-fix{background-color: #F7F7F7;padding-bottom: 1.00rem;}
.section-0 .fix-text{margin:.60rem 2.50rem;z-index: 1;position:absolute;}
.section-0 .fix-text .text-title{color: #FFFFFF;line-height: .30rem;}
.section-0 .fix-text .text-title.title-1{font-weight: bold;font-size: .30rem;margin: .40rem 0 .20rem;}
.section-0 .fix-text .text-title.title-2{font-size: .24rem;font-family: Helvetica-Light;}
.section-0 .fix-img img{width:100%;}

.wifi-fix .section-context{margin:.60rem 2.50rem 0 2.50rem;}
.section-1 .fix-text .text-title,.section-2 .fix-text .text-title,.section-3 .fix-text .text-title,
.section-4 .fix-text .text-title,.section-5 .fix-text .text-title,.section-6 .fix-text .text-title{color: #000000;margin:.20rem 0;font-family: Helvetica-Light;font-size: .20rem;line-height: .30rem;}
.section-1 .fix-text .text-title em,.section-2 .fix-text .text-title em,.section-3 .fix-text .text-title em,
.section-6 .fix-text .text-title em,.section-4 .fix-text .text-title em,.section-5 .fix-text .text-title em{font-weight: bold;font-style: normal;}
.section-1 .fix-img img,.section-2 .fix-img img,.section-3 .fix-img img,.section-4 .fix-img img,.section-5 .fix-img img,
.section-6 .fix-img img{width:100%;}
.section-0 .fix-text .text-logo img{width:30%;}

.section-2 .fix-text .text-title img{width:50px;}
.section-6 .fix-text .text-title b{color:#34c658;}
.section-7 .fix-text .text-title {font-size: .20rem;font-family: Helvetica-Light;line-height: .30rem;}
/*fix e*/

/*setup s*/
.wifi-setup{background-color: #F7F7F7;padding-bottom: 1.00rem;}
.section-0 .setup-text{margin:.60rem 2.50rem;z-index: 1;position:absolute;}
.section-0 .setup-text .text-title{color: #FFFFFF;margin-top:.40rem;line-height: .40rem;}
.section-0 .setup-text .text-title.title-1{font-weight: bold;font-size: .30rem; }
.section-0 .setup-text .text-title.title-2{font-size: .20rem;font-family: Helvetica-Light;}
.section-0 .setup-img img{width:100%;}
.section-0 .setup-text .text-logo img{width:150%;}

.wifi-setup .section-context{margin:.60rem 2.50rem 0 2.50rem;}
.section-1 .setup-text .text-title,.section-2 .setup-text .text-title,.section-3 .setup-text .text-title,
.section-4 .setup-text .text-title,.section-5 .setup-text .text-title,.section-6 .setup-text .text-title{color: #000000;margin:.20rem 0;font-family: Helvetica-Light;font-size: .20rem;line-height: .30rem;}
.section-1 .setup-text .text-title em,.section-2 .setup-text .text-title em,.section-3 .setup-text .text-title em,
.section-4 .setup-text .text-title em,.section-5 .setup-text .text-title em,.section-6 .setup-text .text-title em{font-weight: bold;font-style: normal;}
.section-1 .setup-img img,.section-2 .setup-img img,.section-3 .setup-img img,.section-4 .setup-img img,
.section-5 .setup-img img,.section-6 .setup-img img{width:100%;}
.section-6 .setup-text .text-title b{color:#34c658;}
.section-7 .setup-text .text-title {font-size: .20rem;font-family: Helvetica-Light;line-height: .30rem;}

/*setup e*/

@media (max-width:992px){
    /*enter s*/
    .enter-text{margin:50% auto 0;}
    /*.enter-text .text-logo img{width:20%;}*/
    .enter-text .text-title.title-1{font-size: .25rem; }
    .enter-text .text-title.title-2{font-weight: bold;font-size: .25rem;}
    .enter-right-button{top: 30px;right: 20px;}
    .enter-button{margin:50px 0 0 0;}
    .enter-button .button-fix{width:80%;margin: .20rem .40rem;padding: .10rem .30rem;font-size: .14rem;border-radius: .25rem;}
    .enter-button .button-setup{width:80%;margin: .20rem .40rem;padding: .10rem .30rem;font-size: .14rem;border-radius: .25rem;}
    /*enter e*/

    /*fix s*/
    .section-0 .fix-text{margin:.20rem;}
    .section-0 .fix-text .text-title{line-height: .20rem;}
    .section-0 .fix-text .text-title.title-1{font-size: .15rem; margin:.15rem 0 .05rem;}
    .section-0 .fix-text .text-title.title-2{font-size: .12rem;font-family: Helvetica-Light;}
    .section-0 .fix-text .text-logo img{width:40%;}
    .wifi-fix .section-context {margin: .20rem;}
    /*fix e*/

    /*setup s*/
    .section-0 .setup-text{margin:.20rem;}
    .section-0 .setup-text .text-title{line-height: .20rem;}
    .section-0 .setup-text .text-title.title-1{font-weight: bold;font-size: .15rem;margin:.15rem 0 .05rem;}
    .section-0 .setup-text .text-logo img{width:80%;}
    .wifi-setup .section-context {margin: .20rem;}
    /*setup e*/

}