2023-5-22-html/css/common.css

@import url(./font-awesome.css);
@import url(./bootstrap-icons.css);


@media (min-width: 576px) {

}

@media (min-width: 768px) {
}


@media (min-width: 992px) {
}


@media (min-width: 1200px) {
}

.nav-box {
    width: 100%;
    background-color: #F8F8F8;
    padding: 20px 100px;
    display: flex;
    justify-content: space-between;
    
}
.nav-box ul {
    width: 400px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin: 0;
} 
.nav-box ul li {
    position: relative;
    padding-right: 10px;
    padding-left: 10px;
}

.nav-box ul li:before{
    position: absolute;
    left: 0;
    content: "";
    height: 14px;
    width: 1px;
    top: calc(50% - 7px);
    background-color: #999;
}

.nav-box ul li:first-child:before{
    width: 0;
}

.footer-box {
    text-align: center;
    color: #999999;
}
.footer-box .nav {
    justify-content: center;
}
.footer-box .nav .item {
    position: relative;
    padding-right: 10px;
    padding-left: 10px;
}

.footer-box .nav .item:before{
    position: absolute;
    left: 0;
    content: "";
    height: 14px;
    width: 1px;
    top: calc(50% - 7px);
    background-color: #999;
}
.footer-box .nav .item:first-child:before{
    width: 0;
}

.footer-box .info {
    font-size: 13px;
}
.footer-box .info img {
    width: 15px;
    height: 15px;
}

.pb-20{
    padding-bottom: 20px;    
}
.mb-20{
    margin-bottom: 20px;    
}


.icon:before {
    content: '\f005';
    font-family: FontAwesome;
}
.icon {
    color: #999999;
}
.no-star {
    color: #99999930;
}