﻿
A:hover {COLOR:ff9900;TEXT-DECORATION:underline}
A:link {COLOR:4682B4;TEXT-DECORATION: none}
A:hover {COLOR:ffa1ab;TEXT-DECORATION: none}
A:visited {COLOR:660066;TEXT-DECORATION: none}
h12 {font-size:100%;color:B8860B}/*【貼心】*/
h11 {font-size:80%;color:4682B4}/*htmdown*/
ul#nav_menu { 
			list-style-type: none; 
			margin: 0; 
			padding: 0; 
			width: 180px; 
			}
			
		ul#nav_menu li { margin: .2em 0; padding: 0; }
	#nav_menu li a {
			display: block;
			width: 100%;
			padding: .1em .1em;
			text-align: left;
		}
	#nav_menu li a {
			display: block;
			width: 100%;
			padding: .5em .2em;
			text-align: left;
			background: #F2F2F2;
			color: #000000;
			border: 1.5px double #A9A9A9;
			text-decoration: none;
		}
#nav_menu li a:hover {
			background: #A6A6A6;/* 滑動顏色 */
			color: #ffffff;
			border: 3.5px double #FFFFFF;
		}
ul#nav_menu { 
			list-style-type: none; 
			margin: 0; 
			padding: 0; 
			width: 100%; 
		}
			
		ul#nav_menu li { 
			width: 180px; 
			margin: 0 .5em; 
			padding: 0;
			float: left
		}
/*jquery-latest.min*/
	body {
		margin: 0;
	}
	#menu-wrapper .main-menu , #menu-wrapper .sub-menu {
		margin: 0 auto;
		width: 870px;
	}
	#menu-wrapper ul, #menu-wrapper ul li {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	.main-menu ul li, .sub-menu ul li {
		float: left;
	}
	.main-menu ul li a {
		color: #000;
		display: block;
		margin-right: 50px;
		padding: 5px 5px 5px 0;
		text-decoration: none;
	}
	.sub-menu-wrapper {
		height: 28px;
		clear: left;
		background-color: #4682B4;
		border-top: 5px solid #4682B4;	/* 預設使用跟 .c1 一樣的顏色 */
	}
	.sub-menu {
		height: 28px;
		position: relative;
		overflow: hidden;
	}
	.sub-menu ul {
		position: absolute;
	}
	.sub-menu ul li a {
		color: #fff;
		display: block;
		margin-right: 20px;
		padding-top: 2px;
		text-decoration: none;
	}
	/* 自訂子選單的位置 */
	.sub-menu .sub-memu-1 { left: 50px; }
	.sub-menu .sub-memu-2 { left: 165px; }
	.sub-menu .sub-memu-3 { left: 165px; }
	.sub-menu .sub-memu-4 { left: 165px; }
	
	/* 自訂每一個選單的顏色 */
	.main-menu ul li.m1 span, .main-menu ul li.m1 a.selected { color: #4682B4; }
	.main-menu ul li.m2 span, .main-menu ul li.m2 a.selected { color: #f90;}
	.main-menu ul li.m3 span, .main-menu ul li.m3 a.selected { color: #3c0; }
	.main-menu ul li.m4 span, .main-menu ul li.m4 a.selected { color: #f6f; }
	.main-menu ul li.m5 span, .main-menu ul li.m5 a.selected { color: #FF69B4; }

	#header-wrapper {
		margin: 10px auto;
		width: 600px;
	}
	#header-wrapper .logo, #header-wrapper .adv {
		float: left;
		margin-right: 10px;
	}
	#header-wrapper .logo a img {
		border: none;
	}
	#menu-wrapper {
		clear: left;
		padding-top: 10px;
	}
	/* 索引 */
button.index {
   padding: 8px 14px;
   border: 0.5px solid #F3F3F3;
   background-color: #959595;
   border-radius: 5px;
   color: #ffffff;
   font-size: 18px;
   font-family: '微軟正黑體';
   text-decoration: none;
   font-weight: 100;
   }
/*ca-1.htm */
button.ca01 {
   padding: 8px 16px;
   border: 1px solid #c0c0c0;
   background-color: #ff6c7e;
   border-radius: 5px;
   color: #ffffff;
   font-size: 18px;
   font-family: '微軟正黑體';
   font-weight: 100;
   -webkit-transition: 0.2s;
   -moz-transition: 0.2s;
   -o-transition: 0.2s;
   cursor: pointer;
   }
button.ca01:hover {
   background: none;
   background-color: #ffa1ab;
   color: #ffffff;
   }
button.ca01:active {
   top: 1px;
   position: relative;
   }
 /*mp3.htm */
button.ca11 {
   padding: 6px 14px;
   border: 1px solid #c0c0c0;
   background-color: #90daf0;
   border-radius: 5px;
   color: #ffffff;
   font-size: 14px;
   font-family: '微軟正黑體';
   font-weight: bold;
   -webkit-transition: 0.2s;
   -moz-transition: 0.2s;
   -o-transition: 0.2s;
   cursor: pointer;
   }
button.ca11:hover {
   background: none;
   background-color: #52b1ce;
   color: #ffffff;
   }
button.ca11:active {
   top: 1px;
   position: relative;
   }
button.ca02 {
   padding: 3px 14px;
   border: 1px solid #c0c0c0;
   background-color: #999999;
   border-radius: 5px;
   color: #ffffff;
   font-size: 14px;
   font-family: '微軟正黑體';
   font-weight: bold;
   -webkit-transition: 0.2s;
   -moz-transition: 0.2s;
   -o-transition: 0.2s;
   cursor: pointer;
   }
button.ca02:hover {
   background: none;
   background-color: #ffa1ab;
   color: #ffffff;
   }
button.ca02:active {
   top: 1px;
   position: relative;
   }
button.ca12 {
   padding: 3px 14px;
   border: 1px solid #c0c0c0;
   background-color: #999999;
   border-radius: 5px;
   color: #ffffff;
   font-size: 14px;
   font-family: '微軟正黑體';
   font-weight: bold;
   -webkit-transition: 0.2s;
   -moz-transition: 0.2s;
   -o-transition: 0.2s;
   cursor: pointer;
   }
button.ca12:hover {
   background: none;
   background-color: #90daf0;
   color: #ffffff;
   }
button.ca12:active {
   top: 1px;
   position: relative;
   }
button.ca04 {
   padding: 2px 12px;
   border: 1px solid #c0c0c0;
   background-color: #52b1ce;
   border-radius: 5px;
   color: #ffffff;
   font-size: 14px;
   font-family: '微軟正黑體';
   font-weight: bold;
   -webkit-transition: 0.2s;
   -moz-transition: 0.2s;
   -o-transition: 0.2s;
   cursor: pointer;
   }
button.ca04:hover {
   background: none;
   background-color:#90daf0;
   color: #ffffff;
   }
button.ca04:active {
   top: 1px;
   position: relative;
   }
button.ca03 {
   padding: 2px 12px;
   border: 1px solid #c0c0c0;
   background-color: #ff6c7e;
   border-radius: 5px;
   color: #ffffff;
   font-size: 14px;
   font-family: '微軟正黑體';
   font-weight: bold;
   -webkit-transition: 0.2s;
   -moz-transition: 0.2s;
   -o-transition: 0.2s;
   cursor: pointer;
   }
button.ca03:hover {
   background: none;
   background-color:#ffa1ab;
   color: #ffffff;
   }
button.ca03:active {
   top: 1px;
   position: relative;
   }   
