.index_upload{
    height:750px;
    width:1024px;
    background-color:#cccgray;
    /*background-image:url("image/default/img_background.png");*/    	
}

.index_link_str{
    display:inline-block;
    width:150px;
    color:#4E4C4D;
    cursor: pointer;
}
.index_login {
    border: 0px solid;
    border-radius: 5px;
    background-color:#84B92B;
    color:white;
    height:30px;
    width:90px;
    font-size: 15px ;
    cursor: pointer;
} 

.index_pwhelp{
    border: 0px solid;
    border-radius: 5px;
    background-color:#F03C3D;
    color:white;
    height:30px;
    width:120px;
    font-size: 15px ;
    cursor: pointer;
} 

.agent_cacnel {
    border: 0px solid;
    border-radius: 5px;
    background-color:#84B92B;
    color:white;
    height:30px;
    width:80px;
    font-size: 15px ;
    cursor: pointer;
} 

.index_logo{
    display:inline-block;
    margin-top:50px;
    /*margin-left:20px;*/
    background-image:url('../images/index/logo_sportsart.png');
    width:400px;
    height:62.8px;
    background-repeat: no-repeat;
    text-align: center;
    background-size: 100% 100%;
}

.index_upload_icon{
    height:30px;
    width:64px;
    font-size:14px; 
    color:#2a2a2a;    	
}

.index_upload_equ{
    font-size:18px; 
    color:#c12900;    	
}

.index_lang{
    display:inline-block;
    position: relative;
    left: 30%; 
    top: -30px;
    margin-top: 50px;
}

.down{	   
    width:100%;
    margin-top:-100px;
}

.down_left{
    width:400px;
    margin-left:-350px;
    margin-right:94px;
}
.down_right{
    width:350px;
}

.clubinfo_title{
    width:250px;
    font-size: 20px;
    display:inline-block;
   color: #808080; 
}
.clubinfo_content{
    width:330px;
    font-size: 20px;
    display:inline-block;
    text-align: left;
    color: #808080;
}

.down_left_font1{
    font-family:"Times New Roman";
    font-size:16px; 
    color:white;
    width:400px;
    height:40px; 	
}

.down_signup{
    font-size:18px; 
    color:#777777;
    margin-top:-30px;
    text-align:center;
}


.down_left_font2{
    font-family:"Times New Roman";
    font-size:16px;
    color:white;
    width:400px;
    margin-top:30px;	
}

.down_link{
    font-family:"Times New Roman";
    font-size:12px;
    color:white;    
    width:1024px;
    text-align:center;
    margin-top:70px;
}

.down_about{
    font-family:"Times New Roman";
    font-size:10px;
    color:white;    
    width:1024px;
    text-align:center;	
    margin-top:20px;
}

.goal_chart{
    position:absolute; 
    width: 291px; 
    height: 291px;
    margin-left:100px;
}

.home_title_select
{
   text-align:center;
   width:150px;
   height:30px;
   font-size: 24px;
   color: #2E61F3;
   display:inline-block;
   margin-top: 10px;
   border-bottom : 5px #2E61F3 solid; 
    cursor: pointer;
}
.home_title_unselect
{
   text-align:center;
   width:150px;
   height:30px;
   font-size: 24px;
   display:inline-block;
   margin-top: 10px;
   border-bottom : 2px #2E61F3 solid; 
    cursor: pointer;
    color:black;
}

.admin_title_select
{
   text-align:center;
   width:250px;
   height:30px;
   font-size: 20px;
   color: #2E61F3;
   display:inline-block;
   margin-top: 10px;
   border-bottom : 5px #2E61F3 solid; 
    cursor: pointer;
}
.admin_title_unselect
{
   text-align:center;
   width:250px;
   height:30px;
   font-size: 20px;
   display:inline-block;
   margin-top: 10px;
   border-bottom : 2px #2E61F3 solid; 
    cursor: pointer;
    color:black;
}

div.export_pic1 {
   width:90px; /*width of your image*/
   height:32px; /*height of your image*/
   /*background-image:url('../images/facility data/btn_export_1.png');//btn_export_1_1 .png*/
   background-image:url('../images/facility data/btn_export_1_1.png');
   margin:0; /* If you want no margin */
   padding:0; /*if your want to padding */
   background-repeat: no-repeat;
   color:#5C5C5C;
   cursor: pointer;
}
div.export_pic2 {
   width:90px; /*width of your image*/
   height:32px; /*height of your image*/
   /*background-image:url('../images/facility data/btn_export_2.png');*/
   background-image:url('../images/facility data/btn_export_2_1.png');
   margin:0; /* If you want no margin */
   padding:0; /*if your want to padding */
   background-repeat: no-repeat;
   color:white;
   cursor: pointer;
}
div.export_pic3 {
   width:150px; /*width of your image*/
   height:32px; /*height of your image*/
   /*background-image:url('../images/facility data/btn_export_1.png');//btn_export_1_1 .png*/
   background-image:url('../images/facility data/btn_export_1_1.png');
   margin:0; /* If you want no margin */
   padding:0; /*if your want to padding */
   background-repeat: no-repeat;
   color:#5C5C5C;
   cursor: pointer;
}

div.select_statusorder_pic {
   width:20px; /*width of your image*/
   height:20px; /*height of your image*/
   background-image:url('../images/facility data/ic_triangle_down.png');
   margin:0; /* If you want no margin */
   padding:0; /*if your want to padding */
   background-repeat: no-repeat;
   display:inline-block;
   margin-left:5px;
}

.home_page_select{
    display:inline-block;
    width:35px;
    height:20px;
    text-align:center;
    color:#B6293C;    
    font-size: 14px;
    cursor: pointer;
}

.home_page_unselect{
    display:inline-block;
    width:35px;
    height:20px;
    text-align:center;
    color:#7B7B7B;
    font-size: 14px;
    cursor: pointer;
}

div.nextpag_pic {
   width:10px; /*width of your image*/
   height:10px; /*height of your image*/
   background-image:url('../images/facility data/ic_triangle_right.png');
   margin:0; /* If you want no margin */
   padding:0; /*if your want to padding */
   background-repeat: no-repeat;
   cursor: pointer;
}

div.nonextpag_pic {
   width:10px; /*width of your image*/
   height:10px; /*height of your image*/
   background-image:url('../images/facility data/ic_triangle_right.png');
   margin:0; /* If you want no margin */
   padding:0; /*if your want to padding */
   background-repeat: no-repeat;
   opacity:0.5;
}

div.next2pag_pic {
   width:10px; /*width of your image*/
   height:10px; /*height of your image*/
   background-image:url('../images/facility data/next_2arrow.png');
   margin:0; /* If you want no margin */
   padding:0; /*if your want to padding */
   background-repeat: no-repeat;
   cursor: pointer;
}

div.nonext2pag_pic {
   width:10px; /*width of your image*/
   height:10px; /*height of your image*/
   background-image:url('../images/facility data/next_2arrow.png');
   margin:0; /* If you want no margin */
   padding:0; /*if your want to padding */
   background-repeat: no-repeat;
   opacity:0.5;
}

div.prevpage_pic {
   width:10px; /*width of your image*/
   height:10px; /*height of your image*/
   background-image:url('../images/facility data/ic_triangle_left.png');
   margin:0; /* If you want no margin */
   padding:0; /*if your want to padding */
   background-repeat: no-repeat;
   cursor: pointer;
}

div.noprevpage_pic {
   width:10px; /*width of your image*/
   height:10px; /*height of your image*/
   background-image:url('../images/facility data/ic_triangle_left.png');
   margin:0; /* If you want no margin */
   padding:0; /*if your want to padding */
   background-repeat: no-repeat;
   opacity:0.5;
}

div.prev2page_pic {
   width:10px; /*width of your image*/
   height:10px; /*height of your image*/
   background-image:url('../images/facility data/previous_2arrow.png');
   margin:0; /* If you want no margin */
   padding:0; /*if your want to padding */
   background-repeat: no-repeat;
   cursor: pointer;
}

div.noprev2page_pic {
   width:10px; /*width of your image*/
   height:10px; /*height of your image*/
   background-image:url('../images/facility data/previous_2arrow.png');
   margin:0; /* If you want no margin */
   padding:0; /*if your want to padding */
   background-repeat: no-repeat;
   opacity:0.5;
}

div.closedialog_pic {
   width:20px; /*width of your image*/
   height:20px; /*height of your image*/
   background-image:url('../images/facility data/btn_close.png');
   margin-left: 470px;
   background-repeat: no-repeat;
   margin-top:-20px;
   cursor: pointer;
   /*text-align: right;*/
}

div.closedialog_pic2 {
   width:20px; /*width of your image*/
   height:20px; /*height of your image*/
   margin-left: 220px;
   margin-top:8px;
   background-image:url('../images/facility data/btn_close.png');
   background-repeat: no-repeat;
   cursor: pointer;
   /*text-align: right;*/
}

div.closedialog_pic3 {
   width:14px; /*width of your image*/
   height:14px; /*height of your image*/
   margin-left: 0px;
   margin-top:0px;
   background-image:url('../images/device_error/ic_cancel.png');
   background-repeat: no-repeat;
   cursor: pointer;
   /*text-align: right;*/
}
div.delete_pic3 {
   width:14px; /*width of your image*/
   height:14px; /*height of your image*/
   margin-left: 0px;
   margin-top:0px;
   background-image:url('../images/device_error/ic_delete.png');
   background-repeat: no-repeat;
   cursor: pointer;
   /*text-align: right;*/
}

div.goto_pic {
   width:12px; /*width of your image*/
   height:12px; /*height of your image*/
   background-image:url('../images/facility data/ic_goto.png');
   margin-top: 0px;
   background-repeat: no-repeat;
   /*margin-top:-20px;*/
   max-width:60%; 
   max-height:60%;
   cursor: pointer;
   background-size: cover;
   /*text-align: right;*/
}

div.search_pic{
   width:30px; /*width of your image*/
   height:30px; /*height of your image*/
   background-image:url('../images/facility data/ic_search.png');
   margin-top: -30px;
   background-repeat: no-repeat;
   margin-left:447px;
   cursor: pointer;
   background-size: cover;
   /*text-align: right;*/
}

div.add_pic1_ {
   width:90px; /*width of your image*/
   height:32px; /*height of your image*/
   /*background-image:url('../images/adminstrator/btn_add_1.png');*/
   background-image:url('../images/error_alarm/btn_add_1.png');
   margin:0; /* If you want no margin */
   padding:0; /*if your want to padding */
   background-repeat: no-repeat;
   display: inline-block;
   cursor: pointer;
   font-size:14px;
   color:#5C5C5C;
}
div.add_pic1 {
   width:120px; /*width of your image*/
   height:32px; /*height of your image*/
   /*background-image:url('../images/adminstrator/btn_add_1.png');*/
   background-image:url('../images/error_alarm/btn_add_1.png');
   border-radius:10px;
   background-color:#E5E5E5;
   margin:0; /* If you want no margin */
   padding:0; /*if your want to padding */
   background-repeat: no-repeat;
   display: inline-block;
   cursor: pointer;
   font-size:14px;
   color:#5C5C5C;
}

div.add_pic2 {
   width:120px; /*width of your image*/
   height:32px; /*height of your image*/
/*   background-image:url('../images/adminstrator/btn_add_2.png');*/
   background-image:url('../images/error_alarm/btn_add_2.png');
   border-radius:10px;
   background-color:#848484;
   margin:0; /* If you want no margin */
   padding:0; /*if your want to padding */
   background-repeat: no-repeat;
   display: inline-block;
   cursor: pointer;
   font-size:14px;
   color:#ffffff;
}

div.add_pic3 {
   width:90px; /*width of your image*/
   height:32px; /*height of your image*/
   /*background-image:url('../images/adminstrator/btn_add_1.png');*/
   background-image:url('../images/error_alarm/btn_add_1.png');
   margin:0; /* If you want no margin */
   padding:0; /*if your want to padding */
   background-repeat: no-repeat;
   display: inline-block;
   cursor:default;
   font-size:14px;
   color:#5C5C5C;
   filter:alpha(Opacity=30);-moz-opacity:0.3;opacity: 0.3;
}

div.add_pic4 {
    
   width:45px; /*width of your image*/
   height:16px; /*height of your image*/
   background-image:url('../images/adminstrator/btn_lightbox_add_3.png');   
   margin:0; /* If you want no margin */
   padding:0; /*if your want to padding */
   background-repeat: no-repeat;
   display: inline-block;
   cursor: pointer;    
}
div.add_pic5 {
   width:45px; /*width of your image*/
   height:16px; /*height of your image*/
   background-image:url('../images/adminstrator/btn_lightbox_add_4.png');
   margin:0; /* If you want no margin */
   padding:0; /*if your want to padding */
   background-repeat: no-repeat;
   display: inline-block;
   cursor: pointer;
}



div.selectall_pic1 {
   width:90px; /*width of your image*/
   height:32px; /*height of your image*/
   background-image:url('../images/adminstrator/btn_selectall_1_1.png');
   margin:0; /* If you want no margin */
   padding:0; /*if your want to padding */
   background-repeat: no-repeat;
   display: inline-block;
   cursor: pointer;
   font-size: 14px;
   color:#5C5C5C;
}
div.selectall_pic2 {
   width:90px; /*width of your image*/
   height:32px; /*height of your image*/
   background-image:url('../images/adminstrator/btn_selectall_2_1.png');
   margin:0; /* If you want no margin */
   padding:0; /*if your want to padding */
   background-repeat: no-repeat;
   display: inline-block;
   cursor: pointer;
   font-size: 14px;
   color:white;
}

div.delete_pic1 {
   width:90px; /*width of your image*/
   height:32px; /*height of your image*/
   background-image:url('../images/adminstrator/btn_delete_1_1.png');
   margin:0; /* If you want no margin */
   padding:0; /*if your want to padding */
   background-repeat: no-repeat;
   display: inline-block;
   cursor: pointer;
   font-size: 14px;
   color:white;
}
div.delete_pic2 {
   width:90px; /*width of your image*/
   height:32px; /*height of your image*/
   background-image:url('../images/adminstrator/btn_delete_2_1.png');
   margin:0; /* If you want no margin */
   padding:0; /*if your want to padding */
   background-repeat: no-repeat;
   display: inline-block;
   cursor: pointer;
   font-size: 14px;
   color:white;
}

div.edit_pic1 {
   width:120px; /*width of your image*/
   height:32px; /*height of your image*/
   background-image:url('../images/adminstrator/btn_edit_1_1.png');
   margin:0; /* If you want no margin */
   padding:0; /*if your want to padding */
   background-repeat: no-repeat;
   display: inline-block;
   cursor: pointer;
   font-size: 14px;
   color:#194E60;
   background-color:#AFDFEF;
   border-radius: 10px;
}
div.edit_pic2 {
   width:90px; /*width of your image*/
   height:32px; /*height of your image*/
   background-image:url('../images/adminstrator/btn_edit_2_1.png');
   margin:0; /* If you want no margin */
   padding:0; /*if your want to padding */
   background-repeat: no-repeat;
   display: inline-block;
   cursor: pointer;
   font-size: 14px;
   color:white;
}

div.edit_pic3 {
   width:56px; 
   height:20px; 
   background-image:url('../images/error_alarm/btn_edit_1.png');
   margin:0; /* If you want no margin */
   padding:0; /*if your want to padding */
   background-repeat: no-repeat;
   display: inline-block;
   cursor: pointer;
   color:#194E60;
}
div.edit_pic4 {
   width:56px;
   height:20px;   
   background-image:url('../images/error_alarm/btn_edit_2.png');
   margin:0; /* If you want no margin */
   padding:0; /*if your want to padding */
   background-repeat: no-repeat;
   display: inline-block;
   cursor: pointer;
   color:white;
}

div.dialog_cancel_pic1 {
   width:90px; /*width of your image*/
   height:32px; /*height of your image*/
   background-image:url('../images/adminstrator/btn_lightbox_cancel_1_1.png');
   margin:0; /* If you want no margin */
   padding:0; /*if your want to padding */
   background-repeat: no-repeat;
   display: inline-block;
   cursor: pointer;
   font-size: 16px;
   color:#5C5C5C;
}
div.dialog_cancel_pic2 {
   width:90px; /*width of your image*/
   height:32px; /*height of your image*/
   background-image:url('../images/adminstrator/btn_lightbox_cancel_2_1.png');
   margin:0; /* If you want no margin */
   padding:0; /*if your want to padding */
   background-repeat: no-repeat;
   display: inline-block;
   cursor: pointer;
   font-size: 16px;
   color:white;
}
div.dialog_add_pic1 {
   width:90px; /*width of your image*/
   height:32px; /*height of your image*/
   background-image:url('../images/adminstrator/btn_lightbox_add_1_1.png');
   margin:0; /* If you want no margin */
   padding:0; /*if your want to padding */
   background-repeat: no-repeat;
   display: inline-block;
   cursor: pointer;
   color:white;
   font-size: 16px;
}
div.dialog_add_pic2 {
   width:90px; /*width of your image*/
   height:32px; /*height of your image*/
   background-image:url('../images/adminstrator/btn_lightbox_add_2_1.png');
   margin:0; /* If you want no margin */
   padding:0; /*if your want to padding */
   background-repeat: no-repeat;
   display: inline-block;
   cursor: pointer;
      color:white;
   font-size: 16px;
}
div.dialog_confirm_pic1 {
   width:90px; /*width of your image*/
   height:32px; /*height of your image*/
   background-image:url('../images/adminstrator/btn_lightbox_confirm_1_1.png');
   margin:0; /* If you want no margin */
   padding:0; /*if your want to padding */
   background-repeat: no-repeat;
   display: inline-block;
   cursor: pointer;
   color:white;
   font-size-adjust: 16px;
}
div.dialog_confirm_pic2 {
   width:90px; /*width of your image*/
   height:32px; /*height of your image*/
   background-image:url('../images/adminstrator/btn_lightbox_confirm_2_1.png');
   margin:0; /* If you want no margin */
   padding:0; /*if your want to padding */
   background-repeat: no-repeat;
   display: inline-block;
   cursor: pointer;
   color:white;
   font-size-adjust: 16px;
}

div.submit_pic1 {
   width:90px; /*width of your image*/
   height:32px; /*height of your image*/
   /*background-image:url('../images/adminstrator/btn_submit_1.png');*/
   background-image:url('../images/adminstrator/btn_lightbox_confirm_1_1.png');
   margin:0; /* If you want no margin */
   padding:0; /*if your want to padding */
   background-repeat: no-repeat;
   display: inline-block;
   cursor: pointer; 
   color:white;
   font-size-adjust: 16px;
}
div.submit_pic2 {
   width:90px; /*width of your image*/
   height:32px; /*height of your image*/
   /*background-image:url('../images/adminstrator/btn_submit_2.png');*/
   background-image:url('../images/adminstrator/btn_lightbox_confirm_2_1.png');
   margin:0; /* If you want no margin */
   padding:0; /*if your want to padding */
   background-repeat: no-repeat;
   display: inline-block;
   cursor: pointer;
   color:white;
   font-size-adjust: 16px;
}
div.clear_pic1 {
   width:90px; /*width of your image*/
   height:32px; /*height of your image*/
   background-image:url('../images/adminstrator/btn_clear_1.png');
   margin:0; /* If you want no margin */
   padding:0; /*if your want to padding */
   background-repeat: no-repeat;
   display: inline-block;
   cursor: pointer;    
}
div.clear_pic2 {
   width:90px; /*width of your image*/
   height:32px; /*height of your image*/
   background-image:url('../images/adminstrator/btn_clear_2.png');
   margin:0; /* If you want no margin */
   padding:0; /*if your want to padding */
   background-repeat: no-repeat;
   display: inline-block;
   cursor: pointer;
}

div.upload_pic1 {
   width:90px; /*width of your image*/
   height:32px; /*height of your image*/
   background-image:url('../images/adminstrator/btn_upload_1.png');
   margin:0; /* If you want no margin */
   padding:0; /*if your want to padding */
   background-repeat: no-repeat;   
   cursor: pointer;    
}

div.upload_pic2 {
   width:90px; /*width of your image*/
   height:32px; /*height of your image*/
   background-image:url('../images/adminstrator/btn_upload_2.png');
   margin:0; /* If you want no margin */
   padding:0; /*if your want to padding */
   background-repeat: no-repeat;   
   cursor: pointer;
}

div.dir_up {
   width:20px; /*width of your image*/
   height:22px; /*height of your image*/
   background-image:url('../images/facility data/ic_triangle_up.png');
   margin:0; /* If you want no margin */
   padding:0; /*if your want to padding */
   background-repeat: no-repeat;  
   text-align:right;
   cursor: pointer;
}

div.dir_down {
   width:20px; /*width of your image*/
   height:22px; /*height of your image*/
   background-image:url('../images/facility data/ic_triangle_down.png');
   margin:0; /* If you want no margin */
   padding:0; /*if your want to padding */
   background-repeat: no-repeat;  
   cursor: pointer;
}

div.set_icon {
   width:20px; /*width of your image*/
   height:22px; /*height of your image*/
   background-image:url('../images/home/set.png');
   margin:0; /* If you want no margin */
   padding:0; /*if your want to padding */
   background-repeat: no-repeat; 
   cursor: pointer;
}

div.del_pic {
   width:18px; /*width of your image*/
   height:18px; /*height of your image*/
   background-image:url('../images/device_error/ic_delete.png');
   margin:0; /* If you want no margin */
   padding:0; /*if your want to padding */
   background-repeat: no-repeat;
   vertical-align: middle;
}

div.save_pic {
   width:18px; /*width of your image*/
   height:18px; /*height of your image*/
   background-image:url('../images/device_error/ic_save.png');
   margin:0; /* If you want no margin */
   padding:0; /*if your want to padding */
   background-repeat: no-repeat;
   vertical-align: middle;
}

div.cancel_pic {
   width:18px; /*width of your image*/
   height:18px; /*height of your image*/
   background-image:url('../images/device_error/ic_cancel.png');
   margin-top:4px; /* If you want no margin */
   padding:0; /*if your want to padding */
   background-repeat: no-repeat;
   vertical-align: middle;
}

div.add_pic {
   width:18px; /*width of your image*/
   height:18px; /*height of your image*/
   background-image:url('../images/device_error/ic_add.png');
   margin-top:5px; /* If you want no margin */
   padding:0; /*if your want to padding */
   background-repeat: no-repeat;
   vertical-align: middle;
}

div.sa_export_pic1 {
   width:90px; /*width of your image*/
   height:32px; /*height of your image*/
   background-image:url('../images/device_error/btn_export_1.png');
   margin:0; /* If you want no margin */
   padding:0; /*if your want to padding */
   background-repeat: no-repeat;
   color:#5C5C5C;
   cursor: pointer;
}
div.sa_export_pic2 {
   width:90px; /*width of your image*/
   height:32px; /*height of your image*/
   background-image:url('../images/device_error/btn_export_2.png');
   margin:0; /* If you want no margin */
   padding:0; /*if your want to padding */
   background-repeat: no-repeat;
   color:white;
   cursor: pointer;
}

div.sa_delete_pic1 {
   width:90px; /*width of your image*/
   height:32px; /*height of your image*/
   background-image:url('../images/device_error/btn_delete_1.png');
   /*margin:0;  If you want no margin */
   /*padding:0; if your want to padding */
   background-repeat: no-repeat;
   display: inline-block; 
   opacity:0.3;
   filter:alpha(opacity=30);
}

div.sa_delete_pic2 {
   width:90px; /*width of your image*/
   height:32px; /*height of your image*/
   background-image:url('../images/device_error/btn_delete_2.png');
   /*margin:0;  If you want no margin */
   /*padding:0; if your want to padding */
   background-repeat: no-repeat;
   display: inline-block;
   cursor: pointer;
}

div.sa_search_pic {
   width:24px; /*width of your image*/
   height:24px; /*height of your image*/
   background-image:url('../images/device_error/ic_search.png');
   margin:0; /* If you want no margin */
   padding:0; /*if your want to padding */
   background-repeat: no-repeat;
   
   cursor: pointer;
}

div.datepicker {
   width:24px; /*width of your image*/
   height:24px; /*height of your image*/
   background-image:url('../images/device_error/ic_date.png');
   margin:0; /* If you want no margin */
   padding:0; /*if your want to padding */
   background-repeat: no-repeat;   
   cursor: pointer;
}

div.img_up {
   width:50px; /*width of your image*/
   height:61px; /*height of your image*/
   background-image:url('../images/error_alarm/left_.png');
   margin:0; /* If you want no margin */
   padding:0; /*if your want to padding */
   background-repeat: no-repeat;  
   text-align:right;
   cursor: pointer;
}

div.img_up2 {
   width:50px; /*width of your image*/
   height:61px; /*height of your image*/
   background-image:url('../images/error_alarm/left.png');
   /*margin:0;*/ /* If you want no margin */
   /*padding:0;*/ /*if your want to padding */
   background-repeat: no-repeat;  
   text-align:right;
    filter:alpha(Opacity=40);-moz-opacity:0.4;opacity: 0.4;
	height:200px;
	vertical-align:middle;
	margin-top:-100px;
}

div.img_down {
   width:50px; /*width of your image*/
   height:61px; /*height of your image*/
   background-image:url('../images/error_alarm/right_.png');
   /*margin:0;*/ /* If you want no margin */
   /*padding:0;*/ /*if your want to padding */
   background-repeat: no-repeat;  
   cursor: pointer;
   height:200px;
   vertical-align:middle;
   margin-top:-100px;
}

div.img_down2 {
   width:50px; /*width of your image*/
   height:61px; /*height of your image*/
   background-image:url('../images/error_alarm/right.png');
   /*margin:0;*/ /* If you want no margin */
   /*padding:0;*/ /*if your want to padding */
   background-repeat: no-repeat;  
   text-align:right;
    filter:alpha(Opacity=40);-moz-opacity:0.4;opacity: 0.4;
	height:200px;
	vertical-align:middle;
	margin-top:-100px;
}

div.view {
   width:45px; /*width of your image*/
   height:45px; /*height of your image*/
   background-image:url('../images/view.png');
   margin:0; /* If you want no margin */
   padding:0; /*if your want to padding */
   background-repeat: no-repeat;
   display: inline-block;
   cursor: pointer;
   font-size: 14px;
   color:white;
}

div.showimg {
   width:75px; /*width of your image*/
   height:75px; /*height of your image*/
   margin:0; /* If you want no margin */
   padding:0; /*if your want to padding */
   background-repeat: no-repeat;
   display: inline-block;
   cursor: pointer;
   font-size: 14px;
   color:white;
}

#css_table_home {
      display:table;
  }
.css_tr_home {
      display: table-row;
  }
.css_td_home {
      display: table-cell;
      font-size: 18px;
      color:#558EDB;
  }

  div.save_pic3 {
   width:90px; /*width of your image*/
   height:32px; /*height of your image*/
   background-image:url('../images/error_alarm/btn_save_1.png');
   margin:0; /* If you want no margin */
   padding:0; /*if your want to padding */
   background-repeat: no-repeat;
   display: inline-block;
   cursor: pointer;
}

div.save_pic4 {
   width:90px; /*width of your image*/
   height:32px; /*height of your image*/
   background-image:url('../images/error_alarm/btn_save_2.png');
   margin:0; /* If you want no margin */
   padding:0; /*if your want to padding */
   background-repeat: no-repeat;
   display: inline-block;
   cursor: pointer;   
}

div.online {
   width:80px; /*width of your image*/
   height:27px; /*height of your image*/
   background-image:url('../images/online.png');
   margin:0; /* If you want no margin */
   padding:0; /*if your want to padding */
   background-repeat: no-repeat;
   display: inline-block;
   cursor: pointer; 
   font-size:14px;
   text-align: left;
   color:gray;   
}

div.offline {
   width:80px; /*width of your image*/
   height:27px; /*height of your image*/
   background-image:url('../images/offline.png');
   margin:0; /* If you want no margin */
   padding:0; /*if your want to padding */
   background-repeat: no-repeat;
   display: inline-block;
   cursor: pointer; 
   font-size:14px;
   text-align: left;
   color:gray;      
}




#css_table {
      display:table;      
  }
.css_tr {
      display: table-row;
  }
  .css_tr1 {
      display: table-row;
      cursor: pointer;
  }
  .css_tr2 {
      display: table-row;      
  }
  .css_td0 {
      display: table-cell;
      width:30px;
      height:36px;  
      text-align: center;
  }
.css_td1 {
      display: table-cell;
      width:170px;
      height:36px;
      font-size:20px;
      color: #808080;
      text-align:left;      
  }
  .css_td2 {
      display: table-cell;
      width:350px;
      height:36px;
      font-size:20px;
      color: #808080;
      text-align:left;  
  }
  .css_td3 {
      display: table-cell;
      width:50px;
      height:36px;
      font-size:20px;
      color: #808080;
      text-align:left;      
  }
  .css_td4 {
      display: table-cell;
      width:140px;
      height:36px;
      font-size:20px;
      color: #808080;
      text-align:left;  
  }
  .css_td5 {
      display: table-cell;
      width:220px;
      height:36px;
      font-size:20px;
      color: #808080;
      text-align:left;      
  }
  .css_td6 {
      display: table-cell;
      width:220px;
      height:36px;
      font-size:20px;
      color: #808080;
      text-align:left;  
  }
  .css_td4_1 {
      display: table-cell;
      width:140px;
      height:24px;
      font-size:15px;
      color: #808080;
      text-align:left;
vertical-align: middle;	  
  }

  .css_td5_1  {
      display: table-cell;
      width:200px;
      height:24px;
      font-size:15px;
      color: #808080;
      text-align:left;      
  }
  .css_td6_1  {
      display: table-cell;
      width:200px;
      height:24px;
      font-size:15px;
      color: #808080;
      text-align:left;  
  }
  .css_td7 {
      display: table-cell;
      width:40px;
      height:36px;
      
  }
  .css_td8 {
      display: table-cell;
      width:50px;
      height:36px;
      font-size:20px;
      color: #808080;
      text-align:left;  
  }  
  .css_td8_1 {
      display: table-cell;
      width:50px;
      height:24px;
      font-size:15px;
      color: #808080;
      text-align:left;  
  }
  .css_td9{
      display: table-cell;
      width:70px;
      height:36px;
      font-size:20px;
      color: #808080;
      text-align:center;  
  }
   .css_td9_1 {
      display: table-cell;
      width:70px;
      height:24px;
      font-size:15px;
      color: #808080;
      text-align:center;  
  } 
  .css_td_title {
      display: table-cell;
/*      width:170px;
      height:36px;
      font-size:20px;*/
      color:#282828;
      text-align:center; 
      font-size:12px ;
      font-weight: bold;
  }
  
    .css_title0 {
      display: table-cell;
      width:110px;
/*      height:36px;
      font-size:20px;*/
      color:#282828;
      text-align:center; 
      font-size:12px ;
      font-weight: bold;
  }
  .css_title1 {
      display: table-cell;
/*      width:170px;
      height:36px;
      font-size:20px;*/
      color:#282828;
      text-align:center; 
      font-size:12px ;
      font-weight: bold;
  }  
  .css_title2 {
      display: table-cell;
/*      width:170px;
      height:36px;
      font-size:20px;*/
      color:#282828;
      text-align:center; 
      font-size:12px ;
      font-weight: bold;
  }
  .css_title3 {
      display: table-cell;
/*      width:170px;
      height:36px;
      font-size:20px;*/
      color:#282828;
      text-align:center; 
      font-size:12px ;
      font-weight: bold;
  }
  .css_title4 {
      display: table-cell;
/*      width:170px;
      height:36px;
      font-size:20px;*/
      color:#282828;
      text-align:center; 
      font-size:12px ;
      font-weight: bold;
  }
  .css_title5 {
      display: table-cell;
/*      width:170px;
      height:36px;
      font-size:20px;*/
      color:#282828;
      text-align:center; 
      font-size:12px ;
      font-weight: bold;
  }
  .css_title6 {
      display: table-cell;
/*      width:170px;
      height:36px;
      font-size:20px;*/
      color:#282828;
      text-align:center; 
      font-size:12px ;
      font-weight: bold;
  }
  .css_title7 {
      display: table-cell;
/*      width:170px;
      height:36px;
      font-size:20px;*/
      color:#282828;
      text-align:center; 
      font-size:12px ;
      font-weight: bold;
  }
  
  
  .css_tr_detail_info {
      display: table-row;
      display:inline-block;
      width:200px;
      height:25px;
      font-size: 14px;
      margin-left:10px;
  }
  
  .css_td_hoclub_name{
      display: table-cell;
      width:150px;
      height:20px;      
      color: #808080;
      text-align:center; 
      font-size:20px;
  }
  .css_td_hoclub_contact{
      display: table-cell;
      width:60px;
      height:20px;      
      color: #808080;
      text-align:center; 
      font-size:20px;
  }
  .css_td_hoclub_address{
      display: table-cell;
      width:300px;
      height:20px;      
      color: #808080;
      text-align:center; 
      font-size:20px;
  }
  .css_td_hoclub_tel{
      display: table-cell;
      width:200px;
      height:20px;      
      color: #808080;
      text-align:center; 
      font-size:20px;
  }
  
  .css_td_sn {
      display: table-cell;
      width:90px;
      height:20px;      
      color: #808080;
      text-align:center; 
      font-size:14px;
  }
  .css_td_facility_name {
      display: table-cell;
      width:130px;
      height:20px;
      color:#282828;
      text-align:center;
      font-size:14px;
  }
    .css_td_workout {
      display: table-cell;
      width:120px;
      height:20px;      
      color: #808080;
      text-align:center; 
      font-size:14px;
  }
  
  .css_workout_status {
      display: table-cell;
      width:76px;
      height:40px;
      font-size:14px;
      color: #808080;
      text-align:center;  
      /*vertical-align:middle;*/
  }
  
   .css_network_status {
      display: table-cell;
      width:76px;
      height:40px;
      font-size:14px;
      color: #808080;
      text-align:center;
      
      /*vertical-align:middle;*/
  }
  
   .css_maintence_status {
      display: table-cell;
      width:130px;
      height:40px;
      font-size:14px;
      color: #808080;
      text-align:center;
      /*vertical-align:middle;*/
  }
  
  .css_lasttime {
      display: table-cell;
      width:79px;
      height:40px;
      font-size:14px;
      color: #808080;
      text-align:center;      
  }
  
  .css_mac {
      display: table-cell;
      width:130px;
      height:40px;
      font-size:14px;
      color: #808080;
      text-align:center;      
  }
  
    .css_user {
      display: table-cell;
      width:110px;
      height:40px;
      font-size:14px;
      color: #808080;
      text-align:center;      
  }

  
  .dialog_title{
      font-size: 18px;
      color:#848484;
      text-align: center;
      margin-top:6px;
  }
  
   .dialog_items{
      font-size: 12px;
      color:#595959;
      text-align: left;
      margin-top:15px;
      margin-left: 20px;
  }

#rerun:disabled {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff;
    background: #595959 !important;
    opacity: 1 !important;
}

/* Club login page */
.club-login-page {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    min-height: 600px;
    padding: 42px 24px 28px;
    background: #cccccc;
}

.club-login-page .index_lang {
    position: absolute;
    z-index: 10;
    top: 22px;
    right: max(24px, calc((100% - 1024px) / 2));
    left: auto;
    margin-top: 0;
}

.club-login-page #rerun {
    box-sizing: border-box;
    width: 165px;
    min-height: 35px;
}

.club-login-shell {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 100%;
    max-width: 1024px;
    height: auto;
    min-height: 530px;
    background: transparent;
}

.club-login-card {
    box-sizing: border-box;
    width: min(100%, 500px);
    padding: 34px 48px 30px;
    border-radius: 8px;
    background: #f4f4f4;
    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.15);
}

.club-login-card .index_logo {
    display: block;
    width: min(100%, 400px);
    height: 63px;
    margin: 0 auto;
    background-size: contain;
    background-position: center;
}

.club-login-title {
    margin-top: 14px;
    color: #4f4f4f;
    font-size: 32px;
    font-weight: 600;
    line-height: 1.2;
}

.club-login-form {
    margin-top: 25px;
    text-align: left;
}

.club-login-field + .club-login-field {
    margin-top: 17px;
}

.club-login-label {
    display: flex;
    gap: 2px;
    margin-bottom: 6px;
    color: #333333;
    font-size: 16px;
    line-height: 1.35;
}

.club-login-field #id,
.club-login-field #pw,
.club-login-field input {
    box-sizing: border-box;
    width: 100%;
}

.club-login-field input {
    height: 40px;
    padding: 7px 11px;
    border: 1px solid #777777;
    border-radius: 4px;
    color: #222222;
    background: #ffffff;
    font: inherit;
}

.club-login-field input::placeholder {
    color: #666666;
    opacity: 1;
}

.club-login-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px 20px;
    margin-top: 16px;
    color: #333333;
    font-size: 14px;
}

.club-login-remember {
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
    gap: 7px;
    width: auto;
    color: #333333;
    font-weight: normal;
    cursor: pointer;
}

.club-login-remember input {
    margin: 0;
}

.club-login-links {
    display: flex;
    justify-content: flex-end;
    gap: 18px;
}

.club-login-link {
    color: #397a18;
    text-decoration: underline;
    text-underline-offset: 2px;
    cursor: pointer;
}

.club-login-card #login_btn_div1 {
    margin-top: 22px;
    text-align: center;
}

.club-login-message {
    min-height: 18px;
    margin-top: 10px;
    color: #a32222;
    font-size: 14px;
    line-height: 1.3;
    text-align: center;
}

.club-login-card .index_login {
    width: 132px;
    height: 38px;
    background-color: #5f921e;
    font-size: 16px;
}

.club-login-password-help {
    height: 0;
    margin: 0;
    visibility: hidden;
}

.club-login-policy {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 22px;
    color: #4e4c4d;
    font-size: 13px;
}

.club-login-policy .index_link_str {
    width: auto;
    min-width: 130px;
    text-align: center;
}

.club-login-page .down {
    margin-top: 24px;
}

@media (max-width: 620px) {
    .club-login-page {
        padding: 72px 16px 24px;
    }

    .club-login-page .index_lang {
        top: 18px;
        right: 16px;
    }

    .club-login-card {
        padding: 28px 22px 26px;
    }

    .club-login-actions {
        align-items: flex-start;
        flex-direction: column;
    }

    .club-login-links {
        justify-content: flex-start;
        flex-wrap: wrap;
    }
}
  
   .dialog_input{
      font-size: 14px;
      text-align: left;
      height:24px;
      /*border: 1px #b5b5b5 solid;*/
  }
  
  
.home_weekly_summary_font
{
    font-family:"Times New Roman";
    font-size:18px;
    color:#999999;
}

.home_weekly_val_font
{
    font-family:"Times New Roman";
    font-size:30px;
    color:#2a2a2a;
}

.home_weekly_unit_font
{
    font-family:"Times New Roman";
    font-size:18px;
    display: inline-block;
    text-align : center;
    color:#2a2a2a;
}

.home_lang{
    display:inline-block;
    position: relative;
    left: 450px; 
    top: 0px;
    font-size:14px;
}

.home_name1
{
    font-family:"Times New Roman";
    font-size:36px;
    display: inline-block;
    text-align : center;
    color: #5e5e5e;
}

.home_name2
{
    font-family:"Times New Roman";
    font-size:36px;
    display: inline-block;
    text-align : center;
    color: #bd1600;
}

.home_weekly_border
{
    border-left-style:solid;
    border-width:1px;
    display: inline-block;
}


.home_weekly_width
{
    width:180px;
}

.home_border_up
{
    border-top:1px  solid #ccc;
    border-left:1px solid #ccc;
    border-right:1px solid #ccc;
}

.home_border_down
{
    border:1px  solid #ccc;
}

.home_user_profile
{
    display: inline-block;
    font-family:"Times New Roman";
    font-size:20px;
}

.home_aha_title
{
    font-family:"Times New Roman";
    font-size:20px;
    text-align : center;
    color: blue;
}

.home_aha_contents1
{
    font-family:"Times New Roman";
    font-size:18px;
    display: inline-block;

}

.home_aha_contents2
{
    font-family:"Times New Roman";
    font-size:18px;
    display: inline-block;
    text-align : left;

}

.result_type1
{
    display:inline-block;
    color:green;
}

.result_type2
{
    display:inline-block;
    color:gray;
}

.result_history_month
{
    font-family:"Times New Roman";
    font-size:18px;
    color : black;
}

.result_select_title_font
{	
    font-size:14px;
    color : #7F7F7F;
    margin-bottom:10px;
    margin-top:30px;
}

.result_select_font
{	
    font-size:14px;
    color : #2e61f3;

}


/* table */
.table {  
    display: table; 
    /*border-collapse: collapse; */
}  

/* tr */
.row{
    display: table-row; 
    margin-top:5px;
    margin-left:-50px;
}

.result_title_green{
    display:inline-block;
    color:#42A00F;
    margin-top:20px;
    font-size:18px;
}

.result_title_gray{
    display:inline-block;
    color:#7F7F7F;
    margin-top:20px;
    font-size:18px;
}

.workout_title_green{
    display:inline-block;
    color:#42A00F;
    margin-top:20px;
    font-size:18px;
}

.workout_title_gray{
    display:inline-block;
    color:#7F7F7F;
    margin-top:20px;
    margin-left:200px;
    font-size:18px;
}

/* td , th */
.cell1 {  
    display: table-cell; 
    width: 210px; 
    padding-left: 10px; 
    /*border-right: 1px dotted #fff; 
    background:#fcd6d6;*/
}  

.cell2 {  
    display: table-cell;

    height:50px;  
    /*
    width: 180px; 
    padding-left: 10px; 
    border-right: 1px dotted #fff; 
    background:#eff8ff;
    */
}

/* td , th */
.cell3 {  
    display: table-cell; 
    width: 90px; 
    height:25px;
    padding-left: 0px; 

    /*border-right: 1px dotted #fff; 
    background:#fcd6d6;*/
}  
/* td , th */
.cell4 {  
    display: table-cell; 
    width: 180px;
    height:25px;  
    padding-left: 0px; 

    /*border-right: 1px dotted #fff; 
    background:#fcd6d6;*/
} 
.cell4_1 {  
    display: table-cell; 
    width: 180px;
    height:25px;  
    padding-left: -10px; 

    /*border-right: 1px dotted #fff; 
    background:#fcd6d6;*/
} 

.cell5 {  
    display: table-cell;
    background:white; 
    height:20px;  

}


.background0 {  
    background:#ECECEC;   
}

.background1 {  
    background:white;   
}

.rs_history_month{
    display:inline-block;
    font-size:18px;
    color:black;
    width:70px;
}

.rs_history_num{
    display:inline-block;
    font-size:14px;
    color:#7F7F7F;

}

.rs_history_day{
    font-size:18px;
    color:#7F7F7F;
    margin-top:-25px;
    width:34px;
}  

.rs_history_workout_icon{
    display:inline-block; 
    width:35px;
    margin-left:10px;
    margin-top:3px;
    vertical-align : middle;
}

.rs_history_typename{
    font-size:12px;
    color:#7F7F7F;
}

.rs_history_val1_width
{
    display:inline-block;
    width:140px;
    height:40px;
    vertical-align : middle;
}

.rs_history_val2_width
{
    display:inline-block;
    width:130px;
    height:40px;
    vertical-align : middle;
}

.rs_history_val3_width
{
    display:inline-block;
    width:115px;
    height:40px;
    vertical-align : middle;
}

.rs_history_fb
{
    display:inline-block;
    width:100px;
    vertical-align : middle;
}

.rs_history_calval
{
    display:inline-block;
    font-size:18px;
    color:#D3350F;
    margin-right:5px;
}

.rs_history_calunit
{
    display:inline-block;
    font-size:12px;
    color:#D3350F;
}

.rs_history_val
{
    display:inline-block;
    font-size:18px;
    color:black;
    margin-right:5px;
}

.rs_history_unit
{
    display:inline-block;
    font-size:12px;
    color:black;
}

.rs_history_clock_icon
{
    display:inline-block;
    margin-right:5px;
}


#loading {
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    position: fixed;
    display: block;
    opacity: 0.7;
    background-color: #fff;
    z-index: 99;
    text-align: center;
}

#loading-image {
    position: absolute;
    top: 45%;
    left: 50%;
    z-index: 100;
}

div.net1 {
	height: 40px;
	width: 40px;        
	/*position:absolute;*/
	background-image: url('../images/home/net1.png');
    vertical-align:middle;display:inline-block;
    /*display:table-cell; vertical-align:middle;*/
    background-repeat: no-repeat;
  
}

div.net0 {
	height: 40px;
	width: 40px;  
	/*position:absolute;*/
	background-image: url('../images/home/net0.png');
	vertical-align:middle;display:inline-block;
    /*display:table-cell; vertical-align:middle;*/
   background-repeat: no-repeat;

}

div.maint0 {
	height: 40px;
	width: 40px;        
	/*position:absolute;*/
	background-image: url('../images/home/maint0.gif');
    vertical-align:middle;display:inline-block;
    /*display:table-cell; vertical-align:middle;*/
    background-repeat: no-repeat;
  
}

div.maint1 {
	height: 40px;
	width: 40px;        
	/*position:absolute;*/
	background-image: url('../images/home/maint1.gif');
    vertical-align:middle;display:inline-block;
    /*display:table-cell; vertical-align:middle;*/
    background-repeat: no-repeat;
  
}

div.maint2 {
	height: 40px;
	width: 40px;        
	/*position:absolute;*/
	background-image: url('../images/home/maint2.gif');
   vertical-align:middle;display:inline-block;
    /*display:table-cell; vertical-align:middle;*/
    background-repeat: no-repeat;
  
}

div.idel {
	height: 40px;
	width: 40px;        
	/*position:absolute;*/
	background-image: url('../images/home/idel.png');
    vertical-align:middle;display:inline-block;
    /*display:table-cell; vertical-align:middle;*/
    background-repeat: no-repeat;  
}

div.inuse {
	height: 40px;
	width: 40px;        
	/*position:absolute;*/
	background-image: url('../images/home/inuse.png');
	vertical-align:middle;display:inline-block;
    /*display:table-cell; vertical-align:middle;*/
    background-repeat: no-repeat;  
}

div.error {
	height: 40px;
	width: 40px;        
	/*position:absolute;*/
	background-image: url('../images/home/error.png');
    vertical-align:middle;display:inline-block;
    /*display:table-cell; vertical-align:middle;*/
    background-repeat: no-repeat;  
}

div.back {
	height: 100px;
	width: 100px;        
	/*position:absolute;*/
	background-image: url('../images/home/back.gif');
    margin-top:10;
    /*display:table-cell; vertical-align:middle;*/
    background-repeat: no-repeat; 
    cursor: pointer;
}

div.back1 {
	height: 100px;
	width: 100px;        
	/*position:absolute;*/
	background-image: url('../images/home/back1.gif');
    /*margin:0 auto;*/
    /*display:table-cell; vertical-align:middle;*/
    background-repeat: no-repeat; 
    cursor: pointer;
}

.checkbox{
    font-size: 14px;
    margin-top:10px;
    margin-left: 10px;
}

div.maintenance1
{
    display:inline-block;
    margin-top:-20px;
    /*margin-left:20px;*/ 
/*    background-image:url('../images/device_error/btn_linklist_cn_1.png');*/
    background-image:url('../images/device_error/btn_linklist_1_.png');
    width:105px;
    height:24px;
    background-repeat: no-repeat;
    text-align: center;
    background-size: 100% 100%;
    vertical-align: middle;
    cursor: pointer;
    font-size: 14px;
    color:#0B407D;
}

div.maintenance2
{
    display:inline-block;
    margin-top:-20px;
    /*margin-left:20px;*/ 
/*    background-image:url('../images/device_error/btn_linklist_cn_2.png');*/
    background-image:url('../images/device_error/btn_linklist_2_.png');
    width:105px;
    height:24px;
    background-repeat: no-repeat;
    text-align: center;
    background-size: 100% 100%;
    vertical-align: middle;
    cursor: pointer;
    font-size: 14px;
    color:white;
}

div.maintenance3
{
    display:inline-block;
    margin-top:-20px;
    /*margin-left:20px;*/ 
    background-image:url('../images/device_error/btn_linklist_1.png');
    width:105px;
    height:24px;
    background-repeat: no-repeat;
    text-align: right;
    background-size: 100% 100%;
    vertical-align: middle;
    cursor: pointer;
    font-size: 14px;
    color:#215189;
}

div.maintenance4
{
    display:inline-block;
    margin-top:-20px;
    /*margin-left:20px;*/ 
    background-image:url('../images/device_error/btn_linklist_2.png');
    width:105px;
    height:24px;
    background-repeat: no-repeat;
    text-align: right;
    background-size: 100% 100%;
    vertical-align: middle;
    cursor: pointer;
    font-size: 14px;
    color:white;
}

div.imgresize {
/*	
max-width:50px;
width:50px;
width:expression(document.body.clientWidth>50?"50px":"auto");
overflow:hidden;
*/
     width: auto;
     height: auto;
     max-width: 100%;
     max-height: 100%;
}

.css_samag_td_b1 {
      //display: table-cell;
      width:60px;  
      display:inline-block;
  }
  .css_samag_td_b2 {
      //display: table-cell;
      width:901px;
      display:inline-block;
  }
    .css_samag_tr_b2 {
      //display: table-row;
      width:901px;      
  }
  .css_samag_td_b3 {
      //display: table-cell;
      width:20px;  
      display:inline-block;
  }

.css_samag_td0 {
      //display: table-cell;
      width:15px;
      height:48px;  
      text-align: center;  
      display:inline-block;
  }
  
.css_samag_td1 {
     // display: table-cell;
      width:58px;
      height:24px;  
      font-size:14px;
      text-align: center;
      display:inline-block;
  }
  
  .css_samag_td11 {
      //display: table-cell;
      width:15px;
      height:90px;  
      text-align: center;  
      display:inline-block;
  }
  
  .css_samag_td2 {
      //display: table-cell;
      width:185px;
      height:24px;
      font-size:14px;
      color:#282828;
      text-align:left;      
      display:inline-block;
  }
  .css_samag_td3 {
      /*display: table-cell;*/
      width:75px;
      height:24px;
      font-size:14px;
      color:#282828;
      text-align:left;
      display:inline-block;
  }
  .css_samag_td4 {
      //display: table-cell;
      width:150px;
      height:24px;
      font-size:14px;
      color:#282828;
      text-align:left;
      display:inline-block;
  }
  .css_samag_td5 {
      //display: table-cell;
      width:120px;
      height:24px;
      font-size:14px;
      color:#282828;
      text-align:left;  
      display:inline-block;
  }
.css_samag_td6 {
      //display: table-cell;
      width:131px;
      height:24px;
      font-size:14px;
      color:#282828;
      text-align:center; 
      display:inline-block;
  }
  
  .css_samag_td7 {
      //display: table-cell;
      width:770px;
      height:24px;
      font-size:14px;
      color:#282828;
      text-align:left; 
      display:inline-block;
  }
  
    .css_samag_td8 {
      //display: table-cell;
      width:165px;
      font-size:14px;     
      text-align:center; 
      display:inline-block;
  }
    .css_samag_td9 {
      //display: table-cell;
      width:204px;     
      font-size:14px;
      text-align:center; 
      display:inline-block;
  }
    .css_samag_td10 {
      //display: table-cell;
      width:370px;     
      font-size:14px;
      text-align:center; 
      display:inline-block;
  }
   
   ::-webkit-input-placeholder { /* WebKit browsers */
    color:    #bfbfbf;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #bfbfbf;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #bfbfbf;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
   color:    #bfbfbf;
}
.placeholder{  /* Internet Explorer 8 & 9*/
	color: #bfbfbf;
}
  
.ui-datepicker { width: 17em; padding: .2em .2em 0; z-index:9999 !important; }

.club_search_table1_1{display:inline-block;width:200px;font-size:16px;text-align:left;background-color: #808080;}
.club_search_table2_1{display:inline-block;width:500px;font-size:16px;text-align:left;margin-left:3px;background-color: #808080;}
.club_search_table1_2{display:inline-block;width:200px;font-size:16px;text-align:left;}
.club_search_table2_2{display:inline-block;width:500px;font-size:16px;text-align:left;margin-left:3px;}

.gamemenu_border{border:2px #144BFF solid;border-radius:20px;width:360px;height:60px;background-color:#449EFF;margin: auto;margin-top:50px;margin-bottom:50px;vertical-align:middle;}

/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 10%; /* Location of the box */
	padding-left: 40%;

    width: 300px; /* Full width */
    height: 200px; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    
}

/* Modal Content */
.modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
}

/* 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;
}

.tooltip {
    position: relative;
    display: inline-block;
    
	
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 300px;
    background-color: black;
    color: darkgray;
    text-align: left;
    border-radius: 6px;
    padding: 5px 0;

    /* Position the tooltip */
    position: absolute;
    z-index: 1;
	border: 1px solid lightgray;font-size:12px;background-color:white;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
}

.loader {
  border: 16px solid #f3f3f3; /* Light grey */
  border-top: 16px solid #3498db; /* Blue */
  border-radius: 50%;
  width: 120px;
  height: 120px;
  animation: spin 2s linear infinite;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}