@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@300;400;500;700;900&display=swap');
		body,td{font-family: 'Noto Sans TC', sans-serif;;font-size: 14px;}
		body{ background-color:#00ace6;}
        * {
            box-sizing: border-box;
        }

        table {
            border-collapse: collapse;
            border-spacing: 0;
            width: 100%;
			height: 440px;
            border: 0px solid #ddd;
			background-color:#ffffff;
			color:#000000;
        }
		caption{
			background-color: #4B0082;
			color:#ffffff;
			height:30px;
			padding-top:5px;
			padding-bottom:5px;
			}
        th {
			text-align: center;
			background-color: #8b0000;
			border: 0px solid #ddd;			
			color:#ffffff;
			height:18px;
			padding-top:6px;
			padding-bottom:6px;
			}
		td {
			border-bottom: 1px solid #ddd;
        }
		
		li {font-size: 10px;}
        .items {
			text-align: left;
            width: 23%;
			hight:45px;
			background-color: ;
		}
			

        .contents {
            width: 19%;
			background-color: ;
			font-size: 8px;
        }

        .remarks {
			vertical-align: top;
            width: 58%;
			background-color: #ffe4b5;
        }
		.comment_text{font-size:6px;}
		a.link_tag{
			
		}
		a.link_tag:link {
			background:#FFE4B5;
			border: 0px solid #ffffff; 
			padding:0px;
			color:#ff0000; 
			}
		a.link_tag:visited {
			background:#FFE4B5;
			border: 0px solid #ffffff; 
			padding:0px;
			color:#0000ff; 
			}
		a.link_tag:hover {
			background-clor: ;
			border: 0px solid #ffffff; 
			padding:0px;
			background:#66ff66; 
			}
		
		tr:nth-child(even){background-color: #f2f2f2}
		tr:nth-child(odd) {background-color:#ccc;}

        /* unvisited link */
        a:link {
            color: red;
            background-color: #eeeeee;
            text-decoration: none;
            padding: 8px 8px 8px 8px;
            border: 1px solid red;
        }

        /* visited link */
        a:visited {
            color: green;
            background-color: #eeeeee;
            text-decoration: none;
            padding: 8px 8px 8px 8px;
            border: 1px solid red;
        }

        /* mouse over link */
        a:hover {
            color: hotpink;
            background-color: #eeeeee;
            text-decoration: none;
            padding: 8px 8px 8px 8px;
            border: 1px solid red;
        }

        input[type=reset] {
            background-color: #eeeeee;
            text-decoration: none;
            padding: 8px 8px 8px 8px;
            border: 1px solid red;
        }

        /* selected link */
        a:active {
            color: blue;
            background-color: #eeeeee;
            text-decoration: none;
            padding: 8px 16px 8px 16px;
            border: 1px solid red;
        }


        /* Set height of body and the document to 100% */
        body, html {
            height: 100%;
            margin: 0;
            font-family: Arial;
        }

        /* Style tab links */
        .tablink {
            background-color: #555;
            color: white;
            float: left;
            border: none;
            outline: none;
            cursor: pointer;
            padding: 14px 16px;
            font-size: 13px;
            width: 25%;
        }

            .tablink:hover {
                background-color: #777;
            }

        /* Style the tab content (and add height:100% for full page content) */
        .tabcontent {
            color: white;
            display: none;
            padding: 100px 20px;
            height: 100%;
        }
		
		.Link_return{
				position: fixed;
				top: 63px;
				left: 20px;
			}
		.Link_search{
				position: fixed;
				top: 63px;
				left: 60px;
			}
		.Link_copyright{position: fixed;
				top: 63px;
				left: 100px;}
				
		
				
		/* Tooltip container */
		.tooltip {
				position: relative;
				display: inline-block;
		}
		
		/* Tooltip text */
		.tooltip .tooltip_text {
				visibility: hidden;
				width: 80px;
				background-color: #555;
				color: #fff;
				text-align: center;
				padding: 0px 4px 0px 4px;
				
				/* Position the tooltip text */
				position: absolute;
				z-index: 1;
				bottom: 45px;
				left: 0px;
				margin-left: -25px;
				
				/* Fade in tooltip */
				opacity: 0;
				transition: opacity 0.3s;
		}
		
		/* Tooltip arrow */
		.tooltip .tooltip_text::after {
				content: "";
				position: absolute;
				bottom: -10px;
				/*top: 100%;
				left: 50%;
				margin-left: -5px;
				border-width: 5px;
				border-style: solid;
				border-color: #555 transparent transparent transparent;*/
		}
		/* Show the tooltip text when you mouse over the tooltip container */
		.tooltip:hover .tooltip_text {
				visibility: visible;
				opacity: 1;
		}
		

        #Blood_components { background-color: #00ace6; }
        #Predicting_change_of_post-transfusion_hemoglobin { background-color: #00ace6;}
		#pediatric { background-color: #00ace6; }
        #Corrected_Count_Increment { background-color:#00ace6;}
        