*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
h1,h2,h3,h4,p,a{
  font-family: sans-serif;
}
a{
  display: inline-block;
  text-decoration: none;
}
ul,ol,ul ul{
  list-style: none;
}
ul li ul{
  display: none;
  list-style: none;
}
ul li:hover ul{
  display:block;
}
li a{
  width: 200px;
  text-align: center;
}
li a:hover{
  background: #000;
}
.box{
  box-shadow: 0 2px 4px #000;
}
.row{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.btn-1{
  padding: 8px 10px;
  border: solid 1px;
  border-radius: 5px;
}
.default{
  color: #fff;
  background: #71a6ce;
background: -moz-linear-gradient(top, #71a6ce 2%, #3e6ba3 100%);
background: -webkit-linear-gradient(top, #71a6ce 2%,#3e6ba3 100%);
background: linear-gradient(to bottom, #71a6ce 2%,#3e6ba3 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#71a6ce', endColorstr='#3e6ba3',GradientType=0 );
}
.success{
  color: #fff;
  background: #2da30d;
background: -moz-linear-gradient(top, #2da30d 0%, #247a0c 100%);
background: -webkit-linear-gradient(top, #2da30d 0%,#247a0c 100%);
background: linear-gradient(to bottom, #2da30d 0%,#247a0c 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2da30d', endColorstr='#247a0c',GradientType=0 );
}
.atention{
  color: #fff;
  background: #efd799;
background: -moz-linear-gradient(top, #efd799 0%, #d6b917 100%);
background: -webkit-linear-gradient(top, #efd799 0%,#d6b917 100%);
background: linear-gradient(to bottom, #efd799 0%,#d6b917 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efd799', endColorstr='#d6b917',GradientType=0 );
}
.danger{
  color: #fff;
  background: #c44a4a;
background: -moz-linear-gradient(top, #c44a4a 0%, #890014 100%);
background: -webkit-linear-gradient(top, #c44a4a 0%,#890014 100%);
background: linear-gradient(to bottom, #c44a4a 0%,#890014 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c44a4a', endColorstr='#890014',GradientType=0 );
}