@charset "UTF-8";
/* CSS Document */

img { border: none; }
a { text-decoration: none; color: #333; }
a:hover { text-decoration: underline; color:#930; }
input { margin: 0; *margin: -1px 0; }
select { margin: 0; }
textarea { margin: 0; }
body { padding: 0; margin: 0; font: 12px Arial, Verdana, Geneva, sans-serif; }

.dot { clear: both; height: 0; padding: 0; margin: 0; overflow: hidden; }
.accesskey { display: none; }

/* footer */
.footer { border-top: 1px solid #d4d4d4; padding: 12px 0; text-align: center; color: #696969; line-height: 1.55em; }
.footer a { color: #696969; }
.footer a.mail { color: #0095c6; }
.footer p.people { color: #eb7009; padding: 0; padding-top: 6px; margin: 0; }
.footer p.people a.aplus, .footer p.people a.gov { text-indent: -99999px; display: inline-block; margin: 0 2px; vertical-align: top; }
.footer p.people a.aplus { background: url(../images/aplus.png) no-repeat; width: 88px; height: 31px; }
.footer p.people a.gov { background: url(../images/gov.png) no-repeat; width: 43px; height: 45px; }

/* main */
.main { width: 1000px; margin: auto; background: url(../images/bg.jpg) center top no-repeat; min-height: 350px; padding-bottom: 30px; }

.main div.header { padding-top: 7px; height: 20px; text-align: right; }
.main div.header a { color: #144274; }
.main div.header a.rss { text-indent: -99999px; text-align: left; display: inline-block; background: url(../images/rss.png) center top no-repeat; width: 27px; height: 14px; margin: 0 5px; }

.main div.sidebar {
	float: left;
	width: 220px;
	padding-top:106px;
	position: relative;
	z-index: 10;
}
.main div.sidebar a.logo { display: block; width: 100%; height: 126px; background: url(../images/logo.png) center top no-repeat; position: absolute; z-index: 99; left: 0; top: -20px; }
.main div.sidebar .login { background: url(../images/login-bg.png) no-repeat; height: 130px; padding: 0px 10px; padding-top: 45px; }
.main div.sidebar .login table { border-collapse: collapse; }
.main div.sidebar .login table th { font-weight: normal; text-align: right; }
.main div.sidebar .login table input.txt { width: 100px; background: #fff; border: 1px solid #d2d2d2; padding: 3px 3px; }
.main div.sidebar .login table input.btn { margin: 2px 0 0 2px; }
.main div.sidebar .login p { text-align: center; padding: 0; margin: 0; padding-top: 14px; }
.main div.sidebar .login p a { color: #000; }
.main div.sidebar .login .log-in { height: 53px; line-height: 1.6em; padding-left: 5px; padding-top: 5px; }
.main div.sidebar div.sub-menu { margin-top: 10px; background: url(../images/submenu.png) top no-repeat; padding-top: 38px; }
.main div.sidebar div.sub-menu menu { border: 1px solid #d2d2d2; padding: 0; margin: 0; list-style: none; background: #fff; }
.main div.sidebar div.sub-menu menu li { position: relative; z-index: 990; cursor: pointer; padding: 6px 10px; padding-left: 25px; background: url(../images/submenu-icon.png) 20px center no-repeat; }
.main div.sidebar div.sub-menu menu li a { text-decoration: none; font-size: 13px; color: #000000; }
.main div.sidebar div.sub-menu menu li:hover { background-color: #d8eaab; }
.main div.sidebar div.sub-menu menu li ul { display: none; border: 1px solid #add052; background: #fff; padding: 0; margin: 0; list-style: none; position: absolute; width: 140px; top: 0; left: 200px; z-index: 999; }
.main div.sidebar div.sub-menu menu li:hover ul { display: block; }
.main div.sidebar div.sub-menu menu li ul li { background: none; padding: 6px 10px; }

.main div.sidebar div.sub-about { background-image: url(../images/submenu-about.png); }
.main div.sidebar div.sub-qa { background-image: url(../images/submenu-qa.png); }
.main div.sidebar div.sub-new { background-image: url(../images/submenu-new.png); }
.main div.sidebar div.sub-contact { background-image: url(../images/submenu-contact.png); }
.main div.sidebar div.sub-about menu li:hover, .main div.sidebar div.sub-qa menu li:hover, .main div.sidebar div.sub-new menu li:hover, .main div.sidebar div.sub-contact menu li:hover
{ background-color: #fff8bb; }


ul.links { min-height: 150px; padding: 0; margin: 0; padding-top: 40px; background: url(../images/link.png) top no-repeat; list-style: none; }
ul.links li { padding: 3px 10px; background: url(../images/link-icon.png) 15px center no-repeat; padding-left: 22px; }
ul.links li a { color: #696969; text-decoration: none; }
ul.links li a:hover { color: #000; }
ul.links2 { background: url(../images/link2.png) top no-repeat!important; margin-top: 10px; }
ul.links2 li { padding-left: 37px; background: url(../images/link-icon.png) 30px center no-repeat; }

ul.banners { padding: 0; margin: 0; margin-top: 10px; list-style: none; }
ul.banners li { text-align: center; margin-bottom: 4px\0; }

table.list { border-collapse: collapse; width: 100%; margin-bottom: 10px; }
table.list caption { text-align: right; }
table.list caption a.more { display: inline-block; text-align: left; text-indent: -9999px; background: url(../images/more.png) center bottom no-repeat; width: 35px; height: 28px; }
table.list thead th { font-weight: normal; color: #542800; height: 27px;  font-size: 13px; background: url(../images/th-bg.png) center no-repeat; vertical-align: middle; }
table.list thead th span { display: block; padding-top: 6px; height: 21px; background: url(../images/th-line.png) right center no-repeat; }
table.list thead th.col01 { background-position: left center; width: 85px; }
table.list thead th.col02 span { padding-left: 8px; padding-right: 8px; text-align: center; }
table.list thead th.col03 { background-position: right center; width: 630px; }
table.list thead th.col03 span { background: none; }
table.list tbody td { line-height: 1.55em; vertical-align: top; padding: 6px 0; background: url(../images/td-line.png) center bottom repeat-x; color: #696969; }
table.list tbody td.col01 { text-align: center; }
table.list tbody td.col02 { padding-left: 8px; padding-right: 8px; }
table.list tbody td.col02 a { color: #1a8fb2; }
table.list tbody td.col03 {padding-left: 8px; padding-right: 8px;  }

.main div.contents { float: right; width: 770px; overflow: hidden;}
.main div.contents .photos { height: 200px; overflow: hidden; }
.main div.contents menu.btns { padding: 0; margin: 0; height: 43px; margin-bottom: 10px; list-style: none; border-top: #555555 solid 3px; }
.main div.contents menu.btns li { float: left; width: 154px; }
.main div.contents menu.btns li a { display: block; text-indent: -99999px; background: url(../images/menu.png) bottom no-repeat; height: 43px; }
.main div.contents menu.btns li.btn01 a { background-position: 0px bottom; }
.main div.contents menu.btns li.btn02 a { background-position: -154px bottom; }
.main div.contents menu.btns li.btn03 a { background-position: -308px bottom; }
.main div.contents menu.btns li.btn04 a { background-position: -462px bottom; }
.main div.contents menu.btns li.btn05 a { background-position: -616px bottom; }
.main div.contents menu.btns li.btn01 a:hover { background-position: 0px top; }
.main div.contents menu.btns li.btn02 a:hover { background-position: -154px top; }
.main div.contents menu.btns li.btn03 a:hover { background-position: -308px top; }
.main div.contents menu.btns li.btn04 a:hover { background-position: -462px top; }
.main div.contents menu.btns li.btn05 a:hover { background-position: -616px top; }

div.title { background: url(../images/title.png) no-repeat; width: 770px; height: 38px; overflow: hidden; }
div.title h1 {
	float: left;
	color: #930;
	font-size: 15px;
	margin: 0;
	padding: 0;
	padding-left: 32px;
	padding-top: 13px;
}
div.title span.breadcrumb { float: right; white-space: nowrap; padding-right: 16px; padding-top: 15px; }
div.title span.breadcrumb, div.title span.breadcrumb a { color: #777; }

div.page { padding: 10px 35px; line-height: 2em; font-size: 13px; }
div.page p span.point { color: #0b7fa9; font-size: 15px; font-weight: bold; }

table.form-table { border-collapse: collapse; width: 100%; }
table.form-table b { color: #ff0000; }
table.form-table caption { text-align: right; color: #666; padding-top: 10px; }
table.form-table th, table.form-table td { border-bottom: 1px solid #e7e7e7; border-top: 1px solid #e7e7e7; padding: 4px 15px; }
table.form-table th { text-align: left; font-weight: normal; background: #f6f6f6; width: 80px; white-space: nowrap; }
table.form-table td input.txt, table.form-table td textarea.txt, table.search-table input.txt, table.search-table textarea.txt { width:130px; border: 1px solid #dcdcdc; padding: 3px; background: #f6f6f6; }
table.form-table td span { color: #666; font-size: 12px; }
table.form-table td.btns { text-align: center; border-bottom: none; padding: 15px 0; }
table.form-table table { width: auto; }
table.form-table table td { padding: 0; padding-right: 10px; border: none; }
table.form-table td a { color: #0091c8; }
table.form-table td a:hover { text-decoration: underline; }
table.search-table { margin-bottom: 10px; }
table.search-table th { text-align: left; }

table.search-list { border-collapse: collapse; width: 100%; }
table.search-list th, table.search-list td { border: 1px solid #e7e7e7; text-align: center; padding: 8px 5px; line-height: 1.2em; }
table.search-list th.green { text-align: left; background: #add053; color: #fff; }
table.search-list th { background: #f1f5e4; }
table.search-list td.left, table.search-list th.left { text-align: left; padding-left: 10px; }
table.search-list tbody th { font-weight: normal!important; }
table.search-list tbody td.yellow { background: #fefdf6; }

.pager { text-align: center; font-size: 12px; padding: 15px 0; color: #666; }
.pager a { color: #666; }
.pager a.over { color:#930;}
.pager-left { text-align: left; }
.pager-left a.a-right { float: right; }

ul.tabs { padding: 0; margin: 0; margin-bottom: 5px; list-style: none; border-bottom: 2px solid #1788b8; overflow: hidden; }
ul.tabs li { float: left; margin-right: 1px; }
ul.tabs li a { display: block; position: relative; z-index: 5; padding: 0 12px; padding-top: 5px; color: #444; height: 23px; background: url(../images/tabs.png) right bottom no-repeat; text-decoration: none; }
ul.tabs li a span { display: block; width: 10px; height: 28px; background: url(../images/tabs.png) left bottom no-repeat; position: absolute; top: 0; left: 0; }
ul.tabs li a:hover, ul.tabs li a.selected { color: #fff; background: url(../images/tabs.png) right top no-repeat; }
ul.tabs li a:hover span, ul.tabs li a.selected span { background: url(../images/tabs.png) left top no-repeat; }

.email { float: right; }


/* index */
.index-sidebar { width: 180px; float: right; }
.index { width: 560px; float: left; }
.index .news caption { height: 33px; background: url(../images/news.png) left bottom no-repeat;  }
.index .news2 caption { height: 33px; background: url(../images/news2.png) left bottom no-repeat;  }

/* about */
.about .images { height: 175px; overflow: hidden; margin-top: 22px; margin-bottom: 32px; }
.about ul.green { padding: 0; margin: 0; list-style: none; color: #6a9300; font-size: 13px; line-height: 2em; }
.about ul.green li { background: url(../images/about-icon.png) 2px 8px no-repeat; padding-left: 12px; }
.about h2 { color: #de9100; font-size: 13px; margin: 0; padding: 0; }
.about h2.big {font-size: 15px; }
.about .text-box { background: #f5f5f5; border: 1px solid #e5e5e5; margin-bottom: 10px; }
.about h3 { padding: 0; margin: 0; font-size: 15px; }
.about .text-box h3 { background: #dde6ef; padding: 2px 15px; margin: 0; border-bottom: 1px solid #e5e5e5; font-size: 13px; font-weight: normal; color: #0b7fa9; }
.about .text-box2 h3 { background: #e6f1cb;  color: #0b7700; }
.about .text-box ol { list-style: disc; }
.about .text-box ol li { line-height: 1.6em; }
.about p.note { padding-top: 0; margin: 0; padding-bottom: 20px; color: #75a300; }
.about .about04 { padding-left: 20px; margin-left: 0; }
.about h4 { color: #cc0000; font-size: 15px; margin: 0; padding: 0; }
.about .search-box h2 { font-size: 13px; color: #000; padding-bottom: 5px; }
.about .search-box h3 { font-size: 13px; color: #555555; background: #e3ead2; margin: 0; padding: 3px 10px; font-weight: normal; margin-top: 5px; }
.about .search-box div.box { background: #f1f5e4; border-bottom: 1px solid #e3ead2; padding: 5px 10px; }
.about .search-box div.box2 { border-top: 1px solid #e3ead2; }
.about .search-box div table { border-collapse: collapse; }
.about .search-box div table td { padding: 3px 0; }
.about .search-box div table td select.txt { border: 1px solid #dcdcdc; height: 20px; margin: 0; }
.about .search-box div table td input.txt { border: 1px solid #dcdcdc; padding: 3px; background: #fff; }
.about span.red { color: #cc0000; }
.about .right-box { text-align: right; }
.about .right-box a { color: #444; }
.search-box-up { border-bottom: 1px dotted #ccc; margin-bottom: 8px; padding-bottom: 5px; }

/* qa & download */
.qa h2, .download h2 { padding: 4px 0 0 20px; margin: 0; margin-top: 10px; height: 23px; overflow: hidden; background: url(../images/qa-title.png) left no-repeat; color: #a54f00; font-size: 13px; }
.download h2 { margin-bottom: 6px; }
.qa ul, .qa ul p { padding: 10px; margin: 0; list-style: none; }
.qa ul { margin-bottom: 20px; }
.qa ul li { border-bottom: 1px dotted #ccc; margin-right: 1px; background: url(../images/qa-icon02.png) 2px 8px no-repeat; padding: 5px 0; padding-left: 20px; line-height: 1.5em; }
.qa ul li a { color: #58a1d3; }
.qa ul p { background: #f2f2f2; color: #666; line-height: 1.6em; font-size: 12px; }
.qa table.teachers { width: 100%; border-collapse: collapse; margin-top: 6px; margin-bottom: 15px; }
.qa table.teachers th, .qa table.teachers td { border: 1px solid #d2d2d2; color: #555555; width: 46%; padding: 2px 2%; }
.qa table.teachers th { text-align: left; }
.download table td { text-align: left; }

/* new */
.new .steps { position: relative; z-index: 1; width: 590px; margin: auto; padding-top: 30px; }
.new .steps .item { width: 574px; height: 352px; overflow: hidden; border: 8px solid #d8eaab; }
.new .steps a.btn { top: 125px; z-index: 10; width: 53px; height: 178px; display: block; position: absolute; background: url(../images/new-btn.png) no-repeat; text-indent: -999999px; }
.new .steps a.prev { left: -65px; background-position: left top; }
.new .steps a.prev:hover { background-position: left bottom; }
.new .steps a.next { right: -65px; background-position: right top; }
.new .steps a.next:hover { background-position: right bottom; }

.new .steps ul { padding: 0; margin: 0; list-style: none; margin-right: 1px; margin-top: 20px; }
.new .steps ul li { overflow: hidden; padding: 3px; border-bottom: 1px dotted #ccc; }
.new .steps ul li span { color: #ff9a00; font-weight: bold; }
.new .steps ul li a { float: right; color: #000; width: 520px; }

/* contact */
.contact h2 { text-indent: -999999px; padding: 0; margin: 5px 0; height: 70px; border-top: 1px solid #e3ead2; border-bottom: 1px solid #e3ead2; background: url(../images/contact01.png) left center #f1f5e4 no-repeat;  }

/* news */
.news-in { background: url(../images/news01.png) left top no-repeat; padding-top: 166px!important; }
.news-in table { width: 100%; border-collapse: collapse; color: #666; }
.news-in table a { color: #666; }
.news-in table th, .news-in table td { border: 1px solid #e7e7e7; vertical-align: top; padding: 5px 10px; }
.news-in table th { background: #f1f5e4; text-align: left; white-space: nowrap; width: 65px; }
.news-in-buttom{width:100%; height:40px; margin-top:5px;}
.news-in-buttom a {color:#999; font-size:12px;}
.news-in-buttom a:hover{color:#996; text-decoration:none;}

/* adaptivecounseling */
.adaptivecounseling-in { background: url(../images/news02.png) left top no-repeat; padding-top: 166px!important; }
.adaptivecounseling-in table { width: 100%; border-collapse: collapse; color: #666; }
.adaptivecounseling-in table a { color: #666; }
.adaptivecounseling-in table th, .adaptivecounseling-in table td { border: 1px solid #e7e7e7; vertical-align: top; padding: 5px 10px; }
.adaptivecounseling-in table th { background: #f1f5e4; text-align: left; white-space: nowrap; width: 65px; }
.adaptivecounseling-in-buttom{width:100%; height:40px; margin-top:5px;}
.adaptivecounseling-in-buttom a {color:#999; font-size:12px;}
.adaptivecounseling-in-buttom a:hover{color:#996; text-decoration:none;}

/* 成員 */
.member-in { padding-top: 30px!important; }
.member-in table { width: 100%; border-collapse: collapse; color: #666; }
.member-in table a { color: #666; }
.member-in table th, .member-in table td { border: 1px solid #e7e7e7; vertical-align: top; padding: 5px 10px; }
.member-in table th { background: #f1f5e4; text-align: left; white-space: nowrap; width: 65px; }

/* 會員 */
.provision { height: 470px; padding: 25px; overflow-y: scroll; border: 1px solid #dcdcdc; font-size: 12px; margin: 5px 0; }
.member .btns { text-align: center;padding: 15px 0; }
.member h2 { font-size: 13px; padding: 0; padding-left: 10px; background: url(../images/submenu-icon.png) left center no-repeat; font-weight: normal; margin: 0; }

/* left */
.left08 { background: none; padding-top: 15px!important; }

/*內容*/
.container{
	height:430px;
	padding-top:20px;}
	
.dotline {
BORDER-STYLE:dotted;
} 

.envir{
	height:430px;
	margin-left:60px;
	margin-top:0px;
	padding-top:20px;
	}	
	
.envir_box{
	background:url(../images/polaroid.png) no-repeat;
	height:155px;
	width:190px;
	float:left;
}
.envir_photo{
	width:153px;
	height:108px;
	position:absolute;
	margin-top:10px;
	margin-left:17px;
}

.envir_w{
	margin-top:7px;
	text-align :center;
	font-size: 12px;
}

/*展開收起*/
.text{
	line-height:22px;
	padding:0 6px;
	color:#666;}
	
.box h1{
	padding-left:10px;
	height:22px;
	line-height:22px;
	background:#fbf4c2;
	font-weight:bold;}
	
.box{
	width:700px;
	position:relative;
	border:1px solid #e7e7e7;
	margin-left:30px;}

h1 {
	color:#333;
	font-size: 15px;}

.envir_nav{
	position:relative;
	margin:0 auto;
	text-align:center;
	background-color:#FFF;
	width:500px;
	height:630px;
}