/*
 * Ice Spirit forum-wide refresh.
 * Applied across Discuz forum, portal, member, home and thread pages.
 */
html,
body {
	background: #05080e url(../../../images/new-bg.jpg) no-repeat center top fixed !important;
	color: #d9e8f3 !important;
	font-family: "Microsoft JhengHei", "Microsoft YaHei", "Noto Sans TC", Arial, sans-serif !important;
}

body:before {
	content: "";
	position: fixed;
	inset: 0;
	z-index: -1;
	pointer-events: none;
	background:
		linear-gradient(180deg, rgba(2, 5, 10, .66), rgba(2, 5, 10, .42) 360px, rgba(2, 5, 10, .88) 100%),
		radial-gradient(circle at 50% 0, rgba(93, 185, 255, .16), transparent 34%);
}

a,
.xw1 a {
	color: #cfeaff;
}

a:hover,
#nv a:hover,
#um a:hover {
	color: #f1c36a !important;
	text-decoration: none !important;
}

#arpggame_body,
#arpggame_footer,
#arpggame_1,
.arpggame_2,
.arpggame_3,
.arpggame_n,
#ct,
.wp,
.wp980,
.wp1000 {
	background: transparent !important;
}

.wp,
.wp980,
.wp1000 {
	width: 1180px !important;
	max-width: 1180px !important;
}

#arpggame_toptb {
	min-height: 34px !important;
	background: rgba(3, 8, 15, .9) !important;
	border-bottom: 1px solid rgba(207, 168, 88, .26) !important;
	color: #9fb4c8 !important;
}

#arpggame_toptb a,
#toptb a,
#um a {
	color: #aac0d2 !important;
}

#hd {
	min-height: 235px !important;
	margin: 0 auto 22px !important;
	padding-top: 22px !important;
	background: linear-gradient(180deg, rgba(4, 9, 17, .92), rgba(8, 18, 31, .45), rgba(8, 18, 31, 0)) !important;
	border-bottom: 1px solid rgba(111, 196, 255, .2) !important;
	box-shadow: 0 20px 60px rgba(0, 0, 0, .28) !important;
}

#hd .hdc,
#hd h2,
.hdlogo {
	float: none !important;
	width: 100% !important;
	height: 190px !important;
	margin: 0 !important;
	padding: 0 !important;
	text-align: center !important;
	background: transparent !important;
}

.hdlogo:before {
	content: "";
	display: block;
	width: 560px;
	height: 210px;
	margin: -18px auto 0;
	background: url(../../../images/new-logo.png) no-repeat center top / contain;
	filter: drop-shadow(0 16px 24px rgba(0, 0, 0, .78));
}

.hdlogo .wall,
#background,
#midground,
#foreground,
#hd .hdlogo img,
#hd .logo,
#hd h2 img {
	display: none !important;
}

#nv,
.nv,
#mu,
#scbar,
.p_pop,
.p_opt,
.sllt {
	background: rgba(4, 10, 18, .94) !important;
	border-color: rgba(198, 155, 78, .34) !important;
	box-shadow: 0 14px 36px rgba(0, 0, 0, .38) !important;
}

#nv {
	height: 54px !important;
	margin: -4px auto 0 !important;
	border-top: 1px solid rgba(111, 196, 255, .24) !important;
	border-bottom: 1px solid rgba(198, 155, 78, .3) !important;
}

#nv li,
#nv li.a {
	background: transparent !important;
}

#nv li a {
	height: 54px !important;
	line-height: 54px !important;
	padding: 0 22px !important;
	color: #e6f5ff !important;
	font-size: 16px !important;
	text-shadow: 0 2px 8px rgba(0, 0, 0, .9) !important;
	background: transparent !important;
}

#nv li.a a,
#nv li a:hover {
	color: #f4ca73 !important;
	background: linear-gradient(180deg, rgba(73, 156, 217, .16), rgba(207, 153, 69, .12)) !important;
}

#scbar {
	margin: 12px auto !important;
	padding: 8px 12px !important;
	border-radius: 0 !important;
}

#scbar_txt,
.px,
.pt,
.ps,
select,
textarea,
input[type="text"],
input[type="password"] {
	background: rgba(3, 8, 15, .88) !important;
	border: 1px solid rgba(129, 190, 227, .3) !important;
	color: #edf8ff !important;
	box-shadow: inset 0 0 16px rgba(0, 0, 0, .36) !important;
}

.pn,
.pnc,
button,
input[type="submit"] {
	background: linear-gradient(180deg, #d9ad5e, #8e5a1e) !important;
	border: 1px solid rgba(255, 224, 148, .48) !important;
	color: #07111d !important;
	border-radius: 2px !important;
	box-shadow: 0 8px 20px rgba(0, 0, 0, .28), inset 0 1px 0 rgba(255, 255, 255, .28) !important;
}

.pn span,
.pnc span {
	color: #07111d !important;
}

#pt,
.bm,
.fl,
.mn,
.sd,
.ct2 .mn,
.ct2 .sd,
.ct2_a,
.ct3_a,
.tl,
.vw,
.pl,
.pgs,
.pg,
.ttp,
.tb,
.tbmu,
.xld,
.m_c,
.f_c,
.nfl,
.rfm,
.bml,
.appl,
.drag,
.frame,
.block,
.portal_block_summary {
	background: rgba(6, 13, 24, .88) !important;
	border-color: rgba(198, 155, 78, .3) !important;
	color: #d9e8f3 !important;
	box-shadow: 0 16px 42px rgba(0, 0, 0, .32), inset 0 0 24px rgba(89, 181, 238, .05) !important;
}

#pt {
	margin: 12px auto !important;
	padding: 10px 14px !important;
	border: 1px solid rgba(198, 155, 78, .24) !important;
}

.bm {
	margin-bottom: 14px !important;
}

.bm_h,
.fl .bm_h,
.bml .bm_h,
.tl .th,
.pls,
.plc .pi,
.xld dt,
.tb .a a,
.tb a:hover,
.tb .current a,
.ct2_a .appl h2 {
	background: linear-gradient(180deg, rgba(18, 39, 62, .96), rgba(8, 17, 30, .96)) !important;
	border-color: rgba(198, 155, 78, .35) !important;
	color: #f0c36d !important;
}

.bm_h h2,
.bm_h h3,
.bm_h a,
.fl_g dt a,
.fl_tb h2 a,
.xld dt a,
.vwthd h1,
.ts,
.xs2 a {
	color: #f2f8ff !important;
	text-shadow: 0 2px 8px rgba(0, 0, 0, .72) !important;
}

.tl th a,
.tl td a,
.tl .xst {
	color: inherit;
	text-shadow: none;
}

.tl .xst,
.tl th a.xst,
.tl td a.xst {
	color: #f2f8ff;
}

.tl .xi1,
.tl a.xi1,
.tl .xst.xi1,
.tl th.xi1 a,
.tl td.xi1 a {
	color: #f26c4f !important;
}

.tl .xi2,
.tl a.xi2,
.tl .xst.xi2,
.tl th.xi2 a,
.tl td.xi2 a {
	color: #6fbfff !important;
}

.tl th a[style*="color"],
.tl td a[style*="color"],
.tl .xst[style*="color"],
.tl th[style*="color"] a,
.tl td[style*="color"] a,
a.xst[style*="color"] {
	text-shadow: none !important;
}

.bm_c,
.fl .bm_c,
.tl table,
.tl th,
.tl td,
.plhin,
.plc,
.pct,
.xl li,
.ml li,
.el li {
	background: rgba(7, 14, 25, .78) !important;
	border-color: rgba(113, 156, 187, .18) !important;
}

.fl_row,
.fl_tb td,
.tl tr,
.tl th,
.tl td,
.pl tr,
.pl td,
.pcb,
.bbda,
.bbs,
.bbd,
.xld dd {
	border-color: rgba(113, 156, 187, .18) !important;
}

.fl_row:hover,
.tl tr:hover,
.xl li:hover,
.ml li:hover {
	background: rgba(53, 113, 151, .18) !important;
}

.fl_icn img,
.icn img,
.avt img {
	filter: drop-shadow(0 0 8px rgba(100, 195, 255, .22));
}

.pls,
.ad .pls,
.pl .pls {
	background: rgba(4, 9, 16, .9) !important;
	border-right: 1px solid rgba(198, 155, 78, .22) !important;
}

.plc {
	background: rgba(7, 14, 25, .82) !important;
}

.pi {
	border-bottom-color: rgba(198, 155, 78, .28) !important;
}

.t_f,
.t_fsz,
.pcb {
	font-size: 15px !important;
	line-height: 1.9 !important;
}

.quote,
.blockquote,
.blockcode,
.spoiler {
	background: rgba(2, 8, 15, .72) !important;
	border-color: rgba(104, 184, 232, .25) !important;
	color: #b8cddd !important;
}

.pg a,
.pg strong,
.pgb a,
.pg label {
	background: rgba(7, 16, 28, .9) !important;
	border-color: rgba(198, 155, 78, .34) !important;
	color: #dcefff !important;
}

.pg strong,
.pg a:hover,
.pgb a:hover {
	background: #b57b2d !important;
	color: #07111d !important;
}

.p_pop a,
.p_opt a,
.sllt a {
	color: #dcefff !important;
	border-bottom-color: rgba(113, 156, 187, .15) !important;
}

.p_pop a:hover,
.p_opt a:hover,
.sllt a:hover {
	background: rgba(64, 127, 169, .26) !important;
	color: #f1c36a !important;
}

.pipe,
.xg1,
.xg2,
.xs0,
.xs1 {
	color: #9db3c6 !important;
}

/* Preserve author-defined colors and Discuz highlight colors inside posts. */
.t_f,
.t_fsz,
.pcb,
.pct {
	color: #e9f4fc;
}

.t_f .xi1,
.t_fsz .xi1,
.pcb .xi1,
.pct .xi1,
.plc .xi1 {
	color: #f26c4f !important;
}

.t_f .xi2,
.t_fsz .xi2,
.pcb .xi2,
.pct .xi2,
.plc .xi2 {
	color: #6fbfff !important;
}

.t_f font[color],
.t_fsz font[color],
.pcb font[color],
.pct font[color],
.t_f span[style*="color"],
.t_fsz span[style*="color"],
.pcb span[style*="color"],
.pct span[style*="color"],
.t_f div[style*="color"],
.t_fsz div[style*="color"],
.pcb div[style*="color"],
.pct div[style*="color"],
.t_f p[style*="color"],
.t_fsz p[style*="color"],
.pcb p[style*="color"],
.pct p[style*="color"] {
	text-shadow: none;
}

.z a,
.y a {
	color: #c7dceb !important;
}

.tl .num,
.tl .by,
.tl cite,
.tl em,
.fl_i,
.fl_by,
.pls .xg1 {
	color: #8fa8bd !important;
}

.ttp a,
.tb a {
	background: rgba(8, 18, 31, .88) !important;
	border-color: rgba(198, 155, 78, .24) !important;
	color: #d9e8f3 !important;
}

.ttp .a a,
.tb .a a,
.tb .current a {
	background: linear-gradient(180deg, #c99a4c, #7e501d) !important;
	color: #07111d !important;
}

#fastpostform,
#postform,
.exfm,
.edt,
.area,
.threadpre,
.sign,
.locked,
.ratl,
.ratc {
	background: rgba(6, 13, 24, .82) !important;
	border-color: rgba(198, 155, 78, .26) !important;
	color: #d9e8f3 !important;
}

.edt .bar,
.edt .bbar,
.edt .area {
	background: rgba(5, 11, 20, .92) !important;
	border-color: rgba(104, 184, 232, .2) !important;
}

#scrolltop {
	background-color: rgba(7, 16, 28, .92) !important;
	border: 1px solid rgba(198, 155, 78, .35) !important;
}

#arpggame_ft,
#ft {
	min-height: 120px !important;
	margin-top: 30px !important;
	background: linear-gradient(180deg, rgba(5, 8, 14, 0), rgba(2, 4, 8, .94)) !important;
	border-top: 1px solid rgba(198, 155, 78, .22) !important;
	color: #7f91a3 !important;
}

img[src*="logo.png"],
.hdlogo img {
	max-width: 100% !important;
}

table {
	color: #d9e8f3 !important;
}

hr,
.line,
.hr {
	border-color: rgba(198, 155, 78, .28) !important;
}

@media screen and (max-width: 1220px) {
	.wp,
	.wp980,
	.wp1000 {
		width: 1000px !important;
		max-width: 1000px !important;
	}
	.hdlogo:before {
		width: 500px;
	}
}