body#front {
  color: #1A1A1A;
  margin: 0;
  word-wrap: break-word;
  _cursor:default;
}

fieldset {
  font-family: Arial,Verdana,Tahoma,Helvetica,sans-serif !important;
}

a {
  color:#4588DF;
}

a:hover {
  color:#2039AF;
}

.head-bg {
  background-color:transparent!important;
	display:-moz-inline-box;
	display:inline-block;
	border:none;
  font-size:0;
  line-height:0;
  background-position:0 0;
	background-repeat:no-repeat;
	font-style:normal;
	padding:0 10px 0 0;	
	vertical-align:middle;	
	right:10px;
	height:22px;
	_width:10px;	
	_overflow-y:hidden;
	_position:relative;
}

.head-bg span {
	white-space:nowrap;
	display:-moz-inline-box;
	display:inline-block;
  font-size:11px;
  font-style:normal;    
  background-color:transparent;
	background-position:100% 0;
	background-repeat:no-repeat;
	padding:0 9px 0 0;
	margin:0 -15px 0 7px;
	border:none;
	vertical-align:middle;
	position:relative;
	line-height:18px;
	height:22px;
	zoom:1;
	_display:block;
	_top:0;
  color: #31507F;
}

.head-bg, .head-bg span {
  background-image: url(/img/header-bg.png);
}

fieldset#longdo-toc {
  padding:5px 10px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  margin-top: 0px;
  margin-bottom: 20px;
  _position:relative;
  background-image: url(/img/fieldset-bg.png);
  background-position: bottom center;
  background-repeat: no-repeat;
  border:1px solid #C0DDF8;
  background-color: #F2FCFF;
  _padding-bottom: 10px;
  _padding-top: 15px;
}

fieldset#longdo-toc legend {
  margin-left:5px;
  padding:3px 6px 3px 3px;
  _margin-left:-1px;
  _padding-left:13px;
  _padding-right:0px;
  _position:absolute;
  _top:-15px;
  /*-moz-border-radius: 8px;
  border-radius: 8px;*/
}

fieldset#longdo-toc dl {
  margin:0px;
}

fieldset#longdo-toc dt a {
  color: #93460D;
  font-weight: bold;
}

fieldset#longdo-toc dt a:hover {
  color: #00457A;
}

fieldset#longdo-toc dt {
  padding: 3px 0 3px 12px;
  font-size: 12px;
  height: 16px;
  background: url(/img/bullet-longdo.png) no-repeat 0 -22px;
}

fieldset#longdo-toc dd {
  color: #888888;
  font-size: 11px;
}

fieldset#longdo-toc dd a {
  color: #222222; /* #AD600E */
  font-weight: normal;
}

fieldset#longdo-toc dd a:hover {
  color: #007795;
}

div#login-menu {
  background-color:transparent!important;
	display:-moz-inline-box;
	display:inline-block;
	border:none;
  font-size:0;
  line-height:0;
  background-position:0 0;
	background-repeat:no-repeat;
	font-style:normal;
	padding:0 10px 0 0;	
	vertical-align:middle;	
	position:absolute;
	right:10px;
  margin-top:-10px;
	height:24px;
	_width:10px;	
	_overflow-y:hidden;
}

div#login-menu span {
	padding:0 10px 0 0;
	margin:0 -15px 0 12px;
	line-height:20px;
	height:24px;
	white-space:nowrap;
	display:-moz-inline-box;
	display:block!important;
  font-size:11px;
  font-style:normal;    
  background-color:transparent;
	background-position:100% 0;
	background-repeat:no-repeat;
	border:none;
	vertical-align:middle;
	position:relative;
	zoom:1;
	_top:0;
}

div#login-menu, div#login-menu span {
  background-image:url(/img/menu-bg-longdo.png);
}

span.button {
  background-color:transparent!important;
	display:-moz-inline-box;
	display:inline-block;
	border:none;
  font-size:0;
  line-height:0;
  background-position:0 0;
	background-repeat:no-repeat;
	font-style:normal;
	padding:0 10px 0 0;	
	vertical-align:middle;	
	right:10px;
	height:16px;
	_width:10px;	
	_overflow-y:hidden;
}

span.button span {
	white-space:nowrap;
	display:-moz-inline-box;
	display:inline-block;
  font-size:9px;
  font-style:normal;    
  background-color:transparent;
	background-position:100% 0;
	background-repeat:no-repeat;
	padding:0 6px 0 0;
	margin:0 -15px 0 7px;
	border:none;
	vertical-align:middle;
	position:relative;
	line-height:16px;
	height:16px;
	zoom:1;
	_display:block;
	_top:0;
}

span.button, span.button span {
  background-image:url(/img/button-longdo.png);
  cursor:pointer;
  z-index:0;
}

span.button:hover, span.button-behavior-hover {
  background-position:0 100%;
}

span.button:hover span, span.button-behavior-hover span {
  background-position:100% 100%;
  color:#3F3F3F;
}

.servicehandle {
  font: Arial;
  position:relative;
  font-weight:bold;
  font-size:15px;
  text-align:left;
  margin-bottom:5px;
  padding-left:17px;
}

.servicehandle img {
  height:24px;
}

#content-left {
  float:left;
  width:300px;
  margin-bottom:10px;
}

#search-longdo {
  background-image: url(/img/search-longdo.png);
  display: block;
  height: 225px; 
  width: 300px;  
  z-index:1000;
  position:relative;
  margin-bottom: 10px;
}

#longdo-handle {
  position:relative; 
  top:40px; 
  left:30px; 
  font-size:18px; 
  width:250px
}

.ld-handle {color:#FF6600;}
.ldm-handle {color:#6A93C9;}
.traffic-handle {color:#277A34;}
.event-handle {color:#D1B326;}
.law-handle {color:#A777FF;}
.ldmm-handle {color:#1A4575;}
.ldcard-handle {color:#FF6666;}
.ldmsnp-handle, .popt-handle, .ldg-handle, .ldwg-handle, .ldtb-handle {color:#2F8EE3;}

#twtr-profile-widget {
  width:auto;
  margin-top:10px;
  padding: 0 14px;
  z-index:0;
}

#twtr-profile-widget p {
  _cursor:auto;
  font-family : MS Sans Serif, sans-serif, Tahoma, Loma !important;
  font-size: 8pt;
}

#twtr-profile-widget p a{
  font-weight: bold;
  font-size: 8pt;
  font-family : Arial,Verdana,Tahoma,Helvetica,sans-serif;
}

#twtr-profile-widget p i a{
  float:left;
}

.twtr-widget .twtr-tweet p i a.twtr-reply {
  visibility:visible!important;
  float:right!important;
  top:0;
}

#longdo-page ol, #longdo-page ul, #longdo-page li {
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  padding:0;
}

#longdo-page {
  left:0px!important;
  margin:0 auto!important;
  position:relative!important;
  width:960px!important;
}

#page {
  width:100%;
}

#header, #main {
  left:0px!important;
}

#header-inner, #main-inner{
  margin:0 auto!important;
  width:960px!important;
}

#longdo-page li {
  float:left;
  width:214px;
  margin-bottom:30px;
  text-align:center;
}

ul#longdo-plugin{
  padding-left:20px;
}

ul#longdo-plugin li {
  width:305px;
}

#longdo-page li.full {
  width:610px;
}

#head-more-service {
  float:right; 
  width:115px; 
  _width:120px;
  position:relative; 
  z-index:10; 
  margin-right:41px;
  margin-top:2px;
}

#head-more-service span {
  color:#2F8EE3;
  font-size:1.06em; 
  padding:auto 0px;
}

#arrow_more {
  background-image:url(/img/arrow-longdo.png);
  background-repeat:no-repeat;
  background-position: 0 0; 
  width:14px; 
  height:auto; 
  float:right;
  position:relative
}

#more-service {
  margin-top:38px;
  margin-bottom:10px;
}

#footer {
  font-size: 11px; 
  margin-top:12px;
  clear:both; 
  text-align:center;
  background:url(/img/footer-bg-longdo.png) repeat-x top; 
}

#footer-inner {
  width:960px !important;
  margin:auto;
  padding-top:10px;
  padding-bottom:4px;
  /* border-top:none;
  border:solid 1px #EBEBEB; */
}

body#front #footer-inner {
  _cursor:auto;
}

body#front #rank {
  _cursor:default;
}

.clear {
  clear:both;
}

.clear-empty {
  clear:both;
  height:0px;
  font-size:1px;
  line-height:0px;
}

input {
  vertical-align: middle;
}

input[type=text], input.form-text, input#searchfor {
  height: 20px;
  background-image:url(/img/textbox.png);
  background-position: 100% 0;
  max-width: 955px;
  padding-left:2px;
  padding-right:2px;
  -moz-border-radius:5px;
  -webkit-border-radius: 5px;
  border:1px solid #A5ACB2;
}

input[type=text]:focus, input.form-text:focus, input#searchfor:focus {
  background:url(/img/textbox.png) bottom right;
}

#ld, #ldm, #ldmm, #traffic, #event, #law, #ldg, #ldwg, #popt, #ldtb, #ldmsnp, #ldcard, #flood {
  position:relative;
  font-size:12px;
  margin:auto;
  z-index:1;
}

#ld, #ldm, #ldmm, #traffic, #event, #law, #popt, #ldmsnp, #ldcard {
  width:210px;
  height:165px;
}

#ldg {
  width:218px;
  height:140px;
}

#ldwg {
  width:238px;
  height:120px;
}


#ldtb {
  width:523px;
  height:92px;
}

.img-link {
  margin:0 auto 5px;
  position:relative;
}

.img-link div.link {
  background-image:url(/img/web-bg-longdo.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  margin:0px auto;
  width:165px;
  height:112px;
  cursor:pointer;
}

#longdo-service .img-link div.link {
  background-image:url(/img/web-bg-longdo-small.png);
  width:143px;
  height:97px;
}

.img-link img {
  width:145px;
  height:92px;
  margin:10px;
}

#longdo-service .img-link img {
  width:126px;
  height:81px;
  margin:8px;
}

.img-link div.link:hover, .img-link div.link-behavior-hover, .img-link div.link:active {
  background-position:0 100%;
}

#ldg .img-link div.link {
  background-image:url(/img/web-bg-gadget-longdo.png);
  width:146px;
  height:84px;
}

#ldg .img-link img {
  width:132px;
  height:70px;
  margin:7px;
}

#ldwg .img-link div.link {
  background-image:url(/img/web-bg-widget-longdo.png);
  width:214px;
  height:30px;
}

#ldwg .img-link img {
  width:200px;
  height:16px;
  margin:7px;
}

#ldtb .img-link div.link {
  background-image:url(/img/web-bg-toolbar-longdo.png);
  width:502px;
  height:46px;
}

#ldtb .img-link img {
  width:482px;
  height:27px;
}

#popt-popup, #ldmsnp-popup {top:110px;}
#ldg-popup {top:82px;}
#ldwg-popup {top:28px;}
#ldtb-popup {top:44px;}
#longdo-service.parent-popup {top:98px;}

.parent-popup {
  visibility:hidden;
  position:absolute;
  left:30px;
  z-index:1000;
  _left:5px;
}

li.third-column .parent-popup {
  left:-55px;
  _left:-95px;
}

ul#longdo-service li.first-row {
  margin-top:15px;
  margin-bottom:45px;
}

ul#longdo-service li.second-row {
  margin-bottom:35px;
}

 ul#longdo-service li.third-row {
  margin-bottom:10px;
}

ul#longdo-service li.first-column {
  clear:both;
}

div.error {
  border-color: #FFC5C5;
}

div.popup {
  width:243px; 
  color: #1A1A1A;
  text-align:left;
  background-color:transparent!important;
	display:-moz-inline-box;
	display:inline-block;
	border:none;
  font-size:0;
  background-position:top center;
	background-repeat:no-repeat;
	font-style:normal;
	padding-top:40px;
  margin-bottom:15px;	
	vertical-align:middle;	
	position:relative;
	height:0px;
	_overflow-x:hidden;
}

div.popup span {
  width:213px;
  _width:243px;
  font-size:12px;
  height:auto;
  padding:0 15px 20px 15px;
  margin:0px auto;
	display:-moz-inline-box;
	display:inline-block;
  font-style:normal;    
  background-color:transparent;
	background-position:bottom center;
	background-repeat:no-repeat;
	_margin-bottom: expression( this.offsetHeight*(-1) + "px");
	border:none;
	vertical-align:middle;
	position:relative;
	zoom:1;
	_display:block;
	_left:0;
}

div.popup, div.popup span {
  background-image:url(/img/popup-longdo.png);
}

li.third-column div.popup, li.third-column div.popup span {
  background-image:url(/img/popup-longdo-rightside.png);
}

#more-border {
  background:url(/img/more-border-longdo.png) no-repeat top center;
  width:642px;
  height:525px;
  margin-top:-34px;
  position:absolute;
}

.pointer {
  cursor:pointer;
}

.twtr-hd {padding-bottom:5px!important;}
.twtr-bd {padding:3px!important;}
.twtr-ft div {display:none;}

.profile-block {
  padding: 0 10px 10px;
}

.div-inset {background: transparent; margin:0 auto 15px;}
.div-inset .top, .div-inset .bottom {display:block; background:transparent; font-size:1px;}
.div-inset .b1, .div-inset .b2, .div-inset .b3, .div-inset .b4 {display:block; overflow:hidden;}
.div-inset .b1, .div-inset .b2, .div-inset .b3 {height:1px;}
.div-inset .b2 {background:#FFFDF5; border-left:1px solid #CCE0FB; border-right:1px solid #CCE0FB;}
.div-inset .b3 {background:#FFFDF5; border-left:1px solid #CCE0FB; border-right:1px solid #CCE0FB;}
.div-inset .b4 {background:#FFFDF5; border-left:1px solid #CCE0FB; border-right:1px solid #CCE0FB;}
/***/
.div-inset .b1 {margin:0 5px; background:#CCE0FB;}
.div-inset .b2 {margin:0 3px; border-width:0 2px;}
.div-inset .b3 {margin:0 2px;}
.div-inset .b4 {height:2px; margin:0 1px;}
/***/
.div-inset .profile-block {display:block; background:#FFFDF5; border-left:1px solid #CCE0FB; border-right:1px solid #CCE0FB;}

.profile-block h3 {
  margin-top:0px;
  padding-top:3px;
  padding-bottom:3px;
}

.profile {
  color:#4F3200;
  margin-top:15px;
}

body.no-sidebars.page-user.section-user.not-logged-in .profile {
  width:760px;
  margin:20px auto;
}

body.no-sidebars.page-user.section-user.not-logged-in #content-inner {
  margin-top:15px;
}

.profile h3 {
  border-bottom:1px solid #EFDFC2;
}

.profile dd, .profile dl {
  margin:0;
}

.fb_content_loading {
  text-align:center;
}

.form-item .description {color: #AEAEAE; font-size:8pt;}
.narrow .form-item .form-radios {
  margin:0px !important;
}
.form-inline .form-item .form-radios {
  display:inline!important;
}
.form-inline .form-item label input.form-radio {margin:0px!important; vertical-align:text-bottom; _vertical-align:middle;}
.form-inline input.form-text {display:inline; width:auto;}
.form-inline .form-item {display:inline!important; margin-bottom: 10px;}
.form-inline {margin-top: 10px;}
.form-inline .form-item label {display:inline!important; margin-right:5px;}
.form-inline-exceptlabel .form-item label {display:block!important;}
.form-item {
  margin-bottom:10px;
  margin-top:10px;
  _margin-bottom:0px;
}

#facebook-permission .form-radios {margin:0px;}

.fb-connection-img {text-align:center;}
.fb-connection-img img {border:2px solid #75AEFB;}

/* Tooltip */
#tooltip {  
  position:absolute;  
  z-index:9999;  
  color:#00457A;  
  font-size:11px;
  _font-size:10px;
  padding:2px 5px;
  background-color: #FFFFE1;
  border: 2px groove #C0DDF8;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.page-user div.status {
  background-position: 5px 5px;
  font-style: normal;
}

#msg-info-activated-navigation {
  margin: 5px 0 10px;
  
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  
  -webkit-column-gap: 10px; /* Chrome, Safari, Opera */
  -moz-column-gap: 10px; /* Firefox */
  column-gap: 10px;
}

.activated-navigation-app {
  margin-top: 10px;
  position: relative;
  -webkit-column-break-inside: avoid; /* Chrome, Safari */
  page-break-inside: avoid;           /* Theoretically FF 20+ */
  break-inside: avoid-column;         /* IE 11 */
  display:table;                      /* Actually FF 20+ */
  padding-left: 3px;
  padding-bottom: 3px;
}

.activated-navigation-app-icon {
  width: 48px;
  height: 48px;
  margin-right: 10px;
  background: url(/img2015/logo-navigation-app.png) no-repeat;
  background-size: 48px;
  -webkit-filter: drop-shadow(1px 1px 3px #777);
  filter: drop-shadow(1px 1px 3px #777);
}

.navigation-app-icon-merchant {
  background-position: 0px 0px;
}

.navigation-app-icon-cards {
  background-position: 0px -48px;
}

.navigation-app-icon-map {
  background-position: 0px -96px;
}

.navigation-app-icon-traffic {
  background-position: 0px -144px;
}

.navigation-app-icon-dict {
  background-position: 0px -192px;
}

.activated-navigation-app-detail {
  margin-top: 7px;
}

.activated-navigation-app-desc {
  color: #000;
  font-weight: normal;
}

.activated-navigation-app-icon, .activated-navigation-app-detail {
  float: left;
}

#msg-info-activated-title, .activated-navigation-app-title {
  font-weight: bold;
}

/*Optional hack for IE6 to simulate :hover selector*/
.img-link div.link, span.button {
  _behavior:expression((function(el){	
    if( typeof( behavior_onMouseEnter) == 'undefined'){
			behavior_onMouseEnter = function(el){
				var sClass = this.className ;
				this.__defaultClassName = sClass ;
				this.className = sClass + ' ' + sClass + '-behavior-hover';	
				this.setCapture();
			};
			behavior_onMouseLeave = function(el) {
				this.className = this.__defaultClassName ;
				this.__defaultClassName = undefined;
				this.releaseCapture();
			};
		};
		el.runtimeStyle.behavior = 'none';
		el.onmouseenter = behavior_onMouseEnter;
		el.onmouseleave = behavior_onMouseLeave;
	})(this));
}