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

body {
	font-size: 10pt;
	color: #1c4714;
	margin: 0px;
}

#box {
	margin: auto;
	width: 900px;
}

#box a {
	text-decoration: none;
}

#logo {
	margin: 0px;
	padding: 0px;
	float: left;
}


/*以css變換背影做滑鼠變換影像效果*/
#mupic {background-color: #000000; width: 900px;}
#mupic ul{list-style-type: none;margin: 0px;padding: 0px; background-color: #000000;}
#mupic li{margin: 0px;float: left;}
#mupic li a {width: 122px;height: 36px;display: block;text-indent: -3000px;font-size: 1px;}
#mupic li.m1 a {background: url(img/cut_02.jpg);}
#mupic li.m1 a:hover{background: url(img/cut2_02.jpg);}
#mupic li.m2 a {background: url(img/cut_03.jpg);}
#mupic li.m2 a:hover{background: url(img/cut2_03.jpg);}
#mupic li.m3 a {background: url(img/cut_04.jpg);}
#mupic li.m3 a:hover{background: url(img/cut2_04.jpg);}
#mupic li.m4 a {background: url(img/cut_05.jpg);}
#mupic li.m4 a:hover{background: url(img/cut2_05.jpg);}
#mupic li.m5 a {background: url(img/cut_06.jpg);}
#mupic li.m5 a:hover{background: url(img/cut2_06.jpg);}
#mupic li.m6 a {background: url(img/cut_07.jpg);}
#mupic li.m6 a:hover{background: url(img/cut2_07.jpg);}

#mupic2 {margin: 0px;padding: 0px; float: left;}
#mupic2 a {width: 169px;height: 60px;display: block;text-indent: -3000px;font-size: 0px;background: url(img/cut_10.jpg);}
#mupic2 a:hover{background: url(img/cut2_10.jpg);}

#t-bar {
	margin: 0px;
	padding: 0px;
	float: left;
}

#s-menu {
	margin: 0px;
	padding: 0px;
	float: left;
}

.left {
	margin: 0px;
	padding: 0px;
	float: left;
}

#keyword_box {
	background-image: url(img/cut_12.jpg);
	margin: 0px;
	float: right;
	height: 60px;
	width: 187px;
}

#keyword_text {
	float: left;
	margin-top: 23px;
	margin-left: 15px;
}

#keyword_text a {
	color: #006600;
	font-size: 9pt;
}

.space {
	margin: 0px;
	padding: 0px;
}

#main {
	margin: 0px;
	padding: 0px;
	float: left;
}

#b411X110 {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 110px;
	width: 411px;
	background-image: url(img/cut_16.jpg);
	background-repeat: no-repeat;
}

#b411X118 {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 110px;
	width: 411px;
	background-image: url(img/cut_18.jpg);
	background-repeat: no-repeat;
}

#b320X304 {
	background-image: url(img/cut_15.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 304px;
	width: 320px;
}

#b320X304_text {
	float: right;
	margin-top: 10px;
	margin-left: 10px;
}

#footer {
	padding: 0px;
	float: left;
	height: 51px;
	width: 900px;
	background-image: url(img/cut_19.jpg);
	background-color: #FFFFFF;
	background-repeat: no-repeat;
}

#footer a {
	color: #006600;
	text-decoration: none;
}

#footer_1 {
	float: left;
	margin-top: 12px;
	margin-left: 18px;
}

#footer_2 {
	float: left;
	margin-top: 12px;
	margin-left: 52px;
}

.home_text {
	margin-top: 9px;
	margin-left: 30px;
	margin-right: 25px;
	margin-bottom: 4px;
	color: #003300;
}

.home_text ul {
	list-style-position: inside;
	list-style-type: none;
	margin-left: -15px;
}

.home_text ul a{
	color: #003300;
	text-decoration: none;
}


#case_share {
	margin-top: 85px;
	margin-left: 49px;
	margin-right: 80px;
	margin-bottom: 20px;
	color: #003300;
}

#case_share a {
	color: #000000;
	text-decoration: none;
}

#in {
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 404px;
	width: 900px;
} 
.service {background-image: url(img/in_service.jpg);}
.about {background-image: url(img/in_about.jpg);}
.law {background-image: url(img/in_law.jpg);}
.k1 {background-image: url(img/in_k1.jpg);}
.k2 {background-image: url(img/in_k2.jpg);}
.k3 {background-image: url(img/in_k3.jpg);}
.k4 {background-image: url(img/in_k4.jpg);}
.news {background-image: url(img/in_news.jpg);}
.case {background-image: url(img/in_case.jpg);}
.qna {background-image: url(img/in_qna.jpg);}
.contact {background-image: url(img/in_contact.jpg);}
.sitemap {background-image: url(img/in_sitemap.jpg);}
.links {background-image: url(img/in_links.jpg);}


#w774 {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 774px;
}

#location {
	width: 774px;
	font-size: 9pt;
	color: #ffffff;
	text-decoration: none;
	float: left;
}

#location a {
	font-size: 9pt;
	color: #ffffff;
	text-decoration: none;
}

#location_text {
	padding: 0px;
	margin-top: 22px;
	margin-left: 55px;
	margin-bottom: 10px;
}

#inside {
	width: 774px;
	font-size: 10pt;
	color: #003300;
	text-decoration: none;
	float: left;
	line-height: 19px;
}

#inside a {
	font-size: 10pt;
	color: #003300;
	text-decoration: none;
}

#inside_text {
	padding: 0px;
	margin-top: 28px;
	margin-left: 200px;
	margin-bottom: 10px;
	margin-right: 30px;
}

#inside_text ul {
	margin: 0px;
	list-style-position: inside;
	list-style-image: none;
	list-style-type: none;
	line-height: 26px;
}

#inside_text ul a:active {
	text-decoration: underline;
}

#w125 {
	margin: 0px;
	padding: 0px;
	float: right;
	width: 125px;
}

#w125_links {
	font-size: 10pt;
	color: #003300;
	margin-top: 68px;
	margin-left: 13px;
}

#w125_links a {
	font-size: 10pt;
	color: #003300;
}

#w125_links ul {
	margin-left: -14px;
	list-style-position: inside;
	list-style-image: none;
	list-style-type: none;
	line-height: 23px;
}

#w125_links2 {
	font-size: 10pt;
	color: #003300;
	margin-top: 45px;
	margin-left: 15px;
	margin-right: 20px;
}

#w125_links2 a {
	font-size: 10pt;
	color: #003300;
}

#service_if {
	background-color: #FFFFCC;
	height: 311px;
	width: 404px;
	margin-left: 140px;
	position: absolute;
	margin-top: -210px;
	border: 1px dashed #99FF33;
}

#service_if_inside {
	margin: 10px;
	width: 344px;
	float: left;
}

#service_if_inside a {
	color: #003300;
	text-decoration: none;
}


#contact_if {
	background-color: #FFFFCC;
	border: 1px dashed #99FF33;
	width: 500px;
}


#service_box {
	width:520px;
	height:300px;
	overflow:auto;
	border:1px solid #CCCCCC;
	margin-top: 18px;
	margin-left: 220px;
	padding: 10px;
}

h1 {
	font-size: 10pt;
	font-weight: bold;
	color: #333333;
}