/* ============================================
   1. CSS 變數設定
   ============================================ */
     /*字型*/
     --basic-font:"Noto Sans TC", "微軟正黑體", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif
}

/* ============================================
   2. 基礎樣式
   ============================================ */
body,
.index-editor,
.btn-sideline > span,
.tab-menu,
.signup-footer:before {
    background-color: #ffffff;
}

p {
    color: #333;
    font-weight: 400;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    line-height: 1.4 !important;
}

.row {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.navi-item:nth-child(2) {
    -ms-flex: 0 0 200px;
    flex: 0 0 200px;
    max-width: 200px;
}
@media (min-width: 993px) {
    .navbar-brand {
        display: inline-block;
        max-width: 200px!important;
    }
}
/* ============================================
   3. 連結樣式
   ============================================ */
.html-info a,
.html-info a:visited {
    color: var(--link-color);
}

.html-info a:active,
.html-info a:focus,
.html-info a:hover {
    color: var(--link-hover-color);
}

a.read-more {
    color: var(--primary-color);
    font-size: 0.9rem;
}

a.read-more:hover {
    color: var(--button-bg-hover-color);
}

/* ============================================
   4. Header / Navbar
   ============================================ */
.navbar {
    /*position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    max-width: 100%;
    padding: 0.8rem 10%;
    z-index: 1030;*/
    transition: all 0.3s ease;
    background-color: #000;
    box-sizing: border-box;
}

/*.navbar.fixed {
    background: rgba(255, 255, 255, 1);
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
}*/

    .navbar {
        max-width: 100%;
        padding-left:2%;
        padding-right:2%;
        padding-bottom:20px;
    }


.navbar-brand {
    display: inline-block;
    padding-top: 0;
    padding-bottom: 0;
    margin-right: 0;
    font-size: 1.25rem;
    line-height: inherit;
    white-space: nowrap;
}

.pagging-header::before {
    background: transparent;
}

.pagging-title,
.breadcrumb {
    margin-bottom: 0;
}

.index-banner-slider {
    margin-top: 120px;
}

/* ============================================
   5. 導航選單
   ============================================ */
.naviMain ul {
    justify-content: space-evenly;
}

.naviMain ul > li > a:hover {
    color: var(--header-link-hover-color);
}

.naviMain ul > li > a:hover > span {
    transform: translateY(0);
    opacity: 100;
}

.naviMain ul > li > a::before {
    display: none;
}

.navi-item ul li a span,
.member-item,
footer .small-title {
    font-family: var(--basic-font);
    font-weight: 400;
}

.navi-item:first-child {
    padding: 15px;
}
.mobile-menu {
    background-color: #000;
}
.hamburger .line {
    background-color: var(--primary-color);
}
/* ============================================
   6. RWD - 平板 (max-width: 992px)
   ============================================ */
@media (max-width: 992px) {

}
    
    

/* ============================================
   7. RWD - 手機 (max-width: 768px)
   ============================================ */
@media (max-width: 768px) {
  
}
/* ============================================
   8. RWD - 桌機 (min-width: 993px)
   ============================================ */

.member-item {
position: relative;
    z-index: 999;
}
.mobile-btn {
    font-size: 1.1rem;
    padding: 0.2rem 1rem;
}
section.index-editor {
    padding-top: 0;
    padding-bottom: 0;
}
section.index-editor .html-info {
    margin-bottom: 0;
}