html, body {
    max-width: 100%;
    overflow-x: hidden;
}
.position-absolute {
    max-width: 100vw; /* 確保絕對定位不超出視窗寬度 */
}
@media(max-weight:768px) {

    .custom-square-1 {
    display:none;
    }
    .position-absolute {
    max-width:100%;
    }
}

#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li a {
    font-weight: 900;
    color: dimgray;
}

.nav-link {
    font-weight: 900 !important;
}

h3 {
line-height:1.5em;
}

#Navigation {
padding-left:30px;
font-weight:900;
}


.text-color-blue {
    color: blue !important;
}

.text-color-green {
    color:green!important;
}

.text-color-purple {
color:purple!important;
}

.text-color-brown {
color:brown!important;
}

.text-color-black {
    color: black !important;
}

.text-color-darcyan {
color:darkcyan!important;
}

.text-color-darkgray {
    color: #5B5B5B !important;
}

.text-small {
    font-size: small !important;
}

.text-medium {
    font-size: medium !important;
}

.mt-0 {
margin-top:0!important;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.bg-color-lightgray {
    background-color: #F0F0F0 !important;
}

.bg-color-darkgray {
    background-color: darkgray !important;
}

.bg-color-beige {
background-color:beige!important;
}

.bg-color-lemonchiffon {
    background-color: lemonchiffon !important;
}

.text-align-right {
text-align:right!important;
}

.padding-left-5px {
    padding-left:5px!important;
}
.padding-left-10px {
    padding-left: 10px !important;
}
.padding-left-20px {
    padding-left: 20px !important;
}

.margin-bottom-100px {
margin-bottom:100px!important;
}