/* 31.03.17 */

@font-face {font-family: 'header'; src:url('./font/head.ttf') format('truetype');}

* {font-size:100%;margin:0;padding:0;}

body, html {height:100%;}
::selection {background:#ffff00;color:red;text-shadow:none;}
a {text-decoration:none;color:blue;}
a img, fieldset {border:0;}
ol, ul {padding:0 0 0 35px;}
input:focus {outline:none;}

.nano {
   position:relative;
   width:1190px;
   margin:0 auto 7px;
   padding:0;
   background-color:#fff;
   box-shadow:0px 0px 15px 0px #000;
   border-radius:15px;overflow:hidden;
   min-height:900px;
}
.nano h2 {margin:20px 20px;}
.nanotwo {
   position:relative;
   width:990px;
   margin:0 auto 7px;
   padding:0;
   background-color:#fff;
   box-shadow:0px 0px 15px 0px #000;
   border-radius:15px;
   overflow:hidden;
   min-height:900px;
}
.nanotwo h2 {margin:20px 20px;}
.middle {display:flex;justify-content:center;margin:5px 0;width:1190px}

.content {
   position:relative;
   overflow:hidden;
   min-height:900px;
}
.header {
   position:relative;
   height:150px;
   background-color:#0c00ff;
   background-image:url(../i/default/bgm.jpg);
   border-radius:15px 15px 0 0;
   margin:0;
}
.header a {
   display:block;
   position:absolute;
   width:128px;
   height:128px;
   margin:11px 0 0 16px;
   border:0;
   background:url(../i/default/logo.png) no-repeat;
   z-index:200;
}
.header p {
   position:absolute;
   width:770px;
   height:60px;
   overflow:hidden;
   z-index:100;
   text-align:left;
   margin:30px 0 0 190px;
   font:65px 'header';
   color:white;
   opacity:0.85;

}
.header h1 {
   position:absolute;
   width:770px;
   height:20px;
   overflow:hidden;
   text-overflow:ellipsis;
   z-index:100;
   text-align:left;
   margin:93px 0 0 190px;
   font-family:normal tahoma,verdana,sans-serif,Helvetica,Arial !important;
   font-size:16px;
   color:#ddd;
   text-shadow:none;
}
.clear {clear:both;}
.footer {
   position:relative;
   height:50px;
   background-color:#0c00ff;
   background-image:url(../i/default/bgm.jpg);
   border-radius:0 0 15px 15px;
   margin:0;
}
.footer p {color:white;text-align:center;padding:10px 3px;font-size:18px;}
.footer p a {color:white;}

p {margin:10px 5px;text-align:justify;}
h1, h2, h3, h4, h5 {
   font-weight:bold;
   margin:20px 0px;
   padding:0 20px;
   text-shadow:5px 5px 5px #aaa;
}
blockquote {margin-left:20px;color:#555;border-left:1px #333 dotted;}
.ol {margin:0 35px;}


.alert {
   position: relative;
   box-shadow:0px 0px 15px 0px #000;
   border-radius:15px;
   margin:10px auto;
   background-color:white;
}
.alert select,
.alert input[type="text"],
.alert input[type="email"],
.alert input[type="submit"],
.alert input[type="password"],
.alert textarea {
   border:1px solid rgba(0,0,0,0.07);
   border-radius:5px;
   box-shadow:inset 1px 1px 2px 0px rgba(0,0,0,0.25);
   font-size:21px;
   height:35px;
   text-align:left;
   margin:10px;
   padding:10px;
}
.alert select {height:57px;}
.alert textarea {
   font-size:16px;
   resize:none;
   height:300px;
}
.alert select:focus,
.alert input:focus,
.alert textarea:focus {
   background-color:#ffc;
}
.alert input[type="submit"] {
   box-shadow:1px 1px 2px 0px rgba(0,0,0,0.25), inset 0px -24px 0px 0px #ff4600, inset 0px 32px 0px 1px #ff4600;
   font-size:21px;
   height:57px;
   text-align:center;
   background:transparent;
   margin-bottom:10px;
}
.alert input[type="submit"].red {color:red;}
.alert .head {
   background-color:#ff4600;   
   height:50px;
   padding:5px 10px;
   border-radius:10px 10px 0 0;
   color:#fff;
}
.alert .head .icon {
   float:left;
   padding-right:5px;
   margin-right:10px;
   border-right:1px solid #fff;
}
.alert .head .icon .p {
   height:40px;
   width:40px;
   background:url(../i/default/icon_profile.png) 100% 100% no-repeat;
   background-size:cover;
}
.alert .head .title {
   font-family:tahoma;
   font-size:18px;
   font-weight:bold;
   padding-top:7px;
   text-shadow:3px 3px 10px #555;
   opacity:1.0;
}
.alert .head .title a {
   color:#fff;
   text-decoration:underline;
}

.content-admin-buttons {
   text-align:right;
   margin:10px 0 0 0;
   display:block;
}
.content-admin-buttons input { /*button.csscook.com*/
   width:125px;
   margin-left:5px;
   border:solid 1px #e6e6e6;
   border-radius:10px;
   moz-border-radius:10px;
   -webkit-box-shadow:5px 4px 14px rgba(0,0,0,0.4);
   -moz-box-shadow:5px 4px 14px rgba(0,0,0,0.4);
   box-shadow:5px 4px 14px rgba(0,0,0,0.4);
   font-size:13px;
   padding:7px 3px;
   background:#ffffff;
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(53%,#f1f1f1), color-stop(54%,#e1e1e1), color-stop(100%,#f6f6f6));
   background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 53%, #e1e1e1 54%, #f6f6f6 100%);
   background: -webkit-linear-gradient(top, #ffffff 0%, #f1f1f1 53%, #e1e1e1 54%, #f6f6f6 100%);
   background: -o-linear-gradient(top, #ffffff 0%, #f1f1f1 53%, #e1e1e1 54%, #f6f6f6 100%);
   background: -ms-linear-gradient(top, #ffffff 0%, #f1f1f1 53%, #e1e1e1 54%, #f6f6f6 100%);
   background: linear-gradient(top, #ffffff 0%, #f1f1f1 53%, #e1e1e1 54%, #f6f6f6 100%);
   filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#f6f6f6",GradientType=0);
   color:#555;
}
.content-admin-buttons input:active {
   -webkit-box-shadow:2px 2px 10px rgba(0,100,0,0.4);
   -moz-box-shadow:2px 2px 10px rgba(0,100,0,0.4);
   box-shadow:2px 2px 10px rgba(0,100,0,0.4);
}
.content-admin-buttons input.red {color:red;}
.content-admin-buttons input.blue {color:blue;}
.content-admin-buttons input.green {color:green;}

input:required:invalid,
input:focus:invalid,
textarea:required:invalid,
textarea:focus:invalid {
   background-position:right top;background-repeat:no-repeat; -moz-box-shadow:none;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAeVJREFUeNqkU01oE1EQ/mazSTdRmqSxLVSJVKU9RYoHD8WfHr16kh5EFA8eSy6hXrwUPBSKZ6E9V1CU4tGf0DZWDEQrGkhprRDbCvlpavan3ezu+LLSUnADLZnHwHvzmJlvvpkhZkY7IqFNaTuAfPhhP/8Uo87SGSaDsP27hgYM/lUpy6lHdqsAtM+BPfvqKp3ufYKwcgmWCug6oKmrrG3PoaqngWjdd/922hOBs5C/jJA6x7AiUt8VYVUAVQXXShfIqCYRMZO8/N1N+B8H1sOUwivpSUSVCJ2MAjtVwBAIdv+AQkHQqbOgc+fBvorjyQENDcch16/BtkQdAlC4E6jrYHGgGU18Io3gmhzJuwub6/fQJYNi/YBpCifhbDaAPXFvCBVxXbvfbNGFeN8DkjogWAd8DljV3KRutcEAeHMN/HXZ4p9bhncJHCyhNx52R0Kv/XNuQvYBnM+CP7xddXL5KaJw0TMAF8qjnMvegeK/SLHubhpKDKIrJDlvXoMX3y9xcSMZyBQ+tpyk5hzsa2Ns7LGdfWdbL6fZvHn92d7dgROH/730YBLtiZmEdGPkFnhX4kxmjVe2xgPfCtrRd6GHRtEh9zsL8xVe+pwSzj+OtwvletZZ/wLeKD71L+ZeHHWZ/gowABkp7AwwnEjFAAAAAElFTkSuQmCC);
}
input:required:valid,
textarea:required:valid {
   background-position:right top;background-repeat:no-repeat;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAepJREFUeNrEk79PFEEUx9/uDDd7v/AAQQnEQokmJCRGwc7/QeM/YGVxsZJQYI/EhCChICYmUJigNBSGzobQaI5SaYRw6imne0d2D/bYmZ3dGd+YQKEHYiyc5GUyb3Y+77vfeWNpreFfhvXfAWAAJtbKi7dff1rWK9vPHx3mThP2Iaipk5EzTg8Qmru38H7izmkFHAF4WH1R52654PR0Oamzj2dKxYt/Bbg1OPZuY3d9aU82VGem/5LtnJscLxWzfzRxaWNqWJP0XUadIbSzu5DuvUJpzq7sfYBKsP1GJeLB+PWpt8cCXm4+2+zLXx4guKiLXWA2Nc5ChOuacMEPv20FkT+dIawyenVi5VcAbcigWzXLeNiDRCdwId0LFm5IUMBIBgrp8wOEsFlfeCGm23/zoBZWn9a4C314A1nCoM1OAVccuGyCkPs/P+pIdVIOkG9pIh6YlyqCrwhRKD3GygK9PUBImIQQxRi4b2O+JcCLg8+e8NZiLVEygwCrWpYF0jQJziYU/ho2TUuCPTn8hHcQNuZy1/94sAMOzQHDeqaij7Cd8Dt8CatGhX3iWxgtFW/m29pnUjR7TSQcRCIAVW1FSr6KAVYdi+5Pj8yunviYHq7f72po3Y9dbi7CxzDO1+duzCXH9cEPAQYAhJELY/AqBtwAAAAASUVORK5CYII=);
}

.toolbar {padding-top:5px;text-align:center;}
.toolbar .button {margin:2px;padding:0;width:23px;height:22px;border:1px silver solid;}
.toolbar .button:hover {border-color:orange;}

/* slim */
.alert {width:950px;}
.alert.slim {width:500px;}
.alert input,
.alert textarea {width:915px;}
.alert input[type="submit"] {width:937px;}
.alert.slim select {width:487px;}
.alert.slim input,
.alert.slim textarea {width:465px;}
.alert.slim input[type="submit"] {width:487px;}
.alert input[type="checkbox"] {
   width:20px;
   height:20px;
   margin:10px;
   padding:0;
}
/* slim */