html, body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, p, form, hr {
	margin: 0;
	padding: 0;
}

body {
	font-family:"Microsoft JhengHei", "新細明體", "Segoe UI", sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 15px;
	font-size-adjust: none;
	font-stretch: normal;
	background-color: #f5f5f5;
	color: #000000;
}

.tborder {border:1px solid;}

a {
	color: #7179B8;
}

a:link, a:visited, a:active {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a img { border:0px; }

.right { float:right; }
.left { float:left; }
.clear { clear:both; }

#topcontent { width:100%;margin: 0px auto;position: relative;z-index:10; }

#topcontent #logo {width: 1000px;margin: 0px auto;position: relative;}

#navdiv { width: 989px; height: 46px; margin: 0px auto; position: relative;margin-top:-8px;  }
#navdiv #nav { position: relative; margin: 0; padding: 0; zoom: 1; width: 100%; z-index:9;}
#navdiv #nav li { display: inline; float: left;}
#navdiv #nav li a { float: left; height: 0px; padding-top: 46px; overflow: hidden; background-image: url('images/menuBar.png');background-repeat: no-repeat; }

#navdiv #nav li#nav1 a { background-position: 0 0;width:143px; }
#navdiv #nav li#nav2 a { background-position: -143px 0; width:141px;}
#navdiv #nav li#nav3 a { background-position: -284px 0; width:140px; }
#navdiv #nav li#nav4 a { background-position: -424px 0;width:141px; }
#navdiv #nav li#nav5 a { background-position: -565px 0; width:140px;}
#navdiv #nav li#nav6 a { background-position: -705px 0;width:141px; }
#navdiv #nav li#nav7 a { background-position: -846px 0;width:143px; }

#navdiv #nav li#nav1 a:hover { background-position: 0 -46px; }
#navdiv #nav li#nav2 a:hover { background-position: -143px -46px; }
#navdiv #nav li#nav3 a:hover { background-position: -284px -46px; }
#navdiv #nav li#nav4 a:hover { background-position: -424px -46px; }
#navdiv #nav li#nav5 a:hover { background-position: -565px -46px; }
#navdiv #nav li#nav6 a:hover { background-position: -705px -46px; }
#navdiv #nav li#nav7 a:hover { background-position: -846px -46px; }

#navdiv #nav li#nav1 a.selected { background-position: 0 -92px; }
#navdiv #nav li#nav2 a.selected { background-position: -143px -92px; }
#navdiv #nav li#nav3 a.selected { background-position: -284px -92px; }
#navdiv #nav li#nav4 a.selected { background-position: -424px -92px; }
#navdiv #nav li#nav5 a.selected { background-position: -565px -92px; }
#navdiv #nav li#nav6 a.selected { background-position: -705px -92px; }
#navdiv #nav li#nav7 a.selected { background-position: -846px -92px; }

#navdiv div {
	z-index:8;
	position: absolute;
	left:-1000px;
	top:42px;
}
		
#navdiv div ul {
	margin: 0;
	padding: 0;
	position: relative;
	width:147px;
}

#navdiv div ul li {
	float:left;
	list-style: none;
	background: url('images/dmenu_middle.png') repeat-y;
	width:147px;
	height:20px;
	position: relative;
	margin: 0;
	padding: 0;
}

#navdiv div ul li.over { background-image: url('images/dmenu_middle_over.png'); }

#navdiv div ul li.top {
	background: url('images/dmenu_top.png') no-repeat center bottom;
	height: 5px;
}

#navdiv div ul li.bottom {
	background: url('images/dmenu_bottom.png') no-repeat center top;
	height: 6px;
}

#navdiv div#subnav5 ul { width:175px; }
#navdiv div#subnav5 ul li { background-image: url('images/dmenu_middle175.png');width:175px; }
#navdiv div#subnav5 ul li.over { background-image: url('images/dmenu_middle_over175.png'); }
#navdiv div#subnav5 ul li.top { background-image: url('images/dmenu_top175.png'); }
#navdiv div#subnav5 ul li.bottom { background-image: url('images/dmenu_bottom175.png'); }

#navdiv div ul li.clear {
	background:none;
	height: 0px;
	clear:both;
	float:none;
}

#navdiv div ul li.hr {
	height: 2px;
}

#navdiv div ul li.hr img {
	margin:0;
	padding:0;
}

#navdiv div ul li a {
	height:auto;
	float: none;
	display: block;
	padding: 2px 0;
	text-decoration: none;
	width:auto;
	color: #fff;
	text-align:center;
	background: none;
	font-size:13px;font-weight:bold;
}

/*#navdiv div#subnav5 ul li a { width:175px; }*/

#navdiv div ul li a:hover {
	text-decoration: none;
}


#maincontent { width: 970px; margin: 0px auto; position: relative; z-index:8;}

#footer { height:200px;text-align:center; width: 900px; margin: 0px auto; position: relative;background-image: url('images/bg_bottom.png');background-repeat: no-repeat;background-position:center bottom; 	font-size: 10px; line-height: 12px; font-family: "Gill Sans",Arial,Verdana, sans-serif; }
#footer .footertitle { padding-top:60px;padding-left:175px; }
#footer .index_footertitle { padding-top:60px;padding-left:0px; }

/* boxes */
div.box { position:relative; width:785px; overflow:hidden; background:#fff url('images/box_bg785.gif') repeat-y 0 0; zoom:1; margin-top: 8px;}
div.box .cap { width:785px; position:absolute; height:6px; margin:0px; font-size:1px;}
div.box .cap.top { top:0; background:url('images/box_bgtop785.png') no-repeat 0 0;}
div.box .cap.bottom { bottom:0; background:url('images/box_bgbottom785.png') no-repeat center bottom; }

div.title25 { white-space:nowrap;position:relative; height:25px; background:#fff url('images/title25_m.png') repeat-x 0 0; zoom:1;text-align:center;color:#ffffff;font-size:16px;line-height:24px; font-weight:bold;}
div.title25 .cap { width:5px; position:absolute; height:25px; margin:0px; font-size:1px;}
div.title25 .cap.left { top:0;left:0; background:url('images/title25_l.png') no-repeat 0 0;margin-left:-5px;}
div.title25 .cap.right { top:0;right:0; background:url('images/title25_r.png') no-repeat right 0;margin-right:-5px; }

div.sidebar div.box { font-size:11px; line-height: 14px; width:175px; background:#fff  url('images/box_bg175.gif') repeat-y 0 0;}
div.sidebar div.box .cap { width:175px; }
div.sidebar div.box .cap.top { background:url('images/box_bgtop175.png') no-repeat 0 0;}
div.sidebar div.box .cap.bottom { background:url('images/box_bgbottom175.png') no-repeat center bottom; }

div.box h2 { margin:0 -12px; padding:6px 12px 4px; color:#4d4d4d; font-weight:normal; font-size:14px; border-bottom:1px solid #d9d9d9; background:#dfdfdf url('images/box_header20080909.gif') repeat-x 0 0;  }


div.box img { display:block; }

.home div.box {margin-top:-10px;}

h3 {color:#3C3F55;font-size:14px; font-weight:bold;}
h1 {color:#4D4D4D;font-size:28px;line-height:30px; font-weight:bold;}

div.indexbox { font-size:11px; line-height: 14px; position:relative; width:970px;height:181px; overflow:hidden; background:#fff url('images/box_bg.png') no-repeat 0 0; zoom:1; }
div.indexbox .column{ text-align:center; }

div.box590 { background: url('images/box_bg590.gif') no-repeat 0 0; width:590px;height:134px; }

.h4 { font-size:15px;color:#33365D;font-weight:bold;}
.submenu {padding-bottom:2px;}
.submenu a { text-align:center;padding:6px; color:#4D4D4D; font-size:13px;font-weight:bold;display: block;width:auto;}
.submenu div.hr {  margin:0 2px; height:1px; background-color:#BCBCBC;width:auto;}

img.bullet { width:5px;float:left;margin:2px 5px 0 0px; }

.nlpcptbl1 td { padding-bottom:10px; vertical-align:top;}
.nlpcptbl1 td img.bullet { width:5px;float:left;margin:2px 5px 0 0px; }

.nlpcptbl2 td {vertical-align:middle;text-align:center;border-bottom:1px solid #BCBCBC;border-left:1px solid #BCBCBC;}

.nlpcptbl3 td { padding-bottom:11px; vertical-align:top;}
.nlpcptbl3 td img.bullet { width:5px;float:left;margin:2px 5px 0 0px; }

.nlpcptbl4 td { padding-bottom:13px; vertical-align:top;}
.nlpcptbl4 td img.bullet { width:5px;float:left;margin:2px 5px 0 0px; }

div.hr1 { border:none;border-bottom:1px dashed #BCBCBC;height:1px; }
div.hr2 { border:none;border-bottom:1px solid #BCBCBC;height:1px; }

.btn_workshop { background: url('images/btn_workshop.png');width:240px;height:62px;text-align:center;line-height:60px;color:#33365D;font-size:18px;font-weight:bold; }
.btn_workshop2 { background: url('images/btn_workshop2.png');width:480px;height:124px;text-align:center;line-height:122px;color:#33365D;font-size:18px;font-weight:bold; }
.btn_videostory { background: url('images/btn_videostory.png');width:426px;height:45px;text-align:center;line-height:43px;color:#FFFFFF;font-size:20px; }

