@charset "utf-8";
@import url("normalizes.css");
@import url("color.css");
@import url("typography.css");
/* main layout */
#container {
	width: 860px;
	margin: 0 auto;
}

#header {
	width: 860px;
	height: 156px;
	height: 125px;
	overflow: hidden;
	position: relative;
}

#content {
	width: 860px;
}

#footer {
	width: 860px;
	height: 45px;
	overflow: hidden;
	position: relative;
}

/* index cover */
#index_cover {
	width: 833px;
	height: 531px;
	padding-top: 30px;
	overflow: hidden;
}

#site_entry {
	padding-top: 10px;
}

/* header */
#brand {
	position: absolute;
	bottom: 0;
	left: 0;
}

#brand span {
	display: none;
}

#nav-main {
	overflow: hidden;
	position: absolute;
	bottom: 0;
	right: 0;
}

#nav-main li {
	display: inline;
	padding: 0 16px;
}

/**
 * #content padding 
 * #content height = 560px;
 */
.home-page #content, 
.contact-page #content {
	height: 445px;
	padding: 85px 0 30px 0;
}

.services-page #content {
	height: 480px;
	padding: 40px 0;
}

.event-design-page #content {
	height: 515px;
	padding: 35px 0 10px 0;
}

.entertainment-page #content {
	height: 510px;
	padding: 35px 0 15px 0; 
}

.production-page #content {
	height: 500px;
	padding: 30px 0 30px 0; 
}

.set-design-page #content {
	height: 480px;
	padding: 35px 0 45px 0;
}

.creative-page #content {
	height: 540px;
	padding: 20px 0 0 0;
}

.portfolio-page #content {
	height: 470px;
	padding: 80px 0 10px 0;
}

.clients-page #content {
	height: 480px;
	padding: 40px 0;
}

.responsibility-page #content {
	height: 460px;
	padding: 80px 0 20px 0;
}

/* content */
.btn {
	display: block;
	overflow: hidden;
}

.btn span {
	display: none;
}

.btn-goback {
	width: 127px;
	height: 38px;
	line-height: 38px;
}

.global_F1 {
	margin: 0 auto;
	overflow: hidden;
}

.responsibility-page .global_F1 {
	width: 638px;
	height: 477px;
}

.portfolio-page .global_F1 {
	width: 833px;
	height: 441px;
}

.creative-page .global_F1 {
	width: 710px;
	height: 536px;
}

.global_V {
	padding: 1px 0;
}

.global_V2 {
	height: 500px;
	position: relative;
}

.global_V .titleArea {
	height: 97px;
	overflow: hidden;
}

.global_V .titleArea span {
	display: none;
}

.global_V .conL {
	float: left;
	width: 277px;
}

.global_V .conR {
	float: left;
	width: auto;
}

.global_V1 .conR {
	margin-top: 8px;
}

.global_V1 .textArea {
	width: 277px;
	height: 201px;
	overflow: hidden;
}

.global_V2 .textArea {
	width: 277px;
	overflow: hidden;
}

.global_V .textArea .c p {
	line-height: 18px;
	padding-bottom: 14px;
}

.global_V1 .textArea .c {
	padding: 26px 15px 26px 20px;
}

.home-page .global_V1 .textArea .c {
	padding-top: 22px;
}

.event-design-page .global_V2 .titleArea {
	height: 70px;
}


.event-design-page .global_V2 .videoArea {
	width: 553px;
	height: 402px;
	overflow: hidden;
	position: absolute;
	top: 60px;
	left: 288px;
}


.entertainment-page .global_V2 .titleArea {
	height: 85px;
}

.entertainment-page .global_V2 .videoArea {
	width: 553px;
	height: 402px;
	overflow: hidden;
	position: absolute;
	top: 60px;
	left: 288px;
}

.production-page .global_V2 .titleArea {
	height: 100px;
}

.set-design-page .global_V2 .titleArea {
	height: 205px;
}

.global_V2 .btn-goback {
	position: absolute;
	left: 0;
	bottom: 0;
}

.contact-page .global_V1 {
	height: 410px;
}

.contact-page .global_V1 .textArea .c {
	padding-right: 0;
	padding-top: 38px;
}

.contact-page .global_V1 .textArea .c p {
	clear: both;
	height: 30px;
	padding-bottom: 0;
	overflow: visible;
}

.contact-page .global_V1 .textArea .c p label {
	float: left;
	width: 65px;
}

.contact-page .global_V1 .textArea .c p a, 
.contact-page .global_V1 .textArea .c p span {
	float: left;
	width: 190px;
}

#brand-list {
	width: 855px;
	margin: 0 auto;
}

#brand-list ul {
	overflow: hidden;
}

#brand-list li {
	float: left;
	width: 165px;
	height: 88px;
	margin-right: 6px;
	margin-bottom: 6px;
	overflow: hidden;
}

#brand-list li a {
	position: relative;
	top: 0;
	left: 0;
}

#services-list {
	width: 840px;
	height: 470px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}

#services-list li {
	overflow: hidden;
	position: absolute;
}

#services-list li a {
	display: block;
	overflow: hidden;
}

#services-list li a span {
	display: none;
}

#services-list li.item-1 {
	top: 19px;
	left: 298px;
}

#services-list li.item-1 a {
	width: 209px;
	height: 90px;
}

#services-list li.item-2 {
	top: 144px;
	left: 624px;
}

#services-list li.item-2 a {
	width: 197px;
	height: 90px;
}

#services-list li.item-3 {
	top: 365px;
	left: 425px;
}

#services-list li.item-3 a {
	width: 296px;
	height: 100px;
}

#services-list li.item-4 {
	top: 361px;
	left: 129px;
}

#services-list li.item-4 a {
	width: 200px;
	height: 110px;
}

#services-list li.item-5 {
	top: 146px;
	left: 48px;
}

#services-list li.item-5 a {
	width: 185px;
	height: 100px;
}

/* footer */
#footer .item-tel {
	width: 115px;
	height: 41px;
	overflow: hidden;
	position: absolute;
	top: -9px;
	left: 0;
}

#nav-site {
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 74px;
}

#nav-site li {
	float: left;
	width: auto;
	padding: 0 12px;
}

#nav-site li.item-last {
	padding-right: 4px;
}

#nav-site li.icon,
#nav-site li.icon img {
	vertical-align: middle;
}