/******************************
	Design By 930 DS Tony Lin
	CSS Document 2007.02-2010.01
******************************/

* {
	margin: 0;
	padding: 0;
}

body {
	font: small Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #999;
	text-align: center;
	background: #1a1a1a url(../images/header.jpg) repeat-x;
	line-height: 19px;
}

small {
	font: 10px verdana,arial,sans-serif;
	color: #444;
}

.ttl {
	margin: 0;
	margin-bottom: 10px;
}

.ft {
	margin: 0;
	margin-top: 10px;
	text-align: center;
}

#container {
	position: relative;
	width: 790px;
	top: 108px;
	margin: 0 auto;
	text-align: left;
	border: 2px solid #000;
	border-top: none;
	padding: 47px 32px 10px 32px;
	z-index: 0;
	background: #2a2a2a;
}

#title {
	background: url(../images/ttlogo.gif) no-repeat;
	position: absolute;
	height: 20px;
	width: 314px;
	top: -90px;
	left: 90px;
	text-indent: -9999px;
}

#logo {
	background: url(../images/logo.jpg) no-repeat;
	position: absolute;
	height: 126px;
	width: 130px;
	left: 135px;
	top: -53px;
	text-indent: -9999px;
}

#topmenu {
	color: #810;
	position: absolute;
	left: 500px;
	top: -87px;
	width: 300px;
}
#topmenu a {
	color:#b50;
	text-decoration:none;
}

#topmenu a:hover, #topmenu a:active, #topmenu .opened {
	color: #f91;
}

#toptext {
	position: absolute;
	width: 500px;
	height: 40px;
	left: 350px;
	top: -45px;
	font-size: 12px;
	font-weight: normal;
	color: #930;
	text-decoration: none;
}

#toptext a {
	color: #930;
	text-decoration: none;
}

#toptext a:hover {
	color: #f90;
}

#nav {
	float: right;
	position: relative;
	top: -49px;
	margin: 0;
	padding: 0;
	text-align: right;
	list-style: none;
}

#nav li {
	margin: 0;
	padding: 0;
	float: left;
	list-style-type: none;
	display: inline;
}

#nav a {
	display: block;
	font-size: 13px;
	margin: 0;
	padding: 11px 8px 9px 9px;
	color: #fff;
	text-decoration: none;
}

#nav a:hover,
body#p-intro #t-intro a,
body#p-about #t-about a,
body#p-recruit #t-recruit a,
body#p-courses #t-courses a,
body#p-training #t-training a,
body#p-showcase #t-showcase a,
body#p-showroom #t-showroom a,
body#p-certinfo #t-certinfo a,
body#p-qa #t-qa a,
body#p-guide #t-guide a
{
	background: url(../images/nav_over.gif) no-repeat;
}

h1 {
	margin: 0;
	padding: 0 10px 5px 26px;
	border-bottom: 1px dotted #999;
	font-family: 宋体,Verdana,Arial,sans-serif;
	font-weight: normal;
	font-size: 14px;
	color: #fff;
	background: url(../images/thisbg.gif) no-repeat;
}

h1 b, h1 a {
	color: #6a3;
	text-decoration: none;
}

h2 {
	margin: 0;
	padding: 0 10px 6px 26px;
	font-family: 宋体,Verdana,Arial,sans-serif;
	font-weight: normal;
	font-size: 14px;
	color: #fff;
	background: url(../images/thisbg.gif) no-repeat;
}

h2 b, h2 i, h2 a {
	font-weight: normal;
	font-style: normal;
	color: #f93;
	text-decoration: none;
}

#openmsg {
	background: #222;
	border: 2px solid #c99;
	padding: 10px;
	margin: 0 0 20px 0;
	list-style: none;
}

#openmsg li {
	color: #e93;
	padding: 2px;
	font-size: 12px;
}

#openmsg b {
	color: #f30;
	font-weight: normal;
	font-size: 14px;
}

#openmsg i {
	color: #0c8;
	font-weight: normal;
	font-style: normal;
	font-size: 16px;
}

#openmsg a {
	color: #0c8;
	font-size: 12px;
	text-decoration: none;
}

#column {
	float: left;
	width: 740px;
}

#sign_column {
	float: left;
	width: 100%;
}

.sign_text {
	color: #989;
	margin: 4px 0 10px 30px;
}

.sign_text big {
	font-size: 16px;
	font-weight: bold;
	color: #f90;
	margin: 0 4px;
}

.sign_text b {
	font-size: 14px;
	font-weight: bold;
	color: #89c;
	margin: 0 4px;
}

.dropcap {
	float: left;
	color: #ddc;
	font-size: 40px;
	padding: 6px 3px 0 0;
	line-height: 30px;
}

.dropcap1 {
	float: left;
	color: #333;
	font-size: 34px;
	padding: 10px 3px 3px 0;
	margin: 0px;
}

.dropcap2 {
	float: left;
	color: #000;
	font-weight: bold;
	font-size: 36px;
	padding: 10px 5px 5px 0;
	margin: 0px;
}

#links {
	margin-top: 20px;
	text-align: center;
}

#links img {
	margin-bottom: 10px;
	border: 0;
}

#pagend {
	clear: both;
	text-align: center;
	font: 11px Verdana,Arial,sans-serif;
	color: #777;
	padding: 5px;}

#footer {
	clear: both;
	text-align: center;
	color: #777;
	height: 35px;
	font-size: 12px;
	line-height: 16px;
	border-top: 1px solid #444;
	padding: 10px;
}

#footer a {
	color: #777;
	text-decoration: none;
}

/*******************[ Home ]******************/
#contents {
	float: left;
	width: 450px;
}

#contents p {
	padding: 15px 0;
}

#contents image {
	float: left;
	padding: 20px 15px 10px 0px;
	border: 0;
}

.insimg {
	float: left;
	padding: 20px 15px 10px 0px;
	border: 0;
}

.imgdemo {
	border: 0;
	float: right;
	margin: 0;
	padding: 0;
}

#show {
	height: 200px;
	margin: 0;
	padding: 10px 0 20px 0;
	background: #2a2a2a;
}

#show p {
	padding: 12px 0 0 16px;
	margin: 0;
	background: #2a2a2a;
}

#show img {
	border: 1px solid #fff;
	margin: 2px 4px 2px 2px;
	padding: 0;
}

#channel {
	color: #696;
	font-size: 12px;
	text-align: left;
}

#channel p {
	padding: 5px 30px 25px 1px;
}

#channel span {
	display: block;
	width: 100%;
	height: 20px;
	margin: 1px 0 1px 0;
	padding-left: 25px;
	border-left: 2px solid #444;
	border-right: 2px solid #444;
	background: #333;
}

#channel a {
	color: #696;
	font-size: 12px;
	background-color: #333;
	text-decoration: none;
}

#channel a:hover, #channel a:active {
	color: #0cf;
}

#sidebar {
	float: right;
	width: 240px;
	margin-right: 10px;
}

h2#icons {
	position: relative;
	margin-top: 15px;
	background: url(../images/icon/items.jpg) no-repeat;
	width: 240px;
	height:70px;
	text-indent: -99999px;
}

#sidebar img {
	margin-top: 5px;
}

#special {
	list-style: none;
	padding: 8px 2px 15px 2px;
}

#special li {
	padding: 5px 20px 8px 40px;
	background: #333 url(../images/str.gif) 12px 50% no-repeat;
	border-bottom: 2px solid #111;
}

#special li a {
	color: #fe9;
	text-decoration: none;
}

#special li a:hover, #special li a:active {
	color: #3c6;
	text-decoration: none;
	border-bottom: 1px #2b7 dotted;
}

#courses {
	margin: 0;
	padding: 10px 0 30px 20px;
}

#courses li {
	padding-left: 16px;
	list-style-type: none;
	background: url(../images/marker.gif) 0 6px no-repeat;
}

#courses li a {
	color: #999;
	text-decoration: none;
}

#courses li a:hover {
	color: #f90;
	/*border-bottom: 1px #f93 dotted;*/
	text-decoration: underline;
}

#courses i {
	color: #930;
	font-style: normal;
}

#hotmsg {
	margin: 0;
	padding: 10px 20px;
}

#hotmsg li {
	list-style-type: none;
}

#hotmsg strong {
	color: #e90;
}

#hotmsg b {
	color: #8c5;
}

#hotmsg i {
	display: block;
	font-style: normal;
}

/**********[ About Us ]******[ Recruit ]************/
#main {
	float: left;
	width: 450px;
}

#main p {
	padding: 15px 0 2px 0;
}

#main strong {
	font-size: 14px;
	color: #f90;
}
#main img {
	float: left;
	padding: 20px 10px 4px 0px;
	border: 0;
}

#lister {
	margin: 0 0 10px 0;
	padding: 10px 8px 10px 14px;
	border: 1px solid #444;
	background: #222 url(../images/bg.gif) repeat;
}

#lister a {
	text-decoration: none;
	color: #c30;
}

#lister li {
	list-style-type: none;
	background: url(../images/str.gif) 0 3px no-repeat;
	padding-left: 20px;
	color: #bba;
}

#lister b {
	color: #c30;
}

#addrinfo {
	margin: 0 0 10px 0;
	padding: 10px 8px 10px 14px;
	border: 1px solid #444;
	background: #222 url(../images/bg.gif) repeat;
}

#addrinfo a {
	text-decoration: none;
	color: #c30;
}

#addrinfo li {
	list-style-type: none;
	color: #aaa;
}

#addrinfo b {
	color: #c30;
}

.tblnone {
	border-collapse: collapse;
	margin: 0 0 20px 0;
	padding: 0;
	width: 100%;
	border: 0;
	font-size: 12px;
}

.tblnone th {
	padding: 2px 6px;
	font-size: 12px;
	color: #ddc;
	border-bottom: 1px solid #444;
	background: #333;
}

.tblnone td {
	padding: 2px 4px 1px 8px;
}

.tblnone .name {
	background: url(../images/marker.gif) 8px 50% no-repeat;
	padding-left: 22px;
}

#subjoin {
	float: right;
	width: 260px;
	margin-right: 10px;
}

#subjoin a { color: #ccc; text-decoration: none; font-weight: normal; }
#subjoin a:hover, #subjoin a:active { color: #0f9; }

#download {
	color: #930;
	text-align: center;
	padding: 2px;
	margin: 0 0 20px 0;
}

#download a {
	text-decoration: none;
	color: #c60;
	padding: 4px 12px;
	border: 1px solid #333;
}

#contact {
	margin: 0;
	padding: 6px 8px 8px 6px;
	color: #999;
}

#contact b {
	color: #f90;
	font-weight: normal;
}

#contact li {
	list-style-type: none;
}

#contact li a, #contact li a:visited {
	color: #eee;
	text-decoration: none;
}

#contact li a:hover, #contact li a:active {
	color: #f90;
}

#contact .str {
	padding: 4px;
	display: block;
	color: #e30;
	font-size: 16px;
	font-weight: bold;
}

#contact dt {
	margin: 4px 0 0 0;
	padding-left: 4px;
}

#contact dd {
	margin: 2px 0 0 0;
	color: #960;
	margin: 0;
	padding-left: 8px;
}

#contact dd b {
	color: #f90;
}

#emenu {
	clear: both;
	margin: 0;
	padding: 30px 0 20px 0;
	text-align: center;
}

#emenu a {
	color: #999;
	text-decoration: none;
	border: 1px solid #333;
	margin: 0;
	padding: 4px;
}

#emenu a:hover, #emenu1 a:active {
	color: #000;
	background: #131;
	background: #793 url(../images/smenu_over.gif) repeat-x;
	background: #8a3 url(../images/tbg-head.gif) repeat-x;
}

.skills {
	color: #ab8;
	font-size: 10px;
}

.pright {
	text-align: right;
}


/**********[ Showcase & Showroom ]***********/
#showleft {
	float: left;
	width: 580px;
	/*background: #222;*/
}

#showmenu {
	float: right;
	text-align: right;
	list-style: none;
}

#showmenu li {
	margin: 0;
	padding: 0;
	float: left;
	list-style-type: none;
}

#showmenu a {
	display: block;
	font-size: 12px;
	margin: 0;
	padding: 3px 8px 2px 8px;
	text-decoration: none;
	color: #000;
	background: #2a2a2a url(../images/smenu.gif) repeat-x;
}

#showmenu a:hover,
body#p-showcase #t-mj a,
body#p-showroom #t-hz a {
	color: #fff;
	background: #2a2a2a url(../images/smenu_over.gif) repeat-x;
}

#showleft h3 {
	margin: 24px 0 3px 0;
	padding-left: 24px;
	font-size: 14px;
	color:#e60;
}

#showleft ul {
	padding-left: 24px;
	margin-bottom: 3px;
	list-style: none;
}

#showleft li {
	margin-right: 3px;
	list-style-type: none;
	display: inline;
}

#showleft img {
	border: 1px solid #fff;
}

/**********[ Training | Courses ]************/
#whole {
	float: left;
	width: 100%;
	padding: 10px;
	background: #ccc;
	border: 1px solid #cccccc;
}

#sideleft {
	float: left;
	width: 580px;
	/*background: #222;*/
}

#sideleft p {
	padding: 15px 0 2px 0;
}

#sideleft img {
	float: left;
	padding: 20px 10px 4px 0px;
	border: 0;
}

.shadowbox {
	margin: 6px 0 15px 6px;
	width: 100%;
	background: #111;
}

.qabox {
	width: 730px;
	margin: 0 10px 30px 10px;
	padding: 8px 12px 12px 12px;
	color: #000;
	line-height: 19px;
	border: 4px solid #682;
	background: #eee url(../images/bgw.gif) repeat;
}

.qabox img {
	border: 0;
	float: left;
	padding: 4px 12px 2px 0px;
}

.qabox b {
	color: #c30;
}

.qabox h3 {
	margin: 4px 0 4px 0;
	padding: 4px 4px 4px 10px;
	font-size: 14px;
	color:#833;
	background: #ccc url(../images/bgg.gif) repeat;
	border: 1px solid #333;
}

.qabox a {
	padding: 1px 2px;
	color: #a24;
	text-decoration: none;
}

.qabox a:hover {
	color: #fff;
	background: #a24;
}

.qabox dl {
	margin: 0;
	padding: 8px;
}

.qabox1 dt {
	color: #501;
}

.qabox1 dd {
	color: #131;
	margin-bottom: 4px;
}

.qabox dt {
	color: #501;
	font: 12px 宋体,Verdana,Arial,sans-serif;
	padding-left: 24px;
	margin-bottom: 2px;
	background: url(../images/q.gif) no-repeat;
	border-bottom: 1px solid #c99;
	line-height: 20px;
}

.qabox dd {
	color: #131;
	font: 12px 宋体,Verdana,Arial,sans-serif;
	padding-left: 24px;
	margin-bottom: 4px;
	background: url(../images/a.gif) no-repeat;
	line-height: 20px;
}

.tblist {
	position: relative;
	top: -4px;
	left: -4px;
	width: 100%;
	border: 1px solid #000;
	font: 12px verdana,arial,sans-serif;
	background: #fff;
}

.tblist caption {
	margin: 0;
	padding: 6px 0 6px 10px;
	color: #eee;
	text-align: left;
	border: 1px solid #222;
	border-bottom: none;
	background: #444 url(../images/tbg-title.gif) repeat;
}

.tblist caption a {
	color: #cf0;
	text-decoration: none;
}

.tblist caption a:hover {
	color: #fc0;
	text-decoration: none;
}

.tblist tr {
	background: #fdfbf0 url(../images/tbg-light.gif) repeat;
}

.tblist tr.alt {
	background: #f6f4e1 url(../images/tbg-dark.gif) repeat;
}

.tblist th, .tblist td {
	margin: 0;
	padding: 4px 4px 3px 4px;
	text-align: left;
	border-bottom: 1px solid #444;
	border-right: 1px solid #444;
}

.tblist th {
	background: #8a3 url(../images/tbg-head.gif) repeat;
	color: #222;
}

.tblist td {
	color: #000;
}

.tblist td i {
	font-style: normal;
	color: #666;
}

.tblist td em {
	display: block;
	padding: 6px 0 0 2px;
	color: #157;
	font: 12px 宋体,verdana,arial,sans-serif;
}

.tblist td b {
	color: #810;
	font-weight: bold;
}

.tblist td strong {
	color: #810;
	font-weight: bold;
}

.tblist td a {
	display: block;
	font-weight: bold;
	text-decoration: none;
	color: #810;
	font: bold 12px 宋体,verdana,arial,sans-serif;
}

.tblist td.descript {
	padding: 10px;
	background: #444 url(../images/bg_dark.gif) repeat;
	color: #bbb;
}

.tblist .rex {
	text-align: right;
	padding-right: 6px;
}

.tblist .name {
	width: 96px;
}

.tblist .cert {
	text-align: center;
	width: 80px;
}

#sideright {
	float: right;
	width: 180px;
	/*background: #222;*/
}

#opens {
	font: 12px verdana,arial,sans-serif;
	margin: 10px 0 30px 26px;
	padding: 18px 0 18px 26px;
	background: #222 url(../images/bg.gif) repeat;
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	border-right: 1px solid #555;
	border-bottom: 1px solid #666;
	line-height: 20px;
}

.otlist {
	border-collapse: collapse;
	width: 96%;
	border: 1px solid #000;
	font: 12px verdana,arial,sans-serif;
	background: #fff url(../images/bgg.gif) repeat;
}

.otlist caption {
	margin: 0;
	padding: 6px;
	color: #eee;
	text-align: center;
	border: 1px solid #222;
	border-left: none;
	border-bottom: none;
	background: #444 url(../images/tbg-title.gif) repeat;
}

.otlist th,
.otlist td {
	border: 1px solid #333;
	padding: 6px;
	font-size: 12px;
}

.otlist th {
	text-align: center;
	color: #053;
	width: 14%;
	background: #8a3 url(../images/tbg-head.gif) repeat;
}

.otlist td {
	white-space: nowrap;
	color: #555;
}

.otlist .wed {
	color: #930;
}

.otlist .yes {
	color: #930;
	background: #fff url(../images/bgw.gif) repeat;
}

.otlist .no {
	color: #999;
	background: #fff url(../images/bg_dark.gif) repeat;
}

#signup_box {
	margin: 10px 0 30px 36px;
	padding: 0;
	border: 0;
}

ul#sitemap {
	font: 12px verdana,arial,sans-serif;
	margin: 10px 0 30px 26px;
	padding: 18px 0 18px 26px;
	background: #222 url(../images/bg.gif) repeat;
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	border-right: 1px solid #555;
	border-bottom: 1px solid #666;
	line-height: 20px;
}

ul#sitemap i {
	color: #666;
	font-style: normal;
}

ul#sitemap b {
	font-weight: normal;
	color:#465;
}

ul#sitemap li {
	list-style-type: none;
}

ul#sitemap li a {
	color: #ddd;
	text-decoration: none;
}

ul#sitemap li a:hover,
ul#sitemap li a:active {
	color: #6b4;
	text-decoration: none;
	border-bottom: 1px #490 dotted;
}

ul#sitemap span {
	display: none;
}

#mapbox {
	width: 720px;
	margin: 0 10px 30px 10px;
	border: 4px solid #930;
	padding: 14px;
	background: #eee url(../images/bgw.gif) repeat;
	color: #710;
	font: 12px verdana,arial,sans-serif;
	line-height: 18px;
}

#mapbox img {
	float: left;
	margin: 0 16px 10px 0;
	border: 0;
}

#mapbox b {
	color: #c30;
}

#mapbox h3 {
	color: #810;
	padding: 2px;
	font-size: 14px;
}

#mapbox p {
	border-top: #930 1px solid;
	border: 0;
}

#mapbox #action {
	clear: both;
	margin: 10px 0 0 0;
	padding: 0;
}

#mapbox #action h2 {
	margin: 0;
	padding: 5px 0;
	font-family: 宋体,Verdana,Arial,sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #930;
	background: none;
}

.acttable {
	border-collapse: collapse;
	margin: 0 0 20px 0;
	padding: 0;
	width: 100%;
	border: 1px solid #930;
	font-size: 12px;
}

.acttable th {
	padding: 2px 6px;
	font-size: 12px;
	color: #711;
	background: #fa6;
}

.acttable td {
	border: 1px solid #930;
	padding: 4px;
}

#mapbox span {
	color: #731;
	border: 0;
}

#mapbox a {
	color: #810;
	text-decoration: none;
}

#mapbox hr {
	margin: 6px 0;
	border: 1px solid #810;
}

dl.query {
	font: 12px verdana,arial,sans-serif;
	margin: 10px 0 20px 26px;
	padding: 16px;
	background: #222 url(../images/bg.gif) repeat;
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	border-right: 1px solid #555;
	border-bottom: 1px solid #666;
	line-height: 20px;
}

dl.query i {
	color: #888;
	font-style: normal;
}

dl.query b {
	font-weight: normal;
	color:#686;
}

dl.query dt {
	color: #d83;
	padding-left: 20px;
	background: url(../images/str.gif) 0 50% no-repeat;
}

dl.query dd.hide {
	display: none;
}

dl.query dd {
	padding-left: 20px;
	color: #ddd;
	text-decoration: none;
}

dl.query dd#simx {
	display: none;
	margin: 10px 0 0 20px;
	padding: 0;
}

dl.query span {
	display: none;
}

.idin {
	font-family: verdana,arial;
	width: 160px;
}

.bttnok {
	border: 0;
	font-size: 12px;
	font-weight: bold;
	background: #8c8 url(../images/smenu.gif) repeat;
	color: #131;
	padding: 4px 2px 2px 2px;
}

.frmstyle {
	width: 600px;
	height: 200px;
	border-top: 2px solid #000;
	border-left: 2px solid #000;
	border-right: 2px solid #555;
	border-bottom: 2px solid #666;
}

.other {
	color: #888;
	font: 12px verdana,arial,sans-serif;
	margin: 10px 0 30px 26px;
	padding: 4px;
	line-height: 18px;
}

.other p {
	padding-left: 16px;
	margin-bottom: 4px;
	background: url(../images/marker.gif) 0 50% no-repeat;
}

.other a {
	color: #999;
	text-decoration: none;
}

.other a:hover {
	color: #f91;
	border-bottom: 1px #f91 dotted;
}

.other span {
	display: none;
	position: relative;
	text-indent: -99999px;
}

#kws { display: none; }
#kw { display: none; }

.color000 { color:#000; }
.color000b { color:#000; font-weight:bold; }
.color00c { color:#00f; }
.color00cb { color:#00c; font-weight:bold; }
.color00c { color:#00c; }
.color00cb { color:#00c; font-weight:bold; }
.color060 { color:#060; }
.color060b { color:#060; font-weight:bold; }
.color0c0 { color:#0c0; }
.color0c0b { color:#0c0; font-weight:bold; }
.color900 { color:#900; }
.color900b { color:#900; font-weight:bold; }
.color900l { color:#900; font-size:18px; }
.color900lb { color:#900; font-size:18px; font-weight:bold; }

/********* for IE 5/6 Hack ********/
* html #container {
	width: 860px;
	w\idth: 790px;
}

* html #sidebar,
* html #subjoin,
* html #sideright,
* html #nav {
	display: inline;
}

* html .insimg {
	margin: 20px 15px 10px 0px;
	padding: 0;
	border: 0;
}

* html #show p {
	margin: 12px 0 0 16px;
	padding: 0;
	background: #2a2a2a;
}

* html #column {
	width: 780px;
	w\idth: 740px;
}

/********* End of Hack ********/