/*-------------------20150601style-----------------------*/
.all-content{
	width: 100%;
	height: 100%;
	background: url(http://img.datemenow.tw/2016images/event/event160530/flower_bg.jpg);
}
.header-0601{
	width: 100%;
	height: 958px;
	background: url(http://img.datemenow.tw/2016images/event/event160530/header0601.jpg) no-repeat;
	-moz-background-size:cover;
	-webkit-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
}
.header-0601 .inside{
	width: 962px;
	height: 600px;
	position: relative;
	margin: 0 auto;
}
.icon-0601{
	position: absolute;
	top:100px;
	left:50px;
}
.people-0601{
	position: absolute;
	top:350px;
	left:50px;
}
.title01-0601{
	position: absolute;
	top:180px;
	left:100px;
}
.title02-0601{
	position: absolute;
	top:380px;
	left:300px;
}
.event01,.event02,.event03{
	width: 962px;
	margin: 0 auto;
	position: relative;
	text-align: center;
}
.event01{
	height: 800px;
	margin-top: -350px;
}
.event02{
	height: 600px;
	margin-top: 0px;
}
.event03{
	height: 650px;
	margin-top: 0px;
}
.event01 .text{
	position: absolute;
	top:-50px;
	left: 55px;
	z-index: 99;
}
.event03 .form01{
	position: absolute;
	top:100px;
	left: 250px;
	z-index: 99;
}
.event03 .tablestyle{
	text-align: left;
	color: #9e9e9e;
	font-size: 12px;
	line-height: 2.2em;
	font-family: '微軟正黑體' , Verdana, sans-serif;
}
.event03 .tablestyle td{
	padding-bottom: 10px;
}
.event03 .tablestyle .title{
	font-size: 18px;
	font-weight: bold;
	color: #57891e;
}
.event03 .tablestyle .star{
	font-size: 16px;
	color: #b63c7b;
}
.event03 select {
	font-size:14px;
}
.event03 .inputstyle{
	border-radius: 3px;
	border:1px solid #dfdfdf;
	background: #efefef; 
	width: 188px;
	padding: 10px;
	font-size: 14px
	color:#3d3d3d;
}
.event03 .check{
	display: inline-block;
	margin:0;
	padding: 0;
	width: 15px; 
}
.event03 .blackform{
	text-align: left;
	position: absolute;
	right:50px;
	top:320px;
	width: 298px;
	padding: 15px;
	background:#000;
	opacity: .7;
	color: #fff;
	font-size: 13px;
	line-height: 1.8em;
	-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.event03 .blackform .yellow{
	font-size: 18px;
	font-weight: bold;
	line-height: 2em;
	color: #feeb15;
}
.btn_001{
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	color: #fff;
	padding:10px;
	width: 92%;
	display: block;
	text-decoration:none; 
	background:#bb5086;
	z-index: 9999;
}
.btn_001:hover{
	color: #bb5086;
	background: #fff;
	-webkit-transition: all .2s ease-out;
       -moz-transition: all .2s ease-out;
         -o-transition: all .2s ease-out;
            transition: all .2s ease-out;
}
/*-------------------20150602style-----------------------*/
@keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
  }

  70% {
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9);
  }

  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
.content-0602{
  width: 100%;
  height: 100%;
  background: url(http://img.datemenow.tw/2016images/event/event160625/bg01.jpg);
}
.header-0602{
  width: 962px;
  height: 650px;
  margin:0 auto;
  position: relative;
  text-align: center; 
}
.header-0602 .model01, .model02, .model03{
  position: absolute;
  display: block;
  width: 276px;
  height: 511px;
  box-shadow: 10px 10px 20px #b6b6b6;
  z-index: 99;
}
.header-0602 .model01{
  left:20px;
  top: 90px;
}
.header-0602 .model02{
  left:336px;
  top: 90px;
}
.header-0602 .model03{
  left:646px;
  top: 90px;
}
.header-0602 .title01, .title02, .title03{
  position: absolute;
  animation-name: fadeInLeft;
  animation-duration: 2s;
  animation-delay: 0s;
  animation-direction: alternate;
  z-index: 100;
}
.header-0602 .title01{
  top: 240px;
  left: 0px;
}
.header-0602 .title02{
  top: 420px;
  left: 65px;
}
.header-0602 .title03{
  top: 45px;
  right: 40px;
}
.header-0602 .form01{
  position: absolute;
  width: 346px;
  height: 267px;
  display: block;
  animation-name: fadeIn;
  animation-duration: 2s;
  animation-delay: 0s;
  animation-direction: alternate;
  z-index: 100;
  background: #c9253c;
  border-radius: 5px;
  bottom: 10px;
  right: 10px;
  background: url(http://img.datemenow.tw/2016images/event/event160625/form01.png);
}
.header-0602 .form01 .table01{
  font-family: '微軟正黑體' , Verdana, sans-serif;
  font-size: 18px;
  line-height: 2em;
  text-align: left;
  color: #fff;
  margin:50px 0 0 20px; 
}
.header-0602 .form01 .table01 td{
  padding-bottom: 3px;
}
.header-0602 .inputstyle02{
  border-radius: 3px;
  border:1px solid #dfdfdf;
  background: #fff; 
  width: 188px;
  padding: 10px;
  font-size: 14px
  color:#3d3d3d;
}
.header-0602 .btn_002{
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  color: #fff;
  padding:2px;
  width: 98%;
  display: block;
  text-decoration:none; 
  background:#7b1e2c;
  z-index: 9999;
  border-radius: 5px;
  margin-top: 15px;
}
.header-0602 .btn_002:hover{
  color: #7b1e2c;
  background: #fff;
  -webkit-transition: all .5s ease-out;
       -moz-transition: all .5s ease-out;
         -o-transition: all .5s ease-out;
            transition: all .5s ease-out;
}
.section01{
  width: 100%;
  height: 520px;
  margin-top: -95px;
  background:#f3dee5;   
}
.section01 .content{
  position: relative;
  width: 962px;
  margin:0 auto;
}
.section01 .content .text{
  position: absolute;
  top: 112px;
  left: 20px;
}
.bottom {
  text-align: center;
  display: block;
  width: 962px;
  height: 110px;
  margin:0 auto;
}
.bottom  img{
  margin-top: 25px;
}

/*-------------------20150607style-----------------------*/
.content-0607{
  width: 1920px;
  height: 1115px;
  text-align: center;
  animation-name: fadeIn;
  animation-duration: 2s;
  animation-delay: 0s;
}

/*-------------------20150615style-----------------------*/
.content-0607{
  background: url(http://img.datemenow.tw/2016images/event/campaign_index/event_bg0607.jpg)no-repeat center;
  position: relative;
  margin-bottom: 10px;
}
.content-0607 .btn01, .btn02{
  position: absolute;
  display: block;
  width: 190px;
  font-family: '微軟正黑體' , Verdana, sans-serif;
  font-size: 22px;
  background: #e07aa2;
  border-radius: 5px;
  padding: 12px;
  text-align: center;
  color: #fff; 
  text-decoration: none;
}
.content-0607 .btn01{
  top:110px;
  right: 470px;
}
.content-0607 .btn02{
  bottom:0px;
  right: 880px;
}
.content-0607 .btn01:hover, .btn02:hover{
  opacity: .7;
}

/*-------------------20150616style註冊頁-----------------------*/
.right_login0615{
  width: 300px;
  height: 278px;
  background: url(http://img.datemenow.tw/2016images/register/bg0615.jpg) no-repeat;
  padding-top: 54px;
  text-align: center;
}
.check0615{
  font-size: 12px;
  color: #767676;
  line-height: 18px;
  margin-top: -5px;
  cursor: pointer;
}
.left-button0615{
  float: left;
  display: block;
  width: 129px;
  height: 33px;
  margin: 15px 8px 0 16px;
  background: url(http://img.datemenow.tw/2016images/register/leftbutton0615.jpg) no-repeat;
}
.right-button0615{
  float: left;
  display: block;
  width: 129px;
  height: 33px;
  margin-top: 15px;
  background: url(http://img.datemenow.tw/2016images/register/rightbutton0615.jpg) no-repeat;
}
.left-button0615:hover{
  opacity: .8;
}
.right-button0615:hover{
  opacity: .8;
}
/***快速註冊***/
.mian_warpper{font-family: Microsoft JhengHei,微軟正黑體,Arial; background:url(http://img.datemenow.tw/2016images/register/bg.jpg); padding-top: 50px; width: 100%; height: 100%;}
.login{ width:896px; height:688px; background:url(http://img.datemenow.tw/2016images/register/login_bg.png); margin:0 auto 20px auto; z-index: 1;}
.login_left{ width:310px; height:296px; background-color:#E1E6E8; float:left; margin-left:80px; margin-top:330px; padding:10px 20px;}
.login_right{ width:310px; height:296px; background-color:#FBE1EB; float:right; margin-right:80px; margin-top:330px; padding:10px 20px; }
.login_title{ font-size:21px; font-weight:bold; line-height:50px; color:#727171; letter-spacing:2px; margin: 0;}
.login_btr1:hover,.login_btr2:hover{ background-color:#000; color:#FFFF00;}
.login_left_p{ margin:10px 0 0 0;}
.login_left_ps{ display:block; text-align:right; font-size:13px; line-height:50px; color:#898989; margin: 0; text-decoration: none;}
.login_left_ps:hover{ text-decoration: underline; color: #999999;}
.login_right_p{ margin:10px 0 0 0;}
.login_check{margin: 10px 0 0 0; font-size: 13px; line-height: 19px; color: #767676;}
.login_btn_login{display: block; width: 130px; font-size: 16px; padding: 8px; text-align: center; color: #fff; background: #898989; text-decoration: none; float: right; margin-top: 32px;}
.login_btn_right{display: block; width: 130px; font-size: 16px; padding: 8px; text-align: center; color: #fff; background: #5254a3; text-decoration: none; float: left; margin-top: 13px;}
.login_btn_left{display: block; width: 130px; font-size: 16px; padding: 8px; text-align: center; color: #fff; background: #e84883; text-decoration: none; float: right; margin-top: 13px;}
.login_btn_login:hover, .login_btn_right:hover, .login_btn_left:hover{opacity: .7}

/***完整註冊***/
.register_warpper{ width:100%; height:100%; padding-top:30px; background:url(http://img.datemenow.tw/2016images/register/bg.jpg) ; margin:0 auto; font-family: Microsoft JhengHei,微軟正黑體,Arial;}
.sform{ width:1440px; height:auto; overflow:hidden; margin:0 auto; padding-bottom:40px; position:relative;}
.form_man{ position: absolute; left:156px; top:10px; z-index: 30;}
.form_women{ position: absolute; right:163px; top: 115px; z-index: 30;}
.form_block{ width:880px; height:auto; overflow:hidden; margin:0 auto; background-color:#FFFFFF; -webkit-box-shadow: 0px 0px 20px #333; -moz-box-shadow: 0px 0px 20px #333; margin-top:20px;}
.form_block1{ width:820px; height:auto; margin:10px 10px; background-color:#EFEFEF; padding:20px 20px; overflow:hidden;}
.form_block1_title{ width:780px; height:70px; background:url(http://img.datemenow.tw/2016images/register/icon_tittle.png) left top no-repeat; padding-top:10px; margin-bottom:30px; overflow:hidden; }
.form_block1_title2{ font-size:17px; color:#231815; line-height:40px; margin:0 0 0 120px;}
.form_block1_title1{ font-size:27px; color:#E60012; line-height:30px; margin:0 0 0 120px;}
.form_block_left{ width:329px; height:auto; overflow:hidden; float:left; padding:10px 30px; border-right:#9AABAF solid thin;}
.form_block_right{ width:330px; height:auto; overflow:hidden; float:right; padding:10px 30px;}
.form_block_center{ width:720px; height:auto; overflow:hidden; padding:10px 40px;}
.form_p1{ font-size:17px; line-height:20px; color:#5D5F68; height:auto; overflow:hidden; margin: 0;padding-bottom:0;}
.form_p2{ font-size:17px; line-height:40px; color:#5D5F68;}
.form_p3{ font-size:17px; line-height:40px; color:#5D5F68; margin-left:15px;}
.marginbottom15{ margin:0 0 15px 0;}
.marginbottom30{ margin:0 0 30px 0;}
.marginbottom100{ margin:0 0 100px 0;}
.marginbottom150{ margin:0 0 150px 0;}
.form_block_bottom{ width:740px; height:auto; overflow:hidden; padding:20px 20px;}
.bt_nextstep1{ display:block; width:256px; height:66px; background:url(http://img.datemenow.tw/2016images/register/bt_nextstep.png) left top no-repeat; margin:0 auto;border:0 none;-webkit-appearance: none;}
.bt_nextstep{ display:block; width:256px; height:66px; background:url(http://img.datemenow.tw/2016images/register/bt_nextstep.png) left top no-repeat; float:right; margin-right:120px;border:0 none;-webkit-appearance: none;}
.bt_prvstep{ display:block; width:216px; height:66px; background:url(http://img.datemenow.tw/2016images/register/bt_prvstep.png) left top no-repeat; float:left; margin-left:120px;border:0 none;-webkit-appearance: none;}
.bt_nextstep1:hover,.bt_nextstep:hover,.bt_prvstep:hover{ background-position:left bottom;}
.form_txt1{ font-size:13px; line-height:30px; color:#9A9BA2;}
.form_tag1{ width:299px; height:auto; overflow:hidden; padding:10px 10px;}
.tag_man{ display:block; width:92px; height:39px; background:url(http://img.datemenow.tw/2016images/register/icon_man.png) top left no-repeat;  vertical-align:middle; float:right; margin-right:10px;}
.tag_woman{ display:block; width:92px; height:39px; background:url(http://img.datemenow.tw/2016images/register/icon_woman.png) top left no-repeat;  vertical-align:middle; float:right; margin-right:90px;}
.tag_man:hover,.tag_woman:hover{ background-position:left bottom; }
.tagtag { background-position:left bottom; }

/***註冊完成***/
.finish_warpper p{
  margin: 0;
}
.finish_warpper{
  font-family: Microsoft JhengHei,微軟正黑體,Arial; 
  width: 100%;
  height: 100%;
  background:url(http://img.datemenow.tw/2016images/register/bg0616.jpg);
  padding-top: 230px;
}
.finish_block{
  position: relative;
  margin: 0 auto 0 auto;
  background: #fff;
  box-shadow: 0 0 20px #929292;
  width: 410px;
  height: 240px;
  outline:1px solid #c2c2c2;
  outline-offset:-15px;
  text-align: center;
}
.finish_block .word{
  margin: 0 auto;
  display: block;
  width: 300px;
  color: #767676;
  font-size: 18px;
  line-height: 28px;
  padding: 50px 0 40px 0;
}
.finish_block .red_btn{
  display: block;
  width: 200px;
  padding:8px;
  color: #fff;
  background: #d41f3d;
  margin: 0 auto;
  font-size: 20px;
  font-weight: bold;
  text-decoration: none;
}
.finish_block .red_btn:hover{
  opacity: .7;
}
.finish_block .ok{
  position: absolute;
  top:-162px;
  left:100px;
  widows: 206px;
  height: 162px;
}
.footer_icon {
	text-align: -webkit-center;
}
.footer_icon div {
	display: inline-block;
}
.fotter_logo {
	padding-right:50px;
}