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

body#greenall{margin:0px;
       padding:0px;
	   font-size:14px;
	   background:url(image/road.png) repeat-y center 0px;
	   background-color:#d4ff88;}



#warp{width:100%;height:auto;
      margin:0px;
      padding:0px;}

span.pink{color:#FF1179;}	 
span.green{color:#1EFC98;}
	 
#clinic_logo,
#head_part,
#contant_part,
#foot_part{width:100%;
	       margin:0px;padding:0px;
	}
	
	
	#clinic_logo{border:0px solid red;
	             text-align:center;
				 padding-bottom:0px;
				 height:auto;
				 line-height:0px;
				 background-color:#ffffff;}
				 
	#head_part{width:100%;height:auto;
	           margin:0 auto;
	           border:0px solid red;
			   background-color:#c7effe;
	           text-align:center;
			   line-height:0px;
			   background:url(image/header_sky.png) no-repeat center 0px;
			   }			 
	
	
	
	img#header_bannar,
	img#toplogo{max-width:1200px;}
	
  #contant_part{width:96%;
                border:0px solid green;
                height:auto;
				max-width:1200px;
				margin:0 auto;
				}	
	
a.imgbotton:hover{
	opacity:0.8}
	
				
				
#contant_mama{border:0px solid green;
				width:49%;
				float:left;}
				
				#contant_mama a{border:0px solid green;
				width:100%;}
							
				#contant_mama a img{width:100%;}
							  
				
				
#contant_child{border:0px solid green;width:49%;
				 float:right;}
				 
				 
				#contant_child a{border:0px solid green;
				width:100%;}
							
				#contant_child a img{width:100%;}

/*-------footer -------*/
							  					  

  #foot_part{width:100%;
             background-color:#6db823;
             height:532px;border:0px solid red;
			 background:url(image/f_lawnbg.png) repeat-x center 0px;}	
			 
			 
			 #foot_house{max-width:1200px;height:532px;
			             width:100%;
			             margin:0 auto;
						 border:0px solid black;
						 background:url(image/f_housebg.png) repeat-x center 0px;
						 }
						 
				#foot_contant{border:0px solid black;
						 width:68%;
						 padding:120px 0px 0px 0px;
						 height:432px;
						 margin:0 auto;
						 line-height:0px;}
									   
									   
						p#f_title{
							width:60%;
							margin:0 auto;
							margin-bottom:40px;
							text-align:center;
						    font-size:36px;
							font-family:'MS Gothic';
							color:#723507;
							font-weight:800;
							padding-bottom:1em;
							border-bottom:4px solid transparent;
-webkit-border-image:url(image/border1.png) 0 0 30 0 round; /* Safari 5 */
-o-border-image:url(image/border1.png) 0 0 30 0 round; /* Opera */
border-image:url(image/border1.png) 0 0 30 0 round;}


#foot_text{border:0px solid green;
           margin-top:0px;
           padding:0px;line-height:0px;
           width:61%;
           float:left;
		   }

	dl.f_text{line-height:18px;
              font-size:14px;
              text-align:left;
              border-bottom:4px solid transparent;
              -webkit-border-image:url(image/border2.png) 0 0 30 0 round; /* Safari 5 */
              -o-border-image:url(image/border2.png) 0 0 30 0 round; /* Opera */
              border-image:url(image/border2.png) 0 0 30 0 round;}

	dl.f_text dt{width:5em;
				float:left;
				padding-bottom:0.5em;
				font-weight:600;
				color:#723507;
				text-indent:7px;}

	dl.f_text dd{margin-left:6em;
				padding-bottom:0.5em;}
				
#foot_phone{font-size:1.5em;color:#037402;}				

#foot_map{border:0px solid green;
           margin-top:0px;
           width:38%;
           padding:0px;
	       float:right;text-align:center;}
	
#foot_map p{border:0px solid yellow;
	        margin:0px;}
	
	iframe#goomap{border:5px solid #845106;
              border-radius:5px;
			  margin-bottom:25px;
              width:268px;height:236px;  }	
			 
			 
	a#mapbottom{background-color:#845106;
            padding:0.3em 2em;
			border-radius:15px;
			color:white;
			font-weight:600;
			box-shadow:2px 2px 5px #888888;}		 



#pagetop {
    position: fixed;
    right: -10px;
    bottom: 40px;
    cursor: pointer;
}
			 	

@media screen and (max-width:1200px){
	#head_part{background-size:200%;}	
	
	#foot_contant{width:800px;}
	
	

}


@media screen and (max-width:840px){
	#foot_contant{width:750px;
	             
	              }
	#foot_text{
	           width:60%;
			   }
				   
	 #foot_map{
			   margin-right:2%;
			   width:36%;
			   height:220px;}
	
	iframe#goomap{width:100%;
	              height:100%;}
}
	
	
@media screen and (max-width:768px){
	
	#contant_part{width:100%;border:0px solid red;
	              }
	
	#foot_contant{width:98%;
	              }
}	


@media screen and (max-width:560px){
	
	
#contant_child{border:0px solid green;
               width:97%;
				 float:none;}
				 
				
				.chlidlist{margin:0px;
				padding:0px;
				line-height:0px;}
				 
				#contant_child a{border:0px solid green;
				width:100%;}
							
				#contant_child a img{width:100%;}
	
#contant_mama{border:0px solid green;
			  width:97%;
			  float:none;
			  margin-top:30px;}
				
		#contant_mama a{border:0px solid green;
				width:100%;}
							
				#contant_mama a img{width:100%;}
							  
				
				

	
.firstimg{border:0px solid red;
          width:80%;
		  margin-left:19%;}
	
	
/*-----footer-------*/
	
	#foot_contant{width:98%;
	              padding:80px 0px 0px 0px
	              }
				  
				  
				  p#f_title{
							width:70%;
							margin-bottom:20px;
							font-size:26px;
							}
				  dl.f_text{line-height:15px;
                            font-size:12px;}
							
				#foot_text{float:none;
				           margin:0 auto;
				           width:98%;}
						   
						   dl.f_text{margin-bottom:2px;
						             margin-top:2px;
						             padding:0px;}
						   
						   dl.f_text dd{padding-bottom:4px;}	
										
						   dl.f_text dt{padding-bottom:4px;}			
							
				#foot_map{float:none;
				          margin:0 auto;
			              width:88%;
			              height:120px;}	
							 
					iframe#goomap{border:1px solid #845106;	
					              margin-right:1px;	
								  margin-top:10px;}		
}

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

#foot_contant{padding:60px 0px 0px 0px;}

p#f_title{width:80%;
          margin-bottom:20px;
		  font-size:18px;
		  font-weight:800;
		 }
		 
		 
		 
							
}


@media screen and (max-width:250px){
p#f_title{font-size:14px;margin-bottom:10px;	}
}

 .float-btn {
      background-color: #ff7f50;
      border: none;
      color: white;
      padding: 5px 20px;
      font-size: 18px;
      cursor: pointer;
      border-radius: 30px;
      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
      transition: all 0.3s ease-in-out;
	 margin: 0.5rem;
    }

    .float-btn:hover {
      background-color: #ff6347;
      box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
      transform: translateY(-5px);
    }

    .float-btn:active {
      transform: translateY(2px);
      box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    }