@charset "utf-8";

/* CSS Document */
@import url('/mirrorstarot/css/layout/layout.css');

#header {
	height: 200px;
}

#logo a {
	position: absolute;
	top: 8px;
	left: 302px;
}

#logo img {
	width: 176px;
	height: 112px;
	background: url(/mirrorstarot/image/logoIn.gif) no-repeat;
}

#search {
	margin-top: 0px;
	*margin-top: -10px;
	position: relative;
	z-index: 100;
	background: none;
	padding-left: 0px;
	left: -150px;
	top: -10px;
}

#subNav {
	position: relative;
	left: -150px;
	z-index: 105;
	top: -10px;
	*top:-15px;
}
.path{
	margin:5px 100px 0 365px;
	*margin:-5px 100px 0 365px;
	_margin:0px 100px -40px 365px;
	_position:relative;
	padding:8px 0 8px 46px;
	color:#444;
	background: url(/mirrorstarot/image/pathImg.jpg) no-repeat;
}
.path a{
 color:#444;
}



#contain {
	background: url(/mirrorstarot/image/containInBg.gif) repeat-y;
}

.inTitle {
	height: 80px; *
	height: 70px;
	background: url(/mirrorstarot/image/inTitleBg.gif) repeat-x;
}

.inTitle table {
	border-collapse: collapse;
	padding: 0px;
	float: right;
}

.inTitle td {
	border-collapse: collapse;
	padding: 0px;
}

.inTitleL {
	width: 72px;
	height: 75px;
	background: url(/mirrorstarot/image/inTitleL.gif) no-repeat;
}

.inTitle table .inTitleRe {
	color: #666;
	background: url(/mirrorstarot/image/inTitleRe.gif) repeat-x;
	height: 65px;
	font: normal 600 25px/ 65px "微軟正黑體";
	*font: normal 600 20px/ 70px "微軟正黑體";
	padding: 0 15px 10px 0;
}

.inTitle .hidden {
	clear: both;
}

/*---------------------------------------------------------------------------------------------Class-----*/
#classMain {
	background: url(/mirrorstarot/image/tarotClass/tarotClassBg.jpg) 0 0
		no-repeat;
}

#classNAV {
	
}

#classLeft {
	width: 253px;
	text-align: right;
	float: left;
	padding: 79px 0 350px 0;
	background: url(/mirrorstarot/image/tarotClass/tarotMenu.jpg) no-repeat;
}

#classText {
	padding: 0 80px 10px 80px;
	color: #555;
}

#classText p {
	background: url(/mirrorstarot/image/tarotClass/iconPen.gif) no-repeat;
	padding: 5px 10px 20px 30px;
	margin-left: 10px;
	border-bottom: 1px dotted #877447;
}

#classMain .classHasLeft {
	margin-left: 253px;
	padding: 0 110px 0px 30px;
}

#classMain div.basic {
	background: url(/mirrorstarot/image/tarotClass/tarotMenuLeftBasic.jpg)
		no-repeat;
}

#classMain div.method {
	background: url(/mirrorstarot/image/tarotClass/tarotMenuLeftMethod.jpg)
		no-repeat;
}

#classMain div.form {
	background: url(/mirrorstarot/image/tarotClass/tarotForm.jpg) no-repeat;
}

#classMain div.mean {
	background: url(/mirrorstarot/image/tarotClass/tarotMenuLeftMean.jpg)
		no-repeat;
}

#classMain div.introl {
	background: url(/mirrorstarot/image/tarotClass/tarotMenuLeftIntrol.jpg)
		no-repeat;
}

#classMain div.say {
	background: url(/mirrorstarot/image/tarotClass/tarotMenuLeftSay.jpg)
		no-repeat;
}

#classMain div.culture {
	background: url(/mirrorstarot/image/tarotClass/tarotMenuLeftCulture.jpg)
		no-repeat;
}

.bt01 {
	display: inline-block;
	width: 120px;
	text-align: center;
	height: 30px;
	line-height: 30px;
	background: url(/mirrorstarot/image/bt.gif) no-repeat;
	color: #fff;
	text-decoration: none;
}

#classText p.Pnoicon{
	background: none;
	padding: 5px 10px 5px 0;
}

.bt01:hover {
	color: #ccc;
}

.minorItemSet {
	font-size: 15px;
	color: #333;
	text-decoration: none;
	display: inline-block;
	padding: 0 5px 0 30px;
	height: 26px;
	line-height: 26px;
	border-left: 1px dotted #888;
	border-right: 1px dotted #888;
}

.minorItemSet:hover {
	color: #111;
	text-decoration: underline;
}

.dollar {
	background: url(/mirrorstarot/image/tarotClass/iconDollar.gif) no-repeat
		;
}

.cup {
	background: url(/mirrorstarot/image/tarotClass/iconCup.gif) no-repeat;
}

.stick {
	background: url(/mirrorstarot/image/tarotClass/iconStick.gif) no-repeat;
}

.sword {
	background: url(/mirrorstarot/image/tarotClass/iconSword.gif) no-repeat;
}

.card_list {
	width: 590px;
	margin-left: 10px;
}

.td2,.td3 {
	
}

.card_list td {
	padding: 3px 0;
	font-weight: 800;
	font-size: 12px;
}

.card_list td a {
	font-weight: 100;
	text-decoration: none;
	color: #666;
	padding-left: 5px;
}

.card_list td a:hover {
	border-bottom: 2px solid #666;
}

.card_difine_fake {
	background: url(/mirrorstarot/image/tarotClass/cardBg.jpg) no-repeat;
	margin-top: 10px;
	height: 230px;
	padding: 10px 0 0 15px;
	border-top: 1px dotted #888;
}

.card_difine {
	display: block;
	background: url(/mirrorstarot/image/tarotClass/cardBg2.jpg) right
		no-repeat;
}

.card_difine_text {
	margin-left: 130px;
}

.card_EName {
	padding-left: 5px;
	color: blue;
}

.card_topic {
	color: blue;
}

.card_contain {
	color: #009999;
}

#classText .card_contain p {
	background: url(/mirrorstarot/image/icon02.gif) no-repeat;
}

.tarotStyle0,.tarotStyle1,.tarotStyle2,.tarotStyle3{
 padding:20px 0 0 250px;
}
.tarotStyle0{
	background:url(/mirrorstarot/image/tarotClass/tarotStyle01.jpg) no-repeat;
}
.tarotStyle1{
	background:url(/mirrorstarot/image/tarotClass/tarotStyle02.jpg) no-repeat;
}
.tarotStyle2{
	background:url(/mirrorstarot/image/tarotClass/tarotStyle03.jpg) no-repeat;
}
.tarotStyle3{
	background:url(/mirrorstarot/image/tarotClass/tarotStyle04.jpg) no-repeat;
}
/*---------------------------------------------------------------------------------NewsList*/
.dynamicSearch{
 margin-left:320px;
 line-height:20px;
 font-weight:800;
}
.dynamicSearch_icon1{
 display:inline-block;
 background:url(/mirrorstarot/image/serch_icon1.jpg) no-repeat;
 padding:0 5px 0px 25px;
}
.dynamicSearch_key{
 display:inline-block;
 background:url(/mirrorstarot/image/serch_iconkey.jpg) 10px 0 no-repeat;
 padding:0 5px 0px 33px;
}

.dynamicBtn{
 border:none;
 background:url(/mirrorstarot/image/serch_btn.jpg);
 width:40px;
 height:25px;
 text-align:center;
 line-height:25px;
 color:#fff;
}

.dynamicNewsListBox{
 background:url(/mirrorstarot/image/newsListReBg.jpg) 67px 0 repeat-y;
 padding:10px 0 10px 318px;
 height:370px;
}
.dynamicListImgBox{
	position:relative;
}
.dynamicListImgFt,.dynamicListImgH{
	position:absolute;
	background:url(/mirrorstarot/image/newsListImg.gif) no-repeat;
	width:233px;
	height:133px;
	top:-14px;
	left:-251px;
}

.dynamicListImgFt{
	background:url(/mirrorstarot/image/newsListImgFt.jpg) no-repeat;
	height:15px;
	top:374px;
	_top:359px;
}


.viewData {
	width: 607px;
	font-size: 11px;
	border-color: #999999;
	border-collapse: collapse;
}
.viewData a{color:#333;}
.viewData a:hover{color:#666;}

.news_t {
	background: url(/mirrorstarot/image/thBg1.jpg);
	border:solid #999999 1px;
}


.viewData td {
	background: url(/mirrorstarot/image/tdBg1.jpg);
	border:solid #999999 1px;
}

.dynamic{
width:818px;
margin-left:90px;
background: url(/mirrorstarot/image/dynamicIn_center.jpg) repeat-y;
}
.data {
	padding:20px 30px 0px 30px;
	margin:0 9px;
	background: url(/mirrorstarot/image/dynamicBgImg.jpg) right bottom no-repeat;
}

.newsImg{
 padding:;
 background:url(/mirrorstarot/image/imgNews.jpg) no-repeat;
 padding:20px 0 50px 90px;
 color:#666;
}

.data_head {
	background: url(/mirrorstarot/image/dynamicIn_head.jpg) no-repeat top left;
	padding: 20px 10px 0px 210px;
	color:#67345A;
	font-weight:800;
}

.data_foot {
	background: url(/mirrorstarot/image/dynamicIn_foot.jpg) no-repeat bottom left;
	height:52px;
}

/*------------------------------------------------------------------------------memberData--*/
.memberBox {
	margin-left: 75px;
	border-collapse: collapse;
}

.memberBox td {
	vertical-align: top;
	padding: 0px;
}

.memberBoxLeft {
	
}

.memberBoxRight {
	background: url(/mirrorstarot/image/right_Main2.jpg) no-repeat;
	width: 640px;
}

.storeRecord .MemberNav {
	padding-left:110px;
}
.memberBoxRight .MemberNav {
	padding-left:60px;
}

.navBtn {
	display: inline-block;
}

.navBtnText {
	display: none;
}

.navInfo {
	
}

.navChangePass {
	
}

.navStore {
	
}

.iconAccount,.iconLogin {
	font-size: 15px;
	line-height: 37px;
	padding-left: 60px;
	margin: 0 50px 0 20px;
}

.bor_bt_orange {
	border-bottom: 1px dotted #CC6600;
}

.iconAccount {
	background: url(/mirrorstarot/image/iconAccount.jpg) 7px 6px no-repeat;
}

.iconLogin {
	background: url(/mirrorstarot/image/iconTime.jpg) 7px 6px no-repeat;
}

.btnRed4em,.btnRed6em {
	background: url(/mirrorstarot/image/btnMember1.jpg) no-repeat;
	display: inline-block;
	width: 87px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	font-size: 15px;
	color: #fff;
	border: none;
}

.btnRed6em {
	width: 100px;
	background: url(/mirrorstarot/image/btnMember2.jpg) no-repeat;
}

.memberBox .btnRed4em,.memberBox .btnRed6em {
	margin: 0px 5px;
}

.memberBoxRight .passTable {
	font-size: 12px;
	margin: 20px 0 10px 10px;
	width: 570px;
}

.passTable td {
	border-bottom: 1px dotted #888;
	line-height: 25px;
}

.passTable td .input {
	width: 155px;
	border: 1px solid #999;
}

#marriage td {
	border: none;
}

.storeRecord {
	width: 640px;
	background: url(/mirrorstarot/image/right_Main2.jpg) -11px -4px
		no-repeat;
}

.orderTable {
	margin: 10px 0;
	border-collapse:collapse;
}

.orderTable th {
	background: #F79460;
	text-align: left;
	color: #000;
	font-weight: 800;
	padding: 3px;
}

.orderTable th a {
	color: #000;
	font-weight: 800;
}

.orderTable td {
	padding: 3px;
}

.orderTr2 {
	background: #F5C67D;
}

.btn {
	border: none;
	height: 20px;
	text-align: center;
	line-height: 20px;
	color: #5E0000;
	font-size: 10px;
}

.btnReOrder {
	width: 57px;
	background: url(/mirrorstarot/image/btnReOrder.jpg) no-repeat;
}

.btnPay {
	width: 32px;
	background: url(/mirrorstarot/image/btnPay.jpg) no-repeat;
}

.btnCancelOrder {
	width: 57px;
	background: url(/mirrorstarot/image/btnCancelOrder.jpg) no-repeat;
}

/*----------------------------------------------------------------------ForumView*/
.forumView {
	padding-left: 340px;
	background: url(/mirrorstarot/image/forumRe.jpg) 340px 0 repeat-y;
}

.ForumViewImg{
	position:relative;
}
.ForumViewImg img{
 position:absolute;
 left:-300px;
 top:65px;
 *top:55px;
}

.view_table {
	border: none;
	background: none;
}

.view_table td {
	border: none;
	padding: 5px 0px;
}

.forumViewTitle {
	display: inline-block;
	padding: 0 10px 0 20px;
	color: #000;
	text-decoration: none;
}

.forumViewBtn,.btnArticle {
	display: inline-block;
	border:none;
	margin: 0 5px;
	text-decoration: none;
	width: 74px;
	height: 15px;
	line-height: 15px;
	text-align: center;
	color: #fff;
	background: url(/mirrorstarot/image/btnForumView.jpg) no-repeat;
}

.btnArticle {
	background: url(/mirrorstarot/image/BtnArticle.jpg) no-repeat;
	width: 106px;
}

.forumViewText {
	padding: 0 37px;
	margin: 5px 0;
	color: #782500;
	line-height: 20px;
	background: url(/mirrorstarot/image/forumTextRe.jpg) repeat-y;
}

.articleSerchBtn {
	border: none;
	background: url(/mirrorstarot/image/forumListSerchBtn.jpg) no-repeat;
	width: 40px;
	height: 23px;
	text-align: center;
	line-height: 23px;
	color: #fff;
}

.articleList {
	margin: 10px 0 0 25px;
	border-collapse: collapse;
	width: 800px;
}

.articleList th {
	background: #7E451B;
	padding: 3px;
	color: #ffff99;
	font-size: 12px;
}

.articleList th a {
	color: #ffff99;
}

.articleList td {
	padding: 3px;
}

.articleListTr2 {
	background: #CFCBAD;
}

.articleBody {
	background: url(/mirrorstarot/image/forumRe2.jpg) repeat-y;
	width: 857px;
}

.inContain {
	padding-left: 75px;
}

.articlePath {
	padding-left: 250px;
}

.articlePath div {
	font-weight: 800;
}

.articleContain,.articleContain .rich-table-cell,.articleContain .rich-panel,.articleContain .rich-panel-header
	{
	padding: 0px;
	border: none;
	background: none;
}

.articleContain .rich-panel {
	width: 805px;
	margin-left: 25px;
}

.newAricle{
 width:700px;
 border:3px solid #989558;
 margin-left:80px;
 background:#fff;
}
.newAricle td{
 padding:5px;
 vertical-align:top;
 border-bottom:1px dotted #666;
}
.newArticle1{
 font-weight:800;
 background:#989558;
}

/*----------------------------------------------------------------------aboutUs*/
.contentbox1{
 background:url(/mirrorstarot/image/aboutUs_tel.gif) no-repeat;
width:743px;
margin:0 0 0 150px;
}
.telInfo{
 font-weight:800;
 padding:0 0 0 230px;
 color:#7B7020;
 height:46px;
 line-height:46px;
}
.mailOpen{
 display:inline-block;
 padding-left:25px;
 background:url(/mirrorstarot/image/mail_open1.gif) 0 13px no-repeat;
 margin-left:10px;
}
.aboutText{
 background:url(/mirrorstarot/image/aboutUs_h.gif) no-repeat;
 padding:35px 20px 0 20px;
 text-indent:120px;
}

.aboutList,.questionList{
 padding:20px 0;
 background:url(/mirrorstarot/image/aboutUs_re.gif) repeat-y;
}
.aboutList table{
 border-collapse:collapse;
 border:3px solid #ccc;
 width:550px;
}
.aboutList td{
 padding:3px;
 border-bottom:1px dotted #888;
 vertical-align:top;
}
.aboutList td td{
 border:none;
}
.aboutList td.td1{
 width:100px;
 text-align:right;
 font-weight:800;
 color:#775E37;
 background:#F1ECC7;
}
.aboutList .price{
 color:red;
}
.aboutList .long{
 width:420px;
}
table.Testcode{
width:450px;
border:none;
}
.codeInput{
 width:100px;
}

.aboutFt{
 background:url(/mirrorstarot/image/aboutUs_ft.gif) no-repeat;
 height:33px;
}

.questionList{
 padding:20px 50px;
}

.QuestionListQ,.QuestionListA{
 display:block;
}
.QuestionListQ{
 background:url(/mirrorstarot/image/Q.jpg) no-repeat;
 padding:10px 0;
 font-weight:800;
 padding-left:40px;
}
.QuestionListA{
 background:url(/mirrorstarot/image/A.jpg) no-repeat;
 padding:10px 0;
 padding:0 0 10px 40px;
 margin-bottom:10px;
 border-bottom:1px dotted #888;
}
/*-------------------------------------------------------------------siteMap---*/
.sitemap{
 text-align:center;
}
/* -------- Privacy Content Style Start --------*/

#Privacy-Main-Wrapper{
	width: 800px;
	margin: 0 auto;
	background: url(/mirrorstarot/image/privacy/privacy_main_bg_01.gif) no-repeat;
	*background: url(/mirrorstarot/image/privacy/privacy_main_bg_ie.gif) no-repeat;
	_margin-left: 98px;
	_margin-top: -40px;
}

#Privacy-Content{
	padding-left: 100px;
	padding-right: 100px;
}

/* --------- Privacy Content Style End ---------*/

/* ---------- Major Arcana Index Start ---------*/

.table {
	line-height: 1.5em;
	padding-left: 10px;
	*margin-left: 10px;
	width: 590px;
	margin-top: 15px;
	margin-bottom: 15px;
}

.table a:link {
	text-decoration: none;
	color: #333;
}

.table a:hover {
	text-decoration: underline;
	font-weight: bold;
}

.card_link{
	float: left;	
}

.card_id{
	font-weight: bold;
}

.card_en_name{
	padding-left: 0.5em;
}

.card_number{
	padding-left: 10px;
	font-weight: bold;
}

.card_en_name_e{
	padding-left: 0.5em;
	font-weight: bold;
}

.card_subject{
	font-weight: bold;
	padding-left: 5px;
}

/* ----------- Major Arcana Index End -----------*/

/* ------------ Major Arcana Index End ----------*/
/*DIVIN Free*/
.divinFreeBg{
	background: url(/mirrorstarot/image/divinFreeBg.jpg) 0 40px no-repeat;
	padding:40px 0 0px 0;
}


/*-------------------------------------------------------style*/
.left {
	float: left;
}

.right {
	float: right;
}

.tright {
	text-align:right;
}
.tcenter {
	text-align: center;
}

.space {
	clear: both;
	visibility: hidden;
}

.b {
	font-weight: 800;
}

.f15 {font-size: 15px;}
.f12 {font-size: 12px;}
.f10 {font-size: 10px;}
.f11 {font-size: 11px;}

.skyblue {
	color: #006699;
}

.gray {
	color: #666;
}

.icon3{
 display:inline-block;
 background:url(/mirrorstarot/image/iconNews.jpg) no-repeat;
 padding-left:20px;
}
.icon4{
 display:inline-block;
 background:url(/mirrorstarot/image/icon3.jpg) 2px 6px no-repeat;
 padding:0 5px 0 15px;
}


.mL90{margin-left:90px;}
.mL230{margin-left:230px;}
.mL320{margin-left:320px;}
.mL400{margin-left:400px;}

.pr50{padding-right:50px;}
.pl10{padding-left:10px;}

.wDate{width:80px;text-align:center;}
.wDateTh{display:inline-block;width:80px;text-align:center;}


.block{display:block;}

.none{display:none;}

/* ---------- Teller List Start ---------*/

.teller-wrapper{
	background: url("/mirrorstarot/image/teller_bg.jpg") 0 0 no-repeat;
	height: 402px;
}

.teller-table{
	padding-left: 475px;
	padding-top: 80px;
	line-height: 3.3em;
}

.teller-table a:link{
	text-decoration: none;
	color: black;
	font-size: 15px;
}

.teller-table a:visited{
	text-decoration: none;
	color: black;
	font-size: 15px;
}

.teller_column{
	border-right:1px dotted #666;
	padding: 0 20px 10px 15px;
}

.teller_column img{
 	border:1px solid #999;
}

.data_text{
	padding-left: 762px;
}

.link_text{
	padding:3px 0 3px 22px;
	background:url(/mirrorstarot/image/iconStar.jpg) no-repeat;
}

/* ---------- Teller List End ----------*/

/* ---------- Teller Introduction Start ----------*/
.tellerImg{
 	position:relative;
}
.tellerImg img{
 	position:absolute;
 	left:23px;
 	top:60px;
}

.teller-intro-wrapper{
	width:623px;
	margin:0 0 0 335px;
}

.teller_intro_bg_image{
	background: url(../../image/teller_intro_bg.jpg) 0 0 no-repeat;
}

.teller_image{
	background: url(../../image/teller_image_bg.jpg) 0 0 no-repeat;
	height:135px;
	_height:215px;
	padding:80px 0 0 495px;
}
.teller_image img{
	border:1px solid #999;
}

.teller_name{
	padding: 12px 0 0 20px;
	*padding: 10px 0 0 20px;
	background: url(../../image/blackStar_icon.jpg) 0 13px no-repeat;
	*background: url(../../image/blackStar_icon.jpg) 0 10px no-repeat;
	_background: url(../../image/blackStar_icon.jpg) 0 9px no-repeat;
}

.teller_experience{
	padding:0 40px;
	background: url(../../image/experience_bg.jpg) repeat-y;
}

.experience_text{
	visibility:hidden;
}
.resume{
	line-height: 1.8em;
}

.teller_footer{
	background: url(../../image/teller_footer_bg.jpg) 0 0 no-repeat;
	height: 43px;
}

.teller_ex_title{
	background: url(../../image/teller_ex_title_bg.jpg) 0 0 no-repeat;
	color: #fff;
}

.resume_detail{
	background: url(../../image/icon_black.gif) 0 0 no-repeat;
	padding-left: 18px;
}

.empty_div{
	visibility: hidden;
	clear: both;
}

#intro_L{
	float: left;
	*margin-top: 2px;
}

#intro_R{
	margin-top: -23px;
	*margin-top: -19px;
}

/* ----------- Teller Introduction End -----------*/

/* -------- Introduction Content Style Start --------*/

#intro-wrapper{
	width: 800px;
	margin: 0 auto;
	_margin-left: 98px;
	_margin-top: -40px;
	line-height: 1.8em;
	background: url(/mirrorstarot/image/intro_bg.jpg) no-repeat;	
}

#intro-content{
	padding-left: 100px;
	padding-right: 100px;
	padding-bottom: 20px;
	background-color: #fff;
	margin-top: 169px;
	*margin-top: 189px;
}

#spirits{
	margin-bottom: 30px;
}

.spirits_title{
	color: #6666cc;
}

.spirits_img_01{
	background: url(/mirrorstarot/image/lapu.gif) left top no-repeat;
	*background: url(/mirrorstarot/image/lapu.gif) left 15px no-repeat;
	height: 205px;
	*height: 220px;		
}

.spirits_img_02{
	background: url(/mirrorstarot/image/moli.gif) left top no-repeat;
	height: 225px;	
}

.spirits_img_03{
	background: url(/mirrorstarot/image/narrow.gif) left 10px no-repeat;	
}

.spirits_img_04{
	background: url(/mirrorstarot/image/heires.gif) left 15px no-repeat;	
}
.spirits_img_05{
	background: url(/mirrorstarot/image/fred.gif) left 20px no-repeat;	
}
.spirits_img_06{
	background: url(/mirrorstarot/image/manny.gif) left 20px no-repeat;	
}
.spirits_img_07{
	background: url(/mirrorstarot/image/biz.gif) left top no-repeat;
	*background: url(/mirrorstarot/image/biz.gif) left 20px no-repeat;
	height: 333px;
}

.spirits_intro{
	margin-top: 15px;
	padding-left: 180px;
	padding-top: 20px;
}

.spirits_detail{
	color: green;
}

/* --------- Introduction Content Style End ---------*/
.adP{
 clear:both;
 border:1px solid #999;
 width:728px;
 margin-left:250px;
}
.adLeft{
	position:relative;
	right:40px;
	top:320px;
	padding-top:80px;
}
.bor{border:1px solid red;}
.ad200x200{width:200px;height:200px;}
.ad324x60{width:324px;height:60px;}
.ad468x15{width:468px;height:15px;}
.ad468x60{width:468px;height:60px;}
.ad728x15{width:728px;height:15px;}
.ad728x90{width:728px;height:90px;}

.ad160x600{width:160px;height:600px;}