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

@-webkit-keyframes topanime {
0% { 
opacity: 0;
-webkit-transform: translate(0px,566px); }
100% { 
-webkit-transform: translate(0px,0px);
opacity: 1; }
}

.topImage {
	-webkit-animation-name: topanime;
	-webkit-animation-duration: 8s;
	-webkit-animation-timing-function: ease-out;
	-webkit-animation-iteration-count: 1;
	position:relative;
	display:block;
	width:650px; }

.topImage img {
	display:block;
	position:absolute;
	top:-566px; }
 
#inner dl {
	margin: 3em auto auto 5px;
	display: inline;
	float: left;
	width: 165px; }
 
 #inner font { display:none; }
 
#inner dl dd, #inner dl dt { margin:0px; }
	
#main {
	z-index:1000;
	height:255px;
	border:1px solid #a2a2a2;
	width:850px;
	margin: 1em auto 3em auto; }
	
#main .flash .imgnone { display:none; } 

#main .flash  
{
	width:649px; 
	float:left;
    margin:0;
    padding:0; }

#main ul {
	width:200px;
	padding:0;
	margin:0;
	float:right;
	list-style-type:none; }
	
#main li {
	position:relative;
	border-top:1px solid #a2a2a2;
	border-left:1px solid #a2a2a2;
	text-align:center; }
	
#main li.first { border-top:none; }
#main a.child { height:85px; line-height:85px; }

#main a.button { 
	background: transparent url('../img/CommonImage/MainButton.png') scroll repeat-x center center;
	line-height:84px; 
	display:block;
	text-decoration:none;
	color:#000;
	width:199px; }
	
#main b {
	font-size:150%;
	line-height:84px; }

/* mousehover */
#main li:hover, #main a:hover, #main a:active, #main a:focus { background: #ddd url('../img/CommonImage/MainButtonMouseOver.png') scroll repeat-x center center; } 

#main li:hover div, #main a:hover div, #main a:active div, #main a:focus div { visibility:visible; }

#main div.ChineseDTP, #main div.Printing, #main div.XML {
	text-align:left;
	visibility:hidden;
	position:absolute;
	left:-651px;
	width:650px;
	height:255px; }

#main ul div.ChineseDTP { 
	background: transparent url('../img/CommonImage/ChineseDTPImage.jpg') scroll no-repeat center center;
	top:0px; }
#main ul div.Printing { 
	background: transparent url('../img/CommonImage/PrintingImage.jpg') scroll no-repeat center center;
	top:-86px; }
#main ul div.XML { 
	background: transparent url('../img/CommonImage/XMLImage.jpg') scroll no-repeat center center;
	top:-171px; }
	
#main ul div div {
	position:absolute;
	bottom:0px;
	color:#fff;
	text-align:left;
	margin:0px 0 10px 10px;
	width:630px;
	height:105px; 
	font-size:90%; }
						
		#main ul  div div a { color:#fff; }
			#main ul div div  a:hover { text-decoration:none;  background:none; }
	
#main ul div div  h2 { 
	font-size:200%; 
	margin:10px 0; 
	line-height:1em; }

 
#LeftSide {
	float: left;
	width: 590px; }
 
#RightSide {
	float: right;
	width: 240px; }

div.PaneLeft, div.PanelRight { 
	height: 300px;
	float: left; }
 
div.PaneLeft {
	background: transparent url('../img/CommonImage/SubPanel_Left.png') no-repeat ;
	padding: 5px 0 5px 18px; }

#RightSide img { margin-bottom:5px; }
 
div.PanelRight { 
	background: transparent url('../img/CommonImage/SubPanel_Right.png') no-repeat scroll bottom right;
	width:18px; }
 
div.PaneLeft ul {
	height: 300px;
	list-style-type: none;
	overflow: auto;
	overflow-x: hidden; }
 
	div.PaneLeft ul li:first-child a { font-weight:bold; color:#000; }
	div.PaneLeft ul li { 
		border-bottom: 1px dashed #666; 
		margin:0 0 0 3em; }
		
		div.PaneLeft ul li a {
			color: #666;
			display: block;
			height: auto;
			padding:5px 1.5em;
			text-indent:-1em;
			text-decoration: none;
			width: auto; }
 
			div.PaneLeft ul li a:hover { 
				background-color: #ddd;
				color:#000; }
 
			div.PaneLeft ul li a:active, div.PaneLeft ul li a:focus { background-color: #666; color:#fff; }
 
.MenuList_width { width: 122px; }
 
.LeftSide_width { width: 554px; }
 
.RightSide_width {	 width: 202px; }

embed { width:650px; height:255px; }