/*
body {
    background: url('Logo.png') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    margin: 0 0 0 0;
}
*/
.button {
    width: 80%;
    height: 50px;
    background-color: #DD420C;
    padding: 10px;
    border: none;
    color: White;
    font-family: 'Segoe UI';
    font-size: 20px;
}

.button:hover {
    background-color: #7CBB00;
}

.button-menu {
    width: 100%;
    height: 80%;
    background-color: #DD420C;
    padding: 10px;
    border: none;
    color: White;
    font-family: 'Segoe UI';
    font-size: 20px;
    background-image: url('lock.png');
    background-size: 100px 100px;
    background-repeat: no-repeat;
}

.button-menu:hover {
    background-color: #7CBB00;
}

.button-sub-menu {
    width: 100%;
    height: 80%;
    background-color: #7CBB00;
    padding: 10px;
    border: none;
    color: White;
    font-family: 'Segoe UI';
    font-size: 20px;
    background-image: url('lock.png');
    background-size: 100px 100px;
    background-repeat: no-repeat;
}

.button-sub-menu:hover {
    background-color: #DD420C;
}

.input {
    background-color: #9B9B9B;
    border: 1px solid #CCCCCC;
    width: 80%;
    height: 50px;
    padding: 10px;
    color: #FFFFFF;
    font-size: 20px;
    font-family: 'Segoe UI';
}

.copyright {
    width: 100%;
    height: 50px;
    text-align: center;
    bottom: 0px;
    position: fixed;
    margin-top: 100px;
    color: #7CBB00;
    font-family: 'Segoe UI';
    font-size: 14px;
}

.divlogin {
    width: 300px;
    height: 400px;
    background-color: #F5F5F5;
    border-radius: 10px;
    top: 50%;
    left: 50%;
    opacity: 0.3;
    position: absolute;
    margin-left: -150px;
    margin-top: -200px;
    float: left;
    z-index: -99999;
}

.divlogin2 {
    width: 300px;
    height: 400px;
    border-radius: 10px;
    top: 50%;
    left: 50%;
    position: absolute;
    margin-left: -150px;
    margin-top: -200px;
    float: left;
    z-index: 1;
}

.divlogo {
    width: 100%;
    text-align: center;
    padding-top: 10px;
}

.divinput {
    width: 100%;
    text-align: center;
    padding-top: 20px;
}

.menu {
    width: 90%;
    height: 100px;
    background-color: #F5F5F5;
    border-radius: 10px;
    left: 50%;
    margin-left: -45%;
    margin-top: 10px;
    position: absolute;
    float: left;
    z-index: -99999;
    opacity: 0.3;
    /*top: 18%;
    left: 50%;
    opacity: 0.3;
    position: absolute;
    margin-left: -45%;
    margin-top: -8%;
    float: left;
    z-index: -99999;*/
}

.menu2 {
    width: 90%;
    height: 100px;
    border-radius: 10px;
    left: 50%;
    margin-left: -45%;
    margin-top: 10px;
    position: absolute;
    float: left;
    z-index: 1;
    /*top: 18%;
    left: 50%;
    position: absolute;
    margin-left: -45%;
    margin-top: -8%;
    float: left;
    z-index: 1;*/
    /*background-color: #F5F5F5;*/
}

.sub-menu {
    width: 90%;
    height: 100px;
    background-color: #F5F5F5;
    border-radius: 10px;
    /*top: 10px;*/
    left: 50%;
    opacity: 0.3;
    position: absolute;
    margin-left: -45%;
    margin-top: 10px;
    float: left;
    z-index: -99999;
}

.sub-menu2 {
    width: 90%;
    height: 100px;
    border-radius: 10px;
    /*top: 10px;*/
    left: 50%;
    position: absolute;
    margin-left: -45%;
    margin-top: 10px;
    float: left;
    z-index: 1;
    /*background-color: #F5F5F5;*/
}

.Content {
    width: 90%;
    height: 450px;
    background-color: #F5F5F5;
    border-radius: 10px;
    /*top: 10px;*/
    left: 50%;
    opacity: 0.3;
    position: absolute;
    margin-left: -45%;
    margin-top: 120px;
    float: left;
    /*border:1px solid red;*/
    z-index: -99999;
    /*overflow: scroll;
    overflow-x: hidden;*/
}

.Content-2 {
    width: 90%;
    height: 450px;
    border-radius: 10px;
    /*top: 10px;*/
    left: 50%;
    position: absolute;
    margin-left: -45%;
    margin-top: 120px;
    float: left;
    z-index: 1;
    overflow: hidden;
    overflow-x: hidden;
    /*padding: 20px;*/
    /*scrollbar-arrow-color:#656565;*/
    scrollbar-base-color:none;
    /*scrollbar-track-color:#656565;*/
    /*border:1px solid blue;*/
    /*background-color: #FFFFFF;*/
}

.baslik {
    color: white; 
    border: 0px solid #CCCCCC; 
    width: 100px; 
    height:25px; 
    margin-top: 10px; 
    font-family: 'Segoe UI'; 
    font-size: 13pt;
}

.baslik2 {
    color: white; 
    border: 0px solid #CCCCCC; 
    width: 200px; 
    height:25px; 
    margin-top: 10px; 
    font-family: 'Segoe UI'; 
    font-size: 13pt;
}

.baslik3 {
    color: white; 
    border: 0px solid #CCCCCC; 
    width: 115px; 
    height:25px; 
    margin-top: 10px; 
    font-family: 'Segoe UI'; 
    font-size: 13pt;
}

.txt {
    color: white; 
    border: 0px solid #CCCCCC; 
    width: 220px; 
    height:25px;  
    margin-top: 10px; 
    font-family: 'Segoe UI'; 
    font-size: 13pt;
}

/* Kwanksoft CSS */

.gradient
{
    background-color: #6DA9CD;
    margin-bottom:0px;
	height: 100%;
	background: -webkit-linear-gradient(#F4F7FA, #6DA9CD); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#F4F7FA, #6DA9CD); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#F4F7FA, #6DA9CD); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#F4F7FA, #6DA9CD); /* Standard syntax (must be last) */
}

a {
    color:#3AA0CC;
    text-decoration:none;
}

a:hover {
    
    color:#F39548;
}

.copyright-k {
    border:0px solid red; 
    width:400px; 
    height:30px; 
    float:left; 
    margin-top:15px; 
    margin-left:10px; 
    font-family:'Segoe UI'; 
    font-size:12pt; 
    font-weight:normal; 
    color:#666666;
}

.copyright-k-span {
    font-weight:bolder;
}

.fb-link {
    border:0px solid black; 
    width:50px; 
    height:50px; 
    float:right; 
    background-image:url('fb.png'); 
    background-size: 50px 50px; 
    background-repeat:no-repeat; 
    margin-top:1px;
    /*a[href^="https://www.facebook.com/Kwanksoft"];*/
}

.google-link {
    border:0px solid black; 
    width:50px; 
    height:50px; 
    float:right; 
    background-image:url('Google.png'); 
    background-size: 44px 44px; 
    background-repeat:no-repeat; 
    margin-top:4px; 
    margin-right:-5px;
}

.youtube-link {
    border:0px solid black; 
    width:50px; 
    height:50px; 
    float:right; 
    background-image:url('YouTube.png'); 
    background-size: 44px 44px; 
    background-repeat:no-repeat; 
    margin-top:5px; 
    margin-right:-2px;
}

.instagram-link {
    border:0px solid black; 
    width:50px; 
    height:50px; 
    float:right; 
    background-image:url('instagram.png'); 
    background-size: 44px 44px; 
    background-repeat:no-repeat; 
    margin-top:5px; 
    margin-right:-2px;
}

.email-link {
    border:0px solid black; 
    width:50px; 
    height:50px; 
    float:right; 
    background-image:url('Email.png'); 
    background-size: 46px 46px; 
    background-repeat:no-repeat; 
    margin-top:4px;
}

.qr-link {
    border:0px solid black; 
    width:50px; 
    height:50px; 
    float:right; 
    background-image:url('qr.png'); 
    background-size: 46px 46px; 
    background-repeat:no-repeat; 
    margin-top:4px;
}

.icon-div {
    border:0px solid red; 
    width:400px; 
    height:30px; 
    float:right;
}

.footer {
    width:1000px; 
    height:50px; 
    border:0px solid black; 
    margin-left:auto; 
    margin-right:auto;
}

.line-bottom {
    width:1001px; 
    border-top:4px solid #c6c6c6; 
    margin-left:auto; 
    margin-right:auto; 
    margin-top:0px;
}

.line-top {
    width:1001px; 
    border-top:4px solid #cccccc; 
    margin-left:auto; 
    margin-right:auto; 
    margin-top:0px;
}

.menu-k {
    width:450px; 
    height:100px; 
    border:0px solid black; 
    float:right; 
    margin-right:-2px; 
    padding-top:85px;
}

.menu-k-right-item {
    border:2px solid #CCCCCC; 
    border-top-right-radius:10px; 
    border-bottom:none; 
    border-left:none; 
    width:100px; 
    height:40px; 
    float:right; 
    font-weight:bold; 
    text-align:center; 
    font-family:'Segoe UI'; 
    font-size:16pt; 
    margin-right:2px;
}

.menu-k-middle-item {
    border:2px solid #CCCCCC; 
    border-bottom:none; 
    border-left:none;
    width:100px; 
    height:40px; 
    float:right; 
    font-weight:bold; 
    text-align:center;
    font-family:'Segoe UI'; 
    font-size:16pt;
}

.menu-k-left-item {
    border:2px solid #CCCCCC; 
    border-top-left-radius:10px; 
    border-bottom:none; 
    width:100px; 
    height:40px; 
    float:right; 
    font-weight:bold; 
    text-align:center; 
    font-family:'Segoe UI'; 
    font-size:16pt;
}

.kapat {
    width:40px; 
    height:50px; 
    border:0px solid black; 
    background-image:url('kapat.png'); 
    background-repeat:no-repeat; 
    background-size:100% 100%; 
    float:left; 
    margin-top:20px; 
    margin-left:-20px;
}

.ac {
    width:40px; 
    height:50px; 
    border:0px solid black; 
    background-image:url('ac.png'); 
    background-repeat:no-repeat; 
    background-size:100% 100%; 
    float:left;
    margin-top:20px; 
    margin-left:-20px;
}

.kwank {
    width:100px; 
    height:50px; 
    border:0px solid black; 
    background-image:url('kwank.png'); 
    background-repeat:no-repeat; 
    background-size:100% 100%; 
    float:left; 
    margin-top:20px; 
    margin-left:5px;
}

.logo-ic-div {
    width:250px; 
    height:100px; 
    border:0px solid black; 
    float:left;
}

.big-logo {
    width:150px; 
    height:130px; 
    border:0px solid black; 
    background-image:url('new_logo_3.png'); 
    background-repeat:no-repeat; 
    background-size:100% 100%; 
    float:left;
}

.game {
    width:60px; 
    height:50%; 
    border:0px solid black;
     background-image:url('Game.png'); 
     background-repeat:no-repeat; 
     background-size:100% 100%; 
     margin-top:2px;
}

.studio {
    width:60px; 
    height:50%; 
    border:0px solid black; 
    background-image:url('Studio.png'); 
    background-repeat:no-repeat; 
    background-size:100% 100%; 
    float:left; 
    margin-top:-7px;
}

.gs-ic-div {
    width:60px; 
    height:50px; 
    border:0px solid red; 
    float:left; 
    margin-top:20px; 
    margin-left:-10px; 
    margin-right:9px;
}

.top-k {
    width:1000px; 
    height:115px; 
    border:0px solid black; 
    margin-left:auto; 
    margin-right:auto; 
    margin-bottom:10px;
}

.middle-div {
    width:1000px; 
    height:500px; 
    border:0px solid red; 
    margin-left:auto; 
    margin-right:auto; 
    margin-top:20px;
}

.middle-div-big-logo {
    background-image:url('new_logo_3.png'); background-repeat:no-repeat; background-size:100% 100%; width:500px; height:500px; float:left;border:0px solid red;
}

.middle-div-ic {
    width:480px; height:200px; border:0px solid black; float:left;
}

.middle-div-kwank {
    width:200px; height:100px; border:0px solid black; background-image:url('kwank.png'); background-repeat:no-repeat; background-size:100% 100%; float:left; margin-top:90px; margin-left:15px;
}

.middle-div-ac {
    width:80px; height:100px; border:0px solid black; background-image:url('ac.png'); background-repeat:no-repeat; background-size:100% 100%; float:left; margin-top:90px; margin-left:-20px;
}

.middle-div-gs {
    width:120px; height:100px; border:0px solid red; float:left; margin-top:90px; margin-left:-10px; margin-right:9px;
}

.middle-div-game {
    width:120px; height:50%; border:0px solid black; background-image:url('Game.png'); background-repeat:no-repeat; background-size:100% 100%; margin-top:2px;
}

.middle-div-studio {
    width:120px; height:50%; border:0px solid black; background-image:url('Studio.png'); background-repeat:no-repeat; background-size:100% 100%; float:left; margin-top:-7px;
}

.middle-div-kapat {
width:80px; height:100px; border:0px solid black; background-image:url('kapat.png'); background-repeat:no-repeat; background-size:100% 100%; float:left; margin-top:90px; margin-left:-20px;
}

.mail-to {
    width:480px; height:50px; border:0px solid black; float:left; margin-top:50px; text-align:center; font-size:14pt; font-family:'Segoe UI'; font-weight:bold; color:#666666; padding-top:20px;
}

.middle-div-games {
    width:1001px; height:1820px; border-top:1px solid #cccccc; margin-left:auto; margin-right:auto; margin-top:0px;
}

.middle-div-games-first {
    background-image:url('images/BB01.jpg'); background-size:100% 100%; background-repeat:no-repeat; width:1000px; height:500px;
}

.middle-div-games-second {
    background-image:url('images/HU01.jpg'); background-size:100% 100%; background-repeat:no-repeat; width:1000px; height:500px; margin-top:10px;
}

.middle-div-games-third {
    background-image:url('images/SI01.jpg'); background-size:100% 100%; background-repeat:no-repeat; width:1000px; height:500px; margin-top:10px;
}

.google-play-left {
    background-image:url('ggp.png'); background-size:100% 100%; background-repeat:no-repeat; width:180px; height:60px; border:0px solid black; margin-top:400px; margin-left: 30px; position:absolute;
}

.google-play-right {
    background-image:url('ggp.png'); background-size:100% 100%; background-repeat:no-repeat; width:180px; height:60px; border:0px solid black; margin-top:400px; margin-left: 750px; position:absolute;
}

.google-play-center {
    background-image:url('ggp.png'); background-size:100% 100%; background-repeat:no-repeat; width:430px; height:150px; border:0px solid black; margin-top:25px; margin-left: 285px; margin-right:auto; position:absolute;
}

.middle-games-sub {
    border:0px solid black; width:1000px; height:300px;
}

.middle-header {
    width:1000px; height:60px; border:0px solid black; font-family:'Segoe UI'; font-size:30pt; font-weight:bolder; text-align:center; color:#3AA0CC; padding-top:20px;
}

.middle-header-span {
    color:#F29447;
}

.middle-text {
    width:1000px; height:20px; border:0px solid black; text-align:center; font-family:'Segoe UI'; font-weight:bold; color:#666666;
}

.staff {
    width:420px; height:200px; border:0px solid black; float:right; background-image:url('staff.png'); background-repeat:no-repeat; padding-left:-40px;
}

.staff-text {
    width:400px; height:250px; border:0px solid black; float:right; margin-top:0px; text-align:left; font-size:14pt; font-family:'Segoe UI'; font-weight:bold; color:#666666; padding-top:20px; padding-left: 50px;
}

.middle-div-about {
    width:1000px; height:500px; border:0px solid red; margin-left:auto; margin-right:auto; margin-top:20px;
}