html { margin: 0; padding: 0; }
body {
	font-family: Arial, "Hiragino Sans GB", "Microsoft Yahei", "微軟雅黑", "宋体", Tahoma, Helvetica, STHeiti;
    background: #000 url(../images/common/mBg.jpg) no-repeat center top;
	background-attachment: fixed;
	margin: 0;
	padding: 0;
	color: #fff;
	font-size: 17px;
	line-height: 1.6em;
}
@media (max-width: 1300px) {
	body {
		display: inline-table;
		background-size: 2000px;
		background-position: -330px 0px;
	}
}
div { display: block; }
.hidden-md { display: none; }
.txtHide { display: block; text-indent: -999px; }
.fixed-cont {
    width: 840px;
    margin: 0 auto;
}
.js-fadein { opacity: 0; }

/********************************
*** Paragraph & Padding Styling
********************************/
h2 {
    font-size: 1.2em;
    line-height: 1.3em;
    color: #ff0;
}
.result-container .paragraph { line-height: 1.8em; }
.result-container .inrInfo .paragraph p { padding: 0 70px; }
.paragraph p {
    text-align: justify;
    text-indent: 16px;
    margin-bottom: 20px;
}
p.no-indent { text-indent: 0 !important; }
strong { font-weight: bold; }

.text-center { text-align: center; }
.text-black { color: #000; }
.text-yellow { color: #ffe400; }
.text-orange { color: #E4C881; }
.text-purple { color: #c60095; }
.text-soft-purple { color: #800b8b !important; }
.text-dark-purple { color: #1b0142; }
.text-pink { color: #ffa5d8; }
.text-blue { color: #004672; }
.text-pgreen { color: #CC0; }
.attention { color: #770000 }
span.red { color: #ff0000; font-weight: bold; }

section.no-margin { margin: 0; }
section.no-padding { padding: 0; }

.float-top {
    position: relative;
    z-index: 22;
}

.block-center {
	display: table;
	margin: 0 auto;
	text-align: center;
}
.half {
	width: 50%;
    float: left;
}
.pull-left {
	float: left;
}
.pull-right {
	float: right;
}
img-responsive {
	max-width: 100%;
	margin: 0 auto;
}
img {
	border: none;
}
img.pull-left {
	margin-right: 15px;
}
img.pull-right {
	margin-left: 15px;
}

.center {
    margin: 0 auto;
    display: block;
	text-align: center;
}
.bodyFooter { display: none; }
.body-footer { background: transparent url(../images/common/mBgSub.jpg) repeat-y center top; padding: 10px; text-align: center; }
.body-footer a, .bodyFooter .center { color: #e8ca22; margin-bottom: 30px; }
.body-footer a:hover, .bodyFooter .center:hover { color: #b89a02; text-decoration: none; }

.clear { clear: both; }
.in {
	text-align: center;
	color: #fff;
}
.inImg {
	float: right;
	padding-right: 85px;
}
.inTex {
	width: 300px;
	float: left;
	padding-left: 85px;
}

/********************************
*** Header Part
********************************/
header .header-container .title-container {
	width: 960px;
	margin: 0 auto;
}
header .header-container .title-container .mTit {
	position: relative;
	z-index: 33;
	margin-bottom: -10px;
}
header .header-container .title-container .mTit:first-child {
	margin-bottom: -34px;
	z-index: 30;
}

.navi-container {
    display: table;
    margin: 0 auto;
    padding: 6px 0px 5px;
	height: 72px;
	width: 100%;
	max-width: 840px;
}
.paid-container .navi-container .naviInfo { display: none; }
.navi-container .navi_btn {
    background: transparent no-repeat center top;
	margin: 0 auto;
    width: 210px;
    max-width: 210px;
    height: 50px;
    float: left;
	text-indent: -9999px;
}
.navi-container div.navi_top { background-image: url(../images/common/button/btnTop.jpg); }
.navi-container div.navi_input { background-image: url(../images/common/button/btnInput.jpg); }
.navi-container div.navi_info { background-image: url(../images/common/button/btnInfo.jpg); }
.navi-container div.navi_sample { background-image: url(../images/common/button/btnSamp.jpg); }
.navi-container div.navi_profile { background-image: url(../images/common/button/btnProfile.jpg); }

.navi-container div.navi_top:hover,
.navi-container div.navi_input:hover,
.navi-container div.navi_info:hover,
.navi-container div.navi_sample:hover,
.navi-container div.navi_profile:hover {
    background-position: center bottom;
}

.input-container .navi-container div.navi_input,
.info-container .navi-container div.navi_info,
.samp-container .navi-container div.navi_sample,
.top-container .navi-container div.navi_profile {
    background-position: center bottom;
	pointer-events: none;
}

/********************************
*** Common Part
********************************/
.body-container .commonMenuBox {
	background: transparent no-repeat;
	background-image: url(../images/common/menu/menuTop.png), url(../images/common/menu/menuBtm.png);
	background-position: center top, center bottom;
    padding: 79px 0;
}
.body-container .commonMenuBox .info {
	background: transparent url(../images/common/menu/menuBg.png) repeat-y center top;
    padding: 0 100px;
    color: #fff;
}
.body-container .revProduct.commonMenuBox {
	background: #F4F4EA;
	background-image: none;
	padding: 13px 0;
}
.body-container .revProduct.commonMenuBox .info {
	background: transparent;
	background-image: none;
	padding: 0;
	width: 90%;
	font-size: 0.9em;
}
.revProduct.commonMenuBox .info .infoelement h3 {
	font-size: 1.4em;
	line-height: 1.2em;
}

/* iconelement: deai, danlian, erdwl, ngrdxy, wakeari, xiangyu, jiehun, life, weilai, job, total, bulun, fuhuoai, qingyu, kulian, jwz, nianyun, jueduan, fuyuan, lovedirection, rjgx, spdyx, suyuan, benyin */
.body-container .commonMenuBox .info .iconelement {
    background: transparent no-repeat left top;
	background-size: 65px;
    position: relative;
	padding-left: 80px;
    min-height: 65px;
}
.body-container .commonMenuBox .info .iconelement.deai { background-image: url(../images/common/icon/icon1.png); }
.body-container .commonMenuBox .info .iconelement.danlian { background-image: url(../images/common/icon/icon2.png); }
.body-container .commonMenuBox .info .iconelement.erdwl { background-image: url(../images/common/icon/icon3.png); }
.body-container .commonMenuBox .info .iconelement.ngrdxy { background-image: url(../images/common/icon/icon4.png); }
.body-container .commonMenuBox .info .iconelement.wakeari { background-image: url(../images/common/icon/icon5.png); }
.body-container .commonMenuBox .info .iconelement.xiangyu { background-image: url(../images/common/icon/icon6.png); }
.body-container .commonMenuBox .info .iconelement.jiehun { background-image: url(../images/common/icon/icon7.png); }
.body-container .commonMenuBox .info .iconelement.life { background-image: url(../images/common/icon/icon8.png); }
.body-container .commonMenuBox .info .iconelement.weilai { background-image: url(../images/common/icon/icon9.png); }
.body-container .commonMenuBox .info .iconelement.job { background-image: url(../images/common/icon/icon10.png); }
.body-container .commonMenuBox .info .iconelement.total { background-image: url(../images/common/icon/icon11.png); }
.body-container .commonMenuBox .info .iconelement.bulun { background-image: url(../images/common/icon/icon12.png); }
.body-container .commonMenuBox .info .iconelement.fuhuoai { background-image: url(../images/common/icon/icon13.png); }
.body-container .commonMenuBox .info .iconelement.qingyu { background-image: url(../images/common/icon/icon14.png); }
.body-container .commonMenuBox .info .iconelement.kulian { background-image: url(../images/common/icon/icon15.png); }
.body-container .commonMenuBox .info .iconelement.jwz { background-image: url(../images/common/icon/icon16.png); }
.body-container .commonMenuBox .info .iconelement.nianyun { background-image: url(../images/common/icon/icon17.png); }
.body-container .commonMenuBox .info .iconelement.jueduan { background-image: url(../images/common/icon/icon18.png); }
.body-container .commonMenuBox .info .iconelement.fuyuan { background-image: url(../images/common/icon/icon19.png); }
.body-container .commonMenuBox .info .iconelement.lovedirection { background-image: url(../images/common/icon/icon20.png); }
.body-container .commonMenuBox .info .iconelement.rjgx { background-image: url(../images/common/icon/icon21.png); }
.body-container .commonMenuBox .info .iconelement.spdyx { background-image: url(../images/common/icon/icon22.png); }
.body-container .commonMenuBox .info .iconelement.suyuan { background-image: url(../images/common/icon/icon23.png); }
.body-container .commonMenuBox .info .iconelement.benyin { background-image: url(../images/common/icon/icon24.png); }

.body-container .commonMenuBox .info .infoelement {
	font-family: "Microsoft JhengHei", "微軟正黑體", 'PMingLiU' , sans-serif;
    display: block;
    color: #1f0fe4;
    font-size: 1.2em;
	font-weight: bold;
    line-height: 1.5em;
    text-shadow: -1px -1px 1px #fff, 1px -1px 1px #fff, -1px 1px 1px #fff, 1px 1px 1px #fff,
				  0px 0px 1px #fff, 1px 1px 4px rgba(0, 0, 0, 0.9), 1px 1px 4px rgba(0, 0, 0, 0.9);
}
.body-container .commonMenuBox .info .infoelement h3 {
	font-weight: bold;
	font-size: 1.28em;
}
.body-container .commonMenuBox .info .infoelement h3:first-child {
	color: #001213;
	font-size: 1.2em;
	margin-bottom: 2px;
}
.top-container .body-container .commonMenuBox .info .infoelement a h3 { color: #242426; }
.top-container .body-container .commonMenuBox .info .infoelement a:hover h3 { color: #462510; }
.body-container .commonMenuBox .info .infoelement a { color: #2f2f2f; }
.body-container .commonMenuBox .info .infoelement a:hover {
    text-decoration: none;
	color: inherit;
}
.body-container .commonMenuBox.noBg { background: none; }

/********************************
*** Body Part
********************************/
.full-container {
	background: transparent url(../images/common/mBnr.png) no-repeat center top;
	display: table;
	margin: 0 auto;
	padding-top: 280px;
	width: 100%;
}
.top-container .full-container {
	background-image: url(../images/top/mBnr.png);
	padding-top: 430px;
}
.body-container {
	background: transparent url(../images/common/mBgSub.jpg) repeat-y center top;
    position: relative;
    display: table;
    margin: 0 auto;
    min-height: 295px;
	max-width: 950px;
	width: 100%;
    z-index: 44;
}
.body-container .subbody-container {
	background: transparent url(../images/common/naviBg.jpg) no-repeat center top;
    margin: 0 auto;
}
.body-container .breadcrumb {
	margin: 20px auto 0;
    max-width: 715px;
}
.info-container .breadcrumb,
.samp-container .breadcrumb {
	margin: 10px auto 15px;
}
.samp-container .breadcrumb {margin-bottom: 0;}
.body-container .breadcrumb span a {
    color: #abc;
    text-decoration: underline;
}
.body-container .breadcrumb span a:hover {
	color: #fff;
    text-decoration: none;
}

.body-container section {
    margin: 0px auto 20px;
}

/********************************
*** Input Page
********************************/
.input-container .secDesc {
    margin: 10px auto;
    width: 75%;
    color: #ccc;
    font-size: 1em;
    text-align: center;
}
.input-container .one-design .komi_cont {	
    background: transparent;
	background-image: url(../images/input/inpKmTit.jpg), url(../images/input/inpKmBtm.jpg), url(../images/input/inpKmBg.jpg);
	background-repeat: no-repeat, no-repeat, repeat-y;
	background-position:  center top, center bottom, center top;
	padding: 180px 90px 100px;
}
.input-container .one-design .komiInfo ul {
    display: table;
    margin: 0 auto;
    max-width: 80%;
}
.body-container .komiInfo ul li span {
    background: transparent url(../images/input/inpKmIcon.png) no-repeat left 2px;
    display: block;
    padding: 4px 0px 6px 35px;
	min-height: 29px;
    color: #fff;
}
.body-container .komiInfo ul li span span,
.body-container .komiInfo ul li br { display: none; }

.two-design {
    background: transparent;
	background-image: url(../images/input/inpFmTit1.jpg), url(../images/input/inpFmBtm.jpg), url(../images/input/inpFmBg.jpg);
	background-repeat: no-repeat, no-repeat, repeat-y;
	background-position: center top, center bottom, center top;
    position: relative;
	padding: 230px 0 120px;
	color: #000;
}
.two-design.announcement { background-image: url(../images/input/inpAnn.jpg), url(../images/input/inpFmBtm.jpg), url(../images/input/inpFmBg.jpg); }
.two-design .secTop .secInfo.target {
    background: transparent url(../images/input/inpFmTit2.jpg) no-repeat center top;
	padding-top: 180px;
}
.input-container .two-design .secInfo { font-weight: bold; }
.input-container .two-design .secInfo .attention { font-weight: normal; }
.input-container .two-design table {
    display: table;
    margin: 0 auto;
/*	width: 480px;*/
}
.input-container table th {
    background: transparent no-repeat center 70%;
	background-size: 100%;
    font-size: 1em;
    width: 150px;
    height: 50px;
    color: #fff;
    text-indent: -9999px;
}
.input-container table tr.name th { background-image: url(../images/input/inpFmTxtNm.png); background-position: center 20%; position: relative; }
.input-container table tr.birthday th { background-image: url(../images/input/inpFmTxtBday.png); }
.input-container table tr.sex th { background-image: url(../images/input/inpFmTxtSex.png); }

.input-container table select {
    padding: 10px;
	font-size: 1.2em;
}
input, select {
    font-size: 1.1em;
    padding: 5px;
    margin-bottom: 2px;
	text-align: left;
    border: 1px solid #888;
    vertical-align: middle;
}
form input[type="text"] { width: 80%; }
form input[type="radio"], form input[type="checkbox"] {
	position: relative;
	top: -3px;
    margin: 0 8px;
    vertical-align: middle;
}
form .entry_save input[type="checkbox"] { position: relative; top: -4px; }
form input[type="image"] {
	display: table;
	margin: 20px auto;
	padding: 0;
    border: 0;
}
.input-container .two-design .entry_save {
    margin: 20px auto 0;
}
.input-container .two-design .entry_save h4 {
    float: left;
    line-height: 1.6em;
}
.spanError {
    position: absolute;
    display: none;
    color: #ffc200;
	top: -22px;
    left: 276px;
    background: rgba(22,22,22,66%);
    border: 1px solid #171717;
    font-size: 13px;
    width: 120px;
    text-align: center;
    line-height: 1.5em;
	border-radius: 3px;
	text-indent: 0;
}

/********************************
*** Button Styling
********************************/
.input_submit a, .blur a {
    display: table;
    margin: 0 auto;
    text-decoration: none;
}
.free-btn, .charge-btn {
	background: transparent no-repeat center top;
	display: table;
    width: 540px;
    height: 122px;
    margin: 10px auto 0;
	pointer-events: none;
}
.free-container .charge-btn {
    float: none;
    clear: both;
}
.free-btn { background-image: url(../images/common/button/btnFree.png); }
.charge-btn { background-image: url(../images/common/button/btnSubmit.png); }
a:hover .free-btn, a:hover .charge-btn { background-position: center bottom; }
.free-container .charge-btn {
    background-image: url(../images/common/button/btnNext.png);
	width: 296px;
    height: 86px;
    padding: 0;
    color: #fff;
    font-size: 0.6em;
    text-align: center;
}
.priceHolder {
	display: table-cell;
	width: 100%;
	height: 100%;
    color: #fff;
    font-size: 2.8em;
    font-weight: normal;
	text-align: center;
    pointer-events: none;
	vertical-align: middle;
	text-shadow: -1px -1px 5px #000c31, 1px -1px 5px #000c31, -1px 1px 5px #000c31, 
		1px 1px 5px #000c31, 0px 0px 5px #000c31, 0px 0px 8px #07257e;
}
.free-container .priceHolder { padding-top: 5px; }
.charge-btn .priceHolder {
	text-shadow: -1px -1px 5px #912824, 1px -1px 5px #912824, -1px 1px 5px #912824, 
		1px 1px 5px #912824, 0px 0px 5px #912824, 0px 0px 8px #761814;
}
a:hover .free-btn .priceHolder {
	text-shadow: -1px -1px 5px #9fc5ff, 1px -1px 5px #9fc5ff, -1px 1px 5px #9fc5ff, 
		1px 1px 5px #9fc5ff, 0px 0px 5px #9fc5ff, 0px 0px 8px #3a70c3;
}
a:hover .charge-btn .priceHolder {
	text-shadow: -1px -1px 5px #eac168, 1px -1px 5px #eac168, -1px 1px 5px #eac168, 
		1px 1px 5px #eac168, 0px 0px 5px #eac168, 0px 0px 8px #cf8e00;
}

/********************************
*** Info Page
********************************/
.infCont {
	background: transparent;
	background-image: url(../images/info/proTit.jpg), url(../images/info/proBtm.jpg), url(../images/info/proBg.jpg);
	background-position: center top, center bottom, center top;
	background-repeat: no-repeat, no-repeat, repeat-y;
    position: relative;
    margin: 0px auto;
	padding: 50px 0 92px;
    max-width: 890px;
	width: 100%;
}
.infCont.secSkill { background-image: url(../images/info/skillTit.jpg), url(../images/info/infBtm.jpg), url(../images/info/proBg.jpg); }
.infCont .secTitle {
	height: 60px;
	margin-bottom: 40px;
}
.infCont .secInner .secTitle { margin-bottom: 60px; }
.infCont .paragraph { padding: 0 115px; }
.samp-container .infCont .paragraph { padding: 0 85px; }
.infCont .secInner .paragraph { padding: 0 80px; }
.infCont.secAbout .secInfo {
	background: transparent no-repeat;
	background-image: url(../images/info/proImg.jpg), url(../images/info/proNm.jpg);
	background-position: center top, center 382px;
	padding-top: 540px;
}
.infCont.secAbout .secInner {
	background: transparent;
	background-image: url(../images/info/proMsgTit.jpg), url(../images/info/proSign.png), url(../images/info/proInrBg.jpg);
	background-position: center top, 86% bottom, center top;
	background-repeat: no-repeat, no-repeat, repeat-y;
	margin-top: 20px;
	padding: 50px 50px 110px;
	color: #660099;
	font-size: 1.4em;
	font-weight: bold;
	line-height: 1.3em;
	font-family: 'Kaiti TC','Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','Gurmukhi MN','ヒラギノ明朝 ProN','Hiragino Mincho ProN',sans-serif;
}
.infCont ul li {
	background: transparent url(../images/info/proIcon.png) no-repeat left top;
	margin-top: 20px;
	padding-top: 3px;
	padding-left: 40px;
	line-height: 1.7em;
}

.infCont .abtSec {
	background: transparent url(../images/info/infBg.jpg) repeat-y center top;
	padding: 0 20px;
}
.infCont .abtTit {
	background: transparent no-repeat center top;
	height: 113px;
	text-indent: -9999px;
	color: #ddd;
}
.infCont .abtSec .paragraph {
	background: transparent no-repeat left top;
	padding: 380px 80px 20px;
	margin: 0 auto;
	max-width: 90%;
	line-height: 1.8em;
}
.infCont .abtSec1 .paragraph { background-image: url(../images/info/abtImg1.png); }
.infCont .abtSec2 .paragraph { background-image: url(../images/info/abtImg2.png); padding-top: 260px; }
.infCont .abtSec3 .paragraph { background-image: url(../images/info/abtImg3.png); }
.infCont .abtSec1 .abtTit { background-image: url(../images/info/abtTit1.jpg); }
.infCont .abtSec2 .abtTit { background-image: url(../images/info/abtTit2.jpg); }
.infCont .abtSec3 .abtTit { background-image: url(../images/info/abtTit3.jpg); }

.secReview {
	background-image: url(../images/top/revTop.jpg), url(../images/top/revBtm.jpg);
	padding-top: 612px;
	padding-bottom: 98px;
}
.secReview .secTop { background-image: url(../images/top/revBg.jpg); }
.secReview .secInner {
	background: transparent;
	background-image: url(../images/top/revInrTop.png), url(../images/top/revInrBtm.png);
	background-position: center top, center bottom;
	background-repeat: no-repeat, no-repeat;
	margin: 0 auto;
	padding: 188px 0 56px;
	max-width: 840px;
}
.secReview .secInner .inrInfo {
	background: transparent center top, repeat-y;
	background-image: url(../images/top/revInrBg.png);
	padding: 2px 80px;
}
.secReview .secInner.secInner2 .inrInfo { background-image: url(../images/top/revInrBg2.png); }
.secReview .secInner .inrInfo .revTit {
	font-size: 1.5em;
	color: #D9BAFC;
	font-weight: bold;
	text-align: center;
	margin-bottom: 30px;
}
.secReview .secInner.secInner2 .inrInfo .revTit {
	color: #B5E8FD;
}
.secReview .secInner .inrInfo .revComment {
	background: transparent no-repeat left top;
	background-image: url(../images/top/revImg1.jpg);
	padding-left: 270px;
	min-height: 375px;
}
.secReview .secInner.secInner2 { background-image: url(../images/top/revInrTop2.png), url(../images/top/revInrBtm2.png); }
.secReview .secInner.secInner2 .inrInfo .revComment {background-image: url(../images/top/revImg2.jpg); }
.secReview .revUsr {
	margin-bottom: 15px;
	text-align: right;
}
.revProduct {
	border: 1px solid #000;
	padding: 10px;
	border-radius: 20px;
	margin-bottom: 5px;
}
.revProduct .info {
	max-width: 90%;
	margin: 0 auto;
}
.revProduct a {
	color: #000;
	text-decoration: none;
}
.revProduct a:hover {
	text-decoration: underline;
}

.infCont.secSample { background-image: url(../images/info/samp/sampTop.jpg), url(../images/info/samp/sampBtm.jpg), url(../images/info/samp/sampBg.jpg); }
.secSample .infCont .paragraph { padding: 0 85px; }
.secSample .test { padding-left: 330px; }
.secSample .secSamp1 { padding-top: 170px; }
.secSample .secSamp2 { padding-top: 280px; }
.secSample .secSamp3 { padding-top: 345px; }
.secSample .secSamp4 { padding-top: 160px; }
.secSample .secSamp5 { padding-top: 865px; }
.secSample .secSamp6 { padding-top: 460px; }

.infCont.secSpeIntro {
	background-image: url(../images/top/introTop.jpg), url(../images/top/introBtm.jpg);
	padding: 258px 0 80px;
}
.infCont.secSpeIntro .secTop {
	background-image: url(../images/top/introBg.jpg);
}
.inrSpeIntro {
	background: transparent no-repeat center top;
}
.inrSpeIntro.inrSpeIntro1 {
	background-image: url(../images/top/introTop2.jpg);
}
.inrSpeIntro.inrSpeIntro2 {
	background-image: url(../images/top/introTop3.jpg);
	padding-top: 170px;
}
.inrSpeIntro.inrSpeIntro2 .inrSpeTit {
	margin-bottom: 10px;
	padding: 15px 0 3px;
	color: #906;
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
	border-bottom: 1px dashed #92bdea;
}
.inrSpeIntro.inrSpeIntro2 .inrSpeTit:first-child { padding-top: 0; }

/********************************
*** Result Page
********************************/
.result-container .secGreet { min-height: 350px; }
.result-container .secGreet .secInfo {
	font-family: "KaiTi", "WenQuanYi Micro Hei", "UKai", serif;
    background-color: rgba(0, 0, 0, 0.5);
	position: relative;
	margin-top: 40px;
	margin-left: 50px;
    width: 380px;
	padding: 20px 20px 0 20px;
	color: #fff;
    font-size: 130%;
    font-weight: bold;
    line-height: 180%;
    border: #333 1px solid;
	border-radius: 10px;
}

.secCommon {
	background: transparent;
	background-image: url(../images/result/rsltCmnTop.jpg), url(../images/result/rsltCmnBtm.jpg), url(../images/result/rsltCmnBg.jpg);
	background-repeat: no-repeat, no-repeat, repeat-y;
	background-position: center top, center bottom, center top;
    margin: 0 auto;
	padding: 40px 70px 60px;
    max-width: 840px;
	color: #ddd;
}
.secCommon .secUser {
	background: transparent url(../images/result/rsltCmnTitMe.png) no-repeat center top;
	padding-top: 105px;
}
.secCommon .secUser.target {
	background-image: url(../images/result/rsltCmnTitOne.png);
}
.secCommon .secUser .secInfo {
	background: transparent url(../images/result/rsltFmBgMe.png) no-repeat center top;
	padding: 27px 120px 35px 300px;
	color: #fff;
	font-weight: bold;
}
.secCommon .secUser.target .secInfo { background-image: url(../images/result/rsltFmBgOne.png); }
.secCommon .secUser .secInfo .userInfo p { padding: 8px; min-height: 25px; }

.inrTit {
	background: transparent url(../images/result/rsltCmnTit1_1.png) no-repeat center top;
	display: table;
	width: 100%;
	height: 200px;
	text-indent: -9999px;
}
.inrTit.inrTit1_2 { background-image: url(../images/result/rsltCmnTit1_2.png); }
.inrTit.inrTit1_3 { background-image: url(../images/result/rsltCmnTit1_3.png); }
.inrTit.inrTit1_4 { background-image: url(../images/result/rsltCmnTit1_4.png); }
.inrTit.inrTit2_1 { background-image: url(../images/result/rsltCmnTit2_1.png); }
.inrTit.inrTit2_2 { background-image: url(../images/result/rsltCmnTit2_2.png); }
.inrTit.inrTit3_1 { background-image: url(../images/result/rsltCmnTit3_1.png); }
.inrTit.inrTit3_2 { background-image: url(../images/result/rsltCmnTit3_2.png); }
.inrTit.inrTit3_3 { background-image: url(../images/result/rsltCmnTit3_3.png); }
.inrTit.inrTit3_4 { background-image: url(../images/result/rsltCmnTit3_4.png); }
.inrTit.inrTit3_5 { background-image: url(../images/result/rsltCmnTit3_5.png); }

.inrContent {
	background: transparent url(../images/result/rsltCmnInrBg.png) repeat-y center top;
	padding: 2px 82px;
}
.inrBtm {
	background: transparent url(../images/result/rsltCmnInrBtm.png) no-repeat center top;
	height: 55px;
}
.inrContent .inrBlock {
	background: transparent url(../images/result/rsltCmnDiv.png) no-repeat center top;
	padding-top: 40px;
}
.inrContent .inrBlock:first-child {
	background: none;
	padding: 0;
}
.inrSubTit {
	background: #000000;
	padding: 16px 5px 13px;
	color: #d4d136;
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
    border: 1px solid #726029;
	border-radius: 10px;
}
.inrContent .inrBlock .inrCmnImg {
	height: 400px;
	text-align: center;
	overflow: hidden;
}
.inrContent .inrBlock .inrCmnImg img { margin: -40px auto; }
.inrContent .inrBlock .inrCmnPlate {
	height: auto;
	margin: 20px auto;
}
.inrContent .inrBlock .inrCmnKnot {}

/* SecListing Container */
.secListing .secTop {
    background: transparent center top;
	background-image: url(../images/result/rsltLstTitTop.jpg), url(../images/result/rsltLstTitBg.jpg);
	background-repeat: no-repeat, repeat-y;
	margin-bottom: -20px;
	padding: 80px 70px 0;
	color: #ddd8dd;
	font-size: 1.15em;
	font-weight: bold;
}
.secListing .secInfo {
	background: transparent;
	background-image: url(../images/result/rsltLstDiv.jpg), url(../images/result/rsltLstBtm.jpg), url(../images/result/rsltLstBg.jpg);
	background-position: center top, center bottom, center top;
	background-repeat: no-repeat, no-repeat, repeat-y;
	padding: 120px 0 105px;
	color: #000;
}
.free-container .secListing .secInfo { padding-top: 112px; }
.secListing .secRight .secInfo { background-image: url(../images/result/rsltLstDivR.jpg), url(../images/result/rsltLstBtmR.jpg), url(../images/result/rsltLstBgR.jpg); }
.secListing .secLeft .secInfo { background-image: url(../images/result/rsltLstDivL.jpg), url(../images/result/rsltLstBtmL.jpg), url(../images/result/rsltLstBgL.jpg); }
.secListing .secLeft .secInList, .secListing .secRight .secInList { padding-top: 20px; }
.secListing .secLeft .secInList .paragraph, .secListing .secRight .secInList .paragraph { padding: 0 38px; width: 42%; float: left; }
.secListing .secRight .secInList .paragraph { padding-left: 95px; }
.secListing .secRight .secEle { float: right; }
.secListing .secLeft .secEle { float: left;  }
.secListing .secInList .paragraph { position: relative; padding: 0px 140px; z-index: 22; }


.secListing .secSpecial .secTop {
	background-image: url(../images/result/rsltSpTitTop.jpg), url(../images/result/rsltSpTitBg.jpg);
	padding: 330px 40px 20px;
}
.secListing .secSpecial.specialImg .secTop {
	background-image: url(../images/result/rsltLstTitTop.jpg), url(../images/result/rsltSpTitBg.jpg);
	padding: 70px 40px 0;
    margin-bottom: -40px;
}
.secListing .secSpecial.specialImg .secTop span {
	background: none;
	border: 0;
}
.secListing .secSpecial .secTop span {
	background: rgba(50, 13, 63, 0.48);
	display: block;
	padding: 20px;
    border: 2px solid #5a4a60;
	border-radius: 10px;
}
.secListing .secSpecial .secInfo img {
	background: transparent url(../images/result/rsltSpImgTit.jpg) no-repeat center top;
	padding-top: 60px;
	display: table;
	margin: 0 auto -70px;
}
.secListing .secSpecial.specialImg img { background: none; padding-top: 0; margin-bottom: 0; }
.secListing .secSpecial .secInfo {
	background-image: url(../images/result/rsltSpDiv.jpg), url(../images/result/rsltSpBtm.jpg), url(../images/result/rsltSpBg.jpg);
	color: #fff;
}

/* Jiki Section Styling */
.jikiBar {
	margin: 20px auto;
	color: #5a36c7;
	font-size: 1.9em;
	font-weight: bold;
	text-align: center;
}
.secListing .secJiki .secTop {
	background-image: url(../images/result/rsltJikiTop1.jpg), url(../images/result/rsltKmTitBg.jpg);
	padding-top: 240px;
}
.person2 .secListing .secJiki .secTop {
	background-image: url(../images/result/rsltJikiTop2.jpg), url(../images/result/rsltKmTitBg.jpg);
}

/* secMessage Styling */
.secListing .secMsg {
	background: transparent;
	background-image: url(../images/result/rsltMsgTop.jpg), url(../images/result/rsltSpBtm.jpg), url(../images/result/rsltSpBg.jpg);
	background-position: center top, center bottom, center top;
	background-repeat: no-repeat, no-repeat, repeat-y;
	padding-top: 230px;
}
.secListing .secMsg .secTop { text-indent: -9999px; }
.secListing .secMsg .secTop,
.secListing .secMsg .secInfo {
	background-image: none;
	color: #fff;
}
.secListing .secMsg .secInfo img { display: table; margin: 0 auto -70px; }

/********************************
*** blur Styling
********************************/
.result-container .paragraph .blur {
    background: transparent url(../images/result/blur/text_img_m2.png) no-repeat center top;
	background-size: 100%;
    height: 185px;
    padding-top: 60px;
}
.result-container .secCommon .paragraph .blur {
	
}
.result-container .secLeft .paragraph .blur,
.result-container .secRight .paragraph .blur {
	background-image: url(../images/result/blur/text_img_s.png);
	background-position: left top;
}
.result-container .secJiki .blur {
	background: transparent url(../images/result/blur/text_img_jiki.png) no-repeat center top;
	padding-top: 120px;
}

/********************************
*** top-container Styling
********************************/
.top-container .breadcrumb { display: none; }
.directLink {
	color: #e8ca22;
	float: right;
	padding-right: 100px;
}
.directLink:hover { color: #cc8800; text-decoration: none; }

.topCont .secTop {
	text-indent: -9999px;
	height: 90px;
	margin-bottom: 40px;
}
.body-container .topCont .commonMenuBox { padding: 0 0 20px; }
.body-container .topCont .commonMenuBox .info { background-image: none; color: #000; }
.body-container .topCont .commonMenuBox .info .iconelement,
.body-container .topCont .commonMenuBox .info .infoelement { float: left; margin-bottom: 10px; }
.body-container .topCont .commonMenuBox .info .iconelement {
	margin-right: 10px;
	padding-left: 0;
	width: 70px;
}
.body-container .topCont .commonMenuBox .info .infoelement { width: 86%; }
.body-container .topCont .commonMenuBox .info .price {
	color: #005566;
	text-align: right;
	font-weight: bold;
}

.topCont.secNew {
	background: transparent;
	background-image: url(../images/top/newTop.jpg), url(../images/top/newBtm.jpg), url(../images/top/newBg.jpg);
	background-position: center top, center bottom, center top;
	background-repeat: no-repeat, no-repeat, repeat-y;
	padding: 400px 60px 70px;
}
.topCont.secSpecial {
	background: transparent;
	background-image: url(../images/top/spTop.jpg), url(../images/top/newBtm.jpg), url(../images/top/newBg.jpg);
	background-position: center top, center bottom, center top;
	background-repeat: no-repeat, no-repeat, repeat-y;
	padding: 400px 60px 70px;
}
.topCont.secRecomm {
	background: transparent;
	background-image: url(../images/top/recommTop.jpg), url(../images/top/recommBtm.jpg), url(../images/top/recommBg.jpg);
	background-position: center top, center bottom, center top;
	background-repeat: no-repeat, no-repeat, repeat-y;
	padding: 400px 60px 70px;
}
.topCont.secListing {
	background: transparent;
	background-position: center top, center bottom, center top;
	background-repeat: no-repeat, no-repeat, repeat-y;
	padding: 440px 113px 70px;
	clear: both;
}
.topCont.secListing.secLove { background-image: url(../images/top/loveTop.jpg), url(../images/top/loveBtm.jpg), url(../images/top/loveBg.jpg); }
.topCont.secListing.secMarry { background-image: url(../images/top/marrTop.jpg), url(../images/top/marrBtm.jpg), url(../images/top/marrBg.jpg); }
.topCont.secListing.secLife { background-image: url(../images/top/lifeTop.jpg), url(../images/top/lifeBtm.jpg), url(../images/top/lifeBg.jpg); }

.topCont.secListing .secInfo {
	background-image: none;
	padding: 0;
}
.topCont.secListing .secInfo .float {
	background: url(../images/top/listCover.png) no-repeat right -29px bottom 20px;
	min-height: 295px;
}
.topCont.secListing .secInfo .secMenu {
	background: transparent;
	background-position: left top, left bottom, left top;
	background-repeat: no-repeat, no-repeat, repeat-y;
	position: relative;
	padding: 40px 0 60px;
	max-width: 720px;
}
.topCont.secListing .secInfo .secMenu.last { width: 50%; }
.topCont.secListing.secLove .secInfo .secMenu { background-image: url(../images/top/loveInrTop.jpg), url(../images/top/loveInrBtm.jpg), url(../images/top/loveInrBg.jpg); }
.topCont.secListing.secMarry .secInfo .secMenu { background-image: url(../images/top/marrInrTop.jpg), url(../images/top/marrInrBtm.jpg), url(../images/top/marrInrBg.jpg); }
.topCont.secListing.secLife .secInfo .secMenu { background-image: url(../images/top/lifeInrTop.jpg), url(../images/top/lifeInrBtm.jpg), url(../images/top/lifeInrBg.jpg); }
.topCont.secListing .secInfo .secMenu .menuInfo {
	display: inline-block;
	margin-right: -3px;
	width: 50%;
	vertical-align: top;
}
.topCont.secListing .secInfo .secMenu.last .menuInfo { width: 100%; }
.topCont.secListing .secInfo .secMenu .menuInfo .commonMenuBox { padding: 0; }
.topCont.secListing .secInfo .secMenu .menuInfo .commonMenuBox .info { padding: 0 30px; }
.topCont.secListing .secInfo .secMenu .menuInfo .infoelement { width: 73%; }
.topCont.secListing .secInfo .secMenu .menuInfo .description { text-align: justify; }
.topCont.secListing .secInfo .secMenu .menuInfo .price {
	position: absolute;
	bottom: 30px;
	width: 300px;
}