/* CSS Document */
@import url(font-awesome/css/font-awesome.min.css);

body {	-webkit-text-size-adjust:100%; margin:0; text-align:center; font-family:"Lato", "Arial", sans-serif; font-size:14px; color:#484848; line-height:22px; }
img {	border:0; }

/* Reset ================================================================================= */

a { text-decoration:none; color:#484848;
-webkit-transition: all 0.2s ease-out 0s;
-moz-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s; }
a:hover {	color:#484848; text-decoration:none; }

* { margin:0; padding:0; list-style:none;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */}

.main-Box, .top-Box, .menu-Box, .banner-Box, .content-Box, .content2-Box, .footer-Box, .copyright-Box { max-width:100%; margin:0 auto; text-align:left; position:relative; clear:both;}

.after-0:after { clear:both; display:block; content:""; height:0; text-indent:-99999px;}
.after-5:after { clear:both; display:block; content:""; height:5px; text-indent:-99999px;}
.after-10:after { clear:both; display:block; content:""; height:10px; text-indent:-99999px;}
.after-15:after { clear:both; display:block; content:""; height:15px; text-indent:-99999px;}
.after-20:after { clear:both; display:block; content:""; height:20px; text-indent:-99999px;}

#gotop { display: none; position: fixed; right:0px; bottom:20px; cursor: pointer;  z-index:20;}
#gotop a { display:inline-block; width:30px; height:30px; padding-top:6px; color:#fff; opacity:0.5;  filter: alpha(opacity=50); background:#000;}
#gotop a:hover { color:#fff; opacity:1;  filter: alpha(opacity=100);}

.slider a:before { content:""; display:block; position:absolute; width:100%; height:100%; z-index:1;}

.single-item2 .slick-dots { /*text-align:center; bottom:-40px;*/ display:none !important;}
.single-item2 .slick-next { right:20px; top:calc(50% - 20px);}
.single-item2 .slick-prev { left:20px; top:calc(50% - 20px);}
.single-item2 .slick-prev, .single-item2 .slick-next { width:auto; height:auto;}
.single-item2 .slick-slide { padding:0 0px;}
.single-item2 .slick-prev::before { font-family:'FontAwesome'; content:"\f104"; color:rgba(0,0,0,.7); font-size:70px;}
.single-item2 .slick-next::before { font-family:'FontAwesome'; content:"\f105"; color:rgba(0,0,0,.7); font-size:70px;}
.single-item2 .slick-slide img { margin:0 auto;}

#content { text-align:center;}
.path-box { min-height:72px; background:#3c9227; padding: 12px 15px;}

h1 { font-size:24px; font-weight:bold; line-height:140%; padding-bottom:5px; color:#fff; text-align: left;}
.path { color:#edf7de; font-size:12px; letter-spacing:1px; text-align: left;}
.path a { color:#edf7de;}
.path a:hover { color:#ffea00;}
aside { padding:25px 15px; /*border-bottom:3px solid #e8e8e8;*/ width: 255px; display: inline-block;}
.asideTitle{width:100%; padding: 12px 15px; font-size: 20px; color: #fff; letter-spacing: 2px; background: rgb(237,247,222);
background: -moz-linear-gradient(top, rgba(237,247,222,1) 0%, rgba(60,146,39,1) 24%, rgba(60,146,39,1) 60%, rgba(18,88,0,1) 100%);
background: -webkit-linear-gradient(top, rgba(237,247,222,1) 0%,rgba(60,146,39,1) 24%,rgba(60,146,39,1) 60%,rgba(18,88,0,1) 100%);
background: linear-gradient(to bottom, rgba(237,247,222,1) 0%,rgba(60,146,39,1) 24%,rgba(60,146,39,1) 60%,rgba(18,88,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edf7de', endColorstr='#125800',GradientType=0 );}
.side_classLink { }
.side_classLink ul {}
.side_classLink ul li { display:inline-block; margin:0 0px 4px 0px; width: 100%;}
.side_classLink ul li a{ display:block; min-width:215px; /*height:40px;*/background-color: #eee; line-height:2; padding:5px 10px; font-size:14px; color:#484848; text-align:left;letter-spacing: -0.2px;display: flex;
align-items: center;}
.side_classLink ul li a:hover, .side_classLink ul li a.current { color:#fff; background:#7BA23F;}
.side_classLink ul li.current02{ display:none; }
.m_classLink{ display:none;}
#main .aboutImg{width: 700px;}
#main .abouttable td{vertical-align: top;} 
#main { padding:35px 15px 25px 15px; text-align:left; width: calc(100% - 305px); display: inline-block; vertical-align: top;}
.h2-content { max-width:85%; width:100%; margin:0 auto; color:#484848; font-size:14px; font-weight:normal; line-height:140%; padding:0 0 30px 0;}

#main ul, #main ol {padding:12px 0; line-height: 1.8;}
#main ul li{list-style-type: disc; margin: 0 0 5px 20px;}
#main ol li{list-style-type: decimal; margin: 0 0 5px 20px;}
#main h2 {font-size: 157.1%; font-weight: 600; color: rgba(60, 146, 39,1); line-height: 1.5;}
#main h3 {font-size: 142.8%; font-weight: 600; color: rgba(60, 146, 39,0.9); line-height: 1.5;}
#main h4 {font-size: 128.6%; font-weight: 600; color: rgba(60, 146, 39,0.8); line-height: 1.5;}
#main h5 {font-size: 114.3%; font-weight: 600; color: rgba(60, 146, 39,0.7); line-height: 1.5;}
#main h6 {font-size: 100%; font-weight: 600; color: rgba(60, 146, 39,0.6); line-height: 1.5;}

.pro-list { padding:0 15px 20px 15px!important; margin-bottom:25px;}
.pro-list li { display:inline-block; vertical-align:top; margin:0 5px 35px 5px!important; text-align:center; width:calc(25% - 10px - 5px); border:1px solid #eaeaea; border-radius:5px; list-style-type: none!important;}
.pro-list-pto { overflow:hidden; line-height:0;}
.pro-list-pto img { -webkit-transition: all 0.2s ease-out 0s;
-moz-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s;}
.pro-list li:hover img {-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
transform: scale(1.1);}
.pro-list li:hover .pro-list-name { color:#fff; background:#156d00;}
.pro-list-name { background:#f5f5f5; height:50px; line-height:18px; border-bottom:1px solid #eaeaea; color:#292929; font-size:14px; border-radius:0 0 5px 5px; padding:10px; overflow:hidden;
-webkit-transition: all 0.2s ease-out 0s;
-moz-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s;}
.pro-list-serial{margin-bottom:0;}
#page { text-align:center; padding:20px 15px;}
#page a { width:30px; height:30px; text-align:center; border:1px solid #8a8a8a; line-height:28px; margin:0 2px 5px 2px; display:inline-block;}
#page a:hover, #page a.current { background:#3c9227; color:#fff;}

.pro-b-box { max-width:1280px; width:100%; margin:0 auto;}
.pro-b { display:inline-block; vertical-align:top; width:calc(60% - 5px); padding-right:50px;}
.pro-b-content { display:inline-block; vertical-align:top; width:calc(40% - 5px); font-size:15px; line-height:28px;}
.pro-b-title { font-size:20px; color:#484848;  font-weight: bold;}
.pro-b-title:after { content:""; display:block; height:2px; width:105px; background:#3c9227; margin:18px 0;}
.pro-b-serial{margin-bottom:0;}
.btn-box { margin-top:20px;margin-bottom:20px; border-top:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8; padding:25px 0 20px 0;}
.btn-box a { display:inline-block; margin:0 2px 5px 2px; border-radius:4px; min-width:122px; height:40px; line-height:36px; text-align:center; border:3px solid #3c9227; background:#f9f9f9; color:#3c9227; font-weight: bold; font-size:15px;}
.btn-box a:hover { background:#3c9227; color:#fff;}

.spec-title { padding:15px 5px; position:relative; border-bottom:1px solid #3c9227; color:#1c1c1c; font-size:17px; margin-bottom:25px;font-weight: bold;}
.spec-title:after { content:""; display:inline-block; height:1px; width:95px; background:#156d00; position:absolute; bottom:-25px; left:0; margin-bottom:25px}
.spec-content { padding:0 15px 25px 15px;}
.back { text-align:center; margin-bottom:20px;}
.back a { display:inline-block; width:74px; height:74px; border-radius:100%; line-height:70px; text-align:center; border:1px solid #d1d1d1; background:#f9f9f9; color:#2b2b2b; font-size:15px;}
.back a:hover { background:#3c9227; color:#fff;}
.right-box{
padding-bottom: 30px;	
	}
.copy{
width:100%;	
margin: 0 auto;	}
.copy01{
width: 40%; margin: -300px 60px 30px 450px;	}
.copy01_right{
	 margin-left: 70%;
    margin-top: -125px;
}
.title01{font-size: 16pt;
    font-weight: bold;
    color: #3c9227;
    border-left: 3px solid;
    padding-left: 5px;
	margin-bottom: 5px;
	}
.pic{
padding:5px;	
	}
.pic02{padding-left: 50px;}
.pic02-1{    padding: 5px;}
.right-contents{
	padding-left:5px;
	
    }
.right-contents ul{
padding-left: 15px;
}
.right-contents ul li{
 list-style: disc; 
 line-height: 24px;  
}   
.oscillating-box{
display: inline-flex;
flex-wrap: wrap;
align-items: center;   
}
.watertimer-box{
 display: inline-flex;
 align-items: center;  
}



.water-wand_box{}
.water-wand_box_left{width: 30%;
    margin: 0;}
.water-wand_box_left ul li{
padding-bottom:15px;	
	}	

.water-wand_box_right{
	width: 30%;
    margin: -170px auto 0 auto;
	}
.water-wand_box_right ul li{
padding-bottom:15px;	
	}	

.icon-img{
float: left; 
padding-right: 5px;   
}
.products-title{
line-height: 1.5;
color:#000;   
}

.bottle-insect-traps{
background-image: url("../images/bottle-bg-1.png");
background-repeat: no-repeat;
height: auto;
width: 100%;
padding-bottom: 20px;
}
.h1text{
background: #3c9227;
margin-bottom: 15px;
font-size: 24px;
font-weight: bold;
line-height: 140%;
padding-bottom: 5px;
color: #fff;
text-align: left;
padding-left: 5px !important;

}
.title02{
    font-size: 16px;
    color: #fff;
    border-bottom: 2px solid;
    display: inline-block;
    margin: 15px;
    padding: 5px;
    background: #8ec31f;
    border-radius: 5px;   
}

.contents_1{

}

.contents_1 ul {
}
.contents_1 ul li {
 list-style: none;   
}


.contents_1  ul li ul{
padding-left: 15px;
}

.contents_1  ul li ul li {
 list-style: disc; 
}
.power-washbox ul {
text-align: center;
}
.garden-shower-box{}

.garden-shower-box ul{
display: inline-flex;
align-items: baseline;
flex-wrap: wrap;    
}
.garden-shower-box ul li{
padding-left: 15px;   
}

.garden-shower-box ul li div{
text-align: center;
color: #fabe00;
}
.garden-shower-box .garden-shower-list{
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
}

@media only screen and (max-width: 1200px) {


	
	}

@media only screen and (max-width: 1000px) {
.abouttable tr:first-child td:first-child{width: 40%; max-width: 400px;}
aside{width: 250px;}
#main{width: calc(100% - 310px);}
.copy01_right{margin-left: 450px;    margin-top: 0;}
.water-wand_box_left{
width:100%;
margin:0;	
	}
.water-wand_box_right{width:100%;
margin:0;	}
.pic02-1{margin:0;}
}

@media only screen and (max-width: 960px) {
.copy01{
width:100%;
margin:0;	
	}	
.right-contents{
padding:0;	
	
	}	
	
.copy01_right{
margin:0;	
	}
.pro-list-name{
padding:10px 0;
font-size: 12px;
height: 45px;	
	
    }
    
.watertimer-box{
flex-wrap: wrap;
}
	}


@media only screen and (max-width: 768px) {
aside { padding:0;}
.side_classLink { display:none;}
#main{width: 100%;}
.m_classLink{ display:block; position:relative; }
.m_classLink a.main{ display:block; font-size:22px; position:relative; padding: 15px; color:#555; text-align:left; cursor:pointer; }
.m_classLink a.main i{ display:block; font-size:20px; position:absolute; right:20px; top:50%; margin-top:-11px; color:#555; font-style:normal; font-family:FontAwesome;}
.m_classLink ul{ display:none; width:100%;  position:absolute; z-index:999; margin-top:1px; background:#fff; }
.m_classLink ul li { border-bottom: 1px solid #eeeeee; display:block; margin:0 0; padding:0;}
.m_classLink ul li a { display:block; font-size:16px; color:#393939; padding:10px 0 10px 15px; background: none no-repeat 10px 15px;}
.m_classLink ul li a:hover, .m_classLink ul li a.current { color:#b00000; background: url(../images/menu_headv.png) no-repeat 10px 15px;}
.m_classLink ul li.current02{ display:none; }

.pro-b, .pro-b-content { width:100%; padding-right:0;}
.btn-box { text-align:center;}
.copy01{width: 100%;
    margin: 0;}
.right-box{width:100%;}
.copy01_right{margin:0;}
}
@media only screen and (max-width: 640px) {
#main { padding-top:25px;}
.h2-content { max-width:100%;}
.pro-list li { width:calc(33.333% - 10px - 5px);}
.copy td{width: 55%;padding-bottom: 15px;}
}
@media only screen and (max-width: 570px) {
#main .abouttable tr td{display: block; width: 90%; margin:10px 10%;}
.pro-list-name{height: 50px;}
.bottle-insect-traps{
background-image: url("../images/bottle-bg-1-phone.png");
}
.right-contents{
 padding-bottom: 30px !important;   
}

}

@media only screen and (max-width: 414px) {
.pro-list { padding:0!important;}
.pro-list li { width:calc(50% - 10px - 5px);}
.btn-box a { width:100%;}
.pic02-1{margin:0;}
.copy p{padding: 0 15px;
    height: 130px;}
.right-contents {
   padding:0;
}
}

@media only screen and (max-width: 320px) {
.pro-list li { width:calc(100% - 10px);}
}
/* latin-ext */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    src: local('Lato Regular'), local('Lato-Regular'), url(//fonts.gstatic.com/s/lato/v11/UyBMtLsHKBKXelqf4x7VRQ.woff2) format('woff2');
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    src: local('Lato Regular'), local('Lato-Regular'), url(//fonts.gstatic.com/s/lato/v11/1YwB1sO8YE1Lyjf12WNiUA.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}