body {
font-family:"ËÎÌå", Verdana, Arial, sans-serif;
font-size:12px;
margin:0
}

a {
color:#c33;
text-decoration:none;
outline:none
}

a:hover {
color:#963;
text-decoration:none
}

a.btn_viewcase {
color:#000;
position:relative;
float:right;
top:-24px;
right:20px;
padding:0;
background: url(../../../index/image/view_detail.jpg) left top no-repeat;
text-indent:-9999px;
display:block;
height:28px;
width:73px
}

a.btn_viewcase:hover {
background:url(../../../index/image/view_detail.jpg) left bottom no-repeat
}

div.headbg {
position:relative;
border-bottom:1px solid #fff;
width:100%;
height:29px;
top:0;
left:0;
background:#fff url(../../../../global/item_bg.jpg) top repeat-x
}

#container {
width:960px;
text-align:left;
font-size:12px;
margin:0 auto
}

#header {
width:960px;
height:41px;
text-align:left;
background:url(../../../../global/head_bg.jpg) left top repeat-x;
position:relative;
overflow:hidden;
margin:0 auto
}

#logo {
position:relative;
text-align:left;
width:167px;
height:29px;
background:url(../../../../global/aado_logo.gif) left top no-repeat;
filter:alpha(opacity=80);
-moz-opacity:0.8;
opacity:0.8;
margin:30px auto 11px 14px
}

#logo_ {
position:relative;
width:172px;
height:19px;
top:12px;
left:11px;
background:url(../../../../global/aado_logo.jpg) left top no-repeat
}

.menu {
width:633px;
height:16px;
top:13px;
right:0;
text-align:left;
position:absolute;
margin:0
}

.menu li {
height:16px;
position:absolute;
display:block;
background:url(../../../../global/menu.jpg) 0 0 no-repeat
}

.menu a {
height:16px;
display:block
}

.menu #home_btn {
width:30px;
left:0
}

.menu #about_btn {
width:58px;
left:57px;
background-position:-57px 0
}

.menu #case_btn {
width:58px;
left:142px;
background-position:-142px 0
}

.menu #service_btn {
width:58px;
left:227px;
background-position:-227px 0
}

.menu #brand_btn {
width:85px;
left:313px;
background-position:-313px 0
}

.menu #coop_btn {
width:58px;
left:425px;
background-position:-425px 0
}

.menu #contact_btn {
width:58px;
left:510px;
background-position:-510px 0
}

.menu #blog_btn {
width:37px;
left:584px;
background-position:-584px 0
}

.menu #home_btn a:hover,.menu #home_btn a:active {
background:url(../../../../global/menu.jpg) 0 -16px no-repeat scroll
}

.menu #about_btn a:hover,.menu #about_btn a:active {
background:url(../../../../global/menu.jpg) -57px -16px no-repeat scroll
}

.menu #case_btn a:hover,.menu #case_btn a:active {
background:url(../../../../global/menu.jpg) -142px -16px no-repeat scroll
}

.menu #service_btn a:hover,.menu #service_btn a:active {
background:url(../../../../global/menu.jpg) -227px -16px no-repeat scroll
}

.menu #brand_btn a:hover,.menu #brand_btn a:active {
background:url(../../../../global/menu.jpg) -313px -16px no-repeat scroll
}

.menu #coop_btn a:hover,.menu #coop_btn a:active {
background:url(../../../../global/menu.jpg) -425px -16px no-repeat scroll
}

.menu #contact_btn a:hover,.menu #contact_btn a:active {
background:url(../../../../global/menu.jpg) -510px -16px no-repeat scroll
}

.menu #blog_btn a:hover,.menu #blog_btn a:active {
background:url(../../../../global/menu.jpg) -584px -16px no-repeat scroll
}

#splash {
position:relative;
width:960px;
height:356px;
top:0;
left:0;
background:#fff url(../../../../global/ad_bg.jpg) bottom repeat-x
}

#content {
position:relative;
width:auto;
height:330px;
top:0;
left:0;
background:none
}

#content_bg {
position:absolute;
width:960px;
height:330px;
top:0;
left:0;
background:#f5f5f5;
filter:alpha(opacity=40);
-moz-opacity:0.4;
opacity:0.4;
z-index:-1
}

#package {
overflow:hidden;
position:absolute;
border:1px solid #fff;
width:938px;
height:308px;
top:11px;
left:11px;
background:#e4e5e5
}

div.headline_package {
background: url(../../../index/image/brand_.jpg) 16px 7px no-repeat;
height:100%;
width:100%
}

div.arrow_ {
position:relative;
background: url(../../../../global/item_arrow.jpg) 98% no-repeat;
float:right;
height:100%;
width:100%
}

#package ul {
padding:0;
margin:17px 0 17px 17px
}

#package li {
float:left;
overflow:hidden;
text-align:left;
width:290px;
height:240px;
padding:0;
margin:0 17px 17px 0;
background:#ccc;
list-style:none
}

#package img {
margin:11px
}

#package h1{
color:#333;
font-size:14px;
margin:0 0 0 20px;
padding:0;
font-family:Arial, Helvetica, sans-serif
}

#footer {
border:1px solid #474646;
vertical-align:bottom;
position:relative;
height:64px;
top:0;
left:0;
background:#333;
padding:40px 15px 15px
}

#footer ul {
padding:0;
margin:0
}

#footer li {
list-style:none;
left:0;
line-height:17px;
font-size:12px;
color:#7c7c7c;
font-family:"ËÎÌå", Verdana, Arial, sans-serif;
margin:0;
padding:0
}

#footer li#one {
font-size:14px;
font-weight:700
}

#footer li#four {
font-size:11px
}

#footer a {
color:#919191
}

#footer a:hover {
color:#963
}