body, input, select, textarea, textfield {
    font-family: Roboto, Arial, Tahoma, Helvetica, sans-serif
}

html {
    overflow: -moz-scrollbars-vertical;
    overflow-y: scroll
}

* {
    margin: 0;
    padding: 0;
    border: 0
}

body {
    line-height: 18px;
    text-align: left;
    color: #444;
    font-size: 13px;
    background: #fff
}

ol li {
    display: list-item;
    list-style: decimal
}

input, select, textarea, textfield {
    border: 0px solid #888;
}

input[type=checkbox], input[type=radio] {
    border: 0;
    vertical-align: middle
}

a {
    color: #009ae0;
    text-decoration: none
}

/*a:hover {
    color: #333;
    text-decoration: underline
}*/
a.disabled {
    pointer-events: none;
    cursor: default
}

.clr {
    clear: both;
    display: block;
    line-height: 0;
    font-size: 0
}

.clearfix:after {
    content: "";
    display: table;
    clear: both
}

.fl {
    float: left
}

.fr {
    float: right
}

.line {
    height: 1px;
    background: #e3e2e2;
    margin: 15px 0
}

.txtmoney {
    color: #e20000;
    font-weight: 700;
    font-size: 14px
}

.txtsuc {
    color: #090;
    font-size: 18px
}

.txtgrey {
    color: #777
}

.zploading, .zploading128, .zploading48 {
    display: inline-block;
    vertical-align: -4px
}

.zploading {
    width: 32px;
    height: 16px;
    background: url(../images/loading.gif) no-repeat
}

.zploading48 {
    width: 48px;
    height: 48px;
    background: url(../images/loading_48.gif) no-repeat
}

.zploading128 {
    width: 128px;
    height: 128px;
    background: url(../images/loading_128.gif) no-repeat
}

.logobanksprt, .paymentmethods.op2 .zpsprt, .zpsprt {
    background-repeat: no-repeat
}

.ctnloadding {
    font-style: italic;
    color: #888
}

.ctncenter {
    text-align: center
}

.txtprocess {
    font-size: 14px;
    font-weight: 700;
    color: #555
}

.fontsml {
    font-size: 12px;
    font-weight: 400
}

/*.zpsprt {
    background-image: url(../images/zpsprt.png)
}*/

.logobanksprt {
    background-image: url(../images/bankinglogos_sprt.png)
}

.paymentmethods.op2 .zpsprt {
    background-image: url(../images/imgphuongthuctt.png)
}

.icn_zingxu {
    width: 24px;
    height: 24px;
    background-position: -48px -448px;
    margin: 0 3px 0 8px;
    display: inline-block;
    vertical-align: -6px
}

.icn_back, .icn_home, .icozingxu {
    display: inline-block;
    margin-right: 5px
}

.icn_back, .icn_home {
    width: 16px;
    height: 16px;
    background-position: 0 -307px
}

.btnback {
    width: 89px;
    height: 30px;
    background-position: -368px -400px;
    float: left;
    margin-bottom: 25px
}

.btnback:hover {
    background-position: -368px -448px
}

.icoarrowavt {
    width: 8px;
    height: 8px;
    background-position: 0 -320px;
    position: absolute;
    bottom: -1px;
    right: 0
}

.ctnavatar a.selected .icoarrowavt, .zpmenu .ctnavatar:hover .icoarrowavt {
    background-position: 0 -336px
}

.zpsprt.icodotnew {
    width: 4px;
    height: 4px
}

.icozingxu {
    width: 22px;
    height: 24px;
    background-position: 0 -488px;
    vertical-align: -5px
}

.icotip {
    width: 12px;
    height: 12px;
    background-position: 0 -352px;
    display: inline-block;
    margin: 0 5px
}

.icomenuavt {
    width: 16px;
    height: 16px;
    margin-right: 5px;
    display: inline-block;
    vertical-align: -3px
}

.icomenuavt.support {
    background-position: -80px -448px
}

.icomenuavt.ques {
    background-position: -96px -448px
}

.icomenuavt.exit {
    background-position: -112px -448px
}

.icomenuavt.uer {
    background-position: -128px -466px
}

.icomenuavt.info {
    background-position: -80px -464px
}

.arrowmenuavt {
    width: 19px;
    height: 10px;
    position: absolute;
    bottom: -12px;
    right: 10px;
    background-position: -144px -448px;
    z-index: 6
}

.btn_login, .btn_ser {
    height: 30px;
    display: inline-block
}

.btn_login {
    width: 100px;
    background-position: -369px -489px;
    margin-top: 11px;
    float: right
}

.btn_login:hover {
    background-position: -369px -526px
}

.btn_ser {
    width: 44px;
    background-position: 0 -528px
}

h2.logovng {
    width: 32px;
    height: 50px;
    display: block;
    background-position: -48px -527px
}

.logozing {
    width: 39px;
    height: 19px;
    background-position: -96px -527px;
    margin-left: 5px;
    float: right
}

.icn_home {
    background-position: -32px -496px;
    margin-right: 10px
}

.arrrowpath {
    width: 5px;
    height: 7px;
    margin: 5px 10px 0;
    background-position: -64px -496px;
    display: inline-block
}

.icnsquare {
    width: 4px;
    height: 4px;
    background-position: -80px -496px;
    float: left;
    margin: 7px 5px 0 0
}

.icoarrow, .iconote, .icosermore {
    display: inline-block;
    margin-left: 5px
}

.txtresult .icnsquare {
    margin-top: 10px
}

.icncheck {
    width: 18px;
    height: 16px;
    position: absolute;
    bottom: 0;
    right: 0;
    background-position: -96px -496px
}

.icncancel, .icncheckconf {
    width: 44px;
    height: 42px;
    background-position: -48px -304px;
    position: absolute;
    top: -20px;
    right: -20px
}

/*.icohl, .zp_pagesite {
    position: absolute;
    top: 0px;
}*/
.icncancel {
    background-position: -240px -528px
}

.icosermore {
    width: 4px;
    height: 7px;
    background-position: -96px -368px
}

.iconote {
    width: 12px;
    height: 12px;
    background-position: -127px -495px
}

.icoarrow {
    width: 9px;
    height: 6px;
    background-position: -144px -496px
}

.ctnavatar .icoarrow {
    vertical-align: 5px
}

.ctnavatar a:hover .icoarrow {
    background-position: -160px -496px
}

.icohl {
    width: 33px;
    height: 39px;
    right: 0px;
    /*right: 2px;*/
    z-index: 2
}

.icohl.iconew {
    background-position: -192px -528px
}

.icohl.icohot {
    background-position: -144px -528px
}

.icomoneybag {
    width: 38px;
    height: 38px;
    background-position: 0 -48px;
    display: inline-block;
    margin-right: 10px;
    vertical-align: -8px
}

.icodelalert {
    width: 11px;
    height: 11px;
    float: right;
    background-position: -176px -496px;
    margin-top: 2px
}

.icodelalert:hover {
    background-position: -192px -496px
}

.icobank {
    width: 85px;
    height: 38px;
    display: inline-block;
    vertical-align: -13px;
    margin-top: -4px
}

.icobank.vcb, .icobank.mobi {
    background-position: 0 5px;
}

.icobank.dab, .icobank.vina {
    background-position: -92px 1px;
}

.icobank.eib, .icobank.viettel {
    background-position: 0px -31px;
}

.icobank.tcb, .icobank.gate {
    background-position: -102px -43px;
}

.icobank.tcb, .icobank.chuachonthe {
    background-position: -1px -60px;
}

.icobank.maritimebank, .icobank.mrtb {
    background-position: 0 -215px
}

.icobank.nab, .icobank.namabank {
    background-position: 0 -269px
}

.icobank.tpb, .icobank.tpbank {
    background-position: 0 -330px
}

.icobank.ocb, .icobank.ocbbank {
    background-position: -208px -235px
}

.icobank.agb, .icobank.agribank {
    background-position: -96px 3px
}

.icobank.bidv, .icobank.bidvbank {
    background-position: -96px -39px
}

.icobank.sacombank, .icobank.scb {
    background-position: -96px -79px
}

.icobank.vib, .icobank.vibbank {
    background-position: -96px -122px
}

.icobank.mb, .icobank.mbbank {
    background-position: -96px -171px
}

.icobank.acb, .icobank.achaubank {
    background-position: -96px -215px
}

.icobank.abb, .icobank.anbinhbank {
    background-position: -96px -260px
}

.icobank.vpb, .icobank.vpbank {
    background-position: -96px -293px
}

.icobank.oceanbank, .icobank.oceb {
    background-position: -96px -331px
}

.icobank.hdb, .icobank.hdbank {
    background-position: -208px 7px
}

.icobank.vab, .icobank.vietabank {
    background-position: -208px -32px
}

.icobank.ncbbank, .icobank.nvb {
    background-position: -208px -70px
}

.icobank.ctbank, .icobank.sgb {
    background-position: -208px -143px
}

.icobank.gpb, .icobank.gpbank {
    background-position: -208px -100px
}

.icobank.pgb, .icobank.pgbank {
    background-position: -208px -185px
}

.icobank.shbbank {
    background-position: 0 -373px;
}

.icobank.seabank {
    background-position: 0 -422px;
}

.icobank.bvbank {
    background-position: 0 -468px;
}

.icobank.lbbank {
    background-position: 0 -512px;
}

.icobank.visa {
    background-position: -208px -285px
}

.icobank.master {
    background-position: -208px -333px
}

.icobank.jcb {
    background-position: -208px -380px
}

.icolog {
    width: 18px;
    height: 18px;
    display: inline-block
}

.icolog.user {
    background-position: -143px -366px
}

.icolog.pass {
    background-position: -110px -366px
}

.icochooseback {
    width: 12px;
    height: 12px;
    background-position: -208px -496px;
    margin-right: 5px;
    display: inline-block;
    vertical-align: -1px
}

input[type=radio]+label span.radio, input[type=checkbox]+label span.checkbox {
    background: url(../images/eformsprt.png) no-repeat
}

input[type=radio]+label {
    margin-right: 10px
}

input[type=radio] {
    display: none
}

input[type=radio]+label span.radio {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 5px;
    vertical-align: -3px;
    background-position: 0 0;
    cursor: pointer
}

input[type=radio]+label span.radio.current {
    background-position: 0 -32px
}

.disabled input[type=radio]+label span.radio {
    cursor: default;
    opacity: .5;
    background-position: 0 0
}

.disabled input[type=radio]+label {
    color: #888;
    cursor: default
}

input[type=checkbox] {
    display: none
}

input[type=checkbox]+label span.checkbox {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 4px;
    vertical-align: -3px;
    background-position: -16px 0;
    cursor: pointer
}

input[type=checkbox]+label span.checkbox.current {
    background-position: -16px -32px
}

.zp_wrapper {
    background: #011d35 url(https://1.bp.blogspot.com/-MeUp_2BEQKo/YVVXGkfszkI/AAAAAAAAEek/2TAQVhH_v0w3iZJjuLrtlQdZAzOqhl0LgCLcBGAsYHQ/s16000/bgkt68.jpg)no-repeat center top 35px;
}

.zp_topmenu {
    background: #424242;
    height: 35px;
    width: 100%;
    color: #ccc;
}

.bannerkt {
    background: #000;
    text-align: center;
    height: 200px;
    margin: 0 auto
}

.zp_pagesite {
    width: 100%;
    height: 60px;
    left: 0;
    /*background: rgba(255, 255, 255, .85);
    box-shadow: 1px 1px 1px rgba(0, 0, 0, .1);
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, .1);
    -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, .1);*/
    z-index: 555
}

.ctnavatar, .zp_banner, .zpmenu {
    position: relative
}

.zp_header, .zp_topmenu .menu {
    width: 960px;
    margin: 0 auto
}

.zp_topmenu .menu .fr {
    line-height: 25px;
    padding-right: 10px;
    padding-top: 4px;
}

.zp_topmenu .menu .fr a {
    color: #fff;
}

.ctnavatar a:hover, .pagebanner ul li a, .zdbcont .title .lt a:hover, .zp_topmenu .menu .fr a:hover, .zpmenu ul.menu li a {
    text-decoration: none;
    cursor: pointer;
}

.zp_logo, .zp_logo a {
    width: 150px;
    height: 60px;
    display: block;
    float: left;
    position: relative;
    top: -30px;
    z-index: 99999;
}

.zp_bxsearch {
    width: 267px;
    margin-top: 5px;
    float: left
}

.zp_bxsearch label {
    width: 265px;
    height: 30px;
    border: 1px solid #d8d8d8;
    background: #fff;
    display: block;
    border-radius: 3px;
    margin-top: 9px
}

.zp_bxsearch label input {
    width: 211px;
    float: left;
    border: 0;
    background: #fff;
    height: 22px;
    line-height: 22px;
    font-size: 14px;
    padding: 4px 5px;
    border-radius: 3px
}

.zpmenu {
    width: 675px;
    float: left;
    text-align: left;
    margin-left: 135px;
}

.ctnavatar {
    width: 100px;
    margin: 16px 0 0 12px;
    float: right;
    text-align: right;
    z-index: 4
}

.ctnavatar a {
    display: block;
    color: #3cf;
    overflow: hidden;
    float: right
}

.ctnavatar a:hover {
    color: #b5b5b5
}

.ctnavatar em {
    width: 86px;
    overflow: hidden;
    font-style: normal;
    display: inline-block
}

.zpmenu .avatar {
    width: 32px;
    height: 32px;
    border-radius: 100%;
    border: 2px solid #fff
}

.ctnavatar a.selected .avatar, .zpmenu .avatar:hover {
    border-color: #009bde
}

.zpmenu .avatar img {
    width: 46px;
    height: 46px;
    border-radius: 100%;
    overflow: hidden
}

.zpmenu ul.menu {
    display: block;
    float: left;
}

.zpmenu ul.menu li {
    display: block;
    float: left;
    font-size: 14px;
    font-weight: 700;
    position: relative;
}

.zpmenu ul.menu li a {
    padding: 0 9px;
    display: block;
    float: right;
    color: #fff;
    line-height: 60px;
    height: 60px;
    outline: 0;
    white-space: nowrap;
}

.zpmenu ul.menu li a:hover {
    color: #009ae0;
}

.zpmenu ul.menu li a.current {
    color: #009bdb
}

.zp_banner {
    width: 100%;
    height: 60px;
    margin: 0 auto 0px;
}

.zp_banner .banner {
    width: 100%;
    height: 380px;
    overflow: hidden;
    display: block
}

.zp_banner.child {
    height: 60px;
    z-index: 2
}

.zp_banner.child .zp_pagesite {
    background: #f5f5f5
}

.zp_banner.child .banner, .zp_banner.child .pagebanner {
    display: none
}

.pagebanner {
    width: 80px;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -34px
}

.pagebanner ul {
    position: absolute;
    right: 0;
    bottom: 10px
}

.pagebanner ul li {
    display: block;
    float: left
}

.pagebanner ul li a {
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background: #ccc;
    display: block;
    float: left;
    margin-left: 10px
}

.pagebanner ul li a.current, .pagebanner ul li a:hover {
    background: #009bdf;
    color: #fff
}

.noticepro {
    background: #ffc;
    font-size: 14px;
    padding: 8px 10px;
    line-height: normal;
    margin-bottom: 20px;
    color: #e20000
}

.noticepro.bxsub {
    margin: -20px -10px 10px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}

.zdbcont .title {
    margin-bottom: 15px;
    margin-top: 5px
}

.zdbcont .title .lt {
    font-size: 18px;
    height: auto;
    float: left;
    padding-right: 5px
}

.zdbcont .title .lt a {
    color: #252525
}

.zdbcont .title .rt {
    float: right;
    text-align: right;
    line-height: 20px
}

.zdbcont .title .rt a {
    color: #777;
    text-decoration: underline
}

.zdbcont .title .rt a:hover {
    text-decoration: none
}

.bxsearchpopup label, .zdbcont .title .rt label {
    width: 284px;
    height: 30px;
    border: 1px solid #c6c6c6;
    background: #ededed;
    display: block;
    border-radius: 3px
}

.bxsearchpopup label {
    width: 288px
}

.bxsearchpopup input, .zdbcont .title .rt label input {
    width: 288px;
    float: left;
    border: 0;
    background: #ededed;
    height: 22px;
    line-height: 22px;
    font-size: 14px;
    padding: 4px 5px
}

.bxsearchpopup input {
    background: #fff;
    width: 234px
}

.bxsearchpopup label:focus {
    border: 1px solid #009bde
}

ul.itemgame {
    clear: both;
    display: block;
    margin-left: -30px
}

.hotprd ul.itemgame {
    width: 605px
}

.newprd ul.itemgame {
    width: 363px
}

.zppucont ul.itemgame {
    height: 400px;
    overflow: auto
}

.zppucont ul.itemgame li {
    height: 133px
}

.bxallpro ul.itemgame li .titgame, .zppucont ul.itemgame li .titgame {
    white-space: normal;
    max-height: 35px
}

ul.itemgame li {
    width: 89px;
    margin-left: 29px;
    margin-bottom: 25px;
    display: block;
    float: left;
    position: relative
}

.disbx_lt img, ul.itemgame li img {
    width: 85px;
    height: 85px;
    overflow: hidden;
    border: 1px solid #c6c6c6;
    border-radius: 6px;
    margin-bottom: 5px
}

.disbx_lt img:hover, ul.itemgame li img:hover {
    border-color: #009bde;
    box-shadow: 0 0 5px #888
}

ul.itemgame li .titgame {
    font-weight: 700;
    text-align: center;
    height: 35px;
    overflow: hidden
}

ul.itemgame li .titgame a {
    color: #444
}

ul.itemgame li .titgame a:hover {
    color: #009bde
}

.comingsoon, .maintenance {
    width: 85px;
    height: 85px;
    position: absolute;
    top: 1px;
    left: 1px;
    background: url(../images/img_maintenance.png);
    border-radius: 5px;
    cursor: default
}

.comingsoon {
    background: url(../images/img_comingsoon.png)
}

.bxallpro ul.itemgame {
    margin-left: -32px
}

.bxallpro ul.itemgame li {
    margin-left: 35px;
    height: 135px
}

.zp_stepbar li, .zp_stepbar ul {
    height: 12px;
    border-radius: 10px
}

.zp_body, .zp_footer {
    width: 960px;
    margin: 0 auto
}

.zp_footer {
    padding: 15px 0;
    text-align: center;
    color: #666;
    line-height: 22px;
    border-top: 4px solid #e7e7e7
}

.zp_body {
    min-height: 380px;
    position: relative;
    z-index: 1;
    border-bottom: 1px solid #dcdbdb
}

.zp_body.pay {
    min-height: 645px;
    margin-top: 0px;
    padding: 15px;
    background: #fff;
}

.zp_body.pay .zdbcont {
    margin-bottom: 0
}

.zp_stepbar {
    padding-top: 45px;
    padding-bottom: 22px
}

.zp_stepbar .progessdone {
    background-color: #e48a56
}

.zp_stepbar ul {
    display: block;
    width: 560px;
    margin: 0 auto;
    background-color: #e3e2e2;
    list-style: none
}

.zp_stepbar li {
    float: left
}

.zp_stepbar li.step1 {
    width: 100px
}

.zp_stepbar li.step2 {
    width: 180px
}

.zp_stepbar li.step3 {
    width: 280px
}

.zp_stepbar li.step3 .stepnode {
    margin-right: 85px
}

.zp_stepbar li.step3 .stepname {
    margin-right: -85px
}

.zp_stepbar li .stepnode {
    float: right;
    background-position: 0 -95px;
    width: 26px;
    height: 26px;
    margin-top: -8px;
    margin-right: -10px;
    position: relative
}

.zp_stepbar li .stepnode em {
    font-size: 15px;
    font-weight: 700;
    color: #888;
    font-style: normal;
    line-height: 26px;
    padding-left: 8px
}

.zp_stepbar li .moneybag {
    float: right;
    background-position: -306px -647px;
    width: 24px;
    height: 25px;
    margin: -8px -24px 0 0;
    position: relative;
    display: none
}

.zp_stepbar li .stepname {
    display: block;
    margin-top: -30px;
    text-align: center;
    color: #999;
    margin-right: -91%
}

.zp_stepbar li.active .moneybag {
    display: block
}

.zp_stepbar li.active, .zp_stepbar li.passed {
    background-color: #e48a56
}

.zp_stepbar li.passed .stepnode {
    background-position: 0 -127px
}

.zp_stepbar li.active .stepnode {
    background-position: -306px -647px
}

.zp_stepbar li.passed .stepname {
    color: #c94818
}

.zp_stepbar li.active .stepname {
    color: #c94818;
    font-weight: 700
}

.zp_stepbar li.active .stepnode em {
    color: #fff
}

.paymentcont {
    padding-top: 70px
}

.paymentmethods ul {
    width: 750px;
    margin: 0 auto
}

.ctninfomethod {
    margin: 20px 0;
}

ul.paymentmethods, ul.paymentmethods.zingxu.threecol {
    width: 482px;
    margin: 0 auto
}

ul.paymentmethods.zingxu {
    width: 320px
}

ul.paymentmethods.zingxu.fourcol {
    width: 600px
}

ul.paymentmethods.zingxu.sixcol {
    width: 719px
}

ul.paymentmethods.zingxu.fivecol {
    width: 680px
}

.paymentmethods input[type=radio]+label {
    margin-right: 0
}

.paymentmethods li {
    width: 160px;
    float: left;
    margin: 10px 0;
    list-style: none
}

.paymentmethods.zingxu.fourcol li {
    width: 150px
}

.paymentmethods.zingxu.fivecol li {
    width: 135px
}

.paymentmethods.zingxu.sixcol li {
    width: 119px
}

.paymentmethods li .methodselect {
    padding: 0 15px;
    display: block;
    text-decoration: none;
    cursor: pointer;
    text-align: center;
    font-weight: 700
}

.paymentmethods li .methodselect.disabled .maintaince_pic {
    cursor: default;
    display: block
}

.paymentmethods .circle_border {
    width: 84px;
    height: 84px;
    background-position: -48px -176px;
    display: block;
    padding: 2px;
    margin: 0 auto 15px;
    position: relative
}

.paymentmethods .circle_border:hover {
    background-position: -176px -176px
}

.methodselect.disabled .circle_border:hover {
    background-position: -48px -176px
}

.paymentmethods.op2 .circle_border {
    width: 76px;
    height: 76px;
    background-position: -320px -1px;
    margin-bottom: 10px
}

.paymentmethods li a:hover .circle_border, .paymentmethods li.selected .circle_border {
    background-position: -176px -176px
}

.paymentmethods.op2 li a:hover .circle_border, .paymentmethods.op2 li.selected .circle_border {
    background-position: -409px -1px
}

.atm_pic, .maintaince_pic, .mobicard_pic, .sms_pic, .visa_pic, .zingcard_pic, .zalopay_pic {
    width: 80px;
    height: 80px;
    display: block;
}

.zingxu_pic {
    width: 80px;
    height: 80px;
    display: block
}

.paymentmethods.op2 .atm_pic, .paymentmethods.op2 .mobicard_pic, .paymentmethods.op2 .zingcard_pic, .paymentmethods.op2 .zalo_pic, .paymentmethods.op2 .zingxu_pic {
    width: 76px;
    height: 76px
}

.zingcard_pic {
    background-position: -48px -48px
}

.zingxu_pic {
    background-position: -176px -48px
}

.mobicard_pic {
    background-position: -288px -48px
}

.atm_pic {
    background-position: -400px -48px
}

.visa_pic {
    background-position: 0 -720px
}

.sms_pic {
    background-position: -128px -720px
}

.zalopay_pic {
    background-position: -272px -176px
}

.maintaince_pic {
    background-position: 0 -592px;
    position: absolute;
    top: 2px;
    left: 2px;
    cursor: default;
    display: none
}

.paymentmethods.op2 .zingcard_pic {
    background-position: 0 0
}

.paymentmethods.op2 .zingxu_pic {
    background-position: -81px 0
}

.paymentmethods.op2 .mobicard_pic {
    background-position: -160px 0
}

.paymentmethods.op2 .atm_pic {
    background-position: -240px 0
}

.payment_form {
    margin: 0 auto 25px;
    width: 100%;
}

.formrow {
    padding: 10px 0;
    position: relative;
    float: left;
}

.formrow .flb {
    font-weight: 700;
    float: left;
    width: 170px;
    line-height: 32px;
    text-align: right;
    margin-right: 20px;
}

.fbtn, .fbtn_sel {
    text-align: center
}

.formrow .flb span {
    font-weight: 400
}

.formrow .textinput,.formrow .textinputselect, .inputsignin, .inputxt {
    padding: 6px;
    font-size: 14px;
    font-weight: 700;
    border-radius: 3px;
    border: 1px solid #ccc;
    width: 250px;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.formrow .textinputselect{
    width: 265px;
}
.formrow .textinput.colinput {
    width: 74px;
    padding: 5px 6px;
    margin: -5px 0 0
}

.bxselpriceatm ul.selprice label {
    margin-right: 0
}

.bxselpriceatm ul.selprice label input {
    font-size: 12px
}

.formrow .textinput.colinput.threecol {
    width: 118px
}

.formrow .textinput:focus, .inputsignin:focus, .inputxt:focus {
    border-color: #66afe9;
    outline: 0
}

.formrow .textinput::-moz-placeholder, .inputsignin::-moz-placeholder, .inputxt::-moz-placeholder {
    color: #999;
    opacity: 1
}

.formrow .textinput:-ms-input-placeholder, .inputsignin:-ms-input-placeholder, .inputxt:-ms-input-placeholder {
    color: #999
}

.formrow .textinput::-webkit-input-placeholder, .inputsignin::-webkit-input-placeholder, .inputxt::-webkit-input-placeholder {
    color: #999
}

.formrow .textinput.error, .inputsignin.error, .inputxt.error {
    border-color: #d4563e
}

.formrow .errormsg:after {
    content: " ";
    display: block;
    border: 6px solid transparent;
    border-right-color: #d4563e;
    margin-top: -21px;
    width: 0;
    height: 0;
    float: left;
    margin-left: -12px;
    transform: scale(1.001);
    -moz-transform: scale(1.001)
}

.zpbtn, .zpbtnpay {
    display: inline-block;
    line-height: normal
}

.formrow .errormsg {
    color: #fff;
    font-size: 12px;
    border-radius: 3px;
    position: absolute;
    background-color: #d4563e;
    top: 9px;
    right: -70px;
}

.formrow .errormsg p {
    padding: 6px 8px 7px
}

.inputsignin {
    width: 249px;
    color: #888
}

.inputxt.widsml {
    width: 174px
}

.formrow .textinput.readonly {
    border: none;
    padding: 9px 0;
    color: #333
}

.zpbtn, .zpbtn:hover {
    text-decoration: none;
    color: #fff
}

.zpbtn, .zpbtn.orange {
    font-weight: 700;
    font-size: 13px;
    border-radius: 3px
}

.fbtn {
    margin-left: 140px;
    padding-top: 10px
}

.zpbtn {
    padding: 10px 20px;
    background: #009bdf;
    margin-left: 10px;
    cursor: pointer;
    text-transform: uppercase
}

.titstepsub .zpbtn {
    padding: 6px 9px 5px
}

.zpbtn:hover {
    background: #008cc9;
    border-bottom-color: #016997
}

.zpbtn.back {
    background: #dcdcdc;
    color: #444
}

.zpbtn.back:hover {
    background: #c8c8c8;
    border-bottom-color: #adadad;
    text-decoration: none
}

.zpbtn.btnsignin, .zpbtn.orange {
    border-bottom: none
}

.zpbtn.orange {
    background: #ec712b;
    padding: 4px 11px;
    margin: 0
}

.zpbtn.orange:hover {
    background: #d62
}

.zpbtn.white {
    background: #fff;
    border: 1px solid #c6c6c6;
    color: #444;
    margin-left: 0;
    padding: 7px 37px;
    text-transform: inherit
}

.zpbtn.white:hover {
    background: #eee;
    text-decoration: none
}

.zpbtnpay {
    font-weight: 700;
    font-size: 12px;
    padding: 6px 8px;
    border-radius: 2px;
    background: #fff;
    border: 1px solid #ccc;
    color: #555
}

.zpbtnpay:hover {
    background: #f2f2f2;
    text-decoration: none
}

.ctnbtnotepro .zpbtn {
    padding: 7px 37px
}

.bxselnetwork, .bxselpriceatm {
    width: 560px;
    margin: 0 auto 20px
}

.bxselnetwork p {
    width: 110px;
    float: left;
    margin-right: 5px;
    font-weight: 700;
    line-height: 44px;
    text-align: right
}

.bxselprice {
    display: block;
    float: left;
    margin-bottom: 10px;
    width: 560px
}

.bxselnetwork ul.selprice, .bxselpriceatm ul.selprice {
    margin-left: 85px
}

.bxselnetwork ul.selprice li {
    margin: 0 -1px 0 0;
    height: 25px
}

.bxselpriceatm ul.selprice {
    margin-left: 22px
}

.bxselpriceatm ul.selprice li {
    width: 160px
}

.bxselpriceatm ul.selprice li span.hidden {
    display: none
}

.bxselpriceatm ul.selprice li.hidden {
    color: #999;
    background: #f2f2f2
}

.bxselpriceatm ul.selprice li.hidden:hover {
    border: 1px solid #e7e7e7;
    cursor: default;
    background: 0 0
}

.bxselpriceatm ul.selprice li.hidden input[type=radio]+label span.radio {
    cursor: default
}

.bxselpriceatm ul.selprice li.hidden span.radio {
    background-position: 0 0
}

.bxselpriceatm ul.selprice li.hot {
    background: #f89406;
    color: #fff;
    font-size: 16px
}

.bxselpriceatm ul.selprice.col3 li {
    width: 153px
}

.bxselpriceatm ul.selprice li span {
    font-weight: 400;
    color: #777
}

.icomobifone, .icoviettel, .icovinaphone {
    height: 25px;
    display: inline-block;
    vertical-align: -7px
}

.icomobifone {
    width: 82px;
    background-position: -192px -300px
}

.icovinaphone {
    width: 86px;
    background-position: -192px -336px
}

.icoviettel {
    width: 42px;
    background-position: -111px -304px
}

.noteatm {
    padding: 10px 0 0 22px;
    color: red;
    font-style: italic
}

.resulttext {
    font-size: 20px;
    line-height: 32px;
    text-align: center;
    margin-bottom: 30px
}

.resulttext .moneynum {
    color: #c00
}

.carrierthumbs {
    padding-top: 20px;
    height: 60px;
    width: 600px;
    margin: 0 auto 100px
}

.carrierthumbs li {
    float: left;
    width: 170px;
    padding: 0 15px;
    list-style: none
}

.carrierthumbs li .ctninputmethod {
    float: left;
    margin-top: 20px;
    width: 25px
}

.carrierthumbs li .methodselect {
    display: block;
    height: 60px;
    float: left;
    cursor: pointer
}

.carrierthumbs li .inpRadio {
    float: left;
    margin-right: 8px;
    margin-top: 17px
}

.carrierthumbs li .carrierthumbnail {
    float: left;
    width: 116px;
    height: 56px;
    border: 2px solid #ccc;
    text-indent: -9999em
}

.carrierthumbs li.selected .carrierthumbnail {
    border-color: #00a0e4
}

.acc_welcometext {
    line-height: 25px;
    font-size: 14px;
    margin-bottom: 15px
}

.zxutbl {
    font-size: 14px;
    margin: 0 auto 50px;
    width: 580px
}

.zxutbl.popup {
    width: 318px;
    margin-bottom: 0
}

.zxutbl .tblheader {
    background-color: #e3e1e2;
    border: 1px solid #e3e2e2;
    height: 38px
}

.zxutbl .tblheader span.tblcell {
    float: left;
    line-height: 38px;
    height: 38px;
    padding: 0 10px;
    font-weight: 700;
    text-align: right
}

.zxutbl .tblrow {
    border: 1px solid #e3e2e2;
    border-top: 0 none;
    height: 36px;
    overflow: hidden
}

.zxutbl .tblrow.grey {
    background: #f9f9f9
}

.zxutbl .tblrow span.tblcell {
    padding: 10px;
    float: left;
    text-align: right
}

.zxutbl .tradingcode_col {
    width: 150px
}

.zxutbl .zxu_col {
    width: 120px
}

.zxutbl .desc_col {
    width: 248px
}

.pmtzxutbl {
    font-size: 14px;
    margin: 0 auto 20px;
    width: 360px
}

.pmtzxutbl .tblheader {
    background-color: #e3e1e2;
    border: 1px solid #e3e2e2;
    height: 38px
}

.pmtzxutbl .tblheader span.tblcell {
    float: left;
    line-height: 38px;
    height: 38px;
    padding: 0 10px;
    font-weight: 700;
    text-align: right
}

.pmtzxutbl .tblrow {
    border: 1px solid #e3e2e2;
    border-top: 0 none;
    height: 36px;
    overflow: hidden
}

.pmtzxutbl .tblrow.grey {
    background: #f9f9f9
}

.pmtzxutbl .tblrow span.tblcell {
    padding: 10px;
    float: left;
    text-align: right
}

.pmtzxutbl .tradingcode_col {
    width: 150px
}

.pmtzxutbl .zxu_col {
    width: 120px
}

.pmtzxutbl .desc_col {
    width: 248px
}

.zp_errormsg {
    color: #c00;
    font-size: 12px;
    margin-left: 160px;
    line-height: normal;
    padding-bottom: 3px
}

.zp_mainsys {
    width: 100%;
    text-align: center;
    padding-top: 50px
}

.zpbtnbottom {
    overflow: hidden;
    width: 490px;
    margin: 0 auto 30px;
    text-align: center
}

.zpbtnbottom .noback {
    margin-left: 50px;
    text-align: left;
}

.txtconfirm {
    font-size: 14px;
    margin-bottom: 15px
}

.txtresult {
    text-align: center;
    margin-bottom: 30px;
    line-height: 25px
}

.marbt15, .zdbcont {
    margin-bottom: 15px
}

.zdbcont {
    display: block
}

.marbt10 {
    margin-bottom: 10px
}

.marbt5 {
    margin-bottom: 5px
}

.icochkbx {
    width: 16px;
    height: 16px;
    margin-right: 5px;
    display: inline-block;
    background-position: -16px -320px;
    cursor: pointer
}

.icochkbx.sel, .icochkbx:hover {
    background-position: -16px -336px
}

.chkbxsign {
    display: none;
    margin-left: -16px
}

.contsignin h3 {
    font-size: 14px;
    font-weight: 700;
    border-bottom: 1px dotted #ccc;
    line-height: 25px;
    margin-bottom: 15px
}

.rowlogin, .rowloginlink {
    overflow: hidden;
    line-height: 20px
}

.contsignin p {
    display: block;
    clear: both
}

.lt_zingxu {
    float: left;
    font-weight: 700;
    clear: both
}

.rt_zingxu {
    float: right;
    color: red;
    font-size: 16px;
    font-weight: 700
}

.rowlogin {
    margin-bottom: 5px
}

.rowloginlink {
    margin-top: 20px
}

.rowloginlink a {
    text-decoration: none
}

ul.menuser {
    border: 2px solid #cbcbcb;
    box-shadow: 0 2px 2px 0 rgba(209, 209, 209, .6), 0 2px 2px 0 rgba(209, 209, 209, .6);
    position: absolute;
    top: 34px;
    right: 0;
    background: #fff;
    z-index: 5;
    list-style: none
}

ul.menuser li a {
    width: 128px;
    display: block;
    border-bottom: 1px solid #ebebeb;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    text-align: left;
    color: #444;
    text-decoration: none
}

ul.menuser li a:hover {
    background: #f0f0f0;
    color: #444
}

.bxmainhome {
    margin-bottom: 20px;
    overflow: hidden
}

.bxmainhome .hotprd {
    width: 571px;
    float: left;
    padding-right: 28px;
    padding-left: 1px;
    height: 320px;
    background: url(../images/borderbx_home.png) top right repeat-y #fff
}

.bxmainhome .newprd {
    width: 329px;
    float: left;
    padding-left: 29px
}

.footer_lt {
    width: 50%;
    float: left;
    text-align: left;
    line-height: 18px
}

.footer_rt {
    width: 50%;
    float: right;
    text-align: right
}

h2.logovng {
    float: left;
    margin: 3px 10px 0 0
}

.footer_rt p {
    margin-top: 8px
}

.btncmt, .btnsupport {
    width: 32px;
    position: fixed;
    right: 0;
    transition: ease-in .2;
    z-index: 999
}

.btnsupport {
    height: 103px;
    background-position: -176px -384px;
    top: 417px
}

.btnsupport:hover {
    background-position: -224px -384px
}

.btncmt {
    height: 98px;
    background-position: -272px -384px;
    top: 532px
}

.btncmt:hover {
    background-position: -320px -384px
}

.btnoldversion {
    width: 176px;
    height: 32px;
    background-position: -112px -640px;
    position: fixed;
    right: 0;
    bottom: 0;
    z-index: 5
}

.btnoldversion:hover {
    opacity: .8
}

.localpath {
    border-bottom: 1px solid #e3e2e2;
    padding-left: 294px;
    padding-bottom: 10px;
}

.localpath a {
    color: #444
}

.zpbtnbottom .localpath a {
    color: #fff
}

.ctnpay {
    background: #f2f2f2;
    overflow: hidden
}

.ctnpay.bgwhite, .ctnpay_lt {
    background: #fff
}

.ctnpay.bgproduct {
    background: #fff;
    margin-top: 20px
}

.ctnpay_lt {
    min-height: 800px;
    padding: 0 20px 20px 0;
    float: left;
    width: 669px;
    border-right: 1px solid #e3e2e2;
}

.ctnpay_rt {
    width: 250px;
    padding: 10px;
    float: right;
    min-height: 600px;
}

.ctnpay_rt p {
    display: block
}

.imgproduct {
    width: 200px;
    overflow: hidden;
    margin-bottom: 10px
}

.ctnbtnotepro {
    margin-bottom: 15px
}

.txtresult ul.noteproduct {
    width: 360px;
    margin: 30px auto 10px;
    background: #f2f2f2;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 10px
}

.txtresult ul.noteproduct li {
    margin-bottom: 5px;
    font-size: 13px
}

ul.noteproduct li {
    margin-bottom: 10px;
    list-style: none;
    display: block;
    text-align: left
}

ul.noteproduct li a {
    color: #009ae0
}

ul.noteproduct li p {
    margin-left: 10px
}

ul.noteproduct li img {
    vertical-align: -4px;
    margin: 0 3px
}

.bxstep, h2.titstep {
    margin-bottom: 15px
}

h2.titstep {
    font-size: 14px;
    padding-top: 25px
}

h2.titstep span {
    font-size: 18px
}

.bxstep {
    overflow: hidden
}

.titstepsub {
    border-bottom: 1px solid #eee;
    border-left: 4px solid #61bced;
    padding: 0 0 2px 8px;
    font-weight: 700;
    line-height: 29px;
    font-size: 13px;
    margin-bottom: 15px
}

ul.col3, ul.col3 li {
    display: block;
    margin-bottom: 10px
}

.titstepsub .fr a {
    font-weight: 400;
    color: #31708f
}

ul.col3 li {
    width: 239px;
    float: left
}

.bxitem {
    clear: both;
    width: 500px;
    margin: 0 auto;
    background: #f2f2f2;
    padding: 20px 10px;
    border-radius: 5px
}

.bxitem, ul.selprice li {
    border: 1px solid #e7e7e7
}

.rowitem {
    margin-bottom: 10px
}

.txtitem {
    width: 135px;
    text-align: right;
    margin-right: 10px;
    float: left;
    margin-top: 5px
}

.noterowitem {
    color: #888;
    margin: -5px 0 10px 145px
}

.bxnotice, .bxnotice a {
    color: #31708f
}

.zppucont ul.selprice {
    margin: 0
}

ul.selprice {
    margin: 0 -10px 20px -11px
}

ul.selprice li {
    width: 109px;
    height: 16px;
    display: block;
    float: left;
    background: #fff;
    padding: 10px;
    font-weight: 700;
    position: relative;
    margin: 0 -1px -1px 0;
    z-index: 0;
    cursor: pointer;
    zoom: 1 }

.zppucont ul.selprice li {
    width: 170px
}

ul.selprice li.selected, ul.selprice li:hover {
    cursor: pointer;
    border: 1px solid #009bdf;
    margin: 0 -1px -1px 0;
    z-index: 1;
    background: #f0f8fc
}

.selother {
    padding: 10px 0 5px;
    margin-bottom: 10px;
    font-weight: 700
}

.txtzingxu {
    font-size: 16px
}

.selbank {
    width: 650px;
    margin: 0 auto 30px;
    display: table
}

.selbank ul.selprice {
    margin: 0
}

.selbank ul.selprice li {
    height: 35px
}

.selbank ul.selprice li label {
    line-height: 28px
}

.selbank input[type=radio]+label {
    margin-right: 0
}

.selbank input[type=radio]+label span.radio {
    margin-right: 8px
}

.bxnotice {
    width: 70%;
    margin: 13px 0px 0px 74px;
    text-align: center;
    font-size: 14px;
    padding: 10px;
    border: 1px solid #bce8f1;
    background: #d9edf7;
}

.bxnotice.alert {
    width: 934px;
    text-align: left
}

.bxnotice span {
    font-weight: 700
}

.bxnotice.error {
    background: #fcf8e3;
    border-color: #faebcc;
    color: #8a6d3b
}

.bxnotice a, .bxnotice.danger a, .bxnotice.error a, .bxnotice.success a {
    font-weight: 700;
    text-decoration: underline
}

.bxnotice a:hover, .bxnotice.danger a:hover, .bxnotice.error a:hover, .bxnotice.success a:hover, a.rowmorehispay, ul.prorecentpay li .infopro p a:hover {
    text-decoration: none
}

.bxnotice.error a {
    color: #8a6d3b
}

.bxnotice.success {
    background: #dff0d8;
    border-color: #d6e9c6;
    color: #3c763d
}

.bxnotice.success a {
    color: #3c763d
}

.bxnotice.danger {
    background: #f2dede;
    border-color: #ebccd1;
    color: #a94442;
    float: left;
}

.bxnotice.danger a {
    color: #a94442
}

.bxtip {
    width: 97%;
    border-radius: 3px;
    background: #f2f2f2;
    border: 1px solid #eee;
    padding: 8px 10px;
    margin: 0 auto;
    text-align: center;
    font-size: 14px;
}

.bxtip span {
    font-weight: 700;
    color: red
}

.fixedbox_close a, .zppuclose span {
    background-image: url(../images/zmpu_sprt.png);
    display: block;
    background-position: 0 0;
    width: 16px;
    height: 16px
}

.zppuclose {
    float: right;
    margin: 9px 6px 0 0;
    padding: 4px
}

.fixedbox_close a {
    margin-top: 2px
}

.fixedbox_close a:hover, .zppuclose:hover span {
    background-position: 0 -16px
}

#zppopup .zppopup_overlay {
    position: static;
    display: table-cell
}

#zppopup .zppopup_overlay h3 {
    color: #fff;
    padding-top: 15px
}

#zppopup .zppopup {
    position: static;
    margin: 10px;
    float: left
}

.zppopup, .zppopup_overlay {
    z-index: 50
}

.zppopup_overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    background: url(../images/opacity_overlay.png);
    top: 0;
    left: 0
}

.zppopup {
    position: absolute;
    border-radius: 2px;
    box-shadow: 0 0 5px #111
}

.widsml {
    width: 350px;
    margin-left: 320px
}

.widmed {
    width: 520px
}

.widlarge {
    width: 625px
}

.widlogin {
    width: 350px;
}

.zpputitle {
    background-color: #009bde;
    line-height: 40px;
    border-bottom: 2px solid #0184bd;
    border-radius: 3px 3px 0 0
}

.zpputitle strong {
    display: block;
    padding: 0 10px;
    color: #fff;
    font-size: 14px
}

.zppucont {
    border-width: 0 1px;
    background-color: #fff;
    padding: 15px;
    min-height: 112px
}

.zppubot, .zppucont {
    border: 1px solid #e1e1e1
}

.widlarge .zppucont {
    max-height: 440px
}

.widsml .zppucont.login {
    padding-top: 30px;
    padding-bottom: 20px
}

.login .errorlog {
    font-size: 14px;
    color: #c00
}

.zppubot {
    background-color: #f9f9f9
}

.zppubot p {
    padding: 12px 35px;
    font-size: 13px
}

.zppubot p a {
    font-weight: 700
}

.zppubot .zploading32 {
    display: inline-block;
    margin-right: 5px
}

.zppubotbar {
    border-top: 1px solid #e1e1e1;
    margin: 0 -10px -10px;
    background-color: #F9F9F9
}

.zppubotbar .morelink {
    display: block;
    line-height: 38px;
    color: #2d81b8;
    text-align: center;
    font-weight: 700
}

.zppubotbar .morelink:hover {
    background-color: #eee
}

.zppubotbar .morelink em {
    border-color: #2d81b8 transparent transparent;
    border-style: solid;
    border-width: 4px;
    display: inline-block;
    vertical-align: -1px;
    width: 0;
    height: 0;
    line-height: 0;
    margin-left: 5px
}

.zppubtn {
    text-align: center;
    padding: 10px
}

.zppubtn .cancelbtn, .zppubtn .submitbtn {
    display: inline-block;
    margin-left: 5px;
    border-radius: 2px;
    color: #fff;
    font-weight: 700;
    font-size: 12px;
    line-height: 26px;
    padding: 0 10px;
    text-decoration: none;
    cursor: pointer
}

.zppubtn .submitbtn {
    background: #2085df;
    background: -moz-linear-gradient(top, #009bde 0, #0184bd 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #009bde), color-stop(100%, #0184bd));
    background: -webkit-linear-gradient(top, #009bde 0, #0184bd 100%);
    background: -o-linear-gradient(top, #009bde 0, #0184bd 100%);
    background: -ms-linear-gradient(top, #009bde 0, #0184bd 100%);
    background: linear-gradient(to bottom, #009bde 0, #0184bd 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#009bde', endColorstr='#0184bd', GradientType=0)
}

.zppubtn .submitbtn:hover {
    background: #1e7bcf;
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#1e7bcf), to(#1b6eb8));
    background: -webkit-linear-gradient(#1e7bcf 0, #1b6eb8 100%);
    background: -moz-linear-gradient(#1e7bcf 0, #1b6eb8 100%);
    background: -o-linear-gradient(#1e7bcf 0, #1b6eb8 100%);
    background: linear-gradient(#1e7bcf 0, #1b6eb8 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#1e7bcf', endColorstr='#1b6eb8', GradientType=0)
}

.zppubtn .cancelbtn {
    background-color: #bababa
}

.zppubtn .cancelbtn:hover {
    background-color: #999
}

.bxsearchpopup {
    background: #f2f2f2;
    margin: -15px -15px 15px;
    padding: 10px
}

.imgconf {
    width: 190px;
    position: relative;
    float: left;
    margin-top: 13px
}

.imgconf img {
    width: 190px;
    height: 80px;
    border: 1px solid #ccc
}

.infoconf {
    margin-left: 230px
}

.txtconftit {
    font-weight: 700;
    margin-bottom: 10px
}

.infoconf .cancel {
    margin-top: 45px;
    font-size: 14px;
    color: #c00
}

.txtremark {
    font-weight: 700;
    color: #009bde
}

.zpsertxtgrey {
    color: #888;
    display: block;
    font-size: 12px;
    line-height: 17px
}

.zpdisbx_border {
    box-shadow: 0 3px 3px 0 #D1D1D1, 0 2px 3px 0 #D1D1D1;
    border: 2px solid #bbb;
    border-radius: 0 0 5px 5px;
    background-color: #fff;
    z-index: 46;
    width: 320px;
    position: absolute
}

.zpdisbx_inner {
    background-color: #fff;
    border-style: solid
}

ul.zpbxsearch {
    display: block;
    overflow: hidden
}

ul.zpbxsearch li {
    padding: 10px;
    height: 50px;
    display: block;
    border-top: 1px solid #eaeaea
}

ul.zpbxsearch li:first-child {
    border-top: none
}

.zmserfooter:hover, ul.zpbxsearch li.hover {
    background: #f3f2f2;
    cursor: pointer
}

ul.zpbxsearch li .zpseravt {
    float: left;
    width: 50px;
    height: 50px
}

ul.zpbxsearch li .zpseravt img {
    width: 46px;
    height: 46px;
    border-radius: 3px;
    transition: all .5s ease 0s;
    border: 1px solid #EAEAEA
}

ul.zpbxsearch li.hover .zpseravt img {
    border-color: #009ddc
}

ul.zpbxsearch li .zpserinfo {
    margin: 0 70px 0 60px;
    max-height: 50px;
    overflow: hidden
}

ul.zpbxsearch li .zpserinfo p {
    height: 18px;
    overflow: hidden
}

ul.zpbxsearch li.zpserfooter {
    background: #f9f9f9;
    padding: 8px 0;
    text-align: center;
    height: 32px
}

ul.zpbxsearch li.zpserfooter.hover {
    background: #efefef;
    cursor: pointer
}

ul.zpbxsearch li.zpserfooter a {
    color: #444
}

.avatarbig {
    width: 120px;
    height: 120px;
    border: 2px solid #fff;
    margin: 0 auto 20px;
    overflow: hidden;
    border-radius: 100%;
    display: block;
    box-shadow: 0 2px 2px #ccc
}

.col_bxzingxu, .tit_bxzingxu {
    float: left;
    border-right: 1px solid #e7e7e7
}

h2.title {
    font-size: 14px;
    margin-bottom: 15px
}

.ctnadvlt {
    margin: 0 -10px
}

.ctnadvlt img {
    width: 220px;
    height: 160px;
    overflow: hidden
}

.tituser {
    padding-bottom: 15px;
    font-size: 18px;
    line-height: 20px
}

.tituser .txtnum {
    font-weight: 400;
    color: #777;
    font-size: 13px
}

.tituser.top {
    padding-top: 20px;
    height: 30px
}

.bxallpro, .bxhispay {
    display: block;
    margin-bottom: 30px;
    overflow: hidden
}

.bxboder {
    border: 1px solid #e7e7e7
}

.rowtithispay {
    background: #dfdfdf;
    font-weight: 700;
    padding: 8px 0;
    font-size: 13px;
    max-height: 48px;
    overflow: hidden;
    border-bottom: 1px solid #e7e7e7
}

.rowtithispay.white {
    background: #fff;
    font-weight: 400
}

.rowtithispay.grey {
    background: #f2f2f2;
    font-weight: 400
}

.disbx_rt p, .rowfunlogin .fl, .rowfunlogin a, .rowfunlogin.end a, .tblnote .tit, .tbllsnapthe .tit, ul.prorecentpay.topallpro .infopro {
    font-weight: 700
}

.colhispay {
    width: 16%;
    float: left;
    display: block;
    padding-left: 10px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    max-height: 50px
}

.colhispay.date, .colhispay.money {
    width: 9%
}

.colhispay.code, .colhispay.name {
    width: 13%
}

.colhispay.channel {
    width: 10%
}

.colhispay.pro {
    width: 20%
}

.colhispay.moneygame {
    width: 10%
}

.colhispay.money {
    text-align: right
}

.bxzingxu {
    background: #f2f2f2;
    border: 1px solid #e7e7e7;
    margin-top: 20px;
    border-radius: 5px;
}

.col_bxzingxu {
    width: 19%;
    float: left;
    height: 52px;
    padding: 8px 2% 0 20px;
    border-right: 1px solid #e7e7e7;
}

.tit_bxzingxu {
    width: 22%;
    float: left;
    font-size: 18px;
    border-right: 1px solid #e7e7e7;
    height: 60px;
    line-height: 60px;
    padding-left: 10px;
}

.btn_bxzingxu {
    float: right;
    padding: 12px 12px 0 0;
}

.btn_bxzingxu .zpbtn {
    padding: 10px 15px;
}

.btn_bxzingxu .zpbtn.white {
    margin-left: 10px;
}

/*Table history*/
.zppucont .tblhistory {
    border: 1px solid #dfdfdf;
}

.zppucont .tblhistory tr, td {
    padding: 10px;
    font-size: 13px;
}

.zppucont .tblhistory .title {
    background: #dfdfdf;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
    width: 100%;
    display: block;
    box-sizing: border-box;
    padding: 2px 5px;
}

.zppucont .tblhistory .title span {
    font-weight: normal;
    font-size: 12px;
    color: #666;
}

.zppucont .tblhistory .bgrey {
    background: #f2f2f2;
}

.zppucont .tblhistory .colmoney {
    width: 18%;
    text-align: right;
    font-weight: bold;
    padding-right: 20px;
}

.zppucont .tblhistory .coldate {
    width: 15%;
}

.zppucont .tblhistory .colcode {
    width: 20%;
}

.zppucont .tblhistory .colpro {
    width: 24%;
}

.zppucont .tblhistory .bgrey td {
    border-top: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
}

.zppucont .tblhistory .bgrey:last-child td {
    border-bottom: none;
}

a.rowmorehispay {
    background: #eee;
    text-align: center;
    height: 25px;
    line-height: 25px;
    display: block
}

a.rowmorehispay:hover {
    background: #dfdfdf;
    color: #009ae0
}

ul.prorecentpay li {
    width: 180px;
    min-height: 100px;
    border: 1px solid #e7e7e7;
    display: block;
    float: left;
    margin-right: -1px;
    padding: 5px
}

ul.prorecentpay.gamehot li, ul.prorecentpay.topallpro li {
    width: 228px;
    background: #f2f2f2
}

.zppucont ul.prorecentpay li {
    width: 162px
}

ul.prorecentpay li:hover {
    background: #f2f2f2;
    cursor: pointer
}

ul.prorecentpay.gamehot li:hover, ul.prorecentpay.topallpro li:hover {
    background: #fff
}

ul.prorecentpay li .imgpro {
    width: 45px;
    float: left
}

ul.prorecentpay.topallpro .imgpro {
    width: 229px;
    margin-bottom: 5px;
    display: block
}

ul.prorecentpay.topallpro .imgpro img {
    width: 229px;
    height: 110px;
    overflow: hidden
}

ul.prorecentpay.gamehot li .imgpro {
    width: 95px
}

ul.prorecentpay li .imgpro img {
    width: 45px;
    height: 45px;
    overflow: hidden
}

ul.prorecentpay.gamehot li .imgpro img {
    width: 95px;
    height: 95px;
    overflow: hidden
}

ul.prorecentpay li .infopro {
    margin: 3px 0 0 55px
}

ul.prorecentpay.topallpro .infopro {
    margin: 0;
    line-height: 30px
}

ul.prorecentpay.gamehot li .infopro {
    margin: 5px 0 0 105px
}

ul.prorecentpay li .infopro p, ul.prorecentpay.topallpro li .infopro a {
    color: #444;
    font-weight: 700;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

ul.prorecentpay.topallpro li .infopro a.zpbtnpay {
    color: #555
}

ul.prorecentpay li .infopro p a {
    color: #333
}

.txtpaycount {
    display: block;
    color: #777;
    margin: 5px 0
}

/*Login*/
.bgicolog {
    background: #f5f5f5;
    padding: 5px;
    width: 20px;
    height: 20px;
    float: left;
    margin-right: 5px;
}

.rowlogin {
    width: 280px;
    border: 1px solid #ccc;
    height: 30px;
    padding: 1px;
    margin: 0 auto 10px;
}

.rowfunlogin {
    width: 284px;
    height: 20px;
    margin: 0 auto 10px;
    color: #888;
    display: block;
}

.rowfunlogin a {
    font-weight: bold;
}

.rowfunlogin.end {
    color: #fff;
    font-size: 13px;
}

.rowfunlogin.end a {
    color: #fff;
    font-weight: bold;
    margin: 0 auto 20px;
    width: 254px;
    height: 20px;
    line-height: 20px;
    text-align: center;
}

.rowfunlogin input {
    margin-right: 3px;
    vertical-align: -2px;
}

.rowfunlogin .fl {
    font-weight: bold;
}

.rowlogin input {
    width: 240px;
    height: 30px;
    border: none;
    float: left;
    font-size: 14px;
    color: #666;
    line-height: 30px;
}

.rowalertlogin {
    width: 284px;
    height: auto;
    margin: 0 auto 10px;
    color: #888;
    display: block;
}

.errorlog {
    font-size: 13px;
    color: #cc0000;
}

/*Login page*/
.contloginpage {
    display: block;
    overflow: hidden;
    margin-bottom: 30px;
}

.ltloginpage {
    width: 36%;
    float: left;
    padding-right: 20px;
    border-right: 1px solid #ccc;
    box-sizing: border-box;
    position: relative;
}

.ltloginpage .txtor {
    position: absolute;
    top: 100px;
    right: -25px;
    background: #fff;
    padding: 10px;
    color: #777;
}

.rtloginpage {
    width: 56%;
    float: left;
    padding-left: 20px;
}

.contloginpage h3 {
    font-size: 15px;
    margin: 10px 0 25px;
}

.btnsocial {
    width: 256px;
    height: 45px;
    background-image: url(../images/social.png);
    background-repeat: no-repeat;
    display: block;
    margin-bottom: 10px;
}

.btnsocial.facebook {
    background-position: 0 0;
}

.btnsocial.facebook:hover {
    background-position: 0 -45px;
}

.btnsocial.google {
    background-position: 0 -90px;
}

.btnsocial.google:hover {
    background-position: 0 -135px;
}

.btnsocial.google {
    background-position: 0 -90px;
}

.btnsocial.google:hover {
    background-position: 0 -135px;
}

.btnsocial.yahoo {
    background-position: 0 -180px;
}

.btnsocial.yahoo:hover {
    background-position: 0 -225px;
}

.rowloginpage {
    margin-bottom: 20px;
    font-size: 14px;
    overflow: hidden;
}

.rownoteloginpage {
    padding-left: 30%;
    margin: -10px 0 30px;
    color: #777;
    overflow: hidden;
}

.rownoteloginpage.end {
    margin-bottom: 10px;
}

.rownoteloginpage.end a, .rownoteloginpage.end span {
    font-weight: bold;
}

.rownoteloginpage input {
    display: inline-block;
    margin-right: 5px;
    margin-top: -5px;
}

.rowloginpage .ltrowlogin {
    width: 25%;
    padding-right: 5%;
    float: left;
    line-height: 38px;
}

.rowloginpage .rtrowlogin {
    width: 70%;
    float: left;
}

.rowloginpage .rtrowlogin input {
    width: 100%;
    height: 40px;
    font-size: 14px;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 5px;
    box-sizing: border-box;
    background: #e7e7e7;
}

.rowloginpage .rtrowlogin input:focus {
    border-color: #3366cc;
    background: #fff;
}

.rownoteloginpage .zpbtn {
    width: 100%;
    margin-left: 0;
    box-sizing: border-box;
    text-align: center;
    padding: 12px 20px;
    font-size: 15px;
    margin-bottom: 10px;
}

.ctndisbox {
    position: absolute;
    z-index: 45
}

.ctndisbox .contdisbox {
    margin: 8px
}

.ctndisbox .contdisboxnopad {
    margin: 0
}

.ctndisbox .disbox {
    border: 2px solid #bbb;
    background: #fff;
    -moz-box-shadow: 0 0 4px rgba(100, 100, 100, .4);
    -webkit-box-shadow: 0 0 4px rgba(100, 100, 100, .4);
    box-shadow: 0 0 4px rgba(100, 100, 100, .4);
    margin: 0 14px;
    border-radius: 5px
}

.ctndisbox .disboxclose, .ctndisbox .icodisbox {
    background-image: url(../images/displaybox_sprt.png);
    background-repeat: no-repeat;
    !position: relative; font-size: 0;
    display: inline
}

.ctndisbox .disbox_loading, .disbox_minipro .disbox_loading {
    width: 100%;
    height: 25px;
    background: url(../images/load_small.gif) center center no-repeat
}

.ctndisbox .disbox_inner {
    position: relative;
    width: 100%
}

.ctndisbox .disboxclose {
    display: block;
    width: 16px;
    height: 16px;
    background-position: 0 -48px;
    position: absolute;
    text-indent: -9999em;
    right: 2px;
    top: 2px;
    line-height: 0;
    z-index: 1
}

.ctndisbox .disboxclose:hover {
    background-position: 0 -64px
}

.ctndisbox .rowminipro {
    display: block;
    height: 17px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.ctndisbox .zmscrollableui_bar {
    top: 17px;
    right: 3px
}

.icodisbox.botleft, .icodisbox.botright, .icodisbox.topleft, .icodisbox.topright {
    height: 16px;
    width: 20px;
    margin-top: -14px
}

.icodisbox.topleft {
    background-position: -48px 0;
    margin-left: 18px;
    float: left;
    !margin-right: -30px
}

.icodisbox.topright {
    background-position: -48px 0;
    margin-right: 18px;
    float: right;
    !margin-left: -30px
}

.icodisbox.botleft, .icodisbox.botright {
    background-position: -80px 0;
    position: relative;
    top: 12px
}

.icodisbox.botleft {
    margin-left: 18px;
    float: left
}

.icodisbox.botright {
    margin-right: 18px;
    float: right
}

.icodisbox.rightbottom, .icodisbox.righttop {
    width: 16px;
    height: 20px;
    background-position: -16px 0
}

.icodisbox.righttop {
    margin-top: 10px;
    float: left
}

.icodisbox.rightbottom {
    margin-top: -23px;
    float: left
}

.icodisbox.leftbottom, .icodisbox.lefttop {
    width: 16px;
    height: 20px;
    background-position: 0 0
}

.icodisbox.lefttop {
    margin-top: 10px;
    float: right
}

.icodisbox.leftbottom {
    margin-top: -23px;
    float: right
}

.disbx_lt {
    width: 85px;
    float: left
}

.disbx_lt img {
    margin-bottom: 0
}

.disbx_rt {
    margin-left: 95px
}

.disbx_rt p {
    font-size: 13px
}

.disbx_rt span {
    margin: 5px 0 8px;
    color: #888;
    display: block
}

.btndisbx {
    margin-left: 0
}

.formcontrol {
    display: block;
    width: 100%;
    height: 34px;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

.formcontrol:focus {
    border-color: #66afe9;
    outline: 0
}

.formcontrol::-moz-placeholder {
    color: #333;
    opacity: 1
}

.formcontrol:-ms-input-placeholder {
    color: #333
}

.formcontrol::-webkit-input-placeholder {
    color: #333
}

.bxnote {
    border-top: 1px dashed #ccc;
    margin-bottom: 20px
}

.bxnote h3 {
    margin: 20px 0 5px
}

.bxnote p {
    margin-bottom: 15px
}

.tblnote {
    width: 350px;
    margin: 0 auto;
    border: 1px solid #ddd;
    border-right: none
}

.tblnote .tit {
    background: #e0e0e0;
    font-size: 13px
}

.tblnote td {
    padding: 8px 25px 8px 8px;
    text-align: right;
    border-right: 1px solid #ddd;
    font-size: 13px
}

.tblnote .bgrey {
    background: #f2f2f2
}

.tbllsnapthe {
    width: 350px;
    margin: 0 auto;
    border: 1px solid #ddd;
    border-right: none;
    margin-bottom: 15px;
}

.tbllsnapthe .tit {
    background: #e0e0e0;
    font-size: 13px
}

.tbllsnapthe td {
    text-align: center;
    border-right: 1px solid #ddd;
    font-size: 13px
}

.tbllsnapthe .bgrey {
    background: #f2f2f2
}

.bg-white, .popup-container {
    background-color: #fff
}

@-webkit-keyframes pulse {
    0%, 100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }
}

@keyframes pulse {
    0%, 100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse
}

@media only screen and (max-width: 650px) {
    .ctnpay_rt, .zpmenu ul.menu li.mnhome, .zpmenu ul.menu li.mnsupport, ul.prorecentpay.topallpro li:nth-child(3) {
        display: none
    }

    .zp_body, .zp_header, .zp_topmenu .menu {
        width: 650px
    }

    .zpmenu ul.menu li {
        font-size: 13px
    }

    .zp_bxsearch {
        width: 220px
    }

    .zp_bxsearch label {
        width: 210px
    }

    .zp_bxsearch label input {
        width: 165px
    }

    .zpmenu {
        width: 288px
    }

    .bxnotice.alert {
        width: 624px;
        margin: 0 0 20px;
        font-size: 13px
    }

    .bxmainhome .hotprd {
        width: 328px;
        margin-left: 20px
    }

    .hotprd ul.itemgame {
        width: 366px
    }

    .bxmainhome .newprd {
        width: 240px
    }

    .newprd ul.itemgame {
        width: 274px
    }

    .zdbcont .title .lt {
        font-size: 16px
    }

    .ctnpay_lt {
        width: 630px;
        padding: 0 10px
    }

    ul.selprice li {
        padding: 10px 7px
    }

    ul.col3 li {
        width: 210px
    }

    .zp_footer {
        width: 630px;
        padding: 15px 10px
    }

    .ctnpay {
        overflow: inherit
    }

    ul.prorecentpay.gamehot li, ul.prorecentpay.topallpro .imgpro, ul.prorecentpay.topallpro .imgpro img, ul.prorecentpay.topallpro li {
        width: 205px
    }

    .bxallpro ul.itemgame li {
        margin-left: 46px
    }
}

.has-error {
    border: 1px solid red
}

.account_button_thanh_toan {
    margin-top: 15px
}

.hide_transhistory_record {
    display: none
}

.show_transhistory_record {
    display: block
}

.popup-container {
    width: auto
}

#divErrorFaceValue {
    margin-top: 20px
}

.modal-dialog {
    margin-top: 200px!important
}

.popup-overlay {
    background: rgba(0, 0, 0, .75);
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
    z-index: 1000
}

.popup-center {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%)
}

#popup-select-server #ul-server-list {
    overflow-y: scroll;
    height: 372px
}

.slideshow {
    height: 380px
}

.tooltip {
    display: inline
}

.tooltip:hover:after {
    background: #333;
    background: rgba(0, 0, 0, .8);
    border-radius: 5px;
    color: #fff;
    content: attr(title);
    padding: 5px;
    position: absolute;
    z-index: 98;
    bottom: -10%;
    left: -10%;
    min-width: 100px;
    text-align: center
}

.clear {
    clear: both;
    display: initial
}

#ulTelco {
    margin: 0 auto
}

.logobct {
    width: 130px;
    height: 40px;
    background-position: -244px -725px;
    float: right
}

.labelpro {
    width: 100px;
    height: 25px;
    background-position: -408px -720px;
    position: absolute;
    left: -8px;
    top: 63px;
}

#submitErrorMessage {
    width: 630px;
}

.zme-boxy {
    font-family: Arial, Helvetica, sans-serif;
}

.zme-boxy-container {
    border: none;
}

.zme-boxy-title, .zme-boxy-title2 {
    font-size: 14px;
    background-image: none;
    background-color: #009bde;
    line-height: 30px;
    border-radius: 3px 3px 0 0;
}

.boxy_ptext {
    font-size: 13px;
}

.sociallogin_form {
    margin-top: 10px;
    font-size: 13px;
}

.finput {
    margin-top: 5px;
}

.input_login {
    border-color: #bbb;
    padding: 7px;
    border-radius: 2px;
    background: #eee;
    width: 200px;
}

.zme-boxy-footer {
    height: 30px;
    line-height: 27px;
}

.btn_L3 {
    background-color: #009bdf;
    border: none;
    border-radius: 2px;
    font-size: 12px;
}

.btn_L3 em, .btn_L5 em {
    border: none;
    height: 26px;
    line-height: 26px;
    padding: 0 15px;
}

.btn_L3 em:hover {
    border: none;
    color: #fff;
}

.btn_L5 {
    border: none;
    background: #999;
    color: #fff;
    border-radius: 3px;
    font-size: 12px;
}

.btn_L5:hover {
    border: none;
    color: #fff;
    background: #888;
}

.bxqrcode {
    width: 200px;
    height: 200px;
    background: #fff;
    margin: 30px auto 15px;
    padding: 10px;
    box-shadow: 0 0 4px 0 rgba(0,0,0,0.3);
    -moz-box-shadow: 0 0 4px 0 rgba(0,0,0,0.3);
    -webkit-box-shadow: 0 0 4px 0 rgba(0,0,0,0.3);
    position: relative;
}

.bxqrcode img {
    width: 200px;
    height: 200px;
    overflow: hidden;
}

.noteqrcode {
    text-align: center;
    color: #888;
    font-style: italic;
    margin-bottom: 15px;
}

.paymentmethods.zingxu.sixcol li .methodselect {
    padding: 0 8px;
}

article.newslogin .posts__list li {
    border-bottom: 1px dotted #b9b9b9;
    width: 100%;
    height: 40px
}

article.newslogin .posts__list li a {
    color: #000;
    line-height: 40px;
    text-decoration: none
}

article.newslogin .posts__list li a:hover {
    color: #ff7e00
}

article.newslogin .posts__list li a span {
    float: left
}

article.newslogin .posts__list li a .posts__post-cate {
    width: 90px;
    color: #bc5252;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase
}

article.newslogin .posts__list li a .posts__post-date {
    float: right;
    color: #959595
}

article.newslogin .posts__list.event-posts li {
    border-bottom: 1px solid #b9b9b9;
    padding: 10px 0 15px;
    height: auto;
    float: left;
}

article.newslogin .posts__list.event-posts li:last-child {
    border: 0
}

article.newslogin .posts__list.event-posts li a {
    line-height: 22px;
    float: left
}

article.newslogin .posts__list.event-posts li a:hover {
    color: #ff7e00
}

article.newslogin .posts__list.event-posts li a:hover img {
    border: 1px solid #ff7e00
}

article.newslogin .posts__list.event-posts li a:hover .posts__post-intro {
    color: #000
}

article.newslogin .posts__list.event-posts li a span {
    display: block;
    width: 180px;
}

article.newslogin .posts__list.event-posts li a img {
    border: 1px solid #676767;
    margin-right: 15px;
    margin-top: 5px;
    float: left;
    width: 120px;
    height: 70px;
}

article.newslogin .posts__list.event-posts li a .posts__post-title {
    font-weight: bold;
    text-transform: uppercase;
}

article.newslogin .posts__list.event-posts li a .posts__post-date {
    float: left
}

/*-------------*/
article.newsright .posts__list li {
    border-bottom: 1px dotted #b9b9b9;
    width: 100%;
    height: 40px
}

article.newsright .posts__list li a {
    color: #000;
    line-height: 40px;
    text-decoration: none
}

article.newsright .posts__list li a:hover {
    color: #ff7e00
}

article.newsright .posts__list li a span {
    float: left
}

article.newsright .posts__list li a .posts__post-cate {
    width: 90px;
    color: #bc5252;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase
}

article.newsright .posts__list li a .posts__post-date {
    float: right;
    color: #959595
}

article.newsright .posts__list.event-posts li {
    border-bottom: 1px solid #b9b9b9;
    padding: 10px 0 10px;
    height: auto;
    float: left;
    display: block;
}

article.newsright .posts__list.event-posts li:last-child {
    border: 0
}

article.newsright .posts__list.event-posts li a {
    line-height: 22px;
    float: left
}

article.newsright .posts__list.event-posts li a:hover {
    color: #ff7e00
}

article.newsright .posts__list.event-posts li a:hover img {
    border: 1px solid #ff7e00
}

article.newsright .posts__list.event-posts li a:hover .posts__post-intro {
    color: #000
}

article.newsright .posts__list.event-posts li a span {
    display: block;
    width: 120px;
}

article.newsright .posts__list.event-posts li a img {
    border: 1px solid #676767;
    margin-right: 10px;
    margin-top: 5px;
    float: left;
    width: 70px;
    height: 45px;
    margin-bottom: 5px;
}

article.newsright .posts__list.event-posts li a .posts__post-title {
    font-weight: bold;
    text-transform: uppercase;
}

article.newsright .posts__list.event-posts li a .posts__post-date {
    float: left
}

.newsrighthot .titlerighthot {
    font-size: 16px;
    padding-top: 30px;
    color: #009ae0;
    border-bottom: 2px solid #009ae0;
    padding-bottom: 5px;
}

.ulnewslogin li {
    display: inline;
    border-right: 1px solid;
}

.ulnewslogin li a {
    display: inline;
    font-weight: bold;
    padding: 2px 6px;
}

.ulnewslogin li.hdnewslogin {
    border-right: 0px solid;
}

.hotrokt {
    position: fixed;
    left: 0;
    bottom: -14px;
    z-index: 99999;
}

.hotrokt a img {
    position: absolute;
    top: 2px;
    margin-left: -6px;
}

.hotrokt a .hotro {
    width: 208px;
    height: 60px;
    background: #3f5d95;
    color: #fff;
    font-weight: bold;
    text-align: center;
    font-family: tahoma;
    font-size: 13px;
    padding: 12px 0px 0px 31px;
}

.hotrokt a {
    text-decoration: none;
}

.hotrokt a:hover {
    text-decoration: none;
}

.bold {
    font-weight: bold;
}

.tiento {
    padding: 5px 5px;
    font-size: 16px;
    position: relative;
    top: -3px;
}

.ttthongbao {
    background: #f00;
    color: #fff;
}

.likebaiviet {
    display: block;
    color: #df2828;
    text-align: center;
}

article.catkt1 {
    padding-top: 25px;
    float: left;
}

article.catkt1 .posts_list_cat li {
    border-bottom: 1px dotted #b9b9b9;
    width: 100%;
    height: 40px
}

article.catkt1 .posts_list_cat li a {
    color: #000;
    line-height: 40px;
    text-decoration: none
}

article.catkt1 .posts_list_cat li a:hover {
    color: #ff7e00
}

article.catkt1 .posts_list_cat li a span {
    float: left
}

article.catkt1 .posts_list_cat li a .posts__post-cate {
    width: 90px;
    color: #bc5252;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase
}

article.catkt1 .posts_list_cat li a .posts__post-date {
    float: right;
    color: #959595
}

article.catkt1 .posts_list_cat.event-posts li {
    border-bottom: 1px solid #b9b9b9;
    padding: 15px 0 20px;
    height: auto;
    float: left
}

article.catkt1 .posts_list_cat.event-posts li:last-child {
    border: 0
}

article.catkt1 .posts_list_cat.event-posts li a {
    line-height: 22px;
    float: left
}

article.catkt1 .posts_list_cat.event-posts li a:hover {
    color: #ff7e00
}

article.catkt1 .posts_list_cat.event-posts li a:hover img {
    border: 1px solid #ff7e00
}

article.catkt1 .posts_list_cat.event-posts li a:hover .posts__post-intro {
    color: #000
}

article.catkt1 .posts_list_cat.event-posts li a span {
    display: block;
    width: 465px;
}

article.catkt1 .posts_list_cat.event-posts li a img {
    border: 1px solid #676767;
    margin-right: 20px;
    margin-top: 5px;
    float: left;
    width: 140px;
    height: 80px
}

article.catkt1 .posts_list_cat.event-posts li a .posts__post-title {
    font-weight: bold;
    text-transform: uppercase
}

article.catkt1 .posts_list_cat.event-posts li a .posts__post-date {
    float: left
}

.pagination-container {
    width: 100%;
    margin: 30px auto;
    text-align: center;
    overflow: hidden
}

.pagination-container .pagination {
    overflow: hidden;
    display: inline-block;
    margin: 0 auto
}

.pagination-container .pagination li {
    display: inline-block;
    margin: 0 5px
}

.pagination-container .pagination li a {
    border-radius: 20px;
    color: #000;
    padding: 0 10px;
    line-height: 20px;
    display: block;
    text-decoration: none
}

.pagination-container .pagination li a:hover,.pagination-container .pagination li.active a {
    background-color: #ff4200;
    color: #fff
}

article #posts__tab,article #tabHeader,article ul.tab__header {
    overflow: hidden
}

article #posts__tab li,article #tabHeader li,article ul.tab__header li {
    float: left;
    position: relative;
    padding-bottom: 10px
}

article #posts__tab li a,article #tabHeader li a,article ul.tab__header li a {
    background: url(../images/tab_nor.gif) repeat;
    border: 1px solid #999;
    color: #000;
    display: block;
    font-size: 15px;
    font-weight: bold;
    line-height: 30px;
    padding: 0 20px;
    text-decoration: none
}

article #posts__tab li a:hover,article #posts__tab li a.active,article #posts__tab li.Active a,article #tabHeader li a:hover,article #tabHeader li a.active,article #tabHeader li.Active a,article ul.tab__header li a:hover,article ul.tab__header li a.active,article ul.tab__header li.Active a {
    background: #004b81 url(../images/tab_act.gif) repeat-x;
    border-color: #676767;
    color: #fff
}

article #posts__tab li a:hover:after,article #posts__tab li a.active:after,article #posts__tab li.Active a:after,article #tabHeader li a:hover:after,article #tabHeader li a.active:after,article #tabHeader li.Active a:after,article ul.tab__header li a:hover:after,article ul.tab__header li a.active:after,article ul.tab__header li.Active a:after {
    background: url(../images/tab_arrow.gif) no-repeat;
    content: "";
    margin-left: -5px;
    position: absolute;
    bottom: 5px;
    left: 50%;
    width: 10px;
    height: 6px
}

.pagination {
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 15px;
}

.pagination li {
    display: inline-block;
}

.pagination li a {
    padding: 5px 10px;
    background: #005081;
    margin: 0px 5px;
    color: #fff;
}

.pagination li a:hover {
    background: #ff8405;
    color: #fff;
    text-decoration: none;
}

.imgmenur {
    width: 120px;
    height: 80px;
    float: left;
    margin: 0 10px 10px 0;
}

.imgmenur2 {
    width: 190px;
    height: 140px;
    float: left;
    margin: 0 10px 10px 0;
}

.loading {
    background: #000;
    position: absolute;
    width: 100%;
    height: 100%;
    right: 0px;
    bottom: 0px;
    z-index: 100000;
    opacity: 0.8;
    cursor: wait;
}

.loading:after {
    content: '';
    position: fixed;
    width: 48px;
    height: 48px;
    border: solid 8px #fff;
    border-left-color: transparent;
    border-radius: 50%;
    top: calc(50% - 24px);
    left: calc(50% - 24px);
    animation: load8 1.1s infinite linear;
}

.loading:before {
    content: 'Chờ trong giây lát';
    top: calc(55% + 24px);
    left: calc(50% - 40px);
    position: fixed;
    color: #fff;
}

@-webkit-keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.thongbaonapthe {
    display: block;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 235px;
    padding: 15px;
    text-align: center;
    line-height: 18px;
    background: #ad1b00;
    font-family: roboto;
}

.thongbaonapthe .tbnt1 {
    display: block;
    font-size: 21px;
    font-weight: bold;
    color: #fff;
    line-height: 32px;
}

.thongbaonapthe .tbnt2 {
    display: block;
    font-size: 17px;
    font-weight: bold;
    color: #000000;
    text-transform: uppercase;
    line-height: 24px;
    text-decoration: line-through;
}

.thongbaonapthe .tbnt3 {
    display: block;
    color: #fffc00;
    font-size: 17px;
    line-height: 25px;
}

.thongbaonapthe .tbnt4 {
    display: block;
    font-size: 26px;
    font-weight: bold;
    color: #dfff00;
    text-transform: uppercase;
    line-height: 30px;
}

/* The Modal (background) */
.modal {
    display: block;
    /* Hidden by default */
    position: fixed;
    /* Stay in place */
    z-index: 1;
    /* Sit on top */
    padding-top: 100px;
    /* Location of the box */
    left: 0;
    top: 0;
    width: 100%;
    /* Full width */
    height: 100%;
    /* Full height */
    overflow: auto;
    /* Enable scroll if needed */
    background-color: rgb(0,0,0);
    /* Fallback color */
    background-color: rgba(0,0,0,0.4);
    /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
    background-color: #c70000;
    margin: auto;
    padding: 39px;
    width: 400px;
    color: #fff;
    font-size: 20px;
    line-height: 27px;
    font-weight: bold;
}

/* The Close Button */
.close {
    color: #ffffff;
    float: right;
    font-size: 28px;
    font-weight: bold;
    margin-top: -31px;
    position: relative;
    left: 25px;
}

.close:hover, .close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

#myBtn {
    display: none;
}

/*li #menu_1{
    display: none;
}*/
a.napthe-red, a.napthe-hover-red:hover {
    color: #fff!important;
    background: #222!important;
    text-decoration: none !important
}

.napthe-bar {
    width: 100%;
    float: left;
}

.napthe-button {
    width: 49%;
    float: left;
    height: 60px;
    margin-right: 2%;
    background: #c7008a;
    color: #fff;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    padding-top: 40px;
    cursor: pointer;
}

.napthe-button2 {
    width: 49%;
    float: left;
    height: 60px;
    margin-left: 0%;
    background: #00d0ff;
    color: #fff;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    padding-top: 40px;
    cursor: pointer;
}

.napthe-container {
    margin-top: 20px;
    float: left;
    width: 100%;
}

.napthe-container h2 {
    width: 100%;
    text-align: center;
    font-size: 40px;
    line-height: 33px;
}

.napthe-container h2 small {
    font-size: 20px;
}

.napthe-container-bar {
    margin-top: 20px;
}

.napthe-bar h2 {
    text-align: center;
    color: red;
    padding: 20px 0;
    font-size: 25px;
}

select#kitchen_color {
    width: 210px;
    padding: 5px;
    font-size: 16px;
    line-height: 1;
    height: 50px;
    display: block;
    border: 2px solid #000;
    border-radius: 2px;
}
.inputdate{
    float: left;
    width: 152px !important;
    height: 17px;
}
.inputtime{
    float: left;
    width: 75px !important;
    margin-left: 10px;
}
.formrow .flb2 {
    float: left;
/*     width: 160px; */
    line-height: 32px;
    text-align: left;
    margin-right: 20px;
    font-size: 13px;
    color: red;
}









    .animationload {
    background-color: rgb(0,0,0,.8);
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
}
.osahanloading {
    animation: 1.5s linear 0s normal none infinite running osahanloading;
    background: #fed37f none repeat scroll 0 0;
    border-radius: 50px;
    height: 50px;
    left: 50%;
    margin-left: -25px;
    margin-top: -25px;
    position: absolute;
    top: 50%;
    width: 50px;
}
 
.osahanloading::after {
    animation: 1.5s linear 0s normal none infinite running osahanloading_after;
    border-color: #85d6de transparent;
    border-radius: 80px;
    border-style: solid;
    border-width: 10px;
    content: "";
    height: 80px;
    left: -25px;
    position: absolute;
    top: -26px;
    width: 80px;
}
 
@keyframes osahanloading {
0% {
    transform: rotate(0deg);
}
50% {
    background: #85d6de none repeat scroll 0 0;
    transform: rotate(180deg);
}
100% {
    transform: rotate(360deg);
}
}

.titlenapatm{
    font-size: 18px;
    font-weight: bold;
    text-align: left;
    color: #df0000;
}
.titlexemquydoi{
    width: 370px;
    margin-left: 131px;
    text-align: center;
    padding: 5px;
    color: #f36868;
    font-size: 13px;
    position: absolute;
    margin-top: -19px;
}