/* ################ Common ################ */
.caret-right {
  display: inline-block;
  width: 0;
  height: 0;
  margin-right: 5px;
  vertical-align: middle;
  border-left: 4px dashed;
  border-left: 4px solid;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
}

/* ################ Search Module ################ */
.header-search {
  float: inherit !important;
}
/*search box*/
.search {
  float: left;
  margin-top: 5px;
}

label.element-invisible {
  display: none;
}

div.search input.button {
  margin-top: 22px;
  width: 25px;
  display: none;
}
div.search > form.form-inline.navbar-form.navbar-left {
  /*padding-right: 0 !important;*/
}
/*search form*/
#search-searchword {
  height: 34px;
}
#searchphraseall-lbl, #searchphraseany-lbl, #searchphraseexact-lbl {
  margin-left: 20px;
}
fieldset.only > label {
  margin-left: 20px;
}
/* ################ Language Module ################ */
.mod-languages {
  float: left;
  margin-top: 18px;
}
/* ################ Main Menu Module ################ */
.open > .dropdown-menu {
  display: block !important;
}
.brand img {
  margin: 5px 0;
  width: 145px;
  height: 50px;
}
.navbar {
  margin-bottom: 0;
}
.nav-child .nav-child {
  display: inherit;
}
div#menu_collapse {
  padding-right: 0 !important;
}

ul.menu > li.parent > div.menu-container {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  min-height: 200px;
  background-color: #272b2e;
}

a.dropdown-toggle {
  display: block;
}

/*
ul.menu > li.parent > ul.nav-child > li {
  float: left;
  margin-left: 100px;
}
*/

/* level 2 */
div.menu-container > ul.container {
  margin-top: 20px;
}

div.menu-container > ul.container > li {
  display: inline-block;
  float: left;
  margin-left: 5px;
}

div.menu-container > ul.container > li > a {
  font-size: 18px;
  color: #fff;
  background: none;
}

div.menu-container > ul.container > li > a:hover,
div.menu-container > ul.container > li > a:focus {
  background: none;
}

/* level 3 */
div.menu-container > ul.container > li.parent > ul.dropdown-menu {
  position: inherit;
  margin: 10px 0;
  background-color: transparent;
  border: none;
  box-shadow: none;
}

div.menu-container > ul.container > li.parent > ul.dropdown-menu a {
  color: #b9bbbc;
  padding: 5px 0;
  white-space: normal !important;
}

div.menu-container > ul.container > li.parent > ul.dropdown-menu > li.current a {
  background: none;
  color: #00c1de;
}

div.menu-container > ul.container > li.parent > ul.dropdown-menu a:hover,
div.menu-container > ul.container > li.parent > ul.dropdown-menu a:focus,
div.menu-container > ul.container > li.parent > ul.dropdown-menu > li.active a {
  background: none;
  padding: 5px 0;
  color: #00c1de;
}

li.item-137, li.item-374 {
  clear: both;
}

/*
.item-102 > ul.nav-child {
  width: 767px;
  height: 250px;
  left: -100%;
  top: 102%;
  z-index: 1000;
}
.item-102 > ul.nav-child > li {
  display: block;
  float: left;
}
.item-102 > ul.nav-child > li > .nav-child {
  border: inherit;
  border-radius: inherit;
  box-shadow: inherit;
  -webkit-box-shadow: inherit;
  background-color: inherit;
  min-width: inherit;
}
*/
/* ################ Slide Module ################ */
#carousel-container img {
  width: 100%;
}
/* ################ Banner Module ################ */
.random-image > img {
  width: 100%;
  height: 100%;
}
/* ################ Home ################ */
.home-system {
  margin-top: 20px;
  margin-bottom: 20px;
}
.home-system-box {
  text-align: center;
}

.home-system-box > a {
  display: block;
  padding: 10px;
  border: 1px solid transparent;
  border-radius: 4px;
}

.home-system-box > a:link, .home-system-box > a:visited, .home-system-box > a:hover {
  color:#5f6163;
}
.home-system-box > a:hover {
  min-height: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
}

.home-system-box > a > img {
  width: 120px;
}
.home-system-box > a > span {
  display: block;
  font-size: 18px;
  font-weight: bolder;
  color: #5f6163;
}

.home-intro {
  padding: 0 15px;
}

.home-intro > div {
  padding: 0;
}

.home-intro img {
  width: 100%;
}

.home-intro-one {

}

.home-intro-two {
  padding-bottom: 20px;
}

/* ################ Home_Intro Module ################ */
.moduletable_home_intro {
  margin-top: 15px;
}

div.thumbnail  div.moduletable {
  min-height: 253px;
}

main#content {
  padding: 0 !important;
}
#home_intro_left {
  padding-left: 0 !important;
  padding-right: 10px !important;
}
#home_intro_right {
  padding-left: 10px !important;
  padding-right: 0 !important;
}
#content .thumbnail {
  margin-bottom: 15px !important;
}
.thumbnail > .caption > h4 {
  border-bottom: dashed 1px #dddddd;
  margin-top: 10px; padding-bottom: 5px;
}

/* Product Show */
div.bx-wrapper {
  margin-bottom: 0;
}
div.bx-wrapper img {
  width: 342px;
  height: 263px;
}
.bx-wrapper {
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  border: none !important;
  background: none !important;
}
/* News */
div.thumbnail ul.category-module {
  min-height: 253px;
  margin-bottom: 0;
}
ul.category-module {
  list-style: none;
  padding-left: 0;
}
ul.category-module li {
  height: 42px;
  background: url('../../../images/other/triangle_blue_10.png') no-repeat 0 5px;
  padding-left: 23px;
  margin-bottom: 10px;
  overflow: hidden;
}
span.mod-articles-category-date {
  display: inline-block;
  float: right;
  color: #5e7181;
}
a.mod-articles-category-title:link, a.mod-articles-category-title:visited, a.mod-articles-category-title:hover {
  color:#000000;
}
/* Video */
div.thumbnail  div.moduletable iframe {
  width: 100%;
  min-height: 248px;
}

/* ################ Breadcrumb Module ################ */
.breadcrumb {
  padding-left: 0 !important;
}
/* ################ Left Menu Module ################ */
#sidebar {
  padding-left: 0 !important;
}
.sidebar-nav ul.navbar-nav {
  margin: 8px 0;
  border: 1px solid #E5E5E5;
  border-radius: 6px;
  background-color: #e5e5e5;
  width: 100%;
}
.sidebar-nav ul.nav-child {
  width: 100%;
  display: inherit;
  position: inherit;
  top: inherit;
  left: inherit;
  z-index: inherit;
  float: inherit;
  border: inherit;
  border-radius: inherit;
  box-shadow: inherit;
  background-color: inherit;
  -webkit-box-shadow: inherit;
}

.sidebar-nav ul.navbar-nav li {
  width:100%;
}
.sidebar-nav .nav-child li a {
  display: block;
  padding: 20px 25px;
}
.sidebar-nav ul.navbar-nav > li:first-child > a {
  background-image: url('');
  background-repeat: no-repeat;
  background-position: 2% 46%;
  padding-left: 25px;
}
.sidebar-nav a {
  white-space: normal !important;
}

.sidebar-nav ul.navbar-nav li.active > a,
.sidebar-nav ul.navbar-nav li.parent > a:hover,
.sidebar-nav ul.nav-child li:hover > a {
  font-weight: bolder;
  /*font-style: italic;*/
  color: #ffffff;
  background-color: #0088cc;
}

.sidebar-nav ul.navbar-nav li > a.dropdown-toggle:hover {
  font-weight: normal;
  color: #0088cc;
  background-color: transparent;
}

/* side bar
.sidebar-nav ul.menu > li.parent > a:hover, .sidebar-nav ul.menu > li.parent > a:focus {
  color: #fff;
  background: #337ab7;
}*/

/* ################ Footer Module ################ */
.footer {
  border-top: solid 5px #0088cc;
  background-color: #373d41;
  color: #e5e5e5;
  min-height: 300px;
  padding-top: 30px;
}

.footer-content {
  margin-top: 30px;
  margin-bottom: 30px;
}

 .footer-content img {
   width: 50px;
 }

.footer-qr {
  text-align: right;
}

a.back-to-top  {
  color: #e5e5e5;
}

.gov-icon img {
  width: 50px;
  height: 66px;
}

/* ################ 文章列表 blog格式 ################ */
div.item-image {
  float: inherit !important;
  text-align: center;
}
p.readmore {
  text-align: center;
}
p.readmore a.btn {
  padding: 6px 0 !important;
}

/* ################ 文章列表 table列表格式 ################ */
.category-list .list-title {
  width: 88%;
}
.category-list .list-date {
  text-align: center;
}
/* ################ 重载 ################ */
div.pagination_wrapper {
  text-align: center;
}
div.pagination_wrapper p.counter {
  display: none;
}

div.navbar-header > button.navbar-toggle {
  margin-top: 28px;
}
/* ################ Responsive ################ */
@media (min-width: 768px) {
  .navbar-nav > li > a {
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 18px;
  }
  #menu_collapse {
    float: right;
  }
  /*add hover function for main menu*/
  #menu_collapse ul.menu li.parent:hover, ul.menu li.parent:focus {
    color: #00c1de;
    background-color: transparent;
    /*background-color: #e7e7e7 !important;*/
  }
  #menu_collapse ul.menu > li.parent:hover > a, ul.menu > li.parent:focus > a {
    color: #00c1de;
    background-color: transparent;
    /*background-color: #e7e7e7 !important;*/
  }
  /*ul.menu li.parent:hover > ul.nav-child {*/
  ul.menu li.parent:hover > div.menu-container {
    display: block;
  }
  /*width of menu li*/
  div.menu-container > ul.container > li {
    display: inline-block;
    float: left;
    width: 223px; /*(1170-15*2)/5=228-5*/
    margin-left: 5px;
  }

}

@media (min-width: 992px) {

}

@media (min-width: 1200px) {

}

@media (min-width: 768px) and (max-width: 991px) {
  a.brand img {
    width: 26px;
    height: 9px;
    margin-top: 25px;
  }
  .navbar-nav > li > a {
    padding: 20px 5px;
    font-size: 16px;
  }
  /*width of menu li*/
  div.menu-container > ul.container > li {
    width: 139px; /*(750-15*2)/5=144-5*/
  }
  /* iframe */
  iframe {
    width: 100% !important;
    height: auto !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .navbar-nav > li > a {
    padding: 20px 5px;
    font-size: 16px;
  }
  /*width of menu li*/
  div.menu-container > ul.container > li {
    width: 183px; /*(970-15*2)/5=188-5*/
  }
}

@media (max-width: 767px) {
  /*navbar*/
  div.navbar-header {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  /*main menu*/
  div.navbar-header > button.navbar-toggle {
    margin-top: 18px;
  }
  div.menu-container {
    position: static !important;
    width: 100% !important;
    margin-right: 15px;
  }
  div.menu-container > ul > li {
    clear: both;
  }
  .navbar-nav {
    margin-left: 0;
    margin-right: 0;
  }
  #menu_collapse > ul.menu > li > a {
    padding-left: 0;
    padding-right: 0;
  }
  /*search*/
  div.search {
    float: inherit;
  }
  div.header-search {
    float: inherit !important;
  }
  .navbar-form {
    margin-right: 0 !important;
    height: 56px;
  }
  input#mod-search-searchword {
    display: inherit;
    float: left;
    width:80%;
  }
  .search input.button {
    display: inherit !important;
    float:left;
    margin-left: 8px;
    margin-top: 5px !important;
  }
  /* language */
  .mod-languages {
    clear: both;
    margin-top: 5px;
    margin-bottom: 15px;
  }
  /* banner */
  div#banner_wrapper {
    padding: 0 !important;
  }
  /* iframe */
  iframe {
    width: 100% !important;
    height: auto !important;
  }
}

@media (max-width: 992px) {
  #sidebar {
    padding-right: 0 !important;
  }
}

@media screen and (max-width: 767px) {

}

@media (max-device-width: 480px) and (orientation: landscape) {

}