/* CSS Document */

body { margin-bottom:0; margin-top:0; font-family:Arial, Helvetica, sans-serif; background-color:#ccc;}
.container { width:960px; margin:0 auto; background-color:#FFFFFF; padding:0 10px;}

ul.menu { margin:0; padding:0;  }
ul.menu a img { border:0; padding-right:10px;}
ul.menu li { list-style:none; float:left; background-color:#4a4a4a;  margin:0px 0px 6px 0px; width:158px; height:25px; padding:0px; background-color:#4a4a4a; border-right:1px #222 solid; border-left:1px #222 solid; }
ul.menu li a { display:block;  font-size:80%; color:#ccc; width:158px; height:25px; text-decoration:none; text-align:center; padding-top:5px;}
ul.menu li a:hover { background-image:url(../images/Bg_HeaderMenu.gif); background-repeat:repeat-x;} 

ul#SubMenu { margin:0; padding:0; display:none; position:relative; top:-5px; z-index:5; }
ul#SubMenu li { display:block; list-style:none; margin:0px; padding:0px; width:158px; height:23px; border-bottom:1px #fff solid; border-left:1px #222 solid; display:block;  }
ul.menu li:hover ul#SubMenu { display:block;}
ul#SubMenu li#active{ display:block;  font-size:80%; color:#fff; width:148px; height:19px;  padding:3px 5px 0 5px; text-align:left;background-color:#a21411; }
ul#SubMenu li a#active { display:block;  font-size:80%; color:#fff; width:148px; height:19px; text-decoration:none; padding:3px 5px 0 5px; text-align:left;background-color:#a21411;}
ul#SubMenu li a:hover#active {background-color: #DA5A5A; color:#fff;}

ul#SubMenu li a { display:block;  font-size:80%; color:#ccc; width:148px; height:19px; text-decoration:none; padding:3px 5px 0 5px; text-align:left;background-color:#333;}
ul#SubMenu li a:hover  {background-color:#666; color:#fff;background-image:none;}

ul#SubMenu li#seminar { width:158px; height:70px; text-align:left; line-height:20px;}
ul#SubMenu li#seminar a { display:block;  font-size:80%; color:#ccc; width:148px; height:65px; text-decoration:none; padding:5px 5px 0 5px; background-color:#333;}
ul#SubMenu li#seminar a:hover  {background-color:#a21411; color:#fff;background-image:none;}

ul#SubMenu li#training { width:158px; height:45px; text-align:left;}
ul#SubMenu li#training a { display:block;  font-size:80%; color:#ccc; width:148px; height:40px; text-decoration:none; padding:5px 5px 0 5px; background-color:#333;}
ul#SubMenu li#training a:hover  {background-color:#a21411; color:#fff;background-image:none;}


.HeaderNote { height:18px; float:right; text-align:center;  font-size:12px; color:#ccc; padding:5px 0 2px 0;}
.HeaderNote span a{ color:#666; text-decoration:none;}
.HeaderNote span a:hover { color:#840c09;}
.Logo { margin-top:8px;}
.main {
	margin-top:5px;
	z-index:1;
}
.main_index { margin-top:10px;}
.BgStyle { background-image:url(../images/body_bg.gif); background-repeat:repeat-x; background-position: 100% 6%;}
.Banner { background-image:url(../images/body_bg.gif); background-repeat:repeat-x; background-position: 100% 6%; padding-bottom:5px;}

.LeftMenu h3{ background-color:#666666; color:#ccc; font-size:1em; padding:3px; margin:0; text-align:center; border-bottom:1px #fff solid; }
.LeftMenu a { text-decoration:none;}
.LeftMenu a h3  { color:#ccc; text-align:center; text-decoration:none; }
.LeftMenu a:hover h3  {background-color: #999; color:#fff; text-decoration:none; }
.LeftMenu ul { margin:0; padding:0;}
.LeftMenu ul li { list-style:none; font-size:80%; margin:0; border-bottom:1px #fff solid; background-color: #ccc;}
.LeftMenu ul li a { display:block; color:#000000; text-decoration:none; padding:5px 8px;}
.LeftMenu ul li a:hover { color:#CC0000; background-color:#eee;}
#QA_button { background-image:url(../images/Bg_QA.png); background-repeat:repeat-y; color:#fff; font-size:1em; font-family: Verdana, Geneva, sans-serif; padding:3px; margin:0; text-align:center; border-bottom:1px #fff solid; }
#QA_button a { display:block; color:#FFF;}
#QA_button a:hover { color:#000;}

/* 活動訊息 */
.Events { margin-left:10px; border:1px #ccc solid; padding:0 0px 10px 0px;}
.EventsTitle { background-color:#CCCCCC;}
.EventsTitle h3 { margin:0; padding:0;}
.EventsContent { padding:5px 0; border-bottom:1px #ccc dotted;}
.EventsContent h2 { font-size:0.95em; color:#265f8f; word-spacing:0.1em; margin:5px 10px; background-image:url(../images/Icon_dot.png); background-repeat:no-repeat; padding-left:20px; }
.EventsContent h2 a { color:#265f8f; text-decoration: none; border-bottom:1px #265f8f solid;}
.EventsContent h2 a:hover {	text-decoration:none; color:#C00; border-bottom: none; }
.EventsContent h3 { color:#444; font-size:0.95em; margin:10px 10px 5px 30px;}
.EventsContent h5 { color: #C90; font-size:13px;margin:0 0 0 30px;}
.EventsContent p { font-size:13px; line-height:20px; color:#555; margin:5px 10px 5px 30px;}


/* 公司資訊 */
.Footer { font-size:13px; color:#666666; line-height:18px; text-align:left; background-image:url(../images/Bg_Footer.png); background-repeat: repeat-x; padding:20px 0; margin-top:5px; }
.Footer p { margin:0; padding:0;}
.Footer a { color: #006699;}

.ChannelTitle_01 { background-image: url(../images/Bg_color02.png); background-repeat:repeat-x; height:75px; padding:5px 0 0 5px;}
.ChannelTitle_02 { background-image: url(../images/Bg_color01.png); background-repeat:repeat-x; height:75px; padding:5px 0 0 5px;}
.ChannelTitle_03 { background-image: url(../images/Bg_color03.png); background-repeat:repeat-x; height:75px; padding:5px 0 0 5px;}
.ChannelTitle_04 { background-image: url(../images/Bg_color04.png); background-repeat:repeat-x; height:110px; padding:5px 0 0 5px;}
.ChannelTitle_05 { background-image: url(../images/Bg_color05.png); background-repeat:repeat-x; height:75px; padding:5px 0 0 5px;}
.ChannelTitle_06 { background-image: url(../images/Bg_color06.png); background-repeat:repeat-x; height:75px; padding:5px 0 0 5px;}
.ChannelTitle_07 { background-image: url(../images/Bg_color07.png); background-repeat:repeat-x; height:75px; padding:5px 0 0 5px;}
.ChannelTitle_08 { background-image: url(../images/Bg_color08.png); background-repeat:repeat-x; height:75px; padding:5px 0 0 5px;}
.ChannelTitle_09 { background-image: url(../images/Bg_color09.png); background-repeat:repeat-x; height:75px; padding:5px 0 0 5px;}
.ChannelTitle_10 { background-image: url(../images/Bg_color10.png); background-repeat:repeat-x; height:75px; padding:5px 0 0 5px;}
.ChannelTitle_11 { background-color:#000; height:166px; padding:0px; text-align:center;}


.Path { font-size:12px; color:#666666; border-bottom:1px #eee solid; padding-bottom:3px; margin-top:10px;}
.Path a { color: #06C;}
.Path a:hover { text-decoration:none;}
.PDTitle { border-bottom:2px #d42d2a solid; padding:0; margin:10px 0 20px 0;}
.PDTitle h2{
	color:#222;
	font-size:1.5em;
	margin:5px;
	padding:5px 0;
}
.Content { margin:10px;}
.Content p {
	font-size:13px;
	color:#333;
	line-height:23px;
	margin-top:5px;
	font-weight: bold;
}
.Content h4 { font-size:92%; color:#16509b; margin:20px 0 0px 0; line-height:25px;}

.Content_Seminar {
	margin-bottom:10px;
	padding:10px;
	border:1px #ccc solid;
	font-size: 92%;
	color: #000;
	font-weight: normal;
}
.Content_Seminar p {
	font-size:92%;
	color:#333;
	line-height:27px;
	margin-top:5px;
	word-spacing:0.1em;
	font-weight: bold;
}
.Content_Seminar h4 { font-size:92%; color:#16509b; margin:10px 0 0px 0;}
.Content_Training {
	margin:0px 30px 10px 30px;
	padding:0px 10px 10px 10px;
}
.Content_Training h2 { margin:0;}
.Content_Training h4 { margin:10px; color: #C00;}
.Content_Training p { font-size:13px; color:#333; line-height:23px; margin-top:5px}
.Content_Training th { color:#336699; font-size:13px;}
.Content_Training td { color:#336699; font-size:13px; border-bottom:1px #ccc dotted;}

.Content_QA {
	margin:10px 50px;
	padding:10px;
}
.Content_QA p { font-size:13px; color:#333; line-height:23px; margin:0px 0 0 10px; padding:0;}
.Content_QA h5 { margin:15px 0 5px 0;}
/*Left Frame */
.LeftFrame { width:220px; margin-left:15px; text-align:left;}
.LeftBox01 { background-color:#e6e6e6; padding-bottom:10px;margin-bottom:10px;}
.LeftBox01 h4 { margin:0; padding:5px; border-bottom:2px #fff solid; background-color:#666666;}
.LeftBox01 p { margin:5px 10px; padding:0; font-size:13px; color:#333333; line-height:20px;}
.LeftBox02 { border:2px #e6e6e6 solid; background-color:#f6f6f6; padding-bottom:00px; margin-bottom:10px;}
.LeftBox02 h4 { margin:0; padding:5px; background-color:#e6e6e6;}
.LeftBox02 p {
	margin:5px 10px;
	padding:0;
	font-size:13px;
	color:#333333;
	line-height:18px;
	text-align: center;
}

/* Right Frame */
.RightFrame { width:220px; margin-right:5px; text-align:left;}
.RightBox01 {
	background-color:#FFF;
	margin-bottom:5px;
	padding-bottom:5px;
}
.RightBox01 h4 { margin:0; padding:5px; background-color:#fff; border-bottom:1px #f00 solid;border-top:1px #f00 solid;}
.RightBox01 p { margin:5px 10px; padding:0; font-size:13px; color:#333333; line-height:20px;}

.RightBox02 { border:2px #e6e6e6 solid; background-color:#f6f6f6; padding-bottom:00px; margin-bottom:10px;}
.RightBox02 h4 { margin:0; padding:5px; background-color:#e6e6e6;}
.RightBox02 p { margin:5px 10px; padding:0; font-size:13px; color:#333333; line-height:18px;}

.RightBox03 {
	border-bottom:1px #e6e6e6 solid;
	background-color:#fff;
	padding-bottom:0px;
	margin-bottom:10px;
}
.RightBox03 h4 { margin:0; padding:5px 0; background-color:#fff;}
.RightBox03 p { margin:5px 10px; padding:0; font-size:13px; color:#333333; line-height:18px;}
.RightBox04 {
	border:2px #ccc solid;
	background-color: #E6E6F2;
	margin-bottom:5px;
}
.RightBox04 h3 { margin:0; padding:0;}

/* 字型樣式 */
#STYLE01 { color:#555; font-size:80%; word-spacing:0.1em;}
#STYLE02 { color:#0054a6; font-size:80%;}
#STYLE03 { color:#fff; font-size:80%;}
#STYLE04 { color: #333333; font-size:80%;}
#STYLE05 { color: #333333; font-size:80%; font-weight:bold;}
#STYLE06 { color: #333; font-size:92%; font-weight:bold; letter-spacing:0.1em;}
#STYLE06_01 { color: #333; font-size:92%; letter-spacing:0.1em;}
#STYLE07 { color:#CC0000; font-size:100%;}

#STYLE07_01 { color:#C00; font-size:12px;}
#STYLE07_02 { color:#C00; font-size:15px;}
#STYLE08 { color:#fff; font-size:80%;}
#STYLE09 { color: #666666;}
#STYLE09 a { color: #006699; text-decoration:underline;}
#STYLE09 a:hover { color: #CC0000; text-decoration:none;}
#STYLE10 { color: #006699; font-weight:bold;}
#STYLE10 a {color: #006699;}
#STYLE10 a：hover { text-decoration:none;}
#STYLE10_01 { color: #006699;}
#STYLE11 { color: #CC0000; font-weight:bold; font-size:1.2em;}
.BlockStyle { margin:20px 0px 10px 15px;}
#STYLE12 { color:#CC0000;}
#STYLE13 {
	font-size:1em;
	color: #333;
	font-weight:bold;
}
#STYLE14 { color: #069; font-size:100%; font-size:0.95em;}
#STYLE15 { color:#669900; font-weight:bold;}
#STYLE16_note { text-align:right; font-size:12px; color:#333;}
#STYLE16_note a { color:#666; text-decoration:underline;}
#STYLE16_note a:hover{ color: #06C; text-decoration:none;}
#STYLE17_more a { font-size:12px; color: #069; text-decoration:underline;}
#STYLE17_more a:hover { color:#069; text-decoration:none;}
#STYLE18 {color:#666;font-size:12px;}
#STYLE19 { color: #639; font-weight:bold; font-size:1.3em;}
#STYLE20 { color: #333; font-weight:bold; font-size:1em;}
#STYLE21 { text-decoration:line-through;color:#333; font-size:1em;}
#STYLE22 { color:#069;}

/* List Style */
ul.ListStyle01 { margin:0; padding:0; list-style:none;}
ul.ListStyle01 li { list-style:none; margin:10px 5px 10px 20px; padding:0; list-style-image:url(../images/Icon_dot_01.gif); font-size:13px; color:#333; line-height:18px;}
ul.ListStyle01 li a{ color:#333; text-decoration:none;}
ul.ListStyle01 li a:hover{color:#CC0000;}
li#ListStyle01_01 { list-style: none;}

ul.ListStyle02 { margin:0; padding:0; list-style:none;}
ul.ListStyle02 li { list-style:none; margin:0px; padding:0px; border-bottom:1px #fff solid; font-size:13px; color:#333;}
ul.ListStyle02 li a{display:block; color:#333; text-decoration:none; padding:5px;}
ul.ListStyle02 li a:hover{ color:#fff; background-color:#999;}

ul.ListStyle02_01 { margin:0; padding:0; list-style:none;}
ul.ListStyle02_01 li { list-style:none; margin:0px; padding:5px; border-bottom:1px #fff solid; font-size:13px; }
#ListStyle02_02 { padding-left:20px; }
#ListStyle02_03 { display:block; color:#333; text-decoration:none; padding:5px;}
#ListStyle02_04 { display:block; color:#999; text-decoration:none; padding:5px;}

ul.ListStyle03 { margin:0 0 0 50px; padding:0;}
ul.ListStyle03 li {margin:10px; padding:0px; font-size:92%; color:#333; line-height:25px; }
ul.ListStyle03 li li, ul.ListStyle03 li p { font-size:100%;}


ul.ListStyle04 { margin:0 0 0 10px; padding:0;}
ul.ListStyle04 li { list-style-image:none; list-style:disc; margin:8px; padding:0px 0; font-size:13px; color:#333333; line-height:22px; }
ul.ListStyle04_01 { margin:0 0 10px 40px; padding:0;}
ul.ListStyle04_01 li { list-style-image:none; list-style:disc; margin:5px; padding:0px; font-size:13px; color:#333333; line-height:22px; }

ol.ListStyle05 { margin:0 0 0 10px; padding:0;}
ol.ListStyle05 li { margin:8px 15px; padding:0px 0; font-size:13px; color:#333333; line-height:20px; }

ul.ListStyle06 { margin-left:10px; padding:0; list-style:none;}
ul.ListStyle06 li { list-style:none; margin:10px; padding:0px; list-style-image: url(../images/Icon_dot_02.gif); font-size:92%; color:#333333; line-height:20px;}
ul.ListStyle06 li a{ color: #006699;}
ul.ListStyle06 li a:hover{color: #CC0000;}

ul.ListStyle07 {
	margin:0;
	padding:0;
	list-style:none;
	border-top:0px #F00 solid;
	border-bottom:0px #F00 solid;
}
ul.ListStyle07 li { list-style:none; margin:0px; padding:0px; border-bottom:1px #ccc dotted; font-size:13px; color:#333; }
ul.ListStyle07 li a{display:block; color:#333; text-decoration:none; padding:5px 5px; }
ul.ListStyle07 li a:hover{ color: #C00; background-color:#eee;}

ol.ListStyle08 { margin:0 0 0 50px; padding:0;}
ol.ListStyle08 li {margin:10px; padding:0px; font-size:92%; color:#333; line-height:25px; }
ol.ListStyle08 li li, ol.ListStyle03 li p { font-size:100%;}

ol.ListStyle08 { margin:0 0 0 50px; padding:0;}
ol.ListStyle09 li {margin:5px; padding:0px; font-size:92%; color:#333; line-height:20px; }
ol.ListStyle09 li li, ol.ListStyle03 li p { font-size:100%;}
/* Table */
.TableFunction { margin:10px 0;}
.TableFunction table th { padding:5px 5px 5px 10px; text-align:left; background-color:#f6f6f6; background-image:url(../images/Icon_dot_02.gif); background-repeat:no-repeat; background-position: 0% 50%;}
.TableFunction table td { padding:5px 2px 5px 20px; text-align:left; color:#333333; font-size:80%; border-bottom:1px #eee solid; line-height:20px;}
.TableFunction h6#STYLE06 { background-color:#eee; padding:3px; margin:5px 0;}
.TableFunction a img { border:0;}

.TablePrice {
	margin:20px 0px;
	padding:0px 10px;
	border:0px #ccc solid;
}
.TablePrice table {
	border-left:1px #ccc dotted;
	border-top:1px #ccc dotted;
	margin-bottom:20px;
}
.TablePrice table td { border-bottom:1px #ccc dotted; border-right:1px #ccc dotted; padding:5px; color:#333333; font-size:80%;}
.TablePrice table th { padding:3px; background-color:#eee; color: #000000;font-size:80%;}

.TablePrice h6#STYLE06 { background-color:#eee; padding:3px; margin:5px 0;}
.TablePrice h5 { margin:10px 0;}

.TableStyle01 td {
	font-size:95%;
	color:#333;
	padding:7px;
}
.TableStyle01 th { font-size:95%; color:#000; padding:3px; background-color:#eee;}
/* Semainar */

.SeminarDay { padding:5px; margin:3px; border:1px #ccc solid; background-color:#FFFFFF; }

#AREAL { text-align:center; color:#CC0000; font-weight:bold; margin:0; padding:0 0 5px 0; border-bottom:1px #ccc dotted; font-size:15px;}
#DATE {font-size:13px; margin:3px; padding:0; text-align:center; color:#006699;}
#DATE span { font-weight:bold; font-size:1.2em; }
#ADDRESS { font-size:13px; margin:3px 0; padding:0; text-align:center; color:#333; line-height:20px;}

/* Promotion */

.PromoBox01 {
	border:0px #ccc solid;
	padding-bottom:5px;
	margin-bottom:30px;
}
.PromoBox01 h3 {
	background-color:#eee;
	font-size:1em;
	color:#009388;
	margin:0;
	padding:5px;
	margin-bottom:0px;
} 
#PromoSale01{
	border-top:0px #ccc dotted;
	padding-top:10px;
	margin-bottom:10px;
	line-height:25px;
}
.PromoSale02 td{
	margin-bottom:10px;
	line-height:25px;
	padding:5px;
}
.PromoSale02 th{ font-size:0.95em; padding:5px;}
.PromoSale02 td, .PromoSale02 th { border-bottom:1px #ccc dotted;}

.PromoContainer {
	padding:10px;
	margin:10px 0;
	background-image:url(../images/Promo_Bg.png);
	font-size: 18px;
}
.PromoContainer h3 { margin:0px 0 8px 0; color: #609;}
.PromoContainer p{ font-size:0.95em;  margin:0px 0 5px 0; line-height:32px; }
.container .main table tr td .Content_Seminar p {
	font-weight: bold;
	color: #06C;
}
.container .main table tr td .Content_Seminar p {
	color: #000;
}