#ingame_chat_iframe {
	opacity : 1;
	/*border-radius: 20px;*/
    box-shadow: 5px 5px 10px 5px #00000029;
}


.chat_close_btn {
	cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    border: none;
    /* แทนที่ YOUR_SVG_DATA_HERE ด้วย SVG code ที่คุณให้มา */
    background: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 50 50' style='enable-background:new 0 0 50 50;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E.st0{opacity:0.5;fill:%2358595B;}.st1{opacity:0.5;%fill:%2358595B;}%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M25,49.5C11.49,49.5,0.5,38.51,0.5,25S11.49,0.5,25,0.5S49.5,11.49,49.5,25S38.51,49.5,25,49.5z M25,4.4C13.64,4.4,4.4,13.64,4.4,25c0,11.36,9.24,20.6,20.6,20.6c11.36,0,20.6-9.24,20.6-20.6C45.6,13.64,36.36,4.4,25,4.4z'/%3E%3Cg%3E%3Cpath class='st1' d='M16.1,36.34c-0.62,0-1.25-0.24-1.72-0.71c-0.95-0.95-0.95-2.49,0-3.45l17.8-17.8c0.95-0.95,2.49-0.95,3.45,0c0.95,0.95,0.95,2.5,0,3.45l-17.8,17.8C17.35,36.1,16.72,36.34,16.1,36.34z'/%3E%3Cpath class='st1' d='M13.66,16.1c0-0.62,0.24-1.25,0.71-1.72c0.95-0.95,2.49-0.95,3.45,0l17.8,17.8c0.95,0.95,0.95,2.49,0,3.45c-0.95,0.95-2.5,0.95-3.45,0l-17.8-17.8C13.9,17.35,13.66,16.72,13.66,16.1z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat center center;
    background-size: contain;
}

.close_iframe {
	/*width:25px !important;
	height:25px !important;*/
	z-index: 999;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    border: none;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2083%2088%22%20style%3D%22enable-background%3Anew%200%200%2083%2088%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E.st0%7Bfill%3A%23681500%3B%7D.st1%7Bfill%3Aurl%28%23SVGID_1_%29%3B%7D.st2%7Bfill%3A%23FFFFFF%3B%7D%3C%2Fstyle%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M73%2C88H10C4.48%2C88%2C0%2C83.52%2C0%2C78V15C0%2C9.48%2C4.48%2C5%2C10%2C5h63c5.52%2C0%2C10%2C4.48%2C10%2C10v63C83%2C83.52%2C78.52%2C88%2C73%2C88z%22%2F%3E%3C%2Fg%3E%3Cg%3E%3ClinearGradient%20id%3D%22SVGID_1_%22%20gradientUnits%3D%22userSpaceOnUse%22%20x1%3D%2241.5%22%20y1%3D%22-30.7791%22%20x2%3D%2241.5%22%20y2%3D%22158.5457%22%3E%3Cstop%20%20offset%3D%220%22%20style%3D%22stop-color%3A%23B35412%22%2F%3E%3Cstop%20%20offset%3D%220.6231%22%20style%3D%22stop-color%3A%23BF301A%22%2F%3E%3Cstop%20%20offset%3D%221%22%20style%3D%22stop-color%3A%23C4201E%22%2F%3E%3C%2FlinearGradient%3E%3Cpath%20class%3D%22st1%22%20d%3D%22M73%2C83H10C4.48%2C83%2C0%2C78.52%2C0%2C73V10C0%2C4.48%2C4.48%2C0%2C10%2C0h63c5.52%2C0%2C10%2C4.48%2C10%2C10v63C83%2C78.52%2C78.52%2C83%2C73%2C83z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cpath%20class%3D%22st2%22%20d%3D%22M49.34%2C41.5l16.99-16.99c2.15-2.15%2C2.15-5.63%2C0-7.78c-2.15-2.15-5.63-2.15-7.78%2C0L41.5%2C33.78L24.45%2C16.73%20c-2.15-2.15-5.63-2.15-7.78%2C0c-2.15%2C2.15-2.15%2C5.63%2C0%2C7.78L33.66%2C41.5L16.67%2C58.49c-2.15%2C2.15-2.15%2C5.63%2C0%2C7.78%20c1.07%2C1.07%2C2.48%2C1.61%2C3.89%2C1.61s2.81-0.54%2C3.89-1.61L41.5%2C49.22l17.05%2C17.05c1.07%2C1.07%2C2.48%2C1.61%2C3.89%2C1.61%20s2.81-0.54%2C3.89-1.61c2.15-2.15%2C2.15-5.63%2C0-7.78L49.34%2C41.5z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center center;
    background-size: contain;
}

/* เมื่อหน้าจออยู่ในขนาดมือถือ */
@media screen and (max-width: 600px) {
	/*#ingame_chat_iframe {
		width: 80%;
		transform: translate(-50%, 3%);
		left: 50% !important;
	}*/
	/*.close_iframe {
		width: 25px !important;
		height: 30px !important;
	}*/
}