.Swatch { background: rgba(90, 30, 10, 0.8);}
.SwatchA { background: rgba(90, 30, 10, 0.8);}
.SwatchB { background: rgba(138, 86, 90, 0.8);}
.SwatchC { background: rgba(132, 84, 34, 0.8);}
.SwatchD { background: rgba(128, 70, 27, 0.8);}
.SwatchE { background: rgba(127, 60, 16, 0.8);}
.SwatchF { background: rgba(121, 68, 59, 0.8);}
.SwatchG { background: rgba(120, 70, 50, 0.8);}
.SwatchH { background: rgba(107, 68, 35, 0.8);}
.SwatchI { background: rgba(103, 66, 53, 0.8);}
.SwatchJ { background: rgba(76, 42, 18, 0.8);}
.SwatchK { background: rgba(72, 60, 50, 0.8);}
.SwatchL { background: rgba(85, 69, 51, 0.8);}
.SwatchM { background: rgba(84, 50, 48, 0.8);}
.SwatchN { background: rgba(81, 61, 44, 0.8);}
.SwatchO { background: rgba(118, 56, 29, 0.8);}
.SwatchP { background: rgba(66, 13, 9, 0.8);}
.SwatchQ { background: rgba(66, 26, 26, 0.8);}
.SwatchR { background: rgba(44, 32, 24, 0.8);}
.SwatchS { background: rgba(21, 15, 14, 0.8);}

#box{ width:100px; height:100px; box-sizing: border-box;
	border: 1px solid #fff;}

.col_col { width:100px; height:1350px; background-color:#000; display: block;}

.colorbox { background-color:#000;
	width:65px;
	height:65px;
	margin:5px;
	padding:20px;
	box-sizing: border-box;
	border: 2px solid #000;
  	font-family: MPLSC;
  	font-size: 24px;
  	font-weight: 700;
  	color:#fff;
  	position: relative; }

.colorbox-a { background-color:#000;
width:65px;
		height:65px;
		margin:5px;
		padding:20px;
		box-sizing: border-box;
		border:2px solid white;
		font-family: MPLSC;
  	font-size: 24px;
  	font-weight: 700;
  	color:#fff;
  	position: relative; }

a.colswatch:link, a.button:visited {
    opacity: 0.5;
    background-color: transparent;
    border: none;
    color: #fff;
    text-align: center;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    text-decoration: none;
   cursor: pointer;
   display: block;

}


a.colswatch:hover, a.button:active {
	color:white;
   	opacity: 0.9;
   	box-sizing: block;

}

div#flag.Swatch{
    display:inline-block;
    color:#444;
    opacity: 1;
    cursor:pointer;
    vertical-align:middle;
    max-width: 100px;
    padding: 5px;
    text-align: center;
}
div#flag.Swatch:active {
    color:red;
   opacity: 0.5;
}