/* 外观 */
.section-finish .caption-purple {
    top: -40px;
    left: 180px;
}

@media only screen and (max-width: 1068px) {
    .section-finish .caption-purple {
        top: -36px;
        left: 145px;
    }
}

@media only screen and (max-width: 734px) {
    .section-finish .caption-purple {
        top: 154px;
        left: 0px;
    }
}

.section-finish .caption-starlight {
    top: -40px;
    left: 352px;
}

@media only screen and (max-width: 1068px) {
    .section-finish .caption-starlight {
        top: -36px;
        left: 280px;
    }
}

@media only screen and (max-width: 734px) {
    .section-finish .caption-starlight {
        top: 258px;
        left: 0px;
    }
}

.section-finish .caption-spacegray {
    top: -40px;
    left: 520px;
}

@media only screen and (max-width: 1068px) {
    .section-finish .caption-spacegray {
        top: -36px;
        left: 420px;
    }
}

@media only screen and (max-width: 734px) {
    .section-finish .caption-spacegray {
        top: 362px;
        left: 0px;
    }
}

/* 按鈕及接口 */
.caption-speaker-1 {
    transform: translate(6px,0px);

}
@media only screen and (max-width: 1068px) {
    .caption-speaker-1 {
        transform: translate(5px,0px);
    
    }
}
@media only screen and (max-width: 734px) {
    .caption-speaker-1 {
        transform: translate(6px,0px);
    
    }
}

.caption-top-button {
    transform: translate(20px,0px);

}
@media only screen and (max-width: 1068px) {
    .caption-top-button {
        transform: translate(10px,0px);
    
    }
}
@media only screen and (max-width: 734px) {
    .caption-top-button {
        transform: translate(7px,0px);
    
    }
}

.caption-front-camera {
    transform: translate(0px,0px);
}
@media only screen and (max-width: 1068px) {
    .caption-front-camera {
        transform: translate(0px,0px);
    }
}
@media only screen and (max-width: 734px) {
    .caption-front-camera {
        transform: translate(12px,0px);
    
    }
}

.caption-microphone-1 {
    transform: translate(0px,0px);
}
@media only screen and (max-width: 1068px) {
    .caption-microphone-1 {
        transform: translate(0px,0px);
    }
}
@media only screen and (max-width: 734px) {
    .caption-microphone-1 {
        transform: translate(33px,0px);
    
    }
}

.caption-speaker-2 {
    transform: translate(5px,0px);

}
@media only screen and (max-width: 1068px) {
    .caption-speaker-2 {
        transform: translate(5px,0px);
    
    }
}
@media only screen and (max-width: 734px) {
    .caption-speaker-2 {
        transform: translate(5px,0px);
    
    }
}

.caption-volume {
    transform: translate(0px,0px);
}
@media only screen and (max-width: 1068px) {
    .caption-volume {
        transform: translate(0px,0px);
    }
}
@media only screen and (max-width: 734px) {
    .caption-volume {
        transform: translate(0px,0px);
    }
}

.caption-back-camera {
    transform: translate(0px,0px);
}
@media only screen and (max-width: 1068px) {
    .caption-back-camera {
        transform: translate(0px,0px);
    }
}
@media only screen and (max-width: 734px) {
    .caption-back-camera {
        transform: translate(0px,0px);
    }
}

.caption-microphone-2 {
    transform: translate(0px,0px);
}
@media only screen and (max-width: 1068px) {
    .caption-microphone-2 {
        transform: translate(0px,0px);
    }
}
@media only screen and (max-width: 734px) {
    .caption-microphone-2 {
        transform: translate(0px,0px);
    }
}

.caption-magnetic-connector {
    transform: translate(0px,0px);
}
@media only screen and (max-width: 1068px) {
    .caption-magnetic-connector {
        transform: translate(0px,-6px);
    
    }
}
@media only screen and (max-width: 734px) {
    .caption-magnetic-connector {
        transform: translate(0px,-7px);
    
    }
}

.caption-smart-connector {
    transform: translate(0px,0px);
}
@media only screen and (max-width: 1068px) {
    .caption-smart-connector {
        transform: translate(0px,-7px);
    
    }
}
@media only screen and (max-width: 734px) {
    .caption-smart-connector {
        transform: translate(0px,7px);
    
    }
}

.caption-usb-connector {
    transform: translate(15px,0px);

}
@media only screen and (max-width: 1068px) {
    .caption-usb-connector {
        transform: translate(18px,0px);
    
    }
}
@media only screen and (max-width: 734px) {
    .caption-usb-connector {
        transform: translate(12px,0px);
    
    }
}

.caption-front-camera-small {
    transform: translate(0px,0px);
}
@media only screen and (max-width: 1068px) {
    .caption-front-camera-small {
        transform: translate(0px,0px);
    }
}
@media only screen and (max-width: 734px) {
    .caption-front-camera-small {
        transform: translate(0px,0px);
    }
}