@charset "utf-8";

/* CSS Document */





htel {

	margin: 0px;

	padding:0px;

	font-size:16px;

}

body {
	font-family: "Century Gothic", "Varela Round", "sans-serif", "微軟正黑體";
	margin: 0px auto;
	font-size:16px;

    background: url(../images/20190709091420.jpg);
}

h1, h2, h3, h4, h5, h6 {

    color: #3f3f3f;

    margin: 0 0 15px 0;

    letter-spacing: 1px;

    font-weight: bold;

}

ol, ul {

	list-style: none;

	margin: 0px;

	padding: 0px;

}

iframe{

    border:0;

    outline: 0;

}

.imp{color:#F00;}



table {

  border-spacing: 0;

  border-collapse: none;

}

/*[ GENERAL ELEMENTS ]*/

a {

	text-decoration: none;

}

a:hover {

    text-decoration: none;

}

.table-responsive{

	border: 0px solid #ddd !important;

}





/*--選單--*/

.navbar-wrapper {
    width: 100%;
	position: absolute;
    top: 0;
	z-index: 999;
    left: 0;
	     background: url(../images/footBg.jpg) repeat;
 
}
.navbar-wrapper:before {
    content: "";
    background: url(../images/arrow_blue_up.png) repeat-x;
    width: 100%;
    height: 15px;
    position: absolute;
    top: 100%;
    left: 0;
 
}

.navbar-brand {
    height: 90px;
	margin: 0 !important;
	padding: 10px 20px;

	overflow:hidden;

}

.navbar-brand img {

	height: 120px;

	max-height:100%;

}



#container{

	padding-top:0px;

}

.interval{

	padding-bottom:30px;

}

.wordedit img{

	height:auto !important;

	max-width:100% !important;

}





/*--------------------------*/

.topimg img{

	width:100%;

}



.breadcrumb-area{}

.breadcrumb {

    background: transparent none repeat scroll 0 0;

    border-bottom: 1px solid #ebebeb;

    display: inline-block;

    font-size: 14px;

    line-height: 25px;

    min-height: 6px;

    overflow: hidden;

    padding: 20px 0;

	margin: 25px 0;

    position: relative;

    text-transform: capitalize;

    width: 100%;

    z-index: 1;

}

.breadcrumb li:last-child{

	 color: #3F51B5;

}

.breadcrumb a {

    color: #3c3c3c;

}

.breadcrumb > .active,

.breadcrumb a:hover {

    color: #ffae00;

}









.intermediate h3 {

    font-size: 30px;

    line-height: 36px;

}



.img-masonry img {

    width: 100%;

}





/*----ANNOUNCE-------------------*/

.news_wrapper{

	margin-left: -10px;

    margin-right: -10px;

}

.news-box {

    padding: 10px;

}

.news-content {

    background-color: #FFF;

    padding: 0px;

    box-shadow: 2px 2px 2px rgba(0,0,0,0.2);

    transform: translateY(0px);

    -webkit-transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    -o-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

    position: relative;

}

.news-content .image {

    width: 100%;

    overflow: hidden;

}

.news-content .image img{

    width: 100%;

}

.news-content h5 {

    font-size: 12px;

    text-align: center;

    margin: 0px;

    background-color: rgba(0, 0, 0, 0.7);

    position: absolute;

    z-index: 1;

    top: 0px;

    right: 0px;

    color: #FFF;

    padding: 10px;

    letter-spacing: 2pt;

}

.news-content .text {

    position: relative;

    padding: 30px 10px;

}

.news-content .title {

    font-size: 16px;

    text-align: center;

    font-weight: 200;

    margin-bottom: 10px;

    line-height: 22px;

}

.news-content .date {

    font-size: 12px;

    color: #999;

    letter-spacing: 1pt;

    text-align: center;

    width: 100%;

}

.news-content .line {

    text-align: center;

    width: 70px;

    margin: 0 auto 10px;

    padding-bottom: 10px;

    border-bottom: 1px solid #CCC;

}

.news-content .desc {

    font-size: 14px;

    line-height: 22px;

    color: #000;

    margin: 0px 15px;

    text-align: center;

}

.news-content .more {

    position: absolute;

    top: 0;

    left: 50%;

    width: 60px;

    height: 60px;

    padding: 0px;

    margin: -30px 0 0 -30px;

    background-color: #900;

    border-radius: 50%;

    overflow: hidden;

    border: 4px solid #FFF;

}

.news-content .more a {

    width: 100%;

    height: 100%;

    font-size: 12px;

    line-height: 32px;

    padding: 10px 0;

    display: block;

    text-align: center;

    background-color: #900;

    color: #fff;

    border: none;

}







.photo_wrapper{

	margin-left: -10px;

    margin-right: -10px;

}

.photo-box {

    padding: 10px;

}

.photo-content .map {

	box-shadow: 1px 1px 1px #999, 2px 2px 2px #ddd, 2px 2px 3px #d8d2ca;

}

.photo-content .image {

    width: 100%;

    overflow: hidden;

	position: relative;

}

.photo-content .image img{

	width:100%;

}

.photo-content h5 {

    font-size: 12px;

    text-align: center;

    margin: 0px;

    background-color: rgba(0, 0, 0, 0.7);

    position: absolute;

    z-index: 1;

    top: 0px;

    right: 0px;

    color: #FFF;

    padding: 10px;

    letter-spacing: 2pt;

}

.photo-content .title {

    font-size: 16px;

    margin-top: 15px;

    line-height: 22px;

    width: 100%;

}

.photo-content .date {

    margin-bottom: 5px;

    color: #C00;

    width: 100%;

    margin-top: 10px;

	font-size: 12px;

}

.photo-content a.more{

	position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    padding: 15px;

    font-size: 0;

}





.video_wrapper{

	margin-left: -10px;

    margin-right: -10px;

}

.video-box {

    padding: 10px;

}

.video-content {

    background-color: #FFF;

    padding: 0px;

    box-shadow: 2px 2px 2px rgba(0,0,0,0.2);

    transform: translateY(0px);

    -webkit-transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    -o-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

    position: relative;

}

.video-content .image {

    width: 100%;

    overflow: hidden;

}

.video-content .image img{

	width:100%;

}

.video-content h5 {

    font-size: 12px;

    text-align: center;

    margin: 0px;

    background-color: rgba(0, 0, 0, 0.7);

    position: absolute;

    z-index: 1;

    top: 0px;

    right: 0px;

    color: #FFF;

    padding: 10px;

    letter-spacing: 2pt;

}

.video-content .text {

    position: relative;

    padding: 30px 10px;

}

.video-content .title {

    font-size: 16px;

    text-align: center;

    font-weight: 200;

    margin-bottom: 10px;

    line-height: 22px;

	height:22px;

	overflow:hidden;

}

.video-content .date {

    font-size: 12px;

    color: #999;

    letter-spacing: 1pt;

    text-align: center;

    width: 100%;

}

.video-content .line {

    text-align: center;

    width: 70px;

    margin: 0 auto 10px;

    padding-bottom: 10px;

    border-bottom: 1px solid #CCC;

}

.video-content a.more{

	position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    padding: 15px;

    font-size: 0;

}









.Single_download {

    border-bottom: 1px solid #DFDDD6;

	overflow: hidden;

	margin:50px 0;

	

}

.Single_download > div{

    border-top: 1px solid #DFDDD6;

	overflow: hidden;

	width: 100%;

	padding: 10px 0;

}

.Single_download  .title{

	font-size:16px;

	line-height:22px;

	padding: 2px 5px;

	color:#6f6f6f;

}

.Single_download  .title i{

	margin-right: 5px;

}

.Single_download  .format{

	font-size: 12px;

	line-height:22px;

	padding: 2px 5px;

}

.Single_download  .download{

	font-size: 14px;

	line-height:22px;

	background-color: #95cc10;

	padding: 2px 5px;

	text-align: center;

	color: #fff;

}

.Single_download  .download a{

	color:#FFF;

}









.overlay {

	position: absolute;

	top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    margin: auto;

    width: 100%;

    height: 100%;

	-webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    -o-transition: all 0.5s;

    transition: all 0.5s;

	display: -webkit-flex;

  	display: flex;

}

.overlay a {

	display: block;

	position: absolute;

	top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    width: 100%;

    height: 100%;

	border: solid 3px #fff;

	margin: auto;

	padding:7px 0;

	text-align:center;

	text-decoration: none;

    -webkit-border-radius: 0;

    -moz-border-radius: 0;

    -ms-border-radius: 0;

    -o-border-radius: 0;

    border-radius: 0;

    -webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    -o-transition: all 0.5s;

    transition: all 0.5s;

	opacity: 0;

}

.overlay:hover a {

    width: 50px;

    height: 50px;

    color: #fff;

    font-weight: 400;

    font-size: 22px;

	-webkit-border-radius: 50px;

	-moz-border-radius: 50px;

	-ms-border-radius: 50px;

	-o-border-radius: 50px;

	border-radius: 50px;

	-webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    -o-transition: all 0.5s;

    transition: all 0.5s;

	opacity: 1;

}

.overlay:hover {

	background: rgba(0, 0, 0, 0.8);

	-webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    -o-transition: all 0.5s;

    transition: all 0.5s;

}





/*----------*/

.blog-wrapper {

  	overflow: hidden;

}

.blog-img {

  	overflow: hidden;

}

.blog-img img {

  	transition: all 0.3s ease 0s;

  	width: 100%;

}

.blog-wrapper:hover .blog-img img{opacity:.85;transform:scale(1.1)}

.blog-info{

	font-weight: 400;

	padding: 38px 0 0;

}

.blog-info h3{}

.blog-info h3 a{

	color: #000;

	font-size: 16px;

	font-weight: 700;

	margin-bottom: 7px;

	margin-top: 30px;

	text-transform: uppercase;

}

.blog-meta {

  	margin-top: 20px;

  	overflow: hidden;

}

.blog-meta span{

	color: #959595;

	font-size: 13px;

}

.blog-meta span a{

	color: #363636;

	display: inline-block;

	font-size: 11px;

	text-transform: uppercase;

	transition: all 300ms ease-in 0s;

}

.blog-meta span a:hover,.blog-info h3 a:hover{color: #ffae00;}

.blog-meta span a:after{

	content: "\f178";

	font-family: FontAwesome;

	padding-left: 5px;}

.blog-large span a:after{display:none}

.blog-large span a i{margin-right:5px;}

.blog-large span + span{

  	margin-left: 15px;

}

.blog-main{}

.blog-main .blog-info {

	border-top-style: solid;

	padding-top: 15px;

	padding-right: 0;

	padding-bottom: 20px;

	padding-left: 0;

	margin-bottom: 5px;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #CCC;

}

.blog-main .blog-meta {

  	margin: 15px 0;

}





/*----FAQ---------------*/

.acctitle {

	display:block;

	padding-left: 17px;

}

.acctitle {

    background-image: url(../images/newsclosedbg.gif);

    background-repeat: no-repeat;

	background-position: -13px -7px;

}

.acctitle.collapsed {

    background-image: url(../images/newsopenbgtop.gif);

	background-repeat: no-repeat;

}







/*--響應示表格--*/

#table-breakpoint {

  background: white;

  border-collapse: collapse;

  margin: 1.25em 0 0;

  width: 100%;

}



#table-breakpoint tr,

#table-breakpoint th,

#table-breakpoint td {

  border: none;

  border-bottom: 1px solid #e4ebeb;

  /*font-family: 'Lato', sans-serif;*/

  font-size: .875rem;

}



#table-breakpoint th,

#table-breakpoint td {

  padding: 10px 12px;

  text-align: left;

}



#table-breakpoint th {

  background: #56a2cf;

  color: #ffffff;

  text-transform: uppercase;

}



#table-breakpoint tr td {

  background: #eaf3f5;

  color: #999999;

}



#table-breakpoint tr:nth-of-type(2n+2) td {

  background: #ffffff;

}



#table-breakpoint.bt tfoot th,

#table-breakpoint.bt tfoot td,

#table-breakpoint.bt tbody td {

  font-size: .8125rem;

  padding: 0;

}



#table-breakpoint.bt tfoot th:before,

#table-breakpoint.bt tfoot td:before,

#table-breakpoint.bt tbody td:before {

  background: #56a2cf;

  color: white;

  margin-right: 10px;

  padding: 2px 10px;

  float: left;

}



#table-breakpoint.bt tfoot th .bt-content,

#table-breakpoint.bt tfoot td .bt-content,

#table-breakpoint.bt tbody td .bt-content {

  display: inline-block;

  padding: 2px 5px;

}



#table-breakpoint.bt tfoot th:first-of-type:before,

#table-breakpoint.bt tfoot th:first-of-type .bt-content,

#table-breakpoint.bt tfoot td:first-of-type:before,

#table-breakpoint.bt tfoot td:first-of-type .bt-content,

#table-breakpoint.bt tbody td:first-of-type:before,

#table-breakpoint.bt tbody td:first-of-type .bt-content {

  padding-top: 10px;

}



#table-breakpoint.bt tfoot th:last-of-type:before,

#table-breakpoint.bt tfoot th:last-of-type .bt-content,

#table-breakpoint.bt tfoot td:last-of-type:before,

#table-breakpoint.bt tfoot td:last-of-type .bt-content,

#table-breakpoint.bt tbody td:last-of-type:before,

#table-breakpoint.bt tbody td:last-of-type .bt-content {

  padding-bottom: 10px;

}

/*

 * jQuery Basic Table

 * Author: Jerry Low

 */



#table-breakpoint.bt thead,

#table-breakpoint.bt tbody th {

  display: none;

}



#table-breakpoint.bt tfoot th,

#table-breakpoint.bt tfoot td,

#table-breakpoint.bt tbody td {

  border: none;

  display: block;

  vertical-align: top;

      float: left;

    width: 100%;

}



#table-breakpoint.bt tfoot th:before,

#table-breakpoint.bt tfoot td:before,

#table-breakpoint.bt tbody td:before {

  content: attr(data-th) ": ";

  font-weight: bold;

  width: 6.5em;

  display: inline-block;

}



#table-breakpoint.bt tfoot th.bt-hide,

#table-breakpoint.bt tfoot td.bt-hide,

#table-breakpoint.bt tbody td.bt-hide {

  display: none;

}



#table-breakpoint.bt tfoot th .bt-content,

#table-breakpoint.bt tfoot td .bt-content,

#table-breakpoint.bt tbody td .bt-content {

  vertical-align: top;

  float: left;

      width: calc(100% - 100px);

}





/*-------------------------*/

.sitemap{}

.sitemap a i{

	padding-right:10px;

}

.sitemap > li{

	padding:15px;	

}

.sitemap  > li .smap > a{

	padding:5px;

	margin-bottom:10px;

	display:block;

	border-bottom: 1px dotted #C9AF84;

}

.sitemap .smap{

	padding:10px;

	border-top: 1px solid #b4a793;

    border-left: 1px solid #b4a793;

    border-right: 1px solid #b4a793;

    border-bottom: 4px solid #c9af84;

    color: #4f4940;

	background-color: #f3f2f2;

}

.site-bv{

	padding:10px 10px 10px 10px;

	margin-left:30px;

}

.site-bv li a{

	display:block;

	padding:5px;

	border-bottom: 1px solid #A2D0EC;

	color: #1A597F;

}

.sitemap .smap > ul.site-bv{

	box-shadow: 3px 3px 3px rgba(20%,20%,40%,0.2);

    background: #bae5ff;

	border: 1px solid #A2D0EC;

	border-radius: 5px;

	font-size:14px;

}

.sitemap .smap > ul.site-bv ul{

	box-shadow: 2px 2px 6px #e4e3e3;

    background: #fcf5f5;

	border: 1px solid #A2D0EC;

	border-radius: 5px;

	font-size:14px;

	margin:10px 0 10px 30px;

}



.sitemap .smap > ul.site-bv ul ul{

	box-shadow: 2px 2px 6px #e4e3e3;

    background: #FFDCDC;

	border: 1px solid #A2D0EC;

	border-radius: 5px;

	font-size:14px;

	margin:10px 0 10px 30px;

}





/*----------------------------------------------------*/

#register {

	margin:20px 0;

	border: 1px solid #aaa;

    border-radius: 10px;

    overflow: hidden;

}

#register label {

	font-weight:normal;

}

#register label.error { 

	position: absolute;

    right: 0;

    top: 0;

    color: #FF0000;

    font-size: 12px;

    font-weight: normal;

	line-height: 22px;

    padding: 5px 8px;

    margin: 0 15px 0 0;

    z-index: 50;

	display: none;

}





/*-------------------------*/

.quotes{

	clear:both;

	width:100%;

	padding:20px 0;

	text-align:center;

	overflow:hidden;

}

#pageline a {

    border: 1px solid #096;

    display: inline-block;

    color: #096;

    padding: 5px;

    margin-right: 5px;

    margin-left: 5px;

}





/* ====== 底部宣告 ====== */

.footer-info {
	margin: 0px auto;
    color: #ffffff;
}



.footer-info .line{
		    padding: 40px 0;
}

.footer-info ul li.title {
    margin-bottom: 7px;
    font-size: 16px;
    color: #6CC;
}

.footer-info ul li.text {
    margin-bottom: 5px;
    padding-bottom: 5px;
}

.footer-info ul li.text a {

    font-size: 14px;

    color: #CCC;

    text-decoration: none;

}

.footer-info ul li.title a {
    font-size: 16px;
    color: #6CC;
    text-decoration: none;
}



footer {
    padding:20px 0;
	overflow: hidden;	

}

footer p {
    font-size: 13px;
    margin-bottom: 0px;
    text-align: center;
    color: #9E9E9E;
}
footer .social a {
    width: 45px;
    height: 45px;
    border-radius: 50px;
    position: relative;
    text-align: center;
    color: #9E9E9E;
    display: inline-block;
    margin: 5px;
    line-height: 40px;
    font-size: 16px;
    border: 3px solid rgba(255, 253, 253, 0.5);
}

footer .social a:hover {

    background: #202020;

    color: #FFF;

}

footer .social a i{

    line-height: 28px;

}

footer .footerss{

	margin-top: 20px;

}



footer .boot-text-right a{

    color: #7f7f7f;

}

/*-- Scroll To Top --*/

.scroll-to-top {

	border-radius: 50px;

	position: fixed;

	right: 35px;

	bottom: 35px;

	font-size: 2em;

	height: 60px;

	width: 60px;

	background-color: rgba(121, 85, 72, 0.5);

	line-height: 50px;

	color: #ffffff;

	text-align: center;

	opacity: .3;

	cursor: pointer;



	-webkit-transition: all .25s ease;

	-moz-transition: all .25s ease;

	-ms-transition: all .25s ease;

	-o-transition: all .25s ease;

	transition: all .25s ease;

	z-index:2000;

	display: none;

}

.scroll-to-top:hover {

	opacity: 1;

}





/*----Fullbg------------------------------------------------*/

#popup{

	position: fixed;

	top:0;

	left:0;

	width:100%;

	height:100%;

	overflow:hidden;

	z-index:2050;

	display:none;

	background-color:rgba(0,0,0,0.75);

}

#popup .popup-content {

    position: relative;

    width: 80vw;

    height: 80vh;

    margin: 10vh auto;

	padding:20px;

    border: 1px #000 solid;

    background-color: #FFF;

}

#popup .popup-text {

    width: 100%;

    height: 100%;

    background-color: #FFF;

	padding:20px;

    overflow-y: auto;

}

#popup .closeimg{

	position: absolute;

    top: 0px;

    right: 0px;

}

#popup .closeimg a{

	color: #000;

    font-size: 17px;

    display: block;

    margin: 0px;

    padding: 0px 5px;

    text-align: center;

}

#popup .closeimg a:hover{

    color: #FFF;

	background-color:#000;

}



.Share {

	float: left;

	width:100%;

	padding-bottom:15px;

}

.Share > div{

	float: left;

    margin: 0;

    padding: 5px 5px 5px 0;

    font-size: 0;

}



.wordedit{

	clear:both;

}



#sc8 {

   background-size: cover;

    background-attachment: fixed;

    text-align: center;

}









.wort-title  h2 {

    position: relative;

    display: inline-block;

    font-size: 40px;

    font-weight: 500;

    color: #161616;

	    width: 100%;

    margin: 25px auto;

    text-align: center;

	

}



.wort-title  h2:after {

    content: '';

    display: block;

    width: 0;

    height: 1px;

    margin: 25px auto;

    background-color: #ff1717;

    transition-delay: .7s;

	    width: 40px;

}







@media only screen and (max-width: 767px){

    nav.navbar.bootsnav ul.nav > li > a {

        color: #fff !important; 

    }

	.navbar-brand {

		height: 60px;

		margin: 0 !important;

		padding: 5px 0;

		overflow:hidden;

	}

	.navbar-brand img {

		height: 70px;

		max-width:100%;

		max-height:100%;

		position: absolute;

    left: 20px;

	}

	#container{

		padding-top:70px;

	}



	#popup .popup-content {

		width: 90vw;

		height: 90vh;

		margin: 5vh auto;

	}

	footer .social a {

    width: 30px;

    height: 30px;

    border-radius: 50px;

    position: relative;

    text-align: center;

    color: #fff;

    display: inline-block;

    margin: 2px;

    line-height: 20px;

    font-size: 12px;

    border: 2px solid rgba(255, 253, 253, 0.5);

}

footer .social {

    text-align: center;

}

nav.navbar.bootsnav .navbar-toggle {

        background-color: rgba(255, 255, 255, 0);

    border: none;

    padding: 5px 10px;

    font-size: 18px;

    position: relative;

    top: 5px;

	color: #ffffff;

	    float: right;

    margin-right: auto;

}

nav.navbar.bootsnav ul.nav > li > a {

    color: #fff;

    text-shadow: 2px 2px 7px rgba(0,0,0,0.3);

    background-color: transparent !important;

	letter-spacing: 1px;

	padding: 15px;

	font-size: 16px;

}

}