html, body, .container, .row{height: 100%; width: 100%; padding: 0;}
img {display: block; margin: 0 auto;}
.row{ margin:0; }

.tab_background{
	background-color:#c8c8c8;
	padding-bottom: 108px;
	font-size: 1.85em;
	height: auto;
	max-width: 480px;
	margin: auto;
}

.section_end{
	height: 12px;
}

.title{
	position: sticky;
	top: 0;
	background-color: #607d8b; 
	color: white; 
	height: 24px; 
	line-height: 24px;
	text-align: center;
	margin: 0px auto;
	z-index: 90;
}

.sub_title{
	background-color: transparent; 
	color: #607d8b; 
	height: 24px; 
	text-align: center;
	font-weight: bold;
	margin: 6px auto;
}

.tab_category{
	border-radius: 24px;
	text-align: center;
	width: 80%;
	font-size: 0.9em;
	height: 28px;
	line-height: 28px;
	margin: auto;
}
.floating_menu {
	height: 30px;
	width: 96%;
	margin: 2% 2% 0%;
	background-color: rgba(64,64,64,0.8);
	z-index: 96;
	border-radius: 24px;
	text-align: center;
	color: white;
	max-width: 480px;
}
.tab_footer {
	position: fixed;
	bottom: 0;
	right: 0;
}
.slide_cover{
	z-index:95; 
	position: fixed; 
	top: 0; 
	height: 100%; 
	width: 100%; 
	display: none; 
	align-items: center; 
	background-color: rgba(64,64,64,0.6);
}

.tab_text {
	width: 96%;
	margin: auto;
	text-align: justify;
}

.tab_remark {
	font-size: 0.8em;
	width: 96%;
	margin: auto;
	text-align: justify;
}

.tab_table{
	width: 96%;
	margin: auto;
	text-align: justify;
	font-size: 0.9em;
}

.tab_btn{
	width: 66%; 
	text-align: center; 
	margin: 12px auto; 
	border-radius: 24px; 
	color: white; 
	background-color: #3366cc;
	height: 28px;
	line-height: 28px;
}

.card{
	width: 90%;
	margin: 18px auto;
	border-radius: 12px;
	background-color: white;
	padding: 1% 0% 2%;
	box-shadow: 0px 6px 6px #888;
}

.theme{
	background-color:#607D8B;
	color:#607D8B;
}
.black{
	color:#3b4851;
}
.red{
	color:#dc3912;
}
.blue{
	background-color:#3366cc;
	color:#3366cc;
}
.green{
	color:#109618;
}
.amber{
	color:#ff9900;
}