.tabs
{
  overflow: auto;
  width: 100%;
  list-style: none;
  margin: 0;
  padding: 0;
}

.tabs li
{
    margin: 0;
    padding: 0;
    float: left;
}
.tabsm li
{
    margin: 0;
    padding: 0;
    float: left;
    text-align: center;
}
.tabs1 a
{
    -moz-box-shadow: 4px 0 4px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 4px 0 4px rgba(0, 0, 0, .2);
    box-shadow: 4px 0 4px rgba(0, 0, 0, .2);
    background: #FFCCCC;

    color: #000000;
    float: left;
    
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    


  top:0; display:block;
  padding:0 15px;
  line-height:40px;
  height:40px;
  font-size:16px;
  font-family:標楷體;
  font-weight:bold; 
  text-decoration: none;
}
.tabs2 a
{
    -moz-box-shadow: -4px 0 0 rgba(0, 0, 0, .2);
    -webkit-box-shadow: -4px 0 0 rgba(0, 0, 0, .2);
    box-shadow: -4px 0 0 rgba(0, 0, 0, .2);
    background: #FFCCCC;
    background:    -moz-linear-gradient(220deg, transparent 10px, #FFCCCC 10px);
    background:    -webkit-linear-gradient(220deg, transparent 10px, #FFCCCC 10px);     
    background:     -ms-linear-gradient(220deg, transparent 10px, #FFCCCC 10px); 
    background:      -o-linear-gradient(220deg, transparent 10px, #FFCCCC 10px); 
    background:         linear-gradient(220deg, transparent 10px, #FFCCCC 10px);
    text-shadow: 0 1px 0 rgba(0,0,0,.5);
    color: #000000;
    float: left;
  top:0; display:block;
  padding:0 15px;
  line-height:40px;
  height:40px;
  font-size:16px;
  font-family:標楷體;
  font-weight:bold; 
  text-decoration: none;
}


.tabsm a
{
    -moz-box-shadow: 4px 0 4px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 4px 0 4px rgba(0, 0, 0, .2);
    box-shadow: 4px 0 4px rgba(0, 0, 0, .2);
    background: #FFD599;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFD599), to(#FFAA66));
background: -moz-linear-gradient(#FFD599, #FFAA66);
-pie-background: linear-gradient(#FFD599, #FFAA66);    

    color: #000000;
    float: left;

  top:0; display:block;
  padding:0 5px;
  line-height:40px;
  height:40px;
  font-size:25px;
  font-family:標楷體;
  font-weight:bold; 
  text-decoration: none;
}

.tabs1 a:hover
{
    background: #FFCCCC;
    color: #FF13F9;
}

.tabsm a:hover
{
    background: #FFCC99;
    color: #FF1366;
}
.tabs2 a:hover
{
    background: #FFCCCC;
    background:    -moz-linear-gradient(220deg, transparent 10px, #FFCCCC 10px);
    background:    -webkit-linear-gradient(220deg, transparent 10px, #FFCCCC 10px);     
    background:     -ms-linear-gradient(220deg, transparent 10px, #FFCCCC 10px); 
    background:      -o-linear-gradient(220deg, transparent 10px, #FFCCCC 10px); 
    background:         linear-gradient(220deg, transparent 10px, #FFCCCC 10px);     
    color: #000;
}

.tabs a:focus
{
    outline: 0;
}

.tabs1 a.current
{
    background: #FFFF8A;
    text-shadow: none;    
    color: #000;
}
.tabsm a.current
{
    background: #FFFF8A;
    text-shadow: none;    
    color: #000;
}

.tabs2 a.current
{
    background: #FFFF8A;
    background:    -moz-linear-gradient(220deg, transparent 10px, #FFFF8A 10px);
    background:    -webkit-linear-gradient(220deg, transparent 10px, #FFFF8A 10px);     
    background:     -ms-linear-gradient(220deg, transparent 10px, #FFFF8A 10px); 
    background:      -o-linear-gradient(220deg, transparent 10px, #FFFF8A 10px); 
    background:         linear-gradient(220deg, transparent 10px, #FFFF8A 10px);
    text-shadow: none;    
    color: #333;
}

.mtcontent
{
    background-color: #fff;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd));
    background-image: -webkit-linear-gradient(top, #fff, #ddd); 
    background-image:    -moz-linear-gradient(top, #fff, #ddd); 
    background-image:     -ms-linear-gradient(top, #fff, #ddd); 
    background-image:      -o-linear-gradient(top, #fff, #ddd); 
    background-image:         linear-gradient(top, #fff, #ddd);
    -moz-border-radius: 0 2px 2px 2px;
    -webkit-border-radius: 0 2px 2px 2px;
    border-radius: 0 2px 2px 2px;
    -moz-box-shadow: 0 2px 2px #000, 0 -1px 0 #fff inset;
    -webkit-box-shadow: 0 2px 2px #000, 0 -1px 0 #fff inset;
    box-shadow: 0 2px 2px #000, 0 -1px 0 #fff inset;
    padding: 30px;
}

/* Remove the rule below if you want the content to be "organic" */
.mtcontent div
{
    height: 220px;
}

/* --- */
.about
{
    color: #999;
}

.about a
{
    color: #eee;
}






/*
     FILE ARCHIVED ON 17:16:39 五月 15, 2017 AND RETRIEVED FROM THE
     AN OPENWAYBACK INSTANCE ON 1:25:07 五月 14, 2026.
     JAVASCRIPT APPENDED BY OPENWAYBACK, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/