body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, textarea, th, td { margin: 0; padding: 0; }
body { font: 12px/100% 微软雅黑,arial,\5b8b\4f53; background-color: #fff; }
a { text-decoration: none; color: #333; text-decoration: none; outline: 0; }
img { border: 0; }
em, strong, th, b, i { font-style: normal; font-weight: normal; }
ol, ul, dl { list-style: none; }
th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
input, textarea, select, button { font-family: inherit; font-size: inherit; font-weight: inherit; }
img, input, label, button { vertical-align: middle; }
input:focus, button:focus, select:focus, textarea:focus { outline: 0; }
.g_clr:after { content: '\20'; display: block; height: 0; clear: both; visibility: hidden; }


body { background: #eaf8ff; min-height: 666px;  }

.header_h5 { display: none; }
.header_pc { width: 100%; min-width: 1000px; background: url(/assets/target/top_bg_pc.png) no-repeat center; height: 49px; padding: 20px 0; position: relative; background-color: #168bc8; background-size: cover;  }
.header_pc .con { width: 1000px; margin: 0 auto; }
.header_pc .con .logo { float: left; margin-right: 20px; }
.header_pc .con .cen { float: left; color: #3a96c2; margin-top: 15px; }
.header_pc .con .cen a { padding: 10px 12px; color: #075b87; font-size: 14px; font-weight: bold; line-height: 34px; }
.header_pc .con .btn { float: right; margin-top: 15px; }
.header_pc .con .btn a { border: 1px solid #7dd5ff; border-radius: 5px; background: #075b87; color: #fff; margin: 0 5px; height: 34px; width: 85px; text-align: center; float: left; }
.header_pc .con .btn a { display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: bold; }
.header_pc .con .btn a:hover { background: #0b74aa }
.header_pc .con .btn a img { margin-right: 5px; }
.header_pc .con .user { float: right; }
.header_pc .con .user a { color: #fff; background-color: #167fae; line-height: 38px; height: 38px; padding: 0px 5px; float: left; font-size: 14px; }
.header_pc .con .user a:hover { background: #0b74aa }
.header_pc .con .name { float: left; margin-top: 15px; font-size: 20px; line-height: 38px; height: 38px; color: #fff; }
.header_pc .con .name span { color: #d9f4ff; font-size: 28px; }
.header_pc .con .tool { float: right; }
.header_pc .con .tool a { color: #fff; background-color: #167fae; line-height: 38px; height: 38px; padding: 0px 20px; float: left; font-size: 14px; }


.main_con { min-width: 1000px; z-index: 999; position: relative; z-index: 1; }
.main_con .sea_box { text-align: center; margin: 200px auto; width: 620px; }
.main_con .sea_box .input_box { border: 1px solid #79b8d8; padding: 5px 10px; border-radius: 50px; }
.main_con .sea_box .input_box { background: url(/assets/target/ico_search.png) no-repeat left 20px center; }
.main_con .sea_box .input_box .search_txt { border: none; width: 340px; height: 50px; line-height: 50px; padding: 5px 50px; border-radius: 50px; background: none; color: #79b8d8; }
.main_con .sea_box .input_box .search_txt::placeholder { font-size: 16px; color: #79b8d8; }
.main_con .sea_box .input_box .search_btn { border-radius: 50px; width: 140px; height: 50px; line-height: 50px; background: #0c8dce; color: #fff; font-size: 18px; display: inline-block; vertical-align: middle; }

.main_con .sea_box .input_vcode { border: 1px solid #7ab9d8; padding: 5px 10px; border-radius: 50px; margin-top: 20px; }
.main_con .sea_box .input_vcode { background: url(/assets/target/ico_vcode.png) no-repeat left 20px center; }
.main_con .sea_box .input_vcode .search_txt { border: none; width: 340px; height: 50px; line-height: 50px; padding: 5px 50px; border-radius: 50px; background: none; color: #7ab9d8; }
.main_con .sea_box .input_vcode .search_txt::placeholder { font-size: 16px; color: #7ab9d8; }
.main_con .sea_box .input_vcode img { border-radius: 50px; width: 140px; height: 50px; line-height: 50px; background: #0c8dce; color: #fff; font-size: 18px; display: inline-block; vertical-align: middle; }


.main_con .login_box { text-align: center; margin: 100px auto; width: 432px; }
.main_con .login_box li { position: relative; }
.main_con .login_box li .txt { border: 1px solid #7ab9d8; width: 420px; height: 50px; line-height: 50px; background: #fff; font-size: 18px; vertical-align: middle; text-align: center; margin: 10px; border-radius: 50px; }
.main_con .login_box li .txt { background: url(/assets/target/ico_vcode.png) no-repeat left 15px center #ffffff82; }
.main_con .login_box li .btn { border: 1px solid #0c8dce; width: 120px; height: 50px; line-height: 50px; background: #0c8dce; color: #fff; font-size: 18px; display: inline-block; vertical-align: middle; border-radius: 50px; }
.main_con .login_box li .txt_v {  }
.main_con .login_box li .img_v { width: 120px; height: 48px; border-radius: 50px; position: absolute; right: 10px; top: 12px; }

.main_con .url_list { width: 1000px; margin: 0 auto; margin-top: 20px; }
.main_con .url_list .mtable { border: 1px solid #99cde5; background: #99cde5; color: #08618f; font-size: 13px; font-weight: bold; border-collapse: collapse; border-spacing: 0; border-radius: 10px; overflow: hidden; }
.main_con .url_list .mtable tr { border: 1px solid #99cde5; }
.main_con .url_list .mtable thead td { padding: 8px 15px; line-height: 25px; background: #d9f4ff; }
.main_con .url_list .mtable tbody td { padding: 8px 15px; line-height: 25px; background: #eaf8ff; }
.main_con .url_list .mtable tbody tr:hover td{ background: #f5fbff; }
.main_con .url_list .mtable td.tc { text-align: center; width: 20%; } 
.main_con .url_list .mtable td a { color: #087eb7; font-weight: bold; }
.main_con .url_list .mtable td input { border: 0px solid #9fc9dc; color: #333333; font-size: 13px; padding: 5px; width: 156px; background: none; }

.main_con .url_list .mtable td.tl p { display: none; margin: 0; }

.main_con .url_list .mtable td a.btn_rf { border: 1px solid #08618f; color: #08618f; border-radius: 5px; margin: 0 5px; height: 25px; line-height: 25px; width: 70px; text-align: center; float: right; }


.footer { background: url(/assets/target/btm_bg.jpg) repeat-x center bottom; display: block; width: 100%; height: 214px; position: fixed; bottom: 0; background-color: #168bc8; z-index: 0; }
/*.footer_166 { background: url(/assets/target/bg_166.jpg) no-repeat center; background-size: cover; display: block; width: 100%; height: 313px; position: fixed; bottom: 0; cursor: pointer; z-index: 1; }
.footer_166_btn { background: url(/assets/target/bg_166_close.png) no-repeat center; background-size: cover; position: fixed; right: 10px; bottom: 313px; height: 60px; width: 60px; z-index: 2; cursor: pointer; }*/


.footer { background: url(/assets/target/btm_bg.jpg) repeat-x center bottom; display: block; width: 100%; height: 214px; position: fixed; bottom: 0; background-color: #168bc8; z-index: 0; }
.footer_166 { }
.footer_166 .add_bb { display: block; width: 100%; height: 213px; display: block; width: 100%; position: fixed; bottom: 0; cursor: pointer; z-index: 10; }
.footer_166 .add_bb { background-image: url(/assets/target/ad/ad_bb.png); }
.footer_166 .add_bb { background-repeat: no-repeat; }
.footer_166 .add_bb { background-position: center bottom; }
.footer_166_btn { background: url(/assets/target/bg_166_close.png) no-repeat center; background-size: cover; position: fixed; right: 20px; bottom: 100px; height: 60px; width: 60px; z-index: 20; cursor: pointer; }


@media screen and (max-width: 600px) {
    body {   }
    .header_pc { display: none; }
    .header_h5 { display: block; height: 3.4em; padding: 0.8em 0.5em; text-align: center; background: url(/assets/target/top_bg_h5.png) no-repeat center; background-size: auto; background-size: cover; }
    .header_h5 .con { width: auto; position: relative; }
    .header_h5 .con .logo { margin: 0 auto; }
    .header_h5 .con .logo img { width: 10em; height: 3.5em; }
    .header_h5 .con .btn_l { position: absolute; left: 0; top: .6em; }
    .header_h5 .con .btn_l a { color: #fff; margin: 0 0.5em; text-align: center; width: 2em; height: 2em; display: inline-block; }
    .header_h5 .con .btn_l a img { display: block; margin-left: .3rem; }
    .header_h5 .con .btn_l a span { display: block; color: #fff; text-align: center; margin-top: .2em }
    .header_h5 .con .btn_r { position: absolute; right: 0; top: .6em; width: 8em; }
    .header_h5 .con .btn_r a { color: #fff; margin: 0 0.5em; text-align: center; width: 2em; height: 2em; display: inline-block; }
    .header_h5 .con .btn_r a img { display: block; margin-left: .3rem; }
    .header_h5 .con .btn_r a span { display: block; color: #fff; text-align: center; margin-top: .2em }

    .header_h5 .con .name { width: auto; font-size: 1.4em; line-height: 2em; height: 2em; color: #d9f4ff; }
    .header_h5 .con .name span { color: #075b87; font-size: 1.6em; }

    .header_h5 .con .user { position: absolute; right: 0; top: .6em; width: 8em; }
    .header_h5 .con .user a { color: #fff; background-color: #167fae; line-height: 2em; height: 2em; padding: 0px 5px; float: left; font-size: 1.4em; }
    .header_h5 .con .user a:hover { background: #0b74aa }

    .main_con { padding: 0.5em; min-width: 20em; z-index: 1; }
    .main_con .sea_box { text-align: center; margin: 10em auto; width: 30em; }
    .main_con .sea_box .input_box { border: 0.1em solid #79b8d8; padding: .1em 0; }
    .main_con .sea_box .input_box { background: url(/assets/target/ico_search.png) no-repeat left .8em center; }
    .main_con .sea_box .input_box .search_txt { border: none; width: 10em; height: 3em; line-height: 3em; padding: 5px .5em; border-radius: .5em; background: none; color: #79b8d8; }
    .main_con .sea_box .input_box .search_txt::placeholder { font-size: 1.2em; color: #79b8d8; }
    .main_con .sea_box .input_box .search_btn { border-radius: 3em; width: 7em; height: 2.8em; line-height: 2.8em; background: #0c8dce; color: #fff; font-size: 1.2em; display: inline-block; vertical-align: middle; float: right; margin: .2em .5em; }

    .main_con .sea_box .input_vcode { border: 0.1em solid #7ab9d8; padding: .1em 0; }
    .main_con .sea_box .input_vcode { background: url(/assets/target/ico_vcode.png) no-repeat left .8em center; }
    .main_con .sea_box .input_vcode .search_txt { border: none; width: 10em; height: 3em; line-height: 3em; padding: 5px .5em; border-radius: .5em; background: none; color: #79b8d8; }
    .main_con .sea_box .input_vcode .search_txt::placeholder { font-size: 1.2em; color: #79b8d8; }
    .main_con .sea_box .input_vcode img { border-radius: 3em; width: 7em; height: 2.8em; line-height: 2.8em; background: #0c8dce; color: #fff; font-size: 1.2em; display: inline-block; vertical-align: middle; float: right; margin: .2em .5em; }


    .main_con .login_box { text-align: center; margin: 10em auto; width: 30em; }
    .main_con .login_box li { position: relative; }
    .main_con .login_box li .txt { border: 1px solid #7ab9d8; width: 18em; height: 3em; line-height: 3em; /* background: #fff;*/ font-size: 18px; vertical-align: middle; text-align: center; margin: 10px; border-radius: 3em; }
    .main_con .login_box li .txt { background: url(/assets/target/ico_vcode.png) no-repeat left .8em center #ffffff82; }
    .main_con .login_box li .txt::placeholder { font-size: 1em; color: #79b8d8; }
    .main_con .login_box li .btn { border: 1px solid #0c8dce; width: 10em; height: 3em; line-height: 3em; background: #0c8dce; color: #fff; font-size: 18px; display: inline-block; vertical-align: middle; border-radius: 3em; }
    .main_con .login_box li .txt_v { width: 18em; border-radius: 3em; }
    .main_con .login_box li .img_v { width: 8em; border-radius: 3em; height: 3em; position: absolute; right: 3em; top: 1.5em; }

    .main_con .url_list { width: auto; margin: 0 auto; margin-top: 2.5em; margin-bottom:8em;}
    .main_con .url_list .mtable td.tc { display: none; }

    .main_con .url_list .mtable td.tl p { display: block }
    .main_con .url_list .mtable td a.btn_rf {display:none; }


    .footer { display: none; }
    .footer_166 { }
    .footer_166 .add_bb { display: block; width: 100%; display: block; width: 100%; position: fixed; bottom: 0; cursor: pointer; z-index: 10; }
    .footer_166 .add_bb { background-image: url(/assets/target/ad/ad_bb_h5.png); }
    .footer_166 .add_bb { background-repeat: no-repeat; }
    .footer_166 .add_bb { background-position: center bottom; }
    .footer_166_btn { background: url(/assets/target/bg_166_close_m.png) no-repeat center; background-size: cover; position: fixed; right: .3em; bottom: 5em; height: 3em; width: 3em; z-index: 20; cursor: pointer; }
}

/* KL entertainment identity: target dimensions and spacing are retained; only the palette/name changes. */
.header_pc .con .logo a,.header_h5 .con .logo a{display:block}
.logo_text{display:block;width:151px;height:57px;line-height:57px;white-space:nowrap;font-size:30px;font-weight:900;font-style:italic;letter-spacing:-1px;color:#fff;text-shadow:1px 1px 0 #075b87,-1px -1px 0 #075b87,1px -1px 0 #075b87,-1px 1px 0 #075b87,2px 2px 0 rgba(0,60,95,.35)}
.main_con .sea_box .input_box .search_btn{border:0;cursor:pointer;font-family:inherit;padding:0}
.main_con .url_list .mtable tbody tr{cursor:pointer}
.main_con .url_list .mtable td.tz{width:20%}
.header_pc{background-color:#168bc8}
.footer{background-color:#168bc8}
@media screen and (max-width:600px){.header_h5 .con .logo .logo_text{width:10em;height:3.5em;line-height:2em;margin:0 auto;font-size:1.8em}.main_con .sea_box .input_box .search_btn{padding:0}}

/* KL logo integrated into original navigation wordmark */
.logo_text{display:flex!important;align-items:center;gap:8px;width:auto!important;min-width:151px}
.logo_text .kl-header-logo{display:block;width:44px;height:44px;object-fit:cover;border-radius:12px;border:1px solid rgba(255,255,255,.75);box-shadow:0 4px 12px rgba(7,91,135,.25)}
.logo_text>span{display:block}
@media screen and (max-width:600px){.header_h5 .con .logo .logo_text{display:flex!important;justify-content:center;width:auto!important;height:3.5em;line-height:2em;margin:0 auto;font-size:1.8em}.logo_text .kl-header-logo{width:2.15em;height:2.15em;border-radius:.58em}}