@charset "utf-8";
/*一般設定**************************************************************************/
body, img, p, ul, li, ol, h1, h2, h3, h4, h5, h6, th, dl, dd, dt, b, a, div {
	margin: 0px;
	padding: 0px;
	height:auto;
	line-height:0;
	list-style-type: none;
	font-size: 100%;
	border:0px;
}
body {
	padding:0px;
	margin:0 auto 0 auto;
	background-color:#fff;
}
#wrapper {
	width:100%;
	height:auto;
	margin:0 0 0 0;
	padding:0;
	overflow:hidden;
	background-color:#fff;
	float:left;
}


/* 首頁用 */
/*右選單*/
#MENU_right_icon {
	position:fixed;
	z-index:8;
	width:30px;
	height:30px;
	top:0;
	right:0;
	margin:2% 2% 0 0;
	cursor:pointer;
	background-image: url(../images/MENU_right_icon.png);
	background-repeat: no-repeat;
	background-size:100%;
}
#MENU_right {
	position:fixed;
	z-index:7;
	width:40%;
	height:100%;
	padding:1% 5% 5% 5%;
	top:0;
	right:0;
background: -moz-linear-gradient(top,  rgba(51,51,51,0.9) 0%, rgba(51,51,51,0.9) 60%, rgba(51,51,51,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(51,51,51,0.9) 0%,rgba(51,51,51,0.9) 60%,rgba(51,51,51,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(51,51,51,0.9) 0%,rgba(51,51,51,0.9) 60%,rgba(51,51,51,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6333333', endColorstr='#00333333',GradientType=0 ); /* IE6-9 */
}
#MENU_right ol {
	width:100%;
	margin:7% 0 7% 0;
	padding:0 0 1% 0;
	font-family: "微軟正黑體";
	font-weight: normal;
	font-size: 22px;
	line-height: 36px;
	color: #CCC;
	text-align:left;
	border-bottom:1px dotted #CCC;
	cursor:pointer;
	floar:left;
}
#MENU_right_close {
	width:30px;
	height:30px;
	margin:2% -6% 12% 50%;
	cursor:pointer;
	display:block;
	float:right;
	background-image: url(../images/MENU_right_close.png);
	background-repeat: no-repeat;	
	background-size:100%;
}

/*社群連結*/
#Community {
	position:absolute;
	z-index:11;
	top:0;
	left:0;
	width:12%;
	height:auto;
	padding:0 0;
	margin:1.5% 0 0 2%;
}
#Community .FB {
	width:46%;
	margin:0 4% 0 0;
	display:inline;
	float:left;
}
#Community .FB img {width:100%;}
#Community .IG {
	width:46%;
	margin:0 0 0 4%;
	display:inline;
	float:left;
}
#Community .IG img {width:100%;}

/*主視覺*/
#Main {
	width:100%;
	height:auto;
	margin:0;
	padding:0% 0 100% 0;
	background-image: url(../images/main2.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size:100%;
	overflow:hidden;
	float:left;
}
/*上選單*/
#MENU_top {
	width:100%;
	height:auto;
	margin:1.2% 0% 2% 0%;
	font-family: "微軟正黑體";
	font-size: 24px;
	line-height: 28px;
	font-weight: bold;
	color: #ffe100;
	text-align:center;
	display:none;
	float:left;
}
#MENU_top a {
	color: #ffe100;
	text-decoration: none;
}
#MENU_top a:hover {
	color: #ffe100;
	text-decoration: underline;
}
#animation_container, #_preload_div_ {
	position:absolute;
	width:100%;
	margin:0 0 0 -0.9%;
	left:0;right:0;
	overflow:hidden;
	display:none;
}
#Main #LOGO {
	position:absolute;
	z-index:1;
	width:40%;
	margin:18% 30% 0 30%;
	display:inline;
}
#Main #LOGO img {width:100%;}
#Main #BOMB {
	position:absolute;
	z-index:1;
	width:14%;
	margin:16% 0 0 11%;
}
#Main #BOMB img {width:100%;}
#Main .head1 {display:none;}
#Main .head2 {display:inline;}



/*第2cut-關於我們*/
#ABOUT_US {
	width:100%;
	margin:0 0;
	padding:6% 0% 4% 0%;
background: rgb(244,244,244); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(244,244,244,1) 0%, rgba(255,255,255,1) 50%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(244,244,244,1) 0%,rgba(255,255,255,1) 50%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(244,244,244,1) 0%,rgba(255,255,255,1) 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	float:left;
}
/*主視覺-結束*/



/*文字樣式*/
.about {
	width:100%;
	margin:0 0 2% 0;
	font-family: "微軟正黑體";
	font-size: 28px;
	line-height: 28px;
	font-weight: bold;
	color: #f30000;
	text-align:center;
	float:left;
}
h1 {
	width:100%;
	margin:0 0 3% 0;
	font-family: "微軟正黑體";
	font-size: 28px;
	line-height: 32px;
	font-weight: bold;
	color: #666;
	text-align:center;
	float:left;
}
h2 {
	width:90%;
	margin:0 5% 2% 5%;
	font-family: "微軟正黑體";
	font-size: 14px;
	line-height: 24px;
	font-weight: normal;
	color: #333;
	text-align:center;
	float:left;
}
h6 {
	width:90%;
	margin:0 5% 1% 5%;
	font-family: "微軟正黑體";
	font-size: 18px;
	line-height: 24px;
	font-weight: normal;
	color: #333;
	text-align:center;
	float:left;
}
h3 {
	width:100%;
	margin:0 0 1% 0;
	font-family: "微軟正黑體";
	font-size: 32px;
	line-height: 32px;
	font-weight: bold;
	color: #ffffff;
	text-align:center;
	float:left;
}
h4 {
	width:90%;
	margin:0 5% 4% 5%;
	font-family: "微軟正黑體";
	font-size: 15px;
	line-height: 22px;
	font-weight: normal;
	color: #dedede;
	text-align:left;
	float:left;
}
h5 {
	width:60%;
	margin:0 20% 0.5% 20%;
	font-family: "微軟正黑體";
	font-size: 18px;
	line-height: 20px;
	font-weight: normal;
	color: #ccc;
	text-align:center;
	float:left;
}



/*第2.5cut-EVENT*/
#EVENT {
	width:100%;
	height:auto;
	margin:0;
	padding:3% 0;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#efefef+0,cccccc+100 */
background: rgb(239,239,239); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(239,239,239,1) 0%, rgba(204,204,204,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(239,239,239,1) 0%,rgba(204,204,204,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(239,239,239,1) 0%,rgba(204,204,204,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#cccccc',GradientType=1 ); /* IE6-9 */
	float:left;
}
#EVENT .banner2 {
	width:90%;
	margin:2% 5% 0 5%;
	padding:0 0 0% 0;
	overflow:hidden;
	display:inline;
	float:left;
}
#EVENT .banner2 img {width:100%;}
#EVENT .banner {display:none;}
#EVENT .eventintro {
	width:91%;
	height:auto;
	margin:3% 2% 1% 2%;
	padding:1% 2%;
	border:none;
	font-family: "微軟正黑體";
	font-size: 16px;
	line-height: 22px;
	font-weight: normal;
	color: #444444;
	text-align:left;
	float:right;
}
#EVENT .eventbtn {
	position:relative;
	z-index:2;
	width:40%;
	margin:3% 28% 2% 28%;
	padding:1% 2%;
	border-radius:100px;
	background-color:#ca1515;
	font-family: "微軟正黑體";
	font-size: 16px;
	line-height: 16px;
	font-weight: normal;
	color: #fff;
	text-align:center;
	text-decoration:none;
	cursor:pointer;
	display:block;
	float:right;
}






/*第3cut-GAME*/
#GAME {
	width:100%;
	height:auto;
	margin:0;
	padding:4% 0 8% 0;
	background-image: url(../images/GAME_bg2.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size:100%;
	float:left;
}
#GAME .banner {
	width:100%;
	margin:0 0 4% 0;
	overflow:hidden;
	float:left;
}
#GAME .gameintro {
	position:relative;
	z-index:2;
	width:40%;
	margin:3% 28% 2% 28%;
	padding:1% 2%;
	border-radius:100px;
	background-color:#ca1515;
	font-family: "微軟正黑體";
	font-size: 16px;
	line-height: 16px;
	font-weight: normal;
	color: #fff;
	text-align:center;
	text-decoration:none;
	cursor:pointer;
	display:block;
	float:right;
}
/*輪播圖*/
/* Caption
--------------------------------------------------*/
.sp-caption-container {
	width:87.8%;
	height:180px;
	padding:2% 4%;
	margin:2% 2% 0.5% 2%;
	border:1px solid #ccc;
	float:left;
	font-family: "微軟正黑體";
	font-size: 13px;
	line-height: 18px;
	color: #FFF;
} 
.text-align-left {text-align: left;}
.text-align-center {text-align:center!important;}




#OUR_TEAM {
	width:100%;
	height:auto;
	margin:0;
	padding:3% 0 1% 0;
	background-color: #ffffff;
	border-bottom:1px solid #eeeeee;
	float:left;
}
#OUR_TEAM .staff {
	width:90%;
	margin:1.5% 5% 2% 5%;
	float:left;
}
#OUR_TEAM .staff ul {
	width:31.3%;
	height:auto;
	margin:2% 1% 1% 1%;
	padding:0 0;
	display:inline;
	float:left;
}
#OUR_TEAM .staff #head1 {
	background-image: url(../images/head1.jpg);
	background-repeat: no-repeat;
	background-size:100%;
	border-radius:120px;
}
#OUR_TEAM .staff #head2 {
	background-image: url(../images/head2.jpg);
	background-repeat: no-repeat;
	background-size:100%;
	border-radius:120px;
}
#OUR_TEAM .staff #head3 {
	background-image: url(../images/head3.jpg);
	background-repeat: no-repeat;
	background-size:100%;
	border-radius:120px;
}
#OUR_TEAM .staff #head4 {
	background-image: url(../images/head4.jpg);
	background-repeat: no-repeat;
	background-size:100%;
	border-radius:120px;
}
#OUR_TEAM .staff #head5 {
	background-image: url(../images/head5.jpg);
	background-repeat: no-repeat;
	background-size:100%;
	border-radius:120px;
}
#OUR_TEAM .staff #head6 {
	background-image: url(../images/head6.jpg);
	background-repeat: no-repeat;
	background-size:100%;
	border-radius:120px;
}
#OUR_TEAM .staff #head7 {
	background-image: url(../images/head7.jpg);
	background-repeat: no-repeat;
	background-size:100%;
	border-radius:120px;
}
#OUR_TEAM .staff ul li {
	width:89.5%;
	height:280px;
	border:1px solid #ccc;
	border-radius:4px;
	padding:5% 5%;
	background-color:#fff;
	float:left;
}
#OUR_TEAM .staff ul li .head {
	width:24%;
	margin:-15% 38% 2% 38%;
	padding:12% 0;
	border-radius:120px;
	border:1px solid #dedede;
	background-color:#fff;
	float:left;	
}
#OUR_TEAM .staff ul li .name {
	width:100%;
	margin:2.5% 0% 2% 0%;
	padding: 0;
	font-family: "微軟正黑體";
	font-size: 16px;
	line-height: 20px;
	font-weight: normal;
	color: #999;
	text-align:center;
	float:left;
}
#OUR_TEAM .staff ul li .job {
	width:100%;
	margin:4% 0% 2% 0%;
	padding: 0;
	font-family: "微軟正黑體";
	font-size: 20px;
	line-height: 20px;
	font-weight: bold;
	color: #333;
	text-align:center;
	float:left;
}
#OUR_TEAM .staff ul li dl {
	width:86%;
	margin:1% 7% 2% 7%;
	padding: 0;
	font-family: "微軟正黑體";
	font-size: 15px;
	line-height: 24px;
	font-weight: normal;
	color: #666;
	text-align:left;
	float:left;
}
#OUR_TEAM .staff .more {
	width:40%;
	margin:2% 30%;
	padding:2% 0;
	font-family: "微軟正黑體";
	font-size: 15px;
	line-height: 15px;
	font-weight: normal;
	color: #333;
	text-align:center;
	background-color:#dedede;
	border-radius:120px;
	float:left;
}
#OUR_TEAM .staff .more:hover {
	background-color:#cecece;
	cursor:pointer;
}
/*第3cut-GAME-結束*/



/*第4cut-NEWS*/
#NEWS {
	width:90%;
	height:auto;
	margin:0;
	padding:2% 5% 8% 5%;
	background-color: #ffffff;
	border-bottom:1px solid #eeeeee;
	float:left;
}
#NEWS .announcement {
	width:100%;
	margin:0% 0% 2% 0%;
	float:left;
}
#NEWS .announcement ul {
	width:100%;
	margin:0 0;
	padding:1.5% 0 1.5% 0;
	border-bottom:1px dashed #dedede;
	float:left;
}
#NEWS .announcement ul li {
	width:28%;
	margin:0 1% 0 0;
	padding:0 0;
	display:inline;
	float:left;
	font-family: "微軟正黑體";
	font-size: 16px;
	line-height: 22px;
	font-weight: normal;
	color: #333;
	text-align:left;
}
#NEWS .announcement ul dl {
	width:71%;
	margin:0 0% 0 0;
	padding:0 0;
	display:inline;
	float:right;
	font-family: "微軟正黑體";
	font-size: 18px;
	line-height: 22px;
	font-weight: normal;
	color: #333;
	text-align:left;
}
#NEWS .announcement ul dl a {
	color: #333;
	text-decoration: none;
}
#NEWS .announcement ul dl a:hover {
	color: #000;
	text-decoration: none;
}
.download_title {
	width:100%;
	margin:3% 0 3% 0;
	padding:0;
	float:left;
	font-family: "微軟正黑體";
	font-size: 24px;
	line-height: 24px;
	font-weight: bold;
	color: #C00;	
	text-align:center;
}
.download {
	width:70%;
	margin:0 15% 3% 15%;
	padding:0;
	float:left;
}
.download img {width:100%;}
/*第4cut-NEWS-結束*/



/*第5cut-BLOG*/
#BLOG {
	width:90%;
	height:auto;
	margin:0;
	padding:5% 5% 5% 5%;
	background-color: #ffffff;
	float:left;
}
#BLOG .date {
	width:100%;
	margin:0% 0% 1% 0%;
	float:left;
}
#BLOG .date .day {
	width:auto;
	height:24px;
	margin:0 0.5% 0 0;
	padding:9px 9px;
	background-color:#f30000;
	border-radius:42px;
	font-family: "微軟正黑體";
	font-size: 24px;
	line-height: 24px;
	font-weight: bold;
	color: #FFF;
	text-align:center;
	float:left;
}
#BLOG .date .month {
	width:auto;
	height:24px;
	margin:0 0 0 0;
	padding:9px 9px;
	font-family: "微軟正黑體";
	font-size: 24px;
	line-height: 24px;
	font-weight: bold;
	color: #666;
	text-align:left;
	float:left;
}
#BLOG .date .all {
	width:auto;
	height:auto;
	margin:3% 0 0 0;
	padding:0.8% 3%;
	background-color:#333;
	border-radius:50px;
	float:right;
	font-family: "微軟正黑體";
	font-size: 18px;
	line-height: 18px;
	font-weight: normal;
	color: #FFF;
	text-align:center;
	cursor:pointer;
}
#BLOG .date .all:hover {background-color:#000;}
#BLOG .article {
	width:100%;
	margin:0 0%;
	padding:0;
	float:left;
}
#BLOG .article .writer {
	width:100%;
	height:auto;
	margin:0% 0 1% 0;
	font-family: "微軟正黑體";
	font-size: 15px;
	line-height: 15px;
	font-weight: normal;
	color: #aaa;
	text-align:left;
}
#BLOG .article h6 {
	width:100%;
	margin:0 0 2% 0;
	font-family: "微軟正黑體";
	font-size: 24px;
	line-height: 32px;
	font-weight: bold;
	color: #000;
	text-align:left;
	float:left;
}
#BLOG .article .community {
	width:100%;
	margin:1% 0 1.5% 0;
	float:left;
}
#BLOG .article .community ol {
	width:32px;
	height:32px;
	margin:0 1% 0 0;
	display:inline;
	cursor:pointer;
	float:left;
}
#BLOG .article .community ol img {width:100%;}
#BLOG .article p {
	width:100%;
	margin:1% 0;
	font-family: "微軟正黑體";
	font-size: 16px;
	line-height: 28px;
	font-weight: normal;
	color: #333333;
	text-align:left;
	float:left;
}
#BLOG .article p a {color:#c61620;}
#BLOG .article p a:hover {color:#fe0000;}
#BLOG .article p a:active {color:#fe0000;}
#BLOG .article p a:visited {color:#c61620;}
#BLOG .article .picture1 {
	width:100%;
	margin:0.5% 0;
	float:left;
}
#BLOG .article .picture1 img {width:100%; margin:0 0 2% 0;}
#BLOG .article .picture2 {
	width:100%;
	margin:0.5% 0;
	float:left;
}
#BLOG .article .picture2 img {width:75%; margin:0 12.5%;}
#BLOG .article .picture3 {
	width:100%;
	margin:0.5% 0;
	float:left;
}
#BLOG .article .picture3 img {width:100%;}
#BLOG .dotline {
	width:100%;
	margin:2% 0;
	padding:0 0;
	border-bottom:1px dotted #efefef;
	float:left;
}

/*p3遊戲介紹*/
#BLOG #picture2 {
	width:100%;
	height:auto;
	margin:1% 0;
	padding:0;
	float:left;
}
#BLOG #picture2 img {width:75%!important;padding:0;margin:0;}
#BLOG #skill {
	width:100%;
	height:auto;
	margin:3% 0 1% 0;
	float:left;
}
#BLOG #skill .icon {
	width:12%;
	height:auto;
	margin:0 2% 0 0;
	display:inline;
	float:left;
}
#BLOG #skill .icon img {width:100%;}
#BLOG #skill .name {
	width:86%;
	height:auto;
	margin:0 0 0 0;
	padding:3% 0 0 0;
	display:inline;
	float:right;
	font-family: "微軟正黑體";
	font-size: 20px;
	line-height: 20px;
	font-weight: bold;
	color: #333;
	text-align:left;
}
#BLOG #partner {
	width:100%;
	height:auto;
	margin:3% 0 1% 0;
	float:left;
}
#BLOG #partner .icon {
	width:8%;
	height:auto;
	margin:0 1% 0 0;
	display:inline;
	float:left;
}
#BLOG #partner .icon img {width:100%;}
#BLOG #partner .name {
	width:auto;
	height:auto;
	margin:0 2% 0 0;
	padding:3% 0 0 0;
	display:inline;
	float:left;
	font-family: "微軟正黑體";
	font-size: 20px;
	line-height: 20px;
	font-weight: bold;
	color: #333;
	text-align:left;
}
/*第5cut-BLOG-結束*/


/*遊戲介紹頁*/
#GAME_TOP {
	width:96%;
	margin:0 0;
	padding:1.5% 2%;
    background-color:#ca1515;
	float:left;
}
#GAME_TOP img {width:35%; display:inline;}
#GAME_intro {
	position:relative;
	width:92%;
	height:auto;
	margin:0 4% 2% 4%;
	padding:0;
	left:0;
	background-color:#fff;
	float:left;
}
#GAME_intro .initial {
	width:100%;
	margin:2% 0% 1% 0%;
	padding:2% 0 1.5% 0;
	border-bottom:1px solid #cccccc;
	float:left;
}
#GAME_intro .initial .title {
	width:100%;
	height:auto;
	margin:0 0 1% 0;
	font-family: "微軟正黑體";
	font-size: 28px;
	line-height: 34px;
	font-weight: bold;
	color: #333;
	text-align:left;
}
#GAME_intro .initial .writer {
	width:100%;
	height:auto;
	margin:0.5% 0;
	font-family: "微軟正黑體";
	font-size: 15px;
	line-height: 18px;
	font-weight: normal;
	color: #aaa;
	text-align:left;
}
#GAME_intro .type {
	width:100%;
	margin:0 0 2% 0;
	padding:0 0;
	display:inline;
	float:left;
}
#GAME_intro .type img {width:20%; margin:1% 1% 1% 0; display:inline;}
#GAME_intro h6 {
	width:100%;
	margin:2% 0 0 0;
	padding:0 0;
	float:left;
	font-family: "微軟正黑體";
	font-size: 18px;
	line-height: 24px;
	font-weight: bold;
	color: #333;
	text-align:left;
}
#GAME_intro p {
	width:100%;
	margin:2% 0;
	padding:0 0;
	float:left;
	font-family: "微軟正黑體";
	font-size: 15px;
	line-height: 24px;
	font-weight: normal;
	color: #333;
	text-align:left;
}
#GAME_intro ol {
	width:100%;
	margin:4% 0 0 0;
	padding:0 0;
	float:left;
	font-family: "微軟正黑體";
	font-size: 22px;
	line-height: 28px;
	font-weight: bold;
	color: #333;
	text-align:left;
	list-style-type: none;
}
#GAME_intro #picture {
	width:100%;
	height:auto;
	margin:1% 0;
	padding:0;
	float:left;
}
#GAME_intro #picture img {width:100%!important;padding:0;margin:0;}
#GAME_intro #picture2 {
	width:100%;
	height:auto;
	margin:1% 0;
	padding:0;
	float:left;
}
#GAME_intro #picture2 img {width:75%!important;padding:0;margin:0;}
/*角色技能*/
#GAME_intro #skill {
	width:100%;
	height:auto;
	margin:3% 0 1% 0;
	float:left;
}
#GAME_intro #skill .icon {
	width:12%;
	height:auto;
	margin:0 2% 0 0;
	display:inline;
	float:left;
}
#GAME_intro #skill .icon img {width:100%;}
#GAME_intro #skill .name {
	width:86%;
	height:auto;
	margin:0 0 0 0;
	padding:3% 0 0 0;
	display:inline;
	float:right;
	font-family: "微軟正黑體";
	font-size: 20px;
	line-height: 20px;
	font-weight: bold;
	color: #333;
	text-align:left;
}
#GAME_intro #partner {
	width:100%;
	height:auto;
	margin:3% 0 1% 0;
	float:left;
}
#GAME_intro #partner .icon {
	width:8%;
	height:auto;
	margin:0 1% 0 0;
	display:inline;
	float:left;
}
#GAME_intro #partner .icon img {width:100%;}
#GAME_intro #partner .name {
	width:auto;
	height:auto;
	margin:0 2% 0 0;
	padding:3% 0 0 0;
	display:inline;
	float:left;
	font-family: "微軟正黑體";
	font-size: 20px;
	line-height: 20px;
	font-weight: bold;
	color: #333;
	text-align:left;
}

/*嵌入Youtube*/
#GAME_intro #pv {
	width:100%;
	height:auto;
	margin:1% 0;
	padding:0;
	float:left;
}
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
/*輪播圖*/
#GAME_intro #gallery {
	width:100%;
	height:auto;
	margin:1% 0;
	padding:0;
	float:left;
}
#GAME_intro #gallery #page { width: 100%; }
#GAME_intro #gallery #thumbs { width:99%; overflow: hidden; padding:1% 0.5%; background-color:#ccc;}
#GAME_intro #gallery #thumbs img, #largeImage { width:100%;   cursor: pointer; }
#GAME_intro #gallery #thumbs img { width:19%; float: left; margin:0 0.5% 1% 0.5%; opacity:75%;}
#GAME_intro #gallery #thumbs img:hover {opacity:100%;}
#GAME_intro #gallery #thumbs img:active {opacity:100%;}
#GAME_intro #gallery #panel { width:100%; padding:0%; position: relative; background-color:#ddd;}
/*回首頁*/
#return {
	width:100%;
	margin:2% 0 2% 0;
	padding:2% 0 0 0;
	border-top:1px solid #ccc;
	float:left;
}
#return .btn_home {
	width:34%;
	margin:0 32.8%;
	padding:1% 0;
	border:1px solid #ccc;
	background-color:#fff;
	float:left;
	font-family: "微軟正黑體";
	font-size: 18px;
	line-height: 18px;
	font-weight: normal;
	color: #666;
	text-align:center;
}
#return .btn_home:hover {background-color:#efefef;}
#return .btn_home:active {background-color:#efefef;}
/*遊戲介紹頁-結束*/



/*部落格*/
#BLOG_TOP {
	width:96%;
	margin:0 0 2% 0;
	padding:1.5% 2%;
    background-color:#ca1515;
	float:left;
}
#BLOG_TOP img {width:35%; display:inline;}
#BLOG_list {
	width:92%;
	height:auto;
	margin:-2% 4% 2% 4%;
	padding:0;
	left:0;
	background-color:#fff;
	float:left;
}
#BLOG_list ul {
	width:100%;
	height:auto;
	margin:2% 0;
	padding:0 0;
	float:left;
}
#BLOG_list ul li {
	width:100%;
	height:auto;
	padding:1.5% 0 1.5% 0;
	margin:0 0 0.5% 0;
	border-bottom:1px dotted #ccc;
	float:left;
}
#BLOG_list ul li dl {
	width:81%;
	height:auto;
	padding:0 0;
	margin:0 0% 0 0;
	display:inline;
	float:left;
	font-family: "微軟正黑體";
	font-size: 16px;
	line-height: 22px;
	color: #333;
	text-align:left;
}
#BLOG_list ul li dl a {color:#333; text-decoration:none;}
#BLOG_list ul li dl a:hover {color:#000; text-decoration:none;}
#BLOG_list ul li dl a:active {color:#000; text-decoration:none;}
#BLOG_list ul li dl a:visited {color:#333; text-decoration:none;}
#BLOG_list ul li dt {
	width:19%;
	padding:0 0;
	margin:0 0 0 0;
	display:inline;
	float:right;
	font-family: "微軟正黑體";
	font-size: 12px;
	line-height: 20px;
	color: #999;
	text-align:center;
} 
/*公告跳頁按鈕*/
DIV.jump {
	width:100%;
	height:auto;
	background-color:#efefef;
	PADDING:4% 0;
	MARGIN: -2.5% 0 0 0;
	TEXT-ALIGN: center;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 18px;
	line-height: 18px;
	font-weight: normal;
	color: #666;
	float:left;
}
DIV.jump A {
	BORDER-RIGHT: #999 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #999 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT:  #999 1px solid; COLOR: #666; PADDING-TOP: 2px; BORDER-BOTTOM:  #999 1px solid; TEXT-DECORATION: none;-moz-border-radius: 5px; /* Firefox */ -webkit-border-radius: 5px; /* Safari, Chrome */ -khtml-border-radius: 5px; /* Konqueror */ border-radius: 5px; /* Opera 10.50 and later (CSS3 standard) */ behavior: url(border-radius.htc); /* IE6, IE7, IE8 */
}
DIV.jump A:hover {
	BORDER-RIGHT: #666 1px solid; BORDER-TOP: #666 1px solid; BORDER-LEFT: #666 1px solid; COLOR: #000; BORDER-BOTTOM: #666 1px solid; -moz-border-radius: 5px; /* Firefox */ -webkit-border-radius: 5px; /* Safari, Chrome */ -khtml-border-radius: 5px; /* Konqueror */ border-radius: 5px; /* Opera 10.50 and later (CSS3 standard) */ behavior: url(border-radius.htc); /* IE6, IE7, IE8 */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
}
DIV.jump A:active {
	BORDER-RIGHT: #f0f0f0 1px solid; BORDER-TOP: #f0f0f0 1px solid; BORDER-LEFT: #f0f0f0 1px solid; COLOR: #FFFF00; BORDER-BOTTOM: #f0f0f0 1px solid;-moz-border-radius: 5px; /* Firefox */ -webkit-border-radius: 5px; /* Safari, Chrome */ -khtml-border-radius: 5px; /* Konqueror */ border-radius: 5px; /* Opera 10.50 and later (CSS3 standard) */ behavior: url(border-radius.htc); /* IE6, IE7, IE8 */
}
DIV.jump SPAN.current {
	 border:1px solid #ccc; PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; MARGIN: 2px;  COLOR: #fff; PADDING-TOP: 2px; -moz-border-radius: 5px; /* Firefox */ -webkit-border-radius: 5px; /* Safari, Chrome */ -khtml-border-radius: 5px; /* Konqueror */ border-radius: 5px; /* Opera 10.50 and later (CSS3 standard) */ behavior: url(border-radius.htc); /* IE6, IE7, IE8 */
background: rgb(158,158,158); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzllOWU5ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1OTU5NTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(158,158,158,1) 0%, rgba(89,89,89,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(158,158,158,1)), color-stop(100%,rgba(89,89,89,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(158,158,158,1) 0%,rgba(89,89,89,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(158,158,158,1) 0%,rgba(89,89,89,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(158,158,158,1) 0%,rgba(89,89,89,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(158,158,158,1) 0%,rgba(89,89,89,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9e9e9e', endColorstr='#595959',GradientType=0 ); /* IE6-8 */
}
DIV.jump SPAN.disabled {
	PADDING-RIGHT: 5px;
	PADDING-LEFT: 5px;
	PADDING-BOTTOM: 2px;
	MARGIN: 2px;
	COLOR: #999999;
	PADDING-TOP: 2px;
	border: 1px solid #999999;
	-moz-border-radius: 5px; /* Firefox */ -webkit-border-radius: 5px; /* Safari, Chrome */ -khtml-border-radius: 5px; /* Konqueror */ border-radius: 5px; /* Opera 10.50 and later (CSS3 standard) */ behavior: url(border-radius.htc); /* IE6, IE7, IE8 */
}


/*版權宣告*/
#copyright {
	width:90%;
	height:auto;
	margin:0% 0 0 0;
	padding:3% 5% 3% 5%;
    background-image: url(../images/footer_bg.jpg);
	background-repeat: no-repeat;
	background-size:200%;
    float:left;
}
#copyright .company {
	width:60%;
	margin:0 0;
	padding:2% 0 0 0;
	display:inline;
	float:right;
	font-family: "微軟正黑體";
	font-size: 14px;
	line-height: 15px;
	font-weight: normal;
	color: #333333;
	text-align:right;
}
#copyright .logo {
	width:32%;
	margin:0 2% 0 0;
	padding:0 0 0 0;
	display:inline;
	float:left;
}
#copyright .logo img {width:100%;}
#copyright .link {
	width:100%;
	margin:0% 0 4% 0%;
	padding:0 0;
	display:inline;
	float:left;
	font-family: "微軟正黑體";
	font-size: 15px;
	line-height: 22px;
	font-weight: bold;
	color: #333;
	text-align:center;
}
#copyright .link a {margin:0 3%; color: #666; text-decoration:none;}
#copyright .link a:hover {color: #333; text-decoration:none;}


/*文字顏色*/
.w_green {color:#358476;}
.w_yellow {color:#e0bb27;}
.w_red {color:#d84a49;}
.w_orange {color:#d27200;}
.w_brown {color:#916331;}
.w_linethrough {text-decoration:line-through;}


/*錯誤頁*/
#error {
	width:100%;
	height:auto;
	margin:0 0;
	padding:0;
	background-color:#fff;
	float:left;
}
#error .chara {
	width:90%;
	height:auto;
	margin:18% 5% 8% 5%;
	padding:0 0;
	float:left;
}
#error .chara img {width:100%;}
#error .home {
	width:40%;
	height:auto;
	margin:0 30% 14% 30%;
	padding:2% 0;
	border-radius:100px;
	background-color:#ccc;
	float:left;
	font-family: "微軟正黑體";
	font-size: 28px;
	line-height: 28px;
	color: #333;
	text-align:center;
	cursor:pointer;
}