*{ margin:0; padding:0;}
body{ background-color:#F1F1F1; font-size:14px; font-family:Georgia, "Times New Roman", Times, serif; width:auto;}
a{text-decoration:none; color: #0CF;}
.main{ width:980px; float: none; margin:auto; clear:both; background-color:#FFF;}

.clear_10{ clear:both; height:10px;}
.clear_20{ clear:both; height:20px;}
.clear_100{ clear:both; height:100px;}
.clear{ clear:both}

.f_left{float:left;}
.f_right{float:right;}

.err{color:#cf0000;}
.success{color:#006600; font-weight:bold;}

/* */
.header{width:auto; height:110px; margin-bottom:10px; top:0; border-bottom:2px dotted #999; padding:5px;}
.header img{width:450px; height:110px; border:none;}
.header_l{width:400px; margin-right:5px;}
.header_l img{width:200px; height:100px; border:none;}
.header_l, .header_r{ padding:5px;}
.header_r{width:500px; text-align:right;}
.header_r li{ list-style:none; display:inline-block; margin-right:4px;}
.header_r li a{font-weight:bold; color: #0CF; text-decoration:none; padding:6px; font-size:14px;}
.header_r li a:hover{ background-color:#CCC; color:#000;}

/* */
.form{width:730px; margin-left:5px; margin-right:10px; background-color:#FFFFFF; box-shadow:5px 5px 4px 4px #999; border-radius:15px; padding:10px;}
.form fieldset{ border-radius:15px;}
.form fieldset legend{ margin-left:60px; font-size:16px; font-weight:bold;}

.form h3{text-align:center; padding:5px; background:#FFCC99; font-size:16px;}
.form .level{ width:710px; clear:both; padding:5px; min-height:35px; margin:auto;}
.form .level p{ color:#ccc; top:5px; font-size:12px;}

.form .input{width:430px; line-height:30px;  padding-left:8px; }
.form .input_bdate{width:410px; line-height:30px;  padding-left:8px; border:1px solid #CCCCCC;}

.form .input, .form .text, .form .select, .form .file{ background:#CCCCCC; border:1px solid #CCCCCC;}
.form .input_bdate:hover{ border:1px dotted #000;}
.form .input:hover, .form .text:hover, .form .select:hover, .form .file:hover{ background:#FFFFCC; border:1px dotted #000;}

.form .text{ width:430px; height:80px; padding:6px; top:0; }

.form .tlabel{ width:270px; font-weight:bold; text-align:center;}
.form .input_area{width:440px;}

.form .select{width:440px; line-height:30px; padding-left:8px; height:35px;}
.form .select option{line-height:30px; padding:5px;}

.form .submit{ width:auto; padding:5px; font-weight:bold; margin-right:30px;}
span { color:#F00;}
/* */

/* */
.notice{width:760px; margin-right:5px; }

.side_bar_l{width:195px; border:1px dotted #CCC; padding:5px; margin-right:5px; box-shadow:1px 2px 2px 2px #999;}
.side_bar_l ul{ margin-top:5px;}
.side_bar_l li{ list-style:none; margin-bottom:10px; font-weight:bold; border-bottom:1px dotted #CCC;}
.side_bar_l li:last-child{border-bottom:0px dotted #CCC;}
.side_bar_l li a, .side_bar_l a, .search a{color:#09F; font-size:14px; padding:6px;}
.side_bar_l li a:hover{color:#000;}
.side_bar_l img{ width:150px; height:90px; margin:10px 15px 10px 15px;}

.side_bar_l input[type=text], .side_bar_l input[type=password]{width:180px; padding:3px; margin-bottom:3px;}
.side_bar_l select option{width:165px; padding:3px; margin-bottom:3px;}
.side_bar_l input[type=submit]{ width:auto; padding:5px; font-weight:bold; margin-left: 15px; background: #4581B9; border:none; color:#FFF; cursor:pointer; margin-bottom:5px; margin-top:5px;}
.side_bar_l legend, .search legend, .login legend{ margin-left:20px; font-size:14px; font-weight:bold;}

.apfrmshw table {border:#fff;}
.apfrmshw td{ font-weight:bold; padding:5px; border-radius:8px; height:auto; background:#cf0000; color:#fff;}

.apply-action{ width:750px; background: #CCC; font-size:14px; padding:8px; margin:auto;}
.apply-action h3{color:#cf000;}
.apply-action p{text-align:center; margin-left:20px;}
.apply-action table{margin:auto;}
.apply-action table td{ border-radius:5px; padding:8px; font-weight:bold;}

.login{width:300px; float:none; margin:auto; background:#fff; color:#000; padding:20px; border-radius:8px;}
.login table,.search table{margin:auto;}
.login table td,.search table td{padding:5px;}
.login form input[type=submit], .search input[type=submit], .search input[type=reset], .login input[type=reset]{ width: auto; padding:5px; font-weight:bold; background: #4581B9; border:none; color:#FFF; cursor:pointer; margin-left:10px;}
.login input[type=text], .login input[type=password], .search form textarea{ width:230px; height:25px; border:2px solid #999; margin-bottom:5px;}
.login input[type=text]:hover, .search  input[type=text]:hover, .apfrm form input[type=text]:hover,.apfrm form select:hover, .login select:hover , .search  select:hover, .hm_form select:hover{border:2px solid #4581B9;}
.login select , .search  select, .search [type=file]{ width:240px; height:30px; border:1px solid #999; margin-bottom:5px; padding:5px;  font-size:14px;}
.login select, .login input{ font-size:14px;}

.search form input{ width:230px; height:25px; border:2px solid #999; margin-bottom:5px; padding:5px;}

.admin{width:800px; margin:auto; background:#fff; color:#000; padding:20px; border-radius:15px;}
.admin a{width:auto; padding:5px; font-weight:bold; margin-left: 10px; background: #4581B9; border:none; color:#FFF; text-decoration:none;}

.search{width:740px; color:#000; padding:0 10px; margin-right:5px;}
.search img{width : 720px; max-height:850px;}
.search table td, .search table th{ padding:5px;}
.search form textarea{ max-height:150px;}

.hr_but{width:250px; height:auto;}
.hr_but a{ text-decoration:none; font-size:14px; padding:5px;}
.hr_but a:hover{background-color:#999;}

.st_view{ width:auto; height:auto; padding:5px; clear:both;}
.st_view th,.st_view td{ padding:3px; margin-bottom:5px;}
.st_view td, .st_view a{font-size:12px;}

.footer{width:auto; background-image: url("images/footer.JPG"); background-color:#DC8924; color:#000; padding:20px; height: auto; text-align:center; font-weight:bold;}
.footer a{ color:#CCC}
.footer a:hover{ color:#CCC;}

.cap{width:250px; margin:0 auto 0 auto; padding:5px; background-image: url("images/cap.jpg"); background-color:#0CF; }
.cap img{margin-left:20px; border:2px solid #0CF;}
.cap img:hover{border:2px solid #cf0000;}
.cap a { background:none; margin-left:-2px; line-height:15px;}
.cap a img {margin-left:10px; width:55px; height:25px; border:none;}
.cap a img:hover{border:none;}
.cap p input[type=text]{width:120px; height:18px; margin-left:15px; padding:0;}

 .myTable { width:98%; border-collapse:collapse; margin:auto;}
    .myTable td { padding:5px; border:#999 1px solid; }
     
    .myTable tr:nth-child(even) { /*(even) or (2n 0)*/
    background: #A4D1FF;
    }
    .myTable tr:nth-child(odd) { /*(odd) or (2n 1)*/
    background: #EAF4FF;
    }
.myTable tr:hover{ background:#CCFFFF}

.notice{ width:500px; color:#000; padding:0 10px; margin-right:5px;}
.notice_bar{width:225px; border:1px dotted #CCC; padding:5px; margin-right:5px; box-shadow:1px 2px 2px 2px #999;}
.notice_bar li{ list-style:none; margin-bottom:10px; font-weight:bold; border-bottom:1px dotted #CCC;}
.notice_bar li:last-child{border-bottom:0px dotted #CCC;}
.notice_bar li a{color:#09F; font-size:14px; padding:6px;}
.notice_bar li a:hover{color:#000;}


@media screen and (min-width : 630px) and (max-width : 960px){ 
.main{width : 630px}
.header{width : 610px;}
.header img{width:350px; float:left;}
.header .header_l{width:360px; float:left;}
.header_r{width:200px; float:right;}
.form, .side_bar_l, .search, .notice{width : 600px; margin-bottom:10px;}
.search img, .form  img{width : 600px; min-height:650px;}
.form .level{ width : 600px;}
.side_bar_l li{ list-style:none; display:inline; margin-bottom:0; border-bottom:0px dotted #CCC;}
.notice_bar{float:left; width : 600px;}
.login{float:left; width : 580px;}
}


@media screen and (min-width : 530px) and (max-width : 640px){ 
.main{width : 530px}
.header{width : 510px;}
.header img{width:290px; float:left;}
.header .header_l{width:290px; float:left;}
.header_r{width:190px; float:right;}
.form, .side_bar_l, .search, .notice{width : 500px; margin-bottom:10px;}
.search img, .form  img{width : 500px; min-height:550px;}
.form .level{ width : 500px;}
.form .tlabel{text-align:left;}
.side_bar_l li{ list-style:none; display:inline; margin-bottom:0; border-bottom:0px dotted #CCC;}
.notice_bar{float:left; width : 500px;}
.login{float:left; width : 480px;}
}

@media screen and (min-width : 430px) and (max-width : 540px){ 
.main{width : 430px}
.header{width : 410px;}
.header img{width:240px; float:left;}
.header .header_l{width:250px; float:left;}
.header_r{width:135px; float:right;}
.form, .side_bar_l, .search, .notice{width : 400px; margin-bottom:10px; }
 .search img, .form  img{width : 400px; min-height:500px;}
.form .input, .input_area, .form  .text, .form  .select{width:390px; float:none;}
.form .level{ width : 400px;}
.form .tlabel{text-align:left;}
.side_bar_l li{ list-style:none; display:inline; margin-bottom:0; border-bottom:0px dotted #CCC;}
.notice_bar{float:left; width : 400px;}
.login{float:left; width : 380px;}
}

@media screen and (min-width : 350px) and (max-width : 440px){ 
.main{width : 350px}
.header{width : 310px; height:150px;}
.header_r, .header img{width:300px; float:left; margin-bottom:10px; }
.form, .side_bar_l, .search, .notice{width : 300px; margin-bottom:10px; }
 .search img, .form  img{width : 300px; min-height:500px;}
.form .input, .input_area, .form  .text, .form  .select{width:290px; float:none;}
.form .level{ width : 300px;}
.form .tlabel{text-align:left;}
.side_bar_l li{ list-style:none; display:inline; margin-bottom:0; border-bottom:0px dotted #CCC;}
.notice_bar{float:left; width : 300px;}
.login{float:left; width : 300px;}
}