@font-face {
  font-family: 'EnglishWord';
  src: local('Times New Roman');
  font-style:'italic';
  unicode-range: U+0000-007F;
}
@font-face {
  font-family: 'AAA';
  font-style:'italic';
  src: local('Times New Roman');
  unicode-range: U+0900, U+094E, U+0955, U+0979-097A;
}

html,body	{
	height:100%;
	font-family:"Times New Roman","微軟正黑體";/*,"Segoe UI Symbol","Times New Roman"; /* 在 windows 下使用 "Segoe UI Symbol" 字型才能讓 🅐 🅑 🅒 🄰 🄱 🄲 等字呈現 */
	overflow:hidden;	/* 隱藏頁面的scrollbar */
}
svg,img	{
	max-width: 100%;
}
svg	{
	margin-left:3em;
}
#book-container table	{
	margin: 0.5em 1em;
	border:1px solid gray;
	font-size:12.2pt;
}

#book-container table table	{
	margin-top:0em;	/* table裡面的table不需要margin-top:1em */
}
#book-container table td	{
	vertical-align:top;
	padding:0 0.4em;
	border:1px solid gray;
	
}

#book-container table.valign-default td	{	/* 其下所有td的垂直置中都是預設的(middle) */
	vertical-align:middle;
}
#book-container table tr.head	{
	text-align:center;
	font-size:inherit;
}

#top-bar	{
	margin-bottom:0px;
	display:none;/*	top-bar先藏起來 */
}
#top-bar > .container	{
	max-width:none;
}
.main-container	{
	max-width:none;
	padding:0;
	height:94.5%;
}
.content-block	{
	border-radius:0px;
	margin:0;
	height:100%;
	/*width:50%;*/
	margin-top:-7px;
	float:left;
	padding:0px;
}
.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: 1px solid #D4D4D4;
    border-radius: 0px;
    min-height: 200px;
    overflow: auto;
    padding: 5px;
	margin-top:-1px;
}
#myTab a	{
	outline: none; /*去除連結的虛線*/
}
#right-area	{
	width:100%;
	border-left:none;
}

#book-container	{
	line-height:1.4em;
	font-size:18pt;
	/*padding:70px;*/
	overflow:auto;
	height: calc(100% - 55px - 60px); /* 55px is #top-bar's height , 60px is #page-header's height */
	overflow-x: hidden;
	width:79%;
	float:left;
}
#tree-container	{
	width:19%;
	float:left;
	border-right:1px solid lightgray;
	height: calc(100% - 55px - 60px); /* 55px is #top-bar's height , 60px is #page-header's height */
	position:relative;
}
#right-container	{
	padding:0;
}
#book-toolbar	{
	background-color:#fff7e6;
	height:55px;
	border-bottom:1px solid #F9E0C4;
	border-top:1px solid #F9E0C4;
	padding:15px 4px;
	font-size:16px;
}



#book-toolbar-search	{
	float:right;
	width:230px;
	margin-top: -3px;
	margin-right: 1em;
}
#book-toolbar-page	{
	margin-left:0.5em;
	font-size:20px;
}

#book-toolbar-showMenu,#book-toolbar-graphic	{
	margin-left:0.5em;
	font-size: 15px;
	color:gray;
	float:left;
}
#book-toolbar-showMenu label,#book-toolbar-graphic label	{
	font-weight:unset !important;
	color:gray;
}

#book-toolbar-bugify	{
	margin-top:4px;
	margin-right:2.5em;
	font-size: 15px;
	color:gray;
	float:right;
}

#book-toolbar-bugify:hover	{
	text-decoration:underline;
	cursor:pointer;
}

#book-toolbar-searchTool {
    background-color: #f5f5f5;
    border-bottom: 1px dashed lightgray;
    border-left: 1px dashed lightgray;
    display: none;
    padding-bottom: 5px;
    position: absolute;
    right: 16px;
    text-align: center;
    top: calc(55px + 60px);
}

#book-toolbar-juan-window	{
	background-color: #f5f5f5;
    border-bottom: 1px solid lightgray;
    border-right: 1px solid lightgray;
    padding-bottom: 5px;
    position: absolute;
    left: 0;
    text-align: center;
    top: calc(55px + 60px);
}

#book-toolbar-bookSwitch	{
	background-color:blanchedalmond;
	border:1px lightgray dotted;
	margin-left:1em;
	padding:0 0.5em;
	float:left;
}

#book-toolbar-bookSwitch label	{
	font-weight:normal;
}
#book-toolbar-bookSwitch input[type="checkbox"]:checked + span 	{
	font-weight:bold;
}


.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;
}




#book-container ul	{
	margin-left:1em;
	list-style-type:none;
}
#book-container ul > li	{
	text-indent:-2em;
}

#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:left;
	font-size:14px;
}

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





#open_kepan_btn , #export_docx_btn  , #book-display-menu-btn , #book-toolbar-config-btn	{
    float: left;
    font-size: 13px;
    font-weight: bold;
    margin-left: 10px;
    margin-top: -2px;
	padding: 3px 6px;
}


#note-bottom-box 	{
	position: absolute;
	left: 0;
	bottom: 15px;
	height: 160px;
	width: calc(100vw - 3.5em);
	display: none;
	overflow: hidden;
	margin: 0 1em;
}

#note-bottom-box > div[role="scroll-holder"] 	{
	position:relative;
	cursor:n-resize;
	height:25px;
}

#note-bottom-box > div[role="content"] 	{
	text-indent:2em;
	height:calc(100% - 25px);	/* 25px is #note-bottom-box > div[role="scroll-holder"]'s height */
	overflow:auto;
	padding:0 15px;
}
#note-bottom-box > div[role="content"] ul , #note-bottom-box > div[role="content"] ol		{
	text-indent:0 !important;
}


#note-bottom-box table , #note-bottom-box table td 	{	/* 註解裡面表格樣式 */
	border:1px solid gray;
}

.note-bottom-box-two-col	{
	border:1px solid #715924
}

.note-bottom-box-two-col div[role="scroll-holder"]	{
	background-color:#e9d7c8;
	padding:5px;
	height:31px !important;
}
.note-bottom-box-two-col div[role="content"]	{
	padding:0 !important;
}

.note-bottom-box-two-col div[role="content-left"]	{
	width:100%;
	float:left;
	background-color:#f8f2ed;
	height:calc(100% - 6px);	/* 31px is #note-bottom-box > div[role="scroll-holder"]'s height */
	overflow:auto;
	padding:8px;
}

.note-bottom-box-two-col div[role="content-right"]	{
	width:50%;
	float:left;
	background-color:#f6f6ee;
	height:calc(100% - 6px);	/* 31px is #note-bottom-box > div[role="scroll-holder"]'s height */
	overflow:auto;
	padding:8px;
	display:none;
}


#note-bottom-box > div[role="content"].show_yct div[role="content-right"]	{
	display:block;
}

#note-bottom-box > div[role="content"].show_yct div[role="content-left"]	{
	width:50%;
}


.note-bottom-box-blue	{
	background-color: #E5F9FF;
	border:1px solid #9ADAEE;
}

.note-bottom-box-pink	{
	background-color: #f9ecf2;
	border:1px solid #FFAAE8;	
}

.note-bottom-box-yellow	{
	background-color: #FAFAD9;
	border:1px solid #D4D48F;		
}

.note-bottom-box-yellow > div[role="content"]::before	{
	content:"安慧疏";
	font-size:large;
	color:purple;
	font-weight:bold;
}



	

/* 提示點標示點過來的內文在哪 */
.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;
}
}

/* 搜尋範圍選單 */
#search_condition_dropdown_menu	{
    left: auto;
    right: 52px;
}
#search_condition_dropdown_menu > li > a > label	{
	width:100%;
	cursor:pointer;
	height: 1.5em;
	margin-bottom:0;
}
#search_condition_dropdown_menu a	{
	outline:none;
	cursor:default;
}

.search-condition-hide	{
	display:none;
}
.search-condition-hide  + .glyphicon	{
	visibility:hidden;
}
.search-condition-hide:checked	+ .glyphicon	{
	visibility:visible;
}

#selector-kepanTree-container,#selector-juan-container	{
	height:70vh;
	overflow:auto;
}
.jstree-search-now	{	/* 科判樹搜尋hl */
	background-color:yellow;
}

.kepanTree-search-counter , .kepanTree-juan-search-counter	{
	display:none;
}
.kepanTree-search-counter:first-of-type::after , .kepanTree-juan-search-counter:first-of-type::after	{
	content:" / ";
}

#page-header	{
	height:60px;
	margin-bottom: 0px;
	/*background-color: #fa8462;*/
	background-color: #eff5f5;
	border-bottom: 1px solid transparent;
	/*border-top: 5px solid rgba(0, 0, 0, 0.3);*/
	overflow: hidden;	
	box-shadow:5px 5px 5px rgba(0%,0%,0%,0.1) inset;
}
#page-header-title	{
	color:#757575;
	font-size:21px;
	float:left;
	margin:4px 0 0 0px;
}

#page-header-links	{
	float:right;
	margin-right:2em;
	margin-top: 20px;
}
.page-header-link	{
	margin-left:25px;
	color:#8F8F8F;
	cursor:pointer;
}
.page-header-link:hover	{
	color:black;
}

.figure_back_hl	{
	background-color:yellow;
}

#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;
	border:none;
}

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

#refAndCopy_config	{
	overflow:auto;
	margin-top:20px;
}
#refAndCopy_config div	{
	float:left;
	margin-left:1em;
	margin-top: 0;
}

#page-header-toggle-btn	{
	position: absolute;
	top: -0.9em;
	color: gray;
	font-size: 13px;
	right: -1.5em;
	cursor: pointer;	
	transition:all .2s;
}

.rotate-180	{
	transform:rotate(180deg);
}

.page-header-opened #book-container	{
	height: calc(100% - 55px);
}
.page-header-opened #book-toolbar-juan-window	{
	top: calc(55px);
}

.page-header-opened #book-toolbar-searchTool	{
	top: calc(55px);
}

#page-header-logo	{
	float:right;
	margin-top: 15px;
}
#page-header-logo > img	{
	width:250px;
}



/* main-table 首列fixed效果 + */
#fixed-head-container {
  position: fixed;
  background-color: white;
  width: 77.5%;
  /*height: 140px;*/  
  padding-top: 23px;
  padding-right: 20px;
}
#fixed-head-container > table  {
  width:100%;
  margin-top:1em;
  margin-bottom:0;
  table-layout:fixed;
  border:none;
}
#fixed-head-container > table td  {
  height: 60px;
  border: 1px solid black;
  border-bottom:none;
  text-align:center;
  font-size: 14pt;
}

#main-table  {
  margin-top:98px !important;
  width:98%;
  table-layout:fixed;
}
#book-container #main-table td {
    padding: 0px 20px; 
    border-top-style: none;
    border-bottom-style: none;
	word-break: break-all;
}

/* main-table 首列fixed效果 - */

/* 內文click hightlight 相同句子's css */ 
.inline-click  {
  text-decoration:underline;
  cursor:pointer;
}
.inline-click-hl  {
  color:red;
  font-weight:bold;
}
.inline-click-active  {
  background-color:yellow;
}

.kp #fake-head {
    margin-top: 0 !important;
}

#note-container	{
	background-color:#E5F9FF;
	padding:5px;
}
#note-container > div	{
	max-height: 450px;
	overflow: auto;
	padding: 5px;
	display: inline-block;
}
#note-container > div	{
	text-indent:2em;
}


#note-container p	{
	margin-top: 0;
	margin-bottom: 0;
}
.active-note	{
	background-color: lightblue;	
}

#book-display-dropdownmenu a , #book-toolbar-config-dropdownmenu a	{
	outline:none;
	cursor:default;
}
#book-display-dropdownmenu > li > a > label , #book-toolbar-config-dropdownmenu > li > a > label	{
    width: 100%;
    cursor: pointer;
}

.book-display-checkboxs , .book-toolbar-config-checkboxs	{
	display:none;
}
.book-display-checkboxs  + .glyphicon , .book-toolbar-config-checkboxs + .glyphicon	{
	visibility:hidden;
}
.book-display-checkboxs:checked	+ .glyphicon , .book-toolbar-config-checkboxs:checked + .glyphicon 	{
	visibility:visible;
}

#search-result-panel	{	/* 搜尋結果浮動視窗 */
	position: absolute;
	width: 500px;
	background-color: white;
	right: -500px;
	border: 1px solid lightgray;
	height: calc(100vh - 60px - 18px);
	top: calc(60px + 55px - 42px);
	padding: 20px;
	z-index: 2000;
	display:none;
}

#search-result-collection	{
	display:none;
	height:91%;
	overflow:auto;
}
#search-result-kwic	{
	display:none;
}
#search-result-kwic-div	{
	height:calc(100vh - 60px - 160px);
	overflow:auto;	
}

#search-result-collection > table	tr	{
	cursor:pointer;
}

#search-result-kwic #kwic_table td	{
	cursor:pointer;
}

#search-result-kwic #kwic_table td b	{
	color:#bb7d3e;
}

.term_hl	{
	font-weight:bold;
	color:purple;
}

.kwic_tr_hl	{
	background-color:#FDF0E7;
}

.export_docx_item , .export_docx_sub_item	{
	margin-left:2em;
}

#open-tree-container-btn	{
	display: none;
	position: absolute;
	left: 0;
	top: 30%;
	border-radius: 0;
	z-index: 10;
}

#tree-area	{
	overflow:auto;
	height:calc(100vh - 55px - 55px - 60px - 25px);
}

#yct-is-show-div	{
	display:none !important;	/*2016-04-14:藏文對照先藏起來*/
}


/* 文字閃爍效果 */
.scroll_hl	{
	animation-name: scroll_hl_animate;
	animation-duration: 1s;
	animation-iteration-count: 6;
	
	/* for webkit*/
	-webkit-animation-name: scroll_hl_animate;
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count: 6;	
}
@keyframes scroll_hl_animate {
    from {background-color: red; color:white;}
    to {background-color: white; color:black;}
}
@-webkit-keyframes scroll_hl_animate {
    from {background-color: red; color:white;}
    to {background-color: white; color:black;}
}