@import "/Content/bootstrap.min.css";
/*@import "header.css";*/
/*@import "footer.css";*/
/*@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css");
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500&family=Noto+Sans:wght@400;500&display=swap');
@import "loading.css";*/
@import "../adImage_default//adDefault.css";

#container-bg {
    background-color: #FFFFFF;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
/*@include dflex(null,null,nowrap,column)*/
}

.active {
    background: #53B6B7;
    border-radius: 16px;
    color: white;
}

.d_none {
    display: none;
}

.icon {
    transition: all 0.5s;
}

body {
    font-family: 'Noto Sans','Noto Sans TC', sans-serif !important;
}
 /*h1 使用 隱藏*/ 
.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}


 /*取消input元素的focus外框線效果*/ 
input:focus {
    outline: none !important;
    outline: 4px dotted #e73;
    outline-offset: 4px;
    background: #ffa;
box-shadow: none !important;
    border-color: #EEFCFB !important;  或者設定為原來的border顏色 
}
 /*修改input元素的focus外框線顏色*/ 
input:focus {
    border-color: #53B6B7 !important;  設定您想要的顏色 
    box-shadow: 0 0 0 0.35rem #EEFCFB !important;  保留focus時的陰影效果 
}

@media (max-width: 996px) {
    .hoverItem:hover {
        color: none !important;
        background-color: none !important;
        border-radius: initial !important;
}
}

@media (any-hover: hover) {
    .hoverItem:not(.active):hover {
        color: #53B6B7 !important;
        background-color: #EEFCFB;
        border-radius: 16px;
        border-color: #53B6B7 !important
    }
}

.scrollTop-btn {
    border-radius: 40px;
    border: 1.5px solid #53B6B7;
    background: white;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    position: fixed;
    right: 1.5%;
    bottom: 7%;
    opacity: 0;  初始狀態為透明 
    transition: all 0.5s ease;  使用過渡效果，持續 0.5 秒 
    visibility: hidden
}

    .scrollTop-btn .fa-angle-up {
        color: rgba(83, 182, 183, 1);
        font-size: 1.25rem
    }


.required {
    position: absolute;
    top: -25%;
    right: -8%;
    color: #9C0E4E;
    font-size: 12px;
    transition:all 0.5s
}

@media (max-width: 996px) {
    .scrollTop-btn {
        bottom: 10%;
    }

    .required {
        top: -5%
    }
}

/*    應該都不要用了 遲早要刪除*/