ul {
	list-style-type: none;
	text-align: left;
	padding : 0px ; margin : 0px ;
}


li {
	list-style-type: none;
	text-align: left;
}

ol {
	list-style-type: none;
	text-align: left;
	padding : 0px ; margin : 0px ;
}

div{
	padding : 0px ; margin : 0px ;
	border: 0px;
}

.clsFullImage img{
	width: 300px;
}


.clsCardImage img{
	width: 200px;
}

.tabs {
	clear: both;
	width: 305px;
	padding : 0px ;
	margin : 0px ;
	border: 0px;
	display: table-cell;
	text-align: left;
}

.clsMain {
	clear: both;
	width: 305px;
	padding : 0px ;
	margin : 0px ;
	border: 0px;
	display: table-cell;
	text-align: left;
}

.inputClass{
	padding : 0px ;
	margin : 0px ;
	border: 0px;
	width: 305px;
	display: table;
}

.subTitle{
	display: table-cell;
	text-align: left;
	vertical-align: middle;
	width: 80px;
}

.clsInputCardName{
	text-align: left;
	vertical-align: middle;
	width: 225px;
}

.clsInputSkillName{
	text-align: left;
	vertical-align: middle;
	width: 225px;
}

.clsInputTweet{
	text-align: left;
	vertical-align: middle;
	width: 225px;
}

.clsInputRemark{
	text-align: left;
	vertical-align: middle;
	width: 225px;
}

.clsLinks{
	clear: both;
	text-align: left;
	vertical-align: middle;
	width: 305px;
}
.subInput{
	display: table-cell;
	text-align: left;
	vertical-align: middle;
	width: 220px;
}
.outputListClass {
	display: table;
	width: 305px;
}

.pageClass {
		display: table;
		text-align: left;
	width: 305px;
}

.pager{
	display: table-cell;
	text-align: left;
}

.cardImageMainWrapper
{
	width: 150px;
}
.cardImageSubWrapper{
	width: 150px;
}

.imgOn{
}
.imgOff{
	display:none;
}

.cardData {
	margin: 3px 0px 3px 0px;
padding: 1px;
border: medium solid #ff00ff;
width: 300px;
}
.cardNo {
	margin: 3px 1px;
	padding: 1px;
}
.cardName {
	margin: 3px 1px;
	padding: 1px;
}
.cardName {
	margin: 3px 1px;
	padding: 1px;
}
.clsCardImage{
	margin: 3px 1px;
	padding: 1px;
}
.clsMarkImage{
	margin: 3px 1px;
	padding: 1px;
}
.cardCost{
	margin: 3px 1px;
	padding: 1px;
}

.cardAttack{
	margin: 3px 1px;
	padding: 1px;
}
.cardDefense{
	margin: 3px 1px;
	padding: 1px;
}
.cardUpSkill{
	margin: 3px 1px;
	padding: 1px;
}
.cardDownSkill{
	margin: 3px 1px;
	padding: 1px;
}
.cardInfo{
	margin: 3px 1px;
	padding: 1px;
}


.close{
	display: table-cell;
	text-align: right;
	vertical-align: middle;
	width: 130px;
}

.back{
	display: table-cell;
	text-align: left;
	vertical-align: middle;
	width: 55px;
}

.next{
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	width: 55px;
}
.serBtnLeft{
	display: table-cell;
	text-align: left;
	vertical-align: middle;
	width: 140px;
}

.serBtnRight{
	display: table-cell;
	text-align: left;
	vertical-align: middle;
	width: 235px;
}

.clsWhatsNewListClass {
	margin: 3px 0px 3px 0px;
	padding: 1px;
	float: none;
	width: 305px;
}
.clsWhatsNewCardData {
	clear: both;
	margin: 2px 0px 2px 0px;
	padding: 1px;
	width: 300px;
}
.clsWhatsNewCardImage img{
	margin: 3px 0px 3px 0px;
	padding: 1px;
	float: left;
	width: 80px;
}
.clsWhatsNewCardName {
	width: 300px;
	margin: 3px 0px 3px 0px;
	padding: 1px;
}
.clsHelp {
	clear: both;
	text-align: left;
	vertical-align: middle;
	width: 305px;
}
.clsTitle {
	clear: both;
	text-align: center;
	vertical-align: middle;
	width: 305px;
	background: #0000bb;
	color:#FFFFFF;
	font-weight: bold;
	border: 2px solid #FFD700;
}

.clsUpedImage {
	display: flex;
	justify-content: space-between;
	padding: 1px;
	margin: 1px;
	width: 300px;
}
.clsUpedImage img{
	width: 100px;
}