@charset "utf-8";

@-webkit-keyframes menu-link-deploy {
	0% {
		opacity: 0;
		margin-top: -35px
	}
	100% {
		opacity: 1;
		margin-top: 0
	}
}
@-moz-keyframes menu-link-deploy {
	0% {
		opacity: 0;
		margin-top: -35px
	}
	100% {
		opacity: 1;
		margin-top: 0
	}
}
@-o-keyframes menu-link-deploy {
	0% {
		opacity: 0;
		margin-top: -35px
	}
	100% {
		opacity: 1;
		margin-top: 0
	}
}
@keyframes menu-link-deploy {
	0% {
		opacity: 0;
		margin-top: -35px
	}
	100% {
		opacity: 1;
		margin-top: 0
	}
}
.nav {
	display: none;
	cursor: pointer;
	margin: 25px 25px 0 0;
	width: 25px;
	height: 25px;
	float: right;
	background-image: url(https://d1qivmt25zv8j1.cloudfront.net/images/zh_TW/topmenu/nav.png);
	background-size: 100% auto;
	background-repeat: no-repeat;
}
.nav span.notice {
	position: absolute;
	top: 10px;
	right: 8px;
	padding: 0px;
	color: #FFF;
	background: #e580a7;
	width:25px;
	height:25px;
	vertical-align:middle;
	line-height:25px;
	text-align: center;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius:50%;
	font-weight:bold;
}
.nav.active {
	display: none;
}
.nav.hide {
	display: none;
}
.block-main-navigation {
	display: none;
	position: fixed;
	z-index: 9999;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, .9);
}
.navClose {
	cursor: pointer;
	margin: 25px 25px 0 0;
	width: 25px;
	height: 25px;
	display: block;
	float: right;
	background-image: url(https://d1qivmt25zv8j1.cloudfront.net/images/zh_TW/topmenu/navClose.png);
	background-size: 100% auto;
	background-repeat: no-repeat;
}
.navBox {
	position: fixed;
	top: 50%;
	width: 100%;
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	transform: translate(0, -50%);
	-webkit-animation: menu-link-deploy .3s ease-in-out 0ms;
	-moz-animation: menu-link-deploy .3s ease-in-out 0ms;
	-o-animation: menu-link-deploy .3s ease-in-out 0ms;
	animation: menu-link-deploy .3s ease-in-out 0ms;
}
.navBox li {
	padding: 15px 0px;
	text-align: center;
	border-bottom: solid #eeeeee 1px;
	width: 100%;
}

.navBox li a {
	font-size: 22px;
	display: block;
}

.navBox li a span.notice {
	padding: 0px;
	color: #FFF;
	background: #e580a7;
	width:25px;
	height:25px;
	vertical-align:middle;
	line-height:25px;
	text-align: center;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius:50%;
	display: inline-block;
	margin: -20px 0 0 5px;
}

.caption { height: auto;}

/*
.sub { display: none;}
*/

@media screen and (max-width:1200px) {

	.myin {
		display: none;
	}
	.subtext {
		display: none;
	}
	.payPriceBox ul li .subtext { display: block; font-size:15px;}


}

@media screen and (max-width:768px) {
	*,
	*:before,
	*:after{
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box; /* Firefox, other Gecko */
		box-sizing: border-box;
		outline:none;

		-webkit-touch-callout: none;
		-webkit-tap-highlight-color: rgba(0,0,0,0);
		-webkit-text-size-adjust: none;
		/*-webkit-user-select: none;*/
	}
	.container_16 {
		margin-left: auto;
		margin-right: auto;
		width: 96%;
	}
	.container_16 .grid_1 {
		width: auto;
	}

	.container_16 .grid_2 {
		width: auto;
	}

	.container_16 .grid_3 {
		width: auto;
	}

	.container_16 .grid_4 {
		width: auto;
	}

	.container_16 .grid_5 {
		width: auto;
	}

	.container_16 .grid_6 {
		width: auto;
	}

	.container_16 .grid_7 {
		width: auto;
	}

	.container_16 .grid_8 {
		width: auto;
	}

	.container_16 .grid_9 {
		width: auto;
	}

	.container_16 .grid_10 {
		width: auto;
	}

	.container_16 .grid_11 {
		width: auto;
	}

	.container_16 .grid_12 {
		width: auto;
	}

	.container_16 .grid_13 {
		width: auto;
	}

	.container_16 .grid_14 {
		width: auto;
	}

	.container_16 .grid_15 {
		width: auto;
	}

	.container_16 .grid_16 {
		width: auto;
	}

	.grid_1,
	.grid_2,
	.grid_3,
	.grid_4,
	.grid_5,
	.grid_6,
	.grid_7,
	.grid_8,
	.grid_9,
	.grid_10,
	.grid_11,
	.grid_12,
	.grid_13,
	.grid_14,
	.grid_15,
	.grid_16 {
		display: block;
		float: none;
		margin: 0px auto;
	}

	.button,
	input.button {
		height: auto; padding: 5px 15px;
	}

	.buttonL,
	input.buttonL { line-height: 32px;}

	.logo {
		width: 120px;
		height: 40px;
		margin: 20px 0 0;
	}
	a.btn_menu {
		display: none;
	}
	.nav {
		display: block;
	}
	.nav.active {
		display: block;
	}

	.m-hide { display: none !important;}

	/*index************************************************************/
	.indexBox { width: 100%;}
	.Fbbigicon { left: 50%;
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		transform: translateX(-50%);
		width: 90%;
	}

	.button-google { height: 75px; padding: 15px 20px 5px 20px; width: 100%}
	.button-FB { height: 75px; padding: 15px 20px 5px 20px; width: 100%}

	.yahooPage .Fbbigicon { left: 50%}
	.yahooPage .button-google { height: auto; padding: 10px 20px 10px 20px; width: 50%; text-align:center;}
	.yahooPage .button-FB { height: auto; padding: 10px 20px 10px 20px; width: 50%; text-align:center;}
	.yahooPage .button-Yahoo { height: auto; padding: 10px 20px 10px 20px; width: 50%; text-align:center;}
	.yahooPage .yahoobigicon { left:50%; text-align:right;}
	.yahooPage .buttonBig span { position:inherit; top:inherit; left:inherit;}

	.yahooPage i.iconFb { display:none;}

	.yahoobigicon { left: 50%;
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		transform: translateX(-50%);
		width: 90%;
	}

	input.button-google { height: 75px; padding: 15px 20px 5px 20px; width: 100%}
	input.button-FB { height: 75px; padding: 15px 20px 5px 20px; width: 100%}
	.buttonBig span { font-size: 20px;}
	.legend {left: 50%;
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		transform: translateX(-50%);
		width: 90%;
		font-size: 13px;
	}
	.titleBox { width: 90%;}
	.titleSubject { font-size: 25px; line-height: 1.6em; top: 15px;width: 100%;padding: 0 5%;}
	.titleSubjectB { font-size: 25px; line-height: 1.6em; top: 15px;width: 100%;padding: 0 5%;}
	.dialogA, .dialogB { display: none;}
	.stepw, .stepA, .stepB, .stepC, .stepD { display: none;}

	.topBox { width: 100%; margin:0 auto 5px; }
	.topmenu { min-width: inherit;}
	.menuBtnBox { float: none; width: 96%;margin: 0px auto; padding: 10px 0;}
	.menuBtnBox .menuBtnInner a { padding: 10px;}
	.menuBtnBox .menuBtnInner a.firstBtn {}
	.menuBtnBox .menuBtnInner a span.notice {right: -17px;}
	.menuBtnBox .menuBtnInner .moreBtn {}
	.menuBtnBox .menuBtnInner .moreBtn .moreBox { top: 35px; right: 0px;}
	.menuBtnBox .menuBtnInner .moreBtn .moreBox a { width: 118px; }
	.menuBtnBox .menuBtnInner .moreBtn a.moremore {padding: 0px 10px 0px 0px; margin-right: -30px;}
	.menuBtnBox .menuBtnInner .moreBtn a.bonus{padding:0px 10px 0px 0px; margin-right:-10px;border-left:#b5b5b5 1px solid; padding-left:10px}
	.menuBtnBox .menuBtnInner .moreBtn .bonusBox { top: 35px; right: inherit; left:0}
	.menuBtnBox .menuBtnInner .mo.bigSizePicreBtn .bonusBox a { width: 118px; }

	.permission_box { padding: 100px 0 0; }
	.permission_box h2 { line-height:1.6em; font-size:17px;}
	.permission_box .reason { font-size:13px;}

	.container_16 { padding: 10px; margin-bottom: 20px;}
	.grid_8.round6.bgW { margin-bottom: 10px; position: relative;}

	.bigSizePic { float: left; width: 50%; height: auto; position: relative; margin:0 }
	.bigSizePic.icon_new:after {}
	.bigSizePic img { width: 100%; }
	.mSizePic { width: 100%; height: auto; position: relative; margin:0;}
	.mSizePic img { width: 100%; }
	.medSizePic { width: 100%; height: auto; margin: 0;}
	.medSizePic img { width:100%;}
	.mainPhoto .medSizePic img { width:100%;}

	.photo .grid_16 ul.picture .mainPhoto .medSizePic { width: 100%; height: auto; margin: 0;}
	.photo .grid_16 ul.picture .medSizePic { width: 100%; height: auto; margin: 0;}

	.instagram li { width:25%; height:auto;}

	.statusBox { top: 0; width: auto;}
	.powderBlue { display: none;}
	.powderOrange { display: none;}
	.doubleHeart { top:60px;}
	i.iconLike { height: 92px;}
	.morepic { float: left; width: 50%; margin: 0 ; padding: 0; border-bottom: none;}
	.morepic li { width: 50%; height: auto; padding: 0px;}
	.common.instagram { margin: 0; padding: 0 10px; clear:both; }
	.common.groups { margin: 0 10px; clear:both; }
	.common.friends { margin: 0 10px; clear:both; }
	.common.interest { display: none;}
	.interest {
		border-bottom: none;
		clear: both;
		float: none;
		width: 100%;
		margin: 0;
		padding: 10px;
	}
	.jointly { margin-bottom: 20px;}
	.jointly li {
		width: 60px;
		height: 80px;
		overflow: hidden;
	}
	.bgColor textarea { width: 100%;}

	.photo .grid_16 { display: block; padding: 10px; width: auto;}
	.photo .grid_16 ul.picture li { width: 31.33333%; margin: 1%;}

	.photoIcon { width: 100%; height: 100%;}
	.photo .grid_16 ul.picture .mainPhoto .photoIcon {width: 100%; height: 100%;}

	.linePinkWide { width: 100%; height: 100%;}
	a.dePreset { visibility: visible; opacity:1;}
	a.delete { visibility: visible; opacity:1;}
	.picBox { width: 100%; height: 100%; padding: 0;}
	.picBox img { padding: 30%; width: 100%;}
	.picBox a.plus { margin: 0 auto; padding: 30%; width: 100%;}
	.photo .grid_16 .updates ul.array { padding: 40px 0px 30px 20px;}
	a.pen { visibility: visible; opacity: 1; margin-left: 10px; margin-right: 5px;}

	.photo .grid_16 .updates { padding:0; margin-top:10px;}
	.updates .button { width: 100%; margin: 5px auto; }
	.updates .button-google { height:auto;}
	.updates .button-FB { height:auto;}

	.account { padding: 10px;}
	.orderTable li.titleBar { display: none;;}
	.orderTable li div { width: 100%; text-align: left; padding:5px 15px; border-right: none; display:block;}
	.orderTable li div.order { width:100%}
	.orderTable li div.ticket { width:100%}
	.orderTable li div.date:before { content: "訂購日期: "; }
	.orderTable li div.name:before { content: "商品名稱: "; }
	.orderTable li div.order:before { content: "訂單資料: "; }
	.orderTable li div.status:before { content: "訂單狀況: "; }
	.orderTable li div.ticket:before { content: "發票資訊: "; }
	.orderTable li div.other:before { content: "其 它: "; }

	.orderTable li div.time { width: 100%; }
	.orderTable li div.detail { width: 100%; }
	.orderTable li div.got { width: 100%; }
	.orderTable li div.used { width: 100%; }

	.orderTable li div.time:before { content: "時間: "; }
	.orderTable li div.detail:before { content: "明細: "; }
	.orderTable li div.got:before { content: "獲得: "; }
	.orderTable li div.used:before { content: "使用: "; }

	.caption {font-size: 18px}

	/*pay *******************************************/
	.payGoldBoxList li { width: 90%; float: none; margin: 0 auto 10px;}
	.singlepirce { padding: 10px 0 0; }
	.payGoldBox_detail { width: 90%;}
	.payData { padding:10px; }
	.payway { padding:10px; }
	.payGold { padding: 10px;}
	.payexplain { padding: 10px;}
	.payexplainTitle { margin-left: 0;}
	.payexplainSel { margin-left: 0;}
	.payexplainInfo { margin-left: 0;}
	.payexplain ol.decimal { margin-left: 0; }
	.payexplainInfo ul li input[type=text] {width: 100%; margin-bottom: 5px; margin-left: 0;}
	.payexplainInfo ul li select { width: 100%; margin-bottom: 5px; margin-left: 0;}
	.grid_16 .updates { padding:10px; }
	.payEndInfo { padding: 20px; margin:10px;}
	.payEndForm li label { min-width: 100px;}

	/*rules***********************************************/
	.distancesafe { margin-bottom: 10px;}
	.grid_4.round6.bgW.lineBrown { margin-bottom: 10px; width: auto;-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px; }
	.container_16 .grid_4 ul { margin: 0;}
	.container_16 .grid_12 { width: auto; padding: 15px;}
	.autopay .autopayBox label { width: 100%; text-align: left;}
	.autopay .autopayBox input[type=text] { width: 100%;}
	.contact { padding: 0px;}
	.contact .remind { margin-bottom: 20px;  line-height: 1.5em;}
	.contact .contactBox { padding: 0px;}
	.contact .contactBox label {text-align: left; width: auto;}
	.contact .contactBox textarea { width: 100%; }
	.contact .cut { margin: 10px 0 20px; line-height: 1.5em; }
	.contact .updates { margin: 0; }

	/*register************************************************/
	.safe {padding: 10px;}
	.nobody { line-height: 1.5em; width: 90%; margin: 0 auto;}
	.register { padding: 10px;}
	.register li input[type=text] { width: 100%; margin: 5px 0;}
	.register li select { width: 100%; margin: 5px 0;}
	.register li textarea { width: 100%; margin: 5px 0;}
	.register li label { width: 100%; margin: 0; }
	.bgColor ul.property { margin: 0}
	.bgColor ul.property li.range { margin: 0}
	ul.personality { margin: 0;}
	ul.personality li { width: 50%; padding: 5px; margin: 0 0 5px;}
	.grid_16 .updates { margin-top: 20px;}
	.wrapper { padding-top: 0;}
	.wrapper .flow-steps { display: none;}

	/*setup**********************************************************/
	.container_16 .setup { padding: 20px; margin:0;}
	.container_16 .setup h1 { padding-top: 10px;}
	.invitemission .title { float:none; margin-bottom:20px; text-align:center; width:100%;}
	.invitemission .count { float:none; text-align:center; width:100%;}

	/*fileview**************************************************************/
	.mwt_border .arrow_l_int { display: none;}
	.mwt_border .arrow_l_out { display: none;}
	.viewfile .mwt_border { height: 95px;}
	i.doubleHeartSmall { height: 57px;}
	.doubleHeartSmall { left: 33%; margin-left: -41px;}
	.viewfile .mwt_border .chat { left: 66%;}
	.hearttitle {left: 33%; margin-left: -113px;}
	.chattitle {left: 66%; margin-left: -23px;}
	.select {left: 33%; margin-left: -80px; width: auto; text-align: left;}
	.select .legend { float: none; clear: both; margin-top: 0; padding-top: 10px;
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		-ms-transform: translateX(0);
		-o-transform: translateX(0);
		transform: translateX(0);
	}

	.select .result { width: 158px;}
	.morepic .lock { width: 100%; height: 100%;}
	.morepic .lock a.iconLock { width: 100%; height: 100%; background-size: 100% auto;}
	.morepic .lock a.iconLock:hover  { width: 100%; height: 100%; background-size: 100% auto;}

	.userList { margin-bottom: 10px;}
	.twoParts { width: 100%;}
	.userListInfoBox { height: auto;}
	.userListInfoBox ul li { height: auto;}
	.userListInfoBox ul li.selfInfo .time { display:block;}

	.userListPic { width: 90px; height: auto;}
	.userListInfo { padding: 0 0px 0 100px }
	#fbupload.button-FB { height: auto; padding: 5px 15px}

	.reportBtn { bottom: -152px; top: inherit;}
	.fileViewP.reportBtn { bottom: -170px; top: inherit;}

	.buttonS.button-google { height: inherit; padding: 5px 15px; width: inherit;}
	.buttonS.button-FB { height: inherit; padding: 5px 15px; width: inherit;}

	/*like*******************************************************************/
	.searchBar {  float: none; width: 96%; margin: 0px auto;}
	.searchBar.match {  float: none; width: 96%; margin: 0px auto;}/*050414*/
	.searchBar a.searchContent {
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		width: 85%;
		max-width: 100%;
		border-right: none;
		margin:0;
	}
	.searchBar input.searchContent {
		width: 85%;
		max-width: 100%;
		margin:0;
		background:none;
	}
	.searchBar a.searchContent.advance  {width: 65%;}
	.searchBar a.searchBtn.matchbtn {width: 15%;float: right; text-align: center;}/*050414*/
	.searchBar a.searchBtn {width:15%;float: right; text-align: center;}
	.searchBar a.searchBtn.advance  {width: 35%;}
	.searchOption { min-width: inherit;}
	.mwt_border .title { margin-right: 0}
	.like_model { float: none; position: absolute; top: 0px; right: 10px; }
	.likeListPic { width: 80px; height: auto;
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		border-radius: 6px;
	}
	.likeListInfo { width: 100%; float: none; padding: 0px 0px 10px 90px }
	.likeListInfo .mwt_border {padding:5px 2px; display: inline-block; width: 100% }
	.likeListInfo a.Yes { width: 78px; height: 36px;display:inline-block; background:url(https://d1qivmt25zv8j1.cloudfront.net/images/zh_TW/icon/iconSprite.png) -85px -550px no-repeat; float: none; margin-right:0 }
	.likeListInfo a.Yes:hover {background:url(https://d1qivmt25zv8j1.cloudfront.net/images/zh_TW/icon/iconSprite.png) -171px -550px no-repeat;}
	.likeListInfo a.Yes.active {background:url(https://d1qivmt25zv8j1.cloudfront.net/images/zh_TW/icon/iconSprite.png) -171px -550px no-repeat;}
	.likeListInfo a.no{width: 78px; height: 36px;display:inline-block; background:url(https://d1qivmt25zv8j1.cloudfront.net/images/zh_TW/icon/iconSprite.png) -85px -594px no-repeat; float: none;}
	.likeListInfo a.no:hover {background:url(https://d1qivmt25zv8j1.cloudfront.net/images/zh_TW/icon/iconSprite.png) -171px -594px no-repeat;}
	.likeListInfo a.no.active {background:url(https://d1qivmt25zv8j1.cloudfront.net/images/zh_TW/icon/iconSprite.png) -171px -594px no-repeat;}
	.likeListInfoBox { height: auto;}
	.likeListInfoBox ul li { line-height: 1.4em;}

	/*search**************************************************************/
	.searchListPic {  width: 80px; height: auto;
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		border-radius: 6px;}
	.searchListInfo { width: 100%; float: none; padding: 0px 0px 10px 90px }
	.searchListInfo .options {
		float: none;
		width: auto;
		height: auto;
	}
	.searchListInfo .options .press { display: inline-block;}
	.searchListInfo a.Yes { float: none; display: inline-block; margin-right: 2px;}
	.searchListInfo a.no { float: none; display: inline-block;}
	.searchListInfoBox { width: auto; height: auto;}

	/*marriage****************************************************/
	.menuBtngroups { width: 96%; margin: 0px auto; padding: 10px 0 }
	.menuBtnBox .menuBtnInner a.btngroups { padding: 10px; text-align: center;}
	.menuBtnBox .menuBtnInner a.btngroups.threeparts { width: 33% }
	.menuBtnBox .menuBtnInner a.firstBtn.btngroups {border-left: #b3d7df 1px solid;}
	.marriageList.header { display: none;}
	.marriageList .info { width: 100%; padding-top: 0; height: auto;}
	.marriageList .type { width: 50%; padding-top: 0; height: auto;}
	.marriageList .type:before { content: "瀏覽人數: "; }
	.marriageList .people { width: 50%; padding-top: 0; height: auto;}
	.marriageList .people:before { content: "報名人數: "; }
	.marriageList .time { width: 100%; padding-top: 0; height: auto;}
	.marriageList .time:before { content: "發佈時間/狀態: "; }
	.marriageList .info .pic { width: 30%; margin-right: 0; padding-right: 10px;}
	.marriageList .info .content { width: 70%; padding: 0px; line-height: 1.5em;}
	.narrative { width: 100%;}
	.narrative .major { width: 100%;}
	.nobodyBox .noarticle { width: 90%; margin: 0 auto;
		-webkit-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		-o-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
	.nobodyBox .nobody { width: 90%; margin: 0 auto; padding-top: 0px;
		-webkit-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		-o-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}

	.visit .whose ul { padding: 10px 0; }
	.visit .whose li { width: 23%; margin: 0 1% 10px; }
	.visit .whose li .sSizePic { width: 100%; height: 100%;}
	.visit .whose li .sSizePic img { width: 100%;}
	.marriageList .sSizePic { width: 100%; height: 100%;}
	.marriageList .sSizePic img { width: 100%;}
	.grid_16 .updates { margin-bottom: 20px;}
	.listHead .listLeft, .listHead .listAmid, .listHead .listRight { width: 33%;}
	.msgBox { width: 100%;}
	.msgBox .composer_TextArea { width: 100%;}
	.directions { padding: 10px; float: none; }
	.release { padding: 10px }
	.release li textarea { width: 100%;}
	.release li label { display: block; width: 100%; float: none;}
	.release li input { width: 100%; margin-top: 3px;}
	.release li select { width: 100%; margin-top: 3px;}
	.release li input.yaer { width: 25%}

	.listMenu { display: block;}

	/*visited**************************************************************/
	.userListPic {  width: 80px; height: auto;
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		border-radius: 6px;}
	.userListInfo { width: 100%; float: none; padding: 0px 0px 10px 90px }
	.userListInfo .options {
		float: none;
		width: auto;
		height: auto;
		margin: 0 0 5px 0;
		background: #fff;
	}
	.userListInfo .options .press { display: inline-block;}
	.userListInfo .options .material {text-align:center; padding:10px 0px; background:#fff7f9; border:1px #fae5ec solid}
	.userListInfo .options .material.want {background:#fae5ec;}
	.userListInfo a.Yes{width: 78px; height: 36px;display:block; background:url(https://d1qivmt25zv8j1.cloudfront.net/images/zh_TW/icon/iconSprite.png) -85px -550px no-repeat; float:left; margin-right:10px}
	.userListInfo a.Yes:hover {background:url(https://d1qivmt25zv8j1.cloudfront.net/images/zh_TW/icon/iconSprite.png) -171px -550px no-repeat;}
	.userListInfo a.Yes.active {background:url(https://d1qivmt25zv8j1.cloudfront.net/images/zh_TW/icon/iconSprite.png) -171px -550px no-repeat;}
	.userListInfo a.no{width: 78px; height: 36px;display:block; background:url(https://d1qivmt25zv8j1.cloudfront.net/images/zh_TW/icon/iconSprite.png) -85px -594px no-repeat; float:left}
	.userListInfo a.no:hover {background:url(https://d1qivmt25zv8j1.cloudfront.net/images/zh_TW/icon/iconSprite.png) -171px -594px no-repeat;}
	.userListInfo a.no.active {background:url(https://d1qivmt25zv8j1.cloudfront.net/images/zh_TW/icon/iconSprite.png) -171px -594px no-repeat;}
	.userListInfo a.chat{width: 78px; height: 36px;display:block; background:url(https://d1qivmt25zv8j1.cloudfront.net/images/zh_TW/icon/iconSprite.png) -85px -637px no-repeat; float:left}
	.userListInfo a.chat:hover {background:url(https://d1qivmt25zv8j1.cloudfront.net/images/zh_TW/icon/iconSprite.png) -171px -637px no-repeat;}
	.userListInfo a.chat.active {background:url(https://d1qivmt25zv8j1.cloudfront.net/images/zh_TW/icon/iconSprite.png) -171px -637px no-repeat;}
	.userListInfo .options .want {text-align:center; padding:10px 5px; background:#fff7f9; border:1px #fae5ec solid; float: left; margin-right: 10px;}

	.userListInfo a.Yes { float: none; display: inline-block; margin-right: 2px;}
	.userListInfo a.no { float: none; display: inline-block;}

	/*search**************************************************************/
	.searchList .nodata {width: 90%; margin: 0 auto; padding-top: 0px;
		-webkit-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		-o-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%); line-height: 1.8em;
	}
	.search_other { float: left; padding:10px 2% ; text-align: right; }

	.search_order { float: right; padding:5px; text-align: right; margin:10px 2% !important; }

	.searchListInfoBox ul li.selfInfo { width: auto; height: auto;}
	.searchHistory { display: none;}

	#CopyRight { width: 100%; min-width:inherit;}
	#CopyRight .footermsg { width: 100%;}
	.columnLogo {display: none;}
	.footerPicture {display: none;}
	#CopyRight .footermsg .column { float: none; text-align: center; margin:0 auto; padding: 10px 0 0; height: auto; line-height: 1.5em; width: 90%;}
	#CopyRight .footermsg .ownership { float: none; line-height: 1.6em; display:block; margin-top:0px;}

	
	
	/*error************************************************************/
	.errorBox { height: auto;}
	.errorBox .error { width: 90%; font-size: 22px; line-height: 1.8em; position: inherit; top: inherit; left: inherit; height: auto; margin: 0 auto;}
	.error img { width: 100%; margin-bottom: 20px; }

	.record { padding: 10px; margin: 0px; }
	.record h1 {padding: 10px;}
	table.csr_record thead { display: none;}
	table.csr_record tbody td { width: 95%;display: block; padding:10px; border-bottom: none; text-align: left; font-size: 15px;}
	table.csr_record tbody td:last-child { border-bottom:#6cc9c8 1px solid;  margin-bottom: 10px;}
	.record_date:before { content: "來信時間: "; }
	.record_class:before { content: "類別: "; }
	.record_content:before { content: "來信內容: "; }
	.record_status:before { content: "回覆狀態: "; }

	/*quiz****************************************************/
	.m-quiz { display: block;}
	.common.quiz { display: none;}
	.quiz .menuBtn { margin: 0 0 10px;}
	.quiz .menuBtn a span.notice {top: 2px; right: inherit; margin-left:5px;}
	.quiz .menuBtn a { display: block; float: none; border: none; border-bottom:#b5b5b5 1px solid; padding: 8px 0}
	.quiz .menuBtn a.firstBtn { border-left:none; border-right:none;}
	.quiz .menuBtn a.lastBtn { border-left:none; border-right:none;}
	.quiz .menuBtn a.menuBtn_right { padding: 0px 20px; margin-right: 0px; }
	.quiz .menuBtn a.menuBtn_right:hover {}
	.quizSubText { padding: 5px;}
	.quiz-public { margin: 10px 0; padding: 15px; }
	.myquiz { padding: 0; margin: 0; }
	.quiz-public-q .red { display: block; margin-bottom: 10px; line-height: 1.5em;}
	.myquiz li { padding: 10px;}
	.myquiz label { display: block; margin-bottom: 8px; text-align: center;;}
	.myquiz input { width: 100%; margin-bottom: 8px;}
	.myquiz .button { display: block;}
	.askList { margin-bottom: 20px;}
	.askListPic { width: 80px;}
	.askListInfo { padding: 0 0 0 90px}
	.askListInfoBox .issue { padding: 10px 0px 30px 0px; font-size: 15px;}
	.askListInfoBox .date { display: none;}


	/*popwin***************************************************/
	.pop { display: block;}
	.popFb { display: block;}
	.popFb .fbAlbumLloading { width: 100%;}
	.popFb .allAlbumBox { width: 100%;}
	.pop .popContent { height: auto; padding: 10px; }
	.pop .popContent li.pic { width: 30%;}
	.pop .popContent li.pic .mSizePic { width: 100%; display: inline-block; max-width:100px;}
	.pop .popContent .mSizePic  { width: 100%; display: none;}
	.pop .popContent img { max-width: 100%;}
	.pop .popContent .titlePic img { max-width:200px}
	.pop .popContent li.pair.green { width: 70%; text-align: left;padding:0px 0px 0px 10px;}
	.pop .popContent h2 { font-size: 18px; line-height: 1.5em; padding-top:10px;}
	.pop .popbtn {padding:0px 20px 10px 20px}
	.popbtn a { width: 100%; margin-bottom: 10px;}

	.pop .blackBox { width: 100%;}
	.pop .blackBox ul { height: inherit;}
	.pop .blackBox li { height: auto; width: inherit;}
	.pop .blackBox li .photo { width: 20%; max-width: 80px;}
	.pop .blackBox li .photo .mSizePic { width: 100%;}
	.pop .blackBox li .name { width: 50%; height: auto; padding:5px 10px; text-align: left; line-height: 1.6em; }
	.pop .blackBox li .openname { float:left; padding:20px 15px 0px 15px; line-height:1.6em; text-align:left;  }
	.pop .blackBox li .push { width: 30%; height: auto; padding:5px 0px;}
	.pop .blackBox li .push .button { padding: 5px; }

	.pop .popphone { margin: 50px 20px 20px }
	.pop .popphone ul { margin-bottom: 20px}
	.pop .popphone li select { width: 100%; margin: 10px 0;}
	.pop .popphone li input { width: 100%; margin: 10px 0;}

	.pop .answerquizBox .quiz { font-size: 15px;}
	.pop .popContent li.answerquizPic { float: none;}
	.pop .popContent li.answerquizBox {  float: none; padding: 0px; }
	.pop .answerquizBox { max-width: inherit; width: 100%;}

	.pop.yesMsg { min-width:inherit;}
	.pop.yesMsg .title { font-size: 18px; margin-bottom: 0;}
	.pop.yesMsg .subtext { font-size: 13px; margin-bottom: 0;}
	.pop.yesMsg .popbtn .buttonGroup { margin-bottom: 10px;}
	.pop.yesMsg .popbtn .buttonGroup a:first-child { width: 80%; }
	.pop.yesMsg .popbtn .buttonGroup a.editBtn { width: 20%;}
	.pop.yesMsg .popbtn .buttonGroup a.yesMsgText { font-size: 15px;}
	.pop.yesMsg .popContent ul .pair { line-height: 1.5em;}
	.pop.yesMsg .popbtn .button-darkGreen { font-size: 15px; line-height: 22px;}

	a.Yes{width: 97px; height: 45px;display:block; background:url(https://d1qivmt25zv8j1.cloudfront.net/images/zh_TW/icon/iconSprite.png) -85px -440px no-repeat; float:left; margin-right:10px}
	a.Yes:hover {background:url(https://d1qivmt25zv8j1.cloudfront.net/images/zh_TW/icon/iconSprite.png) -85px -440px no-repeat;}
	a.Yes:active {background:url(https://d1qivmt25zv8j1.cloudfront.net/images/zh_TW/icon/iconSprite.png) -192px -440px no-repeat;}
	a.Yes.active {background:url(https://d1qivmt25zv8j1.cloudfront.net/images/zh_TW/icon/iconSprite.png) -192px -440px no-repeat;}
	a.no{width: 97px; height: 45px;display:block; background:url(https://d1qivmt25zv8j1.cloudfront.net/images/zh_TW/icon/iconSprite.png) -85px -495px no-repeat; float:left}
	a.no:hover {background:url(https://d1qivmt25zv8j1.cloudfront.net/images/zh_TW/icon/iconSprite.png) -85px -495px no-repeat;}
	a.no:active {background:url(https://d1qivmt25zv8j1.cloudfront.net/images/zh_TW/icon/iconSprite.png) -192px -495px no-repeat;}
	a.no.active {background:url(https://d1qivmt25zv8j1.cloudfront.net/images/zh_TW/icon/iconSprite.png) -192px -495px no-repeat;}

	.searchListInfo a.Yes{width: 78px; height: 36px;display:block; background:url(https://d1qivmt25zv8j1.cloudfront.net/images/zh_TW/icon/iconSprite.png) -85px -550px no-repeat; float:left; margin-right:10px}
	.searchListInfo a.Yes:hover {background:url(https://d1qivmt25zv8j1.cloudfront.net/images/zh_TW/icon/iconSprite.png) -85px -550px no-repeat;}
	.searchListInfo a.Yes.active {background:url(https://d1qivmt25zv8j1.cloudfront.net/images/zh_TW/icon/iconSprite.png) -171px -550px no-repeat;}
	.searchListInfo a.no{width: 78px; height: 36px;display:block; background:url(https://d1qivmt25zv8j1.cloudfront.net/images/zh_TW/icon/iconSprite.png) -85px -594px no-repeat; float:left}
	.searchListInfo a.no:hover {background:url(https://d1qivmt25zv8j1.cloudfront.net/images/zh_TW/icon/iconSprite.png) -85px -594px no-repeat;}
	.searchListInfo a.no.active {background:url(https://d1qivmt25zv8j1.cloudfront.net/images/zh_TW/icon/iconSprite.png) -171px -594px no-repeat;}

	.allAlbumBox { height: 170px;}
	.popContent.quizContent {  max-height:250px; overflow:auto;}

	.pop.yesMsg .popbtn .buttonGroup a { line-height: 22px;}
	.pop.yesMsg .editBox a.button { line-height: 22px;}
	.popbtn .icon_warn { height: 22px; width: 22px;}
	.popbtn .icon_edit { height: 22px; width: 22px;}
	.popbtn .icon_arrow_left { height: 22px; width: 22px;}

	.pop .answerquizBox h2 { font-size: 15px;}
	.pop .answerquizBox .quiz { font-size: 13px;}
	.pop .quizPopSelect li a { font-size: 13px;}

	.fbBox { display: none;}

	.dailymeet {}
	.dailymeet .dailyPeople { width: 48%; margin:0 1% 5px; float: left;}
	.dailymeet .dailyPeople .mSizePic { width: 80%; height: auto; float: none; display: block;}
	.dailymeet .dailyPeople .mSizePic img { width: 100%;}
	.dailymeet .dailyPeople h2 { height: 1.5em;line-height: 1.5em; white-space: nowrap; overflow:hidden;text-overflow: ellipsis; padding-left: 0px; width: 100%; font-size: 15px; margin-bottom: 5px; float: left;}
	.dailymeet .dailyPeople h2 label { display: none;}
	.dailymeet .dailyPeople .btnBox { clear: both; padding-top: 0px;}
	.dailymeet .dailyPeople .btnBox a { font-size: 12px; padding: 5px; line-height: 1.3em;}
	.dailymeet .dailyPeople .btnBox .checked { padding:1px 0 0 }

	.pop .popTop { padding: 10px;}
	.pop .popContent { max-height:350px; overflow:auto;}
	a.popClose { width: 23px; height: 23px; background-position: -92px -830px; margin-top: 0;}
	a.popClose:hover { background-position: -122px -830px;}

	/*0617新增 個人觀隨機提問*/
	.pop .quiza{ padding:20px; height:auto; line-height:1.8em;text-align:left;border-bottom:#CCC dashed 1px; margin-bottom:10px; max-height:280px; overflow:auto;}
	.pop .quiza ul{text-align:left; border-top:#CCC 1px dashed; padding-top:10px; margin:0px;}
	.pop .quiza ul li{float:none; margin-bottom:5px;}
	.pop .quiza ul li .boxlf{display:none}
	.pop .quiza ul li .boxrt{ display:none}
	.pop .quiza ul li .boxlf_m{ display:block;margin-left:0px;padding:20px 0px 20px 10px;background:#fae5ec;border:#FFF 2px solid; width:100%}
	.pop .quiza ul li .boxlf_m select{ margin-top:20px}
	.pop .quiza ul li select.recommend{width:90%}
	.pop .quiza ul li a{ width:99%}
	.cityoption { display:block; width:100%; margin-top: 5px;}
	.cityoption ~ a { display:block; width:inherit !important; text-align:right;}

	.logintopmenu { padding:5px 0; height:70px;}
	.logintopmenu .logo { width:150px;}
	.loginBox { bottom:250px; margin-bottom: 80px;}
	.loginBox .button-google { height:inherit; width:80%;}
	.loginBox .button-FB { height:inherit; width:80%;}
	.loginBox h2 { font-size:17px;}
	.loginBox a.button-google { padding:5px 50px; min-width:200px; font-size:17px; font-weight:100;}
	.loginBox a.button-FB { padding:5px 50px; min-width:200px; font-size:17px; font-weight:100;}
	body.login #CopyRight { bottom:10px; padding: 0;}

	.paytopmenu { padding-top: 0px; height:60px;}
	.paytopmenu .logo { width:130px;}
	.userBox { position: relative;}
	.userBox .userName { display:none;}
	.userBox a.myAccount:after {background: transparent url("https://d1qivmt25zv8j1.cloudfront.net/images/zh_TW/icon/ico_select_02.png") no-repeat scroll 100% 100% / 33px auto;
		position: absolute;
		width: 33px;
		height: 33px;
		right: 0;
		top: 10px;
	}	

	.userBox .userPic {
    	display: inline-block;
    	margin-right: 40px;
		margin-top: 8px;
	}
	
	body.payment {
		background-image: none; background: #eef7f8;
	}
	
	.paymentBox { margin: 70px 0 0; width:100%; box-sizing:border-box; }
	.payBoxLeft { float:none; width:100%; box-sizing:border-box; margin-bottom:10px;}
	.payBoxRight { float:none; width:100%; box-sizing:border-box; margin:0 auto;} 

	.payBoxLeft .payBoxTitle { padding:10px 15px;}
	.payBoxContent { padding:15px;}
	.payBoxContent .payBoxContentText { font-size:15px;}
	.payBoxContent ul { margin-top:10px;}
	.payBoxContent ul li { font-size:15px; margin-bottom:0;}

	.payPriceBox label { font-size:20px;}
	.checkFlag_radio_g:checked~div .checkCheckbox_radio_g:before { top:3px; left:3px;}
	.paywayBox { padding:20px 10px;}

	.payCancelBox { margin:0px; width:100%; box-sizing:border-box; padding:20px;}
	.payCancelBox .msgUserBox { margin: 20px 0;}
	.payCancelBox h3 { font-size:21px; }
	.payCancelBox .msgUser {
		width: 80px;
		margin: 0 10px;
	}
	.payCancelBox .msgUser img { width:80px;}
	.payCancelBox .msgUserBoxSub { font-size: 15px;}
	.payCancelBoxWarp {padding: 30px 0; }
	.payCancelBoxWarp .payCancelBox { width:90%; margin:0 auto;}

	.payCancelBox .h3sub { font-size:15px;}
	.payCancelBox.morespace { width:90%; margin:0 auto; padding-bottom:20px;}
	.cloumn3 { float:none; width:90%; margin:0 auto 20px;}

	.payCancelBoxTip { height:auto;}
	.payCancelBoxTip.tip1 { padding: 150px 20px 20px; background-position:center 10px; background-size:auto 130px;}
	.payCancelBoxTip.tip2 { padding: 150px 20px 20px; background-position:center top; background-size:auto 150px;}
	.payCancelBoxTip.tip3 { padding: 150px 20px 20px; background-position:center top; background-size:auto 150px;}
	.payCancelBoxTip .title { font-size:17px;}
	.payCancelBoxTip .sub { font-size:15px;}

	.accpuntCloseBoxTip.tip1 { padding: 20px 20px; background-image: none;}
	.accpuntCloseBoxTip.tip2 { padding: 20px 20px; background-image: none;}
	.accpuntCloseBoxTip.tip3 { padding: 20px 20px; background-image: none;}
	.accpuntCloseBoxTip.tip4 { padding: 20px 20px; background-image: none;}
	.accpuntCloseBoxTip.tip5 { padding: 20px 20px; background-image: none;}
	.accpuntCloseBoxTip .sub {}

}

@media screen and (max-width:468px) {

	.navBox li {
		padding: 12px 0px;
		text-align: center;
		border-bottom: solid #eeeeee 1px;
		width: 100%;
	}

	.navBox li a {
		font-size: 15px;
		display: block;
	}

	.navBox li a span.notice {
		padding: 0px;
		color: #FFF;
		background: #e580a7;
		width:20px;
		height:20px;
		vertical-align:middle;
		line-height:20px;
		text-align: center;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius:50%;
		display: inline-block;
		margin: -15px 0 0 5px;
	}

	.bigSizePic { float: none; width: 100%; height: auto; padding-right:0px; }
	.bigSizePic.icon_new:after { right:0px;}
	.bigSizePic img { width: 100%; }
	.morepic { float: none; width: 100%; margin: 0; padding: 0; border-bottom: none;}
	.morepic li { width: 25%; height: auto;}
	.mwt_border a.no { float: none; display: inline-block;}
	.mwt_border a.Yes { float: none; display: inline-block;}
	.mwt_border .title { display: none;}

	.select a.Yes{width: 78px; height: 36px;display:block; background:url(https://d1qivmt25zv8j1.cloudfront.net/images/zh_TW/icon/iconSprite.png) -85px -550px no-repeat; float:left; margin-right:2px}
	.select a.Yes:hover {background:url(https://d1qivmt25zv8j1.cloudfront.net/images/zh_TW/icon/iconSprite.png) -171px -550px no-repeat;}
	.select a.Yes.active {background:url(https://d1qivmt25zv8j1.cloudfront.net/images/zh_TW/icon/iconSprite.png) -171px -550px no-repeat;}
	.select a.no{width: 78px; height: 36px;display:block; background:url(https://d1qivmt25zv8j1.cloudfront.net/images/zh_TW/icon/iconSprite.png) -85px -594px no-repeat; float:left}
	.select a.no:hover {background:url(https://d1qivmt25zv8j1.cloudfront.net/images/zh_TW/icon/iconSprite.png) -171px -594px no-repeat;}
	.select a.no.active {background:url(https://d1qivmt25zv8j1.cloudfront.net/images/zh_TW/icon/iconSprite.png) -171px -594px no-repeat;}
	.select .legend { width: 158px; float: none; clear: both; margin-top: 0; padding-top: 10px;
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		-ms-transform: translateX(0);
		-o-transform: translateX(0);
		transform: translateX(0);
	}
	.flex-viewport, .flex-direction-nav, .flex-control-nav { display: none;}

	.flex-viewport-m { display: block; width: 100%; height: 588px; background-color: #fcf9f7;
		background-image: url(https://d1qivmt25zv8j1.cloudfront.net/images/zh_TW/index/index_cover_m.png); background-size: auto 75%; background-position: top center; background-repeat: no-repeat;}
	.Fbbigicon { top: 360px;}

	.yahooPage .Fbbigicon { top: 330px; left: 50%}
	.yahooPage .Fbbigicon i.iconFb { display:none;}
	.yahooPage .yahoobigicon { top: 388px; left: 50%}
	.yahooPage .yahoobigicon i.iconFb { display:none;}

	.legend { top: 445px;}
	.flexslider .sub {position: absolute; bottom: 0; left: 50%;
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		transform: translateX(-50%);
		width: 300px;
		display: block;
	}
	.flexslider .sub img { width: 100%; }

	.searchListInfoBox h2 a { width:70%; }

	.yahooPage .button-FB { height: auto; padding: 10px 20px 10px 20px; width: 100%; text-align:center;}
	.yahooPage .button-Yahoo { height: auto; padding: 10px 20px 10px 20px; width: 100%; text-align:center;}

	.newuser .flex-viewport { display:block; width:90%; padding:0;}
	.pop .popContent.newuser { max-height:inherit; overflow:auto;}
	a.button_m_left { float:left; display:inline-block; width:auto; display:none;}
	a.button_m_right { float:right; display:inline-block; width:auto; display:none;}
	.button_m { display:block;}

	.photo .grid_16 ul.picture li { width: 48%; margin: 1%;}

	.footer .snsBox { display: block; margin-top: 30px;}

}

@media screen and (max-width:768px) { /*050408*/
	.messageArea { display: none;}
	.messageArea_m {padding:0px 0px; margin-bottom:10px}
	.search .record .chief{ background:#84dcd9; padding:7px 5px 5px 10px; height:36px}
	.search .record .chief .letter{margin-left:5px; padding-top:5px}
	.browseList li{padding:15px 5px;border-bottom: none}
	.search .record .chief .quantity a{ background:#FFF; padding:2px 4px} /*050408*/
	.browseList li .msgArea .content .name a { width:190px;display: inline-block;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.freemsgInfoBox { width:96%; margin:0 auto 10px; padding:10px;}
	.freemsgInfoBox  .title .time { display:block; padding:10px 0 0;}
	.freemsgInfoBox  .info { display:none;}
	.freemsgInfoBox  .m-info { display:block;}
	.subinfo { display:none;}
	.searchList .freemsgInfoBox { width:100%;}

	.searchListInfo .region{float:none; margin:0 0 5px 0;}
	.searchListInfo .region a { display:block}

	.webview { background:#FFF; padding:0;}

	/*2015-06-17 新增個人觀隨機提問*/
	.fastquiz{display: none;}
	.fastquiz_m{display: block;margin-right:5px; padding-top:0px; margin-bottom:10px} /*050408*/
	.fastquiz_m a{ color:#ffffff; width:100%;}
	.popboxextra { display:block; margin:10px 0 0 0;}


	/*同好*/
	.groupsClass { display:none;}
	.groupItem { float:left; width:33.3%;}
	.groupName { height: 25px; white-space: nowrap; overflow:hidden;text-overflow: ellipsis;}
	.groupInfoLeft { float:none; width:80%; max-width:200px; margin:0 auto;}
	.groupInfoRight { float:none; width:100%; text-align:center; padding-bottom:50px; }
	.groupInfo .joinBtn  { right:50%;
		-webkit-transform: translate(-50%, 0);
		-moz-transform: translate(50%, 0);
		-ms-transform: translate(50%, 0);
		-o-transform: translate(50%, 0);
		transform: translate(50%, 0);
	}
	.memberItem { float:left; width:50%; height:250px; text-align:center; padding:10px 0 20px;}
	.memberItem a.Yes { float:inherit;}
	.memberItem a.chat { float:inherit;}

	/*搜尋面板*/
	.searchTitle { float:none; width:100%;}
	.searchform { float:none; width:100%; }
	.searchform .select01 li { float:none; width:100%; height:auto;}
	.searchform .select01 li .selectbox { width:100%; display:inline-block; min-width:120px; margin-bottom:5px;}
	.searchform ul.select02 { text-align:left;}
	.searchform .select02 li {float:none;}
	.searchform .select02 li .selectbox { width:100%; display:inline-block; min-width:120px; margin-bottom:5px;}
	.searchform .select02 li a { width:100%; display: block; margin-top:5px;}
	.check { padding-left:25px;}
	.checkCheckbox {
		position: absolute;
		top: 1px;
		left: 0;
		display: block;
		width: 18px;
		height: 18px;
		border: 1px solid #c4c3c0;
		background-color: #fff;}
	.checkFlag:checked~div .checkCheckbox:before {
		content: '';
		display: block;
		position: absolute;
		top: 2px;
		left: 2px;
		width: 12px;
		height: 12px;
		background-color: #d93679;}
	.searchform .check01 li { width: 50%;}
	.searchform .check02 li { width: 100%;}

	/*qa*/
	.qaBox { padding:70px 0 40px; font-size:13px;background:#eff7f8;}
	.qaBox .qa-homeCon { width:100%;}
	.qaTopTitle { margin:30px 0 10px;}
	.qabody.webviewQa .qaBox { padding:0 0 20px; }
	.qa-list .qa-content-home { background:#ffffff;}

	.cancelAction { text-align:center;}
	.cancelAction a { display:block; margin-bottom:20px; margin-right:0;}

	/*closeAccount*/
	.vipTable li label { font-size:15px;}
	.vipTable li .con { font-size:13px;}
	.vipTable li .con img { width:25px}
	
	.page404 h1 { font-size: 100px; color: rgba(0,0,0,.2);}
	
	/*募集故事*/
	.shareStoryTypeBtn { padding: 15px 5px;}
	.shareStoryBoxInner .checkCheckbox { 
		top: 5px;
}

	
}

@media screen and (max-width: 1280px) {
	.reportBox .topSub { margin: 0 auto 30px;}
	.widget_list {
    	max-width: 940px;
		margin-top: 30px;
	}
	.widget_list_item {
		width: 280px;
	}
}
@media screen and (max-width: 960px) {
	.reportBox .topSub { font-size: 13px; line-height: 2em;}
	.widget_list {
		max-width: 688px;
	}
	.widget_list_item {
		width: 80%;
		margin: 0 auto 30px;
	}
}

/*0413 加入主畫面螢幕*/

.promoIOS {
	width: 300px;
	height: 90px;
	position: fixed;
	bottom: 10px;
	background: rgba(217,54,121,0.96);
	border: 3px solid #fff;
	-webkit-box-shadow: #888 0 2px 7px, inset #ddd 0 0 1px;
	border-radius: 5px;
	-webkit-border-radius: 10px;
	z-index: 1;
	-webkit-transition: opacity 0.5s ease-in-out;
	opacity: 1;
	left: 50%;
	margin-left: -153px;
	bottom: 25px;
	z-index:1000;
}

.promoIOS:before, .promoIOS:after, .promoIOS .txt:before {
	position: absolute;
	display: block;
	content: "";
	height: 0;
	width: 0;
}
.promoIOS:before {
	border: 20px solid #fff;
	border-color: #ddd transparent transparent transparent;
	top: 87px;
	left: 129px;
}
.promoIOS:after {
	border: 19px solid #fff;
	border-color: #fff transparent transparent transparent;
	top: 86px;
	left: 130px;
}
.promoIOS .txt:before {
	border: 18px solid #fff;
	border-color: rgba(217,54,121,0.96) transparent transparent transparent;
	top: 83px;
	left: 131px;
	z-index: 103;
}
.promoIOS .ico {
	position: absolute;
	top: 17px;
	left: 10px;
	height: 53px;
	width: 53px;
	background-image: url(https://d1qivmt25zv8j1.cloudfront.net/images/zh_TW/icon/appicon_72.png);
	background-size: 53px auto;
	background-position: 0 0;
	background-repeat: no-repeat;
}
.promoIOS .txt {
	margin-top:2px;
	padding: 17px 0 0 70px;
	font-size: 14px;
	letter-spacing: 1px;
	padding-top: 20px;
	width: 300px;
	color: #fff;
}
.promoIOS .txt p {
	line-height: 23px;
	-webkit-margin-before: 0;
	-webkit-margin-after: 0;
	display:inline;
}
.promoIOS .txt .btn {
	display: inline-block;
	background: url(https://d1qivmt25zv8j1.cloudfront.net/images/zh_TW/icon/icon_fortutorial_v1.png);
	background-repeat: no-repeat;
	background-size: 56px auto;
	width: 15px;
	height: 19px;
	margin: 0px 2px;
	background-position: -20px -75px;
}
.promoIOS .txt .desc {
	position: absolute!important;
	clip: rect(1px, 1px, 1px, 1px);
	padding: 0 !important;
	border: 0 !important;
	height: 1px !important;
	width: 1px !important;
	overflow: hidden;
}
.promoIOS .close {
	background: url(https://d1qivmt25zv8j1.cloudfront.net/images/zh_TW/icon/icon_fortutorial_v1.png);
	background-repeat: no-repeat;
	background-size: 53px auto;
	background-position: -16px -118px;
	position: absolute;
	top: 5px;
	right: 5px;
	border: 0;
	height: 21px;
	width: 21px;
	border-radius: 0px;
	padding: 0;
}
.promoIOS .close:active {
	-webkit-box-shadow: inset #555 0 1px 4px;
	background-color: rgba(130,130,131,1);
}

@media screen and (orientation: landscape) {
	.ios6 .promoIOS {
        left: 42%;
	}
}
@media screen and (orientation: portrait) {
}

/*0724 加入隱私政策(GDPR)*/


@media screen and (max-width:768px) {
	.cookieBox {
		bottom: 0;
		margin-bottom: 0;
		padding:45px 10px 10px 10px;
	}
}

@media screen and (max-width:640px) {
	.cookieBox {
		bottom: 0;
		margin-bottom: 0;
		padding:45px 10px 10px 10px;
	}
}

.coverWrap {
	background: #FFF;
	position: relative;
	height: 100vh;
	font-family: "PingFangTC-Regular", "NotoSansCJKtc-Regular", "Microsoft-JhengHei", "Meiryo", "Microsoft JhengHei", "Microsoft YaHei", sans-serif;
}
.coverWrap .bgEvent { background-size:100% auto; background-repeat:no-repeat; position:relative; height:100%; min-height:500px; margin: 0 auto; max-width:700px;}
.skip {
	display: block;
	position: absolute;
	top: 8%;
	right: 2%;
	background: rgba(0, 0, 0, 0.5);
	border-radius: 20px;
	padding: 8px 12px;
	text-decoration: none;
	font-size: 14px;
	color: #ffffff!important;
}
.skip span { padding: 0 2px;}