.wk_template{display: grid; grid-template-columns: 1fr 330px; grid-gap: 25px; margin-top: 20px;}
.wk_template > div{width: 100%;}
.wk_template .wtTab > div:not(.active){display: none;}
.wk_template .wtFilm{margin-bottom: 25px; border: 1px solid var(--bg_silver); border-radius: 5px; padding: 13px 15px 17px 15px; box-sizing: border-box;}
.wk_template .wtFilm > div:first-child{color: var(--text_silver); margin-bottom: 5px;}
.wk_template .wtFilm > div:nth-child(2){display: grid; grid-template-columns: 45px 1fr; grid-gap: 15px; align-items: center;}
.wk_template .wtFilm > div:nth-child(2) > div{width: 100%;}
.wk_template .wtFilm > div:nth-child(2) > div:first-child > div{padding-bottom: 150%; border-radius: 5px; background-color: var(--bg_silvercalm);}
.wk_template .wtFilm > div:nth-child(2) > div:nth-child(2) > div:first-child{margin-bottom: 3px;}
.wk_template .wtInfo{display: grid; grid-template-columns: 1fr 1fr; grid-gap: 15px; margin-bottom: 25px;}
.wk_template .wtInfo > div{width: 100%; text-align: center; border: 1px solid var(--bg_silver); border-radius: 5px;}
.wk_template .wtInfo > div > div:first-child{color: var(--text_silver); padding: 10px 0px 5px 0px;}
.wk_template .wtInfo > div > div:nth-child(2){font-family: 'bold'; font-size: 17px; padding: 5px 0px 15px 0px;}
.wk_template .wtLinkExternal{margin-bottom: 25px;}
.wk_template .wtLinkExternal > a > div{padding: 7px 10px; border: 1px solid var(--bg_line); border-radius: 5px; display: grid; grid-template-columns: 15px 1fr; grid-gap: 10px; box-sizing: border-box; align-items: center;}
.wk_template .wtLinkExternal > a:not(:last-child) > div{margin-bottom: 7px;}
.wk_template .wtLinkExternal > a > div > div{width: 100%;}
.wk_template .wtLinkExternal > a > div > div:first-child > div{width: 15px; height: 15px;}
.wk_template .wtAuthor{margin-bottom: 35px;}
.wk_template .wtAuthor > div:not(:last-child){margin-bottom: 10px;}
.wk_template .wtAuthor > div > div:first-child{color: var(--text_silver);}
.wk_template .wtAuthor > div > div:nth-child(2){font-family: 'bold'; font-size: 15px;}
.wk_template .wtAbout{}
.wk_template .wtAbout .wtaHead{display: grid; grid-template-columns: 1fr 100px; grid-gap: 25px;}
.wk_template .wtAbout .wtaHead > div{width: 100%;}
.wk_template .wtAbout .wtaHead > div:first-child > div{margin-top: 6px; color: var(--text_silver); letter-spacing: 5px;}
.wk_template .wtAbout .wtaHead > div button{width: 100%;}
.wk_template .wtAbout .wtaUser{display: table; table-layout: fixed; width: 100%; margin: 10px 0px 15px 0px;}
.wk_template .wtAbout .wtaUser > div{display: table-cell; vertical-align: middle;}
.wk_template .wtAbout .wtaUser > div:first-child{width: 35px;}
.wk_template .wtAbout .wtaUser > div:first-child > div{height: 35px; border-radius: 50%; background-color: var(--bg_silver);}
.wk_template .wtAbout .wtaUser > div:nth-child(2){padding-left: 15px; font-family: 'bold';}
.wk_template .wtAbout .wtaInfo{padding: 15px 0px 15px 20px; border-left: 2px solid var(--bg_silvercalm); color: var(--text_silver);}
.wk_template .wtAbout .wtaOther{margin-top: 20px;}
.wk_template .wtAbout .wtaOther > div:not(:last-child){margin-bottom: 10px;}
.wk_template .wtAbout .wtaOther b{text-decoration: underline;}
.wk_template .wtAbout .wtaBtn{margin-top: 20px;}
.wk_template .wtAbout .wtaBtn div{padding: 10px 0px 12px 0px; border-radius: 5px;; text-align: center; background: var(--bg_silvercalm);}
.wk_template .ntAwards{margin-top: 30px;}
.wk_template .ntAwards > div:first-child{color: var(--text_silver); font-family: 'bold'; font-size: 17px;}
.wk_template .ntAwards .ntaList{display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 15px; margin-top: 15px;}
.wk_template .ntAwards .ntaList > div{width: 100%;}
.wk_template .ntAwards .ntaList > div > div{padding-bottom: 100%;}

.wk_banner{background-color: var(--bg_silvercalm); padding-top: 50px; position: relative;}
.wk_banner:before{content: ''; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.65); position: absolute;}
@supports ((-webkit-backdrop-filter: blur(10px)) or (backdrop-filter: blur(10px))) {
  .wk_banner:before{background: rgba(255, 255, 255, 0.40); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);}
}

.wk_banner .wbContent{min-height: 350px; display: grid; grid-template-columns: 200px 1fr; grid-gap: 45px; position: relative; z-index: 1;}
.wk_banner .wbContent > div{width: 100%; position: relative;}
.wk_banner .wbContent > div:first-child > div:first-child{padding-bottom: 150%; background-color: var(--bg_silver); border-radius: 10px;}
.wk_banner .wbContent > div:first-child .wbcInfo{position: absolute; top: 10px; left: 13px;}
.wk_banner .wbContent > div:first-child .wbcInfo > span{padding: 3px 5px; font-size: 11px; color: var(--text_white); border-radius: 3px;}
.wk_banner .wbContent > div:first-child .wbcInfo > span:not(:last-child){margin-right: 5px;}
.wk_banner .wbContent > div:first-child .wbcInfo > span.novel{background: var(--bg_novel);}
.wk_banner .wbContent > div:first-child .wbcInfo > span.comic{background: var(--bg_comic);}
.wk_banner .wbContent > div:first-child .wbcInfo > span.premium{background: var(--bg_blue);}
.wk_banner .wbContent > div:nth-child(2){padding-top: 45px;}
.wk_banner .wbContent .wbcInfo{font-size: 15px; text-transform: uppercase;}
.wk_banner .wbContent .wbcInfo .wbciGenre > a{font-family: 'bold';}
.wk_banner .wbContent .wbcInfo .wbciStatus{padding: 2px 10px; border-radius: 10px; background: var(--bg_green); color: var(--text_white); font-size: 11px; position: relative; top: -1px; margin-left: 10px;}
.wk_banner .wbContent .wbcTitle{font-size: 40px; font-family: 'novel'; font-weight: bold; padding: 15px 0px;}
.wk_banner .wbContent .wbcWriter{}
.wk_banner .wbContent .wbcOptions{margin-top: 15px; white-space: nowrap;}
.wk_banner .wbContent .wbcOptions > div{display: inline-block; border-radius: 5px; color: var(--text_white); vertical-align: top;}
.wk_banner .wbContent .wbcOptions > div:not(:last-child){margin-right: 15px;}
.wk_banner .wbBtnRead{padding: 15px 20px 17px 15px; background: var(--bg_blue); font-family: 'bold'; font-size: 15px;}
.wk_banner .wbBtnRead > div{display: grid; grid-template-columns: 20px 1fr; grid-gap: 15px;}
.wk_banner .wbBtnRead > div > div{width: 100%;}
.wk_banner .wbBtnRead > div > div:first-child > div{width: 20px; height: 20px; margin-top: 2px;}
.wk_banner .wbBtnBuy{background: var(--bg_orange); cursor: pointer; position: relative; padding: 7px 15px 8px 15px; min-width: 150px;}
.wk_banner .wbBtnBuy > div:first-child{font-family: 'bold'; font-size: 15px;}
.wk_banner .wbBtnBuy > div:nth-child(2){font-size: 11px;}
.wk_banner .wbInfo{white-space: nowrap; width: 100%; margin-top: 15px;}
.wk_banner .wbInfo > div{display: inline-block; background: var(--bg_white); padding: 5px 15px; border: 1px solid var(--bg_green); border-radius: 100px;}
.wk_banner .wbInfo > div:not(:last-child){margin-right: 10px;}
.wk_banner .wbInfo > div > div{display: grid; grid-template-columns: 15px 1fr; grid-gap: 10px; align-items: center;}
.wk_banner .wbInfo > div > div > div{width: 100%; color: var(--text_silver); font-size: 11px;}
.wk_banner .wbInfo > div > div > div:first-child > div{width: 15px; height: 15px;}

.wk_type_locked{padding: 25px 0px 85px 25px; text-align: center;}
.wk_type_locked > div:first-child > div{width: 65px; height: 65px;}
.wk_type_locked > div:nth-child(2){margin-top: 25px;}
.wk_type_locked > div:nth-child(2) > div:first-child{font-size: 17px; font-weight: bold; margin-bottom: 10px;}
.wk_type_locked > div:nth-child(2) > div:nth-child(2){font-size: 15px; width: 500px;}

.wk_options{height: 65px; border-bottom: 1px solid var(--bg_silvercalm);}
.wk_options .woMenu{white-space: nowrap; font-size: 0px;}
.wk_options .woMenu > a > div{display: inline-block; padding: 20px 20px 20px 0px; position: relative; font-weight: bold; font-size: 17px; color: var(--text_black);}
.wk_options .woMenu > a:not(:last-child) > div{margin-right: 20px;}
.wk_options .woMenu > a > div:before{content: ''; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 3px; opacity: 0; transition: var(--transition);}
.wk_options .woMenu > a:hover > div:before{opacity: 1; background: var(--bg_silver);}
.wk_options .woMenu > a.active > div:before{opacity: 1; background: var(--bg_blue);}
.wk_options .woMenu .womCount{padding: 3px 5px; background: var(--bg_blue); color: var(--text_white); font-size: 9px; font-family: 'regular'; border-radius: 3px; position: relative; top: -3px; margin-left: 3px;}
.wk_options .woMenu .womIcon{width: 20px; height: 20px; position: relative; top: 3px; margin-right: 15px; float: left;}

.wkOpt{white-space: nowrap; width: 100%;}
.wkOpt > div{display: inline-block; cursor: pointer;}
.wkOpt > div:hover{color: var(--text_blue);}
.wkOpt > div:not(:last-child){margin-right: 25px;}
.wkOpt > div > div{display: table; table-layout: fixed; padding: 5px 0px;}
.wkOpt > div > div > div{display: table-cell; vertical-align: middle;}
.wkOpt > div > div > div:first-child{width: 25px;}
.wkOpt > div > div > div:first-child > div{height: 25px;}
.wkOpt > div > div > div:nth-child(2){padding-left: 15px; font-family: 'bold';}

.wkInputComment{display: grid; grid-template-columns: 1fr 95px; align-items: end; grid-gap: 15px;}
.wkInputComment > div{width: 100%;}
.wkInputComment > div:first-child textarea{min-height: 38px; font-size: 13px;}
.wkInputComment > div:nth-child(2){padding-bottom: 6px;}
.wkInputComment > div:nth-child(2) button{width: 100%;}

.wk_statusPremiumOpen{bottom: 20px; left: 0px; position: fixed; width: 100%; z-index: 55;}
.wk_statusPremiumOpen > div{padding: 10px 15px; display: grid; max-width: 640px; background: var(--bg_bluesoft); border-radius: 10px; grid-template-columns: 20px 1fr; grid-gap: 15px; box-sizing: border-box; align-items: center;}
.wk_statusPremiumOpen > div > div{width: 100%;}
.wk_statusPremiumOpen > div > div:first-child > div{width: 20px; height: 20px;}

.work_review_star{margin: 15px 0px 20px 0px; white-space: nowrap; font-size: 0px;}
.work_review_star > div{padding: 0px 7.5px; display: inline-block; cursor: pointer;}
.work_review_star > div > div{width: 30px; height: 30px;}
.work_review_star > div:first-child{padding-left: 0px;}
.work_review_star > div:last-child{padding-right: 0px;}
.work_review{padding: 30px 0px;}
.work_review .wr_star{margin: 0px 20px 25px 20px;}
.work_review .wr_list{}
.work_review .wr_list > div{padding: 15px 20px;}
.work_review .wr_list > div:not(:last-child){border-bottom: 1px solid var(--bg_line);}
.work_review .wr_list > div > div{display: table; table-layout: fixed; width: 100%;}
.work_review .wr_list > div > div > div{display: table-cell; vertical-align: top;}
.work_review .wr_list > div > div > div:first-child{width: 45px;}
.work_review .wr_list > div > div > div:first-child div{height: 45px; border-radius: 50%; background-color: var(--bg_silvercalm);}
.work_review .wr_list > div > div > div:nth-child(2){padding-left: 15px;}
.work_review .wr_list > div > div > div:nth-child(2) > div:first-child{font-weight: bold; font-size: 17px;}
.work_review .wr_list .nrl_star{margin-top: 5px; margin-bottom: 10px; height: 15px; white-space: nowrap;}
.work_review .wr_list .nrl_star > div{height: 15px; width: 82px; display: inline-block;}
.work_review .wr_list .nrl_content{margin-top: 5px;}
.work_review .wr_list .nrl_option{margin-top: 10px; white-space: nowrap;}
.work_review .wr_list .nrl_option > div{display: inline-block; cursor: pointer; color: var(--text_silver);}
.work_review .wr_list .nrl_option > div:not(:last-child){margin-right: 10px;}

.work_star{margin-bottom: 25px;}
.work_star > div:first-child{display: table; table-layout: fixed; width: 100%;}
.work_star > div:first-child > div{display: table-cell; vertical-align: middle;}
.work_star > div:first-child > div:first-child{font-size: 17px; font-family: 'bold'; padding-left: 20px;}
.work_star > div:first-child > div:nth-child(2){width: 80px;}
.work_star > div:first-child > div:nth-child(2) > div{padding: 5px 10px; border-radius: 5px; background: var(--bg_blue); color: var(--text_white); width: 42px; text-align: center; font-size: 20px; font-family: 'bold';}
.work_star > div:nth-child(2){margin-top: 10px;}
.work_star > div:nth-child(2) > div{display: table; table-layout: fixed; width: 100%;}
.work_star > div:nth-child(2) > div > div{display: table-row;}
.work_star > div:nth-child(2) > div > div > div{display: table-cell; padding: 0px 15px; vertical-align: middle;}
.work_star > div:nth-child(2) > div > div > div:first-child{width: 100px;}
.work_star > div:nth-child(2) > div > div > div:first-child > div{width: 100px; height: 18px; float: left;}
.work_star > div:nth-child(2) > div > div > div:nth-child(2){}
.work_star > div:nth-child(2) > div > div > div:nth-child(2) > div{height: 2px; background: var(--bg_silvercalm); border-radius: 10px;}
.work_star > div:nth-child(2) > div > div > div:nth-child(3){width: 40px; text-align: right; font-size: 17px; font-family: 'bold';}
.work_star > div:nth-child(3){margin-top: 7px; padding-left: 15px; color: var(--text_silver);}

.work_filmfromkwikku{padding: 9px 15px 9px 15px; border: 2px solid var(--bg_purple); color: var(--text_silver); box-sizing: border-box; border-radius: 5px; display: grid; grid-template-columns: 17px 1fr; grid-gap: 15px; align-items: center;}
.work_filmfromkwikku.production{border: 2px solid var(--bg_green);}
.work_filmfromkwikku > div{width: 100%;}
.work_filmfromkwikku > div:first-child{width: 17px;}
.work_filmfromkwikku > div:first-child > div{height: 17px;}
.work_filmfromkwikku > div:nth-child(2){font-weight: bold;}

.work_jumpto{margin: 35px 0px; height: 105px;}
.work_jumpto > div{display: table; table-layout: fixed; width: 100%;}
.work_jumpto > div > div{display: table-cell;}
.work_jumpto > div > div > div:first-child{font-size: 17px; margin-bottom: 15px;}
.work_jumpto > div > div > div:nth-child(2){display: table; table-layout: fixed; width: 100%; height: 70px;}
.work_jumpto > div > div > div:nth-child(2) > div{display: table-cell; vertical-align: middle;}
.work_jumpto .wj_next{text-align: right;}
.work_jumpto .wj_icon{width: 50px;}
.work_jumpto .wj_icon > div{width: 15px; height: 15px;}
.work_jumpto .wj_photo{width: 70px;}
.work_jumpto .wj_photo > div{height: 70px; background-color: var(--bg_silvercalm); border-radius: 10px;}
.work_jumpto .wj_desc{padding: 0px 25px;}
.work_jumpto .wj_desc > div:first-child{color: var(--text_blue);}
.work_jumpto .wj_desc > div:last-child{margin-top: 7px; font-size: 17px; font-weight: bold; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.work_jumpto .wj_info{padding: 0px 25px; color: var(--text_silver);}
.work_jumpto .wj_info > div:first-child{font-size: 17px; font-family: 'bold'; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.work_jumpto .wj_info > div:nth-child(2){margin-top: 7px;}