@charset "utf-8";
/* CSS Document */
BODY, HTML{
	width:100%;
	height:100%;
	font-size:14px;
	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;
	text-align:left;
}

#mainContainer .leftWrapper{
	width:182px;
	float:left;
	height:900px;
	background-image:url(../images/left_bg.png);
}
#mainContainer .rightWrapper{
	width:103px;
	float:right;
	height:900px;
	background-image:url(../images/right_bg.png);
	text-align:center;
}
#mainContainer .rightWrapper div{
	padding-top:48px;
	color:#debe86;
}
#mainContainer .rightWrapper div a{
	color:#debe86;
	text-decoration:none;
}
#mainContainer .rightWrapper div a:hover{
	color:#debe86;
	text-decoration:underline;
}

















#bodyContainer{
	width:1155px;
	height:900px;
	float:left;
	overflow:hidden;
	position:relative;
	background-image:url(../images/body_bg.png);
}

#bodyContainer .tail{
	position:absolute;
	font-size:16px;
	bottom:22px;
	line-height:61px;
	color:#FFFFFF;
	left:575px;
	text-align:left;
	background-image:url(../images/tail_icon.png);
	padding-left:46px;
	background-repeat:no-repeat;
	background-position:8px;
}


#bodyContainer .content{
	float:left;
	width:802px;
	height:624px;
	margin-left:40px;
	margin-top:156px;
}








#logo{
	position:absolute;
	top:70px;
	left:160px;
	width:10px;
	height:10px;
}


#leftMenuContainer{
	width:238px;
	float:left;
	margin-top:367px;
}

#leftMenuContainer li{
	width:238px;
	float:left;
	margin-top:29px;
	list-style:none;
}
#leftMenuContainer li img{
	float:right;
	margin-right:28px;
}


#homeMenuContainer{
	width:164px;
	float:left;
	margin-top:230px;
}

#homeMenuContainer li{
	width:164px;
	float:left;
	margin-top:29px;
	list-style:none;
}
#homeMenuContainer li img{
	float:right;
	margin-right:28px;
}




#newsContainer{
	float:left;
	width:849px;
	height:624px;
}
#newsContainer .list{
	width:203px;
	height:526px;
	float:left;
	margin-top:39px;
	overflow-y:scroll;
}
#newsContainer .list li{
	float:left;
	width:183px;
	text-align:left;
	list-style:none;
	margin-bottom:15px;
}
#newsContainer .list li .select{
	color:#FFFFFF;
}
#newsContainer .list li a{
	color:#fbbf07;
	text-decoration:none;
}
#newsContainer .list li a:hover{
	color:#fbbf07;
	text-decoration:underline;
}

#newsContainer .detail{
	width:617px;
	margin-left:29px;
	height:624px;
	float:left;
	overflow-y:auto;
	color:#FFFFFF;
}
#newsContainer .detailTitle{
	color:#fbbf07;
	 word-break: break-all;
	font-weight:bold;
	font-size:18px;
	float:left;

}
#newsContainer .detailCotnent{
	color:#FFFFFF;
	float:left;
	width:617px;
}













#proContainer{
	float:left;
	width:849px;
	height:624px;
}


#proContainer .list{
	width:134px;
	height:624px;
	float:left;
	margin-top:19px;
	font-size:17px;
	/*overflow-y:scroll;*/
	overflow:hidden;
}
#proContainer .list li{
	float:left;
	width:114px;
	text-align:left;
	list-style:none;
	margin-bottom:10px;
	font-weight:bold;
}
#proContainer .list li .select{
	color:#FFFFFF;
}
#proContainer .list li a{
	color:#fbbf07;
	text-decoration:none;
}
#proContainer .list li a:hover{
	color:#FFFFFF;
	text-decoration:underline;
}
#proContainer .detail{
	width:715px;
	height:624px;
	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:715px;
	
}
#proContainer .detailList{
	float:left;
	width:188px;
	margin-right:45px;
	height:271px;
}
#proContainer .detailList img{
	border:5px #FFFFFF solid;
}
#proContainer .detailList span{
	color:#f9ea01;
}
#proContainer .detailList a{
	color:#f9ea01;
	text-decoration:none;
}
#proContainer .detailList a:hover{
	color:#f9ea01;
	text-decoration:underline;
}
#proContainer .detailList:last-chid{
	margin:0 0 0 0;
}



#proContainer .detailName{
	color:#FFFFFF;
	float:left;
	width:715px;
	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:#f9ea01;
}



#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:849px;
	height:624px;
}

#contactContainer div {
	margin:0 0 5px 0;
	padding:0 0 0 0;
	position:relative;
	min-width:686px;
	float:left;

}
#contactContainer div div{
	font-size:14px;
	width:115px;
	min-width:115px;
	max-width:115px;
	color:#FFFFFF;
	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;
	font-size:15px;
}