@charset "big5";
@import url("_reset.css");
@import url("jquery.lightbox-0.5.css");
@import url("country.css");
@import url("https://xdb2.x-legend.com.tw/css/component/_footer.css");
.color_2 {
	color: #9e49ed;
}
.color_3 {
	color: #433e92;
}


body {margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; background-color: #b2c6de; font-family:"�s�ө���", Arial;}  /* background-color: #E0C9E3;  // �Ĥ@�� */
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: underline;}
a:active {text-decoration: none;}
table img {float: left;}

/* �y�����? */
#country { position: relative; top: 0px; right: 0px; z-index: 100; }
.country { position: absolute; top: 16px; left: 5px; }

/*patch��*/

.pt_01{color:#626161; font-size:12px; line-height:16px; }
.pt_01 a:link {color: #626161;}
.pt_01 a:visited {color: #626161;}
.pt_01 a:active {color: #626161;}
.pt_01 a:hover {color: #0386b1;text-decoration: underline;}

.pt_02{color:#239960; font-size:12px; line-height:16px; font-weight:bold}
.pt_02 a:link {color: #239960;}
.pt_02 a:visited {color: #239960;}
.pt_02 a:active {color: #239960;}
.pt_02 a:hover {color: #454545;text-decoration: underline;}

.pt_03{color:#454545; font-size:11px; line-height:13px; }
.pt_03 a:link {color: #454545;}
.pt_03 a:visited {color: #454545;}
.pt_03 a:active {color: #454545;}
.pt_03 a:hover {color: #f89009;text-decoration: underline;}

.pt_04 {font-size: 11px; color: #7059AC; line-height: 13px}
.pt_04 a:link {color: #7059AC;}
.pt_04 a:visited {color: #7059AC;}
.pt_04 a:active {color: #7059AC;}
.pt_04 a:hover {color: #FF8600; text-decoration: underline;}

/*itemmall*/

.scrl {SCROLLBAR-FACE-COLOR: #ffffff; SCROLLBAR-3DLIGHT-COLOR: #9c9e9c; SCROLLBAR-ARROW-COLOR: #9c9e9c;
	   SCROLLBAR-DARKSHADOW-COLOR: #ffffff; SCROLLBAR-BASE-COLOR: #cfcfcf;}

/* large banner */

ul, li {
	padding: 0;
	margin: 0;
	list-style: none;
}
#abgne-block {
	width: 500px;	/* �Ϥ����e */
	height: 213px;	/* �Ϥ����� + 30 */
	/*border: 10px solid #ddd;*/
}
.abgne-player {
	width: 500px;	/* �Ϥ����e */
	height: 183px;	/* �Ϥ����� */
	position: relative;
	overflow: hidden;
}
.abgne-player ul.abgne-list {
	position: absolute;
	width: 9999px;
	height: 183px;
}
.abgne-player ul.abgne-list li {
	float: left;
	width: 500px;	/* �Ϥ����e */
	height: 100%;
}
.abgne-player ul.abgne-list img{
	width: 500px;
	height: 183px;
	border: 0;
}
.abgne-control {
	height: 41px;
	padding: 3px;
	color: #5F1D6C;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
}
.abgne-control ul {
	float: right;
}
.abgne-control ul li {
	float: left;
	padding: 0 4px;
	line-height: 18px;
	margin: 3px;
	background: #E3C1EA;
	cursor: pointer;
}
.abgne-control ul.numbers {
	margin-left: 13px;
	font-family: Arial, Helvetica, sans-serif;
}
.abgne-control ul li.current {
	background: #969;
	color:#fff;
}
.abgne-control ul li.hover {
	background: #969;
	color:#fff;
}


/*cb&ob*/

.txt {font-size: 12px; color: #5D5D5D; line-height: 15px; font-family: Arial;}

.s_01 {font-size: 12px; color: #595959; line-height: 17px;}
.s_01 a:link {color: #595959;}
.s_01 a:visited {color: #595959; }
.s_01 a:active {color: #595959; }
.s_01 a:hover {color: #FF8600; text-decoration: underline;}

.s_02 {font-size: 12px; color: #ab4c18; line-height: 17px;}
.s_02 a:link {color: #ab4c18;}
.s_02 a:visited {color: #ab4c18; }
.s_02 a:active {color: #ab4c18; }
.s_02 a:hover {color: #8F44A8; text-decoration: underline;}

.s_03 {font-size: 21px; color: #5B3575; line-height: 23px; font-family: "�L�n������", Verdana, Arial; font-weight: bold}

.s_04 {font-size: 21px; color: #244B57; line-height: 23px; font-family: "�L�n������", Verdana, Arial; font-weight: bold}
.s_04 a:link {color: #244B57; }
.s_04 a:visited {color: #244B57;}
.s_04 a:active {color: #244B57;}
.s_04 a:hover {color: #FF6600; text-decoration: underline;}

.s_05 {font-size: 12px; color: #2D9199; line-height: 17px;}
.s_05 a:link {color: #2D9199;}
.s_05 a:visited {color: #2D9199;}
.s_05 a:active {color: #2D9199;}
.s_05 a:hover {color: #FF8600; text-decoration: underline;}

.s_06 {font-size: 12px; color: #4A8118; line-height: 17px;}
.s_06 a:link {color: #4A8118;}
.s_06 a:visited {color: #4A8118;}
.s_06 a:active {color: #4A8118;}
.s_06 a:hover {color: #993333; text-decoration: underline;}

.s_07 {font-size: 12px; color: #F16701; line-height: 17px}
.s_07 a:link {color: #F16701;}
.s_07 a:visited {color: #F16701}
.s_07 a:active {color: #F16701;}
.s_07 a:hover {color: #993333; text-decoration: underline;}

.s_08 {font-size: 12px; color: #7059AC; line-height: 17px}
.s_08 a:link {color: #7059AC;}
.s_08 a:visited {color: #7059AC;}
.s_08 a:active {color: #7059AC;}
.s_08 a:hover {color: #FF8600; text-decoration: underline;}

.s_09 {font-size: 12px; color: #B44389; line-height: 17px}
.s_09 a:link {color: #B44389;}
.s_09 a:visited {color: #B44389;}
.s_09 a:active {color: #B44389;}
.s_09 a:hover {color: #FF8600; text-decoration: underline;}

.s_10 {font-size: 12px; color: #333333; line-height: 17px; font-weight: bold; font-family: Arial;}
.s_10 A:link {color: #ab4c18; font-weight: normal;}
.s_10 A:visited {color: #ab4c18;}
.s_10 a:active {color: #ab4c18;}
.s_10 A:hover {color: #333333; font-weight: bold; text-decoration: underline}

.s_11 {font-size: 12px; color: #fddb9b; line-height: 17px;}
.s_11 A:link {color: #fddb9b;}
.s_11 A:visited {color: #fddb9b;}
.s_11 a:active {color: #fddb9b;}
.s_11 A:hover {color: #ffffff;}

.s_12 {font-size: 12px; color: #ffffff; line-height: 17px;}
.s_12 a:link {color: #ffffff;}
.s_12 a:visited {color: #ffffff;}
.s_12 a:active {color: #ffffff;}
.s_12 a:hover {color: #FFCC00;}

.s_13 {font-size: 12px; color: #D9CCF4; line-height: 17px;}

.s_14 {font-size: 12px; color: #645395; line-height: 16px;}
.s_14 a:link {font-size: 12px; color: #9e5824; line-height: 16px;}
.s_14 a:visited{font-size: 12px; color: #9e5824; line-height: 156px;}
.s_14 a:hover{font-size: 12px; color: #0E7467; line-height: 16px;}

.s_15 {font-size: 16px; color: #a13d1e; line-height: 20px;  font-family: "�L�n������", Verdana, Arial;  font-weight: bold;}

.s_16 {font-size: 12px; color: #fcd663; line-height: 16px;}
.s_16 a:link {color: #ffffff;}
.s_16 a:visited {color: #ffffff;}
.s_16 a:active {color: #ffffff;}
.s_16 a:hover {color: #fdfb3e;}

.s_17 {font-size: 12px; color: #B00000; line-height: 16px;}
.s_17 a:link {color: #996699;}
.s_17 a:visited {color: #996699;}
.s_17 a:active {color: #996699;}
.s_17 a:hover {color: #fd7f03; text-decoration: underline;}

.s_18 {font-size: 12px; color: #ffffff; line-height: 17px;}
.s_18 a:link {color: #fcd663;}
.s_18 a:visited {color: #fcd663;}
.s_18 a:active {color: #fcd663;}
.s_18 a:hover {color: #FFFF66; text-decoration: underline;}

.s_19 {font-size: 13px; color: #fffa79; line-height: 17px; font-weight: bold;}

.s_20 {font-size: 13px; color: #eef9c3; line-height: 17px; font-weight: bold;}

.s_21 {font-size: 13px; color: #FFFFFF; line-height: 17px; font-weight: bold; font-family: Arial;}

.s_22 {font-size: 25px; color: #F8720E; line-height: 20px; font-family: Georgia, "Times New Roman", Times, serif;}

.s_23 {font-size: 18px; color: #B44389; line-height: 22px; font-family: "�L�n������", Verdana, Arial; }

.s_24 {font-size: 18px; color: #FFFFFF; line-height: 21px; font-family: "�L�n������", Verdana, Arial; }

.s_25 {font-size: 15px; color: #333333; line-height: 21px; font-family: "�L�n������", Verdana, Arial; }

.s_26 {font-size: 15px; color: #5B3575; line-height: 18px; font-family: "�L�n������", Verdana, Arial; font-weight: bold;}

.s_27 {font-size: 13px; color: #333333; line-height: 21px; font-family: "�L�n������", Verdana, Arial; font-weight: bold;}

.s_28 {font-size: 13px; color: #244B57; line-height: 21px; font-family: "�L�n������", Verdana, Arial; font-weight: bold;}

.s_29 {font-size: 12px; color: #3399cc; line-height: 19px; font-family:"�s�ө���";}
.s_29 a:link { color: #3399cc; text-decoration: underline;}
.s_29 a:visited {color: #3399cc;}
.s_29 a:active {color: #3399cc;}
.s_29 a:hover {color: #294D70; }


#abgne_float_ad {
	padding-left:30px;
	display: none;
	position: absolute;
	width:23px;
	height:23px;
}


/* ==========================================================================
   Banner side
============================================================================= */

.banner_side {position:fixed;top:250px;z-index:99}
.side_left {left: 0;}
.side_right {right: 0;}
* html,* html body{background-image:url(about:blank);background-attachment:fixed;}
* html .banner_side {position:absolute;top:expression(eval(document.documentElement.scrollTop +250 ))}

#banner_left a,
#banner_new a,
#banner_best a {
	display: block;
	position: relative;
	width: 170px;
	height: 75px;
	overflow: hidden;
}
#banner_left a:before,
#banner_new a:before,
#banner_best a:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url('/banner/gd_border.png') left top no-repeat;
}

.tbstyle_1 { background: #FFF; border: 3px solid #dedede; padding:1px; margin: 0px 0px ; line-height: 18px; text-align: center; }
.tbstyle_1 table { border: 1px solid #ccc; border-width:1px 1px 0px 0px; }
.tbstyle_1 th,.tbstyle_1 td { padding: 8px 5px; border:1px solid #ccc; border-width: 0px 0px 1px 1px; font-size: 13px;line-height: 1.5;}
.tbstyle_1 th { background: #7381A6; color: #D0EBFF; font-size: 15px; font-family:"�L�n������", Verdana; }
.tbstyle_1 td { background: #f3f3f3; }
.tbstyle_1 td.odd,
.tbstyle_1 tr.odd td { background: #fff; }
.tbstyle_1 table .table_title { float: left; font-size:13px; color: #7381A6; font-weight: bold; vertical-align: middle; background:url('/images/layout/h3_bg.gif') 0px 4px no-repeat; padding-left: 14px; }


.item_content h3 {
	font-family: "Noto Sans TC", Arial, sans-serif;
}
.item_content {
	position: relative;
	padding-top: 40px;
	min-height: 200px;
	font-size: 15px;
	color: #444;
	line-height: 24px;
	font-family: "Microsoft JhengHei", Arial, sans-serif;
}
.item_content.noSpace {
	padding-top: 0;
}
.item_content h1 {
	margin-bottom: 25px;
}
.item_content h2 {
	padding-left: 6px;
	margin-bottom: 12px;
	font-size: 16px;
	color: #715783;
	line-height: 20px;
	font-weight: 400;
	border-left: 8px #9079a0 solid;
}
.item_content h3 {
	margin-bottom: 12px;
	font-size: 16px;
	color: #715783;
	line-height: 20px;
	font-weight: 400;
	text-align: left;
}
.item_content p {
	position: relative;
	margin-bottom: 20px;
	overflow: hidden;
	word-break: break-all;
	text-align: justify;
	text-justify:inter-ideograph;
}
.item_content img,
.item_content p img {
	max-width: 853px !important;
}
.item_content .gap {
	margin-bottom: 30px;
}
.item_content ol {
	padding-left: 24px;
}
.item_content ol li {
	margin-bottom: 20px;
	word-break: break-all;
	text-align: justify;
	text-justify:inter-ideograph;
	list-style-position: outside;
  list-style-type: decimal-leading-zero;
}
.item_content table {
	width: 100% !important;
}
.item_content table p {
	margin: 0 !important;
}


#XlegendTop {
	position: relative;
	z-index: 99;
}

/*header */


.header {
	/* background-image: url('/images/header/bg.jpg') ; */
	background-position: center;
	background-repeat: no-repeat;
	text-align: center;
	height: 540px;
}
.header_container {
	position: relative;
	height: 540px;
	width: 942px;
	margin: 0 auto;
}

.header .logo {
	text-decoration: none;
	background-image: url('/images/header/logo.png');
	width: 324px;
	height: 203px;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	z-index: 3;
}
.header .logo span {
	position: absolute;
	display: none;
	width: 77px;
	height: 69px;
	background-repeat: no-repeat;
	background-position: 0 0;
	left: -10px;
	top: -10px;
}
.header .logo span.toindex {
	background-image: url('/images/header/back_index.png');
}
.header .logo span.toindex_in {
	background-image: url('/images/header/back_index.png');
}
.header .logo:hover span {
	display: block;
}
.header .menu {
	position: absolute;
	width: 100%;
	bottom: 0;
	z-index: 2;
}

.header .menu_wrap {
	background-image: url('/images/header/menu_bg.png');
	width: 950px;
	height: 117px;
	position: relative;
	z-index: 10;
}
.menuItems {
	float: left;
	/* position: relative; */
	z-index: 2;
	padding: 0 13px;
}
.menuItems:nth-child(4) {
	margin-right: 164px;
}

.menuItems dt {
	position: relative;
	z-index: 5;
	padding-top: 19px;

}
.menuItems dt h3 {
	width: 71px;
	height: 36px;
	text-indent: 200%;
	white-space: nowrap;
	overflow: hidden;
	background-repeat: no-repeat;
	background-image: url('/images/header/menu.png');
	background-position: 0 0;
}

 .menuItems_1 dt h3 {
	background-position: 0 0;
}
.menuItems_1 dt:hover h3,
.menuItems_1 dt.active h3 {
	background-position: 0 -36px;
}

.menuItems_2 dt h3 {
	background-position: -98px 0px;
}
.menuItems_2 dt:hover h3,
.menuItems_2 dt.active h3 {
	background-position: -98px -36px;
}

.menuItems_3 dt h3 {
	background-position: -195px 0px;
}
.menuItems_3 dt:hover h3,
.menuItems_3 dt.active h3 {
	background-position: -195px -36px;
}

.menuItems_4 dt h3 {
	background-position: -292px 0px;
}
.menuItems_4 dt:hover h3,
.menuItems_4 dt.active h3 {
	background-position: -292px -36px;
}

.menuItems_5 dt h3 {
	background-position: -554px 0px;
}
.menuItems_5 dt:hover h3,
.menuItems_5 dt.active h3 {
	background-position: -554px -36px;
}

.menuItems_6 dt h3 {
	background-position: -650px 0px;
}

.menuItems_6 dt:hover h3,
.menuItems_6 dt.active h3 {
	background-position: -650px -36px;
}

.menuItems_7 dt h3 {
	background-position: -747px 0px;
}
.menuItems_7 dt:hover h3 ,
.menuItems_7 dt.active h3{
	background-position: -747px -36px;
}

.menuItems_8 dt h3 {
	background-position: -844px 0px;
}
.menuItems_8 dt:hover h3,
.menuItems_8 dt.active h3 {
	background-position: -844px -36px;
}

.menuItems dd {
	position: absolute;
	transition: all .3s ease-out;
	width: 320px;
	height: 96px;
	left: 0;
	top: -95px;
	color: #dedede;
	display: none;
}
.menuItems dd {
	left: 70px;
}
.menuItems_5 dd,
.menuItems_6 dd,
.menuItems_7 dd,
.menuItems_8 dd {
	left: auto;
	right: 50px;
}
.menuItems dd.active {
	display: block;
}
.menuItems dd ul {
	padding: 15px 0;
}

.menuItems dd li {
	float: left;
	margin:0 3px 5px;
}
.menuItems dd a {
	font-size: 12px;
	color: #fffb90;
	display: inline-block;
	padding: 0 8px;
	line-height: 20px;
	height: 20px;
	text-decoration: none;
	border-radius: 10px;
}
.menuItems dd a:hover {
	color: #fff;
	background-color: #f161b2;
}
.menuItems_1 dd li:nth-child(4) span,
.menuItems_2 dd li:nth-child(4) span,
.menuItems_3 dd li:nth-child(4) span,
.menuItems_5 dd li:nth-child(3) span,
.menuItems_5 dd li:nth-child(6) span,
.menuItems_6 dd li:nth-child(2) span,
.menuItems_7 dd li:nth-child(3) span,
.menuItems_8 dd li:nth-child(3) span,
.menuItems_8 dd li:nth-child(6) span {
	display: none;
}
.secMenu_left,
.secMenu_right {
	display: none;
	position: absolute;
	background-image: url('/images/header/sec_menu_bg.png');
	width: 437px;
	height: 101px;
	bottom: 114px;
}
.secMenu_left {
	left: 16px;
	background-position: left top;
}
.secMenu_right {
	right: 16px;
	background-position: right top;
}


.country {
	position: absolute;
	z-index: 11;
	top: 16px;
	left: 10px;
}

.social_icon {
	position: absolute;
	top: 15px;
	right: 0;
}
.social_icon li {
	float: left;
	width: 32px;
	margin: 0 3px;
	padding-bottom: 19px;
	position: relative;
}
.social_icon li a {
	display: block;
	transition: all .2s ease-out;
}
.social_icon li a:hover {
	margin-top: -5px;
	margin-bottom: 5px;
}
.social_icon li:after {
	background-repeat: no-repeat;
	background-position: bottom center;
	content: "";
	position: absolute;
	width: 100%;
	height: 19px;
	bottom: 0;
	left: 0;
}
.social_icon li.icon_facebook:after {
	background-image: url('/images/header/icon_facebook_shadow.png');
}
.social_icon li.icon_plurk:after {
	background-image: url('/images/header/icon_plurk_shadow.png');
}
.social_icon li.icon_youtube:after {
	background-image: url('/images/header/icon_youtube_shadow.png');
}
.social_icon li.icon_vip:after {
	background-image: url('/images/header/icon_vip_shadow.png');
}

 .game_menu_bg {
	position: absolute;
	left: 50%;
	width: 188px;
	height: 245px;
	transform: translateX(-53%);
	top: 273px;
	background-image: url('/images/header/game_menu_bg.png');
	background-repeat: no-repeat;
	background-position: center top;
	z-index: 11;
}
.game_menu {
	left: 50%;
	transform: translateX(-53%);
	top: 377px;
	position: absolute;
	z-index: 12;
}
.game_menu ul {
	text-align: center;
}
.game_menu li {
	margin-bottom: 10px;
}
.game_menu a{
	background-image: url('/images/header/game_menu.png');
	background-repeat: no-repeat;
	height: 43px;
	width: 104px;
	display: inline-block;
	text-indent: 200%;
	white-space: nowrap;
	overflow: hidden;
}
.game_menu li.game_menu_1 a {
	background-position: -37px 0;
}
.game_menu li.game_menu_1 a:hover{
	background-position: -216px 0;
}
.game_menu li.game_menu_2 {
	margin-bottom: 22px;
}
.game_menu li.game_menu_2 a {
	background-position: -37px -60px;

}
.game_menu li.game_menu_2 a:hover{
	background-position: -216px -60px;
}
.game_menu li.game_menu_3 a{
	width: 179px;
	height: 31px;
	background-position: 0 bottom;
}

.game_menu li.game_menu_3 a:hover {
	background-position: -179px bottom;
}

/* ==========================================================================
  footer
========================================================================== */
footer {
	background-color: #2e2c47;
	color: #8885a9;
}
footer .x_logo_black {
	display: none;
}
footer a {
  color: #8885a9;
}