@import url(ionicons.min.css);
.sel{
	background-color:#fff;
}
.sector-banner1 {
	height:410px;
	width:100%;
	background:url(../img/page_our_services/banner01.jpg) center no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-ms-background-size: cover;
	background-size:cover;
}
.sector-banner2 {
	height:410px;
	width:100%;
	background:url(../img/page_our_services/banner02.jpg) center no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-ms-background-size: cover;
	background-size:cover;
}
.sector-banner3 {
	height:410px;
	width:100%;
	background:url(../img/page_our_services/banner03.jpg) center no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-ms-background-size: cover;
	background-size:cover;
}
.sector-banner4 {
	height:410px;
	width:100%;
	background:url(../img/page_our_services/banner04.jpg) center no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-ms-background-size: cover;
	background-size:cover;
}
.sector-banner5 {
	height:410px;
	width:100%;
	background:url(../img/page_our_services/banner05.jpg) center no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-ms-background-size: cover;
	background-size:cover;
}
.sector-banner6 {
	height:410px;
	width:100%;
	background:url(../img/page_our_services/banner06.jpg) center no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-ms-background-size: cover;
	background-size:cover;
}
.sector-banner7 {
	height:410px;
	width:100%;
	background:url(../img/page_our_services/banner07.jpg) center no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-ms-background-size: cover;
	background-size:cover;
}

.sector-banner8 {
	height:410px;
	width:100%;
	background:url(../img/page_our_services/banner08.jpg) center no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-ms-background-size: cover;
	background-size:cover;
}

.sector-content .icon-b2c { background:url(../img/page_our_services/icon/b2c.png) left top no-repeat;}
.sector-content .icon-location { background:url(../img/page_our_services/icon/location1.png) left top no-repeat;}
.sector-content .icon-grouping { background:url(../img/page_our_services/icon/keconsolidation.png) left top no-repeat;}
.sector-content .icon-b2b { background:url(../img/page_our_services/icon/b2b.png) left top no-repeat;}
.sector-content .icon-coldchain { background:url(../img/page_our_services/icon/coldchain.png) left top no-repeat;}
.sector-content .icon-c2c { background:url(../img/page_our_services/icon/c2c.png) left top no-repeat;}
.sector-content .icon-bkk { background:url(../img/page_our_services/icon/bkk.png) left top no-repeat;}
.sector-content .icon-inter { background:url(../img/page_our_services/icon/inter.png) left top no-repeat;}
.sector-content .icon-value { background:url(../img/page_our_services/icon/value.png) left top no-repeat;}
.sector-content .icon-terms { background:url(../img/page_our_services/icon/terms.png) left top no-repeat;}
.sector-content { padding:40px 20px; }
.sector-content > .warpper {
	max-width:1100px;
	padding-left:70px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 60px;
	margin-left: auto;
}
.sector-content h1 { color:#f27024;font-size:40px;border-bottom:1px #aaaaaa solid;padding:0px;padding-bottom:20px;margin:0px;margin-bottom:20px;}
.sector-content h1 > span { font-size:32px;font-weight:normal;}
.sector-content h4 { color:#444444;font-size:1.4em;margin:0px;padding:0px;margin-bottom:20px;margin-top: 30px}
.sector-content p,.sector-content ul li,.sector-content ol li{ color:#777777;margin-bottom:14px;line-height:1.4;font-size: 16px;}
.orange{
	color:#f27024;font-size:32px;margin-bottom:0;
}
.w100{
	width:100%;
}
.mt0{
	margin-top:0!important;
}
a.btn{
	display:inline-block;
}
.mr20{
	margin-right:20px;
}
.pull-left{
	float:left;
}
.sub-box{
	position: relative;
}
.sub-box .sector-banner2{
	height:400px;
}
.store-info{
	position: absolute;
	top: 10%;
	right:60px;
	background-color:#fff;
	padding:20px;
	width:310px;
}
.tb { color:#333333;font-size:15px; }
.tb td { padding:5px;}
.tb .subject { color:#333333;font-size:14px }
.tb .shopname { color:#f27024;font-size:18px;font-weight:bold; }

.pagation { padding:0px 20px; }
.pagation > .warpper { max-width:1240px;margin:0px auto;overflow:auto;padding-bottom:30px; }
.pagation .btn { color:#e96513;font-size:28px; }
.pagation .btn-prev { background:url(../img/page_our_services/icon/al.png) left no-repeat;padding-left:60px;float:left; }
.pagation .btn-next { background:url(../img/page_our_services/icon/ar.png) right no-repeat;padding-right:60px;float:right; }
.icon-list ul{padding:0;margin:0 0 30px 0;}
.icon-list ul li{display:inline-block;list-style:none;width:19.5%;text-align:center;color:#777777;vertical-align:top;margin-bottom:10px}
.icon-list ul li i{
	font-size:42px;
	margin:5px 0;
	display:block;
	/*color:#FF6501;*/
	color:#e60115;
}
.location{
	margin-top:15px;
}
.btn.filter{
	padding: 5px 20px;
  margin-bottom: 5px;
}
.sector-content table.location tr:first-child td{
	color:#fff;
	font-size:16px;
	line-height:2;
}
.sector-content table.location tr td{
  font-size:14px;
	color:#777;
	line-height:1.5;
	padding:10px;
	border: none;
}
.sector-content table.location tr{
	border: none;
	border-bottom:1px solid #eee;
}
.location .map-icon{
	width: 50px;
	border-radius:30px;
	display: block;
	margin:0 auto;
}
td.w10{
	width:10%;
}
td.w15{
	width:15%;
}
td.w20{
	width:20%;
}
td.w30{
	width:30%;
}
.text-justify{
	text-align: justify;
}
.visible-xs{
	display: none;
}
@media only screen and (max-width: 1600px) {

}

@media only screen and (max-width: 1300px) {

}

@media only screen and (max-width: 1024px) {
.icon-list ul li{width:33%}
}

@media only screen and (max-width: 1000px) {
	.pagation .btn { font-size:22px; }
}

@media only screen and (max-width: 768px) {
	.icon-list ul li{width:100%}
	.store-info{
		right: 10px;
		width: 240px;
	}
	.sub-box .sector-banner2{
		height:300px;
	}
}

@media only screen and (max-width: 600px) {
	td.w10,
	td.w15,
	td.w30{
		width:100%;
	}
	.visible-xs{
		display:block;
	}
	.store-info{
		position: fixed;
    width: 100%;
    box-sizing: border-box;
    bottom: 0;
    left: 0;
    right: 0;
    top: auto;
		padding: 0 0;
    box-shadow: 0 0 10px #999;
    z-index: 999;
	}
	.store-info a.btn{
		margin-bottom:10px;
	}
	.hidden-xs{
		display: none;
	}
	/* .sector-content table.location tr td{
		width:100%!important;
		display: block;
    box-sizing: border-box;
	} */

	#app1 .sector-content {padding-top:20px;height: 40vh;overflow: scroll;}
	.sector-content h1 { font-size:32px;padding-left:70px; }
	.sector-content h1 > span { font-size:26px;}
	.sector-content h4 { font-size:20px; }

	.sector-content > .warpper  { padding:0px; }


}
.loading{
	position: fixed;
	left:0;
	right:0;
	top:0;
	bottom:0;
	background-color: rgba(0,0,0,0.7);
	color:#fff;
	font-size:40px;
	padding-top:40vh;
	z-index:99;
	text-align:center;
}

.sector-content table tr,.sector-content table tr td{border: 1px solid #eee;}
.sector-content table{width: 100%; border-collapse:collapse;border-spacing:0;line-height: 30px;text-align: center;}
.sector-content table tr:first-child{background-color:#444!important;color:#fff;font-size:18px;line-height:35px}
.sector-content .warpper>div{background: url(../img/map_server.jpg) center center no-repeat;background-size:auto 100% }
.icon-terms p b,.icon-terms p strong{font-size:17px;font-weight:bold!important;}
.closeB{
	display: inline-block;
    width: 35px;
    height: 35px;
    background: #999;
    color: #fff;
    border-radius: 35px;
    text-align: center;
    line-height: 38px;
    position: absolute;
    top: -22px;
    right: 17px;
    box-shadow: 0 0 5px #797979;
}