@charset "utf-8";
body{background:#E7E7E7 url(../images/bg_ptl_body.gif) repeat-x;
behavior: url(csshover.htc);
padding:10px 0 0 0;}
.fieldrequired{color:#900;}
.space10px{background:transparent; color:#fff; height:10px; margin:0; padding:0; overflow:hidden;}
hr.type1{ color:#C1C1C1; width:97%; height:2px; margin:0 10px; padding:0; overflow:hidden;}
/*label:after {content: ":";}*/
.containertop{width:950px;margin:0 auto; height:24px; text-align:right;}
#wrapper{width:950px;margin:0 auto; background:url(../images/bg_ptl_wrapper.gif) repeat-y 50% 0;}
.container { width:950px;padding:0px;margin:0 auto; background:#FFF url(../images/bg_ptl_container.gif) no-repeat;}
/*.containerbtm{width:950px;margin:0 auto; height:10px; background:url(../images/bg_ptl_containerbtm.gif) no-repeat 50% 0;}*/
.footer{background:url(../images/bg_ptl_footer.gif) no-repeat;height:80px; font-size:12px; line-height:14px;}
/* 版權 */
.footer a:link,.footer a:visited{ color:#000; text-decoration:none;}
.footer a:hover,.footer a:active{ color:#900;}
.footer .inf1 { float:left; margin:5px 0 0 90px; width:420px; display:inline;}
.footer .inf2 { float:right; margin:5px 10px 0 0; width:410px; display:inline;}
.footer .copyright { clear:both; float:left; width:950px; margin:10px auto; text-align:center; border:0px solid #F00; color:#999}
.footer .admin { clear:both; float:left; width:950px; margin:10px auto; text-align:center; border:0px solid #F00; color:#999}/*20091015*/
.footer .admin a:link,.footer .admin a:visited{ color:#E7E7E7; text-decoration:none;}
.footer .admin a:hover,.footer .admin a:active{ color:#E7E7E7;}
.gotop {margin:10px 0;}
.gotop a:link,.gotop a:visited{ font-weight:bold; color:#598527; text-decoration:none; letter-spacing:2px;}
.gotop a:hover,.gotop a:active{ font-weight:bold; color:#F00; letter-spacing:2px;}
/* nav */
/*
ul.nav{background:url(../images/bg_ptl_nav.gif) repeat-x;list-style-type: none; height:30px; padding-right:19px}
ul.nav li{padding:0 0 0 18px; margin:0 1px 0 2px; float:right; background:url(../images/icon_ptl_nav.gif) no-repeat left;}
ul.nav a {
display:block;
line-height:30px;
text-align:center;
text-decoration:none;}
ul.nav a:link,ul.nav a:visited{ color:#000;}
ul.nav a:hover,ul.nav a:active{ color:#900;}
*/
/* search */
div.block-search{height:30px; line-height:30px;background:url(../images/bg_search.gif) no-repeat; margin-top:10px; padding:2px 0 0 70px; color:#000; font-size:12px; letter-spacing:1px;}
div.block-search input { background-color:#9C0; color:#030; border:1px solid #000; padding:0; height:20px; width:80px; margin:0;}
div.block-search .keyword{ background-color:#fff; height:18px; width:200px; color:#666;margin:0;}
/* 功能標題 */
div.block-fntitle{height:30px; line-height:30px;background:url(../images/bg_ptl_fntitle.gif) no-repeat; margin-top:10px; padding:0 0 0 40px; color:#030; font-size:15px; font-weight:bold; letter-spacing:1px;}
/* main */
.main{width:740px; padding:5px 5px 5px 0; display:inline;}
.main ul {color:#666;}
.main ul em{color:#900; font-size:13px; font-weight:bold; font-style:normal;}
.main ul q{color:#333; font-size:13px; font-weight:normal; font-style:normal;} /*20091111*/
.main img{padding:5px;}
.main h1{ margin:10px;font-size:17px; color:#A91515; font-weight:bold; line-height:24px;}
.main h2{ margin:10px;font-size:15px; color:#F00; font-weight:bold; line-height:24px;}
.main h3{ margin:10px;font-size:13px; color:#F00; line-height:24px;}
.main p{/* text-indent:1em;*/ letter-spacing:0.1em; font-size:13px; color:#3C3C3C}
/* Siderbar */
div.siderbar-l{margin-left:5px; margin-top:10px; width:185px; display:inline;}
div.siderbar-r{margin-right:5px; margin-top:10px; width:185px; display:inline;}
/* 課程分類 */
.block-kindhead{background:url(../images/head_kind.gif) no-repeat; width:185px; height:40px;}
.block-kindtop{background:url(../images/block-kindtop.gif) no-repeat; width:185px; height:30px; line-height:30px;
padding:0 0 0 25px;color:#A91515; font-size:13px; font-weight:bold; letter-spacing:2px;}
.block-kindcnt{background:url(../images/block-kindcnt.gif) repeat-y; width:178px; padding:0 5px; font-size:13px;} /*090924 加大字體*/
.block-kindbtm{background:url(../images/block-kindbtm.gif) no-repeat; width:185px; height:5px; margin-bottom:10px; overflow: hidden;} /*定義 overflow 屬性來限制 div 高度小於12px時的自動調整(IE6 bug)*/
.block-kindcnt a{ padding:0 0 0 8px; background:url(../images/icon-kindcnt.gif) 0 50% no-repeat;}
.block-kindcnt a:link,.block-kindcnt a:visited{ color:#212121; text-decoration:none;}
.block-kindcnt a:hover,.block-kindcnt a:active{ color:#900; text-decoration:underline;}
/* 系統登入 */
.block-logintop{background:url(../images/block-logintop.gif) no-repeat; width:185px; height:30px;}
.block-logincnt{background:url(../images/block-logincnt.gif) repeat-y; width:185px; padding-top:10px;}
.block-loginbtm{background:url(../images/block-loginbtm.gif) no-repeat; width:185px; height:5px; margin-bottom:10px; overflow: hidden;}
.block-logincnt a:link,.block-logincnt a:visited{ color:#212121; text-decoration:underline;}
.block-logincnt a:hover,.block-logincnt a:active{ color:#900; text-decoration:underline;}
.block-logincnt fieldset{ margin:0 auto; padding:0; width:150px; border:0; text-align:center;}
.block-logincnt fieldset legend{text-align:left; margin-bottom:0; display:none;}
.block-logincnt fieldset label{ font-weight:normal; letter-spacing:2px;}
.block-logincnt ul {margin:0;padding:0;border:none;list-style:none;}
.block-logincnt ul li{padding:1px 0;}
.block-logincnt ul .input{ border:1px solid #666; width:100px; background:url(../images/bg_input.gif) repeat-x;}
/* 最新消息 */
.block-newstop{background:url(../images/block-newstop.gif) no-repeat; margin-top:10px; width:550px; height:40px;}
.block-newscnt{background:url(../images/block-newscnt.gif) repeat-y; width:550px; height:110px;overflow: hidden;}
.block-newsbtm{background:url(../images/block-newsbtm.gif) no-repeat; width:550px; height:10px;overflow: hidden;}
.block-newscnt ul {margin:0;padding:0;border:none;list-style:none; width:360px; height:120px; font-size:13px;overflow: hidden;}
.block-newscnt ul li{padding:0;margin:0; clear:both; height:22px;}
.block-newscnt ul li .desc{ float:left;color:#4B4B4B; width:360px; padding-left:12px; background:url(../images/icon_news.gif) 2px 50% no-repeat; font-size:13px;} /*090930 加大字體*/
.block-newscnt ul a:link, .block-newscnt ul a:visited{ color:#000; text-decoration:underline;}
.block-newscnt ul a:hover, .block-newscnt ul a:active{ color:#790000; text-decoration:underline;}
/* 訊息公告 */
.block-msgtop{background:url(../images/block-msgtop.gif) no-repeat; width:550px; height:40px;}
.block-msgcnt{background:url(../images/block-msgcnt.gif) repeat-y; width:550px; height:265px;
padding:0 5px;}
.block-msgbtm{background:url(../images/block-msgbtm.gif) no-repeat; width:550px; height:5px;overflow: hidden;}
.block-msgcnt ul {margin:0;padding:0;border:none;list-style:none;}
.block-msgcnt ul li{padding:0;margin:0; clear:both; height:22px;}
.block-msgcnt ul li .date{ float:left;width:70px; color:#999; padding-left:12px; background:url(../images/portal_img04.gif) 2px 50% no-repeat;}
.block-msgcnt ul li .desc{ float:left;color:#4B4B4B; width:455px; border-bottom:1px solid #CCC; font-size:13px;} /*090930 加大字體*/
.block-msgcnt ul a:link, .block-msgcnt ul a:visited{ color:#4B4B4B; text-decoration:none;}
.block-msgcnt ul a:hover, .block-msgcnt ul a:active{ color:#F30;}
/* 線上報名成功 */
.ordconfirm {border:2px solid #B5B5A6; width:700px; font-size:15px;}
.ordconfirm th {
background-color:#fff;
width:130px;
white-space:nowrap;
color:#4B4B4B;
text-align:right;
height: 25px;
padding:2px 5px 2px 5px;}
.ordconfirm td {
color:#790000;
font-weight:bold;
height: 25px;
padding: 1px;
background-color:#fff;
padding-left:2px;}
.ordconfirm td span{ color:#060;}
/* 名師介紹 */
.teacheralbum {border:0px solid #E4E4E4; width:300px; font-size:13px;}
.teacheralbum img{ border:1px solid #CCC;}
.teacheralbum ul {margin:0;padding:0;border:none;list-style:none;}
.teacheralbum ul li{padding:2px 0 2px 15px; color:#000; background:url(../images/icon_02.gif) no-repeat 0 10px;}
.teacheralbum ul strong {font-size:15px; font-weight:bold;}
.teacheralbum ul a:link, .teacheralbum ul a:visited{ color:#900;}
.teacheralbum ul a:hover, .teacheralbum ul a:active{ color:#F30;}
/* 企業課程成果、法規資訊 */
.border01-top{background:url(../images/border01_top.gif) no-repeat; width:745px; height:10px; overflow: hidden;}
.border01-cnt{background:url(../images/border01_cnt.gif) repeat-y; width:745px;}
.border01-btm{background:url(../images/border01_btm.gif) no-repeat; width:745px; height:10px; margin-bottom:10px; overflow: hidden;}
.border01-cnt p{ margin:5px 10px 0 10px;}
.border01-cnt table{margin:0;}
ul.enterprise {margin:0 0 0 5px;padding:0;border:none;list-style:none;}
ul.enterprise li{padding:2px 0 2px 20px; color:#000; background:url(../images/icon_path.gif) 2px 5px no-repeat;}
.border01-cnt .viewdtl { float:right; margin-top:-5px; margin-right:100px} /* 20091015 顯示詳細內容 */
/* 意見信箱 */
.contactus {border:2px solid #B5B5A6; width:700px; font-size:15px;}
.contactus th {
background-color:#fff;
width:100px;
white-space:nowrap;
color:#4B4B4B;
text-align:right;
height: 25px;
padding:2px 5px 2px 5px;}
.contactus td {
color:#790000;
font-weight:bold;
height: 25px;
padding: 1px;
background-color:#fff;
padding-left:2px;}
.contactus .input { border:1px solid #999; width:400px;}
/* 會員專區用的表單 */
.mbrarea {border:2px solid #B5B5A6; width:700px; font-size:13px;}
.mbrarea th {
background-color:#fff;
width:150px;
white-space:nowrap;
color:#4B4B4B;
text-align:right;
height: 25px;
padding:2px 5px 2px 5px;}
.mbrarea td {
color:#4B4B4B;
font-weight:bold;
height: 25px;
padding: 1px;
background-color:#fff;
padding-left:2px;}
.mbrarea td span{ color:#666; font-size:12px; font-weight:normal;}
.mbrarea .input { border:1px solid #999; width:300px;}
.mbrarea a:link, .mbrarea a:visited{ color:#900;}
.mbrarea a:hover, .mbrarea a:active{ color:#F30;}
/* 下拉選單(根項目寬度不固定，次項目寬度固定) */
div#nav{background:url(../images/bg_ptl_nav.gif) repeat-x;list-style-type: none; height:30px; padding-left:10px;}
div#nav ul {margin: 0; padding: 0; background:#e3e3e3; border: 1px solid #ccc; border-width: 0 1px; z-index:100;}
div#nav li {position: relative; list-style: none; margin: 0; float: left; /*width: 122px; */line-height: 30px; text-align:center; color:#FFFFFF;font-size:13px;letter-spacing:1px; z-index:100; white-space:nowrap;}
div#nav li:hover { color:#900;/*background: #e6f0ff;*/ width:auto;}/* li寬度不需固定時要加width:auto; */
/*目前選項下還有次項目時，目前選項的要加上 class="submenu" ，變成