body,h1,h2,h3,h4,h5,h6 {font-family: "Raleway", Arial, Helvetica, sans-serif}
body{ 
    background: url("body-top-bg.jpg");
	background-repeat: repeat-x;	
	background-attachment: fixed;	
	}

.mySlides {display: none}
 .card {
  position:relative;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  width: 23.9%;
  margin: auto;
  text-align: center;
  margin:5px;
  float:left;
  display:table;
  
}
.card img{
  position:relative;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  width: 100%;
  max-height:220px;
   min-height:180px;
}
.card h1{ font-size: 12pt;}
.title {
  color: grey;
  font-size: 18px;
}

h2{ color: #013669;  font-size: 24px;  text-decoration: underline #013669 2px;}
.bottom {border-bottom:0px solid #013669; width:23%; text-transform:uppercase;}
.description{ min-height:140px; display:none;}
button {
  border: none;
  outline: 0;
  display: inline-block;
  padding: 8px;
  color: white;
  background-color: #000;
  text-align: center;
  cursor: pointer;
  width: 100%;
  font-size: 18px;
}

.hoso{font-size:15pt;text-align:left;padding:9px 0 9px 0;background-color:#2c3c6f;color:#fff;border-left:5px solid #013669;font-weight:bold;}
.hoso a, .hotline a{color:#fff; }
.hoso a:hover{color:#f00; }
a {text-decoration: none;}
button:hover, a:hover {  opacity: 0.7;}
.menu a{color:#fff; font-size:14pt;}
.doitac{padding:10px;clear: both;}
.doitac img {  border: 1px solid #ddd;  border-radius: 4px;  padding: 2px;  margin:2px;  width: 220px;  height:120px;float:left;}
.doitac img:hover {  box-shadow: 0 0 2px 1px rgba(0, 140, 186, 0.5);}
.thicong img { width: 32.8%; min-height:450px; cursor:pointer; padding:2px; border: 1px solid #ddd;  border-radius: 4px; margin:2px; float:left;}
.logo {padding:1px;text-align:center;}
.pkfooter{ padding:15px;float:right;background-color:#265dab; width:100%;color:#fff;line-height:50px;}
.category {float:left;width:55%;}
.category a {color:#fff;border-bottom: 2px solid #1955aa;padding:5px;margin:1px;}
.category a:hover {color:#fff;font-weight:bold;}
@media screen and (max-width: 667px) {
    .card{width:46.9% !important;float:left !important;}
	.logo{display:none !important;}
	.banner{width:100% !important;}
	.bottom,.category{width:100% !important;}
	.pkfooter{padding:5px !important;}
	.wowslider {display:none !important;}
	#canvas_container{width:100% !important;}
	.doitac img { width:23.8% !important;height:50px !important; }
	.thicong img { width:48.8% !important;min-height:300px !important;float:left !important;}
}
  #my_pdf_viewer { background: #000;height:865px;margin-top:32px;}
	  #canvas_container {
          width: 100%;
          height: 820px;
          overflow: auto;
		  float:left;
      }
 
      #canvas_container {
        background: #000;
        text-align: center;
        border: solid 1px;
      }
	  #navigation_controls,#zoom_controls{ with:100%;border: 0px solid #f00;float:right;display:flex}
	  #go_next,#go_previous {float:right;width:100px;}
	  #current_page,#zoom_in,#zoom_out  { text-align:center;width:50px;}