@charset "utf-8";
/* CSS Document */
/***至頂靠齊*********************************************************/
#lang {
	width: 200px;
	color: #C7AB6C;
	top: 5px;
	left: 25px;
	position: absolute;
	font-size: 13px;
	z-index: 999;
}
/***至頂靠齊*********************************************************/
/***普通通用*********************************************************/
body {
	margin: 0px;
	padding: 0px;
	font-family: Arial, "微軟正黑體";
	font-size: 13px;
	line-height: 22px;
	letter-spacing: 0px;
	color: #333333;
	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: 0px;
	left: 388px;
	z-index: 50;
}
/***LOGO*******************************************************/
/***主視圖******************************************************/
#banner_box {
	width: 100%;
	padding:20px 0;
	position: relative;
}
#banner {
	max-width: 1020px;
	width: 960px;
	height:400px;
	position: relative;
	padding:30px 20px 0 20px;
	margin:0 auto;
	margin-bottom:50px;
}
#banner_box .list{
	width:960px;
	height:480px;
	border:#232323 2px solid;
	margin:0 auto;
}
#loading {
	position: absolute;
	top: 49.5%;
	left: 34%;
	z-index: 1;
	width: 16px;
	height: 16px;
	text-indent: -999em;
	display: block;
	background-image: url(../../scripts/flexslider/progress.gif);
}
/***主視圖********************************************************/
/***主要內容******************************************************/
#head_box {
	width:100%;
	min-width: 1040px;
	margin: 0 auto;
	position: relative;
	background:url(i_img/bg.jpg) center top repeat;
	border-bottom:  1px solid;
}
#head_box:before{
 content: "";
 position: absolute;
 bottom:-2px;
 display: block;
 width:100%;
 border-bottom: #000 1px solid;
}
#head {
	width:1000px;
	height:215px;
	margin: 0 auto;
	position: relative;
}
#main_box {
	width: 100%;
	min-width:1040px;
	margin:0 auto;
	padding: 0 0 0px 0;
	background: url(i_img/bg_02.jpg) center top repeat;
	border-bottom: #333 1px solid;
}
#main {
	width: 1000px;
	margin: 0 auto;
	position: relative;
	padding-bottom:50px;
	margin-bottom:15px;
}
/*********************************************************/
/*********************************************************/
#top_u {
	width: 52px;
	height: 47px;
	position: fixed;
	left: 50%;
	bottom: 50px;
	z-index: 50;
	cursor: pointer;
	margin-left: 542px;
	display:none;
}
/*********************************************************/
/*********************************************************/
#t_menu{
	width:960px;
	height:32px;
	line-height:32px;
	text-align:right;
	color:#8B8B8B;
	font-size:12px;
	margin:0 auto;
	word-spacing:3px;
}
#t_menu img{
	vertical-align:middle;
}
#t_menu a span{
	color:#FEA54C;
	text-decoration:none;
}
#t_menu a:visited span{
	color:#FEA54C;
	text-decoration:none;
}
#t_menu a:hover span{
	color:#FFDD00;
	text-decoration:none;
}
#t_menu a{
	color:#8B8B8B;
	text-decoration:none;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
}
#t_menu a:visited{
	color:#8B8B8B;
	text-decoration:none;
}
#t_menu a:hover{
	color:#BAAA7E;
	text-decoration:none;
}
/*********************************************************/
/*********************************************************/
/*********************************************************/
/*********************************************************/
#iagent {
	width: 1000px;
	margin:0 auto;
	padding:72px 0px 0 0px;
	position: relative;
	margin-bottom:25px;
	background: url(i_img/products_title.png) 0 30px no-repeat;
}
#iagent .list {
	width: 224px;
	height: 278px;
	text-align: center;
	position: relative;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
	-webkit-box-shadow:0px 0px 14px -2px rgba(0%,0%,0%,0.7);
	-moz-box-shadow:0px 0px 14px -2px rgba(0%,0%,0%,0.7);
	box-shadow:0px 0px 14px -2px rgba(0%,0%,0%,0.7);
}
#iagent .list .top{
	width:190px;
	height:93px;
	color:#8D8D8D;
	padding:20px 17px 0 17px;
	position:absolute;
	bottom:0px;
	left:0px;
	text-align:left;
	line-height:20px;
	overflow:hidden;
	background:url(i_img/products_bg.png) no-repeat;
}
#iagent .list .top span{
	height:20px;
	line-height:20px;
	overflow:hidden;
	color:#2CACE9;
	font-size:15px;
	font-weight:bold;
	display:block;
}
#iagent .list.agent_01{
	border:#3DA43E 3px solid;
}
#iagent .list.agent_02{
	border:#E9921A 3px solid;
}
#iagent .list.agent_03{
	border:#BE442D 3px solid;
}
#iagent .list.agent_04{
	border:#FFDD00 3px solid;
}
#iagent .list img {
	max-width: 224px;
	max-height: 278px;
}
#iagent .more {
	width: 55px;
	height: 20px;
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 10;
}
/*********************************************************/
/*********************************************************/
#iabout{
	width:628px;
	height:152px;
	color:#B2B2B2;
	line-height:20px;
	padding:50px 25px 0px 315px;
	margin:0 auto;
	z-index:50;
	position:relative;
	background: url(i_img/about_bg.png) no-repeat;
	margin-bottom:25px;
}
#iabout .con{
	width:230px;
	height:195px;
	line-height:24px;
	overflow:hidden;
}
#iabout .more{
	width: 48px;
	height: 17px;
	position: absolute;
	top: 24px;
	right: 10px;
}
/*********************************************************/
/*********************************************************/
#iad{
	width:984px;
	margin:0 auto;
	margin-bottom:15px;
}
#iad .list{
	float:left;
	margin:0 7px;
	padding-bottom:20px;
	background:url(i_img/ad_s.png) bottom no-repeat;
}
#iad .list .photo{
	width:230px;
	height:125px;
	text-align:center;
	border:#555555 1px solid;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
	-webkit-box-shadow:0px 0px 14px -2px rgba(0%,0%,0%,0.7);
	-moz-box-shadow:0px 0px 14px -2px rgba(0%,0%,0%,0.7);
	box-shadow:0px 0px 14px -2px rgba(0%,0%,0%,0.7);
}
#iad .list .photo:hover{
	border:#E9921A 1px solid;
}
#iad .list .photo img{
	max-width:230px;
	max-height:125px;
}
/*********************************************************/
/*********************************************************/
#inews_box{
	width:100%;
	min-width:1040px;
	margin:0 auto;
	position:relative;
	background:url(i_img/bg_03.jpg) center top repeat;
}
#inews{
	width:968px;
	margin:0 auto;
	background: url(i_img/news_title.png) center 30px no-repeat;
	padding:65px 0 35px 0;
	position:relative;
}
#inews .left{
	width:670px;
	float:left;
}
#inews .left .photo{
	width:280px;
	height:210px;
	float:left;
	background:#3E3E3E;
	border:#3E3E3E 4px solid;
	margin-top:25px;
}
#inews .left .photo img{
	max-width:280px;
	max-height:210px;
}
#inews .left .info{
	width:370px;
	height:150px;
	float:right;
	padding:110px 0 0 0;
	background:url(i_img/news_bg.png) right top no-repeat;
}
#inews .left .info .date{
	line-height:20px;
	height:20px;
	color:#868686;
	font-weight:bold;
	margin-bottom:10px;
}
#inews .left .info .name{
	font-size:15px;
	font-weight:bold;
	color:#FEA54C;
	line-height:20px;
	height:20px;
	margin-bottom:10px;
	overflow:hidden;
}
#inews .left .info .name a{
	color:#FEA54C;
	text-decoration:none;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
}
#inews .left .info .name a:visited{
	color:#FEA54C;
	text-decoration:none;
}
#inews .left .info .name a:hover{
	color:#F8CB3C;
	text-decoration:none;
}
#inews .left .info .con{
	color:#B2B2B2;
	height:70px;
	line-height:20px;
	overflow:hidden;
}
#inews .right{
	width:285px;
	float:right;
	padding:15px 0 0 0;
}
#inews .right .list{
	height:75px;
	padding: 0 10px;
	background:url(i_img/news_line.png) bottom no-repeat;
}
#inews .right .list .date{
	height:20px;
	line-height:20px;
	padding:7px 0 0 0;
	color:#2BA0C8;
}
#inews .right .list .name{
	color:#7D7D7D;
	line-height:20px;
}
#inews .right .list .name a{
	color:#7D7D7D;
	display:block;
	text-decoration:none;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
}
#inews .right .list .name a:visited{
	color:#7D7D7D;
	text-decoration:none;
}
#inews .right .list .name a:hover{
	color:#C6C6C6;
	text-decoration:none;
}
#inews .more{
	width: 48px;
	height: 17px;
	position: absolute;
	top: 35px;
	right: 10px;
}
/*********************************************************/
/*********************************************************/
.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;
}
/*********************************************************/
/*********************************************************/