<br />
<b>Notice</b>:  Undefined index: web_game_id in <b>C:\SNS_TH\website\css\index.php</b> on line <b>28</b><br />
@charset "utf-8";

/**************************************

                通用格式

**************************************/

body {
    background-color: #000;
}

[data-head="content"] a {
    color: #fc0;
}

[data-head="content"] a:hover {
    color: #78ff00;
}

[data-head="content"] a.active {
    color: #f00;
}


/**************************************

                網站版型

**************************************/

/*-------Menu START-------*/
.Menu a {
    color: #fff99b;
    border-left: #005689 1px solid;
    border-right: #000 1px solid;
}

.Menu_right li,
.Menu_left li:last-child {
    box-shadow: 1px 0px rgba(0, 90, 142, 0.93);
}

.Menu a:hover {
    color: #fff;
    background: rgba(0, 130, 181, 0.41);
    box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 1);
}

/*-------Menu END-------*/


/*-------News START-------*/

.News {
    border-top: 1px solid #de621a;
    border-bottom: 1px solid #de621a;    
}
.News_title span {
    color: #FFF;
}

.News_title a {
    color: #fff99b;
}

.News_List a {
    background: rgba(63, 3, 0, 0.5);
    border: rgba(229, 141, 30, 0.54) 1px solid;
    color: #ffbd95;
}

.News_List a:hover {
    background: rgba(100, 33, 0, 0.63);
    border: #ff852b 1px solid;
    color: #FFF;
}
.News_Pic{
    width: 49%;
    float: left;
    margin: 5% 2%;
    min-height: 420px;
}
.News_Pic img{
    width: 100%;
}

/*-------News END-------*/

/*-------Game START-------*/

.Game {
    border-top: 1px solid #7cb0fd;
    border-bottom: 1px solid #7cb0fd;
    max-height: 800px;    
}
.Game_Box{
    opacity: 1;
    margin: 15% 2%;
}
.Game_Box span {
    color: #FFF;
    opacity: 0;
}

.Game_Box p {
    color: #FFF;
    opacity: 0;
}


/*-------Game END-------*/

/*-------Info START-------*/

.Info {
    border-top: #176f9d 1px solid;
    border-bottom: #176f9d 1px solid;
}

.Info_box a {
    border: rgba(1, 186, 224, 0.48) 1px solid;
}

.Info_box a:hover {
    border: rgb(1, 186, 224) 1px solid;
}

.Info_box li div span {
    color: #FC3;
}

.Info_box li div p {
    color: #FFF;
    font-size: 13px;
}

/*-------Info END-------*/
.Info_box li{
    vertical-align: top;
}

/*-------Download START-------*/

.Download {
    border-top: #176f9d 1px solid;
    border-bottom: #176f9d 1px solid;
}

.Download_left span {
    color: #FFF;
}

.Download_left p {
    color: #FFF;
    font-size: 21px;
}
.Download_right{
    margin: 7% 0 0 0;    
}

/*-------Download END-------*/

/*-------Footer START-------*/

.Footer {
    border-top: #176f9d 1px solid;   
}

.Footer_left {
    color: #FFF;
}
.footerMenu{
    display: none;
}
.footerMenu a {
    color: #FFF;
}

.footerMenu li a:hover {
    color: #fff99b;
}

.Footer_right {
    color: #FFF;
    display: none;
}
.footerMail a{
    color: #EFA6F4;
    text-decoration: underline;    
}

/*-------Footer END-------*/


/**************************************

                公告頁用

**************************************/
.selected {
    color: #fff;
    background: rgba(0, 130, 181, 0.41);
}
.News_Page {
    border-top:none;
    border-bottom: none;    
}
.News_Menu_Box li a {
    color: #fff99b;
    border-left: rgba(0, 86, 137, 0.4) 1px solid;
}
.News_Menu_Box li a:hover {
    color: #fff;
    background: rgba(0, 130, 181, 0.41);
    box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 1);
}
.News_content_theme_box li {
    border-bottom: rgba(23, 69, 99, 0.67) 1px solid;
    color: #FFF;
}
.News_content_theme_box li a:hover {
    background: rgba(120, 229, 235, 0.12);
    box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 1);
}
.News_content_theme .theme {
    color: #ffd35f;
}
.News_content_theme .title {
    color: white;
}
.News_content_theme .date {
    color: white;    
}
.content {
    background: rgba(17, 7, 5, 0.55);
}
.content h1 {
    color: #ffd35f;
}
.content h2,
h3,
h4,
h5,
h6 {
    color: #FFF;
}

@media only screen and (max-width: 1317px) {
    .News_Pic{
        width: 47%;
    }
    .News_Box{
        width: 45%;
    }
}
@media only screen and (max-width: 950px) {
    .News_Pic{
        width: 95%;
        float: initial;
        margin: 20px auto;
        min-height: auto;
    }
    .News_Box{
        width: 95%;
        float: initial;
        margin: 0 auto 15px auto;
    }
    .Game{
        background: url(../images//game2.jpg);
        background-position: center top;
        background-size: cover;
        max-height: inherit;
    }
    .Game_Box, .Download_left{
        width: 95%;
        float: initial;
        margin: 0 auto 15px auto;        
    }
    .Game_Box div{
        display: block;
        margin: 25px 0;
    }
    .Game_Box div img{
        width: 100%;
    }
    .Game_Box span{
        display: none;
    }
    .Game_Box p{
        display: none;
    }
    .Download_right{
        width: 100%;
    }
}
@media only screen and (max-width: 767px) {

}