* {
    margin: 0;
    padding: 0;
    list-style: none;
    font-family: 'Microsoft Yahei'
}

h3 {
    /*height: 150px; francis*/
    text-align: center;
    /*line-height: 150px; francis*/
    line-height: 50px;
}

#helloweb {
    /*height: 400px; francis 舊版 20240604*/
    height: 300px;
    width: 100%;
    position: relative;
}

.size {
    /*height: 400px; 舊版 francis 20240604*/
    height: 300px;
    /*width: 100%;*/
    width: 50%;
    color: #fff;
    font-size: 38px; /*文字大小*/
    line-height: 400px;
    text-align: center;
    position: absolute;
    /*left: 0;
    top: 0;*/
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

/*RWD調整大小*/
@media screen and (max-width: 500px) {
    .size {
        width: 100%;
        font-size: 24px;
        line-height: 100%;
    }
}
/*--------------------------*/
.one {
    background-color: #ad5d5c;
    background-image: url('../image/產品介紹/燒結釹鐵硼.jpg');
    background-size: 100% 100%;
    animation: one 10s linear infinite;
    -webkit-animation: one 10s linear infinite;
    -moz-webkit-animation: one 10s linear infinite;
    -o-webkit-animation: one 10s linear infinite;
}

.two {
    background-color: #845ba7;
    background-image: url('../image/產品介紹/粘結釹鐵硼.jpg');
    background-size: 100% 100%;
    animation: two 10s linear infinite;
    -webkit-animation: two 10s linear infinite;
    -moz-webkit-animation: two 10s linear infinite;
    -o-webkit-animation: two 10s linear infinite;
}

.three {
    /*background-color: #60742d;
    background-image: url('../image/產品介紹/塑膠磁石.png');
    background-size: 100% 100%;
    animation: three 10s linear infinite;
    -webkit-animation: three 10s linear infinite;
    -moz-webkit-animation: three 10s linear infinite;
    -o-webkit-animation: three 10s linear infinite;*/

    background-color: #37839d;
    background-image: url('../image/產品介紹/釤鈷磁石.png');
    background-size: 100% 100%;
    animation: three 10s linear infinite;
    -webkit-animation: three 10s linear infinite;
    -moz-webkit-animation: three 10s linear infinite;
    -o-webkit-animation: three 10s linear infinite;
}

.four {
    /*background-color: #37839d;
    background-image: url('../image/產品介紹/釤鈷磁石.png');
    background-size: 100% 100%;
    animation: four 10s linear infinite;
    -webkit-animation: four 10s linear infinite;
    -moz-webkit-animation: four 10s linear infinite;
    -o-webkit-animation: four 10s linear infinite;*/

    background-color: #37839d;
    background-image: url('../image/產品介紹/鐵氧體磁石.png');
    background-size: 100% 100%;
    animation: four 10s linear infinite;
    -webkit-animation: four 10s linear infinite;
    -moz-webkit-animation: four 10s linear infinite;
    -o-webkit-animation: four 10s linear infinite;
}

.five {
    /*background-color: #37839d;
    background-image: url('../image/產品介紹/鐵氧體磁石.png');
    background-size: 100% 100%;
    animation: four 10s linear infinite;
    -webkit-animation: four 10s linear infinite;
    -moz-webkit-animation: four 10s linear infinite;
    -o-webkit-animation: four 10s linear infinite;*/

    background-color: #60742d;
    background-image: url('../image/產品介紹/塑膠磁石.png');
    background-size: 100% 100%;
    animation: five 10s linear infinite;
    -webkit-animation: five 10s linear infinite;
    -moz-webkit-animation: five 10s linear infinite;
    -o-webkit-animation: five 10s linear infinite;
}

.six {
    background-color: #37839d;
    background-image: url('../image/產品介紹/鋁鎳鈷磁石.png');
    background-size: 100% 100%;
    animation: six 10s linear infinite;
    -webkit-animation: six 10s linear infinite;
    -moz-webkit-animation: six 10s linear infinite;
    -o-webkit-animation: six 10s linear infinite;
}

/*============================================*/
.one_1 {
    background-color: #ad5d5c;
    background-image: url('../image/認證/9001_.jpg');
    background-size: 100% 100%;
    animation: one 10s linear infinite;
    -webkit-animation: one 10s linear infinite;
    -moz-webkit-animation: one 10s linear infinite;
    -o-webkit-animation: one 10s linear infinite;
}

.two_1 {
    background-color: #845ba7;
    background-image: url('../image/認證/14001_.jpg');
    background-size: 100% 100%;
    animation: two 10s linear infinite;
    -webkit-animation: two 10s linear infinite;
    -moz-webkit-animation: two 10s linear infinite;
    -o-webkit-animation: two 10s linear infinite;
}

.three_1 {
    background-color: #60742d;
    background-image: url('../image/認證/16949-1_.jpg');
    background-size: 100% 100%;
    animation: three 10s linear infinite;
    -webkit-animation: three 10s linear infinite;
    -moz-webkit-animation: three 10s linear infinite;
    -o-webkit-animation: three 10s linear infinite;
}

.four_1 {
    background-color: #37839d;
    background-image: url('../image/認證/16949-2_.jpg');
    background-size: 100% 100%;
    animation: four 10s linear infinite;
    -webkit-animation: four 10s linear infinite;
    -moz-webkit-animation: four 10s linear infinite;
    -o-webkit-animation: four 10s linear infinite;
}

.five_1 {
    background-color: #37839d;
    background-image: url('../image/認證/iso27001_.png');
    background-size: 100% 100%;
    animation: four 10s linear infinite;
    -webkit-animation: four 10s linear infinite;
    -moz-webkit-animation: four 10s linear infinite;
    -o-webkit-animation: four 10s linear infinite;
}

.six_1 {
    background-color: #37839d;
    background-image: url('../image/認證/supermaxco_2023_scs-rc-08974_s_.webp');
    background-size: 100% 100%;
    animation: four 10s linear infinite;
    -webkit-animation: four 10s linear infinite;
    -moz-webkit-animation: four 10s linear infinite;
    -o-webkit-animation: four 10s linear infinite;
}

.seven_1 {
    background-color: #37839d;
    background-image: url('../image/認證/scs-rc-08975_s_.jpg');
    background-size: 100% 100%;
    animation: four 10s linear infinite;
    -webkit-animation: four 10s linear infinite;
    -moz-webkit-animation: four 10s linear infinite;
    -o-webkit-animation: four 10s linear infinite;
}
/*============================================*/
/*第一个盒子的动画*/
@keyframes one {
    0% {
        opacity: 1
    }

    10% {
        opacity: 1
    }

    20% {
        opacity: 0
    }

    30% {
        opacity: 0
    }

    40% {
        opacity: 0
    }

    50% {
        opacity: 0
    }

    60% {
        opacity: 0
    }

    70% {
        opacity: 0
    }

    80% {
        opacity: 0
    }

    90% {
        opacity: 1
    }

    100% {
        opacity: 1
    }
}

@-moz-keyframes one /* Firefox */ {
    0% {
        opacity: 1
    }

    10% {
        opacity: 1
    }

    20% {
        opacity: 0
    }

    30% {
        opacity: 0
    }

    40% {
        opacity: 0
    }

    50% {
        opacity: 0
    }

    60% {
        opacity: 0
    }

    70% {
        opacity: 0
    }

    80% {
        opacity: 0
    }

    90% {
        opacity: 1
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes one /* Safari and Chrome */ {
    0% {
        opacity: 1
    }

    10% {
        opacity: 1
    }

    20% {
        opacity: 0
    }

    30% {
        opacity: 0
    }

    40% {
        opacity: 0
    }

    50% {
        opacity: 0
    }

    60% {
        opacity: 0
    }

    70% {
        opacity: 0
    }

    80% {
        opacity: 0
    }

    90% {
        opacity: 1
    }

    100% {
        opacity: 1
    }
}

@-o-keyframes one /* Opera */ {
    0% {
        opacity: 1
    }

    10% {
        opacity: 1
    }

    20% {
        opacity: 0
    }

    30% {
        opacity: 0
    }

    40% {
        opacity: 0
    }

    50% {
        opacity: 0
    }

    60% {
        opacity: 0
    }

    70% {
        opacity: 0
    }

    80% {
        opacity: 0
    }

    90% {
        opacity: 1
    }

    100% {
        opacity: 1
    }
}
/*第二个盒子的动画*/
@keyframes two {
    0% {
        opacity: 0
    }

    10% {
        opacity: 0
    }

    20% {
        opacity: 1
    }

    30% {
        opacity: 1
    }

    40% {
        opacity: 0
    }

    50% {
        opacity: 0
    }

    60% {
        opacity: 0
    }

    70% {
        opacity: 0
    }

    80% {
        opacity: 0
    }

    90% {
        opacity: 0
    }

    100% {
        opacity: 0
    }
}

@-moz-keyframes two {
    0% {
        opacity: 0
    }

    10% {
        opacity: 0
    }

    20% {
        opacity: 1
    }

    30% {
        opacity: 1
    }

    40% {
        opacity: 0
    }

    50% {
        opacity: 0
    }

    60% {
        opacity: 0
    }

    70% {
        opacity: 0
    }

    80% {
        opacity: 0
    }

    90% {
        opacity: 0
    }

    100% {
        opacity: 0
    }
}

@-webkit-keyframes two {
    0% {
        opacity: 0
    }

    10% {
        opacity: 0
    }

    20% {
        opacity: 1
    }

    30% {
        opacity: 1
    }

    40% {
        opacity: 0
    }

    50% {
        opacity: 0
    }

    60% {
        opacity: 0
    }

    70% {
        opacity: 0
    }

    80% {
        opacity: 0
    }

    90% {
        opacity: 0
    }

    100% {
        opacity: 0
    }
}

@-o-keyframes two {
    0% {
        opacity: 0
    }

    10% {
        opacity: 0
    }

    20% {
        opacity: 1
    }

    30% {
        opacity: 1
    }

    40% {
        opacity: 0
    }

    50% {
        opacity: 0
    }

    60% {
        opacity: 0
    }

    70% {
        opacity: 0
    }

    80% {
        opacity: 0
    }

    90% {
        opacity: 0
    }

    100% {
        opacity: 0
    }
}
/*第三个盒子的动画*/
@keyframes three {
    0% {
        opacity: 0
    }

    10% {
        opacity: 0
    }

    20% {
        opacity: 0
    }

    30% {
        opacity: 0
    }

    40% {
        opacity: 1
    }

    50% {
        opacity: 1
    }

    60% {
        opacity: 0
    }

    70% {
        opacity: 0
    }

    80% {
        opacity: 0
    }

    90% {
        opacity: 0
    }

    100% {
        opacity: 0
    }
}

@-moz-keyframes three {
    0% {
        opacity: 0
    }

    10% {
        opacity: 0
    }

    20% {
        opacity: 0
    }

    30% {
        opacity: 0
    }

    40% {
        opacity: 1
    }

    50% {
        opacity: 1
    }

    60% {
        opacity: 0
    }

    70% {
        opacity: 0
    }

    80% {
        opacity: 0
    }

    90% {
        opacity: 0
    }

    100% {
        opacity: 0
    }
}

@-webkit-keyframes three {
    0% {
        opacity: 0
    }

    10% {
        opacity: 0
    }

    20% {
        opacity: 0
    }

    30% {
        opacity: 0
    }

    40% {
        opacity: 1
    }

    50% {
        opacity: 1
    }

    60% {
        opacity: 0
    }

    70% {
        opacity: 0
    }

    80% {
        opacity: 0
    }

    90% {
        opacity: 0
    }

    100% {
        opacity: 0
    }
}

@-o-keyframes three {
    0% {
        opacity: 0
    }

    10% {
        opacity: 0
    }

    20% {
        opacity: 0
    }

    30% {
        opacity: 0
    }

    40% {
        opacity: 1
    }

    50% {
        opacity: 1
    }

    60% {
        opacity: 0
    }

    70% {
        opacity: 0
    }

    80% {
        opacity: 0
    }

    90% {
        opacity: 0
    }

    100% {
        opacity: 0
    }
}
/*第四个盒子的动画*/
@keyframes four {
    0% {
        opacity: 0
    }

    10% {
        opacity: 0
    }

    20% {
        opacity: 0
    }

    30% {
        opacity: 0
    }

    40% {
        opacity: 0
    }

    50% {
        opacity: 0
    }

    60% {
        opacity: 1
    }

    70% {
        opacity: 1
    }

    80% {
        opacity: 1
    }

    90% {
        opacity: 0
    }

    100% {
        opacity: 0
    }
}

@-moz-keyframes four {
    0% {
        opacity: 0
    }

    10% {
        opacity: 0
    }

    20% {
        opacity: 0
    }

    30% {
        opacity: 0
    }

    40% {
        opacity: 0
    }

    50% {
        opacity: 0
    }

    60% {
        opacity: 1
    }

    70% {
        opacity: 1
    }

    80% {
        opacity: 1
    }

    90% {
        opacity: 0
    }

    100% {
        opacity: 0
    }
}

@-webkit-keyframes four {
    0% {
        opacity: 0
    }

    10% {
        opacity: 0
    }

    20% {
        opacity: 0
    }

    30% {
        opacity: 0
    }

    40% {
        opacity: 0
    }

    50% {
        opacity: 0
    }

    60% {
        opacity: 1
    }

    70% {
        opacity: 1
    }

    80% {
        opacity: 1
    }

    90% {
        opacity: 0
    }

    100% {
        opacity: 0
    }
}

@-o-keyframes four {
    0% {
        opacity: 0
    }

    10% {
        opacity: 0
    }

    20% {
        opacity: 0
    }

    30% {
        opacity: 0
    }

    40% {
        opacity: 0
    }

    50% {
        opacity: 0
    }

    60% {
        opacity: 1
    }

    70% {
        opacity: 1
    }

    80% {
        opacity: 1
    }

    90% {
        opacity: 0
    }

    100% {
        opacity: 0
    }
}

/*==========================第五圖==================*/
@keyframes five {
    0% {
        opacity: 0
    }

    10% {
        opacity: 0
    }

    20% {
        opacity: 0
    }

    30% {
        opacity: 0
    }

    40% {
        opacity: 0
    }

    50% {
        opacity: 0
    }

    60% {
        opacity: 1
    }

    70% {
        opacity: 1
    }

    80% {
        opacity: 1
    }

    90% {
        opacity: 0
    }

    100% {
        opacity: 0
    }
}

@-moz-keyframes five {
    0% {
        opacity: 0
    }

    10% {
        opacity: 0
    }

    20% {
        opacity: 0
    }

    30% {
        opacity: 0
    }

    40% {
        opacity: 0
    }

    50% {
        opacity: 0
    }

    60% {
        opacity: 1
    }

    70% {
        opacity: 1
    }

    80% {
        opacity: 1
    }

    90% {
        opacity: 0
    }

    100% {
        opacity: 0
    }
}

@-webkit-keyframes five {
    0% {
        opacity: 0
    }

    10% {
        opacity: 0
    }

    20% {
        opacity: 0
    }

    30% {
        opacity: 0
    }

    40% {
        opacity: 0
    }

    50% {
        opacity: 0
    }

    60% {
        opacity: 1
    }

    70% {
        opacity: 1
    }

    80% {
        opacity: 1
    }

    90% {
        opacity: 0
    }

    100% {
        opacity: 0
    }
}

@-o-keyframes five {
    0% {
        opacity: 0
    }

    10% {
        opacity: 0
    }

    20% {
        opacity: 0
    }

    30% {
        opacity: 0
    }

    40% {
        opacity: 0
    }

    50% {
        opacity: 0
    }

    60% {
        opacity: 1
    }

    70% {
        opacity: 1
    }

    80% {
        opacity: 1
    }

    90% {
        opacity: 0
    }

    100% {
        opacity: 0
    }
}
/*==================================================*/

/*======================第六圖=====================*/
@keyframes six {
    0% {
        opacity: 0
    }

    10% {
        opacity: 0
    }

    20% {
        opacity: 0
    }

    30% {
        opacity: 0
    }

    40% {
        opacity: 0
    }

    50% {
        opacity: 0
    }

    60% {
        opacity: 1
    }

    70% {
        opacity: 1
    }

    80% {
        opacity: 1
    }

    90% {
        opacity: 0
    }

    100% {
        opacity: 0
    }
}

@-moz-keyframes six {
    0% {
        opacity: 0
    }

    10% {
        opacity: 0
    }

    20% {
        opacity: 0
    }

    30% {
        opacity: 0
    }

    40% {
        opacity: 0
    }

    50% {
        opacity: 0
    }

    60% {
        opacity: 1
    }

    70% {
        opacity: 1
    }

    80% {
        opacity: 1
    }

    90% {
        opacity: 0
    }

    100% {
        opacity: 0
    }
}

@-webkit-keyframes six {
    0% {
        opacity: 0
    }

    10% {
        opacity: 0
    }

    20% {
        opacity: 0
    }

    30% {
        opacity: 0
    }

    40% {
        opacity: 0
    }

    50% {
        opacity: 0
    }

    60% {
        opacity: 1
    }

    70% {
        opacity: 1
    }

    80% {
        opacity: 1
    }

    90% {
        opacity: 0
    }

    100% {
        opacity: 0
    }
}

@-o-keyframes six {
    0% {
        opacity: 0
    }

    10% {
        opacity: 0
    }

    20% {
        opacity: 0
    }

    30% {
        opacity: 0
    }

    40% {
        opacity: 0
    }

    50% {
        opacity: 0
    }

    60% {
        opacity: 1
    }

    70% {
        opacity: 1
    }

    80% {
        opacity: 1
    }

    90% {
        opacity: 0
    }

    100% {
        opacity: 0
    }
}
/*=================================================*/

/*=================認證輪播==========================*/
@-moz-keyframes one_1 /* Firefox */ {
    0% {
        opacity: 1
    }

    10% {
        opacity: 1
    }

    20% {
        opacity: 0
    }

    30% {
        opacity: 0
    }

    40% {
        opacity: 0
    }

    50% {
        opacity: 0
    }

    60% {
        opacity: 0
    }

    70% {
        opacity: 0
    }

    80% {
        opacity: 0
    }

    90% {
        opacity: 1
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes one_1 /* Safari and Chrome */ {
    0% {
        opacity: 1
    }

    10% {
        opacity: 1
    }

    20% {
        opacity: 0
    }

    30% {
        opacity: 0
    }

    40% {
        opacity: 0
    }

    50% {
        opacity: 0
    }

    60% {
        opacity: 0
    }

    70% {
        opacity: 0
    }

    80% {
        opacity: 0
    }

    90% {
        opacity: 1
    }

    100% {
        opacity: 1
    }
}

@-o-keyframes one_1 /* Opera */ {
    0% {
        opacity: 1
    }

    10% {
        opacity: 1
    }

    20% {
        opacity: 0
    }

    30% {
        opacity: 0
    }

    40% {
        opacity: 0
    }

    50% {
        opacity: 0
    }

    60% {
        opacity: 0
    }

    70% {
        opacity: 0
    }

    80% {
        opacity: 0
    }

    90% {
        opacity: 1
    }

    100% {
        opacity: 1
    }
}
/*第二个盒子的动画*/
@keyframes two_1 {
    0% {
        opacity: 0
    }

    10% {
        opacity: 0
    }

    20% {
        opacity: 1
    }

    30% {
        opacity: 1
    }

    40% {
        opacity: 0
    }

    50% {
        opacity: 0
    }

    60% {
        opacity: 0
    }

    70% {
        opacity: 0
    }

    80% {
        opacity: 0
    }

    90% {
        opacity: 0
    }

    100% {
        opacity: 0
    }
}

@-moz-keyframes two_1 {
    0% {
        opacity: 0
    }

    10% {
        opacity: 0
    }

    20% {
        opacity: 1
    }

    30% {
        opacity: 1
    }

    40% {
        opacity: 0
    }

    50% {
        opacity: 0
    }

    60% {
        opacity: 0
    }

    70% {
        opacity: 0
    }

    80% {
        opacity: 0
    }

    90% {
        opacity: 0
    }

    100% {
        opacity: 0
    }
}

@-webkit-keyframes two_1 {
    0% {
        opacity: 0
    }

    10% {
        opacity: 0
    }

    20% {
        opacity: 1
    }

    30% {
        opacity: 1
    }

    40% {
        opacity: 0
    }

    50% {
        opacity: 0
    }

    60% {
        opacity: 0
    }

    70% {
        opacity: 0
    }

    80% {
        opacity: 0
    }

    90% {
        opacity: 0
    }

    100% {
        opacity: 0
    }
}

@-o-keyframes two_1 {
    0% {
        opacity: 0
    }

    10% {
        opacity: 0
    }

    20% {
        opacity: 1
    }

    30% {
        opacity: 1
    }

    40% {
        opacity: 0
    }

    50% {
        opacity: 0
    }

    60% {
        opacity: 0
    }

    70% {
        opacity: 0
    }

    80% {
        opacity: 0
    }

    90% {
        opacity: 0
    }

    100% {
        opacity: 0
    }
}
/*第三个盒子的动画*/
@keyframes three_1 {
    0% {
        opacity: 0
    }

    10% {
        opacity: 0
    }

    20% {
        opacity: 0
    }

    30% {
        opacity: 0
    }

    40% {
        opacity: 1
    }

    50% {
        opacity: 1
    }

    60% {
        opacity: 0
    }

    70% {
        opacity: 0
    }

    80% {
        opacity: 0
    }

    90% {
        opacity: 0
    }

    100% {
        opacity: 0
    }
}

@-moz-keyframes three_1 {
    0% {
        opacity: 0
    }

    10% {
        opacity: 0
    }

    20% {
        opacity: 0
    }

    30% {
        opacity: 0
    }

    40% {
        opacity: 1
    }

    50% {
        opacity: 1
    }

    60% {
        opacity: 0
    }

    70% {
        opacity: 0
    }

    80% {
        opacity: 0
    }

    90% {
        opacity: 0
    }

    100% {
        opacity: 0
    }
}

@-webkit-keyframes three_1 {
    0% {
        opacity: 0
    }

    10% {
        opacity: 0
    }

    20% {
        opacity: 0
    }

    30% {
        opacity: 0
    }

    40% {
        opacity: 1
    }

    50% {
        opacity: 1
    }

    60% {
        opacity: 0
    }

    70% {
        opacity: 0
    }

    80% {
        opacity: 0
    }

    90% {
        opacity: 0
    }

    100% {
        opacity: 0
    }
}

@-o-keyframes three_1 {
    0% {
        opacity: 0
    }

    10% {
        opacity: 0
    }

    20% {
        opacity: 0
    }

    30% {
        opacity: 0
    }

    40% {
        opacity: 1
    }

    50% {
        opacity: 1
    }

    60% {
        opacity: 0
    }

    70% {
        opacity: 0
    }

    80% {
        opacity: 0
    }

    90% {
        opacity: 0
    }

    100% {
        opacity: 0
    }
}
/*第四个盒子的动画*/
@keyframes four_1 {
    0% {
        opacity: 0
    }

    10% {
        opacity: 0
    }

    20% {
        opacity: 0
    }

    30% {
        opacity: 0
    }

    40% {
        opacity: 0
    }

    50% {
        opacity: 0
    }

    60% {
        opacity: 1
    }

    70% {
        opacity: 1
    }

    80% {
        opacity: 1
    }

    90% {
        opacity: 0
    }

    100% {
        opacity: 0
    }
}

@-moz-keyframes four_1 {
    0% {
        opacity: 0
    }

    10% {
        opacity: 0
    }

    20% {
        opacity: 0
    }

    30% {
        opacity: 0
    }

    40% {
        opacity: 0
    }

    50% {
        opacity: 0
    }

    60% {
        opacity: 1
    }

    70% {
        opacity: 1
    }

    80% {
        opacity: 1
    }

    90% {
        opacity: 0
    }

    100% {
        opacity: 0
    }
}

@-webkit-keyframes four_1 {
    0% {
        opacity: 0
    }

    10% {
        opacity: 0
    }

    20% {
        opacity: 0
    }

    30% {
        opacity: 0
    }

    40% {
        opacity: 0
    }

    50% {
        opacity: 0
    }

    60% {
        opacity: 1
    }

    70% {
        opacity: 1
    }

    80% {
        opacity: 1
    }

    90% {
        opacity: 0
    }

    100% {
        opacity: 0
    }
}

@-o-keyframes four_1 {
    0% {
        opacity: 0
    }

    10% {
        opacity: 0
    }

    20% {
        opacity: 0
    }

    30% {
        opacity: 0
    }

    40% {
        opacity: 0
    }

    50% {
        opacity: 0
    }

    60% {
        opacity: 1
    }

    70% {
        opacity: 1
    }

    80% {
        opacity: 1
    }

    90% {
        opacity: 0
    }

    100% {
        opacity: 0
    }
}

/*==========================第五圖==================*/
@keyframes five_1 {
    0% {
        opacity: 0
    }

    10% {
        opacity: 0
    }

    20% {
        opacity: 0
    }

    30% {
        opacity: 0
    }

    40% {
        opacity: 0
    }

    50% {
        opacity: 0
    }

    60% {
        opacity: 1
    }

    70% {
        opacity: 1
    }

    80% {
        opacity: 1
    }

    90% {
        opacity: 0
    }

    100% {
        opacity: 0
    }
}

@-moz-keyframes five_1 {
    0% {
        opacity: 0
    }

    10% {
        opacity: 0
    }

    20% {
        opacity: 0
    }

    30% {
        opacity: 0
    }

    40% {
        opacity: 0
    }

    50% {
        opacity: 0
    }

    60% {
        opacity: 1
    }

    70% {
        opacity: 1
    }

    80% {
        opacity: 1
    }

    90% {
        opacity: 0
    }

    100% {
        opacity: 0
    }
}

@-webkit-keyframes five_1 {
    0% {
        opacity: 0
    }

    10% {
        opacity: 0
    }

    20% {
        opacity: 0
    }

    30% {
        opacity: 0
    }

    40% {
        opacity: 0
    }

    50% {
        opacity: 0
    }

    60% {
        opacity: 1
    }

    70% {
        opacity: 1
    }

    80% {
        opacity: 1
    }

    90% {
        opacity: 0
    }

    100% {
        opacity: 0
    }
}

@-o-keyframes five_1 {
    0% {
        opacity: 0
    }

    10% {
        opacity: 0
    }

    20% {
        opacity: 0
    }

    30% {
        opacity: 0
    }

    40% {
        opacity: 0
    }

    50% {
        opacity: 0
    }

    60% {
        opacity: 1
    }

    70% {
        opacity: 1
    }

    80% {
        opacity: 1
    }

    90% {
        opacity: 0
    }

    100% {
        opacity: 0
    }
}
/*==================================================*/

/*======================第六圖=====================*/
@keyframes six_1 {
    0% {
        opacity: 0
    }

    10% {
        opacity: 0
    }

    20% {
        opacity: 0
    }

    30% {
        opacity: 0
    }

    40% {
        opacity: 0
    }

    50% {
        opacity: 0
    }

    60% {
        opacity: 1
    }

    70% {
        opacity: 1
    }

    80% {
        opacity: 1
    }

    90% {
        opacity: 0
    }

    100% {
        opacity: 0
    }
}

@-moz-keyframes six_1 {
    0% {
        opacity: 0
    }

    10% {
        opacity: 0
    }

    20% {
        opacity: 0
    }

    30% {
        opacity: 0
    }

    40% {
        opacity: 0
    }

    50% {
        opacity: 0
    }

    60% {
        opacity: 1
    }

    70% {
        opacity: 1
    }

    80% {
        opacity: 1
    }

    90% {
        opacity: 0
    }

    100% {
        opacity: 0
    }
}

@-webkit-keyframes six_1 {
    0% {
        opacity: 0
    }

    10% {
        opacity: 0
    }

    20% {
        opacity: 0
    }

    30% {
        opacity: 0
    }

    40% {
        opacity: 0
    }

    50% {
        opacity: 0
    }

    60% {
        opacity: 1
    }

    70% {
        opacity: 1
    }

    80% {
        opacity: 1
    }

    90% {
        opacity: 0
    }

    100% {
        opacity: 0
    }
}

@-o-keyframes six_1 {
    0% {
        opacity: 0
    }

    10% {
        opacity: 0
    }

    20% {
        opacity: 0
    }

    30% {
        opacity: 0
    }

    40% {
        opacity: 0
    }

    50% {
        opacity: 0
    }

    60% {
        opacity: 1
    }

    70% {
        opacity: 1
    }

    80% {
        opacity: 1
    }

    90% {
        opacity: 0
    }

    100% {
        opacity: 0
    }
}
/*=================================================*/

/*======================第七圖=====================*/
@keyframes seven_1 {
    0% {
        opacity: 0
    }

    10% {
        opacity: 0
    }

    20% {
        opacity: 0
    }

    30% {
        opacity: 0
    }

    40% {
        opacity: 0
    }

    50% {
        opacity: 0
    }

    60% {
        opacity: 1
    }

    70% {
        opacity: 1
    }

    80% {
        opacity: 1
    }

    90% {
        opacity: 0
    }

    100% {
        opacity: 0
    }
}

@-moz-keyframes seven_1 {
    0% {
        opacity: 0
    }

    10% {
        opacity: 0
    }

    20% {
        opacity: 0
    }

    30% {
        opacity: 0
    }

    40% {
        opacity: 0
    }

    50% {
        opacity: 0
    }

    60% {
        opacity: 1
    }

    70% {
        opacity: 1
    }

    80% {
        opacity: 1
    }

    90% {
        opacity: 0
    }

    100% {
        opacity: 0
    }
}

@-webkit-keyframes seven_1 {
    0% {
        opacity: 0
    }

    10% {
        opacity: 0
    }

    20% {
        opacity: 0
    }

    30% {
        opacity: 0
    }

    40% {
        opacity: 0
    }

    50% {
        opacity: 0
    }

    60% {
        opacity: 1
    }

    70% {
        opacity: 1
    }

    80% {
        opacity: 1
    }

    90% {
        opacity: 0
    }

    100% {
        opacity: 0
    }
}

@-o-keyframes seven_1 {
    0% {
        opacity: 0
    }

    10% {
        opacity: 0
    }

    20% {
        opacity: 0
    }

    30% {
        opacity: 0
    }

    40% {
        opacity: 0
    }

    50% {
        opacity: 0
    }

    60% {
        opacity: 1
    }

    70% {
        opacity: 1
    }

    80% {
        opacity: 1
    }

    90% {
        opacity: 0
    }

    100% {
        opacity: 0
    }
}
/*=================================================*/

/*===================================================*/