.toprow{
   background-color:#eee;
   white-space:nowrap;
}
.toprow,.navbar .navbar-nav li a,.navbar-header .navbar-brand{
   #color:#fff;
}
.dropdown-menu,.navbar-default{
   #background-color:#79a3d5;
   #background-image: linear-gradient(to bottom, #323a81 0px, #79a3d5 100%);
   background-repeat: repeat-x;
   border-radius: 4px;
   box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.15) inset, 0px 1px 5px rgba(0, 0, 0, 0.075);
}
.http_judge_form{
   white-space:nowrap;
}
.center{
   text-align: center
}
.mynav {
   margin-top: 20px
}
.container .jumbotron{
   padding: 5px;
   background-image: url(../../image/background.gif);
   border: 1px solid #eee;
}

h3.pagenav {
   margin-top: 5px;
   margin-bottom: 20px;
}

h3.pagenav div.item{
   padding: 4px;
   margin: 3px;
   font-size: 16px;
   border: 1px solid #eee;
   border-radius: 3px;
   display: inline-block;
   width: 30px;
}

h3.pagenav div.item:hover{
   background-color: #ddd;
   cursor: pointer;
}

h3.pagenav div.active{
   color: #888;
}

.broadcast {
   height: 20px;
}

#problemset {
   margin-top: 20px;
}
.hint pre{
  display:none;
}
.sampledata {
   width:90%;
   margin: 4px 0px;
   padding: 2px 0 0 2px;
   background:#f2f2f2;
   border:1px solid #e0e0e0;
   font-family: Courier New, Monospace, 宋体;
   font-size: 18px;
   line-height: 20px;
   white-space: pre;
}
.content {
   font-size:18px;
}
.copyWrap, .copyWrap:visited {
   color:lightseagreen;
   margin:0 auto;
   padding:1px 4px;
   border:1px solid lightseagreen;
   border-radius:3px;
   text-align:center;
   line-height:14px;
   font-size:14px;
   text-decoration:none;
}
.copyWrap:hover {
   color: #333;
   background: lightseagreen;
   border:1px solid darkslategray;
   text-decoration:none;
}
.heightInterval {
   width: 100%;
   height: 70px;
}
.face {
   border: 1px solid #ddd;
   border-radius:50%;
   -webkit-border-radius: 50%;
   -moz-border-radius:50%;
   line-height:50px!important;
   background:#666;
}
.sm35 {
   height:35px;
   width:35px;
}
.sm20 {
   height:20px;
   width:20px;
}

.sparkle {
   -webkit-transition: all 1s;
   -moz-transition: all 1s;
   transition: all 1s;
   -webkit-animation: sparkle linear 2s 1.5s infinite;
   -moz-animation: sparkle linear 2s 1.5s infinite;
   animation: sparkle linear 2s 1.5s infinite;
}

@-webkit-keyframes sparkle {
   0% {
      box-shadow: 0 0 0px 0 #b2ff1a;
   }
   50% {box-shadow: 0 0 20px 0 #1affff;}
   100% {
      box-shadow: 0 0 0px 0 #b2ff1a;
   }
}

@-moz-keyframes sparkle {
   0% {
      box-shadow: 0 0 0px 0 #b2ff1a;
   }
   50% {box-shadow: 0 0 20px 0 #1affff;}
   100% {
      box-shadow: 0 0 0px 0 #b2ff1a;
   }
}

@-o-keyframes sparkle {
   0% {
      box-shadow: 0 0 0px 0 #b2ff1a;
   }
   50% {box-shadow: 0 0 20px 0 #1affff;}
   100% {
      box-shadow: 0 0 0px 0 #b2ff1a;
   }
}

@keyframes sparkle {
   0% {
      box-shadow: 0 0 0px 0 #b2ff1a;
   }
   50% {box-shadow: 0 0 20px 0 #1affff;}
   100% {
      box-shadow: 0 0 0px 0 #b2ff1a;
   }
}

@media screen and (max-width: 1048px) {
   .heightInterval {
      width: 100%;
      height: 140px;
   }
}
@media screen and (max-width: 476px) {
   .heightInterval {
      width: 100%;
      height: 210px;
   }
}