/*@font-face {
    font-family: 'li-medium';
    src: url(https://s.ampmake.com/www/font2022/LiciumFont2022-Medium.woff2) format("woff2"), url(https://s.ampmake.com/www/font2022/LiciumFont2022-Medium.woff) format("woff");
}
@font-face {
    font-family: 'li-regular';
    src: url(https://s.ampmake.com/www/font2022/LiciumFont2022-Regular.woff2) format("woff2"), url(https://s.ampmake.com/www/font2022/LiciumFont2022-Regular.woff) format("woff");
}*/
:root {
    --bs-font-sans-serif: Arial;
    --bs-font-monospace: Arial,SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    /*--bs-gradient: linear-gradient(90deg, #6366f1 0%, #8b5cf6 50%, #d946ef 100%);*/
    --bs-gradient: linear-gradient(150deg, #dc3545 0%, #ff3c4f 50%, #dc3545 100%);
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-primary:#dc3545;
    --bs-primary-hover: #f53042;
    /*    --bs-body-font-size: 1rem;
        --bs-body-font-weight: 400;
        --bs-body-line-height: 1.6;*/
}

.fs-7 {
    font-size: 0.85rem !important;
}

a{
    transition: all 0.3s;
}
div{
    transition:all 0.3s;
}
a:hover{
    text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.5);
}

/*.nav-pills .nav-link.active, .nav-pills .show>.nav-link{
    color: #fff;
    background-color: var(--bs-primary);
}*/
/*.nav-pills .nav-link.active, .nav-pills .show>.nav-link{
    background-color: transparent;
    font-weight: bold;
    color: var(--bs-primary)!important;
}*/

.dropdown-item.active, .dropdown-item:active{
    color: #fff;
    background-color: var(--bs-primary);
}
.card-hover:hover{
    background-image: var(--bs-gradient)!important;
    color: white!important;
}
.card-hover:hover .card-body .text-muted{
    color: white!important;
}
.btn-primary {
    color: #fff;
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
}
.btn-primary:hover {
    color: #fff;
    background-color: var(--bs-primary-hover);
    border-color: var(--bs-primary-hover);
}
.progress-bar{
    background-color: var(--bs-primary);
}
/*.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover{
    color: var(--bs-primary)!important;
}*/
/*.nav-link.active{
    color: var(--bs-primary)!important;
    font-weight: bold;
}*/
/*body*/
#content img{
    max-width: 100%;
}

/*head*/
#head{

    width: 100%;

}
#head .menus{
    background-color: #003366;

    padding: 8px 0px;
    border-bottom: 2px solid #cc3300;
}
#head .menus .content{
    width: 900px;
    margin: 0px auto;
}
#head .logo{
    padding-top: 9px;
}


/*container*/
#container{

}
#container .content{

}
#container .content .slip{
    width: 100%;
    background-color: #f8f8f8;
    border-top: 1px solid #E0E0E0;
    border-bottom: 1px solid #E0E0E0;
    margin: 5px 0px;
    padding: 15px 0px;
    text-align: center;
}
.caption h3{
    text-align: center;
}
#container .content .slip label{
    text-align: center;
    margin-top: 3px;
    font-size: 30px;
    -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.3)), to(rgba(0,0,0,1)));
    text-shadow: 0px 0 0px #000;
}
#container .content .page{
    max-width: 900px;
    margin: 10px auto;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 10px;

}
#container .content .page img{
    max-height: 500px;
    max-width: 100%;
}

#container .content .slip p{text-align: center;width: 90%;margin: 0px auto;color: #7a7a7a;}
#container .content .box-content{
    max-width: 900px;
    margin: 0px auto;
    padding: 15px;
}



#foot{
    background-color: #333436;
    width: 100%;

}
#foot .box-content{
    max-width: 900px;
    margin: 0px auto;
    color: #b7b7b7;
}

#foot .box-content .row div h5{line-height: 20px;}
#foot .box-content .row div h5 span{margin-right: 5px;}

.float_left{
    float: left;
}
.float_right{
    float: right;
}

.clear{
    clear: both;
}


.ng-valid{}
.ng-invalid{}
.ng-pristine{}
.ng-dirty{}
.ng-invalid-required,.ng-invalid-maxlength,.ng-invalid-minlength{
    border: 1px solid red;
}