/* xong */
@media screen and (max-width: 319px){
    *{padding: 0px;margin: 0px;box-sizing: border-box;}
    .support_cus h2.title{font-size: 1.4em;}
    #mservice .commit li{width: 100%;padding: 0px;margin: 0px;}
    #mservice .commit li a span{font-size: 14px;}
    #mservice .commit{width: 100%;}
    #form_register .form_content .wpcf7 div.item{width: 100%;}
    header #logo{width: 100%;}
    header #banner{width: 100%;box-sizing: border-box;}
    header #logo{display: none;}
    #wrapper{width: 100%;padding: 0px;padding: 10px;box-sizing: border-box;}
    #main-menu-box{display: none;}
    .support ul li{width: 100%;}
    .support{margin: 0px;padding: 0px;display: none;}
    .news-box-colum3 .colum3{width: 100%;margin: 0px;margin-bottom: 20px;}
    .support_cus h2.title{height: auto;font-size: 14px;}
    .support_cus ul li h3.spname{font-size: 14px;}
    #footer .block{padding: 0px;}
    #footer .block .info{margin-left: 0px;}
    #footer .block ul.ftsocial li{margin-left: 0px;}
    .news_others li img{height: auto;}
    .news_others li h4{font-size: 14px;line-height: 22px;}
    #footer .block h4{font-size: 15px;}
    #footer .fwrapper ul a{font-size: 15px;}
    .news-box-colum3 .colum3 ul li h3{font-size: 14px;line-height: 20px;}
    #detail-single h2{font-size: 16px;}
    .news_others li img{margin-right: 12px;}
    .catepro ul.list li .item h4{font-size: 14px;}
    .seotraining .intro .content h1{line-height: 32px;font-size: 30px;}
    #menumobile .topmmenu{box-sizing: border-box;width:100%;margin: 0px;padding: 0px;border-bottom: none;}
    #main-menu-box{height: auto;}
    #menumobile .topmmenu #mlogo img{height: 50px;}
    #menumobile .topmmenu #mlogo{width: 30%;float: left;}
    #menumobile #disMenu{float: right;width: 70%;margin: 0px;padding: 0px;text-align: right;}
    header{border-bottom: none;}
    #wrapper{padding: 0px;box-sizing: border-box;margin: 0px;}
    .seotraining .seocourse_list .cols .colwrap .botinfo a.seo_order{font-size: 14px;}
    #menumobile{border-bottom: 1px solid #ccc;padding: 10px 10px;box-sizing: border-box;}
    .menu-item-has-children > a:after{display: none;}
    #float_phone{opacity: 1;}
    #footer1{display: block;}
    #uhchatmobile,#hiti_phone_div{display: none !Important;}
    #logo-partner{padding: 15px;}
    .contact_fix{display: none;}
    .item-chothue .name_mobile{
        display: block;
    }
    .f_right .chothue-name{
        display: none;
    }
    .item-chothue .desc{
        display: none;
    }
    .item-chothue .chothue-meta span{
        float: left;
        width: 100%;
        margin: 0px;
        line-height: 17px;
        font-size: 12px;
    }
    .item-chothue .chothue-meta strong{
        font-size: 12px;
    }
    .item-chothue .chothue-meta span b{
        width: 65px;
        display: inline-block;
    }
    .meta-item{
        width: 50%;
        border-bottom: 1px solid #ccc;
    }
    #main_page #left{
        float:left;
        width:100%;
    }
    #main_page #right{
        float:right;
        width:100%;
    }
    .btn-top-hotline{display: block;}
    #menumobile #disMenu{margin-top: 8px;}
    .views{float: left;width: 100%;}
}
@media (min-width: 320px) and (max-width: 480px) {
    *{padding: 0px;margin: 0px;box-sizing: border-box;}
    .support_cus h2.title{font-size: 1.4em;}
    #mservice .commit li{width: 100%;padding: 0px;margin: 0px;}
    #mservice .commit li a span{font-size: 14px;}
    #mservice .commit{width: 100%;}
	.item-session .des-sesssion table { font-size:12px }
    #form_register .form_content .wpcf7 div.item{width: 100%;}
    header #logo{width: 100%;}
    header #banner{width: 100%;box-sizing: border-box;}
    header #logo{display: none;}
    #wrapper{width: 100%;padding: 0px;padding: 10px;box-sizing: border-box;}
    #main-menu-box{display: none;}
	.dnk-Hli { bottom:4.5em; left:2px; font-size:16px; }
    .support{width: 100%;clear: both;float: left;}
    .support ul li{width: 33%;float: left;padding: 0px; margin: 0px;text-align: center;font-size: 12px;}
    .support ul li:last-child{display: none;}
    .news-box-colum3 .colum3{width: 100%;margin: 0px;margin-bottom: 20px;}
    .support_cus h2.title{height: auto;font-size: 14px;}
    .support_cus ul li h3.spname{font-size: 14px;}
    #footer .block{padding: 0px;}
    #footer .block .info{margin-left: 0px;}
    #footer .block ul.ftsocial li{margin-left: 0px;}
    .news_others li img{height: auto;}
    .news_others li h4{font-size: 14px;line-height: 22px;}
    #footer .block h4{font-size: 15px;}
    #footer .fwrapper ul a{font-size: 15px;}
    .news-box-colum3 .colum3 ul li h3{font-size: 14px;line-height: 20px;}
    #detail-single h2{font-size: 16px;}
    .news_others li img{margin-right: 12px;}
    .catepro ul.list li .item h4{font-size: 14px;}
    #menumobile .topmmenu{box-sizing: border-box;width:100%;margin: 0px;padding: 0px;border-bottom: none;}
    #main-menu-box{height: auto;}
    #menumobile .topmmenu #mlogo img{margin-top: 5px;height: 50px;}
    #menumobile .topmmenu #mlogo{width: 30%;float: left;}
    #menumobile #disMenu{float: right;width: 70%;margin: 0px;padding: 0px;text-align: right;}
    header{border-bottom: none;}
    #wrapper{padding: 0px;box-sizing: border-box;margin: 0px;}
    .seotraining .seocourse_list .cols .colwrap .botinfo a.seo_order{font-size: 14px;}
    #menumobile{border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;padding: 2px 10px;box-sizing: border-box;}
    .menu-item-has-children > a:after{display: none;}
    .support_cus ul li{width: 50%;float: left;}
    .seotraining .seocourse_list .cols{width: 50%;float: left;margin: 0px;padding: 3px;}
    .seotraining .seocourse_list .cols .colwrap .botinfo h2.title{font-size: 15px;height: auto;}
    .seotraining .seocourse_list .cols .colwrap .botinfo p.address{font-size: 14px;height: auto;}
    .seotraining .seocourse_list .cols .colwrap .botinfo a.seo_order{width: 100%;height: auto;}
    #float_phone{opacity: 1;}
    .catepro ul.list li{width: 50%;float: left;margin: 0px;padding: 3px;}
    .seotraining .seocourse_list .cols .colwrap{height: 100%;background: #f2f2f2;}
    #footer1{display: block;}
    #uhchatmobile,#hiti_phone_div{display: none !Important;}
    #logo-partner{padding: 15px;}
    .contact_fix{display: none;}
    .item-chothue .name_mobile{
        display: block;
    }
    .f_right .chothue-name{
        display: none;
    }
    .item-chothue .desc{
        display: none;
    }
    .item-chothue .chothue-meta span{
        float: left;
        width: 100%;
        margin: 0px;
        line-height: 17px;
        font-size: 12px;
    }
    .item-chothue .chothue-meta strong{
        font-size: 12px;
    }
    .item-chothue .chothue-meta span b{
        width: 65px;
        display: inline-block;
    }
    .meta-item{
        width: 50%;
        border-bottom: 1px solid #ccc;
    }
    #main_page #left{
        float:left;
        width:100%;
    }
    #main_page #right{
        float:right;
        width:100%;
    }
    .btn-top-hotline{display: block;}
    #menumobile #disMenu{margin-top: 8px;}
    .views{float: left;width: 100%;}
	#recent-post ul li { height:auto !important; }
	#recent-post .spdesc { display:none; }
	body.home #recent-post .spname { height:80px; }
	body.home #recent-post ul li img { height:128px; }
	.dk-dialogTi { font-size:14px; }
	.dk-FoPageL, .dk-FoPageR { width:100%; padding:0; }
}
@media (min-width: 481px) and (max-width: 768px) {
    *{padding: 0px;margin: 0px;box-sizing: border-box;}
    .support_cus h2.title{font-size: 1.4em;}
    #mservice .commit li{width: 100%;padding: 0px;margin: 0px;}
    #mservice .commit li a span{font-size: 14px;}
    #mservice .commit{width: 100%;}
    #form_register .form_content .wpcf7 div.item{width: 100%;}
    header #logo{width: 100%;}
    header #banner{width: 100%;box-sizing: border-box;}
    header #logo{display: none;}
    #wrapper{width: 100%;padding: 0px;padding: 10px;box-sizing: border-box;}
    #main-menu-box{display: none;}
    .support{width: 100%;clear: both;float: left;}
    .support ul li{width: 33%;float: left;padding: 0px; margin: 0px;text-align: center;}
    .support ul li:last-child{display: none;}
    .news-box-colum3 .colum3{width: 100%;margin: 0px;margin-bottom: 20px;}
    .support_cus h2.title{height: auto;font-size: 14px;}
    .support_cus ul li h3.spname{font-size: 14px;}
    #footer .block{padding: 0px;}
    #footer .block .info{margin-left: 0px;}
    #footer .block ul.ftsocial li{margin-left: 0px;}
    .news_others li img{height: auto;}
    .news_others li h4{font-size: 14px;line-height: 22px;}
    #footer .block h4{font-size: 15px;}
    #footer .fwrapper ul a{font-size: 15px;}
    .news-box-colum3 .colum3 ul li h3{font-size: 14px;line-height: 20px;}
    #detail-single h2{font-size: 16px;}
    .news_others li img{margin-right: 12px;}
    .catepro ul.list li .item h4{font-size: 14px;}
    #menumobile .topmmenu{box-sizing: border-box;width:100%;margin: 0px;padding: 0px;border-bottom: none;}
    #main-menu-box{height: auto;}
    #menumobile .topmmenu #mlogo img{height: 60px;}
    #menumobile .topmmenu #mlogo{width: 30%;float: left;}
    #menumobile #disMenu{float: right;width: 70%;margin: 0px;padding: 0px;text-align: right;}
    header{border-bottom: none;}
    #wrapper{padding: 0px;box-sizing: border-box;margin: 0px;}
    .seotraining .seocourse_list .cols .colwrap .botinfo a.seo_order{font-size: 14px;}
    #menumobile{border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;padding: 10px 10px;box-sizing: border-box;}
    .menu-item-has-children > a:after{display: none;}
    .support_cus ul li{width: 50%;float: left;}
    .seotraining .seocourse_list .cols{width: 50%;float: left;margin: 0px;padding: 3px;}
    .seotraining .seocourse_list .cols .colwrap .botinfo h2.title{font-size: 15px;}
    .seotraining .seocourse_list .cols .colwrap .botinfo p.address{font-size: 14px;}
    .seotraining .seocourse_list .cols .colwrap .botinfo a.seo_order{width: 100%;}
    #float_phone{opacity: 1;}
    .catepro ul.list li{width: 50%;float: left;margin: 0px;padding: 3px;}
    #footer .block1,#footer .block2,#footer .block3{width: 100%;}
    #footer1{display: block;}
    #uhchatmobile,#hiti_phone_div{display: none !Important;}
    #logo-partner{padding: 15px;}
    .contact_fix{display: none;}
    .item-chothue .name_mobile{
        display: block;
    }
    .f_right .chothue-name{
        display: none;
    }
    .item-chothue .desc{
        display: none;
    }
    .item-chothue .chothue-meta span{
        float: left;
        width: 100%;
        margin: 0px;
        line-height: 17px;
        font-size: 12px;
    }
    .item-chothue .chothue-meta strong{
        font-size: 12px;
    }
    .item-chothue .chothue-meta span b{
        width: 65px;
        display: inline-block;
    }
    .meta-item{
        width: 50%;
        border-bottom: 1px solid #ccc;
    }
    #main_page #left{
        float:left;
        width:100%;
    }
    #main_page #right{
        float:right;
        width:100%;
    }
    .btn-top-hotline{
        top: 20px;
        display: block;
    }
    #menumobile #disMenu{
        margin-top: 7px;
    }
    .views{float: left;width: 100%;}
}
@media (min-width: 768px) and (max-width: 960px) {
    *{padding: 0px;margin: 0px;box-sizing: border-box;}
    .support_cus h2.title{font-size: 1.4em;}
    #mservice .commit li{width: 100%;padding: 0px;margin: 0px;}
    #mservice .commit li a span{font-size: 14px;}
    #mservice .commit{width: 100%;}
    #form_register .form_content .wpcf7 div.item{width: 100%;}
    header #logo{width: 100%;}
    header #banner{width: 100%;box-sizing: border-box;}
    header #logo{display: none;}
    #wrapper{width: 100%;padding: 0px;padding: 10px;box-sizing: border-box;}
    #main-menu-box{display: none;}
    .support{width: 100%;clear: both;float: left;}
    .support ul li{width: 33%;float: left;padding: 0px; margin: 0px;text-align: center;}
    .support ul li:last-child{display: none;}
    .news-box-colum3 .colum3{width: 100%;margin: 0px;margin-bottom: 20px;}
    .support_cus h2.title{height: auto;font-size: 14px;}
    .support_cus ul li h3.spname{font-size: 14px;}
    #footer .block{padding: 0px;}
    #footer .block .info{margin-left: 0px;}
    #footer .block ul.ftsocial li{margin-left: 0px;}
    .news_others li img{height: auto;}
    .news_others li h4{font-size: 14px;line-height: 22px;}
    #footer .block h4{font-size: 15px;}
    #footer .fwrapper ul a{font-size: 15px;}
    .news-box-colum3 .colum3 ul li h3{font-size: 14px;line-height: 20px;}
    #detail-single h2{font-size: 16px;}
    .news_others li img{margin-right: 12px;}
    .catepro ul.list li .item h4{font-size: 14px;}
    #menumobile .topmmenu{box-sizing: border-box;width:100%;margin: 0px;padding: 0px;border-bottom: none;}
    #main-menu-box{height: auto;}
    #menumobile .topmmenu #mlogo img{height: 60px;}
    #menumobile .topmmenu #mlogo{width: 30%;float: left;}
    #menumobile #disMenu{float: right;width: 70%;margin: 0px;padding: 0px;text-align: right;}
    header{border-bottom: none;}
    #wrapper{padding: 0px;box-sizing: border-box;margin: 0px;}
    .seotraining .seocourse_list .cols .colwrap .botinfo a.seo_order{font-size: 14px;}
    #menumobile{border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;padding: 10px 10px;box-sizing: border-box;}
    .menu-item-has-children > a:after{display: none;}
    .support_cus ul li{width: 50%; float: left;}
    #recent-post ul li { height: 320px !important; }
    .seotraining .seocourse_list .cols{width: 50%;float: left;margin: 0px;padding: 3px;}
    .seotraining .seocourse_list .cols .colwrap .botinfo h2.title{font-size: 15px;}
    .seotraining .seocourse_list .cols .colwrap .botinfo p.address{font-size: 14px;}
    .seotraining .seocourse_list .cols .colwrap .botinfo a.seo_order{width: 100%;}
    #float_phone{opacity: 1;}
    .catepro ul.list li{width: 50%;float: left;margin: 0px;padding: 3px;}
    #footer .block1,#footer .block2,#footer .block3{width: 100%;}
    .news-box-colum3 ul li{width: 50% !Important;float: left !Important;padding: 5px 4px !Important;}
    #footer1{display: block;}
    #uhchatmobile,#hiti_phone_div{display: none !Important;}
    #logo-partner{padding: 15px;}
    .contact_fix{display: none;}
    .btn-top-hotline{
        top: 20px;
        display: block;
    }
    #menumobile #disMenu{
        margin-top: 7px;
    }
}
@media (min-width: 960px) and (max-width: 1100px) {
    *{padding: 0px;margin: 0px;box-sizing: border-box;}
    .support_cus h2.title{font-size: 1.4em;}
    #mservice .commit li{width: 100%;padding: 0px;margin: 0px;}
    #mservice .commit li a span{font-size: 14px;}
    #mservice .commit{width: 100%;}
    #form_register .form_content .wpcf7 div.item{width: 100%;}
    header #logo{width: 100%;}
    header #banner{width: 100%;box-sizing: border-box;}
    header #logo{display: none;}
    #wrapper{width: 100%;padding: 0px;padding: 10px;box-sizing: border-box;}
    #main-menu-box{display: none;}
    .support{width: 100%;clear: both;float: left;}
    .support ul li{width: 33%;float: left;padding: 0px; margin: 0px;text-align: center;}
    .support ul li:last-child{display: none;}
    .news-box-colum3 .colum3{width: 100%;margin: 0px;margin-bottom: 20px;}
    .support_cus h2.title{height: auto;font-size: 14px;}
    .support_cus ul li h3.spname{font-size: 14px;}
    #footer .block{padding: 0px;}
    #footer .block .info{margin-left: 0px;}
    #footer .block ul.ftsocial li{margin-left: 0px;}
    .news_others li img{height: auto;}
    .news_others li h4{font-size: 14px;line-height: 22px;}
    #footer .block h4{font-size: 15px;}
    #footer .fwrapper ul a{font-size: 15px;}
    .news-box-colum3 .colum3 ul li h3{font-size: 14px;line-height: 20px;}
    #detail-single h2{font-size: 16px;}
    .news_others li img{margin-right: 12px;}
    .catepro ul.list li .item h4{font-size: 14px;}
    .seotraining .intro .content h1{line-height: 32px;font-size: 30px;}
    #menumobile .topmmenu{box-sizing: border-box;width:100%;margin: 0px;padding: 0px;border-bottom: none;}
    #main-menu-box{height: auto;}
    #menumobile .topmmenu #mlogo img{height: 50px;}
    #menumobile .topmmenu #mlogo{width: 30%;float: left;}
    #menumobile #disMenu{float: right;width: 70%;margin: 0px;padding: 0px;text-align: right;}
    header{border-bottom: none;}
    #wrapper{padding: 0px;box-sizing: border-box;margin: 0px;}
    .seotraining .seocourse_list .cols .colwrap .botinfo a.seo_order{font-size: 14px;}
    #menumobile{border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;padding: 10px 10px;box-sizing: border-box;}
    .menu-item-has-children > a:after{display: none;}
    .support_cus ul li{float: left;}
    .seotraining .seocourse_list .cols{width: 25%;float: left;margin: 0px;padding: 3px;}
    .seotraining .seocourse_list .cols .colwrap .botinfo h2.title{font-size: 15px;}
    .seotraining .seocourse_list .cols .colwrap .botinfo p.address{font-size: 14px;}
    .seotraining .seocourse_list .cols .colwrap .botinfo a.seo_order{width: 100%;}
    #float_phone{opacity: 1;}
    .catepro ul.list li{width: 25%;float: left;margin: 0px;padding: 3px;}
    .news-box-colum3 ul li{width: 50% !Important;float: left !Important;padding: 5px 4px !Important;}
}
@media screen and (max-width: 1348px){
    .qc_trai,.qc_phai{display: none;}
}