html{margin:0;padding:0;border:0;font-size:100.01%;}
body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article, aside, details, figcaption, figure, dialog, footer, header, hgroup, menu, nav, section{display:block;}
body{line-height:1.5;font-size:12px;color:#4c4c4c;font-family:'Open Sans', Arial, Helvetica, sans-serif;margin:0px; background:#FFF}
body.page-home{background:#fff;}
caption{text-align:left;font-weight:normal;float:none !important;}
blockquote:before, blockquote:after, q:before, q:after{content:'';}
blockquote, q{quotes:"" "";}
a{text-decoration:none;color:#2882bc;}
a:hover{text-decoration:none; color:#e74c3c }
a img{border:none;}
:focus{outline:0;}
.clr{clear:both;}
.imgb img{width:1200px;}
.slideshow a img{width:756px;}
.empty-stock{text-align:center;}
.Err{color:#F00;}
.bErr{border:1px solid #F00!important;}
.Warn{color:#F00;background-color:#fff0d6;border:1px solid #ffc586;padding:5px 5px 5px 32px;background-position:-277px -367px;text-align:left;line-height:normal!important;font-weight:normal!important; background-image: url("../images/skin.gif"); background-repeat: no-repeat;}
.emptyproduct .Warn {background-position: -277px -367px;margin: 0;}
.poupinfo{margin-top:15px;}
.slideshow,.slideshow a,.slideshow a img{width:760px!important;}
.new_pro_c,.bycate{height:408px;}
.hide {display:none;}
.emptyproduct{padding-top:60px!important;text-align:center;padding-bottom:10px;}
.msgnotice {background: none repeat scroll 0 0 #FFFFCC!important;}
.poup-title{font-weight:bold;padding:2px;border-bottom:1px solid #DBDBDB;margin-bottom:5px;font-size:16px;}
.alink{color:#0c8e03!important;font-weight:bold;}
iframe .fbConnectWidgetTopmost{border:none!important;border-width:inherit!important;}
.ads{width:760px;overflow:hidden;padding-left:10px;}
.float-left {float: left;}
.float-right {float: right;}
.clear-both {clear: both;}
.float-none {float: none !important;}
/* typography.css */
h1, h2, h3, h4, h5, h6{font-weight:normal;}
h1{font-size:3em;line-height:1;}
h2{font-size:2em;}
h3{font-size:1.5em;}
h4{font-size:1.2em;}
h5, h6{}
ul, li{list-style:none;list-style-image:none;}
.rel{position:relative;}
.martop10{margin-top:10px;}
.first{padding-left:0px!important;margin-left:0px!important;}
.last{padding-right:0px!important;margin-right:0px!important;}
.end{margin-right:0px!important;}
.top{padding-top:0px!important;margin-top:0px!important;}
.btm{padding-bottom:0px!important;margin-bottom:0px!important;}
.fleft{float:left!important;}
.fright{float:right;}
.noborder{border:0px!important;}
.hide{display: none;}




input, select, textarea{font-family: Arial, Helvetica, sans-serif}
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  border: 1px solid #c7c7c7;
  color: #333333;
  font-size: 12px;
  padding: 10px 5px;
  text-indent: 6px;
  -webkit-appearance: none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-transition: border .25s linear, color .25s linear;
  -moz-transition: border .25s linear, color .25s linear;
  -o-transition: border .25s linear, color .25s linear;
  transition: border .25s linear, color .25s linear;
  -webkit-backface-visibility: hidden;
}
select{
  border: 1px solid #c7c7c7;
  color: #333333;
  font-size: 12px;
  padding: 5px 5px;
  text-indent: 6px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-transition: border .25s linear, color .25s linear;
  -moz-transition: border .25s linear, color .25s linear;
  -o-transition: border .25s linear, color .25s linear;
  transition: border .25s linear, color .25s linear;
  -webkit-backface-visibility: hidden;
}
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
select:focus,
.uneditable-input:focus {
  border-color: #6aab10;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.btn{
  border: none;
  background: #3498db;
  color: #ffffff;
  padding: 8px 12px 8px;
  line-height: 22px;
  text-decoration: none;
  text-shadow: none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
  -webkit-backface-visibility: hidden;
}
.btn:hover,
.btn:focus,
.btn-group:focus .btn.dropdown-toggle {
  background-color: #5dade2;
  color: #ffffff;
  outline: none;
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
  -webkit-backface-visibility: hidden;
}
.btn:active {
  background-color: #2c81ba;
  color: rgba(255, 255, 255, 0.75);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.btn.disabled,
.btn[disabled] {
  background-color: #bdc3c7;
  color: rgba(255, 255, 255, 0.75);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  opacity: 0.7;
  filter: alpha(opacity=70);
}

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img{margin:0;}

.header{background:#fff; height:82px; color:#888; font-size:12px; text-align:center;}
.wpage{width: 1200px;margin:0 auto; padding: 0; max-width: 100%;}
.wpage .nav-logo{float: left;}
.wpage .nav-logo .logo-nct{background: url(../images/logo-icon.png) 0 0 no-repeat; width: 74px; height: 40px; float: left; margin: 20px 0 0 20px;}
.wpage .nav-logo .logo-viettel{background: url(../images/logo-icon.png) 0 -48px no-repeat; width: 58px; height: 34px; float: left; margin: 25px 0 0 20px;}
.wpage .nav-logo .logo-viettel:hover{background-position: 0 -85px; width: 58px; height: 34px; float: left; margin: 25px 0 0 20px;}
.wpage .nav-logo .logo-mobile{background: url(../images/mobifone2.png) 0 0 no-repeat; width: 84px; height: 20px; float: left; margin: 33px 0 0 20px;}
.wpage .nav-logo .logo-mobile:hover{background: url(../images/mobifone1.png) 0 0 no-repeat; height: 20px; float: left; margin: 33px 0 0 20px;}
.wpage .nav-logo .logo-vinaphone{background: url(../images/logo-icon.png) left -389px no-repeat; width: 105px; height: 24px; float: left; margin: 25px 0 0 20px;}
.wpage .nav-logo .logo-vinaphone:hover{background-position:left -413px; width: 105px; height: 24px; float: left; margin: 25px 0 0 20px;}
.wpage .nav-menu{float: right;}
.wpage .nav-menu ul li{display: inline-block; text-transform: uppercase; font-weight: 700; margin: 30px 50px 0 0; position: relative;}
.wpage .nav-menu ul li a span.icon-home{background: url(../images/logo-icon.png) 0 -169px no-repeat; width: 23px; height: 23px; float: left; margin: 0 12px 0 0;}
.wpage .nav-menu ul li a span.icon-faq{background: url(../images/logo-icon.png) 0 -270px no-repeat; width: 23px; height: 23px; float: left; margin: 0 8px 0 0;}
.wpage .nav-menu ul li a{color: #6f6f6f; font-size: 14px;}
.wpage .nav-menu ul li a:hover, .wpage .nav-menu ul li a.active{color: #00aeef;}
.wpage .nav-menu ul ul{display:none; background:#fff; padding: 0; position: absolute; border-radius: 6px; border: 1px solid #f2f2f2;}
.wpage .nav-menu ul ul li{float:none; margin: 30px 20px 30px 0 !important; display: list-item; width: 185px;} 
.wpage .nav-menu ul ul li a{padding-bottom: 20px; margin-left: 20px; text-align: center !important;}
.wpage .nav-menu ul li:hover > ul{display: block; z-index:999;}	

.index-content{width:100%; margin: 0 auto;}
.index-content .fullwidthbanner{height: 550px; position: relative;}
.index-content .fullwidthbanner ul{width: 100%; height: 550px; background: url(../images/bg-slide.png) top center;}
.index-content .fullwidthbanner ul li{width: 100%; height: 550px; display: block; text-align:center;}
.index-content .fullwidthbanner ul li.color1{background:rgba(0,139,195,0.5);}
.index-content .fullwidthbanner ul li.color2{background:rgba(200,1,62,0.5);}
.index-content .fullwidthbanner ul li.color3{background:rgba(101,0,125,0.5);}
.index-content .fullwidthbanner ul li img{width: 100%; height: 550px; margin: 0 auto; }
.index-content .fullwidthbanner ul li img.banner3{width: 969px; text-align: center; height: 513px; margin: 36px 0 0 0;}
.index-content .fullwidthbanner ul li img.banner2{width: 793px; text-align: center; height: 530px;}
.index-content .fullwidthbanner ul li img.banner1{width: 1061px; text-align: center; height: 446px; margin: 60px 0 0 0;}


.icon-slide{position: relative;}
.icon-next{background: url(../images/logo-icon.png) 0 -124px no-repeat; width: 38px; height: 38px;position: absolute; top: 240px; left: 25px;}
.icon-prev {background: url(../images/logo-icon.png) -43px -124px no-repeat; width: 38px; height: 38px;position: absolute; top: 240px; right: 25px;}

.index-rg-3g{height: 700px; margin: 0 auto; width: 100%; background-color: #f49a3a; float: left; position: relative;}
.index-rg-3g ul{ float:left; width:100%; margin:20px 0 0 0}
.index-rg-3g ul li{ float:left; width:25%;}
.index-rg-3g ul li .box-img{ width:100%; text-align:center; margin:0 0 20px 0}
.index-rg-3g h1{text-align: center; text-transform: uppercase; color: #fff; font-size: 32px; font-weight: 700; display: block; padding: 40px 0 20px 0;}
.index-rg-3g ul li .content-txt{ width:96%; margin:0 2%; text-align:center; color:#FFFFFF; font-size:16px; font-weight:400}
.box-title-sms{ float:left; width:100%; font-size:15px; text-transform:uppercase; margin:0 0% 10px 0% ; color:#636363; padding:8px 0; text-align:center; font-weight:bold; background:#f1f1f1;border-radius: 85px;}

.index-one{height: 573px; margin: 0 auto; width: 100%; background-color: #f49a3a; float: left; position: relative;}
.index-one .one1{float: left; width: 500px; position: relative;}
.index-one .one1 .dt1{float: left; margin-left: 60px;}
.index-one .one1 .btn-dk1{float: left; margin: 38px 0 0 0;}
.content-one1{float: left; font-size: 14px; margin: 18px 0 0 16px;}
.index-one .one1 .content-one1 p,.index-one .one3 .content-one3 p,.index-one .one4 .content-one4 p{color: #fff; line-height: 24px;}
.index-one .one1 .content-one1 a{width: 140px; color: #fff; height: 28px; border: 1px solid #fff; text-align: center; display: block; float: left; padding: 10px 0 0 0; font-size: 14px; font-weight: 700; text-transform: uppercase;}
.index-one .one1 .content-one1 a:hover, .index-one .one3 .content-one3 a:hover, .index-one .one4 .content-one4 a:hover{background: #fff; color: #f49a3a; font-size: 14px; font-weight: 700; text-transform: uppercase;}


.index-one .one-mid{float: left; width: 135px; position: relative; margin: 0 0 0 10px;}
.index-one .one-mid img{position: absolute; margin: 100px 0 0 25px; z-index: 1}
.index-one .one-mid .line-mid{width: 1px; height: 168px; float: left; background-color: #fff; margin-left: 90px; position: absolute;}

.index-one .one3{float: right; width: 500px; position: relative; float: right;}
.content-one3{text-align: right; font-size: 14px; margin: 18px 16px 0 0; float: right;}
.index-one .one3 .dt2{float: right; margin:0 60px 0 0;}
.index-one .one3 .btn-dk2{float: right; margin: 38px 0 0 0;}
.index-one .one3 .content-one3 a{width: 140px; color: #fff; height: 28px; border: 1px solid #fff; text-align: center; display: block; float: right; padding: 8px 0 0 0; font-size: 14px; font-weight: 700;}

.index-one .one4{float: right; width: 560px; position: absolute; left:50%; margin:277px 0 0 -280px}
.content-one4{text-align: right; font-size: 14px; margin: 18px 16px 0 0; float: right;}
.index-one .one4 .dt2{float: right; margin:0 60px 0 0;}
.index-one .one4 .btn-dk2{float: right; margin: 38px 0 0 0;}
.index-one .one4 .content-one4 a{width: 140px; color: #fff; height: 28px; border: 1px solid #fff; text-align: center; display: block; float: right; padding: 8px 0 0 0; font-size: 14px; font-weight: 700;}


.index-two{float: left; margin: 0 auto; background: url(../images/bg-dkhoan.png) no-repeat; height: 615px; width: 100%; display: none;}
.index-two h1, .index-four h1{text-align: center; text-transform: uppercase; color: #fff; font-size: 32px; font-weight: 700; display: block; padding: 27px 0 30px 0;}
.index-two ul{margin: 0 0 0 60px;}
.index-two ul li{width: 207px; float: left; margin-right: 14px; color: #fff; }
.index-two ul li p{ padding-top: 10px; font-size:15px}
.index-two ul li.li-last{margin-right: 0;}
.index-two .icon-dk1{background: url(../images/dk-thamgia.png) 0 0 no-repeat; width: 94px; height: 102px; display: block; margin: 20px 20px 10px 60px;}
.index-two .icon-dk2{background: url(../images/dk-thamgia.png) 0 -224px no-repeat; width: 94px; height: 102px; display: block; margin: 20px 20px 10px 60px;}
.index-two .icon-dk3{background: url(../images/dk-thamgia.png) 0 -112px no-repeat; width: 94px; height: 102px; display: block; margin: 20px 20px 10px 60px;}
.index-two .icon-dk4{background: url(../images/dk-thamgia.png) 0 -450px no-repeat; width: 94px; height: 102px; display: block; margin: 20px 20px 10px 60px;}
.index-two .icon-dk5{background: url(../images/dk-thamgia.png) 0 -337px no-repeat; width: 94px; height: 102px; display: block; margin: 20px 20px 10px 60px;}

.index-faq{float: left; margin: 0 auto background-size:cover; background:#F4F4F4;width: 100%; padding:0 0 50px 0}
.index-faq h1{text-align: center; text-transform: uppercase; color: #fff; font-size: 32px; font-weight: 700; float:left; width:100%; display: block; background: url(../images/bg-slide.png) top center;}
.index-faq h1 .bg_h{background:rgba(0,139,195,0.5); width:100%; float:left; text-align:center;padding: 60px 0 60px 0;}
.index-faq ul{margin: 20px 0 0 0px;  float: left; width:90%; padding:0 5% }
.index-faq ul li{width: 100%; float: left; margin:0 0 20px 0; }
.index-faq ul li h3{width: 100%; float: left; text-transform:none; font-weight:400; margin:0 0 5px 0 }
.index-faq ul li .detail-info-faq{float: left; text-transform:none; font-weight:400; font-size:15px; margin:0 0 0 20px; width:90%}
.index-faq ul li .detail-info-faq.hide{ display:none}
.index-faq ul li .detail-info-faq p{ float:left; width:100%}


.index-benefit{float: left; margin: 0 auto;background: url(../images/bg-benefit.jpg) no-repeat; background-size:cover;  height: 615px; width: 100%;}
.index-benefit h1, .index-four h1{text-align: center; text-transform: uppercase; color: #fff; font-size: 32px; font-weight: 700; display: block; padding: 60px 0 30px 0;}
.index-benefit ul{margin: 20px 0 0 60px;  float: left}
.index-benefit ul li{width: 259px; float: left; margin-right: 34px; color: #fff; text-align: center; }
.index-benefit ul li p{ padding-top: 30px; font-size:18px}
.index-benefit ul li.li-last{margin-right: 0;}
.index-benefit .icon-dk1{background: url(../images/icon-quyen-loi-01.png) no-repeat; background-size:100%; width: 114px; height: 135px; display: block; margin: 20px 20px 0 76px;}
.index-benefit .icon-dk2{background: url(../images/icon-quyen-loi-02.png) no-repeat; background-size:100%; width: 114px; height: 135px; display: block; margin: 20px 20px 0 76px;}
.index-benefit .icon-dk3{background: url(../images/icon-quyen-loi-03.png) no-repeat; background-size:100%; width: 114px; height: 135px; display: block; margin: 20px 20px 0 76px;}
.index-benefit .icon-dk4{background: url(../images/icon-quyen-loi-04.png) no-repeat; background-size:100%; width: 114px; height: 135px; display: block; margin: 20px 20px 0 76px;}
.index-benefit .box-info-link{ float:left; width:100%; text-align:center; font-size:18px; padding:120px 0 0 0; color:#dbdbdb}
.index-benefit .box-info-link a{ text-decoration:underline; text-transform:uppercase; font-weight:bold; color: #FFFFFF}

.index-three{height: 758px; width: 100%; background: #8dc63f; margin: 0 auto; float: left;}
.index-three ul{background: url(../images/bg-slide-small.png) top center no-repeat; display: block; height: 465px; margin-top: -80px;}
.index-three ul li img{margin: 36px 0 0 271px;}
.index-three ul li.text-slide{margin: 0 0 0 0;}
.text-slide{display: block; margin: 150px 0 0 0;}
.text-slide h2{color: #fff; font-size: 24px; text-align: center; font-weight: 700; padding: 0 0 25px 0;}
.text-slide p{font-size: 14px; color: #fff; margin: 0 210px;}
.text-slide p.text-center{text-align: center !important; margin-top: 10px;}
.text-slide a{width: 174px; color: #fff; height: 30px; margin: 0 auto; margin-top:20px;border: 1px solid #fff; text-align: center; display: block; padding: 10px 0 0 0; font-size: 14px; font-weight: 700; text-transform: uppercase;}
.text-slide a:hover{width: 174px; color: #8dc63f; height: 30px; background: #fff;}


.footer{float: left; background-color: #636363; height: 156px; width: 100%; position: relative;}
.footer .logo-nct{background: url(../images/logo-icon.png) 0 0 no-repeat; width: 74px; height: 40px; float: left; margin: 50px 0 0 20px;}
.footer .mrtui{background: url(../images/mr-tui-ft.png) top left no-repeat; width: 103px; height: 125px; float: left; margin: 18px 0 0 15px;}
.footer .icon-decorate1{background: url(../images/cloud.png) no-repeat; width: 136px; height: 65px; float: left; margin: -65px 0 0 0;}
.footer .icon-decorate2{background: url(../images/img-footer.png) no-repeat; width: 324px; height: 221px; float: right; margin: -65px 20px 0 0;}
.footer .icon-decorate3{background: url(../images/mountain.png) no-repeat; width: 239px; height: 79px; float: left; margin: -79px 0 0 0;}
.footer .icon-decorate4{background: url(../images/img-footer1.png) no-repeat; width: 425px; height: 312px; float: right; margin: -156px 0 0 0;}
.footer h3{color: #fff; text-transform: uppercase; font-size: 16px; text-align:center; font-weight: 700; line-height: 18px; float: left; padding: 10px 15px 10px 15px; border: 1px solid #fff; border-radius: 8px; margin: 48px 0 0 30px;}
.footer .services{float: left; margin: 36px 0 0 60px;}
.footer .services h2{color: #fff; font-size: 22px; font-weight: 700; text-transform: uppercase;}
.footer .services p{color: #fff; font-size: 13px; line-height: 26px;}
.footer .services .icon-email{background: url(../images/logo-icon.png) -4px -207px no-repeat; width: 18px; height: 11px; float: left; margin: 9px 10px 0 0;}
.footer .services .icon-phone{background: url(../images/logo-icon.png) -4px -233px no-repeat; width: 18px; height: 13px; float: left; margin: 7px 10px 0 0;}



.wpage .nav-logo .logo-vinaphone, .wpage .nav-logo .logo-vinaphone:hover, .wpage .nav-logo .logo-viettel:hover, .wpage .nav-logo .logo-mobile:hover, .wpage .nav-menu ul li a:hover, .wpage .nav-menu ul li:hover > ul, .index-one .one1 .content-one1 a:hover, .index-one .one3 .content-one3 a:hover, .text-slide a:hover, .one4 .dk-sms a:hover{-webkit-transition: all 0.3s linear;  -moz-transition: all 0.3s linear;  transition: all 0.3s linear;}
	
	
/*---------------Viettel pay-----------------*/

.ser-pagesub{margin-top: 24px !important;}

.subpage-v{height: 1225px; width: 100%; background: #008f89; margin: 0 auto; float: left;}
.subpage-v.mpay{background: #0067cb;}
.subpage-v.mpay  h3{background: #0067cb; }

.subpage-v ul{background: url(../images/bg-slide-small.png) top center no-repeat; display: block; height: 465px; margin-top: 42px;}
.subpage-v ul li img{margin: 36px 0 0 271px;}
.text-subpage-slide{display: block; margin: 50px 0 0 0 !important;}
.subpage-v .text-slide a:hover{color: #008f89 !important;}
.box-warning h3{text-align: center; text-transform: uppercase; color: #fff; font-size: 20px; font-weight: 700; position: absolute; left:48%; background: #008f89; margin:-15px 0 0 -20px; padding: 0 15px;}
.box-warning{margin-top:30px;}
.box-warning p{padding: 20px 7px; border: 1px solid #fff; display: block;}

.one4{width: 100%; margin: 0 auto;}
.one4 .one4-text{float: left; color: #fff; text-align: right; margin: 50px 30px 0 145px;}
.one4 .one4-text h1, h2, h3 {font-weight: 700; text-transform: uppercase;}
.one4 .one4-text h1{font-size: 42px;}
.one4 .one4-text h2{font-size: 30px;}
.one4 .one4-text h3{font-size: 22px;}
.one4 .one4-text p{font-size: 14px; margin: 20px 0 0 0; line-height: 26px;}

.one4 .dk-sms{float: left; width: 420px; vertical-align:middle; }
.one4 .dk-sms p{float: left; font-size: 14px; color: #fff; margin: 10px 0 5px 30px;height: 42px;  width:280px;}
.one4 .dk-sms a{width: 100px; float: right; color: #fff; height: 30px; margin: 0 auto; margin-bottom:5px; margin-left: 0px; border: 1px solid #fff; text-align: center; display: block; padding: 10px 0 0 0; font-size: 15px; font-weight: 700; text-transform: uppercase;}
.one4 .dk-sms a:hover{width: 100px; color: #f49a3a; height: 30px; background: #fff;}
.one4 .btn-dk3{width: 286px; height: 42px; float: left; margin: 50px 0 30px 30px;}
.one4 .dt3{float: left; width: 203px; height: 329px;}

.index-four{background-color: #8dc63f; height: 775px; width: 100%;  float: left;}
.index-four .demo-bg{background:url(../images/bg-v.jpg) top center no-repeat; height: 769px; width: 1200px; position:absolute; opacity:0.1}

.index-four ul.list-rate{ float:left; width:800px; margin:0 0 0 235px}
.index-four ul.list-rate li{float: left; width: 130px;margin:0 20px 0 0;}
.index-four ul.list-rate li label{font-size: 14px; font-weight: 700; text-transform: uppercase; color: #fff;}
.index-four ul.list-rate .icon-face1{background: url(../images/logo-icon.png) -90px -122px no-repeat; width: 43px; height: 43px; float: left; margin:0 0 15px 15px}
.index-four ul.list-rate .icon-face2{background: url(../images/logo-icon.png) -90px -175px no-repeat; width: 43px; height: 43px; float: left; margin:0 0 15px 20px}
.index-four ul.list-rate .icon-face3{background: url(../images/logo-icon.png) -91px -228px no-repeat; width: 43px; height: 43px; float: left; margin:0 0 15px 0px}
.index-four ul.list-rate .icon-face4{background: url(../images/logo-icon.png) -91px -280px no-repeat; width: 43px; height: 43px; float: left; margin:0 0 15px 0px}
.index-four ul.list-rate .icon-face5{background: url(../images/logo-icon.png) -91px -332px no-repeat; width: 43px; height: 43px; float: left; margin:0 0 15px 15px}

.ctn-input{float: left; width: 100px; text-align:center !important }

input[type=radio   ]:not(old){  width   : 20px;  margin  : 0;  padding : 0;  opacity : 0;  float   : left; display:block; height:24px; cursor: pointer !important;}
input[type=radio   ]:not(old) + label{display      : inline-block;cursor: pointer !important; margin-left:-24px; padding-left : 24px; background   : url('../images/icon-check.png') left top  no-repeat; line-height  : 24px; float:left;}
input[type=radio]:not(old):hover + label{background   : url('../images/icon-check.png') left -30px  no-repeat; cursor: pointer !important;}
input[type=radio]:not(old):checked + label{background   : url('../images/icon-check.png') left -60px  no-repeat; }


.box-check{width: 800px; margin: 0 auto ;}
.box-check .content-check{width:800px; margin:30px 0 0 0; float:left}
.box-check .content-input{float:left; width:100%;  margin:20px 0 0 0}
.box-check .content-input .box-alert{float:left; width:100%;  margin:20px; text-align:center; font-size:16px; color:#ffffff}

.box-check span{font-size: 14px; color: #fff; text-transform: uppercase; font-weight: 700; margin:5px 10px 0 0; float:left; width:200px; text-align:right}
.box-check select {
    padding: 8px 8px;
    border: 1px solid #fff;
	width: 412px;
	color: #fff;
	font-size: 14px;
    box-shadow: none;height:44px;
    background-color: transparent;
    background-image: none;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none; float:left
}
.box-check select option{color: #212121;padding: 8px 8px; line-height:18px; float:left}
.box-check select:focus {outline: none;}
.box-check img{ float:left}
.box-check .icon-refresh{ width:24px; height:24px; background:url(../images/icon-check.png) left -97px no-repeat; float:left; margin:5px 0 0 0}
.box-check a{width: 140px; color: #fff; height: 28px; border: 1px solid #fff; text-align: center; padding: 10px 30px; font-size: 14px; font-weight: 700; text-transform: uppercase;}
.box-check a:hover{background: #fff; color: #f49a3a; font-size: 14px; font-weight: 700; text-transform: uppercase;}
.box-check input{background: none; border: 1px solid #fff; width: 230px; height:22px; float:left}	
.box-check textarea { padding: 8px 0px;  border: 1px solid #fff;	width: 410px;color: #fff;font-size: 14px; box-shadow: none;height:44px; background-color: transparent; background-image: none;  -webkit-appearance: none;  -moz-appearance: none;  appearance: none;}
.result{width: 800px; margin: 0 auto ; background:#784445}
.result ul.list-rate-result{ float:left; width:600px; margin:0 0 0 0px}
.result ul.list-rate-result li{float: left; width: 57px;margin:0 20px 0 40px; }
.result ul.list-rate-result li .box-show-status{ width:13px; height:100px; float:left; margin:20px 22px 10px 22px;}
.result ul.list-rate-result li .box-show-status .content-statuss{ width:13px; height:100px; position:relative; float:left}
.result ul.list-rate-result li .box-show-status .content-statuss .bg-show-rate{ width:13px; position:absolute;bottom:0;background:#ffffff }
.result ul.list-rate-result .icon-face1{background: url(../images/logo-icon.png) -143px -122px no-repeat; width: 37px; height: 37px; float: left; margin:0 0 15px 10px}
.result ul.list-rate-result .icon-face2{background: url(../images/logo-icon.png) -143px -175px no-repeat; width: 37px; height: 37px; float: left; margin:0 0 15px 10px}
.result ul.list-rate-result .icon-face3{background: url(../images/logo-icon.png) -143px -228px no-repeat; width: 37px; height: 37px; float: left; margin:0 0 15px 10px}
.result ul.list-rate-result .icon-face4{background: url(../images/logo-icon.png) -144px -280px no-repeat; width: 37px; height: 37px; float: left; margin:0 0 15px 10px}
.result ul.list-rate-result .icon-face5{background: url(../images/logo-icon.png) -143px -332px no-repeat; width: 37px; height: 37px; float: left; margin:0 0 15px 10px}

.title-name-3g { font-size: 17px;color: #4BC737;}
.detail-info-3g{margin-left: 20px; font-size: 14px;}

/*iconfont*/

@font-face {
    font-family: 'nhaccuatui';
    src: url(../../fonts/icomoon.eot);
    src: url(../../fonts/icomoon.eot) format("embedded-opentype"), url(../../fonts/icomoon.woff) format("woff"), url(../../fonts/icomoon.ttf) format("truetype"), url(../../fonts/icomoon.svg?#nhaccuatui) format("svg");
    font-weight: 400;
    font-style: normal
}
[class^="icon-"],
[class*=" icon-"] {
    font-family: 'nhaccuatui';
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
.icon-spinner:before {
    content: "\e68b"
}

.icon-spinner2:before {
    content: "\e68c"
}

.icon-spinner3:before {
    content: "\e68d"
}

.icon-spinner4:before {
    content: "\e68e"
}

.icon-spinner5:before {
    content: "\e68f"
}

.icon-spinner6:before {
    content: "\e690";
    color: black
        
}

.box_feedback{position: relative; padding:40px 10px 0px 10px;}
.box_feedback_submit{ padding:0px; float:left; width:100%; margin:10px 0 5px 0;}
.box_feedback_submit .tk{float:left; width:100%; color:#141414;font-size:15px;}
.box_feedback_submit .bgform{background-color:#fdfdfd;border:1px solid #e6e6e6;-webkit-border-radius:0px;-moz-border-radius:0px;border-radius: 0px;float:left; width:100%; margin-bottom:10px;}
.box_feedback_submit .bgform p{padding:0px;}
.box_feedback_submit .bgform p select{border:0px; background-color:transparent;width:100%;color:#7c7c7c;font-size:16px;padding:6px 0; display:block}
.box_feedback_submit .bgform p input{border:0px; background-color:transparent;width:100%;color:#7c7c7c;font-size:16px;padding:6px 0; display:block}
.box_feedback_submit .bgform p textarea{border:0px; background-color:transparent;width:100%;color:#7c7c7c;font-size:16px;padding:6px 0; display:block}
.box_feedback_submit .pdbtn{padding-top:0px; float:left; width:100%}
.box_feedback_submit .pdbtn .btn-feedback{-webkit-border-radius:2px;-moz-border-radius:2px;border-radius: 2px;display:block;font-size:18px;color:#fff;text-align:center;padding:8px;background-color:#3498db;}


.right_box_toppage{z-index: 9999; position: fixed; bottom: 0px;right: 0px;	width: auto;}
.right_box_toppage .goTopPage .myTip{top: 0px;}
.right_box_toppage .goTopPage{background:#2582be url(../../images/icon-repeat.png) 5px -1894px no-repeat;	display:block;	margin-bottom: 2px;	width: 41px;height: 40px;float: right;}
.right_box_toppage .goTopPage:hover{background:#5dade2 url(../../images/icon-repeat.png) 5px -1898px no-repeat; -webkit-transition: 0.25s; -moz-transition: 0.25s;  -o-transition: 0.25s;  transition: 0.25s;}
.right_support_online{z-index: 9999; position: fixed; bottom: 300px;right: 0px; width:45px;height:72px;}
.right_support_online .myTip,
.right_box_toppage .myTip{ background:#f2f2f2; position: absolute;right: 41px;width: 0px;text-align: center;	font-size: 12px;font-weight: bold;	height: 20px; padding:10px 0;line-height: 20px;	color: #333;	z-index: 4;}
.right_support_online .myTip .bg_share{ width:216px; height:29px; padding:10px 0px 0px 14px;/* margin-left:-150px;*/position:absolute; right:5px;}
.right_support_online a{display: block;width: 100%;	height:36px; padding:10px 0; float:left}
.right_support_online .contact_nct .myTip{top: 0px;}
.right_support_online .contact_nct{background:#2582be url(../../images/icon-repeat.png) 5px -1820px no-repeat;	display:block;	margin-bottom: 0px;	width: 41px;height: 40px;float: right;}
.right_support_online .contact_nct:hover{background:#5dade2 url(../../images/icon-repeat.png) 3px -1820px no-repeat; -webkit-transition: 0.25s; -moz-transition: 0.25s;  -o-transition: 0.25s;  transition: 0.25s;}
.right_support_online .offads .myTip{top: 80px;}
.right_support_online .offads{background:#2582be url(../../images/icon-repeat.png) 5px -1856px no-repeat;	display:block;	margin-bottom: 0px;	width: 41px;height: 40px;float: right;}
.right_support_online .offads:hover{background:#5dade2 url(../../images/icon-repeat.png) 3px -1856px no-repeat; -webkit-transition: 0.25s; -moz-transition: 0.25s;  -o-transition: 0.25s;  transition: 0.25s;}
.myTip{	display: none;}
.orther_deals{  z-index: 9999;  float: right;}

.popup-info-v2-user{ float:left; width:100%;}
.popup-info-v2-user .bg-img-pu{float:left; width:600px; height:173px; background:url(../images/bg-popup-pu.jpg)}
.popup-info-v2-user .bg-img-location{float:left; width:600px; height:173px; background:url(../images/bg-popup-location.jpg)}
.popup-info-v2-user .bg-img-hero{float:left; width:600px; height:173px; background:url(../images/bg-popup-hero.jpg)}

.popup-info-v2-user .light_close{width:12px; height:12px; display:block;background: url(../images/icon-repeat.png) left -2987px no-repeat; margin:10px 10px 0px 0px; float:right; padding:0px;}
.popup-info-v2-user .light_close:hover{background:url(../images/icon-repeat.png)  left -3001px no-repeat; }

.popup-info-v2-user .content-txt-pu{float:left; width:580px; padding:20px 10px 30px 10px; background:#FFFFFF}
.popup-info-v2-user .content-txt-pu .txt-info-pu{float:left; text-align: center; width:100%; color:#212121; font-size:14px; line-height:22px; margin:0 0 25px 0}

.popup-info-v2-user .content-txt-pu .box-btn-pu{float:left; text-align: center; width:100%;}
.popup-info-v2-user .content-txt-pu .box-btn-pu a{margin:0 10px; padding:10px 10px; width:120px;  display:inline-block; font-size:15px; text-transform:uppercase}
.popup-info-v2-user .content-txt-pu .box-btn-pu a.pucancel{ background:#787882}
.popup-info-v2-user .content-txt-pu .box-btn-pu a.pucancel:hover{ background:#959599}
.popup-info-v2-user .content-txt-pu .box-btn-pu a.pucancel:active{ background:#58585e}
.popup-info-v2-user .content-txt-pu .txt-info-pu {margin-bottom: 15px;}

.index-rg-3g .left-right-title{float:left; width:16%; height:500px;}
.index-rg-3g .row-rg-01{width:80%; margin:0 2%; float:left; padding:10px 0}
.index-rg-3g .row-rg-02{width:80%; margin:0 2%; float:left; background:#d68733; padding:10px 0;border-radius: 85px; vertical-align:middle}
.index-rg-3g .row-rg-03{width:80%; margin:10px 2% 0px 2%; float:left; padding:10px 0}
.index-rg-3g .row-rg-04{width:77%; margin:10px 2% 20px 5%; float:left; padding:0px 0 0 0; color:#FFFFFF; font-size:14px}
.index-rg-3g .row-rg-05{width:80%; margin:0 2% 10px 2%; float:left; background:#d68733; padding:10px 0; font-size:24px; color:#FFFFFF; text-align:center;border-radius: 85px;}
.index-rg-3g .row-rg-06{width:80%; margin:0 2%; float:left;padding:10px 0 10px 0; vertical-align:middle;}
.index-rg-3g  .box-s1{width:10%; float:left; font-size:18px; color:#FFFFFF;  text-align:right; font-weight:bold; height:10px;}
.index-rg-3g  .box-s2{width:30%; float:left; text-align:center; font-size:18px; color:#FFFFFF}
.index-rg-3g  .box-s2 .code{background:#fea609;border-radius: 85px; display:inline-block; border:#d68733 solid 3px; padding:10px 30px; font-weight:bold; font-size:24px}
.index-rg-3g  .box-s0{width:10%; float:left; font-size:18px; color:#FFFFFF;  text-align:right; font-weight:bold; height:20px}
.index-rg-3g  .box-s4{width:10%; float:left; font-size:18px; color:#FFFFFF;  text-align:right; font-weight:bold; height:60px; line-height:60px; font-size:24px}
.index-rg-3g  .box-s5{width:10%; float:left; font-size:18px; color:#FFFFFF;  text-align:right; font-weight:bold; height:100px; line-height:100px; font-size:24px}
.index-rg-3g  .box-s6{width:25%; margin:0 0 0 2%; float:left; text-align:center; font-size:18px; color:#FFFFFF; font-weight:bold}
.index-rg-3g  .box-s7{width: 22%; float: left; text-align: center; font-size: 18px; color: #FFFFFF; font-weight: bold; height: 70px; margin: 0 0 0 6%;}
.index-rg-3g  .box-s8{width:25%; margin:0  0 0 7%; float:left; text-align:center; font-size:18px; color:#FFFFFF; font-weight:bold}


@media screen and (max-width: 1100px){
    .index-rg-3g h1 {padding: 10px 0 0 0;}
    .index-benefit ul li {width: 190px;}
    .index-benefit ul li span {margin-left: 40px !important;}
    .footer {height: auto !important;}
    .index-rg-3g .row-rg-02 span{font-size: 18px !important;}
    .index-rg-3g .box-s6 {margin-left: 2%; width: 27% !important;}
    .index-rg-3g .box-s7 {margin: 0 0 0 4%; width: 25% !important;}
    .index-rg-3g .box-s8 {margin-left: 5%;}
    .index-rg-3g .box-s5 {height: 88px; line-height: 78px;}
    .box-title-sms {font-size: 14px !important; margin-top: 210px !important; margin-left: 5px !important;}
    .left-right-title .box-title-sms:nth-child(2) {margin-top: 143px  !important;}
    .fullwidthbanner {height: 416px !important;}
    .index-rg-3g {padding-top: 30px; height: 625px;}
}

.wpage .nav-logo .logo-viettel {
    background: url(../images/vt_09092021.png) no-repeat;
    width: 65px;
    height: 15px;
    background-size: contain;
    float: left;
    margin: 34px 0 0 20px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 0.4;
}
.wpage .nav-logo .logo-viettel:hover {
    background-position: unset;
    width: 65px;
    height: 15px;
    background-size: contain;
    float: left;
    margin: 34px 0 0 20px;
    -webkit-filter: none;
    filter: none;
    opacity: 1;
}

.wpage .nav-logo .logo-mobile {
    background: url(../images/mobi_09092021.png) 0 0 no-repeat;
    width: 84px;
    height: 20px;
    float: left;
    margin: 32px 0 0 20px;
    background-size: contain;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 0.4;
}

.wpage .nav-logo .logo-mobile:hover {
    background: url(../images/mobi_09092021.png) 0 0 no-repeat;
    width: 84px;
    height: 20px;
    float: left;
    margin: 32px 0 0 20px;
    background-size: contain;
    -webkit-filter: none;
    filter: none;
    opacity: 1;
}

.wpage .nav-logo .logo-vinaphone {
    /* background: url(../images/logo-icon.png) left -389px no-repeat; */
    width: 105px;
    height: 24px;
    float: left;
    margin: 25px 0 0 20px;
    background-position: left -413px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 0.4;
}

.wpage .nav-logo .logo-vinaphone:hover {
    -webkit-filter: none;
    filter: none;
    opacity: 1;
}