@font-face {font-family: 'Myriad Pro'; src: url(/MyriadPro-Regular.otf);}
HTML, BODY {margin: 0; padding: 0; border: 0; font-family: 'Myriad Pro', Tahoma; font-size: 18px; color:#505457; height: 100%;}
DIV, TABLE, TR, TH, TD, FORM, IMG {margin: 0; padding: 0; border: 0; height: auto;}
A {color:#7f7fff;}
BODY {background:#505457 url('/img/body_bg.png') top repeat-x;}
.all {width:960px; margin:0 auto;}
HEADER {display: block; width:960px; height:120px; background-image:url('/img/logo.png'); background-repeat:no-repeat; background-position:0 14px; text-align:right;}
FOOTER {display: block; width:960px; height:40px;}
.soc {display:inline-block; width:240px; height:32px; margin-top:44px;}
.soc A {margin-left:10px;}
.soc A.lang {margin-left:30px;}
.menu {word-spacing:0px; position:relative; top:45px;}
.menu UL {margin:0; padding:0;}
.menu LI {margin:0; padding:0 0 0 30px; display: inline;}
.menu A {color:#dcdddd; text-decoration: none; text-transform:uppercase; font-size:24px;}
.menu A:hover {color:#7f7fff;}
.menu .active A {}
.fcopy {color:#a0a0a0; margin-top:20px}

H1 {display:inline-block; margin:0; padding:10px 30px; width:960px; background:#7f7fff; color:#fff; font-size:24px; font-weight:normal;}
.container {width:960px;}
.content {width:960px; padding:10px 30px; background:#fff;}
.poster {width:960px; height:540px; background-image:url('/img/ww.jpg');}
/*.poster IMG {float:left;}*/

.imgs {display: grid; grid-template-columns: repeat(4, 1fr); grid-column-gap: 1px; grid-row-gap: 1px;}

.post {width:960px; min-height:300px; background-color:white; position:relative;}
.post_title {display:block; color:#7f7fff; font-size:24px; line-height: 18px; text-decoration:none;}
.post_img {margin:30px 30px; float:left; display:block;}
.post_img IMG {display:block; width:240px; height:240px;}
.post_info {padding:30px 30px 30px 30px;}
.grey {background-color:#ecf0f1;}
.postv {width:960px; min-height:240px;}
.vprv {width:320px; height:180px; margin:30px 30px; float:left; position:relative;}
.vpicon {width:320px; height:180px; display:block; position:absolute; top:0; left:0; background:url('/img/v2.png') center center no-repeat;}
.vpicon:hover {background:url('/img/v1.png') center center no-repeat;}

.tags {vertical-align:bottom;}
.tag {display:inline-block; padding:3px 10px 5px 10px; background-color:#7f7fff; color:#fff; margin-right:5px;}

.steam {text-align:center;}

#videowrp {position: fixed; top: 0; left: 0; width:100%; height:100%; background-color:rgba(0,0,0,0.7); z-index: 25; display:none;}
#video {position: fixed; top: 50%; left: 50%; margin-top: -210px; margin-left: -350px; width: 640px; height:360px; background:#000; padding: 30px; z-index: 30;}

* {box-sizing:border-box}

.hc {box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.5);}

.splide {box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.5); background:black;}
.splide__slide {margin-right:24px;}
.splide__slide img {height: 540px;}
.splide__pagination {width: auto;}

.post_platforms {position:absolute; bottom:30px; right:30px;}
.post_platforms A {display:inline-block;}
.post_platforms A IMG {display:block; width:50px; height:50px;}