@charset "utf-8";
/* CSS Document */

section#DownArea { clear: both; padding-top: 0; }

section#DownArea > div.AreaContent { width: 48%; float: left; }
section#DownArea > div.AreaContent > h1 { text-align: left; padding: 0 0 0 0; }
section#DownArea > div.AreaContent > div.Content { border: solid 0px #F2EFEB; border-radius: 5px; padding: 20px 2px 15px 2px;  }


/*說明會區塊設計*/
section#DownArea > div.AreaContent > div.TOPIC { 
	width:100%; 
	background-color: #58937D; 
	color: #FFF;
	overflow: hidden; border-radius: 5px; padding: 5px 15px;  
}

section#DownArea > div.AreaContent > div.TOPIC > h1 { margin: 0; padding: 0; text-shadow: rgba(0,0,0,0.2) 0 3px 0; font-size: 22px; }

section#DownArea > div.AreaContent > div.Content > div.ConROW { height: 60px; padding: 0 0 10px 10px; overflow: hidden; clear: both; border-left: solid #EFEFED 4px ; border-bottom: solid 1px #EFEFED; margin-bottom: 8px; }
section#DownArea > div.AreaContent > div.Content > div.ConROW:hover { border-left: solid #58937D 6px; transition: 0.3s; }
section#DownArea > div.AreaContent > div.Content > div.ConROW > div.Content p.Info { color:#555; }

section#DownArea > div.AreaContent > div.Content > div.ConROW > div.Content ul.Info { padding: 0 0 0 0; margin: 0; }
section#DownArea > div.AreaContent > div.Content > div.ConROW > div.Content ul.Info > li { float: left; }
section#DownArea > div.AreaContent > div.Content > div.ConROW > div.Content ul.Info > li > span.location { color: #BA6345 }

section#DownArea > div.AreaContent > div.Content > div.ConROW > div.Content, 
section#DownArea > div.AreaContent > div.Content > div.ConROW > div.BTN-REG{ float: left; height: 50px; }
section#DownArea > div.AreaContent > div.Content > div.ConROW > div.Content { width: 80%; }
section#DownArea > div.AreaContent > div.Content > div.ConROW > div.Content > h4 { color: #70675e }
section#DownArea > div.AreaContent > div.Content > div.ConROW > div.BTN-REG { opacity: 0.7; width: 20%; line-height: 50px; text-align: center; font-size: 16px; background: #58937D; border-radius: 4px; }
section#DownArea > div.AreaContent > div.Content > div.ConROW > div.BTN-REG:hover { opacity: 1; transition: 0.2s; }
section#DownArea > div.AreaContent > div.Content > div.ConROW > div.BTN-REG a { color: #FFF; display: block; }


div#SeminarsAndAlert > div.BTN-MORE { margin: 0 auto 15px auto; }
div#JobsList > div.BTN-MORE { float: left; clear: none; margin: 0 1% 15px 1%; }


	@media (max-width: 1160px) {
		section#DownArea > div.AreaContent { width: 100%; float: initial; clear: both; }
	}


	/*Mobile Device Start*/
	@media (max-width: 599px) {
		section#DownArea > div.AreaContent > div.Content { min-height: auto; }
		section#DownArea > div.AreaContent > div.Content > div.ConROW { height: auto; overflow: none; }
		section#DownArea > div.AreaContent > div.Content > div.ConROW > div.Content, 
		section#DownArea > div.AreaContent > div.Content > div.ConROW > div.BTN-REG{ height: 35px; }
		section#DownArea > div.AreaContent > div.Content > div.ConROW > div.BTN-REG { line-height: 35px;}
		section#DownArea > div.AreaContent > div.Content > div.ConROW > div.Content > h4 { font-size: 14px }
		section#DownArea > div.AreaContent > div.Content > div.ConROW > div.Content > p { font-size: 12px; }
		section#DownArea > div.AreaContent > div.Content > div.ConROW > div.Content ul.Info > li.location { margin: 4px 0; }
		section#DownArea > div.AreaContent > div.Content > div.ConROW > div.BTN-REG { font-size: 12px; }

		section#DownArea > div#SeminarsAndAlert > div.Content > div.ConROW > div.Content,
		section#DownArea > div#SeminarsAndAlert > div.Content > div.ConROW > div.BTN-REG { height: 40px; }
		section#DownArea > div#SeminarsAndAlert > div.Content > div.ConROW > div.BTN-REG { line-height: 40px; }

		div#JobsList > div.BTN-MORE { float: left; clear: none; margin: 0 1% 25px 1%; width: 48%; }
	}