@charset utf-8;

/* 一般設定 */

body {
	margin:0 0 0 0;
	padding:18px 0px 0px 0px;
	font-size: medium;
	font-family: "微軟正黑體", "新細明體", sans-serif, SimSun;
	//background: #FFF url(../images/Bg_Page.jpg) center center fixed no-repeat;
	-moz-background-size: cover;
	background-size: cover;	
	}
	

.fullBg {
	position: fixed;
	top: 0;
	left: 0;
	overflow: hidden;
}

div {font-family: "微軟正黑體", "新細明體", sans-serif, SimSun;}
td {font-family: "微軟正黑體", "新細明體", sans-serif, SimSun;}
p {font-family: "微軟正黑體", "新細明體", sans-serif, SimSun;}
h1, h2, h3, h4, h5, h6 { font-family: "微軟正黑體", "新細明體", sans-serif, SimSun; margin:0; padding:0;}

a{text-decoration: none;}
a:hover{text-decoration: none;}

/*首頁圖片*/

@media (max-width: 767px) {
	.OtherPageBanner {
	 	padding-top:10px;
	}
}

.AlbumImage {
	width:160px;
	margin-bottom:10px;
}

.AlbumImage_Title {
	padding:3px 10px;
	font-size: 10pt;
	color: #666666;
}

.AlbumImg     { position: relative; overflow: hidden; }
.AlbumImg img { position: absolute; }

	.AlbumImage:hover {
	 	opacity: 0.5;
		-webkit-transition: opacity 0.1s linear;
		-moz-transition: opacity 0.1s linear;
		-o-transition: opacity 0.1s linear;
		transition: opacity 0.1s linear;
		border-left:1px solid #ccc;
	}


.breakcrumb-sc{background-color:#fff;padding:10px 15px;position:relative;background:url(images/bg-border-v.png) repeat-x bottom left;z-index:5}
.breadcrumb{font-size:0;padding:0;margin:0;background-color:transparent;font-family:微軟正黑體,'Georgia';display:inline-block}
.breadcrumb li{display:inline-block;font-size:15px;color:#888}
.breadcrumb li a{color:#888;font-size:15px;text-decoration:none}
.breadcrumb.arrow > li + li:before{content:'\f105';padding:0 10px;font-family:'FontAwesome'}
.breadcrumb li.active,.breadcrumb li.active a{color:#1caee0}


/*--------------------------------------------------------------------------------[ 間格空白 ]-----*/
.NewsSpace{height:8px;}
.cleaner { clear: both }
/*--------------------------------------------------------------------------------[ accesskey ]-----*/
.accesskey {
	margin: 0 0 0 -10px;
	padding: 0;
	position: absolute;
}
.accesskey a {
	color: #FFF; 
	text-decoration: none; 
}
.accesskey a:hover {
	color: #FFF;
}

/*--------------------------------------------------------------------------------[ 內容標題列 ]-----*/
.border_title {
	border-left: 10px solid #28A2CB;
	display: block;
	padding-left: 10px;
}
.border_title_h3 {color:#D4394B;}

input[type="text"]  {
    -moz-border-radius:5px; // Firefox
    -webkit-border-radius: 5px; // Safari 和 Chrome
    border-radius: 5px; // Opera 10.5+
}

.SearchBox {
    background: #FFF url(../images/input-text-9.png) no-repeat 4px 4px;
    border: 1px solid #999; 
    outline:0; 
    padding-left: 25px;
    height:25px; 
    width: 275px; 
    /* 邊角圓弧化，不同瀏器覧設定不同　*/
}

/* 首頁最新消息 */
.news_date {
	font-family: "微軟正黑體", "新細明體", sans-serif, SimSun;
	background-color:#FFF;
	font-size: 12pt;
	color: #990000;
	margin-bottom: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	width:80px;
}

.news_content {
	font-family: "微軟正黑體", "新細明體", sans-serif, SimSun;
	background-color:#FFF;
	font-size:12pt;
	color:#333;
	padding-top: 3px;
	padding-bottom: 3px;
	text-align:left;
}

/* Page.aspx CSS */
.FocusText {
	font-size:20pt;
	font-family: "微軟正黑體", "新細明體", sans-serif, SimSun;
	//border:2px dashed #ccc;
	color:#000;
	//background-color:#EEE;
	//background-image:url(../images/texture.png);
	text-align:left;
	padding:10px 10px;
	width:100%;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.FocusText a{ color: #FFF; text-decoration: none;}
.FocusText a:hover{ color: #FFF; text-decoration: none;}
	
.FocusMain {
	padding:6px 10px;
	background: rgba(100%,100%,100%, 1.0);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	//-webkit-border-bottom-left-radius: 5px;
	//-moz-border-bottom-left-radius: 5px;
	//border-bottom-left-radius: 5px;
	//border-bottom-right-radius: 5px;
}

.FocusTitle {float:left; padding:2px 0px 0px 45px;}
.FocusRM {float:right; padding-top:5px;}

.circle {
    display: inline-block;
    width: 190px;
    height:190px;
    border-radius: 50%;
    border: 1px solid #eee;
    padding: 5px;
    background:#fff;
}

.inner {    
    background-size:cover;
    background-position:center center;
    height: 100%;
    border-radius:50%;
}

.legend {
	z-index: 90;
	width:100%;
	height:45px;
	border: 1px solid #CCC;
	background-color: #FFF;
	background-image: url(../images/texture.png);
	color: #666;
	font-size: small
}
.legend .legend-items {
	padding-top:6px;
}

.legend span {
	text-transform: uppercase;
	line-height: 34px;
	padding-left:20px;
}

.legend span:before {
	display: inline-block;
	width: 34px;
	height: 34px;
	background-repeat: no-repeat;
	content: '';
	vertical-align: middle
}

.legend .demander:before {
	background-image: url(../images/Home_A.png);
	background-position: 0px -5px;
}

.legend .object:before {
	background-image: url(../images/Home_B.png);
	background-position: 0px -5px;
}

.legend .example:before {
	background-image: url(../images/Home_C.png);
	background-position: 0px -5px;
}

#map {
	z-index: 80;
	margin-bottom: 10px;
	width: 100%;
	height: 300px
}

.Map_info img {
	float: left;
	margin-top: .5em;
	max-width: 100px;
	max-height: 100px;
}

.Map_info h3,.info p {
	margin-top: .5em;
}


/* 編輯內容區塊 ----------------------------------------------------------------------------------------- */
table.EditArea {
	padding:5px;
	width:100%;
	border-collapse: collapse;
	border: 1px solid #666666;
}

table.EditArea img{
  display: block;
  max-width: 100%;
  height: auto;
  margin:0 auto;
}

table.EditArea td {
	padding:5px;
	border: 1px solid #666666;
}

table.EditArea td td{
	
}

table.NBorder td{
	border: 0px;
	padding:5px;
}

table.EditArea .EditArea_Header {
	height:25px;
	text-align:left;
	background-color:#3B3B3B;
	color:#F1FFA2;
	white-space:inherit;
}

table.EditArea .EditArea_Title {
	height:25px;
	width:170px;
	text-align:right;
	background-color:#333333;
	color:#FFFFFF;
	white-space:nowrap;
}

table.EditArea .EditArea_TitleDP {
	height:25px;
	width:200px;
	text-align:right;
	background-color:#173570;
	color:#FFFFFF;
	white-space:nowrap;
}

/* ARM */
table.EditArea .EditArea_Title_ARM1 {
	height:25px;
	width:170px;
	text-align:right;
	background-color:#173570;
	color:#FFFFFF;
	white-space:inherit;
}
table.EditArea .EditArea_Title_ARM2 {
	height:25px;
	width:170px;
	text-align:right;
	background-color:#197400;
	color:#FFFFFF;
	white-space:inherit;
}
table.EditArea .EditArea_Title_ARM3 {
	height:25px;
	width:170px;
	text-align:right;
	background-color:#005576;
	color:#FFFFFF;
	white-space:inherit;
}
table.EditArea .EditArea_Title_ARM4 {
	height:25px;
	width:170px;
	text-align:right;
	background-color:#4E0082;
	color:#FFFFFF;
	white-space:inherit;
}

table.EditArea .EditArea_TitleB {
	height:25px;
	width:170px;
	text-align:right;
	background-color:#0A3165;
	color:#FFFFFF;
	white-space:inherit;
}

table.EditArea .EditArea_TitleC {
	height:25px;
	width:170px;
	text-align:right;
	background-color:#42650A;
	color:#FFFFFF;
	white-space:inherit;
}

table.EditArea .EditArea_TitleD {
	height:25px;
	width:170px;
	text-align:right;
	background-color:#4C4661;
	color:#FFFFFF;
	white-space:inherit;
}

table.EditArea .EditArea_Contact {
	text-align:Left;
	background-color:#F7F6F3;
	color:#000000;
	white-space:inherit;
}


table.EditArea .EditArea_Contact .form-control td {
	border:0px;
}

table.EditArea .EditArea_Contact .PLevelTable td {
	border:0px;
}


@media only screen and (max-width :480px){
	table.EditArea .EditArea_Title {
		height:25px;
		width:80px;
		text-align:right;
		background-color:#333333;
		color:#FFFFFF;
		white-space:inherit;
	}

	table.EditArea .EditArea_TitleB {
		height:25px;
		width:80px;
		text-align:right;
		background-color:#0A3165;
		color:#FFFFFF;
		white-space:inherit;
	}
	
	table.EditArea .EditArea_TitleDP {
		height:25px;
		width:200px;
		text-align:right;
		background-color:#0A3165;
		color:#FFFFFF;
		white-space:nowrap;
	}

}

	/* Youtube iframe CSS 自動調整大小 */
	.video-container {
	    position: relative;
	    padding-bottom: 56.25%;
	    padding-top: 30px; height: 0; overflow: hidden;
	}
	.video-container iframe,
	.video-container object,
	.video-container embed {
	  position: absolute;
	  top: 0;
	  left: 0;
	  width: 100%;
	  height: 100%;
	}
	
	
	/* BootStrap V3*/
	
	.form-well-blue {
	  min-height: 20px;
	  padding: 10px;
	  margin-bottom: 10px;
	  background-color: #F2FFFF;
	  border: 1px solid #F2FFFF;
	  border-radius: 4px;
	  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
	          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
	}
	
	.form-group {
	  margin-bottom: 15px;
	}
	
	
	.panel {
	  margin-bottom: 20px;
	  background-color: #fff;
	  border: 1px solid transparent;
	  border-radius: 4px;
	  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
	          box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
	}
	.panel-body {
	  padding: 15px;
	}
	.panel-heading {
	  padding: 10px 15px;
	  border-bottom: 1px solid transparent;
	  border-top-left-radius: 3px;
	  border-top-right-radius: 3px;
	}
	.panel-heading > .dropdown .dropdown-toggle {
	  color: inherit;
	}
	.panel-title {
	  margin-top: 0;
	  margin-bottom: 0;
	  font-size: 16px;
	  color: inherit;
	}
	.panel-title > a,
	.panel-title > small,
	.panel-title > .small,
	.panel-title > small > a,
	.panel-title > .small > a {
	  color: inherit;
	}
	.panel-footer {
	  padding: 10px 15px;
	  background-color: #f5f5f5;
	  border-top: 1px solid #ddd;
	  border-bottom-right-radius: 3px;
	  border-bottom-left-radius: 3px;
	}
	.panel > .list-group,
	.panel > .panel-collapse > .list-group {
	  margin-bottom: 0;
	}
	.panel > .list-group .list-group-item,
	.panel > .panel-collapse > .list-group .list-group-item {
	  border-width: 1px 0;
	  border-radius: 0;
	}
	.panel > .list-group:first-child .list-group-item:first-child,
	.panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
	  border-top: 0;
	  border-top-left-radius: 3px;
	  border-top-right-radius: 3px;
	}
	.panel > .list-group:last-child .list-group-item:last-child,
	.panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
	  border-bottom: 0;
	  border-bottom-right-radius: 3px;
	  border-bottom-left-radius: 3px;
	}
	.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
	  border-top-left-radius: 0;
	  border-top-right-radius: 0;
	}
	.panel-heading + .list-group .list-group-item:first-child {
	  border-top-width: 0;
	}
	.list-group + .panel-footer {
	  border-top-width: 0;
	}
	.panel > .table,
	.panel > .table-responsive > .table,
	.panel > .panel-collapse > .table {
	  margin-bottom: 0;
	}
	.panel > .table caption,
	.panel > .table-responsive > .table caption,
	.panel > .panel-collapse > .table caption {
	  padding-right: 15px;
	  padding-left: 15px;
	}
	.panel > .table:first-child,
	.panel > .table-responsive:first-child > .table:first-child {
	  border-top-left-radius: 3px;
	  border-top-right-radius: 3px;
	}
	.panel > .table:first-child > thead:first-child > tr:first-child,
	.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
	.panel > .table:first-child > tbody:first-child > tr:first-child,
	.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
	  border-top-left-radius: 3px;
	  border-top-right-radius: 3px;
	}
	.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
	.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
	.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
	.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
	.panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
	.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
	.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
	.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
	  border-top-left-radius: 3px;
	}
	.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
	.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
	.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
	.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
	.panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
	.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
	.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
	.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
	  border-top-right-radius: 3px;
	}
	.panel > .table:last-child,
	.panel > .table-responsive:last-child > .table:last-child {
	  border-bottom-right-radius: 3px;
	  border-bottom-left-radius: 3px;
	}
	.panel > .table:last-child > tbody:last-child > tr:last-child,
	.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
	.panel > .table:last-child > tfoot:last-child > tr:last-child,
	.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
	  border-bottom-right-radius: 3px;
	  border-bottom-left-radius: 3px;
	}
	.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
	.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
	.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
	.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
	.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
	.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
	.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
	.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
	  border-bottom-left-radius: 3px;
	}
	.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
	.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
	.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
	.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
	.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
	.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
	.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
	.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
	  border-bottom-right-radius: 3px;
	}
	.panel > .panel-body + .table,
	.panel > .panel-body + .table-responsive,
	.panel > .table + .panel-body,
	.panel > .table-responsive + .panel-body {
	  border-top: 1px solid #ddd;
	}
	.panel > .table > tbody:first-child > tr:first-child th,
	.panel > .table > tbody:first-child > tr:first-child td {
	  border-top: 0;
	}
	.panel > .table-bordered,
	.panel > .table-responsive > .table-bordered {
	  border: 0;
	}
	.panel > .table-bordered > thead > tr > th:first-child,
	.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
	.panel > .table-bordered > tbody > tr > th:first-child,
	.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
	.panel > .table-bordered > tfoot > tr > th:first-child,
	.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
	.panel > .table-bordered > thead > tr > td:first-child,
	.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
	.panel > .table-bordered > tbody > tr > td:first-child,
	.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
	.panel > .table-bordered > tfoot > tr > td:first-child,
	.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
	  border-left: 0;
	}
	.panel > .table-bordered > thead > tr > th:last-child,
	.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
	.panel > .table-bordered > tbody > tr > th:last-child,
	.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
	.panel > .table-bordered > tfoot > tr > th:last-child,
	.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
	.panel > .table-bordered > thead > tr > td:last-child,
	.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
	.panel > .table-bordered > tbody > tr > td:last-child,
	.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
	.panel > .table-bordered > tfoot > tr > td:last-child,
	.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
	  border-right: 0;
	}
	.panel > .table-bordered > thead > tr:first-child > td,
	.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
	.panel > .table-bordered > tbody > tr:first-child > td,
	.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
	.panel > .table-bordered > thead > tr:first-child > th,
	.panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
	.panel > .table-bordered > tbody > tr:first-child > th,
	.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
	  border-bottom: 0;
	}
	.panel > .table-bordered > tbody > tr:last-child > td,
	.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
	.panel > .table-bordered > tfoot > tr:last-child > td,
	.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
	.panel > .table-bordered > tbody > tr:last-child > th,
	.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
	.panel > .table-bordered > tfoot > tr:last-child > th,
	.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
	  border-bottom: 0;
	}
	.panel > .table-responsive {
	  margin-bottom: 0;
	  border: 0;
	}
	.panel-group {
	  margin-bottom: 20px;
	}
	.panel-group .panel {
	  margin-bottom: 0;
	  border-radius: 4px;
	}
	.panel-group .panel + .panel {
	  margin-top: 5px;
	}
	.panel-group .panel-heading {
	  border-bottom: 0;
	}
	.panel-group .panel-heading + .panel-collapse > .panel-body,
	.panel-group .panel-heading + .panel-collapse > .list-group {
	  border-top: 1px solid #ddd;
	}
	.panel-group .panel-footer {
	  border-top: 0;
	}
	.panel-group .panel-footer + .panel-collapse .panel-body {
	  border-bottom: 1px solid #ddd;
	}
	.panel-default {
	  border-color: #ddd;
	}
	.panel-default > .panel-heading {
	  color: #333;
	  background-color: #f5f5f5;
	  border-color: #ddd;
	}
	.panel-default > .panel-heading + .panel-collapse > .panel-body {
	  border-top-color: #ddd;
	}
	.panel-default > .panel-heading .badge {
	  color: #f5f5f5;
	  background-color: #333;
	}
	.panel-default > .panel-footer + .panel-collapse > .panel-body {
	  border-bottom-color: #ddd;
	}
	.panel-primary {
	  border-color: #337ab7;
	}
	.panel-primary > .panel-heading {
	  color: #fff;
	  background-color: #337ab7;
	  border-color: #337ab7;
	}
	.panel-primary > .panel-heading + .panel-collapse > .panel-body {
	  border-top-color: #337ab7;
	}
	.panel-primary > .panel-heading .badge {
	  color: #337ab7;
	  background-color: #fff;
	}
	.panel-primary > .panel-footer + .panel-collapse > .panel-body {
	  border-bottom-color: #337ab7;
	}
	.panel-success {
	  border-color: #d6e9c6;
	}
	.panel-success > .panel-heading {
	  color: #3c763d;
	  background-color: #dff0d8;
	  border-color: #d6e9c6;
	}
	.panel-success > .panel-heading + .panel-collapse > .panel-body {
	  border-top-color: #d6e9c6;
	}
	.panel-success > .panel-heading .badge {
	  color: #dff0d8;
	  background-color: #3c763d;
	}
	.panel-success > .panel-footer + .panel-collapse > .panel-body {
	  border-bottom-color: #d6e9c6;
	}
	.panel-info {
	  border-color: #bce8f1;
	}
	.panel-info > .panel-heading {
	  color: #31708f;
	  background-color: #d9edf7;
	  border-color: #bce8f1;
	}
	.panel-info > .panel-heading + .panel-collapse > .panel-body {
	  border-top-color: #bce8f1;
	}
	.panel-info > .panel-heading .badge {
	  color: #d9edf7;
	  background-color: #31708f;
	}
	.panel-info > .panel-footer + .panel-collapse > .panel-body {
	  border-bottom-color: #bce8f1;
	}
	.panel-warning {
	  border-color: #faebcc;
	}
	.panel-warning > .panel-heading {
	  color: #8a6d3b;
	  background-color: #fcf8e3;
	  border-color: #faebcc;
	}
	.panel-warning > .panel-heading + .panel-collapse > .panel-body {
	  border-top-color: #faebcc;
	}
	.panel-warning > .panel-heading .badge {
	  color: #fcf8e3;
	  background-color: #8a6d3b;
	}
	.panel-warning > .panel-footer + .panel-collapse > .panel-body {
	  border-bottom-color: #faebcc;
	}
	.panel-danger {
	  border-color: #ebccd1;
	}
	.panel-danger > .panel-heading {
	  color: #a94442;
	  background-color: #f2dede;
	  border-color: #ebccd1;
	}
	.panel-danger > .panel-heading + .panel-collapse > .panel-body {
	  border-top-color: #ebccd1;
	}
	.panel-danger > .panel-heading .badge {
	  color: #f2dede;
	  background-color: #a94442;
	}
	.panel-danger > .panel-footer + .panel-collapse > .panel-body {
	  border-bottom-color: #ebccd1;
	}

    .input-wrapper {
        position: relative;
        width: 250px;
    }

    .input-wrapper input{
        width: 100%;
        padding-right: 40px; /* 為圖示留空間 */
        box-sizing: border-box;
        height: 36px; /* 或依你實際高度調整 */
        font-size: 16px;
    }

    .toggle-icon {
        position: absolute;
        top: 50%;
        right: 10px;
        transform: translateY(-50%);
        cursor: pointer;
        color: #666;
        font-size: 18px;
        z-index: 10;
    }
    
    /*跳到主要內容區塊*/
	#gotocenter {
	    padding: 0.5rem;
	    background: #2B358C;
	    color: #FFF;
	    position: absolute;
	    top: -2.5rem;
	    left: 0;
	    -webkit-transition: top 1s ease-out;
	    transition: top 1s ease-out;
	    z-index: 100;
	} 
	#gotocenter:focus {
	    position: absolute;
	    left: 0px;
	    top: 0px;
	    outline-color: transparent;
	    -webkit-transition: top .1s ease-in;
	    transition: top .1s ease-in;
	   border: #FFBF47 solid 0.4rem;
	    background: #FFBF47;
	    color: #000000;
	    font-weight: 700;
	}

    /* ----- goTop ----- */
	#goTop {
		position:fixed;
		display:block;
		right:30px;
		bottom:20px;
		z-index:900;
	}
	#goTop a {
		float:left;
		display:block;
		width:50px;
		height:50px;
		font-size:0;
		border:1px solid #CCC;
		box-sizing:border-box;
		background:url(../images/btn-top.png) no-repeat 50% 50%;
	}
	#goTop a:hover,
	#goTop a:focus {
		background:#84AC94 url(../images/btn-top-hover.png) no-repeat 50% 50%;
	}

	@media screen and (min-width: 991px) {
		#goTop {
			right:30px;
			bottom:20px;
		}
	}