/*Global styles*/
body{font-family:"Tahoma","Arial","sans-serif";font-size:12px;color:#383838;padding:0;margin:0;background-color:#7e5505;/* prevent screen flash in IE6(解決 IE6 不正常閃爍) */background:url(nothing.txt) white fixed; }

p{color:#5A5A5A;line-height:50%;}

li{margin:0;padding:0;border:0;list-style-type:none;}

ul{list-style-type:none; list-style-position : outside; margin:0; padding:0;}

img{border:0;}



/*------------Homepage--------------*/
/*layout*/
.layout{
width:100%;
background:#7e5505;
float:left;
}

#header{
width:100%;
height:806px;
margin:0 auto;
background:url(../images/homepage/light_bg.jpg) no-repeat center 0;
}

#menu{
width:998px;
height:41px;
position:fixed;
left:50%;
margin:0 0 0 -500px;
border-right:1px solid #a06b03;
border-bottom:1px solid #a06b03;
border-left:1px solid #a06b03;
background:url(../images/global/menubg.jpg);

/* position fixed for IE6 */  
_position: absolute;  
_top:expression(documentElement.scrollTop); 
}

.menubox{
display:block;
float:left;
}

#logo{
width:108px;
height:41px;
background:url(../images/global/logo_little.jpg) no-repeat;
}

#logo a{
width:108px;
height:41px;
background:url(../images/global/logo_little.jpg) no-repeat;
}

#home a{
width:43px;
height:41px;
margin:0 0 0 54px;
background:url(../images/global/home.jpg) no-repeat;
}

#home a:hover{
width:43px;
height:41px;
margin:0 0 0 54px;
background:url(../images/global/home_hover.jpg) no-repeat;
}

#about a{
width:76px;
height:41px;
margin:0 0 0 30px;
background:url(../images/global/about.jpg) no-repeat;
}

#about a:hover{
width:76px;
height:41px;
margin:0 0 0 30px;
background:url(../images/global/about_hover.jpg) no-repeat;
}

#services a{
width:76px;
height:41px;
margin:0 0 0 22px;
background:url(../images/global/services.jpg) no-repeat;
}

#services a:hover{
width:76px;
height:41px;
margin:0 0 0 22px;
background:url(../images/global/services_hover.jpg) no-repeat;
}

#protfolio a{
width:76px;
height:41px;
margin:0 0 0 22px;
background:url(../images/global/protfolio.jpg) no-repeat;
}

#protfolio a:hover{
width:76px;
height:41px;
margin:0 0 0 22px;
background:url(../images/global/protfolio_hover.jpg) no-repeat;
}

#contact a{
width:83px;
height:41px;
margin:0 0 0 22px;
background:url(../images/global/contact.jpg) no-repeat;
}

#contact a:hover{
width:83px;
height:41px;
margin:0 0 0 22px;
background:url(../images/global/contact_hover.jpg) no-repeat;
}

#language{
width:980px;
margin:0 auto;
padding:66px 20px 0 0;
text-align:right;
color:#f2e606;
}

#language a{
margin:0 5px;
color:#f2e606;
text-decoration:none;
}

#language a:hover{
color:#f2e606;
text-decoration:underline;
}

#ll_services{
width:1000px;
height:280px;
margin:436px auto 0 auto;
}

.ll_services_block{
width:292px;
height:190px;
float:left;
}

#ll_middie{
margin:0 62px;
}

#ll_services_about{
float:left;
margin:45px 0 0 0;
padding:3px 12px;
color:#351200;
text-align:left;
font-size:14px;
background:#efbb55;
}

.ll_services_content{
width:290px;
float:left;
margin:15px 0;
color:#f0bb53;
text-align:left;
}

.ll_services_link{
width:290px;
float:left;
}

.ll_services_link a{
color:#efbb55;
text-decoration:none;
}

.ll_services_link a:hover{
color:#efbb55;
text-decoration:underline;
}

#ll_services_offer{
float:left;
margin:45px 0 0 0;
padding:3px 240px 3px 12px;
color:#351200;
text-align:left;
font-size:14px;
background:#efbb55;
}

#ll_top{
color:#351200;
margin:45px 0 18px 0;
}

.ll_link{
width:290px;
text-indent:32px;
height:16px;
float:left;
text-align:left;
margin:15px 0 0 0;
}

#ll_link1 a{
display:block;
height:16px;
color:#351200;
text-decoration:none;
background:url(../images/homepage/icon1.png) no-repeat;
}

#ll_link1 a:hover{
display:block;
height:16px;
color:#f0bb53;
text-decoration:none;
background:url(../images/homepage/icon1_hover.png) no-repeat;
}

#ll_link2 a{
display:block;
height:16px;
color:#351200;
text-decoration:none;
background:url(../images/homepage/icon2.png) no-repeat;
}

#ll_link2 a:hover{
display:block;
height:16px;
color:#f0bb53;
text-decoration:none;
background:url(../images/homepage/icon2_hover.png) no-repeat;
}

#ll_link3 a{
display:block;
height:16px;
color:#351200;
text-decoration:none;
background:url(../images/homepage/icon3.png) no-repeat;
}

#ll_link3 a:hover{
display:block;
height:16px;
color:#f0bb53;
text-decoration:none;
background:url(../images/homepage/icon3_hover.png) no-repeat;
}

#ll_link4 a{
display:block;
height:16px;
color:#351200;
text-decoration:none;
background:url(../images/homepage/icon4.png) no-repeat;
}

#ll_link4 a:hover{
display:block;
height:16px;
color:#f0bb53;
text-decoration:none;
background:url(../images/homepage/icon4_hover.png) no-repeat;
}

/*Show*/
#show_title{
width:1000px;
height:95px;
margin:0 auto;
background:url(../images/homepage/protfolio_title.jpg) no-repeat;
}

#show_pic{
width:1000px;
padding:20px 0 50px 0;
margin:0 auto;
}

#show_pic ul{
width:310px;
float:left;
}

#show_pic ul li{
width:310px;
float:left;
padding:0 0 50px 0;
}

.show_middle{
margin:0 35px;
}

.show_title1{
display:block;
margin:6px 0 2px 0;
width:310px;
text-align:center;
float:left;
color:#f5d600;
font-family:'Times New Roman';
font-size:22px;
font-style:italic;
}

.show_title2{
display:block;
width:310px;
text-align:center;
float:left;
color:#361100;
font-family:'Arial';
font-size:12px;
}

#bottom{
width:1000px;
height:94px;
margin:0 auto;
background:url(../images/global/bottom_light.jpg) no-repeat center -31px;
}

#bottom2{
width:100%;
background:#312202;
}

#bottom2_border{
width:100%;
height:19px;
background:url(../images/global/bottom_border_bg.jpg) repeat-x;
}

#bottom2_block{
width:1000px;
height:475px;
margin:-19px auto 0 auto;
background:url(../images/homepage/bottom_bg.jpg);
}

#git{
width:550px;
height:475px;
float:left;
}

#git_title{
width:344px;
height:27px;
margin:66px 0 0 160px;
background:url(../images/homepage/getintouch.jpg) no-repeat;
}

#form_name{
display:block;
font-family:'Times New Roman';
font-size:14px;
margin:0 0 0 100px;
}

#info{
width:450px;
height:475px;
float:left;
}

/*Form*/
#form_table{
width:500px;
margin:20px 0 0 0;
}

.td_h{
height:42px;
}

.td_h_d{
height:90px;
}

.pro_name{
width:150px;
height:28px;
padding:0 10px 0 0;
line-height:28px;
text-align:right;
font-family:'Times New Roman';
font-size:18px;
color:#2c1c02;
}



.pro_box{
width:340px;
height:28px;
line-height:28px;
border:1px solid #855d06;
background:#f1c12f;
color:#7d5505;
}

#details{
width:340px;
height:74px;
text-align:left;
border:1px solid #855d06;
background:#f1c12f;
}

#submit{
width:100px;
height:28px;
text-align:center;
border:1px solid #855d06;
background:#f1c12f;
font-family:'Times New Roman';
font-size:18px;
color:#2c1c02;
}

#info_word{
width:200px;
height:250px;
float:right;
margin:155px 50px 0 0;
}

#logo_square{
width:180px;
height:56px;
background:url(../images/homepage/bottom_logo.jpg) no-repeat 0 0;
}

#info_num{
margin:20px 0 0 0;
font-family:'Times New Roman';
font-size:14px;
color:#2c1c02;
}

#copyright{
width:450px;
margin:25px 26px 0 0;
float:right;
font-size:12px;
color:#2c1c02;
}