<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* CSS Document */
/* Copyright 2017 by 3graphic.com */

.sp{display:none}
.section-box.full-size{max-width:inherit}


/*BUTTON*/
.btn{position:relative;display:inline-block;width:auto;-webkit-border-radius:10px;border-radius:10px;background-color:#1226aa;text-transform:uppercase;color:#fff;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;cursor:pointer;white-space:nowrap}
.btn::after{content:'';position:absolute;right:20px;top:24px;width:12px;height:18px;background:url(../images/arrow.png) no-repeat center center}

.btn.size-large{height:64px;line-height:64px;padding:0 50px 0 30px;font-family:'Roboto', sans-serif;font-weight:700;font-size:24px;}
.btn.size-medium{height:64px;line-height:64px;padding:0 50px 0 30px;font-family:'Roboto', sans-serif;font-weight:700;font-size:18px;}
.btn.size-small{height:46px;min-width: 140px;line-height:46px;margin-bottom:15px; padding:0 36px 0 20px;font-size:14px;font-weight:bold;-webkit-border-radius:30px;border-radius:30px;text-transform:inherit}
.btn.size-small:after{top:15px;right:14px;}
.btn.size-medium.color-grey{background-color:#849aad}
.btn.bg-green{background-color:#1226AA}
.btn.bg-grey{background-color:#849aad}

.btn:hover, .btn.bg-green:hover, .btn.bg-grey:hover{background-color:#EA0029}
.rule-link{display: block; margin-bottom:15px; color: #555555;font-size: 12px;text-decoration: underline;}




/*CHECKBOX*/
.check-box{position:relative;display:block;width:100%;height:auto;text-align:center;z-index:1;cursor:pointer}
.check-box.ta_left{text-align:left}
.check-box.ta_right{text-align:right;}
.check-box.ta_right span{margin: 0 5px}

.check-box span{display:inline-block;vertical-align:middle;font-size:12px;color:#2e2f30;vertical-align:middle;margin-left:10px;}
.check-box span strong{font-size: 18px;}

.check-box input[type="checkbox"]{position:relative;display:inline-block;width:25px;height:25px;margin:0;opacity:0;-webkit-appearance:none;background-color:transparent;outline:none;border:none;cursor:pointer;vertical-align:middle;}
.check-box input[type="checkbox"] + .check-mask{position:absolute;width:25px;height:25px;z-index:-1;margin:0 0 0 -25px;background-color:#fff;border:1px solid #2e2f30;-webkit-border-radius:5px;border-radius:5px;}

.check-box input[type="checkbox"] + .check-mask::before{content:'';position:absolute;left:3px;top:-7px;width:100%;height:100%;background:url(../images/check-blue.png) no-repeat center center;opacity:0;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;background-size:cover}
.check-box input[type="checkbox"]:checked + .check-mask::before{opacity:1}

.check-box.card{display:inline-block;width:auto;position:absolute;right:20px;bottom:10px;text-align:right}
.check-box.card input[type="checkbox"]  + .check-mask + span{position:absolute;right:100%;top:5px;margin:0 10px 0 0;white-space:nowrap}



/*RADIO*/
.radio-box{position:relative;display:block;height:100%;text-align:left}
.radio-box li{display:inline-block;vertical-align:top;width:auto;height:auto;margin:0 0 0 15px;line-height:26px;}
.radio-box label{position:relative;display:block;text-align:left;z-index:1;cursor:pointer}
.radio-box label span{display:inline-block;vertical-align:middle;font-size:12px;font-weight:bold;color:#2e2f30;vertical-align:middle;margin-left:10px;}
.radio-box label span strong{font-size: 18px}

.radio-box label input[type="radio"]{position:relative;display:inline-block;width:25px;height:25px;margin:0;opacity:0;-webkit-appearance:none;background-color:transparent;outline:none;border:none;cursor:pointer;vertical-align:middle;}
.radio-box label input[type="radio"] + .radio-mask{content:'';position:absolute;width:25px;height:25px;z-index:-1;margin:0 0 0 -25px;background-color:#fff;border:1px solid #2e2f30;-webkit-border-radius:5px;border-radius:5px;}
.radio-box label input[type="radio"] + .radio-mask::before{content:'';position:absolute;left:3px;top:-7px;width:100%;height:100%;background:url(../images/check-blue.png) no-repeat center center;opacity:0;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.radio-box label input[type="radio"]:checked + .radio-mask::before{opacity:1}



.radio-on-box label{position:relative;display:block;width:100%;height:100%;cursor:pointer;z-index:1;}
.radio-on-box input{display:block;width:100%;height:64px;opacity:0;z-index:2;padding:0;margin:0;position:relative;cursor:pointer}
.radio-on-box input + .radio-mask{position:absolute;left:0;top:0;display:block;width:100%;height:100%;background-color: rgba(255,255,255,0.8);-webkit-border-radius: 20px;border-radius: 20px;z-index:0;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.radio-on-box input + .radio-mask + span{position:absolute;left:0;top:0;width:100%;height:100%;color:#030303;line-height:64px;text-align:center;z-index:1;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}
.radio-on-box input:checked + .radio-mask{background-color:#EA0029}
.radio-on-box input:checked + .radio-mask + span{color:#fff}

.radio-circle label{position:relative;display:block;width:100%;height:auto;z-index:1;cursor:pointer}
.radio-circle input[type="radio"]{display:inline-block;vertical-align:middle;width:20px;height:20px;padding:0;margin:0;-webkit-appearance:none;background-color:transparent;outline:none;border:none;cursor:pointer;vertical-align:middle}
.radio-circle input[type="radio"] + .radio-mask{position:absolute;width:20px;height:20px;z-index:-1;margin:0 0 0 -20px;background-color:#fff;-webkit-border-radius:50%;border-radius:50%;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}
.radio-circle input[type="radio"] + .radio-mask + span{display:inline-block;margin:0 0 0 10px;vertical-align:middle;font-size:12px;color:#fff}
.radio-circle input[type="radio"]:checked + .radio-mask{background:url(../images/radio.png) no-repeat center center}




/*PAGING*/
.page-controls{position:relative;display:block;width:100%;height:auto;margin:25px 0 0 0;text-align:center}
.page-num{position:relative;width:auto;max-width:192px;height:40px;overflow:hidden;text-align:center;}
.page-num ul{position:relative;display:inline-block;overflow:hidden;padding:0 0 4px 0}
.page-num li{position:relative;float:left;margin:0 0 0 4px}
.page-num li a{display:block;border:1px solid #b2bac0;background-color:#fff;font-family:Arial, Helvetica, sans-serif;font-size:15px;width:34px;height:34px;line-height:32px;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;-webkit-border-radius:9px;border-radius:9px;color:#606060;}
.page-num li.active:after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;z-index:1}
.page-num li.active a, .page-num li:not(.active) a:hover{background-color:#b2bac0;color:#fff;}

.page-note{display:inline-block;width:auto;height:34px;padding:0 15px;font-weight:bold;font-size:16px;text-transform:uppercase;color:#b2bac0;line-height:34px;}

.first, .last, .page-num{display:inline-block;vertical-align:top;}
.first, .last{width:34px;height:34px;-webkit-border-radius:9px;border-radius:9px;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.first{margin:0 0 0 10px;background:url(../images/page-prev.png) no-repeat center center;background-color:#fff;border:1px solid #b2bac0;}
.last{background:url(../images/page-next.png) no-repeat center center;background-color:#fff;border:1px solid #b2bac0;}
.first.disabled, .last.disabled{opacity:0.5;pointer-events:none}
.first:not(.disabled):hover, .last:not(.disabled):hover{background-color:#b2bac0}




/*TABLE CONTENT*/
.content-table{position:relative;display:block;width:100%;height:auto;}



/*BANNER*/
.left-content{position:absolute;width:100%;height:100%;left:0;top:0;text-align:left}
.left-content.has-bg{background:url(../images/support-bg-text.png) repeat-y left top}
.left-content:before, .left-content:after{content:'';display:inline-block;width:auto;height:100%;vertical-align:middle}

.left-pic{position:relative;display:inline-block;width:auto;height:auto;max-width:280px;margin:0;line-height:0;vertical-align:middle}
.left-pic img{display:block;width:auto;height:auto;max-width:280px;}

.left-txt{display:inline-block;width:auto;height:auto;max-width:660px;overflow:hidden;text-align:left;vertical-align:middle}
.left-txt:only-child{margin:0 0 0 60px}
.left-txt h2{margin-bottom:20px;font-family:'Roboto', sans-serif;font-weight:300;font-size:48px;color:#fff;text-transform:uppercase;line-height:1.2;text-shadow:1px 1px 0 rgba(0,0,0,0.5)}
.left-txt h2 strong{font-weight:700;}
.left-detail{position:relative;display:inline-block;width:auto;height:40px;padding:0 37px 0 25px;line-height:39px;font-size:14px;font-weight:bold;color:#fff;border:1px solid #fff;-webkit-border-radius:30px;border-radius:30px;text-shadow:1px 1px 0 rgba(0,0,0,0.3);-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}
.left-txt p{font-family:'Roboto', sans-serif;font-weight:300;font-size:30px;color:#fff;line-height:1.2;text-shadow:1px 1px 0 rgba(0,0,0,0.5)}
.left-txt p strong{font-weight:700}

.left-detail:before{content:'';position:absolute;left:2px;top:2px;width:100%;height:100%;-webkit-border-radius:30px;border-radius:30px;box-shadow:0 0 5px rgba(0,0,0,0.3)}
.left-detail:after{content:'';position:absolute;right:15px;top:11px;width:12px;height:18px;background:url(../images/arrow.png) no-repeat center center}
.left-detail:hover{background-color:#1226aa;border:1px solid #1226aa;}
.left-detail:hover:before{box-shadow:0 0 5px rgba(0,0,0,0);-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}


.left-pic, .left-txt h2, .left-detail{opacity:0}
.item-active .left-pic{-webkit-animation:goLeft;animation:goLeft;-webkit-animation-duration:0.9s;animation-duration:0.9s;-webkit-animation-delay:1.5s;animation-delay:1.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;}
.item-active .left-txt h2{-webkit-animation:fadeInUp;animation:fadeInUp;-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-delay:1.5s;animation-delay:1.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}
.item-active .left-detail{-webkit-animation:fadeInUp;animation:fadeInUp;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-delay:1.5s;animation-delay:1.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}



/*SUB-NAV*/
.sub-nav-content{position:relative;display:block;width:100%;height:auto;padding:52px 0 0 0;background:url(../images/tools-overlay.png) repeat-x right bottom;font-size:0;text-align:center}
.sub-nav{position:relative;display:inline-block;text-align:center;white-space:nowrap;}
.sub-nav li{position:relative;display:inline-block;margin:0 1px;}
.is-Safari5 .sub-nav li{margin:0 -1px}
.sub-nav li a{display:block;width:auto;height:46px;padding:0 20px;font-size:14px;line-height:46px;font-weight:bold;color:#505050;text-transform:uppercase;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}
.sub-nav li.current a, .sub-nav li:not(.current):hover a{background-color:#1226AA;color:#fff;}
.sub-nav-content.hide{position:fixed;top:73px;background-color:#fff;box-shadow:0 10px 20px 0 rgba(0,0,0,0.2);z-index:88}

.sub-nav-content.size-small{padding:0 5%;z-index:2}
.sub-nav-content.size-small .sub-nav{top:90px}
.sub-nav-content.size-small .sub-nav li a{background-color:#eceff2;color:#414141}
.sub-nav-content.size-small .sub-nav li:not(.current):hover a{background-color:#1226aa;color:#fff;text-shadow:1px 1px 0 rgba(0,0,0,0.5)}
.sub-nav-content.size-small .sub-nav li.current a{background-color:#1226aa;color:#fff;text-shadow:1px 1px 0 rgba(0,0,0,0.5)}
.sub-nav-content.size-small .sub-nav li:nth-child(2){pointer-events:none;}
.sub-nav-content.size-small .sub-nav li:nth-child(2).ready{pointer-events:auto}
.sub-nav-content.size-small .sub-nav li:nth-child(2)::after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;z-index:1}
.sub-nav-content.size-small .sub-nav li.ready::after{display:none}


.sub-nav-content.size-small.hide{padding:52px 0 0 0}
.sub-nav-content.size-small.hide .sub-nav{top:0}

.sub-nav-content::before{content:'';position:absolute;left:0;top:0;width:5%;height:100%;background:url(../images/previous-3.png) no-repeat center center;display:none}
.sub-nav-content::after{content:'';position:absolute;right:0;top:0;width:5%;height:100%;background:url(../images/next-3.png) no-repeat center center;display:none}


/*HORIZOL-TAB*/
.horizon-tab-content{position:relative;display:block;width:100%;height:auto;text-align:center;font-size:0;overflow:hidden}
.horizon-tab{position:relative;display:inline-block;width:auto;height:auto;overflow:hidden;}
.horizon-tab ul{position:relative;display:inline-block;width:auto;height:auto;}
.horizon-tab li{position:relative;display:inline-block;width:auto;height:auto;max-width:360px;vertical-align:middle;margin:0 1px;}
.is-Safari5 .horizon-tab li{margin:0 -1px}
.horizon-tab li p{position:relative;display:block; font-weight:bold;padding:15px 30px;font-size:15px;text-transform:uppercase;color:#414141;line-height:1.4;text-shadow:1px 1px 0 rgba(0,0,0,0);z-index:2;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}
.horizon-tab li::before{content:'';position:absolute;left:0;top:-50%;width:100%;height:200%;background-color:#eceff2;z-index:1;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}
.horizon-tab li.current::before, .horizon-tab li:not(.current):hover::before{background-color:#1226aa}
.horizon-tab li.current p, .horizon-tab li:not(.current):hover p{color:#fff;text-shadow:1px 1px 0 rgba(0,0,0,0.5)}
.horizon-tab li.current::after{content:'';position:absolute;left:0;top:-50%;width:100%;height:200%;z-index:4}
.tab-but{position:absolute;left:0;top:-50%;width:100%;height:200%;background-color:rgba(0,0,0,0);cursor:pointer;z-index:3;}
.size-large .horizon-tab li p{padding:25px 30px;font-weight:bold}


/*SELECT LIST*/
.select-list{position:relative;display:block;width:240px;height:41px;margin:30px auto 24px auto;z-index:1}
.select-header{position:relative;display:block;width:100%;height:41px;padding:0 60px 0 20px;line-height:38px;background-color:#fff;border:1px solid #b7b7b7;-webkit-border-radius:30px;border-radius:30px;cursor:pointer;}
.select-header h3{display:inline-block;font-size:14px;color:#5a5a5a;font-weight:bold;line-height:1;vertical-align:middle}
.select-header .but{position:absolute;right:4px;top:4px;width:33px;height:33px;background:url(../images/select.png) no-repeat center bottom / cover;background-color:#b2bac0;-webkit-border-radius:50%;border-radius:50%;-webkit-transition:opacity 0.3s ease-in-out;transition:opacity 0.3s ease-in-out;}
.select-list:hover .but{opacity:0.5;}

.select-box{position:absolute;top:41px;left:0;display:none;width:100%;height:auto;max-height:300px;padding:2px 0 0 0;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;z-index:99999;}
.select-box ul{position:relative;display:block;width:100%;height:auto;text-align:center;font-size:0;-webkit-border-radius:10px;border-radius:10px;overflow:hidden}
.select-box li{position:relative;display:block;width:100%;height:auto;margin:0 auto 1px auto;}
.select-box li a{display:block;width:100%;height:auto;}
.select-box li h3{display:block;padding:10px 15px;background-color:#b2bac0;font-size:13px;line-height:20px;color:#fff;text-align:left;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.select-box li.selected h3, .select-box li:not(.selected):hover h3{background-color:#1226AA;}
.select-box li.selected{pointer-events:none;}

.h60{height:60px;}
.h60 .select-header{height:60px;line-height:54px;-webkit-border-radius:10px;border-radius:10px;}
.h60 .but{top:10px;right:10px;width:40px;height:40px;background:url(../images/select-01.png) no-repeat center bottom / cover;}
.h60 .select-box{top:61px;}



/*UL LIST*/
/*.lb-plus, .lb-circle, .lb-minus{position:relative;display:block;width:100%;height:auto;}
.lb-plus &gt; li, .lb-circle &gt; li, .lb-minus &gt; li{position:relative;display:block;margin:0 0 10px 0;padding:0 0 0 15px;line-height:1.4}
.lb-plus &gt; li::before, .lb-circle &gt; li::before, .lb-minus &gt; li::before{position:absolute;display:inline-block;font-family:inherit;font-size:inherit;color:inherit;}
.lb-plus &gt; li &gt; ul, .lb-circle &gt; li &gt; ul, .lb-minus &gt; li &gt; ul{margin:10px 0 0 0}

.lb-plus &gt; li::before{content:'+';left:0;top:-1px;}
.lb-circle &gt; li{padding:0 0 0 14px}
.lb-circle &gt; li::before{content:'Ă¢â‚¬Â¢';left:0;top:-1px;}
.lb-minus &gt; li::before{content:'-';left:0;top:-3px}*/

.lb-plus, .lb-circle{position:relative;display:block;width:100%;height:auto;}
.lb-plus &gt; li, .lb-circle &gt; li{position:relative;display:block;margin:0 0 10px 0;padding:0 0 0 15px;    line-height: 1.4;}
.lb-plus &gt; li::before, .lb-circle &gt; li::before{position:absolute;display:inline-block;font-family:inherit;font-size:inherit;color:inherit;}
.lb-plus &gt; li &gt; ul, .lb-circle &gt; li &gt; ul{margin:10px 0 0 0}

.lb-plus &gt; li::before{content:'+';left:0;top:-1px;}
.lb-circle &gt; li{padding:0 0 0 14px}
.lb-circle &gt; li::before{content:'â€¢';left:0;top:-1px;}



/*CHI NHANH GAN NHAT*/
.quick-search{position: relative; display: block;width: 100%;height: auto;padding:30px 0 60px 0;}
.quick-search.has-border{padding:20px 0 60px 0;border-top:1px dotted #000;}
.quick-search.no-arrow{padding:0 0 30px 0}


.quick-box{position:relative;display:block;width:100%;height:auto;text-align:center}
.quick-box &gt; div{display:inline-block;vertical-align:top;width:auto;margin:0 5px;text-align:left}

select{position:relative;display:block;width:auto;height:60px;width:260px;padding:0 34px 0 15px;background:transparent;border:1px solid #bbb;-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;-webkit-border-radius:10px;border-radius:10px;color:#363636;font-size:15px;font-weight:bold;background-image:url(../images/arrow-down.png);background-repeat:no-repeat;background-position:right 10px;overflow:hidden;outline:none;}
select::-ms-expand {display: none;}
select:focus{border:1px solid #bbb;outline: none;}

.quick-box input[type="text"]{width:280px;height:60px;line-height:60px;padding:0 20px;background-color:transparent;border:1px solid #bbb;-webkit-border-radius:10px;border-radius:10px;font-size:15px;color:#363636;font-weight:bold;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;-webkit-appearance:none;}

.quick-but{width:auto;height:60px;}
.quick-but button{position:relative;display:block;width:auto;height:60px;line-height:60px;padding:0 24px;-webkit-border-radius:10px;border-radius:10px;background-color:#1226aa;font-size:15px;font-weight:bold;text-transform:uppercase;color:#fff;cursor:pointer;}
.quick-but button:hover{background-color:#EA0029}

.quick-but a{position:relative;display:block;width:auto;height:60px;line-height:60px;padding:0 50px 0 24px;-webkit-border-radius:10px;border-radius:10px;background-color:#1226aa;font-size:15px;font-weight:bold;text-transform:uppercase;color:#fff;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;cursor:pointer}
.quick-but a:after{content:'';position:absolute;right:20px;top:21px;width:12px;height:18px;background:url(../images/arrow.png) no-repeat center center}
.quick-but a:hover{background-color:#EA0029}




/*DOWNLOAD BOX*/
.relation-box{position:relative;display:block;width:100%;height:auto;}
.relation-box::after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}

.list-box{position:relative;display:block;float:left;width:50%;height:auto;padding:6px;}
.list-box.show{display: block}
.list-box.hide{display: none}


.list-box a{position:relative;display:block;}
.list-outer{position:relative;display:table;width:100%;height:80px;background-color:#fff;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}
.r-left{display:table-cell;width:74px;vertical-align:middle;text-align:center}
.r-num{display:inline-block;width:36px;height:36px;margin:0;background-color:#b2bac0;-webkit-border-radius:50%;border-radius:50%;font-size:14px;font-weight:bold;line-height:36px;text-align:center;color:#fff;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}
.r-text{display:table-cell;width:auto;max-width:calc(100% - 280px);height:auto;vertical-align:middle;}
.r-text p{display:block;font-size:13px;line-height:1.4;color:#606060;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;text-align:justify}
.r-link{display:table-cell;width:74px;height:auto;vertical-align:middle;text-align:center}
.r-pdf{display:inline-block;width:40px;height:42px;background:url(../images/pdf.png) no-repeat center center / cover;vertical-align:middle;}
.r-word{display:inline-block;width:40px;height:42px;background:url(../images/word.png) no-repeat center center / cover;vertical-align:middle;}
.r-excel{display:inline-block;width:40px;height:42px;background:url(../images/excel.png) no-repeat center center / cover;vertical-align:middle;}
.r-zip{display:inline-block;width:40px;height:42px;background:url(../images/zip.png) no-repeat center center / cover;vertical-align:middle;}

.list-box:hover .list-outer{background-color:#1226aa}
.list-box:hover .r-num{background-color:#fff;color:#1226aa}
.list-box:hover .r-text p{color:#fff}


.type-small .list-box{padding:1px}
.type-small .list-outer{height:47px}
.type-small .r-link{position:absolute;right:2px;top:2px;width:40px;height:43px;background-color:#c00c1a}
.type-small	.r-text{display:block;width:100%;max-width:inherit;padding:0 60px 0 20px;line-height:47px;}
.type-small	.r-text p{display:inline-block;font-size:15px;color:#323232;line-height:1.4;vertical-align:middle;-webkit-transition:none;transition:none}
.type-small .list-box:hover .list-outer{background-color:#e8edf0}
.type-small .list-box:hover .r-text p{color:#323232}


/*CA NHAN*/
.title{position:relative;display:block;padding:30px 0;z-index:1}
.title h1, .title h2, .title h3{font-family:'Roboto', sans-serif;font-weight:300;color:#6d7578;line-height:1.4;text-transform:uppercase;text-align:center;}
.title h1 strong, .title h2 strong, .title h3 strong{font-weight:700;}

.title h1, .title h2{font-size:36px;}
.title h3{font-size:30px;}

.title.color-blue h1, .title.color-blue h2, .title.color-blue h3{color:#1e6eb3}
.title.color-white h1, .title.color-white h2, .title.color-white h3{color:#fff}




/*TOI MUON*/
.product-content{position:relative;display:block;width:100%;height:auto; padding:0 0 20px 0;background-color:#e8edf0;background-repeat:no-repeat;background-position:center center;background-size:cover}

.i-want .product-content{padding:120px 0 80px 0}
.i-want .product-text{min-height:50px}

.product-box{position:relative;display:block;width:90%;height:auto;max-width:1000px;margin:0 auto;z-index:1;text-align: center}
.product-item{position:relative;display:inline-block;width:30%;height:auto;margin:0 1.5% 40px 1.5%;vertical-align:top;padding:0 20px;}
.product-pic{position:relative;display:block;width:180px;height:180px;margin:0 auto 15px auto;text-align:center;line-height:0;overflow:hidden;background-color:#fff;border:5px solid #fff;-webkit-border-radius:50%;border-radius:50%;line-height:170px}
/*.product-pic img{position:relative;display:inline-block;height:100%;width:auto;margin:0 -50%;-webkit-border-radius:50%;border-radius:50%;z-index:1}*/
.product-pic img{position:relative;display:inline-block;height:auto;width:auto;max-width:60%;margin:0;z-index:1;vertical-align:middle}

.product-pic::after{content:'';position:absolute;left:0;bottom:0;width:100%;height:45.5%;background-color:#eee;z-index:0}
.product-pic a{position:relative;display:block;width:100%;height:100%;}

.product-text{position:relative;display:block;width:100%;height:auto;margin:0 0 10px 0;}
.product-text h3{margin:0 0 10px 0;padding:0 30px;font-size:13px;font-weight:bold;color:#1226aa;text-transform:uppercase;line-height:1.4;text-align:center;}
.product-text p{margin:0 0 10px 0;font-size:14px;color:#4f4f4f;line-height:1.6;text-align:center;}
.product-link{position:relative;display:block;width:100%;height:auto;text-align:center}

.product-group{background-color:#e8edf0;padding:0 0 50px 0}
.product-group .title{padding:35px 0;margin:0}
.product-slider{position:relative;display:block;width:100%;height:auto;margin:0 auto;}
.product-slider .product-item{margin:0;width:100%;display:block;}
.product-slider .product-pic{width:180px;height:180px;line-height:170px}
.product-slider .slide-controls, .product-slider .slide-buttons{position:static}
.product-slider .slide-prev, .product-slider .slide-next{position:absolute;top:50%;width:37px;height:113px;}
.product-slider .slide-prev{left:-100px;background:url(../images/prev-4.png) no-repeat center center}
.product-slider .slide-next{right:-100px;background:url(../images/next-4.png) no-repeat center center}



.min_height_50 .product-text{min-height:50px;}
.min_height_60 .product-text{min-height:60px;}
.min_height_70 .product-text{min-height:70px;}
.min_height_80 .product-text{min-height:80px;}
.min_height_90 .product-text{min-height:90px;}
.min_height_100 .product-text{min-height:100px;}
.min_height_110 .product-text{min-height:110px;}
.min_height_120 .product-text{min-height:120px;}
.min_height_130 .product-text{min-height:130px;}
.min_height_140 .product-text{min-height:140px;}
.min_height_150 .product-text{min-height:150px;}

.over-box{position:absolute;right:110px;top:120px;display:block;width:auto;height:auto;z-index:1;}

.over-des{position:absolute;bottom:0px;left:20px;width:200px;height:auto;background-color:#005daa;padding:12px 30px;-webkit-border-radius:50px;border-radius:50px;box-shadow:5px 5px 0 rgba(0,0,0,0.1);opacity:0;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}
.over-des p{font-size:14px;color:#fff;line-height:1.4;text-align:center;}
.over-shape{position:absolute;left:50px;top:100%;width:34px;height:37px;margin:-5px 0 0 0;background:url(../images/over-shape.png) no-repeat center top;}

.over-box.show .over-des{bottom:10px;opacity:1;}

.over-icon{position:absolute;width:60px;height:60px;border:5px solid #fff;-webkit-border-radius:50%;border-radius:50%;background:url(../images/over-bg1.png) no-repeat center center;}

.over-icon::before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;-webkit-border-radius:50%;border-radius:50%;background:url(../images/over-bg2.png) no-repeat center center;opacity: 0;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out}
.over-icon::after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:url(../images/icon-over.png) no-repeat center center}

.over-icon:hover::before{opacity: 1}






/*TAI KHOAN*/
.banner-fix{background-repeat:no-repeat;background-size:100%;background-position:left top;background-attachment:fixed;line-height:0;overflow:hidden}
.banner-fix:before{content:'';display:block;width:100%;height:auto;padding:34% 0 0 0}

.bg-grey{background-color: #e8edf0}

.promotion-intro-content{padding:50px 0;}
.promotion-intro-content.bg-grey{background-color:#e6e9f1}


.promotion-intro-item{position:relative;display:block;width:90%;height:auto;max-width:1000px;overflow:hidden;margin:0 auto;text-align:center}
.promotion-intro-pic{position:relative;display:inline-block;width:380px;height:380px;margin:0 30px 0 0;vertical-align:middle;-webkit-border-radius:50%;border-radius:50%;text-align:center;overflow:hidden;line-height:0;}
.promotion-intro-pic img{position: relative;display:inline-block;height:100%;width:auto;margin:0 -50%;-webkit-border-radius:50%;border-radius:50%;z-index: 1}
.promotion-intro-pic a{position:relative;display:block;width:100%;height:100%}

.promotion-intro-text{position:relative;display:inline-block;width:580px;height:auto;vertical-align:middle;text-align:left}
.promotion-intro-text h2, .promotion-intro-text h3{margin:0 0 20px 0;font-family:'Roboto', sans-serif;font-weight:300;font-size:36px;text-transform:uppercase;color:#505050;line-height:1.2}
.promotion-intro-text h2 strong, .promotion-intro-text h3 strong{font-weight:700}

.promotion-intro-text p{margin:0 0 40px 0;font-size:15px;color:#505050;line-height:1.8;text-align:justify}



.benefit-intro-content{padding:50px 0;}
.benefit-intro-item{position:relative;display:block;width:90%;height:auto;overflow:hidden;max-width:1000px;text-align:center;margin:0 auto}
.benefit-intro-pic{position:relative;display:inline-block;width:380px;height:380px;margin:0 0 0 30px;vertical-align:middle;-webkit-border-radius:50%;border-radius:50%;line-height:0;overflow:hidden;border:10px solid #e7e9ea;text-align:center}
.benefit-intro-pic img{display:inline-block;height:100%;width:auto;margin:0 -50%;-webkit-border-radius:50%;border-radius:50%;}
.benefit-intro-text{position:relative;display:inline-block;width:auto;max-width:560px;text-align:left;vertical-align:middle}
.benefit-intro-text h2{margin-bottom:25px;font-family:'Roboto', sans-serif;font-weight:300;font-size:36px;text-transform:uppercase;color:#505050;line-height:1.2}
.benefit-intro-text h2 strong{font-weight:700}
.benefit-intro-text ul{position:relative;display:block}
.benefit-intro-text li{position:relative;display:block;margin:0 0 1px 0}
.benefit-intro-text li span{display:inline-block;padding:10px 20px;background-color:#e7e9ea;font-family:'Roboto', sans-serif;font-weight:300;font-size:18px;color:#000;}


.benefit-text-box{position:relative; display:table;width:100%;height:auto}
.benefit-text-box .box-left{background-color:#e8f6fa}
.benefit-text-box .box-right{background-color:#f5f5ef}
.benefit-text-box .box-text{max-width:600px}
.benefit-text-box .box-text .title{margin:0 0 10px 0}
.benefit-text-box h2{font-size:30px;}



.services-reference{padding:10px 0 50px 0;background-color:#e8edf0}
.services-box{position:relative;display:block;width:90%;height:auto;max-width:1000px;margin:0 auto;text-align:center;}
.services-box .product-text{margin:0 0 20px 0}
.services-box .product-slider .slide-prev, .services-box .product-slider .slide-next{margin: -110px 0 0 0}
.services-box .product-slider .slide-prev{left: -30px}
.services-box .product-slider .slide-next{right: -30px}


.box-square .services-box .product-slider .slide-prev, .services-box .product-slider .slide-next{margin: -72px 0 0 0}
.box-square .services-box .product-slider .slide-prev{left: -50px}
.box-square .services-box .product-slider .slide-next{right: -50px}
.box-square .services-box .product-slider .slide-prev:hover{margin: -72px 0 0 -10px}
.box-square .services-box .product-slider .slide-next:hover{margin: -72px -10px 0 0}



.product-detail-content{background-color:#e8edf0;padding:50px 0;margin: 0 0 1px 0}
.product-detail-content .title{margin: 0 0 20px 0}
.product-detail-item{position:relative;display:block;width:90%;height:auto;max-width:940px;overflow:hidden;margin:0 auto;text-align:center}
.product-detail-pic{position:relative;display:inline-block;width:240px;height:240px;margin:0 50px 0 0; background-color: #fff;border:5px solid #fff;-webkit-border-radius:50%;border-radius:50%;line-height:0;overflow:hidden;vertical-align:middle;text-align:center;line-height:230px}


.product-detail-pic img{position: relative;display:inline-block;height:auto;width:auto;max-width:60%;vertical-align:middle;margin:0;z-index: 1}

.product-detail-pic::after{content:'';position:absolute;left:0;bottom:0;width:100%;height:45.5%;background-color:#eee;z-index:0}
.product-detail-pic a{position:relative;display:block;width:100%;height:100%;}
.product-detail-text{position:relative;display:inline-block;width:640px;vertical-align:middle;text-align:left}
.product-detail-text h3 {margin: 0 0 30px 0;font-family: 'Roboto',sans-serif;font-weight: 300;font-size: 36px;color: #474747;text-transform: uppercase;line-height: 1.2;}
/*.product-detail-text h3{margin:0 0 20px 0;font-family:'Roboto', sans-serif;font-weight:300;font-size:36px;text-transform:uppercase;color:#505050;line-height:1.2}*/
.product-detail-text h3 strong{font-weight:700}

.product-detail-text p{margin:0 0 30px 0;font-size:16px;color:#505050;line-height:1.6;text-align:justify}
.product-detail-text .btn{margin:0}


/*message account*/
.message-box{position:absolute;top:20%;left: 20%; display:block;width:auto;height:auto;max-width: 200px; padding:15px 20px;text-align:center;-webkit-border-radius:50px;border-radius:50px;z-index:20;background-color:#1226aa;box-shadow: 5px 5px 0 rgba(0,0,0,0.1);-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;display:none;z-index: 9999}
.message-box p{color:#fff;font-size:13px;line-height:1.4;}
.message-box::before{content:'';position: absolute;left: 50%;top:100%;width: 34px;height: 37px;background: url(../images/account-shape.png) no-repeat center top;margin: -5px 0 0 0}

.start .succses{display:block}
.start .error{display:none}
.warning .succses{display:none}
.warning .error{display:block}
.succses{position:relative;display:block;width:100%;height:auto}
.error{position:relative;display:none;width:100%;height:auto}

.message-box.type-register{position:fixed;width:360px;height:auto;left:50%;top:50%;padding:25px 40px;margin:-80px 0 0 -160px;max-width:inherit}
.message-box.type-register::before{display:none}

.message-box.type-info{position:fixed;width:500px;height:auto;left:50%;top:50%;padding:25px;margin:-80px 0 0 -250px;max-width:inherit}
.message-box.type-info::before{display:none}

.message-box.type-info span{margin:10px 0 5px 0;display:inline-block;color:#fff;font-size:16px;font-weight:bold;text-transform:uppercase;line-height:1.4;border-bottom:1px dotted #fff}
.message-box.type-info p{margin:0 0 15px 0}

.message-close-but{display:inline-block;padding:15px 30px;margin:0 5px;background-color:#fff;color:#414141;font-size:15px;font-weight:bold;text-transform:uppercase;-webkit-border-radius:20px;border-radius:20px;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}
.message-next-but{display:inline-block;margin:0 5px;padding:15px 30px;background-color:#fff;color:#414141;font-size:15px;font-weight:bold;text-transform:uppercase;-webkit-border-radius:20px;border-radius:20px;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}

.message-close-but:hover{background-color:#c6000f;color:#fff}
.message-next-but:hover{background-color:#c6000f;color:#fff}

.message-box .hide-pc{display:none}


.box-left{position:relative;display:table-cell;width: 50%;background-color: #e8f6fa;vertical-align: top;text-align: right;}
.box-right{position:relative;display:table-cell;width: 50%;background-color: #f5f5ef;vertical-align: top;text-align: left}

.box-text{position:relative;display: inline-block;width: 90%;max-width: 500px;padding:50px 40px;text-align: left;font-family:Arial, Helvetica, sans-serif;font-size:15px;color:#000;line-height:1.6}
.box-text li{font-family:inherit;font-size:inherit;color:inherit;line-height:inherit}

.box-text .title{margin:0 0 30px 0}
.box-text h2{text-align: left;color: #505050}
.box-text &gt; h3{padding:15px 0;font-family:'Roboto', sans-serif;font-weight:300;font-size:30px;color:#505050;text-transform:uppercase}
.box-text &gt; h3 strong{font-weight:700}

.box-text p{font-size:15px;color: #000;margin:10px 0;line-height: 1.6;text-align:justify}

/*
.box-text ul{position:relative;display:block;width:100%;height:auto;margin:10px 0}
.box-text li{position:relative;display:block;padding:0 0 0 15px;font-size:15px;color: #000;margin:0 0 10px 0;line-height: 1.6;text-align:justify}
.box-text li::before{content:'-';position:absolute;left:0;top:-3px;display:inline-block;font-size:15px;color:#000;font-family:Arial, Helvetica, sans-serif}
.box-text .use-circle li::before{content:'';position:absolute;left:0;top:8px;display:inline-block;width:5px;height:5px;background-color:#000;-webkit-border-radius:50%;border-radius:50%}
.box-text .use-number{counter-reset:li;}
.box-text .use-number li{padding:0 0 0 25px}
.box-text .use-number li::before{content:counter(li) " ";counter-increment:li;position:absolute;left:0;top:0;font-size:14px;color:#000;font-family:Arial, Helvetica, sans-serif;font-weight:bold}
.box-text .use-number li:nth-child(-n+9)::before{content:"0" counter(li);}
*/

.box-right .outer-but{text-align:left}
.box-right .outer-but .btn{margin:15px 0}

.box-pic{position:relative;display:block;width:100%;height:auto}
.box-pic img{position:relative;display:block;width:100%;height:auto}

.benefit-shortcut {position:relative;display:block;width:100%;height:auto;margin-bottom:20px;}
.benefit-shortcut a{position:relative;display:inline-block;width:auto;height:38px;line-height:38px;padding:0 40px 0 20px;background-color:#1226aa;-webkit-border-radius:30px;border-radius:30px;font-size:15px;font-weight:bold;color:#fff;text-transform:uppercase;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.benefit-shortcut a:after{content:'';position:absolute;top:10px;right:14px;width:16px;height:16px;background:url(../images/icon-next.png) no-repeat center center}
.benefit-shortcut a:hover{background-color:#EA0029}

.benefit-text-pic.bg-grey .box-left{background-color: #e8edf0}

.benefit-box{position: relative;display: table;width: 100%;height: auto}
.benefit-box .box-left{width:46%;background-color:#fff;vertical-align:middle}
.benefit-box .box-left .box-text{padding: 50px 40px 50px 10px}
.benefit-box .box-right{width:54%}





.download-box{display: inline-block;width: auto;height: auto;}
.download-box h3{display: block;margin: 15px 0;font-family: 'Roboto', sans-serif;font-size: 24px;font-weight: 300; color: #505050}
.download-box h3 strong{font-weight:700}
.download-icon{position: relative;display: inline-block;width:74px;height:74px;background:url(../images/icon-download.png) no-repeat -1px center;background-color:#EA0029;-webkit-border-radius:50%;border-radius:50%;-webkit-transition:background-color 0.3s ease-in-out;transition:background-color 0.3s ease-in-out}
.download-box a{display: inline-block;width: auto;height: auto;}
.download-icon:hover{background-color:#1226aa}











/*E-BANKING*/
.banking-content{padding:20px 0 50px 0;background-color:#f5f5ef;}
.banking-content.bg-white{background-color:#fff;border-bottom:1px dotted #000}
.banking-box{position:relative;display:block;width:90%;height:auto;text-align:center;max-width:1150px;margin:0 auto}
.banking-slider{position:relative;display:block;width:100%;height:auto}
.banking-item{position:relative;display:inline-block;vertical-align:top;width:100%;text-align:center;cursor: pointer}
.banking-pic{position:relative;display:block;width:100%;height:auto;line-height:0;overflow:hidden;}
.banking-pic img{position:relative;display:block;width:100%;height:auto;}
.banking-text{position:relative;display:block;width:100%;height:auto;padding:15px 10px;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out}
.banking-item:hover{background-color: #e8f6fa}
.banking-item a{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1}
.banking-item h3{min-height:48px;margin-bottom:18px;font-family:'Roboto', sans-serif;font-weight:300;font-size:28px;color:#4e6171;text-transform:uppercase}
.banking-item h3 span{margin:5px 0 0 0;font-size:14px;font-family:Arial, Helvetica, sans-serif;font-weight:bold;color:#101010;font-style:italic;display:block;text-transform:initial}
.banking-item p{margin-bottom:10px;font-size:14px;color:#4f4f4f;line-height:1.6;padding:0 5px}

.banking-slider .slide-item{padding:0 10px}




/*BIEU MAU*/
.form-content{padding:0 0 60px 0;background-color:#1226aa}
.form-content h2{color:#fff}
.form-content .section-box{max-width:1040px}
.form-content.bg-grey{background-color:#aac0cd}



/*BIEU MAU CHIA THE CA NHAN &amp; DOANH NGHIEP*/
.ct-form{background-color:#e8edf0;padding:0 0 40px 0}
.ct-form .horizon-tab-content{background-color:#fff}
.ct-form &gt; .title{background-color: #fff;}

.form-items{position:relative;display:block;width:90%;height:auto;max-width:980px;margin:0 auto}
.form-item{position:relative;display:none;width:100%;height:auto;margin:0 auto;}
.form-item.active{display:block}

.ct-relation-box{position: relative;display: block;width: 100%;height: auto;}
.ct-relation-box h3{padding: 30px 0 26px 0;font-family:'Roboto', sans-serif;font-size:24px;font-weight:700;color:#6d7578;text-align:center;text-transform:uppercase;line-height:1.2;color: #1226AA;}
.ct-relation-box{text-align: center}
.ct-relation-box .list-box{float: none;display: inline-block;width: 49%;padding:5px 3px;text-align: left}






/*COMPARE CONTENT DUNG CHUNG CHO CA NHAN, DOANH NGHIEP [TAI KHOAN , THE , TIEN GUI &amp; TIEN VAY]*/

/*so sanh tai khoan*/
.compare-content{padding:0;background-color:#e8edf0;overflow:hidden}
.compare-wrap{position:relative;display:block;width:100%;height:auto;overflow:hidden}
.compare-content .title{background-color:#fff}
.compare-box{position:relative;display:table;width:1200px;height:auto;margin:0 auto}

.compare-col{position:relative;display:table-cell;width:32%;height:auto;vertical-align:top;padding:50px 20px;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:-moz-none;-ms-user-select:none;}
.compare-col:nth-child(2){width:340px;border-right:1px solid #fff;border-left:1px solid #fff;}
.compare-col.hide-pc{display:none;}

.compare-col .product-item{display:block;width:320px;margin:0 auto;padding:0}
.compare-col .product-item img{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:-moz-none;-ms-user-select:none;pointer-events:none}

.icon-check{background:url(../images/check-green.png) no-repeat left center}
.compare-col li, .compare-col p{margin:0 0 10px 0;font-size:16px;color:#333;line-height:1.4}
.compare-col li{padding:13px 0 5px 40px}
.compare-col p{line-height:1.6}


.compare-pic{position: relative;display: block;width: 100%;height: auto;line-height: 0;overflow: hidden}
.compare-pic img{display: block;width: 100%;height: auto;max-width: 254px;margin: 0 auto}
.compare-text{position: relative;display: block;width: 100%;height: auto;max-width: 260px;margin:0 auto;padding: 10px 20px;min-height:80px}
.compare-text h3{font-size: 14px;color: #1226aa;font-weight: bold;text-align: center;line-height: 1.4;}
.compare-pic a{position: absolute;left: 0;top:0; display: block;width: 100%;height: 100%;z-index: 1;}

.compare-link{position: relative;display: block;width: 100%;height: auto;max-width: 160px;text-align: center;margin: 0 auto}

.change-card{position:relative;display:inline-block;width:auto;height:46px;min-width: 150px;margin-top: 10px;line-height:44px;padding:0 20px;background-color:#fff;-webkit-border-radius:30px;border-radius:30px;font-size:14px;font-weight:bold;color:#5f5f5f;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.change-card:hover {background-color:#c00c1a;color: #fff}

.add-card{position:relative;display:inline-block;width:auto;height:46px;min-width: 150px;line-height:44px;padding:0 40px 0 20px;background-color:#75a5ac;-webkit-border-radius:30px;border-radius:30px;font-size:14px;font-weight:bold;color:#fff;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.add-card:after{content:'';position:absolute;top:15px;right:14px;width:16px;height:16px;background:url(../images/icon-add.png) no-repeat center center}
.add-card:hover{background-color:#c00c1a}

.compare-content .compare-link a{margin:15px 0 0 0}
.no-card .btn, .no-card .change-card{display:none}
.has-card .add-card{display:none}

.no-card .compare-pic a{display: none;z-index: -10;}


.small-compare{position:fixed;width:100%;height:100px;left:0;bottom:0;background-color:#fff;z-index:3100;box-shadow:0 0 30px rgba(0,0,0,0.3);display:none}
.small-box{position:relative;display:block;width:90%;height:auto;max-width:900px;margin:0 auto;text-align:center}
.small-item{display:inline-block;width:30%;height:auto;vertical-align:top;padding:10px 10px 0 10px}
.small-pic{position:relative;display:block;float:left;width:80px;height:auto;margin:0 10px 0 0}
.small-pic img{position:relative;display:block;width:100%;height:auto;}
.small-text{position:relative;display:block;overflow:hidden}
.small-text h3{font-size:12px;text-transform:inherit;line-height:1.4;font-weight:bold;text-align:left}
.small-change-card{display:block;margin:5px 0 0 0;text-align:center;color:#fff;background-color:#1226aa;padding:7px;font-size:12px;-webkit-border-radius:5px;border-radius:5px;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}
.small-change-card:hover{background-color:#c00c1a}

.no-card .small-change-card{display:none}
.has-card .small-change-card{display:block}

.small-compare-but{position:absolute;top:30px;right: 40px; display:inline-block;width:auto;height:44px;line-height:44px;padding:0 28px;-webkit-border-radius:30px;border-radius:30px;background-color:#3ca4fb;color:#fff;cursor:pointer;font-family:'Roboto', sans-serif;font-weight:700;font-size:18px;font-size:18px;text-transform:uppercase;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}
.small-compare-but:hover{background-color:#c00c1a}





/*POPUP CARD LIST [SHOW DANH SACH CARD ]*/
.details-content.is-card-list::before, .details-content.is-card-list::after{display:none}
.pop-card{position:relative;display:block;width:90%;height:100vh;max-width:1000px;margin:0 auto;background-color:#fff;text-align:center;}
.pop-card .title{padding:20px 0}
.pop-card-box{position:absolute;left:0;top:90px;width:100%;height:calc(100vh - 90px);}
.pop-card-box .nicescroll-rails{margin:0 0 0 -12px}

.scrollC{position:absolute;left:0;top:0;width:100%;height:calc(100% - 110px);}

.pop-card-item{position:relative;display:inline-block;width:46%;height:auto;vertical-align:top;margin:0 0.5% 1% 0.5%;overflow:hidden;padding:10px;border: 1px solid #bbb; cursor:pointer}
.pop-card-pic{position:relative;display:block;float:left;width:48%;height:auto;margin:0 20px 0 0;overflow:hidden}
.pop-card-pic img{position:relative;display:block;width:100%;height:auto}
.pop-card-text{position:relative;display:block;overflow:hidden;text-align:left}
.pop-card-text h3{text-align: left; font-size: 14px;color: #1226aa;text-transform: uppercase;line-height:1.4}

.is-choose{position:absolute;right:10px;bottom:10px;width:40px;height:40px;background:url(../images/check-blue.png) no-repeat center center;opacity:0}
.choose .is-choose{opacity:1;}

/*POPUP ThĂ´ng BĂ¡o Nháº­n Báº£n Tin*/
.subcrible-popup{position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:500;text-align:center}
.subcrible-popup::before, .subcrible-popup::after{content:'';position:relative;display:inline-block;width:auto;height:100%;vertical-align:middle}
.subcrible-popup-detail{position:relative;display:inline-block;width:auto;height:auto;max-width:400px;padding:30px;background-color:#1226aa;box-shadow: 5px 5px 0 rgba(0,0,0,0.1);-webkit-border-radius:50px;border-radius:50px;color:#fff;font-size:15px;line-height:1.4;}

.subcrible-close{position:absolute;left:50%;bottom:-60px;display:inline-block;width:50px;height:50px;margin:0 0 0 -25px;background:url(../images/close.png) no-repeat center center / contain;background-color:#1226aa;box-shadow:5px 5px 0 rgba(0,0,0,0.1);-webkit-border-radius:50%;border-radius:50%;cursor:pointer;transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;cursor:pointer;z-index:30;text-indent:-9999px;overflow:hidden;font-size:0}
.subcrible-close:hover{-webkit-transform:scale(0.9);transform:scale(0.9)}

/*chi tiet tai khoan*/
.input-box{position:relative;display:block;width:100%;height:auto;margin:0 auto}
.input-box .input-text{width:calc(100% + 8px);margin-left:-4px;}

.input-text{position: relative;display: block;width: 100%;height: auto;margin-bottom: 8px}
.input-text::after{content:'';position: relative;display: block;clear: both}
.input-text input[type="text"], .input-text input[type="password"]{width:100%;height:64px;line-height:64px;padding:0 20px;background-color:rgba(255,255,255,0.8);border:none;-webkit-border-radius:20px;border-radius:20px;font-size:15px;color:#000;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;-webkit-appearance:none;}
.input-text input[type="text"]:focus, .input-text input[type="password"]:focus{background-color:rgba(255,255,255,1);}
.input-text select{width: 100%;min-width: inherit;background-color: rgba(255,255,255,0.8);height: 64px;line-height: 64px;-webkit-border-radius: 20px;border-radius: 20px;}


.input-area{position:relative;display:block;width:100%;height:auto;margin-bottom:8px;}
.input-area textarea{font-family:Arial, Helvetica, sans-serif;position:relative;display:block;width:100%;height:140px;padding:20px;background-color:rgba(255,255,255,0.8);border:none;-webkit-border-radius:20px;border-radius:20px;resize:none;font-size:15px;color:#000;line-height:1.6;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;overflow:auto;}
.input-area textarea:focus{background-color:rgba(255,255,255,1);}

.input-but{position: relative;display: block;width: 100%;height: auto;text-align:center}
.input-but button{display:inline-block;height:60px;line-height:60px;padding:0 45px;background-color:#1226aa;border:1px solid #fff;font-family:'Roboto', sans-serif;font-size:26px;font-weight:700;color:#fff;-webkit-border-radius:30px;border-radius:30px;text-transform:uppercase;-webkit-appearance:none;cursor:pointer}
.input-but button:hover{background-color:#EA0029}


.col{position: relative;display: block;width:100%;height: auto;min-height: 64px;float: left;padding:0 4px}
.col.no-height{min-height:inherit;}

.col.FR{float:right;text-align:right}
.col.FL{float:left;text-align:left}
.col.FM{display:block;margin:0 auto;float:none}
.col.pt_20{padding-top:20px;}
.col.pt_24{padding-top:24px;}
.col.pt_48{padding-top:48px;}

.col.ta_right{text-align: right}
.col.ta_right label{display:inline-block;}
.col.ta_left{text-align: left}

.col.ta_left .cap-title{text-align: left;margin: 0 0 10px 0;line-height: 26px}
.col.ta_center ul{text-align: center}
.col.ta_center li{margin: 0 10px;}

.col.ta_left li{margin: 0 15px 0 0}
.cap-title{position:relative;display:block;font-size:15px;font-weight:bold;color:#fff;text-shadow:1px 1px 0 rgba(0,0,0,0.5);margin:0 0 7px 15px}


.size_1{width:8.3333%}
.size_2{width:16.6666%}
.size_3{width:25%}
.size_4{width:33.3333%}
.size_5{width:41.6666%}
.size_6{width:50%}
.size_7{width:58.3333%}
.size_8{width:66.6666%}
.size_9{width:75%}
.size_10{width:83.3333%}
.size_11{width:91.6666%}
.size_12{width:100%}



/*FORM INPUT*/
.form-input{padding:70px 0;}
.form-box{position: relative;display: block;width: 100%;height: auto;}

.form-input.open-account{background:url(../images/form-bg.png) repeat-x left top;background-color:#68b9fe}





/*LOGIN POPUP*/
.banking-login-popup{position:fixed;right:5%;top:90px;width:400px;height:auto;padding:24px 0 0 0;z-index:94;display:none}
.banking-login{position:relative;display:block;width:100%;height:auto;background-color:#1226aa;padding:30px;-webkit-border-radius:30px;border-radius:30px;}
.banking-login h2{margin:10px 0 30px 0;font-family:'Roboto', sans-serif;font-weight:300;font-size:18px;color:#fff;text-align:center;text-shadow:1px 1px 0 rgba(0,0,0,0.1);}
.banking-login h2 strong{font-weight:700;}
.banking-login .cap-title{margin:0 0 8px 10px}
.banking-login .input-text{margin:0 0 15px 0}
.banking-login .input-text input[type="text"], .banking-login .input-text input[type="password"]{height:50px;line-height:50px}
.banking-login .input-but{margin:15px 0}
.banking-login .input-but button{height:auto;line-height:normal;font-size:18px;padding:10px 30px}
.banking-login a{display:block;padding:15px 0;font-size:16px;color:#fff;text-align:center;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}
.banking-login a:hover{color:#c00c1a}




/*FORM MO TAI KHOAN*/
.register-form{padding:0;min-height:60vh;background-repeat: no-repeat;background-position: center center;background-size: cover;background-attachment: fixed;}
.register-form h2{color:#fff;text-shadow:1px 1px 0 rgba(0,0,0,0.5)}
.register-form .title p{display:block;width:100%;margin:0 auto;font-size:16px;color:#fff;text-align:center;line-height:1.6;text-shadow:1px 1px 0 rgba(0,0,0,0.5)}
.register-form  p{font-size:16px;color:#fff;text-align:left;line-height:1.6;text-shadow:1px 1px 0 rgba(0,0,0,0.5);margin:20px 0 10px 0}
.register-form h3{padding:0 0 30px 0;font-family:'Roboto', sans-serif;font-weight:700;font-size:20px;color:#fff;text-align:center;text-shadow:1px 1px 0 rgba(0,0,0,0.1);text-align:center;text-transform:uppercase}
.register-form .date-wrap .ui-datepicker-trigger{width:34px;height:34px;right:15px;top:15px}

.register-form .col{margin:15px 0 0 0}
.register-form .cap-title{margin:0 0 10px 15px}
.register-form .cap-title + ul{margin: 10px 0 0 0}
.register-form li &gt; span{font-size:13px;color:#fff;font-weight:bold}
.register-form .radio-box li{text-align:left;margin:0 0 0 15px}
.register-form .radio-box li span{font-size:13px;color:#fff;margin:0 0 0 7px}
.register-form .radio-box li span:only-child{margin:0}

.register-form .check-box{text-align:left;display:block;width:auto}
.register-form .check-box span{font-size:12px;color:#fff;margin:0 0 0 7px}
.register-form .check-box + ul{margin:15px 0 0 0;left:-20px}

.register-form .check-box.type-title{margin:0 0 0 15px}
.register-form .check-box.type-title + ul{left:0}
.register-form .check-box.type-title + .check-box.type-title{margin:15px 0 0 15px;}
.register-form .check-box + .check-box{margin:15px 0 0 0;}
.register-form .check-box + .cap-title{margin:15px 0 10px 15px}

.register-info{position:relative;display:block;width:90%;height:auto;max-width:900px;margin:0 auto;padding:70px 0 60px 0;}
.register-info .input-but{margin:30px 0 0 0}

.register-detail{position:relative;display:block;width:90%;height:auto;max-width:900px;margin:0 auto;padding:70px 0 60px 0;display:none}
.register-detail .input-box{width:100%;height:auto}
.register-detail h4{margin:0 0 20px 0;font-family:'Roboto', sans-serif;font-weight:700;font-size:20px;color:#fff;text-shadow:1px 1px 0 rgba(0,0,0,0.1);text-transform:uppercase;text-align:center}


.form-has-account{position:relative;display:block;width:100%;height:auto;margin:0 0 20px 0}

.form-location-box, .form-customer-box, .form-account-info, .form-card-box, .form-contact-box, .condition-box, .form-register-box, .form-banking-box, .form-upload-box, .form-customer-info{position:relative;display:block;width:100%;height:auto;margin:0 0 1px 0;padding:30px;-webkit-border-radius:30px;border-radius:30px;background-color:rgba(255,255,255,0.1)}
.register-detail .input-text{margin:0 0 0 -4px} 

.list-input{margin:0 0 15px 0}
.list-input .cap-title{font-weight:normal}
.list-input li{display:block;float:left;width:36px;height:36px;margin:0 2px 0 0}
.list-input li input[type="text"]{padding:0 7px;width:36px;height:36px;line-height:40px;-webkit-border-radius:5px;border-radius:5px;text-align:center} 

.input-text.byEmail, .input-text.byPost, .input-text.byShop{padding:15px;border:1px solid #fff;-webkit-border-radius:30px;border-radius:30px;margin:0 0 15px -4px}

.byShop li{display:inline-block;width:auto;height:auto;margin:0 0 0 15px}
.byShop li input[type="text"]{width:40px;height:40px;line-height:40px; padding:0 7px; margin:0 7px; -webkit-border-radius:5px; border-radius:5px;}


.sms-banking, .internet-banking{margin:15px 0;padding:15px;border:1px solid #fff;-webkit-border-radius:30px;border-radius:30px}
.internet-item{padding:15px;background-color:rgba(255,255,255,0.2);margin: 0 0 10px 0;-webkit-border-radius:30px;border-radius:30px}

.register-form .internet-item li{display:inline-block;vertical-align:middle}
.internet-item li label.check-box{display:inline-block;width:auto;}
.internet-item li input[type="text"]{display:inline-block;width:160px;height:40px;line-height:40px;margin:0 7px}

/*.internet-item .radio-box li{vertical-align:middle}
.internet-item .radio-box li label{display:inline-block;}
.internet-item li input[type="text"]{display:inline-block;width:160px;height:40px;line-height:40px;margin:0 7px}*/

.form-card-item{padding:15px;border:1px solid #fff;-webkit-border-radius:30px;border-radius:30px;margin:15px 0 0 0}
.form-card-item p{margin:0 0 0 15px;}
.form-card-item .input-text{margin: 0 0 20px -4px}

.file-up{cursor:pointer}
.input-text input[type="file"]{position:relative;display:block;width:100%;height:46px;z-index:1;opacity:0;cursor:pointer}
.file-name{display:block;position:absolute;left:0;top:0;width:calc(100% - 80px);height:46px;line-height:46px;background-color:rgba(255,255,255,0.8);font-size:16px;color:#6e6e6e;z-index:0;white-space:nowrap;padding:0 20px 0 10px;-webkit-border-radius:20px 0 0 20px;border-radius:20px 0 0 20px;text-align:left;overflow:hidden;text-overflow:ellipsis}

.file-mark{display:block;position:absolute;right:0;top:0;width:80px;height:46px;line-height:46px;-webkit-border-radius:0 20px 20px 0;border-radius:0 20px 20px 0;background-color:#1226aa;font-size:16px;color:#fff;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;z-index:0;text-align:center}
.file-up:hover .file-mark{background-color:#c6000f;}




/*FOMR MO THE*/
.form-account-info p{margin:0 15px 20px 15px;}
.form-account-info .col{margin:0 0 20px 0}
.form-account-info a{color:#c6000f;text-shadow:none;font-weight:bold;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}
.form-account-info a:hover{color:#1226aa}



/*FORM DANG KY DICH VU*/
.form-account-info .radio-box li{vertical-align:middle}
.form-account-info .radio-box li label{display:inline-block;}
.form-account-info li input[type="text"]{display:inline-block;width:160px;height:40px;line-height:40px;margin:0 7px}

.form-customer-info p{margin:0 15px 20px 15px;}
.form-customer-info .col{margin:0 0 20px 0}




/*FORM INTERNET BANKING*/
.banking-form{background-repeat: no-repeat;background-position: center center;background-size: cover;background-attachment: fixed;padding:20px 0 60px 0}
.banking-form .date-wrap .ui-datepicker-trigger{width:34px;height:34px;right:15px;top:15px}
.banking-form h2{color:#fff}
.banking-form h4{margin:25px 0;font-family:'Roboto', sans-serif;font-weight:700;font-size:20px;color:#fff;text-shadow:1px 1px 0 rgba(0,0,0,0.1);text-transform:uppercase;text-align:center;line-height:1.4}
.banking-form p{font-size: 16px;color:#fff;text-align:left;line-height:1.6;text-shadow:1px 1px 0 rgba(0,0,0,0.5);margin:20px 0 10px 0;}

.banking-form-box{position:relative;display:block;width:90%;max-width:900px;margin:0 auto}

.card-info, .form-human-info, .form-banking-info, .condition-box{position:relative;display:block;width:100%;height:auto;margin:0 0 1px 0;padding:30px;-webkit-border-radius:30px;border-radius:30px;background-color:rgba(255,255,255,0.1)}


.banking-form .input-text{margin:0 0 20px -4px}
.banking-form ul{position:relative;}
.banking-form li{display:inline-block;margin:0 0 0 15px}

.banking-form .cap-title + ul{margin: 25px 0 0 0}

.banking-form li &gt; span{font-size:13px;color:#fff;font-weight:bold}

.banking-form .radio-box li{text-align:left;margin:0 0 0 15px}
.banking-form .radio-box li span{font-size:13px;color:#fff;margin:0 0 0 7px}
.banking-form .radio-box li span:only-child{margin:0}

.banking-form .check-box{text-align:left;display:block;width:auto}
.banking-form .check-box span{font-size:13px;color:#fff;margin:0 0 0 7px}
.banking-form .check-box + ul{margin:25px 0 0 0;left:-20px}

.banking-form .check-box.type-title{margin:0 0 0 15px}
.banking-form .check-box.type-title + ul{left:0}
.banking-form .check-box.type-title + .check-box.type-title{margin:15px 0 0 15px;}
.banking-form .check-box + .check-box{margin:15px 0 0 0;}
.banking-form .check-box + .cap-title{margin:15px 0 10px 15px}


.form-banking-info &gt; div{padding:15px;border:1px solid #fff;-webkit-border-radius:30px;border-radius:30px;margin:0 0 15px 0}


.agree-box{position:relative;display:block;width:100%;height:auto;overflow:hidden;padding:10px 0 0 0}
.agree{position:relative;display:block;float:left;width:calc(100% - 280px);padding:20px 0 0 20px}
.agree .check-box input[type="checkbox"]{position:absolute;}
.agree .check-box span:not(.check-mask){font-size:12px}
.agree .check-box input[type="checkbox"] + .check-mask{margin:0}
.agree span:not(.check-mask){padding:0 0 0 30px}
.captcha{position:relative;display:block;float:right;width:204px;position:relative;left:-50px}


#rc-imageselect, .g-recaptcha {transform:scale(0.77);-webkit-transform:scale(0.77);transform-origin:0 0;-webkit-transform-origin:0 0;}


.condition-box{position:relative;display: block;width: 100%;height: auto;}
.condition-box h3, .condition-box h4{font-size: 18px;text-transform: uppercase;color: #fff;text-align: center;font-weight: bold;margin:25px 0}
.condition-detail{position: relative;display: block;width: 100%;height: auto;background-color: #fff;padding: 30px;max-height: 320px;overflow: hidden;overflow-y: auto;-webkit-overflow-scrolling:touch}
.condition-detail p{margin:0 0 20px 0;font-size: 14px;color: #000;line-height: 1.6;text-shadow:none;text-align:left}
.condition-box a{color:#c6000f;text-shadow:none;font-weight:bold;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}
.condition-box a:hover{color:#1226aa}
.condition-box h4 span{display:block;text-align:center}
.condition-box h4 span a{display:inline-block;text-transform:initial;font-size:12px;padding:5px 7px}




.showByClick .form-banking-detail{display:none}
.showByClick .form-card-detail{display:none}
.showByTitleClick .condition-detail{display:none}





/*E-BANKING LOGIN*/
.e-banking-form .input-box{max-width:500px;}
.e-banking-form .cap-title{text-transform:uppercase;margin:0 0 5px 15px;line-height:26px}
.e-banking-form .input-text{margin:0 0 10px 0}

.capt-wrap{width:304px;height:76px;}
.capt-wrap .g-recaptcha{-webkit-border-radius:20px;border-radius:20px;overflow:hidden}




/*tien gui*/
.money .title{background-color: #fff;}
.money-list .product-content{padding:40px 0 0 0; margin:0 0 1px 0} 
.money + .compare-but{margin:20px 0}



/*chi tiet tien gui*/
.interest-rate-content{padding:0 0 50px 0;background:url(../images/form-bg.png) repeat-x left top;background-color:#68b9fe}
.interest-rate-content .title{padding:50px 0 30px 0}
.interest-rate-content h2{color:#fff}
.interest-rate-box{position:relative;display:block;width:90%;max-width:1150px;margin:0 auto}
.interest-rate-box table tbody:only-child tr:first-child td, .interest-rate-box table thead th{text-transform:inherit}
.interest-rate-box table thead th:nth-child(1){width:130px;}
.interest-rate-box table th, .interest-rate-box table td:nth-child(1){font-size:14px;font-weight:bold}
.interest-rate-box table td{font-size:18px;}

.message-scb{position:relative;display:block;width:100%;height:auto;padding:30px 0 10px 0;border-top:1px dotted #fff}
.message-scb p{font-family:'Roboto', sans-serif;font-weight:300;font-size:16px;line-height:1.4;text-align:center;color:#fff}
.message-scb p strong{font-weight:700;}

.message-scb .scb-note{font-style:italic}

table{min-width:640px;margin:20px auto;border-spacing:1px;border-spacing:1px;table-layout:fixed;}
table th, table td{font-size:inherit;font-weight:inherit;font-family:inherit;color:inherit;line-height:1.2;vertical-align:middle;}
table tbody:only-child tr:first-child td, table thead th{background-color:#1226AA;color:#fff;font-size:14px;text-align:center;text-transform: uppercase;}
table td{text-align:center;font-size:14px;color:#323232}
table tbody tr:nth-child(odd) td{background-color:#eceef0}
table tbody tr:nth-child(even) td{background-color:#d5d8f1}


table th{padding:15px 15px;font-weight:bold;}
table td{padding:10px 15px;}
.table-download table th{padding:18px 15px}
.table-download table td{padding:3px 15px}




/*chuyen tien*/
.transfers .product-content{padding: 50px 0 0 0}
.transfers .product-box{text-align: center}

.bg-orange .benefit-text-box .box-left{background-color: #f5f5ef}
.bg-orange .benefit-text-box .box-left .box-text{padding: 50px 100px 50px 40px}
.bg-orange .benefit-text-box .box-right{background-color: #fff}
.bg-orange .benefit-text-box .box-right .box-text{padding: 50px 40px 50px 80px}

/*dich vu*/
.service-list{position: relative;display: block;width: 100%;height: auto}
/*.service-list .product-content{margin: 0 0 1px 0;padding: 50px 0 40px 0}*/
.service-list .product-content{margin: 0 0 1px 0;padding:50px 0 0 0}




/*popup lai xuat tong*/
.popup-interest-rate{position:fixed;left:0;top:0;width:100%;height:100%;overflow:hidden;z-index:1000;background-color:rgba(0,0,0,0.5);text-align:center;display:none}
.popup-interest-rate::before, .popup-interest-rate::after{content:'';display:inline-block;width:auto;height:100%;vertical-align:middle}
.popup-interest-rate-box{position:relative;display:inline-block;width:90%;height:calc(100vh - 100px);max-width:1300px;vertical-align:middle;padding:20px;background-color:rgba(255,255,255,0.5);opacity:0;}
.popup-interest-rate-detail{position:absolute;left:20px;top:20px;width:calc(100% - 40px);height:calc(100% - 40px);background:url(../images/pattern.png) repeat center center;}
.popup-interest-rate-detail h2{color:#fff}
.popup-interest-rate-detail .title{padding:15px 0}
.popup-interest-rate-detail .message-scb{padding:15px 5% 10px 5%}


.popup-interest-rate-detail .interest-rate-box{position:absolute;left:5%;top:170px;width:90%;height:calc(100% - 170px)}
.popup-interest-rate-detail .interest-rate-box table{margin:0;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:-moz-none;-ms-user-select:none;}

.scrollA{position:absolute;left:0;top:5%;width:100%;height:90%;overflow:hidden;}
.popup-interest-rate-detail .interest-rate-box table th{background-color:#1226AA}


.popup-interest-rate-detail .nicescroll-rails{margin-left:30px;}

.close-rate{position:absolute;right:-30px;top:-30px;display:inline-block;width:75px;height:75px;background:url(../images/close.png) no-repeat center center;background-size: contain; background-color:#1226aa;border:3px solid #fff;box-shadow:5px 5px 0 rgba(0,0,0,0.1);-webkit-border-radius:50%;border-radius:50%;cursor:pointer;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;cursor:pointer;z-index:30;}
.close-rate:hover{-webkit-transform:scale(0.9);transform:scale(0.9)}





/*FAQ*/
.faq-content{background-color:#fff;padding:0 0 50px 0}
.faq-box{position:relative;display:block;width:100%;height:auto;margin:0 auto;}

.faq-item{position:relative;display:block;width:100%;height:auto;margin:0 0 1px 0}

.faq-title{position:relative;display:table;width:100%;height:auto;padding:20px 0;background-color:#b1b1b1;cursor:pointer;-webkit-transition:background-color 0.3s ease-in-out;transition:background-color 0.3s ease-in-out;}
.faq-item:nth-child(even) .faq-title{background-color:#e7e9ea;}

.faq-title h3{display:table-cell;padding:0 70px 0 0;vertical-align:middle;font-size:15px;line-height:1.4;color:#fff;-webkit-transition:color 0.3s ease-in-out;transition:color 0.3s ease-in-out;text-align:justify}

.faq-num{display:table-cell;width:70px;height:auto;vertical-align:middle;font-family:'Roboto', sans-serif;font-size:24px;color:#fff;font-weight:700;text-align:center;-webkit-transition:color 0.3s ease-in-out;transition:color 0.3s ease-in-out;}


.faq-item:nth-child(even) .faq-title h3{color:#353535}
.faq-item:nth-child(even) .faq-num{color:#7d7d7d}




.st-arrow{position:absolute;right:20px;top:50%;width:30px;height:30px;margin:-15px 0 0 0;background:url(../images/faq-arrow.png) no-repeat center center;-webkit-transition:transform 0.3s ease-in-out;transition:transform 0.3s ease-in-out;will-change:transform}

.faq-item:not(.active) .faq-title:hover .st-arrow{-webkit-transform:rotate(180deg);transform:rotate(180deg)}
.faq-item.active .st-arrow{-webkit-transform:rotate(180deg);transform:rotate(180deg)}

.faq-item:not(.active) .faq-title:hover, .faq-item:nth-child(even):not(.active) .faq-title:hover, .faq-item.active .faq-title, .faq-item:nth-child(even).active .faq-title{background-color:#1226aa}
.faq-item:not(.active) .faq-title:hover h3, .faq-item:nth-child(even):not(.active) .faq-title:hover h3, .faq-item.active .faq-title h3, .faq-item:nth-child(even).active .faq-title h3{color:#fff}
.faq-item:not(.active) .faq-title:hover .faq-num, .faq-item:nth-child(even):not(.active) .faq-title:hover .faq-num, .faq-item:nth-child(even).active .faq-num{color:#fff}

.faq-text{position:relative;display:none;width:100%;height:auto;}
.faq-detail{position:relative;display:block;width:100%;height:auto;padding:20px;}
.answer{display:block;font-family:'Roboto', sans-serif;font-weight:700;font-size:24px;color:#1226aa;text-transform:uppercase;line-height:1.4;margin-bottom:10px;}
.faq-detail p{margin-bottom:20px;font-size:15px;color:#000;line-height:1.6;text-align:justify}


/*FAQ WHITH FILTER*/
.faq-list{position:relative;display:block;width:100%;height:auto;}
.faq-list .faq-item{display:none}
.faq-list .faq-item.show{display:block}


/*FAQ FILTER*/
.faq-filter{position:relative;padding:0 0 30px 0;text-align:center;}
.faq-filter li{position:relative;display:inline-block;width:auto;height:auto;vertical-align:top}
.faq-filter li a{display:block;width:auto;height:auto;font-size:14px;padding:15px 20px;color:#414141;background-color:#eceff2;-webkit-border-radius:30px;border-radius:30px;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;text-transform:uppercase}
.faq-filter li a:hover{background-color:#1226aa;color:#fff}
.faq-filter li.current::after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;z-index:1}
.faq-filter li.current a{background-color:#1226aa;color:#fff}





/*dich vu chi tiet*/
.detail-content{padding:0}
.detail-content .section-box{max-width:inherit}
.detail-box{position:relative;display:table;width:100%;height:auto}
.detail-box .box-left{background-color:#f5f5ef}
.detail-box .box-right{background-color:#fff}
.detail-box .box-text{max-width:650px;padding:70px}



.join-content{padding:50px 0;background-color:#e8f6fa}
.join-box{position:relative;display:table;width:100%;height:auto}
.join-box .title{margin:0 0 20px 0}
.join-box  h2{text-align:left}
.join-box p{margin-bottom:20px;font-size:15px;color:#000;line-height:1.6}

.join-left{display:table-cell;width:calc(100% - 250px);padding:0 30px 0 20px;vertical-align:top;}
.join-right{display:table-cell;width:200px;padding:0 40px;vertical-align:top;border-left:1px solid #000}
.join-right h3{margin:0 0 15px 0}







/*DOANH NGHIEP*/
.we-want .product-content{padding:50px 0 0 0;}
.we-want .product-text{min-height:70px}

.is-business .product-pic{background-color:rgba(255,255,255,0.5);border:none;padding:5px;box-shadow:5px 5px 0 rgba(0,0,0,0.1);/*line-height:170px*/}
.is-business .product-pic img{display:inline-block;width:auto;height:auto;max-width:60%;margin:0 auto;vertical-align:middle;-webkit-border-radius:0;border-radius:0;}
.is-business .product-pic::after{position:absolute;left:5px;top:5px;bottom:auto;width:calc(100% - 10px);height:calc(100% - 10px);background-color:rgba(255,255,255,1);-webkit-border-radius:50%;border-radius:50%;}

.we-want .product-content &gt; h3{font-family:'Roboto', sans-serif;font-weight:700;font-size:30px;color:#1226aa;text-transform:uppercase;text-align:center;margin:0 0 30px 0}

.is-business .promotion-intro-pic, .is-business .promotion-intro-pic img{-webkit-border-radius:0;border-radius:0}

.product-content.box-square .title{padding:30px 0 0 0}

.money-list.box-square .product-content{padding:40px 0 70px 0}

.box-square .product-box{max-width:1150px;}
.box-square .product-box.no-check-space{margin:20px auto 0 auto}

.box-square .product-item{width:31%;margin:25px 10px;padding:20px;background-color:#fff;border:1px solid #cdcdcd;-webkit-border-radius:30px;border-radius:30px;}
.box-square .product-item &gt; h3{min-height:50px;font-size:13px;font-weight:bold;color:#1226aa;line-height:1.4;text-align:center;text-transform:uppercase}

.box-square .no-check .product-item, .box-square .no-check-space .product-item{margin:0 10px 20px 10px}

.box-square .product-pic{display:block;width:100%;height:auto;margin:0;padding:5px 0 25px 0;-webkit-border-radius:0;border-radius:0;border:none;box-shadow:none;background-color:transparent;line-height:inherit !important}
.box-square .product-pic::after{display:none}
.box-square .product-pic img{display:inline-block;width:auto;height:100px;margin:0;-webkit-border-radius:0;border-radius:0;max-width:inherit}

.box-square .product-text{margin:0}
.box-square .product-text .btn{margin:0;background-color:#e8edf0;color:#4c4c4c}
.box-square .product-text .btn::after{width:10px;height:16px;background:url(../images/arrow1.png) no-repeat right center;-webkit-transition:all 0.1s ease-in-out;transition:all 0.1s ease-in-out;}
.box-square .product-text .btn:hover{background-color:#1226aa;color:#fff}
.box-square .product-text .btn:hover::after{background-position:left center}
.box-square .product-text p{min-height:60px}
.box-square .product-link{position:absolute;top:100%;width:auto;left:50%;margin:10px 0 0 -38.5px}

.box-square .compare-box .product-item{width:340px;text-align:center;margin:0 auto}

.box-square .compare-but{margin:60px 0 0 0}
.box-square .compare-but a{background-color:#1226aa}
.box-square .compare-but a:hover{background-color:#EA0029}

.compare-but.is-business a{background-color:#1226aa}
.compare-but.is-business a:hover{background-color:#EA0029}


.service-list .box-square{padding:50px 0 30px 0}
.box-square .product-content &gt; h3{margin:0;font-family:'Roboto', sans-serif;font-weight:300;font-size:24px;color:#6d7578;line-height:1.4;text-transform:uppercase;text-align:center;}
.box-square .product-content &gt; h3 strong{font-weight:700}

.box-square .services-box{max-width:1150px}
.box-square .slide-item{padding:0 10px}
.box-square .product-slider .product-item{width:100%;margin:0}

.product-detail-content.is-business{margin:0}
.is-business .product-detail-item{padding:0 0 10px 0}
.is-business .product-detail-pic{background-color:rgba(255,255,255,0.5);border:none;padding:5px;box-shadow:5px 5px 0 rgba(0,0,0,0.1);line-height:230px}
.is-business .product-detail-pic img{display:inline-block;width:auto;height:auto;margin:0 auto;max-width:50%;vertical-align:middle;-webkit-border-radius:0;border-radius:0;}
.is-business .product-detail-pic::after{position:absolute;left:5px;top:5px;bottom:auto;width:calc(100% - 10px);height:calc(100% - 10px);background-color:rgba(255,255,255,1);-webkit-border-radius:50%;border-radius:50%;}






/*thanh toan quoc te*/
.payment-wrap{position:relative;display:block;width:100%;height:auto;background-color:#e8edf0;padding:0 0 50px 0}
.payment-wrap h3{padding:30px 0 20px 0;font-family:'Roboto', sans-serif;font-weight:300;color:#505050;font-size: 26px;text-transform:uppercase}
.payment-wrap h3 strong{font-weight:700}
.payment-wrap .title h3{padding:0}

.payment-wrap:nth-child(even){background-color:#fff}
.payment-wrap:nth-child(even) h3{text-align:center}
.payment-text{position:relative;display:table;width:90%;max-width:940px;margin:0 auto}
.payment-text p{font-size:15px;color:#000;line-height:1.6}

.payment-box{display:table;width:100%;position:relative;text-align:center}
.payment-box .box-left, .payment-box .box-right{background-color:transparent;padding:0}
.payment-box .box-text{padding:0 30px}
.payment-box .download-box{padding:40px 0 0 0}
.payment-box .download-box h3{padding:0}

.payment-box .scb-note{padding:15px 5%}
.payment-box .scb-note p{line-height:1.4;text-align:center;font-size:15px}

.payment-pic{position:relative;display:block;width: 240px;height: 240px;margin:0 auto; background-color:rgba(255,255,255,0.5);padding:5px;box-shadow:5px 5px 0 rgba(0,0,0,0.1);line-height:230px;text-align:center;-webkit-border-radius:50%;border-radius:50%;}
.payment-pic::after{content:'';position:absolute;left:5px;top:5px;bottom:auto;width:calc(100% - 10px);height:calc(100% - 10px);background-color:rgba(255,255,255,1);-webkit-border-radius:50%;border-radius:50%;}
.payment-pic img{position:relative; display:inline-block;width:auto;height:auto;margin:0 auto;max-width:45%;vertical-align:middle;-webkit-border-radius:0;border-radius:0;z-index:1;}
.outer-but{position:relative;display:block;width:100%;height:auto;text-align:center}
.outer-but .btn{margin:15px 0 0 0}



/*THE &amp; NGAN HANG DIEN TU*/
.card-content.hide{display:none}
.card-content.show{display:block}
.card-item.show{display:block}
.card-item.hide{display:none}



.card-content .title{margin:0;padding:35px 0}
.card-list{position: relative;display: block;width: 100%;height: auto}

.card-item{position: relative;display: block;width: 100%;height: auto;padding: 40px 0}
.card-item:nth-child(odd){background-color: #e8edf0}
.card-item:nth-child(even){background-color: #efefe7}

.card-item h3{display: block; width: 90%;max-width: 1240px; margin: 0 auto 25px auto; padding: 0 0 0 7px; text-align: left; font-size: 18px;color: #1226aa;text-transform: uppercase;font-weight: bold}
.card-box{position: relative;display: block;width: 90%;max-width:1240px;margin: 0 auto;text-align: center}

.card-pic{position: relative; display: inline-block; width: 20%;line-height: 0;overflow: hidden;padding: 0}
.card-pic img{position: relative; display: block;width: 100%;height: auto;vertical-align: top;}
.card-favorable{position: relative; display: inline-block; width: 16%; padding: 0 20px;vertical-align: top;vertical-align: top;}
.card-benifet{position: relative; display: inline-block; width: 15%; padding: 0 15px;vertical-align: top;}
.card-interest-rate{position: relative; display: inline-block; width: 15%; padding: 0 15px;vertical-align: top;}
.card-tax{position: relative; display: inline-block; width: 16%; padding: 0 15px;vertical-align: top;}
.card-link{position: relative; display: inline-block; width: 15%; padding: 0 15px;vertical-align: top;}

.card-favorable, .card-benifet, .card-interest-rate, .card-tax, .card-link{font-size: 14px;color: #4f4f4f;line-height: 1.6;text-align: left;}
.card-favorable h4, .card-benifet h4, .card-interest-rate h4, .card-tax h4, .card-link h4{text-transform: uppercase;font-weight: bold;margin-bottom: 6px;}

.card-link .check-box, .card-link .rule-link{margin-left:10px;}

.card-link::before{content:'';position: absolute;width: 1px;height: 100%;background-color: #fff;left: -10px;}

.card-wrap{position:relative;display:block;width:100%;height:auto;}
.card-wrap .promotion-box{position:relative;display:block;width:100%;height:auto;padding:50px 0;background-color:#e8ecef}
.card-wrap .promotion-box:nth-child(even){background-color:#f5f5ef}
.card-wrap .promotion-item{position:relative;display:block;width:90%;height:auto;max-width:1000px;margin:0 auto}
.card-wrap .promotion-detail{border:none;margin:0;padding:0}

.promotion-content.card-all .title{padding: 30px 0}
.card-all .promotion-wrap:nth-child(odd){background-color: #efefe7}
.card-all .promotion-wrap:nth-child(even){background-color: #fff}
.card-all .promotion-pic{margin: 0 0 0 40px}
.card-all .promotion-wrap:nth-child(even) .promotion-pic{margin: 0 40px 0 0}




/*CARD-NAV*/
.card-nav-content{position:relative;display:block;width:100%;height:auto;padding:10px 0;background-color:#1226aa; font-size:0;text-align:center}
.card-nav{position:relative;display:inline-block;text-align:center;white-space:nowrap;}
.card-nav li{position:relative;display:inline-block;margin:0 1px;}
.card-nav li a{display:block;width:auto;height:auto;padding: 0 20px;color: #fff;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}

.card-nav li a img{display: inline-block;width: auto;height: auto;max-width: 64px;vertical-align: bottom;margin: 0 0 7px 0}
.card-nav li a span{display: block;font-size: 12px;font-weight: normal;text-transform: uppercase}
.card-nav li a:hover{color: #3ca4fb}

.card-nav-content.hide{position:fixed;top:124px;box-shadow:0 10px 20px 0 rgba(0,0,0,.3);z-index:88}

.hide .card-nav li a img{height: 20px;width: auto}
.hide .card-nav li a span{display: none}

.card-filter{padding:30px 0;text-align:center;border-bottom:1px dotted #ccc}
.card-filter li{position:relative;display:inline-block;width:auto;height:auto;vertical-align:top}
.card-filter li a{display:block;width:auto;height:auto;font-size:14px;padding:15px 20px;color:#414141;background-color:#eceff2;-webkit-border-radius:30px;border-radius:30px;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;text-transform:uppercase}
.card-filter li a:hover{background-color:#1226aa;color:#fff}
.card-filter li.current::after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;z-index:1}
.card-filter li.current a{background-color:#1226aa;color:#fff}

.card-filter-link{padding:30px 0;text-align:center;border-bottom:1px dotted #ccc}
.card-filter-link li{position:relative;display:inline-block;width:auto;height:auto;vertical-align:top}
.card-filter-link li a{display:block;width:auto;height:auto;font-size:14px;padding:15px 20px;color:#414141;background-color:#eceff2;-webkit-border-radius:30px;border-radius:30px;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;text-transform:uppercase}
.card-filter-link li a:hover{background-color:#1226aa;color:#fff}
.card-filter-link li.current::after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;z-index:1}
.card-filter-link li.current a{background-color:#1226aa;color:#fff}

/*CARD POP*/
.side-popup{position:fixed;right:0;bottom:0;width:100%;max-width:300px;height:auto;max-height:100vh;background-color:#fff;z-index:1000;border-radius:50px 0 0 0;display:none;opacity:0;margin:0 0 -300px 0;-webkit-transition:all 0.8s ease-in-out;transition:all 0.8s ease-in-out}
.side-popup-box{position:relative;display:block;width:100%;height:auto;padding:20px;text-align:center}
.side-popup-pic{position:relative;display:block;width:250px;height:250px;margin:0 auto;-webkit-border-radius:50%;border-radius:50%;line-height:0;overflow:hidden}
.side-popup-pic img{position:relative;display:block;width:100%;height:auto}
.side-popup-text{position:relative;display:block;width:100%;height:auto;padding:15px 0}
.side-popup-text h3{margin:0 0 10px 0;font-family:'Roboto', sans-serif;font-weight:300;font-size:16px;text-transform:uppercase;text-align:center}
.side-popup-text h3 strong{font-weight:700;}
.side-popup-text p{margin:0 0 10px 0;font-size:13px;line-height:1.6;text-align:center;}

.close-side-pop{position:absolute;right:10px;top:-20px;display:inline-block;width:40px;height:40px;background:url(../images/close.png) no-repeat center center;background-size: cover; background-color:#1226aa;border:3px solid #fff;box-shadow:5px 5px 0 rgba(0,0,0,0.1);-webkit-border-radius:50%;border-radius:50%;cursor:pointer;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;cursor:pointer;z-index:30;}
.close-side-pop:hover{-webkit-transform:scale(0.9);transform:scale(0.9)}

.side-popup.show{opacity:1;margin:0;}




/*the chi tiet*/
.card-detail-box{position: relative;display: table;width: 90%;height: auto;max-width: 1200px;margin: 0 auto}
.card-detail-box p{font-size: 14px;color: #4f4f4f;line-height: 1.6;margin: 0 0 20px 0;text-align:justify}
.card-detail-box h4{font-size: 16px;font-weight: bold;color: #1226aa;text-transform: uppercase;margin: 0 0 6px 0}
.card-detail-box h4 strong{font-family:'Roboto', sans-serif;font-weight:700;color:#4f4f4f;font-size: 30px;}

.card-detail-box li a, .card-detail-box p a{font-size: 14px;color: #4f4f4f;line-height: 1.6;text-decoration: underline;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out}
.card-detail-box li a:hover, .card-detail-box p a:hover{color: #1226aa}

.card-detail{position: relative;display: table-cell;width: 50%;padding: 50px 130px 50px 0;border-right: 1px solid #a7a7a7;vertical-align: top}

.card-detail h3{margin: 0 0 20px 0;font-family:'Roboto', sans-serif;font-weight:300;color:#1226aa;font-size: 30px;text-transform: uppercase}
.card-detail h3 strong{font-weight: 700}


.card-detail .card-pic{width:100%;display: block;margin: 0 0 20px 0}
.card-detail .card-link{display: block;width: 100%;padding: 0;text-align: right}
.card-detail .card-link::before{display: none}
.card-detail .rule-link{display: block}

.card-detail .card-benifet{display: block; width: 100%;padding:0;margin: 0 0 20px 0}
.card-detail .card-interest-rate{width:49%;padding:0;vertical-align: top}
.card-detail .card-tax{width:49%;padding: 0 20px;vertical-align: top}
.card-detail .card-promotion{position: relative;display: block;width: 100%;height: auto}

.benifet-of-card{position: relative;display: table-cell;width: 50%;padding: 50px 0 50px 50px;vertical-align: top}
.benifet-of-card h3{padding: 25px 0;font-family:'Roboto', sans-serif;font-weight:300;color:#4f4f4f;font-size: 30px;text-transform: uppercase}
.benifet-of-card ul{display: block;width: 100%;height: auto}
.benifet-of-card li{display: block;width: 100%;height: auto;margin-bottom: 20px;padding: 5px 0 0 80px;text-align: left}
.benifet-of-card li h3{font-size: 14px;color: #1226aa;font-weight: bold;}
.benifet-of-card li p{}


.benifet-reissue{background: url(../images/icon-promotion.png) no-repeat left top}
.benifet-refund{background: url(../images/icon-percent.png) no-repeat left top}
.benifet-scb-mastercard{background: url(../images/icon-diamond.png) no-repeat left top}
.benifet-rate{background: url(../images/icon-polygon.png) no-repeat left top}


.card-orther-content{padding:0 0 50px 0;background-color: #283aaf}
.card-orther-content h2{color: #fff}

.card-orther-box{position: relative;display: block;width: 90%;height: auto;max-width:920px;margin: 0 auto}
.card-slider{position: relative;display: block;width: 100%;height: auto;}

.card-orther-item{display: block;width: 100%;height: auto;padding: 10px}
.card-orther-item a{display: block;width: 100%;height: auto}
.cart-orther-pic{display: block;width: 100%;height: auto;line-height: 0;overflow: hidden;margin-bottom: 10px;}
.cart-orther-pic img{display: block;width: 100%;height: auto}
.card-orther-item h3{font-size: 14px;color: #fff;text-transform: uppercase;text-align: center}

.card-slider .slide-buttons, .card-slider .slide-controls{position: static}
.card-slider .slide-pagination{display: none}
.card-slider .slide-next{background: url(../images/next-5.png) no-repeat center center}
.card-slider .slide-prev{background: url(../images/prev-5.png) no-repeat center center}


.card-compare{position:absolute;top:40px;right: 40px; display:inline-block;width:auto;height:44px;line-height:44px;padding:0 28px;-webkit-border-radius:30px;border-radius:30px;background-color:#3ca4fb;color:#fff;cursor:pointer;font-family:'Roboto', sans-serif;font-weight:700;font-size:18px;font-size:18px;text-transform:uppercase;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;z-index: 1}
#business-page .card-compare, #dt-card-business-page .card-compare{top:20px}
#business-page .card-compare.hide, #dt-card-business-page .card-compare.hide, .card-compare.hide{position:fixed;right:20px;top:77px;z-index:91}

.card-compare span{position: absolute;left: -15px;top:50%;width: 30px;height: 30px;margin: -15px 0 0 -10px;background-color: #c6000f;color: #fff;-webkit-border-radius: 50%;border-radius: 50%;text-align: center;line-height: 30px;font-size: 16px;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;opacity: 0}
.card-compare.show span{opacity:1;margin: -15px 0 0 0;}
.card-compare:hover{background-color:#c00c1a}
.card-compare:hover span{background-color: #3ca4fb}



.compare-but{position:relative;display:block;width:100%;height:auto;text-align:center}
.compare-but button{position:relative;display:inline-block;width:auto;height:44px;line-height:44px;padding:0 28px;-webkit-border-radius:30px;border-radius:30px;background-color:#3ca4fb;color:#fff;cursor:pointer;font-family:'Roboto', sans-serif;font-weight:700;font-size:18px;font-size:18px;text-transform:uppercase;}
.compare-but button:hover{background-color:#c00c1a}
.compare-but:before{content:'';position:absolute;left:0;top:23px;width:100%;height:1px;background-color:#9d9d9d}

.compare-but{position:relative;display:block;width:100%;height:auto;text-align:center}
.compare-but a{position:relative;display:inline-block;width:auto;height:44px;line-height:44px;padding:0 28px;-webkit-border-radius:30px;border-radius:30px;background-color:#3ca4fb;color:#fff;cursor:pointer;font-family:'Roboto', sans-serif;font-weight:700;font-size:18px;font-size:18px;text-transform:uppercase;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}

.compare-but span{position: absolute;left: -15px;top:50%;width: 30px;height: 30px;margin: -15px 0 0 -10px;background-color: #c6000f;color: #fff;-webkit-border-radius: 50%;border-radius: 50%;text-align: center;line-height: 30px;font-size: 16px;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;opacity: 0}

.compare-but.show span{opacity:1;margin: -15px 0 0 0;}

.compare-but a:hover{background-color:#c00c1a}
.compare-but a:hover span{background-color: #3ca4fb}




/*dich vu the dien tu*/
.banking .product-content{padding: 50px 0 0 0}
.banking .product-box{text-align: center}
.plus.banking{padding:0 0 100px 0}

.tab-choose-outer{position:relative;display:block;width:100%;height:auto;padding:10px 0;text-align:left;overflow:hidden;overflow-x:auto;font-size:0}
.tab-choose{position: relative;display: inline-block;width: auto;height: auto;white-space:nowrap}
.tab-choose li{display:inline-block;width: auto;height: auto;margin: 0 1px 0 0;padding: 15px 20px;font-size: 14px;color: #414141;text-shadow: 1px 1px 0 rgba(0,0,0,0);text-transform: uppercase;background-color: #d8dee5;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;cursor: pointer;font-weight: bold;white-space:normal;vertical-align:top}
.tab-choose li.current{background-color:#1226aa;text-shadow: 1px 1px 0 rgba(0,0,0,0.3);color: #fff}

.tab-choose-box{position:relative;display:block;width:100%;height:auto;}
.tab-choose-item{position:relative;display:none;width:100%;height:auto;padding:15px 0}
.tab-choose-item.active{display:block}



/*KHUYEN MAI TONG*/
.promotion-content .title{padding:50px 0 0 0}
.is-business .promotion-pic{height:auto;-webkit-border-radius:0;border-radius:0}
.is-business .promotion-pic img{width:100%;height:auto;margin:0;-webkit-border-radius:0;border-radius:0}


.is-policy .promotion-pic{height:auto;-webkit-border-radius:40px;border-radius:40px}
.is-policy .promotion-pic img{width:100%;height:auto;margin:0;-webkit-border-radius:40px;border-radius:40px}


.promotion-list{position:relative;display:block;width:100%;height:auto}
.promotion-wrap{position:relative;display:block;width:100%;height:auto;padding:50px 0;}
.promotion-wrap:nth-child(even){background-color:#efefe7}
.promotion-wrap:nth-child(odd){background-color:#fff}

.promotion-content.is-policy .title{padding:30px 0}
.is-policy .promotion-wrap{margin: 0 0 1px 0}
.is-policy .promotion-wrap:nth-child(even){background-color:#e8edf0}
.is-policy .promotion-wrap:nth-child(odd){background-color:#e8edf0}



.promotion-wrap:nth-child(even) .promotion-pic{margin:0 0 0 40px}
.promotion-item .hide-pc{display:none}
.promotion-item{position:relative;display:block;width:90%;height:auto;max-width: 1000px;margin: 0 auto; text-align: center;overflow:hidden}
.promotion-pic{position:relative;display:inline-block;vertical-align: middle;width:380px;height:380px;margin:0 40px 0 0;-webkit-border-radius:50%;border-radius:50%;text-align:center;overflow:hidden;line-height:0;}
.promotion-pic img{position: relative;display:inline-block;height:100%;width:auto;margin:0 -50%;-webkit-border-radius:50%;border-radius:50%;z-index: 1}

.promotion-text{display:inline-block;width:560px;text-align: left;vertical-align: middle}
.promotion-item h2, .promotion-item h3{margin: 0 0 20px 0; font-family:'Roboto', sans-serif;font-weight:300;font-size:36px;text-transform:uppercase;color:#505050;line-height:1.2}
.promotion-item h2 strong, .promotion-item h3 strong{font-weight:700}

.is-policy .promotion-item h2, .is-policy .promotion-item h3{color:#6d7578;}


.promotion-item p{margin-bottom:40px;font-size:15px;color:#505050;line-height:1.8}
.promotion-wrap h2{color:#474747}
.promotion-detail{border-top:1px solid #8b8b8b;border-bottom:1px solid #8b8b8b;padding:20px 0 0 0;margin:0 0 30px 0}
.promotion-detail p{margin: 0 0 20px 0;text-align:justify}



.promotion-detail-content .title{padding: 0 0 30px 0}
.promotion-detail-wrap{position:relative;display:block;width:100%;height:auto;padding:40px 0}
.promotion-detail-wrap:nth-child(odd){background-color:#d5d8f1}
.promotion-detail-wrap:nth-child(even){background-color:#f5f5ef}



.promotion-detail-box{position:relative;display:block;width:90%;height:auto;max-width:960px;margin:0 auto}

.promotion-more{position:relative;display:block;width:100%;height:auto;margin-top:-300px;}
.promotion-more-box{position:relative;display:block;width:90%;height:auto;max-width:1000px;margin:0 auto;padding:40px 60px;background-color:rgba(213,216,241,0.7)}
.promotion-more-box p, .promotion-more p, .promotion-name p{font-size:15px;color:#000;line-height:1.6;margin:0 0 20px 0;text-align:justify}
.promotion-more-box h3, .promotion-more h3, .promotion-name span{font-family:'Roboto', sans-serif;font-weight:300;font-size:24px;color:#0f0f0f;line-height:1.4;}

.promotion-more-box p a, .promotion-more p a, .promotion-name p a{-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;color:#3ca4fb}
.promotion-more-box p a:hover, .promotion-more p a:hover, .promotion-name p a:hover{color:#016ecb}

.promotion-more-box h3 strong, .promotion-more h3 strong, .promotion-name span strong{font-weight:700}
.promotion-more h3{text-align:center;margin-bottom:20px;}
 

 
.promotion-name{position:relative;display:block;width:100%;height:auto;overflow:hidden}
.promotion-name span:nth-child(1){float:left;display:block;}
.promotion-name span:nth-child(2){display:block;overflow:hidden;text-align:center}

.promotion-detail-content table th, .promotion-detail-content table td{background-color:#fff;text-align:center;padding:15px 25px;line-height:1.2;}
.promotion-detail-content table tbody:only-child tr:first-child td, .promotion-detail-content thead th{color:#000;font-size:15px;font-weight:bold;text-transform: inherit}
.promotion-detail-content table td{text-align:center;font-size:15px;color:#000;}

.promotion-detail-content table tbody tr:nth-child(odd) td, 
.promotion-detail-content table tbody tr:nth-child(even) td{background-color: #fff}


.is-business .orther-pic, .is-business .orther-pic img{border: none;-webkit-border-radius: 0;background-color: transparent;border-radius: 0;display: block;margin: 0 auto}
.is-business .orther-pic{width:100%;height:auto;text-align:center;overflow:hidden}
.is-business .orther-pic img{display:block;width:auto;height:auto;max-width:100%;margin:0 auto}
.is-business .orther-text{padding:0;min-height: 68px}
.is-business .orther-text h3{margin: 0;padding: 10px 0}

.is-policy .orther-pic, .is-policy .orther-pic img{border: none;-webkit-border-radius: 40px;border-radius: 40px;background-color: transparent;display: block;margin: 0 auto}
.is-policy .orther-pic{width:100%;height:auto;text-align:center;overflow:hidden;margin:0 0 20px 0}
.is-policy .orther-pic img{display:block;width:auto;height:auto;max-width:100%;margin:0 auto}
.is-policy .orther-text{padding:0;min-height: 68px;margin:0}
.is-policy .orther-text h3{margin: 0;padding:0}


.promotion-detail-content.is-policy .title{padding:30px 0 10px 0}
.policy-wrap{position:relative;display:block;width:100%;height:auto;background-color:#e8edf0;padding:50px 0}
.policy-top{display:block;width:90%;height:auto;max-width:800px;margin:0 auto;text-align:center}
.policy-top h3{margin:0 0 30px 0;font-family:'Roboto', sans-serif;font-weight:300;font-size:36px;color:#474747;text-transform:uppercase;line-height:1.2}
.policy-top h3 strong{font-weight:700}
.policy-top p{font-size:15px;color:#474747;line-height:1.6}

.promotion-more-box.end-promotion{background-color:#e8edf0}
.is-policy .promotion-more h3, .promotion-note .promotion-more-box h3{color:#6d7578;text-transform:uppercase;font-size:36px;text-align:center;margin:0 0 20px 0}
.promotion-note{position:relative;display:block;background-color:#f5f5ef}
.promotion-note .promotion-more-box{background-color:transparent}


.is-policy .promotion-name span:nth-child(1){float:none;text-align:center}
.is-policy table{width:100%}





.orther-box{position:relative;display:block;width:90%;max-width:1000px;text-align:center;margin:0 auto}
.orther-item{position:relative;display:inline-block;width:30%;height:auto;margin:0 1.5% 40px 1.5%;vertical-align:top}
.orther-pic{position:relative;display:block;width:180px;height:180px;margin:0 auto 20px auto;text-align:center;line-height:0;overflow:hidden;background-color:#fff;border:5px solid #fff;-webkit-border-radius:50%;border-radius:50%;}
.orther-pic img{position:relative;display:inline-block;height:100%;width:auto;margin:0 -50%;-webkit-border-radius:50%;border-radius:50%;z-index:1}
.orther-text{position:relative;display:block;width:100%;height:auto;margin:0 0 10px 0;-webkit-font-smoothing: subpixel-antialiased;}
.orther-text h3{margin:0 0 10px 0;padding:0 40px;font-size:16px;font-weight:bold;color:#1226aa;text-transform:uppercase;line-height:1.4;text-align:center}
.orther-text p{margin:0 0 10px 0;font-size:14px;color:#4f4f4f;line-height:1.6;text-align:center;}
.orther-link{position:relative;display:block;width:100%;height:auto;text-align:center}


.orther-wrap{position: relative; display: block;width: 100%;height: auto;padding: 40px 0 60px 0;background-color: #e8ecef}
.orther-slider{position: relative;display: block;width: 100%;height: auto;}
.orther-slider .orther-item{width: 100%;margin: 0;padding:0 10px}
.orther-slider .slide-controls, .orther-slider .slide-buttons{position: static;margin: 0;height: 0}
.orther-slider .slide-next{position: absolute;right: -60px;top:50%; width: 37px;height: 113px; margin: -80px 0 0 0;  background: url(../images/next-4.png) no-repeat center center}
.orther-slider .slide-prev{position: absolute;left: -60px;top:50%; width: 37px;height: 113px;  margin: -80px 0 0 0; background: url(../images/prev-4.png) no-repeat center center}
.orther-slider .slide-prev:hover{-webkit-transform:scale(1);transform:scale(1);margin:-80px 0 0 -10px;opacity:1}
.orther-slider .slide-next:hover{-webkit-transform:scale(1);transform:scale(1);margin:-80px -10px 0 0;opacity:1}




.small-plus-content{}
.small-plus-nav{position:relative;display:block;width:100%;height:auto;margin: 0 0 30px 0;}
.small-plus-nav::before{content:'';position:absolute;left:0;top:50%;width:100%;height:2px;border-top:1px dotted #555555;margin:-1px 0 0 0}

.small-plus-nav ul{position:relative;display:block;width:90%;height:auto;max-width:1150px;margin:0 auto; text-align:center}
.small-plus-nav  li{position:relative;display:inline-block;width:180px;height:94px;line-height:74px;margin:0 10px; background-color:#1226aa;color:#fff;vertical-align:top;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;text-align:left;}
.small-plus-nav  li a{display:block;width:100%;height:auto;color:inherit;padding:10px;}
.small-plus-icon{display:inline-block;width:40%;overflow:hidden;vertical-align:middle;margin:0 6% 0 0}
.small-plus-icon img{display:block;width:auto;height:auto;max-width:100%;}
.small-plus-nav  li h3{display:inline-block;width:52%;vertical-align:middle;line-height:1.4;font-size:14px;text-transform:uppercase}
.small-plus-nav  li:not(.current):hover{background-color:#EA0029}
.small-plus-nav  li.current{background-color:#EA0029}
.small-plus-nav  li.current::after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;z-index:1}

.small-plus-box{position:relative;display:block;width:90%;height:auto;max-width:1020px;margin:0 auto;padding:0 0 30px 0;opacity:0;}
.small-plus-load, .small-plus-slider{position:relative;display:block;width:100%;height:auto;}
.small-plus-item{position:relative;display:block;width:100%;height:auto;border:1px solid #bfbfbf;padding:7px;}
.small-plus-pic{position:relative;display:block;width:100%;height:auto;}
.small-plus-pic img{position:relative;display:block;width:100%;height:auto}
.small-plus-text{position:relative;display:block;width:100%;height:auto;padding: 15px 20px}
.small-plus-text h3{font-size:16px;font-weight:bold;color:#1226aa;text-transform:uppercase;text-align:center;margin: 0 0 10px 0;line-height: 1.4}
.small-plus-text p{font-size:13px;color:#575757;margin-bottom:10px;line-height:1.4}
.small-plus-slider .slide-item{padding:0 8px;}
.small-plus-slider .slide-controls, .small-plus-slider .slide-buttons{position:static;}
.small-plus-slider .slide-next, .small-plus-slider .slide-prev{position:absolute;top:50%;margin:-55px 0 0 0}

.small-plus-list{position:relative;display:block;width:100%;height:auto}
.small-plus-list .small-plus-item{overflow:hidden;margin:0 0 17px 0}

.small-plus-list .small-plus-pic{position:relative;display:block;float:left;width:40%;margin:0 20px 0 0;}
.small-plus-list .small-plus-pic img{position:relative;display:block;width:100%;height:auto;}
.small-plus-list .small-plus-text{padding:10px 0 0 0;}
.small-plus-list .small-plus-text h3{margin:0 0 10px 0; font-size:24px;text-align:left}
.small-plus-list .small-plus-text p{overflow:hidden}

.small-sort{display:block;width:90%;height:auto;max-width:1150px;margin:0 auto;padding:10px 0 40px 0;text-align:center;text-align:center}
.small-sort-item{display:inline-block;width:auto;vertical-align:middle;margin:0 10px}

.small-sort-item .cap-title{display:inline-block;width:auto;font-size:15px;text-shadow:none;color:#363636;margin:0 15px 0 0}
.small-sort-item .check-box{display:inline-block;width:auto;font-size:15px;text-shadow:none;margin:0}
.small-sort-item .check-box input[type="checkbox"] + .check-mask{border:1px solid #bbb}
.small-sort-item .check-box:nth-child(1){margin:0 20px 0 10px}
.small-sort-item .check-box span{font-size:15px;color:#363636}

.small-sort-item select{display:inline-block;border:1px solid #bbb}
.small-sort-item .btn{text-transform:uppercase;vertical-align:middle;padding:0 34px;min-width:inherit;line-height:48px;height:48px;margin:0}
.small-sort-item .btn::after{display:none;}


.small-plus-box .page-controls{text-align:right}




/*MINI GAME*/
.mini-game-content{position:relative;display:block;width:100%;height:auto;white-space:normal;padding:0 0 30px 0}
.mini-game-content.detail-promotion{padding:0 0 40px 0}
.mini-grame-wrap{position:relative;display:block;width:100%;height:auto;white-space:normal}
.mini-game-box{position:relative;display:block;width:90%;height:auto;max-width:1150px;margin:0 auto 30px auto;overflow:hidden}
.mini-game-pic{position:relative;display:block;float:left;width:62%;height:auto;vertical-align:middle;overflow:hidden;line-height:0;}
.mini-game-pic img{position:relative;display:block;width:100%;height:auto;}
.mini-game-text{position:relative;display:block;height:auto;overflow:hidden;text-align:left;padding:0 0 30px 30px}

.mini-game-box:nth-child(even) .mini-game-text{padding:0 30px 30px 0}

.mini-game-box:nth-child(even) .mini-game-pic{float:right;}
.mini-game-text h3{margin:0 0 20px 0;font-family:'Roboto', sans-serif;color:#474747;font-size:24px;font-weight:700;text-align:left;line-height:1.4}
.mini-game-text ul{border-top:1px solid #7e7e7e}
.mini-game-text li{padding:10px 0;border-bottom:1px solid #7e7e7e;color:#474747;font-size:15px;line-height:1.6;}

.play-game{position:relative;display:inline-block;width:140px;height:140px;margin:20px 0 0 0;background:url(../images/play-but.png) no-repeat center center;background-size:cover; -webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;-webkit-border-radius:50%;border-radius:50%;box-shadow:0 10px 10px rgba(0,0,0,0.2)}
.play-game:hover{background-color:rgba(0,92,170,0.5)}
.play-game span{position:absolute;left:100%;top:50%;height:48px;line-height:48px;margin:-24px 0 0 20px;display:inline-block;font-family:'Roboto', sans-serif;font-weight:700;color:#f5af37;font-size:48px;}


.popup-game{position:fixed;left:0;top:0;width:100%;height:100%;z-index:1000;background-color:rgba(0,0,0,0.5);text-align:center;overflow:hidden;display:none}
.popup-game::before, .popup-game::after{content:'';display:inline-block;width:auto;height:100%;vertical-align:middle}
.popup-game-box{position:relative;display:inline-block;width:90%;height:auto;max-width:1150px;vertical-align:middle;padding:20px;background-color:rgba(255,255,255,0.5);opacity:0}
.popup-game-box .mini-game-box{position:relative;display:block;width:100%;height:auto;background-color:#fff;margin:0}
.popup-game-box .mini-game-pic{width:54%;float:right}
.popup-game-box .mini-game-text{width:46%;float:left;padding:10px 30px 30px 30px}
.popup-game-box h2{font-size:60px;text-align:left;line-height:1}
.popup-game-box h3{color:#f68e2e}

.close-game{position:absolute;right:-30px;top:-30px;display:inline-block;width:75px;height:75px;background:url(../images/close.png) no-repeat center center;background-size: contain; background-color:#1226aa;border:3px solid #fff;box-shadow:5px 5px 0 rgba(0,0,0,0.1);-webkit-border-radius:50%;border-radius:50%;cursor:pointer;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;cursor:pointer;z-index:30;}
.close-game:hover{-webkit-transform:scale(0.9);transform:scale(0.9)}




/*GAME PAGE*/
#game-page{overflow:hidden}
#game-page .footer{display:none}
.game-content{position:absolute;left:0;top:0;width:100%;height:100vh;padding:130px 0 0 0;background:url(../images/game-bg.png) repeat-x left bottom;background-color:#035ba8;text-align:center}
.game-box{position:relative;display:inline-block;width:auto;height:calc(100% - 30px);max-width:90%;border:10px solid rgba(255,255,255,0.5);overflow:hidden;text-align:center;margin:15px auto;}
.game-box img{position:relative;display:inline-block;height:100%;width:auto;margin:0 -50%;}

.btn-back{position:absolute;left:20px;top:150px;padding:15px 30px 15px 45px;-webkit-border-radius:30px;border-radius:30px;background:url(../images/arrow-back.png) no-repeat 15px center;background-color:#c00c1a;font-size:14px;color:#fff;-webkit-appearance:none;border:none;font-weight:bold;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;cursor:pointer;z-index:1}
.btn-back:hover{background-color:#025ca8}


/*POPUP KHAO SAT CHUONG TRINH*/
.popup-survey{position:absolute;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:1000;display:none}
.ct-survey {width:90%;height:auto;max-width:1100px;margin:60px auto;padding:0;}
.ct-survey .input-box{width: 90%;max-width: 800px;}
.ct-survey .input-text:last-child{margin: 0}

.survey-top{position: relative;display: block;width: 100%;height: auto;background-color: #e7e9ea;padding: 0 0 10px 0}
.survey-midle{position: relative;display: block;width: 100%;height: auto;background-color: #f3f4f5;padding: 20px 0 30px 0}
.survey-bottom{position: relative;display: block;width: 100%;height: auto;background-color: #e7e9ea;padding: 10px 0 30px 0}
.survey-midle .col:nth-child(1) span{display: inline-block;line-height: 24px;}

.close-survey{position:absolute;right:-30px;top:-30px;display:inline-block;width:75px;height:75px;background:url(../images/close.png) no-repeat center center;background-size: contain; background-color:#1226aa;border:3px solid #fff;box-shadow:5px 5px 0 rgba(0,0,0,0.1);-webkit-border-radius:50%;border-radius:50%;cursor:pointer;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;cursor:pointer;z-index:30;}
.close-survey:hover{-webkit-transform:scale(0.9);transform:scale(0.9)}



/*POPUP THEO MUA*/
.popup-pics{height:auto;min-height:580px;width:1000px;position:fixed;left:50%;top:50%;margin:-285px 0 0 -500px;z-index:1600;text-align:center;display:none;}
.popup-pics img{width:auto;height:580px;display:block;position:relative;margin:0 auto;-webkit-border-radius:50px;border-radius:50px;}

.close-popup{position:absolute;right:-70px;top:10px;display:inline-block;width:60px;height:60px;background:url(../images/close.png) no-repeat center center;background-size: contain;background-color:transparent;border:3px solid #fff;box-shadow:5px 5px 0 rgba(0,0,0,0.1);-webkit-border-radius:50%;border-radius:50%;cursor:pointer;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;cursor:pointer;z-index:30;}
.close-popup:hover{-webkit-transform:scale(0.9);transform:scale(0.9)}





/*modify*/
.popup-slider{position:relative;display:block !important;width:100%;height:auto;text-align:left;}
.popup-pic{position:relative;display:block;width:100%;height:auto;}
.popup-pics .slide-controls, .popup-pics .slide-buttons{position: static;margin: 0;height: 0}
.popup-pics .slide-next{position: absolute;right:-90px;top:50%; width: 37px;height: 113px; margin: -80px 0 0 0;  background: url(../images/next-6.png) no-repeat center center}
.popup-pics .slide-prev{position: absolute;left: -90px;top:50%; width: 37px;height: 113px;  margin: -80px 0 0 0; background: url(../images/prev-6.png) no-repeat center center}
.popup-pics .slide-prev:hover{-webkit-transform:scale(1);transform:scale(1);margin:-80px 0 0 -10px;opacity:1}
.popup-pics .slide-next:hover{-webkit-transform:scale(1);transform:scale(1);margin:-80px -10px 0 0;opacity:1}







/*TRUY CAP NHANH*/
.access-sort{position:relative;display:block;width:90%;max-width:620px;margin:30px auto;overflow:hidden}
.access-sort label{display:block;font-size:15px;font-weight:bold;color:#363636;margin:0 0 10px 10px}
.access-sort input[type="text"]{border:1px solid #bbb}
.access-sort .ui-datepicker-trigger{top:12px;right:12px;}
.access-sort select{width:100%;height:64px;-webkit-border-radius: 20px;border-radius: 20px}
.access-wrap{position: relative;display: block;width: 100%;height: auto;border-top: 1px dotted #000; }

.access-title{position: relative;display: block;width: 100%;height: auto;max-width: 1150px;margin: 0 auto;text-align: center}
.access-title h3{padding: 30px 0 26px 0;font-family:'Roboto', sans-serif;font-weight:700;font-size: 30px;text-transform: uppercase;color: #1226aa}
.access-title p{font-family:'Roboto', sans-serif;font-weight:300;color: #4f4f4f}

.access-box{position: relative;display: block;width: 100%;height: auto;}
.sort-but{position:relative;display:block;width:auto;height:64px;line-height:64px;margin-top:24px;padding:0 50px 0 30px;-webkit-border-radius:10px;border-radius:10px;background-color:#1226aa;font-family:'Roboto', sans-serif;font-weight:700;font-size:24px;text-transform:uppercase;color:#fff;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;cursor:pointer}
.sort-but::after{content:'';position:absolute;right:20px;top:24px;width:12px;height:18px;background:url(../images/arrow.png) no-repeat center center}
.sort-but:hover{background-color:#EA0029}

.access-box .scb-note{width:90%;margin:0 auto;display:block;position:relative;max-width:1150px}
.access-box .scb-note p{text-align:justify;margin:0 0 10px 0;padding:0}

.access-details{position: relative;display: block;width: 100%;height: auto;border-top:1px dotted #000;padding:30px 0 20px 0}
.access-details .content-table{width:90%;max-width: 1150px;margin: 0 auto}
.access-details table{display:table;width: 100%;margin: 0 0 20px 0}
.access-details h3{margin: 0 0 30px 0;font-family:'Roboto', sans-serif;font-size: 18px;font-weight:700;color: #363636;text-transform: uppercase;text-align: center}
.access-details p{color: #323232;font-size: 15px;line-height: 1.6;text-align: center;margin-bottom: 20px;padding:0 5%}
.access-details table + p{margin-top: 15px}
.access-details .title{padding: 0 0 20px 0}
.link-down{display: inline-block;width: auto;height: auto;-webkit-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
.link-down:hover{opacity: 0.5}

.access-note{position: relative;display:block;width: 90%;height: auto; max-width: 1150px;margin: 0 auto;padding:10px 0 20px 0}
.access-note p{text-align: justify;padding: 0;}

.access-tariff table th{padding: 20px}
.access-tariff .access-details{padding: 0 0 20px 0;border: none}
.access-tariff table th:nth-child(2), .access-tariff table th:nth-child(3){width: 180px}
.access-tariff table td:nth-child(1){text-align: left;}
.access-tariff table td{padding: 5px 20px}


.access-form table th{padding: 20px}
.access-form table th:nth-child(1){width: 240px}
.access-form table th:nth-child(3){width: 140px}
.access-form table td:nth-child(1), .access-form table td:nth-child(2){text-align: left;}
.access-form table td{padding: 5px 20px}



.access-result table th{padding: 20px}
.access-result .access-details{padding: 0 0 20px 0;border: none}
.access-result table th:nth-child(2){width: 180px}
.access-result table td:nth-child(1), .access-result table th:nth-child(1){text-align: left;}
.access-result table td{padding: 5px 20px}


.page-overflow{position:relative;width:100%;height:auto;margin:0 0 20px 0;padding:0 0 100px 0;background:url(../images/white-overlay.png) repeat-x left top;background-color:#e9eff3;overflow:hidden;}
.box-content{position:relative;left:0;height:auto;width:100%;margin:0;text-align:center;overflow:hidden;-webkit-transition:height 400ms ease 0s;transition:height 400ms ease 0s;}
.colum-box{position:relative;float:left;display:block;width:100%;overflow:hidden;text-align:center;}

.colum-bg{position:relative;display:block;width:100%;height:auto;padding:50px 0 30px 0}
.colum-bg:nth-child(1){background-color:#e8ecef}
.colum-bg:nth-child(2){background-color:#fff}
.colum-bg .title{margin:0 0 20px 0}


.colum-info{position:relative;display:block;width:100%;height:auto;max-width:900px;margin:0 auto 40px auto;padding:0 60px}
.colum-info h3{margin: 0 0 15px 0;font-family:'Roboto', sans-serif;font-size: 30px;font-weight:700;color: #1226aa;text-transform: uppercase;text-align: center}
.colum-info p{margin: 0 0 15px 0;font-size:15px;color:#363636;line-height:1.6;text-align:center}

.colum-result{position:relative;display:none;width:90%;height:auto;max-width:900px;margin:0 auto;}
.colum-result h3{margin: 0 0 15px 0;font-family:'Roboto', sans-serif;font-size: 30px;font-weight:700;color: #1226aa;text-transform: uppercase;text-align: center}


.colum-result-KHDN{position:relative;display:none;width:90%;height:auto;max-width:900px;margin:0 auto;}
.colum-result-KHDN h3{margin: 0 0 15px 0;font-family:'Roboto', sans-serif;font-size: 30px;font-weight:700;color: #1226aa;text-transform: uppercase;text-align: center}



.colum-details{position:relative;display:block;width:100%;height:auto;max-width:740px;margin:0 auto;padding:30px 0 20px 0;background-color:#f2efdf;border:1px solid #c1c1c1;-webkit-border-radius:30px;border-radius:30px;}
.colum-details .col:nth-child(1){text-align:right;line-height:64px;}
.colum-details .col:nth-child(3){text-align:left;line-height:64px;}
.colum-details span{display:inline-block}
.colum-details input{width:170px;}

.colum-note{position:relative;display:block;width:90%;height:auto;max-width:900px;margin:0 auto;padding:20px 0;text-align:left}
.colum-note p{font-size:15px;color:#363636;line-height:1.6;margin-bottom:20px;text-align:justify}
.colum-note a{color: #1226aa;-webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.colum-note a:hover{color: #d8dee5}

.colum-note table{width:100%}
.colum-note table tbody:only-child tr:first-child td, .caculate-note table thead th{text-transform:inherit}

.formula p{margin: 0}
.formula table{min-width:inherit;display:inline-block;margin:0;width:auto;}
.formula table tbody:only-child tr:first-child td, .formula table thead th{padding:7px 0;background-color:transparent;color:#1226aa;font-weight:bold;font-size:15px;text-transform:inherit}
.formula table tbody tr:nth-child(even) td{padding:7px 0;background-color:transparent;color:#1226aa;font-weight:bold;font-size:15px;text-transform:inherit}
.formula table td:nth-child(2){border-bottom:1px solid #1226aa}
.formula table td[rowspan="2"]{padding:0 7px 0 0 !important;color:#363636 !important}

.date-wrap{position:relative;display:block;width:100%;height:auto}
.date-wrap .ui-datepicker-trigger{top:12px;right:12px;}

.access-content .tab-but{top:0;height:100%}
.access-content .horizon-tab li p{padding:20px 30px}

.access-form .colum-bg{padding:0 0 30px 0;background-color:transparent}
.access-form .page-overflow{padding:0;margin:0;background-color:#e8ecef;background-image:none}

.access-cal .page-overflow{background:#fff;padding: 0}
.access-cal .cap-title{text-align:left;text-shadow:none;color:#363636;margin:0 0 10px 10px}
.access-cal .input-box{width:90%;margin:0 auto; max-width:900px;}
.access-cal .input-text{margin-bottom:20px}
.access-cal input[type="text"]{border:1px solid #bbb;}
.access-cal .check-box span strong{font-size: 15px}


.access-find .page-overflow{background:#fff;padding: 0}
.access-find .cap-title{text-align:left;text-shadow:none;color:#363636;margin:0 0 10px 10px}
.access-find .input-box{max-width:900px;}
.access-find .input-text{margin-bottom:20px}
.access-find input[type="text"]{border:1px solid #bbb;}
.access-find .check-box span strong{font-size: 15px}
.access-find .input-box{max-width: 600px}


/*POPUP DIEU KHOAN - DIEU KIEN*/
.details-content{position:fixed;width:100%;height:100%;opacity:0;z-index:3000;text-align:center;overflow:hidden;}
.details-content::before, .details-content::after{content:'';display:inline-block;width:auto;height:100%;vertical-align:middle}
.details-center{position:relative;display:inline-block;width:90%;height:calc(100vh - 100px);max-width:900px;margin:0 auto;border:20px solid rgba(255,255,255,0.5);padding:0;vertical-align:middle}
.details-center h3{padding:20px 0;font-size:18px;color:#474747;line-height:1.2;text-align:center;text-transform:uppercase;font-weight:bold}
.details-text{position:relative;width:100%;height:auto;}
.details-text p{font-size:15px;color:#474747;line-height:1.6;margin:0 0 15px 0;text-align:left;}
.details-text p a{color:#474747;}
.details-text p a:hover{color:#1226aa;}

.close-pop{position: fixed;right: 40px;top:20px;width: 60px;height: 60px;background: url(../images/close.png) no-repeat  center center;background-size: cover;z-index:999999;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;-webkit-border-radius:50%;border-radius:50%;display:block;background-color:#1226aa;box-shadow:0 0 10px rgba(255, 255, 255, 0);border:1px solid rgba(255,255,255,0.5);}
.close-pop:hover{background-color:rgba(255,255,255,0.1);box-shadow:0 0 30px 0 rgba(255, 255, 255, 0.3);}

.details-outer{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#fff;overflow:hidden;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:-moz-none;-ms-user-select:none;}
.scrollB{position:absolute;left:20px;top:20px;width:calc(100% - 20px);height:calc(100% - 40px);padding:0 30px;overflow:hidden}


/*OVERLAY*/
.overlay-dark{position:fixed;left:0;bottom:0;display:none;width:100%;height:100%;background-color:rgba(0,0,0,0.7);overflow:hidden;opacity:1;z-index:1500;}


/*ALBUM*/
.all-album{width:100vw;height:100vh;overflow:hidden;position:fixed;left:0;top:0;display:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:-moz-none;-ms-user-select:none;z-index:3600;}
.album-load{ width:100%;height:100%;position:relative;display:block;opacity:0;}
.album-center{width:100vw;height:100vh;position:relative;display:block}
.album-pic-center{width:100%;height:100%;position:relative;text-align:center;display:block;}
.album-pic-center img{width:auto;height:auto;position:relative;display:inline-block;margin:auto;vertical-align:middle;max-height:85%;max-width:85%;}
.album-pic-center .pic-name{ position:absolute;left:0;top:1.5%;z-index:5;width:100%;height:auto}
.album-pic-center .pic-name h2{font-family:'VNF-Futura';font-weight:normal;font-size:18px;line-height:1.4;text-align:left;position:relative;display:block;margin-bottom:10px;color:rgba(255,255,255,1);text-shadow:1px 1px 1px rgba(0,0,0,0.5);}
.album-pic-center .pic-name h2 &gt; span{-webkit-transition:all 800ms ease ;-ms-transition:all 800ms ease;transition:all 800ms ease;opacity:0}
.album-pic-center .pic-name.move h2 &gt; span.move{opacity:1;}
.album-pic-center .pic-name h3{color:#fff;font-family:'VNF-Futura';font-weight:normal;font-size:18px;line-height:1.4;text-align:center;display:inline-block;position:relative;text-shadow:1px 1px 1px rgba(0,0,0,0.5);text-transform:uppercase;padding:10px 20px;}
.album-pic-center .pic-name h3&gt; span &gt; span{-webkit-transition:all 900ms ease;-ms-transition:all 900ms ease;transition:all 900ms ease ;opacity:0;}
.album-pic-center .pic-name.move h3 &gt; span &gt; span.move{opacity:1;}
.slide-pic-nav{width:100%;position:absolute;height:auto;top:50%;margin-top:-30px;bottom:auto;left:0;z-index:10;display:none}
.next-pic{ background:url(../images/next_s.png) no-repeat center center;width:60px;height:60px;position:absolute;right:30px;top:0;cursor:pointer;-webkit-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;-ms-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;box-shadow:0 0 60px rgba(0,0,0,0.2);border:1px solid rgba(255,255,255,0.5);background-color:rgba(255,255,255,0.1);}
.prev-pic{ background:url(../images/previous_s.png) no-repeat  center center;width:60px;height:60px;position:absolute;left:30px;top:0;cursor:pointer;-webkit-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;-ms-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;box-shadow:0 0 60px rgba(0,0,0,0.2);border:1px solid rgba(255,255,255,0.5);background-color:rgba(255,255,255,0.1);}
.next-pic:not(.disabled):hover, .prev-pic:not(.disabled):hover{ background-color:rgba(255,255,255,0.3);box-shadow:0 0 20px rgba(255,255,255,0.8)}
.next-pic.disabled, .prev-pic.disabled{ opacity:0.3;cursor:default}
.close-album{background:url(../images/close.png) no-repeat  center center / cover;width:60px;height:60px;text-indent:-9999px;font-size:0;cursor:pointer;position:absolute;right:20px;top:20px;left:auto;bottom:auto;margin:0;z-index:9999;-webkit-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;-ms-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;display:block;box-shadow:0 0 60px rgba(0,0,0,0.2);border:1px solid rgba(255,255,255,0.5);background-color:rgba(255,255,255,0.1);}
.close-album:hover{background-color:rgba(255,255,255,0.3);box-shadow:0 0 20px rgba(255,255,255,0.8)}
.container-zoom img.zoomscale{cursor:zoom-in;}
.container-zoom img.zoomin{cursor:ew-resize;cursor:e-resize;cursor:url(../images/grabbing.png) 8 8, move;}
.touch{background-image:url(../images/pinchzoom.png);background-position:left top;background-repeat:no-repeat}
.cursor {cursor:url(../images/openhand.png) 8 8, move;}
.drag-cursor {cursor:url(../images/grabbing.png) 8 8, move;}

/*BACKGROUND*/


/*ZOOM PIC*/
.all-pics{display:none;height:100%;width:100%;overflow:hidden;position:fixed;left:0;top:0;z-index:4000;}
.all-pics.show{display:block}
.all-pics .text-length{width:100%;height:auto;position:absolute;left:0;top:0;z-index:9998;opacity:0;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:-moz-none;-ms-user-select:none;text-align:center}
.all-pics .text-length h3{font-family:"VNF-Futura";color:#fff;font-size:18px;line-height:1.4;position:relative;text-align:center;font-weight:normal;padding:10px 20px;text-shadow:1px 1px 0 rgba(0,0,0,0.3);text-transform:uppercase;background-color:rgba(0,0,0,0.5);display:inline-block;}
.full {position:relative;width:100vw;height:100vh;overflow:hidden;display:block}
.full img {width:auto;height:auto; min-width:70%;outline:none;border:none;margin:0 auto;display:block;opacity:0;position:relative;cursor:url(../images/openhand.png) 6 8, move;z-index:5}
.full span{width:100vw;height:100vh;position:absolute;left:0;top:0;z-index:1}
.dragscroll{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:-moz-none;-ms-user-select:none;}
.pinch-zoom-container{width:100%;height:100%;position:relative;display:block;margin:0 }
.pinch-zoom{width:100%;left:0;top:0;text-align:center}
.pinch-zoom:before { content:"";display:inline-block;vertical-align:middle;height:100%;}
.pinch-zoom:after { content:"";display:inline-block;vertical-align:middle;height:100%;}
.pinch-zoom img{width:auto;height:auto;max-width:100%;display:inline-block;vertical-align:middle;position:relative;margin:0 }

.close-pics{position:fixed;right:20px;top:20px;background:url(../images/close.png) no-repeat  center center / cover;width:60px;height:60px;text-indent:-9999px;font-size:0;cursor:pointer;margin:0;z-index:9999;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;-webkit-border-radius:50%;border-radius:50%;display:block;box-shadow:0 0 60px rgba(0,0,0,0.2);border:1px solid rgba(255,255,255,0.5);background-color:rgba(255,255,255,0.1);}
.close-pics:hover{background-color:rgba(255,255,255,0.3);box-shadow:0 0 20px rgba(255,255,255,0.8)}
.close-pics-small{background:url(../images/close.png) no-repeat  center center / cover;width:40px;height:40px;cursor:pointer;position:fixed;left:50%;top:10px;margin-left:-20px;z-index:99999;border:1px solid rgba(255,255,255,0.5);background-color:rgba(0,0,0,0.1);-webkit-border-radius:50%;border-radius:50%;display:none}

.zoom{position:absolute;right:10px;top:10px;width:76px;height:76px;background:url(../images/zoom.png) no-repeat center center;background-size:cover;background-color:#6c6f72;border:5px solid #e2e7ec;border-radius:50%;-webkit-border-radius:50%;box-shadow:5px 5px 0 rgba(0,0,0,0.3);z-index:1;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;cursor:pointer}
.zoom:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}





/*VIDEO HTML5*/
.allvideo{background-color:rgba(0,0,0,0.8);position:fixed;width:100%;height:100%;overflow:hidden;left:0;top:-100%;display:none;opacity:0;-webkit-transition:all 0.3s linear;transition:all 0.3s linear;z-index:1000;}
.allvideo.show{opacity:1;top:0}

.video-list{width:100%;height:100%;position:absolute;top:0;left:0;display:block;z-index:100;}
.video-wrap{width:100%;height:100%;position:absolute;left:50%;top:50%;margin:auto;opacity:0;z-index:100;}
.video-skin { position:absolute;top:0;left:0;width:100%;height:100%;display:block;z-index:10;}
.video-wrap iframe{width:100%;height:100%;position:absolute;display:block;top:0;left:0;z-index:10;}
.close-video{background:url(../images/close.png) no-repeat  center center / cover;display:block;width:60px;height:60px;cursor:pointer;position:absolute;right:20px;top:20px;bottom:auto;margin:0;z-index:999999;-webkit-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;-webkit-border-radius:50%;-ms-border-radius:50%;border-radius:50%;display:block;background-color:rgba(255,255,255,0);box-shadow:0 0 10px rgba(255, 255, 255, 0);border:1px solid #fff;}
.close-video:hover{background-color:rgba(255,255,255,0.1);box-shadow:0 0 30px 0 rgba(255, 255, 255, 0.3);}

.play-video{background:url(../images/play.png) no-repeat center center;width:70px;height:66px;position:absolute;left:50%;top:50%;margin:-33px 0 0 -35px;-webkit-transition:transform 0.3s ease-in-out;transition:transform 0.3s ease-in-out;will-change:transform;opacity:1;z-index:10;-webkit-background-size:contain;background-size:contain;text-indent:-9999px;overflow:hidden;}
.play-video:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}

.player{width:100px;height:100px;position:absolute;left:50%;top:50%;margin:-50px 0 0 -50px;background:-webkit-linear-gradient(135deg, rgb(121, 123, 48) 0%, rgb(120, 95, 72) 100%);background:linear-gradient(135deg, rgb(121, 123, 48) 0%, rgb(120, 95, 72) 100%);box-shadow:0 0 0 15px rgba(255,255,255,0.2);-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;-webkit-border-radius:50%;border-radius:50%;z-index:10;overflow:hidden}
.player:after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:url(../images/play2.png) no-repeat center center / cover;}
.player:before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:-webkit-linear-gradient(135deg, rgb(120, 95, 72) 0%, rgb(121, 123, 48) 100%);background:linear-gradient(135deg, rgb(120, 95, 72) 0%, rgb(121, 123, 48) 100%);opacity:0;-webkit-transition:opacity 0.5s ease-in-out;transition:opacity 0.5s ease-in-out;}

.player:hover{box-shadow:0 0 0 15px rgba(255,255,255,0.5);}
.player:hover:before{opacity:1}



/*CONTROL BAR*/
.controls {overflow:hidden;width:100%;height:32px;position:absolute;bottom:40px;left:0;margin:0;text-align:center;opacity:0;display:none;background-color:rgba(0,0,0,0.2);-webkit-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;z-index:10}
.controls.show{display:block}
.controls[data-state=hidden] {display:none;}
.controls[data-state=visible] { visibility:visible}
.controls .progress { cursor:pointer;width:calc(100% - 180px);max-width:500px;height:20px;position:relative;display:inline-block;vertical-align:middle;margin:1px 0;padding:2px;background-color:rgba(255,255,255,0.2)}
.controls progress[data-state="fake"] { background-color:#fff;height:20px;}
.controls button { text-align:center;overflow:hidden;white-space:nowrap;background-color:transparent;border:none;cursor:pointer;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;width:30px;height:30px;position:relative;display:inline-block;vertical-align:middle;background-position:center center;background-size:contain;background-repeat:no-repeat;opacity:0.5 }
.controls button:hover, .controls button:focus{opacity:1;}
.controls progress { display:block;width:100%;height:100%;margin:0;border:none;overflow:hidden;background-color:rgba(0,0,0,0.2);color:#fff }
.controls progress span { width:0%;height:100%;display:inline-block;background-color:#fff;}
.controls progress::-moz-progress-bar {	background-color:#fff;}
.controls button[data-state="play"] {background-image:url(../images/play.svg);}
.controls button[data-state="pause"] {background-image:url(../images/pause.svg);}
.controls button[data-state="stop"] {background-image:url(../images/stop.svg);}
.controls button[data-state="mute"] {background-image:url(../images/mute.svg);	}
.controls button[data-state="unmute"] {background-image:url(../images/unmute.svg);}
.controls button[data-state="go-fullscreen"] {background-image:url(../images/fullscreen.svg);}
.controls button[data-state="cancel-fullscreen"] {background-image:url(../images/cancel-fullscreen.svg);}
.video-cover[data-fullscreen=true]{ position:fixed;left:0;top:0;z-index:9999}
.video-cover[data-fullscreen=true] video {height:auto;}
.video-cover[data-fullscreen=true] figcaption {display:none;}
.video-cover[data-fullscreen=true] .controls {bottom:0;z-index:2147483647;position:fixed}
.box-video-center:hover .controls{opacity:1} 



/*MAP*/
.googlemap{position:relative;display:block;width:100%;height:100%;border:10px solid #fff;overflow:hidden;}
#map-canvas{position:absolute;display:block;width:100%;height:100%;left:0;top:0;}
.infoBox{margin:-40px 0 0 0}
.infoBox img[align="right"]{position:absolute !important;left:auto;right:-15px;top:-15px;width:40px;height:40px;margin:0 0 0 -20px !important;background-color:#7492b1;background-image:url(../images/close3.png) !important;background-repeat:no-repeat;background-position:center center;cursor:pointer;-webkit-border-radius:50%;border-radius:50%;box-shadow:rgba(0,0,0,0.1) 3px 3px 0;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;z-index:10}
.infoBox img[align="right"]:hover{background-color:#9bb93b;}
.infobox{background-color:#fff;z-index:998;width:280px;height:auto;cursor:default;box-shadow:rgba(0,0,0,0.1) 3px 3px 0;-webkit-border-radius:30px 0 30px 30px;border-radius:30px 0 30px 30px;display:inline-block;padding-bottom:20px}

.infobox.real{background-color:#9bb93b;}
.infobox.real h3{margin:20px 20px 5px 20px;color:#fff;font-size:13px}
.infobox.real:after{content:'';display:block;position:absolute;border-left:20px solid transparent;border-right:20px solid transparent;border-top:20px solid #9bb93b;left: 50%;margin: 0 0 0 -20px;bottom: -20px;}
.infobox.real p, .infobox.real p a{color:#fff}

.infobox img{width:260px;height:auto;position:relative;display:block;margin:10px;-webkit-border-radius:20px 0 20px 20px;border-radius:20px 0 20px 20px;}
.infobox h3{font-family:Arial, Helvetica, sans-serif;font-size:13px;color:#7492b1;line-height:1.4;font-weight:bold;text-align:center;margin:0 20px 5px 20px;position:relative;display:block;text-transform:uppercase}
.infobox p{font-family:Arial, Helvetica, sans-serif;font-size:13px;color:#333;line-height:1.4;font-weight:normal;text-align:center;margin:0 20px;position:relative;display:block;}
.infobox p a{color:#333;}
.infobox p a:hover{color:#7492b1;}

.zoom-control{position:absolute;bottom:40px;right:20px;display:block;width:50px;height:auto;margin:0;overflow:hidden;z-index:20;}
.zoom-control a{display:block;width:50px;height:40px;margin:0 0 4px 0;font-size:0;text-indent:-9999px;overflow:hidden;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.zoom-control a.zoom-in{background:url(../images/zoom-in.png) no-repeat center center;background-color:rgba(0,0,0,0.5);}
.zoom-control a.zoom-out{background:url(../images/zoom-out.png) no-repeat center center;background-color:rgba(0,0,0,0.5);}
.zoom-control a:hover{background-color:#7492b1}

.touch-m{ background:url(../images/touch_m.png) no-repeat center center;width:50px;height:50px;background-color:#fff;-webkit-border-radius:50%;border-radius:50%;position:absolute;top:10px;left:10px;z-index:20;display:none;cursor:pointer}
.close-map {background:url(../images/close.png) no-repeat  center center;width:60px;height:60px;text-indent:-9999px;font-size:0;cursor:pointer;position:fixed;right:10px;top:10px;left:auto;bottom:auto;margin:0;z-index:9999;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;-ms-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;display:block;box-shadow:0 0 60px rgba(0,0,0,0.2);border:1px solid rgba(255,255,255,0.5);background-color:#bc902d;visibility:hidden}
.close-map:hover{background-color:#1d2a5a;box-shadow:0 0 20px rgba(255,255,255,0.8)}
.googlemap.show .close-map{visibility:visible}




/*CALENDA*/
.ui-datepicker-inline .ui-datepicker .ui-widget .ui-widget-content .ui-helper-clearfix .ui-corner-all{}
.ui-datepicker {width:auto; display:none; padding:10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.6); -webkit-border-radius:10px;border-radius:10px; background: #1226aa; margin:0; z-index:1 !important;}

.ui-datepicker .ui-datepicker-header {position:relative; padding:0; width:100%; height:auto;}
.ui-datepicker .ui-datepicker-prev {left:0; position:absolute; display: block; cursor:pointer; font-size:0; float:left;}
.ui-datepicker .ui-datepicker-next {right:0; position:absolute; display: block; cursor:pointer; font-size:0;float:right;}
.ui-datepicker .ui-datepicker-prev span { background:url(../images/prev-c.png) no-repeat center center; width:20px; height:40px; position:absolute; display: block; cursor:pointer; font-size:0; margin:0; left:0; float:left;}
.ui-datepicker .ui-datepicker-next span {background:url(../images/next-c.png) no-repeat center center; width:20px; height:40px; position:absolute; display: block; cursor:pointer; font-size:0; margin:0; right:0; float:right;-webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;}
.ui-datepicker .ui-datepicker-next span:hover, .ui-datepicker .ui-datepicker-prev span:hover {opacity:0.5;}
.ui-datepicker-trigger{cursor:pointer;opacity:1; display:block; margin:0;-webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out; position:absolute; right:9px; top:6px; z-index:10}
.ui-datepicker-trigger:hover{opacity:0.5;}
thead tr{height:30px}

.ui-datepicker .ui-datepicker-title {font-size:18px;font-weight:bold;color:#fff;padding:5px 0;text-align:center; line-height:30px; text-transform:uppercase; text-shadow:-1px 1px 0 rgba(0,0,0,0.5);}
.ui-datepicker .ui-datepicker-title select {font-size:16px;	margin:1px 0;}
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year{width:40%;height:30px;display:inline-block;margin:0 1%;color:#fff;background:url(../images/arrow-down-white.png) no-repeat right -6px;border:1px solid rgba(255,255,255,0.5);-webkit-border-radius:30px;border-radius:30px;font-family:Arial, Helvetica, sans-serif;font-size:14px;padding:0 10px}
.ui-datepicker select.ui-datepicker-month option, .ui-datepicker select.ui-datepicker-year option{color:#333}

.ui-datepicker table {width: 100%; border-collapse: collapse; margin:0 0 6px;table-layout:inherit;min-width:inherit}
.ui-datepicker th {padding:8px;font-size:14px;background-color:transparent;text-shadow:-1px 1px 0 rgba(0,0,0,0.5);}
.ui-datepicker td {padding:1px;background-color:transparent !important}
.ui-datepicker td span, .ui-datepicker td a {display: block;padding: 3px;text-align: right;	text-decoration: none;}
.ui-datepicker .ui-datepicker-buttonpane {	background-image: none;	margin: 11px 0 0 0;	padding:0 3px;	border-left: 0;	border-right: 0;border-bottom: 0;}
.ui-datepicker .ui-datepicker-buttonpane button {float: right;margin: 8px 3px 6px;cursor: pointer;padding: 3px 9px 4px 9px;width:auto;overflow:visible;}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {float:left;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {background-color:rgba(0,0,0,0.5);color:#fff; -webkit-border-radius:3px; border-radius:3px; text-align:center}
.ui-widget-header .ui-state-default a:hover { border:0; background-color: #7fa92c;font-family:Arial, Helvetica, sans-serif;font-size:15px; color:#fff; text-align:center;}
.ui-state-default a, .ui-state-default a:link,.ui-state-default a:visited {color: #1c94c4;}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus{background-color:rgba(255,255,255,0.8); color:#323232}
.ui-state-hover a, .ui-state-hover a:hover {color:#fff;}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {background-color:rgba(255,255,255,0.8); color:#323232}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #fff; background-color: #7fa92c;}
.ui-datepicker-cover { position: absolute; z-index: -1; top: -4px; left: -4px; width: 200px;  height: 200px; }
.ui-datepicker-close{display:none}








@media screen and (min-width:1025px) and (max-height:800px) {
/*POPUP GAME*/
.popup-game-box{max-width:1000px;}
.popup-game-box .title{padding:20px 0 10px 0}
.popup-game-box h2{font-size:36px}
.popup-game-box h3{font-size:16px;}
.popup-game-box .play-game{width:100px;height:100px;}
.popup-game-box .mini-game-text li{font-size:14px;}

}

@media screen and (max-width:1620px) {
/*SUB*/
.sub-nav li a{padding:0 15px}

}
@media screen and (max-width:1380px) {
/*SUB*/
.sub-nav li a{padding:0 10px;font-size:13px}


}

@media screen and (max-width:1380px) {
/*SUB
.sub-nav li a{ font-size:13px; padding: 0 15px;}
*/

/*chi tiet the*/
.card-detail{padding:50px 50px 50px 0}
.card-compare{ font-size:15px; padding:0 15px;}	
	
}

@media screen and (max-width:1300px) {

/*ORTHER SLIDER*/
.orther-slider .slide-prev{left:-20px;}
.orther-slider .slide-next{right:-20px}


/*BANNER FIX*/
.banner-fix:before{padding:54% 0 0 0 }



/*PLUS SMALL*/
.small-plus-nav  li{margin:0 3px}



/*E-BANKING*/
.banking-slider .slide-item{padding:0 5px}
.banking-item h3{font-size:24px}




/*CA NHAN*/
.product-detail-item{text-align:center}
.product-detail-pic{margin:0 20px 0 0}
.product-detail-text{max-width:calc(100% - 270px)}

.product-detail-text h3{font-size:30px;margin:0 0 10px 0}
.product-detail-text p{margin:0 0 15px 0}

.box-text{width:100%;max-width:inherit;padding:30px 50px}
.box-text &gt; h3{font-size:24px}



/*chuyen tien chi tiet*/
.benefit-text-box .box-text, .box-text{max-width:inherit}
.bg-orange .benefit-text-box .box-left .box-text{padding:30px 50px;}
.bg-orange .benefit-text-box .box-right .box-text{padding:30px 50px}
.benefit-box .box-left .box-text{padding:30px 50px;max-width:inherit}



/*so sanh tai khoan*/
.compare-box{width:90%;margin:0 auto}
.compare-col{width:26%}
.compare-col:nth-child(2){width:26%}
.compare-col .product-item{width:90%}
.small-box{text-align:left;max-width:inherit}
.box-square .compare-box .product-item{width:100%}


/*the*/
.card-favorable h4, .card-benifet h4, .card-interest-rate h4, .card-tax h4, .card-link h4,  .card-favorable p, .card-benifet p, .card-interest-rate p, .card-tax p, .card-link p{font-size:13px}
.card-favorable, .card-benifet, .card-interest-rate, .card-tax, .card-link{padding:0 7px;}

.card-nav li a img{max-width:54px}
.card-nav li a{padding:0 10px}
/*#card-page .card-compare.hide{top:120px}*/
.card-compare.hide{top:78px;right:20px}



/*DOANH NGHIEP*/
.payment-box .box-text{max-width:500px}

}

@media screen and (max-width:1250px) {
/*SUB*/
.sub-nav li a{font-size:12px;padding:0 7px}



/*POPUP THEO MUA*/
.popup-pics{min-height:500px;margin:-250px 0 0 -475px;}
.popup-pics img{height:500px;}
.popup-pics .slide-next{right:-60px;}
.popup-pics .slide-prev{left:-60px;}


}

@media screen and (max-width:1200px) {
	
/*CA NHAN*/
.promotion-intro-pic{margin:0 20px 0 0;width:340px;height:340px;}
.promotion-intro-text{width:auto;max-width:calc(100% - 370px)}


.benefit-intro-pic{margin:0 0 0 20px;width:340px;height:340px;}
.benefit-intro-text{width:auto;max-width:calc(100% - 370px)}


/*DOANH NGHIEP*/
.service-list .box-square{padding:40px 0 30px 0}
.box-square .product-item{margin:25px 5px;width:30%}
.box-square .no-check .product-item, .box-square .no-check-space .product-item{margin:0 5px 10px 5px}

/*.box-square .product-item &gt; h3{font-size:16px}*/


/*KHUYEN MAI TONG*/
.promotion-item{text-align:center}
.promotion-pic{margin:0 20px 0 0;width:340px;height:340px;}
.promotion-wrap:nth-child(even) .promotion-pic{margin:0 0 0 20px}
.promotion-text{width:auto;max-width:calc(100% - 400px)}


/*PLUS SMALL*/
.small-plus-nav  li{width:170px}
.small-plus-nav  li h3{font-size:13px}

/*COMPARE*/
.card-compare.hide{right:10px}
	
}



@media screen and (max-width:1050px) {
/*E-BANKING*/
.banking-item h3{font-size:20px;min-height:38px}
.banking-item p{font-size:13px}
	

}


@media screen and (max-width:1024px) {

/*FULL ALBUM ZOOMPIC*/
.all-pics{overflow:hidden;}
.all-pics.show{}
.full.lock, .full2.lock{overflow-x:hidden;}
.all-pics .text-length h3{font-size:20px;line-height:26px;padding:10px 20px;}
.all-pics .text-length p{font-size:16px;line-height:22px;}
.allvideo{ z-index:5000; top:0;  background-image:none;-webkit-transition: none;-ms-transition: none; transition: none;}
.overlay-video{z-index:1000; background-color:#000 }
.video-wrap{width:100%; height:100%; left:0; top:0; margin:0;}
.album-pic-center img{max-width:90%; max-height:inherit}

.close-album{right:auto;top:auto;left:50%;margin-left:-25px;bottom:10px;position:absolute;width:50px;height:50px;-webkit-transition:none;transition:none;}
.close-album:hover{box-shadow:none;}
.close{right:10px;top:10px;width:50px;height:50px;position:absolute}

.close-pics{ display:none}
.close-pics-small{display:block;}

.close-video{right:auto;left:50%;top:10px;margin-left:-25px; width:50px;height:50px;-webkit-transition:none;transition:none;}
.close-video:hover{box-shadow:none;}

.zoom{width:50px;height:50px;margin:-25px 0 0 -25px;-webkit-transition:none;transition:none;box-shadow:none}
.zoom:hover{-webkit-transform:none;transform:none}
.view-album{width:60px;height:60px;margin:-30px 0 0 -30px;-webkit-transition:none;transition:none;}
.view-album:hover{background-color:rgba(0, 0, 0, 0.5);box-shadow:0 0 10px rgba(255,255,255,0);}



/*LOGIN POPUP*/
.banking-login-popup{right:5%;position:fixed;z-index:117;top:43px}




/*TITLE*/
.title{padding:25px 5%}
.title h1, .title h2, .title h3{font-size:30px}
.product-group .title{padding:25px 0}

/*LOGIN FORM*/
.banking-login a{-webkit-transition:none;transition:none;}
.banking-login a:hover{color:#fff}




/*FORM*/
.banking-form {padding:50px 0;background-attachment:scroll}
.register-info, .register-detail{padding:100px 0 60px 0}
.register-info .title, .register-detail .title{padding:25px 0}
.file-mark{-webkit-transition:none;transition:none}
.file-up:hover .file-mark{background-color:#1226aa}




/*MESSAGE*/
.message-next-but, .message-close-but{-webkit-transition:none;transition:none}
.message-next-but:hover{background-color:#fff;color:#414141}
.message-close-but:hover{background-color:#fff;color:#414141}



/*SUB NAV*/
.sub-nav-content.hide{top:116px}
.sub-nav-content{padding: 0 5%}
.sub-nav{position: relative;display: block;width: 100%;height: auto;padding:10px 0;overflow: hidden;overflow-x: auto;-webkit-overflow-scrolling:touch}
.sub-nav li a{-webkit-transition: none;transition: none;height: 34px;line-height: 34px;font-size: 13px;padding:0 15px}
.sub-nav li:not(.current):hover a{color: #505050;background-color: transparent}

.sub-nav-content.size-small.hide{padding:0 5%;height:50px}
.sub-nav-content.size-small{height:0}
.sub-nav-content.size-small .sub-nav{top:30px;padding:7px 0}
.sub-nav-content.size-small .sub-nav li:not(.current):hover a{background-color:#eceff2;color:#414141;text-shadow:none}

.sub-nav-content::before, .sub-nav-content::after{display:block}



/*HORIZOL-TAB*/
.horizon-tab-content{padding: 0 5%}
.horizon-tab{position: relative;display: block;width: 100%;height: auto;overflow: hidden;overflow-x: auto;-webkit-overflow-scrolling:touch;}
.horizon-tab ul{text-align:center;white-space:nowrap}
.horizon-tab li{white-space:normal}
.horizon-tab li{max-width:250px}
.horizon-tab li p{padding:10px 15px;font-size:13px;}
.horizon-tab li p, .horizon-tab li::before{-webkit-transition:none;transition:none}
.horizon-tab li:not(.current):hover::before{background-color:#eceff2}
.horizon-tab li:not(.current):hover p{color:#414141;text-shadow:none}
.access-content .horizon-tab li p{padding:15px 20px}


/*BUTTON*/
.btn{-webkit-transition: none; transition: none}
.btn:hover{background-color:#1226aa}
.btn.bg-green:hover{background-color:#EA0029}
.box-square .product-text .btn:hover{background-color:#e8edf0;color:#4c4c4c}
.box-square .product-text .btn:hover::after{background-position:right center}
.btn.bg-grey:hover{background-color:#849aad}
.change-card, .add-card{-webkit-transition:none;transition:none}
.change-card:hover{background-color:#fff;color:#5f5f5f}
.add-card:hover{background-color:#75a5ac}



/*DOWNLOAD BOX*/
.list-box{padding:3px}
.list-outer, .r-text p, .r-num{-webkit-transition:none;transition:none}
.list-box:hover .list-outer{background-color:#fff}
.list-box:hover .r-text p{color:#606060}
.list-box:hover .r-num{background-color:#b2bac0;color:#fff}



/*SELECT LIST*/
.select-box li h3{-webkit-transition:none;transition:none}
.select-box li:not(.selected):hover h3{background-color:#b2bac0;}





/*PAGING*/
.page-num li a, .first, .last{-webkit-transition:none;transition:none;}
.page-num li:not(.active) a:hover{background-color:#fff;color:#606060;}
.first:not(.disabled):hover, .last:not(.disabled):hover{background-color:#fff}



/*QUICK SEARCH*/
.quick-search{padding: 0 0 40px 0}
.quick-but button, .quick-but a{-webkit-transition:none;transition:none;}
.quick-but button:hover, .quick-but a:hover{background-color:#1226aa}





/*POPUP DIEU KHOAN DIEU KIEN*/
.details-content{overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;}
.details-content::before, .details-content::after{display:none}
.details-center{display:block;width:90%;height:auto;max-width:inherit;margin:60px auto}
.details-outer{position:relative;left:auto;top:auto;width:100%;height:auto}
.scrollB{position:relative;left:auto;top:auto;display:block;width:100%;height:auto}
.details-center h3{padding:20px 0 10px 0;font-size:16px}
.details-center p{font-size:14px}

.close-pop{width:50px;height:50px;background-color:#1226aa;right:20px;top:40px}
.close-pop:hover{background-color:#1226aa}





/*POPUP CARD LIST [SHOW DANH SACH CARD ]*/
.pop-card{height:auto;min-height:100%;}
.pop-card-box{position:relative;height:auto;left:auto;top:auto;height:auto;padding:0 0 120px 0}
.scrollC{position:relative;left:auto;top:auto;display:block;width:100%;height:auto}




/*POPUP THEO MUA*/
.popup-pics{left:5%;top:50%;width:90%;height:auto;min-height:inherit;margin:0;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}
.popup-pics img{height:auto;width:100%}
.close-popup{right:auto;left:50%;width:50px;height:50px;margin:0 0 0 -25px;top:-25px}



/*FAQ*/
.faq-content .section-box{width:90%;margin:0 auto}
.faq-title, .st-arrow, .faq-title h3, .faq-num{-webkit-transition:none;transition:none}

.faq-item:not(.active) .faq-title:hover{background-color:#b1b1b1}
.faq-item:not(.active) .faq-title:hover .st-arrow{-webkit-transform:none;transform:none}

.faq-item:nth-child(even):not(.active) .faq-title:hover{background-color:#e7e9ea}

.faq-item:nth-child(even):not(.active) .faq-title:hover h3{color:#353535}
.faq-item:nth-child(even):not(.active) .faq-title:hover .faq-num{color:#7d7d7d}
.faq-title h3, .faq-detail p{font-size:14px}


/*ORTHER SLDIER*/
.orther-text h3{padding:0 20px;font-size:14px}



/*BIEU MAU*/
.form-content .section-box{width:90%;margin:0 auto}
.type-small .list-box:hover .list-outer{background-color:#fff}
.type-small .list-box:hover .r-text p{color:#323232}






/*INPUT*/
.input-but button{-webkit-transition:none;transition:none}
.input-but button:hover{background-color:#1226aa}




/*MINI GAME*/
.popup-game{overflow-y:auto;-webkit-overflow-scrolling:touch;}
.popup-game-box{padding:15px}
.popup-game-box .mini-game-pic{width:50%}
.popup-game-box .mini-game-text{width:50%}
.mini-game-text h3{font-size:16px;line-height:1.4;margin: 0 0 10px 0}
.mini-game-text li{font-size:14px;line-height:1.4}

.close-game{width:50px;height:50px;-webkit-transition:none;transition:none;right:-23px;top:-23px;}
.close-game:hover{-webkit-transform:none;transform:none}

.play-game{width:80px;height:80px;-webkit-transition:none;transition:none}
.play-game span{font-size:30px;margin:-24px 0 0 10px}
.play-game:hover{background-color:transparent}



/*POPUP KHAO SAT CHUONG TRINH*/
.close-survey{position:fixed;width:50px;height:50px;-webkit-transition:none;transition:none;right:0px;top:40px;}
.close-survey:hover{-webkit-transform:none;transform:none}


/*BANNER FIX*/
.banner-fix{background-attachment:scroll}
.banner-fix:before{padding:54% 0 0 0 }



/*TABLE WRAP*/
.content-table{overflow:hidden;overflow-x:auto;-webkit-overflow-scrolling:touch;}



/*PLUS SMALL*/
.small-plus-nav{margin:0 0 15px 0}
.small-plus-icon{width:30%}
.small-plus-nav  li{width:150px;height:74px;line-height:54px}
.small-plus-nav  li h3{width:62%}
.small-sort{padding:5px 0 20px 0}
.small-sort-item{margin:0 5px}
.small-sort-item select{width:240px}
.small-sort-item .check-box:nth-child(1){margin:0 10px 0 5px}

.small-plus-list .small-plus-text h3{font-size:18px;margin:0 0 5px 0}
.small-plus-list .small-plus-text{padding:0}




/*E-BANKING*/
.banking-content{padding:5px 0 30px 0}
.banking-item{-webkit-transition:none;transition:none;}
.banking-item:hover{background-color: transparent}


/*CA NHAN*/
.product-content{padding: 30px 0 20px 0}
.product-content .title{padding:0 5% 30px 5%}
.product-box{max-width: inherit;width:100%}
.product-item{margin:0 0 15px 0;padding: 0 10px;}
.product-text p{font-size: 13px;}

.i-want .product-content{padding:30px 0}
.i-want .product-link .btn{margin: 0}

.compare-but{margin:20px 0 0 0}
.compare-but a{-webkit-transition:none;transition:none}
.compare-but a:hover{background-color:#3ca4fb}
.compare-but a:hover span{background-color: #3ca4fb}


.promotion-intro-content{padding:30px 0}
.promotion-intro-text h2, .promotion-intro-text h3{font-size:28px}

.benefit-intro-content{padding:30px 0}
.benefit-intro-text h2{font-size:30px}
.benefit-intro-text li span{font-size:16px}


/*tai khoan chi tiet*/
.interest-rate-content{padding:0 0 20px 0}
.interest-rate-content .title{padding:30px 5% 20px 5%}
.message-scb{padding:20px 5% 0 5%}
.product-detail-content{padding:30px 0}
.interest-rate-box table{min-width:960px}
.benefit-shortcut a, .download-icon{-webkit-transition:none;transition:none}
.benefit-shortcut a:hover{background-color:#1226aa}
.download-icon:hover{background-color:#b10b0f}

.product-detail-text h3{font-size:22px}
.product-detail-text p{font-size:14px}
.box-text &gt; h3{font-size:20px}
.box-text, .box-text p, .payment-box .scb-note p{font-size:14px}



/*tien gui tien vay*/
.popup-interest-rate{overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;}
.popup-interest-rate::before, .popup-interest-rate::after{display:none}
.popup-interest-rate-detail .interest-rate-box table{margin:20px 0 0 0}
.popup-interest-rate-box{display:block;width:90%;height:auto;max-width:inherit;margin:60px auto;vertical-align:top}
.popup-interest-rate-detail{position:relative;width:100%;height:auto;left:auto;top:auto}
.popup-interest-rate-detail .interest-rate-box{position:relative;width:100%;height:auto;left:auto;top:auto;margin:0}
.scrollA{position:relative;left:auto;top:auto;display:block;width:100%;height:auto}

.close-rate{position:fixed;width:50px;height:50px;-webkit-transition:none;transition:none;right:20px;top:40px;}
.close-rate:hover{-webkit-transform:none;transform:none}

.over-des, .over-icon::before{-webkit-transition:none;transition:none;display:none}

.money-list .product-content{padding:30px 0 40px 0}


/*chi tiet tien gui tien vay*/
.product-group .product-box{max-width: inherit;width:90%;margin:0 auto}



/*chuyen tien quoc te*/
.transfers .product-content{padding:30px 0 20px 0}


/*dich vu*/
.service-list .product-content{padding:30px 0}



/*so sanh tai khoan*/
.compare-col{padding:20px 5px}
.compare-col li, .compare-col p{font-size:13px}	




/*the*/
.card-item{padding:30px 0 20px 0}
.card-item h3{position:absolute;left:310px;top:30px;width:calc(100% - 340px);line-height:1.4}
.card-box{overflow:hidden}
.card-pic{width:100%}
.card-pic img{width:auto;height:auto;max-width:254px;}
.card-favorable, .card-benifet, .card-interest-rate, .card-tax{float:left;width:78%;padding:15px 0}
.card-link{width:18%}


.card-nav-content{padding:0 5%}
.card-nav-content.hide{top:116px}
.card-nav-content.hide .card-nav li{top:3px}
.card-nav{position: relative;display: block;width: 100%;height: auto;padding:10px 0;overflow: hidden;overflow-x: auto;-webkit-overflow-scrolling:touch}
.card-nav li a{-webkit-transition: none;transition: none;}
.card-nav li a span{font-size:11px}
.card-nav li a img{width:40px}
.card-nav li:not(.current):hover a{color: #fff;}



/*CARD POP*/
.close-side-pop{-webkit-transition:none;transition:none}
.close-side-pop:hover{-webkit-transform:none;transform:none}


/*so sanh the*/
.card-content .title{padding:20px 5%}
.card-compare{left:10px;right:auto;top:22px;}
#business-page .card-compare, #dt-card-business-page .card-compare{top:-14px}
#business-page .card-compare.hide, #business-page .card-compare.level_0, #dt-card-business-page .card-compare.hide, #dt-card-business-page .card-compare.level_0, .card-compare.hide, .card-compare.level_0{top:180px;right:auto;left:10px;opacity:1;z-index:91}


.card-compare{-webkit-transition:none;transition:nonel;font-family:Arial, Helvetica, sans-serif;font-size:13px;height:auto;line-height:inherit;padding:12px 15px}
.card-compare:hover{background-color:#3ca4fb}
.card-compare span{left:auto;right:-20px}

.small-box{width:100%}
.small-item{width:26%}
.small-text h3{font-size:11px}


.card-filter{padding:20px 0}
.card-filter li a{-webkit-transition:none;transition:none;padding:12px 15px;font-size:12px}
.card-filter li a:hover{background-color:#eceff2;color:#414141}

.card-filter-link{padding:20px 0}
.card-filter-link li a{-webkit-transition:none;transition:none;padding:12px 15px;font-size:12px}
.card-filter-link li a:hover{background-color:#eceff2;color:#414141}

/*chi tiet the*/
.card-detail{padding:30px 30px 30px 0}
.card-detail h3{font-size:20px}
.card-detail .card-pic img{width:100%;height:auto;max-width:inherit}
.card-detail .card-interest-rate{float:none}
.card-detail-box h4{font-size:16px}
.card-detail-box h4 strong{font-size:20px}
.card-detail .card-tax{padding:0}

.benifet-of-card{padding:30px 0 30px 30px}
.benifet-of-card h3{font-size:20px;padding:20px 0}
.card-detail-box li a, .card-detail-box p a{}




/*DOANH NGHIEP*/
.we-want .product-content{padding:40px 0 20px 0}
.we-want .product-content &gt; h3{font-size:20px;margin:0 0 20px 0;padding:0 5%}

.payment-wrap{padding:5px 0 40px 0}
.payment-text{max-width:inherit}
.payment-box .box-left .box-text{max-width:inherit;padding:0 20px 0 5vw}
.payment-box .box-right .box-text{max-width:inherit;padding:0 5vw 0 20px}
.payment-box .download-box{padding:0}



/*THE VA NGAN HANG DIEN TU*/
.banking .product-content{padding:40px 0 20px 0}
.plus.banking{padding:0 0 30px 0}





/*KHUYEN MAI TONG*/
.promotion-content .title{padding:30px 0 0 0}
.promotion-wrap{padding:30px 0}
.promotion-item h2, .promotion-item h3{font-size:28px}
.promotion-detail{padding:15px 0 0 0}
.promotion-detail{margin:0 0 25px 0}

.promotion-content.is-policy .title{padding:25px 0}

.policy-top h3{font-size:26px;margin:0 0 15px 0}
.is-policy .promotion-more h3, .promotion-note .promotion-more-box h3{font-size:26px}


/*chi tiet khuyen mai tong*/
.promotion-name span{font-size:16px}
.promotion-detail-content table tbody:only-child tr:first-child td, .promotion-detail-content thead th{font-size:14px}
.promotion-detail-content table td{font-size:14px;}
.promotion-more-box{padding:30px 5%}
.promotion-more{margin-top:-150px}





/*TRUY CAP NHANH*/
.access-title{padding:0 5%}
.access-title h3{font-size:24px}
.sort-but{-webkit-transition:none;transition:none}
.sort-but:hover{background-color:#1226aa}

.is-rate table{min-width:960px}
.is-rate table tbody:only-child tr:first-child td, .is-rate table thead th{font-size:13px;padding:15px 10px}

.access-cal table{min-width:960px}
.access-cal table tbody:only-child tr:first-child td, .access-cal table thead th{font-size:13px;padding:15px 10px}

.access-note{padding:10px 0}
.colum-bg{padding:30px 0 10px 0}
.colum-info{margin:0 auto 20px auto}
.colum-info h3{font-size:24px;padding:0 5%}
.access-find .input-box{width:90%;max-width:600px;margin:0 auto}




/*FILTER FAQ*/
.faq-filter li a{-webkit-transition:none;transition:none}
.faq-filter li a:hover{background-color:#eceff2;color:#414141}



}


@media screen and (max-width:960px) {

/*RADIO*/
.radio-box label span strong, .cap-title{font-size:14px;}



/*CHECKBOX*/
.check-box span strong{font-size:14px}



/*FORM*/
.list-input li{width:26px;height:26px}
.list-input li input[type="text"]{width:26px;height:26px;line-height:26px;padding:0 3px;}



/*QUICK SEARCH*/
.quick-box &gt; div select {width:220px}



/*FORM INPUT*/
.agree .check-box input[type="checkbox"] + .check-mask + span{font-size:13px}
.condition-detail{padding:30px 20px}




/*BIEU MAU*/
.ct-relation-box h3{font-size:18px}
.ct-relation-box .list-box{width:100%;margin:0;padding:3px 0}
.ct-relation-box h3{padding:20px 0}



/*POPUP KHAO SAT CHUONG TRINH*/
.survey-top .size_1, .feedback  .size_1{width:70px}
.survey-top .size_10, .feedback .size_10{width:calc(100% - 140px)}

.survey-midle .col:nth-child(1) span{font-size:13px}
.survey-midle .radio-box label span{margin:0 0 0 5px}



/*PLUS SMALL*/
.small-plus-nav{width:90%;margin:0 auto;text-align:center;padding:0 0 10px 0;overflow:hidden;overflow-x:auto}
.small-plus-nav::before{display:none}

.small-plus-nav ul{display:inline-block;width:auto;white-space:nowrap}
.small-plus-nav ul li{white-space:normal;margin:0px}
.small-sort{padding:10px 0 20px 0}
.small-sort-item .cap-title{margin:0 5px 0 0}


.small-sort-item select{width:180px}
.small-sort-item .btn{padding:0 20px}




/*CA NHAN*/

/*chi tiet the*/
.benifet-reissue, .benifet-refund, .benifet-scb-mastercard, .benifet-rate{background:none;}
.benifet-of-card li{padding:0}


/*KHUYEN MAI TONG*/

/*chi tiet khuyen mai tong*/
.promotion-detail-wrap{padding:30px 0 10px 0}
.promotion-detail-content table tbody:only-child tr:first-child td, .promotion-detail-content thead th{padding:10px;font-size:14px}
.promotion-detail-content table td{font-size:14px;padding:10px;}
.promotion-more-box p, .promotion-more p, .promotion-name p{line-height:1.4;margin:0 0 15px 0}
.promotion-more h3{font-size:22px;margin:0}

.is-policy .promotion-more h3, .promotion-note .promotion-more-box h3{margin:0 0 10px 0}
.policy-top p{line-height:1.4}





/*TRUY CAP NHANH*/
.access-cal .btn{font-size:16px}
.access-cal .input-text:last-child .size_4{width:30%;float:left}
.access-cal .input-text:last-child .size_2{width:20%}



}

@media screen and (max-width:820px) {
/*POPUP CARD*/
.pop-card-pic{width:40%;margin:0 10px 0 0}
.pop-card-text h3{font-size:13px}
.compare-text{padding:10px 0}




/*SELECT LIST*/
.select-list{margin:30px auto 10px auto}




/*PAGING*/
.page-controls{margin:10px 0 0 0}




/*DOWWLOAD BOX*/
.list-box{width:100%;padding:3px 0}
.list-outer{height:auto;padding:15px 0}




/*QUICK SEARCH*/
.quick-search select{width: 160px;height: 50px;font-size: 13px;background-position: right 5px}
.quick-but a{height: 50px;font-size: 13px;line-height: 50px;padding: 0 32px 0 15px}
.quick-but button{height: 50px;font-size: 13px;line-height: 50px;padding: 0 15px}

.quick-but a:after{top:16px;right: 10px}
.quick-box &gt; div{margin:2px}




/*PLUS SMALL */
.small-plus-box .page-controls{text-align:center}




/*BIEU MAU*/
.type-small .list-outer{height:auto;padding:0}
.type-small	.r-text p{font-size:14px;line-height:1.2}




/*FORM*/
.agree .check-box input[type="checkbox"] + .check-mask + span{font-size:12px}






/*CA NHAN*/
.product-item{margin: 0 1% 15px 1%;padding: 0}
.product-pic{width: 160px;height: 160px;line-height:150px}
.product-text h3{font-size:12px}
.product-text p{font-size: 13px}


.promotion-intro-text h2, .promotion-intro-text h3{font-size:24px}
.promotion-intro-text p{font-size:14px;line-height:1.4}



/*tai khoan chi tiet*/
.box-text{padding:15px 30px 30px 30px}

.product-detail-pic{display:block;margin:0 auto}
.product-detail-text{display:block;width:100%;max-width:inherit;text-align:center;padding:20px 0 0 0}
.product-detail-text p{text-align:center}
.benefit-text-box{display:block}
.box-left, .box-right{display:block;width:100%}
.benefit-text-box .box-text{max-width:inherit}




/*chuyen tien chi tiet*/
.benefit-box{display:block}
.benefit-box .box-left{display:block;width:100%;z-index:1;background-color:rgba(255,255,255,0.9);}
.benefit-box .box-left .box-text{text-align:center;padding:7% 5%}
.benefit-box .box-left .box-text p, .benefit-box .box-left .box-text li{text-align:center}
.benefit-box .box-right{position:absolute;display:block;width:100%;height:100%;left:0;top:0}
.box-pic{position:absolute;width:100%;height:100%;left:0;top:0;overflow:hidden}
.box-pic img{position:absolute;left:-20%;top:0;width:140%;height:auto;margin:0;}

.bg-orange .benefit-text-box .box-left .box-text, .bg-orange .benefit-text-box .box-right .box-text{padding:15px 5% 30px 5%}


/*khuyen mai*/
.small-plus-slider .slide-item{padding:0 5px}
.small-plus-slider .small-plus-text{padding:15px 0;}




/*so sanh tai khoan*/
.compare-col{padding:20px 10px}



/*the*/
.card-favorable, .card-benifet, .card-interest-rate, .card-tax{width:72%}
.card-link{width:24%}



/*so sanh the*/
.card-slider .slide-pagination{display:block}
.compare-text h3{font-size:12px}
.small-text h3{display:none}
.small-box{text-align:left;width:100%}
.small-item{width:auto;margin:0;padding:10px 0;margin:0 0 0 20px}
.small-pic{margin:0}
.small-compare-but{font-size:13px;right:20px;padding:10px 15px;line-height:inherit;height:auto}




/*chi tiet the*/
.card-orther-item{padding:5px}
.card-orther-item h3{font-size:12px}




/*DOANH NGHIEP*/
.box-square .product-item{padding:20px 10px;width:31%}
.box-square .product-pic img{height:90px}
.box-square .product-item &gt; h3{font-size:12px}



/*KHUYEN MAI TONG*/
.promotion-item h2, .promotion-item h3{font-size:24px}
.promotion-item p{font-size:14px;line-height:1.4}



	
}

@media screen and (max-width:767px) {


/*POPUP*/
.details-center{border:15px solid rgba(255,255,255,0.5)}
.details-center h3, .details-center p{font-size:13px}
.close-pop{right:10px}





/*MINI GAME*/
.popup-game-box{margin:60px 0}
.popup-game-box .mini-game-text{padding:10px 5% 30px 5%}
.mini-game-box{margin:0 auto}
.popup-game-box .mini-game-pic, .mini-game-pic{float:none;width:100%}
.popup-game-box .mini-game-text, .mini-game-text{float:none;width:100%;padding:20px 0}
.popup-game-box .mini-game-text{padding:0 20px 30px 20px;}
.popup-game-box .title{padding:25px 0}
.mini-game-box:nth-child(even) .mini-game-text{padding:20px 0}
.close-game{position:fixed;right:0px;top:30px;will-change:transform}




/*PLUS SMALL*/
.small-sort-item .cap-title{display:none}
.small-sort-item{margin:0 1px}
.small-sort-item .check-box span{font-size:13px;margin-left:5px}
.small-sort-item .check-box:nth-child(2){margin:0 10px 0 0}




/*message account*/
.message-box .show-pc{display:none}
.message-box .hide-pc{display:block}




/*ORTHER SLIDER*/
.orther-text h3{font-size:13px;padding:0 5%}






/*CA NHAN*/
.product-box{width:90%;margin:0 auto}
.product-item{width:48%;height:auto;max-width:300px;margin:20px auto}
.product-item:last-child{margin:0 auto}
.product-pic{width: 180px;height: 180px;line-height:170px}
.min_height_50 .product-text, .min_height_60 .product-text, .min_height_70 .product-text, .min_height_80 .product-text, .min_height_90 .product-text, .min_height_100 .product-text, .min_height_100 .product-text, .min_height_110 .product-text, .min_height_120 .product-text, .min_height_130 .product-text,.min_height_140 .product-text{min-height:inherit}

.promotion-intro-pic{display:block;margin:0 auto}
.promotion-intro-text{width:100%;max-width:inherit;padding:20px 0 0 0;text-align:center}
.promotion-intro-text p{margin: 0 0 20px 0;text-align:center}

.benefit-intro-pic{display:block;margin:0 auto}
.benefit-intro-text{width:100%;max-width:inherit;padding:0 0 20px 0;text-align:center}
.benefit-intro-text li span{padding:10px}



/*tai khoan chi tiet*/
.product-detail-pic{display:block;margin:0 auto}
.product-detail-text{display:block;width:100%;max-width:inherit;text-align:center;padding:20px 0 0 0}



/*tien gui  tien vay*/
.popup-interest-rate-box{padding:15px}


/*dich vu*/
.service-list .product-content{padding:30px 0}


/*so sanh tai khoan*/
.compare-wrap{width:100%;margin:0 auto;cursor:e-resize}
.compare-box{position:relative;display:block;width:100%;height:auto;overflow:hidden;}
.compare-col:nth-child(2), .compare-col{float:left;display:block;width:50%;height:auto;padding:20px}
.compare-col:nth-child(2){border:none}
.compare-col:nth-child(2)::before{content:'';position:absolute;left:0;top:0;width:1px;height:200%;min-height:150px;background-color:#fff}
.compare-col:nth-child(2)::after{}
.compare-col:nth-child(3){display:none}
.compare-col .product-item{width:100%}
.compare-pic img{max-width:inherit}



/*so sanh the*/
.small-item:nth-child(3){display:none}
.message-box.on-card-page::before{content:'';position: absolute;left: 50%;top:100%;width: 34px;height: 37px;background: url(../images/account-shape-reverse.png) no-repeat center top;margin: -5px 0 0 0}


/*chi tiet the*/
.card-detail h3{text-align:center}
.card-detail-box{display:block}
.card-detail{display:block;width:100%;border:none;padding:30px 0 0 0}
.card-detail .card-interest-rate, .card-detail .card-tax{display:block;width:100%}
.card-detail-box h4{font-size:14px}
.card-detail-box li a, .card-detail-box p a{font-size:13px}
.card-detail .card-link{text-align:center}

.benifet-of-card{display:block;width:100%;padding:0 0 30px 0}





/*DOANH NGHIEP*/
.services-reference.box-square{padding:5px 0 30px 0}
.is-business .promotion-intro-pic {width:auto;height:auto;max-width:100%;overflow:hidden}
.is-business .promotion-intro-pic img{display:block;width:auto;height:auto;margin:0 auto;max-width:100%}

.money-list.box-square .product-content{padding:40px 0 10px 0}
.box-square .product-item{width:100%;margin:0 auto 50px auto;max-width:340px}
.is-business .money-list .product-item, .box-square .has-check .product-item{margin:0 auto 60px auto}

.box-square .product-link{margin:10px 0 0 -38.5px}
.box-square .product-item &gt; h3{min-height:inherit;margin:0 0 10px 0;}
.box-square .product-text p{min-height:inherit}
.box-square .product-slider .product-item{max-width:inherit;}
.box-square  .compare-col .product-item &gt; h3{font-size:12px;min-height:50px;margin:0}
.box-square  .compare-col .product-pic{width:100%;height:auto;padding:5px 0 20px 0}
.box-square .product-pic img{height:80px}

.payment-box .box-left .box-text, .payment-box .box-right .box-text{padding:0 5%}










/*THE VA NGAN HANG DIEN TU*/
.banking .product-content{padding:30px 0 20px 0}










/*KHUYEN MAI TONG*/
.promotion-wrap{padding:30px 0 15px 0}
.promotion-pic, .promotion-wrap:nth-child(even) .promotion-pic{display:block;margin:0 auto}
.promotion-text{width:100%;max-width:inherit;padding:20px 0 0 0;text-align:center}
.promotion-text p{text-align:center}
.promotion-wrap:nth-child(even) .promotion-pic{display:none}
.promotion-wrap:nth-child(even) .promotion-pic.hide-pc{display:block}

.card-all .promotion-wrap:nth-child(odd) .promotion-pic{display:none}
.card-all .promotion-wrap:nth-child(even) .promotion-pic, .promotion-wrap:nth-child(odd) .promotion-pic.hide-pc{display:block;margin:0 auto}


.is-business .promotion-pic{width:auto;height:auto;max-width:100%;margin:0 auto}
.is-business .promotion-pic img{width:auto;height:auto}

.is-policy .promotion-pic{width:auto;height:auto;max-width:100%;margin:0 auto}
.is-policy .promotion-pic img{width:auto;height:auto}




/*chi tiet khuyen mai tong*/
.promotion-name span:nth-child(1){margin:0 10px 0 0 }
.promotion-name span:nth-child(2){overflow:initial;text-align:left}





/*TRUY CAP NHANH*/
.access-cal .input-text select{height:50px;line-height:50px;background-position:right 5px}
.access-cal input[type="text"]{height:50px;line-height:50px}
.access-cal .date-wrap .ui-datepicker-trigger{width:30px;height:30px;top:9px;}
.access-cal .col.pt_48{padding-top:38px}
.access-cal .radio-box li{margin:0 0 0 5px}
.access-cal .btn{height:50px;line-height:50px;padding:0 40px 0 20px;font-size:13px}
.access-cal .btn::after{right:14px;top:16px}


.access-cal1 .input-text:nth-child(1) .size_3{width:100%;margin:0 0 10px 0}
.access-cal1 .input-text:nth-child(1) .size_6{width:100%}
.access-cal1 .input-text:nth-child(1) .size_3:last-child{width:auto;height:auto;line-height:inherit;padding:15px 0 0 4px;min-height:inherit}

.access-cal1 .input-text:nth-child(2) .size_3{width:100%}
.access-cal1 .input-text:nth-child(2) .size_9{width:100%;padding:10px 0;min-height:inherit}

.access-cal1 .input-text:nth-child(3) .size_3{width:70%}
.access-cal1 .input-text:nth-child(3) .size_2{width:30%}
.access-cal1 .input-text:nth-child(3) .size_7{width:100%;padding:10px 4px 0 4px}
.access-cal1 .input-text:last-child .size_2{width:50%}
.access-cal1 .input-text:last-child .size_4{width:auto;clear:left;padding:10px 4px 0 4px}
.access-cal1 .input-text:last-child .size_4:last-child{clear:inherit;}


.access-cal2 .input-text:nth-child(1) .radio-box li:first-child{display:block;margin:0 0 10px 0}
.access-cal2 .input-text:nth-child(2) .size_3{width:100%;margin:0 0 10px 0}
.access-cal2 .input-text:nth-child(2) .size_7{width:60%}
.access-cal2 .input-text:nth-child(2) .size_2{width:40%}
.access-cal2 .input-text:nth-child(2) .size_2 .cap-title{margin:0 0 10px 0}
.access-cal2 .btn{font-size:16px}

.access-cal3 .input-text:nth-child(1) .size_4{width:70%;margin:0 0 10px 0}
.access-cal3 .input-text:nth-child(1) .size_2{width:30%}
.access-cal3 .input-text:last-child .size_2{width:50%}
.access-cal3 .input-text:last-child .size_4{width:auto;clear:left;padding:10px 4px 0 4px}
.access-cal3 .input-text:last-child .size_4:last-child{clear:inherit;}


.access-cal4 .input-text:nth-child(1) .size_6, .access-cal4 .input-text:nth-child(1) .size_3{width:100%;margin:0 0 10px 0}
.access-cal4 .input-text:nth-child(2) .size_3{width:100%;margin:0 0 10px 0}
.access-cal4 .input-text:nth-child(3) .radio-box li:first-child{display:block;margin:0 0 10px 0}
.access-cal4 .input-text:nth-child(4) .radio-box li:first-child{display:block;margin:0 0 10px 0}
.access-cal4 .input-text:nth-child(5) .radio-box li:first-child{display:block;margin:0 0 10px 0}


.colum-details{padding:20px}
.colum-details .input-text .size_5{width:100%;min-height:inherit;text-align:left;line-height:inherit;margin:0 0 10px 0}
.colum-details .input-text .size_3{width:80%;min-height:inherit}
.access-cal .colum-details .input-text .size_4{width:20%;line-height:50px;min-height:inherit}


}

@media screen and (max-width:700px) {
/*POPUP KHAO SAT CHUONG TRINH*/
.ct-survey .input-text{width:calc(100% + 4px);margin:0 0 0 -2px}
.ct-survey .input-but button{font-size:20px;line-height:inherit;height:auto;padding:15px 25px}
.ct-survey .col{min-height:inherit;padding:0 2px;margin:0 0 6px 0}

.ct-survey .size_1{width:50px;height:50px;min-height:inherit}
.ct-survey .size_10{width:calc(100% - 100px)}
.ct-survey .size_6{width:100%}

.ct-survey .input-text input[type="text"]{font-size:13px}
.ct-survey .radio-on-box input{height:50px}
.ct-survey .input-text input[type="text"]{height:50px;line-height:50px}
.ct-survey .radio-on-box input + .radio-mask + span{line-height:50px;font-size:13px}
.ct-survey .input-area textarea{font-size:13px;padding:15px}


.survey-midle .size_6{text-align:center;font-size:14px;text-align:left;margin:0 0 10px 0}
.survey-midle .radio-box li{margin:0 10px 0 0}
.survey-midle .radio-box label span:not(.radio-mask){margin:0 0 0 5px}




/*FORM MO TAI KHOAN*/
.register-form {padding:10px 0 40px 0;background-attachment:scroll}
.register-form h4{margin:15px 0;font-size:15px;line-height:1.4}
.register-form-box{width:100%}

.cap-title, .register-form .cap-title{margin:0 0 10px 0}


.register-form .col{padding:0;margin:0 0 15px 0}
.register-form .input-text{margin:0;width:100%}
.register-form .input-text.byEmail, .register-form .input-text.byPost, .register-form .input-text.byShop{margin:0 0 15px 0}

.register-detail .title{padding:15px 5%}
.register-form p{font-size:15px;margin:10px 0;line-height:1.4}
.register-form .date-wrap .ui-datepicker-trigger{width:30px;height:30px;top:10px}

.radio-box label span:not(.radio-mask){max-width:calc(100vw - 100px);line-height:1.2}

.register-form .check-box.type-title{margin:0}
.register-form .check-box.type-title + .check-box.type-title{margin:15px 0 0 0}
.register-form .check-box span{max-width:calc(100vw - 130px)}


.register-form .radio-box li{margin:0 5px 5px 0px}
.register-form .radio-box li span{font-size:12px}

.register-form .size_4, .register-form .size_8, .register-form .size_5, .register-form .size_6{width:100%}
.register-detail{width:100%}
.form-location-box, .form-customer-box, .form-account-info, .form-card-box, .form-contact-box, .condition-box, .form-register-box, .form-banking-box, .form-upload-box, .form-customer-info{padding:20px 5%;}

.register-form .input-text select{height:50px;line-height:50px;font-size:13px;background-position:right 4px}
.register-form .input-text input[type="text"]{height:50px;line-height:50px;font-size:13px}

.register-form .internet-item .check-box.type-title{margin:0 0 15px 0}
.register-form .internet-item li input[type="text"]{height:40px;line-height:40px;margin:0;width:100%;max-width:140px}
.register-form .internet-item li .check-box span{max-width:80px}


.register-form .list-input li{margin:0 2px 2px 0;width:28px;height:28px;}
.register-form .input-text .list-input input[type="text"]{width:28px;height:28px;line-height:28px}

.register-form .input-but button{font-size:18px;line-height:inherit;height:auto;padding:15px 25px}

.register-form .sms-banking .check-box.type-title{margin:0 0 15px 0}
.register-form .check-box + .cap-title{margin:15px 0 10px 0}
.register-form .input-text.byEmail li:nth-child(1), .register-form .input-text.byPost li:nth-child(1){display:block}
.register-form .input-text.byShop li input[type="text"]{width:30px;height:30px;line-height:30px;text-align:center}

.byShop li{margin:0 5px 0 0}





/*FORM DANG KY MO THE*/
.form-has-account{padding:0 5%}





/*MESSAGE*/
.message-box.type-info{width:360px;margin:0 0 0 -180px}
.message-close-but, .message-next-but{padding:15px 20px}






/*FORM DANG KY BANKING*/
.banking-form {background-attachment:scroll}
.banking-form h4{margin:15px 0;font-size:15px}
.banking-form-box{width:100%}

.banking-form form &gt; .input-text{width:90%;margin:0 auto;}
.banking-form .col{padding:0;margin:0 0 15px 0}
.banking-form .input-text{margin:0}
.form-human-info .size_4, .form-human-info .size_8, .form-human-info .size_5, .form-human-info .size_6{width:100%}
.form-banking-info .size_4, .form-banking-info .size_8, .form-banking-info .size_5, .form-banking-info .size_6{width:100%}
.form-human-info, .form-banking-info, .condition-box{padding:20px 5%;-webkit-border-radius:0;border-radius:0}


.banking-form .input-text select{height:50px;line-height:50px;font-size:13px;background-position:right 4px}
.banking-form .input-text input[type="text"]{height:50px;line-height:50px;font-size:13px}
.banking-form .date-wrap .ui-datepicker-trigger{width:30px;height:30px;top:10px}

.banking-form li, .banking-form .radio-box li{margin:0 5px 10px 0}
.banking-form .check-box.type-title{margin:10px 0 15px 0}
.banking-form .cap-title + ul{margin:15px 0 0 0}
.banking-form p{font-size:15px;margin:10px 0}
.banking-form .input-but button{font-size:18px;line-height:inherit;height:auto;padding:15px 25px}



.condition-box{padding:15px 5% 30px 5%}
.condition-detail{padding:20px 5%}
.condition-box h3, .condition-box h4{font-size:14px}
.condition-detail p{font-size:13px}


	
.agree-box{padding:0;}	
.agree{width:100%;float:none;padding:15px}	
.captcha{float:none;width:100%;text-align:center;left:auto;margin:0 0 20px 0}
#rc-imageselect, .g-recaptcha{-webkit-transform:scale(1);transform:scale(1);display:inline-block}
	
	
	
	
	
	
/*QUICK SEARCH*/
.quick-box &gt; div select{width:180px}



/*the*/
.card-box{text-align:left}
.card-item h3{font-size:15px;left:220px;top:30px;width:calc(100% - 220px);}
.card-pic{margin:0 0 15px 0}
.card-pic img{max-width:180px}
.card-favorable, .card-benifet, .card-interest-rate, .card-tax{float:none;width:100%;padding:0;margin:0 0 15px 0}
.card-list .card-link{width:auto;display:inline-block;padding:15px 0}
.card-link::before{display:none}


/*so sanh the*/
.pop-card-item{display:block;width:90%;margin:0 auto 10px auto}
	
	
	
	
	
/*FILTER FAQ*/
.faq-filter li{margin:0 -1px}
.faq-filter li a{font-size:13px}

	
}

@media screen and (max-width:600px) {
/*E-BANKING*/
.banking-item h3{min-height:inherit}





/*FILTER FAQ*/
.faq-filter{width:110%;left:-5%}
.faq-filter li a{font-size:11px;padding:0 10px;max-width:110px;height:40px;line-height:40px;-webkit-border-radius:15px;border-radius:15px}
.faq-filter li:last-child a{max-width:80px}
.faq-filter li a span{display:inline-block;vertical-align:middle;line-height:1.3;}

}

@media screen and (max-width:567px) {
/*TITILE*/
.title h1, .title h2, .title h3{font-size:22px}




/*POPUP CARD*/
.pop-card-text h3{font-size:12px}




/*DOWNLOAD BOX*/
.r-num{width:30px;height:30px;line-height:30px;font-size:15px}
.r-pdf, .r-excel, .r-word, .r-zip{width:30px;height:30px;-webkit-background-size:cover;background-size:cover}
.r-left{width:55px}
.r-link{width:55px;padding:0}
.r-text p{font-size:13px}




/*FAQ*/
.faq-num{width:50px}
.st-arrow{right:10px}
.faq-title h3{font-size:13px;padding:5px 50px 5px 0}




/*QUICK SEARCH*/
.quick-search, .quick-search.no-arrow{padding: 0 0 10px 0}
.quick-box &gt; div{width: 45%;margin: 0 0 10px 0}
.quick-box &gt; div select, .quick-search select{width: 100%}




/*PAGING*/
.page-note{display:block}




/*FORM*/
.register-form h3{padding:0 0 20px 0;font-size:16px}




/*SUB-NAV*/
.sub-nav-content.size-small .sub-nav li a{font-size:12px;padding:0 10px}




/*PLUS SMALL*/
.small-sort-item:nth-child(1){margin:0 0 10px 0;display:block;width:100%}
.small-sort-item select{height:50px;width:100%;background-position:right 6px;line-height:50px}
.small-sort-item .btn{height:40px;line-height:40px}

.small-plus-list .small-plus-text h3{font-size:15px}
.small-plus-list .small-plus-pic{width:46%;margin:0 15px 15px 0}
.small-plus-list .small-plus-text p{overflow:inherit}




/*BIEU MAU*/
.type-small	.r-text{padding:0 50px 0 15px}
.type-small	.r-text p{font-size:13px}




/*CA NHAN*/
.product-box{max-width: 90%}
.product-item{width: 100%;display: block;margin: 0 auto 20px auto;text-align: center}

.i-want .product-text, .min_height_50 .product-text, .min_height_60 .product-text, .min_height_70 .product-text, .min_height_80 .product-text, .min_height_90 .product-text,.min_height_100 .product-text, .min_height_110 .product-text, .min_height_120 .product-text, .min_height_130 .product-text, .min_height_140 .product-text{height: auto;min-height:auto}
.product-pic{width: 180px;height: 180px}

.promotion-intro-pic{width:300px;height:300px}
.promotion-intro-text h2, .promotion-intro-text h3{font-size:18px}


.benefit-intro-text h2{font-size:22px}
.benefit-intro-pic{width:300px;height:300px}
.benefit-intro-text li span{font-size:13px;line-height:1.4}




/*tai khoan chi tiet*/
.message-scb p{font-family:Arial, Helvetica, sans-serif;font-size:14px}
.interest-rate-box table th, .interest-rate-box table td:nth-child(1){padding:10px;font-size:13px}
.interest-rate-box table td{font-size:15px}




/*so sanh tai khoan*/
.compare-col .product-pic{width:140px;height:140px;line-height:130px}
.icon-check{background-size:25px}	
.compare-col li{padding:10px 0 5px 30px}

.compare-col:nth-child(2), .compare-col{padding:20px 10px}
.compare-col li{margin:0}




/*the*/
.card-compare{top:50px;font-size:12px}
.card-pic img{max-width:120px}
.card-item h3{font-size:13px;left:150px;top:30px;width:calc(100% - 160px);}




/*chi tiet the*/
.card-detail h3{font-size:18px}
.card-detail-box h4 strong{font-size:18px}
.card-orther-item h3{font-size:11px}




/*DOANH NGHIEP*/
.we-want .product-content &gt; h3{font-size:18px}
.payment-wrap h3{font-size:20px}
.box-square .product-content &gt; h3{font-size:18px}
.we-want .product-text{min-height:inherit}

/*KHUYEN MAI TONG*/
.promotion-content .title{padding:30px 5% 0 5%}
.promotion-item h2, .promotion-item h3{font-size:18px}
.promotion-pic{width:300px;height:300px}




/*chi tiet khuyen mai tong*/
.promotion-more{margin-top:-80px}
.promotion-more-box{padding:20px 5%}
.promotion-more h3{font-family:Arial, Helvetica, sans-serif;font-size:16px;line-height:1.4}
.promotion-name span{font-family:Arial, Helvetica, sans-serif;font-size:14px}




/*TRUY CAP NHANH*/
.access-sort{margin:20px auto;}
.access-sort input[type="text"]{height:50px;line-height:50px}
.access-sort .ui-datepicker-trigger{width:30px;height:30px;top:10px}
.access-sort select{height:50px;line-height:50px;background-position:right 4px}
.sort-but{height:50px;line-height:50px;font-size:16px}
.sort-but::after{top:17px;right:14px;}
.access-sort .size_6{width:60%;}
.access-sort .size_5{width:54%;}
.access-sort .size_4{width:46%;}
.access-sort .size_3{width:40%;}
.access-sort .input-text{margin:0}
.access-sort .size_3:last-child{min-height:inherit;line-height:inherit;float:right;width:100%;text-align:center}
.access-sort select{font-size:13px}

.sort-but{margin:8px 0 0 0;display:inline-block}
.access-title h3{font-size:20px;padding:15px 0}
.access-title p{font-family:Arial, Helvetica, sans-serif;font-size:14px;line-height:1.4}

.access-details{padding:20px 0 10px 0}
.access-details h3{margin:0 0 20px 0;padding:0 5%;font-family:Verdana, Geneva, sans-serif;font-size:14px;line-height:1.4}
.access-details table tbody:only-child tr:first-child td, .access-details table thead th{font-size:13px}
.access-details table td{font-size:13px}
.access-details p{font-size:14px}


.access-find .size_6{width:100%;padding:0;margin:0 0 10px 0}
.access-find input[type="text"]{height:50px;line-height:50px}
.access-find .input-text{margin:0}
.captcha-tra-cuu{display:block;margin:0 0 10px 0}
.captcha-tra-cuu img{width:auto;max-width:100%}
.access-find .btn.size-large{line-height:50px;height:50px;font-size:16px}
.access-find .btn.size-large::after{top:16px;right:16px}
.colum-note{padding:15px 0}
.colum-note p{font-size:14px;line-height:1.6;margin:0 0 15px 0}
.colum-info h3{font-size:20px}
.colum-info{padding:0 5%}
.colum-info h3{padding:0}


}

@media screen and (max-width:520px) {
/*TITLE*/
.title h1, .title h2, .title h3{font-size:20px}	



/*LOGIN POPUP*/
.banking-login-popup{width:360px;right:50%;margin:0 -180px 0 0}

/*POPUP ThĂ´ng BĂ¡o Nháº­n Báº£n Tin*/
.subcrible-popup-detail{font-size:14px;max-width:80%;}


/*BIEU MAU*/
.ct-relation-box h3{font-size:14px}



/*CA NHAN*/
.benefit-intro-text h2{font-size:20px}


/*so sanh tai khoan*/
.product-text h3{padding:0 15px}

/*tai khoan chi tiet*/
.product-detail-text h3{font-size:20px}
.box-text &gt; h3{font-size:18px}
.box-text{padding:15px 5% 30px 5%}


/*so sanh the*/
.small-compare{height:70px}
.small-compare-but{right:10px}
.small-item{margin:0 0 0 16px}
.small-pic{margin:0}
.small-compare-but{font-size:13px;right:10px;top:17px;padding:10px 15px;line-height:inherit;height:auto}
.small-change-card{position:absolute;top:-5px;right:-5px;width:20px;height:20px;margin:0 0 0 -10px;background:url(../images/close.png) no-repeat center center;text-indent:-999px;overflow:hidden;font-size:0;background-color:#005daa;border-radius:50%;-webkit-border-radius:50%;background-size:cover}

.pop-card{width:100%}
.pop-card-item{padding:5px}
.is-choose{right:10px;bottom:10px;width:20px;height:20px;background-size:cover}



/*DOANH NGHIEP*/
.payment-wrap h3{font-size:18px}
.payment-text p{font-size:14px}





/*TRUY CAP NHANH*/
.access-title h3, .colum-info h3{font-size:18px}




/*KHUYEN MAI TONG*/
.policy-top h3{font-size:20px;}
.is-policy .promotion-more h3, .promotion-note .promotion-more-box h3{font-size:20px}
.policy-top p, .promotion-more-box p, .promotion-more p, .promotion-name p{font-size:14px}


/*TAB*/
.history-content .horizon-tab li{max-width:48%;}
.horizon-tab li p{ font-size:12px}


}

@media screen and (max-width:420px) {
/*POPUP LOGIN*/
.banking-login-popup{top:32px}

/*SUB MENU*/
.sub-nav-content.hide{top:108px}


/*CARD NAV*/
.card-nav-content.hide{top:108px}



/*KHUYEN MAI TONG*/
.is-business .promotion-pic img{width:100%;height:auto}

.is-policy .promotion-pic img{width:100%;height:auto}


/*chi tiet khuyen mai tong*/
.is-business .orther-text{padding:10px 30px}
.is-policy .orther-text{padding:0;min-height:58px}



/*TRUY CAP NHANH*/
.access-cal3 .input-text:nth-child(1) .size_4{width:60%;}
.access-cal3 .input-text:nth-child(1) .size_2{width:40%}


	
}

@media screen and (max-width:390px) {
/*TITLE*/
.title h1, .title h2, .title h3{font-size:18px}



/*FORM*/
.register-form .internet-item li input[type="text"]{width:100%;max-width:100px}



/*LOGIN POPUP*/
.banking-login-popup{width:300px;margin:0 -150px 0 0}
.banking-login{padding:20px}
.banking-login h2{margin:0 0 20px 0}
.banking-login .input-text input[type="text"], .banking-login .input-text input[type="password"]{line-height:40px;font-size:40px}




/*MESSAGE*/
.message-box.type-register, .message-box.type-info{width:340px;margin:0 0 0 -170px}





	
/*CA NHAN*/
.promotion-intro-pic{width:280px;height:280px}

.benefit-intro-pic{width:280px;height:280px}


/*so sanh tai khoan*/
.compare-col .product-pic{width:120px;height:120px;line-height:110px}
.compare-col .product-text h3{font-size:11px}
.compare-col li, .compare-col p{font-size:12px}	


/*the*/
.card-item h3{left:140px}




/*DOANH NGHIEP*/
.we-want .product-content &gt; h3{font-size:16px}	
.payment-wrap h3{font-size:16px}
.box-square .product-content &gt; h3{font-size:16px}
	
	
/*KHUYEN MAI TONG*/
.promotion-pic{width:280px;height:280px}
.policy-top h3, .is-policy .promotion-more h3, .promotion-note .promotion-more-box h3{font-size:18px}

	
/*chi tiet khuyen mai tong*/
.is-business .orther-text{padding:10px 20px}

	
	
/*so sanh the*/
.small-compare-but{font-size:12px;padding:10px}	
.small-pic{width:70px}
.compare-text h3{font-size:11px}
.compare-col .btn::after, .compare-col .add-card:after{display:none}
.compare-col .btn, .compare-col .add-card, .compare-col .change-card{font-size:12px;height:auto;line-height:normal;padding:10px 15px;min-width:inherit}




/*TRUY CAP NHANH*/
.access-title h3, .colum-info h3{font-size:16px}
.access-cal .btn{padding:0 15px}
.access-cal .btn::after{display:none}

}


@media screen and (max-width:370px) {
/*MESSAGE*/
.message-box.type-info, .message-box.type-register{width:300px;margin:0 0 0 -150px;padding:30px 20px}






/*PLUS SMALL*/
.small-sort-item	.check-box input[type="checkbox"]{width:20px;height:20px}
.small-sort-item .check-box input[type="checkbox"] + .check-mask{width:20px;height:20px;margin:0 0 0 -20px}
.small-sort-item .check-box span{font-size:12px}
.small-sort-item .check-box:nth-child(1){margin:0 2px}
.small-sort-item .check-box:nth-child(2){margin:0 2px 0 0}
.small-sort-item .btn{font-size:13px;padding:0 15px}
.small-plus-list .small-plus-text h3{font-size:13px}




/*CA NHAN*/

/*THE*/
.card-filter li a{padding:10px}
.card-filter-link li a{padding:10px}



}


@media screen and (max-width:350px) {
/*CA NHAN*/
.promotion-intro-pic{width:260px;height:260px}

.benefit-intro-pic{width:260px;height:260px}


/*so sanh the*/
.small-compare{height:60px}
.small-compare-but{top:13px}
.small-pic{width:60px}


/*DOANH NGHIEP*/
.box-square  .compare-col .product-item &gt; h3{font-size:12px}


/*THE VA NGAN HANG DIEN TU*/
.tab-choose li{font-size:13px;padding:15px}


	
/*KHUYEN MAI TONG*/
.promotion-pic{width:260px;height:260px}



/*FILTER FAQ*/
.faq-filter li a{font-size:10px;max-width:100px}
.faq-filter li:last-child a{max-width:70px}


	
}

@media all and (orientation:landscape) and (max-width:760px) {
	.banking-login-popup{width:400px}
	.banking-login{padding:20px}
	.banking-login .input-text{margin:0 0 10px 0}
	.banking-login .input-text input[type="text"], .banking-login .input-text input[type="password"]{height:40px;line-height:40px}
	.banking-login h2{display:none}
	.banking-login .input-but{margin:0}
	.banking-login a{padding:15px 0 0 0}

	/*CARD POP*/
	.close-side-pop{top:10px}
	.side-popup-pic{width:220px;height:220px}
	.side-popup{width:100%;max-width:inherit;height:100vh;-webkit-border-radius:0;border-radius:0;}
	.side-popup::before, .side-popup::after{content:'';display:inline-block;height:100%;vertical-align:middle}
	.side-popup-box{display:inline-block;width:96%;vertical-align:middle}
	.side-popup-pic{display:inline-block;margin:0 20px 0 0;vertical-align:middle}
	.side-popup-text{display:inline-block;max-width:calc(100% - 250px);text-align:left;vertical-align:middle}
	.side-popup-text h3{font-size:14px;}
	.side-popup-text h3, .side-popup-text p{text-align:left}
	
	
	/*POPUP THEO MUA*/
	.popup-pics{left:10%;width:80%;}




}





</pre></body></html>