.ranking {
	counter-reset: list;
}

.ranking .rank-box {
	margin: 15px 0px;
	border: 1px solid #aaa;
}
.ranking .rank-box .rank-header:before {
	content: counter(list);
	counter-increment: list;
    position: absolute;
    font-weight: bold;
    /* font-style: italic; */
    font-size: 22pt;
    line-height: 60px;
	color: #fff;
    background: #273900;
	text-align: center;
	width: 50px;
	height: 60px;
	top: 0;
    /* border-radius: 50%; */
}
.ranking .rank-box .rank-header {
	position: relative;
	background-color: #648420;
	color: #fff;
	height: 60px;
	padding-top: 5px;
	padding-bottom: 5px;
	overflow: hidden;
}
/* 第一名 金牌 */
.ranking .rank-box .rank-header-1st:before {
	content: "";
	background: url("https://d1r4509tniam8v.cloudfront.net/img/cc_04_0002.png") no-repeat center top;
	background-size: 52px;
	left: 5px;
}
.ranking .rank-box .rank-header-1st {
	background-color: rgb(191,144,0);
}
/* 第二名 銀牌 */
.ranking .rank-box .rank-header-2nd:before {
	content: "";
	background: url("https://d1r4509tniam8v.cloudfront.net/img/cc_04_0003.png") no-repeat center top;
	background-size: 52px;
	left: 5px;
}
.ranking .rank-box .rank-header-2nd {
	background-color: rgb(70,70,70);
}
/* 第三名 銅牌 */
.ranking .rank-box .rank-header-3rd:before {
	content: "";
	background: url("https://d1r4509tniam8v.cloudfront.net/img/cc_04_0004.png") no-repeat center top;
	background-size: 52px;
	left: 5px;
}
.ranking .rank-box .rank-header-3rd {
	background-color: rgb(196,112,34);
}

/* 國旗 */
.ranking .rank-box .rank-header-flag:before {
	content: "";
	left: 5px;
	top: 5px;
	width: 35px;
	height: 35px;
	background-image: url("../../img/icon/country/tw.svg");
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 35px;
    background-color: transparent;
}

.ranking .rank-box .rank-header-none {
	padding:10px;
	position: relative;
	background-color: #648420;
	color: #fff;
	height: 60px;
	overflow: hidden;
}

.rank-value img {
	width: 35px;
	height: 35px;
	background-size: 35px;
}
.ranking .rank-box .rank-header-flag-tw:before {background-image: url('../../img/icon/country/tw.svg');}
.ranking .rank-box .rank-header-flag-hk:before {background-image: url('../../img/icon/country/hk.svg');}
.ranking .rank-box .rank-header-flag-cn:before {background-image: url('../../img/icon/country/cn.svg');}
.ranking .rank-box .rank-header-flag-ad:before {background-image: url('../../img/icon/country/ad.svg');}
.ranking .rank-box .rank-header-flag-ae:before {background-image: url('../../img/icon/country/ae.svg');}
.ranking .rank-box .rank-header-flag-af:before {background-image: url('../../img/icon/country/af.svg');}
.ranking .rank-box .rank-header-flag-ag:before {background-image: url('../../img/icon/country/ag.svg');}
.ranking .rank-box .rank-header-flag-ai:before {background-image: url('../../img/icon/country/ai.svg');}
.ranking .rank-box .rank-header-flag-al:before {background-image: url('../../img/icon/country/al.svg');}
.ranking .rank-box .rank-header-flag-am:before {background-image: url('../../img/icon/country/am.svg');}
.ranking .rank-box .rank-header-flag-ao:before {background-image: url('../../img/icon/country/ao.svg');}
.ranking .rank-box .rank-header-flag-ar:before {background-image: url('../../img/icon/country/ar.svg');}
.ranking .rank-box .rank-header-flag-as:before {background-image: url('../../img/icon/country/as.svg');}
.ranking .rank-box .rank-header-flag-at:before {background-image: url('../../img/icon/country/at.svg');}
.ranking .rank-box .rank-header-flag-au:before {background-image: url('../../img/icon/country/au.svg');}
.ranking .rank-box .rank-header-flag-aw:before {background-image: url('../../img/icon/country/aw.svg');}
.ranking .rank-box .rank-header-flag-ax:before {background-image: url('../../img/icon/country/ax.svg');}
.ranking .rank-box .rank-header-flag-az:before {background-image: url('../../img/icon/country/az.svg');}
.ranking .rank-box .rank-header-flag-ba:before {background-image: url('../../img/icon/country/ba.svg');}
.ranking .rank-box .rank-header-flag-bb:before {background-image: url('../../img/icon/country/bb.svg');}
.ranking .rank-box .rank-header-flag-bd:before {background-image: url('../../img/icon/country/bd.svg');}
.ranking .rank-box .rank-header-flag-be:before {background-image: url('../../img/icon/country/be.svg');}
.ranking .rank-box .rank-header-flag-bf:before {background-image: url('../../img/icon/country/bf.svg');}
.ranking .rank-box .rank-header-flag-bg:before {background-image: url('../../img/icon/country/bg.svg');}
.ranking .rank-box .rank-header-flag-bh:before {background-image: url('../../img/icon/country/bh.svg');}
.ranking .rank-box .rank-header-flag-bi:before {background-image: url('../../img/icon/country/bi.svg');}
.ranking .rank-box .rank-header-flag-bj:before {background-image: url('../../img/icon/country/bj.svg');}
.ranking .rank-box .rank-header-flag-bm:before {background-image: url('../../img/icon/country/bm.svg');}
.ranking .rank-box .rank-header-flag-bn:before {background-image: url('../../img/icon/country/bn.svg');}
.ranking .rank-box .rank-header-flag-bo:before {background-image: url('../../img/icon/country/bo.svg');}
.ranking .rank-box .rank-header-flag-br:before {background-image: url('../../img/icon/country/br.svg');}
.ranking .rank-box .rank-header-flag-bs:before {background-image: url('../../img/icon/country/bs.svg');}
.ranking .rank-box .rank-header-flag-bt:before {background-image: url('../../img/icon/country/bt.svg');}
.ranking .rank-box .rank-header-flag-bw:before {background-image: url('../../img/icon/country/bw.svg');}
.ranking .rank-box .rank-header-flag-by:before {background-image: url('../../img/icon/country/by.svg');}
.ranking .rank-box .rank-header-flag-bz:before {background-image: url('../../img/icon/country/bz.svg');}
.ranking .rank-box .rank-header-flag-ca:before {background-image: url('../../img/icon/country/ca.svg');}
.ranking .rank-box .rank-header-flag-cd:before {background-image: url('../../img/icon/country/cd.svg');}
.ranking .rank-box .rank-header-flag-cf:before {background-image: url('../../img/icon/country/cf.svg');}
.ranking .rank-box .rank-header-flag-cg:before {background-image: url('../../img/icon/country/cg.svg');}
.ranking .rank-box .rank-header-flag-ch:before {background-image: url('../../img/icon/country/ch.svg');}
.ranking .rank-box .rank-header-flag-ci:before {background-image: url('../../img/icon/country/ci.svg');}
.ranking .rank-box .rank-header-flag-cl:before {background-image: url('../../img/icon/country/cl.svg');}
.ranking .rank-box .rank-header-flag-cm:before {background-image: url('../../img/icon/country/cm.svg');}
.ranking .rank-box .rank-header-flag-cn:before {background-image: url('../../img/icon/country/cn.svg');}
.ranking .rank-box .rank-header-flag-co:before {background-image: url('../../img/icon/country/co.svg');}
.ranking .rank-box .rank-header-flag-cr:before {background-image: url('../../img/icon/country/cr.svg');}
.ranking .rank-box .rank-header-flag-cu:before {background-image: url('../../img/icon/country/cu.svg');}
.ranking .rank-box .rank-header-flag-cv:before {background-image: url('../../img/icon/country/cv.svg');}
.ranking .rank-box .rank-header-flag-cy:before {background-image: url('../../img/icon/country/cy.svg');}
.ranking .rank-box .rank-header-flag-cz:before {background-image: url('../../img/icon/country/cz.svg');}
.ranking .rank-box .rank-header-flag-de:before {background-image: url('../../img/icon/country/de.svg');}
.ranking .rank-box .rank-header-flag-dj:before {background-image: url('../../img/icon/country/dj.svg');}
.ranking .rank-box .rank-header-flag-dk:before {background-image: url('../../img/icon/country/dk.svg');}
.ranking .rank-box .rank-header-flag-dm:before {background-image: url('../../img/icon/country/dm.svg');}
.ranking .rank-box .rank-header-flag-do:before {background-image: url('../../img/icon/country/do.svg');}
.ranking .rank-box .rank-header-flag-dz:before {background-image: url('../../img/icon/country/dz.svg');}
.ranking .rank-box .rank-header-flag-ec:before {background-image: url('../../img/icon/country/ec.svg');}
.ranking .rank-box .rank-header-flag-ee:before {background-image: url('../../img/icon/country/ee.svg');}
.ranking .rank-box .rank-header-flag-eg:before {background-image: url('../../img/icon/country/eg.svg');}
.ranking .rank-box .rank-header-flag-eh:before {background-image: url('../../img/icon/country/eh.svg');}
.ranking .rank-box .rank-header-flag-er:before {background-image: url('../../img/icon/country/er.svg');}
.ranking .rank-box .rank-header-flag-et:before {background-image: url('../../img/icon/country/et.svg');}
.ranking .rank-box .rank-header-flag-eu:before {background-image: url('../../img/icon/country/eu.svg');}
.ranking .rank-box .rank-header-flag-fi:before {background-image: url('../../img/icon/country/fi.svg');}
.ranking .rank-box .rank-header-flag-fj:before {background-image: url('../../img/icon/country/fj.svg');}
.ranking .rank-box .rank-header-flag-fk:before {background-image: url('../../img/icon/country/fk.svg');}
.ranking .rank-box .rank-header-flag-fm:before {background-image: url('../../img/icon/country/fm.svg');}
.ranking .rank-box .rank-header-flag-fr:before {background-image: url('../../img/icon/country/fr.svg');}
.ranking .rank-box .rank-header-flag-ga:before {background-image: url('../../img/icon/country/ga.svg');}
.ranking .rank-box .rank-header-flag-gb:before {background-image: url('../../img/icon/country/gb.svg');}
.ranking .rank-box .rank-header-flag-gd:before {background-image: url('../../img/icon/country/gd.svg');}
.ranking .rank-box .rank-header-flag-ge:before {background-image: url('../../img/icon/country/ge.svg');}
.ranking .rank-box .rank-header-flag-gh:before {background-image: url('../../img/icon/country/gh.svg');}
.ranking .rank-box .rank-header-flag-gl:before {background-image: url('../../img/icon/country/gl.svg');}
.ranking .rank-box .rank-header-flag-gm:before {background-image: url('../../img/icon/country/gm.svg');}
.ranking .rank-box .rank-header-flag-gn:before {background-image: url('../../img/icon/country/gn.svg');}
.ranking .rank-box .rank-header-flag-gq:before {background-image: url('../../img/icon/country/gq.svg');}
.ranking .rank-box .rank-header-flag-gr:before {background-image: url('../../img/icon/country/gr.svg');}
.ranking .rank-box .rank-header-flag-gt:before {background-image: url('../../img/icon/country/gt.svg');}
.ranking .rank-box .rank-header-flag-gw:before {background-image: url('../../img/icon/country/gw.svg');}
.ranking .rank-box .rank-header-flag-gy:before {background-image: url('../../img/icon/country/gy.svg');}
.ranking .rank-box .rank-header-flag-hk:before {background-image: url('../../img/icon/country/hk.svg');}
.ranking .rank-box .rank-header-flag-hn:before {background-image: url('../../img/icon/country/hn.svg');}
.ranking .rank-box .rank-header-flag-hr:before {background-image: url('../../img/icon/country/hr.svg');}
.ranking .rank-box .rank-header-flag-ht:before {background-image: url('../../img/icon/country/ht.svg');}
.ranking .rank-box .rank-header-flag-hu:before {background-image: url('../../img/icon/country/hu.svg');}
.ranking .rank-box .rank-header-flag-id:before {background-image: url('../../img/icon/country/id.svg');}
.ranking .rank-box .rank-header-flag-ie:before {background-image: url('../../img/icon/country/ie.svg');}
.ranking .rank-box .rank-header-flag-il:before {background-image: url('../../img/icon/country/il.svg');}
.ranking .rank-box .rank-header-flag-in:before {background-image: url('../../img/icon/country/in.svg');}
.ranking .rank-box .rank-header-flag-iq:before {background-image: url('../../img/icon/country/iq.svg');}
.ranking .rank-box .rank-header-flag-ir:before {background-image: url('../../img/icon/country/ir.svg');}
.ranking .rank-box .rank-header-flag-is:before {background-image: url('../../img/icon/country/is.svg');}
.ranking .rank-box .rank-header-flag-it:before {background-image: url('../../img/icon/country/it.svg');}
.ranking .rank-box .rank-header-flag-jm:before {background-image: url('../../img/icon/country/jm.svg');}
.ranking .rank-box .rank-header-flag-jo:before {background-image: url('../../img/icon/country/jo.svg');}
.ranking .rank-box .rank-header-flag-jp:before {background-image: url('../../img/icon/country/jp.svg');}
.ranking .rank-box .rank-header-flag-ke:before {background-image: url('../../img/icon/country/ke.svg');}
.ranking .rank-box .rank-header-flag-kg:before {background-image: url('../../img/icon/country/kg.svg');}
.ranking .rank-box .rank-header-flag-kh:before {background-image: url('../../img/icon/country/kh.svg');}
.ranking .rank-box .rank-header-flag-ki:before {background-image: url('../../img/icon/country/ki.svg');}
.ranking .rank-box .rank-header-flag-km:before {background-image: url('../../img/icon/country/km.svg');}
.ranking .rank-box .rank-header-flag-kn:before {background-image: url('../../img/icon/country/kn.svg');}
.ranking .rank-box .rank-header-flag-kp:before {background-image: url('../../img/icon/country/kp.svg');}
.ranking .rank-box .rank-header-flag-kr:before {background-image: url('../../img/icon/country/kr.svg');}
.ranking .rank-box .rank-header-flag-kw:before {background-image: url('../../img/icon/country/kw.svg');}
.ranking .rank-box .rank-header-flag-kz:before {background-image: url('../../img/icon/country/kz.svg');}
.ranking .rank-box .rank-header-flag-la:before {background-image: url('../../img/icon/country/la.svg');}
.ranking .rank-box .rank-header-flag-lb:before {background-image: url('../../img/icon/country/lb.svg');}
.ranking .rank-box .rank-header-flag-lc:before {background-image: url('../../img/icon/country/lc.svg');}
.ranking .rank-box .rank-header-flag-lk:before {background-image: url('../../img/icon/country/lk.svg');}
.ranking .rank-box .rank-header-flag-lr:before {background-image: url('../../img/icon/country/lr.svg');}
.ranking .rank-box .rank-header-flag-ls:before {background-image: url('../../img/icon/country/ls.svg');}
.ranking .rank-box .rank-header-flag-lt:before {background-image: url('../../img/icon/country/lt.svg');}
.ranking .rank-box .rank-header-flag-lu:before {background-image: url('../../img/icon/country/lu.svg');}
.ranking .rank-box .rank-header-flag-lv:before {background-image: url('../../img/icon/country/lv.svg');}
.ranking .rank-box .rank-header-flag-ly:before {background-image: url('../../img/icon/country/ly.svg');}
.ranking .rank-box .rank-header-flag-ma:before {background-image: url('../../img/icon/country/ma.svg');}
.ranking .rank-box .rank-header-flag-md:before {background-image: url('../../img/icon/country/md.svg');}
.ranking .rank-box .rank-header-flag-me:before {background-image: url('../../img/icon/country/me.svg');}
.ranking .rank-box .rank-header-flag-mg:before {background-image: url('../../img/icon/country/mg.svg');}
.ranking .rank-box .rank-header-flag-mh:before {background-image: url('../../img/icon/country/mh.svg');}
.ranking .rank-box .rank-header-flag-mk:before {background-image: url('../../img/icon/country/mk.svg');}
.ranking .rank-box .rank-header-flag-ml:before {background-image: url('../../img/icon/country/ml.svg');}
.ranking .rank-box .rank-header-flag-mm:before {background-image: url('../../img/icon/country/mm.svg');}
.ranking .rank-box .rank-header-flag-mn:before {background-image: url('../../img/icon/country/mn.svg');}
.ranking .rank-box .rank-header-flag-mr:before {background-image: url('../../img/icon/country/mr.svg');}
.ranking .rank-box .rank-header-flag-mt:before {background-image: url('../../img/icon/country/mt.svg');}
.ranking .rank-box .rank-header-flag-mu:before {background-image: url('../../img/icon/country/mu.svg');}
.ranking .rank-box .rank-header-flag-mv:before {background-image: url('../../img/icon/country/mv.svg');}
.ranking .rank-box .rank-header-flag-mw:before {background-image: url('../../img/icon/country/mw.svg');}
.ranking .rank-box .rank-header-flag-mx:before {background-image: url('../../img/icon/country/mx.svg');}
.ranking .rank-box .rank-header-flag-my:before {background-image: url('../../img/icon/country/my.svg');}
.ranking .rank-box .rank-header-flag-mz:before {background-image: url('../../img/icon/country/mz.svg');}
.ranking .rank-box .rank-header-flag-na:before {background-image: url('../../img/icon/country/na.svg');}
.ranking .rank-box .rank-header-flag-ne:before {background-image: url('../../img/icon/country/ne.svg');}
.ranking .rank-box .rank-header-flag-ng:before {background-image: url('../../img/icon/country/ng.svg');}
.ranking .rank-box .rank-header-flag-ni:before {background-image: url('../../img/icon/country/ni.svg');}
.ranking .rank-box .rank-header-flag-nl:before {background-image: url('../../img/icon/country/nl.svg');}
.ranking .rank-box .rank-header-flag-no:before {background-image: url('../../img/icon/country/no.svg');}
.ranking .rank-box .rank-header-flag-np:before {background-image: url('../../img/icon/country/np.svg');}
.ranking .rank-box .rank-header-flag-nz:before {background-image: url('../../img/icon/country/nz.svg');}
.ranking .rank-box .rank-header-flag-om:before {background-image: url('../../img/icon/country/om.svg');}
.ranking .rank-box .rank-header-flag-pa:before {background-image: url('../../img/icon/country/pa.svg');}
.ranking .rank-box .rank-header-flag-pe:before {background-image: url('../../img/icon/country/pe.svg');}
.ranking .rank-box .rank-header-flag-pg:before {background-image: url('../../img/icon/country/pg.svg');}
.ranking .rank-box .rank-header-flag-ph:before {background-image: url('../../img/icon/country/ph.svg');}
.ranking .rank-box .rank-header-flag-pk:before {background-image: url('../../img/icon/country/pk.svg');}
.ranking .rank-box .rank-header-flag-pl:before {background-image: url('../../img/icon/country/pl.svg');}
.ranking .rank-box .rank-header-flag-pr:before {background-image: url('../../img/icon/country/pr.svg');}
.ranking .rank-box .rank-header-flag-pt:before {background-image: url('../../img/icon/country/pt.svg');}
.ranking .rank-box .rank-header-flag-pw:before {background-image: url('../../img/icon/country/pw.svg');}
.ranking .rank-box .rank-header-flag-py:before {background-image: url('../../img/icon/country/py.svg');}
.ranking .rank-box .rank-header-flag-qa:before {background-image: url('../../img/icon/country/qa.svg');}
.ranking .rank-box .rank-header-flag-ro:before {background-image: url('../../img/icon/country/ro.svg');}
.ranking .rank-box .rank-header-flag-rs:before {background-image: url('../../img/icon/country/rs.svg');}
.ranking .rank-box .rank-header-flag-ru:before {background-image: url('../../img/icon/country/ru.svg');}
.ranking .rank-box .rank-header-flag-rw:before {background-image: url('../../img/icon/country/rw.svg');}
.ranking .rank-box .rank-header-flag-sa:before {background-image: url('../../img/icon/country/sa.svg');}
.ranking .rank-box .rank-header-flag-sb:before {background-image: url('../../img/icon/country/sb.svg');}
.ranking .rank-box .rank-header-flag-sc:before {background-image: url('../../img/icon/country/sc.svg');}
.ranking .rank-box .rank-header-flag-sd:before {background-image: url('../../img/icon/country/sd.svg');}
.ranking .rank-box .rank-header-flag-se:before {background-image: url('../../img/icon/country/se.svg');}
.ranking .rank-box .rank-header-flag-sg:before {background-image: url('../../img/icon/country/sg.svg');}
.ranking .rank-box .rank-header-flag-si:before {background-image: url('../../img/icon/country/si.svg');}
.ranking .rank-box .rank-header-flag-sk:before {background-image: url('../../img/icon/country/sk.svg');}
.ranking .rank-box .rank-header-flag-sl:before {background-image: url('../../img/icon/country/sl.svg');}
.ranking .rank-box .rank-header-flag-sm:before {background-image: url('../../img/icon/country/sm.svg');}
.ranking .rank-box .rank-header-flag-sn:before {background-image: url('../../img/icon/country/sn.svg');}
.ranking .rank-box .rank-header-flag-so:before {background-image: url('../../img/icon/country/so.svg');}
.ranking .rank-box .rank-header-flag-es:before {background-image: url('../../img/icon/country/es.svg');}
.ranking .rank-box .rank-header-flag-sr:before {background-image: url('../../img/icon/country/sr.svg');}
.ranking .rank-box .rank-header-flag-ss:before {background-image: url('../../img/icon/country/ss.svg');}
.ranking .rank-box .rank-header-flag-sv:before {background-image: url('../../img/icon/country/sv.svg');}
.ranking .rank-box .rank-header-flag-sy:before {background-image: url('../../img/icon/country/sy.svg');}
.ranking .rank-box .rank-header-flag-sz:before {background-image: url('../../img/icon/country/sz.svg');}
.ranking .rank-box .rank-header-flag-td:before {background-image: url('../../img/icon/country/td.svg');}
.ranking .rank-box .rank-header-flag-tg:before {background-image: url('../../img/icon/country/tg.svg');}
.ranking .rank-box .rank-header-flag-th:before {background-image: url('../../img/icon/country/th.svg');}
.ranking .rank-box .rank-header-flag-tj:before {background-image: url('../../img/icon/country/tj.svg');}
.ranking .rank-box .rank-header-flag-tn:before {background-image: url('../../img/icon/country/tn.svg');}
.ranking .rank-box .rank-header-flag-to:before {background-image: url('../../img/icon/country/to.svg');}
.ranking .rank-box .rank-header-flag-tp:before {background-image: url('../../img/icon/country/tp.svg');}
.ranking .rank-box .rank-header-flag-tr:before {background-image: url('../../img/icon/country/tr.svg');}
.ranking .rank-box .rank-header-flag-tt:before {background-image: url('../../img/icon/country/tt.svg');}
.ranking .rank-box .rank-header-flag-tv:before {background-image: url('../../img/icon/country/tv.svg');}
.ranking .rank-box .rank-header-flag-tw:before {background-image: url('../../img/icon/country/tw.svg');}
.ranking .rank-box .rank-header-flag-tz:before {background-image: url('../../img/icon/country/tz.svg');}
.ranking .rank-box .rank-header-flag-ua:before {background-image: url('../../img/icon/country/ua.svg');}
.ranking .rank-box .rank-header-flag-ug:before {background-image: url('../../img/icon/country/ug.svg');}
.ranking .rank-box .rank-header-flag-un:before {background-image: url('../../img/icon/country/un.svg');}
.ranking .rank-box .rank-header-flag-us:before {background-image: url('../../img/icon/country/us.svg');}
.ranking .rank-box .rank-header-flag-uy:before {background-image: url('../../img/icon/country/uy.svg');}
.ranking .rank-box .rank-header-flag-uz:before {background-image: url('../../img/icon/country/uz.svg');}
.ranking .rank-box .rank-header-flag-va:before {background-image: url('../../img/icon/country/va.svg');}
.ranking .rank-box .rank-header-flag-vc:before {background-image: url('../../img/icon/country/vc.svg');}
.ranking .rank-box .rank-header-flag-ve:before {background-image: url('../../img/icon/country/ve.svg');}
.ranking .rank-box .rank-header-flag-vn:before {background-image: url('../../img/icon/country/vn.svg');}
.ranking .rank-box .rank-header-flag-vu:before {background-image: url('../../img/icon/country/vu.svg');}
.ranking .rank-box .rank-header-flag-ws:before {background-image: url('../../img/icon/country/ws.svg');}
.ranking .rank-box .rank-header-flag-ye:before {background-image: url('../../img/icon/country/ye.svg');}
.ranking .rank-box .rank-header-flag-za:before {background-image: url('../../img/icon/country/za.svg');}
.ranking .rank-box .rank-header-flag-zm:before {background-image: url('../../img/icon/country/zm.svg');}
.ranking .rank-box .rank-header-flag-zw:before {background-image: url('../../img/icon/country/zw.svg');}

.ranking .rank-box .rank-header>.title {
	padding-left: 55px;
	padding-right: 5px;
	line-height: 26px;
}
.ranking .rank-box .rank-header>.title.sector {
	line-height: 50px;
}
.ranking .rank-box .rank-header>.currency, .ranking .rank-box .rank-header>.unit {
	position: absolute;
	top: 30px;
	right: 5px;
	color: yellow;
	font-size: 10pt;
	padding-top: 5px;
	padding-left: 16px;
	background-color: #648420;
}
.ranking .rank-box .rank-header>.currency-1st {
	background-color: rgb(191,144,0);
}
.ranking .rank-box .rank-header>.currency-2nd {
	background-color: rgb(70,70,70);
}
.ranking .rank-box .rank-header>.currency-3rd {
	background-color: rgb(196,112,34);
}
.ranking .rank-box .rank-value {
	padding: 10px;
}
.ranking .rank-box .rank-value-1st {
	color: rgb(127,96,0);
}
.ranking .rank-box .rank-value-2nd {
	color: rgb(59,56,56);
}
.ranking .rank-box .rank-value-3rd {
	color: rgb(160,91,28);
}
.ranking .rank-box .rank-value .name {
	font-size: 11pt;
	text-align: center;
	padding-bottom: 3px;
}
.ranking .rank-box .rank-value .value {
	font-size: 22pt;
	font-weight: bold;
	text-align: center;
}

.ranking .rank-box .text-red {
	color: red;
}
.ranking .rank-box .text-green {
	color: green;
}
.ranking .rank-box .text-blue {
	color: blue;
}

.ranking .rank-box .rank-table>table {
	width: 100%;
	text-align: center;
	border-collapse: collapse;
}
.ranking .rank-box .rank-table>table>thead>tr>th,
.ranking .rank-box .rank-table>table>tbody>tr>td {
	border: 1px solid #aaa;
	padding: 5px;
	font-weight: bold;
}
.ranking .rank-box .rank-table>table>thead>tr>th:first-child,
.ranking .rank-box .rank-table>table>tbody>tr>td:first-child {
	border-left: none;
}
.ranking .rank-box .rank-table>table>thead>tr>th:last-child,
.ranking .rank-box .rank-table>table>tbody>tr>td:last-child {
	border-right: none;
}
.ranking .rank-box .rank-table>table>thead>tr>th {
	background-color: #B4D276;
	text-align: center;
}
.ranking .rank-box .rank-table>table>thead>tr>th.th-1st {
	background-color: rgb(255,230,153);
	color: rgb(127,96,0);
}
.ranking .rank-box .rank-table>table>thead>tr>th.th-2nd {
	background-color: rgb(208,206,206);
	color: rgb(59,56,56);
}
.ranking .rank-box .rank-table>table>thead>tr>th.th-3rd {
	background-color: rgb(242,212,184);
	color: rgb(160,91,28);
}
.ranking .rank-box .rank-table>table>tbody>tr>td {
	background-color: transparent;
	border-bottom: none;
}

.ranking .data-src {
	padding-top: 0;
	font-size: 12pt;
}
@media (max-width:767px) {
	.ranking .data-src {
		font-size: 10pt;
	}
}