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

@charset "utf-8";
body {
	background-color: #EFEFEF;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	font-size: 0.82em;
	color: #000000;
	line-height: 1.8em;
	
}

/*網站主架構*/


#mainContent {
	
	width: 100%;
	padding: 0;
	background-color:#FFF;
	
}

#topbar { height: 30px; width: 100%; background:-o-linear-gradient(left, #005898 0, #2b86b2 100%);background:-ms-linear-gradient(left, #005898 0, #2b86b2 100%);background:linear-gradient(to right, #005898 0, #2b86b2 100%);}
#toptxtcontainer { width: 936px; margin: 0 auto; }
#toptxt { width: 150px; margin-left: 800px; font-size: 12px; color:#FFF; padding: 5px;}
#toptxt a{ color:#FFF;}
#container {width: 936px;margin: 0 auto;}
#title { width: 850px; height: 117px; margin-left: 16px; margin-top: 5px; position:absolute;  } 
#logo { width: 270px; height: 114px; margin-left: 660px; margin-top: 8px; position:absolute; } 

#header {

	padding: 0;
	width: 936px;
	height: 132px;
	margin: 0 auto;
}

#headerimg {
	padding-top: 0px;
	width: 936px;
	height: 346px;
	margin: 0 auto;
	
}
#bannermask1 { width: 280px; height: 346px; position:absolute; z-index: 99; }
#bannermask2 { width: 657px; height: 36px; position:absolute; z-index: 99;margin-top: 310px; margin-left: 280px;}

#content { margin-top: 10px; width: 936px; z-index: 99; background-color:#FFF; padding: 5px; }
#content1 {width: 916px;}
#content2 {width: 916px; padding: 10px; box-shadow:0px 0px 5px 2px rgba(0, 0, 0, 0.1); margin-top: 10px}

#bar1 { width: 916px; height: 3px; background-color: #3d679b;}


#box { width: 290px; height: 190px; z-index: 999; background-color:#FFF; padding: 4px; border: thin #999 solid; }
#box1 { margin-top: 0px;  width: 290px; overflow:hidden;}
#box2 { margin-top: 5px; font-size: 0.95em;}
#box3 {  width: 292px;  z-index: 999; background-color:#FFF;  display: inline-block; vertical-align: top; margin-right: 17px;}


.btn-reg {

	height: 25px;
	z-index: 999;
	font-size: 13px;
	color: #FFF;
	padding: 2px 4px 2px 4px;
	
	background-color:#8046b5;
	text-align:center;
	font-weight:bold;

}


.btn-reg a{
	font-family: Arial, Helvetica, sans-serif; 
	color:#FFF;
	
}
.btn-reg:hover{
	
	text-decoration: none;
	color: #FF0;
	background-color: #639;

}



#closebtn {
	
	width: 22px;
	margin-left:490px;
	margin-top: -10px;
	
}

#dash {
	border-top: 1px dashed #C9C9C9;
	
}

#orglogo { padding: 10px;}
#orglogo1 { width: 900px; height: 106px; margin:0 auto; padding: 10px; }

#footer {width: 100%;height: 60px;margin-top: 20px;padding: 0;background:-o-linear-gradient(left, #005898 0, #2b86b2 100%);background:-ms-linear-gradient(left, #005898 0, #2b86b2 100%);background:linear-gradient(to right, #005898 0, #2b86b2 100%);}
#footerwrap {width: 930px;	margin: 0 auto;}

#footer1 {
	
	width: 936px;
	height: 12px;
	margin-top: 5px;
	margin-left: 10px;
	position:absolute;
	font-size: 0.85em;
	line-height: 1.1em;
	color: #fff;
	text-align:right;
		
}

img {
	border: none;
}
.clearboth {
	clear: both;
}
.header1
 {
	font-family: "futura medium bt2";
	font-size: 2.5em;
	color: #666;
	line-height: 1.2em;	 
 }
.header2
 {
	font-family: "Futura Light BT";
	font-size: 1.8em;
	font-weight: bold;
	color: #ff9600;
	line-height: 28px;	 
 }
#bar {
	width: 100%;
	height: 2px;
	background-color: #8FC31F;

	
}
a:link {color: #562D66;text-decoration: none;}	
a:visited {color:#562D66;text-decoration: none;}
a:hover {color: #7A5278;text-decoration: underline;}

.subtitle { font-family: "Futura Light BT"; font-size:1.4em;color:#036EB8; line-height: 1.4em;}
.subtitle1 { font-family: "Futura Light BT"; font-size:1.6em;color:#036EB8; line-height: 1.6em;}



.btntop {
	font-family:"Arial";font-size:11px;color:#ececec;
}



.line1 { border-left: 1px ; border-color:#999; border-left-style: dotted; }
.line2 { border-bottom: 1px ; border-color:#999; border-bottom-style: dotted; }





.forminput {font-family: "Arial";font-size: 12px;color: #000000;background-color: #FFFFFF;border: 1px solid #DADADA;}
.forminput1 {font-family: "Arial";font-size: 12px;color: #000000;background-color: #FFFFFF;border: 1px solid #FFFFFF;}

td { padding-left: 3px;}

#slide { width: 322px; margin: -350px auto; padding-left: 500px; z-index: 999; }

.line1 { border-left: 1px ; border-color:#999; border-left-style: dotted; }
.line2 { border-bottom: 1px ; border-color:#999; border-bottom-style: dotted; }

input, select {font-family: Arial, Helvetica, sans-serif; border: 1px solid grey;
 }



.popclose { position:absolute; margin-left: 290px; margin-top: 5px; z-index:2;}
#blackbg {position:absolute; z-index: 998; display: none;}


hr {height:1px;border:none;border-top:1px solid #999999; border-top-style:dotted;}





.readmore { width: 60px; padding: 4px 10px 4px 10px ; height: 15px; font-size:11px; color: #FFF; background-color: #ffa200; line-height: 15px; cursor:pointer;}
.readmore a { color: #FFF; }
.readmore {
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
}
.readmore:hover { color: #FFC; background-color: #ff0000;
 -webkit-transform: scale(1.05); 
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);}
	

.table01 {border-collapse: collapse; border: #FFF solid thick;}
.table01 td:nth-child(even){background:-o-linear-gradient(left, #dcebf3 0, #c3e2f3 100%);background:-ms-linear-gradient(left, #dcebf3 0, #c3e2f3 100%);background:linear-gradient(to right, #dcebf3 0, #c3e2f3 100%);}
.table01 td:nth-child(odd){ color:#FFF; background:-o-linear-gradient(left, #005898 0, #2b86b2 100%);background:-ms-linear-gradient(left, #005898 0, #2b86b2 100%);background:linear-gradient(to right, #005898 0, #2b86b2 100%); }
.table01 td:first-child {background-color:#039;}
 
.here { padding: 4px 10px 4px 10px ; height: 15px; font-size:14px; color: #FFF; background-color: #ffa200; line-height: 15px; cursor:pointer; display:inline-block; font-weight: bold;}
.here a { color: #FFF; }
.here {
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
}
.here:hover { color: #FFC; background-color: #ff0000;
 -webkit-transform: scale(1.05); 
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);}

.list1 { padding-left: 0.9em; margin-top: 0; }
.list2 { padding-left: 1.9em; margin-top: 0; }
.wn { padding-left: 15px;}
.prog-venue { color: #cc33a2; }
.prog-speaker { color: #3184a3; }
.box-coninfo { width: 420px; padding: 10px; border: #ececec thin solid; display:inline-block; margin-left: 5px; margin-top: 10px; vertical-align:top; background:-moz-linear-gradient(top, #fff 0, #ececec 100%);background:-webkit-linear-gradient(top, #fff 0, #ececec 100%);background:-o-linear-gradient(top, #fff 0, #ececec 100%);background:-ms-linear-gradient(top, #fff 0, #ececec 100%);background:linear-gradient(to bottom, #fff 0, #ececec 100%); display:inline-block}
.box-coninfo1 { width: 870px; padding: 10px; border: #ececec thin solid; display:inline-block; margin-left: 5px; margin-top: 10px; vertical-align:top; background:-moz-linear-gradient(top, #fff 0, #ececec 100%);background:-webkit-linear-gradient(top, #fff 0, #ececec 100%);background:-o-linear-gradient(top, #fff 0, #ececec 100%);background:-ms-linear-gradient(top, #fff 0, #ececec 100%);background:linear-gradient(to bottom, #fff 0, #ececec 100%); display:inline-block}

a.blue-btn1 { height: 40px; text-shadow: rgba(0,0,0,0.5) 0px 1px 0px; background-color:#06C; font-size: 18px; font-weight: 500; color:#fff; text-align: center; line-height: 38px; border: 1px solid #0a7fb5; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; -o-border-radius: 15px; text-decoration: none; font-weight: 500; font-family: 'Arial', sans-serif; text-shadow: rgba(0,0,0,0.5) 0px 1px 1px; z-index:4; margin-left: 0; margin-top: 5px; display: inline-block;
border: solid #FFF thin;  box-shadow:0px 0px 5px 2px rgba(0, 0, 0, 0.4);}
a.blue-btn1:hover { background-position:0 bottom; color: #FF0; }

a.blue-btn2 { height: 20px; text-shadow: rgba(0,0,0,0.5) 0px 1px 0px; background-color:#06C; font-size: 14px; font-weight: 500; color:#fff; text-align: center; line-height: 20px; border: 1px solid #0a7fb5; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; text-decoration: none; font-weight: 500; font-family: 'Arial', sans-serif; text-shadow: rgba(0,0,0,0.5) 0px 1px 1px; z-index:4; margin-left: 0; margin-top: 5px; display: inline-block;
border: solid #FFF thin;  box-shadow:0px 0px 5px 2px rgba(0, 0, 0, 0.4);}
a.blue-btn2:hover { background-position:0 bottom; color: #FF0; }


.smalltxt { font-size:11px; line-height: 16px;}
.subtitle1 { color: #039; font-weight:bold; }
.org { width: 45%; padding: 15px; display: inline-block; text-align:justify; vertical-align:text-top; margin-left: 10px; border-radius: 15px;-moz-border-radius: 15px; -webkit-border-radius: 15px; -o-border-radius: 15px;  background-color: #c8e4f4;}
.td1 { background-image:url(../images/table_bg.jpg); padding-left: 10px;}
.td2 { background-image:url(../images/table_bg2.jpg); padding-left: 10px;}
.orangetitle1 {
	font-family: "Trebuchet MS";
	font-size: 13px;
	color: #f39800;
	font-weight: bold;

}
.bluetitle1 {
	font-family: "Trebuchet MS";
	font-size: 13px;
	color: #1d2088;
	font-weight: bold;

}
.smalltext {font-family:"Trebuchet MS";font-size:11px;color:#666666;line-height: 1.4em;}
.bluetitle {font-family:"Trebuchet MS";font-size:15px;color:#0770ba;font-weight: bolder;}

.head { padding: 15px; display: inline-block; text-align:justify; vertical-align:text-top; margin-left: 10px; border-radius: 15px;-moz-border-radius: 15px; -webkit-border-radius: 15px; -o-border-radius: 15px;  background-color: #c8e4f4;}