/*Điện thoại*/
@media all and  (max-width: 480px) {
 .page, .header_sub, .header_sub_top, .loginDisplay, .footer_sub, .copyright_sub
   {
       width:98%;  
   }
   
   .header_top
    {
        /*position: relative;*/
        height: 60px;
    }
    .header
    {
        height:40px;
    }
   .img_logo
   {
    max-width:280px;
    height:auto;    
   }
   .loginDisplay
    {
    font-size: 0.85em !important;
    }
    .div_item_right, .div_item_left
    {
        clear:both;
        float:left;
        width:100%;    
    }
    .last_news_img
    {
        height: 70px;
        width: 87px;
    }
    .op_step_1_right
    {
        width:100% !important;
        float:left !important;
    }
    
    .control_step
    {
        width:100% !important;
    }
    .op_left
    {
        width:98% !important;    
    }
    .op_step_1_left
    {
        width:90%;    
    }
    .op_right
    {
        float:left !important;
        width:97% !important;
        clear:both !important;
        margin-top:5px !important;    
    }
    .div_noptien
    {
        height:200px !important;    
        background-color:transparent !important;
    }
    .op_step
    {
        min-height:160px;
        /*background-color:transparent;    */
    }
    .div_payment, .div_payment_result
    {
        margin-top:-200px !important;    
    }
    /*ViewCommon*/
    .de
    {
        min-height:200px !important;    
        padding:0px !important;
    }
    .de_left
    {
        width:100% !important ;    
    }
    .de_right
    {
        width:100% !important ;    
    }
    /*End ViewCommon*/
    /*Login*/
    .login_logo
    {
        width:98%  !important;
    }
    .login_line,.login_line_line
    {
        display:none  !important ;
    }
    .login_input
    {
        clear:both !important ;
        width:100% !important ;
    }
    .textEntry,.passwordEntry
    {
        /* width:200px !important;   */ 
         width:100%;
    }
    .login_label
    {
        min-width:80px !important;    
    }
    .login_control
    {
        min-width:99px; 
         width:100%;   
    }
    /*End Login*/
    
    /*Contact*/
    .contact_left,.contact_right
    {
        width:100% !important;    
    }
    /*End Contact*/

    /*Last new*/
    .lastnew_left,.lastnew_right
    {
        width:100% !important;
    }
    .lastnew_right
    {
        border:1 solid yellow;
    }
    /*End Last new*/
    
    .left_column_admin,.right_column_admin
    {
        width:100% !important;
    }
    .copyright_left,.copyright_info
    {
        clear:both;
        float:left;
        width:100%;    
        font-size:0.95em !important;
        height:auto;
    }
    .copyright_info
    {
        text-align:left;    
    }
    .copyright
    {
        font-size:0.95em !important;
    }
     .master_div 
     {
        visibility:hidden;    
        height:0px;
        width:0px;
        overflow:hidden;
     }
     .box_group
     {
        visibility:hidden;    
        height:0px;
        width:0px;
        overflow:hidden;
     }
     .master_box
     {
        visibility:hidden;    
        height:0px;
        width:0px;
        overflow:hidden;
     }
     .ui-tooltip
     {
         max-width: 220px;
     }
     .div_dotthu_label
     {
         width:96%;
     }
    /*.op_step_item,.op_step_item_curent,.op_step_item_select
    {
        width:70% !important;
        background-size:100% !important;
    }
*/
}
/*Tablet*/
@media all and (min-width: 480px) and (max-width: 1024px) {
 .page, .header_sub, .header_sub_top, .loginDisplay, .footer_sub, .copyright_sub
   {
       width:98%;  
   }
   .img_logo
   {
    max-width:320px;
    height:auto;    
   }
   .div_item_left       
     {
        float:left !important;
        width:16% !important;  
     }
     .div_item_right
     {
        float:right !important;
        width:84% !important;    
     }
   .last_news_img
    {
        height: 70px;
        width: 87px;
    }
    .div_payment, .div_payment_result
    {
        margin-top:-100px !important;    
    }
    .control_step
    {
        width:100% !important;
    }
    .op_left
    {
        width:73%;    
    }
    .op_step_1_left
    {
        width:40%;    
    }
    .op_step_1_right
    {
        width:60%;    
    }
    .op_right
    {
        width:25%;
    }
    .op_step
    {
        min-height:80px;
        /*background-color:transparent;    */
    }
    .div_noptien
    {
        height:100px !important;    
        background-color:transparent !important;
    }
    /*ViewCommon*/
    .de_left
    {
        width:100%;    
    }
    .de_right
    {
        width:100%;    
    }
}
/*Màn hình PC*/
@media all and (min-width: 1024px)
{
     .div_item_left       
     {
        float:left !important;
        width:10% !important;  
        max-width:200px; 
     }
     .div_item_right
     {
        float:right !important;
        width:90% !important;    
     }
     .master_div
     {
        visibility:visible;   
     }
     
}