@import "../mixins.less";
@import "../Style.less";
@import "../Page.less";

#page_title{
	
	.group_center{
	    padding: 0px;
		margin: 0px auto;
		overflow: hidden;
		width: 1150px;
		height: 100px;
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-bottom-color: #e8e8e8;
		
	h2{
		color: @color3;
		.font(normal,36px,normal);
		margin: 55px 0px 0px 0px;
	}
	}
	
}




/*----acc_cont-----*/
#supp_cont {
	width: 100%;
	overflow:hidden;
	
	  .group_center{
		  width: 100%;
		  max-width: 1150px;
		  margin: 0px auto;
		  overflow:hidden;
		  /*border: 1px dotted #993;	*/
		  /*.font(normal,14px,20px);*/
	  }
	  .page_down {
		  float:left;
		  width: 100%;
		  height: 50px;
	  }
}




.supp_l {
	width: 270px;
	float:left;
	height:auto;
	overflow:hidden;
	margin: 0px 0px 0px 0px;
	padding: 40px 0px 40px 0px;
	text-align:left;
	/*background-color:#000;
	opacity:0.5;*/
	
	.txt {
		margin: 0px 0px 0px 0px;
		padding: 30px 10px 0px 20px;
		.font(normal,14px,20px);
		color: #58585a;
		text-align: left;
		float:left;
	  }
}
.supp_r {
	width: 820px;
	height:auto;
	float:left;
	overflow:hidden;
	margin: 0px 0px 0px 0px;
	padding: 40px 0px 40px 40px;
	text-align:left;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #e8e8e8;
}




.supp_l_menu {
	float:left;
	width: 100%;

	 ul {
		width: 100%;
		border-top-width: 1px;
		border-top-style: dotted;
		border-top-color: #a3a3a3;
	}
	 li {
		float: left;
		width: 100%;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		.font(normal,14px,20px);
		color: #58585a;
		text-align: left;
		border-bottom-width: 1px;
		border-bottom-style: dotted;
		border-bottom-color: #a3a3a3;
	}
	 li img {
		float: left;
		margin: 3px;
		padding: 0px 0px 0px 0px;
	}
	li a{
		display:block;
		/*float:left;*/
		width: 100%;
		margin: 0px 0px 0px 0px;
		padding: 10px 0px 10px 20px;
		.font(normal,14px,20px);
		color: #58585a;
		text-align: left;
		text-decoration: none;
		text-indent: 0px;
	}
	li a:hover {
		text-decoration: none;
		.font(normal,14px,20px);
		background-color:#f1f1f1;
		/*background-image: url(/Images/pages_left_menu_bg.jpg);
		background-repeat: repeat-y;
		background-position: 0px top;*/
	}
	li a.selected {
		text-decoration: none;
		.font(normal,14px,20px);
		background-color:#f1f1f1;
		/*background-image: url(/Images/pages_left_menu_bg.jpg);
		background-repeat: repeat-y;
		background-position: -30px top;*/
	}
}








.supp_div {
	width: 100%;
	margin: 0;
	padding: 0px 0px 60px 0px;
	 line-height:20px;
	
	
	.supp_div {
		float:left;
		/*width: 100%;*/
		margin: 0px 0px 0px 0px;
		padding: 20px 0px 0px 48px;
		text-align:center;
		vertical-align:top;
		position: relative;
	}
	.supp_div_2 {
		float:left;
		/*width: 100%;*/
		margin: 0px 0px 0px 0px;
	    padding: 50px 0px 0px 48px;
		text-align:center;
		vertical-align:top;
		position: relative;
	}
	.faq_div_1 {
		float:left;
		/*width:230px;*/
		padding: 1px 9px 0px 0px;
		position:relative;
		
    }
	.faq_div_2 {
		float:left;
		width: 600px;
		position:relative;
		
		button {
			position:absolute;
			right:0;
			top:6px;
		}
    }
	.faq_l,
	.faq_r {
		float: left;
		/*width: 230px;*/
		padding: 30px 20px 30px 100px;
		text-align: left;
		vertical-align: top;
		position: relative;
		background-color:#f6f6f6;
		min-height: 70px;
	}
	.faq_l {
		margin: 50px 0px 0px 0px;
	}
	.faq_r {
		margin: 50px 0px 0px 20px;
	}
	
	.txt {
		position: relative;
		width: 760px;
		text-align:left;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 30px 0px;
		line-height:20px;
	
		 h4{
			.font(bold,14px,20px);
			color: #58585a;
			text-align:left;
			margin: 0px 0px 0px 0px;
			padding: 20px 0px 10px 0px;
		}
		 p {
			.font(normal,14px,20px);
			color: #58585a;
			text-align:left;
			margin: 0px 0px 0px 0px;
			padding: 10px 0px 0px 0px;
		}
		ul{
			.font(normal,14px,26px);
			color: #58585a;
			text-align:left;
			margin: 0px 0px 0px 14px;
			padding: 10px 0px 0px 0px;
			list-style-type: square;
		}
		ol{
			.font(normal,14px,26px);
			color: #58585a;
			text-align:left;
			margin: 0px 0px 0px 14px;
			padding: 10px 0px 0px 0px;
			list-style-type: decimal;
		}
		li{
			line-height: 26px;
		}
	}
	.cover_txt {
		float:left;
		text-align: left;
		.font(normal,12px,18px);
		color: #58585a;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 5px;
	}
	
}
.supp_div_title {
	overflow: hidden;
	width: 100%;
	margin: 0x;
	padding: 10px 0px 10px 0px;
	text-align: center;

   h3{ 
	 .font(30px,30px);
	  color: #58585a;
  }
}


.border1 {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #d7d7d7;
	border-right-color: #e3e3e3;
	border-bottom-color: #d7d7d7;
	border-left-color: #d7d7d7;
}
.border2 {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #d7d7d7;
	border-right-color: #e3e3e3;
	border-bottom-color: #d7d7d7;
	border-left-color: #d7d7d7;
}
.border3 {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #d7d7d7;
	border-right-color: #d7d7d7;
	border-bottom-color: #d7d7d7;
	border-left-color: #d7d7d7;
}
.border4 {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #d7d7d7;
	border-right-color: #d7d7d7;
	border-bottom-color: #d7d7d7;
	border-left-color: #d7d7d7;
}
.border5 {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #e3e3e3;
}

.supp_box {
	float: left;
	width: 240px;
	height: 240px;
	background-color: #f6f6f6;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	/*position:relative;*/
}
.supp_box_locked {
	float: left;
	width: 240px;
	height: 240px;
	background-color: #fff;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	opacity:0.5;
}
.supp_box:hover {
	background-image: url(/Images/support_div_box_over.jpg);
	background-repeat: no-repeat;
	background-position: left top;	
}
.supp_box:hover .box_1,
.supp_box:hover .box_2,
.supp_box:hover .box_3 {
	opacity: 1;
	.transition(all,0.2s,ease-out);
}
.box_1,
.box_2,
.box_3 {
	opacity: 0.3;
	height: 190px;
	.font(normal,15px,20px);
	color: #58585a;
	margin: 0px 0px 0px 0px;
	padding: 112px 0px 10px 0px;
	.transition(all,0.2s,ease-out);
}
.box_1 {
	background-image: url(/Images/support_box_icon_1.png);
	background-repeat: no-repeat;
	background-position: center -275px;
}
.box_2 {
	background-image: url(/Images/support_box_icon_2.png);
	background-repeat: no-repeat;
	background-position: center -275px;
}
.box_3 {
	background-image: url(/Images/support_box_icon_3.png);
	background-repeat: no-repeat;
	background-position: center -275px;
}


.box_4 {
	float:left;
	width: 713px;
	overflow:hidden;
	background-color: #f6f6f6;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align:center;
	vertical-align:top;
	position: relative;
}
.box_5 {
	float: left;
	width: 580px;
	margin: 0px 0px 0px 90px;
	padding: 15px 20px 15px 20px;
	text-align: center;
	vertical-align: top;
	position: relative;
	
	h4 {
		.font(bold,14px,20px);
		color: #58585a;
		text-align:left;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
	}
	p {
		.font(normal,14px,20px);
		color: #58585a;
		text-align:left;
		margin: 0px 0px 0px 0px;
		padding: 10px 0px 0px 0px;
	}
	ul{
		.font(normal,14px,26px);
		color: #58585a;
		text-align:left;
		margin: 0px 0px 0px 14px;
		padding: 10px 0px 0px 0px;
		list-style-type: square;
	}
	ol{
		.font(normal,14px,26px);
		color: #58585a;
		text-align:left;
		margin: 0px 0px 0px 14px;
		padding: 10px 0px 0px 0px;
		list-style-type: decimal;
	}
	li{
		line-height: 26px;
	}
}



.faq_box {
	float: left;
	width: 240px;
	height: 130px;
	background-color: #f6f6f6;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-image: url(/Images/qa_icon_3.jpg);
	background-repeat: no-repeat;
	background-position: 20px 16px;

    
	 h4 {
		.font(normal,15px,22px);
		color: #58585a;
		/*text-align:center;
		margin: 0px 0px 0px 0px;
		padding: 25px 10px 10px 10px;*/
		text-align: left;
		margin: 0px 0px 0px 45px;
        padding: 22px 10px 10px 10px;
	}
	 h4 a{
		color: #58585a;
		text-decoration: none;
		font-weight: 400;
	}
	 h4 a:hover{
		color: #313131;
		text-decoration: none;
		font-weight: 400;
	}
	 p {
		text-align: center;
		.font(normal,12px,18px);
		color: #b1b1b1;
		margin: 0px 0px 0px 0px;
		padding: 0px 30px 0px 30px;
	}
	.qthis  {
		text-decoration: none;
        font-size: 12px;
		line-height:18px;
		list-style: disc;

margin: 10px 10px 0 20px;
text-align: left;
padding-left: 10px;
	}
}




.icon_1 {
	background-image: url(/Images/support_div_box_w120_icon_1.jpg);
	background-repeat: no-repeat;
	background-position: left center;
}
.icon_2 {
	background-image: url(/Images/support_div_box_w120_icon_2.jpg);
	background-repeat: no-repeat;
	background-position: left center;
}
.icon_4 {
	background-image: url(/Images/support_div_box_w120_icon_4.jpg);
	background-repeat: no-repeat;
	background-position: left center;
}
.icon_5 {
	background-image: url(/Images/support_div_box_w120_icon_5.jpg);
	background-repeat: no-repeat;
	background-position: left center;
}



.hover_bg {
	float: left;
	width: 240px;
	height: 240px;
	background-color: #f6f6f6;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-image: url(/Images/support_div_box_over.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	position: relative;
	
	a.supp_go_back {
	width:20px;
	height: 20px;
	display:block;
	position:absolute;
	top:0;
	right:0;
	opacity: 0.5;
	background-image: url(/Images/filter-selection-2.png);
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: -4px -3px;
    }
	a.supp_go_back:hover {
		opacity: 1;
	}
	
	.supp_div_txt {
	  text-align:left;
	  margin:0;
	  padding: 50px 25px 0px 25px;
	  line-height:20px;
	  
	  h4 {
		.font(normal,15px,22px);
		color: #58585a;
		text-align:center;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 10px 0px;
	  }
	}
	.supp_div_txt_2 {
	  text-align: center;
	  margin:0;
	  padding: 90px 10px 0px 10px;
	  
	  h4 {
		.font(normal,15px,22px);
		color: #58585a;
		text-align:center;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 30px 0px;
	  }
	}
	.supp_div_txt_3 {
	  text-align: left;
	  margin:0;
	  padding: 25px 0px 0px 25px;
	  
	  h4 {
		.font(normal,15px,22px);
		color: #58585a;
		text-align:center;
		margin: 0px 0px 0px -25px;
		padding: 0px 0px 0px 0px;
	  }
	  a.forgetpwd {
		 .font(normal,12px,20px);
		 margin: 0px 5px 0px 5px;
		 padding: 0px 0px 0px 0px;
	  }
	  button,a,btn {
		  margin: 0px 5px 0px 0px;
          padding: 8px 22px;
		  float:left;
	  }
	}
	.supp_div_txt_4 {
	  text-align: center;
	  margin:0;
	  padding: 25px 0px 0px 25px;
	  
	  h4 {
		.font(normal,15px,22px);
		color: #58585a;
		text-align:center;
		margin: 0px 0px 0px -25px;
		padding: 0px 0px 5px 0px;
	  }
	  button {
		  margin: 9px 0px 0px -25px;
	  }
	}
}







/**Return Products You Purchased**/
.supp_div_l {
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	vertical-align: top;
	position: relative;
}
.supp_div_r {
	float: left;
	margin: 0px 0px 0px 14px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	vertical-align: top;
	
	
	.bt {
		position: relative;
		padding-bottom: 90px;
		
		button {
		   position:absolute;
		   top:0;
		   right: -5px;
		}
	}
}
.supp_div_c {
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	vertical-align: top;
	position: relative;
	
	
}

.textarea_1 {
  width: 714px;
  height: 105px;
}
.textarea_2 {
 width: 330px;
	height: 130px;
}



.attach_file_div {
	width: 728px;
	position:relative;
	
	button {
		position:absolute;
		right: 0;
	}
}

.attach_file {
	float: left;
	width: 80px;
	.font(normal,12px,18px);
	color: #58585a;
	text-align: left;
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 0px 0px;
}
.attach_file a{
	width: 80px;
	height:20px;
	display:block;
	background-image: url(/Images/attach_file.png);
	background-repeat: no-repeat;
	background-position: left -2px;
	text-indent: 18px;
	margin: 0px 0px 0px 0px;
	padding: 3px 0px 0px 0px;	
}
.attach_file a:hover{
	background-position: left -27px;
}
.attach_file_div {
	float:left;
}
.attach_file_name {
	float: left;
	overflow:hidden;
	/*width: 165px;*/
	/*max-width: 170px;*/
	.font(normal,12px,18px);
	color: #b1b1b1;
	text-align: left;
	margin: 0px 5px 0px 0px;
	padding: 5px 0px 0px 0px;
}
a.page_bt_del {
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 20px;
	height: 20px;
	overflow: hidden;
	text-indent: -50000px;
	background-image: url(/Images/s_cart_bt_del.png);
	background-repeat: no-repeat;
	background-position: -5px -2px;
}
a.page_bt_del:hover {
	background-image: url(/Images/s_cart_bt_del.png);
	background-repeat: no-repeat;
	background-position: -5px -22px;
}












.qa_div {
	float:left;
	text-align:left;
	width: 720px;
	margin: 0px 0px 0px 0px;
	padding: 30px 0px 30px 0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #e3e3e3;

	.q_li {
		width: 680px;
		.font(bold,14px,20px);
		color: #58585a;
		text-align: left;
		margin: 0px 10px 0px 0px;
		padding: 12px 0px 12px 40px;
		background-image: url(/Images/qa_icon_q.jpg);
		background-repeat: no-repeat;
		background-position: left 4px;
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-bottom-color: #e3e3e3;
		
		a {
			color: #58585a;
			text-decoration: none;
		}
		a:hover {
			color: #58585a;
			text-decoration: none;
		}
	}
	.q_li:hover {
		 cursor:pointer 
	}
	
	
	.a_li {
		width: 640px;
		.font(normal,14px,20px);
		color: #58585a;
		text-align: left;
		margin: 0px 10px 0px 0px;
		padding: 20px 20px 20px 60px;
		background-image: url(/Images/qa_icon_a.jpg);
		background-repeat: no-repeat;
		background-position: 20px 12px;
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-bottom-color: #e3e3e3;
		/*
		p {
			.font(normal,14px,20px);
			color: #58585a;
			text-align:left;
			margin: 0px 0px 0px 0px;
			padding: 10px 0px 0px 0px;
		}*/
		ul{
			.font(normal,14px,26px);
			color: #58585a;
			text-align:left;
			margin: 0px 0px 0px 14px;
			padding: 10px 0px 0px 0px;
			list-style-type: square;
		}
		ol{
			.font(normal,14px,26px);
			color: #58585a;
			text-align:left;
			margin: 0px 0px 0px 14px;
			padding: 10px 0px 0px 0px;
			list-style-type: decimal;
		}
		li{
			line-height: 26px;
		}
	}
	.q_more {
		width: 680px;
		.font(normal,14px,20px);
		text-align: left;
		margin: 0px 10px 0px 0px;
		padding: 12px 0px 12px 40px;
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-bottom-color: #e3e3e3;
        a{
            text-decoration:none;
        }
	}
}




/*return*/
.font_b {
    .font(normal,14px,20px);
    font-style: italic;
    margin: 7px 0px 0px 0px;
    text-indent: 5px;
}
.return_div {
    width: 724px;
    float: left;
    position: relative;
    .font(normal,14px,20px);
    text-align: left;
    margin: 50px 0px 0px 48px;
    padding: 20px 0px 0px 0px;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #d7d7d7;
    
    
    
    .step_1 {
        width: 140px;
        height: 170px;
        float: left;
        background-image: url(/Images/return_step_1.jpg);
        background-repeat: no-repeat;
        background-position: center top;
        margin: 20px 0px 0px 90px;
        padding: 0px 0px 0px 0px;
         
        p {
        width: auto;
        height: 23px;
        background-image: url(/Images/return_no_1.jpg);
        background-repeat: no-repeat;
        background-position: left top;    
        text-indent: 25px;
        margin: 150px 0px 0px 26px;
        padding: 4px 0px 0px 0px;
         }    
    }
    .step_2 {
        width: 260px;
        height: 170px;
        float: left;
        background-image: url(/Images/return_step_2.jpg);
        background-repeat: no-repeat;
        background-position: center top;
        margin: 20px 0px 0px 20px;
        padding: 0px 0px 0px 0px;    
         
        p {
        width: auto;
        height: 23px;
        background-image: url(/Images/return_no_2.jpg);
        background-repeat: no-repeat;
        background-position: left top;    
        text-indent: 25px;
        margin: 150px 0px 0px 20px;
        padding: 4px 0px 0px 0px;
         }        
    }
    .step_3 {
        width: 150px;
        height: 170px;
        float: left;
        background-image: url(/Images/return_step_3.jpg);
        background-repeat: no-repeat;
        background-position: center top;    
        margin: 20px 0px 0px 20px;
        padding: 0px 0px 0px 0px;
         
        p {
        width: auto;
        height: 23px;
        background-image: url(/Images/return_no_3.jpg);
        background-repeat: no-repeat;
        background-position: left top;    
        text-indent: 25px;
        margin: 150px 0px 0px 0px;
        padding: 4px 0px 0px 0px;
         }        
    }
    .txt {
        width: 690px;
        float:left;
        position: relative;
        .font(normal,14px,20px);
        text-align: left;
        margin: 70px 0px 0px 30px;
        padding: 0px 0px 0px 0px;
    }
}