@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 {
    height: 43vw;
    background-repeat: no-repeat;
    background-position: center center;
    /*background-color: #fff;*/
    background-size: cover;
    padding-top: 250px;
    padding-right: 10px;
}



/*----------index列表----------*/
.grid li .item { margin-bottom: 0; margin: 5%; }

hgroup.subject { display: flex; justify-content: start; align-items: center; color: #fff; padding: 5px 0; border-radius: 3px; margin: 40px 15px 15px;}
hgroup.subject h2 { font-weight: bold; margin: 0 20px 0 0; font-size: 28px; width: 200px; }
/*hgroup.subject div { font-size: 16px; }*/
hgroup.subject ul { list-style: none; display: flex; font-size: 16px; flex-wrap: wrap; margin: 0; padding: 0; }
hgroup.subject ul li { padding: 2px 12px; border: 1px solid #fff; border-radius: 99px; color: #fff; margin: 5px 10px 5px 0; }
hgroup.subject ul li.active { background: linear-gradient(to right, #6928BB, #FF1474); color: #fff; border: none; }

.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; }



/*footer .left { margin: 0; font-size: 20px; }
footer .left a { background-color: #fff; padding: 10px 20px; color: #ff6066; border-radius: 99px; font-weight: normal; margin-left: 20px; display: inline-block; }*/
.fixed-adv { position: fixed; bottom: 0; width: 100%; height: 72px; display: flex; padding: 10px 12px; justify-content: center; align-items: center; background: linear-gradient(to right, #6928BB, #FF1474); z-index: 99; }
/*height: 108px;*/
.fixed-adv-message { color: #fff; font-size: 18px; font-weight: bold; }
.fixed-adv-btn { background-color: #fff; color: #101010; font-size: 16px; padding: 5px 20px; border-radius: 99px; font-weight: bold; margin-left: 15px; }



@media only screen and (max-width: 400px) {
    /*hgroup.subject { justify-content: space-between; }*/
    hgroup.subject h2 { font-size: 18px; }
}

@media only screen and (max-width: 640px) {
    hgroup.subject h2 { font-size: 20px; }
    hgroup.subject ul li { font-size: 14px; }
}

@media only screen and (min-width: 768px) {
    #slider .item .photo { height: calc((100vw - 30px) * 0.43); }
}

@media (min-width: 992px) {
    #slider .item .photo { height: 396px; border-radius: 17px !important; } /*width: 940px;*/
}

@media (min-width: 1200px) {
    #slider { margin-top: 40px; }
    #slider .item .photo { height: 480px; border-radius: 17px !important; } /*1140px*/
}

@media only screen and (max-width: 500px) {
    /*footer .left { font-size: 16px; }
    footer .left a { padding: 6px 12px; margin-left: 10px; }*/
    .fixed-adv-message { font-size: 16px; }
    .fixed-adv-btn { padding: 6px 12px; margin-left: 10px; }
}