/* 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.png?v=202601) 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.jpg?v=202601) 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);}
}