.order-area-row { margin: 1px 4%; clear: both; } .order-area-row .order-item { display: flex; justify-content: center; margin: 10px; } .order-r { text-align: right; line-height: 32px; font-family: 'Anonymous Pro', monospace; padding: 5px; font-size: 12px; max-height: 180px; overflow: auto; } .order-l { text-align: left; line-height: 32px; font-family: 'Anonymous Pro', monospace; padding: 5px; font-size: 12px; max-height: 180px; overflow: auto; } .order-area-wrap { margin: 1px 4%; display: flex; flex-flow: wrap; justify-content: center; clear: both; } .order-area-wrap .order-item { max-width: 200px; text-align: center; justify-content: center; margin: 10px; } .order-c { text-align: center; line-height: 32px; font-family: 'Anonymous Pro', monospace; padding: 5px; font-size: 12px; } @media ( max-width: 540px ) { .fit-in { margin: 0px 60px; text-align: center; } } @media ( min-width: 541px ) { .fit-in { margin: 0px 24px; text-align: left; } } .anibutton { -webkit-transform:scale(0.92); -moz-transform:scale(0.92); -o-transform:scale(0.92); -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; } .anibutton:hover { box-shadow: 3px 3px 3px rgba(0,0,0,0.25); border-left: 14px solid rgb( 8, 146, 176 ); -webkit-transform:scale(1.0); -moz-transform:scale(1.0); -o-transform:scale(1.0); } .anibutton2 { -webkit-transform:scale(0.92); -moz-transform:scale(0.92); -o-transform:scale(0.92); -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; } .anibutton2:hover { box-shadow: 3px 3px 3px rgba(0,0,0,0.25); border-right: 14px solid rgb( 8, 146, 176 ); -webkit-transform:scale(1.0); -moz-transform:scale(1.0); -o-transform:scale(1.0); } .markableunit { box-shadow: 4px 4px 4px rgba(70,80,90,0.06); background-color: rgb( 255, 251, 251 ); border: 2px solid rgb( 235, 221, 211 ); border-radius: 6px; margin-bottom: 6px; padding: 8px; } .mesbo1 { box-shadow: 4px 4px 4px rgba(70,80,90,0.06); background-color: rgb( 255, 251, 241 ); border: 2px solid rgb( 235, 221, 211 ); border-radius: 6px; margin-bottom: 6px; padding: 8px; } .mesbo2 { box-shadow: 4px 4px 4px rgba(70,80,90,0.06); background-color: rgb( 250, 245, 241 ); border: 2px solid rgb( 230, 225, 221 ); border-radius: 6px; margin-bottom: 6px; padding: 8px; } .nitab td { padding: 3px; font-size: 12px; vertical-align: top; text-align: left; } .units { overflow: auto; height: 200px; margin: 10px; padding-left: 10%; padding-right: 10%; } .units .topic { border-left-top-radius: 12px; border-left-bottom-radius: 12px; margin-bottom: 1px; } .units .topic table { border-bottom: 2px solid rgb(51,51,51); } .units .topic td { /*background-image: linear-gradient(to right, rgb(200,200,200) , #FFFFFF);*/ background-color: rgb(240,240,240); border-top-left-radius: 12px; border-top-right-radius: 12px; border: 1px solid rgb(51,51,51); border-bottom: none; padding: 8px; cursor: pointer; } .units .content { padding: 10px; } .units .content ul { padding: 0; margin: 0; float: left; list-style-type: none; background:; margin-bottom: 30px; } .units .content ul:after { clear: both; float: none; } .units .content ul li { display: inline; float: left; padding: 0; vertical-align: top; cursor: pointer; border-radius: 10px; } .units .content ul li img { height: 64px; } .units .content ul li div { padding: 5px; vertical-align: top; border-radius: 10px; text-align: center; -webkit-transform:scale(0.8); /*Webkit: Scale down image to 0.6x original size*/ -moz-transform:scale(0.8); /*Mozilla scale version*/ -o-transform:scale(0.8); /*Opera scale version*/ -webkit-transition-duration: 0.5s; /*Webkit: Animation duration*/ -moz-transition-duration: 0.5s; /*Mozilla duration version*/ -o-transition-duration: 0.5s; /*Opera duration version*/ } .units .content ul li div:hover, .units .content ul li div:active, .units .content ul li div:focus { background-color: rgb(238,238,241); box-shadow: 0px 0px 6px rgba(100,100,100,0.5); -webkit-transform:scale(0.9); /*Webkit: Scale up image to most of the original size*/ -moz-transform:scale(0.9); /*Mozilla scale version*/ -o-transform:scale(0.9); /*Opera scale version*/ } /* ************************************************************** * * unitsCU : Style 0 * ************************************************************** */ .unitsCU .content { padding: 0px; display: flex; justify-content: center; } .unitsCU .content ul { padding: 0; margin: 0; /*float: left;*/ display: flex; flex-flow: wrap; justify-content: center; list-style-type: none; background:; margin-bottom: 20px; } .unitsCU .content ul:after, .unitsCU .content:after, .unitsCU:after { float: none; clear: both; } .unitsCU .content ul li { display: inline; float: left; padding: 0; vertical-align: top; cursor: pointer; border-radius: 10px; } .unitsCU .content ul li img { height: 118px; } .unitsCU .content ul li .cu_unit_style_0 { padding: 5px; vertical-align: top; border-radius: 10px; text-align: center; -webkit-transform:scale(0.8); -moz-transform:scale(0.8); -o-transform:scale(0.8); -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; } .unitsCU .content ul li .cu_unit_style_0:hover, .unitsCU .content ul li .cu_unit_style_0:active, .unitsCU .content ul li .cu_unit_style_0:focus { background-color: rgb(238,238,241); box-shadow: 0px 0px 6px rgba(100,100,100,0.5); -webkit-transform:scale(0.9); -moz-transform:scale(0.9); -o-transform:scale(0.9); } /* ************************************************************** * * unitsCU : Style 1 * ************************************************************** */ .unitsCU .content ul li .cu_unit_style_1 { padding: 40px; border-radius: 10px; text-align: center; -webkit-transform:scale(0.8); -moz-transform:scale(0.8); -o-transform:scale(0.8); -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; } .unitsCU .content ul li .cu_unit_style_1:hover, .unitsCU .content ul li .cu_unit_style_1:active, .unitsCU .content ul li .cu_unit_style_1:focus { background-color: rgb(238,238,241); box-shadow: 0px 0px 6px rgba(100,100,100,0.5); -webkit-transform:scale(0.9); -moz-transform:scale(0.9); -o-transform:scale(0.9); } /* ************************************************************** * * unitsCU : Style 2 * ************************************************************** */ .unitsCU .content ul li .cu_unit_style_2 { padding: 0px; padding-top: 40px; border-radius: 10px; text-align: center; -webkit-transform:scale(0.8); -moz-transform:scale(0.8); -o-transform:scale(0.8); -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; } .unitsCU .content ul li .cu_unit_style_2 img { padding-left: 40px; padding-right: 40px; } .unitsCU .content ul li .cu_unit_style_2 .label { padding: 10px; margin-top: 20px; text-align: center; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .unitsCU .content ul li .cu_unit_style_2:hover, .unitsCU .content ul li .cu_unit_style_2:active, .unitsCU .content ul li .cu_unit_style_2:focus { background-color: rgb(238,238,241); box-shadow: 0px 0px 6px rgba(100,100,100,0.5); -webkit-transform:scale(0.9); -moz-transform:scale(0.9); -o-transform:scale(0.9); } .unitsCU .content ul li .cu_unit_style_2:hover .label, .unitsCU .content ul li .cu_unit_style_2:active .label, .unitsCU .content ul li .cu_unit_style_2:focus .label { background-color: rgba( 225, 230, 241, 0.8 ); text-shadow: 0px 0px 5px rgba(250,250,250,0.6); } /* ************************************************************** * * unitsCU : Style 3 * ************************************************************** */ .unitsCU .content ul li .cu_unit_style_3 { padding: 0px; padding-top: 60px; border-radius: 10px; text-align: center; -webkit-transform:scale(0.8); -moz-transform:scale(0.8); -o-transform:scale(0.8); -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; } .unitsCU .content ul li .cu_unit_style_3 img { padding-left: 60px; padding-right: 60px; } .unitsCU .content ul li .cu_unit_style_3 .label { padding: 20px; margin-top: 30px; text-align: center; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .unitsCU .content ul li .cu_unit_style_3:hover, .unitsCU .content ul li .cu_unit_style_3:active, .unitsCU .content ul li .cu_unit_style_3:focus { background-color: rgb(238,238,241); box-shadow: 0px 0px 6px rgba(100,100,100,0.5); -webkit-transform:scale(0.9); -moz-transform:scale(0.9); -o-transform:scale(0.9); } .unitsCU .content ul li .cu_unit_style_3:hover .label, .unitsCU .content ul li .cu_unit_style_3:active .label, .unitsCU .content ul li .cu_unit_style_3:focus .label { background-color: rgba( 225, 230, 241, 0.8 ); text-shadow: 0px 0px 5px rgba(250,250,250,0.6); } /* ************************************************************** * * unitsCU : Style 4 * ************************************************************** */ .unitsCU .content ul li .cu_unit_style_4 { padding: 0px; padding-top: 60px; border-radius: 10px; text-align: center; background-color: rgb(255,255,255); -webkit-transform:scale(0.8); -moz-transform:scale(0.8); -o-transform:scale(0.8); -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; } .unitsCU .content ul li .cu_unit_style_4 img { padding-left: 60px; padding-right: 60px; } .unitsCU .content ul li .cu_unit_style_4 .label { padding: 20px; margin-top: 30px; text-align: center; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .unitsCU .content ul li .cu_unit_style_4:hover, .unitsCU .content ul li .cu_unit_style_4:active, .unitsCU .content ul li .cu_unit_style_4:focus { box-shadow: 0px 0px 6px rgba(100,100,100,0.5); -webkit-transform:scale(0.9); -moz-transform:scale(0.9); -o-transform:scale(0.9); } .unitsCU .content ul li .cu_unit_style_4:hover .label, .unitsCU .content ul li .cu_unit_style_4:active .label, .unitsCU .content ul li .cu_unit_style_4:focus .label { background-color: rgba( 225, 230, 241, 0.8 ); text-shadow: 0px 0px 5px rgba(250,250,250,0.6); } /* ************************************************************** * * unitsCU : Style 5 * ************************************************************** */ .unitsCU .content ul li .cu_unit_style_5_0, .unitsCU .content ul li .cu_unit_style_5_1, .unitsCU .content ul li .cu_unit_style_5_2, .unitsCU .content ul li .cu_unit_style_5_3, .unitsCU .content ul li .cu_unit_style_5_4, .unitsCU .content ul li .cu_unit_style_5_5, .unitsCU .content ul li .cu_unit_style_5_6, .unitsCU .content ul li .cu_unit_style_5_7, .unitsCU .content ul li .cu_unit_style_5_8, .unitsCU .content ul li .cu_unit_style_5_9 { margin: 4px; padding: 0px; padding-top: 60px; border-radius: 10px; text-align: center; -webkit-transform:scale(0.8); -moz-transform:scale(0.8); -o-transform:scale(0.8); -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; } .unitsCU .content ul li .cu_unit_style_5_0 img, .unitsCU .content ul li .cu_unit_style_5_1 img, .unitsCU .content ul li .cu_unit_style_5_2 img, .unitsCU .content ul li .cu_unit_style_5_3 img, .unitsCU .content ul li .cu_unit_style_5_4 img, .unitsCU .content ul li .cu_unit_style_5_5 img, .unitsCU .content ul li .cu_unit_style_5_6 img, .unitsCU .content ul li .cu_unit_style_5_7 img, .unitsCU .content ul li .cu_unit_style_5_8 img, .unitsCU .content ul li .cu_unit_style_5_9 img { padding-left: 60px; padding-right: 60px; } .unitsCU .content ul li .cu_unit_style_5_0 .label, .unitsCU .content ul li .cu_unit_style_5_1 .label, .unitsCU .content ul li .cu_unit_style_5_2 .label, .unitsCU .content ul li .cu_unit_style_5_3 .label, .unitsCU .content ul li .cu_unit_style_5_4 .label, .unitsCU .content ul li .cu_unit_style_5_5 .label, .unitsCU .content ul li .cu_unit_style_5_6 .label, .unitsCU .content ul li .cu_unit_style_5_7 .label, .unitsCU .content ul li .cu_unit_style_5_8 .label, .unitsCU .content ul li .cu_unit_style_5_9 .label { padding: 20px; margin-top: 30px; text-align: center; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .unitsCU .content ul li .cu_unit_style_5_0:hover, .unitsCU .content ul li .cu_unit_style_5_0:active, .unitsCU .content ul li .cu_unit_style_5_0:focus { box-shadow: 0px 0px 6px rgba(100,100,100,0.5); background-color: rgb( 244, 250, 252 ); -webkit-transform:scale(0.9); -moz-transform:scale(0.9); -o-transform:scale(0.9); } .unitsCU .content ul li .cu_unit_style_5_1:hover, .unitsCU .content ul li .cu_unit_style_5_1:active, .unitsCU .content ul li .cu_unit_style_5_1:focus { box-shadow: 0px 0px 6px rgba(100,100,100,0.5); background-color: rgb( 248, 255, 249 ); -webkit-transform:scale(0.9); -moz-transform:scale(0.9); -o-transform:scale(0.9); } .unitsCU .content ul li .cu_unit_style_5_2:hover, .unitsCU .content ul li .cu_unit_style_5_2:active, .unitsCU .content ul li .cu_unit_style_5_2:focus { box-shadow: 0px 0px 6px rgba(100,100,100,0.5); background-color: rgb( 247, 241, 255 ); -webkit-transform:scale(0.9); -moz-transform:scale(0.9); -o-transform:scale(0.9); } .unitsCU .content ul li .cu_unit_style_5_3:hover, .unitsCU .content ul li .cu_unit_style_5_3:active, .unitsCU .content ul li .cu_unit_style_5_3:focus { box-shadow: 0px 0px 6px rgba(100,100,100,0.5); background-color: rgb( 255, 241, 241 ); -webkit-transform:scale(0.9); -moz-transform:scale(0.9); -o-transform:scale(0.9); } .unitsCU .content ul li .cu_unit_style_5_4:hover, .unitsCU .content ul li .cu_unit_style_5_4:active, .unitsCU .content ul li .cu_unit_style_5_4:focus { box-shadow: 0px 0px 6px rgba(100,100,100,0.5); background-color: rgb( 245, 245, 255 ); -webkit-transform:scale(0.9); -moz-transform:scale(0.9); -o-transform:scale(0.9); } .unitsCU .content ul li .cu_unit_style_5_5:hover, .unitsCU .content ul li .cu_unit_style_5_5:active, .unitsCU .content ul li .cu_unit_style_5_5:focus { box-shadow: 0px 0px 6px rgba(100,100,100,0.5); background-color: rgb( 248, 242, 252 ); -webkit-transform:scale(0.9); -moz-transform:scale(0.9); -o-transform:scale(0.9); } .unitsCU .content ul li .cu_unit_style_5_6:hover, .unitsCU .content ul li .cu_unit_style_5_6:active, .unitsCU .content ul li .cu_unit_style_5_6:focus { box-shadow: 0px 0px 6px rgba(100,100,100,0.5); background-color: rgb( 247, 247, 247 ); -webkit-transform:scale(0.9); -moz-transform:scale(0.9); -o-transform:scale(0.9); } .unitsCU .content ul li .cu_unit_style_5_7:hover, .unitsCU .content ul li .cu_unit_style_5_7:active, .unitsCU .content ul li .cu_unit_style_5_7:focus { box-shadow: 0px 0px 6px rgba(100,100,100,0.5); background-color: rgb( 252, 249, 255 ); -webkit-transform:scale(0.9); -moz-transform:scale(0.9); -o-transform:scale(0.9); } .unitsCU .content ul li .cu_unit_style_5_8:hover, .unitsCU .content ul li .cu_unit_style_5_8:active, .unitsCU .content ul li .cu_unit_style_5_8:focus { box-shadow: 0px 0px 6px rgba(100,100,100,0.5); background-color: rgb( 254, 243, 254 ); -webkit-transform:scale(0.9); -moz-transform:scale(0.9); -o-transform:scale(0.9); } .unitsCU .content ul li .cu_unit_style_5_9:hover, .unitsCU .content ul li .cu_unit_style_5_9:active, .unitsCU .content ul li .cu_unit_style_5_9:focus { box-shadow: 0px 0px 6px rgba(100,100,100,0.5); background-color: rgb( 254, 250, 252 ); -webkit-transform:scale(0.9); -moz-transform:scale(0.9); -o-transform:scale(0.9); } .unitsCU .content ul li .cu_unit_style_5_0:hover .label, .unitsCU .content ul li .cu_unit_style_5_0:active .label, .unitsCU .content ul li .cu_unit_style_5_0:focus .label { color: #000; background-color: rgb( 233, 238, 238 ); } .unitsCU .content ul li .cu_unit_style_5_1:hover .label, .unitsCU .content ul li .cu_unit_style_5_1:active .label, .unitsCU .content ul li .cu_unit_style_5_1:focus .label { color: #000; background-color: rgb( 233, 250, 234 ); } .unitsCU .content ul li .cu_unit_style_5_2:hover .label, .unitsCU .content ul li .cu_unit_style_5_2:active .label, .unitsCU .content ul li .cu_unit_style_5_2:focus .label { color: #000; background-color: rgb( 237, 231, 245 ); } .unitsCU .content ul li .cu_unit_style_5_3:hover .label, .unitsCU .content ul li .cu_unit_style_5_3:active .label, .unitsCU .content ul li .cu_unit_style_5_3:focus .label { color: #000; background-color: rgb( 245, 231, 231 ); } .unitsCU .content ul li .cu_unit_style_5_4:hover .label, .unitsCU .content ul li .cu_unit_style_5_4:active .label, .unitsCU .content ul li .cu_unit_style_5_4:focus .label { color: #000; background-color: rgb( 235, 235, 245 ); } .unitsCU .content ul li .cu_unit_style_5_5:hover .label, .unitsCU .content ul li .cu_unit_style_5_5:active .label, .unitsCU .content ul li .cu_unit_style_5_5:focus .label { color: #000; background-color: rgb( 238, 232, 252 ); } .unitsCU .content ul li .cu_unit_style_5_6:hover .label, .unitsCU .content ul li .cu_unit_style_5_6:active .label, .unitsCU .content ul li .cu_unit_style_5_6:focus .label { color: #000; background-color: rgb( 238, 238, 238 ); } .unitsCU .content ul li .cu_unit_style_5_7:hover .label, .unitsCU .content ul li .cu_unit_style_5_7:active .label, .unitsCU .content ul li .cu_unit_style_5_7:focus .label { color: #000; background-color: rgb( 239, 232, 247 ); } .unitsCU .content ul li .cu_unit_style_5_8:hover .label, .unitsCU .content ul li .cu_unit_style_5_8:active .label, .unitsCU .content ul li .cu_unit_style_5_8:focus .label { color: #000; background-color: rgb( 244, 233, 244 ); } .unitsCU .content ul li .cu_unit_style_5_9:hover .label, .unitsCU .content ul li .cu_unit_style_5_9:active .label, .unitsCU .content ul li .cu_unit_style_5_9:focus .label { color: #000; background-color: rgb( 254, 240, 242 ); } /* ************************************************************** * * unitsCU : Style 6 * ************************************************************** */ .unitsCU .content ul li .cu_unit_style_6_0, .unitsCU .content ul li .cu_unit_style_6_0, .unitsCU .content ul li .cu_unit_style_6_0 { background-color: rgb( 244, 250, 252 ); margin: 4px; padding: 0px; padding-top: 60px; border-radius: 10px; text-align: center; -webkit-transform:scale(0.8); -moz-transform:scale(0.8); -o-transform:scale(0.8); -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; } .unitsCU .content ul li .cu_unit_style_6_1, .unitsCU .content ul li .cu_unit_style_6_1, .unitsCU .content ul li .cu_unit_style_6_1 { background-color: rgb( 248, 255, 249 ); margin: 4px; padding: 0px; padding-top: 60px; border-radius: 10px; text-align: center; -webkit-transform:scale(0.8); -moz-transform:scale(0.8); -o-transform:scale(0.8); -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; } .unitsCU .content ul li .cu_unit_style_6_2, .unitsCU .content ul li .cu_unit_style_6_2, .unitsCU .content ul li .cu_unit_style_6_2 { background-color: rgb( 247, 241, 255 ); margin: 4px; padding: 0px; padding-top: 60px; border-radius: 10px; text-align: center; -webkit-transform:scale(0.8); -moz-transform:scale(0.8); -o-transform:scale(0.8); -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; } .unitsCU .content ul li .cu_unit_style_6_3, .unitsCU .content ul li .cu_unit_style_6_3, .unitsCU .content ul li .cu_unit_style_6_3 { background-color: rgb( 255, 241, 241 ); margin: 4px; padding: 0px; padding-top: 60px; border-radius: 10px; text-align: center; -webkit-transform:scale(0.8); -moz-transform:scale(0.8); -o-transform:scale(0.8); -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; } .unitsCU .content ul li .cu_unit_style_6_4, .unitsCU .content ul li .cu_unit_style_6_4, .unitsCU .content ul li .cu_unit_style_6_4 { background-color: rgb( 245, 245, 255 ); margin: 4px; padding: 0px; padding-top: 60px; border-radius: 10px; text-align: center; -webkit-transform:scale(0.8); -moz-transform:scale(0.8); -o-transform:scale(0.8); -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; } .unitsCU .content ul li .cu_unit_style_6_5, .unitsCU .content ul li .cu_unit_style_6_5, .unitsCU .content ul li .cu_unit_style_6_5 { background-color: rgb( 248, 242, 252 ); margin: 4px; padding: 0px; padding-top: 60px; border-radius: 10px; text-align: center; -webkit-transform:scale(0.8); -moz-transform:scale(0.8); -o-transform:scale(0.8); -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; } .unitsCU .content ul li .cu_unit_style_6_6, .unitsCU .content ul li .cu_unit_style_6_6, .unitsCU .content ul li .cu_unit_style_6_6 { background-color: rgb( 247, 247, 247 ); margin: 4px; padding: 0px; padding-top: 60px; border-radius: 10px; text-align: center; -webkit-transform:scale(0.8); -moz-transform:scale(0.8); -o-transform:scale(0.8); -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; } .unitsCU .content ul li .cu_unit_style_6_7, .unitsCU .content ul li .cu_unit_style_6_7, .unitsCU .content ul li .cu_unit_style_6_7 { background-color: rgb( 252, 249, 255 ); margin: 4px; padding: 0px; padding-top: 60px; border-radius: 10px; text-align: center; -webkit-transform:scale(0.8); -moz-transform:scale(0.8); -o-transform:scale(0.8); -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; } .unitsCU .content ul li .cu_unit_style_6_8, .unitsCU .content ul li .cu_unit_style_6_8, .unitsCU .content ul li .cu_unit_style_6_8 { background-color: rgb( 254, 243, 254 ); margin: 4px; padding: 0px; padding-top: 60px; border-radius: 10px; text-align: center; -webkit-transform:scale(0.8); -moz-transform:scale(0.8); -o-transform:scale(0.8); -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; } .unitsCU .content ul li .cu_unit_style_6_9, .unitsCU .content ul li .cu_unit_style_6_9, .unitsCU .content ul li .cu_unit_style_6_9 { background-color: rgb( 254, 250, 252 ); margin: 4px; padding: 0px; padding-top: 60px; border-radius: 10px; text-align: center; -webkit-transform:scale(0.8); -moz-transform:scale(0.8); -o-transform:scale(0.8); -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; } .unitsCU .content ul li .cu_unit_style_6_0 img, .unitsCU .content ul li .cu_unit_style_6_1 img, .unitsCU .content ul li .cu_unit_style_6_2 img, .unitsCU .content ul li .cu_unit_style_6_3 img, .unitsCU .content ul li .cu_unit_style_6_4 img, .unitsCU .content ul li .cu_unit_style_6_5 img, .unitsCU .content ul li .cu_unit_style_6_6 img, .unitsCU .content ul li .cu_unit_style_6_7 img, .unitsCU .content ul li .cu_unit_style_6_8 img, .unitsCU .content ul li .cu_unit_style_6_9 img { padding-left: 60px; padding-right: 60px; } .unitsCU .content ul li .cu_unit_style_6_0 .label, .unitsCU .content ul li .cu_unit_style_6_1 .label, .unitsCU .content ul li .cu_unit_style_6_2 .label, .unitsCU .content ul li .cu_unit_style_6_3 .label, .unitsCU .content ul li .cu_unit_style_6_4 .label, .unitsCU .content ul li .cu_unit_style_6_5 .label, .unitsCU .content ul li .cu_unit_style_6_6 .label, .unitsCU .content ul li .cu_unit_style_6_7 .label, .unitsCU .content ul li .cu_unit_style_6_8 .label, .unitsCU .content ul li .cu_unit_style_6_9 .label { padding: 20px; margin-top: 30px; text-align: center; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .unitsCU .content ul li .cu_unit_style_6_0:hover, .unitsCU .content ul li .cu_unit_style_6_0:active, .unitsCU .content ul li .cu_unit_style_6_0:focus { box-shadow: 0px 0px 6px rgba(100,100,100,0.5); background-color: rgb( 244, 250, 252 ); -webkit-transform:scale(0.9); -moz-transform:scale(0.9); -o-transform:scale(0.9); } .unitsCU .content ul li .cu_unit_style_6_1:hover, .unitsCU .content ul li .cu_unit_style_6_1:active, .unitsCU .content ul li .cu_unit_style_6_1:focus { box-shadow: 0px 0px 6px rgba(100,100,100,0.5); background-color: rgb( 248, 255, 249 ); -webkit-transform:scale(0.9); -moz-transform:scale(0.9); -o-transform:scale(0.9); } .unitsCU .content ul li .cu_unit_style_6_2:hover, .unitsCU .content ul li .cu_unit_style_6_2:active, .unitsCU .content ul li .cu_unit_style_6_2:focus { box-shadow: 0px 0px 6px rgba(100,100,100,0.5); background-color: rgb( 247, 241, 255 ); -webkit-transform:scale(0.9); -moz-transform:scale(0.9); -o-transform:scale(0.9); } .unitsCU .content ul li .cu_unit_style_6_3:hover, .unitsCU .content ul li .cu_unit_style_6_3:active, .unitsCU .content ul li .cu_unit_style_6_3:focus { box-shadow: 0px 0px 6px rgba(100,100,100,0.5); background-color: rgb( 255, 241, 241 ); -webkit-transform:scale(0.9); -moz-transform:scale(0.9); -o-transform:scale(0.9); } .unitsCU .content ul li .cu_unit_style_6_4:hover, .unitsCU .content ul li .cu_unit_style_6_4:active, .unitsCU .content ul li .cu_unit_style_6_4:focus { box-shadow: 0px 0px 6px rgba(100,100,100,0.5); background-color: rgb( 245, 245, 255 ); -webkit-transform:scale(0.9); -moz-transform:scale(0.9); -o-transform:scale(0.9); } .unitsCU .content ul li .cu_unit_style_6_5:hover, .unitsCU .content ul li .cu_unit_style_6_5:active, .unitsCU .content ul li .cu_unit_style_6_5:focus { box-shadow: 0px 0px 6px rgba(100,100,100,0.5); background-color: rgb( 248, 242, 252 ); -webkit-transform:scale(0.9); -moz-transform:scale(0.9); -o-transform:scale(0.9); } .unitsCU .content ul li .cu_unit_style_6_6:hover, .unitsCU .content ul li .cu_unit_style_6_6:active, .unitsCU .content ul li .cu_unit_style_6_6:focus { box-shadow: 0px 0px 6px rgba(100,100,100,0.5); background-color: rgb( 247, 247, 247 ); -webkit-transform:scale(0.9); -moz-transform:scale(0.9); -o-transform:scale(0.9); } .unitsCU .content ul li .cu_unit_style_6_7:hover, .unitsCU .content ul li .cu_unit_style_6_7:active, .unitsCU .content ul li .cu_unit_style_6_7:focus { box-shadow: 0px 0px 6px rgba(100,100,100,0.5); background-color: rgb( 252, 249, 255 ); -webkit-transform:scale(0.9); -moz-transform:scale(0.9); -o-transform:scale(0.9); } .unitsCU .content ul li .cu_unit_style_6_8:hover, .unitsCU .content ul li .cu_unit_style_6_8:active, .unitsCU .content ul li .cu_unit_style_6_8:focus { box-shadow: 0px 0px 6px rgba(100,100,100,0.5); background-color: rgb( 254, 243, 254 ); -webkit-transform:scale(0.9); -moz-transform:scale(0.9); -o-transform:scale(0.9); } .unitsCU .content ul li .cu_unit_style_6_9:hover, .unitsCU .content ul li .cu_unit_style_6_9:active, .unitsCU .content ul li .cu_unit_style_6_9:focus { box-shadow: 0px 0px 6px rgba(100,100,100,0.5); background-color: rgb( 254, 250, 252 ); -webkit-transform:scale(0.9); -moz-transform:scale(0.9); -o-transform:scale(0.9); } .unitsCU .content ul li .cu_unit_style_6_0:hover .label, .unitsCU .content ul li .cu_unit_style_6_0:active .label, .unitsCU .content ul li .cu_unit_style_6_0:focus .label { color: #000; background-color: rgb( 233, 238, 238 ); } .unitsCU .content ul li .cu_unit_style_6_1:hover .label, .unitsCU .content ul li .cu_unit_style_6_1:active .label, .unitsCU .content ul li .cu_unit_style_6_1:focus .label { color: #000; background-color: rgb( 233, 250, 234 ); } .unitsCU .content ul li .cu_unit_style_6_2:hover .label, .unitsCU .content ul li .cu_unit_style_6_2:active .label, .unitsCU .content ul li .cu_unit_style_6_2:focus .label { color: #000; background-color: rgb( 237, 231, 245 ); } .unitsCU .content ul li .cu_unit_style_6_3:hover .label, .unitsCU .content ul li .cu_unit_style_6_3:active .label, .unitsCU .content ul li .cu_unit_style_6_3:focus .label { color: #000; background-color: rgb( 245, 231, 231 ); } .unitsCU .content ul li .cu_unit_style_6_4:hover .label, .unitsCU .content ul li .cu_unit_style_6_4:active .label, .unitsCU .content ul li .cu_unit_style_6_4:focus .label { color: #000; background-color: rgb( 235, 235, 245 ); } .unitsCU .content ul li .cu_unit_style_6_5:hover .label, .unitsCU .content ul li .cu_unit_style_6_5:active .label, .unitsCU .content ul li .cu_unit_style_6_5:focus .label { color: #000; background-color: rgb( 238, 232, 252 ); } .unitsCU .content ul li .cu_unit_style_6_6:hover .label, .unitsCU .content ul li .cu_unit_style_6_6:active .label, .unitsCU .content ul li .cu_unit_style_6_6:focus .label { color: #000; background-color: rgb( 238, 238, 238 ); } .unitsCU .content ul li .cu_unit_style_6_7:hover .label, .unitsCU .content ul li .cu_unit_style_6_7:active .label, .unitsCU .content ul li .cu_unit_style_6_7:focus .label { color: #000; background-color: rgb( 239, 232, 247 ); } .unitsCU .content ul li .cu_unit_style_6_8:hover .label, .unitsCU .content ul li .cu_unit_style_6_8:active .label, .unitsCU .content ul li .cu_unit_style_6_8:focus .label { color: #000; background-color: rgb( 244, 233, 244 ); } .unitsCU .content ul li .cu_unit_style_6_9:hover .label, .unitsCU .content ul li .cu_unit_style_6_9:active .label, .unitsCU .content ul li .cu_unit_style_6_9:focus .label { color: #000; background-color: rgb( 254, 240, 242 ); } /* ************************************************************** * * unitsCU : Style 7 * ************************************************************** */ .unitsCU .content ul li .cu_unit_style_7_0, .unitsCU .content ul li .cu_unit_style_7_0, .unitsCU .content ul li .cu_unit_style_7_0 { background-color: rgb( 244, 250, 252 ); padding: 0px; padding-top: 60px; text-align: center; border-radius: 10px; border: 4px solid #FFFFFF; -webkit-transform:scale(0.8); -moz-transform:scale(0.8); -o-transform:scale(0.8); -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; } .unitsCU .content ul li .cu_unit_style_7_1, .unitsCU .content ul li .cu_unit_style_7_1, .unitsCU .content ul li .cu_unit_style_7_1 { background-color: rgb( 248, 255, 249 ); padding: 0px; padding-top: 60px; text-align: center; border-radius: 10px; border: 4px solid #FFFFFF; -webkit-transform:scale(0.8); -moz-transform:scale(0.8); -o-transform:scale(0.8); -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; } .unitsCU .content ul li .cu_unit_style_7_2, .unitsCU .content ul li .cu_unit_style_7_2, .unitsCU .content ul li .cu_unit_style_7_2 { background-color: rgb( 247, 241, 255 ); padding: 0px; padding-top: 60px; text-align: center; border-radius: 10px; border: 4px solid #FFFFFF; -webkit-transform:scale(0.8); -moz-transform:scale(0.8); -o-transform:scale(0.8); -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; } .unitsCU .content ul li .cu_unit_style_7_3, .unitsCU .content ul li .cu_unit_style_7_3, .unitsCU .content ul li .cu_unit_style_7_3 { background-color: rgb( 255, 241, 241 ); padding: 0px; padding-top: 60px; text-align: center; border-radius: 10px; border: 4px solid #FFFFFF; -webkit-transform:scale(0.8); -moz-transform:scale(0.8); -o-transform:scale(0.8); -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; } .unitsCU .content ul li .cu_unit_style_7_4, .unitsCU .content ul li .cu_unit_style_7_4, .unitsCU .content ul li .cu_unit_style_7_4 { background-color: rgb( 245, 245, 255 ); padding: 0px; padding-top: 60px; text-align: center; border-radius: 10px; border: 4px solid #FFFFFF; -webkit-transform:scale(0.8); -moz-transform:scale(0.8); -o-transform:scale(0.8); -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; } .unitsCU .content ul li .cu_unit_style_7_5, .unitsCU .content ul li .cu_unit_style_7_5, .unitsCU .content ul li .cu_unit_style_7_5 { background-color: rgb( 248, 242, 252 ); padding: 0px; padding-top: 60px; text-align: center; border-radius: 10px; border: 4px solid #FFFFFF; -webkit-transform:scale(0.8); -moz-transform:scale(0.8); -o-transform:scale(0.8); -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; } .unitsCU .content ul li .cu_unit_style_7_6, .unitsCU .content ul li .cu_unit_style_7_6, .unitsCU .content ul li .cu_unit_style_7_6 { background-color: rgb( 247, 247, 247 ); padding: 0px; padding-top: 60px; text-align: center; border-radius: 10px; border: 4px solid #FFFFFF; -webkit-transform:scale(0.8); -moz-transform:scale(0.8); -o-transform:scale(0.8); -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; } .unitsCU .content ul li .cu_unit_style_7_7, .unitsCU .content ul li .cu_unit_style_7_7, .unitsCU .content ul li .cu_unit_style_7_7 { background-color: rgb( 252, 249, 255 ); padding: 0px; padding-top: 60px; text-align: center; border-radius: 10px; border: 4px solid #FFFFFF; -webkit-transform:scale(0.8); -moz-transform:scale(0.8); -o-transform:scale(0.8); -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; } .unitsCU .content ul li .cu_unit_style_7_8, .unitsCU .content ul li .cu_unit_style_7_8, .unitsCU .content ul li .cu_unit_style_7_8 { background-color: rgb( 254, 243, 254 ); padding: 0px; padding-top: 60px; text-align: center; border-radius: 10px; border: 4px solid #FFFFFF; -webkit-transform:scale(0.8); -moz-transform:scale(0.8); -o-transform:scale(0.8); -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; } .unitsCU .content ul li .cu_unit_style_7_9, .unitsCU .content ul li .cu_unit_style_7_9, .unitsCU .content ul li .cu_unit_style_7_9 { background-color: rgb( 254, 250, 252 ); padding: 0px; padding-top: 60px; text-align: center; border-radius: 10px; border: 4px solid #FFFFFF; -webkit-transform:scale(0.8); -moz-transform:scale(0.8); -o-transform:scale(0.8); -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; } .unitsCU .content ul li .cu_unit_style_7_0 img, .unitsCU .content ul li .cu_unit_style_7_1 img, .unitsCU .content ul li .cu_unit_style_7_2 img, .unitsCU .content ul li .cu_unit_style_7_3 img, .unitsCU .content ul li .cu_unit_style_7_4 img, .unitsCU .content ul li .cu_unit_style_7_5 img, .unitsCU .content ul li .cu_unit_style_7_6 img, .unitsCU .content ul li .cu_unit_style_7_7 img, .unitsCU .content ul li .cu_unit_style_7_8 img, .unitsCU .content ul li .cu_unit_style_7_9 img { padding-left: 60px; padding-right: 60px; } .unitsCU .content ul li .cu_unit_style_7_0 .label, .unitsCU .content ul li .cu_unit_style_7_1 .label, .unitsCU .content ul li .cu_unit_style_7_2 .label, .unitsCU .content ul li .cu_unit_style_7_3 .label, .unitsCU .content ul li .cu_unit_style_7_4 .label, .unitsCU .content ul li .cu_unit_style_7_5 .label, .unitsCU .content ul li .cu_unit_style_7_6 .label, .unitsCU .content ul li .cu_unit_style_7_7 .label, .unitsCU .content ul li .cu_unit_style_7_8 .label, .unitsCU .content ul li .cu_unit_style_7_9 .label { padding: 20px; margin-top: 30px; text-align: center; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .unitsCU .content ul li .cu_unit_style_7_0:hover, .unitsCU .content ul li .cu_unit_style_7_0:active, .unitsCU .content ul li .cu_unit_style_7_0:focus { box-shadow: 0px 0px 6px rgba(100,100,100,0.5); background-color: rgb( 244, 250, 252 ); -webkit-transform:scale(0.9); -moz-transform:scale(0.9); -o-transform:scale(0.9); } .unitsCU .content ul li .cu_unit_style_7_1:hover, .unitsCU .content ul li .cu_unit_style_7_1:active, .unitsCU .content ul li .cu_unit_style_7_1:focus { box-shadow: 0px 0px 6px rgba(100,100,100,0.5); background-color: rgb( 248, 255, 249 ); -webkit-transform:scale(0.9); -moz-transform:scale(0.9); -o-transform:scale(0.9); } .unitsCU .content ul li .cu_unit_style_7_2:hover, .unitsCU .content ul li .cu_unit_style_7_2:active, .unitsCU .content ul li .cu_unit_style_7_2:focus { box-shadow: 0px 0px 6px rgba(100,100,100,0.5); background-color: rgb( 247, 241, 255 ); -webkit-transform:scale(0.9); -moz-transform:scale(0.9); -o-transform:scale(0.9); } .unitsCU .content ul li .cu_unit_style_7_3:hover, .unitsCU .content ul li .cu_unit_style_7_3:active, .unitsCU .content ul li .cu_unit_style_7_3:focus { box-shadow: 0px 0px 6px rgba(100,100,100,0.5); background-color: rgb( 255, 241, 241 ); -webkit-transform:scale(0.9); -moz-transform:scale(0.9); -o-transform:scale(0.9); } .unitsCU .content ul li .cu_unit_style_7_4:hover, .unitsCU .content ul li .cu_unit_style_7_4:active, .unitsCU .content ul li .cu_unit_style_7_4:focus { box-shadow: 0px 0px 6px rgba(100,100,100,0.5); background-color: rgb( 245, 245, 255 ); -webkit-transform:scale(0.9); -moz-transform:scale(0.9); -o-transform:scale(0.9); } .unitsCU .content ul li .cu_unit_style_7_5:hover, .unitsCU .content ul li .cu_unit_style_7_5:active, .unitsCU .content ul li .cu_unit_style_7_5:focus { box-shadow: 0px 0px 6px rgba(100,100,100,0.5); background-color: rgb( 248, 242, 252 ); -webkit-transform:scale(0.9); -moz-transform:scale(0.9); -o-transform:scale(0.9); } .unitsCU .content ul li .cu_unit_style_7_6:hover, .unitsCU .content ul li .cu_unit_style_7_6:active, .unitsCU .content ul li .cu_unit_style_7_6:focus { box-shadow: 0px 0px 6px rgba(100,100,100,0.5); background-color: rgb( 247, 247, 247 ); -webkit-transform:scale(0.9); -moz-transform:scale(0.9); -o-transform:scale(0.9); } .unitsCU .content ul li .cu_unit_style_7_7:hover, .unitsCU .content ul li .cu_unit_style_7_7:active, .unitsCU .content ul li .cu_unit_style_7_7:focus { box-shadow: 0px 0px 6px rgba(100,100,100,0.5); background-color: rgb( 252, 249, 255 ); -webkit-transform:scale(0.9); -moz-transform:scale(0.9); -o-transform:scale(0.9); } .unitsCU .content ul li .cu_unit_style_7_8:hover, .unitsCU .content ul li .cu_unit_style_7_8:active, .unitsCU .content ul li .cu_unit_style_7_8:focus { box-shadow: 0px 0px 6px rgba(100,100,100,0.5); background-color: rgb( 254, 243, 254 ); -webkit-transform:scale(0.9); -moz-transform:scale(0.9); -o-transform:scale(0.9); } .unitsCU .content ul li .cu_unit_style_7_9:hover, .unitsCU .content ul li .cu_unit_style_7_9:active, .unitsCU .content ul li .cu_unit_style_7_9:focus { box-shadow: 0px 0px 6px rgba(100,100,100,0.5); background-color: rgb( 254, 250, 252 ); -webkit-transform:scale(0.9); -moz-transform:scale(0.9); -o-transform:scale(0.9); } .unitsCU .content ul li .cu_unit_style_7_0:hover .label, .unitsCU .content ul li .cu_unit_style_7_0:active .label, .unitsCU .content ul li .cu_unit_style_7_0:focus .label { color: #000; background-color: rgb( 233, 238, 238 ); } .unitsCU .content ul li .cu_unit_style_7_1:hover .label, .unitsCU .content ul li .cu_unit_style_7_1:active .label, .unitsCU .content ul li .cu_unit_style_7_1:focus .label { color: #000; background-color: rgb( 233, 250, 234 ); } .unitsCU .content ul li .cu_unit_style_7_2:hover .label, .unitsCU .content ul li .cu_unit_style_7_2:active .label, .unitsCU .content ul li .cu_unit_style_7_2:focus .label { color: #000; background-color: rgb( 237, 231, 245 ); } .unitsCU .content ul li .cu_unit_style_7_3:hover .label, .unitsCU .content ul li .cu_unit_style_7_3:active .label, .unitsCU .content ul li .cu_unit_style_7_3:focus .label { color: #000; background-color: rgb( 245, 231, 231 ); } .unitsCU .content ul li .cu_unit_style_7_4:hover .label, .unitsCU .content ul li .cu_unit_style_7_4:active .label, .unitsCU .content ul li .cu_unit_style_7_4:focus .label { color: #000; background-color: rgb( 235, 235, 245 ); } .unitsCU .content ul li .cu_unit_style_7_5:hover .label, .unitsCU .content ul li .cu_unit_style_7_5:active .label, .unitsCU .content ul li .cu_unit_style_7_5:focus .label { color: #000; background-color: rgb( 238, 232, 252 ); } .unitsCU .content ul li .cu_unit_style_7_6:hover .label, .unitsCU .content ul li .cu_unit_style_7_6:active .label, .unitsCU .content ul li .cu_unit_style_7_6:focus .label { color: #000; background-color: rgb( 238, 238, 238 ); } .unitsCU .content ul li .cu_unit_style_7_7:hover .label, .unitsCU .content ul li .cu_unit_style_7_7:active .label, .unitsCU .content ul li .cu_unit_style_7_7:focus .label { color: #000; background-color: rgb( 239, 232, 247 ); } .unitsCU .content ul li .cu_unit_style_7_8:hover .label, .unitsCU .content ul li .cu_unit_style_7_8:active .label, .unitsCU .content ul li .cu_unit_style_7_8:focus .label { color: #000; background-color: rgb( 244, 233, 244 ); } .unitsCU .content ul li .cu_unit_style_7_9:hover .label, .unitsCU .content ul li .cu_unit_style_7_9:active .label, .unitsCU .content ul li .cu_unit_style_7_9:focus .label { color: #000; background-color: rgb( 254, 240, 242 ); } /* ************************************************************** * * unitsCU : Style 8 * ************************************************************** */ .unitsCU .content ul li .cu_unit_style_8_0, .unitsCU .content ul li .cu_unit_style_8_1, .unitsCU .content ul li .cu_unit_style_8_2, .unitsCU .content ul li .cu_unit_style_8_3, .unitsCU .content ul li .cu_unit_style_8_4, .unitsCU .content ul li .cu_unit_style_8_5, .unitsCU .content ul li .cu_unit_style_8_6, .unitsCU .content ul li .cu_unit_style_8_7, .unitsCU .content ul li .cu_unit_style_8_8, .unitsCU .content ul li .cu_unit_style_8_9 { padding: 0px; padding-top: 60px; border-radius: 10px; text-align: center; border: 4px solid #FFFFFF; -webkit-transform:scale(0.8); -moz-transform:scale(0.8); -o-transform:scale(0.8); -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; } .unitsCU .content ul li .cu_unit_style_8_0 img, .unitsCU .content ul li .cu_unit_style_8_1 img, .unitsCU .content ul li .cu_unit_style_8_2 img, .unitsCU .content ul li .cu_unit_style_8_3 img, .unitsCU .content ul li .cu_unit_style_8_4 img, .unitsCU .content ul li .cu_unit_style_8_5 img, .unitsCU .content ul li .cu_unit_style_8_6 img, .unitsCU .content ul li .cu_unit_style_8_7 img, .unitsCU .content ul li .cu_unit_style_8_8 img, .unitsCU .content ul li .cu_unit_style_8_9 img { padding-left: 60px; padding-right: 60px; } .unitsCU .content ul li .cu_unit_style_8_0 .label, .unitsCU .content ul li .cu_unit_style_8_1 .label, .unitsCU .content ul li .cu_unit_style_8_2 .label, .unitsCU .content ul li .cu_unit_style_8_3 .label, .unitsCU .content ul li .cu_unit_style_8_4 .label, .unitsCU .content ul li .cu_unit_style_8_5 .label, .unitsCU .content ul li .cu_unit_style_8_6 .label, .unitsCU .content ul li .cu_unit_style_8_7 .label, .unitsCU .content ul li .cu_unit_style_8_8 .label, .unitsCU .content ul li .cu_unit_style_8_9 .label { padding: 20px; margin-top: 30px; text-align: center; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .unitsCU .content ul li .cu_unit_style_8_0:hover, .unitsCU .content ul li .cu_unit_style_8_0:active, .unitsCU .content ul li .cu_unit_style_8_0:focus { box-shadow: 0px 0px 6px rgba(100,100,100,0.5); background-color: rgb( 244, 250, 252 ); -webkit-transform:scale(0.9); -moz-transform:scale(0.9); -o-transform:scale(0.9); } .unitsCU .content ul li .cu_unit_style_8_1:hover, .unitsCU .content ul li .cu_unit_style_8_1:active, .unitsCU .content ul li .cu_unit_style_8_1:focus { box-shadow: 0px 0px 6px rgba(100,100,100,0.5); background-color: rgb( 248, 255, 249 ); -webkit-transform:scale(0.9); -moz-transform:scale(0.9); -o-transform:scale(0.9); } .unitsCU .content ul li .cu_unit_style_8_2:hover, .unitsCU .content ul li .cu_unit_style_8_2:active, .unitsCU .content ul li .cu_unit_style_8_2:focus { box-shadow: 0px 0px 6px rgba(100,100,100,0.5); background-color: rgb( 247, 241, 255 ); -webkit-transform:scale(0.9); -moz-transform:scale(0.9); -o-transform:scale(0.9); } .unitsCU .content ul li .cu_unit_style_8_3:hover, .unitsCU .content ul li .cu_unit_style_8_3:active, .unitsCU .content ul li .cu_unit_style_8_3:focus { box-shadow: 0px 0px 6px rgba(100,100,100,0.5); background-color: rgb( 255, 241, 241 ); -webkit-transform:scale(0.9); -moz-transform:scale(0.9); -o-transform:scale(0.9); } .unitsCU .content ul li .cu_unit_style_8_4:hover, .unitsCU .content ul li .cu_unit_style_8_4:active, .unitsCU .content ul li .cu_unit_style_8_4:focus { box-shadow: 0px 0px 6px rgba(100,100,100,0.5); background-color: rgb( 245, 245, 255 ); -webkit-transform:scale(0.9); -moz-transform:scale(0.9); -o-transform:scale(0.9); } .unitsCU .content ul li .cu_unit_style_8_5:hover, .unitsCU .content ul li .cu_unit_style_8_5:active, .unitsCU .content ul li .cu_unit_style_8_5:focus { box-shadow: 0px 0px 6px rgba(100,100,100,0.5); background-color: rgb( 248, 242, 252 ); -webkit-transform:scale(0.9); -moz-transform:scale(0.9); -o-transform:scale(0.9); } .unitsCU .content ul li .cu_unit_style_8_6:hover, .unitsCU .content ul li .cu_unit_style_8_6:active, .unitsCU .content ul li .cu_unit_style_8_6:focus { box-shadow: 0px 0px 6px rgba(100,100,100,0.5); background-color: rgb( 247, 247, 247 ); -webkit-transform:scale(0.9); -moz-transform:scale(0.9); -o-transform:scale(0.9); } .unitsCU .content ul li .cu_unit_style_8_7:hover, .unitsCU .content ul li .cu_unit_style_8_7:active, .unitsCU .content ul li .cu_unit_style_8_7:focus { box-shadow: 0px 0px 6px rgba(100,100,100,0.5); background-color: rgb( 252, 249, 255 ); -webkit-transform:scale(0.9); -moz-transform:scale(0.9); -o-transform:scale(0.9); } .unitsCU .content ul li .cu_unit_style_8_8:hover, .unitsCU .content ul li .cu_unit_style_8_8:active, .unitsCU .content ul li .cu_unit_style_8_8:focus { box-shadow: 0px 0px 6px rgba(100,100,100,0.5); background-color: rgb( 254, 243, 254 ); -webkit-transform:scale(0.9); -moz-transform:scale(0.9); -o-transform:scale(0.9); } .unitsCU .content ul li .cu_unit_style_8_9:hover, .unitsCU .content ul li .cu_unit_style_8_9:active, .unitsCU .content ul li .cu_unit_style_8_9:focus { box-shadow: 0px 0px 6px rgba(100,100,100,0.5); background-color: rgb( 254, 250, 252 ); -webkit-transform:scale(0.9); -moz-transform:scale(0.9); -o-transform:scale(0.9); } .unitsCU .content ul li .cu_unit_style_8_0:hover .label, .unitsCU .content ul li .cu_unit_style_8_0:active .label, .unitsCU .content ul li .cu_unit_style_8_0:focus .label { color: #000; background-color: rgb( 233, 238, 238 ); } .unitsCU .content ul li .cu_unit_style_8_1:hover .label, .unitsCU .content ul li .cu_unit_style_8_1:active .label, .unitsCU .content ul li .cu_unit_style_8_1:focus .label { color: #000; background-color: rgb( 233, 250, 234 ); } .unitsCU .content ul li .cu_unit_style_8_2:hover .label, .unitsCU .content ul li .cu_unit_style_8_2:active .label, .unitsCU .content ul li .cu_unit_style_8_2:focus .label { color: #000; background-color: rgb( 237, 231, 245 ); } .unitsCU .content ul li .cu_unit_style_8_3:hover .label, .unitsCU .content ul li .cu_unit_style_8_3:active .label, .unitsCU .content ul li .cu_unit_style_8_3:focus .label { color: #000; background-color: rgb( 245, 231, 231 ); } .unitsCU .content ul li .cu_unit_style_8_4:hover .label, .unitsCU .content ul li .cu_unit_style_8_4:active .label, .unitsCU .content ul li .cu_unit_style_8_4:focus .label { color: #000; background-color: rgb( 235, 235, 245 ); } .unitsCU .content ul li .cu_unit_style_8_5:hover .label, .unitsCU .content ul li .cu_unit_style_8_5:active .label, .unitsCU .content ul li .cu_unit_style_8_5:focus .label { color: #000; background-color: rgb( 238, 232, 252 ); } .unitsCU .content ul li .cu_unit_style_8_6:hover .label, .unitsCU .content ul li .cu_unit_style_8_6:active .label, .unitsCU .content ul li .cu_unit_style_8_6:focus .label { color: #000; background-color: rgb( 238, 238, 238 ); } .unitsCU .content ul li .cu_unit_style_8_7:hover .label, .unitsCU .content ul li .cu_unit_style_8_7:active .label, .unitsCU .content ul li .cu_unit_style_8_7:focus .label { color: #000; background-color: rgb( 239, 232, 247 ); } .unitsCU .content ul li .cu_unit_style_8_8:hover .label, .unitsCU .content ul li .cu_unit_style_8_8:active .label, .unitsCU .content ul li .cu_unit_style_8_8:focus .label { color: #000; background-color: rgb( 244, 233, 244 ); } .unitsCU .content ul li .cu_unit_style_8_9:hover .label, .unitsCU .content ul li .cu_unit_style_8_9:active .label, .unitsCU .content ul li .cu_unit_style_8_9:focus .label { color: #000; background-color: rgb( 254, 240, 242 ); } /* ************************************************************** * * unitsCU : Style 9 * ************************************************************** */ .unitsCU .content ul li .cu_unit_style_9_0, .unitsCU .content ul li .cu_unit_style_9_1, .unitsCU .content ul li .cu_unit_style_9_2, .unitsCU .content ul li .cu_unit_style_9_3, .unitsCU .content ul li .cu_unit_style_9_4, .unitsCU .content ul li .cu_unit_style_9_5, .unitsCU .content ul li .cu_unit_style_9_6, .unitsCU .content ul li .cu_unit_style_9_7, .unitsCU .content ul li .cu_unit_style_9_8, .unitsCU .content ul li .cu_unit_style_9_9 { padding: 0px; padding-top: 60px; border-radius: 10px; text-align: center; border: 4px solid #FFFFFF; -webkit-transform:scale(0.8); -moz-transform:scale(0.8); -o-transform:scale(0.8); -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; } .unitsCU .content ul li .cu_unit_style_9_0 img, .unitsCU .content ul li .cu_unit_style_9_1 img, .unitsCU .content ul li .cu_unit_style_9_2 img, .unitsCU .content ul li .cu_unit_style_9_3 img, .unitsCU .content ul li .cu_unit_style_9_4 img, .unitsCU .content ul li .cu_unit_style_9_5 img, .unitsCU .content ul li .cu_unit_style_9_6 img, .unitsCU .content ul li .cu_unit_style_9_7 img, .unitsCU .content ul li .cu_unit_style_9_8 img, .unitsCU .content ul li .cu_unit_style_9_9 img { padding-left: 60px; padding-right: 60px; } .unitsCU .content ul li .cu_unit_style_9_0 .label, .unitsCU .content ul li .cu_unit_style_9_1 .label, .unitsCU .content ul li .cu_unit_style_9_2 .label, .unitsCU .content ul li .cu_unit_style_9_3 .label, .unitsCU .content ul li .cu_unit_style_9_4 .label, .unitsCU .content ul li .cu_unit_style_9_5 .label, .unitsCU .content ul li .cu_unit_style_9_6 .label, .unitsCU .content ul li .cu_unit_style_9_7 .label, .unitsCU .content ul li .cu_unit_style_9_8 .label, .unitsCU .content ul li .cu_unit_style_9_9 .label { padding: 20px; margin-top: 30px; text-align: center; color: #FFF; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .unitsCU .content ul li .cu_unit_style_9_0:hover, .unitsCU .content ul li .cu_unit_style_9_0:active, .unitsCU .content ul li .cu_unit_style_9_0:focus { box-shadow: 0px 0px 6px rgba(100,100,100,0.5); background-color: rgb( 244, 250, 252 ); -webkit-transform:scale(0.9); -moz-transform:scale(0.9); -o-transform:scale(0.9); } .unitsCU .content ul li .cu_unit_style_9_1:hover, .unitsCU .content ul li .cu_unit_style_9_1:active, .unitsCU .content ul li .cu_unit_style_9_1:focus { box-shadow: 0px 0px 6px rgba(100,100,100,0.5); background-color: rgb( 248, 255, 249 ); -webkit-transform:scale(0.9); -moz-transform:scale(0.9); -o-transform:scale(0.9); } .unitsCU .content ul li .cu_unit_style_9_2:hover, .unitsCU .content ul li .cu_unit_style_9_2:active, .unitsCU .content ul li .cu_unit_style_9_2:focus { box-shadow: 0px 0px 6px rgba(100,100,100,0.5); background-color: rgb( 247, 241, 255 ); -webkit-transform:scale(0.9); -moz-transform:scale(0.9); -o-transform:scale(0.9); } .unitsCU .content ul li .cu_unit_style_9_3:hover, .unitsCU .content ul li .cu_unit_style_9_3:active, .unitsCU .content ul li .cu_unit_style_9_3:focus { box-shadow: 0px 0px 6px rgba(100,100,100,0.5); background-color: rgb( 255, 241, 241 ); -webkit-transform:scale(0.9); -moz-transform:scale(0.9); -o-transform:scale(0.9); } .unitsCU .content ul li .cu_unit_style_9_4:hover, .unitsCU .content ul li .cu_unit_style_9_4:active, .unitsCU .content ul li .cu_unit_style_9_4:focus { box-shadow: 0px 0px 6px rgba(100,100,100,0.5); background-color: rgb( 245, 245, 255 ); -webkit-transform:scale(0.9); -moz-transform:scale(0.9); -o-transform:scale(0.9); } .unitsCU .content ul li .cu_unit_style_9_5:hover, .unitsCU .content ul li .cu_unit_style_9_5:active, .unitsCU .content ul li .cu_unit_style_9_5:focus { box-shadow: 0px 0px 6px rgba(100,100,100,0.5); background-color: rgb( 248, 242, 252 ); -webkit-transform:scale(0.9); -moz-transform:scale(0.9); -o-transform:scale(0.9); } .unitsCU .content ul li .cu_unit_style_9_6:hover, .unitsCU .content ul li .cu_unit_style_9_6:active, .unitsCU .content ul li .cu_unit_style_9_6:focus { box-shadow: 0px 0px 6px rgba(100,100,100,0.5); background-color: rgb( 247, 247, 247 ); -webkit-transform:scale(0.9); -moz-transform:scale(0.9); -o-transform:scale(0.9); } .unitsCU .content ul li .cu_unit_style_9_7:hover, .unitsCU .content ul li .cu_unit_style_9_7:active, .unitsCU .content ul li .cu_unit_style_9_7:focus { box-shadow: 0px 0px 6px rgba(100,100,100,0.5); background-color: rgb( 252, 249, 255 ); -webkit-transform:scale(0.9); -moz-transform:scale(0.9); -o-transform:scale(0.9); } .unitsCU .content ul li .cu_unit_style_9_8:hover, .unitsCU .content ul li .cu_unit_style_9_8:active, .unitsCU .content ul li .cu_unit_style_9_8:focus { box-shadow: 0px 0px 6px rgba(100,100,100,0.5); background-color: rgb( 254, 243, 254 ); -webkit-transform:scale(0.9); -moz-transform:scale(0.9); -o-transform:scale(0.9); } .unitsCU .content ul li .cu_unit_style_9_9:hover, .unitsCU .content ul li .cu_unit_style_9_9:active, .unitsCU .content ul li .cu_unit_style_9_9:focus { box-shadow: 0px 0px 6px rgba(100,100,100,0.5); background-color: rgb( 254, 250, 252 ); -webkit-transform:scale(0.9); -moz-transform:scale(0.9); -o-transform:scale(0.9); } .unitsCU .content ul li .cu_unit_style_9_0:hover .label, .unitsCU .content ul li .cu_unit_style_9_0:active .label, .unitsCU .content ul li .cu_unit_style_9_0:focus .label { color: #000; background-color: rgb( 233, 238, 238 ); } .unitsCU .content ul li .cu_unit_style_9_1:hover .label, .unitsCU .content ul li .cu_unit_style_9_1:active .label, .unitsCU .content ul li .cu_unit_style_9_1:focus .label { color: #000; background-color: rgb( 233, 250, 234 ); } .unitsCU .content ul li .cu_unit_style_9_2:hover .label, .unitsCU .content ul li .cu_unit_style_9_2:active .label, .unitsCU .content ul li .cu_unit_style_9_2:focus .label { color: #000; background-color: rgb( 237, 231, 245 ); } .unitsCU .content ul li .cu_unit_style_9_3:hover .label, .unitsCU .content ul li .cu_unit_style_9_3:active .label, .unitsCU .content ul li .cu_unit_style_9_3:focus .label { color: #000; background-color: rgb( 245, 231, 231 ); } .unitsCU .content ul li .cu_unit_style_9_4:hover .label, .unitsCU .content ul li .cu_unit_style_9_4:active .label, .unitsCU .content ul li .cu_unit_style_9_4:focus .label { color: #000; background-color: rgb( 235, 235, 245 ); } .unitsCU .content ul li .cu_unit_style_9_5:hover .label, .unitsCU .content ul li .cu_unit_style_9_5:active .label, .unitsCU .content ul li .cu_unit_style_9_5:focus .label { color: #000; background-color: rgb( 238, 232, 252 ); } .unitsCU .content ul li .cu_unit_style_9_6:hover .label, .unitsCU .content ul li .cu_unit_style_9_6:active .label, .unitsCU .content ul li .cu_unit_style_9_6:focus .label { color: #000; background-color: rgb( 238, 238, 238 ); } .unitsCU .content ul li .cu_unit_style_9_7:hover .label, .unitsCU .content ul li .cu_unit_style_9_7:active .label, .unitsCU .content ul li .cu_unit_style_9_7:focus .label { color: #000; background-color: rgb( 239, 232, 247 ); } .unitsCU .content ul li .cu_unit_style_9_8:hover .label, .unitsCU .content ul li .cu_unit_style_9_8:active .label, .unitsCU .content ul li .cu_unit_style_9_8:focus .label { color: #000; background-color: rgb( 244, 233, 244 ); } .unitsCU .content ul li .cu_unit_style_9_9:hover .label, .unitsCU .content ul li .cu_unit_style_9_9:active .label, .unitsCU .content ul li .cu_unit_style_9_9:focus .label { color: #000; background-color: rgb( 254, 240, 242 ); } /* ************************************************************** * * unitsCU : Style 10 * ************************************************************** */ .unitsCU .content ul li .cu_unit_style_10_0, .unitsCU .content ul li .cu_unit_style_10_1, .unitsCU .content ul li .cu_unit_style_10_2, .unitsCU .content ul li .cu_unit_style_10_3, .unitsCU .content ul li .cu_unit_style_10_4, .unitsCU .content ul li .cu_unit_style_10_5, .unitsCU .content ul li .cu_unit_style_10_6, .unitsCU .content ul li .cu_unit_style_10_7, .unitsCU .content ul li .cu_unit_style_10_8, .unitsCU .content ul li .cu_unit_style_10_9 { padding: 0px; padding-top: 60px; border-radius: 10px; text-align: center; border: 4px solid #FFFFFF; -webkit-transform:scale(0.8); -moz-transform:scale(0.8); -o-transform:scale(0.8); -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; } .unitsCU .content ul li .cu_unit_style_10_0 img, .unitsCU .content ul li .cu_unit_style_10_1 img, .unitsCU .content ul li .cu_unit_style_10_2 img, .unitsCU .content ul li .cu_unit_style_10_3 img, .unitsCU .content ul li .cu_unit_style_10_4 img, .unitsCU .content ul li .cu_unit_style_10_5 img, .unitsCU .content ul li .cu_unit_style_10_6 img, .unitsCU .content ul li .cu_unit_style_10_7 img, .unitsCU .content ul li .cu_unit_style_10_8 img, .unitsCU .content ul li .cu_unit_style_10_9 img { padding-left: 60px; padding-right: 60px; } .unitsCU .content ul li .cu_unit_style_10_0 .label, .unitsCU .content ul li .cu_unit_style_10_1 .label, .unitsCU .content ul li .cu_unit_style_10_2 .label, .unitsCU .content ul li .cu_unit_style_10_3 .label, .unitsCU .content ul li .cu_unit_style_10_4 .label, .unitsCU .content ul li .cu_unit_style_10_5 .label, .unitsCU .content ul li .cu_unit_style_10_6 .label, .unitsCU .content ul li .cu_unit_style_10_7 .label, .unitsCU .content ul li .cu_unit_style_10_8 .label, .unitsCU .content ul li .cu_unit_style_10_9 .label { padding: 20px; margin-top: 30px; text-align: center; color: #FFF; } .unitsCU .content ul li .cu_unit_style_10_0:hover, .unitsCU .content ul li .cu_unit_style_10_0:active, .unitsCU .content ul li .cu_unit_style_10_0:focus { box-shadow: 0px 0px 6px rgba(100,100,100,0.5); background-color: #FFF; -webkit-transform:scale(0.9); -moz-transform:scale(0.9); -o-transform:scale(0.9); } .unitsCU .content ul li .cu_unit_style_10_1:hover, .unitsCU .content ul li .cu_unit_style_10_1:active, .unitsCU .content ul li .cu_unit_style_10_1:focus { box-shadow: 0px 0px 6px rgba(100,100,100,0.5); background-color: #FFF; -webkit-transform:scale(0.9); -moz-transform:scale(0.9); -o-transform:scale(0.9); } .unitsCU .content ul li .cu_unit_style_10_2:hover, .unitsCU .content ul li .cu_unit_style_10_2:active, .unitsCU .content ul li .cu_unit_style_10_2:focus { box-shadow: 0px 0px 6px rgba(100,100,100,0.5); background-color: #FFF; -webkit-transform:scale(0.9); -moz-transform:scale(0.9); -o-transform:scale(0.9); } .unitsCU .content ul li .cu_unit_style_10_3:hover, .unitsCU .content ul li .cu_unit_style_10_3:active, .unitsCU .content ul li .cu_unit_style_10_3:focus { box-shadow: 0px 0px 6px rgba(100,100,100,0.5); background-color: #FFF; -webkit-transform:scale(0.9); -moz-transform:scale(0.9); -o-transform:scale(0.9); } .unitsCU .content ul li .cu_unit_style_10_4:hover, .unitsCU .content ul li .cu_unit_style_10_4:active, .unitsCU .content ul li .cu_unit_style_10_4:focus { box-shadow: 0px 0px 6px rgba(100,100,100,0.5); background-color: #FFF; -webkit-transform:scale(0.9); -moz-transform:scale(0.9); -o-transform:scale(0.9); } .unitsCU .content ul li .cu_unit_style_10_5:hover, .unitsCU .content ul li .cu_unit_style_10_5:active, .unitsCU .content ul li .cu_unit_style_10_5:focus { box-shadow: 0px 0px 6px rgba(100,100,100,0.5); background-color: #FFF; -webkit-transform:scale(0.9); -moz-transform:scale(0.9); -o-transform:scale(0.9); } .unitsCU .content ul li .cu_unit_style_10_6:hover, .unitsCU .content ul li .cu_unit_style_10_6:active, .unitsCU .content ul li .cu_unit_style_10_6:focus { box-shadow: 0px 0px 6px rgba(100,100,100,0.5); background-color: #FFF; -webkit-transform:scale(0.9); -moz-transform:scale(0.9); -o-transform:scale(0.9); } .unitsCU .content ul li .cu_unit_style_10_7:hover, .unitsCU .content ul li .cu_unit_style_10_7:active, .unitsCU .content ul li .cu_unit_style_10_7:focus { box-shadow: 0px 0px 6px rgba(100,100,100,0.5); background-color: #FFF; -webkit-transform:scale(0.9); -moz-transform:scale(0.9); -o-transform:scale(0.9); } .unitsCU .content ul li .cu_unit_style_10_8:hover, .unitsCU .content ul li .cu_unit_style_10_8:active, .unitsCU .content ul li .cu_unit_style_10_8:focus { box-shadow: 0px 0px 6px rgba(100,100,100,0.5); background-color: #FFF; -webkit-transform:scale(0.9); -moz-transform:scale(0.9); -o-transform:scale(0.9); } .unitsCU .content ul li .cu_unit_style_10_9:hover, .unitsCU .content ul li .cu_unit_style_10_9:active, .unitsCU .content ul li .cu_unit_style_10_9:focus { box-shadow: 0px 0px 6px rgba(100,100,100,0.5); background-color: #FFF; -webkit-transform:scale(0.9); -moz-transform:scale(0.9); -o-transform:scale(0.9); } .unitsCU .content ul li .cu_unit_style_10_0:hover .label, .unitsCU .content ul li .cu_unit_style_10_0:active .label, .unitsCU .content ul li .cu_unit_style_10_0:focus .label { color: #000; background-color: ; } .unitsCU .content ul li .cu_unit_style_10_1:hover .label, .unitsCU .content ul li .cu_unit_style_10_1:active .label, .unitsCU .content ul li .cu_unit_style_10_1:focus .label { color: #000; background-color: ; } .unitsCU .content ul li .cu_unit_style_10_2:hover .label, .unitsCU .content ul li .cu_unit_style_10_2:active .label, .unitsCU .content ul li .cu_unit_style_10_2:focus .label { color: #000; background-color: ; } .unitsCU .content ul li .cu_unit_style_10_3:hover .label, .unitsCU .content ul li .cu_unit_style_10_3:active .label, .unitsCU .content ul li .cu_unit_style_10_3:focus .label { color: #000; background-color: ; } .unitsCU .content ul li .cu_unit_style_10_4:hover .label, .unitsCU .content ul li .cu_unit_style_10_4:active .label, .unitsCU .content ul li .cu_unit_style_10_4:focus .label { color: #000; background-color: ; } .unitsCU .content ul li .cu_unit_style_10_5:hover .label, .unitsCU .content ul li .cu_unit_style_10_5:active .label, .unitsCU .content ul li .cu_unit_style_10_5:focus .label { color: #000; background-color: ; } .unitsCU .content ul li .cu_unit_style_10_6:hover .label, .unitsCU .content ul li .cu_unit_style_10_6:active .label, .unitsCU .content ul li .cu_unit_style_10_6:focus .label { color: #000; background-color: ; } .unitsCU .content ul li .cu_unit_style_10_7:hover .label, .unitsCU .content ul li .cu_unit_style_10_7:active .label, .unitsCU .content ul li .cu_unit_style_10_7:focus .label { color: #000; background-color: ; } .unitsCU .content ul li .cu_unit_style_10_8:hover .label, .unitsCU .content ul li .cu_unit_style_10_8:active .label, .unitsCU .content ul li .cu_unit_style_10_8:focus .label { color: #000; background-color: ; } .unitsCU .content ul li .cu_unit_style_10_9:hover .label, .unitsCU .content ul li .cu_unit_style_10_9:active .label, .unitsCU .content ul li .cu_unit_style_10_9:focus .label { color: #000; background-color: ; } html { margin: 0; padding: 0; background-color: rgb( 8, 146, 176 ); } body { padding: 0; margin: 0; line-height: 32px; max-width: 1000px; margin-left: auto; margin-right: auto; background-color: #FFFFFF; font-family: 'Anonymous Pro', monospace; box-shadow: 0px 0px 12px rgba(20,45,56,0.7); display: none; overflow-x: hidden; } @media ( min-width: 551px ) { .inner-content { padding: 0px; } } @media ( max-width: 550px ) { .inner-content { padding-left: 60px; padding-right: 60px; } } @media ( min-width: 500px ) { .band { margin: 0; padding: 0; position: fixed; max-width: 1000px; z-index: 99999; background-color: rgba(255,255,255,0.98); border-bottom: 1px solid rgb( 8, 146, 176 ); justify-content: space-between; display: flex; } .band table td { padding: 0; margin: 0; } .band .menu td, .band .menu-br div { padding: 8px; cursor: pointer; font-family: 'Atma', cursive; transition-duration: .3s; transition-timing-function: ease-out; } .band .menu td:hover, .band .menu-br div:hover { background: url(imgs/mitem.png) repeat-x center center rgb( 8, 146, 176 ); text-shadow: 0px 0px 14px rgba(0,0,0,0.5); color: rgb( 255, 255, 255 ); } .band .menu-tl { text-align: left; } .band .menu-br { justify-content: flex-end; align-items: flex-end; display: flex; } } @media ( max-width: 499px ) { .band { margin: 0; padding: 0; /*position: fixed;*/ max-width: 1000px; z-index: 99999; background-color: rgba(255,255,255,0.98); border-bottom: 1px solid rgb( 8, 146, 176 ); } .band table td { padding: 0; margin: 0; } .band .menu td, .band .menu-br div { padding: 8px; cursor: pointer; font-family: 'Atma', cursive; transition-duration: .3s; transition-timing-function: ease-out; } .band .menu td:hover, .band .menu-br div:hover { background: url(imgs/mitem.png) repeat-x center center rgb( 8, 146, 176 ); text-shadow: 0px 0px 14px rgba(0,0,0,0.5); color: rgb( 255, 255, 255 ); } .band .menu-tl { text-align: center; } .band .menu-br { justify-content: center; align-items: flex-end; display: flex; } } @media ( min-width: 541px ) { .area { padding-bottom: 40px; padding-top: 160px; padding-right: 12%; padding-left: 12%; font-size: 14px; } } @media ( max-width: 540px ) { .area { padding-bottom: 40px; padding-top: 160px; padding-right: 21%; padding-left: 21%; margin: 0px 12%; font-size: 14px; } } .foot { font-size: 12px; line-height: 20px; padding-left: 14%; padding-right: 14%; text-align: center; padding-bottom: 20px; } .foot .privacy { padding-top: 20px; text-align: right; } @media ( min-width: 600px ) { .footer-area { margin: 0px; display: flex; flex-flow: row wrap; justify-content: center; } .footer-area .footer-item { margin: 0px 14px; text-align: left; } } @media ( min-width: 441px ) and ( max-width: 599px ) { .footer-area { margin: 0px 60px; display: flex; flex-flow: row wrap; justify-content: space-between; } .footer-area .footer-item { margin: 0px 10px; margin-bottom: 24px; text-align: left; } } @media ( max-width: 440px ) { .footer-area { margin: 0px 60px; justify-content: center; text-align: center; } .footer-area .footer-item { margin: 0px 8px; margin-bottom: 24px; text-align: center; } } .footer-offer { margin: 1px; } .footer-offer div { margin-top: 4px; margin-bottom: 4px; } a:link, a:visited { color: rgb( 8, 146, 176 ); text-decoration: none; } a:hover, a:active { text-decoration: underline; } .sample { background-color: rgb( 238, 246, 255 ); border: 1px dashed rgb( 48, 166, 196 ); box-shadow: 0px 0px 6px rgba( 238, 203, 171, 0.25 ); border-radius: 12px; padding: 8px; text-align: left; margin-left: 15%; margin-right: 15%; font-size: 14px; line-height: 36px; } .distancetbl { border-top: 1px solid rgb( 230, 230, 230 ); border-left: 1px solid rgb( 230, 230, 230 ); } .distancetbl td { padding: 6px; font-size: 13px; vertical-align: top; border-right: 1px solid rgb( 230, 230, 230 ); border-bottom: 1px solid rgb( 230, 230, 230 ); } .key { font-weight: bolder; color: rgb( 51, 102, 204 ); } .mrk { color: RGB( 40, 184, 40 ); } .txt { color: rgb( 0, 184, 0 ); } .com { color: rgb(160,168,171); } .chr { color: RGB( 153, 153, 204 ); } .nbr { color: RGB( 175, 91, 137 ); } .ifo { border-bottom: 1px dashed rgb( 204, 51, 51 ); } .ind { margin-left: 8%; font-size: 14px; line-height: 32px; padding-top: 6px; padding-left: 12px; border.radius: 6px; border-top: 1px solid rgb( 222, 224, 228 ); border-left: 1px solid rgb( 222, 224, 228 ); } .ind:hover { background-color: rgb(251,251,255); border-top: 1px solid rgb( 212, 214, 218 ); border-left: 1px solid rgb( 212, 214, 218 ); box-shadow: 4px 4px 4px rgba( 200, 200, 200, 0.25 ); } .inu { margin-left: 8%; font-size: 14px; line-height: 36px; margin-top: 20px; border-top: 1px solid rgb(200,200,200); } @media ( min-width: 540px ) { .oview { margin: 0; padding: 0; margin-left: auto; margin-right: auto; width: 100%; } } @media ( max-width: 539px ) { .oview { margin: 0; padding: 0; margin-left: auto; margin-right: auto; width: 80%; } } .oview td { padding: 8; font-size: 14px; line-height: 36px; vertical-align: top; } .oview .row1 { background-color: #FFFFFF; } .oview .row2 { background-color: rgb( 248, 248, 248 ); border-top: 1px dashed rgb( 180, 180, 186 ); border-bottom: 1px dashed rgb( 180, 180, 186 ); } .oview th { padding: 8px; font-size: 14px; font-weight: bolder; line-height: 36px; text-align: left; border-bottom: 1px solid rgb(200,200,200); } @media ( min-width: 540px ) { .oview th, .oview td { max-width: auto; } } @media ( max-width: 539px ) { .oview th, .oview td { max-width: 200px; overflow: auto; } } .rangetbl { margin-left: auto; margin-right: auto; } .rangetbl td { margin: 0px; padding: 0px; vertical-align: top; } .rangetbl td img { padding-left: 20px; padding-right: 20px; } .search { padding: 6px; font-size: 16px; padding-right: 40px; border-radius: 10px; border: 1px solid rgb(200,200,200); font-family: 'Anonymous Pro', monospace; background: url(imgs/search.png) no-repeat 99% center; } .search:hover, .search:focus, .search:active { border: 1px solid rgb(8, 146, 176); background: url(imgs/search.png) no-repeat 99% center rgb(248,248,248); } @media ( min-width: 650px ) { .boxDlg { position: fixed; margin-top: 160px; min-width: 270px; left: 0px; width: 100%; z-index: 100000; } .boxDlg .inner { margin-left: 32%; margin-right: 32%; background-color: rgba(255,255,255,0.96); border-radius: 5px; box-shadow: 4px 4px 4px rgba(200,200,200,0.25); border: 1px solid rgb( 203, 225, 224 ); } } @media ( max-width: 649px ) { .boxDlg { min-width: 270px; position: fixed; margin-top: 0px; left: 0px; width: 100%; z-index: 100000; } } @media ( max-width: 340px ) { .boxDlg .inner { margin-left: 10%; margin-right: 10%; background-color: rgba(255,255,255,0.96); border-radius: 5px; box-shadow: 4px 4px 4px rgba(200,200,200,0.25); border: 1px solid rgb( 203, 225, 224 ); } } @media ( min-width: 341px ) and ( max-width: 649px ) { .boxDlg .inner { margin-left: 22%; margin-right: 22%; background-color: rgba(255,255,255,0.96); border-radius: 5px; box-shadow: 4px 4px 4px rgba(200,200,200,0.25); border: 1px solid rgb( 203, 225, 224 ); } } .boxDlg .inner .title { background-color: rgba( 203, 225, 224, 0.30 ); border-top-left-radius: 5px; border-top-right-radius: 5px; text-align: center; padding: 3px; } .boxDlg .inner .title td { padding: 3px; font-weight: bold; } .boxDlg .inner .inside { padding: 4px; } input[type="text"], input[type="password"], input[type="readonly"], textarea, select, .ifoblock { padding: 4px; font-size: 13px; box-shadow: inset 4px 4px 4px rgba(200,200,200,0.2); border: 1px solid rgb( 163, 185, 194 ); border-radius: 5px; text-align: left; width: 90%; } input[type="text"]:active, input[type="text"]:hover, input[type="password"]:active, input[type="password"]:hover, input[type="readonly"]:active, input[type="readonly"]:hover, textarea:active, textarea:hover, select:active, select:hover, .ifoblock:active, .ifoblock:hover { background-color: rgb( 243, 255, 254 ); } input[type="button"], input[type="submit"] { text-align: center; padding: 8px; padding-left: 20px; padding-right: 20px; opacity: 0.94; cursor: pointer; font-size: 14px; border-radius: 5px; color: #FFFFFF; text-shadow: 2px 3px 3px rgba( 90, 102, 154, 0.75 ); /*background-color: rgb(245,245,245);*/ background: url(imgs/btnTurkis.png) repeat-x center center; border: none; /*border: 3px solid rgb(238,238,245);*/ -webkit-transform:scale(0.94); /*Webkit: Scale down image to 0.6x original size*/ -moz-transform:scale(0.94); /*Mozilla scale version*/ -o-transform:scale(0.94); /*Opera scale version*/ -webkit-transition-duration: 0.5s; /*Webkit: Animation duration*/ -moz-transition-duration: 0.5s; /*Mozilla duration version*/ -o-transition-duration: 0.5s; /*Opera duration version*/ } input[type="button"]:active, input[type="button"]:hover, input[type="submit"]:active, input[type="submit"]:hover { /*background-color: rgb( 255, 0, 153 );*/ /*rgb( 238, 246, 255 );*/ /*border: 3px solid rgb( 188, 206, 225 );*/ background: url(imgs/btnTurkis.png) repeat-x center bottom; -webkit-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1); /* older webkit */ -webkit-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275); -moz-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275); -o-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275); transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275); /* easeOutBack */ -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); /* older webkit */ -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.275); -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.275); -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.275); transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.275); /* easeOutBack */ opacity: 1.0; -webkit-transform:scale(1.0); /*Webkit: Scale up image to most of the original size*/ -moz-transform:scale(1.0); /*Mozilla scale version*/ -o-transform:scale(1.0); /*Opera scale version*/ } .boxDlg input[type="text"], .boxDlg input[type="password"], .boxDlg input[type="readonly"], .boxDlg textarea, .boxDlg select { margin: 5px; padding: 4px; font-size: 13px; box-shadow: inset 4px 4px 4px rgba(200,200,200,0.2); border: 1px solid rgb( 163, 185, 194 ); border-radius: 5px; text-align: left; width: 92%; } .newblock { border-bottom: 1px solid rgb(230,230,245); margin-bottom: 40px; } .headline { border-bottom: 1px solid rgb(230,230,245); margin-bottom: 20px; font-weight: bold; } .subline { padding-left: 4%; padding-right: 4%; max-height: 300px; overflow: auto; margin-bottom: 20px; text-align: left; } .subline2 { padding-left: 4%; padding-right: 4%; margin-bottom: 20px; text-align: left; } .subline3 { text-align: left; } .sublinkbox { margin-right: -4%; box-shadow: inset 4px 4px 4px rgba(200,200,200,0.15); border-top: 1px solid rgb(230,230,245); border-left: 1px solid rgb(230,230,245); border-bottom: 1px solid rgb(230,230,245); border-right: 6px solid rgb(220,222,243); padding-top: 7px; padding-bottom: 7px; padding-left: 15px; padding-right: 15px; display: inline; font-size: 13px; } .sublinkbox2 { box-shadow: inset 4px 4px 4px rgba(200,200,200,0.15); border-top: 1px solid rgb(230,230,245); border-left: 1px solid rgb(230,230,245); border-right: 6px solid rgb(220,222,243); padding-top: 7px; padding-bottom: 7px; padding-left: 15px; padding-right: 15px; font-size: 13px; } .subline .tab1, .subline2 .tab1, .subline3 .tab1 { box-shadow: inset 4px 4px 4px rgba(200,200,200,0.15); border-top: 1px solid rgb(230,230,245); border-left: 1px solid rgb(230,230,245); border-right: 6px solid rgb(220,222,243); background-color: rgb( 243, 255, 255 ); padding-top: 7px; padding-bottom: 7px; padding-left: 15px; padding-right: 15px; font-size: 13px; } .subline .tab2, .subline2 .tab2, .subline3 .tab2 { box-shadow: inset 4px 4px 4px rgba(200,200,200,0.15); border-top: 1px solid rgb(230,230,245); border-left: 1px solid rgb(230,230,245); border-right: 6px solid rgb(220,222,243); background-color: rgb( 247, 231, 255 ); padding-top: 7px; padding-bottom: 7px; padding-left: 15px; padding-right: 15px; font-size: 13px; } .subline .tab3, .subline2 .tab3, .subline3 .tab3 { box-shadow: inset 4px 4px 4px rgba(200,200,200,0.15); border-top: 1px solid rgb(230,230,245); border-left: 1px solid rgb(230,230,245); border-right: 6px solid rgb(220,222,243); background-color: rgb( 248, 255, 254 ); padding-top: 7px; padding-bottom: 7px; padding-left: 15px; padding-right: 15px; font-size: 13px; } .subline .tab4, .subline2 .tab4, .subline3 .tab4 { box-shadow: inset 4px 4px 4px rgba(200,200,200,0.15); border-top: 1px solid rgb(230,230,245); border-left: 1px solid rgb(230,230,245); border-right: 6px solid rgb(220,222,243); background-color: rgb( 253, 251, 256 ); padding-top: 7px; padding-bottom: 7px; padding-left: 15px; padding-right: 15px; font-size: 13px; } .notb, .notb tr, .notb tr th, .notb tr td { padding: 0; margin: 0; border: none; font-size: 13px; } .bred { margin-left: 20px; border-radius: 60px; padding: 3px; background-color: rgb( 255, 0, 51 ); box-shadow: inset 4px 4px 4px rgba(204, 0, 153,0.25); } .bgreen { margin-left: 20px; border-radius: 60px; padding: 3px; background-color: rgb( 102, 204, 153 ); box-shadow: inset 4px 4px 4px rgba(51, 204, 204,0.25); } .bblue { margin-left: 20px; border-radius: 60px; padding: 3px; padding-left: 9px; padding-right: 9px; color: rgb( 255, 255, 255 ); background-color: rgb( 0, 153, 204 ); box-shadow: inset 4px 4px 4px rgba(51, 204, 204,0.25); } .row1 { background-color: rgb( 255, 255, 255 ); } .row2 { background-color: rgb( 245, 245, 245 ); } @media ( min-width: 540px ) { .row1, .row1 { max-width: auto; } } @media ( max-width: 539px ) { .row1, .row1 { max-width: 200px; overflow: auto; } } .row1 td, .row2 td { padding: 4px; text-align: left; font-size: 12px; vertical-align: top; } .viewtbl { border : none; width: 100%; } .viewtbl td, .viewtbl th { padding: 5px; vertical-align: top; font-size: 12px; } .viewtbl2 { border : none; width: 100%; line-height: 32px; font-family: 'Anonymous Pro', monospace; } .viewtbl2 td, .viewtbl2 th { line-height: 32px; font-family: 'Anonymous Pro', monospace; padding: 5px; vertical-align: top; font-size: 12px; } .topical { font-weight: bold; font-size: 20px; border-bottom: 1px solid rgb( 8, 146, 176 ); }