@charset "UTF-8";
:root{--color-red:#ec2d3f;--color-medium-red:#cc2c32;--color-dark-red:#c31829;--color-green:#28a745;--color-dark-green:#207d36;--color-black:#212529;--color-gray:#6c757d;}
* {list-style:none;padding:0;margin:0;}
a {text-decoration:none;}
img.lazy{display: block;opacity: 0;}
img.lazy:not(.initial) { -webkit-transition: opacity 1s;-o-transition: opacity 1s;transition: opacity 1s; }
img.lazy.initial, img.lazy.loaded, img.lazy.error { opacity: 1; -webkit-transition: -webkit-transform 0.5s ease; -moz-transition: -moz-transform 0.5s ease; transition: transform 0.5s ease; transition: 0.5s; }
img:not([src]) {visibility: hidden;}
.zalo-share-button{float: left;margin-right: 2px;}
.container{padding: 0px 10px; position: relative; width: 1220px; margin: auto; max-width: 100%;}
.row{margin-left: -10px; margin-right: -10px;}
.grecaptcha-badge{display:none !important;}
.full_bg{background-size: 100% 100% !important;}
.header-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.9) url(../images/loading.gif) no-repeat center center; z-index: 99999; display: none; }
body {font-family: 'Arial', 'Helvetica', 'sans-serif';font-size:14px;position: relative;box-sizing:border-box;}
/*=======================================*/
.box_fotorama{width: 100%; max-width: 800px; margin: auto; margin-bottom: 20px;}
a:focus,a:hover{text-decoration:none;}
.hidden{display:none;}
.clear{clear:both;}
.none{display:none;}
.hidden-seoh{visibility:hidden;height:0px;margin:0px;overflow:hidden;}
.modal-content img{max-width: 100%; height: auto;}
.h1, .h2, .h3, h1, h2, h3{margin:0;line-height: normal;}
h1#h1_home{visibility: hidden; height:0px; margin:0px; overflow:hidden;}
ol, ul{margin:0;padding:0;}
p{margin: 0px;}
.wrap_share{margin-top: 20px;}
.breadCrumbs{background: #eee; font-family: 'font3'; text-transform: capitalize;}
.breadCrumbs .breadcrumb{background: none;}
.breadCrumbs a{color: #999;}
#btn-zalo { display: block; width: 40px; height: 40px; position: fixed; left: 25px; bottom: 160px; z-index: 999; }
#btn-zalo i { display: flex; display: -ms-flex; align-items: center; -ms-flex-align: center; width: 40px; height: 40px; border-radius: 50%; background: #1182FC; position: relative; z-index: 9999; }
#btn-zalo i img { vertical-align: middle; border-radius: 50%;}
.kenit-alo-circle-fill { width: 60px; height: 60px; top: -10px; position: absolute; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 2px solid transparent; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; background-color: rgba(17, 130, 252, 0.45); opacity: .75; right: -10px; }
.kenit-alo-circle { width: 50px; height: 50px; top: -5px; right: -5px; position: absolute; background-color: transparent; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 2px solid rgba(17, 130, 252, .8); opacity: .1; border-color: #1182FC; opacity: .5; }
.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }
.owl-animated-out { z-index: 1 }
.owl-animated-in { z-index: 0 }
.fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; }
.zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; }
.pulse { -webkit-animation-name: pulse; animation-name: pulse; }
@-webkit-keyframes  fadeOut{
	0%{opacity:1;}
	100%{opacity:0;}
}
@keyframes  fadeOut{
	0%{opacity:1;}
	100%{opacity:0;}
}
@-webkit-keyframes zoomIn{
	from{opacity:0;-webkit-transform:scale3d(0.3,0.3,0.3);transform:scale3d(0.3,0.3,0.3);}
	50%{opacity:1;}
}
@keyframes zoomIn{
	from{opacity:0;-webkit-transform:scale3d(0.3,0.3,0.3);transform:scale3d(0.3,0.3,0.3);}
	50%{opacity:1;}
}
@-webkit-keyframes pulse{
	from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}
	50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05);}
	to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}
}
@keyframes pulse{
	from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}
	50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05);}
	to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}
}
.scrollToTop{position: fixed; bottom: 80px; right: 5px; z-index: 99; display: none; cursor: pointer;}
.scrollToTop img{height: 35px; width: auto;}
div.pagination { font-family: 'arial'; margin: 0px; margin-top: 20px; text-align: center; width: 100%; font-size: 14px; justify-content: center;}
div.pagination b { padding: 5px 12px; display: inline-block; background: #c30101; color: #fff;}
div.pagination a { margin: 0px 2px; display: inline-block; padding: 5px 12px; background: #e1e1e1; text-decoration: none; color: #000; }
#header{background: #fac903; height: 42px; position: relative; z-index: 1001;}
.link_dkdn{float: right; position: relative; cursor: pointer; color: #cb2126; background: url(../imgs/user.png) no-repeat 0px center; padding-left: 32px; min-height: 24px; font-size: 14px; line-height: 42px;}
.link_dkdn > a{color: #cb2126;}
.link_dkdn > a:hover{text-decoration: underline;}
.link_dkdn span{display: block; font-weight: bold;}
.link_dkdn .sub_dkdn{position: absolute; min-width: 100%; left: 0px; top: 100%; display: none; line-height: normal;}
.link_dkdn .sub_dkdn ul { position: relative; background: #fff; padding: 10px 0px; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=0, Color=#000000)";/*IE 8*/ -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);/*FF 3.5+*/ -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);/*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/ box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=135, Color=#000000); /*IE 5.5-7*/ }
.link_dkdn .sub_dkdn ul:after { bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-bottom-color: #fff; border-width: 7px; margin-left: -7px; }
.link_dkdn .sub_dkdn ul li a{padding: 7px 20px; color: #000; font-family: 'font3'; display: block; text-transform: capitalize;}
.link_dkdn .sub_dkdn ul li a:hover{background: #f2f2f2;}
.link_dkdn .sub_dkdn i{font-size: 16px; margin-right: 5px;}
.link_dkdn:hover .sub_dkdn{display: block;}
.logo_main{margin-bottom: 15px;}
.logo_main, .banner_main{text-align: center;}
#main_vongquay{background: url(../imgs/bg1.jpg) no-repeat center top; padding: 15px 0px 60px;}
.frm_quay{margin-top: 20px; text-align: center;}
.frm_quay .btn_quay a{background: url(../imgs/btn_quay.png) no-repeat center center; background-size: 100% 100%; width: 364px; height: 101px; display: inline-block; transition: all 0.4s; cursor: pointer;}
.frm_quay .btn_quay a:hover{opacity: 0.8; transition: all 0.4s;}
.frm_quay .share_btn{color: #fff;font-size: 15px;font-family: 'font3';margin-top: 15px;display: none;}
.frm_quay .share_btn > span.like_fb{position: relative; top: 8px; display: inline-block; margin-right: 5px;}
.frm_quay .share_btn > span.like_fb button{height: 29px;}
.frm_quay .share_btn > span.share_fb{display: inline-block; background: #1877f2; padding: 3px 7px 4px; border-radius: 3px; cursor: pointer; margin-right: 5px; margin-left: 5px;}
.the_wheel .bg_outline{position: absolute; top: -1px; left: 50%; width: 540px; height: 535px; z-index: 0; transform: translate(-50%,0);
	background: url(../imgs/khung_quay.png) no-repeat center center; background-size: 100% 100%; border-radius: 50%; border: 17px solid #efcccc;
}
#thele img{width: 100%; height: auto;}
.modal-dialog .modal-content{width: 100%; padding: 0px;}
.txt_luotquay{text-align: center; color: #fff; font-size: 18px; margin-top: 15px;}
.txt_luotquay span{color: #f9ca03;}
.txt_luotquay a{color: #f9ca03; text-decoration: underline; font-size: 15px;}
.modal, .lobibox-backdrop{z-index: 5001;}
.lobibox{z-index: 5002;}
#popup-winResult .modal-dialog{max-width: 600px;}
#popup-winResult .modal-footer{justify-content: center; border-top: none; padding-top: 0px;}
#popup-winResult .modal-content{font-size: 15px;}
.nofi_giaithuong{text-align: center;}
.nofi_giaithuong .r1{font-size: 18px; margin-bottom: 10px; color: #c30101;font-weight: bold; }
.nofi_giaithuong .r2{font-size: 16px; margin-bottom: 10px;}
.nofi_giaithuong .r2 span{text-transform: uppercase; color: #028619;}
.nofi_giaithuong .r3{font-size: 14px; color: #666;}
#popup-his .modal-dialog{max-width: 800px;}
#popup-his h6{color: #c30101;font-weight: bold; font-size: 18px;}
table.tbl_his_quay{width: 100%;}
table.tbl_his_quay thead{background: #c30101; color: #fff;}
table.tbl_his_quay thead th{padding: 7px 10px; font-size: 15px; border: 1px solid #f2f2f2;}
table.tbl_his_quay td{border: 1px solid #ccc; padding: 7px 5px;}
table.tbl_his_quay td.his_code{font-weight: bold;}
.lobibox-notify-wrapper.bottom{bottom: 40px;display: none;}
.other_login{text-align: center; margin-top: 20px; padding-top: 20px; border-top: 1px solid #f2f2f2;}
.fb { background-color: #3B5998; color: white; }
.fb i{margin-right: 5px; font-size: 16px;}
.fb:hover{color: #fff; opacity: 0.9;}