@CHARSET "UTF-8";

/* YUI Reset */
html {
	color: #000;
	background: #FFF;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td
	{
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset,img {
	border: 0;
}

address,caption,cite,code,dfn,em,strong,th,var,optgroup {
	font-style: inherit;
	font-weight: inherit;
}

del,ins {
	text-decoration: none;
}

li {
	list-style: none;
}

caption,th {
	text-align: left;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
}

q:before,q:after {
	content: '';
}

abbr,acronym {
	border: 0;
	font-variant: normal;
}

sup {
	vertical-align: baseline;
}

sub {
	vertical-align: baseline;
}

legend {
	color: #000;
}

input,button,textarea,select,optgroup,option {
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
}

input,button,textarea,select { 
	font-size: 100%;
}

* {
	padding: 0px;
	margin: 0px;
	vertical-align: top;
}

body {
	padding: 0px;
	font-size: 9pt;
	margin: 0px;
	text-align: center;
	background: #000;
}

#center {
	width: 855px;
	height: 100%;
	margin: auto auto;
	background: transparent url("../images/bg.gif");
}

#main {
	width: 855px;
	height: 100%;
	position: relative;
	margin: 0 auto;
	border: 0px;
	padding: 0px;
	text-align: left;
}

td.banner {
	width: 855px;
	height: 154px;
	background: transparent url("../images/banner.jpg");
}

td.navigator {
	width: 284px;
	vertical-align: top;
}

td.main {
	width: 571px;
}

td.main table.content-table {
	width: 547px;
}

td.page-top {
	width: 712px;
	background: transparent url("../images/page-top.gif") repeat-y scroll
		left top;
}

td.page-bottom {
	width: 712px;
	height: 46px;
	background: transparent url("../images/page-bottom.gif") no-repeat
		scroll left bottom;
}

td.copyright {
	width: 712px;
	height: 60px;
	background: transparent url("../images/copyright.gif") no-repeat scroll
		left bottom;
}

div.outer-content {
	text-align: left;
	padding: 25px;
	min-height : 600px;
	width : 479px;
}

div.login-panel {
	left: 77px;
	margin-top: 71px;
	text-align: left;
	height: 110px;
	position: relative;
	background: transparent url("../images/login.gif") no-repeat scroll left
		top;
	width: 200px;
}

.navigator .header {
	height: 73px;
}

.navigator .header div.header-block {
	background: transparent url("../images/nav-header.gif") no-repeat scroll
		;
	top: 15px;
	left: 48px;
	height: 42px;
	width: 204px;
	position: relative;
}

#select-lang
{
	position : absolute;
	width: 113px;
	height: 22px;
	top: 1px;
	left: 91px;
}

#select-lang div
{
	position : absolute;
	top: 0px;
	width: 27px;
	height: 22px;
	left: 0px;
	background : url("../images/select-lang.gif");
	cursor: pointer;
}

#select-lang div.hover
{
	background : url("../images/select-lang-light.gif");
}

#select-lang div.active
{
	background : url("../images/select-lang-light.gif");
}

#select-lang #select-lang-cn
{
	left:0px;
	background-position: 0px 0px;
}

#select-lang #select-lang-jp
{
	left:42px;
	background-position: -27px 0px;
}

#select-lang #select-lang-en
{
	left:87px;
	background-position: -54px 0px;
}

#timer
{
	position : absolute;
	width: 160px;
	height: 16px;
	top : 28px;
	left : 20px;
}

#timer div
{
	background : url("../images/digits.gif") no-repeat;
	float : left;
	width: 8px;
	top: 1px;
	left: 0px;
	height: 14px;
}

#timer div.dig0
{
	background-position: 0px 0px;
}


#timer div.dig1
{
	background-position: -8px 0px;
}

#timer div.dig2
{
	background-position: -16px 0px;
}

#timer div.dig3
{
	background-position: -24px 0px;
}

#timer div.dig4
{
	background-position: -32px 0px;
}

#timer div.dig5
{
	background-position: -40px 0px;
}

#timer div.dig6
{
	background-position: -48px 0px;
}

#timer div.dig7
{
	background-position: -56px 0px;
}

#timer div.dig8
{
	background-position: -64px 0px;
}

#timer div.dig9
{
	background-position: -72px 0px;
}

#timer div.dig10
{
	background-position: -80px 0px;
}

#timer div.dig11
{
	background-position: -88px 0px;
}

#timer div.dig12
{
	background-position: -96px 0px;
}


div.username {
	border: 0px;
	position: absolute;
	left: 64px;
	top: 30px;
	width: 100px;
	height: 22px;
	background: transparent;
	vertical-align: middle;
}

div.password {
	border: 0px;
	position: absolute;
	left: 64px;
	top: 64px;
	width: 100px;
	height: 22px;
	background: transparent;
	vertical-align: middle;
}

input {
	border: 0px;
	padding: 2px 2px;
	width: 96px;
	height: 18px;
	background: #000;
	vertical-align: middle;
	color: #cfcfcf;
	#height : 16px;
}

div.submit {
	border: 0px;
	position: absolute;
	left: 106px;
	top: 100px;
	width: 66px;
	height: 23px;
	background: transparent url(../images/button.gif) no-repeat;
	cursor: pointer;
}

div.submit.hover {
	background-position: 0px -23px;
}

div.submit.hover.down {
	background-position: 0px -46px;
}

table.bars td div.container {
	position: relative;
	background: transparent url("../images/bar-non-active.gif") no-repeat
		scroll right top;
	left: 35px;
	width: 252px;
	height: 55px;
	margin-right: -2px;
	cursor: pointer;
}

table.bars td div.active {
	background-image: url("../images/bar-active.gif");
	cursor: normal;
}

table.bars td div.container div {
	background: transparent none no-repeat scroll left top;
	width: 216px;
	position: relative;
	left: 34px;
	height: 55px;
}

table.bars td div.container div {
	background-image: url("../images/nav.png"); #
	background-image: none;
}

table.bars td div.container.hover div {
	background-image: url("../images/hover.png"); #
	background-image: none;
}

table.bars td div.container div.image-news {
	background-position: 0px 0px; #
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src = "./images/nav/news.png");
}

table.bars td div.container div.image-about-us {
	background-position: 0px -54px; #
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src = "./images/nav/about-us.png");
}

table.bars td div.container div.image-gallery {
	background-position: 0px -108px; #
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src = "./images/nav/gallery.png");
}

table.bars td div.container div.image-cinema {
	background-position: 0px -162px; #
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src = "./images/nav/cinema.png");
}

table.bars td div.container div.image-recruitment {
	background-position: 0px -216px; #
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src = "./images/nav/recruitment.png");
}

table.bars td div.container div.image-training {
	background-position: 0px -270px; #
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src = "./images/nav/training.png");
}

table.bars td div.hover div.image-news {
	background-position: 0px 0px; #
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src = "./images/hover/news.png");
}

table.bars td div.hover div.image-about-us {
	background-position: 0px -54px; #
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src = "./images/hover/about-us.png");
}

table.bars td div.hover div.image-gallery {
	background-position: 0px -108px; #
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src = "./images/hover/gallery.png");
}

table.bars td div.hover div.image-cinema {
	background-position: 0px -162px; #
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src = "./images/hover/cinema.png");
}

table.bars td div.hover div.image-recruitment {
	background-position: 0px -216px; #
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src = "./images/hover/recruitment.png");
}

table.bars td div.hover div.image-training {
	background-position: 0px -270px; #
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src = "./images/hover/training.png");
}

iframe {
	background: transparent none;
	width: 497px;
	height: 735px;
}

.refresh-content
{
	background: transparent none;
	width: 100%;
	height: 735px;
}