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

/*--------------body scroll------------------*/
body{
scrollbar-arrow-color:#555;
scrollbar-face-color:#444;
scrollbar-highlight-color:#000000;
scrollbar-3dlight-color:#000000; 
scrollbar-darkshadow-color:#000000;
scrollbar-track-color: #000000;
scrollbar-shadow-color: #000000;
}
body{ margin:0px; padding:0px; font-family:微軟正黑體;overflow-x:hidden;}
/*---------------*/
a{text-decoration:none;}
a img{border-style:none; padding:0px;}
a img:hover{opacity: 0.9; -moz-opacity: 0.9; filter: alpha(opacity = 90);}
.a_style{ color:#999; text-decoration:underline}
.a_style:hover{color:#555;}
ul li{ list-style:none;}
.w1{font-size:20px; line-height:24px; margin-bottom:5px;}
.w2{font-size:15px;margin-bottom:5px; margin:15px auto;}
.w3{font-size:17px; margin:0px;}
.w4{font-size:30px; margin:0px 0px 28px 0px; font-weight:500;text-shadow:2px 2px 2px #c0c0c0;}
.w5{font-size:24px; padding-right:4px; font-weight:bold;text-shadow:2px 2px 2px #c0c0c0;}
ol li{ line-height:24px; font-size:14px;}
p{ line-height:25px; font-size:14px; padding-bottom:15px;}
input{ border:1px solid #888; padding:2px;}
.txt_link {color:#444;text-shadow:1px 1px 1px #ccc;}
.txt_link:hover{ color:#000;text-shadow:1px 1px 1px #fff;}
.header_txt{ color:#D62240;margin:5px auto auto 5px; display:block; position:absolute; margin-top:-30px; margin-left:53px;}
.header_txt:hover{ color:#c0c0c0;}
.list_icon{ position:absolute;margin-top:-28px; margin-left:92px;}
/*-----------------------------------header---------------------------------------*/
#header
{
	width:100%;
	height: 65px;
	/* overflow:hidden; */
	background:#fff;
	background:
	-webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff));
	background:
	-moz-linear-gradient(top, #fff, #fff);
	filter: progid: DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#fff', endColorstr='#fff');
	background: 
	-o-linear-gradient(top, #fff, #fff);
	z-index: 9999!important;
	position: fixed;
	top:0;
	background: url(http://img.datemenow.tw/2015images/www2015/flowerbg.png)repeat-x bottom;
}
#header #header_area{height:44px; width:990px; margin:auto}
#logo{float:left;width:195px; color:#fff; margin:5px 10px 0px 0px;}
#header_login{ float:right; width:150px; font-size:13.5px;text-align:right;margin-bottom:0px;}
#header_title{  height:60px;width:100%; clear:both; border-bottom:1px #e5e5e5 dashed; padding:55px 2px 8px 5px; margin-bottom:35px}
#header_title1{  height:60px;width:100%; clear:both; padding:55px 2px 0px 5px; margin-bottom:10px}
#sitemap_area{ width:990px; font-size:16px; color:#000; text-align:left; margin:25px auto; position:relative}
#header_mem{ margin:2px 2px -2px 2px;float:left;}
#header_mem #mem_p img{ width:40px; height:40px;border-radius:100%; margin-top:2px}
/*-----------------------------------msg---------------------------------------*/
#msg{ float:right; width:380px; margin-top:-25px;}
#msg .msgbox{ float:right; width:110px; font-size:12px; color:#555; text-align:center; margin-left:10px; height:50px;}
.msgbox div{ height:28px; padding-top:4px; cursor:pointer}
.msgtxt{ background:#d41f3d; padding:2px; color:#fff; font-size:10px; display:block; width:36px; margin:0px auto 0px auto}
.msg_icon_area{ float:right;}
.msg_icon{ margin:15px 5px auto auto;}
/*----------------------------wrapper----------------------------------*/
#wrapper
{
            width:990px;
            height:auto;
			min-height:600px;
			margin:0px auto 0px auto;
			position:relative;
}
#wrapper1
{
            width:990px;
            height:auto;
			min-height:460px;
			margin:20px auto 55px auto;
			position:relative;
			clear:both
}
#mind_area{ background:#e5e5e5; width:100%; margin:-35px 0px 30px 0px;  border-bottom:1px #bbb dashed; height:auto; min-height:480px;}
/*--------------title----------------*/
.title_area{ color:#999; font-size:20px; vertical-align:top; clear:both; padding-top:25px; padding-bottom:25px;}
.title_area img{ margin-right:10px;}
.title_video{position:absolute; margin-right:0px; left: 928px; top: -85px;}
/*--------------member--------------*/
.profile{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px; background:#202020; width:450px; height:360px; float:left; margin:0px 5px 18px 0px;border: 1px solid #000;background:-webkit-gradient(linear, left top, left bottom, from(#303030), to(#111));
    background:-moz-linear-gradient(top, #303030, #111);
    filter: progid: DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#303030', endColorstr='#111');
    background: -o-linear-gradient(top, #303030, #111);}
.profile_txt{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px; border: 1px solid #dddddd;width:510px; height:340px; float:left; margin:0px 0px 15px 0px; padding:10px;}
.date_btn{float:left; margin-left:15px; margin-top:-6px;}
.date_msg{float:left; width:310px; position:relative}
.member_area{float:left;}
.member_photo{float:left; margin:17px 25px 12px 26px;}
.member_name{margin-top:40px; font-size:25px; color:#fff;text-shadow:2px 2px 2px #333; width:130px; word-break: normal;word-wrap: break-word;word-break: break-all;}
.member_id{margin-top:5px; font-size:16px; color:#d0d0d0;}
.mem_msg_icon{position:absolute; top: 21px; left: -4px;}
.m_in_area{ position:relative}
.m_in_area div{ float:left; display:block; margin-top:30px}
.m_in_area div a{padding-bottom:5px; display:block}
/*--------------content--------------*/
#content_area{width:100%;min-width:1000px; margin-right:0px}
.content_title{ font-size:20px; color:#444; border-bottom:1px dashed #e0e0e0; padding-bottom:10px;}
#content_main{ font-size:13.5px;}
/*---------------btn----------------*/
.creat_btn{
	background: #c6002a;
	padding:7px;
	color:#fff;
	font-size:13.5px;
	width:86px;
	cursor:pointer;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	text-align:center;
	margin: 10px auto;
	}
.creat_btn:hover{background: #8f0010;}
.forget_btn:hover{
	background: #84c952;
	background:-webkit-gradient(linear, left top, left bottom, from(#62ac2c), to(#84c952));
	background:-moz-linear-gradient(top, #62ac2c, #84c952);
	filter: progid: DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#62ac2c', endColorstr='#84c952');
	background: -o-linear-gradient(top, #62ac2c, #84c952);
	}
.form_btn{
	background: #b70220;
	border:1px #b03b4e;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	padding:8px 15px;
	color:#fff;
	font-size:15.5px;
	width:84px;
	cursor:pointer;
	font-family:微軟正黑體;
	text-align:center
	}

.form_btn:hover{
	background: #f3153a;
	}
.form_btn1{
	background: #b70220;
	border:1px #b03b4e;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	padding:6px 10px;
	color:#fff;
	font-size:15.5px;
	width:50px;
	cursor:pointer;
	font-family:微軟正黑體;
	text-align:center;
	margin:auto;
	margin-top:6px
	}
.form_btn1:hover{
	background: #f3153a;
	}
.form_btn2{
    background: #333;
    border:1px #b03b4e;
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    border-radius:2px;
    padding:8px 15px;
    color:#fff;
    font-size:15.5px;
    width:84px;
    cursor:pointer;
    font-family:微軟正黑體;
    text-align:center
    }

.form_btn2:hover{
    background: #999;
    }

.btn{
	background: #000;
	padding:7px;
	color:#fff;
	font-size:13.5px;
	width:86px;
	cursor:pointer;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	text-align:center}
.btn:hover{
	background: #333;}
.all_btn{
	background: #333;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	padding:2px 5px;
	color:#fff;
	font-size:12px;
	width:50px;
	border:1px solid #111;
	cursor:pointer;
	font-family:微軟正黑體;
	text-align:center}
.all_btn:hover{
	background: #000;
	}

/*------------------------foorter-------------------------------------------*/
#footer
{
	clear:both;
   	padding:17px;
	text-align:center;
	color:#777;
	font-size:12px;
	line-height:18px;
	height:auto;
	background: #f9e5d6;
	position:fixed bottom;
	width:100%;
}
.foorter_link{ margin-bottom:15px;}
.foorter_link a{ color:#000;font-size:15px; margin: auto 15px;}
.foorter_link a:hover{ color:#bbb}
.foorter_link a img{ border:none}
/*主MENU*/
#menu_area{float:left; width:650px;}
.nav, .nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: 1;	
}

.nav {
	height:36px;
	width:650px;
	display: block;
	position:absolute;
	z-index:0;
	float:left;
}

.nav>li {
	display: block;
	float: left;
	position: relative;
	margin: 0;
}

.nav>li>a {
	display: block;
	width: 110px;
	padding:23px 2px 10px 2px;
	border-right: 1px dotted #555;
	font-size: 15px;
	font-weight: normal;
	text-decoration: none;
	color: #fff;
	text-align: center;
    text-shadow:1px  1px  1px  #444;
}

.nav>li>a:hover, .nav>li:hover>a {
	background:url(http://img.datemenow.tw/2014images/menu_back.jpg) center center  no-repeat;
}


.nav ul {
	display: block;
	position: absolute;
	left: -9999px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
	width:113px;
}

.nav>li>ul {
	cursor: pointer;
	padding-top: 0px;
	z-index: 200;
	top:48px;
}

.nav>li:hover>ul {
	left: 0px;
}

.nav ul ul {
	left: -9999px;
	top: 0px;
	z-index: 399;
}

.nav ul>li:hover>ul {
	left: 100px;
	top: 0px;
}

.nav ul li {
	position: relative;
	display: block;
	height: 0px;
	-webkit-transition: height .1s;
	-moz-transition: height .1s;
	-o-transition: height .1s;
	-ms-transition: height .1s;
	width:114px;
}

.nav li:hover>ul>li {
	height: 29px;
}

.nav>li:hover>ul>li:first-child {
	height: 29px;
}

.nav>li>ul>li:first-child>a {
	/*border-top: 2px solid #45c3f2;*/
}

.nav ul li a {
	display: block;
	width: 68px;
	padding: 8px 22px 8px 24px;
	font-size: 13px;
	color: #d0d0d0;
	text-decoration: none;
	background:url(http://img.datemenow.tw/2014images/menu_bg.png);
}

.nav>li>ul>li:first-child>a::before {
	content: "";
	display: block;
	position: absolute;
	width:100%;
	height: 6px;
	background: transparent;
	top: -7px;
	left: -30px;
	z-index: 9999;
}

.nav ul li:hover>a, .nav ul li>a:hover {
	background: #000;
	color: #fff;
}

/*-------------------msgbox-------------*/
.p_msgbox{
	background:#000;
	padding:8px 8px 8px 13px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	color:#fff;
	font-size:13px;
	width:292px;
	position:absolute;
	left:12px;
	height:45px;
	top: 1px;
}
/*-------照片圓形----------*/
.photo_radius1{border-radius:100%;}
.photo_radius{border-radius:100%; width:250px; height:250px;box-shadow: 1px 2px 8px #232323; -webkit-box-shadow: 1px 2px 8px #232323; -mos-box-shadow: 1px 2px 8px #232323;}
/*-------------------生活照--------------*/
.user_img{ background:#888; padding:10px; margin-right:2px; width:308px; float:left; color:#fff}
.user_img img{ width:308px; height:205px;}
.user_txt{ z-index:100; width:268px; height:100px; background:#000;opacity: 0.9; -moz-opacity: 0.9; filter: alpha(opacity = 90); text-align:center;position:absolute; padding-top:85px;word-break: normal; padding:85px 20px 20px 20px; line-height:25px}
/*-------------嚴選推薦-----------*/
#push_mem_area{ margin: 10px auto 50px auto; width:868px;height:auto; display:table; position:relative;}
.push_mem{ background:#555; padding:15px; color:#fff; text-align:center; width:180px; float:left; margin:0px 2px;webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.push_mem_name{margin-top:8px;}
/*-----會員檔案左側按鈕-----*/
#p_btn{position:absolute; left:10px; top:210px; background:#555; padding:10px 10px 8px 10px; -webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px; text-align:center; font-size:10px; color:#fff;z-index:100;}
.id_title{color:#000; margin-top:0px; margin-bottom:8px; font-weight:100; padding:15px 5px 5px 10px; }

/*-------------mem_content-------------*/
.men_cont_area{width:476px; height:auto; line-height:24px; margin-right:25px; border-right: 0px solid #d0d0d0; margin-top:25px; padding-right:25px; min-height:190px; font-size:13.5px;}
.men_cont_area1{float:left; width:460px; height:auto; line-height:24px; margin-top:25px;font-size:13.5px; }
.push_mem_name span a {
	color:#f9e5d6;
}
/*-----對話誆-----*/ 

#talkbubble {
	width: 280px;
	height: 236px;
	background: #000;
	position: absolute;
	-moz-border-radius:    10px;
	-webkit-border-radius: 10px;
	border-radius:         10px;
	z-index:100;
	left: 82px;
	top: 3px;
	display:table
}
#talkbubble:before {
   content:"";
   position: absolute;
   right: 100%;
   top: 26px;
   width: 0;
   height: 0;
   border-top: 8px solid transparent;
   border-right: 20px solid #000;
   border-bottom: 8px solid transparent;
}
#talkbubble1 {
	width: auto;
	height: auto;
	background: #000;
	padding:13px;
	position: absolute;
	-moz-border-radius:    10px;
	-webkit-border-radius: 10px;
	border-radius:         10px;
	z-index:100;
	display:table;
	opacity: 0.9;
	-moz-opacity: 0.9;
	filter: alpha(opacity = 90);
	left: 115px;
	color:#fff;
}
#talkbubble1:before {
   content:"";
   position: absolute;
   right: 100%;
   top: 26px;
   width: 0;
   height: 0;
   border-top: 8px solid transparent;
   border-right: 20px solid #000;
   border-bottom: 8px solid transparent;
   	opacity: 0.9;
	-moz-opacity: 0.9;
	filter: alpha(opacity = 90);
}
#talkbubble1 textarea{ font-size:16px; color:#333; padding:10px;}
 /*--------member_index-----------*/
#mem_mphoto_area{ float:left; padding:52px 30px; height:auto; position:relative; margin-right:5px;}
#mem_mphoto_area img{border-radius:100%;width:406px; height:406px;}

.mem_dmnsales_txt{ border-radius:100%;z-index:50; width:246px; height:246px; background:#000;opacity: 0.6; -moz-opacity: 0.6; filter: alpha(opacity = 60); text-align:center;position:absolute;padding:80px;word-break: normal; line-height:25px; z-index:50; color:#fff}
#mem_mtxt{ float:left; width:460px; margin:50px 0px;} 
.m_ch_area{ margin-top:70px; text-align:center; font-size:13px; color:#666}
.mphoto_msg{
	background:#000;
	opacity: 0.7;
	-moz-opacity: 0.7;
	filter: alpha(opacity = 70);
	padding:8px 15px;
	position:absolute;
	width:222px;
	font-size:11px;
	color:#CCC;
	left: 122px;
	top: 455px;
	line-height:20px;
}
.mphoto_msg:before{ content:"";
   position: absolute;
   right: 100%;
   top: -16px;
   left:101px;
   width: 0;
   height: 0;
   border-left: 7px solid transparent;
   border-bottom: 16px solid #000; opacity: 0.98; -moz-opacity: 0.98; filter: alpha(opacity = 98);
   border-right: 7px solid transparent;}
.recome_btn{
	position:absolute;
	z-index:100;
	left: -15px;
	top: 340px;opacity: 0.9; -moz-opacity: 0.9; filter: alpha(opacity =90);
}
.recome_btn:hover{opacity: 1; -moz-opacity: 1; filter: alpha(opacity =100);}
.m_ch_area span{ margin:auto 55px; float:left; position:relative}
.m_ch_area span a{padding-bottom:5px; display:block}
.m_ch_area_tip{
	position:absolute;
	left: -12px;
	top: -42px;
	background:#222;
	width:100px;
	padding:6px 8px;
	opacity: 0.8;
	-moz-opacity: 0.8;
	filter: alpha(opacity =80);
	z-index:30;
	color:#fff;
	font-size:12px;
}
.m_ad_area{ margin:auto; width:990px; clear:both; }
.ad_area{ width:320px; height:auto; min-height:300px; padding:10px 5px; text-align:center; float:left;margin-bottom:25px;}
.ad_area>h1{ color:#d3082e; margin-top:13px;}
.ad_area>h2{ margin-top:-12px; font-size:20px; color:#353535}
.ad_area>h3{ color:#666; font-size:14px; line-height:19px; margin-top:-10px;}
.ad_area table tr td input{ border:2px solid #ccc; -webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px; width:200px; height:28px; padding:4px 5px; color:#555; font-size:22px; font-family:"Times New Roman", Times, serif; font-weight:bold;}
.ad_area table tr th{ font-size:24px; color:#454545;}
.ad_area_event{ position:relative;}
.btn_go{
	position:absolute;
	background:#b70220;
	opacity: 0.9;
	-moz-opacity: 0.9;
	filter: alpha(opacity = 90);
	border-radius:100%;
	text-align:center;
	color:#fff;
	width:40px;
	height:40px;
	padding:16px;
	cursor:pointer;
	left: 236px;
	top: 268px;
}
.btn_go:hover{background:#f3153a;}
.ad_area_event img{ width:272px; height:275px;}
.ad_area_event a img{ width:272px; height:275px;} /*BI 新增 */

#search_area_btm{ background:#000;opacity: 0.7; -moz-opacity: 0.7; filter: alpha(opacity =70); width:100%; height:60px; padding:10px 50px; position:fixed;bottom:0px; clear:both; color:#fff}
.search_area_input{float:left; min-width:660px; width:auto; margin-left:10px; position:relative}
.sch_input{ background:#353535;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px; padding:10px 20px; margin-top:9px}
.sch_input>input{ width:40px; height:20px; color:#000; font-size:16px; font-weight:bold; padding-left:8px; margin:auto 6px;}
.sch_input>select{width:50px; height:26px; color:#000; font-size:16px; font-weight:bold; padding-left:8px; margin:auto 6px;}
.sch_bth{
	position:absolute;
	background:#c21428;
	-moz-border-radius-top-right:5px;
	-moz-border-radius-bottom-right:5px;
	-webkit-border-top-right-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;
	left: 610px;
	top: 9px;
	padding:13px;
	cursor:pointer;
}
.sch_bth:hover{ background:#666;}

/*---------------------活動-----------------------*/
#cam_bg{ background:url(http://img.datemenow.tw/2014images/cam_bg.png);}
#cam_ban_area{ background:#3a3a3a; width:100%; height:315px; padding:20px 0px; overflow:hidden;}
#cam_ban_area img{ float:left;}
.cam_area{ width:990px; display:table; margin:20px auto }
.cam_txt{margin-top:5px;}
.cam_list{ width:840px; min-height:250px; height:auto;  padding:15px; border:5px solid #dddddd; float:left;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;}
.canlender_area{ float:left; margin-right:10px; color:#444; width:100px;}
.cam_date{ background:url(http://img.datemenow.tw/2014images/calender_bg.png) no-repeat; width:88px; height:128px; padding-top:30px;text-align:center;font-family:Georgia, "微軟正黑體", Times, serif; line-height:18px}
.date_txt{ font-size:30px; font-weight:bold; margin-bottom:0px; color:#222; line-height:38px}
.cam_photo{ float:left; width:400px; height:250px; margin-right:15px;}
.cam_photo img{width:400px; height:250px; cursor:pointer}
.cam_photo img:hover{);}
.s_btn{
	position: relative;
	left: 323px;
	top: 174px;
	cursor:pointer;
	height: 0px;
	width: 0px;
}
.s_btn:hover{background:url(http://img.datemenow.tw/2014images/sl_btn1.png);opacity: 1;}
.c_title{ font-size:26px; color:#222; margin-bottom:4px; font-weight:bold; font-family:Georgia, "微軟正黑體", Times, serif;cursor:pointer}
.c_sloagn{ color:#555; padding-bottom:12px; margin-bottom:8px;border-bottom:1px dashed #b5b5b5; font-size:13px; line-height:18px}
.r_txt{ color:#C00}
.c_txt_style{ line-height:22px; font-size:15px;}
.c_btn_area{ position:relative}
.c_btn{position:absolute;right: 0px;}
#filter_area{ position:absolute; left:100px; top:150px;}
.month_filter{border-radius:100%; width:29px; height:29px; padding:20px; border:3px solid #c5c5c5; background:#4b4b4b; text-align:center; font-family:Georgia, "微軟正黑體", Times, serif; font-size:18px; cursor:pointer; color:#fff;}
.month_filter:hover{padding:20px; border:3px solid #f3b0b3; background:#da384b;}

/*-------------活動內頁-------------*/
.cam_list_title{background: #c71a2e;
	background:-webkit-gradient(linear, left top, left bottom, from(#c71a2e), to(#b30318));
	background:-moz-linear-gradient(top, #c71a2e, #b30318);
	filter: progid: DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#c71a2e', endColorstr='#b30318');
	background: -o-linear-gradient(top, #c71a2e, #b30318);
	-moz-box-shadow: 1px 1px 5px #555; /* Firefox */
	-webkit-box-shadow: 1px 1px 5px #555; /* Safari 和 Chrome */
	box-shadow: 1px 1px 5px #555; font-size:30px; line-height:38px;max-width:400px; padding:15px 25px; height:auto; color:#fff; margin-top:14px; font-weight:bold}
.cam_del{ background:#bababa;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px; padding:10px; width:950px; min-height:145px; height:auto; display:table}
.cam_del_left{ float:left; background:#fff; padding:15px 10px; width:650px; height:115px; -webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px; overflow:hidden;}
.cam_del_tle{ font-size:22px; padding-bottom:8px; border-bottom:1px dashed #ccc; color:#333;}
.cam_del_cot{ font-size:14px; line-height:20px; margin-top:8px;}
.cam_del_rig{ margin-left:15px; font-size:14px; line-height:22px; width:260px; float:left}
.cam_cost{ font-size:22px; color:#111;font-family:"MS Serif", "New York", serif; font-weight:bold; line-height:30px;}
.cam_cost1{ font-size:27px; color:#c8001c;font-family:"MS Serif", "New York", serif; font-weight:bold; line-height:30px;}
#cam_content_area{ width:990px; margin:20px auto 20px auto; clear:both; display:table}
.cam_cont_left{ float:left; width:700px; margin-right:60px;}
.cam_cont_txt{ font-size:14px; line-height:26px; margin-top:10px; color:#777; border-bottom:1px dashed #ccc; padding-bottom:15px;}
.cam_cont_txt table tr th{ font-size:14px; padding:6px 12px 6px 0px; vertical-align:text-top}
.cam_cont_txt table tr td{padding:6px 3px;color:#222;}
.cam_cont_img{ width:710px; text-align:center; font-size:13px;margin-top: 10px;line-height: 26px;}
.cam_cont_img img{ max-width:650px; width:auto; margin-top:15px;}

/*.cam_ad_area{ width:220px; margin-top:15px; float:left}*/
.cam_ad_area{ width: 220px;position: absolute;top: 190px;right: 12px;}
.cam_ad_title{ background:#333; color:#fff; padding:8px 10px; width:190px;height:20px;}
.cam_ad_cont{ padding:8px; border:1px solid #ccc; text-align:center; width:192px;}
.cam_ad_cont img{ width:160px; padding:5px; border:1px solid #e5e5e5; margin:5px; cursor:pointer}
.cam_ad_cont img:hover{border:1px solid #ccc;}
.cam_ad_txt{ border-bottom:1px dashed #d5d5d5; padding-bottom:10px; font-size:13px; color:#666; margin-bottom:15px;}
/*-----------------新聞公告-------------*/
#news_area{ position:absolute; width:240px; min-height:130px; height:auto; color:#fff; font-size:13px; padding:15px; z-index:100; line-height:18px; background:#222; right:5px; top:500px;opacity: 0.9; -moz-opacity: 0.9; filter: alpha(opacity = 90);}
#news_title{ font-size:16px; padding-bottom:8px; border-bottom:1px dashed #333; margin-bottom:10px;}
.box_close{ right:0px; top:0px; position:absolute;}

/*---------------聊聊天-------------*/
.chat_img img{ width:60px; height:60px; border-radius:100%; margin-right:10px;}
.chat_img1 img{ width:90px; height:90px; border-radius:100%; margin-right:10px; border:5px solid #e0e0e0;}
.chat_bg { background:#e0e0e0; -webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;display:table; height:auto; min-height:350px; width:650px; margin:30px auto; clear:both; padding:15px;}

.talkbubble_left {
	width: auto; min-width:25px; 
	height:auto; min-height:10px;
	background: #333;
	-moz-border-radius:    7px;
	-webkit-border-radius: 7px;
	border-radius:         7px;
	z-index:100;
	display:table;
	padding:8px;
	color:#fff;
	margin-bottom:5px;
	max-width:400px;
	line-height:22px;
	cursor: pointer;
}
.talkbubble_right {
	width: auto; min-width:25px; 
	height:auto; min-height:10px;
	background: #505050;
	-moz-border-radius:    7px;
	-webkit-border-radius: 7px;
	border-radius:         7px;
	z-index:100;
	display:table;
	padding:8px;
	color:#fff;
	margin-bottom:5px;
	max-width:400px;
	line-height:22px;
	float:right;
	clear:both;
	cursor: pointer;
}
.wordwrap
{
    word-wrap: break-word;
    -moz-binding: url('wordwrap.xml#wordwrap');
    display: block;
    overflow: auto;
}
.time_txt{ font-size:13px; color:#888; margin-bottom:15px;}
.time_txt_right{ font-size:13px; color:#888; float:right; clear:both; display:table; margin-bottom:15px;}
.msg_box{word-wrap: break-word;
    -moz-binding: url('wordwrap.xml#wordwrap');
    display: block;
    overflow: auto;}

.send_btn{
	background: #00a1dc;
	background:-webkit-gradient(linear, left top, left bottom, from(#81d7ff), to(#00a1dc));
	background:-moz-linear-gradient(top, #81d7ff, #00a1dc);
	filter: progid: DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#81d7ff', endColorstr='#00a1dc');
	background: -o-linear-gradient(top, #81d7ff, #00a1dc);
	border:1px #32b2ed;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	padding:20px;
	color:#fff;
	font-size:14px;
	width:30px;
	cursor:pointer;
	font-family:微軟正黑體;
	}
.send_btn:hover{
	background: #81d7ff;
	background:-webkit-gradient(linear, left top, left bottom, from(#00a1dc), to(#81d7ff));
	background:-moz-linear-gradient(top, #00a1dc, #81d7ff);
	filter: progid: DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#00a1dc', endColorstr='#81d7ff');
	background: -o-linear-gradient(top, #00a1dc, #81d7ff);
	}
.date_tab{width:auto; padding:15px 18px; margin:15px 1px 15px 0px; background:#b5b5b5; height:18px; text-align:center; cursor:pointer; color:#fff; font-size:15px; font-family:微軟正黑體; position:relative; float:left; }
.date_tab:hover{background:#999;}
.top_ad_area{ margin:auto; width:990px; margin-bottom:15px;}
.top_ad_area img{ width:990px;}
.chat_line{ margin-bottom:25px; border-bottom:1px dashed #e0e0e0; padding-bottom:15px; display:table}
.box_close1{ right:0px; top:0px; position:absolute;}
.box_close1 img{ width:20px;opacity: 0.4; -moz-opacity: 0.4; filter: alpha(opacity =40);}
.box_close1 img:hover{ width:20px;opacity: 0.6; -moz-opacity: 0.6; filter: alpha(opacity =60);}

/*---------------排約對象--------------*/
.nl_area_top{ background:#fff5f6; border:5px solid #ffdddf; webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px; width:700px; padding:15px; display:table; position:relative; margin-bottom:20px;}
.nl_area{ background:#fff; border:5px solid #f0f0f0; webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px; width:700px; padding:15px 15px 0px 15px; display:table; position:relative; margin-bottom:20px;}
.nl_area_mem{ float:left; width:180px; padding-left:10px;}
.nl_area_mem img{border-radius:100%; border:5px solid #b5b5b5;}
.nl_area_tag{ position:absolute; top:0px; right:0px;}
.nl_area_txt{ float:left; width:400px; padding:35px 15px;}
.nl_area_btn{ float:left;}
.area_btn{
	background:#f63c51;
	text-align:center;
	color:#fff;
	width:40px;
	height:40px;
	padding:16px;
	margin-top:55px;
	-moz-border-radius:    7px;
	-webkit-border-radius: 7px;
	border-radius:         7px;
	cursor:pointer
	}
.area_btn:hover{background:#d71d33;}
.nl_area_mt{ padding:15px 25px 15px 25px; font-size:14px; clear:both; border-top:1px dashed #c0c0c0;}

/*登入*/
#index_bg{ background:#222;}
.login_btn{
    border:1px #b03b4e;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    padding:7px 10px;
    color:#fff;
    font-size:13.5px;
    width:120px;
    cursor:pointer;
    font-family:微軟正黑體;
    text-align:center;
    background: #b70220;
    background:-webkit-gradient(linear, left top, left bottom, from(#b70220), to(#900212));
    background:-moz-linear-gradient(top, #b70220, #900212);
    filter: progid: DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#b70220', endColorstr='#900212');
    background: -o-linear-gradient(top, #b70220, #900212);
    }
.login_btn:hover{
    background: #900212;
    background:-webkit-gradient(linear, left top, left bottom, from(#900212), to(#b70220));
    background:-moz-linear-gradient(top, #900212, #b70220);
    filter: progid: DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#900212', endColorstr='#b70220');
    background: -o-linear-gradient(top, #900212, #b70220);
    }
/*banner*/
#index_ban_area{ background:#3a3a3a; width:100%; height:524px; padding:40px 0px; overflow:hidden; }
#index_ban_area img{ float:left;}

/*熱門會員*/
.mem_img{ width:900px;margin:-40px auto 40px auto; display:table; padding:65px 10px; }
.mem_img h1{ font-size:20px; color:#bbb; margin-top:0px; font-weight:100;}
.mem_img img{ float:left; width:100px; margin:2px;}

/*QRcode*/
blockquote{width:900px; margin:40px auto 40px auto; display:table; position:relative}
/*註冊*/
.box_border{ border:5px solid #cfcfcf; -webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px; position:relative}
.box_close2{
 position:absolute;
 margin-left:620px;
 top:-21px;
 left: -18px;
 cursor:pointer
}

/*-------------------配對成功------------------*/
.mr_bg1{ background:#e5dada; border:1px solid #dccfcf;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;display:table }
.mr_bg{ background:#e2e2e2; border:1px solid #d1d1d1;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px; display:table}
.mr_peo a{ font-size:11px; cursor:pointer}
.mr_line{border-bottom:1px solid #fff; border-top:1px solid #d4d3d3; clear:both; margin:5px auto; }
#mr_left{float:left; margin-left:5px; width:250px; margin-right:10px; height:auto; margin-top:10px;}
#mr_text{ background:#343434;padding:15px; width:220px;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px; display:table;color:#fff;}
.mr_ad{ background:#d1d1d1;padding:10px; width:230px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px; display:table; border:#454545;height:auto;}

.mr_txtbox_max{
    float:right;
    position:absolute;
    left: 121px;
    background:#FFF;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    width:140px;
    height:90px;
    top: 17px;
    padding:5px 5px;
}
.mr_txt_tri_max{
    position:absolute;
    background:url(http://img.datemenow.tw/mrbox.png) no-repeat;
    width:20px;
    height:26px;
    left: -20px;
    top: 45px;
}
.mr_bg1_max{ background:#b54687; border:1px solid #a63578;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px; }
.mr_bg_max{ background:#9c49c3; border:1px solid #9537c1;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}

.mr_serh {top:5px; overflow:hidden; height:35px; margin-left:94px;}
.mr_serh img{ width:30px; height:30px; margin:4px 4px;}
#mr_right{float:right; width:740px; margin-right:5px;margin-top:10px; margin-bottom:20px;}
#mr_content{ background:#fafafa; border:7px solid #f6d9df; padding:10px 15px; margin:15px auto; height:auto; min-height:500px; width:696px;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px; display:table;}
.mr_peo{ position:relative;float:left; width:305px; padding:16px; margin:5px 4px 15px 4px; display:table;}
.mr_txtbox{
    float:right;
    position:absolute;
    left: 159px;
    background:#FFF;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    width:150px;
    height:74px;
    top: 20px;
    padding:6px 9px;
}
.mr_txt_tri{
    position:absolute;
    background:url(http://img.datemenow.tw/mrbox.png) no-repeat;
    width:20px;
    height:26px;
    left: -20px;
    top: 45px;
}
.mr_ch{
    position:absolute;
    top: 113px;
    left: 161px;
    font-size:32px;
    color:#222;
}
.mr_ch_1:hover{color:#666;}
.mr_ch_2:hover{color:#666;}
.mr_name {line-height:22px; font-size:14px;}
.mr_data{padding:2px 5px 5px 15px; color:#7c7c7c;}
.mr_dline{ border-bottom:1px solid #e0e0e0; margin: 2px 8px 0px 11px;}
.mr_ac{padding:5px 0px 5px 15px;font-size:11px;}
.mr_love{
    position:absolute;
    left: 163px;
    top: 113px;
    width:64px;
    height:40px;
}

  /*付款方式*/
.credit_title{ padding:10px 15px; background:#888; width:auto; height:20px; color:#FFF; font-size:16px;}
.credit_box{padding:18px 30px; overflow:hidden; height:200px; position:relative;}
.credit_box img{ float:left; width:280px; padding:15px;}
.credit_box_s img { background:#cfcfcf;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px; }
.credit_box img:hover{ background:#cfcfcf;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px; }
.credit_box1{padding:18px 30px; }
.cre_pay div{ float:left; width:120px; height:auto; margin:10px 4px 10px 0px; text-align:center; font-size:12px;}
.step_style div{ padding-right:15px}


/* 管理介面照片區 */
.mang_imgs{float:left; width:140px; height:120px; margin-right:20px; position:relative; padding:10px 0px;}
.mang_imgs img{width:140px; height:100px;}
.mang_imgs_del img{
    position:absolute;
    left:130px;
    top:0px;
    width:20px;
    height:20px;
}

.mang_btn
{
	float:right;margin-left:10px;margin-right:10px;
}
.mang_pn:hover, .edit_pn:hover
{
	background-color:#FFFFDF;

}

#p_btn1{position:absolute; left:230px; top:425px; background:#555; padding:2px 10px 5px 10px; -webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px; text-align:center; font-size:10px; color:#fff;z-index:100;}
.id_title{color:#000; margin-top:0px; margin-bottom:8px; font-weight:100; padding:15px 5px 5px 10px; float:left;}

#p_btn2{position:absolute; left:140px; top:425px; background:#555; padding:2px 10px 5px 10px; -webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px; text-align:center; font-size:10px; color:#fff;z-index:100;}
.id_title{color:#000; margin-top:0px; margin-bottom:8px; font-weight:100; padding:15px 5px 5px 10px; float:left;}