header{
 text-align: center;
}
li{
  display:inline;
  text-align: center;
 list-style:none
 float:left;
  }

.imgicon{
  display: inline;
}
.pink{
 font-size:18px;
 display: inline-block;
 color:#f5b2b2
}
 
.button{
  Clear: both;
  text-align: center;
  Margin-bottom: 50px;
}

.top1{
  display: inline;
  }

table{
   border: 1px #808080 solid;
   border-collapse: collapse;
   margin-top: 50px;
   margin-bottom: 50px;
}

th { 
  border: 1px #808080 solid;
  Background-color:#f5b2b2;
  width:200px;
}
td{
  border: 1px #808080 solid;
  width:430px;
}


.block1{
overflow:auto;
Float:left;
Margin-top: 20px;
Margin-bottom: 60px;

}
.block2{
 border-style: solid;
 width:250px;
 height:100px;
 Float:left;
 Margin-right: 10px;
}
.block2:hover{
 Background-color:#ABE1FA;
}
.sabtext{
  font-size:14px;
  Position:relative;
  Bottom:70px;
  Left:70px;
 }
.icon{
  position:relative;
  overflow: hidden;
  width:50px;
  height:50px;
  border-radius:50%;
　display:inline;
  right:30px;
  }

.icon img{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  height:100%;
}
.blue {
    color: #65BBE9;     /* 文字色指定 */
}

.yellow{
 color: #FFCC33; 
}

.main{
 width:1000px;
 margin: 0 auto;
}
.text{
 width:700px;
 Float:left;
 }
.side{
 display:inline;
 width: 300px;
 Float:right;
}
.textcolor2 {
  text-decoration: underline;
  Line-height:0.5;
  color: #65BBE9;     /* 文字色指定 */
  Font-size:10px
 }

.banner3{
Float:left;
text-align: center;
width:140px;
}
.banner3 img{
 width:100px;
 
}

@media screen and (max-width: 640px) {
  .main{
    width:100%;
   }
   header img{
    width:100%;
   }
   header ul{
    display: none;
   }
  .text{
    width:100%;
  }
}