html {  scroll-behavior: smooth;}body {	background: #333;	font-size: 12px; 	color: #333333;	font-family: Courier New;}a {	color: #333333; 	text-decoration: none}a.visited {	color: #333333; 	text-decoration: none}a:hover {	color: #771C12; 	text-decoration: underline}a:active, a:focus {	outline: 0;	border: none;	-moz-outline-style: none;}div:focus{    outline: none;	border: none;	-moz-outline-style: none;}* {    box-sizing: border-box;}.header {	color: #333333;	background: center no-repeat;    text-align: center;	padding: 40px;	height: 300px;	margin: auto;	max-width: 1440px;	min-width: 1100px;	position: relative;}div.navstick {     position: sticky;	position: -webkit-sticky;	position: -moz-sticky;	position: -ms-sticky;	position: -o-sticky;	top: 0;}.topnav {    overflow: hidden;	text-align: center;	background: linear-gradient(#a59e82, #e6e5e0);	margin: 0px auto 10px auto;	width: 100%;	border-color: #444;	border-radius: 10px;	border-style: solid;	border-width: 1px;		box-shadow: 5px 5px 10px 0px black, 0px 0px 1px 0px white;}.topnav a {	display: inline-block;	background: linear-gradient(#928c74, #cac9c5);	margin: 0px;    color: #f2f2f2;	text-align: center;	padding: 5px;	box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.2) ;	opacity: 0.5;    filter: alpha(opacity=50); /* For IE8 and earlier */}.topnav a:hover {	background: linear-gradient(#a59e82, #848176);    color: black;	margin: 0px;	text-align: center;	padding: 5px;	opacity: 1.0;    filter: alpha(opacity=100); /* For IE8 and earlier */}.topnav a:active {    background-color: #000;}.mainbody {	margin: auto;	max-width: 1440px;	min-width: 1100px;	position: relative;}.column {    float: left;	margin: auto;}.column.left {    width: 15%;	margin: auto;	padding: 5px;	}.column.left2 {    width: 100%;	background: linear-gradient(to bottom right, #c9c7be, #e6e5e0);	margin: auto auto 10px auto;	padding: 5px;	border-color: #444;	border-radius: 20px;	border-style: solid;	border-width: 1px;		box-shadow: 5px 5px 10px 0px black, 0px 0px 1px 0px white;}.column.middle {    width: 70%;	margin: auto;	padding: 5px;}.column.middle2 {    width: 100%;	background-color: #e6e5e0;	margin: auto auto 40px auto;	padding: 5px;	border-color: #444;	border-radius: 20px;	border-style: solid;	border-width: 1px;		box-shadow: 5px 5px 10px 0px black, 0px 0px 1px 0px white;}.column.middle3 {    width: 70%;	background-color: #e6e5e0;	margin: auto auto 40px auto;	padding: 5px;	border-color: #444;	border-radius: 20px;	border-style: solid;	border-width: 1px;		box-shadow: 5px 5px 10px 0px black, 0px 0px 1px 0px white;}.column.right {    width: 15%;	margin: auto;	padding: 5px;}.column.right2 {    width: 100%;	background: linear-gradient(to bottom right, #e6e5e0, #c9c7be);	margin: auto auto 10px auto;	padding: 5px;	border-color: #444;	border-radius: 20px;	border-style: solid;	border-width: 1px;		box-shadow: 5px 5px 10px 0px black, 0px 0px 1px 0px white;	}.column.box.top {    background: linear-gradient(#C1B998, #cdc7ae);	border-radius: 20px 20px 0px 0px;	margin: 0px 0px 5px 0px;    padding: 2px;	width: 100%;	text-align: center;	border-style: dotted;	border-width: 1px 1px 0 1px;	box-shadow: 1px 1px 3px 0px black, -1px -1px 2px 0px white;	}.column.box.mid {    background: linear-gradient(#C1B998, #cdc7ae);    padding: 2px;	border-radius: 0px;	margin: 5px 0px 5px 0px;	width: 100%;	border-style: dotted;	border-width: 0 1px 0 1px;	text-align: center;	box-shadow: 1px 1px 3px 0px black, -1px -1px 2px 0px white;}.column.box.bot {    background: linear-gradient(#C1B998, #cdc7ae);	border-radius: 0px 0px 20px 20px;	margin: 5px 0px 0px 0px;    padding: 2px;	width: 100%;	border-style: dotted;	border-width: 0 1px 1px 1px;	text-align: center;	box-shadow: 1px 1px 3px 0px black, -1px -1px 2px 0px white;}.row:after {    content: "";    display: table;    clear: both;}@media screen and (max-width: 600px) {    .column.side, .column.middle {        width: 100%;    }}div.unit {	width: 100%;	padding: 0 0 40px 0;	display: inline-block;} table.unit {	margin: auto;	table-layout: fixed;	width: 100%;	border-spacing: 15px;} th.time{	background: linear-gradient(#666, #ccc);	font-size: 16px;	color: #FFF ;	height:25px;	border: 2px ridge #000;	padding:10px;	-moz-border-radius: 10px;	border-radius: 10px;    position: sticky;	position: -webkit-sticky;	position: -moz-sticky;	position: -ms-sticky;	position: -o-sticky;    top: 0;	box-shadow: 5px 5px 10px 0px black, 0px 0px 2px 0px white;} td.type{ 	font-size: 20px;	border-style: dotted;	border-width: 1px;	background: #C1B998;	background: linear-gradient(#C1B998, #cdc7ae);	padding:5px;	-moz-border-radius: 5px;	border-radius: 5px;	box-shadow: 2px 2px 5px 0px black, 0px 0px 2px 0px white;} th.box{	border-bottom: 1px dashed #888;	font-size: 16px;	color: #771C12;}td.box{	height:100px;	border: 1px dashed transparent;	padding:0px 0px 0px 10px;	-moz-border-radius: 10px;	border-radius: 10px;	text-align: center;	background: #e2e2de;	transition: 0.5s} td.box:hover{	height:100px;	background: #f5f5f5;	border: 1px dashed #888;	-moz-border-radius: 10px;	border-radius: 10px;	text-align: center;}table.sub {	margin: auto;	table-layout: fixed;	width: 100%;	border-spacing: 100px 10px; } td.sub{	background: #C1B998;	background: linear-gradient(#C1B998, #cdc7ae);	padding:15px;	-moz-border-radius: 15px;	border-radius: 5px;	box-shadow: 2px 2px 5px 0px black, 0px 0px 2px 0px white;	text-align: center;	vertical-align: bottom;} img.sub {  display: block;  margin-left: auto;  margin-right: auto;  width: 200px;}div.boxh{	border-bottom: 1px dashed #888;	font-size: 18px;	color: #771C12;	width: 100%;	margin: auto;	padding:10px;	display: inline-block;}div.boxtext{	vertical-align: text-top;	text-align: justify;	padding:15px;	width: 100%;	margin: auto;	display: inline-block;}div.boximg{	vertical-align: text-top;	text-align: center;	padding:15px;	width: 100%;	margin: auto;	display: inline-block;}div.textleft{	width: 60%;	height: 300px;	float: left;	vertical-align: text-top;	text-align: justify;	padding:15px;	margin: auto;}div.imgright{	width: 40%;	height: 300px;	float: right;	text-align: center;	padding:15px;	margin: auto;	overflow: hidden;}div.imgright img {    border-radius: 25px;	text-align: center;}.clearfix {    overflow: auto;}div.textright{	width: 60%;	height: 300px;	float: right;	text-align: justify;	padding:15px;	margin: auto;}div.imgleft{	width: 40%;	height: 300px;	float: left;	text-align: center;	padding:15px;	margin: auto;	overflow: hidden;}div.imgleft img {    border-radius: 25px;	text-align: center;}.clearfix {    overflow: auto;}.mfp-no-margins img.mfp-img {	padding: 0;}.mfp-no-margins .mfp-figure:after {	top: 0;	bottom: 0;}.mfp-no-margins .mfp-container {	padding: 0;}.mfp-with-zoom .mfp-container,.mfp-with-zoom.mfp-bg {	opacity: 0;	-webkit-backface-visibility: hidden;	-webkit-transition: all 0.3s ease-out; 	-moz-transition: all 0.3s ease-out; 	-o-transition: all 0.3s ease-out; 	transition: all 0.3s ease-out;}.mfp-with-zoom.mfp-ready .mfp-container {		opacity: 1;}.mfp-with-zoom.mfp-ready.mfp-bg {		opacity: 0.8;}.mfp-with-zoom.mfp-removing .mfp-container, .mfp-with-zoom.mfp-removing.mfp-bg {	opacity: 0;}#topBtn {	display: none;	position: fixed;	bottom: 50px;	right: 50px;	z-index: 99;	cursor: pointer;	padding: 15px; 	border-color: #444;	border-radius: 10px;	border-style: solid;	border-width: 1px;		box-shadow: 5px 5px 10px 0px black, 0px 0px 1px 0px white;	background: #C1B998;		background: linear-gradient(#C1B998, #cdc7ae);}