@charset "utf-8";
/* reset */
*{margin:0;padding:0;outline:none}
ul,ol{list-style:none;margin:0;padding:0;}
a,img{border:none}
a{text-decoration:none}
a:hover{transition:all 250ms ease-in-out 0s;-moz-transition:all 250ms ease-in-out 0s;-webkit-transition:all 250ms ease-in-out 0s;-o-transition:all 250ms ease-in-out 0s;color:#e12323 !important}

/* css */
body{background:#fff;font:12px/1.55 Arial,sans-serif;color:#aaa;}

/* header-top */
.header-top{height:30px;background:#f8f8f8}
.header-top ul{width:1000px;margin:0 auto;}
.header-top ul li{float:left;display:block;padding-right:7px;margin-right:7px;background:url(../images/bg-liheader.jpg) right 10px no-repeat;}
.header-top ul li.last{background:none;}
.header-top ul li a{color:#aaa;line-height:30px;}

/* header-bottom */
.header-bottom{width:1000px;margin:8px auto;min-height:90px;}
.header-bottom h1{float:left;width:260px;padding:22px 0 0 10px;}
.banner-header{float:right}

/* menu */
.frame-menu{background:url(../images/bg-menu.jpg) repeat-x;height:33px;position:relative;z-index:90}
.menu{width:1000px;margin:0 auto;}
.menu ul{float:right;}
.menu ul li{float:left;font:700 14px/31px 'Arial';position:relative;margin:0 4px;padding-left:11px;height:31px;display:block;}
.menu ul li a{color:#343434;height:31px;padding-right:11px;display:block;}
.menu ul li a span{display:block;}
.menu ul li a:hover{color:#343434 !important}

/* sub menu */
.menu ul li ul{display:none;width:240px;background:#d22222;position:absolute;top:31px;left:0;padding:0;}
.menu ul li:hover ul{display:block;}
.menu ul li ul li{height:33px;font:400 12px/33px 'Arial';width:100%;padding:0;margin:0;}
.menu ul li ul li a{color:#fff;padding:0 12px;}
.menu li.level_1:hover ul li a{background:none}
.menu ul li ul li:hover{background:#aa1e1e;}
.menu ul li ul li a:hover{color:#fff !important}
.menu li.level_1:hover{background:url(../images/bg-hovermenu1.jpg) left 0 no-repeat}
.menu li.level_1:hover a{background:url(../images/bg-hovermenu2.jpg) right 0 no-repeat;transition:none;-moz-transition:none;-webkit-transition:none;-o-transition:none;}
.menu li.level_1:hover a.sub span{background:url(../images/bg-menusub.png) center 23px no-repeat;}

/* footer */
.footer{border-top:1px solid #e1e1e1;margin-bottom:8px;}
.frame-footer{margin:0 auto;width:1000px;line-height:35px;}
p.copy{float:left;}
.footer-right{float:right}
.footer-right li{float:left;padding-left:8px;margin-left:6px;background:url(../images/bg-liheader.jpg) left 12px no-repeat;}
.footer-right li.first{background:none}
.footer-right li a{color:#aaa;}

/* content */
.content{width:1000px;margin:0 auto;}
.payment{margin:15px 0;}
h4.title{color:#e12323;font:700 24px 'Arial';padding-left:22px;margin-bottom:28px;}
.content-payment{background:#f8f8f8;overflow:hidden;padding:12px 0px 12px 10px;}
.content_other_payment{position:relative;_height:175px;}
.content_other_payment a.btn_slider{width:20px;height:19px;display:block;text-indent:-9999px;position:absolute;right:0;}
.content_other_payment a.prev{background:url(../images/prev.png) 0 100% no-repeat;top:0}
.content_other_payment a.prev:hover{background-position:0 0}
.content_other_payment a.next{background:url(../images/next.png) 0 0 no-repeat;bottom:0px}
.content_other_payment a.next:hover{background-position:0 100%}
.content-payment li{float:left;margin-right:12px;}
.content-support{background:#f8f8f8;overflow:hidden;margin-bottom:23px;}
.content-support .small-content-support{text-align:center;margin:8px 0px;width:1000px;}
.content-support ul li{margin-right:12px;display:inline;}
.home-page .content-payment li{margin-right:10px;}

/* dong gop HDXH */
.sp_payment{padding-top:20px;margin-bottom:22px;}
.sp_payment .content-payment{padding-right:10px;}
.payment-left{float:left;width:100px;margin-right:14px;}
.payment-center{float:left;width:441px;padding-right:12px;}
.hdxh .payment-center{width:468px}
h4.title_small{font:700 16px Arial;color:#e12323;border-bottom:1px solid #e12323;padding-bottom:8px;margin-bottom:20px;}
.payment-right{float:right;width:366px;margin-left:37px;}
.hdxh .payment-right{margin-left:20px;}
.payment_online{overflow:hidden}
.content-payment-right li{margin:2px 12px 16px 0}
.content-payment-right li.last{margin-right:0px}
.content-payment-center{padding-left:10px;}
.content-payment-center form p{margin-bottom:10px;overflow:hidden;clear:both}
.content-payment-center form p label{float:left;font:400 14px/30px Arial;color:#333;width:125px;margin-right:10px;}
.hdxh .content-payment-center form p label{width:202px;}
.content-payment-center form p input{border:1px solid #c9c9c9;height:30px;line-height:30px;padding:0 5px;width:280px;background:#fff;-moz-border-radius:5px;-webkit-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;float:left;color:#000;font-size:14px;}
.content-payment-center form p textarea{padding:5px;border:1px solid #c9c9c9;-moz-border-radius:5px;-webkit-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;float:left;color:#000;font-size:14px;width:232px;}
.hdxh .content-payment-center form p input{width:232px;}
.content-payment-center form p button{float:right;height:30px;padding:0 12px;background:#e12323;font:400 14px/30px Arial;color:#fff;border:none;-moz-border-radius:4px;-webkit-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px;cursor:pointer;overflow:visible}

/* napcard dt */
.services_payment{padding-top:20px;}
.content-payment-center form p select{border:1px solid #c9c9c9;height:30px;line-height:30px;padding:5px 5px 3px;width:290px;background:#fff;-moz-border-radius:5px;-webkit-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;float:left;color:#000;font-size:14px;}
a.inforcard{color:#999;text-decoration:underline;margin:0px 0 0 135px;display:inline-block;float:left;width:208px;line-height:30px;}
p.cardtructiep{padding:10px 0 10px 135px;}
.content_services_payment li{padding:10px 12px 2px 0}

/* thanh toan tra sau */
.deferred_payment a.inforcard,.adsl_payment a.inforcard{line-height:18px;}
.deferred_payment .infor_payment{margin-bottom:93px;}

/* thanh toan ADSL */
.adsl_payment .infor_payment{margin-bottom:53px;}

/* thanh toan hoa don tien dien */
p.list_electricity a.inforcard{width:auto}
.electricity_payment .infor_payment{margin-bottom:20px;}

/* dat ve may bay */
.support_online{clear:both;padding-top:10px;}
.content_support_online{padding:0 0 0 12px;}
.content_support_online p{color:#333;font-size:14px;margin-bottom:10px;}
.content_support_online p span{font-weight:700;color:#e12323;padding-left:25px;}
.yahoo span{display:block;float:left;color:#333;font:400 14px Arial;margin-right:22px;}
.yahoo ul{float:left;margin-right:20px;}
.yahoo ul li{float:left;margin-right:12px;display:block;}

/* css slider sp thanh toan khac */
.list_carousel {margin:0 0 30px 0px;width:360px;}
.list_carousel ul {display: block;}
.list_carousel li {width:100px;height:150px;padding:0;display: block;float: left;}
.list_carousel.responsive {width:auto;margin-left:0;}
.clearfix {float: none;clear: both;}

/* finish */
.finish{background: #f8f8f8; padding-top:20px;margin-bottom:20px; margin-top: 20px;}
.content-finish{text-align:center;padding:30px 0 40px}
.content-finish p{color:#333;font:400 16px/24px Arial;}
.content-finish a{height:30px;padding:0 12px;display:inline-block;color:#fff;font:400 14px/30px Arial;background:#e12323; border-radius:4px;-moz-border-radius:4px;margin-top:15px;}
.content-finish a:hover{color:#fff !important}