@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:rgba(93, 55, 136, 0.8) 1px solid;
    border-right: #000 1px solid;
}

.Menu_right li,
.Menu_left li:last-child {
    box-shadow: 1px 0px rgba(93, 55, 136, 0.8);
}

.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 #6841ea;
   /* border-bottom: 1px solid #176f9d; */ 
}
.News_title span {
    color: #FFF;
}

.News_title a {
    color: #fff99b;
}

.News_List a {
    background: rgba(88, 48, 108, 0.52);
    border: rgb(135, 87, 162) 1px solid;
    color: #e0c3f1;
}

.News_List a:hover {
    background: rgba(138, 55, 179, 0.52);
    border: rgb(196, 146, 224) 1px solid;
    color: #fff;
}

/*-------News END-------*/

/*-------Game START-------*/

.Game {
   /* border-top: 1px solid #176f9d;  */
   /* border-bottom: 1px solid #176f9d;   */ 
}

.Game_Box span {
    color: #FFF;
}

.Game_Box p {
    color: #FFF;
}


/*-------Game END-------*/

/*-------Info START-------*/

.Info {
    border-top: #176f9d 1px solid;
    border-bottom: #176f9d 1px solid;
	display: none;
}

.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;
}

/*-------Info END-------*/

/*-------Download START-------*/

.Download {
    border-top: #176f9d 1px solid;
    border-bottom: #176f9d 1px solid;
}

.Download_left span {
    color: #FFF;
}

.Download_left p {
    color: #FFF;
}


/*-------Download END-------*/

/*-------Footer START-------*/

.Footer {
    border-top: #176f9d 1px solid;   
}

.Footer_left {
    color: #FFF;
}

.footerMenu a {
    color: #FFF;
}

.footerMenu li a:hover {
    color: #fff99b;
}

.Footer_right {
    color: #FFF;
}


/*-------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;
	line-height:60px;
}
.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;
}
.wrapperMenuBg{
    width: 100%;
    position: fixed;
    z-index: 99;
    margin: -1px;	
}
.wrapperTopBg{
    background-color: #040b1d;
    height: 58px;    
}
.wrapperTopBg .wrapperTop{
    width: 1300px;
    margin: 0 auto;
}
.wrapperTopBg .wrapperTop .wrapperLink{
    float: right;
    font-size: 0;
}
.wrapperTopBg .wrapperTop .wrapperLink li{
    display: inline-block;
    vertical-align: top;
}
.wrapperTopBg .wrapperTop .wrapperLink li:nth-child(1){
    background-color: #061230;
}
.wrapperTopBg .wrapperTop .wrapperLink li:nth-child(2){
    background-color: #081f3f;
}
.wrapperTopBg .wrapperTop .wrapperLink li a{
    color: #eddfca;
    font-size: 25px;
    padding: 0 20px;
    box-sizing: border-box;
    height: 58px;
    line-height: 58px;
}
.wrapperTopBg .wrapperTop .wrapperLink li a:hover{
    color: #f5d836;
}
.wrapperBottomBg{
    /*background-color: #08173f;*/
	background-image: url(/images/bg-top.png);
    height: 65px;
}
.wrapperBottomBg .wrapperBottom{
    width: 1300px;
    margin: 0 auto;
    position: relative;    
}
.wrapperBottomBg .wrapperBottom .wrapperLogo{
    position: absolute;
    top: -59px;
    left: 16px;    
}
.imgWidth{
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
    font-size: 0;
}
.imgWidth img{
    width: 100%;
}
.mob_imgWidth{
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
    font-size: 0;
    display: none;
}
.mob_imgWidth img{
    width: 100%;
}

@media only screen and (max-width: 1317px) {
    .wrapperTopBg .wrapperTop{
        width: 1000px;
    }
    .wrapperBottomBg .wrapperBottom{
        width: 1000px;
    }
}
@media only screen and (max-width: 1000px) {
    .wrapperTopBg{
        height: 34px;
    }
    .wrapperTopBg .wrapperTop{
        width: 100%;
    }
    .wrapperTopBg .wrapperTop .wrapperLink li a{
        height: 34px;
        line-height: 34px;
        font-size: 15px;
    }
    .wrapperBottomBg{
        height: 40px;
    }
    .wrapperBottomBg .wrapperBottom{
        width: 100%;
    }
    .wrapperBottomBg .wrapperBottom .wrapperLogo{
        width: 190px;
    }
    .wrapperBottomBg .wrapperBottom .wrapperLogo img{
        width: 100%;
    }
    .imgWidth{
        display: none;
    } 
    .mob_imgWidth{
        display: block;
    } 
}
@media only screen and (max-width: 950px) {
    .wrapperMenuBg{
        display: none;
    }
}