@font-face
{
    font-family: 'RR';
    src: url('../css/font/Roboto-Regular.eot'); /* IE9 Compat Modes */
    src: url('../css/font/Roboto-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../css/font/Roboto-Regular.woff') format('woff'), /* Modern Browsers */
    url('../css/font/Roboto-Regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../css/font/Roboto-Regular.svg#Roboto-Regular') format('svg'); /* Legacy iOS */
}
@font-face
{
    font-family: 'RB';
    src: url('../css/font/Roboto-Bold.eot'); /* IE9 Compat Modes */
    src: url('../css/font/Roboto-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../css/font/Roboto-Bold.woff') format('woff'), /* Modern Browsers */
    url('../css/font/Roboto-Bold.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../css/font/Roboto-Bold.svg#Roboto-Bold') format('svg'); /* Legacy iOS */
}
@font-face
{
    font-family: 'IC';
    src: url('../css/font/iCielCadena.eot'); /* IE9 Compat Modes */
    src: url('../css/font/iCielCadena.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../css/font/iCielCadena.woff') format('woff'), /* Modern Browsers */
    url('../css/font/iCielCadena.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../css/font/iCielCadena.svg#iCielCadena') format('svg'); /* Legacy iOS */
}

.imgc, .imgc0{position:relative;z-index:1;display: block}
.imgc:before, .imgc0:before{content:"";display:block;padding-bottom: 66.66%}
.imgc img {object-fit: cover;width: 100%;height: 100%;position: absolute;top: 0;left: 0;display: block}
.imgc0 img {width: 100%;height: 100%;position: absolute;object-fit: scale-down;display: block;top: 0;left: 0}
.imgc iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%}

.TextSize {margin-bottom: 20px;font-family: Arial !important;font-size: 17px !important;line-height: 24px;text-align: justify}
.TextSize p {margin: 0 0 10px 0}
.text.TextSize {margin: 0}
.TextSize img {max-width: 100%;height: auto !important}
.TextSize table, .TextSize iframe {max-width: 100%}
.slick-arrow {border: none;outline: none;cursor: pointer;position: absolute;z-index: 3;box-sizing: border-box;width: 54px;height: 54px;left: -70px;top: calc(50% - 27px);background: url(images/prev1.png) no-repeat center;opacity: 0.7}
.slick-next {left: auto;right: -70px;background-image: url(images/next1.png)}
.slick-arrow:hover {opacity: 1}
.slick-list * {outline: none}
.slick-list {overflow: hidden}
.slick-slider {-webkit-user-select: text;-moz-user-select: text;-ms-user-select: text;user-select: text;}
.fancybox-caption {text-align: center}
.cb {clear: both}
.shareP .fb-like, .shareP #___plus_0, .shareP .twitter-share-button {float: left;margin-right: 5px}
.fb-share-button {transform: translateY(-7px);-webkit-transform: translateY(-7px);-moz-transform: translateY(-7px)}

.commonTool {border-bottom: 1px solid #eee;padding-bottom: 10px;overflow: hidden;margin-bottom: 20px;font-size: 13px;line-height: 20px}
.commonTool .date {color: #999;float: left}
.commonTool .date .date {padding-left: 15px;background: url(images/date1.png) no-repeat left center}
.commonTool .date .view {padding-left: 17px;background: url(images/view1.png) no-repeat left center;margin-left: 20px}
.commonTool .right {float: right}
.commonTool .changeSize {float: left}
.commonTool .changeSize a {color: #999;text-decoration: none;margin-right: 5px;float: left}
.commonTool .LargeSize, .commonTool .SmallSize {width: 20px;height: 20px;background: url(images/up.png) no-repeat center}
.commonTool .SmallSize {background: url(images/down.png) no-repeat center}
.commonTool .social {float: left}
#CommonCuoiChiTietTin {overflow: hidden;padding: 10px 0 5px 0;border-top: 1px solid #eee;border-bottom: 1px solid #eee;margin-bottom: 30px}
#CommonCuoiChiTietTin .apd {float: left}
#CommonCuoiChiTietTin .apd a {font-size: 13px;float: left;text-decoration: none;color: #999;padding: 0 10px 0 25px;margin-right: 20px;background-color: #f7f7f7;line-height: 30px}
#CommonCuoiChiTietTin .apd a:hover {color: #00b2ee}
#CommonCuoiChiTietTin .email span {display: none}
#CommonCuoiChiTietTin .email {background: url(images/email.png) no-repeat left 10px center}
#CommonCuoiChiTietTin .apd .prevDBT {background: #f7f7f7 url(images/trangtruoc.png) no-repeat left 10px center;padding-left: 22px}
#CommonCuoiChiTietTin .print {background: url(images/in.png) no-repeat left 10px center}
#CommonCuoiChiTietTin .right {float: right}
#CommonCuoiChiTietTin .right .shareItem {float: left;margin-left: 5px}
.SplitPages {text-align: center;padding-bottom: 30px;padding-top: 25px;border-top: 1px solid #cecece}
.SplitPages a {display: inline-block;margin: 0 2px;border: 1px solid #00b2ee;height: 34px;line-height: 36px;min-width: 34px;text-decoration: none;color: #00b2ee;border-radius: 50%;background-color: white}
.SplitPages .dau {background: white url(images/truoc.png) no-repeat center}
.SplitPages .cuoi {background: white url(images/sau.png) no-repeat center}
.SplitPages a:hover, .SplitPages a.hientai {background-color: #00b2ee;border-color: #00b2ee;color: white}
.SplitPages .truoc, .SplitPages .sau {display: none}
.SplitPages .dau:hover {background-image: url(images/truoc_hv.png)}
.SplitPages .cuoi:hover {background-image: url(images/sau_hv.png)}

body {padding: 0;margin: 0;min-width: 1200px;margin: auto;font: 15px 'RR';color: #333;position: relative;background-color: white}
.container {width: 1170px;margin: 0 auto;padding: 0}
.tt_cate, .tt_Detail, .title_k {font: 26px 'RB';margin-bottom: 20px;color: #00b2ee}


#header {height: 134px;position: relative;z-index: 4;box-shadow: 0 2px 5px rgba(0,0,0,0.1)}
#header .top {height: 57px;background-color: #00b2ee}
#header .hotline {display: inline-block;text-decoration: none;color: white;padding-left: 20px;background: url(images/phone.png) no-repeat left center;line-height: 22px;margin-top: 18px}
#header .hotline span, #header .email span  {font-family: 'RB'}
#header .right {float: right}
#header .email {float: left;color: white;text-decoration: none;padding-left: 20px;background: url(images/mail.png) no-repeat left center;margin-top: 18px;line-height: 22px}
#header .search {float: right;margin-left: 30px;height: 38px;width: 38px;position: relative;margin-top: 8px}
#header .search a {display: block;height: 38px;background: rgba(255,255,255,0.5) url(images/search.png) no-repeat center;border-radius: 50%}
#header .search input {display: none;position: absolute;top: 0;right: 100%;outline: none;width: 200px;height: 38px;box-sizing: border-box;padding: 0 10px;font: 15px 'RR';border: 1px solid #00b2ee}
#header .logo {position: absolute;top: 0;left: calc(50% - 120px);height: 190px;background: url(images/bg_logo.png) no-repeat center;display: block;width: 240px;z-index: 3}
#header .logo img {width: 113px;height: 111px;margin: 35px 0 0 65px}

#footer {background:  url(images/bg_ft2.png) no-repeat bottom center, url(images/bg_ft1.jpg) no-repeat top center;background-size: 100% auto, cover;padding-bottom: 11%}
#footer .top {overflow: hidden;padding: 30px 0 70px 0}
#footer .contact_ft {width: 500px;float: left;color: white}
#footer .info {width: 200px;float: left;margin-left: 50px;color: white}
#footer .formFT {width: 335px;float: right;position: relative;background-color: white;box-sizing: border-box;padding: 17px 30px 27px 15px;position: relative;box-shadow: 0 5px rgba(0,0,0,0.2)}
#footer .contact_ft .title, #footer .info .title, #footer .formFT .title {font: 22px 'IC';margin-bottom: 15px;text-transform: uppercase}
#footer .contact_ft .home, #footer .contact_ft .phone, #footer .contact_ft .email, #footer .contact_ft .website {padding-left: 18px;margin-bottom: 15px;background: url(images/ft1.png) no-repeat left top 3px}
#footer .contact_ft .phone {background-image: url(images/ft2.png)}
#footer .contact_ft .email {background-image: url(images/ft3.png)}
#footer .contact_ft .website {background-image: url(images/ft4.png)}
#footer .contact_ft .map {display: block;width: 221px;height: 36px;background: url(images/map.png) no-repeat center}
#footer .info .menu_ft {margin-bottom: 25px}
#footer .info .menu_ft a {display: block;text-decoration: none;color: #333;padding-left: 12px;background: url(images/list.png) no-repeat left top 5px;color: white;margin-bottom: 12px}
#footer .info .imgc0 {width: 34px;height: 34px;display: inline-block;margin-right: 5px}
#footer .formFT:before {content:"";display: block;width: 34px;height: 100%;background: url(images/bg_form.png) repeat-y top 7px left;position: absolute;top: 0;left: -34px;box-shadow: 0 5px rgba(0,0,0,0.2)}
#footer .formFT .title {color: #00b2ee;text-align: center}
#footer .formFT input {display: block;width: 100%;height: 40px;box-sizing: border-box;padding: 0 15px;border-radius: 3px;margin-bottom: 10px;border: 1px solid #c0c0c0;font: 15px 'RR';color: #333;outline: none}
#footer .formFT .btn {display: block;text-align: center;text-decoration: none;background: #00b2ee url(images/dkn.png) no-repeat left calc(50% + 63px) center;color: white;line-height: 40px;border-radius: 20px;text-transform: uppercase}
#footer .bot {text-align: center;color: #00b2ee}

@media (min-width: 1200px){
    #menu {margin: 25px 0 0 0;padding: 0}
    #menu li {list-style: none;display: inline-block;position: relative}
    #menu .mnLeft {float: left}
    #menu .mnRight {float: right;text-align: right}
    #menu .mnLeft > li {margin-right: 25px;padding-bottom: 28px}
    #menu .mnRight > li {margin-left: 25px;padding-bottom: 28px}
    #menu .mnLeft > li > a, #menu .mnRight > li > a {display: block;text-decoration: none;color: #333;font: 17px 'IC';text-transform: uppercase}
    #menu li.active > a, #menu li:hover > a {color: #00b2ee}
    #menu li ul {position: absolute;top: 100%;left: -20px;width: 250px;padding: 0;margin: 0;display: none}
    #menu li ul li {display: block;margin-bottom: 2px}
    #menu li ul li a {display: block;text-decoration: none;color: white;background-color: #00b2ee;text-align: left;padding: 8px 20px;border-radius: 5px;font-family: 'RB';line-height: 22px}
    #menu li ul li:hover > a {color: white;background-color: #ffc03b}
    #menu li:hover > ul {display: block}
}

.big_tt {text-align: center;font: 32px 'IC';color: #00b2ee;margin-bottom: 25px}
.big_tt .title {text-decoration: none;color: #00b2ee}
.big_desc {text-align: center;max-width: 800px;margin: 0 auto 30px auto;line-height: 22px}
.desc_Detail {font-family: 'RB';margin-bottom: 30px;line-height: 22px}

#slide_home .imgc:before {padding-bottom: 31.578947368%}
#slide_home:after {content:"";display: block;position: absolute;z-index: 3;left: 0;bottom: 0;width: 100%;padding-bottom: 3.315789473%;background: url(images/bg_slide.png) no-repeat bottom center;background-size: 100%}
#slide_home .slick-prev {left: 20px;background: rgba(255,255,255,0.5) url(images/prev.png) no-repeat center;border-radius: 50%;opacity: 1}
#slide_home .slick-next {right: 20px;background: rgba(255,255,255,0.5) url(images/next.png) no-repeat center;border-radius: 50%;opacity: 1}
#slide_home .slick-arrow:hover {background-color: rgba(0,0,0,0.3)}
.welcome {padding: 50px 0 70px 0;color: white;background: url(images/may.png) no-repeat center, url(images/bg_welcome1.png) repeat-x top left;background-size: auto, auto 100%}
.welcome .big_tt {color: white}
.list_WC .slick-list {width: calc(100% + 30px)}
.list_WC .item {margin: 80px 30px 0 0;box-sizing: border-box;border-radius: 50px;background-color: #e6f8fe;border: 3px solid #0096c9;text-align: center;padding: 0 30px 40px 30px}
.list_WC .slick-track .item:nth-child(4n+2) {border-color: #f96a9a}
.list_WC .slick-track .item:nth-child(4n+3) {border-color: #43cd66}
.list_WC .slick-track .item:nth-child(4n) {border-color: #f9b001}
.list_WC .imgc0 {width: 185px;height: 145px;background: url(images/bqc1.png) no-repeat center;margin: -70px auto 10px auto}
.list_WC .slick-track .item:nth-child(4n+2) .imgc0 {background-image: url(images/bqc2.png)}
.list_WC .slick-track .item:nth-child(4n+3) .imgc0 {background-image: url(images/bqc3.png)}
.list_WC .slick-track .item:nth-child(4n) .imgc0 {background-image: url(images/bqc4.png)}
.list_WC .title {font: 20px 'IC';color: #333;text-decoration: none;display: block;margin-bottom: 10px;text-transform: uppercase}
.list_WC .desc {color: #333;line-height: 24px;height: 72px;overflow: hidden}

.WeOther {padding: 50px 0;background: url(images/baby.png) no-repeat left calc(50% + 750px) bottom, url(images/bg_baby1.png) no-repeat top 170px center, url(images/bg_baby.png)}
.list_WO {overflow: hidden}
.list_WO .item {width: calc((100% - 180px)/3);float: left;margin: 0 30px}
.list_WO .title {font: 18px 'IC';color: #333;text-decoration: none;text-align: center;margin: 10px 0 20px 0;display: block;text-transform: uppercase;line-height: 26px;height: 52px;overflow: hidden}
.list_WO .desc {line-height: 22px;text-align: justify}

.vdHome {padding: 50px 0 80px 0;background-position: bottom center, bottom 80px center !important;background-size: auto, auto 520px !important}
.vdHome .imgc {width: 900px;margin: 60px auto 0 auto}
.vdHome .imgc:before {padding-bottom: 56.25%}
.vdHome .imgc:after {content:"";display: block;width: 56px;height: 56px;position: absolute;left: calc(50% - 28px);top: calc(50% - 28px);background: rgba(0,178,238, 0.7) url(images/video.png) no-repeat center;border-radius: 50%}
.vdHome .imgc span {display: block;position: absolute;width: 70px;height: 70px;border: 1px solid white;left: calc(50% - 36px);top: calc(50% - 36px);border-radius: 50%}

.news_home {padding: 50px 0}
.news_home .slick-list {width: calc(100% + 20px)}
.list_N.slick-slider .item {margin-right: 20px}
.list_N .slick-list {width: calc(100% + 20px)}
.list_N:not(.slick-slider) {overflow: hidden}
.list_N:not(.slick-slider) .item {width: calc((100% - 40px)/3);float: left;margin: 0 0 50px 20px}
.list_N:not(.slick-slider) .item:nth-child(3n+1) {margin-left: 0;clear: both}
.list_N .imgc {max-width: 370px;margin: auto;display: block}
.list_N .imgc:before {padding-bottom: 64.864864864%}
.list_N .imgc:after {content:"";display: block;height: 100%;position: absolute;z-index: 2;width: 100%;left: 0;top: 0;z-index: 3;background: url(images/ka1.png) no-repeat center;background-size: 100%}
.list_N {text-align: center}
.list_N .title {font: 16px 'RB';color: #333;text-decoration: none;line-height: 22px;height: 44px;overflow: hidden;display: block;margin: 0 30px 15px 30px}
.list_N .title:hover {color: #00b2ee}
.list_N .desc {line-height: 22px;max-height: 88px;overflow: hidden;margin: 0 30px;margin-bottom: 20px}
.list_N .date, .list_news .date {width: 70px;height: 70px;margin-top: -40px;background-color: #00b2ee;border-radius: 50%;display: inline-block;font-size: 12px;color: white;box-sizing: border-box;padding-top: 20px;position: relative;z-index: 3;transform: translateY(-10px);-webkit-transform: translateY(-10px);-moz-transform: translateY(-10px)}
.list_N .date span, .list_news .date span {font: 14px 'RB';display: block;padding-bottom: 3px}
.list_N .date:before, .list_news .date:before {content: "";display: block;width: 58px;height: 58px;border: 1px dashed white;border-radius: 50%;position: absolute;top: 5px;left: 5px}
.list_N .xemct {display: inline-block;text-decoration: none;color: #00b2ee;padding: 0 25px;line-height: 34px;border: 1px solid #00b2ee;border-radius: 18px}
.list_N .xemct:hover {color: white;background-color: #00b2ee}

.list_N .item:nth-child(6n+2) .imgc:before {background-image: url(images/ka2.png)}
.list_N .item:nth-child(6n+3) .imgc:before {background-image: url(images/ka3.png)}
.list_N .item:nth-child(6n+4) .imgc:before {background-image: url(images/ka4.png)}
.list_N .item:nth-child(6n+5) .imgc:before {background-image: url(images/ka5.png)}
.list_N .item:nth-child(6n) .imgc:before {background-image: url(images/ka6.png)}
.list_N .item:nth-child(6n+2) .date {background-color: #f96a9a}
.list_N .item:nth-child(6n+3) .date {background-color: #43cd66}
.list_N .item:nth-child(6n+4) .date {background-color: #ffc03b}
.list_N .item:nth-child(6n+5) .date {background-color: #af72df}
.list_N .item:nth-child(6n) .date {background-color: #5fd8bd}
.list_N .item:nth-child(6n+2) .xemct {color: #f96a9a;border-color: #f96a9a}
.list_N .item:nth-child(6n+3) .xemct {color: #43cd66;border-color: #43cd66}
.list_N .item:nth-child(6n+4) .xemct {color: #ffc03b;border-color: #ffc03b}
.list_N .item:nth-child(6n+5) .xemct {color: #af72df;border-color: #af72df}
.list_N .item:nth-child(6n) .xemct {color: #5fd8bd;border-color: #5fd8bd}

.list_N .item:nth-child(6n+2) .xemct:hover {color: white;background-color: #f96a9a}
.list_N .item:nth-child(6n+3) .xemct:hover {color: white;background-color: #43cd66}
.list_N .item:nth-child(6n+4) .xemct:hover {color: white;background-color: #ffc03b}
.list_N .item:nth-child(6n+5) .xemct:hover {color: white;background-color: #af72df}
.list_N .item:nth-child(6n) .xemct:hover {color: white;background-color: #5fd8bd}

.list_N.list_TS .item .imgc:before {padding-bottom: 62.264150943%}
.list_N.list_TS .item .imgc:after {background-image: url(images/ts1.png)}
.list_N.list_TS .item:nth-child(6n+2) .imgc:before {background-image: url(images/ts2.png)}
.list_N.list_TS .item:nth-child(6n+3) .imgc:before {background-image: url(images/ts3.png)}
.list_N.list_TS .item:nth-child(6n+4) .imgc:before {background-image: url(images/ts4.png)}
.list_N.list_TS .item:nth-child(6n+5) .imgc:before {background-image: url(images/ts5.png)}
.list_N.list_TS .item:nth-child(6n) .imgc:before {background-image: url(images/ts6.png)}

.banner {position: relative}
.banner:before {content:"";display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.3) url(images/bg_banner.png) no-repeat bottom center;background-size: 100% auto;z-index: 2}
.banner .imgc:before {padding-bottom: 17.105263157%}
.infoBanner {position: absolute;z-index: 3;left: 0;top: 50%;width: 100%;color: white;transform: translateY(-80%);-webkit-transform: translateY(-80%);-moz-transform: translateY(-80%)}
.infoBanner span {display: block;font: 30px 'IC';text-transform: uppercase;margin-bottom: 10px}
.page_road a {display: inline-block;text-decoration: none;color: white;padding-right: 15px;margin-right: 5px;background: url(images/road.png) no-repeat right center}
.page_road a:last-child {padding-right: 0;margin-right: 0;background: none}

#content {padding: 50px 0 calc(15% - 170px) 0;background: url(images/bg_body.png) no-repeat bottom -80px center;background-size: 100% auto}
.baiKhac {padding-bottom: 50px}

.blogList {overflow: hidden;padding: 30px 0}
.blogList .item {width: calc((100% - 90px)/4);float: left;margin: 0 30px 30px 0;border-radius: 10px;text-align: center;overflow: hidden;background-color: #00b2ee;padding-bottom: 20px}
.blogList .imgc:after {content:"";display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 2;background: url(images/bg_cs1.png) no-repeat bottom center;background-size: 100% auto}
.blogList .imgc0 {display: inline-block;width: 45px;height: 45px;border-radius: 50%;border: 5px solid #00b2ee;background-color: white;margin-top: -30px}
.blogList .title {display: block;font-family: 'RB';color: white;line-height: 22px;margin-bottom: 15px}
.blogList .xemct {display: inline-block;padding: 0 25px;text-decoration: none;color: white;border: 1px solid white;line-height: 34px;border-radius: 18px}
.blogList .item:nth-child(4n+2) {background-color: #f96a9a}
.blogList .item:nth-child(4n+2) .imgc:after {background-image: url(images/bg_cs2.png)}
.blogList .item:nth-child(4n+3) {background-color: #43cd66}
.blogList .item:nth-child(4n+3) .imgc:after {background-image: url(images/bg_cs3.png)}
.blogList .item:nth-child(4n) {background-color: #9857c9;margin-right: 0}
.blogList .item:nth-child(4n) .imgc:after {background-image: url(images/bg_cs4.png)}

.bao_tt {overflow: hidden;margin-bottom: 30px;padding-top: 6px}
.bao_tt .title {float: left;margin-left: 40px;background-color: #00b2ee;font: 20px 'RB';color: white;background-color: #00b2ee;padding: 0 30px 0 60px;border-radius: 19px;line-height: 38px;text-decoration: none;position: relative}
.bao_tt .title:before {content:"";display: block;position: absolute;left: -40px;bottom: 0;width: 103px;background: url(images/bg_tt.png) no-repeat center;height: 44px}
.bao_tt .xemtc {float: right;text-decoration: none;color: #ffc03b;padding-right: 15px;background: url(images/xemtc.png) no-repeat right center;margin-top: 15px}
.list_news:not(.slick-slider) {overflow: hidden}
.list_news:not(.slick-slider) .item {width: calc((100% - 60px)/3);float: left;margin: 0 30px 60px 0}
.list_news:not(.slick-slider) .item:nth-child(3n) {margin-right: 0}
.list_news .item {text-align: center}
.list_news .imgc:before {padding-bottom: 68.6%}
.list_news .imgc:after {content:"";display: block;position: absolute;width: 100%;height: 100%;z-index: 2;background: url(images/bg_tin.png) no-repeat center;top: 0;left: 0;background-size: 100% auto}
.list_news .title {display: block;text-decoration: none;font: 16px 'RB';color: #333;line-height: 22px;height: 44px;overflow: hidden;margin-bottom: 10px}
.list_news .title:hover {color: #00b2ee}
.list_news .desc {line-height: 22px;max-height: 88px;overflow: hidden;margin-bottom: 10px}
.list_news .xemct {display: inline-block;text-decoration: none;color: #00b2ee;padding: 0 25px;line-height: 34px;border: 1px solid #00b2ee;border-radius: 18px;background-color: white;margin-bottom: 5px}
.list_news .xemct:hover {background-color: #00b2ee;color: white}
.list_news .date {transform: translateY(-15px);-webkit-transform: translateY(-15px);-moz-transform: translateY(-15px)}
.list_news.slick-slider .slick-list {width: calc(100% + 30px)}
.list_news.slick-slider .item {margin-right: 30px}
.list_news.list_TD .imgc {margin-bottom: 10px}
.list_news.list_TD .imgc:before {padding-bottom: 62.10%}
.list_news.list_TD .imgc:after {background-image: url(images/bg_td.png)}

.col_left {width: calc(100% - 400px);float: left;margin-bottom: 30px}
.col_right {width: 370px;float: right;margin-bottom: 30px}
.col_right .bao_tt {margin-bottom: 10px}
.col_right .bao_tt .title {float: none;display: block;text-align: center;text-indent: -40px}
.cateList {margin-bottom: 30px}
.cateList a {display: block;text-decoration: none;margin-bottom: 3px;padding: 8px 20px 8px 60px;border: 1px solid #00b2ee;border-radius: 20px;font-family: 'RB';color: #00b2ee;line-height: 22px;background: url(images/sao.png) no-repeat left 25px top 6px}
.cateList a.active, .cateList a:hover {background-color: #daf6ff}

.list_R {margin-bottom: 30px}
.list_R .item {overflow: hidden;padding: 15px 0;border-top: 1px dashed #daf6ff}
.list_R .item:first-child {border-top: none}
.list_R .imgc {width: 142px;float: left}
.list_R .imgc:before {padding-bottom: 69.72%}
.list_R .imgc:after {content:"";display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: url(images/bg_tinr.png) no-repeat center;z-index: 2}
.list_R .title {float: right;width: calc(100% - 155px);text-decoration: none;color: #333;font-family: 'RB';line-height: 22px;height: 88px;overflow: hidden;display: flex;align-items: center}
.list_R .title:hover {color: #00b2ee}

.list_V {overflow: hidden}
.list_V .item {width: calc(50% - 10px);float: right;margin: 10px 0 20px 0}
.list_V .item:nth-child(2n+1) {float: left;clear: both}
.list_V .imgc:before {padding-bottom: 62.86%}
.list_V .imgc:after {content:"";display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 3;background: url(images/bg_videor.png) no-repeat center}
.list_V .title {display: block;text-decoration: none;color: #333;font-family: 'RB';line-height: 22px;max-height: 66px;overflow: hidden;text-align: center;margin-top: 10px}
.list_V .title:hover {color: #00b2ee}
.list_V .imgc span {display: block;position: absolute;z-index: 3;width: 40px;height: 40px;background: rgba(0,178,238,0.7) url(images/video.png) no-repeat center;border-radius: 50%;background-size: 15px;top: calc(50% - 20px);left: calc(50% - 20px)}
.list_V .imgc span:before {content:"";display: block;width: 54px;height: 54px;border-radius: 50%;border: 1px solid white;position: absolute;top: -8px;left: -8px}

.list_PA:not(.slick-slider) {overflow: hidden;padding-bottom: 30px}
.list_PA:not(.slick-slider) .item {width: calc((100% - 90px)/4);float: left;margin: 0 0 30px 30px;text-align: center}
.list_PA:not(.slick-slider) .item:nth-child(4n+1) {clear: both;margin-left: 0}
.list_PA .imgc {width: 177px;height: 177px;border-radius: 50%;border: 5px solid white;box-sizing: border-box;margin: 40px auto 50px auto}
.list_PA .imgc img {border-radius: 50%}
.list_PA .imgc:after {content:"";display: block;width: 235px;height: 245px;background: url(images/hoa.png) no-repeat center;position: absolute;top: -37px;left: -34px}
.list_PA .title {display: block;text-decoration: none;color: #333;font: 16px 'RB';line-height: 22px;max-height: 44px;overflow: hidden;margin-bottom: 10px}
.list_PA .title:hover {color: #00b2ee}
.list_PA .date_view, .list_VD .date_view {font-size: 13px;color: #888}
.list_PA.slick-slider .item {margin-right: 30px;text-align: center}
.list_PA.slick-slider .slick-list {width: calc(100% + 30px)}

.album_zoom {overflow: hidden}
.album_zoom .imgc {width: calc((100% - 60px)/3);float: left;margin: 0 30px 30px 0;border-radius: 8px;overflow: hidden}
.album_zoom .imgc:nth-child(3n) {margin-right: 0}
.album_zoom .imgc:after {content:"";display: none;width: 100%;height: 100%;position: absolute;z-index: 3;top: 0;left: 0;box-sizing: border-box;border: 3px solid #00b2ee;background: rgba(0,0,0,0.4) url(images/zoom.png) no-repeat center;border-radius: 8px}
.album_zoom .imgc:hover:after {display: block}

.list_VD:not(.slick-slider) {overflow: hidden;margin-bottom: 70px}
.list_VD:not(.slick-slider) .item {width: calc((100% - 60px)/3);float: left;margin: 0 0 30px 30px}
.list_VD:not(.slick-slider) .item:nth-child(3n+1) {clear: both;margin-left: 0}
.list_VD .imgc:before {padding-bottom: 62.702702702%}
.list_VD .imgc:after {content:"";display: block;width: 100%;height: 100%;position: absolute;z-index: 3;top: 0;left: 0;background: url(images/bg_vd.png) no-repeat center;background-size: 100% auto}
.list_VD .imgc span {display: block;position: absolute;z-index: 3;width: 56px;height: 56px;border-radius: 50%;top: calc(50% - 28px);left: calc(50% - 28px);background: rgba(0,178,238,0.7) url(images/video.png) no-repeat center}
.list_VD .imgc span:before {content:"";display: block;width: 68px;height: 68px;border: 1px solid white;position: absolute;top: -7px;left: -7px;border-radius: 50%}
.list_VD .item {text-align: center}
.list_VD .title {display: block;margin: 10px 0;text-decoration: none;color: #333;font: 16px 'RB';line-height: 22px;max-height: 44px;overflow: hidden}
.list_VD .slick-list {width: calc(100% + 30px)}
.list_VD.slick-slider .item {margin-right: 30px}
.VDindex {padding-bottom: 160px}
.playVD:before {padding-bottom: 56.25%}

.formQA {border-radius: 30px;background: #00b2ee url(images/bg_form1.png) no-repeat left 30px bottom 55px;padding: 0 30px 30px 30px;margin: 30px 0}
.formQA .title {text-align: center;font: 22px 'IC';color: white;background: url(images/bg_ttf.png) no-repeat center;line-height: 30px;padding: 10px 0 20px 0;transform: translateY(-13px);-webkit-transform: translateY(-13px);-moz-transform: translateY(-13px)}
.formQA .desc {color: white;line-height: 22px;text-align: center;margin: 0 20px 20px 20px}
#formQA {margin-left: 250px;overflow: hidden}
#formQA input {width: calc(50% - 3px);height: 40px;border: none;outline: none;margin-bottom: 5px;padding: 0 15px;border-radius: 5px;float: left;box-sizing: border-box;font: 15px 'RR';color: #333}
#formQA input:nth-child(2) {float: right}
#formQA input:nth-child(3) {width: 100%}
#formQA textarea {display:list-item block;margin: 0 0 10px 0;padding: 10px 15px;border: none;outline: none;resize: none;font: 15px 'RR';color: #333;width: 100%;box-sizing: border-box;border-radius: 5px;height: 100px}
#formQA .btn {display: inline-block;text-decoration: none;color: #333;border-radius: 5px;padding: 0 70px;background-color: #ffc03b;font-family: 'RB';line-height: 40px;text-transform: uppercase}
#formQA .btn:hover {background-color: white;color: #00b2ee}

.listCate {text-align: center;margin-bottom: 30px}
.listCate a {display: inline-block;padding: 0 30px;text-decoration: none;color: #00b2ee;font-family: 'RB';text-transform: uppercase;border: 1px solid #00b2ee;line-height: 38px;border-radius: 20px;margin: 0 3px 3px 3px}
.listCate a.active, .listCate a:hover {color: white;background-color: #00b2ee}
#hasForm {width: calc(100% - 330px);float: left}
.formTD {width: 300px;box-sizing: border-box;float: right;margin-bottom: 30px;padding: 20px;background: url(images/bg_f1.png) no-repeat top 30px right, url(images/bg_f2.png) no-repeat left bottom;border-radius: 10px;background-color: #00b2ee}
.formTD .title_TD {padding-left: 35px;font: 22px 'IC';color: white;text-transform: uppercase;margin-bottom: 15px;line-height: 30px;background: url(images/hoa1.png) no-repeat left center}
.formTD .desc_TD {color: white;line-height: 22px;margin-bottom: 15px}
.formTD .desc_TD a {color: white;text-decoration: none;font-family: 'RB'}
#formTD input {display: block;width: 100%;height: 40px;border: none;border-radius: 5px;box-sizing: border-box;padding: 0 15px;margin-bottom: 10px;font: 15px 'RR';color: #333;outline: none}
#formTD select {display: block;width: 100%;height: 40px;border: none;outline: none;padding: 0 0 0 10px;font: 15px 'RR';color: #333;margin-bottom: 10px;border-radius: 5px}
#formTD .btn {display: block;text-align: center;text-decoration: none;color: #333;background-color: #ffc03b;text-transform: uppercase;border-radius: 5px;font-family: 'RB';line-height: 40px}
#formTD .btn:hover {color: #00b2ee;background-color: white}
#formTD .fileCV {overflow: hidden;margin-bottom: 10px;}
#formTD .fileCV label {display: block;height: 40px;background-color: white;padding: 0 7px 0 15px;border-radius: 5px;line-height: 40px}
#formTD .fileCV b {font-weight: normal}
#formTD .fileCV span {float: right;line-height: 30px;padding: 0 10px;background-color: #eaeaea;margin-top: 5px;border-radius: 5px}
#formTD .fileCV input {display: none}

.title_ct {font: 24px 'IC';color: #00b2ee;margin-bottom: 15px}
.pageLH {overflow: hidden;padding: 50px 0 80px 0}
.pageLH .left {width: calc(50% - 15px);float: left}
.pageLH .right {width: calc(50% - 15px);float: right}
.pageLH .right .imgc {height: 537px}
.list_lh div {padding-left: 20px;margin-bottom: 10px;background: url(images/lh1.png) no-repeat left top 3px}
.list_lh .phone {background-image: url(images/lh2.png)}
.list_lh .email {background-image: url(images/lh3.png)}
.list_lh .website {background-image: url(images/lh4.png)}
.list_lh {margin-bottom: 30px}

#form_contact .item {padding-left: 40px;border: 1px solid #e0e0e0;margin-bottom: 10px;border-radius: 5px;background: #f8f8f8 url(images/lh5.png) no-repeat left 12px top 10px}
#form_contact .item input {display: block;width: 100%;box-sizing: border-box;border: none;outline: none;font: 15px 'RR';color: #333;height: 40px;padding: 0 10px;border-radius: 0 5px 5px 0}
#form_contact .item select {display: block;width: 100%;height: 40px;border: none;outline: none;padding: 0 5px;font :15px 'RR';color: #333;border-radius: 0 5px 5px 0}
#form_contact .item textarea {display: block;width: 100%;height: 100px;border: none;outline: none;padding: 10px;font: 15px 'RR';color: #333;margin: 0;box-sizing: border-box;resize: none;border-radius: 0 5px 5px 0}
#form_contact .item.phone {background-image: url(images/lh6.png)}
#form_contact .item.email {background-image: url(images/lh7.png)}
#form_contact .item.sendto {background-image: url(images/lh8.png)}
#form_contact .item.noidung {background-image: url(images/lh9.png)}
#form_contact .btn a {display: inline-block;text-decoration: none;padding: 0 25px;border: 1px solid #cecece;font-family: 'RB';color: #333;line-height: 34px;border-radius: 5px;margin-right: 3px}
#form_contact .btn a:first-child {color: white;background-color: #00b2ee;border-color: #00b2ee}
#form_contact .btn a:hover {background-color: #cecece;color: white}
#form_contact .btn a:first-child:hover {background-color: #ffc03b;border-color: #ffc03b}

#popup {position: fixed;z-index: 5;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.6);display: flex;align-items: center;justify-content: center}
#popup .nd_popup {position: relative}
#popup .close {position: absolute;top: -15px;right: -15px;width: 36px;height: 36px;background: url(images/x.png) no-repeat center;cursor: pointer}
#popup img {max-width: 1000px}