@charset "utf-8";

#main-col ul li div.clearfix { background: #fff; }
#Wrapper { margin-bottom: 60px; }
#Wrapper .row { position: relative; }

/*----------slider----------*/
.owl-theme .owl-nav [class*=owl-] { padding: 6px 0 !important; }
#slider { margin-bottom: 20px; }
/*#slider .owl-item i {
    position: absolute; top: 0; right: 0; bottom: 0; left: 0;
    background: linear-gradient(270deg, rgba(255, 255, 255, 0)80%, rgba(255, 255, 255, 0.7)100%);
    background: -moz-linear-gradient(270deg, rgba(255, 255, 255, 0)80%, rgba(255, 255, 255, 0.7)100%);
    background: -webkit-linear-gradient(270deg, rgba(255, 255, 255, 0)80%, rgba(255, 255, 255, 0.7)100%);
    background: -o-linear-gradient(270deg, rgba(255, 255, 255, 0)80%, rgba(255, 255, 255, 0.7)100%);
}*/
#slider .owl-dots, #slider .owl-nav { display: none; }
#slider .item .photo {
    /*width: 100vw;*/
    height: 43vw;
    background-repeat: no-repeat;
    background-position: center center;
    /*background-color: #fff;*/
    background-size: cover;
    /*text-align: right;*/
    padding-top: 250px;
    padding-right: 10px;
    /*font-size: 1.2rem;
    line-height: 4rem;*/
    /*border-radius: 17px !important;*/
}



@media only screen and (min-width: 768px) {
    #slider .item .photo { height: calc((100vw - 30px) * 0.43); }
}

@media only screen and (max-width: 1199px) and (min-width: 990px) {
    ul.new-article-index li:nth-child(6) { display: none; }
    #slider .item .photo { height: 396px; border-radius: 17px !important; } /*width: 940px;*/
}

@media only screen and  (min-width: 1199px) {
    ul.new-article-index li:nth-child(6) { display: none; }

    #slider { margin-top: 40px; }
    #slider .item .photo { height: 480px; border-radius: 17px !important; } /*1140px*/
}



/*----------index列表----------*/
.grid li .item { margin-bottom: 0; margin: 2.5% 5%; }

hgroup.subject { display: flex; justify-content: space-between; align-items: center; color: #fff; padding: 5px 0; border-radius: 3px; margin: 40px 15px 15px;}
hgroup.subject h2 { font-weight: bold; margin: 0; font-size: 28px; }
hgroup.subject div { font-size: 16px; color: #fff; }

.section-new-article li img { position: relative; border-radius: 17px; }
.section-new-article li p { position: absolute; color: #fff; }
.section-new-article li p.name { bottom: 30px; left: 15px; background: linear-gradient(to right, #6928BB, #FF1474); border-radius: 30px; font-size: 16px; padding: 5px 10px 5px; max-width: calc(100% - 60px); white-space: nowrap; text-overflow:ellipsis; overflow: hidden; }
.section-new-article li p.greeting { bottom: 5px; left: 15px; max-width: calc(100% - 30px); white-space: nowrap; text-overflow:ellipsis; overflow: hidden; }