@charset "utf-8";

/***************************************************/
/* video slider start */
/***************************************************/

/* 父容器設置 */
.video-background-container {
    position: relative;
    width: 100%;
    max-width: 720px;
    margin: auto;
}

/* 背景圖片設置 */
.background-image {
    width: 100%;
    height: auto;
    display: block;
}

/* 視頻覆蓋層樣式 */
.video-overlay {
    position: absolute;
    width: 80%;
    /* 視頻寬度占父容器的百分比，可根據需要調整 */
    padding-top: 16.875%;
    /* 按 16:9 比例設置高度 (9 / 16 = 0.5625) */
    transform: translate(-50%, -50%);
    overflow: hidden;
}

.video-overlay3 {
    position: absolute;
    width: 83%;
    /* 視頻寬度占父容器的百分比，可根據需要調整 */
    padding-top: 16.875%;
    /* 按 16:9 比例設置高度 (9 / 16 = 0.5625) */
    transform: translate(-50%, -50%);
    overflow: hidden;
}

.video-overlay4 {
    position: absolute;
    width: 36%;
    /* 視頻寬度占父容器的百分比，可根據需要調整 */
    padding-top: 16.875%;
    /* 按 16:9 比例設置高度 (9 / 16 = 0.5625) */
    transform: translate(-50%, -50%);
    overflow: hidden;
}

.video-overlay5 {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.b4-overlay {
    position: absolute;
    width: 26%;
    /* 視頻寬度占父容器的百分比，可根據需要調整 */
    padding-top: 16.875%;
    /* 按 16:9 比例設置高度 (9 / 16 = 0.5625) */
    transform: translate(-50%, -50%);
    overflow: hidden;
}

.b4_a {
    top: 55.2%;
    left: 20%;
}

.b4_b {
    top: 55.2%;
    left: 50%;
}

.b4_c {
    top: 55.2%;
    left: 79.5%;
}

.v1-layer1 {
    top: 43.2%;
    left: 50%;
    z-index: 1;
}

.v1-layer2 {
    top: 45%;
    left: 50%;
    z-index: 2;
    width: 100%;
}

.v2-layer1 {
    top: 43.2%;
    left: 50%;
    z-index: 1;
}

.v2-layer2 {
    top: 42%;
    left: 50%;
    z-index: 2;
}

.video1 {
    top: 62.2%;
    left: 75%;
}

.video2 {
    top: 70.2%;
    left: 75%;
}

.video3 {
    top: 62.2%;
    left: 50%;
}

.video4 {
    top: 48.2%;
    left: 76%;
}

.video5 {
    top: 0;
    left: 1px;
}

/* 視頻元素樣式 */
video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/***************************************************/
/* video slider end */
/***************************************************/