@charset "UTF-8";@import "base.css";@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800&subset=vietnamese');
:root{
	--mcolor:#24409a;
	--scolor:#31b44b;
}

h1, h2, h3, h4, h5, h6, input, button, textarea, select, p, blockquote, th, td, pre, address, li, dt, dd{font-size:20px;-webkit-text-size-adjust:none;}
@font-face {
    font-family: 'UTMFrenchVanilla';
    src: url('font/UTMFrenchVanilla.eot'); /* IE9 Compat Modes */
    src: url('font/UTMFrenchVanilla.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('font/UTMFrenchVanilla.woff') format('woff'), /* Modern Browsers */
         url('font/UTMFrenchVanilla.ttf')  format('truetype'), /* Safari, Android, iOS */
         url('font/UTMFrenchVanilla.svg#svgFontName') format('svg'); /* Legacy iOS */
    }
@font-face {
    font-family: 'SFUBaskervilleBook';
    src: url('font/SFUBaskervilleBookItalic.eot'); /* IE9 Compat Modes */
    src: url('font/SFUBaskervilleBookItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('font/SFUBaskervilleBookItalic.woff') format('woff'), /* Modern Browsers */
         url('font/SFUBaskervilleBookItalic.ttf')  format('truetype'), /* Safari, Android, iOS */
         url('font/SFUBaskervilleBookItalic.svg#svgFontName') format('svg'); /* Legacy iOS */
    }
header, section, footer, aside, nav, main, article, figure{display:block;}
img{vertical-align:bottom;}
a{color:var(--mcolor);}
a:hover, a:active{color:var(--mcolor);text-decoration:none;}
a:visited{}
table{width:100%}
p{margin:0 0 1.2em;}
.section{padding:0 0 30px;}
p, dd, td, th, li{line-height:1.5em;}
#totop{position:fixed;bottom:60px;right:50px;z-index:1000;margin-bottom:0;width:60px;}
.bold{font-weight:bold;}
.fl{float:left;}
.fr{float:right;}
*, *:before, *:after{box-sizing:border-box;}
body{font-family:'Open Sans', sans-serif;color:#000;font-weight:400;}
.image-l{float:left;margin:0 60px 15px 0;}
.image-r{float:right;margin:0 0 15px 60px;}
/* .image-r {
    float: right;
    margin: 0 0 15px 60px;
    width: 40%;
    height: auto;
    aspect-ratio: 1 / 1; 
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.image-r img {
    max-width: 100%;
    max-height: 100%;
    height: auto;
    width: auto;
    object-fit: contain; 
    display: block;
} */

#wrapper{min-width:1170px;overflow:hidden;}
.container{width:1170px;margin:0 auto;position:relative;}
img{max-width:100%;}
.sp{display:none;}
#header{padding:5px 0;}
#header .container{display:flex;justify-content:space-between;align-items:center;}
.logo{margin:0;display:flex;align-items:center;}
.logo a{margin-right:30px;width: 130px;}
.com-name{color:var(--mcolor);font-size:22px;font-weight:800;text-transform:uppercase;line-height:1.4em;}
.h-tel{font-size:16px;font-weight:700;color:var(--mcolor);margin:0;background:url(../W_images/h_ico01.png) no-repeat left center;padding-left:35px;}
.h-add{font-size:16px;font-weight:700;color:var(--mcolor);margin:0;background:url(../W_images/h_ico02.png) no-repeat left center;padding-left:35px;}
#gnavi.fixed{position: fixed;top: 0;width: 100%;background: var(--mcolor);z-index: 9999;}
#gnavi{background:var(--mcolor);}
#gnavi .container{display:flex;justify-content:space-between;align-items:center;}
.gnavi{display:flex;}
.gnavi > li{position:relative;}
.gnavi > li:nth-child(3) .submenu > li a{width:287px;}
.gnavi > li:nth-child(4) .submenu > li a{width:287px;}
.gnavi > li:nth-child(5) .submenu > li a{width:245px;}
.gnavi > li > a, .gnavi > li > span{text-decoration:none;color: #fff;font-size:16px;font-weight:700;text-transform:uppercase;padding:13px 18px;display:block;position:relative;transition:all 0.5s ease;cursor:pointer;}
.gnavi > li:before{content:'';position:absolute;width:100%;height:100%;background:var(--scolor);transform:scale(0,1);left:0;top:0;transition:all 0.5s ease;}
.gnavi > li:hover:before, .gnavi > li.active:before{transform:scale(1,1);}
.gnavi > li.active > a, .gnavi > li.active > span, .gnavi > li:hover > a, .gnavi > li:hover > span{color:#fff;background: var(--scolor);}
.submenu{position:absolute;z-index:99;display:none;}
.submenu a{display:block;width:200px;text-decoration:none;padding:10px 20px;background:var(--mcolor);color:#fff;transition:all 0.5s ease;text-transform:uppercase;font-size:15px;border-top:1px solid rgba(255,255,255,0.2);}
.submenu a:hover{background:var(--scolor);}
.h-lang{font-size:12px;color:#666;background:#fff;border:none;outline:none;padding:5px;}
.mainvisual p{margin:0;overflow: hidden;}
.main-slide .slick-slide img{    
	width: 100%;
    height: 100%;
    object-fit: cover;}
.mainvisual .slick-dots{position:absolute;bottom:30px;width:100%;text-align:center;}
.mainvisual .slick-dots li{display:inline-block;margin:0 10px;line-height:0;}
.mainvisual .slick-dots button{width:40px;height:4px;border:none;background:#fff;outline:none;text-indent:-50000px;cursor:pointer;}
.mainvisual .slick-dots li.slick-active button{background:var(--mcolor);}
.box01{background:url(../W_images/b01_bg.jpg) center top;padding: 30px 0 50px 0;}
.idx-ttl{text-align:center;font-size:30px;color:var(--mcolor);padding:0;margin:0 0 20px;position:relative;font-weight: bold;text-transform: uppercase;}
.idx-ttl:after{content:'';position:absolute;bottom:0;width:86px;height:3px;left:calc(50% - 43px);background:var(--mcolor);}
.idx-txt{font-family: 'SFUBaskervilleBook', serif;margin:0 0 30px;text-align:center;line-height:normal;font-size:24px;}
.b01-list{display:flex;justify-content:space-between;}
.b01-item{width:225px;}
.b01-item a{display:block;text-decoration:none;position:relative;text-align:center;overflow:hidden;}
.b01-img{margin:0;}
.b01-main{border:8px solid var(--mcolor);background:rgba(15,44,82,0.65);position:absolute;width:100%;height:100%;left:0;top:0;display:flex;justify-content:center;align-items:center;transition:all 0.5s ease;padding:0;}
/*.b01-item a:hover .b01-main{border-width:8px;background:rgba(15,44,82,0.65);}*/
.b01-ttl{font-weight:700;font-size:16px;line-height:1.3em;text-transform:uppercase;color:#fff;-ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0;background:transparent;margin:0;-webkit-transform:scale(10);-moz-transform:scale(10);-o-transform:scale(10);-ms-transform:scale(10);transform:scale(10);-webkit-transition:all 0.3s ease-in-out 0.1s;-moz-transition:all 0.3s ease-in-out 0.1s;-o-transition:all 0.3s ease-in-out 0.1s;-ms-transition:all 0.3s ease-in-out 0.1s;transition:all 0.3s ease-in-out 0.1s;}
/*.b01-item a:hover*/ .b01-ttl{-ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-transition-delay:0.1s;-moz-transition-delay:0.1s;-o-transition-delay:0.1s;-ms-transition-delay:0.1s;transition-delay:0.1s;}
.box02{background:url(../W_images/box2.jpg) no-repeat center;background-size:cover;color:#fff; position: relative;}
.box02 .container{
    padding: 25px;
    z-index: 2;
}
/* .overlay{position:absolute;width:100%;height:100%;background:rgba(0,0,0,0.5);} */
.box02 .idx-ttl{color:#fff;}
.box02 .idx-ttl:after {background:#fff;}
.b02-list{display:flex;justify-content:space-between;align-items: center;text-align:center;margin:0 0 40px;}
.b02-item{position:relative;}
.b02-item:before{content:'';position:absolute;width:46px;height:3px;background:#fff;top:100px;left:calc(50% - 23px);}
.b02-num{color:var(--scolor);font-size:40px;font-weight:700;margin:0;line-height:1em;padding:0px 0 35px;}
.b02-ttl{margin:0;font-size:30px;font-weight:700;}
.b02-slide{width:70%;}
.b02-slide .slick-slide{margin:0 5px;overflow:hidden;}
.b02-slick a {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 250px;
    border: 1px solid #adadad;
    background: white;
}
.b02-slide .slick-slide img{transition:all 0.5s ease;max-height: 100%;}
.b02-slide .slick-slide:hover img{transform: scale(1.1,1.1);}
.b02-slide .slick-prev{
  background: url("../W_images/b02_arr_prev.png") no-repeat;
  background-size: 100% auto;
  left: -65px;
}
.b02-slide .slick-next {
  background: url("../W_images/b02_arr_next.png") no-repeat;
  background-size: 100% auto;
  right: -65px;
}

.idx-btn{margin:0;text-align:center;}
.idx-btn a{background:var(--mcolor);text-decoration:none;color:var(--mcolor);display:inline-block;padding:15px 30px;font-size:24px;font-weight:700;position:relative;z-index:0;transition:all 0.5s ease;}
.idx-btn a:before{content:'';position:absolute;width:100%;height:100%;background:var(--mcolor);transform:scale(0,1);left:0;top:0;transition:all 0.5s ease;z-index:-1;}
.idx-btn a:hover:before{transform:scale(1,1);}
.idx-btn a:hover{color:#fff;}
.box03{padding: 30px 0 50px 0;}
.b03-list{width:100%;max-width:1365px;margin:0 auto;display:flex;flex-wrap:wrap;}
.b03-item{width:33.33%;}
.b03-item a{text-decoration:none;display:block;position:relative;overflow:hidden;height:100%;}
.b03-img{
    margin:0;
    position:relative;
    }
.b03-img img {width:100%;height:100%;object-fit:cover;}
.b03-main{width:100%;height:100%;position:absolute;overflow:hidden;top:0;left:0;padding:30px;background:rgba(15,44,82,0.65);transition:all 1.2s ease;opacity:0;transform:rotateY(-180deg);}
.b03-item a:hover .b03-main{transform:rotateY(-360deg);opacity:1;}
.b03-cate{margin:0 0 10px;display:inline-block;background: var(--scolor);font-size:15px;text-transform:uppercase;font-weight:700;color: #fff;padding:3px 10px;}
.duan .b03-cate{font-size:13px;padding:3px 10px;}
.duan .b03-ttl{font-size:13px;height:auto;}
.duan .b03-txt{font-size:13px;height:48px;}
.duan .b03-btn{font-size:13px;}
.b03-ttl {
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    margin: 0 0 20px;
    position: relative;
    display: flex;
    flex-direction: column;
}

.b03-ttl-inner {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.b03-ttl::after {
    content: '';
    position: absolute;
    width: 33px;
    height: 3px;
    background: var(--scolor);
    left: 0;
    bottom: -5px;
}

.b03-ttl:after{content:'';position:absolute;width:33px;height:3px;background: var(--scolor);left:0;bottom:-10px;}
.b03-txt{overflow:hidden;color:#fff;font-size:14px;line-height:1.3em;margin:0 0 20px;height:72px;}
.b03-btn{margin:0;font-weight:bold;font-size:14px;color: var(--scolor);}
.b03-btn:after{content:'';position:relative;display:inline-block;border:solid var(--scolor);border-width:0 1px 1px 0;margin-left:10px;padding:3px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);top:-2px;}
.b03-list .slick-arrow, .customer-slick .slick-arrow, .b02-slide .slick-arrow {
    position: absolute;
    text-indent: -999999px;
    width: 50px;
    height: 50px;
    border: none;
    top: calc(50% - 25px);
    z-index: 10;
    cursor: pointer;
    transition: all 0.5s ease;
    outline: none;
}
.b03-list .slick-prev, .customer-slick .slick-prev{
  background: url("../W_images/b01_arr_prev.png") no-repeat;
  background-size: 100% auto;
  left: -65px;
}

.b03-list .slick-next, .customer-slick .slick-next{
  background: url("../W_images/b01_arr_next.png") no-repeat;
  background-size: 100% auto;
  right: -65px;
}

.b03-list .slick-prev:hover, .customer-slick .slick-prev:hover, .b02-slide .slick-prev:hover {
  background: url("../W_images/b01_arr_prev_hv.png") no-repeat;
  background-size: 100% auto;
}
.b03-list .slick-next:hover, .customer-slick .slick-next:hover, .b02-slide .slick-next:hover {
  background: url("../W_images/b01_arr_next_hv.png") no-repeat;
  background-size: 100% auto;
  right: -65px;
}
.box04{background:url(../W_images/b04_bg.jpg) no-repeat center bottom;background-size:cover;padding: 30px 0 50px 0;}
.box04 .idx-ttl{color:var(--mcolor);}
.box04 .idx-ttl:after{background:var(--mcolor);}
.b04-list{display:flex;justify-content: center;}
.b04-item{width:370px;margin-right:30px;background:#fff;padding:5px;}
.b04-item:nth-child(3){margin-right:0;}
.b04-img{margin:0;overflow:hidden;}
.b04-img img{transition:all 0.5s ease;}
.b04-img a:hover img{transform:scale(1.1,1.1);opacity:0.7;}
.b04-main{padding:15px;}
.b04-ttl{overflow:hidden:height:48px;font-size:16px;color:var(--mcolor);text-transform:uppercase;margin:0;font-weight:600;}
.b04-ttl a{text-decoration:none;color:var(--mcolor);}
.b04-date{margin:0 0 5px;font-size:12px;color:var(--mcolor);font-weight:600;background:url(../W_images/calendar_ico.png) no-repeat left center;padding-left:25px;}
.b04-txt{margin:0;font-size:14px;line-height:normal;}
.box05{padding: 30px 0 50px 0;}
.b05-tabs{margin:0 0 30px;padding:0px;list-style:none;text-align:center;display:flex;justify-content:center;}
.b05-tabs li{background:var(--mcolor);color: #fff;display:inline-block;padding:6px 20px;cursor:pointer;font-size:18px;border-radius:30px;font-weight:600;margin:0 5px;position:relative;min-width:160px;}
.b05-tabs li a {
	color:#fff;
	text-decoration:none;
}
.b05-tabs li:hover{background: var(--scolor);color:#fff;}
/*.b05-tabs li.current{background: var(--scolor);color:#fff;}
.b05-tabs li.current:after{content:'';position:absolute;border-left:10px solid transparent;border-right:10px solid transparent;border-top: 10px solid var(--scolor);left:calc(50% - 5px);bottom:-10px;}*/
.tab-content{display:none;}
.tab-content.current{display:inherit;}
.b05-list{display:flex;flex-wrap:wrap;}
.b05-item{width:calc(50% - 15px);margin:0 30px 30px 0;background:#f4f4f4;display:flex;}
.b05-item:nth-child(2n){margin-right:0;}
.b05-img{margin:0;width:235px;background:#fdfdfd;}
.b05-img a{overflow:hidden;display:flex;justify-content:center;align-items:center;width:100%;flex:1;height:100%;}
.b05-img img{min-height:100%;width:auto;height:auto;max-width:none;transition:all 0.5s ease;}
.b05-main{width:calc(100% - 235px);padding:25px;}
.b05-img a:hover img{transform:scale(1.1,1.1);opacity:0.7;}
.b05-ttl{margin:0 0 5px;font-size:16px;color:var(--mcolor);font-weight:700;text-transform:uppercase;}
.b05-txt{font-size:14px;line-height:normal;margin:0 0 15px;}
.b05-date{margin:0 0 15px;font-size:12px;color:var(--mcolor);font-weight:600;background:url(../W_images/calendar_ico.png) no-repeat left 4px;padding:0 0 15px 25px;border-bottom:1px solid #fff;}
.b05-btn{margin:0;}
.b05-btn a{font-size:12px;font-weight:700;text-decoration:none;}
.b05-btn a:after{content:'';position:relative;display:inline-block;border-bottom:4px solid transparent;border-top:4px solid transparent;border-left:5px solid var(--mcolor);margin-left:10px;}
.b05-btn a:hover{color:var(--mcolor);}
.b05-btn a:hover:after{border-left:5px solid var(--mcolor);}
.footer01{background:var(--mcolor);padding:30px 0;}
.footer01 .container{display:flex;justify-content:space-between;align-items:center;}
.f01-main{color: #fff;}
.f01-form{width:100%;border:3px dashed #fff;padding:15px 40px;display:flex;justify-content:space-between;align-items:center;}
.f01-down {display:none;}
.f01-ttl{margin:0;font-size:21px;text-transform:uppercase;font-weight:700;}
.f01-txt{margin:0;font-size:14px;line-height:normal;}
.f01-form .form{display:flex;width: 380px;margin-left: 35px;}
.f01-form input{background:#fff;font-size:16px;padding:20px 30px;border:none;width:calc(100% - 79px);outline:none;}
.f01-form .button{background:var(--scolor);border:none;width:79px;display:flex;justify-content:center;align-items:center;outline:none;text-decoration:none;color:#fff;font-size:13px;font-weight:bold;}
.f01-ttl01{text-align:center;font-size:17px;color:var(--mcolor);text-transform:uppercase;font-weight:700;margin:0 0 10px;}
.f01-cont{margin:0;}
.f01-cont a:hover{opacity:0.8;}
.footer02{background:var(--mcolor);padding:40px 0 10px;color:#fff;border-bottom:10px solid var(--mcolor);}
.footer02 .container{display:flex;justify-content:space-between;}
.f02-form{width:720px;order:2;}
.f02-main{width:400px;}
.f02-ttl{font-size:20px;font-weight:700;position:relative;margin:0 0 20px;padding-top:25px;}
.f02-ttl:before{content:'';position:absolute;top:0;left:0;width:25px;height:4px;background:var(--scolor);}
.f02-row{display:flex;justify-content:space-between;margin:0 0 20px;}
.f02-col{width:calc(50% - 10px);}
.f02-form label{display:block;font-size:16px;font-weight:600;margin:0 0 10px;}
.f02-form label span{color:#ff0000;}
.f02-form input, .f02-form select, .f02-form textarea{width:100%;border:1px solid #fff;padding:15px 15px;background:#17355d;color:#fff;outline:none;font-size: 16px;}
.f02-form input::-webkit-input-placeholder, .f02-form textarea::-webkit-input-placeholder{color:#fff;}
.f02-form input::-moz-placeholder, .f02-form textarea::-moz-placeholder{color:#fff;}
.f02-form input:-ms-input-placeholder, .f02-form textarea:-ms-input-placeholder{color:#fff;}
.f02-form input:-moz-placeholder, .f02-form textarea:-moz-placeholder{color:#fff;}
.f02-form textarea{height:130px;margin:0 0 30px;}
.f02-form .button{    background: var(--scolor);
    color: #fff;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 700;
    padding: 10px 40px;
    border: none;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    margin: auto;
    display: block;
    width: 120px;}
.f02-form .button:hover{opacity:0.8}
.f02-info p{font-size:16px;}
.f02-txt01{color:#fff;margin:0;font-weight:700;}
.f02-txt02{margin:0;color:#fff;}
.f02-txt02 span{font-weight:700;text-decoration:underline;}
.f02-info{padding-left:65px;margin:0 0 10px;}
.f02-info:nth-of-type(1){background:url(../W_images/f_ico01.png) no-repeat left 5px;}
.f02-info:nth-of-type(2){background:url(../W_images/f_ico02.png) no-repeat 8px 5px;}
.f02-info:nth-of-type(3){background:url(../W_images/f_ico03.png) no-repeat left 5px;}
.f02-info:nth-of-type(4){background:url(../W_images/f_ico04.png) no-repeat 5px 5px;margin-bottom: 40px;}
.f02-info a{text-decoration:none;color: #fff;}
.f_slogan{
	display: flex;
    align-items: center;
}
.f_logo{
	margin: 0;
    background: #fff;
}
.f_logo img{
	width:120px;
}
.f_slogan .slogan{
    font-size: 18px;
    margin-left: 15px;
}
.copyright{margin:42px 0 0;padding:30px 0 0;border-top:1px solid #2d415c;font-size:20px;line-height:25px;text-align: center;}
.copyright a{color:#fff;text-decoration:none;}
.under .mainvisual{height:270px;display:flex;align-items:center;text-align:center;background:url(../W_images/gioithieu_bg01.jpg) no-repeat center;background-size:cover;}
.mainvisual .main-ttl{font-size:30px;color:var(--scolor);position:relative;margin:0 0 10px;font-weight: bold;text-transform: uppercase;}
.main-ttl:after{content:'';position:absolute;width:86px;height:3px;background:var(--scolor);bottom:0;left:calc(50% - 43px);}
.topic-path li{display:inline-block;font-size:20px;color:#fff;text-transform: lowercase;}
.topic-path li a:first-letter, .topic-path li:first-letter {text-transform: uppercase;}
.topic-path a{text-decoration:none;color:#fff;background:url(../W_images/under_ico01.png) no-repeat right center;padding-right:40px;margin-right:25px;}
.topic-path a:hover{color:var(--scolor);}
.under .section{margin:0;padding:60px 0;}
.under-ttl{overflow:hidden;color:var(--mcolor);font-size:30px;text-transform:uppercase;font-weight:700;border-left:3px solid var(--mcolor);padding-left:20px;line-height:1.2em;margin:0 0 20px;}
.under-bg01{background:#f3f3f3;}
.under .b02-item:before{background:#959595;height:5px;}
.under-txt{text-align:center;}
.under .b02-list{margin:0;}
.gt-year{font-size:24px;font-weight:700;background:url(../W_images/under_ico02.png) no-repeat left 10px;padding-left:30px;margin:0 0 5px;}
.gt-item{display:flex;margin:0 0 30px;}
.gt-item:last-child{margin:0;}
.gt-item dt{margin-right:30px;text-align:center;width:60px;padding-top:10px;}
.gt-item dd{width:calc(100% - 90px);}
.gt-txt01{margin:0;font-size:16px;}
.gt-txt02{font-weight:bold;margin:0;font-size:24px;}
.under .section p:last-child{margin:0;}
/*.under .under-ttl{text-transform:none;}*/
.chitiet .under-ttl{font-size:20px;}
.chitiet .ct-des p{color:#000;font-size:16px;}
.under .b03-item{width:calc(33.33% - 20px);margin:0 30px 30px 0;}
.under .b03-item:nth-child(3n){margin-right:0;}
.under .b03-main{position:relative;overflow:visible;opacity:1;transform:none;background:var(--mcolor);}
.under .b03-item a:hover .b03-main{transform:none;}
.under .b03-item a:hover{opacity:0.8;}
.under .b03-img{position:relative;}
.under .b03-img:before{
	content: '';
    position: absolute;
    width: calc(100% - 80px);
    height: calc(100% - 30px);
    left: 15px;
    top: 15px;
    border: 1px solid #fff;
    opacity: 0;
    transition: all 0.5s ease;}
.under .b03-img:after{content:'+';position:absolute;left: -80px;top: -25px;right:0;bottom:0;margin:auto;width:0;height:0;font-size:60px;font-weight:700;color:#fff;opacity:0;transition:all 0.5s ease;}
.under .b03-item a:hover .b03-img:before{opacity:1;}
.under .b03-item a:hover .b03-img:after{opacity:1;transform:rotateX(360deg);}
.under-pro{border-top:1px solid #e1e1e1;margin-top:60px;padding-top:40px;}
.main_content{
    p img{width: 100%; height: 100%;}    
}

.main_content h2{
    font-size: 24px;
    font-weight: bold;
    margin: 0 0 20px;
}

.main_content h3{
    font-size: 20px;
    font-weight: bold;
    margin: 0 0 20px;
}

.main_content ol li{
    /* đánh số */
    list-style-type: decimal;
    margin-left: 40px;
    padding-left: 5px;
}
.news-list{display:flex;flex-wrap:wrap;}
.news-item{width:calc(50% - 15px);margin:0 30px 30px 0;background:#f4f4f4;display:flex;}
.news-item:nth-child(2n){margin-right:0;}
.news-img{margin:0;width:235px;background:#fdfdfd;}
.news-img a{overflow:hidden;display:flex;justify-content:center;align-items:center;width:100%;flex:1;height:100%;}
.news-img img{min-height:100%;width:auto;height:auto;max-width:none;transition:all 0.5s ease;}
.news-main{width:calc(100% - 235px);padding:25px;}
.news-img a:hover img{transform:scale(1.1,1.1);opacity:0.7;}
.news-ttl a{margin:0 0 5px;font-size:16px;color:var(--mcolor);font-weight:700;text-transform:uppercase;text-decoration:none;}
.news-ttl a:hover{opacity:0.9;}
.news-ttl{margin:0 0 5px;line-height: 1.1em;}
.news-txt{font-size:14px;line-height:normal;margin:0 0 15px;}
.news-date{margin:0 0 15px;font-size:12px;color:var(--mcolor);font-weight:600;background:url(../W_images/calendar_ico.png) no-repeat left 4px;padding:0 0 15px 25px;border-bottom:1px solid #fff;}
.news-btn{margin:0;}
.news-btn a{font-size:12px;font-weight:700;text-decoration:none;}
.news-btn a:after{content:'';position:relative;display:inline-block;border-bottom:4px solid transparent;border-top:4px solid transparent;border-left:5px solid var(--mcolor);margin-left:10px;}
.news-btn a:hover{color:var(--mcolor);}
.news-btn a:hover:after{border-left:5px solid var(--mcolor);}
.nd-ttl{overflow:hidden;color:var(--mcolor);font-size:20px;text-transform:uppercase;font-weight:700;border-left:3px solid var(--mcolor);padding-left:20px;line-height:1.2em;margin:0 0 20px;}
.nother-ttl{overflow:hidden;color:var(--mcolor);font-size:25px;text-transform:uppercase;font-weight:700;border-left:3px solid var(--mcolor);padding-left:20px;line-height:1.2em;margin:50px 0 20px;}
.font-size-16{font-size:16px;}
#dv_Description p{font-size:16px;}
.news-content p{font-size:14px;}
em strong, strong em{font-style:italic;font-weight:bold;}
.form-group{
    background: url(/W_images/box2.jpg) no-repeat center;
    background-size: cover;
    padding: 10px 15px;
    margin: 45px 0;
    position: relative;
}
.overlay{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(32, 32, 32, 0.633);
    z-index: 1;
}
.form-container{
    position: relative;
    z-index: 2;
    display: flex;
    justify-content: space-between;
    align-content:center;
}
.form-content{color:#ffffff;width:60%;text-align: center;    
	display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    justify-content: center;}
.form-content-title{
    font-size: 30px;
    font-weight: bold;
}
.form-content h3{
    font-size: 50px;
    font-weight: 900;
    line-height: 1.3em;
}
.form-content h4{
    font-size: 16px;
    margin-top: 15px;
    line-height: 22px;
}
.form-content h4:not(first-child) {margin-top: 0;}
.form-content-button a{
    display: inline-block;
    border: 1px solid #fff;
    color: #fff;
    text-decoration: none;
    padding: 5px 30px;
    margin-top: 10px;
    transition: all 0.5s ease;
}
.form-content-button a:hover {
    background:var(--scolor);
    border-color:var(--scolor);
}
.form-regis{width:35%;}
.form-bg{
    background: #ffffffbf;
    padding: 30px;
}
.form-regis-ttl{
    color: var(--scolor);
    font-size: 16px;
    font-weight: 700;
    text-align: center;
}
.form-regis-input input, .form-regis-input textarea{
    width: 100%;
    padding: 5px;
    font-size: 14px;
    border: none;
}
.form-regis-button{
    text-align:center;
}
.form-regis-button a{
    display: inline-block;
    text-decoration: none;
    background: var(--scolor);
    color: #fff;
    padding: 3px 30px;
    font-size: 15px;
	transition: 0.3s ease;
}
.form-regis-button a:hover{
	background: var(--mcolor);
}
.customer{padding:40px 0;}
.customer-ttl{
    text-align: center;
    font-size: 25px;
    font-weight: 700;
}
.customer-itm{
    outline: none;
    margin: 0 10px;
    overflow:hidden;
}
.customer-itm a{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 200px;
    border: 1px solid #f1f0f0;
}
.customer-itm img{transition: all 0.5s ease;max-height:100%;}
.customer-itm a:hover img{transform: scale(1.1,1.1);}
/*@media screen and (min-width:1920px) {
.container {width: 1620px;}
.b01-item{width:390px;}
.b01-ttl{line-height: 1.5em;}
.f02-main {width: 40%;}
.f02-form {width: 50%;}
.under .b03-img:before {width: calc(100% - 35px);}
.under .b03-img:after {left: -40px;}
}*/
@media screen and (min-width:1300px) {
	.under .b03-img:before {width: calc(100% - 35px);}
	.under .b03-img:after {left: -30px;}
}
@media screen and (max-width:768px){.nd-ttl{font-size:22px;}
.news-item{display:block;}
.news-img, .news-main{width:100%;}
#wrapper{min-width:100%;margin:0;padding-top:81px;}
#main, #footer{min-width:100%;}
.container{padding:0 3%;width:100%;}
.sp{display:block;}
.pc{display:none;}
.menu-icon{width:50px;height:43px;box-sizing:border-box;text-align:center;text-transform:uppercase;line-height:1em;cursor:pointer;color:#fff;font-size:14px;padding:8px 0;z-index:99999;background:var(--mcolor);margin-left:10px;}
.menu-icon span{display:block;margin:0 auto 15px;width:30px;height:3px;background-color:#fff;-webkit-transition-duration:0;-moz-transition-duration:0;-ms-transition-duration:0;-o-transition-duration:0;transition-duration:0;-webkit-transition-delay:0.2s;-moz-transition-delay:0.2s;-ms-transition-delay:0.2s;-o-transition-delay:0.2s;transition-delay:0.2s;top:12px;left:0;position:relative;}
.menu-icon span::after, .menu-icon span::before{display:block;content:'';position:absolute;width:30px;height:3px;background-color:#fff;-webkit-transition-property:margin, -webkit-transform;-webkit-transition-duration:0.2s;-moz-transition-duration:0.2s;-ms-transition-duration:0.2s;-o-transition-duration:0.2s;transition-duration:0.2s;-webkit-transition-delay:0.2s, 0;-moz-transition-delay:0.2s, 0;-ms-transition-delay:0.2s, 0;-o-transition-delay:0.2s, 0;transition-delay:0.2s, 0;}
.menu-icon span::before{margin-top:-10px;}
.menu-icon span::after{margin-top:10px;}
.menu-icon.active span{background-color:transparent;}
.menu-icon.active span::before, .menu-icon.active span::after{margin-top:0px;-webkit-transition-delay:0, 0.2s;-moz-transition-delay:0, 0.2s;-ms-transition-delay:0, 0.2s;-o-transition-delay:0, 0.2s;transition-delay:0, 0.2s;}
.menu-icon.active span::before{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}
.menu-icon.active span::after{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);}
#totop{width:40px;right:3%;bottom:50px;line-height:0;}
.com-name, .h-right, #gnavi .h-lang{display:none;}
#header{position:fixed;width:100%;z-index:999;background:rgba(255,255,255,0.9);top:0;left:0;}
.logo{width:100px;}
.h-sp{display:flex;}
#gnavi{background:var(--mcolor);position:fixed;width:100%;z-index:999;top:80px;height:calc(100% - 81px);display:none;}
#gnavi .container{padding:0;}
.gnavi{display:block;width:100%;}
.submenu{position:relative;}
.submenu a , .gnavi > li:nth-child(3) .submenu > li a,
.gnavi > li:nth-child(5) .submenu > li a{width:100%;background: #183fbd;}
.gnavi > li > span{position:relative;}
.gnavi > li > span:after{content:'';position:absolute;border:solid #fff;border-width:0 1px 1px 0;display:inline-block;padding:3px;-webkit-transform:rotate(45deg);transform:rotate(45deg);right:3%;top:calc(50% - 3px);}
.gnavi > li > a, .gnavi > li > span{border-top:1px solid rgba(255,255,255,0.3);}
/* .mainvisual p {
	height:250px;
} */
.box01, .box04, .box05{padding:40px 0 20px;}
.idx-ttl{font-size:30px;}
.idx-ttl:after{width:60px;left:calc(50% - 30px);}
.idx-txt, .idx-btn a, .b03-txt, .b05-tabs li, .f01-txt, .f01-form input, .f02-form label, .f02-info p, .b05-txt, .b04-txt{font-size:16px;}
.b01-list{display:block;}
.b01-item{width:100%;max-width:350px;margin:0 auto 20px;}
.b02-list{flex-wrap:wrap;justify-content:center;}
.b02-item{margin:0 15px 40px;}
.b02-num{font-size:55px;}
.b02-ttl{font-size:24px;}
.b02-item:before {
	top: 80px;
}
/* .box03, .box02{padding:40px 0;} */
.box03 {
	    padding: 30px 0 0 0;
}
.b03-item{width:50%;}
.b03-item a:active .b03-main{transform:rotateY(-360deg);opacity:1;}
.b03-cate{font-size:15px;margin:0 0 5px;}
.b03-ttl{font-size:16px;}
.b03-main{padding:20px;}
.b04-list{display:block;}
.b04-item{width:100%;max-width:370px;margin:0 auto 20px;}
.b04-item:nth-child(3){margin-right:auto;}
.b05-tabs {
	flex-wrap: wrap;
}
.b05-item{display:block;}
.b05-img, .b05-img img, .b05-main, .f02-main{width:100%;}
.footer01 .container, .footer02 .container{display:block;}
.f01-form{width:100%;padding:15px;margin:0 0 20px;}
.f01-ttl{font-size:20px;}
.f01-down{text-align:center;}
.f02-form{width:100%;margin:0 0 40px;}
.copyright{text-align:center;font-size:16px;margin:42px 0 0;padding:27px 0 0;}
.copyright span{
	display: block;
    width: 100%;
}
.b01-ttl{-ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-transition-delay:0.1s;-moz-transition-delay:0.1s;-o-transition-delay:0.1s;-ms-transition-delay:0.1s;transition-delay:0.1s;}
.under .mainvisual{height:200px;}
.mainvisual .main-ttl{font-size:30px;padding:0 0 5px;}
h1, h2, h3, h4, h5, h6, input, button, textarea, select, p, blockquote, th, td, pre, address, li, dt, dd{font-size:14px;}
.topic-path li{font-size:14px;}
.topic-path a{padding-right:30px;margin-right:15px;}
.image-l, .image-r{float:none;text-align:center;margin:0 0 20px;}
.chitiet .under-ttl{font-size:22px;}
.under-ttl{font-size:28px;}
.under .section{padding:40px 0;}
.gt-year{font-size:18px;background-size:13px auto;padding-left:25px;background-position:left 7px;}
.gt-txt02{font-size:18px;}
.gt-txt01{font-size:12px;}
.gt-item dt{width:40px;padding:0;margin-right:20px;}
.gt-item dd{width:calc(100% - 60px);}
.under .b03-item{width:48%;margin:0 4% 30px 0;}
.under .b03-item:nth-child(3n){margin-right:2%;}
.under .b03-item:nth-child(2n){margin-right:0;}
.under-pro{margin-top:40px;padding-top:20px;}
/* main_content img sẽ có kích thước lớn và vuốt ngang để xem ảnh */


.main_content p:has(img), .xvnet-content.custom-content p:has(img) {
    overflow-x: auto;
    white-space: nowrap;
}

.main_content p img, .xvnet-content.custom-content p img {
    /*max-width: none;*/
    width: 1000px;
    height: auto;
    display: inline-block;
}

}
@media screen and (max-width:480px){
.b02-slick a{height: 100px;}
.form-container {display: block;}
.form-content{width: 100%;margin-top: 50px;}
.form-content h3{font-size: 32px;}
.form-regis {width: 100%;margin-top: 30px;}
	/* .b03-ttl{position:absolute;bottom:0;left:0;background:#2d415cb8;padding:8px 20px;width:100%;margin:0;} */
/* .b03-ttl:after{display:none;} */
/* .b03-main{background:rgba(15, 44, 82, 0.19);opacity:1;transform:none;} */
/* .b03-cate, .b03-txt, .b03-btn{display:none;} */
.b03-txt{height:auto;}
.news-item{width:100%;margin:0 0 30px;}
.b03-item{width:100%;}
.b05-tabs li{min-width:auto;font-size:11px;padding:5px 10px;margin:5px 2px;}
.b05-tabs li.current:after{border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid var(--mcolor);left:calc(50% - 2px);bottom:-5px;}
.b05-item{width:100%;margin:0 0 30px;}
.f01-form{display:block;}
.f01-form .form{width:100%;margin:15px 0 0;}
.f01-form input{padding:15px 20px;}
.f02-row{display:block;}
.f02-col{width:100%;margin:0 0 20px;}
.b05-img{height:200px;}
.idx-ttl{font-size:24px;padding:0 0 5px;}
.under .b03-item{width:100%;margin:0 0 30px;}
.under .b03-item:nth-child(3n){margin-right:0;}
}
@media screen and (max-width:375px){.b02-item{margin:0 20px;width: 100%;}
.b02-item:before{top: 76px;}
}