@charset "utf-8";
/* CSS Document */
body, div, ol, ul, li, h1, h2, h3, h4, h5, h6, form, input, textarea, p, blockquote, table, th, td {margin:0;padding:0;list-style:none}
img {border:0px;color:#FFF}
li {list-style:none;margin:0;padding:0}
a {text-decoration:none}
body {text-align:center;font-family:Arial,"微軟正黑體";background:#FFF;color:#000}

.comm {width:980px;margin:0 auto}
.top {height:120px;background:#F9F9F9;position:relative;margin:0 auto}
#logo {position:absolute;top:10px;left:20px}
#home {position:absolute;text-align:right;width:500px;top:10px;right:20px;font-size:12px}
#home a {color:#000}
#home a:hover {color:#58AA17}
#menu {position:absolute;height:30px;top:60px;right:0}
#menu .mu {width:720px;height:30px;margin:0 auto}
#menu .mu li {float:left;height:30px;margin:0;padding:0}
.m_01 {width:120px;height:30px;background:url(../images/m_01.gif) no-repeat;display:block}
.m_01:hover {background:url(../images/m_01_.gif) no-repeat}
.m_02 {width:120px;height:30px;background:url(../images/m_02.gif) no-repeat;display:block}
.m_02:hover {background:url(../images/m_02_.gif) no-repeat}
.m_03 {width:120px;height:30px;background:url(../images/m_03.gif) no-repeat;display:block}
.m_03:hover {background:url(../images/m_03_.gif) no-repeat}
.m_04 {width:120px;height:30px;background:url(../images/m_04.gif) no-repeat;display:block}
.m_04:hover {background:url(../images/m_04_.gif) no-repeat}
.m_05 {width:120px;height:30px;background:url(../images/m_05.gif) no-repeat;display:block}
.m_05:hover {background:url(../images/m_05_.gif) no-repeat}
.m_06 {width:120px;height:30px;background:url(../images/m_06.gif) no-repeat;display:block}
.m_06:hover {background:url(../images/m_06_.gif) no-repeat}

#wrapper {width:980px;margin:0 auto;border:1px solid #DDD}
#container {position:relative;background:#fff;height:300px}
.sliderbutton {float:left;width:25px;height:235px;cursor:pointer}
#slideleft {background:url(images/icons.gif) -50px -265px no-repeat;display:none}
#slideleft:hover {background-position:-0 -265px}
#slideright {background:url(images/icons.gif) 0 90px no-repeat;display:none}
#slideright:hover {background-position:-50px 90px}
#slider {position:relative;overflow:hidden;width:980px;height:300px}
#slider ul {position:absolute;list-style:none;top:0;left:0}
#slider li {float:left;width:980px;height:300px}
.pagination {position:absolute;top:20px;right:20px;list-style:none;height:25px}
.pagination li {float:left;cursor:pointer;height:8px;width:8px;background:#CCC;margin:0 4px 0 0;border:1px solid #fff}
.pagination li:hover, li.current {background:#666}

.left {float:left;width:200px;margin-top:10px}
ul#menu2, ul#menu2 ul {list-style-type:none;width:200px;text-align:left;font-size:15px}
ul#menu2 a {display:block;text-decoration:none}
ul#menu2 li {margin-top:0}
ul#menu2 li a {color:#fff;padding:10px}
ul#menu2 li a:hover {background:inherit}
ul#menu2 li ul li a {background:#F2F2F2;font-size:13px;color:#000;line-height:20px;padding-left:15px}
ul#menu2 li ul li a:hover,ul#menu2 li ul .current a {background:#F2F2F2;border-left:5px #999 solid;padding-left:10px}

.right {float:right;width:750px;margin:10px 0 20px 0;padding:5px}
#title {float:left;text-align:left;width:740px;font-size:18px;font-weight:bold;letter-spacing:1px;padding:5px}
#title span {font-size:13px;margin-left:10px}
.box {float:left;text-align:left;width:740px;margin:10px 0 20px 0;border-bottom:1px solid #D8D8D8;padding:0 5px 20px 5px}
.box a {color:#C00}
.box a:hover {color:#C00;text-decoration:underline}
.box h6 {float:left;text-align:left;width:740px;font-size:16px;color:#58AA17;line-height:20px;letter-spacing:1px;margin:0 0 10px 0}
.box h6 span {font-size:13px;font-weight:normal;color:#666}
.box .l1 {float:left;text-align:left;margin:5px 0}
.box .l1 a{font-size:13px;color:#58AA17;line-height:24px;letter-spacing:1px;font-weight:normal;padding:5px;}
.box .l1 a:hover { background:#999; color:#FFFFFF; text-decoration:none;}
.box #more {float:left;text-align:left;width:740px;font-size:12px;color:#58AA17;margin-top:15px}
#back {float:right;margin-top:5px}

.footer {width:980px;height:60px;background:url(../images/footer.jpg) repeat-x;margin:0 auto;clear:both}
.footer span {float:left;width:980px;font-size:12px;color:#666;line-height:24px;letter-spacing:1px;margin-top:15px}
.footer span a {color:#666}
.footer span a:hover {color:#333;text-decoration:underline}
#backtop {position:fixed;bottom:30px;margin-left:1320px;padding:0;width:35px;height:35px;z-index:100}

.DL {float:left;width:740px;border-bottom:1px solid #D8D8D8;padding-bottom:10px;margin:10px 0 5px 0}
.DL li {float:left;width:720px;background:#F2F2F2;margin-bottom:1px;padding:10px}
.DL li p {float:left;text-align:left;width:640px;font-size:13px;color:#333;letter-spacing:1px}
.DL li span {float:right;margin:5px 32px 0 0}

#cont {float:left;text-align:left;width:330px;font-size:15px;line-height:30px;letter-spacing:1px}
#map {float:left;width:400px;height:200px;border:1px solid #CCC}
.c_form {float:left;width:740px;margin-top:1px}
.c_form #c_left {float:left;text-align:right;width:200px;background:url(../images/c_bg.gif) repeat-y;font-size:15px;line-height:30px;color:#FFF;padding:0 10px 0 0}
.c_form #c_right {float:left;width:520px;background:#EAEAEA;padding:6px 0 6px 10px}
.c_form #c_right input {float:left;border:1px solid #CCC;background:#FFF}
.c_form #c_right textarea {float:left;width:300xp;height:150px;border:1px solid #CCC;background:#FFF}

.m_form {float:left;width:740px;margin-top:1px}
.m_form #m_left {float:left;text-align:right;width:200px;background:url(../images/m_bg.gif) repeat-y;font-size:15px;line-height:30px;color:#FFF;padding:0 10px 0 0}
.m_form #m_right {float:left;width:520px;background:#EAEAEA;padding:6px 0 6px 10px}
.m_form #m_right input {float:left;border:1px solid #CCC;background:#FFF}
.m_form #m_right textarea {float:left;width:300xp;height:150px;border:1px solid #CCC;background:#FFF}

.p_top {float:left;text-align:left;width:740px;font-size:15px;font-weight:bold;color:#58AA17;letter-spacing:1px;line-height:24px;padding:5px}
.page {float:left;width:750px;margin:15px 0 10px 0}
.page li {float:left;width:750px}
.page li select {font-family:Arial}
.page li span {font-size:12px;font-family:Verdana;margin:5px 0 0 5px}

.p_top2 {float:left;text-align:left;width:740px;font-size:13px;color:#666;letter-spacing:1px;line-height:24px;padding:0 5px}

/* 留言 */
.leave{
	height:27px;
	padding:0 0 5px 667px;
	clear:both;
}
.leavemessage {
	width: 73px;
	height: 27px;
	background: url(../images/leavemessage.gif) no-repeat 0px 0px;
	display:block;
}
.leavemessage:hover {
	background-position:left bottom;
}
.leavemessage2 {
	width: 73px;
	height: 27px;
	background: url(../images/leavemessage2.gif) no-repeat 0px 0px;
	display:block;
}
.leavemessage2:hover {
	background-position:left bottom;
}

.p_message{
    background:#f5f5f5;
	padding:10px;
	margin:0 0 10px 0;
	width:718px;
	clear:both;
	border:1px #ccc solid;
}

.p_message h2{
    font-weight:normal;
	font-size:15px;
	font-family:"微軟正黑體", Verdana, Arial, Helvetica, sans-serif;
	line-height:24px;
	color:#e35500;
	padding:0 0 5px 0;
}
.p_message h3{
    font-weight:normal;
	font-size:12px;
	line-height:18px;
	color:#666666;
}
.p_message h3 span{
    font-weight:bold;
}
.p_message h4{
    font-weight:normal;
	font-size:12px;
	line-height:24px;
	color:#333;
	padding:5px 0 20px 0;
}
.p_message h5{
    font-weight:normal;
	font-size:12px;
	line-height:24px;
	color:#333;
	padding:5px 0;
}
.p_message .t6{
    font-weight:normal;
	font-size:12px;
	line-height:18px;
	color:#666666;
	text-align:right !important;
	padding:0 0 5px 0;
}
.p_message .t6 span{
    font-weight:bold;
}

/*member*/
.m_box {float:left;width:750px;margin-top:10px}
.m_box p {float:left;text-align:left;width:730px;height:30px;background:#EBEBEB;font-size:13px;line-height:30px;padding:0 10px 0 10px}
.m_box span {float:left;text-align:left;width:730px;font-size:13px;line-height:20px;letter-spacing:1px;margin:5px 0 5px 0;padding:0 10px 0 10px}