body{
	font:14px/21px Tahoma,Verdana,Glory,sans-serif;margin:0;padding:0
	}

h1,h2,h3,h4,h5,h6,p,form,ul,ul li,ol,ol li,dl,dl dt,dl dd,blockquote{margin:0;padding:0}ul,ul li,ol,ol li{list-style:none}img{border:0}a{outline:0}
a:link,a:visited{text-decoration:none}
a:hover{text-decoration:underline}
fieldset{border:0;background:0;margin:0;padding:0}
fieldset legend{display:none}
input,select,textarea{font:14px/20px Tahoma,Arial,Verdana,sans-serif}
input[type="image"],
input[type="submit"]{outline:0}
input{vertical-align:baseline;margin:-1px -2px}html>/**/body input{vertical-align:text-bottom;margin:0}
object,embed{outline:0}
.Hidden{display:none}
.Wrapper{overflow:visible;height:1%}html>body .Wrapper{overflow:hidden;height:auto}
#thewindowbackground{background-color:#000;left:0;top:0;opacity:.7;z-index:990;width:auto;position:absolute;display:none;filter:alpha(opacity=70)}


.button{
	font:15px Glory, sans-serif;
	/* A semi-transparent text shadow */
	text-shadow:1px 1px 0 rgba(255,255,255,0.4);
	
	/* Overriding the default underline styling of the links */
	text-decoration:none !important;
	white-space:nowrap;
	
	display:inline-block;
	vertical-align:baseline;
	position:relative;
	cursor:pointer;
	
	background-repeat:no-repeat;

	/* The following two rules are fallbacks, in case
	   the browser does not support multiple backgrounds. */

	background-position:bottom left;
	background-image:url('../images/button_bg.png');
	
	/* Multiple backgrounds version. The background images
	   are defined individually in color classes */
	
	background-position:bottom left, top right, 0 0, 0 0;
	background-clip:border-box;
	
	/* Applying a default border raidus of 8px */
	
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	
	/* A 1px highlight inside of the button */
	
	-moz-box-shadow:0 0 1px #fff inset;
	-webkit-box-shadow:0 0 1px #fff inset;
	box-shadow:0 0 1px #fff inset;
	
	/* Animating the background positions with CSS3 */
	/* Currently works only in Safari/Chrome */
	
	-webkit-transition:background-position 1s;
	-moz-transition:background-position 1s;
	transition:background-position 1s;
}

.button.padsmall	{ padding:2px 10px; }
.button.padmedium	{ padding:5px 12px; }
.button.padbig		{ padding:5px 12px; }

.button:hover{
	
	/* The first rule is a fallback, in case the browser
	   does not support multiple backgrounds
	*/
	
	background-position:top left;
	background-position:top left, bottom right, 0 0, 0 0;
}

.button:active{
	/* Moving the button 1px to the bottom when clicked */
	bottom:-1px;
}

/* The three buttons sizes */

.button.font30	{ font-size:30px;}
.button.font18	{ font-size:18px;}
.button.font15	{ font-size:15px;}
.button.font12	{ font-size:12px;}

/* A more rounded button */

.button.rounded{
	-moz-border-radius:4em;
	-webkit-border-radius:4em;
	border-radius:4em;
}


/* Defining four button colors */


/* BlueButton */

.blue.button{
	color:#0f4b6d !important;
	
	border:1px solid #84acc3 !important;
	
	/* A fallback background color */
	background-color: #48b5f2;
	
	/* Specifying a version with gradients according to */
	
	background-image:	url('../images/button_bg.png'), url('../images/button_bg.png'),
						-moz-radial-gradient(	center bottom, circle,
												rgba(89,208,244,1) 0,rgba(89,208,244,0) 100px),
						-moz-linear-gradient(#4fbbf7, #3faeeb);

	background-image:	url('../images/button_bg.png'), url('../images/button_bg.png'),
						-webkit-gradient(	radial, 50% 100%, 0, 50% 100%, 100,
											from(rgba(89,208,244,1)), to(rgba(89,208,244,0))),
						-webkit-gradient(linear, 0% 0%, 0% 100%, from(#4fbbf7), to(#3faeeb));
}

.blue.button:hover{
	background-color:#63c7fe;
	
	background-image:	url('../images/button_bg.png'), url('../images/button_bg.png'),
						-moz-radial-gradient(	center bottom, circle,
												rgba(109,217,250,1) 0,rgba(109,217,250,0) 100px),
						-moz-linear-gradient(#63c7fe, #58bef7);
						
	background-image:	url('../images/button_bg.png'), url('../images/button_bg.png'),
						-webkit-gradient(	radial, 50% 100%, 0, 50% 100%, 100,
											from(rgba(109,217,250,1)), to(rgba(109,217,250,0))),
						-webkit-gradient(linear, 0% 0%, 0% 100%, from(#63c7fe), to(#58bef7));
}

/* Green Button */

.green.button{
	color:#345903 !important;
	border:1px solid #96a37b !important;	
	background-color: #79be1e;
	
	background-image:url('../images/button_bg.png'), url('../images/button_bg.png'), -moz-radial-gradient(center bottom, circle, rgba(162,211,30,1) 0,rgba(162,211,30,0) 100px),-moz-linear-gradient(#82cc27, #74b317);
	background-image:url('../images/button_bg.png'), url('../images/button_bg.png'), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgba(162,211,30,1)), to(rgba(162,211,30,0))),-webkit-gradient(linear, 0% 0%, 0% 100%, from(#82cc27), to(#74b317));
}

.green.button:hover{
	background-color:#89d228;
	
	background-image:url('../images/button_bg.png'), url('../images/button_bg.png'), -moz-radial-gradient(center bottom, circle, rgba(183,229,45,1) 0,rgba(183,229,45,0) 100px),-moz-linear-gradient(#90de31, #7fc01e);
	background-image:url('../images/button_bg.png'), url('../images/button_bg.png'), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgba(183,229,45,1)), to(rgba(183,229,45,0))),-webkit-gradient(linear, 0% 0%, 0% 100%, from(#90de31), to(#7fc01e));
}

/* Orange Button */

.orange.button{
	color:#693e0a !important;
	border:1px solid #bea280 !important;	
	background-color: #e38d27;
	
	background-image:url('../images/button_bg.png'), url('../images/button_bg.png'), -moz-radial-gradient(center bottom, circle, rgba(232,189,45,1) 0,rgba(232,189,45,0) 100px),-moz-linear-gradient(#f1982f, #d4821f);
	background-image:url('../images/button_bg.png'), url('../images/button_bg.png'), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgba(232,189,45,1)), to(rgba(232,189,45,0))),-webkit-gradient(linear, 0% 0%, 0% 100%, from(#f1982f), to(#d4821f));
}

.orange.button:hover{
	background-color:#ec9732;
	
	background-image:url('../images/button_bg.png'), url('../images/button_bg.png'), -moz-radial-gradient(center bottom, circle, rgba(241,192,52,1) 0,rgba(241,192,52,0) 100px),-moz-linear-gradient(#f9a746, #e18f2b);
	background-image:url('../images/button_bg.png'), url('../images/button_bg.png'), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgba(241,192,52,1)), to(rgba(241,192,52,0))),-webkit-gradient(linear, 0% 0%, 0% 100%, from(#f9a746), to(#e18f2b));
}

.gray.button{
	color:#525252 !important;
	border:1px solid #a5a5a5 !important;	
	background-color: #a9adb1;
	
	background-image:url('../images/button_bg.png'), url('../images/button_bg.png'), -moz-radial-gradient(center bottom, circle, rgba(197,199,202,1) 0,rgba(197,199,202,0) 100px),-moz-linear-gradient(#c5c7ca, #92989c);
	background-image:url('../images/button_bg.png'), url('../images/button_bg.png'), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgba(197,199,202,1)), to(rgba(197,199,202,0))),-webkit-gradient(linear, 0% 0%, 0% 100%, from(#c5c7ca), to(#92989c));
}

.gray.button:hover{
	background-color:#b6bbc0;
	
	background-image:url('../images/button_bg.png'), url('../images/button_bg.png'), -moz-radial-gradient(center bottom, circle, rgba(202,205,208,1) 0,rgba(202,205,208,0) 100px),-moz-linear-gradient(#d1d3d6, #9fa5a9);
	background-image:url('../images/button_bg.png'), url('../images/button_bg.png'), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgba(202,205,208,1)), to(rgba(202,205,208,0))),-webkit-gradient(linear, 0% 0%, 0% 100%, from(#d1d3d6), to(#9fa5a9));
}


.green2.button{
	color:#089b44 !important;
	border:1px solid #27ad5d !important;	
	background-color: #27ad5d;
	
	background-image:url('../images/button_bg.png'), url('../images/button_bg.png'), -moz-radial-gradient(center bottom, circle, rgba(197,199,202,1) 0,rgba(230,243,235,0) 100px),-moz-linear-gradient(#c5c7ca, #92989c);
	background-image:url('../images/button_bg.png'), url('../images/button_bg.png'), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgba(230,243,235,1)), to(rgba(197,199,202,0))),-webkit-gradient(linear, 0% 0%, 0% 100%, from(#c5c7ca), to(#92989c));
}

.green2.button:hover{
	background-color:#b6bbc0;
	
	background-image:url('../images/button_bg.png'), url('../images/button_bg.png'), -moz-radial-gradient(center bottom, circle, rgba(202,205,208,1) 0,rgba(202,205,208,0) 100px),-moz-linear-gradient(#d1d3d6, #9fa5a9);
	background-image:url('../images/button_bg.png'), url('../images/button_bg.png'), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgba(202,205,208,1)), to(rgba(202,205,208,0))),-webkit-gradient(linear, 0% 0%, 0% 100%, from(#d1d3d6), to(#9fa5a9));
}

.green2.button{
	color:#089b44 !important;
	border:1px solid #27ad5d !important;	
	background-color: #27ad5d;
	
	background-image:url('../images/button_bg.png'), url('../images/button_bg.png'), -moz-radial-gradient(center bottom, circle, rgba(197,199,202,1) 0,rgba(230,243,235,0) 100px),-moz-linear-gradient(#c5c7ca, #92989c);
	background-image:url('../images/button_bg.png'), url('../images/button_bg.png'), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgba(230,243,235,1)), to(rgba(197,199,202,0))),-webkit-gradient(linear, 0% 0%, 0% 100%, from(#c5c7ca), to(#92989c));
}

.green2.button:hover{
	background-color:#b6bbc0;
	
	background-image:url('../images/button_bg.png'), url('../images/button_bg.png'), -moz-radial-gradient(center bottom, circle, rgba(202,205,208,1) 0,rgba(202,205,208,0) 100px),-moz-linear-gradient(#d1d3d6, #9fa5a9);
	background-image:url('../images/button_bg.png'), url('../images/button_bg.png'), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgba(202,205,208,1)), to(rgba(202,205,208,0))),-webkit-gradient(linear, 0% 0%, 0% 100%, from(#d1d3d6), to(#9fa5a9));
}

.StaticMain ul li span {
	white-space: normal;
	}
#itemStaticMain {
	clear: both;
	position: relative;
	z-index: 100;
	overflow: hidden;
}
	.StaticMain a:link, .StaticMain a:visited {
		color: #ffdca5;
		
	}
	.StaticMain a:hover {
		color: #c31f23;
		text-decoration: underline;
	}
/* END. General */


/* Main title */
	.StaticTopPanel h2.TitleMain {
		clear: both;
		color: #ffdba4;
		font-weight: bold;
		font-size: 24px;
		line-height: 30px;
		height: 30px;
		font-family: Tahoma;
		padding: 0 0 5px;
	}
/* END. Main title */

/* Breadcrumbs */

ul#breadcrumbs {
    color: #b7b7b7;
    font-size: 15px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    text-align: left;
}
ul#breadcrumbs li {
    float: left;
    text-align: left;
}
ul#breadcrumbs li a:link, ul#breadcrumbs li a:visited {
    color: #b7b7b7;
    
}
ul#breadcrumbs li span {
    color: #b7b7b7;
    padding: 0 5px;
}
ul#breadcrumbs li span.Active {
    color: #b7b7b7;
    font-weight: bold;
    padding-left: 5px;
}
ul#breadcrumbs li a:hover {
    color: #b7b7b7;
    text-decoration: underline;
	
}
ul#breadcrumbs li a:hover span {
    color: #b7b7b7;
     text-decoration: underline;
}

/*breadcrumbs p*/
p#breadcrumbs {
    color: #b7b7b7;
    font-size: 15px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    text-align: left;
}

p#breadcrumbs a:link, p#breadcrumbs a:visited {
    color: #b7b7b7;
    
}
p#breadcrumbs  span {
    color: #b7b7b7;
    padding: 0;
	font-weight: bold;
}

p#breadcrumbs a:hover {
    color: #b7b7b7;
    text-decoration: underline;
	
}
p#breadcrumbs a:hover span {
    color: #b7b7b7;
     text-decoration: underline;
}
/* END. Breadcrumbs */
/* END. Top Panel */

/* Tab */


		ul#tabHeader li a:hover {
			background-position: left -39px;
			color: #fff;
			text-decoration: none;

		}
			ul#tabHeader li a:hover span {
				background-position: right -39px;
				text-decoration: none;
				line-height: 29px;
			}
	ul#tabHeader li.Active a:link,
	ul#tabHeader li.Active a:visited,
	ul#tabHeader li a:hover {
		background-position: left -39px;
		cursor: pointer;
		text-decoration: none;
		line-height: 29px;
		margin: 0px 1px 0 0;
	}
	ul#tabHeader li.Active a span,
	ul#tabHeader li a:hover span {
		background-position: right -39px;
		cursor: default;
		cursor: pointer;
		line-height: 29px;
	}
/* END. Tab */

/* Menu Nav */
.c-header {
  width: 100%;
  height: auto;
  background: #002637;
  
  position:fixed;
  z-index: 9999;
}

.c-header #main-nav {
  width: 100%;
  max-width: 1200px;
  height: 56px;
  margin: 0 auto;
}

.c-header #main-nav ul {
  width: 100%;
  height: 56px;
  margin: 0 auto;
  font: 22px/36px fontNav, Glory;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
    justify-content: center;
}

.c-header #main-nav ul li {
  width: calc(100%/7);
  position: relative;
  margin: 0;
  padding: 0;
}

.c-header #main-nav ul li:last-child a {
  border-right: 0px;
}

.c-header #main-nav ul li a {
  color: #fff;
  text-decoration: none;
  text-align: center;
  padding: 10px;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  border-right: 1px solid #160200;
}

.c-header #main-nav ul li a.active {
  background: #ac1100;
  -webkit-box-shadow: inset 5px 5px 20px #550b01, inset -5px -5px 20px #550b01;
          box-shadow: inset 5px 5px 20px #550b01, inset -5px -5px 20px #550b01;
  color: #fff;
}

.c-header #main-nav ul li a:hover {
  background: #ac1100;
  -webkit-box-shadow: inset 5px 5px 20px #550b01, inset -5px -5px 20px #550b01;
          box-shadow: inset 5px 5px 20px #550b01, inset -5px -5px 20px #550b01;
  color: #fff;
}

.c-header #main-nav ul li > ul {
  background: #002637;
  overflow: hidden;
  display: none;
  position: absolute;
  top: 56px;
  left: 50%;
  margin-left: -90px;
  width: 180px;
  height: auto;
  z-index: 100;
  font-size: 14px;
  line-height: 19px;
}

.c-header #main-nav ul li > ul li {
  width: 100%;
  background: #002637;
  border-top: 1px solid #003953;
  border-bottom: 1px solid #160d0e;
  margin: 0;
}

.c-header #main-nav ul li > ul li:first-child {
  margin-left: 0;
}

.c-header #main-nav ul li > ul li a {
  color: #bfcbbd;
  padding: 5px 15px;
}

.c-header #main-nav ul li > ul li a:hover {
  background: #ac1100;
  -webkit-box-shadow: inset 5px 5px 20px #550b01, inset -5px -5px 20px #550b01;
          box-shadow: inset 5px 5px 20px #550b01, inset -5px -5px 20px #550b01;
  color: #fff;
}

.c-header #main-nav ul li:hover ul {
  display: block;
}


#button-contact-vr {
    position: fixed;
    bottom: 10px;
    right: 5px;
	width: 90px;
    z-index: 9999;
	text-align: center;
}
/*phone*/
#button-contact-vr .button-contact {
    position: relative;
    margin-top: -5px;
}
#button-contact-vr .button-contact .phone-vr {
    position: relative;
    visibility: visible;
    background-color: transparent;
    width: 80px;
    height: 80px;
    cursor: pointer;
    z-index: 11;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transition: visibility .5s;
    left: 0;
    bottom: 0;
    display: block;
}
.phone-vr-circle-fill {
    width: 65px;
    height: 65px;
    top: 12px;
    left: 12px;
    position: absolute;
    box-shadow: 0 0 0 0 #c31d1d;
    background-color: rgba(77, 0, 0, 0.7);
    border-radius: 50%;
    border: 2px solid transparent;
    -webkit-animation: phone-vr-circle-fill 2.3s infinite ease-in-out;
    animation: phone-vr-circle-fill 2.3s infinite ease-in-out;
    transition: all .5s;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-animuiion: zoom 1.3s infinite;
    animation: zoom 1.3s infinite;
}
.phone-vr-img-circle {
    background-color: #ffd6cc;
    width: 40px;
    height: 40px;
    line-height: 40px;
    top: 25px;
    left: 25px;
    position: absolute;
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    justify-content: center;
    -webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
    animation: phone-vr-circle-fill 1s infinite ease-in-out;
}
.phone-vr-img-circle a {
    display: block;
    line-height: 35px;
}
.phone-vr-img-circle img {
    max-height: 35px;
    max-width: 35px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
}
@-webkit-keyframes phone-vr-circle-fill {
  0% {-webkit-transform: rotate(0) scale(1) skew(1deg);  }
  10% {-webkit-transform: rotate(-25deg) scale(1) skew(1deg);}
  20% {-webkit-transform: rotate(25deg) scale(1) skew(1deg);}
  30% {-webkit-transform: rotate(-25deg) scale(1) skew(1deg);}
  40% {-webkit-transform: rotate(25deg) scale(1) skew(1deg);}
  50% {-webkit-transform: rotate(0) scale(1) skew(1deg);}
  100% {-webkit-transform: rotate(0) scale(1) skew(1deg);}
}
@-webkit-keyframes zoom{
	0%{transform:scale(.9)}
	70%{transform:scale(1);box-shadow:0 0 0 15px transparent}
	100%{transform:scale(.9);box-shadow:0 0 0 0 transparent}}
@keyframes zoom{
	0%{transform:scale(.9)}
	70%{transform:scale(1);box-shadow:0 0 0 15px transparent}
	100%{transform:scale(.9);box-shadow:0 0 0 0 transparent}}
.phone-bar a {
    position: absolute;
    margin-top: -65px;
    left: 30px;
    z-index: -1;
    color: #fff;
    font-size: 16px;
    padding: 7px 15px 7px 50px;
    border-radius: 100px;
    white-space: nowrap;
}
.phone-bar a:hover {
    opacity: 0.8;color: #fff;
}
@media(max-width: 736px){
    .phone-bar{display: none;}
}

#zalo-vr .phone-vr-circle-fill {
    box-shadow: 0 0 0 0 #2196F3;
    background-color: rgba(33, 150, 243, 0.7);
}
#zalo-vr .phone-vr-img-circle {
    background-color: #2196F3;
}
#contact-vr .phone-vr-circle-fill {
    box-shadow: 0 0 0 0 #2196F3;
    background-color: rgba(33, 150, 243, 0.7);
}
#contact-vr .phone-vr-img-circle {
    background-color: #2196F3;
}

#fanpage-vr img {
    max-width: 35px;
    max-height: 35px;
}
#fanpage-vr .phone-vr-img-circle {
    background-color: #1877f2;
}
#fanpage-vr .phone-vr-circle-fill {
    box-shadow: 0 0 0 0 rgb(24 119 242 / 65%);
    background-color: rgb(24 119 242 / 70%);
}
/*css all in one*/
#gom-all-in-one .button-contact {
    transition: 1.6s all;
    -moz-transition: 1.6s all;
  -webkit-transition: 1.6s all;
}
#button-contact-vr.active #gom-all-in-one .button-contact {
    margin-left: -100%;
}
#all-in-one-vr .phone-bar {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 100%;
    color: #fff;
    padding: 5px 15px 5px 48px;
    border-radius: 50px;
    margin-left: -64px;
    width: max-content;
    cursor: pointer;
}


/* News */

body {
      padding-bottom: 21px;
    }

.ticker-container {
      background: #011224;
      color: #fff;
      position: fixed;
      bottom: 0;
      width: 100%;
      height: 21px;
      overflow: hidden;
      display: flex;
      align-items: center;
      justify-content: center;
      z-index: 1000;
      backdrop-filter: blur(5px);
    }

    .ticker {
      position: relative;
      height: 50px;
      width: 100%;
      text-align: center;
      overflow: hidden;
      padding: 0 10px;
    }

    .ticker-item {
      position: absolute;
      width: 100%;
      height: 50px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 0.7rem;
      font-weight: bold;
      white-space: nowrap;
      opacity: 0;
      transform: translateY(100%);
      transition: all 0.5s ease-in-out;
    }

    .ticker-item.active {
      opacity: 1;
      transform: translateY(0);
    }

    /* Responsive 600px */
    @media (max-width: 600px) {
      .ticker-container {
        height: 50px;
      }
      .ticker {
        height: 40px;
      }
      .ticker-item {
        font-size: 1rem;
        height: 40px;
      }
      body {
        padding-bottom: 60px;
      }
    }

    /* Responsive dưới 400px */
    @media (max-width: 400px) {
      .ticker-item {
        font-size: 0.9rem;
      }
    }