f /* style01 綠色系 */
a {
    color: #0066CC;
}

a:hover {
    color: #ad1818;
}

/* 行動版選單 Toggle navigation */
.navbar-default .navbar-toggle .icon-bar {
    background-color: #038185;
}



body {
    background-color: #444;
}

@media (max-width: 767px) {
    .nav-system {
        background: #038185;
    }

    body {
        background-color: #effcfc;
    }

    header {
        border-bottom-color: #038185;
    }
}

.header-nav .navbar-nav > li > a {
    color: #fff;
}

    .header-nav .navbar-nav > li > a:hover,
    .header-nav .navbar-nav > li > a:focus,
    .header-nav .navbar-nav > li > a.active {
        color: #f3bf0c;
    }


/*主選單*/
.menu {
    background-color: #7c13ad;
    width: 100%;
}

    .menu li > a {
        color: #fff;
    }

        .menu li > a.active,
        .menu li > a:hover,
        .menu li > a:focus {
            background-color: #005b5e;
        }

@media (max-width: 767px) {
    .menu .topmenu {
        background-color: #444;
    }

        .menu .topmenu > a.active,
        .menu .topmenu > a:hover,
        .menu .topmenu > a:focus {
            background-color: transparent;
            color: #f3bf0c;
        }

    .menu li:last-child > a {
        border-bottom-width: 4px;
        border-bottom-color: #038185;
    }
}


/* 主要內容 */
/* 背景圖建議尺

 寸(2048*1024) */
.con-bg {
    background-size: cover;
}

.content-con {
    opacity: 0.99;
    border-left: 1px solid #12a4a9;
    border-right: 1px solid #12a4a9;
}

@media (max-width: 767px) {
    .con-bg {
        background-image: none !important;
    }

    .content-con {
        opacity: 1;
    }
}

/* 標題 */
.text-con .text-title {
    border-bottom-color: #af137b;
}

    .text-con .text-title h2 {
        color: #af137b;
    }

.text-con .law-result {
    background-color: #e4f6f6;
}

    .text-con .law-result h3 span {
        color: #038185;
    }


/* 頁籤 */
.myTab > li > a {
    color: #333;
    background-color: #c8edee;
    border: #7ed2d5 1px solid;
}

.myTab a:hover {
    color: #fff;
    background-color: #444 !important;
    border-color: #444 !important;
}

.myTab > li.active > a,
.myTab > li.active > a:hover,
.myTab > li.active > a:focus {
    color: #fff;
    background-color: #038185;
    border-color: #005b5e;
}

@media (min-width: 481px) and (max-width: 768px) {
    .myTab a:hover,
    .myTab a:focus {
        color: #fff;
        background-color: #038185 !important;
        border-color: #005b5e !important;
    }
}

@media (max-width: 480px) {
    .myTab a:hover,
    .myTab a:focus {
        color: #fff;
        background-color: #038185 !important;
        border-color: #005b5e !important;
    }
}

/*頁尾*/
footer .footer-con {
    color: #fff;
}

@media (max-width: 767px) {
    footer {
        background-color: #444;
    }
}