/* ================================================================== */
/* === Responsive styles ============================================ */
/* ================================================================== */
@media (max-width: 1366px){
h1 {
	font-size:44px;
}
}
@media (max-width: 1024px){
.bg {
	background-attachment: local;
}
.bg2 {
	background-attachment: local;
}
.yrs {
	display:none;
}
#footer .content div.policy {
	width:25%;
	padding-right:8%;
}
}
@media (max-width: 768px){
#result {
	z-index:1;
	display:none;
	opacity: 0;
    filter: alpha(opacity=0);
}
.content2 {
	max-width:1000px;
	margin:0px auto;
	padding-top:120px;
}
.item {
	float:left;
	height:70px;
	width:92%;
	margin:10px 4% 0px;
}
.item li{
	float:left;
}
.item li a{
	display:block;
	width:70px;
	height:70px;
	background:url(../images/btn_result.png) no-repeat;
	margin:0 10px 0 0;
}
.item li.type1 a {
	background-position:0px 0px;
}
.item li.type2 a {
	background-position:0px -70px;
}
.item li.type3 a {
	background-position:0px -140px;
}
.item li.type4 a {
	background-position:0px -210px;
}
.item li.restart a {
	cursor: pointer;
	background-position:0px -280px;
}
.item li.type1 a.current {
	background-position:-70px 0px;
}
.item li.type2 a.current {
	background-position:-70px -70px;
}
.item li.type3 a.current {
	background-position:-70px -140px;
}
.item li.type4 a.current {
	background-position:-70px -210px;
}
.item li.restart {
	float:right;
}
.item li.restart a {
	margin:0px;
}
.pos {
	float:left;
	width:84%;
	margin:10px 4% 0px;
	padding:4%;
}
.product {
	float:left;
	background:url(../images/menu_bg.png);
	position:relative;
	width:84%;
	margin:10px 4% 0px;
	padding:4%;
}
.icon {
	background:url(../images/icon_result.png) no-repeat;
	display:block;
	width:90px;
	height:90px;
	position:absolute;
	top:20px;
	right:120px;
}
.title1 {
	font-size:45px;
	font-weight:bold;
	line-height:47px;
}
.title2 {
	font-size:33px;
	margin-bottom:20px;
}
.subtitle {
	font-size:20px;
	font-weight:bold;
	line-height:35px;
	padding-left:10px;
	display:block;
	color:#ffffff;
	margin-bottom:10px;
}
ul.pt {
	padding-left:30px;
	margin-bottom:10px;
}
ul.pt li {
	font-size:16px;
	list-style:url(../images/icon_pt.gif);
	margin-left:10px;
}
.remark {
	font-size:12px;
	padding-left:12px;
	margin-bottom:10px;
}
.pdtstep {
	padding-left:10px;
}
#type1 .icon {
	background-position:0px 0px;
}
#type1 .title1 {
	color:#b6dddb;
}
#type1 .subtitle {
	background-color:#b6dddb;
	color:#000000;
}
#type2 .icon {
	background-position:0px -103px;
}
#type2 .title1 {
	color:#1e8cb3;
}
#type2 .subtitle {
	background-color:#1e8cb3;
}
#type3 .icon {
	background-position:0px -203px;
}
#type3 .title1 {
	color:#c52f2c;
}
#type3 .subtitle {
	background-color:#c52f2c;
}
#type4 .icon {
	background-position:0px -304px;
}
#type4 .title1 {
	color:#004c8c;
}
#type4 .subtitle {
	background-color:#004c8c;
}
.magazine {
	float:left;
	background:url(../images/menu_bg.png);
	width:84%;
	height:540px;
	margin:10px 4% 60px;
	padding:4%;
}
.take {
	font-size:30px;
	text-align:center;
	margin-bottom:20px;
}
#step1{
	margin-top:30px;
}
#step3 .book{
	width: 230px;
    height: 296px;
	margin:0 auto;
}
.btn {
	margin-top:10px;
	height:40px;
}
.btn input {
	width:48%;
	height:40px;
	line-height:36px;
	border:2px solid #ffffff;
	color:#ffffff;
	font-size:22px;
	font-weight:bold;
	background:none;
	padding:0px;
	cursor:pointer;
}
.btn input:hover {
	border:2px solid #fc1712;
	color:#fc1712;
}
.btn input.btn_photo {
	float:left;
}
.btn input.btn_upload {
	float:right;
}
.btn input.btn_comfirm {
	float:left;
}
.btn input.btn_back {
	float:right;
}
.btn input.btn_skip {
	display:none;
}
.btn a {
	display:block;
	width:70px;
	height:70px;
}
.skip {
	margin-top:20px;
	height:35px;
}
.skip a.btn_skip {
	background:url(../images/btn_skip.png) no-repeat;
	display:block;
	width:35px;
	height:35px;
	float:right;
}
.edit {
	width:230px;
	height:296px;
	margin:0 auto;
	overflow:hidden;
	position:relative;
}
.edit .userimg {
	position:absolute;
	top:0px;
	left:0px;
	z-index:1;
}
/*.mask {
	width: 400px;
	height: 514px;
	z-index:100;
	overflow:visible;
	pointer-events:none;
	background:none !important;
}
.cropit-image-preview {
	position: absolute;
	z-index: 99;
	overflow: visible;
	width: 400px;
	height: 514px;
	left:50%;
	margin-left:-200px;
}
.cropit-image-bg {
	position:absolute;
	z-index:100;
	overflow:visible;
	pointer-events:none;
	background:none !important;
	left:50%;
	margin-left:-200px;
}
.cropit-image-background {
	opacity: .2;
	cursor: auto;
}*/
.image-size-label {
	margin-top: 10px;
}
.export {
	margin-top: 10px;
}
.control {
	width:100%;
	margin-top:30px;
}
.fortablet {
	width:160px;
	margin:0 auto;
}
.control .rangeTag{
	width:300px;
	text-align:center;
	margin:20px auto 40px;
}
.control .rangeTag input {
	display: block;
	width:300px;
	margin-bottom:10px;
}
#footer .content div {
	float:none;
	width:100%;
	text-align:center;
}
#footer .content div.policy {
	width:100%;
	padding-right:0;
}
}