.talk_info_live{}
.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;}

.talk_live{background: var(--bg_black); position: absolute; width: 100%; height: 100%; top: 0px; left: 0px;}

.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: relative; padding-bottom: 56.25%; height: 0;}
.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: 41px 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: 8px; border: 2px solid var(--bg_line); padding-bottom: 6px;}
.talk_chat > div > div:first-child > div > div:first-child{font-size: 17px; 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: 10px 0px;}
.talk_chat .tc_bubble > div{padding: 3px 20px; position: relative;}
.talk_chat .tc_bubble > div > img{width: 75px; vertical-align: middle; margin: 5px;}
.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 > div:first-child{position: relative; padding-bottom: 56.25%; height: 0; background: var(--bg_black);}
.talk_view > div:first-child iframe{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.talk_view > div:nth-child(2){margin-top: 15px;}
.talk_view > div:nth-child(2) > div{display: table; table-layout: fixed; width: 100%;}
.talk_view > div:nth-child(2) > div > div{display: table-cell; vertical-align: middle;}
.talk_view > div:nth-child(2) > div > div:first-child{width: 40px;}
.talk_view > div:nth-child(2) > div > div:first-child > div{height: 40px; border-radius: 5px; background-color: var(--bg_silvercalm);}
.talk_view > div:nth-child(2) > div > div:nth-child(2){padding-left: 15px;}
.talk_view > div:nth-child(2) > div > div:nth-child(2) > div:first-child{font-size: 15px; font-family: 'bold';}
.talk_view > div:nth-child(2) > div > div:nth-child(2) > div:nth-child(2){margin-top: 2px;}
.talk_view > div:nth-child(3){padding: 20px 55px 0px 55px;}
.talk_view > div:nth-child(3) > div:first-child{font-size: 17px; font-family: 'bold';}
.talk_view > div:nth-child(3) > div:nth-child(2){margin-top: 5px;}

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

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

@media only screen and (max-width: 1145px) {
	.talk_layout > div{width: 1000px;}
	.talk_layout > div > div > div:first-child{width: 670px; height: 383px;}
	.talk_layout > div > div > div:first-child > div:first-child > div{padding: 3px 10px;}
	.talk_layout > div > div > div:first-child > div:first-child > div > div > div:first-child{width: 30px;}
	.talk_layout > div > div > div:first-child > div:first-child > div > div > div:first-child > div{height: 30px;}
	.talk_layout > div > div > div:first-child > div:first-child > div > div > div:last-child{font-size: 18px;}
	.talk_chat > div:nth-child(2){height: 252px;}
	.talk_layout > div > div > div:last-child{height: 291px;}
	
	.talk_liveoffline > div:nth-child(2){width: 170px; height: 170px;}
}