html { color: #333; background: #FFF; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-rendering: optimizelegibility; }
body, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, menu, nav, section { margin: 0; padding: 0; }
body, button, input, select, textarea { font: 400 1em/1.8 "Helvetica Neue", Roboto, "Segoe UI", "Microsoft Yahei", sans-serif; }
button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
img {max-width: 100%;}
address, caption, cite, code, dfn, em, th, var { font-style: normal; font-weight: 400; }
ul, ol { list-style: none; }
caption, th { text-align: left; }
th { font-weight: 400; }
sub, sup { font-size: 75%; line-height: 0; position: relative; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
a { color: #333; } 
a:hover { text-decoration: underline; color: red }
a { text-decoration: none; }
u { text-decoration: underline; }
strong, b { font-weight: bold; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
h1, h2, h3, h4, h5, h6 { font-weight: 300; color: #000; }
.topbar {color:#fff}
.topbar a {color:#fff}
i.catcloumn {    font-style: normal;    height: 16px;    line-height: 16px;    background: #B3B3B3;    color: #fff;    padding: 0px 7px;    font-size: 11px;    border-radius: 2px;    margin-right: 4px;float: left;    width: 56px;
    text-align: center;}
em.old   {font-style: normal;padding: 0 5px;} 
em.new   {font-style: normal;color:red;padding: 0 5px;} 
.mod-1000,
.mod-dm-1000 { width: 1000px; margin: 0 auto; }
.mod-740 { width: 740px; }
.mod-640 { width: 640px; }
.mod-650 { width: 650px; }
.mod-410 { width: 410px; }
.mod-340 { width: 340px; }
.mod-250,
.mod-dm-250 { width: 250px; }
.mod-dm-360 { width: 360px; }
.mod-dm-300 { width: 300px; }
.mod-dm-740 { width: 740px; overflow: hidden; }

.mod-margin-top-10 { margin-top: 10px; }
.mod-margin-left-10 { margin-left: 10px; }
.mod-margin-right-10 { margin-right: 10px; }
.mod-margin-right-20 { margin-right: 20px; }
.mod-margin-left-20 { margin-left: 20px; }
.mod-margin-bottom-10 { margin-bottom: 10px; }
.mod-pull-left { float: left }
.mod-pull-right { float: right }

.mod-typo-red { color: #f00; }
.mod-typo-gray { color: #737373; }


.mod-media-340 img,
.mod-dm-1000 img,
.mod-dm-250 img,
.mod-dm-360 img,
.mod-dm-300 img,
.mod-dm-740 img { display: block; }


.mod-divid-dot { height: 1; overflow: hidden; border-bottom: 1px dotted #dcdcdc; }



.mod-hack-line { *display: inline; *zoom: 1 }



.mod-pagination { text-align: center; font-size: 0; line-height: 0; }


.page { text-align: center; font-size: 0; line-height: 0; }
.page   { display: inline-block; margin: 0 3px;  font-size: 0; line-height: 0; }
.page  a, .page span, .page b, 
.page   .dot { font-size: 14px; height: 38px; line-height: 38px;  padding:10px; border: 1px solid #d5d5d5; margin:0 5px;}
.page a:hover { text-decoration: none; background-color: #eee; }
.page a.active { background-color: #085fbc; border-color: #085fbc; color: #fff; }

.mod-pagination li { display: inline-block; margin: 0 3px; *display: inline; *zoom: 1; font-size: 0; line-height: 0; }
.mod-pagination li a,
.mod-pagination li .dot {
  display: block; font-size: 14px; height: 28px; line-height: 28px;
  padding: 0 10px; border: 1px solid #d5d5d5;
}
.mod-pagination li a:hover { text-decoration: none; background-color: #eee; }
.mod-pagination li a.active { background-color: #085fbc; border-color: #085fbc; color: #fff; }

#topbar {
  font-family: arial, sans-serif; font-size: 12px;
  background-color: #050506; height: 40px; line-height: 40px;
  border-bottom: 1px solid #dbdbdb;
}

#topbar .mod-pull-right em { display: inline-block; padding: 0 10px; }



#mbar { height: 100px; font-size: 12px; font-family: arial, sans-serif; }
#mbar .brand {
  display: block; width: 170px; height: 44px; overflow: hidden; text-indent: -9999px;
  margin-top: 28px; background-image: url('/assets/images/common/main-brand.png');
}
#mbar .mod-search-box {
  width: 410px; height: 28px; margin-top: 28px;
}
#mbar .mod-search-box input,
#mbar .mod-search-box button {
  float: left; padding: 0; margin: 0; box-sizing: none; outline: 0;
  height: 26px; border: 1px solid #085fbc; font-size: 14px;
}
#mbar .mod-search-box input { width: 310px; padding: 0 10px; }
#mbar .mod-search-box button {
  background-color: #085fbc; height: 28px; color: #fff;
  width: 78px; text-align: center; cursor: pointer;
}
#mbar .keywords { height: 28px; line-height: 28px; }



#common-nav { height: 40px; line-height: 40px; background-color: #085fbc }
#common-nav li { float: left }
#common-nav li a { display: block; color: #fff; padding: 0 20px; }
#common-nav li a:hover { text-decoration: none; background-color: #1d6cc2 }
#common-nav li a.active { background-color: #0fa2e8 }





#common-footer {
  line-height:45px;background-color: #363636; color: #fff;
  font-size: 12px; color: #fff; text-align: center; font-family: arial, sans-serif;
}
#common-footer a { color: #fff; }
#common-footer .link { margin-top: 5px; }
#common-footer .link em { display: inline-block; padding: 0 5px; }