html { margin:0; padding:0; border:0; overflow-x:hidden; overflow-Y:auto; } html, body { position:relative; background-color: #FFFFFF; font-family: Microsoft JhengHei,arial,helvetica,sans-serif; } a{ text-decoration:none; color:#AAAAAA; font-weight:bold; } a:link{ text-decoration:none; color:#AAAAAA; font-weight:bold; } a:visited { color:#EEEEEE; font-weight:bold; } a:hover { //text-decoration:underline; text-decoration:none; color:#FFFFFF; font-weight:bold; } a:active { text-decoration:none; color:#FFFFFF; font-weight:bold; } .navbar { margin-bottom: 0; border-radius: 0; padding: 0; position: fixed; width: 100%; top: 0; left: 0; z-index: 1000; } .navbar-toggle.navbar-left { float: left; margin-left: 10px; } .main_header{ height:60px; } .footer { background-color: #444; color: white; padding: 6px; } .col_menu { position: relative; padding:0; background-color: #444; } .col_menu::-webkit-scrollbar { display: none; } .main_body { position: relative; width: 100%; height: 100%; margin: 0px 0px 0px 0px; margin-top: 0px; background-color: #444444; } .menu_panel{ margin: 0px; padding: 10; background-color: #444; border : 0px solid #000000; margin-bottom: 0px; border-radius: 0px; //-webkit-box-shadow: 0 0px 0px rgba(0,0,0,.05); -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05); //box-shadow: 0 1px 1px rgba(0,0,0,.05); box-shadow: 0 0px 0px rgba(0,0,0,.05); } @media screen and (max-width: 767px) { .menu_panel_group{ list-style-type: none; margin: 0; padding: 10; background-color: #444; } .row .col_body{ background-color: #FFF; } .main_content{ margin: 0px; padding: 5px; color:#000; border : 0px solid #000000; } .td_field { width:30%; color: #999; background-color: #f9f9f9; } } @media all and (min-width: 768px) { .menu_panel_group{ list-style-type: none; margin: 0; background-color: #444; } .row .col_menu{ margin: 0px; padding: 0px; border : 0px solid #000000; } .row .col_body{ margin: 0px; padding: 0px; border : 0px solid #000000; background-color: #FFF; } .main_content{ margin: 0px; padding: 20px; color:#000; border : 0px solid #000000; } .td_field { width:20%; color: #999; background-color: #f9f9f9; } } .menu_panel_group li{ float: none; } .menu_panel_group li a { display: block; color: #FFF; padding: 8px 16px; text-decoration: none; } /* Change the link color on hover */ .menu_panel_group li a:hover { background-color: #555; color: white; } .menu_panel_group a:visited { color:#AAA; font-weight:bold; } .menu_panel_group a:active { text-decoration:none; color:#FFF; font-weight:bold; } .menu_panel_group a:link{ text-decoration:none; color:#AAA; font-weight:bold; } .menu_panel_group .active { background-color: #555; } .menu_panel_group .menu_group{ margin: 0px; padding: 0px; } .menu_panel_group ul{ margin: 0px; padding: 10px; } .menu_panel_group li{ margin: 0px; padding: 0px; color:#FFF; list-style-type: none; //border : 1px solid #FFFFFF; } .menu_panel_group li a { display: block; color: #FFF; padding: 8px 16px; text-decoration: none; } /* Change the link color on hover */ .menu_panel_group li a:hover { background-color: #555; color: white; } .menu_panel_group a:visited { color:#AAA; font-weight:bold; } .search_scroll{ width:100%; max-width:100%; margin: 0px; margin-top: 0px; padding: 10px; overflow-x:auto; } .search_box{ width:100%; max-width:100%; margin: 0px; margin-top: 12px; padding: 0px; } .upload_scroll{ width:100%; height:480px; margin: 0px; margin-top: 0px; overflow-x:auto; } .upload_box{ width:100%; height:360px; margin: 0px; margin-top: 0px; padding: 0px; } .table_title_left{ border : 0px solid #000000; } .table_title_left a { color: #AAA; } .table_title_left a:hover { color: #999; } .edit_title{ height:35px; border : 0px solid #000000; } .edit_title_left{ float:left; border : 0px solid #000000; } .edit_title_left a { color: #AAA; } .edit_title_left a:hover { color: #999; } .edit_title_right{ float:right; border : 0px solid #000000; } .table_scroll{ width:100%; max-width:100%; margin: 0px; padding: 5px; overflow-x:auto; border : 0px solid #000000; } .table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th { background-color: #eaeaea; } .table_scroll table { margin-bottom: 0px; } .table_scroll table tr th{ font-size:1.0em; } .table_scroll table tr td{ font-size:0.9em; } .table_scroll table tr th a { color: #FFF; } .table_scroll table tr th a:hover { color: #CCC; } .table_scroll table tr td a { color: #337ab7; } .table_scroll table tr td a .glyphicon{ color: #444; } .table_scroll table tr td a:hover { color: #999; } .alert a{ color: #FF0000; } .alert a:hover { color: #999; } .table_footer{ position: relative; width: 100%; height: 50px; margin: 0px 0px 0px 0px; margin-top: 0px; background-color: #f9f9f9; border : 1px solid #EEE; } .table_footer_box{ width: 90%; margin: 0px 0px 0px 10px; margin-top: 3px; padding: 0px; } .table_footer_checkbox{ width:100%; margin: 0px 0px 0px 0px; margin-top: 0px; padding: 0px; border : 0px solid #000; display:inline; } .table_footer_checkbox select{ width:auto; display:inline; } input[type="checkbox"]{ width: 15px; /*Desired width*/ height: 15px; /*Desired height*/ } .page a { color: #999; } #error_box{ display:none; } #upload_error_box{ margin: 0px auto; } #upload_error_box ul { margin: 0px; padding: 0px; //border : 1px solid #000; } #upload_error_box ul li{ margin: 0px auto; padding: 0px; //border : 1px solid #000; list-style-type: none; } #upload_success_box{ display:none; margin-top:10px; } .status { color: #FF0000; }