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

.fl, .fr, .more, .back { _display: inline /* hacked for IE 6 Double Margins */ }

#main-box, #main-box body { overflow: hidden }

#main-bg { position: fixed; overflow: hidden }
#main-bg img, #main-bg a { height:100%; width:100%; position:absolute }
#main-bg img { -ms-interpolation-mode: bicubic }

#footer { position: absolute; right: 52px; bottom: 28px; z-index: 99; color: #fff }

#container { position: relative; width: 930px; margin: 0 0 0 35px; padding: 111px 0 50px; background: url('../images/container_bg.gif') no-repeat }
#logo { position: absolute; top: 0; left: -35px; z-index: 10 }

#navigation, .nav-two-wrap { font-family: "Trebuchet MS" }

#navigation { float: left; width: 106px; font-weight: bold; font-size: 16px; line-height: 27px }
	#navigation a, .nav-two-wrap a { color: #ccc }
	#navigation a.current, #navigation a:hover, .nav-two-wrap h2 { color: #f00 }
	

#content { float: right; width: 550px; font-family: "Times New Roman", Times, serif }

.nav-two-wrap { float: left; width: 254px }
	.nav-two-wrap .two-inner, .nav-three-wrap { padding: 0 20px }
	.nav-two-wrap .two-inner { min-height: 213px; background: url('../images/nav_two_bg.png') no-repeat 0 5px }
	.nav-two-wrap .two-inner { _height: 213px /* hacked for IE 6 min-height */ }
	.nav-two-wrap a:hover, .nav-two-wrap a.current { color: #000 }
	.nav-two-wrap h2 { cursor: default; margin: -5px 0 16px; font-size: 40px; letter-spacing: -2px;font-weight:normal; }
	.nav-two-wrap .sub-nav { font-size: 30px; line-height: 41px }

	.nav-two-wrap .years-nav { position: relative; padding: 13px 0 0; font-weight: bold; font-size: 15px; line-height: 23px }
		.nav-two-wrap .years-nav li { float: left; white-space: nowrap }
	.nav-two-wrap .list { margin: -22px 0 0 20px; line-height: 15px }
	.nav-two-wrap .list li { margin: 0 0 13px }

.nav-three-wrap { min-height: 112px; background: url('../images/nav_three_bg.png') no-repeat 0 19px }
.nav-three-wrap { _height: 112px /* hacked for IE 6 min-height */ }
	.nav-three-wrap	.list { margin: 13px 0 0; padding: 15px 0 0 }
	.nav-three-wrap	.list { *margin: 2px 0 0 }
	.nav-three-wrap .years-nav { min-height: 54px }
	.nav-three-wrap .years-nav { _height: 54px /* hacked for IE 6 min-height */ }

.picture-fade {  }
	/*, .picture-fade li,*/ .picture-fade li p { width: 550px; }
	.picture-fade ul{ height: 440px ; position: relative }
	.picture-fade li { position: absolute; top: 0; left: 0; cursor: pointer; display: none; overflow: hidden; padding: 0 0 30px 0; margin-bottom: 10px }
		.picture-fade li span{ position: absolute; left: 0; bottom: 36px; font-size: 14px; font-style: italic }
		.picture-fade li h2{ position: absolute; left: 0; bottom: 0; font-weight: normal; line-height:1.4 }
		.picture-fade li p, .picture-fade li img { vertical-align: top }
		.picture-fade li p { display: table-cell; text-align: center ;height:410px;vertical-align:middle;}
		.picture-fade li p { font-size: 318px\9 /* hacked for IE 6 ~ 8 Picture Vertically */ }
		.picture-fade li img { -ms-interpolation-mode: bicubic /* hacked for IE 7 Picture Noise */ }
	.picture-fade .number { position: relative; z-index: 999; margin: 0 -3px 0 0 }
		.picture-fade .number span { position: absolute; top: -4px; display: block; cursor: pointer; width: 0; height: 0; overflow: hidden; border: 6px dotted transparent; font-size: 0; line-height: 0; text-indent: -9999px }
		.picture-fade .number .index-quantity { right: 28px; border-right: 6px solid #000 }
		.picture-fade .number .all-quantity { right: 0; border-left: 6px solid #000 }
		

.news-list { width: 500px }
	.news-list li { cursor: pointer; margin: 0 0 50px }
	.news-list li h2 { font-weight: normal }
	.news-list li h2 span { display: inline; font-style: italic; font-size: 16px }
	.news-list li span { display: block; margin-top: 8px; font-size: 12px }
	.news-list p.image { margin: 8px 0 0 }
	.news-list .summary, .news-list .text { margin: 7px 0 0; line-height: 21px }
	.news-list .text { display: none; width: 500px }
	.news-list .text { position: relative\9 /* hacked for IE 6 ~ 8 */ }

.about-text, .contact-text { width: 550px; line-height: 21px }
	.about-text img { margin: 0 0 15px }
	.about-text a { text-decoration: underline }

.link-text { font-style: italic }
	.link-text a { text-decoration: none }

.video-text { width: 480px; margin: 30px 0 0; line-height: 21px; }
.picture-fade .video-text { margin-top: 5px }

/*#main-bg, #main-bg img, #main-bg a { position: absolute; width: 100%; height: 100% }
#main-bg { cursor:pointer; }
#main-bg img, #main-bg a { z-index: -1 }
#main-bg .prevslide, #main-bg .prevslide img { z-index: 1 }
#main-bg .activeslide, #main-bg .activeslide img { z-index: 2 }
#main-bg img { -ms-interpolation-mode: bicubic }*/

/*search*/
.search_box { margin: 30px 0 0 }
	.search_box .query_input { width: 80px; height: 14px; padding: 1px 2px; border: 1px solid #ccc; color: #ccc; font-style: italic; line-height: 14px; font-family: "Times New Roman" }
/*search-result*/
.search_result dl dd { line-height: 21px; width: 550px; overflow: hidden }
.search_result dl dt { font-weight: bold; margin-bottom: 5px }
.search_result dl dt.first { margin-top: 0 }
.search_title { margin-top: 20px }



.text_box { line-height: 21px }
.text_pragraph { margin-bottom: 10px }
.text_pragraph h2{ font-size: 15px; margin-bottom: 20px; font-family: "Times New Roman"; font-size: 16px; font-style: italic; font-weight: normal }

#supersized { position: fixed; top: 0; left: 0; z-index: -3; width: 100%; height: 100%; }
*html #supersized { position: absolute; }
#supersized img, #supersized p { height: 100%; width: 100%; position: absolute; z-index: -3; }
#supersized .prevslide, #supersized .prevslide img { z-index: -2; }
#supersized .activeslide, #supersized .activeslide img { z-index: -1; }
#supersized img { -ms-interpolation-mode: bicubic; }