/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Tiny CSS */
.btnBig{ 
    display: inline-block; padding: 10px 70px; background: #0059ff;
    color: #FFFFFF; margin-bottom: 20px; font-size: 22px;
    border: 1px solid #FFFFFF; border-radius: 14px; 
}    
.btnBig:hover{ text-decoration: none; background: #0844b5; }
span.xDesc{ color: #FFFFFF; }
#content #headTitle{ text-align: center; background: #121212; color: #FFFFFF; padding: 20px; line-height: 24px; }
h1.tinyH1{ font-size: 30px; color: #018aff; font-family: sans-serif; display: inline-block; }
h2.tinyH2{ font-size: 30px; color: #0f13b3; font-family: sans-serif; display: inline-block; margin-bottom: 15px; line-height: initial; }
h3.tinyH3{ font-size: 10pt; color: #090c7d; display: inline-block; }
.hiTiny{ display:none !important; }
iframe{ max-width: 90%; }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Table */
table.tbNet{ font-family: sans-serif; width:100%; color: #000000; }
table.tbNet thead tr{ background: #ed2128; color: #FFFFFF; }
table.tbNet thead center{ color: #FFFFFF; }
table.tbNet thead th{ font-size: large; }
table.tbNet tr{ background: #ffffff; }
table.tbNet strong{ font-size: 11pt; color: #008000; }
table.tbNet strong.price{ color: #000000; }
table.tbNet td.code{ line-height: 40px; padding: 15px 0 0 15px; }
table.tbNet td.code strong{ color: #ca2b89; font-size: 13pt; }
a.signup{ 
    font-size: 14pt;
    padding: 7px 14px 6px;
    background: #272727;
    border: 1px solid #000000;
    border-radius: 13px;
    color: #FFFFFF !important;
    text-decoration: none;
}
a.signup:hover{ color:#FFFFFF !important; }
table, th, td{
	border: 1px solid #cac8c8;
	border-collapse: collapse;
}
th, td{
	padding: 5px;
	text-align: left;
	font-size: 9pt;
}
table{ page-break-inside:auto }
tr{ page-break-inside:avoid; page-break-after:auto; }
thead{ display:table-header-group; background: #f1f0f0; }
tfoot{ display:table-footer-group; }
.breakPage{ page-break-before: always; }
.tableFooter{ background: #f1f0f0; }
.tableFooter b{ color:#087eff; }
.tableFooter td{ border:none; padding: 7px 5px;  }
table a{ color:#000000; }

#tbWeb{ display:table; }
#tbMobile{ display:none; }
@media screen and (max-width: 800px) {
    #tbWeb{ display:none; }
    #tbMobile{ display:table; }
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Main Skin */
body{ font-family:Verdana;color:#aaaaaa; }
* {
  box-sizing: border-box;
}
.menu {
  float:left;
  width:20%;
  text-align:center;
}
.menu a {
    background-color:#656565;
    padding:8px;
    margin-top:7px;
    display:block;
    width:100%;
    color:#FFFFFF;
    font-size: 18px;
    font-weight: bold;
    text-decoration: none;
    border-radius: 5px;
}
.menu a.active{ background-color:#fe930e; }
.main {
  float:left;
  width:60%;
  padding:0 20px;
}
.right {
    background-color:#646464;
    float:left; color: #FFFFFF;
    width:20%;
    padding:15px;
    margin-top:7px;
    text-align:center;
    border-radius: 5px; padding-bottom: 0;
}
.right h3{ color: #FFFFFF; font-size: 0.9em; }
.reBox{ padding: 0 0 10px; margin: 15px 0; border-bottom: 1px solid #8e8d8d; }
.reBox p{ text-align: left; padding: 0; margin: 5px 0; font-size: 9pt; color: #c5c5c5; }

.listBox{ padding: 0 0 10px; margin: 5px 0 12px 0; width: 50%; display: inline-block; }
.listBox p.detail{ font-size: 10pt; padding: 10px 0; }
.listBox h3, .listBox a, .listBox p, .listBox img{ width: 90%; }
.cTime{ font-size: 7pt; color: #FF9800; }

h1{ color: #000000; font-size: 1.5em; }
h2{ color: #000000; margin: 0; font-size: 1.3em; }
h3{ color: #000000; margin: 0 0 5px; font-size: 1em; text-align: left; }
hr{ border: 2px solid #fe920f; }


    
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - For mobile phones: */
@media only screen and (max-width:800px) {  
    .menu, .main, .right { width:100%; }
    p.detail{ display: none; }
    .listBox{ padding: 0 0 10px; margin: 15px 0; width: 100%; float: left; }
    .listBox h3, .listBox a, .listBox p, .listBox img{ width: 100%; }
}

.faqsBox{ padding: 0 0 20px; line-height: 26px; }
.faqsBox .ask{ font-weight: bold; color: #000000; }


