@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@200&display=swap'); 
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300&display=swap'); 
@import url('https://fonts.googleapis.com/css2?family=Assistant:wght@200&family=Nunito:wght@200&family=Poiret+One&display=swap'); 
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap'); 

@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&display=swap');

body {
    text-align: center;
    width: 100%;
    /*background: rgb(170,37,33);*/
    background: linear-gradient(90deg, rgba(39,105,179,1) 0%, rgba(86,193,183,1) 50%, rgba(39,105,179,1) 100%);
    /*background-image: url("/data/images/bg/bg_ft.png"),linear-gradient(90deg, rgba(254,197,230,1) 0%, rgba(254,222,181,1) 50%, rgba(254,197,230,1) 100%);*/
    background-repeat: no-repeat, repeat;
    background-position-y: bottom;
    padding: 0px;
    margin:40px 0px 0px 0px;
}
#wrapper {
    width: 100%;
    margin: 40px auto;
    padding: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    /*background: rgb(170,37,33);
    background: linear-gradient(90deg, rgba(254,197,230,1) 0%, rgba(254,222,181,1) 50%, rgba(254,197,230,1) 100%);*/
    max-width: 1110px;
    overflow: auto;
}
A.Menu {
    font-family: "Roboto";
    font-weight:bold;
    text-decoration: none;
    color: #000000;
    font-size: 12pt;
}



.material-symbols-outlined {
  font-variation-settings:
  'FILL' 0,
  'wght' 400,
  'GRAD' 0,
  'opsz' 20
}


A.Menu:hover {color:#000000;cursor:pointer;}
A.Menu:visited {font-family: "Arial"; font-weight:normal; text-decoration:none; color:#000000; font-size:11pt;}
A.Menu:visited:hover {color:#000000;}

A.Link_L {font-family: "Arial"; font-weight:normal;  text-decoration:none; color:#FF0000; font-size:14pt;}
A.Link_L:hover {color:#FF0000;cursor:pointer;text-decoration:underline;}
A.Link_L:visited {font-family: "Arial"; font-weight:normal; text-decoration:none; color:#FF0000; font-size:11pt;}
A.Link_L:visited:hover {color:#FF0000;text-decoration:underline;}

A.Baiviet {font-family: "Arial"; font-weight:normal;  text-decoration:none; color:#101010; font-size:11pt;}
A.Baiviet:hover {color:#FF0000;}
A.Baiviet:visited {font-family: "Arial"; font-weight:normal; text-decoration:none; color:#101010; font-size:11pt;}
A.Baiviet:visited:hover {color:#FF0000;}

A.Baiviet_H {font-family: "Arial"; font-weight:bold;  text-decoration:none; color:#303030; font-size:11pt;}
A.Baiviet_H:hover {color:#FF0000;}
A.Baiviet_H:visited {font-family: "Arial"; font-weight:bold; text-decoration:none; color:#303030; font-size:11pt;}
A.Baiviet_H:visited:hover {color:#FF0000;}

A.Link_form{font-family: Roboto,"Arial"; font-weight:normal;  text-decoration:none; color:#FFFFFF; font-size:11pt; cursor:pointer;}
A.Link_form:hover {color:#fff9ba;}
A.Link_form:visited {font-family: "Arial"; font-weight:normal; text-decoration:none; color:#FFFFFF; font-size:11pt;}
A.Link_form:visited:hover {color:#fff9ba;}

A.Link_news{font-family: "Arial"; font-weight:normal;  text-decoration:none; color:#FFFFFF; font-size:14pt; cursor:pointer;}
A.Link_news:hover {color:#FFFFFF;text-decoration:underline;}
A.Link_news:visited {font-family: "Arial"; font-weight:normal; text-decoration:none; color:#FFFFFF; font-size:10pt;}
A.Link_news:visited:hover {color:#FFFFFF;text-decoration:underline;}
.Div_50_dl {
    width: calc(50% - 20px);
    overflow: auto;
    text-align: center;
    float: left;
    padding:10px;
}
.Div_30_VP {
    width: 33.33%;
    float: left;
    overflow: auto;
    transition: 1s ease;
    position: relative;
}

.VP_Text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: none;
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    color: #FFFFFF;
    transition: 1s ease;
}
.VP_Text:hover {
       display: block;
    
}



.Img_S3_1_VP {
    width: 100%;
    margin: 0px;
    padding: 0px;
    transition: 1s ease;
}
    .Img_S3_1_VP:hover {
        transition: 1s ease;
        filter: opacity(50%);
        display:block;
    }

.Div_100_H_fix {
    width: calc(100% - 4px);
    overflow: auto;
    float: none;
    height: auto;
    /*background: #AA0000;*/
    padding: 0%;
    border-radius: 5px;
    border: dashed 2px #6c0202;
}

.Div_30_fix {
    width: 33.3%;
    float: left;
    margin: 10px;
    border-radius: 5px;
    overflow: auto;
    transition: 1s ease;
    
    /* background: #FFFFFF;*/
}
    .Div_30_fix:hover {
        transition: 1s ease;
        background: #d12d27;
        box-shadow: 7px 7px rgba(0, 0, 0, 0.2);
    }

    .Div_30_fix p {
        text-align: center;
        font-family: "Roboto", sans-serif;
        font-weight:normal;
        font-size: 16px;
        color:#FFFFFF;
    }

.Div_100_V_fix {
    width: calc(80% - 20px);
    margin: auto;
    border-radius: 15px;
    overflow: auto;
    transition: 1s ease;
    text-align: center;
    margin:20px auto 20px auto;
   
}



    .Div_100_V_fix:hover {
        transition: 1s ease;
        -webkit-box-shadow: 0px 0px 33px 1px rgba(0,0,0,0.75);
        -moz-box-shadow: 0px 0px 33px 1px rgba(0,0,0,0.75);
        box-shadow: 0px 0px 20px 1px rgba(0,0,0,0.75);
    }

.Div_30_V_fix {
    width: calc(50% - 20px);
    float: left;
    margin: 10px;
    border-radius: 15px;
    overflow: auto;
    transition: 1s ease;
    padding: 10px 0% 30px 0%;
    /* background: #FFFFFF;*/
    text-align: center;
}



    .Div_30_V_fix:hover {
        transition: 1s ease;
        box-shadow: 7px 7px rgba(0, 0, 0, 0.2);
    }
.Ve_Title {
    background: #FF0000;
    text-align: left;
    font-family: "Roboto", sans-serif;
    font-weight: bold;
    font-size: 20px;
    padding:5px 10px 5px 10px;
    color:#FFFFFF;
}
.St_T {
    text-align: left;
    font-family: "Roboto", sans-serif;
    font-weight: normal;
    font-size: 16px;
    margin:30px 0px 10px 0px;

}
.St_Dangkyngay {
    width: 80%;
    padding: 7px;
    font-family: "Roboto", sans-serif;
    font-weight: normal;
    font-size: 18px;
    background-color: #f42928;
    color: #FFFFFF;
    border: solid 2px #fcbc24;
    border-radius: 7px;
}
.St_Dk_p {
    text-align:center;
    margin:20px 0px 0px auto;

}
.D_100_Info {
    width: 90%;
    overflow: auto;
    height: auto;
    float: none;
    margin: 0px auto 30px auto;
    text-align: left;
    padding: 20px 5% 20px 5%;
    background-color: #265373;
    border-radius:5px;
    
}
.Top_Logo {
    z-index: 1;
    position: fixed;
    top: 0px;
    left: calc((100% - 1110px)/2);
    display: block;
}

.Img_Link {
    width: calc(100% - 2px);
    margin: 0px;
    padding:0px;
    opacity:1;
    transition: 1s ease;
    border:solid 1px #FFFFFF;
    border-radius:1px;
}

.Img_Link:hover{
opacity:0.5;
transition: 1s ease;
}
.Img_Link_1 {
     margin: 0px;
    padding: 0px;
    opacity: 1;
    transition: 1s ease;
}

    .Img_Link_1:hover {
        opacity: 0.5;
        transition: 1s ease;
    }
.st_div_tt {
    width: calc(96% - 40px);
    overflow: auto;
    height: auto;
    float: none;
    margin: 0px;
    text-align:justify;
    padding:20px; 
    margin:2%;
   border-radius:10px;
   }
    .st_div_tt p {
        text-align: left;
        font-family: "Roboto", sans-serif;
        font-weight: normal;
        font-size: 16px;
        color: #FFFFFF;
    }


.St_Div_TinTuc
{
 width: 96%;
    overflow: auto;
    display: block;
    background: #00669a;
    margin:2%;
    border-radius:20px;

}
.Baiviet_50
{
    width: 46%;
    overflow: auto;
    height: auto;
    float: left;
    margin: 0px;
    text-align:justify;
    padding:2%; 
  
}
.D_S2_100_LH
{
width: 90%;
    overflow: auto;
    height: auto;
    float: none;
    margin: 0px;
    text-align:justify;
    padding:0 5% 0 5%; 
}

.St_div_row
{
    width: 96%;
    overflow: auto;
    display: block;
    margin:2%;


}

.St_Div_TinTuc_Row_A
{
   width: 18%;
   float:left;
   background:#FF0000;
   overflow:auto; 
 display: block;
}
.St_Div_TinTuc_Row_B
{
    width: 82%;
    float:left;
   auverflow:auto;
 display: block;
}
.st_dk
{

    text-align: left;
    font-family: Roboto;
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
color:#000000;
    margin:10px;
}
.St_Tuade_TT {
    text-align: left;
    font-family: Roboto;
    font-weight: 600;
    font-size: 30pt;
    margin: 0px 10px 0px 0px;
    color: #FFFFFF;
}

.St_Intro_TT {
    font-family: Roboto,"Arial";
    font-weight: bold;
    text-decoration: none;
    color: #FFFFFF;
    font-size: 14pt;
}

.St_Tuade
{
    text-align: left;
    font-family: Roboto;
    font-weight: 600;
    font-size: 22px;
    margin:0px 10px 0px 10px;
    color:#FFFFFF;
}

.St_Intro
{
    text-align: left;
    font-family: Roboto;
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    margin-left:10px;
    color:#FFFFFF;
}

.St_Head_R {
    width: 96%;
    overflow: auto;
    display: block;
    /*background: #FFFFFF;*/
    border-radius:15px;
}
.St_Head
 {
    text-align: center;
    font-family: "Roboto", sans-serif;
    font-style: bold;
    font-weight: 700;
    font-size: 40px;
    margin:15px 15px 5px 15px;
    color:#FFFFFF;
}
.St_QC_l {
    width: 100%;
    overflow: auto;
    display: block;
}
.St_QC_m {
    width: 100%;
    overflow: auto;
    display: none;
}
.St_QC_t {
    width: 100%;
    overflow: auto;
    display: none;
}

.ST_Subject_Photo_No_Upload_2 {
    float: left;
    position: relative;
    text-align: center;
    background: #E0E0E0;
    margin-right: 0px;
    overflow: hidden;
    border: 1px solid #FFFFFF;
}
.St_img_Thumb_Porfolios {
    margin-right: 0px;
    height: 200px;
    float:left;
    width:auto;
    background: #FFFFFF;
    padding:2px;
}
.Div_Portfolios_des {
    width: 74%;
    overflow: auto;
    background: #EEEEEE;
    margin-top: 30px;
    margin-bottom: 150px;
    margin-left: 15%;
} 
.Countdown {
    width: 410px;
    overflow: auto;
    margin: 30px auto 10px auto;
}
.Div_thumb_Upload_bo {
    width: calc(20% - 27px);
    overflow: auto;
    background: #FFFFFF;
    border: 1px solid #dddfe2;
    border-radius: 4px;
    margin-left: 10px;
    margin-top: 0px;
    margin-bottom: 10px;
    float: left;
    padding: 5px;
}

.Div_thumb_Upload_Img {
    width: 100%;
    overflow: auto;
    float: left;
    cursor: pointer;
}
/*Menu*/
.Top_Menu {
    height: 35px;
    width: 100%;
    overflow: hidden;
    background-color: #FF0000;
    padding-top:5px;
    position:fixed;
    z-index:100000;
    display:contents;
    text-align:center;
}

.Top_Menu_S_Left {
    display: block;
    text-align: left;
    font-family: Roboto;
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    margin-left:100px;
}
/*Menu E*/
/*New Layout*/
.Div_S1_Left {
    position: relative;
    width: 50%;
    padding-top: 50%;
    margin: 0px 0px 0px 0px;
    float: left;
}
.Div_S3_Banner {
    width: 100%;
    overflow: auto;
    display: block;
}
.Div_S1_Banner{
    width:100%;
    overflow:auto;
    display:block;
}
.Div_S2_Banner {
    width: 100%;
    overflow: auto;
    display: none;
}
.Div_S1_ND_1 {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    color: azure;
    background-color: #1A1A1A;
    font-family: Cormorant Garamond;
    font-style: normal;
    font-size: 96px;
    line-height: 100%;
}
.St_GT_H {
    font-family: 'Nunito', sans-serif;
    font-weight:600;
    font-size: 25px;
    color: #888;
    margin: 20px 10% 10px 0px;
    text-align: center;
}
.St_GT {
    font-family: 'Nunito', sans-serif;
    font-style: normal;
    font-size: 20px;
    color: #888;
    margin: 10px 10% 10px 0px;
    text-align: left;
}
.S1_ND1_B
{
    width:70%;
    margin:20% 15% 0px 15%;
    overflow:auto;
}
.S1_ND1_B2 {
    width: 70%;
    margin: 10% 15% 0px 15%;
    overflow: auto;
 
}
.S1_ND1_B3 {
    width: 70%;
    margin: 0% 15% 0px 15%;
    overflow: auto;
 }
.St_B_S_1 {
    font-family: Roboto;
    font-style: normal;
    font-weight:bold;
    font-size: 15px;
    color: #FFFFFF;
    background-color: #f24e1e;
    border: 2px solid #F24E1E;
    box-sizing: border-box;
    border-radius: 6px;
    width: 170px;
    height: 41px;
}
.St_B_S_2 {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    color: #F24E1E;
    border: 2px solid #F24E1E;
    box-sizing: border-box;
    border-radius: 6px;
    width: 170px;
    height: 41px;
}
.St_bt_gui_1{
    width:45%;
    float:left;
    cursor:pointer;
}
.St_bt_gui_1_1 {
    width: 65%;
    float: left;
    cursor: pointer;
}
.St_bt_gui_1_2 {
    width: 50%;
    float: left;
    cursor: pointer;
}
.St_f1_1 {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 150%;
    /* or 24px */
    letter-spacing: 0.035em;
    text-transform: uppercase;
    color: #FFFFFF;
    text-align:left;
}
.St_f1_2 {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 30px;
    line-height: 30%;
    /* identical to box height, or 45px */
    text-transform: uppercase;
    color: #FFFFFF;
    text-align: left;
}
.S1_ND1_B img {
    width: 100%;
    position: absolute;
}
.D_S1_100 {
    width: 100%;
    overflow: auto;
    float: none;
    background-color: #FFFFFF;
    margin: 0px 0px 0px 0px;
}
.Div_S1_Bt
{
    position:absolute;
    width:40%;
    overflow:auto;
    margin-top:20%;

}
.Div_S1_Right {
    position: relative;
    width: 50%;
    padding-top: 50%;
    margin: 0px 0px 0px 0px;
    float: left;
}
.Div_S1_ND_2 {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    color: azure;
    background-color: #FF0000;
    background-image: url("/data/images/b1_r.jpg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.Div_S2_Left {
    position: relative;
    width: 50%;
    margin: 40px 0px 40px 0px;
    float: left;
}
.Div_S2_ND_1 {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    color: azure;
    background-color: #1A1A1A;
    font-family: Cormorant Garamond;
    font-style: normal;
    font-size: 96px;
    line-height: 100%;
}

.Div_S2_Right {
    position: relative;
    width: 50%;
    margin: 40px 0px 140px 0px;
    float: left;
    background-color:#918f8f;

}

.Div_S2_ND_2 {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height:auto;
    
}
.Div_S2_ND_2 p {
        font-family: Roboto;
        font-style: normal;
        font-weight: 300;
        font-size: 15px;
        line-height: 120%;
        text-align: justify;
        color: #000000;
        padding:0px;
        margin-bottom:10%;
    }
.D_S2_GT_100 {
    width: 90%;
    overflow: auto;
    float: none;
    /*background-color: #FFFFFF;*/
    margin: 0% 0px 0% 10%;
}
.D_S2_100_ND {
    width: 100%;
    overflow: auto;
    height: auto;
    float: none;
    /* background-color: #FFFFFF;*/
    margin: 0px;
}
.D_S2_100_1 {
    width: 70%;
    overflow: auto;
    height: auto;
    float: none;
    /*background-color: #FFFFFF;*/
    margin: auto;
    align-items: center;
}

.D_S2_100 {
    width: 100%;
    overflow: auto;
    height: auto;
    float: none;
    /* background-color: #FFFFFF;*/
    margin: 0px;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.D_S2_100_G {
    width: 100%;
    overflow: auto;
    float: none;
    background-color:#EEEEEE;
    margin: 0px;
    padding:0px;
}
.D_S2_60_1
{
    width:55%;
    overflow:auto;
    float:left;
    display:block;
    padding:5%;
     
}
.D_S2_50_1
{
    width:50%;
    overflow:auto;
    float:left;
    display:block;
    min-width:100px;
    background-color:#FFFFFF;
  
}
.D_S2_40_2 {
    width: 35%;
    overflow: auto;
    float:left;
    margin:0px;
    padding:0px 5% 0px 0px;
 
}
.D_S2_33_2 {
    width: 33.33%;
    overflow: auto;
    float:left;
    margin:0px;
    padding:0px;
} 

.D_S2_50_2 {
    width: 50%;
    overflow: auto;
    float:left;
    margin:0px;
    padding:0px;
 
}
.D_S2_50_2_QT_1 {
    width: 50%;
    overflow: auto;
    float: left;
    margin: 0px;
    padding: 0px;
}
.D_S2_50_2_QT_2 {
    display: none;
}
.D_S2_50_2_B {
    width: calc(50% - 1px);
    overflow: auto;
    border-left: solid 1px #000000;
    float: left;
    margin: 0px 0px 0px 0px;
}
.F_Head {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    line-height: 120%;
    text-align: left;
    color: #000000;
    padding: 0px;
    margin:20px 5% 0px 10%;
   
}
.F_Head2 {
    font-family: Roboto;
    font-weight: bold;
    font-size: 20px;
    line-height: 120%;
    text-align: center;
    color: #FFFFFF;
    padding: 0px;
    margin:10px;
   
}

.F_Head_TL1 {
    font-family: Cormorant Garamond;
    font-style: normal;
    font-weight: 900;
    font-size: 78px;
    line-height: 100%;
    margin: 0px 10% 0px 10%;
    text-align: left;
}
.F_Head_TL {
    font-family: Cormorant Garamond;
    font-style: normal;
    font-weight: 900;
    font-size: 78px;
    margin: 0px 10% 0px 10%;
    text-align: left;
}
.F_Head_GK {
    font-family: Cormorant Garamond;
    font-style: normal;
    font-weight: 900;
    font-size: 78px;
    margin: 0px 0px 0px 6%;
    text-align: left;
}
.F_Head_2_GK {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    line-height: 120%;
    text-align: left;
    color: #000000;
    padding: 0px;
    margin: 0px 0px 0px 6%;
}
.F_Head_2_GK_N {
    font-family: Cormorant Garamond;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 120%;
    text-align: left;
    color: #F24E1E;
    padding: 0px;
    margin: 10px 0px 0px 0px;
}
.D_GK_In {
    width: calc(100% - 17px);
    overflow: auto;
    border-left: solid 2px #F24E1E;
    padding-left: 15px;
    font-family: Roboto;
    font-style: normal;
    font-size: 15px;
    text-align: left;
    color: #000000;
    margin-top:20px;
     
}
.F_Head_21 {
    font-family: Arial;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    margin: 0px 5% 0px 5%;
    text-align: left;
    overflow:auto;
}
.F_Head_2 {
    font-family: Cormorant Garamond;
    font-style: normal;
    font-weight: 900;
    font-size: 78px;
    line-height: 100%;
    margin: 0px 10% 0px 10%;
    text-align: left;
}
.F_ND_1 {
    font-family: Arial;
    font-style: normal;
    font-weight: 200;
    font-size: 16px;
    line-height: 140%;
    text-align: justify;
    color: #000000;
    padding: 0px;
    margin-bottom: 10%;
    margin: 0px;
}
.F_ND_2 {
    font-family: Roboto;
    font-weight: 700;
    font-size: 18px;
    line-height: 120%;
    text-align: left;
    margin: 10px 10% 10px 10%;
    color: #000000;
}
.F_ND_21 {
    font-family: Roboto;
    font-style: italic;
    font-weight: 700;
    font-size: 26px;
    line-height: 120%;
    text-align: left;
    margin: 20px 10% 15px 10%;
    color: #000000;
}
.F_ND_3 {
    font-family: Roboto;
    font-style: normal;
    font-weight: 300;
    font-size: 13px;
    line-height: 140%;
    text-align: justify;
    color: #000000;
    padding: 0px;
    margin-bottom: 10%;
    margin: 5% 20% 15px 10%;
}
.F_ND_6 {
    font-family: Cormorant Garamond;
    font-style: normal;
    font-weight: bold;
    font-size: 30px;
    line-height: 150%;
    text-align: center;
    text-transform: uppercase;
    color: #000000;
}
.F_GT_TG {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    text-align: left;
    color: #FFFFFF;
    margin: 0px 0px 5px 0%;
}
.St_img_thumb {
   width:100%;
    margin: 0px 0px 5px 0%;
    
    
}
    .St_img_thumb p {
        font-family: Roboto;
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        text-align: left;
        color: #000000;
      
      
    }
.F_GT_H_G {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    text-align: left;
    color: #000000;
    margin: 0px 0px 0px 0%;
}
.F_GT_H {
    font-family: Arial;
    font-style: normal;
    font-weight: bold;
    font-size: 17px;
    text-align: left;
    color: #FFFFFF;
    margin:0px 0px 0px 0%;

}
.F_GT_D {
    font-family: Roboto;
    font-style: normal;
    font-size: 13px;
    text-align: left;
    color: #000000;
    margin: 15px 20% 0px 0%;
}
.F_GT_H_H {
    font-family: Cormorant Garamond;
    font-style: normal;
    font-weight: bold;
    font-size: 35px;
    text-align: left;
    color: #000000;
    margin: 0px 0px 5% 0%;
}
.F_ND_7 {
    font-family: Cormorant Garamond;
    font-style: normal;
    font-weight: bold;
    font-size: 30px;
    line-height: 100%;
    text-align: center;
    text-transform: uppercase;
    color: #006885;
    margin: 0px 0px 0px 0px;
}
.F_ND_7_D {
    font-family: Roboto;
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 100%;
    text-align: center;
    color: #006885;
    margin: 15px 0px 0px 0px;
}
.D_S3_I1{
    width:100%;
    height:auto;
    margin:0px 0px 10px 0px;
    padding:0px;
}
.D_S3_I2 {
    width: calc(45% - 10px);
    overflow: auto;
    margin: 0px 10px 10px 0px;
    float:left;
    padding:0px;
}
.D_S3_I3 {
    width: 55%;
    overflow: auto;
    margin: 0px 0px 10px 0px;
    float:left;
    padding:0px;
    background-color:#FF0000;
}
.Img_S3_1_e {
    width: 100%;
    margin: 0px;
    padding:0px;
   filter: saturate(1);
    transition: 1s ease;
}
.Img_S3_1_e:hover {
    width: 100%;
    margin: 0px;
    padding:0px;
filter: saturate(4);
    transition: 1s ease;
}


.Img_S3_1 {
    width: 100%;
    margin: 0px;
    padding:0px;
}
.Img_S3_1_R {
    width: 82%;
    margin-right: 15%;
    margin-left:3%;
    padding: 0px;
}

.Img_S3_1_L {
    width: 82%;
    margin-left: 15%;
    margin-right:3%;
    padding: 0px;
}
.D_S4_I3{
    width: 100%;
    height: auto;
    margin: 0px 0px 10px 0px;
    padding: 0px;
}
.D_S4_I1 {
    width: 63%;
    overflow: auto;
    margin: 0px 0px 10px 0px;
    float: left;
    padding: 0px;
    background-color: #FF0000;
}
.D_S4_I2 {
    width: calc(37% - 10px);
    overflow: auto;
    margin: 0px 0px 10px 10px;
    float: left;
    padding: 0px;
}
.D_S2_50_1_R
{
    width:70%;
    margin-left:10%;
    overflow:auto;
}

.D_S5_40_1 {
    width: 45%;
    overflow: auto;
    float: left;
    display: block;
    min-width: 100px;
 
}

.D_S5_60_1 {
    width: 55%;
    overflow: auto;
    float: left;
    margin: 0px;
    padding: 0px;
}
.D_S5_I1 {
    width: calc(55% - 10px);
    overflow: auto;
    margin: 0px 10px 10px 0px;
    float: left;
    padding: 0px;
}

.D_S5_I2 {
    width: 45%;
    overflow: auto;
    margin: 0px 0px 10px 0px;
    float: left;
    padding: 0px;
    background-color: #FF0000;
}
.D_S6_100{
    width:100%;
    overflow:auto;
    margin:0px;
}
.D_S7_100 {
    width: 100%;
    overflow: auto;
    margin: 0px;
    padding: 5% 0px 5% 0px;
    background-image: url("/data/images/b7_2.jpg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.D_S8_100{
    width:95%;
    overflow:auto;
    padding-left:4%;
}
.D_S8_20 {
    width: 16.666%;
    overflow: auto;
    float: left;
    text-align: left;
}

.D_S8_20_img {
    width: 85%;
    text-align: left;
    background-color: #eeeeee;
    margin: 0px;
    padding: 0px;
}

    .D_S8_20_img img {
        width: 100%;
    }
.D_S8_33{
    width:33.3333%;
    overflow:auto;
    float:left;
    text-align:left;
}
.D_S8_33_img {
    width: 85%;
    text-align: left;
    background-color: #eeeeee;
    margin:0px;
    padding:0px;
}
        .D_S8_33_img img{
            width:100%;
        }
.D_S8_B {
    width: calc(85% - 18px);
    border-left: solid 3px #F24E1E;
    min-height: 70px;
    background-color: #eeeeee;
    margin:0px;
    padding:10px 10px 10px 5px;
}

.D_S8_PH {
    font-family: Cormorant Garamond;
    font-size: 12px;
    font-weight: 600;
    line-height: 100%;
    text-align: left;
    color: #000000;
}
.D_S8_PH_D {
    font-family: Roboto;
    font-size: 11px;
    font-weight: 500;
    line-height: 150%;
    text-align: left;
    color: #000000;
}
.D_S9_100 {
    width: 100%;
    overflow: auto;
    margin: 0px;
}
.D_S9_25
{
    width:25%;
    overflow:auto;
    text-align:center;
    float:left;
}
.D_S9_50 {
    width: 50%;
    overflow: auto;
    text-align: center;
    float: left;
}

.D_S9_H {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 150%;
}
.D_S9_D {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 13px;
    text-align:center;
}
.D_S8_TL_1 {
    font-family: Roboto;
    font-size: 14px;
    font-weight: 800;
    line-height: 150%;
    text-align: center;
    color: #000000;
    margin-top:25px;
}
.D_S8_TL_1_ND {
    font-family: Cormorant Garamond;
    font-style: normal;
    font-size: 22px;
    color: #000000;
    margin-left:10%;
    margin-right:10%;
    text-align:justify;
}
.D_S8_TL_1_ND_2 {
    font-family: Cormorant Garamond;
    font-style: normal;
    font-size: 14px;
    color: #000000;
    margin-left: 20%;
    margin-right: 20%;
}
.D_T_S1_GT {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 13px;
    text-align: left;
    color: #000000;
    padding: 0px;
    margin: 0px 10px 10px 10px;
}
.D_T_S1 {
   
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 13px;
    text-align: left;
    color: #000000;
    padding: 0px;
    margin: 0px 10px 10px 10px;
}
.D_T_S2 {
    font-family: Roboto;
    font-style: normal;
    font-size: 17px;
    text-align: left;
    color: #000000;
    padding: 0px;
    margin: 0px 10px 10px 10px;
}
.D_T_S3 {
    font-family: Roboto;
    font-style: normal;
    font-size: 13px;
    text-align: left;
    color: #000000;
    padding: 0px;
    margin: 0px 15% 10px 15%;
}

.S_S9_Img {
    max-height: 80px;
    margin:10px 15px 10px 15px;
}
.TL_S2_50_2 {
    width: calc(50% - 30px);
    overflow: auto;
    float: left;
    margin: 10% 30px 0px 0px;
    padding: 0px;
}
.D_T_S4_H {
    font-family: Roboto;
    font-style: normal;
    font-weight:bold;
    font-size: 30px;
    text-align: left;
    color: #F24E1E;
    padding: 0px;
    margin: 0px 15% 10px 15%;
}
.D_S2_100_T {
    width: 100%;
    overflow: auto;
    height:auto;
    margin: 0%;
  
 }
.D_S2_100_T_BTC {
    width: 100%;
    overflow: auto;
    height: auto;
    margin:5% 0%;
}
.D_S2_30_T_BTC {
    width: 33.333%;
    overflow: auto;
    height: auto;
    float:left;
    background-color:#f24e1e;
}
.D_S2_30_T_BTC_20 {
    width: 20%;
    overflow: auto;
    height: auto;
    float: left;
    background-color: #dddfe2;
}
.D_S2_30_T_BTC_80 {
    width: 80%;
    overflow: auto;
    height: auto;
    float: left;
    background-color:aliceblue;
}

.D_S2_30_T_BTC_CD {
    transform: rotate(270deg);
    height:auto;
}
.D_S2_100_G{
    width: 80%;
    overflow: auto;
    height: auto;
    margin: 0% 10% 0% 10%;
    background-color:#FFFFFF;
    padding:0px 0px 5% 0px;

}
.D_S2_100_G_X {
    width: 100%;
    overflow: auto;
    height: auto;
    margin: 0% 0% 0% 0%;
    background-color: #EEEEEE;
    padding: 0px 0px 5% 0px;
}
.D_S2_100_GK {
    width: 100%;
    overflow: auto;
    height: auto;
    margin: 5% 0px 0px 0px;
}

 .D_S2_50_1_T {
    width: 50%;
    overflow: auto;
    float: left;
    display: block;
    background-color: #FFFFFF;
    margin:5% 0px 0px 0px;
}
.D_S2_50_1_T_ND {
    width: 60%;
    overflow: auto;
    background-color: #FFFFFF;
    margin: 0px 15% 0px 18%;
}
.D_T_S3_T {
    font-family: Roboto;
    font-style: normal;
    font-size: 13px;
    text-align: left;
    color: #000000;
    padding: 0px;
    margin: 10px 0px 0px 0px;
}
.D_GK_30{
    width:30%;
    overflow:auto;
    float:left;
}
.D_GK_Img{
    width:80%;
    margin-left:20%;
    overflow:auto;
}
.D_GK_70 {
    width: 50%;
    overflow: auto;
    float: left;
    margin: 10px 10% 0px 10%;
}
.D_GK_Iinfo {
    font-family: Roboto;
    font-style: normal;
    font-size: 13px;
    text-align: left;
    color: #000000;
    padding: 0px;
    margin: 5px 0px 5px 0px;
}
.Div_Form_40{
    width:40%;
    overflow:auto;
    float:left;
}
.Div_Form_40_lg {
    width: 35%;
    overflow: auto;
    float: left;
    margin-left:5%;
}
.Div_Form_60 {
    width: 60%;
    overflow: auto;
    float: left;
}
/*End New Layout*/
.Div_icon_left {
    position: fixed;
    top: 170px;
    width: 10%;
    right: 10px;
    overflow: auto;
}
        
    .Div_icon_left p
    {
        margin:0px;
    }
   
    .Div_icon_left img {
        width: 100%;
        max-width: 150px;
        overflow: auto;
        float: none;
        margin: 3px auto;
        cursor: pointer;
    }
    .Div_title{
        width:calc(100% - 10px);
        overflow:auto;
        margin:0px 0px 10px 0px;
        padding:0px;
        border-bottom:solid 2px #DDDDDD;
        
    }
.F_GT_SBD {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    text-align: left;
    color: #FF0000;
    margin: 0px 0px 15px 0%;
}
.Bt_UpLoad {
    width: calc(100% - 20px);
    height: auto;
    font-family: "Arial";
    font-weight: normal;
    text-decoration: none;
    color: #FFFFFF;
    font-size: 10pt;
    padding: 8px;
    background: #323232;
    border:solid 1px #505050;
    border-radius:4px;
    margin:0px;
}
    .Bt_UpLoad:hover {
        background: #6d0000;
        cursor:pointer;
    }

.Msg {font-family: "Arial"; font-weight:normal;  text-decoration:none; color:#808080; font-size:12pt;}
    .banner
        {
            margin-top:40px;
            width:100%;
            overflow:auto;
            max-width:1024px;
        }
        #Thongke
        {
            width:calc(100% - 20px);
            overflow:auto;
            margin-left:10px;
            margin-top:10px;
            margin-bottom:5px;
            
        }
.Span_P {
    background-color: #26b99a;
    border: solid 1px #24a68b;
    border-radius: 2px;
   color: #e8e8e8;
    width: 40px;
    display: inline-block;
    text-align:center;
}
.Span_D {
    background-color: #c9302c;
    border: solid 1px #af2926;
    border-radius: 2px;
    color: #e8e8e8;
    width: 40px;
    display: inline-block;
    text-align: center;
}

.Div_Baotro {
    width: calc(33.333% - 20px);
    overflow: auto;
    border-radius: 4px;
    margin-left: 10px;
    margin-top: 0px;
    margin-bottom: 10px;
    float: left;
    padding: 5px;
}
    .Div_Baotro img {
        max-width: 100%;
        max-height: 100px;
    }
    .Div_Baotro p {
        font-family: "Arial";
        font-weight: normal;
        text-decoration: none;
        color: #CCCCCC;
        font-size: 10pt;
        margin:0px;
    }
.Div_Tool {
    width: calc(20% - 22px);
    height: calc(30vw - 22px);
    overflow: hidden;
    background: #38495b;
    border: 1px solid #292929;
    border-radius: 4px;
    margin-left: 10px;
    margin-top: 0px;
    margin-bottom: 10px;
    float: left;
    padding: 5px;
}
    .Div_Tool img{
        width:80%;
        overflow:auto;
        border:0px;
        float:none;
        margin: 0px auto;
    }
    .Div_Tool_Round {
        width: calc(9vw);
        height: calc(9vw);
        border: solid 1px #9d0023;
        border-radius: 50%;
        margin: auto;
        margin-top: 10px;
    }
    
.Div_Tool_Round_p1 {
    margin-top: 20px;
    margin-bottom:15px;
    font-family: "Arial";
    font-weight: normal;
    text-decoration: none;
    color: #b2b2b2;
    font-size: 11pt;
    text-align: center;
    }
.Div_Tool_Round_p2 {
    margin-top: 10px;
    margin-bottom:5px;
    font-family: "Arial";
    font-weight: normal;
    text-decoration: none;
    color: #b2b2b2;
    font-size: 8pt;
    text-align: center;
}
.Div_Form {
    width: calc(100% - 42px);
    overflow: auto;
    border: 1px solid #dddfe2;
    border-radius: 4px;
    padding: 10px;
    background-color: #918f8f;
    margin: 10px;
}

.Div_Form_Status {
    width: calc(100% - 22px);
    overflow: auto;
    border: 1px solid #dddfe2;
    border-radius: 4px;
    padding: 10px;
    margin: 10px auto 10px auto;
}

 .Div_50_Footer{
            width:40%;
            overflow:auto;
            text-align:center;
            float:left;
	    padding:0px 5% 0 5%;
        }

.Div_100{
            width:100%;
            overflow:auto;
            text-align:center;
            float:left;
        }
        .Div_70{
            width:70%;
            overflow:auto;
            text-align:center;
            float:left;
        }
         .Div_50{
            width:50%;
            overflow:auto;
            text-align:center;
            float:left;
        }
         .Div_30{
            width:30%;
            overflow:auto;
            text-align:center;
            float:left;
        }
        .Div_20{
            width:20%;
            overflow:auto;
            text-align:center;
            float:left;
        }
         .Div_33{
            width:33.333%;
            overflow:auto;
            text-align:center;
            float:left;
        }
       .Thongtin_100_25
        {
            width:calc(100% - 10px);
            overflow:auto;
            margin-left:10px;
            margin-top:0px;
            margin-bottom:0px;
            border-radius:5px;
        }
.Thongtin_100 {
    width: 100%;
    overflow: auto;
    margin-left: 0px;
    margin-top: 0px;

}
.Thongtin {
    width: 90%;
    overflow: auto;
    margin-left: 5%;
    margin: 5px 5% 5px 5%;	

}
.Div15 {
    width: calc(16.666% - 22px);
    overflow: auto;
    background: #FFFFFF;
    border: 1px solid #dddfe2;
    border-radius: 4px;
    margin-left: 10px;
    margin-top: 0px;
    margin-bottom: 10px;
    float: left;
    padding: 5px;
}
.Div20
        {
            width:calc(20% - 22px);
            overflow:auto;
            background:#FFFFFF;
            border:1px solid #dddfe2;
            border-radius:4px;
            margin-left:10px;
            margin-top:0px;
            margin-bottom:10px;
            float:left; 
            padding:5px;
       }       
 .Div25
        {
            width:calc(25% - 22px);
            overflow:auto;
            background:#FFFFFF;
            border:1px solid #dddfe2;
            border-radius:4px;
            margin-left:10px;
            margin-top:0px;
            margin-bottom:10px;
            float:left; 
            padding:5px;
       }
        .Icons
        {
            width:100%;

        }
        /*Countdown*/
        .Div_Countdown{
             display: inline-block; 
             overflow:auto;
             float:none;
             margin: 0 auto;
             font-family: Roboto, Arial, Helvetica, sans-serif;
             text-align: center;
             font-size: 11pt;
             width:100%;
             min-height:100px;
            
         }
        .St_Countdown_text_head
        {
            font-family: Roboto,Arial, Helvetica, sans-serif;
            text-align: center;
            font-size: 26pt;
            color: #FFFFFF;
            font-weight: bold;
            margin-top: 15px;
            margin-bottom: 5px;
        }
        .St_Countdown_text
        {
            font-family: Roboto, Arial, Helvetica, sans-serif;
            text-align: center;
            font-size: 16pt;
            color: #FFFFFF;
            font-weight: bold;
            margin-top: 0px;
            margin-bottom: 5px;
        }
        .Div_Ngay{
             width:25%;
             padding-top:10px;
             padding-bottom:10px;
             overflow:auto;
             text-align:center;
             float:left;
             border-bottom:3px solid #FF0000;
         }
         .Div_Ngay_Bg{
             width:calc(100% - 20px);
             margin-left:10px;
             overflow:auto;
             float:none;
             border-radius:5px;
             background-color:#FF0000;
             color:#FFFFFF;
         }
           .Div_Countdown_p {
             margin:5px;
             margin-top:10px;
             font-family: Roboto, Arial, Helvetica, sans-serif;
             text-align: center;
             font-size: 12pt;
             }
           .Div_Thongke_p {
             margin:0px;
             font-family: Arial, Helvetica, sans-serif;
             text-align: center;
             font-size: 12pt;
             color:#FFFFFF;
             }
     
     
         /* Countdown - End*/
         /* MyGallery*/
         .Img_View
         {
             width:100%;
             max-width:400px;
             box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.19);
             margin-bottom:10px;

         }
          .Img_View_Ga
         {
            max-width: 90%;
            box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.19);
            margin-bottom:10px;
        }
           .Img_Caption
        {
            font-family: Arial, Helvetica, sans-serif;
            text-align: left;
            font-size: 11pt;
            color: #808080;
            font-weight:600;
            margin-left: 0px;
            margin-top: 10px;
            margin-bottom:5px;
        }
         .Div_thumb_Upload{
            width:calc(20% - 27px);
            overflow:auto;
            background:#FFFFFF;
            border:1px solid #dddfe2;
            border-radius:4px;
            margin-left:10px;
            margin-top:0px;
            margin-bottom:10px;
            float:left; 
            padding:5px;
         }
         .Div_thumb_Upload_Img
         {
             width:100%;
             overflow:auto;
             float:left;
             cursor:pointer;
         }

.Div_Upload_P_Caption {
    font-family: Arial, Helvetica, sans-serif;
    text-align: left;
    font-size: 11pt;
    color: #ffffff;
    font-weight: 500;
    margin-left: 10px;
    margin-top: 10px;
    margin-bottom: 5px;
   
}
.Div_Upload_P_Chude {
    font-family: Roboto, Arial, Helvetica, sans-serif;
    text-align: left;
    font-size: 11pt;
    font-weight:600;
    color: #FFFFFF;
    margin-left: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.Div_Upload_P {
    font-family: Arial, Helvetica, sans-serif;
    text-align: left;
    font-size: 10pt;
    color: #EEEEEE;
    font-weight: normal;
    margin-left: 20px;
    margin-bottom: 10px;
    margin-top: 5px;
}
         /* MyGallery - End*/
         /* footer */
.Footer {
    width: 100%;
    margin: 5% 0px 0px 0px;
    padding: 10px 0px 10px 0px;
    overflow: auto;
    border-top:solid 1px #f24e1e;
    
}
.Footer_D {
    width: 50%;
    margin: 5% 0px 5% 0px;
    padding: 0px;
    overflow: auto;
    float: left;
}

.Footer_D_30 {
    width: 30%;
    margin: 0px;
    padding: 0px;
    overflow: auto;
    float: left;
    text-align: right;
}
.Footer_D_30_Logo{
    width:40%;
    margin-right:10%;
}
.Footer_D_70 {
    width: 70%;
    margin: 0px;
    padding: 0px;
    overflow: auto;
    float: left;
}
.Footer_D_70_R {
    width: 80%;
    margin: 0px 0px 0px 20%;
    padding: 0px;
    overflow: auto;
    float: left;
}

.Footer_P {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    line-height: 150%;
    letter-spacing: 0.02em;
    color: #FFFFFF;
    text-align:left;
    margin:0px;
}
.Footer_P_D {
    font-family: Roboto;
    font-style: normal;
    font-size: 12px;
    line-height: 150%;
    letter-spacing: 0.02em;
    color: #FFFFFF;
    text-align: left;
    margin: 10px 0px 10px 0px;
}
.Footer_p_l_h {
    margin: 5px;
    font-family: Roboto;Arial, Helvetica, sans-serif;
    font-size: 14pt;
    font-weight:normal;
    color: #FFFFFF;
    text-align: left;
  line-height: 1.5;
}
.Footer_p_l a {
    margin: 5px;
    font-family: Roboto;
    Arial, Helvetica, sans-serif;
    font-size: 11pt;
    font-weight: normal;
    color: #FFFFFF;
    text-align: left;
    line-height: 1.5;
    text-decoration:none;
}
    .Footer_p_l a:hover {
        text-decoration: underline;
    }
.Footer_p_l {
    margin: 5px;
    font-family: Roboto;Arial, Helvetica, sans-serif;
    font-size: 11pt;
    font-weight: normal;
    color: #FFFFFF;
    text-align: left;
  line-height: 1.5;
}
         .Footer_p_r
         {
            margin:5px;
            font-family: Roboto;,Arial, Helvetica, sans-serif;
            font-size: 12pt;
            font-weight: normal;
	    line-height: 1.2;
            color: #FFFFFF;
            text-align:right;
	    line-height: 1.5;
            }
.newsletter {
    border-top: thin solid #e5e5e5;
    border-right: thin solid #e5e5e5;
    border-bottom: 0;
    border-left: thin solid #e5e5e5;
    box-shadow: 0px 1px 1px 1px #e5e5e5;
    float: left;
    height: 27px;
    margin: .8em 0 0 .5em;
    outline: 0;
    padding: .4em 0 .4em .6em;
    width: 60%;
    background: #f1f1f1;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.button-holder {
    background-color: #f1f1f1;
    border-top: thin solid #e5e5e5;
    box-shadow: 1px 1px 1px 1px #e5e5e5;
    cursor: pointer;
    float: left;
    height: 27px;
    margin: 11px 0 0 0;
    text-align: center;
    width: 27px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

    .button-holder img {
        margin: 4px;
        width: 20px;
    }
         /* Footer - End*/
/* Form*/
.Txt_box{
    border:solid 1px #000000;
    border-radius:6px;
    background-color:#FFFFFF;
    width:60%;
    height:30px;
}
/* Form e*/
        .modal {
        display: none; 
        position: fixed;
        z-index: 1; 
        padding-top: 0px; 
        left: 0;
        top: 0;
        width: 100%; 
        height: 100%; 
        overflow: auto;
        background-color: rgb(0,0,0); 
        background-color: rgba(0,0,0,0.4); 
}

/* Modal Content */
.modal-Ontop-50 {
    background-color: #fefefe;
    margin: 0 auto;
    padding: 5px;
    padding-top: 3px;
    border: 2px solid #707070;
    width: 50%;
    background-image: url("/Images/form_title.jpg");
    background-repeat: repeat-x;
    margin-top: 2%;
}
.modal-content-50 {
    background-color: #424242;
    margin: 0 auto;
    padding: 5px;
    padding-top: 3px;
    border: 2px solid #707070;
    width: 50%;
    background-image: url("/Images/form_title.jpg");
    background-repeat: repeat-x;
    margin-top: 10%;
}
.modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 5px;
    padding-top:3px;
    border: 2px solid #707070;
    width: 80%;
    background-image:url("/Images/form_title.jpg");
    background-repeat:repeat-x;
}
.modal-content-update {
    background-color: #ffffff;
    margin: auto;
    padding: 5px;
    padding-top: 3px;
    border: 2px solid #707070;
    width: 80%;
    margin-top: 5%;
    background-image: url("/Images/form_title_2.jpg");
    background-repeat: repeat-x;
}
.modal-Img_Gallery {
    background-color: #fefefe;
    margin: auto;
    padding: 5px;
    padding-top:3px;
    border: 2px solid #707070;
    width: 80%;
    margin-top:5%;
    background-image:url("/Images/form_title.jpg");
    background-repeat:repeat-x;
}
.modal-waiting {
    background-color: #fefefe;
    margin:auto auto;
    padding: 5px;
    padding-top:3px;
    border: 1px solid #707070;
    width: 60%;
    margin-top:15%;
}

/* The Close Button */
.close {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}
.P_Caption_Upload {
    font-family: Roboto, Arial, Helvetica, sans-serif;
    text-align: left;
    font-size: 12pt;
    font-weight: normal;
    color: #000000;
    margin-top: 5px;
    margin-bottom: 10px;
}
.title {
    font-family: Roboto, Arial, Helvetica, sans-serif;
    color: #000000;
    float: left;
    font-size: 18px;
    font-weight: 400;
    padding-left: 5px;
    margin-top: 5px;
    margin-bottom: 10px;
}
.Div_Box_P {
    width:calc(100% - 40px);
    padding:20px;
    overflow-y:auto;
    overflow-x:hidden;
    float:left;
    text-align:left;
}
.P_Detail {
     font-family: Arial, Helvetica, sans-serif;
     text-align: justify;
     font-size: 11pt;
     color:#505050;
     margin-top:5px;
     margin-bottom:10px;
}
.P_Msg {
    font-family: Roboto, Arial, Helvetica, sans-serif;
    text-align: justify;
    font-size: 11pt;
    color: #ffd800;
    margin-top: 5px;
    margin-bottom: 10px;
}
.P_Payment {
    font-family: Arial, Helvetica, sans-serif;
    text-align: left;
    font-size: 10pt;
    color: #888;
    margin-top: 5px;
    margin-bottom: 0px;
    margin-left:20px;
}
.P_PayCaption {
    font-family: Arial, Helvetica, sans-serif;
    text-align: left;
    font-size: 12pt;
    color: #505050;
    margin-top: 10px;
    margin-bottom: 5px;
    margin-left:10px;
}
.P_Caption_H {
    font-family: Roboto, Arial, Helvetica, sans-serif;
    text-align: center;
    font-size: 13pt;
    font-weight: bold;
    color: #000000;
    margin-top: 5px;
    margin-bottom: 20px;
}
.P_Caption {
    font-family: Roboto, Arial, Helvetica, sans-serif;
    text-align: left;
    font-size: 10pt;
    font-weight:bold;
    color: #FFFFFF;
    margin-top: 5px;
    margin-bottom: 0px;
}
.P_Caption_link {
    font-family: Roboto,Arial, Helvetica, sans-serif;
    text-align: left;
    font-size: 11pt;
    color: #000000;
    margin-top: 5px;
    margin-bottom: 0px;
    font-style: italic;
    cursor: pointer;
}

.P_Control {
     font-family: Arial, Helvetica, sans-serif;
     text-align: left;
     font-size: 12pt;
     color:#505050;
     margin-top:5px;
     margin-bottom:15px;
}

.St_Textbox_Main {
    border: 1px solid #909090;
    background: #f5f5f5;
    border-radius: 3px;
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12pt;
    height: 30px;
    width: calc(100% - 20px);
    padding-left: 0px;
    resize: none;
    padding-left: 10px;
}
.St_Select_Main {
    border: 1px solid #242424;
    background: #dddfe2;
    border-radius: 3px;
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12pt;
    height: 30px;
    padding-left: 0px;
    resize: none;
    padding-left: 10px;
    max-width: calc(100% - 20px);
}
.St_Button_2 {
    border: 1px solid #FFFFFF;
    border-radius: 3px;
    text-align: center;
    height: 33px;
    background: #FFFFFF;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    color: #F24E1E;
    padding-right: 15px;
    padding-left: 15px;
    min-width: 150px;

}
.St_Button_F {
    border: 1px solid #F24E1E;
    border-radius: 3px;
    text-align: center;
    height: 33px;
    background: #F24E1E;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    color: #FFFFFF;
    padding-right: 15px;
    padding-left: 15px;
    min-width: 50px;
    margin-right: 1px;
}

    .St_Button_F:hover {
        background: #F24E1E;
        color: #FFFFFF;
    }

    .St_Button_F:disabled {
        background: #FFFFFF;
        color: #000000;
    }

    .St_Button_F.disabled:hover {
        border: 1px solid #FFFFFF;
        text-align: center;
        background: #FFFFFF;
        color: #000000;
    }


.St_Button {
    border: 1px solid #eeeeee;
    border-radius: 3px;
    text-align: center;
    height: 33px;
    background: #F24E1E;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-size: 12pt;
    color: #FFFFFF;
    padding-right: 15px;
    padding-left: 15px;
    min-width: 100px;
    margin-right: 5px;
    transition: 1s ease;
}
    .St_Button:hover {
        background: #159600;
        color: #FFFFFF;
        border: 1px solid #eeeeee;
        transition: 1s ease;
    }
        .St_Button:disabled
        {
        	background:#FFFFFF;
           color: #000000;
        }
    .St_Button.disabled:hover {
        border: 1px solid #FFFFFF;
        text-align: center;
        background: #FFFFFF;
        color: #000000;
    }
          .Form_70{
            width:calc(70% - 20px);
            overflow:auto;
            text-align:center;
            float:left;
            padding-right:20px;
        }
         .Form_50{
            width:calc(50% - 20px);
            overflow:auto;
            text-align:center;
            float:left;
            padding-right:20px;
        }
        .Form_Pay50 {
             width: calc(50% - 20px);
             overflow: auto;
             text-align: center;
             float: left;
             padding-right: 20px;
            }
         .Form_30{
            width:calc(30% - 20px);
            overflow:auto;
            text-align:center;
            float:left;
            padding-right:20px;
            
        }
         .Div_Form_Tool {
            width:100%;
            overflow:auto;
            float:left;
            text-align:left;
            margin-top:10px;
            }
         .Div_MH{
            width:100%;
            overflow:auto;
            padding-top:0px;
            padding-bottom:0px;
            margin-bottom:5px;
       
}
/*form-end*/
/*Menu*/   
/*News*/

.St_News_div_main {
    width: calc(100% - 22px);
    width: -webkit-calc(100% - 22px);
    width: -moz-calc(100% - 22px);
    margin-bottom: 5px;
    margin-left: 10px;
    border: #CCCCCC 1px solid;
    overflow: auto;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 0px;
    background: #FFFFFF;
    border-radius: 3px;
}
.St_News_div_main_50
{
   width:calc(100% - 32px);
   width: -webkit-calc(100% - 32px);
   width: -moz-calc(100% - 32px);
   margin:10px;
   overflow:auto;
   padding-top:10px;
   padding-left:10px;
   padding-right:0px;
   /*background:#FFFFFF;
   border:#CCCCCC 1px solid;
   border-radius:3px;*/
   
}

.St_News_div
{
   width:calc(50% - 42px);
   width: -webkit-calc(50% - 42px);
   width: -moz-calc(50% - 42px);
   min-height:100px;
   margin:10px;
   float:left;
   overflow:auto;
   padding:10px;
   
}
.St_News_div_M {
    width: 90%;
    margin:auto;
    overflow: auto;
   }
.St_News_div_100
{
   width:calc(100% - 32px);
   width: -webkit-calc(100% - 32px);
   width: -moz-calc(100% - 32px);
   min-height:100px;
   margin:10px;
   float:left;
   overflow:auto;
   padding:10px;
   
}
.Div_Main_News {
    width: calc(100% - 52px);
    overflow: auto;
    border: 1px solid #dddfe2;
    border-radius: 4px;
    padding: 15px;
    background-color: #918f8f;
    margin: 10px 10px 20px 10px;
}
.Div_News_Detail_50 {
    width: calc(100% - 21px);
    border-right: solid 1px #EEEEEE;
    overflow: auto;
    text-align: left;
    float: left;
    padding: 10px;
}
.Div_Noidung
{
    width:100%;
    overflow:auto;
    float:left;
    margin:0px;
    padding:0px;
}
.News_title {
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
    float: left;
    font-size: 14px;
    font-weight:800;
    padding-left:0px;
    margin-top:10px;
    margin-bottom:10px;

  }
.St_img_Thumb_viewer
{
			border: 2px solid #E0E0E0;
        	padding:1px;
        	margin-right: 0px;
            border-radius: 2px;
            float:left; 
            margin-right:10px;
            margin-bottom:10px;
            width:100px;
			
}
.St_Intro_TT
        {
            text-align: left;
            margin-top: 10px;
            margin-bottom: 10px;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 10pt;
            font-weight: normal;
            color:#505050;
            margin-right:10px;
        }
.St_H_Title
        {
             margin:0px 0px 0px 0px;
             font-family: Arial, Helvetica, sans-serif;
             font-size: 11pt;
             color: #101010;
             font-weight: normal;
             text-align: left;
         }
/*News End*/
/*Status list*/
.St_Status_Ghichu {
    margin: 0px 0px 0px 0px;
    margin-top: 5px;
    margin-bottom: 5px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    color: #e1e1e1;
    font-weight: normal;
    text-align: right;
}
.St_C1 {border: 1px solid #808080; width:5%;}
.St_C2 {border-width: 1px; border-color: #808080; border-top-style: solid; border-right-style: solid; border-bottom-style: solid;width:35%;}
.St_C3 {border-width: 1px; border-color: #808080; border-top-style: solid; border-right-style: solid; border-bottom-style: solid;width:30%;}
.St_C4 {border-width: 1px; border-color: #808080; border-top-style: solid; border-right-style: solid; border-bottom-style: solid;width:10%;}
.St_C5 {border-width: 1px; border-color: #808080; border-top-style: solid; border-right-style: solid; border-bottom-style: solid;width:15%;}
.St_C4_N {border-width: 1px; border-color: #808080; border-top-style: solid; border-right-style: solid; border-bottom-style: solid;width:5%;}
.St_C1_N {border: 1px solid #808080; width:5%;}
.St_C2_N {border-width: 1px; border-color: #808080; border-top-style: solid; border-right-style: solid; border-bottom-style: solid;width:20%;}

.St_D1 {border-width: 1px; border-color: #808080; border-left-style: solid;border-right-style: solid; border-bottom-style: solid;}
.St_D2 {border-width: 1px; border-color: #808080; border-right-style: solid; border-bottom-style: solid;}
.St_D3 {border-width: 1px; border-color: #808080; border-right-style: solid; border-bottom-style: solid;}
.St_D4 {border-width: 1px; border-color: #808080; border-right-style: solid; border-bottom-style: solid;}
.St_D5 {border-width: 1px; border-color: #808080; border-right-style: solid; border-bottom-style: solid;}
.St_H {
    background: #666666;
}
.St_R {
    background: #b2b2b2;
}

    .St_R:hover {
        background: #949494;
    }


.ST_Status_Head {
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    font-size: 10pt;
    color: #FFFFFF;
    font-weight: bold;
    margin: 5px;
    
}     
.St_Detail_Status_C
{
            font-family: Roboto,Arial, Helvetica, sans-serif;
            text-align: center;
            font-size: 11pt;
            color: #ffffff;
            font-weight: normal;
            margin-top: 5px;
            margin-bottom: 5px; 
}
.St_Detail_Status_L
{
   font-family: Roboto,Arial, Helvetica, sans-serif;
            text-align: left;
            font-size: 11pt;
            color: #FFFFFF;
            font-weight: normal;
            margin-top: 5px;
            margin-bottom: 5px; 
            margin-left:5px;
}
.ST_Subject_H {
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-size: 18pt;
    color: #ffffff;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 5px;
    margin-right: 5px;
} 
 .search_box
{
            margin-bottom:20px;
            margin-top:20px;
            width:100%;
            overflow:auto;
}
 .St_Search_login
        {
        	border: 1px solid #E2E2E2;
        	border-radius:3px;
            width:35%;
        	text-align:left;
        	font-family: Arial, Helvetica, sans-serif;
            font-size: 11pt;
            height:30px;
            padding-left:10px;
            resize: none;
           }
  .St_BT_StrSearch
        {
        	border: 1px solid #FFFFFF;
        	border-radius:3px;
        	text-align:center;
        	height:33px;
        	background:#EEEEEE;
        	font-family: Arial, Helvetica, sans-serif;
            font-size: 12pt;
            color: #000000;
            padding-right:15px;
            padding-left:15px;
        }
            A.St_Trang {font-family: "Arial"; font-weight:normal;  text-decoration:none; font-size:10pt;padding: 4px 8px 4px 8px;margin: 2px;border: 1px solid #dfdfdf;color:#000;border-radius:3px; cursor:pointer; }
            A.St_Trang:hover {color:#FF0000;}
            A.St_Trang:visited {font-family: "Arial"; font-weight:normal; text-decoration:none; color:#000; font-size:8pt;}
            A.St_Trang:visited:hover {color:#FF0000;}
    
            .ST_TrangHT
            {
                font-family: "Arial"; font-weight:bold;  text-decoration:underline; font-size:10pt;padding: 4px 8px 4px 8px;margin: 2px;border: 1px solid #FF0000;color:#FFFFFF;border-radius:3px;background-color:#FF0000;     
            }
/*Status list - end */
        
/* Profile*/
            .St_Profile_div_main
                {
                width:calc(100% - 10px);
                width: -webkit-calc(100% - 10px);
                width: -moz-calc(100% - 10px);
                margin-left:10px;
                padding:0px;
                overflow:auto;
              
                }
.St_Profile_Icon_Active {
    width: calc(33.3% - 2px);
    float: left;
    overflow: auto;
    background-color: #FF0000;
    padding-top: 10px;
    padding-bottom: 10px;
    border-left: #e2b571 1px solid;
    border-right: #e2b571 1px solid;
    border-top: #e2b571 1px solid;
    border-bottom: #e2b571 1px solid;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
                .St_Profile_Icon_Active a {font-family: Roboto,"Arial"; font-weight:bold;  text-decoration:none; color:#FFFFFF; font-size:14pt;cursor:pointer}
                .St_Profile_Icon_Active a:hover {color:#FFFFFF;text-decoration:underline;}
                .St_Profile_Icon_Active a:visited {font-family: "Arial"; font-weight:bold; text-decoration:none; color:#FFFFFF;}
                .St_Profile_Icon_Active a:visited:hover {color:#FFFFFF;text-decoration:underline;}

            .St_Profile_Icon_Inactive
                {
                width:calc(33.3% - 2px);
                float:left;
                overflow:auto;
                background-color:#FFFFFF;
                padding-top:10px;
                padding-bottom:10px;
                border:#e2b571 1px solid;
                border-top-left-radius:3px;
                border-top-right-radius:3px;
                }
                .St_Profile_Icon_Inactive a {font-family: Roboto, "Arial"; font-weight:normal;  text-decoration:none; color:#FFFFFF; font-size:14pt;cursor:pointer}
                .St_Profile_Icon_Inactive a:hover {color:#FFFFFF;text-decoration:underline;}
                .St_Profile_Icon_Inactive a:visited {font-family: "Arial"; font-weight:normal; text-decoration:none; color:#FFFFFF;}
                .St_Profile_Icon_Inactive a:visited:hover {color:#FFFFFF;text-decoration:underline;}

.ST_Profile_Tab {
    width: calc(100% - 12px);
    overflow: auto;
    margin-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    float: left;
    border-left: #e2b571 1px solid;
    border-right: #e2b571 1px solid;
    border-bottom: #e2b571 1px solid;
    border-top: #e2b571 1px solid;

}
            .St_Profile_Tab_Header
                {
                font-family:Roboto, Arial, Helvetica, sans-serif;
                text-align: center;
                font-size: 10pt;
                color: #FFFFFF;
                font-weight: normal;
                margin-top: 5px;
                margin-bottom: 5px; 
                }
            .Profile_50
                {
                width:calc(90%);
                overflow:auto;
                text-align:center;
                float:left;
                padding:5%;
                }
          
            A.Profile_Tab_Menu_A {font-family: Roboto, "Arial"; font-weight:bold;  text-decoration:none; color:#888; font-size:11pt;cursor:pointer;}
            A.Profile_Tab_Menu_A:hover {color:#FF0000;text-decoration:underline;}
            A.Profile_Tab_Menu_A:visited {font-family: Roboto, "Arial"; font-weight:Bold; text-decoration:none; color:#888;}
            A.Profile_Tab_Menu_A:visited:hover {color:#FF0000;text-decoration:underline;}

/*Profile - End*/
/*Countdown*/
.Div_CDay{
    width:80px;
    height:120px;
    border-radius:10px;
    border: solid 1px #792c01;
    z-index:1000;
    float:left;
    margin:10px;
    
}
    .Div_CDay div {
        width: 74px;
        height: 114px;
        border-radius: 10px;
        border: solid 1px #792c01;
        margin: 2px auto;
        background-color: rgba(255, 255, 255, 0.5);
    }

.Div_CHour {
    width: 120px;
    height: 120px;
    border-radius: 60px;
    border: solid 1px #792c01;
    z-index: 1000;
    float: left;
    margin: 10px;
}

    .Div_CHour div {
        width: 114px;
        height: 114px;
        border-radius: 57px;
        border: solid 1px #792c01;
        margin: 2px auto;
        background-color: rgba(255, 255, 255, 0.5);
    }
.Div_CMinute {
    width: 120px;
    height: 120px;
    border-radius: 60px;
    border: solid 1px #792c01;
    z-index: 1000;
    float: left;
    margin: 10px;
}

    .Div_CMinute div {
        width: 114px;
        height: 114px;
        border-radius: 57px;
        border: solid 1px #792c01;
        margin: 2px auto;
        background-color: rgba(255, 255, 255, 0.5);
    }

.Div_CSecond {
    width: 120px;
    height: 120px;
    border-radius: 60px;
    border: solid 1px #792c01;
    z-index: 1000;
    float: left;
    margin: 10px;
}

    .Div_CSecond div {
        width: 114px;
        height: 114px;
        border-radius: 57px;
        border: solid 1px #792c01;
        margin: 2px auto;
        background-color: rgba(255, 255, 255, 0.5);
    }
.Div_CDay_p{
    font-size: 24pt;
    font-family: Roboto,'PT Sans', Arial, sans-serif;
    font-weight: normal;
    margin: 22px 0px 6px 0px;
    padding: 0px;
    text-align: center;
    color:#792c01;
}
.P_text {
    font-size: 16pt;
    font-family: Roboto,'PT Sans', Arial, sans-serif;
    font-weight: normal;
    margin: 6px 0px 6px 0px;
    padding: 0px;
    text-align: center;
    color:#792c01;
}
/*Coundown e*/
.ST_Menu_Top
{
	width: 100%;
	overflow:auto;
	padding-top:0px;
	padding-bottom:5px;
	float:left;
}
nav {
    height: 40px;
    width: 100%;
    background: #FFFFFF;


  
    font-size: 11pt;
    font-family: Roboto,'PT Sans', Arial, sans-serif;
    font-weight: normal;
    position: relative;
    top: 0px;
    position: fixed;
    border-bottom:solid 1px #dddfe2;
    text-align:center;
}  
    
    nav ul {  
        padding: 0;  
        margin: 0 auto;  
        width: 100%;
        height: 40px;  
           }  

    nav li {  
        display: inline;  
        float: center;  
    }  

    .clearfix:before,  
    .clearfix:after {  
        content: " ";  
        display: table;  
    }  
    .clearfix:after {  
        clear: both;  
    }  
    .clearfix {  
        *zoom: 1;  
    }  

    nav a {  
        color: #000000;  
        display: inline-block;  
        text-align: center;  
        text-decoration: none;  
        line-height: 40px;  
        padding-left:20px;
        padding-right:20px;
    }  

    nav li a {  
           box-sizing:border-box;  
        -moz-box-sizing:border-box;  
        -webkit-box-sizing:border-box;  
    }  
    
    nav li:last-child a {  
        border-right: 0;  
    }

nav a:hover, nav a:active {
    background-color: #dfdfdf;
    color: #000000;
}  

    nav a#pull {  
    display: none;  
	}   


header { 
  padding: .5vw;
  font-size: 0;
  display: -ms-flexbox;
  -ms-flex-wrap: wrap;
  -ms-flex-direction: column;
  -webkit-flex-flow: row wrap; 
  flex-flow: row wrap; 
  display: -webkit-box;
  display: flex;
}
header div { 
  -webkit-box-flex: auto;
  -ms-flex: auto;
  flex: auto; 
  width: 200px; 
  margin: .5vw; 
  
}
header div img { 
  width: 100%; 
  height: auto; 
  margin:auto auto;
  filter: brightness(100%);
  -webkit-filter: brightness(100%);
  -moz-filter: brightness(100%);
  -o-filter: brightness(100%);
  -ms-filter: brightness(100%);
  -moz-box-shadow: 0 0 1px 1px #888;
  -webkit-box-shadow: 0 0 1px 1px #888;
  box-shadow: 0 0 1px 1px #888;
  
 }
 header div img:hover { 
  width: 100%; 
  height: auto; 
  margin:auto auto;
  filter: brightness(120%);
  -webkit-filter: brightness(120%);
  -moz-filter: brightness(120%);
  -o-filter: brightness(120%);
  -ms-filter: brightness(120%);
   -moz-box-shadow: 0 0 1px 1px #101010;
  -webkit-box-shadow: 0 0 1px 1px #101010;
  box-shadow: 0 0 1px 1px #101010;
 }
 /*Menu-End*/
 /*Button*/
 .St_img
        {
            filter: brightness(100%);
            -webkit-filter: brightness(100%);
            -moz-filter: brightness(100%);
            -o-filter: brightness(100%);
            -ms-filter: brightness(100%);
            border:0px;
        }
        
.St_img:hover
        {
            filter: brightness(130%);
            -webkit-filter: brightness(130%);
            -moz-filter: brightness(130%);
            -o-filter: brightness(130%);
            -ms-filter: brightness(130%);
            border:0px;
            cursor:pointer;
            }
.St_img_qc
        {
            width:100%;
            filter: brightness(100%);
            -webkit-filter: brightness(100%);
            -moz-filter: brightness(100%);
            -o-filter: brightness(100%);
            -ms-filter: brightness(100%);
            border:0px;
        }
        
.St_img_qc:hover
        {
            width:100%;
            filter: brightness(80%);
            -webkit-filter: brightness(80%);
            -moz-filter: brightness(80%);
            -o-filter: brightness(80%);
            -ms-filter: brightness(80%);
            border:0px;
            cursor:pointer;
            }
 /*Button - End*/

@media screen and (min-width: 1366px)
{
    .Div_icon_left {
        position: fixed;
        top: 160px;
        width: calc((100% - 1024px)/2);
        right: 0px;
        overflow: auto;

      }
}


@media screen and (max-width: 1024px) {
    .Div_icon_left {
        display: none;
    }
}


 @media screen and (max-width: 900px) {
    .modal-content-50 {
        width: 80%;
    }

    .St_C2_N {
        width: 15%;
    }
    .St_QC_l {
        width: 100%;
        overflow: auto;
        display: none;
    }

    .St_QC_m {
        width: 100%;
        overflow: auto;
        display: none;
    }

    .St_QC_t {
        width: 100%;
        overflow: auto;
        display: block;
    }
}


@media screen and (max-width: 700px) {
.Div_Form_40_lg {
    width: 95%;
    overflow: auto;
    float: none;
    margin-left:5%;
    margin-bottom:30px;
display:none;
}
.Div_Form_60 {
    width: 90%;
    overflow: auto;
    margin:auto; 	
    float: none;
}

    .F_Head2 {
        font-size: 13px;
        
    }

    .St_QC_l {
        width: 100%;
        overflow: auto;
        display: none;
    }

    .St_QC_m {
        width: 100%;
        overflow: auto;
        display: block;
    }

    .St_QC_t {
        width: 100%;
        overflow: auto;
        display: none;
    }

    .Div_S1_Banner {
        display: none;
    }

    .Div_S2_Banner {
        width: 100%;
        overflow: auto;
        display: block;
    }

    .Coundown {
        display: none;
    }

    .Img_S3_1_R {
        width: 90%;
        margin-right: 0%;
        margin-left: 0%;
        margin: auto;
    }

    .Img_S3_1_L {
        width: 90%;
        margin-left: 0%;
        margin-right: 0%;
        padding: 0px;
        margin: auto;
    }

    .D_S9_50 {
        width: 100%;
    }

    .D_S2_50_1_T {
        width: 100%;
        margin-bottom: 40px;
    }

    .div_FT02 {
        display: block;
    }

    .Div25 {
        width: calc(50% - 22px);
    }

    .Div15 {
        width: calc(50% - 22px);
    }

    .Div20 {
        width: calc(50% - 22px);
    }

    .Div_50 {
        width: 100%;
        overflow: auto;
        text-align: center;
        float: left;
    }
    /*Form*/
    .Form_70 {
        width: 100%;
    }

    .Form_50 {
        width: 100%;
    }

    .Form_Pay50 {
        width: calc(100% - 50px);
        float: none;
        padding-left: 30px;
    }

    .Pay_button {
        background-image: url('/imagee/paypal.png');
        cursor: pointer;
    }

    .Form_30 {
        width: 100%;
    }

    .Div_33 {
        width: 100%;
    }
    /*Form - End*/
    /*Menu*/


    nav {
        height: auto;
        position: absolute;
    }

        nav ul {
            display: none;
            height: auto;
        }

        nav li {
            width: 50%;
            float: left;
            position: relative;
        }

            nav li a {
                border-bottom: 1px solid #576979;
                border-right: 1px solid #576979;
            }

        nav a {
            text-align: left;
            width: 100%;
            text-indent: 25px;
            padding-left: 0px;
            padding-right: 0px;
        }

    nav {
        border-bottom: 0;
    }

        nav a#pull {
            display: block;
            background-color: #053453;
            width: 100%;
            position: relative;
        }

            nav a#pull:after {
                content: "";
                background: url('/images/nav-icon.png') no-repeat;
                width: 30px;
                height: 30px;
                display: inline-block;
                position: absolute;
                right: 20px;
                top: 10px;
            }

    header {
        padding: .5vw;
        font-size: 0;
        display: -ms-flexbox;
        -ms-flex-wrap: wrap;
        -ms-flex-direction: column;
        -webkit-flex-flow: row wrap;
        flex-flow: row wrap;
        display: -webkit-box;
        display: flex;
    }

        header div {
            -webkit-box-flex: auto;
            -ms-flex: auto;
            flex: auto;
            width: 200px;
            margin: .5vw;
        }

            header div img {
                width: 100%;
                height: auto;
                margin: auto auto;
                filter: brightness(100%);
                -webkit-filter: brightness(100%);
                -moz-filter: brightness(100%);
                -o-filter: brightness(100%);
                -ms-filter: brightness(100%);
                -moz-box-shadow: 0 0 1px 1px #888;
                -webkit-box-shadow: 0 0 1px 1px #888;
                box-shadow: 0 0 1px 1px #888;
            }

                header div img:hover {
                    width: 100%;
                    height: auto;
                    margin: auto auto;
                    filter: brightness(120%);
                    -webkit-filter: brightness(120%);
                    -moz-filter: brightness(120%);
                    -o-filter: brightness(120%);
                    -ms-filter: brightness(120%);
                    -moz-box-shadow: 0 0 1px 1px #101010;
                    -webkit-box-shadow: 0 0 1px 1px #101010;
                    box-shadow: 0 0 1px 1px #101010;
                }
    /*Menu - End*/
    /*News*/
    .St_News_div {
        width: calc(100% - 32px);
        width: -webkit-calc(100% - 32px);
        width: -moz-calc(100% - 32px);
        min-height: 100px;
    }

    .Div_News_Detail_50 {
        width: calc(100% - 20px);
        border: 0px;
    }
    /*NewsEnd*/
    /*Footer*/
    .Footer_p_l {
        text-align: center;
    }

    .Footer_p_r {
        text-align: center;
    }
    /*Footer - End*/
    /*Profile*/
    .Profile_50 {
        width: calc(100% - 40px);
        overflow: auto;
        margin-left: 20px;
        float: left;
    }
    /*Profile - End*/
    /*Gallery*/
    .Div_thumb_Upload {
        width: calc(50% - 32px);
    }

    .modal-Img_Gallery {
        width: 95%;
    }
    /*Gallery - End*/
    .Div_Tool {
        width: calc(100% - 22px);
        overflow: auto;
        height: auto;
    }

        .Div_Tool img {
            width: 30%;
            overflow: auto;
            border: 0px;
            float: none;
            margin: 0px auto;
        }

    /*M*/
    .Div_S1_Bt {
        width: 90%;
        margin-top: 17%;
    }

    .S1_ND1_B2 {
        width: 80%;
        margin: 2% 15% 0px 10%;
    }

    .S1_ND1_B3 {
        margin: 0% 15% 0px 10%;
        overflow: auto;
    }

    .F_GT_H {
        font-size: 20px;
    }

    .St_f1_2 {
        font-size: 20px;
        line-height: 0%;
    }

    .St_f1_1 {
        font-family: Roboto;
        font-style: normal;
        font-weight: normal;
        font-size: 15px;
        line-height: 100%;
    }

    .D_S2_60_1 {
        width: 90%;
        float: none;
        padding: 5%;
        margin: 0px;
    }

    .D_S2_40_2 {
        width: 100%;
        float: none;
        padding: 0px;
    }

    .D_S2_50_1 {
        width: 100%;
        margin-bottom: 20px;
    }


    .D_S2_50_2_B {
        width: 100%;
        overflow: auto;
        border: 0px;
        float: left;
        margin: 0px 0px 0px 0px;
    }

    .D_S2_50_2 {
        width: 100%;
    }

    .F_ND_1 {
        margin: 10px 5% 10px 5%;
    }

    .D_S2_50_1_R {
        width: 90%;
        margin: 10%;
        overflow: auto;
    }

    .D_S2_50_2_QT_1 {
        display: none;
    }

    .D_S2_50_2_QT_2 {
        width: 100%;
        overflow: auto;
        float: left;
        margin: 0px;
        padding: 0px;
        display: block;
    }

    .D_S5_40_1 {
        width: 100%;
    }

    .D_S5_60_1 {
        width: 100%;
    }

    .D_S8_33 {
        width: 100%;
        overflow: auto;
        float: none;
    }

    .D_S8_33_img {
        width: 45%;
        text-align: left;
        float: left;
        background-color: #eeeeee;
        margin: 0px 0px 20px 0px;
        padding: 0px;
    }

    .D_S8_B {
        width: calc(55% - 23px);
        border-left: 0px;
        min-height: 160px;
        background-color: #FFFFFF;
        margin: 0px;
        float: left;
        padding: 0px 10px 10px 10px;
    }

    .Footer_D {
        width: 100%;
        margin: 5% 0px 5% 0px;
        padding: 0px;
        overflow: auto;
        float: left;
    }

    .F_Head_2 {
        font-weight: 900;
        font-size: 60px;
    }

    .F_ND_1 {
        font-size: 18px;
    }

    .F_ND_3 {
        font-size: 18px;
    }

    .D_S2_50_1_R {
        width: 90%;
        margin-left: 10%;
        overflow: auto;
    }

    /*M-E*/
    .D_S2_100 {
        width: 100%;
        overflow: auto;
        height: auto;
        float: none;
        /* background-color: #FFFFFF;*/
        margin: 0px;
        display:block;
        flex-direction:unset;
     
    }

    .D_S2_100_1 {
        width: 80%;
        overflow: auto;
        height: auto;
        float: none;
        margin: auto;
        display: block;
    }

    .D_S2_33_2 {
        width: 100%;
    }

    .Baiviet_50 {
        width: 96%;
        overflow: auto;
        height: auto;
        float: none;
        margin: 0px;
        text-align: justify;
        padding: 2%;
    }

    .Top_Logo {
        display: none;
    }

    .Div_30_fix {
        width: calc(90% - 20px);
        float: none;
        overflow:auto;
        height:auto;
        margin:auto;
        padding-top:5%;

    }
    .Div_100_H_fix {
        width:calc(90% - 4px);
        overflow: hidden;
        float: none;
        overflow:auto;
        margin:auto;
      
        /*background: #AA0000;*/
        
    }
    .Div_100_V_fix {
        width: calc(100% - 20px);
        
    }
    .Div_50_Footer {
        width: 90%;
        overflow: auto;
        text-align: center;
        float: left;
        padding: 0px 5% 0 5%;
    }

    .Footer_D_30 {
        width: 100%;
        margin: 0px;
        padding: 0px;
        overflow: auto;
        float: left;
        text-align: right;
    }

    .Footer_D_70 {
        width: 100%;
        margin: 0px;
        padding: 0px;
        overflow: auto;
        float: left;
    }
    .Div_30_V_fix {
        width: calc(100% - 20px);
        float: none;
    }
    .Div_30_VP {
        width: 100%;
        float: none;
        overflow: auto;
        transition: 1s ease;
        position: relative;
    }
    .Div_50_dl {
        width: calc(100% - 20px);
       
    }
                .St_Profile_Icon_Active a {font-family: Roboto,"Arial"; font-weight:bold;  text-decoration:none; color:#FFFFFF; font-size:11pt;cursor:pointer}
                .St_Profile_Icon_Active a:hover {color:#FFFFFF;text-decoration:underline;}
                .St_Profile_Icon_Active a:visited {font-family: "Arial"; font-weight:bold; text-decoration:none; color:#FFFFFF;}
                .St_Profile_Icon_Active a:visited:hover {color:#FFFFFF;text-decoration:underline;}

           
                .St_Profile_Icon_Inactive a {font-family: Roboto, "Arial"; font-weight:normal;  text-decoration:none; color:#FFFFFF; font-size:11pt;cursor:pointer}
                .St_Profile_Icon_Inactive a:hover {color:#FFFFFF;text-decoration:underline;}
                .St_Profile_Icon_Inactive a:visited {font-family: "Arial"; font-weight:normal; text-decoration:none; color:#FFFFFF;}
                .St_Profile_Icon_Inactive a:visited:hover {color:#FFFFFF;text-decoration:underline;}

    .Footer_p_l_h {
        text-align: center;
     
    }
}

  
     
 @media screen and (max-width: 400px) {
  
}