.white-11 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #FFFFFF;
	word-spacing: 1px;
}
a.white-11:hover {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #6399E2;
	text-decoration: none;
	word-spacing: 1px;
}
.wathetblu-11 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #6399E2;
	word-spacing: 1px;
	text-decoration: none;
	line-height: 17px;
}
a.wathetblu-11:hover {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #A2C2EE;
	text-decoration: none;
	background-color: #EBEBEB;
	line-height: 17px;
	word-spacing: 1px;
}
.black-11 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	word-spacing: 1px;
	line-height: 18px;
	text-decoration: none;
}
a.black-11:hover {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #6699FF;
	word-spacing: 1px;
	text-decoration: none;
}
.black-11-a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	word-spacing: 1px;
	line-height: 18px;
	text-decoration: none;
}
a.black-11-a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #6699FF;
	word-spacing: 1px;
	text-decoration: none;
}
.black-11-i {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	word-spacing: 1px;
	line-height: 18px;
	text-decoration: none;
	font-style: italic;
}
a.black-11-i:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #6699FF;
	word-spacing: 1px;
	text-decoration: none;
	font-style: italic;
}
.blue-11 {
	word-spacing: 1px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #0d2678;
	text-decoration: none;
}
.darkgreen-11b{
    color: #594D15;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:11px;
	text-decoration: none;
}
a.blue-11:hover {
	word-spacing: 1px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF6600;
	text-decoration: none;
}
.Grey-10 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	word-spacing: 1px;
}
.blue-11b {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #053778;
	font-weight: bold;
	text-decoration: none;
	word-spacing: 1px;
}
a.blue-11b:hover {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF6600;
	font-weight: bold;
	background-color: #EBEBEB;
	text-decoration: none;
	word-spacing: 1px;
}
.blue-11b-a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #053778;
	font-weight: bold;
	text-decoration: none;
	word-spacing: 1px;
}
a.blue-11b-a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF6600;
	font-weight: bold;
	background-color: #EBEBEB;
	text-decoration: none;
	word-spacing: 1px;
}
.blue-12b-a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #053778;
	font-weight: bold;
	text-decoration: none;
	word-spacing: 1px;
}
a.blue-12b-a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #053778;
	font-weight: bold;
	word-spacing: 1px;
	text-decoration: underline;
}
.blue-10b {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #053778;
	font-weight: bold;
	text-decoration: none;
	word-spacing: 1px;
}
a.blue-10b:hover {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #053778;
	font-weight: bold;
	background-color: #EBEBEB;
	text-decoration: none;
	word-spacing: 1px;
}
.green-11 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #339900;
	text-decoration: none;
	word-spacing: 1px;
}
a.green-11:hover {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FF6600;
	text-decoration: none;
	background-color: #EBEBEB;
	word-spacing: 1px;
}
.green-11b {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #339900;
	text-decoration: none;
	word-spacing: 1px;
}
a.green-11b:hover {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FF6600;
	text-decoration: none;
	background-color: #EBEBEB;
	word-spacing: 1px;
}
.blue-10 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #053778;
	font-weight: normal;
	text-decoration: none;
	word-spacing: 1px;
}
a.blue-10:hover {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #FF6600;
	font-weight: normal;
	word-spacing: 1px;
}
.blue-18 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 18px;
	color: #053778;
	line-height: 30px;
}
.blue-20b {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 20px;
	color: #053778;
	font-weight: bold;
	line-height: 35px;
}
.Grey-11b {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 17px;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
}
a.Grey-11b:hover {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 17px;
	font-weight: bold;
	color: #FF6600;
	text-decoration: none;
	background-color: #EBEBEB;
}
.black-10b {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
	word-spacing: 1px;
}
a.black-10b:hover {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #6699FF;
	word-spacing: 1px;
	font-weight: bold;
	text-decoration: none;
}
.white-12 {

	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #FFFFFF;
	word-spacing: 1px;
}
a.white-12:hover {

	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF6600;
	text-decoration: none;
	word-spacing: 1px;
}
.white-12b {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #FFFFFF;
	word-spacing: 1px;
	font-weight: bold;
}
a.white-12b:hover {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF6600;
	text-decoration: none;
	word-spacing: 1px;
	font-weight: bold;
}
.blue-12 {

	word-spacing: 1px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #053778;
}
.blue-12b {
	word-spacing: 1px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #053778;
	font-weight: bold;
}
.blue-12-33 {
	word-spacing: 1px;
	font-family: Arial, Verdana, Helvetica, sans-serif;;
	font-size: 11px;
	color: #053778;
	text-decoration: none;
	font-weight: bold;
}
a.blue-12-33:hover {
	word-spacing: 1px;
	font-family: Arial, Verdana, Helvetica, sans-serif;;
	font-size: 11px;
	color: #053778;
	text-decoration: none;
	font-weight: bold;
}
.blue-13 {
	word-spacing: 1px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 13px;
	color: #053778;
}
.blue-13b {
	word-spacing: 1px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 13px;
	color: #053778;
	font-weight: bold;
}
.blue-18b {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 18px;
	color: #053778;
	line-height: 30px;
	font-weight: bold;
}
.Grey-11 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	word-spacing: 1px;
}
.Grey-11-33 {
	word-spacing: 1px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
}
a.Grey-11-33:hover {
	word-spacing: 1px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF6600;
	text-decoration: none;
}
.black-10 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	word-spacing: 1px;
	text-decoration: none;
	line-height: 17px;
}
a.black-10:hover {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #6699FF;
	word-spacing: 1px;
	text-decoration: none;
	line-height: 17px;
}
.Grey-10-99 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	word-spacing: 1px;
	line-height: 15px;
	font-weight: normal;
}
a.Grey-10-99:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #6699FF;
	word-spacing: 1px;
	line-height: 15px;
	text-decoration: none;
	font-weight: normal;
}
.Grey-10-66 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	word-spacing: 1px;
	line-height: 15px;
	font-weight: normal;
}
.black-11b {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	word-spacing: 1px;
	line-height: 18px;
	text-decoration: none;
	font-weight: bold;
}
a.black-11b:hover {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #6699FF;
	word-spacing: 1px;
	line-height: 18px;
	text-decoration: none;
	font-weight: bold;
}
.black-11b-a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	word-spacing: 1px;
	line-height: 18px;
	text-decoration: none;
	font-weight: bold;
}
a.black-11b-a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #6699FF;
	word-spacing: 1px;
	line-height: 18px;
	text-decoration: none;
	font-weight: bold;
}
.black-12 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	word-spacing: 1px;
	line-height: 18px;
	text-decoration: none;
}
a.black-12:hover {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #6699FF;
	word-spacing: 1px;
	line-height: 18px;
	text-decoration: none;
}
.black-12b {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	word-spacing: 1px;
	line-height: 18px;
	text-decoration: none;
	font-weight: bold;
}
a.black-12b:hover {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #6699FF;
	word-spacing: 1px;
	line-height: 18px;
	text-decoration: none;
	font-weight: bold;
}
.black-12b-a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	word-spacing: 1px;
	line-height: 18px;
	text-decoration: none;
	font-weight: bold;
}
a.black-12b-a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #6699FF;
	word-spacing: 1px;
	line-height: 18px;
	text-decoration: none;
	font-weight: bold;
}
.red-11-a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF0000;
	word-spacing: 1px;
	line-height: 18px;
	text-decoration: none;
}
a.red-11-a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF0000;
	word-spacing: 1px;
	text-decoration: none;
}
.red-12b {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #FF0000;
}
.border_none {
	border: 1px solid #CCCCCC;
}
.cyan-11 {
	color:#000066;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:11px;
	text-decoration: none;
}
a.cyan-11:hover {
color: #666666;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
text-decoration: none;
}
.cyan-11b {
	color:#000066;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	text-decoration: none;
}
a.cyan-11b:hover {
color: #666666;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
text-decoration: none;
font-weight: bold;
}
.purple-11-a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #660066;
	word-spacing: 1px;
	line-height: 18px;
	text-decoration: none;
}
.title-12b-cyan {
color:#000066;
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
}
a.title-12b-cyan:hover {
color: #666666;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-decoration: none;
font-weight: bold;
}
.title-12b-green {
color:#134426;
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
}
.title-13b-purple {
color:#660066;
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
}
.title-13b-black {
color:#000000;
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
}
.hide_text {
	color:#ffffff;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size: 0px;
	line-height: 0px;
}
.td_solutions_260 {
	background-image: url(http://www.qnap.com/images/products/outline_bg.jpg);
	background-repeat: no-repeat;
	background-position: top;
}
.td_solutions_570 {
	background-image: url(http://www.qnap.com/images/products/outline_bg_570.jpg);
	background-repeat: no-repeat;
	background-position: top;
}


.container, .container *{margin:0; padding:0;}

.container{width:770px; height:300px; overflow:hidden;position:relative;}

.slider{position:absolute;}
.slider li{ list-style:none;display:inline;}
.slider img{ width:770px; height:300px; display:block;}

.slider2{width:3200px;}
.slider2 li{float:left;}

.num{ position:absolute; left:18px; bottom:15px;}
.num li{
	float: left;
	color: #123869;
	text-align: center;
	line-height: 16px;
	width: 16px;
	height: 16px;
	font-family: Arial;
	font-size: 12px;
	cursor: pointer;
	overflow: hidden;
	margin: 3px 1px;
	border: 1px solid #123869;
	background-color: #fff;
}
.num li.on{
	color: #fff;
	line-height: 21px;
	width: 21px;
	height: 21px;
	font-size: 16px;
	margin: 0 1px;
	border: 0;
	background-color: #123869;
	font-weight: bold;
}
.bt_button1 {
	font-size: 11px;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	color: #FFFFFF;
	background-color: #A6A6A6;
	height: 20px;
	border: 1px solid #CCCCCC;
}
.td_menu_bar {
	background:url(http://www.qnap.com/images/qbar02.jpg);
}
.td_q_line01 {
	background:url(http://www.qnap.com/images/q_line01.gif);
}
p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}
h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #06c;
	clear: both;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#qcenter div, li{
margin, padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}

#qcenter ul {
margin: 0px;
}


#qcenter .hl{
	float: left;
	background-color: #66CCFF;
	margin: 1px;
	padding: 3px;
	width: 100px;
	font-weight: bold;
}
#qcenter .hc{
	float: left;
	background-color: #66CCFF;
	margin: 1px;
	padding: 3px;
	width: 150px;

	font-weight: bold;
}
#qcenter .hr {
	float: left;
	clear: right;
	background-color: #66CCFF;
	margin: 1px;
	padding: 3px;
	width: 300px;

	font-weight: bold;
}
#qcenter .cl{
	float: left;
	background-color: #eeeeee;
	margin: 1px;
	padding: 3px;
	width: 100px;
	height: 70px;
}
#qcenter .cc{
	float: left;
	background-color: #eeeeee;
	margin: 1px;
	padding: 3px;
	width: 150px;
	height: 70px;
}
#qcenter .cr {
	float: left;
	clear: right;
	background-color: #eeeeee;
	margin: 1px;
	padding: 3px;
	width: 300px;
	height: 70px;
}

/*qcenter 課程項目*/
#qcenter_c div, li{
margin, padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}

#qcenter_c ul {
margin: 0px;
}


#qcenter_c .hl{
	float: left;
	background-color: #66CCFF;
	margin: 1px;
	padding: 3px;
	width: 100px;
	font-weight: bold;
}
#qcenter_c .hc{
	float: left;
	background-color: #66CCFF;
	margin: 1px;
	padding: 3px;
	width: 150px;

	font-weight: bold;
}
#qcenter_c .hr {
	float: left;
	clear: right;
	background-color: #66CCFF;
	margin: 1px;
	padding: 3px;
	width: 300px;

	font-weight: bold;
}
#qcenter_c .cl{
	float: left;
	background-color: #eeeeee;
	margin: 1px;
	padding: 3px;
	width: 100px;

	height: 60px;
}
#qcenter_c .cc{
	float: left;
	background-color: #eeeeee;
	margin: 1px;
	padding: 3px;
	width: 150px;

	height: 60px;
}
#qcenter_c .cr {
	float: left;
	clear: right;
	background-color: #eeeeee;
	margin: 1px;
	padding: 3px;
	width: 300px;
	height: 60px;
}