.clan-flag30 { width: 30px; height: 30px; }
.clan-flag50 { width: 50px; height: 50px; }
.clan-flag-frame { background-image: url("/images/template/clan-flag.png"); }
.clan-flag-bg1 { background-color: #f47d32; }
.clan-flag-bg2 { background-color: #01af4b; }
.clan-flag-bg3 { background-color: #8b13dd; }
.clan-flag-bg4 { background-image: url("/images/template/clan/bg4.png"); }
.clan-flag-bg5 { background-image: url("/images/template/clan/bg5.png"); }
.clan-flag50 .clan-flag-bg {
width: 50px;
height: 41px;
position: absolute;
top: 1px;
background-size: 50px 41px;
}
.clan-flag30 .clan-flag-bg {
width: 30px;
height: 24px;
position: absolute;
top: 1px;
background-size: 30px 24px;
}
.clan-flag50 .clan-flag-frame {
width: 50px;
height: 50px;
background-size: 50px 50px;
position: absolute;
}
.clan-flag30 .clan-flag-frame {
width: 30px;
height: 30px;
background-size: 30px 30px;
position: absolute;
}
.clan-symbol { position: absolute; left: 5px; top: 4px; }
.clan-flag50 .clan-symbol {
width: 35px;
height: 32px;
background-size: 35px 32px;
background-repeat: no-repeat;
left: 7px;
top: 5px;
}
.clan-flag30 .clan-symbol {
width: 20px;
height: 20px;
background-size: 20px 18px;
background-repeat: no-repeat;
}
.clan-symbol.clan-symbol1 { background-image: url("/images/template/clan/symbol/1.png"); }
.clan-symbol.clan-symbol2 { background-image: url("/images/template/clan/symbol/2.png"); }
.clan-symbol.clan-symbol3 { background-image: url("/images/template/clan/symbol/3.png"); }
.clan-symbol.clan-symbol4 { background-image: url("/images/template/clan/symbol/4.png"); }