*{margin:0; padding:0;}
body,td,li,dt,dd,p,div{color:#000; font-size:12px; font-family:Arial,simsun; line-height:18px;}
body{ background:url(../img/bg_body.gif); padding-bottom:100px;}
li{ list-style:none;}
img{border:0;}
h1,h2,h3,h4,h5{font-size:12px;}
a{color:#000; text-decoration:none;}
a:hover{color:#7E0043; text-decoration: underline;}

.c_blue{ color:#299EF5;}
.c_red{ color:#F51E7C;}
.cb_yellow{ background:#FFF800; padding:0 2px;}

#wrap{ width:960px; margin:0 auto; padding:0 7px 7px 0; background:url(../img/bg_wrap.png) repeat 15px 0;}
#header{ height:41px; padding-right:23px; border:1px solid #d4d4d4; border-top:none; background:#F9F9F9; text-align:right; font-size:11px; line-height:41px;}
#content:after,#left .nav:after,#left .int_work ul.work_list:after{ content:"."; height:0; clear:both; visibility:hidden; display:block;}
#content{zoom:1; border:1px solid #d4d4d4; background:#fff; border-top:none; border-bottom:10x solid #E7E4E4;}
#footer{ position:relative; border:1px solid #d4d4d4; border-top:none; clear:both; height:49px; padding:9px 0 0 32px; background:#fff;}
#footer span{ position:absolute; width:7px; height:7px; background:#fff; left:-1px; bottom:-8px; overflow:hidden}

#left{ float:left; width:663px; padding:33px 0 20px 32px; background:url(../img/bg_left.gif) no-repeat left 137px; min-height:600px; _height:600px;}
#left .nav{zoom:1;}
h1{float:left;}
#left .nav ul{float:right; width:446px; margin-top:59px;}
#left .nav li{margin-left:23px; float:left; display:inline;}

#left .instruction{clear:both;}
#left .instruction dt{margin-top:28px;}
#left .instruction dd{margin-top:9px;}

#left .works{clear:both;}
#left .works ul{ width:215px; float:left; margin-left:9px; padding-top:8px;}
#left .works ul.first{margin-left:0;}
#left .works li{ position:relative; margin-top:4px;}
#left .works li.text{margin:0;}
#left .works li span{ position:absolute; right:0; top:0;}

#right{ float:right; width:221px; margin:92px 0px 0 0; padding-right:23px;}
/*#right .shop{}
#right .shop ul{ padding-top:4px;}
#right .shop ul li{margin-top:5px; line-height:14px; font-size:11px;}

#right .contact{ margin-top:14px;}
#right .contact ul{ padding-top:2px;}
#right .contact ul li{ line-height:18px; overflow:hidden;}
#right .contact ul li img{margin-top:3px; float:left;}*/

/* about */
#left .int_about{padding-left:4px;}
#left .int_about dt{margin-top:25px; margin-top:28px\9; _margin-top:26px;}
#left .int_about dd{margin-top:8px; line-height:18px;}
#left .int_about dd img{margin-top:50px;}

#left .int_aboutcon{padding:15px 0 70px 4px;}
#left .int_aboutcon dt{margin-top:18px; vertical-align:top;}
#left .int_aboutcon dd{line-height:14px;line-height:23px\9;}

/* work */
#left .int_work{clear:both; padding:0 0 105px 4px; margin-top:25px; margin-top:30px\9; _margin-top:26px;}

#left .int_work ul.work_nav{zoom:1; height:17px; border-bottom:1px solid #D4D4D4; margin-bottom:3px;}
#left .int_work ul.work_nav li{float:left; display:inline;}
#left .int_work ul.work_nav li img{float:left;}
#left .int_work ul.work_nav li.back{float:right; margin:4px 5px 0 0;}

#left .int_work ul.work_list{zoom:1; clear:both; padding:12px 0 15px; background:url(../img/bg_line.gif) repeat-x left bottom;}
#left .int_work ul.work_list li{float:left; display:inline; width:126px; margin-left:7px;}
#left .int_work ul.work_list li.first{ margin-left:1px;}
#left .int_work ul.work_list li span{display:block;}
#left .int_work ul.work_list li span.ts15{margin-top:3px; font-size:15px; line-height:20px; color:#565555;}
#left .int_work ul.work_list li span.ts10{ font-size:10px; line-height:12px; color:#7E7E7E;}

/* work content */
#left .int_work .work_ad{padding-top:18px;}
#album{position:relative; width:660px;}
#album dt {width:660px;}
#album img {border:0px;}
#album dd { text-align:right}
#album a {display:inline-block; margin-right:3px; width:11px; height:11px; line-height:12px; font-size:10px; text-align:center; text-decoration:none; color:#fff; background:#000;}
#album a.link{ color:#E9276C; width:30px; font-size:11px; background:none; text-decoration:underline; font-style:italic}

#left .int_work .work_ad .w_con{ padding-bottom:15px; background:url(../img/bg_line.gif) repeat-x left bottom;}
#left .int_work .work_ad .w_con dt{ font-size:15px; color:#3b3b3b; font-weight:bold;}
#left .int_work .work_ad .w_con dt span{display:block; font-size:10px; color:#999; font-weight:normal;line-height:12px;}
#left .int_work .work_ad .w_con dd{margin-top:8px; color:#525252; line-height:14px; font-size:12px;}
#left .int_work .work_ad .w_con dd{} 

#left .int_work .work_ad p.w_btn{margin-top:8px;}
#left .int_work .work_ad p.w_btn a{ height:15px; overflow:hidden; color:#fff; font-weight:bold;}
#left .int_work .work_ad p.w_btn a:hover{ text-decoration:none;}
#left .int_work .work_ad p.w_btn a.btnl{float:left; padding: 0 8px 0 25px; background:#c72c63 url(../img/bg_l01.gif) no-repeat 0 0; line-height:15px; *line-height:16px; line-height:18px\9; height:15px; overflow:hidden;}
#left .int_work .work_ad p.w_btn a.btnr{float:right; padding:0 25px 0 8px; background:#c72c63 url(../img/bg_r01.gif) no-repeat right 0; line-height:15px; *line-height:12px; line-height:16px\9; height:15px; overflow:hidden;}

/* client list */
#left .int_clientlist{clear:both; padding:0 0 105px 4px; margin-top:25px; margin-top:28px\9; _margin-top:26px;}
#left .int_clientlist table{ background:#F2F2F2;}
#left .int_clientlist table td{ background:#fff; padding:1px;}

#left .int_clientlist p{ text-align:center; font-size:10px; margin-top:35px; color:#505050;}
#left .int_clientlist p a{display:inline-block; margin-right:3px; width:11px; height:11px; line-height:12px; font-size:10px; text-align:center; text-decoration:none; color:#fff; background:#000;}

/* contact */
#left .int_contact{clear:both; position:relative; padding:0 0 105px 4px; margin-top:25px; margin-top:28px\9; _margin-top:26px;}

#left .int_contact dl{ position:absolute; left:377px; top:279px; _left:372px; _top:277px;}
#left .int_contact dt{ height:20px;}
#left .int_contact dt span{padding:2px 4px 0; font-size:14px; background:#000; color:#fff; font-weight:bold;}
#left .int_contact dd{ font-family:simsun; line-height:14px;}

/* news */
.con_news{clear:both; position:relative; padding:0 0 105px 4px; margin-top:25px; margin-top:28px\9; _margin-top:26px; text-align:center; line-height:80px; font-size:20px;}

/* people */
.con_people{clear:both; position:relative; padding:0 0 105px 3px; margin-top:25px;}
.con_people ul{zoom:1;}
.con_people li{ float:left; margin-left:2px; margin-bottom:2px;}
.con_people li img{ vertical-align:top;}

.con_people dl{clear:both; padding-top:35px;}
.con_people dt img,.con_people dd img{ vertical-align:top;}
.con_people dd{ padding-left:3px; margin-top:3px; color:#646666;}
.con_people dl.feature{ padding-top:20px;}