.items div {
    float:none;
	overflow:auto;
	clear:both;
}

.container {
	overflow:auto;
    overflow-x: hidden;
}

#project_bg{ z-index:15; position:fixed; top:0; left:0; width:100%; height:100%; overflow:hidden; }
#project_bg img{ width:100%; position:absolute; top:0; left:0; }
/* #menu{ top:0; display:block; } */
/* #menu .l a.fa{
	opacity:1;	
	filter:alpha(opacity=100); 
}

#menu .r a, #menu .r, #menu .r a.f, #menu .r em {
	color:#937853;
	color:#533A25;
}
#menu .r a:hover {
	color:#fff;
	color:#937853;
} */

#mask{ background:url("../images/bt.png") repeat scroll 0 0 transparent; position:absolute; width:100%; left:260px; top:0; display:none; padding:0 0 0 0; min-height:100%;}
#mask > ul > li > div.m {
    display: none;
    font-size: 14px;
    line-height: 23px;
    text-align: justify;
    width: 100%;
}
h2{ position:relative; display:block; }
h2.cufon a{ font-size:36px; color:#FFF;opacity:.5; filter:alpha(opacity=50);}
h2.cufon a:hover{ opacity:1; filter:alpha(opacity=100); }
h2.opened a{ opacity:1;	filter:alpha(opacity=100);}
h2{ margin:0px 0 4px;}
#mask > ul > li > h2.cufon a.dk{ font-family: Tahoma; font-size: 36px; font-weight: bold; display: inline; width: 140px; float: left; }
h2.cufon span{line-height: 48px; padding-left: 20px;}
/* h2.cufon p{ font-size:20px; line-height: 36px; color:#FFF;opacity:.5; filter:alpha(opacity=50);} */

#submenu{width: 260px;display:none;}
#submenu > ul{ margin:120px 0 30px 56px; /*width:260px;*/ }
#submenu > ul > li{ padding:13px 0 0 0; clear:both; float:none; color:#CDCDCD; }
h2.current a{color: #CC0000;opacity:1;}
#mask > ul{ margin:195px 0 30px 40px; /*width:748px;*/ }
#mask > ul > li{ padding:15px 0 0 0; clear:both; float:none; color:#CDCDCD; }
#mask > ul > li p.c{ font-size: 14px;
    line-height: 20px;
    text-align: justify;
    width: 570px; 
	display:none;
	}
#mask > ul > li p.c img.bio{
	float:left;
	margin:0 20px 6px 0;
	width:207px;
}

#mask > ul > li > div > a span.out{
	color:#828186;
	font-size:15.5px;
	display:inline;
}
#mask > ul > li > div > a span.over{
	color:#c09b68;
	font-size:15.5px;
	display:none;
}
#mask > ul > li > div > a.selected span.out,
#mask > ul > li > div > a:hover span.out{
	display:none;
}
#mask > ul > li > div > a.selected span.over,
#mask > ul > li > div > a:hover span.over{
	display:inline;
}
#mask > ul > li > div > em{
	font-size:16px;	
	color:#828186;
	margin:0 8px 0 10px;
}
#mask > ul > li > div > p{
	margin:20px 0 0 0;	
}
#mask > ul > li div.m{
	margin:0 0 0 4px;	
}
#mask > ul > li > div.about_area{
		
}
#mask > ul > li > div.about_area
,#mask > ul > li > div.bio_area{
	width:605px;
}
#mask > ul > li > div.news_area{
    overflow: hidden;
    width: 1100px;
	position: relative;
}
div.news_area .list{
	height: 480px;
    margin: 22px 0 0;
    overflow: hidden;
    padding: 0;/*
    width: 484px;*/
	float:left;
}
div.news_area .detail{
	float:left;	
	width:530px;
	margin:22px 0 0 80px;
	overflow:hidden;
	height: 480px;
}

#mask > ul > li div.news_area .detail .about_zs{ font-size: 14px;
    line-height: 20px;
    text-align: justify;
    width: 520px; display:none;
	float:none; clear:both; }

#mask div.content{ margin:200px 300px 30px 40px;width:850px; }
#mask div.content p{line-height: 25px; text-indent: 2em;}
#mask div.content h3{border-bottom: 1px solid rgba(204, 204, 204, 0.36); padding-bottom: 15px;}
#mask div.content h4{margin-top:25px;}
#mask div.content div.videolist{padding: 20px 0 50px 2px;}
#mask div.content div.videolist a:first-child{padding-right: 40px;}

#mask div.contact{ margin:200px 300px 30px 100px;width:476px;}
#mask div.contact h2{font-size: 24px;}
#mask div.contact ul > li{line-height: 36px;font-size: 18px;}
#mask div.newslist{ margin:200px 10px 30px 60px;width: 400px;float: left;overflow: hidden;}
#mask div.newslist dl > dt{line-height: 30px;}
#mask div.newslist dl > dd{line-height: 30px;margin-bottom: 20px;}
#mask div.newslist dl > dd a{color: #ffffff;}
#mask div.newslist dl > dd a:hover{color: #CC0000;}
#mask div.newslist dl > dd a.anow{color: #CC0000;}
.newsiframe{margin:120px 10px 10px 10px;float: left;width: 650px;height: 560px;}
.iframecontent{width: 650px;height: 680px;}


div.news_area .list .main > li{
	margin:0 0 20px 0;
}
div.news_area .list .main h3{
	font-size: 16.5px;
    margin: 0px 0 6px;
}
div.news_area .list .main .sub{
	margin:0 0 6px 0;	
}
div.news_area .list .main .sub > li{
	margin:0 0 10px 0;	
}
div.news_area .list .main .sub > li a{
	color: #707074;
    display: block;
    font-size: 14px;
    line-height: 13px;
    text-decoration: none;
	text-align:left;
}
div.news_area .list .main .sub > li a.opened,
div.news_area .list .main .sub > li a:hover{
	color:#be955f;
}
.jspVerticalBar{ display:none; }
.news_list_jspArrowUp
,.news_list_jspArrowDown
{
	position:absolute;
	left:235px;
	top:0;	
	z-index:10;
	line-height: 8px;
}
.news_list_jspArrowDown{
	top:auto;
    bottom : 0;	
}

.news_detail_jspArrowUp
,.news_detail_jspArrowDown
{
	position:absolute;
	left:851px;
	top:0;	
	z-index:10;
	line-height: 8px;
}
.news_detail_jspArrowDown{
	top:auto;
    bottom : 0;	
}




/* awards */
#mask > ul > li > div.about_area2{
	max-height: 462px;
    /*overflow: hidden;*/
    width: 605px;
	position: relative;
}
div.about_area2 .list{
	height: 410px;
    margin: 22px 0 20px;
    overflow: hidden;
    padding: 0;
    width: 100%;
	float:left;
}

#mask > ul > li > div.awards_area{
	max-height: 522px;
    overflow: hidden;
    width: 1100px;
	position: relative;
}
div.awards_area .list{
	height: 480px;
    margin: 22px 0 20px;
    overflow: hidden;
    padding: 0;
    width: 100%;
	float:left;
}

div.awards_area .list .main > li{
	margin:0 0 20px 0;
}
div.awards_area .list .main h3{
	font-size: 16.5px;
    margin: 0px 0 10px;
}
div.awards_area .list .main .sub{
	margin:0 0 35px;	
}
div.awards_area .list .main .sub > li{
	margin:0 0 24px 0;
	color: #BE955F;
    display: block;
    font-size: 14px;
    line-height: 13px;
    text-decoration: none;
	text-align:left;
}
div.awards_area .list .main .sub > li p{
	color:#FFFFFF;
	margin:8px 0 0 0;	
}

.awards_list_jspArrowUp
,.awards_list_jspArrowDown
{
	position:absolute;
	left:287px;
	top:0;	
	z-index:10;
	line-height: 8px;
}
.awards_list_jspArrowDown{
	top:auto;
    bottom : -50px;	
}
.about_list_jspArrowUp
,.about_list_jspArrowDown
{
	position:absolute;
	left:287px;
	top:0;	
	z-index:10;
	line-height: 8px;
}
.about_list_jspArrowDown{
	top:auto;
    bottom : 0;	
}
.media_area{
	position:relative;
	padding:3px 0 0;
	/*min-height:522px;*/
}
.media_area .list{
	 width: 748px;
	 height:488px;
	 margin:21px 0 0;
}
.media_area li{
	 float: left;
    margin: 0 4px 4px 0;
    overflow: hidden;
	line-height:0;
	width:120px;
	height:160px;
}

.media_area li a{
	display:block;
	position:relative;
	width:120px;
	height:160px;
	text-decoration:none;
}

.media_area li a img{
	position:absolute;
	top:0;
	left:0;	
	width:120px;
	height:160px;
}
.media_area li a:hover img.mask{
	display:none;	
}
.media_area li a span{
	bottom: 11px;
    color: #FFFFFF;
    display: block;
    left: 0;
    position: absolute;
    text-align: center;
	width:100%;
	text-transform:uppercase;
	font-size:12px;
}


.media_list_jspArrowUp
,.media_list_jspArrowDown
{
	position:absolute;
	left:360px;
	top:0;	
	z-index:10;
	line-height: 8px;
}
.media_list_jspArrowDown{
	top:auto;
    bottom : 0;	
}

.c02{ cursor:pointer; display:none; }

#mask > ul > li div.news_area .detail p span img.btn_play{ position:absolute; top:50%; left:50%; width:39px; height:39px; margin:-20px 0 0 -20px; }

#youtube_box{ background:url(../../../images/bt.png) repeat 0 0; position:fixed; top:0; left:0; z-index:100; width:100%; height:100%; display:block; }

#youtube_box .inner{ 

height: 420px;
left: 50%;
margin: -145px 0 0 -340px;
padding: 20px;
position: relative;
top: 50%;
width: 640px;
 }

#youtube_box .inner iframe{  }

#youtube_box .inner a.btn_close{
	position: absolute;
	right: 1px;
	top: -2px;
	display:block;
	overflow:hidden;
	width:40px;
	height:27px;
}
#youtube_box .inner a.btn_close img{
	left:-43px;
	position:relative;
	width:73px;
}

.newsletter_area > div{
	float:left;
	margin:20px 5px 10px 0;
}
.newsletter_area > div img{
	width:120px;	
}
input.subscription{
	text-align:center;
	border:#D5D5D5 1px solid;
	background:none;
	color:#D5D5D5;
	font-size:12px;
	width:408px;
	height: 22px;
    line-height: 22px;
}
.submit{
	color:#FFF;
	text-decoration:none;
	margin:0 0 0 5px;
}
::-webkit-input-placeholder {
    text-align:center;
	color:#FFF;
}
:-moz-placeholder {
    text-align:center;
	color:#FFF;
}
:-ms-input-placeholder {
    text-align:center;
	color:#FFF;
}
#mask > ul > li > div > p{
	color:#CDCDCD; font-size:13px; margin:0; line-height:30px; display:none;
}

.row img{
  width: 100%;
  max-width: 1210px;
  height: auto;
} 
.row.featurette {
  padding: 0 80px;
  margin-right:0px;
  margin-left:0px;
}

.row.featurette{
  background:#D9D9D9;
  padding-top:50px;
  border-bottom: 2px solid #F9F9F9;
}

.all{width:850px; overflow:hidden; padding-left: 10px;}
#box ul > li{width:100px; height:75px; float:left; margin-right:10px; margin-bottom:10px;}
#box ul > li > a{ opacity: 0.4;}
#box ul > li > a:hover{opacity: 1;}