function init_ST_ai() {

	//div button
	var style1 = document.createElement("style");
	style1.type = "text/css";
	style1.innerHTML = ".divbtnstai {height:27px;width:calc(26px + 60px + 30px;);float:right;background-color: rgba(255,255,255,0.9);border:1px solid #3399CC;color: #3399CC;padding: 3px;font-size: 16px;cursor: pointer;border-radius:6px;display: inline-block;}"

	+".divbtnstai:hover {background-color: rgba(255,255,0,0.9);}"

	;
	document.getElementsByTagName('head')[0].appendChild(style1);
	//div contain
	var div_STAI_1 = document.createElement('div');
	div_STAI_1.id = "id_div_STAI_1";
	div_STAI_1.style.cssText = "height:26px;width:26px;right:10px;bottom:20px;position: fixed;z-index:999;border:0;padding:0;margin:0;";
	document.body.appendChild(div_STAI_1);
	//div button
	var div_STAI_2 = document.createElement('div');
	div_STAI_2.id = "id_div_STAI_2";
	div_STAI_2.innerHTML = "<img id=\"id_img_operator\" style=\"float:right;cursor:pointer;max-width:26px;width:26px;margin-top:0;border-radius:50%;\" src=\"https://erp2.cyc.org.tw/image/operator.png\" title=\"顯示隱藏對話視窗\">";
	div_STAI_2.className = "divbtnstai";
	div_STAI_1.appendChild(div_STAI_2);
	div_STAI_2.addEventListener("click", showHideChat);
	//iframe
	var iframe_contain = document.createElement('iframe');
	iframe_contain.style.cssText = "transition: height 1s;background-color:rgba(0,0,255,0.1);height:0px;width:0px;border:0;padding:0;margin:0;border-radius:10px;";
	iframe_contain.id = "id_iframe_contain";
	div_STAI_1.appendChild(iframe_contain);
	//can only be au, or xhttp in iframe will not work, since different domain
	iframe_contain.src = "https://erp2.cyc.org.tw/Object/ai/ai_iframe.jsp?pid=KNoPKElMy70%3D%0A&cu=www.cyccea.org.tw&au=erp2.cyc.org.tw";
}           
function showHideChat() {
	var tempImg = document.getElementById("id_img_operator");
	if (document.getElementById("id_div_STAI_1").style.height != "26px") {
		//hide
	    document.getElementById("id_div_STAI_1").style.height = "26px";
	    document.getElementById("id_div_STAI_1").style.width = "calc(26px + 60px + 30px;)";
    	document.getElementById("id_iframe_contain").style.height = "0";
    	document.getElementById("id_iframe_contain").style.width = "0";
		tempImg.src = "https://erp2.cyc.org.tw/image/operator.png";
		tempImg.style.borderRadius = "50%";
		//document.getElementById("id_stai_title").innerHTML = "打開我";
	} else {
	    document.getElementById("id_div_STAI_1").style.height = "calc(96vh - 20px)";
	    document.getElementById("id_div_STAI_1").style.width = "35vw";
    	document.getElementById("id_iframe_contain").style.height = "90vh";//"calc(96vh - 20px - 26px)";
    	document.getElementById("id_iframe_contain").style.width = "35vw";
		tempImg.src = "https://erp2.cyc.org.tw/image/button_delete.png";
		tempImg.style.borderRadius = "0";
		//document.getElementById("id_stai_title").innerHTML = "隱藏我";
}	}