@font-face {
    font-family: 'Montserrat-SemiBold';
    src: url('../fonts/Montserrat-SemiBold.otf');
    src: url('../fonts/Montserrat-SemiBold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'UTM Aptima';
    src: url('../fonts/UTM Aptima.otf');
    src: url('../fonts/UTM Aptima.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
/*----- reset -----*/
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, a, address, em, img, strong, dl, dt, dd, ul, li, fieldset, form, label, legend {border: 0; font-family: inherit; font-size: 100%; margin: 0; outline: 0; padding: 0; }
:focus {outline: 0; }
ol,ul {list-style: none; }
img {width: auto\9; height: auto; max-width: 100%; vertical-align: middle; -ms-interpolation-mode: bicubic; }
table {border-collapse: collapse; border-spacing: 0; width: 100%; }
html,body {height: 100%; } 
/*----- common -----*/
body {background-color: #fff; color: #000; font: normal normal 100% Arial, Helvetica, sans-serif; line-height: 1.5em; font-size: .75em; }
h1,h2,h3, h4, h5, h6 {line-height: normal; font-weight: normal; }
input,select,textarea {color: #38444f; font: normal normal 1em Arial, Helvetica, sans-serif; }
input:focus,select:focus,textarea:focus,a:link,a:visited,a:hover,a:focus {outline: none; } a:link,a:visited,a:hover,a:focus {text-decoration: none; }
a:link,a:visited {color: #000; }
a:hover,a:focus {color: #43f812; }
.clear {clear: both; }

.table_{display: table; width: 100%; height: 100%;}
.table_cell{display: table-cell; width: 100%; height: 100%; vertical-align: middle;}

::-moz-selection {
    color: #fff;
    background: #ED4538;
}

::selection {
    color: #fff; 
    background: #ED4538;
}
/*===================================================================*/
#wrapper{overflow: hidden;}
/*==========================================================================*/
.header-top{background: #4285f4;}
.header-top ul.list-sp{overflow: hidden; margin: 0 -12px;}
.header-top ul.list-sp li{display: inline-block; padding: 12px 12px;}
.header-top ul.list-sp li span{font: 400 13px/20px 'Roboto', sans-serif; color: #fff;}
.header-top ul.list-sp li span:before{content: ''; display: inline-block; height: 14px; background: url(../images/front/sprite.png) no-repeat; vertical-align: text-top; margin-right: 10px;}
.header-top ul.list-sp li:nth-child(1) span:before{background-position: 0 0; width: 8px;}
.header-top ul.list-sp li:nth-child(2) span:before{background-position: -18px 0; width: 19px;}
.header-top ul.list-sp li:nth-child(3) span:before{background-position: -47px 0; width: 18px;}

.block-search{width: 255px; position: relative; float: left;}
.block-search ::-webkit-input-placeholder {font: italic 300 13px/20px 'Roboto', sans-serif; color: #fff;}
.block-search ::-moz-placeholder {font: italic 300 13px/20px 'Roboto', sans-serif; color: #fff;}
.block-search :-ms-input-placeholder {font: italic 300 13px/20px 'Roboto', sans-serif; color: #fff}
.block-search :-moz-placeholder {font: italic 300 13px/20px 'Roboto', sans-serif; color: #fff; }
.block-search input{display: block; width: 100%; padding: 0 35px 0 20px; height: 44px; font: italic 300 13px/20px 'Roboto', sans-serif; color: #fff; border: none; border-left: 1px solid #76aaff; border-right: 1px solid #76aaff; background: transparent;}
.block-search button{width: 14px; height: 14px; border:none; padding: 0; background: url(../images/front/sprite.png) no-repeat -75px 0; position: absolute; right: 20px; top: 50%; margin-top: -7px; text-indent: -9999px;}

.block-register{float: left; margin-left: 30px}
.block-register a.register{display: block; font: 400 13px/20px 'Roboto', sans-serif; color: #fff; padding: 3px 10px; border-radius: 4px; background: #76aaff; margin-top: 9px;}

.header-bot{padding: 22px 0 21px; position: relative;}
.header-bot:after{content: ''; display: block; width: 100%; height: 8px; background: url(../images/front/bg-shadow.png) repeat-x; position: absolute; left: 0; bottom: -8px; z-index: 10;}
.header-bot .logo{position: relative;}
.header-bot span.bg-logo{background: url(../images/front/bg-logo.png) no-repeat; position: absolute; left: -88px; top: -22px; width: 200px; height: 99px; z-index: -1;}

.footer-top{background: #4285f4; padding-top: 85px;}
.footer-top .container{position: relative;}
.register-ft{background: #ff8c00; border: 2px solid #fff; padding: 15px 50px; position: absolute; left: 15px; top: -120px; width: 100%;}
.register-ft p{font: 400 14px/20px 'Roboto', sans-serif; color: #fff; text-transform: uppercase; padding: 8px 0;}
.block-mail{width: 352px; height: 36px; border: 1px solid #ffbd6d;}
.block-mail input{font: italic 300 14px/15px 'Roboto', sans-serif; color: #fff;  width: 291px; height: 34px; border: none; border-right: 1px solid #ffbd6d; background: transparent; padding: 0 8px;}
.block-mail button{border: none; background: transparent; width: 55px; padding: 0; margin: 0; text-align: center; height: 100%;}
.block-mail button i{text-indent: -9999px; width: 31px; height: 14px; background: url(../images/front/sprite.png) no-repeat -195px -76px; display: inline-block; vertical-align: middle;}
.block-mail ::-webkit-input-placeholder {font: italic 300 14px/15px 'Roboto', sans-serif; color: #fff;}
.block-mail ::-moz-placeholder {font: italic 300 14px/15px 'Roboto', sans-serif; color: #fff;}
.block-mail :-ms-input-placeholder {font: italic 300 14px/15px 'Roboto', sans-serif; color: #fff}
.block-mail :-moz-placeholder {font: italic 300 14px/15px 'Roboto', sans-serif; color: #fff; }

.footer-top .col-md-3{margin-bottom: 30px;}
.footer-top .col-md-3 h3{font: 400 18px/24px 'Montserrat-SemiBold', sans-serif; color: #fff; text-transform: uppercase; margin-bottom: 20px;}
.footer-top .col-md-3 ul.list_{}
.footer-top .col-md-3 ul.list_ li{margin-bottom: 10px;}
.footer-top .col-md-3 ul.list_ li a{font: 400 14px/20px 'Roboto', sans-serif; color: #fff;}
.footer-top .col-md-3 ul.list_ li a:before{content: ''; display: inline-block; width: 12px; height: 12px; background: url(../images/front/sprite.png) no-repeat -167px 0; vertical-align: middle; margin-right: 10px;}
.footer-top .col-md-3 p span{font: 400 14px/20px 'Roboto', sans-serif; color: #fff; display: block; margin-bottom: 10px;}

ul.list-social{overflow: hidden; margin-bottom: 20px;}
ul.list-social li{float: left; margin-right: 20px;}
ul.list-social li a{display: block; height: 16px; text-indent: -9999px; background: url(../images/front/sprite.png) no-repeat;}
ul.list-social li:nth-child(1) a{background-position: -99px 0; width: 9px;}
ul.list-social li:nth-child(2) a{background-position: -118px 0; width: 15px;}
ul.list-social li:nth-child(3) a{background-position: -140px 0; width: 16px;}

ul.app{margin: 0 -7px; overflow: hidden;}
ul.app li{float: left; padding: 0 7px;}


.footer-bot{background: #2a6ad5; font: 400 14px/20px 'Roboto', sans-serif; color: #fff; padding: 19px 0;}
.footer-bot ul{overflow: hidden;}
.footer-bot ul li{display: inline-block;}
.footer-bot ul li a{color: #fff;}
.footer-bot .pull-left ul li:first-child:after{content: ''; display: inline-block; margin: 0 10px; width: 4px; height: 1px; background: #fff; vertical-align: middle;}
.footer-bot .pull-right ul{margin: 0 -5px;}
.footer-bot .pull-right ul li{padding: 0 5px;}
.footer-bot .pull-right ul li a{text-indent: -9999px; display: block; height: 18px; background: url(../images/front/bg-thanh-toan.png) no-repeat;}
.footer-bot .pull-right ul li:nth-child(1) a{background-position: 0px 0; width: 55px;}
.footer-bot .pull-right ul li:nth-child(2) a{background-position: -60px 0; width: 30px;}
.footer-bot .pull-right ul li:nth-child(3) a{background-position: -94px 0; width: 27px;}
.footer-bot .pull-right ul li:nth-child(4) a{background-position: -125px 0; width: 27px;}
.footer-bot .pull-right ul li:nth-child(5) a{background-position: -156px 0; width: 18px;}

/*==========================================================================*/
.block-menu{position: relative;}
.mcd-menu {width: 100%;}
.mcd-menu li {position: relative; float:left; padding: 7px 20px;}
.mcd-menu li:last-child{padding-right: 0;}
.mcd-menu li a {display: block; padding: 6px 0 0 0; text-align: left; position: relative; font: 400 13px/20px 'Roboto', sans-serif; color: #555;}
.mcd-menu li a i{display: block; height: 16px; background: url(../images/front/sprite.png) no-repeat; left: 50%; top: -6px;}
.mcd-menu li a i.fa-tc{background-position: 0 -24px; width: 19px; margin-left: -10px;}
.mcd-menu li a i.fa-gt{background-position: -28px -24px; width: 24px; margin-left: -12px;}
.mcd-menu li a i.fa-dv{background-position: -61px -24px; width: 18px; margin-left: -9px;}
.mcd-menu li a i.fa-tk{background-position: -89px -24px; width: 16px; margin-left: -8px;}
.mcd-menu li a i.fa-kh{background-position: -115px -24px; width: 19px; margin-left: -10px;}
.mcd-menu li a i.fa-td{background-position: -144px -24px; width: 17px; margin-left: -8px;}
.mcd-menu li a i.fa-tt{background-position: -171px -24px; width: 18px; margin-left: -9px;}
.mcd-menu li a i.fa-lh{background-position: -199px -24px; width: 18px; margin-left: -9px;}

.mcd-menu li a.active i.fa-tc,
.mcd-menu li:hover a i.fa-tc{background-position: 0 -45px;}
.mcd-menu li a.active i.fa-gt,
.mcd-menu li:hover a i.fa-gt{background-position: -28px -45px;}
.mcd-menu li a.active i.fa-dv,
.mcd-menu li:hover a i.fa-dv{background-position: -61px -45px;}
.mcd-menu li a.active i.fa-tk,
.mcd-menu li:hover a i.fa-tk{background-position: -89px -45px;}
.mcd-menu li a.active i.fa-kh,
.mcd-menu li:hover a i.fa-kh{background-position: -115px -45px;}
.mcd-menu li a.active i.fa-td,
.mcd-menu li:hover a i.fa-td{background-position: -144px -45px;}
.mcd-menu li a.active i.fa-tt,
.mcd-menu li:hover a i.fa-tt{background-position: -171px -45px;}
.mcd-menu li a.active i.fa-lh,
.mcd-menu li:hover a i.fa-lh{background-position: -199px -45px;}

.mcd-menu li a strong {display: block; text-transform: uppercase; font: 400 13px/20px 'Roboto', sans-serif; color: #555;}
.mcd-menu li a i, 
.mcd-menu li a strong{position: relative; transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; -moz-transition: all 300ms linear; -webkit-transition: all 300ms linear; }
.mcd-menu li:hover > a i {opacity: 1; -webkit-animation: moveFromTop 300ms ease-in-out; -moz-animation: moveFromTop 300ms ease-in-out; -ms-animation: moveFromTop 300ms ease-in-out; -o-animation: moveFromTop 300ms ease-in-out; animation: moveFromTop 300ms ease-in-out;}
.mcd-menu li:hover a strong {opacity: 1; -webkit-animation: moveFromLeft 300ms ease-in-out; -moz-animation: moveFromLeft 300ms ease-in-out; -ms-animation: moveFromLeft 300ms ease-in-out; -o-animation: moveFromLeft 300ms ease-in-out; animation: moveFromLeft 300ms ease-in-out; }
.mcd-menu li a.active strong,
.mcd-menu li:hover > a strong{color: #ff7e00; }

@-webkit-keyframes moveFromTop {
    from {
        opacity: 0;
        -webkit-transform: translateY(200%);
        -moz-transform: translateY(200%);
        -ms-transform: translateY(200%);
        -o-transform: translateY(200%);
        transform: translateY(200%);
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0%);
        -moz-transform: translateY(0%);
        -ms-transform: translateY(0%);
        -o-transform: translateY(0%);
        transform: translateY(0%);
    }
}
@-webkit-keyframes moveFromLeft {
    from {
        opacity: 0;
        -webkit-transform: translateX(200%);
        -moz-transform: translateX(200%);
        -ms-transform: translateX(200%);
        -o-transform: translateX(200%);
        transform: translateX(200%);
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        -ms-transform: translateX(0%);
        -o-transform: translateX(0%);
        transform: translateX(0%);
    }
}
@-webkit-keyframes moveFromRight {
    from {
        opacity: 0;
        -webkit-transform: translateX(-200%);
        -moz-transform: translateX(-200%);
        -ms-transform: translateX(-200%);
        -o-transform: translateX(-200%);
        transform: translateX(-200%);
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        -ms-transform: translateX(0%);
        -o-transform: translateX(0%);
        transform: translateX(0%);
    }
}



.mcd-menu li ul,
.mcd-menu li ul li ul {position: absolute; height: auto; min-width: 200px; padding: 0; margin: 0; background: #FFF; opacity: 0; visibility: hidden;
transition: all 300ms linear;
-o-transition: all 300ms linear;
-ms-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-webkit-transition: all 300ms linear;
z-index: 1000;
left:0px;
top: 0px;
border-left: 4px solid #e67e22;}

.mcd-menu li > ul.block-sub{border: none; border-top: 4px solid #e67e22;}
.mcd-menu li > ul.block-sub:before {content: ""; position: absolute; top: -13px; left: 50px; border: 5px solid transparent; border-bottom: 5px solid #e67e22; }
.mcd-menu li ul:before {content: ""; position: absolute; top: 25px; left: -9px; border-right: 5px solid #e67e22; border-bottom: 5px solid transparent; border-top: 5px solid transparent; }
.mcd-menu li:hover > ul,
.mcd-menu li ul li:hover > ul {display: block; opacity: 1; visibility: visible; top: 56px; left:0px; }
.mcd-menu li ul li {float: none; padding: 0; }
.mcd-menu li ul li a {padding: 7px; text-align: left; border: 0; border-bottom: 1px solid #EEE; }
.mcd-menu li ul li ul {left: 230px; top: 0; border: 0; border-left: 4px solid #e67e22; }
.mcd-menu li ul li ul:before {content: ""; position: absolute; top: 15px; left: -9px; border-right: 5px solid #e67e22; border-bottom: 5px solid transparent; border-top: 5px solid transparent; }
.mcd-menu li ul li:hover > ul {top: 0px; left: 200px; }

.service-ft{padding-left: 25px;}


h2{font: 400 20px/normal 'Montserrat-SemiBold', sans-serif; color: #333; text-transform: uppercase; text-align: center; margin-bottom: 30px;}

.block-solution{padding: 50px 0; border-bottom: 1px solid #d4dee5;}
ul.solution{margin: 0 -15px;}
ul.solution li{width: 25%; float: left; padding: 0 15px;}
ul.solution li .detail{border: 1px solid #d4dee5; text-align: center; padding: 43px 0; position: relative;}
ul.solution li h3{position: absolute; left: 0; bottom: -10px; width: 100%;}
ul.solution li h3 span{background: #fff; display: inline-block; padding: 0 10px; font: 400 14px/20px 'Roboto', sans-serif; color: #333; text-transform: uppercase;}


.title{margin-bottom: 35px;}
.title h2{margin-bottom: 5px;}
.title h2:before{content: ''; display: block; width: 14px; height: 20px; background: url(../images/front/sprite.png) no-repeat -101px -71px; margin: 0 auto 10px;}
.title span{font: 400 14px/20px 'Roboto', sans-serif; color: #555; display: block; text-align: center;}
.title span:after{content: ''; display: block; width: 28px; height: 1px; background: #ff8c00; margin: 15px auto 0;}

.block-traditional{padding: 50px 0 60px;}
.block-traditional .mg-trad{margin-bottom: 80px;}
.block-traditional h3{font: 400 16px/normal 'Montserrat-SemiBold', sans-serif; color: #333; text-transform: uppercase; margin-bottom: 20px;}
.block-traditional ul li{margin-bottom: 11px;}
.block-traditional ul li i{width: 16px; height: 12px; float: left; background: url(../images/front/sprite.png) no-repeat -101px -95px; display: block; margin-right: 10px; margin-top: 3px;}
.block-traditional ul li span{font: 400 14px/normal 'Roboto', sans-serif; color: #555; overflow: hidden; display: block;}
.block-traditional p{font: 400 14px/normal 'Roboto', sans-serif; color: #555; margin-bottom: 15px;}
.block-traditional a.sp{font: 400 13px/20px 'Roboto', sans-serif; color: #fff; display: inline-block; background: #4285f4; padding: 8px 40px; border-radius: 4px; text-transform: uppercase;}


.block-choose{background: #ff8c00 url(../images/front/bg-choose.png) no-repeat center; padding: 50px 0 60px;}
.block-choose .title h2:before{background-position: -125px -71px;}
.block-choose .title span,
.block-choose .title h2{color: #fff;}
.block-choose .title span:after{background: #fff;}
.block-choose h3{font: 400 16px/normal 'Montserrat-SemiBold', sans-serif; color: #fff; text-transform: uppercase; margin-bottom: 20px;}
.block-choose p{font: 400 14px/normal 'Roboto', sans-serif; color: #fff; margin-bottom: 15px;}
.choose-ct{text-align: center; width: 75%; margin: auto;}
.choose-ct a.register-now{width: 170px; padding: 8px 0; display: block; border:1px solid #ffce92; border-radius: 4px; font: 400 13px/20px 'Roboto', sans-serif; color: #fff; text-transform: uppercase; margin: auto;}


.block-system{padding: 55px 0 90px;}
.block-system .title{margin-bottom: 45px;}
.block-system ul li{margin-bottom: 30px; min-height: 107px;}
.block-system ul li i{display: block; float: left; margin-right: 10px; text-indent: -9999px; width: 24px; height: 20px; background: url(../images/front/sprite.png) no-repeat; margin-top: 5px;}
.block-system ul li i.icon-st-1{background-position: 0 -117px;}
.block-system ul li i.icon-st-2{background-position: -29px -117px;}
.block-system ul li i.icon-st-3{background-position: -62px -117px;}
.block-system ul li i.icon-st-4{background-position: -92px -117px;}
.block-system ul li i.icon-st-5{background-position: -119px -117px;}
.block-system ul li i.icon-st-6{background-position: -151px -117px;}
.block-system ul li i.icon-st-7{background-position: -181px -117px;}
.block-system ul li i.icon-st-8{background-position: -214px -117px;}
.block-system .txt-st{overflow: hidden;}
.block-system .txt-st h3{font: 400 14px/20px 'Montserrat-SemiBold', sans-serif; color: #333; text-transform: uppercase; margin-bottom: 7px;}
.block-system .txt-st p{font: 400 14px/20px 'Roboto', sans-serif; color: #555}
.block-system a.register-now{font: 400 13px/20px 'Roboto', sans-serif; color: #fff; display: block; background: #4285f4; padding: 8px 0; border-radius: 4px; text-transform: uppercase; text-align: center; width: 170px; margin: auto;}


.slider{position: relative;}
.slider .img-bg{ z-index: 0;}
.slider .txt-{z-index: 5;}
.slider h1{font: 400 30px/normal 'Montserrat-SemiBold', sans-serif; color: #4285f4; text-transform: uppercase; display: block; width: 100%;}
.slider .pr{font: 700 20px/29px 'UTM Aptima', sans-serif; text-align: center;}
.slider .pr span{float: left; color: #fff; background: #4285f4; padding: 6px 10px 9px;}
.slider .pr-2 span{padding: 6px 0 9px; width: 100%;}
.slider .pr i.bf{width: 24px; height: 44px; background: url(../images/front/bg-pr.png) no-repeat; float: left;}
.slider .pr i.af{width: 24px; height: 44px; background: url(../images/front/bg-nt.png) no-repeat; float: left;}

.slider .container{position: relative;}

.slider #iview-timer{z-index: -1;}
#iview{display: block; width: 100%; height: 500px; position: relative; overflow: hidden; }
#iview div.iview-directionNav {position: absolute; top: 50%; left: 0px; margin-top: -18px; z-index: 9; width: 100%; }
a.icon-p-n {display: block; cursor: pointer; position: absolute; top: 0; width: 22px !important; height: 36px !important; background: url(../images/front/sprite.png) no-repeat; text-indent: -9999px;}

a.icon-p-n.prev{background-position: 0 -71px; left: 25px !important;}
a.icon-p-n.prev:hover{background-position: -47px -71px }

a.icon-p-n.next{background-position: -23px -71px; right: 25px !important;}
a.icon-p-n.next:hover{background-position: -69px -71px; }

.slider .ls-circle-timer{z-index: -1;}

#back-to-top{width: 42px; height: 42px; text-indent: -9999px; display: none; background: url(../images/front/back-top.png) no-repeat; position: fixed; right: 10px; bottom: 20px; z-index: 200;}

.block-system a.register-now:hover,
.block-register a.register:hover,
.block-traditional a.sp:hover{background: #ff8d00;}
.choose-ct a.register-now:hover{background: #4285f4;}

.footer-bot ul li a:hover,
.footer-top .col-md-3 ul.list_ li a:hover{color: #000;}
/*==========================================================================*/
a.menu-mobile{display: none; width: 25px; height: 19px; text-indent: -9999px; background: url(../images/front/line.png) no-repeat; position: absolute; right: 0; top: 20px;}

@-moz-document url-prefix() { 
	
}

@media (max-width: 1190px){
    .mcd-menu li{padding: 7px 10px;}
    .slider .pr i{display: none;}
    .block-system .txt-st h3{height: 40px;}
    ul.app{margin: 0 -3px;}
    ul.app li{padding: 0 3px;}
    .footer-top{padding: 20px 0 0;}
    .register-ft .pull-left,
    .register-ft .pull-right{width: 100%; text-align: center;}
    .register-ft{position: relative; top: auto; left: auto; margin-bottom: 20px; padding: 15px;}
    .block-mail{width: 250px; margin: auto;}
    .block-mail input{width: 190px;}
    .left-1{left: 70px !important;}
    .left-4{right: 255px !important;}
    .left-5{right: 410px !important;}
}
@media (max-width: 990px){
    .footer-bot .pull-left,
    .footer-bot .pull-right{width: 100%;}
    .footer-bot ul{margin-bottom: 10px;}
    .footer-bot{text-align: center;}    
    
    
    a.menu-mobile{display: block;}
    .mcd-menu{width: 250px; background: #fff; position: absolute; right: -24px; top: 77px; z-index: 200; display: none;}
    .mcd-menu li ul li,
    .mcd-menu li{float: none; padding: 10px 20px; border-bottom: 1px solid #eee;}
    .mcd-menu li ul li a,
    .mcd-menu li a{padding: 0; border: none;}
    .mcd-menu li a i{position: absolute; left: 0; margin-left: 0; top: 0;}
    .mcd-menu li a strong{margin-left: 20px;}
    .mcd-menu li a i.fa-dv{margin-left: -7px;}
    .mcd-menu li:hover > ul, .mcd-menu li ul li:hover > ul{top: 40px; left: 0; width: 100%;}
    .mcd-menu li ul li ul{border: none; border-top: 4px solid #e67e22;}
    .mcd-menu li ul li ul:before{border: 5px solid transparent; border-bottom: 5px solid #e67e22; top: -14px; left: 25px;}
    .service-ft{padding-left: 0;}

    .img-trad{padding-top: 25px; text-align: center;}
    .block-system .txt-st h3{height: auto;}
    .block-system ul li{min-height: inherit; margin-bottom: 20px;}
    .block-system .txt-st p{height: 60px; overflow: hidden;}
    h2{font-size: 18px;}

    .left-0{left: 80px !important;}
    .left-1{left: 70px !important;}
    .left-2{left: 190px !important;}
    .left-4{right: 225px !important;}
    .left-5{right: 350px !important;}
    .block-traditional .mg-trad{margin-bottom: 30px;}
    .block-system{padding-bottom: 40px;}
}
@media (max-width: 750px){
    .mcd-menu{right: -15px;}
    .choose-ct{width: 100%;}
}
@media (max-width: 680px){
    .header-top .pull-left ul{text-align: center; width: 100%; border-bottom: 1px solid #76aaff; margin: 0;}
    .header-top .pull-left,
    .header-top .pull-right{width: 100%;}
    .block-search{float: left;}
    .block-register{float: right;}
    .block-search input{border-left: none;}
    ul.solution li{width: 50%; margin-bottom: 20px;}
}
@media (max-width: 630px){
    .block-system ul li{width: 100%;}
    .block-system .txt-st p{height: auto;}
    .left-2{left: 170px !important;}
    .left-4{right: 200px !important;}
    .left-5{right: 300px !important;}
}
@media (max-width: 500px){
    .footer-top .col-md-3{width: 100%;}
    .left-2{left: 160px !important;}
    .left-4{right: 180px !important;}
    .left-5{right: 260px !important;}
}
@media (max-width: 400px){
    a.icon-p-n{display: none;}
    .header-top ul.list-sp li{padding: 12px 4px;}
    .header-top ul.list-sp li span:before{margin-right: 5px;}
    .block-register{margin-left: 10px;}
    .block-search{width: 190px;}
    .block-search input{padding-left: 10px;}
    ul.solution li{width: 100%;}

    .img-us{right: 40px !important;}
    .img-2{right: 40px !important;}
    .left-0{left: 30px !important;}
    .left-1{top: 70px !important; left: 10px !important;}
    .left-2{top: 70px !important; left: 80px !important;}
    .left-3{right: 70px !important;}
    .left-4{right: 20px !important;}
    .left-5{right: 120px !important;}
}