BODY{margin:0; padding:0;}
BODY, TD, DIV, SPAN,CENTER,INPUT,SELECT,TEXTAREA{font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 16px;}
.main{max-width:1250px; margin: 0 auto 10px; z-index: 0; height:100%; }
.menu{border-top: 3px solid #FF9900; display: -webkit-box; display: -ms-flexbox; display: flex;-webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap;	-webkit-box-pack: justify;	-ms-flex-pack: justify;	justify-content: space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; margin: 0 auto; width:100%;z-index: 100;}
.menu > A{-webkit-box-flex: auto;-ms-flex: auto;flex: auto; padding: 5px; border: solid 1px #f2f2f2; text-align: center; text-shadow: #fff 1px 1px 1px; font-size: 18px; font-weight: bold; text-decoration : none; color: #555;	position: relative;	z-index: 100; line-height:30px;  background-color: #eee; background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#ccc)); background: -o-linear-gradient(#f2f2f2, #ccc); background: linear-gradient(#f2f2f2, #ccc); }
.menu > A:hover, 
.menu > A.current{color: #00c;	text-decoration: none;}
.menu > A:after,
.menu > A:before{content: ""; display: block; position: absolute; width: 0;	height: 1px; background-color: #999; -webkit-transition: width 0.3s ease-out; -o-transition: width 0.3s ease-out; transition: width 0.3s ease-out;}
.menu > A:hover:after,
.menu > A:focus:after,
.menu > A:hover:before, 
.menu > A:focus:before,
.menu > A.current:after,
.menu > A.current:before{width: 100%;}
.menu > A:after{left: 0;}
.menu > A:before{right: 0;}

FIGURE{margin: 5px 2px;	position:relative; width:240px;	display: inline-block; padding:0 0 5px 0; text-align:center; vertical-align:top;}
FIGURE > A {display:block; height:160px; overflow: hidden; border: 1px solid #fff; -webkit-box-shadow: 2px 2px 5px 0px #555; box-shadow: 2px 2px 5px 0px #555; margin: 1px;}
FIGURE > A.imga {display:block; height:160px; overflow: hidden; border: 1px solid #fff; -webkit-box-shadow: 2px 2px 5px 0px #555; box-shadow: 2px 2px 5px 0px #555; margin: 1px;}
FIGURE IMG{width:240px;}
FIGURE > DIV,
FIGURE > i{text-align:center; color:#fff; background-color:rgba(0, 0, 0, 0.5); position:absolute; padding:5px 0; display:none;}
FIGURE > DIV{width:236px; top:135px; font-size:14px; line-height:16px; margin:0 0 0 2px;}
FIGURE:hover > DIV{display:block;}
FIGURE > i:hover{color:#333;background-color:rgba(255, 255, 255, 0.7);}
FIGURE > i{width:30px; font-size:16px; line-height:20px; top:2px; cursor:pointer;}
FIGURE > i:nth-last-of-type(2){left:208px; display:none;}
FIGURE > i:nth-last-of-type(1){left:2px; display:none;}
FIGURE.fvid > A {height:134px;}
FIGURE.fvid > DIV {top:110px;}
FIGURE:hover > i:nth-last-of-type(1),
FIGURE:hover > i:nth-last-of-type(2){display:block;}
FIGCAPTION{font-weight:normal; font-size:16px; height:34px; overflow: hidden; padding:5px 0;white-space:normal;}
A.ctg{font-size:16px; color:#007700;}
A.nick{font-size:16px; color:#333;}
.form_container{-webkit-perspective:400px;perspective:400px; display:inline-block; position:absolute; z-index:1; left:-1000px;}
.form_section{position:relative; width:380px; margin:80px auto; padding:20px 20px 20px; border-radius:3px;
	background-image:-webkit-gradient(linear, left top, right bottom, from(#f5f5f5), to(#aaa));
	background-image:-o-linear-gradient(top left, #f5f5f5, #aaa);
	background-image:linear-gradient(to bottom right, #f5f5f5, #aaa); -webkit-box-shadow:inset -2px -2px 5px rgba(0, 0, 0, 0.5), inset 2px 2px 5px rgba(255, 255, 255, 0.8); box-shadow:inset -2px -2px 5px rgba(0, 0, 0, 0.5), inset 2px 2px 5px rgba(255, 255, 255, 0.8);
	-webkit-transform:rotateX(90deg);
	        transform:rotateX(90deg); -webkit-transform-origin:center center; -ms-transform-origin:center center; transform-origin:center center; -webkit-transform-style:preserve-3d; transform-style:preserve-3d;
	-webkit-animation-duration:0.5s;
	        animation-duration:0.5s; -webkit-animation-iteration-count:1; animation-iteration-count:1; -webkit-animation-play-state:paused; animation-play-state:paused; -webkit-animation-name:notransform; animation-name:notransform; -webkit-animation-direction:normal; animation-direction:normal; -webkit-animation-fill-mode:forwards; animation-fill-mode:forwards; -webkit-animation-timing-function:ease; animation-timing-function:ease;}
BUTTON{display:inline-block; cursor:pointer; padding:10px 20px; margin:0px; background-color:#ccc; -webkit-transition:0.5s; -o-transition:0.5s; transition:0.5s;
	font-size:14px; font-weight:bold; color:#555; text-shadow:1px 1px 3px white;
	outline-width:0px; border-width:0px; border-radius:3px; -webkit-box-shadow:inset -1px -1px 3px rgba(0, 0, 0, 0.5), inset 1px 1px 3px rgba(255, 255, 255, 0.5); box-shadow:inset -1px -1px 3px rgba(0, 0, 0, 0.5), inset 1px 1px 3px rgba(255, 255, 255, 0.5);}
BUTTON:active {-webkit-box-shadow:inset -1px -1px 3px rgba(255, 255, 255, 0.5), inset 1px 1px 3px rgba(0, 0, 0, 0.5);box-shadow:inset -1px -1px 3px rgba(255, 255, 255, 0.5), inset 1px 1px 3px rgba(0, 0, 0, 0.5);	border:0px solid;}
BUTTON:hover{color:#00f; background-color:#ddd;}
@-webkit-keyframes transform90{100% {-webkit-transform:none;transform:none;}}
@keyframes transform90{100% {-webkit-transform:none;transform:none;}}
@-webkit-keyframes transform0{100% {-webkit-transform:rotateX(90deg);transform:rotateX(90deg);}}
@keyframes transform0{100% {-webkit-transform:rotateX(90deg);transform:rotateX(90deg);}}
.form_section > P{margin:-20px -20px 20px; color:#555; line-height:40px; font-size:24px; font-weight:bold; text-align:center; text-shadow:1px 1px white; background-color:rgba(0, 0, 0, 0.1); border-bottom:1px solid #cfcfcf;}
.form_section INPUT:not([type="submit"]){width:90%; height:34px; margin:10px; padding:0 5px; border-width:0px; outline-width:0px; color:#404040; font-size:20px; background-color:white; -webkit-box-shadow:-2px -2px 5px rgba(0,0,0,0.5), 2px 2px 5px rgba(255, 255, 255,1); box-shadow:-2px -2px 5px rgba(0,0,0,0.5), 2px 2px 5px rgba(255, 255, 255,1);}
.shake_class{-webkit-animation:0.4s shake;animation:0.4s shake;}
@-webkit-keyframes shake{10%,90%{-webkit-transform: translateX(-1px);transform: translateX(-1px);} 20%,80%{-webkit-transform: translateX(2px);transform: translateX(2px);} 30%,50%,70%{-webkit-transform: translateX(-4px);transform: translateX(-4px);} 40%,60%{-webkit-transform: translateX(4px);transform: translateX(4px);}}
@keyframes shake{10%,90%{-webkit-transform: translateX(-1px);transform: translateX(-1px);} 20%,80%{-webkit-transform: translateX(2px);transform: translateX(2px);} 30%,50%,70%{-webkit-transform: translateX(-4px);transform: translateX(-4px);} 40%,60%{-webkit-transform: translateX(4px);transform: translateX(4px);}}
:-moz-placeholder{color:#999 !important; font-size:16px;}/* Firefox 18- */
::-webkit-input-placeholder{color:#999; font-size:16px;}/* Chrome/Opera/Safari */
:-ms-input-placeholder{color:#999; font-size:16px;}/* IE 10+ */
INPUT[type=submit]{display:block; cursor:pointer;	padding:10px 30px; margin:10px auto 0; width:200px; background-color:#b3b3b3; -webkit-transition:0.5s; -o-transition:0.5s; transition:0.5s;
	font-size:20px; font-weight:bold; color:#555; text-shadow:1px 1px white;
	outline-width:0px; border-width:0px; border-radius:5px;
	-webkit-box-shadow:inset -1px -1px 3px rgba(0, 0, 0, 0.5), inset 1px 1px 3px rgba(255, 255, 255, 0.5);
	        box-shadow:inset -1px -1px 3px rgba(0, 0, 0, 0.5), inset 1px 1px 3px rgba(255, 255, 255, 0.5);}
INPUT[type=submit]:active{-webkit-box-shadow:inset -1px -1px 3px rgba(255, 255, 255, 0.5), inset 1px 1px 3px rgba(0, 0, 0, 0.5);box-shadow:inset -1px -1px 3px rgba(255, 255, 255, 0.5), inset 1px 1px 3px rgba(0, 0, 0, 0.5); border:0px solid;}
INPUT[type=submit]:hover{color:#00f;	background-color:#ddd;}
.prx{display:block; position:absolute; border:1px solid #dddddd; -webkit-box-shadow:2px 2px 5px 0px #555; box-shadow:2px 2px 5px 0px #555; -webkit-transition-property:opacity; -o-transition-property:opacity; transition-property:opacity; -webkit-transition-duration:0.5s; -o-transition-duration:0.5s; transition-duration:0.5s; opacity:.0; z-index:200; left:-1000px; top:-1000px;}
/*http://dimox.name/custom-checkboxes-and-radio-buttons-using-css-only */
.checkbox INPUT{position:absolute; z-index:-1; opacity:0; margin:10px 0 0 20px;}
.checkbox__text{position:relative; padding:0 0 0 60px; display:inline; cursor:pointer;}
.checkbox__text:before{content:''; position:absolute; top:-4px; left:0px; width:50px; height:26px; border-radius:13px; background-color:#CDD1DA; -webkit-box-shadow:inset 0 2px 3px rgba(0,0,0,.2); box-shadow:inset 0 2px 3px rgba(0,0,0,.2); -webkit-transition:.2s; -o-transition:.2s; transition:.2s;}
.checkbox__text:after {content:''; position:absolute; top:-2px; left:2px; width:22px; height:22px; border-radius:10px; background-color:#FFFFFF; -webkit-box-shadow:0 2px 5px rgba(0,0,0,.3); box-shadow:0 2px 5px rgba(0,0,0,.3); -webkit-transition:.2s; -o-transition:.2s; transition:.2s;}
.checkbox input:checked + .checkbox__text:before {background: #9FD468;}
.checkbox input:checked + .checkbox__text:after{left:26px;}
.checkbox input:focus   + .checkbox__text:before{-webkit-box-shadow:inset 0 2px 3px rgba(0,0,0,.2), 0 0 0 3px rgba(255,255,0,.7);box-shadow:inset 0 2px 3px rgba(0,0,0,.2), 0 0 0 3px rgba(255,255,0,.7);}
#radio_div{padding:10px 10px 10px 120px;}
.radio input{position:absolute; z-index:-1; opacity:0; margin:10px;}
.radio__text{position:relative; padding:0 0 0 35px; display:inline; cursor:pointer;}
.radio__text:before{content:''; position:absolute; top:-3px; left:0px; width:22px; height:22px; border-radius:50%; background-color:#FFF; border:1px solid #ccc;}
.radio__text:after{ content:''; position:absolute; top: 1px; left:4px; width:16px; height:16px; border-radius:50%; background-color:#9FD468; -webkit-box-shadow:inset 1px 1px 1px rgba(0,0,0,.5); box-shadow:inset 1px 1px 1px rgba(0,0,0,.5); opacity:0; -webkit-transition:.5s; -o-transition:.5s; transition:.5s;}
.radio input:checked + .radio__text:after{opacity:1;}
.radio input:focus + .radio__text:before{-webkit-box-shadow:0 0 5px rgba(0,0,0,.0);box-shadow:0 0 5px rgba(0,0,0,.0);}

.box{display: -webkit-box;display: -ms-flexbox;display: flex; width: 100%; margin:15px 0;}
.box_img{-webkit-box-flex:0;-ms-flex:0 1 730px;flex:0 1 730px; border:0px solid #f00;}
.box_img IMG{width:240px;margin:1px;}
.box_right{-webkit-box-flex: 1;-ms-flex: 1;flex: 1;position:relative;padding-bottom:80px;}
.box_stat{width:100%; border-collapse:separate; border-spacing:2px; position:absolute; height:60px; bottom:0; border-bottom:1px solid #000;}
.box_stat TH{padding:2px; font-size:14px; background-color:#ccc;}
.box_stat TD{padding:2px; font-size:18px; background-color:#eee;text-align:center;white-space:nowrap;}
.box_nick{ position:absolute; height:20px; bottom:60px; width:100%;}
/*@media all and (max-width: 800px){
    .box{flex-direction: column;}
}

@media only screen
and (min-device-width: 320px)
and (max-device-width: 480px) {
  BODY {
  	background-color:#000;
	}
}
@media handheld and (orientation: landscape){
 BODY {
  	background-color:#000;
	}
}

*/
DIV#break{height:0;width:0;}
@media only screen
and (max-width: 800px){
DIV#break {
  flex-basis: 100%;
}
.menu A:nth-child(1){order: 1;}
.menu A:nth-child(2){order: 2;}
.menu A:nth-child(3){order: 3;}
.menu A:nth-child(4){order: 4;}
.menu A:nth-child(5){order: 6;}
.menu A:nth-child(6){order: 7;}
.menu A:nth-child(7){order: 8;}
.menu A:nth-child(8){order: 9;}
.menu DIV:nth-child(9){order: 5;}
 
}

LABEL{display:block; margin:10px;}
nav {display:-webkit-box;display:-ms-flexbox;display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -ms-flex-line-pack:center; align-content:center; font-size:24px; margin:50px 5px; padding:3px; background-color:#eee;}
nav > a {padding:3px; margin:1px; text-align:center; border: 2px solid transparent; text-decoration: none; color:#333;}
nav > a.des{font-weight:bold; border:3px solid transparent;}
nav > a:hover{border-color:#00f transparent; color:#00f;}
nav > a#next:hover , nav > a#prev:hover{border-color:#0b0 transparent; color:#0b0;}
nav > strong{padding:3px 12px; margin:1px; text-align:center; color:#f00; border:2px solid transparent; border-color:#f00 transparent;}
nav > b{padding:3px; margin:1px; text-align:center; border:3px solid transparent; color:#aaa; font-weight:bold;}

.inc_head{width:100%; padding:20px; text-align:center; font-weight:bold; font-size:20px; background-color:#eee; -webkit-box-sizing:border-box; box-sizing:border-box; border:1px solid #ccc;}
SPAN.nobr{white-space: nowrap;}