@font-face{font-family:"Sansation_Regular";src:url(../fonts/Sansation_Bold.ttf);font-weight:bold}@font-face{font-family:"Sansation_Regular";src:url(../fonts/Sansation_Italic.ttf);font-style:italic}@font-face{font-family:"Sansation_Regular";src:url(../fonts/Sansation_Regular.ttf)}@font-face{font-family:font_2;src:url(../fonts/font_2.otf)}html,body{height:100%;width:100%;padding:0;margin:0;font-size:20px;background:#f2f2f2;font-family:"Sansation_Regular"}#header,.header{height:80%!important}#header img,.header img{height:100%;padding-top:10%;transition:all 0.5s}#header img:hover,.header img:hover{-moz-transform:rotate(20deg);-webkit-transform:rotate(20deg);-o-transform:rotate(20deg);transform:rotate(20deg)}#search_input{width:calc(100% - 50px);line-height:70px;display:none}#search_input input{width:100%;height:50%;text-align:center;background:#fff;border:none;border-radius:5px;padding:5px}#search_input input:focus{box-shadow:0 0 0 1px rgba(0,0,0,0.1) inset;outline-width:0}#search{float:right;height:30%;top:35%;position:relative}#search img{height:100%;cursor:pointer}.simple_nav{height:50px;width:100%;padding:0;font-size:20px}.simple_nav ul,.simple_nav .ul{list-style-type:none;height:100%;width:70%;margin:0 auto;padding:0}.simple_nav ul li,.simple_nav .ul .li{padding-left:0;float:left;margin-right:50px;margin-left:0;height:100%}nav ul li a,#main_nav .ul .li a{color:#c7c6c6;text-decoration:none;font-size:15px;line-height:60px;transition:all 0.2s ease-in-out}#main_nav_container{height:70px;background:gray}nav ul li a:active,#main_nav .ul .li a:active,.button,button,.button_normal{outline:none}.simple_nav ul .right_li,.simple_nav ul .register,.simple_nav ul .logout,.simple_nav ul .account{float:right;margin-left:20px;margin-right:0}nav ul li a:hover,nav ul .active a,nav ul .active,nav ul .active:hover{color:#717171}nav ul .text{margin-right:0}nav ul .text a{color:#484848}nav ul .text a:hover{color:#484848}#main_nav{background:#f2f2f2;background:rgba(255,255,255,0.95);position:fixed;width:100%;padding:0;height:70px;min-width:200px;z-index:5;box-shadow:0 3px 10px 3px rgba(0,0,0,0.1);border-bottom:1px solid rgba(0,0,0,0.2)}#main_nav ul li a,#main_nav .ul .li a{font-size:20px;line-height:70px}#main_nav ul .account a img{vertical-align:middle;height:40%}#main_nav ul .right_li a,#main_nav ul .register a,#main_nav ul .logout a,#main_nav ul .account a{font-size:14px;width:100%;height:100%;padding:7px}#main_nav ul .logout{margin:0;color:#c7c6c6}#main_nav ul .account{max-width:200px;overflow:hidden;text-overflow:"...";color:#c7c6c6;white-space:nowrap;text-align:right}#main_nav ul .register span{height:20px;width:100%;padding:0}#main_nav #main_nav_min{display:none}#min_menu_entries{display:none;height:auto;width:100%}#min_menu_entries li{width:100%;display:block;background:white;border-bottom:1px solid rgba(0,0,0,0.1);margin:0;padding:0;height:35px;text-align:center}#min_menu_entries li a{line-height:35px!important}#main_nav_min #menu img{height:100%;cursor:pointer}#main_nav_min #menu{height:30%;top:35%;position:relative;margin-right:10px}#title{padding:20px;margin:0;border-bottom:1px solid rgba(0,0,0,0.1);color:#1173ad}#title #title_head{padding:0;margin:0;display:inline-block}#title #time #title h1,#title h2{padding:0;margin:0;font-weight:bold}h1{font-size:28px;margin:0}h2{font-size:16px;color:#d1d1d1;left:0;display:block;text-align:left}#title nav{width:70%;margin:0 auto}#content_wrapper,.row{background:#f2f2f2;width:100%;min-width:200px;margin:0 auto}.sort_nav{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;justify-content:space-between;width:70%;margin:0 auto;overflow:hidden;min-height:20px}.sort_nav ul{padding:15px 0 0 0;margin:0;list-style:none;border-top:1px solid rgba(0,0,0,0.1);margin-left:-10px;margin-bottom:10px}.sort_nav ul li{float:left;margin-left:10px}.sort_nav ul li a{line-height:30px}#content_wrapper .main,.row .main{font-size:17px;padding:0;width:70%;margin:0 auto;background:white;box-shadow:0 0 5px 1px rgba(0,0,0,0.1);border-radius:2px;color:#484848;min-height:200px}#content_wrapper .main #top_image{height:300px;width:100%;overflow:hidden;position:relative;z-index:1}#content_wrapper .main #top_image img{position:absolute;top:-100%;left:0;right:0;bottom:-100%;margin:auto;width:100%}#content_wrapper .main .content{padding:20px}#content_wrapper .main a:link,#content_wrapper .main a:visited{color:#838282;text-decoration:none;transition:all 0.2s ease-in-out}#content_wrapper .main a:hover{color:#505050;text-decoration:underline}#content_wrapper .content .form_group{margin-bottom:10px}#content_wrapper .content .form_group label{font-weight:bold;font-size:15px}#content_wrapper .content .form_group input,#content_wrapper .content .form_group textarea{width:calc(100% - 10px);display:inline-block;border:1px solid rgb(204,204,204);border-radius:5px;padding:5px;background:white}#content_wrapper .content .form_group input:focus,#content_wrapper .content .form_group textarea:focus{box-shadow:0 0 8px rgba(18,150,188,0.6)}#content_wrapper .content .form_group textarea{height:200px}#content_wrapper .content .form_group input:-webkit-autofill{-webkit-box-shadow:0 0 0 50px #fff inset;-webkit-text-fill-color:#333}#content_wrapper .content .form_group input:-webkit-autofill:focus{-webkit-box-shadow:0 0 8px rgba(18,150,188,0.6),0 0 0 50px #fff inset!important;-webkit-text-fill-color:#333}form .save{margin-top:20px;background:none;padding:0}form .save input[type=submit],.button,button,#main_nav ul .register a,.button_normal{color:white!important;background:#1296bc;background:linear-gradient(#1296bc,#1070ab);border-radius:5px;cursor:pointer;border:none}form .save input[type=submit],.button{width:auto;height:auto;padding:5px 10px}form .save input[type=submit]:hover,.button:hover,#main_nav ul .register a:hover{background:#0d708c;background:linear-gradient(#0d708c,#0b5b72);text-decoration:none!important;color:white!important}.button{display:inline-block;padding:20px 40px;margin:20px auto}button,.button_normal{padding:5px 10px;font-size:15px;line-height:20px;background:#f3f3f3;background:linear-gradient(to bottom,#fff,#f3f3f3);border:1px solid rgba(0,0,0,0.1);color:#484848!important;margin-bottom:5px;text-decoration:none}button:hover,.active button,.button_normal:hover{background:#f3f3f3}table{width:100%;border-top:1px solid rgba(0,0,0,0.1);border-left:1px solid rgba(0,0,0,0.1);font-size:14px}table td,table th{border-right:1px solid rgba(0,0,0,0.1);border-bottom:1px solid rgba(0,0,0,0.1);text-align:center}.message_warn,.message_success{border:1px solid rgba(0,0,0,0.1);margin-bottom:20px;padding:15px;text-align:center;border-radius:5px}.message_success{background:#d9edf7;color:#1296bc}.message_warn{background:#f2dede;color:#c04240}footer{width:100%;margin:0 auto;min-width:200px}@media (max-width:1024px){.simple_nav ul,.simple_nav .ul{width:90%}#content_wrapper .main,.row .main{width:90%}#content_wrapper .sort_nav{width:90%}#content_wrapper .main #top_image{height:200px}#main_nav ul .account{max-width:120px}}@media (max-width:750px){#main_nav li,.simple_nav li,#main_nav .li{margin-right:10px}h1{font-size:25px}#main_nav .right_li,#main_nav .register,#main_nav .account,#main_nav .logout{margin-right:0;margin-left:10px}}@media (max-width:550px){.simple_nav ul,.simple_nav .ul{width:99%}#content_wrapper .main,.row .main{width:99%}#content_wrapper .sort_nav{width:99%}#content_wrapper .main .content{padding:10px}#title{padding:10px}#main_nav .register{display:none}#main_nav .logout{display:none}#content_wrapper .main #top_image{height:100px}}@media (max-width:450px){#main_nav ul li a{font-size:15px}#search{height:30%;top:35%}#main_nav ul .account{max-width:50px}}@media (max-width:330px){#main_nav #main_nav_full{display:none}#main_nav #main_nav_min{display:block}#search_form_min{display:block!important}}@media (orientation:landscape){#main_nav_container{height:50px}#main_nav{height:50px}#main_nav ul li a,#main_nav .ul .li a{font-size:17px;line-height:50px}#main_nav ul .right_li a,#main_nav ul .register a,#main_nav ul .logout a,#main_nav ul .account a{font-size:14px;padding:7px}#search{height:40%;top:30%}#main_nav_min #menu{height:40%;top:30%}#search_input{line-height:50px}}@media print{html,body{background:white}nav,button,.button_normal{display:none!important}#title{background:none;padding:0;color:black;box-shadow:none}#title h1,#title h2,#title time{font-family:Sansation_Regular;color:black}.comment_entry{display:none}#content_wrapper{background:white}#content_wrapper .main{width:100%;box-shadow:none}.blog_picture{width:30%!important}}.row{width:100%;margin:0 auto;padding:30px 0;background:#fff;border-bottom:1px solid rgba(0,0,0,0.1)}#row_1{background:#126298;background:linear-gradient(to right,#126298 0,#0b93ba 100%);padding:100px 0}.row h1{font-size:50px;color:#373959}.row h2{font-size:19px}.row .favicon{height:110px;float:left;margin-right:20px}.row .main{box-shadow:none;background:none;font-size:19px;min-height:0}.row .main .row_container{}.row .main .row_container .text{display:inline-block}@media (max-width:1024px){.row h1{font-size:30px}.row h2{font-size:17px}.row .main{font-size:17px}.row .favicon{height:80px}}@media (max-width:750px){#row_1{padding:50px 0}.row{padding:10px 0}.row h1{font-size:25px}.row h2{font-size:15px}.row .main{font-size:15px}.row .favicon{height:70px}}@media (max-width:550px){#row_1{padding:25px 0}.row{padding:5px 0}}@media (max-width:450px){.row .favicon{display:none}}@media (max-width:330px){}#blog_overview{width:100%;display:block;margin-top:20px;text-align:center;clear:both}#blog_overview .blog_entry{display:inline-block;padding-right:20px;padding-bottom:50px;width:400px;text-align:left;height:400px}#blog_overview .blog_entry .blog_entry_image{width:100%;height:70%;overflow:hidden}#blog_overview .blog_entry .category{display:block;vertical-align:middle;width:100%;height:100%;position:relative}#blog_overview .blog_entry .category .text{background:rgba(18,150,188,0.7);color:white;padding:5px;position:absolute;right:10px;bottom:10px}#blog_overview h3 b{color:black}#blog_overview .blog_entry .blog_entry_image .img{display:block;height:100%;width:100%;background-position:center center;background-repeat:no-repeat;background-size:cover}#blog_overview .blog_entry .blog_entry_text{display:block;width:100%;height:30%;overflow:hidden}#blog_overview .blog_entry .blog_entry_text h3{font-size:15px;margin:5px 0}#blog_overview .blog_entry .blog_entry_text{font-size:15px;margin:5px}#blog_overview .blog_entry .blog_entry_date{border-top:1px solid rgba(0,0,0,0.1);font-family:font_2}.blog_picture .img{max-height:400px;overflow:hidden;width:calc(100% - 2px);border:1px solid rgba(0,0,0,0.1)}.blog_picture .img img{width:100%}.blog_picture{display:block;width:280px}.blog_picture .desc{display:block;background:#f2f2f2;padding:5px;border-radius:0 0 5px 5px;font-size:14px}.intro_wrapper .blog_picture{float:left;margin-right:20px}#subscribe{float:right;text-align:right;overflow:hidden;margin-bottom:10px}#subscribe_content{position:absolute;background:#fff;border:1px solid rgba(0,0,0,0.1);padding:0;border-radius:5px;text-align:left;display:none;z-index:1}#subscribe_content:after{content:' ';position:absolute;width:0;height:0;left:21px;top:-26px;border:13px solid;border-color:transparent transparent #fff transparent}#subscribe_content:before{content:' ';position:absolute;width:0;height:0;left:20px;top:-29px;border:14px solid;border-color:transparent transparent rgba(0,0,0,0.1) transparent}#subscribe_content ul{list-style:none;padding:0 10px}#subscribe_content ul li img{height:14px;margin-right:5px}code{background:#F0F0F0;padding:2px}blockquote{color:#8b8b8b;margin-left:20px;padding-left:10px;border-left:5px solid #e6e6e6}@media (max-width:1350px){#blog_overview .blog_entry{width:300px;height:300px}#blog_overview .blog_entry .blog_entry_image{height:60%}#blog_overview .blog_entry .blog_entry_text{height:40%}}@media (max-width:780px){#blog_overview .blog_entry{padding-right:0;padding-bottom:30px;width:100%;height:200px}#blog_overview .blog_entry .blog_entry_image{height:50%}#blog_overview .blog_entry .blog_entry_text{height:50%}.blog_picture{width:70%}.blog_picture .desc{padding:2px}}@media (max-width:550px){.blog_picture{width:100%}}.video_entry{width:75%;margin:0 auto}.video_part_container{margin-bottom:10px}.video_part_container .head{border-radius:5px 5px 0 0;background:#f2f2f2;font-size:14px;padding:0 10px;line-height:32px;height:32px}.video_part_container .time{float:right;font-size:12px}.video_part_container a:hover{text-decoration:none!important}.video_part{padding:10px 10px;border-top:1px solid rgba(0,0,0,0.1);font-size:14px}.video_part .title{width:calc(100% - 40px);display:inline-block;white-space:nowrap;overflow:hidden}a .video_part:hover{background:#f2f2f2}.active .video_part{border-left:2px solid #1296bc;color:#1296bc}.video_part .num{width:24px;display:inline-block}.source_code{font-size:12px}@media (max-width:1024px){.video_entry{width:90%}}@media (max-width:750px){.video_entry{width:100%}}@media (max-width:450px){#video_demo{display:none}}#top_slider{display:block;width:750px;margin:20px auto 0}#top_slider .fullscreen{float:right}#game_slider{display:block;width:750px;margin:0 auto 10px}#game_intro{display:block;width:750px;margin:10px auto}#game_object:-webkit-full-screen{width:100%;height:100%;position:fixed;top:0;left:0}#game_object:-moz-full-screen{width:100%;height:100%;position:fixed;top:0;left:0}#game_object:-ms-fullscreen{width:100%;height:100%;position:fixed;top:0;left:0}#game_object:fullscreen{width:100%;height:100%;position:fixed;top:0;left:0}.form_text{width:70%;margin:20px auto;text-align:center;margin-bottom:30px}.contained_form .message_warn,.contained_form .message_success{padding:10px;width:calc(80% - 20px);margin:auto auto 20px auto}.contained_form{width:70%;margin:20px auto;border-top:1px solid rgba(0,0,0,0.1);border-bottom:1px solid rgba(0,0,0,0.1);padding:20px 0}.contained_form .form_group{width:80%;margin:auto auto 10px auto}.contained_form .form_group input{padding:10px!important;width:calc(100% - 20px)}.contained_form input:focus{box-shadow:0 0 0 1px rgba(0,0,0,0.1) inset;outline-width:0}.contained_form .save{width:80%;margin:20px auto auto auto!important}.contained_form .save input{padding:10px 20px!important}input[type=checkbox]{width:auto!important}@media (max-width:1024px){.form_text{width:90%}.contained_form{width:90%}}@media (max-width:750px){.contained_form .message_warn,.contained_form .message_success{margin-top:10px!important;width:calc(100% - 20px)}.form_text{width:100%}.contained_form{width:100%;padding:0}.contained_form .form_group{width:100%}.contained_form .save{width:100%}}#settings_wrapper{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;justify-content:space-between;width:100%}.second_nav{width:200px;padding:0;margin-right:20px;margin-bottom:20px}.second_nav ul{padding:0;margin:0;list-style:none}.second_nav .admin{margin-top:20px}.second_nav ul li{text-align:center}.second_nav ul .head{background:#f2f2f2;border-radius:5px 5px 0 0;border:1px solid rgba(0,0,0,0.1);padding:5px}.second_nav .admin .head{background:#f2a9a9;border-radius:5px 5px 0 0;border:1px solid rgba(242,169,169,0.5)}.second_nav ul li a,.second_nav ul li span{text-align:center;border-bottom:1px solid rgba(0,0,0,0.1);border-left:1px solid rgba(0,0,0,0.1);border-right:1px solid rgba(0,0,0,0.1);display:block;line-height:40px}.second_nav .admin li a,.second_nav .admin li span{border-bottom:1px solid rgba(242,169,169,0.5);border-left:1px solid rgba(242,169,169,0.5);border-right:1px solid rgba(242,169,169,0.5)}.second_nav ul li .selected{border-left:2px solid #1296bc;color:#1296bc;font-size:15px}.second_nav .admin li .selected{border-left:2px solid #f26262;color:#f26262;font-size:15px}.second_nav ul li a:hover{background:rgba(0,0,0,0.02);text-decoration:none!important}#settings_tab{margin:0;width:50%;flex-grow:2}#settings_tab .head{background:#f2f2f2;padding:5px;text-align:center;border-top:1px solid rgba(0,0,0,0.1);border-left:1px solid rgba(0,0,0,0.1);border-right:1px solid rgba(0,0,0,0.1);border-radius:5px 5px 0 0}#settings_tab .content{padding:10px;padding-top:30px;border:1px solid rgba(0,0,0,0.1)}#settings_tab .content .description{margin-bottom:20px}#settings_tab .wrapper{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;justify-content:space-between;width:100%}#settings_tab .wrapper .flex1,#settings_tab .wrapper .flex2{margin:0;width:40%;flex-grow:2}#settings_tab .wrapper .flex1{min-width:200px;margin-right:30px}#settings_tab .wrapper .flex2{margin:0}#settings_tab .wrapper .flex2 img{width:30%;display:block;margin:0 auto}#settings_tab .wrapper .flex2 span{display:block;width:80%;margin:20px auto auto auto;text-align:center}#settings_tab .avatar_wrapper{margin:0;background:rgba(0,0,0,0.03);border-radius:20px;height:auto;padding:20px}@media (max-width:550px){.second_nav{width:100%;margin-right:0}}.admin_userlist .warn{color:#f26262}.admin_userlist input,.admin_userlist select{text-align:center;background:none;border:1px solid rgba(0,0,0,0.2);padding:5px}.comment_speech_bubble{position:relative;color:#0a5368!important;display:inline-block;text-align:center;background:#1296bc;border:1px solid rgba(0,0,0,0.2);border-radius:5px;box-shadow:2px 2px 4px rgba(0,0,0,0.1);padding:10px 5px;font-size:13px;float:right;text-decoration:none;transition:all 0.2s ease-in-out}.main .comment_speech_bubble{margin:10px}.comment_speech_bubble:after{content:' ';position:absolute;width:0;height:0;left:13px;border:13px solid;border-color:#1296bc transparent transparent #1296bc;transition:all 0.2s ease-in-out}.comment_speech_bubble:hover{background:#0b5b72;color:#1296bc!important;text-decoration:none!important}.comment_speech_bubble:hover:after{border-color:#0b5b72 transparent transparent #0b5b72}.comment_speech_bubble .num{font-weight:bold;font-size:30px}#comments_title{color:#484848}#comments_sort ul{border-top:none;padding-top:5px;padding-left:5px}.comment_wrapper{overflow:hidden;width:100%}.comment_left{float:left;height:70px}.comment_left img{height:100%}.comment_right{margin-left:90px}.comment_right .comment_user{font-size:20px;font-weight:bold;margin-bottom:10px}.comment_right .comment_time{float:right;font-family:font_2;font-size:15px}.comment_right .comment_text{word-wrap:break-word}#add_comment .button{padding:10px 20px;margin:10px auto}@media (max-width:780px){.comment_left{height:50px}.comment_right{margin-left:70px;font-size:14px}.comment_right .comment_user{font-size:16px;margin-bottom:12px}#add_comment{font-size:14px}#add_comment .button{padding:5px 10px;margin:5px auto}}@media (max-width:550px){.comment_left{height:30px}.comment_right{margin-left:50px}}