@charset "utf-8";
/* CSS Document */

html{overflow-x:auto; width:100%;line-height:1.5;-webkit-text-size-adjust:100%;}
html,body{color:#111111;font-size:1rem;font-family: Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";padding:0;}
body, ul, dl, dd, p, h1, h2, h3, h4, h5, h6, form, div, fieldset, form, textarea, input { margin:0; padding:0; }
h1,h2,h3,h4,h5,h6,i,em,b,strong{font-style: normal;font-weight:normal;font-size:100%;}
img {border:none;}

input, textarea {outline:none;font-family: Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";}
button::-moz-focus-inner{ border:0; padding:0; margin:0; }
.clear{clear:both;}
.clear:after{content:".";display:block;visibility:hidden;height:0;clear:both;}
texearea {resize:none; }
em, cite, th { font-style:normal; font-weight:normal; }
table { border-collapse:collapse; }
dl,ol,dt,dd,ul,li {list-style:none; margin:0; padding:0; }
a{ color:#111; text-decoration:none; }
a:hover{ color:#fe628e; text-decoration:none; }
a.red,.red{ color:#fe628e; text-decoration:none; }
a:hover.red{ color:#fe628e; text-decoration:underline; }
div {box-sizing: border-box;}
body:after,div:after,ul:after,div::after,ul::after {content: "";display: block;height: 0;visibility: hidden;clear: both;}
*,:before,:after{box-sizing:border-box;}
img, svg, video, canvas, audio, iframe, embed, object   {vertical-align: middle;}
button {border:none;text-align:center;cursor:pointer;}

.scrollbar{
	scrollbar-color: #9E9E9E #00000000;
	scrollbar-width:thin;
}
.scrollbar::-webkit-scrollbar { 
	width: 5px;
	height: 5px;
}
.scrollbar::-webkit-scrollbar-thumb {
	border-radius: 3px;    
	background: rgba(0,0,0,.45);
}
.scrollbar::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 5px #fff;
	border-radius: 0;
	background: #fff;
}
.scrollbar::-moz-scrollbar {
	width: 5px;
	height: 5px;
}
.scrollbar::-moz-scrollbar-thumb {
	border-radius: 3px;    
	background: rgba(0,0,0,.45);
}
.scrollbar::-moz-scrollbar-track {
	-webkit-box-shadow: inset 0 0 5px #fff;
	border-radius: 0;
	background: #fff;
}



.label {vertical-align: middle;}
.block{display:block}
.inline-block{display:inline-block}
.inline{display:inline}
.flex{display:flex}
.flex-1{flex:1 1 0%;}
.fixed{position:fixed;}
.inline-flex{display:inline-flex;}
.table{display:table}

.hidden{display:none}
.relative {position: relative;}
.nowrap{white-space: nowrap;}
.hand:hover {cursor:pointer;}
.middle {vertical-align: middle;}
.rounded-full {border-radius:999px;}
.justify-content{justify-content: space-between;}
.justify-between {justify-content: space-between;}
.items-center {align-items: center;}
.items-stretch {align-items: stretch;}

.grow {flex-grow: 1;}
.fl{float:left;}
.fr{float:right;}
.botton {border:none;}
.w-full {width:100%;}
.w-70 {width:70px;}
.w-90 {width:90px;}
.w-12 {width:12px;}
.h-12 {height:12px;}
.w-14 {width:14px;}
.h-14 {height:14px;}
.w-5 {width:1.25rem;}
.h-5 {height:1.25rem;}
.w-6 {width:1.5rem;}
.h-6 {height:1.5rem;}
.px-4 {padding-left:1rem;padding-right:1rem;}
.pt-4 {padding-top:4px;}
.pt-6 {padding-top:6px;}
.pt-8 {padding-top:8px;}
.pt-10 {padding-top:10px;}
.pb-6 {padding-bottom:6px;}
.pb-8 {padding-bottom:8px;}
.pb-10 {padding-bottom:10px;}
.ml-2 {margin-left:2rem;}
.ml-5 {margin-left:5px;}
.ml-6 {margin-left:6px;}
.ml-10 {margin-left:10px;}
.ml-15 {margin-left:15px;}
.ml-20 {margin-left:20px;}
.mt-2 {margin-top:2px;}
.mt-4 {margin-top:4px;}
.mt-5 {margin-top:5px;}
.mt-6 {margin-top:6px;}
.mt-8 {margin-top:8px;}
.mt-10 {margin-top:10px;}
.mt-12 {margin-top:12px;}
.mt-15 {margin-top:15px;}
.mt-20 {margin-top:20px;}
.mr-20 {margin-right:20px;}
.mr-15 {margin-right:15px;}
.mr-5 {margin-right:5px;}
.mr-4 {margin-right:4px;}
.mr-2 {margin-right:2px;}
.z-max {z-index:9999;}
.fw-500 {font-weight:500;}
.space-x-6 {margin-left:1rem;margin-right:1rem;}
.sr-only {display:none;}
.text-sm {font-size: .875rem;line-height: 1.25rem;}
.line-one {display:-webkit-box;overflow:hidden;text-overflow:ellipsis;white-space: normal;-webkit-line-clamp: 1;-webkit-box-orient:vertical;}
.line-two {display:-webkit-box;overflow:hidden;text-overflow:ellipsis;white-space: normal;-webkit-line-clamp: 2;-webkit-box-orient:vertical;}

.display-pc {display:none;}

.text-center,.ta-center {text-align:center;}
.mx-auto {margin:0 auto;}

.clearline{display:block;clear:both;width:100%;height:1px;margin: 0;*zoom:1;}
.clear1{display:block;clear:both;width:100%;height:1px;overflow:hidden;*zoom:1;}
.clear2{display:block;clear:both;width:100%;height:2px;overflow:hidden;*zoom:1;}
.clear3{display:block;clear:both;width:100%;height:3px;overflow:hidden;*zoom:1;}
.clear5{display:block;clear:both;width:100%;height:5px;overflow:hidden;*zoom:1;}
.clear10{display:block;clear:both;width:100%;height:10px;overflow:hidden;*zoom:1;}
.clear15{display:block;clear:both;width:100%;height:15px;overflow:hidden;*zoom:1;}
.clear20{display:block;clear:both;width:100%;height:20px;overflow:hidden;*zoom:1;}
.clear25{display:block;clear:both;width:100%;height:20px;overflow:hidden;*zoom:1;}
.clear30{display:block;clear:both;width:100%;height:30px;overflow:hidden;*zoom:1;}
.clear60{display:block;clear:both;width:100%;height:60px;overflow:hidden;*zoom:1;}
.border-top-1 {border-top:1px solid #ccc;}
.leading-tight {line-height: 1.25;}
.container{width:100%;margin:0 auto;padding:0;}
.grid{display:grid;}
.fs-18 {font-size:18px;}
.font-serif {
    font-family: Halant,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";
}
/* ========== header | footer ========== */

.header {height:100px;}
.footer {display:block;width:100%;background-color:#ffa201;font-size:14px;}
.footer .main {display:block;width:100%;padding:12px 0;line-height:24px;text-align:center;align-items: center;}
.footer .copy {display:block;width:100%;text-align:center;height:34px;line-height:34px;font-size:12px;color:#fff;background-color:#e88505;}
.footer .copy a {color:#fff;}

/* ========== main ========== */

.title {display:flex;clear:both;width:100%;align-items: center;height:44px;line-height:44px;font-size:18px;padding-left:5px;margin:0 auto;font-weight:bold;}
.title img {width:36px;height:36px;margin-right:10px;}

.category-sites {position:relative;display:block;clear:both;width:100%;background-color:#fff;border-radius:10px;padding-bottom:10px;border:3px solid #eee; margin:0 auto;overflow:hidden;}
.category-sites h2 {display:block;clear:both;margin:0 auto 8px;width:94%;height:35px;line-height:35px;text-align:center;font-size:16px;border-bottom:2px solid #eee;}
.category-sites h2 img {display:inline;width:30px;margin-right:4px;margin-top:-2px;}
.category-sites h2 b {display:inline;font-weight:bold;}

.category-sites .bottom {display:block;position:absolute;width:100%;left:0;height:50px;bottom:0px;padding-top:8px;border-radius:0 0 10px 10px;background-color:#fff;}
.category-sites .more {display:block;width:94%;height:34px;line-height:34px;margin:0 auto;border-radius:8px;color:#fff;background-color:#888;font-size:14px;text-align:center;}

.category-wrapper {display:block;width:98%;margin:0 auto;overflow:hidden;overflow-x:hidden;overflow-y:auto;}
.category-wrapper h5 {display:block;clear:both;margin:0 auto;width:94%;padding:5px 0;line-height:14px;text-align:center;font-size:12px;color:#999;}
.category-wrapper h6 {display:block;clear:both;margin:0 auto;width:94%;height:10px;}
.category-wrapper ul {display:grid;margin:0 auto;font-size:14px;font-weight:500;}
.category-wrapper ul li {display:block;clear:both;height:26px;line-height:26px;padding:1px 0 1px 5px;overflow:hidden;}
.category-wrapper ul li b {float:left;width:20px;padding-right:4px;text-align:right;color:#aaa;font-size:12px;}
.category-wrapper ul li img {float:left;width:16px;height:16px;border-radius:8px;margin-top:5px;margin-right:6px;}
.category-wrapper ul li:hover {background-color:#f9f9f9;cursor:pointer;}
.category-wrapper ul li:hover a {color:#f33;}

.main-box {display:block;width:100%;min-height:100px;background-color:#fff;border-radius:10px;padding-bottom:10px;border:3px solid #eee;overflow:hidden;}
.sites {padding:0 5px;}
.site-lists {margin:0 auto;}
.site-lists dl {display:block;width:100%;}
.site-lists dl dt ,.site-lists dl dd ,.site-lists dl dt img {display:block;clear:both;width:100%;}
.site-lists dl dt {height:0;padding-bottom:100%;overflow:hidden;border-radius:6px;}
.site-lists dl dd.name {height:24px;line-height:24px;text-align:center;font-size:16px;margin-top:4px;}

.search-box {display:flex;margin:0 auto;width:100%;height:40px;align-items: center;background-color:#fff;border:3px solid #ddd;overflow:hidden;border-radius:8px;}
.search-box input {flex-grow: 1;align-items: stretch;height:36px;line-height:36px;border-radius:6px;padding-left:10px;border:none;}
.search-box button {align-items: center;width:50px;height:34px;background-color:#fff;}
.search-box button svg {width:24px;height:24px;color:#f77f0b;margin:0 0 0 10px;}

.show-more {display:block;clear:both;width:96%;height:34px;line-height:34px;text-align:center;margin:10px auto 0;padding-top:4px;border-top:1px solid #f3f3f3;color:#333;}
.show-more b {height:24px;line-height:24px;font-size:16px;font-weight:normal;}
.show-more svg {width:24px;margin-left:6px;margin-top:-2px;}
.categories  {display:block;clear:both;}

.grid-category {display:grid;gap: 0 0;}
.grid-category a {display:grid;grid-template-columns: 10px 30px auto ;align-items: center;width:100%;font-size:14px;height:40px;line-height:40px;overflow:hidden;}
.grid-category a.on {font-weight:bold;}
.grid-category a:hover {font-weight:bold;cursor:pointer;}
.grid-category a:last-child {border:none;}
.grid-category a img {display:block;width:24px;}

.category-apps {display:block;clear:both;}
.category-apps h2 {height:34px;line-height:34px;color:#ccc;text-align:center;background-color:#282b31;border-radius:8px;font-size:14px;}
.apps {display:grid;grid-template-columns: repeat(5, 1fr);gap: 5px 10px;}
.apps a {display:block;width:100%;padding:5px 0 0}
.apps a img {display:block;margin:0 auto;width:90%;border-radius:12px;}
.apps a h5 {display:block;text-align:center;color:#fff;height:24px;line-height:24px;font-size:12px;} 

.site-lists-one dl {display:grid; grid-template-columns: 55px auto;background-color:#fff;border-radius:10px;padding:10px;}
.site-lists-one dl dt {}
.site-lists-one dl dt span {display:block;width:50px;height:50px;border-radius:50%;overflow:hidden;background-color:#f9f9f9;}
.site-lists-one dl dt img {display:block;width:100%;}
.site-lists-one dl dd h3 {display:block;font-size:15px;font-weight:bold;}
.site-lists-one dl dd span {font-size:14px;line-height:20px;color:#999;}


.grid-columns-2 {display:grid;gap: 10px 10px;}

.contact {padding:10px;}

@media (min-width: 320px){
	body {background-color:#25282e;}
	.display-pc {display:none;}
	.display-wap {display:block;}	
	.show-more {display:block;}

	.top-wap {display:block;clear:both;height:50px;line-height:50px;}
	.header-wap {display:flex;}
	.header-wap .logo {flex-grow: 1;align-items: stretch;}
	.header-wap .logo img {display:block;width:200px;}
	.header-wap .menu {align-items: center;text-align:center;color:#fff;}
	.header-wap .menu a {float:left;color:#f9f9f9;padding:0 6px;font-size:14px;}
	.header-wap .menu a img {width:22px;color:#fff;}
	.header-wap .menu a:hover {color:#fff;}

	.container{width:100%;padding:0 0%;}

	.main-sites {grid-template-columns: repeat(1, 1fr);gap: 10px 10px;}

	.category-sites {width:98%;}
	.category-wrapper {width:98%;}
	.category-wrapper ul {grid-template-columns: repeat(2, 1fr);gap: 4.5px 0;}
	.category-wrapper h2,.category-sites .more {width:96%;}

	.site-lists {padding:0 4px;grid-template-columns: repeat(2, 1fr);gap: 10px 10px;} 
	.site-lists-one {grid-template-columns: repeat(2, 1fr);gap: 6px 6px;}

	.grid-category  {grid-template-columns: repeat(2, 1fr);padding:4px 0;height:200px;overflow:hidden;}

    .row-90 {grid-row-end: span 50;}
	.row-90 .category-wrapper {height:385px;}
	.row-70 {grid-row-end: span 50;}
	.row-70 .category-wrapper {height:385px;}
	.row-60 {grid-row-end: span 50;}
	.row-60 .category-wrapper {height:385px;}
	.row-25 {grid-row-end: span 25;}
	.row-25 .category-wrapper {height:130px;}
	.row-30 {grid-row-end: span 30;}
	.row-30 .category-wrapper {height:185px;}
	.row-35 {grid-row-end: span 30;}
	.row-35 .category-wrapper {height:185px;}
	.row-40 {grid-row-end: span 40;}
	.row-40 .category-wrapper {height:285px;}
	.row-45 {grid-row-end: span 40;}
	.row-45 .category-wrapper {height:285px;}
}

@media (min-width: 640px){
	body{background:#25282e url(image/bg2.png) repeat left top;}
	.container{width:580px;}

	.category-wrapper {width:98%;}
	.category-wrapper ul {grid-template-columns: repeat(2, 1fr);gap: 4px 0;}

	.site-lists {padding:0 5px;grid-template-columns: repeat(3, 1fr);gap: 10px 10px;} 
}

@media (min-width: 768px){
	.container{width:760px;}
	.show-more {display:none;}

	.category-wrapper {width:98%;}
	.category-wrapper ul {grid-template-columns: repeat(3, 1fr);gap: 4px 0;}

	.grid-columns-2 {display:grid;grid-template-columns: 180px auto;}

	.grid-category  {grid-template-columns: repeat(1, 1fr);height:auto;}
	.grid-category a {border-bottom:1px solid #e3e3e3;height:40px;line-height:40px;}
	.grid-category a img {display:block;width:24px;} 

	.site-lists {grid-template-columns: repeat(3, 1fr);gap: 10px 10px;} 

	.apps {display:grid;grid-template-columns: repeat(10, 1fr);gap: 5px 10px;padding:10px 0 10px;}


    .row-90 {grid-row-end: span 41;}
	.row-90 .category-wrapper {height:300px;}
	.row-70 {grid-row-end: span 41;}
	.row-70 .category-wrapper {height:300px;}
	.row-60 {grid-row-end: span 41;}
	.row-60 .category-wrapper {height:300px;}
	.row-25 {grid-row-end: span 25;}
	.row-25 .category-wrapper {height:140px;}
	.row-30 {grid-row-end: span 31;}
	.row-30 .category-wrapper {height:200px;}
	.row-35 {grid-row-end: span 31;}
	.row-35 .category-wrapper {height:200px;}
	.row-40 {grid-row-end: span 41;}
	.row-40 .category-wrapper {height:300px;}
	.row-45 {grid-row-end: span 41;}
	.row-45 .category-wrapper {height:300px;}
}

@media (min-width: 1280px){
	.display-pc {display:block;}
	.display-wap {display:none;}
	
	.container{width:1150px;padding:0;}
	.main-sites {grid-template-columns: repeat(4, 1fr);gap: 10px 10px;row-gap:10px;grid-row-gap: 10px;row-gap: 10px;grid-template-rows: initial;	grid-template-areas: initial;grid-auto-rows: 1px;grid-auto-columns: initial;}
	.category-sites {width:100%;}
	.category-wrapper{width:97%;}
	.category-wrapper ul {grid-template-columns: repeat(1, 1fr);gap: 0 0;margin-bottom:10px;}
	.category-wrapper h2,.category-sites .more {width:94%;}

	.top-menu{display:block;clear:both;width:100%;height:34px;line-height:34px;background-color:#f3f3f3;color:#333;border-bottom:2px solid #ccc;font-size:14px;}
	/*.header {display:grid;grid-template-columns: 400px auto 380px;height:130px;}*/
	.header .logo {display:block;width:500px;height:130px;position:relative;background: url('../image/logo.png') no-repeat 6px 15px;background-size:500px 88px;margin-left:-10px;}
	.header .logo h2 {position:absolute;right:115px;bottom:6px;color:#eee;font-size:13px;font-weight:600;}
	.header .menu {display:block;margin-top:48px;text-align:right;font-size:14px;padding-right:30px;}
	.header .menu a {display:inline;color:#fcfcfc;margin-left:15px;height:24px;}
	.header .menu a img{width:24px;}

	.header .search-box {display:flex;width:380px;margin-top:40px;}
	.header .infos {display:block;height:14px;line-height:14px;font-size:12px;color:#ccc;margin-top:10px;text-align:right;}

	.grid-columns-2 {grid-template-columns: 250px auto;}

	.grid-category  {display:block;}
	.grid-category a {display:grid;grid-template-columns: 10px 38px auto ;border-bottom:1px solid #e3e3e3;height:44px;line-height:44px;font-size:16px;}
	.grid-category a img {display:block;width:28px;}


	.site-lists {padding:0 8px;grid-template-columns: repeat(4, 1fr);gap: 10px 15px;} 
	.site-lists-one {grid-template-columns: repeat(2, 1fr);gap: 6px 6px;}
	.search-box {border:3px solid #ddd;}

    .row-90 {grid-row-end: span 90;}
	.row-90 .category-wrapper {height:875px;}
	.row-70 {grid-row-end: span 70;}
	.row-70 .category-wrapper {height:660px;}
	.row-60 {grid-row-end: span 60;}
	.row-60 .category-wrapper {height:550px;}
	.row-25 {grid-row-end: span 25;}
	.row-25 .category-wrapper {height:160px;}
	.row-30 {grid-row-end: span 30;}
	.row-30 .category-wrapper {height:220px;}
	.row-35 {grid-row-end: span 35;}
	.row-35 .category-wrapper {height:270px;}
	.row-40 {grid-row-end: span 40;}
	.row-40 .category-wrapper {height:320px;}
	.row-45 {grid-row-end: span 45;}
	.row-45 .category-wrapper {height:380px;}

}



div.red-1 {border:3px solid #ffdfe1;}
div.red-1 .more {background-color:#e54b4c;}
div.red-2 {border:3px solid #e6d2d5;}
div.red-2 .more {background-color:#eb6077;}
div.red-3 {border:3px solid #f2c9d8;}
div.red-3 .more {background-color:#f09091;}
div.red-4 {border:3px solid #f3d1e3;}
div.red-4 .more {background-color:#ee859a;}

div.blue-1 {border:3px solid #d3ecf5;}
div.blue-1 .more {background-color:#18ade5;}
div.blue-2 {border:3px solid #c9e1ee;}
div.blue-2 .more {background-color:#017bbc;}
div.blue-3 {border:3px solid #c0cfe5;}
div.blue-3 .more {background-color:#023f98;}
div.blue-4 {border:3px solid #ced9ee;}
div.blue-4 .more {background-color:#18ade5;}

div.green-1 {border:3px solid #d5f1da;}
div.green-1 .more {background-color:#6abd79;}
div.green-2 {border:3px solid #bde6d2;}
div.green-2 .more {background-color:#a9cf68;}
div.green-3 {border:3px solid #d3f2e6;}
div.green-3 .more {background-color:#6abd79;}
div.green-4 {border:3px solid #d1f1ea;}
div.green-4 .more {background-color:#3da991;}

div.yellow-1 {border:3px solid #fcd699;}
div.yellow-1 .more {background-color:#f5ae35;}
div.yellow-2 {border:3px solid #e5d8c4;}
div.yellow-2 .more {background-color:#de911b;}
div.yellow-3 {border:3px solid #f7e1cc;}
div.yellow-3 .more {background-color:#f77f0b;}
div.yellow-4 {border:3px solid #ffebda;}
div.yellow-4 .more {background-color:#f08d01;}

div.other-1 {border:3px solid #ebe4f9;}
div.other-1 .more {background-color:#a687b1;}
div.other-2 {border:3px solid #efc8c8;}
div.other-2 .more {background-color:#42506b;}
div.other-3 {border:3px solid #eddad0;}
div.other-3 .more {background-color:#6a3315;}
div.other-4 {border:3px solid #eaddf5;}
div.other-4 .more {background-color:#bba0cd;}


.flag {
    margin-left: 2px;
    display: inline-block;
    width: 16px;
    height: 12px;
    background: url(../image/flags.png) no-repeat;
    background-size: 96px;
}

.flag-new {
    margin-left: 2px;
    display: inline-block;
    width: 28px;
    height: 14px;
    background: url(../image/new.png) no-repeat;
    background-size: 28px;
}

.flag-en,.flag-en-us {background-position: -64px -48px}
.flag-zh,.flag-cn {background-position: -80px 0}
.flag-ja {background-position: -48px -12px}

/*
.flag-gb,.flag-en-gb {background-position: -16px -24px}
.flag-au,.flag-en-au {background-position: -64px -60px}
.flag-ca,.flag-en-ca {background-position: 0 -72px}
.flag-de {background-position: 0 -24px}
.flag-id {background-position: 0 -60px}
.flag-fr {background-position: -32px -12px}
.flag-it {background-position: -48px 0}
.flag-ro {background-position: -32px -48px}

.flag-hu {background-position: 0 -36px}
.flag-pt {background-position: -16px -48px}
.flag-pt-br {background-position: -32px -72px}
.flag-ru {background-position: -48px -48px}
.flag-es {background-position: -64px -12px}
.flag-es-py {background-position: -48px -96px}
.flag-nl {background-position: -48px -24px}
.flag-tr {background-position: -64px -36px}
.flag-sv {background-position: -64px -24px}
.flag-no {background-position: -48px -36px}

.flag-be {background-position: -48px -72px}
.flag-cs {background-position: 0 -12px}

.flag-e {background-position: -16px -60px}
.flag-vi {background-position: -48px -60px}
.flag-hi {background-position: -16px -36px}
.flag-pl {background-position: 0 -48px}

.flag-ko {background-position: -64px -72px}
.flag-da {background-position: -16px -12px}
.flag-ar {background-position: -16px -60px}
.flag-el {background-position: -32px -24px}

.flag-fi {background-position: -32px 0}
.flag-sl {background-position: -64px 0}
.flag-hr {background-position: -16px 0}
.flag-th {background-position: -32px -60px}
.flag-es-ar {background-position: -80px -12px}
.flag-de-at {background-position: -80px -24px}
.flag-es-cl {background-position: -80px -36px}
.flag-es-co {background-position: -80px -48px}
.flag-es-cr {background-position: -80px -60px}
.flag-cyprus {background-position: -80px -72px}

.flag-es-ec {background-position: 0 -84px}
.flag-he {background-position: -32px -36px}
.flag-zh-hk {background-position: -16px -84px}
.flag-fa-ir {background-position: -32px -84px}
.flag-en-ie {background-position: -16px -72px}
.flag-es-mx {background-position: -48px -84px}
.flag-en-nz {background-position: -64px -84px}
.flag-es-pe {background-position: -80px -84px}
.flag-en-ph {background-position: 0 -96px}
.flag-de-ch {background-position: -16px -96px}

.flag-zh-tw {background-position: -32px -96px}
.flag-ng {background-position: -80px -96px}
.flag-zh-sg {background-position: 0px -108px}
.flag-bg {background-position: -16px -108px}
.flag-ms-my {background-position: -32px -108px}
.flag-uk {background-position: -64px -96px}
.flag-lu {background-position: -48px -108px}
.flag-my {background-position: -64px -108px}
.flag-sw-ke {background-position: -80px -108px}
.flag-sr {background-position: 0 -120px}
.flag-gh {background-position: -16px -120px}
.flag-eg {background-position: -32px -120px}
.flag-za {background-position: -48px -120px}
.flag-lb {background-position: -64px -120px}
.flag-ee {background-position: -80px -120px}
.flag-lv {background-position: 0 -132px}
.flag-cu {background-position: -16px -132px}
.flag-wa {background-position: -32px -132px}
.flag-pr {background-position: -48px -132px}
.flag-sct {background-position: -64px -132px}
.flag-bb {background-position: -80px -132px}
.flag-sk {background-position: 0 -144px}
.flag-lt {background-position: -16px -144px}
*/