body{
	background: rgb(203,96,179); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(203,96,179,1) 0%, rgba(168,0,119,1) 28%, rgba(168,0,119,1) 28%, rgba(193,70,161,1) 60%, rgba(219,54,164,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(203,96,179,1)), color-stop(28%,rgba(168,0,119,1)), color-stop(28%,rgba(168,0,119,1)), color-stop(60%,rgba(193,70,161,1)), color-stop(100%,rgba(219,54,164,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(203,96,179,1) 0%,rgba(168,0,119,1) 28%,rgba(168,0,119,1) 28%,rgba(193,70,161,1) 60%,rgba(219,54,164,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(203,96,179,1) 0%,rgba(168,0,119,1) 28%,rgba(168,0,119,1) 28%,rgba(193,70,161,1) 60%,rgba(219,54,164,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(203,96,179,1) 0%,rgba(168,0,119,1) 28%,rgba(168,0,119,1) 28%,rgba(193,70,161,1) 60%,rgba(219,54,164,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(203,96,179,1) 0%,rgba(168,0,119,1) 28%,rgba(168,0,119,1) 28%,rgba(193,70,161,1) 60%,rgba(219,54,164,1) 100%); /* W3C */
	font-family: 'Michroma', sans-serif;	 
}
body a{
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-o-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-ms-transition: 0.5s all;
}
 ul{
	padding: 0;
	margin: 0;
}
h1,h2,h3,h4,h5,h6,label,p{
	margin:0;	
}
.header {
  padding: 5em 0 0.8em;
}
.header ul{
	float:right;
}
.header ul li{
	display:inline-block;
}
.header ul li a{
	text-decoration:none;
	color:#fff;
	font-size:0.9em;
	padding:0em 1em;
}
.header ul li span{
	color:#fff;
	font-size:1em;
}
.copyrights{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;}
.header ul li a:hover{
	color: #000;
}
.header-top-in {
  padding: 1em;
}
.logo {
  margin-top: 1em;
}
.top-header-in {
  margin-top: 2em;
}
.header-top{
	background:#fff;
	border-radius: 25px;
	-webkit-border-radius: 25px;
	-o-border-radius: 25px;
	-moz-border-radius: 25px;
	-ms-border-radius: 25px;
}
.top-header,.logo,.bag{
	float:left;
}
.top-header{
	width:65%;
}
.left-head,.top-header-in,.shop{
	float:right;
}
.shop h6{
	font-size:1em;
	color:#631261;
	text-transform:uppercase;
	 font-weight: 700;
}
.shop p{
	 font-size: 0.9em;
	color: #000;
	padding: 0.6em 0;
}
.shop {
  margin-top: 1em;
}
.shop a{
	font-size:1em;
	color:#c75cc4;
	text-decoration:underline;
	font-weight: 600;
}
.shop a:hover{
	text-decoration:none;
}
.shop a i{
	width: 12px;
	height: 12px;
	background: url(../images/img-sprite.png) no-repeat -9px -14px ;
	display:inline-block;
	vertical-align: middle;
}
/*----*/
.top-nav{
	background:blue;
	text-align:center;
	box-shadow: 0px 0px 20px blue;
}
.top-nav ul li {
	display:inline-block;	
}
.top-nav ul li  a {
	display: inline-block;
	color: #fff;
	text-decoration: none;	
	font-weight: 700;	
	font-size: 1em;
	margin: 1em 0.5em 1px;
	padding: 0.7em 1.2em 1.2em;
	background:blue;
	border-top-left-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	-o-border-top-left-radius: 10px;
	-moz-border-top-left-radius: 10px;
	-ms-border-top-left-radius: 10px;
	border-top-right-radius: 10px;	
	-webkit-border-top-right-radius: 10px;
	-o-border-top-right-radius: 10px;
	-moz-border-top-right-radius: 10px;
	-ms-border-top-right-radius: 10px;
}
.top-nav ul li a:hover,.top-nav ul li.active a{
	background: #a336a2;
	border-top-left-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	-o-border-top-left-radius: 10px;
	-moz-border-top-left-radius: 10px;
	-ms-border-top-left-radius: 10px;
	border-top-right-radius: 10px;	
	-webkit-border-top-right-radius: 10px;
	-o-border-top-right-radius: 10px;
	-moz-border-top-right-radius: 10px;
	-ms-border-top-right-radius: 10px;
}
.top-nav span.menu{
	display: none;
}
/*----*/
@media(max-width:768px){

.top-nav ul{
	display: none;
	position:absolute;
	width:96.5%;
	z-index: 9999;
	left: 0%;
	margin:0em 1em ;
	background:#a336a2;
	border:0;
}
.top-nav span.menu{
	display: block;
	width:100%;
	cursor:pointer;
	color:#fff;
	font-size:1em;
	font-weight:600;
	padding:1em 0;
}
.top-nav ul li{
	display: block;
	float:none;
	padding:  0.3em;
	text-align: center;
}
.top-nav ul li a{
	color:#fff;
	display:block;
	margin:0;
	background: none;
	border:none;
	padding:0.4em;
}
.top-nav ul li a:hover,.top-nav ul li.active a{
	background: none;
	border:none;
	color:#000;	
}
}
/*----*/
.content {
  padding: 3em 0em 0em 0em;
}
.content-right {
  float: right;
}
.content-left{
	float:left;
}
.search{
	position:relative;
	background: url(../images/se.png)no-repeat 0px 0px;
	display:block;
	width:100%;
	min-height:107px;	
	background-size: cover;
	padding:1em 1em 0;
}
.search h5{
	color:#fff;
	font-size:1em;
	text-transform:uppercase;
}
.search input[type="text"] {
	outline: none;
	padding:4px 15px;
	width: 79%;
	border: 1px solid #fafafa;
	font-size:0.9em;
	color:#4d4a4a;
	background:#fafafa;	
	margin:0.8em 0;
}
.search input[type="submit"] {	
	width: 86px;
	height: 100px;
	background: url(../images/search.png) no-repeat 0px 0px;
	border: none;
	cursor: pointer;
	position:absolute;
	outline: none;
	top: 7px;
	right: 0px;
	padding:0;
}
.search a{
	color:#fff;
	font-size:0.9em;
	text-decoration:underline;	
}
.search a:hover{
	text-decoration:none;
}
.content-top{
	background: #fff;
	border:1px solid #4d4a4a;
	border-radius:10px;
	-webkit-border-radius: 10px;
	-o-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	position:relative;
	margin: 2em 0;
}
.top-content{
	position:absolute;
	top: 5%;
	right: 5%;
}
.content-top img{
	padding: 1em 2em 1em;
}
.top-content p{
	color:#a336a2;
	font-size:1em;
	font-weight: 600;
	padding: 0 0 0 3em;
}
.top-content span{
	color:#000;
	font-size:0.9em;
	display:block;
	padding: 1.2em 0 1.2em 6em;
	font-weight: 600;
}
.top-content b{
	color:#000;
	font-size:1.5em;
	display:block;
	padding:0 0 0.5em;
}
.top-content a{
	color:#d03bcf;
	font-size:0.9em;
	text-decoration:underline;
	font-weight: 600;
	padding: 0 0 0 5em;
}
.top-content a:hover{
	text-decoration:none;
}
.top-content a i{
	width: 12px;
	height: 12px;
	background: url(../images/img-sprite.png) no-repeat -9px -14px ;
	display:inline-block;
	vertical-align: middle;
}
.gift{
	background:#4d4a4a;
	font-size:0.9em;
	padding:1em;
	border-bottom-left-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-o-border-bottom-left-radius: 8px;
	-moz-border-bottom-left-radius: 8px;
	-ms-border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	-o-border-bottom-right-radius: 8px;
	-moz-border-bottom-right-radius: 8px;
	-ms-border-bottom-right-radius: 8px;
}
.gift a{
	color:#fff;
	text-decoration:none;
}
.gift a:hover{
	text-decoration:underline;
}
.content-middle-in{
	background: url(../images/pic0.jpg)no-repeat center;
	display:block;
	width:100%;
	min-height:199px;	
	background-size: cover;
	border:1px solid #4d4a4a;
	border-radius:10px;	
	-webkit-border-radius: 10px;
	-o-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	margin: 2em 0;
}
p.for{
	color: #fff;
	font-size: 1.2em;
	padding: 0.6em 0.5em;
	text-shadow: 2px 2px 2px #EEA1A1;
	line-height: 1.45em;
	font-weight: 300;
}
.content-bottom{
	background: url(../images/pic.jpg)no-repeat 0px 0px;
	display:block;
	width:100%;
	min-height:199px;	
	background-size: cover;
	border:1px solid #4d4a4a;
	border-radius:10px;
-webkit-border-radius: 10px;
	-o-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;	
}
p.wide{
	color: #692467;
	font-size: 1.2em;
	padding: 0.5em;
	text-shadow: 2px 2px 2px #fff;
	line-height: 1.5em;
	font-weight: 600;
}
/*--banner--*/
.banner{
	background: url(../pdd/baokuan.jpg)no-repeat center;
	display:block;
	width:100%;
	min-height:254px;	
	background-size: cover;
}
.banner h1{
	color:#e8ebd1;
	font-family: 'Courgette', cursive;
	font-size: 4em;
	padding: 3em 1em 0 0;
	font-style:italic;
	text-align:right;
}
.content-right-in{
	background: url(../images/ne.png)no-repeat 0px 0px;
	display:block;
	width:100%;
	min-height: 172px;
	background-size: cover;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-o-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	box-shadow: 0px 1px 8px #000;
	margin: 3em 0 2em;
	padding: 1em 1em 1.3em;
}
.content-right-in h2{
	color:#d45bd4;
	font-size: 1.3em;
	text-transform: uppercase;
	padding:0em 0 1em;
	font-weight: 600;
}
.content-right-in h2 span{
	color:#000;
}
.ring img{
	box-shadow: 0px 1px 8px #000;
}
.ring {
  text-align: center;
}
.right-on p{
	color:#000;
	font-size:0.7em;
	font-weight: 600;
	 padding: 1em 0;
}
.right-on p span{
	padding:0 0em 0 1em;
}
.right-on h6{
	font-size:0.9em;
	color:#000;
}
.right-on h6 label{
	padding:0 0.5em;
}
.right-on h6 a{
	text-decoration:underline;
	color:#d45bd4;
}
.right-on h6 a:hover{
	text-decoration:none;
}
.content-right-bottom{
	padding:1em 0;
}
.content-right-bottom h3{	
	font-size:1.5em;
	font-weight:600;
}
.content-right-bottom h3 a{
	text-decoration:none;
	color:#000;
}
.content-right-bottom h3 a span{
	color:#d45bd4;
}
.content-right-bottom h3 a:hover{
	color:#d45bd4;
}
.content-right-bottom p{
	color:#000;
	font-size:0.9em;
	line-height: 2em;
	padding: 1em 0 0;
}
/*--404--*/
.four{
	text-align:center;
	padding:10em 0;
	min-height: 521px;
}
.four h2{
	font-size: 4em;
	color: #a336a2;
	font-weight:700;
}
.four h3{
	font-size:2em;
	color:#000;
	padding:0.7em 0 1.3em;
}
.four a {
  padding: 7px 35px;
  color: #FFF;
  background: #a336a2;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -o-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  transition: 0.5s all;
  -webkit-transition: 0.5s all;
  -o-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -ms-transition: 0.5s all;
  font-size: 1.2em;
  line-height: 1.6em;
  text-decoration:none;
}
.four a:hover {
	background:#450345;
}


/*--single--*/
.single-para h4{
	font-size:1.5em;
	color:#747272;
	line-height:1.5em;
	font-weight: 600;
}
.para-grid {
  padding: 1.5em 0;
}
span.add-to{
	float:left;
	font-size: 1.7em;
  color: #a336a2;
  font-weight: 600;
}
a.cart-to{
	float:right;
	color: #d45bd4;
  font-size: 1em;
  text-decoration: none;
  padding-top: 0.5em;
}
.det_nav {
  padding: 1em 0;
}
a.cart{
  padding: 7px;
  color: #FFF;
  background: #a336a2;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -o-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  margin: 1.5em 0 0;
  font-size: 1em;
  display: block;
  line-height: 1.6em;
  width: 32%;
  text-align: center;
  text-decoration:none;
}
a.cart-to:hover{
  text-decoration: underline;
}
a.cart:hover{
	background: #450345;
}
.single-para h5{
	color:#000;
	font-size:1.4em;
	border-bottom:1px solid #000;
	border-top:1px solid #000;
	padding:0.5em 0; 
}
.single-bottom h4{
	color:#000;
	font-size:1.5em;
	padding:0.5em;
	background:#eee;
	font-family: 'Courgette', cursive;
}
.single-bottom ul{
	padding:1em 0;
}
.single-bottom ul li{
	list-style:none;
}
.single-bottom ul li a{
	color:#000;
	font-size:1em;
	padding:0.5em 0;
	text-decoration:none;
	display:block;
}
.single-bottom ul li a:hover{
	color:#a336a2;
}
.single-bottom ul li i{
    width: 16px;
	height: 16px;
	  background: url(../images/img-sprite.png) no-repeat -33px -12px;
	display: inline-block;
	vertical-align: middle;
	margin: 0 12px 0 0;
}
.single {
  padding: 3em 0;
}
.available h6{
	color:#a336a2;
	font-size:1.4em;
	padding: 0 0 1em;
}
.available ul li{
	display:inline-block;
	padding:0 0.5em 0 0;
	color:#4c4c4c;
	font-size:0.9em;
}
.available ul li select {
  outline: none;
  padding: 3px;
}
.available {
  padding: 2em 0 1em;
  
}
.single-top{
	padding:0;
}
/*--footer--*/
.footer{
	  background: #CF3DA3;
	display:block;
	width:100%;
	min-height: 172px;
	background-size: cover;
}
p.footer-class{
	float:left;
	color:#fff;
	font-size:1em;
}
p.footer-class a{
	color:#000;
	text-decoration:none;
}
p.footer-class a:hover{
	color:#fff;
}
.footer-bottom{
	float:right;
}
.footer-bottom li{
	display:inline-block;
}
.footer-bottom  li a{
	text-decoration:none;
	color:#fff;
	font-size:0.9em;
	padding:0em 1em;
}
.footer-bottom li span{
	color:#fff;
	font-size:1em;
}
.footer-bottom li a:hover{
	color: #000;
}
.footer-top {
  padding: 12px 1em;
}
/*--responsive--*/
@media(max-width:1440px){
}
@media(max-width:1366px){
}
@media(max-width:1280px){
.left-head {
  width: 39%;
}
}
@media(max-width:1024px){
.top-header {
  width: 69%;
}
.top-nav ul li a {
  padding: 0.7em 0.5em 1.5em;
}
.search h5 {
  font-size: 0.8em;
}
.search input[type="text"] {
  font-size: 0.7em;
  margin: 0.7em 0;
}
.search a {
  font-size: 0.8em;
}
.search {
  min-height: 86px;
}
.search input[type="submit"] {
  width: 72px;
  height: 83px;
  top: 0px;
  background-size: 74px;
}
p.rem {
  padding: 3em 0.5em 1em;
}
p.for {
  font-size: 1.9em;
  padding: 0.74em 0.5em;
}
.banner {
  min-height: 209px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -o-border-radius: 10px;
  -ms-border-radius:10px;
  -moz-border-radius: 10px;
}
.banner h1 {
  padding: 2em 1em 0 0;
}
p.footer-class {
  font-size: 0.9em;
}
.footer-bottom li a {
  font-size: 0.8em;
  padding: 0em 0.5em;
}
a.elit {
  font-size: 0.9em;
}
.single-para h4 {
  font-size: 1.2em;
}
a.cart {
  width: 46%;
}
.sed {
  width: 69%;
}
 th ,td{
  font-size: 0.9em;
}
.logo img{
	width:100%;
}
.left-head {
  width: 44%;
}
.top-header-in {
  margin-top: 1em;
}
}
@media(max-width:768px){

.logo {
  width: 54%;
  margin-top:0.5em;
}
.left-head {
  width: 45%;
}
.top-header-in {
  width: 39%;
  margin-top: 0em;
}
.bag {
  width: 31%;
}
.shop {
  margin-top: 1em;
  width: 67%;
}
.top-header {
  width: 61%;
}
.shop h6 {
  font-size: 0.9em;
}
.content-left {
  width: 30%;
}
.content-right {
  width: 70%;
}
.search {
  background: url(../images/se.png)no-repeat center bottom;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -o-border-radius: 10px;
  -ms-border-radius:10px;
  -moz-border-radius: 10px;
}
.search h5 {
  font-size: 0.6em;
}
.search input[type="submit"] {
  width: 60px;
  height: 70px;
  top: 28px;
  background-size: 63px;
}
.search input[type="text"] {
  margin: 1em 0 0.5em;
}
.search h5 {
  font-size: 0.63em;
}
.top-content {
  right: 1%;
}
.top-content p {
  font-size: 0.9em;
  padding: 0 0 0 1em;
}
.top-content span {
  font-size: 0.9em;
  padding: 1.2em 0 1.2em 5em;
}
.top-content b {
  font-size: 1.3em;
}
.top-content a {
  padding: 0 0 0 1em;
}
.gift {
  font-size: 0.7em;
}
p.rem {
  padding: 5.9em 0.5em 1em;
    font-size: 1.4em;
}
p.wide {
  font-size: 1em;
  padding: 2.9em 0.5em;
}
.banner h1 {
  padding: 3em 1em 0 0;
  font-size:3em;
}
.ring {
  float: left;
  width: 33.3%;
}
.ring:nth-child(4) {
	display:none;
}
p.for {
  font-size: 1.2em;
  padding: 2.74em 0.5em;
}
.content-right-bottom p {
  height: 195px;
  overflow: hidden;
}
p.footer-class ,.footer-bottom{
  float: none;
  text-align:center;
}
ul.footer-bottom {
  padding: 2em 0 0;
}
a.at-in {
  width: 28%;
}
th,td {
  font-size: 0.8em;
}
.top-nav ul li a {
  padding: 0.6em;
}
.account-right {
  padding-top: 1em;
}
}
@media(max-width:640px){
.shop h6 {
  font-size: 0.7em;
}
.content-left {
   width: 37%;
}
.content-right {
  width: 63%;
}
.header {
  padding: 3em 0 0.8em;
}
.search input[type="submit"] {
  top: 9px;
}
.banner h1 {
  padding: 4em 1em 0 0;
  font-size: 2.5em;
}
.right-on h6 {
  font-size: 0.8em;
}
.right-on h6 label {
  padding: 0 0em;
}
.right-on p {
  font-size: 0.5em;
}
.content-right-bottom p {
  height: 218px;
}
.ut span {
  font-size: 1em;
}
.ring img {
  width: 100%;
}
a.cart {
  width: 29%;
}
.facts p {
  height: 105px;
  overflow: hidden;
}
a.at-in {
  width: 100%;
}
.single-top-in {
  padding: 0;
}
.top-nav ul {
  width: 95.5%;
}
}
@media(max-width:480px){
.logo {
  width: 100%;
  margin-top: 0.1em;
}
.left-head {
  display: none;
}
.top-header {
  width: 47%;
}
.top-header-in {
  width: 50%;
}
.shop {
  margin-top: 0.5em;
  width: 67%;
}
.shop p {
  font-size: 0.7em;
  padding: 0.4em 0 0;
}
.shop a {
  font-size: 0.8em;
}
.content-left,.content-right {
  width: 100%;
}
.banner h1 {
  padding: 3em 1em 0 0;
}
.banner {
  min-height: 158px;
}
.content-right-in h2 {
  font-size: 1.1em;
}
.content-right-bottom p {
  height: 84px;
}
.content-right-in {
  margin: 2em 0 1em;
}
.content-right-bottom h3 {
  font-size: 1.2em;
}
.content-middle,.content-middle-in ,.content-bottom{
  min-height: 152px;
}
p.rem {
  padding: 3.9em 0.5em 1em;
}
p.for {
  padding: 2.05em 0.5em;
}
p.wide {
  padding: 2.7em 0.5em;
}
p.footer-class {
  font-size: 0.8em;
}
.footer-bottom li a {
  font-size: 0.7em;
  padding:0 0.5em;
}
.header ul li a {
  font-size: 0.8em;
}
.velit {
  padding-top: 1em;
}
.four h3 {
  font-size: 1.7em;
}
.left-sit h6 {
  font-size: 1.3em;
}
th, td {
  font-size: 0.6em;
}
a.proceed{
	font-size:0.9em;
}
.top-nav ul {
  width: 94%;
}
}