/* CSS Document */
@charset "utf-8";
@import url("reset.min.1.2.css");

/*---------Debug----------*/
/* * {outline:1px red solid;} */

html,
body {
    height: 100%;
}

* {
    -webkit-box-sizing: border-box;
    /*Safari Chrome*/
    -moz-box-sizing: border-box;
    /*Firefox*/
    box-sizing: border-box;
}

body {
    margin: 0;
    padding: 0;
    background-color: #171717;
    font-family: '微軟正黑體', Arial, Helvetica, sans-serif, Verdana;
    font-size: 18px;
    line-height: 1.2;
    color: #b8a982;
}

a:link {
    text-decoration: none;
}

a:visited {
    text-decoration: none;
    color: #b8a982;
}

a:hover {
    text-decoration: underline;
    cursor: pointer;
}

h1 {
    font-size: 19px;
    font-weight: bold;
    color: aquamarine;
    padding: 10px 0;
}

h2 {
    font-size: 20px;
    color: #e9d08d;
}

h3 {
    font-size: 18px;
}

p {
    font-size: 15px;
    color: #b6b6b6;
}

hr {
    width: 95%;
    border: 1px dotted #b8a982;
    margin-top: 10px;
    margin-bottom: 20px;
}

tr td {
    font-family: '微軟正黑體', Arial, Helvetica, sans-serif, Verdana;
}

/*----------------------首頁 top----------------------*/
header {
    width: 1000px;
    height: 482px;
    margin: 0 auto;
    position: relative;
}

.logo {
    widows: 25%;
    height: auto;
    margin: 0 auto;
    position: absolute;
    left: 0;
    top: 0;
    width: 28%;
}

.logo a {
    display: block;
    background: url(../images/index_logo_20260727.png) no-repeat left top;
    transition: all 0.5s;
    -webkit-transition: -webkit-transform all 0.5s;
}

.logo a:hover {
    filter: contrast(1.1) brightness(1.2);
    background-position-y: -2px;
}

/*----------------------首頁 top 導覽區塊----------------------*/
.nav_wrapper {
    width: 714px;
    height: 68px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 100;
}

#nav_top {
    width: 100%;
    height: auto;
    background: url(../images/index_nav_bg.png) no-repeat center top;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 100;
}

.nav_wrapper:hover #nav_top {
    background: url(../images/index_nav_bg.png) no-repeat center -68px;
}

/*大橫條banner Hover */

#nav_top ul {
    width: 100%;
    max-width: 640px;
    margin: 0 auto;
    padding: 5px 0 0 0;
    display: flex;
    display: -ms-flexbox;
    justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: center;
    -ms-flex-pack: center;
}

#nav_top ul li {
    width: 20%;
    height: 63px;
    /*flex-direction:row; -ms-flex-direction:row;*/
}

#nav_top ul li a {
    width: 100%;
    height: 100%;
    display: block;
}

#nav_slidedown {
    width: 100%;
    height: auto;
    background: url(../images/index_nav_bg.png) no-repeat center bottom/100% auto;
    position: relative;
    margin: 0 auto;
    left: 0px;
    opacity: 0;
    display: none;
}

.submenu {
    width: 100%;
    height: auto;
    top: 150px;
    z-index: 80;
    display: flex;
    display: -ms-flexbox;
    justify-content: center;
    -ms-flex-pack: center;
    padding-top: 0.6rem;
    padding-bottom: 2.3rem;
}

/*下拉之後選單的內容*/

#nav_slidedown ul {
    width: 17.3%;
    height: auto;
    border-right: 1px solid #8e8773;
}

/*下拉選單內的縱向區塊內容(包含右側分隔線)*/

#nav_slidedown ul:last-of-type {
    border-right: none;
}

/*取消最後面ul的右側分隔線*/

#nav_slidedown ul li {
    width: 100%;
    height: 26px;
    text-align: center;
    padding-top: 6px;
}

#nav_slidedown ul li a {
    color: #252422;
    font-size: .9rem;
    font-weight: 900;
    transition: all 0.2s;
    -webkit-transition: -webkit-transform all 0.2s;
}

#nav_slidedown ul li a:hover {
    color: #000;
    font-size: 1rem;
    font-weight: bold;
}

/*下拉選單內的文字連結內容*/

/*----------------------首頁 top Banner區----------------------*/
.index_banner {
    width: 100%;
    height: auto;
    position: relative;
    margin: 0 auto;
    background: url(../images/index_banner_bg.png) center top no-repeat;
}

.banner {
    width: 100%;
    height: auto;
    background: url(../images/index_banner.jpg) center no-repeat;
    padding-top: 1rem;
}

.banner a {
    display: block;
}

/*----------------------首頁 top 三元素button區塊----------------------*/
.top_btn_block {
    position: absolute;
    bottom: -13px;
    right: 0;
}

.top_btn {
    width: 100%;
    height: auto;
    margin: 0 auto;
    background: url(../images/index_topbtn_bg.png) center top no-repeat;
}

.top_btn ul {
    padding: 7rem;
}

.top_btn ul li {
    display: block;
}

.btn_account {
    position: absolute;
    top: 31px;
    left: 71px;
}

.btn_account a {
    width: 100%;
    height: auto;
    display: block;
    background: url(../images/index_topbtn_01.png) center top no-repeat;
    transition: all 0.5s;
    -webkit-transition: -webkit-transform all 0.5s;
}

.btn_account a:hover {
    background: url(../images/index_topbtn_01a.png) no-repeat;
    filter: contrast(1.1) brightness(1.2);
}

.btn_deposit {
    position: absolute;
    top: 111px;
    left: 24px;
}

.btn_deposit a {
    width: 100%;
    height: auto;
    display: block;
    background: url(../images/index_topbtn_02.png) center top no-repeat;
    transition: all 0.5s;
    -webkit-transition: -webkit-transform all 0.5s;
}

.btn_deposit a:hover {
    background: url(../images/index_topbtn_02a.png) no-repeat;
    filter: contrast(1.1) brightness(1.2);
}

.btn_download {
    position: absolute;
    top: 110px;
    right: 25px;
}

.btn_download a {
    width: 100%;
    height: auto;
    display: block;
    background: url(../images/index_topbtn_03.png) center top no-repeat;
    transition: all 0.5s;
    -webkit-transition: -webkit-transform all 0.5s;
}

.btn_download a:hover {
    background: url(../images/index_topbtn_03a.png) no-repeat;
    filter: contrast(1.1) brightness(1.2);
}





/*----------------------首頁 Left Menu----------------------*/
.leftmenu {
    width: 100%;
    height: auto;
    margin: 0 auto;
    background: url(../images/leftmenu_bg.png) center top no-repeat;
    position: relative;
}

.leftmenu_index {
    padding-bottom: 20rem;
}

.leftmenu_btn_00_01 {
    background: url(../images/leftmenu_btn_00_01.png) center top no-repeat;
}

.leftmenu_btn_00_01 a {
    width: 100%;
    height: auto;
    display: block;
}

.leftmenu_btn_00_01 a:hover {
    background: url(../images/leftmenu_btn_00_01.png) center bottom no-repeat;
}

.leftmenu_btn_00_02 {
    background: url(../images/leftmenu_btn_00_02.png) center top no-repeat;
}

.leftmenu_btn_00_02 a {
    width: 100%;
    height: auto;
    display: block;
}

.leftmenu_btn_00_02 a:hover {
    background: url(../images/leftmenu_btn_00_02.png) center bottom no-repeat;
}

.leftmenu_btn_00_03 {
    background: url(../images/leftmenu_btn_00_03.png) center top no-repeat;
}

.leftmenu_btn_00_03 a {
    width: 100%;
    height: auto;
    display: block;
}

.leftmenu_btn_00_03 a:hover {
    background: url(../images/leftmenu_btn_00_03.png) center bottom no-repeat;
}

.leftmenu_btn_00_04 {
    background: url(../images/leftmenu_btn_00_04.png) center top no-repeat;
}

.leftmenu_btn_00_04 a {
    width: 100%;
    height: auto;
    display: block;
}

.leftmenu_btn_00_04 a:hover {
    background: url(../images/leftmenu_btn_00_04.png) center bottom no-repeat;
}

.leftmenu_btn_00_05 {
    background: url(../images/leftmenu_btn_00_05.png) center top no-repeat;
}

.leftmenu_btn_00_05 a {
    width: 100%;
    height: auto;
    display: block;
}

.leftmenu_btn_00_05 a:hover {
    background: url(../images/leftmenu_btn_00_05.png) center bottom no-repeat;
}

.leftmenu_btn_00_06 {
    background: url(../images/leftmenu_btn_00_06.png) center top no-repeat;
}

.leftmenu_btn_00_06 a {
    width: 100%;
    height: auto;
    display: block;
}

.leftmenu_btn_00_06 a:hover {
    background: url(../images/leftmenu_btn_00_06.png) center bottom no-repeat;
}

.leftmenu_btn_00_07 {
    background: url(../images/leftmenu_btn_00_07.png) center top no-repeat;
}

.leftmenu_btn_00_07 a {
    width: 100%;
    height: auto;
    display: block;
}

.leftmenu_btn_00_07 a:hover {
    background: url(../images/leftmenu_btn_00_07.png) center bottom no-repeat;
}

.leftmenu_btn_00_08 {
    background: url(../images/leftmenu_btn_00_08.png) center top no-repeat;
}

.leftmenu_btn_00_08 a {
    width: 100%;
    height: auto;
    display: block;
}

.leftmenu_btn_00_08 a:hover {
    background: url(../images/leftmenu_btn_00_08.png) center bottom no-repeat;
}

.leftmenu_btn_01_01 {
    background: url(../images/leftmenu_btn_01_01.png) center top no-repeat;
}

.leftmenu_btn_01_01 a {
    width: 100%;
    height: auto;
    display: block;
}

.leftmenu_btn_01_01 a:hover {
    background: url(../images/leftmenu_btn_01_01.png) center bottom no-repeat;
}

.leftmenu_btn_01_02 {
    background: url(../images/leftmenu_btn_01_02.png) center top no-repeat;
}

.leftmenu_btn_01_02 a {
    width: 100%;
    height: auto;
    display: block;
}

.leftmenu_btn_01_02 a:hover {
    background: url(../images/leftmenu_btn_01_02.png) center bottom no-repeat;
}

.leftmenu_btn_01_03 {
    background: url(../images/leftmenu_btn_01_03.png) center top no-repeat;
}

.leftmenu_btn_01_03 a {
    width: 100%;
    height: auto;
    display: block;
}

.leftmenu_btn_01_03 a:hover {
    background: url(../images/leftmenu_btn_01_03.png) center bottom no-repeat;
}

.leftmenu_btn_01_04 {
    background: url(../images/leftmenu_btn_01_04.png) center top no-repeat;
}

.leftmenu_btn_01_04 a {
    width: 100%;
    height: auto;
    display: block;
}

.leftmenu_btn_01_04 a:hover {
    background: url(../images/leftmenu_btn_01_04.png) center bottom no-repeat;
}

.leftmenu_btn_01_05 {
    background: url(../images/leftmenu_btn_01_05.png) center top no-repeat;
}

.leftmenu_btn_01_05 a {
    width: 100%;
    height: auto;
    display: block;
}

.leftmenu_btn_01_05 a:hover {
    background: url(../images/leftmenu_btn_01_05.png) center bottom no-repeat;
}

.leftmenu_btn_01_06 {
    background: url(../images/leftmenu_btn_01_06.png) center top no-repeat;
}

.leftmenu_btn_01_06 a {
    width: 100%;
    height: auto;
    display: block;
}

.leftmenu_btn_01_06 a:hover {
    background: url(../images/leftmenu_btn_01_06.png) center bottom no-repeat;
}

.leftmenu_btn_01_07 {
    background: url(../images/leftmenu_btn_01_07.png) center top no-repeat;
}

.leftmenu_btn_01_07 a {
    width: 100%;
    height: auto;
    display: block;
}

.leftmenu_btn_01_07 a:hover {
    background: url(../images/leftmenu_btn_01_07.png) center bottom no-repeat;
}

.leftmenu_btn_02_01 {
    background: url(../images/leftmenu_btn_02_01.png) center top no-repeat;
}

.leftmenu_btn_02_01 a {
    width: 100%;
    height: auto;
    display: block;
}

.leftmenu_btn_02_01 a:hover {
    background: url(../images/leftmenu_btn_02_01.png) center bottom no-repeat;
}

.leftmenu_btn_02_02 {
    background: url(../images/leftmenu_btn_02_02.png) center top no-repeat;
}

.leftmenu_btn_02_02 a {
    width: 100%;
    height: auto;
    display: block;
}

.leftmenu_btn_02_02 a:hover {
    background: url(../images/leftmenu_btn_02_02.png) center bottom no-repeat;
}

.leftmenu_btn_02_03 {
    background: url(../images/leftmenu_btn_02_03.png) center top no-repeat;
}

.leftmenu_btn_02_03 a {
    width: 100%;
    height: auto;
    display: block;
}

.leftmenu_btn_02_03 a:hover {
    background: url(../images/leftmenu_btn_02_03.png) center bottom no-repeat;
}

.leftmenu_btn_02_04 {
    background: url(../images/leftmenu_btn_02_04.png) center top no-repeat;
}

.leftmenu_btn_02_04 a {
    width: 100%;
    height: auto;
    display: block;
}

.leftmenu_btn_02_04 a:hover {
    background: url(../images/leftmenu_btn_02_04.png) center bottom no-repeat;
}

.leftmenu_btn_02_05 {
    background: url(../images/leftmenu_btn_02_05.png) center top no-repeat;
}

.leftmenu_btn_02_05 a {
    width: 100%;
    height: auto;
    display: block;
}

.leftmenu_btn_02_05 a:hover {
    background: url(../images/leftmenu_btn_02_05.png) center bottom no-repeat;
}

.leftmenu_btn_02_06 {
    background: url(../images/leftmenu_btn_02_06.png) center top no-repeat;
}

.leftmenu_btn_02_06 a {
    width: 100%;
    height: auto;
    display: block;
}

.leftmenu_btn_02_06 a:hover {
    background: url(../images/leftmenu_btn_02_06.png) center bottom no-repeat;
}

.leftmenu_btn_02_07 {
    background: url(../images/leftmenu_btn_02_07.png) center top no-repeat;
}

.leftmenu_btn_02_07 a {
    width: 100%;
    height: auto;
    display: block;
}

.leftmenu_btn_02_07 a:hover {
    background: url(../images/leftmenu_btn_02_07.png) center bottom no-repeat;
}

.leftmenu_btn_03_01 {
    background: url(../images/leftmenu_btn_03_01.png) center top no-repeat;
}

.leftmenu_btn_03_01 a {
    width: 100%;
    height: auto;
    display: block;
}

.leftmenu_btn_03_01 a:hover {
    background: url(../images/leftmenu_btn_03_01.png) center bottom no-repeat;
}

.leftmenu_btn_03_02 {
    background: url(../images/leftmenu_btn_03_02.png) center top no-repeat;
}

.leftmenu_btn_03_02 a {
    width: 100%;
    height: auto;
    display: block;
}

.leftmenu_btn_03_02 a:hover {
    background: url(../images/leftmenu_btn_03_02.png) center bottom no-repeat;
}

.leftmenu_btn_03_03 {
    background: url(../images/leftmenu_btn_03_03.png) center top no-repeat;
}

.leftmenu_btn_03_03 a {
    width: 100%;
    height: auto;
    display: block;
}

.leftmenu_btn_03_03 a:hover {
    background: url(../images/leftmenu_btn_03_03.png) center bottom no-repeat;
}

.leftmenu_btn_03_04 {
    background: url(../images/leftmenu_btn_03_04.png) center top no-repeat;
}

.leftmenu_btn_03_04 a {
    width: 100%;
    height: auto;
    display: block;
}

.leftmenu_btn_03_04 a:hover {
    background: url(../images/leftmenu_btn_03_04.png) center bottom no-repeat;
}

.leftmenu_btn_03_05 {
    background: url(../images/leftmenu_btn_03_05.png) center top no-repeat;
}

.leftmenu_btn_03_05 a {
    width: 100%;
    height: auto;
    display: block;
}

.leftmenu_btn_03_05 a:hover {
    background: url(../images/leftmenu_btn_03_05.png) center bottom no-repeat;
}

.leftmenu_btn_03_06 {
    background: url(../images/leftmenu_btn_03_06.png) center top no-repeat;
}

.leftmenu_btn_03_06 a {
    width: 100%;
    height: auto;
    display: block;
}

.leftmenu_btn_03_06 a:hover {
    background: url(../images/leftmenu_btn_03_06.png) center bottom no-repeat;
}

.leftmenu_btn_05_01 {
    background: url(../images/leftmenu_btn_05_01.png) center top no-repeat;
}

.leftmenu_btn_05_01 a {
    width: 100%;
    height: auto;
    display: block;
}

.leftmenu_btn_05_01 a:hover {
    background: url(../images/leftmenu_btn_05_01.png) center bottom no-repeat;
}

.leftmenu_btn_05_02 {
    background: url(../images/leftmenu_btn_05_02.png) center top no-repeat;
}

.leftmenu_btn_05_02 a {
    width: 100%;
    height: auto;
    display: block;
}

.leftmenu_btn_05_02 a:hover {
    background: url(../images/leftmenu_btn_05_02.png) center bottom no-repeat;
}

.leftmenu_btn_05_03 {
    background: url(../images/leftmenu_btn_05_03.png) center top no-repeat;
}

.leftmenu_btn_05_03 a {
    width: 100%;
    height: auto;
    display: block;
}

.leftmenu_btn_05_03 a:hover {
    background: url(../images/leftmenu_btn_05_03.png) center bottom no-repeat;
}

.leftmenu_btn_05_04 {
    background: url(../images/leftmenu_btn_05_04.png) center top no-repeat;
}

.leftmenu_btn_05_04 a {
    width: 100%;
    height: auto;
    display: block;
}

.leftmenu_btn_05_04 a:hover {
    background: url(../images/leftmenu_btn_05_04.png) center bottom no-repeat;
}

.leftmenu_btn_05_05 {
    background: url(../images/leftmenu_btn_05_05.png) center top no-repeat;
}

.leftmenu_btn_05_05 a {
    width: 100%;
    height: auto;
    display: block;
}

.leftmenu_btn_05_05 a:hover {
    background: url(../images/leftmenu_btn_05_05.png) center bottom no-repeat;
}

.leftmenu_btn_05_06 {
    background: url(../images/leftmenu_btn_05_06.png) center top no-repeat;
}

.leftmenu_btn_05_06 a {
    width: 100%;
    height: auto;
    display: block;
}

.leftmenu_btn_05_06 a:hover {
    background: url(../images/leftmenu_btn_05_06.png) center bottom no-repeat;
}

.leftmenu_btn_05_07 {
    background: url(../images/leftmenu_btn_05_07.png) center top no-repeat;
}

.leftmenu_btn_05_07 a {
    width: 100%;
    height: auto;
    display: block;
}

.leftmenu_btn_05_07 a:hover {
    background: url(../images/leftmenu_btn_05_07.png) center bottom no-repeat;
}

.leftmenu_btn_06_01 {
    background: url(../images/leftmenu_btn_06_01.png) center top no-repeat;
}

.leftmenu_btn_06_01 a {
    width: 100%;
    height: auto;
    display: block;
}

.leftmenu_btn_06_01 a:hover {
    background: url(../images/leftmenu_btn_06_01.png) center bottom no-repeat;
}

.leftmenu_btn_06_02 {
    background: url(../images/leftmenu_btn_06_02.png) center top no-repeat;
}

.leftmenu_btn_06_02 a {
    width: 100%;
    height: auto;
    display: block;
}

.leftmenu_btn_06_02 a:hover {
    background: url(../images/leftmenu_btn_06_02.png) center bottom no-repeat;
}

.leftmenu_btn_06_03 {
    background: url(../images/leftmenu_btn_06_03.png) center top no-repeat;
}

.leftmenu_btn_06_03 a {
    width: 100%;
    height: auto;
    display: block;
}

.leftmenu_btn_06_03 a:hover {
    background: url(../images/leftmenu_btn_06_03.png) center bottom no-repeat;
}

.leftmenu_btn_06_04 {
    background: url(../images/leftmenu_btn_06_04.png) center top no-repeat;
}

.leftmenu_btn_06_04 a {
    width: 100%;
    height: auto;
    display: block;
}

.leftmenu_btn_06_04 a:hover {
    background: url(../images/leftmenu_btn_06_04.png) center bottom no-repeat;
}

.leftmenu_btn_06_05 {
    background: url(../images/leftmenu_btn_06_05.png) center top no-repeat;
}

.leftmenu_btn_06_05 a {
    width: 100%;
    height: auto;
    display: block;
}

.leftmenu_btn_06_05 a:hover {
    background: url(../images/leftmenu_btn_06_05.png) center bottom no-repeat;
}

.leftmenu_btn_06_06 {
    background: url(../images/leftmenu_btn_06_06.png) center top no-repeat;
}

.leftmenu_btn_06_06 a {
    width: 100%;
    height: auto;
    display: block;
}

.leftmenu_btn_06_06 a:hover {
    background: url(../images/leftmenu_btn_06_06.png) center bottom no-repeat;
}

/*----------------------首頁 右方整個大區塊----------------------*/
.content_wrapper {
    width: 100%;
    height: auto;
    max-width: 794px;
    display: flex;
    display: -ms-flexbox;
    justify-content: space-between;
    -ms-flex-pack: justify;
}

.content_left {
    width: 578px;
    height: auto;
}

.content_right {
    width: 206px;
    height: auto;
}

/*----------------------首頁 中間新聞區塊----------------------*/
.index_news {
    width: 100%;
    height: auto;
}

.news_tab {
    width: 100%;
    height: auto;
}

.news_tab ul {
    display: flex;
    display: -ms-flexbox;
    justify-content: space-between;
    -ms-flex-pack: justify;
}

.news_tab ul li {
    width: 16.5%;
    max-width: 94px;
}

.tab_new {
    width: 100%;
    height: auto;
    /* padding-left: 0.2rem;*/
}

.tab_new a {
    display: block;
    background: url(../images/news_tab_01.png)center top/100% auto;
}

.tab_new a:hover {
    background-position: bottom center;
}

.tab_event {
    width: 100%;
    height: auto;
}

.tab_event a {
    display: block;
    background: url(../images/news_tab_02.png)center top/100% auto;
}

.tab_event a:hover {
    background-position: bottom center;
}

.tab_report {
    width: 100%;
    height: auto;
}

.tab_report a {
    display: block;
    background: url(../images/news_tab_03.png)center top/100% auto;
}

.tab_report a:hover {
    background-position: bottom center;
}

.tab_gm {
    width: 100%;
    height: auto;
}

.tab_gm a {
    display: block;
    background: url(../images/news_tab_04.png)center top/100% auto;
}

.tab_gm a:hover {
    background-position: bottom center;
}

.tab_sys {
    width: 100%;
    height: auto;
}

.tab_sys a {
    display: block;
    background: url(../images/news_tab_05.png)center top/100% auto;
}

.tab_sys a:hover {
    background-position: bottom center;
    background-size: 100% auto;
}

.tab_update {
    width: 100%;
    height: auto;
}

.tab_update a {
    display: block;
    background: url(../images/news_tab_06.png)center top/100% auto;
}

.tab_update a:hover {
    background-position: bottom center;
}

.news_content {
    width: 100%;
    height: auto;
    min-height: 396px;
    margin: 0 auto;
    background: url(../images/index_news_bg.jpg) center top no-repeat;
    padding: 2.3rem 2.5rem 2.5rem 2.3rem;
}

.news_content ul {
    display: flex;
    display: -ms-flexbox;
    justify-content: space-around;
    -ms-flex-pack: distribute;
    border-bottom: 1px dotted rgba(163, 143, 87, 0.4);
}

.news_content ul li {
    font-size: 15px;
    padding-top: 6px;
    line-height: 1.7;
}

.news_sort {
    width: 11%;
}

.news_date {
    width: 15%;
    text-shadow: 2px 2px 1px black;
}

.news_title {
    width: 60%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-shadow: 2px 2px 1px black;
}

.news_title a {
    color: #b8a982;
    transition: all 0.4s;
    -webkit-transition: -webkit-transform all 0.4s;
    text-shadow: 2px 2px 1px black;
}

.news_title a:hover {
    color: #ffe0aa;
    text-shadow: 0px 0px 0px black;
}

.news_more {
    width: 100%;
    text-align: right;
    text-shadow: 2px 2px 1px black;
}

.news_more a {
    color: #b8a982;
    transition: all 0.4s;
    -webkit-transition: -webkit-transform all 0.4s;
    text-shadow: 2px 2px 1px black;
}

.news_more a:hover {
    color: #ffe0aa;
    text-shadow: 0px 0px 0px black;
}

.news_content ul:nth-of-type(9) {
    border-bottom: none;
}

/*----------------------首頁 中間下方討論區----------------------*/
.index_forum {
    width: 100%;
    height: auto;
    margin: 0 auto;
    background: url(../images/index_forum_bg.png) center top/100% auto no-repeat;
    padding: 3.8rem 1rem 6.5rem 1rem;
}

.index_forum ul {
    width: 100%;
    height: auto;
    display: flex;
    display: -ms-flexbox;
    justify-content: space-around;
    -ms-flex-pack: distribute;
}

.index_forum ul li {
    width: 26%;
    height: auto;
}

.forum_btn_gamebase {
    width: 100%;
    height: auto;
}

.forum_btn_gamebase a {
    display: block;
    background: url(../images/index_forum_btn_01.png) center top no-repeat;
}

.forum_btn_gamebase a:hover {
    background-position: bottom center;
}

.forum_btn_gamer {
    width: 100%;
    height: auto;
}

.forum_btn_gamer a {
    display: block;
    background: url(../images/index_forum_btn_02.png) center top no-repeat;
}

.forum_btn_gamer a:hover {
    background-position: bottom center;
}

.forum_btn_fb {
    width: 100%;
    height: auto;
}

.forum_btn_fb a {
    display: block;
    background: url(../images/index_forum_btn_03.png) center top no-repeat;
}

.forum_btn_fb a:hover {
    background-position: bottom center;
}

.forum_btn_dler {
    width: 100%;
    height: auto;
}

.forum_btn_dler a {
    display: block;
    background: url(../images/index_forum_btn_04.png) center top no-repeat;
}

.forum_btn_dler a:hover {
    background-position: bottom center;
}

.forum_btn_none {
    width: 100%;
    height: auto;
}

/*----------------------首頁 右方熱門活動----------------------*/
.event_block {
    width: 100%;
    height: auto;
    margin: 0 auto;
    position: relative;
}

/* .event_top {} */
.event_center {
    width: 100%;
    height: auto;
    min-height: 200px;
    display: block;
    background: url(../images/index_event_bg_02.jpg) center repeat-y;
}

/*.event_center ul {position: relative; margin: 0 auto;}*/
.event_center li {
    padding: 2px;
}

.event_btn01,
.event_btn02,
.event_btn03,
.event_btn04,
.event_btn05,
.event_btn06,
.event_btn07,
.event_btn08 {
    width: 90%;
    height: auto;
    position: relative;
    margin: 0 auto;
}

.event_btn01 a,
.event_btn02 a,
.event_btn03 a,
.event_btn04 a,
.event_btn05 a,
.event_btn06 a,
.event_btn07 a,
.event_btn08 a {
    display: block;
    background: url(../images/event_pic_01.jpg) center top no-repeat;
    border: 1px solid #646464;
    box-shadow: 0 5px 3px rgba(0, 0, 0, 0.72);
    transition: all 0.3s;
    -webkit-transition: -webkit-transform all 0.3s;
}

.event_btn01 a:hover,
.event_btn02 a:hover,
.event_btn03 a:hover,
.event_btn04 a:hover,
.event_btn05 a:hover,
.event_btn06 a:hover,
.event_btn07 a:hover,
.event_btn08 a:hover {
    border: 1px solid #909090;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.72);
}

/* .event_bottom {} */


/*----------------------首頁 右方友站連結----------------------*/
.link_block {
    width: 100%;
    height: auto;
    margin: 0 auto;
    position: relative;
    padding-bottom: 5rem;
}

/* .link_top {} */
.link_center {
    widows: 100%;
    height: auto;
    display: block;
    background: url(../images/index_link_bg_02.jpg) center repeat-y;
}

.link_center ul {
    margin: 0 auto;
}

.link_center li {
    padding: 1px;
}

.link_btn01,
.link_btn02,
.link_btn03,
.link_btn04,
.link_btn05,
.link_btn06 {
    width: 100%;
    height: auto;
}

.link_btn01 a {
    width: 95%;
    margin: 0 auto;
    display: block;
    background: url(../images/index_link_btn_01.png) center top no-repeat;
}

.link_btn01 a:hover {
    background-position: bottom center;
}

.link_btn02 a {
    width: 95%;
    margin: 0 auto;
    display: block;
    background: url(../images/index_link_btn_02.png) center top no-repeat;
}

.link_btn02 a:hover {
    background-position: bottom center;
}

.link_btn03 a {
    width: 95%;
    margin: 0 auto;
    display: block;
    background: url(../images/index_link_btn_03.png) center top no-repeat;
}

.link_btn03 a:hover {
    background-position: bottom center;
}

.link_btn04 a {
    width: 95%;
    margin: 0 auto;
    display: block;
    background: url(../images/index_link_btn_04.png) center top no-repeat;
}

.link_btn04 a:hover {
    background-position: bottom center;
}

.link_btn05 a {
    width: 95%;
    margin: 0 auto;
    display: block;
    background: url(../images/index_link_btn_05.png) center top no-repeat;
}

.link_btn05 a:hover {
    background-position: bottom center;
}

.link_btn06 a {
    width: 95%;
    margin: 0 auto;
    display: block;
    background: url(../images/index_link_btn_06.png) center top no-repeat;
}

.link_btn06 a:hover {
    background-position: bottom center;
}

/*.link_bottom {padding-bottom: 5rem;}*/

/*----------------------首頁 ALL----------------------*/
#wrapper {
    width: 100%;
    height: auto;
    min-width: 1000px;
    margin: 0 auto;
    position: relative;
    background: url(../images/index_bg_20260727.jpg) center top no-repeat, url(../images/index_bg2.jpg) center bottom no-repeat;
}

/*Index最大的外框*/

#top {
    width: 1000px;
    height: 482px;
    margin: 0 auto;
    position: relative;
}

/*Index最大的外框內的 上面框架*/

#index_top {
    width: 1000px;
    height: 482px;
    margin: 0 auto;
}

/*上面框架裡面的html ID*/

#banner {
    width: 296px;
    height: 136px;
    position: absolute;
    left: 3px;
    top: 330px;
    z-index: 99;
}

/*上面框架裡面的輪播banner ID*/

#main {
    width: 100%;
    max-width: 1000px;
    height: auto;
    margin: 0 auto;
    position: relative;
    display: flex;
}

/*Index最大的外框內的 下面框架*/

#leftmenu {
    width: 20%;
    max-width: 196px;
    height: auto;
    vertical-align: top;
    margin-right: 5px;
}

/*下面框架內的 左邊選單*/

#maincontent {
    width: 80%;
    max-width: 794px;
    height: auto;
}

/*下面框架內的 右邊內容區塊*/


#footer {
    width: 100%;
    height: auto;
    margin: 0 auto;
}

#copyright {
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 15rem 0rem 0rem 0rem;
    background: url(../images/footer_bg.png) no-repeat center;
}

.lamp_left {
    width: 10%;
    min-width: 178px;
    height: auto;
    display: block;
    background: url(../images/lamp_left.png) center top no-repeat;
    background-size: cover;
    position: absolute;
    left: -9.5rem;
    z-index: 999;
    animation: lamp_flyin 1s, lamp_hover 5s infinite 1s;
}

.lamp_right {
    width: 10%;
    min-width: 182px;
    height: auto;
    margin: 0 auto;
    display: block;
    background: url(../images/lamp_right.png) center top no-repeat;
    background-size: cover;
    position: absolute;
    right: -9.5rem;
    z-index: 999;
    animation-delay: 1s;
    -webkit-animation-delay: 1s;
    animation: lamp_flyin 1s, lamp_hover 4s infinite 1s;
}

@keyframes lamp_flyin {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }

    0% {
        transform: translateY(-10%);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes lamp_hover {
    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(4%);
    }

    100% {
        transform: translateY(0);
    }
}