﻿/*　*/
.flipBoard0,.flipBoard1,.flipBoard2,.flipBoard3,.flipBoard4,.flipBoard5,.flipBoard6,.flipBoard7,.flipBoard8,.flipBoard9,.flipBoard10,.flipBoard11,.flipBoard12,.flipBoard13,.flipBoard14,.flipBoard15,.flipBoard16,.flipBoard17,.flipBoard18,.flipBoard19
{
	display:inline-block;
	vertical-align: top;
	position:relative;
	padding:8px;
	border:1px solid #000;
	min-width:28px;
	max-width:90%;
}
.flipCover0,.flipCover1,.flipCover2,.flipCover3,.flipCover4,.flipCover5,.flipCover6,.flipCover7,.flipCover8,.flipCover9,.flipCover10,.flipCover11,.flipCover12,.flipCover13,.flipCover14,.flipCover15,.flipCover16,.flipCover17,.flipCover18,.flipCover19
{
	position:absolute;
	top:-1px;
	left:-1px;
	right:-1px;
	bottom:-1px;
	padding:8px 8px 8px 20px;
	cursor:pointer;
	border:1px solid #000;
	overflow:hidden;
}
.flipCover0::before,.flipCover1::before,.flipCover2::before,.flipCover3::before,.flipCover4::before,.flipCover5::before,.flipCover6::before,.flipCover7::before,.flipCover8::before,.flipCover9::before,.flipCover10::before,.flipCover11::before,.flipCover12::before,.flipCover13::before,.flipCover14::before,.flipCover15::before,.flipCover16::before,.flipCover17::before,.flipCover18::before,.flipCover19::before
{
	content:"";
	position:absolute;
	left:0px;
	top:0px;
	border:8px solid #000;
}


.flipBoard0, .flipCover0
{
	color:#000;
	background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#bbb));
	background:linear-gradient(to bottom, #fff 0%, #bbb 100%);
	background-color:#f8f8f8;
}
.flipBoard0
{
	border-color:#eee;
}
.flipCover0, .flipCover0::before
{
	border-color:#bbb;
}
.flipCover0::before
{
	border-bottom-color:#eee;
	border-right-color:#eee;
}
/* */
.flipBoard1, .flipCover1
{
	color:#fff;
	background:-webkit-gradient(linear, left top, left bottom, from(#666), to(#000));
	background:linear-gradient(to bottom, #666 0%, #000 100%);
	background-color:#333;
}
.flipBoard1
{
	border-color:#666;
}
.flipCover1, .flipCover1::before
{
	border-color:#333;
}
.flipCover1::before
{
	border-bottom-color:#888;
	border-right-color:#888;
}
/* */
.flipBoard2, .flipCover2
{
	color:#fff;
	background:-webkit-gradient(linear, left top, left bottom, from(#f00), to(#500));
	background:linear-gradient(to bottom, #f00 0%, #500 100%);
	background-color:#c00;
}
.flipBoard2
{
	border-color:#c00;
}
.flipCover2, .flipCover2::before
{
	border-color:#800;
}
.flipCover2::before
{
	border-bottom-color:#c00;
	border-right-color:#c00;
}
/* */
.flipBoard3, .flipCover3
{
	color:#fff;
	background:-webkit-gradient(linear, left top, left bottom, from(#49c), to(#229));
	background:linear-gradient(to bottom, #49c 0%, #229 100%);
	background-color:#36a;
}
.flipBoard3
{
	border-color:#36a;
}
.flipCover3, .flipCover3::before
{
	border-color:#108;
}
.flipCover3::before
{
	border-bottom-color:#36a;
	border-right-color:#36a;
}
/* */
.flipBoard4, .flipCover4
{
	color:#fff;
	background:-webkit-gradient(linear, left top, left bottom, from(#8c5), to(#361));
	background:linear-gradient(to bottom, #8c5 0%, #361 100%);
	background-color:#693;
}
.flipBoard4
{
	border-color:#693;
}
.flipCover4, .flipCover4::before
{
	border-color:#484;
}
.flipCover4::before
{
	border-bottom-color:#693;
	border-right-color:#693;
}
/* */
.flipBoard5, .flipCover5
{
	color:#fff;
	background:-webkit-gradient(linear, left top, left bottom, from(#f90), to(#960));
	background:linear-gradient(to bottom, #f90 0%, #960 100%);
	background-color:#c80;
}
.flipBoard5
{
	border-color:#c80;
}
.flipCover5, .flipCover5::before
{
	border-color:#960;
}
.flipCover5::before
{
	border-bottom-color:#c80;
	border-right-color:#c80;
}
/* */
.flipBoard6, .flipCover6
{
	color:#000;
	background:-webkit-gradient(linear, left top, left bottom, from(#ffc), to(#ed0));
	background:linear-gradient(to bottom, #ffc 0%, #ed0 100%);
	background-color:#fe6;
}
.flipBoard6
{
	border-color:#fe6;
}
.flipCover6, .flipCover6::before
{
	border-color:#ed0;
}
.flipCover6::before
{
	border-bottom-color:#fe6;
	border-right-color:#fe6;
}
/* */
.flipBoard7, .flipCover7
{
	color:#fff;
	background:-webkit-gradient(linear, left top, left bottom, from(#411), to(#100));
	background:linear-gradient(to bottom, #411 0%, #100 100%);
	background-color:#300;
}
.flipBoard7
{
	border-color:#622;
}
.flipCover7, .flipCover7::before
{
	border-color:#300;
}
.flipCover7::before
{
	border-bottom-color:#622;
	border-right-color:#622;
}
/* */
.flipBoard8, .flipCover8
{
	color:#ffffff;
	background:-webkit-gradient(linear, left top, left bottom, from(#4b9600), to(#336600));
	background:linear-gradient(to bottom, #4b9600 0%, #336600 100%);
	background-color:#418200;
}
.flipBoard8
{
	border-color:#78b03f;
}
.flipCover8, .flipCover8::before
{
	border-color:#295100;
}
.flipCover8::before
{
	border-bottom-color:#78b03f;
	border-right-color:#78b03f;
}
.flipBoard9, .flipCover9
{
	color:#000000;
	background:-webkit-gradient(linear, left top, left bottom, from(#ffff00), to(#ffd200));
	background:linear-gradient(to bottom, #ffff00 0%, #ffd200 100%);
	background-color:#ffed00;
}
.flipBoard9
{
	border-color:#bfbf00;
}
.flipCover9, .flipCover9::before
{
	border-color:#dab400;
}
.flipCover9::before
{
	border-bottom-color:#bfbf00;
	border-right-color:#bfbf00;
}
.flipBoard10, .flipCover10
{
	color:#ffffff;
	background:-webkit-gradient(linear, left top, left bottom, from(#ff8000), to(#cc6600));
	background:linear-gradient(to bottom, #ff8000 0%, #cc6600 100%);
	background-color:#ea7500;
}
.flipBoard10
{
	border-color:#ff9f3f;
}
.flipCover10, .flipCover10::before
{
	border-color:#a75300;
}
.flipCover10::before
{
	border-bottom-color:#ff9f3f;
	border-right-color:#ff9f3f;
}
.flipBoard11, .flipCover11
{
	color:#ffffff;
	background:-webkit-gradient(linear, left top, left bottom, from(#6600ff), to(#350085));
	background:linear-gradient(to bottom, #6600ff 0%, #350085 100%);
	background-color:#5200ce;
}
.flipBoard11
{
	border-color:#8c3fff;
}
.flipCover11, .flipCover11::before
{
	border-color:#290068;
}
.flipCover11::before
{
	border-bottom-color:#8c3fff;
	border-right-color:#8c3fff;
}
.flipBoard12, .flipCover12
{
	color:#ffffff;
	background:-webkit-gradient(linear, left top, left bottom, from(#ff0000), to(#810000));
	background:linear-gradient(to bottom, #ff0000 0%, #810000 100%);
	background-color:#cc0000;
}
.flipBoard12
{
	border-color:#ff3f3f;
}
.flipCover12, .flipCover12::before
{
	border-color:#6b0000;
}
.flipCover12::before
{
	border-bottom-color:#ff3f3f;
	border-right-color:#ff3f3f;
}
.flipBoard13, .flipCover13
{
	color:#000000;
	background:-webkit-gradient(linear, left top, left bottom, from(#cfcfcf), to(#666666));
	background:linear-gradient(to bottom, #cfcfcf 0%, #666666 100%);
	background-color:#a5a5a5;
}
.flipBoard13
{
	border-color:#9b9b9b;
}
.flipCover13, .flipCover13::before
{
	border-color:#282828;
}
.flipCover13::before
{
	border-bottom-color:#9b9b9b;
	border-right-color:#9b9b9b;
}
.flipBoard14, .flipCover14
{
	color:#000000;
	background:-webkit-gradient(linear, left top, left bottom, from(#ff99ff), to(#ff7cc3));
	background:linear-gradient(to bottom, #ff99ff 0%, #ff7cc3 100%);
	background-color:#ff8de7;
}
.flipBoard14
{
	border-color:#bf72bf;
}
.flipCover14, .flipCover14::before
{
	border-color:#d34f96;
}
.flipCover14::before
{
	border-bottom-color:#bf72bf;
	border-right-color:#bf72bf;
}
.flipBoard15, .flipCover15
{
	color:#ffffff;
	background:-webkit-gradient(linear, left top, left bottom, from(#00b4ff), to(#1354b1));
	background:linear-gradient(to bottom, #00b4ff 0%, #1354b1 100%);
	background-color:#078ddf;
}
.flipBoard15
{
	border-color:#3fc6ff;
}
.flipCover15, .flipCover15::before
{
	border-color:#171f6c;
}
.flipCover15::before
{
	border-bottom-color:#3fc6ff;
	border-right-color:#3fc6ff;
}
.flipBoard16, .flipCover16
{
	color:#ffffff;
	background:-webkit-gradient(linear, left top, left bottom, from(#663300), to(#311800));
	background:linear-gradient(to bottom, #663300 0%, #311800 100%);
	background-color:#502800;
}
.flipBoard16
{
	border-color:#8c663f;
}
.flipCover16, .flipCover16::before
{
	border-color:#1f1000;
}
.flipCover16::before
{
	border-bottom-color:#8c663f;
	border-right-color:#8c663f;
}
.flipBoard17, .flipCover17
{
	color:#ffffff;
	background:-webkit-gradient(linear, left top, left bottom, from(#0051a2), to(#003468));
	background:linear-gradient(to bottom, #0051a2 0%, #003468 100%);
	background-color:#00458a;
}
.flipBoard17
{
	border-color:#3f7cb9;
}
.flipCover17, .flipCover17::before
{
	border-color:#002851;
}
.flipCover17::before
{
	border-bottom-color:#3f7cb9;
	border-right-color:#3f7cb9;
}
.flipBoard18, .flipCover18
{
	color:#000000;
	background:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#b7b7b7));
	background:linear-gradient(to bottom, #ffffff 0%, #b7b7b7 100%);
	background-color:#e2e2e2;
}
.flipBoard18
{
	border-color:#bfbfbf;
}
.flipCover18, .flipCover18::before
{
	border-color:#979797;
}
.flipCover18::before
{
	border-bottom-color:#bfbfbf;
	border-right-color:#bfbfbf;
}
.flipBoard19, .flipCover19
{
	color:#ffffff;
	background:-webkit-gradient(linear, left top, left bottom, from(#646464), to(#070707));
	background:linear-gradient(to bottom, #646464 0%, #070707 100%);
	background-color:#3e3e3e;
}
.flipBoard19
{
	border-color:#8a8a8a;
}
.flipCover19, .flipCover19::before
{
	border-color:#070707;
}
.flipCover19::before
{
	border-bottom-color:#8a8a8a;
	border-right-color:#8a8a8a;
}

