@charset "utf-8";

#jquery-overlay{position:absolute;top:0;left:0;z-index:90;width:100%;height:500px;}
#jquery-lightbox{position:absolute;top:0;left:0;width:100%;z-index:100;text-align:center;line-height:0;}
#jquery-lightboxaimg{border:none;}
#lightbox-container-image-box{position:relative;background-color:#fff;width:250px;height:250px;margin:0 auto;}
#lightbox-container-image{padding:10px;}
#lightbox-loading{position:absolute;top:40%;left:0%;height:25%;width:100%;text-align:center;line-height:0;}
#lightbox-nav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10;}#lightbox-container-image-box>#lightbox-nav{left:0;}
#lightbox-nava{outline:none;}
#lightbox-nav-btnPrev,#lightbox-nav-btnNext{width:49%;height:100%;zoom:1;display:block;}
#lightbox-nav-btnPrev{left:0;float:left;}
#lightbox-nav-btnNext{right:0;float:right;}
#lightbox-container-image-data-box{font:10px Verdana,Helvetica,sans-serif;background-color:#fff;margin:0 auto;line-height:1.4em;overflow:auto;width:100%;padding:0 10px 0;}#lightbox-container-image-data{padding:0 10px;color:#666;}
#lightbox-container-image-data#lightbox-image-details{width:70%;float:left;text-align:left;}
#lightbox-image-details-caption{font-weight:bold;font-size:16px;}
#lightbox-image-details-currentNumber{display:block;clear:left;padding-bottom:1.0em;}
#lightbox-secNav-btnClose{width:66px;float:right;padding-bottom:0.7em;}


html,body,div,span,applet,object,iframe,caption,del,dfn, em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,h1,h2,h3,h4,h5,h6,p,blockquote, pre,a,abbr,acronym,address,big,cite,code,dl,dt,dd,ol,ul,li,fieldset,form,label,legend{
vertical-align:baseline;font-size:100%;outline:0;padding:0;margin:0;border:0;}
ol,ul{list-style:none;}
img{vertical-align:bottom;}
table,tbody,tfoot,thead,tr,th,td{border-collapse:collapse;border-spacing:0;padding:0;margin:0;vertical-align:baseline;font-size:100%;outline:0;}
blockquote:before,blockquote:after,q:before,q:after{content:"";}
blockquote,q{quotes:"" "";}
:focus{outline:none;}
.CLEAR{width:100%;clear:both;line-height:0;height:0;overflow:hidden;font-size:1px;}
body{font:normal 12px/18px Arial, Helvetica, sans-serif;}
input,select,textarea{padding:0;margin:0;vertical-align:middle;}
a{text-decoration:none;}
a:hover{text-decoration:underline;}
.pBG{
position:absolute;
z-index:1;
top:0;
left:0;}
.pCon{
position:relative;
z-index:5;}

/*.scroll{
SCROLLBAR-FACE-COLOR:black;
SCROLLBAR-HIGHLIGHT-COLOR:black;
SCROLLBAR-SHADOW-COLOR: black;
SCROLLBAR-3DLIGHT-COLOR: black;
SCROLLBAR-DARKSHADOW-COLOR: black;
SCROLLBAR-ARROW-COLOR: white;
SCROLLBAR-TRACK-COLOR: white;}*/

.hide{
display:none;}
.indexCR, .pageBread{
width:100%;
overflow:hidden;}

body, html{}
#index, #index body{
height:100%;}
#page, #page body{
background:#f3f3f3;}

.pageBox{
 min-width:950px;
_ width:expression(document.documentElement.clientWidth < 950 ? "950px": "100%" );}
.pageHeadIn, .pageSubmenuIn, .pageBody, .pageFootIn{
width:950px;
overflow:hidden;
margin:0 auto;}

.pageSubmenuIn_1 {
padding:2px 0 0 205px;}

.pageSubmenuIn_2 {
padding:2px 0 0 328px;}

.preloader{
position:absolute;
z-index:-1;
left:0;
top:0;
width:1px;
height:0px;
overflow:hidden;}

.indexBox{
position:relative;
z-index:1;
left:-100%;
width:100%;
height:100%;
overflow:hidden;}
.indexBox div{
position:absolute;
top:50%;
left:50%;
width:100%;
height:100%;}
.indexBox p{
position:absolute;
z-index:2;
left:80px;
top:-80px;
width:485px;
overflow:hidden;}
.indexBox b{
position:relative;
display:block;
width:100%;
overflow:hidden;}
.indexBox .txt1{
left:-100%;}
.indexBox .txt2{
left:100%;}
.indexBox .img{
position:absolute;
z-index:1;
left:-50%;
width:100%;}
.indexMenu, .indexMenu .pBG{
width:100%;
height:88px;}
.indexMenu{
position:absolute;
z-index:2;
bottom:0;
left:0;
overflow:hidden;}
.indexMenu .pBG{
background:url(../images/indexmenu.png) center top repeat-x;}
.indexCR{
height:20px;
line-height:20px;
color:#707159;}
.indexCR i{
float:left;
padding-left:50px;
display:inline-block;
font-family:Arial;
font-size:10px;
font-style:normal;}
.indexCR p{
float:right;
padding-right:30px;}
.indexCR b{
font-family:Arial;
font-weight:300;
padding-left:20px;
font-size:10px;}
.indexMbar{
padding:8px 0 0;
width:100%;
height:60px;
background:url(../images/dot-red1.gif) left 57px repeat-x;}
.indexMbar .logo{
float:left;
padding:12px 0 0 30px;}
.iMainMenu{
position:relative;
float:right;}
.iMainMenu a{
position:relative;
float:left;
width:108px;
padding-right:15px;
height:60px;
overflow:hidden;
line-height:60px;
font-size:16px;
font-weight:700;
font-family:"微軟正黑體";
text-align:center;
color:black;
background:url(../images/gif.gif) repeat;}
.iMainMenu b{
position:absolute;
cursor:pointer;
left:0;
top:0;
width:100%;
height:120px;
background-repeat:no-repeat;
background-position:left top;}
.iMainMenu a:hover, iMainMenu a.ON{
color:#b30000;
text-decoration:none;}
.iMainMenu a.ON b{
top:-60px;}
.iMainMenu .f1 b{
background-image:url(../images/m-1.png);}
.iMainMenu .f2 b{
background-image:url(../images/m-2.png);}
.iMainMenu .f3 b{
background-image:url(../images/m-3.png);}
.iMainMenu .f4 b{
background-image:url(../images/m-4.png);}
.iMainMenu .f5 b{
background-image:url(../images/m-5.png);}
.iMainMenu .f6 b{
background-image:url(../images/m-6.png);}

.pageHead{
width:100%;
background:url(../images/dot-red1.gif) left bottom repeat-x white;
border-bottom:2px #a31717 solid;}
.pageHead .logo{
padding:12px 0 0;
width:200px;
float:left;}
.logo a{
display:inline-block;
background:url(../images/gif.gif) left top repeat;}
.pageHead .iMainMenu{
float:left;}
.pageSubmenu{
width:100%;
color:#be5a5a;
padding-bottom:7px;
background:#a31717 url(../images/shadow1.gif) left bottom repeat-x;}
.pageSubmenu a:link,.pageSubmenu a:visited{
color:#e4baba;
margin:0 18px;
padding:1px 0 3px;}
.pageSubmenu a:hover,.pageSubmenu a:active,.pageSubmenu a.ON{
color:#ffffff;
text-decoration:none;}

.pageSubmenu2{
padding:10px 25px 5px;
font-size: 15px;
color: #444242;
letter-spacing: 1px;}
.pageSubmenu2 a:link,.pageSubmenu2 a:visited{
color:#000000;}
.pageSubmenu2 a:hover,.pageSubmenu2 a:active{
color:#c00b0b;
text-decoration:underline;}
.pageSubmenu2-Text{
color:#c00b0b;
border-width:1px;
border-bottom-style:dotted;}

.pageBread{
width:925px;
padding:25px 0 15px;
background:url(../images/hr1.gif) left bottom repeat-x;}
.pageBread b{
color:#962d36;
font-weight:300;}
.pageBread .img{
float:left;}
.pageBread p, .pageBread a{
color:#a9a9a9;}
.pageBread p{
float:right;
padding:7px 0 0;}
.pageBread a, .pageBread b{
padding:0 3px;}

.pageSlogan{
padding:10px 20px 5px;}

#pageYear {
width: 925px;
padding:25px 0 35px 0;
font-size: 12px;
color: 1d1b1b;
letter-spacing: 1px;}
.yearSlogan{
width: 192px;
float: right;
padding: 0px;}

/* year list */
.yearList{
padding: 0px 0px 35px 0px;
float: left;
width: 725px;
background-image: url(../images/table-bg_md.gif);}
.yearList ul {
list-style:none;}
.year-list li {
display:block;
width:520px;
/*height: 30px;*/
padding: 3px 0px 2px 0px;}
.year-list li a {
display:block;
width:100%;
margin: 2px 0px 1px 0px;
border-bottom:1px solid #f3f3f3;
cursor: default }
.year-list li a:link {
color: #484646;}
.year-list li a:hover {
color: #c00b0b;
background-image: url(../images/year_over.gif);
background-repeat: no-repeat;
border-bottom:1px dashed #ca1a1a;
background-color: #FFFFFF;
background-position: 0px;
text-decoration: none;}
.year-list li a span {
margin: 1px 30px 0px 10px;
color: #484646;
font-weight: bold;}
.year-list li a:hover{
color: #c00b0b;}


.pageText{
padding:10px 20px 40px;
/*background-image: url(../images/table-bg_md.gif);*/
background-repeat: repeat-y;
background-position: 0px 0px;}
.Text_h1{
padding:10px 20px 5px;
background-image: url(../images/icon.gif);
background-repeat: no-repeat;
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
font-weight: bold;
color: #000000;
background-position: 0px 12px;
line-height: 18px;
letter-spacing: 1px;}
.Text_t1{
font-size: 13px;
line-height: 20px;
color: #444242;
letter-spacing: 1px;
padding-top: 3px;
padding-right: 3px;
padding-bottom: 13px;
padding-left: 20px;}
.pageFoot{
color:#999999;
padding:20px 0 30px;
background:url(../images/dot-red2.gif) left top repeat-x white;}

.cmsBox1, .cmsBox2{
margin:0 auto;
position:relative;
width:917px;}
.cmsBox1{
height:417px;
background:url(../images/bevelb-1.gif) left top no-repeat;}
.cmsBox2{
height:667px;
background:url(../images/bevelb-2.gif) left top no-repeat;}
.cmsBoxImg1{
position:relative;
top:22px;
width:892px;
height:370px;
margin:0 auto;
overflow:hidden;}
.cmsBoxGrid1, .cmsBoxGrid1 .pBG{
width:100%;
height:65px;}
.cmsBoxGrid1{
position:absolute;
z-index:5;
left:0;
bottom:0;
color:white;
overflow:hidden;}
.cmsBoxGrid1 .pBG, .cmsBoxGrid2 .pBG{
opacity:0.8;
filter:alpha(opacity:80);
background:url(../images/grid1.gif) left top repeat;}
.cmsBoxGrid1 .btn{
position:absolute;
top:10px;
right:20px;
width:100px;
text-align:right;}
.cmsBoxGrid1 .btn a{
position:relative;
display:inline-block;
width:13px;
height:15px;
overflow:hidden;
margin:0 0 0 5px;
background:url(../images/gif.gif) left top repeat;}
.cmsBoxGrid1 .btn a.ON b{
top:-15px;}
.cmsBoxGrid1 .btn b{
position:absolute;
cursor:pointer;
left:0;
top:0;
width:100%;
height:30px;
background:url(../images/dot-1.png) left top no-repeat;}
.cmsBoxGrid1 .txt{
width:100%;
padding:10px 0 0;
height:55px;}
.cmsBoxGrid1 .txt b, .cmsBoxGrid1 .txt i, .cmsBoxGrid1 .txt span{
display:inline-block;
vertical-align:top;}
.cmsBoxGrid1 .txt b{
width:200px;
padding-right:20px;
font-size:15px;
text-align:right;
font-weight:300;}
.cmsBoxGrid1 .txt i{
width:1px;
height:36px;
overflow:hidden;
background:url(../images/dot-gray1.gif) left top repeat-y;}
.cmsBoxGrid1 .txt span{
width:610px;
padding-left:20px;}

.cmsBoxImg2{
position:relative;
top:10px;
width:897px;
margin:0 auto;
overflow:hidden;
height:645px;}
.cmsBoxImgRe2{
position:absolute;
left:0;
top:0;
width:100%;
height:645px;
z-index:1;}
.cmsBoxGrid2, .cmsBoxGrid2 .pBG{
width:100%;
height:256px;
overflow:hidden;}
.cmsBoxGrid2{
position:absolute;
bottom:0;
z-index:2;}
.cmsBoxGrid2 .pCon{
width:100%;}
.cmsBoxGrid2 .txt{
padding:23px 0 0 23px;
height:233px;}
.cmsBoxGrid2 .btn{
position:absolute;
z-index:6;
right:0;
top:8px;
width:34px;}
.cmsBoxGrid2 .btn a{
display:block;
margin-bottom:3px;
border:1px solid black;}
.cmsBoxGrid2 .btn a:hover{
border:1px solid #b30000;}

.indexSample{
left:-100%;
top:-100%;
position:absolute;
z-index:-1;
width:100%;
height:100%;
overflow:hidden;}
.indexSample .img1{
width:100%;}
.indexSample .img2{
width:140%;}

.search{
	height: 12px;
	padding:0px 30px 0px 25px;
	text-align: right;
	font-size: 13px;
}

.sshadow .projectlist, .sshadow .classiclist{
-o-box-shadow:2px 2px 5px gray;
-moz-box-shadow:2px 2px 5px gray;
-webkit-box-shadow:2px 2px 5px gray;
box-shadow:2px 2px 5px gray;}
.sshadow .fakeShadow{
display:block\9;}
.sshadow .fakeHref{
display:block;}

.projectlistOut .fakeShadow{
width:275px;
height:280px;}
.projectlistOut .fakeHref{
width:285px;
height:280px;}
.classiclistOut .fakeShadow{
width:276px;
height:246px;}
.classiclistOut .fakeHref{
width:286px;
height:246px;}
.fakeShadow{
position:absolute;
background:black;
left:15px;
top:2px;
display:none;
z-index:1;
filter:progid:DXImageTransform.Microsoft.Blur(pixelradius=5, shadowOpacity=0.3);}
.fakeHref{
position:absolute;
display:none;
left:10px;
top:0;
z-index:5;
background:url(../images/gif.gif) repeat;}
.projectlistOut{
float:left;
position:relative;
width:295px;
padding:0 0 0 10px;
height:300px;}
.classiclistOut{
position:relative;
height: 270px;
width: 296px;
float: left;
padding:0px 0 0 10px;}
.contactPopBG{
position:absolute;
display:none;
z-index:1;
top:20px;
left:20px;
width:780px;
height:550px;
background:white;
opacity:0.7;
filter:alpha(opacity=70);}

/*new projectlist start-*/

.listbody{
	height: 400px;
	padding:20px 0px 20px 15px;
}
.projectlist{
	position:relative;
	z-index:2;
	width: 285px;
	height: 280px;
	border-top-width: 1px;
	border-bottom-width: 6px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #929292;
	border-bottom-color: #d3d3d3;
    }
.projectlist_title{
	border-top-width: 5px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #d3d3d3;
	border-bottom-color: #bebebe;
	height: 50px;
}
.projectlist_photo{
	text-align:center;
	padding:5px 0 8px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: dotted;
	border-top-color: #FFFFFF;
	border-bottom-color: #c4c4c4;
}
.projectlist_info{
	padding:5px 10px 5px 8px;
	background-color: #fbfbfb;
	color: #8c8b8b;	
	height: 45px;
}
.projectlist_info ul {}
.projectlist_info li {
	list-style:none;
	padding: 2px 0px 1px 20px;
	background-image: url(../images/icon_2.gif);
	background-repeat: no-repeat;
	background-position: 5px;
}
.projectlist_info li span {
	margin: 1px 0px 0px 5px;
	color: #000000;
	font-weight: bold;
	font-size: 15px;
}

/*new projectlist end-*/

/*new projectbody start-*/

#projectinfo{
    min-height:400px;
    height: auto !important;
    height: 400px;
}

.projectinfo{
    overflow:hidden;
    margin:20px 25px 20px 8px;
}
.projectinfo-left{
	padding:10px 0px 0px 0px;
	float: left;
	width: 186px;
	font-size: 12px;
	color: #8a8989;
	line-height: 25px;
}
.projectinfo-left a:link,.projectinfo-left a:visited{
	color: #8a8989;}
.projectinfo-left a:hover,.projectinfo-left a:active,.projectinfo-left a.ON{
	color: #1d1d1d;
	text-decoration: none;
}

.projectinfo-logo{
	padding:5px 5px 5px 5px;
	background-color: #e5e5e5;
	text-align: center;
	vertical-align: middle;
}
.projectinfo-note{
	padding:20px 8px 20px 5px;
	background-repeat: no-repeat;
	background-position: 5px;

}
.projectinfo-note ul {
    list-style:none;}
.projectinfo-note li {
	display:block;
	padding: 0px 0px 8px 16px;
	background-image: url(../images/icon_2.gif);
	background-repeat: no-repeat;
	background-position: 5px 8px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #c4c4c4;
}
.projectinfo-note li span {
	margin: 0px 0px 0px 3px;
	color: #444242;
	font-size: 13px;
	line-height: 15px;
	letter-spacing: 1px;
}
.projectinfo-photo{
	float: right;
	width: 702px;
}
.projectinfo-pic{
	width: 702px;
	background: url(../images/Shadow_702x408.gif) left top no-repeat;
	/*height: 408px;*/
}
.projectinfo-picBox{
	padding: 12px 0px 20px 0px;
	margin-left:auto;	margin-right:auto;
	height: 382px;
	width: 678px;
}
.projectinfo-picText{
	padding: 0px 10px 20px 10px;
	font-size: 12px;
	color: #444242;
	letter-spacing: 1px;
}
.projectinfo-picText ul {
    list-style:none;}
.projectinfo-picText li {
	padding: 0px 0px 0px 20px;
	display:block;
	background-image: url(../images/icon_1.gif);
	background-repeat: no-repeat;
	background-position: 4px 3px;
	float: left;
	width: 560px;
}
.projectinfo-picBtn{
	float: right;
	width: 100px;
	text-align:right;
}
/*new projectbody start-*/

/*new projectInfo start-*/
.projectinfo-Date{
    margin: 30px 25px 30px 8px;
}
.projectinfo-Menu{
	float: left;
	width: 174px;
}
.projectinfo-Menu .f1, .projectinfo-Menu .f2{
	display:block;
	width:174px;
	height:42px;
	background-position:left bottom;
}
.projectinfo-Menu .f1{
	background-image:url(../images/btn_basicinfo.gif);
}
.projectinfo-Menu .f2{
	background-image:url(../images/btn_progress.gif);
}
.projectinfo-Menu a.ON{
	background-position:left top;
}
.projectinfo-Intro{
	padding: 0px 10px 30px 20px;
	float: right;
	width: 702px;
}
.projectinfo-table {
	border-top-width: 3px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #c3c3c2;
	border-bottom-color: #c3c3c2;
	color: #5f5e5e;
	font-size: 13px;
	letter-spacing: 1px;
}
.projectinfo-list{
	/*line-height:36px;*/
	width: 702px;
}
.projectinfo-list ul {
	margin: 0;
	padding:0;
    list-style:none;}
.projectinfo-list li {
	/*padding: 0px 0px 0px 0px;*/
	display:block;
	/*height: 36px;
	line-height:36px;*/
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #c3c3c2;
}
.map{
	background-image: url(../images/map_over.gif);
	background-repeat: no-repeat;
	background-position: 0px 10px;
	height: 36px;
	width: 53px;
	/*padding: 0px 0px 10px 0px;*/
	/*margin-bottom:0px 0px 10px 0px;*/
	position: absolute;
	visibility: inherit;
}
.projectinfo-list li span {
	margin: 0px 40px 0px 30px;
	font-size: 13px;
	line-height: 36px;
	letter-spacing: 1px;
}
.projectinfo-list a {
	display:block;
	/*height: 36px;
	line-height:36px;*/
	cursor: default;
	/*padding: 0px 0px 0px 15px;*/
}
.projectinfo-list li a:link,.projectinfo-list li a:visited{
	color: #5f5e5e;
	cursor: default;}
.projectinfo-list li a:hover,.projectinfo-list li a:active,.projectinfo-list li a.ON{
	color: #5f5e5e;
	text-decoration: none;
	background-color: #FFFFFF;
	cursor: default;}
/*.projectinfo-list li a span{
	color: #5f5e5e;}
.projectinfo-list li a:hover span {
	color: #818181;}*/
/*
.projectinfo-list2{
	height: 36px;
	line-height:36px;
	width: 702px;
}
.projectinfo-list2 ul {
	margin: 0;
	padding:0;
    list-style:none;}
.projectinfo-list2 li {
	font-size: 12px;
	display:block;
	height: 36px;
	line-height:36px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #c3c3c2;
}
.projectinfo-list2 li span {
	margin: 0px 30px 0px 20px;
	font-size: 12px;
	line-height: 36px;
	letter-spacing: 1px;
}
.projectinfo-list2 a {
	display:block;
	height: 36px;
	line-height:36px;
}
.projectinfo-list2 li a:link,.projectinfo-list2 li a:visited{
	color: #5f5e5e;}
.projectinfo-list2 li a:hover,.projectinfo-list2 li a:active,.projectinfo-list2 li a.ON{
	color: #000000;
	text-decoration: none;
	background-color: #FFFFFF;
	
}*/


.projectinfo-list3{
	height: 36px;
	line-height:36px;
	width: 702px;
}
.projectinfo-list3 ul {
	margin: 0;
	padding:0;
	list-style:none;
}
.projectinfo-list3 li {
	/*font-weight: bold;*/
	font-size: 12px;
	display:block;
	height: 35px;
	line-height:35px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #c3c3c2;
	color: #5f5e5e;
	cursor:pointer;
}
.projectinfo-list3 li span {
	margin: 0px 30px 0px 20px;
	font-size: 12px;
	line-height: 36px;
	letter-spacing: 1px;
	font-weight: normal;
	color: #5f5e5e;
}
.projectinfo-list3 li a ,.projectinfo-list3 li span a{
	display:block;
	height: 36px;
	line-height:36px;
	color: #000000;
	text-decoration: none;

}
.projectinfo-list3 li a:link,.projectinfo-list3 li a:visited{
	color: #5f5e5e;}
.projectinfo-list3 li a:hover,.projectinfo-list3 li a:active,{
	color: #000000;
	text-decoration: none;
	background-color: #FFFFFF;
}
.projectinfo-list3 li a.ON{
	font-weight: bold;
	font-size: 13px;
	display:block;
	height: 35px;
	line-height:35px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #c3c3c2;
	color: #000000;
	cursor:pointer;
	text-decoration: none;
}
.projectinfo-list3 li span a.ON{
	color: #000000;
}
.projectinfo-Open{
	/*padding: 20px;*/
	display:none;
	background-color: #FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #c3c3c2;
	overflow:hidden;
	/*height: 185px;*/
}
.projectinfo-listtxt1{
	font-size: 12px;
	line-height: 18px;
	color: #444242;
	background-image: url(../images/icon_3.gif);
	background-repeat: no-repeat;
	background-position: 22px 15px;
	width: 390px;
	padding: 15px 0 20px 42px;
}
.projectinfo-listtxt2{
	margin: 0px 30px 20px 20px;
	padding: 15px 0px 0px 22px;
	font-size: 12px;
	line-height: 18px;
	color: #444242;
	background-image: url(../images/icon_3.gif);
	background-repeat: no-repeat;
	background-position: 0px 15px;
}
.projectinfo-listpic{
	float: right;
	width: 220px;
	padding: 15px 20px 10px 0px;
}
.projectinfo-listpicBtn{
	float: right;
	width: 45px;
	padding: 6px 5px 0px 5px;
}
.projectinfo-listpicTxt{
	font-size: 11px;
	color: #8f8e8e;
	padding: 3px 5px 0px 5px;
}
/*new projectInfo end-*/

/*classic project start*/
.classiclist{
	position:relative;
	z-index:2;
	height: 246px;
	width: 286px;
	border-top-width: 8px;
	border-top-style: solid;
	border-top-color: #d3d3d3;
	background-color: #f7f7f7;
}
.classiclist_title{
	margin: 2px 0px 8px 0px;
	padding: 4px 0px 3px 0px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dotted;
	border-bottom-style: solid;
	border-top-color: #d2d2d2;
	border-bottom-color: #d2d2d2;
	color: #8a8989;
}
.classiclist_no{
	margin: 5px 5px 1px 0px;
	float: right;
	width: 50px;
}
.classiclist_title ul {
    list-style:none;}
.classiclist_title li {
	padding: 2px 0px 1px 20px;
	background-image: url(../images/icon_2.gif);
	background-repeat: no-repeat;
	background-position: 8px;
}
.classiclist_title li span {
	margin: 1px 0px 0px 5px;
	color: #000000;
	font-weight: bold;
	font-size: 15px;
}
.classiclist_photo{
  margin: 10px 10px 0px 8px;}
.classiclist_time{
	width: 270px;	height: 25px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #696969;
	background-color: #d3d3d3;
	font-weight: bold;
	letter-spacing: 2px;
	text-align: right;
	margin: 0px 10px 2px 8px;
	/*padding: 3px 0px 0px 0px;*/
}
.projectPage{
	font-size:12px;
	color: #8a8989;
	width: 728px;
	letter-spacing: 1px;
	margin-top: 5px;
	margin-right: 20px;
	margin-bottom: 50px;
	margin-left: 10px;
}
.projectPage a:link,.projectPagea:visited{
	color: #8a8989;}
.projectPage a:hover,.projectPage a:active,.projectPage a.ON{
	color: #1d1d1d;
	text-decoration: none;
}
.classicinfo-pic {
position:relative;}
.classicinfo-pic .txt, .classicinfo-pic .btn{
	z-index:5;
	position:absolute;
	left: 10px;

}
.classicinfo-pic .txt{
	color: #FFFFFF;
	/*width:50%;*/
	bottom:12px;
	left: 40%;
}
.classicinfo-pic .btn{
	/*width:100px;*/
	text-align:right;
	right:20px;
	bottom:12px;
	float: right;
}
.classicinfo-pic .pBG{
	top:380px;
	bottom:0;
	left:0;
	width:728px;
	height:30px;
	opacity:0.5;
	filter:alpha(opacity=50);
	background-color: black;
	background-image: url(../images/grid1.gif);
}

/*classic project end*/

/*classicproject info start*/
.classicinfo{
   margin: 30px 25px 30px 8px;
   padding-bottom:50px;
   height:420px;
}
.classicinfo-left{
   width: 140px;
   margin: 0px 30px 0px 0px;
   /*background-color: #FFFFFF;*/
   /*padding: 10px;*/
}
.classicinfo-logo{
	background-color: #FFFFFF;
	padding: 8px;
}
.classicinfo-note{
	font-size: 12px;
}
.classicinfo-note ul {
    list-style:none;}
.classicinfo-note li {
	display:block;
	padding: 4px 10px 3px 20px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #c4c4c4;
	color: #444242;
}
.classicinfo-note li span{
	margin: 0px 0px 0px -12px;
	background-image: url(../images/icon_5.gif);
	background-repeat: no-repeat;
	color: #ca1a1a;
}
.classicinfo-note li a:link,.classicinfo-note li a:visited{
	color: #ca1a1a;}
.classicinfo-note li a:hover,.classicinfo-note li a:active,.projectinfo-list2 li a.ON{
	color: #000000;
	text-decoration: underline;
}

.classicinfo-photo{
	float: right;
	width: 735px;
	height: 450px;
}
.classicinfo-picBox{
	background-image: url(../images/Shadow_735x416.jpg);
	background-repeat: no-repeat;
	height: 416px;	width: 735px;
}
/*classicproject info end*/

/*contact start*/
.contactTitle{padding:20px 40px 5px;}
.contactbody{padding:20px 40px 35px 40px;}
.contactForm{
	position:relative;
	background-color: #f7f7f7;
	border: 1px solid #d8d8d8;
	/*height: 600px;*/
	height: 660px;
	width: 780px;
	font-size: 12px;
	padding: 20px;
}
#listCity{
	background-color: #eaeaea;
	border: 1px solid #d8d8d8;}
.tab_1{
	height: 22px;	width: 190px;
	margin: 5px 0px 5px 20px;
	color: #5a5959;}
#tab{
	background-color: #eaeaea;
	border: 1px solid #d8d8d8;}
.tab_1{
	height: 22px;	width: 190px;
	margin: 5px 0px 5px 20px;
	color: #5a5959;}
.tab_2{
	height: 22px;	width: 480px;
	margin: 5px 0px 5px 20px;
	color: #5a5959;}
.tab_3{
	height: 200px;
	width: 460px;
	margin: 5px 0px 5px 20px;
	padding: 10px 10px 10px 10px;
	color: #989797;}
.tab_4{
	margin: 5px 0px 5px 20px;}
.Formlist{
	display:block;
	margin: 10px;
	padding: 5px;
	color: #1d1b1b;
	top: 0px;}
.Formbtn{
	display:block;
	padding-left: 505px;}
.popup{
	position:absolute;
	display:none;
	z-index:5;
	left:285px;
	top:200px;
	border: 1px solid #d8d8d8;
	padding: 35px 0px 0px 0px;
	height: 100px;
	width: 240px;
	background-color: #FFFFFF;
	line-height: 18px;
	color: #605f5f;
	letter-spacing: 1px;
	text-align:center;
}
/*contact end */

/*news start */
.newsMenu{
	width: 162px;
	color: #1d1b1b;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #d9d9d9;
	border-bottom-color: #d9d9d9;
	float: right;
	margin: 90px 0px -3px 20px;
}
.newsMenu ul {
    list-style:none;}
.newsMenu li {
	display:block;
	width: 160px;
	height: 40px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #c4c4c4;
	color: #1d1b1b;
	background-repeat: no-repeat;
	background-image: url(../images/newsmenu-bg_none.gif);
}
.newsMenu li span{
	background-repeat: no-repeat;
	margin-left: 15px;
	padding-left: 12px;
	background-position: 0px 5px;
}
.newsMenu a {
	display:block;
	width: 160px;	height: 40px;
	line-height:40px;}	
.newsMenu li a:link,.newsMenu li a:visited{
	color: #1d1b1b;}
.newsMenu li a:hover,.newsMenu li a:active,.newsMenu li a.ON{
	color: #ca1a1a;
	text-decoration: none;
	background-color: #FFFFFF;
	background-image: url(../images/newsmenu-bg_over.gif);
	background-repeat: no-repeat;
}
.newsTitle{
	margin-top: 15px;
	margin-left: 25px;
	width: 680px;
}
.newsbody{
	width: 680px;
	margin-left: 25px;
	margin-top: 20px;
	margin-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dcdcdc;
}
.newslist{
	font-size: 12px;
	color: #5f5e5e;
	letter-spacing: 1px;
	height: 24px;
	/*width: 660px;*/
	padding:8px 10px 5px 10px;
	margin:5px 0px 5px 0px;
	background-color: #fbfbfb;}
.newslist2{
	font-size: 12px;
	color: #5f5e5e;
	letter-spacing: 1px;
	height: 24px;
	/*width: 660px;*/
	padding:8px 10px 3px 10px;
	margin:5px 0px 5px 0px;
	background-color: #f3f3f3;}
.newslist span, .newslist2 span{
	height: 24px;
	margin:0px 15px 0px 15px;}

.newslist a, .newslist2 a {
	display:block;
	width: 650px;	height: 23px;
}	
.newslist a:link,.newslist a:visited{
	color: #5f5e5e;
}
.newslist a:hover,.newslist a:active,.newslist a.ON{
	text-decoration: none;
	color: #ca1a1a;}
.newslist2 a:link,.newslist2 a:visited{
	color: #5f5e5e;}
.newslist2 a:hover,.newslist2 a:active,.newslist2 a.ON{
	text-decoration: none;
	color: #ca1a1a;}
.newsPage{
	font-size:12px;
	color: #8a8989;
	width: 680px;
	letter-spacing: 1px;
	padding: 0px 25px 0px 0px;
	margin-top: 25px;
	margin-right: 20px;
	margin-bottom: 40px;
	margin-left: 10px;
}
.newsPage a:link,.newsPage a:visited{
	color: #8a8989;}
.newsPage a:hover,.newsPage a:active,.newsPage a.ON{
	color: #1d1d1d;
	text-decoration: none;
}
.newsinfoTitle{
	height: 28px;
	width: 650px;
	padding-top: 13px;
	padding-left: 15px;
	background-color: #FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #c4c4c4;
	font-size: 15px;
	font-weight: bold;
	letter-spacing: 1px;
	color: #000000;
}
.newsinfoTitle span{
	padding-right: 20px;
	padding-left: 0px;
	float: right;
	font-size: 12px;
	color: #5f5e5e;
	letter-spacing: 1px;
	font-weight: normal;
}
.newsinfo{
	font-size: 13px;
	line-height: 22px;
	color: #444242;
	letter-spacing: 1px;
	padding: 20px 30px 30px 20px;
}
.newsinfo p{	margin-top: 5px;
	            margin-bottom: 5px;}
.newslink{
	font-size: 12px;
	line-height: 20px;
	color: #909090;
	margin-top: 25px;
}
.newslink a:link,.newslink a:visited{
	color: #909090;
	text-decoration: underline;}
.newslink a:hover,.newslink a:active,.newslink a.ON{
	color: #707070;
	text-decoration: underline;
}
/*news end */