@charset "utf-8";
/* CSS Document*/
@import url("reset.css");
html {
 height: 100%;
}
body {
 font-family:Arial,"新細明體",PMingliu,Mingliu,simhei,sans-serif;	
 background-color:#ffffff;
}
/*header*/
#headermenu {
 background: #e0dede;
 margin: 0;
 width:100%;
 min-width:65em;
 padding: 0;
 line-height: 1;
 display: block;
 position:fixed;
 white-space: nowrap;
 text-align: center;
}
#headermenu ul {
 list-style: none;
 margin: 0;
 padding: 0;
 display: inline-block;
}
#headermenu li {
 list-style: none;
 margin: 0;
 padding: 0;
 text-align:left;
}
#headermenu ul:after,
#headermenu:after {
 content: " ";
 display: block;
 font-size: 0;
 height: 0;
 clear: both;
 visibility: hidden;
}
#headermenu ul li {
 margin: 0;
 padding: 0;
 display: block;
 position: relative;
}
#headermenu ul li a {
 text-decoration: none;
 display: block;
 margin: 0;
 -webkit-transition: color .2s ease;
 -moz-transition: color .2s ease;
 -ms-transition: color .2s ease;
 -o-transition: color .2s ease;
 transition: color .2s ease;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}
#headermenu ul li ul {
 position: absolute;
 left: -9999px;
 top: auto;
}
#headermenu ul li ul li {
 max-height: 0;
 position: absolute;
 -webkit-transition: max-height 0.4s ease-out;
 -moz-transition: max-height 0.4s ease-out;
 -ms-transition: max-height 0.4s ease-out;
 -o-transition: max-height 0.4s ease-out;
 transition: max-height 0.4s ease-out;
 background:#f6f6f6;
}

#headermenu ul li ul li a {
 font-size: 0.875em;
 font-weight: 400;
 text-transform: none;
 color: #000000;
 letter-spacing: 0;
 display: block;
 box-sizing:border-box;
 padding: 0.6875em 0.625em 0.6875em 1.25em;
}
#headermenu ul li ul li:hover > a,
#headermenu ul li ul li.active > a {
 background-color:#efefef;
}
#headermenu ul li ul li:hover:after,
#headermenu ul li ul li.active:after {
 background-color:#efefef;
}
#headermenu ul li ul li:hover > ul {
 left: 100%;
 top: 0;
}
#headermenu ul li ul li:hover > ul > li {
 max-height: 4.5em;
 position: relative;
}
#headermenu > ul > li {
 float: left;
}
#headermenu.align-center > ul > li {
 float: none;
 display: inline-block;
}
#headermenu.align-center > ul {
 text-align: center;
}
#headermenu.align-center ul ul {
 text-align: left;
}
#headermenu.align-right > ul {
 float: right;
}
#headermenu.align-right > ul > li:hover > ul {
 left: auto;
 right: 0;
}
#headermenu.align-right ul ul li:hover > ul {
 right: 100%;
 left: auto;
}
#headermenu.align-right ul ul li a {
 text-align: right;
}
#headermenu > ul > li:after {
 content: "";
 display: block;
 position: absolute;
 width: 100%;
 height: 0;
 top: 0;
 z-index: 0;
 background: #ffffff;
 -webkit-transition: height .2s;
 -moz-transition: height .2s;
 -ms-transition: height .2s;
 -o-transition: height .2s;
 transition: height .2s;
}

#headermenu > ul > li > a {
 color: #472701;
 padding: 0.9375em 1.25em;
 font-weight: 700;
 letter-spacing: 0.0625em;
 text-transform: uppercase;
 font-size: 0.875em;
 z-index: 2;
 position: relative;
}
#headermenu > ul > li:hover:after,
#headermenu > ul > li.active:after {
 height: 100%;
}
#headermenu > ul > li:hover > a,
#headermenu > ul > li.active > a {
 color: #000000;
}
#headermenu > ul > li:hover > a:after,
#headermenu > ul > li.active > a:after {
 background: #000000;
}
#headermenu > ul > li:hover > a:before,
#headermenu > ul > li.active > a:before {
 border-top-color: #ffffff;
}
#headermenu > ul > li:hover > ul {
 left: 0;
}
#headermenu > ul > li:hover > ul > li {
 max-height: 4.5em;
 position: relative;
}
#headermenu #menu-button {
 display: none;
}
#headermenu > ul > li > a {
 display: block;
}
#headermenu > ul > li {
 width: auto;
}
#headermenu > ul > li > ul {
 width: 14.5em;
 display: block;
}
#headermenu > ul > li > ul > li {
 width: 14.5em;
 display: block;
}

@media all and (max-width:100px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
#headermenu > ul {
 max-height: 0;
 overflow: hidden;
 -webkit-transition: max-height 0.35s ease-out;
 -moz-transition: max-height 0.35s ease-out;
 -ms-transition: max-height 0.35s ease-out;
 -o-transition: max-height 0.35s ease-out;
 transition: max-height 0.35s ease-out;
  }
#headermenu > ul > li > ul {
 width: 100%;
 display: block;
  }
#headermenu.align-right ul li a {
 text-align: left;
  }
#headermenu > ul > li > ul > li {
 width: 100%;
 display: block;
  }
#headermenu.align-right ul ul li a {
 text-align: left;
  }
#headermenu > ul > li > ul > li > a {
 width: 100%;
 display: block;
  }
#headermenu ul li ul li a {
 width: 100%;
  }
#headermenu.align-center > ul {
 text-align: left;
  }
#headermenu.align-center > ul > li {
 display: block;
  }
#headermenu ul {
 width: 100%;
  }
#headermenu ul > li {
 float: none;
 width: 100%;
  }
#headermenu ul li a {
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 width: 100%;
 padding: 0.75em 1.25em;
  }
#headermenu ul > li:after {
 display: none;
  }
#headermenu ul li.has-sub > a:after,
#headermenu ul li.has-sub > a:before,
#headermenu ul li ul li.has-sub:after,
#headermenu ul li ul li.has-sub:before {
 display: none;
  }
#headermenu ul li ul,
#headermenu ul li ul li ul,
#headermenu ul li ul li:hover > ul,
#headermenu.align-right ul li ul,
#headermenu.align-right ul li ul li ul,
#headermenu.align-right ul li ul li:hover > ul {
 left: 0;
 position: relative;
 right: auto;
  }
#headermenu ul li ul li,
#headermenu ul li:hover > ul > li {
 max-height: 62.4375em;
 position: relative;
 background: none;
  }
#headermenu ul li ul li a {
 padding: 0.5em 1.25em 0.5em 2.1875em;
 color: #472701;
  }
#headermenu ul li ul ul li a {
 padding: 0.5em 1.25em 0.5em 3.125em;
  }
#headermenu ul li ul li:hover > a {
 color: #000000;
  }
#headermenu #menu-button {
 display: block;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 width: 100%;
 padding: 0.9375em 1.25em;
 text-transform: uppercase;
 font-weight: 700;
 font-size: 0.9375em;
 letter-spacing: 0.0625em;
 color: #472701;
 cursor: pointer;
  }
#headermenu #menu-button:after {
 display: block;
 content: '';
 position: absolute;
 height: 0.1875em;
 width: 1.375em;
 border-top: 0.125em solid #472701;
 border-bottom: 0.125em solid #472701;
 right: 1.25em;
 top: 1em;
  }
#headermenu #menu-button:before {
 display: block;
 content: '';
 position: absolute;
 height: 0.1875em;
 width: 1.375em;
 border-top: 0.125em solid #472701;
 right: 1.25em;
 top: 1.625em;
  }
}
} 
/*wrapper*/
div.wrapper{
  min-width: 50em;
  max-width: 85.375em;
  margin: 0 auto;
}
/*CONTENT*/
div.container{
 float:right;
 width:100%;
 overflow: hidden;
}
div.content{
 margin:0%;
 padding:0%;
}
div.header,div.content h1,div.content h2,div.content h3,div.content_tl h2,div.content_pging  h3,div.content p.bc,div.content address,div.content p.rightrtl{
 font-family:Arial,BiauKai,DFKai-SB,"標楷體",simkai,Heiti TC,sans-serif;
}

div.content h1,div.content h2,div.content h3,div.content p.jingsi ,ol.content_bw li,div.content blockquote,div.content strong {
 font-weight:600;
}
div.content h1{
 font-size:2.125em;
 color:#1f3a4d;
 margin:8% 3.125% 2% 21.6%;
}
div.content h1.Foreword{
 letter-spacing:1.2625em;
}
div.content h2,div.content h3{
 font-size:1.625em; 
}
div.content h2.cv{
 font-weight:400;
}
div.content h2,div.content h3,div.content h4{
 letter-spacing:0.09375em;
 margin:2.5% 1.875% 0.65% 21.6%;
}
div.content h4,div.content p.ev{
 text-indent:-1.15em;
 font-size:1.375em; 
 margin:0.72% 1.875% 0.68% 24.6%;
}
div.content h3.cb{
 font-size:1.825em; 
 color:#0140aa;
}
div.content p,div.content ol,div.content ul{
 font-size:1.5em;
 line-height:1.375em;
}
div.content p,div.content ul{
 margin:1.5% 4% 1.5% 22%;
}
div.content ol{
 margin:1.5% 4% 1.5% 24%;	
}
div.content blockquote >h3{
 margin:1% 1.25%;
}
div.content ul{
 list-style-type:none;
}
div.content ol {
 list-style:decimal;
}
div.content ol >img{
 margin:0.5em 2em 
}
div.content ol>li {
 margin:1.5% 0% 0.5% 0% ;
}
ul.content_ li{
 list-style:square;
 font-weight:600;
}
div.content p {
 text-indent:2.5em;
 letter-spacing:0.0625em;
}
div.content blockquote{
 font-size: 1.125em;
 text-align:center;
 box-sizing:border-box;
 border: 0.125em solid #ccc;
 border-radius: 2.375em;
 -webkit-border-radius: 2.375em;
 -moz-border-radius: 2.375em;
  margin: 2.25% 8% 2.25% 18%;
}
div.content p.jingsi{
 font-weight:600;
 line-height:1.1875em;
 margin:5% 3% 5% 0%;
}
div.content blockquote >p{
 font-weight:100;
 line-height:1em;
 margin:1.5% 0%;
}
div.content blockquote >p,div.content address,div.content p.rightrtl{
 font-size:1.25em;
}
div.content address{
 margin:0.5% 4.125% 0.5% 24.2% ;	
	}
div.content p.rightrtl{
 text-align:right;	
}
ul.content_bw1 li,ul.content_bw2 li{
 font-size:1em;
}
ul.content_bw1 li{
 text-indent:-1.75em;
 margin:2% 0.85% 2% 4%;
}
ul.content_bw2 li{
 text-indent:0.5em;
 margin:2% 0% 2% 0% ;
}
div.content img {
 margin:0.75% 22.125%;
}

div.content_course{
 width:100%;	
 margin:8% 17.5%;
 display:black;
 clear:both;
}
div.content_course h1{
 width:100%; 
 margin:0% 0% 0.625%;
}

div.content_cr1 h1{
 font-size:1.625em;
 margin:10% -5% 0% ;
}

div.content_course ul {
 font-weight: 600;
 list-style-type:square;
 margin:0% 4.0625%;	
}
div.content_course ul >li{
 margin:2% 0%;	
}
div.content_cr1 h3 {
 font-size:1.125em;
 font-weight:600;
  margin:2% -4% 2%;
}
div.content_course a{
 color: #000000;
 text-decoration: none;
 margin:0%;
}
div.content_cr1 a:hover{
 background-color:#efefef;
 filter:alpha(opacity=90);
 opacity:0.9;	
}
div.content_cr1{
 font-size:0.925em;
 margin:0% 1% 0% 1%;
}

div.content_cr1 ul {
 float:left;
 font-weight:100; 
 margin:0em 1% 6% 1.5%;
 padding:0em;	
}

div.content_cr1 ul>li{
 font-size:1em;
 font-weight:100; 
 margin-bottom:2.8%;
 padding:0em;
}
 li.es{
 font-size:0.625em;
  list-style: none;
 margin-bottom:0.875%;
}
div.content_cr1 ol{
 font-size:0.8125em;
 margin:0% -6% 5.5% 4%;
}
div.content_cr1 ul>li>a{
 display: inline-block;
}
div.content_cr1 ul>li>a>img{
 width:1.5625em; 
 height:1.375em;
 margin:0.8em 0.15em -0.4em 0.125em;
}
div.content_cr1 ul>li>a{
 margin:0%;
 padding:0%;
}		
div.content_cr1 ul>li>a:hover{
 background-color:#FfFfFf;
 filter:alpha(opacity=70);
 opacity:0.7;	
}
.Table1 {
 margin:0.75% 2% 0.75% 20%;
 padding:0px;
 width:75%;
 border:1px solid #000000;
 -moz-border-radius-bottomleft:0px;
 -webkit-border-bottom-left-radius:0px;
 border-bottom-left-radius:0px;
 -moz-border-radius-bottomright:0px;
 -webkit-border-bottom-right-radius:0px;
 border-bottom-right-radius:0px;
 -moz-border-radius-topright:0px;
 -webkit-border-top-right-radius:0px;
 border-top-right-radius:0px;
 -moz-border-radius-topleft:0px;
 -webkit-border-top-left-radius:0px;
 border-top-left-radius:0px;
}.Table1 table{
 border-collapse: collapse;
 border-spacing: 0;
 width:100%;
 height:100%;
 margin:0px;padding:0px;
}.Table1 tr:last-child td:last-child {
 -moz-border-radius-bottomright:0px;
 -webkit-border-bottom-right-radius:0px;
 border-bottom-right-radius:0px;
}
.Table1 table tr:first-child td:first-child {
 -moz-border-radius-topleft:0px;
 -webkit-border-top-left-radius:0px;
 border-top-left-radius:0px;
}
.Table1 table tr:first-child td:last-child {
 -moz-border-radius-topright:0px;
 -webkit-border-top-right-radius:0px;
 border-top-right-radius:0px;
}.Table1 tr:last-child td:first-child{
 -moz-border-radius-bottomleft:0px;
 -webkit-border-bottom-left-radius:0px;
 border-bottom-left-radius:0px;
}.Table1 tr:hover td{
}
.Table1 tr:nth-child(odd){ background-color:#d9d9d9; }
.Table1 tr:nth-child(even){ background-color:#ffffff; }.Table1 td{
 vertical-align:middle;
 border:1px solid #000000;
 border-width:0px 1px 1px 0px;
 padding:0.65em;
 font-size:1.25em;
 font-weight:normal;
 color:#000000;
}.Table1 tr:last-child td{
 border-width:0px 1px 0px 0px;
}.Table1 tr td:last-child{
 border-width:0px 0px 1px 0px;
}.Table1 tr:last-child td:last-child{
 border-width:0px 0px 0px 0px;
}
.Table1 tr:first-child td{
 background:-o-linear-gradient(bottom, #274e60 5%, #284b63 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #274e60), color-stop(1, #284b63) );
 background:-moz-linear-gradient( center top, #274e60 5%, #284b63 100% );
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#274e60", endColorstr="#284b63");	background: -o-linear-gradient(top,#274e60,284b63);
 background-color:#274e60;
 border:0px solid #000000;
 text-align:center;
 border-width:0px 0px 1px 1px;
 font-size:1.25em;
 font-weight:bold;
 color:#ffffff;
}
.Table1 tr:first-child:hover td{
 background:-o-linear-gradient(bottom, #274e60 5%, #284b63 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #274e60), color-stop(1, #284b63) );
 background:-moz-linear-gradient( center top, #274e60 5%, #284b63 100% );
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#274e60", endColorstr="#284b63");	background: -o-linear-gradient(top,#274e60,284b63);
 background-color:#274e60;
}
.Table1 tr:first-child td:first-child{
 border-width:0px 0px 1px 0px;
}
.Table1 tr:first-child td:last-child{
 border-width:0px 0px 1px 1px;
}
.bg_a0,.bg_b0,.bg_c0,.bg_dl0,.bg_dm0,.bg_ds0,.bg_e0,.bg_e1,.bg_e2,.bg_e3,.bg_f0,.bg_g0,.bg_g1,.bg_g2,.bg_g3{
 background-attachment: fixed;
 background-repeat:repeat-y;
 background-position:left top;
 background-color:#ffffff;
 background-size:95%;
}
.bg_a0{
 background-image:url("../images/bg/A_0.jpg");
}
.bg_b0{
 background-image:url("../images/bg/B_0.jpg");
}
.bg_c0{
 background-image:url("../images/bg/C_0.jpg");
}
.bg_dl0{
 background-image:url("../images/bg/DL_0.jpg");
}
.bg_dm0{
 background-image:url("../images/bg/DM_0.jpg");
}
.bg_ds0{
 background-image:url("../images/bg/DS_0.jpg");
}
.bg_e0{
 background-image:url("../images/bg/E_0.jpg");
}
.bg_e1{
 background-image:url("../images/bg/E_1.jpg");
}
.bg_e2{
 background-image:url("../images/bg/E_2.jpg");
}
.bg_e3{
 background-image:url("../images/bg/E_3.jpg");
}
.bg_f0{
 background-image:url("../images/bg/F_0.jpg");
}
.bg_g0{
 background-image:url("../images/bg/G_0.jpg");
}
.bg_g1{
 background-image:url("../images/bg/G_1.jpg");
}
.bg_g2{
 background-image:url("../images/bg/G_2.jpg");
}
.bg_g3{
 background-image:url("../images/bg/G_3.jpg");
}
@media screen and (max-width: 1000px){
 div.content_cr1 ol{
 margin:0% 0% 5.5% 4%;
}
div.content_cr1 ul {
 margin:0em 0% 0% 3.5%;
 padding:0em;
 font-weight:100; 
}
div.content_course{
 margin:8% 8.5% 1% 18%;
}
}

@media screen and (max-width:450px) {
div.content h1.Foreword,div.content h1,div.content h2,div.content h3,div.content h3.cb{
 font-size:1.06375em;

}
div.content h1.Foreword,div.content h1{
  margin-top:22%;
}
div.content p{
 font-size:1em;
}
div.content ol,div.content ul{
 font-size:0.875em;
}
div.content img {
 height:75%;
 width:75%;
}
div.content address,div.content p.rightrtl,div.content blockquote,div.content blockquote >p,div.content h4,div.content p.ev{
 font-size:0.975em;
}
div.content p.ev{
 text-indent:-0.10em;
	}


}
/*container:after*/
div.container:after{
 display:block;
 clear:both;
 height:0;
 visibility:hidden;
 content:".";
}