body {
	font-family: Microsoft YaHei;
	/*padding-top: 0px;*/ /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
	overflow-x: hidden;
}
.w-space {white-space:nowrap; overflow:hidden; text-overflow:ellipsis;max-width: 400px;}
.fs-10 {font-size: 10px;}
.fs-12 {font-size: 12px;}
.fs-14 {font-size: 14px;}
.fs-16 {font-size: 16px;}
.fs-18 {font-size: 18px;}
.fs-20 {font-size: 20px;}
.fs-22 {font-size: 22px;}
.fs-30 {font-size: 30px;}
.W30 {width:30px; min-width:30px;}
.W40 {width:40px; min-width:40px;}
.W50 {width:50px; min-width:50px;}
.W60 {width:60px; min-width:60px;}
.W70 {width:70px; min-width:70px;}
.W80 {width:80px; min-width:80px;}
.W100 {width:100px; min-width:100px;}
.W110 {width:110px; min-width:110px;}
.W120 {width:120px; min-width:120px;}
.W160 {width:160px; min-width:160px;}
.mi-W40 {min-width:40px;}
.mi-W50 {min-width:50px;}
.mi-W60 {min-width:60px;}
.mi-W70 {min-width:70px;}
.mi-W80 {min-width:80px;}
.mi-W100 {min-width:100px;}
.mi-W120 {min-width:120px;}
.mi-W160 {min-width:160px;}
.mi-W180 {min-width:180px;}

.ma-w80 {max-width:80px !important;}
.ma-w100 {max-width:100px !important;}
.ma-w120 {max-width:120px !important;}
.ma-w160 {max-width:160px !important;}
.ma-w180 {max-width:180px !important;}
.w-25 {width: 25%;}
.w-50 {width: 50%;}
.w-75 {width: 75%;}
.w-100 {width: 100%;}
.w-auto {width:auto; display: inline-block;}
.d-none {display: none;}
.d-block {display: inline-block;}
.d-inline {display: inline-block;}
.d-inline-block {display: inline-block;}
.align-top {
    vertical-align: top!important;
}
.align-middle {
    vertical-align: middle!important;
}
.align-bottom {
    vertical-align: bottom!important;
}
.align-text-top {
    vertical-align: text-top!important;
}
.align-text-bottom {
    vertical-align: text-bottom!important;
}

.p-0 {padding: 0!important;}
.p-1 {padding: .25rem;}
.p-2 {padding: .5rem;}
.p-3 {padding: 1rem;}
.p-4 {padding: 1.5rem;}
.p-5 {padding: 3rem;}
.py-0 {padding-top: 0!important; padding-bottom: 0!important;}
.py-1 {padding-top: .25rem!important; padding-bottom: .25rem!important;}
.py-2 {padding-top: .5rem!important; padding-bottom: .5rem!important;}
.py-3 {padding-top: 1rem!important; padding-bottom: 1rem!important;}
.py-4 {padding-top: 1.5rem!important; padding-bottom: 1.5rem!important;}
.py-5 {padding-top: 3rem!important; padding-bottom: 3rem!important;}
.ptb-0 {padding-top: 2px !important; padding-bottom: 2px !important;}
.px-0 {padding-left: 0 !important; padding-right: 0 !important;}
.px-1 {padding-left: .25rem!important; padding-right: .25rem!important;}
.px-2 {padding-left: .5rem!important; padding-right: .5rem!important;}
.px-3 {padding-left: 1rem!important; padding-right: 1rem!important;}
.px-4 {padding-left: 1.5rem!important; padding-right: 1.5rem!important;}
.px-5 {padding-left: 3rem!important; padding-right: 3rem!important;}
.plr-5 {padding-left: 5px !important; padding-right: 5px !important;}
.plr-10 {padding-left: 10px !important; padding-right: 10px !important;}
.plr-40 {padding-left: 40px !important; padding-right: 40px !important;}
.pl-0 {padding-left: 0 !important;}
.pl-1 {padding-left: .25rem!important;}
.pl-2 {padding-left: .5rem!important;}
.pl-3 {padding-left: 1rem!important;}
.pl-4 {padding-left: 1.5rem!important;}
.pl-5 {padding-left: 3rem!important;}
.pr-0 {padding-right: 0 !important;}
.pr-1 {padding-right: .25rem!important;}
.pr-2 {padding-right: .5rem!important;}
.pr-3 {padding-right: 1rem!important;}
.pr-4 {padding-right: 1.5rem!important;}
.pr-5 {padding-right: 3rem!important;}
.pt-1 {padding-top: 0;}
.pt-2 {padding-top: .25rem;}
.pt-3 {padding-top: .5rem;}
.pt-4 {padding-top: 1rem;}
.pt-5 {padding-top: 3rem;}
.pb-0 {padding-bottom: 0;}
.pb-1 {padding-bottom: .25rem;}
.pb-2 {padding-bottom: .5rem;}
.pb-3 {padding-bottom: 1rem;}
.pb-4 {padding-bottom: 1.5rem;}
.pb-5 {padding-bottom: 3rem;}
.m-0 {margin: 0!important;}
.m-1 {margin: .25rem!important;}
.m-2 {margin: .5rem!important;}
.m-3 {margin: 1rem!important;}
.m-4 {margin: 1.5rem!important;}
.m-5 {margin: 3rem!important;}
.mt-0 {margin-top: 0!important;}
.mt-1 {margin-top: .25rem!important;}
.mt-2 {margin-top: .5rem!important;}
.mt-3 {margin-top: 1rem!important;}
.mt-4 {margin-top: 1.5rem!important;}
.mt-5 {margin-top: 3rem!important;}
.mb-0 {margin-bottom: 0!important;}
.mb-1 {margin-bottom: .25rem!important;}
.mb-2 {margin-bottom: .5rem!important;}
.mb-3 {margin-bottom: 1rem!important;}
.mb-4 {margin-bottom: 1.5rem!important;}
.mb-5 {margin-bottom: 3rem!important;}
.mx-0 {margin-left: 0!important; margin-right: 0!important;}
.my-0 {margin-top: 0!important; margin-bottom: 0!important;}
.my-1 {margin-top: .25rem!important; margin-bottom: .25rem!important;}
.my-2 {margin-top: .5rem!important; margin-bottom: .5rem!important;}
.my-3 {margin-top: 1rem!important; margin-bottom: 1rem!important;}
.my-4 {margin-top: 1.5rem!important; margin-bottom: 1.5rem!important;}
.my-5 {margin-top: 3rem!important; margin-bottom: 3rem!important;}
	.pagination {margin: 0px 0 10px;}
.border-0 {border: 0!important;}
.rounded {border-radius: .25rem!important;}
.rounded-0 {border-radius: 0!important;}
.rounded-pill {border-radius: 50rem!important;}
.rounded-circle {border-radius: 50%!important;}
.form-control,
/*.table-responsive tbody {font-family: Arial;}*/
.form-group>div>label {font-family: 100 !important;}
.in-block {display: inline-block;} 
.font-weight-bold {font-weight: 700!important;}
.font-weight-bolder {font-weight: bolder!important;}
.font-weight-normal {font-weight: 400!important;}
.font-weight-light {font-weight: 300!important;}
.font-weight-lighter {font-weight: lighter!important;}

.text-white {color: white;}
.text-muted {color: #777;}
.align-text-center {vertical-align: middle;}
.align-text-bottom {vertical-align: bottom;}
/*.text-warning {color: #ffc107!important;}*/
.position-relative {
	position: relative;
}
.position-absolute {
	position: absolute;
}
.row.table {
  display: table;
  width: 100%;
}

.row.table [class^=col-] {
  display: table-cell;
  float: none;
}

.bg-danger {background-color: #dc3545 !important;}
.bg-red {background-color: #d9534f !important;}
.bg-yellow {background-color: #f0ad4e !important;}
.bg-primary {background-color: #337ab7 !important;}
.bg-green {background-color: #5cb85c !important;}
.bg-secondary {background-color: #ececec !important;}
.label-secondary {
	background-color: #6c757d!important;
	color: #fff;
}
.rounded-top {
	border-top-left-radius: .25rem!important;
	border-top-right-radius: .25rem!important;
}
@media (min-width: 576px){
	.text-sm-right {text-align: right!important;}
}
#logo-top {
	padding: 4px 10px; line-height: 30px;
}
#logo-top img {
	width: auto; height: 40px;
}
#page-wrapper {
	padding: 0;
	overflow-x: auto;
}
@media (min-width: 768px) {
	.sidebar {
		width: 200px;
	}
	#page-wrapper {
		margin: 0 0 0 200px;
		padding-bottom: 50px;
	}
}

.page-header {
	padding-bottom: 0; margin: 0;
	border-bottom: 1px solid #eee;
	-webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.03);
	box-shadow: 0 2px 3px rgba(0,0,0,0.03);
}
@media (min-width: 768px){
	#page-wrapper {
		padding: 0 0px;
	}
}
.pageheader {
	padding: 0px;
	padding-top: 15px;
	padding-bottom: 15px;
	height: 82px;
}
.pageheader .media {
	padding: 0;
	clear: both;
}
.media>.pull-left {
	margin-right: 10px;
	padding-right: 0;
}
.pageheader .pageicon {
	width: 50px;
	height: 50px;
	background-color: #4e5154;
	display: inline-block;
	color: #fff;
	font-size: 32px;
	border-radius: 3px;
	padding-top: 1px;
	padding-left: 10px;
}
.pageheader .breadcrumb {
	margin: 0;
	padding: 0;
	background: none;
	font-size: 11px;
	color: #999;
	line-height: 18px;
}
.pageheader h4 {
	margin: -2px 0 0 0;
	font-size: 26px;
	font-weight: 500;
	color: #2f363d;
	line-height: normal;
}
#page-body {
	padding: 15px;
	padding-bottom: 100px;
}
/* 使用者頭像 */
.userImg {
	display: inline-block;
	-webkit-filter:drop-shadow(0px 0px 5px rgba(0, 0, 0, .1));
	overflow: hidden;
	background-color: #FFF;
	padding: 2px;
	border-radius: 50%;
	border: 2px solid #5cb85c;
}
.userImg img {
	width: calc(100% - 0px);
	border-radius: 50%;
}
/* 必須填寫Class */
.form-group .control-label em {padding-right: 2px;
	color: #F00; font-weight: 700; font-size: 2rem;
	line-height: 12px; font-style:normal;
}
.form-group .form-control {
	background-color: #eee;
	border: 0px solid transparent;
	box-shadow: inset 0 1px 1px transparent;
	-webkit-box-shadow: inset 0 1px 1px transparent;
	font-size: 1.5rem;
	color: #337ab7;
}
.form-group textarea.form-control {
	resize:none;
}

.modal .nav-tabs {
	background: #eee;
	border: 0;
	-moz-border-radius: 3px 3px 0 0;
	-webkit-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0;
	border: 1px solid #ddd;
	border-bottom: 0;
}
.modal .nav-metro{
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}
.modal .tab-pane {
	padding-top: 15px;
	padding-bottom: 15px;
	min-height: 300px;
	max-height: 350px;
	overflow-y: auto;
}
.modal-header-success {
    color:#fff;
    padding:9px 15px;
    border-bottom:1px solid #eee;
    background-color: #5cb85c;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
}
.modal-header-warning {
	color:#fff;
    padding:9px 15px;
    border-bottom:1px solid #eee;
    background-color: #f0ad4e;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
}
.modal-header-danger {
	color:#fff;
    padding:9px 15px;
    border-bottom:1px solid #eee;
    background-color: #d9534f;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
}
.modal-header-info {
    color:#fff;
    padding:9px 15px;
    border-bottom:1px solid #eee;
    background-color: #5bc0de;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
}
.modal-header-primary {
	color:#fff;
    padding:9px 15px;
    border-bottom:1px solid #eee;
    background-color: #428bca;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
}
.progress-bar-animated {
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite;
}
.progress-bar-striped {
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-size: 1rem 1rem;
}
/* ---------------- Back to Top -------------------------------------------------------------- */
#back-top {
	position: fixed; display: none; z-index: 999;
	right: 10px; bottom: 0; opacity: 0.2;
	color: #fff; background: #212121;
	margin-bottom: 10px; padding-top: 5px;
	border-radius: 50%; width:45px; height: 45px;
	line-height: 14px; font-size: 16px;
}
#back-top:hover,
#back-top:focus,
#back-top:active { color: #fff }
#back-top:hover {
	-webkit-transition: all 100ms ease-in-out 0s;
		 -o-transition: all 100ms ease-in-out 0s;
			transition: all 100ms ease-in-out 0s;
	background: #373939; opacity: 1; 
}

/* ---------------- End Back to Top ---------------------------------------------------------- */