body,input,textarea {font:normal 12px/180% \5FAE\8F6F\96C5\9ED1;font-size:14px;color:#333;background:#fff} a {color:#333;text-decoration:none} a:hover {color:#279;text-decoration:underline} h2 {font-size:24px;font-weight:normal;color:#333} #submiting {display:none;position:absolute;width:150px;height:40px;background:#000 url(../images/loading.gif) no-repeat center center;border-radius:3px;opacity:.6} .submit-error {display:inline-block;margin-left:10px;color:#f00} #msg {color:#f33} .chunjie {background:url(../images/chunjie.gif) no-repeat 192px 0} #logo {padding:30px 0 20px 0;height:64px;} .ie6 #logo {background-image:url(../images/logo.gif)} #logo a {display:block;width:200px;height:64px;} #tools {padding-top:58px;font-size:12px;text-align:right} #tools a {display:inline-block;margin-left:10px;padding-left:25px;line-height:16px;color:#999;background:url(../images/tools.png) no-repeat} .ie6 #tools a {background-image:url(../images/tools.gif)} #tools .microblog {background-position:5px 0} #tools .blog {background-position:5px -16px} #tools .share {background-position:5px -32px} #tools .im {z-index:1000;background-position:5px -48px} #tools i {display:inline-block;width:15px;height:10px;background:url(../images/tools.png) no-repeat 0 -67px} .ie6 #tools i {background-image:url(../images/tools.gif)} #tools #bdshare {float:none;padding-bottom:0} #bdshare_s #bdshare_l {-webkit-box-shadow:none} #bdshare_l_c {margin-top:13px} #im {display:none;position:absolute;z-index:999;top:83px;right:0;padding-top:7px;width:115px;font-size:12px;background:#fff url(../images/im-header.png) no-repeat center top} #im ul {padding:5px 0 5px 15px;background:#fff;border:1px solid #ddd;border-top:none} .ie6 #im ul {padding-top:10px;padding-bottom:10px} #im li {margin:7px 0;padding-left:30px;height:24px;line-height:28px;background:url(../images/im.png) no-repeat;overflow:hidden} .ie6 #im li {background-image:url(../images/im.gif)} #im li.advertising {background-position:0 0} #im li.active.advertising {background-position:0 -48px} #im li.marketing {background-position:0 -96px} #im li.active.marketing {background-position:0 -144px} #im li.design {background-position:0 -192px} #im li.active.design {background-position:0 -240px} #im li.activity {background-position:0 -288px} #im li.active.activity {background-position:0 -336px} #im li.cooperation {background-position:0 -384px} #im li.active.cooperation {background-position:0 -432px} #im a {color:#888} #im li.active a {color:#555} nav {height:45px;line-height:45px;background:#f8f8f8;overflow:hidden} nav a {display:inline-block;padding:0 1.5em;transition:all .2s linear} nav a:hover {color:#333;background:#eee;text-decoration:none} nav a.active {color:#fff;background:#67b5bf} .service-phone {font-size:12px;text-align:right} .service-phone em {font-size:16px;font-weight:bold;font-style:normal;color:#f33} .service-phone a {padding:0;color:#f33;background:transparent} .service-phone a:hover {color:#f33;background:transparent} #page-desc {position:relative;margin-top:20px;padding:25px;background:#f8f8f8} #page-desc h2 {font-size:26px;color:#333} #page-desc .desc {padding-top:1em;line-height:1.5em;font-size:16px;color:#333} #page-desc .desc a {position:absolute;right:25px;bottom:25px;padding-left:12px;line-height:35px;color:#fff;background:#67b5bf} .ie6 #page-desc .desc a {bottom:42px} #page-desc .desc a span {display:inline-block;margin-left:6px;padding:0 12px;font-size:14px;font-weight:bold;color:#666;background:#eee;vertical-align:top} .ie6 #page-desc .desc a span {vertical-align:middle} #page-desc .desc a:hover {text-decoration:none} #page-desc .desc a:hover span {color:#f33} #subnav {margin-top:30px;height:35px;line-height:35px;background:#f8f8f8} #subnav a {display:inline-block;padding:0 1.5em;color:#fff;background:#666;border-right:5px solid #fff;transition:all .2s linear} #subnav a:hover {text-decoration:none;background:#67b5bf} #subnav a.active {background:url(../images/bj_1.png) no-repeat center bottom #f33} .nav-marketing {background:url(../images/nav-marketing-line.png) repeat-x left bottom} #nav-marketing,#nav-advertising,#nav-design {padding:40px 0 50px;text-align:justify;background:url(../images/nav-marketing-line.png) repeat-x left bottom} .ie6 #nav-marketing,.ie6 #nav-advertising, #nav-marketing a,#nav-advertising a,#nav-design a {display:inline-block;margin-right:30px;width:110px;color:#888;text-align:center;} .ie6 #nav-marketing a,.ie6 #nav-advertising a,.ie6 #nav-design a {background-image:url(../images/nav-marketing.gif)} #nav-design a img{margin-bottom:-10} .ie6 #nav-advertising a {background-image:url(../images/nav-advertising.gif)} .ie6 #nav-design a {background-image:url(../images/nav-design.gif)} #nav-marketing a.omega {margin-right:0} #nav-marketing a:hover,#nav-marketing a.active {color:#333} #nav-marketing a.wzjs,.marketing-cate.wzjs {background-position:0 0} #nav-marketing a.wzjs:hover,#nav-marketing a.wzjs.active {background-position:0 -120px} #nav-marketing a.pstg,.marketing-cate.pstg {background-position:-110px 0} #nav-marketing a.pstg:hover,#nav-marketing a.pstg.active {background-position:-110px -120px} #nav-marketing a.zhyx,.marketing-cate.zhyx {background-position:-220px 0} #nav-marketing a.zhyx:hover,#nav-marketing a.zhyx.active {background-position:-220px -120px} #nav-marketing a.bdgg,.marketing-cate.bdgg {background-position:-330px 0} #nav-marketing a.bdgg:hover,#nav-marketing a.bdgg.active {background-position:-330px -120px} #nav-marketing a.seo,.marketing-cate.seo {background-position:-440px 0} #nav-marketing a.seo:hover,#nav-marketing a.seo.active {background-position:-440px -120px} #nav-marketing a.wbyx,.marketing-cate.wbyx {background-position:-550px 0} #nav-marketing a.wbyx:hover,#nav-marketing a.wbyx.active {background-position:-550px -120px} #nav-marketing a.dsdyy,.marketing-cate.dsdyy {background-position:-660px 0} #nav-marketing a.dsdyy:hover,#nav-marketing a.dsdyy.active {background-position:-660px -120px} #nav-marketing a.case,.marketing-cate.case {background-position:-770px 0} #nav-advertising a:hover,#nav-advertising a.active {color:#333} #nav-advertising a.intro,.advertising-cate.intro {background-position:0 0} #nav-advertising a.intro:hover,#nav-advertising a.intro.active {background-position:0 -120px} #nav-advertising a.service,.advertising-cate.service {background-position:-110px 0} #nav-advertising a.service:hover,#nav-advertising a.service.active {background-position:-110px -120px} #nav-advertising a.resource,.advertising-cate.resource {background-position:-220px 0} #nav-advertising a.resource:hover,#nav-advertising a.resource.active {background-position:-220px -120px} #nav-advertising a.advantage,.advertising-cate.advantage {background-position:-330px 0} #nav-advertising a.advantage:hover,#nav-advertising a.advantage.active {background-position:-330px -120px} #nav-advertising a.case,.advertising-cate.case {background-position:-440px 0} #nav-design a:hover,#nav-design a.active {color:#333} #nav-design a.intro,.design-cate.intro {background-position:0 0} #nav-design a.intro:hover,#nav-design a.intro.active {background-position:0 -120px} #nav-design a.pmsj,.design-cate.pmsj {background-position:-110px 0} #nav-design a.pmsj:hover,#nav-design a.pmsj.active {background-position:-110px -120px} #nav-design a.visj,.design-cate.visj {background-position:-220px 0} #nav-design a.visj:hover,#nav-design a.visj.active {background-position:-220px -120px} #nav-design a.videosj,.design-cate.videosj {background-position:-330px 0} #nav-design a.videosj:hover,#nav-design a.videosj.active {background-position:-330px -120px} .marketing-cate,.advertising-cate,.design-cate {margin-top:20px;padding-top:100px;text-align:center;background:url(../images/nav-marketing.png) no-repeat} .ie6 .marketing-cate,.ie6 .advertising-cate,.ie6 .design-cate {background-image:url(../images/nav-marketing.gif)} .design-cate {margin-top:40px} .advertising-cate {background-image:url(../images/nav-advertising.png)} .design-cate {background-position:-770px 0} .marketing-cate a,.advertising-cate a {display:inline-block;padding:0 1em;height:30px;line-height:30px;color:#666;background:#fff;border:1px dashed #ccc} .marketing-cate a:hover,.advertising-cate a:hover {color:#fff;background:#666;text-decoration:none} .service-case {padding-top:30px} .service-case a {display:block;margin:0 10px;padding:90px 0 5px;text-align:center;background:url(../images/nav-marketing.png) no-repeat -780px 0;border-bottom:1px solid #ccc} .service-case a:hover {color:#f30;text-decoration:none;border-color:#f30} .web096 {margin-top:40px;padding:40px 0 0 30px;height:115px;background:url(../images/web096.png) no-repeat} .web096 a {display:block;font-size:12px} .web096 a:hover {text-decoration:none} .web096 h2 {font-size:18px} #nav-marketing a,#nav-design a {position:relative} #nav-marketing i,#nav-design i {position:absolute;right:-15px;bottom:18px;width:55px;height:23px;line-height:99px;background:url(../images/pop-star.png);overflow:hidden} #nav-marketing i span,#nav-design i span {color:#f33} .note-foto {margin-top:30px} .note-foto li {position:relative;padding:5px 0} .note-foto img {display:block;margin:15px auto} .note-foto .note {position:absolute;top:5px;left:0;margin:0} .ie6 .note-foto .note {display:none} .qrcode {text-align:center} .qrcode img {display:block;margin:0 auto} .note-article {margin-top:50px} .note-article h3 {height:35px;color:#279} .note-article li {padding:6px 5px;font-size:12px;border-bottom:1px dotted #ccc} .note-article a {display:block;padding-left:10px;color:#666;background:url(../images/icons.png) no-repeat 0 7px;transition:all .3s linear} .ie6 .note-article a {background-image:url(../images/icons.gif)} .note-article a:hover {background-position:0 -43px} #slider {margin-top:50px;padding-top:20px;width:280px;height:360px;overflow:hidden} #slider li {height:240px;overflow:hidden} #slider li a {display:block;text-align:center} #slider li img {display:block;margin:0 auto} #slider .title {margin-top:55px} #slider .mask {height:301px} #article-nav {margin:30px 0} #article-nav li {margin:15px 0;padding-left:30px;height:24px;line-height:24px;font-size:12px;text-align:left;background:url(../images/article-nav.png) no-repeat} .ie6 #article-nav li {background-image:url(../images/article-nav.gif)} #article-nav li.prev {background-position:0 0} #article-nav li.next {background-position:0 -24px} #article-nav a {display:block;padding:0;width:250px;word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .job-list dt {position:relative;margin-top:10px;padding:30px 65px 10px;font-size:20px;background:url(../images/head.png) no-repeat;border-bottom:1px dotted #ccc} .ie6 .job-list dt {background-image:url(../images/head.gif)} .job-list dt.leader {background-position:0 0} .job-list dt.service {background-position:0 -70px} .job-list dt.doc {background-position:0 -140px} .job-list dt.design {background-position:0 -210px} .job-list dt.spread {background-position:0 -280px} .job-list dt.coding {background-position:0 -350px} .job-list dt.sales {background-position:0 -420px} .job-list dt em {margin-left:10px;font-size:14px;font-weight:normal;font-style:normal;color:#888} .job-list dd {padding:10px 20px} .job-list dd table {width:100%} .job-list dd th {padding:5px;text-align:left} .job-list dd td {padding:2px 5px;font-size:14px} .job-list:hover dt {color:#f33} #map {margin-top:40px;border:1px solid #ccc;overflow:hidden} #map img {display:block;margin:-1px} .contactss {margin-top:20px;padding-left:5px;font-size:12px;} .contact {margin-top:20px;padding-left:95px;font-size:12px;background:url(../images/contact.png) no-repeat} .ie6 .contact {background-image:url(../images/contact.gif)} .contact.info {background-position:0 0} .contact.bus {background-position:-320px 0} .contact.drive {background-position:-640px 0} .contact dt {padding-top:.5em;line-height:3em;font-size:16px;font-weight:bold} .contact dt a {margin-left:5px;font-size:12px;font-weight:normal;color:#279} .contact dd p {padding:.25em 0} #new-message {margin-top:40px;padding:12px 20px;width:270px;background:url(../images/diagonal.png);overflow:hidden} .ie6 #new-message {background-image:url(../images/diagonal.gif)} #new-message li {padding:8px 0} #new-message label {display:block;padding-bottom:5px;font-weight:bold} #new-message input[type="text"],#new-message textarea {width:260px} .ie6 #new-message textarea {width:260px} #new-message input[type="submit"] {padding:0 15px 0 35px;height:36px;line-height:36px;font-size:16px;color:#fff;background:#f90 url(../images/button-huge.png) no-repeat 15px -45px;filter:none;border:none;border-radius:3px;box-shadow:none;transition:all .2s linear} #new-message input[type="submit"]:hover {background-color:#f60} #new-message input[type="submit"]:active {background-color:#999} #proposal {margin-top:40px;border:1px solid #ccc;overflow:hidden} #proposal img {display:block;margin:-1px} #new-proposal {margin-top:40px;padding:12px 20px;height:336px;background:url(../images/diagonal.png)} .ie6 #new-proposal {background-image:url(../images/diagonal.gif)} #new-proposal li {padding:8px 0} #new-proposal label {display:block;padding-bottom:5px;font-weight:bold} #new-proposal input[type="text"],#new-proposal textarea {width:260px} #new-proposal input[type="submit"] {padding:0 15px 0 40px;height:36px;line-height:36px;font-size:16px;color:#fff;background:#f90 url(../images/button-huge.png) no-repeat 15px -3px;filter:none;border:none;border-radius:3px;box-shadow:none;transition:all .2s linear} #new-proposal input[type="submit"]:hover {background-color:#f60} #new-proposal input[type="submit"]:active {background-color:#999} #new-proposal .tip {margin-top:15px;padding:.75em 1em;background:#f8f8f8;border:1px dashed #bbb} #my-proposal .desc {margin-top:10px;line-height:1.8em} #my-proposal .desc p {padding:.5em 0;text-indent:2em} #my-proposal .album {padding:9px;font-size:12px;background:#f8f8f8;border:1px solid #ddd} #my-proposal .album a {display:inline-block;margin:10px;width:132px;text-align:center;vertical-align:top} #my-proposal .album a:hover {text-decoration:none} #my-proposal .album span {display:block;padding:2px;background:#fff;border:1px solid #ddd} #my-proposal .album img {display:block;opacity:.65;filter:alpha(opacity=65);transition:all .2s linear} #my-proposal .album img:hover {opacity:1;filter:alpha(opacity=100)} .proposal-button {margin-top:40px;text-align:center} .proposal-button a {display:inline-block;padding:0 1em 0 2.2em;line-height:2.5em;color:#fff;background:#999 url(../images/logout.png) no-repeat 10px center;border-radius:3px;transition:all .2s linear} .ie6 .proposal-button a {background-image:url(../images/logout.gif)} .proposal-button a:hover {color:#fff;text-decoration:none;background-color:#67b5bf} #new-message .score {padding-top:10px;text-align:center} #new-message .score em {font-size:40px;font-style:normal;color:#f33} #new-message .status {text-align:center} #new-message h3 {padding:20px 0 10px;font-size:16px} #new-message .comment {margin-bottom:10px;padding:.75em 1em;line-height:1.8em;font-size:12px;background:#fff;border:1px solid #ddd} #new-message hr {height:1px;background:#ddd;border:none;overflow:hidden} .score-chart {margin-bottom:15px;height:3px;background:#fff;border:1px solid #67b5bf;overflow:hidden} .score-bar {width:1px;height:3px;background:#87d5df;overflow:hidden} #gallery {margin-top:40px} #gallery .playbox {width:800px;height:480px;overflow:hidden} #gallery .playbox img {width:800px;height:480px} #gallery .thumb {width:130px} #gallery .thumb img {width:120px;height:72px} #gallery .thumbbox {height:368px;overflow:hidden} #album {margin-top:10px;padding:25px 17px 17px;background:url(../images/diagonal.png)} #album .control {margin-bottom:12px;text-align:center} #album .control a {display:inline-block;margin:0 30px;width:40px;height:40px;text-indent:-999px;background:url(../images/album-control.png);vertical-align:top;overflow:hidden;opacity:.1;filter:alpha(opacity=10);cursor:not-allowed} #album .control a.next {background-position:0 -40px} #album .control a.enabled {cursor:pointer;opacity:.5;filter:alpha(opacity=50)} #album .control a.enabled:hover {opacity:.75;filter:alpha(opacity=75)} #album .control span {display:inline-block;height:40px;line-height:40px;font-size:24px;vertical-align:top} #album .control span span {color:#f30} #album img {display:block;width:560px} #album .box {padding:18px 18px 0;width:560px;background:url(../images/album-bg.png)} #album .bottom {height:18px;overflow:hidden;background:url(../images/album-bg.png) no-repeat center bottom} .case-title {margin-left:10px;padding:0 2px;line-height:2em;font-size:26px;color:#666;background:url(../images/case-title.png) no-repeat left bottom} .case-desc {margin-left:10px;padding:.5em 0;line-height:1.8em} .case-desc p {padding:.5em 0} .case-desc a {border-bottom:1px dotted #999} .case-tags {margin-left:10px} .case-tags span {display:inline-block;margin-right:5px;padding:0 8px;line-height:25px;font-size:12px;color:#fff;background:#999} #album2 {margin-top:10px} #album2 .playbox {width:770px;height:10px;overflow:hidden} #album2 .playbox img {width:770px} #album2 .thumb {width:130px} #album2 .thumb img {width:120px} #album2 .thumbbox {height:200px;overflow:hidden} .team {margin-top:30px;padding-top:245px;text-align:center;background:url(../images/team-head.png) no-repeat} .team img {position:absolute;top:30px;left:0;opacity:1} .team:hover img {opacity:1} .team h2 {line-height:2em;font-size:20px} .team .position {height:30px;color:#999} .team .desc {padding-bottom:15px;height:30px;font-size:12px;line-height:20px;} .team .link {padding:10px;font-size:12px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;transition:all .2s linear} .team .link a {display:inline-block;margin:0 10px;padding-left:20px;height:16px;line-height:16px;background:url(../images/team-link.png) no-repeat;overflow:hidden;transition:all .2s linear} .ie6 .team .link a {background-image:url(../images/team-link.gif)} .team .link a.weibo {background-position:0 0} .team .link a.weibo:hover {background-position:0 -16px} .team .link a.email {background-position:0 -32px} .team .link a.email:hover {background-position:0 -48px} .team:hover {background-color:#f8f8f8} .team:hover .link {border-bottom:1px solid #f33} #staff {margin-top:30px} #staff ul {margin:-10px} #staff li {margin:5px;padding:14px;width:200px;border:1px solid #ddd;overflow:hidden;transition:all .2s linear} #staff li:hover {border-color:#67b5bf} #staff a {display:block;background:#fff url(../images/zoom-in.png) no-repeat center center} #staff img {display:block;transition:all .2s linear} #staff h2 {padding-top:10px;font-size:14px} #staff li:hover img {opacity:.25;filter:alpha(opacity=25)} #staff li:hover h2 {color:#279} #case-design {margin-top:15px} #case-design ul {margin-left:-10px} #case-design li {float:left;margin:10px 0 0 10px;width:228px;border:1px solid #ddd;overflow:hidden;transition:none} #case-design img {display:block;margin:14px;width:200px} #case-design h2 {padding:0 15px 10px;font-size:14px} #case-design .summary {padding:0 15px;line-height:1.5em;font-size:12px;color:#888} #case-design .detail {padding:10px 15px 15px} #case-design .detail a {display:inline-block;padding:0 10px;height:30px;line-height:30px;font-size:12px;color:#fff;background:#67b5bf;background-position:20px center;transition:all .2s linear} #case-design li:hover {border-color:#67b5bf} #case-design li:hover .detail a {padding-left:28px;background:#f33 url(../images/zoom-in-white.png) no-repeat 10px center} .ie6 #case-design li:hover .detail a {background-image:url(../images/zoom-in-white.gif)} #case-design li:hover .detail a:hover {text-decoration:none} #case-marketing {margin-top:15px} #case-marketing ul {margin-left:-10px} #case-marketing li {float:left;margin:10px 0 0 10px;width:230px;background:#f8f8f8;overflow:hidden;transition:all .2s linear} #case-marketing a.image {display:block;transition:all .2s linear} #case-marketing img {display:block;margin:14px auto 0;width:200px;background:#fff;border:1px solid #ddd;transition:all .2s linear} #case-marketing h2 {padding:10px 14px;font-size:14px} #case-marketing .summary {padding:0 14px 9px;line-height:1.5em;font-size:12px;color:#888} #case-marketing .summary span {display:inline-block;margin-right:5px;margin-bottom:5px;padding:0 7px;line-height:25px;background:#e6e6e6} #case-marketing .detail {margin-top:10px;padding:10px 14px} #case-marketing .detail a {display:inline-block;padding:0 10px;height:30px;line-height:30px;font-size:12px;color:#fff;background:#67b5bf;background-position:20px center;transition:all .2s linear} #case-marketing .detail span {margin-right:7px;font-size:12px} #case-marketing li:hover {background:#e6e6e6} #case-marketing li a:hover {color:#333} #case-marketing li:hover span {color:#fff;background:#bbb} #case-marketing li:hover .detail a {padding-left:28px;background:#f33 url(../images/zoom-in-white.png) no-repeat 10px center} .ie6 #case-marketing li:hover .detail a {background-image:url(../images/zoom-in-white.gif)} #case-marketing li:hover .detail a:hover {text-decoration:none} .payment-tip {padding-top:40px;line-height:1.8em} .payment-tip h2 {margin-bottom:15px;padding-left:70px;height:64px;line-height:60px;font-size:22px;background:url(../images/payment-tip.png) no-repeat left top} .ie6 .payment-tip h2 {background-image:url(../images/payment-tip.gif)} #coltbl {width:100%;text-align:center;background:#f8f8f8} #coltbl th {padding:1.5em 0;width:20%;font-size:18px;font-weight:normal;color:#fff;background:#67b5bf;border:1px solid #fff;transition:all .2s linear} #coltbl td {padding:.75em 0;border:1px solid #fff} #coltbl tr.highlight td {background:#eee} #coltbl a {display:block;margin:15px auto;width:65px;height:32px;line-height:32px;font-size:12px;color:#fff;background:#999;background-position:20px center;border:none;transition:all .2s linear} #coltbl a:hover {text-decoration:none;background:#f33} #coltbl a.active {padding-left:14px;background:#f33 url(../images/zoom-in-white.png) no-repeat 10px center} .ie6 #coltbl a.active {background-image:url(../images/zoom-in-white.gif)} .prices {display:none;padding:20px;text-align:center} .prices table {font-size:12px} .prices td {padding:5px 7px;border:1px solid #ccc} .service-cate {position:relative;margin-top:30px;background:#f8f8f8;cursor:pointer;transition:all .2s linear} .service-cate h1 {height:200px;line-height:999px;overflow:hidden;transition:all .2s linear} .ie6 .service-cate h1 {background-image:url(../images/service.gif)} .service-cate.advertising h1 {background-color:#f90;background-position:0 0} .service-cate.advertising:hover h1 {background-position:0 -200px} .service-cate.marketing h1 {background-color:#09c;background-position:0 0} .service-cate.marketing:hover h1 {background-position:0 -200px} .service-cate.design h1 {background-color:#f33;background-position:0 0} .service-cate.design:hover h1 {background-position:0 -200px} .service-cate.planning h1 {background-color:#9c0;background-position:0 0} .service-cate.planning:hover h1 {background-position:0 -200px} .service-cate:hover h1 {background-color:#f8f8f8} .service-cate .desc {padding:15px 15px 45px;height:165px;line-height:1.5em;color:#999;background:#fff;border-bottom:1px solid #eee;transition:all .2s linear} .service-cate:hover .desc {padding-bottom:5px;height:205px;color:#fff;background:#67b5bf} .service-cate .desc span {display:block;margin:0 auto;width:80px;height:0;line-height:30px;text-align:center;background:#fff;overflow:hidden;transition:all .2s linear} .service-cate:hover .desc span {margin-bottom:10px;height:30px;color:#666} .accordion-content {padding-top:10px} .accordion-content h1 {padding-left:30px;line-height:2em;font-weight:normal;font-size:24px;background:url(../images/accordion.png) no-repeat 0 15px;cursor:pointer} .ie6 .accordion-content h1 {background-image:url(../images/accordion.gif)} .accordion-content h1:hover {color:#279} .accordion-content h1.active {color:#f33;background-position:0 -85px} .accordion-content .desc {padding:0 30px 10px} .accordion-content .desc table {width:100%} .accordion-content .desc th,.accordion-content .desc td {padding:6px 10px;border:1px solid #ddd} .accordion-content .desc th {padding:10px;min-width:100px;background:#f8f8f8} footer {margin-top:30px;padding:15px 0;font-size:12px;text-align:center;background:#f8f8f8;border-top:1px solid #ccc} footer .footer-nav {padding-bottom:20px} footer .footer-nav span {display:inline-block;overflow:hidden} footer .footer-nav a {display:inline-block;margin-left:-1px;padding:0 10px;color:#666;border-left:1px solid #ccc} footer .copyright {line-height:1.6em;word-break:keep-all;white-space:nowrap;overflow:hidden} footer .copyright a {color:#666} /* Home */ #banner {height:360px;line-height:0;font-size:0;background:#ddd;overflow:hidden} #banner li {height:360px;background-position:center top} #banner li a{display: block;text-align: center;} .banner-1 {background:url(../images/banner-bg-1.jpg)} #subsub {margin-top:0px} #subsub .box {display:inline-block;padding:5px 0px 0;height:34px;color:#bbb;background:#EEEEEE;overflow:hidden} #subsub a {display:inline-block;padding:0 10px;line-height:34px;font-size:12px} #subsub a.active {color:#f33;font-weight:bold} .slogan {line-height:4em;font-size:23px;color:#279;text-align:center} .service a {display:block;padding-bottom:5px;line-height:1.8em;font-size:12px;color:#666;border-bottom:1px solid #ddd;overflow:hidden;cursor:pointer} .service span {display:inline-block;margin-bottom:10px;width:100%;height:138px;line-height:999px;background:#ddd url(../images/home-service.jpg);overflow:hidden;transition:background .2s linear} .service .advertising {border-color:#f90} .service .advertising span {background-color:#f90;background-position:0 0} .service .marketing {border-color:#09c} .service .marketing span {background-color:#09c;background-position:-230px 0} /*.service .design {border-color:#f33}*/ .service .design {border-color:transparent} .service .design span {background-color:#f33;background-position:-460px 0} .service .planning {border-color:#9c0} .service .planning span {background-color:#9c0;background-position:-690px 0} .service a:hover {color:#333;text-decoration:none} .service a.advertising:hover span {background-position:0 -138px} .service a.marketing:hover span {background-position:-230px -138px} .service a.design:hover span {background-position:-460px -138px} .service a.planning:hover span {background-position:-690px -138px} #home-news {margin-top:40px} #home-news h2 {height:2em} #home-news li {position:relative;padding:10px 0 10px 50px;line-height:1.5em;font-size:12px;color:#888} #home-news time {position:absolute;top:10px;left:0;width:40px;color:#666;text-align:center;background:#eee} .ie6 #home-news time {left:-50px} #home-news time span {display:block;padding:5px 0;font-size:18px;color:#fff;background:#67b5bf} #home-news h3 {height:2em;font-size:14px} #home-news h3 a {color:#666} #home-news a.detail {/*display:none;*/margin-left:5px;color:#f60} #home-news li:hover a.detail {display:inline-block} #home-case {margin-top:40px;font-size:12px;background:#f9f9f9 url(../images/diagonal.png)} .ie6 #home-case {background-image:url(../images/diagonal.gif)} #home-case h2 {position:absolute;right:-35px;padding:10px 5px;width:25px;line-height:1.2em;font-size:16px;color:#fff;text-align:center;background:#67b5bf} #home-case ul {padding-bottom:20px} #home-case li {float:left;display:inline;margin:20px 0 0 20px;width:205px;height:123px;background:#ccc;overflow:hidden} #home-case a {position:relative;display:block;height:100%;overflow:hidden} #home-case a:hover {text-decoration:none} #home-case img {opacity:1;filter:alpha(opacity=50);transition:all .2s linear} #home-case a:hover img {opacity:1;filter:alpha(opacity=100)} #home-case span {display:none;position:absolute;bottom:0;left:0;width:100%;height:25px;line-height:25px;color:#fff;text-align:center;background:rgba(0,0,0,.75);filter:progid:dximagetransform.microsoft.gradient(enabled=true,startcolorstr=#bf000000,endcolorstr=#bf000000);overflow:hidden} #home-case a:hover span {display:block} #home-proposal {margin-top:20px} #home-proposal h2 {height:1.8em} #home-proposal .desc {padding:.4em .2em;background:#eee} #home-proposal .desc a {position:relative;display:inline-block;padding:0 15px 0 10px;height:22px;line-height:22px;font-size:12px;border-radius:3px;transition:all .2s linear} #home-proposal .submit {padding-top:10px;text-align:right;background:url(../images/home-proposal-arrow.png) no-repeat 240px 0} .ie6 #home-proposal .submit {background-image:url(../images/home-proposal-arrow.gif)} #home-proposal .submit a {position:relative;display:inline-block;padding:0 15px 0 40px;height:42px;line-height:42px;font-size:18px;color:#fff;background:#f90 url(../images/button-huge.png) no-repeat 15px 0;border-radius:3px;transition:all .2s linear} .ie6 #home-proposal .submit a {background-image:url(../images/button-huge.gif)} #home-proposal .submit a:hover {background-color:#f60;text-decoration:none} #home-proposal .submit a:active {top:1px;background-color:#999} #link {position:relative;margin-top:30px;padding-left:120px;width:830px;height:40px;line-height:40px;background:#eee} #link label {position:absolute;top:0;left:0;padding-right:10px;width:100px;font-weight:bold;text-align:center;background:url(../images/link.png) no-repeat left center} #link label a{font-weight:bold;color:#000} #link a {display:inline-block;margin:0 7px;font-size:12px;color:#666} #link a.more {position:absolute;top:7px;right:7px;margin:0;padding:0 12px;line-height:26px;border-radius:3px;background:#ddd;transition:all .2s linear} #link a.more:hover {color:#fff;text-decoration:none;background:#67b5bf} #link a.prev,#link a.next {position:absolute;right:25px;top:15px;width:8px;height:10px;line-height:99px;overflow:hidden;background:url(../images/link-nav.png)} #link a.next {right:10px;background-position:-8px 0} #ie6 {margin:12% auto;width:540px;height:230px;background:url(../images/ie6.jpg)} #ie6 a {display:block;width:540px;height:230px;line-height:999px;overflow:hidden} #case-show-design {} #case-show-design .design {float:right;width:345px} #case-show-design ul {width:600px} #case-show-design li {float:left;display:inline;margin:0 10px 10px 0;width:190px;height:114px;overflow:hidden} #case-show-design li a {filter:alpha(opacity=75);opacity:.75} #case-show-design li a:hover {filter:none;opacity:1} #case-show-design .design h4 {padding-left:15px;font-size:26px;font-weight:normal;border-left:1px solid #f33} #case-show-design .design .desc {margin-top:20px;padding:0 0 15px 15px;border-left:1px solid #ccc} #case-show-design .design .desc,#case-show-design .design .desc p {line-height:1.8em;font-size:12px} #case-show-design .design .desc p {padding:.5em 0} /* Reset */ blockquote,body,dd,dir,dl,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,menu,ol,p,pre,ul,xmp {margin:0} button,caption,dir,fieldset,input,legend,menu,ol,td,textarea,th,ul {padding:0} html{text-size-adjust:none}ul,menu{list-style:none}img{border:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}a{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;background:transparent}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:700}del{text-decoration:line-through}sup,sub{line-height:0}abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select,label{vertical-align:middle} #linkp ul{padding:10px 0;} #linkp ul li{margin:10px 0;text-indent:1em;background: #F8F8F8;font-weight:bold;color:#000000;line-height:36px;font-size:16px;} #linkp a{display:block;height:20px;line-height:14px;margin-bottom:5px;padding-bottom:2px;text-indent:0;padding:10px;float:left;} #linkp li a img{float:left;padding-right:5px;} /* Common */ .c0{color:#000}.c3{color:#333}.c6{color:#666}.c9{color:#999}.cc{color:#ccc}.cf{color:#fff}.cf00{color:red}.cf30{color:#f30}.cf60{color:#f60}.cf90{color:#f90}.c060{color:#060}.c090{color:#090}.c069{color:#069}.c06c{color:#06c}.c369{color:#369}.fs12{font-size:12px}.fs14{font-size:14px}.fs16{font-size:16px}.fs20{font-size:20px}.fs24{font-size:24px}.fwn{font-weight:400}.fwb{font-weight:700}.tal{text-align:left}.tac{text-align:center}.tar{text-align:right}.vat{vertical-align:top}.vam{vertical-align:middle}.vab{vertical-align:bottom}.dn{display:none}.db{display:block}.dib{display:inline-block}.di{display:inline}.fl{float:left}.fr{float:right}.clearfix:before,.clearfix:after{content:'\0020';display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both}.clearfix{zoom:1}.pr{position:relative}.pa{position:absolute}.cp{cursor:pointer}.cd{cursor:default}.oh{overflow:hidden}.m0{margin:0}.ml1{margin-left:1px}.ml2{margin-left:2px}.ml5{margin-left:5px}.ml10{margin-left:10px}.ml20{margin-left:20px}.mr1{margin-right:1px}.mr2{margin-right:2px}.mr5{margin-right:5px}.mr10{margin-right:10px}.mr20{margin-right:20px}.mt1{margin-top:1px}.mt2{margin-top:2px}.mt5{margin-top:5px}.mt10{margin-top:10px}.mt20{margin-top:20px}.mb1{margin-bottom:1px}.mb2{margin-bottom:2px}.mb5{margin-bottom:5px}.mb10{margin-bottom:10px}.mb20{margin-bottom:20px}.p1{padding:1px}.pl1{padding-left:1px}.pt1{padding-top:1px}.pr1{padding-right:1px}.pb1{padding-bottom:1px}.p2{padding:2px}.pl2{padding-left:2px}.pt2{padding-top:2px}.pr2{padding-right:2px}.pb2{padding-bottom:2px}.pl5{padding-left:5px}.p5{padding:5px}.pt5{padding-top:5px}.pr5{padding-right:5px}.pb5{padding-bottom:5px}.p10{padding:10px}.pl10{padding-left:10px}.pt10{padding-top:10px}.pr10{padding-right:10px}.pb10{padding-bottom:10px}.p20{padding:20px}.pl20{padding-left:20px}.pt20{padding-top:20px}.pr20{padding-right:20px}.pb20{padding-bottom:20px}.w20{width:20px}.w30{width:30px}.w40{width:40px}.w50{width:50px}.w60{width:60px}.w80{width:80px}.w100{width:100px}.w120{width:120px}.w150{width:150px}.w180{width:180px}.w200{width:200px}.w250{width:250px}.w300{width:300px}.w350{width:350px}.w400{width:400px}.w500{width:500px}.w-1-10{width:9.5%}.w-1-5{width:19.5%}.w-3-10{width:29.5%}.w-2-5{width:39.5%}.w-1-2{width:49.5%}.w-3-5{width:59.5%}.w-7-10{width:69.5%}.w-4-5{width:79.5%}.w-9-10{width:89.5%}.w-1-24{width:4%}.w-1-12{width:8%}.w-1-8{width:12%}.w-1-6{width:16%}.w-5-24{width:20%}.w-1-4{width:24.5%}.w-7-24{width:29%}.w-1-3{width:33%}.w-3-8{width:37%}.w-5-12{width:41%}.w-11-24{width:45%}.w-13-24{width:54%}.w-7-12{width:58%}.w-15-24{width:62%}.w-2-3{width:66%}.w-17-24{width:70%}.w-3-4{width:74.2%}.w-19-24{width:79%}.w-5-6{width:83%}.w-7-8{width:87%}.w-11-12{width:91%}.w-23-24{width:95%}.h50{height:50px}.h80{height:80px}.h100{height:100px}.h200{height:200px}.h300{height:300px}.h400{height:400px}.ma{margin-left:auto;margin-right:auto}.ol{word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} /* Layout */ body{min-width:960px}.container_24{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16,.grid_17,.grid_18,.grid_19,.grid_20,.grid_21,.grid_22,.grid_23,.grid_24{display:inline;float:left;position:relative;margin-left:5px;margin-right:5px}.push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8,.push_9,.pull_9,.push_10,.pull_10,.push_11,.pull_11,.push_12,.pull_12,.push_13,.pull_13,.push_14,.pull_14,.push_15,.pull_15,.push_16,.pull_16,.push_17,.pull_17,.push_18,.pull_18,.push_19,.pull_19,.push_20,.pull_20,.push_21,.pull_21,.push_22,.pull_22,.push_23,.pull_23,.push_24,.pull_24{position:relative}.alpha{margin-left:0}.omega{margin-right:0}.container_24 .grid_1{width:30px}.container_24 .grid_2{width:70px}.container_24 .grid_3{width:110px}.container_24 .grid_4{width:150px}.container_24 .grid_5{width:190px}.container_24 .grid_6{width:230px}.container_24 .grid_7{width:270px}.container_24 .grid_8{width:310px}.container_24 .grid_9{width:350px}.container_24 .grid_10{width:390px}.container_24 .grid_11{width:430px}.container_24 .grid_12{width:470px}.container_24 .grid_13{width:510px}.container_24 .grid_14{width:550px}.container_24 .grid_15{width:590px}.container_24 .grid_16{width:630px}.container_24 .grid_17{width:670px}.container_24 .grid_18{width:710px}.container_24 .grid_19{width:750px}.container_24 .grid_20{width:790px}.container_24 .grid_21{width:830px}.container_24 .grid_22{width:870px}.container_24 .grid_23{width:910px}.container_24 .grid_24{width:950px}.container_24 .prefix_1{padding-left:40px}.container_24 .prefix_2{padding-left:80px}.container_24 .prefix_3{padding-left:120px}.container_24 .prefix_4{padding-left:160px}.container_24 .prefix_5{padding-left:200px}.container_24 .prefix_6{padding-left:240px}.container_24 .prefix_7{padding-left:280px}.container_24 .prefix_8{padding-left:320px}.container_24 .prefix_9{padding-left:360px}.container_24 .prefix_10{padding-left:400px}.container_24 .prefix_11{padding-left:440px}.container_24 .prefix_12{padding-left:480px}.container_24 .prefix_13{padding-left:520px}.container_24 .prefix_14{padding-left:560px}.container_24 .prefix_15{padding-left:600px}.container_24 .prefix_16{padding-left:640px}.container_24 .prefix_17{padding-left:680px}.container_24 .prefix_18{padding-left:720px}.container_24 .prefix_19{padding-left:760px}.container_24 .prefix_20{padding-left:800px}.container_24 .prefix_21{padding-left:840px}.container_24 .prefix_22{padding-left:880px}.container_24 .prefix_23{padding-left:920px}.container_24 .suffix_1{padding-right:40px}.container_24 .suffix_2{padding-right:80px}.container_24 .suffix_3{padding-right:120px}.container_24 .suffix_4{padding-right:160px}.container_24 .suffix_5{padding-right:200px}.container_24 .suffix_6{padding-right:240px}.container_24 .suffix_7{padding-right:280px}.container_24 .suffix_8{padding-right:320px}.container_24 .suffix_9{padding-right:360px}.container_24 .suffix_10{padding-right:400px}.container_24 .suffix_11{padding-right:440px}.container_24 .suffix_12{padding-right:480px}.container_24 .suffix_13{padding-right:520px}.container_24 .suffix_14{padding-right:560px}.container_24 .suffix_15{padding-right:600px}.container_24 .suffix_16{padding-right:640px}.container_24 .suffix_17{padding-right:680px}.container_24 .suffix_18{padding-right:720px}.container_24 .suffix_19{padding-right:760px}.container_24 .suffix_20{padding-right:800px}.container_24 .suffix_21{padding-right:840px}.container_24 .suffix_22{padding-right:880px}.container_24 .suffix_23{padding-right:920px}.container_24 .push_1{left:40px}.container_24 .push_2{left:80px}.container_24 .push_3{left:120px}.container_24 .push_4{left:160px}.container_24 .push_5{left:200px}.container_24 .push_6{left:240px}.container_24 .push_7{left:280px}.container_24 .push_8{left:320px}.container_24 .push_9{left:360px}.container_24 .push_10{left:400px}.container_24 .push_11{left:440px}.container_24 .push_12{left:480px}.container_24 .push_13{left:520px}.container_24 .push_14{left:560px}.container_24 .push_15{left:600px}.container_24 .push_16{left:640px}.container_24 .push_17{left:680px}.container_24 .push_18{left:720px}.container_24 .push_19{left:760px}.container_24 .push_20{left:800px}.container_24 .push_21{left:840px}.container_24 .push_22{left:880px}.container_24 .push_23{left:920px}.container_24 .pull_1{left:-40px}.container_24 .pull_2{left:-80px}.container_24 .pull_3{left:-120px}.container_24 .pull_4{left:-160px}.container_24 .pull_5{left:-200px}.container_24 .pull_6{left:-240px}.container_24 .pull_7{left:-280px}.container_24 .pull_8{left:-320px}.container_24 .pull_9{left:-360px}.container_24 .pull_10{left:-400px}.container_24 .pull_11{left:-440px}.container_24 .pull_12{left:-480px}.container_24 .pull_13{left:-520px}.container_24 .pull_14{left:-560px}.container_24 .pull_15{left:-600px}.container_24 .pull_16{left:-640px}.container_24 .pull_17{left:-680px}.container_24 .pull_18{left:-720px}.container_24 .pull_19{left:-760px}.container_24 .pull_20{left:-800px}.container_24 .pull_21{left:-840px}.container_24 .pull_22{left:-880px}.container_24 .pull_23{left:-920px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:before,.clearfix:after{content:'\0020';display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both}.clearfix{zoom:1} /* Form */ input,a.ui-button,select,textarea{vertical-align:middle}input,a.ui-button{font-size:12px;background:#fff;border:1px solid #ccc;border-radius:3px}input[type="text"],a.ui-button[type="text"],input[type="password"],a.ui-button[type="password"],input[type="file"],a.ui-button[type="file"]{padding:0 4px;width:150px;height:28px;line-height:28px\0;filter:progid:dximagetransform.microsoft.gradient(enabled=true, startcolorstr=#fff9f9f9, endcolorstr=#ffffffff);box-shadow:inset 1px 1px 2px rgba(0,0,0,.1)}input[type="text"]:hover,a.ui-button[type="text"]:hover,input[type="password"]:hover,a.ui-button[type="password"]:hover,input[type="file"]:hover,a.ui-button[type="file"]:hover{border-color:#bbb}input[type="text"].small,a.ui-button[type="text"].small,input[type="password"].small,a.ui-button[type="password"].small,input[type="file"].small,a.ui-button[type="file"].small{height:24px;line-height:24px\0}input[type="text"].large,a.ui-button[type="text"].large,input[type="password"].large,a.ui-button[type="password"].large,input[type="file"].large,a.ui-button[type="file"].large{height:32px;line-height:32px\0;font-size:14px}input[type="submit"],a.ui-button[type="submit"],input[type="button"],a.ui-button[type="button"],input.ui-button,a.ui-button.ui-button{position:relative;padding:0 9px;height:30px;color:#fff;background-color:#f60;background-image:linear-gradient(top, #f90 0, #f60 100%);filter:progid:dximagetransform.microsoft.gradient(enabled=true, startcolorstr=#ffff9900, endcolorstr=#ffff6600);box-shadow:inset 0 1px 0 rgba(255,255,255,.4);border-color:#c60;cursor:pointer;overflow:visible}input[type="submit"]:hover,a.ui-button[type="submit"]:hover,input[type="button"]:hover,a.ui-button[type="button"]:hover,input.ui-button:hover,a.ui-button.ui-button:hover{background-color:#f70;background-image:linear-gradient(top, #fa0 0, #f70 100%);filter:progid:dximagetransform.microsoft.gradient(enabled=true, startcolorstr=#ffffaa00, endcolorstr=#ffff7700);border-color:#d60}input[type="submit"]:active,a.ui-button[type="submit"]:active,input[type="button"]:active,a.ui-button[type="button"]:active,input.ui-button:active,a.ui-button.ui-button:active{top:1px;background-color:#f70;background-image:linear-gradient(top, #f70 0, #fa0 100%);filter:progid:dximagetransform.microsoft.gradient(enabled=true, startcolorstr=#ffff7700, endcolorstr=#ffffaa00)}input[type="submit"].small,a.ui-button[type="submit"].small,input[type="button"].small,a.ui-button[type="button"].small,input.ui-button.small,a.ui-button.ui-button.small{height:26px}input[type="submit"].large,a.ui-button[type="submit"].large,input[type="button"].large,a.ui-button[type="button"].large,input.ui-button.large,a.ui-button.ui-button.large{height:34px;font-size:14px}input[type="submit"].huge,a.ui-button[type="submit"].huge,input[type="button"].huge,a.ui-button[type="button"].huge,input.ui-button.huge,a.ui-button.ui-button.huge{height:40px;font-size:16px;font-weight:700}input[type="submit"].dark,a.ui-button[type="submit"].dark,input[type="button"].dark,a.ui-button[type="button"].dark,input.ui-button.dark,a.ui-button.ui-button.dark{background-color:#444;background-image:linear-gradient(top, #666 0, #444 100%);filter:progid:dximagetransform.microsoft.gradient(enabled=true, startcolorstr=#ff666666, endcolorstr=#ff444444);border-color:#444}input[type="submit"].dark:hover,a.ui-button[type="submit"].dark:hover,input[type="button"].dark:hover,a.ui-button[type="button"].dark:hover,input.ui-button.dark:hover,a.ui-button.ui-button.dark:hover{background-color:#333;background-image:linear-gradient(top, #777 0, #333 100%);filter:progid:dximagetransform.microsoft.gradient(enabled=true, startcolorstr=#ff777777, endcolorstr=#ff333333);border-color:#333}input[type="submit"].dark:active,a.ui-button[type="submit"].dark:active,input[type="button"].dark:active,a.ui-button[type="button"].dark:active,input.ui-button.dark:active,a.ui-button.ui-button.dark:active{background-color:#555;background-image:linear-gradient(top, #555 0, #777 100%);filter:progid:dximagetransform.microsoft.gradient(enabled=true, startcolorstr=#ff555555, endcolorstr=#ff333333)}input[type="submit"].light,a.ui-button[type="submit"].light,input[type="button"].light,a.ui-button[type="button"].light,input.ui-button.light,a.ui-button.ui-button.light{color:#666;background-color:#eee;background-image:linear-gradient(top, #fff 0, #eee 100%);filter:progid:dximagetransform.microsoft.gradient(enabled=true, startcolorstr=#ffffffff, endcolorstr=#ffeeeeee);border-color:#ccc}input[type="submit"].light:hover,a.ui-button[type="submit"].light:hover,input[type="button"].light:hover,a.ui-button[type="button"].light:hover,input.ui-button.light:hover,a.ui-button.ui-button.light:hover{background-color:#eee;background-image:linear-gradient(top, #fff 0, #f6f6f6 100%);filter:progid:dximagetransform.microsoft.gradient(enabled=true, startcolorstr=#ffffffff, endcolorstr=#fff6f6f6);border-color:#bbb}input[type="submit"].light:active,a.ui-button[type="submit"].light:active,input[type="button"].light:active,a.ui-button[type="button"].light:active,input.ui-button.light:active,a.ui-button.ui-button.light:active{background-color:#eee;background-image:linear-gradient(top, #eee 0, #fff 100%);filter:progid:dximagetransform.microsoft.gradient(enabled=true, startcolorstr=#ffeeeeee, endcolorstr=#ffffffff)}input[type="submit"].blue,a.ui-button[type="submit"].blue,input[type="button"].blue,a.ui-button[type="button"].blue,input.ui-button.blue,a.ui-button.ui-button.blue{background-color:#09f;background-image:linear-gradient(top, #09f 0, #06c 100%);filter:progid:dximagetransform.microsoft.gradient(enabled=true, startcolorstr=#ff0099ff, endcolorstr=#ff0066cc);border-color:#06c}input[type="submit"].blue:hover,a.ui-button[type="submit"].blue:hover,input[type="button"].blue:hover,a.ui-button[type="button"].blue:hover,input.ui-button.blue:hover,a.ui-button.ui-button.blue:hover{background-color:#0af;background-image:linear-gradient(top, #0af 0, #07d 100%);filter:progid:dximagetransform.microsoft.gradient(enabled=true, startcolorstr=#ff00aaff, endcolorstr=#ff0077dd);border-color:#07d}input[type="submit"].blue:active,a.ui-button[type="submit"].blue:active,input[type="button"].blue:active,a.ui-button[type="button"].blue:active,input.ui-button.blue:active,a.ui-button.ui-button.blue:active{background-color:#0af;background-image:linear-gradient(top, #07d 0, #0af 100%);filter:progid:dximagetransform.microsoft.gradient(enabled=true, startcolorstr=#ff0077dd, endcolorstr=#ff00aaff)}input[type="submit"].red,a.ui-button[type="submit"].red,input[type="button"].red,a.ui-button[type="button"].red,input.ui-button.red,a.ui-button.ui-button.red{background-color:red;background-image:linear-gradient(top, red 0, #c00 100%);filter:progid:dximagetransform.microsoft.gradient(enabled=true, startcolorstr=#ffff0000, endcolorstr=#ffcc0000);border-color:#c00}input[type="submit"].red:hover,a.ui-button[type="submit"].red:hover,input[type="button"].red:hover,a.ui-button[type="button"].red:hover,input.ui-button.red:hover,a.ui-button.ui-button.red:hover{background-color:#f30;background-image:linear-gradient(top, #f30 0, #b00 100%);filter:progid:dximagetransform.microsoft.gradient(enabled=true, startcolorstr=#ffff3300, endcolorstr=#ffbb0000);border-color:#b00}input[type="submit"].red:active,a.ui-button[type="submit"].red:active,input[type="button"].red:active,a.ui-button[type="button"].red:active,input.ui-button.red:active,a.ui-button.ui-button.red:active{background-color:#f30;background-image:linear-gradient(top, #b00 0, #f30 100%);filter:progid:dximagetransform.microsoft.gradient(enabled=true, startcolorstr=#ffff3300, endcolorstr=#ffbb0000)}input[type="submit"].green,a.ui-button[type="submit"].green,input[type="button"].green,a.ui-button[type="button"].green,input.ui-button.green,a.ui-button.ui-button.green{background-color:#060;background-image:linear-gradient(top, #090 0, #060 100%);filter:progid:dximagetransform.microsoft.gradient(enabled=true, startcolorstr=#ff009900, endcolorstr=#ff006600);border-color:#060}input[type="submit"].green:hover,a.ui-button[type="submit"].green:hover,input[type="button"].green:hover,a.ui-button[type="button"].green:hover,input.ui-button.green:hover,a.ui-button.ui-button.green:hover{background-color:#050;background-image:linear-gradient(top, #0a0 0, #050 100%);filter:progid:dximagetransform.microsoft.gradient(enabled=true, startcolorstr=#ff00aa00, endcolorstr=#ff005500);border-color:#050}input[type="submit"].green:active,a.ui-button[type="submit"].green:active,input[type="button"].green:active,a.ui-button[type="button"].green:active,input.ui-button.green:active,a.ui-button.ui-button.green:active{background-color:#070;background-image:linear-gradient(top, #070 0, #0a0 100%);filter:progid:dximagetransform.microsoft.gradient(enabled=true, startcolorstr=#ff007700, endcolorstr=#ff00aa00)}input[type="radio"],a.ui-button[type="radio"],input[type="checkbox"],a.ui-button[type="checkbox"]{border:0}a.ui-button{display:inline-block;height:28px;line-height:28px;text-decoration:none}a.ui-button.small{height:24px;line-height:24px}a.ui-button.large{height:32px;line-height:32px}a.ui-button.huge{height:38px;line-height:38px}textarea{padding:4px;width:20em;height:10em;font-size:12px;background:#fff;border:1px solid #ccc;border-radius:3px;overflow:auto;resize:none;box-shadow:inset 1px 1px 2px rgba(0,0,0,.1)}select{padding:6px 5px 5px;font-size:12px;background:#fff;border:1px solid #ccc;border-radius:3px}select.small{padding:4px 3px 3px} /* Slider */ .ui-slider{position:relative;font-size:12px;background:#fff;overflow:hidden} .ui-slider .play-box {overflow:hidden} .ui-slider img{display:block} .ui-slider .title{margin-top:10px;line-height:3em;text-align:center;word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .ui-slider .sequence{height:1px;background:#ccc;overflow:hidden} .ui-slider .sequence a{display:block;height:1px;line-height:99px;vertical-align:top;background:#f90;overflow:hidden} .ui-slider .mask {position:absolute;top:0;left:0;width:100%;background:url(../images/slider-mask.png)} .ie6 .ui-slider .mask {background-image:url(../images/slider-mask.gif)} .ui-fullslider{position:relative;width:100%;height:360px;background:#fff;overflow:hidden} .ui-fullslider ul{zoom:1} .ui-fullslider ul:before,.ui-fullslider ul:after{content:'\0020';display:block;overflow:hidden;visibility:hidden;width:0;height:0} .ui-fullslider ul:after{clear:both} .ui-fullslider ul li{float:left;display:inline;text-align:center;overflow:hidden} .ui-fullslider ul li a{display:block} .ui-fullslider ul li a img{display:block;margin:0 auto!important;width:950px} .ui-fullslider a.control{position:absolute;top:150px;left:0;width:30px;height:59px;line-height:999px;background:url(../images/ui-slider-arrow.png);overflow:hidden;cursor:pointer;opacity:.1;filter:alpha(opacity=10);transition:none} .ie6 .ui-fullslider a.control {background-image:url(../images/ui-slider-arrow.gif)} .ui-fullslider a.control.disabled{background-position:0 -59px;cursor:default} .ui-fullslider a.control.prev{background-position:-30px 0} .ui-fullslider a.control.prev.disabled{background-position:-30px -59px} .ui-fullslider div{position:absolute;bottom:0;left:0;width:100%;text-align:center;transition:all .2s linear} .ui-fullslider div span{display:inline-block;height:40px} .ui-fullslider div span a{display:inline-block;margin:15px 5px 0;width:10px;height:10px;line-height:99px;vertical-align:middle;background:url(../images/ui-fullslider-ctrol.png);background-clip:padding-box;opacity:.15;filter:alpha(opacity=15);overflow:hidden;cursor:pointer;transition:none} .ie6 .ui-fullslider div span a {background-image:url(../images/ui-fullslider-ctrol.gif)} .ui-fullslider div span a.active{background-position:0 -10px} .ui-fullslider:hover div{background:rgba(0,0,0,.1);filter:progid:dximagetransform.microsoft.gradient(enabled=true,startcolorstr=#19000000,endcolorstr=#19000000)} .ui-fullslider:hover div span a{opacity:.8;filter:alpha(opacity=80)} .ui-fullslider:hover a.control{opacity:.5;filter:alpha(opacity=50)} .ui-gallery {position:relative} .ui-gallery img {display:block} .ui-gallery .playbox {position:relative} .ui-gallery .playbox span {position:absolute;bottom:20px;left:20px;padding:10px 20px;color:#fff;background:#000;filter:alpha(opacity=50);opacity:.5} .ui-gallery .playbox em {position:absolute;top:20px;right:20px;line-height:1em;font-size:20px;font-style:normal;color:#fff} .ui-gallery .thumb {position:absolute;top:0;right:0} .ui-gallery .thumb li {padding:5px 0;cursor:pointer} .ui-gallery .thumb img {padding:4px;border:1px solid #ccc;filter:alpha(opacity=50);opacity:.5;transition:all .2s linear} .ui-gallery .thumb li:hover img {filter:alpha(opacity=75);opacity:.75} .ui-gallery .thumb li.active img {background:#67b5bf;border-color:#67b5bf;filter:alpha(opacity=100);opacity:1} .ui-gallery .thumb a {display:block;margin:15px auto;width:51px;height:18px;line-height:99px;background:url(../images/ui-gallery-arrow.png);overflow:hidden;cursor:pointer} .ie6 .ui-gallery .thumb a {background-image:url(../images/ui-gallery-arrow.gif)} .ui-gallery .thumb a.prev {background-position:0 -18px} .ui-gallery .thumb a.next {background-position:0 0} .ui-gallery .thumb a.prev.disabled {background-position:-51px -18px} .ui-gallery .thumb a.next.disabled {background-position:-51px 0} .ui-album {position:relative} .ui-album img {display:block} .ui-album .playbox {position:relative} .ui-album .playbox em {position:absolute;top:20px;right:20px;line-height:1em;font-size:20px;font-style:normal;color:#fff} .ui-album .thumb {position:absolute;top:0;right:0} .ui-album .thumb li {padding-bottom:10px;cursor:pointer} .ui-album .thumb img {padding:4px;border:1px solid #ccc;filter:alpha(opacity=50);opacity:.5;transition:all .2s linear} .ui-album .thumb li:hover img {filter:alpha(opacity=75);opacity:.75} .ui-album .thumb li.active img {background:#67b5bf;border-color:#67b5bf;filter:alpha(opacity=100);opacity:1} .ui-album .thumb a {display:block;margin:15px auto;width:51px;height:18px;line-height:99px;background:url(../images/ui-gallery-arrow.png);overflow:hidden;cursor:pointer} .ie6 .ui-album .thumb a {background-image:url(../images/ui-gallery-arrow.gif)} .ui-album .thumb a.prev {background-position:0 -18px} .ui-album .thumb a.next {background-position:0 0} .ui-album .thumb a.prev.disabled {background-position:-51px -18px} .ui-album .thumb a.next.disabled {background-position:-51px 0} .ui-album2 {position:relative} .ui-album2 img {display:block} .ui-album2 .album-box {margin-right:148px;padding:14px;border:1px solid #ddd;overflow:hidden} .ui-album2 .album-box .design{margin-bottom:20px;line-height:1.8em;font-size:14px;border-bottom:1px dotted #ccc} .ui-album2 .album-box .design p{padding-bottom:1em} .ui-album2 .playbox {position:relative} .ui-album2 .playbox em {position:absolute;top:20px;right:20px;line-height:1em;font-size:20px;font-style:normal;color:#fff} .ui-album2 .thumb {position:absolute;top:0;right:0} .ui-album2 .thumb li {padding-bottom:10px;cursor:pointer} .ui-album2 .thumb img {padding:4px;border:1px solid #ccc;filter:alpha(opacity=50);opacity:.5;transition:all .2s linear} .ui-album2 .thumb li:hover img {filter:alpha(opacity=75);opacity:.75} .ui-album2 .thumb li.active img {background:#67b5bf;border-color:#67b5bf;filter:alpha(opacity=100);opacity:1} .ui-album2 .thumb a {display:block;margin:15px auto;width:51px;height:18px;line-height:99px;background:url(../images/ui-gallery-arrow.png);overflow:hidden;cursor:pointer} .ie6 .ui-album2 .thumb a {background-image:url(../images/ui-gallery-arrow.gif)} .ui-album2 .thumb a.prev {background-position:0 -18px} .ui-album2 .thumb a.next {background-position:0 0} .ui-album2 .thumb a.prev.disabled {background-position:-51px -18px} .ui-album2 .thumb a.next.disabled {background-position:-51px 0} .ui-imgplay-nav {padding:0 5px;background:url(../images/ui-imgplay.png) no-repeat} .ie6 .ui-imgplay-nav {background-image:url(../images/ui-imgplay.gif)} .ui-imgplay-nav.prev {text-align:right;background-position:0 50px} .ui-imgplay-nav.next {background-position:-190px 50px} .ui-imgplay-nav h3 {height:35px;font-size:16px;color:#fff} .ui-imgplay-nav a {display:inline-block;width:120px;text-align:left} .ui-imgplay-nav.prev a {padding-left:60px} .ui-imgplay-nav.next a {padding-right:60px} .ui-imgplay-nav img {margin:-1px -1px 4px;border:1px solid #999;filter:alpha(opacity=50);opacity:.5} .ui-imgplay-nav a:hover img {margin:0 0 5px;border:none;filter:alpha(opacity=100);opacity:1} .ui-imgplay-box {position:relative;min-height:200px;background:#eee;overflow:hidden} .ui-imgplay-box em {position:absolute;bottom:20px;width:100%;line-height:1em;font-size:16px;font-style:normal;color:#fff;text-align:center} .ui-imgplay-box img {display:block} .ui-imgplay-thumb img {margin:18px 8px;padding:2px;cursor:pointer;filter:alpha(opacity=65);opacity:.65} .ui-imgplay-thumb img:hover {filter:alpha(opacity=80);opacity:.8} .ui-imgplay-thumb img.active {padding:0;border:2px solid #f33;filter:alpha(opacity=100);opacity:1} .ui-imgplay-thumb span {display:inline-block;width:420px;height:112px;overflow:hidden} .ui-imgplay-thumb a {display:inline-block;margin-top:20px;width:65px;height:90px;line-height:999px;vertical-align:top;background:url(../images/ui-imgplay.png) no-repeat;overflow:hidden} .ie6 .ui-imgplay-thumb a {background-image:url(../images/ui-imgplay.gif)} .ui-imgplay-thumb a.prev {background-position:14px 13px} .ui-imgplay-thumb a.next {background-position:-328px 13px} .ui-imgplay-thumb a.disabled {background:transparent} #media {margin:20px auto;padding:32px 151px 0;width:648px;height:516px;background:url(../images/video-bg.jpg) no-repeat;overflow:hidden} #media.audio {padding:280px 25px 0;width:444px;height:139px;background-image:url(../images/audio-bg.jpg)} #media div {font-size:0;line-height:0;overflow:hidden} .star-rating-control {display:inline-block;padding:6px 0 0;vertical-align:middle} div.rating-cancel,div.star-rating{float:left;width:21px;height:17px;text-indent:-999em;cursor:pointer;display:inline-block;background:transparent;overflow:hidden} div.rating-cancel,div.rating-cancel a{background:url(../images/delete.gif) no-repeat 0 -17px} div.star-rating,div.star-rating a{background:url(../images/rating.png) no-repeat} div.rating-cancel a,div.star-rating a{display:block;width:21px;height:100%;background-position:0 0;transition:none;border:none} div.star-rating-on a{background-position:0 -17px!important;transition:none} div.star-rating-hover a{background-position:0 -17px;transition:none} /* Read Only CSS */ div.star-rating-readonly a{cursor:default !important} /* Partial Star CSS */ div.star-rating{background:transparent!important;overflow:hidden!important} #score {display:inline-block;margin:6px 0 0 6px;line-height:23px;color:#888;vertical-align:middle} .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; } .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; } .fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .fancybox-opened { z-index: 8030; } .fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); } .fancybox-outer, .fancybox-inner { position: relative; } .fancybox-inner { overflow: hidden; } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; } .fancybox-error { color: #444; margin: 0; padding: 15px; white-space: nowrap; } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; } .fancybox-image { max-width: 100%; max-height: 100%; } #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url(../images/fancybox_sprite.png); } #fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; } #fancybox-loading p { width: 44px; height: 44px; background: url(../images/fancybox_loading.gif) center center no-repeat; } .fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; } .fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url(../images/blank.gif); /* helps IE */ -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; } .fancybox-prev { left: 0; } .fancybox-next { right: 0; } .fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; } .fancybox-prev span { left: 10px; background-position: 0 -36px; } .fancybox-next span { right: 10px; background-position: 0 -72px; } .fancybox-nav:hover span { visibility: visible; } .fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; } /* Overlay helper */ .fancybox-lock { overflow: hidden; } .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: rgba(0,0,0,.8); filter:progid:dximagetransform.microsoft.gradient(enabled=true, startcolorstr=#dd000000, endcolorstr=#dd000000) } .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; } .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; } /* Title helper */ .fancybox-title { visibility: hidden; position: relative; text-shadow: none; z-index: 8050; } .fancybox-opened .fancybox-title { visibility: visible; } .fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; } .fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; line-height: 24px; white-space: nowrap; } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; } .fancybox-title-inside-wrap { padding-top: 10px; } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); } #fancybox-buttons { position: fixed; left: 0; width: 100%; z-index: 8050; } #fancybox-buttons.top { top: 10px; } #fancybox-buttons.bottom { bottom: 10px; } #fancybox-buttons ul { display: block; width: 166px; height: 30px; margin: 0 auto; padding: 0; list-style: none; background:#000; border:1px solid #000; } #fancybox-buttons ul li { float: left; margin: 0; padding: 0; } #fancybox-buttons a { display: block; width: 30px; height: 30px; text-indent: -9999px; background-image: url(../images/fancybox_buttons.png); background-repeat: no-repeat; outline: none; opacity: 0.8; } #fancybox-buttons a:hover { opacity: 1; } #fancybox-buttons a.btnPrev { background-position: 5px 0; } #fancybox-buttons a.btnNext { background-position: -33px 0; } #fancybox-buttons a.btnPlay { background-position: 0 -30px; } #fancybox-buttons a.btnPlayOn { background-position: -30px -30px; } #fancybox-buttons a.btnToggle { background-position: 3px -60px; border-left: 1px solid #111; border-right: 1px solid #3e3e3e; width: 35px } #fancybox-buttons a.btnToggleOn { background-position: -27px -60px; } #fancybox-buttons a.btnClose { border-left: 1px solid #111; width: 35px; background-position: -56px 0px; } #fancybox-buttons a.btnDisabled { opacity : 0.4; cursor: default; } /* Pagination */ .page {position:relative;margin-top:30px;height:29px;line-height:29px;font-size:12px;background:#f8f8f8;overflow:hidden} .page a {display:inline-block;margin-right:1px;padding:0 10px;color:#666;background:#eee;vertical-align:top;border-right:1px solid #fff;transition:all .2s linear} .page a:hover {color:#fff;text-decoration:none;background:#666} .page a.active {color:#fff;background:#67b5bf;cursor:default} .page a.prev,.page a.next {width:9px;height:29px;line-height:99px;background-image:url(../images/pagination.png);background-repeat:no-repeat;overflow:hidden} .ie6 .page a.prev,.ie6 .page a.next {background-image:url(../images/pagination.gif)} .page a.prev {background-position:center 0} .page a.prev:hover {background-position:center -29px} .page a.next {background-position:center -58px} .page a.next:hover {background-position:center -87px} .page span {top:0;right:0;padding:0 10px;background:#67B5BF;display: inline-block;height: 29px;border-right:1px solid #fff;margin-right:1px; color:#FFF } /* Article */ article{position:relative;padding:20px 0;background-clip:padding-box} article h1.title{padding:.75em 0;line-height:1.5em;font-size:26px;font-weight:normal;color:#333;text-align:center} article h1.title_left{padding:.75em 0 .25em;line-height:1em;font-size:26px;font-weight:normal;color:#333;text-align:left} article h1.title_left span {color:#279} article .info{height:5em;line-height:3em;font-size:12px;color:#999;text-align:center;border-bottom:1px dotted #ccc} article .image{padding-top:20px;text-align:center} article .image img{display:block;margin:0 auto} article .content{padding-top:1em;line-height:2em;font-size:15px} article .content p{line-height:2em; margin:10px 20px;} article .content p.stress {line-height:1.5em;font-size:20px;color:#279} article .content a{border-bottom:1px dotted #999} article .content table{margin:10px auto;width:90%} article .content table th,article .content table td{padding:5px;line-height:1.5em;border:1px solid #ccc} article .content table th p,article .content table td p{padding:0;text-indent:0} article .content table.noborder th,article .content table.noborder td {border:none} article .content table.border-white th,article .content table.border-white td{padding:10px;border-color:#fff} article .content table.border-white th {position:relative;font-size:16px;font-weight:normal;overflow:hidden} article .content table.border-white th i {position:absolute;top:15px;left:0;font-size:86px;font-style:normal;color:#7ec0c9} article .desc{padding-top:2em;line-height:1.8em;font-size:14px;padding-right:20px;} article .desc p.stress {line-height:1.5em;font-size:20px;color:#279} article .desc a{border-bottom:1px dotted #999} article .case {margin-top:20px;padding:.75em 0 1.25em;line-height:2em;font-size:14px;border-bottom:1px dotted #ccc} article .case p {padding:.25em 0;text-indent:0} article .case a{border-bottom:1px dotted #999} article .tags{margin:10px 0 0;padding:10px 10px 10px 30px;font-size:12px;background:#f8f8f8 url(../images/article-tags.png) no-repeat 7px 0;border:1px dashed #ccc} article .tags a{display:inline-block;margin:0 4px;color:#888} article .related{margin-top:20px;padding:1em 0;text-align:center;border-top:1px solid #ddd} article .related span{display:inline-block;width:49%;line-height:1.35em;text-align:left;vertical-align:top} article .related span a{display:inline-block;width:85%} article .contact{padding:15px 20px;line-height:2em;font-size:14px;background:url(map-bg.gif) no-repeat top right} article .contact a{border-bottom:1px dotted #999} article .map{margin:5px 20px 20px;height:348px;background:#fcfcfc;border:1px dashed #C0C0C0} article hr {height:0;border-top:1px solid #ccc;overflow:hidden} article hr.split {border-top:1px dotted #ccc} article .payment {padding:20px 10px 0 0} article .payment table {width:100%} article .payment td {padding:.75em 1em;line-height:1.5em;border:1px solid #ccc} article .button {margin-top:30px;height:42px;line-height:40px;overflow:hidden} article .button a {display:inline-block;margin-left:1px;width:788px;font-size:16px;text-align:center;vertical-align:top;background:#eee;background:linear-gradient(top,#f6f6f6,#ddd);filter:progid:DXImageTransform.microsoft.gradient(gradienttype=0,startColorStr=#f6f6f6,endColorStr=#dddddd);border:1px solid #eee;border-color:#eee #ddd #ccc} article .button a:hover {color:#fff;text-decoration:none;background:#67b5bf;filter:none;border-color:#67b5bf} article .button a.active {font-weight:bold;color:#fff;background:#666;background:linear-gradient(top,#555,#777);filter:progid:DXImageTransform.microsoft.gradient(gradienttype=0,startColorStr=#555555,endColorStr=#777777);border-color:#444 #606060 #666} article .button a.alpha {margin-left:0;border-radius:3px 0 0 3px} article .button a.omega {border-radius: 0 3px 3px 0} article .button-2 a {width:392px} article .button-2 a.alpha {width:393px} article .button-3 a {width:260px} article .button-3 a.alpha {width:262px} article .button-4 a {width:194px} article .button-4 a.alpha {width:197px} article .button-5 a {width:155px} article .button-5 a.alpha {width:156px} article .button-6 a {width:129px} article .button-6 a.alpha {width:128px} article ol {margin-left:20px} table.pretty { width: 99.85%; border: none; border-collapse: collapse; border-spacing: 0; } table.pretty th,table.pretty td { padding: 5px; line-height: 1.5em; font-size: 14px; border: 1px solid #ccc; } table.pretty th { background-color: #eee; } table.pretty tbody tr:nth-child(even) td { background-color: #f8f8f8; } table.large th { padding:8px 5px; } table.gray th,table.gray td { border: 1px solid #999; } table.gray th { background-color: #ddd; } table.dark th,table.dark td { border: 1px solid #333; } table.dark th { color: #fff; background-color: #666; } table.blue th,table.blue td { border: 1px solid #036; } table.blue th { color: #fff; background-color: #369; } table.red th,table.red td { border: 1px solid #600; } table.red th { color: #fff; background-color: #900; } table.green th,table.green td { border: 1px solid #030; } table.green th { color: #fff; background-color: #060; } table.pretty p { margin: 0; padding: 0; text-indent: 0; line-height: inherit; } table.noborder { border-style: hidden } table.noborder th,table.noborder td { border-color: #fff } table.noborder tbody tr:nth-child(even) td { background-color: #eee; } table.noneborder th,table.noneborder td {border-color:#fff!important} table.noneborder-nonecolor th,table.noneborder-nonecolor td,table.noborder-nonecolor tbody tr:nth-child(even) td {background:#fff!important;border-color:#fff!important} /* ArticleList */ .article-list {margin-top:40px} .article-list li {padding:20px 0;line-height:20px;font-size:12px;color:#999;border-bottom:1px dotted #ccc} .article-list li h2 {position:relative;height:35px;line-height:16px} .article-list li h2 a {font-size:18px;font-weight:bold;color:#333} .article-list li h2 time {position:absolute;right:0;font-size:12px;color:#999} .album-list {padding:30px 0} .album-list ul {margin-top:10px} .album-list li {float:left;margin-left:10px;width:190px;height:150px;text-align:center;background:#fff;overflow:hidden;transition:all .2s linear} .album-list li:hover {background:#f33} .album-list li.alpha {margin:0} .album-list li.titled {width:150px;line-height:999px;background:#67b5bf url(../images/case.png) no-repeat} .album-list .advertising li.titled {background-position:0 0} .album-list .marketing li.titled {background-position:-150px 0} .album-list .design li.titled {background-position:-300px 0} .album-list .planning li.titled {background-position:-450px 0} .album-list ul:hover li.titled {background-color:#666} .album-list li a {position:relative;display:table-cell;width:190px;height:150px;line-height:1.5em;color:#fff;vertical-align:middle;overflow:hidden;transition:all .2s linear} .album-list li a span {display:inline-block;padding:0 10px} .album-list li img {vertical-align:middle;transition:all .2s linear} .album-list li img.mask {position:absolute;top:0;left:0;-moz-display:none} .album-list li a.title {display:none} .album-list li:hover a.foto {display:none} .album-list li:hover a.title {display:table-cell} .album-list:hover a {filter:alpha(opacity=50);opacity:.5} .album-list:hover ul:hover a {filter:alpha(opacity=100);opacity:1} /* MessageList */ .message-list-qita {margin-top:30px;padding-right:10px} .message-list-qita h2{font-size:16px;font-weight: bold;} .message-list-qita li {font-size:12px;line-height:18px;} .message-list {margin-top:30px;padding-right:10px} .message-list li {padding:10px 0 10px 65px;background:url(../images/message.png) no-repeat 0 15px} .ie6 .message-list li {background-image:url(../images/message.gif)} .message-list li.replyed {background-position:-630px 15px} .message-list h2 {line-height:2.5em;font-size:14px;font-weight:bold;color:#666;border-bottom:1px dotted #ccc} .message-list h2 time {margin-left:.5em;font-weight:normal;color:#999} .message-list .message {padding-top:.75em} .message-list .reply {position:relative;margin-top:1em;padding:.75em 1em;font-size:12px;background:#f8f8f8;border:1px dotted #999} .message-list .reply label {position:absolute;top:-23px;right:-1px;padding:0 10px;height:22px;line-height:22px;color:#fff;background:#999;border-radius:3px 3px 0 0} .ie6 .message-list .reply label {top:-22px;right:10px} .qrcode-float {position:absolute;z-index:998;width:131px} .qrcode-float .close-ico {position:absolute;z-index:999;top:0;right:0;width:10px;height:10px;line-height:99px;overflow:hidden;background:url(../images/slider-mask.png) no-repeat 50% 50%} #kefup{position:fixed;_position:absolute; top:100px; right:100px;} /*sitemap*/ .mapbox{border:1px solid #ccc;} .mapbox h4 {border:none;border-top:1px solid #ccc;margin-top:-1px;border-bottom:1px solid #eee;background:#EFEFEF;} .smallcat ul li {float:left;line-height:24px;} .smallcat ul li a {margin:0 8px;}