*:not(.fa) {
    font-family:'Times New Roman',新細明體 !important;
}
body {
  margin: 0;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  color: #333333;
  background-color: #ffffff;
}

.fuzzyBox {
    -moz-box-shadow:2px 2px 2px rgba(20%,20%,40%,0.6),4px 4px 6px rgba(20%,20%,40%,0.4),6px 6px 12px rgba(20%,20%,40%,0.4);
    -webkit-box-shadow:2px 2px 2px rgba(20%,20%,40%,0.6),4px 4px 6px rgba(20%,20%,40%,0.4),6px 6px 12px rgba(20%,20%,40%,0.4);
    box-shadow:2px 2px 2px rgba(20%,20%,40%,0.6),4px 4px 6px rgba(20%,20%,40%,0.4),6px 6px 12px rgba(20%,20%,40%,0.4);
}

.SmallRadBox {
    border-radius:5px
}

.disabled-bootstrap-select,.disabledButton{
    border:none!important;
    border-color: none!important;
    box-shadow: none!important;
    -webkit-box-shadow: none!important;
    outline: none!important;
    background-color:transparent!important;
    background-image:none!important;
    cursor:default!important;
}
.disabledButton .caret{
    display:none!important;
}

.winPopup {
    position: fixed;
    top: 15%;
    right: 25%;
    z-index: 999999;
    width: 45em;
    height: 70%;
    padding: 0.1em;
    box-shadow: 10px 10px 5px #888888;
}

/*!
 * DataTables + Font Awesome integration
 * License: MIT - http://datatables.net/license
 */

/*
 * Sort styling
 */
table.dataTable thead th {
	position: relative;
	background-image: none !important; /* Remove the DataTables bootstrap integration styling */
}

table.dataTable thead th.sorting:after,
table.dataTable thead th.sorting_asc:after,
table.dataTable thead th.sorting_desc:after {
	position: absolute;
	top: 12px;
	right: 8px;
	display: block;
	font-family: FontAwesome;
}

table.dataTable thead th.sorting:after {
	content: "\f0dc";
	color: #ddd;
	font-size: 0.8em;
	padding-top: 0.12em;
}
table.dataTable thead th.sorting_asc:after {
	content: "\f0de";
}
table.dataTable thead th.sorting_desc:after {
	content: "\f0dd";
}

div.dataTables_scrollBody table.dataTable thead th.sorting:after,
div.dataTables_scrollBody table.dataTable thead th.sorting_asc:after,
div.dataTables_scrollBody table.dataTable thead th.sorting_desc:after {
	content: "";
}

/* In Bootstrap and Foundation the padding top is a little different from the DataTables stylesheet */
table.table thead th.sorting:after,
table.table thead th.sorting_asc:after,
table.table thead th.sorting_desc:after {
	top: 8px;
}

/*
 * DataTables style pagination controls
 */
div.dataTables_paginate a.paginate_button.first,
div.dataTables_paginate a.paginate_button.previous {
	position: relative;
	padding-left: 24px;
}

div.dataTables_paginate a.paginate_button.next,
div.dataTables_paginate a.paginate_button.last {
	position: relative;
	padding-right: 24px;
}

div.dataTables_paginate a.first:before, 
div.dataTables_paginate a.previous:before {
	position: absolute;
	top: 8px;
	left: 10px;
	display: block;
	font-family: FontAwesome;
}

div.dataTables_paginate a.next:after,
div.dataTables_paginate a.last:after {
	position: absolute;
	top: 8px;
	right: 10px;
	display: block;
	font-family: FontAwesome;
}

div.dataTables_paginate a.first:before {
	content: "\f100";
}

div.dataTables_paginate a.previous:before {
	content: "\f104";
}

div.dataTables_paginate a.next:after {
	content: "\f105";
}

div.dataTables_paginate a.last:after {
	content: "\f101";
}


/*
 * Bootstrap and foundation style pagination controls
 */
div.dataTables_paginate li.first > a,
div.dataTables_paginate li.previous > a {
	position: relative;
	padding-left: 24px;
}

div.dataTables_paginate li.next > a,
div.dataTables_paginate li.last > a {
	position: relative;
	padding-right: 24px;
}

div.dataTables_paginate li.first a:before, 
div.dataTables_paginate li.previous a:before {
	position: absolute;
	top: 6px;
	left: 10px;
	display: block;
	font-family: FontAwesome;
}

div.dataTables_paginate li.next a:after,
div.dataTables_paginate li.last a:after {
	position: absolute;
	top: 6px;
	right: 10px;
	display: block;
	font-family: FontAwesome;
}

div.dataTables_paginate li.first a:before {
	content: "\f100";
}

div.dataTables_paginate li.previous a:before {
	content: "\f104";
}

div.dataTables_paginate li.next a:after {
	content: "\f105";
}

div.dataTables_paginate li.last a:after {
	content: "\f101";
}

/* In Foundation we don't want the padding like in bootstrap */
div.columns div.dataTables_paginate li.first a:before, 
div.columns div.dataTables_paginate li.previous a:before,
div.columns div.dataTables_paginate li.next a:after,
div.columns div.dataTables_paginate li.last a:after {
	top: 0;
}

.InfoPanel {
    line-height: 2em;
}

.InfoPanel a {
    width:100%;
    text-align:left;
}

/*
 * Darkblue navbar style
 */
.navbar-skyblue { /* #003399 - #0033cc */
    font-size: 15px;
    background-color: rgba(51, 153, 255, 1);
    background: -webkit-linear-gradient(top, rgba(51, 153, 255, 1) 0%, rgba(51, 153, 255, 1) 100%);
    background: linear-gradient(to bottom, rgba(51, 153, 255, 1) 0%, rgba(51, 153, 255, 1) 100%);
    border: 0;
    border-radius: 0;
}

.navbar-skyblue .dropdown-menu {
    background-color: rgba(51, 100, 255, 1);
    background: -webkit-linear-gradient(top, rgba(51, 100, 255, 1) 0%, rgba(51, 100, 255, 1) 100%);
    background: linear-gradient(to bottom, rgba(51, 100, 255, 1) 0%, rgba(51, 100, 255, 1) 100%);
}

.navbar-skyblue .navbar-nav>li>a:hover,
.navbar-skyblue .navbar-nav>li>a:focus,
.navbar-skyblue .navbar-nav>li>ul>li>a:hover, 
.navbar-skyblue .navbar-nav>li>ul>li>a:focus, 
.navbar-skyblue .navbar-nav>.active>a ,
.navbar-skyblue .navbar-nav>.active>a:hover,
.navbar-skyblue .navbar-nav>.active>a:focus {  
    color: blue;
    margin:2px 2px 0 2px;
    background-color: white;
    background: -webkit-linear-gradient(top, whites 0%, whites 100%);
    background: linear-gradient(to bottom, whites 0%, white 100%);
    border-bottom:0px;
}
#sidebar-darkblue, #column-darkblue {
    background-color: #333399;
}
.navbar-skyblue .navbar-toggle {
    border-color: #333399;
}
.navbar-skyblue .navbar-toggle:hover,
.navbar-skyblue .navbar-toggle:focus {
    background-color: #3333cc;
}
.navbar-skyblue .navbar-nav>li>a,
.navbar-skyblue .navbar-nav>li>ul>li>a, 
.navbar-skyblue .navbar-brand {
    color: white; 
}
.navbar-skyblue .navbar-toggle .icon-bar,
.navbar-skyblue .navbar-toggle:hover .icon-bar,
.navbar-skyblue .navbar-toggle:focus .icon-bar {
    background-color: #ffffff; 
}

.navbar-skyblue .nav-tabs{
    border-bottom:none!important;
}

.dropdown-menu {
    z-index:9999999999!important;
}

/*!
 * DataTables + Font Awesome integration
 * License: MIT - http://datatables.net/license
 */

/*
 * Sort styling
 */
table.dataTable thead th {
	position: relative;
	background-image: none !important; /* Remove the DataTables bootstrap integration styling */
}

table.dataTable thead th.sorting:after,
table.dataTable thead th.sorting_asc:after,
table.dataTable thead th.sorting_desc:after {
	position: absolute;
	top: 12px;
	right: 8px;
	display: block;
	font-family: FontAwesome;
}

table.dataTable thead th.sorting:after {
	content: "\f0dc";
	color: #ddd;
	font-size: 0.8em;
	padding-top: 0.12em;
}
table.dataTable thead th.sorting_asc:after {
	content: "\f0de";
}
table.dataTable thead th.sorting_desc:after {
	content: "\f0dd";
}

div.dataTables_scrollBody table.dataTable thead th.sorting:after,
div.dataTables_scrollBody table.dataTable thead th.sorting_asc:after,
div.dataTables_scrollBody table.dataTable thead th.sorting_desc:after {
	content: "";
}

/* In Bootstrap and Foundation the padding top is a little different from the DataTables stylesheet */
table.table thead th.sorting:after,
table.table thead th.sorting_asc:after,
table.table thead th.sorting_desc:after {
	top: 8px;
}


/*
 * DataTables style pagination controls
 */
div.dataTables_paginate a.paginate_button.first,
div.dataTables_paginate a.paginate_button.previous {
	position: relative;
	padding-left: 24px;
}

div.dataTables_paginate a.paginate_button.next,
div.dataTables_paginate a.paginate_button.last {
	position: relative;
	padding-right: 24px;
}

div.dataTables_paginate a.first:before, 
div.dataTables_paginate a.previous:before {
	position: absolute;
	top: 8px;
	left: 10px;
	display: block;
	font-family: FontAwesome;
}

div.dataTables_paginate a.next:after,
div.dataTables_paginate a.last:after {
	position: absolute;
	top: 8px;
	right: 10px;
	display: block;
	font-family: FontAwesome;
}

div.dataTables_paginate a.first:before {
	content: "\f100";
}

div.dataTables_paginate a.previous:before {
	content: "\f104";
}

div.dataTables_paginate a.next:after {
	content: "\f105";
}

div.dataTables_paginate a.last:after {
	content: "\f101";
}


/*
 * Bootstrap and foundation style pagination controls
 */
div.dataTables_paginate li.first > a,
div.dataTables_paginate li.previous > a {
	position: relative;
	padding-left: 24px;
}

div.dataTables_paginate li.next > a,
div.dataTables_paginate li.last > a {
	position: relative;
	padding-right: 24px;
}

div.dataTables_paginate li.first a:before, 
div.dataTables_paginate li.previous a:before {
	position: absolute;
	top: 6px;
	left: 10px;
	display: block;
	font-family: FontAwesome;
}

div.dataTables_paginate li.next a:after,
div.dataTables_paginate li.last a:after {
	position: absolute;
	top: 6px;
	right: 10px;
	display: block;
	font-family: FontAwesome;
}

div.dataTables_paginate li.first a:before {
	content: "\f100";
}

div.dataTables_paginate li.previous a:before {
	content: "\f104";
}

div.dataTables_paginate li.next a:after {
	content: "\f105";
}

div.dataTables_paginate li.last a:after {
	content: "\f101";
}

/* In Foundation we don't want the padding like in bootstrap */
div.columns div.dataTables_paginate li.first a:before, 
div.columns div.dataTables_paginate li.previous a:before,
div.columns div.dataTables_paginate li.next a:after,
div.columns div.dataTables_paginate li.last a:after {
	top: 0;
}

.InfoPanel {
    line-height: 2em;
}

.InfoPanel a {
    width:100%;
    text-align:left;
}

.table-dropdown li>a{
    color:black!important;
}

@media screen and (min-width: 768px) {
    .ctitle {
        width: 120px !important;
    }

    .ctitle span:first-child {
        padding-left: 10px;
    }
}
.urlimg {
    max-height:35px;
}
.w {
    width: 800px !important;
}
.h {
    height: 80vh !important;
}
#tbBooks th {
    white-space: nowrap;
    background-color: #d9edf7;
}
.table.dataTable thead > tr > th.sorting_asc, table.dataTable thead > tr > th.sorting_desc, table.dataTable thead > tr > th.sorting, table.dataTable thead > tr > td.sorting_asc, table.dataTable thead > tr > td.sorting_desc, table.dataTable thead > tr > td.sorting {
    padding-right: 10px ;
}