﻿.popbox {
  margin:0px auto;
  text-align:center;
  position:relative;
}

  .collapse { position:relative; }

  .open {
    background:#DDD;
    border:solid 1px #FFF;
    border-radius:5px;
    box-shadow: 0px 0px 5px #CCC;
    background:-webkit-gradient(linear,left top,left bottom,from(#f4f4f4),to(#e8e8e8));
    background:-moz-linear-gradient(top,#f4f4f4,#e8e8e8);
    background:linear-gradient(top,#f4f4f4,#e8e8e8);
    padding:8px;
  }

    .box {
      display:block;
      display:none;
      background:#FFF;
      border:solid 1px #BBBBBB;
      border-radius:5px;
      box-shadow:0px 0px 15px #999;
      position:absolute;
    }

      .box a.close {
       color:red;
       font-size:12px;
       font-family:arial;
       text-decoration:underline;
      }

      .arrow {
      	width: 0;
      	height: 0;
      	border-left: 11px solid transparent;
      	border-right: 11px solid transparent;
      	border-bottom: 11px solid #FFF;
      	position:absolute;
      	left:1px;
      	top:-10px;
      	z-index:1001;
      }

      .arrow-border {
      	width: 0;
      	height: 0;
      	border-left: 11px solid transparent;
      	border-right: 11px solid transparent;
      	border-bottom: 11px solid #BBBBBB;
      	position:absolute;
      	top:-12px;
      	z-index:1000;
      }

.disground {
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: auto;
    background: url('/images/trongsuot70.png');
    vertical-align: middle;
}

.discoment{
    width: 958px; 
    margin: auto; 
    background: url('/images/white.jpg');
}

#inTurnFadingTextG {
    width: 300px;
    margin-top: 15%;
	opacity: 1;
}

.inTurnFadingTextG {
    color: #000000;
    font-family: Arial;
    font-size: 42px;
    text-decoration: none;
    font-weight: bold;
    font-style: normal;
    float: left;
    -moz-animation-name: bounce_inTurnFadingTextG;
    -moz-animation-duration: 2.1s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-direction: linear;
    -webkit-animation-name: bounce_inTurnFadingTextG;
    -webkit-animation-duration: 2.1s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: linear;
    -o-animation-name: bounce_inTurnFadingTextG;
    -o-animation-duration: 2.1s;
    -o-animation-iteration-count: infinite;
    -o-animation-direction: linear;
    -ms-animation-name: bounce_inTurnFadingTextG;
    -ms-animation-duration: 2.1s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-direction: linear;
    animation-name: bounce_inTurnFadingTextG;
    animation-duration: 2.1s;
    animation-iteration-count: infinite;
    animation-direction: linear;
}

#inTurnFadingTextG_1 {
    -moz-animation-delay: 0.6s;
    -webkit-animation-delay: 0.6s;
    -o-animation-delay: 0.6s;
    -ms-animation-delay: 0.6s;
    animation-delay: 0.6s;
}

#inTurnFadingTextG_2 {
    -moz-animation-delay: 0.75s;
    -webkit-animation-delay: 0.75s;
    -o-animation-delay: 0.75s;
    -ms-animation-delay: 0.75s;
    animation-delay: 0.75s;
}

#inTurnFadingTextG_3 {
    -moz-animation-delay: 0.9s;
    -webkit-animation-delay: 0.9s;
    -o-animation-delay: 0.9s;
    -ms-animation-delay: 0.9s;
    animation-delay: 0.9s;
}

#inTurnFadingTextG_4 {
    -moz-animation-delay: 1.05s;
    -webkit-animation-delay: 1.05s;
    -o-animation-delay: 1.05s;
    -ms-animation-delay: 1.05s;
    animation-delay: 1.05s;
}

#inTurnFadingTextG_5 {
    -moz-animation-delay: 1.2s;
    -webkit-animation-delay: 1.2s;
    -o-animation-delay: 1.2s;
    -ms-animation-delay: 1.2s;
    animation-delay: 1.2s;
}

#inTurnFadingTextG_6 {
    -moz-animation-delay: 1.35s;
    -webkit-animation-delay: 1.35s;
    -o-animation-delay: 1.35s;
    -ms-animation-delay: 1.35s;
    animation-delay: 1.35s;
}

#inTurnFadingTextG_7 {
    -moz-animation-delay: 1.5s;
    -webkit-animation-delay: 1.5s;
    -o-animation-delay: 1.5s;
    -ms-animation-delay: 1.5s;
    animation-delay: 1.5s;
}

#inTurnFadingTextG_8 {
    -moz-animation-delay: 1.65s;
    -webkit-animation-delay: 1.65s;
    -o-animation-delay: 1.65s;
    -ms-animation-delay: 1.65s;
    animation-delay: 1.65s;
}

#inTurnFadingTextG_9 {
    -moz-animation-delay: 1.8s;
    -webkit-animation-delay: 1.8s;
    -o-animation-delay: 1.8s;
    -ms-animation-delay: 1.8s;
    animation-delay: 1.8s;
}

#inTurnFadingTextG_10 {
    -moz-animation-delay: 1.95s;
    -webkit-animation-delay: 1.95s;
    -o-animation-delay: 1.95s;
    -ms-animation-delay: 1.95s;
    animation-delay: 1.95s;
}

@-moz-keyframes bounce_inTurnFadingTextG {
    0% {
        color: #000000;
    }

    100% {
        color: #FFFFFF;
    }
}

@-webkit-keyframes bounce_inTurnFadingTextG {
    0% {
        color: #000000;
    }

    100% {
        color: #FFFFFF;
    }
}

@-o-keyframes bounce_inTurnFadingTextG {
    0% {
        color: #000000;
    }

    100% {
        color: #FFFFFF;
    }
}

@-ms-keyframes bounce_inTurnFadingTextG {
    0% {
        color: #000000;
    }

    100% {
        color: #FFFFFF;
    }
}

@keyframes bounce_inTurnFadingTextG {
    0% {
        color: #000000;
    }

    100% {
        color: #FFFFFF;
    }
}
