@charset "utf-8";
/* CSS Document */
BODY, HTML{
	width:100%;
	height:100%;
	font-size:16px;
	font-family:"新細明體", Arial;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	-webkit-text-size-adjust:none;
}
IMG{
	border:0px;
}
input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}
input, select textarea, button, submit{
	border:0px;
	font-family:Arial, "微软雅黑";
	font-size:12px;
}
button, submit{

	webkit-appearance:none;  
    -webkit-border-radius:0px;
}

#mainContainer{
	width:1440px;
	height:900px;
	text-align:left;
}













.homeBg{
	background-image:url(../images/home_bg.png);
	background-repeat:no-repeat;
	background-position:left bottom;
}








#logo{
	position:absolute;
	top:42px;
	left:19px;
	width:289px;
	height:106px;
}


#leftContainer{
	width:227px;
	height:900px;
	float:left;
	background-image:url(../images/left_bg.png);
	background-repeat:no-repeat;
	background-color:#b5971d;
}
#middleContainer{
	width:1082px;
	height:900px;
	float:left;
	background-color:#b5971d;
	position:relative;
}
#topContainer{
	width:1082px;
	height:153px;
	float:left;
	position:absolute;
	position:relative;
	top:0;
	background-image:url(../images/top_bg.png);
	background-repeat:no-repeat;
}

#topContainer ul{
	padding:0 0 0 0;
	margin:60px 0 0 0;
	float:right;
}
#topContainer ul li{
	padding:0 0 0 0;
	margin:0 0 0 0;
	float:left;
	padding-left:42px;
	padding-right:42px;
	color:#5d1e1f;
	font-size:23px;
	list-style:none;
	font-weight:bold;
}

#topContainer ul li a{
	color:#5d1e1f;
	text-decoration:none;
}
#topContainer ul li a:hover{
	color:#5d1e1f;
	text-decoration:none;
}


#bottomContainer{
	width:1082px;
	height:48px;
	float:left;
	position:absolute;
	bottom:0;
	background-image:url(../images/bottom_bg.png);
	background-repeat:no-repeat;
}
#rightContainer{
	width:131px;
	height:900px;
	float:left;
	background-color:#b5971d;
	background-image:url(../images/right_bg.png);
	background-repeat:no-repeat;
}

#rightContainer div{
	padding:0 0 0 0;
	margin:60px 0 0 0;
	text-align:center;
	color:#FFFFFF;
}
#rightContainer div a{
	color:#FFFFFF;
	text-decoration:none;
}
#rightContainer div a:hover{
	color:#FFFFFF;
	text-decoration:none;
}
















#newsContainer{
	float:left;
	width:1064px;
	height:700px;
	margin-top:39px;
}
#newsContainer .list{
	width:203px;
	height:602px;
	float:left;
	overflow-y:scroll;
}
#newsContainer .list li{
	float:left;
	width:183px;
	text-align:left;
	list-style:none;
	margin-bottom:15px;
}
#newsContainer .list li .select{
	color:#000000;
}
#newsContainer .list li a{
	color:#000000;
	text-decoration:none;
}
#newsContainer .list li a:hover{
	color:#000000;
	text-decoration:underline;
}

#newsContainer .detail{
	width:830px;
	margin-left:29px;
	height:624px;
	float:left;
	overflow-y:auto;
	color:#000000;
}
#newsContainer .detailTitle{
	color:#8b0606;
	 word-break: break-all;
	font-weight:bold;
	font-size:18px;
	float:left;

}
#newsContainer .detailCotnent{
	color:#000000;
	float:left;
	width:617px;
}













#proContainer{
	float:left;
	width:1064px;
	height:700px;
}


#proContainer .list{
	width:181px;
	height:700px;
	float:left;
	margin-top:19px;
	font-size:17px;
	/*overflow-y:scroll;*/
	overflow:hidden;
	
}
#proContainer .list li{
	float:left;
	width:114px;
	text-align:right;
	list-style:none;
	margin-bottom:10px;
	font-weight:bold;
}
#proContainer .list li .select{
	color:#8b0606;
}
#proContainer .list li a{
	color:#FFFFFF;
	text-decoration:none;
}
#proContainer .list li a:hover{
	color:#8b0606;
	text-decoration:none;
}
#proContainer .detail{
	width:830px;
	height:700px;
	float:left;
	overflow-y:auto;
	overflow-x:hidden;
	color:#FFFFFF;
	text-align:center;
	font-size:15px;
	font-weight:bold;
}
#proContainer .detailCotnent{
	color:#FFFFFF;
	float:left;
	width:830px;
	
}
#proContainer .detailList{
	float:left;
	width:188px;
	margin-right:45px;
	height:271px;
}
#proContainer .detailList img{
	border:5px #FFFFFF solid;
}
#proContainer .detailList span{
	color:#b7fb05;
	float:left;
	width:65%;
	text-align:left;
}
#proContainer .detailList font{
	color:#ffffff;
	float:right;
}

#proContainer .detailList a{
	color:#b7fb05;
	text-decoration:none;
}
#proContainer .detailList a:hover{
	color:#b7fb05;
	text-decoration:underline;
}
#proContainer .detailList:last-chid{
	margin:0 0 0 0;
}



#proContainer .detailName{
	color:#FFFFFF;
	float:left;
	width:805px;
	text-align:left;
}
#proContainer .detailPh{
	float:left;
	width:311px;
	margin-right:14px;
}
#proContainer .detailPhBig{
	float:left;
	width:195px;
	margin-right:10px;
}
#proContainer .detailPhSmall{
	float:left;
	width:92px;
}
#proContainer .detailPhSmall img{
	margin-bottom:10px;
}
#proContainer .detailPhSmall img:last-child{
	margin:0 0 0 0;
}
#proContainer .detailTitle{
	float:left;
	width:365px;
}
#proContainer .detailTitle span{
	font-size:18px;
	font-weight:bold;
	color:#8b0606;
}



#proContainer .detailDescription{
	margin-top:10px;
	color:#FFFFFF;
	float:left;
	width:685px;
	text-align:left;
}
#proContainer .detailDescriptionTitle{
	width:51px;
	float:left;
	color:#f9ea01;
}
#proContainer .detailDescriptionText{
	width:634px;
	float:left;
}










#contactContainer{
	float:left;
	width:1064px;
	height:651px;
	background-image:url(../images/contact_bg.png);
	 background-repeat:no-repeat;
	 background-position:right bottom;
	 padding-top:49px;
}

#contactContainer div {
	margin:0 0 5px 0;
	padding:0 0 0 0;
	position:relative;
	min-width:686px;
	float:right;

}
#contactContainer div div{
	width:115px;
	min-width:115px;
	max-width:115px;
	color:#2e2213;
	font-size:20px;
	padding-left:10px;
	font-family:"Gill Sans MT";
	float:left;
}
#contactContainer div input[type=text]{
	margin-top:5px;
	width:551px;
	float:left;
	height:36px;
	border:0px;
	line-height:36px;
	padding-left:5px;
	padding-right:5px;
	background-color:#d3d3d3;
	font-family:"Trebuchet MS", "微軟正黑體", "Microsoft YaHei";
	-webkit-box-shadow: inset 2px 2px 2px 0px #666666;
	-moz-box-shadow: inset 2px 2px 2px 0px #666666;
	box-shadow: inset 2px 2px 2px 0px #666666;
}
#contactContainer div textarea{
	margin-top:5px;
	float:left;
	width:551px;
	min-width:551px;
	max-width:551px;
	height:173px;
	min-height:173px;
	max-height:173px;
	border:0px;
	line-height:36px;
	padding-left:5px;
	padding-right:5px;
	background-color:#d3d3d3;
	font-family:"Trebuchet MS", "微軟正黑體", "Microsoft YaHei";
	-webkit-box-shadow: inset 2px 2px 2px 0px #666666;
	-moz-box-shadow: inset 2px 2px 2px 0px #666666;
	box-shadow: inset 2px 2px 2px 0px #666666;
}
#contactContainer div input[type=submit]{
	background:none;
	background-image:url(../images/contact_but.png);
	width:93px;
	height:36px;
	border:0px;
	color:#000000;
	line-height:36px;
	text-align:center;
	cursor:pointer;
	float:right;
	font-size:12px;
	font-family:"Trebuchet MS", "微軟正黑體", "Microsoft YaHei";
}

#contactContainer .address{
	width:686px;
	float:left;
	color:#FFFFFF;
	margin-left:40px;
}
