@charset "utf-8";
body {background:#000000;color:#666666;text-align:center;padding:0px;margin:0px;font-family: Arial, "新細明體";}
a {color:#666666;}
a:hover {cursor:hand;}
ul,form {margin:0px;padding:0px;}
ul {list-style-type:none;}
#wrapper {text-align:left;}

#intro{ width:640px; height:425px; position:absolute; left:50%; top:50%; margin-left:-320px; margin-top:-210px;}
/*support_menu*/
#support_menu {width:960px;font-size:9px;height:22px;padding:15px 0px 0px 0px; float:right; display:inline; position:absolute; z-index:55;}
#support_menu ul{float:right; display:inline;}
#support_menu li{float:left; display:inline;margin-top:6px;}
#support_menu a {padding:0px 8px 0 5px;text-decoration:none;color:#888;}
#support_menu a:hover{color:#dadf00;}
#support_menu .customer {background:url('../images/css/dotted.gif') right repeat-y;}
#support_menu .contact {background:url('../images/css/dotted.gif') right repeat-y;}
#support_menu .rss {display:block;width:52px;background:url('../images/rssIcon.gif') no-repeat right; margin-right:6px;}

/*subLang*/
#support_menu li#langList{ margin-top:0px;}
#support_menu ul ul.subMenu{width:120px;display:none; position:absolute; background:url(../images/subMenu_head.gif) no-repeat;font-size:11px;color:#CCC;}
#support_menu ul ul.subMenu li{width:120px; background:#000; margin:0; padding:0; padding:5px 0 5px 0; border-bottom:1px dotted #333; text-align:center;}
#support_menu ul ul.subMenu li a{width:120px;text-align:center;}
#support_menu ul ul.subMenu li a:hover{width:120px;text-align:center;color:#FFFF00;}
#support_menu ul ul#langOption{float:left;position:absolute; left:50%; margin-left:360px; top:40px; z-index:60px;}


#menu {float:left; display:inline;width:960px;height:69px;background:url('../images/css/menu.jpg') top center no-repeat;margin:40px auto 0 auto;position:absolute; z-index:54;}
#menu .logo {float:left;margin:12px 0px 0px 20px;width:172px;height:43px;background:url('../images/css/krator_logo.png') left no-repeat;}
#menu ul {float:right;padding:28px 0px 0px 0px;}
#menu li {float:left;padding:0px 20px;font-size:9pt;}

/*#menu li span {display:block;filter:Alpha(Opacity=0);Opacity:0;float:left;}*/
#menu li a {text-decoration:none;float:left;display:inline-block;color:#999; width:auto; height:18px;}
#menu li a:hover {text-decoration:none;display:block;float:left;color:#CC0;}

/*subMenu*/

#menu ul ul.subMenu{width:160px; height:auto;float:left;display:none; clear:both; position:absolute;top:45px; background:url(../images/subMenu_head.gif) no-repeat; }
#menu ul ul.subMenu li{width:160px; background:#000; margin:0; padding:0; padding:10px 0 10px 0; border-bottom:1px dotted #333; text-align:center;}
#menu ul ul.subMenu li a{width:160px;text-align:center;}
#menu ul ul.subMenu li ul li a {width:160px;text-align:center; font-size:11px; color:#333;}
#menu ul ul.subMenu li ul li a:hover { color:#dadf00;}
#menu ul ul.subMenu li.firstSubMenu{padding-top:0;}
#menu ul ul.subMenu li.lastSubMenu{width:160px;background:none;background: url(../images/subMenu_bottom.gif) no-repeat bottom;border-bottom:none;}
#menu ul ul.subMenu li ul.subsubMenu{margin:0; padding:0; margin-top:5px;}
#menu ul ul.subMenu ul.subsubMenu li{ width:160px;background:#000; padding:3px 0 ;border-bottom:none;}

#menu ul ul.pMenu{display:none; position:absolute; background:url(../images/subMenu_head.gif) no-repeat;top:40px;left:50%; background:#000;}
#menu ul ul.pMenu li.firstSubMenu{float:left; display:inline; width:150px; height:auto;}




/*btn*/
.btnbox{width:142px; height:40px;}
.btnbox a{width:142px; height:40px; background:url(../images/btn_bg.gif) no-repeat top left; display:block; text-align:center; line-height:40px; text-decoration:none; font-weight:bold;}
.btnbox a.search{background:url(../images/btn_search.gif) no-repeat top left; padding-left:10px;}
.btnbox a:hover{ background-position:bottom left;}
a.iconSearch{width:45px; height:40px; float:right;display:inline-block; text-indent:-5000px; background:url(../images/css/btnGlass.jpg) no-repeat;}




/*sideMenu*/
#side {float:left; display:inline;width:230px; background:url(../images/css/side_bg.jpg) repeat-y;}
#side_box {float:left; display:inline;background:url('../images/css/side_top.jpg') left top no-repeat;}
#side_conts {float:left; display:inline;min-height:320px; height:auto !important; height:320px;background:url('../images/css/side_bottom.jpg') left bottom no-repeat;}
#side .subtitle {float:left; display:inline;width:220px;text-align:left;padding:10px 0px 6px 10px;border-bottom:1px solid #3e4445;color:#c4c905;font-size:22px;}

#side .side_list {float:left; display:inline;padding:15px 10px;}
#side .side_list li {width:190px; height:auto;float:left; display:inline;font-size:12px;line-height:18px; margin-bottom:10px;}
#side .side_list a {float:left; display:block;padding-left:20px;background:url('../images/css/side_list.gif') left 4px no-repeat;text-decoration:none;}
#side .side_list a.dataSheet {background:url('../images/css/side_list_data.gif') left 4px no-repeat;}
#side .side_list a:hover {background:url('../images/css/side_list_over.gif') left 5px no-repeat;color:#ffffff;}

#side .side_list span{float:left; display:block;padding-left:20px;background:url('../images/css/side_list2.gif') left 4px no-repeat;text-decoration:none;}
#side .side_list li ul{float:left; display:inline; margin-left:15px; margin-top:8px;}
#side .side_list li ul li{width:190px; height:auto;float:left; display:inline;font-size:12px;line-height:18px; margin-bottom:5px;}
#side .side_list li ul li a{float:left; display:block;padding-left:20px;background:url('../images/css/side_list.gif') left 4px no-repeat;text-decoration:none; color:#444;}
#side .side_list li ul li a:hover {background:url('../images/css/side_list_over.gif') left 5px no-repeat;color:#ffffff;}

#side .side_list a.onSelect{background:url('../images/css/side_list_over.gif') left 5px no-repeat;color:#dadf00;}
#side .side_list a.onSelect:hover{color:#dadf00; cursor:default;}


#side .side_list li ul{display:none;}
#side .side_list li.defaultShow ul{display:block;}


/*footer*/
#footer{width:960px;height:90px;clear:both;background:url('../images/css/footer.jpg') right top no-repeat;}
#footer span {filter:Alpha(Opacity=0);Opacity:0;float:left;display:block;}





/*Path*/
.path {border-bottom:1px solid #3e4445;font-size:13px;}
.path span {color:#ffffff;}
.path span strong {display:inline-block;height:28px;padding:14px 30px 0px 20px;font-weight:normal;}
.path span a{background:url('../images/css/path_arrow.gif') right top no-repeat;display:inline-block;text-decoration:none;color:#CCC;}
.path span a:hover{color:#dadf00; }
.path span a.nopage{color:#666;}
.path span a.nopage:hover{color:#666;cursor:default;}
.path span.first a strong {font-weight:bold;color:#cccc00;}




/*list format*/
.listInfo li{ background:url(../images/css/service_list.gif) no-repeat 0px 5px;padding-left:20px; margin-bottom:5px;}
.infoTitle{color:#CCC; font-weight:bold;}


.f20{font-size:19px;}