/*===========================================
Homepage
===========================================*/
.page-title{
    margin-bottom:20px;
}
/*-------------------------------------------
news
-------------------------------------------*/
#news{
    display:flex;
    background-color:rgba(var(--visual-bgcolor-rgb),.3);
    border-radius:0;
    height:50px;
    margin-bottom:25px;
}
    #news h3{
        display:inline-block;
        color:var(--visual-purple);
        font-size:1.5rem;
        line-height:50px;
        margin:0 30px 0 15px;
    }
    .marquee{
        --marquee-height:50px;
        flex:1;
        height:var(--marquee-height);
        overflow:hidden;
        position:relative;
    }
        .marquee ul{
            display:inline-block;
            line-height:var(--marquee-height);
            list-style:none;
            padding:0;
            margin:0;
            position:absolute; top:0; left:0; right:30px;
        }
            .marquee li{
                padding-left:90px;
            }
                .marquee li time{
                    color:var(--visual-orange);
                    font-size:.875rem;
                    margin-right:10px;
                    position:absolute; left:0;
                }
                .marquee .newsTitle{
                    margin:0;
                    color:#111;
                    line-height:var(--marquee-height);
                    white-space:nowrap;  
                    -o-text-overflow:ellipsis; /* Opera */ 
                       text-overflow:ellipsis; /* IE, Safari (WebKit) */
                            overflow:hidden;
                }
                    .marquee .newsTitle a{
                        color:#111;
                        transition:.2s;
                    }
                    .marquee .newsTitle a:focus,
                    .marquee .newsTitle a:hover{
                        color:var(--hover-color);
                    }
        .swap{
            display:inline-block;
            line-height:var(--marquee-height);
            top:var(--marquee-height);
            position:absolute; top:0; left:0;
        }

/*-------------------------------------------
welcome
-------------------------------------------*/
#welcome{
    padding-bottom:30px;
}
    .message{
        position:relative;
        margin-top:20px;
    }
        .sign{
            margin-top:20px;
        }
            .sign h4{
                margin:0;
                font-size:1.125rem;
                line-height:1;
            }
            .sign .job-title{
                font-size:1rem;
                margin:5px 0;
            }
            .sign img{
                margin-top:5px;
            }
            .sign td:nth-child(1) img{
                
            }

/*-------------------------------------------
homepage bottom
-------------------------------------------*/
#homepageBottom{
    margin-bottom:20px;
}
    /* --- Important Date --- */
    #importantDate{
        position:relative;
    }
        #importantDate ul{
            list-style:none;
            margin:-10px 0 0;
            padding:0;
            font-size:1.125rem;
        }
            #importantDate ul li{
                padding:10px 15px;
                color:#111; 
                overflow:hidden;
            }
            #importantDate ul li:nth-child(even){
                background-color:rgba(var(--visual-bgcolor-rgb),.2);
            }
            #importantDate ul li:last-child{
                border-bottom:none;
            }
                #importantDate time{
                    float:right;
                    color:var(--visual-orange);
                    font-weight:700;
                }
    /* --- contact data --- */
    #contact-data{
        padding:30px 0;
    }
        #contact-data .row{
            display:flex;
            flex-wrap:wrap;
            margin:0 -10px;
        }
            #contact-data .col{
                flex:0 0 100%;
                padding:0 10px 10px;
                line-height:1.4;
            }
            #contact-data .col-3{
                flex:0 0 25%;
            }
            #contact-data .col-4{
                flex:0 0 33.33333%;
            }
            #contact-data .col-5{
                flex:0 0 41.66666%;
            }
            #contact-data .col-6{
                flex:0 0 50%;
            }
            #contact-data .col-buttons{
                text-align:right;
            }
                #contact-data label{
                    display:block;
                    margin-bottom:5px;
                    letter-spacing:1.125px;
                    color:#666;
                    font-size:13px; font-weight:700;
                }
                #contact-data [type='text']{
                    width:100%;
                }
                #contact-data .col-buttons [type='button']{
                    font-size:16px;
                    padding:5px 20px;
                }

/*-------------------------------------------
sponsors
-------------------------------------------*/
#sponsors{
    clear:both;
    padding:40px 0 0;
    border-top:1px solid #e3e3e3;
    margin-top:40px;
}
    .sponsorsInner{
        display:flex;
        justify-content:space-between;
        margin-left:calc(var(--menu-width) + 60px); /* (nav's width + margin-left 60px) */
    }
        .sponsorsInner > div{
            flex:1;
        }
            .sponsorsInner h3{
                margin:0 0 10px;
                border-bottom:1px solid #e3e3e3;
                color:#a9a9a9;
                font-size:1.125rem;
                line-height:18px;
                padding-bottom:2px;
            }
        .sponsorsInner .app-qr{
            margin-left:100px;
        }

/* --- News LightBox --- */
.newsLightBox{
    position:fixed; top:0; left:0;
    z-index:999999 !important;
    width:100%;
    height:100%;
    -ms-touch-action:none;
    touch-action:none;
    -webkit-text-size-adjust:100%;
    -webkit-backface-visibility:hidden;
    outline:none;
    overflow:hidden;
    display:none !important;
}
    .newsLightBox__container{
        position:relative; z-index:9999;
        width:100%;
        height:100%;
        overflow:hidden;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center;
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center;
    }
        .newsLightBox__overlay{
            position:fixed; top:0; left:0; z-index:0;
            width:100%;
            height:100%;
            background-color:rgba(0,0,0,.8);
            will-change:opacity;
        }
        .newsLightBox__inner-content__wrap{
            background-color:#fff;
            padding:30px;
            width:auto;
            max-height:95vh;
            box-shadow:0 2px 9px 0px rgba(0, 0, 0, 0.65);
            overflow:auto;
            position:relative; z-index:2;
        }
            .newsLightBox__inner-content{
                max-width:700px;
                height:auto;
                overflow:auto;
                line-height:1.65;
            }
                #newsHeader{
                    border-bottom:2px solid #ccc;
                }
                    #newsHeader time{
                        color:var(--visual-green);
                    }
                    #newsHeader .newsTitle{
                        margin:5px 0 15px;
                        line-height:1.3;
                    }
                #newsBody{
                    padding:15px 0;
                }
        .newsLightBox__close{
            position:absolute; top:20px; right:20px;
            background-image:url(../images/icon-clear.svg);
            background-position:50% 50%;
            background-repeat:no-repeat;
            background-size:24px 24px;
            text-indent:-99999em;
            width:40px;
            height:40px;
            border:none;
            border-radius:50%;
            box-shadow:none !important;
        }