html, body {font-family: "微軟正黑體";}
a:hover,active,visited {text-decoration: none;}
strong {color:red;font-weight:700;font-size:120%;}
.cursor-pointer {cursor: pointer;}
@font-face {font-family: "Iansui"; src: url(../../fonts/Iansui.woff2) format("woff2");}

.boldred {color:red;font-weight:700;}
.boldgreen {color:darkgreen;font-weight:700;}
.boldredbig {font-weight:900;color:#f00;font-size:32px;}
.boldgreenbig {font-weight:900;color:#090;font-size:32px;}
.boldblue {font-weight:700;color:#00f;}
.boldbluebig {font-weight:900;color:#00f;font-size:32px;}
.boldbrownbig {font-weight:900;color:brown;font-size:32px;}
.boldpurplebig {font-weight:900;color:#bf00ff;font-size:32px;}
.boldorangebig {font-weight:900;color:#ff8000;font-size:32px;}
.boldbrown {font-weight:900;color:brown;}
.boldpurple {font-weight:900;color:#bf00ff;}
.boldorange {font-weight:900;color:#ff8000;}

.egexamebg {
    background-image: url("../../images/logo2000-2.png"), url("../../images/cloud.jpg");
    background-repeat: no-repeat, no-repeat;
    background-size: contain, cover; /* counseling_logo_bg.png 設為 contain，cloud.jpg 設為 cover */
    background-position: right 100px bottom 100px, center center; /* counseling_logo_bg.png 在右下角偏移100px，cloud.jpg 居中鋪滿 */
}

.breakall {word-break: break-all;}

.disable-edit {
    cursor: not-allowed;          /* 滑鼠變成禁止符號 */
    user-select: none;            /* 防止文字被選取 */
}

.disable-edit input,
.disable-edit textarea {
    pointer-events: none;         /* 防止輸入框的編輯 */
}

/* 特別處理 textarea 的捲動功能 */
textarea.disable-edit {
    pointer-events: auto;         /* 允許捲動事件 */
    overflow-y: auto;            /* 顯示垂直捲軸 */
    resize: none;                /* 防止改變大小 */
}

.form-control[disabled] {
    cursor: not-allowed !important;
}

.btn[disabled] {
    cursor: not-allowed !important;
}

.modal80 {max-width:80vw;}
.modal90 {max-width:90vw;}

#loading {
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.8);
    display: flex;
    justify-content: center;
    align-items: center;
}

#loading img {
    width: 128px;
}

.opacity0 {opacity:0;}
.opacity10 {opacity:0.1;}
.opacity20 {opacity:0.2;}
.opacity30 {opacity:0.3;}
.opacity40 {opacity:0.4;}
.opacity50 {opacity:0.5;}
.opacity60 {opacity:0.6;}
.opacity70 {opacity:0.7;}
.opacity80 {opacity:0.8;}
.opacity90 {opacity:0.9;}
.opacity100 {opacity:1.0;}

.hwtable {border: 2px solid #F00;table-layout: fixed;word-wrap: break-word;}
.hwtd {align-items:center;justify-content:center;text-align:center;width:100px;height:100px;background:url('../../images/grid3a.png') no-repeat center;background-size:contain;font-family:'cwTeXKai',教育部標準楷書,標楷體;border:1px solid #F00;font-size:76px;margin:auto;padding:0;line-height:0;}
.writer {font-family:'cwTeXKai',教育部標準楷書,標楷體;text-align:center;font-size:30px;writing-mode: tb-rl;-webkit-writing-mode: vertical-rl;writing-mode: vertical-rl;margin:100px auto;display: inline-block;}
.writer107 {font-family:'cwTeXKai',教育部標準楷書,標楷體;text-align:center;font-size:30px;writing-mode: tb-rl;-webkit-writing-mode: vertical-rl;writing-mode: vertical-rl;margin:0 auto;display: inline-block;vertical-align: middle;}
.writer109 {font-family:'cwTeXKai',教育部標準楷書,標楷體;text-align:center;font-size:24px;writing-mode: tb-rl;-webkit-writing-mode: vertical-rl;writing-mode: vertical-rl;margin:0 auto;display: inline-block;vertical-align: middle;}
.whitebg {background-color:#FFF;}

.groupall {text-align:center;border:1px solid #000;margin:1px;width:58px;padding:0 1px;font-size:9px;}
.group  {background-color:transparent;}
.group1  {background-color:#FFCCFF;}
.group2  {background-color:#FFFFCC;}
.group3  {background-color:#CCFFCC;}
.group4  {background-color:#FFCC99;}
.group5  {background-color:#99CCFF;}
.group6  {background-color:#CC99FF;}
.group7  {background-color:#FF99CC;}
.group8  {background-color:#99FFCC;}
.group9  {background-color:#FFCCCC;}
.group10 {background-color:#CCFF99;}
.group11 {background-color:#CCCCCC;}
.tdspace {font-size:10pt;border-top-style:none;border-bottom-style:none;}

.bgc-danger {
  background-color: #da4e35 !important;
}

.myshadow {text-shadow: -1px 1px 0 #000, 1px 1px 0 #000,1px -1px 0 #000,-1px -1px 0 #000;}
.myshadow2 {text-shadow: -1px 1px 0 #fff, 1px 1px 0 #fff,1px -1px 0 #fff,-1px -1px 0 #fff;}

.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
   border: 0.5px solid #666666;
}

.mycenter {
  display: table-cell;
  vertical-align: middle;
}