#FLOAT_ALL * { font-size: 17px; line-height: 1.5em; }
#QUEST_AREA .Q_CON { font-size: 17px; }

header .full-container .infohtml {
	margin: 0;
	padding: 0;
}
body {
	background: #ffd1d7;
    display: block;
	margin: 0;
	padding: 0;
	color: #5F4746;
	font-size: 25px;
	line-height: 1.5em;
	font-family: 'Noto Sans CJK TC', Arial, sans-serif;
}
@media (max-width: 1200px) {
    body { display: inline-block; }
}
div { display: block; }
.hidden { display: none!important; }
.hidden-md { display: none; }
.body-footer {
    padding: 20px 5px;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5em;
    text-align: center;
}
.body-footer .copyrightTxt { margin-top: 20px; text-align: center; }
.body-footer a {
    color: #5f4746;
    font-weight: bold;
}

/********************************
*** Paragraph & Padding Styling
********************************/
h2 {
	margin-bottom: 35px;
    font-size: 28px;
    line-height: 1.3em;
	letter-spacing: 1px;
}
p {
    text-align: left;
    margin-bottom: 25px;
}

p.no-indent { text-indent: 0 !important; }
a:hover { text-decoration: none; }
strong { font-weight: bold; }

.text-center { text-align: center; }
span.yellow, .text-yellow { color: #ffe400; }
.text-purple { color: #c60095; }
.text-soft-purple { color: #800b8b !important; }
.text-dark-purple { color: #1b0142; }
.text-pink { color: #ffa5d8; }
.text-blue { color: #004672; }
.attention, span.red { color: #E6005B; }

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

.margin-top-above-10 { margin-top: -10px; }
.margin-top-10 { margin-top: 10px; }
.margin-left-10 { margin-left: 10px; }
.margin-left-30 { margin-left: 30px; }
.margin-bottom-20 { margin-bottom: 20px; }

.roundRadius { border-radius: 100%; }
.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 !important; }
.pull-right { float: right !important; }
img-responsive {
	max-width: 100%;
	margin: 0 auto;
}
img { border: none; max-width: 100%; }
img.pull-left {
	margin-right: 15px;
}
img.pull-right {
	margin-left: 15px;
}

.center {
    margin: 0 auto;
    display: block;
}
.clear {
	clear: both;
}

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

.v-pull {
    margin: -20px auto;
}
.full-container .v-pull {
    margin: -22px auto -13px;
}

ul.list-styled {
    list-style: disc;
    padding-left: 25px;
}
/********************************
*** Header Part
********************************/
header .full-container .info {
	margin: 0 auto;
}
.paid-container header .header-container .navi-container {
    display: none;
}
header .header-container .navi-container {
    display: table;
    margin: 0 auto;
    padding: 2px 0;
}
header .header-container .navi-container .btnNavi {
	margin: 0 20px 0;
    width: 210px;
    height: 61px;
    float: left;
}
header .header-container .navi-container div.navi_home {
    background: transparent url(../images/common/naviTop.png) no-repeat center top;
}
header .header-container .navi-container div.navi_input {
    background: transparent url(../images/common/naviIndex.png) no-repeat center top;
}
header .header-container .navi-container div.navi_info {
    background: transparent url(../images/common/naviInfo.png) no-repeat center top;
}
header .header-container .navi-container div.navi_profile {
    background: transparent url(../images/common/naviTpage.png) no-repeat center top;
}
header .header-container .navi-container div:hover {
    background-position: center bottom;
}

/********************************
*** Common Part
********************************/
.input-container section.commonMenuBox {
	background: transparent url(../images/common/ctnTitBg.png) repeat-y center top;
}
.input-container section.commonMenuBox .top {
	background: transparent url(../images/common/ctnTitTop.png) no-repeat center -6px;
    padding-top: 50px;
}
.body-container .commonMenuBox .info {
    display: table;
    margin: 0 auto -12px;
    width: 655px;
}

.body-container .commonMenuBox .info .infoelement {
    font-family: "楷体", "Kaiti TC", KaiTi, "STKaiti", "Meiryo UI", serif, sans-serif;
    float: left;
    width: 83%;
    font-size: 1.0em;
    line-height: 1.7em;
    color: #dd1e60;
}
.body-container .commonMenuBox .info .infoelement a { text-decoration: none; }
.top-container .body-container .commonMenuBox .info .infoelement:hover { opacity: 0.7; }
.body-container .commonMenuBox .info .infoelement.menuLove, .body-container .commonMenuBox .info .infoelement.love a { color: #dd1e60; }
.body-container .commonMenuBox .info .infoelement.menuMarry, .body-container .commonMenuBox .info .infoelement.marry a { color: #800b8b; }
.body-container .commonMenuBox .info .infoelement.menuLife, .body-container .commonMenuBox .info .infoelement.life a { color: #1f4e9b; }
.body-container .commonMenuBox .info .infoelement h1 {
    margin: 10px 0;
    font-size: 1.4em;
    line-height: 1.2em;
	min-height: 100px;
}
.infoelement.menuMarry .text-soft-purple { color: #da0c81 !important; }
.input-container section.commonMenuBox .bottom {
	background: transparent url(../images/common/ctnTitBtm.png) no-repeat center 94%;
	height: 59px;
}

/********************************
*** Body Part
********************************/
.body-container {
    max-width: 750px;
    display: table;
    margin: 0 auto;
}
.body-container .subbody-container {
	background: #F9F0E7 url(../images/image_v2/01_firstview_bg_pic.png) no-repeat center 60px;
	background-size: 100%;
    margin: 0 auto;
	padding: 35px 0 0;
	max-width: 750px;
}
.result-container .subbody-container { background: none; padding: 0; }
.input-container section:not([class^='lightpick']) { padding-bottom: 70px; margin: 0px auto; }

/********************************
*** Input Page
********************************/
.input-container [class^='fvCatch'] { max-width: 98%; margin-bottom: 10px; }
.input-container .description {
    width: 75%;
    margin: 20px auto;
    color: #fff;
    font-size: 1.0em;
    white-space: pre-line;
}
.input-container [class^='fvCatch'] { max-width: 88%; }
.input-container .one-design {
	background: #F7E5E5 url(../images/image_v2/02_content_love@2x.png) no-repeat center 92%;
	background-size: 68%;
	padding: 40px 40px 310px!important;
}
.input-container .one-design .info {
	margin: 0 auto;
    padding: 10px;
/*	max-width: 600px;*/
}
.input-container .one-design .info ul {
    display: table;
    margin: 0 auto;
	font-weight: 500;
	text-align: left;
	letter-spacing: 1px;
}
.input-container [class$='-design'] .info ul li {
	margin-bottom: 15px;
	padding: 0 60px;
}
.input-container [class$='-design'] .info ul li.header {
	background: #FE8EAA;
	margin-bottom: 10px;
	padding: 5px 0;
    font-size: 28px;
    font-weight: 400;
    color: #fff;
    text-align: center;
    letter-spacing: 2px;
}
.input-container [class$='-design'] .info ul li.header.purple { background: #9B8EE6; }
.input-container [class$='-design'] .info ul li.header.blue { background: #64BAC5; }
.input-container [class$='-design'] .info ul li.header.orange { background: #FDA75C; }
.input-container [class$='-design'] .info ul li.header.bright-orange { background: #FF7F39; }
.input-container .jutsu-design .info ul li.header {
	display: table;
	margin: 0 auto 20px;
	padding: 2px 20px;
	min-width: 240px;
	line-height: 1.6em;
	vertical-align: middle;
}
.input-container [class$='-design'] .info ul li span {
	position: relative;
    display: block;
    padding: 8px 0px 8px 25px;
}
.input-container [class$='-design'] .info ul li span:before {
	content: "✓";
	position: absolute;
	top: 10px;
	left: 0;
    margin-right: 8px;
	font-size: 20px;
	line-height: 1.8em;
}
.input-container [class$='-design'] .info ul li.noIcon span { padding: 8px 0; }
.input-container [class$='-design'] .info ul li.noIcon span:before { display: none; }
.input-container [class$='-design'] .info ul li ul {
    margin-left: 35px;
}

.input-container .two-design {}
.input-container .two-design .info {
    padding: 0 30px;
}
.input-container .two-design .top-heading {}
.input-container .input-holder {
	background: #FFD1D7;
    display: table;
    margin: 0 auto 10px;
	padding: 35px 70px;
	max-width: 460px;
	border-radius: 20px;
}
.input-container br + .btmLine + .input-holder { background-color: #A5D4C0; }

.input-container .two-design table th,
.input-container .two-design table td {
    vertical-align: top;
    text-align: left;
}
.input-container .two-design table th {
	padding-top: 5px;
/*    font-size: 1.4em;*/
}
.input-container .two-design table span {
	display: none;
}
.input-container .two-design table td {
	display: flex;
	column-gap: 10px;
    color: #5F4746;
    font-weight: bold;
	align-items: flex-start;
}
.input-container .two-design table td.text-center { text-align: center; }
.input-container table select {
	background: #fff url(../images/image_v2/01_firstview_form_arrowicon.png) no-repeat 94% center;
	padding: 10px 20px;
    width: 100%;
    font-size: 25px;
    font-weight: 300;
    border: 3px solid #fff;
    border-radius: 15px;
	-moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari and Chrome */
    appearance:none;
}
span.spanError:before { top: 2px; left: 260px; }
.inputError { margin: 0 0 25px; border-radius: 15px; }
input {
    margin-bottom: 25px !important;
    padding: 12px 25px 10px !important;
    font-size: 25px;
	text-align: left;
	font-weight: 300;
    vertical-align: middle;
    border: 3px solid #fff;
    border-radius: 15px;
}
form input[type="text"] { width: 50%; }
form input[id^='datepick'] {
	background: #fff url(../images/image_v2/01_firstview_form_icon_dateicon.png) no-repeat 94% center;
	background-size: 28px;
	width: 100%;
}
form input[type="radio"], form input[type="checkbox"] {
    margin: 0 8px;
    vertical-align: middle;
}
input[type=checkbox] {
    display: none;
}
.checkboxLbl {
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    padding: 5px 10px 5px 35px;
    position: relative;
    width: auto;
}
.checkboxLbl::before {
    background: #fff;
    content: '';
    display: block;
    position: absolute;
    top: 48%;
    left: 5px;
    margin-top: -9px;
    height: 18px;
    width: 18px;
    border: 1px solid #231815;
}
.checkboxLbl::after {
    content: '';
    display: block;
    position: absolute;
    margin-top: -8px;
    top: 48%;
    left: 11px;
    width: 5px;
    height: 11px;
    transform: rotate(45deg);
    border-right: 3px solid #ed7a9c;
    border-bottom: 3px solid #ed7a9c;
    opacity: 0;
}
input[type=checkbox]:checked + .checkboxLbl::after { opacity: 1; }

.entry_save {
    margin: 30px auto 50px;
	font-size: 22px;
	font-weight: 500;
}

/********************************
*** Info Page
********************************/
.input-container section.review-design {
	background: #DFDFDF;
	padding-bottom: 0;
	color: #252525;
	font-size: 25px;
	line-height: 1.9em;
	overflow: hidden;
}
.review-design .top {
	background: url(../images/image_v2/03_review_bg_pic.png) no-repeat center bottom;
	background-size: 100%;
	margin: 0 auto;
	padding: 70px;
	height: auto;
	min-height: 300px;
	-moz-transition: all 1s ease;
	-webkit-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}
.review-design .top .float { position: relative; }
.review-design .top img.roundRadius {
	position: relative;
	top: -110px;
	margin-bottom: -90px;
}
.review-design .top .content {
	background: #fff;
	margin-top: 20%;
	padding: 0 70px 60px;
	border-radius: 20px;
}
.review-design .top .content h3 {
	color: #FE7E37;
	font-weight: 600;
	font-size: 30px;
	text-align: center;
	margin-bottom: 20px;
}
.review-design .top .content p { text-indent: 0; }

.input-container section.info-design {
	background: #fff;
	padding: 70px 50px;
	color: #1C1C1C;
}

h1 {
	margin-bottom: 30px;
	font-size: 32px;
	font-weight: 500;
	text-indent: 20px;
	letter-spacing: 2px;
}
h1 strong {
	color: #7B70B3;
	font-weight: 400;
}
.input-container section.info-design img { width: 220px; }
.input-container section.info-design p { margin-bottom: 20px; text-indent: 0; }
.input-container section.info-design .float {
	background: #E8E4F8;
	padding: 20px 15px 30px;
	color: #4F4E51;
}
.input-container section.info-design .float h3 {
	font-weight: 400;
	font-size: 20px;
}
.input-container section.info-design .float li {
	margin-left: 18px;
	margin-bottom: 0;
	padding: 0;
	font-size: 16px;
	line-height: 1.5em;
	list-style: disc;
}

.input-container section.jutsu-design {
	background: #F9F0E7;
	padding: 50px 40px;
	color: #252525;
}
.input-container section.jutsu-design .info ul li {
	margin-bottom: 80px;
	padding: 0;
	font-size: 1.05em;
	line-height: 1.5em;
	text-align: justify;
}


/********************************
*** Result Page
********************************/
.greeting-container {
    background: url(../images/image_v2/02_bg.jpg) no-repeat center top;
	display: flex;
    padding: 195px 70px 100px 100px;
    height: 390px;
	font-weight: 600;
	font-family: '微軟正黑體', '蘋果儷黑體', '新細明體', "Hiragino Kaku Gothic ProN", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", Tahoma, Verdana, sans-serif;
}
.greeting-container .info { width: 100%; }
.greeting-container .info:before {
	content: "";
	float: right;
	display: table;
	width: 210px;
	height: 135px;
}
.result-first {
	background: #D7D8F8;
}
.result-first .top-heading {
	background: #3A3B70;
	margin-bottom: 20px;
    padding: 20px;
	color: #fff;
	font-size: 32px;
	font-weight: 400;
	text-align: center;
}
.result-first .top-heading .input-details p, .top-container .text-center {
    margin: 0;
    text-align: center;
    color: #fff;
}
.result-first .input-details {
	display: table;
	margin: 0 auto;
	color: #2F2D6A;
	font-size: 22px;
	line-height: 1.5em;
}
.result-first .content-box .info p {
	font-size: 0.85em;
	line-height: 1.6em;
}
.result-first .content-box .chart-holder {
	margin: 0 auto 50px;
	padding: 10px;
	max-width: 645px;
	border: 2px solid #161874;
	border-radius: 22%;
}
.result-first .content-box .chart-container {
    background: url(../images/image_v2/03_soul_bg.png) no-repeat center top;
	background-size: 123%;
    position: relative;
    padding: 30px 120px;
    height: 365px;
	border-radius: 22%;
	overflow: hidden;
}
.result-first .content-box .chart-container .your-concern,
.result-first .content-box .chart-container .your-guardian, 
.result-first .content-box .chart-container .your-guardian2, 
.result-first .content-box .chart-container .your-guardian3 {
    position: absolute;
}
.result-first .content-box .chart-container .your-soul {
    position: relative;
    top: 45px;
    z-index: 33;
}
.result-first .content-box .chart-container .your-soul .label {
    margin-top: -55px;
}
.result-first .content-box .chart-container .your-concern {
	top: 140px;
	left: -16px;
}
.result-first .content-box .chart-container .your-concern .label {
    margin-top: -55px;
}
.result-first .content-box .chart-container .your-guardian {
	top: 0px;
    right: 75px;
}
.result-first .content-box .chart-container .your-guardian .label {
    position: absolute;
    top: 60px;
    left: 135px;
}
.result-first .content-box .chart-container .your-guardian2 {
	top: -1px;
    left: 115px;
}
.result-first .content-box .chart-container .your-guardian2 .label {
    margin-top: -160px;
    margin-left: -160px;
}
.result-first .content-box .chart-container .your-guardian3 {
    top: 194px;
    right: -8px;
}
.result-first .content-box .chart-container .your-guardian3 .label {
    margin-top: -30px;
}
.result-first .content-box .info .inner {
	background: #FFF2E5;
	position: relative;
	padding: 40px 40px 20px;
}
.result-first .content-box .info .inner:nth-child(2) {
	background: #FFE6E5;
	color: #3E3C6A;
}
.result-first .content-box .innerTop { padding-top: 20px; }
.result-first .content-box .innerTop [class*='info me'] { padding: 0 30px; }
.result-first .content-box .info .inner .innerTop img {
	margin-top: 8px;
	margin-bottom: 10px;
	max-width: 600px;
}
.result-first .target .content-box .innerTop { padding-top: 0; }
.result-first .target .content-box .info .inner .innerTop img { margin-top: 0; }
.result-first .target .content-box .info .inner .innerTop .target-soul > img { width: 135%; }
.result-first .target {}
.result-first .target .content-box .info .inner {
	background: inherit;
	padding-top: 0;
}
.result-first .target .content-box .info .inner .info {
	background: #fff;
	padding: 30px;
	color: #5F4746;
	border-radius: 30px;
}
.result-first .target .target-soul {
	position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
	margin-right: 20px;
	margin-bottom: 30px;
    width: 175px;
    height: 258px;
    border-radius: 85px;
	overflow: hidden;
}
.result-first .target .target-soul img { position: relative; top: 9px; }
.result-first .target .target-soul .label {
    position: absolute;
    display: table;
    margin: 0 auto;
    left: 19px;
    bottom: 25px;
}
.result-first .target .content-box .info .inner .innerBtm {
    background: none;
    height: 0;
}
.result-first .target .bottom {
    background: transparent url(../images/result/rslt1stInrBtmLst.jpg) no-repeat center bottom;
    height: 120px;
}

.float-point {
    background: url(../images/image_v2/07_badge_icon.png) no-repeat left top;
	background-size: 100%;
    position: relative;
	float: left;
	margin-right: -22px;
    width: 127px;
    height: 127px;
    top: -33px;
    left: -35px;
    z-index: 3;
}
.result2ndTop {
    background: #cc69a5;
    padding: 50px 0 0px;
}
.result-second { background: #cc69a5; }
[class^='result-']:not(.result-listing,.result-first) .top { position: relative; padding: 30px 40px; }
[class^='result-']:not(.result-listing,.result-first) .info-title {
	margin: 0 auto 30px;
	max-width: 620px;
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
}
[class^='result-']:not(.result-listing,.result-first) .info-title .top {
    position: relative;
    padding-top: 0;
    height: 67px;
    z-index: 22;
}
[class^='result-']:not(.result-listing,.result-first) .info-title .info {
    position: relative;
    display: table;
    margin: 0 auto;
	padding: 20px 0;
    color: #fff;
	font-size: 1.25em;
    text-align: center;
    font-weight: bold;
    z-index: 3;
}
.result-second .content-box {
	background: #fff;
	padding: 30px;
	font-size: 0.85em;
	border-radius: 30px;
}
.free-container .result-second .content-box .info span.red {
    display: none;
}
.result-second .info-title .bottom {
    position: relative;
}

.result-third {
	background: #3a3c6f;
	padding: 50px 0 0;
}
.result-third .float-point {
    background-image: url(../images/image_v2/09_badge_icon.png);
	position: absolute;
	top: -80px;
	left: 30px;
}
.input-container section.result-third {
    background: transparent url(../images/result/rslt3rdBg.jpg) repeat-y center top;
    position: relative;
    margin-top: -25px;
}
.result-third .info-dialog { position: relative; margin: 0 auto; max-width: 630px; }
.result-third .info-dialog:before {
	content: "";
    background: url(../images/image_v2/09_pic1.png) no-repeat left top;
	display: table;
	position: absolute;
	left: -60px;
	top: -50px;
	width: 372px;
	height: 361px;
	z-index: 3;
}
.result-third .info-dialog .info {
    background: url(../images/image_v2/09_pic2.png) no-repeat center top;
    position: relative;
	float: right;
	margin-bottom: 30px;
    padding: 75px 45px 50px;
    width: 260px;
    height: 170px;
	color: #2F2D6A;
	font-size: 1.1em;
    font-weight: bold;
    text-align: center;
}
.result-third .info-dialog .info img {
    margin-top: 10px;
}
.result-third .content-box {
	background: #fff;
	padding: 30px;
	font-size: 0.85em;
	border-radius: 30px;
}
.result-third .content-box .innerTop {
}
.result-third > .bottom {
    background: transparent url(../images/result/rslt3rdBtm.jpg) no-repeat center bottom;
    height: 165px;
}

.result-listing .content-box {
	position: relative;
	background: #DFE1FF;
	padding: 40px;
}
.result-listing .content-box:nth-child(even) { background: #FFF2E5; }
.result-second + .result-listing .content-box {
	background: #FFE6E5;
}
.result-listing .content-box .top {}
.result-listing .content-box .info {
	background: #fff;
	padding: 30px;
	font-size: 0.85em;
    border-radius: 30px;
}
.content-box .info-title {
	margin: 0 auto;
	text-align: center;
}
.content-box .info-title .titTop {
    position: relative;
	margin-bottom: 20px;
    color: #fff;
	border: 2px solid #3A3B70;
	border-radius: 50px;
}
.result-first .content-box .info-title { max-width: 590px; }
.result-first .content-box .info-title .titTop { font-size: 1.4em; letter-spacing: 1px }
.content-box .info-title .titTop span {
	background: #3A3B70;
    display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto;
	padding: 7px 30px;
    text-align: center;
	border: 5px solid #fff;
	border-radius: 50px;
}
.content-box .info-title .titTop span:before {
	content: "";
	background:  url(../images/image_v2/10-1_topic_icon@2x.png) no-repeat left top;
	background-size: 100%;
	display: inline;
	margin: 0px 10px -4px 0;
	width: 28px;
	height: 45px;
}
.content-box .info-title .titTop:before {
	content: "";
    position: absolute;
    display: table;
    bottom: -26px;
    left: 50%;
    width: 4px;
	margin-left: -3px;
    border-left: 17px solid transparent;
    border-right: 18px solid transparent;
    border-top: 27px solid #fff;
    filter: drop-shadow(1.5px 1px 0px #3A3B70) drop-shadow(-1.5px 1px 0px #3A3B70);
}
.content-box .info-title .titTop:after {
	content: "";
	position: absolute;
	display: table;
	width: 2px;
	border-left: 15px solid transparent;
    border-right: 16px solid transparent;
    border-top: 23px solid #3A3B70;
	bottom: -18px;
	left: 50%;
}
.result-second + .result-listing .content-box .info-title .titTop {
	border-color: #cc69a5;
}
.result-second + .result-listing .content-box .info-title .titTop span {
	background-color: #cc69a5;
}
.result-second + .result-listing .content-box .info-title .titTop:before {
	filter: drop-shadow(1.5px 1px 0px #cc69a5) drop-shadow(-1.5px 1px 0px #cc69a5);
}
.result-second + .result-listing .content-box .info-title .titTop:after {
	border-top-color: #cc69a5;
}

.result-listing .content-box .date-container {
    background: transparent url(../images/result/jiki/line.png) no-repeat center bottom;
    padding-bottom: 25px;
    text-align: center;
}
.result-listing .content-box .date-container img { height: 50px; }

.message-container { background: #fff; position: relative; padding: 40px; }
.message-container .content-box .info {
	background: #E8E4F8;
	padding: 30px;
	color: #3a3c6f;
	font-size: 0.85em;
	border-radius: 30px;
}
.message-container .content-box .info:before {
	content: "";
	background: url(../images/image_v2/11_pic.png) no-repeat center top;
	background-size: 100%;
	float: left;
	margin-right: 10px;
	margin-bottom: 20px;
	display: table;
	width: 220px;
	height: 220px;
}
.message-container .content-box .info:after {
	content: "";
	display: table;
	clear: both;
}
.message-container .bottom {
    background: transparent url(../images/result/rsltMsgBtm.jpg) no-repeat center bottom;
    height: 200px;
}

.energy-container {
	position: relative;
	background: #FFF2E5;
}
.energy-container .top-heading {
	background: #53B7C2;
	padding: 20px;
	color: #fff;
	font-weight: 400;
	text-align: center;
	line-height: 1.5em;
}
.result-listing.energy-container .content-box {
	background: none;
	padding-top: 0;
}
.result-listing.energy-container .content-box .info-title .titTop { display: inline-flex; border-color: #53B7C2; }
.result-listing.energy-container .content-box .info-title .titTop span {
	display: inline-flex;
	background-color: #53B7C2;
	border-color: #FFF2E5;
}
.result-listing.energy-container .content-box .info-title .titTop:before {
	filter: drop-shadow(1.5px 1px 0px #53B7C2) drop-shadow(-1.5px 1px 0px #53B7C2);
	border-top-color: #FFF2E5;
}
.result-listing.energy-container .content-box .info-title .titTop:after {
	border-top-color: #53B7C2;
}
.energy-container .top .content-box .info {
    background: #fff;
	padding: 30px;
	font-size: 0.85em;
	border-radius: 30px;
}
.energy-container .eneImgCover {
	float: left;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
	margin-bottom: 10px;
	margin-right: 25px;
	width: 215px;
    height: 317px;
    border-radius: 100px;
    overflow: hidden;
}
.energy-container .eneImgCover img {
	width: 150%;
    max-width: 150%;
}

/********************************
*** Blur Styling
********************************/
.free-container .blur {
    background: transparent url(../images/image_v2/blur/2.png) repeat-y center top;
    background-size: 100%;
	margin: 0 auto;
	max-width: 610px;
    width: 100%;
    height: 435px;
    padding-top: 80px;
    margin-top: 40px;
    margin-bottom: 20px;
	clear: both;
}
.free-container .blur:before {
	content: "";
	background: rgba(0, 0, 0, 0.3);
	position: absolute;
	display: table;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 625px;
	z-index: 8;
}
.free-container .blur.left {
	background-image: url(../images/image_v2/blur/3_2.png);
    background-size: 100%;
	float: left;
	margin-left: 20px;
    width: 55%;
    height: 150px;
    clear: none;
}
.free-container .blur.left:blur { display: none; }
.free-container .blur .padlockIcon { position: relative; z-index: 11; }

.free-container .result-first > .content-box .inner:nth-child(2) .blur {
	margin: 0 auto 40px;
	height: 70px;
}
.free-container .result-first > .content-box .inner:nth-child(2) .blur:before { display: none; }
.free-container .result-first [class*='info me'] .blur { background-image: url(../images/image_v2/blur/1.png); }
.free-container .result-first .info.me1 .blur {
	background-image: url(../images/image_v2/blur/2.png);
	margin-top: 90px;
	padding-top: 0;
}
.free-container .result-first .info.me1 .blur .padlockIcon { position: relative; top: -80px; margin-bottom: -20px; }
.free-container .result-first .info.me1 .blur:before { height: 505px; }
.free-container .result-first .target-info.left {
    float: left;
    width: 60%;
}
.free-container .result-second .blur.red {
    background-image: url(../images/image_v2/blur/redblur.png);
	margin: 0 auto;
    padding: 0;
    height: 45px;
}
.free-container .result-second .blur {
}
.free-container .result-third .blur { background-image: url(../images/image_v2/blur/2.png); }
.free-container .result-third .blur:before { height: 735px; }
.free-container .message-container .blur {
	background-image: url(../images/image_v2/blur/4.png);
}
.free-container .message-container .blur.left {
	background-image: url(../images/image_v2/blur/3.png);
	margin-top: 20px;
	height: 100px;
}

.sale-holder {
	background: #fff;
	position: relative;
	padding: 30px;
	border-radius: 30px;
	z-index: 10;
}
.sale-holder .sale-info .half { float: none; width: auto; }
.sale-holder .sale-info {
	display: flex;
	padding: 10px;
	border-top: 1px solid #FE6F1D;
	border-bottom: 1px solid #FE6F1D;
	justify-content: space-between;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
}
.sale-holder .sale-info .sale-price {
	position: relative;
	padding-left: 90px;
}
.sale-holder .sale-info .sale-price:before {
	content: "限時優惠";
	position: absolute;
	left: 0;
	margin: 0 10px;
	width: 70px;
	color: #FE6F1D;
	font-weight: 900;
	font-size: 1.3em;
}
.sale-holder .oriPrice {
	text-decoration: line-through;
	font-size: 0.8em;
}
.sale-holder .salePrice {
	color: #FE6F1D;
	font-size: 1.3em;
	font-weight: 900;
}
.sale-holder .sale-info .sale-timer {
	display: table;
	min-width: 180px;
	line-height: 1.4em;
	text-align: center;
}
.sale-holder .sale-info .sale-timer small { font-size: 0.75em; font-weight: 500; }
.sale-holder .sale-info .sale-timer #timerRes {
	color: #FE6F1D;
	font-size: 1em;
	margin: 0;
	text-align: center;
	vertical-align: baseline;
}
.sale-holder .sale-info .sale-timer #timerRes label {
	font-size: 1.2em;
	padding: 0 3px;
}

/********************************
*** Button Styling
********************************/
.input_submit {
	margin: 0 auto;
	padding: 0;
	max-width: 600px;
	font-size: 28px;
}
.info a { text-decoration: none; text-align: center; }
.free-btn, .charge-btn {
	background: #FE6F1D;
	position: relative;
    margin: 30px auto 0;
	padding: 10px 0;
	width: 100%;
	color: #fff;
	font-weight: 500;
	text-align: center;
	letter-spacing: 2px;
	text-shadow: 1px 1px 2px #c54600;
	box-shadow: 4px 4px 3px -1px #000;
	border: none;
	border-radius: 10px;
	clear: both;
	z-index: 22;
}
.charge-btn { font-size: 1.3em; }
.info a .free-btn:after,
.info a .charge-btn:after {
	content: "▶︎";
	background: #fff;
    display: inline-table;
	margin-left: 10px;
	margin-top: -3px;
    padding: 6px 3px 5px 8px;
	width: 10px;
    height: 9px;
    color: #fe9353;
    font-size: 0.5em;
    line-height: 1em;
    vertical-align: middle;
    border-radius: 100%;
	text-shadow: none;
	box-shadow: 1px 1px 2px #c54600;
}
.free-btn:hover, .charge-btn:hover {
	text-decoration: none;
	-moz-transform: translateY(3px);
	-webkit-transform: translateY(3px);
	-o-transform: translateY(3px);
	transform: translateY(3px);
	-moz-transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
