@charset "utf-8";

.boxtitle{
     text-align:center;
     width:100%;
     height:100px;
     margin:0;
}
.img-size-1{
    width:480px:
    height:100px;
}
header ul{
   font-size:20px;
   font-weight:700;   
}
.img-size-2{
    width:360px:
    height:200px;
}
.box1{
	margin: 0 auto;
    text-align: center;
    padding:15px ;
    width:570px;
    height:auto;
    background-color:#ccffcc;
    line-height:1.2;
    border-top-right-radius:15px;
    border-top-left-radius:15px;
}
.box1 h2{
	 margin:0;
	 color:#333333;
}
.box1 h1{
	margin: 0;
	font-weight:900;
	color:#663300;   
} 
.box1 p{
	 margin: 0;
	font-size:16px;
	color:#0033cc; 
  } 
input{
       display:block;
       width:400px;
       height:30px;
       font-size:100%;
}
select{
       display:block;
       width:200px;
       height:30px;
   -webkit-appearance: none;     
}       
textarea{
       display:block;
       width:560px;
       height:120px;
       font-size:100%;
}  
.box2{
    margin : 0 auto ;
    padding:15px;
    border-bottom-right-radius:15px;
    border-bottom-left-radius:15px;
    width:570px;
    height:auto;
    background-color:#e0ffff;
}


/*************************/
@media (max-width:600px){
.img-size-1{
    width:100%;
    height:90px;
}
.img-size-2{
  width:95%;
  height:200px;
}
.box1{
    padding: 10px;
    width: 95%;
    height:auto;
} 
.box1 h2{
     margin:0;
    color:#333333;
    font-size:22px;
}
.box1 h1{
    margin:0;
    font-size:18px;
    font-weight:700;
    color:#663300;    
} 
.box1 h3{
    margin:0;
    font-size:18px;
    color:#0033cc;    
} 
.box2{
    padding:10px;
    width:95%;
    height:auto;
    background-color:#e0ffff;
}
input{
       display:block;
       width:90%;
       height:25px;
       font-size:100%;
}
select{
       display:block;
       width:65%;
       height:25px;
}       
textarea{
       display:block;
       width:95%;
       height:150px;
       font-size:100%;
}

}