html { margin: 0px; padding: 0px; height: 100%; width: 100%; }
body { position: relative; margin: 0px; padding: 0px; min-height: 100%; width: 100%;
       font-family: Roboto, sans-serif; font-size: 14px; background-color: white; overflow-y: auto; }
@font-face { font-family: 'Roboto'; src: url(fonts/Roboto-Thin.ttf); font-weight: 100; font-style: normal; }
@font-face { font-family: 'Roboto'; src: url(fonts/Roboto-ThinItalic.ttf); font-weight: 100; font-style: italic; }
@font-face { font-family: 'Roboto'; src: url(fonts/Roboto-Light.ttf); font-weight: 300; font-style: normal; }
@font-face { font-family: 'Roboto'; src: url(fonts/Roboto-LightItalic.ttf); font-weight: 300; font-style: italic; }
@font-face { font-family: 'Roboto'; src: url(fonts/Roboto-Regular.ttf); font-weight: 400; font-style: normal; }
@font-face { font-family: 'Roboto'; src: url(fonts/Roboto-Italic.ttf); font-weight: 400; font-style: italic; }
@font-face { font-family: 'Roboto'; src: url(fonts/Roboto-Medium.ttf); font-weight: 600; font-style: normal; }
@font-face { font-family: 'Roboto'; src: url(fonts/Roboto-MediumItalic.ttf); font-weight: 600; font-style: italic; }
@font-face { font-family: 'Roboto'; src: url(fonts/Roboto-Bold.ttf); font-weight: 700; font-style: normal; }
@font-face { font-family: 'Roboto'; src: url(fonts/Roboto-BoldItalic.ttf); font-weight: 700; font-style: italic; }
@font-face { font-family: 'Roboto'; src: url(fonts/Roboto-Black.ttf); font-weight: 900; font-style: normal; }
@font-face { font-family: 'Roboto'; src: url(fonts/Roboto-BlackItalic.ttf); font-weight: 900; font-style: italic; }
h1 { font-weight: normal; margin: 0px padding: 0px; }
a { text-decoration: none; }
ul { list-style-type: none; }
input { font-family: Roboto, sans-serif; font-size: 12px; font-weight: 300px; border: 1px solid #aaa; height: auto; padding: auto; }
textarea { font-family: Roboto, sans-serif; font-size: 12px; font-weight: 300px; }
blockquote { margin: 0px; padding: 15px 18px; background-color: #fff9f3; border: #eee; font-style: italic; }
#disabler { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; display: none; background-color: #000000; filter:progid:dximagetransform.microsoft.alpha(opacity=10); -moz-opacity: 0.1; -khtml-opacity: 0.1; opacity: 0.1; }
#greyer { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; display: none; z-index: 9999; background: url(styles/ajax-loader.gif); background-repeat: no-repeat; background-position: center center; }
#mover { cursor: w-resize; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; display: none; background-color: orange; filter:progid:dximagetransform.microsoft.alpha(opacity=0); -moz-opacity: 0.0; -khtml-opacity: 0.0; opacity: 0.0; }
#glass { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; display: block; background-color: #000000; filter:progid:dximagetransform.microsoft.alpha(opacity=0); -moz-opacity: 0.0; -khtml-opacity: 0.0; opacity: 0.0; }
#flies { position: absolute; left: 0px; top: 0px; width: 700px; height: 480px; display: block; overflow: hidden; }
#sflies { position: absolute; left: 0px; top: 0px; width: 700px; height: 480px; display: block; overflow: hidden; }
#tester { visibility: hidden; width: 1px; height: 1px; }
#lost { display: none; }
.iconbtn { cursor: pointer; width: 25px; height: 19px; border: 0px; }
.listpoint { margin-right: 4px; }
.link { color: black; text-decoration: none; }
.flyw { position: absolute; left: 0px; top: 0px; width: 48px; height: 48px; display: none; filter:progid:dximagetransform.microsoft.alpha(opacity=65); -moz-opacity: 0.65; -khtml-opacity: 0.65; opacity: 0.65; }
.flyh { position: absolute; left: 0px; top: 0px; display: none; padding: 0px; font-family: Times New Roman, serif; font-size: 16px; font-weight: bold; color: #FF3300; filter:progid:dximagetransform.microsoft.alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; }
.rnd { position: absolute; left: 0px; top: 0px; width: 1px; height: 1px; display: none; filter:progid:dximagetransform.microsoft.alpha(opacity=35); -moz-opacity: 0.35; -khtml-opacity: 0.35; opacity: 0.35; }
.cleartable { padding: 0px; margin: 0px; border: 0px; border-collapse: collapse; }
.buff { margin: 0px; padding: 0px; border: 0px; width: 25px; height: 25px; }
.hintimgc { padding: 4px; text-align: center; }
.inhelp {padding-top: 8px; color: #995511}
.ctrlwrapper { padding: 0px; margin: 0px; border: 0px; }
.agreetext { white-space: pre-line; font-size: 14px; line-height: 19px; text-align: justify; padding: 0px 30px 30px; }
.agreelink { cursor: pointer; color: inherit !important; }
.agreeframe { z-index: 0; border: 0px; width: 100%; height: 100%; }
.responsivewrapper { position: relative; height: 0px; padding-bottom: 56.25%; }
.responsiveiframe { position: absolute; top: 0px; bottom: 0px; left: 0px; width: 100% !important; height: 100% !important; border: 0px; }
.labelinbodyinput { font-size: 14px; box-sizing: border-box; position: relative; width: 100%; height: 30px; padding: 4px 8px; border: 1px solid #aaa; border-radius: 4px;}
.labelinbodyname { padding: 15px 0px 10px; }
.rawradio { vertical-align: top; }
.rawradiolabel { vertical-align: top; }
.rawradiospan { padding: 5px 10px; background-color: #00ab10; color: white; cursor: pointer; min-width: 60px; box-sizing: border-box; border-radius: 8px; display: inline-block; }
.checkboxpointer input, .checkboxpointer label { cursor: pointer; }

.intexttblcont { text-align: center; position: relative; overflow-x: auto; }
.intexttbl { border: 0px; padding: 0px; margin: 0px; border-spacing: 0; border-collapse: collapse; display: inline-block; text-align: left; }
.intexttblcell { border: 1px solid #ccc; padding: 10px; vertical-align: top; }
.intexttblhead { background-color: #eee; }

.mailhello { text-align: center; font-size: 16px; font-weight: bold; }
.mailh1 { font-size: 24px; font-weight: normal; text-align: center; margin: 0px; padding: 0px; }
.mailh2 { font-size: 20px; font-weight: normal; text-align: center; margin: 0px; padding: 0px; }
.mailh3 { font-size: 16px; font-weight: bold; text-align: center; margin: 0px; padding: 0px; }
.mailh4 { font-size: 14px; font-weight: bold; text-align: center; margin: 0px; padding: 0px; }
.mailframe1 { background-color: #ffeecc; padding: 20px; margin: 0px; }
.mailframe2 { border: 2px solid orange; padding: 20px; margin: 0px; }
.mailframe3 { background-color: orange; padding: 20px; margin: 0px; color: white; }
.mailcolor1 { color: #cc8800; display: inline; }
.mailcolor2 { color: #888; display: inline; }

@media only screen and (orientation : portrait) { #photogal { top: 50px !important; } }

@keyframes slowblink { from { opacity: 0.1; } to { opacity: 1.0; } }
.kukunbtn { animation: slowblink 1000ms infinite alternate; }