/* 縮小失敗。正在傳回未縮小的內容。
(169,18): run-time error CSS1036: Expected expression, found ';'
(326,2): run-time error CSS1030: Expected identifier, found '.'
(326,2): run-time error CSS1019: Unexpected token, found '.'
(1650,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(1651,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(1661,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(1662,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(1673,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(1674,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
 */
@charset "utf-8";

html, body {
    height: 100%;
    font-family: "微軟正黑體", "Microsoft JhengHei" !important;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "微軟正黑體", "Microsoft JhengHei" !important;
}

html,
body {
    margin: 0;
    padding: 0;
    height: 100%;
}

a, a:hover, a:focus {
    outline: none; /* for Firefox */
    hlbr: expression(this.onFocus=this.blur()); /* for IE */
}

.index {
    height: 100%;
    min-height: 640px;
    min-width: 970px;
    position: relative;
    /*background-color:#DC7705;*/
    /*background:#008cba url(../Content/Images/index-bg.jpg) no-repeat center center;*/
    background-color: #fff;
    background-image: url(../Content/Images/bg2.jpg);
    background-position: bottom;
    background-size: cover;
}

    .index header {
        height: 63px;
        background: #FFF;
        padding-top: 8px;
        border: 1px solid #ddd;
        border-bottom: 0;
    }

    .index .body {
        position: absolute;
        width: 940px;
        height: 450px;
        left: 50%;
        top: 50%;
        margin-left: -470px;
        margin-top: -260px;
    }
    /*.index .body-table {
	display:table;
	width:100%;
	background:url(../Content/Images/bg.png) no-repeat right center;
}*/
    .index .body-cell {
        height: 400px;
        overflow: hidden;
        width: 100%;
        display: table-cell;
        vertical-align: middle;
    }

    .index .body div.text {
        vertical-align: middle;
        text-align: center;
    }


.text2 {
    margin: 10px;
    padding: 15px;
    float: left;
    position: relative;
    background: rgba(255,102,0,.8);
    overflow: hidden;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    vertical-align: middle;
    text-align: center;
    z-index: 1;
}


.text1 {
    margin: 10px;
    padding: 15px;
    float: left;
    position: relative;
    background: rgba(0,153,102,.8);
    overflow: hidden;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    vertical-align: middle;
    text-align: center;
    z-index: 1;
}


.index .logo {
    font-size: 140%;
    background: url(../Content/Images/logo.png) left top no-repeat;
    background-size: 45px auto;
    padding-left: 55px;
    min-height: 55px;
    padding-top: 0px;
    letter-spacing: 1px;
    /*margin-top:15px;*/
}

    .index .logo i {
        display: block;
        font-style: normal;
        font-size: 11px;
        color: #333;
        font-family: Verdana, Geneva, sans-serif;
        letter-spacing: 0px;
        padding-left: 1px;
    }

.index h1 {
    color: #fff;
    font-weight: bold;
    margin: 20px 0 50px 0;
    line-height: 1.5;
    font-size: 275%;
    text-shadow: -2px -2px 2px rgba(0,0,0,0.5), 2px -2px 2px rgba(0,0,0,0.5), -2px 2px 2px rgba(0,0,0,0.5), 2px 2px 2px rgba(0,0,0,0.5), 4px 4px 4px rgba(0,0,0,0.5);
}

    .index h1 b {
        color: #FF0;
        display: block;
    }

.index h2 {
    color: #fff;
    font-weight: bold;
    margin: 20px 0 120px 0;
    line-height: 1.5;
    font-size: 237%;
    text-shadow: -2px -2px 2px rgba(0,0,0,0.5), 2px -2px 2px rgba(0,0,0,0.5), -2px 2px 2px rgba(0,0,0,0.5), 2px 2px 2px rgba(0,0,0,0.5), 4px 4px 4px rgba(0,0,0,0.5);
}

    .index h2 b {
        color: #FF0;
        display: block;
    }

.index h3 {
    color: #fff;
    font-weight: bold;
    margin: 0 0 20px 0;
    line-height: 1.5;
    font-size: 275%;
    text-shadow: -2px -2px 2px rgba(0,0,0,0.5), 2px -2px 2px rgba(0,0,0,0.5), -2px 2px 2px rgba(0,0,0,0.5), 2px 2px 2px rgba(0,0,0,0.5), 4px 4px 4px rgba(0,0,0,0.5);
}

    .index h3 b {
        color: #FF0;
        display: block;
    }

.btn-enter {
    margin-right:;
    padding: 20px 40px;
    color: #fff;
    border: 3px solid #fff;
    font-size: 150%;
    text-shadow: 4px 4px 4px rgba(0,0,0,0.5);
    border-radius: 50px;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
    text-transform: uppercase;
    letter-spacing: 1px;
    outline: none;
    margin-bottom: 30px;
    font-weight: bold;
    box-shadow: 4px 4px 4px rgba(0,0,0,0.5);
}

    .btn-enter:hover,
    .btn-enter:focus,
    .btn-enter:active {
        color: #fff;
        ;
        background: #008CBA;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s;
        text-shadow: none;
    }


    .btn-enter .fa {
        margin-right: 10px;
    }

.index footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    min-height: 90px;
    background: #333;
    padding: 10px 0;
    color: #eee;
    line-height: 1.8;
    font-size: 13px;
}

    .index footer ul, .page footer ul {
        margin-bottom: 0;
    }

    .index footer .counter {
        color: #F60;
        letter-spacing: 1px;
    }

.bestview ul {
    text-align: right;
}

.container {
    min-width: 970px;
}

.page {
    height: 100%;
    position: relative;
}

    .page footer {
        position: absolute;
        bottom: 0;
        width: 100%;
        height: 30px;
        overflow: hidden;
        background: #ddd;
        color: #444;
        line-height: 29px;
        font-size: 12px;
        border-top: 1px solid #ccc;
        z-index: 5;
    }

        .page footer .copyright {
        }

.navbar .navbar-brand {
    background: url(../Content/Images/logo.png) no-repeat 15px center;
    background-size: 32px auto;
    padding-left: 56px;
}

.page .navbar .btn-faq {
    position: absolute;
    right: 6px;
    top: 6px;
}

.gis-map {
    position: absolute;
    top: 45px;
    bottom: 30px;
    z-index: 2;
    width: 100%;
}

.gis-right {
    position: absolute;
    left: 360px;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 2;
}

.gis-right-b {
    position: absolute;
    left: 50%;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 2;
}

.gmap {
    position: relative;
    height: 100%;
    width: 100%;
    z-index: 1;
}

.map-toolbtn {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 3;
}

.map-toolbtn-chart {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 3;
}

    .map-toolbtn-chart .btn {
        width: 50px;
        height: 50px;
        background: url(../Content/Images/icon-chart.png) no-repeat;
        border: #bbb solid 1px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }



..map-toolbtn-chart .btn img {
    opacity: 0.1;
}



.map-toolbtn-chart .btn:focus {
    outline: none !important;
}



.map-toolbtn .btn-group-vertical {
    box-shadow: 0px 1px 4px -1px rgba(0, 0, 0, 0.3);
}

.map-toolbtn .btn {
    padding: 3px;
    outline: none;
    position: relative;
}

    .map-toolbtn .btn span.text {
        position: absolute;
        -webkit-transition: all 0.2s;
        -moz-transition: all 0.2s;
        transition: all 0.2s;
        display: block;
        width: 0 !important;
        overflow: hidden;
        height: 38px;
        line-height: 38px;
        right: 36px;
        top: -1px;
        background: #EEEEEE;
        border: 1px solid #ADADAD;
        border-right: 0;
        opacity: 0;
        filter: alpha(opacity=0);
        font-size: 13px;
    }

    .map-toolbtn .btn:hover span.text {
        width: auto !important;
        opacity: 1;
        filter: alpha(opacity=100);
        padding-left: 10px;
    }

    .map-toolbtn .btn:hover,
    .map-toolbtn .btn:focus,
    .map-toolbtn .btn.focus {
        background: #eee;
    }

.btn-default {
    background-color: #fff;
}

.map-toolbtn .btn .icon-maptool {
    display: block;
    width: 30px;
    height: 30px;
    opacity: 0.65;
    filter: alpha(opacity=65);
}

.map-toolbtn .btn:hover .icon-maptool,
.map-toolbtn .btn:focus .icon-maptool,
.map-toolbtn .btn.focus .icon-maptool {
    opacity: 1;
    filter: alpha(opacity=100);
}

.icon-maptool {
    background: url(../Content/Images/icon-maptool.png);
    background-position: 0px 0px;
}

    .icon-maptool.Area {
        background-position: 0px 0px;
    }

    .icon-maptool.Distance {
        background-position: -30px 0px;
    }

    .icon-maptool.Clean {
        background-position: -60px 0px;
    }

    .icon-maptool.Print {
        background-position: -90px 0px;
    }

    .icon-maptool.Faq {
        background-position: -120px 0px;
    }

    .icon-maptool.Move {
        background-position: -150px 0px;
    }

    .icon-maptool.Setting {
        background-position: -180px 0px;
    }

    .icon-maptool.Street {
        background-position: -240px 0px;
    }

    .icon-maptool.Layer {
        background-position: -210px 0px;
    }

    .icon-maptool.LayerList {
        background-position: -270px 0px;
    }

.btn-toggle {
    background: rgba(0, 0, 0, 0) url(../Content/Images/left-toggle.png) repeat scroll 0 0;
    height: 72px;
    width: 15px;
    box-sizing: content-box !important;
    position: absolute;
    right: -15px;
    top: 50%;
    margin-top: -36px;
    z-index: 8;
    cursor: pointer;
}

    .btn-toggle.l-show, .btn-toggle.l-show-chart {
        background: rgba(0, 0, 0, 0) url(../Content/Images/left-toggle.png) repeat scroll 0 bottom;
        display: none;
    }

    .btn-toggle.l-hide, .btn-toggle.l-hide-chart {
        background: rgba(0, 0, 0, 0) url(../Content/Images/left-toggle.png) repeat scroll 0 0;
    }

    .btn-toggle.l-show, .btn-toggle.l-show-case {
        background: rgba(0, 0, 0, 0) url(../Content/Images/left-toggle.png) repeat scroll 0 bottom;
        display: none;
    }

    .btn-toggle.l-hide, .btn-toggle.l-hide-case {
        background: rgba(0, 0, 0, 0) url(../Content/Images/left-toggle.png) repeat scroll 0 0;
    }

.map-tabs {
    position: absolute;
    z-index: 4;
    left: 0;
    top: 0;
    bottom: 0;
    width: 360px;
    border-right: 1px solid #ccc;
    background: #fff;
}

.map-tabs-b {
    position: absolute;
    z-index: 4;
    left: 0;
    top: 0;
    bottom: 0;
    width: 50%;
    border-right: 1px solid #ccc;
    background: #fff;
}


.map-tabs .nav-pills {
    padding: 10px;
}

    .map-tabs .nav-pills > li > a {
        overflow: hidden;
        color: #888;
        padding: 5px 15px;
        font-size: 14px;
    }

    .map-tabs .nav-pills > li.active > a {
        color: #fff;
    }

    .map-tabs .nav-pills li {
        border: 1px solid #999;
        border-left: 0;
        vertical-align: middle;
        /*line-height:2;*/
    }

        .map-tabs .nav-pills li:first-child {
            border-left: 1px solid #999;
            line-height: 1.2;
        }


.map-tabs .nav > li > a .fa {
    margin-bottom: 3px;
    font-size: 150%;
}

.map-tabs .nav-pills > li.active > a, .map-tabs .nav-pills > li.active > a:hover, .map-tabs .nav-pills > li.active > a:focus,
.map-tabs .nav-pills > li.active, .map-tabs .nav-pills > li.active:hover {
    background-color: #008CBA;
    color: #fff;
}

.map-tabs .nav-pills > li:hover {
    background-color: #eee;
}

    .map-tabs .nav-pills > li:hover > a {
        color: #333;
    }

.map-tabs .tab-content {
    position: absolute;
    right: 0;
    left: 0;
    top: 88px;
    bottom: 0;
    overflow-y: auto;
    padding: 10px;
    padding-top: 5px;
}

    .map-tabs .tab-content .control-label,
    .div-case-search .panel-body .control-label {
        padding-right: 0;
        padding-top: 7px;
        font-weight: bold;
        text-align: right;
        margin-bottom: 0;
    }

    .map-tabs .tab-content .form-control,
    .div-case-search .panel-body .form-control {
        padding: 6px;
        height: 36px;
        font-size: 14px;
    }

.div-case .panel-body .form-group .checkbox-inline {
    padding-bottom: 9px;
}

.map-tabs .tab-content .panel-body .form-group,
.div-case-search .panel-body .form-group,
.div-case .panel-body .form-group {
    margin-bottom: 6px;
}

    .map-tabs .tab-content .panel-body .form-group:last-child, .Modal-Result .modal-dialog .form-group {
        margin-bottom: 0;
    }

    .map-tabs .tab-content .panel-body .form-group .checkbox input[type=checkbox] {
        margin-top: 4px;
    }

.map-tabs .tab-content .panel-footer {
    border-top: 0;
}

.modal-header {
    background: #008CBA;
    color: #fff;
}

    .modal-header .close {
        color: #fff;
        opacity: 0.65;
        filter: alpha(opacity=65);
    }

        .modal-header .close:hover,
        .modal-header .close:focus {
            filter: alpha(opacity=100);
            opacity: 1;
        }

    .modal-header h4 {
        color: #fff;
    }
/*.Modal-Result .modal-dialog {
    width: 400px;
    margin: 30px auto;
}*/
.Modal-Result .modal-dialog .control-label {
    padding-right: 0;
}

.Modal-Result .modal-dialog .modal-body h5 {
    font-weight: bold;
    font-size: 18px;
    line-height: 1.5;
    margin: 5px 0 15px 0;
    color: #F50;
    text-align: center;
}

    .Modal-Result .modal-dialog .modal-body h5 b {
        color: #fff;
        margin-right: 10px;
        display: inline-block;
        padding: 2px 6px;
        font-size: 14px;
        font-weight: 400;
        background: #666;
        vertical-align: text-bottom;
    }

.Modal-Result .modal-dialog .modal-body .form-control-static {
    color: #06C;
}

label, .control-label, .help-block, .checkbox, .radio {
    font-size: 14px;
}

.pr-0 {
    padding-right: 0;
}

.pl-0 {
    padding-left: 0;
}

.nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%;
}

    .nav-tabs.nav-justified > li > a {
        margin-bottom: 0;
    }

.nav-justified > li {
    display: table-cell;
    width: 1%;
}

    .nav-justified > li > a {
        margin-bottom: 0;
    }

/*拿掉圖台上的Google Logo, 使用條款, 回報問題*/
a[title~=按一下即可查看「Google],
a[href*="https://www.google.com/intl/zh-TW_US/help/terms_maps.html"] {
    display: none !important;
}

.panel-heading {
    font-size: 16px;
}

.accordion.panel-group .panel-heading {
    padding: 0;
}

.accordion.panel-group .panel-title > a {
    display: block;
    padding: 10px 15px;
    font-size: 16px;
    line-height: 1.4;
    text-decoration: none;
}

    .accordion.panel-group .panel-title > a:hover {
        text-decoration: none;
    }

.CollapseSearch .panel-heading {
    cursor: pointer;
}

    .accordion.panel-group .panel .panel-heading .panel-title a::after,
    .CollapseSearch .panel-heading::after {
        content: "\f077";
        font-family: FontAwesome;
        line-height: 1.4;
        margin-right: 5px;
        float: right;
    }

    .accordion.panel-group .panel .panel-heading .panel-title a.collapsed::after,
    .CollapseSearch .panel-heading.collapsed::after {
        content: "\f078";
    }


/*FontAwesome checkbox style*/
.fa-checkbox {
    margin-bottom: 0;
    padding-top: 6px;
    line-height: 18px;
}

    .fa-checkbox li {
        margin-bottom: 3px;
    }

        .fa-checkbox li:last-child {
            margin-bottom: 0px;
        }

    .fa-checkbox input[type=checkbox],
    .fa-checkbox input[type=radio] {
        opacity: 0;
        z-index: 1;
    }

        .fa-checkbox input[type=checkbox] + label,
        .fa-checkbox input[type=radio] + label {
            cursor: pointer;
            margin-left: -16px;
        }

            .fa-checkbox input[type=checkbox] + label:before {
                font-family: FontAwesome;
                display: inline-block;
                content: "";
                width: 18px;
                height: 18px;
                cursor: pointer;
                vertical-align: middle;
                font-weight: normal;
                font-size: 110%;
                display: inline-block;
                border: 1px solid #ccc;
                border-radius: 2px;
                line-height: 18px;
                margin-right: 7px;
                overflow: hidden;
                text-align: center;
            }

        .fa-checkbox input[type=checkbox]:checked + label:before {
            content: "\f00c";
            color: #008CBA;
        }

        .fa-checkbox input[type=radio] + label {
            display: inline-block;
            padding-left: 25px;
            position: relative;
            vertical-align: middle;
        }

            .fa-checkbox input[type=radio] + label::before {
                background-color: #fff;
                border: 1px solid #cccccc;
                border-radius: 50%;
                content: "";
                display: inline-block;
                height: 18px;
                left: 0;
                position: absolute;
                transition: border 0.15s ease-in-out 0s;
                width: 18px;
            }

            .fa-checkbox input[type=radio] + label::after {
                background-color: #008CBA;
                border-radius: 50%;
                content: " ";
                display: inline-block;
                height: 10px;
                left: 4px;
                position: absolute;
                top: 4px;
                transform: scale(0, 0);
                transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33) 0s;
                width: 10px;
            }


        .fa-checkbox input[type=radio]:checked + label::after {
            transform: scale(1, 1);
        }

.tab-3 .fa-checkbox {
    padding-top: 0px;
    padding-left: 20px;
}

.div-report h3 {
    margin: 0 0 20px 0;
    font-size: 200%;
}

    .div-report h3 i {
        font-style: normal;
        text-decoration: underline;
    }

.report-data {
    min-height: 60px;
}

    .report-data li {
        color: #06C;
        margin-bottom: 6px;
    }

        .report-data li:last-child {
            margin-bottom: 0;
        }

        .report-data li b {
            color: #444;
            font-weight: normal;
            margin-right: 6px;
        }

.div-report .search-result {
    margin: 15px 0;
}

    .div-report .search-result div.col-xs-10 {
        background: #E99002;
        color: #fff;
        padding: 10px;
        border: 1px solid #D08002;
    }

    .div-report .search-result div.col-xs-2 {
        background: #E99002;
        color: #222;
        padding: 10px;
        border: 1px solid #D08002;
    }

.div-report .print-over {
    text-align: center;
    margin: 10px 0;
    color: #F60;
    letter-spacing: 3px;
}

.search-result h5 {
    margin: 0;
    margin-bottom: 5px;
}

.search-result .checkbox-inline {
    line-height: 1;
}

.search-result .table {
    font-size: 14px;
    margin-bottom: 0;
}

    .search-result .table th {
        background: #E99002;
        color: #fff;
        text-align: center;
    }

    .search-result .table th, .search-result .table td {
        vertical-align: middle;
    }

        .search-result .table td ul {
            margin-bottom: 0;
        }

            .search-result .table td ul li .radio-inline {
                vertical-align: inherit;
            }

            .search-result .table td ul li:first-child {
                color: #f50;
                font-weight: 600;
                font-size: 16px;
            }

        .search-result .table td .text {
            vertical-align: middle;
            margin-left: 20px;
        }

.search-result input[type="checkbox"] {
    margin-top: 1.5px;
}

.search-result .table td .value {
    font-weight: bold;
    padding: 0 5px;
    color: #06C;
}

.report-note {
    font-size: 13px;
    color: #555;
}

    .report-note ol {
        margin-bottom: 0;
    }

.div-report + footer {
    font-size: 13px;
    color: #888;
    padding: 5px 0;
    margin-top: 15px;
    border-top: 1px solid #ccc;
}

.div-report .gmap {
    height: auto;
    position: relative;
    border: 1px solid #ccc;
}

    .div-report .gmap .MapLegend {
        position: absolute;
        top: 5px;
        left: 5px;
    }

        .div-report .gmap .MapLegend .panel {
            margin-bottom: 0;
        }

            .div-report .gmap .MapLegend .panel .panel-heading {
                text-align: center;
                padding: 2px 0;
                font-size: 15px;
            }

            .div-report .gmap .MapLegend .panel .panel-body {
                font-size: 12px;
                color: #444;
                padding: 10px 5px;
            }

        .div-report .gmap .MapLegend ul {
            margin-bottom: 0;
        }

            .div-report .gmap .MapLegend ul li {
                margin-bottom: 6px;
            }

                .div-report .gmap .MapLegend ul li:last-child {
                    margin-bottom: 0;
                }

        .div-report .gmap .MapLegend b.line {
            background: #666 none repeat scroll 0 0;
            display: inline-block;
            height: 2px;
            margin-top: 7px;
            margin-right: 5px;
            vertical-align: text-top;
            width: 20px;
        }

        .div-report .gmap .MapLegend b.polygon {
            width: 20px;
            height: 12px;
            display: inline-block;
            margin-top: 3px;
            margin-right: 5px;
            vertical-align: text-top;
            border: 2px solid #06F;
        }


.pre-search .table {
    margin-bottom: 0;
}

    .pre-search .table + .table {
        margin-top: 15px;
    }

    .pre-search .table > tbody > tr > th {
        text-align: right;
        width: 70px;
        padding-left: 0;
        background: #f3f3f3;
    }

    .pre-search .table > thead > tr > th,
    .table-cases .table > thead > tr > th,
    .table-members .table > thead > tr > th {
        background: #f3f3f3;
    }



    .pre-search .table > tbody > tr > th,
    .pre-search .table > tbody > tr > td {
        font-size: 13px;
    }

/*2017/02/22*/

.Modal-Login .checkbox {
    padding-top: 5px;
    padding-bottom: 5px;
}

.Modal-Login .forgetPW, .Modal-Login .Regist {
    padding-top: 5px;
    padding-bottom: 5px;
    margin-left: 15px;
}

.Modal-Login .help-block, .Modal-Regist .help-block, .Modal-forgetPW .help-block {
    display: none;
    margin-bottom: 0;
}

.Modal-Login .has-error .help-block, .Modal-Regist .has-error .help-block, .Modal-forgetPW .has-error .help-block {
    display: block !important;
}

.Modal-Login .forgetPW .fa, .Modal-Login .regist .fa {
    margin-right: 5px;
}

.Modal-Login .form-control + i.fa {
    color: #fff;
    font-size: 18px;
    position: absolute;
    margin-top: -28px;
    opacity: 0;
    left: 0;
    transition: all 0.1s ease-in;
}

.Modal-Login .form-control:focus {
    border-left-width: 35px;
}

    .Modal-Login .form-control:focus + i.fa {
        opacity: 1;
        left: 25px;
        transition: all 0.25s ease-out;
    }

.navbar-brand {
    font-size: 20px;
    line-height: 20px;
}

@media screen and (min-width: 768px) {
    .navbar-nav li {
        font-size: 14px;
    }

    .navbar-inverse .dropdown-menu {
        background-color: #f6f6f6;
        min-width: 100%;
    }

        .navbar-inverse .dropdown-menu li a, .navbar-inverse .dropdown-menu li a:focus {
            color: #333;
        }

        .navbar-inverse .dropdown-menu li:hover a {
            background-color: #dfdfdf;
        }
}

.Modal-Result .modal-dialog .modal-body h5 {
    text-align: left;
}

.Modal-Result .modal-body + .modal-body {
    border-top: 1px solid #ccc;
}

.form-horizontal .control-label {
    margin-bottom: 0;
    padding-top: 9px;
    text-align: right;
}

.div-report {
    position: relative;
    padding-bottom: 15px;
}

    .div-report + footer {
        margin-top: 0;
        border: none;
        background: #ddd;
        color: #666;
    }

    .div-report .QRcode {
        position: absolute;
        right: 7px;
        top: -18px;
    }

        .div-report .QRcode img {
            width: 85px;
            height: auto;
        }

.div-print {
    max-width: 830px;
    margin: 0 auto;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
}

    .div-print .btn-print {
        position: absolute;
        right: 10px;
        top: 10px;
        font-size: 13px;
        padding: 3px 8px;
    }

.div-case {
    position: absolute;
    top: 45px;
    bottom: 30px;
    z-index: 2;
    width: 100%;
    overflow-y: auto;
    background: #fff;
    padding-top: 25px;
    padding-bottom: 25px;
}

    .div-case .table {
        font-size: 14px;
    }

        .div-case .table td .btn, .div-case-search .table td .btn {
            vertical-align: top;
        }

.mtb-0 {
    margin-top: 0;
    margin-bottom: 0;
}

.div-case .panel-footer {
    background-color: transparent;
}

    .div-case .panel-footer .pagination {
        vertical-align: middle;
        margin-top: 5px;
        margin-bottom: 5px;
    }

.pagination li a {
    background: #eee;
}

.pagination li:hover a {
    background: #ddd;
}


.list-unstyled > li > hr {
    margin-top: 5px;
    margin-bottom: 10px;
}

.collapse-title::before {
    content: "\f0d8";
    font-family: FontAwesome;
    line-height: 1.2;
    margin-right: 8px;
    float: left;
}

.collapse-title.collapsed::before {
    content: "\f0d7";
}

.table-cases .table {
    font-size: 12px;
}

    .table-cases .table tr th {
        vertical-align: middle;
    }

    .table-cases .table tbody tr td .btn-xs {
        display: block;
        padding: 2px;
    }

        .table-cases .table tbody tr td .btn-xs + .btn-xs {
            margin-top: 3px;
        }

.div-case-search .panel-footer .pagination {
    margin: 0;
}

.div-case-search {
    position: absolute;
    top: 45px;
    bottom: 30px;
    z-index: 2;
    width: 100%;
    overflow: hidden;
    background: #fff;
    padding: 15px;
    overflow-y: auto;
}

.div-case-map {
    position: relative;
    margin-bottom: 15px;
    border: 1px solid #ccc;
}

    .div-case-map .gmap {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
    }

@media (min-width: 768px) {

    .div-case-search {
        padding: 0;
    }

    .div-case-map {
        position: absolute;
        left: 50%;
        right: 0;
        bottom: 0;
        top: 0;
        overflow: hidden;
        border: 0;
        border-left: 1px solid #ccc;
    }

    .div-case-search-form {
        width: 50%;
        bottom: 0;
        top: 0;
        overflow: auto;
        position: absolute;
        padding: 15px;
    }
}


.must-input::after {
    color: #f00;
    content: "＊";
    display: inline-block;
    margin-right: 1px;
}

.div-case .panel h5 {
    color: #43ac6a;
    font-size: 16px;
    font-weight: 300;
}

.div-case .panel h6 {
    color: #F90;
    margin-left: 16px;
}

.case-location-map, .case-location-image {
    position: relative;
    height: 400px;
    border: 1px solid #ccc;
    margin-top: 6px;
    text-align: center;
    background: #f3f3f3;
}

.case-location-image {
    height: inherit;
    min-height: 300px;
    background: #CCCCCC url(../Content/Images/no-image.png) no-repeat center center;
}

    .case-location-image img {
        width: 100%;
        height: auto;
    }


.case-location-image1 {
    background: #eee;
    padding: 20px 10px 10px 20px;
    margin-bottom: 10px;
}

    .case-location-image1 img {
        width: 100%;
        height: auto;
    }

.upload_photo {
    position: relative;
    width: 24%;
    margin-right: 1%;
    margin-bottom: 1%;
    border: 3px dashed #666666;
    float: left;
    background: #ccc url(../Content/Images/upload-image.png) no-repeat center center;
    background-size: 100%;
    display: inline-block;
    overflow: hidden;
}

    .upload_photo button.del {
        position: absolute;
        top: 5px;
        right: 5px;
        border-radius: 3px;
    }

    .upload_photo input.upload {
        top: 0;
        right: 0;
        margin: 0;
        padding: 0;
        font-size: 20px;
        cursor: pointer;
        width: 100%;
        height: 13vw;
        opacity: 0;
        filter: alpha(opacity=0);
    }

    .upload_photo .uploadimg {
        top: 0;
        right: 0;
        margin: 0;
        padding: 0;
        cursor: pointer;
        width: 100%;
        height: 13vw;
    }

.clear::after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    zoom: 1; /*IE6, IE7*/
}


label.file input {
    position: absolute;
    width: 0;
    overflow: hidden;
    opacity: 0;
}

label.file {
    width: 100%; /* Use for fluid design */
    height: 39px;
    cursor: pointer;
    position: relative;
    display: inline-block;
    white-space: nowrap;
    font-family: sans-serif;
    text-align: right;
    vertical-align: middle;
    margin-bottom: 0;
    font-weight: normal;
    box-sizing: border-box;
}

    label.file:before {
        content: "未選擇任何檔案";
        font-family: "微軟正黑體", "Microsoft JhengHei" !important;
        display: block;
        position: absolute;
        width: 100%;
        height: inherit;
        padding: 8px 12px 8px 85px;
        border: 1px solid #ccc;
        background-color: #fff;
        color: #aaa;
        font-size: 14px;
        overflow: hidden;
        text-overflow: ellipsis;
        vertical-align: middle;
        text-align: left;
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
        line-height: 1.5;
        box-sizing: border-box;
    }

    label.file[title]:not([title=""]):before {
        content: attr(title);
        color: #333;
        box-sizing: border-box;
    }

    label.file:after {
        content: "選擇檔案";
        font-family: "微軟正黑體", "Microsoft JhengHei" !important;
        font-weight: normal;
        display: inline-block;
        position: absolute;
        left: 0;
        top: 0;
        height: 39px;
        padding: 8px 10px;
        background-color: #eee;
        color: #555;
        border: 1px solid #ccc;
        overflow: hidden;
        text-overflow: ellipsis;
        text-align: center;
        vertical-align: middle;
        box-sizing: border-box;
    }

.div-left-list .list-group-item {
    font-size: 14px;
}

    .div-left-list .list-group-item.active, .div-left-list .list-group-item.active:hover, .div-left-list .list-group-item.active:focus {
        background-color: transparent;
        border: inherit;
        border-left: 5px solid #008CBA;
        color: #008CBA;
        padding-left: 10px;
    }

.pb-30 {
    padding-bottom: 30px;
}

#gotop {
    display: none;
    position: fixed;
    right: 15px;
    bottom: 35px;
    width: 35px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    background: #777;
    color: #fff;
    cursor: pointer;
    z-index: 10;
    font-size: 125%;
}

.navbar .navbar-collapse .dropdown .fa {
    width: 20px;
    text-align: center;
}

.div-chart .map-tabs .nav > li > a {
    line-height: 45px;
    padding: 0;
    height: 45px;
}

    .div-chart .map-tabs .nav > li > a .fa {
        margin-right: 8px;
        margin-bottom: 0;
        vertical-align: middle;
    }

.div-chart .map-tabs .tab-content {
    top: 63px;
}

.div-chart .map-tabs {
    width: 440px;
}

.div-chart .map-tabs-b {
    width: 50%;
}

/*
@media screen and (max-width: 768px){
	.div-chart .gis-right-b {
	position:absolute;
	left:95%;
	right:0;
	top:0;
	bottom:0;
	z-index:1;
}


.div-chart .map-tabs-b {
	width:95%;
	z-index:10;
}

}
*/

.map-tabs-b .panel {
    margin: 10px;
}

.div-chart .map-tabs .tab-content .fa-checkbox {
    padding-right: 0;
    padding-top: 7px;
}

    .div-chart .map-tabs .tab-content .fa-checkbox label {
        font-weight: bold;
        padding-right: 0;
    }

.div-chart .map-tabs .tab-content .input-group-addon {
    font-size: 13px;
}

.div-chart .map-tabs .tab-content .form-control + .input-group {
    margin-top: 6px;
}

.div-chart .gis-right {
    position: absolute;
    left: 440px;
    right: 0;
    top: 0;
    bottom: 0;
}

.div-chart .gis-right-b {
    position: absolute;
    left: 50%;
    right: 0;
    top: 0;
    bottom: 0;
}


.modal-body .control-label {
    padding-right: 0;
}

.div-case .panel .panel-title.pull-left {
    font-size: 20px;
    line-height: 36px;
}

.div-case .panel .panel-heading .pull-right + .pull-right {
    margin-left: 15px;
    margin-right: 15px;
}

.div-case .panel .form-inline .input-group {
    display: inline-table;
    vertical-align: middle;
}

.tab-content .tab-pane .panel:last-child,
.div-case-search-form .panel:last-child {
    margin-bottom: 15px;
}

.div-case-search-form .panel .btn.pull-right {
    margin: -4px 0;
}


/*loading*/
.loading-overlay {
    background-color: rgba(0,0,0,0.6);
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: none;
    z-index: 999998;
}

.loading {
    position: absolute;
    z-index: 999999;
    top: 50%;
    left: 50%;
    margin: -50px 0 0 -60px;
    height: 100px;
    width: 100px;
    border-radius: 50%;
    border: 10px solid rgba(255,255,255,0);
    box-sizing: content-box !important;
    border-top-color: #008CBA;
    animation: spin 1s infinite linear;
}

.loading-text {
    color: #eee;
    text-align: center;
    top: 50%;
    left: 0;
    right: 0;
    font-size: 15px;
    position: absolute;
    animation: pulse 0.6s infinite alternate ease-in-out;
    margin: 0;
    font-size: 15px;
    font-weight: bold;
}

@keyframes pulse {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0.5;
    }
}


@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes counter-spin {
    0% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }

    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}




/*水土保持計畫*/

.col-xs-0 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    width: 50px;
    float: left;
}

.col-xs-13 {
    position: relative;
    min-height: 1px;
    width: 1%;
    line-height: 15px;
    float: left;
    padding-top: 10px;
    font-weight: bold;
    margin-bottom: 0;
    text-align: center;
}

.col-xs-14 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    width: 10.1%;
    line-height: 15px;
    float: left;
}

.col-xs-15 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    width: 9.6%;
    line-height: 15px;
    float: left;
}



/* 統計圖表 */

.div-Layers {
    position: absolute;
    z-index: 9;
    left: 30px;
    top: 50%;
    width: 500px;
    display: none;
}

.ui-autocomplete {
    z-index: 1031;
}

.div-Layers .well {
    padding: 0;
    min-width: 280px;
}


    .div-Layers .well legend {
        margin-bottom: 0px;
        padding: 8px 10px;
        font-size: 15px;
        background: #73A839;
        color: #fff;
        cursor: move;
    }

    .div-Layers .well .close {
        position: absolute;
        right: 10px;
        top: 6px;
        opacity: 0.6;
        color: #fff;
        -webkit-transition: all 0.15s;
        -moz-transition: all 0.15s;
        transition: all 0.15s;
    }

        .div-Layers .well .close:hover {
            opacity: 0.9;
        }

.spacing {
    margin-top: 10px;
}






.GIS-Introduction {
    position: absolute;
    z-index: 1040;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    background: rgba(0,0,0,0.5);
    font-family: "微軟正黑體", "Microsoft JhengHei";
    font-size: 16px;
    text-shadow: 1px 1px 1px rgba(0,0,0,1);
    box-sizing: border-box;
}

    .GIS-Introduction .btn-intro-close {
        color: #fff;
        font-size: 30px;
        position: absolute;
        right: 3px;
        top: 3px;
        line-height: 22px;
        height: 30px;
        width: 30px;
        text-align: center;
        padding: 1px;
        text-decoration: none;
        border: 3px solid #fff;
        font-weight: bolder;
        vertical-align: middle;
        cursor: pointer;
        z-index: 9999;
        box-shadow: 0px 0px 5px rgba(0,0,0,1);
        font-family: "Arial Black", Gadget, sans-serif;
        text-shadow: 0px 0px 5px rgba(0,0,0,1);
    }

    .GIS-Introduction .intro-div {
        display: none;
        color: #fff;
        font-weight: bold;
        position: absolute;
    }

        .GIS-Introduction .intro-div b {
            display: inline-block;
            line-height: 22px;
        }

    .GIS-Introduction .i-6 {
        right: 1px;
        top: 50px;
        background: url(../Content/Images/draw/arrow-1.png) no-repeat left 330px;
    }

        .GIS-Introduction .i-6 div.area {
            width: 55px;
            height: 350px;
            border: 3px dashed rgba(255,255,255,1);
            border-radius: 10px;
        }

        .GIS-Introduction .i-6 b {
            margin-top: 40px;
            margin-left: -60px;
        }

    .GIS-Introduction .i-2 {
        left: 180px;
        top: 90px;
        background: url(../Content/Images/draw/arrow-8.png) no-repeat left 0;
        height: 250px;
        /*transform:scaleY(1.5);*/
    }

        .GIS-Introduction .i-2 b {
            margin-left: 180px;
            margin-top: 160px;
            width: 160px;
            text-align: left;
            /*transform:scaleY(0.75);*/
        }

    .GIS-Introduction .i-3 {
        top: 60px;
        left: 290px;
        width: 120px;
        background: url(../Content/Images/draw/arrow-9.png) no-repeat right 0;
    }

        .GIS-Introduction .i-3 b {
            margin-top: 100px;
            margin-left: 100px;
            width: 90px;
        }

    .GIS-Introduction .i-1 {
        top: 40px;
        left: 60px;
        width: 103px;
        background: url(../Content/Images/draw/arrow-10.png) no-repeat center 0;
    }

        .GIS-Introduction .i-1 b {
            margin-top: 0px;
            margin-left: 90px;
            width: 100px;
        }

    .GIS-Introduction .i-5 {
        top: 490px;
        left: 260px;
        width: 160px;
        background: url(../Content/Images/draw/arrow-9.png) no-repeat center 50px;
    }

        .GIS-Introduction .i-5 b {
            margin-top: 140px;
            width: 160px;
            margin-left: 120px;
        }

    .GIS-Introduction .i-7 {
        top: 20px;
        right: 70px;
        width: 180px;
        background: url(../Content/Images/draw/arrow-6.png) no-repeat center 0;
    }

        .GIS-Introduction .i-7 b {
            margin-top: 360px;
            margin-left: -70px;
            width: 160px;
        }

    .GIS-Introduction .i-4 {
        top: 400px;
        left: 260px;
        width: 160px;
        background: url(../Content/Images/draw/arrow-9.png) no-repeat right 0;
        margin-top: -20px;
    }

        .GIS-Introduction .i-4 b {
            margin-top: 105px;
            margin-left: 150px;
            width: 140px;
        }



.intro-icon {
    padding-top: 50px;
    color: #f8bc86;
}

.intro-text {
    padding-bottom: 30px;
    color: #666;
}

.download-file {
    max-height: 70vh;
    overflow: auto;
}

.map-tabs-chart {
	position:absolute;
	z-index:4;
	left:0;
	top:0;
	bottom:0;
	width:560px;
	border-right:1px solid #ccc;
	background:#fff;
	padding:10px;
}



.map-tabs-chart .nav-pills  {
	padding:0px;
}
.map-tabs-chart .nav-pills > li > a {
	overflow:hidden;
	color: #888;
	padding:12px 30px;
	font-size:14px;
}
.map-tabs-chart .nav-pills > li.active > a {
	color: #fff;
}
.map-tabs-chart .nav-pills  li {
	border:1px solid #999;
	border-left:0;
	vertical-align:middle;
	/*line-height:2;*/
}
.map-tabs-chart .nav-pills  li:first-child {
	border-left:1px solid #999;
	line-height:1.2;
}


.map-tabs-chart .nav > li > a .fa {
	margin-bottom:3px;
	font-size:150%;
}
.map-tabs-chart .nav-pills > li.active > a, .map-tabs-chart .nav-pills > li.active > a:hover, .map-tabs-chart .nav-pills > li.active > a:focus,
.map-tabs-chart .nav-pills > li.active, .map-tabs-chart .nav-pills > li.active:hover  {
	background-color: #008CBA;
	color:#fff;
}
.map-tabs-chart .nav-pills > li:hover {
	background-color:#eee;
}
.map-tabs-chart .nav-pills > li:hover > a {
	color:#333;
}
.map-tabs-chart .tab-content {
	position:absolute;
	right:0;
	left:0;
	top:70px;
	bottom:0;
	overflow-y:auto;
	padding:10px;
	padding-top:5px;
}
.map-tabs-chart .tab-content .control-label{
	padding-right:0;
	padding-top:7px;
	font-weight:bold;
	text-align: right;
    margin-bottom: 0;
}
.map-tabs-chart .tab-content .form-control {
	padding:6px;
	height:36px;
	font-size:14px;
}

.map-tabs-chart .tab-content .panel-body .form-group {
	margin-bottom:6px;
}
.map-tabs-chart .tab-content .panel-body .form-group:last-child {
	margin-bottom:0;
}
.map-tabs-chart .tab-content .panel-body .form-group .checkbox input[type=checkbox] {
	margin-top:4px;
}
.map-tabs-chart .tab-content .panel-footer {
	border-top:0;
}


.chart-draw-tools-1{ width:45px; height:45px; display:block; background:url(../Content/Images/icon-draw-1.png) no-repeat; background-size:contain;}
.chart-draw-tools-2{ width:45px; height:45px; display:block; background:url(../Content/Images/icon-draw-2.png) no-repeat; background-size:contain;}

.text-blue{ color:#06F;}