@charset "utf-8";
/* CSS Document */
html{
	height:100%;
}
@font-face {
    font-family: body_text;
    src: url(SEGOEUI.TTF);
}
h1, h2{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

body {
	margin:0px;
	padding:0px;
    font-family:body_text;
	font-size:15px;
	background:#FFF;
	top:0 !important;
}
a{ 
	text-decoration:none;
	color:inherit;
}
#back2Top {
    width: 40px;
	height:30px;
	padding-top:10px;
    position: fixed;
    z-index: 999;
    bottom: 100px;
    right: 2%;
    background: #02071A;
    color: #FFF;
    display: none;
    cursor: pointer;
    text-align: center;
    font-size: 20px;
	border-radius:7px;
-moz-transition:all 0.2s ease-in 0.2s;
transition:all 0.2s ease-in 0.2s;
-webkit-transition:all 0.2s ease-in 0.2s;
-ms-transition:all 0.2s ease-in 0.2s;
-o-transition:all 0.2s ease-in 0.2s;
}
#back2Top:hover {
    background: #F8AE1B;
}



.success-div, #not-success-div, #warning-div{
	width:300px;
	height:50px;
	padding-top:10px;
	background:rgba(0,202,101,1);
	position:fixed;
	right:0px;
	top:100px;
	z-index:1000;
	font-size:16px;
	color:#FFF;
	cursor:pointer;
	display:none;
}

.success-div div, #not-success-div div, #warning-div div{
	text-align:center;
	width:60px;
	height:50px;
	background:#ecf0f1;
	color:rgba(0,202,101,.7);
	font-size:40px;
	float:left;
	padding-top:10px;
	margin-right:5px;
	margin-top:-10px;
}

.success-div span, #not-success-div span, #warning-div span{
	font-size:13px;
}
#not-success-div{
	font-size:14px;
	background: rgba(255,0,0,1);
}
#not-success-div div{
	color:rgba(255,0,0,1);
}
#not-success-div span{
	font-size:11px;
}
#warning-div{
	background: rgba(255,128,0,1);
}
#warning-div div{
	color:rgba(255,128,0,1);
}



#get-more-div{
	width:100%;
	height:100%;
	position:fixed;
	background: rgba(0,0,0,.7);
	z-index:900;
	display:none;
}
#get-more-div .top-div{
	position:fixed;
	width:76%;
	height:50px;
	left:10%;
	padding:10px 2% 0px 2%;
	text-align:right;
	background:#FFF;
}
#get-more-div .top-div .close{
	display:inline-block;
	vertical-align:top;
	min-width:80px;
	height:40px;
	line-height:40px;
	border:none;
	color:#FFF;
	cursor:pointer;
	border-radius:5px;
	background:#F00;
    font-family: body_text;
-moz-transition:all 0.2s ease-in 0.2s;
transition:all 0.2s ease-in 0.2s;
-webkit-transition:all 0.2s ease-in 0.2s;
-ms-transition:all 0.2s ease-in 0.2s;
-o-transition:all 0.2s ease-in 0.2s;
}
#get-more-div .top-div .close:hover{
	background:#F90;
}
#get-more-div .details-div{
	position:fixed;
	width:76%;
	padding:50px 2% 0px 2%;
	top:61px;	
	height:calc(100% - 111px);
	left:10%;
	background:#FFF;
	overflow:auto;
}

@media all and (max-width:720px) {
#get-more-div .top-div, #get-more-div .details-div{
	width:96%;
	left:0%;
	
}
}


.ajax-loader{
	text-align:center;
	padding-top:70px;
	font-size:18px;
	color:#bdc3c7;
}
.ajax-loader span{
	color:#FFF;
	cursor:pointer;
}



.alert{
	border:rgba(231,107,46,.4) 1px solid;
	background:rgba(231,107,46,.05);
	min-height:20px;
	padding:10px 5% 10px 5%;
	font-size:14px;
	line-height:20px;
	color:#7f8c8d;
	margin-bottom:30px;
}

.alert span{
	color:#3498db;
	cursor:pointer;
}

.alert-success{
	border:rgba(46,204,113,.4) 1px solid;
	background:rgba(46,204,113,.05);
}
.alert-failed{
	border:rgba(231,76,60,.4) 1px solid;
	background:rgba(231,76,60,.05);
}

.ajax-progress {
  background:#090;
  display: block;
  height: 20px;
  text-align: center;
  transition: width .3s;
  width: 0;
  line-height:20px;
  color:#FFF;
  border-radius:10px;
}









.side-product-cat-div{
	width:250px;
	height:calc(100% - 160px);
	position:absolute;
	background: rgba(255,255,255,1);
	z-index:150;
	top:100px;
	left:3%;
}
.side-product-cat-div .cat-title{
	margin-top:30px;
	height:30px;
	padding:10px;
	line-height:30px;
	background:#F8AE1B;
	font-size:16px;
	color:#FFF;
}
.side-product-cat-div .cat-title i{
	color:#02071A;
	margin-right:5px;
}
	
.side-product-cat-div li{
	margin:5px auto;
	height:40px;
	line-height:40px;
	font-size:16px;
	color:#02071A;
	list-style:none;
	border-bottom: rgba(0,0,0,.6) 1px dashed;
	width:75%;
	padding-left:5%;
	-moz-transition:all 0.2s ease-in 02s;
	transition:all 0.2s ease-in 0.2s;
	-webkit-transition:all 0.2s ease-in 0.2s;
	-ms-transition:all 0.2s ease-in 0.2s;
	-o-transition:all 0.2s ease-in 0.2s;
	cursor:pointer;
}
.side-product-cat-div li i{
	color:#F8AE1B;
	margin-right:5px;
}
.side-product-cat-div li:hover{
	color:#FFF;
	background:#02071A;
}




@media all and (max-width:1150px) {
.side-product-cat-div{
	left:1%;
}
}

@media all and (max-width:900px) {
.side-product-cat-div{
	display:none;
}
}




























.back-container{
	width:100%;
	height:auto;
	position:relative;
	z-index:120;
	margin-top:-220px;
	min-height:500px;
}













.index-search-div{
	margin:auto;
	width:700px;
	text-align:left;
	border-radius:5px;
	border: #FFF 1px solid;
	padding:10px;
	padding-bottom:0px;
	background:rgba(0,0,0,.3);
	margin-bottom:150px;
}

.index-search-div .text-field{
	width:75%;
	height:30px;
	padding:10px 2.5% 10px 2.5%;
	display:inline-block;
	vertical-align:top;
	background:#ecf0f1;
	border-radius:5px 0px 0px 5px;
	border:none;
	color:#666;
    font-family: body_text;
	font-size:18px;
-moz-transition:all 0.2s ease-in 0.2s;
transition:all 0.2s ease-in 0.2s;
-webkit-transition:all 0.2s ease-in 0.2s;
-ms-transition:all 0.2s ease-in 0.2s;
-o-transition:all 0.2s ease-in 0.2s;
}
.index-search-div .text-field:focus{
	background:#FFF;
}

.index-search-div .btn{
	width:100px;
	height:50px;
	border:none;
	background:#F8AE1B;
	color:#FFF;
	display:inline-block;
	vertical-align:top;
    font-family: body_text;
	border-radius:0px 5px 5px 0px;
	-moz-transition:all 0.2s ease-in 02s;
	transition:all 0.2s ease-in 0.2s;
	-webkit-transition:all 0.2s ease-in 0.2s;
	-ms-transition:all 0.2s ease-in 0.2s;
	-o-transition:all 0.2s ease-in 0.2s;
	cursor:pointer;
}
.index-search-div .btn:hover{
	background:#02071A;
}
.index-search-div .action-btn-div{
	padding:10px;
	padding-left:0px;
	text-align:left;
}
.index-search-div .action-btn-div .action-btn{
	width:200px;
	height:50px;
	border:none;
	background:#02071A;
	color:#FFF;
	display:inline-block;
	vertical-align:top;
    font-family: body_text;
	border-radius:3px;
	-moz-transition:all 0.2s ease-in 02s;
	transition:all 0.2s ease-in 0.2s;
	-webkit-transition:all 0.2s ease-in 0.2s;
	-ms-transition:all 0.2s ease-in 0.2s;
	-o-transition:all 0.2s ease-in 0.2s;
	cursor:pointer;
}
.index-search-div .action-btn-div .orange-btn{
	background:#F8AE1B;
}
.index-search-div .action-btn-div .action-btn:hover{
	background:#FFF;
	color:#02071A;
}




@media all and (max-width:1300px) {
.index-search-div{
	width:600px;
}
}
@media all and (max-width:1200px) {
.back-container{
	margin-top:-140px;
}
.index-search-div{
	width:90%;
	text-align:right;
}
.index-search-div .text-field{
	width:50%;
}
.index-search-div .action-btn-div{
	text-align:right;
}
}

@media all and (max-width:900px) {
.index-search-div{
	text-align:center;
}
.index-search-div .action-btn-div{
	text-align:center;
}
.back-container{
	margin-top:-200px;
}
}

@media all and (max-width:470px) {
.back-container{
	margin-top:-270px;
}
.index-search-div .text-field{
	width:60%;
}
.index-search-div .btn{
	width:25%;
}
.index-search-div .action-btn-div .action-btn{
	width:90%;
	margin-bottom:10px;
}
}























.index-bottom-div{
	background: rgba(0,0,0,.8);
	height:auto;
	width:100%;
	position:fixed;
	z-index:250;
	bottom:0px;
}

.index-bottom-div .nav-div-right{
	height:60px;
	background:rgba(251,173,25,.8);
	float:right;
	width:30%;

}
.index-bottom-div .nav-div-right:before{
	position:absolute;
	right:30%;
	content:"";
	width:0px;
	height:0px;
	border-top:60px solid transparent;
	border-right:60px solid rgba(251,173,25,.8);
	float:right;
}
.index-bottom-div .nav-div-left{
	height:60px;
	float:right;
	width:53%;
	text-align:left;
}
.index-bottom-div .nav-div-left .btn{
	width:200px;
	height:50px;
	border:none;
	background:#02071A;
	color:#F8AE1B;
	margin-top:5px;
    font-family: body_text;
	font-size:16px;
	border-radius:5px;
	-moz-transition:all 0.2s ease-in 02s;
	transition:all 0.2s ease-in 0.2s;
	-webkit-transition:all 0.2s ease-in 0.2s;
	-ms-transition:all 0.2s ease-in 0.2s;
	-o-transition:all 0.2s ease-in 0.2s;
	cursor:pointer;
}
.index-bottom-div .nav-div-left .btn:hover{
	color:#FFF;
}

@media all and (max-width:500px) {
.index-bottom-div{
	display:none;
}
}






.body-div{
	width:100%;
	min-height:200px;
	background:#FFF;
}

.info-div{
	width:90%;
	margin:auto;
	text-align:center
}
.page-info{
	width:80%;
	margin:auto;
	text-align:center
}
.page-info .left-div{
	width:62%;
	float:left;
	text-align:justify;
	line-height:25px;
	padding-bottom:50px;
}
.page-info .left-div img{
	width:100%;
}
.page-info .left-div h2{
	color:#02071A;
	margin-bottom:10px;
	padding-bottom:0px;
	text-align:left;
	font-size:35px;
	line-height:40px;
	
}
.page-info .left-div h2 hr{
    width: 200px;
	border:none;
    border-bottom: 3px solid #02071A;
	margin-bottom:0px;
	float:left;
}
.page-info .right-div{
	width:35%;
	float:right;
}
.page-info .right-div .link-div{
	width:100%;
	background:#FFF;
	border-radius:7px;
	padding:0px 0px 20px 0px;
	margin-bottom:40px;
}
.page-info .right-div .link-div .title{
	width:100%;
	background:#02071A;
	color:#FFF;
	border-radius:3px 3px 0px 0px;
	height:50px;
	line-height:50px;
	font-size:20px;
	text-align:left;
	border-radius:7px 7px 0px 0px;
}
.page-info .right-div .link-div .title div{
	float:left;
	margin:15px;
}
.page-info .right-div .link-div .title div i{
	color:#FFF;
	font-size:20px;
}

.page-info .right-div .link-div .link{
	width:80%;
	padding-left:5%;
	height:50px;
	line-height:50px;
	color:#7f8c8d;
	text-align:left;
	border-bottom:#bdc3c7 1px solid;
	margin:auto;
	cursor:pointer;
		-moz-transition:all 0.2s ease-in 02s;
transition:all 0.2s ease-in 0.2s;
-webkit-transition:all 0.2s ease-in 0.2s;
-ms-transition:all 0.2s ease-in 0.2s;
-o-transition:all 0.2s ease-in 0.2s;
}

.page-info .right-div .link-div .link:hover{
	color:#000;
	border-bottom:#7f8c8d 1px solid;
}
.page-info .right-div .link-div .link h2{
	padding:0;
	margin:0;
	font-weight:lighter;
	font-size:16px;
    font-family: body_text;
}

.page-info .right-div .link-div .link-div_{
	min-height:370px;
	width:90%;
	min-width:300px;
	margin:20px auto;
	cursor:pointer;
	-moz-transition:all 0.3s ease-in 0.3s;
	transition:all 0.3s ease-in 0.3s;
	-webkit-transition:all 0.3s ease-in 0.3s;
	-ms-transition:all 0.3s ease-in 0.3s;
	-o-transition:all 0.3s ease-in 0.3s;
	box-shadow:0px 0px 2px 1px rgba(0,0,0,.1);
}
.page-info .right-div .link-div  .link-div_ .link-pic-div img{
	width:100%;
	-moz-transition:all 0.3s ease-in 0.3s;
	transition:all 0.3s ease-in 0.3s;
	-webkit-transition:all 0.3s ease-in 0.3s;
	-ms-transition:all 0.3s ease-in 0.3s;
	-o-transition:all 0.3s ease-in 0.3s;
}

.page-info .right-div .link-div  .link-div_:hover img{
		-moz-transform:scale(1.03) translate(1px,0px);
		-webkit-transform:scale(1.03) translate(1px,0px);
}
.page-info .right-div .link-div .link-div_ .text{
	padding:20px 15px 0px 15px;
	text-align: center;
}
.page-info .right-div .link-div .link-div_ .text span{
	color:#FE8101;
	font-size:11px;
}
.page-info .right-div .link-div .link-div_ .text .title{
	margin-top:10px;
	font-size:18px;
	height:40px;
	line-height:20px;
	color:#95a5a6;
	overflow:hidden;
	padding:5px;
	-moz-transition:all 0.3s ease-in 0.3s;
	transition:all 0.3s ease-in 0.3s;
	-webkit-transition:all 0.3s ease-in 0.3s;
	-ms-transition:all 0.3s ease-in 0.3s;
	-o-transition:all 0.3s ease-in 0.3s;
	background:none;
	text-align:center;
}
.page-info .right-div .link-div .link-div_:hover .title{
	color:#02071A;
}

.page-info .right-div .link-div  .link-div_ .comment{
	width:85%;
	padding:10px 0px 0px 5%;
	margin:10px auto;
	color:#95a5a6;
	font-size:12px;
	text-align:left;
	border-top:#bdc3c7 1px solid;
	height:50px;
}
@media all and (max-width:1160px) {
.info-div{
	width:98%;
}
}

@media all and (max-width:1000px) {
.page-info{
	width:98%;
}
}
@media all and (max-width:770px) {
.page-info .left-div, .page-info .right-div{
	width:94%;
	float:none;
	margin:auto;
}
}










.first-link-full-div{
	min-height:300px;
	margin:50px auto;
	text-align:center;
	width:90%;
	padding:60px 0px 0px 0px;
	border:rgba(235,235,235,1) 1px solid;
	border-radius:7px;
}
.first-link-full-div .title-div{
	height:30px;
	background:#02071A;
	padding:10px;
	float:left;
	min-width:280px;
	color:#F8AE1B;
	margin:-80px 0px 0px 50px;
	border-radius:5px;
}
.first-link-full-div .title-div h2{
	padding:0x;
	margin:0px;
	font-size:18px;
    font-family: body_text;
	font-weight:normal;
}
.first-link-full-div .first-link-back{
	width:24%;
	min-width:150px;
	display:inline-block;
	vertical-align:top;
	height:auto;
	margin-bottom:60px;
}
.first-link-full-div .first-link-back .div{
	text-align:center;
	background:#FFF;
	border:rgba(235,235,235,1) 1px solid;
	height:250px;
	border-radius:5px;
	-moz-transition:all 0.3s ease-in 0.3s;
	transition:all 0.3s ease-in 0.3s;
	-webkit-transition:all 0.3s ease-in 0.3s;
	-ms-transition:all 0.3s ease-in 0.3s;
	-o-transition:all 0.3s ease-in 0.3s;
}
.first-link-full-div .first-link-back .div:hover{
	box-shadow:0px 0px 4px 1px rgba(0,0,0,.1);
}
.first-link-full-div .first-link-back .div .pix{
	max-height:200px;
	overflow:hidden;
	border-radius:5px 5px 0px 0px;
	height:180px;
}

.first-link-full-div .first-link-back .div .pix img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.first-link-full-div .first-link-back .div h3{
	font-size:20px;
	color:#F8AE1B;
	line-height:40px;
	margin:0px;
	font-weight:lighter;
}
.first-link-full-div .first-link-back .div .btn{
	border:#02071A 1px solid;
	min-width:150px;
	height:40px;
	border-radius:5px;
	padding:0px 20px 0px 20px;
	background:#02071A;
	color:#FFF;
	margin:10px auto;
    font-family:body_text;
	-moz-transition:all 0.2s ease-in 02s;
transition:all 0.2s ease-in 0.2s;
-webkit-transition:all 0.2s ease-in 0.2s;
-ms-transition:all 0.2s ease-in 0.2s;
-o-transition:all 0.2s ease-in 0.2s;
cursor:pointer;
}
.first-link-full-div .first-link-back .div .btn:hover{
	background:#FFF;
	color:#02071A;
}


@media all and (max-width:950px) {
.first-link-full-div .first-link-back{
	width:30%;
}
}
@media all and (max-width:780px) {
.first-link-full-div .first-link-back{
	width:46%;
}
}

@media all and (max-width:500px) {
.first-link-full-div{
	width:96%;
}
.first-link-full-div .title-div{
	float:left;
	margin:-80px 0px 0px 20px;
}
.first-link-full-div .first-link-back{
	width:49%;
}
.first-link-full-div .first-link-back .div h3{
	font-size:16px;
}
}
@media all and (max-width:350px) {
.first-link-full-div .first-link-back .div h3{
	font-size:13px;
}
.first-link-full-div .title-div{
	float:left;
	margin:-80px 0px 0px 5px;
}
}

























.blog-div{
	padding-top:30px;
	text-align:center;
	width:100%;
	margin:auto;
}

.blog-div_{
	height:370px;
	width:31%;
	margin:0.5%;
	margin-bottom:50px;
	display:inline-block;
	vertical-align:top;
	min-width:300px;
	cursor:pointer;
	-moz-transition:all 0.3s ease-in 0.3s;
	transition:all 0.3s ease-in 0.3s;
	-webkit-transition:all 0.3s ease-in 0.3s;
	-ms-transition:all 0.3s ease-in 0.3s;
	-o-transition:all 0.3s ease-in 0.3s;
	box-shadow:0px 0px 40px 1px rgba(0,0,0,.1);
}


.blog-div_ .blog-pic-div{
	width:100%;
	height:auto;
	max-height:200px;
	overflow:hidden;
}
.blog-div_ #blog-pic-div{
	background:#000 url(../all-images/images/wait.gif)  center no-repeat;
}
.blog-div_ .blog-pic-div iframe{
	width:100%;
	height:200px;
}
.blog-div_ .blog-pic-div img{
	width:100%;
	-moz-transition:all 0.3s ease-in 0.3s;
	transition:all 0.3s ease-in 0.3s;
	-webkit-transition:all 0.3s ease-in 0.3s;
	-ms-transition:all 0.3s ease-in 0.3s;
	-o-transition:all 0.3s ease-in 0.3s;
}

.blog-div_:hover img{
		-moz-transform:scale(1.03) translate(1px,0px);
		-webkit-transform:scale(1.03) translate(1px,0px);
}

.blog-div_ .text{
	padding:20px 15px 0px 15px;
	text-align: center;
}
.blog-div_ .text span{
	color:#FE5000;
	font-size:11px;
}
.blog-div_ .text .title{
	margin-top:10px;
	font-size:18px;
	height:40px;
	line-height:20px;
	color:#95a5a6;
	overflow:hidden;
	padding:5px;
	-moz-transition:all 0.3s ease-in 0.3s;
	transition:all 0.3s ease-in 0.3s;
	-webkit-transition:all 0.3s ease-in 0.3s;
	-ms-transition:all 0.3s ease-in 0.3s;
	-o-transition:all 0.3s ease-in 0.3s;
}
.blog-div_:hover .title{
	color:#02071A;
}

.blog-div_ .comment{
	width:85%;
	padding:10px 0px 0px 5%;
	margin:10px auto;
	color:#95a5a6;
	font-size:12px;
	text-align:left;
	border-top:#bdc3c7 1px solid;
	height:50px;
}
@media all and (max-width:1180px) {
.blog-div{
	width:94%;
}
}
@media screen and (max-width:1000px){
.blog-div_{
	width:47%;
}
.blog-div_ .blog-pic-div{
	max-height:150px;
}
}



@media screen and (max-width:660px){
.blog-div_{
	width:90%;
	float:none;
	margin:20px auto;
}
.blog-div_ .blog-pic-div{
	max-height:200px;
}
}
















.footer-div{
	background-image: linear-gradient(to bottom, #333,#666);
	position:relative;
	z-index:130;
	width:100%;
}
.footer-div .div-in{
	padding-top:60px;
	min-height:300px;
	width:85%;
	margin:auto;
	background:#333 url(../all-images/images/footer-bg.png) right bottom no-repeat;
	border-bottom:#666 1px solid;
	text-align:center;
}
.footer-div .div-in .col-div span{
	color:#F90;
}.footer-div .footer-link{
	background:none;
	border-bottom:none;
	width:80%;
	text-align:center;
}
.footer-div .div-in ul{
	width:25%;
	min-width:200px;
	margin:0px 1% 20px 1%;
	display:inline-block;
	vertical-align:top;
	text-align:justify;
	color:#FFF;
	line-height:25px;
	font-size:15px;
	padding:0px;
}
.footer-div .div-in .ul{
	width:70%;
	color:#F90;
}
.footer-div .div-in .ul a{
	color:#FFF;
}
.footer-div .div-in ul h3{
	margin:0px;
	line-height:30px;
	color:#FFF;
	font-size:22px;
	font-weight:lighter;
	text-align:left;
}
.footer-div .div-in ul h3 hr{
    width: 30%;
	border:none;
    border-bottom: 3px solid rgba(255,255,255,.8);
	margin-bottom:20px;
	float:left;
}
.footer-div .div-in ul li{
	color:#FFF;
	list-style:none;
	height:30px;
	line-height:30px;
	text-align:left;
	transition:all ease 0.2s;
-webkit-transition:all ease 0.2s;
-ms-transition:all ease 0.2s;
-o-transition:all ease 0.2s;
-moz-transition:all ease 0.2s;
 -webkit-appearance: none;
    -moz-appearance: none;
	cursor:pointer;
}





.footer-div .div-in .col-div{
	width:28%;
	min-width:200px;
	margin:0px 1.5% 20px 1.5%;
	display:inline-block;
	vertical-align:top;
	text-align:justify;
	color:#FFF;
	line-height:25px;
	font-size:15px;
}

.footer-div .div-in .col-div .li{
	padding:10px;
	line-height:15px;
	-moz-transition:all 0.3s ease-in 0.3s;
	transition:all 0.3s ease-in 0.3s;
	-webkit-transition:all 0.3s ease-in 0.3s;
	-ms-transition:all 0.3s ease-in 0.3s;
	-o-transition:all 0.3s ease-in 0.3s;
	cursor:pointer;
}
.footer-div .div-in .col-div h3{
	margin:0px;
	line-height:30px;
	color:#FFF;
	font-size:22px;
	font-weight:lighter;
}
.footer-div .div-in .col-div h3 hr{
    width: 30%;
	border:none;
    border-bottom: 3px solid rgba(255,255,255,.8);
	margin-bottom:20px;
	float:left;
}

.footer-div .div-in .col-div li{
	color:#FFF;
	float:left;
	margin:5px;
	width:40px;
	height:40px;
	line-height:40px;
	text-align:center;
	list-style:none;
	font-size:20px;
	background: rgba(255,255,255,.1);
	transition:all ease 0.2s;
-webkit-transition:all ease 0.2s;
-ms-transition:all ease 0.2s;
-o-transition:all ease 0.2s;
-moz-transition:all ease 0.2s;
 -webkit-appearance: none;
    -moz-appearance: none;
	cursor:pointer;
}


.footer-div .div-in .col-div li:hover{
	background:#F90;
}


.footer-div .div-in .col-div .contact-div{
	line-height:20px;
	margin-bottom:20px;
	text-align:left;
}
.footer-div .div-in .col-div .contact-div span{
	color:#F90;
}
.footer-div .div-in .col-div .contact-div .pix{
	height:34px;
	width:34px;
	text-align:center;
	float:left;
	margin-right:10px;
}
.footer-div .div-in .col-div .contact-div .pix img{
	width:100%;
}
.footer-div .div-in .col-div .btn{
	padding:10px;
	border:none;
	background:rgba(255,255,255,.4);
	color:#FFF;
	margin:10px;
	min-width:150px;
	cursor:pointer;
    font-family:body_text;
		-moz-transition:all 0.2s ease-in 02s;
transition:all 0.2s ease-in 0.2s;
-webkit-transition:all 0.2s ease-in 0.2s;
-ms-transition:all 0.2s ease-in 0.2s;
-o-transition:all 0.2s ease-in 0.2s;
}
.footer-div .div-in .col-div .btn:hover{
	background:rgba(255,255,255,.2);
}
.footer-div .div-in .col-div .text_field{
    font-family:body_text;
	background: rgba(255,255,255,.1);
	color:#FFF;
	-webkit-text-fill-color: #FFF;
	margin:auto;
	margin-bottom:0px;
	width:80%;
	border:none;
	padding:20px 5% 20px 5%;
	transition:all ease 0.2s;
-webkit-transition:all ease 0.2s;
-ms-transition:all ease 0.2s;
-o-transition:all ease 0.2s;
-moz-transition:all ease 0.2s;
 -webkit-appearance: none;
    -moz-appearance: none;
}
.footer-div .div-in .col-div .text_field:focus{
	background: rgba(255,255,255,.4);

}

.footer-div .footer-copy{
	min-height:140px;
	background:#333;
}
.footer-div .footer-copy .copy-div{
	padding-top:20px;
	width:85%;
	margin:auto;
	line-height:25px;
	font-size:14px;
	color:#FFF;
}
.footer-div .footer-copy .copy-div .left-div{
	float:left;
	line-height:18px;
}
.footer-div .footer-copy .copy-div .left-div span{
	color:#F90;
}
.footer-div .footer-copy .copy-div .right-div{
	font-size:16px;
	float:right;
}
.footer-div  a{
	color:inherit;
}
.footer-div a:hover{
	text-decoration:underline;
}

@media screen and (max-width:1190px){
.footer-div .div-in{
	width:96%;
}
}
@media screen and (max-width:990px){
.footer-div .div-in ul{
	width:45%;
}
.footer-div .div-in .ul{
	width:90%;
}
.footer-div .div-in .col-div{
	width:45%;
}
.footer-div .footer-copy .copy-div .left-div{
	float:none;
	text-align:center;
	padding:15px;
}
.footer-div .footer-copy .copy-div .right-div{
	float:none;
	text-align:center;
}
}

@media screen and (max-width:550px){
.footer-div .div-in ul{
	width:90%;
}
.footer-div .div-in .col-div{
	width:90%;
}
}































.other-pages-title-div{
	padding-top:110px;
	box-shadow:0px 0px 40px 1px rgba(0,0,0,.3);
	min-height:250px;
}
.about{
	background: url(../all-images/images/about-bg.jpg) top center no-repeat;
	background-size:cover;
}











.pages-title-div{
	height:80px;
	background:rgba(0,0,0,.7);
	margin-top:-80px;
}
.pages-title-div .div-in{
	width:80%;
	margin:auto;
}
.pages-title-div .div-in .title-div{
	width:40%;
	min-height:220px;
	background:#FFF;
	margin-top:-140px;
	float:left;
	border-radius:10px 10px 0px 0px;
	text-align:left;
}
.pages-title-div .div-in .title-div .branch-div{
	vertical-align:top;
	display:inline-block;
	padding:7px;
	background:#F00;
	color:#FFF;
	font-size:11px;
	border-radius:10px 0px 10px 0px;
}
.pages-title-div .div-in .title-div .title{
	padding:20px 20px 40px 20px;
	font-size:15px;
	line-height:25px;
}
.pages-title-div .div-in .title-div .title h1{
	line-height:45px;
	font-size:40px;
	color:#666;
	padding:0px;
	margin-bottom:10px;
	margin-top:0px;
	text-align:left;
}
.pages-title-div .div-in .title-div .title h1 span{
	color:#02071A;
}
.pages-title-div .div-in .title-div .title h1 hr{
    width: 200px;
	border:none;
    border-bottom: 3px solid #F8AE1B;
	margin-bottom:0px;
	vertical-align:top;
	display:inline-block;
}
.pages-title-div .div-in .title-div .title .text{
	font-size:13px;
}
.pages-title-div .div-in .title-div .title .text span{
	color:#F8AE1B;
}

.pages-title-div .div-in .title-div  .title .link-btn{
	width:140px;
	height:50px;
	border:none;
	background:#02071A;
	color:#FFF;
	display:inline-block;
	vertical-align:top;
    font-family: body_text;
	border-radius:3px;
	-moz-transition:all 0.2s ease-in 02s;
	transition:all 0.2s ease-in 0.2s;
	-webkit-transition:all 0.2s ease-in 0.2s;
	-ms-transition:all 0.2s ease-in 0.2s;
	-o-transition:all 0.2s ease-in 0.2s;
	cursor:pointer;
}
.pages-title-div .div-in .title-div  .title .link-btn:hover{
	background:#666;
	color:#FFF;
}
.pages-title-div .div-in .title-div  .title .orange-btn{
	background:#F8AE1B;
}




.pages-title-div .search-div{
	margin:auto;
	width:60%;
	float:right;
	text-align:center;
	padding:15px 0px;
}

.pages-title-div .search-div .text-field{
	width:45%;
	height:50px;
	padding:0px 2.5% 0px 2.5%;
	display:inline-block;
	vertical-align:top;
	background:#FFF;
	border-radius:0px 5px 5px 0px;
	border:none;
	color:#666;
    font-family: body_text;
	font-size:14px;
-moz-transition:all 0.2s ease-in 0.2s;
transition:all 0.2s ease-in 0.2s;
-webkit-transition:all 0.2s ease-in 0.2s;
-ms-transition:all 0.2s ease-in 0.2s;
-o-transition:all 0.2s ease-in 0.2s;
 -webkit-appearance: none;
    -moz-appearance: none;
}
.pages-title-div .search-div-product .text-field{
	width:90%;
	border-radius:5px 5px 5px 5px;
}
.pages-title-div .search-div .selectinput{
	border-radius:5px 0px 0px 5px;
}


@media all and (max-width:1100px) {
.pages-title-div .div-in{
	width:94%;
}
}
@media all and (max-width:1100px) {
.pages-title-div{
	height:auto;
	background:none;
	margin-top:-200px;
}
.pages-title-div .div-in{
	width:100%;
}
.pages-title-div .div-in .title-div{
	width:70%;
	float:none;
	margin:auto;
	background:rgba(255,255,255,.9);
}
.pages-title-div .search-div{
	margin:auto;
	width:90%;
	float:none;
	background:rgba(0,0,0,.7);
}
.pages-title-div .div-in .title-div .title{
	text-align:center;
}
.pages-title-div .div-in .title-div .title h1{
	text-align:center;
}
.pages-title-div .div-in .title-div .title h1 hr{
	float:none;
}
}

@media all and (max-width:500px) {
.pages-title-div .div-in .title-div{
	width:90%;
}
.pages-title-div .search-div .text-field{
	width:90%;
	border-radius:5px 5px 5px 5px;
	margin-bottom:10px;
}
.pages-title-div .search-div .selectinput{
	width:94%;
}
}
@media all and (max-width:370px) {
.pages-title-div .div-in .title-div .title{
	padding:20px 0px 20px 0px;
	font-size:15px;
	line-height:25px;
}
.pages-title-div .div-in .title-div .title h1{
	line-height:35px;
	font-size:30px;
	padding:10px;
}
}










.shop-list-back-div{
	width:450px;
	border-radius:5px;
	background:#FFF;
	margin:70px auto;
	min-height:200px;
	padding:20px 10px 10px 10px;
	display:none;
}

.shop-list-back-div .branch{
	padding:15px;
	min-height:20px;
	margin:5px;
	margin-bottom:20px;
	line-height:20px;
	font-size:15px;
	border-radius:3px;
-moz-transition:all 0.2s ease-in 0.2s;
transition:all 0.2s ease-in 0.2s;
-webkit-transition:all 0.2s ease-in 0.2s;
-ms-transition:all 0.2s ease-in 0.2s;
-o-transition:all 0.2s ease-in 0.2s;
cursor:pointer;
	box-shadow:0px 0px 4px 1px rgba(0,0,0,.2);
	text-align:left;
	color:#666;
}
.shop-list-back-div .branch i{
	color:#00AD57;
	margin-right:10px;
}
.shop-list-back-div .branch:hover{
	color:#FE8101;
}
.shop-list-back-div  .btn{
	margin-bottom:10px;
	border:#FFF 1px solid;
	background:#F00;
	padding:15px;
	min-width:150px;
	color:#FFF;
	border-radius:5px;
	font-size:12px;
	cursor:pointer;
    font-family:body-font;
-moz-transition:all 0.2s ease-in 0.2s;
transition:all 0.2s ease-in 0.2s;
-webkit-transition:all 0.2s ease-in 0.2s;
-ms-transition:all 0.2s ease-in 0.2s;
-o-transition:all 0.2s ease-in 0.2s;
}
.shop-list-back-div .btn:hover{
	background:#FFF;
	color:#F00;
	border:#F00 1px solid;
	}


@media all and (max-width:500px) {
.shop-list-back-div{
	padding:20px 5% 10px 5%;
	width:80%;
}
}

@media all and (max-width:420px) {
.shop-list-back-div .branch{
	font-size:13px;
}
}




















.fly-title-div{
		background-image: linear-gradient(to right, #02071A, #F8AE1B );
		height:60px;
		position:fixed;
		width:550px;
		z-index:260;
		top:0px;
		right:0px;
}
.fly-title-div .in{
	padding-left:10%;
	padding-right:3%;
	line-height:60px;
	color:#FFF;
	font-size:18px;
}

.fly-title-div .in .close{
	padding:10px;
	width:20px;
	height:20px;
	line-height:20px;
	margin-top:10px;
	text-align:center;
	font-size:20px;
	float:right;
	border-radius:5px;
	cursor:pointer;
	-moz-transition:all 0.2s ease-in 02s;
transition:all 0.2s ease-in 0.2s;
-webkit-transition:all 0.2s ease-in 0.2s;
-ms-transition:all 0.2s ease-in 0.2s;
-o-transition:all 0.2s ease-in 0.2s;
background:rgba(255,255,255,.3);
}

.fly-title-div .in .close:hover{
background:rgba(255,255,255,.6);
}














.container-back-div{
	width:550px;
	height:100%;
	background:#FBFBFB;
	position:absolute;
	right:0px;
	overflow:auto;
}


.container-back-div .inner-div{
	width:80%;
	margin:auto;
	padding-top:80px;
	padding-bottom:100px;
}

.container-back-div .inner-div .title{
	padding:8px;
	color:#333;
	font-size:14px;
}

.container-back-div .inner-div .detail{
	display:none;
}
.container-back-div .inner-div  #basic-info, .container-back-div .inner-div  #login-info{
	display:block;
}
.container-back-div .inner-div .text-div{
	width:100%;
}
.container-back-div .inner-div .select{
	width:48%;
	float:left;
}

.container-back-div .inner-div .text_field,.container-back-div .inner-div  #text_field{
	background:#FFF;
	color:#666;
	font-size:16px;
	margin: auto;
	margin-bottom:15px;
	width:90%;
	padding:15px 5% 15px 5%;
	border:#999 1px solid;
	border-radius:5px;
    font-family:body_text;
	transition:all ease 0.2s;
-webkit-transition:all ease 0.2s;
-ms-transition:all ease 0.2s;
-o-transition:all ease 0.2s;
-moz-transition:all ease 0.2s;
 -webkit-appearance: none;
    -moz-appearance: none;
}
.container-back-div .inner-div .select-input{
	width:100%;
}
.container-back-div .inner-div .text_field:focus, .container-back-div .inner-div  #text_field:focus{
		border:#00AD57 1px solid;
}

.container-back-div .inner-div  .btn, .container-back-div .inner-div #btn{
	margin-bottom:10px;
	border:#FFF 1px solid;
	background:#02071A;
	padding:15px;
	min-width:150px;
	color:#FFF;
	border-radius:5px;
	font-size:12px;
	cursor:pointer;
    font-family:body-font;
-moz-transition:all 0.2s ease-in 0.2s;
transition:all 0.2s ease-in 0.2s;
-webkit-transition:all 0.2s ease-in 0.2s;
-ms-transition:all 0.2s ease-in 0.2s;
-o-transition:all 0.2s ease-in 0.2s;
}
.container-back-div .inner-div  .btn:hover{
	background:#FFF;
	color:#02071A;
	border:#02071A 1px solid;
	}
.container-back-div .inner-div #btn{
	background:#333;
}
.container-back-div .inner-div #btn:hover{
	background:#FFF;
	color:#333;
	border:#333 1px solid;
	}


.container-back-div .inner-div .detail .text-div .passport-div{
	width:200px;
	max-height:200px;
	padding:5px;
	border:#4D7AFF 1px solid;
	overflow:hidden;
	margin:20px auto;
	cursor:pointer;
	}
.container-back-div .inner-div .detail .text-div .passport-div img{
	width:100%;
	}


.container-back-div .inner-div .detail .text-div .upload-btn{
	padding:15px;
	text-align:center;
	height:20px;
	border-radius:0px 0px 5px 5px;
	background:rgba(231,107,46,.4);
	cursor:pointer;
	-moz-transition:all 0.2s ease-in 02s;
transition:all 0.2s ease-in 0.2s;
-webkit-transition:all 0.2s ease-in 0.2s;
-ms-transition:all 0.2s ease-in 0.2s;
-o-transition:all 0.2s ease-in 0.2s;
}
.container-back-div .inner-div .detail .text-div .upload-btn:hover{
	background:rgba(231,107,46,.7);
}

@media all and (max-width:550px) {
.fly-title-div, .container-back-div{
		width:100%;
}
}
@media all and (max-width:480px) {
.container-back-div .inner-div .select{
	width:100%;
	float:none;
}
.container-back-div .inner-div .select .inputselect{
	width:100%;
}
}










.cart-product-div{
	padding-bottom:5px;
	border-bottom:#CCC 1px solid;
	min-width:300px;
	text-align:center;
	margin-bottom:20px;
	background:#F9F9F9;
-moz-transition:all 0.2s ease-in 0.2s;
transition:all 0.2s ease-in 0.2s;
-webkit-transition:all 0.2s ease-in 0.2s;
-ms-transition:all 0.2s ease-in 0.2s;
-o-transition:all 0.2s ease-in 0.2s;
}
.cart-product-div:hover{
	background:#F7F7F7;
}
.cart-product-div .pix{
	display:inline-block;
	vertical-align:top;
	width:30%;
	min-width:40px;
	min-height:100px;
	max-height:130px;
	overflow:hidden;
	margin-right:5px;
}
.cart-product-div .pix img{
	width:100%;
    height: 100%;
   object-fit: cover;
}
.cart-product-div .details{
	padding-top:10px;
	display:inline-block;
	vertical-align:top;
	width:65%;
	min-width:180px;
	min-height:100px;
	text-align:left;
}
.cart-product-div .details .title{
	color:#00AD57;
	font-size:8px;
	padding:0px;
}
.cart-product-div .details .text{
	color:#666;
	font-size:13px;
	padding:2px;
}
.cart-product-div .details .price{
	height:25px;
	line-height:25px;
	padding:2px;
}
.cart-product-div .details .price span{
	font-size:13px;
	color:#00AD57;
}
	
.order-div .btn-div{
	text-align:right;
}
.cart-product-div .details .btn{
	border:#FFF 1px solid;
	background:#00AD57;
	padding:5px;
	min-width:70px;
	height:30px;
	color:#FFF;
	font-size:12px;
	cursor:pointer;
	border-radius:0px;
    font-family:body-font;
-moz-transition:all 0.2s ease-in 0.2s;
transition:all 0.2s ease-in 0.2s;
-webkit-transition:all 0.2s ease-in 0.2s;
-ms-transition:all 0.2s ease-in 0.2s;
-o-transition:all 0.2s ease-in 0.2s;
}
.cart-product-div .details .btn:hover{
	background:#FFF;
	color:#00AD57;
	border:#00AD57 1px solid;
	}

.cart-product-div .details .decline{
	background:#F00;
}
.cart-product-div .details .decline:hover{
	background:#FFF;
	color:#F00;
	border:#F00 1px solid;
	}

@media all and (max-width:370px) {
#cart-product-div{
	padding:0px 2% 0px 2%;
}
#cart-product-div .inner-div{
	width:90%;
	margin-left:5%;
}
}









.faq-question{
	width:95%;
	margin-top:10px;
	min-height:50px;
	background:#ecf0f1;
	cursor:pointer;
	-moz-transition:all 0.2s ease-in 0.2s;
	transition:all 0.2s ease-in 0.2s;
	-webkit-transition:all 0.2s ease-in 0.2s;
	-ms-transition:all 0.2s ease-in 0.2s;
	-o-transition:all 0.2s ease-in 0.2s;
	box-shadow:0px 2px 5px 1px rgba(243,243,243,1);
}
.faq-question:hover{
	color:#FFF;
	background:rgba(251,173,25,.3);
}
.faq-question .number{
	min-width:50px;
	height:50px;
	float:right;
	line-height:50px;
	text-align:center;
	background:#bdc3c7;
	margin-left:5px;
	color:#FFF;
	cursor:pointer;
	-moz-transition:all 0.2s ease-in 02s;
	transition:all 0.2s ease-in 0.2s;
	-webkit-transition:all 0.2s ease-in 0.2s;
	-ms-transition:all 0.2s ease-in 0.2s;
	-o-transition:all 0.2s ease-in 0.2s;
}
.faq-question h4{
	padding:0px;
	margin:0px;
	color:#02071A;
    font-family:body_text;
	padding-left:5%;
	min-height:40px;
	padding-top:10px;
}
.faq-question:hover .number{
	background:rgba(251,173,25,1);
	color:#FFF;
}
.faq-question .answer{
	color:#7f8c8d;
	line-height:20px;
	padding:20px;
	font-size:14px;
	background:#FFF;
	min-height:60px;
	text-align:justify;
	display:none;
}
.faq-question .answer .update{
	color:#95a5a6;
	font-size:10px;
	margin:10px;
}
@media all and (max-width:650px) {
.faq-question{
	font-size:15px;
}
}


.search-btn-div{
	text-align:center;
	padding:20px;
}
.search-btn-div .btn{
	border:#FFF 1px solid;
	background:#00AD57;
	padding:10px;
	min-width:70px;
	color:#FFF;
	font-size:12px;
	cursor:pointer;
	border-radius:0px;
    font-family:body-font;
-moz-transition:all 0.2s ease-in 0.2s;
transition:all 0.2s ease-in 0.2s;
-webkit-transition:all 0.2s ease-in 0.2s;
-ms-transition:all 0.2s ease-in 0.2s;
-o-transition:all 0.2s ease-in 0.2s;
}
.search-btn-div .btn:hover{
	background:#FFF;
	color:#00AD57;
	border:#00AD57 1px solid;
	}