@charset "UTF-8";
/* CSS Document */

@import url("menu.css");
p{line-height:1.5em;}

a, button, input{-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;}

body{ background:url(../images/bg.jpg) no-repeat center 61px #f8f5f6; font-size:12px; font-family:\5FAE\8EDF\6B63\9ED1\9AD4,\65B0\7D30\660E\9AD4, arial, Sans-serif;}
.wrap {
    margin: 0 auto;
    max-width: 1000px;
}
header {
    padding-bottom: 80px;
}
nav{width:100%}

.wrapper{max-width:970px; margin:0 auto; }
.since {margin:5px auto 0 auto; text-align:center;}

.right-search{ position:relative; padding: 35px 0 0;}
.index-w .right-search{ margin:0 0 5px 0; margin: 0 0 5px 0; padding: 35px 0 0; position: relative; text-align: left; width: 100%;}
.index-w .right-search span {
    padding: 0 0 0 10px
}
i.login_1 ,i.login_2 ,i.login_3 {
    height: 25px;
    width: 25px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px 0 0;
}
i.login_1 { 
	background: url(../images/index-icon.png) no-repeat -65px 0;
}
i.login_2 { 
	background: url(../images/index-icon.png) no-repeat -90px 0;
}
i.login_3 { 
	background: url(../images/index-icon.png) no-repeat -115px 0;
}

.right-search .btn-fb a:hover{-webkit-opacity:0.7; -moz-opacity:0.7; opacity:0.7;}
.searchbox input[type="text"] {
    background: url(../images/icon-search.png) no-repeat scroll 200px 6px rgba(255,255,255, 0.7);
    border: 1px solid #D1D1D1;
    border-radius: 5px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
    color: #999999;
    font: bold 12px Arial,Helvetica,Sans-serif;
    padding: 6px 25px 6px 5px;
    width: 190px;
}
.right-nav img{position:relative; top:5px;}
.right-nav a{color:#662479; font-size:12px; text-decoration:none;}
.right-nav span {color:#662479; margin:0 5px;}
.right-nav a:hover{text-decoration:underline;}

#content{ width:940px; background:#fff; border:1px solid #dcd0c8; margin:0 auto; padding:15px; float:left; position:relative; z-index:1000;}

#left-col{width:250px; float:left;}
#left-col .login{ background:url(../images/login-bg.jpg) no-repeat; width:238px; height:145px; float:left; margin:0 0 0; position:relative;}
#left-col .login .forgot-pw{font-size:12px; float:right; margin:15px 20px 8px 0;}
#left-col .login form{ margin:0 auto; width:200px;}
#left-col .login form input{width:190px; padding:3px; margin:3px 0;-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; border:1px solid #ccc; font-size:12px; color:#666;}
#left-col .login .btn-wrapper{position:absolute; bottom:12px;}
#left-col .login button{font-size:12px; letter-spacing:0.1em; width:80px;}
#left-col .login button#signin{margin-right: 35px;}


#left-col .search-member{ background:url(../images/search-member-bg.jpg) no-repeat; width:238px; height:145px;float:left; margin-top:15px; position:relative; color:#555; font-size:12px;}
#left-col .search-member .gen{position:absolute; top: 40px; left: 20px;}
#left-col .search-member .area{position:absolute; top: 70px; left: 20px;}
#left-col .search-member .age{position:absolute; top: 40px; left: 125px;}
#left-col .search-member .edu{position:absolute; top: 70px; left: 125px;}
#left-col .search-member select{margin-left:5px; }
#left-col .search-member button{font-size:12px; letter-spacing:0.1em; width:80px;}
#left-col .search-member button#search{margin: 105px 32px 0 20px;}
#left-col .video{ float:left; width:232px; margin-top:15px; text-align:center; padding-left:4px;}
#left-col .facebook{ margin-top:60px;}

#left-col .block{border:3px solid #b5c5d7; float:left; width:236px; background:#f3f7fd; margin-top:15px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
#left-col .block .header {
	position: relative;
	height: 39px;
	background: url(../images/block-heading.gif) no-repeat scroll center top;
}
#left-col .block .header img,#left-col02 .block .header img{position:relative; top:7px; margin-right:5px;}
#left-col .block .header h2,#left-col02 .block .header h2 {
	color:#636363;
	font-size:14px;
	line-height:39px;
	padding-left:15px;
	letter-spacing:0.1em;
}
#left-col .block .header a {
	display: block;
	height: 16px;
	line-height: 16px;
	overflow: hidden;
	text-indent: -9999px;
	background: no-repeat left top;
	position:absolute;
	z-index:1000;
}

.btn_ML{ visibility:hidden}
.index .block .header a.more, .index a.more{
	color: #fff;
    font-size: 13px; position:absolute; right:10px; bottom: 7px;; letter-spacing: 2px;
    text-decoration: none }
.index a.more:before {
	content: "";
    display: inline-block;
	width: 0;
	height: 0;
	border-top: 6px solid transparent;
	border-left: 12px solid #fff;
	border-bottom: 6px solid transparent;
	margin: 0 5px 0 0;
}
#left-col .block .header a.more:hover, a.more:hover{ text-decoration: underline}

#left-col .submenu{padding-left:10px; margin-top:20px; float:left;}
#left-col .submenu ul li{background: url(../images/submenu-bg.jpg) no-repeat; height: 77px; margin: 5px 0;}
#left-col .submenu ul li a{position:relative; left:80px; top:25px; font-size: 21px; color:#666;  text-decoration: none; width: 110px; display:block;}
#left-col .submenu ul li a:hover{color:#333;}

.photo{width:197px; height:263px; background:#fff; padding:5px; border:1px solid #ccc; margin: 10px auto;}


.count{float:left;margin-top:10px}
.count ul li{ padding:6px 0 6px 20px;}
.count ul li.view{ background:url(../images/count-view.gif) no-repeat left 5px;}
.count ul li.couple{ background:url(../images/count-couple.gif) no-repeat left 5px;margin-left:20px}
.count ul li.online{ background:url(../images/count-online.gif) no-repeat left 5px;}
.count ul li.member{ background:url(../images/count-member.gif) no-repeat left 5px;  margin-left:20px}
.count ul li .font-purple, .count ul li .font-grey{float:left;}
.count ul li .numbers{color:#ff3f8e; font-weight:bold; width:90px; margin-right:10px; float:left; text-align:right;}

#right-col{width:680px; float:right;margin-left: 10px;}
#right-col .text-slider{font-size:12px; margin:0 0;}
#right-col .text-slider img{position:relative; top:5px;}
#right-col.index{ width:100%}

ul.news-list{  border-top: 1px solid #a875b5;display:none;padding: 15px;}
ul.news-list li{ background: url(../images/arrow.gif) no-repeat 0 8px; list-style:none; padding: 7px 0 7px 20px; /* line-height: 20px; */}
ul.news-list li a{color:#975aa9; text-decoration:underline;}
ul.news-list li a:hover{text-decoration:none;}


#left-col .block.member-sec { display: none;}
#left-col02 .block.member-sec{ display:block; margin: 5px 0; position:relative}
#left-col02 .block{ background: #fff;border:1px solid #975aa9; width:calc(100% - 2px); margin:15px 0 0;}
.btn_ML,.btn_ML2,.btn_ML3{ background:none; outline:none; position:absolute; top:0; width:100%; height:39px; visibility:visible}
.btn_ML:after,.btn_ML3:after{ background:url(../images/h2_D.png); content:""; display:block; width:28px; height:28px; position:absolute; top:6px; right:12px}
.btn_ML2{ border-radius:20px; display:block; font-size:13px; height:auto; top:6px; left:120px; padding:5px 8px; width:60px;
	background: #ccc;
	background: -moz-linear-gradient(top, #eee 0%, #ccc 100%);
	background: -webkit-linear-gradient(top, #eee 0%,#ccc 100%);
	background: linear-gradient(to bottom, #eee 0%,#ccc 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eee', endColorstr='#ccc',GradientType=0 ); }
.btn_ML.active:after,.btn_ML3.active:after{ background:url(../images/h2_U.png)}

.block.member-sec ul.news-list li{ display:inline-block}	    
		
	


footer{background:#f9dbe6; position:relative; /*margin-top:-50px;*/ z-index:10;}
footer .wrapper{max-width: 900px; height:auto}
footer nav{ line-height:25px; position:relative; top: 10px; margin-bottom: 5px; padding-bottom: 10px;}
footer nav a{color: #555;font-size: 13px; text-decoration: none;}
footer nav a:hover{color: #995eab;}
footer nav img{position:relative; top:5px; margin: 0 5px;}
footer nav span{color:#555;}
footer .left-wrapper{float:left; margin-top:20px; position:relative;width: 100%;}
footer .left-wrapper .footer-phone{position:absolute; left:170px; top:3px;width: 370px;line-height: 15px; color:#C70B6A;margin: 0 0 0 60px;}
footer .left-wrapper .footer-phone img{position:relative; top:2px;}
footer .left-wrapper .footer-link{position:absolute; left:170px;top: 28px; width: 500px; color:#C70B6A;; margin: 0 0 0 60px;}
.footer-phone a { color: #C70B6A; text-decoration: none;}
.footer-link img { vertical-align: middle; padding: 0 5px 0 0;}
.footer-link br { display:none; }
footer .left-wrapper .footer-link a{color:#C70B6A;;text-decoration: none; padding: 0 10px 0 0;}
footer .left-wrapper .footer-link a:hover{text-decoration: none;}
footer .left-wrapper .footer-email{position:absolute; left: 600px; top: 5px;}
footer .left-wrapper .line-img{position:absolute; right:0; top: -32px;}
footer .copyright{ background:url(../../images/footer-copyright-bg.gif) repeat-x; width:100%; height:22px; padding-top:22px; color:#666;}
footer .left-wrapper .footer-link img { display: inline-block;}



button{ border:none; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; padding:6px 8px;}

.float-left{float:left;}
.float-right{float:right;}
.font-serif{ font-family:Georgia, "Times New Roman", Times, serif;}


/* #index_mem -------------------------------- */
#index_mem ,#index_area, #group_info, #member_info, .tab-style01{
	margin-top: 0px;
	margin-bottom: 20px;
	background: url(../images/index_news_bg.gif) repeat-y scroll left top;
	width: 100%;/*600*/
}
.tab-style01{ margin:50px 0 0 20px}
#index_mem .header, #index_area .header, #group_info .header, #member_info .header{
	position: relative;
	width: 100%/*670px*/;
	height: 39px;
	background: url(../images/index_news_header_01.gif) no-repeat scroll left top;
	background: rgb(251,243,253); 
	background: -moz-linear-gradient(top, rgba(251,243,253,1) 0%, rgba(250,239,253,1) 25%, rgba(248,234,252,1) 50%, rgba(246,226,252,1) 100%);
    background: -webkit-linear-gradient(top, rgba(251,243,253,1) 0%,rgba(250,239,253,1) 25%,rgba(248,234,252,1) 50%,rgba(246,226,252,1) 100%); 
	background: linear-gradient(to bottom, rgba(251,243,253,1) 0%,rgba(250,239,253,1) 25%,rgba(248,234,252,1) 50%,rgba(246,226,252,1) 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbf3fd', endColorstr='#f6e2fc',GradientType=0 );
}
#index_mem .header h2,#index_area .header h2, #group_info .header h2 {
	background: #ea66a1;
	background: -moz-linear-gradient(left, #ea66a1 0%, #f2a2be 100%);
	background: -webkit-linear-gradient(left, #ea66a1 0%,#f2a2be 100%);
	background: linear-gradient(to right, #ea66a1 0%,#f2a2be 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea66a1', endColorstr='#f2a2be',GradientType=1 );
	border-radius: 7px 7px 0 0;
	color:#fff;
	font-size:23px;
	line-height:39px;
	padding-left:15px;
	letter-spacing:0.1em;
	font-weight: normal;
}
#index_area .header h2.purple{
	background: #8471b2;
	background: -moz-linear-gradient(left, #8471b2 0%, #c7a1c9 100%);
	background: -webkit-linear-gradient(left, #8471b2 0%,#c7a1c9 100%);
	background: linear-gradient(to right, #8471b2 0%,#c7a1c9 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8471b2', endColorstr='#c7a1c9',GradientType=1 );
	}

/*首頁h1標籤start*/
.heart {
	position: relative;
    width: 27px;
    height: 24px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px 0 0;
}
.heart:before,
.heart:after {
	position: absolute;
	content: "";
	left: 12px;
    top: 0;
    width: 12px;
    height: 20px;
	background: #fff;
	-moz-border-radius: 12px 12px 0 0;
	border-radius: 12px 12px 0 0;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-transform-origin: 0 100%;
	-moz-transform-origin: 0 100%;
	-ms-transform-origin: 0 100%;
	-o-transform-origin: 0 100%;
	transform-origin: 0 100%;
}
.heart:after {
	left: 0;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transform-origin: 100% 100%;
	-moz-transform-origin: 100% 100%;
	-ms-transform-origin: 100% 100%;
	-o-transform-origin: 100% 100%;
	transform-origin :100% 100%;
}
.photo-video .heart:before,
.photo-video .heart:after{
	background: #8471b2;
    background: -moz-linear-gradient(top, #8471b2 0%, #c7a1c9 97%);
    background: -webkit-linear-gradient(top, #8471b2 0%,#c7a1c9 97%);
    background: linear-gradient(to bottom, #8471b2 0%,#c7a1c9 97%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8471b2', endColorstr='#c7a1c9',GradientType=0 );
}
.photo-video .heart {margin: 0 5px 0 10px;;}
.index-w .right-search .heart {     height: 14px; width: 14px; margin: 0 5px 0 0;}
.index-w .right-search .heart:before,.index-w .right-search .heart:after{ 
    left: 8px;
    width: 8px;
    height: 12px;
	background:#555;
	margin: 0 5px 0 0;}
.index-w .right-search .heart:after{ left: 0;}	
   

.photo-box,.video-box{ padding: 30px 10px 20px;}

#index_area .header h1 {
	color:#636363;
	font-size:14px;
	line-height:39px;
	padding-left:15px;
	letter-spacing:0.1em;
}

#index_area .header h1 img{
	position:relative;
	top:4px;
	margin-right:5px;
}

/*首頁h1標籤end*/

#index_mem .header h2 img, #index_area .header h2 img, #group_info .header h2 img, #member_info .header h2 img{
	position:relative;
	top:4px;
	margin-right:5px;
}

#index_information {
	border: 1px solid #EEEEEE;
	border-top:none;
	border-bottom:none;
	width: 668px;
}
.active-item #index_information { width: 100%;}

#index_information .index_tab_select {
	padding: 0 2px;
}
#index_information .index_tab_select ul {
	padding: 4px 0 0;/* 4px 0 0 7px*/
	height: 31px;
	background: #f7fafd;
}
#member_info #index_information, .tab-style01 #index_information{
	border: none;
}
#member_info #index_information .index_tab_select ul, .tab-style01 #index_information .index_tab_select ul{
	background: none;
}
#member_info .panes > div, .tab-style01 .panes > div {
	border: none;
}
#index_information .index_tab_select ul li a {
	display: block;
	overflow: hidden;
	outline: none;
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
}
.p-mem ul *,.p-area ul * { box-sizing: border-box;}
.p-mem ul li{float:left; width: calc((100% - 50px)/6); margin: 0 10px 0 0;}
.panes ul li:last-child{margin-right:0;}
.panes ul li:last-child{margin:0;}
.p-mem .image{
	float: left;
    width: 100%;
    height: auto;
    padding: 10px;
    border: 1px solid #CCC;
    margin-bottom: 5px;}
.panes .font-purple {line-height: 25px;}
.p-area .img-box { width:100%; height:0; padding-bottom:75%; display:block; overflow: hidden;}
.p-area .image{ width: 100%; height: auto;border-radius:16px;}
.p-area ul li{ float:left; width:33.33333%; padding: 10px; position:relative;}
.p-area ul li .info{ width: 100%; padding: 10px 5px 20px; border-bottom: 2px solid #999;; line-height:15px; font-size:12px;}
.p-area ul li .info .font-purple{margin-bottom:5px; height: 50px; }
.p-area ul li .info article{ height: 50px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.p-area ul li .info article a{ text-decoration:none }
.p-area ul li .info article a:hover{ text-decoration: underline }

/*
.p-area a:first-child {
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 75%;
}*/
.price {
    background: #B9538F;
    color: #fff;
    border-radius:10px;
}

.price span {
    display: inline-block;
    width: 50%;
    text-align: center;
    font-size: 21px;
    padding: 5px 0;
	letter-spacing: 2px;
}

.p-area a.e-more{
	background:url(../images/e-more-pink2.gif) no-repeat;
	padding-left:15px;
	position:absolute;
	bottom:10px;
	color:#AD13CE;
	text-decoration:underline;
}
.p-area a:hover.e-more{text-decoration:none;}
.p-area .p-dashline{ border-top:1px dotted #c5ae7f;}
.p-area .btn-wrapper{
    width: 100%;
    text-align: center;
    margin-top: 15px;
}
.p-area .btn-wrapper button{ background-color:#975aa9; border:none; -webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px; color: #fff; padding: 8px 12px;}
.p-area .btn-wrapper button:hover{background-color:#ad6cbb;}


#index_album{
	margin-top: 0px;
	margin-bottom: 40px;
	background: url(../images/index_news_bg.gif) repeat-x scroll left top;
	width: 100%;/*600px*/
}
 #index_album .header{
	position: relative;
	width: 100%;
	height: 39px;
	background: url(../images/pink_header.gif) repeat-x scroll left top;
	background: rgb(255,241,246); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,241,246,1) 0%, rgba(254,237,243,1) 25%, rgba(252,230,237,1) 50%, rgba(249,220,230,1) 100%); 
	background: -webkit-linear-gradient(top, rgba(255,241,246,1) 0%,rgba(254,237,243,1) 25%,rgba(252,230,237,1) 50%,rgba(249,220,230,1) 100%);
	background: linear-gradient(to bottom, rgba(255,241,246,1) 0%,rgba(254,237,243,1) 25%,rgba(252,230,237,1) 50%,rgba(249,220,230,1) 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff1f6', endColorstr='#f9dce6',GradientType=0 );
}
 #index_album .header h2 {
	background: #00a0e9;
	background: -moz-linear-gradient(left, #00a0e9 0%, #47b2cf 100%);
	background: -webkit-linear-gradient(left, #00a0e9 0%,#47b2cf 100%);
	background: linear-gradient(to right, #00a0e9 0%,#47b2cf 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a0e9', endColorstr='#47b2cf',GradientType=1 );
	border-radius: 7px 7px 0 0;
	color:#fff;
	font-size: 23px;
    font-weight: normal;
	line-height:39px;
	padding-left:15px;
	letter-spacing:0.1em;
}
#index_album .header h2 img{
	position:relative;
	top:4px;
	margin-right:5px;
}
#index_album .dashline{border-top:1px dotted #c5ae7f; border-bottom:none; width:99%; margin: 0 auto;}
#index_album #index_information{
	background-color:#fbf2fd;
	border-bottom: 1px solid #eee;
	
}
#index_album .index_information .image{
	width: 100%;
    height: auto;
    padding: 10px;
    border: 1px solid #CCC;
    background-color: #fff;
}
/*#index_album .index_information{ background:#fbf2fd}*/
#index_album ul *{ box-sizing:border-box}
#index_album .index_information ul, .highlights ul{margin:10px;}
#index_album .index_information ul li, .highlights ul li{float:left; margin: 0 20px 0 0; line-height:15px; width:calc((100% - 60px)/4)}
#index_album ul li:nth-child(4){ margin:0}
#index_album ul a {
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 75%;
}
.index_information .font-grey {
    color: #555;
    font-size: 19px;
    line-height: 150%;
}

/* clearfix */
.clearfix:before, .clearfix:after {
	content: "";
	display: table; width:100%
}
.clearfix:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	zoom: 1;
}

/*photo*/
.highlights .inPhotoBox li {
	margin: 0 10px 20px 0;
    width: calc((100% - 20px)/3);
}
.highlights .inPhotoBox li:nth-child(3n){
	margin: 0 0 20px;
}
.highlights .inPhotoBox li a {
    padding-bottom: 66.6666%;
    display: block;
    height: 0;
    margin: 0;
    overflow: hidden;
    width: 100%;
}
.inPhotoBox .imagelist {
	border: 0;
    display: block;
    height: auto;
	width: 100%;
}
.highlights .inPhotoBox li a img {
    width: 100%;
    height: auto;
	padding: 0;
    transition: all 1s;
}
.photolist-tit {
    background: #fae0e9;
    font-size: 15px;
	letter-spacing: 1px;
    line-height: 120%;
    padding: 7px;
    text-align: center;
	transition: all .6s;
}
.highlights .inPhotoBox li:hover img {
	transform: scale(1.05);
}
.highlights .inPhotoBox li:hover .photolist-tit {
	background: #975aa9;
	color: #fff;
	letter-spacing: 2px;
}

/* page */
h2.heading-pink{
	/*background:url(../images/heading-pink.gif) no-repeat; width:646px*/; height:35px; color:#636363; font-size:14px; padding-left:20px; line-height:37px; width:calc(100% - 20px)
}
h2.heading-pink,.forum .post-title,.forum .post-reply .header,.h1_header,.gb .post-title,table.table-style-1 thead,h2.heading-pink-66 ,#left-col .block .header{  background: rgb(255,241,246);
				  background: -moz-linear-gradient(top, rgba(255,241,246,1) 0%, rgba(254,237,243,1) 25%, rgba(252,230,237,1) 50%, rgba(249,220,230,1) 100%); 
				  background: -webkit-linear-gradient(top, rgba(255,241,246,1) 0%,rgba(254,237,243,1) 25%,rgba(252,230,237,1) 50%,rgba(249,220,230,1) 100%);
				  background: linear-gradient(to bottom, rgba(255,241,246,1) 0%,rgba(254,237,243,1) 25%,rgba(252,230,237,1) 50%,rgba(249,220,230,1) 100%); 
				  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff1f6', endColorstr='#f9dce6',GradientType=0 );}
h2.heading-purple{ background: rgb(251,243,253); 
	background: -moz-linear-gradient(top, rgba(251,243,253,1) 0%, rgba(250,239,253,1) 25%, rgba(248,234,252,1) 50%, rgba(246,226,252,1) 100%);
    background: -webkit-linear-gradient(top, rgba(251,243,253,1) 0%,rgba(250,239,253,1) 25%,rgba(248,234,252,1) 50%,rgba(246,226,252,1) 100%); 
	background: linear-gradient(to bottom, rgba(251,243,253,1) 0%,rgba(250,239,253,1) 25%,rgba(248,234,252,1) 50%,rgba(246,226,252,1) 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbf3fd', endColorstr='#f6e2fc',GradientType=0 );}				  
h2.heading-pink img{
	position:relative;
	top:4px;
	margin-right:5px;
}
/* h1 底下的css_start*/
.h1_header {
	/*float:left;*/
	width:100%;
	height:35px;
}
.h1_header div.breadcrumb {
    float:right;
	height:35px;
	line-height:35px;
}
h1.heading-pink{
	 /*width:646px;*/
	 max-width:485px; 
	 min-height:35px; 
	 color:#636363; 
	 font-size:14px; 
	 padding-left:20px; 
	 line-height:35px;
	 margin-top:0px;
	 float:left;
}
h1.heading-pink img{
	position:relative;
	top:4px;
	margin-right:5px;
}
.h1_dashline {
	border-bottom:1px dotted #947e52; 
	width:665px; 
	height:2px;
	float:left;
}
/*h1底下的css_end*/

h2.heading-pink-66{ width:calc(100% - 20px); height:35px; color:#666; font-size:14px; padding-left:20px; line-height:37px;}
h2.heading-pink-66 img{position:relative;top:4px;margin-right:5px;}
h2.heading-purple{ width:calc(100% - 20px); height:35px; color:#636363; font-size:14px; padding-left:20px; line-height:37px;}
h2.heading-purple img { 
    position:relative;
	top:4px;
	margin-right:5px;
}
.active-item h2.purple,.ac.purple { color: #9A87BD; font-size: 23px; font-weight: normal; padding: 10px 0;}
h2.purple .heart-p { background: url(../images/index-icon.png) no-repeat -63px -29px; display: inline-block; height: 20px; margin: 0 10px; width: 23px; }

/*h1標籤start(適用於各聯誼活動網頁)*/
h1.heading-purple{ background:url(../images/heading-purple.gif) no-repeat; width:646px; height:35px; color:#636363; font-size:14px; padding-left:20px; line-height:37px;}
h1.heading-purple img { 
    position:relative;
	top:4px;
	margin-right:5px;
}
/*h1標籤end*/



.page-description{width:630px; padding:0 15px;}

.heading-dashline{border-bottom:1px dotted #947e52; /*width:665px;*/ height:2px;  margin-bottom:10px;}

.top-selection{width:calc(100% - 40px); padding: 0 20px;}
.top-selection .selection-category{color:#ff3f8e; float:left; width:50px; font-size:14px; font-size:bold;margin-bottom:5px; line-height:20px;}
.top-selection ul li{float:left; line-height:19px;}
.top-selection ul li a{color:#676767; margin: 0 3px; padding: 3px 16px; text-decoration:none;}
.top-selection ul li a:hover{
	color:#fff;
	background-color:#C09ACB;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}
.dashline{border-bottom:1px dotted #947e52; /*width:665px*/; height:2px;}


.page-content{
	margin-top:15px;
	}
#index_information h3{color:#975aa9; font-weight:bold; font-size:14px; letter-spacing:2px; margin:20px 0 10px 20px;}

/*線上繳費*/
.msgWaring { color:blue}
.payContent { text-align: left}
.payContent ul { margin-top:20px; height:auto}
/*.payContent ul li { margin: 0 26px 0 26px; display: inline;  width:140px;  height:auto } 
.payContent ul li img{ width:130px; height:130px}*/
.payIntroduct { width:80%; height:40px; margin-left:auto; margin-right:auto; margin-top:30px; padding:20px;  /*background-color:#FFEBF5;*/  background-color:#E6E6FA;  border-width:1px;  border-style:solid;border-color:#CCC;  display:table }
.payInformation {  width:80%;  height:60px;  margin-left:auto;  margin-right:auto;  margin-top:30px;  padding:20px;  /*background-color:#FFEBF5;*/  background-color:#E6E6FA;  border-width:1px;  border-style:solid;  border-color:#CCC;font-size:14px;
  text-align:left}
.nextButton {  text-align:center}



/*用於「團體聯誼」各網頁之活動列表排版*/
.page-content h3{color:#975aa9; font-weight:bold; font-size:14px; letter-spacing:2px; margin:20px 0 10px 20px;}
.page-content .p-area{
	margin-bottom:50px;
}
.page-content a{
	color:#FF3F8E;
	margin:0 3px;
	text-decoration:underline;
}
.page-content a:hover{
	
	text-decoration: none;
}


.pagenav{width:100%; text-align:center; color:#999; clear:both; float:left;}
.pagenav a{color:#FF3F8E; margin:0 3px;text-decoration:none;}
.pagenav a:hover{color:#ff9bc4;}
.pagenav a.current{color:#975aa9; text-decoration:underline;}

.meeting-info{width:100%;}
.meeting-info .image{float:left;}
.meeting-info .details{width:330px; margin-left:10px; float:left; font-size:14px}

table.table-details {font-size:13px; color:#222;}
table.table-details td{padding:5px; vertical-align:text-top; line-height:1.5em;}
table.table-details td button{margin-top:10px;}
table.table01{ border-spacing:3px; border-collapse:separate;width:100%;} 
table.table01 td{padding: 10px;}
.bg-purple{background-color:#f5e7f9; color:#000; }
.bg-blue{background-color:#f3f7fd; color:#000;}
.bg-pink{background-color:#fce6ed; color:#000;}
.color-orange{color:#ec8400;}
.blue_w1{ width:420px}
.blue_w2{ width:440px}


.benefit{color:#999;}
.benefit h3{margin:0;}
.details .row{width:330px; clear:both; padding: 7px 0; color:#999;}
.details .row .left{float:left; width:100px;}
.details .row .right{float:left; width:230px;}

.flexslider.carousel { margin:15px}
.slides.add-pic {
    border: 2px solid #555;
    border-width: 2px 0;
    padding: 15px 0;
}
.flexslider.carousel .slides > li {
	background: #f9eff7;
    height: 160px;
    /*20190208 kai 先暫時拿掉*/
	overflow: hidden;
}
/*
@media screen and (max-width: 700px){
	.flexslider.carousel .slides > li > img{
		height:250px;
	}
	.flexslider.carousel .slides > li{
		height: 200px;
	}
}
*/
.flexslider.carousel .flex-control-nav { display:none }

.cover img { height: auto; width: 100%;}
.active-info { color: #555; font-size: 17px; padding: 20px 15px;}
.active-info li { display: inline-block; padding: 5px 0; vertical-align:top}
.active-info li:nth-child(odd){width:100px; text-align:justify}
.active-info li:nth-child(even){ width:calc(100% - 108px)}
.active-info .man, .active-info .feman { border-radius: 12px; color: #fff; display: inline-block; font-size: 15px; margin:0 5px; padding: 2px 10px;}
.active-info .man{ background: #2473c3;}
.active-info .feman{ background: #cc5788;}

.active-item h2 { border-bottom: 3px solid #d6bdd8;}
.active-item { font-size: 15px; padding: 15px 15px 0;}
.active-item h3 { color:#9A87BD}
.active-item p { line-height:180%; margin:0}
.active-item article { padding: 5px 15px;}
.active-item .w-item, .active-item .m-item { padding: 20px 15px;}
.active-price { color: #fff; margin: 5px 0; padding: 5px 15px;}
.index_tab_select.note i { display: none;}
.item-tit { border-radius: 0 0 15px 15px; color: #fff; display: inline-block; font-size: 19px; padding: 5px 20px; margin: 0 0 10px;}
.w-item .active-price,.w-item .item-tit {
	background: #f29fbd;
	background: -moz-linear-gradient(top, #f29fbd 0%, #ea69a2 100%);
	background: -webkit-linear-gradient(top, #f29fbd 0%,#ea69a2 100%);
	background: linear-gradient(to bottom, #f29fbd 0%,#ea69a2 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f29fbd', endColorstr='#ea69a2',GradientType=0 );
}
.m-item .active-price,.m-item .item-tit{
	background: #1dbbeb;
	background: -moz-linear-gradient(top, #1dbbeb 0%, #429fdd 100%);
	background: -webkit-linear-gradient(top, #1dbbeb 0%,#429fdd 100%);
	background: linear-gradient(to bottom, #1dbbeb 0%,#429fdd 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1dbbeb', endColorstr='#429fdd',GradientType=0 );
}
ol { margin: 5px 0;}
ol li { line-height: 180%;}
.w-item .a-tip{ color: #ea69a2; font-weight:600}
.m-item .a-tip{ color: #429fdd; font-weight:600}
.active-info .join{ border-radius: 5px; color: #fff; display: inline-block; font-size: 24px; margin: 0 auto; padding: 5px 15px; text-decoration: none; text-align: center; width: 150px;}
.active-info div { margin: 10px 0 0; text-align:center}
.active-item .step li {
    background: #c7a1c9;
    background: -moz-linear-gradient(top, #c7a1c9 0%, #8471b2 100%);
    background: -webkit-linear-gradient(top, #c7a1c9 0%,#8471b2 100%);
    background: linear-gradient(to bottom, #c7a1c9 0%,#8471b2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c7a1c9', endColorstr='#8471b2',GradientType=0 );
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    font-size: 25px;
    text-align: center;
    width: 12%;
    height: 0;
    padding-bottom: 12%;
    margin: 0 2% 0 0;
    position: relative;
}
.active-item .step { padding: 20px 0;}
.active-item .step li span { display: inline-table ;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.p-arrow { background: #814994; box-sizing: border-box; color: #fff; font-size: 16px; margin: 10px 0 0; padding: 5px 20px; position:relative; text-align: center; width: 90%;}
.p-arrow:after { content:""; display:block; position:absolute; right:10%; top:50%; transform:translateY(-50%);}  
.p-arrow:after { content: ""; display: block; position: absolute; right: -50px; top: 50%; transform: translateY(-50%); border-left: 50px solid #814994; border-top: 30px solid transparent; border-bottom: 30px solid transparent;} 
.active-item .panes > div { padding: 20px 25px;}
.ac-note { background:#D91B5B; color:#fff; display: inline-block; font-size: 16px; margin: 10px 0; padding:3px 15px}
.active-item ol ol { list-style: trad-chinese-informal;}
.active-item #index_information { border:0} 
.active-item .panes.p-info { border: 1px solid #ddd;}
   

    

/* form */

.forum .image{float:left;width:160px; height:120px; padding:3px; border:1px solid #eee;}
.forum ul li{ width:100%px; margin: 25px 4px; padding-bottom:25px; position:relative; border-bottom:1px dotted #947e52;}
.forum ul li:first-child{margin-top:15px;}
.forum ul li .info{float:left; width: 435px; margin-left:15px; line-height:15px; font-size:12px;}
.forum ul li .info .forum-title{font-size:18px; margin:10px 0 10px;}
.forum ul li .info .forum-title a{text-decoration:underline;}
.forum ul li .info .forum-title a:hover{text-decoration:none;}
.forum ul li .info .forum-title span{font-size:12px; font-weight:bold;}
.forum ul li .info .btm{ padding-bottom:25px}
.forum ul li .info .btm span{float:left}
.forum a.e-more{ background:url(../images/e-more.gif) no-repeat; padding-left:15px;  color:#ff3f8e; text-decoration:underline; float:left;}
.forum a:hover.e-more{text-decoration:none;}

.forum table.table-style-1 tbody{text-align:left; font-size:13px;}

.forum .btn-wrapper{
    width: 100%;
    text-align: center;
    margin-top: 15px;
}

table.table-style-1{ padding-top:5px; position:relative; margin:15px 0;}
table.table-style-1 thead{text-align: center;}
table.table-style-1 thead td{  height:40px;}
table.table-style-1 tbody{margin-top:10px; color:#676767;}/*color:#999;*/
table.table-style-1 tbody tr:hover{background-color:#f3f7fd;}
table.table-style-1 tbody td .dashline{margin:3px 0; padding:0;}
table.table-style-1 tbody tr.tr-item td{padding-left: 10px;}
table.table-style-1 tbody td a{padding-left:20px;}
table.table-style-1 tbody td a:hover{text-decoration: none;}
span.right-line{border-right:1px solid #ccc; width:1px; float:right; height:13px;}
table.table-style-1 tr.tr-item{height: 70px; line-height:1.5em;}
table.table-style-1 tr.tr-item .font-purple{line-height:1.5em;}

.css-table-1 { display:table; width:642px}
.css-table-1 a{color:#ff3f8e; text-decoration:underline;}
.css-table-1 a:hover{
	color:#ff3f8e;
	text-decoration:none;
}

.css-table-1 .css_tr {display: table-row;}
.css-table-1 .css_tr.heading .css_td{background-color:#f3f7fd; text-align: center;}
.css-table-1 .css_td { display: table-cell; border: 1px solid #fff; background: #999; padding: 6px;}
.css-table-1 .col_1{width: 100px; background-color:#f3f7fd; font-weight:bold; text-align: right;}
.css-table-1 .col_2{width: 250px; background-color:#f5e7f9;}
.css-table-1 .col_3{width: 250px; background-color:#fce6ed; }
.css-table-1 .col_span2{width:200px; display: table-cell; }

.css-table-2 { display:table; }
.css-table-2 .css_tr {display: table-row;}
.css-table-2 .css_tr.heading .css_td{background-color:#f3f7fd;}
.css-table-2 .css_td { display: table-cell; border: 1px solid #fff; background: #999; padding: 6px;}
.css-table-2 .col_1{width: 160px; background-color:#f5e7f9; text-align: right;}
.css-table-2 .col_2{background-color:#f3f7fd;}
.css-table-2 .css_td.bg-pink{background-color:#fce6ed;}

.css-table-3 { display:table; width:100% }
.css-table-3 .css_tr {display: table-row;}
.css-table-3 .css_tr.heading .css_td{background-color:#f3f7fd;}
.css-table-3 .css_td { display: table-cell; border: 1px solid #fff; padding: 6px;}
.css-table-3 .col_1{width: 85px;}
.css-table-3 .col_2{
	color:#975aa9;
}

.forum .post-title{ width:100%; height:35px; color:#666; font-size:14px; line-height:37px; text-align:center; margin:15px 0 5px;}
.forum .post-info{width:100%; position:relative; float:left; margin:2px 0;}
.forum .post-info .left{padding:20px 0 20px 35px; width:110px; background-color:#f3f7fd; line-height:1.5em;}
.forum .post-info .left .avatar img{width:75px; height:75px;}
.forum .post-info .right{width:calc(100% - 40px); padding:0 20px; color:#676767;;}/*color:#999*/
.forum .post-info .post-message{width:100%; float:left;min-height: 180px;}
.forum .post-info .border-message{width:470px; float:left;}
.forum .post-info .btns{float:right; width:170px; }
.forum .post-info .btns button{float:left;}
table.post-content{background:none; width:100%}
.forum table.post-content tr:hover{background: none;}
table.post-content tr.post-info {margin-bottom:5px;}
table.post-content tr.post-info td{border:none; vertical-align:top;}

.reply-info{width:calc(100% - 30px); padding-left: 30px;position:relative; float:left;}
<!--.reply-info .left{ padding:0px 0 0px 37px; width:140px; line-height:1.5em;}-->
.reply-info .left{ float: left; padding:20px 0 20px 37px; width:100px; line-height:1.5em;}
.reply-info .right{ float: left; width:calc(100% - 177px); padding:0 20px; color:#676767;;}/*color:#999*/

.forum .post-reply{
	margin-top: 15px;
	margin-bottom: 20px;
	background: url(../images/index_news_bg.gif) repeat-y scroll left top;
	width: 100%;
}
.forum .post-reply .header{
	position: relative;
	width: 100%;
	height: 39px;
	text-align:center;
}
.forum .post-reply .header h2 {
	color:#ff3f8e;
	font-size:14px;
	line-height:39px;
	padding-left:15px;
	letter-spacing:0.1em;
}
.forum .post-reply .header h2 img{
	position:relative;
	top:4px;
	margin-right:5px;
}
.forum .post-reply .dashline{border-top:1px dotted #c5ae7f; width:99%; margin: 0 auto;}
.forum .post-reply .content{
	background-color:#fbf2fd;
	border-bottom: 1px solid #eee;
	width:100%;
	padding:0 0 15px;
	border: 1px solid #EEEEEE;
	border-top:none;
	position:relative;
}
.forum .post-reply .content .dashline{margin-bottom:15px; border-bottom:none; }
.forum .post-reply .content span{color:#975aa9; margin-left:30px; float:left; width:50px;}
.forum .post-reply .content textarea{width:calc(100% - 300px); height:130px; float:left;}
.forum .post-reply .content input{margin-right:10px;}
.forum .post-reply .content .btns{float:right; width:170px; position:absolute; bottom:15px; right:10px;}
.forum .post-reply .content .btns button{float:left;}

.gb .post-title{ width:100%; height:35px; color:#666; font-size:14px; line-height:37px; text-align:center; margin:15px 0 5px;}
.gb .post-info{width:100%; position:relative; float:left; margin:2px 0;}
.gb .post-info .left{ float:left; padding:20px 0 20px 35px; width:110px; background-color:#f3f7fd; line-height:1.5em;}
.gb .post-info .left .avatar img{width:75px; height:75px;}
.gb .post-info .right{ float:left; width:calc(100% - 188px); padding:0 20px; color:#676767;}/*color:#999*/
.gb .post-info .post-message{width:470px; float:left;min-height: 180px;}
.gb .post-info .btns{float:right; width:170px; }
.gb .post-info .btns button{float:left;}

ul.member-menu{padding:0 0 20px 20px; margin-top:10px;}
ul.member-menu li{background:none; margin-left: 0px;padding: 3px 0 3px 0px;}
ul.member-menu li img{position:relative; top: 5px; margin-right: 5px;}
ul.member-menu li a{color:#975aa9; text-decoration:underline;}
ul.member-menu li a:hover{text-decoration:none;}

.event-register ul{margin: 0 0 0 0px;}
.event-register ul li {padding: 10px 0;}
.event-register ul li input{ margin-right:10px;}
.event-register ul li a:hover{text-decoration: none;}

.faq-container{width: 640px;}
.faq-container span, .faq-container a{ display:block; color:#555; font-size:14px; font-weight: bold; letter-spacing:0.02em; line-height:20px;text-transform:uppercase; font-weight:normal; height:auto; padding-top:5px; padding-left:0px; padding-bottom:5px; width:100%; text-decoration:none;}

.result_square{ width:640px; float:left; margin:20px 0 10px 0; border: 1px solid #975aa9; padding: 10px; color:#555;}
.result_square ul{margin-left:0px;}
.result_square ul li{float:left; padding: 3px 10px;}

.link_square{ width:100%; float:left; margin:20px 0 0 0; word-break:break-all}
.link_square ul{margin-left:20px;}
.link_square span{
	float: left;
	width: 110px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	height: 40px;
}
.link_square ul li{float:left; width:150px; padding: 10px 0;}
.link_square ul li a{text-decoration:none;color:#975aa9;}
.link_square ul li a:hover{text-decoration:underline;}

.couple .image{
	float:left;
	width:160px;
	height:120px;
	padding:3px;
	border:1px solid #CCC;
	color: #BED4F4;
}
.couple ul li{float:left; width:650px; margin: 10px 4px; position:relative;}
.couple ul li .info{float:left; width: 470px; margin-left:7px; line-height:15px; font-size:12px;}
.couple ul li .info .font-purple{margin-bottom:10px;}
.couple a.e-more{ background:url(../images/e-more.gif) no-repeat; padding-left:15px; position:absolute; bottom:10px; color:#ff3f8e; text-decoration:underline;}
.couple a:hover.e-more{text-decoration:none;}
.couple .p-dashline{ border-top:1px dotted #c5ae7f;}

.couple_02 .image{
	float:left;
	width:160px;
	height:120px;
	padding:3px;
	border:1px solid #CCC;
}
.couple_02 ul li{float:left; width:315px; margin: 10px 4px; position:relative;}
.couple_02 ul li .info{float:left; width: 135px; margin-left:7px; line-height:15px; font-size:12px;}
.couple_02 ul li .info .font-purple{margin-bottom:10px;}
.couple_02 a.e-more{ background:url(../images/e-more.gif) no-repeat; padding-left:15px; position:absolute; bottom:10px; color:#ff3f8e; text-decoration:underline;}
.couple_02 a:hover.e-more{text-decoration:none;}
.couple_02 .p-dashline{ border-top:1px dotted #c5ae7f;}

.benefit .image{float:left;width:160px; height:120px; padding:3px; border:1px solid #eee;}
.benefit ul li{float:left; width:650px; margin: 10px 4px; position:relative; padding-bottom: 15px; border-bottom:1px dotted #ddd;}
.benefit ul li .info{float:left; width: 470px; margin-left:7px; line-height:15px; font-size:12px; position:relative;}
.benefit ul li .info .font-purple{margin-bottom:10px;}
.benefit ul li .info div{padding: 3px 0; margin-bottom:5px;}
.benefit a.e-more{ background:url(../images/e-more.gif) no-repeat; padding-left:15px; margin-top:25px; color:#ff3f8e; text-decoration:underline;}
.benefit a:hover.e-more{text-decoration:none;}
.benefit .p-dashline{ border-top:1px dotted #c5ae7f;}

.news ul.news-list{margin: 10px 25px;}
.news ul.news-list li .date{width:100px; float:left; padding-right:40px;}
.news .page-content{color:#999;}

.breadcrumb{float: right; color:#888; font-size:11px; margin-right:10px; font-weight:normal; }

.font-bright-pink{color:#ff3f8e;}
.font-pink{color: #FF7DBE;}
.font-red{color:red;}
.font-blue{color:#00b7f3;}
.font-purple{color: #952985; font-size: 15px;}
.font-orange{color:#ec8400;}
.font-grey{	color:#676767;	}/*#999*/
.font-darkred{ color:#BE1D2C}
.font-555{color:#555;}
.tit-red {font-size:21px; padding: 0 0 10px;}
a.font-purple{text-decoration:none;color:#975aa9;}
a:hover.font-purple{text-decoration:underline;}
a.font-purple-line{text-decoration:underline;color:#975aa9;}
a:hover.font-purple-line{text-decoration:none;}
.text-right{text-align:right;}
.font-purple.article { font-size:19px}

button.btn-purple{background:#975aa9; color:#fff; font-size:12px; letter-spacing:0.1em; width:80px; margin-right:5px;}
button:hover.btn-purple{background-color: #ad6cbb;}

button.btn-pink{background:#ff69a7; color:#fff; font-size:12px; letter-spacing:0.1em; width:80px; margin-right:5px;}
button:hover.btn-pink{background-color: #ff86b8;}



/*--認識本站------------*/
.about_square{ width:100%; float:left;}
.about_setup{
	width:calc(100% - 40px);
	float:left;
	font-size:12.5px;
	line-height: 2em;
	color:#676767;
	padding:20px 20px 30px 20px;
}


/*--新手加入------------*/
.join_square{
	width:100%;
	float:left;
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
	
}
.join_square a{color:#ff3f8e; text-decoration:underline;}
.join_square a:hover{color:#ff3f8e;
	text-decoration:none;}
.join_square_1{ width:100%; float:left; margin:20px 0 30px 0;}


.top-selection1 {width:100%; float:left;}
.top-selection1 .selection-category_1{color:#975aa9; float:left; width:100px; font-size:14px; font-size:bold; margin-top:18px; margin-left:20px; line-height:20px;}
.top-selection1 ul{float:left; width: calc(100% - 120px);}
.top-selection1 ul li{float:left; margin: 10px ; line-height:19px;}
.top-selection1 ul li a{color:#676767; text-decoration:none;}
.top-selection1 ul li a:hover{color:#ff3f8e;}


.top-selection2 {width:650px; float:left;}
.top-selection2 .selection-category_1{color:#975aa9; float:left; width:90px; font-size:14px; font-size:bold; margin-top:18px; margin-left:20px; line-height:20px;}
.top-selection2 .selection-category_2{color:#975aa9; float:left; width:90px; font-size:14px; font-size:bold; margin-top:18px; margin-left:20px; margin-right:65px;line-height:20px;}
.top-selection2 ul li{float:left; margin: -15px ; line-height:19px;}
.top-selection2 ul li a{color:#676767; text-decoration:none;}
.top-selection2 ul li a:hover{color:#ff3f8e;}
.heading-dashline_1{border-bottom:1px dotted #947e52; width:665px; height:2px;  margin:20px 0px;}

/*--花絮列表-----------*/
.imagelist{
	width:116px; height:90px; padding:3px; 
	border: 1px solid #e2e2e2;
	background-color: #fff;
	}
	
/*--花絮詳情-----------*/
#shareblog{
	text-align: right;
	color:#975aa9;
	margin-bottom: 10px;
}

#shareblog a{
	color:#975aa9;
}

#shareblog a:hover{text-decoration:none;}

.imagelist2{
	width:160px; height:120px; padding:3px; 
	border: 1px solid #e2e2e2;
	background-color: #fff;
	}

/*--問與答-----------*/
.faq-container h3{
	
	width:120px;
	font-size: 18px;
}
/*---婚友社據點-----------*/
.location_p{ float:left;width:35%}
.location_w{ float:left;width:65%;color:#676767}


/*--首頁-----------*/
.p-area ul li .info .font-grey{	font-size: 13px;}

.membercondition{
	color: #952985;
	font-size: 17px;
	padding-top: 10px;
	padding-bottom: 5px;
	height: 35px;
    overflow: hidden;
	}
.membercondition span {
    display: inline-block;
    text-align: center;
    width: 50%;
}	
.membercondition a {
    background: #000;
	border-radius: 5px;
    color: #fff;
	margin: 0 0 0 5px;
    padding: 5px 10px;
    text-decoration: none;
}
.membercondition .willfull{
	background: #db71b2;
	background: -moz-linear-gradient(top, #db71b2 0%, #c71c87 100%);
	background: -webkit-linear-gradient(top, #db71b2 0%,#c71c87 100%);
	background: linear-gradient(to bottom, #db71b2 0%,#c71c87 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#db71b2', endColorstr='#c71c87',GradientType=0 );
}	
.membercondition .willfull:hover{
	background: #c71c87;
	background: -moz-linear-gradient(top, #c71c87 0%, #db71b2 100%);
	background: -webkit-linear-gradient(top, #c71c87 0%,#db71b2 100%);
	background: linear-gradient(to bottom, #c71c87 0%,#db71b2 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c71c87', endColorstr='#db71b2',GradientType=0 );
}

.membercondition .join, .photo-video .more,.active-info .join{
	background: #c7a1c9;
	background: -moz-linear-gradient(top, #c7a1c9 0%, #8471b2 100%);
	background: -webkit-linear-gradient(top, #c7a1c9 0%,#8471b2 100%);
	background: linear-gradient(to bottom, #c7a1c9 0%,#8471b2 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c7a1c9', endColorstr='#8471b2',GradientType=0 );
}
.membercondition .join:hover, .photo-video .more:hover,.active-info .join:hover {
	background: #8471b2;
	background: -moz-linear-gradient(top, #8471b2 0%, #c7a1c9 97%);
	background: -webkit-linear-gradient(top, #8471b2 0%,#c7a1c9 97%);
	background: linear-gradient(to bottom, #8471b2 0%,#c7a1c9 97%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8471b2', endColorstr='#c7a1c9',GradientType=0 );
}
.photo-video .more{ 
	border-radius: 5px;
    padding: 4px 6px;
    font-size: 12px;
    font-weight: normal;
 }
.photo-video .more:hover{ text-decoration:none}
.membercondition .full{
	background: #e50062;
	background: -moz-linear-gradient(top, #e50062 0%, #e6002f 100%);
	background: -webkit-linear-gradient(top, #e50062 0%,#e6002f 100%);
	background: linear-gradient(to bottom, #e50062 0%,#e6002f 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e50062', endColorstr='#e6002f',GradientType=0 );
}
.activity_detail{
	padding-top: 25px;
	padding-left: 100px;
	display: none;
	}
.photo-video article:before {
    content: "";
    display: block;
    height: 3px;
    
	background: #c7a1c9;
	background: -moz-linear-gradient(left, #c7a1c9 0%, #8471b2 100%);
	background: -webkit-linear-gradient(left, #c7a1c9 0%,#8471b2 100%);
	background: linear-gradient(to right, #c7a1c9 0%,#8471b2 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c7a1c9', endColorstr='#8471b2',GradientType=1 );
}
.photo-video article{
	background: #f8cfe1;
	background: -moz-linear-gradient(top, #f8cfe1 0%, #edecf6 100%);
	background: -webkit-linear-gradient(top, #f8cfe1 0%,#edecf6 100%);
	background: linear-gradient(to bottom, #f8cfe1 0%,#edecf6 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8cfe1', endColorstr='#edecf6',GradientType=0 );
	margin: 0 10px;
}
/*--企業聯誼-----------*/
.bussiness{ width:calc(100% - 40px); font-size:12.5px; line-height: 2em; color:#676767; padding:20px;}

/*---客製相親---*/
.customized_square { /*width:600px*/display:inline-block; width:100% }
.customized_square a{color:#ff3f8e; text-decoration:underline;}
.customized_square a:hover{color:#ff3f8e;text-decoration:none; }
.left-content { float:left;width:300px; }
.right-content { float:left;width:270px;padding-left:30px; }
.right-content h2 { color:#975aa9; }
.right-content-top  { height:230px;padding-top:30px; }
.right-content-bottom { height:230px; } 
.faq-container span.qa_q{ width:500px}

/*--報名聯誼-----------*/
.event-register{
	font-size: 1.1em;
	padding-top: 20px;
	/*padding-left: 100px;*/
}

.event-register ul li a{
	text-decoration: none;
	color: #975aa9;
}
.event-register ul li a:hover{
	text-decoration: underline;
}

/*--聯誼photodetail-----------*/
.reply li div{ font-size: 12px; font-family: "lucida grande",tahoma,verdana,arial,sans-serif; color: #333; line-height: 1.5; clear:both}
.reply_div ul{ display:table}
.reply_div ul li{ display:table-cell; vertical-align:top}
.replay_box{ padding:3px; display: table-cell; vertical-align: top; width: 10000px}
.reply li{ background-color: #EDEFF4; margin-top:2px; padding: 5px 12px}
.simg{ border:1px solid #CCC; width:50px;height:50px}
.nick{ padding-right:12px;color: #3B5998; font-weight: bold}
#right-col img.simg{ max-width:none}

/*--活動記錄-----------*/

table.table-style-1 tbody{
	margin-top:10px;
	color:#676767;
	font-size: 0.9em;
	text-align: center;
}/*color:#999*/

table.table-style-1 tbody td a{color:#975aa9; }
/*--join-------------*/
.join_content {
  width:600px;
   float:left; 
   /*font-size:12.5px; */
   font-size:14px;
   line-height: 2em; 
   color:#676767; 
   padding:20px 20px 30px 20px;
}

/*-報名成功-----------*/
.join_sucess{ font-size: 1.1em;	background-color: #FFEEFF; width: calc(100% - 80px); margin: 20px; padding: 20px}
.join_sucess li{ /*height: 30px*/ line-height:180%}
.pay_wh { width:calc((100% - 90px)/4); display:inline-block; margin: 10px; vertical-align:top}
.pay_wh p{ text-align:center}
.pay_wh img { width:100%; height:120px}

/*--繳費回報-----------*/
.atm{
	
	}

.atm_l{
	background-color: #E0E0E0;
	color: #333;
	float: left;
	
	width: 150px;
}

.atm_r{
	background-color: #F5F5F5;
	text-align: left;
	padding-top: 12px;
	padding-bottom: 5px;
	padding-left: 10px;
	float: left;
	
	width: 450px;
}

/*----會員專區survey.php-----------*/
#survey{
	line-height: 1.8em;
	background-color: #FFEEFF;
	width: calc(100% - 60px);
	margin: 20px;
	padding: 10px 10px 20px 10px;
}

#survey ul{
	font-size: 0.9em;
}

.survey_title{
	
	margin-bottom: 20px;
	height: 20px;
	padding-top: 10px;
	padding-left: 20px;
	
}
.survey_title2{
	margin-left: 20px;
	margin-bottom: 10px;
	letter-spacing: 0.1em;
	font-weight: bolder;
}

.survey_content{
	margin-left: 30px;
	margin-bottom: 25px;
	letter-spacing: 0.1em;
}
.member_point{
	margin-bottom:5px;
	color: #D90B8B;	
	}
.member_point a{
	text-decoration: underline;
	color: #D90B8B;
}
.member_point a:hover{
	text-decoration: none;
}

/*----線上交友online.php-----------*/

.member_area{}

.member_area a{
	color:#975aa9;
	text-decoration: none;
}

.member_area a:hover{
	text-decoration: underline;
}

.pagenav a:hover{
	color:#ff9bc4;
	text-decoration: underline;
}

/*----線上交友online-info.php-----------*/
.member_photo{
	text-align: center;
	vertical-align: bottom;/*
	height: 300px;
	width: 300px;*/
	
	}
/*--邀約記錄-----------*/
.image_invite{
	width:50px; height:50px; padding:2px; 
	border: 1px solid #e2e2e2;
	background-color: #fff;
	}
	
/*--分頁標題-----------*/
.celebratepage{
	font-size: 15px;
	font-weight: bolder;
	color:#fff; background-color:#975aa9; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;
	height:20px;
	}

/*--戀戀好康-----------*/
.image_benefit{
	width:321px; height:239px; padding:3px; 
	border: 1px solid #e2e2e2;
	background-color: #fff;
	}
	
/*--論壇-----------*/
.image_75x75{
	width:75px; height:75px; padding:3px; 
	border: 1px solid #e2e2e2;
	background-color: #fff;
	}
	
.reforum_link{
	color: #FFF;
	text-decoration: none;
	}
	
/*goto top*/
.cd-top {
  display: inline-block;
  height: 32px;
  width: 32px;
  position: fixed; z-index:1000;
  bottom: 60px;
  right: 30px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); 
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: rgba(255,89,158,.7) url('../../images/top_02.png') no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
  border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; -webkit-border-radius:50%
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: 1;
}
.no-touch .cd-top:hover {
  background-color: #fff;
  opacity: 1;
}

.logo{ display:none}

/* 我們結婚囉  戀戀影音*/
.col2{ float:left; margin: 0 0 20px; width:50%}
.photo-video *{ box-sizing:border-box}
.photo-video .header h2{ background:#fff; color:#9A87BD; position:relative ;font-size: 23px; font-weight: normal;}
#left-col .block .photo-video a.more, #left-col .block .photo-video a.more:hover{ border-radius:5px; color:#fff; padding:5px 10px; text-decoration:none }

.photo-video a.more:before{ display:none}
.photo-box a {
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden;
}
.photo-box a img {
	width:100%;
	height:auto
}
.panes.p-mem a{ display:block; width:100%; height:0; margin: 0 0 5px; padding-bottom:100%; overflow:hidden}
/*戀戀團隊*/
.indoor_team,.indoor_team_1{ float:left; width:calc(100% - 250px); color:#676767; padding: 0 0 15px}
.indoor_team_1{ width:calc(100% - 230px)}
/*一般搜尋*/
.p-mem2 { margin:10px 0 20px}
.p-mem2 ul{ display:table; width:100% }
.p-mem2 ul li{ display: table-cell; color:#000; background:#f5e7f9; border-bottom:5px solid #fff; min-height:20px; padding:10px; text-align:right; vertical-align:top; width:150px}
.p-mem2 ul li:nth-child(2){ background:#f3f7fd; text-align:left; border-left:5px solid #fff; width:calc(100% - 195px)}/*
.p-mem2 ul li{ display:inline-block; color:#000; background:#f5e7f9; margin:0 0 5px 0; min-height:20px; padding:10px; text-align:right; vertical-align:top; width:150px}
.p-mem2 ul li:nth-child(2){ background:#f3f7fd; text-align:left; margin:0 0 5px 5px; width:calc(100% - 195px)}*/
.p-mem2 ul li:nth-child(2).p-mem2_pink{ background:#fce6ed}
.p-mem2.joindate ul li{ width:113px}
.p-mem2.joindate ul li:nth-child(2){ width:calc(100% - 158px)}
.oas_m{ margin:5px 0 10px}
.p-mem3 ul li{ display:inline-block; margin:0 0 3px; padding:10px; vertical-align:top}
.p-mem3 ul li:nth-child(1),.p-mem3 ul li:nth-child(3){ background:#fce6ed; text-align:right; width:90px}
.p-mem3 ul li:nth-child(2){ width:calc(100% - 130px)}
.p-mem3 .form_row ul li:nth-child(even){ width:calc((100% - 260px)/2)}
.foto_tit{ min-height:410px}
/*個人基本資料*/
.p-mem2.mem_d  ul li{ background:#fff}
.p-mem2.mem_d  ul li:nth-child(1){ background:#fce6ed; width:82px; vertical-align:top}
.p-mem2.mem_d .form_row ul li:nth-child(3){ background:#fce6ed; width:94px}
.p-mem2.mem_d .form_row ul li:nth-child(2){ text-align:left; width:calc((100% - 216px)/2)}
.p-mem2.mem_d .form_row ul li:nth-child(4){ text-align:left}
/*客製化聯誼活動*/
.p-mem2 ul li.h176{ min-height:156px}
.p-mem2 ul li.h38{ min-height:38px}
.p-mem2 ul li.h42{ min-height:42px}
.p-mem2 ul li.h50{ min-height:50px}
.p-mem2 ul li.h54{ min-height:54px}
.p-mem2 ul li.h75{ min-height:75px}
.p-mem2 ul li.h78{ min-height:78px; vertical-align:top}
.p-mem2 ul li.h80{ min-height:80px}
.p-mem2 ul li.h82{ min-height:62px}
.p-mem2 ul li.h86{ min-height:86px}
.p-mem2 ul li.h102{ min-height:102px}
.p-mem2 ul li.h208{ min-height:208px}
.p-mem2 ul li.h251{ min-height:251px}
.p-mem2 ul li.h305{ min-height:305px}
.p-mem2 ul li.h335{ min-height:335px}
.cbox_w{ max-width:480px}
.cbox_w1{ max-width:480px}

.p-mem2.joindate input[type="checkbox"],.p-mem2.joindate input[type="radio"]{ margin:0 5px 0 0}
/*聯誼花絮*/
.imagelist{ display:block} 
.page-description{ width:calc(100% - 30px)}
/*faq*/
.faq-container span.faq_a{ float:left; width:calc(100% - 80px); cursor:pointer}

#jumpMenu{ float:left; margin:0 0 0 60px}
.jumpMenu_btn{ float:left;padding-left:20px}

.p-mem2 ul li ul li{ background:none; vertical-align:middle; border:none}
.p-mem2 ul li ul li:nth-child(2){ border:none}
#rand-img{ vertical-align:middle}
span.check2{ display:block}
.forum .p-mem2 ul li{ border:none}
.forum ul li:first-child{ margin:0 0 5px}
#Love_Forum_content{ width:calc(100% - 40px); height:260px; margin:20px}
.forum-info ul{ display:table; width:100%}
.forum-info ul li{ display:table-cell; padding:20px; vertical-align:top; border:none}
.forum-info ul li:nth-child(1){ background:#f3f7fd; text-align:left; width:110px}
.border-message{ word-break:break-all}
#my-widget{ /*height:300px*/; margin:0 0 0 80px}

/*video*/
#left-col .iv_box .video iframe{ width:230px}
.index .video iframe{ width:100%}
.index .video{ position:relative; height:0; padding-bottom:56.25%; overflow: hidden;}
.index .video iframe,.index .video object,.index .video embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%}
.v_box{ display:inline-block; width:calc((100% - 84px)/2); margin:0 20px 40px}
.v_box .video{ position:relative; height:0; padding-bottom:56.25%; overflow: hidden;}
.v_box .video iframe,.v_box .video object,.v_box .video embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%}
/*tinynav*/
.tinynav,.footer_tinynav{ display:none}

/*invite_f*/
.table01 .font-pink{ width:13%}
.invite_f ul{ padding:7px 0}
.invite_f li{ display:inline-block; width:80px}
.invite_f li:nth-child(2){ width:calc(100% - 80px)}
.invite_f input{ width:90%}
/*F_btn*/
.F_btn{ display:none; background:rgba(245, 234, 244,.9)/* background:url(../images/nav-bg.png) repeat-x bottom*/; border-top:1px solid #ffc9db; position:fixed; bottom:-2px; padding:0 5px; width:calc(100% - 10px); height:52px; z-index:1000}
.F_btn button{ background:none; display:inline-block; margin:5px 0 0; outline:none; text-align:center; width:49%;}
#f_search_box,#f_login_box{ display:none}

.btn-fb,.btn-fb .heart:after, .btn-fb .heart:before{ color: #999;}
.btn-fb{ font-size:17px}
.btn-fb div {
    float: right;
}
/* Add Animation */
@-webkit-keyframes animatetop {
    from {top:-300px; opacity:0} 
    to {top:0; opacity:1}
}

@keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}

/*----會員中心-----------*/
.member-nav ul {
    background: #83539D;
}
.member-nav ul:after,.member-photo:after { content:""; display:block; clear:both}
.member-nav li {
    float: left;
    text-align: center;
    padding: 10px 0;
	position: relative;
    width: 12.5%;
}
.member-nav li:hover {
	background: #bc95c6;
}
.member-nav li.none:hover {
	background: #83539D;
}
.member-nav li a {
    color: #fff;
    font-size: 15px;
    text-decoration: none;
}
.member-nav li i {
    padding: 0 5px 0 0;
}
.member-nav .sec {
	background: #fff;
    border: 1px solid #A898C7;
	display:none;
    margin: 10px 0 0;
    position: absolute;
    width: 100%;
    z-index: 1001;
}
.member-nav .ist:hover .sec {
	display:block;
}
.member-nav ul ul li {
	width:100%
}
.member-nav ul ul li a {
    color: #555;
}
.member-nav ul ul li:hover {
	background: #83539D;
}
.member-nav ul ul li:hover a{
    color: #fff;
}
.member-photo {
	border:1px solid #C5BADA;
	font-size: 15px;
	margin: 20px 0;
	padding:20px
}
.m-photo {
	float: left;
    margin: 0 20px 0 0;
	text-align:right;
    width: 35%;
}
.m-info {
    float: left;
    width: calc(65% - 20px);
}
#main_photo {
    /*width: 140px;*/
    /* kai 20190112 發現online-info.php裡的大頭照主要顯示變小張，而先拿掉（pc版） */
}
.m-info .news {
    color: #83539d;
    font-size: 17px;
	margin: 30px 0 0;
}
.m-info p {
    color: #83539d;
    font-size: 17px;
	margin: 5px 0;
}
.m-management {
    margin: 20px 0;
}
.m-management h2 {
    padding: 10px 20px;
}
.m-management .box {
    border: 1px solid #C5BADA;
}
.m-management ul {
    border-bottom: 1px solid #C5BADA;
	box-sizing: border-box;
    display: table;
    font-size: 15px;
    padding: 10px 20px;
    width: 100%;
}
.m-management li {
    display: table-cell;
}
.m-management li:nth-child(1) {
    width: 180px;
}
.m-management li:nth-child(2) {
    width: 55%;
}
.m-management li:nth-child(3) {
    text-align: right;
}
.box .unpaid a,.box .event a{
    background: #DF2F4A;
    border-radius: 10px;
    color: #fff;
    display: inline-block;
    margin: 0 3px;
    padding: 0 8px;
	text-decoration:none
}
.box .event a{
	background:#8B77B6
}
.all-event {
    padding: 20px;
    text-align: center;
}
.all-event a {
    color: #83539d;
    font-size: 17px;
    text-decoration: none;
}
.d-online {
    margin: 20px 0;
}
.d-online h2 {
    padding: 10px 20px;
}
.d-online .box {
    display: table;
    width: 100%;
}
.d-online .box ul {
    display: table-cell;
	vertical-align: top;
}
.d-online .box ul:nth-child(1) {
    padding: 0 20px 0 0;
    width: 40%;
}
.d-num {
    background: #DF2F4A;
    border-radius: 10px;
    color: #fff;
    display: inline-block;
	float: right;
    text-align: center;
    width: 20px;
}
.d-online .box a {
    border: 1px solid #c5bada;
	border-width: 1px 1px 0 1px;
    color: #555;
    font-size: 15px;
    display: block;
    padding: 10px 20px;
    text-decoration: none;
}
.d-online .all-d a {
    border-bottom: 1px solid #c5bada;;
    color: #83539d;
    text-align: center;
}
.d-online img {
    width: 100%;
}


/*login*/
.login_left_content { width:60%; float:left}
.login_left_content h2{ color:#444444}
.login_right_input { width:35%; float:left; border:1px solid #ccc; padding:2%; box-shadow:1px 1px rgba(20%,20%,40%,0.5)}
.login_right_input .login_logo{ width:100%; margin-bottom: 20px; text-align: center}
.login_right_input input{ width:98%; height:30px; margin-bottom: 15px; /*padding:2px;*/padding-left:5px}
.login_right_input button{ width:100%}
.login_right_input .login_forget { margin-top:10px; text-align: right}
.login_right_input .login_register { margin-top:200px; text-align: center;}
.login_right_input a{ text-decoration:none; color:blue}



	/*modal*/
	#f_search_box,#f_login_box{ background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4);display:none; padding:80px 0 0; position:fixed; left:0; top:0; z-index:10000; width:100%; height:100%; overflow: auto;}
	
	/* The Close Button */
	.close { color: white; float: right; font-size: 28px; font-weight: bold}
	.close:hover,.close:focus { color: #000; text-decoration: none; cursor: pointer}
	/* Modal Content */
	#f_login_box .modal-header,#f_login_box .modal-footer{ background:#E5CCEA}	
	#f_login_box .modal-body{ background:#F4E9F8}	
	#f_login_box .modal-body input{ border:1px solid #ccc; margin:0 2%; padding:5px; width:calc(46% - 20px)}
	.modal-header div{ display:inline-block; position:absolute; top:20px; left:100px}
	
	/*pagination*/
	.pagination {
		margin: 30px 0;
		text-align: center;
	}
	.pagination a {
		color: #ff6aa7;
		display: inline-block;
		font-size: 16px;
		text-decoration: none;
		transition: background 250ms;
		text-transform: uppercase;
		margin: 0 3px 6px 0;
		height: 38px;
		min-width: 38px;
		border-radius: 38px;
		border: 2px solid #fff;
		line-height: 38px;
		padding: 0;
		font-weight: 700;
		letter-spacing: .03em;
		vertical-align: top;
	}
	.pagination a:hover {
		background: #fae0e9;
        color: #ff6aa7;
		text-decoration: none;
	}
	.pagination .active {
		background: #ff6aa7;
		color:#fff
	}
	.prev,.next{ position: relative;}
	.prev:before,.next:before{ border-top:2px solid #ff6aa7; border-left:2px solid #ff6aa7; content:""; display:block; height:10px;top: calc(50% - 7px); left: calc(50% + 5px); transform: rotate(-45deg) translate(-50%,-50%);	 position:absolute; width:10px}
    .next:before{ left: calc(50% - 8px); transform: rotate(135deg) }
   

@media screen and (max-width:1025px){
	.wrap{ display:none}
	header{ padding-bottom:60px}
	.logo,.logo a{ display:block; width:147px; height:37px}
	.logo{ margin:15px auto 0}
	.logo a{ background:url(../images/logo.png) no-repeat center}
	.since{ margin:5px 20px 0; display:none}
	.since img{ max-width:100%; height:auto;}
	.right-search div{ display: inline-block; margin:0 10px; vertical-align:top}
	.right-search{ display:none; margin:10px 20px 5px; text-align:center; width:calc(100% - 40px)}
	/*s_nav*/
	.wrap.responsive{ display:block}

	#content{ width:calc(100% - 32px)}
	#right-col{ margin:0; width:100%}
	#index_mem,div#abgne_marquee,#index_area,#index_album,.dashline{ width:100%}
	#index_mem .header, #index_area .header, #index_album .header{ width:100%}
	
	/*tinynav*/
	.tinynav{ display:block; margin:10px 0 0}
	.tinynav select{ background:url(../images/select_arrow.png) no-repeat right center transparent; border:1px solid #975aa9; box-shadow: none; width:100%; padding:10px 48px 10px 10px; appearance:none; -moz-appearance:none; -webkit-appearance:none}
	.tinynav select option:first-child{ background:#eee}
	.tinynav select::-ms-expand{ display:none}
	.submenu{ display:none}
	
	/*會員登入*/
	#left-col{ width:100%}
	#left-col02{ display:block}
	#left-col02 .login{ display:none}
	#left-col .block,#left-col .facebook,.count,#left-col .login,#left-col .search-member{ display:none}
	#left-col .block.member-sec{ display:block; position:relative}
	
	/*
	#left-col .login{
		background: rgb(228,203,233);
		background: -moz-linear-gradient(left, rgba(228,203,233,1) 0%, rgba(249,218,252,1) 50%, rgba(228,203,233,1) 100%);
		background: -webkit-linear-gradient(left, rgba(228,203,233,1) 0%,rgba(249,218,252,1) 50%,rgba(228,203,233,1) 100%);
		background: linear-gradient(to right, rgba(228,203,233,1) 0%,rgba(249,218,252,1) 50%,rgba(228,203,233,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4cbe9', endColorstr='#e4cbe9',GradientType=1 ); 
		padding:10px 20px; width:calc(100% - 40px);
    }
	.forgot-pw:before,.search-member:before{ border-bottom:1px solid rgba(255,255,255,.6); color:#9E66AD; font-size:15px; font-weight:600; display:block; content:"會員登入"; padding:0 0 5px}
	#left-col .login .forgot-pw{ float:none; margin:0; position:relative}
	.forgot-pw a.font-purple{ position:absolute; top:0; right:5px}
	#left-col .login form{ width:100%}
	#left-col .login form input{ margin:5px}
	#left-col .login{ height:auto}
	#left-col .login .btn-wrapper{ right:20px; bottom:10px}
	#left-col .login button#signin{ position:relative}
	#left-col .login button#signin:after,#left-col .search-member button#search:after{ display:block;  background:url(../images/btn_logo.png) no-repeat center 50%; content:""; width:16px; height:10px; position:absolute; right:-25px; top:10px}*/
	/*搜尋會員*/
	/*
	#left-col .search-member{
		background: rgb(255,196,216);
		background: -moz-linear-gradient(left, rgba(255,196,216,1) 0%, rgba(254,221,232,1) 50%, rgba(255,196,216,1) 100%); 
		background: -webkit-linear-gradient(left, rgba(255,196,216,1) 0%,rgba(254,221,232,1) 50%,rgba(255,196,216,1) 100%);
		background: linear-gradient(to right, rgba(255,196,216,1) 0%,rgba(254,221,232,1) 50%,rgba(255,196,216,1) 100%); 
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc4d8', endColorstr='#ffc4d8',GradientType=1 ); 
		padding:10px 20px; width:calc(100% - 40px); height:auto
	}
	.search-member:before{ content:"搜尋會員"}
	#left-col .search-member .area{ top:40px; left:250px}
	#left-col .search-member .edu{  top:40px; left:370px}
	#left-col .search-member button#search{ margin:0 35px 0 0; position:relative}
	.search_btn{ display:block; margin:5px 0 0; text-align:right; position:relative}
	*/
	#left-col .block.goodnews{ display:block; margin:15px 0 0 20px; width:31%; height:0; padding-bottom:42%}
	.photo{ width:calc(100% - 68px); height:auto; padding:10px; margin:15px auto  }
	.photo img{ width:100%; height:auto} 
	
	.memberLeftMenuTop{ width:calc(100% - 32px)}
	
	#left-col .block,#left-col02 .block{ border:1px solid #975aa9; width:calc(100% - 2px); margin:15px 0 0;
	    background: #fff;/*
		background: -moz-linear-gradient(top, #f3f7fd 0%, #e2ecfa 100%);
		background: -webkit-linear-gradient(top, #f3f7fd 0%,#e2ecfa 100%);
		background: linear-gradient(to bottom, #f3f7fd 0%,#e2ecfa 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f7fd', endColorstr='#e2ecfa',GradientType=0 );*/
	}
	#left-col .block .header,#left-col02 .block .header{ 
	    background:#fff;/*
		background: -moz-linear-gradient(left, #fdf2fc 0%, #ffd7e9 100%);
		background: -webkit-linear-gradient(left, #fdf2fc 0%,#ffd7e9 100%);
		background: linear-gradient(to right, #fdf2fc 0%,#ffd7e9 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdf2fc', endColorstr='#ffd7e9',GradientType=1 )*/
	}
	#left-col .block .header h2{ font-size:15px}
	#left-col ul.news-list.zon{ margin:0; padding:15px; display:none;/*
		-webkit-box-shadow:inset 0 4px 5px 0 rgba(0,0,0,.2);
		box-shadow:inset 0 4px 5px 0 rgba(0,0,0,.2);*/}
	#left-col02 ul.news-list.zon{ display:none}
	
    ul.news-list.zon:before{ background:#e2cee8; content:""; display:block; height:1px; margin:-15px 0 15px}
	ul.news-list.zon li{ background:none; padding:5px; width:calc(12.5% - 14px) }
	ul.news-list.zon li img{ margin:0 5px 0 0; padding:5px; vertical-align:middle }
	
	
	/*video*/
	/*#left-col .video{ display:block; width:calc(100% - 31% - 30px); background:#ccc}*/
	#left-col .iv_box{ width:calc(100% - 31% - 30px)}
	#left-col .iv_box .video{ position:relative; height:0; padding-bottom:65.2173913%; overflow: hidden; width:100%}
    #left-col .iv_box .video iframe, #left-col.iv_box .video object,#left-col .iv_box .video embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%}
	
	
	/*單身未婚聯誼活動*/
	.activity_detail{ padding:0 10px 0; text-align:right}
	.p-area a.e-more{ display:block; position:absolute; right:10px; bottom:10px }	
	/*about*/
	.about_square,.h1_header,.h1_dashline,#index_information,.heading-dashline,.customized_square,.css-table-1,.faq-container{ width:100%}
	.h1_header,h2.heading-pink,h2.heading-pink-66{
		background: rgb(255,241,246);
		background: -moz-linear-gradient(top, rgba(255,241,246,1) 0%, rgba(254,237,243,1) 25%, rgba(252,230,237,1) 50%, rgba(249,220,230,1) 100%); 
		background: -webkit-linear-gradient(top, rgba(255,241,246,1) 0%,rgba(254,237,243,1) 25%,rgba(252,230,237,1) 50%,rgba(249,220,230,1) 100%);
		background: linear-gradient(to bottom, rgba(255,241,246,1) 0%,rgba(254,237,243,1) 25%,rgba(252,230,237,1) 50%,rgba(249,220,230,1) 100%); 
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff1f6', endColorstr='#f9dce6',GradientType=0 )}
	.about_setup{ padding:20px 20px 30px; width:calc(100% - 40px)}	
	h2.heading-pink,h2.heading-pink-66,h2.heading-purple{ width:calc(100% - 20px)}
	.result_square{ width:calc(100% - 22px)}
	.faq-container span.qa_q{ width:calc(100% - 80px)}
	/*---婚友社據點-----------*/
	.location_p{ float:left;width:235px}
	.location_w{ float:left;width:calc(100% - 235px)}
	
	.couple ul li{ margin:10px; width:calc(100% - 20px)}
	.couple ul li .info{ width:calc(100% - 175px)}
	
	
	.join_square{ width:100%}
	.join_content{ width:calc(100% - 40px)}
	.join_content img{ width:100%; height:auto}
	
	.tab-style01{ margin:50px 0 0}
	.event-register{ padding:20px}
	
	
    
	.cbox_w1{ max-width:380px}
	
	.benefit ul li{ width:calc(100% - 8px)}
	.benefit ul li .info{ width:calc(100% - 175px)}
	.meeting-info .image{ width:100%; text-align:center}
	.meeting-info .details{ margin:10px; width:calc(100% - 20px)}
	.details .row{ width:100%}
	.details .row .right{ width:calc(100% - 100px); word-break:break-all }
	
	#right-col img{ max-width:100%; height:auto}
	#right-col .pay_wh img:before{ background:#fff; content:""; display:block; height:0; padding-bottom:100%; width:100%}
	footer{ margin:0 0 55px}
	/* footer{ margin-top:500px;} */
	.F_btn{ display:block}

	/*聯誼花絮photo*/
	.highlights ul{ margin:10px}
	.page-content.highlights li,.highlights ul li{ margin:10px; padding:3px; width:calc((100% - 156px)/6)}
	.page-content.highlights li a{ border:1px solid #e2e2e2; display:block; margin:0 0 10px; width:calc(100% - 2px); height:0; padding-bottom:70%; overflow:hidden}
	.imagelist,.imagelist2{ border:none; padding:0; width:100%}
	
	/*photolist*/
	.highlights .inPhotoBox li {
		margin: 0 10px 0 0;
		padding: 0;
		width: calc((100% - 30px)/4);
	}
	.highlights .inPhotoBox li a {
		border:0;
		margin:0;
		width: 100%;
	}
	.highlights .inPhotoBox li:nth-child(3n){
		margin: 0 10px 20px 0;
	}
	.highlights .inPhotoBox li:nth-child(4n){
		margin: 0 0 20px;
	}

}
@media screen and (max-width:960px){	
    .member_point{ margin:0 0 15px}
	ul.news-list.zon li{ border-top:1px solid #e2cee8 ; width:calc(25% - 14px) }
}
@media screen and (max-width:930px){
	footer .left-wrapper{ float:none; width:100%}
	footer .left-wrapper img{ max-width:100%; display:block; margin:0 auto}
	footer .left-wrapper .footer-phone,footer .left-wrapper .footer-link,footer .left-wrapper .footer-email{ padding:0 0 10px; position:relative; top:inherit; left:inherit; text-align:center; width:100%}
	footer .left-wrapper .line-img{ top:inherit; right:10px; bottom:30px }
	footer .left-wrapper .footer-phone{ padding:15px 0 5px; margin:0}
	footer .left-wrapper .footer-phone img{ padding:0 0 10px}
	footer .left-wrapper .footer-link{ margin:0}
	
	
}
@media screen and (max-width:880px){
	.membercondition {
		font-size: 15px;
	}
}
@media screen and (max-width:800px){
	.membercondition {
		font-size: 12px;
	}
}

@media screen and (max-width:768px){
	/*login*/
	.login_left_content{ width:100%}
    .login_right_input{ padding:20px; width:calc(100% - 42px)}
    /*.login_right_input{ padding:20px; width:80%; }*/
	.login_right_input .login_register{ margin-top:50px;}
	
	#jumpMenu{ margin:0 0 10px 60px; width:calc(100% - 120px)}
	.jumpMenu_btn{ float: none; padding:0; margin:0 auto}
	
	/*精選會員*/
	.p-mem ul li{ margin: 0 10px 20px 0; width: calc((100% - 20px)/ 3);}
	.p-mem ul li:nth-child(3n){ margin:0}
	
	/*聯誼花絮photo*/
	.page-content.highlights li,.highlights ul li{ width:calc((100% - 130px)/5)}
	/*-報名成功-----------*/
    .join_sucess{ width: calc(100% - 60px); margin: 10px; padding: 20px}
	.index_information .font-grey {font-size: 17px;}
	/*photolist*/
	.highlights .inPhotoBox li {
		margin: 0 10px 0 0;
		padding: 0;
		width: calc((100% - 20px)/3);
	}
	.highlights .inPhotoBox li a {
		border:0;
		margin:0;
		width: 100%;
	}
	.highlights .inPhotoBox li:nth-child(4n){
		margin: 0 10px 20px 0;
	}
	.highlights .inPhotoBox li:nth-child(3n){
		margin: 0 0 20px;
	}
	.m-management li { display: inline-block;}
	.m-management li:nth-child(2) { width: calc(100% - 184px);}
	.m-management li:nth-child(3) { display: block; padding: 5px 0 0; width: 100%;}
	/*會員中心*/
	.member-nav li { border-bottom: 1px solid #9c71b3; width: 25%;}
	.member-nav li li { border:0}
	.member-nav li.none{ height: 20px;}
    
    
   

  
}
@media screen and (max-width:767px){
    #left-col .login .btn-wrapper{ position:inherit; margin:10px 0 0; text-align:right}
	.search_btn{ margin:40px 0 0 }
}
@media screen and (max-width:680px){
	.left-content { width:100%}
	.left-content img{ width:100%; height:auto}
	.right-content{ padding:10px; width:calc(100% - 20px)}
	
	/*單身未婚聯誼活動*/
	.p-area ul li{ width:50%}
	.tit-red { font-size: 19px;}
	.font-purple.article { font-size: 15px;}
	.membercondition { font-size: 17px;}
	/*online-info*/
	.p-mem3 ul li:nth-child(1),.p-mem3 ul li:nth-child(2),.p-mem3 ul li:nth-child(3),.p-mem3 ul li:nth-child(4),.p-mem3 .form_row ul li:nth-child(even){ display:block; width:calc(100% - 20px); text-align:left}
	.foto_tit{ min-height:auto}
	
	.forum .post-reply .content textarea{ width:calc(100% - 106px)}
	.forum .post-reply .content .btns button{ float:none}
	.forum .post-reply .content .btns{ position:static; padding:10px; width:calc(100% - 30px); text-align:center}
	.forum .post-reply .content .btns{ width:180px }
	
	.p-mem2 ul{ display:block}
	.p-mem2 ul li,.p-mem2.joindate ul li{ display:block; border:none; width:calc(100% - 20px); text-align:left}
    .p-mem2 ul li:nth-child(2),.p-mem2.joindate ul li:nth-child(2){ border-left:none; margin:0 0 5px; width:calc(100% - 20px)}
	/*客製化聯誼活動*/
	.p-mem2 ul li.h38,.p-mem2 ul li.h42,.p-mem2 ul li.h50,.p-mem2 ul li.h54,.p-mem2 ul li.h75,.p-mem2 ul li.h78,.p-mem2 ul li.h80,.p-mem2 ul li.h82,.p-mem2 ul li.h86,.p-mem2 ul li.h102,.p-mem2 ul li.h176,.p-mem2 ul li.h208,.p-mem2 ul li.h251,.p-mem2 ul li.h305,.p-mem2 ul li.h335{ min-height:20px}
	
	.p-mem2.mem_d  ul li:nth-child(1),.p-mem2.mem_d .form_row ul li:nth-child(1),.p-mem2.mem_d .form_row ul li:nth-child(2),.p-mem2.mem_d .form_row ul li:nth-child(3),.p-mem2.mem_d .form_row ul li:nth-child(4){ width:calc(100% - 20px)}
	.p-mem2.table_w1 ul{ display:table; margin:0 0 5px}
	.p-mem2.table_w1 ul li{ display:table-cell; width:calc(100% - 105px)}
	.p-mem2.table_w1 ul li:first-child{ width:80px; border-right:5px solid #fff; text-align:right}
	#regform input[type="file"]{ width:100%}
	
	span.check2{ display:inline-block}
	.b640{ display:block; margin:5px 0 0}
	
	.forum ul li .info{ width:calc(100% - 15px)}
    .forum-info ul li{ display: block; width:calc(100% - 40px)}
    .forum-info ul li:nth-child(1){ width:calc(100% - 40px)}
	.forum-info ul li:nth-child(1) div{ display:inline-block; vertical-align:top}
	.image_75x75{ margin:0 10px 0 0}
	
	.benefit ul li .info{ margin:10px; width:calc(100% - 20px)}
	/*#my-widget{ height:230px}*/
	#Love_Account_mail,#Love_Account_line,#Love_Account_acc,#Love_Account_facebook{ width:calc(100% - 4px)}
	
	/*video*/
	.col2 { width: 100%;}
	#left-col .iv_box{ width:100%}
	#left-col .iv_box .video{ padding-bottom:56.7%}
	/*goodnews*/
	#left-col .block.goodnews{ margin:15px 0 0; width:calc(100% - 6px); height:auto; padding:0}
    /*invite_f*/
	.table01 .font-pink{ width:100%}
	/*team*/
	.team_photo01{ float:left; width:230px; margin-top:10px; margin-left:20px}
	.team_photo01 img{ width:200px}
	
	/*login*/
	#f_login_box .modal-body input{ margin:0; width:calc(100% - 12px)}
	#f_login_box .modal-body input:first-child{ margin:0 0 10px}
	
	/*聯誼花絮*/
	#index_album .index_information ul li{ margin: 0 10px 20px 0; width: calc(50% - 5px);}
	#index_album ul li:nth-child(2n){ margin: 0 0 20px}	
	#index_album .index_information ul li img{ width:100%; height:auto}
	#index_album .index_information ul{ margin:10px 10px 20px}
	#index_album .index_information .image{ padding: 5px; width:calc(100% - 8px); /*height:auto*/}
	
	/*聯誼花絮photo*/
	.page-content.highlights li,.highlights ul li{ width:calc((100% - 104px)/4)}
	/*線上繳費*/
	.top-selection{width:calc(100% - 20px); padding: 0 10px;}
	.top-selection ul li a{ display:block; text-align:center; padding:3px 0}
	.celebratepage{ height:auto}
	/*問卷調查*/
    #survey{ width: calc(100% - 40px); margin:20px 10px}
	#survey input[type="text"]{ width:60%; margin:0 0 0 10px}
	.survey_content{ margin:0 20px 25px}
	#survey textarea{ width:100%}
	
	/*photolist*/
	.highlights .inPhotoBox li {
		margin: 0 10px 0 0;
		padding: 0;
		width: calc((100% - 20px)/3);
	}
	.highlights .inPhotoBox li a {
		border:0;
		margin:0;
		width: 100%;
	}
	.highlights .inPhotoBox li:nth-child(4n){
		margin: 0 10px 20px 0;
	}
	.highlights .inPhotoBox li:nth-child(3n){
		margin: 0 0 20px;
	}
}
@media screen and (max-width:640px){
	.m-photo { margin: 0;text-align: center;width: 100%;}
	#main_photo{ width: 300px;}
 	.m-info { padding: 15px 0 0; width: 100%;}
 	.m-info p { font-size: 15px;}
	.m-management li { display: block;}
	.m-management li:nth-child(n) { width:100%}
	.d-online .box ul:nth-child(n) { display: block; width: 100%;}
    .d-online .box ul:nth-child(2) { padding: 10px 0 0;}
    
}
@media screen and (max-width:639px){
	.membercondition { font-size: 15px;}
	footer nav{ display:none}
	.footer_tinynav{ display:block; text-align:center}
	.footer_tinynav select{ appearance:none; -moz-appearance:none; -webkit-appearance:none; background:url(../images/select_f_arrow.png) no-repeat right center  #fff7fa; border:1px solid #ff81b6; color:#555; margin:15px 0 0; padding:2px 30px; width:150px}
	.footer_tinynav select::-ms-expand{ display:none}
	.footer_tinynav select option{ line-height:20px}
	.footer_tinynav select option:first-child{ background:#eee}
	/*member-reinvite*/
	.table01 input[type="text"]{ width:calc(100% - 70px)}
	.blue_w1{ width:320px}
	.blue_w2{ width:290px}
}
@media screen and (max-width:540px){
	/*
	#left-col .search-member .area{ top:70px; left:20px}
	#left-col .search-member .edu{ top:70px; left:125px}
	.search_btn{ margin:70px 0 0 }*/
	.membercondition { font-size: 12px;}
	ul.news-list.zon li{ width:calc(50% - 14px) }
	
	footer .left-wrapper{ margin:20px 0 10px}
	footer .left-wrapper .line-img{ position:relative; right:inherit; bottom:inherit }
	/*聯誼花絮*/
	.couple a.e-more{ position:relative; display:block; margin:20px 0 10px}
	.cbox_w{ max-width:420px}
	/*聯誼花絮photo*/
	.page-content.highlights li,.highlights ul li{ width:calc((100% - 78px)/3)}
	h1.heading-pink{ max-width:320px}
	/*問卷調查*/
	#survey input[type="text"]{ width:90%; margin:10px 0 0}
	.blue_w1{ width:240px}
	.blue_w2{ width:220px}
	.pay_wh { width:calc((100% - 50px)/4); margin: 5px}
	
	/*photolist*/
	.highlights .inPhotoBox li {
		margin: 0 10px 0 0;
		padding: 0;
		width: calc((100% - 20px)/3);
	}
	.highlights .inPhotoBox li a {
		border:0;
		margin:0;
		width: 100%;
	}
	.highlights .inPhotoBox li:nth-child(4n){
		margin: 0 10px 20px 0;
	}
	.highlights .inPhotoBox li:nth-child(3n){
		margin: 0 0 20px;
	}
}
@media screen and (max-width:480px){
	.footer-link br {display:block;}
	/*
	#left-col .login .btn-wrapper,.search_btn{ text-align:center}
	#left-col .login form input{ width:calc(100% - 18px)}*/
	.h1_header{ height:auto}
	h1.heading-pink{ float:none; padding:0 10px 0 20px; max-width:calc(100% - 30px)}
	.h1_header div.breadcrumb{ text-align:right; width:calc(100% - 10px)}
	
	#index_mem .header h2, #index_area .header h2, #group_info .header h2{ font-size:19px}
	.join-box {
		display: block;
		margin: 15px 0 0 -100px;
		text-align: center;
	}
	
	/*精選會員*/
	.p-area a.e-more{ display:inline-block; position:relative; bottom:0}
	.p-area ul li { width: 100%;}
	.index_information .font-grey {font-size: 15px;}
	.membercondition { font-size: 17px;}
	
	
	/*聯誼花絮photo*/
	.page-content.highlights li,.highlights ul li{ width:calc((100% - 52px)/2)}
	
	/*戀戀團隊*/
	.indoor_team,.indoor_team_1{ word-break:break-all; width:calc(100% - 120px)}
	.indoor_team{ width:100%}
	.indoor_team_1 h3{ margin:0 0 10px 20px}
	/*team*/
	.team_photo01{ width:100%; margin:20px 0 0}
	.team_photo01 img{ width:100%; height:auto}
	
	#main_photo,#main_photo2{ width:100%; height:auto}
	button.btn-purple{ margin:5px}
	.page-content h3{ display:inline-block}
	.css-table-1 .col_1{ width:70px}
	/*---婚友社據點-----------*/
	.location_w{ width:100%}
	
	/*news*/
	.news ul.news-list li .date{ float:none}
	span.news_tit{ display:block; width:100%}
	.about_setup img{ width:100%; height:auto} 
	
	/*配對成功*/
	.couple .image{ width:100%; height:auto}
	/*聯誼花絮*/
	.highlights ul{ margin:10px}
	.highlights ul li{ width:calc(50% - 30px)}
	.imagelist,.imagelist2{ width:calc(100% - 8px); height:auto}
	.couple ul li .info{ width:100%}

	.forum .post-reply .content span{ width:80%}
	.forum .post-reply .content textarea{ margin:20px; width:calc(100% - 46px)}
	
	/*faq*/
	.gb .post-info .left{ padding:20px 0 20px 10px; width:93px}
	.gb .post-info .right{ width:calc(100% - 143px)}
	.reply-info .left{ padding:20px 0 20px 10px; width:90px}
	.reply-info .right{ width:calc(100% - 140px)}
	
	#jumpMenu{ margin:0 0 10px 20px; width:calc(100% - 40px)}
	
	.forum .post-reply .content input{ margin:5px 20px 0; width:calc(100% - 42px) }
	.forum .post-reply font{ padding:0 20px}
	
	#my-widget{ /*height:250px;*/ margin:0 0 0 20px}
	
	.v_box{ width:calc(100% - 40px); margin:0 20px 40px}
	
	.thumbs_2016 a{ display:inline-block; padding:0 5px; width:calc(32.5% - 10px) }
	.thumbs_2016 img{ width:calc(100% - 10px)}
	
	/*invite_f*/
	.invite_f li{ width:100%}
	.invite_f li:nth-child(2){ width:100%}
	.invite_f input{ margin:10px 0 0}
	
	/*線上繳費*/
	/*.top-selection ul li{ font-size:17px; margin:0 20px; text-align:center; width:calc(100% - 40px)}
	.payContent ul li img{ width:100%; height:auto}*/
	.blue_w1{ width:180px}
	
	.pay_wh { width:calc((100% - 20px)/2); margin:5px 1px 5px 5px}
	.pay_wh p{ font-size:15px}
	
	/*photolist*/
	.highlights .inPhotoBox {
		margin: 0;
	}
	.highlights .inPhotoBox li {
		margin: 0 10px 0 0;
		padding: 0;
		width: calc((100% - 10px)/2);
	}
	.highlights .inPhotoBox li a {
		border:0;
		margin:0;
		width: 100%;
	}
	.highlights .inPhotoBox li:nth-child(3n){
		margin: 0 10px 20px 0;
	}
	.highlights .inPhotoBox li:nth-child(2n){
		margin: 0 0 20px;
	}
}
@media screen and (max-width:479px){
	.cbox_w{ max-width:360px}
	.cbox_w1{ max-width:300px}
	footer .copyright{ background:#fff; height:auto; padding:10px 0}
	
	/*-報名成功-----------*/
	.blue_w2{ width:150px}
	
}
@media screen and (max-width:413px){
	.cbox_w{ max-width:280px}
	.cbox_w1{ max-width:250px}
}

@media screen and (max-width:375px){
	/*精選會員*/
	.p-mem ul li{ width:calc((100% - 10px)/ 2)}
	.p-mem ul li:nth-child(3n){ margin:0 10px 20px 0}
	.p-mem ul li:nth-child(2n){ margin:0 0 20px}
	.p-mem2 ul li{ width:calc(100% - 20px); text-align:left}
	#my-widget{ margin:0 0 0 10px}
	.membercondition { font-size: 15px;}
	
}
@media screen and (max-width:374px){
	.cbox_w{ max-width:220px}
	.blue_w1{ width:90px}
}

/*register 用到的css start*/
.page-content .register_basic_content {
  /*border:3px solid #ccc;*/
  width:50%;
  text-align:center;
  margin:0px auto;
  padding:10px;
  -moz-box-shadow:4px 4px 12px 4px rgba(20%,20%,40%,0.5);
  -webkit-box-shadow:4px 4px 12px 4px rgba(20%,20%,40%,0.5);
  box-shadow:4px 4px 12px 4px rgba(20%,20%,40%,0.5);
}

.page-content .register_basic_content input[type=text]{
  width:40%;
  height:20px;
}
.page-content .register_basic_content input[type=password]{
  width:40%;
  height:20px;
}

.page-content .register_basic_content ul {
  /*text-align: left;*/
  margin:0px auto;
}
.warning_span {
  color:red;
  font-weight:bold;
}

.abgne-menu-20140101-1 input[type="radio"] {
  display: none;
}
.abgne-menu-20140101-1 input[type="radio"] + label {
  display: inline-block;
  /*background-color: #CCEEFF;*/
  background-color: #E8CCFF;

  cursor: pointer;
  padding: 5px 30px;
  margin:5px;
}
.abgne-menu-20140101-1 input[type="radio"]:checked + label {
  /*background-color: #f00;*/
  background-color: #975aa9;
  color: #fff;
}
.alert_class {
  color:blue;
}

@media screen and (max-width:768px){
  .page-content .register_basic_content input[type=text] {
    width:80%;
  }
  .page-content .register_basic_content input[type=password] {
    width:80%;
  }
  .page-content .register_basic_content {
    width:80%;
  }
  .active-item .step li { font-size: 16px; height:60px; padding:0; width:60px;}
  
}
.warning_text {
  background-color: #FFFFCC;
}
.warning_border {
  border: 2px solid red;
  margin: 5px;
}
#loading_div {
  position: fixed;
  z-index: 6666;
  background-color: #000;
  background-color:rgba(0,0,0,0.6);
  width:100%;
  height:100%;
  padding-top: 200px;
  text-align:center;
  display:none;
}
#loading_div img {
  width:200px;
  position:relative;
  /*margin-left:100px;*/
}
#loading_div p {
  position:relative;
  color:#fff;
  font-size:14px;
  /*margin-left:100px;*/
}
.none_input {
  display:none;
}
/*register 用到的css End*/

@media screen and (max-width:480px){
	.pic-info li{ height: auto; margin: 0 0 10px; min-height:80px; padding: 0;width: 100%;}
	.active-item .step ul{ display: inline-block;width: calc(100% - 130px);}
	.active-item .step li { padding-bottom: 45%; height: 0; width: 45%;}
	.p-arrow { display: inline-block; margin: 0 20px 60px 30px; padding: 20px; vertical-align: top; width: 56px;}
    .p-arrow:after { content: ""; display: block; position: absolute;right: initial;top: initial; bottom: -80px; left: 50%; transform: translate(-50%,0); border-left: 50px solid transparent; border-right: 50px solid transparent; border-top: 50px solid #814994; border-bottom: 30px solid transparent;}
	#index_information .index_tab_select.note { padding: 0;}
	.index_tab_select.note i { display: initial; font-size: 17px; padding: 0 5px 0 0; vertical-align: middle;}
    ul.tabs.note a { color: #999;}
}
@media screen and (max-width:480px){
	.active-item ol {padding: 0 0 0 30px;}
	.active-info, .active-item .w-item, .active-item .m-item { padding: 20px 0;}
	.active-i tem article { padding: 5px 0;}
	.active-item #index_information .index_tab_select ul { background: #fff; border: 0; height: 0; padding: 0;}
	.active-item .step ul { text-align: center;}
	.active-item .step li { border-radius: 10px; height: 80px; padding-bottom: 0; width: 150px;}
	.p-arrow { padding: 20px}
	.active-item.note article { padding: 0;}
    .tabs.ts05.note li { border: 1px solid #ccc; box-sizing: border-box; width: 50%;}
	ul.tabs.note a { border: 0; font-size: 15px; margin: 0;}
	ul.tabs.note a.current{ background: #009fe9; border: 0; color: #fff !important; margin: 0;}
}
@media screen and (max-width:374px){
	.active-item .step li { width: 120px;}
}


/*20200704  處理照片模糊化(未繳費會員) start*/
.blurry {
    -webkit-filter: blur(3px); /* Chrome, Opera */
     -moz-filter: blur(3px);
      -ms-filter: blur(3px);    
          filter: blur(3px);
}
.contentBlurry {
	/*文字*/
  position: absolute; 
  top: 30%; 
  left: 10%;
  color:#FFF;
  font-size:12px;
  /*text-shadow: 5px 5px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;*/
  text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000, 2px 2px 2px black;
}

@media screen and (max-width: 500px){
  /*手機*/
    .contentBlurry {
      position: absolute; 
      top: 40%; 
      left: 10%;
      color:#FFF;
      font-size:14px;
    }
}
@media screen and (min-width: 501px) and (max-width: 768px) {
  /*平版*/
  .contentBlurry {
      position: absolute; 
      top: 40%; 
      left: 10%;
      color:#FFF;
      font-size:18px;
    }
}

@media screen and (min-width: 769px) and (max-width: 1025px) {
  /*平版*/
    .contentBlurry {
      position: absolute; 
      top: 35%; 
      left: 12%;
      color:#FFF;
      font-size:14px;
    }
}

/*20200704  處理照片模糊化 end*/