@charset "utf-8";
/* CSS Document */

body {
	width: 100%;
	background-image: url(../images/bg.png);
	background-position: center top;
	background-color: #0b0602;
	background-repeat: no-repeat;
}
body img{outline-width:0px;vertical-align:top;}
a { text-decoration:none;}
*{margin:0;padding:0}
ul, li {margin: 0;padding: 0;list-style: none;}
html,
body {
   margin:0;
   padding:0;
   height:100%;
}
#container {
   min-height:100%;
   width:100%;
   min-width: 1200px;
   position:relative;
}
nav{
	width: 100%;
	min-width:1000px;
}
header {
	position: relative;
	width: 1000px;
	height: 850px;
	margin: 0 auto;
}
.hr{
	background-image: url(../images/acic0253.png);
	height: 353px;
	width: 274px;
}
.h_btn01{
    position: absolute;
    top: 360px;
    left: -126px;
    height: 85px;
    width: 260px;
    float:left;
    background-position: 0 0;
    display: none;
}
.h_btn02{
	position: absolute;
	top: 470px;
	left: 343px;
	height: 97px;
	width: 311px;
	float:left;
	background-position: 0 -82px;
}
.h_btn01:hover{background-position: 0 -180px;}
.h_btn02:hover{background-position: 0 -254px;}
main{
      width: 1000px;
      min-width: 1000px;
      height: 1003px;
      margin: 0 auto 0;
      position: relative;
      z-index: 2;
}
footer{
	width: 1000px;
	margin: 32px auto 0;
	height: 100px;
	position: relative;
	color: #fff;
	bottom: 0;
}
footer ul{list-style:none; padding-left:0;}
footer ul li{float:left;padding:3px;}
.footerstext{font-size:12px;line-height:15px;margin-top:10px;}
.footerstext1{font-size:12px;line-height:15px;margin-top:20px;}
#footer ul {padding-left: 267px;height: 17px;}
#footer li {float: left;height: 100%;}
#footer li a {display: block;height: 100%;text-indent: -9999em;}
#container {
   height:100%;
}

.logo{
	position: absolute;
	top: 20px;
	left: -99px;
	background-image: url(../images/logo.png);
	background-repeat: no-repeat;
	height: 125px;
	width: 361px;
	float: left;
	background-size: 65%;
}



.btn01{
	background-image: url(../images/btn01.png);
	background-repeat: no-repeat;
	height: 74px;
	width: 273px;
}
.btn02{
	background-image: url(../images/btn02.png);
	background-repeat: no-repeat;
	height: 74px;
	width: 273px;
}
.btn01:hover{
	background-image: url(../images/btn01_h.png);
}

.btn02:hover{
	background-image: url(../images/btn02_h.png);
}
.bottom01{
	background-image: url(../images/buttom01.png);
	background-repeat: no-repeat;
	height: 39px;
	width: 102px;
	float: left;
	position: absolute;
	left: 422px;
	top: 629px;
}
.bottom02{
	background-image: url(../images/buttom01.png);
    background-repeat: no-repeat;
    height: 39px;
    width: 102px;
    float: left;
    position: absolute;
    left: 252px;
    top: 453px;
}
.bottom03{
	background-image: url(../images/buttom02.png);
    background-repeat: no-repeat;
    height: 39px;
    width: 245px;
    float: left;
    position: absolute;
    left: 247px;
    top: 311px;
}
.bottom01:hover, .bottom02:hover{
	background-image: url(../images/buttom01_h.png);
}
.bottom03:hover{
	background-image: url(../images/buttom02_h.png);
}
/*tab*/
.abgne_tab {
	width: 1200px;
	margin: 0 auto;
	position: relative;
}
ul.tabs {
	width: 1200px;
	margin-left: 53px;
}
ul.tabs li {
	float: left;
	height: 50px;
	overflow: hidden;
	position: relative;
	margin-left: 2px;
	margin-bottom: -1px;	/* 讓 li 往下移來遮住 ul 的部份 border-bottom */
}
ul.tabs li a {
	display: block;
	padding: 16px 20px;
	color: #4a4a4a;
	text-decoration: none;
}
ul.tabs li a:hover {
	/*background: #ccc;*/
}
ul.tabs li.active  {
	
}
ul.tabs li.active a:hover {
	/*background: #fff;*/
}
div.tab_container {
	clear: left;
	width: 100%;
	border-top: none;
	background-color: #0e0d0c;
	border: 3px solid #5d4f49;
	border-top:1px solid #5d4f49;
}
div.tab_container .tab_content {
	padding: 20px 20px 30px 20px;
	width: 1160px;
	font-family: Verdana, Geneva, sans-serif;
	position: relative;
	font-size:18px;
}
div.tab_container .tab_content img{
	width:90%;
}
div.tab_container .tab_content::-webkit-scrollbar {
    width: 15px;
} 
div.tab_container .tab_content::-webkit-scrollbar-track {
	background-color:inherit;
} 

div.tab_container .tab_content::-webkit-scrollbar-thumb {
	background-color: rgb(0, 0, 0);
	border-radius:30px;
} 

div.tab_container .tab_content::-webkit-scrollbar-button {
		  /*background-color: rgb(0, 0, 0);*/
} 

div.tab_container .tab_content::-webkit-scrollbar-corner {
	background-color: black;
}
div.tab_container .tab_content h1 {
	color: #ffd200;
	margin: 0 0 10px;
	font-weight: bold;
	font-size: 20px;
}
div.tab_container .tab_content h2 {
	color: #c5aa9e;
	margin: 0 0 10px;
	font-weight: bold;
	font-size:20px;
}
div.tab_container .tab_content p{
	margin: 7px 0;
	color:#e9e9e9;
}
div.tab_container .tab_content ul li {
    margin: 0 0 0 25px;
    padding: 5px 0;
    color:#e9e9e9;
    list-style-type: square;
}
div.tab_container .tab_content img{
}
div.tab_container .tab_content a{
	color: #FF0;
	background-color: #0153d3;
	padding: 2px 10px 5px;
	margin-left: 5px;
	text-decoration: none;
	border-radius:10px;
}
div.tab_container .tab_content a:hover{
	color:#e8e8e8;
}
.tab{
	background-image: url(../images/tab.png);
	background-repeat: no-repeat;
	height: 106px;
	width: 100%;
}

.tab1{
	background-position: 0 -54px;
	height: 50px;
	width: 150px;
	text-indent: -9999px;
}
.tab2{
	background-position: -154px -54px;
	height: 50px;
	width: 150px;
	text-indent: -9999px;
}
.tab3{
	background-position: -307px -54px;
	height: 50px;
	width: 150px;
	text-indent: -9999px;
}
.tab4{
	background-position: -461px -54px;
	height: 50px;
	width: 149px;
	text-indent: -9999px;
}
.tab5{
	background-position: -615px -54px;
	height: 50px;
	width: 282px;
	text-indent: -9999px;
}
.tab6{
	background-position: -899px -54px;
	height: 50px;
	width: 150px;
	text-indent: -9999px;
}
.tab7{
	background-position: -1051px -54px;
	height: 50px;
	width: 150px;
	text-indent: -9999px;
}
.tab8{
	background-position: -1211px -54px;
	height: 50px;
	width: 183px;
	text-indent: -9999px;
}
.tab1:hover{
	background-position: 0 0;
}
.tab2:hover{
	background-position: -154px 0;
}
.tab3:hover{
	background-position: -307px 0;
}
.tab4:hover{
	background-position: -461px 0;
}
.tab5:hover{
	background-position: -612px 0;
}
.tab6:hover{
	background-position: -899px 0;
}
.tab7:hover{
	background-position: -1051px 0;
}

.tab1.active{
	background-position: 0 0;
}
.tab2.active{
	background-position: -154px 0;
}
.tab3.active{
	background-position: -307px 0;
}
.tab4.active{
	background-position: -461px 0;
}
.tab5.active{
	background-position: -612px 0;
}
.tab6.active{
	background-position: -899px 0;
}
.tab7.active{
	background-position: -1051px 0;
}
.tab8.active{
	background-position: -1211px 0;
}
ul.tabs li.active .tab1 a:hover {
	background-image: url(images/tab1.png);
}
ul.tabs li .tab1 a:hovera:hover {
	background-image: url(images/tab1.png);
}

.gotop {
	color: #fff;
	background: #111111;
	box-shadow: 0 0 2px rgba(255, 255, 255, 0.9);
	cursor: pointer;
	display: none;
	padding: 20px 20px;
	position: fixed;
	right: 2%;
	bottom: 4%;
	z-index: 99999;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 18px;
}
.gotop:hover {
	color: #e8e8e8;
	font-weight: bold;
}
/*table*/
.t01{
	background-image: url(../images/cont01.png);
	background-repeat: no-repeat;
	width: 100%;
}
.t02{
	background-image: url(../images/cont02.png);
	background-repeat: no-repeat;
	width: 100%;
}
.t03{
	background-image: url(../images/cont03.png);
	background-repeat: no-repeat;
	width: 100%;
	min-height:300px;	
}
.table th{font-weight: bold!important;}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
	padding: 4px;
	line-height: 1.42857;
	vertical-align: top;
	border: 1px solid #5d4f49;
	background-color: #000;
	text-align: center;
	color: #aa9388;
}
.table02 > thead > tr > th, .table02 > tbody > tr > th, .table02 > tfoot > tr > th, .table02 > thead > tr > td, .table02 > tbody > tr > td, .table02 > tfoot > tr > td {
	padding: 1px;
	line-height: 1.42857143;
	vertical-align: top;
	border: 1px solid #5d4f49;
	background-color: #000;
	text-align: center;
}
.table tr th {
    color: #aa9388;
    font-weight: 500;
    background-color: #7c3217!important;
    color: #e3c7c2!important;
}
.red{color: #7bc5ff!important;}
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
	 body {/* background-position: -375px 70px; */}
}
@media all and (max-width:1100px) { body {background-position: -355px 0;}}