* { box-sizing: border-box; }
body {
    width: 100%;
    font-size: 14px;
	line-height: 1.5em;
    min-width: inherit;
    width: 100%;
}
.paragraph p {
    margin-bottom: 10px;
	text-align: justify;
	line-height: 1.6em;
}
.half {
    float: none;
    width: 100%;
    padding: 5px 0;
}
img.center {
    width: 100%;
    margin: 0 auto;
}
img.pull-left {
    float: none;
    display: table;
    margin: 0 auto;
}
.block-center { max-width: 100%; }
img.pull-left.block-center {
	width: 40%;
	float: left;
}
.img-responsive { width: 100%; }
.hidden-md { display: block; }
.hidden-sm { display: none !important; }
.fixed-cont { width: 100%; }
.body-footer { background: #081e28; }
.body-footer .copyrightTxt { font-size: 0.85em; line-height: 1.3em; }
.body-footer a, .bodyFooter .center { margin-bottom: 10px; }

/********************************
*** Header Part
********************************/
.top-container header { margin-bottom: -30px; }
header .header-container {
	background-image: url(../images/common/sp/mBnr.png);
    background-size: 100%;
	padding-top: 222px;
	min-height: auto;
}
header .header-container .title-container {
	width: 100%;
	padding: 3px 50px 3px 0;
}
header .header-container .title-container .mTit {
    max-width: 100%;
    padding: 0;
}
header .header-container .title-container .mTit:first-child { margin-bottom: -5px; }

/********************************
*** Body Part
********************************/
.directLink {
	width: 90%;
	margin: 10px auto;
}
.full-container, .top-container .full-container {
	background-image: url(../images/common/sp/mBnr.jpg);
	background-size: 100%;
	padding-top: 305px;
	width: 100%;
	min-width: 0;
}
.body-container {
	background-image: none;
	background-color: #00182b;
    min-width: 100%;
}
.body-container .subbody-container {
	background: none;
	padding-top: 6px;
}
.navi-container {
	background: transparent url(../images/common/sp/naviBg.jpg) no-repeat center bottom;
	background-size: 113%;
    padding: 0 0 78px;
	width: 100%;
	min-height: 86px;
	text-align: center;
}
.navi-container .pull-left {
	float: none;
	display: inline-table;
	text-align: center;
}
.navi-container div.navi_btn {
	background-size: 100%;
	margin-top: -11px;
	width: 156px;
	max-width: 156px;
	height: 50px;
	color: #fff;
	text-indent: -9999px;
}
.navi-container div.navi_top { background-image: url(../images/common/button/sp/btnTop.jpg); }
.navi-container div.navi_input { background-image: url(../images/common/button/sp/btnInput.jpg); }
.navi-container div.navi_info { background-image: url(../images/common/button/sp/btnInfo.jpg); }
.navi-container div.navi_sample { background-image: url(../images/common/button/sp/btnSamp.jpg); }
.navi-container div.navi_profile { background-image: url(../images/common/button/sp/btnProfile.jpg); }
.top-container .body-container { background: #041e2f; }
.body-container .breadcrumb {
	background: rgba(24, 0, 0, 0.3);
	margin: -62px auto 5px;
    padding: 5px 10px;
    max-width: 93%;
    border-radius: 10px;
    border: 1px solid #000;
}
.body-container .commonMenuBox {
	background-size: 125%;
	padding: 30px 0;
}
.body-container .commonMenuBox .info {
	background-image: none;
	background-color: #f2f2ed;
	padding: 3px 6px 7px;
	font-size: 0.9em;
}
.body-container .commonMenuBox .info .iconelement { padding-left: 70px; }
.body-container .commonMenuBox .info .infoelement { color: #4c1900; }
.body-container .commonMenuBox .info .infoelement h3 {
	font-size: 1em;
	line-height: 1.3em;
}

/********************************
*** input Part
********************************/
.input-container .secDesc {
	margin: 0 auto;
	width: 92%;
	color: #fff;
	text-align: left;
}
.input-container .one-design .komi_cont {
	background-image: url(../images/input/sp/inpKmTop.jpg), url(../images/input/sp/inpKmBtm.jpg), url(../images/input/sp/inpKmBg.jpg);
	background-size: 100%;
	padding: 70px 0 50px;
}
.input-container .one-design .komiInfo ul { max-width: 90%; font-size: 0.9em; line-height: 1.3em; }
.body-container .komiInfo ul li span {
	background-size: 20px;
	padding: 3px 0px 6px 23px;
}
.two-design {
	background-image: url(../images/input/sp/inpFmTit1.jpg), url(../images/input/sp/inpFmBtm.jpg), url(../images/input/sp/inpFmBg.jpg);
	background-size: 101%;
	padding-top: 85px;
	padding-bottom: 50px;
}
.input-container .two-design .secInfo { padding-bottom: 10px; }
.two-design .secTop .secInfo.target {
	background-image: url(../images/input/sp/inpFmTit2.jpg);
	background-size: 101%;
	padding-top: 90px;
}
.input-container table tr th,
.input-container table tr td {
	background-size: 130px;
	display: table;
	width: 100%;
	height: 35px;
}
.input-container table tr.name th { background-position: left bottom; }
.input-container table tr.birthday th { background-position: left bottom; }
.input-container table tr.sex th { background-position: left bottom; }
.input-container table select { padding: 3px; }
select {
	background: #fff url(../../../images_m/iconArrow.png) no-repeat 93% center;
	background-size: 9px;
	padding-right: 15px!important;
	-webkit-appearance: none;
  	appearance: none;
    -webkit-rtl-ordering: logical;
	-webkit-text-fill-color: #000000;
	opacity: 1;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
form input[type="text"] { width: 100%; padding: 7px; border-radius: 6px; }
.free-btn, .charge-btn {
    background-size: 100%;
    width: 280px;
    height: 64px;
}
.priceHolder { font-size: 1.7em; }
.free-container .charge-btn {
	background-size: 100%;
	width: 213px;
	height: 64px;
	font-size: 0.8em;
}
.spanError { top: 16px; left: 97px; font-size: 11px; }

/********************************
*** sec-cont Part
********************************/
.infCont {
	background: #12011c no-repeat;
	background-image: url(../images/info/sp/proTit.jpg), url(../images/info/sp/infBtm.jpg);
	background-position: center top, center bottom;
    background-size: 118%;
	padding: 20px 0 32px;
}
.infCont.secAbout .secInfo {
	background-image: url(../images/info/sp/proImg.jpg), url(../images/info/sp/proNm.jpg);
	background-position: center top, center 199px;
	background-size: 105%;
	padding: 280px 0 0;
}
.infCont .secTitle {
	height: 42px;
	margin-bottom: 10px;
}
.infCont .paragraph { padding: 10px 10px 20px; }
.infCont .secInner .secTitle {
    margin-bottom: 20px;
	height: 28px;
}
.infCont .secInner .paragraph { padding: 0; }
.infCont .abtTit {
	background-size: 90%;
	height: 50px;
}
.infCont .abtSec { padding: 0; }
.infCont .abtTit {
	background-size: 140%;
	height: 62px;
}
.infCont .abtSec .paragraph {
	background-size: 100%;
	padding: 210px 20px 5px;
	max-width: 100%;
}
.infCont .abtSec1 .paragraph { background-image: url(../images/info/sp/abtImg1.jpg); }
.infCont .abtSec2 .paragraph { background-image: url(../images/info/sp/abtimg2.jpg); padding-top: 105px; }
.infCont .abtSec3 .paragraph { background-image: url(../images/info/sp/abtImg3.jpg); padding-top: 205px; }
.infCont.secAbout .secInner {
	background-image: url(../images/info/sp/proMsgTit.png), url(../images/info/sp/proSign.png);
	background-position: center 5px, 105% 99%;
	background-size: 100%, 120px;
	background-color: #f4f1ec;
	margin: 0 auto;
	padding: 10px 10px 40px;
	max-width: 98%;
	font-size: 1.2em;
	border-radius: 10px;
}

.infCont.secSkill {
	background-image: url(../images/info/sp/skillTit.jpg), url(../images/info/sp/infBtm.jpg);
	padding-top: 30px;
}
.infCont.secSpeIntro {
	background-image: url(../images/top/sp/introTop.jpg), url(../images/top/sp/introBtm.jpg);
	background-position: center -17px, center bottom;
	background-size: 100%;
	padding: 129px 0 30px;
}
.infCont.secSpeIntro .secInfo { background-color: #000; }
.infCont.secSpeIntro .secInfo .paragraph { padding: 10px 2px; }
.inrSpeIntro {
	background-size: 100%;
}
.inrSpeIntro.inrSpeIntro1 {
	background-image: url(../images/top/sp/introTop2.jpg);
	padding-top: 109px
}
.inrSpeIntro.inrSpeIntro2 {
	background-image: url(../images/top/sp/introTop3.jpg);
	padding-top: 110px;
}
.infCont.secSample {
	background-color: transparent;
	background-repeat: no-repeat, no-repeat, repeat-y;
	padding: 1px 0 28px;
	font-size: 0.9em;
}
.samp-container .infCont .paragraph { padding: 0; }
.secSample img.pull-left {
	float: left;
	width: 95px;
}
.secSample .test { padding-left: 105px; }
.secSample .test img { max-width: 100%; }
.secSample .test p { padding: 0 15px 0 5px; }
.secSample .secSamp1 { padding-top: 45px; }
.secSample .secSamp2 { padding-top: 35px; }
.secSample .secSamp3 { padding-top: 55px; }
.secSample .secSamp4 { padding-top: 0; }
.secSample .secSamp5 { padding-top: 200px; }
.secSample .secSamp6 { padding-top: 109px; }
.body-container .commonMenuBox .info .infoelement h3:first-child { font-size: 1em; }

.infCont.secReview {
	background-image: url(../images/top/sp/revTop.jpg), url(../images/top/sp/revBtm.jpg);
	background-size: 100%;
	padding: 350px 0 40px;
}
.secReview .secInner {
	background-size: 100%;
	padding: 95px 0 0;
}
.secReview .secInner.secInner1 { background-image: url(../images/top/sp/revInrTop.jpg); }
.secReview .secInner.secInner2 { background-image: url(../images/top/sp/revInrTop2.jpg); }
.secReview .secInner .inrInfo, .secReview .secInner.secInner2 .inrInfo {
	background-image: none;
	background-color: #111113;
	padding: 10px 10px 0;
}
.secReview .revUsr { margin-top: 10px; margin-bottom: 10px; padding: 0 20px; }
.secReview .secInner .inrInfo .revTit {
	line-height: 1.4em;
	font-size: 1.2em;
	margin-bottom: 10px;
}
.secReview .secInner .inrInfo .revComment {
	background-position: center top;
	padding: 380px 10px 0;
}

/********************************
*** Result Part
********************************/
.secCommon {
	background-image: url(../images/result/sp/rsltCmnTop.jpg), url(../images/result/sp/rsltBtm.jpg);
	background-color: #000;
	background-size: 100%;
	padding: 35px 0 20px;
	width: 100%;
}
.result-container .secGreet { min-height: 200px; }
.result-container .secGreet .secInfo {
	margin: 0 0 5px 10px;
	padding: 10px;
	width: 73%;
	font-size: 1.1em;
}

.secCommon .secUser {
	background-image: url(../images/result/sp/rsltCmnTitMe.jpg);
	background-size: 100%;
	padding-top: 60px;
}
.secCommon .secUser.target { background-image: url(../images/result/sp/rsltCmnTitOne.jpg); }
.secCommon .secUser .secInfo .userInfo p {
	background: #fff no-repeat center top;
	background-size: 100%;
	padding: 35px 8px 4px;
	color: #000;
	text-align: center;
}
.secCommon .secUser .secInfo .userInfo p.usrNm { background-image: url(../images/result/sp/rsltFmTitNm.jpg); }
.secCommon .secUser .secInfo .userInfo p.usrBday { background-image: url(../images/result/sp/rsltFmTitBday.jpg); }
.secCommon .secUser .secInfo .userInfo p.usrSex { background-image: url(../images/result/sp/rsltFmTitSex.jpg); }
.secCommon .secUser .secInfo, .secCommon .secUser.target .secInfo { background-image: none; padding: 0; }
.inrBtm {
	background-image: url(../images/result/sp/rsltCmnInrBtm.jpg);
	background-position: center bottom;
	background-size: 100%;
	height: 24px;
}
.inrContent {
	background-color: #1a070a;
	background-image: url(../images/result/sp/rsltCmnInrBg.jpg);
	background-size: 100%;	
	padding: 5px 8px;
}
.inrContent .inrBlock {
	background-image: url(../images/result/sp/rsltDiv.png);
	background-size: 100%;
	padding-top: 20px;
}
.inrContent .inrBlock img {
	float: none;
	margin: 0 auto;	
}
.secCommon .inrTit {
	background-image: url(../images/result/sp/rsltCmnTit1_1.jpg);
	background-size: 100%;
	height: 95px;
}
.inrTit.inrTit1_2 { background-image: url(../images/result/sp/rsltCmnTit1_2.jpg); }
.inrTit.inrTit1_3 { background-image: url(../images/result/sp/rsltCmnTit1_3.jpg); }
.inrTit.inrTit1_4 { background-image: url(../images/result/sp/rsltCmnTit1_4.jpg); }
.inrTit.inrTit2_1 { background-image: url(../images/result/sp/rsltCmnTit2_1.jpg); }
.inrTit.inrTit2_2 { background-image: url(../images/result/sp/rsltCmnTit2_2.jpg); }
.inrTit.inrTit3_1 { background-image: url(../images/result/sp/rsltCmnTit3_1.jpg); }
.inrTit.inrTit3_2 { background-image: url(../images/result/sp/rsltCmnTit3_2.jpg); }
.inrTit.inrTit3_3 { background-image: url(../images/result/sp/rsltCmnTit3_3.jpg); }
.inrTit.inrTit3_4 { background-image: url(../images/result/sp/rsltCmnTit3_4.jpg); }
.inrTit.inrTit3_5 { background-image: url(../images/result/sp/rsltCmnTit3_5.jpg); }

.inrSubTit {
	margin: 0 auto;
	padding: 9px 5px 7px;
	max-width: 97%;
	font-size: 1em;
}
.inrContent .inrBlock .paragraph p {
	margin: 5px auto 0;
	max-width: 93%;
	padding: 10px 20px;
}
.inrContent .inrBlock .inrCmnPlate { margin: 0 auto; }
.inrContent .inrBlock .inrCmnImg,
.inrContent .inrBlock .inrCmnKnot,
.secListing .secMsg .secInfo {
	position: relative;
	display: block;
	height: auto;
}
.secListing .secMsg .secInfo img { margin-bottom: 0; }
/*.free-container .secListing .secInfo { padding-top: 60px; }*/
.secListing .secSpecial .secTop {
	background-image: url(../images/result/sp/rsltSpTitTop.jpg);
	padding: 170px 15px 20px;
	color: #fff;
}
.secListing .secSpecial .secTop span { padding: 8px; }
.secListing .secSpecial .secInfo, .free-container .secListing .secSpecial .secInfo {
	background-image: url(../images/result/sp/rsltSpDiv.jpg), url(../images/result/sp/rsltSpBtm.jpg), url(../images/result/sp/rsltSpBg.jpg);
	background-position: center -9px, center bottom, center top;
	padding-top: 40px;
}
.secListing .secSpecial .secInfo img {
	background-image: url(../images/result/sp/rsltSpImgTit.jpg);
	background-size: 124%;
    max-width: 97%;
    padding-top: 40px;
	margin-bottom: -20px;
}
.secListing .secSpecial.specialImg .secTop {
	background-image: url(../images/result/sp/rsltLstTitTop.jpg);
	padding: 30px 15px 30px;
}
.secListing .secSpecial.specialImg img { background: none; padding: 0; margin-bottom: 0; }
.inrContent .inrBlock .inrCmnImg:before,
.inrContent .inrBlock .inrCmnKnot:before,
.secListing .secMsg .secInfo:before {
	content: "";
	background: transparent url(../images/result/sp/imgCover.png) round center top;
	background-size: 100%;
	position: absolute;
	display: block;
	margin: 0 auto;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 99;
}
.secListing .secMsg .secInfo:before {
	top: 5px;
    left: 10px;
    width: 94%;
    height: 208px;
    border-radius: 20px;
}
.inrContent .inrBlock .inrCmnImg img { margin: -25px auto; }

/* secListing styling */
.secListing .secTop {
	background-color: #130a18;
	background-image: url(../images/result/sp/rsltLstTitTop.jpg), url(../images/result/sp/rsltLstDiv.jpg);
	background-position: center top, center bottom;
	background-repeat: no-repeat;
	background-size: 100%;
	padding: 35px 15px 46px;
	font-size: 0.95em;
}
.secListing .secInfo,
.secListing .secLeft .secInfo,
.secListing .secRight .secInfo,
.free-container .secListing .secInfo,
.free-container .secListing .secLeft .secInfo,
.free-container .secListing .secRight .secInfo {
	background-image: url(../images/result/sp/rsltLstDiv.jpg), url(../images/result/sp/rsltLstBtm.jpg), url(../images/result/sp/rsltLstBg.jpg);
	background-position: center -42px, center bottom, center top;
	background-size: 100%;
	padding: 15px 10px 39px;
}
.secListing .secEle { display: none; }
.secListing .secInList,
.secListing .secLeft .secInList,
.secListing .secRight .secInList {
	padding: 0;
}
.secListing .secInList .paragraph,
.secListing .secLeft .secInList .paragraph,
.secListing .secRight .secInList .paragraph {
	float: none;
	margin: 0 auto;
	padding: 0;
	width: 80%;
}

.secListing .secMsg,
.free-container .secListing .secMsg {
	background-image: url(../images/result/sp/rsltMsgTop.jpg), url(../images/result/sp/rsltSpBtm.jpg), url(../images/result/sp/rsltSpBg.jpg);
	background-size: 100%;
	padding: 0 0 55px;
}
.secListing .secMsg .secTop { background-color: transparent; height: 220px; }
.secListing .secMsg .secInfo { background-image: none; padding: 0; }
.secListing .secMsg img {
	max-width: 90%;
	margin: 0 auto;
}

/* blur styling */
.result-container .paragraph .blur,
.result-container .secLeft .paragraph .blur,
.result-container .secRight .paragraph .blur {
	background-image: url(../images/result/blur/text_img_s.png);
	padding-top: 40px;
	height: 182px;
}
.result-container .paragraph .blur .charge-btn { position: relative; }
.result-container .secCommon .paragraph .blur {
	background-image: url(../images/result/blur/sp/text_img_m3.png);
	background-repeat: no-repeat;
	background-size: 89%;
	max-width: 95%;
	margin: 0 auto 10px;
	padding-top: 20px;
	height: 120px;
}

/* top-container */
.topCont .secTop {
	margin-top: -62px;
    margin-bottom: 20px;
	height: 46px;
}
.directLink { width: 100%; padding-right: 20px; text-align: right; }
.body-container .topCont .commonMenuBox { padding: 0; }
.body-container .topCont .commonMenuBox .info { background-color: transparent; padding-bottom: 0; }
.body-container .topCont .commonMenuBox .info .iconelement {
	background-size: 100%;
	width: 50px;
	height: 50px;
	min-height: auto;
}
.body-container .topCont .commonMenuBox .info .infoelement { width: 72%; }
.topCont.secNew,
.topCont.secRecomm,
.topCont.secSpecial {
	background-image: url(../images/top/sp/newBg.jpg);
	background-repeat: repeat-y;
	background-size: 100%;
	padding: 0;
}
.topCont.secNew:before {
	content:"";
	background: url(../images/top/sp/newTop.jpg) no-repeat center top;
	background-size: 100%;
	position: relative;
	top: -2px;
	display: block;
	height: 280px;
	width: 100%;
}
.topCont.secRecomm:before {
	content:"";
	background: url(../images/top/sp/recommTop.jpg) no-repeat center top;
	background-size: 100%;
	position: relative;
	top: -2px;
	display: block;
	height: 310px;
	width: 100%;
}
.topCont.secSpecial:before {
	content:"";
	background: url(../images/top/sp/spTop.jpg) no-repeat center top;
	background-size: 100%;
	position: relative;
	top: -2px;
	display: block;
	height: 275px;
	width: 100%;
}
.topCont.secNew:after,
.topCont.secRecomm:after,
.topCont.secSpecial:after {
	content:"";
	background: url(../images/top/sp/newBtm.jpg) no-repeat center top;
	background-size: 100%;
	position: relative;
	bottom: -2px;
	display: block;
	height: 48px;
	width: 100%;
}
.body-container .topCont.secNew .commonMenuBox,
.body-container .topCont.secRecomm .commonMenuBox,
.body-container .topCont.secSpecial .commonMenuBox {
	background: url(../images/top/sp/newDiv.png) no-repeat center top;
	background-size: 104%;
	padding-top: 20px;
	width: 100%;
}
.body-container .topCont.secNew .commonMenuBox:first-child,
.body-container .topCont.secRecomm .commonMenuBox:first-child,
.body-container .topCont.secSpecial .commonMenuBox:first-child {
	background-image: none;
	padding: 0;
}
.body-container .topCont.secNew .secInfo,
.body-container .topCont.secRecomm .secInfo,
.body-container .topCont.secSpecial .secInfo {
	padding: 0 10px;
}

.topCont.secListing {
	background-size: 100%;
	padding: 230px 0 35px;
}
.topCont.secListing.secLove { background-image: url(../images/top/sp/loveTop.jpg), url(../images/top/sp/loveBtm.jpg), url(../images/top/sp/loveBg.jpg); }
.topCont.secListing.secMarry { background-image: url(../images/top/sp/marrTop.jpg), url(../images/top/sp/marrBtm.jpg), url(../images/top/sp/marrBg.jpg); }
.topCont.secListing.secLife { background-image: url(../images/top/sp/lifeTop.jpg), url(../images/top/sp/lifeBtm.jpg), url(../images/top/sp/lifeBg.jpg); }
.topCont.secListing .secInfo .float {
	background: none;
	padding: 0;
}
.topCont.secListing .secInfo .secMenu {
	background: none !important;
	padding: 0 10px;
}
.topCont.secListing .secInfo .secMenu .menuInfo {
	background: #fff;
	border: 1px solid #639;
	margin-bottom: 5px;
	padding: 10px;
	width: 100%;
}
.topCont.secListing .secInfo .secMenu.last { width: 100%; }
.topCont.secListing .secInfo .secMenu .menuInfo .commonMenuBox .info { padding: 0; }
.topCont.secListing .secInfo .secMenu .menuInfo .price {
	position: relative;
	display: block;
	bottom: auto;
	width: 100%;
	text-align: right;
}