html,body	{
	height:100%;
	/*font-family:"微軟正黑體";*/
	line-height: 1.75;
	font-family: 'Hiragino Mincho ProN','Noto Serif TC', serif;	
	overflow:hidden;	/* 隱藏頁面的scrollbar */
}

table	{
	margin-top:1em;	/* table要與上面有間距 */
}
table table	{
	margin-top:0em;	/* table裡面的table不需要margin-top:1em */
}
table td	{
	vertical-align:top;
	padding:0 0.4em;
}
table.valign-default td	{	/* 其下所有td的垂直置中都是預設的(middle) */
	vertical-align:middle;
}

#top-bar	{
	margin-bottom:0px;
}
#top-bar > .container	{
	max-width:none;
}
.main-container	{
	max-width:none;
	padding:0;
	height: calc(100vh - 51px);	/* 51px is top-bar's height */
}
.content-block	{
	border-radius:0px;
	margin:0;
	height:100%;
	width:50%;
	margin-top:-2px;
	float:left;
	padding:0;
	background-color:white;
}
.content	{
	background-color: #FFFFFF;
    /*border: 1px solid #D4D4D4;*/
	/*border-radius:4px;*/
    /*margin-top: 5px;*/
    min-height: 200px;
    /*overflow: auto;*/
    padding: 5px;
	height:98%;
}
#jing-toolbar	{
	clear:both;
	overflow:auto;
	margin-bottom:12px;
}
#jing-title	{
	font-weight:bold;
	font-size:large;
	border-left:6px solid #79A6C2;
	text-indent:0.3em;
	float:left;
}
#jing-tools	{
	float:right;
}
.tab-content	{
	height:94%;
    background-color: #FFFFFF;
    border-right: 1px solid #D4D4D4;
	border-bottom: 1px solid #D4D4D4;
	border-left: 1px solid #D4D4D4;
    border-radius: 0px;
    min-height: 200px;
    overflow: auto;
    padding: 5px;
}
#myTab a	{
	outline: none; /*去除連結的虛線*/
}
#left-area	{
	width:27%;
	border-right:none;
	font-size:16px;
}
#right-area	{
	width:72.8%;
	border-left:none;
}
#adjust-panel-line	{
	float:left;
	border-right:1px solid #E3E3E3;
	height:99.7%;
	width:0.2%;
	background-color:white; /*#F5F5F5;*/
	cursor:col-resize;
}
#adjust-panel-line > div	{
	height:100%;
}
.adjust-panel-line-enabled	{
	border-right:8px solid lightgray !important;
	cursor:col-resize;
	position:absolute;
	z-index:1000;
}
#book-container	{
	line-height:2.5em;
	font-size:18px;
	padding: 10px 10%;
	overflow:auto;
	height:99%;
	max-width:100%;
	width:100%;
	position:relative;
	letter-spacing: 1px;
}
#book-container.now-fullscreen	{
	padding: 10px 20% !important;
}
#right-container	{
	padding:0;
}
#book-toolbar	{
	/*background-color:#ECF1E4;*/
	height:45px;
	/*border-bottom:1px solid #D4DFC3;*/
	padding:8px 4px;
	font-size:16px;
}
#book-toolbar > div:not([id = "book-toolbar-right"])	{
	float:left;
	color:gray;
	font-weight:normal;
}
#book-toolbar > div:not([id = "book-toolbar-right"]) label	{
	color:gray;
	font-weight:normal;
}
#book-toolbar-right	{
	float:right;
}

#book-toolbar-page	{
	margin-left:0.5em;
	font-size:20px;
}
#book-toolbar-fontsize	{
	margin-left:3em;
}
#book-toolbar-choices	{
	float:right;
}
#book-toolbar-showMenu	{
	margin-left:3em;
	font-size: 18px;
}
#book-toolbar-backgroundColor	{
	font-weight:bold;
}
#book-toolbar-backgroundColor > select	{
	width:100px;
	display:inline-block;
}

#book-toolbar-editmode-btns	{
	margin-right:2em;
	float:right !important;
	outline:none;
}
#book-toolbar-editmode-btns	{
	margin:0;
}
#userform_editMode_btn	{
	display:none;	/* 真正的按鈕先藏起來，但不能刪除，因為有其他元件會trigger他們 */
}


.search-result	{
	margin:10px 0;
	
}
.search-result > span:nth-child(1)	{
	font-size:18px;
	font-weight:bold;
	color:#7582B8;
	cursor:pointer;
}
.search-result .well	{
	display:none;
}
.search-result-items	{
	margin-bottom:25px;
}
.search-result-bookLevel-counter	{
	color:gray;
}


#refAndCopy_config	{
	text-align:left;
	overflow:auto;
}
#refAndCopy_config > div.radio,#refAndCopy_config > div.checkbox,#refAndCopy_config > div.diver	{
	float:left;
	margin-left:10px;
	margin-top: 0;
}



/* 疏鈔新增 + */
#book-container ul	{
	margin-left:1em;
	list-style-type:none;
}
#book-container ul > li	{
	text-indent:-2em;
}
#pb_container	{
	display:none;
	background-color:#E3EEF7;
	border:1px solid #428bca;
	position:absolute;
	height: 25px;
    padding:0 5px;
}
#collate-window	{
	position:absolute;
	left:0;
	top:0;
	display:none;
	width:450px;
	border-color:#D69595;
	padding: 2px 10px 10px;
}
#collate-window > div[role="collate-window-header"]	{
	cursor:move;
	text-align:center;
	font-size:14px;
}

p	{
	text-indent:2em;
}
div[class="jing"] > p:first-child	{
	text-indent:0em;
}


/* tooltip css*/
a.tooltips {
  position: absolute;
  display: inline;
  /*transform: translate(-10px, 30px);*/
}
a.tooltips span {
  position: absolute;
  width:140px;
  color: #FFFFFF;
  background: #000000;
  height: 30px;
  line-height: 30px;
  text-align: center;
  visibility: hidden;
  border-radius: 6px;
  text-indent: 0;
}
a.tooltips span:after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -8px;
  width: 0; height: 0;
  border-top: 8px solid #000000;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
}
a.tooltips span {
  visibility: visible;
  opacity: 0.8;
  bottom: 30px;
  left: 50%;
  margin-left: -76px;
  z-index: 999;
}

div.switch_file_area	{
	text-align:center;
	/*border-bottom:lightgray dotted 1px;*/
	margin:0.3em 0;
}
div.switch_file_area:nth-of-type(1)	{
	border-bottom:none;
	border-top:lightgray dotted 1px;
	visibility:hidden;	/* 2021-12-06:踩龍說上面那個要藏起來 */
}
div.switch_file_area > button	{
	margin:0 0.5em;
}

.kwic_hl	{
	color:red;
	font-weight:bold;
}
.kwic_hl_bk	{
	background-color:yellow;
}

#kwic_table > tbody > tr	{
	cursor:pointer;
}

#kwic_table td b	{
	color:#bb7d3e;
}

#feedback_modal table	{
	border:none;
	width:95%;
}

#feedback_modal table td:nth-child(1)	{
	width:150px;
	color:graytext;
	text-align:right;
}
#feedback_modal table td	{
	padding-bottom:15px;
}

.jstree-search-now	{	/* 科判樹搜尋hl */
	background-color:yellow;
}

#tree-menu-left-kp	{
	height:calc(82vh - 41px);
	overflow:auto;
}

/* 疏鈔新增 - */


/* 南亭新增 */

.let-me-fly	{	/* 全螢幕時左邊tab menu 改為浮動式 */
	position:absolute;
	left:-27%;
	top:0px;
	height:100vh;
	border:2px solid gray;
	border-right:2px solid gray !important;
	z-index:1000;
}

#left-area-fullscreen-display-btn	{
	display:none;
	position:absolute;
	left:0;
	top:100px;
	border-radius: 0 8px 8px 0;
	color: #9e9e9e;
	border-color: #9e9e9e;
	border-left: 0;
	z-index:10;
}

#let-my-fly-close-btn	{
	display:none;
}

.fullscreen-left-area-modal	{
	/*z-index: 1000;*/
	transition: all .2s ease;
	filter:brightness(50%);
	pointer-events:none;
}

.book-toolbar-item	{
	margin-left:0.8em;
}

#back-top-btn	{
	position: fixed;
	right: 3em;
	border-radius: 30px;
	/*background-color: #B6E3FA;*/
	padding: 10px;
	/*box-shadow: 5px 5px 10px #ACCCDB;*/
	border-color: #79AFCA;
	bottom: 4em;
	color: gray;
	cursor: pointer;
	opacity:0.4;
	width:3em;
	height:3em;
}

#back-top-btn:hover	{
	opacity:1;
}

#da-links-container	{
	float: right;
	font-size: 20px;
	margin-right: 35px;
	position: relative;
	top:-43px;
}

/* 提示點標示點過來的內文在哪 */
.shrink_point	{
    animation-duration: 1.1s;
    animation-iteration-count: 3;
    animation-name: shrink_point;	
	
	display: inline-block;
    margin: 5px 0 0 -1em;
    width: 0.8em;
	color:white;
	float:left;
	height:0.8em;
	border-radius:50px;
	background-color:white;
}


@keyframes shrink_point {
0% {
    background-color:#40b3ff;
}
100% {
    background-color:white;
}
}



/* 行動裝置專用css + */

#mobile-layout-switch-btn	{
	display:none;
}
.mobile-tree-style	{	/* 行動裝置版的樹狀目錄style */
	font-size:24px;
}
.mobile-tree-style li	{
	line-height: 28px !important;
}
.btn-mobile	{	/* 手機版用的大按鈕，一般版也改用這種，大顆才好看 */
	padding:6px;
	border-radius:0; 
	margin: -4px 10px 0 0;
	font-size:16px;
}

/* 行動裝置專用css - */