@import url(https://fonts.googleapis.com/earlyaccess/cwtexming.css);

/* 製作拍立得的按鈕 */
a.polaroidBtn{
	background-image: url(../images/polaroidBtn.png);
	background-repeat: no-repeat;
	background-size: 30px 30px;
	margin-right: 10px;
}

/* 前台可下載拍立得的按鈕 */
a.getPolaroidBtn{
	width: 25px;
	height: 25px;
	display: block;
/* 	background-image: url(../images/getPolaroidBtn_v2.png); */
	background-image: url(../images/findId_icon.png);
	background-repeat: no-repeat;
	background-size: 25px auto;
	background-position: top left;
	position: absolute; 
	bottom: 0px; 
	right:5px; 
		
}


/* 拍立得製作頁面 */

#photoFrameBox{
		width: 470px;
		margin: 0 auto;
		display: none;
		padding-bottom: 80px;
	}
	

	.photoFrame{
	
		width: 100%;
		height: 0;
		padding-bottom: 121%;
		background-image: url(../images/polaroidFrame.jpg);
		background-repeat: no-repeat;
		background-size: 470px auto;
		position: relative;	
		margin: 0 auto;
		box-shadow: 1px 1px 1px 2px rgba(0,0,0,.3);
		display: block;
		margin-bottom: 15px;
	}	
	
	

	
	.thePhoto{
		position: absolute;
		left: 28px;
		top:28px;
		width: 412px;
		height:412px;
		overflow: hidden;
/* 		box-shadow: 1px 1px 1px 2px rgba(0,0,0,.5); */
		background: #000000;
	}
	
	.thePhoto p{
		color: #929292;
		font-size: 11pt;
		line-height: 1.6;
		font-family: Georgia, "STSong", "Times New Roman","新細明體" , Times, serif;
		margin: 15px auto;
		width: 90%;
	}
	
	.thePhoto img{
		width: 100%;
		position:absolute;
/*
		transform: rotate(90deg);
		top:-260px;
*/
	}
	
	.contentArea{
		width: 100%;
		position: absolute;		
		bottom: 70px;
		left: 30px;
	}

	
	.contentArea p, .contentArea a{
		font-size: 11pt;
/* 		font-family: Georgia, "STSong", "Times New Roman","新細明體" , Times, serif; */
		font-family: Georgia,'新細明體','cwTeXMing', serif;
		color: #3e3e3e;
	}
	
	.contentArea a{
		color: #787878;
		font-size: 9pt;
	}
	
	.webAdd{
		font-size: 9pt;
		font-weight: 100;
		position: absolute;		
		bottom: 10px;
		right: 10px;
		color: #898989;
		width: 95%;
	}
	
	.webAdd img,.webAdd span{
		float: right;
	}
	
	.webAdd img{
	}
	
	.webAdd span{
		padding-top: 5px;
		margin-left: 5px;
	}
	
	
	
	
	
/* 	rcorp */

/* body{margin: 0; padding: 0px; padding-top: 50px;} */
body{margin: 0; padding: 0px; }

main{
    min-height:500px;
    display: block
}
pre{
    overflow: auto;
}
.demo{
    padding: 20px;
}
.image-wrapper{
    max-width: 410px;
    min-width: 200px;
    margin: 0 auto;
    margin-bottom: 15px;
}
img{
    max-width: 100%;
}

/*
label{
    display: inline-block;
    width: 60px;
    margin-top: 10px;
}
*/

#update{
    margin: 10px 0 0 60px ;
    padding: 10px 20px;
}


.polaridBtnBox{
	width: 100%;
	text-align: center;
	height: 30px;
	line-height: 30px;
	position: relative;
}


.polaridBtnBox a{
	float: left;
    width: 30px;
    height: 30px;
    display: block;
    color: #34dab5;
    line-height: 30px;
    font-size: 12pt;
    text-decoration: none;
}

.polaridBtnBox a:last-child{
	float: right;
}

.polaridBtnBox a#goPreview{
/* 	background-image: url(../images/life_adm_preview_btn.svg); */
	background-image: url(../images/polaroidPreview_btn.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 30px 30px;
}


.polaridBtnBox a#confirmPreview{
/* 	background-image: url(../images/life_adm_preview_btn.svg); */
	background-image: url(../images/polaroidDevelopBtn.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 30px 30px;
}



.polaridBtnBox button{
	padding: 10px 20px;
}

.polaridBtnBox.forpreview button{
	position: absolute;
	top:0;
	right: 0;
    width: 30px;
    height: 30px;
}


#imageWrapperBox{
	width: 410px;
	margin: 0 auto;
	margin-bottom: 80px;
}


#polaroidUploadLoading{
	position: absolute;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(96,96,96,.7);
}

#polaroidUploadLoading img{
	width: 25%;
	height: auto;
	border-radius: 50%;
	position: absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
}

@media screen and (max-width: 736px){
	
		#imageWrapperBox{
			width: 95%;
		}
		
		#photoFrameBox{
			width: 95%;
		}
	
		.menuWrapper .mobile_MenuBox ul {
		    width: 100%;
		    margin-left: 0px;
		    list-style-position: outside;
		    list-style: none;
		    list-style-type: none;
		}
		
		.image-wrapper{
		    max-width: 100%;
		    min-width: 70%;
		    margin: 0 auto;
		    margin-bottom: 15px;
		}
		
		
		.photoFrame{
			width: 95%;
			height: 0;
			padding-bottom: 114%;
			background-image: url(../images/polaroidFrame.jpg);
			background-repeat: no-repeat;
			background-size: 100% 100%;	
			position: relative;	
			margin: 0 auto;
			box-shadow: 1px 1px 1px 2px rgba(0,0,0,.3);
			margin-bottom: 15px;
		}
		
		.contentArea {
			width: 87%;
			position: absolute;
			bottom: 40px;
			left: 20px;
		}
		
		.thePhoto{
			position: absolute;
			left: 21px;
			top:21px;
			width: 89%;
			height:74%;
			overflow: hidden;
			background: #000000;
		}
		
		
		.contentArea p{
		    font-size: 9pt;
/* 		    font-family: Georgia, "STSong", "Times New Roman","新細明體" , Times, serif; */
/* 			font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif; */
			font-family: Georgia,'cwTeXMing', serif;
		    color: #3e3e3e;
		}
		
		
		.thePhoto p{
			color: #929292;
			font-size: 11pt;
			line-height: 1.6;
			font-family: Georgia, "STSong", "Times New Roman","新細明體" , Times, serif;
			margin: 15px auto;
			width: 90%;
		}
		
		.thePhoto img{
			width: 100%;
			position:absolute;
		}
		
		
}