/* 폰트시작 */
@font-face{ font-family:'Pretendard'; src: url("../z_ziti/z_fonts/Pretendard-Regular.woff") format('woff'); }
@font-face{ font-family:'Pretendard'; font-weight: 100; src: url("../z_ziti/z_fonts/Pretendard-Thin.woff") format('woff'); }
@font-face{ font-family:'Pretendard'; font-weight: 200; src: url("../z_ziti/z_fonts/Pretendard-ExtraLight.woff") format('woff'); }
@font-face{ font-family:'Pretendard'; font-weight: 300; src: url("../z_ziti/z_fonts/Pretendard-Light.woff") format('woff'); }
@font-face{ font-family:'Pretendard'; font-weight: 400; src: url("../z_ziti/z_fonts/PretendardVariable.woff") format('woff'); }
@font-face{ font-family:'Pretendard'; font-weight: 500; src: url("../z_ziti/z_fonts/Pretendard-Medium.woff") format('woff'); }
@font-face{ font-family:'Pretendard'; font-weight: 600; src: url("../z_ziti/z_fonts/Pretendard-SemiBold.woff") format('woff'); }
@font-face{ font-family:'Pretendard'; font-weight: 700; src: url("../z_ziti/z_fonts/Pretendard-Bold.woff") format('woff'); } @font-face{ font-family:'hg_1'; font-weight: bold; src: url("<?=$dizhi["dizhi_ziti"]?>z_fonts/Pretendard-Bold.woff") format('woff'); }
@font-face{ font-family:'Pretendard'; font-weight: 800; src: url("../z_ziti/z_fonts/Pretendard-ExtraBold.woff") format('woff'); }
@font-face{ font-family:'Pretendard'; font-weight: 900; src: url("../z_ziti/z_fonts/Pretendard-Black.woff") format('woff'); }

@font-face{ font-family:'NotoSansKR'; src: url("../z_ziti/z_fonts/NotoSansKR-Regular.woff") format('woff'); }
@font-face{ font-family:'NotoSansKR'; font-weight: 100; src: url("../z_ziti/z_fonts/NotoSansKR-Thin.woff") format('woff'); }
@font-face{ font-family:'NotoSansKR'; font-weight: 300; src: url("../z_ziti/z_fonts/NotoSansKR-Light.woff") format('woff'); }
@font-face{ font-family:'NotoSansKR'; font-weight: 400; src: url("../z_ziti/z_fonts/NotoSansKR-Regular.woff") format('woff'); }
@font-face{ font-family:'NotoSansKR'; font-weight: 500; src: url("../z_ziti/z_fonts/NotoSansKR-Medium.woff") format('woff'); }
@font-face{ font-family:'NotoSansKR'; font-weight: 700; src: url("../z_ziti/z_fonts/NotoSansKR-Bold.woff") format('woff'); } @font-face{ font-family:'hg_2'; font-weight: bold; src: url("<?=$dizhi["dizhi_ziti"]?>z_fonts/NotoSansKR-Bold.woff") format('woff'); }
@font-face{ font-family:'NotoSansKR'; font-weight: 900; src: url("../z_ziti/z_fonts/NotoSansKR-Black.woff") format('woff'); }


@font-face{ font-family:'Roboto'; src: url("../z_ziti/z_fonts/Roboto/Roboto-Regular.ttf") format('woff'); }
@font-face{ font-family:'Roboto'; font-weight: 100; src: url("../z_ziti/z_fonts/Roboto/Roboto-Thin.ttf") format('woff'); }
@font-face{ font-family:'Roboto'; font-weight: 300; src: url("../z_ziti/z_fonts/Roboto/Roboto-Light.ttf") format('woff'); }
@font-face{ font-family:'Roboto'; font-weight: 500; src: url("../z_ziti/z_fonts/Roboto/Roboto-Regular.ttf") format('woff'); }
@font-face{ font-family:'Roboto'; font-weight: 600; src: url("../z_ziti/z_fonts/Roboto/Roboto-Medium.ttf") format('woff'); }
@font-face{ font-family:'Roboto'; font-weight: 700; src: url("../z_ziti/z_fonts/Roboto/Roboto-Bold.ttf") format('woff'); }
@font-face{ font-family:'Roboto'; font-weight: 900; src: url("../z_ziti/z_fonts/Roboto/Roboto-Black.ttf") format('woff'); }

@font-face{ font-family:'Nanum'; src: url("../z_ziti/z_fonts/Nanum/NanumGothic-Regular.ttf") format('woff'); }
@font-face{ font-family:'Nanum'; font-weight: 500; src: url("../z_ziti/z_fonts/Nanum/NanumGothic-Regular.ttf") format('woff'); }
@font-face{ font-family:'Nanum'; font-weight: 700; src: url("../z_ziti/z_fonts/Nanum/NanumGothic-Bold.ttf") format('woff'); }
@font-face{ font-family:'Nanum'; font-weight: 900; src: url("../z_ziti/z_fonts/Nanum/NanumGothic-ExtraBold.ttf") format('woff'); }

@font-face{ font-family:'hg_logo1'; src: url("../z_ziti/z_fonts/Playfair_Display/PlayfairDisplay-Regular.ttf") format('woff'); }
@font-face{ font-family:'hg_logo1'; font-weight: 100; src: url("../z_ziti/z_fonts/Playfair_Display/PlayfairDisplay-SemiBold.ttf") format('woff'); }
@font-face{ font-family:'hg_logo1'; font-weight: 300; src: url("../z_ziti/z_fonts/Playfair_Display/PlayfairDisplay-Medium.ttf") format('woff'); }
@font-face{ font-family:'hg_logo1'; font-weight: 500; src: url("../z_ziti/z_fonts/Playfair_Display/PlayfairDisplay-Regular.ttf") format('woff'); }
@font-face{ font-family:'hg_logo1'; font-weight: 700; src: url("../z_ziti/z_fonts/Playfair_Display/PlayfairDisplay-Bold.ttf") format('woff'); }
@font-face{ font-family:'hg_logo1'; font-weight: 800; src: url("../z_ziti/z_fonts/Playfair_Display/PlayfairDisplay-ExtraBold.ttf") format('woff'); }
@font-face{ font-family:'hg_logo1'; font-weight: 900; src: url("../z_ziti/z_fonts/Playfair_Display/PlayfairDisplay-Black.ttf") format('woff'); }




/* 폰트 끝 */








/* gy ks */
.z_gy_wr{width: 100%; height: 100%;}
.z_gy_shang1_wr{width: 100%; height: 50px; background-image:url("<?=$dizhi["ht_img"]?>adm_005.png");}
.z_gy_shang1_jz{width: 1600px;}
.z_gy_shang1_nr{width: 100%; }
.z_gy_shang1_wr_gd{position:fixed; top:0; margin:0; z-index:5; opacity: 0.9; width: 100%; height: 50px; background-image:url("<?=$dizhi["ht_img"]?>adm_005.png"); display: none;}
.z_gy_shang1_jz_gd{width: 1600px;}
.z_gy_shang1_nr_gd{width: 100%; }

.z_gy_zhong_wr{width: 100%;}
.z_gy_zhong_jz{width: 1600px;}
.z_gy_zhong_nr{width: 100%;}
.z_gy_zhong_nr_table{width: 100%;}
.z_gy_zhong_nr_table_td3_div{width: auto; height: 100%; min-height: 96vh; border-left: 1px solid #ddd; border-right: 1px solid #ddd; background-color: #fbfbfb; box-shadow: 0 0 10px rgba(150,150,150,0.5);}

.z_gy_zhong_nr_mn{width: 100%;}	
.z_gy_zhong_nr_mn_da_bg{background-color: #383838;}	
.z_gy_zhong_nr_mn_da_dianji_btn{}	

.z_gy_zhong_nr_mn_da_off{width: 100%; font-size: 13px; font-family: 'gulim'; font-weight: 700; color: #fff; border-bottom: 1px solid #464646; cursor: pointer;}
.z_gy_zhong_nr_mn_da_off span{ display: inline-block; margin-left: 20px; width: 15px; height: 9px; background-image:url("<?=$dizhi["ht_img"]?>adm_009.png"); background-repeat:no-repeat;}

.z_gy_zhong_nr_mn_da_on{color: #91f9ff; border-bottom: 1px solid #af073b;}
.z_gy_zhong_nr_mn_da_on>span{background-image:url("<?=$dizhi["ht_img"]?>adm_008.png");}

.z_gy_zhong_nr_mn_xiao_fanwei{display: none; background-color: #555;}
.z_gy_zhong_nr_mn_xiao_fanwei_on{display: block;}

.z_gy_zhong_nr_mn_xiao{display: block; color: #fff; line-height: 28px; font-family: 'gulim'; font-size: 13px; padding-left: 20px; }
.z_gy_zhong_nr_mn_xiao:hover{background-color: #777; color: #00ffcc;}
.z_gy_zhong_nr_mn_xiao_on{display: block; line-height: 28px; font-family: 'gulim'; font-size: 13px; padding-left: 20px; background-color: #777; color: #00ffcc;}


.z_gy_xia_wr{width: 100%; height:34px; background-color:#2a96cd;}
.z_gy_xia_jz{width:1600px; height:30px;}
.z_gy_xia_nr{color:#fff; width:100%; line-height:30px; text-align:right; font-size: 13px;}
.z_gy_xia_nr a:link{color:#4decbb;}
.z_gy_xia_nr a:visited{color:#4decbb;}
.z_gy_xia_nr a:hover{color:#f23;}
/* gy js */



/* acd_gy ks */
.z_gy_wr{width: 100%;}
.z_gy_jz{width: auto;}
.z_gy_nr{width: auto;}

.z_gy_nr1{width: 100%;}
.z_gy_nr2{width: 100%;}
.z_gy_nr3{width: 100%;}
.z_gy_nr4{width: 100%;}

.z_gy_xunhuan_div1{width: 100%;}
.z_gy_xunhuan_div1:nth-child(even){background-color: #f7f7f7;}
.z_gy_xunhuan_div1:hover{background-color: #d7fafd;}

span.ic_lian{width:42px; height:20px; padding-left:0px; cursor:pointer}
span.ic_lian:hover{background-position:2px -28px}
.rblian{margin-top: -250px; background:#fff; padding:2px; border:1px #dfe6f6 solid;}
.rblian table td{padding:0px;}
.rblian table td img{cursor:pointer; border:1px #fff solid;}
.rblian table td img:hover{border:1px #0066cc solid;}
/* acd_gy js */



/* layout ks */
/* ht_login ks */
.z_ht_login_wr{position:relative;}
.z_ht_login_jz{width:739px; height:156px; background-image:url("<?=$dizhi["ht_img"]?>adm_001.png");}
.z_ht_login_nr_1,.z_ht_login_nr_2,.z_ht_login_nr_3{float:left;}
.z_ht_login_nr_1{margin:11px;}
.z_ht_login_nr_2{margin:11px 20px;}
.z_ht_login_nr_3{margin:30px 11px; width:260px; height:100px;}
.z_ht_login_nr_3_1_1,.z_ht_login_nr_3_1_2,.z_ht_login_nr_3_1_3{float:left;}
.z_ht_login_nr_3_1_1{width:60px; margin-top:28px;}
.z_ht_login_nr_3_1_1>p{color:#fff; font-size:12px; margin-bottom:14px;}
.z_ht_login_nr_3_1_2{width:130px; color:#fff; font-size:12px; margin-top:24px;}
.z_ht_login_f1_username{width:122px; height:18px; background-color:transparent; border:1px solid #fff;color:#fff; text-indent:5px; box-shadow:0 0 4px rgba(255,255,255,0.5);text-transform:lowercase; ime-mode:disabled; }
.z_ht_login_f1_password{width:122px; height:18px; background-color:transparent; border:1px solid #fff;color:#fff; text-indent:5px; margin-top:6px; box-shadow:0 0 4px rgba(255,255,255,0.5);text-transform:lowercase;}
.z_ht_login_nr_3_1_3{margin-top:24px;}
.z_ht_login_f1_submit{cursor : pointer;}
/* ht_login js */

/* acd_lts_jl ks */
.z_acd_lts_jl_wr{width: 100%;}
.z_acd_lts_jl_jz{width: auto;}
.z_acd_lts_jl_nr{width: auto;}
.z_acd_lts_jl_fangjian1ge_wr{padding: 10px; background-color: #EDF2F7; border-radius: 4px; box-shadow: 0px 5px 5px rgba(0,0,0,0.3);}
.z_acd_lts_jl_fangjian1ge_timu{padding: 10px; background-color: #1A4F81; border-radius: 4px; color: #fff; font-size: 0.8em;}
.z_acd_lts_jl_fangjian1ge_xz{background-color: #FFFAB6;}
/* acd_lts_jl js */


/* acd_st_jxz_l ks */
.z_acd_st_jxz_l_wr{width: 100%;}
.z_acd_st_jxz_l_jz{width: auto;}
.z_acd_st_jxz_l_nr{width: auto;}
.z_acd_st_jxz_l_fangjian1ge_wr{padding: 10px; background-color: #EDF2F7; border-radius: 4px; box-shadow: 0px 5px 5px rgba(0,0,0,0.3);}
.z_acd_st_jxz_l_fangjian1ge_timu{padding: 10px; background-color: #1A4F81; border-radius: 4px; color: #fff; font-size: 0.8em;}
.z_acd_st_jxz_l_fangjian1ge_xz{background-color: #99D9EA;}
/* acd_lts_jxz_l js */

/* layout js */


/* z_css yiqian */
.z_btn_1{background-color: #0d6efd; color: #fff; border: none; border-radius: 3px; padding: 6px 10px; line-height: 18px; font-family: "hg_1"; cursor: pointer; }
.z_btn_1:hover{background-color: #0c5dd4;}
.z_btn_2{background-color: #6c757d; color: #fff; border: none; border-radius: 3px; padding: 6px 10px; line-height: 18px; font-family: "hg_1"; cursor: pointer; }
.z_btn_2:hover{background-color: #4c5a67;}
.z_btn_3{background-color: #198754; color: #fff; border: none; border-radius: 3px; padding: 6px 10px; line-height: 18px; font-family: "hg_1"; cursor: pointer; }
.z_btn_3:hover{background-color: #0b623a;}
.z_btn_4{background-color: #dc3545; color: #fff; border: none; border-radius: 3px; padding: 6px 10px; line-height: 18px; font-family: "hg_1"; cursor: pointer; }
.z_btn_4:hover{background-color: #ad1423;}
.z_btn_5{background-color: #ffc107; color: #000; border: none; border-radius: 3px; padding: 6px 10px; line-height: 18px; font-family: "hg_1"; cursor: pointer; }
.z_btn_5:hover{background-color: #c39200}
.z_btn_6{background-color: #0dcaf0; color: #000; border: none; border-radius: 3px; padding: 6px 10px; line-height: 18px; font-family: "hg_1"; cursor: pointer; }
.z_btn_6:hover{background-color: #01a3c4;}

.z_btn_7{background-color: #ff7c00; color: #fff; border: 0px solid #e87100; border-radius: 3px; padding: 6px 10px; line-height: 18px; font-family: "hg_1"; cursor: pointer; }
.z_btn_7:hover{background-color: #e87100;}
.z_btn_8{background-color: #f34d00; color: #fff; border: 0px solid #ce4100; border-radius: 3px; padding: 6px 10px; line-height: 18px; font-family: "hg_1"; cursor: pointer; }
.z_btn_8:hover{background-color: #ce4100;}
.z_btn_9{background-color: #a10d03; color: #fff; border: 0px solid #950d04; border-radius: 3px; padding: 6px 10px; line-height: 18px; font-family: "hg_1"; cursor: pointer; }
.z_btn_9:hover{background-color: #950d04;}
.z_btn_10{background-color: #e7577b; color: #fff; border: 0px solid #cf4164; border-radius: 3px; padding: 6px 10px; line-height: 18px; font-family: "hg_1"; cursor: pointer; }
.z_btn_10:hover{background-color: #cf4164;}
.z_btn_11{background-color: #df5555; color: #fff; border: 0px solid #c54848; border-radius: 3px; padding: 6px 10px; line-height: 18px; font-family: "hg_1"; cursor: pointer; }
.z_btn_11:hover{background-color: #c54848;}
.z_btn_12{background-color: #ff6d5b; color: #fff; border: 0px solid #e66150; border-radius: 3px; padding: 6px 10px; line-height: 18px; font-family: "hg_1"; cursor: pointer; }
.z_btn_12:hover{background-color: #e66150;}
.z_btn_13{background-color: #ff107b; color: #fff; border: 0px solid #d30461; border-radius: 3px; padding: 6px 10px; line-height: 18px; font-family: "hg_1"; cursor: pointer; }
.z_btn_13:hover{background-color: #d30461;}
.z_btn_14{background-color: #01bfbc; color: #fff; border: 0px solid #00a7a4; border-radius: 3px; padding: 6px 10px; line-height: 18px; font-family: "hg_1"; cursor: pointer; }
.z_btn_14:hover{background-color: #00a7a4;}
.z_btn_15{background-color: #a000f8; color: #fff; border: 0px solid #9403e4; border-radius: 3px; padding: 6px 10px; line-height: 18px; font-family: "hg_1"; cursor: pointer; }
.z_btn_15:hover{background-color: #9403e4;}
.z_btn_16{background-color: #0163d4; color: #fff; border: 0px solid #0155b6; border-radius: 3px; padding: 6px 10px; line-height: 18px; font-family: "hg_1"; cursor: pointer; }
.z_btn_16:hover{background-color: #0155b6;}
.z_btn_17{background-color: #00a8ff; color: #fff; border: 0px solid #0098e6; border-radius: 3px; padding: 6px 10px; line-height: 18px; font-family: "hg_1"; cursor: pointer; }
.z_btn_17:hover{background-color: #0098e6;}
.z_btn_18{background-color: #5dade2; color: #fff; border: 0px solid #357fb0; border-radius: 3px; padding: 6px 10px; line-height: 18px; font-family: "hg_1"; cursor: pointer; }
.z_btn_18:hover{background-color: #357fb0;}
.z_btn_19{background-color: #8797b8; color: #fff; border: 0px solid #56688e; border-radius: 3px; padding: 6px 10px; line-height: 18px; font-family: "hg_1"; cursor: pointer; }
.z_btn_19:hover{background-color: #56688e;}
.z_btn_20{background-color: #8e8e8e; color: #fff; border: 0px solid #7c7b7b; border-radius: 3px; padding: 6px 10px; line-height: 18px; font-family: "hg_1"; cursor: pointer; }
.z_btn_20:hover{background-color: #7c7b7b;}
.z_btn_21{background-color: #997a5d; color: #fff; border: 0px solid #745538; border-radius: 3px; padding: 6px 10px; line-height: 18px; font-family: "hg_1"; cursor: pointer; }
.z_btn_21:hover{background-color: #745538;}
.z_btn_22{background-color: #014e86; color: #fff; border: 0px solid #003b66; border-radius: 3px; padding: 6px 10px; line-height: 18px; font-family: "hg_1"; cursor: pointer; }
.z_btn_22:hover{background-color: #003b66;}
.z_btn_23{background-color: #000; color: #fff; border: 0px solid #000; border-radius: 3px; padding: 6px 10px; line-height: 18px; font-family: "hg_1"; cursor: pointer; }
.z_btn_23:hover{background-color: #000;}

.z_radio_1 { width: 20px; height: 20px; appearance: none;  position: relative; outline: none; }
.z_radio_1:before { content: ""; width: 16px; height: 16px; border: 1px solid #ccc; display: inline-block; border-radius: 50%; vertical-align: middle; }
.z_radio_1:checked:before { content: ""; width: 16px; height: 16px; border: 1px solid #ccc; display: inline-block; border-radius: 50%; vertical-align: middle; }
.z_radio_1:checked:after { content: ""; width: 10px; height: 10px; text-align: center; background-color: #ff5151; border-radius: 50%; display: block; position: absolute; top: 4px; left: 4px; }
.z_radio_1:checked+label { color: #ff5151; }

.z_radio_2 { width: 20px; height: 20px; appearance: none;  position: relative; outline: none; }
.z_radio_2:before { content: ""; width: 16px; height: 16px; border: 1px solid #ccc; display: inline-block; border-radius: 50%; vertical-align: middle; }
.z_radio_2:checked:before { content: ""; width: 16px; height: 16px; border: 1px solid #ccc; display: inline-block; border-radius: 50%; vertical-align: middle; }
.z_radio_2:checked:after { content: ""; width: 10px; height: 10px; text-align: center; background-color: #66ff78; border-radius: 50%; display: block; position: absolute; top: 4px; left: 4px; }
.z_radio_2:checked+label { color: #66ff78; }

.z_radio_3{ width: 20px; height: 20px; appearance: none; position: relative; }
.z_radio_3:before{ content: ''; width: 20px; height: 20px; border: 1px solid #7d7d7d; display: inline-block; border-radius: 50%; vertical-align: middle; }
.z_radio_3:checked:before{ content: ''; width: 20px; height: 20px; border: 1px solid #ff5151; background: #ff5151; display: inline-block; border-radius: 50%; vertical-align: middle;}
.z_radio_3:checked:after{ content: ''; width: 10px; height:5px; border: 2px solid white; border-top: transparent; border-right: transparent; text-align: center; display: block; position: absolute; top: 6px; left:5px; vertical-align: middle; transform: rotate(-45deg); }
.z_radio_3:checked+label{ color: #ff5151; }

.z_radio_4{ width: 20px; height: 20px; appearance: none; position: relative; }
.z_radio_4:before{ content: ''; width: 20px; height: 20px; border: 1px solid #7d7d7d; display: inline-block; border-radius: 50%; vertical-align: middle; }
.z_radio_4:checked:before{ content: ''; width: 20px; height: 20px; border: 1px solid #66ff78; background: #66ff78; display: inline-block; border-radius: 50%; vertical-align: middle;}
.z_radio_4:checked:after{ content: ''; width: 10px; height:5px; border: 2px solid white; border-top: transparent; border-right: transparent; text-align: center; display: block; position: absolute; top: 6px; left:5px; vertical-align: middle; transform: rotate(-45deg); }
.z_radio_4:checked+label{ color: #66ff78; }

.z_checkbox_1{width: 16px; height: 16px; margin-top: 0; background-color: #fff; border: 1px solid #c9c9c9; border-radius: 2px; color: #fff; text-align: center; line-height: 15px; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; outline: none;}
.z_checkbox_1:hover{ border-color: #ff5151;}
.z_checkbox_1:checked { color: #fff; background-color: #ff5151; border: 1px solid #ff5151;}
.z_checkbox_1:after { content: "✔";}

.z_checkbox_2{width: 16px; height: 16px; margin-top: 0; background-color: #fff; border: 1px solid #c9c9c9; border-radius: 2px; color: #fff; text-align: center; line-height: 15px; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; outline: none;}
.z_checkbox_2:hover{ border-color: #43adea;}
.z_checkbox_2:checked { color: #fff; background-color: #43adea; border: 1px solid #43adea;}
.z_checkbox_2:after { content: "✔";}

.z_checkbox_3{width: 16px; height: 16px; margin-top: 0; background-color: #fff; border: 1px solid #c9c9c9; border-radius: 2px; color: #fff; text-align: center; line-height: 15px; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; outline: none;}
.z_checkbox_3:hover{ border-color: #111;}
.z_checkbox_3:checked { color: #fff; background-color: #111; border: 1px solid #111;}
.z_checkbox_3:after { content: "✔";}

.z_checkbox_4{width: 16px; height: 16px; margin-top: 0; background-color: #fff; border: 1px solid #c9c9c9; border-radius: 2px; color: #fff; text-align: center; line-height: 15px; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; outline: none;}
.z_checkbox_4:hover{ border-color: #FFF200;}
.z_checkbox_4:checked { color: #fff; background-color: #FFF200; border: 1px solid #FFF200;}
.z_checkbox_4:after { content: "✔";}

.z_span_lan1{background-color: #337ab7; color: #fff; border: 1px solid #2e6da4; border-radius: 3px; padding: 4px 10px; font-family: "hg_1"; }
.z_span_lan1:hover{background-color: #286090;}
.z_span_lv1{background-color: #5cb85c; color: #fff; border: 1px solid #4cae4c; border-radius: 3px; padding: 4px 10px; font-family: "hg_1"; }
.z_span_lv1:hover{background-color: #449d44;}
.z_span_qing1{background-color: #5bc0de; color: #fff; border: 1px solid #46b8da; border-radius: 3px; padding: 4px 10px; font-family: "hg_1"; }
.z_span_qing1:hover{background-color: #31b0d5;}
.z_span_huang1{background-color: #f0ad4e; color: #fff; border: 1px solid #eea236; border-radius: 3px; padding: 4px 10px; font-family: "hg_1"; }
.z_span_huang1:hover{background-color: #ec971f;}
.z_span_hong1{background-color: #d9534f; color: #fff; border: 1px solid #d43f3a; border-radius: 3px; padding: 4px 10px; font-family: "hg_1"; }
.z_span_hong1:hover{background-color: #c9302c;}

.z_zts_1{color: #ff7c00 !important;}
.z_zts_1:hover{color: #0163d4 !important;}
.z_zts_2{color: #a10d03 !important;}
.z_zts_2:hover{color: #0163d4 !important;}
.z_zts_3{color: #01bfbc !important;}
.z_zts_3:hover{color: #0163d4 !important;}
.z_zts_4{color: #0163d4 !important;}
.z_zts_4:hover{color: #ff7c00!important;}
.z_zts_5{color: #a000f8 !important;}
.z_zts_5:hover{color: #0163d4 !important;}
.z_zts_6{color: #014e86 !important;}
.z_zts_6:hover{color: #0163d4 !important;}
.z_zts_7{color: #ff107b !important;}
.z_zts_7:hover{color: #0163d4 !important;}
.z_zts_8{color: #997a5d !important;}
.z_zts_8:hover{color: #0163d4 !important;}
.z_zts_9{color: #df5555 !important;}
.z_zts_9:hover{color: #0163d4 !important;}
.z_zts_10{color: green !important;}
.z_zts_10:hover{color: #0163d4 !important;}
.z_zts_11{color: white !important;}
.z_zts_11:hover{color: #0163d4 !important;}

.z_zts_bianse{animation: z_zts_bianse 3s infinite alternate;}
@keyframes z_zts_bianse{
	0%{color: #FFFF00;}	5%{color: #FF8247;}	10%{color: #008B45;} 15%{color: #FA8072;}	20%{color: #FF0000;} 25%{color: #EE1289;}	
	30%{color: #CD7054;} 35%{color: #C1FFC1;}	40%{color: #BF3EFF;} 45%{color: #9B30FF;} 50%{color: #CAFF70;} 55%{color: #8B2323;}
	60%{color: #E0FFFF;} 65%{color: #87CEFA;} 70%{color: #7FFF00;} 75%{color: #F08080;} 80%{color: #6495ED;} 85%{color: #FF34B3;}
	90%{color: #40E0D0;} 95%{color: #FF7F24;}	100%{color: #00FA9A;}
}

.z_bjs_1{background-color: #0d6efd;}
.z_bjs_1:hover{background-color: #005ee9;}
.z_bjs_2{background-color: #6c757d;}
.z_bjs_2:hover{background-color: #586068;}
.z_bjs_3{background-color: #198754;}
.z_bjs_3:hover{background-color: #157146;}
.z_bjs_4{background-color: #dc3545;}
.z_bjs_4:hover{background-color: #b72b38;}
.z_bjs_5{background-color: #ffc107;}
.z_bjs_5:hover{background-color: #d4a006;}
.z_bjs_6{background-color: #0dcaf0;}
.z_bjs_6:hover{background-color: #0aa8c8;}
.z_bjs_7{background-color: #212529;}
.z_bjs_7:hover{background-color: #111416;}

.z_bjs_8{background-color: #337ab7;}
.z_bjs_8:hover{background-color: #286090;}
.z_bjs_9{background-color: #5cb85c;}
.z_bjs_9:hover{background-color: #449d44;}
.z_bjs_10{background-color: #5bc0de;}
.z_bjs_10:hover{background-color: #31b0d5;}
.z_bjs_11{background-color: #f0ad4e;}
.z_bjs_11:hover{background-color: #ec971f;}
.z_bjs_12{background-color: #d9534f;}
.z_bjs_12:hover{background-color: #c9302c;}

.z_bjs_13{background-color: #cfe2ff;}
.z_bjs_13:hover{background-color: #b3d1ff;}
.z_bjs_14{background-color: #d1e7dd;}
.z_bjs_14:hover{background-color: #b5e4ce;}
.z_bjs_15{background-color: #fff3cd;}
.z_bjs_15:hover{background-color: #fdebb3;}
.z_bjs_16{background-color: #f8d7da;}
.z_bjs_16:hover{background-color: #f7b7bd;}
.z_bjs_17{background-color: #cff4fc;}
.z_bjs_17:hover{background-color: #a7effe;}
.z_bjs_18{background-color: #e2e3e5;}
.z_bjs_18:hover{background-color: #c3cee4;}
.z_bjs_19{background-color: #d3d3d4;}
.z_bjs_19:hover{background-color: #b9b9d2;}


.z_bjs_20{background-color: #7DABD3;}
.z_bjs_20:hover{background-color: #5785AC;}
.z_bjs_21{background-color: #DFF0D8;}
.z_bjs_21:hover{background-color: #d0e6c7;}
.z_bjs_22{background-color: #D9EDF7;}
.z_bjs_22:hover{background-color: #cae4f1;}
.z_bjs_23{background-color: #FCF8E3;}
.z_bjs_23:hover{background-color: #f3eed2;}
.z_bjs_24{background-color: #F2DEDE;}
.z_bjs_24:hover{background-color: #eacece;}

.z_bjs_25{background-color: #B8DAFF;}
.z_bjs_25:hover{background-color: #9fcdff;}
.z_bjs_26{background-color: #C3E6CB;}
.z_bjs_26:hover{background-color: #b1dfbb;}
.z_bjs_27{background-color: #BEE5EB;}
.z_bjs_27:hover{background-color: #abdde5;}
.z_bjs_28{background-color: #FFEEBA;}
.z_bjs_28:hover{background-color: #ffe8a1;}
.z_bjs_29{background-color: #F5C6CB;}
.z_bjs_29:hover{background-color: #f1b0b7;}


.z_bjs_jb1{background:linear-gradient(#2f82fd,#0f6ffd)}
.z_bjs_jb1:hover{background:linear-gradient(#2b78e9,#0a5fdc)}
.z_bjs_jb2{background:linear-gradient(#81888f,#6d767e)}
.z_bjs_jb2:hover{background:linear-gradient(#60656a,#545c63)}
.z_bjs_jb3{background:linear-gradient(#39986c,#1a8755)}
.z_bjs_jb3:hover{background:linear-gradient(#2b7553,#136942)}
.z_bjs_jb4{background:linear-gradient(#e1525f,#dc3746)}
.z_bjs_jb4:hover{background:linear-gradient(#b7414b,#aa2834)}
.z_bjs_jb5{background:linear-gradient(#ffca2a,#ffc109)}
.z_bjs_jb5:hover{background:linear-gradient(#d3a724,#ffc109)}
.z_bjs_jb6{background:linear-gradient(#2fd1f2,#0ecaf0)}
.z_bjs_jb6:hover{background:linear-gradient(#26a8c2,#0aa0be)}
.z_bjs_jb7{background:linear-gradient(#404447,#23272b)}
.z_bjs_jb7:hover{background:linear-gradient(#232628,#0a0b0c)}



.z_biao-ddd {border-collapse:collapse; border-spacing:0;} /* <table class="z_biao-ddd" ></table> */
.z_biao-ddd td {padding:4px; border:1px solid #ddd;}

.z_tm_changdu{text-overflow:ellipsis; overflow:hidden; white-space:nowrap; word-wrap:break-word; word-break:break-all; }
/* .z_ul_li_div2{width: 170px; font-size: 0.85em; line-height: 20px; margin: 0 auto;} 中间对齐 */

.z_duankai:after{content:""; clear: both; display: block; float: none;}
.z_hr{height: 1px; width: auto; margin: 5px auto; background-color: #ddd;}

.z_jb_tcc_kong_tp{position: relative;}
.z_jb_tcc_tmbj_tp{width: 100%; height: 100%; background-color: rgba(0,0,0,0.7); position: fixed; top: 0; left: 0; z-index: 31; display: none;}
.z_jb_tcc_tmbj_xs_tp{position: absolute; outline: 4px solid #fff; z-index: 32;}

.z_jb_tcc_kong_nr{position: relative;}
.z_jb_tcc_tmbj_nr{width: 100%; height: 100%; background-color: rgba(0,0,0,0.7); position: fixed; top: 0; left: 0; z-index: 31; display: none;}
.z_jb_tcc_tmbj_xs_nr{position: absolute; outline: 4px solid #fff; z-index: 32; background-color: #ffffff;}

.z_jb_up_kong{width: 100%; position: fixed; display: none; }
.z_jb_up_jz{max-width: 1100px; width: 100%; margin: 0 auto; position: relative;}
.z_jb_up_xs{position: absolute;	top: 80vh; left: 1150px; z-index: 5;}
.z_jb_up_nr{width: 50px; height: 50px; border-radius: 50px; line-height: 50px; cursor: pointer; background-color: rgba(0,0,0,0.2); text-align: center; color: #fff;}

.select_box_select{ margin-right:10px; height:200px; border:5px solid #6aa2f6; padding:15px; font-size:12px; font-family:gulim; min-width:150px;}	

.z_kuang_tp_waikuang:hover{outline: 1px solid #FF0033;}
.z_kuang_tp_tmd:hover{opacity: 0.7;}
.z_kuang_tp_ying:hover{box-shadow: 0 0 10px rgba(0,0,0,0.5);}
.z_kuang_tp_tmd_bjs{background-color: #000; }
.z_kuang_tp_tmd_bjs:hover img{opacity: 0.4;}
.z_kuang_tp_yd_zy{transition:all 0.5s;}
.z_kuang_tp_yd_zy:hover{transform:translate(5px,0px);}
.z_kuang_tp_yd_sx{transition:all 0.5s;}
.z_kuang_tp_yd_sx:hover{transform:translate(0px,-5px);}

.z_tp_fanying{width: 100%; height: 100%;}
.z_tp_yuan{width: 100%; height: 100%; border-radius:50%;}
.z_tp_pinghua{width: 100%; height: 100%; border-radius:5px;}
.z_tp_miaobian_y{width: 100%; height: 100%; border-radius:0.8em; border: 1px solid #ddd; padding: 5px;}
.z_tp_miaobian_f{width: 100%; height: 100%;	border: 1px solid #ddd;	padding: 5px;}

.zf_1{width: 7.3%; margin: 0 0.5%; float: left;}
.zf_2{width: 15.6%; margin: 0 0.5%; float: left;}
.zf_3{width: 24%; margin: 0 0.5%; float: left;}
.zf_4{width: 32.3%; margin: 0 0.5%; float: left;}
.zf_5{width: 40.6%; margin: 0 0.5%; float: left;}
.zf_6{width: 49%; margin: 0 0.5%; float: left;}
.zf_7{width: 57.3%; margin: 0 0.5%; float: left;}
.zf_8{width: 65.6%; margin: 0 0.5%; float: left;}
.zf_9{width: 74%; margin: 0 0.5%; float: left;}
.zhg_1{width: 82.3%; margin: 0 0.5%; float: left;}
.zf_11{width: 90.6%; margin: 0 0.5%; float: left;}
.zf_12{width: 99%; margin: 0 0.5%; float: left;}
/*
.zf_1{width: 8.3%; float: left; background-color: red;}
.zf_2{width: 16.6%; float: left; background-color: red;}
.zf_3{width: 25%; float: left; background-color: red;}
.zf_4{width: 33.3%; float: left; background-color: red;}
.zf_5{width: 41.6%; float: left; }
.zf_6{width: 50%; float: left; background-color: red;}
.zf_7{width: 58.3%; float: left; }
.zf_8{width: 66.6%; float: left; background-color: red;}
.zf_9{width: 75%; float: left; background-color: red;}
.zhg_1{width: 83.3%; float: left; background-color: red;}
.zf_11{width: 91.6%; float: left; background-color: red;}
.zf_12{width: 100%; float: left; background-color: red;}
*/
.z_input{padding: 0 5px; height: 30px; line-height: 30px; border: 1px solid #ddd; color: #777; }
.z_textarea{padding: 4px 5px; border: 1px solid #ddd; color: #777; font-family: "hg_1"; resize: none;}
.z_select{height: 30px; border: 1px solid #ddd; font-family: "hg_1"; color: #777;}
/* 
<input type="number" name="points" min="1" max="10" />
<input type="date" name="user_date" />
*/

.z_input_hei{padding: 0 5px; height: 30px; line-height: 30px; border: 1px solid #444; color: #ddd; background-color: rgba(0,0,0,0.3);}
.z_textarea_hei{padding: 4px 5px; border: 1px solid #444; color: #ddd; font-family: "hg_1"; resize: none; background-color: rgba(0,0,0,0.3);}
.z_select_hei{height: 30px; border: 1px solid #444; font-family: "hg_1"; color: #aaa; background-color: #222;}

.div_tpyl{display: inline-block; width: 60px; height: 60px; vertical-align: top; margin: 10px;}

.img-preview{	display: inline-block; width: 100px; vertical-align: top; margin: 10px;}

.thumbnail .item { padding: 0 10px;}
.thumbnail .item div { font-size: 13px;}
.thumbnail .img-responsive { width: 100%;}


@media all and (min-width:992px){ }
@media all and (min-width:768px) and (max-width: 991px) { }
@media all and (min-width:481px) and (max-width: 767px) { }
@media all and (min-width:320px) and (max-width: 480px) { }


/*
@media mediaType and|not|only (media feature) {
      CSS-Code...; 
}
*/

/*
@media all and (min-width: 1200px) { }
@media all and (min-width: 992px) and (max-width: 1199px) { }
@media all and (min-width: 768px) and (max-width: 991px) { }
@media all and (min-width: 480px) and (max-width: 767px) { }
@media all and (min-width: 320px) and (max-width: 479px) { }

@media all and (min-width:1024px){ }
@media all and (min-width:768px) and (max-width:1023px){ }
@media all and (min-width:481px) and (max-width:767px){ }
@media all and (min-width:320px) and (max-width:480px){ }
*/

/*
*[id^="ia_"]{display:none;}
*[class^="ia_"]{display:none;}
*[id^="ib_"]{display:none;}
*[class^="ib_"]{display:none;}
Nanum Gothic
Nanum Gothic Coding
Nanum Brush Script
Nanum Myeongjo
Nanum Pen Script
*/
/* z_jb js */

/* ****************************************************************************************** */

/* z_page ks */

/* CSS Document */
.z_page1{width:auto; margin:0 auto; text-align:center; overflow:hidden; font-size: 0.75em;}
.z_page1 ul{float:left; position:relative; left:50%;}
.z_page1 ul li{float:left; position:relative; right:50%; display:block; font-family:consolas; }
.z_page1 ul li a{display:block; min-width: 30px; min-height: 30px; line-height: 30px; background-color: #ededed; border: 1px solid #ddd; border-radius: 0px; margin-right: 2px;}
.z_page1 ul li a:hover{display:block; background-color: #43b6ff; border: 1px solid #269eeb; color: #fff;}
.z_page1 ul li a.now{color:#fff; background-color: #43b6ff; border: 1px solid #269eeb;}

.z_page2{width:auto; margin:0 auto; text-align:center; overflow:hidden; font-size: 0.75em;}
.z_page2 ul{float:left; position:relative; left:50%;}
.z_page2 ul li{float:left; position:relative; right:50%; display:block; cursor: pointer; font-family:consolas; }
.z_page2 ul li a{display:block; min-width: 24px; min-height: 24px; line-height: 24px; background-color: #ededed; border: 1px solid #ddd; border-radius: 0px; margin-right: 2px;}
.z_page2 ul li a:hover{display:block; background-color: #43b6ff; border: 1px solid #269eeb; color: #fff;}
.z_page2 ul li a.now{color:#fff; background-color: #43b6ff; border: 1px solid #269eeb;}

.z_page3{width:auto; margin:0 auto; text-align:center; overflow:hidden; font-size: 0.75em;}
.z_page3 ul{float:left; position:relative; left:50%;}
.z_page3 ul li{float:left; position:relative; right:50%; display:block; cursor: pointer; font-family:consolas; }
.z_page3 ul li a{display:block; min-width: 30px; min-height: 30px; line-height: 30px; background-color: #ededed; border: 1px solid #ddd; border-radius: 0px; margin-right: 2px;}
.z_page3 ul li a:hover{display:block; background-color: #2b2b2b; border: 1px solid #111; color: #fff;}
.z_page3 ul li a.now{color:#fff; background-color: #2b2b2b; border: 1px solid #111;}

.z_page4{width:auto; margin:0 auto; text-align:center; overflow:hidden; font-size: 0.75em;}
.z_page4 ul{float:left; position:relative; left:50%;}
.z_page4 ul li{float:left; position:relative; right:50%; display:block; cursor: pointer; font-family:consolas; }
.z_page4 ul li a{display:block; min-width: 24px; min-height: 24px; line-height: 24px; background-color: #ededed; border: 1px solid #ddd; border-radius: 0px; margin-right: 2px;}
.z_page4 ul li a:hover{display:block; background-color: #2b2b2b; border: 1px solid #111; color: #fff;}
.z_page4 ul li a.now{color:#fff; background-color: #2b2b2b; border: 1px solid #111;}

.z_page5{width:auto; margin:0 auto; text-align:center; overflow:hidden; font-size: 14px;}
.z_page5 ul{float:left; position:relative; left:50%;}
.z_page5 ul li{float:left; position:relative; right:50%; display:block; font-family:consolas; }
.z_page5 ul li a{display:block; min-width: 34px; min-height: 34px; line-height: 34px; background-color:; border: 1px solid #ebebeb; border-radius: 0px; margin-right: 4px;}
.z_page5 ul li a:hover{display:block; background-color: #222222; border: 1px solid #222222; color: #fff;}
.z_page5 ul li a.now{color:#fff; background-color: #222222; border: 1px solid #222222;}


/* gy ks */
.z_gy_sjcd1_kong{}
/* .z_gy_sjcd1_nr{position: absolute; z-index: 52; margin-left: -80%; width: 80%; height: 100%; overflow-x: scroll; background-color: rgba(0,0,0,0.7); } 因为阴影多给2% */
.z_gy_sjcd1_nr1{width: 100%; height: 50px; line-height: 50px;}
.z_gy_sjcd1_nr1_jz{width: 100%; margin: 0 auto;}
.z_gy_sjcd1_nr1_nr{width: auto;}

.z_gy_sjcd1_nr2{width: 100%; }
.z_gy_sjcd1_nr2_jz{width: 100%; margin: 0 auto;}
.z_gy_sjcd1_nr2_nr{width: auto;}

.z_gy_sjcd1_nr3{width: 100%; }
.z_gy_sjcd1_nr3_jz{width: 100%; margin: 0 auto;}
.z_gy_sjcd1_nr3_nr{width: auto;}

.z_gy_sjcd1_nr_xia{width: 100%; }
.z_gy_sjcd1_nr_xia_jz{width: 100%; margin: 0 auto;}
.z_gy_sjcd1_nr_xia_nr{width: auto;}

.z_gy_sjcd1_tmbj{width: 100%; height: 100%; background-color: rgba(0,0,0,0.3); position: fixed; top: 0; left: 0; display: none; z-index: 51; }


.sj_gy_wr{width:100%; height:100%;}

.sj_gy_shang1_wr{width:100%;}
.sj_gy_shang1_jz{width: 100%; margin: 0 auto; }
.sj_gy_shang1_nr{width: 100%; overflow-y: hidden;}
.sj_gy_shang1_nr1{width: auto;}
.sj_gy_shang1_btn_houtui{  }
.sj_gy_shang1_btn_cd{ }

.sj_gy_shang2_wr{width: 100%;}
.sj_gy_shang2_jz{width: 100%; margin: 0 auto;}
.sj_gy_shang2_nr{width: auto;}

.sj_gy_shang3_wr{width: 100%;}
.sj_gy_shang3_jz{width: 100%; margin: 0 auto;}
.sj_gy_shang3_nr{width: auto;}

.sj_gy_xia1_wr{width: 100%;}
.sj_gy_xia1_jz{width: 100%; margin: 0 auto;}
.sj_gy_xia1_nr{width: auto;}
/* gy js */





/* layout ks */

/* yh_login ks */
.sj_yh_login_nr1_wr{width: auto;}
.sj_yh_login_nr1_jz{width: auto; margin: 0 auto;}
.sj_yh_login_nr1_nr{width: auto; margin: 0 auto;}
/* yh_login js */

/* yh_readme ks */
.sj_yh_readme_nr1_wr{width: auto;}
.sj_yh_readme_nr1_jz{width: 94%; margin: 0 auto;}
.sj_yh_readme_nr1_nr{width: auto; margin: 0 auto;}
.sj_yh_readme_nr1_nr1{width: auto; margin: 0 auto;}
.sj_yh_readme_nr1_nr2{width: auto; margin: 0 auto;}
.sj_yh_readme_nr1_nr3{width: auto; margin: 0 auto;}
/* yh_readme js */

/* yh_join ks */
.sj_yh_join_nr1_wr{width: auto;}
.sj_yh_join_nr1_jz{width: 94%; margin: 0 auto;}
.sj_yh_join_nr1_nr{width: auto; margin: 0 auto;}
.sj_yh_join_nr1_nr1{width: auto; margin: 0 auto;}
.sj_yh_join_nr1_nr2{width: auto; margin: 0 auto;}
.sj_yh_join_nr1_nr3{width: auto; margin: 0 auto;}
/* yh_join js */


/* yh_join_ok ks */
.sj_yh_join_ok_nr1_wr{width: auto;}
.sj_yh_join_ok_nr1_jz{width: 94%; margin: 0 auto;}
.sj_yh_join_ok_nr1_nr{width: auto; margin: 0 auto;}
.sj_yh_join_ok_nr1_nr1{width: auto; margin: 0 auto;}
.sj_yh_join_ok_nr1_nr2{width: auto; margin: 0 auto;}
.sj_yh_join_ok_nr1_nr3{width: auto; margin: 0 auto;}
/* yh_join_ok js */

/* layout js */