.codes{
	position:relative;
	z-index:1;
	margin:0px auto;
	background:transparent none 50% 50% repeat scroll;
	color:#000000;
	text-align:left;
	word-wrap: break-word;  
    word-break: normal;
	font:12px/1.5 tahoma,arial,\5b8b\4f53;
	font-family:Microsoft Yahei;
}
.codes a{
	color:#000000;
}
.codes a:hover{
	text-decoration:none;
	cursor:pointer;
}
.codes button:hover{
	cursor:pointer;
}


.codes .func{
	position:absolute;
	display:block;
	z-index:1;
}
.codes .func-anchor{
	z-index:0;
}
.codes .func-popup{
	z-index:99;
}
.codes .blk{
	display:block;
}
.codes .nwh{
	position:relative;
	width:0;
	height:0;
	line-height:0;
	font-size:0;
	overflow:hidden;
}
.codes .bgc{
	background:center center no-repeat;
}

.codes .btn{
	cursor:pointer;
}

.codes .rel{
	position:relative;
}

.codes .abs{
	position:absolute;
}

.codes .hide{
	display:none;
}
.codes .hovershow{
	display:none;
}
.codes .func:hover .hovershow{
	display:block;
}

.codes .lt-box .lt-opc-10,.codes .lt-box .lt-opc-20,.codes .lt-box .lt-opc-30,.codes .lt-box .lt-opc-50,.codes .lt-box .lt-opc-60,.codes .lt-box .lt-opc-70,.codes .lt-box .lt-opc-80,.codes .lt-box .lt-opc-100{
	-webkit-transition:all .3s ease-in;
	transition:all .3s ease-in;
}
.codes .lt-box:hover .lt-opc-10{
	opacity:.1;filter:alpha(opacity=10);
}
.codes .lt-box:hover .lt-opc-20{
	opacity:.2;filter:alpha(opacity=20);
}
.codes .lt-box:hover .lt-opc-30{
	opacity:.3;filter:alpha(opacity=30);
}
.codes .lt-box:hover .lt-opc-50{
	opacity:.5;filter:alpha(opacity=50);
}
.codes .lt-box:hover .lt-opc-60{
	opacity:.6;filter:alpha(opacity=60);
}
.codes .lt-box:hover .lt-opc-70{
	opacity:.7;filter:alpha(opacity=70);
}
.codes .lt-box:hover .lt-opc-80{
	opacity:.8;filter:alpha(opacity=80);
}
.codes .lt-box:hover .lt-opc-100,.codes .lt-box:hover .lt-opc-10:hover,.codes .lt-box:hover .lt-opc-20:hover,.codes .lt-box:hover .lt-opc-30:hover,.codes .lt-box:hover .lt-opc-50:hover,.codes .lt-box:hover .lt-opc-60:hover,.codes .lt-box:hover .lt-opc-70:hover,.codes .lt-box:hover .lt-opc-80:hover{
	opacity:1;filter:alpha(opacity=100);
}

.codes .brd-t,.codes .brd-r,.codes .brd-b,.codes .brd-l {
    position: absolute;
    border-width: 0;
    width: 0;
    height: 0;
	font-size:0;
	line-height:0;
    -webkit-transition-timing-function:ease;
	-moz-transition-timing-function:ease;
	-o-transition-timing-function:ease;
	transition-timing-function:ease;
	-webkit-transition-duration:0.3s;
	-moz-transition-duration:0.3s;
	-o-transition-duration:0.3s;
	transition-duration:0.3s;
	z-index:3;
}

.codes .brd-t{left:0;top:0;width:100%}
.codes .brd-r{right:0;top:0;height:100%}
.codes .brd-b{left:0;bottom:0;width:100%}
.codes .brd-l{left:0;top:0;height:100%}
.codes .brd-0 .brd-b,.codes .brd-0 .brd-l,.codes .brd-0 .brd-r,.codes .brd-0 .brd-t{display:none}
.codes .brd-1 .brd-b,.codes .brd-1 .brd-l,.codes .brd-1 .brd-r,.codes .brd-1 .brd-t{display:none}
.codes .brd-1:hover .brd-b,.codes .brd-1:hover .brd-l,.codes .brd-1:hover .brd-r,.codes .brd-1:hover .brd-t{display:block}
.codes .brd-2 .brd-b,.codes .brd-2 .brd-l,.codes .brd-2 .brd-r,.codes .brd-2 .brd-t{opacity:0;filter:alpha(opacity=0)}
.codes .brd-2:hover .brd-b,.codes .brd-2:hover .brd-l,.codes .brd-2:hover .brd-r,.codes .brd-2:hover .brd-t{opacity:1;filter:alpha(opacity=100)}
.codes .brd-3 .brd-t{width:0}
.codes .brd-3 .brd-l{height:0}
.codes .brd-3 .brd-r{height:0;top:auto;bottom:0}
.codes .brd-3 .brd-b{left:auto;right:0;width:0}
.codes .brd-4 .brd-t{left:auto;right:0;width:0}
.codes .brd-4 .brd-l{height:0;top:auto;bottom:0}
.codes .brd-4 .brd-r{height:0}
.codes .brd-4 .brd-b{width:0}
.codes .brd-5 .brd-t{width:0}
.codes .brd-5 .brd-r{height:0}
.codes .brd-5 .brd-b{width:0;left:auto;right:0}
.codes .brd-5 .brd-l{height:0;top:auto;bottom:0}
.codes .brd-6 .brd-t{width:0;left:auto;right:0}
.codes .brd-6 .brd-r{height:0;top:auto;bottom:0}
.codes .brd-6 .brd-b{width:0}
.codes .brd-6 .brd-l{height:0}
.codes .brd-7 .brd-t{width:0}
.codes .brd-7 .brd-r{height:0}
.codes .brd-7 .brd-b{width:0;left:auto;right:0}
.codes .brd-7 .brd-l{height:0;top:auto;bottom:0}
.codes .brd-8 .brd-t{width:0;left:auto;right:0}
.codes .brd-8 .brd-r{height:0;top:auto;bottom:0}
.codes .brd-8 .brd-b{width:0}
.codes .brd-8 .brd-l{height:0}
.codes .brd-9 .brd-b,.codes .brd-9 .brd-t{width:0;left:50%}
.codes .brd-9 .brd-l,.codes .brd-9 .brd-r{height:0;top:50%}
.codes .brd-9:hover .brd-b,.codes .brd-9:hover .brd-t{left:0}
.codes .brd-9:hover .brd-l,.codes .brd-9:hover .brd-r{top:0}
.codes .brd-10 .brd-t{width:0;left:50%;top:50%}
.codes .brd-10 .brd-r{height:0;top:50%;right:50%}
.codes .brd-10 .brd-b{width:0;left:50%;bottom:50%}
.codes .brd-10 .brd-l{height:0;left:50%;top:50%}
.codes .brd-10:hover .brd-t{left:0;top:0}
.codes .brd-10:hover .brd-r{right:0;top:0}
.codes .brd-10:hover .brd-b{left:0;bottom:0}
.codes .brd-10:hover .brd-l{left:0;top:0}
.codes .brd-11 .brd-t{width:0}
.codes .brd-11 .brd-r{height:0;right:100%}
.codes .brd-11 .brd-b{width:0;bottom:100%}
.codes .brd-11 .brd-l{height:0}
.codes .brd-11:hover .brd-r{right:0}
.codes .brd-11:hover .brd-b{bottom:0}
.codes .brd-12 .brd-t{width:0;left:100%}
.codes .brd-12 .brd-r{height:0}
.codes .brd-12 .brd-b{width:0;left:100%;bottom:100%}
.codes .brd-12 .brd-l{height:0;left:100%}
.codes .brd-12:hover .brd-t{left:0}
.codes .brd-12:hover .brd-b{bottom:0;left:0}
.codes .brd-12:hover .brd-l{left:0}
.codes .brd-13 .brd-t{width:0;top:100%}
.codes .brd-13 .brd-r{height:0;top:100%;right:100%}
.codes .brd-13 .brd-b{width:0}
.codes .brd-13 .brd-l{height:0;top:100%}
.codes .brd-13:hover .brd-t{top:0}
.codes .brd-13:hover .brd-r{top:0;right:0}
.codes .brd-13:hover .brd-l{top:0}
.codes .brd-14 .brd-t{width:0;left:100%;top:100%}
.codes .brd-14 .brd-r{height:0;top:100%}
.codes .brd-14 .brd-b{width:0;left:100%}
.codes .brd-14 .brd-l{height:0;left:100%;top:100%}
.codes .brd-14:hover .brd-t{left:0;top:0}
.codes .brd-14:hover .brd-r{top:0}
.codes .brd-14:hover .brd-b{left:0}
.codes .brd-14:hover .brd-l{left:0;top:0}
.codes .brd-15 .brd-t{width:0}
.codes .brd-15 .brd-r{right:100%}
.codes .brd-15 .brd-b{width:0}
.codes .brd-15:hover .brd-r{right:0}
.codes .brd-16 .brd-t{width:0;left:100%}
.codes .brd-16 .brd-b{width:0;left:100%}
.codes .brd-16 .brd-l{left:100%}
.codes .brd-16:hover .brd-t{left:0}
.codes .brd-16:hover .brd-b{left:0}
.codes .brd-16:hover .brd-l{left:0}
.codes .brd-17 .brd-l{height:0}
.codes .brd-17 .brd-r{height:0}
.codes .brd-17 .brd-b{bottom:100%}
.codes .brd-17:hover .brd-b{bottom:0}
.codes .brd-18 .brd-l{height:0;top:100%}
.codes .brd-18 .brd-r{height:0;top:100%}
.codes .brd-18 .brd-t{top:100%}
.codes .brd-18:hover .brd-l{top:0}
.codes .brd-18:hover .brd-r{top:0}
.codes .brd-18:hover .brd-t{top:0}
.codes .brd-19 .brd-t{top:100%}
.codes .brd-19 .brd-r{right:100%}
.codes .brd-19 .brd-b{bottom:100%}
.codes .brd-19 .brd-l{left:100%}
.codes .brd-19:hover .brd-t{top:0}
.codes .brd-19:hover .brd-r{right:0}
.codes .brd-19:hover .brd-b{bottom:0}
.codes .brd-19:hover .brd-l{left:0}
.codes .brd-15 .brd-b,.codes .brd-15 .brd-l,.codes .brd-15 .brd-r,.codes .brd-15 .brd-t,.codes .brd-16 .brd-b,.codes .brd-16 .brd-l,.codes .brd-16 .brd-r,.codes .brd-16 .brd-t,.codes .brd-17 .brd-b,.codes .brd-17 .brd-l,.codes .brd-17 .brd-r,.codes .brd-17 .brd-t,.codes .brd-18 .brd-b,.codes .brd-18 .brd-l,.codes .brd-18 .brd-r,.codes .brd-18 .brd-t,.codes .brd-19 .brd-b,.codes .brd-19 .brd-l,.codes .brd-19 .brd-r,.codes .brd-19 .brd-t{opacity:0;filter:alpha(opacity=0)}
.codes .brd-15:hover .brd-b,.codes .brd-15:hover .brd-l,.codes .brd-15:hover .brd-r,.codes .brd-15:hover .brd-t,.codes .brd-16:hover .brd-b,.codes .brd-16:hover .brd-l,.codes .brd-16:hover .brd-r,.codes .brd-16:hover .brd-t,.codes .brd-17:hover .brd-b,.codes .brd-17:hover .brd-l,.codes .brd-17:hover .brd-r,.codes .brd-17:hover .brd-t,.codes .brd-18:hover .brd-b,.codes .brd-18:hover .brd-l,.codes .brd-18:hover .brd-r,.codes .brd-18:hover .brd-t,.codes .brd-19:hover .brd-b,.codes .brd-19:hover .brd-l,.codes .brd-19:hover .brd-r,.codes .brd-19:hover .brd-t{opacity:1;filter:alpha(opacity=100)}
.codes .brd-10:hover .brd-b,.codes .brd-10:hover .brd-t,.codes .brd-11:hover .brd-b,.codes .brd-11:hover .brd-t,.codes .brd-12:hover .brd-b,.codes .brd-12:hover .brd-t,.codes .brd-13:hover .brd-b,.codes .brd-13:hover .brd-t,.codes .brd-14:hover .brd-b,.codes .brd-14:hover .brd-t,.codes .brd-15:hover .brd-b,.codes .brd-15:hover .brd-t,.codes .brd-16:hover .brd-b,.codes .brd-16:hover .brd-t,.codes .brd-3:hover .brd-b,.codes .brd-3:hover .brd-t,.codes .brd-4:hover .brd-b,.codes .brd-4:hover .brd-t,.codes .brd-5:hover .brd-b,.codes .brd-5:hover .brd-t,.codes .brd-6:hover .brd-b,.codes .brd-6:hover .brd-t,.codes .brd-7:hover .brd-b,.codes .brd-7:hover .brd-t,.codes .brd-8:hover .brd-b,.codes .brd-8:hover .brd-t,.codes .brd-9:hover .brd-b,.codes .brd-9:hover .brd-t{width:100%}
.codes .brd-10:hover .brd-l,.codes .brd-10:hover .brd-r,.codes .brd-11:hover .brd-l,.codes .brd-11:hover .brd-r,.codes .brd-12:hover .brd-l,.codes .brd-12:hover .brd-r,.codes .brd-13:hover .brd-l,.codes .brd-13:hover .brd-r,.codes .brd-14:hover .brd-l,.codes .brd-14:hover .brd-r,.codes .brd-17:hover .brd-l,.codes .brd-17:hover .brd-r,.codes .brd-18:hover .brd-l,.codes .brd-18:hover .brd-r,.codes .brd-3:hover .brd-l,.codes .brd-3:hover .brd-r,.codes .brd-4:hover .brd-l,.codes .brd-4:hover .brd-r,.codes .brd-5:hover .brd-l,.codes .brd-5:hover .brd-r,.codes .brd-6:hover .brd-l,.codes .brd-6:hover .brd-r,.codes .brd-7:hover .brd-l,.codes .brd-7:hover .brd-r,.codes .brd-8:hover .brd-l,.codes .brd-8:hover .brd-r,.codes .brd-9:hover .brd-l,.codes .brd-9:hover .brd-r{height:100%}
.codes .shw{position:absolute;left:0;top:0;width:100%;height:100%;line-height:0;z-index:0;-webkit-transition-duration:.3s;-moz-transition-duration:.3s;-o-transition-duration:.3s;transition-duration:.3s}
.codes .shw-2-br,.codes .shw-2-rb,.codes .shw-2-rt,.codes .shw-2-tr{left:auto}
.codes .shw-2-bl,.codes .shw-2-br,.codes .shw-2-lb,.codes .shw-2-rb{top:auto}
.codes .shw-2-1 .shw-2-tl{width:50%;height:10px;left:6px;top:15px;transform:rotate(3deg)}
.codes .shw-2-1 .shw-2-tr{width:50%;height:10px;right:6px;top:15px;transform:rotate(-3deg)}
.codes .shw-2-1 .shw-2-bl{width:50%;height:10px;left:6px;bottom:15px;transform:rotate(-3deg)}
.codes .shw-2-1 .shw-2-br{width:50%;height:10px;right:6px;bottom:15px;transform:rotate(3deg)}
.codes .shw-2-1 .shw-2-lt{width:10px;height:50%;left:15px;top:6px;transform:rotate(-3deg)}
.codes .shw-2-1 .shw-2-lb{width:10px;height:50%;left:15px;bottom:6px;transform:rotate(3deg)}
.codes .shw-2-1 .shw-2-rt{width:10px;height:50%;right:15px;top:6px;transform:rotate(3deg)}
.codes .shw-2-1 .shw-2-rb{width:10px;height:50%;right:15px;bottom:6px;transform:rotate(-3deg)}
.codes .shw-2-2 .shw-2-tl{width:70%;height:10px;left:25px;top:17px;transform:skewX(20deg) rotate(3deg)}
.codes .shw-2-2 .shw-2-tr{width:70%;height:10px;right:25px;top:17px;transform:skewX(-20deg) rotate(-3deg)}
.codes .shw-2-2 .shw-2-bl{width:70%;height:10px;left:25px;bottom:17px;transform:skewX(-20deg) rotate(-3deg)}
.codes .shw-2-2 .shw-2-br{width:70%;height:10px;right:25px;bottom:17px;transform:skewX(20deg) rotate(3deg)}
.codes .shw-2-2 .shw-2-lt{width:10px;height:70%;left:17px;top:10px;transform:skewY(-20deg) rotate(-3deg)}
.codes .shw-2-2 .shw-2-lb{width:10px;height:70%;left:17px;bottom:10px;transform:skewY(20deg) rotate(3deg)}
.codes .shw-2-2 .shw-2-rt{width:10px;height:70%;right:17px;top:10px;transform:skewY(20deg) rotate(3deg)}
.codes .shw-2-2 .shw-2-rb{width:10px;height:70%;right:17px;bottom:10px;transform:skewY(-20deg) rotate(-3deg)}
.codes .shw-2-3 .shw-2-tl{width:70%;height:10px;left:40px;top:20px;transform:skewX(40deg) rotate(4deg)}
.codes .shw-2-3 .shw-2-tr{width:70%;height:10px;right:40px;top:20px;transform:skewX(-40deg) rotate(-4deg)}
.codes .shw-2-3 .shw-2-bl{width:70%;height:10px;left:40px;bottom:20px;transform:skewX(-40deg) rotate(-4deg)}
.codes .shw-2-3 .shw-2-br{width:70%;height:10px;right:40px;bottom:20px;transform:skewX(40deg) rotate(4deg)}
.codes .shw-2-3 .shw-2-lt{width:10px;height:70%;left:20px;top:-5px;transform:skewY(-40deg) rotate(-4deg)}
.codes .shw-2-3 .shw-2-lb{width:10px;height:70%;left:20px;bottom:-5px;transform:skewY(40deg) rotate(4deg)}
.codes .shw-2-3 .shw-2-rt{width:10px;height:70%;right:20px;top:-5px;transform:skewY(40deg) rotate(4deg)}
.codes .shw-2-3 .shw-2-rb{width:10px;height:70%;right:20px;bottom:-5px;transform:skewY(-40deg) rotate(-4deg)}
.codes .shw-3-t{height:10px;border-radius:50%}
.codes .shw-3-b{top:auto;bottom:0;height:10px;border-radius:50%}
.codes .shw-3-l{width:10px;border-radius:50%}
.codes .shw-3-r{left:auto;right:0;width:10px;border-radius:50%}


.codes .pnl{position:relative;width:100%;height:100%;-webkit-transition-timing-function:ease;-moz-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-duration:.3s;-moz-transition-duration:.3s;-o-transition-duration:.3s;transition-duration:.3s;}
.codes .hvc{position:relative;overflow:hidden;display:block;-webkit-transition-timing-function:ease;-moz-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-duration:.3s;-moz-transition-duration:.3s;-o-transition-duration:.3s;transition-duration:.3s;z-index:1}
.codes .hvc-href{position:absolute;display:block;left:0;top:0;width:100%;height:100%;z-index:0}
.codes .hvc-part{position:absolute;overflow:hidden;z-index:1;-webkit-transition-timing-function:ease;-moz-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-duration:.3s;-moz-transition-duration:.3s;-o-transition-duration:.3s;transition-duration:.3s;}
.codes .hvc-off,.codes .hvc-on{position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transition-timing-function:ease;-moz-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-duration:.3s;-moz-transition-duration:.3s;-o-transition-duration:.3s;transition-duration:.3s;z-index:1}
.codes .hvc-0 .hvc-on,.codes .hvc-0:hover .hvc-off{display:block}
.codes .hvc-0 .hvc-off,.codes .hvc-0:hover .hvc-on{display:none}
.codes .hvc-1 .hvc-off{left:-100%}
.codes .hvc-1:hover .hvc-off{left:0}
.codes .hvc-2 .hvc-off{left:100%}
.codes .hvc-2:hover .hvc-off{left:0}
.codes .hvc-3 .hvc-off{top:-100%}
.codes .hvc-3:hover .hvc-off{top:0}
.codes .hvc-4 .hvc-off{top:100%}
.codes .hvc-4:hover .hvc-off{top:0}
.codes .hvc-5 .hvc-off{left:-100%;top:-100%}
.codes .hvc-5:hover .hvc-off{left:0;top:0}
.codes .hvc-6 .hvc-off{left:100%;top:-100%}
.codes .hvc-6:hover .hvc-off{left:0;top:0}
.codes .hvc-7 .hvc-off{left:-100%;top:100%}
.codes .hvc-7:hover .hvc-off{left:0;top:0}
.codes .hvc-8 .hvc-off{left:100%;top:100%}
.codes .hvc-8:hover .hvc-off{left:0;top:0}
.codes .hvc-9 .hvc-on{z-index:2}
.codes .hvc-9:hover .hvc-on{left:-100%}
.codes .hvc-10 .hvc-on{z-index:2}
.codes .hvc-10:hover .hvc-on{left:100%}
.codes .hvc-11 .hvc-on{z-index:2}
.codes .hvc-11:hover .hvc-on{top:-100%}
.codes .hvc-12 .hvc-on{z-index:2}
.codes .hvc-12:hover .hvc-on{top:100%}
.codes .hvc-13 .hvc-on{z-index:2}
.codes .hvc-13:hover .hvc-on{left:-100%;top:-100%}
.codes .hvc-14 .hvc-on{z-index:2}
.codes .hvc-14:hover .hvc-on{left:100%;top:-100%}
.codes .hvc-15 .hvc-on{z-index:2}
.codes .hvc-15:hover .hvc-on{left:-100%;top:100%}
.codes .hvc-16 .hvc-on{z-index:2}
.codes .hvc-16:hover .hvc-on{left:100%;top:100%}
.codes .hvc-17 .hvc-on,.codes .hvc-17:hover .hvc-off{left:0}
.codes .hvc-17:hover .hvc-on{left:100%}
.codes .hvc-17 .hvc-off{left:-100%}
.codes .hvc-18 .hvc-on,.codes .hvc-18:hover .hvc-off{left:0}
.codes .hvc-18:hover .hvc-on{left:-100%}
.codes .hvc-18 .hvc-off{left:100%}
.codes .hvc-19 .hvc-on,.codes .hvc-19:hover .hvc-off{top:0}
.codes .hvc-19:hover .hvc-on{top:100%}
.codes .hvc-19 .hvc-off{top:-100%}
.codes .hvc-20 .hvc-on,.codes .hvc-20:hover .hvc-off{top:0}
.codes .hvc-20:hover .hvc-on{top:-100%}
.codes .hvc-20 .hvc-off{top:100%}
.codes .hvc-21 .hvc-off{transform:scale(0);opacity:0;filter:alpha(opacity=0)}
.codes .hvc-21:hover .hvc-off{transform:scale(1);opacity:1;filter:alpha(opacity=100)}
.codes .hvc-22 .hvc-on{z-index:2;transform:scale(1);opacity:1;filter:alpha(opacity=100)}
.codes .hvc-22:hover .hvc-on{transform:scale(1.5);opacity:0;filter:alpha(opacity=0)}
.codes .hvc-23 .hvc-off{transform:scale(1.5);opacity:0;filter:alpha(opacity=0)}
.codes .hvc-23:hover .hvc-off{transform:scale(1);opacity:1;filter:alpha(opacity=100)}
.codes .hvc-24 .hvc-on{z-index:2;transform:scale(1);opacity:1;filter:alpha(opacity=100)}
.codes .hvc-24:hover .hvc-on{transform:scale(0);opacity:0;filter:alpha(opacity=0)}
.codes .hvc-25 .hvc-on,.codes .hvc-25:hover .hvc-off{transform:scale(1);opacity:1;filter:alpha(opacity=100)}
.codes .hvc-25 .hvc-off,.codes .hvc-25:hover .hvc-on{transform:scale(-1,1);opacity:0;filter:alpha(opacity=0)}
.codes .hvc-26 .hvc-on,.codes .hvc-26:hover .hvc-off{transform:scale(1);opacity:1;filter:alpha(opacity=100)}
.codes .hvc-26 .hvc-off,.codes .hvc-26:hover .hvc-on{transform:scale(1,-1);opacity:0;filter:alpha(opacity=0)}
.codes .hvc-27 .hvc-off{transform:rotate(720deg) scale(0)}
.codes .hvc-27:hover .hvc-off{transform:rotate(0deg) scale(1)}
.codes .hvc-28 .hvc-on{z-index:2;transform:rotate(0deg) scale(1)}
.codes .hvc-28:hover .hvc-on{transform:rotate(720deg) scale(0)}
.codes .hvc-29 .hvc-off{transform:rotate(720deg);opacity:0;filter:alpha(opacity=0)}
.codes .hvc-29:hover .hvc-off{transform:rotate(0deg);opacity:1;filter:alpha(opacity=100)}
.codes .hvc-30 .hvc-on{z-index:2;transform:rotate(0deg);opacity:1;filter:alpha(opacity=100)}
.codes .hvc-30:hover .hvc-on{transform:rotate(720deg);opacity:0;filter:alpha(opacity=0)}
.codes .hvc-31 .hvc-on,.codes .hvc-31:hover .hvc-off{opacity:1;filter:alpha(opacity=100)}
.codes .hvc-31 .hvc-off,.codes .hvc-31:hover .hvc-on{opacity:0;filter:alpha(opacity=0)}


.codes .opc-0{opacity:0;filter:alpha(opacity=0)}.codes .opc-1{opacity:.01;filter:alpha(opacity=1)}.codes .opc-2{opacity:.02;filter:alpha(opacity=2)}.codes .opc-3{opacity:.03;filter:alpha(opacity=3)}.codes .opc-4{opacity:.04;filter:alpha(opacity=4)}.codes .opc-5{opacity:.05;filter:alpha(opacity=5)}.codes .opc-6{opacity:.06;filter:alpha(opacity=6)}.codes .opc-7{opacity:.07;filter:alpha(opacity=7)}.codes .opc-8{opacity:.08;filter:alpha(opacity=8)}.codes .opc-9{opacity:.09;filter:alpha(opacity=9)}.codes .opc-10{opacity:.1;filter:alpha(opacity=10)}.codes .opc-11{opacity:.11;filter:alpha(opacity=11)}.codes .opc-12{opacity:.12;filter:alpha(opacity=12)}.codes .opc-13{opacity:.13;filter:alpha(opacity=13)}.codes .opc-14{opacity:.14;filter:alpha(opacity=14)}.codes .opc-15{opacity:.15;filter:alpha(opacity=15)}.codes .opc-16{opacity:.16;filter:alpha(opacity=16)}.codes .opc-17{opacity:.17;filter:alpha(opacity=17)}.codes .opc-18{opacity:.18;filter:alpha(opacity=18)}.codes .opc-19{opacity:.19;filter:alpha(opacity=19)}.codes .opc-20{opacity:.2;filter:alpha(opacity=20)}.codes .opc-21{opacity:.21;filter:alpha(opacity=21)}.codes .opc-22{opacity:.22;filter:alpha(opacity=22)}.codes .opc-23{opacity:.23;filter:alpha(opacity=23)}.codes .opc-24{opacity:.24;filter:alpha(opacity=24)}.codes .opc-25{opacity:.25;filter:alpha(opacity=25)}.codes .opc-26{opacity:.26;filter:alpha(opacity=26)}.codes .opc-27{opacity:.27;filter:alpha(opacity=27)}.codes .opc-28{opacity:.28;filter:alpha(opacity=28)}.codes .opc-29{opacity:.29;filter:alpha(opacity=29)}.codes .opc-30{opacity:.3;filter:alpha(opacity=30)}.codes .opc-31{opacity:.31;filter:alpha(opacity=31)}.codes .opc-32{opacity:.32;filter:alpha(opacity=32)}.codes .opc-33{opacity:.33;filter:alpha(opacity=33)}.codes .opc-34{opacity:.34;filter:alpha(opacity=34)}.codes .opc-35{opacity:.35;filter:alpha(opacity=35)}.codes .opc-36{opacity:.36;filter:alpha(opacity=36)}.codes .opc-37{opacity:.37;filter:alpha(opacity=37)}.codes .opc-38{opacity:.38;filter:alpha(opacity=38)}.codes .opc-39{opacity:.39;filter:alpha(opacity=39)}.codes .opc-40{opacity:.4;filter:alpha(opacity=40)}.codes .opc-41{opacity:.41;filter:alpha(opacity=41)}.codes .opc-42{opacity:.42;filter:alpha(opacity=42)}.codes .opc-43{opacity:.43;filter:alpha(opacity=43)}.codes .opc-44{opacity:.44;filter:alpha(opacity=44)}.codes .opc-45{opacity:.45;filter:alpha(opacity=45)}.codes .opc-46{opacity:.46;filter:alpha(opacity=46)}.codes .opc-47{opacity:.47;filter:alpha(opacity=47)}.codes .opc-48{opacity:.48;filter:alpha(opacity=48)}.codes .opc-49{opacity:.49;filter:alpha(opacity=49)}.codes .opc-50{opacity:.5;filter:alpha(opacity=50)}.codes .opc-51{opacity:.51;filter:alpha(opacity=51)}.codes .opc-52{opacity:.52;filter:alpha(opacity=52)}.codes .opc-53{opacity:.53;filter:alpha(opacity=53)}.codes .opc-54{opacity:.54;filter:alpha(opacity=54)}.codes .opc-55{opacity:.55;filter:alpha(opacity=55)}.codes .opc-56{opacity:.56;filter:alpha(opacity=56)}.codes .opc-57{opacity:.57;filter:alpha(opacity=57)}.codes .opc-58{opacity:.58;filter:alpha(opacity=58)}.codes .opc-59{opacity:.59;filter:alpha(opacity=59)}.codes .opc-60{opacity:.6;filter:alpha(opacity=60)}.codes .opc-61{opacity:.61;filter:alpha(opacity=61)}.codes .opc-62{opacity:.62;filter:alpha(opacity=62)}.codes .opc-63{opacity:.63;filter:alpha(opacity=63)}.codes .opc-64{opacity:.64;filter:alpha(opacity=64)}.codes .opc-65{opacity:.65;filter:alpha(opacity=65)}.codes .opc-66{opacity:.66;filter:alpha(opacity=66)}.codes .opc-67{opacity:.67;filter:alpha(opacity=67)}.codes .opc-68{opacity:.68;filter:alpha(opacity=68)}.codes .opc-69{opacity:.69;filter:alpha(opacity=69)}.codes .opc-70{opacity:.7;filter:alpha(opacity=70)}.codes .opc-71{opacity:.71;filter:alpha(opacity=71)}.codes .opc-72{opacity:.72;filter:alpha(opacity=72)}.codes .opc-73{opacity:.73;filter:alpha(opacity=73)}.codes .opc-74{opacity:.74;filter:alpha(opacity=74)}.codes .opc-75{opacity:.75;filter:alpha(opacity=75)}.codes .opc-76{opacity:.76;filter:alpha(opacity=76)}.codes .opc-77{opacity:.77;filter:alpha(opacity=77)}.codes .opc-78{opacity:.78;filter:alpha(opacity=78)}.codes .opc-79{opacity:.79;filter:alpha(opacity=79)}.codes .opc-80{opacity:.8;filter:alpha(opacity=80)}.codes .opc-81{opacity:.81;filter:alpha(opacity=81)}.codes .opc-82{opacity:.82;filter:alpha(opacity=82)}.codes .opc-83{opacity:.83;filter:alpha(opacity=83)}.codes .opc-84{opacity:.84;filter:alpha(opacity=84)}.codes .opc-85{opacity:.85;filter:alpha(opacity=85)}.codes .opc-86{opacity:.86;filter:alpha(opacity=86)}.codes .opc-87{opacity:.87;filter:alpha(opacity=87)}.codes .opc-88{opacity:.88;filter:alpha(opacity=88)}.codes .opc-89{opacity:.89;filter:alpha(opacity=89)}.codes .opc-90{opacity:.9;filter:alpha(opacity=90)}.codes .opc-91{opacity:.91;filter:alpha(opacity=91)}.codes .opc-92{opacity:.92;filter:alpha(opacity=92)}.codes .opc-93{opacity:.93;filter:alpha(opacity=93)}.codes .opc-94{opacity:.94;filter:alpha(opacity=94)}.codes .opc-95{opacity:.95;filter:alpha(opacity=95)}.codes .opc-96{opacity:.96;filter:alpha(opacity=96)}.codes .opc-97{opacity:.97;filter:alpha(opacity=97)}.codes .opc-98{opacity:.98;filter:alpha(opacity=98)}.codes .opc-99{opacity:.99;filter:alpha(opacity=99)}.codes .opc-100{opacity:1;filter:alpha(opacity=100)}


.codes .pnl:hover .fade-in,.codes .fade-out{opacity: 1;filter:alpha(opacity=100);}
.codes .fade-in,.codes .pnl:hover .fade-out{opacity: 0;filter:alpha(opacity=0);}

.codes .mrx0,.codes:hover .hmrx0:hover,.codes:hover .cmrx0,.codes .hvc:hover .fmrx0,.codes .hvc:hover .hmrx0:hover{margin-left:0;}
.codes .mrx-50,.codes:hover .hmrx-50:hover,.codes:hover .cmrx-50,.codes .hvc:hover .fmrx-50,.codes .hvc:hover .hmrx-50:hover{margin-left:-50%;}
.codes .mrx-100,.codes:hover .hmrx-100:hover,.codes:hover .cmrx-100,.codes .hvc:hover .fmrx-100,.codes .hvc:hover .hmrx-100:hover{margin-left:-100%;}
.codes .mrx-2px,.codes:hover .hmrx-2px:hover,.codes:hover .cmrx-2px,.codes .hvc:hover .fmrx-2px,.codes .hvc:hover .hmrx-2px:hover{margin-left:-2px;}
.codes .mrx-5px,.codes:hover .hmrx-5px:hover,.codes:hover .cmrx-5px,.codes .hvc:hover .fmrx-5px,.codes .hvc:hover .hmrx-5px:hover{margin-left:-5px;}
.codes .mrx-10px,.codes:hover .hmrx-10px:hover,.codes:hover .cmrx-10px,.codes .hvc:hover .fmrx-10px,.codes .hvc:hover .hmrx-10px:hover{margin-left:-10px;}
.codes .mrx-20px,.codes:hover .hmrx-20px:hover,.codes:hover .cmrx-20px,.codes .hvc:hover .fmrx-20px,.codes .hvc:hover .hmrx-20px:hover{margin-left:-20px;}
.codes .mrx-30px,.codes:hover .hmrx-30px:hover,.codes:hover .cmrx-30px,.codes .hvc:hover .fmrx-30px,.codes .hvc:hover .hmrx-30px:hover{margin-left:-30px;}
.codes .mrx-50px,.codes:hover .hmrx-50px:hover,.codes:hover .cmrx-50px,.codes .hvc:hover .fmrx-50px,.codes .hvc:hover .hmrx-50px:hover{margin-left:-50px;}
.codes .mrx-100px,.codes:hover .hmrx-100px:hover,.codes:hover .cmrx-100px,.codes .hvc:hover .fmrx-100px,.codes .hvc:hover .hmrx-100px:hover{margin-left:-100px;}
.codes .mrx-150px,.codes:hover .hmrx-150px:hover,.codes:hover .cmrx-150px,.codes .hvc:hover .fmrx-150px,.codes .hvc:hover .hmrx-150px:hover{margin-left:-150px;}
.codes .mrx-200px,.codes:hover .hmrx-200px:hover,.codes:hover .cmrx-200px,.codes .hvc:hover .fmrx-200px,.codes .hvc:hover .hmrx-200px:hover{margin-left:-200px;}
.codes .mrx50,.codes:hover .hmrx50:hover,.codes:hover .cmrx50,.codes .hvc:hover .fmrx50,.codes .hvc:hover .hmrx-50:hover{margin-left:50%;}
.codes .mrx100,.codes:hover .hmrx100:hover,.codes:hover .cmrx100,.codes .hvc:hover .fmrx100,.codes .hvc:hover .hmrx-100:hover{margin-left:100%;}
.codes .mrx2px,.codes:hover .hmrx2px:hover,.codes:hover .cmrx2px,.codes .hvc:hover .fmrx2px,.codes .hvc:hover .hmrx2px:hover{margin-left:2px;}
.codes .mrx5px,.codes:hover .hmrx5px:hover,.codes:hover .cmrx5px,.codes .hvc:hover .fmrx5px,.codes .hvc:hover .hmrx5px:hover{margin-left:5px;}
.codes .mrx10px,.codes:hover .hmrx10px:hover,.codes:hover .cmrx10px,.codes .hvc:hover .fmrx10px,.codes .hvc:hover .hmrx10px:hover{margin-left:10px;}
.codes .mrx20px,.codes:hover .hmrx20px:hover,.codes:hover .cmrx20px,.codes .hvc:hover .fmrx20px,.codes .hvc:hover .hmrx20px:hover{margin-left:20px;}
.codes .mrx30px,.codes:hover .hmrx30px:hover,.codes:hover .cmrx30px,.codes .hvc:hover .fmrx30px,.codes .hvc:hover .hmrx30px:hover{margin-left:30px;}
.codes .mrx50px,.codes:hover .hmrx50px:hover,.codes:hover .cmrx50px,.codes .hvc:hover .fmrx50px,.codes .hvc:hover .hmrx50px:hover{margin-left:50px;}
.codes .mrx100px,.codes:hover .hmrx100px:hover,.codes:hover .cmrx100px,.codes .hvc:hover .fmrx100px,.codes .hvc:hover .hmrx100px:hover{margin-left:100px;}
.codes .mrx150px,.codes:hover .hmrx150px:hover,.codes:hover .cmrx150px,.codes .hvc:hover .fmrx150px,.codes .hvc:hover .hmrx150px:hover{margin-left:150px;}
.codes .mrx200px,.codes:hover .hmrx200px:hover,.codes:hover .cmrx200px,.codes .hvc:hover .fmrx200px,.codes .hvc:hover .hmrx200px:hover{margin-left:200px;}

.codes .mry0,.codes:hover .hmry0:hover,.codes:hover .cmry0,.codes .hvc:hover .fmry0,.codes .hvc:hover .hmry0:hover{margin-top:0;}
.codes .mry-50,.codes:hover .hmry-50:hover,.codes:hover .cmry-50,.codes .hvc:hover .fmry-50,.codes .hvc:hover .hmry-50:hover{margin-top:-50%;}
.codes .mry-100,.codes:hover .hmry-100:hover,.codes:hover .cmry-100,.codes .hvc:hover .fmry-100,.codes .hvc:hover .hmry-100:hover{margin-top:-100%;}
.codes .mry-2px,.codes:hover .hmry-2px:hover,.codes:hover .cmry-2px,.codes .hvc:hover .fmry-2px,.codes .hvc:hover .hmry-2px:hover{margin-top:-2px;}
.codes .mry-5px,.codes:hover .hmry-5px:hover,.codes:hover .cmry-5px,.codes .hvc:hover .fmry-5px,.codes .hvc:hover .hmry-5px:hover{margin-top:-5px;}
.codes .mry-10px,.codes:hover .hmry-10px:hover,.codes:hover .cmry-10px,.codes .hvc:hover .fmry-10px,.codes .hvc:hover .hmry-10px:hover{margin-top:-10px;}
.codes .mry-20px,.codes:hover .hmry-20px:hover,.codes:hover .cmry-20px,.codes .hvc:hover .fmry-20px,.codes .hvc:hover .hmry-20px:hover{margin-top:-20px;}
.codes .mry-30px,.codes:hover .hmry-30px:hover,.codes:hover .cmry-30px,.codes .hvc:hover .fmry-30px,.codes .hvc:hover .hmry-30px:hover{margin-top:-30px;}
.codes .mry-50px,.codes:hover .hmry-50px:hover,.codes:hover .cmry-50px,.codes .hvc:hover .fmry-50px,.codes .hvc:hover .hmry-50px:hover{margin-top:-50px;}
.codes .mry-100px,.codes:hover .hmry-100px:hover,.codes:hover .cmry-100px,.codes .hvc:hover .fmry-100px,.codes .hvc:hover .hmry-100px:hover{margin-top:-100px;}
.codes .mry-150px,.codes:hover .hmry-150px:hover,.codes:hover .cmry-150px,.codes .hvc:hover .fmry-150px,.codes .hvc:hover .hmry-150px:hover{margin-top:-150px;}
.codes .mry-200px,.codes:hover .hmry-200px:hover,.codes:hover .cmry-200px,.codes .hvc:hover .fmry-200px,.codes .hvc:hover .hmry-200px:hover{margin-top:-200px;}
.codes .mry50,.codes:hover .hmry50:hover,.codes:hover .cmry50,.codes .hvc:hover .fmry50,.codes .hvc:hover .hmry-50:hover{margin-top:50%;}
.codes .mry100,.codes:hover .hmry100:hover,.codes:hover .cmry100,.codes .hvc:hover .fmry100,.codes .hvc:hover .hmry-100:hover{margin-top:100%;}
.codes .mry2px,.codes:hover .hmry2px:hover,.codes:hover .cmry2px,.codes .hvc:hover .fmry2px,.codes .hvc:hover .hmry2px:hover{margin-top:2px;}
.codes .mry5px,.codes:hover .hmry5px:hover,.codes:hover .cmry5px,.codes .hvc:hover .fmry5px,.codes .hvc:hover .hmry5px:hover{margin-top:5px;}
.codes .mry10px,.codes:hover .hmry10px:hover,.codes:hover .cmry10px,.codes .hvc:hover .fmry10px,.codes .hvc:hover .hmry10px:hover{margin-top:10px;}
.codes .mry20px,.codes:hover .hmry20px:hover,.codes:hover .cmry20px,.codes .hvc:hover .fmry20px,.codes .hvc:hover .hmry20px:hover{margin-top:20px;}
.codes .mry30px,.codes:hover .hmry30px:hover,.codes:hover .cmry30px,.codes .hvc:hover .fmry30px,.codes .hvc:hover .hmry30px:hover{margin-top:30px;}
.codes .mry50px,.codes:hover .hmry50px:hover,.codes:hover .cmry50px,.codes .hvc:hover .fmry50px,.codes .hvc:hover .hmry50px:hover{margin-top:50px;}
.codes .mry100px,.codes:hover .hmry100px:hover,.codes:hover .cmry100px,.codes .hvc:hover .fmry100px,.codes .hvc:hover .hmry100px:hover{margin-top:100px;}
.codes .mry150px,.codes:hover .hmry150px:hover,.codes:hover .cmry150px,.codes .hvc:hover .fmry150px,.codes .hvc:hover .hmry150px:hover{margin-top:150px;}
.codes .mry200px,.codes:hover .hmry200px:hover,.codes:hover .cmry200px,.codes .hvc:hover .fmry200px,.codes .hvc:hover .hmry200px:hover{margin-top:200px;}

.codes .opc-0,.codes:hover .hopc-0:hover,.codes:hover .copc-0,.codes .hvc:hover .fopc-0,.codes .hvc:hover .hopc-0:hover{opacity:0;filter:alpha(opacity=0)}
.codes .opc-10,.codes:hover .hopc-10:hover,.codes:hover .copc-10,.codes .hvc:hover .fopc-10,.codes .hvc:hover .hopc-10:hover{opacity:0.1;filter:alpha(opacity=10)}
.codes .opc-20,.codes:hover .hopc-20:hover,.codes:hover .copc-20,.codes .hvc:hover .fopc-20,.codes .hvc:hover .hopc-20:hover{opacity:0.2;filter:alpha(opacity=20)}
.codes .opc-30,.codes:hover .hopc-30:hover,.codes:hover .copc-30,.codes .hvc:hover .fopc-30,.codes .hvc:hover .hopc-30:hover{opacity:0.3;filter:alpha(opacity=30)}
.codes .opc-40,.codes:hover .hopc-40:hover,.codes:hover .copc-40,.codes .hvc:hover .fopc-40,.codes .hvc:hover .hopc-40:hover{opacity:0.4;filter:alpha(opacity=40)}
.codes .opc-50,.codes:hover .hopc-50:hover,.codes:hover .copc-50,.codes .hvc:hover .fopc-50,.codes .hvc:hover .hopc-50:hover{opacity:0.5;filter:alpha(opacity=50)}
.codes .opc-60,.codes:hover .hopc-60:hover,.codes:hover .copc-60,.codes .hvc:hover .fopc-60,.codes .hvc:hover .hopc-60:hover{opacity:0.6;filter:alpha(opacity=60)}
.codes .opc-70,.codes:hover .hopc-70:hover,.codes:hover .copc-70,.codes .hvc:hover .fopc-70,.codes .hvc:hover .hopc-70:hover{opacity:0.7;filter:alpha(opacity=70)}
.codes .opc-80,.codes:hover .hopc-80:hover,.codes:hover .copc-80,.codes .hvc:hover .fopc-80,.codes .hvc:hover .hopc-80:hover{opacity:0.8;filter:alpha(opacity=80)}
.codes .opc-90,.codes:hover .hopc-90:hover,.codes:hover .copc-90,.codes .hvc:hover .fopc-90,.codes .hvc:hover .hopc-90:hover{opacity:0.9;filter:alpha(opacity=90)}
.codes .opc-100,.codes:hover .hopc-100:hover,.codes:hover .copc-100,.codes .hvc:hover .fopc-100,.codes .hvc:hover .hopc-100:hover{opacity:1;filter:alpha(opacity=100)}

.codes .brd-rds0,.codes:hover .hbrd-rds0:hover,.codes:hover .cbrd-rds0,.codes .hvc:hover .fbrd-rds0,.codes .hvc:hover .hbrd-rds0:hover{border-radius:0;}
.codes .brd-rds5px,.codes:hover .hbrd-rds5px:hover,.codes:hover .cbrd-rds5px,.codes .hvc:hover .fbrd-rds5px,.codes .hvc:hover .hbrd-rds5px:hover{border-radius:5px;}
.codes .brd-rds8px,.codes:hover .hbrd-rds8px:hover,.codes:hover .cbrd-rds8px,.codes .hvc:hover .fbrd-rds8px,.codes .hvc:hover .hbrd-rds8px:hover{border-radius:8px;}
.codes .brd-rds10px,.codes:hover .hbrd-rds10px:hover,.codes:hover .cbrd-rds10px,.codes .hvc:hover .fbrd-rds10px,.codes .hvc:hover .hbrd-rds10px:hover{border-radius:10px;}
.codes .brd-rds15px,.codes:hover .hbrd-rds15px:hover,.codes:hover .cbrd-rds15px,.codes .hvc:hover .fbrd-rds15px,.codes .hvc:hover .hbrd-rds15px:hover{border-radius:15px;}
.codes .brd-rds20px,.codes:hover .hbrd-rds20px:hover,.codes:hover .cbrd-rds20px,.codes .hvc:hover .fbrd-rds20px,.codes .hvc:hover .hbrd-rds20px:hover{border-radius:20px;}
.codes .brd-rds5,.codes:hover .hbrd-rds5:hover,.codes:hover .cbrd-rds5,.codes .hvc:hover .fbrd-rds5,.codes .hvc:hover .hbrd-rds5:hover{border-radius:5%;}
.codes .brd-rds10,.codes:hover .hbrd-rds10:hover,.codes:hover .cbrd-rds10,.codes .hvc:hover .fbrd-rds10,.codes .hvc:hover .hbrd-rds10:hover{border-radius:10%;}
.codes .brd-rds15,.codes:hover .hbrd-rds15:hover,.codes:hover .cbrd-rds15,.codes .hvc:hover .fbrd-rds15,.codes .hvc:hover .hbrd-rds15:hover{border-radius:15%;}
.codes .brd-rds20,.codes:hover .hbrd-rds20:hover,.codes:hover .cbrd-rds20,.codes .hvc:hover .fbrd-rds20,.codes .hvc:hover .hbrd-rds20:hover{border-radius:20%;}
.codes .brd-rds30,.codes:hover .hbrd-rds30:hover,.codes:hover .cbrd-rds30,.codes .hvc:hover .fbrd-rds30,.codes .hvc:hover .hbrd-rds30:hover{border-radius:30%;}
.codes .brd-rds40,.codes:hover .hbrd-rds40:hover,.codes:hover .cbrd-rds40,.codes .hvc:hover .fbrd-rds40,.codes .hvc:hover .hbrd-rds40:hover{border-radius:40%;}
.codes .brd-rds50,.codes:hover .hbrd-rds50:hover,.codes:hover .cbrd-rds50,.codes .hvc:hover .fbrd-rds50,.codes .hvc:hover .hbrd-rds50:hover{border-radius:50%;}

.codes .trans-rtt5,.codes:hover .htrans-rtt5:hover,.codes:hover .ctrans-rtt5,.codes .hvc:hover .ftrans-rtt5,.codes .hvc:hover .htrans-rtt5:hover{-webkit-transform:rotate(5deg) skew(0deg,0deg) scale(1,1);-moz-transform:rotate(5deg) skew(0deg,0deg) scale(1,1);-o-transform:rotate(5deg) skew(0deg,0deg) scale(1,1);transform:rotate(5deg) skew(0deg,0deg) scale(1,1);}
.codes .trans-rtt10,.codes:hover .htrans-rtt10:hover,.codes:hover .ctrans-rtt10,.codes .hvc:hover .ftrans-rtt10,.codes .hvc:hover .htrans-rtt10:hover{-webkit-transform:rotate(10deg) skew(0deg,0deg) scale(1,1);-moz-transform:rotate(10deg) skew(0deg,0deg) scale(1,1);-o-transform:rotate(10deg) skew(0deg,0deg) scale(1,1);transform:rotate(10deg) skew(0deg,0deg) scale(1,1);}
.codes .trans-rtt15,.codes:hover .htrans-rtt15:hover,.codes:hover .ctrans-rtt15,.codes .hvc:hover .ftrans-rtt15,.codes .hvc:hover .htrans-rtt15:hover{-webkit-transform:rotate(15deg) skew(0deg,0deg) scale(1,1);-moz-transform:rotate(15deg) skew(0deg,0deg) scale(1,1);-o-transform:rotate(15deg) skew(0deg,0deg) scale(1,1);transform:rotate(15deg) skew(0deg,0deg) scale(1,1);}
.codes .trans-rtt20,.codes:hover .htrans-rtt20:hover,.codes:hover .ctrans-rtt20,.codes .hvc:hover .ftrans-rtt20,.codes .hvc:hover .htrans-rtt20:hover{-webkit-transform:rotate(20deg) skew(0deg,0deg) scale(1,1);-moz-transform:rotate(20deg) skew(0deg,0deg) scale(1,1);-o-transform:rotate(20deg) skew(0deg,0deg) scale(1,1);transform:rotate(20deg) skew(0deg,0deg) scale(1,1);}
.codes .trans-rtt30,.codes:hover .htrans-rtt30:hover,.codes:hover .ctrans-rtt30,.codes .hvc:hover .ftrans-rtt30,.codes .hvc:hover .htrans-rtt30:hover{-webkit-transform:rotate(30deg) skew(0deg,0deg) scale(1,1);-moz-transform:rotate(30deg) skew(0deg,0deg) scale(1,1);-o-transform:rotate(30deg) skew(0deg,0deg) scale(1,1);transform:rotate(30deg) skew(0deg,0deg) scale(1,1);}
.codes .trans-rtt45,.codes:hover .htrans-rtt45:hover,.codes:hover .ctrans-rtt45,.codes .hvc:hover .ftrans-rtt45,.codes .hvc:hover .htrans-rtt45:hover{-webkit-transform:rotate(45deg) skew(0deg,0deg) scale(1,1);-moz-transform:rotate(45deg) skew(0deg,0deg) scale(1,1);-o-transform:rotate(45deg) skew(0deg,0deg) scale(1,1);transform:rotate(45deg) skew(0deg,0deg) scale(1,1);}
.codes .trans-rtt60,.codes:hover .htrans-rtt60:hover,.codes:hover .ctrans-rtt60,.codes .hvc:hover .ftrans-rtt60,.codes .hvc:hover .htrans-rtt60:hover{-webkit-transform:rotate(60deg) skew(0deg,0deg) scale(1,1);-moz-transform:rotate(60deg) skew(0deg,0deg) scale(1,1);-o-transform:rotate(60deg) skew(0deg,0deg) scale(1,1);transform:rotate(60deg) skew(0deg,0deg) scale(1,1);}
.codes .trans-rtt90,.codes:hover .htrans-rtt90:hover,.codes:hover .ctrans-rtt90,.codes .hvc:hover .ftrans-rtt90,.codes .hvc:hover .htrans-rtt90:hover{-webkit-transform:rotate(90deg) skew(0deg,0deg) scale(1,1);-moz-transform:rotate(90deg) skew(0deg,0deg) scale(1,1);-o-transform:rotate(90deg) skew(0deg,0deg) scale(1,1);transform:rotate(90deg) skew(0deg,0deg) scale(1,1);}
.codes .trans-rtt180,.codes:hover .htrans-rtt180:hover,.codes:hover .ctrans-rtt180,.codes .hvc:hover .ftrans-rtt180,.codes .hvc:hover .htrans-rtt180:hover{-webkit-transform:rotate(180deg) skew(0deg,0deg) scale(1,1);-moz-transform:rotate(180deg) skew(0deg,0deg) scale(1,1);-o-transform:rotate(180deg) skew(0deg,0deg) scale(1,1);transform:rotate(180deg) skew(0deg,0deg) scale(1,1);}
.codes .trans-rtt360,.codes:hover .htrans-rtt360:hover,.codes:hover .ctrans-rtt360,.codes .hvc:hover .ftrans-rtt360,.codes .hvc:hover .htrans-rtt360:hover{-webkit-transform:rotate(360deg) skew(0deg,0deg) scale(1,1);-moz-transform:rotate(360deg) skew(0deg,0deg) scale(1,1);-o-transform:rotate(360deg) skew(0deg,0deg) scale(1,1);transform:rotate(360deg) skew(0deg,0deg) scale(1,1);}
.codes .trans-rtt720,.codes:hover .htrans-rtt720:hover,.codes:hover .ctrans-rtt720,.codes .hvc:hover .ftrans-rtt720,.codes .hvc:hover .htrans-rtt720:hover{-webkit-transform:rotate(720deg) skew(0deg,0deg) scale(1,1);-moz-transform:rotate(720deg) skew(0deg,0deg) scale(1,1);-o-transform:rotate(720deg) skew(0deg,0deg) scale(1,1);transform:rotate(720deg) skew(0deg,0deg) scale(1,1);}
.codes .trans-rtt-5,.codes:hover .htrans-rtt-5:hover,.codes:hover .ctrans-rtt-5,.codes .hvc:hover .ftrans-rtt-5,.codes .hvc:hover .htrans-rtt-5:hover{-webkit-transform:rotate(-5deg) skew(0deg,0deg) scale(1,1);-moz-transform:rotate(-5deg) skew(0deg,0deg) scale(1,1);-o-transform:rotate(-5deg) skew(0deg,0deg) scale(1,1);transform:rotate(-5deg) skew(0deg,0deg) scale(1,1);}
.codes .trans-rtt-10,.codes:hover .htrans-rtt-10:hover,.codes:hover .ctrans-rtt-10,.codes .hvc:hover .ftrans-rtt-10,.codes .hvc:hover .htrans-rtt-10:hover{-webkit-transform:rotate(-10deg) skew(0deg,0deg) scale(1,1);-moz-transform:rotate(-10deg) skew(0deg,0deg) scale(1,1);-o-transform:rotate(-10deg) skew(0deg,0deg) scale(1,1);transform:rotate(-10deg) skew(0deg,0deg) scale(1,1);}
.codes .trans-rtt-15,.codes:hover .htrans-rtt-15:hover,.codes:hover .ctrans-rtt-15,.codes .hvc:hover .ftrans-rtt-15,.codes .hvc:hover .htrans-rtt-15:hover{-webkit-transform:rotate(-15deg) skew(0deg,0deg) scale(1,1);-moz-transform:rotate(-15deg) skew(0deg,0deg) scale(1,1);-o-transform:rotate(-15deg) skew(0deg,0deg) scale(1,1);transform:rotate(-15deg) skew(0deg,0deg) scale(1,1);}
.codes .trans-rtt-20,.codes:hover .htrans-rtt-20:hover,.codes:hover .ctrans-rtt-20,.codes .hvc:hover .ftrans-rtt-20,.codes .hvc:hover .htrans-rtt-20:hover{-webkit-transform:rotate(-20deg) skew(0deg,0deg) scale(1,1);-moz-transform:rotate(-20deg) skew(0deg,0deg) scale(1,1);-o-transform:rotate(-20deg) skew(0deg,0deg) scale(1,1);transform:rotate(-20deg) skew(0deg,0deg) scale(1,1);}
.codes .trans-rtt-30,.codes:hover .htrans-rtt-30:hover,.codes:hover .ctrans-rtt-30,.codes .hvc:hover .ftrans-rtt-30,.codes .hvc:hover .htrans-rtt-30:hover{-webkit-transform:rotate(-30deg) skew(0deg,0deg) scale(1,1);-moz-transform:rotate(-30deg) skew(0deg,0deg) scale(1,1);-o-transform:rotate(-30deg) skew(0deg,0deg) scale(1,1);transform:rotate(-30deg) skew(0deg,0deg) scale(1,1);}
.codes .trans-rtt-45,.codes:hover .htrans-rtt-45:hover,.codes:hover .ctrans-rtt-45,.codes .hvc:hover .ftrans-rtt-45,.codes .hvc:hover .htrans-rtt-45:hover{-webkit-transform:rotate(-45deg) skew(0deg,0deg) scale(1,1);-moz-transform:rotate(-45deg) skew(0deg,0deg) scale(1,1);-o-transform:rotate(-45deg) skew(0deg,0deg) scale(1,1);transform:rotate(-45deg) skew(0deg,0deg) scale(1,1);}
.codes .trans-rtt-60,.codes:hover .htrans-rtt-60:hover,.codes:hover .ctrans-rtt-60,.codes .hvc:hover .ftrans-rtt-60,.codes .hvc:hover .htrans-rtt-60:hover{-webkit-transform:rotate(-60deg) skew(0deg,0deg) scale(1,1);-moz-transform:rotate(-60deg) skew(0deg,0deg) scale(1,1);-o-transform:rotate(-60deg) skew(0deg,0deg) scale(1,1);transform:rotate(-60deg) skew(0deg,0deg) scale(1,1);}
.codes .trans-rtt-90,.codes:hover .htrans-rtt-90:hover,.codes:hover .ctrans-rtt-90,.codes .hvc:hover .ftrans-rtt-90,.codes .hvc:hover .htrans-rtt-90:hover{-webkit-transform:rotate(-90deg) skew(0deg,0deg) scale(1,1);-moz-transform:rotate(-90deg) skew(0deg,0deg) scale(1,1);-o-transform:rotate(-90deg) skew(0deg,0deg) scale(1,1);transform:rotate(-90deg) skew(0deg,0deg) scale(1,1);}
.codes .trans-rtt-180,.codes:hover .htrans-rtt-180:hover,.codes:hover .ctrans-rtt-180,.codes .hvc:hover .ftrans-rtt-180,.codes .hvc:hover .htrans-rtt-180:hover{-webkit-transform:rotate(-180deg) skew(0deg,0deg) scale(1,1);-moz-transform:rotate(-180deg) skew(0deg,0deg) scale(1,1);-o-transform:rotate(-180deg) skew(0deg,0deg) scale(1,1);transform:rotate(-180deg) skew(0deg,0deg) scale(1,1);}
.codes .trans-rtt-360,.codes:hover .htrans-rtt-360:hover,.codes:hover .ctrans-rtt-360,.codes .hvc:hover .ftrans-rtt-360,.codes .hvc:hover .htrans-rtt-360:hover{-webkit-transform:rotate(-360deg) skew(0deg,0deg) scale(1,1);-moz-transform:rotate(-360deg) skew(0deg,0deg) scale(1,1);-o-transform:rotate(-360deg) skew(0deg,0deg) scale(1,1);transform:rotate(-360deg) skew(0deg,0deg) scale(1,1);}
.codes .trans-rtt-720,.codes:hover .htrans-rtt-720:hover,.codes:hover .ctrans-rtt-720,.codes .hvc:hover .ftrans-rtt-720,.codes .hvc:hover .htrans-rtt-720:hover{-webkit-transform:rotate(-720deg) skew(0deg,0deg) scale(1,1);-moz-transform:rotate(-720deg) skew(0deg,0deg) scale(1,1);-o-transform:rotate(-720deg) skew(0deg,0deg) scale(1,1);transform:rotate(-720deg) skew(0deg,0deg) scale(1,1);}

.codes .trans-scl050,.codes:hover .htrans-scl050:hover,.codes:hover .ctrans-scl050,.codes .hvc:hover .ftrans-scl050,.codes .hvc:hover .htrans-scl050:hover{-webkit-transform:rotate(0deg) skew(0deg,0deg) scale(0.5);-moz-transform:rotate(0deg) skew(0deg,0deg) scale(0.5);-o-transform:rotate(0deg) skew(0deg,0deg) scale(0.5);transform:rotate(0deg) skew(0deg,0deg) scale(0.5);}
.codes .trans-scl060,.codes:hover .htrans-scl060:hover,.codes:hover .ctrans-scl060,.codes .hvc:hover .ftrans-scl060,.codes .hvc:hover .htrans-scl060:hover{-webkit-transform:rotate(0deg) skew(0deg,0deg) scale(0.6);-moz-transform:rotate(0deg) skew(0deg,0deg) scale(0.6);-o-transform:rotate(0deg) skew(0deg,0deg) scale(0.6);transform:rotate(0deg) skew(0deg,0deg) scale(0.6);}
.codes .trans-scl070,.codes:hover .htrans-scl070:hover,.codes:hover .ctrans-scl070,.codes .hvc:hover .ftrans-scl070,.codes .hvc:hover .htrans-scl070:hover{-webkit-transform:rotate(0deg) skew(0deg,0deg) scale(0.7);-moz-transform:rotate(0deg) skew(0deg,0deg) scale(0.7);-o-transform:rotate(0deg) skew(0deg,0deg) scale(0.7);transform:rotate(0deg) skew(0deg,0deg) scale(0.7);}
.codes .trans-scl080,.codes:hover .htrans-scl080:hover,.codes:hover .ctrans-scl080,.codes .hvc:hover .ftrans-scl080,.codes .hvc:hover .htrans-scl080:hover{-webkit-transform:rotate(0deg) skew(0deg,0deg) scale(0.8);-moz-transform:rotate(0deg) skew(0deg,0deg) scale(0.8);-o-transform:rotate(0deg) skew(0deg,0deg) scale(0.8);transform:rotate(0deg) skew(0deg,0deg) scale(0.8);}
.codes .trans-scl085,.codes:hover .htrans-scl085:hover,.codes:hover .ctrans-scl085,.codes .hvc:hover .ftrans-scl085,.codes .hvc:hover .htrans-scl085:hover{-webkit-transform:rotate(0deg) skew(0deg,0deg) scale(0.85);-moz-transform:rotate(0deg) skew(0deg,0deg) scale(0.85);-o-transform:rotate(0deg) skew(0deg,0deg) scale(0.85);transform:rotate(0deg) skew(0deg,0deg) scale(0.85);}
.codes .trans-scl090,.codes:hover .htrans-scl090:hover,.codes:hover .ctrans-scl090,.codes .hvc:hover .ftrans-scl090,.codes .hvc:hover .htrans-scl090:hover{-webkit-transform:rotate(0deg) skew(0deg,0deg) scale(0.9);-moz-transform:rotate(0deg) skew(0deg,0deg) scale(0.9);-o-transform:rotate(0deg) skew(0deg,0deg) scale(0.9);transform:rotate(0deg) skew(0deg,0deg) scale(0.9);}
.codes .trans-scl095,.codes:hover .htrans-scl095:hover,.codes:hover .ctrans-scl095,.codes .hvc:hover .ftrans-scl095,.codes .hvc:hover .htrans-scl095:hover{-webkit-transform:rotate(0deg) skew(0deg,0deg) scale(0.95);-moz-transform:rotate(0deg) skew(0deg,0deg) scale(0.95);-o-transform:rotate(0deg) skew(0deg,0deg) scale(0.95);transform:rotate(0deg) skew(0deg,0deg) scale(0.95);}
.codes .trans-scl105,.codes:hover .htrans-scl105:hover,.codes:hover .ctrans-scl105,.codes .hvc:hover .ftrans-scl105,.codes .hvc:hover .htrans-scl105:hover{-webkit-transform:rotate(0deg) skew(0deg,0deg) scale(1.05);-moz-transform:rotate(0deg) skew(0deg,0deg) scale(1.05);-o-transform:rotate(0deg) skew(0deg,0deg) scale(1.05);transform:rotate(0deg) skew(0deg,0deg) scale(1.05);}
.codes .trans-scl110,.codes:hover .htrans-scl110:hover,.codes:hover .ctrans-scl110,.codes .hvc:hover .ftrans-scl110,.codes .hvc:hover .htrans-scl110:hover{-webkit-transform:rotate(0deg) skew(0deg,0deg) scale(1.1);-moz-transform:rotate(0deg) skew(0deg,0deg) scale(1.1);-o-transform:rotate(0deg) skew(0deg,0deg) scale(1.1);transform:rotate(0deg) skew(0deg,0deg) scale(1.1);}
.codes .trans-scl115,.codes:hover .htrans-scl115:hover,.codes:hover .ctrans-scl115,.codes .hvc:hover .ftrans-scl115,.codes .hvc:hover .htrans-scl115:hover{-webkit-transform:rotate(0deg) skew(0deg,0deg) scale(1.15);-moz-transform:rotate(0deg) skew(0deg,0deg) scale(1.15);-o-transform:rotate(0deg) skew(0deg,0deg) scale(1.15);transform:rotate(0deg) skew(0deg,0deg) scale(1.15);}
.codes .trans-scl120,.codes:hover .htrans-scl120:hover,.codes:hover .ctrans-scl120,.codes .hvc:hover .ftrans-scl120,.codes .hvc:hover .htrans-scl120:hover{-webkit-transform:rotate(0deg) skew(0deg,0deg) scale(1.2);-moz-transform:rotate(0deg) skew(0deg,0deg) scale(1.2);-o-transform:rotate(0deg) skew(0deg,0deg) scale(1.2);transform:rotate(0deg) skew(0deg,0deg) scale(1.2);}
.codes .trans-scl130,.codes:hover .htrans-scl130:hover,.codes:hover .ctrans-scl130,.codes .hvc:hover .ftrans-scl130,.codes .hvc:hover .htrans-scl130:hover{-webkit-transform:rotate(0deg) skew(0deg,0deg) scale(1.3);-moz-transform:rotate(0deg) skew(0deg,0deg) scale(1.3);-o-transform:rotate(0deg) skew(0deg,0deg) scale(1.3);transform:rotate(0deg) skew(0deg,0deg) scale(1.3);}
.codes .trans-scl140,.codes:hover .htrans-scl140:hover,.codes:hover .ctrans-scl140,.codes .hvc:hover .ftrans-scl140,.codes .hvc:hover .htrans-scl140:hover{-webkit-transform:rotate(0deg) skew(0deg,0deg) scale(1.4);-moz-transform:rotate(0deg) skew(0deg,0deg) scale(1.4);-o-transform:rotate(0deg) skew(0deg,0deg) scale(1.4);transform:rotate(0deg) skew(0deg,0deg) scale(1.4);}
.codes .trans-scl150,.codes:hover .htrans-scl150:hover,.codes:hover .ctrans-scl150,.codes .hvc:hover .ftrans-scl150,.codes .hvc:hover .htrans-scl150:hover{-webkit-transform:rotate(0deg) skew(0deg,0deg) scale(1.5);-moz-transform:rotate(0deg) skew(0deg,0deg) scale(1.5);-o-transform:rotate(0deg) skew(0deg,0deg) scale(1.5);transform:rotate(0deg) skew(0deg,0deg) scale(1.5);}
.codes .trans-scl200,.codes:hover .htrans-scl200:hover,.codes:hover .ctrans-scl200,.codes .hvc:hover .ftrans-scl200,.codes .hvc:hover .htrans-scl200:hover{-webkit-transform:rotate(0deg) skew(0deg,0deg) scale(2);-moz-transform:rotate(0deg) skew(0deg,0deg) scale(2);-o-transform:rotate(0deg) skew(0deg,0deg) scale(2);transform:rotate(0deg) skew(0deg,0deg) scale(2);}
.codes .trans-scl-x,.codes:hover .htrans-scl-x:hover,.codes:hover .ctrans-scl-x,.codes .hvc:hover .ftrans-scl-x,.codes .hvc:hover .htrans-scl-x:hover{-webkit-transform:rotate(0deg) skew(0deg,0deg) scale(-1,1);-moz-transform:rotate(0deg) skew(0deg,0deg) scale(-1,1);-o-transform:rotate(0deg) skew(0deg,0deg) scale(-1,1);transform:rotate(0deg) skew(0deg,0deg) scale(-1,1);}
.codes .trans-scl-y,.codes:hover .htrans-scl-y:hover,.codes:hover .ctrans-scl-y,.codes .hvc:hover .ftrans-scl-y,.codes .hvc:hover .htrans-scl-y:hover{-webkit-transform:rotate(0deg) skew(0deg,0deg) scale(1,-1);-moz-transform:rotate(0deg) skew(0deg,0deg) scale(1,-1);-o-transform:rotate(0deg) skew(0deg,0deg) scale(1,-1);transform:rotate(0deg) skew(0deg,0deg) scale(1,-1);}
.codes .trans-scl-xy,.codes:hover .htrans-scl-xy:hover,.codes:hover .ctrans-scl-xy,.codes .hvc:hover .ftrans-scl-xy,.codes .hvc:hover .htrans-scl-xy:hover{-webkit-transform:rotate(0deg) skew(0deg,0deg) scale(-1,-1);-moz-transform:rotate(0deg) skew(0deg,0deg) scale(-1,-1);-o-transform:rotate(0deg) skew(0deg,0deg) scale(-1,-1);transform:rotate(0deg) skew(0deg,0deg) scale(-1,-1);}

.codes .trans-skwx5,.codes:hover .htrans-skwx5:hover,.codes:hover .ctrans-skwx5,.codes .hvc:hover .ftrans-skwx5,.codes .hvc:hover .htrans-skwx5:hover{-webkit-transform:rotate(0deg) skewX(5deg) scale(1,1);-moz-transform:rotate(0deg) skewX(5deg) scale(1,1);-o-transform:rotate(0deg) skewX(5deg) scale(1,1);transform:rotate(0deg) skewX(5deg) scale(1,1);}
.codes .trans-skwx10,.codes:hover .htrans-skwx10:hover,.codes:hover .ctrans-skwx10,.codes .hvc:hover .ftrans-skwx10,.codes .hvc:hover .htrans-skwx10:hover{-webkit-transform:rotate(0deg) skewX(10deg) scale(1,1);-moz-transform:rotate(0deg) skewX(10deg) scale(1,1);-o-transform:rotate(0deg) skewX(10deg) scale(1,1);transform:rotate(0deg) skewX(10deg) scale(1,1);}
.codes .trans-skwx15,.codes:hover .htrans-skwx15:hover,.codes:hover .ctrans-skwx15,.codes .hvc:hover .ftrans-skwx15,.codes .hvc:hover .htrans-skwx15:hover{-webkit-transform:rotate(0deg) skewX(15deg) scale(1,1);-moz-transform:rotate(0deg) skewX(15deg) scale(1,1);-o-transform:rotate(0deg) skewX(15deg) scale(1,1);transform:rotate(0deg) skewX(15deg) scale(1,1);}
.codes .trans-skwx20,.codes:hover .htrans-skwx20:hover,.codes:hover .ctrans-skwx20,.codes .hvc:hover .ftrans-skwx20,.codes .hvc:hover .htrans-skwx20:hover{-webkit-transform:rotate(0deg) skewX(20deg) scale(1,1);-moz-transform:rotate(0deg) skewX(20deg) scale(1,1);-o-transform:rotate(0deg) skewX(20deg) scale(1,1);transform:rotate(0deg) skewX(20deg) scale(1,1);}
.codes .trans-skwx25,.codes:hover .htrans-skwx25:hover,.codes:hover .ctrans-skwx25,.codes .hvc:hover .ftrans-skwx25,.codes .hvc:hover .htrans-skwx25:hover{-webkit-transform:rotate(0deg) skewX(25deg) scale(1,1);-moz-transform:rotate(0deg) skewX(25deg) scale(1,1);-o-transform:rotate(0deg) skewX(25deg) scale(1,1);transform:rotate(0deg) skewX(25deg) scale(1,1);}
.codes .trans-skwx30,.codes:hover .htrans-skwx30:hover,.codes:hover .ctrans-skwx30,.codes .hvc:hover .ftrans-skwx30,.codes .hvc:hover .htrans-skwx30:hover{-webkit-transform:rotate(0deg) skewX(30deg) scale(1,1);-moz-transform:rotate(0deg) skewX(30deg) scale(1,1);-o-transform:rotate(0deg) skewX(30deg) scale(1,1);transform:rotate(0deg) skewX(30deg) scale(1,1);}
.codes .trans-skwx-5,.codes:hover .htrans-skwx-5:hover,.codes:hover .ctrans-skwx-5,.codes .hvc:hover .ftrans-skwx-5,.codes .hvc:hover .htrans-skwx-5:hover{-webkit-transform:rotate(0deg) skewX(-5deg) scale(1,1);-moz-transform:rotate(0deg) skewX(-5deg) scale(1,1);-o-transform:rotate(0deg) skewX(-5deg) scale(1,1);transform:rotate(0deg) skewX(-5deg) scale(1,1);}
.codes .trans-skwx-10,.codes:hover .htrans-skwx-10:hover,.codes:hover .ctrans-skwx-10,.codes .hvc:hover .ftrans-skwx-10,.codes .hvc:hover .htrans-skwx-10:hover{-webkit-transform:rotate(0deg) skewX(-10deg) scale(1,1);-moz-transform:rotate(0deg) skewX(-10deg) scale(1,1);-o-transform:rotate(0deg) skewX(-10deg) scale(1,1);transform:rotate(0deg) skewX(-10deg) scale(1,1);}
.codes .trans-skwx-15,.codes:hover .htrans-skwx-15:hover,.codes:hover .ctrans-skwx-15,.codes .hvc:hover .ftrans-skwx-15,.codes .hvc:hover .htrans-skwx-15:hover{-webkit-transform:rotate(0deg) skewX(-15deg) scale(1,1);-moz-transform:rotate(0deg) skewX(-15deg) scale(1,1);-o-transform:rotate(0deg) skewX(-15deg) scale(1,1);transform:rotate(0deg) skewX(-15deg) scale(1,1);}
.codes .trans-skwx-20,.codes:hover .htrans-skwx-20:hover,.codes:hover .ctrans-skwx-20,.codes .hvc:hover .ftrans-skwx-20,.codes .hvc:hover .htrans-skwx-20:hover{-webkit-transform:rotate(0deg) skewX(-20deg) scale(1,1);-moz-transform:rotate(0deg) skewX(-20deg) scale(1,1);-o-transform:rotate(0deg) skewX(-20deg) scale(1,1);transform:rotate(0deg) skewX(-20deg) scale(1,1);}
.codes .trans-skwx-25,.codes:hover .htrans-skwx-25:hover,.codes:hover .ctrans-skwx-25,.codes .hvc:hover .ftrans-skwx-25,.codes .hvc:hover .htrans-skwx-25:hover{-webkit-transform:rotate(0deg) skewX(-25deg) scale(1,1);-moz-transform:rotate(0deg) skewX(-25deg) scale(1,1);-o-transform:rotate(0deg) skewX(-25deg) scale(1,1);transform:rotate(0deg) skewX(-25deg) scale(1,1);}
.codes .trans-skwx-30,.codes:hover .htrans-skwx-30:hover,.codes:hover .ctrans-skwx-30,.codes .hvc:hover .ftrans-skwx-30,.codes .hvc:hover .htrans-skwx-30:hover{-webkit-transform:rotate(0deg) skewX(-30deg) scale(1,1);-moz-transform:rotate(0deg) skewX(-30deg) scale(1,1);-o-transform:rotate(0deg) skewX(-30deg) scale(1,1);transform:rotate(0deg) skewX(-30deg) scale(1,1);}

.codes .trans-skwy5,.codes:hover .htrans-skwy5:hover,.codes:hover .ctrans-skwy5,.codes .hvc:hover .ftrans-skwy5,.codes .hvc:hover .htrans-skwy5:hover{-webkit-transform:rotate(0deg) skewY(5deg) scale(1,1);-moz-transform:rotate(0deg) skewY(5deg) scale(1,1);-o-transform:rotate(0deg) skewY(5deg) scale(1,1);transform:rotate(0deg) skewY(5deg) scale(1,1);}
.codes .trans-skwy10,.codes:hover .htrans-skwy10:hover,.codes:hover .ctrans-skwy10,.codes .hvc:hover .ftrans-skwy10,.codes .hvc:hover .htrans-skwy10:hover{-webkit-transform:rotate(0deg) skewY(10deg) scale(1,1);-moz-transform:rotate(0deg) skewY(10deg) scale(1,1);-o-transform:rotate(0deg) skewY(10deg) scale(1,1);transform:rotate(0deg) skewY(10deg) scale(1,1);}
.codes .trans-skwy15,.codes:hover .htrans-skwy15:hover,.codes:hover .ctrans-skwy15,.codes .hvc:hover .ftrans-skwy15,.codes .hvc:hover .htrans-skwy15:hover{-webkit-transform:rotate(0deg) skewY(15deg) scale(1,1);-moz-transform:rotate(0deg) skewY(15deg) scale(1,1);-o-transform:rotate(0deg) skewY(15deg) scale(1,1);transform:rotate(0deg) skewY(15deg) scale(1,1);}
.codes .trans-skwy20,.codes:hover .htrans-skwy20:hover,.codes:hover .ctrans-skwy20,.codes .hvc:hover .ftrans-skwy20,.codes .hvc:hover .htrans-skwy20:hover{-webkit-transform:rotate(0deg) skewY(20deg) scale(1,1);-moz-transform:rotate(0deg) skewY(20deg) scale(1,1);-o-transform:rotate(0deg) skewY(20deg) scale(1,1);transform:rotate(0deg) skewY(20deg) scale(1,1);}
.codes .trans-skwy25,.codes:hover .htrans-skwy25:hover,.codes:hover .ctrans-skwy25,.codes .hvc:hover .ftrans-skwy25,.codes .hvc:hover .htrans-skwy25:hover{-webkit-transform:rotate(0deg) skewY(25deg) scale(1,1);-moz-transform:rotate(0deg) skewY(25deg) scale(1,1);-o-transform:rotate(0deg) skewY(25deg) scale(1,1);transform:rotate(0deg) skewY(25deg) scale(1,1);}
.codes .trans-skwy30,.codes:hover .htrans-skwy30:hover,.codes:hover .ctrans-skwy30,.codes .hvc:hover .ftrans-skwy30,.codes .hvc:hover .htrans-skwy30:hover{-webkit-transform:rotate(0deg) skewY(30deg) scale(1,1);-moz-transform:rotate(0deg) skewY(30deg) scale(1,1);-o-transform:rotate(0deg) skewY(30deg) scale(1,1);transform:rotate(0deg) skewY(30deg) scale(1,1);}
.codes .trans-skwy-5,.codes:hover .htrans-skwy-5:hover,.codes:hover .ctrans-skwy-5,.codes .hvc:hover .ftrans-skwy-5,.codes .hvc:hover .htrans-skwy-5:hover{-webkit-transform:rotate(0deg) skewY(-5deg) scale(1,1);-moz-transform:rotate(0deg) skewY(-5deg) scale(1,1);-o-transform:rotate(0deg) skewY(-5deg) scale(1,1);transform:rotate(0deg) skewY(-5deg) scale(1,1);}
.codes .trans-skwy-10,.codes:hover .htrans-skwy-10:hover,.codes:hover .ctrans-skwy-10,.codes .hvc:hover .ftrans-skwy-10,.codes .hvc:hover .htrans-skwy-10:hover{-webkit-transform:rotate(0deg) skewY(-10deg) scale(1,1);-moz-transform:rotate(0deg) skewY(-10deg) scale(1,1);-o-transform:rotate(0deg) skewY(-10deg) scale(1,1);transform:rotate(0deg) skewY(-10deg) scale(1,1);}
.codes .trans-skwy-15,.codes:hover .htrans-skwy-15:hover,.codes:hover .ctrans-skwy-15,.codes .hvc:hover .ftrans-skwy-15,.codes .hvc:hover .htrans-skwy-15:hover{-webkit-transform:rotate(0deg) skewY(-15deg) scale(1,1);-moz-transform:rotate(0deg) skewY(-15deg) scale(1,1);-o-transform:rotate(0deg) skewY(-15deg) scale(1,1);transform:rotate(0deg) skewY(-15deg) scale(1,1);}
.codes .trans-skwy-20,.codes:hover .htrans-skwy-20:hover,.codes:hover .ctrans-skwy-20,.codes .hvc:hover .ftrans-skwy-20,.codes .hvc:hover .htrans-skwy-20:hover{-webkit-transform:rotate(0deg) skewY(-20deg) scale(1,1);-moz-transform:rotate(0deg) skewY(-20deg) scale(1,1);-o-transform:rotate(0deg) skewY(-20deg) scale(1,1);transform:rotate(0deg) skewY(-20deg) scale(1,1);}
.codes .trans-skwy-25,.codes:hover .htrans-skwy-25:hover,.codes:hover .ctrans-skwy-25,.codes .hvc:hover .ftrans-skwy-25,.codes .hvc:hover .htrans-skwy-25:hover{-webkit-transform:rotate(0deg) skewY(-25deg) scale(1,1);-moz-transform:rotate(0deg) skewY(-25deg) scale(1,1);-o-transform:rotate(0deg) skewY(-25deg) scale(1,1);transform:rotate(0deg) skewY(-25deg) scale(1,1);}
.codes .trans-skwy-30,.codes:hover .htrans-skwy-30:hover,.codes:hover .ctrans-skwy-30,.codes .hvc:hover .ftrans-skwy-30,.codes .hvc:hover .htrans-skwy-30:hover{-webkit-transform:rotate(0deg) skewY(-30deg) scale(1,1);-moz-transform:rotate(0deg) skewY(-30deg) scale(1,1);-o-transform:rotate(0deg) skewY(-30deg) scale(1,1);transform:rotate(0deg) skewY(-30deg) scale(1,1);}

.codes .trans-none,.codes:hover .htrans-none:hover,.codes:hover .ctrans-none,.codes .hvc:hover .ftrans-none,.codes .hvc:hover .htrans-none:hover{-webkit-transform:rotate(0deg) skew(0deg,0deg) scale(1,1);-moz-transform:rotate(0deg) skew(0deg,0deg) scale(1,1);-o-transform:rotate(0deg) skew(0deg,0deg) scale(1,1);transform:rotate(0deg) skew(0deg,0deg) scale(1,1);}

.codes .trans-linear{-webkit-transition-timing-function:linear;-moz-transition-timing-function:linear;-o-transition-timing-function:linear;transition-timing-function:linear;}
.codes .trans-ease{-webkit-transition-timing-function:ease;-moz-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease;}
.codes .trans-easeIn{-webkit-transition-timing-function:ease-in;-moz-transition-timing-function:ease-in;-o-transition-timing-function:ease-in;transition-timing-function:ease-in;}
.codes .trans-easeInQuad{-webkit-transition-timing-function:cubic-bezier(0.550,0.085,0.680,0.530);-moz-transition-timing-function:cubic-bezier(0.550,0.085,0.680,0.530);-o-transition-timing-function:cubic-bezier(0.550,0.085,0.680,0.530);transition-timing-function:cubic-bezier(0.550,0.085,0.680,0.530);}
.codes .trans-easeInCubic{-webkit-transition-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);-moz-transition-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);-o-transition-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);transition-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);}
.codes .trans-easeInQuart{-webkit-transition-timing-function:cubic-bezier(0.895,0.030,0.685,0.220);-moz-transition-timing-function:cubic-bezier(0.895,0.030,0.685,0.220);-o-transition-timing-function:cubic-bezier(0.895,0.030,0.685,0.220);transition-timing-function:cubic-bezier(0.895,0.030,0.685,0.220);}
.codes .trans-easeInQuint{-webkit-transition-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-moz-transition-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-o-transition-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);transition-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);}
.codes .trans-easeInSine{-webkit-transition-timing-function:cubic-bezier(0.470,0.000,0.745,0.715);-moz-transition-timing-function:cubic-bezier(0.470,0.000,0.745,0.715);-o-transition-timing-function:cubic-bezier(0.470,0.000,0.745,0.715);transition-timing-function:cubic-bezier(0.470,0.000,0.745,0.715);}
.codes .trans-easeInExpo{-webkit-transition-timing-function:cubic-bezier(0.950,0.050,0.795,0.035);-moz-transition-timing-function:cubic-bezier(0.950,0.050,0.795,0.035);-o-transition-timing-function:cubic-bezier(0.950,0.050,0.795,0.035);transition-timing-function:cubic-bezier(0.950,0.050,0.795,0.035);}
.codes .trans-easeInCirc{-webkit-transition-timing-function:cubic-bezier(0.600,0.040,0.980,0.335);-moz-transition-timing-function:cubic-bezier(0.600,0.040,0.980,0.335);-o-transition-timing-function:cubic-bezier(0.600,0.040,0.980,0.335);transition-timing-function:cubic-bezier(0.600,0.040,0.980,0.335);}
.codes .trans-easeInBack{-webkit-transition-timing-function:cubic-bezier(0.600,-0.280,0.735,0.045);-moz-transition-timing-function:cubic-bezier(0.600,-0.280,0.735,0.045);-o-transition-timing-function:cubic-bezier(0.600,-0.280,0.735,0.045);transition-timing-function:cubic-bezier(0.600,-0.280,0.735,0.045);}
.codes .trans-easeOut{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;}
.codes .trans-easeOutQuad{-webkit-transition-timing-function:cubic-bezier(0.250,0.460,0.450,0.940);-moz-transition-timing-function:cubic-bezier(0.250,0.460,0.450,0.940);-o-transition-timing-function:cubic-bezier(0.250,0.460,0.450,0.940);transition-timing-function:cubic-bezier(0.250,0.460,0.450,0.940);}
.codes .trans-easeOutCubic{-webkit-transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);-moz-transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);-o-transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);}
.codes .trans-easeOutQuart{-webkit-transition-timing-function:cubic-bezier(0.165,0.840,0.440,1.000);-moz-transition-timing-function:cubic-bezier(0.165,0.840,0.440,1.000);-o-transition-timing-function:cubic-bezier(0.165,0.840,0.440,1.000);transition-timing-function:cubic-bezier(0.165,0.840,0.440,1.000);}
.codes .trans-easeOutQuint{-webkit-transition-timing-function:cubic-bezier(0.230,1.000,0.320,1.000);-moz-transition-timing-function:cubic-bezier(0.230,1.000,0.320,1.000);-o-transition-timing-function:cubic-bezier(0.230,1.000,0.320,1.000);transition-timing-function:cubic-bezier(0.230,1.000,0.320,1.000);}
.codes .trans-easeOutSine{-webkit-transition-timing-function:cubic-bezier(0.390,0.575,0.565,1.000);-moz-transition-timing-function:cubic-bezier(0.390,0.575,0.565,1.000);-o-transition-timing-function:cubic-bezier(0.390,0.575,0.565,1.000);transition-timing-function:cubic-bezier(0.390,0.575,0.565,1.000);}
.codes .trans-easeOutExpo{-webkit-transition-timing-function:cubic-bezier(0.190,1.000,0.220,1.000);-moz-transition-timing-function:cubic-bezier(0.190,1.000,0.220,1.000);-o-transition-timing-function:cubic-bezier(0.190,1.000,0.220,1.000);transition-timing-function:cubic-bezier(0.190,1.000,0.220,1.000);}
.codes .trans-easeOutCirc{-webkit-transition-timing-function:cubic-bezier(0.075,0.820,0.165,1.000);-moz-transition-timing-function:cubic-bezier(0.075,0.820,0.165,1.000);-o-transition-timing-function:cubic-bezier(0.075,0.820,0.165,1.000);transition-timing-function:cubic-bezier(0.075,0.820,0.165,1.000);}
.codes .trans-easeOutBack{-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);}
.codes .trans-easeInOut{-webkit-transition-timing-function:ease-in-out;-moz-transition-timing-function:ease-in-out;-o-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;}
.codes .trans-easeInOutQuad{-webkit-transition-timing-function:cubic-bezier(0.455,0.030,0.515,0.955);-moz-transition-timing-function:cubic-bezier(0.455,0.030,0.515,0.955);-o-transition-timing-function:cubic-bezier(0.455,0.030,0.515,0.955);transition-timing-function:cubic-bezier(0.455,0.030,0.515,0.955);}
.codes .trans-easeInOutCubic{-webkit-transition-timing-function:cubic-bezier(0.645,0.045,0.355,1.000);-moz-transition-timing-function:cubic-bezier(0.645,0.045,0.355,1.000);-o-transition-timing-function:cubic-bezier(0.645,0.045,0.355,1.000);transition-timing-function:cubic-bezier(0.645,0.045,0.355,1.000);}
.codes .trans-easeInOutQuart{-webkit-transition-timing-function:cubic-bezier(0.770,0.000,0.175,1.000);-moz-transition-timing-function:cubic-bezier(0.770,0.000,0.175,1.000);-o-transition-timing-function:cubic-bezier(0.770,0.000,0.175,1.000);transition-timing-function:cubic-bezier(0.770,0.000,0.175,1.000);}
.codes .trans-easeInOutQuint{-webkit-transition-timing-function:cubic-bezier(0.860,0.000,0.070,1.000);-moz-transition-timing-function:cubic-bezier(0.860,0.000,0.070,1.000);-o-transition-timing-function:cubic-bezier(0.860,0.000,0.070,1.000);transition-timing-function:cubic-bezier(0.860,0.000,0.070,1.000);}
.codes .trans-easeInOutSine{-webkit-transition-timing-function:cubic-bezier(0.445,0.050,0.550,0.950);-moz-transition-timing-function:cubic-bezier(0.445,0.050,0.550,0.950);-o-transition-timing-function:cubic-bezier(0.445,0.050,0.550,0.950);transition-timing-function:cubic-bezier(0.445,0.050,0.550,0.950);}
.codes .trans-easeInOutExpo{-webkit-transition-timing-function:cubic-bezier(1.000,0.000,0.000,1.000);-moz-transition-timing-function:cubic-bezier(1.000,0.000,0.000,1.000);-o-transition-timing-function:cubic-bezier(1.000,0.000,0.000,1.000);transition-timing-function:cubic-bezier(1.000,0.000,0.000,1.000);}
.codes .trans-easeInOutCirc{-webkit-transition-timing-function:cubic-bezier(0.785,0.135,0.150,0.860);-moz-transition-timing-function:cubic-bezier(0.785,0.135,0.150,0.860);-o-transition-timing-function:cubic-bezier(0.785,0.135,0.150,0.860);transition-timing-function:cubic-bezier(0.785,0.135,0.150,0.860);}
.codes .trans-easeInOutBack{-webkit-transition-timing-function:cubic-bezier(0.680,-0.550,0.265,1.550);-moz-transition-timing-function:cubic-bezier(0.680,-0.550,0.265,1.550);-o-transition-timing-function:cubic-bezier(0.680,-0.550,0.265,1.550);transition-timing-function:cubic-bezier(0.680,-0.550,0.265,1.550);}




.codes .t-content-panel{
	position:relative;
	overflow:hidden;
	z-index:1;
}
.codes .t-content-panels{
	position:absolute;
	overflow:hidden;
	z-index:1;
}

.codes .t-trigger{
	cursor:pointer;
}
.codes .t-nav{
	z-index:11;
	position:absolute;
	cursor:pointer;
}
.codes .t-prev,.codes .t-next{
	z-index:12;
	position:absolute;
	cursor:pointer;
}
.codes .t-whirl{
	z-index:1;
	-webkit-transition: all 6s linear 0s;
	-moz-transition: all 6s linear 0s;
	-o-transition: all 6s linear 0s;
	transition: all 6s linear 0s;
}
.codes .t-whirl *{
	visibility: hidden;
}
.codes .t-nav-whirl .t-active{
	z-index:2;
}
.codes .t-nav-whirl .t-active *{
	visibility: visible;
}
.codes .t-nav-toggle .t-active{
	display:none;
}
.codes .t-trigger-toggle .t-active{
	display:none;
}
.codes .t-nav .t-nav-on{
	display:block;
}
.codes .t-nav  .t-nav-off{
	display:none;
}
.codes .t-nav .t-active .t-nav-on{
	display:none;
}
.codes .t-nav .t-active .t-nav-off{
	display:block;
}



.codes .like-div{
	position:relative;
}
.codes .like-div .like-icon{
	position:absolute;
	display:block;
	width:55px;
	height:20px;
	left:0px;
	top:0px;
	z-index:1;
}
.codes .like-div:hover .like-icon{
	opacity:0.9;
	filter:alpha(opacity=90);
}
.codes .like-div .like-content{
	position:absolute;
	z-index:2;
	left:0px;
	top:0px;
}
.codes .like-div .simple-like .dig-button{
	opacity:0;
	filter:alpha(opacity=0);
}
.codes .like-div .simple-like .dig-count{
	position:absolute;
	left:55px;
	top:0px;
	background:url(https://img.alicdn.com/imgextra/i1/72600624/TB2hWdUlpXXXXcOXXXXXXXXXXXX-72600624.png) 3px center no-repeat;
	_background-image:url(https://img.alicdn.com/imgextra/i4/72600624/TB2fvRMlpXXXXX6XpXXXXXXXXXX-72600624.gif);
	color:#555555;
}
.codes .like-div .simple-like .dig-count span{
	background:url(https://img.alicdn.com/imgextra/i1/72600624/TB2hWdUlpXXXXcOXXXXXXXXXXXX-72600624.png) right center no-repeat;
	_background-image:url(https://img.alicdn.com/imgextra/i4/72600624/TB2fvRMlpXXXXX6XpXXXXXXXXXX-72600624.gif);
}
.codes .like-div .no-count .dig-count{
	display:none;
}
.codes .attention-div .sns-widget b{
	display:block;
	width:100%;
	height:100%;
	background:url(https://img.alicdn.com/imgextra/i1/72600624/TB2jwuXlpXXXXXvXXXXXXXXXXXX-72600624.png) no-repeat;
}
.codes .attention-div .friend-follow-skin-green b{
	background-position:0px 0px;
}
.codes .attention-div .friend-follow-skin-green b:hover{
	background-position:0px -26px;
}
.codes .attention-div .friend-follow-skin-green a{
	color:#ffffff;
}
.codes .attention-div .friend-follow-skin-gray b{
	background-position:-76px 0px;
}
.codes .attention-div .friend-follow-skin-gray b:hover{
	background-position:-76px -26px;
}
.codes .attention-div .friend-follow-skin-gray a{
	color:#333333;
}
.codes .search-form label,.codes .search-form input,.codes .search-form button{
	border:0;
	padding:0;
	margin:0;
	background:none;
	color:#000000;
}