teemchat-flex-template * {
	margin: 0;
	padding: 0;
	font-size: 15px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	/* font-family: 'NotoSansThai' !important; */
	font-family: Tahoma !important;
}

teemchat-flex-template #teemchat-chat-window {
	position: fixed;
	bottom: 3em;
	right: 3.75em;
	width: 28em;
	height: 80%;
	max-height: 80vh;
	background-color: #fff;
	border-radius: 0.5em;
	display: flex;
	flex-direction: column;
	box-shadow: rgb(160 166 174 / 75%) 0px 2pt 13px;
}

teemchat-flex-template #teemchat-chat-icon {
	display: flex;
	position: fixed;
	bottom: 21px;
	right: 25px;
	width: 60px;
	height: 60px;
	cursor: pointer;
	box-shadow: 0 12px 28px 0 rgba(0, 0, 0, .2), 0 2px 4px 0 rgba(0, 0, 0, .1);
	border-radius: 50%;
	background-color: #EE2D3B;
}

teemchat-flex-template #teemchat-chat-icon>img {
	margin: auto;
}

teemchat-flex-template #teemchat-chat-icon>.teemchat-img-msg {
	width: 60%;
}

teemchat-flex-template #teemchat-chat-icon>.teemchat-img-can {
	width: 40%;
	filter: drop-shadow(0.2em 0.2em 0 #B62F38);
}

teemchat-flex-template .teemchat-hideObj {
	display: none !important;
}

@media only screen and (max-width: 710px) and (orientation: portrait) {
	teemchat-flex-template #teemchat-chat-window {
		width: 100%;
		height: 100%;
		right: 0;
		bottom: 0;
		max-height: 100% !important;
	}

	teemchat-flex-template #teemchat-chat-window:not(.teemchat-hideObj)+#teemchat-chat-icon {
		display: none;
	}
}

@media only screen and (max-width: 1023px) and (orientation: landscape) {
	teemchat-flex-template #teemchat-chat-window {
		width: 100%;
		height: 100%;
		right: 0;
		bottom: 0;
		max-height: 100% !important;
	}

	teemchat-flex-template #teemchat-chat-window:not(.teemchat-hideObj)+#teemchat-chat-icon {
		display: none;
	}
}