﻿html { overflow-y:scroll; }
body { background:#c6c6c6; }
#wrapper { 
    width: 800px;
    margin: 0 auto;
    background: #fff; 
}
#container {
    width: 800px;
}
#header {
    width: 800px; height: 600px; background: url('../../images/bg_header.jpg') no-repeat; display: block;
}
#footer {
    width: 800px; height: 525px; background: url('../../images/bg_footer2.jpg') no-repeat; display: block; float:left;
}
.facebook_share {
    float: right;
    margin: 20px 10px 0 0;
}
.facebook {
    float: right;
    margin: 20px 10px 0 0;
}
#nav {
    height: 62px; margin-bottom:30px;
}
    #nav li {
        float: left;
    }

a.tnc {    
    text-decoration: underline;
    color: #67a9ff;    
}

.home_game_intro {
    padding: 0 20px 10px 20px; font-size:20px; line-height:1.5; font-weight: 100; max-height: 999999px;
}    
    .home_game_intro .prizetv {
        float: right;
        width: 180px;
    }
    .home_game_intro a.mftm {
        font-weight: 700; text-decoration: none;
        color: #a11214;
    }
    .home_game_intro table {
        margin-top: 20px;  font-size: 16px;
    }
    .home_game_intro td {
        font-size: 16px;
    }

.home_prize .prizetv {
    margin-left: 120px;
}

.home_period table {
    margin: 10px 20px;
    font-size: 16px; line-height: 1.5; font-weight: 100;
}
    .home_period table th {
        background:#6d9012; color:#fff; font-size: 20px; font-weight: 700;
    }
    .home_period table td, .home_period table th{
        padding: 5px; border-left:solid 1px #6d9012; text-align: center;
    }
    .home_period table .last {
        border-right:solid 1px #6d9012;
    }
    .home_period table .altrow {
        background: #f2f2f2;
    }
    .home_period table tr.last td {
        border-bottom:solid 1px #6d9012;
    }

.home_rewards ul {
    padding: 10px 40px; list-style: disc; list-style-position: outside;
    font-size: 20px; line-height: 1.5; font-weight: 100;
}

.game_intro {
    text-align: center; margin:0;
    font-size: 20px; line-height: 1.5; font-weight: 100;
}
    .game_intro .prizetv {
        width: 200px; margin-top:20px;
    }

.game_match {
    text-align: center; margin:10px 0;
    font-size: 20px; line-height: 1.5; font-weight: 100;
}
    .game_match select {
        width:670px; text-align:center;  padding:3px; background:#f2f2f2;
        font-size: 20px; line-height: 1.5; font-weight: 100;
    }
        .game_match select option {
            text-align:center;
        }        
    .game_match .match_date {
        margin: 30px 0 10px 0;
    }

    .game_match .match_vs {
        width:800px; height:64px; background:url('../../images/bg_game_vs.jpg') no-repeat; display:block; position:relative; margin-bottom:20px;
    }
        .game_match .match_vs .home_team {
            position: absolute; left:180px; top:15px;
            width: 160px; height: 40px; color:#fff; text-align:center;            
            font-size: 26px; line-height:40px; font-weight: 700;
        }
        .game_match .match_vs .away_team {
            position: absolute; left:460px; top:15px;
            width: 160px; height: 40px; color:#fff; text-align:center;       
            font-size: 26px; line-height:40px; font-weight: 700;
        }

.squad_home { width: 367px; float: left; margin-left: 33px; border-left:solid 1px #6d9012; border-top:solid 1px #6d9012;  border-bottom:solid 1px #6d9012; }
.squad_away { width: 368px; float: left; border-right:solid 1px #6d9012; border-top:solid 1px #6d9012;  border-bottom:solid 1px #6d9012 }

.squad_home div, .squad_away div {
    float: left;
    font-size: 16px; line-height:25px;
}

    .squad_home>div:nth-child(2n), .squad_away>div:nth-child(2n) { 
        background: #f2f2f2;
    }

    .squad_home div div:nth-child(1) { width: 50px; padding: 5px 0; text-align:center; }
    .squad_home div div:nth-child(2) { width: 215px; padding: 5px 0; text-align:center; }
    .squad_home div div:nth-child(3) { width: 100px; padding: 5px 0; text-align:center; border-left:solid 1px #6d9012; }

    .squad_away div div:nth-child(1) { width: 100px; padding: 5px 0; text-align:center; border-left:solid 1px #6d9012; }    
    .squad_away div div:nth-child(2) { width: 215px; padding: 5px 0; text-align:center; border-left:solid 1px #6d9012; }
    .squad_away div div:nth-child(3) { width: 50px; padding: 5px 0; text-align:center; }

.squad_remarks { 
    margin-left: 33px; width: 735px; float: left; padding:10px 0; 
    font-size: 14px; text-align:center;
    border-left:solid 1px #6d9012; border-right:solid 1px #6d9012;  border-bottom:solid 1px #6d9012; 
}    

.game_container { 
    background:#ffd539; width:720px; float:left;
    margin: 20px 0px; padding:20px 40px;
}
.game_container .alert {
        color: red;
        font-size: 16px;
}
.game_qna {
    text-align: center;
    font-size:20px; line-height:1.5; font-weight: 100; max-height: 999999px;
}
.game_form {
    margin:20px 0; float:left;
    font-size:19px; line-height:1.5; font-weight: 100; max-height: 999999px;
}
    .game_form span {
        font-size: 14px;
    }
    .game_form input {
        font-size: 18px;
        line-height: 1;
    }
    .game_form div {
        float: left; width:720px;
        margin-bottom: 5px;
    }

.thanks_msg {
    margin: 0 30px 20px 30px; text-align: center; font-size:16px;
}
    .thanks_msg div     {
        font-size: 36px; line-height: 1.5; font-weight: 700; margin-bottom:10px; font-family:Arial;
        color: #a11214;
    }
    
    
.result {
    margin: 0 30px 20px 30px; display:block;
}
    .result div {
        float: left; font-size:16px;
    }
        .result>div:nth-child(2n+1) { 
            background: #f2f2f2;
        }
        .result>div:last-child { 
            border-bottom:solid 1px #6d9012;
        }
        .result div div:nth-child(1) { width: 320px; padding: 5px 0; text-align:center; border-left:solid 1px #6d9012; }
        .result div div:nth-child(2) { width: 185px; padding: 5px 0; text-align:center; border-left:solid 1px #6d9012; }
        .result div div:nth-child(3) { width: 230px; padding: 5px 0; text-align:center; border-left:solid 1px #6d9012; border-right:solid 1px #6d9012; }

    .result .header {
        background: #6d9012 !important;
        color: #fff;
        font-size: 20px;
        font-weight: 700;
    }

.winner_msg {
    margin: 0 30px 20px 30px; text-align: center; font-size:16px;
}
    .winner_msg div     {
        font-size: 20px; line-height: 1.5; font-weight: 700; margin-bottom:10px;
        color: #a11214;
    }
    
.winner {
    margin: 20px 30px; display:block;
}    
    .winner div {
        float: left; font-size:16px; display:table-cell;
    }
        .winner>div:nth-child(2n+1) { 
            background: #f2f2f2;
        }
        .winner>div:last-child { 
            border-bottom:solid 1px #6d9012;
        }
        .winner div div:nth-child(1), .winner div div { width: 240px; padding: 5px 0; text-align:center; border-left:solid 1px #6d9012; }
        .winner div div:nth-child(2).winner div div + div { width: 250px; padding: 5px 0; text-align:center; border-left:solid 1px #6d9012; }
        .winner div div:nth-child(3) { width: 245px; padding: 5px 0; text-align:center; border-left:solid 1px #6d9012; border-right:solid 1px #6d9012; }

    .winner .header {
        background: #6d9012 !important;
        color: #fff;
        font-size: 20px;
        font-weight: 700;
    }