body{margin:0px; font-size:12px; }
input,td{font-size:12px;}
div{margin:0px; padding:0px; font-size:12px;}
form{margin:0px; padding:0px;}
p,div,input,select,option,li,td{color:#333;}
.clear{clear:both;}
.red{ color:#F00;}
.grey{ color:#888;}
.blue{color:#36C;}
.green{ color:#3C0;}
.mbox{ width:98%; margin:0px auto;}
ul,li{margin:0px; padding:0px; list-style:none;}
.br{ margin:0px; height:5px; font-size:5px; clear:both; line-height:5px;}
.bigbr{ margin: 0; height:10px; font-size: 10px; overflow: hidden; line-height: 10px; clear: both;}

a:link{font-size:12px; color:#24B2F0; text-decoration:none;}
a:active{font-size:12px; color:#24B2F0; text-decoration:none;}
a:visited{font-size:12px; color:#24B2F0; text-decoration:none;}
a:hover{font-size:12px; color:#F30; text-decoration:none;}

a.white:link{color:#FFFFFF; font-size:12px; text-decoration:none;}
a.white:hover{color:#FFFFFF; font-size:12px; text-decoration:underline;}
a.white:visited{color:#FFFFFF; font-size:12px; text-decoration:none;}
a.white:active{color:#FFFFFF; font-size:12px; text-decoration:none;}

.position{ width:98%; line-height:30px; height:30px; margin:0px auto; text-align:left; color:#666;}
.position a{ color:#666;}

.black_border{border:1px solid #cccccc;}
.btn_border{border:1px solid #666666;}

.color_white{ color:#fff;}
.color_red{ color:#F00;}
.color_grey{ color:#999;}

.font_14{ font-size:14px;}
.font_18{ font-size:18px;}
.font_26{ font-size:26px;}

.padl5{ padding-left:5px;}
.pad10{ padding-left:10px;}
.bold{ font-weight:bold;}
.tips{ color:#888; line-height:30px;}
.msg_notice{ text-align:center; font-size:14px; line-height:30px;}

.textarea_normal{ width:98%; height:40px; border:1px solid #ddd; padding: 5px; box-sizing: border-box;}
.hidden{display:none;}
.list_border{border-left:1px solid #ccc;border-top:1px solid #ccc;border-right:1px solid #ccc;}
.list_head{background-color: #3872b2; }
.list_t{ color:#fff; text-align:left; line-height:30px; font-weight: bold;}
.list_sub td{ background-color: #eee; line-height: 30px; height:30px; color: #33; border-bottom:1px solid #ccc; padding-left:5px;}
.list_td td{ line-height:18px; border-bottom:1px solid #ccc; padding:10px 2px 10px 6px;}
.list_bat{ margin:5px auto; padding:8px 5px; text-align:left; background-color:#f5f5f5;}
.addlink{ padding:5px 0px;}
.addlink a{ display:inline-block; background:url(../images/add.gif) left no-repeat; padding:8px 0px 8px 15px; text-align:left; font-weight:bold;}
.th_title{text-align:center;font-weight:bold;font-size: 14px; font-weight: 600; color: #009688; border-bottom: 1px solid #ddd; height:36px; margin: 10px 0;line-height:36px;}

.edit_t{ color:#fff; text-align:center; line-height:30px; background-color: #4898d5; }
.edit_left{ text-align:left; padding-left:6px; height:40px; line-height:40px;}

.input_tiny{ width:40px; height:28px; line-height:28px; padding-left:6px; border:1px solid #ddd;}
.input_mini{ width:80px; height:28px; line-height:28px; padding-left:6px; border:1px solid #ddd;}
.input_normal{ width:200px; height:28px; line-height:28px; padding-left:6px; border:1px solid #ddd;}
.input_middle{ width: 300px; height: 28px; line-height: 28px; padding-left: 6px; border:1px solid #ddd;}
.input_textarea{ width:350px; height:50px; line-height:25px; border:1px solid #cbcbcb; padding:5px; }
.input_date{ width:80px; height:28px; line-height:28px; padding-left:28px; border:1px solid #ddd; background: url(../images/icon/calendar.png) 3px center no-repeat; padding-right:8px;}
.input_time{ width:50px; height:28px; line-height:28px; padding-left:28px; border:1px solid #ddd; background: url(../images/icon/time.png) 3px center no-repeat; background-size: 18px; padding-right: 8px;}
.selects{ padding:5px; border:1px solid #cbcbcb; }
.btn_submit{ height:30px; line-height:30px; border:none; border-radius: 5px; text-align:center; background-color:#24B2F0; color:#fff; font-size:14px; cursor:pointer; padding:0px 10px;}
.btn_add{ height:30px; line-height:30px; border:none; border-radius: 5px;text-align:center; background-color:#ff9900; color:#fff; font-size:14px; cursor:pointer; padding:0px 10px;}
.btn_cancel{ height:30px; line-height:30px; border:1px solid #CCC; text-align:center; background-color:#f5f5f5; color:#09F; font-size:14px; cursor:pointer; padding:0px 10px;}
.btn_export{height:30px; line-height:30px; border:none; border-radius: 5px;text-align:center; background-color:#009688; color:#fff; font-size:14px; cursor:pointer; padding:0px 10px;}
.btn_back{ height:30px; line-height:30px; border:1px solid #CCC; text-align:center; background-color:#f5f5f5; color:#09F; font-size:14px; cursor:pointer; padding:0px 10px;}
.btn_search{ border:1px solid #ccc; height:28px; line-height:28px; text-align:center; padding:0px 10px; background-color:#FFF; cursor:pointer; color:#666;}

a.list_btn_edit{ display: inline-block; height:30px; line-height:30px; border:none; border-radius: 5px;text-align:center; background-color:#009688; color:#fff; font-size:14px; cursor:pointer; padding:0px 10px;}
a.list_btn_del{ display: inline-block; height:30px; line-height:30px; border:none; border-radius: 5px;text-align:center; background-color:#FF5722; color:#fff; font-size:14px; cursor:pointer; padding:0px 10px;}
a.list_btn_chk{ display: inline-block; height:30px; line-height:30px; border:none; border-radius: 5px;text-align:center; background-color:#1E9FFF; color:#fff; font-size:14px; cursor:pointer; padding:0px 10px;}

.pages{ margin: 0px auto; width:98%; line-height: 30px; text-align:center;}
.error{ color:#F00; padding-left:5px;}

.user_tree{ padding:5px;}
.user_tree ul{ margin:2px 8px;}
.user_tree li{ margin:0px 10px; list-style:disc; font-size:14px;}
.user_tree ul li{ color:#F00;}
.user_tree ul li ul li{ color:#009;}
.user_tree ul li ul li ul li{ color:#060;}

/*upload button*/
.a-upload { background-image:url(/images/upload-button.png); background-position: center; background-size: 60px 60px; height:60px; width:60px; border-radius:60px; position: relative;cursor: pointer; overflow: hidden;   display:block; *zoom: 1}
.a-upload input{ position: absolute;   font-size: 100px;  right: 0;    top: 0;  opacity: 0;    filter: alpha(opacity=0); cursor: pointer}
.upload-progress{ height:20px; background-color: #bdebee; margin-top:10px; display:none;}
a.a-selpic{}

#thumbnails{}
#thumbnails ul{ list-style:none; margin:0px; padding:0px;}
#thumbnails li{ float:left; margin:5px 5px 5px 0px; text-align:center; width:100px;}
#thumbnails li div.imgs{ position:relative; border:1px solid #ccc;}
#thumbnails li .btn{ position:absolute; right:5px; top:0px;}
#thumbnails li .btn a{font-size:24px; font-weight:bold; color:#fff;}
#thumbnails li .btn a:hover{color:#F30;}
.flex_col{display:flex;flex-wrap:wrap; flex-direction:row; justify-content:space-between;}
.msg_ok{line-height: 30px; text-align: center; background-color: #4898d5; width:98%; margin: 0 auto;}