* {
    font-family: Arial, Helvetica, sans-serif, "微軟正黑體";
    font-size: 15px;
}
body {
    font-family: Arial, Helvetica, sans-serif, "微軟正黑體";
    font-size: 15px;
}

/* 公司名稱區塊 */
.navbar-brand {
    width: calc(100% - 20px);
    display: block;
    padding: 20px;
    box-sizing: border-box;
    /* 將 box-sizing 設置為 border-box */
}

#navbarNav li {
    padding: 10px;
    height: 50px;
    font-weight: bold;
}

@media (max-width: 575.98px) {
    #navbarNav li {
        border-bottom: 1px solid #d3d3d3;
        /* 在小於sm時顯示 */
    }
}

#navbarNav .nav-item .nav-link {
    color: #3a3a3a;
    /* 選單文字顏色 */
}

/* 自訂footer樣式 */
.myft {
    background: #036ABC;
    display: inline-block;
    color: white;
    padding: 10px;
    /* padding-top: 2px; */
    position: fixed;
    bottom: 0;
    width: 100%;
    text-align: center;
    font-size: 13px;
}

#ftDiv {
    width: 95%;
    max-width: 1200px;
    margin: 0 auto;
}

@media (max-width: 575.98px) {
    #ftDiv {
        width: 100%;
    }
}

@media (max-width: 575.98px) {
    .myft p {
        text-align: left;
        /* 在小於sm時使其靠左對齊 */
        padding-left: 20px;
    }

    .ft1 {
        display: none;
    }
}

.myRow1 {
    padding: 20px;
}

.myCol1 {
    text-align: left;
    vertical-align: top;
    padding: 2px 25px;
}

.mainDiv {
    padding-bottom: 60px;
    /* 調整底部 padding，確保在最小化時不會被 footer 蓋住 */
}

/* 圖檔自動縮放 */
.responsive-image {
    max-width: 100%;
    height: auto;
}

.slider {
    display: flex;
    transition: transform 2.5s ease-in-out;
}

.slider img {
    flex: 0 0 100%; /* 需加此項 讓firefox顯示正常 */
    width: 100%;
    height: auto;
}

/* 關於倉佑 */
#abTY {
    width: 342px;
    height: 82px;
    background-image: url('../images/index_home_bg.png');
    color: #ffffff;
    margin: 0 auto;
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    line-height: 50px;
}

.title00 {
    font-family: Arial, Helvetica, sans-serif, "微軟正黑體";
    color: #ffffff;
    background: #0f658d;
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    padding: 3px 20px !important;
    display: inline-block;
    margin: 20px 0;
    -webkit-border-top-left-radius: 20px;
    -webkit-border-bottom-left-radius: 20px;
    -moz-border-radius-topleft: 20px;
    -moz-border-radius-bottomleft: 20px;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}
.title00_tb {
    font-family: Arial, Helvetica, sans-serif, "微軟正黑體";
    color: #ffffff;
    background: #0f658d;
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    padding: 9px 20px !important;
    display: inline-block;
    margin: 20px 0;
    -webkit-border-top-left-radius: 20px;
    -webkit-border-bottom-left-radius: 20px;
    -moz-border-radius-topleft: 20px;
    -moz-border-radius-bottomleft: 20px;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}

.title01 {
    font-family: Arial, Helvetica, sans-serif, "微軟正黑體";
    color: #036ABC;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    padding: 6px 0;
}

.title02 {
    font-family: Arial, Helvetica, sans-serif, "微軟正黑體";
    color: #036ABC;
    font-size: 16px;
    text-align: center;
    padding: 6px 0;
}

.title03 {
    font-family: Arial, Helvetica, sans-serif, "微軟正黑體";
    color: #4c5964;
    font-size: 18px;
    text-align: center;
    padding: 6px 0;
}

.title04 {
    font-family: Arial, Helvetica, sans-serif, "微軟正黑體";
    color: #036ABC;
    font-size: 14px;
    text-align: center;
    padding: 6px 0;
}

.title04dis {
    font-family: Arial, Helvetica, sans-serif, "微軟正黑體";
    color: #caced1;
    font-size: 14px;
    text-align: center;
    padding: 6px 0;
}

.clearOV {
    overflow-x: hidden;
}

/* 頁尾空白 */
.ftBlcok {
    width: 100%;
    min-height: 30px;
}

.nav-link {
    font-family: Arial, Helvetica, sans-serif, "微軟正黑體";
    font-size:15px;
    cursor: pointer;
}

/* 子頁面 中間框 */
.Div_child {
    max-width: 1000px;
    margin: 0 auto;
    padding: 10px;
}

.childMenu {
    display: flex;
    border-bottom: 2px solid #036ABC;
    margin-top: 20px;
    font-family: Arial, Helvetica, sans-serif, "微軟正黑體";
    font-size:15px;
}

.childBtn {
    /* width: 162px; */
    font-family: Arial, Helvetica, sans-serif, "微軟正黑體";
    font-size:15px;
    padding: 0 20px;
    height: 40px;
    border: 1px solid #90acc4;
    line-height: 40px;
    text-align: center;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    display: inline-block;
    cursor: pointer;
    white-space:nowrap;
}

.childBtn:hover {
    background-color: #F8F9FA;
}

.childBtnActive {
    /* width: 162px; */
    font-family: Arial, Helvetica, sans-serif, "微軟正黑體";
    font-size:15px;
    padding: 0 20px;
    height: 40px;
    border: 1px solid #036ABC;
    background-color: #036ABC;
    color: #ffffff;
    font-weight: bold;
    line-height: 40px;
    text-align: center;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    display: inline-block;
    cursor: pointer;
    white-space:nowrap;
}

@media (max-width: 575.98px) {
    .childMenu,
    .childBtn,
    .childBtnActive {
        width: 100%;
        display: block;
    }
}

.childBtnActive:hover {
    background-color: #065396;
}

.table th,
.table td {
    border: 0;
}

.tbEmp {
    border: 0;
    max-width: 100%;
    /* 表格的最大寬度設為 100% */
    width: 100%;
    /* 表格的寬度設為 100% */
    margin-top: 30px;
}

.tbEmp th,
.tbEmp td {
    border: 0px;
}

.tbEmp th {
    margin-top: 0px;
}

.tbEmp1 {
    border: 0;
    max-width: 100%;
    /* 表格的最大寬度設為 100% */
    width: 100%;
    /* 表格的寬度設為 100% */
    margin-top: 30px;
}

.tbEmp1 th,
.tbEmp1 td {
    border: 0px;
}

.tbEmp1 th {
    background-color: #c2cfda;
    font-size: 14px;
}

.tbEmp1 td {
    font-size: 14px;
}

.tbEmp1 tr td {
    border-bottom: 1px solid #c2cfda;
}

.tbEmp2 {
    border: 0;
    max-width: 100%;
    /* 表格的最大寬度設為 100% */
    width: 100%;
    /* 表格的寬度設為 100% */
}
.tbEmp2 th,
.tbEmp2 td {
    border: 0px;
}

.tbEmp3 {
    border: 0;
    max-width: 100%;
    /* 表格的最大寬度設為 100% */
    width: 100%;
    /* 表格的寬度設為 100% */
    margin-top: 30px;
}

.tbEmp3 th,
.tbEmp3 td {
    border: 0px;
}

.tbEmp3 th {
    background-color: #c2cfda;
    font-size: 13px;
    text-align: right;
}

.tbEmp3 td {
    font-size: 14px;
}

.tbEmp3 tr td {
    border-bottom: 1px solid #c2cfda;
}

.tbEmp4 {
    border: 1px solid #c2cfda;
    max-width: 100%;
    /* 表格的最大寬度設為 100% */
    width: 100%;
    /* 表格的寬度設為 100% */
    margin-top: 30px;
}

.tbEmp4 th,
.tbEmp4 td {
    border: 0px;
}

.tbEmp4 th {
    background-color: #c2cfda;
    font-size: 14px;
    text-align: right;
}

.tbEmp4 td {
    font-size: 14px;
}

.tbEmp4 tr td {
    border-bottom: 0px;
}

.body01 {
    font-size: 16px;
    line-height: 30px;
    padding: 3px 0;
    text-wrap: normal;
}

.floatImgR {
    float: right;
    margin-left: 20px;
}

.pg01Img {
    background: url('../images/in01_logo_bg.png');
    background-repeat: no-repeat;
    background-position: top right;
    /* 調整此處的值，以控制背景位置 */
}

.pg01Text01 {
    width: 70%;
}

@media (max-width: 800px) {
    .pg01Img {
        background: url('');
        background-repeat: no-repeat;
        background-position: top right;
        /* 調整此處的值，以控制背景位置 */
    }

    .pg01Text01 {
        width: 100%;
    }
}

.pg01css1 {
    max-width: 1024px;
    margin: 0 auto;
}

.textAlignCenter {
    text-align: center;
}

.textAlignRight {
    text-align: right;
}

.textAlignLeft {
    text-align: left;
}

.pg03css1 {
    width: 100%;
    padding: 20px;
    text-align: center;
}

.pg2th {
    border-bottom: 5px solid #c2cfda;
}
.pg2css1 {
    width: 28px;
}
.pg2css2 {
    width: 100px;
    font-family: Arial, Helvetica, sans-serif, "微軟正黑體";
    color: #036ABC;
    font-size: 13px;
}
.imgW100 {
    width: 100%;
}
.pg6css1 {
    border: 1px solid #c2cfda;
    height: 400px;
    width: 298px;
}
#pg7ChildDiv1 {
    width:100%;
    border-bottom: 2px solid #c2cfda;
    display: flex;
    font-size: 14px;
}
@media (max-width: 575.98px) {
    #pg7ChildDiv1 {
        width: 100%;
        display: block;
        border-bottom: 2px solid #c2cfda;
    }
}
.pg7css1 {
    width: 100%;
    text-align: right;
    font-size: 12px;
}
.pg7css2 {
    margin-top: 2px;
}
.pg7css3 {
    margin-top: 6px;
}
.dBox {
    width:100%;
    font-size: 12px;
    word-break: break-word;
}
.captcha-box {
    display: inline-block;
    border-radius: 5px;
    padding: 6px;
    max-width: 400px;
    background-color: #ffffff;
}

#canvas {
    width: 150px;
    height: 50px;
}
@media (max-width: 575.98px) {
    #contactBtn {
        background-color: #036ABC;
        background-image: url('../images/mail-inbox-app.gif');
        background-repeat: no-repeat;
        background-position: 5px 6px;
        width: 30px; /* 設置按鈕寬度 */
        height: 30px; /* 設置按鈕高度 */
        border: none; /* 移除邊框 */
        cursor: pointer; /* 鼠標指針樣式設為手型 */
        /* 如果你希望圖像被顯示為按鈕的內容，可以添加以下樣式 */
        text-indent: -9999px; /* 隱藏按鈕文本 */
        overflow: hidden; /* 隱藏溢出內容 */
    }
}
.w400px {
    width:400px;
    min-width:300px;
}
.w350px {
    width:350px;
}
.w120px {
    width:120px;
}
.w130px {
    width:130px;
}
.w150px {
    width:150px;
}
.w250px {
    width:250px;
}
.w200px {
    width:200px;
}
.w100 {
    width:100%;
}
.w100p {
    width:100%;
    height:auto;
    min-height:150px;
}
.w100pa {
    width:100%;
    height:auto;
    min-height:100px;
}
.chart1 {
    width:100%;
    height:400px;
    border: 1px solid #c2cfda;
}
.chart2 {
    width:100%;
    height:400px;
    border: 1px solid #c2cfda;
}
.pg9showDiv {
    background-color: #d5eeff;
    border: 2px solid #ffffff;
    padding: 10px;
}
.pg9Title01 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 50px;
    font-weight: bolder;
    color: #036ABC;
}
.pg9Title02 {
    font-family: Arial, Helvetica, sans-serif, "微軟正黑體";
    font-size: 14px;
    font-weight: bolder;
    color: #036ABC;
}
.pg9Title03 {
    display: inline-block;
    font-size: 13px;
    color: #ffffff;
    background-color: #4591d3;
    padding:3px 12px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}
.pg9Title04 {
    font-family: Arial, Helvetica, sans-serif, "微軟正黑體";
    font-size: 16px;
    font-weight: bolder;
    color: #036ABC;
}
.divBoxMain {
    width: 100%;
    height: 100%;
}
.divBox {
    display: inline-block;
    width: 50%;
}
.navMenuActive {
    background-color: #036ABC;
    color:#ffffff !important;
}
.select2-container .select2-selection__rendered {
    font-size: 14px; /* 修改字體大小 */
}
.select2-results__option {
    font-size: 14px; /* 修改字體大小 */
}
#contactBtn {
    font-family: Arial, Helvetica, sans-serif, "微軟正黑體";
    font-size:14px;
}