body {
    font-family: '微軟正黑體', arial, sans-serif;
    font-weight: 400;
    background: #eee;
    font-size: 12px;
    text-align: center;
    margin: 0px;
    padding: 0px;
    cursor: default;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /*padding-bottom: 250px;*/
}

/* ---------  影像地圖--------------------------
  * Mapify custom popOver example 
*/
.paper-full{    
    margin: 0px !important;
}
.paper-show{
    padding-left: 10px;
    padding-right: 10px;
}

/*scrollbar 鎖定與開啟*/
html.xyScroll {
    /*position: fixed;*/ 
    overflow-y: scroll;
    overflow-x: hidden;
    width: 100%;
}

html.noscroll {
    /*position: fixed;*/ 
    overflow-y: hidden;
    overflow-x: scroll;
    width: 100%;
}

html.fixWindow {
    position: fixed;
    width: 100%;
}

.mapify-holder{
    -webkit-filter: drop-shadow(7px 7px 7px rgba(0, 0, 0, 0.7));
    filter: drop-shadow(7px 7px 7px rgba(0, 0, 0, 0.7))
}


/*訊息框*/
.mapify-popOver {
    color: #999;
    font-size: 16px;
    height: 130px;
    padding: 10px !important;
}
/*訊息框標題*/
.mapify-popOver strong {
    font-weight: 700;
    font-size: 26px;
    line-height: 30px;
    display: block;
    margin-bottom: 10px;
    color: #000;
    text-align:left;
    font-family: '微軟正黑體';
}
/*mouseover 訊息框內文*/
.mapify-popOver-content {
    position: relative;
    /*top: 50%;*/
    /*transform: translateY(-50%);
    -webkit-transform: translateY(-50%);*/
    text-align: left;
    color: #666;
    line-height: 20px;
}

.pop-over-content{
    font-size: 20px;
    line-height: 25px;
}

.mapify-popOver.customPopOver { background: #fff; }
/*data-pop-over-class="customPopOver"*/
/* Custom hovering style */
.mapify-hover {
    fill: rgba(0,0,0,0.15);
    /*stroke: #f00;*/
    stroke: rgba(0,0,0,0);
    stroke-width: 2;
}

.customHover {
    fill: #ffff00;
    stroke: #fff;
    stroke-width: 2;
}

/*廣告 iframe*/
.ad-iframe > iframe{
    vertical-align: middle;
}


/*如果視窗為直立，就套用這些CSS*/
@media screen and  (orientation: portrait) {



}            


/*
*--------- light box show ------------
*/
div.newsModal{
    /*width: 100%;*/ 
    /*max-width: 100%;*/
    background-color: rgba(0,0,0,0.7);
    height: auto;
    min-height: 100%;
    min-width: 100%;
    width: 120%;
    position: absolute;
    top: 0;
    left: 0;
    padding-top: 10px;
    padding-bottom: 10px ;
    z-index: 999;
    display: none;
}
.nav-modal-menu{
    position:  fixed;
    left: 50%;
    margin-left: -362px;
}
.nav-modal-menu-mobile{
    position:  fixed;
    left: 50%;
    margin-left: -263px;
}

#showImg{
    padding-top: 50px; 
}
.news-page-nav{
    /*margin: 20px;*/
    margin-bottom: 20px;
}

.news-img{
    width: auto;
    padding: 15px;
    background-color: #ffffff;
}

/* nav */
.nav{
    padding: 20px 0px;
}
.nav>a.btn{
    width: 45px;
    height: 45px;
    color: #000;
    font-size: 26px;
    border-radius: 99em;
    /*background-color: #fff;*/
}

area{
    display: block;
}

/*@media*/
@media only screen and (max-width:1280px) {
    .nav-modal-menu-mobile{
        margin: 0px;
        left: 0px;
    }
    .news-page-nav{
        width: 1280px;
    }
    .nav-modal-menu-mobile >.col-md-12{
        padding-left: 460px !important;
    }
}


@media only screen and (max-width:1024px) {
    .news-page-nav{
        width: 1024px;
    }
    .nav-modal-menu-mobile >.col-md-12{
        padding-left: 332px !important;
    }

}
/*360*/
@media only screen and (max-width:960px) {
    .news-page-nav{
        width: 960px;
    }
    .nav-modal-menu-mobile >.col-md-12{
        padding-left: 300px !important;
    }
}

@media only screen and (max-width:768px) {
    /*    .nav-modal-menu{
            margin-left: -362px;
        }
        .nav-modal-menu-mobile{
            margin-left: -263px;
        }*/

    .news-page-nav{
        width: 768px;
    }
    .nav-modal-menu-mobile >.col-md-12{
        padding-left: 204px !important;
    }
    .nav-modal-menu-mobile{
        margin: 0px;
        left: 0px;
    }

}


@media only screen and (max-width:425px) {
    .news-page-nav{
        width: 425px;
    }
    .nav-modal-menu-mobile >.col-md-12{
        padding-left: 32px !important;
    }

}

@media only screen and (max-width:375px) {
    .news-page-nav{
        width: 375px;
    }
    .nav-modal-menu-mobile >.col-md-12{
        padding-left: 9px !important;
    }
    .nav-modal-menu-mobile{
        margin: 0px;
        left: 0px;
    }
}

ul.ft-side-menu-r{
    list-style-type: none; 
    position: fixed; 
    right: 0px; top: 0px;
    /*margin-top: -175px;*/
}


ul>li.ft-side-menu-item-r{
    position: relative;
    height: 50px;
    width: 200px;
    background-color: rgba(255,0,0,0.8);
    vertical-align: middle;
    color: #fff;
    font-family: '微軟正黑體';
    font-size: 18px;
    padding: 5px;
    margin-bottom: 1px;
    text-align: left;
    cursor: pointer;
    right: -150px;
    top: 0px !important;
    /*margin-right: -50px;*/
}

ul>li.ft-side-menu-item-r>span.glyphicon{
    width: 50px;
    height: 50px;
    font-size: 26px;
    top: 8px;
    left: 8px;
}

ul>li.ft-side-menu-item-r>a.menu-link{
    color: #fff;
    font-weight: 700;
    font-size: 18px;
}

/*.ft-side-menu-r {
    font-family: '微軟正黑體','Open Sans', sans-serif;
    position:fixed;	
    top:50%;
    right:0;
    z-index: 10001;
}*/
/*.ft-side-menu-item-r {
    position:absolute;
    cursor:pointer;		
    line-height:0;
    -webkit-transition:400ms all linear;
    transition:400ms all linear;
    margin:1px;	
}*/
/*.ft-side-menu-item-r span {
    font-weight:bold;
    font-size:14px;
    text-transform:uppercase;	
    vertical-align:middle;
    padding-right:2px;
}*/
/*.ft-side-menu-item-r:hover {right:-1px;}
.ft-side-menu-item-r:not(:last-child) {    margin-bottom:0;    text-decoration: none;}
.ft-sm-icon {		
    display:inline-block;
    vertical-align:middle;	
    text-align:center;	
    background-repeat:no-repeat;
    background-position:50% 50%;
    -webkit-transition:400ms all linear;
    transition:400ms all linear;		
}
.ft-sm-icon-img{	
    display:inline-block;
    vertical-align:middle;	
    text-align:center;	
    background-repeat:no-repeat;
    background-position:50% 50%;
    -webkit-transition:400ms all linear;
    transition:400ms all linear;
}
.ft-side-menu-l {
    font-family: 'Open Sans', sans-serif;
    position:fixed;
    top:50%;
    left:0;
    z-index: 10001;
}
.ft-side-menu-item-l {
    position:absolute;
    cursor:pointer;		
    line-height:0;
    -webkit-transition:400ms all linear;
    transition:400ms all linear;
    margin:1px;
    text-align:right;
}
.ft-side-menu-item-l span {	
    font-weight:bold;
    font-size:14px;
    text-transform:uppercase;	
    vertical-align:middle;
    padding-left:2px;	
}
.ft-side-menu-item-l:hover {left:-1px;}
.ft-side-menu-item-l:not(:last-child) {    margin-bottom:0;    text-decoration: none;}
@media screen and (max-width: 480px) {
    .ft-side-menu-item-l:active {left:-1px;}
    .ft-side-menu-item-r:active {right:-1px;}
}*/

/** msgModa l**/
.msgModal a{
    color:#00F !important;
}

.msgModal .modal-title{
    font-weight: bold !important; font-size: 16px !important; color:#444 !important;
}

.msgModal .modal-body{
    font-size: 18px !important;
}

/*body{
    overflow-x: hidden;
    overflow-y: hidden;
}*/

#contentModal{
    position: fixed;
    background-color: rgba(0,0,0,0.7);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 999;
    overflow-x: scroll;
    overflow-y: scroll;
}

#contentModal #contentBlock{
    position: absolute;
    /*top: 50px;*/
    /*bottom: 50px;*/
    left: 50%;
    background: #efefef;
    width: 1170px;
    height: 100%;
    /*margin-top: 50px;*/
    /*margin-bottom: 50px;*/
    margin-left: -585px;

}

#contentModal #contentBlock .content{
    padding: 15px;
}

#imgNews{
    position: absolute;
    left: 0px;
    top: 100px;
    z-index: 1001;
}

#navMenu{
    position: absolute;
    left: 50%;
    top: 10px;
    z-index: 1000;
    margin-left: -263.5px;
}

#p-prev, #p-next{
    position: absolute;
    width: 50px;
    height: 50px;
    top: 50%;
    /*    left: 50%;*/
    margin-top: -25px;
    z-index: 998;
    background: #ddd;
    border-radius: 99em;
    vertical-align: middle;
    font-size: 20px;
    padding: 10px;
}

#p-prev:hover, #p-next:hover{
    background:#666;
    animation:myfirst 1s;
    -moz-animation:myfirst 1s; /* Firefox */
    -webkit-animation:myfirst 1s; /* Safari and Chrome */
    -o-animation:myfirst 1s; /* Opera */
    color: #fff;
}

#p-prev{
    left: 10px;
}

#p-next{
    right: 10px;
}




@keyframes myfirst
{
    from {background:#ddd;}
    to {background:#666;}
}

@-moz-keyframes myfirst /* Firefox */
{
    from {background:#ddd;}
    to {background:#666;}
}

@-webkit-keyframes myfirst /* Safari and Chrome */
{
    from {background:#ddd;}
    to {background:#666;}
}

@-o-keyframes myfirst /* Opera */
{
    from {background:#ddd;}
    to {background:#666;}
}


/**------- bootstrap--------**/
.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}
.btn-success:focus,
.btn-success.focus {
    color: #fff;
    background-color: #449d44;
    border-color: #255625;
}
.btn-success:hover {
    color: #fff;
    background-color: #449d44;
    border-color: #398439;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
    color: #fff;
    background-color: #449d44;
    border-color: #398439;
}
.btn-success:active:hover,
.btn-success.active:hover,
.open > .dropdown-toggle.btn-success:hover,
.btn-success:active:focus,
.btn-success.active:focus,
.open > .dropdown-toggle.btn-success:focus,
.btn-success:active.focus,
.btn-success.active.focus,
.open > .dropdown-toggle.btn-success.focus {
    color: #fff;
    background-color: #398439;
    border-color: #255625;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
    background-image: none;
}
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus {
    background-color: #5cb85c;
    border-color: #4cae4c;
}
.btn-success .badge {
    color: #5cb85c;
    background-color: #fff;
}