body {
    overflow-x: hidden;
    font-family:'Microsoft JhengHei', '微軟正黑體', 'Microsoft YaHei', sans-serif !important;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
    font-family:'Microsoft JhengHei', '微軟正黑體', 'Microsoft YaHei', sans-serif !important;
}
.main-container {
    margin:0 auto;
    margin-top: 180px;
}
.max-menu {
    margin:0 auto;
    max-width: 1105px;
}
.max-page {
    margin:0 auto;
    max-width: 960px;
}
.width-120 {
    width: 120px;
}
.margin-top-20 {
    margin-top: 20px;
}
.margin-top-40 {
    margin-top: 40px;
}
.margin-top-250 {
    margin-top: 250px;
}
.thumbnail {
    padding:0;
    border:0;
    border-radius:0;
    -moz-box-shadow:4px 4px 4px rgba(20%,20%,40%,0.5);
    -webkit-box-shadow:4px 4px 4px rgba(20%,20%,40%,0.5);
    box-shadow: 4px 4px 4px rgba(20%,20%,20%,0.1);
}
.thumbnail p.intro {
    height: 60px;
    line-height: 25px;
    word-wrap:break-word;
    padding: 10px 20px;
    text-align: center;
    font-weight: bold;
    overflow: hidden;
}
.thumbnail a:hover img {
    opacity: 0.7;
}
.thumbnail .caption p {
    margin:0;
    padding:0;
}

.no-border {
    border:0;
    box-shadow:none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}
footer {
    width: 100%;
    background-color:#3f3d3c;
    color:#fff;
    padding:20px;
}
.footer-links {
    width: 100%;
    padding:40px;
    text-align:center;
    margin-top:40px;
}
.title-banner {
    width: 100%;
    height: 112px;
    margin-bottom:40px;
    background-color:#1b2f51;
    color:#fff;
}
.title-banner h1 {
    line-height: 112px;
    padding-left:30px;
    font-size:22px;
}
.top-bg {
    background: url("/static/img/top-bg-1920.png");
}
pre {
    font-family:'Microsoft JhengHei', '微軟正黑體', 'Microsoft YaHei', sans-serif !important;
    margin-top:40px;
    padding: 0px;
    background: rgba(0,0,0,0);
    border: none;
    white-space: pre-wrap;       /* css-3 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
    font-size:14px;
}
pre table {
    width: 100% !important;
}
.page-title {
    width:100%;
    background-color:#595859;
    padding:30px;
    color:#fff;
}
h1.content-name {
    font-size:16px;
    background:#595859;
    color:#fff;
    padding: 20px;
    margin: 0;
    text-align:center;
}
a {
    color:#333;
}
a:hover {
    text-decoration: none;
}
.errorlist {
    color:#faa;
}

.mask {
    position: absolute;
    bottom:0;
    left:0;
    background: rgba(0,0,0,0.8);
    width: 100%;
    height: 80px;
    color:#FFF;
}
.mask ul {
    padding:10px;
    margin:0;
}
.mask ul li {
    padding:5px;
    list-style: none;
}
.mask ul li.title {
    font-size:16px;
    color:#ecbd43;
}
.mask ul li.intro,
.mask ul li  a {
    font-size:14px;
}

.mask ul li a {
    color:white !important;
}
.height-50-block{
    display:block;
    height:50px;
    width:1px;
}
.height-100-block{
    display:block;
    height:100px;
    width:1px;
}
.auth-panel {
    max-width:400px;
    margin:0 auto;
}
.captcha {
    width: 30%;
    height:40px;
}
.search-select-style {
    display: inline-block;
    margin-right:4px;
    max-width:120px;
}
.search-select-style select {
}
.input-search-btn {
    margin-left:4px;
}
.width-40 {
    width: 40px;
}
.width-60 {
    width: 60px;
}
.width-80 {
    width: 80px;
}
.width-120 {
    width: 120px;
}

.inline-block {
    display: inline-block;
}
.margin-top-20 {
    margin-top: 20px;
}
.loading {
    display: none;
}
.shortcut-sidebar {
    display: none;
}
.text-orange {
    color: orange !important;
}
@media (min-width: 1105px) {
  .max-menu {
    padding-right:58px;
  }
}
.img-responsive {
    width: 100%;
}
@media (min-width: 992px) {
    .row-xs {
        margin-right: -15px;
        margin-left: -15px;
    }
}