@charset "utf-8";
html{-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;font-family: sans-serif;}
body,html, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, table, figure { padding: 0; margin: 0; }
a:active,a:hover,button{outline: 0;}
body { line-height:1.5;  font-family:taile,Arial, Helvetica, 'Microsoft YaHei', SimSun, Sans-serif; font-size:14px; color: #333; }
body.clear{ overflow:hidden;}
ol, ul, dl, li,menu{ list-style: none; }
hr {-moz-box-sizing: content-box;box-sizing: content-box;height: 0;}
button,input,optgroup,select,textarea {color: inherit;font: inherit;margin: 0;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
input:focus, button:focus, select:focus, textarea:focus, a:active { outline: 0; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
input[type="text"] { -webkit-appearance: textfield; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
input, textarea, label, button ,.toolMask .toolTop , .slideList li { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 0.875em; }
input[type="text"],textarea{ color:#999; text-align:left; }
textarea{ oveflow:auto; }
input[type="text"].focusOn,textarea.focusOn{ color:#333;}
img { max-width: 100%; border: 0px;-ms-interpolation-mode: bicubic; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
h1, h2, h3, h4, h5, h6{font-weight: normal;font-size: inherit;}
b{text-align:left;}
p { color: #666666; text-align:left;}
i,em,m{font-style: normal;}
table { border-collapse: collapse; border-spacing: 0; width: 100%;}
table td, table th { text-align: center; padding: 3px; border: 1px solid #ccc; word-wrap:break-word;}
table th { background: #ddd; font-weight: bold; }
a { color: #333; text-decoration: none; }
img,div:before,div:after,a,a:before,a:after,li,p,b{ transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s;}

a:hover { color: #016fbc; }
a:hover { text-decoration: none; }
.clearfix { *zoom:1;}
.clearfix:before, .clearfix:after { content: ""; display: table; clear:both; visibility:hidden; height:0;}
.justify { text-align:justify; text-justify:inter-ideograph; letter-spacing:0px; font-size:0px;  }
.justify:after { content:''; height:0px; width:100%; display:inline-block; overflow:hidden;line-height:0; }
.justify .line { display:inline-block; height:0px; overflow:hidden; }
.justify .box { display:inline-block; vertical-align:top;  text-align:left; font-size:14px;}
.justify.box{ text-align:justify; }
.pageNum { margin-top: 1%; display:block; text-align: right;}
.pageNum a, .pageNum span { font-size: 12px; line-height: 16px; padding: 5px 10px; display: inline-block; margin-right: 6px; margin-bottom: 7px; border: 1px solid #d7d7d5; color: #333;}
#list .pageNum a:hover,.pageNum .cur { color:red; background: #ccc; }
.center { width:940px; margin:0 auto; max-width:100%; position:relative; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box;}
@font-face {
font-family: "icomoon";
src: url("../font/icomoon.eot");
src: url("../font/icomoon.eot?#iefix") format("embedded-opentype"), url("../font/icomoon.woff") format("woff"), url("../font/icomoon.ttf") format("truetype"), url("../font/icomoon.svg#$font") format("svg");
font-variant: normal;
text-transform: none;
font-style: normal;
}
 
@font-face {
font-family: "taile";
src: url("../font/taile.eot");
src:local("Microsoft Tai Le"), url("../font/taile.eot?#iefix") format("embedded-opentype"), url("../font/taile.woff") format("woff"), url("../font/taile.ttf") format("truetype"), url("../font/taile.svg#$font") format("svg");
font-variant: normal;
text-transform: none;
font-style: normal;
}
 
body{ 
background: #d9dee2 url(../img/map.jpg) no-repeat fixed;
background-size: cover;
}

#container{ overflow: hidden; padding-top:5.3%; width: 1200px; margin:0 auto; position: relative;}
#content{ text-align: center; width: 385px; position:relative;  margin-left: auto; margin-right: auto;  border-radius: 5px; padding:26px; padding-bottom: 40px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; box-shadow: 5px 6px 8px rgba(0,0,0,0.4);background-color: #fff;
background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
background-image: -webkit-linear-gradient(top, #fff, #eee);
background-image: -moz-linear-gradient(top, #fff, #eee);
background-image: -ms-linear-gradient(top, #fff, #eee);
background-image: -o-linear-gradient(top, #fff, #eee);
background-image: linear-gradient(top, #fff, #eee);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fff', EndColorStr='#eee');
}

#content .logo{ width: 70%; display: block; text-align: center; margin:0 auto; padding-top:20px;}
#content .title{ display: block; text-align: center; color: #333; font-size:26px; line-height: 1; margin-top:40px;}
#content .hint{ display: block; text-align: left; color:#333; margin-top:30px; margin-bottom: 6px;}
#content form{ position: relative; width: 100%;}
#content form:after{content:"";display:block;height:0;overflow:hidden;clear:both;}
#content .name{ background: #fff url(../img/user.png) no-repeat left; width: 100%; outline: none; border: 1px solid #cccccc; padding: 12px 10px 10px 50px; border-radius: 5px; margin-bottom: 20px; box-shadow:inset 2px 2px 4px #f1f1f1; font-size: 13px;  transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s;}
#content .password{ background:#fff url(../img/password.png) no-repeat left; width: 100%; outline: none; border: 1px solid #cccccc; padding: 12px 10px 10px 50px; border-radius: 5px; margin-bottom: 20px; box-shadow:inset 2px 2px 4px #f1f1f1; font-size: 13px;  transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s;}
#content label{float:left;}
#content label input[name=code]{ width: 80px;height:40px; outline: none; border: 1px solid #cccccc; padding:12px; border-radius: 5px;box-shadow:inset 2px 2px 4px #f1f1f1; font-size: 12px;  transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; vertical-align: middle;margin-right:10px;}
#content label img{ vertical-align:middle;  position: relative;cursor: pointer;display:inline-block;}
#content .submit{ outline: none; border: 1px solid #C5BFBF; font-size: 13px;height:40px; padding: 5px 25px; text-align: center; vertical-align:middle;border-radius: 3px; color: #000;  transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s;box-shadow: 2px 2px 4px rgba(0,0,0,0.4);  background: #eee; vertical-align: top; float: right;}
#add{ position:absolute; right: 0; top: 0; text-align: right;}
#add div{ display: inline-block; margin:0 5px;}
#add a{ color: #000; font-size: 16px; background: #F3F3F3; padding:3px 15px; border: 2px solid #ddd;cursor:pointer;}
#add .addinfo{ background: #fff; width: 400px; padding:20px; position: absolute; top: 100%; right: 0; z-index: 99; border: 2px solid #ddd; display: none;  text-align: left; text-align: right;  box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box;}
 
#add .addinfo label{ width: 21%; text-align: left; display: inline-block; font-size:16px; vertical-align: middle;}
#add .addinfo input[type=text],#add .addinfo input[type=password]{ height: 28px; width: 75%; border: 1px solid #ddd; margin-bottom: 5px; vertical-align: middle; color: #333; padding-left: 5px; position: relative;}
#add .addinfo span{ position: absolute; margin-left:5px; vertical-align: middle; width: 5px; height: 15px; color: red; font-size: 14px;}
#add .addinfo .submit{ width: 80px; margin-top: 10px; font-size: 14px; padding:2px 4px; letter-spacing: 1.5px;}
#content input[type=text]:focus{ border-color:#86b2d5; box-shadow: 0px 0px 8px rgba(129,186,231,1); }
#content .submit:hover{ background: #fff; color:#C30028; }
#content .reset:hover{ background: #fff; color:#C30028; }
#copyright{ margin:0 auto; width: 385px; margin-top:25px; }
#copyright p{ text-align: center; font-size: 14px;}
#company{  margin-bottom: 30px; padding-top: 20px;  text-align: center; position: relative;}
#company .title{ text-align: center; font-size: 30px; color: #C30028; line-height: 1; letter-spacing: 1.6px; font-weight:normal;}
#company .title i{ font-size: 18px; color: #333; display: inline-block; margin:0 10px;}
#info{ margin-bottom: 20px; }
#info .box{ width: 30%; text-align: center; font-size: 15px; vertical-align: bottom;}



#list{ margin-bottom: 8%;}

#list a{ margin: 0 5px; cursor:pointer;}
#list .username {cursor:pointer;}
#list .username:hover{background-color: #4BB7FC;}
#list a.look,#list a.delete,#list a.update{letter-spacing: 2px; color: #016fbc;}
#list a:hover{ color:#C30028;}
#list tbody{ background: #f5f5f5;}
#list tr:hover{ background: #eee;}
#list span.for,#list span.to{ position: relative;}
#list span.for:after{  font-family:'icomoon'; content: '↑';  font-size: 18px; color: #333; display: inline-block; width: 20px; height:100%; vertical-align: middle; text-align: center; line-height: 1; cursor: pointer; margin-left: 10px;}
#list span.to:after{ font-family: 'icomoon'; content: '↓'; font-size: 18px; color: #333; display: inline-block; width: 20px; height:100%; vertical-align: middle; text-align: center; line-height: 1; cursor: pointer;}

.saveurl{ height: 30px;}
.saveurl .url{ width: 100%; position:relative; height: 30px; overflow: hidden; line-height: 31px; overflow: hidden; display:inline-block; vertical-align: top;  text-align: left; z-index:9;} 
.saveurl .lookurl{ position: absolute;z-index:10; right: 8px; top: 10px; cursor:pointer; width: 20px; height: 20px; line-height: 20px; display:block; background: #666; text-align: center;}
.saveurl .lookurl:after { content: '\e659'; font-size:11px; color: #fff;  font-family: icomoon; }
.saveurl .lookurl.selected:after { content: '\e65a'; }
.saveurl .lookurl.selected{z-index:12;}
.saveurl .url.selected{ height:auto; background:#d9dee2 url(../img/map.jpg) no-repeat; z-index:11;}

#addUserBtn{ text-align: right; margin: 20px 0;}
#addUserBtn a{ padding:7px 30px; border: 1px solid #ddd; color: red; letter-spacing: 2px; text-align:center; border-radius: 3px; box-shadow: inset -2px -2px 8px rgba(0,0,0,0.3); -webkit-box-shadow: inset -2px -2px 8px rgba(0,0,0,0.3); -moz-box-shadow: inset -2px -2px 8px rgba(0,0,0,0.3); -ms-box-shadow: inset -2px -2px 8px rgba(0,0,0,0.3); -o-box-shadow: inset -2px -2px 8px rgba(0,0,0,0.3);}
#addUserBtn a:hover{ box-shadow: inset -2px -2px 8px rgba(0,0,0,0.5); -webkit-box-shadow: inset -2px -2px 8px rgba(0,0,0,0.5); -moz-box-shadow: inset -2px -2px 8px rgba(0,0,0,0.5); -ms-box-shadow: inset -2px -2px 8px rgba(0,0,0,0.5); -o-box-shadow: inset -2px -2px 8px rgba(0,0,0,0.5);}

#addShow{ display: none; width: 100%; height: 100%;z-index:20; background: rgba(0,0,0,0.7); position: fixed; left: 0; top: 0; overflow-x:scroll;}

#addShow select,#showWrap select{ color: #666; padding:3px; margin-left: 5px; border:2px solid #C7C2C2; background:#eee; width: 65%; border-radius: 5px;}
#addShow .show li.block,#showWrap .show li.block{ width: 100%; text-align:center; font-size:16px; padding-bottom: 5px; margin-top: 20px; font-weight: bold;}

#addShow .show{margin-left: auto; margin-right: auto; width: 52%; color: #000; position:absolute; left: 0; right: 0; top: 20%;  background: #fff; padding:30px; border-radius:10px; position: relative; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
#addShow .close{ position:absolute; right:-10px; top:-10px; width:25px; height:25px; line-height:25px; text-align:center; background:#000; color:#fff; border-radius:50%; display:block; font-size:18px; cursor:pointer; border:2px solid #eee;}
#addShow .show .title{ font-size: 20px; font-weight: bold; color: #000; padding:8px 0; display: block; text-align: center; }
#addShow .show > p{ background: #efefef; display: block; padding:15px; color: #333; margin-bottom: 20px; border-radius: 10px; border:2px solid #999;}
#addShow .show ul{ display: block; background:#eee; padding: 10px 15px; border-radius: 10px; border: 2px solid #999;}
#addShow .show li{ width: 48%; display: inline-block; vertical-align: middle; line-height: 1; padding: 15px 0; padding-right: 1%;}
#addShow .show li.Thirty{ width: 30%; position: relative;}
#addShow .show li b{ font-size: 16px; font-weight: bold; color: #333; display:inline-block; margin-right: 2px;}
#addShow .show li p{color: #333; font-size: 16px; display: inline-block;}
#addShow .show li a{color:#016FBC;}
#addShow .show .email , #addShow .show .name , #addShow .show .password { color: #666; padding:6px; margin-left: 10px; border:2px solid #C7C2C2; background:#eee; width: 65%; border-radius: 5px;}
#addShow .show .domain{ color: #666; padding:6px; margin-left: 10px; border:2px solid #C7C2C2; background:#eee; width:95%; border-radius: 5px;}
#addShow .show .submit{ padding:8px 30px; font-size: 12px; letter-spacing: 2px; border-radius: 5px; outline: none; border-shadow:2px 2px 2px rgba(0,0,0,0.4); }
#addShow input[type=text]:focus,#addShow input[type=password]:focus{ border-color:#999; background: #fff; box-shadow:0px 0px 5px rgba(0,0,0,0.4); }

#showWrap{ display: none; width: 100%; height: 100%; background: rgba(0,0,0,0.7);z-index:20; position: fixed; left: 0; top: 0; overflow-x:scroll;}
#showWrap .show{margin-left: auto; margin-right: auto; width: 52%; color: #000; position:absolute; left: 0; right: 0; top: 20%;  background: #fff; padding:30px; border-radius:10px; position: relative; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
#showWrap .close{ position:absolute; right:-10px; top:-10px; width:25px; height:25px; line-height:25px; text-align:center; background:#000; color:#fff; border-radius:50%; display:block; font-size:18px; cursor:pointer; border:2px solid #eee;}
#showWrap .show .title{ font-size: 18px; font-weight: bold; color: #333; padding:8px 0; display: block; text-align: center; }
#showWrap .show > p{ background: #efefef; display: block; padding:15px; color: #333; margin-bottom: 20px; border-radius: 10px; border:2px solid #999;}
#showWrap .show ul{ display: block; background:#eee; padding: 10px 15px; border-radius: 10px; border: 2px solid #999;}
#showWrap .show li{ width: 48%; display: inline-block; vertical-align: middle; line-height: 1; padding: 15px 0; padding-right: 1%; position: relative;}
#showWrap .show li b{ font-size: 16px; font-weight: bold; color: #333; display:inline-block; margin-right: 2px;}
#showWrap .show li p{color: #333; font-size: 16px; display: inline-block;}
#showWrap .show li a{color:#016FBC;}

#showWrap .show .email,#showWrap .show .name,#showWrap .show .password{ color: #666; padding:6px; margin-left: 10px; border:2px solid #C7C2C2; background:#eee; width: 65%;border-radius: 5px;}
#showWrap .show .domain{ color: #666; padding:6px; margin-left: 10px; border:2px solid #C7C2C2; background:#eee; width:95%;border-radius: 5px; position: relative;}
span.add_domain{ position:absolute; width: 20px; height: 20px; background: #000; color: #fff; text-align: center; border-radius: 50%; line-height: 20px; right: 1px; top:4px; cursor: pointer; font-size: 14px;}
span.close_domain{ position:absolute; width: 20px; height: 20px; background: #000; color: #fff; text-align: center; border-radius: 50%; line-height: 20px; right: 1px; top: 4px; cursor: pointer; font-size: 14px;}
#showWrap .show li.right{ text-align: right;}
#showWrap .show li.Thirty{ width: 30%; position: relative;}

#showWrap .show .submit{ padding:8px 30px; font-size: 12px; letter-spacing: 2px; border-radius: 5px; outline: none; border-shadow:2px 2px 2px rgba(0,0,0,0.4); }
#report{ border: 1px solid #ccc; margin-bottom: 50px;}
#report .title{ text-align: center; letter-spacing: 1.2px; font-size: 20px; color: #333; background: #ddd; border-bottom: 1px solid #ccc; padding: 5px 0; }
#report .info{ padding: 5px; background: #f5f5f5; font-size: 14px; color: #333;}
#Ftitle{ text-align: center; font-size:26px; letter-spacing: 1.4px; font-weight: bold; padding: 10px 0; }
#tohome{ text-align: right; margin-bottom: 2%;}
#tohome a{ display: inline-block; vertical-align: top; font-size: 15px; color:#333; padding:4px 10px 2px; letter-spacing: 1px; border:2px solid #888; box-shadow:-3px 3px 6px rgba(0,0,0,0.4); border-radius: 3px;}
#tohome a:hover{ color: #C3005E;}
#language{ margin-bottom: 2%;}
#language p{ display: inline-block; font-size: 20px; color: #333; font-weight: bold;}
#language a{ display: inline-block; padding: 2px 14px 1px; font-size: 15px; margin: 0 6px; border: 1px solid #ccc; border-radius: 5px; color: #726D72; margin-bottom: 10px;}
#language a:hover{ color: red; border-color: #999;}
#Ftitle span{ color: #C30028;}
#Fpage{ background: #efefef; border: 1px solid #ccc;}
#Fpage .left{color: #114071; font-size: 18px; padding: 10px 20px;}
#Fpage .right{ padding: 10px 20px;}
#Fpage .right p{ display: inline-block; margin-right: 20px; color: #000; font-size: 16px; vertical-align: middle;}
#Fpage .right select{ display: inline-block; width: 80px; vertical-align: middle;}
#Fdate{ margin-bottom: 80px;}
#Fdate tbody{ background: #f5f5f5;}
#Fdate tr:hover{ background: #eee;}
#Fdate a{ color: #333;}
#Fdate a:hover{ color: #C30028;}

/*FooTable*/
.footable { width: 100%; border-collapse: collapse; border-spacing: 0;}
.footable .viewurl{text-align: left;}

table.footable td, table.footable th { text-align: center; padding: 5px; border: 1px solid #ccc; word-wrap: break-word; word-break: break-word; position: relative; }
@media screen and (max-width: 900px) { table.footable td, table.footable th { text-align: left; } }
table.footable .footable-row-detail-cell { background: #fff; }
table.footable th { background: #ddd; font-weight: bold; }

.footable.breakpoint > tbody > tr.footable-detail-show > td { border-bottom: none; }

.footable.breakpoint > tbody > tr.footable-detail-show > td > span.footable-toggle:before { content: "\e65a"; }

.footable.breakpoint > tbody > tr:hover:not(.footable-row-detail) { cursor: pointer; }

.footable.breakpoint > tbody > tr > td.footable-cell-detail { background: #eee; border-top: none; }

.footable.breakpoint > tbody > tr > td > span.footable-toggle { display: inline-block; font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; padding-right: 5px; font-size: 14px; color: #999; }

.footable.breakpoint > tbody > tr > td > span.footable-toggle:before { content: "\e659"; }

.footable.breakpoint.toggle-circle > tbody > tr.footable-detail-show > td > span.footable-toggle:before { content: "\e65e"; }

.footable.breakpoint.toggle-circle > tbody > tr > td > span.footable-toggle:before { content: "\e65d"; }

.footable.breakpoint.toggle-circle-filled > tbody > tr.footable-detail-show > td > span.footable-toggle:before { content: "\e65c"; }

.footable.breakpoint.toggle-circle-filled > tbody > tr > td > span.footable-toggle:before { content: "\e65b"; }

.footable.breakpoint.toggle-square > tbody > tr.footable-detail-show > td > span.footable-toggle:before { content: "\e660"; }

.footable.breakpoint.toggle-square > tbody > tr > td > span.footable-toggle:before { content: "\e65f"; }

.footable.breakpoint.toggle-square-filled > tbody > tr.footable-detail-show > td > span.footable-toggle:before { content: "\e61a"; }

.footable.breakpoint.toggle-square-filled > tbody > tr > td > span.footable-toggle:before { content: "\e61b"; }

.footable.breakpoint.toggle-arrow > tbody > tr.footable-detail-show > td > span.footable-toggle:before { content: "\e00f"; }

.footable.breakpoint.toggle-arrow > tbody > tr > td > span.footable-toggle:before { content: "\e666"; }

.footable.breakpoint.toggle-arrow-small > tbody > tr.footable-detail-show > td > span.footable-toggle:before { content: "\e636"; }

.footable.breakpoint.toggle-arrow-small > tbody > tr > td > span.footable-toggle:before { content: "\e635"; }

.footable.breakpoint.toggle-arrow-circle > tbody > tr.footable-detail-show > td > span.footable-toggle:before { content: "\e66e"; }

.footable.breakpoint.toggle-arrow-circle > tbody > tr > td > span.footable-toggle:before { content: "\e670"; }

.footable.breakpoint.toggle-arrow-circle-filled > tbody > tr.footable-detail-show > td > span.footable-toggle:before { content: "\e662"; }

.footable.breakpoint.toggle-arrow-circle-filled > tbody > tr > td > span.footable-toggle:before { content: "\e664"; }

.footable.breakpoint.toggle-arrow-tiny > tbody > tr.footable-detail-show > td > span.footable-toggle:before { content: "\e622"; }

.footable.breakpoint.toggle-arrow-tiny > tbody > tr > td > span.footable-toggle:before { content: "\e624"; }

.footable.breakpoint.toggle-arrow-alt > tbody > tr.footable-detail-show > td > span.footable-toggle:before { content: "\e66a"; }

.footable.breakpoint.toggle-arrow-alt > tbody > tr > td > span.footable-toggle:before { content: "\e66c"; }

.footable.breakpoint.toggle-medium > tbody > tr > td > span.footable-toggle { font-size: 18px; }

.footable.breakpoint.toggle-large > tbody > tr > td > span.footable-toggle { font-size: 24px; }

.footable > thead > tr > th { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: -moz-none; -ms-user-select: none; user-select: none; }

.footable > thead > tr > th.footable-sortable:hover { cursor: pointer; }

.footable > thead > tr > th.footable-sorted > span.footable-sort-indicator:before { content: "\e636"; }

.footable > thead > tr > th.footable-sorted-desc > span.footable-sort-indicator:before { content: "\e656"; }

.footable > thead > tr > th > span.footable-sort-indicator { display: inline-block; font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; padding-left: 5px; }

.footable > thead > tr > th > span.footable-sort-indicator:before { content: "\e671"; }

.footable > tfoot .pagination { margin: 0; }

.footable.no-paging .hide-if-no-paging { display: none; }

.footable-row-detail-inner { display: table; }

.footable-row-detail-row { display: table-row; line-height: 1.5em; }

.footable-row-detail-group { display: block; line-height: 2em; font-size: 1.2em; font-weight: bold; }

.footable-row-detail-name { display: table-cell; font-weight: bold; padding-right: 0.5em; }

.footable-row-detail-value { display: table-cell; }

.footable-odd { background-color: #f7f7f7; }

#clock li{ 
  position: relative; 
  text-align: center; 
  list-style-type: none; 
  display: inline-block; 
  padding:5px 10px 3px;
  font-weight: bold;
  text-shadow:0 2px 1px #f4f4f4;  
  border:1px solid #9fa2ad; 
  border-radius: 5px; 
  margin-right:5px;
  background: -webkit-gradient(linear,0 0, 0 100%,
    color-stop(.2,rgba(248,248,248,.3)),
    color-stop(.5,rgba(168,173,190,.5)),
    color-stop(.51,rgba(168,173,190,.3)),
    color-stop(.9,rgba(248,248,248,.2))); 
  background: -webkit-linear-gradient(top,rgba(248,248,248,.3) 20%,rgba(168,173,190,.5) 50%,	rgba(168,173,190,.3) 51%,rgba(248,248,248,.2) 90%); 	
  background: -moz-linear-gradient(top,	rgba(248,248,248,.3) 20%,rgba(168,173,190,.5) 50%,	rgba(168,173,190,.3) 51%,rgba(248,248,248,.2) 90%); 	
  background: -o-linear-gradient(top,rgba(248,248,248,.3) 20%,rgba(168,173,190,.5) 50%,	rgba(168,173,190,.3) 51%,rgba(248,248,248,.2) 90%); 	
  background: -ms-linear-gradient(top,	rgba(248,248,248,.3) 20%,rgba(168,173,190,.5) 50%,rgba(168,173,190,.3) 51%,rgba(248,248,248,.2) 90%); 	
  background: linear-gradient(top,rgba(248,248,248,.3) 20%,rgba(168,173,190,.5) 50%,rgba(168,173,190,.3) 51%,rgba(248,248,248,.2) 90%); 	
  box-shadow:inset 0 -2px 0 #f1f1f1,0 1px 0 #f1f1f1,0 2px 0 #9fa2ad,0 3px 0 #f1f1f1,0 4px 0 #9fa2ad;
}
 
#clock li:first-child{ margin-right: 15px;}

#clock li:before{
  top:50%; 
  height: 1px; 
  box-shadow: 0 1px 0 #868995,0 2px 1px #fff;
}
#clock li:after{ 
  bottom: -65px;  
  height: 60px; 
  border-radius:0 0 5px 5px; 
  background: -webkit-gradient(linear,0 0,0 100%,from(rgba(0,0,0,.1)),to(rgba(0,0,0,0))); 
  background: -webkit-linear-gradient(top,rgba(0,0,0,.1),rgba(0,0,0,0)); 
  background: -moz-linear-gradient(top,rgba(0,0,0,.1),rgba(0,0,0,0)); 
  background: -o-linear-gradient(top,rgba(0,0,0,.1),rgba(0,0,0,0)); 
  background: -ms-linear-gradient(top,rgba(0,0,0,.1),rgba(0,0,0,0)); 
  background: linear-gradient(top,rgba(0,0,0,.1),rgba(0,0,0,0)); 
  z-index: 1
}

#clock li span{ 
  font-size:14px;
  font-weight: bold;
  color: #333; 
  display: inline-block; 
}
#clock li em{ 
  font-size:16px;
  color: #333; 
  display: inline-block; 
  position: absolute;
  right: -19px;
  top: 3px;
}
 
@media screen and (max-width: 1220px) {
#container{ width: 98.5%;}
}

@media screen and (max-width: 880px) {
#info #clock{width: 100%; display: block; margin:10px 0; text-align: right;}
}

@media screen and (max-width: 850px) {
#showWrap .show{ width: 90%; top: 5%;}
#showWrap .show li{ width: 100%;}
#addShow .show{ width: 90%; top: 5%;}
#addShow .show li{ width: 100%;}
}

@media screen and (max-width: 750px) {
#info .box{ width: 100%; text-align: left; margin-bottom: 10px;}

}


@media screen and (max-width: 550px) {
#showWrap .show li{ padding: 5px 0;}
#add .addinfo{ width: 100%; position: relative; padding-left: 0;}
#add .addinfo label{ width: 24%;}
}

@media screen and (max-width: 450px) {
#content{ width: 98%; padding: 2px;}

}


#sendInquiry  , input , textarea { font-family: Arial, Helvetica, 'Microsoft YaHei', SimSun, Sans-serif; color:#444; font-size:12px; }
#sendInquiry{width:100%; margin:0px auto; color:#444;padding-bottom:15px; overflow-x:hidden; }
#sendInquiry .sendtitl{background:#EDF4FC;width:100%;padding-top:6px; padding-bottom:6px; line-height:20px;text-align:left;font-weight:bold;font-size:13px;text-indent:10px;margin-bottom:10px;}
#sendInquiry ul{padding-top:5px; margin-top:2%; width:90%;margin-left:auto; margin-right:auto; margin-bottom:2%; max-width:650px;}
#sendInquiry ul li{margin-top:10px;}
#sendInquiry ul li input{ height:28px; }
#sendInquiry ul li input , #sendInquiry ul li textarea {border:1px solid #ccc; padding:3px 5px; line-height:20px ; width:100%; max-width:100%;}
#sendInquiry ul li input[name="code"]{width:110px; margin-right:3px;}
#sendInquiry ul li textarea{height:88px; }
#sendInquiry input.btn{color: #fff; font-weight: bold; background:#4f86b8; width:109px;height:34px;line-height:34px;border:0px none; padding:0; cursor:pointer; box-shadow:none; margin-top:5px; margin-bottom:10px; font-size:13px; }
#sendInquiry input.btn:first-child {margin-right:20px;}
#sendInquiry ul li input[name="code"] , #sendInquiry ul li img{ vertical-align:middle;}
#sendInquiry ul li img{ cursor:pointer;}
@media screen and (max-width:300px){
	#sendInquiry input.btn{width:42%; min-width:95px;}
	#sendInquiry input.btn:first-child {margin-right:7%; }
	#sendInquiry ul li input[name="code"]{ width:42%;}
	#sendInquiry ul{ width:94%;}
}