html,body { 
height:100%; 
} 
body{
margin:0;
padding:0;
font-family: Arial,Verdana,Helvetica,sans-serif,新細明體;
text-align:center;
background:#fff;
font-size:12px;
line-height:15pt;
color:#757068;
}
.hidden {
  display: none;
}

a,a:link{color:#94974f; text-decoration:none;}
a:hover{color:#ff9200;}

h1,h2,h3,h4,h5,h6{
padding:0;
margin:0;
}



#container{
width:950px;
float:none;
min-height:100%;
position:relative;
text-align:left;
margin:0 auto;
overflow:auto !important;/*針對FF 加這行才能將背景稱開*/
overflow:inherit;/*針對IE6 不要出現捲軸*/
}
*html #container{height:100%;}/* 讓IE6的高可以100% */

/* 開始 Header 部分設定
===============================================================================================*/

#header{
width:950px;
height:153px;
background:url(../images/headerBG.gif) no-repeat;
position:relative;
}

#header h1#logo a{/* Logo */
width:115px;
height:153px;
position:absolute;
top:0;
left:0;
display:block;
font-size:0;
line-height:0;
letter-spacing:-2px;
color:#8b8b8b;
}
#header #logo a,#header #logo a:link,#header #logo a:hover{color:#8b8b8b;}

/* 開始 navigation 主選單部分設定
===============================*/

#header ul,#header li{
margin:0;
padding:0;
list-style-type:none;
}
#header ul{
width:400px;
height:55px;
position:absolute;
top:98px;
left:550px;
/*right:0px;
bottom:0px;*/
}
#header li{
float:left;
width:100px;
height:55px;
font-size:0;
line-height:0;
letter-spacing:-2px;
color:#fff;
}
#header li a{
width:100px;
height:55px;
display:block;
background:url(../images/nav.gif) no-repeat;
}
#header li a,#header li a:link,#header li a:hover{color:#fff;}

#header li a:hover{background:none;}

#header li#nav01 a{background-position:0 0;}
#header li#nav02 a{background-position:-100px 0;}
#header li#nav03 a{background-position:-200px 0;}
#header li#nav04 a{background-position:-300px 0;}

/* END navigation 主選單部分設定
********************************/

/* END Header 部分設定
************************************************************************************************/



/* 開始 Content 部分設定
===============================================================================================*/
.content{
float:left!important;
float:none;
width:100%;
padding:0 0 100px 0;
}
h2.title{
width:100%;
height:62px;
margin-bottom:35px;
background:url(../images/title.gif) no-repeat;
font-size:0;
line-height:0;
color:#e8e8e8;
}

#title01{background-position:0 0;}
#title02{background-position:0 -62px; position:relative;}
#title03{background-position:0 -124px;}
#title04{background-position:0 -186px;}

/* END Content 部分設定
************************************************************************************************/

/* 開始 maincontent 部分設定
===============================================================================================*/

/*最新消息news
＼＼＼＼＼＼＼＼＼＼＼＼＼＼＼＼＼＼＼＼＼＼
／／／／／／／／／／／／／／／／／／／／／／*/
#news{
color:#726565;
margin-top: 0px;
}
#news span{
	color:#a84b4b;
	font-weight: bold;
}
#news a,a:link{color:#757068; text-decoration:underline;}
#news a:hover{color:#e69d13;}
#news img{
float:left;
}
#news .leftSide{
float:right;
width:480px;
}
#news .c1{
float:right;
padding: 0 10px 0 10px;
}
#news #pSpace{
margin-bottom: 20px;
}
#news .leftSide #img01{
float:left;
padding: 70px 0 0 150px;
}
#news .leftSide #img02{
float:left;
padding: 70px 0 0 30px;
}
#news #textArea{
width:470px;
margin-bottom:20px;
}
#news .pDistance{
float:left;
}
#news .list{
width:950px;
float:left;
margin-bottom:20px;
}
#news .list img{
margin-right:15px;
border:#999999 thin solid;
}
#news .setMiddle{
padding:7px 5px 10px 10px;
}
#news em{
color:#e69d13;
font-style:normal;
font-weight: bold;
}
#news .green{
color:#c1db5b;
font-weight:normal;
}
#news .pink{
color:#c26798;
font-weight: normal;
}
#news .bigSpace{
margin-bottom:380px;
margin-top:0px;
}
#news .pSpaceNone{
text-align:right;
}
#news .bigSpace2{
margin-top:920px;
}
#news .smallSpace{
margin-bottom:0px;
}
#news .titleSpace{
margin-bottom:5px;
}
#news .titleSpace2{
margin-bottom:20px;
}
#news .awardImg{
width:950px;
height:290px;
margin: 20px 0px 20px 0;
}
#news #pSpace{
padding-left:10px;
}


/*畫室作品portfolio
＼＼＼＼＼＼＼＼＼＼＼＼＼＼＼＼＼＼＼＼＼＼
／／／／／／／／／／／／／／／／／／／／／／*/

#portfolio {
	width:861px;
	margin-right: auto;
	margin-left: auto;
}

/* 開始 作品介紹區塊設定
===============================*/
#portfolio ul {

}

#portfolio ul li {
	background-image: url(../images/thumbsBlookBg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 154px;
	width: 255px;
	position: relative;
	margin: 15px;
	float: left;
	display:inline;
}

#portfolio ul li h3 {
	display: block;
	left: 20px;
	top: 115px;
	position: absolute;
	letter-spacing: 0.1em;
}

#portfolio ul li em {
	display: block;
	left: 20px;
	top: 130px;
	position: absolute;
}

#portfolio ul li span{
	height: 105px;
	width: 240px;
	display: block;
	left: 7px;
	top: 7px;
	position: absolute;
}

#portfolio ul li span a{
	display: block;
}

#portfolio ul li span a img{
	display: block;
}
/* END 作品介紹區塊設定
********************************/

/* 開始 secNav 第二層選單部分設定
===============================*/
ul#secNav,ul#secNav li{
margin:0;
padding:0;
list-style-type:none;
}
ul#secNav{
width:497px;
height:35px;
position:absolute;
left:0;
bottom:0;
background:url(../images/secNav.gif) no-repeat 0 -35px;
font-size:0;
line-height:0;
letter-spacing:-2px;
color:#e8e8e8;
}
ul#secNav li{
float:left;
width:71px;
height:35px;
}
ul#secNav li a{
width:71px;
height:35px;
display:block;
background:url(../images/secNav.gif) no-repeat;
}
ul#secNav li a:hover{background:none;}
ul#secNav li a,ul#secNav li a:link,ul#secNav li a:hover{color:#e8e8e8;}

ul#secNav li#secNav01 a{background-position:0 0;}
ul#secNav li#secNav02 a{background-position:-71px 0;}
ul#secNav li#secNav03 a{background-position:-142px 0;}
ul#secNav li#secNav04 a{background-position:-213px 0;}
ul#secNav li#secNav05 a{background-position:-284px 0;}
ul#secNav li#secNav06 a{background-position:-355px 0;}
ul#secNav li#secNav07 a{background-position:-426px 0;}


/* END secNav 第二層選單部分設定
********************************/




/*合作客戶client
＼＼＼＼＼＼＼＼＼＼＼＼＼＼＼＼＼＼＼＼＼＼
／／／／／／／／／／／／／／／／／／／／／／*/
#client{
margin-left:30px;
}
#client ul{
margin:0;
padding:0;
}
#client ul li{
float:left;
margin:10px;
padding:0;
}


/*聯絡我們contact
＼＼＼＼＼＼＼＼＼＼＼＼＼＼＼＼＼＼＼＼＼＼
／／／／／／／／／／／／／／／／／／／／／／*/
#contact{
}



/* END maincontent 部分設定
************************************************************************************************/


/* 開始 Footer 部分設定
===============================================================================================*/
#footer{
width:950px;
height:72px;
background:url(../images/footerBG.gif);
position:absolute;
left:0;
bottom:0;
}

#footerMenu{
padding-top:5px;
position:absolute;
top:0;
right:0;
font-size:9px;
}
#footerMenu a,#footerMenu a:link{
margin-right:5px;
padding-right:5px;
border-right:1px dotted #919191;
color:#c0c0c0;
text-decoration:none;}
#footerMenu a:hover{
color:#efa30f;
text-decoration:none;
}

/*design by eddi部分設定*/
#footer em{
font-style:normal;
position:absolute;
top:46px;
left:846px;
color:#b4b4b4;
}
#footer em a,#footer em a:link{
margin-left:3px;
text-decoration:none;
color:#b4b4b4;
}
#footer em a:hover{
color:#619fcb;
text-decoration:none;
}


/* END Footer 部分設定
************************************************************************************************/