.size {
    font-size: 0.5em;
}

/* 外观 start */
.caption-blue {
    transform: translateX(0px);
}
@media only screen and (max-width: 1068px) {
    .caption-blue {
        transform: translateX(2px);
    
    }
}
@media only screen and (max-width: 734px) {
    .caption-blue {
        transform: translateX(0px);
    }
}
.caption-purple {
    transform: translateX(7px);

}
@media only screen and (max-width: 1068px) {
    .caption-purple {
        transform: translateX(8px);
    
    }
}
@media only screen and (max-width: 734px) {
    .caption-purple {
        transform: translateX(0px);
    }
}
.caption-starlight {
    transform: translateX(6px);

}
@media only screen and (max-width: 1068px) {
    .caption-starlight {
        transform: translateX(8px);
    
    }
}
@media only screen and (max-width: 734px) {
    .caption-starlight {
        transform: translateX(0px);
    }
}
.caption-space-gray {
    transform: translateX(15px);

}
@media only screen and (max-width: 1068px) {
    .caption-space-gray {
        transform: translateX(17px);
    
    }
}
@media only screen and (max-width: 734px) {
    .caption-space-gray {
        transform: translateX(0px);
    }
}
/* 外观 end */

/* 按鈕及接口 */
.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-speaker-1 {
    transform: translate(9px,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(12px,0px);
    
    }
}

.caption-camera-1 {
    transform: translate(9px,0px);

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

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

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

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

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

.caption-speaker-2 {
    transform: translate(6px,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(7px,0px);
    
    }
}

.caption-camera-2 {
    transform: translate(0px,0px);
}
@media only screen and (max-width: 1068px) {
    .caption-camera-2 {
        transform: translate(0px,0px);
    }
}
@media only screen and (max-width: 734px) {
    .caption-camera-2 {
        transform: translate(0px,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(0px,0px);
    }
}

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

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

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