@import url(https://fonts.googleapis.com/css?family=Roboto:500,400italic,700italic,300,700,500italic,300italic,400);
@import url(https://fonts.googleapis.com/earlyaccess/notosanstc.css);
body {
    background: #fbfbfb;
}
#cityu-header{
    border-bottom: 1px solid #f1f1f1;
}
#cityu-sub-nav-list{
    margin-top: 15px;
}
#cityu-main .cityu-inner {
    background-color: transparent;
}
#cityu-content{
    background-color: transparent;
}
#cityu-content .cityu-content-page, #cityu-header + #cityu-main #cityu-content .cityu-content-page{
    padding: 30px;
}

body.design-2016 #cityu-media .cityu-inner {
    width: 960px;
    height: auto;
}
body.design-2016 #cityu-media{
    height: 500px;
}

#cityu-content h1 {
    border-left: 5px solid #ccc;
    line-height: 1.2em;
    padding-left: 10px;
    border-bottom: 0;
    font-weight: 500;
    font-size: 26px;
}
#cityu-content h1 span {
    font-size: 16px;
    color: #5f5f5f;
    text-transform: uppercase;
    line-height: 1em;
    letter-spacing: 0.5px;
    font-weight: 300;
}
#cityu-content p{
    font-family: Roboto, Arial, sans-serif;
    font-size: 16px;
    line-height: 1.6em;
    text-align: justify;
}
.contact-info{
    padding: 20px 0;
}
.contact-info .box p {
    padding-left: 20px;
}
.contact-info .box span {
    font-weight: bold;
    text-transform: uppercase;
}
.contact-info .box {
    padding-bottom: 10px;
}
.photo-grid{
    overflow: hidden;
}
.photo-grid.two-photos .img-p-block {
    width: 48%;
}
.photo-grid.four-photos .img-p-block {
    width: 23%;
}
.img-p-block{
    width: 31.3%;
    margin: 1%;
    border: 1px solid #ececec;
    box-sizing: border-box;
    background: #f7f7f7;
    padding: 1%;
    float: left;
}

.img-block img{
    width: 100%;
}

body.design-2016.cityu-mobile #cityu-media{
    height: auto;
}
body.design-2016.cityu-mobile #cityu-media .cityu-inner{
    width: 100%;
}

html>body #cityu-content .cityu-content-page, html>body #cityu-content .cityu-content-columns{
    border-color: transparent;
}

.cityu-logo-L #cityu-header-local #cityu-header-deptname, .cityu-logo-L #cityu-header-local #cityu-header-deptnames {
    display: none;
}
.cityu-logo-L #cityu-header.logo-2019 #cityu-header-local #cityu-desktop-cityulogo img{
    height: 60px;
}
.cityu-logo-L #cityu-header{
    height: auto;
}
.chi{
    font-family: "Noto Sans TC",Roboto,sans-serif !important;
    letter-spacing: 1pt !important;
}