@charset "utf-8";
/*
=============================================
*       Web producer by Roni 2009/06/30
*       Final date 2009/09/04 Roni
*       green #00A367
*       blue #0068B7
=============================================
*/
* {margin: 0; padding: 0;}
html {height: 100%; font-size: 62.5%}
body {height: 100%; text-align: center; font: 1.2em Verdana, Arial, Helvetica, sans-serif; min-width:800px;}
body.top{background: #fff url(img/head_bg.jpg) repeat-x 0 0; }
img{border:none;}
.floatl {float:left;margin:0 18px 18px 0;}
.floatr {float:right;margin:0 0 18px 18px;}
a {color: #1156a7;}
hlbr:expression(this.onFocus=this.blur()); /*ie*/

address {line-height: 1.9; text-align: left; color: #3C0808;}
.cleaning-box {min-height: 1px;}
.cleaning-box:after {display: block; clear: both; visibility: hidden; height: 0; font-size: 0; content: ' ';}
.noscreen {display: none;}
.hidden {/* Skip menu */ position: absolute; top: -10000px; left: 0; width: 1px; height: 1px; overflow: hidden;}
.cleaner {clear: both; height: 0; font-size: 0; visibility: hidden;}

a.logo {left:13px;position:absolute;top:33px;background:url(img/logo.gif) left top no-repeat;width:210px;height:110px;}
img.index_logo{margin:10px 0;}
h2 {font-size: 15px;background-color: #a6d0ff;border: 1px solid #74aceb;	padding: 4px 0 2px 19px;_padding: 6px 0 1px 19px;*padding: 6px 0 1px 19px;letter-spacing: 1px;}
h3 {font-size: 1.6em; color: #3F0707;}
h4{font-size:13px;}
h5{font: normal 13px sans-serif;line-height:25px;padding:0 27px;}

p {color: #333;margin-bottom:5px;line-height:24px;}

p.text-content{margin:10px 20px 9px 25px;font-size:13px;text-indent:26px;text-align:justify;line-height:24px;}
p.text-content b.lui {color:#0068B7;left:-24px;position:relative;}
div.back{float:right;padding:10px 0;*padding:10px 0 0 0;}
/*=============================================
*       head
=============================================*/
#header {width: 800px; height: 156px; margin: 0 auto; position: relative;text-align: left;}
#header  .logo{position:absolute;top:46px;left:0;}
#header .tel{position:absolute;bottom:0;right:0}
#header .top{background:url(img/index_bg.gif) repeat 0 0;text-align:right;width:auto;height:16px;padding:10px;letter-spacing:2em;}
#header p {margin-left: 15px; font-size: 1.4em; color: #FFE09E;}
.version {position: absolute; top: 7px; right: 18px;}
.version img{vertical-align:middle;}
.version p a{color: #333;font-size: 0.8em;font-weight: normal;margin-right: 7px;text-decoration:none;}
.version p a:hover{color:#00A367; text-decoration:none;}


/* Menu */
#menu-box {background:#4791f3 url(img/menu-bg.gif) repeat-x scroll 0 0;border-bottom:1px solid #CCC;border-top:1px solid #CCC;}
#menu {width: 800px; margin: 0 auto; list-style: none; text-align: left; font: 1.2em; letter-spacing: 1px;}
#menu li {display: inline;text-align: center;line-height:27px;font-size:11pt;}
#menu li a {float: left; display: block; color: #fff; font-weight: normal;padding:2px 20px;_padding:5px 18px 0 20px;*padding:5px 18px 0 20px;border-right: 1px solid #ccc; text-decoration: none;}
#menu li a.first{border-right: 1px solid #ccc;}
#menu li a:hover, #menu li a.active {background: #FFD382 url(img/menu-bg-hover.gif) repeat-x 0 0;color:#000;}

/*=============================================
*       內容區+首頁版面
=============================================*/
.content {width: 800px;margin: 0 auto;font-size:12px;text-align:left;}
.content .index_list a{float:left;width:181px;margin:1em 0.5em 0 0;display:block;border:1px solid #ccc;padding:6px;color:#555;background:#eee url(img/index_list.jpg) no-repeat center top;text-decoration:none;line-height:1.5em;text-align:justify;}
.content .index_last a{float:left;width:181px;margin:1em 0 0 0;display:block;border:1px solid #ccc;padding:6px;background:#eee url(img/index_list.jpg) no-repeat center top;color:#555;text-decoration:none;line-height:1.5em;text-align:justify;}
.content .index_list a img,.content .index_last a img{float:right;margin:0 0 3px 10px;}
.content .index_list h4,.content .index_last h4{color:#0068B7;padding-bottom:3px;}
.content .line{background:transparent url(img/index_bg.gif) repeat scroll 0 0;height:8px;overflow:hidden;margin:2em 0 1em 0;}

.content-in {width: 100%;} 
.column-left {float: left; width: 64%;color:#333;}
.column-right {float: right; width: 35%;}
.column-left-in {margin: 1.6em 1.5em 0 0;}
.column-left-in blockquote{background:#F3F3F3 none repeat scroll 0 0;border:1px dashed #CCC;letter-spacing:1px;line-height:24px;margin:10px 0;padding:12px 20px 12px 55px;width:84%;}
.column-left-in blockquote s,div.string s{background:#4791F3 url(img/menu-bg-hover.gif) repeat-x scroll 0 0;border:1px solid #CCC;margin-right:10px;padding:2px 6px;*padding:5px 5px 0 6px;text-decoration:none;}
.column-left-in blockquote ul li li{color:#0068B7;list-style:none;}


.string .center {margin:0 auto;padding:0 0 8px;width:auto;}
.string img.ser{float:left;width:43px;border:none;}
.column-left-in .ser{float:left;border:none;padding:0 6px 6px 0;}
.string a.more {float:right;width:43px;height:21px;background:url(img/more.gif) left center no-repeat;padding-top:6px;}

.column-left-in .string{border-left: 1px solid #ccc;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;padding:10px 10px 0;*padding:20px 10px 0 10px;text-align:justify;height:100%;overflow:hidden;}
.column-left-in .string a{text-decoration:none;}
.column-one {float:left;margin:0 10px 0 0;width:48%;}
.column-one-in {margin:0;}
.column-one-in h4 a {color:#0068B7;font-size:13px;line-height:22px;}
.column-one-in h4 a:hover{color:#00A367;}
.column-two {float: right;width: 49%;}
.column-two-in {margin: 0 0 0 1em;}

.column-right-in {margin: 1.4em 0 0 0;}
.column-one h3, .column-two h3 {margin: 2px 0 2px 0;}
.column-one p, .column-two p {font-size:13px;line-height:1.2em;margin-bottom:20px;}

.column-one div.more-info,
.column-two div.more-info,
.column-one-in div.more-info{padding: 2px 10px; background: #F4CE80 url(img/buttonek-bg.gif) repeat-x 0 0; border: 1px solid #E59D2C; float:right; margin: 2px 0 0 0;}

.column-one div.more-info a,
.column-one div.more-info a:visited,
.column-two div.more-info a,
.column-two div.more-info a:visited  {color: #3C0808; font-weight: normal; text-decoration: none;}

.column-one div.more-info a:hover, .column-two div.more-info a:hover{text-decoration: underline;}
.column-one ul, .column-two ul {list-style: none; margin: 11px 0 0 8px;}
.column-one ul li, .column-two ul li {margin-bottom: 9px; color: #150303; background: transparent url(img/list-bullet.gif) no-repeat left 60%; padding-left: 21px;}
.column-one img, .column-two img {float: left; border: 1px solid #3F0707;margin:3px 7px 2px 0;*margin:0 7px 2px 0;}

.column-right-in h3 {margin: 8px 0 8px 9px;font-size:1.3em;}

/* 除蟲項目圖 */
.showcase{_padding:0 0 0 7px;}
.showcase img{width:77px;_width:74px;border:3px solid #CCC;}
.showcase ul{display:inline-block;overflow:hidden;list-style:none;}
.showcase li {float:left;padding:0.3em 0 0 0.4em;height:105px;width:auto;}
.showcase li a{font-weight:normal;text-decoration:none;}
.showcase li a:hover{text-decoration:underline;color:#00A367;}
.showcase .sd{margin:5px 0 0 0;font-weight:normal;color:#0068B7;text-align:center;}
html:root .sd{margin:0;}/*ff*/

.showcase p {float: left; color: #99FF00; line-height: 2.4; margin-bottom: 33px; background: #670206 url(img/show-gallery-bg.gif) repeat-x 0 0; border: 1px solid #3B0A0A;}
.showcase p a, .showcase p a:visited {color: #FFE5BC; font-weight: normal; padding: 0 11px; text-decoration: none; display: block;}
.showcase p a:hover {background: #3B0A08 url(img/show-gallery-bg-hover.gif) repeat-x 0 0;}


/* Leaf */
.leaf-body {width: 270px; background: #5F0407 url(img/leaf-body.jpg) repeat-y 0 0; margin-bottom: 18px; position: relative;}
.leaf-top {background: transparent url(img/leaf-top.jpg) no-repeat left top;}
.leaf-bottom {background: transparent url(img/leaf-bottom.jpg) no-repeat left bottom; padding:5px 24px 38px 25px;_height:46px;}

.leaf-body .tel{padding:0 0 13px 0;}
.leaf-body h3 {color:#FFDE8F;font-size:1.5em;line-height:0.8em;}
.leaf-body h4 a,.tel h4{color: #fff;}
.leaf-body p {color: #FFDE8F; line-height: 1.8em;padding:20px 0 0 0;}
.continue-button {position:absolute;right:26px;line-height: 24px;background: #F8D982 url(img/buttonek-bg.gif) repeat-x 0 0;border: 1px solid #E59D2C;text-decoration:none;}
.continue-button a{font-size:9px;font-weight:normal;color: #300808;display: block;text-align:center;width:43px;text-decoration:none;}
.continue-button a:hover {background: #FFBB33 url(img/buttonek-bg-hover.gif) repeat-x 0 0;text-decoration:none;color:#fff;}

/* Contact leaf */
.contact-leaf-body {color: #fff;width: 270px; background: #fff url(img/contact-leaf-body.gif) repeat-y 0 0; margin-bottom: 18px; position: relative;}
html:root .contact-leaf-body {font-style:italic;line-height:1.8em;text-align:center;}

.contact-leaf-top {background: transparent url(img/contact-leaf-top.gif) no-repeat left top;}
.contact-leaf-bottom {background: transparent url(img/contact-leaf-bottom.gif) no-repeat left bottom; padding: 5px 24px 23px 25px;_padding:5px 24px 3px 25px;*padding:5px 24px 3px 25px;}

.contact-leaf-body h3 {color: #FFDE8F;margin:10px 0 0 0;_margin:10px 0 8px 0;position: relative; z-index: 2;text-align:center;padding:0 10px 0 0;}

.contact-leaf-body address {text-align:center; margin-bottom: 19px;color:#fff;}
.ornament {background: url(img/ornament.gif) no-repeat center 0; margin: -7px auto 10px auto;height:27px;}

/*=============================================
*       Footer
=============================================*/
#footer-box {background: url(img/footer-bg.gif) repeat-x 0 0;height:55px;_zoom:1;}
#footer {width: 800px; margin: 0 auto; font: 1.2em;}
#footer ul {list-style: none; padding: 27px 0 0 10px; text-align: left; font-size: 11pt; float: left; width: 650px;}
#footer ul li {float: left; display: inline; white-space: nowrap;}
#footer ul li a, #footer ul li a:visited {color:#0068B7; margin: 0 8px; font-weight: normal;text-decoration:none;}
#footer ul li a:hover{color:#fff;text-decoration:underline;}

#footer p.print {float:right;line-height:1;margin:0;position:relative;text-align:right;top:-16px;*top:-20px;width:240px;}
#footer p.print img{vertical-align:middle;}
#footer p.print a{color: #181818; font-weight: normal;text-decoration:none;}
#footer p.print a:hover{color: #fff;text-decoration:none;}

#footer .backs {font-size:1em;padding:0 0 6px;}
#footer .backs a{color:#0068B7; font-weight: normal; padding: 0 1px;}
#footer .backs a:hover{color:#00A367;}

#print {background: url(img/tiskarnicka.gif) no-repeat 0 80%; padding-left: 26px;}