@charset "utf-8";

/* top_about */

.page-title2 .separator-line {
    -webkit-transition: all 100ms ease-in-out;
    -moz-transition: all 100ms ease-in-out;
    -o-transition: all 100ms ease-in-out;
    -ms-transition: all 100ms ease-in-out;
    transition: all 100ms ease-in-out;
}

.page-title2:hover .separator-line {
    width: 80px;
    -webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    transition: all 400ms linear;
}

/* top_about _off */

/* ycgis-top-navbar btn */
.top-navbar2 li {
    width: 100%;
}

.top-navbar2 li ul {
    margin-top: 0 !important;
}

.navbar-default .navbar-nav>li>a i.fa.fa-globe {
    display: block;
    float: left;
    color: #f9be00;
    font-size: 1.2rem;
}

.dropdown-header {
    font-size: 1rem !important;
    font-weight: 500 !important;
}

/* ycgis-top-navbar btn _off */

/* navigation panel */
.white-header{
	background-color: #fff;
}

.nav-white.sticky-nav .navbar-nav li a {
    color: #25489c;
    font-size: 1rem;
}

.dropdown-menu {
    background-color: #25489c !important;
}

li.dropdown.panel.simple-dropdown .dropdown-menu li a{
    color: #fff !important;
}

li.dropdown.panel.simple-dropdown .dropdown-menu li a:hover {
    color: #f9be00 !important;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a.active {
    border-bottom: 2px solid #f9be00 !important;
}

@media (max-width: 1077px){
    .nav-white.sticky-nav .navbar-nav li a {
        font-size: 0.9rem;
    }
}

@media (max-width: 1015px){
    .nav-white.sticky-nav .navbar-nav li a {
        font-size: 0.8rem;
    }
}

/* navigation panel_off */

/* ycgis color */

.ycgis-gray{
    color: #f8f7f7 !important;
}

.ycgis-f{
	color: #fff !important;
}

.ycgis-zero{
	color: #000 !important;
}

.ycgis-f:hover,.ycgis-zero:hover{
	color: #f9be00 !important;
}

.ycgis-Blue{
	color: #25489c !important;
}

.ycgis-yellow{
	color: #f9be00 !important;
}


.bg-ycgis-yellow{
	background: #f9be00;
}

.bg-ycgis-Blue{
    background: #25489c !important;
}


/* ycgis color_off */

/* ycgis padding */

.ycgis-padding-top2{
    padding-top: 2% !important;
}

/* ycgis padding_off */

/* CUSTOMEPS */

.highlight-button-ycgis {
    border: 2px solid #25489c;
    display: inline-block;
    padding: 8px 20px 9px;
    font-size: 12px;
    color: #fff;
    background-color: #25489c;
}

.highlight-button-ycgis:hover {
    background-color: #fff;
    border: 2px solid #25489c;
    color: #25489c
}

a.ycgisfooter-logo2 {
    padding: 5% 0 !important;
    margin: auto;
    display: block;
}

@media (max-width: 1200px){
	.text-big-title {
		font-size: 5.3rem;
    }
    .lg-padding-right10 {
        padding-right: 30px !important;
    }
}

@media (min-width: 992px){
    .xs-text-right{
        text-align: right !important;
    }

    .navbar-right .dropdown-menu {
        right: 1.8% !important;
    }
}

@media (min-width: 768px){
	.col-sm-12 {
	    margin-top: 3%;
	}
}

/* CUSTOMEPS_off */

/* about container */

.ba_bottem {
    background-position: 50% 120% !important;
}

.office_pic{
    background: #fff url(../images/content/office1.jpg) no-repeat center center;
    background-size: 200%;
    background-position: -66px -33px;
}

.text-light-block {
    color: #333;
    text-shadow: 2px 2px 2px #fff, -1px -2px 0px #fff;
}

.globe-icon{
    font-size: 4rem !important;
    color: #25489c;
}

    /* Responsive Organization Chart */


    .department-chart .cf:before,
    .department-chart .cf:after {
        content: " ";
        /* 1 */
        display: table;
        /* 2 */
    }

    .department-chart .cf:after {
        clear: both;
    }


    /**
     * For IE 6/7 only
     * Include this rule to trigger hasLayout and contain floats.
     */

    .department-chart .cf {
        *zoom: 1;
        position: relative;
    }

    .department-chart.content {
        width: 100%;
        margin: 0 auto;
        padding: 0 20px;
    }

    .department-chart a:focus {
        outline: 2px dashed #f7f7f7;
    }

    @media all and (max-width: 767px) {
        .department-chart.content {
            padding: 0 20px;
        }
    }

    .department-chart ul {
        padding: 0;
        margin: 0;
        list-style: none;
    }

    .department-chart ul a {
        display: block;
        background: #ccc;
        border: 4px solid #fff;
        text-align: center;
        overflow: hidden;
        font-size: .7em;
        text-decoration: none;
        font-weight: bold;
        color: #333;
        height: 70px;
        margin-bottom: -26px;
        box-shadow: 4px 4px 9px -4px rgba(0, 0, 0, 0.4);
        -webkit-transition: all linear .1s;
        -moz-transition: all linear .1s;
        transition: all linear .1s;
    }


    @media all and (max-width: 767px) {
        .department-chart ul a {
            font-size: 1em;
        }
    }


    .department-chart ul a span {
        top: 50%;
        margin-top: -0.7em;
        display: block;
    }


    /*
     
     */

    .department-chart .administration>li>a {
        margin-bottom: 25px;
    }

    .department-chart .director>li>a {
        width: 50%;
        margin: 0 auto 0px auto;
    }

    .department-chart .subdirector:after {
        content: "";
        display: block;
        width: 0;
        height: 130px;
        background: red;
        border-left: 4px solid #fff;
        left: 45.45%;
        position: relative;
    }

    .department-chart .subdirector,
    .department-chart .departments {
        position: absolute;
        width: 100%;
    }

    .department-chart .subdirector>li:first-child,
    .department-chart .departments>li:first-child {
        width: 18.59894921190893%;
        height: 64px;
        margin: 0 auto 92px auto;
        padding-top: 25px;
        border-bottom: 4px solid white;
        z-index: 1;
    }

    .department-chart .subdirector>li:first-child {
        float: right;
        right: 27.2%;
        border-left: 4px solid white;
    }

    .department-chart .departments>li:first-child {
        float: left;
        left: 27.2%;
        border-right: 4px solid white;
    }

    .department-chart .subdirector>li:first-child a,
    .departments>li:first-child a {
        width: 100%;
    }

    .department-chart .subdirector>li:first-child a {
        left: 25px;
    }

    @media all and (max-width: 767px) {
        .department-chart .subdirector>li:first-child,
        .department-chart .departments>li:first-child {
            width: 40%;
        }

        .department-chart .subdirector>li:first-child {
            right: 10%;
            margin-right: 2px;
        }

        .department-chart .subdirector:after {
            left: 49.8%;
        }

        .department-chart .departments>li:first-child {
            left: 10%;
            margin-left: 2px;
        }
    }


    .department-chart .departments>li:first-child a {
        right: 25px;
    }

    .department-chart .department:first-child,
    .department-chart .departments li:nth-child(2) {
        margin-left: 0;
        clear: left;
    }

    .department-chart .departments:after {
        content: "";
        display: block;
        position: absolute;
        width: 81.1%;
        height: 22px;
        border-top: 4px solid #fff;
        border-right: 4px solid #fff;
        border-left: 4px solid #fff;
        margin: 0 auto;
        top: 130px;
        left: 9.1%
    }

    @media all and (max-width: 767px) {
        .department-chart .departments:after {
            border-right: none;
            left: 0;
            width: 49.8%;
        }
    }

    @media all and (min-width: 768px) {
        .department-chart .department:first-child:before,
        .department-chart .department:last-child:before {
            border: none;
        }
    }

    .department-chart .department:before {
        content: "";
        display: block;
        position: absolute;
        width: 0;
        height: 22px;
        border-left: 4px solid white;
        z-index: 1;
        top: -22px;
        left: 50%;
        margin-left: -4px;
    }

    .department-chart .department {
        border-left: 4px solid #fff;
        width: 18.59894921190893%;
        float: left;
        margin-left: 1.751313485113835%;
        margin-bottom: 60px;
    }

    .department-chart .lt-ie8 .department {
        width: 18.25%;
    }

    @media all and (max-width: 767px) {
        .department-chart .department {
            float: none;
            width: 100%;
            margin-left: 0;
        }

        .department-chart .department:before {
            content: "";
            display: block;
            position: absolute;
            width: 0;
            height: 60px;
            border-left: 4px solid white;
            z-index: 1;
            top: -60px;
            left: 0%;
            margin-left: -4px;
        }

        .department-chart .department:nth-child(2):before {
            display: none;
        }
    }

    .department-chart .department>a {
        margin: 0 0 -26px -4px;
        z-index: 1;
    }

    .department-chart .department>a:hover {
        height: 80px;
    }

    .department-chart .department>ul {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .department-chart .department li {
        padding-left: 25px;
        border-bottom: 4px solid #fff;
        height: 80px;
    }

    .department-chart .department li a {
        background: #fff;
        top: 48px;
        position: absolute;
        z-index: 1;
        width: 90%;
        height: 60px;
        vertical-align: middle;
        right: -1px;
        background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMjUiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
        background-image: -moz-linear-gradient(-45deg, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 100%) !important;
        background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(0, 0, 0, 0.25)), color-stop(100%, rgba(0, 0, 0, 0)))!important;
        background-image: -webkit-linear-gradient(-45deg, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 100%)!important;
        background-image: -o-linear-gradient(-45deg, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 100%)!important;
        background-image: -ms-linear-gradient(-45deg, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 100%)!important;
        background-image: linear-gradient(135deg, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 100%)!important;
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40000000', endColorstr='#00000000', GradientType=1);
    }

    .department-chart .department li a:hover {
        box-shadow: 8px 8px 9px -4px rgba(0, 0, 0, 0.1);
        height: 80px;
        width: 95%;
        top: 39px;
        background-image: none!important;
    }


    /* Department/ section colors */

    .department-chart .department.dep-a a {
        background: #FFD600;
    }

    .department-chart .department.dep-b a {
        background: #AAD4E7;
    }

    .department-chart .department.dep-c a {
        background: #FDB0FD;
    }

    .department-chart .department.dep-d a {
        background: #A3A2A2;
    }

    .department-chart .department.dep-e a {
        background: #f0f0f0;
    }
    /* Responsive Organization Chart_off */


/* about container_off */

/* News */

.over-text{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

i.itext-light {
    color: #f9be00;
}

.blog-title h3 {
    font-size: 1.3rem;
}

.blog-title h3.field-content {
    margin-top: 1rem;
}

/* News_off */


/* 服務項目 service */

@media all and (min-width: 768px) {
    .h-306 {
        height: 306px !important;
    }
}

.mfp-container{
    position: fixed !important;
}


/* === 獎狀 === */

.text-fumax{
    min-height:625px;
    background:#fff;
    /* border-bottom: 1px #f7f5e7 solid; */
}

.mfp-figure figure img{
    /* max-height: 1000px !important; */
}

@media (max-width: 790px){
    .text-fumax {
        min-height:400px;
    }
}

@media (max-width: 768px){
    .mfp-figure figure img{
        max-height: 600px !important;
    }
}

@media (max-width: 500px){
    .mfp-figure figure img{
        max-height: 400px !important;
    }
}

/* === 獎狀 off === */

/* 服務項目 service_off */


/* 交通資訊整合 customeps */

.text-right{
    text-align: right !important;
}

.text-right{
    text-align: right !important;
}


.blog-details > a.text-right {
    display: block;
    color: #25489c;
}

a.blog-like i {
    color: #25489c;
}

.text-justify{
    text-align:justify !important;
}

.flex-caption {
    color: #fff;
}

/* 交通資訊整合 customeps_off */

/* 工程地質探勘 project */

.position-t20{
    position: relative;
    top: 20px;
}

/* 工程地質探勘 project_off */

/* product商品 */

.margin-disBlock{
    margin: 0 auto;
    display: block;
}

.product-bg {
    background: #00000052 !important;
}

ul.mleft-13 li {
    margin-left: 13px !important;
}

@media (min-width: 1200px){
    .breadcrumb.product2-margin ul li {
        float: left;
    }
}


/* product商品_off */