@charset "utf-8";

/* 預設樣式 */

*{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

html{width:100%; height:100%;}

body{position:relative; width:100%; height:100%; margin:0; padding:0; font-size:14px; font-family: Microsoft JhengHei; }



.warpper{background:url(../images/main-bottom-bg.png) bottom repeat-x; }

.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}/* Hides from Ie-mac \*/

* html .clearfix{height:1%;}/* end hide from Ie-mac */

a:link, a:visited{display:inline-block; text-decoration:none; outline:none; hlbr:expression(this.onfocus=this.blur());}

a:hover, a:active{text-decoration:none;}

img{border:0; height:auto; width:auto; vertical-align:middle;}

input, textarea{outline:none;}

textarea{resize:none;}

input{vertical-align:middle;}

.slicknav_menu{display:none;}

input.select-box{border:1px #cbcbcb solid; padding:5px 3%; width:20px; height:20px; text-align:center; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; margin-bottom:5px;}



/* 表單預設文字顏色設定 */

::-webkit-input-placeholder{color:#ddd;}

::-moz-placeholder{color:#ddd;}

:-ms-input-placeholder{color:#ddd;}

input:-moz-placeholder{color:#ddd;}



#field2::-webkit-input-placeholder{color:#333;}

#field2::-moz-placeholder{color:#333;}



#field3::-webkit-input-placeholder{color:#333; background:lightgreen; text-transform:uppercase;}

#field3::-moz-placeholder{color:#333; background:lightgreen; text-transform:uppercase;}



#field4::-webkit-input-placeholder{font-style:italic; text-decoration:overline; letter-spacing:3px; color:#333;}

#field4::-moz-placeholder{font-style:italic; text-decoration:overline; letter-spacing:3px; color:#999;}



/* 手機選單、選單 色塊-變色 */

.b-color, .slicknav_menu{ } /* 選單顏色 */

.slicknav_icon-bar{ background-color:#009d52;} /* 手機選單ICON按鈕色 */

.slicknav_btn{ } /* 手機選單IcON按鈕底色 */

.b-color>li:hover, .b-color>li>ul>li>a:hover, .slicknav_nav .slicknav_row:hover, .slicknav_nav a:hover{ background: rgba(34,102,31,1.00); } /* 選單滑入顏色 */

.slicknav_nav>li{border-bottom:1px dotted#64ffb5;}

.slicknav_nav>li.first{border-top:1px solid #666;}

.border-color{border-left:7px solid #a0a0a0;} /* 標題顏色 */







header {background:url(../images/top-bg.png) repeat-x top; min-height: 105px;}

.top-line { width: 100%; background: #90bd98; position: absolute; top: 100px; left: 0; height: 3px;}

.top-overhide {  margin: 0 auto; width: 1200px;  position: relative;}

.t-hide { background: #ffffff; width: 300px; height: 3px; }



.head-main { width:100%; position: relative; max-width:1200px; padding-top: 100px; margin:0 auto; background: url(../images/top-bg-img.png) right top no-repeat;}



.head-main .logo {  width:250px; position: absolute; top: 70px; left: 25px;}

.head-main .logo img.pc {width:100%; height:auto; display: block;}

.head-main .logo img.home { display: none;}



.home_w{display:none;}

.banner { background: #ffffff; width: 100%; overflow: hidden;}

.banner img { border: 3px #ffffff solid;}



h3.login-title{margin:0 0 10px 0; font-family:"Times New Roman"; font-size:24px; line-height:30px; color:#9b9b9b;}

.icon-tool{width:40px; height:auto; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}





/* 選單與下拉 */

.menu{ list-style:none; position:relative; text-align: right; margin-left: 240px;}

.menu>li{ color:#728375; display: inline-block; vertical-align: top; font-size:15px; text-align:center; position:relative; line-height: 30px; cursor:pointer;  border-left:1px solid #90bd98;}

.menu img { height: 15px; width: auto; }

.menu>li:first-child {border-left:0;}

.menu>li>a {color:#728375; display:block; padding: 0px 30px; }

.menu>li>a:hover{ background: #DDEFD1; color: #1f5228; }

.menu>li.sub>ul.sub-menu{display:none; background:rgba(144,189,152,1); position:static; margin:0; padding:0; -webkit-border-radius:0 0 5px 5px; -moz-border-radius:0 0 5px 5px; border-radius:0 0 5px 5px; z-index:999; overflow: hidden;}



.menu>li.sub:hover ul.sub-menu{position:absolute; display:block; width:100%; left:0; top:30px; z-index:999;}

.menu>li.sub>ul.sub-menu>li {display:block; border-top:1px dotted #bce9c4; font-size: 14px;}

.menu>li.sub>ul.sub-menu>li:first-child {border-top:0; }

.menu>li.sub>ul.sub-menu:hover li{display:block;}

.menu>li.sub>ul.sub-menu>li>a{display:block; color:#dbf9e0; padding: 7px 0;}

.menu>li.sub>ul.sub-menu>li>a:hover{background:#42a153; color: #ffffff;}







/* 產品專區 */

.pro-lst { list-style: none; margin: 0; padding: 30px 10px;}

.pro-lst li { width: 50%; border-bottom: 1px #C1C1C1 dotted; padding: 20px 0; float: left; }

.pro-lst li h3.name { font-size: 18px; border-left: 3px #A2BD9A solid; padding-left: 15px; font-weight: normal;}

.pro-lst li img.photo { width: auto; height: auto; margin: 0 auto; float: left;}

.pro-lst li .info { margin-left: 170px;}

.pro-lst li .note { font-size: 14px; color: #6A6A6A; line-height: 1.6em; min-height: 110px;}

.pro-lst li .note span { font-weight: bold; color: #3995BC; padding-right: 30px;}

.pro-lst li .spe { font-size:12px; line-height: 1.2em; padding-top: 5px; color: #93A083;}



/* 聯絡我們 */

.contact-body{ padding:0 0 0 27px;}

.contact-note{ padding:10px 0; font-size:13px; color:#f00;}

.contact-left img{width:100%; height:auto; margin-top:10px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}

.btn-send{font-size:13px;}

a.btn-send{background:#999; padding:3px 20px; text-align:center; font-size:15px; color:#fff; width:100px; margin:2px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}

a.btn-send:hover{background:#b88283;}

a.btn-reset{background:#666; padding:3px 20px; text-align:center; font-size:15px; color:#fff; width:100px; margin:2px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}

a.btn-reset:hover{background:#777;}

a.btn-send-over{background:#79919f; padding:3px 20px; text-align:center; font-size:15px; color:#fff; width:100px; margin:2px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}

a.btn-send-over:hover{background:#63aebd;}

img.code{width:100px; height:32px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; margin:0 5px; vertical-align:middle;}





/* 最新消息 */

.news ul{margin:0; padding:0; list-style:none;}

.opacl{font-size:12px; line-height:20px; padding-bottom:10px;}

.opacl a{background:#888; color:#fff; padding:3px 10px; margin:0 5px; -webkit-border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0;}

.opacl a:hover{background:#699;}

a.close_qa{font-size:12px;}



/* news-list  最新消息 */

.news-list{list-style:none;}

.news-list li{clear:both; border-bottom:1px dotted #e3e3e3;}

.news-list li span{float:left; width:130px; line-height:25px; display:block; padding:7px 0 7px 30px; color:#a6a6a6;}

.news-list li .news-lis-cont{margin:0 0 0 130px; padding:7px 0;}

.news-list li .news-lis-cont a{color:#333; display:block;}

.news-list li .news-lis-cont a:hover{color:#5c97bd;}

.time{color:#3ca3d5; padding:10px 0 10px 40px; border-bottom:1px dotted #d7d7d7;}



/* 內頁架構 */

.main { position: relative; padding-top: 50px;}

.main-bg { background: url( ../images/main-bg.jpg) #bbf2e6 center no-repeat; height: 340px; position: absolute; top: 0; left: 0; width: 100%;}



.content-body{ background: rgba(255,255,255,0.95); max-width:1200px; min-height: 300px; margin:0 auto; position: relative; z-index: 150;}



.page-title{background: #D0E0D1; font-size:16px; color:#4d7b41; padding:15px 0px 15px 40px; margin: 0; line-height:30px;  border-bottom:1px #ccc dotted;}

.page-main {padding:5px 0; font-size:14px; color:#444444; line-height:1.5em;}

.page-main img { max-width:100%; width: auto; height: auto; }

.page-cont { padding: 15px 20px 15px 0; font-size: 16px; line-height: 1.8em; }



.left-menu-title{background:#909090; text-align:center; font-size:18px; color:#fff; text-shadow:-1px -1px 0 #666; padding:5px 0 10px 0; border-top:1px dotted #999; -webkit-border-radius:0 0 5px 0; -moz-border-radius:0 0 5px 0; border-radius:0 0 5px 0;}

.in-left-menu>ul{margin:0; padding:10px 0 0; list-style:none; border-bottom:3px solid #dbdbdb;}

.in-left-menu>ul>li{border-bottom:1px solid #eae9dd; font-size:15px; color:#666; padding:5px 0;}

.in-left-menu>ul>li>a{background:url(../images/left-icon.png) no-repeat 5px 7px; color:#333; display:block; padding:5px 0 5px 25px; line-height:1.5em; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}

.in-left-menu>ul>li>a:hover{background:url(../images/left-icon.png) no-repeat 5px 7px #efeded;}

.in-left-menu>ul>li ul {margin:5px 0 0 40px; padding:0; list-style:square;}

.in-left-menu>ul>li ul li{border-top:1px dotted #ccc; padding:5px;}

.in-left-menu>ul>li ul li:hover{background:#e8e8e6;}

.in-left-menu>ul>li ul li a{font-size:13px; color:#ffffff; display:block;}

.in-left-menu>ul>li ul li a:hover{color:#71743d;}



/* 內頁BANNER */

.inside-banner{background:#909090; padding:20px 0;}

.inside-banner .banner-title{max-width:1000px; font-size:18px; color:#fff; margin:0 auto; border-left:4px #aaa8a8 solid; padding:0 0 0 20px; line-height:30px;}



/* 首頁產品 */

.index-pro{max-width:1000px; margin:0 auto;}

.index-pro-title{font-size:24px; color:#333; line-height:30px; padding-bottom:10px; text-align:center; font-weight:normal; border-bottom:3px solid #dfdfdf;}

.index-pro ul{max-width:1000px; margin:0 auto; padding:0; list-style:none;}

.index-pro ul li{width:20%; padding:1%; text-align:center; float:left;}

.index-pro ul li:hover{background:#f8f6f6;}

.index-pro ul li h4{font-size:15px; color:#504f4d; line-height:1.5em; font-weight:normal; padding:5px 0 5px 0; margin:0;}

.index-pro ul li .index-pro-store{color:#938c83; line-height:1.5em; padding:10px 0; display:block; text-decoration:line-through;}

.index-pro ul li .index-pro-price{color:#b83400; font-size:20px; padding:0 0 10px 0; display:block; font-family:Helvetica, arial;}

a.cart{background:#9b9b9b; padding:5px 8px; color:#fff; font-size:15px; display:block; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; border:0 solid #dbdbdb; width:48%; margin-right:2%; float:left;}

a.cart img{padding-right:0px; vertical-align:middle;}

a.cart:hover{background:#a7a7a7;}

a.check{background:#9b9b9b; padding:5px 8px; color:#fff; font-size:15px; display:block; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; border:0 solid #dbdbdb; width:48%; margin-left:2%; float:left;}

a.check img{padding-right:0px; vertical-align:middle;}

a.check:hover{background:#a7a7a7;}

.index-more{max-width:1000px; border-top:1px solid #dad0d0; margin:50px auto 0; height:50px; position:relative;}

.index-more a{background:url(../images/index-more-pro.png) no-repeat; color:#a7a7a7; width:132px; height:36px; display:block; margin:0 auto; text-align:center; position:absolute; top:-10px; left:50%; margin-left:-66px;}



/* 首頁連結 */

.index-link{max-width:1000px; margin:0 auto;}

.index-link h3{color:#333; font-size:36px; font-weight:normal; text-align:center; line-height:0.8em; letter-spacing:2px;}

.index-link h3 .red{color:#d45500; font-size:24px; letter-spacing:0px;}

.index-link h3 .brwon{color:#c2ab8a; font-size:24px; padding-left:15px; letter-spacing:0px;}

.index-link-top{height:75px;}

.index-link ul{background:#e1e1e1; margin:0; padding:0; list-style:none;}

.index-link ul li{float:left; width:25%; margin:0; padding:0; border:1px dotted #fff;}

.index-link ul li img{width:100%; height:auto; border:0; margin:0; padding:0;}





/* 版面欄位 */

.col-100{float:left; width:100%;}

.col-010{width:9%; margin-right:1%; float:left;}

.col-015{width:14%; margin-right:1%; float:left;}

.col-020{width:19%; margin-right:1%; float:left;}

.col-025{width:24%; margin-right:1%; float:left;}

.col-030{width:29%; margin-right:1%; float:left;}

.col-040{width:39%; margin-right:1%; float:left;}

.col-045{width:44%; margin-right:1%; float:left;}

.col-050{width:49%; margin-right:1%; float:left;}

.col-055{width:54%; margin-right:1%; float:left;}

.col-060{width:59%; margin-right:1%; float:left;}

.col-065{width:64%; margin-right:1%; float:left;}

.col-070{width:69%; margin-right:1%; float:left;}

.col-075{width:74%; margin-right:1%; float:left;}

.col-080{width:79%; margin-right:1%; float:left;}

.col-085{width:84%; margin-right:1%; float:left;}

.cor-010{width:10%; float:left;}

.cor-015{width:15%; float:left;}

.cor-020{width:20%; float:left;}

.cor-025{width:25%; float:left;}

.cor-030{width:30%; float:left;}

.cor-035{width:35%; float:left;}

.cor-040{width:40%; float:left;}

.cor-045{width:45%; float:left;}

.cor-050{width:50%; float:left;}

.cor-055{width:55%; float:left;}

.cor-060{width:60%; float:left;}

.cor-065{width:55%; float:left;}

.cor-070{width:70%; float:left;}

.cor-075{width:75%; float:left;}



 

/* make keyframes that tell the start state and the end state of our object */

@-webkit-keyframes fadeIn{

	from{opacity:0;}

	to{opacity:1;}

}

@-moz-keyframes fadeIn{

	from{opacity:0;}

	to{opacity:1;}

}

@keyframes fadeIn{

	from{opacity:0;}

	to{opacity:1;}

}

.fade-in{opacity:0;  /* make things invisible upon start */

	-webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */

	-moz-animation:fadeIn ease-in 1;

	animation:fadeIn ease-in 1;

	-webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity:1)*/

	-moz-animation-fill-mode:forwards;

	animation-fill-mode:forwards;

	-webkit-animation-duration:0.3s;

	-moz-animation-duration:0.3s;

	animation-duration:0.3s;}







/* 表單欄位 */

.form-box{min-width:280px;}

.form-box input, .form-box img{vertical-align:middle;}

.form-style01{font-size:14px; font-family:"微軟正黑體"; color:#4e4e4e; padding:5px 0 10px 0; line-height:20px; width:100%;}

.opinion{margin-bottom:5px;}

.opinion-left01{background:#fff; float:left; width:30%; border:1px solid #cbcbcb; border-right:0; padding:5px 3%; font-size:14px; font-family:"微軟正黑體"; color:#4e4e4e; line-height:20px; -webkit-border-radius:5px 0 0 5px; -moz-border-radius:5px 0 0 5px; border-radius:5px 0 0 5px;}

.opinion-right01{float:left; width:7.5%; border:1px solid #cbcbcb; padding:0 2%; font-size:14px; font-family:"微軟正黑體"; color:#4e4e4e; line-height:20px; border-left:0; -webkit-border-radius:0 5px 5px 0; -moz-border-radius:0 5px 5px 0; border-radius:0 5px 5px 0;}

.input-main-style01{float:left; width:55%; border:1px solid #cbcbcb; margin:0; padding:5px 3%; font-size:14px; font-family:"微軟正黑體"; color:#4e4e4e; line-height:20px; -moz-box-shadow:0 0 5px #e9e9e9 inset; -webkit-box-shadow:0 0 5px #e9e9e9 inset; box-shadow:0 0 5px #e9e9e9 inset;}

.input-main-style02{background:#fff; float:left; width:70%; border:1px solid #cbcbcb; margin:0; padding:5px 3%; font-size:14px; font-family:"微軟正黑體"; color:#4e4e4e; line-height:20px; -webkit-border-radius:0 5px 5px 0; -moz-border-radius:0 5px 5px 0; border-radius:0 5px 5px 0; -moz-box-shadow:0 0 5px #e9e9e9 inset; -webkit-box-shadow:0 0 5px #e9e9e9 inset; box-shadow:0 0 5px #e9e9e9 inset;}

.input-main-style03{float:left; width:93.3333%; border:1px solid #cbcbcb; margin:0; padding:5px 3%; font-size:14px; font-family:"微軟正黑體"; color:#4e4e4e; line-height:20px; text-align:center; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -moz-box-shadow:0 0 5px #e9e9e9 inset; -webkit-box-shadow:0 0 5px #e9e9e9 inset; box-shadow:0 0 5px #e9e9e9 inset;}

.select-style{font-size:15px; color:#666; line-height:20px; padding:5px 10px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}

.order-numb{color:#ff0004;}



/* 輸入欄位 */

.input-style01{border:1px solid #cbcbcb; padding:5px 3%; line-height:20px; font-size:14px; font-family:"微軟正黑體"; color:#4e4e4e; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; width:100%; margin-bottom:5px; -moz-box-shadow:0px 0px 5px #e9e9e9 inset;              

	-webkit-box-shadow:0px 0px 5px #e9e9e9 inset;           

	box-shadow:0px 0px 5px #e9e9e9 inset;                   

}

.input-botton01{border:1px #cbcbcb solid; padding:5px 3%; line-height:18px; font-size:13px; font-family:"微軟正黑體"; color:#4e4e4e; width:100px; margin:0 auto; text-align:center; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; margin-bottom:5px; text-shadow:1px 0px #fff; font-weight:800;}

.select-style01{border:1px #cbcbcb solid; padding:5px 3%; width:99%; line-height:20px; font-size:14px; font-family:"微軟正黑體"; color:#4e4e4e; margin:0; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -moz-box-shadow:0px 0px 5px #e9e9e9 inset;              

	-webkit-box-shadow:0px 0px 5px #e9e9e9 inset;           

	box-shadow:0px 0px 5px #e9e9e9 inset;                   

}

.input-botton-blue{background:#feffff;}

.bg-gary-whrite{background:-moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.06) 98%); /* ff3.6+ */

	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(98%, rgba(0,0,0,0.06))); /* chrome,Safari4+ */

	background:-webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.06) 98%); /* chrome10+,Safari5.1+ */

	background:-o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.06) 98%); /* Opera 11.10+ */

	background:-ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.06) 98%); /* Ie10+ */

	background:linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.06) 98%); /* W3c */

filter:progid:dXImageTransform.Microsoft.gradient( startcolorstr='#00000000', endcolorstr='#0f000000', GradientType=0 ); /* Ie6-9 */

}

.bg-red-orange{background:rgb(248,80,50); 

	background:-moz-linear-gradient(top, rgba(248,80,50,1) 0%, rgba(241,111,92,1) 50%, rgba(246,41,12,1) 51%, rgba(240,47,23,1) 71%, rgba(231,56,39,1) 100%); /* ff3.6+ */

	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(248,80,50,1)), color-stop(50%, rgba(241,111,92,1)), color-stop(51%, rgba(246,41,12,1)), color-stop(71%, rgba(240,47,23,1)), color-stop(100%, rgba(231,56,39,1))); /* chrome,Safari4+ */

	background:-webkit-linear-gradient(top, rgba(248,80,50,1) 0%, rgba(241,111,92,1) 50%, rgba(246,41,12,1) 51%, rgba(240,47,23,1) 71%, rgba(231,56,39,1) 100%); /* chrome10+,Safari5.1+ */

	background:-o-linear-gradient(top, rgba(248,80,50,1) 0%, rgba(241,111,92,1) 50%, rgba(246,41,12,1) 51%, rgba(240,47,23,1) 71%, rgba(231,56,39,1) 100%); /* Opera 11.10+ */

	background:-ms-linear-gradient(top, rgba(248,80,50,1) 0%, rgba(241,111,92,1) 50%, rgba(246,41,12,1) 51%, rgba(240,47,23,1) 71%, rgba(231,56,39,1) 100%); /* Ie10+ */

	background:linear-gradient(to bottom, rgba(248,80,50,1) 0%, rgba(241,111,92,1) 50%, rgba(246,41,12,1) 51%, rgba(240,47,23,1) 71%, rgba(231,56,39,1) 100%); /* W3c */

filter:progid:dXImageTransform.Microsoft.gradient( startcolorstr='#f85032', endcolorstr='#e73827', GradientType=0 ); /* Ie6-9 */

}



.google-map { background: rgba(215,220,205,1.00); padding: 10px; height: 200px; margin-top: 20px;}



/* 頁次 */	

.page{height:40px; font:13px/20px "微軟正黑體"; color:#333; text-align:center; clear:both; margin-top:10px;}

.page a{background:#838282; color:#fff; padding:2px 10px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}

.page a:hover{background:#a09d9d; color:#fff;}

.page br{display:none;}







.results { margin: 0; padding:20px 0; list-style: none; text-align: center;}

.results li { display: inline-block; vertical-align: top; width: 24%; padding: 10px;}

.results li img { display: block; width: 100%; height: auto; background: #D0DBC5; padding: 8px;}



.results li span { display: block; font-size: 16px; color:#308657; margin-top: 10px; border-top: 1px #A7ECC0 solid; border-bottom: 1px #A7ECC0 solid;  padding: 10px 0;}



/* 底部資訊 */

.bottom-info{background:url(../images/bottom-info.jpg); padding-bottom:30px;}

.bottom-info-main{max-width:1000px; margin:0 auto; background:url(../images/bottom-info-bg.jpg) center top no-repeat; min-height:200px;}

.bottom-info-main h3{font-size:15px; color:#fff; border-bottom:1px solid #999; line-height:40px;}

.bottom-info-main ul.bottom-link{list-style:none; margin-left:0; padding-left:0;}

.bottom-info-main ul.bottom-link li{float:left; font-size:15px; width:95px; line-height:1.7em;}

.bottom-info-main ul.bottom-link li a{color:#fff;}

.bottom-info-main ul.bottom-link li a:hover{color:#fffe82;}

.bottom-info-main p.content{font-size:12px; color:#fff; line-height:24px;}

.bottom-info-main .bottom-tool{border-top:1px solid #999; margin-top:20px; padding-top:20px;}



footer { border-top: 3px #63e2c6 solid; margin-top: 50px; padding: 15px 0; position: relative; z-index: 200;}

footer .content {max-width:1200px; margin:0 auto; color:#888; font-size:12px; padding-bottom: 20px;}

footer .content .copyright { font-size: 12px; color: #009d52; vertical-align: bottom; float: left; padding-top: 10px;}

footer .content .copyright .logo { height: 30px; width: auto; padding-right: 10px; vertical-align: bottom; }

footer .content .info { float: right; color: #259c82; padding-left: 30px; line-height: 1.7em; border-left: 4px #63e2c6 solid;}