/* Add here all your css styles (customizations) */

/* added by Stan */
.simple-table th{
	font-weight: bold;
	text-align: center;
}
.simple-table th,
.simple-table td{
	padding: 3px 8px;
	border:1px solid;
}
.text-frame{
	display: inline-block;
	padding: 2px 5px;
	border: 1px solid #767676;
	border-radius: 2px;
}
.sr-only {
	border: 0;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	left: 0;
}
.sr-only-focusable:active, .sr-only-focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}
.a18y-jump {
	position: fixed !important;
	width: 100% !important;
	z-index: 9999;
	top: 0;
	background-color: rgba(255, 255, 255, 0.7);
	padding: 5px;
	font-size: 1rem;
	font-weight: bold;
	text-align: center;
}
.a18y-jump:focus + .navbar {
	top: 35px;
}

.logo-frame{
	margin: 0;
}

.header .navbar-nav {
	width: 100%;
	border-radius: 0;
	background: #e75151;
	padding: 0 10px;
}
#headerdiv .navbar-nav li {
	 border-bottom: solid 2px #e75151;
}

#headerdiv li.last-child:after,
#headerdiv li.guidepoint:after{
	content: " | "!important;
	visibility: hidden;
}
#headerdiv .navbar-nav a {
	text-shadow: 2px 2px 2px rgba(0,0,0,.6)
}
#headerdiv .navbar-nav a:hover, #headerdiv .navbar-nav a:focus {
	color: #ffeb3b!important;
}


.navbar.navbar-default .navbar-nav{
	margin-top: 0!important;
}
.topbar{
	margin: 0!important;
	position: absolute;
	top: 0;
	right: 0;
	padding: 5px;
}
.topbar ul.loginbar > li > a, .topbar ul.loginbar > li > a:hover {
	text-transform: initial !important;
}
.navbar-padding-box{padding: 0;}
@media (max-width: 999px) {
	.topbar{
		position: relative;
	}
	.navbar-padding-box{padding: 0 15px;}
	.navbar-nav li.guidepoint{display: none;}
	#headerdiv li.last-child:after, #headerdiv li.guidepoint:after {
		display: none;
	}
}
.header .navbar-brand{
	top: 0;
	padding: 5px;
	margin: 0;
	height: auto;
}
.header .navbar-brand #logo-header{
	margin: 0;
	width: 100%;
}


/*add bt Stan 2024/11/19*/
/*修正 Nav header img RWD 問題*/
.navbar-header.flex-mod{
	display: flex;
	align-items: center;
	justify-content: center;
}
.navbar-header.flex-mod .logo-frame{
	margin-right: auto;
}

/*修正 carousel-caption 位置，並優化RWD */









/*       1106     slider            */
a{
 cursor: pointer;
}


.carousel-v1 .carousel-arrow a.carousel-control {
   opacity: 1;
   font-size:30px;
   height:inherit;
   width: inherit;
   background: none;
   text-shadow: none;
   position: inherit;
   margin-bottom: 0px;
}

.carousel-v1 .carousel-arrow a i {
	transform: translateY(-50%);
	top: 50%;
	opacity: 0.8;
	background: #000;
	margin-top: -18px;
	padding: 12px 10px;
	position: absolute;
	transition: all .3s;
}
.carousel-v1 .carousel-arrow a:hover i, .carousel-v1 .carousel-arrow a:focus i {
	background: #e75151;
	padding: 16px 12px;
	color: white;
	/*opacity: 0.9;*/
}

.carousel-v1 .carousel-arrow a.left i {
   left: 0;
}
.carousel-v1 .carousel-arrow a.right i {
   right: 0;
}

.carousel{
	border-bottom: solid 2px #bbb;
}

.sliderp p{
	font-size: 20px!important
}

.sliderp{
	position: absolute;
	left: 60px;
	bottom: 30px;
	text-align: left;
	padding: 5px!important;
	height: 100px;
	width: 400px;
	background: rgba(58,58,58,0.8);
}
.carousel-inner .carousel-item a{
	display: block;
	aspect-ratio: 1170 / 310;
	width: 100%;
}
.carousel-inner .carousel-item img{
	display: block;
	width: 100%;
}
@media screen and (max-width: 600px) {
	.sliderp{
		display: none;
	}
}

.sliderp  span{
	font-size: 14px!important;
}

/* SLIDER END */

.boxed-layout{
	/*box-shadow: 0 0 20px #000;*/
	background: #f7e7cf!important;
}

.wrapper{
 	box-shadow:0px 4px 3px 5px rgba(20%,20%,40%,0.1);
}

button:focus{
    /*border: solid 3px #888!important;*/
}

body { font-family: 微軟正黑體, Microsoft JhengHei; }



html *
{
   font-size: 1.80rem !important;

}
.navbar-nav{
	margin:10px;
}
#logo-header{
	margin-top: -19px;
}
/*
.navbar-nav > li > a {
	font-size: 18px!important;
}
*/

.header{
	border-bottom: solid 1px #aaa;
	/*height: 111px!important;*/
}


/* ------- 巡迴服務-info -------
.panel-info{
	position: relative;
	background-color: #24aec9;
	color:#fff!important;
	padding: 5px;
	margin: 5px 4px;
	text-align:center;
}
.li-info > a {
	color: #24aec9;
}
.li-info > a:hover {
	border:0px;
	color: #fff!important;
	background:  #24aec9!important;
}
.dt-info{
	text-align: center;
	background: #24aec9;
}
.dt-info > a{
	position: relative;
	left: -10px;
	text-align: left;
	padding:5px 0px;
	line-height: 30px;
	color: #fff!important;
}



/* ------- 活動課程-act -------
.li-act > a {
	color: #d93636;
}
.li-act > a:hover {
	border:0px;
	color: #fff!important;
	background:  #d93636!important;
}

.panel-act{
	background-color: #d93636;
	color:#fff!important;
	padding: 5px;
	margin: 5px 4px;
	text-align:center;
}
.dt-act{
	text-align: center;
	background: #d93636;
}
.dt-act > a{
	position: relative;
	left: -10px;
	text-align: left;
	padding:5px 0px;
	line-height: 30px;
	color: #fff!important;
}

/* ------- 新聞法令-news -------

.panel-news{
	background-color: #96ad26;
	color:#fff!important;
	padding: 5px;
	margin: 5px 4px;
	text-align:center;
}
.li-news > a {
	color:#96ad26;
}
.li-news > a:hover {
	border:0px;
	color: #fff!important;
	background:  #96ad26!important;
}

.dt-news{
	text-align: center;
	background: #96ad26;
}
.dt-news > a{
	position: relative;
	left: -10px;
	text-align: left;
	padding:5px 0px;
	line-height: 30px;
	color: #fff!important;
}

/* ------- 其他資訊-oth -------

.panel-oth{
	background-color: #666;
	color:#fff!important;
	padding: 5px;
	margin: 5px 4px;
	text-align:center;
}
.li-oth > a{
	color: #666;
}
.li-oth > a:hover {
	border:0px;
	color: #fff!important;
	background:  #666!important;
}

.dt-oth{
	text-align: center;
	background: #666;
}
.dt-oth > a{
	position: relative;
	left: -10px;
	text-align: left;
	padding:5px 0px;
	line-height: 30px;
	color: #fff!important;
}


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

@media (min-width: 960px) {
	.col-md-2{
		margin-right: 50px;
	}
}

.piclink{
	width:100%;
	margin-bottom: 8px;
}


.guide1{
        position: relative;
        /*left: -10px;*/
        /*color: #fff!important;*/
}

/* --------------------------- */
#sequence-theme .next,
#sequence-theme .prev {
	top: 33%!important;
}

#sequence-theme .animate-in .balloon {
	top:0px;
}

.row{
	margin: 0px!important;
	width: 100%!important;
}

/* rsb menu */

@media (max-width: 999px) {
        #logo-header{
			margin-top:0px;
			margin-bottom:19px;
        }

		.header{
			/*margin-bottom:25px;*/
		}

        .navbar-collapse a{
                background: #f96e5b!important;
        }
        ul .collapse{
                top: 100px;
        }

        #sequence-theme{
                border-top: solid 0px #fff!important;
                position: relative!important;
                top: 80px!important;
        }

	.divide-line{
		display: none!important;
	}
	.navbar-nav li{
		border-bottom: none!important;
	}

	.navbar-collapse a{
		background: none!important;
	}

    .breadcrumbs-v3 a {
        display: none;
    }

    .breadcrumbs-v3 li:before{
        display: none;
    }
}

@media (max-width: 440px) {
                .header{
                border-bottom:solid 0px #fff!important;
        }
}

@media (min-width: 1000px) {

	.navbar-nav li {
		display: inline!important;
	}




	.navbar-nav li:after{
		content: "|";
		margin: 0px 0px 0 5px!important;
		display: inline;
		font-size: 110%;
	}


	li.last-child:after{
		content: " "!important;
		margin-right: 4px!important;
	}


	.navbar-nav li a {
		display: inline!important;

	}


}


/* 1106 css */
.navbar{
	text-align: center!important;
}
.navbar-nav{
	margin: 16px auto!important ;
	border-radius: 5px 5px 0 0;
	background: #f27e7e; /* Old browsers */
background: -moz-linear-gradient(top, #fc8a8a 0%, #f27e7e 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fc8a8a), color-stop(100%,#f27e7e)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #fc8a8a 0%,#f27e7e 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #fc8a8a 0%,#f27e7e 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #fc8a8a 0%,#f27e7e 100%); /* IE10+ */
background: linear-gradient(to bottom, #fc8a8a 0%,#f27e7e 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fc8a8a', endColorstr='#f27e7e',GradientType=0 ); /* IE6-9 */
}

.navbar-nav li > a {
	/*text-shadow:2px 2px 2px rgba(0,0,0);*/
	font-weight: bold!important;
	color: #fff!important;
}
.navbar-nav a:hover{
	border-bottom: solid 0px #eee!important;
	color: #750808!important;
}

.navbar-nav li{
	font-size: 16px!important;
	line-height: 30px;
	color: #fff!important;
	border-bottom: solid 2px #f96e5b;
	padding: 4px 6px 2px 6px!important;
}

.navbar-nav li a:hover{
	border-bottom:solid 0px #fff!important;
}

.topbar{
	margin-top: -4px;
}
.topbar a,li{
	font-size: 13px!important;
}
.navbar-nav li > a {
	height: 30px;
	padding: 7px;
	margin-left: -8px!important;
	margin-right:-8px!important
}


@media (min-width: 1000px) and (max-width: 1200px){
	.navbar-nav li > a {
	font-size:16px!important;
	padding: 4px!important;
}

}







/*   RWD NAVBAR   */

#sequence-theme{

	border-bottom: solid 2px #cccccc;
}


/* actdiv */
.actdiv{
	overflow: hidden;
	padding: 10px;
}
.actdiv .img-responsive{
	border-radius: 12px 0px 12px 0px;
	max-height: 140px;
}
@media (min-width: 480px) and (max-width: 991px){
	.actdiv .img-responsive{
		/*width: 22%!important;*/
	}
}
.actdiv-y{
	margin-bottom: 10px;
	/*padding: 10px 0px 0px 5px;*/
	height: 160px;
	background: #f7f5c9;
	border-radius: 15px 0px 15px 0px;
	box-shadow: 2px 2px 10px rgba(30,30,30,0.4);
}

.actdiv-b{
	margin-bottom: 10px;
	/*padding: 10px 0;*/
	height: 160px;
	background: #c2eafb;
	border-radius: 15px 0px 15px 0px;
	box-shadow: 2px 2px 10px rgba(30,30,30,0.4);
}

.actdiv-r{
	margin-bottom: 10px;
	/*padding: 10px 0 0px 10px;*/
	height: 160px;
	background: #f9d5d5;
	border-radius: 15px 0px 15px 0px;
	box-shadow: 2px 2px 10px rgba(30,30,30,0.4);
}

@media (max-width: 400px){
	.actdiv-y{
		height: auto;
	}

	.actdiv-b{
		height: auto;
	}

	.actdiv-r{
		height: auto;
	}
}


.actdiv-p{
	font-size: 125%!important;
	font-weight: bolder;
	margin-top: 15px;
	width: 48%;
	display: inline-block;
}
.actdiv-p  span{
	font-size: 15px!important;
	font-weight: normal;
}

.actdiv-p hr{
	margin-bottom: 6px;
	margin-top: 3px;
	border-color: #aaa!important;
}


.png0{
	float: left;
	/*width: 40%!important;*/
}

@media (min-width: 992px) and (max-width: 998px){
	.png0{
	float: left;
	/*width: 30%!important;*/
}
	.actdiv-p{
		margin-right: 0px;
		width: 70%;
	}

}
@media (min-width: 480px) and (max-width: 991px){
	.png0{
	float: left;
	width: 22%!important;
}

	.actdiv-p{
		margin-right: 0px;
		width: 70%;
	}

}

.tith2 > h2 {
	margin-top: -7px;
}

.headline > h2{
	padding-bottom: 5px;
	display: inline-block;
	font-size: 145%!important;
	font-weight: bold;
	padding: 5px 2px;
	border-bottom:solid 2px #f96e5b;
	margin-bottom: -2px;
}

.headline {
	height: auto;
	padding: 0px!important;
	border-bottom:solid 2px #ddd;
	margin-bottom:15px;
}

.index-tab{
	border-radius: 0px 10px 10px 10px;
	border: solid 2px #f2e6da;
	padding: 10px 10px;
	background: #fff5e5;
	margin-bottom: 20px;
}

.ind-tab{
	width: 100%;
}

.ind-tab th, .ind-tab td{
	text-align: center;
	line-height: 17px;
	border: solid 1px #eee;
	font-size: 90%!important;
	padding: 8px;
}

td.tabtit{
	text-align: left!important;
}
.ic01{

}

.totopidx{
	display: inline-block;
	margin-bottom: 5px;
	margin-right: 4px;
	font-weight: lighter;
	color: #fff;
	padding: 2px 3px;
	background: #f96e5b;
	border-radius: 3px;
}
tr.tr-white {
	background: #fff!important;
}

.topinfo{
	margin-bottom: 5px;
	margin-right: 4px;
	font-weight: lighter;
	color: #fff;
	padding: 2px 3px;
	background: #f96e5b;
	border-radius: 3px;
}

.tab-v1 > .nav-tabs li{
	z-index: 1;
	margin-bottom: -2px;
	margin-right: 3px;
	border: solid 2px #f2e6da;
	border-radius: 0 8px 0 0;
	border-bottom: none!important;
}

.tab-v1 > .nav-tabs a{
	border: none!important;
	padding: 3px 8px!important;
	color: #333!important;
}

.tab-v1 > .nav-tabs{
	border: none!important;
}

.tab-v1 > .nav-tabs > .active a{
	background: none!important
}

.tab-v1 > .nav-tabs  a:hover{
	background: none!important
}

.tab-v1 > .nav-tabs > li.active{
	/*border-bottom: solid 2px #fff5e5!important;*/
	border-bottom: solid 0 #fff5e5!important;
	background: #ffd59b; /* Old browsers */
background: -moz-linear-gradient(top, #ffd59b 0%, #fff5e5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffd59b), color-stop(100%,#fff5e5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffd59b 0%,#fff5e5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffd59b 0%,#fff5e5 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffd59b 0%,#fff5e5 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffd59b 0%,#fff5e5 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd59b', endColorstr='#fff5e5',GradientType=0 ); /* IE6-9 */
}

.tab-v1 > .nav-tabs  li:hover{
	/*border-bottom: solid 2px #fff5e5!important;*/
	border-bottom: solid 0 #fff5e5!important;
	background: #ffd59b; /* Old browsers */
background: -moz-linear-gradient(top, #ffd59b 0%, #fff5e5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffd59b), color-stop(100%,#fff5e5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffd59b 0%,#fff5e5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffd59b 0%,#fff5e5 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffd59b 0%,#fff5e5 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffd59b 0%,#fff5e5 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd59b', endColorstr='#fff5e5',GradientType=0 ); /* IE6-9 */
}

.amap1{
	color: #fff!important;
}

.copyright{
	color:#fff!important;
	border: none!important;
	background: #e87979!important;
}

/*.breadcrumbs-v3 .container{
		box-shadow: 2px 2px 3px rgba(0,0,0,0.2);
	border-bottom: solid 1px #bbb;
	vertical-align: center;
	height: 30px;
	background: #eee!important
}*/
.breadcrumbs-v3{
	vertical-align: center;
	/*height: 30px;*/
	background: #eee!important;
	/*margin-bottom:35px;*/
}
.breadcrumb li a, .breadcrumb li.gray{
	color: #888!important;

}
.breadcrumb{
	line-height: 0px;
}

.breadcrumb li{
	display: inline;
}

li.active{
	font-size: 17px!important;
	color: #000!important;
}


/* 內頁 menu */

.list-group-item{
	border: solid 1px #d2bca6;
background: #ecdec9; /* Old browsers */
background: -moz-linear-gradient(top, #ecdec9 0%, #daccbb 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ecdec9), color-stop(100%,#daccbb)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ecdec9 0%,#daccbb 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ecdec9 0%,#daccbb 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ecdec9 0%,#daccbb 100%); /* IE10+ */
background: linear-gradient(to bottom, #ecdec9 0%,#daccbb 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ecdec9', endColorstr='#daccbb',GradientType=0 ); /* IE6-9 */
}

.list-group-item:hover{
	background: #daccbb; /* Old browsers */
background: -moz-linear-gradient(top, #daccbb 0%, #c1b6a6 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#daccbb), color-stop(100%,#c1b6a6)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #daccbb 0%,#c1b6a6 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #daccbb 0%,#c1b6a6 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #daccbb 0%,#c1b6a6 100%); /* IE10+ */
background: linear-gradient(to bottom, #daccbb 0%,#c1b6a6 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#daccbb', endColorstr='#c1b6a6',GradientType=0 ); /* IE6-9 */
}

.list-group-item a{
	font-size: 140%!important;
	color: #666;
	font-weight: bold;
}
.list-group-item:hover> a{
	color: #fff;
}

/* 內頁 menu end */

/* 內頁 banner */


.bgimg {
	padding: 0px 10%;
	vertical-align: middle;
	height: 92px;
	background: #fff6f6;
	background-image: url(/app37/images/pg01.png);
	background-size: 100%;
	background-repeat: no-repeat;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/pg01.png', sizingMethod=scale);
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/pg01.png',sizingMethod=scale)";
	width: 100%;
	border-bottom: solid 1px #f88887;
	border-top: solid 1px #eee;
	margin-bottom: 15px;
}

.bgimg > span, .bgimg > h2{
	margin: 0;
	font-weight: bold;
	/*color: #fa8888;*/
	color: #e75151;
	line-height: 92px;
	font-size: 160%!important;
}

@media (max-width: 960px) {
	.bgimg {
		background-image: url(內頁02.png);
		background-size: 100%;
		background-repeat: no-repeat;
		width: 100%;
		padding: 0px 15px;
	}
}

@media (max-width: 428px){
	.bgimg {
		height: auto;
		padding: 15px;
	}
	.bgimg > h2{
		line-height: 1.5;
	}
}

@media (max-width: 274px){
	.bgimg {
		height:300px;
	}
}

@media (max-width:610px){
	#mapiframe{
		width:80%;
	}
}

/* 內頁 banner end */

/* 內頁 */

.brdius{
	margin-bottom: 25px!important;
	border-radius: 10px;
	border: solid 2px #daa6ab!important;
}

.md1{
	margin: 18px 0 0 5px;
	width: 25px;
}

.totop{
	font-size: 105%!important;
	color: #fff;
	height: 25px;
	margin-top: 18px;
	background: #fda2a3;
}


.col-md-11>h2{
	color: #555!important;
	font-weight: bold;
	font-size: 125%!important;
}

.blog-info>li{
	font-size: 95%!important;
	margin-bottom: -4px;
}

.infospan{
	display: inline-block;
	/*font-size: 80%!important;*/
	color: #777;
	padding: 4px 10px;
	background: #eee;
	cursor:pointer;
	border: solid 1px #ccc;
	float: right;
	margin-bottom: 5px;
	border-radius: 5px;
}

/* text-center */

.text-center a{
	margin: 0 1px;
    color: #777;
    padding: 5px 15px;
    border-style:solid;
    border-width:1px;
}
.text-center a:hover{
    color: #fff;
    background: #fda2a3!important;
    border-color: #fa8888!important;
}
.text-center span{
		margin: 0 1px;
	padding: 5px 13px;
    border-style:solid;
    border-width:1px;
    color: white;
    background: orange;
    border-color: orange;
}

.text-center{
	margin-bottom: 25px!important;
}

.currentStep{
	background: #fda2a3!important;
	border: solid 1px #fa8888!important;
}
.search-block-v2{
	/*margin-top: -25px;*/
	margin-bottom: 25px;
}

.panel-heading {
    background: none repeat scroll 0 0 #fff !important;
    color: #555 !important;
}

.panel-body {
    background: none repeat scroll 0 0 #fff8ed;
}

.sg{
  font-size:25px!important;
  color:#fff;
  text-align:center;
  width:150px;
  background:#ffa296;
  padding:10px;
  border-radius:3px;
  font-weight: 300!important;
}

.sg2{
  font-size:25px!important;
  color:#fff;
  text-align:center;
  width:150px;
  background:#e83e27;
  padding:10px;
  border-radius:3px;
  font-weight: 300!important;
}



.iframee{
	border-radius: 3px;
	width: 100%;
	text-align: center;
	border:solid 1px #eee;
	margin: 0 auto;
	margin-bottom: 25px;
}

.pagehead{
	font-size: 22px!important;
	border-bottom:solid 2px #888;
	margin-bottom: 15px;
	margin-top: -2px;
}

.pagehead p{
	color: #666;
	font-size: 22px!important;
	margin-bottom: 1px;
}

.guide1{
	/*margin-right: -20px!important;*/
}

.amap1{
	color: #fff!important;
}

.copyright{
	color:#fff!important;
	border: none!important;
	/*background: #e87979!important;*/
	background: #e75151!important;
}

.list-unstyled {
	margin-left: 8px;
}

.list-unstyled > li{
	font-size: 100%!important;
}
.about-list-style-in ul li{
	padding: 1px;
	list-style-type:disc;
	list-style-position: outside!important;
}

.margin-bot{
	margin-bottom: 20px;
}

.medsize > h2{
    font-size:120%!important;
}


.gray-lab {
	display: inline-block;
	background: #726464;
	color: #fff;
	padding: 3px 6px;
	border-radius: 4px
}

.red-lab {
	display: inline-block;
	background: #d9534f;
	color: #fff;
	padding: 3px 6px;
	border-radius: 4px
}

.green-lab {
	display: inline-block;
	background: #5cb85c;
	color: #fff;
	padding: 3px 6px;
	border-radius: 4px
}

.mod-navbar .navbar-toggle {
	padding: 6px 10px;
	color: white;
}
.mod-navbar .navbar-nav {
	margin-bottom: 0!important;
}
.breadcrumbs-v3 .pull-right.breadcrumb {
	top: 0;
	padding: 2px;
	line-height: 1;
	float: none !important;
	text-align: right;
}
.breadcrumb li, .breadcrumb li.active{
	font-size: 1.8rem!important;
}
ol.sitemap-link, ol.sitemap-link ul{
	padding-left: 25px;
}
.sitemap-link li, .sitemap-link li a{
	font-size: 1.8rem !important;
}
.extra-info th{
	text-align: center;
	padding: 5px;
	font-size: 1.5rem!important;
	border: solid 1px #eee;
	color: #4a4a4a;
	background-color: #fedcab;
}
a.go-link{
	display: inline-block;
	padding: 1px 3px;
	margin: 0 3px;
	color: #e75151;
	font-weight: bold;
	border: 1px solid #e75151;
}
a.go-link:focus, .go-link:hover{
	background-color: #e75151;
	color: white;
	text-decoration: none!important;
}
.form-note{
	padding: 5px 0;
	color: crimson;
}
.sky-form .input input:focus,
.sky-form .select select:focus,
.sky-form .textarea textarea:focus{
	outline: 2px solid gray;
	box-shadow: 0 0 3px rgba(0,0,0,.4);
}
ol.li-fontsize-fix li{
	font-size: 1.8rem !important;
}
.brick-btn{
	display: block;
	text-align: center;
	transition: all .3s;
	margin: 0 auto 15px;
	max-width: 300px;
}
.brick-btn img{
	margin: 0 auto;
}
.brick-btn:focus, .brick-btn:hover{
	transform: scale(1.06);
}
.card-title{
	color: #555!important;
	font-weight: bold;
	font-size: 125%!important;
	margin-top: 15px;
	margin-bottom: 10px;
}

.copyright {
	position: relative;
}
.cert-frame{
	position: absolute;
	right: 15px;
	bottom: 15px;
}
@media (max-width: 775px) {
	.cert-frame{
		position: relative;
		right: 0;
		bottom: 0;
		padding: 0 10px;
		text-align: center;
	}
}





/* bootstrap4.1.3 輪播CSS START */
.carousel {
	position: relative;
}

.carousel-inner {
	position: relative;
	width: 100%;
	overflow: hidden;
}

.carousel-item {
	position: relative;
	display: none;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-perspective: 1000px;
	perspective: 1000px;
}

.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
	display: block;
	transition: -webkit-transform 0.6s ease;
	transition: transform 0.6s ease;
	transition: transform 0.6s ease, -webkit-transform 0.6s ease;
}

@media screen and (prefers-reduced-motion: reduce) {
	.carousel-item.active,
	.carousel-item-next,
	.carousel-item-prev {
		transition: none;
	}
}

.carousel-item-next,
.carousel-item-prev {
	position: absolute;
	top: 0;
}

.carousel-item-next.carousel-item-left,
.carousel-item-prev.carousel-item-right {
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

@supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) {
	.carousel-item-next.carousel-item-left,
	.carousel-item-prev.carousel-item-right {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

.carousel-item-next,
.active.carousel-item-right {
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
}

@supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) {
	.carousel-item-next,
	.active.carousel-item-right {
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
	}
}

.carousel-item-prev,
.active.carousel-item-left {
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
}

@supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) {
	.carousel-item-prev,
	.active.carousel-item-left {
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}
}

.carousel-fade .carousel-item {
	opacity: 0;
	transition-duration: .6s;
	transition-property: opacity;
}

.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right {
	opacity: 1;
}

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
	opacity: 0;
}

.carousel-fade .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active,
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-prev {
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

@supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) {
	.carousel-fade .carousel-item-next,
	.carousel-fade .carousel-item-prev,
	.carousel-fade .carousel-item.active,
	.carousel-fade .active.carousel-item-left,
	.carousel-fade .active.carousel-item-prev {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

.carousel-control-prev,
.carousel-control-next {
	position: absolute;
	top: 0;
	bottom: 0;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 15%;
	color: #fff;
	text-align: center;
	opacity: 0.5;
}

.carousel-control-prev:hover, .carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
	color: #fff;
	text-decoration: none;
	outline: 0;
	opacity: .9;
}

.carousel-control-prev {
	left: 0;
}

.carousel-control-next {
	right: 0;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
	display: inline-block;
	width: 20px;
	height: 20px;
	background: transparent no-repeat center center;
	background-size: 100% 100%;
}

.carousel-control-prev-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
}

.carousel-control-next-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
}

.carousel-indicators {
	position: absolute;
	right: 0;
	bottom: 10px;
	left: 0;
	z-index: 15;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	padding-left: 0;
	margin-right: 15%;
	margin-left: 15%;
	list-style: none;
}

.carousel-indicators li {
	position: relative;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	width: 30px;
	height: 3px;
	margin-right: 3px;
	margin-left: 3px;
	text-indent: -999px;
	cursor: pointer;
	background-color: rgba(255, 255, 255, 0.5);
}

.carousel-indicators li::before {
	position: absolute;
	top: -10px;
	left: 0;
	display: inline-block;
	width: 100%;
	height: 10px;
	content: "";
}

.carousel-indicators li::after {
	position: absolute;
	bottom: -10px;
	left: 0;
	display: inline-block;
	width: 100%;
	height: 10px;
	content: "";
}

.carousel-indicators .active {
	background-color: #fff;
}

.carousel-caption {
	position: absolute;
	/*right: 15%;*/
	/*bottom: 20px;*/
	/*left: 15%;*/
	z-index: 10;
	padding-top: 20px;
	padding-bottom: 20px;
	color: #fff;
	text-align: center;
}
/* bootstrap4.1.3 輪播CSS END */





.visit-calendar-frame{
	overflow: auto;
}
#visit-calendar{
	table-layout: fixed;
}
#visit-calendar th{
	width: 75px;
	text-align: center;
}

/* 外部資源轉址提示卡（各縣市輔具中心 / FAQ 非台北市等場景共用） */
.external-redirect {
	padding: 50px 20px;
	border: 1px solid lightgray;
	border-radius: 6px;
}
.external-redirect .external-redirect-lead {
	font-size: 20px!important;
	color: #2c2c2c;
	margin-bottom: 20px;
}
.external-redirect .external-redirect-btn {
	font-size: 22px!important;
	padding: 16px 40px;
	font-weight: bold;
	color: #fff;
	display: inline-block;
	text-decoration: none;
	border-radius: 8px;
	background-color: #e75151;
	transition: background-color .3s;
}
.external-redirect .external-redirect-btn:hover,
.external-redirect .external-redirect-btn:focus {
	color: #fff;
	text-decoration: none;
	background-color: #dc3a3a !important;
}
.external-redirect .external-redirect-btn-icon {
	font-size: 20px!important;
	margin-left: 10px;
}

/* ===== 輔具服務據點/輔具便利站 表格 RWD ===== */
.locator-table th,
.locator-table td {
	vertical-align: middle;
}
@media (max-width: 767px) {
	.locator-table {
		border: 0;
	}
	.locator-table thead {
		display: none;
	}
	.locator-table tbody,
	.locator-table tr,
	.locator-table td {
		display: block;
		width: 100%;
	}
	.locator-table tr {
		border: 1px solid #d9c9b6;
		border-radius: 4px;
		margin-bottom: 12px;
		padding: 4px 8px;
		background-color: #fff;
	}
	.locator-table td {
		border: 0;
		border-bottom: 1px dotted #e5d9c5;
		padding: 8px 4px;
		text-align: left;
		white-space: normal !important;
	}
	.locator-table td:last-child {
		border-bottom: 0;
	}
	.locator-table td::before {
		content: attr(data-label) "：";
		display: block;
		font-weight: bold;
		color: #8f4d1b;
		margin-bottom: 2px;
	}
	.locator-table td[rowspan] {
		background-color: #f5ead8;
		font-size: 16px;
		font-weight: bold;
		text-align: center;
		border: 0;
		margin: -4px -8px 8px;
		padding: 8px;
		border-radius: 4px 4px 0 0;
		width: calc(100% + 16px);
	}
	.locator-table td[rowspan]::before {
		content: "";
		display: none;
	}
}

/* ===== 輔具服務據點地圖（純視覺示意） =====
   pin 用百分比定位，跟隨容器等比例 RWD。
   底圖到位後：
     1) 移除 .locator-map--placeholder
     2) 在 .locator-map 內加 <img class="locator-map-img" src="..." alt="">
     3) 視底圖實際長寬比，調整 .locator-map 的 padding-bottom 百分比
*/
.locator-map-frame {
	background-color: #f7f7f7;
}
.locator-map-wrap {
	width: 100%;
	max-width: 350px;  /* 配合底圖 2:3，高度上限 525px */
	margin: 20px auto 0;
}
.locator-map {
	position: relative;
	width: 100%;
	padding-bottom: 150%;  /* 對應底圖 1024x1536（2:3 直長） */
}
.locator-map-img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: contain;
	display: block;
}
.locator-map-pin {
	position: absolute;
	width: 14px;
	height: 14px;
	transform: translate(-50%, -50%);
	border: 2px solid #fff;
	border-radius: 50%;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
	z-index: 1;
}
.locator-map-pin.pin-h { background-color: #e75151; }  /* 合宜中心 - 紅 */
.locator-map-pin.pin-w { background-color: #1e88e5; }  /* 西區中心 - 藍 */
.locator-map-pin.pin-s { background-color: #8e24aa; }  /* 南區中心 - 紫 */

/* 表格中「所屬中心」文字下方色線（與 pin 同色） */
.center-label {
	display: inline-block;
	padding-bottom: 4px;
	border-bottom: 3px solid;
}
.center-label.center-h { border-bottom-color: #e75151; }
.center-label.center-w { border-bottom-color: #1e88e5; }
.center-label.center-s { border-bottom-color: #8e24aa; }

/* ===== pin 座標（百分比，相對於 .locator-map 容器） =====
   依 taipei-districts.svg 真實 lat/lng 投影計算 */
.pin-shilin      { left: 36.7%; top: 41.2%; }  /* 合宜｜士林｜士林長青學苑 */
.pin-beitou      { left: 23.6%; top: 32.5%; }  /* 合宜｜北投｜新北投站旁 */
.pin-zhongshan   { left: 41.5%; top: 60.7%; }  /* 合宜｜中山｜復華長青服務中心 */
.pin-songshan-w  { left: 50.6%; top: 58.8%; }  /* 西區｜松山｜民生社區活動中心 */
.pin-wanhua      { left: 23.5%; top: 64.6%; }  /* 西區｜萬華｜台大醫院北護分院 */
.pin-songshan-c  { left: 42.2%; top: 57.2%; }  /* 西區｜松山｜弘道老人基金會 */
.pin-daan        { left: 43.0%; top: 69.8%; }  /* 西區｜大安｜群英里辦公室 */
.pin-zhongzheng  { left: 31.5%; top: 67.8%; }  /* 西區｜中正｜新營里辦公室 */
.pin-neihu-a     { left: 52.3%; top: 51.0%; }  /* 南區｜內湖｜西湖日照 */
.pin-neihu-b     { left: 75.4%; top: 55.8%; }  /* 南區｜內湖｜東湖A單位 */
.pin-wenshan     { left: 45.4%; top: 78.2%; }  /* 南區｜文山｜文山社福 */

@media (max-width: 767px) {
	.locator-map-pin {
		width: 10px;
		height: 10px;
		border-width: 1.5px;
	}
}