@charset "utf-8";
/*----- color -----*/
body {
--dz-BG-body:#eee;/*全局body背景*/
--dz-BG-color:#2B7ACD;/*主色調背景*/
--dz-BG-0:#ffffff;
--dz-BG-1:#333;/*深色背景*/
--dz-BG-2:#FF5656;/*高亮色*/
--dz-BG-3:#FF9900;/*排行榜2&置頂圖標背景*/
--dz-BG-4:#B3CC0D;/*排行榜3&精華圖標背景*/
--dz-BG-5:#f3f3f3;/*淺色背景*/
--dz-BG-6:#ccc;/*深灰色背景*/
--dz-BG-n:#A0C8EA;/*淺藍色背景*/
--dz-FC-color:#2B7ACD;/*主色調*/
--dz-FC-fff:#fff;
--dz-FC-333:#333;
--dz-FC-666:#666;
--dz-FC-777:#777;
--dz-FC-888:#888;
--dz-FC-999:#999;
--dz-FC-aaa:#aaa;
--dz-FC-bbb:#bbb;
--dz-FC-ccc:#ccc;
--dz-FC-ddd:#ddd;
--dz-FC-nnn:#7DA0CC;
--dz-FC-light:#FF9C00;
--dz-FC-a:#F26C4F;
--dz-FC-v:#7CBE00;
--dz-FC-invalid:#FF512C;
--dz-FC-tinvalid:#FF9A9A;
--dz-FC-t: transparent;
--dz-BOR-ed:#ededed;/*邊框色*/
--dz-BOR-ccc:#ccc;/*邊框色*/
--dz-BOR-invalid:#FF9A9A;/*紅色邊框*/
}

/*----- common -----*/
* {word-wrap:break-word}
ul, ol, li, span, p, form, h1, h2, h3, h4, h5, h6, dl, dt, dd {margin:0;padding:0;border:0;z-index:inherit}
img, a img {border:0;margin:0;padding:0}
ul, ol, li {list-style:none}
* {margin:0;padding:0}
html, body {font:12px/1.5 Microsoft YaHei, Helvetica, sans-serif;color:var(--dz-FC-333);min-height:100%}
input, select, textarea, button {font:14px/1.5  Microsoft YaHei, Helvetica, sans-serif;outline:none}
body, ul, ol, li, dl, dd, p, h1, h2, h3, h4, h5, h6, form, fieldset, .pr, .pc {margin:0;padding:0}
body {background-color:var(--dz-BG-body)}
table {empty-cells:show;border-collapse:collapse}
caption, th {text-align:left;font-weight:400}
h1, h2, h3, h4, h5, h6 {font-weight:400}
em, cite, i {font-style:normal}
label {cursor:pointer}
a img {border:none}
a:link, a:visited, a:hover {color:var(--dz-FC-333);text-decoration:none}
a {-webkit-tap-highlight-color:rgba(0,0,0,0)}
a.grey:link, a.grey:visited, a.grey:hover {color:var(--dz-FC-bbb);text-decoration:none}
a.link:link, a.link:visited, a.link:hover {color:var(--dz-FC-color);text-decoration:none}
a.button {color:var(--dz-FC-fff)}
.z {float:left}
.y {float:right}
.cl:after {content:".";display:block;height:0;clear:both;visibility:hidden}
.cl {zoom:1}
.vm {vertical-align:middle}
.vm * {vertical-align:middle}
.none {display:none}
.px {width:100%;border:none;padding:0;line-height:30px;font-size:16px}
.pn, .btn_pn, .btn_pn_blue, .button2 {width:100%;border:none;padding:0;height:44px;line-height:44px;text-align:center;font-size:16px;background-color:var(--dz-BG-color);color:var(--dz-FC-fff);border-radius:6px}
.pns, .button {width:auto;border:none;padding:0;height:40px;line-height:40px;text-align:center;font-size:16px;padding:0 15px;background-color:var(--dz-BG-color);color:var(--dz-FC-fff);border-radius:6px;box-sizing:border-box;}
.pt {width:100%;border:none;padding:0;min-height:168px;line-height:24px;font-size:16px;background:none}
.pr, .pc {vertical-align:middle;margin:0 5px 3px;padding:0}
.btn_pn_grey {background-color:var(--dz-BG-0);color:var(--dz-FC-color)}
.btn_pn_red {background-color:var(--dz-BG-2);color:var(--dz-FC-fff)}
.btn_pn_orange {background-color:var(--dz-BG-3);color:var(--dz-FC-fff)}
.btn_pn_green {background-color:var(--dz-BG-4);color:var(--dz-FC-fff)}
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {border:none;padding:0}
input[type="submit"], input[type="reset"], input[type="button"], button {-webkit-appearance:none;outline:none}

input, select, textarea {font:14px/1.5 Microsoft YaHei, Helvetica, sans-serif;border:1px solid var(--dz-BOR-ed);border-radius:2px;-webkit-appearance:none;}
input, textarea, select, button, a {outline:none;}
input:focus, textarea:focus, select:focus {box-shadow:0 0 6px rgba(0, 0, 0, .05) inset;transition:all 0.1s ease 0s;}
input[type="radio"], input[type="checkbox"] {box-shadow:none;vertical-align:middle;width:16px !important;height:16px !important;margin:0px 5px 1px 0px;padding:0px;background:var(--dz-BG-0);}
input[type="radio"] {-webkit-appearance:radio;border-radius:50%;}
input[type="checkbox"] {-webkit-appearance:checkbox;}
input[type="button"], button {border:none;box-shadow:none;}
input[type="button"], input[type="submit"] {-webkit-appearance:none;}
textarea {resize:none;overflow:auto;}
select {-moz-appearance:none;}

@font-face { font-family: "dzicon"; src: url('../common/dzicon.eot'); src: url('../common/dzicon.eot?#iefix') format('eot'), url('../common/dzicon.woff2') format('woff2'), url('../common/dzicon.woff') format('woff'); font-weight: normal; font-style: normal; }
[class^="fico-"]:before, [class*=" fico-"]:before { font-family: "dzicon"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; font-size: 120%; }
/* font icon size */
.fic4 { font-size: 14px; }.fic6 { font-size: 16px; }.fic8 { font-size: 18px; }
/* flip x */
.fifx::before { transform: scale(-1,1); }
/* font rotate */
@keyframes dzrotate{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}
.ficr { margin-right: .2em; }.ficr:before { margin-right: 0; animation: dzrotate 2s infinite linear; }
.loadicon { background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3e%3cpath fill='%23999' d='M12.2 12.2L14 14H9V9l1.8 1.8c.7-.7 1.2-1.7 1.2-2.8 0-1.9-1.3-3.4-3-3.9v-2c2.8.4 5 2.9 5 5.9 0 1.6-.7 3.1-1.8 4.2zM3.8 3.8C2.7 4.8 2 6.3 2 8c0 3 2.2 5.4 5 5.9v-2.1c-1.7-.4-3-2-3-3.9 0-1.1.5-2.1 1.2-2.8L7 7V2H2l1.8 1.8z'/%3e%3c/svg%3e"); display: inline-block; width: 16px; height: 16px; animation: dzrotate 1.2s infinite linear; }
/* font color primary/secondary/notice/light/alarm/valid/invalid */
.fc-p { color: {MENUBGCOLOR};}
.fc-s { color: var(--dz-FC-999);}
.fc-n { color: var(--dz-FC-nnn);}
.fc-l { color: var(--dz-FC-light);}
.fc-a { color: var(--dz-FC-a);}
.fc-v { color: var(--dz-FC-v);}
.fc-i { color: var(--dz-FC-invalid);}
.fc-t { color: var(--dz-FC-t);}
/* no margin right */
.fnmr:before { margin-right: 0; }

/* font icon圖標列表，供用戶調用 */
.fico-person:before{content:"\f100";}
.fico-search:before{content:"\f101";}
.fico-account_box:before{content:"\f102";}
.fico-account:before{content:"\f102";}
.fico-home:before{content:"\f103";}
.fico-assessment:before{content:"\f104";}
.fico-widthfixed:before{content:"\f105";}
.fico-widthauto:before{content:"\f106";}
.fico-styleselect:before{content:"\f107";}
.fico-add_circle:before{content:"\f108";}
.fico-add:before{content:"\f108";}
.fico-remove_circle:before{content:"\f109";}
.fico-remove:before{content:"\f109";}
.fico-rss_feed:before{content:"\f10a";}
.fico-rss:before{content:"\f10a";}
.fico-refresh:before{content:"\f10b";}
.fico-delete:before{content:"\f10c";}
.fico-comment:before{content:"\f10d";}
.fico-edit:before{content:"\f10e";}
.fico-push:before{content:"\f10f";}
.fico-thumbup:before{content:"\f110";}
.fico-thumbdown:before{content:"\f111";}
.fico-collection:before{content:"\f112";}
.fico-activitysm:before{content:"\f113";}
.fico-share:before{content:"\f114";}
.fico-check_right:before{content:"\f115";}
.fico-error:before{content:"\f116";}
.fico-info:before{content:"\f117";}
.fico-qq:before{content:"\f118";}
.fico-email:before{content:"\f119";}
.fico-task:before{content:"\f11a";}
.fico-scrolltop:before{content:"\f11b";}
.fico-replyfast:before{content:"\f11c";}
.fico-list:before{content:"\f11d";}
.fico-follow:before{content:"\f11e";}
.fico-friendadd:before{content:"\f11f";}
.fico-mypost:before{content:"\f120";}
.fico-interactive:before{content:"\f121";}
.fico-settings:before{content:"\f122";}
.fico-link:before{content:"\f123";}
.fico-up:before{content:"\f124";}
.fico-down:before{content:"\f125";}
.fico-left:before{content:"\f126";}
.fico-right:before{content:"\f127";}
.fico-valid:before{content:"\f128";}
.fico-invalid:before{content:"\f129";}
.fico-stars:before{content:"\f12a";}
.fico-sun:before{content:"\f12b";}
.fico-star3:before{content:"\f12b";}
.fico-moon:before{content:"\f12c";}
.fico-star2:before{content:"\f12c";}
.fico-star:before{content:"\f12d";}
.fico-star1:before{content:"\f12d";}
.fico-checkbox:before{content:"\f12e";}
.fico-checked:before{content:"\f12f";}
.fico-doing:before{content:"\f130";}
.fico-volume:before{content:"\f131";}
.fico-image:before{content:"\f132";}
.fico-attachment:before{content:"\f133";}
.fico-thread:before{content:"\f134";}
.fico-clock:before{content:"\f135";}
.fico-lock:before{content:"\f136";}
.fico-print:before{content:"\f137";}
.fico-help:before{content:"\f138";}
.fico-launch:before{content:"\f139";}
.fico-imgadjust:before{content:"\f13a";}
.fico-vote:before{content:"\f13b";}
.fico-reward:before{content:"\f13c";}
.fico-vs:before{content:"\f13d";}
.fico-group:before{content:"\f13e";}
.fico-cart:before{content:"\f13f";}
.fico-headset:before{content:"\f140";}
.fico-phone:before{content:"\f141";}
.fico-place:before{content:"\f142";}
.fico-camera:before{content:"\f143";}
.fico-voice:before{content:"\f144";}
.fico-bell:before{content:"\f145";}
.fico-loading:before{content:"\f146";}
.fico-poke:before{content:'\f146';}
.fico-profile:before{content:'\f147';}
.fico-dropdown:before{content:'\f148';}
.fico-ban:before{content:'\f149';}
.fico-tag:before{content:'\f14a';}

.pxs {-webkit-appearance: none;width: 100%;min-height: 48px;line-height: 24px;border: none !important;font-size: 14px;vertical-align: middle;background-color: transparent;}
.flex-box {display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
.flex-wrap {flex-wrap: wrap;}
.flex {-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}
.flex-2 {-webkit-box-flex:2;-webkit-flex:2;-ms-flex:2;flex:2}
.flex-3 {-webkit-box-flex:3;-webkit-flex:3;-ms-flex:3;flex:3}
.flex-half {flex:0 0 49.9%;}
.align-items-center {align-items:center}
.justify-content-between {justify-content:space-between}
.justify-content-end {justify-content: flex-end}
.discuz_x {height:10px;background-color:var(--dz-BG-body);border-bottom:1px solid var(--dz-BOR-ed);overflow:hidden}
.m15 {margin: 15px !important;}
.mt0 {margin-top:0px !important;}
.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mb0 {margin-bottom:0px !important;}
.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.ml0 {margin-left:0px !important;}
.ml5 {margin-left:5px !important;}
.ml10 {margin-left:10px !important;}
.ml15 {margin-left:15px !important;}
.mr0 {margin-right:0px !important;}
.mr5 {margin-right:5px !important;}
.mr10 {margin-right:10px !important;}
.mr15 {margin-right:15px !important;}
.p0 {padding:0px !important;}
.p5 {padding:5px !important;}
.p10 {padding:10px !important;}
.p15 {padding:15px !important;}
.pt5 {padding-top:5px !important;}
.pb5 {padding-bottom:5px !important;}
.pt10 {padding-top:10px !important;}
.pb10 {padding-bottom:10px !important;}
.pl0 {padding-left: 0px !important;}
.pl5 {padding-left: 5px !important;}
.pl10 {padding-left: 10px !important;}
.pl15 {padding-left: 15px !important;}
.b0 {border:0 !important;}
.l0 {left:0px !important;}
.autowidth {width:auto !important;}
.f_g, .f_g a {color: var(--dz-FC-a);}
.f_f, .f_f a {color: var(--dz-FC-fff);}
.f_b, .f_b a {color: var(--dz-FC-color);}
.f_c, .f_c a {color: var(--dz-FC-ccc);}
.f_d, .f_d a {color: var(--dz-FC-ddd);}
.f_9, .f_9 a {color: var(--dz-FC-999);}
.b_t {border-top:1px solid var(--dz-BOR-ed) !important;}
.b_b {border-bottom:1px solid var(--dz-BOR-ed) !important}
.b_a {border:1px solid var(--dz-BOR-ed) !important;}
.tbms { padding: 10px; border: 1px dashed var(--dz-BOR-invalid); }
.tbms:before { font-family: dzicon; line-height: 14px; content: "\f145"; font-size: 16px; color: var(--dz-FC-invalid); }
.tbms_r:before { content: "\f128"; color: var(--dz-FC-v); }
.rq { color: var(--dz-FC-invalid); }
.xi1, .onerror { color: var(--dz-BG-2); }
.xw0 { font-weight: 400; }
.xw1 { font-weight: 700; }
.xs1 { font-size: 12px !important; }
.xs2 { font-size: 14px !important; }
.xs3 { font-size: 16px !important; }
.tbmu { padding: 8px 10px 8px 0; border-bottom: 1px dashed var(--dz-BOR-ed); }
.alt, .alt th, .alt td { background-color: var(--dz-BG-5); }
.emp { padding: 20px 10px; }
.emp a { color: {HIGHLIGHTLINK}; text-decoration: underline !important; }
.tdat { width: 100%; border: 1px solid var(--dz-BOR-ed); }
.tdat th, .tdat td { padding: 4px 5px; border: 1px solid var(--dz-BOR-ed); }
.notice { clear: both; margin: 5px 0; padding: 3px 0; }
.notice:before { content: "\f145"; font-family: dzicon; font-size: 16px; line-height: 14px; margin-right: 4px; color: var(--dz-FC-invalid); }
.pipe { margin: 0 5px; color: var(--dz-FC-ccc); }
.xg1, .xg1 a { color: var(--dz-FC-999) !important; }
.xg1 .xi2 { color: var(--dz-BG-2) !important; }
.xg2 { color: var(--dz-FC-333); }
.avt img { padding: 2px; width: 48px; height: 48px; background: var(--dz-BG-0); border: 1px solid; border-color: var(--dz-BOR-ed) var(--dz-BOR-ed) var(--dz-BOR-ed) var(--dz-BOR-ed); }

/*----- 通用主體 -----*/
.bodybox {background-color:var(--dz-BG-0);}

/*----- 頭部 -----*/
.header {background-color:var(--dz-BG-color);color:var(--dz-FC-fff);height:30px;line-height:30px;padding:10px 12px}
.header .mz, .header .mzlogo {float:left;position:relative}
.header .mzlogo a {line-height:normal}
.header .my, .header .myss {float:right;position:relative}
.header .my a, .header .myss a {float:right}
.header .mz, .header .my {width:20%}
.header .mzlogo {width:40%;height:30px;text-align:left;font-size:18px;position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:flex;flex-direction:column;justify-content:center}
.header .myss {width:60%}
.header .myss a {background-color:var(--dz-BG-0);color:var(--dz-FC-aaa);line-height:30px;font-size:14px;padding:0 15px;border-radius:15px}
.header .myss a i {float:left;font-size:16px;margin-right:5px;color:var(--dz-FC-aaa)}
.header i {font-size:20px;color:var(--dz-FC-fff)}
.header .my a {margin-left:10px}
.header h2 {float:left;width:60%;text-align:center;font-size:18px;position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.header h2 img, .header .mzlogo img {max-height:30px;vertical-align:top;max-width:100%}
.header h2 a {color:var(--dz-FC-fff)}

/*----- 底部Copyright -----*/
.footer {background-color:var(--dz-BG-1);color:var(--dz-FC-fff);padding:15px;text-align:center;overflow:hidden}
.footer-nv, .footer-copy {color:var(--dz-FC-999);line-height:22px;font-size:13px;text-align:center}
.footer-nv a {color:var(--dz-FC-fff);margin:0 6px}
.footer-copy a, .footer-nv a.mon {color:var(--dz-FC-999)}
.footer-copy img {margin:0 10px}

/*----- 浮動底部導航 -----*/
.foot {width:100%;position:fixed;bottom:0;z-index:99999;background-color:var(--dz-BG-0);border-top:1px solid var(--dz-BOR-ed);color:var(--dz-FC-999)}
.foot a {float:left;text-align:center;height:54px;line-height:54px;overflow:hidden;position:relative}
.foot a span {display:block;overflow:hidden}
.foot a span.foot-ico {height:24px;line-height:24px;overflow:hidden;margin-top:4px}
.foot a span.foot-ico em {display:block;margin:2px auto 0;width:24px;height:24px;line-height:24px;position:relative;background:no-repeat 0 0}
.foot a span.foot-ico em.ma {background-image:url(./touch/home.svg)}
.foot a span.foot-ico em.mb {background-image:url(./touch/forum.svg)}
.foot a span.foot-ico em.md {background-image:url(./touch/explore.svg)}
.foot a span.foot-ico em.me {background-image:url(./touch/space.svg)}
.foot a span.foot-ico em.mf {background-image:url(./touch/space.svg)}
.foot a span.foot-ico em i.ico_msg {position:absolute;background:var(--dz-BG-2);width:7px;height:7px;display:block;top:-1px;right:-1px;z-index:510;border:1px solid var(--dz-BG-0);border-radius:50%}
.foot a span.foot-txt {height:22px;line-height:22px;font-size:12px;color:var(--dz-FC-999)}
.foot a.mon span.foot-txt {color:var(--dz-FC-color)}
.foot a.mon span.foot-ico em {background-position:100% 0}
.foot a.foot-post span.foot-ico {height:44px;line-height:44px;margin-top:5px}
.foot a.foot-post span.foot-ico em {width:38px;height:38px;line-height:38px}
.foot a.foot-post span.foot-ico em.mc {background:url(./touch/plus_btn.svg) no-repeat;background-size:auto 38px}
.foot a.foot-post span.foot-txt {display:none}
.foot_height {height:54px}

/*----- 通用設置 -----*/
.setbox {padding-bottom:10px;overflow:hidden;}
.setbox li {padding:7px 12px;line-height:30px;font-size:16px;border-bottom:1px solid var(--dz-BOR-ed);color: var(--dz-FC-999);}
.setbox li.tit {background-color:var(--dz-BG-5);padding: 12px 12px 5px;line-height: 24px;font-size: 14px;}
.setbox li.sec_txt {height:auto}
.setbox li.sec_txt .txt {border:1px solid var(--dz-BOR-ed);margin-left:10px;padding:0 5px;height:30px;line-height:30px;border-radius:4px}
.setbox .tit {padding-right: 8px;vertical-align: top;}
.setbox .btn-text {float:left}

.setbox .input input {-webkit-appearance: none;width: 100%;height: 1.4em;line-height: 1.4;font-size: inherit;border: none;outline: none;background-color: transparent;}
.setbox .checkbox input { float:right;}
.setbox .select {display:block;position:relative}
.setbox .select select {position:absolute;top:0;width:100%;z-index:2;cursor:pointer;left:0;max-height:100%;min-height:100%;opacity:0}
.setbox .select .inner {display:block;width:100%;font-size:16px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;position:relative}
.setbox .select .inner i {float:right}
.setbox .select .btn-inner {display:block;font-size:14px;min-width:0.75em;overflow: hidden;position:relative;text-overflow:ellipsis;white-space:nowrap}
.setbox .select .icon-arrow {height:30px;line-height:30px;float:right;color:var(--dz-FC-ccc)}

.setbox .sec_code span .txt {-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}
.setbox .sec_code span img {float:right;height:30px}

/*----- 通用組件Cell單元格 -----*/
.dzcell-group {background:var(--dz-BG-0);position:relative;}
.dzcell-group-inset {margin: 0 15px;overflow: hidden;border-radius:8px;}
.dzcell-item {position: relative;display: flex;box-sizing: border-box;width: 100%;padding: 10px 16px;overflow: hidden;font-size: 14px;line-height: 24px;background-color: var(--dz-BG-0);}
.dzcell-item .dzcell-title {width:80px;}
.dzcell-item .dzcell-value {flex:1;position: relative;overflow: hidden;color: var(--dz-FC-999);text-align: right;vertical-align: middle;word-wrap: break-word;}

/*------ 通用空記錄 ------*/
.empty-box h4{background-color:var(--dz-BG-0);height:30px;line-height:30px;padding:80px 0;text-align:center;font-size:14px;font-weight:400;color:var(--dz-FC-999);border-top:1px solid var(--dz-BOR-ed);border-bottom:var(--dz-BOR-ed);margin-bottom:10px;}

/*----- 首頁幻燈 -----*/
.swiper-wrapper {position:relative;width:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
.swiper-slide {-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;position:relative}
.dz-swiper_box {width:100%;background-color:var(--dz-BG-1);overflow:hidden;position:relative}
.dz-swiper .swiper-wrapper li a {display:block;width:100%;height:230px}
.dz-swiper .swiper-wrapper li a img {width:100%;height:100%;object-fit:cover;overflow:hidden}
.dz-swiper .swiper-wrapper li a span {position:absolute;left:0;right:0;bottom:0;display:block;background:-webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.8) 100%);color:var(--dz-FC-fff);padding:0 15px;font-size:16px;height:40px;overflow:hidden;line-height:42px;font-weight:400}
.swiper-forum {position:absolute;right:15px;bottom:0;line-height:34px;text-align:right;font-family:Arial;color:var(--dz-FC-fff);font-size:12px;z-index:9}
.swiper-forum .swiper-pagination-current {font-weight:400;font-size:20px}
.swiper-forum .swiper-pagination-total {font-style:100}

/*----- 首頁頭條 -----*/
.hotbox {background-color:var(--dz-BG-0);line-height:24px;font-size:14px;overflow:hidden}
.hotbox h2 {margin:15px 15px 0;height:24px;line-height:24px;font-size:16px}
.hotbox h2 span {float:left;margin-right:5px;padding:0 4px;background-color:var(--dz-BG-2);color:var(--dz-FC-fff);border-radius:4px}
.hotbox-toutiao a {display:block;margin:0 15px;padding:10px 0;border-bottom:1px solid var(--dz-BOR-ed);color:var(--dz-FC-999)}
.hotbox-toutiao a span {display:block;margin-bottom:4px;line-height:24px;font-size:18px;color:var(--dz-FC-color);}
.hotbox .listbox {margin-bottom:0}

/*----- 首頁tab切換列表 -----*/
.tabs {background-color:var(--dz-BG-0);border-top:1px solid var(--dz-BOR-ed);border-bottom:1px solid var(--dz-BOR-ed);height:40px;font-size:15px;text-align:center}
.tabs a {height:40px;line-height:38px;color:var(--dz-FC-999);position:relative}
.tabs a em {position:absolute;bottom:0;left:50%;margin-left:-10px;background-color:var(--dz-BG-color);width:20px;height:3px;display:none}
.tabs a.mon {height:38px;color:var(--dz-FC-color);font-weight:400;border-bottom:2px solid var(--dz-BG-color)}
.listbox {margin:0 auto 10px;background-color:var(--dz-BG-0);border-bottom:1px solid var(--dz-BOR-ed);overflow:hidden}
.listbox li {height:40px;line-height:40px;margin:0 15px;font-size:15px;border-top:1px solid var(--dz-BOR-ed);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.listbox li i {float:left;font-size:13px;margin-right:4px;color:var(--dz-FC-ccc)}
.listbox li span.mbk {color:var(--dz-FC-999)}
.listbox li span.mx {color:var(--dz-FC-ddd);margin:0 8px}
.listbox li span.mybk {color:var(--dz-FC-aaa);float:right;font-size:13px;padding-left:8px}
.listbox li span.mico {background-color:var(--dz-FC-ccc);float:left;width:4px;height:4px;margin:18px 10px 0 2px}
.listbox li span.mnum {float:left;width:20px;height:20px;line-height:20px;font-size:12px;text-align:center;margin-top:10px;margin-right:8px;background-color:var(--dz-FC-ccc);color:var(--dz-FC-fff);border-radius:4px}
.listbox li:nth-child(1) span.mnum {background-color:var(--dz-BG-2)}
.listbox li:nth-child(2) span.mnum {background-color:var(--dz-BG-3)}
.listbox li:nth-child(3) span.mnum {background-color:var(--dz-BG-4)}
.listbox li:first-child {border-top:none}

/*----- 論壇首頁統計 -----*/
.stat {background-color:var(--dz-BG-0);color:var(--dz-FC-aaa);border-bottom:1px solid var(--dz-BOR-ed);height:40px;padding:15px 0 10px;overflow:hidden}
.stat li {text-align:center;line-height:20px}
.stat li em {display:block;font-size:20px;color:var(--dz-FC-333)}

/*----- 論壇首頁公告 -----*/
.ann-box {padding:0 15px;height:40px;line-height:40px;background-color:var(--dz-BG-0);border-bottom:1px solid var(--dz-BOR-ed);overflow:hidden}
.ann-box .mtit {float:left;font-size:12px;height:20px;line-height:20px;padding:0 5px;margin-top:10px;margin-right:8px;background-color:var(--dz-BG-2);color:var(--dz-FC-fff);border-radius:4px}
#ann {height:24px;line-height:24px;margin-top:8px;overflow:hidden}
#ann li {height:24px;line-height:24px;font-size:14px;overflow:hidden;position:relative;z-index:1}
#ann li a {display:block;height:24px;line-height:24px;overflow:hidden}
#ann li em {display:none}

/*----- 公告列表 -----*/
.annlist {background-color:var(--dz-BG-0);border-top:1px solid var(--dz-BOR-ed);overflow:hidden}
.annlist li {border-bottom:1px solid var(--dz-BOR-ed);padding:10px 15px;overflow:hidden;position:relative}
.annlist li h2 {font-size:16px;height:24px;line-height:24px;overflow:hidden}
.annlist li h2 a {display:block;overflow:hidden}
.annlist li h2 i {float:right;color:var(--dz-FC-ddd)}
.annlist li h3 {height:20px;line-height:20px;margin-top:2px;font-size:14px;color:var(--dz-FC-bbb);overflow:hidden}
.annlist li h3 a, .annlist li h3 span.mz {float:left}
.annlist li h3 a {margin-left:5px;color:var(--dz-FC-color)}
.annlist li h3 span.my {float:right}
.annlist_box {background-color:var(--dz-BG-5);color:var(--dz-FC-666);line-height:22px;font-size:14px;margin:8px 0 5px;padding:8px 10px;border-radius:4px}

/*----- 論壇首頁版塊顯示 -----*/
.forumlist .subforumshow {margin-top:10px;background-color:var(--dz-BG-0);height:44px;line-height:44px;padding:0 15px;border-bottom:1px solid var(--dz-BOR-ed)}
.forumlist .subforumshow h2 {font-size:15px}
.forumlist .subforumshow i {float:right;font-size:20px;color:var(--dz-FC-aaa)}
.forumlist .sub-forum {background-color:var(--dz-BG-0)}
.forumlist .sub-forum li a.murl {display:block;height:44px;overflow:hidden}
.forumlist .sub-forum li .micon {float:left;height:44px;margin-right:10px}
.forumlist .sub-forum li .micon img,.forumlist .sub-forum li .micon svg {height:44px;border-radius:4px;float:none}
.forumlist .sub-forum li .micon img {width:48px;}
.forumlist .sub-forum li .autowidth img {width:auto;}
.forumlist .sub-forum li .mtit {height:24px;line-height:24px;font-size:16px;overflow:hidden;}
.forumlist .sub-forum li .mnum {padding-left:6px;font-size:12px;color:var(--dz-BG-2)}
.forumlist .sub-forum li .mtxt {display:block;height:20px;line-height:20px;font-size:13px;color:var(--dz-FC-999);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.forumlist .mlist3 ul,.forumlist .mlist4 ul {display:flex;overflow-x:scroll}
.forumlist .mlist1 li {overflow:hidden;padding:10px 15px;border-bottom:1px solid var(--dz-BOR-ed)}
.forumlist .mlist2 li {float:left;width:50%;box-sizing:border-box;padding:10px 15px;overflow:hidden;border-bottom:1px solid var(--dz-BOR-ed);border-right:1px solid var(--dz-BOR-ed)}
.forumlist .mlist2 li:nth-child(2n) {border-right:none}
.forumlist .mlist3 li {float:left;min-width:33.333%;box-sizing:border-box;padding:13px 5px 10px;overflow:hidden;border-bottom:1px solid var(--dz-BOR-ed);border-right:1px solid var(--dz-BOR-ed);flex-shrink: 0}
.forumlist .mlist4 li {float:left;min-width:25%;box-sizing:border-box;padding:13px 5px 10px;overflow:hidden;border-bottom:1px solid var(--dz-BOR-ed);border-right:1px solid var(--dz-BOR-ed);flex-shrink: 0}
.forumlist .mlist3 li a.murl, .forumlist .mlist4 li a.murl {height:auto}
.forumlist .mlist3 li .micon, .forumlist .mlist4 li .micon {float:none;display:block;margin:0 auto;text-align: center;}
.forumlist .mlist3 li .mtit {margin-top:6px;text-align:center}
.forumlist .mlist4 li .mtit {font-size:13px;margin-top:5px;text-align:center}

/*----- 提示轉跳相關 -----*/
.jump_c {padding:100px 15px;background-color:var(--dz-BG-0);border-top:1px solid var(--dz-BOR-ed);border-bottom:1px solid var(--dz-BOR-ed);margin-top:10px;font-size:15px}
.jump_c p {line-height:26px}
.jump_c p .grey {color:var(--dz-FC-999)}
.tip {width:300px;text-align:center;background-color:var(--dz-BG-0);border:1px solid var(--dz-BOR-ed);border-radius:6px}
.tip dt {padding:25px 20px;line-height:30px;font-size:14px}
.tip dt.mpt {margin:15px;padding:10px;background-color:var(--dz-BG-5);border-radius:4px}
.tip dt.mpt .pt {min-height:96px}
.tip dt .pxbg {background-color:var(--dz-BG-5);margin-bottom:5px;padding:0 5px;border-radius:4px}
.tip dd {padding:0 15px 15px;overflow:hidden}
.tip dd .button {width:48%;padding:0;display:inline-block;}
.tip .close {display:block;color:var(--dz-FC-fff)}

/*----- 搜索 -----*/
.search {padding:15px;background-color:var(--dz-BG-0);border-bottom:1px solid var(--dz-BOR-ed);margin-bottom:10px}
.search .mtxt {height:38px;line-height:38px;padding:0 8px;border:1px solid var(--dz-BOR-ed);border-right:none;background-color:var(--dz-BG-0);border-radius:4px 0 0 4px}
.search .mbtn {height:40px;line-height:40px;padding:0 15px;border:none;background-color:var(--dz-BG-color);color:var(--dz-FC-fff);border-radius:0 4px 4px 0}
.search-hot {padding:10px 15px 5px;min-height:300px;border-top:1px solid var(--dz-BOR-ed);border-bottom:1px solid var(--dz-BOR-ed);background-color:var(--dz-BG-0)}
.search-hot h2 {height:30px;line-height:30px;font-size:14px;color:var(--dz-FC-999)}
.search-hot li a {display:block;height:40px;line-height:40px;font-size:14px;border-top:1px solid var(--dz-BOR-ed)}
.search-hot li:first-child a {border-top:none}

/*----- 版塊頁面-頭部版塊名稱區域 -----*/
.forumdisplay-top {padding:20px 15px;background-color:var(--dz-BG-0);border-bottom:1px solid var(--dz-BOR-ed);overflow:hidden}
.forumdisplay-top img,.forumdisplay-top svg {float:left;height:50px;margin-right:10px;border-radius:4px}
.forumdisplay-top h2 {height:30px;line-height:30px;font-size:18px;color:var(--dz-FC-color)}
.forumdisplay-top h2 #a_favorite {float:right;height:28px;line-height:28px;font-size:12px;padding:0 10px;margin-top:10px;background-color:var(--dz-BG-3);color:var(--dz-FC-fff);border-radius:4px}
.forumdisplay-top h2 .button {float:right;height:28px;line-height:28px;font-size:12px;padding:0 10px;margin-top:10px;background-color:var(--dz-BG-3);color:var(--dz-FC-fff);border-radius:4px}
.forumdisplay-top p {height:20px;line-height:20px;color:var(--dz-FC-999)}
.forumdisplay-top p span {color:var(--dz-BG-2);margin-right:8px}

/*----- 通用會員類列表 -----*/
.imglist {background-color:var(--dz-BG-0);border-top:1px solid var(--dz-BOR-ed);}
.imglist .subtit {background-color:var(--dz-BG-body);height:44px;line-height:44px;padding:0 15px;border-bottom:1px solid var(--dz-BOR-ed)}
.imglist .subtit h2 {font-size:15px}
.imglist li {overflow:hidden;padding:10px 15px;border-bottom:1px solid var(--dz-BOR-ed)}
.imglist li a {display:block;height:44px;overflow:hidden}
.imglist li .mimg {float:left;width:44px;height:44px;margin-right:10px}
.imglist li .mimg img {width:44px;height:44px;border-radius:50%}
.imglist li .mtit {height:20px;line-height:20px;font-size:16px;overflow:hidden}
.imglist li .mtit .mtime {float:right;font-size:12px;color:var(--dz-FC-bbb)}
.imglist li .mico {float:right;margin-left:5px;height:20px;padding:0 6px;line-height:20px;font-size:12px;background-color:var(--dz-BG-3);color:var(--dz-FC-fff);border-radius:4px}
.imglist li .mnum {padding-left:6px;font-size:12px;color:var(--dz-BG-2)}
.imglist li .mtxt {display:block;margin-top:6px;height:18px;line-height:18px;font-size:14px;color:var(--dz-FC-999);overflow:hidden}
.imglist li .mtxt i {float:left;margin-right:4px;color:var(--dz-FC-ccc)}
.imglist li .mbody {display:block;margin-top:6px;line-height:18px;font-size:14px;color:var(--dz-FC-666);overflow:hidden}
.imglist li .mtit span {float:left;font-size:14px;color:var(--dz-FC-bbb)}
.imglist li .mbody a {display:inline;color:var(--dz-FC-color)}
.imglist li .mbody a.lit {color:var(--dz-BG-2)}

/*----- 任務、道具、勳章類列表 -----*/
.medallist li { overflow: hidden; position: relative; }
.medallist .medal_top { height: 38px;padding: 12px 0 5px;}
.medallist .medal_top .mg_img {float: left;margin-right: 10px;}
.medallist .medal_top .mg_img img {float: left;height: 38px;line-height: 38px;border-radius: 50%;}
.medallist .tbmu {padding: 10px;margin-top: 15px;font-size: 14px;line-height: 24px;background: var(--dz-BG-5);border: 1px dashed var(--dz-BOR-ed);color: var(--dz-FC-light);position: relative;}
.medallist .mg_tit h3 { height: 20px; line-height: 20px; font-size: 15px; overflow: hidden;}
.medallist .mg_tit span { display: block;height: 18px;line-height: 18px;font-size: 12px;color: var(--dz-FC-999);}
.medallist .mg_tit span .xi1 { font-size: 14px;}
.medallist .medal_msg {margin-bottom: 5px;margin-left: 32px;line-height: 22px;font-size: 14px;color: var(--dz-FC-999);}
.medallist .medal_btn { position: absolute;top: 20px;right: 13px;height: 30px;line-height: 30px;background-color: var(--dz-BG-color);font-size: 12px;border-radius: 3px;text-align: center;}
.medallist .medal_btn span {color: var(--dz-FC-fff);padding: 0 12px;}
.medallist .medal_btn span.hui {display:block;background: var(--dz-BG-5); color: var(--dz-FC-999);}
.medallist .medal_btn a {color: var(--dz-FC-fff);padding: 0 12px;}
.medallist .medal_btn span a {padding: 0 0;}
.last_medal {background: var(--dz-BG-0);}
.last_medal li { padding: 10px 12px; border-bottom: 1px solid var(--dz-BOR-ed); overflow: hidden; }
.last_medal li a { display: block; overflow: hidden; position: relative; }
.last_medal li img { float: left; margin-right: 10px; width: 30px; height: 30px; border-radius: 50%; }
.last_medal li .name { color: var(--dz-FC-333); line-height: 30px; font-size: 15px; }
.last_medal .last_medal_msg { margin-top: 5px; color: var(--dz-FC-999); font-size: 13px; line-height: 20px; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.last_medal .last_medal_msg strong { color: var(--dz-FC-333); }
.mgcl {padding: 5px;position: relative;}
.mgcl li {float: left;width: 25%;}
.mgcl.mgcls li {float: left;width: 50%;}
.mgcl .mgcl_box {margin:5px; padding: 10px 8px;background: var(--dz-BG-0);border-radius: 3px;text-align: center;}
.mgcl .mg_img {height: 34px;}
.mgcl .mg_img img {height: 34px;}
.mgcl.mgcls .mg_img {height: 50px;}
.mgcl.mgcls .mg_img img {height: 50px;}
.mgcl .mgcl_box p { margin-top: 10px; height: 20px;line-height: 20px;font-size: 14px;color: var(--dz-FC-333);overflow: hidden;}
.mgcl.mgcls .mgcl_box p { margin-top: 8px;}
.mgcl .mgcl_box .mgcl_p strong {font-weight: 500;}
.mgcl .mgcl_box .mgcl_p {color: var(--dz-FC-999);}
.mgcl .mgcl_box .mgcl_btn {height: 26px;line-height: 26px;}
.mgcl .mgcl_box .mgcl_btn a { display: block;float: left; padding: 0 10px; height: 26px;line-height: 26px;background-color: var(--dz-BG-color);font-size: 12px;color: var(--dz-FC-fff);border-radius: 3px;text-align: center;}
.mgcl.mgcls .mgcl_box .mgcl_btn a { display: inline-block; float: initial;}
.mgcl .mgcl_box .mgcl_btn a.mgcl_a2 { float: right;}
.mgcl.mgcls .mgcl_box .mgcl_btn a { float: initial;margin: 0 5px;}
.mgcl .mgcl_box .mgcl_btn .mgcl_sp {color: var(--dz-FC-a);font-weight: 500;}
.tip_btn { padding: 0 15px 15px;overflow: hidden; }
.medal_tip_top {padding: 15px 15px 0 15px;}
.medal_tip_top p {line-height: 22px;font-size: 12px;color: var(--dz-FC-999);}
.medal_tip_top .author p {margin-top: 6px;line-height: 24px;font-size: 15px;color: var(--dz-FC-333);overflow: hidden;}
.medal_tip_box .ts {margin: 10px 0;height: 22px;line-height: 22px;font-size: 15px;color: var(--dz-FC-a);overflow: hidden;}
.medallist .task_top .mg_tit span { color: var(--dz-FC-a); }
.medallist .medal_top.task_top .mg_img img { width: 50px;height: 50px; }
.medallist .task_list .medal_msg { margin-left: 60px; }
.threadlist li.task_list .medal_msg a { display: initial;color: var(--dz-FC-a);}
.task_list .list_jd { margin-left: 60px; margin-top: 5px; }
.task_list_jd { position: relative; width: 100%; height: 20px; margin-bottom: 12px; background: var(--dz-BG-5); border-radius: 0 10px 10px 0; }
.task_pdr { display: block; height: 20px; background: var(--dz-FC-v); border-radius: 0 10px 10px 0; }
.task_csc { position: absolute; left: 0; top: 0; padding: 0 5%; width: 90%; line-height: 20px; font-size: 12px; color: var(--dz-FC-999); }
.task_view {padding:2px 15px 15px 15px;background-color:var(--dz-BG-0);border-top:1px solid var(--dz-BOR-ed);border-bottom:1px solid var(--dz-BOR-ed);margin-top:10px}
.task_view_box { padding: 12px 0; border-bottom: 1px solid var(--dz-BOR-ed); overflow: hidden; position: relative; }
.task_view_box .notice_avt { float: left; margin-right: 10px; width: 50px; height: 50px; border-radius: 50%; }
.task_view_box .notice_avt img { width: 50px; height: 50px; border-radius: 50%; }
.task_us { margin-top: 3px; overflow: hidden; }
.task_us .task_name { width: 100%; line-height: 24px; font-size: 16px; overflow: hidden; }
.task_js { line-height: 26px; font-size: 14px; color: var(--dz-FC-999); }
.task_viewnr { margin-bottom: 12px;}
.task_viewappnr {border-bottom:1px solid var(--dz-BOR-ed);font-size: 14px;padding: 10px 0;}
.task_viewappnr .task_th {float: left;width:140px;line-height: 22px;color: var(--dz-FC-999);}
.task_viewappnr p {line-height: 22px;}
.task_viewappnr p strong {overflow: hidden;display: block;width: 100%;}
.task_viewappnr ul li a { color: var(--dz-FC-color); }
.task_prize { color: var(--dz-FC-a); }
.task_debtn a { float: left; margin-right: 15px; padding: 0 10px; height: 30px; line-height: 30px; background-color: var(--dz-BG-color); font-size: 12px; border-radius: 3px; color: var(--dz-FC-fff); text-align: center; }
.task_debtn a.hui {background: var(--dz-BG-5); color: var(--dz-FC-999);}
.task_taskid {background-color:var(--dz-BG-0);overflow:hidden}
.task_taskid .taskid_tit {font-size:15px;height:40px;line-height:40px;font-weight:400;padding:0 15px;border-bottom:1px solid var(--dz-BOR-ed);overflow:hidden}
.task_parterlist { padding: 0 5px 12px 5px; overflow: hidden; }
.task_parterlist li { float: left; margin: 0 2%; width: 12.66%; }
.task_parterlist li a { display: block; margin-top: 12px; text-align: center; }
.task_parterlist li a img { margin: 0 auto; width: 100%; margin-bottom: 3px; border-radius: 50%; vertical-align: middle; }
.task_parterlist li a p { display: block; width: 100%; height: 20px; line-height: 20px; color: var(--dz-FC-666); text-align: center; overflow: hidden; }
.task_mbn { font-size: 14px; color: var(--dz-FC-a); }

.medallist .tbmu_btn { position: absolute;top: 20px;right: 13px;}
.medallist .tbmu_btn a { display: block;float: left; padding: 0 10px; height: 26px;line-height: 26px;background-color: var(--dz-BG-color);font-size: 12px;color: var(--dz-FC-fff);border-radius: 3px;text-align: center;}
.medallist .tbmu_btn .buy_credits { margin-right: 10px;}
.magic_log_list .dhnv { border-bottom: 0;}
.magic_log_list .dhnv a.mon { border-bottom: 0;}
.magic_log_list .dt { background: var(--dz-BG-0); border-top: 1px solid var(--dz-BOR-ed); }
.magic_log_list .dt th, .magic_log_list .dt td { padding: 11px 10px 9px 10px; height: 24px; line-height: 24px; font-size: 13px; overflow: hidden; }
.medal_tip_box ul { padding: 12px 15px; }
.medal_tip_box ul input.px.p_fre{ text-align:center;}
.medal_tip_box ul p {margin: 2px 0;line-height: 22px;overflow: hidden;}
.medal_tip_box ul li { display: flex; position: relative; line-height: 22px; padding: 8px 12px; background: var(--dz-BG-0); font-size: 15px; overflow: hidden; }
.medal_tip_box ul li span {display: flex; flex-shrink: 0; margin-right: 15px; color: var(--dz-FC-999);}
.medal_tip_input { display: flex; width: 100%; color: var(--dz-FC-333); border-bottom: 1px solid var(--dz-BOR-ed); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.medal_tip_input input { width: 100%; padding: 0 10px; background: var(--dz-BG-0); outline: none; border: none; height: 26px; line-height: 26px; font-size: 15px; color: #555; }
.medal_tip_p { display: flex; width: 100%; color: var(--dz-FC-a); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/*----- 廣播 -----*/
.flw_image {margin-bottom: 10px;font-size: 0;overflow: hidden;position: relative;}
.flw_image ul li {float:left;width:32.6%;padding-bottom:25%;margin-top:1.1%;margin-right:1.1%;box-sizing:border-box;background:var(--dz-BG-5);position:relative;overflow:hidden;border-radius:4px}
.flw_image ul li:nth-child(3n) {margin-right:0}
.flw_image ul img  {object-fit:cover;position:absolute}
.flw_content img {width:100%;height:100%;}
.flw_content, .flw_quotenote {line-height: 26px;font-size: 16px; }
.mtime .color {color: var(--dz-BG-2);}
.flw_foot .mtit {padding: 0 0!important; border-bottom: none!important;}
.flw_foot { color: var(--dz-FC-ccc); }
.flw_foot .flw_zbus { display: inline-block !important; color: var(--dz-FC-ccc);}
.flw_quote {margin-left: 10px;margin-bottom: 12px;padding-left: 15px;border-left: 2px solid var(--dz-BG-color);}
.flw_replybox {padding: 10px;margin:8px 0;background-color:var(--dz-BG-5);font-size:14px;border-radius:4px}
.flw_replybox .moodfm { margin-top:0}
.flw_replybox .replybox_close {margin-top: 10px;text-align: center;color: var(--dz-BG-2);}
.flw_newreply { background:var(--dz-BG-0);}
.flw_newreply li {padding: 10px;border-bottom:1px solid var(--dz-BOR-ed);}
.flw_newreply li a {display: inline-block!important; margin-right: 6px;}
a.flw_readfull {color: var(--dz-BG-2);}
.flw_more { margin-top: 10px; padding: 0 12px;}
.flw_loadmore.pn {display: block;background-color: var(--dz-BG-0);color: var(--dz-FC-333);}

/*----- 相冊 -----*/
.album_list { margin-top: 10px;overflow: hidden;}
.album_list .album_ul { padding: 6px;background: var(--dz-BG-0);}
.album_list .album_pic { overflow: hidden; padding: 6px; }
.album_list ul li { float: left; width: 33.33%;  }
.album_list ul li a { display: block; position: relative; }
.album_list ul li a img { width: 100%; vertical-align: top; }
.album_list ul li a p { width: 100%; height: 28px; line-height: 30px; font-size: 12px; color: var(--dz-FC-fff); text-align: center; background: rgba(0,0,0,0.4); position: absolute; overflow: hidden; left: 0; bottom: 0; }
.album_view_top { padding: 0 12px; background: var(--dz-BG-0); overflow: hidden; }
.album_name { padding: 8px 0; overflow: hidden; }
.album_name .albumname { height: 30px; line-height: 30px; font-size: 18px; color: var(--dz-FC-333); }
.album_name span { float: left; padding-left: 10px; height: 30px; line-height: 30px; font-size: 12px; color: var(--dz-FC-999); }
.album_name a { display: inline-block; height: 30px; line-height: 30px; font-size: 12px; color: var(--dz-FC-a); }
.album_depict { padding-bottom: 8px; line-height: 18px; font-size: 14px; color: var(--dz-FC-999); overflow: hidden; }
.album_list.album_view_list ul li { width: 50%; }
.album_tbmu { margin-bottom: 12px; overflow: hidden; }
.album_tbmu .c { position: relative; }
.album_tbmu img { width: 100%; display: block; }
.album_tbmu .tbmu { width: 100%; position: absolute; left: 0; bottom: 50px; }
.album_tbmu .tbmu a { display: block; width: 60px; height: 36px; line-height: 38px; background: rgba(0,0,0,0.35); font-size: 14px;color: var(--dz-FC-fff); text-align: center; overflow: hidden; }
.album_tbmu .tbmu .z { border-radius: 0 3px 3px 0; }
.album_tbmu .tbmu .y { border-radius: 3px 0 0 3px; }
.album_inof { background: var(--dz-BG-0); border-top: 1px solid var(--dz-BOR-ed); padding: 8px 12px; }
.album_inof p { line-height: 24px; font-size: 14px; color: var(--dz-FC-333); }
.album_inof p span { color: var(--dz-FC-999); }
.album_at { margin-top: 5px;}
.medal_tip_box.album_tip ul li span {margin-right: 8px; font-size:14px;}
.medal_tip_box.album_tip select { width: 100%; padding: 0 10px; background: var(--dz-BG-0); outline: none; border: none;}

/*----- 記錄、留言 -----*/
.moodfm { margin-top: 10px;overflow: hidden;border-bottom: 1px solid var(--dz-BOR-ed);}
.moodfm_post { background: var(--dz-BG-0); }
.moodfm_text { padding: 10px 12px; border-bottom: 1px solid var(--dz-BOR-ed); }
.moodfm_text textarea { width: 100%; min-height: 66px; line-height: 22px; border: none; resize: none; font-size: 14px; vertical-align: middle; }
.moodfm_f { padding: 12px;overflow: hidden;}
.moodfm_btn { float: right; height: 30px; line-height: 30px; color: var(--dz-FC-999); }
.moodfm_btn .button { height: 30px; line-height: 30px; font-size: 14px}
.moodfm_signature {height: 30px; line-height: 30px;}
.doing_list_box {margin-top: 10px;}
.doing_list_box .wall_i {margin-bottom: 10px;padding: 10px;font-size: 14px;line-height: 24px;background: var(--dz-BG-5);color: var(--dz-FC-a);position: relative;}
.doing_list_box .wall_i a {color: var(--dz-FC-color);}
.threadlist .doing_list_li.list {margin-top: 0px;padding: 2px 12px 12px 12px;border-bottom: 0px solid var(--dz-BOR-ed);}
.mtime .doing_listgl a {float: right;margin-left: 8px;color: var(--dz-BG-2);}
.do_comment { line-height: 26px; font-size: 15px; color: var(--dz-FC-333); }
.do_comment .quote { padding: 10px 10px 7px 11px; margin: 5px 0; background: var(--dz-BG-5); font-size: 12px; color: var(--dz-FC-777); }
.do_comment img { margin: 1px 1px 0; width: 26px; }
.do_comment .quote li a {display: initial !important;}
.wall_list .magic_doodle { line-height: 30px;}
.wall_list .magic_doodle img { margin-right: 5px;margin-bottom: 2px;}
.wall_magic_list .magic_doodle { margin-left: 10px;}

/*----- 通用資訊類列表 -----*/
.wzlist {background-color:var(--dz-BG-0);border-top:1px solid var(--dz-BOR-ed)}
.wzlist li {overflow:hidden;border-bottom:1px solid var(--dz-BOR-ed);padding:15px;}
.wzlist li .mimg {float:left;width:30%;height:80px;margin-right:10px;overflow:hidden;border-radius:4px}
.wzlist li .mimg img {width:100%;height:100%;object-fit:cover;overflow:hidden}
.wzlist li .minfo {overflow:hidden}
.wzlist li .minfo p {display:block;overflow:hidden}
.wzlist li .minfo p.mtit {height:52px;line-height:26px;font-size:16px}
.wzlist li .minfo p.mtime {height:20px;line-height:20px;margin-top:8px;font-size:14px;color:var(--dz-FC-bbb);position:relative}
.wzlist li .minfo p.mtime span  {float:right;color:var(--dz-BG-2)}

/*----- 通用資訊類內容 -----*/
.wzview {background-color:var(--dz-BG-0);border-bottom:1px solid var(--dz-BOR-ed);padding:15px 15px 10px;overflow:hidden}
.wzview_top h2 {line-height:34px;font-size:22px;text-align:center}
.wzview_top p {height:24px;line-height:24px;font-size:14px;text-align:center;margin-top:5px;color:var(--dz-FC-aaa);overflow:hidden;position:relative}
.wzview_top p span {padding:0 4px}
.wzview_desc {border-top:1px solid var(--dz-BOR-ed);border-bottom:1px solid var(--dz-BOR-ed);margin:10px auto;padding:8px 0;font-size:14px;line-height:24px;color:var(--dz-FC-color);overflow:hidden}
.wzview_desc span {margin-right:5px;font-weight:400;color:var(--dz-BG-2)}
.wzview_body {margin-top:10px;font-size:16px;line-height:30px}
.wzview_body .mtit {font-weight:400;color:var(--dz-BG-2)}
.wzview_body img {vertical-align:top;max-width:100%;max-height:100%;margin:5px 0;border-radius:4px}
.wzview_sxwz {padding-top:10px;margin-top:15px;border-top:1px solid var(--dz-BOR-ed);color:var(--dz-FC-color);overflow:hidden}
.wzview_sxwz a {display:block;width:100%;height:28px;line-height:28px;font-size:14px;color:var(--dz-FC-color);overflow:hidden}

/*----- 通用文字類列表 -----*/
.txtlist {background-color:var(--dz-BG-0);overflow:hidden}
.txtlist .mtit {font-size:16px;height:40px;line-height:40px;font-weight:400;padding:0 15px;border-bottom:1px solid var(--dz-BOR-ed);overflow:hidden}
.txtlist .mtit em {margin-left:5px;font-size:12px;color:var(--dz-FC-999)}
.txtlist .mtit .ytxt {float:right;margin-top:9px;margin-left:8px;padding:0 5px;height:20px;line-height:20px;font-size:12px;color:var(--dz-FC-color);background-color:var(--dz-BG-5);border:1px solid var(--dz-BOR-ed);border-radius:4px;position:relative}
.txtlist ul {padding:0 15px;overflow:hidden}
.txtlist ul li {border-top:1px solid var(--dz-BOR-ed);height:40px;line-height:40px;font-size:14px;overflow:hidden}
.txtlist ul li:first-child {border-top:none}
.txtlist ul li i {float:left;margin-right:5px;font-size:12px;color:var(--dz-FC-ddd)}
.text-muted {padding:10px 15px;color:var(--dz-FC-999)}

/*----- 發現頁面相關 -----*/
.findbox {background-color:var(--dz-BG-0);padding:0 15px;border-bottom:1px solid var(--dz-BOR-ed);overflow:hidden}
.findbox ul li {border-top:1px solid var(--dz-BOR-ed);height:50px;line-height:50px;font-size:16px;overflow:hidden}
.findbox ul li a {display:block}
.findbox ul li:first-child {border-top:none}
.findbox ul li i {float:right;margin-left:5px;font-size:12px;color:var(--dz-FC-ddd)}
.findbox ul li em {float:right;font-size:12px;margin-right:5px;color:var(--dz-BG-2)}
.findbox ul li.sclist {font-size:14px}
.findbox ul li.sclist a img {float:left;height:16px;margin-top:17px;margin-right:8px}
.findbox ul li.sclist .mdel {float:right;padding-left:15px}
.findbox ul li.sclist .mdel i {font-size:20px;color:var(--dz-BG-2)}

/*----- 通用固定二級導航 -----*/
.dhnv {background-color:var(--dz-BG-0);border-top:1px solid var(--dz-BOR-ed);border-bottom:1px solid var(--dz-BOR-ed);font-size:15px;text-align:center}
.dhnv a {height:40px;line-height:38px;color:var(--dz-FC-999);position:relative}
.dhnv a.mon {height:38px;color:var(--dz-FC-color);font-weight:400;border-bottom:2px solid var(--dz-BG-color)}

/*----- 通用滑動二級導航 -----*/
.dhnav_box, .dhnav {width:100%;height:40px;overflow:hidden}
.dhnav_box {background-color:var(--dz-BG-0);border-bottom:1px solid var(--dz-BOR-ed);overflow:hidden}
#dhnav_li {width:100%;height:40px;text-align:center;white-space:nowrap}
#dhnav_li li {float:left;width:auto;height:40px;text-align:center;overflow:hidden;color:var(--dz-FC-999);position:relative}
#dhnav_li li a {display:inline-block;font-size:15px;line-height:38px;margin:0 15px}
#dhnav_li li.mon {height:38px;border-bottom:2px solid var(--dz-BG-color)}
#dhnav_li li.mon a {color:var(--dz-FC-color);font-weight:400}
#dhnav_li .swiper-wrappers li {width:25%}

/*----- 通用滑動三級導航 -----*/
.dhnavs_box, .dhnavs {width:100%;height:40px;overflow:hidden}
.dhnavs_box {background-color:var(--dz-BG-0);border-bottom:1px solid var(--dz-BOR-ed);overflow:hidden}
#dhnavs_li {width:100%;height:40px;text-align:center;white-space:nowrap}
#dhnavs_li li {float:left;width:auto;text-align:center;overflow:hidden;color:var(--dz-FC-999);position:relative}
#dhnavs_li li a {display:inline-block;font-size:14px;height:24px;line-height:24px;margin:8px 10px;padding:0 6px;color:var(--dz-FC-999);border-radius:4px}
#dhnavs_li li span {color:var(--dz-FC-ddd)}
#dhnavs_li li.mon a {background-color:var(--dz-BG-color);color:var(--dz-FC-fff)}

/*----- 通用麵包屑導航 -----*/
.subnavs_box, .subnavs {height:41px;width:100%;overflow:hidden}
#subnavs_box {height:40px;position:relative}
#subnavs_box {height:40px;text-align:center;white-space:nowrap;width:100%}
#subnavs_box li {float:left;width:auto;overflow:hidden;position:relative}
#subnavs_box em {position:absolute;left:50%;bottom:2px;margin-left:-9px;height:4px;width:18px;border-radius:10px}
#subnavs_box a {display:inline-block;font-size:15px;height:40px;line-height:38px;padding:0 12px}
#subnavs_box a .kmsum {display:inline-block;height:16px;line-height:16px;margin-top:11px;margin-left:5px;padding:0 6px;font-size:12px;border-radius:20px;vertical-align:top}
#subnavs_btn {height:26px;padding-left:2px;padding-top:7px;text-align:center;white-space:nowrap;width:100%}
#subnavs_btn li {float:left;width:auto;overflow:hidden}
#subnavs_btn a {display:inline-block;font-size:14px;height:24px;line-height:24px;padding:0 5px;margin:0 5px;}
#subnavs_btn a.mon {color:var(--dz-FC-color)}

/*----- 通用帖子列表 -----*/
.threadlist_box {overflow:hidden}
.threadlist_box h2 {padding:0 15px;background-color:var(--dz-BG-0);border-top:1px solid var(--dz-BOR-ed);line-height:40px;font-size:14px}
.threadlist_box h2 .emfont {color:var(--dz-BG-2)}
.threadlist_box h4 {background-color:var(--dz-BG-0);height:30px;line-height:30px;padding:80px 0;text-align:center;font-size:14px;font-weight:400;color:var(--dz-FC-999);border-top:1px solid var(--dz-BOR-ed);border-bottom:1px solid var(--dz-BOR-ed);margin-bottom:10px}
.threadlist {padding:0;overflow:hidden}
.threadlist li.list {padding:2px 15px;background-color:var(--dz-BG-0);border-top:1px solid var(--dz-BOR-ed);border-bottom:1px solid var(--dz-BOR-ed);margin-top:10px}
.threadlist li.list a {display:block}
.threadlist_top {height:38px;padding:12px 0 10px}
.threadlist_top .mimg {float:left;margin-right:8px}
.threadlist_top .mimg img {float:left;width:38px;line-height:38px;border-radius:50%}
.threadlist_top .muser h3 {margin-top:2px;height:20px;line-height:20px}
.threadlist_top .muser h3 .mmc {font-size:15px}
.threadlist_top .muser .mtime {display:block;height:18px;line-height:18px;font-size:12px;color:var(--dz-FC-ccc)}
.threadlist_tit {line-height:26px;font-size:18px;margin-bottom:5px;font-weight:400}
.threadlist_tit .micon {float:left;width:30px;height:18px;line-height:18px;text-align:center;font-size:12px;background-color:var(--dz-BG-color);color:var(--dz-FC-fff);margin-top:4px;margin-right:5px;border-radius:2px;overflow:hidden}
.threadlist_tit .top {background-color:var(--dz-BG-3)}
.threadlist_tit .digest {background-color:var(--dz-BG-4)}
.threadlist_tit .lock {background-color:var(--dz-BG-2)}
.threadlist_mes {margin-bottom:8px;line-height:22px;font-size:14px;color:var(--dz-FC-999);overflow:hidden}
.threadlist_imgs {margin-bottom:10px;font-size:0;overflow:hidden;position:relative}
.threadlist_imgs li {float:left;width:32.6%;padding-bottom:30%;margin-top:1.1%;margin-right:1.1%;box-sizing:border-box;background:var(--dz-BG-5);position:relative;overflow:hidden;border-radius:4px}
.threadlist_imgs li:nth-child(3n) {margin-right:0}
.threadlist_imgs li img {width:100%;height:100%;object-fit:cover;position:absolute}
.threadlist_imgs li em {position:absolute;bottom:0;right:0;z-index:100;background:rgb(0,0,0,.5);color:var(--dz-FC-fff);font-size:12px;height:22px;line-height:22px;padding:1px 5px;border-radius:0 0 4px 0}
.threadlist_imgs1 {margin-bottom:10px;font-size:0;overflow:hidden;position:relative}
.threadlist_imgs1 li {width:100%;padding-bottom:66%;background:var(--dz-BG-5);position:relative;overflow:hidden;border-radius:4px}
.threadlist_imgs1 li img {width:100%;height:100%;object-fit:cover;position:absolute}
.threadlist_imgs2 li {width:49.45%}
.threadlist_imgs2 li:nth-child(2n) {margin-right:0}
.threadlist_foot {padding:5px 0 15px;min-height:22px;line-height:22px;font-size:13px}
.threadlist_foot li {float:left;background-color:var(--dz-BG-5);padding:0 10px;margin:2px 10px 2px 0px;color:var(--dz-FC-aaa);border-radius:4px}
.threadlist_foot li i {float:left;font-size:14px;margin-right:3px;color:var(--dz-FC-ccc)}
.threadlist_foot li.mr {float:right;margin-right:0;padding:0;background:none;color:var(--dz-FC-color)}
.threadlist_foot li.mr a {float:right;color:var(--dz-FC-color)}
.threadlist li.list_top {padding:0 15px;background-color:var(--dz-BG-0);border-top:1px solid var(--dz-BOR-ed)}
.threadlist li.list_top a {display:block;height:36px;line-height:36px;font-size:14px;overflow:hidden}
.threadlist li.list_top a .micon {float:left;height:18px;line-height:18px;font-size:12px;background-color:var(--dz-BG-color);color:var(--dz-FC-fff);margin-top:9px;margin-right:6px;padding:0 3px;border-radius:2px;overflow:hidden}
.threadlist li.list_top a .gonggao {background-color:var(--dz-BG-2)}

/*----- 翻頁 -----*/
.page {text-align:center;margin:15px auto;font-size:14px}
.page a {display:inline;position:relative;text-align: left;background:var(--dz-BG-0);border:1px solid var(--dz-BOR-ed);width:auto;text-indent:0;height:30px;line-height:30px;font-size:14px;margin:0 5px;padding:8px 15px;color:var(--dz-FC-666);border-radius:4px}
.page select {position:absolute;left:0;top:0;opacity:0;background-color:var(--dz-BG-0);border:var(--dz-BOR-ed);width:auto;height:36px;line-height:36px;padding:4px;font-size:14px}
.page a.grey {color:var(--dz-FC-aaa) !important}
.mpage a, .mpage .pg a {display:none !important;}
.mpage a.prev, .mpage a.nxt, .mpage .pg a.prev, .mpage .pg a.nxt {display:inline !important;}

/*----- 快速發帖 -----*/
.pblbox {background:var(--dz-BG-0);border-bottom:1px solid var(--dz-BOR-ed);overflow:hidden}
.pbl {margin:0 auto;overflow:hidden}
.pbl li {float:left;width:30%;min-height:300px;padding:8px 5px;border-left:1px solid var(--dz-BOR-ed);overflow-x:hidden;overflow-y:auto}
.pbl li:first-child {border-left:none}
.pbl li p {margin:2px 5px;height:30px;line-height:30px}
.pbl li a {display:block;height:30px;line-height:30px;padding:0 6px;font-size:14px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;border-radius:4px}
.pbl li .pbls a {background:var(--dz-BG-3);color:var(--dz-FC-fff)}
.pbsb::after {float:right;margin-top:11px;margin-right:2px;vertical-align:4px;content:"";border-top:4px solid transparent;border-right:0;border-bottom:4px solid transparent;border-left:4px solid}

/*----- 登錄/註冊/驗證碼 -----*/
body.pg_logging, body.pg_register {background-color:var(--dz-BG-0)}
.header_toplogo {background-color:var(--dz-BG-color);padding:20px 20px 50px;text-align:center;overflow:hidden}
.header_toplogo img {width:175px}
.header_toplogo p {height:30px;line-height:30px;font-size:16px;color:var(--dz-FC-fff)}
.header_toplogo .mtop_ss a {display:block;margin:15px auto;width:80%;background-color:var(--dz-BG-0);color:var(--dz-FC-999);height:34px;line-height:34px;font-size:14px;border-radius:40px}
.header_toplogo .mtop_ss a i {margin-right:5px}
.guide_index {padding-top:0}
.loginbox {padding-bottom:10px;overflow:hidden;}
.login_from {padding:10px 15px;overflow:hidden}
.loginbox li {padding:7px 0;height:30px;line-height:30px;font-size:14px;border-bottom:1px solid var(--dz-BOR-ed)}
.loginbox li.sec_txt {height:auto}
.loginbox li.sec_txt .txt {border:1px solid var(--dz-BOR-ed);margin-left:10px;padding:0 5px;height:30px;line-height:30px;border-radius:4px}
.login_select {display:block;position:relative}
.login_select .login-btn-inner {display:block;font-size:14px;min-width:0.75em;overflow: hidden;position:relative;text-overflow:ellipsis;white-space:nowrap}
.login_select select {position:absolute;top:0;width:100%;z-index:2;cursor:pointer;height:30px;left:0;max-height:100%;min-height:100%;opacity:0.0001}
.login-btn-text {float:left}
.login_select .icon-arrow {height:30px;line-height:30px;float:right;color:var(--dz-FC-ccc)}
.btn_login, .btn_qqlogin, .btn_register {padding:7px 15px;overflow:hidden}
.btn_qqlogin .pn {display:block;background-color:var(--dz-BG-3);color:var(--dz-FC-fff)}
.reg_link {height:22px;line-height:22px;margin:7px 15px 15px;font-size:14px}
.reg_link .login_now, .reg_link .reg_now {color:var(--dz-BG-2)}
.sec_code span .txt {-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}
.sec_code span img {float:right;height:30px}
.login_pop {background: var(--dz-BG-0);width:300px;padding:0px;margin-top:-20px;border-radius:5px;box-shadow:0px 0px 8px rgba(0, 0, 0, 0.2)}
.login_pop .log_tit {padding:0 12px;font-size:16px;height:40px;line-height:40px;text-align:center}
.login_pop .login_from .px {font-size:14px;height:26px;line-height:26px}
.login_pop .login_select .inner {font-size:14px}
.login_pop #password {width:100%}
.login_pop .log_ico {margin:10px auto 5px}
.login_pop .log_ico a {margin:5px;padding:10px;width:26px;height:26px;line-height:26px}
.login_pop .log_ico a i {font-size:26px}
.login_pop .log_dsf {margin:10px 10px 0px}
.login_pop .sec_code {font-size:14px;padding:5px 0}
.login_pop .sec_code img {height:26px;border-radius:4px}
.login_pop .sec_code .px {width:130px}
.login_pop .Password_show, .login_pop .Password_hide {display:none}
.login_pop .btn_login button {font-size:16px;height:38px;line-height:38px}

/*----- 用戶空間 -----*/
.userinfo {padding-bottom:10px;overflow:hidden}
.user_avatar {height:200px;background-color:var(--dz-BG-color);background-repeat:no-repeat;background-position:center;background-size:cover !important;text-align:center;overflow:hidden}
.user_avatar .avatar_bg {width:100%;height:100%;background:rgb(0,0,0,.7);overflow:hidden}
.user_avatar .avatar_m {width:60px;height:60px;margin:40px auto 0}
.user_avatar .avatar_m img {width:60px;height:60px;border-radius:50%}
.user_avatar .name {margin-top:15px;height:18px;line-height:18px;font-size:16px;color:var(--dz-FC-fff)}
.user_box {margin:-25px 15px 10px;padding:5px 0;color:var(--dz-FC-aaa);background-color:var(--dz-BG-0);border:1px solid var(--dz-BOR-ed);overflow:hidden;border-radius:6px}
.user_box li {float:left;width:25%;margin:8px 0;text-align:center;line-height:20px}
.user_box li span {display:block;font-size:18px;color:var(--dz-FC-333)}
.myinfo_list {margin:0 15px 10px;padding:5px 15px;background-color:var(--dz-BG-0);border:1px solid var(--dz-BOR-ed);overflow:hidden;border-radius:6px}
.myinfo_list li {height:40px;line-height:40px;font-size:14px;border-top:1px solid var(--dz-BOR-ed);overflow:hidden}
.myinfo_list li.sig {height:auto;line-height:30px}
.myinfo_list li:first-child {border-top:none}
.myinfo_list li a {display:block}
.myinfo_list li i {float:right;font-size:14px;color:var(--dz-FC-ccc)}
.myinfo_list li em {font-size:12px;margin-left:5px;color:var(--dz-BG-2)}
.myinfo_list li span {float:right;color:var(--dz-FC-aaa)}
.myinfo_list li span.mtxt {margin-top:12px;height:18px;line-height:18px;padding:0 3px;font-size:12px;background-color:var(--dz-BG-3);color:var(--dz-FC-fff);overflow:hidden;border-radius:2px}
.myinfo_list li span a {color:var(--dz-BG-color)}
.myinfo_list li b {color:var(--dz-FC-color)}
.myinfo_list_ico {margin:0 15px 10px;padding:10px;background-color:var(--dz-BG-0);border:1px solid var(--dz-BOR-ed);overflow:hidden;border-radius:6px}
.myinfo_list_ico li {float:left;width:50%;box-sizing:border-box}
.myinfo_list_ico li a {display:block;background-color:var(--dz-BG-body);margin:5px;padding:10px;height:26px;line-height:26px;font-size:14px;overflow:hidden;border-radius:6px}
.myinfo_list_ico li a i {float:left;width:26px;height:26px;line-height:26px;font-size:14px;text-align:center;margin-right:8px;background-color:var(--dz-BG-4);color:var(--dz-FC-fff);overflow:hidden;border-radius:50%}
.myinfo_list_ico li:nth-child(5n-4) a i {background-color:var(--dz-BG-4)}
.myinfo_list_ico li:nth-child(5n-3) a i {background-color:var(--dz-BG-2)}
.myinfo_list_ico li:nth-child(5n-2) a i {background-color:var(--dz-BG-3)}
.myinfo_list_ico li:nth-child(5n-1) a i {background-color:var(--dz-BG-color)}
.myinfo_list_ico li:nth-child(5n) a i {background-color:var(--dz-BG-n)}
.myinfo_list_ico li a em {color:var(--dz-BG-2);font-size:12px;margin-left:8px}
.btn_exit, .btn_admincp {padding:5px 15px;overflow:hidden}
.btn_exit .pn {display:block;background-color:var(--dz-BG-2);color:var(--dz-FC-fff)}
.btn_admincp .pn {display:block;background-color:var(--dz-BG-3);color:var(--dz-FC-fff)}
.notice_tip {background-color:var(--dz-BG-0);padding:15px;font-size:14px;color:var(--dz-BG-3);text-align:center}
.notice_tip a {color:var(--dz-BG-3)}

/*----- 發信息 -----*/
.friend_msg, .self_msg {padding:20px 15px 0}
.friend_msg .avat img, .self_msg .avat img {background-color:var(--dz-BG-5);width:38px;height:38px;border-radius:50%}
.friend_msg .dialog_c, .self_msg .dialog_c {padding:8px 10px;font-size:14px;line-height:22px;border-radius:4px}
.friend_msg .dialog_c {margin:0 5px 5px 10px;background-color:var(--dz-BG-0)}
.self_msg .dialog_c {margin:0 10px 5px 5px;background-color:var(--dz-BG-color);color:var(--dz-FC-fff)}
.friend_msg .dialog_c img, .self_msg .dialog_c img {margin:2px 4px;vertical-align:bottom;border-radius:4px}
.friend_msg .date, .self_msg .date {margin:0 10px;height:18px;line-height:18px;font-size:12px;color:var(--dz-FC-aaa)}
.self_msg .date {text-align:right}
.msg_post {height:54px;overflow:hidden}
.msg_post .px, .msg_post .pns {margin:7px 10px}
.msgbox .page {margin-top:30px}

/*----- 通用發布輸入框相關 -----*/
.post_box {background-color:var(--dz-BG-0);overflow:hidden}
.post_box li.mli {height:30px;line-height:30px;padding:5px 15px;font-size:16px;border-bottom:1px solid var(--dz-BOR-ed);overflow:hidden;position:relative}
.post_box li.flex-half {padding:5px 0px;}
.post_box li.mtit {height:20px;line-height:20px;font-size:12px;padding-top:10px;color:var(--dz-FC-999)}
.post_box li.mtext {height:auto;line-height:30px;padding:10px 15px;font-size:16px;border-bottom:1px solid var(--dz-BOR-ed);overflow:hidden}
.post_box li.mli .input-append {position:absolute;right:15px;color:#495057;font-size:1rem;}
.post_box .sort_sel {width:100%;background:url('touch/arrow.svg') no-repeat right center;background-size:16px 16px;padding-left:14px;height:30px;line-height:30px;font-size:16px;border:none;color:graytext;appearance:none;-moz-appearance:none;-webkit-appearance:none;overflow:hidden}
.post_box .attqx .sort_sel {font-size:14px;}
.post_box .multisel .sort_sel {background: url('touch/arrow.svg') no-repeat right center;background-size: 14px 14px;padding-right: 16px;font-size: 14px;border: none;color: graytext;appearance: none;-moz-appearance: none;-webkit-appearance: none;overflow: hidden;width:auto;}
.post_btn {padding:15px}
.post_box .sec_code {padding:5px 15px;border-bottom:1px solid var(--dz-BOR-ed)}
.post_box li .post_attbtn { margin-left:5px;}
.post_box li .post_imgbtn, .post_box li .post_attbtn {float:left;padding:0 10px;font-size:13px;color:var(--dz-FC-color);background-color:var(--dz-BG-5);border:1px solid var(--dz-BOR-ed);border-radius:4px;position:relative}
.post_box li .post_imgbtn i, .post_box li .post_attbtn i {float:left;margin-right:5px}
.post_box li .post_imgbtn input, .post_box li .post_attbtn input {position:absolute;left:0;top:0;width:100%;height:100%;opacity:0}
.post_box li .group_upico em {float: left;width: 40px;height: 40px;margin-right: 8px;border-radius: 2px;overflow: hidden;}
.post_box li .group_upico em img {width: 40px;height: 40px;border-radius: 2px;}
.post_box li .group_upico span {float: left;height: 40px;line-height: 40px;}
.post_box li .editpic {margin:12px;overflow:hidden}
.post_box li .editpic .quote {margin:0}
.post_box li .editpic li {padding:12px 0;overflow:hidden}
.post_box li .editpic li:last-child {border:none !important}
.post_box li .editpic li.up_btn {height:40px;position:relative}
.post_box li .editpic li.up_btn a {display:inline-block;height:30px;line-height:30px;padding:5px 10px;font-size:14px;border-radius:4px;background:var(--dz-BG-5);border:none;}
.post_box li .editpic li.up_btn a input {position:absolute;top:12px;left:0px;height:42px;width:109px;z-index:10;opacity:0; display:block;}
.post_box li .editpic .editpic_l {width:18px;overflow:hidden}
.post_box li .editpic .editpic_l i {font-size:18px}
.post_box li .editpic .editpic_img {width:100px;height:78px;margin:0 10px;background:#000;overflow:hidden;position:relative;border-radius:2px}
.post_box li .editpic .editpic_imgbox {width:100px;height:78px;overflow:hidden}
.post_box li .editpic .editpic_imgbox img {width:100%}
.post_box li .editpic .editpic_imgbox a {display:block;height:78px;overflow:hidden}
.post_box li .editpic .editpic_imgbox p {position:absolute;left:0;bottom:0;display:block;background-color:rgba(0, 0, 0, 0.7);width:100%;height:24px;line-height:24px;font-size:12px;text-align:center;overflow:hidden}
.post_box li .editpic .editpic_textarea {padding:5px 7px;height:66px;font-size:14px;line-height:22px;overflow:hidden;border-radius:2px}
.post_box li .editpic .editpic_textarea textarea {width:100%;height:100%;border:none !important;overflow:hidden}
.post_box li .editpic_foot {padding:10px 12px;height:30px;line-height:30px;font-size:14px;overflow:hidden}
.post_box li .editpic_foot .kmleft {width:60px;margin-right:8px}
.post_box li .editpic_foot .newalbumid {margin-left:10px;padding:0 5px;border-radius:2px}

.post_imglist, .post_attlist {margin-bottom:8px}
.post_imglist li {position:relative;float:left;margin-top:20px;padding:0px 10px 0 0}
.post_imglist li .del {position:absolute;left:-5px;top:-12px}
.post_imglist li .del i {background-color:var(--dz-BG-0);color:var(--dz-BG-2);font-size:24px;border-radius:50%}
.post_imglist li .p_img {display:block}
.post_imglist li .p_img img {padding:2px;border:1px solid var(--dz-BOR-ed);vertical-align:middle}

.post_attlist li {padding:12px 0;overflow:hidden}
.post_attlist li .tit {padding: 12px 0;line-height:22px;font-size:13px;text-overflow:ellipsis;white-space:nowrap}
.post_attlist li .tit img {float:left;margin:5px;}
.post_attlist li .tit span {font-weight:400;}
.post_attlist li .tit span.btn {color:var(--dz-FC-fff);background-color:var(--dz-BG-3)}
.post_attlist li .tit span.btn i.dm-trash {color:var(--dz-FC-fff);}
.post_attlist li .tit span.del{background-color:var(--dz-BG-2)}
.post_attlist li .tit span.link{text-overflow: ellipsis;display: block;overflow: hidden;}
.post_attlist li .btn {float:right;padding:0 10px;margin-left:8px;font-size:12px;border-radius:30px}
.post_attlist li .mimg {float:left;height:22px;width:22px;margin-right:6px}
.post_attlist li .minput {margin-top:8px;height:24px;line-height:24px;font-size:13px}
.post_attlist li .minput .attms {width:100%;overflow:hidden}
.post_attlist li .minput .attqx {float:left;width:49%;overflow:hidden}
.post_attlist li .minput .attjg {float:right;width:49%;overflow:hidden}
.post_attlist li .minput span {padding-right:5px}
.post_attlist li .minput em {padding-left:5px}
.post_attlist li .minput .input {padding:0 6px;height:24px;line-height:24px;font-size:13px;border-radius:4px;display:block;}
.post_attlist li .minput .price {width: inherit;}

/*----- 帖子內容頁 -----*/
.quote, .showhide, .locked {padding:8px 10px;margin:8px 0;background-color:var(--dz-BG-5);font-size:14px;border-radius:4px}
.quote a, .showhide a, .locked a {color:var(--dz-BG-3)}
.viewthread {background-color:var(--dz-BG-0);overflow:hidden}
.viewthread .view_tit {padding:15px 15px 0;line-height:30px;font-size:20px;font-weight:400}
.viewthread .view_tit span {font-size:12px;color:var(--dz-BG-2)}
.viewthread .view_reply {padding:50px 15px;line-height:30px;font-size:14px;color:var(--dz-FC-ccc);text-align:center}
.viewthread .view_reply i {display:block;font-size:50px;line-height:50px;margin:5px auto}
.plc {padding:0 15px;border-bottom:1px solid var(--dz-BOR-ed);overflow:hidden;position:relative}
.plc .avatar {position:absolute;left:15px;top:15px;display:inline}
.plc .avatar img {width:36px;height:36px;border-radius:50%}
.plc .pi {margin-top:5px;padding:10px 0;position:relative}
.plc .pi .authi {margin-left:45px;margin-bottom:10px;position:relative}
.plc .pi .authi li.mtit {height:18px;line-height:16px;padding-top:2px;overflow:hidden}
.plc .pi .authi li span.z, .plc .pi .authi li span.z a {font-size:14px;color:var(--dz-FC-color)}
.plc .pi .authi li span.y {float:right;color:var(--dz-FC-999)}
.plc .pi .authi li.mtime {height:16px;line-height:16px;color:var(--dz-FC-999);overflow:hidden}
.plc .pi .authi li.mtime span {float:right;font-size:12px}
.plc .pi .authi li.mtime span i {float:left;margin-left:8px;margin-right:2px;color:var(--dz-FC-bbb)}
.plc .pi .authi li.mtime span em {float:left}
.plc .pi .authi li.mtime em.mgl {float:right;margin-left:8px;color:var(--dz-BG-2)}
.plc .pi .authi li.mtime em.mgl a {color:var(--dz-BG-2)}
.plc .pione {margin-left:0}
.plc .pione .authi {margin-left:45px}
.plc .pi .message {line-height:26px;font-size:16px}
.plc .pi .message .jammer {font-size:12px;color:var(--dz-BG-0)}
.plc .pi .message  hr.l { height: 1px; border: none; background: var(--dz-BOR-ed); color:var(--dz-BOR-ed)}
.plc .pi .message img, .plc .pi .img_one img {margin:6px 0;max-width:100%;border-radius:4px}
.plc .pi .img_list {margin:0 auto}
.plc .pi .img_list li {width:100%;text-align:center;vertical-align:middle}
.plc .pi .img_list li a {display:block}
.plc .pi .img_list li img {margin:7px 0;max-width:100%;border-radius:4px}
.plc .psth {margin: 2em 0 2em -15px;padding: 5px 45px 5px 15px;width: 70%;background: var(--dz-BOR-ed);color: var(--dz-FC-666);font-size: 14px;border-radius: 0 14px 14px 0;}
.mtime .manage, .mtime .dialogbox {width:90%;padding:10px;background-color:var(--dz-BG-0);overflow:hidden;border-radius:8px;max-height:305px;overflow-y:auto;}
.mtime .manage .button, .mtime .dialogbox .button {float:left;width:46%;margin:2%}
.replybtn {display:none;position:absolute;right:0;top:12px}
.replybtn .button {height:34px;line-height:34px;font-size:12px;padding:0 12px;border-radius:4px}
.foot_reply {height:40px;background-color:var(--dz-BG-0);border-top:1px solid var(--dz-BOR-ed);overflow:hidden}
.foot_reply a {display:block;height:20px;line-height:20px;font-size:14px;text-align:center;color:var(--dz-FC-666)}
.foot_reply a i {padding-right:4px;color:var(--dz-FC-aaa)}
.foot_reply a.mx {border-left:1px solid var(--dz-BOR-ed)}
.foot_height_view {height:40px}

.plc .pi .message .rate {margin:15px auto 10px;text-align:center;overflow:hidden}
.plc .pi .message .rate p {height:20px;line-height:20px}
.plc .pi .message .rate p.rate_tit {font-size:15px}
.plc .pi .message .rate p.rate_tip {font-size:13px}
.plc .pi .message .rate p.rate_tip span {font-size:15px;padding:0 3px}
.plc .pi .message .rate h2 {height:52px;margin:10px 0 16px;font-size:24px;overflow:hidden}
.plc .pi .message .rate h2 a {display:inline-block;width:52px;height:52px;line-height:54px;text-align:center;border-radius:50%;overflow:hidden}
.plc .pi .message .rate h2.rate_btn {height:34px;font-size:16px}
.plc .pi .message .rate h2.rate_btn a {padding:0 15px;height:34px;line-height:34px;border-radius:4px}
.plc .pi .message .rate ul {margin:8px 30px 0;text-align:center;overflow:hidden}
.plc .pi .message .rate ul li {display:inline-block;height:32px;margin:0 2px;overflow:hidden}
.plc .pi .message .rate ul li img {width:32px;height:32px;border-radius:50%;overflow:hidden}
.plc .pi .message .rate ul li a span {display:inline-block;text-align:center;font-size:14px;width:32px;height:32px;line-height:26px;overflow:hidden;border-radius:50%}

.plc .pi .message table {border: 1px solid var(--dz-BOR-ed);}
.plc .pi .message table td {overflow-wrap: anywhere;}

.plc .pi .message .blockcode { overflow: hidden; margin: 10px 0; padding: 5px 10px 5px 43px; font-size:12px; border-radius:4px; background: var(--dz-BG-5) repeat-y 0 0;background-image: linear-gradient(90deg,#EDEDED,#EDEDED);background-size: 43px; color: var(--dz-FC-666); }
.plc .pi .message .blockcode code { font-family: Monaco, Consolas, 'Lucida Console', 'Courier New', serif; font-size: 12px; line-height: 1.8em; }
.plc .pi .message .blockcode ol li {padding-left: 10px;list-style-type: decimal-leading-zero;line-height: 1.8em;}

/*----- 特殊主題-投票 -----*/
.poll {margin:10px auto;padding:10px 15px;background-color:var(--dz-BG-5);font-size:14px;border-radius:6px}
.poll_txt {line-height:28px;color:var(--dz-FC-666)}
.poll_box p {margin:5px 0;line-height:30px}
.poll_box p .mimg {display:block;width:50%;border-radius:4px}
.plc .pi .message .poll_box p .mimg img {width:80%}
.poll_box p input {margin:0 3px 3px 0;vertical-align:middle}
.poll_box p em {margin-left:5px}
.poll_box span {display:block;margin-top:5px;line-height:28px;color:var(--dz-FC-666)}
.poll_box #pollsubmit {margin:5px 0}

/*----- 特殊主題-懸賞 -----*/
.reward, .rwdbst {margin:15px auto 10px;padding:15px;background-color:var(--dz-BG-5);font-size:14px;border-radius:6px}
.reward_txt {line-height:20px;color:var(--dz-FC-666)}
.reward_txt strong {margin:0 5px;font-size:18px;color:var(--dz-BG-3)}
.reward_txt span {display:block;color:var(--dz-FC-bbb)}
.reward .mhd {float:right;color:var(--dz-FC-fff)}
.rwdbst {padding:10px 15px}
.rwdbst h3 {color:var(--dz-BG-3)}
.rwdbst h3 a {float:right;font-size:14px;color:var(--dz-FC-color)}
.rwdbst .muser {margin:8px 0;height:20px;line-height:20px}
.rwdbst .muser img {float:left;width:20px;height:20px;margin:0 5px 0 0 !important;border-radius:50% !important}
.rwdbst .mtxt {color:var(--dz-FC-999)}

/*----- 特殊主題-辯論 -----*/
.debate_box {margin:10px auto;padding:10px 15px;background-color:var(--dz-BG-5);font-size:14px;border-radius:6px}
.debate_box strong em {float:right;color:var(--dz-FC-999);font-weight:400}
.debate_box p {color:var(--dz-FC-666)}
.debate_box p strong {color:var(--dz-BG-2)}
.debate_box .pns {float:left;margin:5px 0;height:30px;line-height:30px;padding:0 10px;font-size:14px;color:var(--dz-FC-fff) !important}
.debate_box #affirmbutton {background-color:var(--dz-BG-3)}
.debate .endtime {margin-bottom:5px;font-size:14px;text-align:center;color:var(--dz-FC-999)}

/*----- 特殊主題-活動 -----*/
.activity {margin:10px auto;padding:10px 15px;background-color:var(--dz-BG-5);font-size:14px;border-radius:6px}
.activity dl {margin-top:5px}
.activity dt {line-height:26px}
.activity dt .mtit {float:left;width:80px;margin-right:10px;text-align:right}
.activity dt .my {float:right;color:var(--dz-FC-999)}
.activity dt em, .activity dt a, .activity dt.mtxt {color:var(--dz-BG-3)}
.activity dt .mtxt {display:block;margin-top:8px}
.activity dt .mtxt .mx {margin-left:3px;color:var(--dz-BG-2)}
.activity dt .px {padding:2px 0;text-indent:8px;border-radius:4px}
.activity dt p a.xi2 {display:none}
.activity p {background-color:var(--dz-BG-0)}
.activity p label {display:block}
.activity .join_btn {margin:10px auto}
.activity .mbox {width:100%}
.activity .mbox .ma {width:40%}
.activity .mbox .mb, .activity .mbox .mc {width:30%;text-align:right}

/*----- 特殊主題-商品 -----*/
.trade_box {margin:10px auto;padding:10px 15px;background-color:var(--dz-BG-5);font-size:14px;border-radius:6px}
.trade_box .my {float:right;color:var(--dz-BG-3)}

/*----- 帖子內容頁-返回頂部 -----*/
.scrolltop {display:block;position:fixed;right:15px;bottom:8px;margin-bottom:50px;height:38px;width:38px;z-index:99999;background:rgba(0, 0, 0, .8);opacity:.618;box-shadow:0 0 2px rgba(0,0,0,.2);border-radius:6px}
.scrolltop:after {content:"";position:absolute;top:12px;left:11px;width:16px;height:2px;border-radius:1px;background:var(--dz-BG-0);border-radius:1px}
.scrolltop:before {content:"";position:absolute;top:17px;left:11px;display:inline-block;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid #fff;border-top:0;-webkit-transform:scale(1,1.2222);-webkit-transform:translate(0,1px);transform:scale(1,1.2222);transform:translate(0,1px)}
.scrolltop.bottom:after {top:24px}
.scrolltop.bottom:before {border-top:8px solid var(--dz-FC-fff);border-bottom:0;top:11px}

/*----- 動態 -----*/
.home_feed{background:var(--dz-BG-0)}
.home_feed_time{height:25px;line-height:25px;padding:10px 0px 0px;margin-bottom:5px;position:relative}
.home_feed_time span{text-align:center;height:24px;line-height:24px;display:inline-block;font-size:16px;font-weight:bold;color:var(--dz-FC-666);background:var(--dz-BG-0);padding:0px 12px;margin-left:47px;position:relative;z-index:1}
.home_feed_time:after{content:"";width:100%;height:1px;position:absolute;top:21px;left:0px;background:#ededed}
.home_feed_item li:first-child .home_feed_time{height:10px;overflow:hidden}
.home_feed_item li:first-child .home_feed_time span,.home_feed_item li:first-child .home_feed_time:after{display:none}
.home_feed_ecs{padding:0px 10px 40px 60px;position:relative}
.home_feed_ecs .mimg {position: absolute;float:left;margin-right:8px;top:10px;left:10px}
.home_feed_ecs .mimg img {float:left;width:38px;line-height:38px;border-radius:50%}
.home_feed_c{border-bottom:1px dashed var(--dz-BOR-ed)}
.home_feed_c .delete_bt{float:right;margin:-3px -1px 0px 10px;position:static}
.home_feed_item{padding:0px 0px 1px;color:var(--dz-FC-777);overflow:hidden}
.home_feed_item img{max-width:100%}
.home_feed_item .home_mess{margin-bottom:14px}
.home_feed_item .home_mess b{font-weight:400}
.home_feed_item .home_mess a{color:var(--dz-FC-color);}
.home_feed_title{padding:10px 0px}
.home_feed_title p{font-size:14px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.home_feed_title p a{font-weight:bold;color:var(--dz-FC-777)}
.home_feed_title span{margin-left:10px;color:var(--dz-FC-bbb)}

/*----- 設置-積分-記錄 -----*/
.home_credit_log{background:var(--dz-BG-0);border-top:1px solid var(--dz-BOR-ed)}
.home_credit_log li{padding:10px 15px;border-bottom:1px solid var(--dz-BOR-ed)}
.home_credit_log li .txt{color:var(--dz-FC-999);overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.home_credit_log li .txt a{color:var(--dz-FC-999)}
.home_credit_log li .mtime{color:var(--dz-FC-999);text-align: right;min-width:120px;}
.home_credit_log .xi1{color:var(--dz-BG-2)}
.home_credit_log .xg1{color:green}
.home-order-status-0 a {color:blue;}
.home-order-status-1 {color:green;}
.home-order-status-2 {color:var(--dz-FC-aaa);}

/*----- 群組 -----*/
.groupbox {}
.group_memberlist_star {background-color: var(--dz-BG-3);border-radius: 10px;color:var(--dz-BG-0);margin-left:5px;padding: 0px 2px;font-size: 12px;}
#group_manage_userlist li { width:auto; margin:0 5px;}
#threadtype input { background-color:var(--dz-BG-5); width:100%;}

/*----- media --------*/
.media { display: block; margin-bottom: 30px; max-width: 100%; }
.media_container { display: block; width: 100%; height: 100%; min-height: 20px; background: url("./images/img_loader.gif") no-repeat center; }
.media_container a { text-decoration: none !important; }
.media_tips { display: block; margin: 10px 0; text-align: center; }
.media_tips a { font-size: 12px !important; color: var(--dz-FC-999) !important; text-decoration: none !important; }
.media_tips a:hover { text-decoration: underline !important; }

.tfm { width: 100%; font-size: 14px; }
.tfm caption, .tfm th, .tfm td { vertical-align: top; padding: 7px 0; line-height: 28px; }
.tfm caption h2 { font-size: 16px; }
.vt th, .vt td { vertical-align: top; }
.tfm th {padding-right: 5px; width: 70px; }
.tfm th .rq { float: right; font-size: 14px; }
.tfm .pt, .tfm .px { width: 97%; line-height: 28px; border:1px solid var(--dz-BOR-ed); }
.tfm .pt { min-height: 65px; }
.tfm .d { clear: both; color: var(--dz-FC-333); }
.tfm .d em { margin-left: 5px; color: red; }
.tfm .d strong { margin-left: 5px; }
.tfm .d a { color: var(--dz-BG-2); }
.tfm .p { text-align: right; }
.tfm .pcl label { display: block; padding: 0 2px 5px; }
.tfm .pcl .pc { margin-right: 5px; padding: 0; }
.tfm .l th, .tfm .l td { padding-top: 0; padding-bottom: 0; }
.bn .tfm caption, .bn .tfm th, .bn .tfm td { padding-top: 5px; padding-bottom: 5px; }
.tfm select {background:url('touch/arrow.svg') no-repeat right center;background-size:14px 14px;padding-right:16px;font-size:14px;border:none;color:graytext;appearance:none;-moz-appearance:none;-webkit-appearance:none;overflow:hidden}

.xl li { margin: 2px 0; }
	.xl em { float: right; padding-left: 5px; }
		.xl em, .xl em a { color: {LIGHTTEXT}; }
	.xl label, .xl label a { color: #C00; }
	.xl1 li { height: 1.5em; overflow: hidden; }
		.xl1_elp { float: left; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
	.xl2 li { float: left; margin: 2px 0; padding: 0; width: 50%; height: 1.5em; overflow: hidden; }
	.xl ol, ol.xl { line-height: 21px; counter-reset: xlol; }
		.xl ol li, ol.xl li { background: none; height: 21px; }
		.xl ol li:before, ol.xl li:before { display: inline-block; width: 16px; height: 16px; line-height: 16px; margin: 2px 4px 3px 0; color: var(--dz-FC-fff); background: var(--dz-BG-n); border-radius: 8px; text-align: center; counter-increment: xlol; content: counter(xlol); }
			.xl ol li:first-child:before, ol.xl li:first-child:before { background: #ED741C; }
			.xl ol li:nth-child(2)::before, ol.xl li:nth-child(2)::before { background: #F3AC27; }
			.xl ol li:nth-child(3)::before, ol.xl li:nth-child(3)::before { background: #F8CB5E; }
	.xld dt { padding: 8px 0 5px; font-weight: 700; }
	.xld dd { margin-bottom: 8px; }
		/* text with thumbnail image ( must with the additional class .cl ) */
		.xld .m { float: left; margin: 8px 8px 10px 0; }
		.xld .atc { float: right; margin-left: 20px; }
			.xld .atc img { padding: 2px; max-width: 80px; max-height: 80px; border: 1px solid var(--dz-BOR-ccc); background: {WRAPBG}; }
		.xld a.d, .xl a.d, .attc a.d, .c a.d, .sinf a.d { float: right; width: 14px; height: 14px; border-radius: 7px; margin-left: 3px; margin-right: 3px; overflow: hidden; line-height: 14px; text-align: center; background: var(--dz-BG-6); }
			.attc a.d { float: left; }
		.xld a.d:hover, .xl a.d:hover, .attc a.d:hover, .c a.d:hover, .sinf a.d:hover { background-color: #f99; text-decoration: none; }
		.xld a.d:before, .xl a.d:before, .attc a.d:before, .c a.d:before, .sinf a.d:before { content: "\d7"; color: var(--dz-FC-fff); font-weight: 700; }
		.xld a.b { background-position: 0 -40px; }
			.xld a.b:hover { background-position: 0 -60px; }
	.xlda dl { padding-left: 65px; }
		.xlda .m { display: inline; margin: 8px 0 8px -65px; }
		.xlda .avt img { display: block; }
		.xlda dd img { max-width: 550px; }
		.xlda dd a { color: {HIGHLIGHTLINK}; }
		.xlda dd .hot { color: {NOTICETEXT}; }

/* 用來展示複雜統計數據的表格，目前僅用戶組頁面用到 */
.tdats { overflow: hidden; zoom: 1; margin: 10px 0; }
.tdats i { font-size: 14px; }
.tdats i:before { height: 18px; line-height: 18px; margin-right: 2px; }
.tdats th, .tdats td { overflow: hidden; padding: 0 5px; height: 26px; border-width: 0 1px 0 0; border-color: #fff; white-space: nowrap; }
.tdats th { height: 40px; font-weight: 700; }
.tdats .h th { height: 24px; border-top: 1px solid var(--dz-BOR-ed); border-bottom: 1px solid #E5E5E5; background: linear-gradient(0deg, #efefef, #fcfcfc); color: var(--dz-FC-666); zoom: 1; }
.tdats .tdat { float: left; width: 40%; border: none; table-layout: fixed; }
.tdats .tfx { width: 300px; }
.tdats .tfxf { width: 60%; }
.tfx th, .tfx td { border-width: 0 3px !important; background: #FFF2DF; }
.tfx .alt, .tfx .alt th, .tfx .alt td { background: #FAEDDA; }
.tfx .h th { padding: 1px 5px; }
.tscr { float: left; overflow: hidden; width: 470px; }
.tscr .tdat th, .tscr .tdat td { width: 470px; }
.nwp { word-wrap: normal; white-space: nowrap; }
.tdats .c0 { padding: 0; height: 46px; text-align: center; vertical-align: bottom; background: transparent; }
.tdats .c0 h4 { line-height: 38px; background-color: #F60; color: var(--dz-FC-fff); }
.tdats .c0 h4, .tdats .tb li { -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; }
.tdats .tb { float: left; margin-top: 8px; padding-left: 0; width: 470px; border-bottom-width: 4px; }
.tdats .tb li { padding: 0 10px; line-height: 33px; font-weight: 700; color: var(--dz-BG-2); }
.tdats .c1 { border-color: #158B00; }
.tdats #c1 { border-color: #158B00; background-color: #158B00; background-position: 0 -40px; }
.tdats .c2 { border-color: #057373; }
.tdats #c2 { border-color: #057373; background-color: #057373; background-position: 0 -80px; }
.tdats .c3 { border-color: #1F57A9; }
.tdats #c3 { border-color: #1F57A9; background-color: #1F57A9; background-position: 0 -120px; }
.tdats .c4 { border-color: #1A588D; }
.tdats #c4 { border-color: #1A588D; background-color: #1A588D; background-position: 0 -160px; }
.tdats .c1 #c1, .tdats .c2 #c2, .tdats .c3 #c3, .tdats .c4 #c4 { line-height: 35px; }
.ftb td { width: 12%; }

.et { margin: 20px 0 10px; }
.el li { padding: 10px 20px; min-height: 20px; border-bottom: 1px dashed var(--dz-BOR-ed); }
.el .t { position: absolute; margin: 1px 0 0 -20px; }
.el .o { overflow: hidden; float: right; margin: 4px -20px -4px 0; width: 16px; height: 16px; font-size: 16px; line-height: 16px; font-family: dzicon; text-align: center; color: var(--dz-FC-tinvalid); }
/* 外寬改變時 .ie6 .el .o, .ie6 .xlda .el .o 的 margin 值需要更改 */
.el .o:before { content: "\f149"; }
.el .o:hover { text-decoration: none; }
.el .del:before { content: "\f116"; }
.el .d { padding-top: 10px; }
.ec .tn { margin: 10px 10px 0 0; cursor: pointer; }
.ec a .tn { float: left; padding: 2px; max-width: 90px; max-height: 90px; border: 1px solid var(--dz-BOR-ed); }
.el .ec .hot { float: right; margin: 10px 0 0 10px; width: 55px; height: 50px; background: linear-gradient(0deg, #B2C0DC 40%, #D8DEEA 40%) no-repeat; border-radius: 3px; }
.el .ec .hot a { display: block; line-height: 20px; text-align: center; color: var(--dz-FC-fff); }
.el .ec .hot a:hover { text-decoration: none; }
.el .ec .hot em { display: block; line-height: 30px; font-size: 16px; cursor: pointer; }

.sl li { padding: 10px 0; border-bottom: none; }
.sl .h { padding: 6px 10px; background: var(--dz-BG-5); border-bottom: 1px solid var(--dz-BOR-ed); }


/* 排行榜 */
.rankicn { width: 20px; }
.ranks { display: block; width: 16px; height: 16px; line-height: 16px; text-align: center; color: var(--dz-FC-fff); background: var(--dz-BG-n); border-radius: 8px; }
.ranks_1 { background: var(--dz-BG-2); } .ranks_2 { background: var(--dz-BG-3); } .ranks_3 { background: var(--dz-BG-4); }

/* 圖片列表 */
.ml {}
	.ml li { float: left; padding: 0 5px 5px; text-align: center; overflow: hidden; }
		.ml img { display: block; margin: 0 auto; }
		.ml p, .ml span { display: block; width: 100%; height: 20px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
		.ml span, .ml span a { color: var(--dz-FC-999); }
	.mls li { padding: 0 0 5px; width: 66px; }
		.mls .avt { display: block; margin: 0 auto; width: 54px; }
		.mls img { width: 48px; height: 48px; }
		.mls p { margin-top: 5px; }
	.mlm li { padding: 0 0 5px; width: 150px; }
		.mlm img { width: 120px; height: 120px; }
	.mla li { width: 140px; }
	.mla1 li { height: 150px; }
		.mla .c { margin: 6px auto; padding: 8px; width: 120px; height: 120px; background: var(--dz-BG-5); text-align: left; box-shadow: 1px 1px 2px var(--dz-BOR-ccc); }
			.mla .a { background: var(--dz-BG-5); }
			.mla .c a { display: block; width: 120px; height: 120px; overflow: hidden; background: var(--dz-BG-0); }
			.mla .c a:hover { text-decoration: none; }
			.mla .c .nophoto { height: 120px; line-height: 120px; }
		.mla img { max-width: 120px; max-height: 120px; }
	.mlp li { width: 140px; height: 140px; }
	.mlp .d { padding: 0 0 5px; width: 150px; height: 180px; }
		.mlp img { padding: 2px; max-width: 120px; max-height: 120px; border: 1px solid var(--dz-BOR-ccc); background: var(--dz-BG-0); }

	.xl em { float: right; padding-left: 5px; }
		.xl em, .xl em a { color: var(--dz-FC-999); }
/* .rnk1 每行一個區塊 */
.rnk1 {}
	.rnk1 .mlp .d { width: 120px; height: 120px; }
	.rnk1 .mlp img { max-width: 100px; max-height: 75px; }
	.rnk1 .mlp .bigpic { width: 100%; height: auto; }
		.rnk1 .bigpic img { max-width: 286px; max-height: 200px; }

/* 圖片排名上的序號 */
.picrank { position: absolute; margin: -10px 0 0 -10px !important; }

/* 競價排名 by Pony */
.bid { margin: 2px -4px -2px 2px; zoom: 1; }
.biduser { width: 988px; background: url(./touch/avatar_blank.gif); }
	.biduser li { float: left; margin: 0 4px 4px 0; }
	.biduser a { display: block; }
		.biduser img { width: 48px; height: 48px; }
	.bidtop { overflow: hidden; width: 100px; height: 100px; background-color: var(--dz-BG-5); }
		.bidtop img { width: auto; height: 100px; }


.xl2 li { float: left; margin: 2px 0; padding: 0; width: 100%; height: 1.5em; overflow: hidden; }
	.xl2 li.xl2_r { margin-right: 0; }

.hasrank dl { padding-left: 110px; }
	.ranknum { position: absolute; margin: 8px 0 0 -100px; }

.el .t {  }
.pll li { padding-left: 20px; }

.acl td { border-top: none; border-bottom: 1px dashed var(--dz-BOR-ed); }


	/* tl --> Thread list modify by lushnis */
	.tl .bm_c { padding-top: 0; }
	.tl table { width: 100%; table-layout: fixed; border-collapse: separate; }
		.tl th, .tl td { padding: 5px 0; border-bottom: 1px solid var(--dz-BOR-ed); }
			.emptb th, .emptb td { padding: 0; border-bottom: none; }
			.tl tr:hover th, .tl tr:hover td { background-color: var(--dz-BG-5); }
			.tl .threadpre td, .tl .threadpre:hover td { background-color: var(--dz-BG-body); }
			.tl .threadpre .threadpretd { border-left: 1px solid var(--dz-BOR-ed); border-right: 1px solid var(--dz-BOR-ed); }
			.tl th .tdpre, .tl td.fn .tdpre { visibility: hidden; display: inline; padding: 0 3px; height: 17px; line-height: 17px; margin-top: 3px; background: var(--dz-BG-n); color: var(--dz-FC-fff); text-align: center; text-decoration: none; border-radius: 2px; }
			.tl th:hover .tdpre, .tl td.fn:hover .tdpre  { visibility: visible; }
			.tl th .tdpre:visited, .tl td.fn .tdpre:visited { color: var(--dz-FC-fff); }
			.tbox { display: inline-block; color: var(--dz-FC-fff); height: 17px; line-height: 17px; padding: 0 2px; border-radius: 2px; }
			.tl .tbox { vertical-align: middle; }
			.rushrep { background: #904B21; }
			.tl .tdigest { background: #01B0C8; }
			.theatlevel { background-color: #FA5600; background: linear-gradient(90deg,#FA5600,#FC0); font-weight: 700; border-radius: 4px 0 0 4px; text-shadow: 1px 1px 1px #E40; position: relative; margin-right: 5px; }
				.theatlevel:after { display: block; content: ""; width: 5px; height: 17px; background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='5' height='17'%3e%3cpath fill='%23fc0' d='M0 0h4L0 5h5c0 4-3 8-5 8l5 2-4 2H0'/%3e%3c/svg%3e"); position: absolute; top: 0; right: -5px; }
			.trecic { background: #FF9C00; }
			.tprizes { background: #BCB728; text-indent: 0; }
			.fastpreview { position: relative; }
			.icon_preview { position: absolute; display: block; left: 80px; top: -13px; width: 11px; height: 8px; background: url(../common/icon_preview.png); overflow: hidden; }
			a.icon_up { display: block; margin:0 10px; height: 25px; background: #F2F2F2 url(../common/arrow_up.png) no-repeat 50% 50%; overflow: hidden; border:1px dashed rgb(194, 213, 227); border-radius: 3px; }
			a.icon_up:hover { background:var(--dz-BG-0) url(../common/arrow_up_hover.png) no-repeat 50% 50%; }
				.fastpreview td { border-bottom: none!important; }
			.tl th, .tl td.fn { padding-right: 1.5em; zoom: 1; }
				.fromg { visibility: hidden; }
			.tl .icn { padding-left: 5px; width: 25px; text-align: left; }
				.tl .icn a:hover { text-decoration: none; }
				.tl .tpin { position: relative; }
				.tl .tpin::before { display: block; position: absolute; width: 18px; text-align: center; color: var(--dz-FC-fff); z-index: 10; }
				.tl .tpin1::before { content: "1"; }
				.tl .tpin2::before { content: "2"; }
				.tl .tpin3::before { content: "3"; }
				.tl .tpin4::before { content: "!"; }
				.tl .tpin1 svg { fill: #72B933; }
				.tl .tpin2 svg { fill: #00ABDE; }
				.tl .tpin3 svg { fill: #F90; }
				.tl .tpin4 svg { fill: var(--dz-FC-a); }
			.tl .new {}
			.tl .comm {}
			.tl .frm { width: 150px; }
			.tl .o { width: 20px; }
			.tl .num { width: 60px; line-height: 14px; }
			.tl .by { width: 105px; line-height: 14px; }
				.tl cite, .tl .num em { display: block; }
				.tl th em { margin-right: 4px; zoom: 1; }
					.tl th em, .tl th em a { color: #007CD5; }
				.tl td em { font-size: 11px; font-family: Arial, Pmingliu, sans-serif; -webkit-text-size-adjust: none; }
			/*.tl .th th, .tl .th td { padding: 8px 0; background: {SPECIALBG}; border-top: 1px solid var(--dz-BOR-ed); }*/
			.tl .ts th, .tl .ts td { padding: 3px 0; border-bottom-color: var(--dz-BOR-ed); background: var(--dz-BG-5); }
	.tl .th { margin-top: 1px; padding: 0 10px; border-bottom: 1px solid var(--dz-BOR-ed); background: var(--dz-BG-5); }
		.tl .th table { border: none; }
		.tl .th td, .tl .th th { height: 20px; border: none; vertical-align: baseline; }
	.tl .tf { padding: 3px 0; }
		.tf .showmenu:hover { border-color: var(--dz-BOR-ed); }

		.pll .c { margin: 0 84px 0 74px; }
		.pll ol { margin: 5px 0 0 20px; }
			.pll ol li { list-style-type: decimal; padding: 0; border-bottom: none; }