body {
    text-align: center;
    width: 100%;
    margin: 0px;
    background: #eeeeee;
}
        #wrapper {
                width: 100%;
                margin:40px 0px  0px 0px;
                text-align: left;
                background:#E0E0E0;
                overflow:auto;
                padding-bottom:10px;
                border-bottom:solid 2px #CECECE;
                }
          #wrapper_mark {
                width: 100%;
                margin:10px 0px  0px 0px;
                text-align: left;
                overflow:auto;
                }
.Show_msg{
    position:fixed;
    top:50%;
    left:50%;
    overflow:auto;
    z-index:1000;
}
.span_C {
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    font-size: 9pt;
    color: #d8ff00;
    font-weight: bold;
}
    .Show_msg p {
        font-family: Arial, Helvetica, sans-serif;
        text-align: center;
        font-size: 30pt;
        color: #FFFFFF;
        font-weight: 700;
        text-decoration: none;
        -webkit-text-stroke: 1px black;
        color: white;
        text-shadow: 3px 3px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
    }

.Link_Icon {
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    font-size: 13pt;
    color: #FFFFFF;
    font-weight: 700;
    text-decoration: none;
}
.Link_Icon:hover {
    color: #FF0000;
}
.Div_pgh {
    
    padding: 0px;
    float: left;
    overflow:auto;
}
.Div_pga {
     height:3px;
     background-color:#FF0000;
     float:left;
     margin:15px 10px 0px 10px;
        }

.Span_Check {
    font-family: Arial, Helvetica, sans-serif;
    text-align: right;
    font-size: 13pt;
    color: #00d154;
    font-weight: 700;
}
.Div_pgb {
    height: 3px;
    background-color: #015bf9;
    padding: 0px;
    float: left;
}
.Div_Tools_Right {
    width: auto;
    position: fixed;
    overflow: auto;
    right: 10px;
    top: 30px;

}
    .Div_Tools_Right p {
        font-family: Arial, Helvetica, sans-serif;
        text-align: right;
        font-size: 9pt;
        color: #FFFFFF;
        font-weight: normal;
        margin: 5px;
        padding: 10px;
    }

.Div_Tools_Left{
    width:auto;
    position:fixed;
    overflow:auto;
    left:0px;
    top:30px;
  }
    .Div_Tools_Left p {
        font-family: Arial, Helvetica, sans-serif;
        text-align: left;
        font-size: 9pt;
        color: #FFFFFF;
        font-weight: normal;
        margin: 5px;
        padding:10px;
    }
      
.Div_Tools_Left_Icon {
    width: 40px;
    height: 40px;
    background-color: #FF0000;
    padding:3px 5px 3px 5px;
    overflow:hidden;
}
.Div_Tools_Left_Icon_2 {
    width: 40px;
    height: 40px;
    background-color: #025bfe;
    padding: 3px 5px 3px 5px;
    overflow: hidden;
}
.Div_Tools_Left_Icon_3 {
    width: 40px;
    height: 40px;
    background-color: #00d154;
    padding: 3px 5px 3px 5px;
    overflow: hidden;
}
.Div_Tools_Right_span {
    font-family: Arial, Helvetica, sans-serif;
    text-align: left;
    font-size: 9pt;
    color: #FFFFFF;
    font-weight: normal;
    padding: 10px 10px 10px 0px;
    text-decoration: none;
}
    .Div_Tools_Right_span:hover {
        color: #fed202;
        cursor: pointer;
        text-decoration: underline;
    }
.Div_Tools_Left_span {
    font-family: Arial, Helvetica, sans-serif;
    text-align: left;
    font-size: 9pt;
    color: #FFFFFF;
    font-weight: normal;
    padding: 10px;
    text-decoration:none;
}
    .Div_Tools_Left_span:hover {
        color: #fed202;
        cursor: pointer;
        text-decoration: underline;
    }
 .T_img {
    margin: 0px 0px 10px 0px;
}
    .Div_tiendo {
        display: none;
    }        
         #n1
         {
             display:none;
         }
         #n2
         {
             display:block;
         }
        .banner
        {
            margin-bottom:0px;
            content:url('/Data/Banner/banner.jpg');
            width:100%;
            overflow:auto;
        }
        .banner_vn
        {
            margin-bottom:0px;
            content:url('/Data/Banner/banner_vn.jpg');
            width:100%;
            overflow:auto;
        }
        .Div_pg
        {
            width:95%;
            height:30px;
            background-color:Red;
            padding:0px;
            
        }
         .Div_spg
        {
            height:30px;
            background-color:Blue;
            margin:0px;
        }
            .Div_msg_box
        {
            width:calc(100% - 30px);
            margin-right:10px;
            margin-top:10px;
            margin-bottom:10px;
            overflow:auto;
            border: 1px solid #AAAAAA;
        	border-radius:3px;
        	padding-left:10px;
        	padding-right:10px;
        	padding-top:5px;
        	padding-bottom:5px;
        	
            
        }
.St_Col_C
{
     font-family:Arial, Helvetica, sans-serif;
     text-align: center;
     font-size: 10pt;
     color: #555555;
     font-weight: normal;
     margin:5px;
}
.St_Col_L
{
     font-family:Arial, Helvetica, sans-serif;
     text-align: left;
     font-size: 10pt;
     color: #555555;
     font-weight: normal;
     margin:5px;
}
 .img_v
 {
     width:100%;
     padding-top:40px;
     padding-bottom:30px;
     overflow:auto;
     margin:auto auto;
      }  
.ST_Countdown
{
    width: 100%;
   	overflow:auto;
	padding-top:10px;
	padding-bottom:10px;
	background:#3180c2;
	float:left;
	margin:0px;
    
}
.ST_Countdown_left
{
    width:30%;
    float:left;
    overflow:auto;
 }
.ST_Countdown_right
{
    width:70%;
    float:left;
    overflow:auto;
}
.St_Countdown_text
{
     font-family: 'Open Sans Condensed',Arial, Helvetica, sans-serif;
     text-align: center;
     font-size: 26pt;
     color: #555555;
     font-weight: normal;
     margin-top: 0px;
     margin-bottom: 5px;
}
.St_Countdown_text_head
{
     font-family: Arial, Helvetica, sans-serif;
     text-align: center;
     font-size: 14pt;
     color: #555555;
     font-weight: normal;
     margin-top: 5px;
     margin-bottom: 5px;
}
.St_text_msgbox
{
     font-family: Arial, Helvetica, sans-serif;
     text-align: center;
     font-size: 14pt;
     color: #555555;
     font-weight: normal;
     margin-top: 15px;
     margin-bottom: 15px;
}
                    
       .ST_Subject_Photo_No_Upload_2
{
	
	float:left;
	position:relative;
    text-align:center; 
    background:#E0E0E0;
    /*width:202px;
    height:302px;*/
    margin-right:0px;
    overflow:hidden; 
    border: 1px solid #FFFFFF;
}
       .St_img_Thumb_Porfolios
        {
        	margin-right: 0px;
            height:200px;
            background:#FFFFFF;
            -webkit-transition: all 0.7s ease;
			transition: all 0.7s ease;
			           
          }

.Div_Caption_B
{
    width:100%;
    height:auto;
    float:none;
    background-image: url('/images/bg_caption.png'); 
    background-repeat: repeat;
    position:absolute;
    bottom:0px;

}
  .Div_Portfolios_des
  {
      width:74%;
      overflow:auto;
      background:#EEEEEE;
      margin-top:30px;
      margin-bottom:150px;
      margin-left:15%;
  }    
  .Div_Portfolios_des p
  {
       font-family: Arial, Helvetica, sans-serif;
       text-align: left;
       font-size: 12pt;
       color: #000000;
       margin:10px;
       
  }

.Div_Caption_B2
{
    width:100%;
    height:auto;
    position:absolute;
    bottom:0px;
       
}
.Div_Caption_B p
{
    font-size: 10pt;  
    font-family: 'PT Sans', Arial, sans-serif;  
    margin-top:3px;
    margin-bottom:3px;
    margin-left:5px;
    text-align:left;
    color: #000000;
}

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

A.SP_Main {font-family: "Arial"; font-weight:bold;  text-decoration:none; color:#101010; font-size:10pt;}
A.SP_Main:hover {color:#FF0000;text-decoration:underline;}
A.SP_Main:visited {font-family: "Arial"; font-weight:bold; text-decoration:none; color:#101010; font-size:10pt;}
A.SP_Main:visited:hover {color:#FF0000;text-decoration:underline;}


A.link_page {font-family: "Arial"; font-weight:bold;  text-decoration:none; color:#FF0000; font-size:12pt;}
A.link_page:hover {color:#0000FF;}
A.link_page:visited {font-family: "Arial"; font-weight:bold; text-decoration:none; color:#FF0000; font-size:12pt;}
A.link_page:visited:hover {color:#0000FF;}

A.link {font-family: "Arial"; font-weight:normal;  text-decoration:none; color:#101010; font-size:10pt;}
A.link:hover {color:#FFFFFF;}
A.link:visited {font-family: "Arial"; font-weight:normal; text-decoration:none; color:#101010; font-size:10pt;}
A.link:visited:hover {color:#FFFFFF;}

A.Tacgia {font-family: "Arial"; font-weight:normal;  text-decoration:none; color:#000000; font-size:10pt;}
A.Tacgia:hover {color:#0000FF;}
A.Tacgia:visited {font-family: "Arial"; font-weight:normal; text-decoration:none; color:#000000; font-size:10pt;}
A.Tacgia:visited:hover {color:#0000FF;}

A.Menu {font-family: "Arial"; font-weight:normal;  text-decoration:none; color:#FFFFFF; font-size:10pt;}
A.Menu:hover {color:#FFFFFF;}
A.Menu:visited {font-family: "Arial"; font-weight:normal; text-decoration:none; color:#FFFFFF; font-size:10pt;}
A.Menu:visited:hover {color:#FFFFFF;}

A.Menu_R {font-family: "Arial"; font-weight:normal;  text-decoration:none; color:#FF0000; font-size:10pt;}
A.Menu_R:hover {color:#AAAAAA;}
A.Menu_R:visited {font-family: "Arial"; font-weight:normal; text-decoration:none; color:#FF0000; font-size:10pt;}
A.Menu_R:visited:hover {color:#AAAAAA;}


A.MenuM {font-family: "Arial"; font-weight:nomal;  text-decoration:none; color:#101010; font-size:10pt;}
A.MenuM:hover {color:#FF0000;text-decoration:none; }
A.MenuM:visited {font-family: "Arial"; font-weight:nomal; text-decoration:none; color:#101010; font-size:10pt;}
A.MenuM:visited:hover {color:#FF0000;}

A.MenuS {font-family: "Arial"; font-weight:Normal;  text-decoration:none; color:#000000; font-size:9pt;}
A.MenuS:hover {color:#0000FF;text-decoration: underline}
A.MenuS:visited {font-family: "Arial"; font-weight:Normal; text-decoration:none; color:#000000; font-size:9pt;}
A.MenuS:visited:hover {color:#0000FF;text-decoration: underline}

A.Gallery {font-family: "Arial"; font-weight:bold;  text-decoration:none; color:#FFFFFF; font-size:8pt;}
A.Gallery:hover {color:#FF0000;font-weight:bold;text-decoration: underline}
A.Gallery:visited {font-family: "Arial"; font-weight:bold; text-decoration:none; color:#FFFFFF; font-size:8pt;}
A.Gallery:visited:hover {color:#FF0000;font-weight:bold; text-decoration: underline}


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

A.St_in {font-family: "Arial"; font-weight:normal;  text-decoration:none; color:#666666; font-size:8pt;}
A.St_in:hover {color:#FFFFFF;}
A.St_in:visited {font-family: "Arial"; font-weight:normal; text-decoration:none; color:#666666; font-size:8pt;}
A.St_in:visited:hover {color:#FFFFFF;}

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

A.Link_Back {font-family: "Arial"; font-weight:normal;  text-decoration:none; color:#FFFFFF; font-size:10pt;}
A.Link_Back:hover {color:#FF0000;}
A.Link_Back:visited {font-family: "Arial"; font-weight:normal; text-decoration:none; color:#FFFFFF; font-size:10pt;}
A.Link_Back:visited:hover {color:#FF0000;}


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;}
A.St_Trang:hover {color:#FF0000;}
A.St_Trang:visited {font-family: "Arial"; font-weight:normal; text-decoration:none; color:#color:#000;; font-size:8pt;}
A.St_Trang:visited:hover {color:#FF0000;}
.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:20%;}
.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:5%;}
.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;}

.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black; 
}

/* Tooltip text */
.tooltip .tooltiptext 
{
    font-family: "Arial"; font-weight:normal; text-decoration:none; font-size:10pt;
    visibility: hidden;
    min-width: 150px;
    background-color:#ffefa2;
    color: #585858;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
 
    /* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 1;
    top: 25px;
    right: 105%; 
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
    visibility: visible;
}
.St_Detail_Status_C
{
            font-family: Arial, Helvetica, sans-serif;
            text-align: center;
            font-size: 10pt;
            color: #000000;
            font-weight: normal;
            margin-top: 5px;
            margin-bottom: 5px; 
}
.St_Detail_Status_L
{
   font-family: Arial, Helvetica, sans-serif;
            text-align: left;
            font-size: 10pt;
            color: #000000;
            font-weight: normal;
            margin-top: 5px;
            margin-bottom: 5px; 
            margin-left:5px;
}

.ST_Status_Head
        {
            font-family: Arial, Helvetica, sans-serif;
            text-align: center;
            font-size: 10pt;
            color: #000000;
            font-weight: bold;
            margin-top: 5px;
            margin-bottom: 5px;
            }     
           
.search_box
{
    margin-bottom:20px;
    margin-top:20px;
    width:100%;
    overflow:auto;
}
.st_row
{
    background-color:transparent;
}
.st_row:hover
{
    background-color:#b2b0ff;
}
.div_Page
{
    width:100%; 
    overflow:auto;
    background-color: #E2E2E2;
 }
 .Div_Detail_Page
 {
     width: calc(100% - 40px);
     width: -webkit-calc(100% - 40px);
     width: -moz-calc(100% - 40px);
     overflow:auto;
     padding:20px;
   }
 .Div_Img_Upload
{
    margin-top:20px;
    margin-right:20px;
    margin-bottom:20px; 
    margin-left:30px;
    width:242px;
    float:left;
    overflow:auto;
    height: 338px;
  
   
}
.Div_Back
{
    width:100%; 
    overflow:auto;
}
.Div_T_Cmd
{
  height:27px;
  padding-left:10px;
  padding-right:10px;
  padding-bottom:0px;
  padding-top:0px;
  overflow:auto;
  float:left;
 
}
.Upload_Left
{
    width:calc(40% - 20px);
    width: -webkit-calc(40% - 20px);
    width: -moz-calc(40% - 20px);
    overflow:auto;
    float:left;
    margin-left:10px;
    margin-right:10px;
              
}
.Upload_Right
{
    width:calc(60% - 10px);
    width: -webkit-calc(60% - 10px);
    width: -moz-calc(60% - 10px);
    overflow:auto;
    float:left;
    margin-right:10px;
              
}
.div_upload_main
{
    width:90%;
    height:130px;
    margin:30px  auto;
    overflow:hidden;
}
.div_upload_control
{
    width:17%;
    height:130px;
    overflow:auto;
    float:left;
}
.div_Upload_Plus
{
    width:4%;
    height:130px;
    float:left;
    background-image: url('/Images/plus.png'); 
    background-repeat: no-repeat; 
    background-position: center center;
    background-size:100%;
 }
 .St_img_gallery
 {
     height:150px;
     
 }
.div_Upload_Title
{
    width:calc(55% - 4px);
    width:-webkit-calc(55% - 4px);
    width:-moz-calc(55% - 4px);
    height:126px;
    overflow: hidden;
    float:left;
    background-image: url('/Images/number_2.png'); 
    background-repeat: no-repeat; 
    background-position: center 8px;
    border: 2px solid #FFFFFF;
    background-color: #D2D2FF;
    color: #0171bb;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}

.div_upload_Title_Control
    {
        width:90%;
        overflow: hidden ;
        margin: 30px auto;
        text-align:left;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        color:#404040;
    
    }
 .div_upload_Section
{
   width:calc(20% - 4px);
    width:-webkit-calc(20% - 4px);
    width:-moz-calc(20% - 4px);
    height:126px;
    overflow: hidden;
    float:left;
    background-image: url('/Images/number_3.png'); 
    background-repeat: no-repeat; 
    background-position: center 8px;
    border: 2px solid #FFFFFF;
    background-color: #D2D2FF;
    color: #0171bb;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    text-align:center;
}
 .St_Textbox_Upload
        {
        	border: 2px solid #E2E2E2;
        	border-radius:3px;
            width:calc(100% -  12px);
        	text-align:left;
        	font-family: Arial, Helvetica, sans-serif;
            font-size: 12pt;
            height:30px;
            padding-left:10px;
            resize: none;
            color:#404040;
           }
.div_Upload_Submit
{
    width:calc(20% - 4px);
    width:-webkit-calc(20% - 4px);
    width:-moz-calc(20% - 4px);
    height:calc(100% - 4px);
    height:-webkit-calc(100% - 4px);
    height:-moz-calc(100% - 4px);
    overflow: hidden;
    float:left;
       
}	
.St_Upload_Step
{
   text-align:center;
}
.file-upload 
{
    width:calc(100% - 4px);
    width:-webkit-calc(100% - 4px);
    width:-moz-calc(100% - 4px);
    height:calc(100% - 59px);
    height:-webkit-calc(100% - 59px);
    height:-moz-calc(100% - 59px);
    display: inline-block;
    overflow: hidden;
    text-align: center;
    padding-top:55px;
    vertical-align: middle;
    font-family: Arial;
    font-size: 12pt;
    color:#404040;
    border: 2px solid #FFFFFF;
    background-color: #D2D2FF;
    border-radius: 6px;
    -moz-border-radius: 6px;
    cursor: pointer;
    -webkit-border-radius: 6px;
    background-image: url('/Images/number_1.png'); 
    background-repeat: no-repeat; 
    background-position: center 8px; 
     }
.file-upload:hover 
{
    background-position: center -119px; 
   
}
.Title_Upload
{
    width:400px;
    height:120px;
}

.file-upload input {
    top: 0;
    left: 0;
    margin: 0;
    width:0px;
    font-size: 11px;
    font-weight: bold;
    opacity: 0;
    filter: alpha(opacity=0);
}
.Div_Img_Upload_View
{
    margin-top:20px;
    margin-left:0px;
    margin-right:00px;
    margin-bottom:20px;
    text-align: center;
    width:100%;
    float:left;
    overflow:auto;
    border-radius:3px;
    
}
.Img_Upload
{
    margin:10px;
    width:60%;
    padding:2px;
    border: 1px solid #AAAAAA;
   -moz-box-shadow: 0 0 1px 1px #888;
    -webkit-box-shadow: 0 0 1px 1px #888;
    box-shadow: 0 0 1px 1px #888;
}

.Div_Img_Upload_Info
{
    margin-top:20px;
    margin-left:0px;
    margin-right:10px;
    margin-bottom:20px;
    text-align: left;
    width:293px;
    float:left;
    overflow:auto;
    height: 266px;
}
.ST_Title_Tool
{
    margin-top:5px;
    margin-bottom:0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: bold;
    color: #000000;
}     
.ST_Thongke
{
    margin: 10px 0px  20px 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11pt;
    font-weight: normal;
    color: #555555;
    text-align:center;
    
}     
.ST_Title
{
    margin: 10px 0px 5px 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: normal;
    color: #000000;
}     
.SP_Subject {font-family: "Arial"; font-weight:bold;  text-decoration:none; color:#101010; font-size:10pt;}
.ST_TrangBT
 {
    font-family: "Arial"; font-weight:normal;  text-decoration:none; font-weight:bold; font-size:10pt;padding: 2px 4px 2px 4px;margin: 2px;border: 1px solid #dfdfdf;color:#FF0000;border-radius:3px; text-align:center;     
 }
 .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;     
 }
.ST_Order_Link
        {
            margin: 5px;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 10pt;
            color: #000000;
          
}  
 .ST_Time_Head
        {
            font-family: Arial, Helvetica, sans-serif;
            text-align: center;
            font-size: 14pt;
            color: #AAAAAA;
            font-weight: bold;
            margin-top: 0px;
            margin-bottom: 0px;
            margin-left:10px;
            
        }     
.ST_Time_Num
        {
            font-family: Arial, Helvetica, sans-serif;
            text-align: left;
            font-size: 12pt;
            color: #AAAAAA;
            font-weight: bold;
            margin: 0px;
            
            
        }     
 .ST_Subject
        {
            font-family: Arial, Helvetica, sans-serif;
            text-align: left;
            font-size: 10pt;
            color: #000000;
            font-weight: normal;
            margin-top: 5px;
            margin-bottom: 5px;
            margin-left:10px;
        }     

.ST_Chuyende
        {
            font-family: Arial, Helvetica, sans-serif;
            text-align: left;
            font-size: 10pt;
            color: #505050;
            font-weight: bold  ;
            margin-top: 0px;
            margin-bottom: 0px;
            margin-right:10px;
            
        }     
.ST_thongtin
        {
            margin: 5px 10px;
			font-family: Arial;
			font-size: 10pt;
            color: #000000;
            text-align:left;
            }     
.ST_Bookmarked
        {
            margin: 5px 0px;
			font-family: Arial;
			font-size: 10pt;
            color: #FF0000;
            text-align:left;
            }     

 .ST_Order_Head
        {
            margin: 5px 10px 10px 0px;
			font-family: Arial;
			font-size: 10pt;
            color: #000000;
            text-align:left;
            }                
.ST_Mota_Boanh
        {
            font-family: Arial, Helvetica, sans-serif;
        
            font-size: 10pt;
            color: #000000;
            font-weight: normal;
            margin-top: 0px;
            margin-bottom: 5px;
            margin-left:10px;
            margin-right:10px;
        }     
.ST_Caption_Thumb
        {
            font-family: Arial, Helvetica, sans-serif;
            font-size: 10pt;
            color: #666666;
            font-weight: bold ;
            margin-top: 2px;
            margin-bottom: 2px;
            margin-left:5px;
            margin-right:0px;
        }         
.ST_Caption_Thumb_Red
        {
            font-family: Arial, Helvetica, sans-serif;
            font-size: 11pt;
            color: #707070;
            font-weight: normal;
            margin-top: 0px;
            margin-bottom: 2px;
            margin-left:5px;
            margin-right:5px;
        }         
.ST_Caption_Thumb_ketqua
        {
            font-family: Arial, Helvetica, sans-serif;
            font-size: 14pt;
            color: #FFFFFF;
            font-weight: normal;
            margin-top: 2px;
            margin-bottom: 2px;
            margin-left:15px;
            margin-right:5px;
        }     
.ST_Text_Msg
        {
            font-family: Arial, Helvetica, sans-serif;
            font-size: 14pt;
            color: #FFFFFF;
            font-weight: normal;
            margin-top: 2px;
            margin-bottom: 2px;
            margin-left:15px;
            margin-right:5px;
        }     

.ST_Tacgia_show
        {
            font-family: Arial, Helvetica, sans-serif;
            font-size: 9pt;
            color: #000000;
            font-weight: normal;
            margin-top: 0px;
            margin-bottom: 0px;
            margin-left:5px;
            margin-right:5px;
        }     
.ST_Tacgia
        {
            margin: 10px 5px;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 9pt;
            color: #000000;
            height: 15px;
}     
.ST_Tacgia_Title
        {
            margin:0px;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 9pt;
            color: #000000;
            }     
.ST_Thongtin
        {
            margin: 5px 0px 5px 0px;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 10pt;
            font-weight: normal;
            color: #000000;
            }     
        .ST_Theloai
        {
            margin: 0px;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 8pt;
            font-weight: bold;
            color: #FF0000;
            }     
        .St_Control
        {
            font-family: Arial, Helvetica, sans-serif;
            font-size: 10pt;
            color: #000000;
            font-weight: bold;
            margin-top: 10px;
            margin-bottom: 10px;
            margin-left:5px;
            margin-right:5px;
            text-align:center;
        }
        .St_Control:hover
        {
            font-family: Arial, Helvetica, sans-serif;
            font-size: 10pt;
            color: #FF0000;
            font-weight: bold;
            margin-top: 10px;
            margin-bottom: 10px;
            margin-left:5px;
            margin-right:5px;
            text-align:center;
        }
        
        .ST_Tacgia2
        {
            font-family: Arial, Helvetica, sans-serif;
            font-size: 10pt;
            color: #000000;
            font-weight: normal;
            margin-top: 5px;
            margin-bottom: 5px;
            margin-left:5px;
            margin-right:5px;
        }     
        .ST_Time
        {
            font-family: Tahoma, Arial, Helvetica, sans-serif;
            font-size: 10pt;
            color: #656565;
            font-weight: normal;
            margin-top: 5px;
            margin-bottom: 5px;
            margin-left:5px;
            margin-right:10px;
            text-align:right;
            
        }     
        .ST_Subject_H
        {
            font-family: Arial, Helvetica, sans-serif;
            font-size: 12pt;
            color: #000000;
            font-weight: bold;
            margin-top: 5px;
            margin-bottom: 5px;
            margin-left:5px;
            margin-right:5px;
        }  
        .ST_Subject_Img_H
        {
            font-family: Arial, Helvetica, sans-serif;
            font-size: 10pt;
            color: #000000;
            font-weight: bold;
            margin-top: 5px;
            margin-bottom: 5px;
            margin-left:5px;
            margin-right:5px;
        }  
          .ST_Subject_Des
        {
            font-family: Arial, Helvetica, sans-serif;
            font-size: 10pt;
            color: #000000;
            font-style: italic;
            margin-top: 5px;
            margin-bottom: 5px;
            margin-left:5px;
            margin-right:5px;
        }     
       
        .ST_Head_Tool
        {
            font-famSt_box_orderily: Arial, Helvetica, sans-serif;
            text-align: left;
            font-size: 9pt;
            color: #8F8F8F;
            margin: 0px;
        }
        .St_box__Update
        {
        	width:calc(100% - 17px);
        	width:-webkit-calc(100% - 17px);
            width:-moz-calc(100% - 17px);
        	text-align:left;
        	padding-left:10px;
        	margin-left:7px;
        	overflow:auto; 
        	margin-top: 5px;
            margin-bottom: 10px;
            padding-bottom:8px;
        }
        .St_box_order
        {
        	width:175px;
        	border: 1px solid #AAAAAA;
        	-webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.75);
            -moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.75);
            box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.75);
            border-radius:1px;
        	text-align:left;
        	padding-left:10px;
        	margin-left:7px;
        	overflow:auto; 
        	background-image: url('/Images/Title2.png'); 
            background-repeat: no-repeat;
            margin-top: 5px;
            margin-bottom: 10px;
            padding-bottom:8px;
        }
         .St_Textbox
        {
        	border: 2px solid #808080;
        	border-radius:3px;
        	text-align:left;
        	font-family: Arial, Helvetica, sans-serif;
            font-size: 12pt;
            height:27px;
            padding-left:5px;
            resize: none;
           }
           .St_Textbox_Update
        {
        	width:95%;
        	border: 1px solid #AAAAAA;
        	border-radius:3px;
        	text-align:left;
        	font-family: Arial, Helvetica, sans-serif;
            font-size: 12pt;
            height:30px;
            resize: none;
            padding-left:5px;
           }
        
        .St_Textbox_login
        {
        	border: 1px solid #E2E2E2;
        	border-radius:3px;
            width:80%;
        	text-align:left;
        	font-family: Arial, Helvetica, sans-serif;
            font-size: 11pt;
            height:35px;
            padding-left:10px;
            resize: none;
           }
       .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_Textbox_Reg
        {
        	border: 1px solid #E2E2E2;
        	border-radius:3px;
            width:80%;
        	text-align:left;
        	font-family: Arial, Helvetica, sans-serif;
            font-size: 12pt;
            height:30px;
            padding-left:10px;
            resize: none;
            color:#404040;
           }
        
        .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;
        }
        .St_BT_StrSearch:hover
        {
        	border: 1px solid #FFFFFF;
        	border-radius:3px;
        	text-align:center;
        	height:33px;
        	background:#FF0000;
        	font-family: Arial, Helvetica, sans-serif;
            font-size: 12pt;
            color: #FFFFFF;
            padding-right:15px;
            padding-left:15px;
        }
        
        .St_Button
        {
        	border: 2px solid #FFFFFF;
        	border-radius:3px;
        	text-align:center;
        	height:40px;
        	min-width:150px;
        	background:#EEEEEE;
        	font-family: Arial, Helvetica, sans-serif;
            font-size: 14pt;
            color: #000000;
            padding-right:15px;
            padding-left:15px;
        }
        .St_Button:hover
        {
        	border: 2px solid #FFFFFF;
        	border-radius:3px;
        	text-align:center;
        	height:40px;
        	background:#FF0000;
        	font-family: Arial, Helvetica, sans-serif;
            font-size: 14pt;
            color: #FFFFFF;
         
        }
        .St_Button:disabled
        {
        	border: 2px solid #FFFFFF;
        	border-radius:3px;
        	text-align:center;
        	height:40px;
        	 background:#EEEEEE;
        	font-family: Arial, Helvetica, sans-serif;
            font-size: 14pt;
            color: #AAAAAA;
        }
        .St_Button.disabled:hover
        {
        	border: 2px solid #FFFFFF;
        	border-radius:3px;
        	text-align:center;
        	height:30px;
        	width:90px;
        	background:#FFFF00;
        	font-family: Arial, Helvetica, sans-serif;
            font-size: 10pt;
            color: #AAAAAA;
        }
        
        .St_Button_upload
        {
        	border: 2px solid #FFFFFF;
        	border-radius:3px;
        	text-align:center;
        	width:100%;
        	height:126px;
        	background:#D2D2FF;
        	font-family: Arial, Helvetica, sans-serif;
            font-size: 14pt;
            color: #000000;
            padding-right:20px;
            padding-left:20px;
            background-image: url('/Images/number_3.png'); 
            background-repeat: no-repeat; 
            background-position: center 8px; 
            padding-top:30px;
        }
        .St_Button_upload:hover
        {
        	background:#f6d964;
            color: #FFFFFF;
            background-image: url('/Images/number_3.png'); 
            background-repeat: no-repeat; 
          
            	
        }
        .St_Button_upload:disabled
        {
            width:100%;
        	background:#EEEEEE;
        	color: #AAAAAA;
        	background-image: url('/Images/number_3.png'); 
            background-repeat: no-repeat; 
            background-position: center 8px; 
            padding-top:30px;
        }
        .St_Button_upload.disabled:hover
        {
        	background:#FFFF00;
        	color: #AAAAAA;
        	background-image: url('/Images/number_3.png'); 
            background-repeat: no-repeat; 
            background-position: center 8px; 
        }
        
 
.St_img_Thumb_noimg
        {
        	border: 1px solid #EEEEEE;
        	margin-right: 0px;
            border-radius: 3px;
			width:188px;
            height:153px;

        }
.St_img_Thumb_NIMG
        {
        	border: 2px solid #EEEEEE;
        	padding:2px;
        	margin-right: 0px;
            border-radius: 3px;
			width:320px;
			height:213px;
        }
 
 .St_img_bt
        {
            filter: brightness(100%);
            -webkit-filter: brightness(100%);
            -moz-filter: brightness(100%);
            -o-filter: brightness(100%);
            -ms-filter: brightness(100%);
            border:0px;
        
        }
        
.St_img_bt:hover
        {
            filter: brightness(110%);
            -webkit-filter: brightness(110%);
            -moz-filter: brightness(110%);
            -o-filter: brightness(110%);
            -ms-filter: brightness(110%);
            border:0px;
            }
            
            
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(70%);
            -webkit-filter: brightness(70%);
            -moz-filter: brightness(70%);
            -o-filter: brightness(70%);
            -ms-filter: brightness(70%);
            border:0px;
            }
            
 .St_img_Thumb
        {
        	margin-right: 0px;
            filter: brightness(100%);
            -webkit-filter: brightness(100%);
            -moz-filter: brightness(100%);
            -o-filter: brightness(100%);
            -ms-filter: brightness(100%);
            width:197px;
           

        }
        
.St_img_Thumb:hover
        {
        	margin-right: 0px;
            filter: brightness(110%);
            -webkit-filter: brightness(110%);
            -moz-filter: brightness(110%);
            -o-filter: brightness(110%);
            -ms-filter: brightness(110%);
            width:197px;
            
         }
.St_img_Thumb_Home
        {
        	margin-right: 0px;
            width:151px;
            height:151px;
            background:#FFFFFF;
            -webkit-transition: all 0.7s ease;
			transition: all 0.7s ease;
			}
        
.St_img_Thumb_Home:hover
        {
        	margin-right: 0px;
			width:200px;
            height:200px;
            margin-left:-25px;
            margin-top:-25px;
        }
.St_img_Thumb_Gallery
        {
        	margin-right: 0px;
            width:205px;
            height:205px;
            background:#FFFFFF;
            -webkit-transition: all 0.7s ease;
			transition: all 0.7s ease;
			}
        
.St_img_Thumb_Gallery:hover
        {
        	margin-right: 0px;
			width:241px;
            height:241px;
            margin-left:-18px;
            margin-top:-18px;
        }
  .St_img_Thumb_edit
        {
        	border: 1px solid #CCCCCC;
        	margin-right: 0px;
            border-radius: 2px;
			height:150px;
            padding:4px;
            background:#FFFFFF;
     }
.St_Price
               {
                   margin:10px;
                   font-family: Arial, Helvetica, sans-serif;
                   font-size: 11pt;
                   color: #FF0000;
                   font-weight: bold;
                   font-style:italic;
                   text-decoration: underline;
                   text-align: right;
                   }      
        .St_Caption
             {
 	            opacity: 0.4;
                filter: alpha(opacity=40)
            }           
        .St_Img_Ga_Update{
                    margin-bottom: 0px;
                    -webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.75);
                    -moz-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.75);
                    box-shadow: 0px 3px 4px 0px rgba(0,0,0,0.75);
                    width:100%;
            }

.St_Img_Ga{
            margin-bottom: 0px;
            -webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.75);
            -moz-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.75);
            box-shadow: 0px 3px 4px 0px rgba(0,0,0,0.75);
            max-width:100%;
            max-height:50%;
            
            }
               
.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_Head_TT
        {
            text-align: left;
            margin-top: 7px;
            margin-bottom: 10px;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 17pt;
            font-weight: normal;
            color: #000000;
        }
.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;
        }
 .StNews_Img{
            float: left;
            margin-top: 0px;
            margin-right: 8px;
            margin-left: 0px;
            margin-bottom: 0px;
            border:#EEEEEE 1px solid;
            -webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.75);
            -moz-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.75);
            box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.75);
            height:61px;
            width:61px;
        }
.StNews_Img_L {
            float: left;
            margin-top: 0px;
            margin-right: 8px;
            margin-left: 0px;
            margin-bottom: 0px;
            border:#EEEEEE 1px solid;
            -webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.75);
            -moz-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.75);
            box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.75);
            height:80px;
            width:80px;
        }
        
 .StNews_Img_sm{
            float: left;
            margin-top: 0px;
            margin-right: 8px;
            margin-left: 0px;
            margin-bottom: 0px;
            border:#EEEEEE 1px solid;
            -webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.75);
            -moz-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.75);
            box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.75);
            height:45px;
            width:45px;
        }
  
.St_Title_Form
               {
                   margin:0px;
                   font-family: Arial, Helvetica, sans-serif;
                   font-size: 12pt;
                   color: #101010;
                   font-weight: normal;
                   text-align: left;
                   width:220px;
                   height:20px;
                   float:left;
                   
               }
.St_Title_News
               {
                   margin:0px;
                   font-family: Arial, Helvetica, sans-serif;
                   font-size: 12pt;
                   color: #101010;
                   font-weight: normal;
                   text-align: left;
                   }
.St_Title_Form_Tool
               {
                   margin:0px;
                   font-family: Arial, Helvetica, sans-serif;
                   font-size: 12pt;
                   color: #101010;
                   font-weight: normal;
                   text-align: left;
                   width:100%;
                   overflow:auto;
                   float:left;
                   text-align:right;
           
                }
                
.Div_News_Detail
                {
                   margin:0px;
                   font-family: Arial, Helvetica, sans-serif;
                   font-size: 12pt;
                   color: #000000;
                   font-weight: normal;
                   text-align: left;
                   width:670px;
                   float:left;
                   overflow:auto;
                
           
                }

                
.St_Title_Img
               {
                   margin:10px;
                   font-family: Arial, Helvetica, sans-serif;
                   font-size: 12pt;
                   color: #505050;
                   font-weight:bold;
                   text-align: left;
                    width: 915px;
}
.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;
               }
 .St_Title_Info
               {
                   margin: 0px  5px 0px 0px;
                   font-family: Arial, Helvetica, sans-serif;
                   font-size: 12pt;
                   color: #000000;
                   font-weight: 700;
                  
               }
.St_Title_Number
               {
                   margin-top:10px;
                   margin-bottom:10px;
                   font-family: Arial, Helvetica, sans-serif;
                   font-size: 8pt;
                   color: #000000;
                   font-weight: normal;
                   text-align:left;
                  
               }


.Div_Msg
{
    width:60%;
    overflow:auto;
    border:#FFFFFF 2px solid;
    border-radius:3px;
    padding:40px;
    background:#f2f2f2;
    margin:0 auto;
    
}
.Msgbox
{
border:#EEEEEE 1px solid;
-webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.75);
box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.75);
border-radius:3px;
margin:5px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12pt;
color: #000000;
font-weight: normal;
text-align:center;
width:100%
overflow:auto; 
padding:20px;
}
.St_Msg
{
font-family: Arial, Helvetica, sans-serif;
font-size: 14pt;
color: #707070;
font-weight: normal;
text-align:center;
margin:10px;

}
 .St_img_QC
        {
            filter: brightness(100%);
            -webkit-filter: brightness(100%);
            -moz-filter: brightness(100%);
            -o-filter: brightness(100%);
            -ms-filter: brightness(100%);
            border:0px;
            width:calc(100% - 2px);
            width: -webkit-calc(100% - 2px);
            width: -moz-calc(100% - 2px);
            overflow:auto;
            margin-bottom:10px;
           
        }
        
.St_img_QC:hover
        {
            filter: brightness(110%);
            -webkit-filter: brightness(110%);
            -moz-filter: brightness(110%);
            -o-filter: brightness(110%);
            -ms-filter: brightness(110%);
            border:0px;
            width:calc(100% - 2px);
            width: -webkit-calc(100% - 2px);
            width: -moz-calc(100% - 2px);
            overflow:auto;
            margin-bottom:10px;
                    }
            
.St_Photo_View_Update
{
   width:calc(60% - 37px);
   width: -webkit-calc(60% - 37px);
   width: -moz-calc(60% - 37px);
   margin-bottom:5px;
   overflow:auto;
   padding-top:15px;
   padding-left:25px;
   padding-right:10px;
   padding-bottom:15px;
   text-align:center;
   float:left;
}
.St_info
{
   width:calc(40% - 32px);
   width: -webkit-calc(40% - 32px);
   width: -moz-calc(40% - 32px);
   margin-bottom:5px;
   overflow:auto;
   padding-top:15px;
   padding-left:20px;
   padding-right:10px;
   padding-bottom:15px;
   text-align:left;
   float:left;
}
.St_Photo_View
{
   width:calc(60% - 37px);
   width: -webkit-calc(60% - 37px);
   width: -moz-calc(60% - 37px);
   margin-bottom:5px;
   margin-left:9px;
   border:#CCCCCC 1px solid;
   overflow:auto;
   padding-top:15px;
   padding-left:10px;
   padding-right:10px;
   background:#EEEEEE;
   border-radius:3px;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 10pt;
   color: #505050;
   font-weight: normal;
   text-align:left;
   float:left;
}
.St_Photo_Thumb_Order
{
   max-width:140px;
   max-height:80px;
   border:#CCCCCC 1px solid;
   overflow:auto;
   padding:2px;
   background:#EEEEEE;
   border-radius:3px;
 }
 .St_Photo_Thumb_Slide
{
   max-width:340px;
   max-height:70px;
   border:#CCCCCC 1px solid;
   overflow:auto;
   padding:2px;
   background:#EEEEEE;
   border-radius:3px;
 }
 .St_Photo_Thumb_Link
{
   max-width:340px;
   border:#CCCCCC 1px solid;
   overflow:auto;
   padding:2px;
   background:#EEEEEE;
   border-radius:3px;
   margin:10px;
 }



.St_Page
{
    margin-left:10px;
    margin-top:0px;
    margin-bottom:0px;
    margin-right:10px;
    text-align:right;
}

.St_Msg_Detail
{
width:650px; 
margin-top:10px;
margin-left:0px; 
float:left;
overflow: auto;
border:#CCCCCC 1px solid;
background-color:#EEEEEE;
border-radius:3px;
padding:10px;
}

.St_Message
{
width:690px; 
margin-left:15px; 
float:left;
overflow: auto;
}
.St_adv_right
{
width:calc(40% - 9px); 
width: -webkit-calc(40% - 9px);
width: -moz-calc(40% - 9px);
margin-right:9px; 
float:left;
overflow:auto;
}

.St_News
{
width:calc(60% - 9px); 
width: -webkit-calc(60% - 9px);
width: -moz-calc(60% - 9px);
margin-left:9px; 
float:left;
overflow:auto;
}
.St_News div
{
   width:calc(100% - 22px);
   width: -webkit-calc(100% - 22px);
   width: -moz-calc(100% - 22px);
   margin-bottom:10px;
   border:#CCCCCC 1px solid;
   overflow:auto;
   padding-top:10px;
   padding-left:10px;
   padding-right:0px;
   background:#EEEEEE;
   border-radius:3px;
}
.St_News_detail
{
width:calc(60% - 18px); 
width: -webkit-calc(60% - 18px);
width: -moz-calc(60% - 18px);
margin-left:9px; 
margin-right:9px;
float:left;
overflow:auto;
}
.St_News_detail_div
{
   width:calc(100% - 42px);
   width: -webkit-calc(100% - 42px);
   width: -moz-calc(100% - 42px);
   border:#CCCCCC 1px solid;
   overflow:auto;
   padding-top:10px;
   padding-left:20px;
   padding-right:20px;
   background:#EEEEEE;
   border-radius:3px;
}
.St_Status_detail_div
{
   width:calc(100% - 52px);
   width: -webkit-calc(100% - 52px);
   width: -moz-calc(100% - 52px);
   border:#CCCCCC 1px solid;
   overflow:auto;
   padding-top:10px;
   padding-bottom:30px;
   padding-left:30px;
   padding-right:20px;
   margin-bottom:10px;
   background:#EEEEEE;
   border-radius:3px;
}
.Div_command
{
    width:100%;
    margin-left:0px; 
    float:left;
    overflow:auto;
    margin-bottom:5px;
    background:#E0E0E0;
    padding-top:5px;
    padding-bottom:5px;
}
.Div_tools
{
    width:100%;
    min-height:30px;
    margin-left:0px; 
    float:left;
    overflow:auto;
    margin-bottom:10px;
    background:#EEEEEE;
    padding-top:5px;
}
.Div_tools_div
{
    float:left;
    text-align:center; 
    margin-left:10px;
    padding-left:10px;
    padding-right:10px;
    padding-bottom:5px;
    padding-top:5px;
    border-radius:3px;
    font-family: "Arial"; font-weight:bold;  text-decoration:none; color:#01ab00; font-size:10pt;
}
.Div_tools_div:hover
{
    float:left;
    text-align:center; 
    margin-left:10px;
    background:#FF0000;
    padding-left:10px;
    padding-right:10px;
    padding-bottom:5px;
    padding-top:5px;
    border-radius:3px;
    color:#FFFFFF;font-weight:bold;text-decoration: none
}
.Div_tools_div_active
{
    float:left;
    text-align:center; 
    margin-left:10px;
    padding-left:10px;
    padding-right:10px;
    padding-bottom:5px;
    padding-top:5px;
    border-radius:3px;
    background:#01ab00;
    font-family: "Arial"; font-weight:bold;  text-decoration:none; color:#FFFFFF; font-size:10pt;
}
.Div_tools_div_active:hover
{
    float:left;
    text-align:center; 
    margin-left:10px;
    background:#FF0000;
    padding-left:10px;
    padding-right:10px;
    padding-bottom:5px;
    padding-top:5px;
    border-radius:3px;
    color:#FFFFFF;font-weight:bold;text-decoration: none
}
.Div_tools_title
{
    float:left;
    text-align:center; 
    margin-left:10px;
    padding-left:0px;
    padding-right:15px;
    padding-bottom:5px;
    padding-top:0px;
    border-radius:3px;
    background-image:url('/images/ArrowTour.png');
    background-repeat:no-repeat;
    background-position: top right;
}

.St_News_Left
{
    width:calc(60% - 10px);
    width: -webkit-calc(60% - 10px);
    width: -moz-calc(60% - 10px);
    margin-left:10px; 
    float:left;
    overflow:auto;
    background-color:#FF0000;
}

.ST_Detail
{
	width: 100%;
	overflow:auto;
	padding-top:10px;
	padding-bottom:0px;
	background:#E0E0E0;
	float:left;
}


.ST_Detail_Img
{
	width: 100%;
	overflow:auto;
	padding-top:10px;
	padding-bottom:5px;
	background:#F5F5F5;
	float:left;
}
.div_FT01
        {
            display:block;
        }
        .div_FT02
        {
            display:none;
        }
.St_f1
{
    margin-top: 0px;
    margin-bottom: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-weight: normal;
    color: #808080;
    text-align:right;
}
.ST_Footer
{
	width: calc(100% - 30px);
	width: -webkit-calc(100% - 30px);
    width: -moz-calc(100% - 30px);

	overflow:auto;
	margin:10px 15px 20px 15px;
	float:left;

}
.ST_Footer div
{
    width:50%; overflow:auto;float:left;
}
.ST_ft2
{
    margin-top: 0px;
    margin-bottom: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-weight: normal;
    color: #808080;
    text-align:left;
}

.ST_Login_Img
{
	width: 40%;
	margin:0 auto;
	overflow:auto;
	padding:20px;
	margin-bottom:30px;
	margin-top:30px;
	background:#F0F0F0;
	float:left;
	text-align:center;
	border-radius:3px;
	border:#CCCCCC 1px solid;
  
	}
	.ST_Entryform_Detail
{
	width: 80%;
	margin:0 auto;
	overflow:auto;
	padding:20px;
	margin-bottom:30px;
	margin-top:30px;
	background:#FF0000;
	float:left;
	text-align:center;
	border-radius:3px;
	border:#CCCCCC 1px solid;
  
	}
	.St_Reg
    {
    width:calc(60% - 20px); 
    width: -webkit-calc(60% - 20px);
    width: -moz-calc(60% - 20px);
    margin-left:9px; 
    margin-right:9px; 
    float:left;
    overflow:auto;
    border:#CCCCCC 1px solid;
    border-radius:3px;
    background-color:#F2F2F2;
       }
	.ST_Reg_left
    {
	width: calc(80% - 42px);
	width: -webkit-calc(80% - 42px);
    width: -moz-calc(80% - 42px);
	overflow:auto;
	padding-top:20px;
	padding-bottom:30px;
	margin-bottom:20px;
	margin-top:0px;
	margin:0 auto;

	
	}
.St_Photo_Thumb_Changer
{
   max-width:440px;
   max-height:300px;
   border:#CCCCCC 1px solid;
   overflow:auto;
   padding:2px;
   background:#EEEEEE;
   border-radius:3px;
 
 }
.ST_Changer_Img
{
	width: 550px;
	margin-left:10px;
	overflow:auto;
	padding-top:10px;
	padding-bottom:10px;
	background:#F5F5F5;
	float:left;
	text-align:center;
	
	}
.ST_Changer_Detail_Img
{
	width: 340px;
	margin-bottom:10px;
    margin-left:9px;
    padding-top:7px;
    padding-bottom:0px;
	padding-left:0px;
    overflow:auto;
	background:#EEEEEE;
	color: #505050;
	float:left;
	border:#CCCCCC 1px solid;
	border-radius:3px;
	overflow:auto;
}
.ST_Changer_Detail_Info
{
	width: 177px;
	margin-bottom:5px;
    margin-left:15px;
    padding-top:7px;
    padding-bottom:7px;
	padding-left:0px;
    overflow:auto;
	color: #505050;
	float:left;
	overflow:auto;
 }
 .ST_Changer_Left
{
	width: 355px;
	margin-left:10px;
	overflow:auto;
	padding-top:10px;
	padding-bottom:10px;
	background:#F5F5F5;
	float:left;
}
.ST_EntryForm_Left
{
	width: 462px;
	margin-left:10px;
	overflow:auto;
	padding-top:10px;
	padding-bottom:10px;
	background:#F5F5F5;
	float:left;
	
}
.ST_Login
{
	width: 100%;
	overflow:auto;
	padding-top:0px;
	padding-bottom:0px;
	background:#E0E0E0;
	display:flex;
}
.ST_Title_Control
{
    margin: 15px 0px 7px  5%;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11pt;
    font-weight: bold;
    color: #707070;
    text-align:left;
}    
.ST_Title_Panel
{
    margin: 15px 0px 7px  0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11pt;
    font-weight: normal;
    color: #101010;
    text-align:left;
}     
.ST_Title_Control
{
    margin: 5px 0px 5px  0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11pt;
    font-weight: normal;
    color: #101010;
    text-align:left;
}     
.ST_Order_Ga
{
	width: 100%;
	overflow:auto;
	padding-top:0px;
	padding-bottom:0px;
	background:#F5F5F5;
	float:left;
}
.ST_Order_Ga_Upload
{
	width: calc(100% - 22px);
	width: -webkit-calc(100% - 22px);
    width: -moz-calc(100% - 22px);
    overflow:auto;
	padding:11px;
	background:#F5F5F5;
	float:left;
}
.ST_Order_List
{
	width: 1000px;
	overflow:auto;
	margin:20px;
	float:left;
}
.ST_Order_Left
{
	width: 600px;
	margin-left:10px;
	overflow:auto;
	padding-top:10px;
	padding-bottom:10px;
	background:#F5F5F5;
	float:left;
}


.ST_Order_Right
{
	width: 400px;
	overflow:auto;
	padding-top:10px;
	padding-bottom:10px;
	background:#F5F5F5;
	float:left;
	
}
.St_Photo_View_order
{
   width:160px;
   margin-bottom:5px;
   margin-top:5px;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 10pt;
   font-weight: normal;
   text-align:center;
   float:left;
   background-position: right center; 
   background-image: url('/Images/sep_img.png'); 
   background-repeat: repeat-y;
}
.Div_Order_Close
{
    width: 130px;
	margin-left:10px;
	overflow:auto;
	padding-top:10px;
	padding-bottom:10px;
	float:left;
}
.ST_Order_Detail_Img
{
	width: 580px;
	margin-bottom:10px;
    margin-left:9px;
    padding-top:7px;
    padding-bottom:0px;
	padding-left:0px;
    overflow:auto;
	background:#EEEEEE;
	color: #505050;
	float:left;
	border:#CCCCCC 1px solid;
	border-radius:3px;
	overflow:auto;
}
.ST_Order_Detail_Info
{
	width: 260px;
	margin-bottom:5px;
    margin-left:15px;
    padding-top:7px;
    padding-bottom:7px;
	padding-left:0px;
    overflow:auto;
	color: #505050;
	float:left;
	overflow:auto;
 }
.ST_Order_Thongtin
{
    margin: 10px 0px 5px 30px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: normal;
    color: #000000;
    text-align:left;
}     
.ST_Order_Thongtin_Control
{
    margin: 0px 0px 5px 5%;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: normal;
    color: #000000;
    text-align: left;
}     


.ST_Order_Thongtin_Header
{
    margin: 10px 0px 5px 30px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12pt;
    font-weight: normal;
    color: #000000;
}
.ST_Msg
        {
            font-family: Arial, Helvetica, sans-serif;
            font-size: 11pt;
            color: #FFFFFF;
            font-weight: normal;
            margin-top: 2px;
            margin-bottom: 2px;
            margin-left:7px;
            margin-right:7px;
            
        }          
.Div_Order_Msg
{
   margin-bottom:5px;
   margin-left:30px;
   border:#CCCCCC 1px solid;
   overflow:auto;
   padding-bottom:5px;
   padding-top:7px;
   padding-left:0px;
   padding-right:0px;
   background:#FF0000;
   border-radius:3px;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 14pt;
   color: #FFFFFF;
   font-weight: normal;
   text-align:center;
 }
.ST_Menu_Ga
{
	width: 100%;
	height:20px;
	padding-top:5px;
	padding-bottom:10px;
	background:#EEEEEE;
	float:left;
}
.ST_Menu_Ga_Title
{
	width: 100%;
	height:20px;
	padding-top:5px;
	padding-bottom:10px;
	background:#F5F5F5;
	border-top: 1px solid #FF0000;
    float:left;
}
.ST_More
{
	width: 100%;
	background:#cbcbcb;
	overflow:auto;
}

.ST_Menu_Page
{
	width: 100%;
	height:15px;
	padding-top:10px;
	padding-bottom:10px;
	background:#EEEEEE;
	float:left;
}

.ST_Menu_Ga_div
{
			float:left;
            text-align:center; 
            margin-left:5px;
            margin-right:0px;
            padding-right:6px;
            background-position: right center; 
            background-image: url('/Images/sep.png'); 
            background-repeat: no-repeat
}
.ST_Menu_Ga_NoSep
{
			float:left;
            text-align:center; 
            margin-left:5px;
            margin-right:0px;
            padding-left:10px;
            background-position: left center; 
                       
}
.ST_Menu_Ga_Home
{
			float:left;
            text-align:center; 
            margin-left:5px;
            margin-right:0px;
            padding-left:25px;
            padding-top:5px;
            background-position: left center; 
            background-image: url('/Images/arrow.png'); 
            background-repeat: no-repeat;
            height: 16px;
}
.ST_Menu_Ga_Info
{
			float:left;
            text-align:center; 
            margin-left:5px;
            margin-right:0px;
            padding-left:25px;
            background-position: left center; 
            background-image: url('/Images/info.png'); 
            background-repeat: no-repeat;
            height: 16px;
}

.ST_Menu_Ga_Home_Sep
{
			float:left;
            text-align:center; 
            margin-left:5px;
            margin-right:0px;
            padding-right:8px;
            background-position: right center; 
            background-image: url('/Images/sep.png'); 
            background-repeat: no-repeat
}

.ST_Menu_Tools
{
	width: 100%;
	overflow:auto; 
 	padding-top:5px;
	padding-bottom:5px;
	background:#626262;
	float:left;
}
.ST_Menu_Tools div
{
			float:left;
            text-align:center; 
            margin-top:0px;
            margin-left:10px;
            margin-right:20px;
}
.ST_Menu_Tools p
{
     margin-top:3px;
     margin-bottom:0px;
}
.ST_Menu_Tools_div
{
			float:left;
            text-align:center; 
            margin-top:0px;
            margin-left:10px;
            margin-right:20px;
}



.ST_Sep_Top
{
	width: 100%;
	height:2px;
	padding-top:10px;
	padding-bottom:10px;
	background:#12a80c;
	float:left;
}
.ST_Menu_Top
{
	width: 100%;
	overflow:auto;
	padding-top:0px;
	padding-bottom:5px;
	float:left;
}
.ST_text_title
{
    font-size: 11pt;  
    font-family: Arial, sans-serif;  
    font-weight: normal;  
    color:#101010;
    margin-top:5px;
    margin-bottom:5px;
    margin-left:10px;
    text-align:left;
    
}
.ST_Menu_text
{
    font-size: 10pt;  
    font-family: 'PT Sans', Arial, sans-serif;  
    font-weight: normal;  
    color:White;
    margin-top:10px;
    margin-bottom:0px;
}
.ST_Diem_text
{
    font-size: 10pt;  
    font-family: 'PT Sans', Arial, sans-serif;  
    font-weight: normal;  
    color:White;
    margin-top:5px;
    margin-bottom:0px;
}
.ST_Img_Title
{
	width: 100%;
	height:20px;
	overflow: hidden;
	padding-top:0px;
	padding-bottom:0px;
	float:left;
	bottom:40px;
	position:fixed;
	background-color:#455868;
	opacity: 0.5;
    filter: alpha(opacity=50);
    z-index:1;
	
}
.ST_Menu_Bottom
{
	width: 100%;
	min-height :40px;
	background: #455868;  
    overflow: auto;
	padding-top:0px;
	padding-bottom:0px;
	float:left;
	bottom:0px;
	position:fixed;
}
.ST_top_A
{
	min-height :40px;
    width:100%;
	overflow: auto;
	padding-top:0px;
	padding-bottom:0px;
	float:left;
	top:0px;
	position:fixed;
    background:#000000;
}

.Div_Menu_Bottom_info
{
	height:40px;
	//width:calc(100% - 750px);
	background: #455868;  
    overflow:auto;
	padding-left:10px;
	padding-right:10px;
	float:left;
	border-right:solid 1px #909090;
}

.Div_Menu_Bottom_info_show
{
	height:40px;
	width:calc(100% - 80px);
	background: #455868;  
    overflow:hidden;
	padding-left:10px;
	padding-right:10px;
	float:left;
	border-right:solid 1px #909090;
}

.Div_Menu_Bottom_mark
{
	min-height:40px;
	width:calc(100% - 40px);
	background: #455868;  
    overflow:auto;
	padding-left:10px;
	padding-right:10px;
	float:left;
	border-right:solid 1px #909090;
	text-align:center;
}
.St_Div_Tool
{
    bottom:40px;
    left:calc(100% - 435px);
    position:fixed;
    width:400px;
    height:240px;
    background-color:#d0d0d0;
    border:solid 2px #FFFFFF;
    display:none;
    
}
.St_Tools
{
    top:10px;
    left:calc(100% - 45px);
    position:fixed;
    width:30px;
    height:30px;
    background-color:#d0d0d0;
    border:solid 2px #FFFFFF;
    
}
.St_Tools_2
{
    top:10px;
    left:calc(100% - 215px);
    position:fixed;
    width:200px;
    height:400px;
    background-color:#d0d0d0;
    border:solid 2px #FFFFFF;
    
}
.St_Tools_popup
{
    top:10px;
    right:10px;
    position:fixed;
    overflow:auto;
    z-index:1;
  
 }
.Show_Bookmark
{
    top:10px;
    left:calc(100% - 40px);
    position:fixed;
    overflow:auto;

  
}
.St_bm_show
{
    background-color:#1d6c9c;
    
}
.St_bm_show:hover
{
    background-color:#ffc601;
    
}
.Menu_icon
{
  
  background: url(/images/nav-icon.png) no-repeat;
      
}
.Menu_icon:hover
{
  background: url(/images/nav-icon_hover.png) no-repeat;
    
}
.Close_icon
{
  background: url(/images/close-icon.png) no-repeat;
    
}
.Close_icon:hover
{
  background: url(/images/close-icon_hover.png) no-repeat;
    
}
.Bookmark_icon
{
  background: url(/images/bookmark.png) no-repeat;
  
}
.Bookmark_icon:hover
{
  background: url(/images/bookmark_hover.png) no-repeat;
}
.Bookmark_icon_checked
{
  background: url(/images/bookmark_checked.png) no-repeat;
 
}
.Bookmark_icon_checked:hover
{
  background: url(/images/bookmark_unchecked.png) no-repeat;
}

.St_Diem
{
    font-size: 18pt;  
    font-family: 'PT Sans', Arial, sans-serif;  
    font-weight: normal;  
    color:White;
    padding-left:10px; 
    padding-right:10px;
    
}
.St_Diem:checked
{
    font-size: 18pt;  
    font-family: 'PT Sans', Arial, sans-serif;  
    font-weight: normal;  
    color:Green;
    padding-left:10px; 
    padding-right:10px;
    
}
.St_Button_Diem
 {
    border: 2px solid #FFFFFF;
    border-radius:3px;
    text-align:center;
    height:30px;
    min-width:30px;
    background:#EEEEEE;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12pt;
    color: #000000;
    padding-right:5px;
    padding-left:5px;
}

.St_Button_Diem:hover
{
    border: 2px solid #FFFFFF;
    border-radius:3px;
    text-align:center;
    height:30px;
    background:#ff8401;
   color: #FFFFFF;
         
 }
.St_Button_Diem[disabled]
{
    border: 2px solid #FFFFFF;
    border-radius:3px;
    text-align:center;
    height:30px;
    background:#FF0000;
    color: #FFFFFF;
 }
 .St_Button_Diem[disabled]:hover
{
    border: 2px solid #FFFFFF;
    border-radius:3px;
    text-align:center;
    height:30px;
    background:#FF0000;
   color: #FFFFFF;
         
 }

.St_Button_BT {
    border: 2px solid #FFFFFF;
    border-radius: 3px;
    text-align: center;
    height: 30px;
    min-width: 60px;
    background: #015bf9;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12pt;
    color: #000000;
    padding-right: 5px;
    padding-left: 5px;
}
.St_Button_BT:hover
{
    border: 2px solid #FFFFFF;
    border-radius:3px;
    text-align:center;
    height:30px;
    color: #FFFFFF;
         
 }
.St_Button_BT[disabled]
{
    border: 2px solid #FFFFFF;
    border-radius:3px;
    text-align:center;
    height:30px;
    background:#FF0000;
     color: #FFFFFF;
 }
 .St_Button_BT[disabled]:hover
{
    border: 2px solid #FFFFFF;
    border-radius:3px;
    text-align:center;
    height:30px;
    background:#FF0000;
    color: #FFFFFF;
         
 }
 
 

 .St_Button_Diem_Info
 {
    border: 2px solid #FFFFFF;
    border-radius:3px;
    text-align:center;
    height:30px;
    min-width:20px;
    background:#EEEEEE;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14pt;
    color: #000000;
    padding-right:5px;
    padding-left:5px;
}
.St_Button_Diem_Info:hover
{
    background:#ff8401;
    color: #FFFFFF;
        
 }
 .St_Button_BM
 {
    border: 1px solid #FFFFFF;
    border-radius:3px;
    text-align:center;
    height:20px;
    min-width:80px;
    background:#EEEEEE;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14pt;
    color: #000000;
    padding-right:5px;
    padding-left:5px;
}
.St_Button_BM:hover
{
    border: 1px solid #FFFFFF;
    border-radius:3px;
    text-align:center;
    height:20px;
    background:#ff8401;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14pt;
    color: #FFFFFF;
         
 }
.ST_Subject_Photo
{
	width: 100%;
	padding-top:10px;
	padding-bottom:0px;
	background:#E0E0E0;
	margin-top:0px;
	padding-left:0px;
    overflow:auto;
	}

.ST_Subject_Photo_R
{
	float:left;
    text-align:center; 
    background:#E0E0E0;
    width:173px;
    height:173px;
    margin-right:0px;
    overflow:hidden;
    border-right: 1px solid #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
}
.ST_Subject_Photo_No
{
	float:left;
    text-align:center; 
    background:#E0E0E0;
    width:173px;
    height:173px;
    overflow:hidden; 
    margin:1px;
    //border: 1px solid #FF0000;
    //border-right: 1px solid #FFFFFF;
    //border-bottom: 1px solid #FFFFFF;
}
.ST_Subject_Photo_No_Upload
{
	float:left;
    text-align:center; 
    background:#E0E0E0;
    width:202px;
    height:202px;
    margin-right:0px;
    overflow:hidden; 
    border: 1px solid #FFFFFF;
}
.ST_Subject_Photo_R_N
{
	float:left;
    text-align:center; 
    background:#E0E0E0;
    width:173px;
    height:173px;
    margin-right:0px;
    overflow:hidden;
    border-right: 1px solid #FFFFFF;
}
.ST_Subject_Photo_No_N
{
	float:left;
    text-align:center; 
    background:#E0E0E0;
    width:173px;
    height:173px;
    margin-right:0px;
    overflow:hidden; 
}

.St_img_Thumb_Main
        {
        	margin-right: 0px;
            width:174px;
            background:#FFFFFF;
            -webkit-transition: all 0.7s ease;
			transition: all 0.7s ease;
			}
        
.St_img_Thumb_Main:hover
        {
        	margin-right: 0px;
			width:194px;
			margin-top:-10px;
			margin-left:-10px;
            filter: brightness(110%);
            -webkit-filter: brightness(110%);
            -moz-filter: brightness(110%);
            -o-filter: brightness(110%);
            -ms-filter: brightness(110%);
            
        }
         
.St_img_Thumb_Ga
        {
        	margin-right: 0px;
            max-width:101%;
            max-height:101%;
            background:#FFFFFF;
            -webkit-transition: all 0.7s ease;
			transition: all 0.7s ease;
			           
          }
        

.St_img_Thumb_Ga:hover
        {
        	margin-right: 0px;
			max-width:112%;
            max-height:112%;
            margin-top:-10px;
			margin-left:-10px;
			filter: brightness(110%);
            -webkit-filter: brightness(110%);
            -moz-filter: brightness(110%);
            -o-filter: brightness(110%);
            -ms-filter: brightness(110%);
            
        }       
 .St_img_Thumb_Right
        {
        	margin-right: 0px;
            width:149px;
            background:#FFFFFF;
            -webkit-transition: all 0.7s ease;
			transition: all 0.7s ease;
			}
        
.St_img_Thumb_Right:hover
        {
        	margin-right: 0px;
			width:169px;
			margin-top:-10px;
			margin-left:-10px;
            filter: brightness(110%);
            -webkit-filter: brightness(110%);
            -moz-filter: brightness(110%);
            -o-filter: brightness(110%);
            -ms-filter: brightness(110%);
            
        }
        
 .St_img_BT
        {
        	-webkit-transition: all 0.7s ease;
			transition: all 0.7s ease;
			
			}
        
.St_img_BT:hover
        {
        	filter: brightness(150%);
            -webkit-filter: brightness(150%);
            -moz-filter: brightness(110%);
            -o-filter: brightness(150%);
            -ms-filter: brightness(150%);
            
        }       
.ST_Subject_Photo_Right
{
	width: 323px;
	padding-top:0px;
	padding-bottom:0px;
	background:#E0E0E0;
	margin-top:0px;
	padding-left:0px;
    overflow:auto;
}

.ST_Subject_Photo_R_Right
{
	float:left;
    text-align:center; 
    background:#E0E0E0;
    width:107px;
    height:107px;
    margin-right:0px;
    overflow:hidden;
    border-right: 1px solid #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
}
.ST_Subject_Photo_No_Right
{
	float:left;
    text-align:center; 
    background:#E0E0E0;
    width:107px;
    height:107px;
    margin-right:0px;
    overflow:hidden; 
    border-bottom: 1px solid #FFFFFF;
}
.ST_Subject_Photo_R_N_Right
{
	float:left;
    text-align:center; 
    background:#E0E0E0;
    width:107px;
    height:107px;
    margin-right:0px;
    overflow:hidden;
    border-right: 1px solid #FFFFFF;
}
.ST_Subject_Photo_No_N_Right
{
	float:left;
    text-align:center; 
    background:#E0E0E0;
    width:107px;
    height:107px;
    margin-right:0px;
    overflow:hidden; 
}


.field { 
	padding: 0 0 1em; 
	}
	


 .jssord20l, .jssord20r, .jssord20ldn, .jssord20rdn
            {
            	position: absolute;
            	cursor: pointer;
            	display: block;
                background: url(../img/d20.png) no-repeat;
                overflow:hidden;
            }
            .jssord20l { background-position: -3px -33px; }
            .jssord20r { background-position: -63px -33px; }
            .jssord20l:hover { background-position: -123px -33px; }
            .jssord20r:hover { background-position: -183px -33px; }
            .jssord20ldn { background-position: -243px -33px; }
            .jssord20rdn { background-position: -303px -33px; }
            
 .ST_TourTool
        {
            font-family: Arial, Helvetica, sans-serif;
            font-size: 10pt;
            color: #FF0000;
            font-weight: bold;
            margin-top: 5px;
            margin-bottom: 2px;
            margin-left:5px;
            margin-right:5px;
            animation-name: flash;
            animation-duration: 0.7s;
            animation-timing-function: liease;
            animation-iteration-count: infinite;
            animation-direction: alternate;
            animation-play-state: running;
}
 .modal {
        display: block  ; 
        position: fixed;
        z-index: 1; 
        padding-top: 100px; 
        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-content {
    background-color: #fefefe;
    margin: auto;
    padding: 5px;
    border: 1px solid #000000;
    width: 30%;
    opacity: 0.8;
}

/* 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;
}
   
  nav {  
        height: 40px;  
        width: 100%;  
        background: #455868;  
        font-size: 11pt;  
        font-family: 'PT Sans', Arial, sans-serif;  
        font-weight: bold;  
        position: relative;  
        top:0px;
        position:fixed;
       }  
    
    nav ul {  
        padding: 0;  
        margin: 0 auto;  
        width: 100%;
        height: 40px;  
           }  

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

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

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

    nav li a {  
        border-right: 1px solid #576979;  
        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: #8c99a4;  
    }  

    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: 300px; 
  overflow:auto;
  margin: .5vw; 
  overflow:hidden;
  background-color:Black;
 }
header div img { 
  width: calc(100% - 2px);  
  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 { 
  filter: brightness(120%);
  -webkit-filter: brightness(120%);
  -moz-filter: brightness(120%);
  -o-filter: brightness(120%);
  -ms-filter: brightness(120%);
 
 }

@media screen and (max-width: 900px)   
	    {
	  .St_Search_login
        {
        	border: 1px solid #E2E2E2;
        	border-radius:3px;
            width:60%;
        	text-align:left;
        	font-family: Arial, Helvetica, sans-serif;
            font-size: 11pt;
            height:30px;
            padding-left:10px;
            resize: none;
           }     
	 .St_Photo_View_Update
        {
        width:calc(100% - 30px);
        width: -webkit-calc(100% - 30px);
        width: -moz-calc(100% - 30px);
        margin-bottom:5px;
        overflow:auto;
        padding-top:15px;
        padding-left:15px;
        padding-right:15px;
        padding-bottom:15px;
        text-align:center;
        float:none;
        }
        
        .St_info
        {
        width:calc(100% - 30px);
        width: -webkit-calc(100% - 30px);
        width: -moz-calc(100% - 30px);
        overflow:auto;
        padding-top:15px;
        padding-left:15px;
        padding-right:15px;
        padding-bottom:15px;
        text-align:left;
        float:none;
        }       
        .St_Textbox_Update
        {
        width:100%;
        border: 1px solid #AAAAAA;
        border-radius:3px;
        text-align:left;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        height:30px;
        resize: none;
        }
	   .St_Reg
    {
    width:calc(60% - 20px); 
    width: -webkit-calc(60% - 20px);
    width: -moz-calc(60% - 20px);
    margin-left:9px; 
    margin-right:9px; 
    float:left;
    overflow:auto;
    border:#CCCCCC 1px solid;
    border-radius:3px;
    background-color:#F2F2F2;
       }
	.ST_Reg_left
    {
	width: calc(100% - 42px);
	width: -webkit-calc(100% - 42px);
    width: -moz-calc(100% - 42px);
	overflow:auto;
	padding-top:20px;
	padding-bottom:20px;
	margin-bottom:30px;
	margin-top:0px;
	margin:0 auto;
	
	}   
	.St_Textbox_Reg
        {
        	border: 1px solid #E2E2E2;
        	border-radius:3px;
            width:90%;
        	text-align:left;
        	font-family: Arial, Helvetica, sans-serif;
            font-size: 12pt;
            height:30px;
            padding-left:10px;
            resize: none;
            color:#404040;
           }
           
	     .banner
        {
            margin-bottom:0px;
            content:url('/Data/Banner/banner1024.jpg');
            width:100%;
            overflow:auto;
           
        }
        .banner_vn
        {
            margin-bottom:0px;
            content:url('/Data/Banner/banner1024_vn.jpg');
            width:100%;
            overflow:auto;
           
        }
        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: 20px;
	        padding-left:0px;
            padding-right:0px;
        }  
         nav {  
            border-bottom: 0;  
        }  
                
        nav a#pull {  
            display: block;  
            background-color: #3b54a5;  
            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;  
        }  
        .ST_Login_Img
        {
	        width: calc(100% - 52px);
	        margin:0 auto;
	        overflow:auto;
	        padding-top:20px;
	        padding-bottom:20px;
	        padding-left:10px;
	        padding-right:10px;
	        margin-bottom:5px;
	        margin-top:15px;
	        background:#F0F0F0;
	        float:left;
	        text-align:center;
	        border-radius:3px;
	        border:#CCCCCC 1px solid;
    	}
    	.St_Textbox_login
        {
        	border: 1px solid #E2E2E2;
        	border-radius:3px;
            width:calc(100% - 25px);
        	text-align:left;
        	font-family: Arial, Helvetica, sans-serif;
            font-size: 11pt;
            height:35px;
            padding-left:10px;
            resize: none;
           }
        .ST_Title_Control
        {
            margin: 10px 0px 5px 10px;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 11pt;
            font-weight: bold;
            color: #707070;
            text-align:left;
         }     
         .ST_Order_Thongtin_Control
        {
            margin: 0px 0px 5px 10px;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 10pt;
            font-weight: normal;
            color: #000000;
            text-align: left;
        }     
 .div_upload_main
        {
            width:100%;
            height:auto;
            margin:30px  auto;
            overflow:auto;
        }
        .div_upload_control
        {
            width:50%;
            height:120px;
            overflow:auto;
            float: none;
            margin: 0px auto 0px auto;
        }
        .div_Upload_Plus
        {
            width:10%;
            height:60px;
            float: none;
            margin: 0px auto 0px auto;
        }
        .div_Upload_Title
        {
            width:80%;
            height:120px;
            overflow: hidden;
            float: none;
            margin: 0px auto 0px auto;
          }
        .div_Upload_Submit
            {
            width:60%;
            height:110px;
            overflow: hidden;
            float:none;
            margin:auto auto;
            }	
        .div_upload_Section
            {
            width:calc(80% - 4px);
            width:-webkit-calc(80% - 4px);
            width:-moz-calc(80% - 4px);
            height:126px;
            overflow: hidden;
            float:none;
            background-image: url('/Images/number_3.png'); 
            background-repeat: no-repeat; 
            background-position: center 8px;
            border: 2px solid #FFFFFF;
            background-color: #D2D2FF;
            color: #0171bb;
            border-radius: 6px;
            -moz-border-radius: 6px;
            -webkit-border-radius: 6px;
            text-align:center;
            margin:auto auto;
            }
         .Img_Upload
            {
            margin:10px;
            width:80%;
            padding:2px;
            border: 1px solid #AAAAAA;
            -moz-box-shadow: 0 0 1px 1px #888;
            -webkit-box-shadow: 0 0 1px 1px #888;
            box-shadow: 0 0 1px 1px #888;
            }
            .St_Button_upload
        {
        	border: 2px solid #FFFFFF;
        	border-radius:3px;
        	text-align:center;
        	width:100%;
        	height:100px;
        	background:#D2D2FF;
        	font-family: Arial, Helvetica, sans-serif;
            font-size: 14pt;
            color: #000000;
            padding-right:20px;
            padding-left:20px;
            background-image: url('/Images/number_3.png'); 
            background-repeat: no-repeat; 
            background-position: center 8px; 
            padding-top:30px;
        }
        .St_Button_upload:hover
        {
        	background:#f6d964;
            color: #FFFFFF;
            background-image: url('/Images/number_3.png'); 
            background-repeat: no-repeat; 
          
            	
        }
        .St_Button_upload:disabled
        {
            width:100%;
        	background:#EEEEEE;
        	color: #AAAAAA;
        	background-image: url('/Images/number_3.png'); 
            background-repeat: no-repeat; 
            background-position: center 8px; 
            padding-top:30px;
        }
        .St_Button_upload.disabled:hover
        {
        	background:#FFFF00;
        	color: #AAAAAA;
        	background-image: url('/Images/number_3.png'); 
            background-repeat: no-repeat; 
            background-position: center 8px; 
        }
    }  

 @media screen and (max-width: 600px)   
	    {
	  
        .St_Reg
        {
            width:calc(100% - 20px); 
            width: -webkit-calc(100% - 20px);
            width: -moz-calc(100% - 20px);
            margin-left:9px; 
            margin-right:9px; 
            float:left;
            overflow:auto;
            border:#CCCCCC 1px solid;
            border-radius:3px;
            background-color:#F2F2F2;
       }
	.ST_Reg_left
        {
	        width: calc(100% - 30px);
	        width: -webkit-calc(100% - 30px);
            width: -moz-calc(100% - 30px);
	        overflow:auto;
	        padding-top:20px;
	        padding-bottom:30px;
	        margin-bottom:20px;
	        margin-top:0px;
	        margin:0 auto;
	    }     
	    	    
              
        .St_News
        {
            width:100%; 
            margin-left:0px; 
            margin-right:0px;
            overflow:auto;
            text-align:center;
        }
        .St_News div
        {
            width:calc(100% - 12px);
            width: -webkit-calc(100% - 12px);
            width: -moz-calc(100% - 12px);
            margin-bottom:10px;
            border:#CCCCCC 1px solid;
            overflow:auto;
            padding-top:10px;
            padding-left:10px;
            padding-right:0px;
            background:#EEEEEE;
            border-radius:3px;
        }	    
       .St_News_detail
        {
            width: calc(100% - 20px); 
            width: -webkit-calc(100% - 20px);
            width: -moz-calc(100% - 20px);
            margin-left:10px; 
            margin-right:10px;
            overflow:auto;
        }
                
        .St_adv_right
        {
            width:calc(100% - 20px); 
            width: -webkit-calc(100% - 20px);
            width: -moz-calc(100% - 20px);
            overflow:auto;
            margin-top:10px;
            padding-left:10px;
            padding-right:10px;
           
            
        }
        .ST_Footer
        {
	        width: calc(100% - 30px);
	        width: -webkit-calc(100% - 30px);
            width: -moz-calc(100% - 30px);
	        overflow:auto;
	        margin:10px 15px 20px 15px;
	     }
        .ST_Footer div
        {
            width:100%; overflow:auto;
            text-align:center;
        }
        .St_f1
        {
            margin-top: 0px;
            margin-bottom: 0px;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 8pt;
            font-weight: normal;
            color: #808080;
            text-align:center;
        }
        .ST_ft2
        {
            margin-top: 0px;
            margin-bottom: 0px;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 8pt;
            font-weight: normal;
            color: #808080;
            text-align:center;
}
        .div_FT01
        {
            display:none;
        }
        .div_FT02
        {
            display:block;
        }
        #n1
         {
             display:block;
         }
         #n2
         {
             display:none;
         }
        
    }  

 @media screen and (max-width: 400px) {
  header div { margin: 0; }
  header { padding: 0; }
  
}