@charset "utf-8";
/* CSS Document */
#lang {
	position: absolute;
	right: 100px;
	z-index: 999;
	top: 33px;
}
/***普通通用*********************************************************/
body {
	margin: 0px;
	padding: 0px;
	font-family: Arial, "微軟正黑體";
	font-size: 12px;
	line-height: 22px;
	position: relative;
}
#wrapper {
	width: 100%;
	margin: 0 auto;
	position: relative;
}
#wrapper_box {
	width: 100%;
	clear: both;
	position: relative;
}
/***普通通用*********************************************************/
/***LOGO*******************************************************/
#logo {
	width: auto;
	height: auto;
	position: absolute;
	top: -70px;
	left: 60px;
	z-index: 50;
}
/***LOGO*******************************************************/
/***主視圖******************************************************/
#banner_box {
	width:100%;
	min-width:1122px;
	padding:91px 0 0 0;
	background:url(banner/bg_top.jpg) center no-repeat;
}
#banner {
	width:1122px;
	position: relative;
	margin:0 auto;
}
#banner .top{
	width:181px;
	height:439px;
	background: url(banner/top.png);
	position:absolute;
	right:0px;
	top:0px;
	z-index:50;
}
#loading {
	position: absolute;
	top: 49.5%;
	left: 49.5%;
	z-index: 1;
	width: 16px;
	height: 16px;
	text-indent: -999em;
	display: block;
	background-image: url(../../scripts/flexslider/progress.gif);
}
/***主視圖********************************************************/
/***主要內容******************************************************/
#head_box {
	width: 100%;
	position: relative;
}
#head {
	width:100%;
	min-width:1122px;
	height:91px;
	margin:0 auto;
	padding: 0;
	position:relative;
	background:url(i_img/bg_top.jpg) center no-repeat;
}
#main_box {
	width:100%;
	min-width: 1125px;
	height: 392px;
	padding: 37px 0 0px 0;
	background: url(i_img/bg.jpg) center top repeat-x;
}
#main {
	width: 1120px;
	height: 291px;
	position: relative;
	margin:0 auto;
}
/*********************************************************/
/*********************************************************/
#top_u {
	width: 52px;
	height: 47px;
	position: fixed;
	left: 50%;
	bottom: 50px;
	z-index: 50;
	cursor: pointer;
	margin-left: 542px;
	display: none;
}
/*********************************************************/
/*********************************************************/
#iabout {
	width: 275px;
	height: 200px;
	z-index: 50;
	float:right;
	color:#CED5DB;
	padding:62px 15px 0 15px;
	position:relative;
	line-height:28px;
	margin-right:61px;
	background:url(i_img/about_title.png) 0 0 no-repeat;
}
#iabout .con {
	width: 140px;
	height: 55px;
	color: #B2B2B2;
	font-size: 12px;
	line-height: 18px;
	overflow: hidden;
	position: absolute;
	right: 165px;
	top: 64px;
}
#iabout .more {
	width: 87px;
	height: 24px;
	position: absolute;
	right: 15px;
	top: 23px;
	z-index:10;
}
/*********************************************************/
/*********************************************************/
#inews {
	width: 603px;
	float:left;
	margin-left:103px;
	padding:19px 0px 0 0px;
	position:relative;
	background: url(i_img/news_title.png) 259px 0px no-repeat;
}
#inews .photo_box{
	width:259px;
	height:235px;
	float:left;
	padding:6px 0 0 0;
	background: url(i_img/news_bg.png) no-repeat;
}
#inews .photo{
	width:223px;
	height:227px;
	overflow:hidden;
	border:#62A7DF 1px solid;
	-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
margin:0 auto;
}
#inews .photo img{
	max-height:227px;
}
#inews .right{
	width:335px;
	float:right;
	padding:43px 0 0 0;
}
#inews .list_top {
	margin-bottom:10px;
	border-bottom:#405680 1px solid;
}
#inews .list_top .name{
	color:#A5DD31;
	font-size:15px;
	font-weight:bold;
	height:20px;
	overflow:hidden;
	line-height:20px;
}
#inews .list_top .date{
	color:#A5DD31;
	height:30px;
	line-height:30px;
}
#inews .list_top .con{
	height:55px;
	overflow:hidden;
	color:#CED5DB;
	line-height:18px;
	margin-bottom:10px;
}
#inews .list_top .name a{
	color:#A5DD31;
	text-decoration:none;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
}
#inews .list_top .name a:visited{
	color:#A5DD31;
	text-decoration:none;
}
#inews .list_top .name a:hover{
	color: #FF0;
	text-decoration:none;
}
/**********************************************/
#inews .list:last-child {
}
#inews .list {
	height: 34px;
	line-height: 34px;
	color: #A0ADBA;
	padding:0 0px 0 22px;
	position: relative;
	overflow:hidden;
	text-decoration: none;
	border-bottom:#405680 1px dotted;
	background:url(i_img/news_dot.png) 5px 13px no-repeat;
}
#inews .list a{
	color: #A0ADBA;
	text-decoration:none;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
}
#inews .list a:visited{
	color: #A0ADBA;
	text-decoration:none;
}
#inews .list a:hover{
	color: #A5DD31;
	text-decoration:none;
}
#inews .more {
	width: 87px;
	height: 24px;
	position: absolute;
	right: 15px;
	top: 23px;
	z-index:10;
}
/*********************************************************/
/*********************************************************/
/*********************************************************/
/*********************************************************/
.more a {
	width:100%;
	height:100%;
	display:block;
	background:url(i_img/more.png) no-repeat;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
}
.more a:hover {
	background:url(i_img/more_.png) no-repeat;
}
/*********************************************************/
/*********************************************************/
#footer_box {
	width: 100%;
	min-width:1122px;
	height: 101px;
	position: relative;
}
#footer {
	width: 1122px;
	height: 101px;
	margin: 0 auto;
	position: relative;
}
#footer .pic {
	position: absolute;
	left: -25px;
	top: -230px;
}
#footer .menu {
	font-size: 12px;
	color: #FFFFBF;
	position: absolute;
	left: 80px;
	top: 33px;
	height: 20px;
}
#footer .menu a {
	color: #FFFFBF;
	text-decoration: none;
	-webkit-transition: color 200ms linear;
	-moz-transition: color 200ms linear;
	-o-transition: color 200ms linear;
	transition: color 200ms linear;
}
#footer .menu a:visited {
	color: #FFFFBF;
	text-decoration: none;
}
#footer .menu a:hover {
	color: #DADA8C;
	text-decoration: none;
}
#footer .info {
	font-size: 13px;
	color: #7E8BB8;
	line-height: 18px;
	position: absolute;
	right: 480px;
	top: 20px;
	text-align: right;
	letter-spacing: 1px;
	word-spacing: 5px;
}
#footer .info span {
	color: #DF0000;
	font-size: 13px;
	font-weight: bold;
}
#footer .qr {
	position: absolute;
	right:72px;
	top: 18px;
}
#footer .copyright {
	height: 18px;
	line-height: 18px;
	font-size: 12px;
	color: #435392;
	text-align: right;
	letter-spacing: 0px;
	position: absolute;
	right: 480px;
	top: 62px;
}
#footer .copyright spanc {
	color: #878787;
}
#footer .copyright span {
	color: #435392;
}
#footer .copyright span a {
	color: #435392;
	text-decoration: underline;
	-webkit-transition: color 200ms linear;
	-moz-transition: color 200ms linear;
	-o-transition: color 200ms linear;
	transition: color 200ms linear;
}
#footer .copyright span a:visited {
	color: #435392;
	text-decoration: underline;
}
#footer .copyright span a:hover {
	color: #7E8BB8;
	text-decoration: underline;
}
#footer .copyright a {
	color: #435392;
	text-decoration: none;
	-webkit-transition: color 200ms linear;
	-moz-transition: color 200ms linear;
	-o-transition: color 200ms linear;
	transition: color 200ms linear;
}
#footer .copyright a:visited {
	color: #435392;
	text-decoration: none;
}
#footer .copyright a:hover {
	color: #7E8BB8;
	text-decoration: none;
}
#footer .top_use {
	width: 62px;
	height: 43px;
	position: absolute;
	right: 0px;
	top: -42px;
}
#footer .top_use a {
	width: 100%;
	height: 100%;
	display: block;
	-webkit-transition: background 200ms linear;
	-moz-transition: background 200ms linear;
	-o-transition: background 200ms linear;
	transition: background 200ms linear;
}
#footer .top_use a:hover {
	background: url(footer/top_.png) no-repeat;
}