/*
html {font-size: 62.5%;}
*/
body {

    max-width: 1920px;
    background-color: #f2f2f2;
}
#navbar {  
    position: fixed; 
    left:0;
    width: 100%;
    background-color: white;
    z-index: 88;
    top: 0px;
}

.item_center{
        display: flex;
justify-content: center;
    flex-wrap: wrap;
}

.item_left{
        display: flex;
justify-content: flex-start;
    flex-wrap: wrap;
}

li {
    display: inline;   
}

li .menu {
    display: block;
    text-decoration: none;
    display: inline;
    position: relative;
    font-size: 17px;
    
}
li .menu:link {color:black;}
li .menu:visited {color:black;}

li .menu:hover {
    color:#0f77f8;
    cursor:pointer;
}

li .menu:active {
   color:#0f77f8;
}



ul {
    text-align:center;
    list-style-type: none;
    overflow: hidden;
}

.dropbtn {
    background-color: black;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
}

.dropdown {
    display: inline-block;
    position: relative;
    float: right;    
    margin-right: 15px;
    margin-top: 15px
}

.dropdown-content {
    display: none;
    position: absolute;
    right: 0;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align:center;
    font-size: 17px;
}

.dropdown-content a:hover {background-color: #f1f1f1;cursor:pointer;}

.dropdown:hover .dropdown-content {
    display: block;
    cursor:pointer;
}
.menu_games_dropdown{
    position: relative;
    display: flex;
justify-content: center;
}

.menu_games_dropdown_btn{    
    position: relative;
    display: block;
    width: 120px;
    height: 80px;
    margin-top: -80px;
    margin-left: -170px;
    z-index: 99;
}


.menu_games_dropdown-content {
    display: none;
    position: relative;
    top: 80px;
    left: -17px;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 99;
}

.menu_games_dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align:center;
    font-size: 17px;
}
.menu_games_dropdown-content a:hover {background-color: #f1f1f1;cursor:pointer;}

.menu_games_dropdown:hover .menu_games_dropdown-content {
    display: block;
    cursor:pointer;
    
}


.page_content {
    position:relative;
    top:0px;
    background-color: #f0f0f0;
}



.topbanner {
    position: relative;
    display: flex;
    justify-content: center;
    z-index: 50;
    background-color: white;
}
.about_text{
    position: relative;
    display: flex;
justify-content: center;
    align-items: center;
    backgroun-color:#f0f0f0;
    
}

.about_text_content {
    position: relative;
    text-align: center;
    margin-top: 80px;
    text-decoration: underline;
}


.sstlgames{
    top: 50px;
    position: relative;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;

}
.line{
    position: relative;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.title_line{
    top: 30px;
    display: inline;
    position: relative;
    padding: 2px 5px;
    width: 73px;
    height: 2px;
    background-color: #0f77f8;
}
.games_line{
    display: block;
    position: relative;
    padding: 0px 10px;
    width: 278px;
    height:1px;
    top: 8px;
    background-color: #b5b5b5;
}

.gamelist{
    position: relative;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 50px;
}

.games_content{
    width: 1024px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-content: space-around;
    flex-wrap: wrap;
}
.games{
    position: relative;
    display: block;
    width: 318px;
    height: 365px;
    margin-top: 50px;
    background-color: white;
}
.bottom_text a{
    text-decoration: none;
}

.bottom_text a:link    {color:#53585e;}
.bottom_text a:visited {color:#53585e;}
.bottom_text a:hover   {color:#8c9299;}
.bottom_text a:active  {color:#8c9299;}
.bottom_bar{
    position: relative;
    display: flex;
    justify-content: center;
}

.bottom_content{
    position: relative;
    display: flex;
    justify-content: center;   
}
a,img{border:0;}
.infopic{width:1024px;height:310px;position:relative;overflow:hidden;margin:15px auto; margin-top: 40px;}
.piclist{height:310px;position:absolute;top:0;left:0;}
.piclist li{height:310px;margin-right:15px;float:left;overflow:hidden;}
.piclist li img{height:310px;}
.pic_prev,.pic_next{width:61px;height:295px; margin-top: 15px; background-color:white; position:absolute;cursor:pointer;}
.pic_prev{background-position:0 0;left:0;}
.pic_next{background-position:0 -60px;right:0;}

#flipdown,#flipup
{
	padding:5px;
    height: 66px;
	text-align:center;
	border-top:solid 1px #c3c3c3;
    line-height: 60px;
}

/* CSS Document */