﻿html{width:100%; height:100%;}
body{margin:0; padding:0; font-size:14px; color:#444; line-height:150%; font-family:"Microsoft Yahei"; text-align:left; word-wrap:break-word; background:#FFF;}
A{color:#333; text-decoration:none;}
A:hover{color:#009DF2; text-decoration:underline;}
div{margin:0; padding:0; border:none; float:none;}
img{border:none;}
p{margin:0; padding:0; line-height:22px;}
ul{margin:0; padding:0; list-style-type:none; float:none;}
dl{width:100%; height:auto; margin:0; padding:0;}
.input,.submit,.textarea{width:100%; margin-right:10px; border:none; outline:0; float:none; -webkit-appearance:none; overflow:hidden;}
.search span,.add span{margin-right:2px; line-height:42px; float:left; overflow:hidden}
.input{height:42px; border:1px solid #CCC; line-height:42px; margin:0 auto; padding:0 5px}
.select,.reselect{width:100%; height:38px; margin-right:10px; padding:4px 2px; border:none; outline:0; float:none; line-height:36px; overflow:hidden;}
.reselect{width:auto;}
.submit{height:42px; border:none; font-size:16px; line-height:38px; color:#FFF; font-family:"Microsoft Yahei"; background:#4E59AD; padding:0;}
.table{width:80%; max-width:800px; margin:20px auto; border:none; border-collapse:collapse; overflow:hidden;}
.table tr th{padding-left:5px; height:32px; border:none;}
.table tr td{height:32px; padding:5px 0; border:none; line-height:32px; text-align:left; color:#333;}
.table tr td.left{padding:5px 10px 5px 0; text-align:right; vertical-align:top; color:#404996;}
#header{width:100%; margin:0 auto; padding:20px 0; border:none; overflow:hidden; background:#404996;}
#header .logo{width:50%; max-width:400px; margin:0 auto; border:none; text-align:center; vertical-align:middle; overflow:hidden;}
#header .logo img{max-width:100%; margin:0 auto; border:none; vertical-align:middle; overflow:hidden;}
#container{width:100%; margin:0 auto; padding:0; overflow:hidden;}
#container .area{width:80%; max-width:800px; margin:20px auto; padding:0; line-height:32px; text-align:left; overflow:hidden;}
#container .title{width:80%; max-width:800px; margin:20px auto; padding:0; font-size:18px; text-align:center; color:#404996; overflow:hidden;}
#container .notice{width:80%; max-width:800px; margin:20px auto 30px; padding:0; text-align:center; overflow:hidden;}
#container .inputbox{width:80%; max-width:800px; margin:20px auto; padding:0; border:1px solid #999; overflow:hidden;}
#container .inputbox .input{border:none;}
#container .submitbox{width:80%; max-width:800px; margin:20px auto; padding:0; border:1px solid #4E59AD; background:#4E59AD; overflow:hidden;}
#container .postbox{width:80%; max-width:800px; margin:0px auto; padding:0; border:none; overflow:hidden;}
#container .postbox .time{width:62px; height:38px; margin:0px auto; padding:0; float:left; border:none; font-size:12px; text-align:right; color:#AAA; overflow:hidden;}
#container .postbox .type{width:38px; height:38px; margin:0px auto; padding:0; float:left; border:none; overflow:hidden;}
#container .postbox .back, #container .postbox .end, #container .postbox .consult, #container .postbox .retain{background:url(/skin/image/icon-logistics/end.svg) center top no-repeat; background-size:16px 38px;}
#container .postbox .pass{background:url(/skin/image/icon-logistics/pass.svg) center top no-repeat; background-size:8px 38px;}
#container .postbox .send{background:url(/skin/image/icon-logistics/send.svg) center top no-repeat; background-size:16px 27px;}
#container .postbox .loss, #container .postbox .sign{background:url(/skin/image/icon-logistics/sign.svg) center bottom no-repeat; background-size:16px 27px;}
#container .postbox .time .top{width:100%; height:12px; margin:4px auto 3px; padding:0; float:none; border:none; line-height:12px; overflow:hidden;}
#container .postbox .time .bottom{width:100%; height:12px; margin:3px auto 0; padding:0; float:none; border:none; line-height:12px; overflow:hidden;}
#container .postbox .station{width:calc(100% - 100px); height:38px; margin:0px auto; padding:0; float:right; border:none; font-size:14px; line-height:38px;  text-align:left; color:#333; overflow:hidden;}
#container .postbox P{width:auto; margin-left:25px; overflow:hidden;}
#container .postbox P.time{line-height:32px; color:#404996;}
#container A.new{display:block; width:100%; max-width:798px; margin:0 auto; padding:0; border:none; border:none; line-height:38px; text-align:center; color:#4E59AD; background:#FFF; overflow:hidden;}
#container A.search{color:#DE5347;}
#container A.resubmit{display:block; width:100px; margin:20px auto; padding:0; border:none; border-radius:5px; font-size:16px; line-height:36px; color:#FFF; text-align:center; background:#4E59AD; overflow:hidden;}
#footer{width:80%; max-width:800px; margin:0 auto; padding:0; border-top:1px solid #DDD; float:none; font-size:14px;  line-height:60px; text-align:center; color:#666; overflow:hidden;}
#footer A{color:#666;}
#footer .area{width:100%; height:auto; margin:0 auto; line-height:28px; float:none; text-align:center; overflow:hidden;}
#footer span{margin:0 5px;}
#result{display:none; width:100%; height:48px; bottom:0; right:0; position:fixed; z-index:500; margin:0; padding:0; border:none; line-height:48px; color:#FFF; overflow:hidden;}
#result.red{background:#ea533f;}
#result.green{background:#090;}
#reinfo{width:100%; margin:0 auto; padding:0; float:none; text-align:center;}