.jssora12l i,.jssora12r i{
    display: block;
    width: 10px;
    height: 10px;
    border-top: 1px solid #222;
    border-right: 1px solid #222;
    transform: rotate(45deg);
    margin-top: 15px;
    
}
.jssora12l i{
    transform: rotate(-135deg);
    margin-left: 14px;
}
.jssora12r i{margin-left: 12px;}

/*原本*/
.controlbtn{
    display: flex;
    position: absolute;
    right: 0px;
    top: 511px;
}
.jssora12l, .jssora12r, .num{ 
    cursor: pointer; 
    display: block; 
    overflow: hidden; 
    width: 38px; 
    height: 40px; 
    background-color:rgba(255,255,255,0.7);
    border: 1px solid rgba(255,255,255,0.9);
    margin-right: -1px;
}
.num{
    width: 60px;
    line-height: 40px;
    font-size: 13px;
    font-weight: 600;
    color: #222;text-align: center;}
.jssora12l {}
/*.jssora12r { right: 0px; }*/
.jssora12l:hover, .jssora12r:hover { background-color:rgba(255,255,255,0.9);transition:all .3s ease;/* background-position: -136px -37px; */}


/*Slides Control*/
#slider1_container { 
    position: relative; 
    margin: 0 auto; 
    top: 0px; 
    left: 0px; 
    width: 800px;
    height: 550px; 
    overflow: hidden; 
    background-color: transparent; 
 }

.slidesControl { 
    position: absolute; 
    left: 0px; 
    top: 0px; 
    width: 800px; /*950*/
    height: 550px; /*450*/
    overflow: hidden; 
    padding: 15px;
}

.banner { 
    clear: both; 
    margin: 0 auto; 
    margin: 15px;
}

.text{
    position: absolute;
    z-index: 4;
    bottom: -2px;
    left: 0px;
    width: 70%;
    background-color:rgba(255,255,255,0.9);
    position: absolute;
    padding: 15px 50px 15px 15px;
}

.text_black{
    width: 100%;
    background: -webkit-linear-gradient(90deg, rgba(0, 0, 0, 0.7)30%, rgba(0, 0, 0, 0.1)80%,rgba(0, 0, 0, 0)100%);
    background-color: transparent;
    padding:60px 50px 20px 20px;
}
.text_black a{color: #f5f5f5;}
.text_black h2{font-size: 18px;margin:5px 0 2px;font-weight: 300;}
.text_black h4{font-size: 16px;font-weight: 300;}
/*平板==================================================================================================*/

@media screen and (max-width: 1250px){
.slidesControl { padding: 10px;}

.banner {margin: 10px;}
}


/*手機===================================================================================================*/

@media screen and (max-width: 767px) {

.slidesControl { padding: 10px 0;}
.banner {  margin: 10px 0;}
.text{
    width: 100%;
    padding: 20px;
    height: 160px;
}

.slidesControl .text .tag{display: none;}
.slidesControl .text h2{font-size: 36px;}

.controlbtn{
/*    display: flex;
    position: absolute;*/
/*    left: 0px;
    right:auto;
    top: 352px;
    transform: scale(1.4);
    transform-origin: left bottom;*/
    transform: scale(1.4);
    position: static;
    transform-origin: left top;
}
.jssora12l{  
    position: absolute;
    top: 175px;
    left: -2px;
}
.jssora12r{
    position: absolute;
    left: 535px;
    top: 175px;
}
.num{display: none;}

.slide_black .controlbtn{right: 50px;top: 511px;left: auto;}
.slide_black .slidesControl .text .tag {
    display: block;
}
.slide_black .text h2{font-size: 26px;}
.slide_black .text{height: auto;padding: 80px 20px 20px;}
.slide_black .text_black h4{font-size: 21px;}



}