@charset "utf-8";
/* CSS Document */
html, body {
    width: 100%;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
	background:#FFF;
	color:#FFF
}
img {
    height: auto;
    max-width: 100%;
	border:0;margin: 0;
    padding: 0;
}
header{
    display: inline-block;
    width: 100%;
	height: 120px;
    margin: 0 auto;
    background-color: #fff;
}
.head_l{ 
    float: left;
}
.head_l img{ 
    margin:3px;
}
.head_r{
    float: right;
    margin-top: 18px;
	margin-right: 8px;
}
/*.box { 
	background:#000 url(../images/sbg.jpg) repeat-x;
}*/
.box { 
	background:#000;
}
.box img{
    display: block;
    width: 1080px;
    margin: 0 auto;
}

@media only screen and (max-width: 768px) {
	header{height: 80px;}
	.head_l img{width:150px;}     
    .head_r img{width:50px;}     
}
      
      
@media only screen and (max-width: 480px) {
	header{height: 60px;}
	.head_l img{width:120px;} 
    .head_r img{width:32px;}     
}

/*float*/
#float_top {
	z-index:999; 
	position:fixed;
	right: 20px;
    bottom:50px;
}
#float_top .top a {
    background: url(../images/top.png) no-repeat 0px -334px;
    width: 81px;
    height: 55px;
    display: block;
    cursor: hand;
    margin: 172px 0 0 0;
}
#float_top .top a:hover {
    background: url(../images/top.png) no-repeat 0 -388px;
}
@media screen and (max-width:1024px){
#float_top {
	right: 4px;
    bottom:4px;
}
.menu li img{
    width: 32% !important;
    height: auto !important;
}

.content .box {
    margin: 0px 10px 10px 10px;
}

}

.menu{
	max-width: 1080px;
	margin: 0 auto;
	background: #FFF;
}
.menu ul,.menu li{
margin: 0;
padding: 0;
display:inline;
background: #FFF;
}

.menu li img{
    width: 33%;
    height: 120px;
    display: inline-block;
    margin-bottom: -4px;
}



/*LIST*/
.bw_list{
  width:100%;
  text-align: center;
  font-family: "微軟正黑體";
  margin-top: 0px;
}
.bw_list .bw_list tr th, .bw_list .bw_list tr td {
  padding: 1% 0.5%;
  border-right: 1px solid #9e9e9e;
  border-bottom: 1px solid #848484;
}

.bw_list table{
	font-size: 0.9rem;
	width: 100%;
	/* border-collapse: collapse; */
	/* border-spacing: 0; */
	/* border: 1px solid #924444; */
	color: #0063b7;
}

.bw_list td {
  padding: 8px;
	font-size:18px;
	font-weight:bolder;
}

.bw_list .tbg1{
	font-weight: bold;
	color: #8a0000;
	background-color: #fff096;
}

.bw_list .tbg2{
	font-weight: bold;
	background-color: #ffdb92;
}

.bw_list .cbg1 {
  background-color: #fff7d1;
}

.bw_list .cbg2 {
  background-color: #fffbe6;
}


.t_b0{background-color: #009abd;color: #ffffff;}
.t_b1{background-color: #e8fcff;}
.t_b2{background-color: #ffffff;}
.t_b3 {
    background-color: #b339c1;
    color: #fff;
}
.b01{ margin-bottom:30px;}
.style01 {
    color: #FFFF00;
}
.content{margin: 0 auto;
    max-width: 1080px;background-color: #fff;}
.content .box{
    margin: 0px 10px 10px 10px;
    background-color: #004793;
    /* border-radius: 10px; */
    }
	
	.c01{     padding: 30px;}