body {
    font-family: "微軟正黑體", "Noto Sans", 'Microsoft JhengHei', 'Hind', 'Arial';
    font-size: 16px;
    color: #333;
    line-height: 1.4em;
    background-color: #fbf9f5;
    background-image: url(../images/bg.png);
}

strong {
    font-weight: 600;
}

a,
a:hover,
a:focus {
    text-decoration: none;
    -o-transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
}

a {
    color: #4798dd;
}

a:hover,
a:focus {
    color: #2477be;
}

h1,
h2,
h3,
h4,
h5 {
    margin-top: 0px;
    color: #333;
    line-height: 1.4em;
    text-transform: uppercase;
}

h1 {
    font-size: 28px;
}

h2 {
    font-size: 24px;
}

h3 {
    font-size: 22px;
}

h4 {
    font-size: 18px;
    color: #4a4a4a;
}

h5 {
    font-size: 17px;
    color: #b59339;
}

hr {
    border: 0;
    background-color: #2f9b9c;
    height: 2px;
    margin-top: 15px;
}

img {
    max-width: 100%;
    margin: 10px auto;
}

.clear {
    clear: both;
}

.topblank {
    padding-top: 130px;
    clear: both;
}

.blank {
    margin-top: 60px;
    clear: both;
}

.margin30 {
    margin-top: 30px;
    clear: both;
}

.margin40 {
    margin-top: 40px;
    clear: both;
}

.white {
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
}

.padding30 {
    padding: 30px;
}

.left {
    float: left;
}

.right {
    float: right;
}

.center {
    text-align: center;
}

ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

table {
    border: #d0d0d0 1px solid;
    margin-bottom: 10px;
    margin-top: 20px;
}

caption {
    background-color: #6baee8;
    padding: 10px;
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    text-align: center;
}

table th,
table td {
    border: #d0d0d0 1px solid;
    text-align: center;
}

table .d5d9e5 {
    background-color: #d5d9e5;
    color: #333;
}

table .b0076dc {
    color: #0076dc;
    font-weight: 600;
}

table .red {
    color: red;
    font-size: 24px;
    font-weight: 600;
}

tr:nth-child(even) {
    background: rgba(0, 0, 0, .075);
}

tr:nth-child(odd) {
    background: rgba(255, 255, 255, .5);
}

::-moz-selection {
    background: #6baee8;
    color: #fff;
    text-shadow: none;
}

::selection {
    background: #6baee8;
    color: #fff;
    text-shadow: none;
}

.alert-primary {
    background-color: #e2f2ff;
    border-radius: 0px;
    padding: 15px;
}

.alert-primary h4 {
    padding-right: 10px;
    margin-bottom: 15px;
    color: #2f9b9c;
}

.alert-primary hr {
    height: 1px;
}

.alert-primary ol li {
    list-style: square;
}

/***** menu *****/
.navbar {
    width: 100%;
    background: #fff;
    padding-top: 17px;
    border: 0;
    margin-bottom: 0;
    -o-transition: all .6s;
    -moz-transition: all .6s;
    -webkit-transition: all .6s;
    -ms-transition: all .6s;
    transition: all .6s;
}

.navbar.navbar-fixed-top {
    padding-top: 0px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
}

.navbar-brand img {
    width: 90%;
    max-width: 220px;
}

.navbar-toggle {
    margin-top: 15px;
    margin-bottom: 15px;
}

.navbar-collapse {
    clear: both;
}

.navbar .navbar-header {
    cursor: pointer;
    z-index: 1;
    display: none;
    background-color: #ffffff;
}

.navbar.navbar-fixed-top .navbar-header {
    display: block;
}

.navbar .nav .nav-btn {
    position: relative;
    display: block;
    cursor: pointer;
    float: left;
    width: 140px;
    height: 100px;
    margin-left: 10px;
    margin-right: 10px;
    text-align: center;
}

.navbar.navbar-fixed-top .nav .nav-btn {
    height: 45px;
}

.navbar .nav .nav-btn .text {
    width: 80px;
    position: absolute;
    top: 58px;
    left: 50%;
    margin-left: -40px;
    line-height: 1.43;
    letter-spacing: 2px;
    font-size: 16px;
    text-align: center;
    color: #4a4a4a;
    transition: all 0.3s;
    -ms-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

.navbar.navbar-fixed-top .nav .nav-btn .text {
    top: 5px;
    left: 35px;
    margin-left: 0;
}

.navbar .nav .nav-btn .icon {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -25px;
    font-size: 50px;
    color: #4a4a4a;
    transition: all 0.2s;
    -ms-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
}

.navbar.navbar-fixed-top .nav .nav-btn .icon {
    top: 0;
    left: 0;
    font-size: 30px;
    margin-bottom: 0;
    margin-left: 0;
}

.navbar .nav .nav-btn:hover .icon {
    top: -5px !important;
    color: #6baee8;
}

.navbar .nav .nav-btn:hover .text,
.navbar .nav .active .icon,
.navbar .nav .active .text {
    color: #6baee8 !important;
}

.navbar .caret {
    float: right;
    border-top: 7px dashed;
    border-top: 7px solid\9;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    margin-top: 10px;
}

.navbar.navbar-fixed-top .caret {
    float: right;
    border-top: 5px dashed;
    border-top: 5px solid\9;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent; 
    margin-top: 0px;
}

.navbar-nav > li > .dropdown-menu {
    width: 180px;
}

.dropdown-menu li {
    padding: 15px;
    font-size: 17px;
}

.dropdown-menu li:hover {
    background-color: #f0faff;
}

.dropdown-menu .icon,
.dropdown-menu .text {
    float: left;
    padding-left: 5px;
}

.btn-sm {
    font-size: 14px;
}

/***** header *****/
header {
    margin-bottom: 50px;
}

header .row {
    border-radius: 10px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 100px 0;
    background-color: rgba(0, 0, 0, .4);
}

header h1 {
    color: #fff;
    font-weight: 600;
    position: relative;
    z-index: 2;
    line-height: 2;
    letter-spacing: 2px;
    text-align: center;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    transition: all 1s;
}

/***** 內頁*****/
.content {
    margin: 60px auto;
    clear: both;
}

.img1 {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    min-height: 350px;
}

blockquote {
    margin: 0;
}

.news {
    margin: 0 10px;
    padding: 2emm;
}

.news li {
    width: 100%;
    padding: 15px 0;
    border-bottom: 1px dotted #cccccc;
    margin-bottom: 5px;
}

.news li,
.in-title h4 {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.news li time {
    display: inline-block;
    background-color: #5bb39b;
    color: white;
    padding: 5px 10px;
    min-width: 7em;
    text-align: center;
    border-radius: 17px;
    margin: 0 2%;
}

.news li span {
    font-size: 1.2em;
    line-height: 1.8em;
}

.iconback {
    background-position: bottom 30px right 30px;
    background-repeat: no-repeat;
    background-size: 30%;
}

.iconback1 {
    background-position: top 30px right;
    background-repeat: no-repeat;
    background-size: 30%;
}

.content h1 {
    font-size: 24px;
    text-align: center;
    margin-bottom: 5px;
}

.content .en {
    color: #5bb39b;
    font-size: 18px;
    text-align: center;
}

.content .news {
    margin: 30px 0;
}

.item-box {
    display: block;
    height: 100%;
    background-color: #fff;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
    margin-bottom: 25px;
}

.in-img {
    position: relative;
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
}

.in-img::before {
    content: '';
    display: block;
    height: 220px;
}

.in-title {
    padding: 10px;
    text-align: center;
}

.panel-group {
    margin: 20px 0;
}

.panel-default > .panel-heading {
    background-color: #e7ecf1;
    border-color: #e7ecf1;
}

.intro {
    padding: 20px 10px;
}

.name {
    font-size: 18px;
    color: #337ab7;
    font-weight: 600;
}

.menu_paper ul {
    margin: 0;
    width: 100%;
}

.menu_paper li {
    float: left;
}

.menu_paper .item-box .in-img:hover {
    transition: all 0.2s;
    -ms-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
}

.tags {
    width: 100%;
    height: 60px;
    overflow: hidden;
    padding: 0 10px 10px;
}

.tags .tag {
    cursor: pointer;
    font-size: 13px;
    float: left;
    margin-left: 8px;
    margin-right: 8px;
    color: #595753;
}

/***** 服務項目 *****/

#Llist li {
    padding: 15px 10px;
    display: block;
    border: 1px solid #f2f4f6;
}

#Llist a {
    color: #757575;
}

#Llist a:hover {
    color: #489ee8;
}

#Llist .active {
    background-color: #e5f3ff;
}

#Llist li:hover {
    background-color: #f6f5f2;
}

.hr-top {
    border-top: 10px solid #4a9adf;
    margin: 0;
}

#Llist h1 {
    padding: 5px 10px;
    margin: 0px;
    font-size: 20px;
}

.hr-bottom {
    margin: 0;
    border-top: 2px solid #4a9adf;
    background-color: inherit;
}

.s1 h3 {
    margin-bottom: 20px;
}

.s1 h4 {
    margin-top: 30px;
}

/***** 聯絡我們 *****/
.contact_btns {
    position: fixed;
    left: 50%;
    margin-left: 520px;
    top: 50vh;
    margin-top: -135px;
}

.contact_btns .contact_btn {
    margin-top: 12px;
    margin-bottom: 12px;
    height: 50px;
    cursor: pointer;
}

.contact_btns .contact_btn:hover .circle {
    background-color: #6baee8;
    border: solid 2px #6baee8;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.contact_btns .contact_btn:hover .circle .icon {
    -webkit-transform: scale(1);
    transform: scale(1);
}

.contact_btns .contact_btn:hover .text {
    opacity: 0.9;
    color: #333;
}

.contact_btns .contact_btn .circle {
    width: 50px;
    height: 50px;
    background-color: #fbf9f5;
    border: solid 5px rgba(89, 87, 83, 0.3);
    text-align: center;
    border-radius: 50px;
    float: left;
    -webkit-transform: scale(0.4);
    transform: scale(0.4);
    transition: all 0.2s;
    -ms-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
}

.contact_btns .contact_btn .circle .icon {
    -webkit-transform: scale(0);
    transform: scale(0);
    transition: all 0.2s;
    -ms-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    font-size: 30px;
    line-height: 47px;
    color: #ffffff;
}

.contact_btns .contact_btn .text {
    float: left;
    margin-left: 5px;
    margin-right: 10px;
    font-size: 16px;
    letter-spacing: 1px;
    color: #333;
    line-height: 20px;
    padding-top: 13px;
    opacity: 0.6;
    transition: all 0.2s;
    -ms-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
}

.cform {
    padding: 30px 10px;
    background-color: rgba(125, 182, 231, 0.34);
    height: auto;
    border-radius: 5px;
    margin: 10px auto;
    clear: both;
}

#contact h1 {
    padding: 0 15px 5px 0;
}

#contact .icon {
    padding: 10px;
    font-size: 25px;
}

#contact .icon1 {
    font-size: 30px;
}

.cform .form-control {
    border: 1px solid #f2f2f2;
    background-color: #ffffff;
}

.cform .btn-submit {
    margin: 0 auto;
    display: block;
    padding: 5px 10px;
    background: #6baee8;
    border-color: #6baee8;
    border-radius: 5px;
    color: #fff;
}

#contact ol {
    margin-bottom: 40px;
    clear: both;
}

#contact ol li {
    margin-bottom: 15px;
    list-style: square outside;
}

#contact ol h5 {
    margin-bottom: 0px;
}

/***** 分頁 *****/
#pagination {
    display: block;
    text-align: center;
}

ul.pagination {
    display: inline-block;
    padding: 0;
    margin-top: 50px;
}

ul.pagination li {
    display: inline;
}

ul.pagination li a {
    color: black;
    float: left;
    padding: 5px 10px;
    text-decoration: none;
    transition: background-color .3s;
    border: 1px solid #ddd;
}

ul.pagination li a.active {
    background-color: #5bb39b;
    color: white;
    border: 1px solid #5bb39b;
}

ul.pagination li a:hover:not(.active) {
    background-color: #ddd;
}

/***** Footer *****/
.footerTop {
    background-image: url(../images/footer.png);
    background-position: bottom left;
    background-repeat: repeat-x;
    padding-bottom: 20px;
}

footer {
    background: #6baee8;
    color: #fff;
}

footer a {
    color: #fff;
}

footer a:hover {
    color: #0657ae;
}

.footerL {
    height: 150px;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}

.footerC,
.footerR {
    padding-left: 45px;
    padding-top: 8px;
}

footer .sepline {
    position: absolute;
    top: 0;
    width: 4px;
    height: 150px;
    border-radius: 100px;
    background-color: #ffffff;
}

footer .sepline.left {
    left: 0;
}

footer .sepline.right {
    right: 0;
}

footer .info {
    display: table;
    margin-bottom: 14px;
}

footer .info .title {
    float: left;
    width: 57px;
}

footer .info .text {
    float: left;
}

.info .btn-theme {
    margin-top: 10px;
    margin-bottom: 10px;
}

footer .btn.fb {
    padding: 0;
    margin-right: 5px;
    width: 35px;
    color: #fbf6de;
    background-color: #573f2e;
    font-size: 35px;
    transition: all 0.2s;
    -ms-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
}

/***** Button *****/
.btn-theme {
    position: relative;
    display: inline-block;
    line-height: 1.4;
    text-align: center;
    background-image: none;
    white-space: nowrap;
    vertical-align: middle;
    border-style: solid;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin: 20px 0;
}

.btn-theme:focus,
.btn-theme:active:focus,
.btn-theme.active:focus,
.btn-theme.focus,
.btn-theme:active.focus,
.btn-theme.active.focus {
    outline: none;
}

.btn-theme:hover {
    transition-duration: 300ms;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

.btn-theme:hover,
.btn-theme:focus,
.btn-theme.focus {
    text-decoration: none;
}

.btn-theme:active,
.btn-theme.active {
    background-image: none;
    outline: 0;
}

.btn-base-bg {
    color: #3580b7;
    background-color: #bbdefd;
    margin-right: 10px;
    font-weight: 600;
    transition: all 0.2s;
    -ms-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    padding: 6px 14px;
    border-radius: 5px;
    border-color: transparent;
}

.btn-base-bg:hover,
.btn-base-bg:focus,
.btn-base-bg.focus {
    border-color: transparent;
    -webkit-transform: translate(-4px, -4px);
    transform: translate(-4px, -4px);
    -webkit-box-shadow: 4px 4px 0 0 #418ec7;
    box-shadow: 4px 4px 0 0 #418ec7;
}

.btn-a1 {
    font-size: 16px;
    letter-spacing: 2px;
    height: 45px;
    background-color: #6baee8;
    line-height: 30px;
    color: #fff;
}

.menu_paper .btn-a1 {
    background-color: #ffffff;
    color: #6baee8;
    margin: 5px 0;
    margin-right: 15px;
}

.btn-a1.btn-base-bg:hover,
.btn-a1.btn-base-bg:focus,
.btn-a1.btn-base-bg.focus {
    color: #fff;
}

.menu_paper .active,
.menu_paper .btn-a1.btn-base-bg:hover,
.menu_paper .btn-a1.btn-base-bg:focus,
.menu_paper .btn-a1.btn-base-bg.focus {
    background-color: #6baee8;
    color: #fff;
    -webkit-transform: none;
    transform: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-theme-sm {
    font-size: 13px;
    font-weight: 600;
    padding: 10px 20px;
}

#gotop {
    position: fixed;
    border-radius: 50px;
    right: 20px;
    bottom: 30px;
    padding: 10px 16px;
    font-size: 25px;
    background: rgba(65, 246, 185, 0.6);
    color: #FAFCFD;
    cursor: pointer;
    z-index: 1000;
}

@media (max-width: 1200px) {
    .contact_btns {
        display: none;
    }

    .navbar .nav .nav-btn,
    .navbar.navbar-fixed-top .nav .nav-btn {
        height: 45px;
    }

    .navbar .nav .nav-btn .icon {
        top: 0;
        left: 0;
        font-size: 30px;
        margin-bottom: 0;
        margin-left: 0;
    }

    .navbar .nav .nav-btn .text {
        top: 5px;
        left: 35px;
        margin-left: 0;
    }

    .navbar .caret {
        float: right;
        border-top: 5px dashed;
        border-top: 5px solid\9;
        border-right: 5px solid transparent;
        border-left: 5px solid transparent;
        margin-top: 0px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .navbar .nav .nav-btn {
        margin-right: 20px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .topblank {
        padding-top: 170px;
    }

    .footerC {
        padding-left: 20px;
    }

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

@media (max-width: 767px) {
    header {
        margin-bottom: 0px;
    }

    .logo_top {
        display: none;
    }

    .navbar {
        padding-top: 0px;
    }

    .navbar .navbar-header {
        display: block;
    }

    .navbar .navbar-header .logo {
        position: relative;
        vertical-align: top;
        display: block;
        float: none;
        width: 190px;
        margin-left: auto;
        margin-right: auto;
    }

    .navbar-fixed-top .navbar-collapse {
        max-height: 100%;
    }

    .navbar .nav {
        margin: 0;
        padding: 0;
        top: 58px;
        width: 100%;
        display: block;
        background-color: #ffffff;
        height: calc(100vh - 60px);
    }

    .navbar .nav .nav-btn {
        padding: 5px 45px;
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        float: none;
        height: 54px;
        border-bottom: solid 1px #cac8c4;
        line-height: 54px;
        display: table;
    }

    .navbar .nav .nav-btn .icon {
        line-height: 54px;
        left: 0;
        float: left;
        position: relative;
    }

    .navbar .nav .nav-btn .text {
        margin-left: 23px;
        line-height: 54px;
        font-size: 18px;
        top: 0;
        left: 0;
        float: left;
        position: relative;
        font-weight: 600;
    }

    .navbar .caret {
        margin-top: 28px!important;
    }

    ul.dropdown-menu li {
        padding-left: 60px;
    }

    .caret {
        float: none;
    }

    .tags {
        height: auto;
        overflow: auto;
    }

    .topblank {
        padding-top: 80px;
    }

    .blank {
        margin-top: 30px;
        clear: both;
    }

    .content {
        margin: 30px auto;
    }

    .padding30 {
        padding: 20px 15px;
    }

    header .row {
        padding: 50px 0;
        border-radius: 6px;
    }

    header h1 {
        font-size: 24px;
    }

    h2,
    h3 {
        font-size: 22px;
    }

    .footerL {
        margin-left: auto;
        margin-right: auto;
        float: none;
    }

    .footerC {
        max-width: 300px;
        float: none;
        padding-top: 34px;
        padding-bottom: 34px;
        margin-left: auto;
        margin-right: auto;
    }

    footer .sepline {
        width: 100%;
        float: none;
        height: 4px;
    }

    footer .sepline.left {
        top: 0;
    }

    footer .sepline.right {
        top: auto;
        bottom: 0;
    }

    .footerR {
        max-width: 300px;
        float: none;
        padding-top: 34px;
        padding-left: 22px;
        margin-left: auto;
        margin-right: auto;
    }

}

@media (max-width: 415px) {}