@charset "utf-8";

/* reset css */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, input,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0; padding: 0; border: 0;
	font: inherit; font-size: 100%; vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
table {
	border-collapse: collapse; border-spacing: 0;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}

/* common css */
html {
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
}
body {
	font: 16px/18px 'Apple SD Gothic Neo', AppleGothic, 'Noto Sans KR', Roboto, 'Malgun Gothic', NanumGothic, sans-serif; color: #fff;
	background: #232d32;
}
a {
	color: #fff;
}
header {
	position: relative;
}
h1 {
	display: none; overflow: hidden; position: relative; top: 28px;
	width: 100px; height: 28px; margin: 0 auto 10px;
	text-indent: -9999px;
}
h2 {
	overflow: hidden;
	width: 220px; height: 80px; margin: 0 auto;
	text-indent: -9999px;
}
button {
	font-family: 'Apple SD Gothic Neo', AppleGothic, 'Noto Sans KR', Roboto, 'Malgun Gothic', NanumGothic, sans-serif;
}
button:focus {
	outline: none;
}
input:focus {
	outline: none;
}
input[type=hidden] {
	display: none;
}

/* home css */
.home h1 {
	top: 15px;
}
.home h2 {
	height: 50px;
}
.home .content {
	width: 340px; margin: -8px auto 10px;
}
.home .content:after {
	content: ""; display: block; clear: both;
}
.home .content a:before, .home .content .swap:before {
	content: ""; float: left;
	width: 44px; height: 44px; margin: 0 8px 0 0;
}
.home .content a, .home .content .swap {
	float: left; cursor: pointer;
	width: 160px; height: 44px; margin: 5px; padding: 0; border-radius: 0 10px 10px 0;
	line-height: 44px; text-align: left; text-decoration: none; font-size: 16px; color: #7da7d9;
	background-color: #35466e;
}
.home .content ol {
	display: none; float: left;
	width: 132px; height: 34px; margin: 5px; padding: 5px 14px; border-radius: 0 10px 10px 0;
	background: transparent;
}
.home .content ol a:before {
	float: none;
	width: 0; height: 0; margin: 0;
}
.home .content ol a {
	width: 34px; height: 34px; margin: 0 5px; padding: 0; border-radius: 22px;
	line-height: 34px; text-align: center; color: #e3ddff;
	background-color: #574b8b;
}
.home .content .small {
	font-size: 11px;
}
.home footer {
	margin-bottom: 10px;
	text-align: center; font-size: 11px; color: #899398;
}
.home footer a {
	text-decoration: none; color: #899398;
}
.home footer .separate {
	position: relative; top: -2px;
	padding: 0 5px;
	font-size: 8px;
}

/* canee css */
#tarot-canee p {
	width: 290px; margin: 20px 0 20px 20px;
	line-height: 1.5; font-size: 14px; color: #ddd;
}
#tarot-canee p.small {
	font-size: 11px; color: #899398;
}
#tarot-canee p.canee {
	width: 290px; margin-left: 5px; padding: 20px; border-radius: 6px;
	text-align: center; font-size: 14px;
	background-color: #2c393f;
}
#tarot-canee p.canee a {
	text-decoration: none; color: #ddd;
}
#tarot-canee p.canee strong {
	color: #fdc689;
}

/* abbr css */
#tarot-abbr p {
	width: 330px; margin: 20px 5px;
	line-height: 1.5; text-align: center; font-size: 14px; color: #ddd;
}
#tarot-abbr p a {
	text-decoration: none; color: #ddd;
}
#tarot-abbr p strong {
	color: #fdc689;
}
#tarot-abbr table {
	width: 334px; margin: 10px 3px; border-left: 2px solid #232d32; border-top: 2px solid #232d32;
	text-align: center; font-size: 13px; color: #ddd;
	background: #2c393f;
}
#tarot-abbr table th {
	width: 50px; padding: 9px; border-right: 2px solid #232d32; border-bottom: 2px solid #232d32;
}
#tarot-abbr table td {
	padding: 9px; border-right: 2px solid #232d32; border-bottom: 2px solid #232d32;
}
#tarot-abbr table span {
	margin: 0 5px;
}

/* popup css */
#dummy {
	display: none; position: absolute; left: 0; top: 0; z-index: 9996;
	background-color: #000;
}
#popup {
	z-index:9997;
}
#popup .close {
	overflow: hidden; cursor: pointer;
	padding: 0; border: 0;
	text-indent: -9999px;
	background: url("imgs/i-x3.svg") no-repeat center center;
}
#popup .copy {
	cursor: pointer;
}
#popup ul {
	list-style-type : square;
}
#popup ul li {
	margin: 0 0 5px 0;
}

/* tab css */
.tab {
	margin: 0; padding: 0 0 12px; border-bottom: 2px dotted #2c393f;
}
.tab:after {
	content: ""; display: block; clear: both;
}
.tab li {
	float: left;
}
.tab li:nth-child(1) a, .tab li:nth-child(2) a {
	width: 70px;
}
.tab li:nth-child(3) a, .tab li:nth-child(4) a {
	width: 100px;
}
.tab li a {
	float: left; cursor: pointer;
	height: 35px; border-radius: 6px;
	line-height: 35px; text-align: center; text-decoration: none;
}
.tab li a.on {
	background: #b95663;
}

/* option css */
.option {
	width: 340px; margin: 8px 0; padding: 0;
	text-align: center;
}
.option li {
	display: inline-block; cursor: pointer;
	margin: 0 10px; padding: 0 0 0 10px;
	line-height: 13px; font-size: 13px; color: #959c9f;
	background: url("imgs/bul-square.png") no-repeat left center;
	background-size: 6px 6px;
}
.option li.selected {
	color: #fff;
	background: url("imgs/bul-square2.png") no-repeat left center;
	background-size: 6px 6px;
}

/* memo css */
.memo {
	display: none;
	margin: 2px 0 0;
}
.memo dl {
	position: relative;
	height: 30px;
}
.memo dl:after {
	content: ""; display: block; clear: both;
}
.memo dt, .memo dd {
	position: absolute; left: 0; top: 0;
}
.memo dt {
	width: 335px; height: 30px; padding: 0 0 0 5px;
	line-height: 30px; font-size: 13px; color: #959c9f;
	background: #2c393f;
}
.memo dd input {
	width: 290px; height: 30px; margin: 0 0 0 50px; border: 0;
	line-height: 30px; font-size: 16px; color: #959c9f;
	background: transparent;
}

/* define css */
.define {
	display: none;
	width: 340px; margin: 2px 0 0;
}
.define:after {
	content: ""; display: block; clear: both;
}
.define dl {
	width: 340px;
}
.define dl:after {
	content: ""; display: block; clear: both;
}
.define dt, .define dd {
	float: left;
	height: 30px; margin-top: 2px;
	line-height: 30px; font-size: 13px; color: #959c9f;
	background: #2c393f;
}
.define dt {
	width: 17px; padding: 0 0 0 5px;
}
.define dd {
	width: 90px;
}
.define dt.first {
	margin-top: 0;
}
.define dd.first {
	margin-top: 0;
}
.define dt.odd {
	margin-left: 2px;
}
.define dd.odd {
	margin-right: 2px;
}
.define .blur dt, .define .blur dd, .define .blur input {
	color: #364045;
	background-color: #1b2327;
}
.define dd input {
	width: 92px;
	color: #959c9f; font-size: 16px;
	background: transparent;
}
.define .define-rc {
	width: 340px;
}
.define .define-rc:after {
	content: ""; display: block; clear: both;
}
.define .define-rc dd {
	width: 84px;
	text-align: center;
}
.define .define-rc dd.odd {
	margin-left: 2px; margin-right: 0;
}
.define .define-rc input {
	width: 80px; padding: 0 2px;
	text-align: center;
}
.define .define-rc input::placeholder {
	text-align: center; color: #959c9f;
}
.define .define-rc .blur input::placeholder {
	text-align: center; color: #364045;
}
.define .define-r {
	float: left;
	width: 84px; margin-top: 30px;
}
.define .define-c {
	float: right;
	width: 256px;
}
#eight-cards .define-r {
	width: 66px;
}
#eight-cards .define-c {
	width: 274px;
}
#eight-cards .define-r dd {
	width: 66px;
}
#eight-cards .define-r input {
	width: 62px;
}
#eight-cards .define-c dd {
	width: 67px;
}
#eight-cards .define-c input {
	width: 63px;
}

/* guide css */
.guide {
	height: 84px; margin: 10px 0 0; padding: 62px 40px; border: 2px solid #b95663; border-radius: 6px;
	line-height: 1.7; text-align: left;
}
.guide strong {
	display: inline-block;
	border-bottom: 1px dashed #fdc689;
}

/* pick css */
.pick .box {
	overflow-x: scroll; position: relative;
	width: 336px; height: 321px; margin: 10px auto 0; border: 2px solid #b95663; border-radius: 6px;
}
.pick .box li input {
	display: none;
}
.pick .box li label, .pick .box li .swap {
	display: block; position: absolute;
	width: 42px; height: 73px; border: 1px solid #998fc7; border-radius: 4px;
	line-height: 0; text-indent: -1000000px; font-size: 0;
}
.pick .box li.n label {
	display: block;
}
.pick .box li.y label {
	display: none;
}
.pick .box li.n .swap {
	display: none;
}
.pick .box li.y .swap {
	display: block;
}
.pick .number {
	margin: 15px 0 20px;
	text-align: center;
}
.pick .number strong {
	display: inline-block;
	width: 34px; height: 34px; border-radius: 17px;
	line-height: 34px;
	background: #b95663;
}
.pick .submit {
	display: none;
}

.pick .box #card0 label, .pick .box #card0 .swap {left: 0px;}
.pick .box #card1 label, .pick .box #card1 .swap {left: 25px;}
.pick .box #card2 label, .pick .box #card2 .swap {left: 50px;}
.pick .box #card3 label, .pick .box #card3 .swap {left: 75px;}
.pick .box #card4 label, .pick .box #card4 .swap {left: 100px;}
.pick .box #card5 label, .pick .box #card5 .swap {left: 125px;}
.pick .box #card6 label, .pick .box #card6 .swap {left: 150px;}
.pick .box #card7 label, .pick .box #card7 .swap {left: 175px;}
.pick .box #card8 label, .pick .box #card8 .swap {left: 200px;}
.pick .box #card9 label, .pick .box #card9 .swap {left: 225px;}
.pick .box #card10 label, .pick .box #card10 .swap {left: 250px;}
.pick .box #card11 label, .pick .box #card11 .swap {left: 275px;}
.pick .box #card12 label, .pick .box #card12 .swap {left: 300px;}
.pick .box #card13 label, .pick .box #card13 .swap {left: 325px;}
.pick .box #card14 label, .pick .box #card14 .swap {left: 350px;}
.pick .box #card15 label, .pick .box #card15 .swap {left: 375px;}
.pick .box #card16 label, .pick .box #card16 .swap {left: 400px;}
.pick .box #card17 label, .pick .box #card17 .swap {left: 425px;}
.pick .box #card18 label, .pick .box #card18 .swap {left: 450px;}
.pick .box #card19 label, .pick .box #card19 .swap {left: 475px;}
.pick .box #card20 label, .pick .box #card20 .swap {left: 500px;}
.pick .box #card21 label, .pick .box #card21 .swap {left: 525px;}
.pick .box #card22 label, .pick .box #card22 .swap {left: 550px;}
.pick .box #card23 label, .pick .box #card23 .swap {left: 575px;}
.pick .box #card24 label, .pick .box #card24 .swap {left: 600px;}
.pick .box #card25 label, .pick .box #card25 .swap {left: 625px;}

.pick .box #card26 label, .pick .box #card26 .swap {left: 0px; top: 94px;}
.pick .box #card27 label, .pick .box #card27 .swap {left: 25px; top: 94px;}
.pick .box #card28 label, .pick .box #card28 .swap {left: 50px; top: 94px;}
.pick .box #card29 label, .pick .box #card29 .swap {left: 75px; top: 94px;}
.pick .box #card30 label, .pick .box #card30 .swap {left: 100px; top: 94px;}
.pick .box #card31 label, .pick .box #card31 .swap {left: 125px; top: 94px;}
.pick .box #card32 label, .pick .box #card32 .swap {left: 150px; top: 94px;}
.pick .box #card33 label, .pick .box #card33 .swap {left: 175px; top: 94px;}
.pick .box #card34 label, .pick .box #card34 .swap {left: 200px; top: 94px;}
.pick .box #card35 label, .pick .box #card35 .swap {left: 225px; top: 94px;}
.pick .box #card36 label, .pick .box #card36 .swap {left: 250px; top: 94px;}
.pick .box #card37 label, .pick .box #card37 .swap {left: 275px; top: 94px;}
.pick .box #card38 label, .pick .box #card38 .swap {left: 300px; top: 94px;}
.pick .box #card39 label, .pick .box #card39 .swap {left: 325px; top: 94px;}
.pick .box #card40 label, .pick .box #card40 .swap {left: 350px; top: 94px;}
.pick .box #card41 label, .pick .box #card41 .swap {left: 375px; top: 94px;}
.pick .box #card42 label, .pick .box #card42 .swap {left: 400px; top: 94px;}
.pick .box #card43 label, .pick .box #card43 .swap {left: 425px; top: 94px;}
.pick .box #card44 label, .pick .box #card44 .swap {left: 450px; top: 94px;}
.pick .box #card45 label, .pick .box #card45 .swap {left: 475px; top: 94px;}
.pick .box #card46 label, .pick .box #card46 .swap {left: 500px; top: 94px;}
.pick .box #card47 label, .pick .box #card47 .swap {left: 525px; top: 94px;}
.pick .box #card48 label, .pick .box #card48 .swap {left: 550px; top: 94px;}
.pick .box #card49 label, .pick .box #card49 .swap {left: 575px; top: 94px;}
.pick .box #card50 label, .pick .box #card50 .swap {left: 600px; top: 94px;}
.pick .box #card51 label, .pick .box #card51 .swap {left: 625px; top: 94px;}

.pick .box #card52 label, .pick .box #card52 .swap {left: 0; top: 188px;}
.pick .box #card53 label, .pick .box #card53 .swap {left: 25px; top: 188px;}
.pick .box #card54 label, .pick .box #card54 .swap {left: 50px; top: 188px;}
.pick .box #card55 label, .pick .box #card55 .swap {left: 75px; top: 188px;}
.pick .box #card56 label, .pick .box #card56 .swap {left: 100px; top: 188px;}
.pick .box #card57 label, .pick .box #card57 .swap {left: 125px; top: 188px;}
.pick .box #card58 label, .pick .box #card58 .swap {left: 150px; top: 188px;}
.pick .box #card59 label, .pick .box #card59 .swap {left: 175px; top: 188px;}
.pick .box #card60 label, .pick .box #card60 .swap {left: 200px; top: 188px;}
.pick .box #card61 label, .pick .box #card61 .swap {left: 225px; top: 188px;}
.pick .box #card62 label, .pick .box #card62 .swap {left: 250px; top: 188px;}
.pick .box #card63 label, .pick .box #card63 .swap {left: 275px; top: 188px;}
.pick .box #card64 label, .pick .box #card64 .swap {left: 300px; top: 188px;}
.pick .box #card65 label, .pick .box #card65 .swap {left: 325px; top: 188px;}
.pick .box #card66 label, .pick .box #card66 .swap {left: 350px; top: 188px;}
.pick .box #card67 label, .pick .box #card67 .swap {left: 375px; top: 188px;}
.pick .box #card68 label, .pick .box #card68 .swap {left: 400px; top: 188px;}
.pick .box #card69 label, .pick .box #card69 .swap {left: 425px; top: 188px;}
.pick .box #card70 label, .pick .box #card70 .swap {left: 450px; top: 188px;}
.pick .box #card71 label, .pick .box #card71 .swap {left: 475px; top: 188px;}
.pick .box #card72 label, .pick .box #card72 .swap {left: 500px; top: 188px;}
.pick .box #card73 label, .pick .box #card73 .swap {left: 525px; top: 188px;}
.pick .box #card74 label, .pick .box #card74 .swap {left: 550px; top: 188px;}
.pick .box #card75 label, .pick .box #card75 .swap {left: 575px; top: 188px;}
.pick .box #card76 label, .pick .box #card76 .swap {left: 600px; top: 188px;}
.pick .box #card77 label, .pick .box #card77 .swap {left: 625px; top: 188px;}

/* order css */
.order {
	margin: 10px 0 0;
}
.order input {
	width: 336px; height: 40px; border: 2px solid #b95663; border-radius: 6px;
	line-height: 40px; text-align: center; font-size: 16px; color: #fff;
	background: transparent;
}

/* pad css */
.pad {
	width: 344px; margin: 6px 0 0 -2px;
	font-size: 13px;
}
.pad:after {
	content: ""; display: block; clear: both;
}
.pad li {
	float: left;
}
.pad button {
	cursor: pointer;
	width: 82px; height: 34px; margin: 4px 2px 0; padding: 0; border: 0;
	text-align: center; font-size: 13px; color: #eee;
}
.pad button.reverse-off {
	background: #959c9f;
}
.pad button.reverse-on {
	background: #b95663;
}
.pad input {
	display: none;
}
.pad label {
	display: block; cursor: pointer;
	width: 39px; margin: 4px 2px 0;
	line-height: 34px; text-align: center; color: #333;
	background: #eee;
}
.pad input[type="checkbox"] + label {
	display: block; cursor: pointer;
	width: 39px; margin: 4px 2px 0;
	line-height: 34px; text-align: center; color: #333;
	background: #eee;
}
.pad input[type="checkbox"]:checked + label {
	color: #fff;
	background: #000;
}

/* submit css */
.submit {
	margin: 20px 0;
	text-align: center;
}
.submit input {
	display: inline-block; cursor: pointer;
	margin: 0 28px 0 0; padding: 3px 0 3px 28px;
	text-decoration: none; color: #fff;
}

/* on css */
.view864 {
	background: #fff url("imgs/board.jpg") repeat 0 0;
}
#on h1 {
	display: none;
}
#on h2 {
	display: none;
}
#on .content {
	position: relative; z-index: 10;
}
#on .content .base-low {
	width: 864px; height: 590px;
}
#on .content .base-high {
	width: 864px; height: 1180px;
}
#target {
	position: absolute; left: 0; top: 0; z-index: 40;
	width: 864px; height: 1180px; border: 0;
}
#one-card #target,
#two-cards #target,
#three-cards #target,
#four-cards #target,
#five-cards #target {
	height: 590px;
}
#base {
	position: absolute; left: 0; top: 0; z-index: 20;
	background: #fff url("imgs/board.jpg") repeat 0 0;
}
#base img {
	display: block;
}
#base p {
	position: absolute; left: 82px;
	width: 700px;
	text-align: center; color: #333;
}
#base dt {
	display: flex; align-items: center; justify-content: center;
	position: absolute; z-index: 300;
	text-align: center; color: #eee;
	background-color: rgba(0,0,0,0.65);
}
#base .size1 dt {
	width: 178px;
}
#base .size2 dt, #base .size3 dt {
	width: 146px;
}
#base dd {
	position: absolute; z-index: 30;
	border-radius: 6px;
	background: #fff;
}
#base dd.deg {
	border-radius: 6px;
	background: #fff;
}
#base .size1 dd {
	padding: 5px 4px;
}
#base .size2 dd {
	padding: 5px 4px;
}
#base .size2 dd.deg {
	transform: rotate(270deg);
}
#base .size3 dd {
	padding: 4px 3px;
}
#base .size3 dd.deg {
	transform: rotate(270deg);
}
#base .size1 dd img {
	width: 174px; height: 286px;
}
#base .size2 dd img {
	width: 140px; height: 230px;
}
#base .size3 dd img {
	width: 112px; height: 184px;
}

/* spread memo css */
#one-card #base p, #two-cards #base p, #three-cards #base p, #four-cards #base p, #five-cards #base p {
	top: 486px;
}
#six-cards #base p, #seven-cards #base p, #eight-cards #base p {
	top: 885px;
}
#cross1 #base p, #cross2 #base p, #cross3 #base p, #pyramid #base p, #magic-seven #base p, #awen #base p {
	top: 1017px;
}
#celtic-cross #base p, #dragon-raja #base p, #cup-of-relationship #base p, #reading-mind #base p {
	top: 1105px;
}
#horseshoe #base p {
	top: 945px;
}
#alternative #base p {
	top: 993px;
}
#relationship #base p {
	top: 1053px;
}
#horoscope #base p {
	top: 1022px;
}
#new-year #base p {
	top: 1105px;
}
#yin-yang #base p {
	top: 991px;
}

/* spread define css */
#one-card .d01 {
	left: 341px; top: 410px;
}

#two-cards .d01 {
	left: 230px; top: 410px;
}
#two-cards .d02 {
	left: 452px; top: 410px;
}

#three-cards .d01 {
	left: 129px; top: 410px;
}
#three-cards .d02 {
	left: 341px; top: 410px;
}
#three-cards .d03 {
	left: 553px; top: 410px;
}

#four-cards .d01 {
	left: 38px; top: 410px;
}
#four-cards .d02 {
	left: 240px; top: 410px;
}
#four-cards .d03 {
	left: 442px; top: 410px;
}
#four-cards .d04 {
	left: 644px; top: 410px;
}

#five-cards .d01 {
	left: 42px; top: 386px;
}
#five-cards .d02 {
	left: 200px; top: 386px;
}
#five-cards .d03 {
	left: 358px; top: 386px;
}
#five-cards .d04 {
	left: 516px; top: 386px;
}
#five-cards .d05 {
	left: 674px; top: 386px;
}

#six-cards .d00-1 {
	left: 14px; top: 433px;
}
#six-cards .d00-2 {
	left: 14px; top: 697px;
}
#six-cards .d00-3 {
	left: 186px; top: 264px;
}
#six-cards .d00-4 {
	left: 358px; top: 264px;
}
#six-cards .d00-5 {
	left: 530px; top: 264px;
}

#six-cards .d01 {
	left: 186px; top: 549px;
}
#six-cards .d02 {
	left: 358px; top: 549px;
}
#six-cards .d03 {
	left: 530px; top: 549px;
}
#six-cards .d04 {
	left: 186px; top: 813px;
}
#six-cards .d05 {
	left: 358px; top: 813px;
}
#six-cards .d06 {
	left: 530px; top: 813px;
}

#seven-cards .d01 {
	left: 100px; top: 549px;
}
#seven-cards .d02 {
	left: 272px; top: 549px;
}
#seven-cards .d03 {
	left: 444px; top: 549px;
}
#seven-cards .d04 {
	left: 616px; top: 549px;
}
#seven-cards .d05 {
	left: 186px; top: 813px;
}
#seven-cards .d06 {
	left: 358px; top: 813px;
}
#seven-cards .d07 {
	left: 530px; top: 813px;
}

#eight-cards .d00-1 {
	left: 14px; top: 433px;
}
#eight-cards .d00-2 {
	left: 14px; top: 697px;
}
#eight-cards .d00-3 {
	left: 100px; top: 264px;
}
#eight-cards .d00-4 {
	left: 272px; top: 264px;
}
#eight-cards .d00-5 {
	left: 444px; top: 264px;
}
#eight-cards .d00-6 {
	left: 616px; top: 264px;
}

#eight-cards .d01 {
	left: 100px; top: 549px;
}
#eight-cards .d02 {
	left: 272px; top: 549px;
}
#eight-cards .d03 {
	left: 444px; top: 549px;
}
#eight-cards .d04 {
	left: 616px; top: 549px;
}
#eight-cards .d05 {
	left: 100px; top: 813px;
}
#eight-cards .d06 {
	left: 272px; top: 813px;
}
#eight-cards .d07 {
	left: 444px; top: 813px;
}
#eight-cards .d08 {
	left: 616px; top: 813px;
}

#cross1 .d01 {
	left: 186px; top: 681px;
}
#cross1 .d02 {
	left: 358px; top: 681px;
}
#cross1 .d03 {
	left: 530px; top: 681px;
}
#cross1 .d04 {
	left: 358px; top: 945px;
}
#cross1 .d05 {
	left: 358px; top: 417px;
}

#cross2 .d01 {
	left: 358px; top: 681px;
}
#cross2 .d02 {
	left: 358px; top: 945px;
}
#cross2 .d03 {
	left: 186px; top: 681px;
}
#cross2 .d04 {
	left: 358px; top: 417px;
}
#cross2 .d05 {
	left: 530px; top: 681px;
}

#cross3 .d02 {
	left: 186px; top: 681px;
}
#cross3 .d01 {
	left: 358px; top: 681px;
}
#cross3 .d03 {
	left: 530px; top: 681px;
}
#cross3 .d04 {
	left: 358px; top: 417px;
}
#cross3 .d05 {
	left: 358px; top: 945px;
}

#pyramid .d01 {
	left: 186px; top: 945px;
}
#pyramid .d02 {
	left: 358px; top: 945px;
}
#pyramid .d03 {
	left: 530px; top: 945px;
}
#pyramid .d04 {
	left: 272px; top: 681px;
}
#pyramid .d05 {
	left: 444px; top: 681px;
}
#pyramid .d06 {
	left: 358px; top: 417px;
}

#alternative .d01 {
	left: 136px; top: 805px;
}
#alternative .d02 {
	left: 580px; top: 805px;
}

#awen .d00-1 {
	left: 14px; top: 301px;
}
#awen .d00-2 {
	left: 14px; top: 565px;
}
#awen .d00-3 {
	left: 14px; top: 829px;
}
#awen .d00-4 {
	left: 186px; top: 132px;
}
#awen .d00-5 {
	left: 358px; top: 132px;
}
#awen .d00-6 {
	left: 530px; top: 132px;
}

#awen .d01 {
	left: 186px; top: 417px;
}
#awen .d02 {
	left: 186px; top: 681px;
}
#awen .d03 {
	left: 186px; top: 945px;
}
#awen .d04 {
	left: 358px; top: 417px;
}
#awen .d05 {
	left: 358px; top: 681px;
}
#awen .d06 {
	left: 358px; top: 945px;
}
#awen .d07 {
	left: 530px; top: 417px;
}
#awen .d08 {
	left: 530px; top: 681px;
}
#awen .d09 {
	left: 530px; top: 945px;
}

#relationship .d01 {
	left: 81px; top: 265px;
}
#relationship .d02 {
	left: 635px; top: 265px;
}

#cup-of-relationship .d01 {
	left: 28px; top: 940px;
}
#cup-of-relationship .d02 {
	left: 688px; top: 940px;
}

#yin-yang .d01 {
	left: 103px; top: 203px;
}
#yin-yang .d02 {
	left: 613px; top: 203px;
}

/* spread css */
#one-card .p01 {
	left: 341px; top: 147px;
}

#two-cards .p01 {
	left: 230px; top: 147px;
}
#two-cards .p02 {
	left: 452px; top: 147px;
}

#three-cards .p01 {
	left: 129px; top: 147px;
}
#three-cards .p02 {
	left: 341px; top: 147px;
}
#three-cards .p03 {
	left: 553px; top: 147px;
}

#four-cards .p01 {
	left: 38px; top: 147px;
}
#four-cards .p02 {
	left: 240px; top: 147px;
}
#four-cards .p03 {
	left: 442px; top: 147px;
}
#four-cards .p04 {
	left: 644px; top: 147px;
}

#five-cards .p01 {
	left: 42px; top: 175px;
}
#five-cards .p02 {
	left: 200px; top: 175px;
}
#five-cards .p03 {
	left: 358px; top: 175px;
}
#five-cards .p04 {
	left: 516px; top: 175px;
}
#five-cards .p05 {
	left: 674px; top: 175px;
}

#six-cards .p01 {
	left: 186px; top: 338px;
}
#six-cards .p02 {
	left: 358px; top: 338px;
}
#six-cards .p03 {
	left: 530px; top: 338px;
}
#six-cards .p04 {
	left: 186px; top: 602px;
}
#six-cards .p05 {
	left: 358px; top: 602px;
}
#six-cards .p06 {
	left: 530px; top: 602px;
}

#seven-cards .p01 {
	left: 100px; top: 338px;
}
#seven-cards .p02 {
	left: 272px; top: 338px;
}
#seven-cards .p03 {
	left: 444px; top: 338px;
}
#seven-cards .p04 {
	left: 616px; top: 338px;
}
#seven-cards .p05 {
	left: 186px; top: 602px;
}
#seven-cards .p06 {
	left: 358px; top: 602px;
}
#seven-cards .p07 {
	left: 530px; top: 602px;
}

#eight-cards .p01 {
	left: 100px; top: 338px;
}
#eight-cards .p02 {
	left: 272px; top: 338px;
}
#eight-cards .p03 {
	left: 444px; top: 338px;
}
#eight-cards .p04 {
	left: 616px; top: 338px;
}
#eight-cards .p05 {
	left: 100px; top: 602px;
}
#eight-cards .p06 {
	left: 272px; top: 602px;
}
#eight-cards .p07 {
	left: 444px; top: 602px;
}
#eight-cards .p08 {
	left: 616px; top: 602px;
}

#celtic-cross .p01 {
	left: 244px; top: 470px;
}
#celtic-cross .p02 {
	left: 244px; top: 470px;
}
#celtic-cross .p03 {
	left: 244px; top: 720px;
}
#celtic-cross .p04 {
	left: 40px; top: 470px;
}
#celtic-cross .p05 {
	left: 244px; top: 220px;
}
#celtic-cross .p06 {
	left: 448px; top: 470px;
}
#celtic-cross .p07 {
	left: 676px; top: 845px;
}
#celtic-cross .p08 {
	left: 676px; top: 595px;
}
#celtic-cross .p09 {
	left: 676px; top: 345px;
}
#celtic-cross .p10 {
	left: 676px; top: 95px;
}

#magic-seven .p01 {
	left: 358px; top: 206px;
}
#magic-seven .p02 {
	left: 566px; top: 602px;
}
#magic-seven .p03 {
	left: 150px; top: 602px;
}
#magic-seven .p04 {
	left: 358px; top: 734px;
}
#magic-seven .p05 {
	left: 150px; top: 338px;
}
#magic-seven .p06 {
	left: 566px; top: 338px;
}
#magic-seven .p07 {
	left: 358px; top: 470px;
}

#cross1 .p01 {
	left: 186px; top: 470px;
}
#cross1 .p02 {
	left: 358px; top: 470px;
}
#cross1 .p03 {
	left: 530px; top: 470px;
}
#cross1 .p04 {
	left: 358px; top: 734px;
}
#cross1 .p05 {
	left: 358px; top: 206px;
}

#cross2 .p01 {
	left: 358px; top: 470px;
}
#cross2 .p02 {
	left: 358px; top: 734px;
}
#cross2 .p03 {
	left: 186px; top: 470px;
}
#cross2 .p04 {
	left: 358px; top: 206px;
}
#cross2 .p05 {
	left: 530px; top: 470px;
}

#cross3 .p02 {
	left: 186px; top: 470px;
}
#cross3 .p01 {
	left: 358px; top: 470px;
}
#cross3 .p03 {
	left: 530px; top: 470px;
}
#cross3 .p04 {
	left: 358px; top: 206px;
}
#cross3 .p05 {
	left: 358px; top: 734px;
}

#pyramid .p01 {
	left: 186px; top: 734px;
}
#pyramid .p02 {
	left: 358px; top: 734px;
}
#pyramid .p03 {
	left: 530px; top: 734px;
}
#pyramid .p04 {
	left: 272px; top: 470px;
}
#pyramid .p05 {
	left: 444px; top: 470px;
}
#pyramid .p06 {
	left: 358px; top: 206px;
}

#horseshoe .p01 {
	left: 112px; top: 662px;
}
#horseshoe .p02 {
	left: 186px; top: 398px;
}
#horseshoe .p03 {
	left: 358px; top: 278px;
}
#horseshoe .p04 {
	left: 530px; top: 398px;
}
#horseshoe .p05 {
	left: 604px; top: 662px;
}

#dragon-raja .p01 {
	left: 200px; top: 845px;
}
#dragon-raja .p02 {
	left: 358px; top: 845px;
}
#dragon-raja .p03 {
	left: 516px; top: 845px;
}
#dragon-raja .p04 {
	left: 279px; top: 595px;
}
#dragon-raja .p05 {
	left: 437px; top: 595px;
}
#dragon-raja .p06 {
	left: 121px; top: 345px;
}
#dragon-raja .p07 {
	left: 279px; top: 345px;
}
#dragon-raja .p08 {
	left: 437px; top: 345px;
}
#dragon-raja .p09 {
	left: 595px; top: 345px;
}
#dragon-raja .p10 {
	left: 279px; top: 95px;
}
#dragon-raja .p11 {
	left: 437px; top: 95px;
}
#dragon-raja .p12 {
	left: 655px; top: 35px;
}

#alternative .p01 {
	left: 358px; top: 710px;
}
#alternative .p02 {
	left: 210px; top: 470px;
}
#alternative .p03 {
	left: 506px; top: 470px;
}
#alternative .p04 {
	left: 62px; top: 230px;
}
#alternative .p05 {
	left: 654px; top: 230px;
}

#awen .p01 {
	left: 186px; top: 206px;
}
#awen .p02 {
	left: 186px; top: 470px;
}
#awen .p03 {
	left: 186px; top: 734px;
}
#awen .p04 {
	left: 358px; top: 206px;
}
#awen .p05 {
	left: 358px; top: 470px;
}
#awen .p06 {
	left: 358px; top: 734px;
}
#awen .p07 {
	left: 530px; top: 206px;
}
#awen .p08 {
	left: 530px; top: 470px;
}
#awen .p09 {
	left: 530px; top: 734px;
}

#relationship .p01 {
	left: 253px; top: 170px;
}
#relationship .p02 {
	left: 463px; top: 170px;
}
#relationship .p03 {
	left: 42px; top: 410px;
}
#relationship .p04 {
	left: 674px; top: 410px;
}
#relationship .p05 {
	left: 200px; top: 590px;
}
#relationship .p06 {
	left: 516px; top: 590px;
}
#relationship .p07 {
	left: 358px; top: 770px;
}

#cup-of-relationship .p01 {
	left: 200px; top: 845px;
}
#cup-of-relationship .p02 {
	left: 516px; top: 845px;
}
#cup-of-relationship .p03 {
	left: 358px; top: 845px;
}
#cup-of-relationship .p04 {
	left: 358px; top: 595px;
}
#cup-of-relationship .p05 {
	left: 358px; top: 345px;
}
#cup-of-relationship .p06 {
	left: 456px; top: 470px;
}
#cup-of-relationship .p07 {
	left: 200px; top: 220px;
}
#cup-of-relationship .p08 {
	left: 516px; top: 220px;
}
#cup-of-relationship .p09 {
	left: 42px; top: 95px;
}
#cup-of-relationship .p10 {
	left: 674px; top: 95px;
}
#cup-of-relationship .p11 {
	left: 358px; top: 95px;
}

#horoscope .p00 {
	left: 373px; top: 494px;
}
#horoscope .p01 {
	left: 53px; top: 595px;
}
#horoscope .p02 {
	left: 181px; top: 691px;
}
#horoscope .p03 {
	left: 309px; top: 787px;
}
#horoscope .p04 {
	left: 437px; top: 787px;
}
#horoscope .p05 {
	left: 565px; top: 691px;
}
#horoscope .p06 {
	left: 693px; top: 595px;
}
#horoscope .p07 {
	left: 693px; top: 393px;
}
#horoscope .p08 {
	left: 565px; top: 297px;
}
#horoscope .p09 {
	left: 437px; top: 201px;
}
#horoscope .p10 {
	left: 309px; top: 201px;
}
#horoscope .p11 {
	left: 181px; top: 297px;
}
#horoscope .p12 {
	left: 53px; top: 393px;
}

#new-year .p01 {
	left: 373px; top: 95px;
}
#new-year .p02 {
	left: 496px; top: 228px;
}
#new-year .p03 {
	left: 619px; top: 361px;
}
#new-year .p04 {
	left: 742px; top: 494px;
}
#new-year .p05 {
	left: 619px; top: 627px;
}
#new-year .p06 {
	left: 496px; top: 760px;
}
#new-year .p07 {
	left: 373px; top: 893px;
}
#new-year .p08 {
	left: 250px; top: 760px;
}
#new-year .p09 {
	left: 127px; top: 627px;
}
#new-year .p10 {
	left: 4px; top: 494px;
}
#new-year .p11 {
	left: 127px; top: 361px;
}
#new-year .p12 {
	left: 250px; top: 228px;
}
#new-year .p13 {
	left: 373px; top: 494px;
}

#yin-yang .p01 {
	left: 373px; top: 494px;
}
#yin-yang .p02 {
	left: 373px; top: 494px; z-index: 31;
}
#yin-yang .p03 {
	left: 236px; top: 494px;
}
#yin-yang .p04 {
	left: 510px; top: 494px;
}
#yin-yang .p05 {
	left: 118px; top: 302px;
}
#yin-yang .p06 {
	left: 628px; top: 302px;
}
#yin-yang .p07 {
	left: 118px; top: 686px;
}
#yin-yang .p08 {
	left: 628px; top: 686px;
}
#yin-yang .p09 {
	left: 0; top: 494px;
}
#yin-yang .p10 {
	left: 746px; top: 494px;
}
#yin-yang .p11 {
	left: 373px; top: 756px;
}
#yin-yang .p12 {
	left: 373px; top: 232px;
}

#reading-mind .p01 {
	left: 358px; top: 95px;
}
#reading-mind .p02 {
	left: 279px; top: 345px;
}
#reading-mind .p03 {
	left: 437px; top: 345px;
}
#reading-mind .p04 {
	left: 358px; top: 595px;
}
#reading-mind .p05 {
	left: 200px; top: 845px;
}
#reading-mind .p06 {
	left: 358px; top: 845px;
}
#reading-mind .p07 {
	left: 516px; top: 845px;
}
#reading-mind .p08 {
	left: 81px; top: 415px;
}
#reading-mind .p09 {
	left: 635px; top: 415px;
}