.move-port .neirf .in-common-use {
    width: 100%;
    height: 30px;
    font-size: 0;
    line-height: 30px;
    padding: 0;
}
.move-port .neirf .in-common-use span {
    height: .7rem;
    display: inline-block;
    border-right: 1px solid rgba(255, 255, 255, 0.4);
}
.move-port .neirf .in-common-use li {
    width: 24%;
    height: auto;
    color: rgba(255, 255, 255, 0.6);
    font-size: 14px;
    text-align: center;
    display: inline-block;
    box-sizing: border-box;
}
.move-port .neirf .in-common-use .use-text {
    color: #FFFFFF;
    font-size: 14px;
}
.move-port .neirf .sites {
    width: 100%;
    height: auto;
    border-radius: 5px;
    border: 1px solid rgba(247, 244, 244, 0.4);
}
.move-port .neirf .sites dl {
    width: 98%;
    height: auto;
    margin: 0 auto;
    font-size: 0;
    margin-top: 5px;
    border-radius: 5px;
    margin-bottom: 5px;
    background: rgba(247, 244, 244, 0.4);
}
.move-port .neirf .sites dl dd {
    width: 25%;
    height: 6rem;
    text-align: center;
    line-height: 6.5rem;
    margin-bottom: 1rem;
    display: inline-block;
    box-sizing: border-box;
}
.move-port .neirf .sites dl dd a {
    background: unset;
    font-weight: initial;
    line-height: 85px;
    width: 6rem;
    height: 6rem;
    color: #333333;
    font-size: 14px;
    position: relative;
    text-decoration: none;
    display: inline-block;
}
.move-port .neirf .sites dl .sites-icon {
    width: 1.6rem;
    height: 1.6rem;
    display: inline-block;
    background-size: 20rem auto;
    position: absolute;
    top: 9px;
    left: 20px;
}
.move-port #common-sites {
    display: block;
}
.move-port #common-bank {
    display: none;
}
.move-port #common-message {
    display: none;
}
.move-port #common-shop {
    display: none;
}


/*常用網址*/
.move-port .neirf .sites dl .sites-icon1 {
    background: url(../images/webapp.png) no-repeat -3px -31px;
}
.move-port .neirf .sites dl .sites-icon2 {
    background: url(../images/webapp.png) no-repeat -33px -31px;
}
.move-port .neirf .sites dl .sites-icon3 {
    background: url(../images/webapp.png) no-repeat -63px -31px;
}
.move-port .neirf .sites dl .sites-icon4 {
    background: url(../images/webapp.png) no-repeat -93px -31px;
}
.move-port .neirf .sites dl .sites-icon5 {
    background: url(../images/webapp.png) no-repeat -123px -31px;
}
.move-port .neirf .sites dl .sites-icon6 {
    background: url(../images/webapp.png) no-repeat -153px -31px;
}
.move-port .neirf .sites dl .sites-icon7 {
    background: url(../images/webapp.png) no-repeat -183px -31px;
}
.move-port .neirf .sites dl .sites-icon8 {
    background: url(../images/webapp.png) no-repeat -213px -31px;
}
.move-port .neirf .sites dl .sites-icon9 {
    background: url(../images/webapp.png) no-repeat -243px -31px;
}
.move-port .neirf .sites dl .sites-icon10 {
    background: url(../images/webapp.png) no-repeat -273px -31px;
}
/*常用網銀*/
.move-port .neirf .sites dl .bank-icon1 {
    background: url(../images/webapp.png) no-repeat -3px -60px;
}
.move-port .neirf .sites dl .bank-icon2 {
    background: url(../images/webapp.png) no-repeat -33px -60px;
}
.move-port .neirf .sites dl .bank-icon3 {
    background: url(../images/webapp.png) no-repeat -63px -60px;
}
.move-port .neirf .sites dl .bank-icon4 {
    background: url(../images/webapp.png) no-repeat -93px -60px;
}
.move-port .neirf .sites dl .bank-icon5 {
    background: url(../images/webapp.png) no-repeat -123px -60px;
}
.move-port .neirf .sites dl .bank-icon6 {
    background: url(../images/webapp.png) no-repeat -153px -60px;
}
.move-port .neirf .sites dl .bank-icon7 {
    background: url(../images/webapp.png) no-repeat -183px -60px;
}
.move-port .neirf .sites dl .bank-icon8 {
    background: url(../images/webapp.png) no-repeat -213px -60px;
}
.move-port .neirf .sites dl .bank-icon9 {
    background: url(../images/webapp.png) no-repeat -243px -60px;
}
.move-port .neirf .sites dl .bank-icon10 {
    background: url(../images/webapp.png) no-repeat -273px -60px;
}
/*常用資訊*/
.move-port .neirf .sites dl .message-icon1 {
    background: url(../images/webapp.png) no-repeat -3px -90px;
}
.move-port .neirf .sites dl .message-icon2 {
    background: url(../images/webapp.png) no-repeat -33px -90px;
}
.move-port .neirf .sites dl .message-icon3 {
    background: url(../images/webapp.png) no-repeat -63px -90px;
}
.move-port .neirf .sites dl .message-icon4 {
    background: url(../images/webapp.png) no-repeat -93px -90px;
}
.move-port .neirf .sites dl .message-icon5 {
    background: url(../images/webapp.png) no-repeat -123px -90px;
}
.move-port .neirf .sites dl .message-icon6 {
    background: url(../images/webapp.png) no-repeat -153px -90px;
}
.move-port .neirf .sites dl .message-icon7 {
    background: url(../images/webapp.png) no-repeat -183px -90px;
}
.move-port .neirf .sites dl .message-icon8 {
    background: url(../images/webapp.png) no-repeat -213px -90px;
}
.move-port .neirf .sites dl .message-icon9 {
    background: url(../images/webapp.png) no-repeat -243px -90px;
}
.move-port .neirf .sites dl .message-icon10 {
    background: url(../images/webapp.png) no-repeat -3px -31px;
}
/*常用購物*/
.move-port .neirf .sites dl .shop-icon1 {
    background: url(../images/webapp.png) no-repeat -3px -120px;
}
.move-port .neirf .sites dl .shop-icon2 {
    background: url(../images/webapp.png) no-repeat -33px -120px;
}
.move-port .neirf .sites dl .shop-icon3 {
    background: url(../images/webapp.png) no-repeat -63px -120px;
}
.move-port .neirf .sites dl .shop-icon4 {
    background: url(../images/webapp.png) no-repeat -93px -120px;
}
.move-port .neirf .sites dl .shop-icon5 {
    background: url(../images/webapp.png) no-repeat -123px -120px;
}
.move-port .neirf .sites dl .shop-icon6 {
    background: url(../images/webapp.png) no-repeat -153px -120px;
}
.move-port .neirf .sites dl .shop-icon7 {
    background: url(../images/webapp.png) no-repeat -183px -120px;
}
.move-port .neirf .sites dl .shop-icon8 {
    background: url(../images/webapp.png) no-repeat -213px -120px;
}
.move-port .neirf .sites dl .shop-icon9 {
    background: url(../images/webapp.png) no-repeat -243px -120px;
}
.move-port .neirf .sites dl .shop-icon10 {
    background: url(../images/webapp.png) no-repeat -273px -120px;
}


/*Icon*/
.move-port .neirf .sites dl .sites-icon {
    width: 25px;
    height: 25px;
    display: inline-block;
    background-size: 30rem auto;
    position: absolute;
    top: 5px;
    left: 20px;
}



/*Mobile-bottom*/
.move-port .caption {
    color: #FFFFFF;
    padding-left: 5px;
    margin: 10px auto;
    font-size: .875rem;
}
.move-port .ydservice {
    width: 100%;
    height: auto;
    border-radius: 5px;
    border: 1px solid rgba(247, 244, 244, 0.4);
}
.move-port .ydservice ul {
    width: 98%;
    height: auto;
    margin: 0 auto;
    margin-top: 5px;
    border-radius: 5px;
    margin-bottom: 5px;
    background: rgba(247, 244, 244, 0.4);
}
.move-port .ydservice ul li {
    width: 100%;
    height: 75px;
    list-style: none;
    position: relative;
}
.move-port .ydservice ul .the-on-line1 {
    background: url(../images/webapp.png) no-repeat 0 -177px;
}
.move-port .ydservice ul .the-on-line2 {
    background: url(../images/webapp.png) no-repeat -54px -177px;
}
.move-port .ydservice ul .the-on-line3 {
    background: url(../images/webapp.png) no-repeat -113px -177px;
}
.move-port .ydservice ul .the-on-line {
    width: 5rem;
    height: 5rem;
    display: inline-block;
    background-size: 35rem auto;
    position: absolute;
    top: 15px;
    left: 20px;
}
.move-port .ydservice ul .service-text {
    width: 75%;
    height: 4.5rem;
    line-height: 1.5rem;
    display: inline-block;
    padding: 0 10px;
}
.move-port .ydservice ul .service-text .text1 {
    margin-top: 20px;
}
.move-port .ydservice ul .service-text p {
    color: #333333;
    font-size: .9rem;
}
.move-port .ydservice ul .service-text p {
    color: #333333;
    font-size: .9rem;
}

@media (max-width: 1024px){
    body {
        background-repeat: no-repeat;
        background-size: cover;
/*        background: url(../images/move-port.jpg);*/
    }
    .speed-header {
        text-align: center;
        /*background: #313242;*/
        padding: 30px;
    }
    .speed-header h1{
        margin: 0;
    }
    .body-wrapper{
        padding: 0 15px;
    }
    .backupLine{
        flex: 1;
    }
    .body-wrapper .speed,
    .body-wrapper .agspeed{
        /*margin: 0 -10px;*/
    }
    .body-wrapper .speed a,
    .body-wrapper .agspeed a{
        flex: 1;
        margin: 0 10px 20px 0;
    }
    .pc-port {
        display: none;
    }
    .move-port {
        display: block;
    }
}
@media (max-width: 700px){
    .body-wrapper {
        padding: 0px 10px;
    }
    .myFav a{
        margin-left: 10px;
    }
    .needLink{
        padding: 0 10px 15px;
    }
    .backupLine {
        flex: unset;
        width: 100%;
        margin: 0 0 15px 0;
    }
    .eastInfo {
        flex: unset;
        width: 100%;
    }

}
@media (max-width: 400px){
    .speed-header img {
        width: 50%;
    }
}