.under #main {
    margin-bottom: 60px;
}

.under .section {
    padding: 0 0px 49px 0;
}

.under .section .section {
    padding-top: 40px;
}

.under .section:last-child {
    padding: 0;
}

.under .section p:last-child {
    margin-bottom: 0;
}

/*-----h3 h4 h5 h6-----*/
.under h3 {
    font-size: 48px;
    line-height: 1.4;
    font-weight: 600;
    color: #333;
    text-align: center;
    margin-bottom: 66px;
}

.under h3::first-letter {
    color: #076eaa;
}

.under h3 span {
    position: relative;
}

.under h3 span::after {
    position: absolute;
    content: "";
    width: 60px;
    height: 1px;
    background: #333;
    bottom: -19px;
    left: 50%;
    transform: translate(-50%);
}

.under h4 {
    font-size: 18px;
    line-height: 1.4;
    font-weight: 600;
    color: #fff;
    background: #333;
    height: 46px;
    display: flex;
    align-items: center;
    padding: 0 16px;
    margin-bottom: 30px;
}

.under h5 {
    font-size: 18px;
    line-height: 1.4;
    font-weight: 600;
    margin-bottom: 11px;
}

.under h6 {
    font-size: 16px;
    line-height: 1.4;
    font-weight: 600;
    margin-bottom: 17px;
}

/*----------*/

/*-----top_info-----*/
.under #top_info {
    height: 340px;
    flex-flow: row;
    align-items: flex-end;
    position: relative;
}

.under #top_info::before {
    position: absolute;
    content: "";
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.under #top_info .inner {
    height: 220px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 0;
    position: relative;
    z-index: 2;
}

.under #top_info h2 {
    font-size: 48px;
    text-align: center;
    margin-bottom: 0;
}

/*----------*/

/*-----topic_path-----*/
.under #topic_path {
    margin: 0 0 40px;
}

.under #topic_path ul {
    padding: 22px 0 0;
    box-sizing: border-box;
}

.under #topic_path li {
    display: inline-block;
    font-size: 12px;
    color: #231815;
    line-height: 1.4;
}

.under #topic_path li a {
    text-decoration: underline;
    color: #00a3df;
}

.under #topic_path li a:hover {
    text-decoration: none;
}

/*----------*/

/*-----table-----*/
.under table {
    background: #fff;
    margin-bottom: 20px;
}

.under table td,
.under table th {
    padding: 17px 15px 16px;
    border: 1px solid #dcdcdc;
    vertical-align: middle;
}

.under table th {
    font-weight: 600;
    text-align: left;
}

.under table tr.th_bg th {
    background: #d4ecfb;
}

.under table td {
    font-size: 14px;
}

.under table.td_center td {
    text-align: center;
}

.under table.tb_fix {
    table-layout: fixed;
}

.under #content table:last-child {
    margin-bottom: 0;
}

/*----------*/

/*-----txt_note-----*/
.under .txt_note {
    display: none;
}

.under .txt_bold {
    font-weight: bold;
}

/*----------*/

/*-----under list-----*/
.under .list01 li,
.under .list02 li {
    margin-bottom: 11px;
    padding-left: 17px;
    position: relative;
}

.under .list01 li::before {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-left: 4px solid #00a3df;
    border-bottom: 4px solid transparent;
    top: 10px;
    left: 1px;
}

.under .list02 li {
    line-height: 1.8;
}

.under .list02 li::before {
    position: absolute;
    content: "";
    background: url(/vn/images/icon_list02.png) no-repeat;
    background-size: 100% auto;
    width: 6px;
    height: 6px;
    top: 8px;
    left: 1px;
}

.under .list_check li {
    margin-bottom: 22px;
    padding-left: 35px;
    position: relative;
}

.under .list_check li::before {
    position: absolute;
    content: "";
    width: 7px;
    height: 12px;
    border: solid #1e3c72;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    display: inline-block;
    top: 8px;
    left: 0;
}

.under .list01:last-child,
.under .list01 li:last-child,
.under .list_check:last-child,
.under .list_check li:last-child {
    margin-bottom: 0px;
}

.under .under_link {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.under .under_link li {
    width: 100%;
    max-width: 292px;
    height: 180px;
}

.under .under_link li a {
    font-size: 18px;
    font-weight: 300;
    color: #fff;
    text-decoration: none;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: flex-end;
    transition: .3s ease-in-out;
}

.under .under_link li a:hover {
    opacity: .8;
}

.under .under_link li a span {
    width: 100%;
    height: 40px;
    background: rgba(0, 0, 0, 0.6);
    display: flex;
    align-items: center;
    padding: 0 0 0 20px;
    position: relative;
}

.under .under_link li a span::before {
    position: absolute;
    content: "";
    width: 6px;
    height: 6px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    top: 50%;
    right: 15px;
    transform: translateY(-50%) rotate(45deg);
}

.under .under_link li:nth-child(1) a {
    background: url(/vn/images/under_img01.jpg) no-repeat center;
    background-size: 100% auto;
}

.under .under_link li:nth-child(2) a {
    background: url(/vn/images/under_img02.jpg) no-repeat center;
    background-size: 100% auto;
}

.under .under_link li:nth-child(3) a {
    background: url(/vn/images/under_img03.jpg) no-repeat center;
    background-size: 100% auto;
}

.under .under_link li:nth-child(4) a {
    background: url(/vn/images/under_img04.jpg) no-repeat center;
    background-size: 100% auto;
}

.under .list_2col {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

/*----------*/

/*-----under frame-----*/
.under .frame01 {
    background: rgba(255, 211, 216, 0.3);
    padding: 25px 30px 25px;
    margin: 0 auto 30px;
    border-radius: 10px;
    box-sizing: border-box;
}

.under .frame01:last-child {
    margin: 0 auto;
}

/*----------*/

/*-----under_step-----*/
.under .under_step dl {
    margin-bottom: 60px;
}

.under .under_step dl:last-child {
    margin-bottom: 0px;
}

.under .under_step dl dt {
    font-size: 18px;
    color: #fff;
    background: #e06277;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border: 2px solid #e06277;
    padding: 10px 20px 5px;
    box-sizing: border-box;
}

.under .under_step dl dt span {
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    margin-right: 5px;
}

.under .under_step dl dd {
    display: flex;
    align-items: center;
    border: 2px solid #e06277;
    padding: 20px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    box-sizing: border-box;
    position: relative;
    z-index: 1;
}

.under .under_step dl:nth-child(odd) dd {
    flex-direction: row-reverse;
}

.under .under_step dl dd .step_img {
    flex-shrink: 0;
    padding-left: 40px;
    margin-bottom: 0 !important;
    box-sizing: border-box;
}

.under .under_step dl:nth-child(even) dd .step_img {
    padding: 0 40px 0 0;
}

/*----------*/

/*-----qa_dl-----*/
.under .qa_dl dl {
    padding-left: 80px;
    padding-bottom: 60px;
    position: relative;
    z-index: 1;
    box-sizing: border-box;
}

.under .qa_dl dl:after {
    position: absolute;
    z-index: -1;
    left: 25px;
    top: 0;
    height: 100%;
    width: 1px;
    content: '';
    display: block;
    border-left: rgba(119, 119, 119, 0.30) 1px dotted;
}

.under .qa_dl dl:last-child {
    padding-bottom: 0;
}

.under .qa_dl dl dt,
.under .qa_dl dl dd {
    position: inherit;
    z-index: 1;
}

.under .qa_dl dl dt span,
.under .qa_dl dl dd span {
    position: absolute;
    z-index: 1;
    left: -80px;
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    color: #fff;
    font-size: 18px;
}

.under .qa_dl dl dt {
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: bold;
    color: #00478A;
    min-height: 50px;
    display: flex;
    align-items: center;
    line-height: 1.4em;
}

.under .qa_dl dl dd {
    padding: 30px;
    background: rgba(109, 178, 216, 0.15);
    box-sizing: border-box;
}

/*----------*/

/*-----under_bnr-----*/
.under .under_bnr_full {
    background: url(/vn/images/under_btn_bg.jpg) no-repeat center;
    background-size: cover;
    width: 700px;
    height: 150px;
    border-radius: 8px;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.25);
    margin: 0 auto;
    transition: all 0.25s linear;
    box-sizing: border-box;
}

.under .under_bnr_full a {
    font-size: 18px;
    line-height: 1.6;
    color: #fff;
    width: 100%;
    height: 100%;
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 0 .5em;
    box-sizing: border-box;
}

.under #content .idx_btn {
    max-width: 120px;
    height: 38px;
}

.under #content .idx_btn a {
    font-size: 12px;
    background: #076eaa;
}

.under #content .idx_btn a:hover {
    color: #076eaa;
    border: 1px solid #076eaa;
    background: #fff;
}

.under #content .btn_pro {
    max-width: 250px;
}

.under #content .btn_pro a {
    line-height: 1.2;
    text-align: center;
    padding: 0 15px;
}


/*----------*/

/*-----others-----*/
.under .center {
    margin-bottom: 51px;
}

.under .image_l {
    margin: 0 40px 15px 0;
}

.under .image_r {
    margin: 0 0 15px 40px;
}

.under .a_hover:hover {
    text-decoration: none;
}

.under .under_line {
    border-bottom: 20px solid #f4f4f4;
    padding: 0 0 60px;
    margin-bottom: 42px;
}

.under .color01 {
    color: #f00000;
}

/*----------*/

.under#global_network #top_info {
    background: url(/vn/images/global_net_top_info_bg.jpg) no-repeat center;
    background-size: cover;
}

.under .global_net_frame {
    background: #f2fbff;
    text-align: center;
    padding: 38px 0 33px;
    margin-bottom: 37px;
}

.under .global_net_list {
    display: flex;
    justify-content: space-around;
    max-width: 990px;
    margin: 0 auto;
}

.under .global_net_list li {
    font-size: 14px;
    display: flex;
    align-items: center;
}

.under .global_net_list li:first-child {
    margin-right: 10px;
}

.under .global_net_list li i {
    margin-right: 7px;
}

.under .global_net_list li:nth-child(2) i {
    display: inline-block;
    background: url(/vn/images/global_net_ico01.png) no-repeat;
    background-size: 100% auto;
    width: 12px;
    height: 12px;
}

.under .global_net_list li:nth-child(3) i {
    display: inline-block;
    background: url(/vn/images/global_net_ico02.png) no-repeat;
    background-size: 100% auto;
    width: 17px;
    height: 12px;
}

.under .global_net_list li:nth-child(4) i {
    display: inline-block;
    background: url(/vn/images/global_net_ico03.png) no-repeat;
    background-size: 100% auto;
    width: 16px;
    height: 12px;
}

.under .global_net_list li:nth-child(5) i {
    display: inline-block;
    background: url(/vn/images/global_net_ico04.png) no-repeat;
    background-size: 100% auto;
    width: 19px;
    height: 13px;
}

.under .global_net_list li:nth-child(6) i {
    display: inline-block;
    background: url(/vn/images/global_net_ico05.png) no-repeat;
    background-size: 100% auto;
    width: 19px;
    height: 15px;
}

/*----------*/

.under#infrastructure #top_info {
    background: url(/vn/images/infrastructure_top_info_bg.jpg) no-repeat center;
    background-size: cover;
}

.under#infrastructure h3 {
    margin-bottom: 77px;
}

.under.vi .infras_txt {
    font-family: 'Open Sans', Arial, sans-serif;
}

.under .infras_txt {
    font-family: 'PT Sans', sans-serif;
    font-size: 20px;
    line-height: 1.6;
    font-weight: 700;
}

.under .infras_list {
    display: flex;
}

.under .infras_list > li {
    width: 100%;
    max-width: 300px;
    height: 250px;
    overflow: hidden;
}

.under .infras_list > li a {
    font-size: 22px;
    font-weight: 600;
    color: #fff;
    text-decoration: none;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    position: relative;
}

.under .infras_list > li a::before {
    position: absolute;
    content: "";
    background: rgba(0, 0, 0, 0.35);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    visibility: hidden;
    opacity: 0;
    transition: all 0.25s linear;
    z-index: 2;
}

.under .infras_list > li a img {
    transition: transform .3s ease-out;
}

.under .infras_list > li span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    text-align: center;
    text-shadow: 0 0 25px rgba(0, 0, 0, 0.6);
    z-index: 2;
}

.under#civil_engineering #top_info {
    background: url(/vn/images/civil_top_info_bg.jpg) no-repeat center;
    background-size: cover;
}

.under#civil_engineering #topic_path {
    margin: 0 0 58px;
}

.under#civil_engineering h3 {
    font-size: 36px;
    text-align: left;
    border-bottom: 1px solid #e4e4e4;
    padding: 0 0 2px 10px;
    margin-bottom: 25px;
}

.under#civil_engineering h3 span::after {
    display: none;
}

.under .infras_list02 {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.under .infras_list02 dl {
    border: 1px solid #e5e5e5;
    width: 100%;
    max-width: 370px;
    height: 100%;
    margin-right: 45px;
    padding: 20px 25px 39px;
    transition: all 0.25s linear;
}

.under .infras_list02 dl:nth-child(3n+3),
.under .infras_list02 dl:last-child {
    margin-right: 0;
}

.under .infras_list02 dl:not(:last-child) {
    margin-bottom: 30px;
}

.under .infras_list02 dl dt {
    font-size: 18px;
    font-weight: 600;
    color: #0384c4;
    margin-bottom: 19px;
}

/*
.under .infras_list02 dl dt a {
    color: #0384c4;
}

.under .infras_list02 dl dt a:hover {
    text-decoration: none;
}
*/

.under .infras_list02 dl dt span {
    display: block;
    font-size: 12px;
    line-height: 1.5;
    color: #8c8c8c;
    margin-top: 9px;
}

.under .infras_list02 dl dd {}

.under .infras_list02 dl dd .infras_img {
    text-align: center;
    margin-bottom: 23px;
}

.under .infras_list02 dl dd p {
    font-size: 14px;
    line-height: 1.75;
}

.under .infras_list02 dl dd .list03 li {
    font-size: 14px;
    line-height: 1.75;
    list-style: decimal;
    margin-left: 16px;
}

.under .infras_list02 dl dd .list03 li:not(:last-child) {
    margin-bottom: 12px;
}

.under#civil_engineering #content .idx_btn {
    margin-top: 25px;
}

.under .under_link_infras {
    display: flex;
    justify-content: space-between;
}

.under .under_link_infras li {
    width: 100%;
    max-width: 292px;
    height: 86px;
}

.under .under_link_infras li a {
    font-size: 18px;
    text-decoration: none;
    color: #fff;
    background: #076eaa;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    padding: 0 3px 0;
    position: relative;
}

.under .under_link_infras li a::before {
    position: absolute;
    content: "";
    width: 6px;
    height: 6px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    top: 50%;
    right: 16px;
    transform: translateY(-50%) rotate(45deg);
}

.under .under_link_infras li a::after {
    position: absolute;
    content: "";
    background: rgba(0, 0, 0, 0.35);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    visibility: hidden;
    opacity: 0;
    transition: all 0.25s linear;
}

.under .under_link_infras li a span {
    margin-left: 10px;
}

/*----------*/

.under#products #top_info {
    background: url(/vn/images/products_top_info_bg.jpg) no-repeat center;
    background-size: cover;
}

.under#products #footer {
    border-top: 0;
}

.under .products_frame {
    text-align: center;
    margin: 104px 0 118px;
    position: relative;
}

.under .products_frame p {
    margin-bottom: 0;
}

.under .products_txt {
    font-size: 36px;
    line-height: 1.4;
    font-weight: 700;
    color: #221815;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.under .pro_btn {
    width: 100%;
    max-width: 400px;
    height: 260px;
    position: absolute;
    overflow: hidden;
}

.under .pro_btn a {
    font-size: 24px;
    font-weight: 300;
    color: #fff;
    text-decoration: none;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: flex-end;
    position: relative;
}

.under .pro_btn a::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.35);
    top: 0;
    left: 0;
    visibility: hidden;
    opacity: 0;
    transition: .3s ease-in-out;
}

.under .pro_btn a:hover::after {
    visibility: visible;
    opacity: 1;
}

.under .pro_btn a img {
    transition: transform .3s ease-out;
}

.under .pro_btn a span {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 60px;
    background: rgba(0, 0, 0, 0.6);
    display: flex;
    align-items: center;
    padding: 0 0 0 20px;
    z-index: 2;
}

.under .pro_btn a span::before {
    position: absolute;
    content: "";
    width: 8px;
    height: 8px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    top: 50%;
    right: 15px;
    transform: translateY(-50%) rotate(45deg);
}

.under .btn_01 {
    top: 0;
    left: 0;
}

.under .btn_02 {
    bottom: 0;
    left: 0;
}

.under .btn_03 {
    top: 0;
    right: 0;
}

.under .btn_04 {
    bottom: 0;
    right: 0;
}

/*----------*/

.under#bridge #top_info {
    background: url(/vn/images/bridge_top_info_bg.jpg) no-repeat center;
    background-size: cover;
}

.under#bridge h3 {
    font-size: 36px;
    text-align: left;
    border-bottom: 1px solid #e4e4e4;
    padding: 0 0 2px 10px;
    margin-bottom: 25px;
}

.under#bridge h3 span::after {
    display: none;
}

.under#bridge h4 {
    text-align: center;
    justify-content: center;
    background: #076eaa;
}

.under#bridge .infras_list02 dl dd .infras_img {
    min-height: 180px;
}

.under#bridge #content .idx_btn {
    margin-top: 25px;
}

/*----------*/
.under#construction #top_info {
    background: url(/vn/images/construction_top_info_bg.jpg) no-repeat center;
    background-size: cover;
}

.under#construction h3 {
    font-size: 36px;
    text-align: left;
    border-bottom: 1px solid #e4e4e4;
    padding: 0 0 2px 10px;
    margin-bottom: 25px;
}

.under#construction h3 span::after {
    display: none;
}

.under#construction #top_info h2 {
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.45);
}

.under#construction #content .idx_btn {
    margin-top: 25px;
}

/*----------*/
.under#sheet_piles #top_info {
    background: url(/vn/images/construction_top_info_bg.jpg) no-repeat center;
    background-size: cover;
}

.under#sheet_piles h3 {
    font-size: 36px;
    text-align: left;
    border-bottom: 1px solid #e4e4e4;
    padding: 0 0 2px 10px;
    margin-bottom: 25px;
}

.under#sheet_piles h3 span::after {
    display: none;
}

.under#sheet_piles #content .idx_btn {
    margin-top: 25px;
}

/*----------*/
.under#pipe_tubes #top_info {
    background: url(/vn/images/pipe_tubes_top_info_bg.jpg) no-repeat center;
    background-size: cover;
}

.under#pipe_tubes h3 {
    font-size: 36px;
    text-align: left;
    border-bottom: 1px solid #e4e4e4;
    padding: 0 0 2px 10px;
    margin-bottom: 25px;
}

.under#pipe_tubes h3 span::after {
    display: none;
}

.under#pipe_tubes h4 {
    text-align: center;
    justify-content: center;
    background: #076eaa;
}

.under#pipe_tubes #content .idx_btn {
    margin-top: 25px;
}

/*----------*/
.under#structural_steel #top_info {
    background: url(/vn/images/structural_top_info_bg.jpg) no-repeat center;
    background-size: cover;
}

.under#structural_steel h3 {
    font-size: 36px;
    text-align: left;
    border-bottom: 1px solid #e4e4e4;
    padding: 0 0 2px 10px;
    margin-bottom: 25px;
}

.under#structural_steel h3 span::after {
    display: none;
}

.under#structural_steel #content .idx_btn {
    margin-top: 25px;
}

/*----------*/
.under#others #top_info {
    background: url(/vn/images/structural_top_info_bg.jpg) no-repeat center;
    background-size: cover;
}

.under#others h3 {
    font-size: 36px;
    text-align: left;
    border-bottom: 1px solid #e4e4e4;
    padding: 0 0 2px 10px;
    margin-bottom: 25px;
}

.under#others h3 span::after {
    display: none;
}

.under#others h4 {
    text-align: center;
    justify-content: center;
    background: #076eaa;
}

.under#others #content .idx_btn {
    margin-top: 25px;
}

/*----------*/
.under#railway #top_info {
    background: url(/vn/images/railway_top_info_bg.jpg) no-repeat center;
    background-size: cover;
}

.under#railway h4 {
    text-align: center;
    justify-content: center;
    background: #076eaa;
}

/*----------*/

.under#gr_company #top_info {
    background: url(/vn/images/gr_company_top_info_bg.jpg) no-repeat center;
    background-size: cover;
}

.under#gr_company .under_line {
    padding: 0 0 35px;
    margin-bottom: 51px;
}

.under#gr_company h3 {
    font-size: 42px;
}

.under .gr_company_frame {
    display: flex;
    position: relative;
}

.under .gr_company_notes {
    background: #f4f4f4;
    padding: 46px 60px;
    position: absolute;
    top: 56px;
    right: 0;
}

.under .gr_company_notes li {
    font-size: 18px;
    font-weight: 600;
    display: flex;
    align-items: center;
}

.under .gr_company_notes li:not(:last-child) {
    margin-bottom: 12px;
}

.under .gr_company_notes li:nth-child(1) {
    color: #fbb50d;
}

.under .gr_company_notes li:nth-child(2) {
    color: #076eaa;
}

.under .gr_company_notes li:nth-child(4) {
    color: #2ecd71;
}

.under .gr_company_notes li span {
    margin-right: 14px;
}

.under .gr_company_notes li .ico01 {
    display: inline-block;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 1px solid #fbb50d;
}

.under .gr_company_notes li .ico02 {
    display: inline-block;
    width: 13px;
    height: 13px;
    background: #076eaa;
}

.under .gr_company_notes li .ico03 {
    display: inline-block;
    background: url(/vn/images/gr_company_ico01.png) no-repeat;
    background-size: 100% auto;
    width: 14px;
    height: 12px;
}

.under .gr_company_notes li .ico04 {
    display: inline-block;
    width: 13px;
    height: 13px;
    background: #2ecc71;
}

.under#gr_company table th a {
    font-size: 14px;
    font-weight: 400;
    color: #00a3df;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
}

.under#gr_company table th a i {
    display: inline-block;
    background: url(/vn/images/gr_company_ico02.png) no-repeat;
    background-size: 100% auto;
    width: 10px;
    height: 10px;
    margin-left: 9px;
}

.under .gr_comp_ttl {
    display: block;
    font-size: 14px;
    font-weight: 700;
    color: #076eaa;
}

/*----------*/

.under#catalog #top_info {
    background: url(/vn/images/catalog_top_info_bg.jpg) no-repeat center;
    background-size: cover;
}

.under#catalog #topic_path {
    margin: 0 0 58px;
}

.under#catalog h4 {
    text-align: center;
    justify-content: center;
    background: #076eaa;
}

.under#catalog .group_tabs_name {
    display: flex;
    justify-content: flex-start;
}

.under#catalog .group_tabs_name:not(:last-child) {
    margin-bottom: 25px;
}

.under#catalog .group_tabs_name dt {
    width: 100%;
    max-width: 10%;
}

.under#catalog .group_tabs_name dd {
    flex: 1;
}

.under#catalog .group_tabs_name dd ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.under#catalog .group_tabs_name dd ul li {
    width: 100%;
    max-width: 250px;
    height: 50px;
    margin: 0 25px 25px 0;
}

.under#catalog .group_tabs_name dd ul li:nth-child(4n+4),
.under#catalog .group_tabs_name dd ul li:last-child {
    margin-right: 0;
}

.under#catalog .group_tabs_name dd ul li a {
    font-size: 14px;
    color: #076eaa;
    text-decoration: none;
    text-transform: uppercase;
    border: 1px solid #076eaa;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    transition: all 0.25s linear;
}

.under#catalog .group_tabs_name dd ul li a::before {
    position: absolute;
    content: "";
    width: 12px;
    height: 1px;
    background: #076eaa;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    transition: all 0.25s linear;
}

.under .catalog_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.under .catalog_list dl {
    width: 100%;
    max-width: 285px;
    background: #f4f4f4;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 30px 0 16px;
    margin: 0 20px 20px 0;
    cursor: pointer;
    transition: all 0.25s linear;
}

.under .catalog_list dl:nth-child(4n+4),
.under .catalog_list dl:last-child {
    margin-right: 0;
}

.under .catalog_list dl:hover {
    opacity: .8;
}

.under .catalog_list dl dt {
    margin-bottom: 18px;
}

.under .catalog_list dl dd .catalog_ttl {
    font-size: 14px;
    font-weight: 600;
    color: #00a3df;
    text-align: center;
    position: relative;
}

.under .catalog_list dl dd .catalog_ttl i {
    display: inline-block;
    background: url(/vn/images/ico_pdf.png) no-repeat;
    background-size: 100% auto;
    width: 16px;
    height: 16px;
    margin-left: 9px;
    position: relative;
    top: 5px;
}

.under .catalog_list dl dd .catalog_ttl span {
    display: block;
    font-size: 12px;
    font-weight: 400;
    color: #8a8a8a;
    margin-top: 2px;
}

/*----------*/

.under#news #top_info {
    background: url(/vn/images/news_top_info_bg.jpg) no-repeat center;
    background-size: cover;
}

.under#news #topic_path {
    margin: 0 0 58px;
}

.under#news .section .section {
    padding-top: 18px;
}

.under .news_frame {
    display: flex;
    justify-content: space-between;
}

.under .side_gnavi {
    width: 100%;
    max-width: 220px;
    background: #ededed;
    padding: 21px 20px;
}

.under .side_gnavi dl:not(:last-child) {
    margin-bottom: 22px;
}

.under .side_gnavi dl dt {
    font-size: 14px;
    font-weight: 600;
    border-bottom: 1px solid #333;
    padding: 0 0 7px;
    margin-bottom: 10px;
}

.under .side_gnavi dl dd ul li:not(:last-child) {
    margin-bottom: 9px;
}

.under .side_gnavi dl dd ul li a {
    font-size: 12px;
    color: #333;
    text-decoration: none;
    margin-left: 23px;
    position: relative;
}

.under .side_gnavi dl dd ul li a::before {
    position: absolute;
    content: "";
    background: url(/vn/images/icon_arrow01.png) no-repeat;
    background-size: 100% auto;
    width: 5px;
    height: 5px;
    top: 50%;
    left: -13px;
    transform: translateY(-50%);
}

.under .side_gnavi dl dd ul li a::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 60%;
    height: 1px;
    opacity: 0;
    background-color: #333;
    transform: translate(-50%, 0);
    transition: all .3s ease-in-out
}

.under .news_info {
    width: calc(100% - 260px);
}

.under#news .news_info dl {
    display: flex;
    align-items: center;
    border-bottom: 1px dashed #e9e9e9;
    padding: 17px 10px 16px;
}

.under#news .news_info dl dt {
    font-size: 14px;
    font-weight: 700;
    display: flex;
    align-items: center;
    margin-right: 32px;
}

.under#news .news_info dl dt span {
    font-size: 12px;
    color: #fff;
    width: 125px;
    height: 28px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 0 0 32px;
}

.under#news .news_info dl dt .cate-01 {
    background: #fbb50d;
}

.under#news .news_info dl dt .cate-02 {
    background: #2ecc71;
}

.under#news .news_info dl dt .cate-03 {
    background: #00a3e0;
}

.under#news .news_info dl dd a {
    font-size: 14px;
    color: #555;
    text-decoration: none;
}

.under#news .news_info dl dd a:hover {
    text-decoration: underline;
}

.under .pagination {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
    margin: 43px 0 38px;
}

.under .pagination li {
    margin: 0 10px 15px
}

.under .pagination li a {
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    background: #9e9e9e;
    display: block;
    text-decoration: none;
    transition: all 0.3s;
}

.under .pagination li.active a,
.pagination li a:hover {
    background: #076eaa;
    text-decoration: none;
}

.under#news_detail #top_info {
    background: url(/vn/images/news_top_info_bg.jpg) no-repeat center;
    background-size: cover;
}

.under#news_detail #topic_path {
    margin: 0 0 58px;
}

.under#news_detail .section .section {
    padding-top: 27px;
}

.under#news_detail .news_info .news_ttl {
    font-size: 26px;
    line-height: 1.85;
    font-weight: 600;
    color: #0384c4;
    margin-bottom: 11px;
}

.under#news_detail .news_info .news_ttl span {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 82px;
    height: 18px;
    font-size: 12px;
    line-height: 1.1;
    color: #727272;
    background: #ededed;
}

.under#news_detail .news_info p {
    font-size: 14px;
    line-height: 2.2;
}

.under#news_detail h3 {
    font-size: 22px;
    text-align: left;
    border-bottom: 1px solid #333;
    padding: 0 0 9px;
    margin-bottom: 19px;
}

.under#news_detail h4 {
    height: 40px;
}

.under#news_detail .list_2col {
    max-width: 780px;
    margin: 0 auto 25px;
}

.under .news_list_2col {
    display: flex;
    justify-content: space-between;
}

.under .news_list_2col dl {
    display: flex;
    flex-direction: column;
    background: #f4f4f4;
    width: 100%;
    max-width: 455px;
    padding: 35px 33px 37px;
}

.under#news_detail .list01 li a {
    font-size: 14px;
    color: #00a3df;
    text-decoration: underline;
}

.under#news_detail .list01 li a:hover {
    text-decoration: none;
}

.under#news_detail .list02 li {
    font-size: 14px;
}

/*----------*/

.under#company #top_info {
    background: url(/vn/images/company_top_info_bg.jpg) no-repeat center;
    background-size: cover;
}

.under#company .mt50 {
    margin-top: 50px;
}

.under#company .mt52 {
    margin-bottom: 52px;
}

.under#company .mt78 {
    margin-bottom: 78px;
}

.under#company .under_line {
    margin-bottom: 44px;
}

.under#company .under_line:nth-child(2) {
    padding: 0 0 30px;
}

.under#company h3 {
    margin-bottom: 33px;
}

.under .comp_frame {
    background: url(/vn/images/company_img01.jpg) no-repeat center;
    background-size: cover;
    width: 100%;
    height: 295px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 50px;
}

.under .comp_frame p {
    font-size: 42px;
    font-weight: 700;
    line-height: 1.32;
    color: #fff;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.35);
    text-align: center;
}

.under .comp_list {
    display: flex;
    justify-content: space-between;
}

.under .comp_list li {
    width: 100%;
    max-width: 585px;
}

.under .comp_list li dl {
    position: relative;
}

.under .comp_list li dl::before,
.under .comp_list li dl::after {
    position: absolute;
    content: "";
    left: 50%;
    transform: translate(-50%);
    z-index: -1;
}

.under .comp_list li dl::before {
    width: 30px;
    height: 93%;
    background: #0067a7;
    top: 56px;
}

.under .comp_list li dl::after {
    width: 0;
    height: 0;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    border-top: 17px solid #0067a7;
    bottom: -30px;
}

.under .comp_list li dl dt {
    text-align: center;
    min-height: 47px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 48px;
}

.under .comp_list li dl dd {
    background: rgba(244, 244, 244, 0.98);
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 200px;
    margin-bottom: 30px;
}

.under .comp_ttl01 {
    font-size: 14px;
    line-height: 1.9;
    color: #000;
    margin-bottom: 0;
    padding: 0 5px 0 35px;
    flex: 1;
}

.under .comp_ttl01 span {
    display: block;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 7px;
}

.under .comp_txt01 {
    font-size: 30px;
    font-weight: 700;
    color: #000;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #eee;
    background: #fff;
    padding: 25px 0 25px;
    margin-bottom: 60px;
    position: relative;
}

.under .comp_txt01::before,
.under .comp_txt01::after {
    position: absolute;
    content: "";
    left: 50%;
    transform: translate(-50%);
    z-index: -1;
}

.under .comp_txt01::before {
    width: 30px;
    height: 93%;
    background: #0067a7;
    top: 56px;
}

.under .comp_txt01::after {
    width: 0;
    height: 0;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    border-top: 17px solid #0067a7;
    bottom: -61px;
}

.under .comp_txt01 span {
    margin: 0 29px 0 -3px;
}

.under .comp_txt01:nth-of-type(2) {
    padding-right: 132px;
}

.under .comp_txt01:nth-of-type(2)::before {
    content: "Changed Name to";
    font-size: 14px;
    font-weight: 600;
    color: #0067a7;
    background: none;
    top: -56px;
    left: 58.2%;
    width: auto;
    height: auto;
}

.under .comp_txt01:nth-of-type(2)::after {
    display: none;
}

.under .comp_frame01 {
    background: url(/vn/images/company_img05.jpg) no-repeat center;
    background-size: cover;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 90px 75px 90px 90px;
}

.under .comp_l {
    color: #fff;
    background: rgba(0, 0, 0, 0.7);
    text-align: center;
    padding: 60px 0 57px 5px;
    width: 660px;
}

.under .comp_ttl02 {
    font-size: 30px;
    font-weight: 600;
    line-height: 1.4;
    margin-bottom: 9px;
}

.under .comp_txt02 {
    font-size: 14px;
    line-height: 2.2;
}

.under .comp_r {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    color: #fff;
    max-width: 360px;
}

.under .comp_r li span {
    font-size: 18px;
    font-weight: 700;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.under .comp_r li:nth-child(1) span {
    background: rgba(252, 181, 13, 0.95);
}

.under .comp_r li:nth-child(2) span {
    background: rgba(46, 205, 113, 0.95);
}

.under .comp_r li:nth-child(3) span {
    background: rgba(0, 102, 168, 0.95);
}

.under .comp_sec02 {
    display: flex;
    justify-content: space-between;
}

.under .comp_sec02_l {
    margin-top: -6px;
}

.under .comp_sec02_l dl dt {
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 33px;
}

.under .comp_sec02_l dl dd {
    font-size: 22px;
    line-height: 1.4;
    padding: 0 0 25px 115px;
    position: relative;
}

.under .comp_sec02_l dl dd::before {
    position: absolute;
    content: "";
    width: 1px;
    height: 100%;
    background: #d3d3d3;
    top: -32px;
    left: 49px;
}

.under .comp_sec02_l dl dd:last-child::before {
    height: 64%;
}

.under .comp_sec02_l dl dd::after {
    position: absolute;
    content: "";
    height: 1px;
    width: 50px;
    background: #d3d3d3;
    top: 16px;
    left: 49px;
}

.under .comp_sec02_l dl dd:nth-child(2) {
    font-weight: 700;
}

.under .comp_sec02_l dl dd span {
    display: block;
    font-size: 12px;
    color: #a0a0a0;
    margin-top: 6px;
}

.under .comp_ttl03 {
    font-size: 30px;
    line-height: 1.43;
    font-weight: 700;
    color: #076eaa;
}

.under .comp_ttl03 span {
    display: block;
    font-size: 22px;
    font-weight: 300;
    color: #333;
}

.under .comp_list02 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.under .comp_list02 dl {
    width: 100%;
    max-width: 585px;
    margin-bottom: 30px;
}

.under .comp_list02 dl dt {
    height: 210px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: #fff;
    font-size: 42px;
    line-height: 1.15;
    cursor: pointer;
    transition: all 0.25s linear;
}

.under .comp_list02 dl dt:hover {
    opacity: .8;
}

.under .comp_list02 dl dt span {
    margin-bottom: 27px;
    position: relative;
}

.under .comp_list02 dl dt span::before {
    position: absolute;
    content: "";
    width: 10px;
    height: 10px;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    bottom: -17px;
    left: 50%;
    transform: translate(-50%) rotate(45deg);
}

.under .comp_list02 dl:first-child dt {
    background: url(/vn/images/company_img07.jpg) no-repeat center;
    background-size: cover;
}

.under .comp_list02 dl:nth-child(2) dt {
    background: url(/vn/images/company_img12.jpg) no-repeat center;
    background-size: cover;
}

.under .comp_list02 dl:nth-child(3) dt {
    background: url(/vn/images/company_img16.jpg) no-repeat center;
    background-size: cover;
}

.under .comp_list02 dl:nth-child(4),
.under .comp_list02 dl:last-child {
    max-width: 285px;
}

.under .comp_list02 dl:nth-child(4) {
    margin-left: 15px;
}

.under .comp_list02 dl:nth-child(4) dt {
    background: url(/vn/images/company_img19.jpg) no-repeat center;
    background-size: cover;
}

.under .comp_list02 dl:last-child dt {
    background: url(/vn/images/company_img20.jpg) no-repeat center;
    background-size: cover;
}

.under .comp_list02 dl dd {
    display: none;
    padding: 50px 0 0;
    position: relative;
}

.under .comp_list02 dl dd::before,
.under .comp_list02 dl dd::after {
    position: absolute;
    content: "";
    left: 50%;
    transform: translate(-50%);
    z-index: -1;
}

.under .comp_list02 dl dd::before {
    width: 30px;
    height: 15px;
    background: #0067a7;
    top: 9px;
}

.under .comp_list02 dl dd::after {
    width: 0;
    height: 0;
    border-left: 22px solid transparent;
    border-right: 22px solid transparent;
    border-top: 17px solid #0067a7;
    top: 24px;
}

.under .comp_list02 dl dd ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.under .comp_list02 dl dd ul li {
    margin-bottom: 15px;
}

.under .comp_list02 dl dd ul li .comp_img {
    position: relative;
}

.under .comp_ttl04 {
    font-size: 20px;
    font-weight: 600;
    color: #076eaa;
    width: 100%;
    text-align: center;
    position: absolute;
    top: 14px;
    left: 50%;
    transform: translate(-50%);
}

.under .comp_list02 dl:last-child dd ul li:last-child {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.under .comp_list02 dl:last-child dd ul li:last-child .spec > .comp_ttl04 {
    top: auto;
    left: auto;
    transform: translate(0);
    border: 1px solid #dcdcdc;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 137;
    height: 53px;
    position: relative;
    margin-bottom: 5px;
}

.under .comp_list02 dl:last-child dd ul li:last-child .spec .comp_img .comp_ttl04 {
    font-size: 14px;
    line-height: 1.35;
}

.under#automotives #top_info {
    background: url(/vn/images/automotives_top_info_bg.jpg) no-repeat center;
    background-size: cover;
}

.under#automotives #topic_path {
    margin: 0 0 58px;
}

.under#automotives h3 {
    font-size: 36px;
    color: #fff;
    margin-bottom: 25px;
}

.under#automotives h3::first-letter {
    color: #fff;
}

.under#automotives h3 span {
    display: block;
    font-size: 22px;
    font-weight: 400;
    margin-top: 4px;
}

.under#automotives h3 span::after {
    display: none;
}

.under .auto_flex {
    display: flex;
    justify-content: flex-end;
    position: relative;
}

.under .auto_frame {
    color: #fff;
    background: rgba(0, 103, 168, 0.95);
    text-align: center;
    width: 100%;
    max-width: 640px;
    margin: 53px 0 0;
    padding: 100px 0 111px;
}

.under .auto_txt {
    line-height: 1.9;
}

.under .auto_img01 {
    position: absolute;
    top: 0;
    left: 240px;
    z-index: -1;
}

.under .auto_img02 {
    position: absolute;
    top: 171px;
    left: 0;
    z-index: -2;
}

.under .auto_bg {
    background: #f4f4f4;
    margin: 98px 0 60px;
    padding: 50px 0 60px;
}

.under#automotives .auto_bg h3 {
    color: #333;
    margin-bottom: 2px;
    padding: 0 0 0 153px;
}

.under#automotives .auto_bg h3::first-letter {
    color: #333;
}

.under#automotives .auto_bg h3 span {
    line-height: 1.65;
    margin-top: 1px;
}

.under .auto_bg .auto_flex {
    justify-content: space-between;
    align-items: center;
}

.under .auto_bg .auto_txt {
    font-size: 14px;
    line-height: 2.2;
    margin-bottom: 0;
}

.under .auto_bg .auto_list {
    display: flex;
    justify-content: space-between;
    margin: 35px 0 0;
}

.under .auto_bg .auto_list li {
    width: 100%;
    max-width: 585px;
    height: 300px;
}

.under .auto_bg .auto_list li:first-child {
    background: rgba(0, 102, 167, 0.95);
}

.under .auto_bg .auto_list li a {
    text-decoration: none;
}

.under .auto_bg .auto_list li dl {
    padding: 20px 30px 0;
}

.under .auto_bg .auto_list li dl dt {
    font-size: 24px;
    font-weight: 600;
    color: #fff;
    text-align: center;
    margin-bottom: 26px;
}

.under .auto_bg .auto_list li dl dd {
    display: flex;
    justify-content: space-between;
}

.under .auto_bg .auto_list li dl dd .auto_btn {
    width: 100%;
    max-width: 255px;
}

.under .auto_bg .auto_list li dl dd .auto_btn a {
    font-weight: 600;
    color: #333;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    background: #fff;
}

.under .auto_bg .auto_list li dl dd .auto_btn a span {
    width: 100%;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.under .auto_bg .auto_list li dl dd .auto_btn a span i {
    display: inline-block;
    background: url(/vn/images/gr_company_ico02.png) no-repeat;
    background-size: 100% auto;
    width: 10px;
    height: 10px;
    margin-left: 9px;
}

.under .auto_bg .auto_list li dl dd .auto_btn a span::before {
    position: absolute;
    content: "";
    width: 6px;
    height: 6px;
    border-top: 1px solid #333;
    border-right: 1px solid #333;
    top: 50%;
    right: 17px;
    transform: translateY(-50%) rotate(45deg);
}

.under .auto_bg .auto_list li:last-child a {
    font-size: 24px;
    font-weight: 600;
    color: #fff;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: url(/vn/images/automotives_img03.jpg) no-repeat center;
    background-size: 100% auto;
    transition: all 0.25s linear;
}

.under .auto_bg .auto_list li:last-child a i {
    display: inline-block;
    background: url(/vn/images/auto_ico.png) no-repeat;
    background-size: 100% auto;
    width: 18px;
    height: 18px;
    margin-left: 10px;
    position: relative;
    top: 2px;
}

.under .auto_bg .auto_list li:last-child a:hover {
    opacity: .8;
}

/*-----vi-----*/
.vi .comp_txt01:nth-of-type(2)::before {
    content: "Thay đổi tên thành";
}

/* MOZZILLA CSS */
@-moz-document url-prefix() {}

/* IE CSS */
@media screen\0 {}

/* EDGE 12+ CSS */
@supports (-ms-ime-align:auto) {}