@charset "utf-8";
/* bx slider main banner */
#main_bn {;position:relative;}
#main_bn .slide-wrap{display:none}
#main_bn .slide-wrap li{height:780px;}
#main_bn .slide-wrap img{width:100%; height:100%; object-fit:contain;}
#main_bn .bx-controls{position:absolute; bottom:40px; left:50%; width:300px; margin-left:-150px; text-align:center; z-index:99;}
#main_bn .bx-prev, 
#main_bn .bx-next{position:absolute; top:50%; margin-top:-20px; width:40px; height:40px; text-indent:-9999px;overflow:hidden; opacity:0.7;}
#main_bn .bx-prev{left:0; background:url('img/icon_bx_prev.svg') no-repeat 50% 50%; background-size:40px auto;}
#main_bn .bx-next{right:0; background:url('img/icon_bx_next.svg') no-repeat 50% 50%; background-size:40px auto;}
#main_bn .bx-prev:hover, #main_bn .bx-next:hover{opacity:1}
#main_bn .bx-pager-item {display:inline-block; padding:0 8px;}
#main_bn .bx-pager-link{display:block;width:8px;height:8px;background:#fff;border-radius:4px;text-indent:-999px;overflow:hidden;opacity:.5;}
#main_bn .active{opacity:1; -webkit-box-shadow:0 0 8px 5px rgba(255,255,255,0.6); -moz-box-shadow:0 0 8px 5px rgba(255,255,255,0.6); box-shadow:0 0 8px 5px rgba(255,255,255,0.6);}

#main_bn .bx-viewport{
    height:370px !important;
}
#main_bn .slide-wrap li{height:370px;}
/* ****************************************************************************************** *
 * 1024px
 * ****************************************************************************************** */
@media screen and (max-width:1024px) {
    
    #main_bn .slide-wrap li{height:660px;}
}
/* 1024px end */
/* ****************************************************************************************** *
 * 767px
 * ****************************************************************************************** */
@media screen and (max-width:767px) {
    
    #main_bn .slide-wrap li{height:520px;}
    
}
/* 767px end */

/* ****************************************************************************************** *
 * 425px
 * ****************************************************************************************** */
@media screen and (max-width:425px) {
    
    #main_bn .slide-wrap li{height:400px;}
    #main_bn .bx-prev, #main_bn .bx-next{width:40px; height:40px;}
    
}
/* 425px end */