@charset "utf-8";
/* CSS Document */
* { margin:0; padding:0; box-sizing:border-box; }
body { background-image:url(../images/light_grey.png); }
body, html { height:100%; }
h1, h2, h3, h4 { font-family:'cwTeXYen', Calibri, sans-serif; font-weight:bold; }
h1 { font-size:1.4em; line-height:2em; }
h2 { font-size:1.3em; line-height:1.8em; }
h3 { font-size:1.2em; }
h4 { }
ul, ol, li { list-style-type:none; } 
/*a { text-decoration:none; color:#333; }
a.link { color:#0069a7; }
a:hover { color:#F30; }*/
p { text-align:justify; line-height:1.3em; }
i { margin-right:10px; }
:focus { outline:none;/*清除點選連結時出現的外框。若設計無障礙網頁，則不可設定此項*/ } 



#wrapper { min-height:100%; width:80%; margin:0 auto; position:relative; padding-bottom:70px; /*background-color:rgba(95,200,230,0.2);*/ border-left:1px solid #036; border-right:1px solid #036; }
	
	/*#banner { display:block; width:100%; height:auto; margin-bottom:15px;}*/
	
	#main { height:100%; width:80%; margin:0 auto; padding:0 30px;}
	#main p { line-height:2em; }
		#activityTitle { padding:20px 10px; }
			#activityTitle p { text-align:center; font-size:24px; font-weight:bold; }
		#datetime { padding:20px 30px; }
	
		#notices { text-align:center; }
		#notices h1#onlineRegistration { color:#185f73; }
			h1#onlineRegistration:before { float:left; content:""; display:block; width:30%; height:1px;  background-color:#369; margin-top:18px; }
			h1#onlineRegistration:after {float:right; content:""; display:block; width:30%; height:1px; background-color:#369; margin-top:18px; }
			#notices h3{ text-align:left; margin-bottom:5px; color:#185f73; }
			
			#notices .content { padding:20px; background-color:#E7E7E7; border-radius:10px; }

		form { padding:10px; /*border:#CCC 1px solid;*/ }
			.inputBlock { padding:3px; border:1px solid #CCC; }
			.required { color:#F00; }
			.button { background-color:#CCC; border:1px solid #999999; padding:5px 8px; }
			.item { background-color:rgba(204,204,204,0.3); }
			#Msg { font-size:1.6em; line-height:2em; color:#F00; text-align:center; margin-bottom:10px; font-weight:bold; background-color:#FF0; }

		.tableForm { }
		.tr { overflow:hidden; padding:10px 5px; border-bottom:1px dotted #FFF; }
		.th, .td { display:block; }
		.th { width:30%; float:left; text-align:right; }
		.td { width:68%; float:right; }
		
		
		.agenda { display:table; width:100%; }
			.agenda tr { display:table-row; border-bottom:1px solid #CCC; }
			.agenda th, td { display:table-cell; padding:5px; border:#CCC solid 1px; }
			.agenda th { font-weight:bold; text-align:center; background-color:#E7E7E7; }
			.agenda td { text-align:left; }
			.agenda .time { width:15%; text-align:center; }
			.agenda .title { width:45%; }
			.agenda .speaker { width:40%; }





@media(max-width:1280px){ #wrapper { width:100%; } }	
@media(max-width:1024px){ .speakerInfo { width:100%; padding-left:0; }}	
@media(max-width:768px){ #notices h1:before, #notices h1:after { width:20%; } }
@media(max-width:660px){ #notices h1:before, #notices h1:after { width:10%; } }
@media(max-width:480px){ #notices h1:before, #notices h1:after { display:none; }
						.th, .td { width:100%;  } 
						.th { text-align:left; padding-bottom:5px; }}

footer { background-color:rgba(20,86,120,1); height:50px; padding:10px 0; position:absolute; bottom:0; left:0; width:100%; }
	#copyright { color:#FFF; text-align:center; }