@font-face
{
 font-family:'teggers';
 src:url('../cogs/teggers.woff') format('woff');
}
@font-face
{
 font-family:'icons';
 src:url('../cogs/icons.woff') format('woff');
}
*
{
 margin:0;
 outline:none;
 font-family:teggers,verdana,arial,helvetica,sans-serif;
}
html,body
{
 height:100%;
 margin:0;
}
body
{ 
 overflow-y:scroll;
}
body > .bum
{
 position:-webkit-sticky;
 position:sticky;
 top:calc(100vh - 180px);
}
a
{
 color:#ffcccc;
}
::placeholder
{
 color:#e77ecd;
 opacity:1;
}
::-ms-input-placeholder
{
 color:#e77ecd;
}
.watch
{
 display:none;
}
.hed
{
 color:#ffffff;
 background-color:#000000;
}
.icons div
{
 float:right;
 font-family:icons;
}
.nav input[type=checkbox]
{
 display:none;
 -webkit-appearance:none;
}
.nav input[type=checkbox]:checked ~ .mnu
{
 display:block;
}
.mnu ul
{
 list-style-type:none;
}
.mnu li
{
 display:inline-block;
 cursor:pointer;
}
.mnu li a
{
 font-size:10vw;
 text-decoration:none;
 cursor:pointer;
}
.teggers
{
 float:left;
 height:12vw;
 margin-top:-16px;
}
.list
{
 position:relative;
 padding:8vw;
 font-size:8vw;
 line-height:6vw;
 color:#ffffff;
 background:#000000;
}
.bum
{
 height:180px;
 padding-top:4vw;
 color:#ffffff;
 background-color:#000000;
}
.bum img
{
 float:right;
 height:16vw;
 margin-right:8vw;
}
.bum .lnx ul
{
 list-style-type:none;
}
.bum .lnx a
{
 color:#b4628c;
 font-size:4vw;
 text-decoration:none;
}
.home .top
{
 position:relative;
 height:48vw;
 padding:8vw;
 font-size:8vw;
 line-height:6vw;
 color:#ffffff;
 background-image:url('../img/top.webp');
 background-repeat:no-repeat;
 background-size:100%;
}
.home .top img
{
 position:absolute;
 top:4vw;
 right:4vw;
 height:36vw;
}
.home .hot
{
 height:220px;
 padding-left:120px;
 background:url('../img/teggers.webp') bottom left no-repeat;
 text-align:center;
 font-size:8vw;
}
.home .sale
{
 margin-top:-8vw;
 color:#ffffff;
 background-color:#000000;
}
.home .sale .btn
{
 float:right;
}
.home .itm
{
 height:60vw;
 width:calc(100% - 16vw);
 margin:8vw;
 padding:6vw;
 background:center center no-repeat;
 box-sizing:border-box;
 border:1px #ffff15 dotted;
}
.home .itm img
{
 width:60vw;
}
.home .i01
{
 background:url('../img/bg01.webp');
}
.home .i02
{
 background:url('../img/bg02.webp');
}
.videos .top
{
 position:relative;
 height:48vw;
 padding:8vw;
 font-size:8vw;
 line-height:6vw;
 color:#ffffff;
 background-color:#000000;
}
.videos .hot
{
 height:220px;
 padding-left:120px;
 background:url('../img/teggers.webp') bottom left no-repeat;
 text-align:center;
 font-size:8vw;
}
.videos .sale
{
 margin-top:-8vw;
 color:#ffffff;
 background-color:#000000;
}
.videos .sale .btn
{
 float:right;
}
.videos .itm
{
 height:60vw;
 width:calc(100% - 16vw);
 margin:8vw;
 padding:6vw;
 background:center center no-repeat;
 box-sizing:border-box;
 border:1px #ffff15 dotted;
}
.videos .itm img
{
 width:60vw;
}
.videos .i01
{
 background:url('../img/bg01.webp');
}
.videos .i02
{
 background:url('../img/bg02.webp');
}
.box
{
 width:100%;
 padding:6vw;
 color:#b4628c;
 background-color:#000000;
}
.blk
{
 padding:1vw;
 background:#000000;
}
.orng
{
 color:#ff5c00;
}
.btn
{
 padding:2vw;
 color:#ffffff;
 background-color:#ff5c00;
 border:1px #ffffff solid;
 border-radius:4vw;
 cursor:pointer;
}
.clr
{
 clear:both;
}
.left
{
 float:left;
 text-align:left;
}
.rite
{
 float:right;
}