@charset "utf-8";
/* CSS Document */

body
{
	width: 900px;
	font-family: Verdana,Arial,"微軟正黑體";
	font-size:16px;
	margin: 0px auto 0 auto;
	/*background: #444;*/
}

#div1 {
	position: relative;
	left: 0px;
	top: 0px;
	width: 900px;
	height:600px;
	margin-top:0px;
	background-color: #FFFFFF;
}

input[type='range']{
	width:100px;
}

input[type='range']:hover{
	cursor:pointer;
}


input[type='button'] {
	font-family: Verdana,Arial,"微軟正黑體";
	font-size: 11pt; 
	padding:2px 8px;
}


.titletext {
	font-weight: bold;
	text-align:center;
	/* background-color:#9900CC; */
	color:#FFFFFF;
}

.text {
	font-family: "Times New Roman","微軟正黑體";
	font-size: 16px;
}

#imgdiv,#fomulainfodiv, #relationshipdiv, #titlediv1, #titlediv2{
	box-sizing:border-box;
}

#titlediv1, #titlediv2 {
	position: absolute;
	width:250px;
	left: 645px;
	padding: 5px 0;
	/* background-color:#9900CC; */
	background-color: #6F2C91;
	border: 1px solid #9900CC;
	z-index: 2;
}

#titlediv1{
	top: 0px;
}

#titlediv2{
	top: 157px;
}



#imgdiv {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 640px;
	height: 600px;
	border:1px solid #CCCCCC;
	z-index: 0;
}
#fomulainfodiv {
	position: absolute;
	left: 645px;
	top: 33px;
	width: 250px;
	z-index: 1;
	padding-top:3px;
	border:1px solid #CCCCCC;
}
#relationshipdiv {
	position: absolute;
	left: 645px;
	top: 190px;
	width: 250px;
	height:410px;
	z-index: 2;
	padding-top:3px;
	border:1px solid #CCCCCC;
}
#panel {
	position: absolute;
	left: 645px;
	top: 200px;
	width: 250px;
	height:auto;
	z-index: 3;
}
#microDiv {
	position: absolute;
	left: 30px;
	top: 108px;
	width: 50px;
	height: 20px;
	z-index: 4;
}
#macroDiv {
	position: absolute;
	left: 30px;
	top: 256px;
	width: 50px;
	height: 20px;
	z-index: 5;
}

.bigtalbecell{
	height:325px; 
	vertical-align:top;
}