@charset "utf-8";
/* CSS Document */
.font_w{ color:#fff;}
.font_w a{ color:#FFFFFF;}
.font_r{ color:#a20000;}
.font_r a{ color:#a20000;}
.font_y{ color:#FFFF66;}
.font_y a{ color:#FFFF66;}
.font_c{ color:#2cb6f7;}
.font_c a{ color:#2cb6f7;}
.font_c2 { color:#0054A8;}
.font_c2 a{ color:#0054A8;}
.font_ry{ color:#ff7506;}
.font_ry a{ color:#ff7506;}
.font_g1{ color:#8fc028;}
.font_g1 a{ color:#8fc028;}
.font_g2{ color:#006600;}
.font_g2 a{ color:#006600;}
.font_g { color:#333;}
.font_g a{ color:#333;}


a { 
    text-decoration:none;
}

a:hover { 
    text-decoration: underline;
}

blockquote { 
    padding: 0 1em;
}

strong { 
    font-weight: bold;
}

.clear { 
    clear: both;
}

html, body {
	margin: 0;
	padding: 0;
	font-size: large;
}

body .into_webcon a {
    color: rgba(255, 255, 255, 0);
    display: block;
    position: absolute;
    z-index: 999;
	font-family: "Microsoft JhengHei",Verdana, Arial;
	font-size: small;
}

body .into_webcon a:focus {
    color: #ffffff;
}


.index_web_bgd {
	display: block;
	width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
	
}


/*------------------------------------reserve_web------------------------------------*/
.reserve_web {
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	font-family: "Microsoft JhengHei",Verdana, Arial;
	text-shadow: none;
	background-image: url("../images/index_bgd_l.jpg"), url("../images/index_bgd_r.jpg");
    background-position: left top, right top;
    background-repeat: repeat-y, repeat-y;
}


/*------------------------------------HEAD------------------------------------*/

.web_head { 
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    position: relative;
	background: url(../images/index_head_bgd_180.jpg) repeat-x;
}

.sys_logo {
	display: block;	
	margin: 0;
	padding: 0;
}

.sys_logo a {
	display: block;
	width: 788px;
	height: 120px;
	margin: 0;
	padding: 0;
	background: url(../images/index_head_title_180.png) no-repeat;
	background-size: 100%;
	text-indent: -9999px;
}

/*--- 使用者區塊 ---*/

.user_list {
	display: block;
	width: 260px;
	height: 100px;
	margin: 0 1em;
	padding: 0.3em 1em;
	float: right;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	background: #FFFFFF;
	box-shadow: #999 1px 1px 1px;
	text-align: center;
	color: #333333;
	z-index: 9;
}

.user_list a:hover {
	color: #FFFFFF;
	text-decoration: none;
}

.logout_btn {
	display: inline-block;
	margin: 0;
	padding: 0.2em 0.3em;
	border-radius: 0.2em;
	text-align: center;
	color: #FFF;
	background: #e66700;
}

.user_inf_btn {
	display: block;
	margin: 0;
	padding: 0.2em 0.3em;
	border-radius: 0.2em;
	text-align: center;
	color: #FFF;
	background: #0067e6;
}

.web_map_btn {
	display: block;
	margin: 0;
	padding: 0.2em 0.3em;
	border-radius: 0.2em;
	text-align: center;
	color: #FFF;
	background: #0095c6;
}


/*----------main_menu-----------*/

.main_menu_box {
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
}

.main_menu {
	display: block;
	margin: 0;
	padding: 0.2em 0.3em;
	width: 100%;
	background: #ffffff;
	z-index: 9;
}

.main_menu li {
	list-style: none;
	float: left;
	margin: 0 0.2em;
	padding: 0.1em 0.2em;
}

.main_menu li a {
	color: #5f1985;
	font-weight: bold;
}

.main_menu_box #pull, .user_box #user_p_btn {
	display: none;
}




/*----------con_box-----------*/

.modal-dialog {
    width: 90%;
}

#C {
	color: #58afff;
}

.con_box { 
	display: block;
	width: 98%;
	margin: 0 auto;
	padding: 10px;
	background: #FFFFFF;
}

.fontSize_btn {
	display: inline-block;
	margin: 0;
	padding: 10px;
	float: right;
}

.fontSize_btn li {
	float: left;
	list-style: none;
}

.fontSize_btn li a {
	display: inline-block;
	margin: 0 2px;
	padding: 6px;
	border: solid 1px #666666;
	color: #333333;
}

.fontSize_btn li a:hover {
	text-decoration: none;
}

.fontSize_btn .btn_act a {
	color: #0047a8;
	font-weight: bold;
	border-color: #0047a8;
	text-decoration: none;
}

.fontSize_btn .font_S {
	font-size: small;
}

.fontSize_btn .font_M {
	font-size: medium;
}

.fontSize_btn .font_L {
	font-size: large;
}

.con_title {
	display: block;
	line-height: 1.2em;
	margin: 0;
	padding: 4px;
	border-bottom: #108cff 1px dashed;
	color: #5f1985;
	font-weight: bold;
	font-size: XX-large;
}

.sys_time {
	display: inline-block;
	margin: 0;
	padding: 0.1em;
	font-size: large;
	font-weight: normal;
	color: #333333;
}



.con_list {	
	display: block;
	margin: 0;
	padding: 0.3em 0.5em;
}

.con_list h3 {
	background: #e9fcff;
	color: #333;
	font-size: 1.2em;
	font-weight: bold;
	margin: 0 0 0.5em 0;
	padding: 0.5em;
}

.con_list h4 {
	color: #333;
	font-size: 1em;
	padding: 0.2em 1em 0.2em 4em;
	text-indent: -3em;
}

.con_list .con_list_ol {
	color: #333;
	font-size: 0.9em;
	padding: 0.2em 3em;
}

.con_list .con_list_p {
	color: #333;
	font-size: 0.9em;
	padding: 0.2em 2em;
}

.con_list_box {
	margin: 0;
	padding: 0.5em 1em;
}


.con_t {
	line-height: 2.4em;
	white-space: nowrap;
}

.con_p {
	display: block;
	margin: 0;
	padding: 1em 3em;
	
}

.menu_list {
	display: block;
	margin: 0;
	padding: 1em 3em;
}

.menu_list li {
	display: block;
	margin: 0.2em;
	padding: 0.5em;
	border-bottom: #57C8FF 1px dashed;
	list-style: none;
	font-size: x-large;
	color: #337ab7;
}

.menu_list li p {
	margin: 0.5em 0;
	padding: 0 2em;
}

.search_btn {
	display: inline-block;
	margin: 0;
	padding: 0.5em 1em;
	border-radius: 0.5em;
	border: #59ffda 0.1em solid;
	font-size: medium;
	text-align: center;
	color: #FFF;
	background: #005d48; /* Old browsers */
	background: -moz-linear-gradient(top,  #005d48 0%, #004233 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#005d48), color-stop(100%,#004233)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #005d48 0%,#004233 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #005d48 0%,#004233 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #005d48 0%,#004233 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #005d48 0%,#004233 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005d48', endColorstr='#004233',GradientType=0 );
}

.add_btn a, .add_case_btn a, .load_case_btn a, .add_btn_2 a, .add_btn a:hover, .add_case_btn a:hover, .load_case_btn a:hover, .add_btn_2 a:hover, .search_btn a, .search_btn a:hover {
	color:#FFF;
}

.con_table {
	border: #AAAAAA 1px solid;
}

.con_table th {
	padding: 0.5em;
	font-size: large;
	font-weight: bold;
	text-align: center;
	background: #333333;
	color: #FFFFFF;
}

.con_table td {
	padding: 0.5em;
	font-size: medium;
	text-align: center;
	color: #333333;
}

.bg-red, .bg-yellow, .bg-aqua, .bg-blue, .bg-light-blue, .bg-green, .bg-navy, .bg-teal, .bg-olive, .bg-lime, .bg-orange, .bg-fuchsia, .bg-purple, .bg-maroon, .bg-black, .bg-red-active, .bg-yellow-active, .bg-aqua-active, .bg-blue-active, .bg-light-blue-active, .bg-green-active, .bg-navy-active, .bg-teal-active, .bg-olive-active, .bg-lime-active, .bg-orange-active, .bg-fuchsia-active, .bg-purple-active, .bg-maroon-active, .bg-black-active, .callout.callout-danger, .callout.callout-warning, .callout.callout-info, .callout.callout-success, .alert-success, .alert-danger, .alert-error, .alert-warning, .alert-info, .label-danger, .label-info, .label-warning, .label-primary, .label-success, .modal-primary .modal-body, .modal-primary .modal-header, .modal-primary .modal-footer, .modal-warning .modal-body, .modal-warning .modal-header, .modal-warning .modal-footer, .modal-info .modal-body, .modal-info .modal-header, .modal-info .modal-footer, .modal-success .modal-body, .modal-success .modal-header, .modal-success .modal-footer, .modal-danger .modal-body, .modal-danger .modal-header, .modal-danger .modal-footer {
	color: #fff !important;
}
.bg-gray {
	color: #000;
	background-color: #d2d6de !important;
}
.bg-gray-light {
	background-color: #f7f7f7;
}
.bg-yellow-light {
	background-color: #fdffc0;
}
.bg-black {
	background-color: #111111 !important;
}
.bg-red, .callout.callout-danger, .alert-danger, .alert-error, .label-danger, .modal-danger .modal-body {
	background-color: #dd4b39 !important;
}
.bg-yellow, .callout.callout-warning, .alert-warning, .label-warning, .modal-warning .modal-body {
	background-color: #f39c12 !important;
}
.bg-aqua, .callout.callout-info, .alert-info, .label-info, .modal-info .modal-body {
	background-color: #00c0ef !important;
}
.bg-blue {
	background-color: #0073b7 !important;
}
.bg-light-blue, .label-primary, .modal-primary .modal-body {
	background-color: #3c8dbc !important;
}
.bg-green, .callout.callout-success, .alert-success, .label-success, .modal-success .modal-body {
	background-color: #00a65a !important;
}
.bg-navy {
	background-color: #001f3f !important;
}
.bg-teal {
	background-color: #39cccc !important;
}
.bg-olive {
	background-color: #3d9970 !important;
}
.bg-lime {
	background-color: #01ff70 !important;
}
.bg-orange {
	background-color: #ff851b !important;
}
.bg-fuchsia {
	background-color: #f012be !important;
}
.bg-purple {
	background-color: #605ca8 !important;
}
.bg-maroon {
	background-color: #d81b60 !important;
}
.bg-white {
	background-color: #ffffff !important;
}
.bg-gray-active {
	color: #000;
	background-color: #b5bbc8 !important;
}
.bg-black-active {
	background-color: #000000 !important;
}
.bg-red-active, .modal-danger .modal-header, .modal-danger .modal-footer {
	background-color: #d33724 !important;
}
.bg-yellow-active, .modal-warning .modal-header, .modal-warning .modal-footer {
	background-color: #db8b0b !important;
}
.bg-aqua-active, .modal-info .modal-header, .modal-info .modal-footer {
	background-color: #00a7d0 !important;
}
.bg-blue-active {
	background-color: #005384 !important;
}
.bg-light-blue-active, .modal-primary .modal-header, .modal-primary .modal-footer {
	background-color: #357ca5 !important;
}
.bg-green-active, .modal-success .modal-header, .modal-success .modal-footer {
	background-color: #008d4c !important;
}
.bg-navy-active {
	background-color: #001a35 !important;
}
.bg-teal-active {
	background-color: #30bbbb !important;
}
.bg-olive-active {
	background-color: #368763 !important;
}
.bg-lime-active {
	background-color: #00e765 !important;
}
.bg-orange-active {
	background-color: #ff7701 !important;
}
.bg-fuchsia-active {
	background-color: #db0ead !important;
}
.bg-purple-active {
	background-color: #555299 !important;
}
.bg-maroon-active {
	background-color: #ca195a !important;
}
[class^="bg-"].disabled {
	opacity: 0.65;
	filter: alpha(opacity=65);
}
.text-red {
	color: #dd4b39 !important;
}
.text-yellow {
	color: #f39c12 !important;
}

.text-aqua {
	color: #00c0ef !important;
}
.text-blue {
	color: #0073b7 !important;
}
.text-black {
	color: #111111 !important;
}
.text-light-blue {
	color: #3c8dbc !important;
}
.text-green {
	color: #00a65a !important;
}
.text-gray {
	color: #d2d6de !important;
}
.text-light-gray {
	color: #efefef !important;
}
.text-navy {
	color: #001f3f !important;
}
.text-teal {
	color: #39cccc !important;
}
.text-olive {
	color: #3d9970 !important;
}
.text-lime {
	color: #01ff70 !important;
}
.text-orange {
	color: #ff851b !important;
}
.text-fuchsia {
	color: #f012be !important;
}
.text-purple {
	color: #605ca8 !important;
}
.text-maroon {
	color: #d81b60 !important;
}


/*
 * Component: Box
 * --------------
 */
.box {
	position: relative;
	border-radius: 3px;
	background: #ffffff;
	border-top: 3px solid #d2d6de;
	margin-bottom: 20px;
	width: 100%;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
.box.box-primary {
	border-top-color: #3c8dbc;
}
.box.box-info {
	border-top-color: #00c0ef;
}
.box.box-danger {
	border-top-color: #dd4b39;
}
.box.box-warning {
	border-top-color: #f39c12;
}
.box.box-success {
	border-top-color: #00a65a;
}
.box.box-default {
	border-top-color: #d2d6de;
}
.box.box-blue {
	border-top-color: #0073b7;
}
.box.box-purple {
	border-top-color: #605ca8;
}
.box.box-maroon {
	border-top-color: #d81b60;
}
.box.box-navy {
	border-top-color: #001f3f;
}
.box.collapsed-box .box-body, .box.collapsed-box .box-footer {
	display: none;
}
.box .nav-stacked > li {
	border-bottom: 1px solid #f4f4f4;
	margin: 0;
}
.box .nav-stacked > li:last-of-type {
	border-bottom: none;
}
.box.height-control .box-body {
	max-height: 300px;
	overflow: auto;
}
.box .border-right {
	border-right: 1px solid #f4f4f4;
}
.box .border-left {
	border-left: 1px solid #f4f4f4;
}
.box.box-solid {
	border-top: 0;
}
.box.box-solid > .box-header .btn.btn-default {
	background: transparent;
}

.box.box-solid.box-default {
	border: 1px solid #d2d6de;
}
.box.box-solid.box-default > .box-header {
	color: #444444;
	background: #d2d6de;
	background-color: #d2d6de;
}
/* 2020/02/13 edit begin, Jimmy */
.box.box-solid.box-primary {
	border: 1px solid #5f1985;
}
.box.box-solid.box-primary > .box-header {
	color: #ffffff;
	background: #5f1985;
	background-color: #5f1985;
}
/* 2020/02/13 edit end */
.box.box-solid.box-primary > .box-header a, .box.box-solid.box-primary > .box-header .btn {
	color: #ffffff;
}
.box.box-solid.box-info {
	border: 1px solid #00c0ef;
}
.box.box-solid.box-info > .box-header {
	color: #ffffff;
	background: #00c0ef;
	background-color: #00c0ef;
}
.box.box-solid.box-info > .box-header a, .box.box-solid.box-info > .box-header .btn {
	color: #ffffff;
}
.box.box-solid.box-danger {
	border: 1px solid #dd4b39;
}
.box.box-solid.box-danger > .box-header {
	color: #ffffff;
	background: #dd4b39;
	background-color: #dd4b39;
}
.box.box-solid.box-danger > .box-header a, .box.box-solid.box-danger > .box-header .btn {
	color: #ffffff;
}
.box.box-solid.box-warning {
	border: 1px solid #f39c12;
}
.box.box-solid.box-warning > .box-header {
	color: #ffffff;
	background: #f39c12;
	background-color: #f39c12;
}
.box.box-solid.box-warning > .box-header a, .box.box-solid.box-warning > .box-header .btn {
	color: #ffffff;
}
/* 2020/02/13 edit begin, Jimmy */
.box.box-solid.box-success {
	border: 1px solid #E098C0;
}
.box.box-solid.box-success > .box-header {
	color: #ffffff;
	background: #E098C0;
	background-color: #E098C0;
}
/* 2020/02/13 edit end */
.box.box-solid.box-success > .box-header a, .box.box-solid.box-success > .box-header .btn {
	color: #ffffff;
}

/* 2020/02/13 add begin, Jimmy */
.box.box-solid.box-orange {
	border: 1px solid #FF9B37;
}
.box.box-solid.box-orange > .box-header {
	color: #ffffff;
	background: #FF9B37;
	background-color: #FF9B37;
}
.box.box-solid.box-orange > .box-header a, .box.box-solid.box-orange > .box-header .btn {
	color: #ffffff;
}
/* 2020/02/13 add end */

/*-20190124新增_開始-*/
.box.box-solid.box-blue {
	border: 1px solid #0073b7;
}
.box.box-solid.box-blue > .box-header {
	color: #ffffff;
	background: #0073b7;
	background-color: #0073b7;
}
.box.box-solid.box-blue > .box-header a, .box.box-solid.box-blue > .box-header .btn {
	color: #ffffff;
}
.box.box-solid.box-purple {
	border: 1px solid #605ca8;
}
.box.box-solid.box-purple > .box-header {
	color: #ffffff;
	background: #605ca8;
	background-color: #605ca8;
}
.box.box-solid.box-purple > .box-header a, .box.box-solid.box-purple > .box-header .btn {
	color: #ffffff;
}
.box.box-solid.box-maroon {
	border: 1px solid #d81b60;
}
.box.box-solid.box-maroon > .box-header {
	color: #ffffff;
	background: #d81b60;
	background-color: #d81b60;
}
.box.box-solid.box-maroon > .box-header a, .box.box-solid.box-maroon > .box-header .btn {
	color: #ffffff;
}
.box.box-solid.box-navy {
	border: 1px solid #001f3f;
}
.box.box-solid.box-navy > .box-header {
	color: #ffffff;
	background: #001f3f;
	background-color: #001f3f;
}
.box.box-solid.box-navy > .box-header a, .box.box-solid.box-navy > .box-header .btn {
	color: #ffffff;
}
/*-20190124新增_結束-*/

.box.box-solid > .box-header > .box-tools .btn {
	border: 0;
	box-shadow: none;
}
.box.box-solid[class*='bg'] > .box-header {
	color: #fff;
}
.box .box-group > .box {
	margin-bottom: 5px;
}
.box .knob-label {
	text-align: center;
	color: #333;
	font-weight: 100;
	font-size: 12px;
	margin-bottom: 0.3em;
}
.box > .overlay, .overlay-wrapper > .overlay, .box > .loading-img, .overlay-wrapper > .loading-img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.box .overlay, .overlay-wrapper .overlay {
	z-index: 50;
	background: rgba(255, 255, 255, 0.7);
	border-radius: 3px;
}
.box .overlay > .fa, .overlay-wrapper .overlay > .fa {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -15px;
	margin-top: -15px;
	color: #000;
	font-size: 30px;
}
.box .overlay.dark, .overlay-wrapper .overlay.dark {
	background: rgba(0, 0, 0, 0.5);
}
.box-header:before, .box-body:before, .box-footer:before, .box-header:after, .box-body:after, .box-footer:after {
	content: " ";
	display: table;
}
.box-header:after, .box-body:after, .box-footer:after {
	clear: both;
}
.box-header:before, .box-body:before, .box-footer:before, .box-header:after, .box-body:after, .box-footer:after {
	content: " ";
	display: table;
}
.box-header:after, .box-body:after, .box-footer:after {
	clear: both;
}
.box-header {
	color: #444;
	display: block;
	padding: 5px 8px;
	position: relative;
}
.box-header.with-border {
	border-bottom: 1px solid #f4f4f4;
}
.collapsed-box .box-header.with-border {
	border-bottom: none;
}
.box-header > .fa, .box-header > .glyphicon, .box-header > .ion, .box-header .box-title {
	display: inline-block;
	font-size: 1.2em;
	margin: 0;
	line-height: 1;
}
.box-header > .fa, .box-header > .glyphicon, .box-header > .ion {
	margin-right: 5px;
}
.box-header > .box-tools {
	position: absolute;
	right: 10px;
	top: 5px;
}
.box-header > .box-tools [data-toggle="tooltip"] {
	position: relative;
}
.box-header > .box-tools.pull-right .dropdown-menu {
	right: 0;
	left: auto;
}
.box-header > .box-tools .dropdown-menu > li > a {
	color: #444!important;
}
.btn-box-tool {
	padding: 5px;
	font-size: 12px;
	background: transparent;
	color: #97a0b3;
}
.open .btn-box-tool, .btn-box-tool:hover {
	color: #606c84;
}
.btn-box-tool.btn:active {
	box-shadow: none;
}
.box-body {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	padding: 5px 8px;
}
.no-header .box-body {
	border-top-right-radius: 3px;
	border-top-left-radius: 3px;
}
.box-body > .table {
	margin-bottom: 0;
}
.box-body .fc {
	margin-top: 5px;
}
.box-body .full-width-chart {
	margin: -19px;
}
.box-body.no-padding .full-width-chart {
	margin: -9px;
}
.box-body .box-pane {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 3px;
}
.box-body .box-pane-right {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 0;
}
.box-footer {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	border-top: 1px solid #f4f4f4;
	padding: 10px;
	background-color: #ffffff;
}
.chart-legend {
	margin: 10px 0;
}

@media (max-width: 991px) {
.chart-legend > li {
	float: left;
	margin-right: 10px;
}
}
.box-comments {
	background: #f7f7f7;
}
.box-comments .box-comment {
	padding: 8px 0;
	border-bottom: 1px solid #eee;
}
.box-comments .box-comment:before, .box-comments .box-comment:after {
	content: " ";
	display: table;
}
.box-comments .box-comment:after {
	clear: both;
}
.box-comments .box-comment:before, .box-comments .box-comment:after {
	content: " ";
	display: table;
}
.box-comments .box-comment:after {
	clear: both;
}
.box-comments .box-comment:last-of-type {
	border-bottom: 0;
}
.box-comments .box-comment:first-of-type {
	padding-top: 0;
}
.box-comments .box-comment img {
	float: left;
}
.box-comments .comment-text {
	margin-left: 40px;
	color: #555;
}
.box-comments .username {
	color: #444;
	display: block;
	font-weight: 600;
}
.box-comments .text-muted {
	font-weight: 400;
	font-size: 12px;
}

/*
 * Component: Button
 * -----------------
 */
.btn {
	border-radius: 3px;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: 1px solid transparent;	
}
.btn.uppercase {
	text-transform: uppercase;
}
.btn.btn-flat {
	border-radius: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	border-width: 1px;
}
.btn:active {
	-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	-moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn:focus {
	outline: none;
}
.btn.btn-file {
	position: relative;
	overflow: hidden;
}
.btn.btn-file > input[type='file'] {
	position: absolute;
	top: 0;
	right: 0;
	min-width: 100%;
	min-height: 100%;
	font-size: 100px;
	text-align: right;
	opacity: 0;
	filter: alpha(opacity=0);
	outline: none;
	background: white;
	cursor: inherit;
	display: block;
}
.btn-default {
	background-color: #f4f4f4;
	color: #444;
	border-color: #ddd;
}
.btn-default:hover, .btn-default:active, .btn-default.hover {
	background-color: #e7e7e7;
}
.btn-primary {
	background-color: #3c8dbc;
	border-color: #367fa9;
}
.btn-primary:hover, .btn-primary:active, .btn-primary.hover {
	background-color: #367fa9;
}
.btn-success {
	background-color: #00a65a;
	border-color: #008d4c;
}
.btn-success:hover, .btn-success:active, .btn-success.hover {
	background-color: #008d4c;
}
.btn-info {
	background-color: #00c0ef;
	border-color: #00acd6;
}
.btn-info:hover, .btn-info:active, .btn-info.hover {
	background-color: #00acd6;
}
.btn-danger {
	background-color: #dd4b39;
	border-color: #d73925;
}
.btn-danger:hover, .btn-danger:active, .btn-danger.hover {
	background-color: #d73925;
}
.btn-warning {
	background-color: #f39c12;
	border-color: #e08e0b;
}
.btn-warning:hover, .btn-warning:active, .btn-warning.hover {
	background-color: #e08e0b;
}
.btn-outline {
	border: 1px solid #fff;
	background: transparent;
	color: #fff;
}
.btn-outline:hover, .btn-outline:focus, .btn-outline:active {
	color: rgba(255, 255, 255, 0.7);
	border-color: rgba(255, 255, 255, 0.7);
}
.btn-link {
	-webkit-box-shadow: none;
	box-shadow: none;
}
.btn[class*='bg-']:hover {
	-webkit-box-shadow: inset 0 0 100px rgba(0, 0, 0, 0.2);
	box-shadow: inset 0 0 100px rgba(0, 0, 0, 0.2);
}
.btn-app {
	border-radius: 3px;
	position: relative;
	padding: 15px 5px;
	margin: 0 0 10px 10px;
	min-width: 80px;
	height: 60px;
	text-align: center;
	color: #666;
	border: 1px solid #ddd;
	background-color: #f4f4f4;
	font-size: 12px;
}
.btn-app > .fa, .btn-app > .glyphicon, .btn-app > .ion {
	font-size: 20px;
	display: block;
}
.btn-app:hover {
	background: #f4f4f4;
	color: #444;
	border-color: #aaa;
}
.btn-app:active, .btn-app:focus {
	-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	-moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn-app > .badge {
	position: absolute;
	top: -3px;
	right: -10px;
	font-size: 10px;
	font-weight: 400;
}
/*
 * Component: Nav
 * --------------
 */
.nav > li > a:hover, .nav > li > a:active, .nav > li > a:focus {
	color: #444;
	background: #f7f7f7;
}
/* NAV PILLS */
.nav-pills > li > a {
	border-radius: 0;
	border-top: 3px solid transparent;
	color: #444;
}
.nav-pills > li > a > .fa, .nav-pills > li > a > .glyphicon, .nav-pills > li > a > .ion {
	margin-right: 5px;
}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
	border-top-color: #3c8dbc;
}
.nav-pills > li.active > a {
	font-weight: 600;
}
/* NAV STACKED */
.nav-stacked > li > a {
	border-radius: 0;
	border-top: 0;
	border-left: 3px solid transparent;
	color: #444;
}
.nav-stacked > li.active > a, .nav-stacked > li.active > a:hover {
	background: transparent;
	color: #444;
	border-top: 0;
	border-left-color: #3c8dbc;
}
.nav-stacked > li.header {
	border-bottom: 1px solid #ddd;
	color: #777;
	margin-bottom: 10px;
	padding: 5px 10px;
	text-transform: uppercase;
}
/* NAV TABS */
.nav-tabs-custom {
	margin-bottom: 20px;
	background: #fff;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
	border-radius: 3px;
}
.nav-tabs-custom > .nav-tabs {
	margin: 0;
	border-bottom-color: #f4f4f4;
	border-top-right-radius: 3px;
	border-top-left-radius: 3px;
}
.nav-tabs-custom > .nav-tabs > li {
	border-top: 3px solid transparent;
	margin-bottom: -1px;
	margin-right: 5px;
	background: #e5f8ff;
}
.nav-tabs-custom > .nav-tabs > li.disabled > a {
	color: #777;
}
.nav-tabs-custom > .nav-tabs > li > a {
	color: #444;
	border-radius: 0;
}
.nav-tabs-custom > .nav-tabs > li > a.text-muted {
	color: #999;
}
.nav-tabs-custom > .nav-tabs > li > a, .nav-tabs-custom > .nav-tabs > li > a:hover {
	background: transparent;
	margin: 0;
}
.nav-tabs-custom > .nav-tabs > li > a:hover {
	color: #000;
}
.nav-tabs-custom > .nav-tabs > li:not(.active) > a:hover, .nav-tabs-custom > .nav-tabs > li:not(.active) > a:focus, .nav-tabs-custom > .nav-tabs > li:not(.active) > a:active {
	border-color: transparent;
}
.nav-tabs-custom > .nav-tabs > li.active {
	border-top-color: #3c8dbc;
}
.nav-tabs-custom > .nav-tabs > li.active > a, .nav-tabs-custom > .nav-tabs > li.active:hover > a {
	background-color: #fff;
	color: #444;
}
.nav-tabs-custom > .nav-tabs > li.active > a {
	border-top-color: transparent;
	border-left-color: #f4f4f4;
	border-right-color: #f4f4f4;
}
.nav-tabs-custom > .nav-tabs > li:first-of-type {
	margin-left: 0;
}
.nav-tabs-custom > .nav-tabs > li:first-of-type.active > a {
	border-left-color: transparent;
}
.nav-tabs-custom > .nav-tabs.pull-right {
	float: none !important;
}
.nav-tabs-custom > .nav-tabs.pull-right > li {
	float: right;
}
.nav-tabs-custom > .nav-tabs.pull-right > li:first-of-type {
	margin-right: 0;
}
.nav-tabs-custom > .nav-tabs.pull-right > li:first-of-type > a {
	border-left-width: 1px;
}
.nav-tabs-custom > .nav-tabs.pull-right > li:first-of-type.active > a {
	border-left-color: #f4f4f4;
	border-right-color: transparent;
}
.nav-tabs-custom > .nav-tabs > li.header {
	line-height: 35px;
	padding: 0 10px;
	font-size: 20px;
	color: #444;
}
.nav-tabs-custom > .nav-tabs > li.header > .fa, .nav-tabs-custom > .nav-tabs > li.header > .glyphicon, .nav-tabs-custom > .nav-tabs > li.header > .ion {
	margin-right: 5px;
}
.nav-tabs-custom > .tab-content {
	background: #fff;
	padding: 10px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
}
.nav-tabs-custom .dropdown.open > a:active, .nav-tabs-custom .dropdown.open > a:focus {
	background: transparent;
	color: #999;
}
.nav-tabs-custom.tab-primary > .nav-tabs > li.active {
	border-top-color: #3c8dbc;
}
.nav-tabs-custom.tab-info > .nav-tabs > li.active {
	border-top-color: #00c0ef;
}
.nav-tabs-custom.tab-danger > .nav-tabs > li.active {
	border-top-color: #dd4b39;
}
.nav-tabs-custom.tab-warning > .nav-tabs > li.active {
	border-top-color: #f39c12;
}
.nav-tabs-custom.tab-success > .nav-tabs > li.active {
	border-top-color: #00a65a;
}
.nav-tabs-custom.tab-default > .nav-tabs > li.active {
	border-top-color: #d2d6de;
}


/*-----------------web_footer-------------------*/

.web_footer {
	display: block;
	width: 100%;
	margin: 0;
	padding: 0.5em 1em;
	background-image:url( 'images/index_head_bgd_footer.jpg' );
	border-top: #999999 2px solid;
}

.b_menu_list {
	display: block;
	margin: 0;
	padding: 6px;
}

.b_menu_list li {
	display: block;
	margin: 2px;
	padding: 4px;
	background: #666666;
	color: #FFFFFF;
}

.b_menu_list li a {
	color: #FFFFFF;
}


input:focus, a:focus {
	border: 0.2em solid #FF0004;
 
}

.qr_code_btn, .ncc_icon_box {
	text-align: center;
}



/*-----------------960_web-------------------*/

/*Styles for screen 960px and lower*/
@media screen and (max-width: 960px) {
	
	.sys_logo a {
		display: block;
		width: auto;
		height: 30px;
		margin: 0 30px;
		padding: 0;
		background: none;
		text-indent: 0;
		text-align: center;
		color: #FFFFFF;
		line-height: 30px;
		font-size: medium;
		font-weight: bold;
	}
	
	.web_head {
		background: #004bbb;
	}
	
	.main_menu_box ul, .to_m_menu, .to_w_con, .to_b_box, .user_list {
		display: none;
	}	
	
	.main_menu {
		display: block;
		margin: 0;
		padding: 0;
		width: auto;
		height: auto;
		position: absolute;
		top: 30px;
		left: 0;
	}
	
	.main_menu li {
		display: block;
		float: none;
		border-bottom: #FFF 1px solid;
	}
	
	.main_menu_box #pull {
		display: block;
		width: 30px;
		height: 30px;
		position: absolute;
		top: 0;
		left: 0;
		background: url(../images/nav-icon.png) no-repeat center #0096ff;
		text-indent: -9999px;
	}	
	
	.user_list {
		position: absolute;
		top: 30px;
		right: 0;
		margin: 0;
	}	
	
	.user_box #user_p_btn {
		display: block;
		width: 30px;
		height: 30px;
		position: absolute;
		top: 0;
		right: 0;
		text-indent: -9999px;
		background: url(../images/user_icon.png) no-repeat center #ffffff;
	}	
	
	.con_title {
		font-size: large;
	}
	
	.con_title img {
		width: 24px;
		height: auto;
	}
	
	.sys_time {
		font-size:  medium;
	}
	
}


/*-----------------780_web-------------------*/

/*Styles for screen 780px and lower*/
@media screen and (max-width: 780px) {
	
	.fontSize_btn {
		display: none;
	}
	
	.web_con{
		margin: 0.2em;
		padding: 0.1em 0.2em;
	}
	
	.web_footer {
		font-size: 50%;
		text-align: center;
		line-height: 1em;
		
	}
	
	.b_menu_list {
		display: block;
		margin: 0;
		padding: 0;
	}
	
	.b_menu_list li {
		width: 48%;
		margin: 1%;
		text-align: left;
		float: left;
	}
	
	
}


/*--------------rwd_table-------------*/
.rwd-table {
	background: #fff;
}
.rwd-table tr:nth-of-type(2n) {
	background: #eee;
}
.rwd-table th,  .rwd-table td {
	margin: 0.2em 0.5em;
}
.rwd-table {
	min-width: 100%;
}
.rwd-table th {
	display: none;
}
.rwd-table td {
	display: block;
}
.rwd-table td:before {
	content: attr(data-th) " : ";
	font-weight: bold;
	display: inline-block;
	margin-right: 0.5em;
}
.rwd-table th, .rwd-table td {
	text-align: left;
}
.rwd-table th, .rwd-table td:before {
	font-weight: bold;
}

@media (min-width: 480px) {
	.rwd-table td:before {
		display: none;
	}
	.rwd-table th, .rwd-table td {
		display: table-cell;
		padding: 0.25em 0.5em;
	}
	.rwd-table th:first-child, .rwd-table td:first-child {
		padding-left: 0;
	}
	.rwd-table th:last-child, .rwd-table td:last-child {
		padding-right: 0;
	}
	.rwd-table th, .rwd-table td {
		padding: 1em !important;
	}
	
	.F_MENU .menu_list2 {
		left: 1em;
	}
}
.valign_middle {
    vertical-align:middle;
}