@charset "utf-8";

/* CSS Document */

/***普通通用*********************************************************/

.clear {

	zoom: 1;

	clear: both;

}

.clear:after {

	content: '';

	display: block;

	clear: both;

	visibility: hidden;

	height: 0;

}

.bold {font-weight: bold;}

/*上下換圖按鈕加在連結中的css，意思是<a>標籤的背景位置為往上移動圖片高度一半的單位*/

/***普通通用*********************************************************/

body {

	margin: 0px;

	padding: 0px;

	font-family: Arial, "新細明體";

	background-color: #fff;

}

#wrapper {

	width: 100%;

	position: relative;

	margin: auto;

}

/***普通通用*********************************************************/

/***頁頭********************************************************/

#header_box {

	width: 100%;

	height: auto;

	background-image: url(index/header.jpg);

	background-repeat: repeat-x;

	background-position: center top;	

}

#header {

	width:1000px;

	height:664px;

	margin: 0 auto;

	position: relative;

}

/***頁頭********************************************************/

/***LOGO*******************************************************/

#logo {

	width: auto;

	height: auto;

	position: absolute;

	left: 0px;

	z-index: 5;

	top: 0px;

}



/***LOGO*******************************************************/



/***主視圖******************************************************/

#ad_bg {

	width: 100%;

	background-image: url(banner/ad-bg.png);

	background-repeat: no-repeat;

	background-position: center top;

	position: absolute;

	z-index: 1;

	left: 0px;

	top: 121px;

}

#ad {

	height: 541px;

	position: relative;

	overflow: hidden;

	width: 960px;

	margin: 0 auto;

}

#left-ad{

	height: 757px;

	width: 122px;

	position: absolute;

	left: -166px;

	top: 664px;

}

/***主視圖********************************************************/

/***主要內容******************************************************/

#main_box {

	width: 100%;

	height: auto;

}

#main {

	width: 1000px;

	height: auto;

	min-height: 1097px;

	position: relative;

	margin: 0 auto;

}





/***主要內容******************************************************/



#latest{

	font-size: 13px;

	line-height: 22px;

	background-image: url(index/latest.jpg);

	height: 240px;

	width: 960px;

	padding-top: 55px;

	background-repeat: no-repeat;

	background-position: left 5px;

	margin: auto;

}

#latest .list{

	float: left;

	height: 240px;

	width: 320px;

}

#latest .photo{

	height: 114px;

	width: 303px;

	border: 1px solid #E4E4E4;

}

#latest .photo img{

	max-height: 114px;

	max-width: 303px;
}



#latest .title{

	width: 290px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 16px;

	font-weight: bold;

	color: #111111;

	background-image: url(index/latest-dot.jpg);

	background-repeat: no-repeat;

	background-position: left 16px;

	height: 22px;

	padding-top: 13px;

	padding-left: 15px;

}

#latest .title a{

	color: #111111;

	text-decoration: none;

}

#latest .title a:hover{color: #8BC930;}

#latest .mast{

	width: 305px;

	font-size: 13px;

	height: 56px;

	line-height: 19px;

}



#latest .list.no2 .photo,

#latest .list.no2 .title,

#latest .list.no2 .mast{ margin: auto;}

#latest .list.no3 .photo,

#latest .list.no3 .title,

#latest .list.no3 .mast{	float: right;}

/**/

#advertising{

	float: right;

	height: 765px;

	width: 240px;

	margin-right: 20px;

	position: relative;

}

/**/

#win{

	background-image: url(index/win.jpg);

	background-repeat: no-repeat;

	background-position: left top;

	float: left;

	height: 325px;

	width: 700px;

	margin-left: 20px;

}

#win .more{

	text-align: right;

	height: 31px;

	width: 679px;

	padding-top: 52px;

}

#win ul{

	list-style-type: none;

	width: 100%;

	height:220px;	

}

#win li{

	font-size: 13px;

	line-height: 31px;

	padding: 0 2%;

	float: left;

	width: 29%;

	border-right-width: 1px;

	border-right-style: dotted;

	border-right-color: #333;

	

}

#win li.end{border-right: 0px;}

#win li a{

	background-image: url(index/dot.png);

	background-repeat: no-repeat;

	background-position: left 9px;

	padding-left: 20px;

	color: #333;

	text-decoration: none;

	display: block;

}

#win li a:hover{

	color: #EB5300;

}

/**/

#inews{

	background-image: url(index/news.jpg);

	float: left;

	height: 360px;

	width: 681px;

	margin-left: 20px;

	padding-top: 60px;

	padding-right: 10px;

	padding-left: 10px;

}

#inews .important{

	float: left;

	height: 180px;

	width: 506px;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #EBEBEB;

}

#inews .important .photo{

	background-color: #EBEBEB;

	padding: 5px;

	float: left;

	height: 156px;

	width: 208px;

}

#inews .important .photo img{

	max-height: 156px;

	max-width: 208px;

}

#inews .important .photo:hover{

	background-color: #8BC930;

}

#inews .important .title{

	font-family: "微軟正黑體";

	font-size: 16px;

	line-height: 26px;

	font-weight: bold;

	float: left;

	height: 28px;

	width: 260px;

	margin-left: 15px;

}

#inews .important .title a{

	color: #111111;

	text-decoration: none;

}

#inews .important .title a:hover{

	color: #8BC930;

}

#inews .important .date{

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	line-height: 25px;

	font-weight: bold;

	color: #8BC930;

	margin-left: 15px;

	float: left;

}

#inews .important .mast{

	float: left;

	margin-left: 15px;

	width: 260px;

	font-size: 13px;

	line-height: 19px;

	color: #000;

	height: 95px;

	padding-top: 3px;

}

#inews .important .more{

	float: left;

	margin-left: 15px;

	width: 260px;

	padding-top: 2px;

}

#inews .box{

	width: 506px;

	float: left;

	height: 154px;

	padding-top: 16px;

}

#inews .box .list{

	float: left;

	height: 154px;

	width: 25%;

}

#inews .box .photo{

	background-color: #FFF;

	padding: 1px;

	height: 87px;

	width: 115px;

	margin: auto;

}

#inews .box .photo img{

	max-height: 87px;

	max-width: 115px;

}

#inews .box .photo:hover{

	background-color: #8BC930;

}

#inews .box .mast{

	width: 117px;

	margin: auto;

	height: 52px;

	padding-top: 5px;

	font-size: 13px;

	color: #000000;

}

#inews .n-box{

	float: right;

	height: 350px;

	width: 167px;

}

#inews .n-box .list{

	height: 89px;

	width: 166px;

	border-bottom-width: 1px;

	border-bottom-style: dotted;

	border-bottom-color: #999;

	font-family: "微軟正黑體";

	font-size: 13px;

}

#inews .n-box .date{

	background-image: url(index/n.jpg);

	background-repeat: no-repeat;

	background-position: left 8px;

	padding-left: 15px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	line-height: 29px;

	color: #FF9C15;

}

#inews .n-box .title{

	line-height: 20px;

	color: #333333;

}

#inews .n-box .title a{color: #333333;

	text-decoration: none;

}

#inews .n-box .title a:hover{

	color: #8BC930;

}

#inews .n-box .mast{

	line-height: 18px;

	color: #8E8E8E;

}

#inews .n-box .mast:hover{

	color: #000;

}







/***社群*******************************************************/

#community {

	position: absolute;

	top: 183px;

	left: 318px;

}

/***社群*******************************************************/

/***頁底*********************************************************/

#footer_box {

	width: 100%;

	height: auto;

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

	background-repeat: no-repeat;

	background-position: center top;

}

#footer {

	width: 1000px;

	height:441px;

	margin: 0 auto;

	position:relative;

	font-size: 12px;

	letter-spacing: 1px;

}

#footer .ad{

	background-image: url(footer/ab-box.png);

	height: 186px;

	width: 228px;

	position: absolute;

	z-index: 1;

	left: 17px;

	top: 14px;

}

#footer .ad .photo{

	margin: auto;

	height: 171px;

	width: 225px;

	padding-top: 3px;

	position: relative;

}


#footer .ad .photo img{

	height: 169px;

	width: 223px;

	border: 1px solid #CBE296;

}

#footer .menu {

	width: 208px;

	height: 107px;

	color: #E3E3E3;

	position: absolute;

	left: 318px;

	top: 14px;

	border-bottom-width: 1px;

	border-bottom-style: dotted;

	border-bottom-color: #82C5E6;

	background-image: url(footer/title.jpg);

	background-repeat: no-repeat;

	background-position: left top;

	padding-top: 37px;

}

#footer .menu a {

	color: #BEEAF9;

	text-decoration: none;

	line-height: 22px;

	background-image: url(footer/dot.jpg);

	background-repeat: no-repeat;

	background-position: left 9px;

	display: block;

	float: left;

	width: 46%;

	padding-left: 4%;

}

#footer .menu a:hover {

	color: #BEEAF9;

	text-decoration: underline;

}



#footer .qr{position: absolute;

	left: 318px;

	top: 206px;}

	

#footer .info {

	color: #AAAAAA;

	position: absolute;

	top: 14px;

	height: 305px;

	width: 385px;

	right: 20px;

}

#footer .info .list{

	width: 385px;

	height: 104px;

}

#footer .info .title{

	font-family: "微軟正黑體";

	font-size: 16px;

	line-height: 26px;

	font-weight: bold;

	color: #000000;

	background-image: url(footer/dot2.jpg);

	background-repeat: no-repeat;

	background-position: left 3px;

	padding-left: 28px;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #FAABA7;

}

#footer .info .mast{

	width: 385px;

	color: #FFFFFF;

	height: 68px;

	padding-top: 5px;

	font-size: 13px;

	line-height: 22px;

}

#footer .info .mast span{

	font-size: 12px;

	color: #682621;

}

#footer .copyright {

	color: #878787;

	position: absolute;

	top: 362px;

	left: 0px;

	text-align: center;

	width: 100%;

}

#footer .copyright span{color: #878787;}

#footer .copyright a {

	color: #878787;

	text-decoration: none;

}

#footer .copyright ins{

	text-decoration: underline;

}

#footer .copyright a:hover {

	color: #1595D4;

	text-decoration: none;

}

#sharebutton img{ cursor:pointer;}

/***頁底*********************************************************/