.mid .title-cnt { background-color: #f2f2f2; }
.mid .title-cnt h1 { margin: 0; display: table-cell; padding-right: 75px; vertical-align: top;font-size: 142.857%; }
.mid .title { padding: 20px 0px; display: table; width: 100%; }

.mid .content > *:first-child { margin-top: 0; }
.mid .content h1,  	
.mid .content h2, 
.mid .content h3, 
.mid .content h4 { margin-top: 0;}

 .mid .content table{display:block;overflow-x:auto;max-width:100%;}
 .mid .content table tbody{}
 .mid .content table tr{}
 .mid .content table tr td{ width: auto !important;white-space:nowrap;}

.mid .content-cnt { overflow: hidden; }
.mid .content-cnt .mid-cnt { }
.mid .content-cnt .content-wrap .content { padding-bottom: 50px; }
.mid .content-cnt .content-wrap { }
.mid .content-cnt .mid-cnt {display: flex; flex-direction: column; }
.mid .content-cnt .content-wrap.left-cnt { overflow: hidden;order: 1;  }
.mid .content-cnt .content-wrap.right-cnt { margin-left: 0; width: 100%; order: 2; }
.mid .content-cnt .breadcrumb-cnt { padding: 20px 0; }
.mid .content-cnt .breadcrumb-cnt ul { list-style: none; padding: 20px 0 10px; }
.mid .content-cnt .breadcrumb-cnt ul > li { display: inline-block; margin-right: -4px; }
.mid .content-cnt .breadcrumb-cnt ul > li a { color: #363636; transition: all 0.25s; }
.mid .content-cnt .breadcrumb-cnt ul > li span.target { color: #0072ca; }
.mid .content-cnt .breadcrumb-cnt ul > li a:hover { color: #0072ca; transition: all 0.25s; }
.mid .content-cnt .breadcrumb-cnt ul > li:before { content: ">"; padding: 0 10px; }
.mid .content-cnt .breadcrumb-cnt ul > li:first-child { padding: 0; margin: 0; }
.mid .content-cnt .breadcrumb-cnt ul > li:first-child a { margin-left: 0; }
.mid .content-cnt .breadcrumb-cnt ul > li:first-child:before { content: none; }
.mid .content-cnt .mid-cnt.full .breadcrumb-cnt { display: block; }
.mid .content-cnt .mid-cnt.full .breadcrumb-cnt ul { padding: 0; }
.mid .content .content-bot { margin: 60px 0 0px; border-top: 2px solid #0072ca; }

.mid .content span.filesize { color: #797979; font-weight: 700;display:block; margin-top: 5px;}
.mid .content .end-dl-item {  padding: 10px 10px 10px 50px; background-repeat: no-repeat; background-position: center left; background-size:35px; }
.mid .content .end-dl-item a {font-weight:700;line-height: 150%;}
.mid .content .end-dl-item a:hover { }

/*Use different icons based on document file type*/
.mid .content .end-dl-item.dl-other { background-image: url("../image/other-icon.jpg"); }
.mid .content .end-dl-item.dl-pdf { background-image: url("../image/pdf-icon.jpg"); }
.mid .content .end-dl-item.dl-doc { background-image: url("../image/doc-icon.jpg"); }
.mid .content .end-dl-item.dl-docx { background-image: url("../image/docx-icon.jpg"); }
.mid .content .end-dl-item.dl-url { background-image: url("../image/url-icon.jpg"); }

.mid .sidebar { margin: 0 -50px; }
.mid .sidebar .side-pocket { margin-bottom: 35px; }
.mid .sidebar .side-pocket.acc-block h2 { position: relative; margin: 0; padding: 15px 40px 15px 40px; color: #363636; font-weight: 400; background: #e8e8e8; background: -moz-linear-gradient(top, #e8e8e8 0%, #e8e8e8 5%, #f3f3f3 95%, #f3f3f3 100%); background: -webkit-linear-gradient(top, #e8e8e8 0%,#e8e8e8 5%,#f3f3f3 95%,#f3f3f3 100%); background: linear-gradient(to bottom, #e8e8e8 0%,#e8e8e8 5%,#f3f3f3 95%,#f3f3f3 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#f3f3f3',GradientType=0 ); }
.mid .sidebar .side-pocket.acc-block h2:hover { transition: background 0.25s; }
.mid .sidebar .side-pocket.acc-block h2 ~ ul.side-nav { display: none; }
.mid .sidebar .side-pocket.acc-block h2.open ~ ul.side-nav { display: block; }
.mid .sidebar .side-pocket.plain-block { margin-top: 75px; margin-bottom: 100px; }
.mid .sidebar .side-pocket.plain-block > *:not(:first-child) { line-height: 175%; max-width: 100%; padding: 0 30px; }
.mid .sidebar .side-pocket.plain-block > ul,
.mid .sidebar .side-pocket.plain-block > ol { margin-left:17px; }
.mid .sidebar .side-pocket.plain-block h2 { position: relative; cursor: pointer; padding: 10px 30px 0; margin: 0px 0 20px; color: #363636; border-top: 2px solid #0072ca; }
.mid .sidebar .side-pocket ul.side-nav { list-style: none; padding: 15px 40px 0; }
.mid .sidebar .side-pocket ul.side-nav li { padding: 0px 0 15px 0px; }
.mid .sidebar .side-pocket ul.side-nav li a { color: #363636; display: inline-block; vertical-align: middle; }
.mid .sidebar .side-pocket ul.side-nav li a:hover { color: #0072ca; }
/*Highlight the current page we are on in sidenavi*/
.mid .sidebar .side-pocket ul.side-nav li .active,
.mid .sidebar .side-pocket ul.side-nav li .sfSel  {color: #0072ca; }


.mid .list-menu-cnt { position: relative; max-width: none !important; max-height: 400px; overflow: hidden; padding: 0 !important; background: #2374b4; background: -moz-linear-gradient(left, #2374b4 0%, #4f90c3 100%); background: -webkit-linear-gradient(left, #2374b4 0%,#4f90c3 100%); background: linear-gradient(to right, #2374b4 0%,#4f90c3 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2374b4', endColorstr='#4f90c3',GradientType=1 ); }
.mid .list-menu-cnt .list-menu-wrap { max-width: 1440px; margin: auto; }
.mid .list-menu-cnt .list-menu-block { margin: 0 30px; }
.mid .list-menu-cnt .list-menu { padding: 0; }
.mid .list-menu-cnt .list-menu.slick-slider { padding: 0 30px; }
.mid .list-menu-cnt .list-menu * { outline: none; }
.mid .list-menu-cnt .list-menu .slick-list { display: block; }
.mid .list-menu-cnt .list-menu .slick-track { display: table; }
.mid .list-menu-cnt .list-menu .list-menu-child { display: inline-block; margin-right: -4px; }
.mid .list-menu-cnt .list-menu .slick-track { margin-right: 0; }
.mid .list-menu-cnt .list-menu .list-menu-child.active,
.mid .list-menu-cnt .list-menu .list-menu-child a.sfSel { background-color: #363636; color: #fff; }
.mid .list-menu-cnt .list-menu .slick-track .list-menu-child { display: table-cell; float: none; vertical-align: middle; }
.mid .list-menu-cnt .list-menu .list-menu-child a { table-layout: fixed; text-align: center; color: #fff; display: table; width: 100%; vertical-align: middle; font-size: 100%; padding: 20px 15px; }
.mid .list-menu-cnt .list-menu .list-menu-child a:hover { background-color: #363636; color: #fff; }
.mid .list-menu-cnt .list-menu .list-menu-child span { display: table-cell; vertical-align: middle; height: 55px; }
.mid .list-menu-cnt .list-menu button.slick-arrow { cursor: pointer; border: 0 none; background: none; font-size: 0; background-repeat: no-repeat; height: 50px; width: 27px; padding: 0; position: absolute; top: 30%; top: calc(50% - 25px); outline: none; background-size: 14px;}
.mid .list-menu-cnt .list-menu button.slick-arrow.slick-prev { background-image: url('../image/bnr-arrow-left.png'); background-position: center left; left: 0; }
.mid .list-menu-cnt .list-menu button.slick-arrow.slick-next { background-image: url('../image/bnr-arrow-right.png'); background-position: center right; right: 0; }
.mid .list-menu-cnt .list-menu button.slick-arrow.slick-disabled { opacity: 0.3; }


.mid .detail-cnt { padding-top: 75px; }
.mid .detail-cnt .detail { }
.mid .detail-cnt .detail-item-cnt { border-top: 2px solid #0072ca; padding-bottom: 75px; position: relative; }
.mid .detail-cnt .detail-item-cnt .detail-item {  }
.mid .detail-cnt .detail-item-cnt.active .detail-item {  }
.mid .detail-cnt .detail-item-cnt:before { cursor: pointer; content: ""; width: 3px; height: 20px; transition: all 0.5s; z-index: -1; position: absolute; border-radius: 10px; right: 8px; top: 5px; background-color: #0072ca; display: inline-block; }
.mid .detail-cnt .detail-item-cnt:after { cursor: pointer; content: ""; width: 20px; height: 3px; transition: all 0.5s; z-index: -1; position: absolute; border-radius: 10px; right: 0px; top: 13px; background-color: #0072ca; display: inline-block; }
.mid .detail-cnt .detail-item-cnt.active:before { transition: all 0.5s; width: 0px; height: 3px; transform-origin: 50% 50%; transform: rotate(360deg); }
.mid .detail-cnt .detail-item-cnt.active:after { transition: all 0.5s; transform-origin: 50% 50%; transform: rotate(360deg); }
.mid .detail-cnt h3 { line-height: 160%; cursor: pointer; margin: 0 0 35px; color: #fff; }
.mid .detail-cnt h3 span { position: relative; display: inline-block; background-color: #0072ca; padding: 0px 15px; }
.mid .detail-cnt h3 span:after { content: ""; display: inline-block; position: absolute; right: -20px; width: 0; height: 0; border-top: 28px solid #0072ca; border-right: 20px solid transparent; }
.mid .detail-cnt ul.detail-item-list { list-style: none; margin-top: 20px; }
.mid .detail-cnt ul.detail-item-list > li.childLevel2 { display: inline-block; vertical-align: top; margin-right: -4px; width: 48.75%; margin-left: 2.5%; padding-left: 20px; position: relative; margin-bottom: 20px; line-height: 150%; }
.mid .detail-cnt ul.detail-item-list > li.childLevel2:nth-child(2n-3) { margin-left: 0; }
.mid .detail-cnt ul.detail-item-list li.childLevel2 a { color: #363636; vertical-align: top; }
.mid .detail-cnt ul.detail-item-list li.childLevel2 a:hover { color: #0072ca; }
.mid .detail-cnt ul.detail-item-list li.childLevel2:before { content: ""; position: absolute; left: 7px; top: 4px; display: inline-block; width: 8px; height: 13px; background-image: url(../image/bullet.png); background-repeat: no-repeat; background-position: center left; background-size: 6px; }
.mid .detail-cnt ul li.childLevel1 { margin: 0; color: #0072ca; margin: 0 0 15px; }
.mid .detail-cnt ul li.childLevel1 + .mid .detail-cnt ul li.childLevel1 { margin: 50px 0 15px; }
.mid .detail-cnt ul.lone-childLevel1 + ul:not(detail-item-list) { margin-top: 40px; }
.mid .detail-cnt ul.lone-childLevel1 { margin-bottom: 15px; }

/*To simulate h3 heading style*/
.mid .detail-cnt ul li.childLevel1 { list-style: none; }
.mid .detail-cnt ul li.childLevel1 a { margin: 0; color: #0072ca; margin: 0 0 15px; font-size: 16px; font-weight: bold; line-height: 135%;}

/*For sitemap*/
.mid .mid-cnt div.sitemap div.site-map-heading {font-weight: 900;font-size: 16px;margin-top: 30px;margin-bottom: 5px;}

.mid .mid-cnt div.sitemap div.site-map-block {display: block;height:auto !important;vertical-align:top;margin-left: 25px;margin-top: 20px;font-size: 15px;padding-bottom:30px;border-bottom: 2px solid #f2f2f2;}
.mid .mid-cnt div.sitemap div.site-map-block:last-child {display: block;height:auto !important;vertical-align:top;margin-left: 25px;margin-top: 20px;font-size: 15px;padding-bottom:30px;border-bottom: 0px;}
.mid .mid-cnt div.sitemap div.site-map-block div.other-block {display: block;height:auto !important;margin-top: 20px;font-size: 15px;}
.mid .mid-cnt div.sitemap div.site-map-block div.other-block:last-child {margin-bottom: 40px;}
.mid .mid-cnt div.sitemap div.site-map-block ul li {list-style: none;margin-top: 10px;padding-left: 20px;position: relative;}
.mid .mid-cnt div.sitemap div.site-map-block ul li.site-map-ChildLevel2:before { content: ""; position: absolute; left: 5px; display: inline-block; width: 10px; height: 15px; background-image: url(../image/bullet.png); background-repeat: no-repeat; background-position: top; transform: translateY(30%);}
.mid .mid-cnt div.sitemap div.site-map-block div.other-block ul li {list-style: none;margin-top: 10px;}
.mid .mid-cnt div.sitemap div.site-map-block ul li.site-map-ChildLevel1 {font-weight: bold;margin-bottom: 30px;padding-left: 0px;font-size: 16px;}
.mid .mid-cnt div.sitemap div.site-map-block ul li.site-map-ChildLevel2 a {color: #000000;}
.mid .mid-cnt div.sitemap div.site-map-block ul li.site-map-ChildLevel2 {font-size: 14px;}
.mid .mid-cnt div.sitemap div.site-map-block ul li.multiLine {line-height: 160%;}
.mid .mid-cnt div.sitemap div.site-map-block div.other-block ul li.site-map-ChildLevel1 {font-weight: bold;padding-left: 0px;}

/*news*/
.mid .content .sfnewsList { font-size: 0 }
.mid .content .sfnewsList .sfnewsListItem { font-size: 16px; border-bottom: 2px solid #f2f2f2; }
.mid .content .sfnewsList .sfnewsListItem:nth-child(odd) { }
.mid .content .sfnewsListItem .listItemWrap { margin: 15px 0; padding-right: 25px; }
.mid .content .sfnewsListItem:nth-child(odd) .listItemWrap {  padding-right: 25px; }
.mid .content .sfnewsListItem h2 { font-size: 100%; margin: 15px 0; }
.mid .content .sfnewsListItem h2 a { color: #363636; text-decoration: none; border: 0 none; }
.mid .content .sfnewsListItem h2 a:hover { border: 0 none; color: #0072ca; }
.mid .content .sfnewsListItem a.newsLink { margin: 0px 0 25px; padding: 5px 20px 5px;line-height: 100%; }
.mid .content .sfnewsListItem:last-child { border-bottom: 0; }
.mid .content .sfnewsListItem:nth-child(odd):nth-last-child(2) { border-bottom: 0; }
.mid .content .newsPager { position: relative; background-color: #f2f2f2; padding: 15px 25px; text-align: center; }
.mid .content .newsPager a { color: #363636; border: 0 none; padding: 0 10px; vertical-align: middle; border-left: 1px solid #262626; }
.mid .content .newsPager a:first-child { border: 0 none; }
.mid .content .newsPager a:not(.sf_PagerPrevGroup) { border: 0 none; }
.mid .content .newsPager a:not(.sf_PagerPrevGroup) ~ a:not(.sf_PagerPrevGroup) { border-left: 1px solid #262626; }
.mid .content .newsPager a:hover { color: #0072ca; border-bottom: 0 none; }
.mid .content .newsPager a.sf_PagerCurrent { color: #0072ca; }
.mid .content .newsPager a.sf_PagerNextGroup { border: 0 none !important; font-size: 0; position: absolute; right: 25px; padding: 0 10px; width: 10px; height: 22px; background-image: url(../image/bullet.png); background-position: center; background-repeat: no-repeat; }
.mid .content .newsPager a.sf_PagerPrevGroup { border: 0 none !important; font-size: 0; position: absolute; left: 25px; padding: 0 10px; width: 10px; height: 22px; background-image: url(../image/bullet.png); background-position: center; background-repeat: no-repeat; -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH"; }
.mid .content .sfnewsDetails .sfnewsTitle { line-height: 125%; margin: 0 0 10px; }
.mid .content .sfnewsDetails .feed-thumb { margin-bottom: 45px; }


/*Error 404 style*/

.error404 {
  margin: 0 auto;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%); /* Ch <36, Saf 5.1+, iOS < 9.2, An =<4.4.4 */
  -ms-transform: translate(-50%, -50%); /* IE 9 */
  transform: translate(-50%, -50%);
}

.error404 .error404-logo {
  min-width: 200px;
  width: 100%;
  margin: 0 auto;
}


.error404 h1 {
  font-size: 52px;
  color: #575756;
  margin-top: 20px;
  margin-bottom: 20px;
}

.error404 h1 span {
  color: #0072ca;
}

.error404 h4 {
    font-size: 22px;
    margin-top: 35px;
    font-weight: 500;
    margin-bottom: 20px;
    color: #575756;

}

.error404 img {
  margin: 0 auto;

}

.error404 p {
  color: #575756;
  font-size: 14px;
}

.error404 .error404-hyperlink {
  font-weight: bold;
}



/*End of error 404 style*/

@media (-webkit-min-device-pixel-ratio: 1.1) {
  .mid .detail-cnt h2 span:after { right: -15px; width: 0; height: 0;  border-top: 24px solid #0072ca; border-right: 15px solid transparent}


	/*For sitemap*/
	.mid .mid-cnt div.sitemap div.site-map-heading {font-weight: 900;font-size: 16px;margin-top: 30px;margin-bottom: 5px;}
	.mid .mid-cnt div.sitemap div.site-map-block  div.other-block {display: block;height:auto !important;margin-top: 20px;font-size: 15px;}
	.mid .mid-cnt div.sitemap div.site-map-block  div.other-block:last-child {margin-bottom: 40px;}
	.mid .mid-cnt div.sitemap div.site-map-block  ul li {list-style: none;margin-top: 10px;line-height: 150%;padding-left: 15px;}
	.mid .mid-cnt div.sitemap div.site-map-block ul li.site-map-ChildLevel2:before { content: ""; position: absolute; left: 0px; display: inline-block; width: 10px; height: 15px; background-image: url(../image/bullet.png); background-size: 5px; background-repeat: no-repeat; background-position: top; transform: translateY(30%);}
	.mid .mid-cnt div.sitemap div.site-map-block div.other-block ul li {list-style: none;margin-top: 10px;}
	.mid .mid-cnt div.sitemap div.site-map-block ul li.site-map-ChildLevel1 {font-size: 14px;}
	.mid .mid-cnt div.sitemap div.site-map-block ul li.site-map-ChildLevel2 {font-size: 12px;}
}


/*screen up till 640*/
@media screen and (max-width: 640px) {
  .mid .sidebar { margin: 0 -15px; }
  .mid .sidebar .side-pocket ul.side-nav{ padding: 15px 15px 0;}
  .mid .sidebar .side-pocket.acc-block h2{padding: 15px;}
  .mid .sidebar .side-pocket.plain-block h2{padding-left:15px;padding-right:15px;}
  .mid .sidebar .side-pocket.plain-block > *:not(:first-child) { line-height: 175%; max-width: 100%; padding: 0 15px; }
  .mid .list-menu-cnt .list-menu-block { margin: 0 0px; }
  .mid .list-menu-cnt .list-menu.slick-slider { padding: 0 50px; width: 100%; }
  .mid .list-menu-cnt .list-menu button.slick-arrow { top: 0; padding: 55px 25px; }
  .mid .list-menu-cnt .list-menu button.slick-arrow.slick-prev { background-position: center; }
  .mid .list-menu-cnt .list-menu button.slick-arrow.slick-next { background-position: center; }
  .mid .detail-cnt ul.detail-item-list > li.childLevel2 { width: 100%; margin-left: 0; }
  .mid .list-menu-cnt .list-menu .list-menu-child a { padding: 35px 5px; ;}

}

/*screen up till 512*/
@media screen and (max-width: 512px) {
}

/*screen up till 480*/
@media screen and (max-width: 480px) {
  .mid .list-menu-cnt .list-menu button.slick-arrow { background-size: 13px 24px; }

  .error404 h1 {
    font-size: 22px;
  }

  .error404 h4 {
    font-size: 18px;
  }

}


/*screen up till 372*/
@media screen and (max-width: 372px) {
  .mid .list-menu-cnt .list-menu .list-menu-child a { padding: 35px 10px; }

}