/* CSS Document */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{ margin:0px; padding:0px;border: 0; outline: 0; list-style:none;}
body{ background:#FFF; color:#333; font-size:12px; font-family:"microsoft yahei",Arial,"宋体",Tahoma, Helvetica, sans-serif;}
img{border:0; }
h1,h2,h3,h4,h5,h6 {font-size:inherit;font-weight:normal;}
ol,ul{list-style:none;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
i,em{ font-style: normal; font-weight: normal; }
:focus { outline: 0 }
label { max-width: none; font-weight:normal; }
label, .lbl {vertical-align: middle;}
dt {font-weight: 400;}
a img{border:0;}
img{vertical-align:middle;}
table{empty-cells:show;}
a{color:#333;text-decoration:none;-webkit-transition: color 0.3s ease;transition: color 0.3s ease;}
a:hover{color:#00A0B8;text-decoration:none;}
a.disabled { pointer-events: none; cursor: not-allowed; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; opacity: .65; }
address, caption, cite, code, dfn, em, th, var {font-style: normal;font-weight: 400;}
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video { margin: 0; padding: 0; border: 0; }
input[type=text] { -webkit-appearance: none }
table { border-collapse: collapse; border-spacing: 0; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block }
button, input, select, textarea { font-family: inherit; font-size: inherit; outline: 0; margin: 0; padding: 0; }
.green { color: #52A934!important; }
.red { color: #F95710!important; }
.yellow{ color:#FF960D;}
.fc444{ color:#444;}
.fc666{ color:#666;}
.fc999{ color:#999;}

.blue{color:#00A0B8}
a.green { color: #52A934 !important; }
a.red { color: #dd5a43 !important; }
a.green:hover { color: #52A934 !important; text-decoration: underline; }
a.red:hover { color: #dd5a43 !important; text-decoration: underline; }
a.yellow{color:#FF960D !important;text-decoration:none;}
a.yellow:hover{color:#FF960D;text-decoration:underline;}
a.blue{color:#00A0B8;text-decoration:none;}
a.blue:hover{color:#00A0B8;text-decoration:underline;}
a.disabled { pointer-events: none; cursor: not-allowed; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; opacity: .65; }
.tl{ text-align:left !important;}
.tc{ text-align:center !important;}
.tr{ text-align:right !important;}
.none{display:none;}
.fl{float:left;}
.fr{float:right;}
.fn{float:none;}
.block{ display:block;}
.f-bold{ font-weight:700;}
.f-noraml{ font-weight:400;}
.text-uppercase { text-transform: uppercase !important; }
.fw200 { font-weight: 200 !important; }
.fw300 { font-weight: 300 !important; }
.fw400 { font-weight: 400 !important; }
.fw600 { font-weight: 600 !important; }
.fs3 { font-size: 4px !important; }
.fs4 { font-size: 4px !important; }
.fs5 { font-size: 5px !important; }
.fs6 { font-size: 6px !important; }
.fs7 { font-size: 7px !important; }
.fs8 { font-size: 8px !important; }
.fs9 { font-size: 9px !important; }
.fs10 { font-size: 10px !important; }
.fs11 { font-size: 11px !important; }
.fs12 { font-size: 12px !important; }
.fs13 { font-size: 13px !important; }
.fs14 { font-size: 14px !important; }
.fs15 { font-size: 15px !important; }
.fs16 { font-size: 16px !important; }
.fs17 { font-size: 17px !important; }
.fs18 { font-size: 18px !important; }
.fs20 { font-size: 20px !important; }
.fs22 { font-size: 22px !important; }
.fs24 { font-size: 24px !important; }
.fs26 { font-size: 26px !important; }
.fs28 { font-size: 28px !important; }
.fs30 { font-size: 30px !important; }
.fs35 { font-size: 35px !important; }
.fs40 { font-size: 40px !important; }
.fs45 { font-size: 45px !important; }
.fs50 { font-size: 50px !important; }
.fs60 { font-size: 60px !important; }
.fs70 { font-size: 70px !important; }
.fs80 { font-size: 80px !important; }
.fs90 { font-size: 90px !important; }
.fs100 { font-size: 100px !important; }
/*===============================================
  D. Padding Helpers
================================================= */
.pn { padding: 0 !important; }
.p1 { padding: 1px !important; }
.p2 { padding: 2px !important; }
.p3 { padding: 3px !important; }
.p4 { padding: 4px !important; }
.p5 { padding: 5px !important; }
.p6 { padding: 6px !important; }
.p7 { padding: 7px !important; }
.p8 { padding: 8px !important; }
.p10 { padding: 10px !important; }
.p12 { padding: 12px !important; }
.p15 { padding: 15px !important; }
.p20 { padding: 20px !important; }
.p25 { padding: 25px !important; }
.p30 { padding: 30px !important; }
.p35 { padding: 35px !important; }
.p40 { padding: 40px !important; }
.p50 { padding: 50px !important; }
.ptn { padding-top: 0 !important; }
.pt5 { padding-top: 5px !important; }
.pt10 { padding-top: 10px !important; }
.pt15 { padding-top: 15px !important; }
.pt20 { padding-top: 20px !important; }
.pt25 { padding-top: 25px !important; }
.pt30 { padding-top: 30px !important; }
.pt35 { padding-top: 35px !important; }
.pt40 { padding-top: 40px !important; }
.pt50 { padding-top: 50px !important; }
.prn { padding-right: 0 !important; }
.pr5 { padding-right: 5px !important; }
.pr10 { padding-right: 10px !important; }
.pr15 { padding-right: 15px !important; }
.pr20 { padding-right: 20px !important; }
.pr25 { padding-right: 25px !important; }
.pr30 { padding-right: 30px !important; }
.pr35 { padding-right: 35px !important; }
.pr40 { padding-right: 40px !important; }
.pr50 { padding-right: 50px !important; }
.pbn { padding-bottom: 0 !important; }
.pb5 { padding-bottom: 5px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb15 { padding-bottom: 15px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb25 { padding-bottom: 25px !important; }
.pb30 { padding-bottom: 30px !important; }
.pb35 { padding-bottom: 35px !important; }
.pb40 { padding-bottom: 40px !important; }
.pb50 { padding-bottom: 50px !important; }
.pln { padding-left: 0 !important; }
.pl5 { padding-left: 5px !important; }
.pl10 { padding-left: 10px !important; }
.pl15 { padding-left: 15px !important; }
.pl20 { padding-left: 20px !important; }
.pl25 { padding-left: 25px !important; }
.pl30 { padding-left: 30px !important; }
.pl35 { padding-left: 35px !important; }
.pl40 { padding-left: 40px !important; }
.pl50 { padding-left: 50px !important; }
/* Axis Padding (both top/bottom or left/right) */
.pv5 { padding-top: 5px !important; padding-bottom: 5px !important; }
.pv8 { padding-top: 8px !important; padding-bottom: 8px !important; }
.pv10 { padding-top: 10px !important; padding-bottom: 10px !important; }
.pv15 { padding-top: 15px !important; padding-bottom: 15px !important; }
.pv20 { padding-top: 20px !important; padding-bottom: 20px !important; }
.pv25 { padding-top: 25px !important; padding-bottom: 25px !important; }
.pv30 { padding-top: 30px !important; padding-bottom: 30px !important; }
.pv40 { padding-top: 40px !important; padding-bottom: 40px !important; }
.pv50 { padding-top: 50px !important; padding-bottom: 50px !important; }
.pv60 { padding-top: 60px !important; padding-bottom: 60px !important; }
.pv70 { padding-top: 70px !important; padding-bottom: 70px !important; }
.ph5 { padding-left: 5px !important; padding-right: 5px !important; }
.ph8 { padding-left: 8px !important; padding-right: 8px !important; }
.ph10 { padding-left: 10px !important; padding-right: 10px !important; }
.ph15 { padding-left: 15px !important; padding-right: 15px !important; }
.ph20 { padding-left: 20px !important; padding-right: 20px !important; }
.ph25 { padding-left: 25px !important; padding-right: 25px !important; }
.ph30 { padding-left: 30px !important; padding-right: 30px !important; }
.ph40 { padding-left: 40px !important; padding-right: 40px !important; }
.ph50 { padding-left: 50px !important; padding-right: 50px !important; }

/* responsive padding helpers */
@media (min-width: 1140px) {
.ptn-lg { padding-top: 0 !important; }
.prn-lg { padding-right: 0 !important; }
.pbn-lg { padding-bottom: 0 !important; }
.pln-lg { padding-left: 0 !important; }
.pt5-lg { padding-top: 5px !important; }
.pr5-lg { padding-right: 5px !important; }
.pb5-lg { padding-bottom: 5px !important; }
.pl5-lg { padding-left: 5px !important; }
}

@media (min-width: 992px) {
.ptn-md { padding-top: 0 !important; }
.prn-md { padding-right: 0 !important; }
.pbn-md { padding-bottom: 0 !important; }
.pln-md { padding-left: 0 !important; }
.pt5-md { padding-top: 5px !important; }
.pr5-md { padding-right: 5px !important; }
.pb5-md { padding-bottom: 5px !important; }
.pl5-md { padding-left: 5px !important; }
}
/*===============================================
  E. Margin Helpers
================================================= */
/* margin center helper */
.mauto { margin-left: auto; margin-right: auto; }
.mn { margin: 0 !important; }
.m1 { margin: 1px !important; }
.m2 { margin: 2px !important; }
.m3 { margin: 3px !important; }
.m4 { margin: 4px !important; }
.m5 { margin: 5px !important; }
.m8 { margin: 8px !important; }
.m10 { margin: 10px !important; }
.m15 { margin: 15px !important; }
.m20 { margin: 20px !important; }
.m25 { margin: 25px !important; }
.m30 { margin: 30px !important; }
.m35 { margin: 35px !important; }
.m40 { margin: 40px !important; }
.m50 { margin: 50px !important; }
.mtn { margin-top: 0 !important; }
.mt5 { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt25 { margin-top: 25px !important; }
.mt30 { margin-top: 30px !important; }
.mt35 { margin-top: 35px !important; }
.mt40 { margin-top: 40px !important; }
.mt50 { margin-top: 50px !important; }
.mt70 { margin-top: 70px !important; }
.mrn { margin-right: 0 !important; }
.mr5 { margin-right: 5px !important; }
.mr10 { margin-right: 10px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }
.mr25 { margin-right: 25px !important; }
.mr30 { margin-right: 30px !important; }
.mr35 { margin-right: 35px !important; }
.mr40 { margin-right: 40px !important; }
.mr50 { margin-right: 50px !important; }
.mbn { margin-bottom: 0 !important; }
.mb5 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb35 { margin-bottom: 35px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb70 { margin-bottom: 70px !important; }
.mln { margin-left: 0 !important; }
.ml5 { margin-left: 5px !important; }
.ml10 { margin-left: 10px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.ml25 { margin-left: 25px !important; }
.ml30 { margin-left: 30px !important; }
.ml35 { margin-left: 35px !important; }
.ml40 { margin-left: 40px !important; }
.ml50 { margin-left: 50px !important; }
/* Axis Margins (both top/bottom or left/right) */
.mv5 { margin-top: 5px !important; margin-bottom: 5px !important; }
.mv10 { margin-top: 10px !important; margin-bottom: 10px !important; }
.mv15 { margin-top: 15px !important; margin-bottom: 15px !important; }
.mv20 { margin-top: 20px !important; margin-bottom: 20px !important; }
.mv25 { margin-top: 25px !important; margin-bottom: 25px !important; }
.mv30 { margin-top: 30px !important; margin-bottom: 30px !important; }
.mv40 { margin-top: 40px !important; margin-bottom: 40px !important; }
.mv50 { margin-top: 50px !important; margin-bottom: 50px !important; }
.mv70 { margin-top: 70px !important; margin-bottom: 70px !important; }
.mh5 { margin-left: 5px !important; margin-right: 5px !important; }
.mh10 { margin-left: 10px !important; margin-right: 10px !important; }
.mh15 { margin-left: 15px !important; margin-right: 15px !important; }
.mh20 { margin-left: 20px !important; margin-right: 20px !important; }
.mh25 { margin-left: 25px !important; margin-right: 25px !important; }
.mh30 { margin-left: 30px !important; margin-right: 30px !important; }
.mh40 { margin-left: 40px !important; margin-right: 40px !important; }
.mh50 { margin-left: 50px !important; margin-right: 50px !important; }
.mh70 { margin-left: 70px !important; margin-right: 70px !important; }
/* Negative Margin Helpers */
.mtn5 { margin-top: -5px !important; }
.mtn10 { margin-top: -10px !important; }
.mtn15 { margin-top: -15px !important; }
.mtn20 { margin-top: -20px !important; }
.mtn30 { margin-top: -30px !important; }
.mrn5 { margin-right: -5px !important; }
.mrn10 { margin-right: -10px !important; }
.mrn15 { margin-right: -15px !important; }
.mrn20 { margin-right: -20px !important; }
.mrn30 { margin-right: -30px !important; }
.mbn5 { margin-bottom: -5px !important; }
.mbn10 { margin-bottom: -10px !important; }
.mbn15 { margin-bottom: -15px !important; }
.mbn20 { margin-bottom: -20px !important; }
.mbn30 { margin-bottom: -30px !important; }
.mln5 { margin-left: -5px !important; }
.mln10 { margin-left: -10px !important; }
.mln15 { margin-left: -15px !important; }
.mln20 { margin-left: -20px !important; }
.mln30 { margin-left: -30px !important; }
/* Vertical Negative Margin "mv" + "n" + "x" */
.mvn5 { margin-top: -5px !important; margin-bottom: -5px !important; }
.mvn10 { margin-top: -10px !important; margin-bottom: -10px !important; }
.mvn15 { margin-top: -15px !important; margin-bottom: -15px !important; }
.mvn20 { margin-top: -20px !important; margin-bottom: -20px !important; }
.mvn30 { margin-top: -30px !important; margin-bottom: -30px !important; }
/* Horizontal Negative Margin "mh" + "n" + "x" */
.mhn5 { margin-left: -5px !important; margin-right: -5px !important; }
.mhn10 { margin-left: -10px !important; margin-right: -10px !important; }
.mhn15 { margin-left: -15px !important; margin-right: -15px !important; }
.mhn20 { margin-left: -20px !important; margin-right: -20px !important; }
.mhn30 { margin-left: -30px !important; margin-right: -30px !important; }
/*===============================================
  F. LineHeight Helpers
================================================= */
.lh0 { line-height: 0 !important; }
.lh5 { line-height: 5px !important; }
.lh10 { line-height: 10px !important; }
.lh15 { line-height: 15px !important; }
.lh20 { line-height: 20px !important; }
.lh25 { line-height: 25px !important; }
.lh30 { line-height: 30px !important; }
.lh35 { line-height: 35px !important; }
.lh40 { line-height: 40px !important; }
/*===============================================
  G. Border Helpers
================================================= */
/* Border Disables */
.br-l-n { border-left: none !important; }
.br-r-n { border-right: none !important; }
.br-t-n { border-top: none !important; }

.br-b-n { border-bottom: none !important; }
.br-n { border: none !important; }
.br-v-n { border-top: none !important; border-bottom: none !important; }
.br-h-n { border-left: none !important; border-right: none !important; }
/* Default Borders */
.br-a { border: 1px solid #eeeeee !important; }
.br-l { border-left: 1px solid #eeeeee !important; }
.br-r { border-right: 1px solid #eeeeee !important; }
.br-t { border-top: 1px solid #eeeeee !important; }
.br-b { border-bottom: 1px solid #eeeeee !important; }
/* Border Style */
.br-dashed { border-style: dotted !important; }
/* Border Radius */
.br0 { border-radius: 0px !important; }
.br1 { border-radius: 1px !important; }
.br2 { border-radius: 2px !important; }
.br3 { border-radius: 3px !important; }
.br4 { border-radius: 4px !important; }
.br6 { border-radius: 6px !important; }
.br8 { border-radius: 8px !important; }
.br12 { border-radius: 12px !important; }
.br24 { border-radius: 24px !important; }
.br64 { border-radius: 64px !important; }
/* Border Width */
.bw1 { border-width: 1px !important; }
.bw2 { border-width: 2px !important; }
.bw3 { border-width: 3px !important; }
.bw4 { border-width: 4px !important; }
.bw5 { border-width: 5px !important; }
.bw8 { border-width: 8px !important; }
.bw10 { border-width: 10px !important; }
.bw15 { border-width: 15px !important; }
/*Border Colors Generate contextual modifier classes for colorizing the alert.
*/
.br-white { border-color: #ffffff !important; }
.br-lighter { border-color: #eeeeee !important; }
.br-light { border-color: #e7e7e7 !important; }
.br-grey { border-color: #d9d9d9 !important; }
.br-greyer { border-color: #cccccc !important; }
.br-dark { border-color: #3b3f4f !important; }
.br-dark-light { border-color: #51566c !important; }
.br-primary { border-color: #4a89dc !important; }
.br-primary-light { border-color: #75a5e4 !important; }
.br-info { border-color: #3bafda !important; }
.br-info-light { border-color: #66c1e2 !important; }
.br-success { border-color: #70ca63 !important; }
.br-success-light { border-color: #93d789 !important; }
.br-warning { border-color: #f6bb42 !important; }
.br-warning-light { border-color: #f8cd73 !important; }
.br-danger { border-color: #e9573f !important; }
.br-danger-light { border-color: #ee7f6d !important; }
.br-alert { border-color: #967adc !important; }
.br-alert-light { border-color: #b6a2e7 !important; }
.br-system { border-color: #37bc9b !important; }
.br-system-light { border-color: #58ceb1 !important; }
.br-tp-top { border-top-color: rgba(0, 0, 0, 0.1); }
.br-tp-right { border-right-color: rgba(0, 0, 0, 0.1); }
.br-tp-left { border-left-color: rgba(0, 0, 0, 0.1); }
/*===============================================
  H. Max Width Helpers
================================================= */
.fluid-width { width: 100% !important; }
.mw10 { max-width: 10px !important; }
.mw20 { max-width: 20px !important; }
.mw30 { max-width: 30px !important; }
.mw35 { max-width: 35px !important; }
.mw40 { max-width: 40px !important; }
.mw45 { max-width: 45px !important; }
.mw50 { max-width: 50px !important; }
.mw60 { max-width: 60px !important; }
.mw80 { max-width: 80px !important; }
.mw100 { max-width: 100px !important; }
.mw140 { max-width: 140px !important; }
.mw160 { max-width: 160px !important; }
.mw180 { max-width: 180px !important; }
.mw200 { max-width: 200px !important; }
.mw240 { max-width: 240px !important; }
.mw280 { max-width: 280px !important; }
.mw320 { max-width: 320px !important; }
.mw400 { max-width: 400px !important; }
.mw450 { max-width: 450px !important; }
.mw500 { max-width: 500px !important; }
.mw600 { max-width: 600px !important; }
.mw700 { max-width: 700px !important; }
.mw800 { max-width: 800px !important; }
.mw900 { max-width: 900px !important; }
.mw1000 { max-width: 1000px !important; }
.mw1100 { max-width: 1100px !important; }
.mw1200 { max-width: 1200px !important; }
/*Regular Width Helpers. Primarily used
on tables, feel free to add more*/
.w20 { width: 20px !important; }
.w30 { width: 30px !important; }
.w40 { width: 40px !important; }
.w50 { width: 50px !important; }
.w75 { width: 75px !important; }
.w100 { width: 100px !important; }
.w125 { width: 125px !important; }
.w150 { width: 150px !important; }
.w175 { width: 175px !important; }
.w200 { width: 200px !important; }
.w225 { width: 225px !important; }
.w250 { width: 250px !important; }
.w300 { width: 300px !important; }
.w320 { width: 320px !important; }
.w350 { width: 350px !important; }
.w400 { width: 400px !important; }
.w450 { width: 450px !important; }
.w600 { width: 600px !important; }
.w800 { width: 800px !important; }
.mnw20 { min-width: 20px !important; }
.mnw30 { min-width: 30px !important; }
.mnw40 { min-width: 40px !important; }
.mnw50 { min-width: 50px !important; }
.mnw75 { min-width: 75px !important; }
.mnw100 { min-width: 100px !important; }
.mnw125 { min-width: 125px !important; }
.mnw150 { min-width: 150px !important; }
.mnw175 { min-width: 175px !important; }
.mnw200 { min-width: 200px !important; }
.mnw250 { min-width: 250px !important; }
.mnw300 { min-width: 300px !important; }
.mnw500 { min-width: 500px !important; }
.mnw700 { min-width: 700px !important; }
.mnw1000 { min-width: 1000px !important; }

.w10p{ width:10% !important;}
.w15p{ width:15% !important;}
.w20p{ width:20% !important;}
.w25p{ width:25% !important;}
.w30p{ width:30% !important;}
.w35p{ width:35% !important;}
.w40p{ width:40% !important;}
.w45p{ width:45% !important;}
.w50p{ width:50% !important;}
.w55p{ width:55% !important;}
.w60p{ width:60% !important;}
.w65p{ width:65% !important;}
.w70p{ width:70% !important;}
.w75p{ width:75% !important;}
.w80p{ width:80% !important;}
.w85p{ width:85% !important;}
.w90p{ width:90% !important;}
.w95p{ width:95% !important;}
.w100p{ width:100% !important;}


.hide{ display:none;}
.block{ display:block !important;}
.none {display: none !important; }
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-table;}/* Hides from IE-mac \*/*html .clearfix{height:1%;}
.clearfix{display:block;}/* End hide from IE-mac */*+html .clearfix{min-height:1%;}
.overflow{overflow:hidden;}
.relative{ position:relative; }
.absolute{ position:absolute; }
.center { margin: 0 !important; padding: 0 !important; display: inline-block; vertical-align: middle; }
.text-muted { color: #999 }
.text-primary { color: #f90 }
.text-info { color: #6287d5 }
.text-success { color: #56b02a }
.text-error { color: #f95710 }
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { cursor: not-allowed; background-color: #f9f9f9; opacity: 1; }
.form-control { width:auto; height:36px; display:inline-block; border-radius: 0; border: #DCDCDC 1px solid; font-size: 14px;-webkit-box-shadow:none;box-shadow: none; }
.form-control:focus { border-color: #00A0B8; outline: 0; -webkit-box-shadow:none; box-shadow: none }
.form-control-28 { height: 28px; }
.form-line { float: left; border-radius: 0; border: 0; border-bottom: #DCDCDC 1px solid; line-height: 34px; padding: 0 5px; font-size: 12px; -webkit-box-shadow: none; box-shadow: none; }
.form-line:focus { border: 0; border-bottom: #00A0B8 1px solid; outline: 0; -webkit-box-shadow: none; box-shadow: none; }
.jscroll-e,.jscroll-h{-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius:5px;-webkit-box-sizing: content-box;-moz-box-sizing:content-box;box-sizing:content-box;}
@media (min-width:992px) {
.container { width: 1200px }
}
.container{ position:relative;width: 1200px!important; }
.form-send-box { text-align: right; }


/**/
.row {margin-right: 0;margin-left: 0;}
.form-group, .pager .ellipsis:hover, .pager a:hover, .placeholder-wrapper { position: relative }
.btn, .image-browse { position: relative }
.btn input[type=file], .btn object, .image-browse input[type=file], .image-browse object { opacity: 0; filter: alpha(opacity=0); cursor: pointer; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2 }
.iconfont { vertical-align: baseline; }
.dropdown, .thumbnail { display: inline-block; }
.form-group { padding-top: 5px; padding-bottom: 5px; margin-bottom:10px; }
/*@media (max-width:767px) {
.container { width: 970px !important }
}
@media (min-width:768px) and (max-width:992px) {
.container { width: 970px !important }
}*/
/*页面顶部导航*/
.site-nav{ background-color: #0599D9; height: 38px; line-height: 38px; min-width: 1000px; color: #FFF; position: relative; z-index: 5000; font-size:12px; }
.site-nav .sn-container { width: 1200px; margin: auto; position: relative }
.ls-w1000 .site-nav .sn-container { width: 1000px }
.site-nav a { color: #FFF }
.site-nav a:hover { color: #FFF; text-decoration:underline; }
.site-nav .sn-menu { height: 38px; margin-right: 20px; float: left }
.site-nav .sn-menu .iconfont{ font-size:16px; vertical-align:middle;}


.Fix { zoom: 1 }
.Fix:after { display: block; content: '\20'; height: 0; clear: both }
.header { background-color: #fff; width: 100%; min-width: 1000px; position: relative;-webkit-box-shadow: 0 0 5px 1px rgba(0,0,0,0.1);-moz-box-shadow: 0 0 5px 1px rgba(0,0,0,0.1);box-shadow: 0 0 5px 1px rgba(0,0,0,0.1); z-index:99; }
.header .header-layout { width: 1200px; margin: auto; position: relative }
.header .head-logo { float: left; display:block; width:230px; height:80px; padding:12px 0; }
.header .head-logo .logo{ display:block;height: 55px; background:url(../images/logo.png) 0 0 no-repeat;}
/*主导航*/
.header .header-nav { float: right;display: inline;padding: 0;line-height: 80px;font-size: 15px;color: #333;  }
.header .header-nav li {float: left; margin-left: 40px;}
.header .header-nav li a { display: inline-block;padding: 0 5px;color: #333;vertical-align: top;overflow: hidden;}
.header .header-nav li a:hover, .head-nav .head-nav-hover a { text-decoration: none; color: #02B3CE; border-bottom: #02B3CE 3px solid;height: 80px; }
.header .header-nav .active a { color: #02B3CE;text-decoration: none; height:80px;border-bottom: #02B3CE 3px solid; }


.header.header-fixed{ display: none; position: fixed; top: 0; background: rgba(255,255,255,.9); border-bottom: #e9e9e9 1px solid;-webkit-box-shadow: 0 0 5px 1px rgba(0,0,0,0.1);-moz-box-shadow: 0 0 5px 1px rgba(0,0,0,0.1);box-shadow: 0 0 5px 1px rgba(0,0,0,0.1);}
.header.header-fixed .head-logo .logo{background:url(../images/logo.png) 0 0 no-repeat;}

.header.header-fixed .header-nav li a { display: inline-block;padding: 0 5px;color: #333;vertical-align: top;overflow: hidden;}
.header.header-fixed .header-nav li a:hover, .head-nav .head-nav-hover a { text-decoration: none; color: #02B3CE; border-bottom: #02B3CE 3px solid;height: 80px; }
.header.header-fixed .header-nav .active a { color: #02B3CE!important;text-decoration: none; height:80px;border-bottom: #02B3CE 3px solid; }


.h-tit{ text-align:center; margin-bottom: 40px;}
.h-tit h2{ font-size: 32px; margin-bottom: 15px; font-weight: 600;}
.h-tit p{  text-transform:uppercase; font-size: 16px; color: #bbb;}

/*-- 在线客服样式 --*/
.ico_os, .ico_gt, .ico_qq,.ico_wx, .ico_pp{ background:url(../images/kf.png) no-repeat;}
.onlineService{ background:none; width:45px; *width:84px; height:178px; ;position:fixed; right:1px; bottom:100px; _position:absolute; z-index:999;}
.onlineService .ico_wx, .onlineService .ico_wx:hover, .onlineService .ico_qq, .onlineService .ico_qq:hover, .onlineService .ico_gt, .onlineService .ico_gt:hover, .onlineService .ico_pp,.onlineService .ico_pp:hover{border:0; cursor:pointer; width:45px; height:45px; float:right; margin:0 0 1px 0; clear:both;}
.onlineService .ico_wx{ background-position:left -138px;}
.onlineService .ico_qq{ background-position:left -92px;text-indent:-9999em; }
.onlineService .ico_gt{ background-position:left 0;text-indent:-9999em; }
.onlineService .ico_pp{ background-position:left -46px;text-indent:-9999em;}
.onlineService .ico_wx:hover{ background-position:right -138px; }
.onlineService .ico_qq:hover{ background-position:right -92px;}
.onlineService .ico_gt:hover{ background-position:right 0; }
.onlineService .ico_pp:hover{ background-position:right -46px;}
.onlineService .weixing-container {width: 45px; height: 45px; float:right;}
.onlineService .weixing-show { display:none;width: 112px; height: 130px; background: #ffffff; border-radius: 0px; border: 1px solid #dddddd; position: absolute; left: -125px; top: -85px; }
.onlineService .weixing-show .weixing-sanjiao {width:0; height: 0; border-style: solid; border-color: transparent transparent transparent #ffffff; border-width: 6px; left: 110px; top: 100px; position: absolute; z-index: 2;}
.onlineService .weixing-show .weixing-sanjiao-big { width: 0; height: 0; border-style: solid; border-color: transparent transparent transparent #dddddd; border-width: 8px; left: 110px; top: 98px; position: absolute; }
.onlineService .weixing-show .weixing-ma { width: 110px; height: 110px; }
.onlineService .weixing-show .weixing-txt{position:absolute;top:105px;left:7px;width:100px;margin:0 auto;  text-align:center; font-size:12px;}
.box_os .osqq p span a{color:#557917;}

.h50{ position:relative; display:block; height:50px; width:100%;}

/*页脚 s*/
.footer {position:relative; background-color: #2A2C31 }
.footer .iconfont { display: inline-block; color: #fff }
.footer .bd {   }
.footer .bd .help { color: #8c8c8c; position: relative; margin: 30px auto 26px }
.footer .bd .help .list { min-height: 110px; float:left;  }
.footer .bd .help .list dl { float: left; width: 180px; padding-left:20px; }
.footer .bd .help .list dd, .footer .bd .help .list dt { clear:both}
.footer .bd .help .list dt { font-size: 16px; font-weight:400; color:#FFF; vertical-align:top;}
.footer .bd .help .list dt span{ display:block; float:left; height:34px; line-height:34px;}
.footer .bd .help .list dd { position:relative;  margin-bottom:2px; font-size:13px; line-height:24px;}
.footer .bd .help .list dl a { color: #999;}
.footer .bd .help .list dl a:hover{ color:#00A0B8;}
.footer .bd .help .footer-contact { max-width: 380px; float:right; overflow: hidden; line-height: 40px;  }
.footer .bd .help .footer-contact .item{ display:block;}
.footer .bd .help .footer-contact .icon-phone {display:inline-block; height:40px; line-height:40px; font-size:40px;margin-right:10px; color: #00A0B8;}
.footer .bd .help .footer-contact p{ display:inline-block; height:26px; line-height:26px; font-size:30px; color:#FFF;}
.footer .bd .help .footer-contact span{ display:block; text-align:left; font-size:14px; line-height: 18px;}
.footer .ft .copyright { border-top:#403f45 1px dotted; padding: 12px 0; font-size:12px; background: #1c1f24; }
.footer .ft .copyright p { text-align: center; color: #6d6d6d; line-height: 20px }

/*
.ft-qrcode {float: right;width: 90px; text-align: center;}
.ft-qrcode span {display: block;height: 90px; margin-bottom: 5px;}
.ft-qrcode .ft-qrcode-weixin{ background:url(../images/qrcode.png) left top no-repeat; background-size: 90px 90px;}
*/

/*------------------------- 无数据 -------------------------*/
.norecord-wrapper { position: relative; display: block; padding: 50px 0 !important; }
.norecord-box { display:table !important; max-width: 300px; margin: 0 auto; vertical-align:middle; }
.norecord-box .norecord-ico { display:table-cell;  vertical-align:middle; font-size:36px; color:#bbb; height: 40px; width: 40px; }
.norecord-cont { display: table-cell;  height:50px; vertical-align:middle; text-align: left; padding-left:15px !important; }
.norecord-cont h4 {  font-size: 16px; color:#BBB; }
.norecord-cont span { display:block; margin-top: 5px; font-size: 14px; color:#888; }
.norecord { display:block;padding:30px 0;margin: 10px 0;text-align:center; font-size:20px; color:#999; }
.norecord i{display:inline-block; font-size:36px; margin-right:15px; height:30px; line-height:30px; vertical-align:top; color:#bbb;}
.norecord span{ display:inline-block; vertical-align:text-top; height:30px; line-height:30px;}
.dialog-tips {padding: 10px 15px;text-align: center;font-size: 14px;line-height: 1;}

.table-bordered { border: 1px solid #E4EAEB; background: #FFF; }
.table { border: none; }
.table>thead>tr>th { vertical-align: bottom; border-bottom: 1px solid #E4EAEB; }
.table-bordered>thead>tr>th, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>td { border-bottom: 1px solid #E4EAEB; }
.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td { padding: 8px; line-height: 1.42857143; vertical-align: middle; border-top: 1px solid #ddd; }
.table>tbody>tr>td { border-top: 1px solid #E4EAEB; }
.table>thead { background: #FDFDFD; }
td > label, th > label, label.inline { margin-bottom: 0px; line-height: inherit; }

/*按钮*/
.btn .iconfont {vertical-align: middle;margin-right: 5px;}
.btn { outline: 0; }
.btn:hover, .btn:active, .btn:focus { outline: 0; }
.btn:focus, .btn:active:focus, .btn.active:focus { outline: 0; }
.btn-default, .btn-error, .btn-info,.btn-del, .btn-link, .btn-primary, .btn-success { display: inline-block; text-align: center; cursor: pointer; -webkit-user-select: none; -ms-user-select: none; -moz-user-select: none; user-select: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-style: solid; border-width: 1px; line-height: 1.571428571428571; padding: 6px 15px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px }
.btn-default.tiny, .btn-error.tiny, .btn-info.tiny, .btn-link.tiny, .btn-primary.tiny, .btn-success.tiny { border-style: solid; border-width: 1px; font-size: 12px; line-height: 1; padding: 2px 4px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px }
.btn-default.small, .btn-error.small, .btn-info.small, .btn-link.small, .btn-primary.small, .btn-success.small { border-style: solid; border-width: 1px; font-size: 12px; line-height: 1.333333333; padding: 4px 8px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px }
.btn-default.large, .btn-error.large, .btn-info.large, .btn-link.large, .btn-primary.large, .btn-success.large { border-style: solid; border-width: 1px; font-size: 16px; line-height: 1.75; padding: 8px 16px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px }
.btn-default.huge, .btn-error.huge, .btn-info.huge, .btn-link.huge, .btn-primary.huge, .btn-success.huge { border-style: solid; border-width: 1px; font-size: 18px; line-height: 2.142857142857143; padding: 10px 20px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px }
.btn-default { background-color: #fff; border-color: #ccc; color: #555 }
.btn-default:hover { background-color: #f2f2f2; border-color: #c2c2c2; -webkit-transition: background-color .2s; -moz-transition: background-color .2s; -o-transition: background-color .2s; transition: background-color .2s }
.btn-info:hover, .btn-primary:hover { -webkit-transition: background-color .2s; -moz-transition: background-color .2s; -o-transition: background-color .2s }
a.btn-default:hover { color: #555 }
.btn-default.active, .btn-default:active, .btn-default[active] { background-color: #e6e6e6; border-color: #b8b8b8; -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125); -moz-box-shadow: inset 0 3px 5px rgba(0,0,0,.125); box-shadow: inset 0 3px 5px rgba(0,0,0,.125) }
.btn-default.disabled, .btn-default:disabled, .btn-default[disabled] { cursor: not-allowed; pointer-events: none; background-color: #ddd; color: #888; border-color: #bbb }
.btn-error, .btn-info, .btn-success,.btn-del, a.btn-error:hover, a.btn-info:hover,a.btn-del:hover, a.btn-primary:hover, a.btn-success:hover { color: #fff }
.btn-primary { background-color: #00A0B8; border-color: #00A0B8; color: #fff }
.btn-primary:hover { color: #FFF; background-color: #00A0B8; border-color: #00A0B8; transition: background-color .2s }
.btn-primary.active, .btn-primary:active, .btn-primary[active] { color: #FFF; background-color: #00A0B8; border-color: #00A0B8; -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125); -moz-box-shadow: inset 0 3px 5px rgba(0,0,0,.125); box-shadow: inset 0 3px 5px rgba(0,0,0,.125) }
.btn-primary.disabled, .btn-primary:disabled, .btn-primary[disabled] { cursor: not-allowed; pointer-events: none; background-color: #dfc7a3; border-color: #c5ab84 }
.btn-primary-line { background-color: transparent; border-color: #00A0B8; color: #00A0B8 }
.btn-primary-line:hover { color: #FFF; background-color: #00A0B8; border-color: #00A0B8; transition: background-color .2s }
.btn-primary-line.active, .btn-primary-line:active, .btn-primary-line[active] { color: #FFF; background-color: #00A0B8; border-color: #00A0B8; -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125); -moz-box-shadow: inset 0 3px 5px rgba(0,0,0,.125); box-shadow: inset 0 3px 5px rgba(0,0,0,.125) }
.btn-primary-line.disabled, .btn-primary-line:disabled, .btn-primary-line[disabled] { cursor: not-allowed; pointer-events: none; background-color: #dfc7a3; border-color: #c5ab84 }
.btn-del { background-color: #BBBBBB; border-color: #BBBBBB; color: #fff }
.btn-del:hover { background-color: #FF960D; border-color: #FF960D; transition: background-color .2s }
.btn-del.active, .btn-del:active, .btn-del[active] { background-color: #FF960D; border-color: #FF960D; -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125); -moz-box-shadow: inset 0 3px 5px rgba(0,0,0,.125); box-shadow: inset 0 3px 5px rgba(0,0,0,.125) }
.btn-del.disabled, .btn-del:disabled, .btn-del[disabled] { cursor: not-allowed; pointer-events: none; background-color: #ddd; border-color: #ddd }
.btn-white-line-lg { background-color: transparent; border-color: #FFF; border-width:2px; color: #fff }
.btn-white-line-lg:hover { color: #FFF; background-color: #FF9D00; border-color: #FF9D00; transition: background-color .2s }
.btn-white-line-lg.active, .btn-white-line-lg:active, .btn-white-line-lg[active] { color: #FFF; background-color: #00A0B8; border-color: #00A0B8; -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125); -moz-box-shadow: inset 0 3px 5px rgba(0,0,0,.125); box-shadow: inset 0 3px 5px rgba(0,0,0,.125) }
.btn-white-line-lg.disabled, .btn-white-line-lg:disabled, .btn-white-line-lg[disabled] { cursor: not-allowed; pointer-events: none; background-color: #dfc7a3; border-color: #c5ab84 }
.btn-white-line { background-color: transparent; border-color: #FFF; color: #fff }
.btn-white-line:hover { color: #FFF; background-color: #FF9D00; border-color: #FF9D00; transition: background-color .2s }
.btn-white-line.active, .btn-white-line:active, .btn-white-line[active] { color: #FFF; background-color: #00A0B8; border-color: #00A0B8; -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125); -moz-box-shadow: inset 0 3px 5px rgba(0,0,0,.125); box-shadow: inset 0 3px 5px rgba(0,0,0,.125) }
.btn-white-line.disabled, .btn-white-line:disabled, .btn-white-line[disabled] { cursor: not-allowed; pointer-events: none; background-color: #dfc7a3; border-color: #c5ab84 }
.btn-info { background-color: #6287d5; border-color: #567ed2 }
.btn-info:hover {color:#FFF; background-color: #567ed2; border-color: #4974ce; transition: background-color .2s }
.btn-error:hover, .btn-success:hover { color: #FFF; -webkit-transition: background-color .2s; -moz-transition: background-color .2s; -o-transition: background-color .2s }
.btn-info.active, .btn-info:active, .btn-info[active] {color:#FFF; background-color: #567ed2; border-color: #4974ce; -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125); -moz-box-shadow: inset 0 3px 5px rgba(0,0,0,.125); box-shadow: inset 0 3px 5px rgba(0,0,0,.125) }
.btn-info.disabled, .btn-info:disabled, .btn-info[disabled] { cursor: not-allowed; pointer-events: none; background-color: #8ea3b9; border-color: #6e86a0 }
.btn-success { background-color: #5BC13D; border-color: #5BC13D }
.btn-success:hover { color: #FFF; background-color: #52A934; border-color: #4d9e26; transition: background-color .2s }
.btn-success.active, .btn-success:active, .btn-success[active] { color: #FFF; background-color: #52A934; border-color: #4d9e26; -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125); -moz-box-shadow: inset 0 3px 5px rgba(0,0,0,.125); box-shadow: inset 0 3px 5px rgba(0,0,0,.125) }
.btn-success.disabled, .btn-success:disabled, .btn-success[disabled] { cursor: not-allowed; pointer-events: none; background-color: #a0b790; border-color: #7e9f67 }
.btn-error { background-color: #f95710; border-color: #f64f06 }
.btn-error:hover { color: #FFF; background-color: #f64f06; border-color: #e94b06; transition: background-color .2s }
.btn-danger { background-color: #FF960D; border-color: #f29100; color: #fff }
.btn-danger:hover { color: #FFF; background-color: #E48407; border-color: #e68a00; transition: background-color .2s }
.btn-danger.active, .btn-danger:active, .btn-danger[active] { color: #FFF; background-color: #f29100; border-color: #e68a00; -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125); -moz-box-shadow: inset 0 3px 5px rgba(0,0,0,.125); box-shadow: inset 0 3px 5px rgba(0,0,0,.125) }
.btn-danger.disabled, .btn-danger:disabled, .btn-danger[disabled] { cursor: not-allowed; pointer-events: none; background-color: #dfc7a3; border-color: #c5ab84 }
.btn-link:hover, .label-default:hover { -webkit-transition: background-color .2s; -moz-transition: background-color .2s; -o-transition: background-color .2s }
.btn-error.active, .btn-error:active, .btn-error[active] { background-color: #f64f06; border-color: #e94b06; -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125); -moz-box-shadow: inset 0 3px 5px rgba(0,0,0,.125); box-shadow: inset 0 3px 5px rgba(0,0,0,.125) }
.btn-error.disabled, .btn-error:disabled, .btn-error[disabled] { cursor: not-allowed; pointer-events: none; background-color: #cda28f; border-color: #b18876 }
.btn-link { border-color: transparent; color: #555 }
button.btn-link, input.btn-link { background-color: transparent }
.btn-link:hover { color: #00A0B8; transition: background-color .2s; text-decoration:underline; }
.btn-link.disabled, .btn-link:disabled, .btn-link[disabled] { cursor: not-allowed; pointer-events: none; color: #999 }
.btn-block+.btn-block { margin-top: 10px }
.btn-group-lg>.btn, .btn-lg { padding: 10px 16px; font-size: 16px; line-height: 1.3333333; border-radius: 3px }
.btn-group-sm>.btn, .btn-sm { padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 2px }
.btn-group-xs>.btn, .btn-xs { padding: 1px 5px; font-size: 12px; line-height: 1.5; border-radius: 2px;}

/*分页样式*/
.page-box { float: left; width: 100%; height: 36px; margin-top:20px; font-size:0; zoom:1; }
.page-box .page { display:inline-block; }
.page-box .pageCount { display: block; float: left; height: 36px; margin: 0 10px 0 30px; line-height: 36px; padding-right: 5px; background: none; font-family: inherit; color: #999; }
.page-box .pageCount em { font-style: normal; color: #444; }
.page-box i { font-size: 12px; }

.page-box a, .page-box span { display: block; float: left; position:relative;margin-left: 10px; background: #FFF; font-size: 14px; border-radius: 18px; /*font-weight: 600;*/ text-align: center;}
.page-box a:first-child, .page-box span:first-child{ margin-left:0;}
.page-box a { display:block; float:left; position:relative; height: 36px;width: 36px; /*padding: 0 14px;*/ color: #666; background: #f2f2f2;/*border:#ddd 1px solid; */line-height: 36px; text-decoration: none; }
.page-box a:hover { position:relative; height: 36px; /*border:#00A0B8 1px solid;*/ background:#00A0B8; line-height: 36px; color: #FFF; text-decoration: none;-webkit-transition: background-color .2s; -moz-transition: background-color .2s; -o-transition: background-color .2s;transition: background-color .2s; z-index:1; }
.page-box a.pageNow { height: 36px; background: #00A0B8; color: #fff; line-height: 34px; text-decoration: none;border:#00A0B8 1px solid; }
/*.page-box a.pageNow + a,.page-box a.pageNow + span{border-left:0;}*/
.page-box a.pageNow:hover{ z-index:inherit;}
.page-box .page-break { display: block; float: left; height: 36px; margin: 0px 10px 0px 10px; line-height: 34px; background-color:transparent }
.page-box .page-break+a{ margin-left: 0}

.page-box .homePage, .page-box .prevPage, .page-box .nextPage, .page-box .lastPage { display: block; float: left; height: 36px; width: auto;padding: 0 15px; background: #FFF; color: #bbb; line-height: 36px;border:none; }
.page-box .pageHome, .page-box .pagePrev, .page-box .pageNext, .page-box .pageLast { display: block; float: left; height: 36px; width:auto; padding: 0 15px; background: #FFF; line-height: 36px; text-decoration: none; border:none; }
.page-box .pageHome:hover, .page-box .pagePrev:hover, .page-box .pageNext:hover, .page-box .pageLast:hover { display: block; float: left; height: 36px; /*padding: 0 14px;*/ background: #FFF; line-height: 36px; text-decoration: none; border:none; color: #00A0B8;  }

.page-box span.pages { display: inline-block; height: 36px; line-height: 36px; margin-right: 10px; color: #999; }
.page-box span.pages .pages-input { display: inline-block; height: 36px; width: 50px; line-height: 36px; margin: 0 5px; padding: 0 5px; text-align: center; color: #444; }
.pages label { margin: 0; display: inline-block; height: 36px; line-height: 36px; font-weight: 400; max-width: none; vertical-align: top; }
.page-box span a.button { padding: 0px 12px; display: block; float: left; border: #DCDCDC 1px solid; }
.page-box span a.button:hover{border:#00A0B8 1px solid;}