/* Resets
-----------------------------------------------------------------------------------------------------------*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, hr, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figure, figcaption, hgroup, menu, footer, header, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; }
article, aside, canvas, figure, figure img, figcaption, hgroup, footer, header, nav, section, audio, video { display: block; }
ol, ul { list-style: none; }
a img { border: 0; }
img { max-width: 100%; }
a { text-decoration: none; }
.clear { clear:both; }
.fLeft { float:left; }
.fRight { float:right; }
html { font-size: 12px; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; margin: 0; padding: 0; }
@font-face {font-family: 'Roboto';src: url('font/Roboto-Regular-webfont.eot?') format('eot'), url('font/Roboto-Regular-webfont.woff') format('woff'), url('font/Roboto-Regular-webfont.ttf') format('truetype');font-weight: normal;font-style: normal;}
body { background: url(../images/mobile/body.jpg) left top repeat;/*font: 12px/36px roboto;*/font-family: 'Roboto';margin: 0; }
#mainContent { width:100%; display:block; background-color: #f1f1f1; margin: auto; overflow: hidden; }
#blockHeader { width:100%; text-align:center; background-color: #FFF; }
#content { width:100%; padding-bottom: 20px; }
.headMenu { width: 100%; float:left; min-height:45px; text-align:center; background-color:#0387d9; padding:0; margin-bottom: 30px; }
.headMenu a.icoBack, .headMenu a.icoHelp { background:url(../images/mobile/btn_back.gif) left center no-repeat; background-size:35px auto; display:block; width:45px; height:50px; margin-left:10px; float:left; }
.headMenu a img { margin: 0 auto; height:45px; }
.headMenu a.icoHelp { background:url(../images/mobile/btn_help.gif) left center no-repeat; background-size:35px auto; margin-right:0px; float:right; }
.sltLogo { width: 100%; text-align: center; margin-bottom: 15px; }
.sltLogo img { height: 80px; }
ul.listCategory { width: 100%; }
ul.listCategory li.mobileCard, ul.listCategory li.gameCard, ul.listCategory li.internetCard { background-color: #0077d2; width:100%; }
ul.listCategory li.mobileCard a, ul.listCategory li.gameCard a, ul.listCategory li.internetCard a { background:url(../images/mobile/mobile_card.gif) 45px center no-repeat; line-height: 210px; display: block; width:100%; font-size:43px; text-indent:206px; color: #fff; position: relative; float:left; }
ul.listCategory li.gameCard { background-color: #003d81; }
ul.listCategory li.gameCard a { background:url(../images/mobile/game_card.gif) 45px center no-repeat; }
ul.listCategory li.internetCard { background-color: #ffa800; }
ul.listCategory li.internetCard a { background:url(../images/mobile/internet_card.gif) 45px center no-repeat; }
ul.listCategory li.mobileCard a span, ul.listCategory li.gameCard a span, ul.listCategory li.internetCard a span { width:30px; height: 232px; float:right; position: relative; right:0; top:0; opacity:0.1; filter:alpha(opacity=10); background: #000 url(../images/mobile/bullet.png) center center no-repeat; background-size: 18px auto }
h2.titleList { font-size: 180%; text-align: center; padding:20px 0 20px; }
.listRow { width:100%; float:left; }
.listRow .item { width:50%; margin-bottom:30px; float:left; }
.listRow .item a.bgEclipse { display:block; background:url(../images/mobile/bg_elipse.gif) left top no-repeat; background-size: 240px auto; width:240px; height:240px; text-align:center; }
.listRow .item a.bgEclipse span.viettel, .listRow .item a.bgEclipse span.mobi, .listRow .item a.bgEclipse span.vina,.listRow .item a.bgEclipse span.vnmobile, .listRow .item a.bgEclipse span.beeline, .listRow .item a.bgEclipse span.vcoin, .listRow .item a.bgEclipse span.gate, .listRow .item a.bgEclipse span.oncash, .listRow .item a.bgEclipse span.fone1718, .listRow .item a.bgEclipse span.gate, .listRow .item a.bgEclipse span.fone1718_5, .listRow .item a.bgEclipse span.hvv, .listRow .item a.bgEclipse span.ifonevnn { background:url("../images/mobile/logo_viettel.gif") no-repeat scroll center center; background-size: 100% auto; display:block; width:120px; height:240px; margin: 0 auto; }
.listRow .item a.bgEclipse span.mobi { background:url("../images/mobile/logo_mobi.gif") no-repeat scroll center center; background-size: 90% auto; }
.listRow .item a.bgEclipse span.vina { background:url("../images/mobile/logo_vina.gif") no-repeat scroll center center; background-size: 90% auto; }
.listRow .item a.bgEclipse span.vnmobile { background:url("../images/mobile/logo_vnmobile.gif") no-repeat scroll center center; background-size: 90% auto; }
.listRow .item a.bgEclipse span.beeline { background:url("../images/mobile/gmobile.gif") no-repeat scroll center center; background-size: 90% auto; }
.listRow .item a.bgEclipse span.vcoin { background:url("../images/mobile/logo_vcoin.gif") no-repeat scroll center center; background-size: 90% auto; }
.listRow .item a.bgEclipse span.gate { background:url("../images/mobile/logo_gate.gif") no-repeat scroll center center; background-size: 90% auto; }
.listRow .item a.bgEclipse span.oncash { background:url("../images/mobile/logo_oncash.gif") no-repeat scroll center center; background-size: 90% auto; }
.listRow .item a.bgEclipse span.fone1718 { background:url("../images/mobile/logo_fone1718.gif") no-repeat scroll center center; background-size: 90% auto; }
.listRow .item a.bgEclipse span.fone1718_5 { background:url("../images/mobile/logo_fone1718_5.gif") no-repeat scroll center center; background-size: 90% auto; }
.listRow .item a.bgEclipse span.hvv { background:url("../images/mobile/logo_hvv.gif") no-repeat scroll center center; background-size: 90% auto; }
.listRow .item a.bgEclipse span.ifonevnn { background:url("../images/mobile/logo_ifonevnn.gif") no-repeat scroll center center; background-size: 90% auto; }
.contentDetail {
    display: block;
    width: 94%;
    margin: 0 3%;
    float: left;
}
.rowInput {border: 1px solid #d0d0d0;margin-bottom:25px;overflow:hidden;}
.rowInput .selectBox { background:url(../images/mobile/dropdown.gif) right center no-repeat; background-size: 30px auto; width:98%; text-indent: 10px; height: 60px; overflow: hidden; float:left; }
.rowInput .selectBox .clsSelect { margin-left: 5px; background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border: none; width: 112%; height: 26px; margin-top: 15px; font-size: 22px; float: left; position:relative;}
.rowInput .selectBox .clsSelect option { position:relative;}
.rowInput .txtInput { padding-left: 5px; border: none; font-size: 24px; background: none repeat scroll 0 0 rgba(0, 0, 0, 0); height: 55px; width: 100%; float: left; }
.btnSubmit { width:100%; clear: both; float:left; }
rowInput .selectBox .clsSelect option span {font-size: 12px;top:0;}
.btnSubmit a { display: block; width:100%; font-size:24px; color:#fff; background-color:#ffa200; line-height: 55px; text-align:center; float:left; }
.btnSubmit a:hover {color:#fff;}
.show_error { font-size: 18px; line-height: 20px;padding-left:0px;margin-bottom:3px;color: #970D00;}
#ajax_loading { position: absolute; z-index: 99999; background: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 10px; display:none; text-align: center; width: 148px; font-size: 12px; float: left; }
.footer {margin-top: 30px;background-color:#eee; width:90%;float:left;padding:10px 5%;}
.footer h4 { font-size: 20px; }
.footer p {font-size: 16px;}
.imgSuccess { width:100%; text-align:center; font-size: 160%; padding-top:20px; float:left }
.txtSuccess { padding:30px 0; }
a.homeBack { padding:12px 25px; margin: 0 auto; background-color:#0388d8; color: #fff; }
a.homeBack:hover { opacity:0.6; color: #fff; }
.contentHelp { padding: 0 3%; width: 92%; }
.fontS140P { font-size:140%; }
.fontS160P { font-size:160%; }
.mrgB10 { margin-bottom:10px; }
.mrgB30 { margin-bottom:30px; }
.mrgListR { margin-right:30px; }
.mrgListL { margin-left:30px; }
.mrgLeft20 { margin-left:20px!important; }
@media only screen and (max-width: 966px) {
	#blockHeader .logo{width:250px;}	
	ul.listCategory li.mobileCard a,ul.listCategory li.gameCard a,ul.listCategory li.internetCard a{background-position:10px center;background-size:110px auto;text-indent:140px;line-height:200px;font-size:30px;}
	ul.listCategory li.mobileCard a span,ul.listCategory li.gameCard a span,ul.listCategory li.internetCard a span{height:200px;}	
        .listRow .item a.bgEclipse { background-size: 200px auto; width:200px; height:200px; }
        .listRow .item a.bgEclipse span.viettel, .listRow .item a.bgEclipse span.mobi, .listRow .item a.bgEclipse span.vina,.listRow .item a.bgEclipse span.vnmobile, .listRow .item a.bgEclipse span.beeline, .listRow .item a.bgEclipse span.vcoin, .listRow .item a.bgEclipse span.gate, .listRow .item a.bgEclipse span.oncash, .listRow .item a.bgEclipse span.fone1718, .listRow .item a.bgEclipse span.gate, .listRow .item a.bgEclipse span.fone1718_5, .listRow .item a.bgEclipse span.hvv, .listRow .item a.bgEclipse span.ifonevnn { width:120px; height:200px; margin: 0 auto; }
        .mrgListR { margin-right:60px; }
        .mrgListL { margin-left:60px; }                 
        .rowInput { margin-bottom:25px; }
        .rowInput .selectBox { height:60px; }
        .rowInput .selectBox .clsSelect { height: 26px; margin-top: 15px; }
        .rowInput .txtInput { height: 60px; }
        .rowInput .selectBox .clsSelect, .rowInput .txtInput, .btnSubmit a, .show_error, .footer h4 { font-size:20px; }
        .footer p {font-size: 16px;}
	.btnSubmit a{line-height:65px;}
	#ajax_loading img { width: 70px; }
}
@media only screen and (max-width: 768px) {
	#blockHeader .logo{width:250px;}
	ul.listCategory li.mobileCard a,ul.listCategory li.gameCard a,ul.listCategory li.internetCard a{background-position:10px center;background-size:110px auto;text-indent:140px;line-height:160px;font-size:28px;}
	ul.listCategory li.mobileCard a span,ul.listCategory li.gameCard a span,ul.listCategory li.internetCard a span{height:160px;}	
        .listRow .item a.bgEclipse { background-size: 170px auto; width:170px; height:170px; }
        .listRow .item a.bgEclipse span.viettel, .listRow .item a.bgEclipse span.mobi, .listRow .item a.bgEclipse span.vina,.listRow .item a.bgEclipse span.vnmobile, .listRow .item a.bgEclipse span.beeline, .listRow .item a.bgEclipse span.vcoin, .listRow .item a.bgEclipse span.gate, .listRow .item a.bgEclipse span.oncash, .listRow .item a.bgEclipse span.fone1718, .listRow .item a.bgEclipse span.gate, .listRow .item a.bgEclipse span.fone1718_5, .listRow .item a.bgEclipse span.hvv, .listRow .item a.bgEclipse span.ifonevnn { width:100px; height:170px; margin: 0 auto; }
        .mrgListR { margin-right:40px; }
        .mrgListL { margin-left:40px; }       
        .rowInput { margin-bottom:25px; }
        .rowInput .selectBox { height:50px; background-size: 26px auto; }
        .rowInput .selectBox .clsSelect { height: 26px; margin-top: 12px; }
        .rowInput .txtInput { height: 50px; }
        .rowInput .selectBox .clsSelect, .rowInput .txtInput, .btnSubmit a, .footer h4 { font-size:18px; }
        .footer p {font-size: 14px;}
	.btnSubmit a{line-height:60px;}
	.show_error{font-size:14px;}
	#ajax_loading img { width: 70px; }
}

@media only screen and (max-width: 685px) {
	#blockHeader .logo{width:250px;}	
	ul.listCategory li.mobileCard a,ul.listCategory li.gameCard a,ul.listCategory li.internetCard a{background-position:10px center;background-size:110px auto;text-indent:140px;line-height:160px;font-size:28px;}
	ul.listCategory li.mobileCard a span,ul.listCategory li.gameCard a span,ul.listCategory li.internetCard a span{height:160px;}
	.listRow .item { margin-bottom: 30px; }
        .listRow .item a.bgEclipse { background-size: 160px auto; width:160px; height:160px; }
        .listRow .item a.bgEclipse span.viettel, .listRow .item a.bgEclipse span.mobi, .listRow .item a.bgEclipse span.vina,.listRow .item a.bgEclipse span.vnmobile, .listRow .item a.bgEclipse span.beeline, .listRow .item a.bgEclipse span.vcoin, .listRow .item a.bgEclipse span.gate, .listRow .item a.bgEclipse span.oncash, .listRow .item a.bgEclipse span.fone1718, .listRow .item a.bgEclipse span.gate, .listRow .item a.bgEclipse span.fone1718_5, .listRow .item a.bgEclipse span.hvv, .listRow .item a.bgEclipse span.ifonevnn { width:90px; height:160px; margin: 0 auto; }
        .mrgListR { margin-right:30px; }
        .mrgListL { margin-left:30px; }
        .rowInput { margin-bottom:15px; }
        .rowInput .selectBox { height:50px; background-size: 26px auto; }
        .rowInput .selectBox .clsSelect { height: 26px; margin-top: 12px; }
        .rowInput .txtInput { height: 50px; }
        .rowInput .selectBox .clsSelect, .rowInput .txtInput, .btnSubmit a, .show_error, .footer h4 { font-size:18px; }
        .footer p {font-size: 14px;}
	.btnSubmit a{line-height:60px;}
	#ajax_loading img { width: 70px; }
}
@media only screen and (max-width: 640px) {
	#blockHeader .logo{width:250px;}
        .sltLogo img { height: 70px; }
	ul.listCategory li.mobileCard a,ul.listCategory li.gameCard a,ul.listCategory li.internetCard a{background-position:10px center;background-size:110px auto;text-indent:140px;line-height:150px;font-size:28px;}
	ul.listCategory li.mobileCard a span,ul.listCategory li.gameCard a span,ul.listCategory li.internetCard a span{height:150px;}
	.listRow .item { margin-bottom: 30px; }
        .listRow .item a.bgEclipse { background-size: 160px auto; width:160px; height:160px; }
        .listRow .item a.bgEclipse span.viettel, .listRow .item a.bgEclipse span.mobi, .listRow .item a.bgEclipse span.vina,.listRow .item a.bgEclipse span.vnmobile, .listRow .item a.bgEclipse span.beeline, .listRow .item a.bgEclipse span.vcoin, .listRow .item a.bgEclipse span.gate, .listRow .item a.bgEclipse span.oncash, .listRow .item a.bgEclipse span.fone1718, .listRow .item a.bgEclipse span.gate, .listRow .item a.bgEclipse span.fone1718_5, .listRow .item a.bgEclipse span.hvv, .listRow .item a.bgEclipse span.ifonevnn { width:90px; height:160px; margin: 0 auto; }
        .mrgListR { margin-right:30px; }
        .mrgListL { margin-left:30px; }   
        .rowInput { margin-bottom:15px; }
        .rowInput .selectBox { height:45px; background-size: 26px auto; }
        .rowInput .selectBox .clsSelect { height: 26px; margin-top: 10px; }
        .rowInput .txtInput { height: 45px; }
        .rowInput .selectBox .clsSelect, .rowInput .txtInput, .btnSubmit a, .show_error, .footer h4 { font-size:18px; }
        .footer p {font-size: 14px;}
	.btnSubmit a{line-height:50px;}
        .imgSuccess img { width:30%; }
	#ajax_loading img { width: 70px; }
}

@media only screen and (max-width: 603px) {        
	#blockHeader .logo{width:250px;}
	ul.listCategory li.mobileCard a,ul.listCategory li.gameCard a,ul.listCategory li.internetCard a{background-position:10px center;background-size:110px auto;text-indent:140px;line-height:180px;font-size:33px;}
	ul.listCategory li.mobileCard a span,ul.listCategory li.gameCard a span,ul.listCategory li.internetCard a span{height:180px;}
	.listRow .item { margin-bottom: 30px; }
        .listRow .item a.bgEclipse { background-size: 150px auto; width:150px; height:150px; }
        .listRow .item a.bgEclipse span.viettel, .listRow .item a.bgEclipse span.mobi, .listRow .item a.bgEclipse span.vina,.listRow .item a.bgEclipse span.vnmobile, .listRow .item a.bgEclipse span.beeline, .listRow .item a.bgEclipse span.vcoin, .listRow .item a.bgEclipse span.gate, .listRow .item a.bgEclipse span.oncash, .listRow .item a.bgEclipse span.fone1718, .listRow .item a.bgEclipse span.gate, .listRow .item a.bgEclipse span.fone1718_5, .listRow .item a.bgEclipse span.hvv, .listRow .item a.bgEclipse span.ifonevnn { width:80px; height:150px; margin: 0 auto; }
        .mrgListR { margin-right:30px; }
        .mrgListL { margin-left:30px; }
	.rowInput { margin-bottom:20px; }
        .rowInput .selectBox { height:50px; background-size: 26px auto; }
        .rowInput .selectBox .clsSelect { height: 26px; margin-top: 12px; }
        .rowInput .txtInput { height: 50px; }
        .rowInput .selectBox .clsSelect, .rowInput .txtInput, .btnSubmit a, .show_error, .footer h4 { font-size:18px; }
        .footer p {font-size: 14px;}
	.btnSubmit a{line-height:60px;}
        .imgSuccess img { width:30%; }
	#ajax_loading img { width: 70px; }
}

@media only screen and (max-width: 600px) {
	#blockHeader .logo{width:250px;}	
	ul.listCategory li.mobileCard a,ul.listCategory li.gameCard a,ul.listCategory li.internetCard a{background-position:10px center;background-size:110px auto;text-indent:140px;line-height:180px;font-size:33px;}
	ul.listCategory li.mobileCard a span,ul.listCategory li.gameCard a span,ul.listCategory li.internetCard a span{height:180px;}
	.listRow .item { margin-bottom: 30px; }
        .listRow .item a.bgEclipse { background-size: 140px auto; width:140px; height:140px; }
        .listRow .item a.bgEclipse span.viettel, .listRow .item a.bgEclipse span.mobi, .listRow .item a.bgEclipse span.vina,.listRow .item a.bgEclipse span.vnmobile, .listRow .item a.bgEclipse span.beeline, .listRow .item a.bgEclipse span.vcoin, .listRow .item a.bgEclipse span.gate, .listRow .item a.bgEclipse span.oncash, .listRow .item a.bgEclipse span.fone1718, .listRow .item a.bgEclipse span.gate, .listRow .item a.bgEclipse span.fone1718_5, .listRow .item a.bgEclipse span.hvv, .listRow .item a.bgEclipse span.ifonevnn { width:70px; height:140px; margin: 0 auto; }
        .mrgListR { margin-right:30px; }
        .mrgListL { margin-left:30px; }
	.rowInput { margin-bottom:30px; }
        .rowInput .selectBox { height:50px; background-size: 26px auto; }
        .rowInput .selectBox .clsSelect { height: 26px; margin-top: 12px; }
        .rowInput .txtInput { height: 50px; }
        .rowInput .selectBox .clsSelect, .rowInput .txtInput, .btnSubmit a, .show_error, .footer h4 { font-size:18px; }
        .footer p {font-size: 14px;}
	.btnSubmit a{line-height:60px;}
        .imgSuccess img { width:30%; }
	#ajax_loading img { width: 70px; }
}
@media only screen and (max-width: 568px) {
	#blockHeader .logo{width:45%;}
	ul.listCategory li.mobileCard a,ul.listCategory li.gameCard a,ul.listCategory li.internetCard a{background-position:10px center;background-size:90px auto;text-indent:120px;line-height:150px;font-size:25px;}
	ul.listCategory li.mobileCard a span,ul.listCategory li.gameCard a span,ul.listCategory li.internetCard a span{height:150px;}	
        .listRow .item { margin-bottom: 30px; }
        .listRow .item a.bgEclipse { background-size: 140px auto; width:140px; height:140px; }
        .listRow .item a.bgEclipse span.viettel, .listRow .item a.bgEclipse span.mobi, .listRow .item a.bgEclipse span.vina,.listRow .item a.bgEclipse span.vnmobile, .listRow .item a.bgEclipse span.beeline, .listRow .item a.bgEclipse span.vcoin, .listRow .item a.bgEclipse span.gate, .listRow .item a.bgEclipse span.oncash, .listRow .item a.bgEclipse span.fone1718, .listRow .item a.bgEclipse span.gate, .listRow .item a.bgEclipse span.fone1718_5, .listRow .item a.bgEclipse span.hvv, .listRow .item a.bgEclipse span.ifonevnn { width:80px; height:140px; margin: 0 auto; }
        .mrgListR { margin-right:30px; }
        .mrgListL { margin-left:30px; }        
	.rowInput { margin-bottom:20px; }
        .rowInput .selectBox { height:40px; background-size: 26px auto; }
        .rowInput .selectBox .clsSelect { height: 26px; margin-top: 8px; }
        .rowInput .txtInput { height: 40px; }
        .rowInput .selectBox .clsSelect, .rowInput .txtInput, .btnSubmit a, .show_error, .footer h4 { font-size:16px; }
        .footer p {font-size: 13px;}
	.btnSubmit a{line-height:50px;}
        .imgSuccess img { width:30%; }	
	#ajax_loading img { width: 70px; }
}
@media only screen and (max-width: 480px) {
	#blockHeader .logo{width:45%;}	
	ul.listCategory li.mobileCard a,ul.listCategory li.gameCard a,ul.listCategory li.internetCard a{background-position:10px center;background-size:70px auto;text-indent:90px;line-height:130px;font-size:23px;}
	ul.listCategory li.mobileCard a span,ul.listCategory li.gameCard a span,ul.listCategory li.internetCard a span{height:130px;}
	.listRow .item { margin-bottom: 30px; }
        .listRow .item a.bgEclipse { background-size: 130px auto; width:130px; height:130px; }
        .listRow .item a.bgEclipse span.viettel, .listRow .item a.bgEclipse span.mobi, .listRow .item a.bgEclipse span.vina,.listRow .item a.bgEclipse span.vnmobile, .listRow .item a.bgEclipse span.beeline, .listRow .item a.bgEclipse span.vcoin, .listRow .item a.bgEclipse span.gate, .listRow .item a.bgEclipse span.oncash, .listRow .item a.bgEclipse span.fone1718, .listRow .item a.bgEclipse span.gate, .listRow .item a.bgEclipse span.fone1718_5, .listRow .item a.bgEclipse span.hvv, .listRow .item a.bgEclipse span.ifonevnn { width:70px; height:130px; margin: 0 auto; }
        .mrgListR { margin-right:30px; }
        .mrgListL { margin-left:30px; }
	.rowInput { margin-bottom:20px; }
        .rowInput .selectBox { height:40px; background-size: 26px auto; }
        .rowInput .selectBox .clsSelect { height: 26px; margin-top: 8px; }
        .rowInput .txtInput { height: 40px; }
        .rowInput .selectBox .clsSelect, .rowInput .txtInput, .btnSubmit a, .show_error, .footer h4 { font-size:16px; }
        .footer p {font-size: 13px;}
	.btnSubmit a{line-height:45px;}
        .imgSuccess img { width:35%; }	
	#ajax_loading img { width: 70px; }
}
@media only screen and (max-width: 460px) {
	#blockHeader .logo{width:45%;}	
	ul.listCategory li.mobileCard a,ul.listCategory li.gameCard a,ul.listCategory li.internetCard a{background-position:10px center;background-size:70px auto;text-indent:90px;line-height:150px;font-size:23px;}
	ul.listCategory li.mobileCard a span,ul.listCategory li.gameCard a span,ul.listCategory li.internetCard a span{height:150px;}
	.listRow .item { margin-bottom: 20px; }
        .listRow .item a.bgEclipse { background-size: 140px auto; width:140px; height:140px; }
        .listRow .item a.bgEclipse span.viettel, .listRow .item a.bgEclipse span.mobi, .listRow .item a.bgEclipse span.vina,.listRow .item a.bgEclipse span.vnmobile, .listRow .item a.bgEclipse span.beeline, .listRow .item a.bgEclipse span.vcoin, .listRow .item a.bgEclipse span.gate, .listRow .item a.bgEclipse span.oncash, .listRow .item a.bgEclipse span.fone1718, .listRow .item a.bgEclipse span.gate, .listRow .item a.bgEclipse span.fone1718_5, .listRow .item a.bgEclipse span.hvv, .listRow .item a.bgEclipse span.ifonevnn { width:80px; height:140px; margin: 0 auto; }
        .mrgListR { margin-right:30px; }
        .mrgListL { margin-left:30px; }
	.rowInput { margin-bottom:20px; }
        .rowInput .selectBox { height:40px; background-size: 26px auto; }
        .rowInput .selectBox .clsSelect { height: 26px; margin-top: 7px; }
        .rowInput .txtInput { height: 40px; }
        .rowInput .selectBox .clsSelect, .rowInput .txtInput, .btnSubmit a, .show_error, .footer h4 { font-size:16px; }
        .footer p {font-size: 13px;}
	.btnSubmit a{line-height:45px;}
        .imgSuccess img { width:45%; }
	#ajax_loading img { width: 70px; }
}
@media only screen and (max-width: 380px) {
	#blockHeader .logo{width:55%;}	
	ul.listCategory li.mobileCard a,ul.listCategory li.gameCard a,ul.listCategory li.internetCard a{background-position:10px center;background-size:70px auto;text-indent:90px;line-height:150px;font-size:26px;}
	ul.listCategory li.mobileCard a span,ul.listCategory li.gameCard a span,ul.listCategory li.internetCard a span{height:150px;}
	.listRow .item { margin-bottom: 10px; }
        .listRow .item a.bgEclipse { background-size: 110px auto; width:110px; height:140px; }
        .listRow .item a.bgEclipse span.viettel, .listRow .item a.bgEclipse span.mobi, .listRow .item a.bgEclipse span.vina,.listRow .item a.bgEclipse span.vnmobile, .listRow .item a.bgEclipse span.beeline, .listRow .item a.bgEclipse span.vcoin, .listRow .item a.bgEclipse span.gate, .listRow .item a.bgEclipse span.oncash, .listRow .item a.bgEclipse span.fone1718, .listRow .item a.bgEclipse span.gate, .listRow .item a.bgEclipse span.fone1718_5, .listRow .item a.bgEclipse span.hvv, .listRow .item a.bgEclipse span.ifonevnn { width:75px; height:110px; margin: 0 auto; }
        .mrgListR { margin-right:20px; }
        .mrgListL { margin-left:20px; }
	.rowInput { margin-bottom:15px; }
        .rowInput .selectBox { height:40px; background-size: 26px auto; }
        .rowInput .selectBox .clsSelect { height: 26px; margin-top: 6px; }
        .rowInput .txtInput { height: 40px; }
        .rowInput .selectBox .clsSelect, .rowInput .txtInput, .btnSubmit a, .show_error, .footer h4 { font-size:16px; }
        .footer p {font-size: 13px;}
	.btnSubmit a{line-height:50px;}
        .imgSuccess img { width:45%; }
	#ajax_loading img { width: 70px; }
}

@media only screen and (max-width: 320px) {
	#blockHeader .logo{width:55%;}	
        .sltLogo img { height: 60px; }
	ul.listCategory li.mobileCard a,ul.listCategory li.gameCard a,ul.listCategory li.internetCard a{background-position:10px center;background-size:70px auto;text-indent:90px;line-height:112px;font-size:23px;}
	ul.listCategory li.mobileCard a span,ul.listCategory li.gameCard a span,ul.listCategory li.internetCard a span{height:112px;}
        .listRow .item { margin-bottom: 20px; }
        .listRow .item a.bgEclipse { background-size: 100px auto; width:100px; height:100px; }
        .listRow .item a.bgEclipse span.viettel, .listRow .item a.bgEclipse span.mobi, .listRow .item a.bgEclipse span.vina,.listRow .item a.bgEclipse span.vnmobile, .listRow .item a.bgEclipse span.beeline, .listRow .item a.bgEclipse span.vcoin, .listRow .item a.bgEclipse span.gate, .listRow .item a.bgEclipse span.oncash, .listRow .item a.bgEclipse span.fone1718, .listRow .item a.bgEclipse span.gate, .listRow .item a.bgEclipse span.fone1718_5, .listRow .item a.bgEclipse span.hvv, .listRow .item a.bgEclipse span.ifonevnn { width:70px; height:100px; margin: 0 auto; }
        .mrgListR { margin-right:20px; }
        .mrgListL { margin-left:20px; }
	.rowInput { margin-bottom:15px; }
        .rowInput .selectBox { height:38px; background-size: 20px auto; }
        .rowInput .selectBox .clsSelect { height: 24px; margin-top: 8px; }
        .rowInput .txtInput { height: 38px; }
        .rowInput .selectBox .clsSelect, .rowInput .txtInput, .btnSubmit a, .show_error, .footer h4 { font-size:14px; }
        .footer p {font-size: 12px;}
	.btnSubmit a{line-height:45px;}
        .imgSuccess img { width:45%; }
	#ajax_loading img { width: 70px; }
}

 @media only screen and (max-width: 240px) {
 	#blockHeader .logo{width:55%;}	
        .headMenu a img { height: 46px; }
	ul.listCategory li.mobileCard a,ul.listCategory li.gameCard a,ul.listCategory li.internetCard a{background-position:10px center;background-size:48px auto;text-indent:63px;line-height:90px;font-size:18px;}
	ul.listCategory li.mobileCard a span,ul.listCategory li.gameCard a span,ul.listCategory li.internetCard a span{height:90px;}
        .listRow .item { margin-bottom: 10px; }
        .listRow .item a.bgEclipse { background-size: 80px auto; width:80px; height:80px; }
        .listRow .item a.bgEclipse span.viettel, .listRow .item a.bgEclipse span.mobi, .listRow .item a.bgEclipse span.vina,.listRow .item a.bgEclipse span.vnmobile, .listRow .item a.bgEclipse span.beeline, .listRow .item a.bgEclipse span.vcoin, .listRow .item a.bgEclipse span.gate, .listRow .item a.bgEclipse span.oncash, .listRow .item a.bgEclipse span.fone1718, .listRow .item a.bgEclipse span.gate, .listRow .item a.bgEclipse span.fone1718_5, .listRow .item a.bgEclipse span.hvv, .listRow .item a.bgEclipse span.ifonevnn { width:50px; height:80px; margin: 0 auto; }
        .mrgListR { margin-right:10px; }
        .mrgListL { margin-left:10px; }        
	.rowInput { margin-bottom:15px; }
        .rowInput .selectBox { height:35px; background-size: 18px auto; }
        .rowInput .selectBox .clsSelect { height: 22px; margin-top: 7px; }
        .rowInput .txtInput { height: 35px; }
        .rowInput .selectBox .clsSelect, .rowInput .txtInput, .btnSubmit a, .show_error, .footer h4 { font-size:14px; }
        .footer p {font-size: 12px;}
	.btnSubmit a{line-height:40px;}
        .imgSuccess img { width:45%; }
	#ajax_loading img { width: 70px; }
}