@charset "UTF-8";

/* CSS Document */

@import "http://fonts.googleapis.com/earlyaccess/notosanstc.css";
@import "http://fonts.googleapis.com/earlyaccess/notosanstc.css";
@import "http://fonts.googleapis.com/earlyaccess/notosanstc.css";
body * {
    font-family: 'Noto Sans TC', sans-serif;
}

a {
    color: inherit !important;
}

a:hover {
    color: #0056b3 !important;
}

.mobile {
    display: block;
}

.widesite {
    display: none;
}

body {
    padding-top: 136px;
}

#logo a {
    font-size: 2rem;
    color: inherit;
    font-weight: 900;
    line-height: 1.5em;
}

#logo a span {
    font-size: .5em;
    line-height: 1.5em;
    display: block;
}

.banner-area .fullscreen {
    height: calc(60vh - 136px);
}


/*.tab-wrap .video {
}
.tab-wrap .video li {
	border-bottom: 1px #ccc solid;
	padding: 1em 0;
}
.tab-wrap .video li .videoBox iframe {
	width: calc(100vw - 110px);
	height: calc(56vw - 62px);
}*/

.service-area .language span {
    float: right;
}

.news-area a.more {
    display: block;
    text-align: right;
    margin-bottom: 5px;
}

.news-area .news li {
    padding: 1em;
    border-bottom: 1px dashed;
    margin-bottom: 5px;
}

.news-area .news li:nth-child(odd) {
    background-color: #F2F2F2;
}

.news-area .news li .news-time {
    text-align: right;
}

.gallery-item img {
    width: 100%;
}

.sample-text-area p {
    text-indent: 2em;
    margin-top: .5em;
}

ul.team-wrap {}

ul.team-wrap li {
    border-bottom: 1px solid #edf3fd;
    padding: 20px;
}

ul.team-wrap li:nth-child(odd) {
    background-color: #f9f9ff;
}

ul.team-wrap li p {
    line-height: 1em;
}

ul.team-wrap li .title {
    color: #0056b3;
    font-weight: bolder;
}

ul.team-wrap li .name {
    color: #222;
    font-weight: bolder;
}

.team-area .thumb div {
    padding: 1em;
}

.team-area .thumb div span {
    display: block;
    position: static;
    font-size: 14px;
    letter-spacing: normal;
}

.resume span {
    display: block;
}

.resume span i {
    margin-right: 10px;
}

.resume ul {
    margin-top: 1em;
}

.resume ul li {
    list-style-type: disc;
    list-style-position: inside;
    margin-bottom: .25em;
}

.resume ul h4 {
    margin-bottom: .5em;
}

@media (min-width: 768px) {
    .mobile {
        display: none;
    }
    .widesite {
        display: block;
    }
    body {
        padding-top: 185px;
    }
    .banner-area .fullscreen {
        height: calc(60vh - 126px);
    }
    .nav-menu {
        margin-top: 8px;
    }
    .nav-menu a,
    .nav-menu ul li a {
        font-size: 18px;
        line-height: 1.5em;
    }
}