/*************************pay.htm***********************************/
.pay{line-height:1.6em; margin-bottom:15px;}
.pay input{ margin-right:5px}
/*.payTop{background:#faebf0; color:#e78daf; font-size: 18px; padding:15px 0px;text-align:center;}*/
.payTop{background:#e9f3f5; color:#348f8c; font-size: 18px; padding:15px 0px;text-align:center;}

.payGold{padding:50px 10px ;}
.payGold li{display:inline-block;*display:inline;*zoom:1;padding:0 0 10px 15px; font-size:15px; font-weight:bold; text-align:left; margin-right:20px}
.payGold span.price{color:#d93679; font-size:18px; font-family:Verdana, Geneva, sans-serif; font-weight:bold; margin-left:5px}


.payway{padding:50px 10px 50px 10px;}
.payway ul{padding:50px 20px }
.payway li{width:130px;display:inline-block;*display:inline;*zoom:1;padding:0 0 10px 15px; font-size:15px; font-weight:bold; text-align:lef}

.payData{padding:50px 30px;}
.payData input{padding:6px;border:1px solid #bfbfbf;-webkit-border-radius: 6px;-moz-border-radius: 6px; color:#868686}
.payData .mark{font-size:9pt;color:#999;padding-left:65px; margin-bottom:10px}

.payexplain{margin:10px 0px 0px 0px; background:#fff0f2; border:1px solid #f0c1d0; padding:20px}
.payexplain ol.decimal{line-height:160%;padding-bottom:20px;margin-left:20px;}
.payexplain ol.decimal li{list-style-type:decimal;margin-left:40px;}
.grid_16 .updates{ text-align:center; margin-bottom:20px}


.payexplainTitle { margin-bottom: 8px; margin-left:20px;}
.payexplainSel { margin-bottom: 10px; margin-left:20px;}
.payexplainSel label { margin-right: 10px; vertical-align: baseline; font-size: 17px;}
input:checked.ticket2 + label { color: #dc0078; text-decoration: underline;}
.payexplainInfo { margin-left:20px; margin-bottom:20px; padding-bottom: 10px; border-bottom: #cccccc 1px dashed}
.payexplainInfo ul li { margin-bottom: 10px;}
.payexplainInfo ul li input[type=text] { margin-left: 10px; width: 200px;}
.payexplainInfo ul li input[type=email] { margin-left: 10px; width: 200px;}
.payexplainInfo ul li select { margin-left:10px; vertical-align: middle;
	padding: 4px;
	border: 1px solid #bfbfbf;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	color: #868686;
}

.payEndInfo { padding: 50px; font-size:13px;}
.paystatus { text-align:center; font-size:17px; line-height:1.6em;}
.payEndForm { border: 1px solid #868686; margin: 20px auto; }
.payEndForm li { border-bottom: 1px solid #868686; display: table; width: 100%;}
.payEndForm li:last-child { border-bottom: none;}
.payEndForm li label { display: table-cell; border-right: 1px solid #868686; width: 20%; padding: 10px; margin-right: 10px;}
.payEndForm li span { display: table-cell; padding: 10px;}
.payEndInfo ol.decimal{line-height:160%;padding-bottom:20px;}
.payEndInfo ol.decimal li{list-style-type:decimal;margin-left:40px;}

.account { padding: 50px; min-height: 500px;}
.accountDetail { font-size: 15px; margin-bottom: 20px;}
.accountDetail li { line-height: 2em; margin-bottom: 10px; vertical-align: middle;}
.accountDetail li label { line-height: 2em; font-size: 15px; display: inline-block; }
.accountDetail li span { line-height: 2em; display: inline-block; vertical-align: middle;}
.accountDetail li a { line-height: 2em; display: inline-block; vertical-align: middle; color: #e99fb8}

.account .more{background:#dceef1; text-align:center; padding:10px 10px; margin:10px 0px; color:#348f8c}
.account .more a{color:#348f8c}
.account .more a:hover{color:#e99fb8}

.orderTable { border: 1px solid #868686; margin: 20px auto; }
.orderTable li { border-bottom: 1px solid #868686; line-height: 2em; vertical-align: middle;display: inline-table; width:100%;}
.orderTable li.titleBar {background: #e9f3f5; display:inline-table; width:100%;}
.orderTable li:last-child { border-bottom: none;}
.orderTable li div { width: 16%; line-height: 2em; font-size: 15px; display: table-cell; text-align: center; border-right: #cccccc 1px solid;}
.orderTable li div.order { width:12%}
.orderTable li div.ticket { width:20%}
.orderTable li div:last-child { border-right: none;}
.orderTable li div.time { width: 20%;}
.orderTable li div.detail { width: 45%;}

.orderTable li div a {color: #e99fb8;}

.orderTable li.orderForm { background: #efefef; padding: 5px;}
.orderTable li.orderForm div { float: left; padding:5px 10px; width: 100%; text-align: left; border: none;}

.payGoldBoxList { margin-bottom:20px; padding-top:10px;}
.payGoldBoxList li { float:left; width:23%; margin:0 1%; text-align:center;  }
.payGoldBoxList li input { margin:5px; text-align:center;}
.payGoldBoxList li .payGoldBox {border:#9cdedf 1px solid; text-align:center;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
.payGoldBox_title { position:relative; background:#9cdedf; padding:5px; color:#333333; font-size:15px; font-weight:bold;}
.payGoldBox_title .tip { color:#FFF; font-size:12px; padding:5px; background:#e580a7;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.payGoldBox_price_top { padding:10px; font-weight:bold; font-size:15px; color:#6d8fa8;}
.payGoldBox_price_top span {font-size:12px; font-weight:normal; color:#999}

.payGoldBox_price { margin-bottom:5px;}
.singlepirce { padding:33px 0 9px;}
.payGoldBox_price .price { color:#dc0078; font-size:28px; font-weight:bold;}
.payGoldBox_save { margin-bottom:5px;}
.payGoldBox_detail { background:#f8f8f8; border:#ececec 1px solid; padding:10px; line-height:1.6em; width:80%; margin:0 auto 10px; text-align:left;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	font-size:13px;
}

.paywayInfo { padding:0px 20px 10px;}

.paywayInfoInner {background:#f8f8f8; border:#ececec 1px solid; padding:10px; line-height:1.6em; margin:0 auto 10px; text-align:left;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

.payPointInfo { padding:0px 20px 10px;}

.payPointInfoInner {background:#f8f8f8; border:#ececec 1px solid; padding:10px; line-height:1.6em; margin:0 auto 10px; text-align:left;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

/********************cancel********************/
.topBg { width:100%; height:400px; background:url(https://d1qivmt25zv8j1.cloudfront.net/images/zh_TW/cancelTopBg.jpg) center center no-repeat; background-size:cover; position:relative; z-index:1; margin-top:70px;}
.topBg.cancelFail {background:url(https://d1qivmt25zv8j1.cloudfront.net/images/zh_TW/cancelTopBg2.jpg) center center no-repeat; }
.topBg.cancelAccount { background:url(https://d1qivmt25zv8j1.cloudfront.net/images/zh_TW/closeBg.jpg) center center no-repeat; }
.topBg h2 { position:absolute; font-size:40px; color:#ffffff; font-weight:bold; line-height:1.3em; top:50%; right:10%; margin: 0 20px;
	-moz-transform:translate(0%, -50%);
	-webkit-transform:translate(0%, -50%);
	-o-transform:translate(0%, -50%);
	-ms-transform:translate(0%, -50%);
	transform:translate(0%, -50%);
	text-shadow: 0px 1px 5px rgba(0, 0, 0, 0.5);
}
.topBg h2 span.top { font-size:17px; font-weight:normal; display:block; line-height:1.3em;}
.payCancelBoxWarp { background:#d9eef0; padding:30px 0 160px 0;}
.payCancelBox {
	width: 800px;
	margin: 0px auto;
	padding: 50px 0;
}
.payCancelBox.morespace { padding-bottom:150px; width:900px;margin-top: -160px;}
.payCancelBoxWarp .payCancelBox { padding:0;}
.payCancelBox h3 { font-size:28px; text-align:center; font-weight:normal; color:#65adb1; margin-bottom:20px; line-height:1.6em;}
.payCancelBox .h3sub { line-height:1.6em; text-align:center; font-size:19px; color:#686a6a;  margin-bottom:10px;}
.payCancelBox .msgUserBox { margin:40px 0; text-align:center;}
.payCancelBox .msgUser { display:inline-block; width:125px; margin:0 30px }
.payCancelBox .msgUser img { width:125px;}
.payCancelBox .msgUserBoxSub { font-size:19px; line-height:1.8em; text-align:center;}
.payCancelBox .msgUserBoxSub a { text-decoration: underline; color:#dc0078;}
.cancelTitle { font-size:15px; line-height:1.8em;}
.cancelTitle h4 { font-size:15px; color:#595959;}
.cancelTitle .remind { color:#65adb1;line-height:1.8em; margin-bottom:10px;}
.cancelTitle .remind span.red { font-size:28px; display:block; line-height:1.8em;}
.payCancelBox ul { margin:20px 0}
.payCancelBox ul li { background-color: #e3f0f1;font-size:17px; line-height:1.6em;
	border: solid 1px #dceef1;
	padding: 16px 16px 13px;
	margin-top: 15px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.payCancelBox ul li div { font-size:15px; color:#666666;}

.payCancelBox ul li .checkFlag:checked+div {
	font-size: 15px; color:#d93679;
}
.payCancelBox ul li .checkCheckbox {
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
}
.payCancelBox ul li .checkFlag:checked~div .checkCheckbox:before {
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
}
.cancelAction { padding:20px 0; font-size:13px;}
.cancelAction a { margin-right:30px;}
.iconDiamond { margin:0 auto;}

.iconChat { margin:0 auto;}
.iconLike { margin:0 auto;}
.iconRing { margin:0 auto;}
.cloumn3 { float:left; width:33.33333%; text-align:center; color:#595959;}
.cloumn3 .cloumnSub1 { font-size:20px; line-height:1.6em; }
.cloumn3 .cloumnSub2 { font-size:17px; line-height:1.6em;}
.payCancelBox h3 + div.payCancelBoxTip { margin-top:40px;}
.payCancelBoxTip { margin:0 0 30px; padding:40px; background:#cce8eb; line-height:2em; height:190px; color:#595959;}
.payCancelBoxTip .title { font-size:21px; margin-bottom:5px;}
.payCancelBoxTip .sub { font-size:15px; margin-bottom:30px;}
.payCancelBoxTip .action { font-size:15px;}
.payCancelBoxTip .action a { color:#dc0078; text-decoration:underline;}
.payCancelBoxTip.tip1 { padding-left:300px; background:url(https://d1qivmt25zv8j1.cloudfront.net/images/zh_TW/icon/iconTip1.png) -30px -30px no-repeat
#cce8eb;}
.payCancelBoxTip.tip2 { padding-right:300px; background:url(https://d1qivmt25zv8j1.cloudfront.net/images/zh_TW/icon/iconTip2.png) 460px -30px no-repeat
#cce8eb;}
.payCancelBoxTip.tip3 { padding-left:300px; background:url(https://d1qivmt25zv8j1.cloudfront.net/images/zh_TW/icon/iconTip3.png) -40px -40px no-repeat
#cce8eb;}

.accpuntCloseBox { }
.accpuntCloseBoxTip { margin:0 0 20px; padding:40px; background:#cce8eb; line-height:2em; color:#595959;}
.accpuntCloseBoxTip .title { font-size:21px; margin-bottom:5px;}
.accpuntCloseBoxTip .sub { font-size:15px; margin-bottom:30px;}
.accpuntCloseBoxTip .action { font-size:15px;}
.accpuntCloseBoxTip .action a { color:#dc0078; text-decoration:underline;}
.accpuntCloseBoxTip.tip1 { padding-left:150px; background:url(https://d1qivmt25zv8j1.cloudfront.net/images/zh_TW/icon/iconTip4.png) -100px -30px no-repeat
#cce8eb;}
.accpuntCloseBoxTip.tip2 { padding-left:150px; background:url(https://d1qivmt25zv8j1.cloudfront.net/images/zh_TW/icon/iconTip5.png) -100px -30px no-repeat
#cce8eb;}
.accpuntCloseBoxTip.tip3 { padding-left:150px; background:url(https://d1qivmt25zv8j1.cloudfront.net/images/zh_TW/icon/iconTip6.png) -100px -30px no-repeat
#cce8eb;}
.accpuntCloseBoxTip.tip4 { padding-left:150px; background:url(https://d1qivmt25zv8j1.cloudfront.net/images/zh_TW/icon/iconTip7.png) -100px -30px no-repeat
#cce8eb;}
.accpuntCloseBoxTip.tip5 { padding-left:150px; background:url(https://d1qivmt25zv8j1.cloudfront.net/images/zh_TW/icon/iconTip8.png) -100px -50px no-repeat
#cce8eb;}

/********************shareStory********************/
.topBg.shareStoryTop { background:url(https://d1qivmt25zv8j1.cloudfront.net/images/zh_TW/shareBg.jpg) center center repeat-x; }
.topBg.shareStoryTop h2 { 
    right: 50%;
    -moz-transform: translate(50%, -50%);
    -webkit-transform: translate(50%, -50%);
    -o-transform: translate(50%, -50%);
    -ms-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
    text-align: center;
    width: 90%;
    margin: 0;
}
.topBg.shareStoryTop h2 p { font-size: 18px; line-height: 1.5em; font-weight: normal;}
 
.uploadPicBox { text-align:center;}
.picView { float: left; width: 200px; height: 130px; margin-right: 20px; margin-bottom: 10px; background-size: cover; background-position: center; display: block; }
.uploadPicSub { text-align:center; padding: 20px; line-height:1.5em; color:#666666; margin-bottom:20px;}
.shareStoryBox { margin-bottom:20px; line-height:2em;}
.shareStoryBox .title { font-size:17px; color:#65adb1; margin-bottom:10px;}
.shareStoryMyInfo { float:left; width:48%; margin-right:1%;}
.shareStoryOtherInfo { float:right; width:48%; margin-left:1%;}

.shareStoryType { float:left; width:48%; margin-right:1%;}
.shareStoryType:last-child { margin-right: 0; float: right;}
.shareStoryType input.shareStory { display: none;}
.shareStoryTypeBtn {
	background: #ffffff;
	border-radius: 8px;
	border: #e580a7 solid 1px;
    padding: 30px 15px;
	text-align: center;
	cursor: pointer;
}
.shareStoryTypeBtn .title { margin-bottom: 0px; font-size: 22px; color: #e580a7;}
.shareStoryTypeBtn .sub {
	color: #e580a7;
	font-size: 15px
}
.shareStoryType input.shareStory:checked + div.shareStoryTypeBtn{
	background: #e580a7;
	border: #e580a7 solid 1px;
	color: #ffffff;
}
.shareStoryType input.shareStory:checked + div.shareStoryTypeBtn .title{
	color: #ffffff;
}
.shareStoryType input.shareStory:checked + div.shareStoryTypeBtn .sub{
	color: #ffffff;
}
.uploadPicBtn { margin-right: 20px; float: left; width:80px; height: 80px; line-height: 80px; color: #41a5a3; font-size: 42px; font-weight: 100; border: #41a5a3 solid 1px; margin-bottom: 10px; background: #ffffff;}
.uploadPicBtn input { display: none;}
.upLoadPicSub { float: left; line-height: 1.6em; text-align: left;}
.shareStoryBox input[type="text"] { font-size:15px; padding:10px;border:1px solid #bfbfbf; -webkit-border-radius: 6px;-moz-border-radius: 6px; color:#868686; width:100%; margin-bottom:10px; box-sizing:border-box;}
.shareStoryBox input[type="email"] { font-size:15px; padding:10px;border:1px solid #bfbfbf; -webkit-border-radius: 6px;-moz-border-radius: 6px; color:#868686; width:100%; margin-bottom:10px; box-sizing:border-box;}
.shareStoryBox textarea { font-size:15px; padding:10px;border:1px solid #bfbfbf; -webkit-border-radius: 6px;-moz-border-radius: 6px; color:#868686; width:100%; margin-bottom:10px; box-sizing:border-box; margin-bottom:10px;}
.shareStoryBox .subText { color: #999999; line-height: 1.3em;}

.shareStoryBoxInner { position: relative; margin-bottom: 10px;}
.shareStoryBoxInner label {
	color: #4e483b;
    margin-right: 10px;
    line-height: 2em;
	position: relative;
    display: inline-block;
    cursor: pointer;
	font-size: 15px;
}
.shareStoryBox.noticeBox { padding: 20px; background: #e9f3f5}
.shareStoryBox.noticeBox ul { margin:0 0 0 20px;}
.shareStoryBox.noticeBox ul  li { 
	list-style: decimal;
	background: none; font-size: 13px;
    line-height: 1.6em;
    border: none;
    padding: 0;
    margin-top: 0;
}
.payCancelBox ul.vipTable { margin:0 auto 20px; color:#666666;}
.payCancelBox ul.vipTable li { background: none; margin: 0; border-width: 0 0 1px 0; padding: 20px 0; border-bottom-color:#bfbfbf;-webkit-border-radius: 0 ;-moz-border-radius: 0 }
.vipTable li label { display:inline-block; width:44%; font-size:17px;}
.vipTable li .con { display:inline-block; width:28%; font-size:17px; text-align:center;}
.vipTable li .con.pink { color:#e580a7}

ol.notice { padding-top: 10px; margin-left: 20px; margin-bottom: 20px;}
ol.notice li { line-height: 1.6em; list-style: decimal; }

.topBg.closeGift { background:url(https://d1qivmt25zv8j1.cloudfront.net/images/zh_TW/giftBg.jpg) center center no-repeat; }
a.underline { text-decoration:underline; color:#e580a7;}

.topBg.goodbyeTop { background:url(https://d1qivmt25zv8j1.cloudfront.net/images/zh_TW/byeBg.jpg) center center no-repeat; }

.storyUser { text-align: center; font-size: 20px; margin-bottom: 40px;}

.storyBox p { font-size: 18px; line-height: 1.6em; padding: 20px 0;}
.storyBox p img { max-width: 100%;}

/********************EVENT shareStory********************/
.topBg.shareStoryTop.eventShare .topinfo { font-size:17px; color:#ffffff;  margin: 0 auto; max-width: 760px; padding: 60px 10px 0; text-align: center;text-shadow: 0px 1px 5px rgba(0, 0, 0, 0.5); line-height: 1.6em;}
.topBg.shareStoryTop.eventShare .topinfo h1 {font-size: 40px; color: #ffffff; margin-bottom: 10px; line-height: 1.6em;}
.topBg.shareStoryTop.eventShare .topinfo > .time { margin-bottom: 10px;}
.topBg.shareStoryTop.eventShare .topinfo > .subinfo { margin-bottom: 20px;}
.topBg.shareStoryTop.eventShare .topinfo > .txt { font-size: 17px;}

.topBg.shareStoryTop.eventShare .topinfo h1.shareEnd { padding-top:100px;}

/********************EVENT shareVideo********************/
.topBg.shareVideio { height: 500px; background-image: url(https://d1qivmt25zv8j1.cloudfront.net/images/shareVideoBg.jpg); background-position: center 20%; background-size: cover;}
.topBg.shareStoryTop.shareVideio .topinfo { padding-top: 240px;}
.topBg.shareStoryTop.shareVideio .topinfo h1.shareEnd { padding-top:0px;}



.mT-1 { margin-top: 1rem}
.mT-2 { margin-top: 2rem}

/******************** EVENT shareDating ********************/
.topBg.shareDatingTop { background:url("https://d1qivmt25zv8j1.cloudfront.net/images/shareDatingBg.jpg") center center no-repeat; }
.topBg.shareDatingTop.eventShare .topinfo { font-size:17px; color:#ffffff;  margin: 0 auto; max-width: 760px; padding: 60px 10px 0; text-align: center;text-shadow: 0px 1px 5px rgba(0, 0, 0, 0.5); line-height: 1.6em;}
.topBg.shareDatingTop.eventShare .topinfo h1 {font-size: 34px; color: #ffffff; margin-bottom: 10px; line-height: 1.6em;}
.topBg.shareDatingTop.eventShare .topinfo > .time { margin-bottom: 10px;}
.topBg.shareDatingTop.eventShare .topinfo > .subinfo { margin-bottom: 20px; display: block!important;}
.topBg.shareDatingTop.eventShare .topinfo > .txt { font-size: 17px;}

.topBg.shareDatingTop.eventShare .topinfo h1.shareEnd { padding-top:100px;}
a.button-datingShare, a.button-datingShare:hover {
	ransition-duration: 0.3s;
	background: #621c71;
	text-shadow: none;
	border: none;
	box-shadow: none;
	color: #ffffff!important;
}
.shareDatingBox {
	max-width: 800px;
	width: 90%;
	margin: 0px auto;
	padding: 50px 0;
}
.shareDatingBox h3 { font-size:28px; text-align:center; font-weight:normal; color:#694d40; margin-bottom:20px; line-height:1.6em; font-weight: bold;}
.shareDatingBox { margin-bottom:20px; line-height:2em;}
.shareDatingBox .title { font-size:17px; color:#65adb1; margin-bottom:10px;}
.shareDatingBox input[type="text"] { font-size:15px; padding:10px;border:1px solid #bfbfbf; -webkit-border-radius: 6px;-moz-border-radius: 6px; color:#868686; width:100%; margin-bottom:10px; box-sizing:border-box;}
.shareDatingBox input[type="email"] { font-size:15px; padding:10px;border:1px solid #bfbfbf; -webkit-border-radius: 6px;-moz-border-radius: 6px; color:#868686; width:100%; margin-bottom:10px; box-sizing:border-box;}
.shareDatingBox textarea { font-size:15px; padding:10px;border:1px solid #bfbfbf; -webkit-border-radius: 6px;-moz-border-radius: 6px; color:#868686; width:100%; margin-bottom:10px; box-sizing:border-box; margin-bottom:10px;}
.shareDatingBox .subText { color: #999999; line-height: 1.3em;}

.shareDatingBoxInner { margin-bottom: 20px; line-height: 2em;}
.shareDatingBoxInner label {
	color: #4e483b;
	margin-right: 10px;
	line-height: 2em;
	position: relative;
	display: inline-block;
	cursor: pointer;
	font-size: 15px;
}
.shareDatingBox.noticeBox { padding: 20px; background: #e9f3f5}
.shareDatingBox.noticeBox ul { margin:0 0 0 20px;}
.shareDatingBox.noticeBox ul  li {
	list-style: decimal;
	background: none; font-size: 13px;
	line-height: 1.6em;
	border: none;
	padding: 0;
	margin-top: 0;
}
.datingBox { padding: 0px 20px; max-width: 1200px; margin: 50px auto; text-align: center; display: flex; align-items: center; flex-wrap: wrap; flex-direction: row}
.datingCaseItem { width: 47%; border: solid 1px #dedede; border-radius: 6px; background: #ffffff; position: relative; box-shadow: 0 5px 10px rgba(166,166,166,.1); display: flex; align-items: center; margin: 0 1% 30px; -webkit-flex: none; flex: none; min-height: 155px; }
.labelTagM {
	position: absolute;
	top: -8px;
	left: -8px;
	background: #65adb1;
	padding: 8px 22px;
	color: #ffffff;
}
.labelTagM { font-size: 16px;}
.labelTagF {
	position: absolute;
	top: -8px;
	left: -8px;
	background: #ee807f;
	padding: 8px 22px;
	color: #ffffff;
}
.labelTagF { font-size: 16px;}
.datingCasePic { width: 180px; height: 180px; background-position: center; background-size: cover;flex: none;}
.datingCaseInfo { padding: 30px 20px 20px; text-align: left;}
.datingCaseInfo a, .datingCaseInfo a:hover { color: #694d40!important;}
.datingCaseUser { font-size: 14px; margin-bottom: 5px; line-height: 1.6em;}
.datingCaseText { font-size: 15px; line-height: 1.6em;}
.overhidden_line3 {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.datingCaseTitle  {
	font-size: 18px; margin-bottom: 5px; line-height: 1.6em; font-weight: bold;
}
.moreDatingTitle { display: flex; justify-content: center; align-items: center; font-size: 18px;}
a.shareStory img {width: 100%;}


@media screen and (max-width:960px) {
	.datingCaseItem { width: 90%; margin: 0 auto 20px;}
}
@media screen and (max-width:640px) {
	.datingBox { padding: 0 10px}
	.datingCaseItem { width: 98%; margin: 0 auto 20px;}
	.datingCasePic { width: 90px; height: 120px;}
	.datingCaseUser { font-size: 12px; margin-bottom: 2px; line-height: 1.6em;}
	.datingCaseText { font-size: 14px; line-height: 1.5em;}
}