﻿
.Session {margin:0;padding:20px 30px 20px 30px;background-color:#fcf7eb;
          border:1px solid #4e6db1;min-height:720px;
          height:auto !important;height:400px;overflow: auto;}

.Preface {
    font: 18px / 1.8em "微軟正黑體", "Microsoft JhengHei", Arial, Helvetica, sans-serif;
    font-weight: 700;
    text-align: left;
    color:#3C4FD1; /*#243776;  #3C4FD1;#5D6FFF; */
    text-align: justify;
    margin:1.2em 0 0.8em 0;
}


.P_intro {
    font: 20px / 1.6em "微軟正黑體", "Microsoft JhengHei", Arial, Helvetica, sans-serif;
    font-weight: 700;
}


table {
  width: 100%;
  border-collapse: collapse;
  font:18px / 1.8em "微軟正黑體", "Microsoft JhengHei", Arial, Helvetica, sans-serif;
}

.red {
    color:#cc3300;
}

.red.big {
    color:#cc3300;
    font-size:1.2em;
}

.CommingTit {
    font: normal 24px / 1.5em "微軟正黑體", "Microsoft JhengHei", Arial, Helvetica, sans-serif;
    padding: 8px 0;
    margin: 30px 0;
    color: #fff;
    background-color:red;
    font-weight: 700;
}

td {
    vertical-align: top;
    padding: 0 1em;
    font: 18px / 1.8em "微軟正黑體", "Microsoft JhengHei", Arial, Helvetica, sans-serif;
    font-weight: 700;
    text-align: left;

}
.pIncl {
    font: 17px / 1.5em "微軟正黑體", "Microsoft JhengHei", Arial, Helvetica, sans-serif;
    font-weight: 700;
    margin-left: 1.5em;
    text-indent: -1.6em;
    padding-top:0;
    margin-top:0;
}


td[rowspan] {
  /*color: #004080;*/
  color: #333;
  font-weight: bold;
  /*font-size: 26px;*/
  text-align: center;
  vertical-align: middle;
  line-height: 1.2;
  /*padding:0.6em;*/
  white-space: nowrap;
  font-family:Arial;
  width:10px;
}


/* 不同 LEVEL 顏色 */
.level1 {
  /*background-color: #E2EFD9;*/ 
  border: 2px solid #70AD47 !important;
  background-color: #D8F3DC; 
 
}

.level2 {
  /*background-color: #FBE4D5;*/
  border: 2px solid #ED7D31 !important;
  background-color: #FFE5B4;
 
}

.level3 {
  /*background-color: #D9E3F4;*/  
  border: 2px solid #5B9BD5 !important;
  background-color: #D6EBFF;
  
}

.rotate-text {
  transform: rotate(270deg); /* 旋轉90度 
  transform-origin: left top;  /*設定旋轉基準點，可視需求調整*/ 
  display: inline-block; /* 避免文字被壓縮或折行 */
}

td > div {
  margin-top: -1em;
  margin-left: 1.5em;
  margin-bottom:12px;
  padding: 8px 12px;
  /*background-color: #eef5ff*/
  /*border-left: 4px solid #4a90e2;*/
  color: #333;
  font-weight: 500;
}

td > div::before {
  content: "⤷ ";
  /*color: #4a90e2;*/
  color:#FF9800;
  font-weight:900;
    font-size:4rem;
    /*padding-top:0em;*/
}

tr:last-child td {
  border-bottom: none;
}



a.button {
    margin-top: -2em;
    display: inline-block;
    padding: 6px 20px;
    font-size: 18px;
    font-weight: 600;
    /*color: #ffffff;*/
    /*background-color: #4CAF50;*/
    /*background-color:#066CE0;*/ /*066CE0 飽和藍*/
    /*background-color: #DEEAF6;*/ /*手冊色*/
    color: #000;
    border: none;
    border-radius: 6px;
    text-decoration: none;
    transition: background-color 0.3s ease, transform 0.2s ease;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    /*border: solid 2px #0070c0;*/
    
}

a.button:hover {
  /*background-color: #45a049;*/
  background-color: #066CE0;
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(0,0,0,0.15);
     color:#fcf7eb;
}


a.button:hover {
  background-color: #45a049;
  /*background-color: #066CE0;*/
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(0,0,0,0.15);
     color:#fcf7eb;
}

/* leave1 hover 效果：淺綠變亮 */
a.button.level1:hover {
    background-color: #c1eac5; /* 更亮的綠色 */
    border-color: #57a635;     /* 稍深綠框 */
    color: #1d3b1d;             /* 深綠字 */
}

/* leave2 hover 效果：淡橘變深橘 */
a.button.level2:hover {
    background-color: #ffd9a0; /* 更飽和橘 */
    border-color: #cc5500;     /* 深橘紅框 */
    color: #5c2c00;             /* 深橘字 */
}

/* leave3 hover 效果：亮藍色 */
a.button.level3:hover {
    background-color: #badcff; /* 更亮的藍 */
    border-color: #1f75cb;     /* 深藍框 */
    color: #002b5b;             /* 深藍字 */
}


    a.button:active {
        /*background-color: #3e8e41;*/
        background-color: #066CE0;
        transform: translateY(0);
        box-shadow: 0 2px 4px rgba(0,0,0,0.1);
        color:#fcf7eb;
    }

/* 圖示文字可單獨設定樣式 */
.button .icon {
  margin-right: 6px;
  font-weight: bold;
  font-family: "Noto Sans TC", "微軟正黑體", sans-serif;
}