@charset "utf-8";
@import "font.css";
@page {  
	width: 100%;
	size:210mm 297mm;  
	margin: 5mm;
	padding: 0;
	font-size: 9.5pt;
}
BODY, HTML{
	width:100%;
	max-width:100%;
	min-width:100%;
	height:100%;
	max-height:100%;
	min-height:100%;
	font-size:17px;
	font-family: "Ogirema", "微軟正黑體";
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	-webkit-text-size-adjust:none;
	text-align:left;
	color:#4d4542;
	background-color:#FFFFFF;
	margin-left:auto;
	margin-right:auto;
	
}
IMG{
	border:0px;
}
input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}
input, select, textarea{
	-webkit-border-radius:0px;
	border-radius:0px;
	 outline: none;
	 -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
	font-family: "Ogirema", "微軟正黑體";
	color:#4d4542;
	border:1px #4d4542 solid;
	padding-top:19px;
	padding-bottom:19px;
	padding-left:21px;
	padding-right:21px;
	font-size:17px;
	
}
select{
	background-image:url(../img/arrow_down.png);
	background-repeat:no-repeat;
	padding-right:20px;
	background-position:calc(100% - 6px) center ;
	background-size:15px 9px;
	-webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
	  text-align:left;
	  cursor:pointer;
	  background-color:#FFFFFF;
}
select::-ms-expand {

    display: none;

}
input[type=button], input[type=submit], input[type=reset]{
	font-family: "Ogirema", "微軟正黑體";
	webkit-appearance:none;  
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-border-radius:0px;
	border-radius:0px;
	cursor:pointer;
	border:0;
}
input[type=submit], input[type=button]{
	cursor:pointer;	
}
h1, h2{
	font-weight:normal;
	margin:0 0 0 0;
	padding:0 0 0 0;
}
hr{
	float:left !important;	
}
p{
	word-break: break-word !important;	
}
a{
	color:#4d4542;
	text-decoration:none;
}
a:hover{
	color:#7ca9bc;
	text-decoration:none;
}
.clear {
	clear:both;
	width:100% !important;
	height:1px !important;
	margin:0 0 0 0 !important;
	float:left;
}
.clear:after {
	visibility:hidden;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
	height:0px !important;
}
.desktop{
	display:block !important;	
}
.mobile{
	display:none !important;	
}
/*=======================================================================================================================*/
table{
	float:left;
	width:auto !important;
}
/*=======================================================================================================================*/
input::placeholder{
	color:#767676;
	
}
input.tc::placeholder{
	background-image:url(../img/zip_bg_tc.png);
	background-size:auto 100%;
	background-position:left;
	background-repeat:no-repeat;
}
input.en::placeholder{
	background-image:url(../img/zip_bg_en.png);
	background-size:auto 100%;
	background-position:left;
	background-repeat:no-repeat;
}
.errFiled{
	border:1px #FF0004 solid;	
}
.errText{
	color:#FF0004;
	width:100%;
	margin-bottom:10px;
	clear:both;
}
.errText.half{
	width:calc(50% - 10px);
	float:right;
}
/*=======================================================================================================================*/
/*popupContainer start*/
#popupContainer{
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	z-index:9999;
	display:block;
	background-image:url(../img/black_bg.png);
}
#popupContainer .popupWrapper{
	position:fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display:block;
	width:700px;
	max-width:700px;
	background-color:#FFFFFF;
	
}
#popupContainer .popupClose{
	position:absolute;
	top:7px;
	right:7px;
	
	cursor:pointer;
	z-index:9999999;
}
#popupContainer .popupClose img{
	width:20px;
	height:20px;
}
#popupContainer .popupBody{
	width:calc(100% - 60px);
	float:left;
	padding:30px 30px 30px 30px;
	max-height:90vh;
	overflow-y:auto;
	overflow-x:hidden;
}
#popupContainer .popupContent{
	width:100%;
	margin-bottom:20px;
	float:left;
	position:relative;
}
#popupContainer .popupContent img{
	width:100%;
}
#popupContainer .popupContent .text{
	position:absolute;
	background-image:url(../img/black_bg.png);
	text-align:center;
	padding-top:20px;
	padding-bottom:20px;
	color:#FFFFFF;
	font-size:20px;
	top: 50%;
	left:0;
	right:0;
	transform: translate(0, -50%);
}
#popupContainer .popupContent .text span{
	color:#7ca9bd;
	font-size:60px;
}
#popupContainer .popupBody input[type=text]{
	float:left;
	width:calc(100% - 42px);
	margin-bottom:20px;
}
#popupContainer .popupBody input[type=submit]{
	padding-left:25px;
	padding-right:25px;
	height:60px;
	background-color:#7ca9bc;
	color:#FFFFFF;
	text-align:center;
	font-size:20px;
	float:left;
	transition: all 0.4s ease-in-out;
	width:100%;
}
#popupContainer .popupBody input[type=submit]:hover{
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}
/*popupContainer end*/
/*=======================================================================================================================*/
/*=======================================================================================================================*/
/*generalContainer start*/
#generalContainer{
	width:100%;
	float:left;
	margin-top:80px;
}
#generalContainer .generalWrapper{
	margin:0 auto;
	width:calc(100% - 40px);
	max-width:1240px;
	padding-left:20px;
	padding-right:20px;
}
#generalContainer .generalWrapper h1{
	width:100%;
	float:left;
	font-size:24px;
	text-align:center;
}
#generalContainer .generalWrapper h2{
	width:100%;
	float:left;
	font-size:20px;
	text-align:left;
	margin-top:20px;
	font-weight:bold;
}
#generalContainer .generalWrapper p{
	width:100%;
	display:inline-block;
}
#generalContainer .textWrapper{
	width:100%;
	float:left;
}
#generalContainer .generalWrapper ul{
	width:calc(100% - 50px);
	margin:0 0 0 0;
	padding:00px 0 0 50px;	
}
#generalContainer .generalWrapper ul li{
	width:100%;
	margin-bottom:10px;
	list-style:outside;
}
#generalContainer .generalWrapper ul.number li{
	list-style-type: upper-roman;
}
#generalContainer .generalWrapper ul.alpha li{
	list-style-type: lower-alpha;
}
#generalContainer .generalWrapper ul.upper li{
	list-style-type: upper-alpha;
}
/*generalContainer end*/
/*=======================================================================================================================*/
/*=======================================================================================================================*/
#mobileLayer{
	display:none;
}
#mbileHead{
	display:none;
}
/*=======================================================================================================================*/
/*headContainer start*/
#headContainer{
	width:100%;
	float:left;
}
#headContainer .headWrapper{
	margin:0 auto;
	width:calc(100% - 40px);
	max-width:1240px;
	padding-left:20px;
	padding-right:20px;
	padding-top:20px;
	padding-bottom:20px;
}
#headContainer .headWrapper .mobileClose{
	display:none;
}
#headContainer .headWrapper .topBnt{
	float:right;
	width:100%;
}
#headContainer .headWrapper .topBnt ul{
	width:auto;
	float:right;
	margin:0 0 0 0;
	padding:0 0 0 0;
}
#headContainer .headWrapper .topBnt ul li{
	float:left;
	margin:0 30px 0 0;
	padding:0 0 0 0;
	list-style:none;
	height:34px;
	line-height:34px;
	position:relative;
}
#headContainer .headWrapper .topBnt ul li:hover #headCart{
	display:block;
}
#headContainer .headWrapper .topBnt ul li:last-child{
	margin-right:0;
}
#headContainer .headWrapper .topBnt ul li a{
	color:#4d4542;
}
#headContainer .headWrapper .topBnt ul li a:hover{
	color:#7ca9bc;
}
#headContainer .headWrapper .topBnt ul li a.UNSelected{
	color:#c8c6c6;
}
#headContainer .headWrapper .topBnt ul li a.Order{
	display:inline-block;
	padding-right:40px;
	background-image:url(../img/order_icon.png);
	background-repeat:no-repeat;
	background-position:calc(100% - 5px) center;
	background-size:32px 32px;
}
#headContainer .headWrapper .topBnt ul li a.login{
	display:inline-block;
	padding-right:40px;
	background-image:url(../img/login_icon.png);
	background-repeat:no-repeat;
	background-position:calc(100% - 5px) center;
	background-size:32px 32px;
}
#headContainer .headWrapper .topBnt ul li a.cart{
	display:inline-block;
	padding-right:40px;
	background-image:url(../img/cart_icon.png);
	background-repeat:no-repeat;
	background-position:calc(100% - 5px) center;
	background-size:32px 32px;
	position:relative;
}
#headContainer .headWrapper .topBnt ul li a.cart label{
	position:absolute;
	top:-7px;
	right:-5px;
	width:15px;
	height:15px;
	line-height:15px;
	text-align:center;
}
#headContainer .headWrapper .logo{
	margin-right:30px;
	width:240px;
}
#headContainer .headWrapper .logo img{
	width:100%;
}
#headContainer .headWrapper .menu{
	width:calc(100% - 270px);
	float:right;
	margin-top:-20px;
	
}
/*headContainer end*/
/*=======================================================================================================================*/
/*=======================================================================================================================*/
/*menuContainer start*/
#menuContainer{
	float:right;	
}
#menuContainer ul{
	width:100%;
	float:left;
	margin:0 0 0 0;
	padding:0 0 0 0;
}
#menuContainer ul li{
	float:left;
	margin:0 30px 0 0;
	padding:0 0 0 0;
	text-transform:uppercase;
	list-style:none;
}
#menuContainer ul li a.selected{
	color:#7ca9bc;
}
#menuContainer ul li:last-child{
	margin-right:0;
}
/*menuContainer end*/
/*=======================================================================================================================*/
/*=======================================================================================================================*/
/*headCart start*/
#headCart{
	position:absolute;
	width:400px;
	left:-220px;
	padding-top:17px;
	display:none;
	z-index:99999;
}
#headCart .cartHead{
	width:100%;
	float:left;
}
#headCart .cartHead img{
	width:100%;
}
#headCart .cartBody{
	width:calc(100% - 2px);
	border:1px #b6b2ac solid;
	border-top:0px;
	float:left;
	background-color:#FFFFFF;
	padding-top:10px;
}
#headCart .product{
	width:calc(100% - 40px);
	margin-bottom:20px;
	float:left;
	position:relative;
	margin:10px 20px 20px 20px;
	padding-bottom:20px;
	border-bottom:1px #b6b2ac solid;
	line-height:20px;
}
#headCart .productRemove{
	width:10px;
	float:left;
	margin-right:10px;
}
#headCart .productRemove img{
	width:100%;
}
#headCart .productImg{
	width:80px;
	float:left;
	margin-right:20px;
}
#headCart .productImg img{
	width:100%;	
}
#headCart .productInfo{
	width:calc(100% - 150px);
	float:left;
	
}
#headCart .productName{
	font-weight:bold;
	width:100%;
	float:left;
}
#headCart .productSize{
	width:100%;
	font-size:15px;
}
#headCart .productPrice{
	width:100%;
}
#headCart .total{
	width:calc(100% - 40px);
	float:left;
	margin:0px 20px 20px 20px;
}
#headCart .total label{
	width:50%;
	display:inline-block;
	float:left;
	text-align:left;
}
#headCart .total span{
	width:50%;
	display:inline-block;
	float:right;
	text-align:right;
}
#headCart .bnt{
	width:calc(100% - 40px);
	float:left;
	padding:20px 20px 20px 20px;
	border-top:1px #b6b2ac solid;
}
#headCart .bnt input[type=button]{
	width:calc(50% - 15px);
	height:40px;
	text-align:center;
	font-size:20px;
	transition: all 0.4s ease-in-out;
	padding:0 0 0 0;
	float:left;
}
#headCart .bnt input[type=button]:hover{
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}
#headCart .bnt input[type=button].viewCart{
	background-color:#b6b2ac;
	margin-right:15px;
	color:#4d4442;
}
#headCart .bnt input[type=button].checkout{
	background-color:#4d4442;
	margin-left:15px;
	color:#FFFFFF;
}
/*headCart end*/
/*=======================================================================================================================*/




/*=======================================================================================================================*/
/*subscripContainer start*/
#subscripContainer{
	width:100%;
	float:left;
}
#subscripContainer .subscripWrapper{
	margin:0 auto;
	width:calc(100% - 40px);
	max-width:1240px;
	padding-left:20px;
	padding-right:20px;
	padding-top:30px;
	padding-bottom:30px;
	text-align:center;
}
#subscripContainer .icon{
	width:100%;
	margin-bottom:50px;
	float:left;
}
#subscripContainer .icon img{
	margin-right:30px;
	width:40px;
}
#subscripContainer .icon img:last-child{
	margin-right:0;
}
#subscripContainer .text{
	width:100%;
	margin-bottom:50px;
	float:left;
	font-size:25px;
}
#subscripContainer .form{
	width:100%;
	margin-bottom:50px;
	float:left;
}
#subscripContainer .form form{
	width:670px;
	margin-left:calc(50% - 335px);
}
#subscripContainer .form input[type=text]{
	width:calc(100% - 238px);
	float:left;
}
#subscripContainer .form input[type=submit]{
	width:166px;
	height:60px;
	background-color:#7ca9bc;
	color:#FFFFFF;
	text-align:center;
	font-size:20px;
	float:right;
	transition: all 0.4s ease-in-out;
}
#subscripContainer .form input[type=submit]:hover{
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}
/*subscripContainer end*/
/*=======================================================================================================================*/

/*=======================================================================================================================*/
/*tailContainer start*/
#tailContainer{
	width:100%;
	float:left;
	border-top:1px #4d4542 solid;
}
#tailContainer .tailWrapper{
	margin:0 auto;
	width:calc(100% - 40px);
	max-width:1240px;
	padding-left:20px;
	padding-right:20px;
	
}
#tailContainer .tailLeft{
	width:50%;
	float:left;
	padding-top:30px;
	padding-bottom:30px;
}
#tailContainer .tailRight{
	width:50%;
	float:right;
	text-align:right;
	padding-top:30px;
	padding-bottom:30px;
}
#tailContainer .tailRight a{
	margin-right:30px;
}
#tailContainer .tailRight a:last-child{
	margin-right:0;
}
/*tailContainer end*/
/*=======================================================================================================================*/

#slieContainer{
	width:100%;
	margin-bottom:80px;
	float:left;
	
}
#slieContainer .imgWrapper{
	position:relative;
	width:100%;
	float:left;
}
#slieContainer .textWrapper{
	position:absolute;
	top: calc(50% - 15px);
	left: 50%;
	transform: translate(-50%, calc(-50% - 15px));
	text-align:center;
	
}
#slieContainer .textWrapper h1{
	color:#FFFFFF;
	font-size:50px;
	margin-bottom:10px;
}
#slieContainer .textWrapper span{
	border:1px #777371 solid;
	padding-left:30px;
	padding-right:30px;
	cursor:pointer;
	font-size:17px;
	
	display:inline-block;
}
#slieContainer .textWrapper span a{
	display:inline-block;
	width:100%;
	text-decoration:none;
	color:#848484;
	line-height:20px;
	margin-bottom:4px;
}
#slieContainer .textWrapper span a:hover{
	text-decoration:none;
}
#slieContainer img{
	width:100%;
}
#bannerContainer{
	width:100%;
	float:left;
}
#bannerContainer img{
	width:100%;	
}



/*=======================================================================================================================*/
/*homeContainer start*/
#homeContainer{
	width:100%;
	float:left;
	margin-bottom:100px;
}
#homeContainer .homeWrapper{
	margin:0 auto;
	width:calc(100% - 40px);
	max-width:1240px;
	padding-left:20px;
	padding-right:20px;
}
#homeContainer .productWrapper{
	width:100%;
	margin-bottom:50px;
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	position:relative;
}
#homeContainer .productWrapper .prev{
	position:absolute;
	
	bottom:0;
	left:-20px;
	top:0;
	width:16px !important;
	text-align:center;
	
	display:block !important;
	z-index:999;
	
	
}
#homeContainer .productWrapper .prev img{
	position:absolute;
	width:16px;
	top: calc(40% - 27px);
	left:0;
	transform: translate(0, calc(-40% - 27px));
	cursor:pointer;
}
#homeContainer .productWrapper .next{
	position:absolute;
	
	bottom:0;
	right:-20px;
	top:0;
	width: 16px !important;
	text-align:center;

	display:block !important;
	z-index:999;
	
}
#homeContainer .productWrapper .next img{
	position:absolute;
	width:16px;
	top: calc(40% - 27px);
	right:0;
	transform: translate(0, calc(-40% - 27px));
	cursor:pointer;
}
#homeContainer .productList{
	width:100%;
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
}
#homeContainer .productGrid{
	flex:0 0 calc(33.3% - 20px);	
	padding-left:10px;
	padding-right:10px;
	padding-bottom:20px;
	margin-bottom:30px;
	position:relative;
	text-align:center;
	width:calc(100% - 20px) !important;
}
#homeContainer .productGrid label{
	width:calc(100% - 20px);
	padding-left:10px;
	padding-right:10px;
	display:inline-block;
	margin-bottom:20px;
	font-size:23px;
	text-decoration: underline;
}
#homeContainer .productGrid span{
	width:calc(100% - 20px);
	padding-left:10px;
	padding-right:10px;
	display:inline-block;
	line-height:30px;
}
#homeContainer .productGrid a.text{
	padding-left:5px;
	padding-right:5px;
	transition: all 0.3s ease-in-out;
}
#homeContainer .productGrid a.text:hover{
	background-color:#7ca9bc;
	color:#ffffff;
	
}
#homeContainer .productGridImg{
	width:100%;
	overflow:hidden;
	margin-bottom:20px;
	position:relative;
}
#homeContainer .productGridImg img{
	width:100%;
	
	transition: transform .8s ease;
}
#homeContainer .productGridImg:hover img {
  transform: scale(1.2);
}
#homeContainer .productGridImg:hover .cover{
	display:block;	
}
#homeContainer .productGridImg .cover{
	position:absolute;
	z-index:99;
	background-image:url(../img/black_bg.png);
	color:#FFFFFF;
	top:0;
	left:0;
	right:0;
	bottom:0;
	display:none;
	transition: all 0.4s ease-in-out;
}
#homeContainer .productGridImg .cover span{
	position:absolute;
	display:inline-block;
	font-size:23px;
	width:100%;
	top: 50%;
	right: 0;
	transform: translate(0, -50%);
	text-decoration:none;
	padding:0 0 0 0;
	margin:0 0 0 0;
}
#homeContainer .productGridImg .cover a{
	text-transform:none;
}
#homeContainer .discoverWrapper{
	width:100%;
	margin-bottom:50px;
}
#homeContainer .discoverWrapper h1{
	width:100%;
	margin-bottom:60px;
	font-weight:bold;
	font-size:23px;
}
#homeContainer .discoverList{
	width:100%;
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
}
#homeContainer .discoverGrid{
	flex:0 0 calc(33.3% - 20px); 
	padding-left:10px;
	padding-right:10px;
	padding-bottom:20px;
	margin-bottom:30px;
	position:relative;
	text-align:center;
}
#homeContainer .discoverGrid label{
	width:calc(100% - 20px);
	padding-left:10px;
	padding-right:10px;
	display:inline-block;
	font-weight:bold;
	margin-bottom:10px;
	font-size:23px;
}
#homeContainer .discoverGrid span{
	width:calc(100% - 20px);
	padding-left:10px;
	padding-right:10px;
	display:inline-block;
	font-size:14px;
}
#homeContainer .discoverGrid .new{
	position:absolute;
	top:-22px;
	left:20px;
	width:80px;
	height:94px;
	background-position:top center;
	background-repeat:no-repeat;
	background-image:url(../img/new_label.png);
	background-size:80px auto;
	z-index:99;
}
#homeContainer .discoverGridImg{
	width:100%;
	overflow:hidden;
	margin-bottom:20px;
}
#homeContainer .discoverGridImg img{
	width:100%;
	
	transition: transform .8s ease;
}
#homeContainer .discoverGridImg:hover img {
  transform: scale(1.2);
}
#homeContainer .discoverGrid a.text{
	padding-left:5px;
	padding-right:5px;
	transition: all 0.3s ease-in-out;
}
#homeContainer .discoverGrid a.text:hover{
	background-color:#7ca9bc;
	color:#ffffff;
	
}
#homeContainer .discoverView{
	width:calc(100% - 20px);
	text-align:left;
	font-size:20px;
	padding-left:10px;
	padding-right:10px;
}
#homeContainer .discoverView a{
	color:#c8c6c6;
}
#homeContainer .discoverView a:hover{
	color:#4d4542;
}
/*homeContainer end*/
/*=======================================================================================================================*/




/*=======================================================================================================================*/
/*aboutContainer start*/
#aboutContainer{
	width:100%;
	float:left;
}
#aboutContainer .aboutWrapper{
	margin:0 auto;
	width:calc(100% - 40px);
	max-width:1240px;
	padding-left:20px;
	padding-right:20px;
	padding-top:80px;
	padding-bottom:30px;
	text-align:center;
}
#aboutContainer .aboutWrapper h1{
	color:#85a1b0;
	font-size:120px;
	width:100%;
	margin-bottom:30px;
}
#aboutContainer .aboutWrapper h2{
	font-size:30px;
	font-weight:bold;
	width:100%;
	margin-bottom:30px;
}
#aboutContainer .aboutTextWrapper{
	width:100%;
}
#aboutContainer .aboutTextWrapper img{
	width:60%;
	margin-bottom:40px;
}
#aboutContainer .aboutTextWrapper p{
	margin:0 auto;
	max-width:900px;	
}
/*aboutContainer end*/
/*=======================================================================================================================*/





/*=======================================================================================================================*/
/*productContainer start*/
#productContainer{
	width:100%;
	float:left;
}
#productContainer .productWrapper{
	margin:0 auto;
	width:calc(100% - 40px);
	max-width:1240px;
	padding-left:20px;
	padding-right:20px;
	padding-top:80px;
	padding-bottom:80px;
}
#productContainer .productCategory{
	width:100%;
	float:left;
	padding-bottom:30px;
}
#productContainer .productCategory select{
	display:none;	
}
#productContainer .productCategory ul{
	width:auto;
	margin:0 20% 0 20%;
	padding:0 10px 0 10px;
	text-align:center;
	
}
#productContainer .productCategory ul li{
	display: inline-block;
	line-height:40px;
	padding:5px 20px 5px 20px;
	list-style:none;
	position:relative;
	border:1px #ffffff solid;
	z-index:9999;
}
#productContainer .productCategory ul li:hover{
	border:1px #4d4542 solid;
}
#productContainer .productCategory ul li:hover a{
	color:#7ca9bc;
}
#productContainer .productCategory ul li.selected{
	border:1px #4d4542 solid;
}
#productContainer .productCategory ul li.selected a{
	color:#7ca9bc;
}
#productContainer .productCategory ul li a{
	display:inline-block;
	width:100%;
}
#productContainer .productCategory ul li ul{
	width:100%;
	margin:0 0 0 0;
	padding:5px 0 0 0;
	position:absolute;
	z-index:99999;
	left:-1px;
	display:none;
	transition: all 0.4s ease-in-out;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
#productContainer .productCategory ul li ul li{
	min-width:100%;
	list-style:none;
	margin:3px 0 0 0;
	padding:0 0 0 0;
	border:0px;
	text-align:center;
}
#productContainer .productCategory ul li ul li:hover{
	border:0px;
}
#productContainer .productCategory ul li ul li a{
	display:inline-block;
	min-width:calc(100% - 10px);
	padding-left:5px;
	padding-right:5px;
	border:1px #4d4542 solid;
	background-color:#FFFFFF;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	transition: all 0.4s ease-in-out;
	color:#4d4542 !important;
	white-space: nowrap;
}
#productContainer .productCategory ul li ul li a:hover{
	border:1px #4d4542 solid;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
	color:#7ca9bc !important;
}
#productContainer .productCategory ul li:hover .submenu{
    display:block;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
#productContainer .productList{
	width:100%;
	float:left;
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
}
#productContainer .productList .productGrid{
	flex:0 0 calc(33.3% - 20px); 
	width:calc(33.3% - 20px);
	padding-left:10px;
	padding-right:10px;
	padding-bottom:20px;
	margin-bottom:30px;
	position:relative;
	text-align:center;
}
#productContainer .productList .productGrid label{
	width:calc(100% - 20px);
	padding-left:10px;
	padding-right:10px;
	display:inline-block;
	font-weight:bold;
	margin-bottom:10px;
	font-size:23px;
}
#productContainer .productList .productGrid span{
	width:calc(100% - 20px);
	padding-left:10px;
	padding-right:10px;
	display:inline-block;
	font-size:14px;
}
#productContainer .productList .productGrid span font{
	font-size:14px;
	text-decoration-line: line-through;
	color:#b4b1b0;
}
#productContainer .productList .productGrid a.text{
	padding-left:5px;
	padding-right:5px;
	transition: all 0.3s ease-in-out;
}
#productContainer .productList .productGrid a.text:hover{
	background-color:#7ca9bc;
	color:#ffffff;
	
}
#productContainer .productList .productGridImg{
	width:100%;
	overflow:hidden;
	margin-bottom:20px;
	position:relative;
}
#productContainer .productList .productGridImg img{
	width:100%;
	
	transition: transform .8s ease;
}
#productContainer .productList .productGridImg:hover img {
  transform: scale(1.2);
}
#productContainer .productList .productGridImg .cover{
	position:absolute;
	z-index:99;
	background-image:url(../img/black_bg.png);
	color:#FFFFFF;
	top:0;
	left:0;
	right:0;
	bottom:0;
	display:none;
	transition: all 0.4s ease-in-out;
}
#productContainer .productList .productGridImg .cover span{
	position:absolute;
	display:inline-block;
	font-size:23px;
	width:100%;
	top: 50%;
	right: 0;
	transform: translate(0, -50%);
	text-decoration:none;
	padding:0 0 0 0;
	margin:0 0 0 0;
}
#productContainer .productList .productGridImg .cover a{
	text-transform:none;
}
#productContainer .productDetail{
	width:100%;
	float:left;
}
#productContainer .productDetail .path{
	width:calc(100% - 200px);
	float:left;
	color:#a6a1a0;
}
#productContainer .productDetail .path a{
	color:#a6a1a0;
}
#productContainer .productDetail .path a:hover{
	text-decoration:underline;
	color:#a6a1a0;
}
#productContainer .productDetail .paging{
	width:200px;
	float:right;
	color:#a6a1a0;
	text-align:right;
}
#productContainer .productDetail .paging a{
	color:#a6a1a0;
	display:inline-block;
	margin-right:10px;
}
#productContainer .productDetail .paging a:nth-child{
	margin-right:0;
	margin-left:10px;
}
#productContainer .productDetail .paging a:hover{
	text-decoration:underline;
	color:#a6a1a0;
}
#productContainer .productDetail .phWrapper{
	width:calc(50% - 15px);
	float:left;
	margin-right:15px;
	margin-top:30px;
}
#productContainer .productDetail .phWrapper .bigPh{
	width:calc(100% - 4px);
	border:2px #a6a1a0 solid;
	margin-bottom:10px;
	float:left;
}
#productContainer .productDetail .phWrapper .bigPh img{
	width:100%;
}
#productContainer .productDetail .phWrapper .phList{
	float:left;
	width:100%;
}
#productContainer .productDetail .phWrapper .phList .phListGrid{
	float:left;
	width:calc(20% - 1.6px);
	margin-right:2px;	
}
#productContainer .productDetail .phWrapper .phList .phListGrid:last-child{
	margin-right:0;
}
#productContainer .productDetail .phWrapper .phList .phListGrid img{
	width:100%;
}
#productContainer .productDetail .infoWrapper{
	width:calc(50% - 15px);
	float:left;
	margin-top:80px;
	margin-left:15px;
}
#productContainer .productDetail .infoWrapper .proName{
	width:100%;
	font-size:30px;
	margin-bottom:20px;
}
#productContainer .productDetail .infoWrapper .proText{
	width:100%;
	float:left;
	margin-bottom:20px;
}
#productContainer .productDetail .infoWrapper .proText label{
	font-size:19px;
}
#productContainer .productDetail .infoWrapper .proText p{
	margin-top:0;
}
#productContainer .productDetail .infoWrapper .proField{
	width:100%;
	float:left;
	margin-bottom:10px;	
}
#productContainer .productDetail .infoWrapper .proField label{
	width:150px;
	float:left;
	line-height:40px;
}
#productContainer .productDetail .infoWrapper .proField select{
	width:calc(70% - 152px);
	float:left;
	padding-top:10px;
	padding-bottom:10px;
}
#productContainer .productDetail .infoWrapper .proBnt{
	width:100%;
	float:left;
	margin-top:30px;
	margin-bottom:30px;
}
#productContainer .productDetail .infoWrapper .proBnt input[type=button]{
	width:calc(40% - 15px);
	height:60px;
	text-align:center;
	font-size:20px;
	transition: all 0.4s ease-in-out;
}
#productContainer .productDetail .infoWrapper .proBnt input[type=button]:hover{
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}
#productContainer .productDetail .infoWrapper .proBnt input[type=button].addToCart{
	background-color:#b6b2ac;
	margin-right:15px;
	color:#4d4442;
}
#productContainer .productDetail .infoWrapper .proBnt input[type=button].buy{
	background-color:#4d4442;
	margin-left:15px;
	color:#FFFFFF;
}
#productContainer .productRelated{
	width:100%;
	float:left;
	margin-top:100px;
	margin-bottom:50px;	
}
#productContainer .productRelated h2{
	width:100%;
	float:left;
	font-size:24px;
	margin-bottom:30px;
}
#productContainer .relatedList{
	width:100%;
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
}
#productContainer .relatedGrid{
	flex:0 0 calc(33.3% - 20px); 
	padding-left:10px;
	padding-right:10px;
	padding-bottom:20px;
	margin-bottom:30px;
	position:relative;
	text-align:center;
}
#productContainer .relatedGrid label{
	width:calc(100% - 20px);
	padding-left:10px;
	padding-right:10px;
	display:inline-block;
	font-weight:bold;
	margin-bottom:10px;
	font-size:23px;
}
#productContainer .relatedGrid span{
	width:calc(100% - 20px);
	padding-left:10px;
	padding-right:10px;
	display:inline-block;
	font-size:14px;
}
#productContainer .relatedGrid span font{
	font-size:14px;
	text-decoration-line: line-through;
	color:#b4b1b0;
}
#productContainer .relatedGrid a.text{
	padding-left:5px;
	padding-right:5px;
	transition: all 0.3s ease-in-out;
}
#productContainer .relatedGrid a.text:hover{
	background-color:#7ca9bc;
	color:#ffffff;
	
}
#productContainer .relatedGridImg{
	width:100%;
	overflow:hidden;
	margin-bottom:20px;
}
#productContainer .relatedGridImg img{
	width:100%;
	
	transition: transform .8s ease;
}
#productContainer .relatedGridImg:hover img {
  transform: scale(1.2);
}
/*productContainer end*/
/*=======================================================================================================================*/
















/*=======================================================================================================================*/
/*eventContainer start*/
#eventContainer{
	width:100%;
	float:left;
	margin-top:80px;
	margin-bottom:100px;
}
#eventContainer .eventWrapper{
	margin:0 auto;
	width:calc(100% - 40px);
	max-width:1240px;
	padding-left:20px;
	padding-right:20px;
}
#eventContainer .eventWrapper h1{
	width:100%;
	float:left;
	font-size:24px;
	text-align:center;
	margin-bottom:30px;
	text-transform:uppercase;
}
#eventContainer .eventBigPh{
	width:100%;
	float:left;
	margin-bottom:10px;
	position:relative;
}
#eventContainer .eventBigPh img{
	width:100%;
}
#eventContainer .eventPhList{
	width:100%;
	float:left;
}
#eventContainer .eventPhListGrid{
	float:left;
	width:20%;
}
#eventContainer .eventPhListGrid:last-child{
	margin-right:0;
}
#eventContainer .eventGridImg{
	width:100%;
	overflow:hidden;
	
}
#eventContainer .eventGridImg img{
	width:100%;
	
	transition: transform .8s ease;
}
#eventContainer .eventGridImg:hover img {
  transform: scale(1.2);
}

/*eventContainer end*/
/*=======================================================================================================================*/
/*=======================================================================================================================*/
/*discoverContainer start*/
#discoverContainer{
	width:100%;
	float:left;
	margin-top:80px;
	margin-bottom:100px;
}
#discoverContainer .discoverWrapper{
	margin:0 auto;
	width:calc(100% - 40px);
	max-width:1240px;
	padding-left:20px;
	padding-right:20px;
}
#discoverContainer .discoverWrapper h1{
	width:100%;
	float:left;
	font-size:24px;
	text-align:center;
	margin-bottom:30px;
	text-transform:uppercase;
}
#discoverContainer .discoverList{
	width:100%;
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
}
#discoverContainer .discoverGrid{
	flex:0 0 calc(33.3% - 20px); 
	padding-left:10px;
	padding-right:10px;
	padding-bottom:20px;
	margin-bottom:30px;
	position:relative;
	text-align:center;
}
#discoverContainer .discoverGrid label{
	width:calc(100% - 20px);
	padding-left:10px;
	padding-right:10px;
	display:inline-block;
	font-weight:bold;
	margin-bottom:10px;
	font-size:23px;
}
#discoverContainer .discoverGrid span{
	width:calc(100% - 20px);
	padding-left:10px;
	padding-right:10px;
	display:inline-block;
	font-size:14px;
}
#discoverContainer .discoverGrid .new{
	position:absolute;
	top:-22px;
	left:20px;
	width:80px;
	height:94px;
	background-position:top center;
	background-repeat:no-repeat;
	background-image:url(../img/new_label.png);
	background-size:80px auto;
	z-index:99;
}
#discoverContainer .discoverGrid a.text{
	padding-left:5px;
	padding-right:5px;
	transition: all 0.3s ease-in-out;
}
#discoverContainer .discoverGrid a.text:hover{
	background-color:#7ca9bc;
	color:#ffffff;
	
}
#discoverContainer .discoverGridImg{
	width:100%;
	overflow:hidden;
	margin-bottom:20px;
}
#discoverContainer .discoverGridImg img{
	width:100%;
	
	transition: transform .8s ease;
}
#discoverContainer .discoverGridImg:hover img {
  transform: scale(1.2);
}
#discoverContainer .discoverView{
	width:calc(100% - 20px);
	text-align:left;
	font-size:20px;
	padding-left:10px;
	padding-right:10px;
}
#discoverContainer .discoverView a{
	color:#c8c6c6;
}
#discoverContainer .discoverView a:hover{
	color:#4d4542;
}
#discoverContainer .discoverDetail{
	width:100%;
	float:left;
}
#discoverContainer .discoverDetail .discoverImg{
	width:100%;
	float:left;
	margin-bottom:20px;
}
#discoverContainer .discoverDetail .discoverImg img{
	width:100%;
}
#discoverContainer .discoverDetail .discoverDate{
	width:100%;
	float:left;
	font-weight:bold;
	margin-bottom:20px;
}
#discoverContainer .discoverDetail .discoverText{
	width:100%;
	float:left;
}
#discoverContainer .paging{
	width:100%;
	float:left;
	color:#a6a1a0;
	text-align:left;
	margin-top:40px;
}
#discoverContainer .paging a{
	color:#a6a1a0;
	display:inline-block;
	margin-right:40px;
}
#discoverContainer .paging a:nth-child{
	margin-right:0;
	margin-left:40px;
}
#discoverContainer .paging a:hover{
	text-decoration:underline;
	color:#a6a1a0;
}
/*discoverContainer end*/
/*=======================================================================================================================*/
/*=======================================================================================================================*/
/*parnterContainer start*/
#parnterContainer{
	width:100%;
	float:left;
	margin-top:80px;
	margin-bottom:100px;
}
#parnterContainer .parnterWrapper{
	margin:0 auto;
	width:calc(100% - 40px);
	max-width:1240px;
	padding-left:20px;
	padding-right:20px;
}
#parnterContainer .parnterWrapper h1{
	width:100%;
	float:left;
	font-size:24px;
	text-align:center;
	margin-bottom:30px;
	text-transform:uppercase;
}
#parnterContainer .parnterList{
	width:100%;
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
}
#parnterContainer .parnterGrid{
	flex:0 0 calc(25% - 60px); 
	padding-left:30px;
	padding-right:30px;
	padding-bottom:20px;
	margin-bottom:30px;
	position:relative;
	text-align:center;
}
#parnterContainer .parnterGrid label{
	width:calc(100% - 20px);
	padding-left:10px;
	padding-right:10px;
	display:inline-block;
	font-weight:bold;
	font-size:23px;
	margin-bottom:20px;
}
#parnterContainer .parnterGrid a.text{
	padding-left:5px;
	padding-right:5px;
	transition: all 0.3s ease-in-out;
}
#parnterContainer .parnterGrid a.text:hover{
	background-color:#7ca9bc;
	color:#ffffff;
	
}
#parnterContainer .parnterGridImg{
	width:100%;
	overflow:hidden;
	
}
#parnterContainer .parnterGridImg img{
	width:100%;
	
	transition: transform .8s ease;
}
#parnterContainer .parnterGridImg:hover img {
  /*transform: scale(1.2);*/
}
/*parnterContainer end*/
/*=======================================================================================================================*/
/*=======================================================================================================================*/
/*cartContainer start*/
#cartContainer{
	width:100%;
	float:left;
	margin-top:80px;
	margin-bottom:100px;
}
#cartContainer input[type=submit], #cartContainer input[type=button]{
	padding-left:25px;
	padding-right:25px;
	height:60px;
	background-color:#7ca9bc;
	color:#FFFFFF;
	text-align:center;
	font-size:20px;
	float:left;
	transition: all 0.4s ease-in-out;
}
#cartContainer input[type=submit]:hover, #cartContainer input[type=button]:hover{
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}
#cartContainer .cartWrapper{
	margin:0 auto;
	width:calc(100% - 40px);
	max-width:1240px;
	padding-left:20px;
	padding-right:20px;
}
#cartContainer .cartWrapper h1{
	width:100%;
	float:left;
	font-size:24px;
	text-align:center;
	margin-bottom:30px;
	text-transform:uppercase;
}
#cartContainer .productWrapper{
	width:calc(100% - 2px);
	border:1px	#b6b2ac solid;
	float:left;
}
#cartContainer .productHead{
	width:calc(100% - 40px);
	float:left;
	padding:10px 20px 10px 20px;
	border-bottom:1px	#b6b2ac solid;
	text-transform:uppercase;
}
#cartContainer .productHead.empty{
	font-size:20px;
	text-transform:none;
}
#cartContainer .productHead .productName{
	width:calc(100% - 450px);
	float:left;
}
#cartContainer .productHead .productPrice{
	width:150px;
	float:left;
	text-align:center;
}
#cartContainer .productHead .productQty{
	width:150px;
	float:left;
	text-align:center;
}
#cartContainer .productHead .productTotal{
	width:150px;
	float:left;
	text-align:center;
}
#cartContainer .emptyButton{
	width:100%;
	float:left;
	margin-top:30px;
	margin-bottom:30px;
	text-align:center;	
}
#cartContainer .emptyButton a{
	padding-left:50px;
	padding-right:50px;
	height:60px;
	line-height:60px;
	display:inline-block;
	background-color:#867e7a;
	color:#FFFFFF;
	text-align:center;
	font-size:20px;
	transition: all 0.4s ease-in-out;
	cursor:pointer;
}
#cartContainer .emptyButton a:hover{
	background-color:#524641;
}
#cartContainer .productBody{
	width:calc(100% - 40px);
	float:left;
	padding:00px 20px 0px 20px;
}
#cartContainer .productBody.empty{
	font-size:20px;
	padding-top:20px;
	padding-bottom:20px;
}
#cartContainer .productBody.empty a{
	padding-left:25px;
	padding-right:25px;
	height:60px;
	line-height:60px;
	display:inline-block;
	background-color:#7ca9bc;
	color:#FFFFFF;
	text-align:center;
	font-size:20px;
	transition: all 0.4s ease-in-out;
	cursor:pointer;
}
#cartContainer .productBody.empty a:hover{
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}
#cartContainer .productBody .productList{
	width:100%;
	float:left;
	margin-bottom:20px;
	margin-top:20px;
}
#cartContainer .productBody .productList .productName{
	width:calc(100% - 450px);
	float:left;
}
#cartContainer .productBody .productList .productName .productRemove{
	width:20px;
	float:left;
	margin-right:10px;
}
#cartContainer .productBody .productList .productName .productRemove img{
	width:100%;
}
#cartContainer .productBody .productList .productName .productImg{
	width:120px;
	float:left;
	margin-right:20px;
}
#cartContainer .productBody .productList .productName .productImg img{
	width:100%;	
}
#cartContainer .productBody .productList .productName .productInfo{
	width:calc(100% - 170px);
	float:left;
	
}
#cartContainer .productBody .productList .productName .productInfo .name{
	font-weight:bold;
	font-size:19px;
	width:100%;
	float:left;
}
#cartContainer .productBody .productList .productName .productInfo .text{
	width:100%;
	float:left;
}
#cartContainer .productBody .productPrice{
	width:150px;
	float:left;
	text-align:center;
	padding-top:40px;
}
#cartContainer .productBody .productPrice font{
	margin-right:10px;
	width:auto;
	display:none;
	font-weight:bold;
	float:left;
}
#cartContainer .productBody .productQty{
	width:150px;
	float:left;
	text-align:center;
	padding-top:40px;
}
#cartContainer .productBody .productQty font{
	margin-right:10px;
	width:auto;
	display:none;
	font-weight:bold;
	float:left;
	line-height:40px;
}
#cartContainer .productBody .productQty input[type=number]{
	width:40px;
	padding-top:10px;
	padding-bottom:10px;
	padding-right:10px;
	-moz-appearance:textfield;
}
#cartContainer .productBody .productQty input[type=number]:hover{
	-moz-appearance:inherit;
}
#cartContainer .productBody .productTotal{
	width:150px;
	float:left;
	text-align:center;
	padding-top:40px;
}
#cartContainer .productBody .productTotal font{
	margin-right:10px;
	width:auto;
	display:none;
	font-weight:bold;
	float:left;
}
#cartContainer .otherWrapper{
	width:100%;
	float:left;
	margin-top:50px;
}
#cartContainer .otherWrapper .remarkWrapper{
	width:calc(60% - 80px);
	float:left;
	margin-right:80px;
	min-height: 100px;
}
#cartContainer .otherWrapper .remarkWrapper label{
	width:100%;
	display:inline-block;
	margin-bottom:20px;
}
#cartContainer .otherWrapper .remarkWrapper textarea{
	width:calc(100% - 42px);
	min-width:calc(100% - 42px);
	max-width:calc(100% - 42px);
	height:200px;
	min-height:200px;
	max-height:200px;
}
#cartContainer .otherWrapper .checkoutWrapper{
	width:calc(40% - 40px);
	float:left;
	margin-left:40px;
}
#cartContainer .otherWrapper .checkoutWrapper .total{
	width:100%;
	float:left;
	margin-bottom:10px;
}
#cartContainer .otherWrapper .checkoutWrapper .total label{
	width:calc(60% - 5px);
	float:left;
	margin-right:5px;
	text-align:right;
}
#cartContainer .otherWrapper .checkoutWrapper .total span{
	width:calc(40% - 5px);
	text-align:right;
	float:left;
	margin-left:5px;
}
#cartContainer .otherWrapper .checkoutWrapper .total span font{
	font-size:25px;
}
#cartContainer .otherWrapper .checkoutWrapper .total .blue{
	color:#7ca9bc;
	line-height:30px;
}
#cartContainer .otherWrapper .checkoutWrapper  input[type=text]{
	width:calc(100% - 44px);
	float:left;
	margin-bottom:20px;
	margin-top:20px;
}
#cartContainer .otherWrapper .checkoutWrapper input[type=submit]{
	float:right;
	width:100%;
}
#cartContainer .otherWrapper .checkoutWrapper .apply{
	width:100%;
	float:left;
}
#cartContainer .otherWrapper .checkoutWrapper .apply input[type=text]{
	border-right:0px solid;
	width:calc(100% - 144px);
	float:left;
}
#cartContainer .otherWrapper .checkoutWrapper .apply span{
	width:97px;
	float:left;
	color:#FFFFFF;
	background-color:#7ca9bc;
	font-size:20px;
	text-align:center;
	margin-top:20px;
	transition: all 0.4s ease-in-out;
	border:1px #4d4542 solid;
	border-left:0px;
}
#cartContainer .otherWrapper .checkoutWrapper .apply span:hover{
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}
#cartContainer .otherWrapper .checkoutWrapper .apply span a{
	width:100%;
	display:inline-block;
	height:59px;
	line-height:59px;
	color:#FFFFFF;
}
/*cartContainer end*/
/*=======================================================================================================================*/
/*=======================================================================================================================*/
/*shippingContainer start*/
#shippingContainer{
	width:100%;
	float:left;
	
}
#shippingContainer input[type=submit]{
	padding-left:25px;
	padding-right:25px;
	height:60px;
	background-color:#7ca9bc;
	color:#FFFFFF;
	text-align:center;
	font-size:20px;
	float:left;
	transition: all 0.4s ease-in-out;
}
#shippingContainer input[type=submit]:hover{
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}
#shippingContainer .shippingWrapper{
	margin:0 auto;
	width:calc(100% - 40px);
	max-width:1240px;
	padding-left:20px;
	padding-right:20px;
	padding-top:50px;
	border-top:1px	#b6b2ac solid;
}
#shippingContainer .shippingWrapper h1{
	width:100%;
	float:left;
	font-size:24px;
	margin-bottom:30px;
	text-transform:uppercase;
}
#shippingContainer .shippingWrapper h2{
	width:100%;
	float:left;
	font-size:26px;
	margin-bottom:10px;
	text-transform:uppercase;
}
#shippingContainer .textForget{
	width:100%;
	text-align:right;
	margin-bottom:10px;
}
#shippingContainer .form{
	width:60%;
	padding-bottom:30px;
	margin-bottom:30px;
	float:left;
	border-bottom:1px #4d4542 solid;
}
#shippingContainer .form:last-child{
	border-bottom:0px;
}
#shippingContainer .form input[type=text], #shippingContainer .form input[type=password]{
	width:calc(100% - 44px);
	float:left;
	margin-bottom:20px;
}
#shippingContainer .form input[type=text].half{
	width:calc(50% - 57px);
	float:left;
	margin-bottom:20px;
	margin-left:20px;
}
#shippingContainer .form input[type=text].half:nth-of-type(odd){
	margin-left:0;
}
#shippingContainer .form select{
	width:calc(50% - 12px);
	float:left;
	margin-bottom:20px;
	margin-right:20px;
}
#shippingContainer .form input[type=submit]{
	padding-left:25px;
	padding-right:25px;
	height:60px;
	background-color:#7ca9bc;
	color:#FFFFFF;
	text-align:center;
	font-size:20px;
	float:left;
	transition: all 0.4s ease-in-out;
}
#shippingContainer .form input[type=submit]:hover{
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}
#shippingContainer .form .checkBox{
	width:100%;
	display:inline-block;
	margin-bottom:20px;
	line-height:30px;
}
#shippingContainer .form .checkBox input{
	display: none;
}
#shippingContainer .form .checkBox span{
	height: 30px;
	width: 30px;
	border: 1px solid #4d4542;
	display: inline-block;
	position: relative;
	float:left;
	cursor:pointer;
}
#shippingContainer .form .checkBox font{
	float: left;
	padding-left: 10px;
	cursor: pointer;
	vertical-align: top;
	width: calc(100% - 50px);
}
#shippingContainer .form .checkBox [type=checkbox]:checked + span:before {
	content:url(../img/tick_img.png) ;
	transform: scale(.3);
	position: absolute;
	top: -16px;
	left:-23px;
}
#shippingContainer .form .radio{
	display: block;
	position: relative;
	padding-left: 35px;
	margin-bottom: 50px;
	margin-top:50px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	width:calc(100% - 35px);
	float:left;
}
#shippingContainer .form .radio img{
	height:60px;
	position:absolute;
	margin-left:50px;
	top:-18px;
}
#shippingContainer .form .radio input{
	position: absolute;
	opacity: 0;
	cursor: pointer;
}
#shippingContainer .form .paymentType{
	position: absolute;
	top: 0;
	left: 0;
	height: 25px;
	width: 25px;
	background-image:url(../img/radio_uncheck.png);
	background-repeat:no-repeat;
	background-size:25px 25px;
	cursor:pointer;
}
#shippingContainer .form .radio:hover input ~ .paymentType{
	/*background-image:url(../img/radio_checked.png);*/
}
#shippingContainer .form .radio input:checked ~ .paymentType {
	background-image:url(../img/radio_checked.png);
}
#shippingContainer .form .paymentType:after {
	content: "";
	position: absolute;
	display: none;
}
#shippingContainer .form .radio input:checked ~ .paymentType:after {
	display: block;
}
#shippingContainer .form .radioShipping{
	display: block;
	position: relative;
	padding-left: 35px;
	margin-bottom: 50px;
	margin-top:50px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	width:calc(50% - 35px);
	float:left;
}
#shippingContainer .form .radioShipping img{
	height:60px;
	position:absolute;
	margin-left:50px;
	top:-18px;
}
#shippingContainer .form .radioShipping input{
	position: absolute;
	opacity: 0;
	cursor: pointer;
}
#shippingContainer .form .shippingType{
	position: absolute;
	top: 0;
	left: 0;
	height: 25px;
	width: 25px;
	background-image:url(../img/radio_uncheck.png);
	background-repeat:no-repeat;
	background-size:25px 25px;
	cursor:pointer;
}
#shippingContainer .form .radioShipping:hover input ~ .shippingType{
	/*background-image:url(../img/radio_checked.png);*/
}
#shippingContainer .form .radioShipping input:checked ~ .shippingType {
	background-image:url(../img/radio_checked.png);
}
#shippingContainer .form .shippingType:after {
	content: "";
	position: absolute;
	display: none;
}
#shippingContainer .form .radioShipping input:checked ~ .shippingType:after {
	display: block;
}
.billingWrapper{
	width:100%;
}
#cartContainer .textarea, #shippingContainer .textarea{
	width:calc(100% - 42px);
	min-width:calc(100% - 42px);
	max-width:calc(100% - 42px);
	padding:20px 20px 20px 20px;
	border:1px #4d4542 solid;
	float:left;
}
#cartContainer .textBox, #shippingContainer .textBox{
	width:calc(100% - 42px);
	padding:10px 20px 10px 20px;
	border:1px #4d4542 solid;
	float:left;
	margin-top:10px;
	margin-bottom:10px;
}
#cartContainer .textBox.half, #shippingContainer .textBox.half{
	width:calc(50% - 52px);
	float:left;
	margin-left:20px;
}
#cartContainer .textBox.half:nth-child(odd), #shippingContainer .textBox.half:nth-child(odd){
	margin-left:0;
}
#cartContainer .payment, #shippingContainer .payment{
	width:calc(100% - 42px);
	padding:10px 20px 10px 20px;
	float:left;
	margin-top:50px;
	margin-bottom:50px;
	position:relative;
}
#cartContainer .payment img, #shippingContainer .payment img{
	height:60px;
	position:absolute;
	margin-left:50px;
	top:-18px;
}
/*shippingContainer end*/
/*=======================================================================================================================*/
/*=======================================================================================================================*/
/*loginContainer start*/
#loginContainer{
	width:100%;
	float:left;
}
#loginContainer .loginWrapper{
	margin:0 auto;
	width:calc(100% - 40px);
	max-width:670px;
	padding-left:20px;
	padding-right:20px;
	padding-top:30px;
	padding-bottom:30px;
}
#loginContainer .loginWrapper h1{
	width:100%;
	float:left;
	font-size:24px;
	text-transform:uppercase;
}
#loginContainer .textForget{
	width:100%;
	text-align:right;
	margin-bottom:10px;
}
#loginContainer .form{
	width:100%;
	padding-bottom:30px;
	margin-bottom:30px;
	float:left;
	border-bottom:1px #4d4542 solid;
}
#loginContainer .form input[type=text], #loginContainer .form input[type=password]{
	width:calc(100% - 44px);
	float:left;
	margin-bottom:20px;
}
#loginContainer .form input[type=submit]{
	padding-left:25px;
	padding-right:25px;
	height:60px;
	background-color:#7ca9bc;
	color:#FFFFFF;
	text-align:center;
	font-size:20px;
	text-transform:uppercase;
	float:left;
	transition: all 0.4s ease-in-out;
}
#loginContainer .form input[type=submit]:hover{
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}
#loginContainer .form .checkBox{
	width:100%;
	display:inline-block;
	margin-bottom:20px;
	line-height:30px;
}
#loginContainer .form .checkBox input{
	display: none;
}
#loginContainer .form .checkBox span{
	height: 30px;
	width: 30px;
	border: 1px solid #4d4542;
	display: inline-block;
	position: relative;
	float:left;
	cursor:pointer;
}
#loginContainer .form .checkBox font{
	float:left;
	margin-left:10px;
	cursor:pointer;
}
#loginContainer .form .checkBox [type=checkbox]:checked + span:before {
	content:url(../img/tick_img.png) ;
	transform: scale(.3);
	position: absolute;
	top: -16px;
	left:-23px;
}
#loginContainer .textRegister{
	width:100%;
	margin-bottom:30px;
	font-size:30px;
}
#loginContainer a.register{
	display:inline-block;
	padding-left:20px;
	padding-right:20px;
	line-height:60px;
	height:60px;
	background-color:#837d7b;
	color:#FFFFFF;
	transition: all 0.4s ease-in-out;
	text-transform:uppercase;
	font-size:20px;
}
#loginContainer a.register:hover{
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}
/*loginContainer end*/
/*=======================================================================================================================*/
/*=======================================================================================================================*/
/*accountContainer start*/
#accountContainer{
	width:100%;
	float:left;
}
#accountContainer .accountWrapper{
	margin:0 auto;
	width:calc(100% - 40px);
	max-width:1040px;
	padding-left:20px;
	padding-right:20px;
	padding-top:30px;
	padding-bottom:30px;
}
#accountContainer .accountWrapper h1{
	width:100%;
	float:left;
	font-size:24px;
	text-transform:uppercase;
}
#accountContainer .accountWrapper .textWrapper{
	width:100%;
	float:left;
	margin-top:30px;
	line-height:25px;
}
#accountContainer .accountWrapper input[type=submit]{
	padding-left:55px;
	padding-right:55px;
	height:60px;
	background-color:#7ca9bc;
	color:#FFFFFF;
	text-align:center;
	font-size:20px;
	float:left;
	transition: all 0.4s ease-in-out;
}
#accountContainer .accountWrapper input[type=submit]:hover{
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}
#accountContainer .leftWrapper{
	width:250px;
	float:left;
	margin-right:30px;
}
#accountContainer .rightWrapper{
	width:calc(100% - 280px);
	float:left;
}
#accountContainer .homeWrapper{
	width:100%;
	margin-top:50px;
}
#accountContainer .homeList{
	width:calc(50% - 22px);
	margin-right:10px;
	border:1px #4d4542 solid;
	border-bottom:0px;
	float:left;
}
#accountContainer .homeList:nth-child(even){
	margin-left:10px;
	margin-right:0;
}
#accountContainer .homeListHead{
	width:100%;
	background-color:#c9c7c6;
	text-align:center;
	line-height:40px;	
}
#accountContainer .homeListBody{
	width:calc(100% - 40px);
	padding-left:20px;
	padding-right:20px;
	border-bottom:1px #4d4542 solid;
	line-height:40px;
	background-color:#FFFFFF;
	transition: all 0.3s ease-in-out;
}
#accountContainer .homeListBody:hover{
	background-color:#edecec;
}
#accountContainer .homeListBody a{
	width:100%;
	display:inline-block;
	line-height:40px;
	color:#4d4542;
}
#accountContainer .homeListBody a:hover{
	color:#4d4542;
}
#accountContainer .infoWrapper{
	margin:0 auto;
	width:80%;
	max-width:640px;
	
}
#accountContainer .infoWrapper h1{
	width:100%;
	font-size:24px;
	text-transform:uppercase;
	margin-bottom:50px;
}
#accountContainer .infoGrid{
	width:calc(100% - 60px);
	padding:30px 30px 30px 30px;
	border:1px #4d4542 solid;
	margin-bottom:30px;
	float:left;
	position:relative;
}
#accountContainer .infoGrid .textField{
	width:calc(100% - 170px);
	float:left;
	line-height:60px;
}
#accountContainer .infoGrid .textareaField{
	width:calc(100% - 170px);
	float:left;
}
#accountContainer .infoGrid .textareaField label{
	display:inline-block;
	margin-bottom:10px;
	float:left;
	width:100%;
	
}
#accountContainer .infoGrid .inputField{
	width:calc(100% - 170px);
	float:left;
	line-height:60px;
}
#accountContainer .infoGrid .inputField label{
	display:inline-block;
	margin-right:10px;
	line-height:20px;
	width:130px;
	vertical-align: middle;
}
#accountContainer .infoGrid .inputField input[type=text], #accountContainer .infoGrid .inputField input[type=password]{
	width:calc(100% - 200px);
	display:inline-block;
	margin-right:10px;
	vertical-align: middle;
}
#accountContainer .infoGrid textarea{
	width:calc(100% - 50px);
	min-width:calc(100% - 50px);
	max-width:calc(100% - 50px);
	height:100px;
	min-height:100px;
	max-height:100px;
	float:left;
}
#accountContainer .infoGrid span{
	width:150px;
	line-height:60px;
	
	color:#FFFFFF;
	text-align:center;
	cursor:pointer;
	float:right;
	font-size:20px;
	transition: all 0.4s ease-in-out;
	background-color:#837c7b;
	
	position: absolute;
	top: 50%;
	right: 30px;
	transform: translate(0, -50%);
}
#accountContainer .infoGrid span.save{
	background-color:#7ca9bc;
}
#accountContainer .infoGrid span:hover{
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}
#accountContainer .infoGrid span a{
	color:#FFFFFF;
	width:100%;
	display:inline-block;
	height:60px;
}
#accountContainer .paymentWrapper{
	width:60%;
	float:left;
}
#accountContainer .paymentWrapper input[type=text]{
	width:calc(100% - 42px);
	float:left;
	margin-bottom:20px;
}
#accountContainer .paymentWrapper input[type=text].half{
	width:calc(50% - 57px);
	float:left;
	margin-bottom:20px;
	margin-left:20px;
}
#accountContainer .paymentWrapper input[type=text].half:nth-child(even){
	margin-left:0;
}
#accountContainer .paymentWrapper select{
	width:calc(50% - 12px);
	float:left;
	margin-bottom:20px;
	margin-right:20px;
}
#accountContainer .paymentWrapper h2:first-child{
	border-top:0;
}
#accountContainer .paymentWrapper h2{
	width:100%;
	float:left;
	font-size:20px;
	margin-bottom:20px;
	padding-top:20px;
	border-top:1px #4d4542 solid;
}
#accountContainer .paymentWrapper .radio{
	display: block;
	position: relative;
	padding-left: 35px;
	margin-bottom: 50px;
	margin-top:50px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	width:calc(100% - 35px);
	float:left;
}
#accountContainer .paymentWrapper .radio img{
	height:60px;
	position:absolute;
	margin-left:50px;
	top:-18px;
}
#accountContainer .paymentWrapper .radio input{
	position: absolute;
	opacity: 0;
	cursor: pointer;
}
#accountContainer .paymentWrapper .paymentType{
	position: absolute;
	top: 0;
	left: 0;
	height: 25px;
	width: 25px;
	background-image:url(../img/radio_uncheck.png);
	background-repeat:no-repeat;
	background-size:25px 25px;
	cursor:pointer;
}
#accountContainer .paymentWrapper .radio:hover input ~ .paymentType{
	/*background-image:url(../img/radio_checked.png);*/
}
#accountContainer .paymentWrapper .radio input:checked ~ .paymentType {
	background-image:url(../img/radio_checked.png);
}
#accountContainer .paymentWrapper .paymentType:after {
	content: "";
	position: absolute;
	display: none;
}
#accountContainer .paymentWrapper .radio input:checked ~ .paymentType:after {
	display: block;
}
#accountContainer .menuWrapper{
	width:100%;
}
#accountContainer .menuWrapper ul{
	width:100%;
	margin:30px 0 0 0;
	padding:0 0 0 0;
	float:left;
}
#accountContainer .menuWrapper ul li{
	width:calc(100% - 5px);
	font-size:17px;
	list-style:none;
	padding-left:5px;
	border-bottom:1px #4d4542 solid;
	transition: all 0.3s ease-in-out;
}
#accountContainer .menuWrapper ul li:hover{
	background-color:#edecec;
}
#accountContainer .menuWrapper ul li.selected{
	border-bottom:2px #7ca9bd solid;
}
#accountContainer .menuWrapper ul li a{
	width:100%;
	display:inline-block;
	color:#4d4542;
	line-height:40px;
}
#accountContainer .menuWrapper ul li a:hover{
	color:#4d4542;
}
#accountContainer .addressWrapper{
	width:100%;
	float:left;
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	margin-top:50px;
}
#accountContainer .addressWrapper h2{
	width:100%;
	float:left;
	font-size:22px;
	margin-bottom:20px;
	padding-top:20px;
}
#accountContainer .addressList{
	flex:0 0 calc(50% - 57px); 
	margin-right:30px;
	border:1px #4d4542 solid;
	float:left;
	padding:20px 20px 60px 20px;
	position:relative;
	margin-bottom:30px;
}
#accountContainer .addressList:nth-child(odd){
	margin-right:0;
}
#accountContainer .addressList.new{
	border:1px #c9c7c6 solid;
	background-color:#c9c7c6;
	background-image:url(../img/add_icon.png);
	background-position:center 40%;
	background-repeat:no-repeat;
	background-size:50px;
	text-align:center;
	font-size:20px;
	position:relative;
}
#accountContainer .addressList.new span{
	position: absolute;
	top: 60%;
	left: 50%;
	transform: translate(-50%, -50%);
}
#accountContainer .addressListBnt{
	margin-top:20px;
	position:absolute;
	bottom:0;
	width:100%;
	margin-left:-20px;
	margin-right:-20px;
}
#accountContainer .addressListBnt a font{

	background-repeat: no-repeat;
	background-position: left;
	background-size: 25px auto;
	padding-left: 30px;
	height: 40px;
	display: inline-block;
	line-height: 40px;
}
#accountContainer .addressListBnt a font.edit{
	background-image:url(../img/edit_icon.png);
}
#accountContainer .addressListBnt a font.delete{
	background-image:url(../img/delete_icon.png);
}
#accountContainer .addressListBnt a{
	display:inline-block;
	width:calc(50% - 1px);
	float:left;
	border-top:1px #4d4542 solid;
	border-right:1px #4d4542 solid;
	align-items:center;
	text-align:center;
}
#accountContainer .addressListBnt a:nth-child(even){
	width:50%;
	border-right:0;
}
#accountContainer .addressWrapper input[type=text]{
	width:calc(100% - 42px);
	float:left;
	margin-bottom:20px;
}
#accountContainer .addressWrapper input[type=text].half{
	width:calc(50% - 57px);
	float:left;
	margin-bottom:20px;
	margin-left:20px;
}
#accountContainer .addressWrapper input[type=text].half:nth-child(odd){
	margin-left:0;
}
#accountContainer .addressWrapper select{
	width:calc(50% - 12px);
	float:left;
	margin-bottom:20px;
	margin-right:20px;
}
#accountContainer .returnWrapper{
	width:100%;
	float:left;
	margin-top:30px;
}
#accountContainer .returnWrapper h2{
	width:100%;
	float:left;
	font-size:22px;
	margin-bottom:20px;
	padding-top:20px;
}
#accountContainer .returnWrapper .text{
	width:100%;
	float:left;
	line-height:25px;
	margin-bottom:30px;
}
#accountContainer .returnWrapper input[type=text]{
	width:calc(100% - 42px);
	float:left;
	margin-bottom:20px;
}
#accountContainer .returnWrapper input[type=text].half{
	width:calc(50% - 57px);
	float:left;
	margin-bottom:20px;
	margin-left:20px;
}
#accountContainer .returnWrapper input[type=text].half:nth-child(odd){
	margin-left:0;
}
#accountContainer .statusWrapper{
	width:100%;
	float:left;
	margin-top:30px;
}
#accountContainer .statusWrapper h2{
	width:100%;
	float:left;
	font-size:22px;
	margin-bottom:20px;
	padding-top:20px;
}
#accountContainer .statusWrapper .text{
	width:100%;
	float:left;
	line-height:25px;
}
#accountContainer .statusWrapper .text a{
	border-bottom:2px #4d4542 dotted;
	text-decoration:none !important;
}
#accountContainer .statusWrapper input[type=text]{
	width:calc(100% - 42px);
	float:left;
	margin-bottom:20px;
}
#accountContainer .statusWrapper input[type=submit]{
	float:right;	
}
#accountContainer .statusList{
	width:100%;
	margin-bottom:30px;
	margin-top:30px;
	float:left;
	border-bottom:1px #4d4542 solid;
}
#accountContainer .statusList:last-child{
	border-bottom:0px;
}
#accountContainer .statusList .information{
	width:calc(100% - 40px);
	padding:20px 20px 20px 20px;
	background-color:#c9c7c6;
	margin-bottom:20px;
	float:left;
}
#accountContainer .statusList .orderNumner{
	width:100%;
	float:left;
	font-size:19px;
	font-weight:bold;
	margin-bottom:20px;
}
#accountContainer .statusList .orderDate{
	width:calc(50% - 10px);
	float:left;
	padding-right:10px;
}
#accountContainer .statusList .orderStatus{
	width:calc(50% - 10px);
	float:left;
	padding-left:10px;
}
#accountContainer .statusList .orderStatus label.success{
	color:#4ea464;
}
#accountContainer .statusList .orderStatus label.wait{
	color:#a44e4e;
}
#accountContainer .statusList .product{
	width:100%;
	margin-bottom:20px;
	float:left;
	position:relative;
	padding-bottom:20px;
}
#accountContainer .statusList .productImg{
	width:120px;
	float:left;
	margin-right:20px;
}
#accountContainer .statusList .productImg img{
	width:100%;	
}
#accountContainer .statusList .productInfo{
	width:calc(100% - 340px);
	float:left;
}
#accountContainer .statusList .productName{
	font-size:19px;
	font-weight:bold;
	width:100%;
	float:left;
	margin-bottom:15px;
}
#accountContainer .statusList .productSize{
	width:100%;
	line-height:20px;
	font-size:15px;
	margin-bottom:15px;
}
#accountContainer .statusList .productPrice{
	width:100%;	
}
#accountContainer .statusList .productPrice label{
	color:#c1bebd;
	font-size:15px;
}
#accountContainer .statusList .productBnt{
	float:right;
	width:200px;
	height:40px;
	line-height:40px;
	background-color:#7ca9bc;
	color:#FFFFFF;
	text-align:center;
	font-size:20px;
	transition: all 0.4s ease-in-out;
	display:inline-block;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translate(0, -50%);
}
#accountContainer .statusWrapper .statusList .productBnt{
	float:none;
	width:200px;
	height:40px;
	line-height:40px;
	background-color:#7ca9bc;
	color:#FFFFFF;
	text-align:center;
	font-size:20px;
	transition: all 0.4s ease-in-out;
	display:inline-block;
	position: static;
	transform: translate(0, 0);
}
#accountContainer .statusList .productBnt:hover{
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}
#accountContainer .statusWrapper .statusList input{
	position:fixed;
	top:-999px;
}
#accountContainer .statusList .total{
	width:100%;
	margin-bottom:20px;
	float:left;
}
#accountContainer .statusList .totalField{
	width:100%;
	float:left;
	margin-bottom:10px;
}
#accountContainer .statusList .totalField{
	text-align:right;	
}
#accountContainer .statusList .totalField label{
	margin-left:10px;
	min-width:100px;
	width:auto;
	display:inline-block;
	text-align:left;
}
#accountContainer .historyWrapper{
	width:100%;
	float:left;
	margin-top:30px;
}
#accountContainer .historyWrapper h2{
	width:100%;
	float:left;
	font-size:22px;
	margin-bottom:20px;
	padding-top:20px;
}
#accountContainer .historyWrapper .tab{
	width:100%;
	float:left;
	border-bottom:1px #7ca9bd solid;
	margin-bottom:30px;
}
#accountContainer .historyWrapper .tab span{
	display:inline-block;
	padding:10px 15px 10px 15px;
	border-top:1px #7ca9bd solid;
	border-right:1px #7ca9bd solid;
}
#accountContainer .historyWrapper .text{
	width:100%;
	float:left;
	line-height:25px;
}
#accountContainer .historyList{
	width:100%;
	margin-bottom:30px;
	margin-top:30px;
	float:left;
	border-bottom:1px #4d4542 solid;
}
#accountContainer .historyList .information{
	width:calc(100% - 40px);
	padding:20px 20px 20px 20px;
	background-color:#c9c7c6;
	margin-bottom:20px;
	float:left;
}
#accountContainer .historyList .orderNumner{
	width:100%;
	float:left;
	font-size:19px;
	font-weight:bold;
	margin-bottom:20px;
}
#accountContainer .historyList .orderDate{
	width:calc(33.33% - 10px);
	float:left;
	padding-right:10px;
}
#accountContainer .historyList .orderDeliver{
	width:calc(33.33% - 10px);
	float:left;
	padding-right:10px;
}
#accountContainer .historyList .orderDeliver label{
	font-size:19px;
}
#accountContainer .historyList .orderStatus{
	width:calc(33.33% - 10px);
	float:left;
	padding-left:10px;
}
#accountContainer .historyList .orderStatus label.success{
	color:#4ea464;
}
#accountContainer .historyList .orderStatus label.wait{
	color:#a44e4e;
}

#accountContainer .historyList .product{
	width:100%;
	margin-bottom:20px;
	float:left;
	position:relative;
	padding-bottom:20px;
}
#accountContainer .historyList .productRemove{
	width:20px;
	float:left;
	margin-right:10px;
}
#accountContainer .historyList .productRemove img{
	width:100%;
}
#accountContainer .historyList .productImg{
	width:120px;
	float:left;
	margin-right:20px;
}
#accountContainer .historyList .productImg img{
	width:100%;	
}
#accountContainer .historyList .productInfo{
	width:calc(100% - 170px);
	float:left;
}
#accountContainer .historyList .productName{
	font-size:19px;
	font-weight:bold;
	width:100%;
	float:left;
	margin-bottom:15px;
}
#accountContainer .historyList .productSize{
	width:100%;
	line-height:20px;
	font-size:15px;
	margin-bottom:15px;
}
#accountContainer .historyList .productPrice{
	width:100%;	
}
#accountContainer .historyList .productPrice label{
	color:#c1bebd;
	font-size:15px;
}
#accountContainer .historyList .total{
	width:100%;
	margin-bottom:20px;
	float:left;
}
#accountContainer .historyList .totalField{
	width:100%;
	float:left;
	margin-bottom:10px;
}
#accountContainer .historyList .totalField{
	text-align:right;	
}
#accountContainer .historyList .totalField label{
	margin-left:10px;
	min-width:100px;
	width:auto;
	display:inline-block;
	text-align:left;
}
/*accountContainer end*/
/*=======================================================================================================================*/
/*=======================================================================================================================*/
/*contactContainer start*/
#contactContainer{
	width:100%;
	float:left;
	margin-top:80px;
}
#contactContainer .contactWrapper{
	margin:0 auto;
	width:calc(100% - 40px);
	max-width:1240px;
	padding-left:20px;
	padding-right:20px;
}
#contactContainer .contactWrapper h1{
	width:100%;
	float:left;
	font-size:24px;
	text-align:center;
	padding-bottom:20px;
}
#contactContainer .contactWrapper h2{
	width:100%;
	float:left;
	font-size:22px;
	font-weight:bold;
}
#contactContainer .contactWrapper p{
	width:100%;
	display:inline-block;
}
#contactContainer .textWrapper{
	margin-left:25%;
	width:50%;
	float:left;
	border-bottom:1px #4d4542 solid;
	padding-bottom:20px;
	margin-bottom:20px;
}
/*contactContainer end*/
/*=======================================================================================================================*/
/*=======================================================================================================================*/