html,body{
    height:100%;
}
body{
    padding:0;
    margin:0;
}
/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}


.icon-img{
    width:30px;
    height:30px;
}

.homepage {
    background: url('/image/teco.png') no-repeat left center fixed;
    background-size: cover;
    height: 100vh;
    width: 100%;
}
@media(max-width:768px){
    .homepage{
        background-position:-100px 0;
    }
}
.d-start-center{
    display:flex;
    justify-content:center;
    align-items:center;
    height:100vh;
    width:100%;
}

.homepage .default-content {
    background-color: rgb(0 0 0 / 16%);
    border-radius: 15px;
    color: #fff;
    font-weight: bold;
    padding: 1.75rem;
    font-size: 16px;
}
.fs-20{
    font-size:20px;
}
.fs-22 {
    font-size: 22px;
}
.color-darkblue{
    color:#00467E;
}
.color-red{
    color:red;
}
.font-blod{
    font-weight:bold;
}
.pb-5{
    padding-bottom:5px;
}
#info{
    margin-top:20px;
    margin-bottom:10px;
}
    
    #info .title {
        border-bottom: 5px solid #00467E;
    }
.title .caption {
    background-color: #00467E;
    padding: 8px 8px 6px;
    color: #fff;
    font-size: 22px;
}
.title .tips{
    color:red;
    font-weight:bold;
}
.error-msg {
    font-size: 16px;
    color: red;
}