@charset "utf-8";


body { background: #F2EFEB !important; margin: 70px 0 0 0;  }



article  { width: 1440px; clear: both; margin: auto; padding: 0; }
div.navbar > div.Content, div#advsearch_controls > div.Content { width: 1440px; margin: auto; }
article { background: #FFF; box-shadow: rgba(0,0,0,0) 0 0 5px 0; overflow: hidden; }

.ClearBoth { clear: both; height: 0px; margin: 0; padding: 0; }


section { clear: both; min-height: 100px; padding: 20px 50px; }
section div.BOX { float: left; margin: 10px;}
section div.NormalBOX { width: 31.33333%; }
section div.BTN-MORE { clear: both; width: 200px; text-align: center; margin: 10px auto; font-size: 1.3em; }


h1, h2, h3, h4, h5, h6 { line-height: 1.65; clear: both; margin: 0; padding: 0;  }
p { font-size: 15px ;line-height: 1.8;}
ul { list-style:none; padding: 0 0 0 0; }
pre { padding: 0; margin: 0;}
sup { font-size: 80%; line-height: 80%; }
a { text-decoration: none;color: #ca7755; transition: all .3s linear;}
a:link, a:active, a:visited { text-decoration: none; }


section#SiteMap { min-height: 50px !important; margin: 0 auto; height: 0; padding-top: 16px; padding-bottom: 12px;   }
section#SiteMap a { color: #333 !important; }
section#SiteMap a:hover { color: #FFF !important; background-color: #333; }
section#SiteMap a:visited { color: #333; }



section > div.MAIN-Content, div.Aside-Content { float: left; display: block; overflow: hidden; }
section > div.MAIN-Content { width: 73%; margin: 0 2% 0 0; padding: 0 30px 50px 0; }
section > div.MAIN-Content > h2 { font-size: 1.8em; border-bottom: solid 1px #EFEFED; margin: 0 0 8px 0; padding: 25px 0 8px 0; }

section > div.Aside-Content { width: 25%; margin-bottom: 55px; }
section > div.Aside-Content > h1 { clear: both; font-size: 1.7em; border-left: solid 8px #517089; padding: 5px 0 5px 10px; margin: 0 0 10px 0; font-weight: 600; color: #555; }
section > div.Aside-Content > ul { margin: 0 auto 16.5px auto; padding: 0 0 0 0; clear: both; width: 100%; border-radius: 5px; background: #517089; overflow: hidden; }
section > div.Aside-Content > ul > li { clear: both;  margin: 0 auto; width: 100%; padding: 15px 15px; font-size: 15px; color: #FFF; border-bottom: solid rgba(255,255,255,0.2) 1px; }
section > div.Aside-Content > ul > li a { display: block; }
section > div.Aside-Content > ul > li:hover { background: rgba(0,0,0,0.5); box-shadow: rgba(0,0,0,0.25) 0 0 15px 0; transition: 0.3s;}
section > div.Aside-Content > ul > li > ol { padding: 0; margin: 10px 0; list-style: none; overflow: hidden; border-radius: 4px; }
section > div.Aside-Content > ul > li > ol > li {  border-bottom: solid rgba(255,255,255,0.2) 1px; background: rgba(0,0,0,0.3); padding: 10px; }
section > div.Aside-Content > ul > li > ol > li:hover { background: #517089; }

section > div.Aside-Content > ul li a { color: #FFF; display: block; }
section > div.Aside-Content > ul li.end { border-bottom: 0px; }

section > div.Aside-Content > div.SeminarsBOX > ul li div.Content { background: #F2EFEB; margin: 8px 0; border-radius: 4px; padding: 10px; }
section > div.Aside-Content > div.SeminarsBOX > ul li div.Content > h5 { font-size: 1.15em; padding: 8px 0; text-align: center; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; }
section > div.Aside-Content > div.SeminarsBOX > ul li div.Content > div.BTN-REG { width: 100px; margin: auto; background: #517089; text-align: center; border-radius: 4px; padding: 6px 0; }
section > div.Aside-Content > div.SeminarsBOX > ul li div.Content > div.BTN-REG a { color: #FFF; display: block; }


/*更多內容 統一樣式*/
section div.BTN-MORE { width:140px; background: #999; color: #FFF; height: 30px; line-height: 30px; font-size: 14px; border-radius: 4px; }
section div.BTN-MORE:hover { background: #cc5f29; transition: 0.2s; }
section div.BTN-MORE a { color: #FFF !important; display: block; }


	@media (max-width: 1440px) {
		article, header, div#advsearch_controls > div.Content { width: 1280px; }
		div.navbar > div.Content { width: 100%; padding: 0 80px; }

	}

	@media (max-width: 1400px) {
		article, header, div#advsearch_controls > div.Content { width: 1280px; }
		div.navbar > div.Content { width: 1280px; padding: 0 0px; }
	}

	@media (max-width: 1280px) {
		article, header, div#advsearch_controls > div.Content { width: 1150px; }
		div.navbar > div.Content { width: 1150px; padding: 0 0px; }
		section div.NormalBOX { width: 31%; }
	}
	@media (max-width: 1219px) {
		body { margin: 59px 0 0 0; }
	}
	@media (max-width: 1200px) {
		article, header, div#advsearch_controls > div.Content { width: 1000px; }
		section { padding: 10px 40px; }
		div.navbar > div.Content { width: 1000px; padding: 0 0px; }
	}
	
	@media (max-width: 1160px) {
		body { margin: 50px 0 0 0;  }
		article { box-shadow: none; }
		article, header, div#advsearch_controls > div.Content { width: 800px; }
		div.navbar > div.Content { width: 800px; padding: 0 0px; }
		section { padding: 0px 40px; }
		section div.BOX { float: initial; margin: 10px 0; }
		section div.NormalBOX { width: 100%; }
		section > div.MAIN-Content, div.Aside-Content { float: initial; clear: both; }
		section > div.MAIN-Content { width: 100%; margin: 0 0 0 0; padding: 0 0 50px 0; }
		section > div.Aside-Content { width: 100%; }
		/*切換為行動裝置顯示時關閉說明會列表*/
		div#Seminars.Aside-Content { display: none; }

	}

	@media (max-width: 800px) {
		article, header, div#advsearch_controls > div.Content { width: 600px; }
		div.navbar > div.Content { width: 600px; padding: 0 0px; }
	}

	@media (max-width: 780px) {}

	/*iPad 1-~4 Gen Mini*/
	@media (max-width: 768px) {}
	
	/*Mobile Device Start*/
	@media (max-width: 599px) {
		body { margin-bottom: 30px; }
		article, header  { width: 375px; }
		div.navbar > div.Content, div#advsearch_controls > div.Content { width: 375px; padding: 0 10px 0 10px; }
		section { padding: 10px 20px; }
		section > div.MAIN-Content h1 { font-size: 22px; }
		section > div.MAIN-Content h2, div.Aside-Content > h1 { font-size: 18px !important; }
		section p, section ul li, section#SiteMap, footer h5 { font-size: 12px !important; }

	}
	/*iPhone Plus*/
	@media (max-width: 414px) {
		p { font-size: 12px; }
	}

	/*Nexus*/
	@media (max-width: 412px) {}

	/*iPhone 6*/
	@media (max-width: 375px) {
		article, header  { width: 100%; }
		div.navbar > div.Content, div#advsearch_controls > div.Content { width: 100%; padding: 0 10px 0 10px; }
	}

	/*Samsung Galaxy*/
	@media (max-width: 360px) {}

	/*iPhone 5*/
	@media (max-width: 320px) {}



.clear { clear: both; }


#no_script_message { display: none; }
#header_container { display: none; }
#twocolwrap_container { display: none; }
#footer_container { display: none; }
#no_script_message * { margin-top: 3em; font-size: larger; }
#no_script_message { display: block; width: 40%; margin: 0 30% 0 30%; }

div.instance_banner { 
	padding: 5px; 
	background: #405a7f; 
	color: #FFF; 
	text-align: center; 
	width: 100%; 
	position: fixed; 
	bottom: 0; 
	z-index: 999; 
	font-size: 13px;
	display: none;
}
div.instance_banner > ul li { float: left; margin: 2px 10px; color: #FFF; padding: 2px 8px; }


.upper2 { font-size: 70% !important; position: relative !important; top: -3px !important; }
.upper_r { font-size: 90% !important; position: relative !important; top: -3px !important; }




/* 主選單縮放後設定 */

@media (max-width: 960px) {
	.navbar-collapse ul li.dropdown a { color: #FFF !important; }
	.navbar-collapse ul li.dropdown a:focus { color: #000 !important; }
	.navbar-collapse ul li ul div.Partner { display: none; }
}