chore: 首次簽入 Thinkyu ASP.NET 專案

- 加入 Visual Studio / ASP.NET .gitignore
- 排除建置輸出、IDE 設定、NuGet packages、大型 MSI 安裝檔

教育訓練系統/Web/App_Themes/Default/Button.css

@@ -0,0 +1,547 @@
+a.button, button, input[type=button], submit, input[type=submit] {
+    color: #000000;
+    padding: 0;
+    margin: 2px;
+    /* height: 25px; */
+    line-height: 25px;
+    display: inline-block;
+    font-family: Arial, Helvetica, sans-serif, "Microsoft JhengHei", "Microsoft YaHei", MingLiU, SimSun;
+    font-size: 12pt;
+    text-decoration: none;
+    vertical-align: top;
+    text-align: center;
+    background-repeat: no-repeat;
+    background-position: 0 0;
+    /* 圓角 */
+    -webkit-border-radius: 2px;
+    -moz-border-radius: 2px;
+    border-radius: 2px
+}
+
+    a.button:hover, button:hover, input[type=button]:hover, submit:hover, input[type=submit]:hover {
+        font-weight: bold;
+    }
+
+
+    a.blue120, button.blue120, input[type=button].blue120, submit.blue120, input[type=submit].blue120 {
+        width: 120px;
+        color: #2172B5;
+        border: 1px solid #2172B5;
+        FILTER: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#8CC6EF,endColorStr=#FFFFFF,gradientType=0);
+        background: -moz-linear-gradient(top, #8CC6EF, #FFFFFF);
+        background: -ms-linear-gradient(top, #8CC6EF, #FFFFFF);
+        background: -linear-gradient(top, #8CC6EF, #FFFFFF);
+        background: -webkit-gradient(linear, left top, left bottom, from(#8CC6EF), to(#FFFFFF));
+        background: -o-linear-gradient(top, #8CC6EF, #FFFFFF)
+    }
+
+    a.orange120, button.orange120, input[type=button].orange120, submit.orange120, input[type=submit].orange120 {
+        width: 120px;
+        color: #B25300;
+        border: 1px solid #B25300;
+        FILTER: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#FFAA5F,endColorStr=#FFFFFF,gradientType=0);
+        background: -moz-linear-gradient(top, #FFAA5F, #FFFFFF);
+        background: -ms-linear-gradient(top, #FFAA5F, #FFFFFF);
+        background: -linear-gradient(top, #FFAA5F, #FFFFFF);
+        background: -webkit-gradient(linear, left top, left bottom, from(#FFAA5F), to(#FFFFFF));
+        background: -o-linear-gradient(top, #FFAA5F, #FFFFFF)
+    }
+
+    a.red120, button.red120, input[type=button].red120, submit.red120, input[type=submit].red120 {
+        width: 120px;
+        color: #A71717;
+        border: 1px solid #A71717;
+        FILTER: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#F4B4B4,endColorStr=#FFFFFF,gradientType=0);
+        background: -moz-linear-gradient(top, #F4B4B4, #FFFFFF);
+        background: -ms-linear-gradient(top, #F4B4B4, #FFFFFF);
+        background: -linear-gradient(top, #F4B4B4, #FFFFFF);
+        background: -webkit-gradient(linear, left top, left bottom, from(#F4B4B4), to(#FFFFFF));
+        background: -o-linear-gradient(top, #F4B4B4, #FFFFFF)
+    }
+
+    a.green120, button.green120, input[type=button].green120, submit.green120, input[type=submit].green120 {
+        width: 120px;
+        color: #055705;
+        border: 1px solid #055705;
+        FILTER: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#6EF66E,endColorStr=#FFFFFF,gradientType=0);
+        background: -moz-linear-gradient(top, #6EF66E, #FFFFFF);
+        background: -ms-linear-gradient(top, #6EF66E, #FFFFFF);
+        background: -linear-gradient(top, #6EF66E, #FFFFFF);
+        background: -webkit-gradient(linear, left top, left bottom, from(#6EF66E), to(#FFFFFF));
+        background: -o-linear-gradient(top, #6EF66E, #FFFFFF)
+    }
+
+    a.purple120, button.purple120, input[type=button].purple120, submit.purple120, input[type=submit].purple120 {
+        width: 120px;
+        color: #800080;
+        border: 1px solid #800080;
+        FILTER: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#F694F4,endColorStr=#FFFFFF,gradientType=0);
+        background: -moz-linear-gradient(top, #F694F4, #FFFFFF);
+        background: -ms-linear-gradient(top, #F694F4, #FFFFFF);
+        background: -linear-gradient(top, #F694F4, #FFFFFF);
+        background: -webkit-gradient(linear, left top, left bottom, from(#F694F4), to(#FFFFFF));
+        background: -o-linear-gradient(top, #F694F4, #FFFFFF)
+    }
+
+    a.gray120, button.gray120, input[type=button].gray120, submit.gray120, input[type=submit].gray120 {
+        width: 120px;
+        color: #303030;
+        border: 1px solid #A7A7A7;
+        FILTER: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#D0D0D0,endColorStr=#FFFFFF,gradientType=0);
+        background: -moz-linear-gradient(top, #D0D0D0, #FFFFFF);
+        background: -ms-linear-gradient(top, #D0D0D0, #FFFFFF);
+        background: -linear-gradient(top, #D0D0D0, #FFFFFF);
+        background: -webkit-gradient(linear, left top, left bottom, from(#D0D0D0), to(#FFFFFF));
+        background: -o-linear-gradient(top, #D0D0D0, #FFFFFF)
+    }
+
+    a.yellow120, button.yellow120, input[type=button].yellow120, submit.yellow120, input[type=submit].yellow120 {
+        width: 120px;
+        color: #97A004;
+        border: 1px solid #97A004;
+        FILTER: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#FAFFA3,endColorStr=#FFFFFF,gradientType=0);
+        background: -moz-linear-gradient(top, #FAFFA3, #FFFFFF);
+        background: -ms-linear-gradient(top, #FAFFA3, #FFFFFF);
+        background: -linear-gradient(top, #FAFFA3, #FFFFFF);
+        background: -webkit-gradient(linear, left top, left bottom, from(#FAFFA3), to(#FFFFFF));
+        background: -o-linear-gradient(top, #FAFFA3, #FFFFFF)
+    }
+
+    a.blue100, button.blue100, input[type=button].blue100, submit.blue100, input[type=submit].blue100 {
+        width: 100px;
+        color: #2172B5;
+        border: 1px solid #2172B5;
+        FILTER: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#8CC6EF,endColorStr=#FFFFFF,gradientType=0);
+        background: -moz-linear-gradient(top, #8CC6EF, #FFFFFF);
+        background: -ms-linear-gradient(top, #8CC6EF, #FFFFFF);
+        background: -linear-gradient(top, #8CC6EF, #FFFFFF);
+        background: -webkit-gradient(linear, left top, left bottom, from(#8CC6EF), to(#FFFFFF));
+        background: -o-linear-gradient(top, #8CC6EF, #FFFFFF)
+    }
+
+    a.orange100, button.orange100, input[type=button].orange100, submit.orange100, input[type=submit].orange100 {
+        width: 100px;
+        color: #B25300;
+        border: 1px solid #B25300;
+        FILTER: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#FFAA5F,endColorStr=#FFFFFF,gradientType=0);
+        background: -moz-linear-gradient(top, #FFAA5F, #FFFFFF);
+        background: -ms-linear-gradient(top, #FFAA5F, #FFFFFF);
+        background: -linear-gradient(top, #FFAA5F, #FFFFFF);
+        background: -webkit-gradient(linear, left top, left bottom, from(#FFAA5F), to(#FFFFFF));
+        background: -o-linear-gradient(top, #FFAA5F, #FFFFFF)
+    }
+
+    a.red100, button.red100, input[type=button].red100, submit.red100, input[type=submit].red100 {
+        width: 100px;
+        color: #A71717;
+        border: 1px solid #A71717;
+        FILTER: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#F4B4B4,endColorStr=#FFFFFF,gradientType=0);
+        background: -moz-linear-gradient(top, #F4B4B4, #FFFFFF);
+        background: -ms-linear-gradient(top, #F4B4B4, #FFFFFF);
+        background: -linear-gradient(top, #F4B4B4, #FFFFFF);
+        background: -webkit-gradient(linear, left top, left bottom, from(#F4B4B4), to(#FFFFFF));
+        background: -o-linear-gradient(top, #F4B4B4, #FFFFFF)
+    }
+
+    a.green100, button.green100, input[type=button].green100, submit.green100, input[type=submit].green100 {
+        width: 100px;
+        color: #055705;
+        border: 1px solid #055705;
+        FILTER: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#6EF66E,endColorStr=#FFFFFF,gradientType=0);
+        background: -moz-linear-gradient(top, #6EF66E, #FFFFFF);
+        background: -ms-linear-gradient(top, #6EF66E, #FFFFFF);
+        background: -linear-gradient(top, #6EF66E, #FFFFFF);
+        background: -webkit-gradient(linear, left top, left bottom, from(#6EF66E), to(#FFFFFF));
+        background: -o-linear-gradient(top, #6EF66E, #FFFFFF)
+    }
+
+    a.purple100, button.purple100, input[type=button].purple100, submit.purple100, input[type=submit].purple100 {
+        width: 100px;
+        color: #800080;
+        border: 1px solid #800080;
+        FILTER: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#F694F4,endColorStr=#FFFFFF,gradientType=0);
+        background: -moz-linear-gradient(top, #F694F4, #FFFFFF);
+        background: -ms-linear-gradient(top, #F694F4, #FFFFFF);
+        background: -linear-gradient(top, #F694F4, #FFFFFF);
+        background: -webkit-gradient(linear, left top, left bottom, from(#F694F4), to(#FFFFFF));
+        background: -o-linear-gradient(top, #F694F4, #FFFFFF)
+    }
+
+    a.gray100, button.gray100, input[type=button].gray100, submit.gray100, input[type=submit].gray100 {
+        width: 100px;
+        color: #303030;
+        border: 1px solid #A7A7A7;
+        FILTER: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#D0D0D0,endColorStr=#FFFFFF,gradientType=0);
+        background: -moz-linear-gradient(top, #D0D0D0, #FFFFFF);
+        background: -ms-linear-gradient(top, #D0D0D0, #FFFFFF);
+        background: -linear-gradient(top, #D0D0D0, #FFFFFF);
+        background: -webkit-gradient(linear, left top, left bottom, from(#D0D0D0), to(#FFFFFF));
+        background: -o-linear-gradient(top, #D0D0D0, #FFFFFF)
+    }
+
+    a.yellow100, button.yellow100, input[type=button].yellow100, submit.yellow100, input[type=submit].yellow100 {
+        width: 100px;
+        color: #97A004;
+        border: 1px solid #97A004;
+        FILTER: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#FAFFA3,endColorStr=#FFFFFF,gradientType=0);
+        background: -moz-linear-gradient(top, #FAFFA3, #FFFFFF);
+        background: -ms-linear-gradient(top, #FAFFA3, #FFFFFF);
+        background: -linear-gradient(top, #FAFFA3, #FFFFFF);
+        background: -webkit-gradient(linear, left top, left bottom, from(#FAFFA3), to(#FFFFFF));
+        background: -o-linear-gradient(top, #FAFFA3, #FFFFFF)
+    }
+
+    a.blue80, button.blue80, input[type=button].blue80, submit.blue80, input[type=submit].blue80 {
+        width: 80px;
+        color: #2172B5;
+        border: 1px solid #2172B5;
+        FILTER: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#8CC6EF,endColorStr=#FFFFFF,gradientType=0);
+        background: -moz-linear-gradient(top, #8CC6EF, #FFFFFF);
+        background: -ms-linear-gradient(top, #8CC6EF, #FFFFFF);
+        background: -linear-gradient(top, #8CC6EF, #FFFFFF);
+        background: -webkit-gradient(linear, left top, left bottom, from(#8CC6EF), to(#FFFFFF));
+        background: -o-linear-gradient(top, #8CC6EF, #FFFFFF)
+    }
+
+    a.orange80, button.orange80, input[type=button].orange80, submit.orange80, input[type=submit].orange80 {
+        width: 80px;
+        color: #B25300;
+        border: 1px solid #B25300;
+        FILTER: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#FFAA5F,endColorStr=#FFFFFF,gradientType=0);
+        background: -moz-linear-gradient(top, #FFAA5F, #FFFFFF);
+        background: -ms-linear-gradient(top, #FFAA5F, #FFFFFF);
+        background: -linear-gradient(top, #FFAA5F, #FFFFFF);
+        background: -webkit-gradient(linear, left top, left bottom, from(#FFAA5F), to(#FFFFFF));
+        background: -o-linear-gradient(top, #FFAA5F, #FFFFFF)
+    }
+
+    a.red80, button.red80, input[type=button].red80, submit.red80, input[type=submit].red80 {
+        width: 80px;
+        color: #A71717;
+        border: 1px solid #A71717;
+        FILTER: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#F4B4B4,endColorStr=#FFFFFF,gradientType=0);
+        background: -moz-linear-gradient(top, #F4B4B4, #FFFFFF);
+        background: -ms-linear-gradient(top, #F4B4B4, #FFFFFF);
+        background: -linear-gradient(top, #F4B4B4, #FFFFFF);
+        background: -webkit-gradient(linear, left top, left bottom, from(#F4B4B4), to(#FFFFFF));
+        background: -o-linear-gradient(top, #F4B4B4, #FFFFFF)
+    }
+
+    a.green80, button.green80, input[type=button].green80, submit.green80, input[type=submit].green80 {
+        width: 80px;
+        color: #055705;
+        border: 1px solid #055705;
+        FILTER: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#6EF66E,endColorStr=#FFFFFF,gradientType=0);
+        background: -moz-linear-gradient(top, #6EF66E, #FFFFFF);
+        background: -ms-linear-gradient(top, #6EF66E, #FFFFFF);
+        background: -linear-gradient(top, #6EF66E, #FFFFFF);
+        background: -webkit-gradient(linear, left top, left bottom, from(#6EF66E), to(#FFFFFF));
+        background: -o-linear-gradient(top, #6EF66E, #FFFFFF)
+    }
+
+    a.purple80, button.purple80, input[type=button].purple80, submit.purple80, input[type=submit].purple80 {
+        width: 80px;
+        color: #800080;
+        border: 1px solid #800080;
+        FILTER: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#F694F4,endColorStr=#FFFFFF,gradientType=0);
+        background: -moz-linear-gradient(top, #F694F4, #FFFFFF);
+        background: -ms-linear-gradient(top, #F694F4, #FFFFFF);
+        background: -linear-gradient(top, #F694F4, #FFFFFF);
+        background: -webkit-gradient(linear, left top, left bottom, from(#F694F4), to(#FFFFFF));
+        background: -o-linear-gradient(top, #F694F4, #FFFFFF)
+    }
+
+    a.gray80, button.gray80, input[type=button].gray80, submit.gray80, input[type=submit].gray80 {
+        width: 80px;
+        color: #303030;
+        border: 1px solid #A7A7A7;
+        FILTER: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#D0D0D0,endColorStr=#FFFFFF,gradientType=0);
+        background: -moz-linear-gradient(top, #D0D0D0, #FFFFFF);
+        background: -ms-linear-gradient(top, #D0D0D0, #FFFFFF);
+        background: -linear-gradient(top, #D0D0D0, #FFFFFF);
+        background: -webkit-gradient(linear, left top, left bottom, from(#D0D0D0), to(#FFFFFF));
+        background: -o-linear-gradient(top, #D0D0D0, #FFFFFF)
+    }
+
+    a.yellow80, button.yellow80, input[type=button].yellow80, submit.yellow80, input[type=submit].yellow80 {
+        width: 80px;
+        color: #97A004;
+        border: 1px solid #97A004;
+        FILTER: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#FAFFA3,endColorStr=#FFFFFF,gradientType=0);
+        background: -moz-linear-gradient(top, #FAFFA3, #FFFFFF);
+        background: -ms-linear-gradient(top, #FAFFA3, #FFFFFF);
+        background: -linear-gradient(top, #FAFFA3, #FFFFFF);
+        background: -webkit-gradient(linear, left top, left bottom, from(#FAFFA3), to(#FFFFFF));
+        background: -o-linear-gradient(top, #FAFFA3, #FFFFFF)
+    }
+
+    a.blue60, button.blue60, input[type=button].blue60, submit.blue60, input[type=submit].blue60 {
+        width: 60px;
+        color: #2172B5;
+        border: 1px solid #2172B5;
+        FILTER: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#8CC6EF,endColorStr=#FFFFFF,gradientType=0);
+        background: -moz-linear-gradient(top, #8CC6EF, #FFFFFF);
+        background: -ms-linear-gradient(top, #8CC6EF, #FFFFFF);
+        background: -linear-gradient(top, #8CC6EF, #FFFFFF);
+        background: -webkit-gradient(linear, left top, left bottom, from(#8CC6EF), to(#FFFFFF));
+        background: -o-linear-gradient(top, #8CC6EF, #FFFFFF)
+    }
+
+    a.orange60, button.orange60, input[type=button].orange60, submit.orange60, input[type=submit].orange60 {
+        width: 60px;
+        color: #B25300;
+        border: 1px solid #B25300;
+        FILTER: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#FFAA5F,endColorStr=#FFFFFF,gradientType=0);
+        background: -moz-linear-gradient(top, #FFAA5F, #FFFFFF);
+        background: -ms-linear-gradient(top, #FFAA5F, #FFFFFF);
+        background: -linear-gradient(top, #FFAA5F, #FFFFFF);
+        background: -webkit-gradient(linear, left top, left bottom, from(#FFAA5F), to(#FFFFFF));
+        background: -o-linear-gradient(top, #FFAA5F, #FFFFFF)
+    }
+
+    a.red60, button.red60, input[type=button].red60, submit.red60, input[type=submit].red60 {
+        width: 60px;
+        color: #A71717;
+        border: 1px solid #A71717;
+        FILTER: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#F4B4B4,endColorStr=#FFFFFF,gradientType=0);
+        background: -moz-linear-gradient(top, #F4B4B4, #FFFFFF);
+        background: -ms-linear-gradient(top, #F4B4B4, #FFFFFF);
+        background: -linear-gradient(top, #F4B4B4, #FFFFFF);
+        background: -webkit-gradient(linear, left top, left bottom, from(#F4B4B4), to(#FFFFFF));
+        background: -o-linear-gradient(top, #F4B4B4, #FFFFFF)
+    }
+
+    a.green60, button.green60, input[type=button].green60, submit.green60, input[type=submit].green60 {
+        width: 60px;
+        color: #055705;
+        border: 1px solid #055705;
+        FILTER: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#6EF66E,endColorStr=#FFFFFF,gradientType=0);
+        background: -moz-linear-gradient(top, #6EF66E, #FFFFFF);
+        background: -ms-linear-gradient(top, #6EF66E, #FFFFFF);
+        background: -linear-gradient(top, #6EF66E, #FFFFFF);
+        background: -webkit-gradient(linear, left top, left bottom, from(#6EF66E), to(#FFFFFF));
+        background: -o-linear-gradient(top, #6EF66E, #FFFFFF)
+    }
+
+    a.purple60, button.purple60, input[type=button].purple60, submit.purple60, input[type=submit].purple60 {
+        width: 60px;
+        color: #800080;
+        border: 1px solid #800080;
+        FILTER: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#F694F4,endColorStr=#FFFFFF,gradientType=0);
+        background: -moz-linear-gradient(top, #F694F4, #FFFFFF);
+        background: -ms-linear-gradient(top, #F694F4, #FFFFFF);
+        background: -linear-gradient(top, #F694F4, #FFFFFF);
+        background: -webkit-gradient(linear, left top, left bottom, from(#F694F4), to(#FFFFFF));
+        background: -o-linear-gradient(top, #F694F4, #FFFFFF)
+    }
+
+    a.gray60, button.gray60, input[type=button].gray60, submit.gray60, input[type=submit].gray60 {
+        width: 60px;
+        color: #303030;
+        border: 1px solid #A7A7A7;
+        FILTER: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#D0D0D0,endColorStr=#FFFFFF,gradientType=0);
+        background: -moz-linear-gradient(top, #D0D0D0, #FFFFFF);
+        background: -ms-linear-gradient(top, #D0D0D0, #FFFFFF);
+        background: -linear-gradient(top, #D0D0D0, #FFFFFF);
+        background: -webkit-gradient(linear, left top, left bottom, from(#D0D0D0), to(#FFFFFF));
+        background: -o-linear-gradient(top, #D0D0D0, #FFFFFF)
+    }
+
+    a.yellow60, button.yellow60, input[type=button].yellow60, submit.yellow60, input[type=submit].yellow60 {
+        width: 60px;
+        color: #97A004;
+        border: 1px solid #97A004;
+        FILTER: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#FAFFA3,endColorStr=#FFFFFF,gradientType=0);
+        background: -moz-linear-gradient(top, #FAFFA3, #FFFFFF);
+        background: -ms-linear-gradient(top, #D0D0D0, #FFFFFF);
+        background: -linear-gradient(top, #FAFFA3, #FFFFFF);
+        background: -webkit-gradient(linear, left top, left bottom, from(#FAFFA3), to(#FFFFFF));
+        background: -o-linear-gradient(top, #FAFFA3, #FFFFFF)
+    }
+
+    a.blue40, button.blue40, input[type=button].blue40, submit.blue40, input[type=submit].blue40 {
+        width: 40px;
+        color: #2172B5;
+        border: 1px solid #2172B5;
+        FILTER: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#8CC6EF,endColorStr=#FFFFFF,gradientType=0);
+        background: -moz-linear-gradient(top, #8CC6EF, #FFFFFF);
+        background: -ms-linear-gradient(top, #8CC6EF, #FFFFFF);
+        background: -linear-gradient(top, #8CC6EF, #FFFFFF);
+        background: -webkit-gradient(linear, left top, left bottom, from(#8CC6EF), to(#FFFFFF));
+        background: -o-linear-gradient(top, #8CC6EF, #FFFFFF)
+    }
+
+    a.orange40, button.orange40, input[type=button].orange40, submit.orange40, input[type=submit].orange40 {
+        width: 40px;
+        color: #B25300;
+        border: 1px solid #B25300;
+        FILTER: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#FFAA5F,endColorStr=#FFFFFF,gradientType=0);
+        background: -moz-linear-gradient(top, #FFAA5F, #FFFFFF);
+        background: -ms-linear-gradient(top, #FFAA5F, #FFFFFF);
+        background: -linear-gradient(top, #FFAA5F, #FFFFFF);
+        background: -webkit-gradient(linear, left top, left bottom, from(#FFAA5F), to(#FFFFFF));
+        background: -o-linear-gradient(top, #FFAA5F, #FFFFFF)
+    }
+
+    a.red40, button.red40, input[type=button].red40, submit.red40, input[type=submit].red40 {
+        width: 40px;
+        color: #A71717;
+        border: 1px solid #A71717;
+        FILTER: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#F4B4B4,endColorStr=#FFFFFF,gradientType=0);
+        background: -moz-linear-gradient(top, #F4B4B4, #FFFFFF);
+        background: -ms-linear-gradient(top, #F4B4B4, #FFFFFF);
+        background: -linear-gradient(top, #F4B4B4, #FFFFFF);
+        background: -webkit-gradient(linear, left top, left bottom, from(#F4B4B4), to(#FFFFFF));
+        background: -o-linear-gradient(top, #F4B4B4, #FFFFFF)
+    }
+
+    a.green40, button.green40, input[type=button].green40, submit.green40, input[type=submit].green40 {
+        width: 40px;
+        color: #055705;
+        border: 1px solid #055705;
+        FILTER: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#6EF66E,endColorStr=#FFFFFF,gradientType=0);
+        background: -moz-linear-gradient(top, #6EF66E, #FFFFFF);
+        background: -ms-linear-gradient(top, #6EF66E, #FFFFFF);
+        background: -linear-gradient(top, #6EF66E, #FFFFFF);
+        background: -webkit-gradient(linear, left top, left bottom, from(#6EF66E), to(#FFFFFF));
+        background: -o-linear-gradient(top, #6EF66E, #FFFFFF)
+    }
+
+    a.purple40, button.purple40, input[type=button].purple40, submit.purple40, input[type=submit].purple40 {
+        width: 40px;
+        color: #800080;
+        border: 1px solid #800080;
+        FILTER: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#F694F4,endColorStr=#FFFFFF,gradientType=0);
+        background: -moz-linear-gradient(top, #F694F4, #FFFFFF);
+        background: -ms-linear-gradient(top, #F694F4, #FFFFFF);
+        background: -linear-gradient(top, #F694F4, #FFFFFF);
+        background: -webkit-gradient(linear, left top, left bottom, from(#F694F4), to(#FFFFFF));
+        background: -o-linear-gradient(top, #F694F4, #FFFFFF)
+    }
+
+    a.gray40, button.gray40, input[type=button].gray40, submit.gray40, input[type=submit].gray40 {
+        width: 40px;
+        color: #303030;
+        border: 1px solid #A7A7A7;
+        FILTER: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#D0D0D0,endColorStr=#FFFFFF,gradientType=0);
+        background: -moz-linear-gradient(top, #D0D0D0, #FFFFFF);
+        background: -ms-linear-gradient(top, #D0D0D0, #FFFFFF);
+        background: -linear-gradient(top, #D0D0D0, #FFFFFF);
+        background: -webkit-gradient(linear, left top, left bottom, from(#D0D0D0), to(#FFFFFF));
+        background: -o-linear-gradient(top, #D0D0D0, #FFFFFF)
+    }
+
+    a.yellow40, button.yellow40, input[type=button].yellow40, submit.yellow40, input[type=submit].yellow40 {
+        width: 40px;
+        color: #97A004;
+        border: 1px solid #97A004;
+        FILTER: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#FAFFA3,endColorStr=#FFFFFF,gradientType=0);
+        background: -moz-linear-gradient(top, #FAFFA3, #FFFFFF);
+        background: -ms-linear-gradient(top, #FAFFA3, #FFFFFF);
+        background: -linear-gradient(top, #FAFFA3, #FFFFFF);
+        background: -webkit-gradient(linear, left top, left bottom, from(#FAFFA3), to(#FFFFFF));
+        background: -o-linear-gradient(top, #FAFFA3, #FFFFFF)
+    }
+
+    a.blue28, button.blue28, input[type=button].blue28, submit.blue28, input[type=submit].blue28 {
+        width: 28px;
+        color: #2172B5;
+        border: 1px solid #2172B5;
+        FILTER: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#8CC6EF,endColorStr=#FFFFFF,gradientType=0);
+        background: -moz-linear-gradient(top, #8CC6EF, #FFFFFF);
+        background: -ms-linear-gradient(top, #8CC6EF, #FFFFFF);
+        background: -linear-gradient(top, #8CC6EF, #FFFFFF);
+        background: -webkit-gradient(linear, left top, left bottom, from(#8CC6EF), to(#FFFFFF));
+        background: -o-linear-gradient(top, #8CC6EF, #FFFFFF)
+    }
+
+    a.orange28, button.orange28, input[type=button].orange28, submit.orange28, input[type=submit].orange28 {
+        width: 28px;
+        color: #B25300;
+        border: 1px solid #B25300;
+        FILTER: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#FFAA5F,endColorStr=#FFFFFF,gradientType=0);
+        background: -moz-linear-gradient(top, #FFAA5F, #FFFFFF);
+        background: -ms-linear-gradient(top, #FFAA5F, #FFFFFF);
+        background: -linear-gradient(top, #FFAA5F, #FFFFFF);
+        background: -webkit-gradient(linear, left top, left bottom, from(#FFAA5F), to(#FFFFFF));
+        background: -o-linear-gradient(top, #FFAA5F, #FFFFFF)
+    }
+
+    a.red28, button.red28, input[type=button].red28, submit.red28, input[type=submit].red28 {
+        width: 28px;
+        color: #A71717;
+        border: 1px solid #A71717;
+        FILTER: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#F4B4B4,endColorStr=#FFFFFF,gradientType=0);
+        background: -moz-linear-gradient(top, #F4B4B4, #FFFFFF);
+        background: -ms-linear-gradient(top, #F4B4B4, #FFFFFF);
+        background: -linear-gradient(top, #F4B4B4, #FFFFFF);
+        background: -webkit-gradient(linear, left top, left bottom, from(#F4B4B4), to(#FFFFFF));
+        background: -o-linear-gradient(top, #F4B4B4, #FFFFFF)
+    }
+
+    a.green28, button.green28, input[type=button].green28, submit.green28, input[type=submit].green28 {
+        width: 28px;
+        color: #055705;
+        border: 1px solid #055705;
+        FILTER: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#6EF66E,endColorStr=#FFFFFF,gradientType=0);
+        background: -moz-linear-gradient(top, #6EF66E, #FFFFFF);
+        background: -ms-linear-gradient(top, #6EF66E, #FFFFFF);
+        background: -linear-gradient(top, #6EF66E, #FFFFFF);
+        background: -webkit-gradient(linear, left top, left bottom, from(#6EF66E), to(#FFFFFF));
+        background: -o-linear-gradient(top, #6EF66E, #FFFFFF)
+    }
+
+    a.purple28, button.purple28, input[type=button].purple28, submit.purple28, input[type=submit].purple28 {
+        width: 28px;
+        color: #800080;
+        border: 1px solid #800080;
+        FILTER: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#F694F4,endColorStr=#FFFFFF,gradientType=0);
+        background: -moz-linear-gradient(top, #F694F4, #FFFFFF);
+        background: -ms-linear-gradient(top, #F694F4, #FFFFFF);
+        background: -linear-gradient(top, #F694F4, #FFFFFF);
+        background: -webkit-gradient(linear, left top, left bottom, from(#F694F4), to(#FFFFFF));
+        background: -o-linear-gradient(top, #F694F4, #FFFFFF)
+    }
+
+    a.gray28, button.gray28, input[type=button].gray28, submit.gray28, input[type=submit].gray28 {
+        width: 28px;
+        color: #303030;
+        border: 1px solid #A7A7A7;
+        FILTER: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#D0D0D0,endColorStr=#FFFFFF,gradientType=0);
+        background: -moz-linear-gradient(top, #D0D0D0, #FFFFFF);
+        background: -ms-linear-gradient(top, #D0D0D0, #FFFFFF);
+        background: -linear-gradient(top, #D0D0D0, #FFFFFF);
+        background: -webkit-gradient(linear, left top, left bottom, from(#D0D0D0), to(#FFFFFF));
+        background: -o-linear-gradient(top, #D0D0D0, #FFFFFF)
+    }
+
+    a.yellow28, button.yellow28, input[type=button].yellow28, submit.yellow28, input[type=submit].yellow28 {
+        width: 28px;
+        color: #97A004;
+        border: 1px solid #97A004;
+        FILTER: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#FAFFA3,endColorStr=#FFFFFF,gradientType=0);
+        background: -moz-linear-gradient(top, #FAFFA3, #FFFFFF);
+        background: -ms-linear-gradient(top, #FAFFA3, #FFFFFF);
+        background: -linear-gradient(top, #FAFFA3, #FFFFFF);
+        background: -webkit-gradient(linear, left top, left bottom, from(#FAFFA3), to(#FFFFFF));
+        background: -o-linear-gradient(top, #FAFFA3, #FFFFFF)
+    }
+
+a.pickupbutton {
+    width: 16px;
+    height: 16px;
+    background-image: Url("Img/pickup.gif");
+}
+
+a[disabled="disabled"], a.button[disabled="disabled"], button[disabled="disabled"], input[type=button][disabled="disabled"], submit[disabled="disabled"], input[type=submit][disabled="disabled"] {
+    color: #808080;
+    border: 1px solid #909090;
+    FILTER: initial;
+    background: none;
+    background-color: #E0E0E0;
+}
+
+a[disabled="disabled"]:hover {
+    font-weight: normal;
+    cursor: default;
+}

教育訓練系統/Web/App_Themes/Default/Loading.css

@@ -0,0 +1,49 @@
+/* Loading 遮罩樣式 */
+.loading-overlay {
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    background-color: rgba(0, 0, 0, 0);
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    z-index: 10000;
+}
+
+.loading-spinner {
+    background-color: white;
+    padding: 40px;
+    border-radius: 8px;
+    text-align: center;
+    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
+}
+
+    .loading-spinner p {
+        margin-top: 15px;
+        color: #333;
+        font-size: 16px;
+        font-weight: 500;
+    }
+
+/* 轉圈圈動畫 */
+.spinner {
+    width: 50px;
+    height: 50px;
+    border: 4px solid #cccccc;
+    border-top: 4px solid #ffffff;
+    border-radius: 50%;
+    animation: spin 1s linear infinite;
+    margin: 0 auto;
+}
+
+@keyframes spin {
+    0% {
+        transform: rotate(0deg);
+    }
+
+    100% {
+        transform: rotate(360deg);
+    }
+}

教育訓練系統/Web/App_Themes/Default/Menu.css

@@ -0,0 +1,45 @@
+a.menu {
+    display: inline-block;
+    color: Black;
+    width: 100%;
+    height: 27px;
+    line-height: 26px;
+    vertical-align: top;
+    overflow: hidden;
+    text-align: left;
+    cursor: pointer !important;
+    z-index: 999;
+}
+
+a.menu_toplevel {
+    display: inline-block;
+    color: White;
+    width: 100%;
+    height: 27px;
+    line-height: 26px;
+    vertical-align: top;
+    text-align: left;
+    cursor: pointer !important;
+    z-index: 999;
+}
+
+a.menuSelected {
+    display: inline-block;
+    color: White;
+    width: 100%;
+    height: 27px;
+    line-height: 26px;
+    vertical-align: top;
+    text-align: left;
+    z-index: 999;
+}
+
+a.menu:hover {
+    color: White;
+    background-color: #007ACC;
+}
+
+a.menu_toplevel:hover {
+    color: White;
+    background-color: #007ACC;
+}

教育訓練系統/Web/App_Themes/Default/PopupWindow.css

@@ -0,0 +1,105 @@
+div.popup_title_left_corner 
+{
+  padding:0;
+  margin:0;
+  width: 3px; 
+  height:27px;
+  background-image:url("Img/window_caption_left_corner.gif");
+  background-repeat:no-repeat;
+  float:left;
+}
+
+div.popup_title_right_corner 
+{
+  padding:0;
+  margin:0;
+  width: 3px; 
+  height: 27px;
+  background-image:url("Img/window_caption_right_corner.gif");
+  background-repeat:no-repeat;
+  float:left;
+}
+
+div.popup_title_left
+{
+  padding:0;
+  margin:0;
+  width: 4px; 
+  height:27px;
+  background-image:url("Img/window_caption_left.gif");
+  background-repeat:no-repeat;
+  float:left;
+}
+
+div.popup_title_right
+{
+  padding:0;
+  margin:0;
+  width: 4px; 
+  height:27px;
+  background-image:url("Img/window_caption_right.gif");
+  background-repeat:no-repeat;
+  float:left;
+}
+
+div.popup_title
+{
+  padding:0;
+  margin:0;
+  height:27px;
+  background-image:url("Img/window_caption.gif");
+  background-repeat:repeat-x;
+  float:left;
+}
+
+div.popup_left_border
+{
+  padding:0;
+  margin:0;
+  width:3px; 
+  background-image:url("Img/window_left_border.gif");
+  background-repeat:repeat-y;
+  float:left;
+}
+
+div.popup_right_border
+{
+  padding:0;
+  margin:0;
+  width:3px; 
+  background-image:url("Img/window_right_border.gif");
+  background-repeat:repeat-y;
+  float:left;
+}
+
+div.popup_lower_left_corner
+{
+  padding:0;
+  margin:0;
+  width:3px; 
+  height:3px;
+  background-image:url("Img/window_lower_left_corner.gif");
+  background-repeat:no-repeat;
+  float:left;
+}
+
+div.popup_lower_right_corner
+{
+  padding:0;
+  margin:0;
+  width:3px; 
+  height:3px;
+  background-image:url("Img/window_lower_right_corner.gif");
+  background-repeat:no-repeat;
+  float:left;
+}
+
+div.popup_lower_border
+{
+  padding:0;
+  margin:0;
+  height:3px; 
+  background-image:url("Img/window_lower_border.gif");
+  background-repeat:repeat-x;
+  float:left;
+}

教育訓練系統/Web/App_Themes/Default/Skin1.skin

@@ -0,0 +1,107 @@
+<%--
+預設面板範本。下列面板僅提供做為範例的用途。
+
+1. 具名控制面板。SkinId 應為唯一定義，因為在相同主題中，一個控制項型別不能具有重複的 SkinId。
+
+<asp:GridView runat="server" SkinId="gridviewSkin" BackColor="White" >
+   <AlternatingRowStyle BackColor="Blue" />
+</asp:GridView>
+
+2. 預設面板。SkinId 未定義。在相同主題中，每個控制項型別只能有一個預設控制面板。
+
+<asp:Image runat="server" ImageUrl="~/images/image1.jpg" />
+--%>
+
+<%@ Register Assembly="WebLib" Namespace="WebLib" TagPrefix="weblib" %>
+
+<asp:GridView runat="server"
+  BackColor="White" 
+  BorderColor="#B0B0B0" 
+  BorderStyle="Solid"
+  BorderWidth="1px" 
+  CellPadding="3" 
+  EnableModelValidation="True" 
+  ForeColor="Black"
+  GridLines="Vertical"
+  CSSClass="gridview">
+  <RowStyle 
+    BorderColor="#B0B0B0" />
+  <AlternatingRowStyle 
+    BorderColor="#B0B0B0" 
+    BackColor="#EEEEEE" />
+  <FooterStyle
+    BorderColor="#B0B0B0" 
+    BackColor="#B7DEFC" />
+  <HeaderStyle 
+    BorderColor="#B0B0B0" 
+    BackColor="#B7DEFC" />
+  <PagerStyle 
+    BorderWidth="1px" 
+    BorderColor="#B0B0B0" 
+    BackColor="#DDDDDD" 
+    HorizontalAlign="Right" />
+  <SelectedRowStyle 
+    BorderColor="#B0B0B0" 
+    BackColor="#95D1FF" />
+  <EditRowStyle 
+    BorderColor="#B0B0B0" 
+    BackColor="#95D1FF" />
+</asp:GridView>
+
+<asp:TreeView 
+  runat="server">
+  <HoverNodeStyle 
+    Font-Underline="False" 
+    ForeColor="#FFFFFF"
+    BackColor="#007ACC" />
+  <NodeStyle 
+    Font-Size="12pt" 
+    ForeColor="Black" 
+    HorizontalPadding="4px" 
+    NodeSpacing="0px" 
+    VerticalPadding="0px" 
+    Height="22px"
+    CssClass="menu"
+    Width="100%" />
+  <ParentNodeStyle 
+    CssClass="menu" 
+    Width="100%"
+    Font-Bold="False" />
+  <SelectedNodeStyle 
+    Font-Underline="False" 
+    ForeColor="#FFFFFF"
+    BackColor="#007ACC" 
+    HorizontalPadding="4px" 
+    VerticalPadding="0px"
+    CssClass="menuSelected" />
+  <RootNodeStyle 
+    CssClass="menu" 
+    Width="100%" />
+</asp:TreeView>
+
+<asp:FormView runat="server"
+    CssClass="formview">
+</asp:FormView>
+
+<asp:Menu runat="server" 
+  Orientation="Horizontal"
+  Font-Overline="False"
+  StaticEnableDefaultPopOutImage="False"
+  StaticSubMenuIndent="0"
+  DynamicHorizontalOffset="0"
+  DynamicVerticalOffset="0" 
+  StaticItemFormatString="&nbsp;&nbsp;{0}&nbsp;&nbsp;"
+  DynamicItemFormatString="&nbsp;&nbsp;{0}&nbsp;&nbsp;" 
+  SkipLinkText="" >
+  <StaticMenuItemStyle CssClass="menu_toplevel" />
+  <StaticSelectedStyle BackColor="#007ACC" ForeColor="White" />
+  <DynamicMenuItemStyle CssClass="menu" BackColor="#89CEFF" ForeColor="White" />
+  <DynamicSelectedStyle BackColor="#007ACC" ForeColor="White" />
+</asp:Menu>
+
+<weblib:DateTextBox runat="server" 
+    DateSeparator="" 
+    DateOrder="YMD" />
+
+<weblib:GridViewPager runat="server" 
+    ButtonCssClass="button gray60" />

教育訓練系統/Web/App_Themes/Default/Style1.css

@@ -0,0 +1,372 @@
+body, div, table {
+    padding: 0;
+    margin: 0;
+}
+
+body {
+    font-family: Arial, Helvetica, sans-serif, "Microsoft JhengHei", "Microsoft YaHei", MingLiU, SimSun;
+    font-size: 12pt;
+    background-color: #eee;
+}
+
+input:where([type="text"], [type="password"], [type="date"], [type="datetime"], [type="number"]),
+textarea,
+select {
+    padding: 3px;
+    border: solid 1px #ccc;
+    border-radius: 3px;
+}
+
+    input:where([type="text"], [type="password"], [type="date"], [type="datetime"], [type="number"])[readonly],
+    input:where([type="text"], [type="password"], [type="date"], [type="datetime"], [type="number"])[disabled],
+    textarea[readonly],
+    textarea[disabled],
+    select[disabled] {
+        background-color: #ccc;
+    }
+
+/*select {
+    padding: 3px;
+    height: 1.7em;
+    background-color: #FFF;
+}
+*/
+
+.hide {
+    display: none;
+}
+
+.background {
+    width: 100%;
+    text-align: center;
+    background-image: url('img/outbg.gif');
+}
+
+.ta-center {
+    text-align: center;
+}
+
+.ta-left {
+    text-align: left;
+}
+
+.ta-right {
+    text-align: right;
+}
+
+.timeText {
+    font-size: 12pt;
+    color: Black;
+}
+
+.labelCell {
+    text-align: right;
+}
+
+.displayCell {
+    background-color: #C6E8FF;
+}
+
+.inputCell {
+    background-color: White;
+}
+
+input {
+    font-family: Arial, Helvetica, sans-serif, "Microsoft JhengHei", "Microsoft YaHei", MingLiU, SimSun;
+    font-size: 12pt;
+    word-break: break-all;
+    box-sizing: border-box;
+}
+
+    input[type="text"]:focus {
+        background-color: #FFFFD0;
+    }
+
+    input[type="password"]:focus {
+        background-color: #FFFFD0;
+    }
+
+textarea {
+    font-family: Arial, Helvetica, sans-serif, "Microsoft JhengHei", "Microsoft YaHei", MingLiU, SimSun;
+    font-size: 12pt;
+    word-break: break-all;
+    line-height: 1.5em;
+}
+
+    textarea:focus {
+        background-color: #FFFFD0;
+    }
+
+select {
+    font-family: Arial, Helvetica, sans-serif, "Microsoft JhengHei", "Microsoft YaHei", MingLiU, SimSun;
+    font-size: 12pt;
+    margin-right: 0;
+    height: auto;
+}
+
+.inputFull {
+    width: 100%;
+    margin: 0;
+    box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    -webkit-box-sizing: border-box;
+    _box-sizing: border-box;
+    word-break: break-all;
+    -ms-word-break: break-all;
+}
+
+.inputFullBlock {
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    -webkit-box-sizing: border-box;
+    _box-sizing: border-box;
+    font-size: 12pt;
+}
+
+a.hiddenLink {
+    text-decoration: none;
+    color: Black;
+}
+
+    a.hiddenLink:hover {
+        color: Blue;
+    }
+
+.functionTitle {
+    font-size: 14pt;
+    font-weight: bold;
+    color: #004d7a;
+    padding-top: 6px;
+    padding-bottom: 6px;
+}
+
+.marqueeText {
+    font-size: 12pt;
+    font-weight: bolder;
+    color: Red;
+}
+
+.groupHeaderCell {
+    text-align: center;
+    border-bottom-style: solid;
+    border-bottom-width: 1px;
+    border-bottom-color: black;
+}
+
+.FunctionName {
+    color: #2472B2;
+    font-size: 12pt;
+    font-weight: bold;
+}
+
+.ErrorMessage {
+    color: red;
+    font-size: 12pt;
+    font-weight: bold;
+}
+
+a.LogoutButton {
+    height: 32px;
+    width: 32px;
+    background-image: Url("Img/logout.png");
+    background-repeat: no-repeat;
+    background-position: 0 0;
+}
+
+a.election {
+    color: Blue;
+    font-weight: bold;
+}
+
+a.cancelelection {
+    color: Blue;
+    font-weight: bold;
+}
+
+.padding0 {
+    padding: 0;
+}
+
+.padding3 {
+    padding: 3px;
+}
+
+.padding5 {
+    padding: 5px;
+}
+
+.minwidth10 {
+    min-width: 10px;
+}
+
+.minwidth20 {
+    min-width: 20px;
+}
+
+.minwidth30 {
+    min-width: 30px;
+}
+
+.minwidth40 {
+    min-width: 40px;
+}
+
+.minwidth50 {
+    min-width: 50px;
+}
+
+.minwidth60 {
+    min-width: 60px;
+}
+
+.minwidth70 {
+    min-width: 70px;
+}
+
+.minwidth80 {
+    min-width: 80px;
+}
+
+.minwidth90 {
+    min-width: 90px;
+}
+
+.minwidth100 {
+    min-width: 100px;
+}
+
+.minwidth110 {
+    min-width: 110px;
+}
+
+.minwidth120 {
+    min-width: 120px;
+}
+
+.minwidth130 {
+    min-width: 130px;
+}
+
+.minwidth140 {
+    min-width: 140px;
+}
+
+.minwidth150 {
+    min-width: 150px;
+}
+
+.minwidth160 {
+    min-width: 160px;
+}
+
+.minwidth170 {
+    min-width: 170px;
+}
+
+.minwidth180 {
+    min-width: 180px;
+}
+
+.minwidth190 {
+    min-width: 190px;
+}
+
+.minwidth200 {
+    min-width: 200px;
+}
+
+.maxwidth10 {
+    max-width: 10px;
+}
+
+.maxwidth20 {
+    max-width: 20px;
+}
+
+.maxwidth30 {
+    max-width: 30px;
+}
+
+.maxwidth40 {
+    max-width: 40px;
+}
+
+.maxwidth50 {
+    max-width: 50px;
+}
+
+.maxwidth60 {
+    max-width: 60px;
+}
+
+.maxwidth70 {
+    max-width: 70px;
+}
+
+.maxwidth80 {
+    max-width: 80px;
+}
+
+.maxwidth90 {
+    max-width: 90px;
+}
+
+.maxwidth100 {
+    max-width: 100px;
+}
+
+.maxwidth110 {
+    max-width: 110px;
+}
+
+.maxwidth120 {
+    max-width: 120px;
+}
+
+.maxwidth130 {
+    max-width: 130px;
+}
+
+.maxwidth140 {
+    max-width: 140px;
+}
+
+.maxwidth150 {
+    max-width: 150px;
+}
+
+.maxwidth160 {
+    max-width: 160px;
+}
+
+.maxwidth170 {
+    max-width: 170px;
+}
+
+.maxwidth180 {
+    max-width: 180px;
+}
+
+.maxwidth190 {
+    max-width: 190px;
+}
+
+.maxwidth200 {
+    max-width: 200px;
+}
+
+.phraselink {
+    text-decoration: none;
+    margin-right: 1em;
+    color: #007ACC;
+    cursor: pointer;
+    display: inline-block;
+}
+
+    .phraselink:hover {
+        background-color: #007ACC;
+        color: #FFF;
+    }

教育訓練系統/Web/App_Themes/Default/Tab.css

@@ -0,0 +1,36 @@
+/* 頁籤樣式 */
+a.tabButton
+{
+  font-size: 12pt;
+  text-decoration : none;
+  text-align:center;
+  padding-top: 0px;
+  display: inline-block;
+  vertical-align: top;
+  width: 179px;
+  height: 27px;
+  line-height: 24px;
+  background-image: Url("Img/TabYellow.png");
+  background-repeat: no-repeat;
+  background-position: 0 0;
+  color : Black;
+  font-weight: normal;
+}
+
+a.tabButtonSelected
+{
+  font-size: 12pt;
+  text-decoration : none;
+  text-align: center;
+  padding-top: 0px;
+  display: inline-block;
+  vertical-align: top;
+  width: 179px;
+  height: 27px;
+  line-height: 24px;
+  background-image: Url("Img/TabYellow.png");
+  background-repeat: no-repeat;
+  background-position: 0 -27px;
+  color : Black;
+  font-weight: normal;
+}

教育訓練系統/Web/App_Themes/Default/Table.css

@@ -0,0 +1,90 @@
+table {
+    font-family: Arial, Helvetica, sans-serif, "Microsoft JhengHei", "Microsoft YaHei", MingLiU, SimSun;
+    font-size: 12pt;
+    border-collapse: separate;
+    border-spacing: 0;
+    margin-bottom: 0;
+}
+
+    table.formview table {
+        border-collapse: separate;
+        border-spacing: 2px;
+    }
+
+    table.fixedwithborder {
+        table-layout: fixed;
+        border-collapse: collapse;
+        border: 1px solid #DDD;
+    }
+
+    table.fixedwithoutborder {
+        table-layout: fixed;
+        border-collapse: collapse;
+        border: 0;
+    }
+
+    table.autowidth {
+        table-layout: auto;
+    }
+
+th {
+    padding: 3px;
+    text-align: center;
+    background-color: #DDDDDD;
+    font-weight: normal;
+    color: Black;
+    border: 1px solid #DDD;
+    word-break: break-all;
+}
+
+td {
+    word-break: break-all;
+}
+
+    td.caption {
+        padding: 3px;
+        text-align: right;
+        background-color: #FFFFFF;
+        word-break: break-all;
+    }
+
+    td.captionCenter {
+        padding: 3px;
+        text-align: center;
+        background-color: #FFFFFF;
+        word-break: break-all;
+    }
+
+    td.captionLeft {
+        padding: 3px;
+        text-align: left;
+        background-color: #FFFFFF;
+        word-break: break-all;
+    }
+
+    td.datainput {
+        padding: 3px;
+    }
+
+    td.datadisplay {
+        padding: 5px;
+        background-color: #DEF0FC;
+        word-wrap: break-word;
+        word-break: break-all;
+    }
+
+    td.widthcontrol {
+        padding: 0;
+        margin: 0;
+        height: 0;
+        font-size: 0;
+    }
+
+table.gridview {
+    border-collapse: collapse;
+}
+
+    table.gridview tr th, td {
+        border-left-color: #DDD;
+        border-right-color: #DDD;
+    }

教育訓練系統/Web/App_Themes/Default/toast.css

@@ -0,0 +1,70 @@
+/* 警告訊息進入動畫 */
+@keyframes slideDown {
+    from {
+        opacity: 0;
+        transform: translateY(-10px);
+    }
+
+    to {
+        opacity: 1;
+        transform: translateY(0);
+    }
+}
+
+/* Toast 進入動畫 */
+@keyframes slideIn {
+    from {
+        transform: translateX(400px);
+        opacity: 0;
+    }
+
+    to {
+        transform: translateX(0);
+        opacity: 1;
+    }
+}
+
+/* Toast 訊息容器樣式 */
+.toast-message {
+    position: fixed;
+    top: 20px;
+    right: 20px;
+    padding: 15px 20px;
+    border-radius: 4px;
+    color: white;
+    font-weight: 500;
+    z-index: 9999;
+    animation: slideIn 0.3s ease-out;
+    max-width: 400px;
+    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
+    word-wrap: break-word;
+    word-break: break-word;
+}
+
+/* Toast 訊息類型樣式 */
+.toast-success {
+    background-color: #28a745;
+}
+
+.toast-error {
+    background-color: #dc3545;
+}
+
+.toast-warning {
+    background-color: #ffc107;
+    color: #333;
+}
+
+.toast-info {
+    background-color: #17a2b8;
+}
+
+/* Vue transition 動畫 */
+.toast-enter-active, .toast-leave-active {
+    transition: all 0.3s ease;
+}
+
+.toast-enter, .toast-leave-to {
+    transform: translateX(100%);
+    opacity: 0;
+}