@charset "utf-8";

/* css Document */

html { width: 100%; height: 100%; font: 100% Georgia, "Times New Roman", Times, serif; }

body { font-family: 'Vaptimb';
  src: url('https://www.wfonts.com/data/2015/01/01/vni-aptima/Vaptimb.woff') format('woff');
  font-display: optional;
/*
body { font: 100% tahoma, "Times New Roman", Times, serif;
*/
/* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */

/* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
 background-color: #096; margin: 0; padding: 0;
color: #ffffff; position: relative; background-image: url(http://www.vietbiz.ca/core/img-vt/v-flag.jpg); 
background-repeat: repeat-x; background-position: top; width: 100%; } 
#preview-render {
  font-family: 'Vniabi__', system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 32px;
  color: #373c44;
}

* {box-sizing: border-box}
/*NAVIGATION BAR*/
#content div { float: left; width: auto; margin: 0; padding: 0; }
#content #leftdiv { margin: 0px; float: left; width: 284px; padding-right: 15px; }
#content #leftdiv1 { margin: 0px; float: left; width: 284px; padding-right: 405px; }
#content #rightdiv { margin: 0px; float: left; width: 284px; padding-left: 15px; }
#content #leftdiv { margin: 0px; float: left; width: 384px; padding-right: 15px; }
#content #rightdiv { margin: 0px; float: left; width: 384px; padding-left: 15px; }
#content div div { float: left; }
#content #onecolumn, 
#content #twocolumn, 
#content #threecolumn { width: 598px; margin: 0; padding: 0; }
/*--Navbar styles--*/
/*--The #navigation menu styles follow the header.--*/
/*--We continue to use the longhand background-color: for link-related material.--*/
/*--The page #header IDs follow in logical order from top down on the page.--*/
#header {  color: #fff;   background-color: #069;   padding: 0px;   height: 10%;}	
#header h1 {  font-family:"Audiowide", serif;   text-align: center;    text-shadow: 5px 5px 5px #fff;   font-size: 2.0em;}
/*---These two classes are especially designed to style the two logo images in the banner.--*/

.floatL { /*for left flag in banner*/   float: left;   padding: 4px;   border: 0; }
.floatR { /*for right flag in banner*/   float: right;   padding: 4px;   border: 0; }	

/*--This class styles the slogan within the header. --*/
.slogan {   font-size: 1.5em; font-family: "Trirong", serif; text-align: center;    font-style: italic; }
/*--Navbar styles--*/
/*--The #navigation menu styles follow the header.--*/
/*--We continue to use the longhand background-color: for link-related material.--*/	

#navcontainer  {  font-family: "Sofia", sans-serif;   color: #900;   background-color: #C0D25A;   padding: 6px 0;     }
#navcontainer p{  margin: 0;   padding: 6px;   text-align: center;}
#navcontainer p a {  padding: 1px 30px;   color: #fc0;   background-color: #069;   font-size: 1.1em;}	/*--To create hover effect.--*/
#navcontainer p a:hover{  color: #fff;   background-color: #900;   text-decoration: none;}	

/*--Reformatting the link for the current page to show where the viewer is “sitting” in your site 
and also disable it using the hash mark (#) in the HTML--*/

#navcontainer p a#current {  color: #900;   background-color: #c0d25a;   text-decoration: none;   padding: 3px 30px;   border: 0px solid black; }	
/* Style the tab */
.tab {  float: left;  border: 2px solid #fff;  background-color: #ccc;  background-repeat: repeat-x; background-position: top; width: 100%;   width: 20%;  height: 300px;}
 /* Style the buttons inside the tab */
.tab button {  display: block;  background-color: inherit;  color: black;  padding: 10px 15px;  width: 100%;  border: none;  outline: none;  text-align: left;  cursor: pointer;  transition: 0.3s;
  font-size: 15px; }

/* Change background color of buttons on hover */
.tab button:hover {  background-color: #ddd; } 
/* Create an active/current "tab button" class */
.tab button.active {  background-color: #fff; } 
/* Style the tab content */
.tabcontent {  float: left;  padding: 0px 10px;  border: 0px solid #ccc;  width: 50%;  border-left: none;  height: 300px;}
/*--Footer style--*/
/*--And, finally we have the #footer style at the bottom of the page. Item 8--*/
#footer-panel {   color: #fc0;    float: left;     text-align: center;     width: 100%;     background-color: #069;    border: 1px solid #C0D25A; }
#footer {  font-family: Georgia, Times, "Times New Roman", serif;   color: #900;   background-color: #c0d25a;   text-align: center;   padding: 20px;
}