| Server IP : 103.48.194.25 / Your IP : 216.73.216.74 Web Server : Apache/2.4.6 (CentOS) OpenSSL/1.0.2k-fips PHP/7.4.33 System : Linux VMHostDefault 3.10.0-1160.42.2.el7.x86_64 #1 SMP Tue Sep 7 14:49:57 UTC 2021 x86_64 User : sieuthimay ( 1016) PHP Version : 7.4.33 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : ON Directory : /var/www/hocthongminh.net-bk/public_html/site/components/sieutrinho/views/ |
Upload File : |
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>ThankyouPage</title>
<meta http-equiv="Cache-Control" content="no-cache">
<meta http-equiv="Expires" content="-1">
<meta name="keywords" content="">
<meta name="description" content="ThankyouPage">
<script language="javascript">
var url = '<?=site?>';
var site = '<?=site?>';
var skin = '<?=skin?>';
var urlimg = '<?=urlimg?>';
var Myweb = Myweb || {};
function trit(o)
{
console.log(o) ;
}
</script>
<script id='script_viewport' type='text/javascript'>
window.ladi_viewport = function() {
var width = window.outerWidth > 0 ? window.outerWidth : window.screen.width;
var widthDevice = width;
var is_desktop = width >= 768;
var content = "";
if (typeof window.ladi_is_desktop == "undefined" || window.ladi_is_desktop == undefined) {
window.ladi_is_desktop = is_desktop;
}
if (!is_desktop) {
widthDevice = 420;
} else {
widthDevice = 1200;
}
content = "width=" + widthDevice + ", user-scalable=no";
var scale = 1;
if (!is_desktop && widthDevice != window.screen.width && window.screen.width > 0) {
scale = window.screen.width / widthDevice;
}
if (scale != 1) {
content += ", initial-scale=" + scale + ", minimum-scale=" + scale + ", maximum-scale=" + scale;
}
var docViewport = document.getElementById("viewport");
if (!docViewport) {
docViewport = document.createElement("meta");
docViewport.setAttribute("id", "viewport");
docViewport.setAttribute("name", "viewport");
document.head.appendChild(docViewport);
}
docViewport.setAttribute("content", content);
};
window.ladi_viewport();
</script>
<link rel="canonical" href="http://hocthongminh.net/cam-on.html" />
<meta property="og:url" content="http://hocthongminh.net/cam-on.html" />
<meta property="og:title" content="ThankyouPage" />
<meta property="og:type" content="website" />
<meta property="og:description" content="ThankyouPage" />
<meta name="format-detection" content="telephone=no" />
<!--<link rel="dns-prefetch">
<link rel="preconnect" href="http://hocthongminh.net/" crossorigin>
<link rel="preconnect" href="http://hocthongminh.net/" crossorigin>
<link rel="preconnect" href="http://hocthongminh.net/" crossorigin>
<link rel="preconnect" href="http://hocthongminh.net/" crossorigin>
<link rel="preconnect" href="http://hocthongminh.net/" crossorigin>
<link rel="preconnect" href="http://hocthongminh.net/" crossorigin>
<link rel="preload" href="https://fonts.googleapis.com/css?family=Montserrat:bold,regular|Quicksand:bold,regular|Baloo Bhaina:bold,regular&display=swap" as="style" onload="this.onload = null;this.rel = 'stylesheet';">
<link rel="preload" href="<?=skin?>sieutrinho/js/ladipage.vi.min.js" as="script">-->
<style id="style_ladi" type="text/css">
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, button, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, input, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, select, small, span, strike, strong, sub, summary, sup, table, tbody, td, textarea, tfoot, th, thead, time, tr, tt, u, ul, var, video {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
box-sizing: border-box;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block
}
body {
line-height: 1
}
a {
text-decoration: none
}
ol, ul {
list-style: none
}
blockquote, q {
quotes: none
}
blockquote:after, blockquote:before, q:after, q:before {
content: '';
content: none
}
table {
border-collapse: collapse;
border-spacing: 0
}
body {
font-size: 12px;
-ms-text-size-adjust: none;
-moz-text-size-adjust: none;
-o-text-size-adjust: none;
-webkit-text-size-adjust: none;
background: #fff
}
.ladi-loading {
width: 80px;
height: 80px;
z-index: 900000000000;
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
margin: auto;
overflow: hidden
}
.ladi-loading div {
position: absolute;
width: 6px;
height: 6px;
background: #fff;
border-radius: 50%;
animation: ladi-loading 1.2s linear infinite
}
.ladi-loading div:nth-child(1) {
animation-delay: 0s;
top: 37px;
left: 66px
}
.ladi-loading div:nth-child(2) {
animation-delay: -.1s;
top: 22px;
left: 62px
}
.ladi-loading div:nth-child(3) {
animation-delay: -.2s;
top: 11px;
left: 52px
}
.ladi-loading div:nth-child(4) {
animation-delay: -.3s;
top: 7px;
left: 37px
}
.ladi-loading div:nth-child(5) {
animation-delay: -.4s;
top: 11px;
left: 22px
}
.ladi-loading div:nth-child(6) {
animation-delay: -.5s;
top: 22px;
left: 11px
}
.ladi-loading div:nth-child(7) {
animation-delay: -.6s;
top: 37px;
left: 7px
}
.ladi-loading div:nth-child(8) {
animation-delay: -.7s;
top: 52px;
left: 11px
}
.ladi-loading div:nth-child(9) {
animation-delay: -.8s;
top: 62px;
left: 22px
}
.ladi-loading div:nth-child(10) {
animation-delay: -.9s;
top: 66px;
left: 37px
}
.ladi-loading div:nth-child(11) {
animation-delay: -1s;
top: 62px;
left: 52px
}
.ladi-loading div:nth-child(12) {
animation-delay: -1.1s;
top: 52px;
left: 62px
}
@keyframes ladi-loading {
0%, 100%, 20%, 80% {
transform:scale(1)
}
50% {
transform:scale(1.5)
}
}
.overflow-hidden {
overflow: hidden
}
.ladi-transition {
transition: all 150ms linear 0s
}
.opacity-0 {
opacity: 0
}
.pointer-events-none {
pointer-events: none
}
.ladipage-message {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 1000000000;
background: rgba(0,0,0,.3)
}
.ladipage-message .ladipage-message-box {
width: 400px;
max-width: calc(100% - 50px);
height: 160px;
border: 1px solid rgba(0,0,0,.3);
background-color: #fff;
position: fixed;
top: calc(50% - 155px);
left: 0;
right: 0;
margin: auto;
border-radius: 10px
}
.ladipage-message .ladipage-message-box h1 {
background-color: rgba(6,21,40,.05);
color: #000;
padding: 12px 15px;
font-weight: 600;
font-size: 16px;
border-top-left-radius: 10px;
border-top-right-radius: 10px
}
.ladipage-message .ladipage-message-box .ladipage-message-text {
font-size: 14px;
padding: 0 20px;
margin-top: 10px;
line-height: 18px;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box
}
.ladipage-message .ladipage-message-box .ladipage-message-close {
display: block;
position: absolute;
right: 15px;
bottom: 10px;
margin: 0 auto;
padding: 10px 0;
border: none;
width: 80px;
text-transform: uppercase;
text-align: center;
color: #000;
background-color: #e6e6e6;
border-radius: 5px;
text-decoration: none;
font-size: 14px;
font-weight: 600;
cursor: pointer
}
.ladi-wraper {
width: 100%;
height: 100%;
overflow: hidden;
background: #fff
}
.ladi-section {
margin: 0 auto;
position: relative
}
.ladi-section .ladi-section-arrow-down {
position: absolute;
width: 36px;
height: 30px;
bottom: 0;
right: 0;
left: 0;
margin: auto;
background: url(https://w.ladicdn.com/v2/source/ladi-icons.svg) rgba(255,255,255,.2) no-repeat;
background-position: 4px;
cursor: pointer;
z-index: 90000040
}
.ladi-section.ladi-section-readmore {
transition: height 350ms linear 0s
}
.ladi-section .ladi-section-background {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
pointer-events: none;
overflow: hidden
}
.ladi-container {
position: relative;
margin: 0 auto;
height: 100%
}
.ladi-element {
position: absolute
}
.ladi-overlay {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
pointer-events: none
}
.ladi-carousel {
position: absolute;
width: 100%;
height: 100%;
overflow: hidden
}
.ladi-carousel .ladi-carousel-content {
position: absolute;
width: 100%;
height: 100%;
left: 0;
transition: left 350ms ease-in-out
}
.ladi-carousel .ladi-carousel-arrow {
position: absolute;
width: 30px;
height: 36px;
top: calc(50% - 18px);
background: url(https://w.ladicdn.com/v2/source/ladi-icons.svg) rgba(255,255,255,.2) no-repeat;
cursor: pointer;
z-index: 90000040
}
.ladi-carousel .ladi-carousel-arrow-left {
left: 5px;
background-position: -28px
}
.ladi-carousel .ladi-carousel-arrow-right {
right: 5px;
background-position: -52px
}
.ladi-gallery {
position: absolute;
width: 100%;
height: 100%
}
.ladi-gallery .ladi-gallery-view {
position: absolute;
overflow: hidden
}
.ladi-gallery .ladi-gallery-view>.ladi-gallery-view-item {
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
width: 100%;
height: 100%;
position: relative;
display: none;
transition: transform .5s ease-in-out;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-perspective: 1000px;
perspective: 1000px
}
.ladi-gallery .ladi-gallery-view>.ladi-gallery-view-item.play-video {
cursor: pointer
}
.ladi-gallery .ladi-gallery-view>.ladi-gallery-view-item.play-video:after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
width: 60px;
height: 60px;
background: url(https://w.ladicdn.com/source/ladipage-play.svg) no-repeat center center;
background-size: contain;
pointer-events: none;
cursor: pointer
}
.ladi-gallery .ladi-gallery-view>.ladi-gallery-view-item.next, .ladi-gallery .ladi-gallery-view>.ladi-gallery-view-item.selected.right {
left: 0;
transform: translate3d(100%, 0, 0)
}
.ladi-gallery .ladi-gallery-view>.ladi-gallery-view-item.prev, .ladi-gallery .ladi-gallery-view>.ladi-gallery-view-item.selected.left {
left: 0;
transform: translate3d(-100%, 0, 0)
}
.ladi-gallery .ladi-gallery-view>.ladi-gallery-view-item.next.left, .ladi-gallery .ladi-gallery-view>.ladi-gallery-view-item.prev.right, .ladi-gallery .ladi-gallery-view>.ladi-gallery-view-item.selected {
left: 0;
transform: translate3d(0, 0, 0)
}
.ladi-gallery .ladi-gallery-view>.next, .ladi-gallery .ladi-gallery-view>.prev, .ladi-gallery .ladi-gallery-view>.selected {
display: block
}
.ladi-gallery .ladi-gallery-view>.selected {
left: 0
}
.ladi-gallery .ladi-gallery-view>.next, .ladi-gallery .ladi-gallery-view>.prev {
position: absolute;
top: 0;
width: 100%
}
.ladi-gallery .ladi-gallery-view>.next {
left: 100%
}
.ladi-gallery .ladi-gallery-view>.prev {
left: -100%
}
.ladi-gallery .ladi-gallery-view>.next.left, .ladi-gallery .ladi-gallery-view>.prev.right {
left: 0
}
.ladi-gallery .ladi-gallery-view>.selected.left {
left: -100%
}
.ladi-gallery .ladi-gallery-view>.selected.right {
left: 100%
}
.ladi-gallery .ladi-gallery-control {
position: absolute;
overflow: hidden
}
.ladi-gallery.ladi-gallery-top .ladi-gallery-view {
width: 100%
}
.ladi-gallery.ladi-gallery-top .ladi-gallery-control {
top: 0;
width: 100%
}
.ladi-gallery.ladi-gallery-bottom .ladi-gallery-view {
top: 0;
width: 100%
}
.ladi-gallery.ladi-gallery-bottom .ladi-gallery-control {
width: 100%;
bottom: 0
}
.ladi-gallery.ladi-gallery-left .ladi-gallery-view {
height: 100%
}
.ladi-gallery.ladi-gallery-left .ladi-gallery-control {
height: 100%
}
.ladi-gallery.ladi-gallery-right .ladi-gallery-view {
height: 100%
}
.ladi-gallery.ladi-gallery-right .ladi-gallery-control {
height: 100%;
right: 0
}
.ladi-gallery .ladi-gallery-view .ladi-gallery-view-arrow {
position: absolute;
width: 30px;
height: 36px;
top: calc(50% - 18px);
background: url(https://w.ladicdn.com/v2/source/ladi-icons.svg) rgba(255,255,255,.2) no-repeat;
cursor: pointer;
z-index: 90000040
}
.ladi-gallery .ladi-gallery-view .ladi-gallery-view-arrow-left {
left: 5px;
background-position: -28px
}
.ladi-gallery .ladi-gallery-view .ladi-gallery-view-arrow-right {
right: 5px;
background-position: -52px
}
.ladi-gallery .ladi-gallery-control .ladi-gallery-control-arrow {
position: absolute;
background: url(https://w.ladicdn.com/v2/source/ladi-icons.svg) rgba(255,255,255,.2) no-repeat;
cursor: pointer;
z-index: 90000040
}
.ladi-gallery.ladi-gallery-bottom .ladi-gallery-control .ladi-gallery-control-arrow, .ladi-gallery.ladi-gallery-top .ladi-gallery-control .ladi-gallery-control-arrow {
top: calc(50% - 18px);
width: 30px;
height: 36px
}
.ladi-gallery.ladi-gallery-top .ladi-gallery-control .ladi-gallery-control-arrow-left {
left: 0;
background-position: -28px;
transform: scale(.6)
}
.ladi-gallery.ladi-gallery-top .ladi-gallery-control .ladi-gallery-control-arrow-right {
right: 0;
background-position: -52px;
transform: scale(.6)
}
.ladi-gallery.ladi-gallery-bottom .ladi-gallery-control .ladi-gallery-control-arrow-left {
left: 0;
background-position: -28px;
transform: scale(.6)
}
.ladi-gallery.ladi-gallery-bottom .ladi-gallery-control .ladi-gallery-control-arrow-right {
right: 0;
background-position: -52px;
transform: scale(.6)
}
.ladi-gallery.ladi-gallery-left .ladi-gallery-control .ladi-gallery-control-arrow, .ladi-gallery.ladi-gallery-right .ladi-gallery-control .ladi-gallery-control-arrow {
left: calc(50% - 18px);
width: 36px;
height: 30px
}
.ladi-gallery.ladi-gallery-left .ladi-gallery-control .ladi-gallery-control-arrow-left {
top: 0;
background-position: -77px;
transform: scale(.6)
}
.ladi-gallery.ladi-gallery-left .ladi-gallery-control .ladi-gallery-control-arrow-right {
bottom: 0;
background-position: 3px;
transform: scale(.6)
}
.ladi-gallery.ladi-gallery-right .ladi-gallery-control .ladi-gallery-control-arrow-left {
top: 0;
background-position: -77px;
transform: scale(.6)
}
.ladi-gallery.ladi-gallery-right .ladi-gallery-control .ladi-gallery-control-arrow-right {
bottom: 0;
background-position: 3px;
transform: scale(.6)
}
.ladi-gallery .ladi-gallery-control .ladi-gallery-control-box {
position: relative
}
.ladi-gallery.ladi-gallery-top .ladi-gallery-control .ladi-gallery-control-box {
display: inline-flex;
left: 0;
transition: left 150ms ease-in-out
}
.ladi-gallery.ladi-gallery-bottom .ladi-gallery-control .ladi-gallery-control-box {
display: inline-flex;
left: 0;
transition: left 150ms ease-in-out
}
.ladi-gallery.ladi-gallery-left .ladi-gallery-control .ladi-gallery-control-box {
display: inline-grid;
top: 0;
transition: top 150ms ease-in-out
}
.ladi-gallery.ladi-gallery-right .ladi-gallery-control .ladi-gallery-control-box {
display: inline-grid;
top: 0;
transition: top 150ms ease-in-out
}
.ladi-gallery .ladi-gallery-control .ladi-gallery-control-box .ladi-gallery-control-item {
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
float: left;
position: relative;
cursor: pointer;
filter: invert(15%)
}
.ladi-gallery .ladi-gallery-control .ladi-gallery-control-box .ladi-gallery-control-item.play-video:after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
width: 30px;
height: 30px;
background: url(https://w.ladicdn.com/source/ladipage-play.svg) no-repeat center center;
background-size: contain;
pointer-events: none;
cursor: pointer
}
.ladi-gallery .ladi-gallery-control .ladi-gallery-control-box .ladi-gallery-control-item:hover {
filter: none
}
.ladi-gallery .ladi-gallery-control .ladi-gallery-control-box .ladi-gallery-control-item.selected {
filter: none
}
.ladi-gallery .ladi-gallery-control .ladi-gallery-control-box .ladi-gallery-control-item:last-child {
margin-right: 0!important;
margin-bottom: 0!important
}
.ladi-table {
position: absolute;
width: 100%;
height: 100%;
overflow: auto
}
.ladi-table table {
width: 100%
}
.ladi-table table td {
vertical-align: middle
}
.ladi-table tbody td {
word-break: break-word
}
.ladi-table table td img {
cursor: pointer;
width: 100%
}
.ladi-box {
position: absolute;
width: 100%;
height: 100%;
overflow: hidden
}
.ladi-frame {
position: absolute;
width: 100%;
height: 100%;
overflow: hidden
}
.ladi-frame .ladi-frame-background {
height: 100%;
width: 100%;
pointer-events: none
}
.ladi-banner {
position: absolute;
width: 100%;
height: 100%;
overflow: hidden
}
.ladi-banner .ladi-banner-background {
height: 100%;
width: 100%;
pointer-events: none
}
#SECTION_POPUP .ladi-container {
z-index: 90000070
}
#SECTION_POPUP .ladi-container>.ladi-element {
z-index: 90000070;
position: fixed;
display: none
}
#SECTION_POPUP .ladi-container>.ladi-element.hide-visibility {
display: block!important;
visibility: hidden!important
}
#SECTION_POPUP .popup-close {
width: 30px;
height: 30px;
position: absolute;
right: 0;
top: 0;
transform: scale(.8);
-webkit-transform: scale(.8);
z-index: 9000000080;
background: url(https://w.ladicdn.com/v2/source/ladi-icons.svg) rgba(255,255,255,.2) no-repeat;
background-position: -108px;
cursor: pointer;
display: none
}
.ladi-popup {
position: absolute;
width: 100%;
height: 100%
}
.ladi-popup .ladi-popup-background {
height: 100%;
width: 100%;
pointer-events: none
}
.ladi-countdown {
position: absolute;
width: 100%;
height: 100%
}
.ladi-countdown .ladi-countdown-background {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-size: inherit;
background-attachment: inherit;
background-origin: inherit;
display: table;
pointer-events: none
}
.ladi-countdown .ladi-countdown-text {
position: absolute;
width: 100%;
height: 100%;
text-decoration: inherit;
display: table;
pointer-events: none
}
.ladi-countdown .ladi-countdown-text span {
display: table-cell;
vertical-align: middle
}
.ladi-countdown>.ladi-element {
text-decoration: inherit;
background-size: inherit;
background-attachment: inherit;
background-origin: inherit;
position: relative;
display: inline-block
}
.ladi-countdown>.ladi-element:last-child {
margin-right: 0!important
}
.ladi-button {
position: absolute;
width: 100%;
height: 100%;
overflow: hidden
}
.ladi-button:active {
transform: translateY(2px);
transition: transform .2s linear
}
.ladi-button .ladi-button-background {
height: 100%;
width: 100%;
pointer-events: none
}
.ladi-button>.ladi-element {
width: 100%!important;
height: 100%!important;
top: 0!important;
left: 0!important;
display: table;
user-select: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none
}
.ladi-button>.ladi-element .ladi-headline {
display: table-cell;
vertical-align: middle
}
.ladi-collection {
position: absolute;
width: 100%;
height: 100%
}
.ladi-collection.carousel {
overflow: hidden
}
.ladi-collection .ladi-collection-content {
position: absolute;
width: 100%;
height: 100%;
left: 0;
transition: left 350ms ease-in-out
}
.ladi-collection .ladi-collection-content .ladi-collection-item {
display: block;
position: relative;
float: left;
box-shadow: 0 0 0 1px #fff
}
.ladi-collection .ladi-collection-content .ladi-collection-page {
float: left
}
.ladi-collection .ladi-collection-arrow {
position: absolute;
width: 30px;
height: 36px;
top: calc(50% - 18px);
background: url(https://w.ladicdn.com/v2/source/ladi-icons.svg) rgba(255,255,255,.2) no-repeat;
cursor: pointer;
z-index: 90000040
}
.ladi-collection .ladi-collection-arrow-left {
left: 5px;
background-position: -28px
}
.ladi-collection .ladi-collection-arrow-right {
right: 5px;
background-position: -52px
}
.ladi-collection .ladi-collection-button-next {
position: absolute;
width: 36px;
height: 30px;
bottom: -40px;
right: 0;
left: 0;
margin: auto;
background: url(https://w.ladicdn.com/v2/source/ladi-icons.svg) rgba(255,255,255,.2) no-repeat;
background-position: 4px;
cursor: pointer;
z-index: 90000040
}
.ladi-form {
position: absolute;
width: 100%;
height: 100%
}
.ladi-form>.ladi-element {
text-transform: inherit;
text-decoration: inherit;
text-align: inherit;
letter-spacing: inherit;
color: inherit;
background-size: inherit;
background-attachment: inherit;
background-origin: inherit
}
.ladi-form .ladi-button>.ladi-element {
color: initial;
font-size: initial;
font-weight: initial;
text-transform: initial;
text-decoration: initial;
font-style: initial;
text-align: initial;
letter-spacing: initial;
line-height: initial
}
.ladi-form>.ladi-element .ladi-form-item-container {
text-transform: inherit;
text-decoration: inherit;
text-align: inherit;
letter-spacing: inherit;
color: inherit;
background-size: inherit;
background-attachment: inherit;
background-origin: inherit
}
.ladi-form>.ladi-element .ladi-form-item-container .ladi-form-item {
text-transform: inherit;
text-decoration: inherit;
text-align: inherit;
letter-spacing: inherit;
color: inherit
}
.ladi-form>.ladi-element .ladi-form-item-container .ladi-form-item-background {
background-size: inherit;
background-attachment: inherit;
background-origin: inherit
}
.ladi-form>.ladi-element .ladi-form-item-container .ladi-form-item .ladi-form-control-select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-size: 9px 6px!important;
background-position:right .5rem center;
background-repeat: no-repeat
}
.ladi-form>.ladi-element .ladi-form-item-container .ladi-form-item .ladi-form-control-select-3 {
width: calc(100% / 3 - 5px);
max-width: calc(100% / 3 - 5px);
min-width: calc(100% / 3 - 5px)
}
.ladi-form>.ladi-element .ladi-form-item-container .ladi-form-item .ladi-form-control-select-3:nth-child(3) {
margin-left: 7.5px
}
.ladi-form>.ladi-element .ladi-form-item-container .ladi-form-item .ladi-form-control-select-3:nth-child(4) {
margin-left: 7.5px
}
.ladi-form>.ladi-element .ladi-form-item-container .ladi-form-item .ladi-form-control-select option {
color: initial
}
.ladi-form>.ladi-element .ladi-form-item-container .ladi-form-item .ladi-form-control:not(.ladi-form-control-select) {
text-transform: inherit;
text-decoration: inherit;
text-align: inherit;
letter-spacing: inherit;
color: inherit;
background-size: inherit;
background-attachment: inherit;
background-origin: inherit
}
.ladi-form>.ladi-element .ladi-form-item-container .ladi-form-item .ladi-form-control-select:not([data-selected=""]) {
text-transform: inherit;
text-decoration: inherit;
text-align: inherit;
letter-spacing: inherit;
color: inherit;
background-size: inherit;
background-attachment: inherit;
background-origin: inherit
}
.ladi-form>.ladi-element .ladi-form-item-container .ladi-form-item .ladi-form-control-select[data-selected=""] {
text-transform: inherit;
text-align: inherit;
letter-spacing: inherit;
color: inherit;
background-size: inherit;
background-attachment: inherit;
background-origin: inherit
}
.ladi-form>.ladi-element .ladi-form-item-container .ladi-form-item .ladi-form-checkbox-item {
text-transform: inherit;
text-decoration: inherit;
text-align: inherit;
letter-spacing: inherit;
color: inherit;
background-size: inherit;
background-attachment: inherit;
background-origin: inherit;
vertical-align: middle
}
.ladi-form>.ladi-element .ladi-form-item-container .ladi-form-item .ladi-form-checkbox-item span {
user-select: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none
}
.ladi-form>.ladi-element .ladi-form-item-container .ladi-form-item .ladi-form-checkbox-item span[data-checked=true] {
text-transform: inherit;
text-decoration: inherit;
text-align: inherit;
letter-spacing: inherit;
color: inherit;
background-size: inherit;
background-attachment: inherit;
background-origin: inherit
}
.ladi-form>.ladi-element .ladi-form-item-container .ladi-form-item .ladi-form-checkbox-item span[data-checked=false] {
text-transform: inherit;
text-align: inherit;
letter-spacing: inherit;
color: inherit;
background-size: inherit;
background-attachment: inherit;
background-origin: inherit
}
.ladi-form .ladi-form-item-container {
position: absolute;
width: 100%;
height: 100%
}
.ladi-form .ladi-form-item {
width: 100%;
height: 100%;
position: absolute
}
.ladi-form .ladi-form-item-background {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
pointer-events: none
}
.ladi-form .ladi-form-item.ladi-form-checkbox {
height: auto
}
.ladi-form .ladi-form-item .ladi-form-control {
background-color: transparent;
min-width: 100%;
min-height: 100%;
max-width: 100%;
max-height: 100%;
width: 100%;
height: 100%;
padding: 0 5px;
color: inherit;
font-size: inherit;
border: none
}
.ladi-form .ladi-form-item.ladi-form-checkbox {
padding: 10px 5px
}
.ladi-form .ladi-form-item.ladi-form-checkbox.ladi-form-checkbox-vertical .ladi-form-checkbox-item {
margin-top: 0!important;
margin-left: 0!important;
margin-right: 0!important;
display: table;
border: none
}
.ladi-form .ladi-form-item.ladi-form-checkbox.ladi-form-checkbox-horizontal .ladi-form-checkbox-item {
margin-top: 0!important;
margin-left: 0!important;
margin-right: 10px!important;
display: inline-block;
border: none;
position: relative
}
.ladi-form .ladi-form-item.ladi-form-checkbox .ladi-form-checkbox-item input {
vertical-align: middle;
width: 13px;
height: 13px;
display: table-cell;
margin-right: 5px
}
.ladi-form .ladi-form-item.ladi-form-checkbox .ladi-form-checkbox-item span {
display: table-cell;
cursor: default;
vertical-align: middle;
word-break: break-word
}
.ladi-form .ladi-form-item.ladi-form-checkbox.ladi-form-checkbox-horizontal .ladi-form-checkbox-item input {
position: absolute;
top: 4px
}
.ladi-form .ladi-form-item.ladi-form-checkbox.ladi-form-checkbox-horizontal .ladi-form-checkbox-item span {
padding-left: 18px
}
.ladi-form .ladi-form-item textarea.ladi-form-control {
resize: none;
padding: 5px
}
.ladi-form .ladi-button {
cursor: pointer
}
.ladi-form .ladi-button .ladi-headline {
cursor: pointer;
user-select: none
}
.ladi-cart {
position: absolute;
width: 100%;
font-size: 12px
}
.ladi-cart .ladi-cart-row {
position: relative;
display: inline-table;
width: 100%
}
.ladi-cart .ladi-cart-row:after {
content: '';
position: absolute;
left: 0;
bottom: 0;
height: 1px;
width: 100%;
background: #dcdcdc
}
.ladi-cart .ladi-cart-no-product {
text-align: center;
font-size: 16px;
vertical-align: middle
}
.ladi-cart .ladi-cart-image {
width: 16%;
vertical-align: middle;
position: relative;
text-align: center
}
.ladi-cart .ladi-cart-image img {
max-width: 100%
}
.ladi-cart .ladi-cart-title {
vertical-align: middle;
padding: 0 5px;
word-break: break-all
}
.ladi-cart .ladi-cart-title .ladi-cart-title-name {
display: block;
margin-bottom: 5px
}
.ladi-cart .ladi-cart-title .ladi-cart-title-variant {
font-weight: 700;
display: block
}
.ladi-cart .ladi-cart-image .ladi-cart-image-quantity {
position: absolute;
top: -3px;
right: -5px;
background: rgba(150,149,149,.9);
width: 20px;
height: 20px;
border-radius: 50%;
text-align: center;
color: #fff;
line-height: 20px
}
.ladi-cart .ladi-cart-quantity {
width: 70px;
vertical-align: middle;
text-align: center
}
.ladi-cart .ladi-cart-quantity-content {
display: inline-flex
}
.ladi-cart .ladi-cart-quantity input {
width: 24px;
text-align: center;
height: 22px;
-moz-appearance: textfield;
border-top: 1px solid #dcdcdc;
border-bottom: 1px solid #dcdcdc
}
.ladi-cart .ladi-cart-quantity input::-webkit-inner-spin-button, .ladi-cart .ladi-cart-quantity input::-webkit-outer-spin-button {
-webkit-appearance:none;
margin:0
}
.ladi-cart .ladi-cart-quantity button {
border: 1px solid #dcdcdc;
cursor: pointer;
text-align: center;
width: 21px;
height: 22px;
position: relative;
user-select: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none
}
.ladi-cart .ladi-cart-quantity button:active {
transform: translateY(2px);
transition: transform .2s linear
}
.ladi-cart .ladi-cart-quantity button span {
font-size: 18px;
position: relative;
left: .5px
}
.ladi-cart .ladi-cart-quantity button:first-child span {
top: -1.2px
}
.ladi-cart .ladi-cart-price {
width: 100px;
vertical-align: middle;
text-align: right;
padding: 0 5px
}
.ladi-cart .ladi-cart-action {
width: 28px;
vertical-align: middle;
text-align: center
}
.ladi-cart .ladi-cart-action button {
border: 1px solid #dcdcdc;
cursor: pointer;
text-align: center;
width: 25px;
height: 22px;
user-select: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none
}
.ladi-cart .ladi-cart-action button:active {
transform: translateY(2px);
transition: transform .2s linear
}
.ladi-cart .ladi-cart-action button span {
font-size: 13px;
position: relative;
top: .5px
}
.ladi-video {
position: absolute;
width: 100%;
height: 100%;
cursor: pointer;
overflow: hidden
}
.ladi-video .ladi-video-background {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
pointer-events: none
}
.ladi-group {
position: absolute;
width: 100%;
height: 100%
}
.ladi-button-group {
position: absolute;
width: 100%;
height: 100%
}
.ladi-checkout {
position: absolute;
width: 100%;
height: 100%
}
.ladi-shape {
position: absolute;
width: 100%;
height: 100%;
pointer-events: none
}
.ladi-html-code {
position: absolute;
width: 100%;
height: 100%
}
.ladi-image {
position: absolute;
width: 100%;
height: 100%;
overflow: hidden;
pointer-events: none
}
.ladi-image .ladi-image-background {
background-repeat: no-repeat;
background-position: left top;
background-size: cover;
background-attachment: scroll;
background-origin: content-box;
position: absolute;
margin: 0 auto;
width: 100%;
height: 100%;
pointer-events: none
}
.ladi-headline {
width: 100%;
display: inline-block;
background-size: cover;
background-position: center center
}
.ladi-headline a {
text-decoration: underline
}
.ladi-paragraph {
width: 100%;
display: inline-block
}
.ladi-paragraph a {
text-decoration: underline
}
.ladi-list-paragraph {
width: 100%;
display: inline-block
}
.ladi-list-paragraph a {
text-decoration: underline
}
.ladi-list-paragraph ul li {
position: relative;
counter-increment: linum
}
.ladi-list-paragraph ul li:before {
position: absolute;
background-repeat: no-repeat;
background-size: 100% 100%;
left: 0
}
.ladi-list-paragraph ul li:last-child {
padding-bottom: 0!important
}
.ladi-line {
position: relative
}
.ladi-line .ladi-line-container {
border-bottom: 0!important;
border-right: 0!important;
width: 100%;
height: 100%
}
a[data-action] {
user-select: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
cursor: pointer
}
a:visited {
color: inherit
}
a:link {
color: inherit
}
[data-opacity="0"] {
opacity:0
}
[data-hidden=true] {
display:none
}
[data-action=true] {
cursor:pointer
}
.ladi-hidden {
display: none
}
.backdrop-popup {
display: none;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 90000060
}
.lightbox-screen {
display: none;
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
bottom: 0;
right: 0;
margin: auto;
z-index: 9000000080;
background: rgba(0,0,0,.5)
}
.lightbox-screen .lightbox-close {
width: 30px;
height: 30px;
position: absolute;
z-index: 9000000090;
background: url(https://w.ladicdn.com/v2/source/ladi-icons.svg) rgba(255,255,255,.2) no-repeat;
background-position: -108px;
transform: scale(.7);
-webkit-transform: scale(.7);
cursor: pointer
}
.lightbox-screen .lightbox-hidden {
display: none
}
.ladi-animation-hidden {
visibility: hidden!important
}
.ladi-lazyload {
background-image: none!important
}
.ladi-list-paragraph ul li.ladi-lazyload:before {
background-image: none!important
}
@media (min-width:768px) {
.ladi-fullwidth {
width: 100vw!important;
left: calc(-50vw + 50%)!important;
box-sizing: border-box!important;
transform: none!important
}
.ladi-fullwidth .ladi-gallery-view-item {
transition-duration: 1.5s
}
}
@media (max-width:767px) {
.ladi-element.ladi-auto-scroll {
overflow-x: scroll;
overflow-y: hidden;
width: 100%!important;
left: 0!important;
-webkit-overflow-scrolling: touch
}
.ladi-section.ladi-auto-scroll {
overflow-x: scroll;
overflow-y: hidden;
-webkit-overflow-scrolling: touch
}
.ladi-carousel .ladi-carousel-content {
transition: left .3s ease-in-out
}
.ladi-gallery .ladi-gallery-view>.ladi-gallery-view-item {
transition: transform .3s ease-in-out
}
}
.ladi-notify-transition {
transition: top .5s ease-in-out, bottom .5s ease-in-out, opacity .5s ease-in-out
}
.ladi-notify {
padding: 5px;
box-shadow: 0 0 1px rgba(64,64,64,.3), 0 8px 50px rgba(64,64,64,.05);
border-radius: 40px;
color: rgba(64,64,64,1);
background: rgba(250,250,250,.9);
line-height: 1.6;
width: 100%;
height: 100%;
font-size: 13px
}
.ladi-notify .ladi-notify-image img {
float: left;
margin-right: 13px;
border-radius: 50%;
width: 53px;
height: 53px;
pointer-events: none
}
.ladi-notify .ladi-notify-title {
font-size: 100%;
height: 17px;
overflow: hidden;
font-weight: 700;
overflow-wrap: break-word;
text-overflow: ellipsis;
white-space: nowrap;
line-height: 1
}
.ladi-notify .ladi-notify-content {
font-size: 92.308%;
height: 17px;
overflow: hidden;
overflow-wrap: break-word;
text-overflow: ellipsis;
white-space: nowrap;
line-height: 1;
padding-top: 2px
}
.ladi-notify .ladi-notify-time {
line-height: 1.6;
font-size: 84.615%;
display: inline-block;
overflow-wrap: break-word;
text-overflow: ellipsis;
white-space: nowrap;
max-width: calc(100% - 155px);
overflow: hidden
}
.ladi-notify .ladi-notify-copyright {
font-size: 76.9231%;
margin-left: 2px;
position: relative;
padding: 0 5px;
cursor: pointer;
opacity: .6;
display: inline-block;
top: -4px
}
.ladi-notify .ladi-notify-copyright svg {
vertical-align: middle
}
.ladi-notify .ladi-notify-copyright svg:not(:root) {
overflow: hidden
}
.ladi-notify .ladi-notify-copyright div {
text-decoration: none;
color: rgba(64,64,64,1);
display: inline
}
.ladi-notify .ladi-notify-copyright strong {
font-weight: 700
}
.builder-container .ladi-notify {
transition: unset
}
.ladi-spin-lucky {
width: 100%;
height: 100%;
border-radius: 100%;
box-shadow: 0 0 7px 0 rgba(64,64,64,.6), 0 8px 50px rgba(64,64,64,.3);
background-repeat: no-repeat;
background-size: cover
}
.ladi-spin-lucky .ladi-spin-lucky-start {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
width: 20%;
height: 20%;
cursor: pointer;
background-size: contain;
background-position: center center;
background-repeat: no-repeat;
transition: transform .3s ease-in-out;
-webkit-transition: transform .3s ease-in-out
}
.ladi-spin-lucky .ladi-spin-lucky-start:hover {
transform: scale(1.1)
}
.ladi-spin-lucky .ladi-spin-lucky-screen {
width: 100%;
height: 100%;
border-radius: 100%;
transition: transform 7s cubic-bezier(.25, .1, 0, 1);
-webkit-transition: transform 7s cubic-bezier(.25, .1, 0, 1);
text-decoration-line: inherit;
text-transform: inherit;
-webkit-text-decoration-line: inherit
}
.ladi-spin-lucky .ladi-spin-lucky-screen:before {
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
content: '';
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
pointer-events: none
}
.ladi-spin-lucky .ladi-spin-lucky-label {
position: absolute;
top: 50%;
left: 50%;
overflow: hidden;
width: 42%;
padding-left: 12%;
transform-origin: 0 0;
-webkit-transform-origin: 0 0;
text-decoration-line: inherit;
text-transform: inherit;
-webkit-text-decoration-line: inherit;
line-height: 1.6;
text-shadow: rgba(0,0,0,.5) 1px 0 2px
}
</style>
<style id="style_page" type="text/css">
@media (min-width: 768px) {
.ladi-section .ladi-container {
width: 1200px;
}
}
@media (max-width: 767px) {
.ladi-section .ladi-container {
width: 420px;
}
}
body {
font-family: Montserrat, sans-serif
}
</style>
<style id="style_element" type="text/css">
@media (min-width: 768px) {
#SECTION_POPUP {
height: 0px;
}
#IMAGE4 {
width: 486.614px;
height: 618px;
top: 40px;
left: 670.307px;
}
#IMAGE4 > .ladi-image > .ladi-image-background {
width: 486.614px;
height: 618px;
top: 0px;
left: 0px;
background-image: url("https://w.ladicdn.com/s800x950/5dc24dba44924a2eb80ea272/1-20210128095410.png");
}
#IMAGE4.ladi-animation > .ladi-image {
animation-name: fadeInUp;
-webkit-animation-name: fadeInUp;
animation-delay: 0s;
-webkit-animation-delay: 0s;
animation-duration: 1.2s;
-webkit-animation-duration: 1.2s;
animation-iteration-count: 1;
-webkit-animation-iteration-count: 1;
}
#SECTION2 {
height: 700px;
}
#SECTION2 > .ladi-section-background {
background-size: auto 100%;
background-attachment: scroll;
background-origin: content-box;
background-image: url("https://w.ladicdn.com/s1440x700/5dc24dba44924a2eb80ea272/5-20210128155408.jpg");
background-position: center top;
background-repeat: repeat;
}
#SHAPE5 {
width: 1920px;
height: 145.205px;
top: 554.795px;
left: -365px;
}
#SHAPE5 svg:last-child {
fill: rgba(255, 255, 255, 1.0);
}
#HEADLINE9 {
width: 530px;
top: 49px;
left: 23.5px;
}
#HEADLINE9 > .ladi-headline {
font-family: "UTM Showcard.ttf";
color: rgb(232, 105, 48);
font-size: 38px;
text-align: center;
line-height: 1.6;
}
#PARAGRAPH11 {
width: 655px;
top: 124.5px;
left: 10px;
}
#PARAGRAPH11 > .ladi-paragraph {
color: rgb(255, 255, 255);
font-size: 19px;
text-align: center;
line-height: 1.6;
}
#PARAGRAPH12 {
width: 566px;
top: 531.795px;
left: 54.5px;
}
#PARAGRAPH12 > .ladi-paragraph {
font-family: "Quicksand", sans-serif;
color: rgb(12, 71, 181);
font-size: 17px;
font-weight: bold;
text-align: center;
line-height: 1.6;
}
#BOX14 {
width: 445px;
height: 237px;
top: 0px;
left: 0px;
}
#BOX14 > .ladi-box {
box-shadow: 0px 0px 20px -15px #000;
-webkit-box-shadow: 0px 0px 20px -15px #000;
background-color: rgb(255, 255, 255);
border-style: solid;
border-color: rgb(201, 222, 255);
border-width: 1px;
border-radius: 10px;
}
#PARAGRAPH17 {
width: 390px;
top: 76.323px;
left: 27.5px;
}
#PARAGRAPH17 > .ladi-paragraph {
color: rgb(57, 90, 152);
font-size: 18px;
font-weight: bold;
text-align: center;
line-height: 1.2;
}
#GROUP13 {
width: 445px;
height: 237px;
top: 262.5px;
left: 115px;
}
#PARAGRAPH20 {
width: 699px;
top: 206.5px;
left: -1px;
}
#PARAGRAPH20 > .ladi-paragraph {
color: rgb(255, 255, 255);
font-size: 19px;
font-weight: bold;
text-align: center;
line-height: 1.6;
}
#BOX21 {
width: 445px;
height: 57px;
top: 262.5px;
left: 115px;
}
#BOX21 > .ladi-box {
background: rgba(1, 120, 68, 1.0);
background: -webkit-linear-gradient(180deg, rgba(1, 120, 68, 1.0), rgba(4, 167, 115, 1.0));
background: linear-gradient(180deg, rgba(1, 120, 68, 1.0), rgba(4, 167, 115, 1.0));
border-radius: 10px;
}
#HEADLINE23 {
width: 369px;
top: 275.5px;
left: 153px;
}
#HEADLINE23 > .ladi-headline {
font-family: "Baloo Bhaina", cursive;
color: rgb(255, 255, 255);
font-size: 28px;
font-weight: bold;
text-align: center;
line-height: 1.6;
}
#PARAGRAPH25 {
width: 154px;
top: 206.5px;
left: 225px;
}
#PARAGRAPH25 > .ladi-paragraph {
color: rgb(232, 105, 48);
font-size: 19px;
font-weight: bold;
text-align: center;
line-height: 1.6;
}
#BOX27 {
width: 149.5px;
height: 79.6213px;
top: 730.379px;
left: 54.5px;
}
#BOX27 > .ladi-box {
box-shadow: 0px 0px 20px -15px #000;
-webkit-box-shadow: 0px 0px 20px -15px #000;
background-color: rgb(255, 255, 255);
border-style: solid;
border-color: rgb(201, 222, 255);
border-width: 1px;
border-radius: 10px;
filter: blur(6px);
}
#IMAGE29 {
width: 92.763px;
height: 81.3125px;
top: 5.5px;
left: 1016.2px;
}
#IMAGE29 > .ladi-image > .ladi-image-background {
width: 92.763px;
height: 81.3125px;
top: 0px;
left: 0px;
background-image: url("https://w.ladicdn.com/s400x400/5c7a2764faab435340e02dae/logo-tam-tri-luc-03-20210203045509.png");
}
#IMAGE31 {
width: 82.4912px;
height: 72.3125px;
top: 10px;
left: 1117.5px;
}
#IMAGE31 > .ladi-image > .ladi-image-background {
width: 82.4956px;
height: 72.3125px;
top: 0px;
left: 0px;
background-image: url("https://w.ladicdn.com/s400x400/5dc24dba44924a2eb80ea272/3-20210128155147.png");
}
}
@media (max-width: 767px) {
#SECTION_POPUP {
height: 0px;
}
#IMAGE4 {
width: 376.378px;
height: 478px;
top: 578.236px;
left: 22.03px;
}
#IMAGE4 > .ladi-image > .ladi-image-background {
width: 376.378px;
height: 478px;
top: 0px;
left: 0px;
background-image: url("https://w.ladicdn.com/s700x800/5dc24dba44924a2eb80ea272/1-20210128095410.png");
}
#IMAGE4.ladi-animation > .ladi-image {
animation-name: fadeInUp;
-webkit-animation-name: fadeInUp;
animation-delay: 0s;
-webkit-animation-delay: 0s;
animation-duration: 1.2s;
-webkit-animation-duration: 1.2s;
animation-iteration-count: 1;
-webkit-animation-iteration-count: 1;
}
#SECTION2 {
height: 1056.24px;
}
#SECTION2 > .ladi-section-background {
background-size: auto 100%;
background-attachment: scroll;
background-origin: content-box;
background-image: url("https://w.ladicdn.com/s768x1056/5dc24dba44924a2eb80ea272/11-20210129044916.jpg");
background-position: center top;
background-repeat: repeat;
}
#SHAPE5 {
width: 1074.17px;
height: 113.126px;
top: 943.11px;
left: -103px;
}
#SHAPE5 svg:last-child {
fill: rgba(255, 255, 255, 1.0);
}
#HEADLINE9 {
width: 400px;
top: 78px;
left: 10.219px;
}
#HEADLINE9 > .ladi-headline {
font-family: "UTM Showcard.ttf";
color: rgb(232, 105, 48);
font-size: 24px;
text-align: center;
line-height: 1.6;
}
#PARAGRAPH11 {
width: 400px;
top: 125px;
left: 9.9999px;
}
#PARAGRAPH11 > .ladi-paragraph {
color: rgb(255, 255, 255);
font-size: 12px;
text-align: center;
line-height: 1.6;
}
#PARAGRAPH12 {
width: 404px;
top: 538.5px;
left: 8.219px;
}
#PARAGRAPH12 > .ladi-paragraph {
font-family: "Quicksand", sans-serif;
color: rgb(12, 71, 181);
font-size: 12px;
font-weight: bold;
text-align: center;
line-height: 1.6;
}
#BOX14 {
width: 400px;
height: 243px;
top: 0px;
left: 0px;
}
#BOX14 > .ladi-box {
box-shadow: 0px 0px 20px -15px #000;
-webkit-box-shadow: 0px 0px 20px -15px #000;
background-color: rgb(255, 255, 255);
border-style: solid;
border-color: rgb(201, 222, 255);
border-width: 1px;
border-radius: 10px;
}
#PARAGRAPH17 {
width: 351px;
top: 81.6415px;
left: 24.4382px;
}
#PARAGRAPH17 > .ladi-paragraph {
color: rgb(57, 90, 152);
font-size: 16px;
font-weight: bold;
text-align: center;
line-height: 1.2;
}
#GROUP13 {
width: 400px;
height: 243px;
top: 279px;
left: 9.9999px;
}
#PARAGRAPH20 {
width: 400px;
top: 192px;
left: 9.9999px;
}
#PARAGRAPH20 > .ladi-paragraph {
color: rgb(255, 255, 255);
font-size: 17px;
font-weight: bold;
text-align: center;
line-height: 1.6;
}
#BOX21 {
width: 400px;
height: 51.236px;
top: 279px;
left: 9px;
}
#BOX21 > .ladi-box {
background: rgba(1, 120, 68, 1.0);
background: -webkit-linear-gradient(180deg, rgba(1, 120, 68, 1.0), rgba(4, 167, 115, 1.0));
background: linear-gradient(180deg, rgba(1, 120, 68, 1.0), rgba(4, 167, 115, 1.0));
border-radius: 10px;
}
#HEADLINE23 {
width: 366px;
top: 286.236px;
left: 27.219px;
}
#HEADLINE23 > .ladi-headline {
font-family: "Baloo Bhaina", cursive;
color: rgb(255, 255, 255);
font-size: 28px;
font-weight: bold;
text-align: center;
line-height: 1.6;
}
#PARAGRAPH25 {
width: 400px;
top: 192px;
left: 48.5px;
}
#PARAGRAPH25 > .ladi-paragraph {
color: rgb(232, 105, 48);
font-size: 17px;
font-weight: bold;
text-align: center;
line-height: 1.6;
}
#BOX27 {
width: 400px;
height: 58px;
top: 528.5px;
left: 10.219px;
}
#BOX27 > .ladi-box {
box-shadow: 0px 0px 20px -15px #000;
-webkit-box-shadow: 0px 0px 20px -15px #000;
background-color: rgb(255, 255, 255);
border-style: solid;
border-color: rgb(201, 222, 255);
border-width: 1px;
border-radius: 10px;
filter: blur(6px);
}
#IMAGE29 {
width: 56.2567px;
height: 49.3125px;
top: 6.6875px;
left: 133.719px;
}
#IMAGE29 > .ladi-image > .ladi-image-background {
width: 56.2567px;
height: 49.3125px;
top: 0px;
left: 0px;
background-image: url("https://w.ladicdn.com/s400x350/5c7a2764faab435340e02dae/logo-tam-tri-luc-03-20210203045509.png");
}
#IMAGE31 {
width: 49.4118px;
height: 43.3125px;
top: 9.6875px;
left: 197px;
}
#IMAGE31 > .ladi-image > .ladi-image-background {
width: 49.4118px;
height: 43.3125px;
top: 0px;
left: 0px;
background-image: url("https://w.ladicdn.com/s350x350/5dc24dba44924a2eb80ea272/3-20210128155147.png");
}
}
</style>
<style id="style_lazyload" type="text/css">
.ladi-section-background, .ladi-image-background, .ladi-button-background, .ladi-headline, .ladi-video-background, .ladi-countdown-background, .ladi-box, .ladi-frame-background, .ladi-banner, .ladi-form-item-background, .ladi-gallery-view-item, .ladi-gallery-control-item, .ladi-spin-lucky-screen, .ladi-spin-lucky-start, .ladi-list-paragraph ul li:before {background-image: none !important;}
</style>
<?php $this->load->view('analytics');?>
</head>
<body>
<div class="ladi-wraper">
<div id="SECTION2" class='ladi-section'>
<div class='ladi-section-background'></div>
<div class="ladi-container">
<div id="BOX27" class='ladi-element'>
<div class='ladi-box'></div>
</div>
<div id="IMAGE4" class='ladi-element'>
<div class='ladi-image'>
<div class="ladi-image-background"></div>
</div>
</div>
<div id="SHAPE5" class='ladi-element'>
<div class='ladi-shape'><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" preserveAspectRatio="none" viewBox="0 0 1919 202.1" class="" fill="rgba(255, 255, 255, 1.0)">
<defs>
<style>
.cls-fmPiQZ{opacity:0.4;}.cls-sDYJJw{opacity:0.2;}
</style>
</defs>
<path class="cls-fmPiQZ" d="M1919,193.6V125.4a75.7,75.7,0,0,0-126.6-14.6,53.6,53.6,0,0,0-98-16.7,35.6,35.6,0,0,0-22.8-8.2,36.8,36.8,0,0,0-24.7,9.7,53.9,53.9,0,0,0-46.7-27,53.1,53.1,0,0,0-33.4,11.8,55.3,55.3,0,0,0,2.7-16.9,53.8,53.8,0,1,0-107.6,0c0,1.1.2,2.5.2,3.6a75.7,75.7,0,0,0-118.4,42.4,54.2,54.2,0,0,0-58-8.7c-9.5-16-61.8-26.2-78.7,35.2a33.5,33.5,0,0,0-50.7,3.8,58.9,58.9,0,0,0-115.5-4.8,52.6,52.6,0,0,0-79.4-5.2,52.6,52.6,0,0,0-82.8,1.4,58.9,58.9,0,0,0-115.5,4.8,33.5,33.5,0,0,0-50.7-3.8C695.3,70.7,643,81,633.5,96.9a54.2,54.2,0,0,0-58,8.7A75.7,75.7,0,0,0,457.2,63.3c0-1.1.2-2.5.2-3.6a53.8,53.8,0,1,0-107.5,0,55.3,55.3,0,0,0,2.7,16.9A53.1,53.1,0,0,0,319,64.8a53.9,53.9,0,0,0-46.7,27,36.8,36.8,0,0,0-24.7-9.7,35.6,35.6,0,0,0-22.8,8.2,53.6,53.6,0,0,0-98,16.7A75.7,75.7,0,0,0,.2,121.6v68.1" transform="translate(0 0.1)"></path>
<path class="cls-sDYJJw" d="M1919,187.6V119.4a75.7,75.7,0,0,0-126.6-14.6,53.6,53.6,0,0,0-98-16.7,35.6,35.6,0,0,0-22.8-8.2,36.8,36.8,0,0,0-24.7,9.7,53.9,53.9,0,0,0-46.7-27,53.1,53.1,0,0,0-33.4,11.8,55.3,55.3,0,0,0,2.7-16.9,53.8,53.8,0,1,0-107.6,0c0,1.1.2,2.5.2,3.6a75.7,75.7,0,0,0-118.4,42.4,54.2,54.2,0,0,0-58-8.7c-9.5-16-61.8-26.2-78.7,35.2a33.5,33.5,0,0,0-50.7,3.8,58.9,58.9,0,0,0-115.5-4.8,52.6,52.6,0,0,0-79.4-5.2,52.6,52.6,0,0,0-82.8,1.4,58.9,58.9,0,0,0-115.5,4.8,33.5,33.5,0,0,0-50.7-3.8C695.3,64.7,643,75,633.5,90.9a54.2,54.2,0,0,0-58,8.7A75.7,75.7,0,0,0,457.2,57.3c0-1.1.2-2.5.2-3.6a53.8,53.8,0,1,0-107.5,0,55.3,55.3,0,0,0,2.7,16.9A53.1,53.1,0,0,0,319,58.8a53.9,53.9,0,0,0-46.7,27,36.8,36.8,0,0,0-24.7-9.7,35.6,35.6,0,0,0-22.8,8.2,53.6,53.6,0,0,0-98,16.7A75.7,75.7,0,0,0,.2,115.6v68.1" transform="translate(0 0.1)"></path>
<path d="M1919,201.6V133.4a75.7,75.7,0,0,0-126.6-14.6,53.6,53.6,0,0,0-98-16.7,35.6,35.6,0,0,0-22.8-8.2,36.8,36.8,0,0,0-24.7,9.7,53.9,53.9,0,0,0-46.7-27,53.1,53.1,0,0,0-33.4,11.8,55.3,55.3,0,0,0,2.7-16.9,53.8,53.8,0,1,0-107.6,0c0,1.1.2,2.5.2,3.6a75.7,75.7,0,0,0-118.4,42.4,54.2,54.2,0,0,0-58-8.7c-9.5-16-61.8-26.2-78.7,35.2a33.5,33.5,0,0,0-50.7,3.8,58.9,58.9,0,0,0-115.5-4.8,52.6,52.6,0,0,0-79.4-5.2,52.6,52.6,0,0,0-82.8,1.4,58.9,58.9,0,0,0-115.5,4.8,33.5,33.5,0,0,0-50.7-3.8C695.3,78.7,643,89,633.5,104.9a54.2,54.2,0,0,0-58,8.7A75.7,75.7,0,0,0,457.2,71.3c0-1.1.2-2.5.2-3.6a53.8,53.8,0,1,0-107.5,0,55.3,55.3,0,0,0,2.7,16.9A53.1,53.1,0,0,0,319,72.8a53.9,53.9,0,0,0-46.7,27,36.8,36.8,0,0,0-24.7-9.7,35.6,35.6,0,0,0-22.8,8.2,53.6,53.6,0,0,0-98,16.7A75.7,75.7,0,0,0,.2,129.6L0,202" transform="translate(0 0.1)"></path>
</svg></div>
</div>
<div id="HEADLINE9" class='ladi-element'>
<h3 class='ladi-headline'>ĐĂNG KÝ THÀNH CÔNG<br>
</h3>
</div>
<div id="PARAGRAPH11" class='ladi-element'>
<p class='ladi-paragraph'>XIN CẢM ƠN BẠN ĐÃ TIN TƯỞNG ĐỒNG HÀNH CÙNG CHÚNG TÔI <br>
<span style="font-weight: bold;">GIÚP CON BIẾT CÁCH HỌC, KHỎI CỰC NHỌC!</span><br>
</p>
</div>
<div id="PARAGRAPH12" class='ladi-element'>
<p class='ladi-paragraph'>Chúng tôi sẽ liên hệ xác nhận ngay khi anh chị hoàn tất thanh toán! <br>
Hotline: 0937 319 291. Trân trọng!<br>
</p>
<dd style="text-align:center; padding:15px;"><a href="<?=site?>" style="color:#F00; font-size:16px; font-weight:bold;">Về trang chủ</a></dd>
</div>
<div id="GROUP13" class='ladi-element'>
<div class='ladi-group'>
<div id="BOX14" class='ladi-element'>
<div class='ladi-box'></div>
</div>
<div id="PARAGRAPH17" class='ladi-element'>
<p class='ladi-paragraph'>NGÂN HÀNG TMCP ĐẦU TƯ VÀ PHÁT TRIỂN (BIDV)<br>
<br>
<span style="font-weight: normal;">Chủ tài khoản:</span>TRƯƠNG THỊ XUÂN BÌNH<br>
<br>
<span style="font-weight: normal;">Số tài khoản: </span>14110000484498<br>
<br>
<span style="font-weight: normal;">Nội dung: </span>HỌ TÊN - SĐT<br>
</p>
</div>
</div>
</div>
<div id="PARAGRAPH20" class='ladi-element'>
<p class='ladi-paragraph'><span style="font-weight: bold;">Vui lòng thanh toán 2.368.000đ trong vòng 24h để giữ ưu đãi</span></p>
</div>
<div id="BOX21" class='ladi-element'>
<div class='ladi-box'></div>
</div>
<div id="HEADLINE23" class='ladi-element'>
<h3 class='ladi-headline'>THÔNG TIN THANH TOÁN</h3>
</div>
<!--<div id="PARAGRAPH25" class='ladi-element'>
<p class='ladi-paragraph'><span style="font-weight: bold;">1.368.000đ</span></p>
</div>-->
<div id="IMAGE29" class='ladi-element'>
<div class='ladi-image'>
<div class="ladi-image-background"></div>
</div>
</div>
<div id="IMAGE31" class='ladi-element'>
<div class='ladi-image'>
<div class="ladi-image-background"></div>
</div>
</div>
</div>
</div>
<div id="SECTION_POPUP" class='ladi-section'>
<div class='ladi-section-background'></div>
<div class="ladi-container"></div>
</div>
</div>
<div id="backdrop-popup" class="backdrop-popup"></div>
<div id="lightbox-screen" class="lightbox-screen"></div>
<script id="script_lazyload" type="text/javascript">
;(function() {
var list_element_lazyload = document.querySelectorAll('.ladi-section-background, .ladi-image-background, .ladi-button-background, .ladi-headline, .ladi-video-background, .ladi-countdown-background, .ladi-box, .ladi-frame-background, .ladi-banner, .ladi-form-item-background, .ladi-gallery-view-item, .ladi-gallery-control-item, .ladi-spin-lucky-screen, .ladi-spin-lucky-start, .ladi-list-paragraph ul li');
var style_lazyload = document.getElementById('style_lazyload');
for (var i = 0; i < list_element_lazyload.length; i++) {
var rect = list_element_lazyload[i].getBoundingClientRect();
if (rect.x == "undefined" || rect.x == undefined || rect.y == "undefined" || rect.y == undefined) {
rect.x = rect.left;
rect.y = rect.top;
}
var offset_top = rect.y + window.scrollY;
if (offset_top >= window.scrollY + window.innerHeight || window.scrollY >= offset_top + list_element_lazyload[i].offsetHeight) {
list_element_lazyload[i].classList.add('ladi-lazyload');
}
}
style_lazyload.parentElement.removeChild(style_lazyload);
var currentScrollY = window.scrollY;
var stopLazyload = function(event) {
if (event.type == "scroll" && window.scrollY == currentScrollY) {
currentScrollY = -1;
return;
}
window.removeEventListener('scroll', stopLazyload);
list_element_lazyload = document.getElementsByClassName('ladi-lazyload');
while (list_element_lazyload.length > 0) {
list_element_lazyload[0].classList.remove('ladi-lazyload');
}
};
window.addEventListener('scroll', stopLazyload);
})();
</script>
<!--[if lt IE 9]>
<script src="<?=skin?>sieutrinho/js/html5shiv.min.js"></script>
<script src="<?=skin?>sieutrinho/js/respond.min.js"></script>
<![endif]-->
<link href="https://fonts.googleapis.com/css?family=Montserrat:bold,regular|Quicksand:bold,regular|Baloo Bhaina:bold,regular&display=swap" rel="stylesheet" type="text/css">
<link href="<?=skin?>sieutrinho/css/ladipage.min.css" rel="stylesheet" type="text/css">
<script src="<?=skin?>sieutrinho/js/ladipage.vi.min.js" type="text/javascript"></script>
<!--<script id="script_event_data" type="text/javascript">
;(function(){
var querystring = encodeURIComponent('<?=read_file(ROOT."skin/sieutrinho/thanhcong.json")?>');
var run = function() {
if (typeof window.LadiPageScript == "undefined" || window.LadiPageScript == undefined || typeof window.ladi == "undefined" || window.ladi == undefined) {
setTimeout(run, 100);
return;
}
window.LadiPageApp = window.LadiPageApp || new window.LadiPageAppV2();
window.LadiPageScript.runtime.ladipage_id = '60338854fad5300012c596e8';
window.LadiPageScript.runtime.publish_platform = 'LADIPAGEDNS';
window.LadiPageScript.runtime.isMobileOnly = false;
window.LadiPageScript.runtime.DOMAIN_SET_COOKIE = ["hocthongminh.net"];
window.LadiPageScript.runtime.DOMAIN_FREE = [];
window.LadiPageScript.runtime.bodyFontSize = 12;
window.LadiPageScript.runtime.store_id = "603249f9fad5300012c53849";
window.LadiPageScript.runtime.time_zone = 7;
window.LadiPageScript.runtime.currency = "VND";
window.LadiPageScript.runtime.eventData = querystring;
//trit(decodeURIComponent(window.LadiPageScript.runtime.eventData));
window.LadiPageScript.run(true);
window.LadiPageScript.runEventScroll();
};
run();
})();
</script>-->
</body>
</html>