@import url('https://fonts.googleapis.com/css2?family=Big+Shoulders+Stencil+Display:wght@900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap');
 
/*.zh { font-family: "微軟正黑體", "Microsoft JhengHei",  Tahoma , Verdana , Arial , sans-serif; }*/

@font-face {
    font-family: 'A Love of Thunder';
    src: url('https://cdn.h1emu.com/main/assets/fonts/ALoveofThunder.eot');
    src: local('A Love of Thunder'), local('ALoveofThunder'),
        url('https://cdn.h1emu.com/main/assets/fonts/ALoveofThunder.eot?#iefix') format('embedded-opentype'),
        url('https://cdn.h1emu.com/main/assets/fonts/ALoveofThunder.woff2') format('woff2'),
        url('https://cdn.h1emu.com/main/assets/fonts/ALoveofThunder.woff') format('woff'),
        url('https://cdn.h1emu.com/main/assets/fonts/ALoveofThunder.svg#ALoveofThunder') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

.usertopavatar { border-radius:20px; border:1px solid #FFF!important; }

.form-group.col-4 {
    display: flex;
    align-items: center;
}

.btnsteam { background: #1b2838 url("../../../patterns/3.png"); color:#FFFFFF; padding: 10px 14px; font-size:14px; }
.btnsteam:hover { background: #2a475e url("../../../patterns/3.png");color:#FFFFFF!important; }
a.btnsteam:hover { background: #2a475e url("../../../patterns/3.png");color:#FFFFFF!important; }

.btndiscord { background: #5865F2 url("../../../patterns/3.png"); color:#FFFFFF; padding: 10px 14px; font-size:14px; }
.btndiscord:hover { background: #5865F2 url("../../../patterns/3.png");color:#FFFFFF!important; }
a.btndiscord:hover { background: #5865F2 url("../../../patterns/3.png");color:#FFFFFF!important; }


.btnsteamlegacy { background: #700001 url("../../../patterns/3.png"); color:#FFFFFF; padding: 10px 14px; font-size:14px; }
.btnsteamlegacy:hover { background: #830A0B url("../../../patterns/3.png");color:#FFFFFF!important; }
a.btnsteamlegacy:hover { background: #830A0B url("../../../patterns/3.png");color:#FFFFFF!important; }
  
.btnlogin { background: #700001 url("../../../patterns/3.png"); color:#FFFFFF; padding: 3px 14px; font-size:14px; }
.btnlogin:hover { background: #830A0B url("../../../patterns/3.png");color:#FFFFFF!important; }
a.btnlogin:hover { background: #830A0B url("../../../patterns/3.png");color:#FFFFFF!important; }

.btndarker { background: #2E3131 url("../../../patterns/3.png"); color:#FFFFFF; padding: 3px 14px; font-size:14px; }
.btndarker:hover { background: #333736 url("../../../patterns/3.png");color:#FFFFFF!important; }
a.btndarker:hover { background: #333736 url("../../../patterns/3.png");color:#FFFFFF!important; }

.btngreen { background: #28AC1F url("../../../patterns/3.png"); color:#000; padding: 3px 14px; }
.btngreen:hover { background: #39A132 url("../../../patterns/3.png");color:#FFFFFF!important; }
a.btngreen:hover { background: #39A132 url("../../../patterns/3.png");color:#FFFFFF!important; }

.btn-dark { background: #8E9493 url("../../../patterns/3.png"); color:#FFFFFF; font-size:14px;}
.btn-dark:hover { background: #595C5B url("../../../patterns/3.png");color:#FFFFFF!important; }
a.btn-dark:hover { background: #595C5B url("../../../patterns/3.png");color:#FFFFFF!important; }


.serverbtn { background: #2C2C2C url("../../../patterns/3.png"); color:#FFFFFF; padding: 3px 14px; font-size:14px; border-radius: 3px; }
.serverbtn:hover { background: #FFFFFF url("../../../patterns/3.png");color:#000000!important; }
a.serverbtn:hover { background: #FFFFFF url("../../../patterns/3.png");color:#000000!important; }

h1,h2,h3,h4,h5,h6 { text-shadow: 1px 1px 5px #1F2121; }

/* PLACE YOU CUSTOM STYLES IN THIS FILE */ 
.text-h1 { color:#BF0006; } 

li.h1link { border-radius: 3px; }
li.h1link:hover { background:rgba(210,10,11,.7); color:#FFFFFF!important; border-radius: 3px; }

li.activee { background:rgba(210,10,11,.7); color:#FFFFFF!important; }

li.activee:hover { color:#FFFFFF!important; }
li.activee:focus { color:#FFFFFF!important; }

a:hover{ color:#FFFFFF!important; }

table.sstatus { border-top:0!important; }
tr.sstatus { border:0!important; }
.sstatus { color:#FFF; border-radius: 10px!important; border:0!important; }
.sstatus:hover { background: rgba(180,26,33,1) url("../../../patterns/3.png"); color:#FFFFFF; }
.table td, .table th {
    border-top:0!important;
}

.cursor { cursor: pointer!important; }

.img-thumbnail { background-color:rgba(0,0,0,.01)!important; border:2px solid #000!important; border-radius: 5px!important; }

.bg-tablelittle { border-radius:3px; background: rgba(207,208,207,.1) url("../../../patterns/3.png"); }
.bg-red { border-radius:3px; background: rgba(180,26,33,1) url("../../../patterns/3.png"); border:1px solid rgba(254,253,253,.3); }
.bg-green { border-radius:3px; background: #21A122 url("../../../patterns/3.png"); }
.bg-darker { border-radius:3px; background: #2D2E2E url("../../../patterns/3.png"); }
.bg-darker-nb { border-radius:0px; background: #2D2E2E url("../../../patterns/3.png"); }
.bg-darkerr { border-radius:0px; background: #0e0e0e url("../../../patterns/3.png"); }
.bg-sidenav { background: #2D2E2E url("../../../patterns/3.png"); }
.bg-info { border-radius:3px; background: #2DD7C0 url("../../../patterns/3.png"); }


 
.bg-steam { background: #2a475e url("../../../patterns/3.png"); border:1px solid rgba(254,253,253,.3); }

.bg-none { background: none!important; border:0!important; }

.bg-content { background: rgba(59,59,59,.5) url("../../../patterns/3.png"); }


img.animated-gif{
  width: 150px;
  height: auto;
}

.font-stencil { font-family: 'Big Shoulders Stencil Display', cursive; }
.font-quick { font-family: 'Quicksand', sans-serif; }
.font-h1 { font-family: 'A Love of Thunder'; }

.color-twitter:hover { color:#00acee!important; }
.color-git:hover { color:#4078c0!important; }
.color-discord:hover { color:#5865F2!important; }


.text-effect { text-shadow: 1px 1px 10px #1F2121; }
.text-effect-5 { text-shadow: 1px 1px 5px #1F2121; }


input.form-white, select.form-white, textarea.form-white{
    color: #FFFFFF!important;
}


#owl .item img{
    display: block;
    width: 100%; 
    height: auto;
}

.page-item { background:none!important; border:0!important;  }
a.page-link 
{ 
    background-color: none!important;
    color:#FFFFFF;
    border:0!important;
}
a.page-link:hover { color:#000000!important; background-color: none!important; }

.minitil { color:#000000;margin-bottom: 20px; }


.admin-nav { font-weight:bold;border-radius:3px; color:red!important; }
li.admin-nav:hover { font-weight:bold;border-radius:3px; background: rgba(253,254,254,.1) url("../../../patterns/3.png"); color:#FFFFFF!important; }
.admin-nav:hover { font-weight:bold;border-radius:3px; color:#FFFFFF!important; }


.acc_link { font-weight:bold;border-radius:3px; color:red!important; }
li.acc_link:hover { font-weight:bold;border-radius:3px; background: rgba(253,254,254,.1) url("../../../patterns/3.png"); color:#FFFFFF!important; }
.acc_link:hover { font-weight:bold;border-radius:3px; color:#FFFFFF!important; }
.acc_link_a { font-weight:bold;border-radius:3px; background: rgba(253,254,254,.1) url("../../../patterns/3.png"); color:#FFFFFF!important; }


.linkdl { color:#FFFFFF; text-decoration: none; text-transform: uppercase; }
.linkdl:focus { color:#FFFFFF; text-decoration: none; text-transform: uppercase; }
.linkdl:hover { color:#F4F4F4; text-decoration: none; text-transform: uppercase; }

a.wikilink { color:#FFFFFF!important; text-decoration-line: underline; text-decoration-style: dotted!important; }
a.wikilink:focus { color:#FFFFFF!important; text-decoration-line: underline; text-decoration-style: dotted; }
a.wikilink:hover { color:#FFFFFF!important; text-decoration-line: underline; text-decoration-style: dotted; }

.link_dlitem { color:#FFFFFF!important; text-decoration: none; text-transform: uppercase; }
.link_dlitem:focus { color:#DDDDDD!important; text-decoration: none!important; text-transform: uppercase; }
.link_dlitem:hover { color:#DDDDDD!important; text-decoration: none!important; text-transform: uppercase; }

.hovclass:hover { -webkit-box-shadow: 0 0 20px 0 #A62424; box-shadow: 0 0 20px 0 #A62424; }
.hovclass:focus { -webkit-box-shadow: 0 0 20px 0 #A62424; box-shadow: 0 0 20px 0 #A62424; }


.markk h3 { color:#BF0006; }

.markk ul li::before { color:#BF0006!important; }

code { border-radius:3px!important; }

.nbr { border-top-left-radius: 0!important; border-top-right-radius: 0!important; }

.nbrt { border-top-left-radius: 0;border-top-right-radius: 0; }
.nbrb { border-bottom-left-radius: 0;border-bottom-right-radius: 0; }

.nb-right-top { border-top-right-radius: 0; }
.nb-right-bottom { border-bottom-right-radius: 0; }

.nb-left-top { border-top-left-radius: 0; }
.nb-left-bottom { border-bottom-left-radius: 0; }

.color-steam { color:#1b2838; }
.color-legacy { color:#760506; }



.pt-1 { padding-top:5px; }
.pb-1 { padding-bottom:5px; }

.table thead { font-size: 13px; }
.table thead th {
    vertical-align: bottom;
    border-bottom: 0px!important;
        
}