.audiobok_btn{padding: 10px 15px; border-radius: 10px; color: var(--text_white); background: var(--bg_silver); display: grid; grid-template-columns: 40px 1fr 20px; grid-gap: 15px; align-items: center;}
.audiobok_btn.active{background: var(--bg_blue);}
.audiobok_btn > div{width: 100%;}
.audiobok_btn > div:first-child > div{width: 40px; height: 40px; border-radius: 5px;}
.audiobok_btn > div:nth-child(2) > div:first-child{font-size: 11px; font-weight: bold;}
.audiobok_btn > div:nth-child(3) > div{width: 20px; height: 20px;}

.audioBook_layout{max-width: 700px; display: none;}
.audioBook_layout .alContent > div:nth-child(2) > div:not(:last-child){margin-bottom: 15px;}

.audioBook_player .apMain{display: grid; align-items: center; grid-template-columns: 1fr 320px; grid-gap: 15px; padding: 15px; border-radius: 10px; border: 1px solid var(--bg_line); margin-bottom: 25px;}
.audioBook_player .apMain > div{width: 100%;}
.audioBook_player .apCover{margin-bottom: 0px;}
.audioBook_player .apCover > div{aspect-ratio: 1 / 1; position: relative;}
.audioBook_player .apCover .acImage{position: absolute; top: 16%; left: 0px; width: 100%;}
.audioBook_player .apCover .acImage > div{width: 140px; height: 210px; border-radius: 10px; border: 1.5px solid var(--bg_line); background: var(--bg_silvercalm); background-size: cover;}
.audioBook_player .apInfo{text-align: center;}
.audioBook_player .apInfo .aiLabel > span:not(:last-child){margin-right: 15px;}
.audioBook_player .apInfo .aiLabel .alType{padding: 3px 7px; border-radius: 50px; font-size: 11px; color: var(--text_white);}
.audioBook_player .apInfo .aiLabel .alBox{display: inline-block; top: 3px; position: relative;}
.audioBook_player .apInfo .aiLabel .alBox > div{display: grid; color: var(--text_silver); grid-template-columns: 15px 1fr; grid-gap: 5px; align-items: center;}
.audioBook_player .apInfo .aiLabel .alBox > div > div{Width: 100%;}
.audioBook_player .apInfo .aiLabel .alBox > div > div:first-child > div{width: 15px; height: 15px;}
.audioBook_player .apInfo .aiTitle{margin-top: 30px; font-size: 17px; font-weight: bold;}
.audioBook_player .apInfo .aiUser{margin-top: 2px; color: var(--text_silver);}
.audioBook_player .apPlayer{margin-top: 25px;}
.audioBook_player .apPlayer .apSeekbar .asTime{display: grid; grid-template-columns: min-content 1fr min-content; align-items: center; margin-bottom: 5px; color: var(--text_silver);}
.audioBook_player .apPlayer .apSeekbar .asTime > div{width: 100%;}
.audioBook_player .apPlayer .apSeekbar input{width: 100%; -webkit-appearance: none; height: 8px; background: var(--bg_silvercalm); border: none; border-radius: 5px; outline: none;}
.audioBook_player .apPlayer .apSeekbar input::-webkit-slider-thumb {-webkit-appearance: none; appearance: none; width: 25px; height: 25px; background: red; cursor: pointer; border-radius: 50%;}
.audioBook_player .apPlayer .apSeekbar input{width: 100%; -webkit-appearance: none; height: 5px; background: linear-gradient(to right,var(--bg_blue) 0%,var(--bg_blue) var(--value), var(--bg_silvercalm) var(--value), var(--bg_silvercalm) 100%); border: none; border-radius: 5px; outline: none; --value: 0%;}
.audioBook_player .apPlayer .apSeekbar input::-webkit-slider-thumb{-webkit-appearance: none; appearance: none; width: 15px; height: 15px; background: var(--bg_blue); cursor: pointer; border-radius: 50%;}
.audioBook_player .apPlayer .apSeekbar input::-moz-range-thumb{width: 15px; height: 15px; background: var(--bg_blue); cursor: pointer; border-radius: 50%;}
.audioBook_player .apPlayer .apSeekbar input:focus::-webkit-slider-runnable-track, .audioBook_player .apPlayer .apSeekbar input:focus::-moz-range-track{background:linear-gradient(to right,var(--bg_blue) 0%,var(--bg_blue) var(--value),var(--bg_silvercalm) var(--value),var(--bg_silvercalm) 100%);}
.audioBook_player .apPlayer .apBtn{display: table; margin-top: 20px; border-radius: 50px; padding: 10px 15px; background: var(--bg_silvercalm);}
.audioBook_player .apPlayer .apBtn > div{display: table-cell; padding: 0 15px; vertical-align: middle; transition: var(--transition); cursor: pointer;}
.audioBook_player .apPlayer .apBtn > div:hover{opacity: 0.7;}
.audioBook_player .apPlayer .apBtn > div:not(.playBtn) > div{width: 20px; height: 20px;}
.audioBook_player .apPlayer .apBtn > div.playBtn > div{width: 45px; height: 45px; background: var(--bg_blue); border-radius: 50%;}
.audioBook_player .apPlayer .apBtn > div.playBtn > div > div{width: 17px; height: 17px; position: relative; top: 13.5px;}

.audioBook_action{display: grid; margin-bottom: 25px; grid-template-columns: 1fr 1fr 1fr; grid-gap: 15px; align-items: center; text-align: center;}
.audioBook_action > div{width: 100%;}
.audioBook_action .aaOpt{width: 130px; padding: 10px 0px; cursor: pointer; transition: var(--transition); border-radius: 10px; border: 1px solid var(--bg_line);}
.audioBook_action .aaOpt:hover{background: var(--bg_silvercalm);}
.audioBook_action .aaOpt > div:first-child > div{width: 15px; height: 15px;}

.audioBook_playlist > div:first-child{font-weight: bold; margin-bottom: 10px;}
.audioBook_playlist .apList{border-radius: 10px; border: 1px solid var(--bg_line); overflow: hidden;}
.audioBook_playlist .apList > div{padding: 10px 15px; display: grid; grid-template-columns: 15px 1fr; grid-gap: 10px; align-items: center;}
.audioBook_playlist .apList > div.active{background: var(--bg_silvercalm);}
.audioBook_playlist .apList > div:not(:last-child){border-bottom: 1px solid var(--bg_line);}
.audioBook_playlist .apList > div > div{width: 100%;}
.audioBook_playlist .apList > div > div:first-child > div{width: 15px; height: 15px; background-size: cover; background-image: url('../../../../images/icon/all/play_silver.png');}
.audioBook_playlist .apList > div.active > div:first-child > div{background-image: url('../../../../images/icon/animation/soundwave.gif');}

.audiobook_source{display: none;}