body {
    background : #232324; color: #FFFFFF;
}
footer {
    background-color: #000000;
    color: #1e1e1e;
}

/* Remove the navbar's default rounded borders and increase the bottom margin */ 
.navbar {
  margin-bottom: 50px;
  border-radius: 0;
}

/* Remove the jumbotron's default bottom margin */ 
 .jumbotron {
  margin-bottom: 0;
}

/* Add a gray background color and some padding to the footer */
footer {
    background-color: #000000;
    border-top: 1px solid #504e4e;
    padding: 25px; color: #868686;
}

.jumbotron {
    color: #000000; background: transparent; height: 100px; padding: 12px;
}
.jumbotron .container{ position: relative; }

img.logo{ height: 30px; width: auto; margin-top: -5px; }
.jumbotron .topheader h3 { font-size: 36px; } 

.panel-primary.blackbox{
    border-color: #717171;
}
.panel-primary.blackbox .panel-heading {
    background: #107f02;
    border-color: #a2b5c5;
    color: #FFFFFF;
    text-shadow: 0 1px 2px rgba(0,0,0,.5), 0 1px 2px rgba(0,0,0,.5), 0 1px 2px rgba(0,0,0,.5);
}
.panel-footer {
    background-color: #222324;
}

.panel-primary.blackbox.boxlistx .panel-body{
    padding: 0;
}
.panel-primary.blackbox.boxlistx .panel-heading{  
    min-height: 45px;
    overflow: hidden;
    line-height: 27px;
    font-size: 16px;
}

.page-content .panel-primary.blackbox .panel-heading {
    background-color: #000000;
    border-color: #484848;
    text-shadow: 1px 1px #000000;
}
.page-content .panel-primary.blackbox .panel-body{
    padding: 15px; background: #222324;
    color: #e8e8e8; font-size: 15px;
    line-height: 27px;
}

.panel-primary.redbox{
    border-color: #b7152d;
}
.panel-primary.redbox .panel-heading {
    background-color: #d02741;
    border-color: #ff2e4d;
    text-shadow: 1px 1px #000000;
}

.panel-primary.bluebox{
    border-color: #337ab7;
}
.panel-primary.bluebox .panel-heading {
    background-color: #337ab7;
    border-color: #337ab7;
    text-shadow: 1px 1px #000000;
}

.panel-primary img{ width: 100%; }
.panel-primary h3{ font-size: 16px; margin: 2px 0; }

.ctime{ color: #ece6ae; font-size: 8pt; }

.wc100 h1{ font-size: 18px; margin: 10px 0; font-weight: bold; }
.wc100 h2{ font-size: 18px; margin: 10px 0; font-weight: bold; }
.wc100 h3{ font-size: 16px; margin: 10px 0; font-weight: bold; }
.navbar { margin-bottom: 30px; }

.wc100 .nobor{ border-top: 2px solid #DDDDDD; margin: 30px 0 10px; padding: 20px 20px 10px; }
.jumbotron .logo{ text-align: center; padding: 0; }
.jumbotron .logo a{ position: relative; display: inline-block; }
.jumbotron .logo a span {
    font-size: 9pt;
    position: absolute;
    color: #757575;
    bottom: 8px;
    font-weight: bold;
    right: -55px;
}


.navbar-inverse {
    background-color: #000000;
    border-top-color: #909090;
    border-bottom-color: #909090;
}
.navbar-inverse .navbar-nav>li>a {
    font-weight: bold;  font-size: 13pt;
    color: #FFFFFF !important; height: 48px;
}
.navbar-inverse .navbar-nav>li.active>a {
    color: #FFFFFF !important;
    background-color: #107f02 !important;
    border-right: 1px solid #8a8a8a;
}
.navbar-inverse .navbar-nav>li:hover>a {
    color: #FFFFFF !important;
    background-color: #232324 !important;
}

.navbar-toggle {
    background-color: #1e1e1e;
}

.jumbotron .logo a.signup {
    font-size: 14pt;
    padding: 7px 24px 6px;
    border: 1px solid #FFFFFF;
    border-radius: 13px;
    color: #FFFFFF !important;
    text-decoration: none;
    text-shadow: 1px 1px #000000;
    position: absolute; top: 28px; right: 10px;
    background: #228617;
}
.jumbotron .logo a.signup:hover{ background: #000000; }
.jumbotron .logo a.signin{
    font-size: 14pt;
    padding: 7px 24px 6px;
    background: transparent;
    border: 1px solid #FFFFFF;
    border-radius: 13px;
    color: #FFFFFF !important;
    text-decoration: none;
    text-shadow: 1px 1px #000000;
    position: absolute; top: 28px; right: 170px;
}
.jumbotron .logo a.signin:hover{ background: #000000; }
.jumbotron .logo a.signup, .jumbotron .logo a.signin{ display: none; }
.navbar-brand.mobile-signup{ 
    background: #d02940; color: #FFFFFF; border-right: 1px solid #FFFFFF;
}
.container-fluid a{ color: #868686; }
.acontent .panel-primary img{ width: auto; }

.wc100 h1{ margin: 10px 0 0; }


table.tbNet thead th {
    font-size: medium;
    padding: 10px;
}
table, th, td {
    border: 1px solid #1d1d1d;
    border-collapse: collapse;
}
td, th {
    padding: 10px;
}
table.tbNet .hMB{ display: none; }

a.signup.alpha88regis{ margin: 10px 0 20px;
    display: inline-block;
    font-size: 20px;
    background: #d20e00;
    color: #FFFFFF;
    border-color: #750404;
    font-weight: bold;
    padding: 10px 30px;
    text-shadow: 1px 1px #000000;
 }

a.signup.btnregister{ margin: 10px 0 20px;
    display: inline-block;
    font-size: 20px;
    background: linear-gradient(135deg,#cc0f04,#860303 35%,#800102 65%,#e80101);
    color: #FFFFFF;
    border-color: #FFFFFF;
    font-weight: bold;
    padding: 10px 30px;
    text-shadow: 1px 1px #000000;
 }
a.signup.btnregister:hover{ 
    text-decoration: none; 
    background: linear-gradient(135deg,#038408,#005203 35%,#003e02 65%,#529800);
}
.panel {
    background-color: #222324;
}

.footer-brand{ 
    width:100%;     
    border-bottom: 1px solid #4a4848;
    margin-bottom: 10px;
    padding-bottom: 10px;
}
/* - - - - - - - - - - - - - - -  - - - - - - - - - - -  - - - - - - - - - - - - - - - - - - - - - - On Web > 768px */
@media screen and (min-width: 768px){
    .logo img{ max-width:none; }
    .jumbotron .topheader h3 {
        font-size: 63px;
    }
    .wc100 h1{ font-size: 24px; margin: 10px 0 0; font-weight: bold; }
    .wc100 h2{ font-size: 22px; margin: 10px 0; font-weight: bold; }
    .wc100 h3{ font-size: 20px; margin: 10px 0; font-weight: bold; }
    .jumbotron .logo{ text-align: left; }
    .navbar-nav {
        margin-left: 120px;
    }
    .jumbotron .logo a.signup, .jumbotron .logo a.signin{ display: inline-block; }
    .navbar-brand.mobile-signup{ 
        display: none;
    }
    .acontent .wc100{  width: 960px; text-align: left; margin: auto; }
    table.tbNet .hMB{ display: table-cell; }

    .page-content .panel-primary.blackbox .panel-body{
        font-size: 16px;
    }
    .col-sm-4 { width: 50%; }
    .footer-brand{ width:65%; }
}

.faqsBox h4{
    font-size: 17px; margin: 15px 0 7px; padding: 0; color: #FFFFFF;
}


/* - - - - - - - - - - - - - - -  - - - - - - - - - - -  - - - - - - - - - - - - - - - - - - - - - - Table */
#topList{ padding: 0; text-align: center; }
#topList li{ 
    display: inline-block; text-align: center;
    background: #FFFFFF; position: relative;
    border: 1px solid #000000; vertical-align: top;
    border-radius: 8px; color: #000000;
    padding: 0; margin: 15px 5px 10px;
    width: 96%;
}
#topList .tLN{ position: absolute;z-index: 9; left: 10px; top: -7px; }
#topList .tLN strong{ position: absolute; left: 18px; top: 0; color: #000000; z-index: 99; font-size: 18px; font-weight: bold; }
#topList .tLN span{ font-size: 45px; color: #ffc106; text-shadow: 1px 1px #FFFFFF; }
#topList h2{ padding-top: 24px; color: #FFC107; font-size: 24px; }
#topList p{ padding: 10px; }
#topList p.tL1{ margin: 0; }
#topList p.tL2{ color: #d20c0c; padding: 0; margin: 0; }
#topList p.tL2 strong{ font-size: 35px; vertical-align: middle; margin-top: -5px; display: inline-block; }
#topList p.tL3{ margin: 0 10px; border-top: 1px solid #a2a1a1; border-bottom: 1px solid #a2a1a1; font-size: 10pt; }
#topList p.tL4{ }
#topList p.tL4 a{     
    background: #ca0b0b;
    display: inline-block;
    padding: 10px 15px;
    border: 1px solid #880a0a;
    color: #FFFFFF;
    border-radius: 8px; 
}
/* - - - - - - - - - - - - - - -  - - - - - - - - - - -  - - - - - - - - - - - - - - - - - - - - - - On Web > 768px */
@media screen and (min-width: 768px){
    #topList li{ width: 30%; }
}




.panel-footer p{ margin: 0 0 5px; padding: 0; max-height: 40px; overflow: hidden; }