html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
background: transparent;
Vertical-align:top;
font-size:100%;
font-Family:黑體,微軟正黑體,Microsoft JhengHei,Arial,sans-serif;
}
html {overflow-y: scroll; }
body {
line-height: 1.5em;
color: #444444;
font-family:"Microsoft JhengHei",arial,sans-serif;
font-size: 12pt;
letter-spacing: 0.025em;
border:0;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
hr{border-top: solid 1px #9dc3e7;
border-left:0;
border-right:0;
border-bottom:0;
line-height:0.1em;
height:1px;
margin-top: 0.1em;
margin-bottom: 0.5em;}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}
/* Container */
img{border:0;;}
body {
/* min-width: (containers)
min-width: 1200px;*/
border:0;
font-size:12pt;
font-family:"Microsoft JhengHei",arial,sans-serif;
}
.container {
margin-left: auto;
margin-right: auto;
/* width: (containers) */
width: 1000px;
}
html { overflow-y: scroll; }
a {
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
color: #444444; /*#3fb1a3;*/
text-decoration: none;
}
a:hover {
border-bottom-color: transparent;
color: #2caa9a; /*#3fb1a3;*/
}
strong, b {
font-weight:bold;
}
p, ul, ol, dl, table, blockquote {
margin: 0 0 0em 0;
}
/* Header */
@-moz-keyframes reveal-header { 0% { top: -2em; } 100% { top: 0; } }
@-webkit-keyframes reveal-header { 0% { top: -2em; } 100% { top: 0; } }
@-o-keyframes reveal-header { 0% { top: -2em; } 100% { top: 0; } }
@-ms-keyframes reveal-header { 0% { top: -2em; } 100% { top: 0; } }
@keyframes reveal-header { 0% { top: -2em; } 100% { top: 0; } }
#header {
background: #fff6da;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.075);
color: inherit;
cursor: default;
left: 0;
padding:0.5em 0 0 0 ;
position: fixed;
top: 0;
width: 100%;
z-index: 8000;
line-height:1.5em;
text-align:left;
min-height:70px;
}
/* Dropotron */
.dropotron {
background: #fff;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.075);
line-height: 2.25em;
min-width: 10em;
padding: 0em 0;
text-transform: uppercase;
border:1px solid #dddddd;
z-index:12000;
}
.dropotron.level-0 {
font-size: 0.9em;
font-weight: 400;
margin-top: 0.8em;
z-index:12000;
}
.dropotron.level-0:before {
border-bottom: solid 0.5em #dddddd;
border-left: solid 0.5em transparent;
border-right: solid 0.5em transparent;
content: '';
left: 0.75em;
position: absolute;
top: -0.55em;
}
.dropotron > li {
border-top: solid 1px rgba(124, 128, 129, 0.2);
}
.dropotron > li > a {
-moz-transition: none;
-webkit-transition: none;
-o-transition: none;
-ms-transition: none;
transition: none;
color: inherit;
text-decoration: none;
padding: 0 0.5em;
border: 0;
}
.dropotron > li:hover > a {
background: #eea5c2;
color: white;
}
.dropotron > li:first-child {
border-top: 0;
}
/* Banner */
@-moz-keyframes reveal-banner { 0% { opacity: 0; } 100% { opacity: 1; } }
@-webkit-keyframes reveal-banner { 0% { opacity: 0; } 100% { opacity: 1; } }
@-o-keyframes reveal-banner { 0% { opacity: 0; } 100% { opacity: 1; } }
@-ms-keyframes reveal-banner { 0% { opacity: 0; } 100% { opacity: 1; } }
@keyframes reveal-banner { 0% { opacity: 0; } 100% { opacity: 1; } }
#banner{
color: white;
padding:2.5em 0em 0em 0em;
Margin:0em 00em 00em 00em;
}
/* Footer */
#footer {
background: #fff6da;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.075);
color: inherit;
cursor: default;
left: 0;
padding:0em 0 0 0 ;
width: 100%;
line-height:1.5em;
text-align:left;
min-height:70px;
}
#footer .copyright {
}
#footer .copyright a {
color: inherit;
}
.FooterContainer {
margin-top:-40px;
width: 990px;
margin-left: auto;
margin-right: auto;
color:#c5c5c5;
}
.FooterContainer a {
Color:#d8d8d8;
}
.FooterContainer a:hover {
Color:#3fb1a3;
}
/* Grid */
.\31 2u { width: 100% }
.\31 1u { width: 91.6666666667% }
.\31 0u { width: 83.3333333333% }
.\39 u { width: 75% }
.\38 u { width: 66.6666666667% }
.\37 u { width: 58.3333333333% }
.\36 u { width: 50% }
.\35 u { width: 41.6666666667% }
.\34 u { width: 33.3333333333% }
.\33 u { width: 25% }
.\32 u { width: 16.6666666667% }
.\31 u { width: 8.3333333333% }
.\-11u { margin-left: 91.6666666667% }
.\-10u { margin-left: 83.3333333333% }
.\-9u { margin-left: 75% }
.\-8u { margin-left: 66.6666666667% }
.\-7u { margin-left: 58.3333333333% }
.\-6u { margin-left: 50% }
.\-5u { margin-left: 41.6666666667% }
.\-4u { margin-left: 33.3333333333% }
.\-3u { margin-left: 25% }
.\-2u { margin-left: 16.6666666667% }
.\-1u { margin-left: 8.3333333333% }
/* Rows */
.row > * {
float: left;
}
.row:after {
content: '';
display: block;
clear: both;
height: 0;
}
.row:first-child > * {
padding-top: 0 !important;
}
/* Normal */
.row > * {
/* padding-left: (gutters) */
padding-left: 10px;
}
.row + .row > * {
/* padding: (gutters) 0 0 (gutters) */
padding: 50px 0 0 50px;
}
.row {
/* margin-left: -(gutters) */
margin-left: -50px;
}
/* Flush */
.row.flush > * {
padding-left: 0;
}
.row + .row.flush > * {
padding: 0;
}
.row.flush {
margin-left: 0;
}
/* Quarter */
.row.quarter > * {
/* padding-left: (gutters * 0.25) */
padding-left: 12.5px;
}
.row + .row.quarter > * {
/* padding: (gutters * 0.25) 0 0 (gutters * 0.25) */
padding: 12.5px 0 0 12.5px;
}
.row.quarter {
/* margin-left: -(gutters * 0.25) */
margin-left: -12.5px;
}
/* Half */
.row.half > * {
/* padding-left: (gutters * 0.5) */
padding-left: 25px;
}
.row + .row.half > * {
/* padding: (gutters * 0.5) 0 0 (gutters * 0.5) */
padding: 25px 0 0 25px;
}
.row.half {
/* margin-left: -(gutters * 0.5) */
margin-left: -25px;
}
/* One and (a) Half */
.row.oneandhalf > * {
/* padding-left: (gutters * 1.5) */
padding-left: 0px;
}
.row + .row.oneandhalf > * {
/* padding: (gutters * 1.5) 0 0 (gutters * 1.5) */
padding: 75px 0 0 75px;
}
.row.oneandhalf {
/* margin-left: -(gutters * 1.5) */
margin-left: 0px;
}
/* Double */
.row.double > * {
/* padding-left: (gutters * 2) */
padding-left: 80px;
}
.row + .row.double > * {
/* padding: (gutters * 2) 0 0 (gutters * 2) */
padding: 100px 0 0 100px;
}
.row.double {
/* margin-left: -(gutters * 2) */
margin-left: -100px;
}
/* 嵌入字型設定 */
@font-face{font-family:"AGENCYB1";
src:url(/css/AGENCYB.TTF),local(黑體);
unicode-range: U+00-024F
}
@font-face{font-family:"AGENCYR";
src: url(/CSS/AGENCYR.TTF);
unicode-range: U+00-024F
}
h0{font-family:"AGENCYR";
font-size:1.1em;
color:#208df2;
font-weight:bold;
}
h00{font-family:"AGENCYR";
font-size:1em;
color:#000000;
font-weight:bold;
}
h1{font-family:"fAGENCYB";
font-size:1.2em;
color:#208df2;
}
.IndexTitle{text-align:Center;}
.hrBlue{
width:100%;
height:1px;
color:#208df2;
border-bottom:1px solid #208df2;
border-top:0px;
border-left:0px;
border-right:0px;
margin-bottom: 0px;
}
.ItemTempCSS1{
border-bottom:0px solid #208df2;
border-top:0px;
border-left:0px;
border-Right:1px solid #208df2;
margin-bottom: 0px;
}
.HeaderCSS{font-family:custom-serif;
background:#9dc3e7;
}
#mainDiv{background:#ffffff;margin-top:6em;min-height:500px;;}
#IndexmainDiv{background:#fff6da}
.TeacherIconItitle{font-family:"AGENCYB";
font-size:14pt;
letter-spacing:1px;font-weight:bold;
color:#000000;
}
.TextUl ul,li {
list-style: none;
font-size:0.95em;
color:#000000;
line-height:1.5em;
}
.TextUl ul li {
padding-left:30px;
}
.MovieTitle{font-family:"AGENCYB1";}
.MenuButton a:link img {
opacity: 1; /* 透明度60% FireFox 的寫法 */
filter: Alpha(Opacity=100); /* 透明度60% IE 的寫法 */
}
.MenuButton a:visited img {
opacity: 1;
filter: Alpha(Opacity=100);
}
.MenuButton a:hover img {
opacity: 0.6; /* 透明度100% FireFox 的寫法 */
filter: Alpha(Opacity=60); /* 透明度100% IE 的寫法 */
}
/*********************************************
mispig : the Gridview style
*********************************************/
.gvStyle {
border: 0px solid #CCC;
font-size:1em;
}
/*Header 標題*/
.gvStyle th
{
background-color: #90d0c8;
font-weight: bold;
border-top: 0px solid #009197;
border-bottom: 0px solid #009197;
border-right: 0px solid #009197;
border-left: 0px solid #009197;
line-height:1.2em;
font-size:1em;
padding:5px;
}
/*OnMouseOver 滑鼠移過列表時, 背景色變更*/
/*Rows 列表顏色*/
.gvStyle td
{
border-bottom: 1px dotted #d1d1d1;
border-right: 0px solid #009197;
border-left: 0px solid #009197;
border-top: 0px solid #009197;
color:#1d1d1d;
text-decoration: none;
line-height:1.5em;
font-size:12pt;;
}
/*Change Rows 如果想要有單、雙列不同顏色替換, 在這裡更換*/
.gvStyle .alt
{
background-color:#efefef;
border-bottom:1px dotted #d1d1d1;
border-right: 0px solid #efefef;
border-left: 0px solid #009197;
border-top: 0px solid #009197;
line-height:1.5em;
font-size:12pt;;
}
/*Page 分頁顏色*/
.gvStyle .pgr table
{
margin-left:auto;
margin-right:auto;
background-color:#FFFFFF;
}
.gvStyle .pgr td
{
background-color:#FFFFFF;
border-width: 0px;
padding:0px 0px 0px 0px;
}
.gvStyle .pgr a:Link
{
color: #666; text-decoration:none;
padding:0px 0px 0px 0px;
;
}
.gvStyle .pgr a:hover
{
text-decoration: underline;
;
}
.gvStyle .pgr a:visited
{
color: #FF0000; text-decoration: none;
;
}
.gvStyle .pgr a:active
{
color: #FF0000; text-decoration: none;
;
}
/*******************************************/
/*********************************************
mispig : the Gridview style
*********************************************/
.gvStyle1 {
border: 0px solid #CCC;
font-size:1em;
}
/*Header 標題*/
.gvStyle1 th
{
background-color: #9dc3e7;
font-weight: bold;
border-top: 0px solid #009197;
border-bottom: 0px solid #009197;
border-right: 0px solid #009197;
border-left: 0px solid #009197;
line-height:1.2em;
font-size:1em;
padding:5px;
}
/*OnMouseOver 滑鼠移過列表時, 背景色變更*/
/*Rows 列表顏色*/
.gvStyle1 td
{
border-bottom: 1px dotted #d1d1d1;
border-right: 0px solid #009197;
border-left: 0px solid #009197;
border-top: 0px solid #009197;
color:#1d1d1d;
text-decoration: none;
line-height:1.5em;
font-size:12pt;;
}
/*Change Rows 如果想要有單、雙列不同顏色替換, 在這裡更換*/
.gvStyle1 .alt
{
background-color:#efefef;
border-bottom:1px dotted #d1d1d1;
border-right: 0px solid #efefef;
border-left: 0px solid #009197;
border-top: 0px solid #009197;
line-height:1.5em;
font-size:12pt;;
}
/*Page 分頁顏色*/
.gvStyle1 .pgr table
{
margin-left:auto;
margin-right:auto;
background-color:#FFFFFF;
}
.gvStyle1 .pgr td
{
background-color:#FFFFFF;
border-width: 0px;
padding:0px 0px 0px 0px;
}
.gvStyle1 .pgr a:Link
{
color: #666; text-decoration:none;
padding:0px 0px 0px 0px;
;
}
.gvStyle1 .pgr a:hover
{
text-decoration: underline;
;
}
.gvStyle1 .pgr a:visited
{
color: #FF0000; text-decoration: none;
;
}
.gvStyle1 .pgr a:active
{
color: #FF0000; text-decoration: none;
;
}
/*******************************************/