@charset "UTF-8";

/* font reset for en */
#reference .width1600-wrapper,
#reference .width1600-wrapper .block-heading{
	font-family:Helvetica, Arial, sans-serif;
}

/* ----------------------------------------

Global Reference

---------------------------------------- */
#reference{
	background-color:#ffffff;
}

.reference-index{
	background-color:#ffffff !important;
}

#reference .width1600-wrapper{
	overflow:hidden;
	width:100%;
	background-color:#ffffff;
	margin-top:0;
	margin-bottom:0;
}

.reference-index .width1600-wrapper{
	background-color:#ffffff !important;
}

#reference .width1600-block{
	float:none;
	width:1600px;
	color:#000000;
}

#reference .section-block{
	position:relative;
	margin-bottom:0;
/* 	background:#000000; */
	page-break-inside:avoid;
}


/* inner-section-full-width */
#reference .inner-section-full-width{
	background-color:#ffffff;
	position:relative;
	display:block;
	float:none;
	margin:0;
	box-sizing: border-box;
	width:100%;
/* 	min-height:720px; */
	height:auto;
	padding:0;
}

#reference .inner-section-full-width .text{
	position:static;
	display:block;
	margin:94px 0 0 0;
	box-sizing: border-box;
	width:100%;
	padding:0 15px;
	text-align:center;
}

#reference .inner-section-full-width .text h1{
	display:block;
	margin:0 0 90px 0;
	width:auto;
	text-align:center;
}

#reference .inner-section-full-width .text h1 img{
	max-width:532px;
	width:100%;
}

#reference .inner-section-full-width .text .lead{
	display:block;
	margin:0 auto 28px auto;
	max-width:532px;
	width:auto;
	text-align:center;
	font-size:237%;
	line-height:1em;
}

#reference .inner-section-full-width .text .body{
	line-height:1.9em;
}


/* inner-section-optional-width */
#reference .inner-section-optional-width{
	background-color:transparent;
/* 	background-image:url("/cn/images/50th_anniversary/anv_h1_bg.jpg");
	background-repeat:no-repeat;
	background-position:center 24%; */
	position:relative;
	display:block;
	float:none;
	margin:0 auto;
	box-sizing: border-box;
	max-width:946px;
	width:auto;
	height:auto;
	padding:0;
}

#reference .inner-section-optional-width h2.block-heading{
	display:block;
	float:none;
	margin:0;
	width:auto;
	padding:40px 0 1em 0;
	text-align:center;
/* 	color:#009de9; */
	font-weight:normal;
	font-size:425%;
	line-height:1.3em;
/* 	white-space:nowrap; */
}


#reference .inner-section-optional-width .image{
	position:absolute;
	top:0;
	left:50%;
/* 	z-index:-1; */
}

#reference .inner-section-optional-width .body{
	line-height:1.5em;
}

#reference .inner-section-optional-width .lead{
	margin:0;
	padding-top:1.2em;
	line-height:1.2em;
	font-size:83%;
}

#reference .inner-section-optional-width table.lead{
	margin-top:1.6em;
	border:none;
	width:100%;
	max-width:380px;
}

#reference .inner-section-optional-width table.lead td{
	border:none;
	padding:0 0 2px 0;
}


/* column-block */
#reference .column-block{
	display:block;
	float:left;
	margin:0;
	padding:0 0 65px 0;
	width:100%;
}

#reference .column-block .left-column{
	float:left;
	width:432px;
	padding:0 0 0 0;
}

#reference .column-block .right-column{
	float:left;
	width:432px;
	padding:0 0 0 82px;

}

#reference .column-block .left-column h3.block-heading,
#reference .column-block .center-column h3.block-heading,
#reference .column-block .right-column h3.block-heading{
	margin:0 0 2px 0;
	padding:0;
	font-size:100%;
	line-height:20px;
	text-align:left;
	font-weight:bold;
}

#reference .column-block .left-column p,
#reference .column-block .center-column p,
#reference .column-block .right-column p{
	margin:0 0 20px 0;
	padding:0;
	font-size:100%;
	line-height:20px;
	text-align:justify;
}

#reference .column-block .left-column p img,
#reference .column-block .right-column p img{
	padding-bottom:1em;
	width:100%;
	height:auto;
}

#reference .column-block .right-column p img{
	padding-bottom:0;
}

/* reference-index-title */

#reference #reference-index-title{
	background-color:;
}

#reference #reference-index-title h2.block-heading{
	padding:76px 0 1.2em 0;
	font-size:337%;
	font-weight:lighter;
}

#reference #reference-index-title .body{
	padding:0 0 60px 0;
}

#reference #reference-index-title .body p{
	box-sizing: border-box;
	margin-left:auto;
	margin-right:auto;
/* 	max-width:100%;
	width:670px; */
	padding:0 0 0 0;
	text-align:justify;
}


/* reference-1st-image, reference-2nd-image */

#reference #reference-1st-image,
#reference #reference-2nd-image{
/* 	height:720px;
	background-image:url("/cn/images/brand/bra_p010.jpg");
	background-position:center 0%;
	background-size:100%;
	padding-top:278px; */
}

/* reference-title */

#reference #reference-title{
	background-color:#ffffff;
}

#reference #reference-title h2.block-heading{
	padding:20px 15px 30px 15px;
	font-weight:lighter;
}

#reference #reference-title .body{
	padding:0 15px 38px 15px;
}


/* synchronization */

#reference #synchronization,
#reference #waterfall-villa{
	background-color:#ffffff;
}

#reference #synchronization h2.block-heading,
#reference #waterfall-villa h2.block-heading{
	padding:64px 0 50px 0;
	font-family:"Times New Roman", Times, serif;
	font-size:400%;
}

#reference #waterfall-villa h2.block-heading{
	padding:36px 0 0.7em 0;
}

#reference #synchronization .lead,
#reference #waterfall-villa .lead{
	margin:0 auto 40px auto;
	text-align:center;
}

#reference #synchronization .lead{
	line-height:1.1em;
	font-family:"Times New Roman", Times, serif;
	font-size:118%;
}


/* reference-index-designer */

#reference #reference-index-designer{
	margin-left:auto;
	margin-right:auto;
	margin-bottom:60px;
/* 	max-width:710px;
	width:100%; */
	background-color:#ffffff;
	padding-bottom:60px;
}

#reference #reference-index-designer .column-block{
	padding-bottom:0;
}

#reference #reference-index-designer .left-column{
	box-sizing: border-box;
	float:left;
	width:250px;
	padding:0;
	margin:0 0 0 0;
}

#reference #reference-index-designer .center-column{
	box-sizing: border-box;
	float:left;
	width:250px;
	padding:0;
	margin:0 0 0 98px;
}

#reference #reference-index-designer .right-column{
	box-sizing: border-box;
	float:left;
	width:250px;
	padding:0;
	margin:0 0 0 98px;
}

#reference #reference-index-designer .left-column h3.block-heading,
#reference #reference-index-designer .center-column h3.block-heading,
#reference #reference-index-designer .right-column h3.block-heading{
	padding-top:14px;
	padding-bottom:14px;
	text-align:center;
	font-size:225%;
	font-weight:lighter;
}

#reference #reference-index-designer .left-column p,
#reference #reference-index-designer .center-column p,
#reference #reference-index-designer .right-column p{
	margin-bottom:0.5em;
	padding:0 0 60px 0;
	text-align:justify;
}

#reference #reference-index-designer .left-column p img,
#reference #reference-index-designer .center-column p img,
#reference #reference-index-designer .right-column p img{
	padding-bottom:10px;
}

#reference #reference-index-designer .left-column p.link-block,
#reference #reference-index-designer .center-column p.link-block,
#reference #reference-index-designer .right-column p.link-block{
	padding-bottom:40px;
	line-height:1.2em;
	font-size:183%;
	text-align:left;
	font-weight:lighter;
}

#reference #reference-index-designer .left-column p.position,
#reference #reference-index-designer .center-column p.position,
#reference #reference-index-designer .right-column p.position{
	margin-right:-35px;
	font-size:87%;
}

#reference #reference-index-designer a{
	color:inherit;
}

#reference #reference-index-designer a:hover{
	opacity:0.8;
}

#reference #reference-index-designer a.button-box{
	display:block;
	box-sizing: border-box;
	padding:5px;
	text-decoration:none;
	color:inherit;
}

#reference #reference-index-designer a.button-box:hover{
	color:#30474f;
	opacity:0.8;
}


/* designer */

#reference #designer,
#reference #reference-last-image{
	background-color:#ffffff;
	padding-bottom:60px;
}

#reference #designer h2{
	padding:40px 0 0.3em 0;
	text-align:left;
	font-family:"Times New Roman", Times, serif;
	font-size:600%;
}

#reference #designer .left-column{
	line-height:1.4em;
	font-size:;
}

#reference #designer .left-column p{
	text-align:left;
}

#reference #designer .left-column img{
	max-width:100%;
	width:426px;
}


/* reference-last-block */
#reference .reference-last-block{
	position:relative;
	margin-bottom:90px;
}

#reference .reference-last-block p{
	margin-bottom:0;
	line-height:1.4em;
	font-size:87%;
}

#reference .reference-last-block .type100{
	float:left;
	box-sizing: border-box;
	margin:0;
	width:33.3%;
	padding:0 1.4% 0 0;
	vertical-align:top;
}

#reference .reference-last-block .type010{
	float:left;
	box-sizing: border-box;
	margin:0;
	width:33.3%;
	padding:0 0.7% 0 0.7%;
	vertical-align:top;
}

#reference .reference-last-block .type001{
	float:right;
	box-sizing: border-box;
	margin:0;
	width:33.3%;
	padding:0 0 0 1.4%;
	vertical-align:top;
}

#reference .reference-last-block .type100 p,
#reference .reference-last-block .type010 p,
#reference .reference-last-block .type001 p{
	margin-bottom:1em;
}



@media screen and (max-width: 1600px){
	#reference .width1600-wrapper{
		width:100%;
	}

	#reference .width1600-block{
		width:100%;
	}

}

@media screen and (min-width: 0px) and (max-width: 1169px){
	#reference #reference-index-title .body p{
		padding-left:15px;
		padding-right:15px;
	}

/* reference-index-designer */

	#reference #reference-index-designer .left-column{
		margin:0;
		box-sizing: border-box;
		width:33.3%;
		padding:0 15px 0 15px;
	}

	#reference #reference-index-designer .center-column{
		margin:0;
		box-sizing: border-box;
		width:33.3%;
		padding:0 15px 0 15px;
	}

	#reference #reference-index-designer .right-column{
		margin:0;
		box-sizing: border-box;
		width:33.3%;
		padding:0 15px 0 15px;
	}

	#reference .inner-section-full-width .text{
	}

	#reference .inner-section-optional-width h2.block-heading,
	#reference .inner-section-optional-width h3.block-heading,
	#reference .inner-section-optional-width h4.block-heading,
	#reference #synchronization h2.block-heading,
	#reference #waterfall-villa h2.block-heading,
	#reference .inner-section-optional-width p{
		margin-left:0;
		padding-left:15px;
		padding-right:15px;
	}

	#reference .inner-section-optional-width h2.block-heading{
		box-sizing: border-box;
/* 		width:20%; */
	}

	#reference .inner-section-optional-width table.lead td{
		padding:0 15px 2px 15px;
	}

	#reference .column-block{
		box-sizing: border-box;
/* 		width:80%; */
	}

	#reference .column-block .left-column{
		box-sizing: border-box;
		width:50%;
		padding:0 0.1% 0 0;
	}

	#reference .column-block .right-column{
		box-sizing: border-box;
		width:50%;
		padding:0 0 0 0.1%;
	}

	#reference .column-block .left-column h3.block-heading,
	#reference .column-block .center-column h3.block-heading,
	#reference .column-block .right-column h3.block-heading,
	#reference .column-block .left-column p,
	#reference .column-block .center-column p,
	#reference .column-block .right-column p{
		padding:0 15px 0 15px;
	}

	#reference .column-block .left-column p img,
	#reference .column-block .center-column p img,
	#reference .column-block .right-column p img{
		width:100%;
		height:auto;
	}


/* reference-1st-image, #reference-2nd-image */
	#reference #reference-1st-image,
	#reference #reference-2nd-image{
/* 		background-size:250% auto; */
	}

/* designer */

	#reference #designer h2{
		padding-left:15px;
		padding-right:15px;
	}

/* reference-last-block */
	#reference .reference-last-block{
		position:relative;
		margin-bottom:0;
	}

	#reference .reference-last-block p{
		margin-bottom:0;
		line-height:1.4em;
		font-size:87%;
	}

	#reference .reference-last-block .type100{
		margin:0 auto 60px auto;
		width:50%;
		padding:0;
	}

	#reference .reference-last-block .type010{
		margin:0 auto 60px auto;
		width:50%;
		padding:0;
	}

	#reference .reference-last-block .type001{
		margin:0 auto 60px auto;
		float:left;
		width:50%;
		padding:0;
	}

	#reference .reference-last-block .type100 p{
		padding-right:8px;
	}

	#reference .reference-last-block .type010 p{
		padding-left:8px;
	}

	#reference .reference-last-block .type001 p{
		padding-right:8px;
	}

}

@media screen and (min-width: 0px) and (max-width: 800px){
	#reference .width1600-wrapper{
/* 		margin-top:0; */
	}

	#reference .width1600-block{
		width:100%;
	}

	#reference .section-block{
		margin-top:0 !important;
	}

	#reference .inner-section-full-width{
		background-size:200% auto;
	}

	#reference .inner-section-optional-width h2.block-heading{
		margin-top:0 !important;
		margin-bottom:12px !important;
	}

	#reference .inner-section-optional-width .image{
		position:static;
		text-align:center;
	}

	#reference .inner-section-optional-width h2.block-heading{
		box-sizing: border-box;
/* 		width:30%; */
		padding:0 6px;
/* 		text-align:center; */
/* 		font-size:275%; */
	}

	#reference .inner-section-optional-width table.lead,
	#reference .inner-section-optional-width table.lead tr,
	#reference .inner-section-optional-width table.lead td{
		display:block;
	}

	#reference .inner-section-optional-width table.lead td{
		padding:0 15px !important;
	}

	#reference .inner-section-optional-width table.lead td.even{
		padding-left:5em !important;
		padding-bottom:1em !important;
	}

	#reference .column-block{
		padding-bottom:4px;
		box-sizing: border-box;
/* 		width:70%; */
	}

	#reference .column-block .left-column{
		float:none;
		box-sizing: border-box;
		width:100%;
		padding:0;
		text-align:center;
	}

	#reference .column-block .center-column{
		float:none;
		box-sizing: border-box;
		width:100%;
		padding:0;
	}

	#reference .column-block .right-column{
		float:none;
		box-sizing: border-box;
		width:100%;
		padding:0;
	}

	#reference .column-block .left-column p,
	#reference .column-block .center-column p,
	#reference .column-block .right-column p{
		padding-top:0 !important;
		padding-bottom:0 !important;
	}

	#reference .column-block .left-column p img,
	#reference .column-block .center-column p img,
	#reference .column-block .right-column p img{
		width:100%;
		height:auto;
	}

	#description_p011{
		margin-top:0;
		text-align:left;
	}

	#reference h3.block-heading{
		padding-top:0 !important;
		padding-bottom:0 !important;
	}

	#reference h3.block-heading span{
		white-space:nowrap;
	}


/* reference-index-title */

	#reference #reference-index-title h2.block-heading{
		padding:1.2em 15px 1em 15px;
		font-size:240%;
	}

/* reference-1st-image, #reference-2nd-image */

	#reference #reference-1st-image,
	#reference #reference-2nd-image{
/* 		background-size:100%; */
	}

/* synchronization */

	#reference #synchronization h2.block-heading,
	#reference #waterfall-villa h2.block-heading{
		padding:40px 15px 50px 15px;
		font-size:337%;
	}

/* reference-index-designer */

	#reference #reference-index-designer .left-column,
	#reference #reference-index-designer .center-column,
	#reference #reference-index-designer .right-column{
		float:none;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:38px;
		width:100%;
		max-width:500px;
		padding:0 15px 0 15px;
	}

	#reference #reference-index-designer .left-column h3.block-heading,
	#reference #reference-index-designer .center-column h3.block-heading,
	#reference #reference-index-designer .right-column h3.block-heading{
		padding-top:14px !important;
		padding-bottom:14px !important;
	}

	#reference #reference-index-designer .left-column p,
	#reference #reference-index-designer .center-column p,
	#reference #reference-index-designer .right-column p{
		padding-bottom:40px !important;
	}

	#reference #reference-index-designer .left-column p.link-block,
	#reference #reference-index-designer .center-column p.link-block,
	#reference #reference-index-designer .right-column p.link-block{
		padding-bottom:40px !important;
		text-align:center;
	}

	#reference #reference-index-designer .left-column p.position,
	#reference #reference-index-designer .center-column p.position,
	#reference #reference-index-designer .right-column p.position{
		margin-right:-15px;

	}

/* designer */
	#reference #designer .inner-section-optional-width h2.block-heading{
		text-align:center;
		font-size:500%;
	}

	#reference #designer .column-block .left-column p.photo{
		display:inline-block;
	}

/* reference-last-block */
	#reference .reference-last-block{
		position:relative;
		margin-bottom:0;
	}

	#reference .reference-last-block p{
		margin-bottom:0;
		line-height:1.4em;
		font-size:87%;
	}

	#reference .reference-last-block .type100{
		float:none;
		margin:0 auto 60px auto;
		max-width:630px;
		width:100%;
		padding:0;
		vertical-align:top;
	}

	#reference .reference-last-block .type010{
		float:none;
		margin:0 auto 60px auto;
		max-width:630px;
		width:100%;
		padding:0;
		vertical-align:top;
	}

	#reference .reference-last-block .type001{
		float:none;
		margin:0 auto 60px auto;
		max-width:630px;
		width:100%;
		padding:0;
		vertical-align:top;
	}

	#reference .reference-last-block .type100 p{
		padding-right:15px;
	}

	#reference .reference-last-block .type010 p{
		padding-left:15px;
	}

	#reference .reference-last-block .type001 p{
		padding-right:15px;
	}

}

@media screen and (min-width: 0px) and (max-width: 420px){
/* 	#reference #reference-index-designer .left-column,
	#reference #reference-index-designer .center-column,
	#reference #reference-index-designer .right-column{
		float:none;
		margin-bottom:38px;
		width:100%;
		padding:0 15px 0 15px;
	}

	#reference #reference-index-designer .left-column p.photo,
	#reference #reference-index-designer .center-column p.photo,
	#reference #reference-index-designer .right-column p.photo{
		margin:0 auto;
	} */

	#reference #reference-index-designer .left-column p.name,
	#reference #reference-index-designer .center-column p.name,
	#reference #reference-index-designer .right-column p.name{
		margin-bottom:0.5em;
		line-height:1.3em;
		font-size:187%;
	}


}





/* ----------------------------------------

Global Reference

---------------------------------------- */
.column-img-caption{
	margin-bottom:0 !important;
	width:100%;
	max-width:27em;
	padding:0.5em !important;
	line-height:1.3em !important;
	font-size:87% !important;
}

table.layout{
	margin:0;
	border:none;
	width:100%;
	padding:0;
}

table.layout td{
	border:none;
}

table.layout td p{
	padding:0.5em;
	line-height:1.3em;
	font-size:87%;
}

@media screen and (min-width: 0px) and (max-width: 800px){
	.column-img-caption{
		max-width:95%;
	}

	table.layout,
	table.layout tr,
	table.layout td{
		display:block;
		padding:0 !important;
	}

	table.layout{
		margin:0 auto 0 auto;
/* 		max-width:630px; */
	}

	table.layout td{
		margin-bottom:4px;
		width:auto !important;
	}

	table.layout p{
		margin-top:auto !important;
		margin-bottom:auto !important;
		margin-left:auto !important;
		margin-right:auto !important;
		width:100% !important;
		max-width:98% !important;
		padding:0.5em !important;
	}

}





/* ----------------------------------------

print

---------------------------------------- */
@media print {
	#reference{
		background-color:#ffffff;
	}

	#reference .width1600-wrapper{
		background-color:#ffffff;
	}

	#reference .header-block{
		margin:auto;
	}

	#reference .page-header img{
	}

	#reference .page-header h1{
		position:relative;
	}

	#reference .page-header .spec-prev-btn,
	#reference .page-header .owl-carousel,
	#reference .page-header .spec-next-btn{
		display:none !important;
	}

	#reference .width1600-wrapper{
		position:relative !important;
		overflow:hidden !important;
/* 		margin-top:94px; */
		width:auto !important;
	}

	#reference .width1600-block{
		position:relative !important;
		margin:0 !important;
		width:auto !important;
		padding:0 !important;
	}

	#reference .section-block{
		margin-top:0 !important;
		margin-bottom:0 !important;
		width:auto !important;
	}

	#reference .inner-section-full-width{
		height:auto;
	}

	#reference .inner-section-full-width .image{
		width:auto !important;
	}

	#reference .inner-section-optional-width{}

	#reference .inner-section-optional-width h2.block-heading{
/* 		margin-bottom:15px; */
	}

	#reference .inner-section-optional-width h2.block-heading,
	#reference .inner-section-optional-width h3.block-heading,
	#reference .inner-section-optional-width h4.block-heading,
	#reference .inner-section-optional-width p{
		margin-left:0;
		padding-left:15px;
		padding-right:15px;
	}

	#reference .inner-section-optional-width h2.block-heading{
		box-sizing: border-box;
/* 		width:20%; */
	}

	#reference .column-block{
		box-sizing: border-box;
/* 		width:80%; */
	}

	#reference .column-block .left-column{
		box-sizing: border-box;
		width:48%;
		padding:0 0 0 15px;
	}

	#reference .column-block .right-column{
		box-sizing: border-box;
		width:52%;
		padding:0 15px 0 30px;
	}

	#reference .column-block .left-column p,
	#reference .column-block .right-column p{
	}

	#reference .column-block .left-column p img,
	#reference .column-block .right-column p img{
		width:100%;
		height:auto;
	}


/* reference-1st-image, #reference-2nd-image */
	#reference #reference-1st-image,
	#reference #reference-2nd-image{
/* 		height:auto; */
/* 		background-size:auto auto; */
	}

	table.layout td img{
		height:auto !important;
	}

}