html, body {
    min-height: 100%;
    font-family: "微軟正黑體","儷黑","標楷體","Arial" !important;
}

.bg-01 {
    background: url(../img/bg_01.jpg) no-repeat top right;
    background-size: cover;
}

.bg-02 {
    background: url(../img/bg_02.jpg) no-repeat top left;
    background-size: cover;
}

.bg-news {
    background-color: rgba(255, 255, 255, 0.9);
}

.bg-login {
    background-color: #5ae1ff;
    padding: 0px 30px;
}

.bg-ad {
    background-color: rgba(0, 0, 0, 0.6);
    max-width: auto;
    overflow: hidden;
    padding-left: 0px;
}

.bg-menu {
    background-color: rgba(0, 0, 0, 0.6);
    padding: 10px 0px;
    min-height: 100%;
}

.bg-listing {
    background-color: rgba(255, 255, 255, 0.9);
    padding: 10px 0px;
    min-height: 100%;
}

.bg-extra {
    background-color: #5ae1ff;
    padding: 0px 20px;
    padding-bottom: 30px;
    min-height: 100%;
}

.bg-promote {
    background-color: #90a8ff;
    padding: 0px 20px;
    padding-bottom: 30px;
    min-height: 100%;
}

.main-header {
    min-height: 460px;
    padding-top: 10px;
}

.main-menu {
    line-height: 12px;
}

.main-bottom {
    min-height: 200px;
}

.content-header {
    min-height: 80px;
    padding-top: 10px;
}

.footer {
    color: white;
    float: none;
    padding-top: 10px;
    vertical-align: bottom;
    word-wrap: break-word;
}

a.footer, a:visited {
    color: white;
}

a.footer:hover, a.footer:active {
    color: #ccffff;
    text-decoration: underline;
}

.footer-02 {
    color: grey;
    float: none;
    padding-top: 10px;
    vertical-align: bottom;
    word-wrap: break-word;
}

a.footer-02, a:visited {
    color: grey;
}

a.footer-02:hover, a.footer-02:active {
    color: #009999;
    text-decoration: underline;
}

.menu, a.menu:visited {
    color: white;
}

a.menu:hover, a.menu:active {
    color: yellow;
    text-decoration: none;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
    background-color: yellow;
}

.btn-padding-0 {
    padding-left: 0px;
    padding-right: 0px;
}

.color-black {
    color: black;
}

.color-white {
    color: white;
}

.color-yellow {
    color: yellow;
}

.color-light-blue {
    color: #ccffff;
}

.top-0 {
    padding-top: 0px;
}

.top-4 {
    padding-top: 4px;
}

.top-5 {
    padding-top: 5px;
}

.top-8 {
    padding-top: 8px;
}

.top-10 {
    padding-top: 10px;
}

.top-15 {
    padding-top: 15px;
}

.top-20 {
    padding-top: 20px;
}

.bottom-0 {
    padding-bottom: 0px;
}

.bottom-5 {
    padding-bottom: 5px;
}

.bottom-10 {
    padding-bottom: 10px;
}

.bottom-15 {
    padding-bottom: 15px;
}

.bottom-20 {
    padding-bottom: 20px;
}

.left-0 {
    padding-left: 0px;
}

.left-5 {
    padding-left: 5px;
}

.left-10 {
    padding-left: 10px;
}

.left-15 {
    padding-left: 15px;
}

.left-20 {
    padding-left: 20px;
}

.left-30 {
    padding-left: 30px;
}

.right-0 {
    padding-right: 0px;
}

.right-5 {
    padding-right: 5px;
}

.right-10 {
    padding-right: 10px;
}

.right-15 {
    padding-right: 15px;
}

.right-20 {
    padding-right: 20px;
}

.right-30 {
    padding-right: 30px;
}

.all-5 {
    padding: 5px;
}

.all-10 {
    padding: 10px;
}

.align-bottom-0 {
    position: absolute;
    bottom: 0px;
}

.align-bottom-10 {
    position: absolute;
    bottom: 0px;
    margin-bottom: 10px;
}

.align-bottom-20 {
    position: absolute;
    bottom: 0px;
    margin-bottom: 20px;
}

.align-right-0 {
    position: absolute;
    right: 0px;
}

.align-right-10 {
    position: absolute;
    right: 0px;
    margin-right: 10px;
}

.align-right-20 {
    position: absolute;
    right: 0px;
    margin-right: 20px;
}

.align-right-30 {
    position: absolute;
    right: 0px;
    margin-right: 30px;
}

.narrow_td{
	padding: 0px;
}

.text-shadow-333 {
    text-shadow: 1px 1px 1px #333;
}


hr.hr-menu {
    width: 50px;
    border-color: grey;
    margin: 10px 0;
    margin-left: auto;
    margin-right: auto;
}
hr.hr-menu-full {
    border-color: #cccccc;
    margin: 10px 0;
    margin-left: -15px;
    margin-right: -15px;
}
.text-pre-class {
    color: #ff9966;
}
hr.hr-pre-class {
    width: 98%;
    border-color: #ff9900;
    margin: 0px 0px;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
}

.text-at-class {
    color: #44aa88;
}
hr.hr-at-class {
    width: 98%;
    border-color: #44aa88;
    margin: 0px 0px;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
}

.text-after-class {
    color: #4a77a6;
}

hr.hr-after-class {
    width: 98%;
    border-color: #4a77a6;
    margin: 0px 0px;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
}

/*Addition*/
/*
hr{
    display: block;
    -webkit-margin-before: 0.5em;
    -webkit-margin-after: 0.5em;
    -webkit-margin-start: auto;
    -webkit-margin-end: auto;
    border-style: inset;
    border-width: 1px;
    box-sizing: border-box;
}*/
td{
	padding: 5px;
}

img { margin:0; padding:0; font-size:100%; line-height:1; }



/*new badge*/
.new-badge {
    position: relative;
    left: 12px;
    top: -7px;
    padding: 2px 3px;
    border-radius: 2px;
    background: #ed203d;
    color: #fff;
    font-size: 10px;
	font-weight: 20;
}