/*GENERAL STYLES*/
* {
  margin: 0;
  padding: 0;
}
html,
body {
  height: 100%;
}
body {
  min-width: 960px;
}
#wrapper {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto -207px;
}
.rt-container {
  margin: 0 auto;
  width: 960px;
}
#footer,
#push {
  height: 207px;
}
/*LESS Variables & mixins*/
.before_after {
  position: absolute;
  content: ".";
  text-indent: -999em;
}
/* TYPOGRAPHY */
h1,
h2,
h3 { font-size:24px; line-height:34px; text-transform:uppercase; font-weight:bold;font-family: '微软雅黑', 'Archivo Narrow', sans-serif; padding: 0 0 30px 0}

h4{ font-size:36px; color:#20689f; line-height:28px; text-transform:uppercase;font-family: '微软雅黑', 'Archivo Narrow', sans-serif; font-weight:bold; padding-bottom:20px;}
h4 span{ font-size:30px; display:block;}

h5{ font-size:18px; color:#989d9d; text-transform:uppercase; line-height:24px;font-family: '微软雅黑', 'Archivo Narrow', sans-serif; padding-bottom:20px}

h4,
dt.result-title {
}
h5 {
font-size: medium; color:#20689f; font-family: '微软雅黑', verdana, geneva, sans-serif; font-weight:bold; 
}
h6 {
font-size: large; color:#20689f; font-family: '微软雅黑', verdana, geneva, sans-serif; font-weight:bold;  
}
p,
pre {
  padding-bottom:18px;
}

form dl dt label{ display:block; min-height:18px;}
form dl dt{ display:inline-block}
form dl dd { min-height:18px;}
textarea{ height:100px;}

/* BUTTONS */

a{ text-decoration:none;transition: all 0.5s;   -webkit-transition: all 0.5s; /* Safari and Chrome */   -moz-transition: all 0.5s; /* Firefox 4 */   -o-transition: all 0.5s; /* Opera */}
.moduleCustomLink,
a.moduleItemReadMore,
a.k2ReadMore,
button.button,
input.button {
  display: inline-block;
  margin-top:6px;
  margin-bottom:2px;
  border:1px solid #fff;
  border-radius:6px;
  box-shadow:0 0 3px rgba(0,0,0,.12);
  font-size:16px; font-weight:bold;font-family: '微软雅黑', 'Archivo Narrow', sans-serif; line-height:normal; text-transform: uppercase;
  background:url(../images/button_bg.gif) 0 0 repeat-x #ececec;
  padding: 14px 20px;
  transition: all 0.5s;   -webkit-transition: all 0.5s; /* Safari and Chrome */   -moz-transition: all 0.5s; /* Firefox 4 */   -o-transition: all 0.5s; /* Opera */
}
.moduleCustomLink:hover,
a.moduleItemReadMore:hover,
a.k2ReadMore:hover,
button.button:hover,
input.button:hover{ background:url(../images/button_bg_active.gif) 0 0 repeat-x #3775dd; border-color:#3775dd}

/*Lists*/

li{ list-style-type:none;}

/*Columns*/
.cols ul {
  margin: 0 -10px;
  overflow: hidden;
}
.cols ul li {
  float: left;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  /* Firefox */

  -webkit-box-sizing: border-box;
  /* Safari */

  padding: 0 10px;
}
.cols.four ul li {
  width: 240px;
}
.cols.three ul li {
  width: 320px;
}
/*=== DRAWER POSITION ===*/
/*=== TOP POSITION ===*/
#rt-top{ padding:10px 0 7px 0;}
#rt-logo{ margin-top:2px; float:left;}

.slogan{ float:left; margin-left:15px; background:url(../images/line_slogan.gif) 0 0 no-repeat; padding:24px 0 0px 14px; width:160px; font-size:14px; color:#b9b8b8; text-transform:uppercase;}

#rt-top .mod_search { float:right; width:242px; padding-top:31px;}
#rt-top .mod_search #mod-search-searchword{ float: left; background: url(../images/search_bg.png) 0 0 repeat; border:1px solid #e7e7e7; width:176px; height:28px; margin-right:2px; padding:5px 10px; font:12px '微软雅黑', Arial, Helvetica, sans-serif; color:#9c9fa3}
#rt-top .mod_search .button{ float:left; width:64px; padding:6px 0 7px; background:url(../images/search_button_bg.png) 0 0 repeat-x #145679; border:none; text-align:center; border-radius:0; box-shadow:0 0 0; font:12px '微软雅黑', Arial, Helvetica, sans-serif; color:#fff; line-height:normal; text-transform:lowercase; margin:0}
#rt-top .mod_search .button:hover{ color:#333; background:url(../images/button_bg.gif) 0 0 repeat-x #ececec; box-shadow: 0 0 1px rgba(0,0,0,.4)}

/*=== HEADER POSITION ===*/
/*=== MENU POSITION ===*/
/*=== SHOWCASE POSITION ===*/

#rt-showcase{ background:url(../images/body/bg_top2.jpg) center 0 repeat-x}

/*=== FEATURE POSITION ===*/

#rt-feature{ padding:16px 0 43px 0; background:url(../images/line_hor1.gif) center bottom no-repeat; margin-bottom:7px}

.blocks{ background:url(../images/line_vert1.gif) 219px 0 repeat-y; font-size:13px;}
.blocks .rt-block{ background:url(../images/line_vert1.gif) 459px 0 repeat-y}
.blocks .rt-block .blocks{ background:url(../images/line_vert1.gif) 699px 0 repeat-y}
.blocks > ul{ margin:0 -10px; overflow:hidden;}
.blocks > ul > li{ margin:0 10px; width:200px; float:left; padding-right:20px;}
.blocks .moduleItemTitle{ font-size:20px; line-height:30px; color:#373a3f; text-transform:uppercase; font-weight:bold;font-family: '微软雅黑', 'Archivo Narrow', sans-serif; display:block; padding:14px 0 20px 0}
.blocks .moduleItemTitle span{ font-size:22px; color:#20689f; display:block; margin-bottom:-3px;}
.blocks .moduleItemTitle strong{ color:#20689f; font-size:32px;}

/*=== UTILITY POSITION ===*/
/*=== MAINTOP POSITION ===*/
#rt-maintop{ padding:43px 0 40px 0; background:url(../images/line_hor1.gif) center bottom no-repeat;}

.welcome { font-size:13px;}
.welcome .moduleItemTitle{ display:none; padding:11px 0 12px 0; font-size:30px; line-height:30px; color:#373a3f; text-transform:uppercase; font-weight:bold;font-family: '微软雅黑', 'Archivo Narrow', sans-serif;}
.welcome .moduleItemTitle strong{ display:block; font-size:36px; color:#20689f; margin-bottom:2px;}
.welcome .moduleItemImage{ margin-right:29px; margin-bottom:0}

/*=== CONTENT ===*/

#rt-main{ padding-top:43px; padding-bottom:43px;}

.moduleItemImage, .catItemImageBlock, .itemImageBlock, .userItemImageBlock, .genericItemImageBlock{ float:left; margin-right:20px; margin-bottom:19px; position:relative;}
.moduleItemImage strong, .catItemImageBlock strong, .itemImageBlock strong, .userItemImageBlock strong, .genericItemImageBlock strong{ position:absolute; top:0; left:0; bottom:0; right:0; border:1px solid #e8e8e8;transition: all 0.5s;   -webkit-transition: all 0.5s; /* Safari and Chrome */   -moz-transition: all 0.5s; /* Firefox 4 */   -o-transition: all 0.5s; /* Opera */}
.moduleItemImage:hover strong, .catItemImageBlock a:hover strong, .itemImageBlock a:hover strong, .userItemImageBlock a:hover strong, .genericItemImageBlock a:hover strong{ border-width:5px;}

.catItemImageBlock a, .itemImageBlock a, .userItemImageBlock a, .genericItemImageBlock a{ display:block}



.userItemTitle{ padding-bottom:10px;}
.userItemDateCreated{ display:block; padding-bottom:20px;}
.userItemView, .genericItemView{ padding-bottom:30px}
.genericItemDateCreated{ display:none}
.genericItemIntroText img{ float:left; margin:0 20px 20px 0}
.genericItemIntroText p{ padding-bottom:0}
.genericItemReadMore{ margin-top:26px;s}

#rt-content-top{ overflow:hidden; padding-bottom:21px; background:url(../images/line_hor1.gif) 0 bottom repeat-x; margin-bottom:43px;}
#rt-content-top .rt-block{ padding-right:35px;}

.mb9-sa3 .rt-grid-9 .rt-block{ padding-right:50px;}

.list1 li{ padding-bottom:6px; font-size:13px;}
.list1{ padding-bottom:18px}
.list1 a{ padding-left:13px; background:url(../images/marker1.gif) 0 5px no-repeat}

.dropcap li{ position:relative; padding-bottom:7px; padding-left:52px; padding-top:6px; min-height:60px;}
span.dropcap{ position:absolute; top:-4px; left:0; font-size:56px; color:#20689f; line-height:normal; font-weight:bold; text-transform:uppercase;font-family: '微软雅黑', 'Archivo Narrow', sans-serif;}

.testimon p{ padding-left:21px; background:url(../images/quot.png) 0 2px no-repeat;}
.testimon strong{ display:block; text-align:right;}
.testimon li{ padding-top:6px; padding-bottom:7px;}

.about .rt-block{ padding-right:35px;}

.list2 li{ padding-bottom:12px;}
.list2 a{ padding-left:16px; background:url(../images/marker2.gif) 0 4px no-repeat; font-weight:bold; color:#373a3f}
.list2 a:hover{ color:#20689f}
.itemView .list2{ padding-bottom:10px;}

.our_clients li{ width:210px; margin-right:20px; float:left; padding-bottom:36px;}
.our_clients h4{ font-size:16px; padding:26px 0 8px 0; line-height:normal}
.our_clients h4 a{ color:#20689f}
.our_clients .moduleItemLink{ font-weight:bold; color:#373a3f}
.our_clients .moduleItemLink:hover{color:#20689f}
.our_clients ul{ overflow:hidden; margin-bottom:-36px;}
.our_clients .clr{ margin:0; padding:0}

.pad_bot1 .rt-block{ padding-bottom:30px;}

.itemContainer {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  /* Firefox */

  -webkit-box-sizing: border-box;
  /* Safari */

  padding: 0 10px;
}
.K2ItemsRow {
  margin: 0 -10px;
  padding-bottom:30px;
}

.itemView .itemIntroText h4, .itemView .itemIntroText h5{ display:none}

/*== Portfolio Page ==*/

#port .catItemTitle{ font-size:16px; padding-bottom:20px; line-height:normal}

#port div.catItemView {
  padding: 0 0 20px 0;
}
#port div.catItemView div.catItemHeader span.catItemDateCreated,
#port div.catItemView div.catItemHeader div.catItemHitsBlock {
  display: inline-block;
  font-size: 0.8em;
  margin: 0 0.5em 0 0;
}
#port div.itemImageBlock {
  float: left;
  margin: 0 1em 1em 0;
}
#port a.modal, .modal.img {
  position: relative;
  display: block;
  overflow: hidden;
}
#port a.modal span.zoomIcon, .zoom-icon {
  background: url("../images/zoom.png") no-repeat scroll 0 0 transparent;
  height: 36px;
  left: 50%;
  margin-left: -18px;
  margin-top: -18px;
  position: absolute;
  top: -50%;
  width: 36px;
}
#port div.itemExtraFields {
  border-width: 1px;
  border-style: solid;
  border-left: none;
  border-right: none;
   padding:10px 0;
   margin-bottom:10px;
}
#port div.itemExtraFields ul {
  list-style: none;
}
#port div.itemExtraFields ul li span.itemExtraFieldsLabel {
  font-weight: bold;
}
#port div.extraFieldsIntroText {
  overflow: hidden;
}
#port div.itemContainer.itemContainerLast {
  margin-right: 0 !important;
}
#port #isotopeOptions {
  overflow: hidden;
  margin-bottom: 1em;
  float: right; position:absolute; top:0; right:0
}
#port #isotopeOptions ul#filters,
#port #isotopeOptions ul#sort,
#port #isotopeOptions ul#sort_direction {
  display: inline-block;
  margin: 0 1em 0 0 ;
}
#port #isotopeOptions ul#filters li,
#port #isotopeOptions ul#sort li,
#port #isotopeOptions ul#sort_direction li {
  display: inline-block;
  margin: 0 0 0.5em 0.5em;
}
#port #isotopeOptions span, #port #isotopeOptions strong{ letter-spacing:0px}
#port #isotopeOptions ul#filters li a:hover,
#port #isotopeOptions ul#sort li a:hover,
#port #isotopeOptions ul#sort_direction li a:hover,
#port #isotopeOptions ul#filters li a.selected,
#port #isotopeOptions ul#sort li a.selected,
#port #isotopeOptions ul#sort_direction li a.selected { color:#333
}
#port .itemContainer {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  /* Firefox */

  -webkit-box-sizing: border-box;
  /* Safari */

  padding: 0 10px;
}
#port .itemList > div {
  margin: 0 -10px;
}
/*== Blog Page ==*/

#blog .catItemTitle a{ color:#373a3f}
#blog .catItemTitle a:hover{ color:#20689f}
#blog .descr{ color:#c6c7c8; padding-bottom:10px; text-transform:lowercase}
#blog .catItemDateCreated, #blog .itemDateCreated{ color:#9c9fa3}

.social-button{ padding-bottom:30px;}


/*== History Page ==*/
#history div.catItemHeader {
  float: left;
  margin: 0 1em 0 0;
}
#history div.catItemHeader h3.catItemTitle {
  margin: 0;
}
#history div.catItemHeader span.catItemEditLink {
  float: none;
}
#history div.catItemBody {
  overflow: hidden;
  padding: 0 2em 0 0;
}
#history div.catItemBody div.catItemIntroText p {
  margin: 0;
}
#history .K2ItemsRow .itemContainer {
  margin: 0 0 2em 0;
}
/*== FAQs Page ==*/

.k2LoginBlock ul, .userLinks{ padding-top:20px !important}
.k2UserBlockActions{ padding:20px 0 !important}

#faqs .catItemTitle{ font-size:16px; padding-bottom:20px; line-height:normal}

#faqs div.catItemHeader h3:before {
  content: "Q.";
  display: inline-block;
  float: left;
  margin: 0 0.5em 0 0;
  font: inherit;
}
#faqs div.catItemBody:before {
  content: "A.";
  display: inline-block;
  float: left;
  margin: 0 0.5em 0 0;
  font: inherit;
}
/*== Testimonials Page ==*/
#testimonials div.catItemIntroText:before {
  background: url(../images/quotes.png) left top no-repeat;
  content: ".";
  text-indent: -999em;
  display: block;
  float: left;
  margin: 0 0.5em 0.5em 0;
  width: 66px;
  height: 45px;
}
#testimonials div.catItemIntroText p:after {
  content: '"';
}
#testimonials div.itemExtraFields > h3 {
  display: none;
}
#testimonials div.itemExtraFields ul {
  float: right;
  list-style: none;
}
#testimonials div.itemExtraFields ul li {
  font-style: italic;
}
#testimonials div.itemExtraFields ul li span.itemExtraFieldsLabel {
  font-weight: bold;
}
#testimonials div.catItemExtraFields {
  float: right;
}
#testimonials div.catItemExtraFields ul {
  list-style: none;
}
#testimonials div.catItemExtraFields ul li {
  font-style: italic;
}
#testimonials div.catItemExtraFields ul li.author {
  font-weight: bold;
}
/*== Contacts Page ==*/
#contact-form-cont div.contact-form {
  margin: 0 2em 0 0;
  padding: 0 3.5em 0 0;
}
#contact-form-cont div.contact-form #contact-form textarea {
  height: 200px;
}
#contact-form-cont div.contact-form #contact-form dl {
  margin: 0;
}
#contact-form-cont div.contact-form #contact-form fieldset legend {
  display: inline-block;
  padding: 0 0 1em 0;
}
.map-wrapper {
  margin-bottom: 1em;
}
/*== Registration Page ==*/
#k2Container.k2AccountPage {
  margin: 0 0 2em 0;
}
#k2Container.k2AccountPage input.inputbox,
#k2Container.k2AccountPage input[type="text"],
#k2Container.k2AccountPage textarea#jform_profile_aboutme,
#k2Container.k2AccountPage select {
  width: 60%;
}
#k2Container.k2AccountPage textarea#description {
  resize: none;
  overflow: auto;
}
/*Reset / Remind */
#user-registration input.inputbox {
  width: 60%;
}
/*== User Profile ==*/
div.profile dl {
  margin-bottom: 1em;
  padding-bottom: 1em;
}
ul.userLinks {
  list-style: none;
}
/*== Search Page ==*/
div.component-content > div.search {
  margin: 0 0 2em 0;
}
div.component-content > div.search #searchForm fieldset legend {
  margin: 0 0 1em 0;
  font-weight: bold;
}
div.component-content > div.search #searchForm fieldset > div {
  margin: 0 0 1em 0;
}
div.component-content > div.search #searchForm div.form-limit-and-counter {
  margin: 1em 0;
  padding: 1em 0;
}
div.component-content > div.search #searchForm div.form-limit-and-counter p.counter {
  line-height: 34px;
}
div.component-content > div.search #searchForm div.phrases-box label,
div.component-content > div.search #searchForm fieldset.only label {
  display: inline-block;
  margin: 0 1em 0 0;
  line-height: inherit;
}
div.component-content > div.search .componentheading {
  margin: 0 0 2em 0;
}
fieldset.word {
  margin: 0 0 2em;
}
fieldset.word label {
  display: block;
}
fieldset.word #search-searchword {
  width: 40%;
  display: block;
  margin: 0 0 1em 0;
}
/*== User Lofin ==*/
.component-content div.login {
  padding: 3em 0;
}
.component-content div.login input.inputbox {
  width: 40%;
}
/*========================================================*/
/* Forms */
input.inputbox,
input.required,
div.k2AccountPage input[type="text"] {
  height: 32px;
   border:1px solid #c6c7c8; background:url(../images/spacer.gif) repeat;
   font:12px Arial, Helvetica, sans-serif; color:#9c9fa3;
  line-height: 16px;
  padding: 8px;
  width: 100%;
  outline: none;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  /* Firefox */

  -webkit-box-sizing: border-box;
  /* Safari */

}
textarea#commentText,
textarea#description,
textarea#jform_profile_aboutme,
textarea#jform_contact_message {
   border:1px solid #c6c7c8; background:url(../images/spacer.gif) repeat;
   font:12px Arial, Helvetica, sans-serif; color:#9c9fa3;
  line-height: 16px;
  padding: 8px;
  resize: none;
  overflow: auto;
  outline: none;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  /* Firefox */

  -webkit-box-sizing: border-box;
  /* Safari */

  width: 100%;
}
/* Pagination */
div.k2Pagination li .pagenav,
div.pagination li .pagenav,
div.itemCommentsPagination li .pagenav { font-weight:bold; margin-right:10px;
}
div.k2Pagination li a.pagenav,
div.pagination li a.pagenav,
div.itemCommentsPagination li a.pagenav {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
/* Comments */
.commentToolbar a, .commentToolbar span{ float:right;}
.commentToolbar a{ color:#373a3f; font-size:16px; text-transform:uppercase;font-family: 'Archivo Narrow', sans-serif; margin-left:20px;}
.commentToolbar a:hover{ color:#20689f;}

ul.itemCommentsList{ padding-bottom:20px;}

div.itemComments ul.itemCommentsList li { margin-bottom:20px;
}
div.itemComments ul.itemCommentsList li > img {
  margin: 0;
}
div.itemComments ul.itemCommentsList li div.commentBody div.commentToolbar span.commentLink {
  float: right;
}
div.itemComments ul.itemCommentsList li div.commentToolbar {
  margin: 0 0 0 2em;
}
div.itemComments div.userAvatar {
  float: left;
  margin: 0 2em 0 0;
}
form#comment-form textarea#commentText {
  height: 200px;
}
form#comment-form input.inputbox {
  width: 60%;
}
/*Search*/
input#mod-search-searchword {
  margin: 0 0 1em 0;
}
/*=== MAINBOTTOM POSITION ===*/
#rt-mainbottom{ padding-top:43px; padding-bottom:43px;}

.solutions .rt-block{ padding-right:80px;}
.solutions h4{ padding:32px 0 9px}
.solutions .moduleItemImage{ margin-bottom:31px;}

.featured .moduleItemImage{ margin-right:9px;}
.featured .moduleItemTitle{ font-size:16px; color:#20689f; text-transform:uppercase;font-family: 'Archivo Narrow', sans-serif; display:inline-block; margin:6px 0 8px;}
.featured .moduleItemTitle:hover{ color:#333}
.featured li{ padding-bottom:18px}
.featured ul{ margin-bottom:-13px}
/*=== BOTTOM POSITION ===*/

#rt-bottom{ padding-bottom:43px;}

.clients li{ float:left; margin-right:50px;} 
.clients li.lastItem{ margin-right:0}
.clients li a{ display:block}

/*=== FOOTER POSITION ===*/

#rt-footer{ padding-top:58px;}

.smile a{ margin-left:7px !important;top:0px; position:relative;}
.smile a:hover{ top:-5px;}

.copyright{ color:#555454; text-transform:uppercase; padding-top:3px;}
.sitename{ font-size:28px; color:#333333;font-family: 'Archivo Narrow', sans-serif; text-transform:uppercase;}
.copyright a{color:#555454;}
.copyright a:hover{ color:#20689f}

/*=== Popup ===*/
#rt-popup {
  display: none;
}
/*ToTop*/
/*Scroll to top*/
.rt-block.totop {
  z-index: 999;
  bottom: 23px;
  position: fixed;
  right: 23px;
  display: none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(opacity=100) !important;
}
a#gantry-totop {
  z-index: 999;
  background: url(../images/to_top.png) 0 0 no-repeat;
  display: block;
  width: 60px;
  height: 60px;
  text-indent: -9999em;
  font-size: 1px;
  line-height: 1px;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(opacity=100) !important;
}
/* Alert boxes
---------------------------------------- */
.alert-box {
  padding: 20px 20px 20px 90px !important;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  font-size: inherit;
  line-height: inherit;
  border: 1px solid #dbdbdb;
  font-family: Arial, Helvetica, sans-serif;
  margin-bottom: 15px;
}
.error-box {
  border-color: #ff9999;
  color: #c31b00;
  background: url(../images/icons/alert/icon-error.png) no-repeat 20px 50% #ffcccc;
}
.attention-box {
  border-color: #e6c555;
  color: #9e660d;
  background: url(../images/icons/alert/icon-note.png) no-repeat 20px 50% #fdebae;
}
.notice-box {
  border-color: #68a2cf;
  color: #2e6093;
  background: url(../images/icons/alert/icon-info.png) no-repeat 20px 50% #bfe4f9;
}
.approved-box {
  border-color: #a3c159;
  color: #5e6f33;
  background: url(../images/icons/alert/icon-download.png) no-repeat 20px 50% #ccff99;
}
/* Fluid Columns */
.one_half {
  width: 48%;
}
.one_third {
  width: 30.66%;
}
.two_third {
  width: 65.33%;
}
.one_fourth {
  width: 22%;
}
.three_fourth {
  width: 74%;
}
.one_fifth {
  width: 16.8%;
}
.two_fifth {
  width: 37.6%;
}
.three_fifth {
  width: 58.4%;
}
.four_fifth {
  width: 79.2%;
}
.one_sixth {
  width: 13.33%;
}
.five_sixth {
  width: 82.67%;
}
.one_half,
.one_third,
.two_third,
.three_fourth,
.one_fourth,
.one_fifth,
.two_fifth,
.three_fifth,
.four_fifth,
.one_sixth,
.five_sixth {
  position: relative;
  margin-right: 2%;
  float: left;
}
.last {
  margin-right: 0 !important;
  clear: right;
}
.clr,
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}
/* Tooltips */
#s-m-t-tooltip {
  position: absolute;
  max-width: 300px;
  padding: 4px 8px 4px 8px;
  background: #222;
  z-index: 1000;
  display: inline-block;
  /*important*/

  /*font*/

  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 18px;
  color: #fff;
  /*css3 rounded corners*/

  -moz-border-radius: 3px;
  -khtml-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.tip-wrap {
  background: none repeat scroll 0 0 #000;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
  padding: 7px;
  color: #fff;
  -moz-border-radius: 3px;
  border-radius: 3px;
  max-width: 500px !important;
  width: auto !important;
}
.tip-title {
  font-weight: bold;
}
/*======= 404 page styling ============*/
div.img404 {
  width: 50%;
  float: left;
}
div.img404 img {
  width: 100%;
}
div.text404 {
  overflow: hidden;
}
.text404 h1{ padding-bottom:0} 
div.text404 #mod-search-searchword {
  margin: 0 0.5em 0 0;
  width: 70%;
}
/*======= Under Construction ============*/
h1.constrSiteName {
  margin-bottom: 1em;
}
.counter_desc {
  position: relative;
  overflow: hidden;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.2em;
  padding: 5px 0 40px 0;
  margin: 0 0 0 30px;
}
.counter_desc div {
  width: 104px;
  margin-left: 18px;
  text-align: center;
  float: left;
}
.counter_desc div:first-child {
  margin-left: 0;
  margin-right: 23px;
}
.cntSeparator {
  color: #000000;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 50px;
  margin: 24px 0;
}
#frame {
  width: 600px;
  margin: 150px auto 0;
  padding: 0px;
  text-align: center;
  background: #fff;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.6);
  border-radius: 15px;
}
#frame .frameInner {
  padding: 50px 36px;
}
#frame form {
  text-align: left;
}
#frame #form-login label {
  width: 10em;
  display: block;
  float: left;
  line-height: 2em;
}
#frame #form-login input.inputbox {
  height: 2em;
  line-height: 2em;
}