body {
    /*padding: 0 16px;*/
    font-size: 13px;
    /* background-color: #000; */
    color: #000;
    margin: 0;

}
.container {
    /* padding: 0 1em;
box-shadow: 0 0 30px black;
padding:0 15px 0 15px;
padding: 0;
margin: 0;
border: 1px; */
}
.row {
    /*margin-bottom: 1.5em;*/
}
.row .row {
    /*margin-top: 0.8em;
    margin-bottom: 0;*/
}
[class*="col-"] {
    /*		  padding: 1em 0;
              background-color: rgba(255,195,13,.3);
              border: 1px solid rgba(255,195,13,.4);  */
    /* background-color: rgba(92,92,92,.3);
    border: 1px solid rgba(92,92,92,.4); */
}

.spot {
    font-size: 22px;
    vertical-align: middle;
    font-weight: bold;
}
@media only screen and (max-width: 400px) {
    .spot {    font-size: 18px;}
}

@font-face {
    font-family: MyCustomFont;
    src: local(Heiti TC), local("微軟正黑體");
    /* no unicode-range; default to all characters */
}

/* Latin characters 專用 */
@font-face {
    font-family: MyCustomFont; /* 同樣的 font-family */
    unicode-range: U+00-024F;  /* Latin, Latin1 Sup., Ext-A, Ext-B */
    src: local(Helvetica),     /* OS X preferred */
    local(Arial);         /* Other OS */
}

/* 注音符號專用 */
@font-face {
    font-family: MyCustomFont;      /* 同樣的 font-family */
    unicode-range: U+3100-312F;     /* Bopomofo */
    src: local(LiHei Pro),          /* OS X */
    local("微軟正黑體"); /* Windows Vista+ */
}

/* 日文假名專用 */
@font-face {
    font-family: MyCustomFont;            /* 同樣的 font-family */
    unicode-range: U+3040-30FF;           /* Hiragana, Katakana */
    src: local(Hiragino Kaku Gothic Pro), /* OS X */
    local(Meiryo);                   /* Windows Vista+ */
}

body p td {
    font-family: MyCustomFont, sans-serif;
}

.content {
    font-family: MyCustomFont, sans-serif;
}

.panel {
    font-family: MyCustomFont, sans-serif;
}

.green {
    color: green;
    font-size: 18px;
    color: #00ff00;
    font-weight: bold;
}

.red {
    font-size: 18px;
    color: #ef0000;
    font-weight: bold;
}

.blue {
    color: blue;
}

.orange {
    color: orange;
}

.yellow {
    font-size: 18px;
    color: #f6ff00;
    font-weight: bold;
}

.grey-back {
    /* background-color: #303030; */
    background-color: #000;
}

.modal .modal-body {
    max-height: 800px;
    overflow-y: auto;
}

.differentTable, .differentTable td {
    border-color: #fff;
}

.tbstripa {
    background-color: #404040;
    color: #00ff00;
}

.tbstripb {
    background-color: #404040;
    color: #ffffff;
}

.highlow {
    font-size: 19px;
    color: #ffffff;
}
@media only screen and (max-width: 400px) {
    .highlow {    font-size: 18px;}
}

.cbg {
    background-color: #1f1f1f;
}

.yellowrow {
    color: #fefe74;
}

.greenrow {
    color: #00ffff;
}