@charset "UTF-8";
/*===========================================
Homepage
===========================================*/

/*-------------------------------------------
Pictures
-------------------------------------------*/
.slidePictures{
    background-color:#fff;
    height:480px;
    position:relative;
}
    .slidePictures:before,
    .slidePictures:after{
        content:"";
        width:15%; height:100%;
        position:absolute; top:0; z-index:99;
        background-color:#fff;
        display:none;
    }
    .slidePictures:before{
        left:0;
        background:rgba(255,255,255,1);
        background:-moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%);
        background:-webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(50%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,0)));
        background:-webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%);
        background:-o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%);
        background:-ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%);
        background:linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%);
        filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );
    }
    .slidePictures:after{
        right:0;
        background:rgba(255,255,255,0);
        background:-moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
        background:-webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(50%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));
        background:-webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
        background:-o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
        background:-ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
        background:linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
        filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );
    }

    .slidePictures .owl-stage-outer,
    .slidePictures .owl-stage,
    .slidePictures .owl-item,
    .slidePictures .item{
        height:100%;
    }
    .slidePictures .item{
        position:relative;
        background-position:50% 50%;
        background-repeat:no-repeat;
        background-size:cover;
    }
        .slidePictures .item:before{
            content:"";
            display:block;
            width:100%; height:100%;
            position:absolute; top:0; left:0; z-index:1;
            background:url(../images/picture_opacity.png?v=20180813) repeat-x 0 100%;
            pointer-events:none;
        }
        .slidePictures .item a{
            position:absolute; top:0; left:0;
            width:100%;
            height:100%;
        }
            .slidePictures .item .picDesc{
                margin:0 auto;
                text-align:center;
                position:absolute; bottom:1em; left:15px; right:15px; z-index:10;
                color:#fff;
                font-size:34px;
                transition:.2s;
            }
            .slidePictures .item a:focus .picDesc,
            .slidePictures .item a:hover .picDesc{
                text-shadow:0 2px 5px rgba(0, 0, 0, .3);
            }
    .slidePictures .owl-dots{
        position:absolute; top:100%; left:0; right:0;
        margin-top:15px;
        text-align:center;
    }
        .slidePictures .owl-dots .owl-dot{
            display:inline-block;
            zoom:1;
        }
            .slidePictures .owl-dots .owl-dot span{
                display:block;
                width:12px; height:12px;
                margin:0 5px;
                background:#fff;
                background-color:#ccc;
                border-radius:50%;
            }
            .slidePictures .owl-dots .owl-dot:hover span,
            .slidePictures .owl-dots .owl-dot.active span{
                background-color:var(--primary-color);
            }
@media screen and (max-width:1366px){
    .slidePictures{
        height:400px;
    }
    .slidePictures:before,
    .slidePictures:after{
        display:none;
    }
}
@media screen and (max-width:1024px){
    .slidePictures{
        height:360px;
    }
}
@media screen and (max-width:992px){
    .slidePictures{
        padding-top:50px;
        height:320px;
    }
        .slidePictures .item .picDesc{
            font-size:30px;
        }
}
@media screen and (max-width:576px){
    .slidePictures{
        height:220px;
    }
        .slidePictures .item .picDesc{
            font-size:1rem;
        }
}
@media screen and (max-width:375px){/* i6,i7,i8 */
    .slidePictures{
        height:210px;
    }
}
@media screen and (max-width:360px){/* Xiaomi 2S */

}
@media screen and (max-width:320px){/* i5 */
    .slidePictures{
        height:180px;
    }
}

/*-------------------------------------------
Common
-------------------------------------------*/
#information{
    background-color:#fff;
    padding:80px 20px 100px;
}
    #information > .wrapper{
        display:flex;
        flex-wrap:wrap;
        justify-content:space-between;
    }
    #information > .wrapper > div{
        position:relative;
    }
    .homeTitle{
        margin:0;
        color:#000;
        font-size:1.875rem; font-weight:700;
        line-height:1;
        margin-bottom:1.25em;
        position:relative; top:auto; left:auto;
    }
        .homeTitle::before{
            content:"";
            display:block;
            width:2em;
            border-bottom:5px solid var(--primary-color);
            position:absolute; bottom:-15px;
        }
    .btnMore{
        background:none;
        color:#000;
        position:absolute; top:0; right:0;
        width:auto;
    }
    .btnMore:focus,
    .btnMore:hover{
        color:var(--hover-color);
    }
        .btnMore::after{
            content:"";
            display:inline-block;
            aspect-ratio:1;
            background-color:var(--primary-color);
            background-image:url(../images/icon_more_white@2x.png);
            background-repeat:no-repeat;
            background-position:center;
            background-size:60%;
            border-radius:50%;
            width:40px;
            vertical-align:-16px;
            margin-left:10px;
        }
@media screen and (max-width:1024px){
    #information{
        padding-left:15px; padding-right:15px;
    }
}
@media screen and (max-width:992px){
    .homeTitle:before{
        border-bottom-width:3px;
        bottom:-10px;
    }
}
@media screen and (max-width:768px){
    #information{
        padding-bottom:80px;
    }
        .btnMore{
            font-size:.875rem;
            top:0;
        }
            .btnMore::after{
                width:32px;
                vertical-align:-13px;
                margin-left:5px;
            }
}
@media screen and (max-width:667px){/* i6, i7, i8 Landscape */
    .homeTitle{
        font-size:1.5rem;
    }
}
@media screen and (max-width:576px){
    #information{
        padding-top:50px;
    }
}
@media screen and (max-width:440px){/* i16 Pro Max */
    .homeTitle{
        font-size:5.75vw;
    }
    .btnMore{
        font-size:.75rem;
        top:-3px;
    }
        .btnMore::after{
            width:28px;
            vertical-align:-9px;
        }
}

/*-------------------------------------------
News
-------------------------------------------*/
.news{
    width:32%;
    background:url(/images/h_info_bg_news.jpg) no-repeat center top / cover;
    position:relative;
    padding:25px 20px;
    max-height:560px;
    overflow:hidden;
}
    .news::before{
        content:"";
        width:100%;
        height:100%;
        background-color:var(--primary-color);
        pointer-events:none;
        position:absolute; left:0; top:0; z-index:0;
        opacity:.75;
        transition:.3s;
    }
    .news .homeTitle{
        color:#fff;
    }
        .news .homeTitle::before{
            border-color:#fff;
        }
    .newsList{
        list-style:none;
        margin:0;
        padding:0;
    }
        .newsList > li{
            position:relative;
            border-bottom:1px solid rgba(0,0,0,.1);
            margin-bottom:15px;
            padding-bottom:15px;
        }
        .newsList > li:last-child{
            margin-bottom:0;
        }
            .newsDate{
                color:#000;
                font-size:14px;
                line-height:1;
            }
            .newsList .newsType{
                display:inline-block;
                background-color:rgba(0,0,0,.5);
                border-radius:30px;
                color:#fff;
                font-size:13px;
                line-height:1;
                margin-left:5px;
                padding:4px 8px;
                max-width:65%;
                overflow:hidden;
                white-space:nowrap;
            }
            .newsList .sticky .newsType{
                background-color:#c00;
            }
            .newsTitle{
                margin:5px 0 0;
                font-size:1.25rem;
                line-height:1.3;
                text-shadow:0 1px 3px rgba(0, 0, 0, .4);
                word-break:break-word;
            }
                .newsTitle a{
                    color:#fff;
                    transition:.2s;
                }
                .newsTitle a:focus,
                .newsTitle a:hover{
                    background-color:rgba(0, 0, 0, .4);
                    padding:1px 2px;
                }
    .news::after{
        content:"";
        display:block;
        background:linear-gradient(to bottom, rgba(var(--primary-rgb),.1) 0%, rgba(var(--primary-rgb),1) 80%);
        height:50px;
        position:absolute; left:0; bottom:0; right:0;
        pointer-events:none;
    }
    .news .btnMore{
        color:#fff;
        top:25px; right:20px;
    }
        .news .btnMore::after{
            background-color:#fff;
            background-image:url(../images/icon_more@2x.png);
        }
@media screen and (max-width:1024px){
    .news{
        width:40%;
    }
}
@media screen and (max-width:768px){
    .news{
        width:100%;
        background-position:center;
        background-size:cover;
    }
        .newsList .newsType{
            font-size:12px;
        }
}
@media screen and (max-width:375px){/* SE, iX, XS, i11 Pro, i13 Mini, i6, i7, i8 */
    .news{
        padding-left:15px; padding-right:15px;
    }
        .news .btnMore{
            right:15px;
        }
}

/*-------------------------------------------
Events
-------------------------------------------*/
.events{
    flex:1;
    position:relative;
    padding-left:10%;
}
    .eventsList{
        list-style:none;
        margin:0;
        padding:0;
    }
        .eventsList > li{
            position:relative;
            display:flex;
            flex-wrap:wrap;
            border-bottom:1px solid rgba(0,0,0,.1);
            margin-bottom:20px;
            padding-bottom:20px;
        }
        .eventsList > li:last-child{
            margin-bottom:0;
        }
            .eventsList .eventTitle{
                margin:0 0 5px;
                font-size:1.5rem;
                line-height:1.3;
                width:100%;
                word-break:break-word;
            }
            .eventsList .eventDate,
            .eventsList .eventPlace{
                background-position:0 0;
                background-repeat:no-repeat;
                background-size:16px;
                line-height:20px;
                padding-left:22px;
            }
            .eventsList .eventDate{
                background-image:url(../images/icon_date_black@2x.png);
                color:#333;
                font-weight:700;
                padding-right:40px;
                width:270px;
            }
            .eventsList .eventPlace{
                background-image:url(../images/icon_place_black@2x.png);
            }
@media screen and (max-width:1280px){/* Air Mac */
    .eventsList .eventPlace{
        margin-top:5px;
        width:100%;
    }
}
@media screen and (max-width:1024px){
    .events{
        padding-left:6%;
    }
}
@media screen and (max-width:768px){
    .events{
        margin-top:50px;
        padding:0 25px;
    }
        .events .btnMore{
            right:20px;
        }
}
@media screen and (max-width:440px){/* i16 Pro Max */
    .events{
        margin-top:50px;
    }
        .eventsList .eventTitle{
            font-size:1.25rem;
        }
}
@media screen and (max-width:375px){/* SE, iX, XS, i11 Pro, i13 Mini, i6, i7, i8 */
    .events{
        padding:0 5px;
    }
        .events .btnMore{
            right:5px;
        }
}