@charset "utf-8";

/*reset*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}

table{border-collapse:collapse;border-spacing:0;}

fieldset,img{border:0;}

address,caption,cite,code,dfn,em,strong,th,var,i,b{font-style:normal;font-weight:normal;}

li{list-style:none;}

caption,th{text-align:left;}

h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}

q:before,q:after{content:'';}

abbr,acronym {border:0;font-variant:normal;}

sup {vertical-align:text-top;}

sub {vertical-align:text-bottom;}

input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}

input,textarea,select{*font-size:100%;}

legend{color:#000;}

body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}

table {font-size:inherit;font:100%;}

pre,code,kbd,samp,tt {font-family:monospace;*font-size:108%;line-height:100%;}

.after {zoom:1;}

.after:after {content:'.'; visibility:hidden; display:block; height:0; clear:both;}

.fl {float:left;}

.fr {float:right;}

.ext-a, .ext-b, .ext-c, .ext-d, .ext-e, .ext-f, .ext-g, .ext-h {position:absolute; width:9px; height:9px; line-height:0; overflow:hidden;}

.ext-a {top:0; left:0;}

.ext-b {top:0; right:0;}

.ext-c {bottom:0; left:0;}

.ext-d {bottom:0; right:0;}

.ext-e {top:-1px; left:-1px;}

.ext-f {top:-1px; right:-1px;}

.ext-g {bottom:-1px; left:-1px;}

.ext-h {bottom:-1px; right:-1px;}





body {background:url(imgs/bg.png) repeat-x;}

#doc {width:910px;  margin:auto;}

#hd {padding-top:25px; height:100px; _overflow:hidden;}

#hd h1 {/*margin-left:-41px;*/ margin-left:-10px; margin-top:-3px; float:left; width:196px; height:46px; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imgs/logo.png');}

#hd h1 img {_display:none;}

#hd .sea {float:right;}

#hd .sea {color:#9e9fa5; padding-top:10px; line-height:27px;}

#hd .sea input {background:url(imgs/search.png) 0 -4px no-repeat; border:none; height:13px; width:122px; padding:2px 10px 3px; font-size:12px; color:#9e9fa5;}

#hd .sea button {background:url(imgs/search.png) -145px 0  no-repeat; border:none; text-indent:-9999px; width:27px; height:26px; *position:relative; *top:3px;}

#hd .nav {margin-left:-35px; position:absolute; top:37px; clear:both; height:20px;}



.slide {width:914px; height:426px; background:url(imgs/slide_bg.png) no-repeat; padding:8px 0 0 9px; margin-left:-3px;}

.slide .slide_cont {width:899px; height:374px; overflow:hidden; background:#666; position:relative;}

.slide .slide_img img {position:absolute; top:0; left:0;}

.slide .slide_list {position:absolute; bottom:0; height:95px; z-index:5;}

.slide .slide_list li {float:left; width:300px; position:relative; height:95px;}

.slide .slide_list li.last {width:299px;}

.slide .slide_list li b {display:block; height:95px; width:300px; background:url(imgs/slide_bg.png) -300px bottom no-repeat; position:absolute; bottom:0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter:alpha(opacity=70); opacity:0.7;}

.slide .slide_list li.on b {background-position:0px bottom;}

.slide .slide_list li div {position:absolute; bottom:0; height:69px; padding:15px 0 0 22px; border-right:1px solid #3e455b; cursor:pointer; width:277px;}

.slide .slide_list li.last div {border-right:none; width:276px;}

.slide .slide_list li div h3 {color:#fff; font-size:14px; font-weight:bold; margin-bottom:5px;}

.slide .slide_list li div p {color:#88929d; font-size:10.5px; line-height:15px; width:230px;}

.slide .slide_show {display:inline-block; /*/*/display:-moz-inline-box;/* */ *display:inline-block; background:url(imgs/slide_bg.png) -800px -435px no-repeat; color:#4d4e51; text-decoration:none; font-size:12px; padding-left:15px; height:20px; line-height:20px; margin:6px 0 0 12px;}

.slide .slide_action .fr {padding:6px 10px 0 0;}

.slide .slide_prev {display:inline-block; /*/*/display:-moz-inline-box;/* */ *display:inline-block; background:url(imgs/slide_bg.png) -639px -440px no-repeat; color:#4d4e51; text-decoration:none; font-size:9.5px; height:22px; width:37px; line-height:22px; padding-left:29px;}

.slide .slide_next {display:inline-block; /*/*/display:-moz-inline-box;/* */ *display:inline-block; background:url(imgs/slide_bg.png) -706px -440px no-repeat; color:#4d4e51; text-decoration:none; font-size:9.5px; height:22px; width:58px; line-height:22px; padding-left:16px;}

.slide_loading {position:absolute; right:15px; bottom:60px;}



.view {height:154px; background:url(imgs/bg.png) 0 -400px repeat-x; padding:1px; margin-top:19px; position:relative; font-size:12px;}

.view .ext-a {background-position:0 -20px;}

.view .ext-b {background-position:-9px -20px;}

.view .ext-c {background-position:0 -29px;}

.view .ext-d {background-position:-9px -29px;}

.view ul {background:url(imgs/content_bg.png) 0 bottom repeat-x #fff; height:154px; overflow:hidden;}

.view ul li {float:left; width:227px; background:url(imgs/dashed_1.png) right 0 repeat-y;}

.view ul li.last {width:226px; background:none;}

.view ul li h3 {position:absolute; top:-11px; height:62px; font-size:20px; padding-top:26px; padding-left:80px; background:url(imgs/view_icon.png) 13px 0 no-repeat; _background:none;}

.view ul li h3 i {display:none; _display:block; _position:absolute; _top:0; _left:13px; _width:80px; _height:92px;} 

.view ul li.view_website h3 {background-position:13px -100px; padding-left:84px;}

.view ul li.view_software h3 {background-position:13px -200px;}

.view ul li.view_branding h3 {background-position:0 -300px; padding-left:87px;}

.view ul li.view_mobile i {_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imgs/view_mobile.png');}

.view ul li.view_website i {_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imgs/view_website.png');}

.view ul li.view_software i{_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imgs/view_software.png');}

.view ul li.view_branding i {_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imgs/view_branding.png');  _left:0;}

.view ul li p {padding:22px; margin-top:35px; line-height:16px; color:#777;}



.link {margin-top:28px; height:240px;  border:1px solid #cbcbcb; border-top:1px solid #bebfc1; border-bottom:1px solid #ccc; position:relative; font-size:11px;}

.link .ext-e {background-position:-20px -20px;}

.link .ext-f {background-position:-29px -20px;}

.link .ext-g {background-position:-20px -29px;}

.link .ext-h {background-position:-29px -29px;}

.link_tab {height:21px; border-bottom:1px solid #d5d4d6; background:#e8e8eb; padding-top:6px; position:relative;}

.link_tab li {float:left; padding:0 18px; height:20px; line-height:14px;}

.link_tab a {color:#777; text-decoration:none;}

.link_tab a b {font-weight:bold;}

.link_view_btn {position:absolute; width:80px; height:19px; line-height:18px; background:url(imgs/all.png) -150px 0 no-repeat; top:4px; right:5px; padding-left:24px; font-weight:bold; font-size:11px;}

.link_cont {height:176px; background:url(imgs/content_bg.png) 0 bottom repeat-x #fff; position:relative; padding:36px 24px 0;}

.link_prev, .link_next {position:absolute; width:7px; height:13px; overflow:hidden; line-height:0; background:url(imgs/all.png) no-repeat; top:78px; text-indent:-9999px;}

.link_prev {background-position:-100px 0; left:13px;}

.link_next {background-position:-110px 0; right:13px;}

.link_cont li {float:left; padding:0 27px; width:161px;}

.link_cont li strong {display:block; font-weight:bold; padding:6px 0 3px;}

.link_cont li em {display:block; font-size:11px; color:#6d7182;}



.thinking {margin-top:19px; font-size:11px;}

.thinking li {float:left; width:247px; padding:0 28px; background:url(imgs/dashed_1.png) right 0 repeat-y; height:192px;}

.thinking li.last {background:none; width:246px;}

.thinking li h3 {height:43px; background:url(imgs/all.png) no-repeat; font-size:22px; font-weight:bold; line-height:55px; margin:6px 0 15px 0;}

.thinking li.thinking_insight h3 {background-position:0 -60px; padding-left:45px;}

.thinking li.thinking_inspiration h3 {background-position:0 -110px; padding-left:35px;}

.thinking li.thinking_impact h3 {background-position:0 -160px; padding-left:42px;}

.thinking li p {color:#777; line-height:140%;}

.thinking li p strong {font-weight:bold;}



.info {margin-top:37px; height:140px;  border:1px solid #cbcbcb; border-top:1px solid #bebfc1; border-bottom:1px solid #ccc; position:relative; font-size:11px;}

.info .ext-e {background-position:-40px -20px;}

.info .ext-f {background-position:-49px -20px;}

.info .ext-g {background-position:-40px -29px;}

.info .ext-h {background-position:-49px -29px;}

.info li {float:left; width:226px; border-right:1px solid #c8c8c8; height:140px; background:#f2f2f2;}

.info li.last {border-right:none; width:227px;}

.info li h3 {background:url(imgs/dashed_2.png) 0 bottom repeat-x #e4e4e4; padding-left:12px; height:25px; line-height:24px; font-size:12px; font-weight:bold; color:#4c4c4c;}

.info li ul {padding:9px 14px;}

.info li li {width:auto; height:auto; border-right:0; padding:5px 0 6px;}

.info li li a {color:#6d6d6d; text-decoration:none; font-weight:bold; background:url(imgs/all.png) -400px -57px no-repeat; padding-left:10px;}

.info li li em {display:block; color:#6d6d6d; font-size:11px; padding-top:4px; padding-left:10px;}



.casestudy {width:929px; height:353px; background:url(imgs/casestudy_bg.png) no-repeat; margin-left:-3px;}

.casestudy .hd {height:40px; position:relative;}

.casestudy .hd h2 {float:left; color:#2c2c2d; font-size:14px; font-weight:bold; margin:12px 0 0 20px;}

.casestudy_all_btn {position:absolute; width:110px; height:19px; line-height:18px; background:url(imgs/all.png) -260px 0 no-repeat; top:11px; right:25px; padding-left:19px; font-weight:bold; font-size:11px; color:#777879; text-decoration:none;}

.casestudy .bd {clear:both; margin-top:6px; margin-left:10px;}

.casestudy .bd li {float:left; width:296px; height:248px; margin-right:5px; position:relative; overflow:hidden;}

.casestudy .bd li b {position:absolute; height:74px; width:296px; bottom:0; left:0; border-top:1px solid #d2deef; background:#000; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter:alpha(opacity=70); opacity:0.7;}

.casestudy .bd li div {position:absolute; height:52px; width:270px; bottom:0; left:0; padding:11px 13px;}

.casestudy .bd li div h3 {font-size:14px; color:#fff; font-weight:bold; padding-bottom:5px;}

.casestudy .bd li div p {color:#88929d; font-size:11px;}

.casestudy .ft .fl {padding-top:3px;}

.casestudy .ft .fr {padding-top:7px; padding-right:24px;}

.casestudy_all_a {display:inline-block; /*/*/display:-moz-inline-box;/* */ *display:inline-block; background:url(imgs/casestudy_bg.png) -140px -376px no-repeat; color:#4d4e51; text-decoration:none; font-size:12px; padding-left:15px; height:20px; line-height:20px; margin:6px 0 0 12px;}

.casestudy_prev {display:inline-block; /*/*/display:-moz-inline-box;/* */ *display:inline-block; background:url(imgs/casestudy_bg.png) 0 -380px no-repeat; color:#4d4e51; text-decoration:none; font-size:9.5px; height:22px; width:41px; line-height:22px; padding-left:25px;}

.casestudy_next {display:inline-block; /*/*/display:-moz-inline-box;/* */ *display:inline-block; background:url(imgs/casestudy_bg.png) -69px -380px no-repeat; color:#4d4e51; text-decoration:none; font-size:9.5px; height:22px; width:46px; line-height:22px; padding-left:14px;}



.casestudy_all {height:686px; overflow:hidden; background:url(imgs/csall_bg.png) 0 -70px repeat-x; padding:1px; position:relative;}

.casestudy_all .ext-a {background-position:-100px -20px;}

.casestudy_all .ext-b {background-position:-109px -20px;}

.casestudy_all .ext-c {background-position:-100px -29px;}

.casestudy_all .ext-d {background-position:-109px -29px;}

.casestudy_all .hd {background:url(imgs/csall_bg.png) repeat-x; height:66px;}

.casestudy_all .bd {background:#fff; height:542px; overflow:hidden; padding:5px;}

.casestudy_all .bd li {float:left; width:296px; height:248px; margin-right:5px; position:relative; overflow:hidden;}

.casestudy_all .bd li.last {margin-right:0;}

.casestudy_all .bd li b {position:absolute; height:74px; width:296px; bottom:0; left:0; border-top:1px solid #d2deef; background:#000; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter:alpha(opacity=70); opacity:0.7;}

.casestudy_all .bd li div {position:absolute; height:52px; width:270px; bottom:0; left:0; padding:11px 13px;}

.casestudy_all .bd li div h3 {font-size:14px; color:#fff; font-weight:bold; padding-bottom:5px;}

.casestudy_all .bd li div p {color:#88929d; font-size:11px;}

.casestudy_all .ft {background:url(imgs/csall_bg.png) left bottom repeat-x #fff; height:68px;}



.allwork {background:url(imgs/allwork_bg.png) 0 -70px repeat-x; margin-top:12px; height:476px; overflow:hidden; padding:1px; position:relative;}

.allwork .ext-a {background-position:-60px -20px;}

.allwork .ext-b {background-position:-69px -20px;}

.allwork .ext-c {background-position:-60px -29px;}

.allwork .ext-d {background-position:-69px -29px;}

.allwork_tab {height:56px; background:url(imgs/allwork_bg.png) repeat-x;}

.allwork_tab ul {height:56px; background:url(imgs/dashed_4.png) 0 bottom repeat-x;}

.allwork_tab li {float:left; width:181px; height:56px; background:url(imgs/dashed_5.png) right 0 repeat-y;}

.allwork_tab li.last {width:182px; background:none;}

.allwork_tab a {display:block; color:#424242; text-decoration:none; text-align:center; height:43px; padding-top:13px;}

.allwork_tab a b {background:url(imgs/all.png) no-repeat; height:27px; line-height:27px; padding-left:35px; display:inline-block; /*/*/display:-moz-inline-box;/* */ *display:inline-block; font-size:14px;}

.allwork_tab .mobile b {background-position:0 -209px; padding-left:25px;}

.allwork_tab .software b {background-position:0 -259px;}

.allwork_tab .website b {background-position:0 -309px; padding-left:31px;}

.allwork_tab .brand b {background-position:0 -410px;}

.allwork_tab .graphic b {background-position:0 -357px; padding-left:32px;}

.allwork_tab .on a {background:url(imgs/all.png) -110px -454px no-repeat;}

.allwork_cont {height:338px; background:url(imgs/allwork_bg.png) 0 bottom repeat-x #fff; padding:41px 42px; overflow:hidden; position:relative;}

.allwork_cont ul {width:824px;}

.allwork_cont ul.allwork_line {background:url(imgs/dashed_3.png) 0 bottom repeat-x;}

.allwork_cont li {float:left; width:161px; margin-right:47px; height:168px; padding-top:32px; padding-left:8px;}

.allwork_cont .allwork_line li {padding-top:0;}

.allwork_cont .last {margin-right:0;}

.allwork_cont li strong {display:block; font-weight:bold; padding:6px 0 3px; font-size:11px;}

.allwork_cont li em {display:block; font-size:11px; color:#6d7182;}

.allwork_prev, .allwork_next {position:absolute; background:url(imgs/all.png) no-repeat; width:23px; height:59px; overflow:hidden; text-indent:-9999px; top:178px;}

.allwork_prev {background-position:0 -460px; left:0;}

.allwork_next {background-position:-23px -460px; right:0;}



.worktype {background:url(imgs/worktype_bg.png) 0 -70px repeat-x; margin-top:15px; height:486px; overflow:hidden; padding:1px; position:relative;}

.worktype .ext-a {background-position:-80px -20px;}

.worktype .ext-b {background-position:-89px -20px;}

.worktype .ext-c {background-position:-60px -29px;}

.worktype .ext-d {background-position:-69px -29px;}

.worktype_hd {height:47px; background:url(imgs/worktype_bg.png) repeat-x; padding:16px 0 2px 20px; border-bottom:1px solid #c3c3c3;}

.worktype_hd .fl {width:810px;}

.worktype_hd h2 {font-size:17px; line-height:16px;}

.worktype_hd em {color:#777879; font-size:12px; line-height:21px;}

.worktype_mobile_icon {float:left; height:33px; width:18px; margin-right:12px; padding-right:12px; background:url(imgs/all.png) no-repeat; background-position:0 -519px; border-right:1px solid #bfbfbf;}

.worktype_cont {height:338px; background:url(imgs/worktype_bg.png) 0 bottom repeat-x #fff; padding:41px 42px; overflow:hidden; position:relative;}

.worktype_cont ul {width:824px;}

.worktype_cont ul.worktype_line {background:url(imgs/dashed_3.png) 0 bottom repeat-x;}

.worktype_cont li {float:left; width:161px; margin-right:47px; height:168px; padding-top:32px; padding-left:8px;}

.worktype_cont .worktype_line li {padding-top:0;}

.worktype_cont .last {margin-right:0;}

.worktype_cont li strong {display:block; font-weight:bold; padding:6px 0 3px; font-size:11px;}

.worktype_cont li em {display:block; font-size:11px; color:#6d7182;}

.worktype_prev, .worktype_next {position:absolute; background:url(imgs/all.png) no-repeat; width:23px; height:59px; overflow:hidden; text-indent:-9999px; top:178px;}

.worktype_prev {background-position:0 -460px; left:0;}

.worktype_next {background-position:-23px -460px; right:0;}









#ft {margin:35px 0 30px 0; background:url(imgs/dashed_3.png) 0 top repeat-x; padding:13px 0; font-size:11px; line-height:13px; color:#999; height:15px;}

#ft .ft_logo {float:left; width:55px; height:0; background:url(imgs/all.png) 0 4px no-repeat; padding-top:18px; overflow:hidden; position:relative; top:-2px}

#ft .ft_rss {display:inline-block; /*/*/display:-moz-inline-box;/* */ *display:inline-block; width:29px; height:13px; background:url(imgs/all.png) -60px 0 no-repeat; text-indent:-9999px; margin-left:5px;}

#ft a {color:#999; text-decoration:none;}



@charset "utf-8";

/**

* Author : HongLei

* E-mail : honglei@live.com

**/



/*reset*/

body.about {background:url(imgs/bg_about.png) repeat-x;}

body.robin {background:url(imgs/bg_robin.png) repeat-x #353638;}

body.cv {background:url(imgs/bg_cv.png) repeat-x #2d2f2f;}

body.studio {background:url(imgs/bg_studio.png) repeat-x #fff;}

.robin_center {width:100%;background:transparent url(imgs/about_bg_robin.png) center top no-repeat;}

.vision_center {width:100%;background:transparent url(imgs/about_bg_vision.png) center top no-repeat;}

.career_center {width:100%;background:transparent url(imgs/about_bg_career.png) center top no-repeat; }

.cv_center {width:100%;background:transparent url(imgs/about_bg_cv.png) center top no-repeat;}

.studio_center {width:100%;background:transparent url(imgs/about_bg_studio.png) center top no-repeat;}



.aboutslide {width:910px; height:600px;}

.aboutslide .slide_cont {width:910px; height:378px; overflow:hidden; background:#666; position:relative;}

.aboutslide .slide_img img {position:absolute; top:0; left:0;}

.aboutslide .slide_list {position:absolute; bottom:0; height:50px; z-index:5;}

.aboutslide .slide_list div h3 {color:#fff; font-size:18px; padding-left:50px; line-height:55px;}

.aboutslide .slide_show {display:inline-block; /*/*/display:-moz-inline-box;/* */ *display:inline-block; background:url(imgs/slide_bg.png) -800px -435px no-repeat; color:#4d4e51; text-decoration:none; font-size:12px; padding-left:15px; height:20px; line-height:20px; margin:6px 0 0 12px;}

.aboutslide .slide_action .fl {width:756px;}

.aboutslide .slide_action .fr {padding:6px 10px 0 0;}

.aboutslide .slide_prev {display:inline-block; /*/*/display:-moz-inline-box;/* */ *display:inline-block; background:url(imgs/about_nav.png) no-repeat; color:#d3d3d3; text-decoration:none; font-size:9.5px; height:22px; width:42px; line-height:40px; padding-left:24px;}

.aboutslide .slide_next {display:inline-block; /*/*/display:-moz-inline-box;/* */ *display:inline-block; background:url(imgs/about_nav.png) -66px 0px no-repeat; color:#d3d3d3; text-decoration:none; font-size:9.5px; height:22px; width:52px; line-height:40px; padding-left:14px;}

.aboutslide .slide_bg {display:inline-block; /*/*/display:-moz-inline-box;/* */ *display:inline-block; background:url(imgs/about_banner_2.png) no-repeat; color:#676768; text-decoration:none; font-size:12px; width:910px; height:220px; line-height:17px; font-size:12px;}

.aboutslide .slide_bg li {float:left; position:relative; height:120px; padding:22px 30px 30px 25px;}

.aboutslide .slide_bg li a {color:#676768; text-decoration:none}

.aboutslide .slide_bg li strong {font-weight:bold; color:#9fa0a1;}

.aboutslide .slide_bg h3 {font-size:16px; font-weight:bold; color:#fff; line-height:46px; height:44px; width:40%; margin-bottom:10px;}

.aboutslide .slide_bg p {display:block;}

.aboutslide .slide_bg .robin {display:inline-block; /*/*/display:-moz-inline-box;/* */ *display:inline-block; background:url(imgs/about_banner_2.png) -6px -240px no-repeat; padding-left:42px;}

.aboutslide .slide_bg .vision {display:inline-block; /*/*/display:-moz-inline-box;/* */ *display:inline-block; background:url(imgs/about_banner_2.png) -4px -292px no-repeat; padding-left:48px;}

.aboutslide .slide_bg .career {display:inline-block; /*/*/display:-moz-inline-box;/* */ *display:inline-block; background:url(imgs/about_banner_2.png) -4px -342px no-repeat; padding-left:44px;}



.aboutcareer {position:relative; margin-top:18px; height:453px; color:#777879; font-size:12px;}

.aboutcareer .border_top {height:37px; position:relative; background:transparent url(imgs/about_mock.png) 0 -40px no-repeat;}

.aboutcareer .border_bottom {position:relative; background:transparent url(imgs/about_mock.png) 0 -79px no-repeat; height:422px; _height:417px;}

.aboutcareer .link_tab {height:37px; border-bottom:1px solid #b1b5bc; background:transparent url(imgs/about_mock_titlebg.png) repeat-x 0 bottom; padding:0px; position:relative;}

.aboutcareer .link_tab li {height:37px; float:left; padding:0px 16px 0 16px; width:271px; background:transparent url(imgs/dashed_5.png) repeat-y scroll right 0; font-size:18px; color:#000; font-weight:bold; line-height:36px;}

.aboutcareer .link_tab li.last {background:transparent none repeat scroll 0 0;}

.aboutcareer .link_cont .aboutlink_view {position:absolute; bottom:20px;}

.aboutcareer .link_cont .aboutlink_page {position:absolute; bottom:22px; left:520px;}

.aboutcareer .link_cont .aboutlink_view_btn {display:inline-block; /*/*/display:-moz-inline-box;/* */ *display:inline-block; width:56px; height:21px; background:url(imgs/about_mock.png) 0 -10px no-repeat; font-weight:bold; font-size:11px; color:#7e7e7e; padding-left:20px; line-height:21px; margin:0 0 0 196px;}

.aboutcareer .link_cont .aboutlink_view a.aboutlink_view_btn{ text-decoration:none; }

.aboutcareer .link_cont .aboutlink_view a.page{color:#6a6a6a; text-decoration:none; padding:0 4px; font-size:11px; float:left; line-height:11px;}

.aboutcareer .link_cont .aboutlink_view a.on{color:#ff780a;}

.aboutcareer .link_cont .aboutlink_view .ico_left{display:inline-block; /*/*/display:-moz-inline-box;/* */ *display:inline-block; background:transparent url(imgs/about_mock.png) -126px -14px no-repeat; height:10px; width:12px; float:left; }

.aboutcareer .link_cont .aboutlink_view .ico_right{display:inline-block; /*/*/display:-moz-inline-box;/* */ *display:inline-block; background:transparent url(imgs/about_mock.png) -136px -14px no-repeat; height:10px; width:12px;}

.aboutcareer .link_cont {height:417px; background:url(imgs/about_content_bg.png) 0 bottom repeat-x #fff; position:relative; padding:0;}

.aboutcareer .link_cont li {height:388px; float:left; padding:14px 16px; width:271px; background:transparent url(imgs/dashed_5.png) repeat-y scroll right 0; line-height:17px;}

.aboutcareer .link_cont strong {padding:0;}

.aboutcareer .link_cont li.last {background:transparent none repeat scroll 0 0;}

.aboutcareer .link_cont p{padding:11px 0 0 4px;}



.aboutlink {margin-top:19px; font-size:11px;}

.aboutlink2 {margin-top:27px; font-size:11px;}

.aboutlink li {float:left; width:254px; padding:0 30px 0 12px; height:150px;}

.aboutlink li a {color:#000;}

.aboutlink li.last {background:none;}

.aboutlink li h3 {height:43px; background:url(imgs/about_mock.png) no-repeat; font-size:18px; line-height:55px; margin:6px 0 8px 0;}

.aboutlink li.thinking_insight {}

.aboutlink li a {text-decoration:none;}

.aboutlink li.thinking_inspiration {padding-left:22px;}

.aboutlink li.thinking_impact {padding-left:22px;}

.aboutlink li.thinking_insight h3 {background-position:-8px -498px; padding-left:38px;}

.aboutlink li.thinking_inspiration h3 {background-position:-6px -548px; padding-left:40px;}

.aboutlink li.thinking_impact h3 {background-position:-6px -598px; padding-left:40px;}

.aboutlink li p {color:#a0a0a1; line-height:130%; _margin-top:-15px;}

.aboutlink li p strong {font-weight:bold;}

.aboutlink li .aboutlink_view {margin-top:14px;}

.aboutlink li .aboutlink_view_btn {display:inline-block; /*/*/display:-moz-inline-box;/* */ *display:inline-block; width:56px; height:21px; background:url(imgs/about_mock.png) -179px -10px no-repeat; font-weight:bold; font-size:11px; color:#7e7e7e; padding-left:20px; line-height:21px; margin:0 0 0 196px;}

.aboutlink li a.aboutlink_view_btn { text-decoration:none; }



.aword {margin-top:15px; height:460px; _height:250px; border:1px solid #cbcbcb; border-top:1px solid #bfbfbf; border-bottom:1px solid #bfbfbf; position:relative; font-size:11px;}

.aword .ext-e, .aword .ext-f, .aword .ext-g, .aword .ext-h {position:absolute; width:9px; height:9px; line-height:0; overflow:hidden; background:url(imgs/about_mock.png) no-repeat;}

.aword .ext-e {background-position:-265px -10px;}

.aword .ext-f {background-position:-274px -10px;}

.aword .ext-g {background-position:-265px -20px;}

.aword .ext-h {background-position:-274px -20px;}

.aword li span {zoom:1; margin-bottom:-3px;}

.aword li {float:left; width:900px; height:251px; background:transparent url(imgs/dashed_5.png) repeat-y scroll right 0; padding-right:1px;}

.aword li.last {border-right:none; padding-right:0; background:transparent none repeat scroll 0 0;}

.aword li .title {height:86px; border-bottom:1px solid #d3d3d3; padding:0 28px 0 14px; _padding:0 28px 1px 14px;}

.aword li h3 {line-height:38px; font-size:18px; color:#000000; padding-top:4px;}

.aword li strong {line-height:14px; font-size:11px; color:#a0a0a1; font-weight:bold;}



.robin_mock {width:910px;}

.robin_mock .slide_cont {position:relative; background:url(imgs/robin_mock.png) -10px 0 no-repeat; color:#4d4e51; text-decoration:none; font-size:12px; width:910px; height:603px; line-height:16px; margin:250px 0 0 0; color:#89929b;}

.robin_mock .slide_cont .robin{position:absolute; top:163px; left:223px; width:180px;}

.robin_mock .slide_cont .zhu{position:absolute; top:260px; left:30px; width:360px;}

.robin_mock .slide_cont .zhu strong{font-weight:bold; line-height:28px; color:#b4bdc5;}

.robin_mock .slide_cont .career{position:absolute; top:166px; left:457px; width:180px;}

.robin_mock .slide_cont .career strong{font-weight:bold; line-height:18px; color:#b4bdc5;}

.robin_mock .slide_cont .works{position:absolute; top:163px; right:9px; width:220px;}

.robin_mock .slide_cont .works strong{font-weight:bold; line-height:18px; color:#b4bdc5;}

.robin_mock .slide_cont .compass{position:absolute; bottom:40px; left:176px; width:680px; color:#95989a;}

.robin_mock .slide_cont .compass h2{font-size:16px; line-height:58px; left:190px; color:#d6d6d7; padding-left:18px; font-weight:bold;}

.robin_mock .slide_bg {background:url(imgs/about_banner_2.png) 0 -418px;no-repeat; color:#676768; text-decoration:none; font-size:12px; width:910px; height:246px; line-height:17px; font-size:12px;}

.robin_mock .slide_bg li {float:left; width:248px; position:relative; height:120px; padding:22px 24px 30px 30px; }

.robin_mock .slide_bg li a {color:#676768; text-decoration:none}

.robin_mock .slide_bg li strong {font-weight:bold; color:#9fa0a1;}

.robin_mock .slide_bg h3 {font-size:22px; font-weight:bold; color:#fff; padding-left:44px; height:44px; line-height:50px; margin-bottom:10px;}

.robin_mock .slide_bg p {display:block;}

.robin_mock .slide_bg .vision {display:inline-block; /*/*/display:-moz-inline-box;/* */ *display:inline-block; background:url(imgs/about_banner_2.png) -480px -236px no-repeat; margin-left:-4px; padding-left:50px;}

.robin_mock .slide_bg .career {display:inline-block; /*/*/display:-moz-inline-box;/* */ *display:inline-block; background:url(imgs/about_banner_2.png) -480px -294px no-repeat; margin-left:-4px;}

.robin_mock .slide_bg .cv {display:inline-block; /*/*/display:-moz-inline-box;/* */ *display:inline-block; background:url(imgs/about_banner_2.png) -480px -352px no-repeat; margin-left:-4px;}



.vision_mock {width:910px;}

.vision_mock .slide_cont {position:relative; background:url(imgs/vision_mock.png) 0 0 no-repeat; color:#7d7f81; text-decoration:none; font-size:12px; width:910px; height:487px; line-height:16px; margin:361px 0 0 0;}

.vision_mock .slide_cont .compass{position:absolute; bottom:32px; left:182px; width:680px; color:#95989a;}

.vision_mock .slide_cont .compass h2{font-size:16px; line-height:58px; color:#d6d6d7; padding-left:18px; font-weight:bold;}

.vision_mock .slide_cont .compass strong {font-weight:bold;}

.vision_mock .slide_bg {background:url(imgs/about_banner_2.png) 0 -418px;no-repeat; color:#676768; text-decoration:none; font-size:12px; width:910px; height:246px; line-height:17px; font-size:12px;}

.vision_mock .slide_bg li {float:left; width:248px; position:relative; height:120px; padding:22px 24px 30px 30px;}

.vision_mock .slide_bg li a {color:#676768; text-decoration:none}

.vision_mock .slide_bg li strong {font-weight:bold; color:#9fa0a1;}

.vision_mock .slide_bg h3 {font-size:22px; color:#fff; padding-left:44px; line-height:50px; margin-bottom:10px;}

.vision_mock .slide_bg .robin {display:inline-block; /*/*/display:-moz-inline-box;/* */ *display:inline-block; background:url(imgs/about_banner_2.png) -833px -236px no-repeat;}

.vision_mock .slide_bg .career {display:inline-block; /*/*/display:-moz-inline-box;/* */ *display:inline-block; background:url(imgs/about_banner_2.png) -480px -294px no-repeat; margin-left:-4px;}

.vision_mock .slide_bg .cv {display:inline-block; /*/*/display:-moz-inline-box;/* */ *display:inline-block; background:url(imgs/about_banner_2.png) -480px -352px no-repeat; margin-left:-4px;}

.vision_mock .list_cont {position:relative; padding:30px 0 0 0;}

.vision_mock .list_cont li {height:200px; float:left; padding:14px 16px; width:271px; line-height:17px;}

.vision_mock .list_cont li.last {background:transparent none repeat scroll 0 0;}

.vision_mock .list_cont p{padding:6px 0 0 5px; line-height:16px;}



.career_mock {width:910px;}

.career_mock .slide_cont {position:relative; background:url(imgs/career_mock.png) 0 0 no-repeat; color:#7e7f82; text-decoration:none; font-size:12px; width:910px; height:487px; line-height:16px; margin:371px 0 0 0;}

.career_mock .slide_cont .career{position:absolute; bottom:50px; left:176px; width:680px; color:#95989a;}

.career_mock .slide_cont .career h2{font-size:16px; line-height:58px; color:#d6d6d7; padding-left:18px; font-weight:bold;}

.career_mock .slide_bg {background:url(imgs/about_banner_2.png) 0 -418px;no-repeat; color:#676768; text-decoration:none; font-size:12px; width:910px; height:246px; line-height:17px; font-size:12px;}

.career_mock .slide_bg li {float:left; width:248px; position:relative; height:120px; padding:22px 24px 30px 30px;}

.career_mock .slide_bg li a {color:#676768; text-decoration:none}

.career_mock .slide_bg li strong {font-weight:bold; color:#9fa0a1;}

.career_mock .slide_bg h3 {font-size:22px; color:#fff; padding-left:44px; line-height:50px; margin-bottom:10px;}

.career_mock .slide_bg .robin {display:inline-block; /*/*/display:-moz-inline-box;/* */ *display:inline-block; background:url(imgs/about_banner_2.png) -833px -236px no-repeat;}

.career_mock .slide_bg .career {display:inline-block; /*/*/display:-moz-inline-box;/* */ *display:inline-block; background:url(imgs/about_banner_2.png) -480px -294px no-repeat; margin-left:-4px;}

.career_mock .slide_bg .cv {display:inline-block; /*/*/display:-moz-inline-box;/* */ *display:inline-block; background:url(imgs/about_banner_2.png) -480px -352px no-repeat; margin-left:-4px;}

.career_mock .list_cont {position:relative; padding:30px 0 0 0;}

.career_mock .list_cont li {height:388px; float:left; padding:18px 16px; width:271px; line-height:17px;}

.career_mock .list_cont li.last {background:transparent none repeat scroll 0 0;}

.career_mock .list_cont p{padding:10px 0 0 5px; line-height:16px;}



.aboutthanks {position:relative; height:618px; color:#777879; font-size:12px;}

.aboutthanks .border_bottom {position:relative; background:transparent url(imgs/aboutthanks_border.png) 0 0 no-repeat; height:449px;}

.aboutthanks .link_tab {height:185px; border-bottom:0px; background:transparent url(imgs/aboutthanks_title.png) repeat-x 0 bottom; padding:0px; position:relative; width:910px;}

.aboutthanks .link_tab_con {padding:80px 0 0 56px;  width:820px; color:#787879; line-height:19px;}

.aboutthanks .link_cont {height:448px; background:url(imgs/about_thanksbg.png) 0 bottom repeat-x #fff; position:relative; padding:0;}

.aboutthanks .link_cont li {height:418px; float:left; padding:14px 14px; width:199px; background:transparent url(imgs/dashed_5.png) repeat-y scroll right 0; line-height:17px;}

.aboutthanks .link_cont strong {padding:0;}

.aboutthanks .link_cont li.last {background:transparent none repeat scroll 0 0;}

.aboutthanks .link_cont h2{font-size:18px; font-weight:bold; color:#000; padding-top:6px; line-height:32px;}

.aboutthanks .link_cont p{}



.cv_mock {width:910px;}

.cv_mock .slide_cont {position:relative; background:url(imgs/about_cv_mock.png) 0 0 no-repeat; color:#7d7f81; text-decoration:none; font-size:12px; width:910px; height:607px; line-height:16px; margin:0 0 0 0;}

.cv_mock .slide_cont .title{position:absolute; top:350px; left:32px; width:250px; color:#868686; font-size:16px; text-decoration:none; font-weight:bold;}

.cv_mock .slide_cont .cv_view {position:absolute; right:0px;}

.cv_mock .slide_cont .cv_view_btn {display:inline-block; /*/*/display:-moz-inline-box;/* */ *display:inline-block; width:144px; height:21px; background:url(imgs/about_cv_button.png) 0 0 no-repeat; font-weight:bold; font-size:10px; color:#868686; padding-left:28px; line-height:21px; margin-right:14px;}

.cv_mock .slide_cont .compass{position:absolute; bottom:26px; left:202px; width:250px; color:#95989a;}

.cv_mock .slide_cont .compass h2{font-size:16px; line-height:44px; color:#FFF; font-weight:bold;}

.cv_mock .slide_cont .compass2{position:absolute; bottom:26px; left:450px; width:442px; color:#95989a;}

.cv_mock .slide_cont .compass2 h2{font-size:16px; line-height:44px; color:#FFF; font-weight:bold;}

.cv_mock .slide_bg {background:url(imgs/about_banner_2.png) 0 -418px;no-repeat; color:#676768; text-decoration:none; font-size:12px; width:910px; height:246px; line-height:17px; font-size:12px;}

.cv_mock .slide_bg li {float:left; width:248px; position:relative; height:120px; padding:22px 24px 30px 30px;}

.cv_mock .slide_bg li strong {font-weight:bold; color:#9fa0a1;}

.cv_mock .slide_bg span {font-size:22px; color:#fff; padding-left:44px; line-height:50px; width:100%; margin-bottom:10px;}

.cv_mock .slide_bg .robin {display:inline-block; /*/*/display:-moz-inline-box;/* */ *display:inline-block; background:url(imgs/about_banner_2.png) -480px -350px no-repeat; margin-left:-4px;}

.cv_mock .slide_bg .vision {display:inline-block; /*/*/display:-moz-inline-box;/* */ *display:inline-block; background:url(imgs/about_banner_2.png) -480px -236px no-repeat; margin-left:-4px; padding-left:49px;}

.cv_mock .slide_bg .career {display:inline-block; /*/*/display:-moz-inline-box;/* */ *display:inline-block; background:url(imgs/about_banner_2.png) -480px -294px no-repeat; margin-left:-4px;}

.cv_mock .list_cont {position:relative; padding:7px 0 0 7px;}

.cv_mock .list_cont li {height:200px; float:left; padding:14px 16px; width:271px; line-height:17px;}

.cv_mock .list_cont li.last {background:transparent none repeat scroll 0 0;}

.cv_mock .list_cont p{padding:6px 0 0 5px; line-height:16px;}

.cv_mock .cv_con {width:908px; border-left:1px solid #6b6c6d; border-right:1px solid #6b6c6d; background:url(imgs/about_cv_conbg.png) repeat-x #393a3c;}

.cv_mock .cv_con ul{padding:0 32px 40px 32px;}

.cv_mock .cv_con ul li{background:transparent url(imgs/dashed_9.png) repeat-x top; color:#9b9c9d; line-height:14px; font-size:11px; padding:15px 0 30px 0;}

.cv_mock .cv_con ul li.off{background:transparent none repeat scroll 0 0;}

.cv_mock .cv_con ul li .logo{margin:10px 0 20px -20px;}

.cv_mock .cv_con ul li .micro_banner{margin:16px 0 22px -4px;}

.cv_mock .cv_con strong{font-weight:bold;}

.cv_mock .cv_con .title{float:left; padding-bottom:10px; font-weight:bold;}

.cv_mock .cv_con .time{float:right; font-weight:bold;}

.cv_mock .cv_con .microtitle{margin-bottom:-20px;}

.cv_mock .cv_con .microtime{padding-top:34px;}

.cv_mock .cv_con .listtitle:after {display:block;clear:both;content:"";visibility:hidden;height:0;padding-bottom:4px;}


.studio_top_info {padding:266px 0 0; margin:0; _padding:22px 0;}

.studio_top_info p {color:#777879; line-height:17px; font-size:12px;}

.studio_top_info .studio_top_btn {display:block; margin:22px 0; height:58px; background:url(imgs/studio_all.png) no-repeat;}

.studio_top_info_title {position:relative; background:url(imgs/dashed_17.png) left bottom repeat-x; padding:0 0 8px; margin-bottom:21px;}

.studio_top_info_title h2 {color:#000; font-size:20px; font-weight:bold;}

.studio_top_lang {position:absolute; right:0; _right:42px; top:4px; width:44px; height:20px; background:url(imgs/studio_all.png) -10px -10px no-repeat; text-align:center; color:#878888; text-decoration:none; line-height:19px; font-size:12px;}

.services_top_info {padding:35px 0 0; margin:0; _padding:22px 0;}

.services_top_info p {color:#777879; line-height:17px; font-size:12px;}

.services_top_info_title {position:relative; background:url(imgs/dashed_17.png) left bottom repeat-x; padding:0 0 8px; margin-bottom:24px;}

.services_top_info_title h2 {color:#000; font-size:20px; font-weight:bold;}

.services_top_lang {position:absolute; right:0; _right:42px; top:4px; width:44px; height:20px; background:url(imgs/studio_all.png) -10px -10px no-repeat; text-align:center; color:#878888; text-decoration:none; line-height:19px; font-size:12px;}

.services_list {position:relative; margin-top:18px; height:100px; color:#777879; font-size:12px;}

.services_list .cont {height:100px; position:relative; padding:0;}

.services_list .cont li {height:100px; float:left; padding:0 26px; width:288px; background:transparent url(imgs/dashed_5.png) repeat-y scroll right 0; line-height:17px;}

.services_list .cont li.first {padding:0 26px 0 0;}

.services_list .cont li.last {background:transparent none repeat scroll 0 0; width:210px; padding:0 0 0 23px; }

.services_list .cont strong {padding:0; font-weight:bold; display:block;}

.services_list .cont p{padding:0 0 0 34px; background:transparent url(imgs/studio_all.png) no-repeat scroll 0 0; margin-bottom:16px;}

.services_list .cont p.s1 {background-position:-10px -46px;}

.services_list .cont p.s2 {background-position:-10px -84px;}

.services_list .cont p.s3 {background-position:-10px -120px;}

.services_list .cont p.s4 {background-position:-10px -158px;}

.services_list .cont p.s5 {background-position:-10px -195px;}

.services_list .cont p.s6 {background-position:-10px -231px;}

.services_business {height:79px; margin-top:14px; font-size:12px; color:#777879; background:url(imgs/studio_all.png) 0 -397px no-repeat; width:910px; padding:16px 0 0 10px;}

.services_business li {float:left;}

.services_business_ico {background:transparent url(imgs/studio_all.png) no-repeat scroll 0 -274px; padding:0 0 0 50px; width:655px;}

.services_business_ico h3 {color:#5fb008; font-weight:bold; line-height:24px;}

.services_business_btn {background:transparent url(imgs/studio_all.png) no-repeat scroll -10px -328px; width:175px; height:46px; display:block;}

.client_top_info {padding:20px 0 0; margin:0; _padding:22px 0;}

.client_top_info h2 {color:#000; font-size:20px; font-weight:bold; padding-bottom:10px;}


#ft.ftblack {margin:35px 0 30px 0; background:url(imgs/dashed_8.png) 0 top repeat-x; padding:13px 0; font-size:11px; line-height:13px; color:#999; height:15px;}

#ft .blacklogo {display:inline-block; /*/*/display:-moz-inline-box;/* */ *display:inline-block; width:55px; height:0; background:url(imgs/all_blackfooter.png) -151px -23px no-repeat; padding-top:11px; _padding-top:13px; }

#ft .blackrss {display:inline-block; /*/*/display:-moz-inline-box;/* */ *display:inline-block; width:29px; height:13px; background:url(imgs/all_blackfooter.png) -215px -25px no-repeat; text-indent:-9999px; margin-left:5px;}

#hd .seablack {float:right;}

#hd .seablack {color:#85868d; padding-top:6px; line-height:27px;}

#hd .seablack input {background:url(imgs/search.png) 0 -34px no-repeat; border:none; height:13px; width:122px; padding:2px 10px 3px; font-size:12px; color:#9e9fa5;}

#hd .seablack button {background:url(imgs/search.png) -145px -30px  no-repeat; border:none; text-indent:-9999px; width:27px; height:26px; *position:relative; *top:3px;}

#hd .seablue input {background:url(imgs/search.png) 0 -98px no-repeat; border:none; height:13px; width:122px; padding:2px 10px 3px; font-size:12px; color:#9e9fa5;}

#hd .seablue button {background:url(imgs/search.png) -145px -93px  no-repeat; border:none; text-indent:-9999px; width:27px; height:26px; *position:relative; *top:3px;}