﻿
@charset "utf-8";
/* reset */
body,div,input,textarea{
	margin: 0 auto;
	border:0;
	padding:0;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
body {
	background:#f2f2f2;
	font:14px/1.5 Arial, Helvetica, sans-serif;
	color:#808080;
	-webkit-text-size-adjust:none;
}
table {
	border-spacing:0;
	border-collapse:collapse;
}
td, th {
	empty-cells:show;
}
ul, ol {
	list-style:none;
}
img{
	vertical-align:middle;	
}
a img {
	border:none;
}
h1, h2, h3, div, li, p {
	font-size:100%;
	font-weight:normal;
}
a {
	color:#808080;
	text-decoration:none;
}
a:hover, a.current {
	outline:none;
}
em, i {
	font-style:normal;
}
.br {
	display: block;
}
a, input, button {
	outline: none;
	cursor:pointer;
}
input[type="submit"], input[type="button"] {
	-webkit-appearance:none;
}
input::-webkit-search-decoration, input::-webkit-search-cancel-button {
 display: none;
}
a, button, input, textarea, li, span {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	outline:none;
}
button:focus, input:focus, textarea:focus {
	-webkit-user-modify:read-write-plaintext-only;
}
@font-face {
font-family:"sf-express-icon";
src:url('fonts/sf-express-icon.eot');
src:url('fonts/sf-express-icon.eot#iefix') format("embedded-opentype"), url('fonts/sf-express-icon.svg#icon') format("svg"), url('fonts/sf-express-icon.woff') format("woff"), url('fonts/sf-express-icon.ttf') format("truetype")
}
.clearfix:after, #wrapper-in:after,footer nav:after,.info-btn:after{
	content:"\020";
	display: block;
	height:0;
	clear:both;
	visibility:hidden
}
.clearfix, #wrapper-in,footer nav:after,.info-btn:after{
	zoom:1;
}
.placeholder, .tips {
	color:#a9a9a9;
}
.hot {
	color:#ed2210;
}
.hard {
	color:#333;
}
.grid-main {
	margin-top:10px;
}
.grid-btn {
	width:78.125%;
	margin:10px auto;
}
.ui-btn {
	border-radius:.3em;
	-moz-border-radius:.3em;
	-webkit-border-radius:.3em;
}
.ui-btn {
	display:inline-block;
	vertical-align:middle;
	width:100%;
	text-align:center;
	font-size:1em;
	cursor:pointer;
}
.btn-more {
	background-color:#dcdcdc;
	padding:.5em 0;
	text-align:center;
}
.btn-submit, .btn-cancel {
	color:#fff;
	padding:1em 0;
	border:0;
	width:100%;
	font-size:1em;
}
.btn-submit {
	background-color:#ed2210;
}
.btn-cancel {
	background-color:#808080;
}
.btn-submit.disable, .btn-normal.disable {
	background-color:#818181;
	cursor:not-allowed;
}
.btn-normal {
	color:#fff;
	padding:.5em 0;
	border:0;
	width:100%;
	font-size:1em;
	background-color:#ed2210;
}
.btn-normal-m{
	color:#ed2210;
	padding:10px 0;
	border:0;
	width:100%;
	font-size:1em;
}
.btn-satisfation:before {
	content:"\e02c";
	color:#808080;
}
.btn-unsatisfation:before {
	content:"\e052";
	color:#808080;
}
.btn-satisfation.selected:before, .btn-unsatisfation.selected:before {
	color:#ed2210;
}
.btn-satisfation, .btn-unsatisfation {
	padding:0 0 0 35px;
	height:30px;
	width:auto;
}
.btn-label {
	background:#f5f5f5;
	text-align:center;
	color:#333;
	padding:0 .5em;
	width:auto;
}
.btn-label.selected {
	background-color:#333;
	color:#fff;
}
.sfi:before, .sf-cost-r:after, .news-list .newshot:after {
	font-family:"sf-express-icon";
	position:relative;
	display:inline-block;
	font-style:normal;
	font-weight:normal;
	line-height:1;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	color:#808080;
	margin-right:5px;
	vertical-align:middle;
}
.ui-ico {
	background-position:50% 50%;
}
.ui-ico, .ui-ico-sfi {
	display:inline-block;
	background-repeat:no-repeat;
	vertical-align:middle;
}
.ui-ico-sfi:before,.ui-ico-m:before, footer .service-tel .tel:after, .footlink a:before,footer .service-online:before,.btn-radio:before,.btn-checkbox:before{
	content:'\020';	
	display:inline-block;
	vertical-align:middle;
	margin-right:5px;
	top:-1px;
	left:0;
	position:relative;
	z-index:0;
	background-repeat:no-repeat;
}
footer .service-tel .tel:after, .footlink a:before,footer .service-online:before,.ui-ico-m:before,header .ui-ico{
	background-image:url(img/ico_css_main.png);
}
.ui-ico-sfi:before,.ui-ico-fromto,.btn-radio:before,.btn-checkbox:before,.viewpwd{
	background-image:url(img/ico_page_main.png);
}
.ui-ico-more:before {
	height:12px;
	width:12px;
	content:"\e046";
	color:#ec2200;
	font-size:.875em;
	margin-right:0;
}
header .ui-ico {
	background-size:535px auto;
	height:30px;
	width:30px;
}
.ui-ico-user {
	background-position:-112px -38px;
}
.ui-ico-nav {
	background-position:0 -38px;
}
.ui-ico-back {
	background-position:-74px -38px;
}
.ui-ico-home {
	background-position:-37px -38px;
}
.ui-ico-queryorder:before, .ui-ico-mobilephone:before, .ui-ico-email:before, .ui-ico-signed:before, .ui-ico-shipping:before,.ui-ico-waiting:before,.ui-ico-cancel:before{
	height:42px;
	width:42px;
	background-size:553px auto;
}
.ui-ico-queryorder:before {
	background-position:-92px 0;
}
.ui-ico-mobilephone:before {
	background-position:-46px 0;
}
.ui-ico-m-receive:before,.ui-ico-m-ship:before,.ui-ico-m-address:before{
	height:30px;
	width:30px;
	background-size:475px auto;
}
.ui-ico-m-receive:before{
	background-position:-281px -1px;
}
.ui-ico-m-ship:before {
	background-position:-322px -1px;
}
.ui-ico-m-address:before {
	background-position:-363px -1px;
}
.ui-ico-email:before {
	background-position:0 0;
}
.ui-ico-signed:before {
	background-position:-140px 0;
}
.ui-ico-shipping:before {
	background-position:-186px 0;
}
.ui-ico-waiting:before {
	background-position:-466px 0;
}
.ui-ico-cancel:before {
	background-position:-511px 0;
}
.ui-ico-fromto {
	height:6px;
	width:30px;
	background-size:430px auto;
	background-position:-362px -44px;
	text-indent:-999em;
	overflow:hidden;
	margin:0 5px;
}
.ui-ico-waybillState, .ui-ico-waybillInfo, .ui-ico-waybillPrio, .ui-ico-waybillOvertime, .ui-ico-waybillSatisfaction {
	margin-bottom:5px;
}
.ui-ico-waybillState:before, .ui-ico-waybillInfo:before, .ui-ico-waybillPrio:before, .ui-ico-waybillOvertime:before, .ui-ico-waybillSatisfaction:before, .ui-ico-priorShip:before, .btn-satisfation:before, .btn-unsatisfation:before, .sf-cost-r:after, .ui-ico-overtime2:before, .grid-tips:before {
	color:#808080;
	font-size:34px;
}
.ui-ico-waybillState:before, .ui-ico-waybillInfo:before, .ui-ico-waybillPrio:before, .ui-ico-waybillOvertime:before, .ui-ico-waybillSatisfaction:before {
	margin-right:0;
}
.ui-ico-waybillState:before {
	content:"\e069";
}
.ui-ico-waybillInfo:before {
	content:"\e054";
}
.ui-ico-waybillPrio:before {
	content:"\e05f";
}
.ui-ico-waybillOvertime:before {
	content:"\e040";
}
.ui-ico-waybillSatisfaction:before {
	content:"\e053";
}
.ui-ico-yes {
	height:40px;
	width:47px;
	background-image:url(img/ico_yes.png);
	background-size:auto 40px;
	text-indent:-9999em;
	overflow:hidden;
}
.ui-ico-priorShip {
	height:35px;
	width:43px;
}
.ui-ico-priorShip:before {
	font-size:42px;
	content:"\e051";
}
.ui-ico-internal:before {
	height:35px;
	width:35px;
	content:"\e028";
	color:#ec2200;
	font-size:35px;
}
.ui-ico-domestic-aging:before {
	height:35px;
	width:35px;
	content:"\e06f";
	color:#ec2200;
	font-size:35px;
}
header {
	position:relative;
	background-color:#fff;
	zoom:1;	
	border-bottom:#bebebe 1px solid;
}
header a{
	display:inline-block;	
}
header h1 {
	padding:5px 10px;
	margin:0;
}
header h1 img {
	height:40px;
}
header.inner-header h1 {
	color:#333;
	font-weight:bold;
	text-align:center;
	line-height:40px;
	font-size:1.25em;
}
header .logo-s {
	font-size:.875em;
	position:absolute;
	top:5px;
	left:10px;
}
header .logo-s img {
	height:40px;
	vertical-align: middle;
	margin-right:5px;
}
header .btn-topl {
	position:absolute;
	top:10px;
	left:10px;
}
header .btn-topr {
	position:absolute;
	top:10px;
	right:10px;
}
header .link-user, header .link-home {
	margin-right:15px;
}
.grid-nav {
	background-color:#fff;
	position:relative;
}
.grid-nav .navbar {
	position:absolute;
	top:0;
	left:0;
	width:100%;
}
.grid-nav .ui-navbar {
	width:89.0625%;
	max-width:860px;
	margin-left:auto;
	margin-right:auto;
	margin-top:64%;
	border-radius:.3em;
	background-image:-moz-linear-gradient(top, #464646, #202020);
	background-image:-o-linear-gradient(top, #464646, #202020);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #464646), color-stop(1, #202020));
	background-color:#202020;
}
.grid-nav .ui-navbar li {
	display:inline-block;
	float:left;
	width:33.3333333333%;
}
.grid-nav .ui-navbar a {
	color:#fff;
	text-align:center;
	display:block;
	padding:.5em 0;
	border-right:#d2d2d2 1px solid;
	border-bottom:#d2d2d2 1px solid;
}
.grid-nav .ui-navbar li:nth-of-type(3n+0) a {
 border-right:0;
}
.grid-nav .ui-navbar li:nth-of-type(4) a, .grid-nav .ui-navbar li:nth-of-type(5) a, .grid-nav .ui-navbar li:nth-of-type(6) a {
 border-bottom:0;
}
.grid-nav .ui-navbar li:first-child a {
	border-radius:.3em 0 0 0;
	-webkit-border-radius:.3em 0 0 0;
}
.grid-nav .ui-navbar li:nth-of-type(3) a {
 border-radius:0 0.3em 0 0;
 -webkit-border-radius:0 0.3em 0 0;
}
.grid-nav .ui-navbar li:nth-of-type(4) a {
 border-radius:0 0 0 0.3em;
 -webkit-border-radius:0 0 0 0.3em;
}
.grid-nav .ui-navbar li:last-child a {
	border-radius:0 0 0.3em 0;
	-webkit-border-radius:0 0 0.3em 0;
}
.grid-nav .ui-navbar a:active {
	background:#1c1c1c;
}
.ui-navbar .name {
	display:block;
}
.ui-navbar .ui-ico {
	height:30px;
	width:30px;
	background-size:535px auto;
	margin-bottom:.3em;
	background-image:url(img/ico_css_main.png);
}
.ui-navbar .ui-ico-ship {
	background-position:-221px 0;
}
.ui-navbar .ui-ico-orderq {
	background-position:-258px 0;
}
.ui-navbar .ui-ico-freightq {
	background-position:-295px 0;
}
.ui-navbar .ui-ico-ageingq {
	background-position:-332px 0;
}
.ui-navbar .ui-ico-servicepoint {
	background-position:-369px 0;
}
.ui-navbar .ui-ico-servicescope {
	background-position:-406px 0;
}
.grid-nav .banner img {
	width:100%;
}
.grid-index {
	margin-top:1.125em;
	background-color:#fff;
}
.grid-index .title {
	padding:10px 10px 0 10px;
}
.grid-index .title h2 {
	float:left;
	color:#333;
	font-weight:bold;
	font-size:1.125em;
}
.grid-index .title .ar {
	float:right;
}
.grid-index .title .split {
	color:#a9a9a9;
	margin:0 5px;
}
.grid-index .title2 {
	border-bottom:#ddd 1px solid;
	padding-bottom:10px;
}
.grid-con {
	padding:10px;
}
.service-promotion {
	padding:0 10px 10px 10px;
}
.slideBox {
	position:relative;
	overflow:hidden;
	margin:0 auto;
	max-width:640px;
	z-index:1;
}
.slideBox .hd {
	position:absolute;
	bottom:5px;
	left:0;
	z-index:1;
	text-align:center;
	width:100%;
}
.slideBox .hd li {
	width:10px;
	height:10px;
	opacity:.6;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;
	background:#949494;
	margin-right:5px;
	display:inline-block;
	text-indent:-9999em;
	overflow:hidden;
}
.slideBox .hd li.on {
	background:#fff;
	opacity:1;
}
.slideBox .bd {
	position:relative;
	z-index:0;
}
.slideBox .bd li {
	position:relative;
	text-align:center;
}
.slideBox .bd li img {
	vertical-align:top;
	width:100%;
}
.slideBox.pageleft .hd {
	text-align:left;
	left:10px;
}
.service-list {
	margin:.5em 0 0 0;
	width:100%;
}
.service-list .service-one {
	float:left;
	display:inline-block;
	width:50%;
}
.service-list .service-two {
	float:right;
	display:inline-block;
	width:50%;
}
.service-list .service-one .img {
	display:inline-block;
	width:91.935484%;
	margin-right:8.064516%;
}
.service-list .service-two .img {
	display:inline-block;	
	border-left:#ddd 1px solid;
	width:91.935484%;
	padding-left:8.064516%;
}
.service-list img {
	width:100%;
}
.news-list li a {
	display:block;
}
.news-list .newshot {
	display:inline-block;
}
.news-list .newshot:after {
	margin-left:5px;
	height:18px;
	width:18px;
	content:"\e02d";
	color:#ed2210;
	top:-2px;
	font-size:20px;
}
.news-list .adddate {
	padding-right:110px;
	position:relative;
	z-index:0;
}
.news-list .adddate .date {
	color:#808080;
	position:absolute;
	top:10px;
	right:10px;
	display:block;
	width:100px;
	text-align:right;
}
.grid-index .news-list li {
	padding:0 0 .3em 0;
	border:0;
}
.grid-index .news-list li a {
	color:#808080;
	padding:.3em 0;
}
.grid-index .news-list .hot:after {
	right:0;
}
.news-list {
	margin-bottom:10px;
}
#wrapper {
	margin:0 auto;
	max-width:640px;
	overflow:hidden;
	font-size:14px;
}
#main-page {
	overflow:hidden;
	background-color:#f2f2f2;
}
#main-page-mask {
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	right:0;
	z-index:10;
	cursor:pointer;
}
#map-page {
	height:100%;
	display:none;
}
.map-open {
	background:#484153 url(img/dot/body_bg.jpg) no-repeat right 0;
	background-size:cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
}
.map-open #main-page {
	float:left;
	height:100%;
	position:relative;
	z-index:100;
}
.map-open #map-page{
	float:left;	
	display:block;
}
/* 绔欑偣鍦板浘 */
.webmap-content {
	padding:10px 0 0 10px;
	color:#fff;
}
.webmap-content .item {
	border-bottom:rgba(255, 255, 255, .6) 1px solid;
}
.webmap-content .item a {
	color:#fff;
}
.webmap-content .item-link {
	display:block;
	padding:10px;
	cursor:pointer;
}
.webmap-content .item-link.ui-btn-right .ui-ico-down {
	background-image:url(img/ico_arrow_down_white.png);
}
.webmap-content .item-link.ui-btn-right .ui-ico-up {
	background-image:url(img/ico_arrow_up_white.png);
}
.webmap-content .item-link.contact-link {
	position:relative;
	z-index:0;
}
.webmap-content .item-link.contact-link .tel {
	color:#ed2210;
	position:absolute;
	top:10px;
	right:10px;
}
.webmap-content .ui-service-list {
	background-color:transparent;
	border-top:rgba(255, 255, 255, .6) 1px solid;
	border-bottom:0;
	display:none;
}
.webmap-content .ui-service-list li {
	border-color:rgba(255, 255, 255, .6);
	width:33.333333333%;
}
.webmap-content .ui-service-list.ui-cols1 li{
	width:100%;
	border-right:0;
	text-align:left;
	padding-left:10px;	
}
.webmap-content .ui-navbar {
	padding:10px 0
}
.webmap-content .ui-navbar li {
	float:left;
	width:33.33333333%;
	text-align:center;
}
.webmap-content .ui-navbar a {
	padding:.5em 0;
	display:block;
}
/* 宸︿笅瑙掑揩鎹峰伐鍏锋潯*/
.dot-menu-wrapper {
	position:fixed;
	left:10px;
	bottom:10px;
	z-index:100;
}
.dot-menu-wrapper .dot-toggle {
	display:inline-block;
	height:50px;
	width:50px;
	background-image:url(img/ico_css_main.png);
	background-repeat: no-repeat;
	background-size:621px auto;
	background-position:-514px 0;
}
.dot-menu-wrapper .dot-toggle.open {
	background-position:-571px 0;
}
.dot-menu-wrapper .dot-menu {
	display:none;
	position:fixed;
	bottom:10px;
	left:70px;
	border:#d5d5d5 1px solid;
	background:#fff;
	border-radius:3px;
	-webkit-border-radius:3px;
	min-width:140px;
	box-shadow:rgba(0, 0, 0, .3) 2px 2px 3px;
}
.dot-menu-wrapper .dot-menu li:last-child a {
	border-bottom:0;
}
.dot-menu-wrapper .dot-menu a {
	color:#333;
	padding:5px 10px;
	display:block;
	border-bottom:#d5d5d5 1px solid;
	line-height:30px;
}
.dot-menu-wrapper .dot-menu .ui-ico {
	height:25px;
	width:25px;
	margin:0 5px 0 0;
	background-image:url(img/ico_css_main.png);
	background-size:435px auto;
}
.dot-menu-wrapper .dot-menu .ui-ico-ship {
	background-position:0 0;
}
.dot-menu-wrapper .dot-menu .ui-ico-orderq {
	background-position:-30px 0;
}
.dot-menu-wrapper .dot-menu .ui-ico-freightq {
	background-position:-60px 0;
}
.dot-menu-wrapper .dot-menu .ui-ico-ageingq {
	background-position:-90px 0;
}
.dot-menu-wrapper .dot-menu .ui-ico-servicepoint {
	background-position:-120px 0;
}
.dot-menu-wrapper .dot-menu .ui-ico-servicescope {
	background-position:-150px 0;
}
/* form */
textarea {
	border-top:#ddd 1px solid;
	border-bottom:#ddd 1px solid;
	background-color:#fff;
	padding:10px;
	box-shadow:none;
	-webkit-box-shadow:none;
}
.input-area {
	border-top:#ddd 1px solid;
	border-bottom:#ddd 1px solid;
	background-color:#fff;
	padding:10px 40px;
	width:100%;
	font-size:1.125em;
}
.input-area.init-area {
	position:relative;
	z-index:0;
	padding:10px 10px 10px 38px;
}
.input-area.init-area:before {
	content:"\020";
	height:22px;
	width:22px;
	display:block;
	position:absolute;
	top:17px;
	left:10px;
	background-image:url(img/ico_search.png);
	background-size:22px 22px;
}
.input-area .inputed {
	background-color:#f2f2f2;
	color:#333;
	padding:0 40px 0 10px;
	border-radius:.3em;
	-webkit-border-radius:.3em;
	position:relative;
	z-index:0;
	white-space:nowrap;
	margin-bottom:10px;
}
.input-area .inputed input {
	background-color:#f2f2f2;
	overflow:hidden;
}
.input-area .inputed .close {
	position:absolute;
	top:0;
	right:0;
	display:inline-block;
	height:100%;
	width:35px;
}
.input-area .inputed .close:after {
	content:'脳';
	height:20px;
	width:28px;
	display:inline-block;
	position:relative;
	top:-6px;
	left:5px;
	font-size:2.2em;
	color:#818181;
	cursor:pointer;
}
.input-area textarea {
	width:100%;
	font-size:1em;
	border:0;
	padding:.5em 0;
	line-height:1.5;
}
input[type="text"], input[type="number"], input[type="tel"], input[type="date"], input[type="time"],input[type="password"] {
	font-size:1em;
	width:100%;
	padding:.5em 0;
	line-height:1.5;	
	word-break:break-all;
	outline: none;
}
input,input:focus{
	box-shadow:none;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
}
.fm-list {
	background-color:#fff;
}
.fm-list .fm-item,.fm-list .fm-item-con{
	padding:5px 5px 5px 95px;
	border-bottom:#ddd 1px solid;
	position:relative;
	z-index:0;
	min-height:45px;
}
.fm-list .fm-item:first-child {
	border-top:#ddd 1px solid;
}
.fm-list .fm-item-con{
	padding-left:10px;	
}
.fm-list .fm-item-con .tel{
	margin-left:20px;	
}
.fm-list .fm-item-con .address{
	display:block;
	padding-bottom:.5em;	
}
.fm-list .fm-item label {
	display:block;
	width:80px;
	text-align:right;
	position:absolute;
	top:5px;
	left:5px;
	padding:.5em 0;
	line-height:1.5;
}
.fm-list .fm-item-more {
	padding:0 0 0 60px;
}
.fm-list .fm-item-more label {
	width:50px;
}
.fm-list .fm-item-more .label-content {
}
.fm-list .fm-item-more .label-cols {
	float:left;
	display:inline-block;
	width:33.3333333%;
	border-left:#ddd 1px solid;
}
.fm-list .fm-item-more .label-box {
	display:inline-block;
	padding:5px 35px 5px 30px;
	position:relative;
	z-index:0;
}
.fm-list .fm-item-more .label-box label {
	width:20px;
}
.fm-list .fm-item-more .label-box .unit {
	display:inline-block;
	position:absolute;
	top:5px;
	right:10px;
	color:#ccc;
	padding:.5em 0;
}
.text-r {
	text-align:right;
}
.fm-list .fm-item.fm-checkcode {
	padding:5px 115px 5px 95px;
}
.fm-list .fm-item.fm-checkcode .btn-r {
	position:absolute;
	top:5px;
	right:5px;
	display:inline-block;
	width:110px;
}
.fm-list .fm-con {
	padding:.5em 0;
	line-height:1.5;
}
.list-item {
	padding:10px;
}
.line {
	border-bottom:#ddd 1px solid;
}
.fm-list .fm-item .fm-label {
	font-size:1.125em;
	width:100px;
	line-height:30px;
}
.form-range .fm-list .fm-item {
	padding-top:15px;
	padding-bottom:15px;
}
.form-range .fm-list .fm-item label {
	top:15px;
}
.form-freight .fm-list{
	margin-bottom:10px;
}
.function-list li {
	background-color:#fff;
	border-bottom:#ddd 1px solid;
}
.function-list li:first-child {
	border-top:#ddd 1px solid;
}
.normal-item {
	padding:15px 10px;
	display:block;
}
.query-item, .func-item {
	position:relative;
	z-index:0;
	padding:10px 10px 10px 60px;
	display:block;
}
.query-item {
	min-height:40px;
}
.query-item .ui-ico, .func-item .ui-ico:first-child {
	position:absolute;
	top:10px;
	left:10px;
}
.query-item .title {
	color:#333;
}
.query-item .title em {
	color:#ed2210;
}
.result-item {
	padding:10px;
}
.result-item .city {
	font-size:1.125em;
	color:#333;
}
.result-item .arrive-time {
	color:#333;
	margin-top:5px;
}
.result-item .arrive-time .label {
	margin-right:10px;
}
.result-item-info {
	padding-right:65px;
	position:relative;
	z-index:0;
	min-height:80px;
}
.result-item-info .state {
	position:absolute;
	top:5px;
	right:10px;
	text-align:center;
}
.func-item {
	min-height:30px;
	padding-left:50px;
}
.func-item-toggle {
	padding:10px 5px 10px 10px;
	border-top:#ddd 1px solid;
	border-bottom:#ddd 1px solid;
	display:block;
	background-color:#fff;
}
.func-item .text, .func-item-toggle .text {
	display:block;
	padding:5px 0;
	color:#333;
}
.func-item-con {
	border-bottom:#ddd 1px solid;
	padding:10px;
	background-color:#fff;
	display:none;
}
.function-list-primary li {
	margin-bottom:10px;
}
.function-list-primary li:first-child {
	border-bottom:#ddd 1px solid;
}
.promotion-banner, .signed-img {
	margin:10px 0 0 0;
}
.promotion-banner img, .signed-img img {
	width:100%;
	display:block;
}
.signed-img {
	position: relative;
	z-index:0;
}
.signed-img .txt {
	display:inline-block;
	position:absolute;
	bottom:0;
	right:0;
	background:rgba(0, 0, 0, .5);
	color:#fff;
	font-size:.875em;
	padding:0 5px;
}
.banner-close {
	position:relative;
}
.banner-close .btn-close {
	height:20px;
	width:20px;
	background:rgba(0, 0, 0, .5);
	color:#fff;
	font-size:1.7em;
	text-align:center;
	line-height:20px;
	border-radius:10px;
	-webkit-border-radius:10px;
	position:absolute;
	top:.2em;
	right:.2em;
	font-weight:normal;
}
.grid-info {
	margin-top:10px;
	display:block;
}
.grid-info-title{
	background: #818181;
	color: #fff;
	padding:10px;
	font-size:1.125em;
	display:block;
}
.grid-info-title-m{
	padding:10px;
	font-size:1.125em;
	display:block;
	background-color:#fff;
	border-top:#eb1d21 3px solid;
	border-bottom:#ddd 1px solid;
}
.grid-info-title-m.cancel{
	border-top-color:#818181;	
}
.grid-info-title-m.cancel .name{
	color:#333;	
}
.grid-info-con {
	padding:10px;
	background:#fff;
	border-bottom:#ddd 1px solid;
}
.grid-info-con h3 {
	color:#ed2210;
	margin:.5em 0;
}
.grid-info-con p {
	margin:.3em 0;
}
.grid-info .function-list li:first-child{
	border-top:0;	
}
.info-btn{
	padding:10px;
	text-align:center;
}
.info-btn .ui-btn{
	width:45%;
}
.info-btn.ui-cols2 .btn-submit{
	float:left;	
}
.info-btn.ui-cols2 .btn-cancel{
	float:right;	
}
.tabs-menu {
	border-bottom:#ddd 1px solid;
	background-color:#f8f8f8;
}
.tabs-menu li {
	float:left;
	display:inline-block;
	width:100%;
	padding:10px 0;
	text-align:center;
}
.tabs-menu li.cur {
	color:#ed2210;
}
.tabs-menu li .name {
	margin-top:5px;
	display:block;
}
.tabs-content .fm-list .fm-item:first-child {
	border-top:0;
}
.grid-msg {
	background-color:#fff;
	padding:10px;
	border-bottom:#ddd 1px solid;
}
.grid-msg h1 {
	font-size:1.25em;
	color:#333;
	font-weight:bold;
	padding:0 0 20px 0;
}
.grid-msg .icon {
	text-align:center;
	padding-bottom:10px;
}
.grid-msg .grid-btn {
	text-align:center;
	padding:10px 0 0 0;
}
.grid-msg .btn-submit {
	width:auto;
	padding-left:1em;
	padding-right:1em;
}
.grid-msg.success {
	padding:2em 10%;
}
.grid-msg.success .grid-btn {
	width:100%;
}
.grid-msg.success .ui-btn {
	width:43%;
}
.grid-msg.success .btn-cancel {
	margin-right:5%;
}
.grid-msg.success .btn-submit {
	padding-left:0;
	padding-right:0;
}
.waybill-info .tabs-menu.cols4 li.normal {
	width:22%;
}
.waybill-info .tabs-menu.cols4 li.long {
	width:34%;
}
.waybill-info .tabs-menu.cols3 li {
	width:33.33333333333333333%;
}
.waybill-info .tabs-menu.cols2 li, .waybill-info .tabs-menu.cols1 li {
	width:50%;
}
.waybill-info .tabs-menu li.cur .sfi:before {
	color:#ed2210;
	font-size:34px;
}
.express-state {
	position:relative;
	z-index:0;
	padding:15px 10px 15px 60px;
	border-bottom:#ddd 1px solid;
	min-height:60px;
}
.express-state .ui-ico-priorShip {
	position:absolute;
	top:15px;
	left:10px;
}
.express-state .title {
	color:#ed2210;
}
.fun-info {
	padding:10px;
}
.fun-info .title {
	color:#ed2210;
	font-size:1.125em;
	font-weight:normal;
}
.fun-info dl {
	padding:5px 0;
}
.fun-info dl dt {
	float:left;
	display:inline-block;
	width:20%;
	color:#333;
}
.fun-info dl dd {
	float:left;
	display:inline-block;
	width:30%;
}
.waybill-state-list {
	background:#fff;
	padding:15px 0 0 16px;
	border-bottom:#ddd 1px solid;
}
.waybill-state-list ul {
	border-left:#a8a8a8 1px solid;
	padding:0 0 0 20px;
}
.waybill-state-list li {
	position:relative;
	z-index:0;
	border-bottom:#ddd 1px solid;
	padding:0 10px 5px 0;
	margin-bottom:20px;
}
.waybill-state-list li:last-child {
	border-bottom:0;
	margin-bottom:0;
}
.waybill-state-list li:first-child em {
	top:0;
}
.waybill-state-list li em {
	width:12px;
	height:12px;
	border-radius:6px;
	-webkit-border-radius:6px;
	background:#a8a8a8;
	position:absolute;
	top:3px;
	left:-26px;
}
.waybill-state-list li:first-child em {
	background-color:#ed2210;
}
.waybill-state-list li .state {
	color:#333;
	font-weight:bold;
	margin-top:-8px;
}
.ui-collapsible {
	margin-bottom:10px;
}
.ui-collapsible:last-child .fm-list .fm-item:first-child {
	border-top:1px #ddd solid;
}
.ui-collapsible-heading strong {
	color:#333;
	margin-right:10px;
	font-weight:normal;
}
.ui-collapsible-heading small {
	font-size:1em;
}
.ui-collapsible-heading {
	background-color:#f8f8f8;
	border-top:#ddd 1px solid;
	border-bottom:#ddd 1px solid;
	padding:10px;
	display:block;
	min-height:25px;
}
.ui-collapsible-content .fm-list .fm-item:first-child{
	border-top:0;
}
.ui-collapsible-map {
	width:100%;
	position:relative;
}
.ui-collapsible-map .switch-fullscreen {
	background:rgba(0, 0, 0, .6);
	color:#fff;
	position:absolute;
	top:0;
	left:0;
	padding:5px;
	display:inline-block;
	cursor:pointer;
}
.ui-collapsible-map .btn-map-return {
	background:rgba(0, 0, 0, .55);
	color:#fff;
	position:absolute;
	top:10px;
	left:10px;
	padding:5px 10px;
	border-radius:3px;
	-webkit-border-radius:3px;
	display:none;
	cursor:pointer;
}
.ui-collapsible-map .btn-map-return.show {
	display:inline-block;
}
.ui-collapsible-info {
	background:#fff;
	border-bottom:#ddd 1px solid;
}
.ui-collapsible-info h3 {
	font-size:1.125em;
	padding:10px;
}
.ui-collapsible-in-list {
	margin-left:10px;
}
.ui-collapsible-in-list li {
	border-top:#ddd 1px solid;
	padding:10px 0 0 0;
}
.ui-collapsible-in-list li:first-child {
	border-top:0;
	padding-top:0;
}
.label-list {
	margin:10px 0;
}
.label-list span {
	margin:0 10px 10px 0;
	color:#333;
}
.label-toggle {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	display:none;
	z-index:50;
}
.label-toggle .range-extra-box {
	max-width:640px;
	margin-left:auto;
	margin-right:auto;
	background-color:#f5f5f5;
	padding:10px;
	border-bottom:#ddd 1px solid;
}
.btn-label.selected {
	position:relative;
	z-index:0;
}
.btn-label.selected:before {
	content:'';
	position:absolute;
	bottom:-8px;
	left:40%;
	text-align:center;
	display:inline-block;
	border-left:7px solid transparent;
	border-right:7px solid transparent;
	border-bottom:7px solid #f5f5f5;
	font-size:0px;
	line-height:0px;
}
.service-time, .service-deliver {
	margin-top:5px;
	color:#333;
}
.service-time:before, .service-deliver:before {
	width:21px;
	height:21px;
	background-size:400px auto;
}
.service-time:before {
	background-position:-96px -32px;
}
.service-deliver:before {
	background-position:-120px -32px;
}
.range-normal, .range-extra {
	color:#ec2200;
}
.range-normal:before, .range-extra:before {
	width:20px;
	height:20px;
	content:"\e018";
	font-size:20px;
	top:-2px;
	color:#ec2200;
}
.btn-primary-i {
	background:#ec2200;
	color:#fff;
	padding:.5em 0;
}
.btn-primary-i .txt {
	display:block;
}
.ico-shop {
}
.ico-shop:before {
	content:"\e06c";
	color:#fff;
	font-size:26px;
}
.range-extra-box {
	width:100%;
}
.range-extra-box .info {
	float:left;
	width:65%;
}
.range-extra-box .btn {
	float:left;
	width:35%;
}
.ui-btn-right {
	padding-right:30px;
	position:relative;
	z-index:0;
	display:block;
}
.ui-ico-up,.ui-ico-down,.ui-ico-right{
	position:absolute;
	top:0;
	right:5px;
	display:block;
	width:20px;
	height:100%;
}
.ui-ico-up {	
	background:url(img/ico_arrow_up.png) no-repeat right 50%;
	background-size:auto 10px;	
}
.ui-ico-down {
	background:url(img/ico_arrow_down.png) no-repeat right 50%;
	background-size:auto 10px;
}
.ui-ico-right {
	background:url(img/ico_arrow_right.png) no-repeat right 50%;
	background-size:auto 20px;
	width:10px;
}
.ui-collapsible-select {
	display:block;
	min-height:40px;
}
input.input-text-line {
	border-left:#ed2210 2px solid;
	padding:0 0 0 5px;
	min-height:20px;
	margin:.5em 0;
	border-radius:0;
}
.fill-text {
	display:block;
	padding:.5em 0;
	color:#333;
	line-height:1.5;
}
.input-text-line.fill-text {
	border-left:#ed2210 2px solid;
	padding:0 0 0 5px;
	margin:.5em 0;
}
.fill-text small, .fill-text.placeholder {
	color:#a9a9a9;
	font-size:1em;
}
.btn-item {
	border:#808080 1px solid;
	background-color:#fff;
	padding:.45em .4em;
	width:auto;
	min-width:50px;
	line-height:25px;
	color:#333;
}
.btn-item.selected {
	border-color:#ed2210;
}
.btn-radio {
	padding:.5em 0;	
	width:auto;
	min-width:60px;
	color:#333;
	line-height:1.5;
	text-align:left;
}
.btn-radio:before{
	background-size:535px auto;
	background-position:0 -117px;
	width:15px;
	height:15px;
}
.btn-radio.selected:before {
	background-position:-19px -117px;
}
.btn-checkbox {
	padding:.5em 0;
	width:auto;
	min-width:60px;
	color:#333;
	line-height:1.5;
	text-align:left;
}
.btn-checkbox:before{
	background-size:535px auto;
	background-position:-37px -117px;
	width:18px;
	height:16px;
}
.btn-checkbox.selected:before {
	background-position:-60px -117px;
}
.btn-group .ui-btn {
	margin-right:8px;
}
.btn-group .ui-btn:last-child {
	margin-right:0;
}
.express-list .function-list li {
	border-top:0;
	border-bottom:#ddd 1px solid;
}
.express-type, .express-type-internal, .express-type-freight, .store-type {
	padding:10px;
}
.express-type-freight-arrive {
	padding:0 10px;
}
.ui-collapsible-heading .express-type, .ui-collapsible-heading .express-type-internal, .ui-collapsible-heading .store-type {
	padding:0 10px;
}
.express-type .type, .express-type-internal .type, .express-type-freight .type, .store-type .type {
	display:inline-block;
	float:left;
	color:#333;
	word-break:break-all;
}
.express-type .type:first-child {
	width:40%;
	margin-right:2%;
}
.express-type .type:last-child {
	width:58%;
}
.express-type-internal .type:nth-of-type(1) {
 width:21.5%;
}
.express-type-internal .type:nth-of-type(2) {
 width:58.5%;
}
.express-type-internal .type:nth-of-type(3) {
 width:20%;
}
.express-type-freight .type:nth-of-type(1) {
 width:42%;
}
.express-type-freight .type:nth-of-type(2) {
 width:24%;
}
.express-type-freight .type:nth-of-type(3) {
 width:34%;
}
.express-list .function-list li:first-child {
	border-top:0;
}
.store-type .type:first-child {
	width:75%;
}
.store-type .type:last-child {
	width:25%;
}
.function-list .store-type .type {
	color:#808080;
}
.function-list .store-type h3 {
	color:#333;
}
.function-list .store-type dl {
	margin:5px 0;
}
.function-list .store-type dl dt, .function-list .store-type dl dd {
	display:table-cell;
}
.function-list .store-type dl dt {
	margin-right:5px;
	min-width:40px;
}
.store-query-taiwan .function-list li:first-child {
	border-top:0;
}
.pay-conver {
	position:relative;
	z-index:0;
	display:block;
	min-height:16px;
	color:#a9a9a9;
	font-size:.875em;
}
.pay-conver:before {
	content:"\e04f";
	color:#a9a9a9;
	font-size:18px;
}
.sf-standard, .sf-preference, .sf-others, .sf-express-day {
	min-height:25px;
}
.sf-standard, .sf-preference, .sf-express-day {
	display: inline-block;
	white-space:nowrap;
	color:#333;
}
.sf-standard:before, .sf-preference:before, .sf-others:before, .sf-express-day:before {
	height:30px;
	width:30px;
	background-size:460px auto;
}
.sf-standard:before {
	background-position:0 -65px;
}
.sf-preference:before {
	background-position:-66px -65px;
}
.sf-express-day:before {
	background-position:-33px -65px;
}
.sf-others {
	position:relative;
	z-index:0;
	padding-left:35px;
}
.sf-others:before {
	background-position:-99px -65px;
	position:absolute;
	top:0;
	left:0;
}
.sf-cost-r:after {
	content:"\e03f";
	font-size:25px;
	top:-5px;
	color:#ec2200;
}
.ui-ico-overtime2:before {
	height:35px;
	width:35px;
	content:"\e03f";
	color:#ec2200;
	font-size:35px;
}
.range-where h3 {
	font-size:1.125em;
	color:#ec2200;
}
.aging-internal-box {
	padding:15px 10px;
}
.aging-table {
	min-height:60px;
}
.aging-table .country {
	width:20%;
	text-align:center;
	color:#333;
	float:left;
	margin-right:2.5%;
}
.aging-table .area-aging {
	width:77.5%;
	float:left;
}
.aging-table .country img {
	max-width:60px;
	width:100%;
	border-radius:.3em;
	-webkit-border-radius:.3em;
}
.aging-table dl {
	margin-bottom:10px;
}
.aging-table dl:last-child {
	margin-bottom:0;
}
.aging-table dl:after, .aging-table:after {
	content:"\020";
	display: block;
	height:0;
	clear:both;
	visibility:hidden
}
.aging-table dl dd {
	float:left;
}
.aging-table dl dd:first-child {
	width:72.5%;
}
.aging-table dl dd:last-child {
	width:27.5%;
	color:#333;
}
.aging-internal-tips {
	color:#ed2210;
	padding:10px 0 0 0;
}
.store-title {
	position:relative;
	z-index:0;
}
.store-title .ico-explain {
	position:absolute;
	top:10px;
	right:10px;
}
.store-title .ico-explain .ui-ico-attention {
	color:#ed2210;
}
.store-title .ico-explain .ui-ico-attention:before {
	background-position: -232px -35px;
}
.store-box {
	position:relative;
	z-index:0;
	padding:10px 10px 10px 80px;
	min-height:60px;
}
.store-box .store-ico {
	position:absolute;
	top:10px;
	left:10px;
	width:60px;
	text-align:center;
}
.store-box .store-ico img {
	max-width:100%;
}
.store-box .title {
	color:#ed2210;
	font-weight:bold;
	font-size:1.125em;
}
.service-label {
	padding:10px;
}
.service-label:after, .promotions:after, .label-text-list:after, .map-store-pop .store-action:after, .ui-tabs-menu:after, .hot-city:after, .region-list:after, .ui-service-list:after, .ui-grid-list:after, .news-list:after, .ui-timelist li:after, .ui-timelist:after, .timepicker-btn:after {
	content:"\020";
	display: block;
	height:0;
	clear:both;
	visibility:hidden;
}
.service-label li {
	float:left;
	width:50%;
	border:0;
	color:#333;
	margin:5px 0;
}
.service-label .self-send:before {
	content:"\e05a"
}
.service-label .self-get:before {
	content:"\e05c"
}
.service-label .self-send-get:before {
	content:"\e05b"
}
.service-label .personal-address:before {
	content:"\e059"
}
.service-label .convenient:before {
	content:"\e058"
}
.service-label li:before {
	color:#ed2210;
	font-size:2em;
}
.store-info .promotions {
	padding:0 10px 10px 10px;
	color:#fff;
}
.store-info .promotions li {
	width:40%;
	margin-right:10%;
	min-height:60px;
	float:left;
	padding:10px;
	background:#ed2210;
	border:0;
}
.store-info .promotions li .price {
	margin-top:2px;
	font-size:1.125em;
}
.store-ico-list li {
	border-bottom:#ddd 1px solid;
	padding:10px 0;
}
.store-ico-list li:last-child {
	border-bottom:0;
}
.store-ico-list .item {
	position:relative;
	z-index:0;
	padding-left:45px;
	min-height:40px;
}
.store-ico-list .item .ico-img {
	position:absolute;
	top:0;
	left:0;
}
.store-ico-list .ico-img img {
	max-width:35px;
}
.store-ico-list .item h4 {
	color:#333;
	font-weight:bold;
}
.label-text-list:last-child {
	padding-bottom:10px;
}
.label-text-list dt {
	float:left;
	width:27.5%;
	max-width:100px;
	text-align:right;
	color:#333;
	padding:10px 0 0 10px;
}
.label-text-list dd {
	float:left;
	width:72.5%;
	padding:10px 10px 0 0;
}
.label-text {
	padding:10px;
}
.label-text dt, .label-text dd {
	display:inline-block;
}
.label-text dt {
	color:#333;
}
.phone-call-box {
	position:relative;
	z-index:0;
}
.phone-call-box .phone-call {
	position:absolute;
	top:0;
	right:0;
	display:inline-block;
	border-left:#ddd 1px solid;
	height:100%;
}
.btn-call, .btn-see-info, .store-s-time {
	display:inline-block;
	padding:10px 1em;
	color:#333;
}
.btn-call:before {
	background-size:450px auto;
	background-position:-163px -38px;
	width:22px;
	height:22px;
}
.btn-see-info:before, .store-s-time:before {
	color:#808080;
	font-size:22px;
	content:"\e032";
}
.ui-box,.store-info {
	border-top:#ddd 1px solid;
	border-bottom:#ddd 1px solid;
	background:#fff;
}
.store-info .store-box{
	border-bottom:#ddd 1px solid;	
}
.store-s-time {
	padding:0;
}
.store-s-time:before {
	content:"\e065";
	font-size:20px;
}
.map-store-pop {
	max-width:640px;
	background:#fff;
}
.map-store-pop .store-box {
	border-bottom:#ddd 1px solid;
}
.map-store-pop .store-action {
	padding:5px 0;
}
.map-store-pop .store-action .cols {
	float:left;
	width:49%;
	text-align:center;
}
.map-store-pop .store-action .cols:last-child {
	border-left:#ddd 1px solid;
}
.map-store-pop .btn-call:before {
	background-position:-190px -38px;
}
footer {
	margin-top:1.125em;
	padding-bottom:10px;
}
footer .footer-menu {
	background:#fff;
	border-top:#ddd 1px solid;
	border-bottom:#ddd 1px solid;
	padding:.7em 10px;
	position:relative;
	z-index:0;
}
footer .footer-menu a {
	margin-right:15px;
	color:#ed2210;
}
footer .footer-menu .returntop {
	background:#333;
	color:#fff;
	position:absolute;
	top:-5px;
	right:10px;
	height:58%;
	padding:1.3em .5em .5em .5em;
	border-radius:.3em .3em 0 0;
	font-size:.875em;
	margin-right:0;
}
footer nav{
	padding:.8em 0;	
}
footer nav a{
	float:left;
	display:inline-block;
	width:33%;
	text-align:center;		
}
footer .service-tel {
	padding:.5em 10px;
	border-bottom:#ddd 1px solid;
	border-top:#ddd 1px solid;
}
footer .service-phone {
	float:left;
}
footer .service-online {
	float:right;
}
footer .service-online:before {
	height:13px;
	width:13px;
	background-size:550px auto;
	background-position:-312px -46px;
}
footer .service-tel .tel {
	color:#333;
	font-weight:bold;
	margin-left:.3em;
	font-size:1.125em;
	vertical-align:middle;
}
footer .service-tel .tel:after {
	height:17px;
	width:17px;
	margin-left:5px;
	margin-right:0;
	background-position:-217px -24px;
	background-size:350px auto;
}
footer .footlink {
	text-align:center;
	padding:.5em 0;
	margin-top:.5em;
}
footer .footlink a {
	display:inline-block;
	position:relative;
	z-index:0;
	margin:0 15px;
	color:#333;
}
footer .footlink a.link-touch {
	color:#ec2200;
}
footer .footlink a.link-touch:before {
	height:15px;
	width:13px;
	background-position:-224px -35px;
	background-size:450px auto;
}
footer .footlink a.link-pc:before {
	background-size:450px auto;
	background-position:-129px -35px;
	width:17px;
	height:15px;
}
footer .footlink a.link-app:before {
	background-size:450px auto;
	background-position:-163px -35px;
	width:10px;
	height:15px;
}
footer .copyright {
	text-align:center;
	color:#808080;
	font-size:.85em;
	padding:.5em 0;
}
footer .more-tools {
	text-align:center;
}
.ui-tabs-menu {
	background:#333;
	white-space:nowrap;
	height:44px;
}
.ui-tabs-menu li {
	float:left;
	padding:10px 0;
	text-align:center;
	color:#c8c8c8;
}
.ui-tabs-menu li.cur {
	color:#fff;
	position: relative;
	z-index:0;
}
.ui-tabs-menu li.cur:after {
	position:absolute;
	display:inline-block;
	content:"\020";
	border-left:8px solid transparent;
	border-right:8px solid transparent;
	border-bottom:8px solid #fff;
	bottom:-3px;
	left:38%;
}
.ui-region .ui-tabs-menu li.cur:after, .ui-calendar .ui-tabs-menu li.cur:after{
	border-bottom-color:#f8f8f8;
}
.ui-promotion .ui-tabs-menu li.cur:after,.ui-m-receive .ui-tabs-menu li.cur:after,.ui-tickets .ui-tabs-menu li.cur:after {
	border-bottom-color:#f2f2f2;
}
.ui-cols2 li {
	width:50%;
}
.ui-cols2 li.cur:after {
	left:45%;
}
.ui-cols3 li {
	width:33.333333333%;
}
.ui-cols3 li.cur:after {
	left:42%;
}
.ui-cols4 li {
	width:25%;
}
.ui-cols4 li.cur:after {
	left:42%;
}
.ui-cols5 li {
	width:20%;
}
.ui-cols5 li.cur:after {
	left:40%;
}
.region-title {
	color:#333;
	background:#f8f8f8;
	padding:10px;
	border-bottom:#ddd 1px solid;
}
.cur-city {
	padding:10px;
	color:#ed2210;
}
.ui-con {
	background:#fff;
	border-bottom:#ddd 1px solid;
}
.hot-city {
	padding:5px 0;
}
.hot-city li {
	float:left;
	width:33.3333333%;
	padding:5px 0;
	text-align:center;
}
.hot-city li a {
	background:#f2f2f2;
	color:#333;
	display:inline-block;
	padding:.3em 1.5em;
	border-radius:1em;
	-webkit-border-radius:1em;
}
.hot-city li a.cur, .region-list li a.cur, .service-title {
	color:#ed2210;
}
.region-list {
	padding:5px 0;
	font-size:0;
}
.region-list li {
	float:left;
	width:33.3333333%;
	text-align:center;
	margin:5px 0;
	vertical-align:top;
	display:inline-block;
	font-size:16px;
}
.region-list li:nth-of-type(3n+1) {
 clear:left;
}
.region-list li a {
	color:#333;
	display:inline-block;
	padding:.3em .5em;
}
.province-title, .city-title, .area-title {
	padding:10px;
	color:#fff;
}
.province-title {
	background:#333;
}
.city-title {
	background:#808080;
}
.area-title {
	background:#a9a9a9;
}
.service-title {
	background:#f8f8f8;
	padding:10px;
	font-size:1em;
	font-weight:bold;
	position:relative;
	z-index:0;
	border-bottom:#ddd 1px solid;
}
.service-title.open{
	border-bottom:0;	
}
.service-title:after{
	background:url(img/ico_arrow_down.png) no-repeat;
	background-size:auto 10px;
	width:20px;
	height:10px;
	display:block;
	content:"\020";
	position:absolute;
	top:20px;
	right:10px;
}
.service-title.open:after{
	background:url(img/ico_arrow_up.png) no-repeat;
	background-size:auto 10px;
}
.ui-service-list {
	background:#fff;
	border-bottom:#ddd 1px solid;
	padding:10px 0;
}
.ui-service-list li {
	float:left;
	text-align:center;
	border-right:#ddd 1px solid;
	padding:5px 0;
}
.ui-service-list li:nth-child(3n+3) {
	border-right:0;
}
.ui-service-list li a {
	display:block;
	color:#333;
}
.ui-service-list.finance-menu {
	border-bottom:0;
}
.ui-service-list.finance-menu li a span {
	display:block;
}
.express-service-basice:before {
	background-position:0 -48px;
}
.express-service-extra:before {
	background-position:-34px -48px;
}
.elect-service:before {
	background-position:-68px -48px;
}
.finance-service:before {
	background-position:-103px -48px;
}
.express-service-basice:before, .express-service-extra:before, .elect-service:before, .finance-service:before {
	background-size:570px auto;
	height:28px;
	width:28px;
}
.ui-grid-list li {
	float:left;
	width:33.33333333%;
	border-right:#ddd 1px solid;
	border-bottom:#ddd 1px solid;
	background-color:#fff;
}
.ui-grid-list li:nth-child(3n+3) {
	border-right:0;
}
.ui-grid-list li a {
	display:block;
	padding:1em 0;
	text-align:center;
	color:#333;
}
.ui-grid-list .ico {
	height:30px;
	display:block;
}
.ui-grid-list .ico img {
	max-height:30px;
}
.news-list li {
	padding:0;
	color:#333;
	border-bottom:#ddd 1px solid;
	background-color:#fff;
}
.news-list li a {
	color:#333;
	padding:10px;
}
.ui-member {
	margin-bottom:10px;
}
.ui-member .ui-tabs-menu li.member-link {
	width:50%;
	text-align:right;
	color:#c8c8c8;
}
.ui-member .ui-tabs-menu li.member-link a {
	margin:0 10px;
	color:#c8c8c8;
}
.ui-info-title {
	background-color:#808080;
	padding:10px;
	font-size:1.125em;
}
.ui-info-title h1 {
	color:#fff;
}
.ui-info-brief {
	padding:10px;
	border-bottom:#999 1px dashed;
	background-color:#fff;
	color:#333;
}
.ui-info-content {
	padding:10px;
	background-color:#fff;
	border-bottom:#ddd 1px solid;
	color:#333;
}
.grid-tips {
	padding:0 10px 10px 45px;
	position: relative;
	z-index:0;
}
.grid-tips p:first-child {
	color:#333;
}
.grid-tips:before {
	content:"\e030";
	font-size:32px;
	height:25px;
	width:25px;
	display:inline-block;
	color:#a9a9a9;
	position:absolute;
	left:5px;
	top:5px;
}
.ui-ico-attention:before {
	background-position:-310px -35px;
	background-size:430px auto;
	width:22px;
	height:22px;
	margin-right:5px;
}
.dialog-tips {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	padding:0 1.5%;
	z-index:100;
}
.dialog-tips .content {
	margin:120px auto 0 auto;
	padding:10px;
	background:rgba(0, 0, 0, .6);
	color:#fff;
	text-align:center;
	font-size:1em;
	max-width:620px;
}
.maskbox {
	position:fixed;
	top:0;
	left:0;
	height:100%;
	width:100%;
	background:rgba(0, 0, 0, .6);
	z-index:999;
}
.ui-dialog {
	position: fixed;
	top:0;
	left:0;
	background:#fff;
	z-index:1100;
	border-radius:.3em;
	-webkit-border-radius:.3em;
	width:96.4%;
	margin-left:auto;
	margin-right:auto;
}
.ui-dialog-title {
	padding:10px 0;
	text-align:center;
	border-bottom:#ddd 1px solid;
	color:#ed2210;
	font-weight:bold;
}
.ui-dialog-content {
	padding:10px;
	overflow-y:auto;
}
.ui-alert-content{
	padding:2em 1.5em;
	overflow-y:auto;
	color:#333;
}
.ui-dialog-bt {
	padding:10px;
	border-top:#ddd 1px solid;
}
.ui-dialog-bt.ui-cols2 .ui-btn{
	width:45%;
}
.ui-dialog-bt.ui-cols2 .btn-submit{
	float:left;	
}
.ui-dialog-bt.ui-cols2 .btn-cancel{
	float:right;	
}
.dialog-html {
	display:none;
}
.ui-article p {
	margin:0 0 9px;
}
.ui-article li {
	margin:7px 0;
	list-style:disc;
	margin-left:20px;
}
.ui-article-scroll {
	max-height:300px;
	overflow-y:auto;
}
.ui-article h3, .ui-article .enhance-text {
	color:#ec2200;
}
.ui-article img {
	max-width:100%;
}
.ui-article a {
	color:#ec2200;
	text-decoration:underline;
}
.ui-article table {
	max-width:100%;
	width:100%;
}
.ui-article th, .ui-article td {
	border:1px solid #ccc;
	padding:10px;
}
.ui-article table thead th, .ui-article table thead td {
	text-align:center;
	background-color:#f2f2f2;
}
.ui-article table.no-bolder-table th, .ui-article table.no-bolder-table td {
	border:0;
	vertical-align:top;
	padding:2px;
}
.ui-promotion-list {
	padding:15px 10px 5px 10px;
}
.ui-promotion-list ul {
	padding-bottom:5px;
}
.ui-promotion-list li {
	margin-bottom:15px;
	background-color:#fff;
	box-shadow:#ddd 1px 1px 1px;
}
.ui-promotion-list li a {
	display:block;
}
.ui-promotion-list .banner {
	position:relative;
	z-index:0;
	display:block;
}
.ui-promotion-list .banner .remain {
	position:absolute;
	bottom:0;
	right:0;
	padding:0 5px;
	background-color:rgba(51, 51, 51, .5);
	color:#fff;
	white-space:nowrap;
	min-width:50px;
	font-size:.875em;
}
.ui-promotion-list .banner .remain:before {
	position:relative;
	display:inline-block;
	margin-right:5px;
	vertical-align:middle;
	content:"\020";
	background-image:url(img/apply_time.png);
	background-repeat:no-repeat;
	background-size:12px auto;
	width:12px;
	height:12px;
}
.ui-promotion-list li img {
	width:100%;
}
.ui-promotion-list li.finish img {
	opacity:.2;
	-moz-opacity:.2;
}
.ui-promotion-list .title {
	display:block;
	padding:10px;
	color:#333;
}
.ui-promotion-list .title h1 {
	float:left;
	width:80%;
}
.ui-promotion-list .title .applyto {
	float:right;
	color:#808080;
	font-size:.875em;
	display:inline-block;
	width:20%;
	text-align:right;
}
.ui-promotion-list .title.longtxt h1 {
	width:100%;
}
.ui-promotion-list .title.longtxt .applyto {
	width:100%;
}
.error-page {
	text-align:center;
	padding:20px 0;
	color:#333;
}
.error-page img {
	max-width:90%;
}
.error-page h2 {
	font-size:1.75em;
	padding:10px 0;
}
.loading, .loading_w {
	width:200px;
	margin:10px auto;
	text-align:center;
	padding-top:140px;
	height:180px;
	background:url(img/loading.gif) no-repeat 50% 20px;
	color:#a9a9a9;
}
.loading_w {
	background-image:url(img/loading2.gif);
}
.ui-datetime-picker {
	border-bottom:#ddd 1px solid;
	background:#fff;
}
.date-picker-wrapper {
	position:fixed;
	left:0;
	bottom:0;
	width:100%;
	z-index:100;
}
.date-picker-wrapper .ui-tabs-menu li.cur:after {
	bottom:-3px;
}
.date-picker-wrapper .times-box {
	padding:5px 0;
}
.date-picker-wrapper .times-box .time-prev, .date-picker-wrapper .times-box .time-next {
	background:gray;
	height:25px;
	line-height:25px;
	width:100%;
	text-align:center;
	display:none;
}
.date-picker-wrapper .times-box .time-prev.disable, .date-picker-wrapper .times-box .time-next.disable {
	background:#ccc;
}
.date-picker-wrapper .times-box .time-prev {
	border-radius:3px 3px 0 0;
	-webkit-border-radius:3px 3px 0 0;
}
.date-picker-wrapper .times-box .time-next {
	border-radius:0 0 3px 3px;
	-webkit-border-radius:0 0 3px 3px;
}
.date-picker-wrapper .times-box .prev:before {
	color:#fff;
	content:"\e016";
}
.date-picker-wrapper .times-box .next:before {
	color:#fff;
	content:"\e013";
}
.date-picker-wrapper .time-wrapper {
	height:160px;
	overflow:hidden;
	position:relative;
	padding:0 5px;
	margin:10px 0;
}
.date-picker-wrapper .time-wrapper .times {
	border-bottom:0;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	padding:0;
}
.times {
	padding:10px 5px;
	background:#fff;
	border-bottom:#ddd 1px solid;
}
.times:after {
	content:"\020";
	display: block;
	height:0;
	clear:both;
	visibility:hidden
}
.times li {
	float:left;
	width:25%;
	text-align:center;
	height:40px;
	line-height:40px;
	border-radius:3px;
	-webkit-border-radius:3px;
	cursor:pointer;
}
.times li.current {
	background-color:#333;
	color:#fff;
}
.ui-timepicker {
	width:100%;
	max-width:640px;
	border-top:#ddd 1px solid;
	background:#fff;
	margin:0 auto;
	padding:10px;
}
.ui-timelist li {
	padding:10px;
	border-radius:3px;
	-webkit-border-radius:3px;
	cursor:pointer;
}
.ui-timelist li.selected {
	background:#333;
	color:#fff;
}
.ui-timelist li .name, .ui-timelist li .date {
	display:inline-block;
	width:50%;
	float:left;
	text-align:center;
}
.ui-timepicker .times-box .times li {
	width:33.333333333333333333%;
}
.ui-timepicker .dates-box .ui-timelist {
	padding:10px 0;
}
.ui-timepicker .dates-box .ui-timelist li {
	text-align:center;
}
.timepicker-btn 
{
    margin-left:5px;
    margin-right:5px;
	padding-top:10px;
}
.timepicker-btn .ui-btn {
	display:inline-block;
	width:49%;
}
.timepicker-btn .btn-submit {
	float:right;
}
.timepicker-btn .btn-cancel {
	float:left;
}
.grid-tools {
	background-color:#fff;
}
.grid-tools .item {
	border-bottom:#ddd 1px solid;
	padding:10px;
}
.grid-tools .banner img {
	width:100%;
}
.grid-tools .links li {
	float:left;
}
.grid-tools .links li a {
	display:block;
	padding:.5em 0;
	text-align:center;
	color:#ec2200;
}
.grid-tools .links .ico-touch:before {
	background-position:-433px -69px;
	background-size:870px auto;
	height:29px;
	width:25px;
}
.grid-tools .links .ico-pc:before {
	background-position:-249px -69px;
	background-size:870px auto;
	height:28px;
	width:31px;
}
.tools-info {
	position:relative;
	z-index:0;
	min-height:50px;
	zoom:1;
	display:block;
	width:100%;
	display:-webkit-box;
	-webkit-box-sizing:border-box;
	-webkit-box-orient:horizontal;
	-webkit-box-pack:justify;
}
.tools-info .tools-ico img {
	width:50px;
}
.tools-info .info{
	-moz-box-flex: 2; 
    -webkit-box-flex: 2; 
    box-flex: 2;
	margin:0 80px 0 10px;
}
.tools-info h3 {
	color:#333;
	font-size:1em;
}
.tools-info p{
	font-size:.875em;	
}
.tools-info .download {
	position:absolute;
	top:15px;
	right:0;
	width:70px;
}
.tools-info .goto {
	border-radius:3px;
	-webkit-border-radius:3px;
	display:inline-block;
	width:100%;
	border:#ec2200 1px solid;
	color:#ec2200;
	background-color:#fff;
	text-align:center;
	padding:.5em 0;
}
.form-login .fm-list .fm-item{
	padding-left:50px;	
}
.form-login .fm-list .fm-item label{
	width:50px;	
}
.form-login .ico-user,.form-login .ico-pwd,.form-login .ico-phone,.fm-list .fm-item.item-pwd .ui-ico{
	position:absolute;
	top:5px;
	left:10px;
	margin:.3em 0 0 0;
}
.form-login .ico-user:before,.ico-mysf:before{
	background-position:-215px -71px;		
	background-size:493px auto;
	width:26px;
	height:30px;	
}

.form-login .ico-pwd:before{
	background-position:-250px -71px;
	background-size:493px auto;
	width:29px;
	height:30px;
}
.form-login .ico-phone:before{
	background-position:-430px -71px;
	background-size:493px auto;
	width:29px;
	height:30px;
}
.form-login .fm-item.focus .ico-user:before,.ico-mysf:before{
	background-position:-287px -71px;
}
.form-login .fm-item.focus .ico-pwd:before{
	background-position:-321px -71px;
}
.form-login .fm-item.focus .input-text-line{
	border-color:#fff;	
}
.form-login .login-action,.form-reg .reg-action{
	padding:10px;	
}
.form-login .login-action .btn-submit,.form-reg .reg-action .btn-submit{
	width:70%;	
	float:left;
}
.form-login .login-action .btn-submit.nofloat,.form-reg .reg-action .btn-submit.nofloat{
	width:70%;	
	float:none;
}
.form-login .login-action .btn-cancel,.form-reg .reg-action .btn-cancel{
	width:25%;	
	float:right;
}
.form-login .bind-phone .txt{
	float:left;
}
.form-login .bind-phone .hot{
	float:right;	
}
.fm-list .fm-item.item-pwd{
	padding-right:60px;	
}
.fm-list .fm-item.item-pwd .ui-ico{
	left:auto;
	right:10px;
}
.fm-list .fm-item.item-pwd .viewpwd{
	background-position:-364px -73px;
	background-size:500px auto;
	width:27px;
	height:28px;
	overflow:hidden;
	text-indent:-999em;
	cursor:pointer;
}
.fm-list .fm-item.item-pwd .viewpwd.close{
	background-position:-400px -73px;
}
.grid-member{
	padding:.5em 10px;
	background:url(img/m_bg.jpg) no-repeat;
	background-size:cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
}
.grid-member a{
	color:#fff;	
}
.grid-member .row{
	display:block;
	padding:.5em 0;	
}
.grid-member .mem-name{
	font-size:1.25em;
	font-weight:bold;
	vertical-align:middle;
}
.grid-member .mem-level{
	background-color:#eb1d21;
	border-radius:5px;
	-webkit-border-radius:5px;
	display:inline-block;
	padding:0 5px;
	margin-left:10px;
	vertical-align:middle;
}
.grid-member .ui-ico-right{
	background-image:url(img/ico_arrow_right_white.png);
	background-size:auto 30px;
	height:100%;
	right:0;
	top:0;
	width:30px;
}
.grid-account{
         background-color:#fff;
         padding:5px 0;
         border-bottom:#ddd 1px solid;
}
.grid-account .cols{
         float:left; 
         width:33.333333%;
}
.grid-account .mem-account{
         display:block;
         padding:5px 10px 5px 55px;
         position:relative;
         z-index:0;
         border-left:#ddd 1px solid;                
}
.grid-account .cols:first-child .mem-account{
         border-left:0;   
}
.grid-account .mem-account .hd{
         color:#333;
}
.grid-account .mem-account:before{
         height:37px;
         width:37px;
         background-size:500px auto;
         position:absolute;
         top:8px;
         left:10px;
}
.grid-account .mem-points:before{
         background-position:-211px 0;
}
.grid-account .mem-tickets:before{
         background-position:-253px 0;
}
.grid-account .mem-hongbao:before{
         background-position:-464px -38px;
}
.func-link li{
	border-bottom:#ddd 1px solid;
	background:#fff;	
}
.func-link li:first-child{
	border-top:#ddd 1px solid;	
}
.btn-ship-primary{
	border:#eb1d21 2px solid;
	border-radius:3px;
	-webkit-border-radius:3px;
	color:#eb1d21;
	font-size:1.25em;
	padding:.5em 0;
	margin:10px auto;
}
.ico-ship-primary:before{
	background-size:553px auto;
	background-position:-269px -48px;
	width:23px;
	height:26px;
	margin-right:10px;
}
.grid-search{ 
	margin:10px 20px;
	position:relative;
	z-index:0;
	overflow:hidden;
}
.grid-search .search{
	border:#bebebe 1px solid;
	border-radius:25px;	
	-webkit-border-radius:25px;
	padding:5px 80px 5px 20px;
	background-color:#fff;
	height:100%;
}
.grid-search .btn-search{
	border-left:#bebebe 1px solid;	
	padding:0 0 0 10px;
	display:block;
	width:50px;
	position:absolute;
	top:5px;
	right:0;
	height:80%;
}
.grid-search .btn-search span{
	visibility:hidden;	
}
.grid-search .btn-search:before{
	height:30px;
	width:30px;
	top:3px;
	background-size:740px auto;
	background-position:-583px -66px;
}
.m-list{
	padding:10px 10px 0 10px;
}
.m-list dt,.m-list dd{
	padding:0 0 10px 0;	
}
.m-list dt{
	color:#333;	
}
.m-list dt .tel{ 
	margin-left:10px;
}
.m-list dt .title{
	color:#eb1d21;
	margin-right:5px;
}
.points-box{
	padding:10px;
}
.points-box h2,.points-box .item:first-child{
	color:#333;	
}
.points-box h2{
	font-weight:bold;	
}
.points-box .item{
	position:relative;
	z-index:0;
	padding-bottom:10px;
	min-height:30px;	
}
.points-box .item:last-child{
	padding-bottom:0;	
}
.points-box .item .num,.points-box .item .date{
	position:absolute;
	top:0;
	right:0;
	font-size:.875em;
}
.points-box .item .num.positive{
	color:#eb1d21;	
}
.points-count{
	padding:10px;	
}
.points-count .ui-cols:first-child{
	padding-bottom:10px;
}
.points-count .cols{
	width:50%;	
	display:inline-block;
	float:left;
}
.points-count label{
	color:#333;	
}
.address-list li{
	border-bottom:#ddd 1px solid;
	background:#fff;	
}
.address-list li:nth-of-type(2n-1){
	border-top:#ddd 1px solid;
}
.address-box{
	padding:10px;	
}
.address-box dl{
	color:#333;
	margin-bottom:10px;	
}
.address-box dl dt{
	float:left;
	width:40%;	
}
.address-box dl dd{
	float:left;
	width:60%;	
}
.address-action{
	padding:10px;
	margin-bottom:15px;
}
.address-action .cols{
	width:33.3333333333333333333%;	
	display:inline-block;
	float:left;
}
.address-action .cols:nth-of-type(2){
	text-align:center;
}
.address-action .cols:nth-of-type(3){
	text-align:right;
}
.address-action .label-checkbox{
	color:#333;	
}
.address-action .ui-ico-sfi:before{
	height:25px;
	width:25px;
	background-size:520px auto;
}
.address-action .label-checkbox:before{
	background-position:-344px -43px;
}
.address-action .label-checkbox.selected:before{
	background-position:-313px -43px;
}
.address-action .label-edite:before{	
	background-position:-155px -78px;	
}
.address-action .label-del:before{
	background-position:-192px -79px;
}
.ui-address-form .fm-list .fm-item{
	padding-left:115px;	
}
.ui-address-form .fm-list .fm-item label{
	width:100px;	
}
.ticket-list{
	padding:0 10px;	
}
.ticket-list .item{	
	margin-top:10px;	
	position:relative;	
	z-index:0;
}
.ticket-list .item .flip{
	display:inline-block;
	background:url(img/ico_flip.png) no-repeat;
	color:#fff;
	text-align:center;
	width:30px;
	height:62px;
	position:absolute;
	top:30%;
	right:0;
	line-height:62px;
	font-size:1.5em;
	text-indent:-999em;
	overflow:hidden;
}
.ticket-list .item.sfbest-ticket .flip{
	background-position:0 -62px;
}
.ticket-list .item .card{
	border:#ddd 1px solid;
	border-radius:5px;
	-webkit-border-radius:5px;
	background-color:#fff;
	box-shadow:#ddd 1px 1px 1px;
	-webkit-transition: -webkit-transform .5s;
   -moz-transition: -moz-transform .5s;
	-ms-transition: -moz-transform .5s;
	 -o-transition: -moz-transform .5s;
		transition: -moz-transform .5s;
-webkit-transform-style: preserve-3d;
   -moz-transform-style: preserve-3d;			
	-ms-transform-style: preserve-3d;			
	 -o-transform-style: preserve-3d;			
		  transform-style: preserve-3d;	
		  padding:10px;
}
.ticket-list .item .card.front{	
	visibility:visible;	
}
.ticket-list .item .card.back{
	visibility:hidden;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	transform:rotateY(-180deg);
	-webkit-transform:rotateY(-180deg);
}
.ticket-front{
	display:table;	
}
.ticket-front .img,.ticket-front .brief{
	display:table-cell;
	vertical-align:top;	
}
.ticket-front .img{
	width:45%;
	padding-right:10px;
}
.ticket-front .img .box{
	display:block;
	position:relative;	
}
.ticket-front .brief{
	width:55%;
	border-left:#ddd 1px solid;
}
.ticket-front .img .valid-date{
	display:inline-block;
	width:90%;
	margin:0 5%;
	color:#fff;
	background:#77468a;
	padding:.3em 0;
	text-align:center;
	position:absolute;
	left:0;
	bottom:6%;
	font-size:.875em;
}
.sfbest-ticket .ticket-front .img .valid-date{
	background-color:#629624;
}
.ticket-front .img img{
	width:100%;	
}
.ticket-front .brief ul{
	padding:0 10px 0 15px;
}
.ticket-front .brief ul li{
	padding:.18em 0;	
}
.ticket-front .brief label{
	white-space:nowrap;	
}
.ticket-front .brief .con{
	color:#333;
	word-break:break-all;
}
.ticket-back{
	text-align:center;
	height:100%;	
}
.ticket-back img{
	max-height:70%;
	max-width:100%;
}
.ticket-back p{
	padding:.1em 0 0 0;
}
.ticket-list.disabled .ticket-front .valid-date{
	background-color:#808080;
}
.nodata{
	text-align:center;
	padding:50px 0;
	color:#999;	
}
.member-index{
	padding:10px;
	border-bottom:#ddd 1px solid;
}
.member-index .cols{
	display:inline-block;
	width:33.333333333%;
	float:left;
}
.member-index .box{
	display:block;
	text-align:center;
	color:#333;	
	padding:5px 0;
	border-left:#ddd 1px solid;
}
.member-index .box .num{
	display:block;
	color:#ed2210;
	font-size:1.25em;
	font-weight:bold;	
}
.member-index .cols:first-child .box{
	border-left:none;	
}

@media screen and (min-width:600px) {
body, #wrapper, .region-list li {
	font-size:16px;
}
.grid-nav .ui-navbar a {
	padding:1.2em 0;
}
.grid-nav .ui-navbar .ui-ico {
	 height:50px;
	 width:50px;
	 background-size:870px auto;
	 margin-bottom:.5em;
}
.grid-nav .ui-navbar .ui-ico-ship {
	background-position:-360px 0;
}
.grid-nav .ui-navbar .ui-ico-orderq {
	background-position:-420px 0;
}
.grid-nav .ui-navbar .ui-ico-freightq {
	background-position:-480px 0;
}
.grid-nav .ui-navbar .ui-ico-ageingq {
	background-position:-540px 0;
}
.grid-nav .ui-navbar .ui-ico-servicepoint {
	background-position:-600px 0;
}
.grid-nav .ui-navbar .ui-ico-servicescope {
	background-position:-660px 0;
}
footer .returntop {
	height:58%;
}
.ticket-front .img .valid-date{
	padding:.3em 0;	
}
}
@media screen and (min-width: 400px) and (max-width: 600px) {
header h1, header.inner-header h1 {
	 padding:5px 10px;
	 margin:0;
}
header h1 img, .header .logo-s {
	top:5px;
}
header h1 img, header .logo-s img {
	height:35px;
}
header .btn-topl {
	top:10px;
}
header .btn-topr {
	top:10px;
}
header .link-user {
	margin-right:15px;
}
.grid-nav .ui-navbar a {
	padding:.8em 0;
}
.grid-nav .ui-navbar .ui-ico {
	 height:40px;
	 width:40px;
	 background-size:696px auto;
	 margin-bottom:.5em;
	 background-image:url(img/ico_css_main.png);
}
.grid-nav .ui-navbar .ui-ico-ship {
 	background-position:-288px 0;
}
.grid-nav .ui-navbar .ui-ico-orderq {
 	background-position:-336px 0;
}
.grid-nav .ui-navbar .ui-ico-freightq {
 	background-position:-384px 0;
}
.grid-nav .ui-navbar .ui-ico-ageingq {
 	background-position:-432px 0;
}
.grid-nav .ui-navbar .ui-ico-servicepoint {
 	background-position:-480px 0;
}
.grid-nav .ui-navbar .ui-ico-servicescope {
 	background-position:-528px 0;
}
footer .returntop {
 	height:59.5%;
}
.ticket-front .img .valid-date{
	padding:.3em 0;	
}
}
@media screen and (min-width: 530px) and (max-width: 600px) {
.grid-nav .ui-navbar a {
 padding:1.2em 0;
}
}
@media screen and (min-width: 470px) and (max-width: 530px) {
.grid-nav .ui-navbar a {
 padding:.6em 0;
}
}
@media screen and (min-width: 400px) and (max-width: 470px) {
.grid-nav .ui-navbar a {
 padding:.4em 0;
}
.grid-nav .ui-navbar .ui-ico {
 height:35px;
 width:35px;
 background-size:609px auto;
 margin-bottom:.5em;
 background-image:url(img/ico_css_main.png);
}
.grid-nav .ui-navbar .ui-ico-ship {
 background-position:-252px 0;
}
.grid-nav .ui-navbar .ui-ico-orderq {
 background-position:-294px 0;
}
.grid-nav .ui-navbar .ui-ico-freightq {
 background-position:-336px 0;
}
.grid-nav .ui-navbar .ui-ico-ageingq {
 background-position:-378px 0;
}
.grid-nav .ui-navbar .ui-ico-servicepoint {
 background-position:-420px 0;
}
.grid-nav .ui-navbar .ui-ico-servicescope {
 background-position:-462px 0;
}
}
@media screen and (max-width:400px) {
body, #wrapper, .region-list li {
 font-size:14px;
}
header h1, header.inner-header h1 {
 padding:5px 10px;
 margin:0;
}
header h1 img, .header .logo-s {
 top:5px;
}
header h1 img, header .logo-s img {
 height:35px;
}
header .btn-topl {
 top:10px;
}
header .btn-topr {
 top:10px;
}
header .link-user, header .link-home {
 margin-right:10px;
}
.slideBox .hd li{
	width:8px;
	height:8px;
	border-radius:4px;
	-webkit-border-radius:4px;
}
.fm-list .fm-item, .fm-list .fm-item.fm-checkcode {
 padding:5px 5px 5px 85px;
}
.fm-list .fm-item label {
 width:75px;
 padding:.5em 0;
}
.fm-list .fm-item-more {
 padding:0 0 0 50px;
}
.fm-list .fm-item-more label {
 width:40px;
}
.fm-list .fm-item-more .label-box {
 padding:5px 20px 5px 20px;
}
.fm-list .fm-item-more .label-box label {
 width:auto;
}
.btn-unsatisfation {
 padding-left:20px;
}
.sf-standard:before, .sf-preference:before, .sf-others:before, .sf-express-day:before {
 height:25px;
 width:25px;
 background-size:415px auto;
}
.sf-standard:before {
 background-position:0 -60px;
}
.sf-preference:before {
 background-position:-60px -60px;
}
.sf-others:before {
 background-position:-90px -60px;
}
.sf-express-day:before {
 background-position:-30px -60px;
}
.sf-others {
 padding-left:30px;
}
.sf-cost-r:after {
 font-size:24px;
}
footer .returntop {
 height:60%;
}
.map-store-pop .store-box {
 padding-left:60px;
}
.map-store-pop .store-box .store-ico {
 width:40px;
}
.grid-tips{
	padding-left:35px;
}
.grid-tips:before{
	font-size:26px;	
}
.address-action .ui-ico-sfi:before{
	height:20px;
	width:20px;
	background-size:400px auto;
}
.address-action .label-checkbox:before{
	background-position:-265px -33px;
}
.address-action .label-checkbox.selected:before{
	background-position:-240px -33px;
}
.address-action .label-edite:before{	
	background-position:-117px -60px;	
}
.address-action .label-del:before{
	background-position:-145px -60px;
}
}
@media screen and (min-width: 350px) and (max-width: 400px) {
.grid-nav .ui-navbar a {
 padding:.5em 0;
}
.ticket-list .item .flip{
	background-size:25px auto;
	width:25px;
	height:51px;
}
.ticket-list .item.sfbest-ticket .flip{
	background-position:0 -52px;
}
}
@media screen and (max-width:360px) {
footer .footlink a {
 margin:0 10px;
}
footer .service-tel .tel{
	font-size:1em;
	margin-left:0em;	
}
.ticket-list .item .flip{
	background-size:20px auto;
	width:20px;
	height:41px;
}
.ticket-list .item.sfbest-ticket .flip{
	background-position:0 -42px;
}
.ticket-front .img .valid-date{
	font-size:.65em;
	padding:.2em 0;
}
.ui-navbar a {
 padding:.5em 0;
 font-size:.875em;
}
.grid-nav .ui-navbar a {
 padding:1em 0;
}
.ui-navbar .ui-ico {
 height:22px;
 width:22px;
 background-size:383px auto;
 margin-bottom:.3em;
 background-image:url(img/ico_css_main.png);
}
.ui-navbar .ui-ico-ship {
 background-position:-158px 0;
}
.ui-navbar .ui-ico-orderq {
 background-position:-185px 0;
}
.ui-navbar .ui-ico-freightq {
 background-position:-212px 0;
}
.ui-navbar .ui-ico-ageingq {
 background-position:-238px 0;
}
.ui-navbar .ui-ico-servicepoint {
 background-position:-264px 0;
}
.ui-navbar .ui-ico-servicescope {
 background-position:-290px 0;
}
}
@media screen and (max-width:340px) {
.grid-nav .ui-navbar a {
 padding:.8em 0;
}
}
@media screen and (max-width:320px) {
.grid-nav .ui-navbar a {
 padding:.5em 0;
}
}



.sf-ticket .num{
	position:absolute;
	top:17%; 
	left:23%;
	color:#fff; 
	font-weight:; 
	font-size:1.7em; 
	line-height:1em;
}
.fullWidth {
    width: 100%;
}