@import "fontawesome/css/all.css";
@import "fontawesome/css/brands.css";
@import "fontawesome/css/fontawesome.css";
@import "fontawesome/css/solid.css";
@import "bootstrap-col.css";
@import "bootstrap-m-p.css";
@import "bootstrap-offcanvas.css";
@import "custom-check.css";
@import "custom-input.css";
@import "custom-radio.css";
@import "Custom_RadComboBox.css";
@import "fuse-color.css";
@import "fix-fancy-box.css";

/*背景*/
.content-bg {
    background: url('../assets/img/bg-37.jpg') no-repeat;
    /*  background-size: contain;
            background-position: 0 -70%;*/
    background-size: cover;
    background-position: 0 60%;
}
/*標題*/
.content-title {
    margin-bottom: 10%;
}

    .content-title .title-txt {
        /*padding: 90px 0 0px 0;
                text-shadow: -1px -1px 0 #FFFFFF85, 1px -1px 0 #FFFFFF85, -1px 1px 0 #FFFFFF85, 1px 1px 0 #FFFFFF85;*/
        padding: 10px 18px;
        width: fit-content;
        margin: 160px auto 0 auto;
        text-shadow: -1px -1px 0 #FFFFFF85, 1px -1px 0 #FFFFFF85, -1px 1px 0 #FFFFFF85, 1px 1px 0 #FFFFFF85;
    }

@media screen and (max-width: 1600px) {
    .content-bg {
        background-position: 0 50%;
    }
}

@media screen and (max-width: 992px) {
    .content-bg {
        background-position: 0 -5%;
    }
}

@media screen and (max-width: 460px) {
    .content-bg {
        background-size: contain;
        background-position: 0 0%;
    }
}

/* 輸入方塊鎖定狀態樣式 */
input[readonly="readonly"], select[disabled="disabled"], textarea[disabled="disabled"] {
    background-color: #e4e4e4 !important;
}

input, textarea, select {
    color: #000;
}

input::placeholder {
    font-style: oblique;
}

.custom-radio:has(input[disabled="disabled"][aria-readonly="true"]) .mark, .custom-check:has(input[disabled="disabled"][aria-readonly="true"]) .mark {
    background-color: #e4e4e4 !important;
}
    .custom-check:has(input[disabled="disabled"][aria-readonly="true"]) .mark i {
        color: #afafaf !important
    }

    .custom-radio:has(input[disabled="disabled"][aria-readonly="true"]) .mark:after {
        background: #a9aeb3 !important;
    }

select {
    background-image: url(../images/down-arrow.png) !important;
    background-repeat: no-repeat !important;
    background-size: 10px !important;
    appearance: none !important;
    cursor: pointer !important;
    background-position: right 14px center !important;
    border-radius: 0px !important;
}
textarea {
    resize: none;
}
/*#region telerik */

/*RadWindow*/
.radalert {
    background: none !important;
}

.RadWindow .rwWindowContent {
    padding: 0 0 0px 0 !important;
}

.RadWindow .rwDialogPopup {
    padding: 0 !important;
}

.RadWindow .rwPopupButton, .RadWindow .rwOuterSpan {
    background-image: none !important;
    outline: none !important;
}

.RadWindow .rwPopupButton {
    float: none !important;
    width: 70px;
    margin: 0 auto !important;
    margin-top: 10px !important;
}

.RadWindow table tr {
    border-bottom: 0px solid #dedede !important;
}

.RadWindow .rwInnerSpan {
    display: none !important;
}

.RadWindow .rwOuterSpan::before {
    content: '確認';
    font-size: 20px !important;
    background-color: var(--color-primary) !important;
    color: white;
    padding: 2px 10px;
    cursor: pointer;
}

.RadWindow .rwPopupButton {
    display: none !important;
}

.rwTitleRow .rwTopLeft,
.rwTitleRow .rwTitlebar,
.rwTitleRow .rwTopRight,
.rwContentRow .rwBodyLeft,
.rwContentRow .rwBodyRight,
.rwFooterRow .rwFooterLeft,
.rwFooterRow .rwFooterCenter,
.rwFooterRow .rwFooterRight {
    background-image: none !important;
    display: none;
}

.RadWindow .rwPopupButton, .RadWindow .rwOuterSpan {
    background-image: none !important;
    outline: none !important;
}

.RadWindow .rwPopupButton {
    float: none !important;
    width: 70px;
    margin: 0 auto !important;
    margin-top: 10px !important;
}

.RadWindow table tr {
    border-bottom: 0px solid #dedede !important;
}

/*按鈕*/
.rbLinkButton {
    padding: 0 !important;
    border-style: none !important;
    float: left;
    clear: none;
}
/*下拉選單*/
.RadComboBox_Custom .rcbReadOnly .rcbInput {
    font-size: 15px !important;
}

/*#endregion */

/*#region 自訂 */
.hr {
    border-bottom: solid 1px #ededed;
}

.hr-1 {
    border-bottom: 2px dotted #0469cf;
    margin: 20px 0;
}

.hr-2 {
    border-bottom: 1px solid #ededed;
    margin: 20px 0;
}


.custom-btn {
    background-color: #0258ae !important;
    color: #fff !important;
    padding: 15px 25px;
    border: 1px solid #0258ae;
}

    .custom-btn:hover {
        background-color: #fff !important;
        color: #0258ae !important;
        border: 1px solid #0258ae;
    }

.custom-btn2 {
    color: #0258ae !important;
    padding: 5px;
    border: 1px solid #0258ae;
}

    .custom-btn2:hover {
        background-color: #0258ae !important;
        color: #FFFFFF !important;
        border: 1px solid #0258ae;
    }

.custom-cursor:hover {
    cursor: pointer;
}

/*#endregion */