@charset "utf-8";

/* CSS Document */

body {

	margin: 0px;

}



#templants {

	width: 960px;

	height: auto;

	position: relative;

	clear: both;

	margin:auto;

}



#logo{

	position: absolute;

	z-index: 1;

	height: auto;

	width: 260px;

	left: 0px;

	top: 39px;

}



#top {

	width: 960px;

	height:496px;

	margin: auto;

	background-image: url(../templants/bg.jpg);

	background-repeat: repeat-x;

	background-position: left top;

}

#topnav{
	height: 16px;
	width: 130px;
	position: absolute;
	z-index: 1;
	top: 103px;
	right: 26px;
}

/*社群分享按鈕*/

#association{
	width: 294px;
	height: auto;
	text-align: right;
	position: absolute;
	z-index: 1;
	top: 100px;
	right: 158px;

}

#banner-box{

	width:960px;

	height:270px;

	overflow: hidden;

	position: absolute;

	z-index: 1;

	left:0px;

	top: 204px;

}

/*左右水平廣告輪播*/

#banner * {

	margin: 0;

	border: 0;

	padding: 0;

}



#banner {

	max-width:960px;

}

#banner { margin: 0 auto; }

#banner .slides {

	display: block;

	position: relative;

	overflow: hidden;

}

#banner .slides li {

	position: absolute;

	top: 0;

	left: 0;

	overflow: hidden;

}

#banner .slides li.active { display: block; position: relative; }

#banner .crop li img { width: auto; }





/*點點*/

#banner .pager {

	height: 20px;

	text-align: center;

	position: absolute;

	z-index: 2;

	left: 40px;

	bottom: 11px;

}

#banner .pager li { display: inline-block; }

#banner .pager li a,

#banner .pager li a span {

	display: block;

	height: 13px;

	width: 13px;

}

#banner .pager li a {

	text-indent:-3000px;

	margin-right: 3px;	

}

#banner .pager li a span {

	background-image: url(../jq/cir_ctrl.png);

	background-repeat: no-repeat;

	background-position: left top;

}

#banner .pager li.active a span {

	background-position: right top;	

}







/**/

#center {
	width: 960px;
	height: auto;
	margin: auto;
	clear: both;
	position: relative;
	padding-bottom: 24px;

	

}

/*首頁畫面*/

#about{

	float: left;

	height: 350px;

	width: 305px;

	margin-right: 22px;

	position: relative;

	background-image: url(photo-lin.jpg);

	background-repeat: no-repeat;

	background-position: center bottom;

	padding-bottom: 2px;

	border-top-width: 4px;

	border-top-style: solid;

	border-top-color: #939297;

}

#about:hover{border-top-width: 4px;

	border-top-style: solid;

	border-top-color: #EC861D;}

#about .photo{

	height: 139px;

	width: 305px;

}

#about .title{

	height: 28px;

	width: 305px;

	position: absolute;

	z-index: 1;

	left: 0px;

	top: 112px;

}

#about .mast{
	background-image: url(mast-bg.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
	height: 188px;
	width: 281px;
	border-right: 1px solid #C9C9C9;
	border-bottom: 1px solid #C9C9C9;
	border-left: 1px solid #C9C9C9;
	padding: 11px;

}

/*------------------------------------------*/

#news{

	float: left;

	height: 350px;

	width: 305px;

	position: relative;

	background-image: url(photo-lin.jpg);

	background-repeat: no-repeat;

	background-position: center bottom;

	padding-bottom: 2px;

	border-top-width: 4px;

	border-top-style: solid;

	border-top-color: #939297;

}

#news:hover{border-top-width: 4px;

	border-top-style: solid;

	border-top-color: #EC861D;}

#news .photo{

	height: 139px;

	width: 305px;

}

#news .more{

	height: 20px;

	width: 285px;

	position: absolute;

	z-index: 1;

	left: 0px;

	top: 112px;

	background-image: url(news-title.png);

	background-repeat: no-repeat;

	background-position: left top;

	padding: 4px 10px;

	text-align: right;

}

#news .mast{
	background-image: url(mast-bg.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
	height: 189px;
	width: 281px;
	border-right: 1px solid #C9C9C9;
	border-bottom: 1px solid #C9C9C9;
	border-left: 1px solid #C9C9C9;
	padding: 11px;

}

#news .list{

	background-image: url(dot.jpg);

	background-repeat: no-repeat;

	background-position: left 13px;

	height: 24px;

	width: 97%;

	padding-top: 5px;

	padding-left: 3%;

	border-bottom-width: 1px;

	border-bottom-style: dotted;

	border-bottom-color: #B0B0B0;

}

/*------------------------------------------*/

#youtube{

	float: right;

	height: 350px;

	width: 305px;

	position: relative;

	background-image: url(photo-lin.jpg);

	background-repeat: no-repeat;

	background-position: center bottom;

	padding-bottom: 2px;

	border-top-width: 4px;

	border-top-style: solid;

	border-top-color: #939297;

}

#youtube:hover{border-top-width: 4px;

	border-top-style: solid;

	border-top-color: #EC861D;}

#youtube .photo{
	height: 229px;
	width: 305px;

}

#youtube .title{
	height: 28px;
	width: 305px;
	position: absolute;
	z-index: 1;
	left: 0px;
	top: 200px;
}

#youtube .mast{
	background-image: url(mast-bg.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
	height: 99px;
	width: 281px;
	border-right: 1px solid #C9C9C9;
	border-bottom: 1px solid #C9C9C9;
	border-left: 1px solid #C9C9C9;
	padding: 11px;

}

#sidebar{}



/*首頁畫面*/

#footer {
	width: 960px;
	height: 75px;
	position: relative;
	clear: both;
	background-image: url(../templants/footer.jpg);
	background-repeat: no-repeat;
	background-position: center top;

}