@import url("reset.css");


body{ margin:0 auto; padding:0; background-image:url(../images/indexl_01.jpg); background-position: top center; background-repeat:no-repeat; background-color:#e1f4ff;}
a {outline: none;behavior:expression(this.onFocus=this.blur());}
html{}



/*-------------------------------top------------------------------*/

#all{ width:100%; margin:0 auto; padding:0 0; position:relative;}
.top{ width: 1000px; height: 673px; margin: 0 auto;display: block;}

#logo{
	width:312px;
	height:183px;
    margin: 0 auto;
    margin-top: 10px;
}


#button{
	width: 1000px;
    height: 115px;
/*    position: absolute;*/
    left: 0px; margin:20px auto;
}




#button ul{}
#button li{ float:left;}
#button li.but1 a{ width:346px; height:109px; background-image:url(../images/bt1.png); display:block; text-indent:-9999px; background-position:left top;}
#button li.but2 a{ width:313px; height:109px; background-image:url(../images/bt2.png); display:block; text-indent:-9999px; background-position:left top;}
#button li.but3 a{ width:341px; height:109px; background-image:url(../images/bt3.png); display:block; text-indent:-9999px; background-position:left top;}

#button li a:hover{ background-position:left bottom;}


#content{
	width: 1000px;
	    margin: 180px auto 0px;


}

.bt_m{
	width: 268px;
	height: 38px;
	position: absolute;
	left: 336px;
	top: 98px;
}

.bt_m2{
	width: 268px;
	height: 38px;
	position: absolute;
	left: 127px;
	top: 347px;
}


.act_time{ width:900px; height:auto; background-color: #b0e4ff;border-radius:20px; display: block;padding: 20px; margin:60px auto 0; font-weight: bold; border: 5px solid #3c63aa;font-family: '微軟正黑體';}

.act_time p{ font-size: 15px; color:#3c63aa; font-family: '微軟正黑體';line-height: 24px; }



.act_time img{ line-height: 24px; }



.act_description{ width: 1000px; height:612px; background-image:url(../images/pic2.png); display: block; position: relative;}

.act_selection{width: 1000px; height:278px; background-image:url(../images/pic3.png); display: block; text-indent: -9999px;}

.act_awards{width: 1000px; height:539px; background-image:url(../images/pic4.png); display: block; text-indent: -9999px;}

.act_notice{font-size: 15px; color:#3c63aa; font-family: '微軟正黑體';line-height: 24px;width: 950px;display: block; margin: 20px auto;    font-weight: 600;}


.footer{ width: 100%; height: 85px; display: block; background-color: #3c63aa;}
.cr{ width: 1000px; height:81px;display: block;background-image: url(../images/cr.png); margin: 0 auto; bottom: 0;}
















.abgne_tab ul, li {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	.abgne_tab {
		clear: left;
		width:900px;
		margin: 10px auto;padding: 20px; background-color: #b0e4ff; border: 5px solid #3c63aa;border-radius:20px; 
	}
	.abgne_tab ul.tabs {
		width: 100%;
		height: 32px;
		border-bottom: 1px solid #999;
		border-left: 1px solid #999;
	}
	.abgne_tab ul.tabs li {
		float: left;
		height: 31px;
		line-height: 31px;
		overflow: hidden;
		position: relative;
		margin-bottom: -1px;	/* 讓 li 往下移來遮住 ul 的部份 border-bottom */
		border: 1px solid #999;
		border-left: none;
		background: #e1e1e1;
	}
	.abgne_tab ul.tabs li a {
		display: block;
		padding: 0 20px;
		color: #000;
		border: 1px solid #fff;
		text-decoration: none;
	}
	.abgne_tab ul.tabs li a:hover {
		background: #ccc;
	}
	.abgne_tab ul.tabs li.active  {
		background: #fff;
		border-bottom: 1px solid #fff;
	}
 	.abgne_tab ul.tabs li.active a:hover {
		background: #fff;
	}
	.tab_container {
		clear: left;
		width: 100%;
/*		border: 1px solid #999;*/
		border-top: none;
/*		background: #fff;*/
        font-family: '微軟正黑體';
        color: #3c63aa;
        font-weight:bold;
	}
	.tab_container .tab_content {
/*		padding: 20px;*/
	}
	.tab_container .tab_content h2 {
		margin: 0 0 20px; font-size: 28px; font-weight: 700;
	}


.tab_container .tab_content h3 {
		margin: 0 0 20px; font-size: 18px; font-weight: 700; color: #FF0000;
	}