body { margin:0; padding:0; background: url(images/bg.jpg) fixed;font-family: "微軟正黑體", "Microsoft JhengHei", sans-serif; font-size:1.6em; line-height:1.6em;}
a{
 outline: none; /* for Firefox */
 hlbr:expression(this.onFocus=this.blur()); /* for IE */
}
    .RequiredMark:before, .QuestionRequired{ content:"*"; color:#d9534f;}
    .checkform{ color:#d44950; }
    
    .Question { margin:5px 20px;}
    .Question .q { font-size:40px; }
    .Question .title { font-size:20px; font-weight:900; }
    .Question .AnswerImg { width:200px; }
    .Question .correct { color:Red; }
    .Question .option_block { padding:10px; }
	
	#top { position:fixed; background: rgba(0%,60%,90%,0.6) url(images/bg-backtop.png) no-repeat center 2px ; color:#FFF; padding:32px 4px 4px 4px;cursor: pointer; right:10px;bottom:10px;display: none; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; z-index:100;}
	#top:hover {background: rgba(0%,60%,90%,0.8) url(images/bg-backtop.png) no-repeat center top ;transition: all .5s ease;}
	
	#banner-word {position:relative; top:40px;}
	#banner-oj1 {position: absolute; top:30px; left:60px; -webkit-animation-delay:.5s; float: left;}
	#banner-oj2 {position: absolute; top:34px; right:50px; -webkit-animation-delay:1s; float:right;}
	#banner-sm {}
	#1st {}
	
	.tablink a { padding:6px 10px; background:#666;white-space:nowrap; color:#FFF; font-size:1.6em; line-height:2em;}
	.tablink a:hover { background:#369; text-decoration:none;transition: all .5s ease;}
	
	.alert-btn { background:#337ab7; padding:6px 10px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; color:#fff; display: table; font-weight:bold;}
	.alert-btn:hover { background: #369; color:#fff;transition: all .5s ease; text-decoration:none;} 
	.link-btn { background:#337ab7; padding:6px 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; color:#fff; font-weight:bold;}
	.link-btn:hover { background: #369; color:#fff;transition: all .5s ease; text-decoration:none;} 
	.fb-share { font-size:.8em;background:#4966b6; padding:2px 6px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; color:#fff; font-weight:bold;}
	.fb-share:hover { background: #5979d2; color:#fff;transition: all .5s ease; text-decoration:none;} 
	.banner-con {width:90%; margin:0 auto;}
	.ps { font-size:.9em; color:#666;}
	
	.bg-dec {background:url(images/bg-dec.png) repeat-x top; height:80px;}
	.sub-title { font-weight:bold; color:#369; font-size:1.3em; padding:6px 0; border-bottom:1px #369 solid;}
	
	.menustyle {position:relative; top:20px;;}
	.menustyle img {-webkit-filter: grayscale(40%);-moz-filter: grayscale(40%);-ms-filter: grayscale(40%);-o-filter: grayscale(40%);filter: grayscale(40%);filter: gray;}
	.menustyle img:hover {-webkit-filter: grayscale(0);-moz-filter: grayscale(0);-ms-filter: grayscale(0);-o-filter: grayscale(0);filter: grayscale(0);filter: gray;transition: all .5s ease;}

	/* Footer */
	#footer { margin:0 auto; padding:36px 0 12px; text-align:center;background: url(footerbg.png) no-repeat bottom left; color:#666;}
	#footer p { font-size:.9em;line-height:1em;}
	
	.medium-photo-con h4 { line-height:1.6em; text-align:center;}
	.medium-photo-con a>img { filter:alpha(opacity=90); opacity:0.9; }
	.medium-photo-con a>img:hover { filter:alpha(opacity=100); opacity:1;  }
	
	.gray {filter: gray;-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);} 
	
	#header { height:70px; background:url(images/bg-topmenu.png) repeat-x; position: fixed; width: 100%; top: 0;z-index: 200; display:inline;}
	#header img { opacity: .9; filter: alpha(opacity=90); }
	#header img:hover { opacity: 1; filter: alpha(opacity=100);transition: all .5s ease;}
	
	#nap img { opacity: .6; filter: alpha(opacity=60);}
	#nap img:hover { opacity: .8; filter: alpha(opacity=80);transition: all .5s ease; cursor: hand;}
	
	.tel { font-size:1.6em; color:#c33; font-family:Georgia, 'Times New Roman', Times, serif; line-height:1.5em;}