html{margin: 0; padding: 0; height: 100%;}
body{margin: 0; padding: 0; height: 100%; background-color: #006BB5; background: radial-gradient(#FFFFFF 80%, #006BB5); background-attachment: fixed; background-repeat: no-repeat;}

a:link{font-family: Arial; color: #006BB5; text-decoration: none;}
a:visited{font-family: Arial; color: #006BB5; text-decoration: none;}
a:hover{font-family: Arial; color: #006BB5; text-decoration: underline;}
a:active{font-family: Arial; color: #006BB5; text-decoration: none;}

@font-face{font-family: bonvenocf; src: url(fonts/BonvenoCF.woff);}

.footer{position: absolute; height: 20px; font-family: Verdana; font-size: 8pt; color: #000000; margin-left: -200px; margin-right: auto; line-height: 20px; width: 400px; bottom: 0; margin-bottom: 0; margin-top: 0; left: 50%; text-align: center; padding: 4px; background: linear-gradient(to right,#FFFFFF,#A0A0A0,#FFFFFF);}
.footer a{color: #820022;}

.cover{z-index: 5000; display: block; position: fixed; padding: 0; background-color: #000000; margin: 0; width: 100%; height: 100%; background-image: url("../images/lb.png"); background-attachment: fixed; background-repeat: no-repeat; background-position: top center; cursor: pointer;}

.container{width: 100%; position: absolute; height: 100%; text-align: center; margin-left: auto; margin-right: auto; margin-top: 0; font-family: Verdana; font-size: 18pt; color: #000000; font-weight: bold;}

.conf-box-open{position: absolute; background-color: #808080; color: #FFFFFF; font-size: 12pt; border: 1px #FF0000 solid; width: 400px; border-radius: 10px; height: 100px; padding: 5px; text-align: center; z-index: 2000; opacity: 1; visiblity: visible; margin-top: 300px; margin-left: -200px; left: 50%; line-height: 50px; font-family: Verdana; transition: all 1s ease;}
.conf-box-closed{position: absolute; background-color: #808080; color: #FFFFFF; font-size: 12pt; border: 1px #FF0000 solid; width: 400px; border-radius: 10px; height: 100px; padding: 5px; text-align: center; z-index: -1; opacity: 0; visiblity: hidden; margin-top: 300px; margin-left: -200px; left: 50%; line-height: 50px; font-family: Verdana; transition: all 1s ease;}

.navbar{position: relative; width: 90%; height: 30px; padding: 0; margin-left: auto; margin-right: auto; min-width: 800px; margin-top: 120px; max-width: 1200px;}

.main{position: relative; width: 90%; height: 390px; border: 1px #006BB5 solid; box-shadow: 5px 5px 5px #A0A0A0; background-color: #F0F0F0; color: #000000; text-align: center; margin-left: auto; margin-right: auto; margin-top: 0px; font-family: Verdana; font-weight: bold; font-size: 30pt; padding: 0; min-width: 800px; max-width: 1200px; overflow: hidden;}

.cframe-closed{position: absolute; margin-left: 0; margin-top: 0; width: 0; height: 100%; padding: 0px; margin: 0; background-color: #F0F0F0; opacity: 0; transition: all 1s ease; z-index: -1;}
.cframe-open{position: absolute; margin-left: 0; margin-top: 0; width: 100%; height: 100%; padding: 0px; margin: 0; background-color: #F0F0F0; opacity: 1; transition: all 1s ease; z-index: 101;}

.left-frame{float: left; padding: 0; width: 230px; height: 100%; margin: 0;}

.page-frame{padding: 0px; height: 100%; background-color: #F0F0F0; margin-top: 0; border-left: 1px #A0A0A0 dashed; border-right: 1px #A0A0A0 dashed; font-family: bonvenocf, Courier New, Courier; font-weight: normal; line-height: 30px; right: 40px; font-size: 14pt; color: #000000; transition: opacity 1.5s ease; opacity: 1; text-align: left; overflow: auto;}

.right-frame{float: right; padding: 0; margin-right: 0; right: 0; margin-top: 0px; width: 40px; height: 100%;}

.div-box-left{position: relative; height: 390px; float: left; width: 390px;}
.div-box-right{position: relative; height: 100%; float: right; width: 390px;}
.div-box-center{height: 100%; overflow: hidden;}


.orange{height: 180px; width: 180px; line-height: 180px; background-color: #F09300; color: #FFFFFF; font-size: 28pt; cursor: pointer; transition: all 0.4s ease; margin: 0;}


.box-blank{height: 180px; width: 180px; background-color: #F0F0F0; color: #F0F0F0; line-height: 180px; margin: 0;}

.redd{height: 180px; width: 180px; line-height: 180px; background-color: #FF0000; color: #FFFFFF; font-size: 24pt; cursor: pointer; transition: all 0.4s ease; margin: 0;}


.blue{height: 180px; width: 180px; line-height: 180px; background-color: #006BB5; color: #FFFFFF; font-size: 24pt; cursor: pointer; transition: all 0.4s ease; margin: 0;}


.green{height: 180px; width: 180px; line-height: 180px; background-color: #00C017; color: #FFFFFF; font-size: 15pt; cursor: pointer; transition: all 0.4s ease; margin: 0;}


.brown{height: 180px; width: 180px; line-height: 180px; background-color: #6C3A24; color: #FFFFFF; font-size: 22pt; cursor: pointer; transition: all 0.4s ease; margin: 0;}


.yellow{height: 180px; width: 180px; line-height: 180px; background-color: #F6D000; color: #FFFFFF; font-size: 20pt; cursor: pointer; transition: all 0.4s ease; margin: 0;}


.box_center{vertical-align: middle; margin: 10px; height: 100%; width: auto;}





.circle{margin-left: auto; margin-right: auto; margin-top: 20px; border: 10px #006BB5 solid; background-color: #FFFFFF; color: #FFFFFF; font-family: Verdana; font-size: 24pt; font-style: italic; height: 20px; width: 20px; border-radius: 110px; text-align: center; transition: all 1s ease;}

.circlebig{height: 200px; width: 200px; border-radius: 150px; background-color: #F0F0F0; color: #FF0000; transform: rotate(1080deg); -webkit-transform: rotate(1080deg);}


.cover_text{position: relative; margin-left: auto; top: 500px; margin-right: auto; width: 400px; font-family: Arial; font-size: 30pt; color: #FFFFFF; font-weight: bold; text-align: center; cursor: pointer;}

.circle_inner{margin-top: 30px;}

.contact{position: absolute; margin-top: 50px; width: 100%; margin-left: auto; margin-right: auto; text-align: center; font-family: Verdana; font-weight: bold; font-size: 26pt; color: #000000;}

.little{font-family: Arial; font-size: 8pt; color: #000000;}

.lalign{line-height: normal; vertical-align: top; margin-left: 0; text-align: left; font-family: Verdana; font-size: 14pt; color: #000000;}

.calign{margin-left: auto; margin-right: auto; text-align: center; font-family: Verdana; font-size: 14pt; color: #000000;}

input, textarea, select, button{border: 1px #000000 solid; box-shadow: 0px 4px 8px rgba(0,0,0,0.3); font-size: 12pt; border-radius: 14px; background-color: #FFFFFF; outline: none; padding: 4px; padding-left: 15px; margin-left: auto; margin-right: auto; cursor: pointer;}
input:focus,textarea:focus,select:focus{background-color: #B3F0FF;}
textarea{overflow: hidden; resize: none;}
[type=button]{padding: 10px; font-family: Verdana; font-size: 14pt;}

.red{border: 1px #FF0000 solid;}

.topleft{z-index: 6000; font-family: bonvenocf; font-size: 20pt; color: #066BB5; position: absolute; margin-left: 0; margin-top: 0; width: 300px; text-align: center; height: 100px; line-height: 100px; background-color: #A0A0A0; transition: all 1s ease;}

.movewords{transition: all ease 1.5s; -webkit-transform: translateX(-2000px); transform: translateX(-2000px);}

.pax{z-index: 6000; opacity: 0.5; color: #FFFFFF; position: absolute; width: 100%; font-family: Verdana; font-size: 48pt; text-align: center; font-weight: bold; margin-top: 180px; cursor: pointer;}

.topleft_cover{z-index: -1; font-family: Verdana; font-size: 20pt; color: #066BB5; position: absolute; margin-left: 0; margin-top: 0; width: 300px; text-align: center; background-color: #A0A0A0; opacity: 0; height: 100px; cursor: pointer;}

.oinfo{position: relative; margin-left: 16px; margin-top: -50px; z-index: 100; border: 1px #000000 solid;  opacity: 0; background-color: #FFFFFF; width: 150px; height: 20px; font-family: bonvenocf; font-weight: normal; font-size: 10pt; color: #000000; line-height: 20px; transition: all 1s ease; border-radius: 4px;}
.orange:hover .oinfo{width: 150px; height: 20px; opacity: 1;}

.rinfo{position: relative; margin-left: 16px; margin-top: -50px; z-index: 100; border: 1px #000000 solid;  opacity: 0; background-color: #FFFFFF; width: 150px; height: 20px; font-family: bonvenocf; font-weight: normal; font-size: 10pt; color: #000000; line-height: 20px; transition: all 1s ease; border-radius: 4px;}
.redd:hover .rinfo{width: 150px; height: 20px; opacity: 1;}

.binfo{position: relative; margin-left: 16px; margin-top: -50px; z-index: 100; border: 1px #000000 solid;  opacity: 0; background-color: #FFFFFF; width: 150px; height: 20px; font-family: bonvenocf; font-weight: normal; font-size: 10pt; color: #000000; line-height: 20px; transition: all 1s ease; border-radius: 4px;}
.blue:hover .binfo{width: 150px; height: 20px; opacity: 1;}

.ginfo{position: relative; margin-left: 16px; margin-top: -55px; z-index: 100; border: 1px #000000 solid;  opacity: 0; background-color: #FFFFFF; width: 150px; height: 40px; font-family: bonvenocf; font-weight: normal; font-size: 10pt; color: #000000; line-height: 20px; transition: all 1s ease; border-radius: 4px;}
.green:hover .ginfo{width: 150px; height: 40px; opacity: 1;}

.brinfo{position: relative; margin-left: 16px; margin-top: -55px; z-index: 100; border: 1px #000000 solid;  opacity: 0; background-color: #FFFFFF; width: 150px; height: 40px; font-family: bonvenocf; font-weight: normal; font-size: 10pt; color: #000000; line-height: 20px; transition: all 1s ease; border-radius: 4px;}
.brown:hover .brinfo{width: 150px; height: 40px; opacity: 1;}

.yinfo{position: relative; margin-left: 16px; margin-top: -50px; z-index: 100; border: 1px #000000 solid;  opacity: 0; background-color: #FFFFFF; width: 150px; height: 20px; font-family: bonvenocf; font-weight: normal; font-size: 10pt; line-height: 20px; color: #000000; transition: all 1s ease; border-radius: 4px;}
.yellow:hover .yinfo{width: 150px; height: 20px; opacity: 1;}


.orange:hover{box-shadow: 5px 5px 5px #808080;}
.brown:hover{box-shadow: 5px 5px 5px #808080;}
.blue:hover{box-shadow: 5px 5px 5px #808080;}
.redd:hover{box-shadow: 5px 5px 5px #808080;}
.yellow:hover{box-shadow: 5px 5px 5px #808080;}
.green:hover{box-shadow: 5px 5px 5px #808080;}

.pointer{margin-top: -20px; width: 20px; height: 20px; margin-left: 100px; padding: 0;}

.c_tab{box-shadow: 4px 0px 8px rgba(0,0,0,0.3);position: absolute; padding-left: 4px; padding-right: 4px; z-index: 100; right: 20px; margin-top: 0px; width: 200px; height: 30px; line-height: 30px; font-family: bonvenocf; font-size: 10pt; font-weight: bold; background-color: #006BB5; color: #FFFFFF; text-align: left; border-top-left-radius: 4px; border-top-right-radius: 4px; overflow: hidden; transition: all 0.5s ease;}
.c_tab:hover{margin-top: -4px; height: 34px; transition: all 0.5s ease;}
.c_tab_open{box-shadow: 4px 4px 8px rgba(0,0,0,0.3); margin-top: -110px; height: 320px; border-radius: 4px; font-family: bonvenocf; font-size: 10pt; background-color: #006BB5; line-height: 30px; font-weight: bold; position: absolute; width: 200px; padding-left: 4px; padding-right: 4px; text-align: left; color: #FFFFFF; z-index: 1000; right: 20px; transition: all 0.7s ease; overflow: hidden;}
.c_tab_open a{color: #FFFFFF; text-decoration: none;}
.c_tab_open a:hover{color: #FFFFFF; text-decoration: underline;}
.c_tab a{color: #FFFFFF; text-decoration: none;}
.c_tab a:hover{color: #FFFFFF; text-decoration: underline;}
.loginform input,button{box-shadow: 0px 4px 8px rgba(0,0,0,0.3); font-size: 12pt; border-radius: 14px; background-color: #FFFFFF; outline: none; border: 0px #FFFFFF solid; padding: 4px; padding-left: 15px; margin-left: auto; margin-right: auto; cursor: pointer;}
.loginform input:focus{border: 0px #FFFFFF solid; background-color: #B3F0FF;}
.loginform [type=button]{padding: 10px;}
label input{display: none;}
label span{box-shadow: 0px 4px 8px rgba(0,0,0,0.3); border-radius: 4px; width: 15px; height: 15px; display: inline-block; background: url("../images/checkbox-blank.gif"); cursor: pointer;}
[type=checkbox]:checked + span{background: url("../images/checkbox-checked.gif");}
.login{font-size: 10pt;}

.redsmall{position: fixed; margin-top: -400px; margin-left: 100px; transform: scale(0.5);}

.boldfont{font-weight: bold;}
.demo{font-family: Arial; font-size: 14pt; color: #FF0000; transition: all 1s ease; cursor: pointer; margin-left: 300px;}
.demo:hover{font-family: Verdana; font-size: 24pt; color: #00FF00; font-style: italic; text-decoration: underline; font-weight: bold; background-color: #808080; transition: all 1s ease; margin-left: 200px;}

.linktable{font-family: Verdana; font-size: 12pt; font-weight: bold; margin-right: auto; margin-left: auto; background-color: #FF27FD; text-align: left; padding: 10px; line-height: 20px; margin-top: 20px; margin-bottom: 20px; width: 340px;}
.linktable a{color: #003A10;}

.toc{width: 90%; margin-left: auto; margin-right: auto; background-color: #FFCF73; text-align: center; font-size: 14pt; font-family: Verdana; color: #804444; line-height: 20px; padding: 10px;}




.invisible{z-index: -1; padding: 0; width: 180px; vertical-align: top; display: inline-block; margin: 10px; height: 180px; transition: width 1s ease;}


.invisible .pagescrollnext{height: 0px; width: 0px; visibility: hidden; opacity: 0;}

.invisible .pagescrollprev{height: 0px; width: 0px; visibility: hidden; opacity: 0;}

.visible{z-index: 200; display: block; position: absolute; background-color: #F0F0F0; color: #000000; text-align: center; font-family: Verdana; font-weight: bold; font-size: 30pt; padding: 0px; width: 1200px; transition: width 1s ease; margin-left: -50%; left: 50%; margin-top: 0px; margin-right: 10px; height: 390px;}

.x-close{height: 30px; width: 30px; margin-top: 4px; margin-right: 4px; position: absolute; right: 0px; top: 0px; color: #A0A0A0; font-family: Verdana; font-size: 28pt; font-weight: bold; cursor: pointer; line-height: 30px; padding: 0; opacity: 0.5; transition: all 0.5s ease;}
.x-close:hover{opacity: 1; transition: all 0.5s ease;}

.pagescrollnext{height: 30px; width: 30px; visibility: visible; z-index: 201; opacity: 1; margin-top: 4px; margin-right: 4px; position: absolute; right: 0px; top: 50%; z-index: 201; color: #A0A0A0; font-family: Courier; font-size: 40pt; font-weight: bold; cursor: pointer; line-height: 30px; padding: 0; opacity: 0.5; transition: all 0.5s ease;}
.pagescrollnext:hover{opacity: 1; transition: all 0.5s ease;}

.pagescrollprev{height: 30px; width: 30px; visibility: visible; z-index: 201; opacity: 1; margin-top: 4px; margin-left: 4px; position: absolute; left: 190px; top: 50%; z-index: 201; color: #A0A0A0; font-family: Courier; font-size: 40pt; font-weight: bold; cursor: pointer; line-height: 30px; padding: 0; opacity: 0.5; transition: all 0.5s ease;}
.pagescrollprev:hover{opacity: 1; transition: all 0.5s ease;}

.form_container{margin: 0; height: 350px; padding: 0px; overflow: hidden;}
.form_show{margin: 0px; float: left; position: relative; height: 370px; padding: 0px; overflow: hidden;}
.form_step1{position: relative; height: 370px; padding: 0px; transition: all 1s ease; overflow: hidden;}
.form_step2{position: relative; height: 370px; padding: 0px; transition: all 1s ease; overflow: hidden;}
.form_step3{position: relative; height: 370px; padding: 0px; transition: all 1s ease; overflow: hidden;}
.form_step4{position: relative; height: 370px; padding: 0px; transition: all 1s ease; overflow: hidden;}
.form_step5{position: relative; height: 370px; padding: 0px; transition: all 1s ease; overflow: hidden;}

.prev{border: 1px #000000 solid; border-radius: 8px; background-color: #FFFFFF; color: #A0A0A0; width: 100px; height: 30px; position: absolute; top: 330px; right: 155px; cursor: pointer; font-family: Arial; font-size: 18pt; line-height: 30px; text-align: center; font-weight: bold; transition: all 0.5s ease; z-index: 102;}
.next{border: 1px #000000 solid; border-radius: 8px; background-color: #FFFFFF; color: #A0A0A0; width: 100px; height: 30px; position: absolute; top: 330px; right: 50px; cursor: pointer; font-family: Arial; font-size: 18pt; line-height: 30px; text-align: center; font-weight: bold; transition: all 0.5s ease; z-index: 102;}
.next:hover{color: #808080; font-weight: bold; transition: all 0.5s ease;}
.prev:hover{color: #808080; font-weight: bold; transition: all 0.5s ease;}
.forminfo{position: absolute; width: 200px; height: 20px; line-height: 20px; text-align: center; font-family: Verdana; font-size: 8pt; background-color: #FFFFFF; top: 0; right: 41px;}

.topbutton_i{height: 0px; width: 0px; opacity: 0; visibility: hidden; transition: all 0.5s ease; position: absolute; right: 80px; top: 320px; font-size: 2pt; line-height: 40px; text-align: center;}
.topbutton_v{height: 40px; width: 100px; opacity: 0.6; visibility: visible; background-color: #A0A0A0; position: absolute; right: 80px; top: 320px; transition: all 0.5s ease; z-index: 300; font-size: 18pt; line-height: 40px; padding: 4px; border-radius: 10px; cursor: pointer; color: #808080;}
.topbutton_v:hover{opacity: 1; color: #000000;}

.topdiv{position: absolute; height: 30px; line-height: 30px; background-color: #A0A0A0; text-align: center; padding: 0; border-top-left-radius: 8px; border-top-right-radius: 8px;}

.p_container{margin-top: 30px; height: 330px; top: 0px; padding: 0px; overflow: hidden; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px;}
.slideframe{width: 0; height: 330px; padding: 0; margin-left: 0px; }
.frame{margin: 0; float: left; position: relative; height: 330px; padding: 0;}
.lbutton{height: 200px; width: 40px; position: absolute; left: 246px; top: 95px; background-color: #808080; font-family: Courier; font-size: 40pt; font-weight: bold; color: #A0A0A0; text-align: center; line-height: 200px; cursor: pointer; opacity: 0.5; z-index: 1000; border-top-right-radius: 10px; border-bottom-right-radius: 10px; transition: all 0.5s ease;}
.rbutton{height: 200px; width: 40px; position: absolute; right: 56px; top: 95px; background-color: #808080; font-family: Courier; font-size: 40pt; font-weight: bold; color: #A0A0A0; text-align: center; line-height: 200px; cursor: pointer; opacity: 0.5; z-index: 1000; border-top-left-radius: 10px; border-bottom-left-radius: 10px; transition: all 0.5s ease;}
.lbutton:hover{opacity: 0.9; transition: all 0.5s ease;}
.rbutton:hover{opacity: 0.9; transition: all 0.5s ease;}
.portcontent{text align: left; background-color: #FF00FF; padding: 0px; width: 100%; height: 100%;}

.links{width:0; height: 0; overflow: hidden; opacity: 0; visibility: hidden;}