@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}
body {
  line-height: 1;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
a:focus, button:focus, div:focus {
  outline: none;
}
* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
img {
  max-width: 100%;
}
body {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 16px;
}
a {text-decoration: none;}

.fullwidth {
  width: 100%;
  float: left;
}
.d-flex {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.txt-lg, .txt-md, .txt-sm {
  font-family: 'Roboto', sans-serif;
  color: #333;
}
.txt-lg {
  font-size: 28px;
  line-height: 30px;
  font-weight: 500;
}
.txt-sm {
  font-size: 16px;
  line-height: 16px;
}
.txt-sm {
  font-size: 13px;
  line-height: 14px;
}
.txt-md {
  font-size: 17px;
  font-weight: 500;
  float: left;
}
.halfwidth {
  width: 50%;
}
.tl-image-blk {
  max-width: 100%;
  width: 100%;
  margin: 20% 10px 2% 0;
  overflow: hidden;
  text-align: center;
}
.overview-update-blk ul, .overview-update-blk ul li {
  list-style-type: none;
  float: left;
}
.overview-update-blk ul li {
  width: 100%;
  border-bottom: 1px dotted #e2e2e2;
}
.dark-red {
  color: #a73e42
}
.red {
  color: #f23d45
}
.green {
  color: #6c975b;
}
.bg-grey {
  background-color: #f6f6f6
}
.covid-banner-outer {
  max-width: 1180px;
  width: 100%;
  margin: auto;
}
.banner-In {
  width: 100%;
  overflow: hidden;
  text-align: left;
  padding: 10px;
}
.date-blk {
  color: #777;
  font-size: 13px;
  line-height: 15px;
  float: right;
}
.date {
  color: #5a5a5a;
  font-size: 18px;
  line-height: 18px;
  padding: 5px;
  margin-left: 5px;
  background-color: #e8e8e8;
  font-weight: 500;
}
.day-01-col .date {
  color: #fff;
  background-color: #a73e42;
}
.top-hd-blk {
  background-color: #fff;
  width: auto;
  float: left;
  padding: 0 5px;
  border-bottom: 1px #e3e3e3 solid;
  border-radius: 4px 4px 0 0;
  margin-left: 10px;
  height: 28px;
}
.banner-title, .left-col, .middle-col, .right-col {
  display: table-cell;
  vertical-align: top;
}
.banner-title {
  width: 16%;
	float: left;
}
.left-col {
  width: 50%;
  padding-right: 10px;
}
.middle-col {
  width: 25%;
  padding-right: 10px;
}
.right-col {
  width: 25%;
}
.tl-link-blk {
  -webkit-box-shadow: 2px 0px 5px 0px rgba(232, 232, 232, 1);
  -moz-box-shadow: 2px 0px 5px 0px rgba(232, 232, 232, 1);
  box-shadow: 2px 0px 5px 0px rgba(232, 232, 232, 1);
  width: auto;
  padding: 8px;
  background-color: #fff;
  margin: auto;
  display: table;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 500;
  color: #a5a5a5;
  border-radius: 4px;
  display: none;
}
.update-blk {
  background-color: #fff;
  float: left;
  width: 100%;
}
.boxShadow {
  -webkit-box-shadow: 10px 11px 5px -7px rgba(232, 232, 232, 1);
  -moz-box-shadow: 10px 11px 5px -7px rgba(232, 232, 232, 1);
  box-shadow: 10px 11px 5px -7px rgba(232, 232, 232, 1);






}
.update-blk-In {
  width: 100%;
}
.col-1, .col-2, .col-3, .col-4 {
  width: 23%;
  float: left;
  height: 100px;
  text-align: center;
  padding: 0 10px;
}
.col-2 {
  width: 35%
}
.col-3 {
  width: 22%
}
.col-4 {
  width: 20%
}
.col-In {
  width: 100%;
}
.overview-update-blk {
  background-color: #fff;
  display: table;
  padding: 6px 10px;
	width: 100%;
}
.overview-update-blk ul li:last-child {
  border-bottom: 0px;
}
.mob-title {
  display: none;
}
.arrow {
  border: solid #ec3d46;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 3px;
  margin: 0 3px 0 3px;
}
.right {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
.day-01-col, .day-02-col {
  width: 40%;
  display: table-cell;
  vertical-align: top;
}
.day-01-col {
  padding-right: 10px;
}
.district.col-1, .district.col-2, .district.col-3 {
  width: 25%;
  float: left;
  height: 100px;
  text-align: center;
  padding: 0 10px;
}
.district.col-2 {
  width: 50%;
}
.district.col-3 {
  width: 25%;
}
.heighlight-box .txt-sm {
  color: #fb767c;
}


.covid-status-outer {
	max-width: 300px;
	width: 100%;
	margin: 0 auto;
}


.status-blk-In {
    padding: 10px;
    display: table;
	width: 100%;
}

.status-title {
    width: 100%;
    float: left;
}

.tl-image {
    width: 100%;
    float: left;
}

.tl-txt {
    font-size: 16px;
    font-weight: 500;
    color: #ee5e63;
    background-color: #ffd7d9;
    width: 100%;
    float: left;
    padding: 5px 7px;
    border-radius: 4px;
}
.status-table {
    width: 100%;
    float: left;
    padding: 5px 0;
}

.table-tab {
    width: 100%;
    float: left;
    height: 40px;
    font-size: 14px;
    font-weight: 500;
    color: #666;
    border-bottom: 2px solid #ffe6e5;
}

.tab-In {
    width: 100%;
    /* text-align: center; */
}

.tab-col-02 {
    width: 27%;
    float: left;
}

.tab-col-01 {
    width: 24%;
    float: left;
    text-align: center;
}
.table-content {
	width: 100%;
	float: left;
	overflow-y: auto;
	height: 440px;
}
.table-content ul {
	list-style-type: none;
}
.table-content ul li {
	list-style-type: none;
}
.content-list {
	width: 100%;
	float: left;
	height: 44px;
	background-color: #fff;
	padding: 8px 5px;
	font-size: 13px;
	color: #666;
	border-bottom: 1px #e2e2e2 dotted;
}
.scroll-blk, .scroll-blk-app {
	float: left;
	width: 84%;
	overflow-x: auto;
}

.t-right {
	text-align: right;
}
.f-left {
  float: left;
}
.f-right {
  float: right;
}
.pad-height {
  padding: 5px 0;
}
.pad-height-3 {
  padding: 0 0 3px 0;
}
.pad-R0 {
  padding-right: 0px;
}
.pad-R10 {
  padding-right: 10px;
}
.bor-R1 {
  border-right: 1px dotted #e2e2e2;
}
.space-TB {
  margin: 5px 0;
}
.heighlight-box {
  background-color: #ffe9ea;
  padding: 5px;
  border-radius: 6px;
}
.semi-bold {
  font-weight: 500;
}
.borB-0 {
  border-bottom: 0;
}
.mar-R10 {
  margin-right: 10px;
}
.banner-header, .banner-footer {
	padding: 5px 0;
	width: 100%;
	text-align: center;
	background-color: #eaeaea;
}
.banner-header img {
	max-width: 100%;
}



.banner-footer {
	padding: 20px 0 50px 0;
	font-size: 12px;
	color: #666;
}
.covid-index-container {
	max-width: 500px;
	width: 100%;
	height: auto;
	padding: 0px;
	margin: 0 auto;
	overflow: hidden;
	background-color: #f6f6f6;
}
.covid-index-container .banner-header a { display: block; }
.comImage {
	width: 100%;
	padding: 5px;
	float: left;
	text-align: center;
}
.comBlock {
	width: 100%;
	float: left;
}
.comBlock .left-col {
	width: 100%;
	float: left;
	padding: 0;
	margin-bottom: 10px;
}
.covid-index-container .banner-title {
	width: 100%;
	float: left;
}
.covid-index-container .middle-col, .covid-index-container .right-col {
	width: 50%;
	margin: 0 0 10px 0;
}















/*........................................   RESPONSIVE ...................................... */
@media only screen and (max-width:1030px) {
  .banner-title {
    padding-right: 8px;
  }
}
@media only screen and (max-width:980px) {
  .left-col {
    width: 40%;
  }
  .update-blk-In .col-1 {
    width: 20%;
  }
  .update-blk-In .col-2 {
    width: 38%;
  }
  .update-blk-In .txt-lg {
    font-size: 20px;
  }
  .district.col-2 {
    width: 50%;
  }
  .district.col-1, .district.col-3 {
    width: 25%;
  }
}
@media only screen and (max-width:950px) {
  .mob-title {
    display: block;
  }
  .web-title {
    display: none;
  }
  .banner-title, .left-col, .middle-col, .right-col {
    display: inline-block;
    vertical-align: inherit;
    float: left;
  }
  .banner-title {
    width: 100%;
    padding-right: 0;
    margin-bottom: 10px;
  }
  .tl-image-blk {
    width: auto;
    float: left;
    margin: 0px auto 0px auto;
  }
  .tl-link-blk {
    margin: 0;
    float: right;
  }
  .top-hd-blk {
    width: 100%;

    margin-left: 0;
  }
  .left-col {
    width: 52%;
  }
  .middle-col {
    width: 24%;
    padding-right: 1%;
  }
  .right-col {
    width: 24%;
  }
  .date-blk {
    float: left;
  }
  .scroll-blk {
    min-width: 100%;
	  max-width: 100%;
	  width: 200px;
	  overflow-x: scroll;
}
}
@media only screen and (max-width:800px) {
  .banner-title {
    float: left;
  }
/*
  .left-col {
    width: 100%;
    padding-right: 0;
  }
*/
	.scroll-blk-In {
		max-width: 925px;
		width: 100%;
	}
	.left-col {
    max-width: 400px;
}
.middle-col, .right-col {
    width: 260px;
  }
  .banner-title, .left-col, .middle-col, .right-col {
    display: block;
  }
  .update-blk {
    margin-bottom: 10px;
  }
  .date {
    color: #fff;
    background-color: #a73e42;
  }
  .day-02-col .date {	  
	color: #5a5a5a;
    background-color: #e8e8e8;
}
.scroll-blk-app, .scroll-blk-In-app {
	width: 100%;
	max-width: 100%;
}
.scroll-blk-In-app .left-col {
	width: 100%;
	max-width: 100%;
	padding-right: 0px;
}
.scroll-blk-In-app .middle-col, .scroll-blk-In-app .right-col {
	width: 50%;
}

}
@media only screen and (max-width:640px) {
  .day-01-col, .day-02-col {
    width: 100%;
    display: block;
    padding-right: 0;
    vertical-align: inherit;
  }
}
@media only screen and (max-width:480px) {
  .update-blk-In .col-1, .update-blk-In .col-2, .update-blk-In .col-3, .update-blk-In .col-4 {
    width: 50%;
    height: 75px;
  }
  .tl-image-blk {
    max-width: 210px;
    margin-top: 4px;
  }
  .update-blk-In .col-3, .update-blk-In .col-4 {
    border-top: 1px dotted #e2e2e2;
  }
  .update-blk-In .col-1.bor-R1, .update-blk-In .col-2.bor-R1, .update-blk-In .col-3.bor-R1 {
    border-right: none;
  }
  .district.col-2 {
    width: 50%;
  }
  .district.col-1, .district.col-3 {
    width: 25%;
  }
  .overview-update-blk ul li {
    padding: 12px 0 13px 0;
}
  .left-col {
    width: 290px;
}
  .scroll-blk-In {
    width: 810px;
}
}
@media only screen and (max-width:400px) {
  .mob-sm-none {
    display: none;
  }
  .middle-col {
    margin-bottom: 10px;
  }
  .overview-update-blk {
    width: 100%;
  }

}
@media only screen and (max-width:360px) {
  .txt-md {
    font-size: 16px;
  }
  .heighlight-box {
    background-color: transparent;
    padding: 5px 0;
    border-radius: 0;
  }
  .tl-image-blk {
    max-width: 170px;
    margin-top: 6px;
  }
  .update-blk-In .col-1, .update-blk-In .col-3 {
    width: 45%;
  }
  .update-blk-In .col-2, .update-blk-In .col-4 {
    width: 55%;
  }
  .district.col-2 {
    width: 50%;
  }
  .district.col-1, .district.col-3 {
    width: 25%;
  }
  .scroll-blk-In-app .middle-col, .scroll-blk-In-app .right-col {
	width: 100%;
}
	.scroll-blk-In-app .overview-update-blk ul {
		width: 100%;
	}
	.scroll-blk-In-app .middle-col {
    padding-right: 0%;
}
}