@charset "utf-8";
/* CSS Document */
#wapper{ width:1000px; height:auto;margin:0 auto;font-family:ebrima; color:#000000;}

#button{float:left;height:70px; width:180px; background-color:#B32F2F; color:#FFFFFF;margin-left:20px; border-radius:10px;}

#button1{float:right;height:70px; width:180px; background-color:#B32F2F; color:#FFFFFF;margin-right:20px; border-radius:10px;}

#head{color: #000000; font-size:18px;}

.sp1{border: #39251c solid 3px; width:980px; padding:10px; height:auto;float:left;}

.sp2{width:auto; height:126px; border: #39251c solid 1px; padding:10px;  font-size:11px; color:#069; background-color:#FFF;}

.sp3{float:left; width:200px; vertical-align:top;}

.sp4{float:right; width:700px; height:auto;}

.sp5{width:960px; border: #39251c solid 1px; margin-top:10px; padding:10px; height:auto; }

.sp6{float:left;margin-top:10px;width:160px; height:auto;border: #39251c solid 1px; }

.sp7{float:left;font-size:17px;margin-left:10px;border: #39251c solid 1px; width:470px; padding:10px; color:#666; margin-top:10px;}

.sp8{text-decoration:none;padding:10px;  color:#000000; font-size:13px;clear:both;}

.sp9{clear:both; color:#000000;}

.sp9 a{color: #39251c; text-decoration:none;}

.sp10{clear:both; color:#000000; font-size:13px;}

.sp11{float:right;margin-top:10px;margin-left:10px;width:auto; height:auto;padding-top:15px;}

.sp12{float:left; font-size:15px; border: #39251c solid 1px; height:auto; width:299px; color:#666; padding-left:5px;}

.sp12 a{color: #39251c; text-decoration:none;}

.sp13{border: #39251c solid 3px; margin-top:10px; width:980px; padding:10px; height:auto; float:left;}

.sp14{text-decoration:none;font-size:10px;padding:5px;}

.sp15{text-decoration:none;font-size:14px;padding:5px; color:#000000; background-color:#FFCC00;}

.sp16{ background-color:#FFCC00; padding:10px; align="center"}

.sp17{ height:100px;}

.click
{
  /*text-transform: uppercase;*/
  text-align: center;
  color: #0C5;
  font-size: 14px;
  font-family: ebrima;
  font-weight: 300;
  
position:relative;
text-decoration:none;
  
  padding: 10px;
  width: 220px;
  height:20px;

  background: #D29E00;
  border: 1px solid #D29E00;
  color: #FFF;
  overflow: hidden;
  
  transition: all 0.5s;
}

.click:hover, .click:active 
{
  text-decoration: none;
  color: #D29E00;
  border-color: #D29E00;
  background: #FFF;
}

.click span 
{
  
  position: relative;
  padding-right: 0;
  
  transition: padding-right 0.5s;
}

.click span:after 
{
  content: ' ';  
  position: absolute;
  top: 0;
  left: 180px;
  opacity: 0;
  width: 10px;
  height: 10px;
  
  color: #D29E00;
 /* background: rgba(0, 0, 0, 0);8*/
  /*border: 3px solid #D29E00;*/
  border-top: none;
  border-right: none;

  /*transition: opacity 0.5s, bottom 0.5s, left 0.5s;*/
  transform: rotate(-135deg);
}

.click:hover span, .click:active span 
{
  padding-right: 30px;
}

.click:hover span:after, .click:active span:after 
{
  transition: opacity 0.5s, bottom 0.5s, left 0.5s;
  opacity: 1;
  border-color: #0C5;
  right: 0;
  top: 40%;
}

.pad-top{padding-top:55px;}