/*----------------------------------------------------------------------------------------------
Stylesheet Cong Thong Tin Dien Tu
Version:        1.0
Date:            02/09/2014
Designer:         Quang Minh         
Email:           minhtran@mpi.gov.vn
----------------------------------------------------------------------------------------------*/

/*Remove padding and margin*/

* {
    margin: 0;
    padding: 0;
}

.clear {
    clear: both;
}

body {
    font-size: 9pt;
    font-family: Arial;
    color: #000080;
    background: #EBEDEF;
    -webkit-text-size-adjust: 100% !important;
    z-index: 0;
}
.ms-pub-contentLayout {
    padding: unset !important;
}

#ctl00_MSO_ContentDiv {
    /*background: #EBEDEF url(../Images/bg-header.png) top no-repeat;*/
}

h1 {
    font-size: 2.2em;
}

h2 {
    font-size: 2.0em;
}

h3 {
    font-size: 1.8em;
}

h4 {
    font-size: 1.6em;
}

h5 {
    font-size: 1.4em;
}

p {
    font-size: 10pt;
    margin-bottom: 6pt;
}

/* Forms 
-----------------------------------------------------------------------------*/

input.text {
    padding: 3px;
    border: 1px solid #999999;
}

/* Tables
-----------------------------------------------------------------------------*/
/*
table
{
  border-spacing: 0;
  border-collapse: collapse;
}

td
  {
  text-align: left;
  font-weight: normal;
  }
  */

/*---------------------------------------------------------------------*/
/* My Template */
/*---------------------------------------------------------------------*/

/*---------------------My Body--------------------*/
.mybody {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    /*border-top: 3px solid #0085cb;*/
    z-index: 10;
    /*background-color: #EBEDEF;*/
}

/*----------------------My Wrap Top-------------------*/
.mywraptop {
    width: 100%;
    margin: 0 auto;
}

#ms-belltown-table{
    padding-bottom: 0px !important;
}
/*----------------------My Wrap--------------------*/

/*step*/

.step1 {
    background: url('../Images/slide1.jpg') center no-repeat;
    height: 120px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
}

.step2 {
    background: url('../Images/slide2.jpg') center no-repeat;
    height: 120px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
}

.step3 {
    background: url('../Images/slide3.jpg') center no-repeat;
    height: 120px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
}

.step4 {
    background: url('../Images/slide4.jpg') center no-repeat;
    height: 120px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
}

.step5 {
    background: url('../Images/slide5.jpg') center no-repeat;
    height: 120px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
}

.step6 {
    background: url('../Images/slide6.jpg') center no-repeat;
    height: 120px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
}

.btn-red {
    background: #cf383c;
    border-color: #cf383c;
    color: #fff;
}

    .btn-red:hover {
        background: #ab3438;
        border-color: #ab3438;
        color: #fff;
    }

#lbSoCMNDCu {
   padding: 5px 0px 0px 10px;
}
.mywrap {
    width: 1440px;
    margin: 0 auto;
    min-height: calc(100vh - 312px);
    /*float: left;*/
    /*background: #FFFFFF;
    box-shadow: 0px 3px 7px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 3px 7px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0px 3px 7px rgba(0,0,0,0.2);*/
    z-index: 20;
}

/*--------------------My Banner------------------*/
    .header_top {
    height: 100%;
}

.btn_color_blue {
    background-color: #1E3367 !important;
    color: #ffffff !important;
}

.mybanner {
    background: url('../Images/bg-header.jpg') no-repeat;
    background-size: cover;
    width: 100%;
    height: 110px;
    margin: 0 auto;
    color: #FFFFFF;
    text-align: left;
    font-weight: 700;
    font-family: 'Arial';
}

.title-header {
    font-size: 24px;
    margin-bottom: 0px;
}

.title-header-2 {
    font-size: 16px;
    margin-bottom: 0px;
}

.mybanner_EPCTC {
    background: url('Images/bannerEPCTC1.jpg') center no-repeat;
    width: 960px;
    height: 90px;
    /*margin: 0 auto;*/
}

.mybanner_en {
    background: url('Images/bannerEN.png') center no-repeat;
    width: 960px;
    height: 90px;
    margin: 0 auto;
}

.mylanguage {
    z-index: 1000;
    padding: 6px 5px 0 0;
}

    .mylanguage a:link, .mylanguage a:visited {
        position: relative;
        top: -30px;
        float: right;
        margin-right: 5px;
        text-decoration: none;
        font-weight: bold;
        color: #283891;
        font-family: Arial;
        font-size: 12px;
        text-transform: uppercase;
    }

    .mylanguage img {
        width: 30px !important;
        height: 21px !important;
        position: relative;
        top: -35px;
        float: right;
        margin-right: 5px;
    }

.mysearch {
    float: right;
    margin: 0 5px 0 0;
    padding: 0;
    width: 188px;
    height: 27px;
    z-index: 0;
    position: relative;
    top: 85px;
    right: 0;
}

.tk-input {
    width: 156px;
    height: 28px;
    float: left;
    background-image: url('Images/tk-t.png');
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto;
    background-origin: padding-box;
    background-clip: border-box;
    background-color: transparent;
    vertical-align: top;
}

.mysearch img {
    margin: 0 0 0 -2px;
    padding: 0;
}

.tk-input input {
    width: 150px;
    height: 18px;
    margin-top: 5px;
    margin-left: 5px;
    border: none;
    float: left;
}



/*----------------My Top Menu-------------------------*/
.mytopmenu {
    float: right;
    margin: 8px 30px 8px 0;
    padding: 0; /*background:red;*/
}

    .mytopmenu li {
        float: left;
        margin: 0;
        padding: 0px;
        list-style: none;
    }

    .mytopmenu a:link, .mytopmenu a:visited {
        margin: 0;
        padding: 6px;
        font-family: Arial;
        font-size: 8pt;
        font-weight: bold;
        text-decoration: none;
        color: #1d7dc0;
        white-space: nowrap;
    }

    .mytopmenu a:hover {
        text-decoration: underline;
    }

/*----------------My Top Menu-------------------------*/
.mytopmenuEN {
    float: right;
    margin: 8px 25px 8px 0;
    padding: 0; /*background:red;*/
}

    .mytopmenuEN li {
        float: left;
        margin: 0;
        padding: 0px;
        list-style: none;
    }

    .mytopmenuEN a:link, .mytopmenuEN a:visited {
        margin: 0;
        padding: 10px;
        font-family: Arial;
        font-size: 8pt;
        font-weight: bold;
        text-decoration: none;
        color: #1d7dc0;
    }

    .mytopmenuEN a:hover {
        text-decoration: underline;
    }


/* My Menu*/
.mymenu {
    margin: 0 auto;
    width: 100%;
    height: 38px;
    background-color: #ffffff;
    color: red;
    font-weight: 700;
    font-size: 13px;
    line-height: 15px;
    font-family: Arial;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

/*My Time Header*/
.mytimeheader {
    float: left;
    padding: 6px 0 0 5px;
    font-family: Arial;
    color: #285393;
    font-weight: bold;
    font-size: 11px;
}

/*Me Menu Header Left*/
.mymenuheader-left {
    float: left;
    width: 10px;
    height: 38px;
}

/*Me Menu Header Left*/
.mymenuheader-right {
    float: left;
    width: 10px;
    height: 38px;
}

/*My Menu Header*/
.mymenuheader {
    float: left;
    margin: 0;
    height: 38px;
    position: relative;
}

    .mymenuheader ul {
        margin: 0 0 0 0;
        padding: 0 0 0 0;
        width: 100%;
    }

    .mymenuheader li {
        float: left;
        margin: 0 0 0 -5px;
        padding: 0 0 0 0; /*background-color: #0191C8;*/ /*background-color: #960703;*/ /*background-color: #5E9DC8;*/
        list-style: none; /*border: 1px solid #02244a;*/
    }

        .mymenuheader li:hover {
            /*border: 1px solid #5E9DC8;*/
        }

    .mymenuheader img {
        margin-right: 15px;
        margin-top: 5px;
        margin-left: 5px;
    }

    .mymenuheader a:link, .mymenuheader a:visited {
        text-decoration: none;
        font-weight: 700;
        color: #C13E4C;
        padding: 5px 0 5px 0;
        /*color: #FFFFFF;*/
        font-family: Arial;
        font-size: 13px;
        /*text-transform: uppercase;*/
    }

    .mymenuheader a:hover {
        color: #FFFFFF;
        cursor: pointer;
    }

    /*Menu con*/
    .mymenuheader li ul.children {
        float: left;
        line-height: 15px;
        margin-left: -10px;
        padding-left: 10px;
        padding-top: 0;
        padding-bottom: 5px;
        position: absolute;
        left: 0px;
        top: 30px;
        display: none;
        width: 950px;
        color: White;
        /*background-color: #d7eff9;*/
        background-color: #f0fbef;
        z-index: 1000;
        border-top: 3px solid #000080;
    }

        .mymenuheader li ul.children li {
            border: none;
            white-space: nowrap;
            z-index: 1000;
        }


    /*Menu con*/
    .mymenuheader ul.children li ul.children {
        float: left;
        line-height: 15px;
        margin-left: 0;
        padding-left: 10px;
        position: absolute;
        left: 0px;
        top: 50px;
        display: none;
        width: 950px;
        color: White;
        background-color: #1c68b3; /*283891 */
        z-index: 1100;
        border-top: 3px solid #0085cb;
    }

    .mymenuheader li ul.children li {
        border: none;
        white-space: nowrap;
        z-index: 1100;
        padding-top: 6px;
    }


    .mymenuheader li:hover ul {
        display: block;
    }

    /*.mymenuheader li:hover ul.children li ul.children
{
    display: none;
}*/

    .mymenuheader ul.children li:hover ul.children {
        display: block;
    }

    .mymenuheader ul.children li ul.children li a:link, .mymenuheader ul.children li ul.children li a:visited {
        color: #FFFFFF;
        text-decoration: none;
    }

    .mymenuheader ul.children li ul.children li a:hover {
        color: #FFFFFF;
        text-decoration: underline;
    }

    .mymenuheader li ul a:link, .mymenuheader li ul a:visited {
        padding: 0 10px 0 10px;
        font-size: 12px;
        display: inline;
        /*color: #285393;*/
        color: #000080;
        text-transform: none;
        background: url('ImagesTDGS/ic-mn.png') no-repeat 0 5px;
    }

    .mymenuheader li ul li:hover a {
        text-decoration: underline;
    }

    .mymenuheader ul:hover a {
        background-image: none;
    }

.mymenusub {
    width: 960px;
    height: 34px;
    /*background: #f0fbef;*/
    background: #d7eff9;
    float: left;
    box-shadow: 0px 3px 7px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 3px 7px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0px 3px 7px rgba(0,0,0,0.2);
}


/*MY MENU HOVER*/
.mymenu-hv-left {
    width: 17px;
    height: 27px;
    float: left;
    margin-left: -5px;
    background: url(ImagesTDGS/mn_left_hv1.png) top no-repeat;
}

li:hover .mymenu-hv-left {
    background: url(ImagesTDGS/mn_left_hv1.png) bottom no-repeat;
}

.mymenu-hv-right {
    width: 17px;
    height: 27px;
    float: left;
    background: url(ImagesTDGS/mn_right_hv1.png) top no-repeat;
}

li:hover .mymenu-hv-right {
    background: url(ImagesTDGS/mn_right_hv1.png) bottom no-repeat;
}

.mymenu-hv {
    height: 38px;
    float: left;
    padding: 11px 15px 0 15px;
    white-space: nowrap;
}

li:hover .mymenu-hv {
    color: #FFFFFF;
    /*background: url(ImagesTDGS/mn_center_hv1.png) bottom repeat-x;*/
    /*background: #000080;*/
    /*background:#283891;*/
    background: #C13E4C;
}

.mymenuactive .mymenu-hv-left {
    color: #FFFFFF;
    background: url(ImagesTDGS/mn_left_hv1.png) bottom no-repeat;
}

.mymenuactive .mymenu-hv-right {
    color: #FFFFFF;
    background: url(ImagesTDGS/mn_right_hv1.png) bottom no-repeat;
}

.mymenuactive .mymenu-hv {
    color: #FFFFFF;
    /*background: url(ImagesTDGS/mn_center_hv1.png) bottom repeat-x;*/
    background: #C13E4C;
}

.mymenuactive .children {
    display: inline;
}
/*-------------------------My Col Top--------------------------*/
.mycolcontent {
    margin: 10px 0 0 0;
    padding: 0;
    width: 100%;
    float: left;
}

.mycoltopleft {
    float: left;
    margin: 0;
    padding: 0 0 0 5px;
    width: 630px;
}

.mycoltopright {
    float: right;
    margin: 0 5px 0 0;
    padding: 0;
    width: 310px;
}

.mycolslide {
    float: left;
    width: 100%;
    margin: 0 0 0 0;
    padding: 5px 0 5px 0;
    background: #f3f3f4;
}
/*-------------------------------My Col Center---------------------------*/
.mycolcenter {
    background: url(../Images/bg_slide.png) no-repeat;
    background-size: cover;
    width: 100%;
    height: 400px;
}
/*-------------------------My Col Left--------------------------*/
/*.mycolleft {
    float: left;
    margin: 0 0 0 0;
    padding: 10px 0 0 0;
    width: 720px;
}*/

.myColCenter-body {
    width: 100%;
    display: flex;
    justify-content: center;
    background-color: #ebedef;
}

    .myColCenter-body table:first-child {
        width: 1440px;
        background-color: #FFFFFF;
    }

.mycolleft2col {
    float: left;
    margin: 0 5px 10px 5px;
    padding: 0;
    width: 350px;
}

.mycolleft3col {
    float: left;
    margin: 0 5px 10px 5px;
    padding: 0;
    width: 310px;
}

.mycolleft4col {
    float: left;
    margin: 0 5px 10px 5px;
    padding: 0;
    width: 230px;
}

.mycolbottom2col {
    float: left;
    margin: 0 5px 10px 5px;
    padding: 0;
    width: 470px;
}


/*--------------------------My Col Right---------------------------*/
.mycolright {
    float: right;
    margin: 0 5px 0 0;
    padding: 10px 0 0 0;
    width: 230px;
}

/*-------------------------My Col Right Center---------------------*/
.mycolrightcenter {
    float: left;
    margin: 0 0 0 0;
    width: 720px;
}

/*MY COL MAIN*/


/*-----------------------Menu Content------------------------------*/

.menucontent {
    margin: 0 0 0 0;
    padding: 2px 0 2px 0;
    border: 1px solid #CECECE;
}

    .menucontent ul {
        margin: 0 0 0 0;
        padding: 0 0 0 0;
        list-style-type: none;
    }

    .menucontent li {
        margin: 0 2px 0 2px;
        padding: 0 0 0 0;
    }

    .menucontent a:link, .menucontent a:visited {
        margin: 0 0 0 0;
        padding: 5px 5px 5px 5px;
        text-decoration: none;
        display: block;
        font-weight: bold;
        color: #960703;
        background-color: #CECECE;
    }

    .menucontent a:hover {
        background-color: #CECECE;
    }

/*MENUT CONTENT SUB*/
.menucontentsub li {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    background-color: white;
}

    .menucontentsub li:hover {
        /*border-left: 5px solid #CD0703;*/
    }

.menucontentsub a:link, .menucontentsub a:visited {
    font-weight: normal;
    color: Black;
    background: white;
    border: none;
    background-color: #F6F6F6;
}

.menucontentsub a:hover {
    background-color: White;
}

/*----------------------------My Box---------------------------------*/
.mybox {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 100%;
}

/*My Header Box*/
.myheaderbox-left {
    float: left;
    width: 0;
    /*width: 9px;
    height: 28px;
    background: url('Images/md-left.png') top no-repeat;*/
}

.myheaderbox-right {
    float: left;
    width: 0px;
    /*height: 28px;
    background: url('Images/md-right.png') top right repeat;*/
}

.myheaderbox {
    margin: 0 0 0 0;
    padding: 8px 0 5px 0; /*background: url('Images/md-body.png') repeat center;*/
    /*background: #283891;*/
    background: url('Images/md-center.png') top center no-repeat;
    color: white;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold; /*Firefox*/
    height: 15px;
    float: left;
    text-align: center;
    /*width: 212px;*/
    text-transform: uppercase;
    /*height:28px;*/
    width: 100%;
}

    .myheaderbox A:Link, .myheaderbox A:visited {
        font-family: Arial;
        font-size: 12px;
        color: white;
        text-decoration: none;
        display: block;
        color: white;
        text-decoration: none;
        display: block;
    }

    .myheaderbox A:hover {
        color: white;
        text-decoration: none;
        display: block;
    }

.myheaderbox-bg {
    float: left;
    background: url('Images/hd-body.png') no-repeat;
    height: 28px;
    width: 100%;
    border-bottom: 1px solid #426db2;
}

.myheaderbox-bg1 {
    /*float: left;
    background: url('Images/hd-body1.png') no-repeat;
    height: 28px;
    width: 100%;
    border-bottom: 1px solid #426db2;*/
}

.myheaderbox-next {
    float: right;
    padding: 6px;
    display: none;
}

    .myheaderbox-next a:link, .myheaderbox-next a:visited {
        color: #283891;
        font-family: Arial;
        font-size: 12px;
        text-decoration: none;
        margin: 0;
        padding: 0 12px 0 0;
        background: url('Images/trial3.png') no-repeat top right;
        white-space: nowrap;
    }

    .myheaderbox-next a:hover {
        text-decoration: underline;
    }

/*MY HEADERBOX 1*/
/*.myheaderbox-left1 {
    float: left;
    width: 15px;
    height: 28px;
    background: url('Images/md-left1.png') right no-repeat;
    z-index: 50;
}*/

.myheaderbox-right1 {
    float: left;
    margin-left: -2px;
    width: 33px;
    height: 28px;
    background: url('Images/md-right1.png') right no-repeat;
    z-index: 150;
}

.myheaderbox1 {
    /*margin: 0 0 0 -3px;
    padding: 9px 3px 3px 3px;
    background: url(images/md-body.png) repeat-x center;
    background: #283891;
    color: white;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    height: 16px;
    float: left;
    text-align: center;
    text-transform: uppercase;
    z-index: 100;*/
}

    .myheaderbox1 A:Link, .myheaderbox1 A:visited {
        font-family: Arial;
        font-size: 12px;
        color: white;
        text-decoration: none;
        display: block;
        color: #FFFFFF;
        padding: 0 8px 0 8px;
        background: url('Images/trial2.png') no-repeat 0 5px;
        white-space: nowrap;
    }

    .myheaderbox1 A:hover {
        color: white;
        text-decoration: none;
        display: block;
    }

    .myheaderbox1 span {
        padding: 0 8px 0 8px;
        background: url(images/trial2.png) no-repeat 0 5px;
    }


/*MY HEADER BOX 2*/
.myheaderbox2 {
    margin: -3px 0 0 0;
    padding: 6px 0 6px 0;
    background: url('Images/md-bg3.png') repeat-x center;
    color: #283891;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold; /*Firefox*/
    height: 16px;
    text-align: center;
    text-transform: uppercase;
    border: 1px solid #bfbecd;
    border-bottom: none;
}

    .myheaderbox2 A:Link, .myheaderbox2 A:visited {
        font-family: Arial;
        font-size: 12px;
        color: #283891;
        text-decoration: none;
        display: block;
    }

    .myheaderbox2 A:hover {
        color: #283891;
        text-decoration: none;
        display: block;
    }

/*MY HEADERBOX 3*/

.myheaderbox3 {
    margin: 0;
    padding: 6px 0 6px 0;
    background: url('Images/md-body.png') repeat-x center;
    color: white;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold; /*Firefox*/
    height: 16.5px;
    float: left;
    text-align: center;
    width: 292px;
    text-transform: uppercase;
}

    .myheaderbox3 A:Link, .myheaderbox3 A:visited {
        font-family: Arial;
        font-size: 12px;
        color: white;
        text-decoration: none;
        display: block;
        color: white;
        text-decoration: none;
        display: block;
    }

    .myheaderbox3 A:hover {
        color: white;
        text-decoration: none;
        display: block;
    }


/*My Content Box 2*/
.mycontentbox2 {
    margin: 0 0 10px 0;
    padding: 5px 5px 5px 5px;
    background: #fcf2e2;
    border: 1px solid #bfbecd;
    height: 78px;
}

    .mycontentbox2 ul {
        margin: 0 0 0 0;
        padding: 0 0 0 0;
        list-style-type: none;
    }

    .mycontentbox2 li {
        margin: 0 0 0 10px;
        padding: 5px 5px 0 20px;
        background: url('Images/trial3.png') no-repeat 0 8px;
    }

    .mycontentbox2 a:link, .mycontentbox2 a:visited {
        /*color: #6d6b6b;*/
        color: #000080;
        text-decoration: none;
        text-align: justify;
        display: block; /*font-family: Arial;*/
        font-family: Arial;
        font-size: 12px;
        line-height: 16px;
    }

    .mycontentbox2 a:hover {
        /*color: black;*/
        color: #000080;
        text-decoration: underline;
    }

.mytime {
    font-size: 11px;
    text-decoration: none !important;
    /*white-space:nowrap;*/
    color: #666666;
    /*color: #ff6633;*/
}

a:hover .mytime {
    text-decoration: none !important;
}



/*My Content Box*/
.mycontentbox {
    width: 100%;
    opacity: .88;
    padding: 20px;
    height: 250px;
    background: linear-gradient(0deg,#eef0f2,#eef0f2),linear-gradient(0deg,#ffffff,#ffffff),#ffffff;
}

    .mycontentbox ul {
        margin: 0 0 0 0;
        padding: 5px 5px 5px 5px;
        list-style-type: none;
        float: left;
    }

    .mycontentbox li {
        margin: 0 0 3px 0;
        padding: 5px 5px 5px 5px; /*border-bottom: 1px dotted #8C8984;*/
    }

    .mycontentbox p {
        color: #000080;
        padding: 5px 0 0 0;
        font-size: 12px;
    }

    .mycontentbox a:link, .mycontentbox a:visited {
        color: black;
        text-decoration: none;
        text-align: justify;
        display: block; /*font-family: Arial;*/
        font-family: Arial;
        font-size: 14px;
        line-height: 16px;
        padding: 0 0 0 10px;
        background: url('Images/trial5.png') no-repeat 0 5px;
        text-rendering: geometricPrecision;
    }

    .mycontentbox a:hover {
        color: #000080;
        text-decoration: underline;
    }


/*MY CONTENT BOX 5*/
/*My Content Box*/
.mycontentbox5 {
    margin: -1px 0 10px 0;
    padding: 0;
    background: url('Images/md-back.png') no-repeat;
    float: left;
    min-height: 100px;
    width: 100%;
}

    .mycontentbox5 ul {
        margin: 0 0 0 0;
        padding: 5px 5px 5px 5px;
        list-style-type: none;
        float: left;
    }

    .mycontentbox5 li {
        margin: 0 0 3px 0;
        padding: 5px 5px 5px 5px; /*border-bottom: 1px dotted #8C8984;*/
    }

    .mycontentbox5 p {
        color: #666666;
        padding: 5px 0 0 0;
    }

    .mycontentbox5 a:link, .mycontentbox5 a:visited {
        /*color:  black;*/
        color: #000080;
        text-decoration: none;
        text-align: justify;
        display: block; /*font-family: Arial;*/
        font-family: Arial;
        font-size: 12px;
        line-height: 16px;
        padding: 0 0 0 0;
    }

    .mycontentbox5 a:hover {
        color: #000080;
        text-decoration: underline;
    }

.myNewImg {
    background: url(Images/Photo.png) no-repeat left;
    padding-left: 20px;
    margin-left: 5px;
}

.myNewImg1 {
    background: url(Images/note.png) no-repeat left;
    padding-left: 20px;
    margin-left: 5px;
}


.myLocation tr {
    margin: 0 0 0 0;
    padding: 5px 5px 5px 5px;
    list-style-type: none;
}

.myLocation td {
    margin: 0 0 3px 0;
    padding: 8px 5px 8px 5px; /*border-bottom: 1px dotted #8C8984;*/
}

.myLocation a:link, .myLocation a:visited {
    color: #333399;
    font-weight: bold;
}

.myTopBanner {
    width: 310px;
    height: 150px;
    border: none;
}

.myTopBanner1 {
    width: 230px;
    height: 111.3px;
    border: none;
}

#ctl00_m_g_43f95add_8db6_4f8d_9996_8b3666d91428 img {
    width: 310px;
    height: 150px;
    border: none;
}

#ctl00_m_g_5fb50e1d_b438_43d1_99a3_7cad80a546db img {
    width: 310px;
    height: 150px;
    border: none;
}

#ctl00_m_g_1f87b0a5_fcbc_4ffb_b845_caa9d343d9ca_ctl00_dlAlbum_ctl00_lbtTieuDe {
    display: none;
}

.myactive {
    font-weight: bold;
    color: #8f0000;
}

.mycontentbox1 {
    background: url('Images/md-back.png') no-repeat;
    float: left;
    width: 100%;
    position: relative;
}

    .mycontentbox1 p {
        font-family: Arial;
        font-size: 12px;
        padding: 6pt 10px 0 10px;
        text-align: justify;
        line-height: 14pt;
        color: #000080;
    }

    .mycontentbox1 ul {
        margin: 0 0 0 0;
        padding: 5px 5px 5px 5px;
        list-style-type: none;
        float: left;
        min-width: 99%;
    }

    .mycontentbox1 li {
        margin: 0 0 3px 0;
        padding: 5px 5px 5px 5px; /*border-bottom: 1px dotted #8C8984;*/
    }

    .mycontentbox1 a:link, .mycontentbox1 a:visited {
        /*color:  black;*/
        color: #000080;
        text-decoration: none;
        text-align: justify;
        display: block; /*font-family: Arial;*/
        font-family: Arial;
        font-size: 12px;
        line-height: 16px;
        padding: 0 0 0 10px;
        background: url('Images/trial6.png') no-repeat 0 5px;
        text-rendering: geometricPrecision;
    }

    .mycontentbox1 a:hover {
        color: #000080;
        text-decoration: underline;
    }

ul.myCompany a:link, ul.myCompany a:visited {
    color: #333399;
    font-weight: bold;
}

li.myCompanySub {
    margin-left: 30px;
}


/*My Box Image*/
.myboximg {
    margin: 0 0 15px 0px;
    background-color: #FFFFFF;
    text-align: justify;
    border: 1px solid #8C8984;
}

/*My HeaderBox Image*/
.myheaderboximg {
    background: url('Images/headerimg.png') no-repeat center;
    padding: 4px 5px 8px 35px;
    height: 15px;
    background-color: #ffb26e;
    color: #ac0000;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
}

/*My ContentBox Image*/
.mycontentboximg {
    margin: 0;
    padding: 0;
    list-style: none;
    background: #FFFFFF;
    height: 258px;
}

    .mycontentboximg a:link, .mycontentboximg a:visited {
        margin: 1px 0 0 0;
        padding: 0;
        color: black;
        text-decoration: none;
        line-height: 0;
        display: block;
        background: none;
        border: none;
    }

    .mycontentboximg a:hover {
        color: Black;
        text-decoration: underline;
    }

    .mycontentboximg img {
        border: none;
        margin: 0;
        padding: 0;
        width: 230px;
        height: 50px;
    }

.mycontentboximg1 {
    margin: 5px 0 0 0;
    padding: 0 8px 0 0;
    list-style: none;
    float: left;
}

    .mycontentboximg1 ul {
        width: 100%;
        margin: 0 0 0 2px;
        padding: 0 5px 0 5px;
        float: left;
    }

    .mycontentboximg1 li {
        padding: 0;
        border: none;
        float: left;
    }

    .mycontentboximg1 a:link, .mycontentboximg1 a:visited {
        color: #3e4f9f;
        text-decoration: none;
        display: block;
        background: none;
        border: none;
        font-size: 8pt;
        font-weight: normal;
        margin: 0 5px 10px 0;
        padding: 0;
    }

    .mycontentboximg1 a:hover {
        color: Black; /*text-decoration: underline;*/
    }

    .mycontentboximg1 img {
        height: 59px !important;
        width: 129px !important;
        background: white;
        margin: 0;
        padding: 3px;
        border: 0;
    }

.mycontentboximg2 {
    margin: 5px 0 5px 0;
    padding: 0;
    list-style: none;
    float: left;
}

    .mycontentboximg2 a:link, .mycontentboximg2 a:visited {
        color: #3e4f9f;
        font-weight: bold;
        text-decoration: none;
        display: block;
        background: none;
        border: none;
        padding-top: 5px;
        padding-right: 12px;
        clear: both;
        text-align: left;
        font-size: 8pt;
        font-weight: normal;
    }

    .mycontentboximg2 a:hover {
        text-decoration: underline;
    }

    .mycontentboximg2 img {
        height: 32px;
        width: 32px;
        float: left;
        padding: 1px;
        background: white;
        margin: 0 10px 5px 0;
        border: 1px solid #CECECE;
    }

    .mycontentboximg2 span {
        padding-top: 8px;
        text-align: left;
        font-weight: bold;
    }

.vdm1 {
    display: none;
}

/*------------------------------My Col Main-------------------------------*/


/*MY FORUM*/
.myforum {
    float: left;
    border: 1px solid #b4b4b4;
    margin: 5px 0 0 0;
    padding: 10px 10px 10px 10px;
    background: white;
}

.myforumheader {
    /*font-family: Arial;*/
    font-family: Arial;
    font-size: 11pt;
    font-weight: bold;
    color: #0C2C52;
    text-transform: uppercase;
}
/*MY FORUM HEADER ROW*/
.myforumheaderrow {
    margin: 10px 0 10px 0; /*font-family: Arial;*/
    font-family: Arial;
    font-size: 10pt;
    font-weight: bold;
    color: #0C2C52;
}

/*MY FORUM TITLE ROW*/
.myforumtitlerow {
    /*margin: 0 0 0 0;     padding: 0 10px 0 10px;     border: 1px solid #c0e5f9;     clear: both;*/
    margin: 0;
    padding: 0; /*padding: 10px 10px 0 10px;*/
    background: url('Images/md-back.png') no-repeat; /*float: left;*/ /*min-height: 100px;     width: 100%;*/
}

.myforumcontent {
    margin: 0;
    padding: 0;
    border: 1px solid #c0e5f9;
}

.myforumtitlerow ul {
    margin: 0 0 0 0;
    padding: 0 0 0 0; /*font-family:Arial;      font-size:12px;*/
}

.myforumtitlerow li {
    margin: 10px 0 10px 0;
    padding: 0 0 0 0;
    list-style: none; /*border-bottom: 1px solid  #999999;*/
    border-bottom: 1px dotted #999999;
}

.myforumtitlerow a:link, .myforumtitlerow a:visited {
    text-decoration: none;
    font-weight: bold;
    color: #283891;
    display: block;
    font-family: Arial;
    font-size: 9pt;
}

.myforumtittlerow a:hover {
    text-decoration: underline;
}

.myforumtext {
    margin: 10px 0 10px 0;
    padding: 0 10px 0 10px;
    text-align: justify;
    margin-bottom: 10px; /*font-family:Arial;*/
    font-family: Arial !important;
    font-size: 9pt;
    line-height: 18px; /*float: left;*/ /*width: 100%;*/
    clear: both;
}

.vip {
    /*margin:0;     padding::0;*/ /*margin: 5px;     padding: 10px 10px 10px 10px;*/ /*border: 1px solid #AFD7D9;*/ /*background-color: #EFF9FB;*/ /*float: left;*/ /*width: 95.5%;*/
}

.myforumtext table {
    width: 100%;
}

.myforumtext td {
    font-family: Arial !important;
    font-size: 9pt;
    color: #000080;
}

.myforumtext a:link, .myforumtext a:visited {
    font-family: Arial;
    color: #000000;
    font-size: 14px;
    text-decoration: none;
    padding: 5px 0 5px 0;
    font-weight: 600;
}

.myforumtext img {
    float: left;
    margin: 8px 10px 0 0;
    /*padding: 2px 2px 2px 2px;*/ /*width: 130px;     height: 102px;*/
    width: 191px !important;
    height: 135px !important;
    border: 3px solid #FFFFFF !important;
    background: #FFFFFF;
}

.myforumtext tr {
    clear: both;
}

.myforumtext input[type=image] {
    float: left;
    margin: 0 10px 0 0;
    padding: 2px 2px 2px 2px;
    width: 130px;
    height: 102px;
    border: 1px solid #FFFFFF !important;
    background: #FFFFFF;
    clear: both;
}


/*MY FORUM TEXT 1*/
.myforumtext1 {
    float: left;
    margin: 10px 0 10px 0;
    padding: 0 10px 0 10px;
    text-align: justify;
    margin-bottom: 10px; /*font-family:Arial;*/
    font-family: Arial;
    font-size: 9pt;
    line-height: 18px;
}

    .myforumtext1 a:link, .myforumtext1 a:visited {
        font-family: Arial;
        color: #3e4f9f;
        text-decoration: none;
        background: none;
        font-weight: bold;
        font-size: 12px;
    }

    .myforumtext1 a:hover {
        color: Black;
    }

    .myforumtext1 img {
        float: left;
        margin: 0 10px 0 0;
        padding: 0;
        width: 100px;
        height: 69px;
        border: 2px solid #FFFFFF;
    }

/*MY FORUM TEXT 2*/
.myforumtext2 {
    float: left;
    margin: 10px 0 0 0;
    text-align: justify;
    font-family: Arial;
    font-size: 9pt;
    line-height: 18px;
}

    .myforumtext2 a:link, .myforumtext2 a:visited {
        font-family: Arial;
        color: #3e4f9f;
        text-decoration: none;
        background: none;
        font-weight: bold;
        font-size: 12px;
        padding: 0 15px 0 15px;
    }

    .myforumtext2 a:hover {
        color: #3e4f9f;
    }

    .myforumtext2 img {
        margin: 0 0 0 0;
        padding: 2px;
        width: 195px;
        height: 156px;
        background: #FFFFFF;
        border: none;
    }

/*MY FORUM TEXT 3*/
.myforumtext3 {
    margin: 0 5px 0 0;
    padding: 0;
    text-align: justify;
    white-space: normal;
    width: 291px;
    height: 80px;
    float: left;
}

    .myforumtext3 a:link, .myforumtext3 a:visited {
        font-family: Arial;
        color: #000080;
        text-decoration: none;
        background: none;
        font-size: 12px;
        margin: 0;
        padding: 5px 5px 5px 5px;
        display: block;
        line-height: 15px;
    }

    .myforumtext3 a:hover {
        text-decoration: underline;
    }

    .myforumtext3 img {
        margin: 0;
        padding: 0 8px 0 0;
        width: 121px;
        height: 76px;
        border: 2px solid #FFFFFF;
        float: left;
    }

/*MY FORUM TEXT 5*/
.myforumtext5 {
    float: left;
    margin: 10px 0 10px 0;
    padding: 0 10px 0 10px;
    text-align: justify;
    margin-bottom: 10px; /*font-family:Arial;*/
    font-family: Arial;
    font-size: 9pt;
    line-height: 18px;
    text-rendering: geometricPrecision;
}

    .myforumtext5 a:link, .myforumtext5 a:visited {
        font-family: Arial;
        color: #000080;
        text-decoration: none;
        background: none;
        font-weight: bold;
        font-size: 12px;
        margin: 0;
        padding: 0;
        text-rendering: geometricPrecision;
    }

    .myforumtext5 a:hover {
        color: #000080;
    }

    .myforumtext5 img {
        float: left;
        margin: 0 10px 0 0;
        padding: 0;
        width: 191px;
        height: 134px;
        border: 2px solid #FFFFFF;
    }

.myforumtext6 a:link, myforumtext6 a:visited {
    background: none;
    display: inherit;
    text-align: center;
}

.myforumtext6 img {
    margin: 10px 10px 0 0;
    padding: 2px 2px 2px 2px;
    width: 130px;
    height: 102px;
    border: 1px solid #FFFFFF !important;
    background: #FFFFFF;
    clear: both;
    text-align: center;
}

.myforumtext6 center {
    font-family: Arial;
    font-size: 12px;
    color: #000080;
}

.mynew {
    width: 33px !important;
    height: 16px !important;
    border: 0;
    padding-right: 0 !important;
    float: none !important;
    vertical-align: middle;
}

/*MY FORUM TIME*/
.myforumtime {
    padding: 5px 5px 5px 0;
    color: #666666;
    /*lor: #ff6633;*/
    font-size: 8pt !important;
    font-weight: normal !important;
    font-family: Arial;
    text-align: right;
}


/*MY NEXT*/
.mynext {
    margin: 0 0 0 0;
    padding: 10px 0 0 0;
    text-align: right;
    color: #0C2C52;
    font-size: 8pt;
    font-weight: bold; /*border-bottom: 1px solid #afd7d9;*/
    float: left;
    width: 100%;
}

.myforumtext .mynext {
    display: none;
}


.mynext a:link, .mynext a:visited {
    color: #0C2C52;
    text-decoration: none;
    font-weight: bold;
    text-align: right;
    font-family: Arial;
    white-space: nowrap;
}

.mynext a:hover {
    text-decoration: underline;
}

/*---------------------------MY CONTENT---------------------------------*/
/*MY CONTENT HEADER*/
.mycontentheader {
    color: #000000 !important;
    font-size: 11.5pt !important;
    line-height: 14pt !important;
    font-weight: bold;
    font-family: Arial !important;
    clear: both;
}

/*MY CONTENT  SUMMARY*/
.mycontentsummary {
    color: #646464 !important;
    font-style: italic;
    /*font-size: 10.5pt !important;*/
    font-size: 9.5pt;
    line-height: 14pt !important;
    text-align: justify;
    margin-bottom: 6pt;
}

    .mycontentsummary em {
        font-weight: normal;
        font-size: 8pt !important;
        color: #0000ff;
        width: 190px;
        text-align: center;
        display: block;
        margin-left: 10px;
    }

.mytable {
    background: #ccffff;
    border: none;
    margin: 6.75pt auto !important;
    padding: 5.4pt !important;
}

    .mytable p {
        margin-bottom: 6pt !important;
        line-height: 14pt !important;
        color: #000080 !important;
    }

        .mytable p span {
            color: #000080 !important;
        }


.mytable1 {
    background: #daeef3;
    border: none;
    margin: 6.75pt !important;
    padding: 5.4pt !important;
}

.mytable2 {
    margin: 10px 0 10px 0;
    padding: 20px;
    width: 650px;
    border: 1px solid #426db2;
}

.mytable5 {
    border: 1px solid #426db2;
    padding: 10px !important;
    width: 690px;
    background: #c0e5f9;
    margin-bottom: 10px !important;
    text-align: left;
}

    .mytable5 p {
        line-height: 15pt !important;
    }

    .mytable5 tr {
        padding: 10px;
        border: none;
    }

    .mytable5 td {
        padding: 10px;
        border: none;
    }


.mytable6 {
    margin: 10px 0 10px 0;
    padding: 20px;
    width: 650px;
    border: 1px solid #426db2;
    border-right: none;
    border-bottom: none;
}

    .mytable6 tr {
        padding: 5px;
    }

    .mytable6 td {
        border-right: 1px solid #426db2;
        border-bottom: 1px solid #426db2;
        padding: 5px !important;
        text-align: left;
    }

.mytable8 {
    border: 1px solid #426db2;
    text-align: left;
    padding: 0;
    margin: 0;
    vertical-align: top;
}

    .mytable8 td {
        vertical-align: top !important;
        padding: 2px !important;
    }

    .mytable8 img {
        background: #FFFFFF;
        padding: 3px;
        margin: 5px !important;
    }


/*MY CONTENT TEXT*/
.mycontenttext {
    color: #000000 !important;
    /*font-size: 10.5pt !important;*/
    font-size: 10pt !important;
    text-align: justify;
    line-height: 14pt !important;
    font-family: Arial !important;
    text-rendering: geometricPrecision;
}

    .mycontenttext div span {
        color: #333399 !important;
    }

    .mycontenttext table {
        margin: 0 auto;
        padding: 0;
    }

    .mycontenttext tr {
        margin: 0;
        padding: 0;
    }

    .mycontenttext td {
        font-family: Arial !important;
        font-size: 10pt !important;
        margin: 0;
        padding: 0;
    }

    .mycontenttext p {
        margin-bottom: 6pt;
        font-size: 10pt !important;
    }

    .mycontenttext div {
        margin-bottom: 6pt;
    }

    .mycontenttext p em {
        font-family: Arial !important;
        font-size: 10pt !important;
    }

    .mycontenttext td p em {
        color: #0000ff !important;
        font-family: Arial;
        /*font-size:8.5pt;*/
        font-size: 8.5pt !important;
        margin-top: -5px;
    }

    .mycontenttext p a:link, .mycontenttext p a:visited {
        font-weight: bold;
    }

    .mycontenttext p a:hover {
        font-weight: bold;
        text-decoration: underline !important;
    }



    /*
.mycontenttext div
{
   font-size:9pt !important;
}

.mycontenttext span
{
   font-size:10.5pt !important;
}

.mycontenttext i span font
{
   font-size:9pt !important;
}

.mycontenttext em span font
{
   font-size:9pt !important;
}
*/

    .mycontenttext table p {
        margin-bottom: 0;
    }


    .mycontenttext img {
        /*border: 1px solid #CECECE; */
        padding: 0;
        margin-right: 5px;
        text-align: center;
    }

    .mycontenttext table em {
        color: #0000ff !important;
        font-family: Arial;
        /*font-size:8.5pt;*/
        font-size: 8.5pt !important;
        margin-top: -5px;
    }

        .mycontenttext table em font {
            color: #0000ff !important;
            font-family: Arial;
            /*font-size:8.5pt;*/
            font-size: 8.5pt !important;
            margin-top: -5px;
        }


    .mycontenttext a:link, .mycontenttext a:visited {
        font-size: 10pt;
        text-align: justify;
        line-height: 18px;
        color: #333399 !important;
        font-family: Arial;
    }

    .mycontenttext a:hover {
        text-decoration: underline;
    }

.mymaincontent {
    /*position: relative;*/ /*background: url('Images/hd-body.png') no-repeat;*/ /*border:solid 1px #afd7d9;*/
}

.mymaincontenttext {
    float: left;
    width: 100%;
}

    .mymaincontenttext input {
        padding: 2px 10px 2px 10px;
    }

        .mymaincontenttext input[type=text] {
            padding: 3px 10px 3px 10px;
            border: 1px solid #afd7d9;
        }


/*.myround1
{
    width:8px;
    height:8px;
    position:absolute;
    top:-1px;
    left:-1px;
    background:url("images/bo_dm1.png") no-repeat;
}
.myround2
{
    width:8px;
    height:8px;
    position:absolute;
    top:-1px;
    right:-1px;
    background:url("images/bo_dm2.png") no-repeat;
}
.myround3
{
    width:8px;
    height:8px;
    position:absolute;
    right:-1px;
    bottom:-1px;*bottom:-7px;
    background:url("images/bo_dm3.png") no-repeat;
}
.myround4
{
    width:8px;
    height:8px;
    position:absolute;
    left:-1px;
    bottom:-1px;*bottom:-7px;
    background:url("images/bo_dm4.png") no-repeat;
}
*/
/*-----------------------MY CONTENT OTHER--------------------------*/
/*MY OTHER HEADER*/
.myotherheaderbg {
    font-size: 12px;
    float: left;
    width: 100%;
    height: 26px; /*background: #eff9fb;*/
    background: url('Images/hd-body.png') no-repeat;
    border-bottom: 1px solid #426db2;
}

.myotherheader {
    float: left;
    padding: 6px 10px 6px 10px;
    font-weight: bold;
    color: #FFFFFF;
    text-transform: uppercase;
    font-family: Arial;
    background: #283891;
}

.myotherright {
    float: left;
    background: #283891;
    width: 32px;
    height: 26px; /*background: url('Images/trial10.png') left no-repeat;*/
    background: url(Images/md-right1.png) left top no-repeat;
}
/*My Content Box*/
.myothernew {
    clear: both; /*background-color: #fff3ce;*/
    background: url("Images/md-back.png") no-repeat;
    padding: 5px 10px 5px 10px;
    margin: 0;
}

    .myothernew ul {
        margin: 0 0 0 0;
        padding: 0 0 0 0;
        list-style-type: none;
        width: 100%;
    }

    .myothernew li {
        margin: 0 0 3px 0;
        padding: 5px 0 5px 10px;
        background-image: url('Images/trial5.png');
        background-repeat: no-repeat;
        background-position: 0 11px;
        border: none;
    }

    .myothernew a:link, .myothernew a:visited {
        font-family: Arial;
        color: #000000;
        font-size: 14px;
        text-decoration: none;
        padding: 5px 0 5px 0;
        font-weight: 600;
    }

    .myothernew a:hover {
        color: #283891;
        text-decoration: underline;
    }

/*MY OTHER NEW 2*/
.myothernew1 {
    margin: 0 !important;
    padding: 0;
    clear: both; /*background-color: #fff3ce;*/
    /*padding: 5px 10px 5px 10px;*/
}

    .myothernew1 ul {
        margin: 0 0 0 0;
        padding: 0 0 0 0;
        list-style-type: none;
    }

    .myothernew1 li {
        margin: 0 0 3px 0;
        padding: 5px 0 5px 10px;
        background-image: url('Images/trial5.png');
        background-repeat: no-repeat;
        background-position: 0 11px;
        border: none;
    }

    .myothernew1 a:link, .myothernew1 a:visited {
        color: #283891;
        text-decoration: none;
        text-align: justify;
        display: block;
        font-weight: normal;
        font-family: 8pt;
        font-family: Arial;
    }

    .myothernew1 a:hover {
        color: #283891;
        text-decoration: underline;
    }


.myPager {
    /*float: left;*/
    text-align: left;
    padding: 10px;
    font-family: Arial;
    font-size: 9pt;
    /*text-align: center;*/
    clear: both;
    white-space: nowrap;
}

    .myPager a:link, .myPager a:visited {
        display: inline;
        padding: 5px;
        color: #000;
    }


.mypagerat {
    color: Black;
    font-size: 12px;
    text-decoration: none;
    background-color: #FFF0AA;
    border: 1px solid #f1c43f;
}

.mypagerview a {
    border: 1px solid #cdcdcd;
    margin: 0 0px 0 0;
    border-radius: 4px;
    padding: 2px 6px 2px 6px;
    color: Black;
    text-decoration: none;
    font-size: 12px;
    font-family: Arial;
    font-weight: bold;
    display: inline-block;
}

    .mypagerview a:hover {
        color: Black;
        background-color: #FFF0AA;
        border: 1px solid #f1c43f;
        font-size: 12px;
        text-decoration: none;
    }


.mypagergrid {
    /*border-top:1px solid;*/
    margin: 3px 3px 3px 3px;
    clear: both;
}

    .mypagergrid table {
        float: right;
    }

    .mypagergrid td {
        border: none;
    }

    .mypagergrid a:link, .mypagergrid a:visited {
        border: 1px solid #c0e5f9;
        margin: 0 3px 0 0;
        padding: 5px 10px 5px 10px;
        color: #283891;
        text-decoration: none;
        font-size: 12px;
        font-family: Arial;
        font-weight: bold;
        display: inline-block;
    }

    .mypagergrid a:hover {
        color: #283891;
        background-color: #FFF0AA;
        border: 1px solid #f1c43f;
        font-size: 12px;
        text-decoration: none;
    }

    .mypagergrid span {
        color: #283891;
        background-color: #FFF0AA;
        border: 1px solid #f1c43f;
        margin: 0 3px 0 0;
        padding: 5px 10px 5px 10px;
        text-decoration: none;
        font-size: 12px;
        font-family: Arial;
        font-weight: bold;
        display: inline-block;
    }

.button_paging {
    color: #283891;
}

.mypagerIMG {
    text-align: center;
    vertical-align: top;
    font-family: Arial;
    font-size: 12px;
    padding-top: 20px;
    padding-left: 230px;
    float: left;
    clear: both;
}

    .mypagerIMG input[type=image] {
        float: left;
        margin: 0 5px 0 5px;
    }

    .mypagerIMG span {
        float: left;
        margin: 5px 10px 0 10px;
    }

.mysearchbar {
    /*float:right;*/
    padding: 10px;
    font-family: Arial;
    font-size: 9pt;
    text-align: right;
}

    .mysearchbar input {
        padding: 2px 10px 2px 10px;
    }

/*MYNEWLIST*/

.mynewlist {
    border: 1px solid #CDCDCD;
    color: Black;
    font-family: Arial;
    cursor: pointer;
}

    .mynewlist tr {
        font-size: 12px;
        border-bottom: 1px solid #CDCDCD;
        cursor: pointer;
    }

    .mynewlist td {
        height: 20px; /*border-bottom:1px solid #CDCDCD;*/
        padding: 2px 5px 2px 5px;
        border-bottom: 1px solid #CDCDCD;
        border-right: 1px solid #CDCDCD;
        font-family: Arial;
        font-size: 12px;
        cursor: pointer;
        vertical-align: middle;
        line-height: 18px;
    }

    .mynewlist a:link, .mynewlist a:visited {
        color: black;
        text-decoration: none;
    }

    .mynewlist a:hover {
        text-decoration: underline;
    }

/*-------Dung cho Header Literal------*/

.mylist {
    background-color: #EEEEEE;
    border: 1px solid #CDCDCD;
    color: #000000;
}

    .mylist tr {
        text-align: center;
        font-size: 12px;
    }

    .mylist td {
        height: 25px;
        font-size: 8pt;
        font-family: Arial;
        color: Black;
        font-weight: bold;
        text-align: center;
        vertical-align: middle;
        border-right: 1px solid #CDCDCD;
    }

    .mylist th {
        height: 25px;
        font-size: 12px;
        font-family: Arial;
        color: Black;
        font-weight: bold;
        text-align: center;
        vertical-align: middle;
        border-right: 1px solid #CDCDCD;
    }


.mylistblue {
    padding: 5px 0 5px 0; /*background-color: #d9e9fd;*/
    background-color: #EFF9FB;
    height: 30px;
    width: 100%;
    clear: both;
}

.mybutton {
    float: left;
    margin: 0 5px;
    padding: 0px 5px;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    background: url(images/button.png) center;
    border: 1px solid #CDCDCD;
    color: Black;
    border-radius: 4px;
    height: 30px;
    line-height: 30px;
    text-decoration: none;
    display: inline;
}

.btn_color_red {
    color: #fff;
    background-color: #c82333;
}

    .btn_color_red:hover {
        color: #fff !important;
        background-color: #c82333 !important;
    }


.mybutton:hover {
    background: url(images/hover.png) center;
    text-decoration: none;
    cursor: hand;
}

.mylinkbutton {
    FONT-SIZE: 12px;
    BORDER-TOP: #cdcdcd 1px solid;
    HEIGHT: 20px;
    FONT-FAMILY: Arial;
    BORDER-RIGHT: #cdcdcd 1px solid;
    BACKGROUND: url(images/button.png) center 50%;
    BORDER-BOTTOM: #cdcdcd 1px solid;
    FLOAT: left;
    FONT-WEIGHT: bold;
    COLOR: black;
    PADDING-BOTTOM: 3px;
    PADDING-TOP: 3px;
    PADDING-LEFT: 6px;
    TEXT-DECORATION: none;
    MARGIN: 5px 5px 2px 0px;
    BORDER-LEFT: #cdcdcd 1px solid;
    DISPLAY: inline;
    PADDING-RIGHT: 6px;
}

    .mylinkbutton A:link {
        COLOR: #000000;
        TEXT-DECORATION: none;
        DISPLAY: block;
    }

    .mylinkbutton A:hover {
        COLOR: #000000;
        TEXT-DECORATION: none;
        DISPLAY: block;
    }

    .mylinkbutton A:visited {
        COLOR: #000000;
        TEXT-DECORATION: none;
        DISPLAY: block;
    }

    .mylinkbutton:hover {
        CURSOR: hand;
        BORDER-TOP: #f1c43f 1px solid;
        BORDER-RIGHT: #f1c43f 1px solid;
        BACKGROUND: url(images/hover.png) center 50%;
        BORDER-BOTTOM: #f1c43f 1px solid;
        TEXT-DECORATION: none;
        BORDER-LEFT: #f1c43f 1px solid;
    }

.mylinkbuttonH {
    FONT-SIZE: 12px;
    BORDER-TOP: #f1c43f 1px solid;
    HEIGHT: 20px;
    FONT-FAMILY: Arial;
    BORDER-RIGHT: #f1c43f 1px solid;
    BACKGROUND: url(images/hover.png) center 50%;
    BORDER-BOTTOM: #f1c43f 1px solid;
    FLOAT: left;
    FONT-WEIGHT: bold;
    COLOR: black;
    PADDING-BOTTOM: 3px;
    PADDING-TOP: 3px;
    PADDING-LEFT: 6px;
    TEXT-DECORATION: none;
    MARGIN: 5px 5px 2px 0px;
    BORDER-LEFT: #f1c43f 1px solid;
    DISPLAY: inline;
    PADDING-RIGHT: 6px;
}

.myheaderblueH {
    FONT-SIZE: 10pt;
    FONT-FAMILY: Arial;
    TEXT-TRANSFORM: uppercase;
    FONT-WEIGHT: bold;
    COLOR: #1d4d77;
    PADDING-BOTTOM: 10px;
    PADDING-TOP: 15px;
    PADDING-LEFT: 0px;
    MARGIN: 0 0 0 10px;
    PADDING-RIGHT: 0px;
}

.myheaderblue {
    FONT-SIZE: 10pt;
    FONT-FAMILY: Arial;
    FONT-WEIGHT: bold;
    COLOR: #1d4d77;
    PADDING-BOTTOM: 10px;
    PADDING-TOP: 15px;
    PADDING-LEFT: 0px;
    MARGIN: 0px;
    PADDING-RIGHT: 0px;
}

.mycontentblue {
    BACKGROUND: url(images/icon.gif) no-repeat left 50%;
    PADDING-BOTTOM: 2px;
    PADDING-TOP: 2px;
    PADDING-LEFT: 15px;
    MARGIN: 0px 0px 0px 10px;
    LINE-HEIGHT: 5px;
    PADDING-RIGHT: 0px;
}

    .mycontentblue a:link, mycontentblue a:visited {
        font-size: 10pt;
    }

.myfontblueB {
    FONT-SIZE: 9pt;
    FONT-FAMILY: Arial;
    FONT-WEIGHT: bold;
    COLOR: #000080;
    margin-left: 10px;
}

.myfontblue {
    FONT-SIZE: 9pt;
    FONT-FAMILY: Arial;
    COLOR: #000080;
}

.mynewlistnb {
    FONT-SIZE: 9pt;
    FONT-FAMILY: Arial;
    COLOR: #000080;
}
/*-------CONTROL ASP--------*/
.mycontrol {
    width: 100%; /*border: 1px solid #CDCDCD;*/
    text-align: center;
    margin-left: 10px;
}

    .mycontrol td {
        padding: 2px 2px 2px 2px;
        font-family: Arial !important;
        font-size: 12px !important;
        color: Black;
    }

.mytextbox {
    border: 1px solid #cdcdcd;
    padding-top: 1px;
    padding-bottom: 1px;
    font-family: Arial;
    font-size: 9pt;
    color: Black;
    width: 200px;
    height: 25px;
    border-radius: 4px;
}

    .mytextbox:focus {
        border: 1px solid #f1c43f;
    }
/*MY VIDEO*/
.myvideo {
    margin: 0;
    padding: 10px 0 10px 0;
}

    .myvideo td {
        vertical-align: top;
    }

.myvideotop {
    margin-top: 20px;
}

.myvideotoptext {
    margin: 10px auto;
    width: 500px;
    text-align: left;
    font-weight: normal;
    font-size: 11px;
}

.myvideocontent {
    margin: 0;
    padding: 0;
}

    .myvideocontent img {
        margin: 10px 12px 0 0 !important;
        padding: 2px;
        border: 1px solid #c0e5f9 !important;
        width: 160px !important;
        height: 106px !important;
    }

.myvideotext {
    width: 165px !important;
}

    .myvideotext a:link, .myvideotext a:visited {
        font-family: Arial;
        font-size: 11px;
        color: #283891;
        text-align: justify !important;
        display: block;
        font-weight: normal;
    }



/*MY ALBUM*/
.myalbum table tr {
    float: left;
    border: none;
}

.myalbum table {
    width: 100% !important;
    border: none;
}

.myalbum tr {
    margin: 0;
    padding: 0;
    border: none;
}

.myalbum td {
    margin: 0;
    padding: 0;
    border: none;
}

.myalbum img {
    margin: 5px 6px 0 0;
    padding: 2px;
    /*border: 1px solid #999999 !important;*/
    border: 1px solid #c0e5f9 !important;
    background: #FFFFFF;
    width: 160px !important;
    height: 106px !important;
}

.mydropbox {
    border: 1px solid #bbbbbb;
    border-radius: 4px;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    padding: 2px;
}

.mysource {
    float: right;
    color: #333399;
    padding-left: 20px;
    font-family: Arial;
    font-size: 10pt;
    text-align: right;
    white-space: nowrap;
    margin-top: 10px;
    margin-bottom: 10px;
}

.mypeople {
    float: right;
    color: #8f8d8e;
    font-style: italic;
    background: url("/_layouts/images/MPIPortalCMS/GiaoDien/but.png") no-repeat left 2px;
    padding-left: 20px;
    height: 18px;
    font-family: Arial;
    font-size: 12px;
}

.mytool {
    font-family: Arial;
    font-size: 12px;
    text-align: right;
    margin-top: 30px;
    padding-top: 8px;
    clear: both;
    /*background-color: #EFF9FB;*/
}

    .mytool ul li {
        padding: 0 3px 0 3px;
        list-style: none;
        display: inline;
    }

        .mytool ul li a {
            color: #3e3e3e;
            display: inline;
        }

        .mytool ul li img {
            display: inline;
            border: none;
        }

.mytag {
    position: absolute;
    left: 0;
    top: 5px;
    bottom: 5px;
}

.mytagleft {
    font-family: Arial;
    font-size: 12px;
    float: left;
    color: #045471;
    margin-left: 15px;
}

.mytagright {
    color: #8e8e8e;
    font-family: Arial;
    font-size: 12px;
    padding-left: 30px;
}

.mycomment {
}
/*BINH LUAN*/
.binhluan {
    width: 100%;
    margin-bottom: 5px;
    border-top: 1px solid #426db2;
}

.binhluan_noidung p {
    font-size: 9pt !important;
    font-family: Arial !important;
    margin-bottom: 6pt;
    line-height: 14pt !important;
}


.binhluan_noidung {
    float: left;
    text-align: justify;
    padding: 10px;
    padding-bottom: 0;
}

.binhluan_nguoiviet {
    text-align: right;
    font-size: 8pt !important;
    font-family: Arial !important;
    margin-bottom: 6pt;
    line-height: 14pt !important;
    margin-right: 5pt;
}


/*DANH GIA*/
#divDanhGia {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 6px;
    margin-left: 70px;
}

.dg2 {
    bottom: 5px;
    color: #0384C9;
    font-size: 30px;
    font-weight: bold;
    left: 45px;
    position: absolute;
    top: 35px;
}

.dg1 {
    left: 35px;
}

.dg123 {
    /*border: 1px solid #CCCCCC;*/
    position: absolute;
    left: 30px;
    bottom: 11px;
    padding: 0px 2px;
    width: 65px;
    height: 15px;
}

    .dg123 a {
        color: #0384C9;
        font-size: 10px;
        text-decoration: none;
        text-align: center;
        cursor: pointer;
    }

        .dg123 a:hover {
            text-align: center;
            color: #0384C9;
            font-size: 10px;
            text-decoration: none;
            cursor: pointer;
        }

.dg123_Popup {
    /*border: 1px solid #CCCCCC;*/
    bottom: 11px;
    padding-bottom: 2px;
    padding-left: 5px;
    padding-right: 5px;
    height: 15px;
    text-align: center; /*float:right;*/
    display: inline;
    margin-right: 0;
    margin-bottom: 5px;
}

    .dg123_Popup a {
        color: #0384C9;
        font-size: 11px;
        text-decoration: none;
        text-align: center;
        cursor: pointer;
    }

        .dg123_Popup a:hover {
            text-align: center;
            color: #0384C9;
            font-size: 11px;
            text-decoration: none;
            cursor: pointer;
        }

/*YKIEN*/
.sform {
    float: left;
    margin: 5px 0 0 0;
}


/*OTHER*/
.Grid {
    border-style: solid;
    border-width: 0;
    margin-left: 10px;
}

    .Grid img {
        padding-left: 5px;
        padding-bottom: 3px;
    }

.divcapcha {
    clear: left;
    margin-left: 90px;
}

    .divcapcha img {
        width: 80px;
    }

.divinput {
    clear: left;
    margin: 5px 0 10px 70px;
}

.txtinput {
    border: 1px solid #E0E0E0;
}

.txtinputtext {
    width: 606px;
    border: 1px solid #e0e0e0;
    background: #f6f6f6;
    line-height: 30px;
    color: #2a2b2b;
    padding-left: 5px;
}

.ResultDanhGia {
    display: none;
    background: none repeat scroll 0 0 #F9FAFB;
    position: fixed;
    width: 295px;
    z-index: 99999;
    left: 50%;
    top: 50%;
}

.dg-Top {
    background: url("/_layouts/images/MPIPortalCMS/GiaoDien/mn-r.png") no-repeat scroll 0 0 transparent;
    float: left;
    font-family: Arial;
    font-size: 12px;
    height: 32px;
    width: 293px;
}

    .dg-Top p {
        color: #075480;
        font-weight: bold;
        line-height: 30px;
        margin-left: 15px;
        text-transform: uppercase;
    }

.dg-center {
    background: none repeat scroll 0 0 #F9FAFB;
    border-left: 1px solid #E0E0E0;
    border-right: 1px solid #E0E0E0;
    float: left;
    font-family: Arial;
    font-size: 12px;
    line-height: 20px;
    padding: 10px 0 0;
    width: 291px;
}

.dg-bt {
    background: url("/_layouts/images/MPIPortalCMS/GiaoDien/danhmuc-bt.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 10px;
    width: 293px;
    padding-left: -10px;
    display: none;
}

.mask {
    background: none repeat scroll 0 0 #F9FAFB;
    display: none;
    height: 100%;
    position: fixed;
    bottom: auto;
    width: 100%;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    -khtml-opacity: 0.8;
    -moz-opacity: 0.8;
    opacity: 0.8;
    z-index: 9999;
}

*html #ResultDanhGia {
    background: none repeat scroll 0 0 #F9FAFB;
    position: absolute;
    width: 295px;
    z-index: 99999;
    left: 50%;
    top: 50%;
}


.danhgia {
    width: 133px;
    height: 130px;
    background: url("/_layouts/images/MPIPortalCMS/GiaoDien/danhgia.png") no-repeat;
    position: relative;
    float: left;
    margin-top: 15px;
    margin-bottom: 15px;
    float: right;
}

.dg1 {
    position: absolute;
    left: 35px;
    top: 3px;
    color: #6b6b6b;
    font-weight: bold;
}

.dg2 {
    position: absolute;
    left: 26px;
    top: 30px;
    color: #6b6b6b;
    font-weight: bold;
}

.dg3 {
    position: absolute;
    left: 18px;
    top: 77px;
    font-size: 11px;
    color: #6b6b6b;
}

.dg4 {
    position: absolute;
    left: 15px;
    bottom: 11px;
    color: #6b6b6b;
    font-size: 10px;
    padding: 0px 2px;
    width: 60px;
    height: 15px;
    background: url("/_layouts/images/MPIPortalCMS/GiaoDien/ndk1.png") no-repeat;
}

    .dg4 a {
        color: #0384c9;
        line-height: 18px;
        font-size: 10px;
    }

.dg5 {
    line-height: 18px;
    position: absolute;
    right: 10px;
    bottom: 11px;
    color: #3d3d3d;
    font-size: 10px;
    padding: 0px 2px;
    width: 43px;
    height: 15px;
    background: url("/_layouts/images/MPIPortalCMS/GiaoDien/ndk2.png") no-repeat;
}

    .dg5 a {
        color: #3d3d3d;
        font-size: 10px;
    }
/*-------------------------------My Footer --------------------------------*/
.myfooter {
    margin: 0 auto;
    padding: 0;
    font-size: 9pt;
    width: 100%;
    clear: both;
    background: url('../Images/bg-bottom.jpg') no-repeat;
    background-size: cover;
    box-shadow: 0px 3px 7px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 3px 7px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0px 3px 7px rgba(0,0,0,0.2);
}

.myfooter_EPCTC {
    margin: 0 auto;
    padding: 0;
    font-size: 9pt;
    width: 960px;
    clear: both;
    /*background-color: #283891;*/
    background-color: #00508f;
    box-shadow: 0px 3px 7px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 3px 7px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0px 3px 7px rgba(0,0,0,0.2);
}

/*My Info Footer*/
.myinfofooter {
    padding: 10px 0px 10px 0px; /*width: 960px;*/
    color: White;
    line-height: 20px;
}

.myheadfoot {
    text-transform: uppercase;
    font-family: 13px;
    font-weight: bold;
}

.myclearboth {
    float: left;
    width: 100%;
    clear: both;
}

/*MY SLIDER IMG*/
/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
    position: relative;
    margin: 0 auto;
    padding: 0;
    max-width: 915px !important;
}

    .bx-wrapper img {
        /*max-width: 100%;*/
        width: 120px;
        height: 82px;
        display: block;
    }

    /*.slide img
{
width:146px;
height:82px;
}
*/

    /** THEME
===================================*/

    .bx-wrapper .bx-viewport {
        -moz-box-shadow: 0 0 5px #ccc;
        -webkit-box-shadow: 0 0 5px #ccc;
        box-shadow: 0 0 5px #ccc;
        border: 5px solid #fff;
        left: -5px;
        background: #fff; /*fix other elements on the page moving (on Chrome)*/
        -webkit-transform: translatez(0);
        -moz-transform: translatez(0);
        -ms-transform: translatez(0);
        -o-transform: translatez(0);
        transform: translatez(0);
    }

    .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
        position: absolute;
        bottom: -10px;
        width: 100%;
        display: none;
    }

    /* LOADER */

    .bx-wrapper .bx-loading {
        min-height: 50px;
        background: url(Images/loader.gif) center center no-repeat #fff;
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2000;
    }

    /* PAGER */

    .bx-wrapper .bx-pager {
        text-align: center;
        font-size: .85em;
        font-family: Arial;
        font-weight: bold;
        color: #666;
        padding-top: 20px;
    }

        .bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
            display: inline-block;
            zoom: 1;
            display: inline;
        }

        .bx-wrapper .bx-pager.bx-default-pager a {
            background: #666;
            text-indent: -9999px;
            display: block;
            width: 10px;
            height: 10px;
            margin: 0 5px;
            outline: 0;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
            border-radius: 5px;
            display: none;
        }

            .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
                background: #000;
            }

    /* DIRECTION CONTROLS (NEXT / PREV) */

    .bx-wrapper .bx-prev {
        left: -20px;
        background: url(Images/controls.png) no-repeat 0 -32px;
    }

    .bx-wrapper .bx-next {
        right: -20px;
        background: url(Images/controls.png) no-repeat -43px -32px;
    }

    .bx-wrapper .bx-prev:hover {
        background-position: 0 0;
    }

    .bx-wrapper .bx-next:hover {
        background-position: -43px 0;
    }

    .bx-wrapper .bx-controls-direction a {
        position: absolute;
        top: 50%;
        margin-top: -16px;
        outline: 0;
        width: 32px;
        height: 32px;
        text-indent: -9999px;
        z-index: 9999;
    }

        .bx-wrapper .bx-controls-direction a.disabled {
            display: none;
        }

    /* AUTO CONTROLS (START / STOP) */

    .bx-wrapper .bx-controls-auto {
        text-align: center;
    }

        .bx-wrapper .bx-controls-auto .bx-start {
            display: block;
            text-indent: -9999px;
            width: 10px;
            height: 11px;
            outline: 0;
            background: url(images/controls.png) -86px -11px no-repeat;
            margin: 0 3px;
        }

            .bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active {
                background-position: -86px 0;
            }

        .bx-wrapper .bx-controls-auto .bx-stop {
            display: block;
            text-indent: -9999px;
            width: 9px;
            height: 11px;
            outline: 0;
            background: url(images/controls.png) -86px -44px no-repeat;
            margin: 0 3px;
        }

            .bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active {
                background-position: -86px -33px;
            }

    /* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

    .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
        text-align: left;
        width: 80%;
    }

    .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
        right: 0;
        width: 35px;
    }

    /* IMAGE CAPTIONS */

    .bx-wrapper .bx-caption {
        position: absolute;
        bottom: 0;
        left: 0;
        background: #666\9;
        background: rgba(80, 80, 80, 0.75);
        width: 100%;
    }

        .bx-wrapper .bx-caption span {
            color: #fff;
            font-family: Arial;
            display: block;
            font-size: .85em;
            padding: 10px;
        }



/*--------- class1 that is for the slide with HTML content------------*/
.class1 {
    width: 130px;
    height: 80px;
    background: #444;
    text-align: center;
    color: White;
    font: normal 11px/14px Arial;
    white-space: normal;
}

    .class1 p {
        margin-top: 0;
        margin-bottom: 6px;
        padding-top: 6px;
        font: bold 13px Verdana;
        color: #F90;
    }


/* --------- Others ------- */
/*#mysliderimg
{
	transform: translate3d(0,0,0);
    -ms-transform:translate3d(0,0,0);
    -moz-transform:translate3d(0,0,0);
    -o-transform:translate3d(0,0,0);
}*/

/*MY SLIDER NEW*/

#myslidernew {
    width: 908px;
    height: 90px; /*margin: 0 auto;*/
    margin: 0;
    padding: 15px 20px 15px 20px;
    border: 1px solid #d5d5d6;
    background: #f3f3f4 url('Images/loading.gif') no-repeat 50% 50%; /*box-shadow: 0px 1px 11px #CCCCCC;*/ /* Do not alter the below settings*/ /*white-space:nowrap;*/
    position: relative;
    font-size: 0px;
}

    #myslidernew > * {
        display: none;
    }

    /*-------- div.item is each thumbnail's wrapper created by the javascript ------*/
    #myslidernew div.item {
        padding: 2px;
        margin-right: 8px; /* this specifies the distance between each thumbnail */
        background-color: White;
        border: 1px solid #ddd;
        text-align: center; /*position:relative;*/
    }

    #myslidernew img {
        border: none;
        width: 121px;
        height: 80px;
    }


    /*---------built-in navigation buttons-------*/
    #myslidernew .navPrev {
        width: 10px;
        height: 15px;
        position: absolute; /*background:url('Images/navbuttons.png'); */
        background: url('Images/trial10.png');
        display: inline-block;
        z-index: 5;
        cursor: pointer;
        top: 55px;
        left: 5px;
    }

    #myslidernew .navNext {
        width: 10px;
        height: 15px;
        position: absolute; /*background:url('Images/navbuttons.png'); */
        background: url('Images/trial11.png');
        display: inline-block;
        z-index: 5;
        cursor: pointer;
        top: 55px;
        right: 5px; /*right:-40px;*/
    }

    #myslidernew .navPlay, #mysliderimg .navPause {
        display: none;
    }

    #myslidernew .navPrev {
    }

        #myslidernew .navPrev:hover {
        }

    #myslidernew .navPrevDisabled, #myslidernew .navPrevDisabled:hover {
        cursor: default;
    }

    #myslidernew .navNext {
    }

        #myslidernew .navNext:hover {
        }

    #myslidernew .navNextDisabled, #myslidernew .navNextDisabled:hover {
        cursor: default;
    }

    #myslidernew .navPause, #mysliderimg .navPlay {
        left: 360px;
        top: 130px;
    }

    #myslidernew .navPause {
        background-position: 0 -66px;
    }

        #myslidernew .navPause:hover {
            background-position: 0 -88px;
        }

    #myslidernew .navPlay {
        background-position: -16px -66px;
    }

        #myslidernew .navPlay:hover {
            background-position: -16px -88px;
        }

    /*.navPrev, .navPlay, .navPause, .navNext 
{
   -moz-user-select: -moz-none;
   -khtml-user-select: none;
   -webkit-user-select: none;
   -o-user-select: none;
   user-select: none;
}*/

    /*---------built-in navigation bullets--------*/
    /* Note: the navBullets won't be available when "scrollByEachThumb" was set to false in the Javascript.*/
    #myslidernew .navBullets {
        display: none;
    }

/*--------- class1 that is for the slide with HTML content------------*/
.class2 {
    width: 130px;
    height: 80px;
    background: #444;
    text-align: center;
    color: White;
    font: normal 11px/14px Arial;
    white-space: normal;
}

    .class2 p {
        margin-top: 0;
        margin-bottom: 6px;
        padding-top: 6px;
        font: bold 13px Verdana;
        color: #F90;
    }


/* --------- Others ------- */
/*#myslidernew
{
	transform: translate3d(0,0,0);
    -ms-transform:translate3d(0,0,0);
    -moz-transform:translate3d(0,0,0);
    -o-transform:translate3d(0,0,0);
}*/


/***********MY SLIDER TOP NEW*************/
/*-----------MY SLIDE------------*/
/* CSS Document */

/* slider layout */
.myslidecontent {
    position: relative;
    overflow: hidden; /*background-color: #d7eff9;*/
    border: 1px solid #bbc5df;
    width: 627px;
    height: 268px;
    margin: 0;
}

    .myslidecontent .preload {
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 100000;
        text-align: center;
        background: #FFF;
    }

        .myslidecontent .preload div {
            height: 100%;
            width: 100%;
            /*background: transparent url('Images/load-indicator.gif') no-repeat scroll 50% 50%;*/
        }

    .myslidecontent .sliders-wrapper {
        position: relative;
        height: 100%;
        height: 268px;
        width: 900px;
        z-index: 3px;
        overflow: hidden;
    }

    .myslidecontent ul.sliders-wrap-inner {
        overflow: hidden;
        /*background: transparent url('Images/load-indicator.gif') no-repeat scroll 50% 50%;*/
        padding: 0px;
        margin: 0 0 0 0;
        position: absolute;
        overflow: hidden;
    }

        .myslidecontent ul.sliders-wrap-inner li {
            overflow: hidden;
            top: 0;
            padding: 0px;
            margin: 0px;
            float: left;
            position: relative;
        }

    .myslidecontent .lof-opacity li {
        position: absolute;
        top: 0;
        left: 0;
        float: inherit;
    }

    .myslidecontent .navigator-content {
        position: absolute;
        right: 0;
        top: 0px;
        z-index: 9;
        height: 380px;
        width: 180px;
        overflow: hidden;
        color: #FFF;
    }

    .myslidecontent .navigator-wrapper {
        position: relative;
        z-index: 10;
        height: 380px;
        width: 180px;
        overflow: hidden;
        color: #FFF;
        float: left;
    }

    .myslidecontent ul.navigator-wrap-inner {
        top: 0;
        padding: 0;
        margin: 0;
        position: absolute;
        width: 100%;
    }

        .myslidecontent ul.navigator-wrap-inner li {
            cursor: hand;
            cursor: pointer;
            list-style: none;
            padding: 0;
            margin: 0;
            overflow: hidden;
            float: left;
            display: block;
            text-align: center;
            height: 90px !important;
        }

/*******************************************************/

ul.sliders-wrap-inner li {
    margin: 0;
    padding: 0;
}

    ul.sliders-wrap-inner li img {
        padding: 0;
        top: 0;
        margin: -15px;
        height: 310px;
        width: 480px;
    }

.myslidecontent .slider-description a.readmore {
    color: #58B1EA;
    font-size: 95%;
}

.myslidecontent .slider-description a {
    color: #FFF;
}

.myslidecontent .slider-description i {
    display: none;
}


.myslidecontent .slider-description {
    z-index: 100;
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 450px;
    background: url('Images/bg_trans.png');
    height: 60px;
    padding: 0 10px 5px 10px;
    color: #FFF;
}

    .myslidecontent .slider-description h4 {
        font-size: 14px;
        margin: 10px 0;
        padding: 0 20px 0 0;
        font-family: Arial;
    }

    .myslidecontent .slider-description .slider-meta a {
        margin: 0;
        background: #C01F25;
        font-size: 75%;
        padding: 2px 3px;
        font-family: "Trebuchet MS",Trebuchet,Arial,Verdana,sans-serif;
        text-transform: uppercase;
        text-decoration: none;
    }

    .myslidecontent .slider-description .slider-meta i {
        font-family: Arial;
        font-size: 11px;
    }

.myslidecontent .item-meta a:hover {
    text-decoration: none;
}

.myslidecontent .item-meta i {
    font-size: 70%;
}

/* item navigator */
.myslidecontent ul.navigator-wrap-inner li.active {
    /*background: url('Images/trial10.png') no-repeat scroll left center;*/
    color: #FFF;
    height: 90px !important;
}

.myslidecontent ul.navigator-wrap-inner li > div {
    /*background:url('Images/transparent_bg.png');*/
    background-color: #eff8fb;
    color: #133b43;
    /*height: 100%;*/
    height: 268px;
    position: relative;
    margin: 0 0 0 8px;
    padding: 5px; /*border-top: 1px solid #c5c5c5;*/
    text-align: left;
}

.myslidecontent ul.navigator-wrap-inner li.active div {
    /*background: url('Images/grad-bg.gif);#283891*/
    background: #283891;
    color: #FFF;
}

.myslidecontent ul.navigator-wrap-inner li img {
    /*height: 80px;     width: 152px;*/
    /*width: 160px;
    height: 88px;*/
    width: 162px;
    height: 80px;
    margin: -3px 0 0 -3px;
    float: left;
    padding: 2.5px 3px;
    background: #FFFFFF;
}

.myslidecontent ul.navigator-wrap-inner li.active img, .myslidecontent ul.navigator-wrap-inner li:hover img {
    /*border: #283891 solid 1px;*/
}

.myslidecontent .button-next, .myslidecontent .button-previous {
    display: block;
    width: 40px;
    color: #FFF;
    cursor: pointer;
    position: absolute;
    height: 100%;
    z-index: 40;
    top: 0;
    text-indent: -999px;
}

.myslidecontent .button-next {
    right: 0px;
    background: url('Images/next.png') no-repeat right center;
}

.myslidecontent .button-previous {
    left: 0px;
    background: url('Images/previous.png') no-repeat left center;
}

.myslidecontent .button-control {
    position: absolute;
    top: 0;
    right: 48%;
    height: 20px;
    width: 20px;
    cursor: hand;
    cursor: pointer;
    background: url('Images/transparent_bg.png') repeat;
}

    .myslidecontent .button-control span {
        display: block;
        width: 100%;
        height: 100%;
    }

.myslidecontent .action-start span {
    background: url('Images/play.png') no-repeat center center;
}

.myslidecontent .action-stop span {
    background: url('Images/pause.png') no-repeat center center;
}

.mysitemap {
    margin: 0;
    padding: 8px 0 8px 5px; /*border: 1px solid #AFD7D9;     background-color: #EFF9FB;*/ /*background: #283891;*/
    background: white;
    border-top: 1px solid #426db2;
    border-bottom: 1px solid #426db2; /*height: 20px;*/
}

    .mysitemap img {
        display: none;
    }

    .mysitemap a:link, .mysitemap a:visited {
        color: #283891;
        margin: 0;
        padding: 0 0 0 20px; /*color:#FFFFFF;*/
        font-size: 8pt;
        display: inline;
        background: url('Images/trial3.png') no-repeat 5px;
        text-transform: uppercase;
        font-family: Arial;
        font-weight: bold;
    }

    .mysitemap a:hover {
        text-decoration: underline;
    }

.fancytree-container {
    float: left;
}

/*MENU DOC*/
/* We remove the margin, padding, and list style of UL and LI components */


.menuwrapper {
    margin: 0 0 10px 0;
    padding: 0;
    border: 1px solid #74C2E1;
}

    .menuwrapper ul {
        margin: 0;
        padding: 0;
        list-style: none;
        background-color: #005b9a;
        z-index: 1000;
    }

        /* We apply background color and border bottom white and width to 150px */
        .menuwrapper ul li {
            /*background-color: #7f95db;     border-bottom: solid 1px white;     width: 150px;     cursor: pointer;*/
            margin: 0 0 0 0;
            padding: 0 0 0 0;
            border-bottom: 1px solid #5E9DC8;
            list-style: none;
            cursor: pointer;
            background: url(images/mn-bg.png) left;
            z-index: 1000;
        }
/*MY MENU ACTIVE*/
li.mymenuactive {
    background-color: #283891;
    position: relative;
}

a.mymenuactive {
    /*color: #FFFF00 !important;*/
    text-decoration: underline;
}


/* We apply the background hover color when user hover the mouse over of the li component */
/* for IE < 9 we using class .iehover */

.menuwrapper ul li:hover, .menuwrapper ul li.iehover {
    background-color: #283891;
    position: relative;
}

/* We apply the link style */
.menuwrapper ul li A:link, .menuwrapper ul li A:visited {
    /*padding: 5px 15px;     color: #ffffff;     display: inline-block;     text-decoration: none;*/
    margin: 0 0 0 0;
    background: url(images/trial2.png) no-repeat 8px 12px;
    padding: 8px 5px 8px 18px;
    text-align: left;
    display: block;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
    text-decoration: none;
    font-family: Arial;
}

.menuwrapper li:hover {
    background: #283891;
}


.menuwrapper ul li a:hover {
    color: #ffff00; /*background-color: #657689;*/
}

/**** SECOND LEVEL MENU ****/
/* We make the position to absolute for flyout menu and hidden the ul until the user hover the parent li item */
.menuwrapper ul li ul {
    position: absolute;
    display: none;
    width: 220px;
}

/* When user has hovered the li item, we show the ul list by applying display:block, note: 150px is the individual menu width.  */
/* for IE < 9 we using class .iehover */
.menuwrapper ul li:hover ul, .menuwrapper ul li.iehover ul {
    /*right: 228px;*/
    left: 228px;
    top: -5px;
    display: block;
}

/* we apply different background color to 2nd level menu items*/
.menuwrapper ul li ul li {
    background-color: #283891 !important;
    z-index: 1000;
}

/* We change the background color for the level 2 submenu when hovering the menu */
/* for IE < 9 we using class .iehover */
.menuwrapper ul li:hover ul li:hover, .menuwrapper ul li.iehover ul li.iehover {
    background-color: #283891;
}

/* We style the color of level 2 links */
.menuwrapper ul li ul li a {
    color: #FFFFFF;
    display: inline-block;
}

/**** THIRD LEVEL MENU ****/
/* We need to hide the 3rd menu, when hovering the first level menu */
/* for IE < 9 we using class .iehover */
.menuwrapper ul li:hover ul li ul, .menuwrapper ul li.iehover ul li ul {
    position: absolute;
    display: none;
}

/* We show the third level menu only when they hover the second level menu parent */
/* for IE < 9 we using class .iehover */
.menuwrapper ul li:hover ul li:hover ul, .menuwrapper ul li.iehover ul li.iehover ul {
    display: block; /*left: 192px;*/
    /*right: 220px;*/
    left: 220px;
    top: 0;
}

    /* We change the background color for the level 3 submenu*/
    /* for IE < 9 we using class .iehover */
    .menuwrapper ul li:hover ul li:hover ul li, .menuwrapper ul li.iehover ul li.iehover ul li {
        background-color: #5E9DC8;
    }

        /* We change the background color for the level 3 submenu when hovering the menu */
        /* for IE < 9 we using class .iehover */
        .menuwrapper ul li:hover ul li:hover ul li:hover, .menuwrapper ul li.iehover ul li.iehover ul li.iehover {
            background: #93b2c8;
        }

        /* We change the level 3 link color */
        /* for IE < 9 we using class .iehover */
        .menuwrapper ul li:hover ul li:hover ul li a, .menuwrapper ul li.iehover ul li.iehover ul li a {
            color: #ffffff;
        }

        /**** FOUR LEVEL MENU ****/
        /* We need to hide the 3rd menu, when hovering the first level menu */
        /* for IE < 9 we using class .iehover */
        .menuwrapper ul li:hover ul li:hover ul li ul, .menuwrapper ul li.iehover ul li.iehover ul li ul {
            position: absolute;
            display: none;
        }

        /* We show the third level menu only when they hover the second level menu parent */
        /* for IE < 9 we using class .iehover */
        .menuwrapper ul li:hover ul li:hover ul li:hover ul, .menuwrapper ul li.iehover ul li.iehover ul li.iehover ul {
            display: block; /*left: 192px;*/
            /*right: 228px;*/
            left: 228px;
            top: 0;
        }

            /* We change the background color for the level 3 submenu*/
            /* for IE < 9 we using class .iehover */
            .menuwrapper ul li:hover ul li:hover ul li:hover ul li, .menuwrapper ul li.iehover ul li.iehover ul li.iehover ul li {
                background-color: #5E9DC8;
            }

                /* We change the background color for the level 3 submenu when hovering the menu */
                /* for IE < 9 we using class .iehover */
                .menuwrapper ul li:hover ul li:hover ul li:hover ul li:hover, .menuwrapper ul li.iehover ul li.iehover ul li.iehover ul li.iehover {
                    background: #93b2c8;
                }

                /* We change the level 3 link color */
                /* for IE < 9 we using class .iehover */
                .menuwrapper ul li:hover ul li:hover ul li:hover ul li a, .menuwrapper ul li.iehover ul li.iehover ul li.iehover ul li a {
                    color: #ffffff;
                }

                /**** FIVE LEVEL MENU ****/
                /* We need to hide the 3rd menu, when hovering the first level menu */
                /* for IE < 9 we using class .iehover */
                .menuwrapper ul li:hover ul li:hover ul li:hover ul li ul, .menuwrapper ul li.iehover ul li.iehover ul li.iehover ul li ul {
                    position: absolute;
                    display: none;
                }

                /* We show the third level menu only when they hover the second level menu parent */
                /* for IE < 9 we using class .iehover */
                .menuwrapper ul li:hover ul li:hover ul li:hover ul li:hover ul, .menuwrapper ul li.iehover ul li.iehover ul li.iehover ul li.iehover ul {
                    display: block; /*left: 192px;*/
                    /*right: 228px;*/
                    left: 228px;
                    top: 0;
                }

                    /* We change the background color for the level 3 submenu*/
                    /* for IE < 9 we using class .iehover */
                    .menuwrapper ul li:hover ul li:hover ul li:hover ul li:hover ul li, .menuwrapper ul li.iehover ul li.iehover ul li.iehover ul li.iehover ul li {
                        background-color: #5E9DC8;
                    }

                        /* We change the background color for the level 5 submenu when hovering the menu */
                        /* for IE < 9 we using class .iehover */
                        .menuwrapper ul li:hover ul li:hover ul li:hover ul li:hover ul li:hover, .menuwrapper ul li.iehover ul li.iehover ul li.iehover ul li.iehover ul li.iehover {
                            background: #93b2c8;
                        }

                        /* We change the level 5 link color */
                        /* for IE < 9 we using class .iehover */
                        .menuwrapper ul li:hover ul li:hover ul li:hover ul li:hover ul li a, .menuwrapper ul li.iehover ul li.iehover ul li.iehover ul li.iehover ul li a {
                            color: #ffffff;
                        }

.l-dmain input {
    padding: 5px;
}

/*MY TABS*/
/*MY TABS*/
.mytabs {
    margin: 0;
    padding: 0;
    background: url('Images/hd-body.png') no-repeat -10px 0;
    width: 100%;
    float: left;
    position: relative;
    z-index: 10;
}

.tab {
    display: inline-block; /*background: #d7eff9;     border: solid 1px #426db2;*/
    border-bottom: none;
    margin: 0;
    padding: 0 5px 0 10px;
    float: left;
}

    .tab a:link, .tab a:visited {
        font-family: Arial;
        font-size: 12px;
        display: block;
        padding: 8px 10px 4px 10px;
        outline: none;
        color: #285393;
        font-weight: bold;
        text-transform: uppercase;
        text-decoration: none;
        background: url("Images/ic-mn.png") no-repeat 0 10px;
        white-space: nowrap;
    }

    .tab a:hover {
        text-decoration: none;
    }

    .tab.active {
        background: url('Images/md-right1.png') center right no-repeat; /*#283891*/
        color: white;
        margin: 0;
        padding: 0 30px 0 0;
        z-index: 50;
    }

    .tab a.active {
        font-weight: bold;
        background: #283891 url('Images/trial2.png') no-repeat 10px 10px;
        font-size: 12px;
        padding-left: 20px;
        color: #FFFFFF;
        display: block;
        z-index: 100;
        height: 15px;
    }

.tab-container {
    background: url('Images/md-back.png') no-repeat;
}

.panel-container {
    margin-bottom: 10px;
    border-top: 1px solid #426db2;
    /*height:380px;*/
    background: url('Images/md-back.png') no-repeat;
    float: left;
    width: 100%;
}

#tabs1, #tabs2, #tabs3, #tabs4, #tabs5, #tabs6, #tabs7, #tabs8, #tabs9, #tabs10,
#tabs49, #tabs56, #tabs65, #tabs138,
#tabs140, #tabs308, #tabs309, #tabs310, #tabs311 {
    min-height: 260px;
    /*float:left;*/
    margin-top: -30px;
    padding-top: 30px;
    position: relative;
    z-index: 0;
    /*width:100%;*/
}
/*END MY TABS*/
/*END MY TABS*/
.fancybox-skin {
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important;
}

.fancybox-title-float-wrap {
    bottom: auto !important;
    width: auto !important;
}

.fancybox-title {
    font-size: 10pt !important;
    font-family: Arial !important;
    line-height: 10px !important;
}

.fancybox-title-float-wrap .child {
    /*background: #c0e5f9 !important;font-weight:normal !important;*/
    background: url('Images/bg_trans.png') !important;
    background-color: transparent !important;
    position: absolute;
    left: -300px;
    bottom: 0;
    line-height: 18px !important;
    /*color: #333399 !important;*/
    color: #FFFFFF !important;
    width: 560px !important;
    /*margin-top:15px;*/
    white-space: normal !important;
    text-shadow: none !important;
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important;
}

.fotorama img {
    margin: 0 !important;
    padding: 0;
}

.fotorama__caption {
    text-align: center;
    margin-bottom: 0 !important;
    position: absolute;
    bottom: 0px;
}

.fotorama__caption__wrap {
    text-align: center;
    width: 100%;
    font-size: 9pt !important;
    background: url(Images/bg_trans.png) !important;
    font-weight: bold;
    color: white;
    margin-bottom: 0 !important;
}

.fotorama {
    background: #FFFFFF;
}

.fotorama__img {
    margin: 0 !important;
    padding: 0 !important;
}


/*===============================CUSTOM SHAREPOINT================================*/
body #s4-ribbonrow {
    /* [ReplaceColor(themeColor:"Dark2",themeShade:"0.9")] */
    background: #E9E9E9;
    border: none;
    overflow-y: hidden;
    min-width: 930px;
    height: 20px;
}

.ms-cui-topBar2 {
    border: none;
}

.ms-welcomeMenu a:link {
    color: #000000;
}

.ms-welcomeMenu a span {
    color: #000000;
}


.ms-siteactionsmenu > span > a > span {
    display: inline-block;
    margin: 1px 0px 0px 2px;
    color: black;
}

.ms-cui-tt-span {
    color: black;
}

.s4-title {
    display: none;
}

body #s4-topheader2 {
    display: none;
}

body #s4-workspace {
    overflow-y: auto;
    min-height: 100%;
}

.ms-PartSpacingVertical {
    margin: 0;
}
/*---------------------SITE ACTION------------------------*/

.ms-siteactionsmenuhover {
    /*background: #CECECE url(/_layouts/images/black/header.png) center;*/
    background: none;
    border: 1px solid #b6babf;
}

.s4-trc-container-menu {
    /*display:block; 				padding:5px;*/
}

/*---------------------LOGIN------------------------*/
.ms-welcomeMenu {
    display: block; /*padding:5px;*/
    border: 1px solid #283891;
    /*background: #CECECE url(/_layouts/images/black/header.png) center;*/
    background: #CECECE;
    font-family: Arial;
    font-size: 9pt;
}

    .ms-welcomeMenu.ms-SpLinkButtonActive {
        background: #CECECE;
        display: block;
        color: black;
    }

.s4-trc-container .ms-SPLink {
    display: block;
    border: 1px solid #b6babf;
}

.s4-ba {
    padding: 0;
}

/*---------------------DIALOG------------------------*/
.ms-dialog body .ms-bodyareacell {
    padding: 0px;
}

/*----------------------SCROLL BAR---------------*/
/*
body.v4master {
   overflow: auto;
   }

*/
body #s4-workspace {
    /*overflow: visible !important;*/
    -webkit-overflow-scrolling: touch;
}

/*
body #s4-ribbonrow {
	position: fixed;
	z-index: 1000;
}


#s4-ribbonrow .ms-MenuUIPopupBody, #s4-ribbonrow .ms-popoutMenu, .ms-cui-menu[id ^= "Ribbon."] {
	position: fixed !important;
}

.ms-dlgOverlay {
	width: 100% !important;
}*/
/*=====================================================*/
.fotorama__stage {
    height: 369px !important;
}

.fotorama__img {
    height: 369px !important;
    width: 100% !important;
    left: 0px !important;
}

.mybox_search {
    opacity: .88;
    padding: 20px;
    height: 250px;
    background: linear-gradient(0deg,#eef0f2,#eef0f2),linear-gradient(0deg,#ffffff,#ffffff),#ffffff;
}

.box_title p {
    font-size: 18px;
    font-weight: 600;
    font-family: tahoma;
    text-align: center;
    padding-bottom: 10px;
    border-bottom: 2px solid #DB353A;
    color: #DB353A;
}

.box_title_h2 p {
    font-size: 18px;
    font-family: tahoma;
    text-align: left;
    padding-bottom: 8px;
    border-bottom: 2px solid #DB353A;
    color: #DB353A;
    margin-top: 10px;
}

.box_myColCenter-body {
    width: 100%;
    background-color: #ebedef;
    min-height: calc(100vh - 360px);
}

    .box_myColCenter-body .box_content {
        width: 1440px;
        background-color: #FFFFFF;
    }

.href_link_a:hover {
    text-decoration: none;
}

.trangchu h3 {
    font-size: 24px;
    font-family: tahoma;
    text-align: left;
    padding-bottom: 8px;
    border-bottom: 2px solid #DB353A;
    color: #DB353A;
    margin-top: 10px;
}
.trangchu {
    padding: 20px 20px;
}
.slider-container {
    display: flex;
    align-items: center;
}

.slider {
    display: flex;
    overflow-x: hidden;
}
.slide {
    width: 50%;
    padding: 20px;
    box-sizing: border-box;
    cursor: pointer;
}

.border_slide h2 {
    color: #DB353A;
    font-size: 18px;
}

.border_slide {
    height: 80px;
    border: 1px solid #DB353A;
    display: flex;
    align-items: center;
}
.texttle {
    font-size: 16px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    border-left: 4px solid #d32f2f;
    padding-left: 10px;
    margin-bottom: 15px;
    font-weight: bold;
    color: #d32f2f;
}

.canchinh {
    margin: 30px auto 0 auto;
    width: 100%;
    max-width: 1100px;
}
.gap-1{
    gap:10px
}

.tle {
    text-align: center;
}

.signin-title {
    color: #DB353A;
    font-family: tahoma;
    margin-bottom: 0;
    padding-bottom: 8px;
    position: relative;
    display: inline-block;
}

    .signin-title::after {
        content: '';
        position: absolute;
        bottom: -5px;
        left: 50%;
        transform: translateX(-50%);
        width: 80%;
        height: 1px;
        background-color: #DB353A;
    }
.file-wrapper {
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    border: 0.5px solid #ccc;
    border-radius: 6px;
    padding: 7px 12px;
    background: #fff;
}

    .file-wrapper .btn-choose {
        font-size: 13px;
        font-weight: 500;
        background: #f5f5f5;
        border: 0.5px solid #ccc;
        border-radius: 6px;
        padding: 4px 10px;
        white-space: nowrap;
    }

    .file-wrapper .file-name {
        font-size: 13px;
        color: #888;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

input[type="file"] {
    display: none;
}

.error_message {
    color: #DB353A !important;
}

.stepper {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start;
    justify-content: center;
    position: relative;
    padding: 2rem 1rem 1rem;
}

    .stepper::before {
        content: '';
        position: absolute;
        top: calc(2rem + 22px);
        left: 12%;
        right: 12%;
        height: 2px;
        background: #dee2e6;
        z-index: 0;
    }

.stepper-item {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    z-index: 1;
}

.stepper-icon {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #fffdfd;
    border: 2px solid #dee2e6;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #aaa;
    font-size: 16px;
}

.stepper-item.active .stepper-icon {
    background: #cf383c;
    border-color: #cf383c;
    color: #fff;
}

.stepper-label {
    font-size: 12px;
    margin-top: 8px;
    color: #aaa;
    text-align: center;
    max-width: 120px;
}

.stepper-item.active .stepper-label {
    color: #cf383c;
    font-weight: 500;
}