*{border:0; padding:0; margin:0;}
body {
	font-family: Arial, "文泉驛正黑", "WenQuanYi Zen Hei", "儷黑 Pro", "LiHei Pro", "微軟正黑體", "Microsoft JhengHei", "新細明體", PMingLiU, sans-serif;
	font-size: 14px; 
	background: url('../images/bg_body.png') center top; 
}
a:hover, a:active{background-position:bottom;}
.shown{background-position:bottom; cursor:default;}

#wrapper{width:800px; height:auto; background-color:#FFF; margin:0 auto;}
#header{width:800px; height:120px; background-image:url('../images/bg_header.png?v=2025'); text-indent:-2000px;}
#info{width:750px; height:30px; padding:10px 0; margin:0 auto; font-size:14px;}
#topnav {
	width: 700px; 
	height: 40px; 
	background-image: url('../images/bg_topnavbox.png'); 
	background-position: center; 
	background-repeat: no-repeat; 
	/*padding: 0 85px; */
	margin:20px auto;
	text-align: center;
}
#main{width:700px; height:auto; margin:0 auto; padding:0 0 25px;}
#content{width:800px; height:auto;}
.xbtn {
	display:inline-block; 
	background-repeat: no-repeat;
	cursor: pointer;
}
.xbtn:hover {
	background-position: bottom;
}
.xbtn.disabled {
	cursor: default;
}

.btn_personinfo{width:80px; height:30px; background-image:url('../images/btn_personinfo.png'); display:block; text-indent:-2000px; margin:0 10px;}
.btn_logout{width:80px; height:30px; background-image:url('../images/btn_logout.png'); display:block; text-indent:-2000px;}

.btn_nav {
	width: 100px; 
	height: 40px;
	margin: 0 15px;
	display: inline-block;
	text-indent:-2000px;
	background-repeat: no-repeat;
	cursor: pointer;
}
.btn_nav.active, 
.btn_nav:hover {
	background-position: bottom;
}
.btn_nav.disabled {
	cursor: default;
}
.btn_nav.detail { background-image:url('../images/btn_nav.detail.png'); }
.btn_nav.learning { background-image:url('../images/btn_nav.learning.png'); }

.btn_nav.practice.mok { background-image:url('../images/btn_nav.mock.png'); }
.btn_nav.practice.mok.disabled { background-image:url('../images/btn_nav.mock_g.png'); }
.btn_nav.answer.mok { background-image:url('../images/btn_nav.mock_answer.png'); }
.btn_nav.answer.mok.disabled { background-image:url('../images/btn_nav.mock_answer_g.png'); }

.btn_nav.practice.con { background-image:url('../images/btn_nav.comp.png'); }
.btn_nav.practice.con.disabled { background-image:url('../images/btn_nav.comp_g.png'); }
.btn_nav.answer.con { background-image:url('../images/btn_nav.comp_answer.png'); }
.btn_nav.answer.con.disabled { background-image:url('../images/btn_nav.comp_answer_g.png'); }
/*
.btn_nav.practice.mp_mk, 
.btn_nav.practice.gs_mk { background-image:url('../images/btn_nav.mock.png'); }
.btn_nav.practice.disabled, 
.btn_nav.practice.mp_mk.disabled, 
.btn_nav.practice.gs_mk.disabled { background-image:url('../images/btn_nav.mock_g.png'); }
.btn_nav.answer.mp_mk, 
.btn_nav.answer.gs_mk { background-image:url('../images/btn_nav.mock_answer.png'); }
.btn_nav.answer.disabled, 
.btn_nav.answer.mp_mk.disabled, 
.btn_nav.answer.gs_mk.disabled { background-image:url('../images/btn_nav.mock_answer_g.png'); }
.btn_nav.practice.mp_cp, 
.btn_nav.practice.gs_cp { background-image:url('../images/btn_nav.comp.png'); }
.btn_nav.practice.mp_cp.disabled, 
.btn_nav.practice.gs_cp.disabled { background-image:url('../images/btn_nav.comp_g.png'); }
.btn_nav.answer.mp_cp, 
.btn_nav.answer.gs_cp { background-image:url('../images/btn_nav.comp_answer.png'); }
.btn_nav.answer.mp_cp.disabled, 
.btn_nav.answer.gs_cp.disabled { background-image:url('../images/btn_nav.comp_answer_g.png'); }
*/
.text-center {
	text-align: center;
}
.heading2 {
	font-size: 1.2em;
	line-height: 200%;
	margin-bottom: .5em;
}
.remark {
	color: #C00;
}
.tbl-float {
	border: 0;
	margin: 15px;
}
.tbl-float.left {
	float: left;
	margin-left: 0;
	margin-top: 0;
}
.tbl-float img {
	max-width: 100%;
}
.max-150 {
	max-width: 150px;
}
.pt-10 {
	padding-top: 10px;
}