html, body {
background: #DEDEDE;
color: #626262;
}

#winix_container_outer {
overflow: hidden;
}

#winix_container {
max-width: 1050px;
margin: 10px auto 33px auto;
background-color: white;
}

#winix_header {
display: flex;
flex-flow: row nowrap;
justify-content: space-between;
padding-left: 3%;
}

#winix_header_left {
}

#winix_header_right {
}


#winix_main_logo {
margin: 30px 0 0 0;
}

#winix_main_logo a {
display: block;
width: 100px;
padding: 100px 0 0 0;
height: 0;
overflow: hidden;
background: url('/static/ttmathlogo.png') no-repeat left top;
margin: 0;
}


#ttmath_mobill_menu {
display: none;
}

#winix_middle {
display: flex;
flex-flow: column nowrap;
padding: 2% 4% 2% 4%;
min-height: 600px;
}


#winix_contentleft {
margin: 0 2% 0 0;
width: 23%;
flex-grow: 1;
flex-shrink: 1;
}

#winix_contentright {
width: 75%;
flex-grow: 20;
flex-shrink: 20;
}

p.result {
font-weight: bold;
word-break: break-all;
}

p.result span.exponent {
color: #f58319;
}

/*
	
*/

@media screen and (max-width: 499px) {
html, body {
background: white;
}

#winix_container {
margin-top: 0;
margin-bottom: 0;
}
}

@media screen and (min-width: 500px) {
#winix_container_outer {
padding: 0 20px 0 20px;
}
}

@media screen and (min-width: 640px) {
#winix_container {
background: url('/static/b3.gif') no-repeat left bottom, url('/static/b2.gif') no-repeat right bottom, url('/static/a1.gif') no-repeat right top, url('/static/a2.gif') repeat-y right top;
background-color: white;
padding-right: 9px;
}
}

@media screen and (max-width: 799px) {
#ttmath_mobill_menu {
display: block;
}

#winix_contentleft {
display: none;
}

#winix_contentright {
width: 100%;
}
}

@media screen and (min-width: 800px) {
#winix_middle {
flex-flow: row nowrap;
}
}