.video_premium_head{padding: 25px; margin-top: 15px; border-radius: 10px; background: var(--bg_premium); box-sizing: border-box; display: grid; grid-template-columns: 65px 1fr; grid-gap: 25px; align-items: center;}
.video_premium_head > div{width: 100%;}
.video_premium_head > div:first-child > div{width: 65px; height: 65px; background-size: 100%; background-image: url('../../../../images/background/video_premium.png');}
.video_premium_head > div:nth-child(2){color: var(--text_white);}
.video_premium_head > div:nth-child(2) > div:first-child{font-size: 20px; font-weight: bold;}
.video_premium_head > div:nth-child(2) > div:nth-child(2){margin-top: 3px;}

.talk_info_live{margin-top: 15px;}
.talk_info_live .tilContent > a{color: var(--text_white);}
.talk_info_live .tilContent > a > div{padding: 15px 20px; border-radius: 10px; display: grid; grid-template-columns: 1fr 60px; grid-gap: 10px; align-items: center;}
.talk_info_live .tilContent > a.waiting > div{background: var(--bg_silvercalm); box-shadow: inset 0px 0px 0px 2px var(--bg_silver); color: var(--text_silver);}
.talk_info_live .tilContent > a.onair > div{background: var(--bg_green);}
.talk_info_live .tilContent > a:not(:last-child) > div{margin-bottom: 10px;}
.talk_info_live .tilContent > a > div > div{width: 100%;}
.talk_info_live .tilContent > a > div > div:first-child > div:first-child{font-size: 15px; font-weight: bold;}
.talk_info_live .tilContent > a > div > div:first-child > div:nth-child(2){margin-top: 3px;}
.talk_info_live .tilContent > a > div > div:nth-child(2){text-align: right;}
.talk_info_live .tilContent > a > div > div:nth-child(2) span{padding: 3px 5px; border-radius: 3px; color: var(--text_white); background: var(--bg_silver); font-size: 11px;}
.talk_info_live .tilContent > a.onair > div > div:nth-child(2) span{background: var(--bg_red);}
.talk_info_live .tilAlert{background: var(--bg_silvercalm); padding: 15px 20px; border-radius: 10px; font-weight: bold;}

.talk_layout{position: absolute; top: 55px; left: 0px; width: 100%; height: calc(100% - 55px); display: grid; grid-template-columns: 1fr 330px;}
.talk_layout > div{width: 100%; position: relative; box-sizing: border-box;}
.talk_layout > div:first-child{padding: 10px;}

.talk_live{position: relative; height: 100%; box-sizing: border-box;}
.talk_live > div{background: var(--bg_black); border-radius: 10px; position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; overflow: hidden;}

.talk_liveoffair{position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; display: grid; grid-template-columns: 1fr; align-items: center;}
.talk_liveoffair > div{width: 100%;}
.talk_liveoffair .tlBox{width: 400px; height: 200px; padding: 20px 15px; background: var(--bg_white); border-radius: 10px;}
.talk_liveoffair .tlBox .tlbTitle{font-size: 17px; font-family: 'bold'; text-align: center; color: var(--text_blue)}
.talk_liveoffair .tlBox .tlbBanner{width: 150px; height: 150px; background-size: cover;}
.talk_liveoffair .tlBox .tlbDesc{margin-top: 5px; color: var(--text_silver); text-align: center;}
.talk_liveoffair .tlBox .tlbBtnCenter{Margin-top: 45px; text-align: center;}
.talk_liveoffair .tlBox .tlbsuggest{display: grid; grid-template-columns: 1fr 1fr; grid-gap: 15px;}
.talk_liveoffair .tlBox .tlbsuggest > a{width: 100%;}
.talk_liveoffair .tlBox .tlbsuggest > a > div:first-child{padding-bottom: 50%; border-radius: 5px; background-color: var(--bg_silvercalm);}
.talk_liveoffair .tlBox .tlbsuggest > a > div:nth-child(2){margin-top: 3px; display: grid; width: 100%; font-weight: bold;}

.talk_liveonair{position: absolute;top: 0px; left: 0px; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;}
.talk_liveonair iframe{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.talk_chat{position: absolute; width: 330px; height: 100%; background: var(--bg_white); top: 0px; z-index: 40;}
.talk_chat > div{display: grid; height: 100%; position: absolute; width: 100%; grid-template-rows: 50px 1fr 60px;}
.talk_chat.tcGuest > div{grid-template-rows: 60px 1fr 60px;}
.talk_chat > div > div{width: 100%;}
.talk_chat > div > div:first-child > div{text-align: center; padding-top: 4px; margin: 12px 10px; border: 1.5px solid var(--bg_line); padding-bottom: 3px; border-radius: 10px;}
.talk_chat > div > div:first-child > div > div:first-child{font-size: 15px; font-weight: bold;}
.talk_chat > div > div:first-child > div > div:nth-child(2){font-size: 11px;}
.talk_chat > div > div:nth-child(2){position: relative;}
.talk_chat > div > div:nth-child(2) > div{position: absolute; width: 100%; height: 100%; overflow: auto;}
.talk_chat > div > div:nth-child(3){background: var(--bg_silvercalm);}
.talk_chat .tc_bubble{padding: 5px 0px 10px 0px;}
.talk_chat .tc_bubble > div{padding: 3px 10px; position: relative;}
.talk_chat .tc_bubble > div > img{width: 75px; vertical-align: middle; margin: 5px;}
.talk_chat .tc_loveTooltips{display: none; position: absolute; background-color: var(--bg_black); color: var(--text_white); padding: 5px; border-radius: 10px; z-index: 100;}
.talk_chat .tc_loveTooltips > div{display: grid; padding: 5px 0px; grid-template-columns: 1fr 1fr 1fr 1fr; width: 120px;}
.talk_chat .tc_loveTooltips > div > div{width: 100%;}
.talk_chat .tc_loveTooltips > div > div > div{width: 20px; height: 20px; cursor: pointer; transition: var(--transition);}
.talk_chat .tc_loveTooltips > div > div > div:hover{transform: scale(1.5);}
.talk_chat .tc_input{padding: 12px 14px;}
.talk_chat .tc_input > div{display: table; table-layout: fixed; width: 100%;}
.talk_chat .tc_input > div > div{display: table-cell; vertical-align: middle;}
.talk_chat .tc_input .tci_btn{width: 40px;}
.talk_chat .tc_input .tci_btn > div{width: 25px; height: 25px; cursor: pointer; float: left;}
.talk_chat .tc_input .tci_btn > div:hover{transform: scale(1.5);}
.talk_chat .tc_input .tci_btn > div:active{transform: scale(0.5);}
.talk_chat .tc_input input{background: var(--bg_white);}
.talk_chat .tc_sticker{position: relative; width: 100%; height: 0px;}
.talk_chat .tc_sticker > div{position: absolute; width: 100%; display: none; background: var(--bg_silvercalm); z-index: 3; bottom: 0px; left: 0px;}
.talk_chat .tc_sticker > div > div:first-child{padding: 10px 15px; background: var(--bg_blue); color: var(--text_white);}
.talk_chat .tc_sticker > div > div:nth-child(2){height: 250px; overflow: auto; padding: 15px;}
.talk_chat .tc_sticker .tcs_box{display: grid; width: 100%; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; grid-gap: 15px;}
.talk_chat .tc_sticker .tcs_box > div{width: 100%;}
.talk_chat .tc_sticker .tcs_box > div > div{width: 100%; padding-bottom: 100%; cursor: pointer; transition:all 0.2s ease}
.talk_chat .tc_sticker .tcs_box > div:hover > div{opacity: 0.5;}
.talk_chat .tc_login{padding: 15px;}

.talk_bubble{}
.talk_bubble > div{display: inline-block; width: 100%;}
.talk_bubble > div:not(:last-child){margin-bottom: 10px;}
.talk_bubble > div > div{width: 230px;}
.talk_bubble > div.me > div{float: right; background: #c3c3c3; border-radius: 15px 15px 0px 15px;}
.talk_bubble > div.you > div{float: left; background: #777777; color: #e4e4e4; border-radius: 0px 15px 15px 15px;}
.talk_bubble > div > div > div:first-child{padding: 10px 15px 0px 15px; font-family: 'bold';}
.talk_bubble > div > div > div:nth-child(2){padding: 0px 15px 10px 15px; margin-top: 3px;}

.talk_view_template{display: table; table-layout: fixed; width: 100%;}
.talk_view_template > div{display: table-cell; vertical-align: top;}
.talk_view_template > div:nth-child(2){width: 320px;}

.talk_view .tvVideo{position: relative; padding-bottom: 56.25%; height: 0; background: var(--bg_black);}
.talk_view .tvVideo iframe{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.talk_view .tvNotPlay{padding-bottom: 50%; position: relative; background: var(--bg_black);}
.talk_view .tvNotPlay > div{position: absolute; padding: 15px; background: var(--bg_premium); color: var(--text_white); font-weight: bold; bottom: 0px; left: 0px; width: 100%; box-sizing: border-box;}
.talk_view .tvContent{padding: 15px;}
.talk_view .tvContent .tcInfo{margin-top: 15px;}
.talk_view .tvContent .tcInfo > div:first-child{font-size: 17px; font-weight: bold;}
.talk_view .tvContent .tcInfo > div:nth-child(2){margin-top: 5px;}

.talk_playlist{padding: 0px 20px;}
.talk_playlist > div:first-child{font-size: 20px; font-weight: bold;}