@import url(layout.css); 
.main .bar,.mc_line,.m-box {
	background: url(../images/tarot/repeat_x.gif) repeat-x;
}
.s-box .l-box {
	background: url(../images/tarot/repeat_y.gif) repeat-y; 
}
.l-box h3,.s-box .l-box-m,.c-box,.r-box h3,.m_box h3,.o-box h3,.o-box h4,.o-box h4 em, a.more,.o-box ul.limg li span {
	background: url(../images/tarot/img.gif) no-repeat; 
}
.m-top {
	background: url(../images/tarot/top.jpg); height: 120px; margin-top: 10px;
}
.m-box .l-box,.m_box_2 .box_m {
	background: url(../images/tarot/img_2.jpg);
}
.main{
	margin-top: 5px;
}
.main .bar{
	 height: 8px; overflow: hidden;
}
.m-box,.s-box,.o-box {
	background-color: #fffbee; border: solid 1px #C0AC87; font-size: 14px;
}
.m-box {
	 border-top:0; background-position: 0 -40px;
}
.m-box .l-box {
	width: 310px; height: 300px; float: left;
}
.m-box .l-box-m {
	margin: 80px 10px 0 160px; line-height: 24px; color: #936b4d; text-indent: 28px;
}
.c-box {
	width: 370px; height: 290px; background-position: 0 -45px; float: left;
}
.c-box-m {
	margin: 40px 20px 0;
}
.c-box-m li {
	height: 24px; line-height: 24px;
}
.r-box {
	float: right; width: 308px; sborder:solid 1px
}
.r-box h3 {
	height: 20px;background-position: -400px -220px; margin-top: 10px;
}
.r-box-m {
	margin: 10px auto 0; width:268px; height: 250px;
}
.r-box-m li {
	float: left; width: 120px; margin: 5px 7px 5px; display: inline
}
.btn {
	background: url(../images/tarot/s_btn.gif); width: 120px; height: 40px; display: block;
}
.btn_2 {
	background-position: 0 -40px;
}
.btn_3 {
	background-position: 0 -80px;
}
.btn_4 {
	background-position: 0 -120px;
}
.btn_5 {
	background-position: -120px 0;
}
.btn_6 {
	background-position: -120px -40px;
}
.btn_7 {
	background-position: -120px -80px;
}
.btn_8 {
	background-position: -120px -120px;
}
.btn_9 {
	background-position: -240px 0;
}
.btn_10 {
	background-position: -240px -40px;
}
.s-box {
	margin-top: 10px; height: 315px; overflow: hidden;
}
.s-box .l-box {
	width: 310px; height: 315px; float: left;
}
.s-box .l-box h3 {
	height: 40px; font-size: 14px; font-weight: 100;
}
.s-box .l-box-m ul {
	margin-left: 4px;
}
.s-box .l-box-m {
	background-position: -400px 0; width: 297px; height: 210px; margin: 0 auto;
}
.s-box .l-box .l-text {
	color: Gray; padding: 0 15px 5px; line-height: 22px;
}
.s-box .l-box-m li {
	float: left; width: 65px; height: 27px; line-height: 27px; margin: 4px 0 4px 5px; text-align: center;
}
.s-box .l-box-m li a {
	color: #fff;
}
.s-box .l-box-m li.mr {
	width: 140px; text-align: right;
}
.s-box .l-box-m li.mr a {
	color: #77431F;
}
.m_box {
	float: left; sborder-right: #d9c8aa 1px solid;
}
.m_box h3 {
	height: 20px; margin-top: 15px;
}
.m_box_2  h3 {
	margin: 0;
}
.m_box h3 a {
	display: block; width: 125px; margin: 0 auto; text-indent: -130px; overflow: hidden;
}
.m_box_1 h3 {
	background-position: -400px -250px;
}
.m_box_2 h3 {
	background-position: -400px -280px;
}
.m_box_2 .box_m {
	background-position: 0 -300px; width: 305px; height: 285px; padding: 10px 0; margin: 5px 0 0;
}
.m_box_1 {
	width: 369px;
}
.m_box_2 {
	border: 0; width: 308px;
}
.m_box ul {
	margin: 10px 20px;
}
.m_box li {
	height: 26px; line-height: 26px;
}
.m_box_2 li {
	
}
.o-box {
	margin-top: 10px; overflow: hidden;
}
.o-box ul {
	padding: 5px; margin: 5px 0 0;
}
.o-box h3 {
	height: 20px;background-position: -400px -302px; border-bottom: #ddccb1 1px solid; padding: 10px 10px 5px; clear: both;
}
.o-box ul.lpic {
	margin-left: 3px;
}
.o-box ul.lpic li {
	width: 131px; float: left; margin: 0 4px; text-align: center;
}
.o-box ul.lpic li img {
	width: 120px; height: 90px; border: #d1be9e solid 1px; padding: 3px; background: #fff; margin: 0 auto 6px; 
}
.o-box h4 {
	height: 30px;background-position: -410px -370px; margin-top: 10px; background-color: #f0e7d5; margin: 10px 10px 0;
}
.o-box h4 span {
	height: 30px; font-weight: 100; line-height: 30px; font-size: 12px; color: #997755;
}
.o-box h4 em {
	height: 30px; width: 10px; display: inline-block; background-position: -400px -370px;
}
.o-box ul.limg {
	margin-left: 5px;height: 315px;
}
.o-box ul.limg li {
	float: left; margin: 5px 4px; text-align: center;
}
.o-box ul.limg li img {
	width: 80px; display: block;
}
.o-box ul.limg li span {
	background-position: -400px -410px; display: inline-block; width: 70px; height: 20px; line-height: 20px; margin-top: 5px;
}
.o-box ul.limg li a {
	color: #7c622c;
}
a.more {
	float: right; background-position: -320px 0; width: 37px; height: 17px;
}