/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your
   HTML content. To learn how to do something, just try searching Google for questions like
   "how to change link color." */
html {
  height: 100%; }
  
body {background-attachment: fixed; 
  background-image:url("background.jpg");
  background-repeat: no-repeat; 
  background-position: bottom right; 
  color: black;
  font-family: Times New Roman, "標楷體", sans-serif;
  }

img {vertical-align: middle;
}

table {border-collapse:collapse;
}

.css_button {
   padding: 7.5px 15px;
   border: 1px solid #C7C7C7;
   background: -webkit-gradient(linear, left top, left bottom, from(#EBF2FF), to(#8D93EB));
   background: -webkit-linear-gradient(top, #EBF2FF, #8D93EB);
   background: -moz-linear-gradient(top, #EBF2FF, #8D93EB);
   background: -ms-linear-gradient(top, #EBF2FF, #8D93EB);
   background: -o-linear-gradient(top, #EBF2FF, #8D93EB);
   background-color: #8D93EB;
   box-shadow: 0px 7px 2px -5px #1A1A1A, inset 0px 0px 3px #2F1A42;
   -webkit-box-shadow: 0px 7px 2px -5px #1A1A1A, inset 0px 0px 3px #2F1A42;
   -moz-box-shadow: 0px 7px 2px -5px #1A1A1A, inset 0px 0px 3px #2F1A42;
   -webkit-border-radius: 15px;
   -moz-border-radius: 15px;
   border-radius: 15px;
   text-shadow: #8861C2 1px 1px 0px;
   color: #33248A;
   font-size: 12px;
   font-family: "微軟正黑體";
   text-decoration: none;
   font-weight: bold;
   -webkit-transition: 0.2s;
   -moz-transition: 0.2s;
   -o-transition: 0.2s;
   cursor: pointer;
   }
.css_button:hover {
   background: none;
   background-color: #8D93EB;
   box-shadow: 0px 0px 5px 0px #AAAAAA;
   -webkit-box-shadow: 0px 0px 5px 0px #AAAAAA;
   -moz-box-shadow: 0px 0px 5px 0px #AAAAAA;
   border: 1px solid #ffffff;
   color: #ADF7FF;
   }
.css_button:active {
   top: 1px;
   position: relative;
}


.Content
{
  empty-cells:show;
 
  border-style: solid;
  border-collapse:collapse;
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-right-width: 1px
}
 
 
.WhiteContent, .BlackContent, .GreenContent, .BlueContent
{
  empty-cells:show;
    
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left: 5px;
  margin-right: 5px;
  float: center;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
  padding-right: 5px;
  
  font-size: 14px;
  text-indent: 0px;
  letter-spacing: 0px;
  line-height: 25px;

  text-align: left;
  font-weight: normal;
  font-variant: normal;
  font-stretch: normal;  
  border-style: solid;
  border-collapse:collapse;
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-right-width: 1px
}


.WhiteContentCap, .BlackContentCap, .GreenContentCap, .ContentCap, .BlueContentCap
{
  padding-top: 1px;
  padding-bottom: 1px;
  padding-left: 5px;
  padding-right: 1px;
  
  text-indent: 0px;
  letter-spacing: 2px;
  line-height: 26px;
  font-weight: normal;
  font-variant: normal;
  font-stretch: normal;
    
  border-style: solid;
  border-collapse:collapse;
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-right-width: 1px;
}


.WhiteList, .BlackList, .GreenList, .List, GreenListTitle, .RedList, .SkyList, .BrownList
{
  empty-cells:show;
    
  margin-top: 15px;
  margin-bottom: 15px;
  margin-left: 2px;
  margin-right: 2px;
  float: center;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 2px;
  padding-right: 0px;

  text-indent: 0px;
  line-height: 18px;
  font-weight: normal;
  font-variant: normal;
  font-stretch: normal;
  font-size-adjust: none;
  text-align:left;
  letter-spacing: 1px;
    
  border-style: solid;
  border-collapse: separate; /*邊框摺疊。*/
  border-top-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 0px;
  border-right-width: 0px;
}

 
.WhiteListCap, .BlackListCap, .GreenListCap, .ListCap, .RedListCap, .SkyListCap, .BrownListCap
{
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 5px;
  padding-right: 0px;
  
  text-indent: 0px;
  letter-spacing: 1px;
  #line-height: 24px;
  font-weight: normal;
  font-variant: normal;
  font-stretch: normal;
    
  border-style: solid;
  border-collapse: separate;
  border-top-width: 0px;
  border-bottom-width: 1px;
  border-left-width: 0px;
  border-right-width: 0px;
}


.BlueContent
{
  background-color: #E6E6FA;
  color:#000000;
  border-color: #000000;
}

.BlueContentCap
{
  background-color: #E6E6FA;
  color:#000000;
  border-color: #000000;
}

.WhiteList
{
  background-color: #ffffff;
  color:#000000;
  border-color: #000000;
}

.WhiteListCap
 {
  background-color: #dddddd;
  color: #000000;
  border-color: #000000;
}

.WhiteContent
{
  background-color: #ffffff;
  color:#000000; /*文字顏色*/
  border-color: #000000;
}

.WhiteContentCap
{
  background-color: #dddddd;
  color: #000000;
  border-color: #000000;
}

.BlackList
{
  background-color: #444444;
  color:#eeeeee;
  border-color: #eeeeee;
}

.BlackListCap
 {
  background-color: #888888;
  color: #ffffff;
  border-top-color: #eeeeee;
}

.BlackContent
{
  background-color: #444444;
  color:#eeeeee; /*文字顏色*/
  border-color: #888888;
}

.BlackContentCap
{
  background-color: #888888;
  color: #ffffff;
  border-color: #888888;
}

.GreenContent
{
  background-color: #dddd93;
  color: #000000; /*文字顏色*/
  border-color: #000000;
}

.GreenContentCap
{
  background-color: #cdcd99;
  color: #000000; /*文字顏色*/
  border-color: #000000;
}
  
.GreenList
{
  background-color: #dddd93; /*#ffffdb;*/
  color: #000000; /*文字顏色*/
  border-color: #000000;
}

.GreenListCap
{
  background-color: #cdcd99;
  color: #0000000; /*文字顏色*/
  border-color: #000000;   
}
.GreenListTitle
{
  background-color: #cdcd77;
  color: #0000000; /*文字顏色*/
  border-color: #000000;   
}

.Content
{
  background-color: #ffffff;
  color: #ffffff;
  border-color: #000000;
}

.ContentCap
{
  background-color: #5292d6;
  color: #000000;
  border-color: #000000;
}

.List
{
  background-color: #CDE2F6;
  color:#000000;
  border-color: #fffff;
}

.ListCap
{
  background-color: #5292d6;
  color: #ffffff;
  border-color: #ffffff;
}
.RedList
{
  background-color: #FFCFCE;
  color:#000000;
  border-color: #fffff;
}

.RedListCap
{
  background-color: #FF9999;
  color: #ffffff;
  border-color: #ffffff;
}

.SkyList
{
  background-color: #C6D7E7;
  color:#000000;
  border-color: #ffffff;
}

.SkyListCap
{
  background-color: #31659c;
  color: #ffffff;
  border-color: #ffffff;
}

.BrownList
{
  background-color: #cccc99;
  color:#000000;
  border-color: #ffffff;
}

.BrownListCap
{
  background-color: #999966;
  color: #ffffff;
  border-color: #ffffff;
}