@charset "utf-8";
@import url("Futura_Bold_BT/stylesheet.css");
@import url("futura_light_bt/stylesheet.css");
@import url("futura_medium_bt/stylesheet.css");

body {
	margin: 0px;
	font-size: 0.95em;
	color: #0a0a0a;
	line-height: 1.5em;
	font-family: "Futura Light BT";
	text-align:justify;
}

#mainContent {width: 100%;padding: 0; background-color:#fff;}
#banner {width: 100%; margin-top: 0px;z-index:1;}
#banner img {width: 100%}
#banner1 { position: absolute; right: 0 ; top: 191px; } 


#container {width: 1280px;margin: -15% auto;z-index: 99; }
@media(max-width:3860px){#container {width: 1280px;}}
@media(max-width:1280px){#container {width: 1024px;}}
@media(max-width:1024px){#container {width: 990px;}}



#content { width: 70%; box-shadow:0px 0px 5px 5px rgba(0, 0, 0, 0.1);z-index: 999;background-color:#FFF; display: inline-block; margin-left: 2%; padding: 2%; border-top: 5px solid #063c69 }





div#menu {  width: 20%; margin-top: 0px;z-index: 99999;background-color:#175c88;display: inline-block;vertical-align: top; }
div#menu ul {margin: 0;padding: 0;list-style: none;padding: 3px;z-index: 99px;}


div#menu li {
    position: relative;
    z-index: 9;
    margin: 0;
    display: block;	
	padding: 0 0 1 0px;
	height: 45px;
	background-color:#FFFFFF;
   }
   

div#menu a {
    font-family: "Futura Light BT";
    position: relative;
    z-index: 10;
  	height: 14px;
	padding: 15px 5px 15px 5px;
    display: block;
	text-align: left;
    line-height: 14px;
    text-decoration: none;
	background-color:#175c88;
	color: #FFFFFF;
		-moz-transition:margin-left .5s ease-out;
	-webkit-transition:margin-left .5s ease-out;
	-o-transition:margin-left .5s ease-out;
	-ms-transition:margin-left .5s ease-out;
}

div#menu .double {
    padding: 8px 5px 22px 5px;		
}

div#menu .last {
    background-color:#175c88;	
}

div#menu a:hover {background-color: #F8B62D; color:#000; margin-left:-10px;}
div#menu .active {background-color: #ffff00;color: #000;}
div#menu span {
    font-size: 1em;
	font-family: "Futura Light BT";
    display: block;
    cursor: pointer;
    background-repeat: no-repeat;		
}






div#menu ul li ul {

  visibility: hidden;
  transition: all 240ms linear;
  -o-transition: all 240ms linear;
  -ms-transition: all 240ms linear;
  -moz-transition: all 240ms linear;
  -webkit-transition: all 240ms linear;
  z-index: 1000;
  margin-left: 100%;
  width: 100%;
  margin-top: -45px;
  

}



div#menu ul li:hover > ul, div#menu ul li ul:hover
{

   visibility: visible;
  
}

div#menu ul li ul { background-color: #7e3b5c}


#logos {width: 1014px ;margin: 200px auto 0;z-index: 1; text-align:center}
@media(max-width:3860px){#logos {margin: 300px auto 0;}}
@media(max-width:1366px){#logos {margin: 200px auto 0;}}
#line {  width: 980px; height: 1px; background-color:#999; margin: 0 auto;}
#copyright {  width: 100%; height: 100px; color:#FFF;  margin: 300px auto 0; font-size:0.85em; text-align:center; line-height:18px; background-color:#063c69}
#copyright a{  color:#FFFD00;}
a:link {color: #b30022;text-decoration: none;}	
a:visited {color: #b30022;text-decoration: none;}
a:hover {color: #c30226;text-decoration: underline;}

.titlebar { margin-left: 10px; display: inline-block;}
.colorbar {width: 7px; height: 43px;background-color: #0e70bd;margin-top: 0px; margin-bottom: 0px; display: inline-block;}
.titletext {font-family: "futura medium bt2";font-size:1.8em;color:#0e70bd; display: inline-block; vertical-align:top; padding: 12px 5px 5px 15px;} 
.textbox { width: 100%; margin-top: 15px; }
.textbox-about { width: 90%; margin-top: 15px; }
.textbox1{ width: 17px; display:inline-block; vertical-align: top;}
.textbox2{ width: 92%; display:inline-block; background-color:#fff; padding: 10px; margin-left: -2px; }
.textbox2-about{ width: 94%; display:inline-block; background-color:#f4f3e9; padding: 10px; margin-left: -2px; }

.title1 { font-family: "futura medium bt2"; color: #F8B62D; font-size: 1.2em }
.title2 { font-family: "futura medium bt2"; color: #ec008c; font-size: 1.2em }
.title3 { font-family: "futura medium bt2"; color: #0C7C9E; font-size: 1.3em; font-weight: bold }
.title-green { font-family: "futura medium bt2"; color: #028C30; font-size: 1.2em }
.title-red {font-family: "futura medium bt2"; color: #D50D11; font-size: 1.2em }
.title-purple {font-family: "futura medium bt2"; color: #8B579F; font-size: 1.2em }
a.blue-btn { background:-o-linear-gradient(top, #8290b1 0, #7bb2c8 100%);background:-ms-linear-gradient(top, #8290b1 0, #7bb2c8 100%);background:linear-gradient(to top, #8290b1 0, #7bb2c8 100%); height: 48px; display: inline-block; font-size: 1.6em; font-family: "futura medium bt2"; color:#fff; text-align: center; line-height: 2.1em; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; -o-border-radius: 6px; text-decoration: none; padding: 0 10px 0 10px;}
a.red-btn { background:-o-linear-gradient(top, #d65d51 0, #7d2b24 100%);background:-ms-linear-gradient(top, #d65d51 0, #7d2b24 100%);background:linear-gradient(to top, #d65d51 0, #7d2b24 100%); height: 24px; display: inline-block; font-size: 1.0em; font-family: "futura medium bt2"; color:#fff; text-align: center; line-height: 1.6em; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; text-decoration: none; padding: 0 10px 0 10px; margin-top: 2px;}
a.red-btn:hover{ background:-o-linear-gradient(bottom, #d65d51 0, #7d2b24 100%);background:-ms-linear-gradient(bottom, #d65d51 0, #7d2b24 100%);background:linear-gradient(to bottom, #d65d51 0, #7d2b24 100%);}
a.blue-btn:hover { color: #FF0; background:-o-linear-gradient(top, #7bb2c8 0, #8290b1 100%); background:-ms-linear-gradient(top, #7bb2c8 0, #8290b1 100%);background:linear-gradient(to top, #7bb2c8 0, #8290b1 100%); }
a.blue-btn2 { background:-o-linear-gradient(top, #8290b1 0, #7bb2c8 100%);background:-ms-linear-gradient(top, #8290b1 0, #7bb2c8 100%);background:linear-gradient(to top, #8290b1 0, #7bb2c8 100%); height: 26px; display: inline-block; font-size: 1.1em; font-family: "Futura Light BT"; color:#fff; text-align: center; line-height: 1.5em; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; -o-border-radius: 6px; text-decoration: none; padding: 8px 15px 8px 15px;}
a.blue-btn2:hover { color: #FF0; background:-o-linear-gradient(top, #7bb2c8 0, #8290b1 100%); background:-ms-linear-gradient(top, #7bb2c8 0, #8290b1 100%);background:linear-gradient(to top, #7bb2c8 0, #8290b1 100%); }
.btn1 { margin-left: 50%; }
.btn3 { display: inline-block; padding: 3px 5px;border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; background: #286C7E; color: #FFFFFF}

hr { height:1px;border:none;border-top:1px solid #CCCCCC; }
table {font-family: "Futura Light BT";line-height: 1.7em;border-collapse:collapse;}
td {padding-left: 4px;}
.clear {clear:both;}
.list01 {margin-left: -10px; margin-top: -15px;}
.committee { color: #06C;}
.box1 {  border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; -o-border-radius: 6px; background-color:#FFF; font-size: 0.9em; color:#666; width: 90%; padding: 15px; margin-top: 10px; border: solid thin #cac8c8; }
.table01 td {border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #4bacc6;}
.img-responsive{display:block;max-width:100%;height:auto}


.tabletopdottedline {border-top-width: 1px;border-top-style: dotted;border-top-color: #999999;}
.tableleftdottedline {border-left-width: 1px;border-left-style: dotted;border-left-color: #999999;}
.hotelimg{display:inline-block;max-height:150px;vertical-align:middle;margin-right:1em; margin-bottom: 1em; margin-top: 1em;}

.line01 {height:1px;border:none;border-top:1px solid #555555;}

.parallax-img{height:400px}
.parallax-nav{background:#fff;position:fixed;top:350px;right:0;z-index:1001; width: 190px;}
.parallax-nav ul{margin:20px;list-style:none;padding:0;background:url(images/px-navLine.png) 16px top repeat-y}
.parallax-nav li{margin-bottom:15px;padding:0}.parallax-nav .first{margin-top:-8px}.parallax-nav .last{margin:0}.parallax-nav a{background:url(images/bCatNav.png) top left no-repeat;color:#278ACB;padding-left:40px;height:25px;display:block;line-height:25px;outline:0;font-size:13px;font-weight:bold}.parallax-nav a:hover{color:#278ACB}.parallax-nav .active a{background-position:0 -30px;color:#278ACB}.parallax-nav .first a{background-position:0 -60px}.parallax-nav .first.active a{background-position:0 -30px;position:relative;top:-2px}.parallax-nav .last a{position:relative;bottom:-2px}.parallax-nav .last.active a{position:relative;bottom:-5px}
.parallax-nav .double {line-height: 12px; margin-top: -5px;}

.visible-md{display:block!important}table.visible-md{display:table}tr.visible-md{display:table-row!important}th.visible-md,td.visible-md{display:table-cell!important}

.visible-md-block{display:block!important}

.visible-md-inline{display:inline!important}

.terms {font-size: 0.85em; }
a.sbtn { background:-o-linear-gradient(top, #8290b1 0, #7bb2c8 100%);background:-ms-linear-gradient(top, #8290b1 0, #7bb2c8 100%);background:linear-gradient(to top, #8290b1 0, #7bb2c8 100%); height: 18px; display: inline-block; font-size: 0.9em; font-family: "futura medium bt2"; color:#fff; text-align: center; line-height: 1.3em; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; -o-border-radius: 6px; text-decoration: none; padding: 0 10px 0 10px;}
a.sbtn:hover { color: #FF0; background:-o-linear-gradient(top, #7bb2c8 0, #8290b1 100%); background:-ms-linear-gradient(top, #7bb2c8 0, #8290b1 100%);background:linear-gradient(to top, #7bb2c8 0, #8290b1 100%); }

.faculty {display: inline-block; }
.bio {position: absolute; display: none; width: 650px; padding: 10px; background-color:#fff; box-shadow:0px 0px 5px 5px rgba(0, 0, 0, 0.1);}
.bio .photo {display: inline-block; width: 130px; padding: 5px; vertical-align:text-top}
.bio .photo img {width: 100%}
.bio .text {display: inline-block; width: 500px; ; vertical-align:text-top; font-size: 14px; line-height: 18px;}
.biomargin {margin-left: -350px}

.closebtn {display: inline-block; width: 22px;height: 22px;z-index: 4;position: absolute;margin-left: 490px;margin-top: -10px; z-index: 1000;}
.btn-download { background-color:rgba(252,141,0,1.00); color: #fff; font-size: 18px; padding: 7px 15px 7px; border-radius: 8px; margin-top: 15px; display: inline-block}
.btn-download a { color: #fff;}

#about1, #about2, #about3, #about4, #about5, #about6, #about7, #about8, #about9, #about10, #about11, #about12 {  margin-top: 10px; cursor:pointer; display:inline-block;}
#about1a, #about2a, #about3a, #about4a, #about5a, #about6a, #about7a, #about8a, #about9a, #about10a, #about11a, #about12a { display:none;}


.table-reg {width: 100%;
 
    border-radius:10px;
    -moz-border-radius:10px; }
.table-reg td { padding: 5px;  border:solid thin #175C88; text-align: left}
.table-reg tr:first-child td {background-color: #175C88; color: #fff;}
.table-reg tr:first-child td:first-child {  border-top-left-radius: 10px;}
.table-reg tr:first-child td:last-child {  border-top-right-radius: 10px;}
.table-reg tr:last-child td:first-child {  border-bottom-left-radius: 10px;}
.table-reg tr:last-child td:last-child {  border-bottom-right-radius: 10px;}
@media (max-width: 768px) {
	.table-reg {width: 100%; }
	.table-reg td {padding: 2px;}
}

.btn2 {padding: 4px 7px; background-color: #00688E ; color: #fff; border-radius: 5px; font-size: 14px; margin-top: 10px; line-height: 16px;}
a.btn2 {color: #fff}

#pop1a, #pop2a, #pop3a, #pop4a, #pop5a, #pop6a, #pop7a, #pop8a { font-size: 1em; background-color:#FFF; padding: 10px; width: 980px; height: 80%; display: none; position: fixed; z-index: 9999; overflow-y: scroll; box-shadow:0px 0px 5px 5px rgba(0, 0, 0, 0.1);top: 10%;left: 50%;margin-left: -470px; text-align:justify;}

#pop1aclose, #pop2aclose, #pop3aclose, #pop4aclose, #pop5aclose, #pop6aclose, #pop7aclose, #pop8aclose {width: 22px;height: 22px;z-index: 4;position: absolute;margin-left: 95%;margin-top: 3px; z-index: 1000;}

.regbtnpos {text-align: right; margin-top: -35px;}
.lang {width: 40px;display: inline-block; right: 12%; position: absolute;margin-top:5px;}
.lang a{color: #fff; font-family:"微軟正黑體", "Microsoft JhengHei"}
.speakerphoto img{width: 160px}