.Horizontal_Auto-Slide_Gallery {
    position: relative;
    height: 760px;
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}
#horizontal_auto {
    width: 85%;
    margin: 0 auto;
    position:relative;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}
.horizontal_auto_ban{
    width: 100%; 
    height: 300px; 
    overflow: hidden; 
    position: relative; 
    margin-left: auto; 
    margin-right: auto; 
    margin-top:30px;
}
.horizontal_auto_ban .horizontal_auto_img{
    width: 99999px; 
    position:absolute; 
    left:0px; 
    top:0;
}
.horizontal_auto_ban .horizontal_auto_img li{ 
    float:left;
    width: 1200px;
    overflow: hidden;
}
.horizontal_auto_img li:hover img, .horizontal_auto_img li:focus img, .horizontal_auto_img li:active img {
    transform: scale(1.1);
    transition: all 0.6s ease 0s;
}
.horizontal_auto_img li img {
    transition: all 0.6s;
}

.horizontal_auto_ban .cirle_num{ 
    position:absolute; 
    width:100%; 
    bottom:170px; 
    left:0; 
    text-align:center; 
}
.horizontal_auto_ban .cirle_num li{ 
    width:100px;
    height:100px; 
    border: 2px solid #999;
    border-radius:10%; 
    display:inline-block; 
    margin:0 3px; 
    cursor:pointer;
}
.horizontal_auto_ban .cirle_num li.on{ 
    border: 2px solid rgba(27,127,204,1);
}

.horizontal_auto_ban .cirle_num li.on img{ 
    opacity: 1;
    filter: alpha(opacity=100);
}

.horizontal_auto_ban .cirle_num li div {
    width: 100%;
    height: 100% !important;
    background: #000;
    overflow: hidden;
    border-radius: 10%;
}

.horizontal_auto_ban .cirle_num li img, 
.horizontal_auto_ban .cirle_num li video {
    width: 100%;
    height: 100% !important;
    border: 1px solid #999;
    opacity: 0.6;
    filter: alpha(opacity=60);
    object-fit: cover;
}
.btn_l{ 
    left:0;
}
.btn_r{ 
    right:0;
}

.btn_l .icon-arrow-left {
    color: rgba(27,127,204,.5);
    position: absolute;
    top: -55%;
    left: 25%;
}

.btn_r .icon-arrow-right {
    color: rgba(27,127,204,.5);
    position: absolute;
    top: -55%;
    left: 25%;
}
.btn_l .icon-arrow-left:hover, .btn_l .icon-arrow-left:focus, .btn_l .icon-arrow-left:active{
    color: rgba(27,127,204,1);
}
.btn_r .icon-arrow-right:hover, .btn_r .icon-arrow-right:focus, .btn_r .icon-arrow-right:active{
    color: rgba(27,127,204,1);
}
#horizontal_auto .horizontal_auto_ban{
    height:92vh;
}
#horizontal_auto .horizontal_auto_ban .horizontal_auto_img img,
#horizontal_auto .horizontal_auto_ban .horizontal_auto_img video {
    width: 100%;
    height: 60vh !important;
    object-fit: cover;
}

.horizontal_auto_ban .cirle_num li video,
#horizontal_auto .horizontal_auto_ban .horizontal_auto_img video {
    position: relative !important;
    opacity: 1 !important;
}
.horizontal_auto_btn {
    font-size: 1.8rem;
    font-size: 1.5rem;
    margin-left: 2.8rem;
    padding: 0.5rem 1rem;
    background-color: rgba(86, 86, 109, 0.7);
    border: 1px solid #a5a1a1;
    border: 2px solid rgba(255,255,255,.5);
    box-shadow: 10px 10px 15px rgba(48, 48, 63, 0.7);
    border-radius: 2px;
    line-height: 1.67;
    color: #fff;
    text-decoration: none;
    margin-top: 1.8rem;
    display: table;
    animation:fadenum 1s;
}

.horizontal_auto_btn:hover {
    background-color: #fff;
    color: rgba(86, 86, 109, 0.7);
    border: 2px solid rgba(255,255,255,1);
    color: rgba(255, 255, 255, 1.0);
    background-color: #9fe228;
    border: 2px solid rgba(159,226,40,1);
}

.horizontal_auto_btn:before {
    color: #fff;
    transition: all 0.3s ease-in-out 0s;;
}

.color_font_1 {
    font-size:24px;
    line-height: 100px;
    font-weight: 700;
    top:-40%;
    bottom:0;
    margin:auto;
    z-index: 50;
    width:50px;
    height:50px; 
    position:absolute; 
    border: 2px solid rgba(87, 88, 110, 0.3);
    border-radius: 25px;
    color: #57586E;
    align-items: center;
    cursor: pointer;
    transition: .4s ease;
    text-align: center;
    justify-content: center;
}
.color_font_1:hover, .color_font_1:focus, .color_font_1:active{
    border: 2px solid rgba(87, 88, 110, 1);
    border: 2px solid rgba(111, 181, 243, 0.7);
}
.horizontal_auto_img li div {
    position: absolute;
    top:0;
    width:calc(100% - 30px);
    height:100%;
    background-color: rgba(60, 60, 97, 0.9);
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);
    opacity: 0.9;
    color: #fff;
    text-align: left;
    display:none;
    transition: all 0.5s;
}
div.markets-solutions-applications .horizontal_auto_img h4 {
    color: #fff !important;
    padding: 2rem 0 1.5rem 0 !important;
    padding: 2rem 0 0.5rem 0 !important;
    line-height: 1.6 !important;
    line-height: 1.4 !important;
    font-size: 2.8rem !important;
    font-size: 3rem !important;
    font-weight: 400 !important;
    word-wrap: break-word !important;
    margin-bottom: 0 !important;
    margin-left: 2.8rem !important;
    margin-right: 2.8rem !important;
    animation:fadetitle 2s;
}
.horizontal_auto_img span {
    font-size: 1.5rem !important;
    font-size: 2.0rem !important;
    color: #fff !important;
    padding-top: 1rem !important;
    line-height: 1.6 !important;
    line-height: 1.4 !important;
    font-weight: 400 !important;
    margin-bottom: 1rem !important;   
    margin-left: 2.8rem !important; 
    margin-right: 2.8rem !important;
    display: inline-block;
    animation:fadenum 1s;
    word-break: break-all;
    white-space: normal;
}


.horizontal_auto_3 {
    margin:auto;
    width:100%;
    height:500px;
    position:relative;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}

.banner_tree {
    width:97%;
    height: 500px;
    position: absolute;
    bottom: 0;
    overflow: hidden;
}

.banner_tree_2 {
    width: 97%;
    height: 500px;
    position: absolute;
    bottom: 0;
    overflow: hidden;
}

.color_font {
    font-size:24px;
    line-height: 100px;
    font-weight: 700;
    top:0;
    bottom:0;
    margin:auto;
    z-index: 50;
    width:50px;
    height:50px; 
    position:absolute; 
    border: 2px solid rgba(87, 88, 110, 0.3);
    border-radius: 25px;
    color: #57586E;
    align-items: center;
    cursor: pointer;
    transition: .4s ease;
    text-align: center;
    justify-content: center;
}
.color_font:hover, .color_font:focus, .color_font:active{
    border: 2px solid rgba(87, 88, 110, 1);
}
.color_font_2 {
    font-size:24px;
    line-height: 100px;
    font-weight: 700;
    top:0;
    bottom:0;
    margin:auto;
    z-index: 50;
    width:50px;
    height:50px; 
    position:absolute; 
    border: 2px solid rgba(87, 88, 110, 0.3);
    border-radius: 25px;
    color: #57586E;
    align-items: center;
    cursor: pointer;
    transition: .4s ease;
    text-align: center;
    justify-content: center;
}

.color_font_2:hover, .color_font_2:focus, .color_font_2:active{
    border: 2px solid rgba(87, 88, 110, 1);
    border: 2px solid rgb(16, 145, 214);
}
.left_btn {
    left:0;
}
.right_btn {
    right:0;
}
.left_btn .icon-arrow-left {
    color: rgba(27,127,204,.5);
    position: absolute;
    top: -55%;
    left: 25%;
}

.left_btn .icon-arrow-left:hover, .left_btn .icon-arrow-left:focus, .left_btn .icon-arrow-left:active{
    color: rgba(27,127,204,1);
}

.right_btn .icon-arrow-right {
    color: rgba(27,127,204,.5);
    position: absolute;
    top: -55%;
    left: 25%;
}

.right_btn .icon-arrow-right:hover, .right_btn .icon-arrow-right:focus, .right_btn .icon-arrow-right:active{
    color: rgba(27,127,204,1);
}

.icon-arrow-right::before, 
.icon-arrow-left::before {
    top: -2px;
    position: absolute;
}

.show_s_ui {
    width:100%;
    height:100%;
}
.banner_tree .show_s_ui li {
    height:290px;
    position:absolute;
    top:0;
    bottom:0;
    margin:auto;
    z-index: 30;
    cursor: pointer;
    opacity: 0;
    font-size:40px;
    overflow: hidden;
    border: 2px solid #aaa;
}
.banner_tree_2 .show_s_ui li {
    height:50vh;
    position:absolute;
    top:0;
    bottom:0;
    margin:auto;
    z-index: 30;
    cursor: pointer;
    opacity: 0;
    font-size:40px;
    overflow: hidden;
    border: 2px solid #aaa;
}
.show_s_ui li:hover img, .show_s_ui li:focus img, .show_s_ui li:active img {
    transform: scale(1.1);
    transition: all 0.6s ease 0s;
    border-radius: 30px;
}
.show_s_ui li div {
    position: absolute;
    top:0;
    /* width:calc(100% - 30px); */
    width:100%;
    height:100%;
    background-color: rgba(60, 60, 97, 0.9);
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);
    opacity: 0.9;
    color: #fff;
    text-align: left;
    display:none;
    border-radius: 30px;
    border-radius: 25px;
    
}
.show_s_ui li img {
    width:100%;
    height:100% !important;
    border-radius: 30px;
    transition: all 0.6s;
}
div.markets-solutions-applications .show_s_ui h4 {
    color: #fff !important;
    padding: 2rem 0 1.5rem 0 !important;
    padding: 2rem 0 0.5rem 0 !important;
    line-height: 1.6 !important;
    line-height: 1.4 !important;
    font-size: 2.8rem !important;
    font-size: 2.5rem !important;
    font-weight: 400 !important;
    word-wrap: break-word !important;
    margin-bottom: 0 !important;
    margin-left: 2.8rem !important;
    margin-right: 2.8rem !important;
    animation:fadetitle 2s;
}
.show_s_ui span {
    color: #fff !important;
    padding-top: 1rem !important;
    line-height: 1.6 !important;
    line-height: 1.4 !important;
    font-size: 2.0rem !important;
    font-size: 1.7rem !important;
    font-weight: 400 !important;
    margin-bottom: 1rem !important;   
    margin-left: 2.8rem !important; 
    margin-right: 2.8rem !important;
    display: inline-block;
    animation:fadenum 1s;
    word-break: break-all;
    white-space: normal;
}
.banner_tree #left_shows {
    left: 7%;
    opacity: 1;
}
.banner_tree #middel_shows {
    left: 37.7%;
    opacity:1;
}
.banner_tree #right_shows {
    left: 68%;
    opacity: 1;
}
.banner_tree #small_left{
    left: -15%;
    opacity: 0;
}
.banner_tree #small_right{
    left: 102.5%;
    opacity: 0;
}
.banner_tree_2 #left_shows {
    left: 6%;
    opacity: 1;
}
.banner_tree_2 #middel_shows {
    left:52%;
    opacity:1;
}
.banner_tree_2 #right_shows {
    left: 100%;
    opacity: 1;
}
.banner_tree_2 #small_left {
    left:192%;
    opacity: 0;
}
.banner_tree_2 #small_right {
    left: 146%;
    opacity: 0;
}

.show_s_ui .col-lg-3 {
    padding-left: 0;
    padding-right: 0;
    border-radius: 30px;
}
.show_s_ui .col-lg-6 {
    padding-left: 0;
    padding-right: 0;
    border-radius: 30px;
}

@keyframes fadenum {
    0% {transform: translateY(200%);}
}

@keyframes fadetitle {
    0% {transform: translateY(10%);}
}

@media (min-width: 1500px) {

    .Horizontal_Auto-Slide_Gallery {
    width: 1415px;
    }

    /* 前台數量 x 1 */
    .Horizontal_Auto-Slide_Gallery.quantity_1 {
    height: 900px;
    }

    /* 前台數量 x 2 */
    .Horizontal_Auto-Slide_Gallery.quantity_2 {
    height: 670px;
    }

    /* 前台數量 x 3 */
    .Horizontal_Auto-Slide_Gallery.quantity_3 {
    height: 550px;
    }

    #horizontal_auto .horizontal_auto_ban .horizontal_auto_img li {
    width: 1200px;
    }

}

@media (min-width: 1200px) {

    .show_s_ui .col-lg-3 {
    width: 30%;
    }
    
    .show_s_ui .col-lg-6 {
    width: 46%;
    }

    /* 前台數量 x 2 */
    .Horizontal_Auto-Slide_Gallery.quantity_2 {
    height: 670px;
    }

    /* 前台數量 x 3 */
    .Horizontal_Auto-Slide_Gallery.quantity_3 {
    height: 550px;
    }

}

@media (min-width: 1200px) and (max-width: 1500px){

    .Horizontal_Auto-Slide_Gallery {
    width: 1170px;
    }

    #horizontal_auto .horizontal_auto_ban .horizontal_auto_img li {
    /* width: 1000px; */
    width: 943.5px;
    }

}

@media (min-width: 992px) and (max-width: 1200px){
    .Horizontal_Auto-Slide_Gallery {
        width: 920px;
    }
    #horizontal_auto .horizontal_auto_ban .horizontal_auto_img li {
        /* width: 900px; */
        width: 756.5px;
    }

    .show_s_ui .col-lg-3 {
        width: 30%;
    }
    .show_s_ui .col-lg-6 {
        width: 46%;
    }
}



@Media (min-width: 1281px) and (max-width: 1366px) {

    /* 前台數量 x 2 */
    .Horizontal_Auto-Slide_Gallery.quantity_2 {
    height: 600px;
    }

    /* 前台數量 x 3 */
    .Horizontal_Auto-Slide_Gallery.quantity_3 {
    height: 550px;
    }


    .horizontal_auto_ban .cirle_num {
    bottom: 100px;
    }


}





/* @media (min-width: 768px) and (max-width: 992px){ */
@media (max-width: 992px) {
    .Horizontal_Auto-Slide_Gallery {
        width: 750px;
    }
    #horizontal_auto .horizontal_auto_ban .horizontal_auto_img li {
        /* width: 800px; */
        width: 616.25px;
    }

    .show_s_ui .col-lg-3 {
        width: 30%;
    }
    .show_s_ui .col-lg-6 {
        width: 46%;
    }
}

@media (max-width: 960px) {
    #horizontal_auto .horizontal_auto_ban .horizontal_auto_img li {
        /* width: 445px; */
        /* width: 543px; */
        width: 684.94px;
    }
    .horizontal_auto_img li:hover img, .horizontal_auto_img li:focus img, .horizontal_auto_img li:active img {
        transform: scale(1);
        transition: all 0.6s ease 0s;
    }
    .btn_l {
        left: -8%;
        top: 25px;
    }
    .btn_r {
        right: -8%;
        top: -25px;
    }
    #horizontal_auto {
        border: 2px solid #00000021;
        height: 700px;
        box-shadow: 0 10px 5px -5px #666;
        border-radius: 10px;
        width: 100%;
    }
    .horizontal_auto_ban {
        width: 95%;
        bottom: 15px;
    }
    .horizontal_auto_ban .cirle_num {
        display: none;
    }
    .color_font_1 {
        position: relative;
    }
    .horizontal_auto_img li div {
        position: relative;
        background-color: #fff;
        color: #000;
        display: block;
        width: 100%;
    }
    .horizontal_auto_img li {
        width: 100%;
    }
    .horizontal_auto_img li img {
        border-radius: 15px;
    }   
    #horizontal_auto .horizontal_auto_ban .horizontal_auto_img img {
        height: 290px !important;
        width: 100% !important;
    }
    div.markets-solutions-applications .horizontal_auto_img h4 {
        color: #000 !important;
        padding: 0 !important;
        margin-left: 0 !important;
    }
    .horizontal_auto_img span {
        color: #000 !important;
        margin-left: 0 !important;
    }
    .horizontal_auto_btn {
        margin-left: 0 !important;
        background-color: #fff;
        border: 1px solid #fff;
        color: #2292d3;
        box-shadow: 10px 10px 15px rgba(48, 48, 63, 0);
        padding: 0.5rem 0;
    }

    .horizontal_auto_btn:before {
        color: #2292d3;
        transition: all 0.3s ease-in-out 0s;
    }



    .show_s_ui .col-lg-3 {
        width: 100%;
    }
    .show_s_ui .col-lg-6 {
        width: 100%;
    } 
    .horizontal_auto_3 {
        border: 2px solid #00000021;
        height: 700px;
        box-shadow: 0 10px 5px -5px #666;
        border-radius: 10px;
    }
    .banner_tree {
        width: 100%;
        height: 700px;
        bottom: 180px;
    }
    .banner_tree_2 {
        width: 100%;
        height: 700px;
        bottom: 180px;
    }
    .banner_tree #left_shows {
        left: 0%;
        opacity: 1;
    }
    .banner_tree #middel_shows {
        left: 100%;
        opacity: 0;
    }
    .banner_tree #right_shows {
        left: 100%;
        opacity: 0;
    }
    .banner_tree #small_right {
        left: 100%;
        opacity: 0;
    }
    
    .banner_tree #small_left {
        left: -100%;
        opacity: 0;
    }

    .banner_tree_2 #left_shows {
        left: 0%;
        opacity: 1;
    }
    .banner_tree_2 #middel_shows {
        left: 100%;
        opacity: 0;
    }
    .banner_tree_2 #right_shows {
        left: 100%;
        opacity: 0;
    }
    .banner_tree_2 #small_right {
        left: 100%;
        opacity: 0;
    }
    
    .banner_tree_2 #small_left {
        left: 100%;
        opacity: 0;
    }

    .show_s_ui li {
        width: 94% !important;
        margin-top: 190px !important;
        margin-left: 15px !important;
    }

    .show_s_ui li div {
        position: relative;
        background-color: #fff;
        color: #000;
        display: block;
    }
    div.markets-solutions-applications .show_s_ui h4 {
        color: #000 !important;
        padding: 0 !important;
        margin-left: 0 !important;
    }
    .show_s_ui span {
        color: #000 !important;
        margin-left: 0 !important;
    }
    .color_font {
        position: relative;
    }
    .color_font_2 {
        position: relative;
    }
    .left_btn {
        left: -8%;
        top: 25px;
    }
    .right_btn {
        right: -8%;
        top: -25px;
    }

    .show_s_ui li:hover img, .show_s_ui li:focus img, .show_s_ui li:active img {
        -webkit-transform: scale(1);
        transform: scale(1);
        translate: all 0.4s ease 0s;
    }
    .banner_tree .show_s_ui li {
        height: auto !important;
        border: none;
    }
    .banner_tree_2 .show_s_ui li {
        height: auto !important;
        border: none;
    }
    .banner_tree .show_s_ui li img {
        height:290px !important;
    }
    .banner_tree_2 .show_s_ui li img {
        height: 290px !important;
    }
}

@media (max-width: 768px) {
    .Horizontal_Auto-Slide_Gallery {
        width: 600px;
        height: 800px;
    }
    #horizontal_auto .horizontal_auto_ban .horizontal_auto_img li {
        /* width: 445px; */
        /* width: 543px; */
        width: 523.44px;
    }
    /* .horizontal_auto_img li:hover img, .horizontal_auto_img li:focus img, .horizontal_auto_img li:active img {
        transform: scale(1);
        transition: all 0.6s ease 0s;
    } */
    /* .btn_l {
        left: -8%;
        top: 25px;
    }
    .btn_r {
        right: -8%;
        top: -25px;
    }
    #horizontal_auto {
        border: 2px solid #00000021;
        height: 700px;
        box-shadow: 0 10px 5px -5px #666;
        border-radius: 10px;
        width: 100%;
    } */
    /* .horizontal_auto_ban {
        width: 95%;
        bottom: 15px;
    } */
    /* .horizontal_auto_ban .cirle_num {
        display: none;
    }
    .color_font_1 {
        position: relative;
    }
    .horizontal_auto_img li div {
        position: relative;
        background-color: #fff;
        color: #000;
        display: block;
        width: 100%;
    } */
    /* .horizontal_auto_img li {
        width: 100%;
    }
    .horizontal_auto_img li img {
        border-radius: 15px;
    }  
    #horizontal_auto .horizontal_auto_ban .horizontal_auto_img img {
        height: 290px !important;
        width: 100% !important;
    }  */
    /* div.markets-solutions-applications .horizontal_auto_img h4 {
        color: #000 !important;
        padding: 0 !important;
        margin-left: 0 !important;
    }
    .horizontal_auto_img span {
        color: #000 !important;
        margin-left: 0 !important;
    } */





    /* .show_s_ui .col-lg-3 {
        width: 100%;
    }
    .show_s_ui .col-lg-6 {
        width: 100%;
    } 
    .horizontal_auto_3 {
        border: 2px solid #00000021;
        height: 700px;
        box-shadow: 0 10px 5px -5px #666;
        border-radius: 10px;
    }
    .banner_tree {
        width: 100%;
        height: 700px;
        bottom: 180px;
    }
    .banner_tree_2 {
        width: 100%;
        height: 700px;
        bottom: 180px;
    } */
    /* .banner_tree #left_shows {
        left: 0%;
        opacity: 1;
    }
    .banner_tree #middel_shows {
        left: 100%;
        opacity: 0;
    }
    .banner_tree #right_shows {
        left: 100%;
        opacity: 0;
    }
    .banner_tree #small_right {
        left: 100%;
        opacity: 0;
    }
    
    .banner_tree #small_left {
        left: -100%;
        opacity: 0;
    }

    .banner_tree_2 #left_shows {
        left: 0%;
        opacity: 1;
    }
    .banner_tree_2 #middel_shows {
        left: 100%;
        opacity: 0;
    } */

    /* .banner_tree_2 #right_shows {
        left: 100%;
        opacity: 0;
    }
    .banner_tree_2 #small_right {
        left: 100%;
        opacity: 0;
    }
    
    .banner_tree_2 #small_left {
        left: 100%;
        opacity: 0;
    }

    .show_s_ui li {
        width: 94% !important;
        margin-top: 190px !important;
        margin-left: 15px !important;
    }

    .show_s_ui li div {
        position: relative;
        background-color: #fff;
        color: #000;
        display: block;
    }
    div.markets-solutions-applications .show_s_ui h4 {
        color: #000 !important;
        padding: 0 !important;
        margin-left: 0 !important;
    }
    .show_s_ui span {
        color: #000 !important;
        margin-left: 0 !important;
    } */
    /* .horizontal_auto_btn {
        margin-left: 0 !important;
        background-color: #fff;
        border: 1px solid #fff;
        color: #2292d3;
        box-shadow: 10px 10px 15px rgba(48, 48, 63, 0);
        padding: 0.5rem 0;
    }

    .horizontal_auto_btn:before {
        color: #2292d3;
        transition: all 0.3s ease-in-out 0s;
    } */

    /* .color_font {
        position: relative;
    }
    .color_font_2 {
        position: relative;
    }
    .left_btn {
        left: -8%;
        top: 25px;
    }
    .right_btn {
        right: -8%;
        top: -25px;
    }

    .show_s_ui li:hover img, .show_s_ui li:focus img, .show_s_ui li:active img {
        -webkit-transform: scale(1);
        transform: scale(1);
        translate: all 0.4s ease 0s;
    }  */
    
    /* .banner_tree_2 .show_s_ui li {
        height: 290px;
    } */

    /* .banner_tree .show_s_ui li {
        height: auto !important;
        border: none;
    }
    .banner_tree_2 .show_s_ui li {
        height: auto !important;
        border: none;
    }
    .banner_tree .show_s_ui li img {
        height:290px !important;
    }
    .banner_tree_2 .show_s_ui li img {
        height: 290px !important;
    } */

}
@media (max-width: 660px) {
    .Horizontal_Auto-Slide_Gallery {
        width: 500px;
    }
    #horizontal_auto .horizontal_auto_ban .horizontal_auto_img li {
        /* width: 365px; */
        width: 428.44px;
    }
}
@media (max-width: 520px) {
    .Horizontal_Auto-Slide_Gallery {
        width: 400px;
    }
    #horizontal_auto .horizontal_auto_ban .horizontal_auto_img li {
        /* width: 283px; */
        width: 333.44px;
    }
    .show_s_ui li {
        margin-left: 10px !important;
    }
}
@media (max-width: 370px) {
    .Horizontal_Auto-Slide_Gallery {
        width: 380px;
        margin-left: -25px;
    }
    #horizontal_auto .horizontal_auto_ban .horizontal_auto_img li {
        /* width: 283px; */
        width: 333.44px;
    }
}
@media (max-width: 340px) {
    .Horizontal_Auto-Slide_Gallery {
        width: 320px;
        margin-left: -20px;
    }
    #horizontal_auto .horizontal_auto_ban .horizontal_auto_img li {
        /* width: 251px; */
        width: 295.44px;
    }
}
@media (max-width: 300px) {
    .Horizontal_Auto-Slide_Gallery {
        width: 300px;
        margin-left: -18px;
    }
    #horizontal_auto .horizontal_auto_ban .horizontal_auto_img li {
        /* width: 203px; */
        width: 216.59px;
    }
}
@media (max-width: 300px) {
    .Horizontal_Auto-Slide_Gallery {
        width: 100%;
        margin-left: -18px;
    }
    #horizontal_auto .horizontal_auto_ban .horizontal_auto_img li {
        width: 209px;
    }
}
@media (max-width: 280px) {
    #horizontal_auto .horizontal_auto_ban .horizontal_auto_img li {
        width: 202.34px;
    }
}
@media (max-width: 270px) {
    #horizontal_auto .horizontal_auto_ban .horizontal_auto_img li {
        width: 191.89px;
    }
}
@media (max-width: 260px) {
    #horizontal_auto .horizontal_auto_ban .horizontal_auto_img li {
        width: 183.34px;
    }
}