/* 頁面設定 */
	ul {
		margin: 0px;
		padding: 0px;
	}
	*{
		margin: 0px;
		padding: 0px;
		font-family: Helvetica, Verdana, 'LiHei', '微軟正黑體', '新細明體', sans-serif;
	}
	img {
		border: 0px;
	}	
	body {
		margin: 0px;
		background: #e7e7e7;
	}
	#wrap {
		max-width: 1010px;
		width: auto;
		margin:0px auto;
		background: #fff;
		margin-top: 0px;
		border-left: 1px solid #cfcfcf;
		border-right: 1px solid #cfcfcf;
	}
	#top {
		display: inline-block;
		margin-top: 0px;
		width: 100%;
		float: left;
	}
	#logo {
		display: block;
		height: 70px;
		margin: 15px 0 10px 35px;
		float: left;
	}
	#logo img{
		max-width: 100%;
	}
	/* 導航 */
	#sub_nav {
		float: right;
	}
	#sub_nav ul li{
		list-style: none;
		float: left;
	}
	#sub_nav ul li,#sub_nav ul li a{
		text-decoration: none;
		color: #555;
	}
	#sub_nav ul li a:hover{
		text-decoration: underline;
		color: #53c9ef;
	}
	/* 主選單 */
	#menu {
		display: block;
		float: left;
		width: 100%;
	}
	#menu_inner {
		margin: 0px auto;
		max-width: 942px;
		width: auto;
	}
	#menu_inner a{
		text-decoration: none;
	}
	#menu_inner ul{
		float:left;
		list-style:none;
		width: 100%;
	}
	#menu_inner ul li {
		display: inline-block;
		float: left;
		background-color: #373a3f;
		position: relative;
		text-decoration: none;
	}
	.nav_background {
		border-right: 1px solid #e2e2e2;
		height: 80px;
		text-align: center;
		vertical-align: middle;
		display: inline-block;
		color: #fff;
	}
	.nav_caption {
		margin: 0px auto;
		top: 30px;
		width: 100%;
		position: absolute;
		color: #fff;
		z-index: 10;
		font-weight: 400;
		font-size: 18px;
		text-align: center;
	}
	.nav_active {
		height: 90px;
		display: block;
		position: absolute;
		z-index: 1000;
		width: 157px;
		top: -10px;
		display: inline-block;
	}
	.nav_hover {
		background-color: #53c9ef;
		height: 0px;
		display: block;
		position: absolute;
		z-index: 5;
		top: 0px;
		display: inline-block;
	}
	/* 跑馬燈 */
	#marquee{
		max-width: 942px;
		width: 100%;
		display: block;
		float: left;
		color: #333;
    margin-bottom: 2px;
    margin-top: 5px;
	}
	div#marquee {
		position: relative;
		overflow: hidden;	/* 超出範圍的部份要隱藏 */
		height: 25px;
		background-color: #f9f9f9;
	}
	div#marquee ul, div#marquee li {
		margin: 0 0 0 5px;
		padding: 0;
		list-style: none;
	}
	div#marquee ul {
		position: absolute;
	}
	div#marquee ul li {
		display: block;
		overflow: hidden;	/* 超出範圍的部份要隱藏 */
		font-size:15px;
		height: 25px;
		line-height: 25px;
		text-decoration: none;
		margin-left: 5px;
	}
	
	/* 頁尾 */
	#footer {
		display: block;
	}
	#footer-inner {
		margin-bottom: 25px;
		display: block;
		float: left;
		padding-bottom: 25px;
	}
	#footer .footer_left{
		float: left;
	}
	#footer .footer_right{
		float: right;
		width: 230px;
		font-size: 12px;
		color: #555;
	}
	#footer #footer_webname{
		color: #4e4e4e;
		font-size: 24px;
		line-height: 30px;
		display: inline-block;
		float: left;
	}
	#footer #footer_copyright{
		color: #555;
		font-size: 12px;
		line-height: 40px;
		margin-left: 10px;
		vertical-align: text-bottom;
		display: inline-block;
		float: left;
	}
	#footer #footer_byopen1 {
		margin-top: 10px;
		float: right;
	}
	#footer #footer_share{
		float: left;
		padding-top: 12px;
	}
	#footer #footer_share div{
		top: -9px;
		display: inline-block;
		position: relative;
	}
	#footer #footer_share img{
		margin: 3px;
	}
	#footer #footer_QRCode{
		float: right;
		top: -15px;
		position: relative;
	}
	#footer #footer_QRCode div{
		font-size: 12px;
		text-align: center;
		top: -13px;
		position: relative;
		color: #444;
	}
	
	#banner {
		display: block;
		float: left;
	}
	#banner_inner {
		margin: 0px auto;
		border: 1px solid #e2e2e2;
		padding: 0px;
		max-height: 150px;
	}
	#banner_inner img{
		max-width: 100%;
		display:block;
	}
	#content {
		display: block;
		float: left;
		margin-top: 10px;
		border-bottom: 1px dashed #888888;
		margin-bottom: 25px;
		padding-bottom: 10px;
	}
	#content-inner {
		display: block;
		float: left;
	}	
	
	
	
	.clearfix {
		float: none;
		clear: both;
	}
	/* 表單驗證錯誤訊息 */
	input.error { border: 1px dotted red; }
	form.cmxform label.error, label.error {
		/* remove the next line when you have trouble in IE6 with labels in list */
		color: red;
		font-style: italic;
		margin-left: 10px;
	}
	
/* 大螢幕 */
@Media (min-width: 1080px) {
	#sub_nav {
		margin: 70px 40px 0 0;
	}
	#vision {
		margin-left: 0px;
	}
	#menu {
		margin-left: 0px;
	}
	#menu_inner ul li {
		width: 157px;
	}
	.nav_hover {
		width: 157px;
	}
	#footer-inner {
		width: 942px;
		margin-left: 38px;
	}
	#banner {
		margin-left: 35px;
	}
	#banner_inner {
		width: 940px;
	}
	#content {
		margin-left: 35px;
	}
	#content-inner {
		width: 942px;
		margin-left: 3px;
	}
	#marquee {
		margin-left: 36px;
	}
}
 
/* 平板電腦、橫向手機和一般桌機解析度 */
@Media (min-width: 768px) and (max-width: 1079px) {
	#sub_nav {
		margin: 70px 40px 0 0;
	}
	#vision {
		margin-left: 0px;
	}
	#menu {
		margin-left: 0px;
	}
	#menu_inner ul li {
		width: 157px;
	}
	.nav_hover {
		width: 157px;
	}
	#footer-inner {
		width: 942px;
		margin-left: 38px;
	}
	#banner {
		margin-left: 35px;
	}
	#banner_inner {
		width: 940px;
	}
	#content {
		margin-left: 35px;
	}
	#content-inner {
		width: 942px;
		margin-left: 3px;
	}
}
 
/* 橫向智慧手機到竪立平板電腦解析度 */
@Media (max-width: 767px) {
	body {
		padding-left: 5px;
		padding-right: 5px;
	}
	#sub_nav {
		margin: 0px 10px 0 0;
	}
	#vision {
		margin-left: 0px;
	}
	#menu {
		margin-left: 0px;
	}
	#menu_inner ul li {
		width: 33%;
		margin-bottom: 1px;
	}
	#menu_inner ul{
		margin-left: 0px;
	}
	#footer-inner {
		width: 100%;
		margin-left: 0px;
	}
	#banner_inner {
		width: 100%;
	}
	#content {
		width: 100%;
	}
	#content-inner {
		width: 100%;
	}
}
 
/* 橫向智慧手機及其他更小解析度 */
@Media (max-width: 480px) {
	body {
		padding: 0px;
	}
	#sub_nav {
		margin: 0px 10px 0 0;
	}
	#vision {
		margin-left: 0px;
	}
	#menu {
		margin-left: 0px;
	}
	#menu_inner ul li {
		width: 33%;
		margin-bottom: 1px;
	}
	#menu_inner ul{
		margin-left: 0px;
	}
	#footer-inner {
		width: 100%;
		margin-left: 0px;
	}
	#footer_copyright a{
		display: none;
	}
	#banner_inner {
		width: 100%;
	}
	#content {
		width: 100%;
	}
	#content-inner {
		width: 100%;
	}
}