#s1 {width:90%; max-width:1500px; margin:0 auto; display:table; padding-top:150px;}
		#s2 {width:90%; max-width:1500px; margin:0 auto; display:table; padding-top:150px;}
		
		#livebox {width:80%; margin:0 auto; display:table; margin-top:150px; margin-bottom:100px; box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);}
		#livebox iframe {display:block; float:left; width:70%; height:590px;}
		#livebox h980 {display:block; float:left; width:70%; height:590px; position:relative; background:#000000}
		#livebox h980 div {float: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align:center; color:#666666; font-size:20px; line-height:1.7}
		#livebox h980 div i {display:block; color:#666666; font-size:50px; text-align:center; margin-bottom:20px;}
		#chat {width:30%; height:590px; float:left; background:#f9f9f9; position:relative}
		
		#showtime div {margin-bottom:20px; display:table; width:100%}
		#showtime div span {display:block; float:left}
		#showtime div span:nth-child(1) {color:#999999; font-size:11px; margin-bottom:10px; width:100%}
		#showtime div span:nth-child(1) b {color:#000000; font-size:12px; margin-right:10px;}
		#showtime div span:nth-child(2){background:#ffffff; padding:10px; border-radius:10px; color:#000000; max-width:60%; word-break: break-all;}
		#showtime div span:nth-child(3) {margin-left:10px;color:#cccccc; font-size:11px;}

		div.mycht {}
		div.mycht span:nth-child(1) {display:none !important}
		div.mycht span:nth-child(3) {display:none !important}
		div.mycht span:nth-child(2){background:#f4eafe !important; float:right !important}
		/*
		div.admcht {width:100%; border-bottom:1px solid #c0073f; text-align:center; padding:10px 0 10px 0}
		div.admcht p {color:#c0073f; font-size:17px; font-weight:800}
		div.admcht p i {margin-right:10px}
		*/
		
		div.admcht span {display:block; float:left}
		div.admcht span:nth-child(1) {color:#999999; font-size:11px; margin-bottom:10px; width:100%}
		div.admcht span:nth-child(1) b {color:#b31a51 !important; font-size:12px; margin-right:10px;}
		div.admcht span:nth-child(2){background:#fcf3fc !important; padding:10px; border-radius:10px; color:#000000; max-width:60%; word-break: break-all; border:1px solid #b31a51}
		div.admcht span:nth-child(3) {margin-left:10px;color:#cccccc; font-size:11px;}
		
		
		
		
		
		

		#chat .popquiz {position:absolute; top:0px; left:0px; width:calc(100% - 40px); background:rgba(179,26,81,0.8); border-radius:0px; padding:20px; cursor:pointer}
		
		#chat .popquiz p {text-align:center; font-weight:800; color:#ffffff; animation:blink-effect 1s step-end infinite;}
		#chat .popquiz p b {background:#ffffff; font-weight:800; color:rgba(179,26,81,1); border-radius:30px; padding:5px 10px 5px 10px; margin-right:5px; font-size:13px;}

		
		#messages {
		  width: calc(100% - 60px);
		  height: 500px;
		  margin: 0 auto;
		  padding: 30px 30px 0px 30px;
		 
		 overflow:scroll;
		  border-radius: 10px 10px 0px 0px;
		}

		#messages::-webkit-scrollbar {
		  width: 10px;
		}

		#messages::-webkit-scrollbar-thumb {
		  background-color: #cccccc;
		  border-radius: 5px;
		}

		#messages p {
		  margin: 0;
		  font-size: 14px;
		}

		#messages .message {
		  margin-bottom: 10px;
		}

		#messages .message strong {
		  font-weight: bold;
		  margin-right: 10px;
		  color: #008CBA;
		}
		
		#quizpop {position:fixed; top:0px; left:0px; background:rgba(0,0,0,0.7); width:100%; height:100%; z-index:999; display:none}
		#quizpop div {background:#ffffff; border-radius:10px; padding:50px; width:500px; float: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
		.fa-times-circle {font-size:30px; position:absolute; top:30px; right:30px}
		#quizpop h1 {margin-bottom:20px}
		#quizpop h2 {color:#000000; font-size:22px; font-weight:800; margin-bottom:20px}
		#quizpop h3 {text-align:left; width:80%; margin:0 auto; margin-bottom:20px; background:#f6f6f6; border-radius:10px; padding:20px;}
		#quizpop p {text-align:center; line-height:1.5; font-size:17px; font-weight:700; margin-bottom:10px;}
		#quizpop p span{position:relative; font-size:18px; font-weight:800}
		#quizpop p span:before{
            position: absolute;
            content: '';
            width: 100%;
            height: 7px;
            bottom: 0px;
            z-index: -1;
            background-color: #fc9fb5;
            clip: rect(0px, 0px, 50px, 0px);
            transform: skew(30deg);
	  clip: rect(0px, 300px, 50px, 0px);
}
	  
	#quizpop p span.line::before{
            
        }
		.input-box {display:block; float:left; background-color:#eeeeee; width:80%; height:60px; border-radius:0 0 0 10px; text-indent:20px}
		#sendBtn {display:block; float:left; background: linear-gradient(to right top, #c0073f, #753d85); color:#ffffff; width:20%; height:60px;}
		
		
.livebox {width:1000px !important; margin:0 auto !important}
.livebox img {max-width:100%;}
.livebox h4 img {border-radius:10px; box-shadow: 0 5px 10px 0 rgba(100, 100, 100, 0), 0 20px 20px 0 rgba(50, 50, 50, 0);}
.popimg {width:100%; height:100%; background:rgba(0,0,0,0.7); position:fixed; top:0px; left:0px; z-index:99; display:none}
.popimg div {position:absolute; width:800px; height:90%; left:50%; margin-left:-400px; top:5%; z-index:100; overflow:auto}
.popimg i {position:absolute; left:50%; margin-left:420px; top:5%; z-index:100; color:#ffffff; font-size:40px; cursor:pointer}


.box-radio-input input[type="radio"]{
    display:none;
}
.box-radio-input {margin:0px; padding:0px}
.box-radio-input input[type="radio"] + p{
    display:inline-block;
    background:none;

	margin:0;
	padding:10px;
    text-align:left;
    height:auto !important;
    line-height:30px !important;
    font-weight:500;
    cursor:pointer;
	width:calc(100% - 20px);
	
	color:#000000;
	border-radius:10px;
	font-size:14px;
	border:1px solid #b7144d;
	text-align:left !important;
}

.box-radio-input input[type="radio"] + p span {font-size:12px; color:#999999; display:block; text-align:center;  padding:10px 10px 0px 10px; line-height:20px;}
.box-radio-input input[type="radio"]:checked + p a {color:#ffffff}
.box-radio-input input[type="radio"] + p i{
	color:#000000;
	margin-right:10px;
}

.box-radio-input input[type="radio"]:checked + p{
    background:#b7144d;
    color:#ffffff;
}

.box-radio-input input[type="radio"]:checked + p i{
    color:#ffffff;
}
.box-radio-input input[type="radio"]:checked + p span {color:#ffffff}


#quizpop form button {margin-bottom:20px; width:100%; background:#000000; color:#ffffff; height:50px; border-radius:10px}		
		/*
		@media ( max-width: 1300px ) {
			#livebox iframe {width:65%; height:450px;}
			#chat {width:35%; height:450px;}
			#messages {height: 360px;}
		}
		@media ( max-width: 1100px ) {
			#chat {width:90%; height:400px; margin:0 auto; margin-bottom:100px; box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);}
			#messages {
			  width: calc(100% - 40px);
			  height: 300px;
			  margin: 0 auto;
			  padding: 20px;
			  background-color: white;
			 
			  overflow-y: scroll;
			  border-radius: 10px 10px 0px 0px;
			}
			
		}
		*/
		
		#execute {position:absolute; bottom:0px; width:100%; height:60px; left:0px; background:rgba(0,0,0,0.7); color:#ffffff; line-height:60px; font-size:14px; cursor:pointer; text-align:center}
		#execute i {color:#ffffff; margin-right:10px}
		
@media ( max-width: 1100px ) {
		#livebox {width:90%; max-width:1500px; margin:0 auto; display:table; box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1); margin-top:30px; }
		#livebox iframe {display:block; float:left; width:100%; height:200px;}
		
		#livebox h980 {display:block; float:left; width:100%; height:200px; position:relative; background:#000000}
		#livebox h980 div {float: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align:center; color:#666666; font-size:15px; line-height:1.7}
		#livebox h980 div i {display:block; color:#666666; font-size:30px; text-align:center; margin-bottom:20px;}
		
		#chat {width:100%; height:200px; float:left; background:#f9f9f9; position:relative}
		
		#messages {
		  width: calc(100% - 40px);
		  height: 150px;
		  margin: 0 auto;
		  padding: 20px 20px 0px 20px;
		 
		 overflow:scroll;
		  border-radius: 10px 10px 0px 0px;
		}
	#s1 {padding-top:100px;}
		#s2 {padding-top:50px;}	
.livebox {width:90% !important; margin:0 auto !important}
.livebox img {max-width:100%;}
.livebox h4 img {border-radius:10px; box-shadow: 0 5px 10px 0 rgba(100, 100, 100, 0), 0 20px 20px 0 rgba(50, 50, 50, 0);}
.popimg {width:100%; height:100%; background:rgba(0,0,0,0.7); position:fixed; top:0px; left:0px; z-index:99; display:none}
.popimg div {position:absolute; width:90%; height:90%; left:5%; margin-left:0px; top:5%; z-index:100; overflow:auto}
.popimg i {position:absolute; left:calc(50% - 10px); margin-left:0px; top:10px; z-index:100; color:#ffffff; font-size:20px; cursor:pointer}



		
		#execute {position:absolute; bottom:-30px; width:100%; height:60px; left:0px; background:rgba(0,0,0,0.7); color:#ffffff; line-height:60px; font-size:12px; cursor:pointer; text-align:center}
		#execute i {color:#ffffff; margin-right:10px}
		
		
		.mobilelive {position:fixed; top:20px; left:120px; width:50px; padding:5px !important; padding-right:10px !important}
		
		#quizpop div {background:#ffffff; border-radius:10px; padding:20px; width:calc(80% - 40px); float: none; position: absolute; top: 5%; left: 50%; transform: translate(-50%, 0%);}
		.fa-times-circle {font-size:25px; position:absolute; top:10px; right:10px}
		
		#quizpop h1 {margin-bottom:10px}
		#quizpop h2 {color:#000000; font-size:15px; font-weight:800; margin-bottom:20px}
		#quizpop h3 {text-align:left; width:80%; margin:0 auto; margin-bottom:10px; background:#f6f6f6; border-radius:10px; padding:20px;}
		#quizpop p {text-align:center; line-height:1.5; font-size:13px; font-weight:700; margin-bottom:10px;}
		#quizpop p span{position:relative; font-size:13px; font-weight:800}
}