﻿body {
    font-variant-east-asian: traditional;
}

a {
    color: #333;
    text-decoration: none;
}

    a:hover, a:active {
        color: #0078d7;
        text-decoration: none;
    }

img {
    max-width: 100%;
}

.bgimg1 {
    height: 500px;
    background: url('/Content/img/bg01.jpg') no-repeat center center;
    background-size: cover;
}

.bgimg2 {
    height: 500px;
    background: url('/Content/img/bg02.jpg') no-repeat center center;
    background-size: cover;
}

.bgimg3 {
    height: 500px;
    background: url('/Content/img/bg03.jpg') no-repeat center center;
    background-size: cover;
}

.bgimg4 {
    height: 500px;
    background: url('/Content/img/bg04.jpg') no-repeat center center;
    background-size: cover;
}

.bgimg5 {
    height: 500px;
    background: url('/Content/img/bg05.jpg') no-repeat center center;
    background-size: cover;
}

@media only screen and (max-width:1400px) {
    .bgimg1, .bgimg2, .bgimg3, .bgimg4, .bgimg5 {
        height: 360px;
    }
}

@media only screen and (max-width:1200px) {
    .bgimg1, .bgimg2, .bgimg3, .bgimg4, .bgimg5 {
        height: 300px;
    }
}

@media only screen and (max-width:992px) {
    .bgimg1, .bgimg2, .bgimg3, .bgimg4, .bgimg5 {
        height: 240px;
    }
}

@media only screen and (max-width:768px) {
    .bgimg1, .bgimg2, .bgimg3, .bgimg4, .bgimg5 {
        height: 180px;
    }
    .navtitle {
        display:none;
    }
}

@media only screen and (max-width:576px) {
    .bgimg1, .bgimg2, .bgimg3, .bgimg4, .bgimg5 {
        height: 120px;
    }
}
.OnlineService {
    bottom: 100px;
    right: 0px;
    position: fixed;
}
#ContentPlaceHolder1_DataPager1 input {
    margin-bottom:10px;
}
.FlexCenter {
    flex:auto;
    /*justify-content:center;*/
    align-content:center;
    align-items:center;
    justify-self:center;
}
#navmenu a{
    color:#fff;
}