body{
    font-family: 'PingFang TC','Heiti TC','LiHei Pro','Microsoft JhengHei','微軟正黑體';
    overflow-x: hidden;
    color:#2c4970;
}

body a{
     cursor: pointer;
     letter-spacing: .5px;
}


.navbar-header{
   /* float:left;*/
}

a, a:hover, nav a:hover, nav a:focus{
color:#3cc3dc;
}

a:hover{
    color:#2f4154;
}

.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
    color: #3cc3dc;
}

.navbar li {
    display: inline-block;
    font-size: 17px;
    /*padding: 21px 12px;*/
    color: #000;
    font-weight: 700;
    cursor: pointer;
}

.navbar-brand {
    font-size: 26px;
    font-weight: 400;
    /* line-height: 1.042; */
    /* height: 53px; */
    /* font-weight: 700; */
    /* padding: 14px 21px; */
}

.service-desc li{
    font-size:15px;
    font-weight:bold;
}


p.info{
 font-size: 0.8em;   
}

/*.content p, .item p, .layout-content p{
    letter-spacing: .5px;
}*/

div.about{
    width:100%;
}

blockquote{
    font-size:0.875em;
    display:inline-block;
}

div.float-center{
    display:inline-block;
}

#layout-footer{
    font-size: 0.9em;
}

.footer-col h3 {
    color: #fff;
    margin-bottom: 20px;
    font-size: 18px;
    text-transform: capitalize;
    font-weight: 600;
    font-style: normal;
}

.margin30 {
    margin-bottom: 30px;
}

.footer-btm {
    margin-top: 20px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    font-size: 0.8em;
    padding-top: 5px;
    border-top: 1px solid #2c3f53;
}

.row.typography-row .type-example {
    padding-left: 25%;
    margin-bottom: 40px;
    position: relative;
}

.row .text-note {
    bottom: auto;
    top: 10px;
}

.row .heading-note, .row .text-note {
    display: block;
    width: 260px;
    position: absolute;
    bottom: 10px;
    left: 0;
    line-height: 13px;
    font-weight: 400;
    padding-left:10px;
}
.mainitem li {
    list-style:none;
    padding-left:20px;
}
.contact-banner{
   background-color:##3cc3dc;
}