/*1024x768    1024x1366*/
@media screen and (min-width:768px) and (orientation : portrait) {
    #start-page .start-summary.mobile{
         height: 300px;
    }
    #start-page .start-summary.mobile h2{
        font-size: 26px;
    }
    #start-page .start-summary.mobile p{
        font-size: 16px;
    }
    #shy-page .gateway .gatewayCon.mobile div{
        height: 50px;
    }
    #shy-page .gateway .gatewayCon.mobile div span{
        margin: 15px 20px 0;
    }
    #shy-page .gateway.mobile .gatewayCon.mobile div p{
        height: 50px;
        line-height: 50px;
    }
    #shy-page .gateway.mobile .gatewayCon.mobile{
        height: 165px;
    }
    #shy-page .gateway.mobile .gatewayCon.mobile .gateway-floor.mobile{
        line-height: 165px;
        left: 50px;
    }
    #shy-page .gateway.mobile .gatewayCon.gateway-4f{
        height: 230px;
    }
    #shy-page .gateway.mobile .gatewayCon.gateway-4f .gateway-floor.mobile{
        height: 230px;
        line-height: 230px;
    }
    #shy-page .gateway.mobile .gatewayCon.mobile div{
        width: 70%;
        margin-left: 50px;
    }
    #shy-page .shy-page-back.mobile{
        bottom: 90px;
    }

    .popup-shy.mobile .popup-con h2{
        margin: 30px 0 5px;
        font-size: 22px;
    }
    .popup-case .popup-shy.mobile .popup-con .popup-btn{
        flex-direction: row;
        height: auto;
        position: absolute;
        bottom: 15px;
        left: 0;
    }
    .popup-case .popup-shade .popup-desc.mobile{
        height: 60%;
    }
    .popup-case .popup-shade .popup-desc.mobile .desc-caption{
        padding: 30px 0 20px;
        letter-spacing: 1px;
        font-size: 24px;
    }
    .popup-shade .popup-desc.mobile .desc-contant1, .popup-shade .popup-desc.mobile .desc-contant2, .popup-shade .popup-desc.mobile .desc-contant4{
        padding: 9px 40px;
        font-size: 18px;
        line-height: 32px;
    }
}
@media screen and (min-width:1024px) and (orientation : portrait) {
    #start-page .start-summary.mobile{
        height: 300px;
    }
    #start-page .start-summary.mobile h2{
        font-size: 26px;
    }
    #start-page .start-summary.mobile p{
        font-size: 16px;
    }
    #shy-page .gateway .gatewayCon.mobile div{
        height: 60px;
    }
    #shy-page .gateway .gatewayCon.mobile div span{
        margin: 20px 20px 0;
    }
    #shy-page .gateway.mobile .gatewayCon.mobile div p{
        height: 60px;
        line-height: 60px;
    }
    #shy-page .gateway.mobile .gatewayCon.mobile{
        height: 210px;
    }
    #shy-page .gateway.mobile .gatewayCon.mobile .gateway-floor.mobile{
        line-height: 210px;
        left: 90px;
    }
    #shy-page .gateway.mobile .gatewayCon.gateway-4f{
        height: 280px;
    }
    #shy-page .gateway.mobile .gatewayCon.gateway-4f .gateway-floor.mobile{
        height: 280px;
        line-height: 280px;
    }
    #shy-page .gateway.mobile .gatewayCon.mobile div{
        width: 65%;
        margin-left: 60px;
    }
    #shy-page .shy-page-back.mobile{
        bottom: 160px;
    }

    .popup-shy.mobile .popup-con h2{
        margin: 50px 0 5px;
        font-size: 24px;
    }
    .popup-case .popup-shy.mobile .popup-con .popup-btn{
        flex-direction: row;
        height: auto;
        position: absolute;
        bottom: 0;
        left: 0;
    }
    .popup-case .popup-shade .popup-desc.mobile{
        height: 50%;
    }
    .popup-case .popup-shade .popup-desc.mobile .desc-caption{
        padding: 30px 0 20px;
        letter-spacing: 1px;
        font-size: 24px;
    }
    .popup-shade .popup-desc.mobile .desc-contant1, .popup-shade .popup-desc.mobile .desc-contant2, .popup-shade .popup-desc.mobile .desc-contant4{
        padding: 9px 40px;
        font-size: 20px;
        line-height: 36px;
    }
}

@media screen and (min-width:1024px) and (orientation : landscape) {
    #start-page .start-summary.mobile{
        height: 300px;
    }
    #shy-page .gateway.mobile .gatewayCon.mobile .gateway-floor.mobile{
        left: 50px;
    }
    .popup-case .popup-shy.mobile{
        width: 760px;
        height: 580px;
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -290px 0 0 -380px;
        background: rgba(245,245,245,0.95);
        border-radius: 3px;
    }
    .popup-case .popup-shy.mobile .popup-con .popup-btn{
        flex-direction: row;
        height: auto;
        position: absolute;
        bottom: 15px;
        left: 0;
    }
    .popup-case .popup-shy.mobile .popup-con img{
        width: 75%;
    }
    .popup-case .popup-shade .popup-desc.mobile{
        height: 50%;
    }
}
@media screen and (min-width:1366px) and (orientation : landscape) {
    #shy-page .gateway.mobile .gatewayCon.mobile .gateway-floor.mobile{
        line-height: 165px;
        left: 90px;
    }
    #shy-page .gateway.mobile .gatewayCon.mobile{
        height: 165px;
    }
    #shy-page .gateway.mobile .gatewayCon.gateway-4f{
        height: 242px;
    }
    #shy-page .gateway.mobile .gatewayCon.gateway-4f .gateway-floor.mobile{
        line-height: 242px;
    }

    .popup-case .popup-shy.mobile .popup-con .popup-btn{
        flex-direction: row;
        height: auto;
        position: absolute;
        bottom: 15px;
        left: 0;
    }
    .popup-case .popup-shy.mobile .popup-con img{
        width: 78%;
    }
    .popup-case .popup-shade .popup-desc.mobile{
        height: 60%;
    }
    .popup-case .popup-shy.mobile .popup-con{
        height: 90%;
        top: 5%;
    }
}