@media only screen and (max-width: 1920px){
    header {
        height: 36vw;
    }
}


@media (min-width: 1200px){
    .ytnav:before {
        content: "";
        background: #005826;
        height: 60px;
        position: absolute;
        width: 90vw;
        top: -20px;
    }
    .container.nav {
        position: absolute;
        top: -20px;
        left: 0;
        right: 0;
    }
}
@media (min-width: 993px){
.list-item li {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.s960{
    display: none;
}
.ytnav:before {
    content: "";
    background: #005826;
    height: 60px;
    position: absolute;
    width: 90vw;
    top: -20px;
}
.container.nav {
    position: absolute;
    top: -20px;
    left: 0;
    right: 0;
}
}
@media (min-width: 787px){
    .mainlist span.title{
        text-overflow: ellipsis;
    white-space: nowrap;
    }
    .mainlist span.title a {
        word-wrap: normal;
        display: block;
        overflow: hidden;
        max-width: 100%;
        text-overflow: ellipsis;
    }
}
@media (max-width: 1400px){
.footer-dark:after {
    left: 0;

}}
@media (max-width: 1200px){
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 1.5rem;
        padding-left: 0;
    }
    .sysulogo{
        position: initial;
        padding: 20px;
        text-align: center;
    }
    .sysulogo img{
       width:180px;
    }
    .navbar-expand-lg .navbar-nav .nav-link {
        font-weight: 400;
        font-size: 1.0rem;
    }
}

@media (max-width: 992px){
    nav .navbar-toggle .icon-bar {
        transition: all 500ms ease-in-out;
    }
    body.out nav .navbar-toggle {
        background:none;
    }
    nav .navbar-nav {
        margin: 15px 0 0 20px;
    }
    .navbar-toggle .icon-bar+.icon-bar {
        margin-top: 4px;
    }
    .navbar-toggle .icon-bar {
        display: block;
        width: 22px;
        height: 2px;
        border-radius: 1px;
    }
    .b960{
        display: none;
    }
    nav .navbar-collapse {
        background-color: #005826;
    }
}
/***** pad 768 **********/
@media screen and (max-width:768px){
     .cont-att{
        margin-right:0;
    }
    .banner {
        padding: 50px 0 50px 0;
    }
    .contentmain {
        padding: 25px 40px;
    }
    .sysulogo{
       display: none;
    }
    .list-item .time {
        color: #999;
        float: none;
        display: block;
    }
    .footer-dark .ewm{
        position: relative;
        top:-150px;
        width: auto;
        margin-bottom: -150px;
    }
    .footer-dark .ewm img{
        width: 200px;
    }
    .btlogo{
        text-align: center;
        margin-bottom:30px;
    }
    .cinfo .infos span{
        display: block;
        margin-bottom:10px;
    }
}
@media (min-width: 576px){
.container {
    max-width: 1120px;
}
}
/**** 480px ******/
@media screen and (max-width:480px){
    header{
        padding-top:20px;
    }
    header .logo{
        margin-bottom:20px;
    }
    .lanlink .btn{
        padding:0;
        margin-top:10px;
    }
    .lanlink .btn-primary{
        border:0;
        background:none;
    }
    .navbar-toggler{
        padding:0.25rem 0;
        border:0;
    }
    .sectionright .morebtn {
        bottom: -40px;
    }
    .noticeregion{
        margin-top:40px;
    }


    .btlogo{
        text-align: center;
        margin-bottom:20px;
    }
    .contactus,.flinks{
        margin-bottom:30px;    
    }

}