﻿* {
	font-family: 微軟正黑體,Arial;
}
#header {
	margin-top:-3px;
}
#header div#topBar {
	height: 5px;
	background-color: #8fc31f;
	box-shadow: #333333 0px 0px 5px;
}
#header div#topBarE {
	height: 5px;
	background-color: #FF9900;
	box-shadow: #333333 0px 0px 5px;
}
#header div#topBarN {
	height: 5px;
	background-color: #0073bd;
	box-shadow: #333333 0px 0px 5px;
}
#header div#topBarU {
	height: 5px;
	background-color: #7a62a9;
	box-shadow: #333333 0px 0px 5px;
}
#bodyM1 {
	background-repeat: repeat-x;
}
.navbar {
	min-height: 30px!important;
	margin-bottom: 0px!important;
}

.navbar {
	min-height: 35px!important;
}
.navbar-brand {
	height: 35px!important;
	padding: 8px 15px!important;
}
.nav > li > a {
	padding: 8px 15px!important;
}
/*================================ Menu位置設定 ========*/
.navbar-default-Menu {
	border-radius: 0px;
	color: #ffff00;
	margin-top:-5px;
    /*margin-top: 35px;
    height: 60px;*/
}
/*@-moz-document url-prefix() {
.navbar-default-Menu {
  border-radius: 0px;
  color: #ffff00;
  margin-top: 0;
  height: 60px;
}
}*/
/*================================Menu 深藍色 ========*/
.Bule-Menu {
	background-image: linear-gradient(to bottom,#337ab7 0,#245a89 100%);
     /*background: linear-gradient(to right, #337ab7 0 400px, #46A3FF 400px);*/
}
/*================================Menu位置設定--第一層 ========*/
.navbar-default-Menu ul li {
	margin:8px 5px!important;
}
.navbar-default-Menu a,.navbar-default-Menu ul li a {
	color: #ffffff;
	font-size:15px;
	font-weight:900;
	text-shadow: #000000 0px 0px 2px,#000000 0px 0px 2px;
}
.navbar-default-Menu ul li a:hover {
	color: #ffff00;
	text-shadow: #000000 0px 0px 2px,#000000 0px 0px 2px;
}
/*================================Menu位置設定--第二層 ========*/
.navbar-default-Menu ul li ul {
	font-size: 14px;
	text-align: left;
	background-color: #fff;
	border-radius: 4px;
	-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
	box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
.navbar-default-Menu ul li ul li {
	padding: 8px 15px!important;
	margin:0px!important;
	border-bottom: 1px solid #ccc;
	border-bottom: 1px solid rgba(0,0,0,.15);
}
.navbar-default-Menu ul li ul li:hover {
	background-color: #dacfd4;
}
.navbar-default-Menu ul li ul li a {
	color: #333333;
	font-size: 14px;
	text-shadow: none;
}

.navbar-nav > li > a:hover,.navbar-nav > li > a:focus,.navbar-nav > li > a:visited {
	color: #ffff00;
	text-shadow: #000000 0px 0px 2px,#000000 0px 0px 2px;
	background-image: linear-gradient(to bottom,#245a89 0,#337ab7 100%);
}
.dropdown-menu a {
	color: #000;
	text-shadow: #000000 0px 0px 0px;
	background-color: #fff;
}
.navbar-toggleN {
	height:20px;
	padding: 3px 10px!important;
	background-color:#2a6395!important;
	border: 1px solid #ababab!important;
}
.navbar-toggleN span {
	margin-top:-9px!important;
}
.navbar-toggleN:hover {
	background-color:#15466e!important;
	border: 1px solid #ababab!important;
}
.panel-body-bottom {
	padding: 15px 0px 0px 0px !important;
}
.panel-bottom {
	margin-bottom: 0px!important;
}
.table-bottom {
	margin-bottom: 0px!important;
}
.list-group-VA span, .list-group-VA input[type=image] {
	vertical-align:middle;
	display:inline-block;
}


/*==================================== 表格 ==================================*/

@media(min-width:320px) and (max-width:800px)  {
#header {
	padding-top:30px;
	height: 150px;
}
#header .HeadPic .N {
	background-position: left 15px;
	height:100px;
	display:block;
	background-image: url('../MasterImages/Bg-TopTit-Web-N.png');
	background-repeat: no-repeat;
}
#bodyM1 {
	background-image: linear-gradient(to top, #fff 80%,#51cae1 100%);
}
.DetailsUP {
	top:130px;
}
.text-left,.text-right {
	text-align:center!important;
}
#wrap {
	margin: 0 auto;
}
.navbar-default-Menu {
	position:absolute!important;
	z-index:100;
	width:100%;
}
.panel-menuA li a span  {
	width: 100%;
}
}
@media(min-width:768px) {
#header {
	height: 70px;
}
#bodyM1 {
	background-image: linear-gradient(to top, #fff 90%,#51cae1 100%);
}
.DetailsUP {
	top:40px;
}
.DetailsUP b,.DetailsUP label,.DetailsUP span {
	margin:0;
}
.container {
	width: 100%;
}
#header .HeadPic .N {
	background-position: left top;
	height:67px;
	display:block;
	background-image: url('../MasterImages/Bg-TopTit-Web-N.png');
	background-repeat: no-repeat;
}
#wrap {
	margin: 0 auto 100px;
}
.panel-menuA li a span {
	width: 120%;
}

}
@media(min-width:1400px) {
.panel-menuA li a span {
	width: 120%;
}
}

html, body, form {
	height: 100%;
}
#wrap {
	min-height: 100%;
	height: auto;
}
footer {
	position: absolute;
	bottom: 0;
	box-shadow: #333333 0px 0px 5px;
    background: #666666;
}
.footer {
	padding: 15px 0 5px;
	min-height: 60px;
}
footer > .line {
	background: #FF9900;
}
.menuP {
	background: #8fc31f;
}
.menuE {
	background: #FF9900;
}
.menuF {
    background: #ea6176;
}
.menuU {
	background: #7a62a9;
}
.menuG {
	background: #008611;
}
.menuS {
	background: #46A3FF;
}
.menuSs {
	background: #46A3FF;
    padding: 8px;
    background-image: linear-gradient(to bottom,#245A89 0,#46A3FF 15%,#2C6CA6 88%,#46A3FF 94%,#245a89 100%)
}
.footerN,.footerN a,.footerN p,.footerN span {
	color: #333;
	text-shadow: #d3d3d3 0px 0px 0px;
	background: #d3d3d3;
}
footer p,footer a, footer span {
	color: #fff;
	font-weight: 900;
	/*text-shadow: #000000 0px 0px 2px,#000000 0px 0px 2px;*/
    text-shadow: black 0.1em 0.1em 0.2em;
}
footer a:hover {
	color: #FFCCFF;
}
#header .HeadPic {
	background-position: center top;
	margin: 0 auto;
	text-align: center;
	height:100px;
	background-image: url('../MasterImages/Bg-TopPic.png');
	background-repeat: no-repeat;
}
#header .HeadPicG {
	background-position: center top;
	margin: 0 auto;
	text-align: center;
	height:100px;
  background-color:#bbf5c3;
	background-image: url('../MasterImages/Bg-TopPicG.png');
	background-repeat: no-repeat;
}
#header .HeadPic img,#header .HeadPicG img {
	margin: 0 auto;
	text-align: center;
}

.panel-menu {
	border-color: #ffffff;
	box-shadow: #bbbbbb 0px 0px 3px,#bbbbbb 0px 0px 3px;
}
.panel-menu > .house {
	background-color: #67af28;
	border-color: #67af28;
}
/*
.panel-menu > .line {
	background-color: #deac00;
	border-color: #67af28;
}

.panel-menu > .E {
	background-color: #FF9900;
	border-color: #67af28;
}
.panel-menu > .U {
	background-color: #7a62a9;
	border-color: #67af28;
}*/

.panel-menu > .panel-heading a {
	font-weight: 900;
	text-decoration: none;
	color: #ffffff;
	text-shadow: #000000 0px 0px 2px,#000000 0px 0px 2px;
}
.list-group-item a {
	color: #333333;
	text-decoration: none;
}
.list-group-item:hover {
	background-color: #dedede;
}
.Layer3  {
	margin-top:5px;
}
.Layer3 li {
	border-bottom: 1px #e3e3e3 dotted;
	width: 100%;
	display: block;
	background-color: #fffcda;
}
.Layer3 li:hover {
	background-color: #ffffff;
}
.Layer3 li a:hover {
	color:#ff0000!important;
}
.Layer3 li:last-child {
	border-bottom: 1px #ffffff solid;
}
/*=================================================== MUNE物件使用(原本用panel-menu) ===========================*/
.panel-menuA li {
	position: relative;
	display: block;
}
.panel-menuA li a span {
	margin-bottom: 0;
	border: 1px solid #ffffff;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	box-shadow: #bbbbbb 0px 0px 3px,#bbbbbb 0px 0px 3px;
	padding: 8px 15px;
	display: block;
	list-style-type: none;
	cursor: pointer;
	margin: 5px 0;
}
.panel-menuA li a span b {
	margin: 0px 3px;
}
.panel-menuA li a span b.caret {
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: 2px;
	vertical-align: middle;
	border-left: 4px dashed;
	border-left: 4px solid\9;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
}
/* ================================ Menu第二層 =============================== */
.panel-menuA ul {
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	padding-left: 0;
	margin-bottom: 20px;
	background-color:#ffffff;
	box-shadow: #bbbbbb 0px 0px 3px,#bbbbbb 0px 0px 3px;
}
.panel-menuA ul  li {
	position: relative;
	display: block;
	padding: 10px 15px;
	background-color: #fff;
	border: 1px solid #ddd;
}
.panel-menuA ul li a {
	color: #333333;
	text-decoration: none;
}
.panel-menuA ul li:hover {
	background-color: #dedede;
}
/* ================================ Menu第三層 =============================== */
.panel-menuA ul li ul {
	margin:10px -16px -11px -16px!important;
	box-shadow: #bbbbbb 0px 0px 0px,#bbbbbb 0px 0px 0px!important;
}
.panel-menuA ul li ul li {
	position: relative;
	display: block;
	padding: 10px 15px;
	margin-bottom: -1px;
	background-color: #fff;
	border: 1px solid #ddd;
}
.panel-menuA ul li ul li:hover {
	background-color: #f9f4cb;
}
/* ================================= Menu 顏色 ========================== */
.panel-menuA .menuP b {
	color:#ffffff;
	font-size:120%;
	font-weight:900;
	text-shadow: #000000 0px 0px 2px,#000000 0px 0px 2px;
}
.panel-menuA .menuE b {
	background-color: #FF9900;
	color:#ffffff;
	font-size:120%;
	font-weight:900;
	text-shadow: #000000 0px 0px 2px,#000000 0px 0px 2px;
}
.panel-menuA .menuF b {
    color:#ffffff;
    font-size:120%;
    font-weight:900;
    text-shadow: #000000 0px 0px 2px,#000000 0px 0px 2px;
}
.panel-menuA .menuU b {
	color:#ffffff;
	font-size:120%;
	font-weight:900;
	text-shadow: #000000 0px 0px 2px,#000000 0px 0px 2px;
}
.panel-menuA .menuG b {
	color:#ffffff;
	font-size:120%;
	font-weight:900;
	text-shadow: #000000 0px 0px 2px,#000000 0px 0px 2px;
}
.panel-menuA .menuS b {
	color:#ffffff;
	font-size:120%;
	font-weight:900;
	text-shadow: #000000 0px 0px 2px,#000000 0px 0px 2px;
}
/*=================================================== MUNE 第三層 ===========================*/

.list-groupThird {
	width:100%;
	padding-left: 0;
	margin-bottom: 0px;
}
.list-groupThird > .list-group-item {
	position: relative;
	display: block;
	padding: 10px 15px;
	margin: -1px 0;
}
.list-groupThird > .list-group-item:first-child {
	border-top-right-radius: 0px;
	border-top-left-radius: 0px;
}
.list-groupThird > .list-group-item:last-child {
	margin-bottom: 0;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
}
.list-groupThird > .list-group-item:hover {
	background-color: #d7d6b0;
}
.list-groupThird > .bid {
	background-color: #e9e8be;
	border: 1px solid #fff;
}
/*=============================== MENU 在側 =================*/
.DetailsArea {
	position: absolute;
	right: 0;
	top: 10px;
	z-index: 100;
	font-size: 14px;
}
.DetailsArea b.white {
	color: #ffffff;
}
.DetailsArea b.yellow {
	color: #ffff00;
}
.DetailsArea b.line{
	color: #CCFFCC;
}
.DetailsArea b, .DetailsArea label, .DetailsArea a {
	text-decoration: none;
	text-shadow: #000000 0px 0px 2px,#000000 0px 0px 2px;
}
/*=============================== MENU 在上 =================*/
.DetailsUP {
	position:absolute;
	min-height:35px;
	display:block;
	font-size: 14px;
}
.DetailsUP b.yellow,.DetailsUP b a {
	color: #ffff00;
}
.DetailsUP b.line{
	color: #CCFFCC;
}
.DetailsUP b, .DetailsUP label, .DetailsUP a {
	text-decoration: none;
	text-shadow: #000000 0px 0px 2px,#000000 0px 0px 2px;
}
.DetailsUP input[type=image], .DetailsUP b {
	vertical-align:middle;
	display:inline-block;
}
.well-right {
	padding: 10px 40px;
	margin-bottom: 20px;
	background-color: #ffffff;
	border: 1px solid #e3e3e3;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 2px 2px rgba(0,0,0,0.3);
	box-shadow: inset 0 2px 2px rgba(0,0,0,0.3);
}
.well-right a {
	font-weight: 900;
}
.well-right a {
	color: #333333;
	font-size: 105%;
}
.well-right a:hover {
	color: #CC9900;
	text-decoration: none;
}
.downloadImg img {
	width: 20px;
	display: inline-block;
}
.tit {
	font-weight: bold;
}
.tit img {
	width: 35px;
	display: inline-block;
	margin-right: 5px;
}
.firstTit-primary {
	border-top-left-radius: 15px;
	padding: 10px;
	border-top-right-radius: 15px;
	background-image: linear-gradient(to bottom,#bbe1e8 0,#e50011 100%);
	*background-color: #990000;
	color: #FFFFFF;
}
.firstTit-info {
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	background: rgba(0%,0%,0%,0.65);
	text-shadow: 0px 0px 3px rgba(0%,0%,0%,0.8),0px 0px 3px rgba(0%,0%,0%,0.8);
	text-align: left;
	font-size: 1.8em;
	color: #ffff00;
	font-family: 微軟正黑體;
	padding: 0.3em 20px 5px;
	margin-bottom: 5px;
	vertical-align:middle;
}
.peopleNum {
	display: block;
	margin-top: -5px;
	padding: 5px;
	width: 100%;
}
.peopleNum, .peopleNum a {
	color: #333333;
}
.peopleNum a:hover {
	color: #999966;
	font-weight: bolder;
}
.panel-menu a {
	color: #333333;
	font-size: 105%;
	font-weight: 900;
}
/* ====================================== 搜尋用表格 =================== */
.table-search {
	margin-bottom:10px!important;
}
.table-search th,.table-search td {
	padding:5px 6px!important;
	border-bottom:1px #d3d3d3 solid;
}
.table-search tr:last-child th,.table-search tr:last-child td {
	padding:5px 6px!important;
	border-bottom:1px #f0f0f0 solid;
}

.table-search td input,.table-search td img,.table-search td b,.table-search td input + label {
	margin:0 1px;
}
.table-search td div table td {
	border-bottom:1px #f0f0f0 solid!important;
}
.panel-MARQUEE {
    /*min-height: 20px;
    margin-bottom: 0!important;*/
	min-height: 20px;
	margin-bottom: 20px;
    background-color: #ffffff;
	border: 1px solid #e1e1e1;
	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);
}
.panel-well {
	min-height: 20px;
	margin-bottom: 20px;
	background-color: #f0f0f0;
	border: 1px solid #e1e1e1;
	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);
}
.panel-well > .panel-heading > .panel-title {
	margin-top: 5px;
	padding-left:2%;
	text-shadow: #2a2a2a 0px 0px 2px,#2a2a2a 0px 0px 2px,#2a2a2a 0px 0px 2px,#2a2a2a 0px 0px 2px;
	color: #ffffff;
	font-weight:900;
}
.panel-well > .panel-heading > .panel-title ~ table {
	width:80%!important;
}
.panel-headingP > .panel-heading {
	background-image: linear-gradient(to bottom,#00a0dc 0,#005a96 100%) !important;
}
.panel-headingS > .panel-heading {
	background-image: linear-gradient(to bottom,#78b45a 0,#508232 100%) !important;
}
.panel-headingW > .panel-heading {
	background-image: linear-gradient(to bottom,#ebbe46 0,#dc8c00 100%)!important;
}
.panel-headingI > .panel-heading {
	background-image: linear-gradient(to bottom,#5abedc 0,#0096be 100%)!important;
}
.panel-headingD > .panel-heading {
	background-image: linear-gradient(to bottom,#d9534f 0,#c12e2a 100%)!important;
}
.panel-headingGray > .panel-heading {
	background-image: linear-gradient(to bottom,#9D9D9D 0,#6C6C6C 100%) !important;
}
.panel-headingPurple > .panel-heading {
	background-image: linear-gradient(to bottom,#B15BFF 0,#6F00D2 100%) !important;
}
.panel-headingY > .panel-heading {
	background-image: linear-gradient(to bottom,#FFFF37 0,#C4C400 100%) !important;
}

.panel-headingBK > .panel-heading {
	background: rgba(0%,0%,0%,0.65);
}

.panel-headingH {
	padding: 5px!important;
}
#msgRun {
	display: none; 
	width: 100%; 
	position:fixed; 
	background: rgba(0%,0%,0%,0.65);
}
#msgRun img {
	margin:5% auto;
	display:block;
}
/* ====================================== tree View =================== */
.treeView {
	padding: 8px 0 5px;
	margin-bottom: 10px;
	list-style: none;
	border-bottom:1px #cdcdcd solid;
}
.treeView > li {
	display: inline-block;
}
.treeView > li > a {
	color: #265a88;
	font-weight:900;
}
.treeView > li + li:before {
	padding: 0 5px;
	color: #fff;
	content: "/\00a0";
}
.treeView > .active {
	color: #dedede;
}

/* ====================================== Menu跳出視窗 =================== */
body#JupmPage {
	padding:5px;
}
body#JupmPage  h3 {
	color:#ffff00;
	font-weight:900;
	font-size:1.2em;
	text-shadow: 0 0px 3px rgba(0,0,0,.65),0 0px 3px rgba(0,0,0,.65);
}
body#JupmPage  .panel-body {
	background-image: linear-gradient(to bottom,#fff 0,#e0e0e0 100%);
}