@charset "utf-8";
/* CSS Document */
/* ==================== purchase*/
/*.purchasearea {width: 75%; margin: 40px auto; background: url(../img/purchase/purchasebg.png); background-repeat: no-repeat; min-height: 1000px; background-size: 100% 100%; background-position: center top;}*/
.purchasearea {
	width: 75%; 
	margin: 40px auto; 
	background: url(../img/purchase/bg_pattern.png); 
	background-repeat: repeat-y; 
	background-size: 100%; 
	background-position: left top;
	position: relative;
}
.purchaseMiddle {
	width: 100%;
	background: url(../img/purchase/gold_middle_pattern.png) repeat-y left bottom;
	background-size: 100% auto;
}
.purchasearea .shadow {-webkit-filter: drop-shadow(5px 5px 5px rgba(14, 14, 14, .6));
	filter: drop-shadow(5px 5px 5px rgba(14, 14, 14, .6));}
.purchasearea .topBorder {width: 100%;  display: block;} 
.purchasearea .bottomBorder {width: 100%; display: block;}
.ptitlearea {width: 100%; display: inline-block; }
.ptitles {text-align: center; position: relative; margin: 0 auto;}
.ptitles img {vertical-align: middle; height: 126px; width: auto; }
.ptitles .shadow {-webkit-filter: drop-shadow(0px 0px 8px rgba(14, 14, 14, 1.0));
     filter: drop-shadow rgba(14, 14, 14, 1.0);}
.purchasearea .pre-title {margin-top: 40px;}
.pre-title img {width: 60%; height: auto;}
.glamshot {width:90%; text-align: center; margin:0 auto;}
.glamshot img {width: 100%; height: auto;}
.standard {width:50%; text-align: center; margin: 0 auto;}
.standard img {width: 100%; height: auto;}
.purchasearea .pre-div, .purchasearea .pre-div2 {width: 100%;}
.purchasearea .pre-div img {width: 50%;	height: auto;}
.purchasearea .pre-div2 img {width: 50%;height: auto;-moz-transform: scaleY(-1);-o-transform: scaleY(-1);-webkit-transform: scaleY(-1);transform: scaleY(-1);filter: FlipV;-ms-filter: "FlipV";}
.purchasearea .pre-content {width: 75%; margin:10px auto;}
.purchasearea .pre-content .purchase-link {display: inline-block;	width: 190px;height: 68px;background:url(../img/home/retail_bg.png) left top no-repeat;font-size: 24px;color: #FFF;position: relative;padding-top: 20px;}
.purchase-link a, .purchase-link a:visited {color:#fff; text-decoration:none; }
.purchase-link a:hover {text-decoration: underline;}
@media only screen and (max-width: 768px) {
	.pre-title img {width: 80%; height: auto;}
	.ptitles img {width: 65%; height: auto; }
}