/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 2017-1-28, 12:04:39
    Author     : zfxie
*/
body {
    margin: 0 auto;
    background-color:rgba(255,255,255,1.00);
    font-family:"PMingLiU ","微軟正黑體","Microsoft JhengHei","微软雅黑","Microsoft Yahei","proxima-nova","Helvetica Neue",Helvetica, Arial, sans-serif;
    font-size:14px;
    line-height: 160%;
}
/*
a, a:link, a:visited{ color:rgba(255,255,255,1.00); text-decoration: underline;}
a:active {
 COLOR: #ff7f24;  
 text-decoration: underline;
}
a:hover{ color:rgba(247,23,27,1.00);text-decoration: underline;}
*/
h3 { letter-spacing: 0px;}
p { text-align:justify; }
.navbar-fixed-top, .navbar-fixed-bottom {
    position: fixed;
    right: 0px;
    left: 0px;
    z-index: 1030;
}
div, table, tr, td, img {
	margin: 0;
	padding: 0;
}
img {
	vertical-align: top;
	border: 0;
}
.home-body {
	margin: 0 auto;
	width: 954px;
	padding:0;
	min-height: 800px;
}
.header {
	position:relative;
	height:316px;
	overflow:hidden;   
	z-index:222;
}
.header a {text-decoration:none;}
.header .logo {
    position:absolute;
    top:15px; 
    left:25px;
}

/* .lg-con{ position:absolute; top:12px; left:650px; font-size: 14px; height:40px; line-height:30px; font-weight:bold; color:#337ab7; } */
.lg-con{ position:absolute; top:12px; left:520px; width:400px; text-align: right;  font-size: 14px; height:40px; line-height:30px; font-weight:bold; color:#337ab7; }
.nav-con {position:relative; width:888px; height:153px; margin:-108px auto 20px auto; z-index:388; }
.nav-con img{ margin-top:5px;}
.nav-con p{ margin-top:40px; line-height: 140%; color:#FFFFFF;}
.nav-con a, .nav-con a:hover{ color:#FFF;}
.nav-con .area1 {
    position: absolute;
	padding:10px 10px;
    width: 195px;
    height: 204px;
    margin-top: 10px;
    margin-left: 0px;
	text-align:center;
}
.nav-con .area2 {
    position: absolute;
	padding:10px 10px;
    width: 195px;
    height: 204px;
    margin-top: 10px;
    margin-left: 218px;
	text-align:center;
}
.nav-con .area3 {
    position: absolute;
	padding:10px 10px;
    width: 195px;
    height: 204px;
    margin-top: 10px;
    margin-left: 435px;
	text-align:center;
}
.nav-con .area4 {
    position: absolute;
	padding:10px 10px;
    width: 195px;
    height: 204px;
    margin-top: 10px;
    margin-left: 652px;
	text-align:center;
}
.nav-con2 { position:relative; margin:20px auto; width:888px; min-height:100px;}
.nav-con2  h5 { font-size:16px;font-weight: 900; text-align:center;}
.main-body-content {
	position:relative; margin:60px auto; width:910px; min-height:300px;
}
.main-body-title { text-align:center;}
.main-body-content .map-title{ position:relative; width:246px; height:86px; background:url('../../assets/images/title-bg.png') top left no-repeat; z-index:6681;}
.main-body-content .map-title .map-title-left { position: absolute; margin-left:10px; padding-top:10px;  width:170px; height:66px; ustify-content:center; /*子元素水平居中*/
align-items:center; /*子元素垂直居中*/
display:-webkit-flex; }
.map-title-left h4 {font-weight:bold; color:#fff;}
.main-body-content .map-title .map-title-right { position: absolute; margin-left:193px; padding-top:24px; width:40px; color:#53b0e3; font-size:28px; font-weight:bold;  }
.main-body-content .map-img { position:relative; width:100%; margin-top:-86px; z-index:6671;}
.main-body-content .map-img img { width:100%;}
.main-body-content .map-img img:hover {
	filter:alpha(opacity=80);
    -moz-opacity:0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
	}
.main-body-content .map-link { position:relative; margin-top:-62px; padding-left:25px; padding-top:26px; width:145px; height:62px; background:url('../../assets/images/go-map-bg.png') top left no-repeat; float:right; z-index:9856;}
.map-link .btn-gomap {
    color: #fff;
	font-size:24px;
	font-weight:bold;
}
.main-body-content > .main-body-title {
	position:relative;
	padding:20px auto;
	min-height:56px;
	text-align:left;
	
}
.main-body-content > .main-body-title > .map-link1 {
	position:absolute;
	margin-top: 20px;
	margin-bottom: 10px;
	left:755px;
	width:145px;
}
.main-body-content > .main-body-title > .main-body-title1 {
	position:absolute;
	left:0;
	width:380px;
	min-height:56px;
}
.main-body-content > .main-body-title > .main-body-pdf {
	position:absolute;
	padding-top:15px;
	left:360px;
	width:124px;
	height:56px;
}
.main-body-content > .main-body-title > .main-body-title1 img{
	width:auto;
	height:32px;
}
.main-body-content > .main-body-title > .main-body-title2 {
	position:absolute;
	margin-top: 20px;
	margin-bottom: 10px;
	left:538px;
	width:180px;
	height:56px;
	text-align:right;
}


.main-body-content2 { padding:10px; }
.main-body-content2 h4{ border-bottom:1px solid #8E8888; }
.btn3{
	color: #fff;
	font-size:16px;
	font-weight:bold;
    background-color: #ffa85e;
    border-color:#ffa86f;
	border-radius: 12px;
}
.btn4{
	width:118px;
	color: #fff;
	font-size:16px;
	font-weight:bold;
    background-color: #F8B62D;
    border-color:#ffa86f;
	border-radius: 12px;
}
.main-body-content > .main-body-title >h3{ font-weight:bold; }
.img-pointer-events {pointer-events:none;}
.transform {

       transform:rotate(-2deg);
        -ms-transform:rotate(-2deg);/*ie9*/
        -o-tranform:rotate(-2deg);/*opera*/ 
        -webkit-transform: rotate(-2deg);/*chrome safria*/
        -moz-transform: rotate(-1deg);/*firefox*/
}


.main-body-left {
    position:relative;
    width: 180px;
    height: auto;
	float:right;
}
.main-body-left .btn1 >img {
	width:42px;
	height:auto;
}
.main-body-left .btn2 >img {
	width:60px;
	height:auto;
}
.main-body-right {
	 position:relative;
     width: 720px;
	 height:auto;
	 min-height:600px;
     margin-top: 0px;
     margin-left: 0px;
    text-align: center;
	/*
	border:10px solid #5dafa5;
	border-radius:30px;
	*/

}
.main-body-right .content-body {
	position:relative;
	top:20px;
    width: 100%;
	height: auto;
	text-align:left;
}

.content-body h3{ margin:0; font-weight: bold; margin-bottom: 0;}

.feed-card-item {
    padding: 30px 0 20px;
    border-bottom: 1px solid #e5e5e5;
}
.msg-error { font-size:14px; color: red;}
.footer{position: relative; width: 100%;}
.footer-nav {
    position: relative;
    padding: 10px; 
    height: 45px;
    background-color: #332b33; 
}
.footer-nav ul{list-style: none;}
.footer-nav ul li{ float: left; margin-left: 40px;}
.clear{ clear: both;}
a.backToTop {
    width: 60px;
    height: 60px;
    background: url('../images/top.gif') no-repeat -51px 0;
    text-indent: -999em;
    z-index: 6666;
}
.font-color1{ color:rgba(255,255,255,1.00);}
.font-color2{ /*color:#777777;*/ color: #333; }
.title-color2{color: #8a1224;}
.title-color3{color: #fbb03b;}
.title-color4{color: #49aeca;}
.bg-color1{background-color: #49aeca;}
.bg-color2{background-color: #8a1224;}
.bg-color3{background-color: #fbb03b;}
.bg-color4{background-color: #fff;}
.pager{ margin-top: 20px; margin-bottom: 20px;}
.pager a , .pager strong{ margin-right: 10px;}

.news a, .news a:link, .news a:visited , .bg-color4 a, .bg-color4 a:link, .bg-color4 a:visited {
    color: #337ab7;
    text-decoration: underline;
}

.news a:hover, .news a:focus , .bg-color4  a:hover, .bg-color4 a:focus {
    color: #23527c;
    text-decoration: underline;
}
.page-body{
    min-height: 300px;
}
.readmore {
    border-top: 1px solid #ddd;
    margin-right: 20px;
    margin-top: 10px;
    margin-bottom: 0px;
    font-size: 0.7em;
    width: 100%;
    float: right;
}
.readmore a , .readmore a:link, .readmore a:visited{
    background-color:#8a1224;
    color: #fff;
    text-decoration: none;
    padding: 4px 8px;
    float: right;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 2px 2px 8px #909090;
    -webkit-box-shadow: 2px 2px 8px #909090;
    box-shadow: 2px 2px 8px #909090;
    border: 1px solid #eee;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 1px;
}

.con-map{ position: relative; margin-top: -310px; margin-left: 138px; padding: 5px; width: 565px; height: 403px; background-color: #fff; z-index: 3088;}
#map_canvas {
    width: 555px;
    height: 393px;
}
.contact-us-body { margin: 20px auto; width: 565px; height: auto;}
.contact-us-body a, .contact-us-body a:link, .contact-us-body a:visited  {
    color: #333;
    text-decoration: underline;
}
.contact-us-body a:hover, .contact-us-bodya:focus {
    color:rgba(247,23,27,1.00);
    text-decoration: underline;
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.thumbnail{
	margin:4px;
}
.feed-card-item {
    position: relative;
    padding: 30px 0 20px;
    border-bottom: 1px solid #e5e5e5;
}
.feed-card-item .video-img {
    max-height: 450px;
}
.img-play {
    position: absolute;
    top: 250px;
    left: 330px;
    width: 80px;
    height: 84px;
    opacity: 0.8;
}
.img-play:hover {
    top: 249px;
    left: 329px;
    width: 82px;
    height: 86px;
    opacity: 1;
}

.body-title-con {
    margin-top: 20px;
    padding-left: 10px;
    height: 40px;
    border: 1px solid #dbdee1;
    line-height: 34px;
    background:#eee;
}
.list-area ul {
    margin: 1em 0 1em;
    padding: 0;
    list-style: none;
    clear: both;
}
.list-area ul li{
    float: left;
    margin: 0 0 2.992em 0;
    padding: 5px 15px 5px 15px;
    position: relative;
    background: #FFF;
    height: 220px;
    /*
    -webkit-box-shadow: 1px 2px 3px rgba(0,0,0,.4);
    -moz-box-shadow: 1px 2px 3px rgba(0,0,0,.4);
    box-shadow: 1px 2px 3px rgba(0,0,0,.4);
    */
}
.list-area ul li img{
    max-width: 100%;
    max-height: 140px;
}

.content-body-u {
    padding: 20px 15px 40px 15px;
    position: relative;
    min-height: 473px;
}
#fancybox-outer{
    background-color: #e6e6e6;
    
}
.content-body-u a:hover, .content-body-u a:focus {
    color: #23527c;
    text-decoration: underline;
}
.content-body-u a {
    color: #337ab7;
    text-decoration: none;
}
.content-body-u .well {
    padding: 8px;
}

.content-body-c .well {
    padding: 8px;
}
.content-body-c .well a:hover, .content-body-c .well a:focus {
    color: #23527c;
    text-decoration: underline;
}
.content-body-c .well a {
    color: #337ab7;
    text-decoration: none;
}
.s_hidden {display: none;}
.red { color: #f00; }
.orange { color: #ff7f24;}
.apply-body{
    margin: 30px auto;
    text-align: center;
}
.apply-body button{
    font-size: 16px;
    font-weight: bold;
}

.search-submit {
    border-radius: 0 4px 4px 0;
    bottom: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    left: 220px;
    top: 0px;
    padding: 2px;
    width: 24px;
    height: 26px;
    background: #66afe9;
    border: 0;
    font-weight: 700;
    letter-spacing: 0.046875em;
    line-height: 1;
}
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
}
.search ul li{ margin: 10px auto; border-bottom: 1px solid #e5e5e5;}
.content-body .mytable img{max-width: 600px;}
#ui-datepicker-div {z-index:2500 !important;}
.btn_bg, .btn2{ background-color:rgba(255,168,94,0.7);}
.btn {padding: 4px 8px;}
#toTop {
    display: none;
    text-decoration: none;
    position: fixed;
    bottom: 5%;
    right: 3%;
    overflow: hidden;
    width: 32px;
    height: 19px;
    border: none;
    text-indent: 100%;
    background: url("../../assets/images/top-arrow.png") no-repeat 0px 0px;
}
.item-none { 
opacity:0; 
}
.item-block { opacity:1; }

.route-con .close, .vr-con .close, .route-con.close:hover, .route-con .close:focus, .img-con .close, .img-con .close:hover, .img-con .close:focus {
	color:#FFF;
	font-size:42 px;
}
.route-con .close, .vr-con .close, .img-con .close{
	opacity: .7;
}
.vr-con .modal{padding:0;}
.vr-con .modal-dialog { margin:0; padding:0; width:100%; height:100%; overflow:hidden;}
.vr-con .modal-dialog .modal-content{ height:100%; background-color: rgba(0, 0, 0, 0.4);}
.vr-con .modal-dialog  .modal-content  .modal-header {margin:0; position:absolute; width:100%; height:auto; border:none; z-index:1035;}
.vr-con .modal-dialog  .modal-content .modal-body { margin:0; padding:0; position:absolute; width:100%; height:100%; z-index:1030;}
.btn-vr, .btn-img{ cursor:pointer; border:5px solid black;}

.img-con .modal-dialog { width:auto; max-width:900px; height:auto; overflow:hidden;}
.img-con .modal-dialog .modal-content {height:100%; background-color: rgba(0, 0, 0, 0.6);}
.img-con .modal-dialog .modal-header { padding:10px; min-height:30px; }
.img-con .modal-dialog .modal-title{ color:#FFF;}
.img-con .modal-dialog .modal-body{ padding: 0; min-height:280px; text-align:center; vertical-align:middle; }
.img-con .modal-dialog .modal-body img{ max-width: 900px; max-height:680px;}
.img-con .modal-dialog .modal-footer{padding: 10px;}


.tooltips{ border-width: 1px; border-style: solid; position: absolute; display: none; border-radius: 3px; opacity: 0; filter:alpha( opacity = 0) ; z-index: 999;}
.tooltips p.content{ padding: 5px; }
.tooltips .triangle-front,.tooltips .triangle-back{ width: 0; height: 0; overflow: hidden; border-width: 8px; border-style: solid; position: absolute; border-color: transparent ; top: 100%; left: 50%; margin-left: -8px;}
.tooltips .triangle-back{ margin-top: -1px;}
.yellow{ border-color: #c7c08d; background-color: #fffac3;}
.yellow .triangle-front{ border-top-color: #c7c08d;}
.yellow .triangle-back{ border-top-color: #fffac3;}

.item-body-content, .item-body-content1 {
    position: relative;
    margin: 60px auto;
    width: 888px;
    min-height: 200px;
}
.item-body-content > .line-img{ width:50%; float:left;}
.item-body-content > .line-con{ width:50%; float:right;}
.item-body-content > .line-img > img{ width:444px;}
.item-body-content > .line-con > .line-title { text-align:center; height:42px; background:url('../../assets/images/title-bg2.png') top left no-repeat;}
.item-body-content > .line-con > .line-title > h3 {
	margin-top:0;
    font-weight: bold;
	letter-spacing:0px;
    color: #fff;
	line-height:42px;
    font-size: 20px;
}
.item-body-content > .line-con > .line-txt {
	padding:20px 10px 20px 30px;
	height:auto;
	min-height:80px;
    text-align: justify;
}
.item-body-content > .line-con > .line-link { text-align:right;}
.item-body-content > .line-con > .line-link > .btn-gomap, .item-body-content1 > .line-con > .line-link > .btn-gomap{
	display:inline-block;
	margin:0;
	padding:0;
	width:165px;
	height:46px;
	border-radius:0;
	background:url('../../assets/images/btn-bg1.png') top left no-repeat;
    color: #fff;
    font-size: 20px;
	line-height:42px;
    font-weight: bold;
}

.item-body-content1 > .line-img{ width:50%; float:right;}
.item-body-content1 > .line-con{ width:50%; float:left;}
.item-body-content1 > .line-img > img{ width:444px;}
.item-body-content1 > .line-con > .line-title { text-align:center; height:42px; background:url('../../assets/images/title-bg1.png') top left no-repeat;}
.item-body-content1 > .line-con > .line-title > h3 {
	margin-top:0;
    font-weight: bold;
	letter-spacing:0px;
    color: #fff;
	line-height:42px;
    font-size: 20px;
}
.item-body-content1 > .line-con > .line-txt {
	padding:20px 10px 20px 30px;
	height:auto;
	min-height:80px;
    text-align: justify;
}
.item-body-content1 > .line-con > .line-link { text-align:left;}
/*#dscc-map-link{ display:none; }*/
.footer hr{margin-top: 10px; margin-bottom: 10px;}
.footer > blockquote >small > span{ padding-left:20px;}