@charset "utf-8";
/* CSS Document */


/* =TOP */
/* ----------------------------------------------------- */
#gallery1 {width:100%; height:500px; background:#000000; }
		
		
.slideOutTip{
	/* The main wrapping div of the slideout tips */
	position:absolute;
	padding:3px;
	top:0;
	left:0;
	background:url(../../image/main_back_2.png) repeat;
	font-size:13px;
	color:white;
	overflow:hidden;
	border:solid 1px #333333;
	width:700px !important;
	_width:734px !important;
}

.slideOutTip:hover{
	/* Applying a CSS3 outer glow on hover */
	-moz-box-shadow:0 0 1px #999;
	-webkit-box-shadow:0 0 1px #999;
	box-shadow:0 0 1px #999;
}

/* The holder for the title and the icon: */
.tipVisible{ cursor:pointer; height:22px; _height:28px; padding-top:6px; }

.tipTitle{
	float:left;
	font-family:'Myriad Pro',Arial, Helvetica, sans-serif;
	font-size:11px;
	white-space:nowrap;
}

.tipIcon{
	width:13px;
	height:13px;
	float:left;
	background-color:#61b035;
	margin-right:8px;
	margin-top:5px;
	padding:0px;
	
	/* CSS3 Rounded corners */
	
	-moz-border-radius:1px;
	-webkit-border-radius:1px;
	border-radius:1px;
}

/* Three color themes */

.red .tipIcon{ background-color:#e0cd29; border:1px solid #ffffff; }

.plusIcon{
	/* The plus icon */
	width:13px;
	height:13px;
	background:url('../../image/plus.gif') no-repeat center center;
	
	/* Defining a CSS3 animation. Currently only works in Chrome and Safari */
	-webkit-transition: -webkit-transform 0.2s linear;
	-moz-transition: -moz-transform 0.2s linear;
	transition: transform 0.2s linear;
}

.slideOutTip.isOpened{ z-index:10000; }

.slideOutTip.isOpened .plusIcon{
	/* Applying a CSS3 rotation  to the opened slideouts*/
	-moz-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
	moz-transform:rotate(45deg);
	webkit-transform:rotate(45deg);
}

/* Special rules for the left and top - opening versions */

.openLeft .tipIcon{
	/* Floating the title and the icon to the right */
	margin:0 0 0 8px;
	float:right;
}
.openLeft .tipTitle{ float:right; padding:0 0 0 5px; }
.openLeft .slideOutContent{ margin-top:22px; }
.openLeft.openTop .slideOutContent{	margin-top:0; }


.slideOutContent{
	/* Hiding the div with the slide out content: */
	display:none;
	padding:0px;
	font-size:11px;
	margin:0px;
}

/* Hiding the original paragraphs if they have not been replaced (JS disabled): */

.main > p{ display:none; }



/* The styles below are only necessary for the styling of the demo page: */
.main_out{
	width:900px;
	margin:0px auto;
	position:relative;
	text-align:left;
}



.main{
	position:absolute;
	width:700px;
	_width:734px;
	bottom:36px;
	left:100px;
	_left:81px;
	text-align:left;
}

.main img{
	border:0;
	margin:0px;
	padding:0px;
	vertical-align:top;
	float:left;
	text-align:left;
}

.main a img{
	display:block;
	width:175px;
	height:107px;
	vertical-align:top;
}



.main p{
	font-size:13px;
	font-weight:bold;
	letter-spacing:0.2em;
	padding:3px 0px 0px 0px;
	color:#ffffff;
}

.spaceBottom{
	margin:0 0 10px;
}

.spaceTop{
	margin:10px 0 0;
}

/* =world */
/* ----------------------------------------------------- */

#world{
	width:900px;
	height:500px;
	margin:0px;
	padding:0px;
	border:solid 1px #ffffff;
}

#world img{
	vertical-align:top;
}

#world .left1{
	float:left;
	width:267px;
	height:500px;
	border-right:solid 1px #ffffff;
}

#world .left2_out{
	width:478px;
	height:500px;
	float:left;
	margin:0px 0px 0px 0px;
	border-right:solid 1px #ffffff;
}

#world .left2{
	float:left;
	width:479px;
	margin-bottom:0px;
	border-bottom:solid 1px #ffffff;
}

#world .left2_last{
	width:479px;
	margin-bottom:0px;
}

#world .left2_1{
	float:left;
	width:237px;
	height:166px;
	border-right:solid 1px #ffffff;
}

#world .left2_2{
	float:left;
	width:241px;
	height:166px;
}

#world .left2_3{
	float:left;
	width:106px;
	height:165px;
	border-right:solid 1px #ffffff;
}

#world .left2_4{
	float:left;
	width:371px;
	height:165px;
}

#world .left2_5{
	float:left;
	width:324px;
	height:167px;
	border-right:solid 1px #ffffff;
}


#world .left3{
	height:500px;
	float:left;
}

#world .left3_img{
	width:152px;
	border-bottom:1px solid #ffffff;
}



.press_next_no{
	background:#000000 !important;
}


/* award */
/* ----------------------------------------------------- */

#award .concept_900 {
	overflow: hidden;
	width: 900px;
	margin:0px;
}

#award a {color: #fff;}

#award .main_image {
	width: 900px;
	height: 500px;
	background: url(../../award/image/award_bk.jpg) no-repeat;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}

#award .main_image .btn{
	width: 210px;
	height: 87px;
	background: #FFF;
	position: absolute;
	top: 385px;
	left: 680px;
}

#award a:hover img.ovr{
	opacity: 0.9;
}

#award .block small { 
	padding: 0 0 0 20px; 
	background: url(icon_calendar.gif) no-repeat 0 center; 
	font-size: 1em; 
}

#award .main_image .block small {margin-left: 10px;}
#award .main_image .desc{
	position: absolute;
	bottom: 0;	left: 0;
	width: 100%;
	display: none;
}

#award .main_image .block{
	width: 100%;
	background: #131210;
	border-top: 1px solid #000;
}

#award .main_image a.collapse {
	background: url(image/btn_collapse.gif) no-repeat left top;
	height: 27px; width: 93px;
	text-indent: -99999px;
	position: absolute; 
	top: -27px; right:0px; 
}

#award .main_image a.show {background-position: left bottom;} 


#award .image_thumb {
	float: left;
	width: 197px;
	_width:200px;
	height:498px;
	_height:500px;
	background:#131210 url(image/concept_logo.gif) no-repeat 3px 10px;
	border-top: 1px solid #414037;
	border-bottom: 1px solid #414037;
	border-left: 1px solid #414037;
	border-right: 1px solid #414037;
	position:relative;
}

#award .image_thumb .corabo{
	position:absolute;
	bottom:140px;
	left:0px;
	width:196px;
	height:40px;
}

#award .image_thumb ul {
	margin:90px 0px 0px 0px;
	padding: 0;
	list-style: none;
	color:#FFFFFF;
}

#award .image_thumb ul li{
	margin: 0;
	padding: 6px;
	width: 186px;
	_width:198px;
	float: left;
	border-bottom: 1px solid #414037;
}

#award .image_thumb ul li.imges{
	margin:0px 0px 7px 5px;
	padding:0px;
	width: 80px;
	border:none;
	float:left;
}

#award .image_thumb ul li.imges2{
	margin:160px 0px 7px 3px;
	padding:0px;
	width: 60px;
	border:none;
	float:left;
}

#award .image_thumb ul li.imges2 h2{
	font-size:11px;
	text-align:left;
}

#award .image_thumb ul li.imges3{
	margin:0px 0px 7px 7px;
	padding:0px;
	width:96px;
	border:none;
	float:left;
	text-align:right;
}

#award .image_thumb ul li.imges4{
	margin:0px 0px 7px 5px;
	padding:0px;
	width:78px;
	border:none;
	float:left;
	text-align:right;
}

#award .image_thumb ul li.hover {
	cursor: pointer;
}

#award .image_thumb ul li.active {
	color:#ffd058;
	cursor: default;
}

#award .image_thumb ul li h2 {
	font-size:12px;
	line-height:1.3em;
	margin: 2px 0; padding: 0;
}

#award .image_thumb ul li .block {
	float: left; 
	padding: 0;
	width: 186px;
}
	
#award .image_thumb ul li p{display: none;}