@import url('https://fonts.googleapis.com/css?family=Oswald&display=swap'); 
body { font-family: 'Oswald', sans-serif; color: #000; background-color: #FFF; text-align: center; font-size: 14px; overflow-x: hidden; } body, html, h1, h2, h3, h4, h5, h6, p, ul, li, font { margin: 0; padding: 0; font-weight: normal; } ul, li { list-style: none; } a { color: #C60000; } h1 { display: inline-block; font-size: 23px; margin: 0 0 0 5px; } h2 { display: block; font-size: 21px; margin: 10px 0 0 0; } .clear { clear: both; } .left { float: left; } .right { float: right; } .marginmob { margin: 7px auto 0 auto; } .marginmob #video { width: 100%; } .margindes { margin: 0 auto; max-width: 1278px; } .margindes #video { max-width: 968px; } .logo { text-decoration: none; color: red; font-size: 23px; font-weight: bold; text-transform: uppercase; } .menu { font-size: 20px; margin-bottom: 10px; } .play { padding: 0; position: relative; } .play .info { width: 100%; } .play .info ul { margin: 8px 0; } .play .info li { margin-bottom: 5px; font-size: 14px; display: inline-block; background-color: #E1E1E1; color: #000; padding: 3px 4px; border-radius: 4px; } .play .info li a { color: #000; text-decoration: none; } .play .info p { font-size: 18px; } .play .adv-play { text-align:center; margin: 0; } .play .adv-play div { margin: 0 5px; display: inline-block; } .access { padding: 15px 10px; border: 4px solid #F00; border-radius: 10px; -webkit-box-shadow: 0 0 14px -1px rgba(0,0,0,0.54); -moz-box-shadow: 0 0 14px -1px rgba(0,0,0,0.54); box-shadow: 0 0 14px -1px rgba(0,0,0,0.54); max-width: 940px; font-size: 16px; } .access big { font-size: 22px; font-weight: normal; } .accessdes { margin: 10px 0 15px 0; } .accessmob { margin: 10px auto 15px auto; } #popwindows { width: 300px; height: 250px; position: absolute; } #popwindows .banner { height: 250px; width: 300px; background-color: #000; } #popwindows .close { position: absolute; cursor: pointer; background-color: #000; padding: 5px 10px; top: -26px; } .margindes #popwindows { top: 100px; right: 644px; padding: 0; } .margindes .close { right: 0; } .marginmob #popwindows { top: 0; right: 0; padding: 0 5px; } .marginmob .close { right: 5px; } #video { background-color: #000; float: left; width: 100%; height: 620px; margin-bottom: 8px; } .episodes { padding: 5px 0 0 0; } .episodes span { display: block; margin: 0 3px 6px 3px; padding: 0; } .episodes .thumb { display: block; position: relative; width: 100%; margin: 0; padding: 0; } .episodes .thumb img { display: block; width: 100%; margin: 0; padding: 0; border: 1px solid #000; } .episodes .thumb img:hover { border: 1px solid #FFF; } .episodes .thumb .txt { padding: 2px 0 4px 0; white-space: nowrap; overflow: hidden; } .episodes .thumb .txt a { display: inline-block; margin: 4px 5px; font-size: 14px; } .episodes .item { float: left; width: 33.33333%; } .epindx { max-width: 1494px; margin: 1px auto 2px auto; } .epindx span { max-width: 490px; } .episodes span p { display: block; margin: 3px 0; font-size: 14px; color: #F00; white-space: nowrap; overflow: hidden; } .episodes span small { display: block; margin: 2px 0 10px 0; font-size: 13px; color: #000; } .epindx .thumb { max-width: 490px; } .epindx .thumb a { max-width: 490px; } .epindx .thumb img { max-width: 490px; max-height: 367px; } .eprelt { max-width: 1284px; margin: 2px auto 9px auto; } .eprelt span { max-width: 420px; } .eprelt .thumb { max-width: 420px; } .eprelt .thumb a { max-width: 420px; } .eprelt .thumb img { max-width: 420px; max-height: 315px; } .list { margin: 10px 0 15px 0; } .list a { display: block; margin: 10px 0; font-size: 18px; } .links { margin: 0 10px 25px 10px; } .links a { font-size: 14px; line-height: 22px; display: inline-block; margin: 0 6px; } .links p { font-size: 14px; line-height: 22px; } .pager { font-size: 21px; margin: 5px 20px 20px 20px; } .pager li { display: inline; } .pager a { display: inline-block; color: #FFF; background-color: #C60000; margin: 0 1px 5px 1px; padding: 1px 10px; border-radius: 8px; text-decoration: none; } .pager a.name { padding: 1px 10px; color: #000; background-color: #E1E1E1; } .adv { text-align: center; } .adv-right { float: right; width: 300px; margin-bottom: 6px; } .adv-right div { width: 300px; height: 250px; } .adv-right p { margin: 6px; font-size: 21px; } .adv-right a { display: block; } .free { font-size: 12px; } .free a { display: inline-block; margin: 0 3px; } .foot { font-size: 12px; margin: 25px 10px 10px 10px; } .foot a { color: #000; } .golink { position: relative; width: 1278px; height: 700px; margin: 6px auto 10px auto; background-color: grey; } #object_container { position: absolute; } .galls { padding: 10px 5px; font-size: 8px; max-width: 996px; margin: 0 auto; overflow: hidden; white-space: nowrap; } .galls a { font-size: 14px; } .galls .lines { margin: 0 0 3px 0; } .galls .left { text-align: left; } .galls .right { text-align: right; } #toplist { margin: 10px 0; text-align: center; } #toplist li { display: inline; font-size: 1px; margin: 0 0 0 -5000px; } #toplist img { height: 0; border: 0; } @media (max-width:1300px) { .adv-right { display: none; } .margindes #video { max-width: 1278px; } .margindes #popwindows { top: 0; right: 0; padding: 0; } .play .info { width: 100%; } .accessdes { margin: 10px auto 15px auto; } .golink { width: 100%; height: 500px; } .episodes span p { font-size: 13px; } .episodes span small { font-size: 12px; margin: 2px 0 8px 0; } } @media screen and (max-width:1024px) { .galls { font-size: 9px; width: 290px; } .galls a { font-size: 12px; } .galls .left { float: left; width: 100%; } .galls .right { float: left; text-align: left; width: 100%; } } @media (max-width:840px) { h1, .logo, .info { font-size: 20px; } h2, .menu { font-size: 18px; } .episodes .item { width: 50% !important; } .episodes .thumb .txt { padding: 1 0 3px 0; } .episodes .thumb .txt a { margin: 2px 4px; font-size: 13px; } #video { height: 440px; } .play .info li { font-size: 13px; } .access { font-size: 14px; } .access big { font-size: 20px; } .links a { font-size: 12px; line-height: 20px; } .links p { font-size: 12px; line-height: 20px; } .list { font-size: 16px; } .golink { height: 400px; } .episodes span p { font-size: 12px; margin: 2px 0 6px 0; } .episodes span small { font-size: 11px; } .pager { font-size: 18px; margin: 5px 20px 20px 20px; } } @media (max-width:480px) { h1, .logo, .info { font-size: 18px; } h2, .menu { font-size: 16px; } .access span { display: none; } #video { height: 320px; } .episodes span { margin: 0 2px 4px 2px; } .episodes .thumb .txt { padding: 0 0 3px 0; } .episodes .thumb .txt a { margin: 2px 4px; font-size: 12px; } .margindes #popwindows, .marginmob #popwindows { top: 26px; } .play .info li { font-size: 12px; padding: 2px 3px; border-radius: 3px; } .play .info p { font-size: 16px; } .access { font-size: 12px; padding: 10px 5px; } .access big { font-size: 18px; } .links, .foot, .free { font-size: 11px; } .list { font-size: 14px; } .golink { height: 300px; } .episodes span p { font-size: 11px; margin: 2px 0 4px 0; } .episodes span small { font-size: 10px; } } @media (min-width:1510px) { .epindx .thumb img { width: 490px; height: 367px; } }