html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}

body{
	width:1024px;
	margin:0 auto;
	font-family:Arial;
}
body.en{
	background:url(../img/en/bg.png) no-repeat center 0;
}
body.tc{
	background:url(../img/tc/bg.png) no-repeat center 0;
}

a{
	cursor:pointer;
}

.i{
	font-style:italic;
}

.hide{
	display:none;
}
.left{
	float:left;
}
.right{
	float:right;
}
.clear{
	clear:both;
}
.blue{
	color:blue;
}
.purple{
	color:purple;
}
.times{
	font-family:Times New Roman;
}
.arial{
	font-family:Arial;
}
.i{
	font-style:italic;
}
.b{
	font-weight:bold;
}
#container{
	position:relative;
	margin:0 auto;
	width:913px;
	height:701px;
}

#house_bar{
	width:1024px;
	height:37px;
	margin:0 auto;
	margin-bottom:8px;
}
.en #house_bar{
	background:url(../img/en/house_bar.png) no-repeat 0 -7px;
}
.tc #house_bar{
	background:url(../img/tc/house_bar.png) no-repeat 0 -7px;
}

#left_container{
	width:650px;
	margin-right:20px;
}
#right_container{
	width:220px;
	position:relative;
	margin: 48px 0 0;
}
#instruction {
    display: inline-block;
    margin: 50px 0 8px 25px;
}
#instruction p {
    color: #181818;
    font-size: 15px;
    line-height: 20px;
}
#instruction h2 {
    color: #CE5A2D;
    font-size: 17px;
    font-weight: bold;
    margin-bottom: 5px;
}
#toolbar{
	text-align:right;
}
#set_group{
	position:relative;
}
#group_tab{
	position:relative;
	width:229px;
	height:45px;
	z-index:110;
	padding-left:3px;
}
#group_tab li{
	position:absolute;
	width:100px;
	height:45px;
}
#group_tab li.set1{
	background:url(../img/tab1.png) no-repeat left top;
}
.en #group_tab li.set1.selected{
	background:url(../img/en/set1.png) no-repeat;
}
.tc #group_tab li.set1.selected{
	background:url(../img/tc/set1.png) no-repeat;
}
#group_tab li.set2{
	background:url(../img/tab2.png) no-repeat left top;
}
.en #group_tab li.set2.selected{
	background:url(../img/en/set2.png) no-repeat left top;
}
.tc #group_tab li.set2.selected{
	background:url(../img/tc/set2.png) no-repeat left top;
}
#group_tab li.set3{
	background:url(../img/tab3.png) no-repeat left top;
}
.en #group_tab li.set3.selected{
	background:url(../img/en/set3.png) no-repeat left top;
}
.tc #group_tab li.set3.selected{
	background:url(../img/tc/set3.png) no-repeat left top;
}
#group_tab li.set4{
	background:url(../img/tab4.png) no-repeat left top;
}
.en #group_tab li.set4.selected{
	background:url(../img/en/set4.png) no-repeat left top;
}
.tc #group_tab li.set4.selected{
	background:url(../img/tc/set4.png) no-repeat left top;
}
#group_tab li.set5{
	background:url(../img/tab5.png) no-repeat left top;
}
.en #group_tab li.set5.selected{
	background:url(../img/en/set5.png) no-repeat left top;
}
.tc #group_tab li.set5.selected{
	background:url(../img/tc/set5.png) no-repeat left top;
}
#group_content{
	background:url(../img/grid_bg.png) no-repeat;
	position:absolute;
	width:229px;
	height:524px;
	padding:6px 0 0 15px;
	top:36px;
	z-index:100;
}
#group_content ul{
	width:195px;
	height:360px;
	background:#E8E8E8;
	border:1px solid #CCCCCC;
	margin: 10px 0 10px 0;
}
#group_content li{
	float:left;
	margin:0;
}
#group_content li.odd{
	background:#FFF;
}
#group_content li.even{
	background:#E8E8E8;
}
#group_content li input[type=text]{
	width:65px;
	height:36px;
	text-align:center;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-webkit-appearance: none;
	
	background:0 none;
	border:0 none;
	
}
#group_content li input[type=text]:disabled{
}
#graph{
	margin:2px 0 0 35px;
}
#controller{
	margin-top:380px;
	position:relative;
	z-index:100;
}
#stepper{
	margin-left:25px;
}
#stepper #stepper_left{
	background:url(../img/stepper_left.png) no-repeat;
	width:33px;
	height:33px;
	border:none;
	cursor:pointer;
}

#stepper #stepper_left:hover{
	background:url(../img/stepper_left_over.png) no-repeat;
}
#stepper #stepper_left:disabled{
	opacity:0.4;
	filter:alpha(opacity=40);
}
#stepper #stepper_left:disabled:hover{
	background:url(../img/stepper_left.png) no-repeat;
}
#stepper #curve2_param1{
	background:url(../img/stepper_text.gif) repeat-x;
    width: 33px;
    height: 33px;
	border:0 none;
	font-size:18px;
}
#stepper #stepper_right{
	background:url(../img/stepper_right.png) no-repeat;
	width:33px;
	height:33px;
	border:none;
	cursor:pointer;
	-webkit-appearance: none;
	-webkit-box-sizing:border-box;
}
#stepper #stepper_right:hover{
	background:url(../img/stepper_right_over.png) no-repeat;
}
#stepper #stepper_right:disabled{
	opacity:0.4;
	filter:alpha(opacity=40);
}
#stepper #stepper_right:disabled:hover{
	background:url(../img/stepper_right.png) no-repeat;
}
#stepper #txt_value{
	background: url("../img/stepper_text.png") no-repeat;
    border: 0 none;
    font-size: 18px;
    height: 33px;
    width: 110px;
	text-align:center;
	-webkit-appearance: none;
	-webkit-box-sizing:border-box;
}

.en #grid_name{
	width:60px;
	height:20px;
	margin:35px 0 10px 35px;
}
.tc #grid_name{
	width:105px;
	height:26px;
	margin:35px 0 4px 35px;
}
.en #grid_name.set1{
	background:url(../img/en/set1_title.png) no-repeat;
}
.en #grid_name.set2{
	background:url(../img/en/set2_title.png) no-repeat;
}
.en #grid_name.set3{
	background:url(../img/en/set3_title.png) no-repeat;
}
.en #grid_name.set4{
	background:url(../img/en/set4_title.png) no-repeat;
}
.en #grid_name.set5{
	background:url(../img/en/set5_title.png) no-repeat;
}
.tc #grid_name.set1{
	background:url(../img/tc/set1_title.png) no-repeat;
}
.tc #grid_name.set2{
	background:url(../img/tc/set2_title.png) no-repeat;
}
.tc #grid_name.set3{
	background:url(../img/tc/set3_title.png) no-repeat;
}
.tc #grid_name.set4{
	background:url(../img/tc/set4_title.png) no-repeat;
}
.tc #grid_name.set5{
	background:url(../img/tc/set5_title.png) no-repeat;
}
#tbl_result{
	margin:0 0 0 35px;
}
#tbl_result td{
	font-size:18px;
	padding:5px 0 5px 0;
}
#tbl_result td span{
	font-size:20px;
}
#number_of_data, #mean, #standard_deviation{
	color:#000;
}

#btn_capture{
	width:104px;
	height:48px;
	border:none;
	cursor:pointer;
}
.en #btn_capture{
	background:url(../img/en/btn_capture.png) no-repeat;
}
.tc #btn_capture{
	background:url(../img/tc/btn_capture.png) no-repeat;
}
.en #btn_capture:hover{
	background:url(../img/en/btn_capture_over.png) no-repeat;
}
.tc #btn_capture:hover{
	background:url(../img/tc/btn_capture_over.png) no-repeat;
}
#btn_full_screen{
	width:104px;
	height:48px;
	border:none;
	cursor:pointer;
}
.en #btn_full_screen{
	background:url(../img/en/btn_full_screen.png) no-repeat;
}
.tc #btn_full_screen{
	background:url(../img/tc/btn_full_screen.png) no-repeat;
}
.en #btn_full_screen:hover{
	background:url(../img/en/btn_full_screen_over.png) no-repeat;
}
.tc #btn_full_screen:hover{
	background:url(../img/tc/btn_full_screen_over.png) no-repeat;
}
#btn_toggle_view{
	width:104px;
	height:48px;
	border:none;
	cursor:pointer;
}
.en #btn_toggle_view{
	background:url(../img/en/btn_toggle_view.png) no-repeat;
}
.tc #btn_toggle_view{
	background:url(../img/tc/btn_toggle_view.png) no-repeat;
}
.en #btn_toggle_view:hover{
	background:url(../img/en/btn_toggle_view_over.png) no-repeat;
}
.tc #btn_toggle_view:hover{
	background:url(../img/tc/btn_toggle_view_over.png) no-repeat;
}
#btn_add{
	width:88px;
	height:42px;
	border:none;
	cursor:pointer;
	margin:0 10px 0 24px;
}
.en #btn_add{
	background:url(../img/en/btn_add.png) no-repeat;
}
.tc #btn_add{
	background:url(../img/tc/btn_add.png) no-repeat;
}
.en #btn_add:hover{
	background:url(../img/en/btn_add_over.png) no-repeat;
}
.tc #btn_add:hover{
	background:url(../img/tc/btn_add_over.png) no-repeat;
}
.en #btn_add:disabled{
	background:url(../img/en/btn_add_dis.png) no-repeat;
	cursor:default;
}
.tc #btn_add:disabled{
	background:url(../img/tc/btn_add_dis.png) no-repeat;
	cursor:default;
}
#btn_remove{
	width:88px;
	height:42px;
	border:none;
	cursor:pointer;
}
.en #btn_remove{
	background:url(../img/en/btn_remove.png) no-repeat;
}
.tc #btn_remove{
	background:url(../img/tc/btn_remove.png) no-repeat;
}
.en #btn_remove:hover{
	background:url(../img/en/btn_remove_over.png) no-repeat;
}
.tc #btn_remove:hover{
	background:url(../img/tc/btn_remove_over.png) no-repeat;
}
.en #btn_remove:disabled{
	background:url(../img/en/btn_remove_dis.png) no-repeat;
	cursor:default;
}
.tc #btn_remove:disabled{
	background:url(../img/tc/btn_remove_dis.png) no-repeat;
	cursor:default;
}
#btn_import, .qq-upload-button{
	width:88px;
	height:42px;
	border:none;
	cursor:pointer;
	margin:0 10px 0 24px;
}
.en #btn_import, .en .qq-upload-button{
	background:url(../img/en/btn_import.png) no-repeat;
}
.tc #btn_import, .tc .qq-upload-button{
	background:url(../img/tc/btn_import.png) no-repeat;
}
.en #btn_import:hover, .en .qq-upload-button:hover{
	background:url(../img/en/btn_import_over.png) no-repeat;
}
.tc #btn_import:hover, .tc .qq-upload-button:hover{
	background:url(../img/tc/btn_import_over.png) no-repeat;
}
.en #btn_import:disabled{
	background:url(../img/en/btn_import_dis.png) no-repeat;
	cursor:default;
}
.tc #btn_import:disabled{
	background:url(../img/tc/btn_import_dis.png) no-repeat;
	cursor:default;
}
#btn_export{
	width:88px;
	height:42px;
	border:none;
	cursor:pointer;
}
.en #btn_export{
	background:url(../img/en/btn_export.png) no-repeat;
}
.tc #btn_export{
	background:url(../img/tc/btn_export.png) no-repeat;
}
.en #btn_export:hover{
	background:url(../img/en/btn_export_over.png) no-repeat;
}
.tc #btn_export:hover{
	background:url(../img/tc/btn_export_over.png) no-repeat;
}
.en #btn_export:disabled{
	background:url(../img/en/btn_export_dis.png) no-repeat;
	cursor:default;
}
.tc #btn_export:disabled{
	background:url(../img/tc/btn_export_dis.png) no-repeat;
	cursor:default;
}
#btn_insert{
	width:88px;
	height:42px;
	border:none;
	cursor:pointer;
	margin:0 0 0 25px;
}
.en #btn_insert{
	background:url(../img/en/btn_insert.png) no-repeat;
}
.tc #btn_insert{
	background:url(../img/tc/btn_insert.png) no-repeat;
}
.en #btn_insert:hover{
	background:url(../img/en/btn_insert_over.png) no-repeat;
}
.tc #btn_insert:hover{
	background:url(../img/tc/btn_insert_over.png) no-repeat;
}
.en #btn_insert:disabled{
	background:url(../img/en/btn_insert_dis.png) no-repeat;
	cursor:default;
}
.tc #btn_insert:disabled{
	background:url(../img/tc/btn_insert_dis.png) no-repeat;
	cursor:default;
}
#btn_delete{
	width:88px;
	height:42px;
	border:none;
	cursor:pointer;
}
.en #btn_delete{
	background:url(../img/en/btn_delete.png) no-repeat;
}
.tc #btn_delete{
	background:url(../img/tc/btn_delete.png) no-repeat;
}
.en #btn_delete:hover{
	background:url(../img/en/btn_delete_over.png) no-repeat;
}
.tc #btn_delete:hover{
	background:url(../img/tc/btn_delete_over.png) no-repeat;
}
.en #btn_delete:disabled{
	background:url(../img/en/btn_delete_dis.png) no-repeat;
	cursor:default;
}
.tc #btn_delete:disabled{
	background:url(../img/tc/btn_delete_dis.png) no-repeat;
	cursor:default;
}
#btn_sort{
	width:88px;
	height:42px;
	border:none;
	cursor:pointer;
	margin:0 0 0 25px;
}
.en #btn_sort{
	background:url(../img/en/btn_sort.png) no-repeat;
}
.tc #btn_sort{
	background:url(../img/tc/btn_sort.png) no-repeat;
}
.en #btn_sort:hover{
	background:url(../img/en/btn_sort_over.png) no-repeat;
}
.tc #btn_sort:hover{
	background:url(../img/tc/btn_sort_over.png) no-repeat;
}
.en #btn_sort:disabled{
	background:url(../img/en/btn_sort_dis.png) no-repeat;
	cursor:default;
}
.tc #btn_sort:disabled{
	background:url(../img/tc/btn_sort_dis.png) no-repeat;
	cursor:default;
}
#btn_reset{
	width:88px;
	height:42px;
	border:none;
	cursor:pointer;
}
.en #btn_reset{
	background:url(../img/en/btn_reset.png) no-repeat;
}
.tc #btn_reset{
	background:url(../img/tc/btn_reset.png) no-repeat;
}
.en #btn_reset:hover{
	background:url(../img/en/btn_reset_over.png) no-repeat;
}
.tc #btn_reset:hover{
	background:url(../img/tc/btn_reset_over.png) no-repeat;
}
.en #btn_reset:disabled{
	background:url(../img/en/btn_reset_dis.png) no-repeat;
	cursor:default;
}
.tc #btn_reset:disabled{
	background:url(../img/tc/btn_reset_dis.png) no-repeat;
	cursor:default;
}
#fullscreen{
	position:absolute;
	width:914px;
	height:670px;
	background:#f2ede3;
	z-index:200;
	top:35px;
	display:none;
}
#fullscreen canvas{
	position:absolute;
	left:10px;
	top:50px;
}
#fullscreen #btn_back{

	border:none;
	cursor:pointer;
	position:absolute;
	z-index:300;
	right:20px;
	bottom:40px;
}
.en #fullscreen #btn_back{
	background:url(../img/en/btn_back.png) no-repeat;
	width:88px;
	height:42px;
}
.tc #fullscreen #btn_back{
	background:url(../img/tc/btn_back.png) no-repeat;
	width:104px;
	height:48px;
}
.en #fullscreen #btn_back:hover{
	background:url(../img/en/btn_back_over.png) no-repeat;
}
.tc #fullscreen #btn_back:hover{
	background:url(../img/tc/btn_back_over.png) no-repeat;
}


.btn_export_cd{
	width:88px;
	height:42px;
	border:none;
}
.btn_import_cd{
	width:88px;
	height:42px;
	border:none;
	margin:0 10px 0 24px;
}
#btn_capture_dis{
	width:104px;
	height:48px;
	border:none;
}
.en #btn_capture_dis{
	background:url(../img/en/btn_capture_dis.png) no-repeat;
}
.tc #btn_capture_dis{
	background:url(../img/tc/btn_capture_dis.png) no-repeat;
}