@import url("reset.css");

.BOX {
	width:760px;
	height:625px;
	margin:0 auto;
	background-image:url(box.jpg);
	padding:10px 20px 0 20px;
}

.BOX4 {
	width:760px;
	height:625px;
	margin:0 auto;
	background-image:url(box6.jpg);
	padding:10px 20px 0 20px;
}

.BOX1 {
	width:790px;
	height:628px;
	margin:0 auto;
	background-image:url(box4.jpg);
	padding:5px 5px 0 5px;
}

.BOX S1 {
	font-size:14px;
	line-height:20px;
	letter-spacing:1px;
	padding-bottom:12px;
}

.style1 {font-size: 16px;font-family: "標楷體";font-weight: bold;color: #0000FF;}
.style2 {font-size: 16px;font-family: "標楷體";font-weight: bold;color: #000000;}
.style3 {font-size: 14px;font-family: "標楷體";font-weight: bold;color: #000000;}
.style4 {font-size: 24px;font-family: "細明體";font-weight: bold;color: #0000FF;}
.style6 {font-family: "標楷體"; font-size: 20px; font-weight: bold;}
.style7 {font-size: 24px}
.style8 {font-family: "標楷體"; font-weight: bold;}
.style12 {font-family: "標楷體"; font-size: 18px; font-weight: bold; }

.BOX_LEFT {
	width:200px;
	height:625px;
	margin:0 auto;
	background-image:url(box2.jpg);
	padding:10px 20px 0 20px;
}

.BOX4_LEFT {
	width:200px;
	height:625px;
	margin:0 auto;
	background-image:url(box5.jpg);
	padding:10px 20px 0 20px;
}

.BOX_DOWN {
	width:1000px;
	height:87px;
	margin:0 auto;
	background-image:url(04671.jpg);
	padding:0 20px 0 20px;
}

.BOX_D {
	width:1040px;
	height:87px;
	margin:0 auto;
	padding:0 0 0 0;
}

.BOX_DOWN S2 {
	font-size:16px;
	line-height:20px;
        font-family:'細明體';
        font-weight:bold;
        letter-spacing:1px;
	padding-bottom:12px;
}

.R9 S1 {
	font-size:14px;
	line-height:20px;
	letter-spacing:1px;
	padding-bottom:12px;
}

.R9_LEFT {
	width:200px;
	height:625px;
	margin:0 auto;
	background-image:url(box3.jpg);
	padding:10px 20px 0 20px;
}

.R9_DOWN {
	width:1000px;
	height:50px;
	margin:0 auto;
	background-image:url(04671.jpg);
	padding:40px 20px 0 0;
}

.R12_BOX {
	width:1000px;
	height:595px;
	margin:0 auto;
	background-image:url(box1.jpg);
	padding:10px 20px 30px 20px;
}
.TT {
	font-size:15px;
        font-weight:bold;
	line-height:20px;
	letter-spacing:1px;
	padding-bottom:12px;
}

ul, li {
margin: 0;
padding: 0;
list-style: none;
}
.abgne_tab {
clear: left;
width: 1000px;
height: 595px;
margin: 10px 0;
}
ul.tabs {
width: 100%;
height: 32px;
border-bottom: solid 1px #999;
border-left: solid 1px #999;
}
ul.tabs li {
width: 110px;
float: left;
height: 31px;
line-height: 31px;
overflow: hidden;
position: relative;
margin-bottom: -1px; /* 讓 li 往下移來遮住 ul 的部份 border-bottom */
border: solid 1px #999;
border-left: none;
border-width: 1px;
background: #e1e1e1;
}
ul.tabs li a {
display: block;
padding: 0 20px;
color: #000;
border: solid 1px #fff;
text-decoration: none;
}
ul.tabs li a:hover {
background: #ccc;
}
ul.tabs li.active  {
background: #fff;
border-bottom: solid 1px #fff;
}
ul.tabs li.active a:hover {
background: #fff;
}
div.tab_container {
clear: left;
width: 100%;
height: 96%;
border: 1px solid #999;
border-top: none;
background: #fff;
background-image:url(box_1.png);
}
div.tab_container .tab_content {
padding: 20px;
}
div.tab_container .tab_content h2 {
margin: 0 0 20px;
}