﻿@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}
*{padding:0px; margin:auto;}
a{color: #414141;text-decoration: none;}
a:hover{color:#16459e;}
img{border:0px;}
body{font: normal 14px arial;color:#000;background:#fff url(../images/bg.jpg) no-repeat center bottom fixed;background-size:cover;-moz-background-size:cover;-webkit-animation:-amp-start 0s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 0s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 0s steps(1,end) 0s 1 normal both;animation:-amp-start 0s steps(1,end) 0s 1 normal both}
.w-content-full{width:1100px;}
/*-------------------
       HEADER
---------------------*/
#head{background:#fff;box-shadow: 1px 1px 10px 1px #ABA9A9;border-bottom:1px solid #ccc;}
.hScroll{position:fixed;top:0;width:100%;z-index:9999;}
#head .h-support{font-size:11px;padding: 5px 0;}
#head .h-support img{max-width:100%;}
#head .h-support ul{list-style:none;}
#head .h-support ul li{display:inline-block;}
#head .h-support ul li a{display:block;}
#head .h-navigation{padding:0;background:#16459e;}
#head .h-navigation .h-logo{width:15%;background:#fff;padding:0 10px;}
#head .h-navigation .h-logo img{width:100%;vertical-align:middle;}
#head .h-navigation ul{list-style:none;font-size:15px;}
#head .h-navigation ul li{display:inline-block;}
#head .h-navigation ul li a{display:block;padding:17px 20px;color:#fff;}
#head .h-navigation ul li ul{display:none;width:250px;background:#fff;border:1px solid #ccc;border-top:3px solid #16459e;
z-index:99;left:0;font-size:13px;}
#head .h-navigation ul li:hover ul{display:inherit;}
#head .h-navigation ul li:hover{background:#4db2ec;}
#head .h-navigation ul li.hover{background:#4db2ec;}
#head .h-navigation ul li ul:after {content: "";border-style: solid;border-width: 0px 5px 5px 5px;
    border-color: transparent transparent #16459e transparent;position: absolute;top: -8px;left: 36%;}
#head .h-navigation ul li ul li{display:block;border-bottom:1px solid #ccc;}
#head .h-navigation ul li ul li:hover{background:#f1f1f1;}
#head .h-navigation ul li ul li a{padding:10px 5px;color:#000;}
#head .h-navigation ul li ul li a:hover{padding-left:7px;}
#head .h-navigation ul li.search{background:none !important;}
#head .h-navigation ul li.search a{padding:0 20px;}
#head .h-navigation ul li.search img{width:30px;vertical-align:middle;margin-top:-20px;}
ul#inputsearch{margin:30px 0 0 -170px;}
ul#inputsearch li{padding:5px 0 5px 5px;}
#head .h-navigation ul li ul#inputsearch:after{content: "";border-style: solid;border-width: 0px 5px 5px 5px;
    border-color: transparent transparent #16459e transparent;position: absolute;top: -8px;left:80%;}
ul#inputsearch input[type="submit"]{cursor:pointer;}

.mHead{position:relative;display:none;}
.mHead .mLogo{float:left;width:30%;margin-top:10px;}
.mHead .mLogo img{width:100%;}
.mHead .mCate{float:right;width:10%;right:5%;margin-top:2%;}
.alt-main-cate{margin:2px 0 0 10px;float:left;position:relative;padding:10px 0;display:none;transition-duration: 1s;-webkit-transition-duration: 1s;-moz-transition-duration: 1s;-o-transition-duration: 1s;}/*main*/
.btn-toggle-cate{background:#f7b300;border: 1px solid #ffcc00;width: 45px;height: 22px;position: relative;border-radius: 3px;cursor: pointer;padding: 10px 0 0 0;}
.btn-toggle-cate:before{content: '';position: absolute;left: 35px;top: 12px;width: 0;height: 0;border-style: solid;border-width: 4px 4px 0 4px;border-color: #2c3e50 transparent transparent transparent;}
.btn-toggle-cate > i{display: block;height: 2px;width: 14px;background: #2c3e50;position: relative;}
.btn-toggle-cate > i:before, .btn-toggle-cate > i:after{content: '';position: absolute;top: 4px;left: 0;width: 100%;height: 100%;background: inherit;}
.btn-toggle-cate > i:after {top: 8px;}
.alt-drp-cate{display:none;position: absolute;top: 100%;right: 0;z-index: 4;width: 290px;
box-shadow: 0 1px 5px #707070;-moz-box-shadow: 0 1px 5px #707070;-webkit-box-shadow: 0 1px 5px #707070;}/*drop*/
.alt-main-cate:hover .alt-drp-cate{display:inherit;}
.lbl-maincate-drp {position: relative;font-size: 12pt;color: #555;background: #ecf0f1;height: 40px;line-height: 40px;
    padding: 0 17px;font-weight:bold;}
.lbl-maincate-drp:before {content: '';position: absolute;top: -8px;right: 23px;width: 0;height: 0;border-style: solid;
    border-width: 0 8px 8px 8px;border-color: transparent transparent #ecf0f1 transparent;}
.list-cates{position: relative;min-width: 229px;background-color: #fff;}
.list-cates ul{list-style:none;}
.list-cates ul li{border-bottom:1px solid #ecf0f1;font-size:10pt;}
.list-cates ul li a{display:block;padding:10px 10px 10px 20px;transition-duration: 0.5s;-webkit-transition-duration: 0.5s;-moz-transition-duration: 0.5s;-o-transition-duration: 0.5s;}
.list-cates ul li a:hover{padding-left:30px;transition-duration: 0.5s;-webkit-transition-duration: 0.5s;-moz-transition-duration: 0.5s;-o-transition-duration: 0.5s;}
/*-------------------
       SLIDER
---------------------*/
#slider{}
/*-------------------
       CONTENT
---------------------*/
#content{margin-top:12px;background:#fff;padding:10px 0;}
#content .m-short-content{width:98%;line-height:20px;}
#content .m-short-content h1{font-size:18px;color:#16459e;border-bottom:2px solid #16459e;padding:10px 0;margin:0 0 10px 0;}
#content .m-short-content h2{font-size:16px;padding:10px 0;}
#content .m-short-content h3{font-size:14px;padding:10px 0;}
#content .m-short-content div{margin-bottom:10px;}
#content .m-short-content p{margin-bottom:10px;}
#content .m-short-content img{width:90% !important; height: auto !important; padding: 10px; border:1px solid #ccc; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;margin:5px 0;}
#groups{margin-top:12px;background:#fff;}
#groups h2{width:98%;font-size:17px;color:#16459e;border-bottom:2px solid #16459e;padding:10px 0;margin:0 1% 10px 1%;}
#groups h2 a{color:#16459e;}
#groups .gitemL{color:#fff;}
#groups .gitemL .giBox{width:99.8%;margin:2px 0;}
#groups .gitemL img{width:100%;}
#groups .gitemL .desc{bottom:-143px;z-index:999;margin:0 20px 20px;color:#fff;max-height:150px;}
#groups .gitemL:hover .desc{bottom:0;}
#groups .gitemL .desc .parent{background:rgba(0, 0, 0, 0.7);font-size:12px;}
#groups .gitemL .desc a{color:#fff;}
#groups .gitemL:hover .desc .parent{background:#16459e;}
#groups .gitemL .desc .shortintro{font-size:12px;}
#groups .gitemL h2{font-size:25px;padding:10px 0;border:0;}
#groups .gitemL:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);}
#groups .gitemR{color:#fff;margin:2px 0;}
#groups .gitemR img{width:100%;}
#groups .gitemR .giBox{width:99%;}
#groups .gitemR .desc{bottom:-120px;z-index:999;margin:0 20px 20px;color:#fff;max-height:125px;}
#groups .gitemR:hover .desc{bottom:0;}
#groups .gitemR .desc .parent{background:rgba(0, 0, 0, 0.7);font-size:12px;}
#groups .gitemR .desc a{color:#fff;}
#groups .gitemR:hover .desc .parent{background:#16459e;}
#groups .gitemR .desc .shortintro{font-size:12px;}
#groups .gitemR h2{font-size:18px;padding:10px 0;border:0;}
#groups .gitemR:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);}
#groups .gend{margin-top:0px;}
#groups .g-item{width:90%;margin-bottom:10px;}
#groups .g-item .g-images{height:220px;}
#groups .g-item .g-images .g-image{z-index:1;}
#groups .g-item .g-images .g-image img{width:100%;}
#groups .g-item .g-images .g-image-back{z-index:2;vertical-align:middle;padding:50px 10px 10px;background:#fff url(../images/gBack.jpg) no-repeat bottom center;
color:#fff;line-height:20px;bottom:-220px;height:160px;}
#groups .g-item .g-images .g-image-back .gb-text{height:82px;}
#groups .g-item .g-images .g-image-back .gb-button{padding:7px 10px;background:#16459e;}
#groups .g-item .g-images .g-image-back .gb-button a{color:#fff;}
#groups .g-item:hover .g-image-back{bottom:0;}
#groups .g-item .g-title{color:#16459e;}
#groups .g-item .g-title a{display:block;padding:10px 0;height:32px;}
#groups .g-item .g-short{padding:0 0 10px;height:54px;}
#groups .g-item .g-view{padding:10px 0 10px;}
#groups .g-item .g-view a{font-weight:bold;font-size:13px;}
#groups .g-more{border:1px dashed #ccc;background:#f1f1f1;}
#groups .g-more:hover{background:#f6f6f6;}
#groups .g-more a{display:block;}
#subs{margin-top:12px;background:#fff;overflow: hidden;padding:15px 0;}
#subs .sBox{width:96%;margin-bottom:10px;}
#subs .s-title {}
#subs .s-title a{color:#fff;}
#subs .s-title h1 {padding: 10px 0;font-size: 18px;color: #16459e;}
#subs .s-title h2 {padding: 10px 15px;background-color: #16459e;font-size: 11pt;border-radius: 3px 3px 0px 0px;
    -moz-border-radius: 3px 3px 0px 0px;-webkit-border-radius: 3px 3px 0px 0px;color: #fff;margin-left: 5px;}
#subs .s-title h3 {padding: 10px 15px;background-color: #16459e;font-size: 11pt;border-radius: 3px 3px 0px 0px;
    -moz-border-radius: 3px 3px 0px 0px;-webkit-border-radius: 3px 3px 0px 0px;color: #fff;margin-left: 5px;}
#subs .s-content {line-height: 1.7em;}
.newsHomeBox {overflow: hidden;}
.newsItem {padding: 10px 5px 5px 5px;}
.newsItem .image{padding: 4px;border: 1px solid #DDD;overflow:hidden;margin:0 10px 10px 0;width: 34.2%;}
.newsItem .image img {width: 250px;height: 162px;}
.newsItem .image:hover img {transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);}
.newsItem .title {padding: 0px 0px 5px 0;}
.newsItem .desc {width: 63%;}
.newsItem a.more {padding: 3px 10px;background: #16459e;color: #fff;margin: 10px 0;display: block;font-size:12px;}
.newsItem a.more:hover{background:#000;}
.newsItemL {width:35%;height: 330px;padding: 5px 5px 5px 0;overflow:hidden;}
.newsItemL .image{padding: 4px;border: 1px solid #DDD;overflow:hidden;margin-bottom: 10px;}
.newsItemL .image img {width: 250px;height: 162px;}
.newsItemL .image:hover img {transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);}
.newsItemL .title {border: 0;}
.newsItemL .title a {font-size: 14px;font-weight: bold;line-height:20px;}
.newsItemR {height: 90px;padding: 5px 0px;font-size:13px;}
.newsItemR .image{padding: 4px;border: 1px solid #DDD;overflow:hidden;}
.newsItemR .image img {width: 128px;height: 85px;}
.newsItemR .image:hover img {transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);}
.newsItemR .title {padding: 0px;margin: -2px 0 5px 0;border-bottom: 0;line-height: 18px;width: 66%;padding-left: 2%;}
.newsItemR .desc{line-height: 18px;width: 66%;padding-left: 2%;}
.s-full-intro{margin:10px 0;background:#f8f8f8;text-align:justify;padding-right:5px;}
.s-full-intro img{float:left;width:25%;margin-right:10px;}
.s-full-intro span.view{font-size:9pt;}
.s-full-content{margin:5px 0;}
.s-full-content h2{font-size:16px;padding:10px 0;}
.s-full-content h3{font-size:14px;padding:10px 0;}
.s-full-content h4{font-size:13px;padding:10px 0;}
.s-full-content img{width:97% !important; height:auto !important;padding:1%;border:1px solid #ccc;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background:#fff;margin: 5px 0;}
#subs .sContentR{width:30%;}
#subs .sContentR .adv{margin-bottom:10px;padding-right:10px;}
#subs .sContentR .adv:hover img{-webkit-filter: brightness(120%);-moz-filter: brightness(120%);filter: brightness(120%);}
#subs .sContentR .partner{margin-top:10px;padding-right:10px;}
.tabs-panel{-webkit-box-shadow: 3px 3px 6px 0px #ccc;-moz-box-shadow: 3px 3px 6px 0px #ccc;box-shadow: 3px 3px 6px 0px #ccc;}
.tabs-panel .tabs-title{display:block;border-bottom:2px solid #16459e;padding:14px 5px 10px;font-size:15px;color: #16459e;}
.tabItemR {max-height: 85px;margin: 5px 0 10px 0;padding: 5px 0;border-bottom: 1px solid #eee;font-size:13px;}
.tabItemR .title {margin: -5px 0 5px 0;border-bottom: 0;line-height: 18px;padding:5px 10px;max-height:35px;overflow:hidden;}
.tabItemR .desc {padding:0 10px;line-height: 17px;height:50px;}
.rbox {margin-bottom: 10px;}
.gItemR {background: #16459e;font-size: 13px;}
.gItemR a {display: block;border-bottom: 1px solid #000;border-top: 1px solid #eee;color: #fff;}
.gItemR a:hover {background: #000;padding-left: 20px;}
#maps{margin-top:12px;}
.newsSub{padding:5px 0;width:49%;height:50px;margin:2px; border:1px dotted #ccc;background:#f9f9f9;}.newsSub:hover{background:#fff;}
.newsSubItem{width:97%;}
.recommend{margin-bottom:60px;border-left:4px solid #16459e;padding:20px 5%;}
.recommend h3{padding-bottom:20px;font-size:11pt;}
.recommend .re-content{font-size:13pt;font-style:italic;line-height:1.78;}
.recommend .re-content img{width:100% !important;height:auto !important;}


/*-------------------
       FOOTER
---------------------*/
#foot{margin-top:12px;background:#fff;}

#foot .f-title{padding:10px 0;font-size:15px;}
#foot .f-content{line-height:20px;font-size:13px;}
#foot .f-content p{padding-bottom:5px;}
#foot .f-content ul{list-style:none;}
#foot .f-content ul li{display:inline-block;}
#foot .f-content ul li a{background:#4db2ec;}
#foot .f3{background:#16459e;color:#fff;}
#foot .f3 a{color:#fff;}
#foot .f-hotline{color:red;font-size:20px;}

.btn-call-now {
    display: block;
    position: fixed;
    left: 50px;
    bottom: 100px;
    height: auto;
    width: auto;
    border-top: none;
    background: transparent;
    text-decoration: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-bottom-right-radius: 30px;
    border-top-right-radius: 30px;
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
    z-index: 9;
}
.phone-circle {
    position: relative;
    display: inline-block;
    width: 44px;
    height: 44px;
    background-color: #ff3425;
    border-radius: 100%;
}
.phone-circle img {
    position: absolute;
    left: 12px;
    top: 8px;
    color: #fff;
    font-size: 30px;
    -webkit-animation: ring-anim 1s infinite ease-in-out;
    animation: ring-anim 1s infinite ease-in-out;
}
.phone-circle .ping {
    display: inline-block;
    width: 44px;
    height: 44px;
    opacity: 1;
    border: 1px solid #f33;
    background-color: rgba(238,46,36,.2);
    border-radius: 100%;
    -webkit-animation: sonar-anim 1.25s linear infinite;
    animation: sonar-anim 1.25s linear infinite;
}
@-webkit-keyframes sonar-anim{
    0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
    100%{-webkit-transform:scale(3);transform:scale(3);opacity:0}
}
@keyframes sonar-anim{
    0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
    100%{-webkit-transform:scale(3);transform:scale(3);opacity:0}
}
@-webkit-keyframes ring-anim {
    0% {-webkit-transform:rotate(0) scale(1) skew(1deg);transform:rotate(0) scale(1) skew(1deg)}
    10% {-webkit-transform:rotate(-25deg) scale(1) skew(1deg);transform:rotate(-25deg) scale(1) skew(1deg)}
    20% {-webkit-transform:rotate(25deg) scale(1) skew(1deg);transform:rotate(25deg) scale(1) skew(1deg)}
    30% {-webkit-transform:rotate(-25deg) scale(1) skew(1deg);transform:rotate(-25deg) scale(1) skew(1deg)}
    40% {-webkit-transform:rotate(25deg) scale(1) skew(1deg);transform:rotate(25deg) scale(1) skew(1deg)}
    50% {-webkit-transform:rotate(0) scale(1) skew(1deg);transform:rotate(0) scale(1) skew(1deg)}
    100% {-webkit-transform:rotate(0) scale(1) skew(1deg);transform:rotate(0) scale(1) skew(1deg)}
}
@keyframes ring-anim {
    0% {-webkit-transform:rotate(0) scale(1) skew(1deg);transform:rotate(0) scale(1) skew(1deg)}
    10% {-webkit-transform:rotate(-25deg) scale(1) skew(1deg);transform:rotate(-25deg) scale(1) skew(1deg)}
    20% {-webkit-transform:rotate(25deg) scale(1) skew(1deg);transform:rotate(25deg) scale(1) skew(1deg)}
    30% {-webkit-transform:rotate(-25deg) scale(1) skew(1deg);transform:rotate(-25deg) scale(1) skew(1deg)}
    40% {-webkit-transform:rotate(25deg) scale(1) skew(1deg);transform:rotate(25deg) scale(1) skew(1deg)}
    50% {-webkit-transform:rotate(0) scale(1) skew(1deg);transform:rotate(0) scale(1) skew(1deg)}
    100% {-webkit-transform:rotate(0) scale(1) skew(1deg);transform:rotate(0) scale(1) skew(1deg)}
}

/*-------------------
      MẠNG XÃ HỘI
---------------------*/
.mc-adsense{display:none}.content-adsense{display:none}.right-adsense{display:none}.group-adsense{display:none}
.lnkxCgsFdbk_tab{right:0 !important;left:0 !important;}
#mxh{position:fixed;top:30%;right:-220px;width:220px;z-index:9999;background:#fff;
     transition:0.80s;-webkit-transition:0.80s;-moz-transition:0.80s;-o-transition:0.80s;}
#mxh:hover{right:0px;transition:0.80s;-webkit-transition:0.80s;-moz-transition:0.80s;-o-transition:0.80s;}
#mxh .mxh_content{position:relative;}
#mxh .mxh_content .mxh_left{float:left;border:1px solid #0074c8;width:220px;text-align:center;min-height:176px;}
#mxh .mxh_content .mxh_left .face{margin:10px;}
#mxh .mxh_content .mxh_left .gplus{margin:10px;}
#mxh .mxh_content .mxh_right{float:right;border-radius:5px 5px 0px 0px;background:#0074c8;color:#fff;
    transform: rotate(90deg);-webkit-transform: rotate(-90deg);-ms-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-o-transform: rotate(-90deg);
	font-weight:bold;position:absolute;padding:10px;width:200px;margin-top:92px;text-align:center;right:129px;
	transition:0.80s;-webkit-transition:0.80s;-moz-transition:0.80s;-o-transition:0.80s;
}
#mxh:hover .mxh_right{transform: rotate(0deg);-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);
transition:0.80s;-webkit-transition:0.80s;-moz-transition:0.80s;-o-transition:0.80s;margin-top:-35px;right:0;}
#info{padding:15px 0 10px 10px;border-bottom:1px dashed #ccc;}
#info img{width:100%;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;}
#info .avatar{float:left;width:30%;margin-right:5%;}
#info .iTitle{font-weight:bold;padding-bottom:5px;float:left;width:65%;text-align:left;font-size:12px;}
#info .iPhone{font-size:17px;color:red;font-weight:bold;margin-top:5px;text-align:left;}
/*Update 30-07-2018*/
.hot-key{margin:0 1%;}
.hot-key:after{content:'';display:block;clear:both;}
.title-hot-key{text-transform:uppercase;float:left;margin:5px 0 10px;font-size:12px;}
.hot-key a{display:block;float:left;margin-bottom:10px;padding:5px 10px;background:#300d00;color:#fff;margin:0 5px;font-size:12px;transition:0.7s;}
.hot-key a:hover{background:#16459e;}
.nPart{margin:10px 0;padding:10px 5px;background:#f6f8f7;font-weight:bold;font-size:12px;line-height:20px;}
.nPart a{color:#373;margin:0 5px;padding-left:15px;background:url(../images/dot_button2.JPG) no-repeat center left;background-position:0;}
.nPart a:hover{text-decoration:underline;}
.main-tags{margin:20px 0;}
.main-tags:after, .content-tags:after{content:'';display:block;clear:both;}
.main-tags .header-tags{overflow:hidden;background:#f6f5f4;border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;-webkit-border-radius:5px 3px 0 0;}
.main-tags .pos-tags{float:left;padding:10px 0;width:8%;background:#16459e;text-align:center;color:#fff;}
.main-tags .pos-tags span{font-size:23px;font-weight:bold;}
.main-tags .title-tags{float:left;width:90%;padding:10px 1%;}
.main-tags .title-tags h2{color:#000;background:none;font-size:15pt;font-weight:normal;}
.content-tags{padding:15px;border:1px solid #f6f5f4;line-height:22px;margin-bottom:30px;}
.content-tags img{float:right;margin:0 0 10px 10px;width:40%;}
.content-tags a{color:#16459e;}










