@charset "UTF-8";
/*
.groups{
	position:relative;
}

.group{
	display:inline-block;
}
*/
/*#progressbar{
	position:absolute;
	margin-top:50%;
	margin-left:50%;
	width:150px;

}*/
#fullScreen{
 position:absolute;
 height:1000px;
 width:100%;
 background:#000;
 z-index: 998;
}

#pageStep1, #pageStep2, #pageStep3{
	
	text-align:center;
}

#pageStep1 li{
	background: rgba(0%,0%,0%,0);
	padding-left:5%;

/*	background:#eeddd3;	 */

}

#pageStep1 .ui-li-icon {
    max-height: 25px;
    max-width: 25px; 
    position: absolute;
    top:6px;
	left:6px;
/*	background:#eeddd3;	 */
}

#carddiv{
	width:300px;
	height:300px;
	margin: 0 auto;
	background-image:url(../images/card1.png);
	position:relative;

}
#carddiv img{
	position:absolute;
	left:0;
	
}
#cardtable{
	position:absolute;
	top:20px;
	right:5px;
	left:5px;
	width:270px;
	margin:0px auto;
}

#cardtable input{
	
	font-size:12px;	
	text-shadow:0px 0px 0px #000;
	
}

/*#cardtable td{
	background-color:#fff;
	border:15px;
	margin:0px;
	height:15px;
}*/

div.row_2{
	position:relative;
	width:300px;
	height:100px;
	margin:0 auto;
	margin-top:15px;	
}

#select_cover{
	position:absolute;
	display:inline-block;
	left:0;
	width:100px;
	height:100px;
	background-color:#DFD9DA;
}
#select_cover #leftupImg{
	position:absolute;	
	min-width: 39px;
	height: auto;	
	/*border: 5px solid #FFF;	*/
}


#select_cover p{
	width:100px;
	height:100px;
	line-height:100px;
	text-align:center;
	font-size:12px;
	display:inline-block;
}

#mapImg{
	margin:25px 0 0 20px;
	background-repeat:no-repeat;
	background-position:center;
	
	
}


/* 新人介紹 */
/**{
	margin:0;
	padding:0;
}*/
.cell_textarea{
	right:20px;
	position:absolute;
	top:5px;	
	left: 130px;
	border:none;
}
textarea.ui-input-text { height:70px; max-height: 70px;  }
#sortPicInP2 .cell_input_order{
	position:absolute;
	bottom:5px;	
	left: 130px;
}
#sortPicInP2 .cell_input_order{
	position:absolute;
	bottom:5px;	
	left: 130px;
}

.picClass{
	position:relative;
	width:300px;
	margin: 0px auto;
	
}
.picClass img{
	width:288px;
	margin:0 auto;
	border: 6px solid #FFF;
}

.picClass p{
	position:absolute;
	width:300px;
	height:60px;
	background: rgba(0%,0%,0%,0.3);
	color:#FFF;
	bottom:4px;
	
	text-align:left;
	text-shadow:none;
	
}


.preBtn{
	position:fixed;
	left:0px;
	top:85%;
	/*bottom:15%;*/
}
.nextBtn{
	position:fixed;
	right:0px;
	top:85%;
	/*bottom:15%;*/
}

.P2Row2{
	padding-top:5px;
	width:300px;
	margin:0 auto;
}
.smallCircle {
	margin-left:10px;
	margin-right:10px;	
	background-repeat:no-repeat;
	background-position:center;
}

/*page3 */

#P3Row1{
	margin:0 auto;
}
#groupPic{
	
	width:320px;
	height:320px;
	margin:0 auto;
	
	position:relative;
}
#groupPic
{
	margin:4px;
}
#groupPic img{
	position:absolute;
	bottom:0;
	right:0	
}

.dropDIV1{
	position:absolute;
	background-size:200px;	
	width:200px;
	height:100px;
	background-image:url(../images/weddingPhoto_background.jpg);
	/*background-size:200px 100px;*/
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;		
}
.dropDIV2{
	position:absolute;
	left: 208px;
	top: 0px;
	width:100px;
	height:100px;
	background-image:url(../images/weddingPhoto_background.jpg);
	/*background-size:100px 100px;*/
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	
}
.dropDIV3{
	position:absolute;
	top:108px;
	width:100px;
	height:92px;
	background-image:url(../images/weddingPhoto_background.jpg);
	/*background-size:100px 92px;*/
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	
}
.dropDIV4{
	position:absolute;
	left:108px;
	top:108px;
	width:200px;
	height:200px;
	background-image:url(../images/weddingPhoto_background.jpg);
	/*background-size:200px 200px;*/
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	
}
.dropDIV5{
	position:absolute;
	top: 208px;
	width:100px;
	height:100px;
	background-image:url(../images/weddingPhoto_background.jpg);
	/*background-size:100px 100px;*/
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
/* display設定成block才能夠設定長寬*/
/*.cellPic{
	font-size:12px;
}*/
.cellPic a{
	font-size:12px;
}
.dropDIV1 a{
	display:block;
	line-height:100px;
}
.dropDIV2 a{
	display:block;
	line-height:100px;
}
.dropDIV4 a{
	display:block;
	line-height:200px;
}
.dropDIV5 a{
	display:block;
	line-height:100px;
}
/*留言管理 */
.cell{
	height:100px;	
}
.cell .cellImg
{
	/*float:left;*/
	vertical-align : middle;

}
.cell .cell_info{
 padding-left:5px;
 overflow:auto;
 padding-right:30px;
 white-space:pre-wrap;
}
.cell .name_date{
	position:absolute;
	
	right:50px;
	bottom:0px;	
}

.cell .cell_label_checkbox{
	position:absolute;	
	top:50%;
	right:0;
	padding-right:5px;
}

.img_background{	/*包住圖片用背景為黒 <== DIV*/
	background-color : #000;
    overflow: hidden; /*切掉圖片多出來的部分*/
    float:left;
   	height : 100px;
  	width : 100px;
    
  	text-align : center;
    
  	/* Firefox, Chrome */
  	line-height : 100px;
    
  	/* IE */
  	*font-size : 90px;  /* 100px * 0.9 = 180px */
  	*font-family : Arial;
}

.x{
	width:100px;
	text-align:right;
}
/*page indicator*/
#navigator {
    width: 100%;
    padding: 0;
    height: 14px;
    z-index: 999;
}
#navigator a {
    display: inline-block;
    width: 6px;
    height: 6px;
    text-indent: -999em;
    background: #fff;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    box-shadow: 0 0 1px 1px #707173;
    margin-right: 10px;
}
#navigator a {
    background: #707173;
}
#navigator a.activeSlide {
    background: #9F5364;
}

.cell_input_order_editmode{
 display:inline;
 padding-right:5px;

}
.cell_label_checkbox_editmode{
 display:inline;
 padding-right:5px;
}
.editmode{
 position:absolute;
 left:130px;
 bottom:3%;
}

#uploadBtn
{
 bottom:10px;
 position:absolute;
 right:30px;
 
}
.result{
 color:#AA5273; 
}

.step4_p{
 width:300px;
 text-align:left;
 
 margin:9px auto;
 margin-left:50px;
}