@charset "utf-8";

#send a:link, #send a:visited {
  background-color: #0066ff;
  color: white;
  border: 2px solid #0066ff;
  border-radius: 30px;
  padding: 1px 50px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 15px;
}

#send a:hover, #send a:active {
  background-color: white;
  color: #0066ff;
  font-size: 15px;
}

#content h3 {
font-size:19px;
font-weight:bold;
color:#000000;
line-height:22px;
}

#content h4 {
font-size:16px;
font-weight:500;
color:#000000;
line-height:22px;
}

#content a {
	color: #0066ff;
	font-size: 16px;
}
#content a:link {
	color: #0066ff;
	text-decoration: none;
	font-weight:400;
}
#content a:visited {
	color: #0066ff;
	text-decoration: none;
	font-weight:400;
}
#content a:hover {
    color: #0066ff;
	text-decoration:none;
	font-weight:400;
}
#content a:active {
	text-decoration: none;
}

.ad h2{
   color:#000000;
   font-size:23px;
   font-weight:600;
   letter-spacing: 0px;
   line-height:20px;
}
.ad h1{
   color:#000000;
   font-size:36px;
   font-weight:600;
   line-height:20px;
   letter-spacing: 0px;
   background-repeat:no-repeat;
   background-position: left bottom;
}

.ad h3{
   color:#000000;
   font-size:23px;
   font-weight:200;
   letter-spacing: 0px;
   line-height:30px;
}

.content_1{
max-width: 1280px;
}

.content_2{
background-image:url(img/background/2.png);
background-repeat:no-repeat;
background-position:bottom center;
background-size: 60% auto;
max-width: 1280px;
height: 675px;
}
.content_3{
background-image:url(img/background/1.png);
background-repeat:no-repeat;
background-position:center left;
background-size: 53% auto;
max-width: 1280px;
height: 630px;
}
.content_4{
background-image:url(img/background/3.png);
background-repeat:no-repeat;
background-position:bottom center;
background-size: 80% auto;
max-width: 1280px;
height: 555px;
}

.cs_1{
 float: left;
 width:19%;
 border: 1px solid #000;
 border-right-style:none;
 cursor: pointer;
}
.cs_1 td:hover { 
   background-color: #0066ff;
}
.cs_2{
 float: left;
 width:19%;
 border: 1px solid #000;
 cursor: pointer;
}
.cs_2 td:hover { 
   background-color: #0066ff;
}
.cs{
 float: left;
 width:19%;
 border: 1px solid #000;
 border-right-style:none;
 cursor: pointer;
}
.cs td:hover { 
   background-color: #0066ff;
}

@media screen and (max-width: 1000px) {
.ad h2{
   line-height:20px;
}
.ad h1{
   line-height:45px;
}

.ad h3{
   line-height:30px;
}

#content h3 {
font-size:15px;
font-weight:bold;
color:#000000;
line-height:22px;
}
#content h4 {
font-size:13px;
font-weight:500;
color:#000000;
line-height:22px;
}

.content_1{

}
.content_2{
background-image:url(img/background/2.png);
background-repeat:no-repeat;
background-position:bottom center;
background-size: 60% auto;
height: 480px;
}
.content_3{
background-image:url(img/background/1.png);
background-repeat:no-repeat;
background-position:center left;
background-size: 53% auto;
height: 420px;
}
.content_4{
background-image:url(img/background/3.png);
background-repeat:no-repeat;
background-position:bottom center;
background-size: 80% auto;
height: 410px;
}

.cs_1{
 float: left;
 width:100%;
 border: 1px solid #000;
 border-bottom-style:none;
}
.cs_1 td:hover { 
   background-color: #0066ff;
}
.cs_2{
 float: left;
 width:100%;
 border: 1px solid #000;
}
.cs_2 td:hover { 
   background-color: #0066ff;
}
.cs{
 float: left;
 width:100%;
 border: 1px solid #000;
 border-bottom-style:none;
}
.cs td:hover { 
   background-color: #0066ff;
}
}