@charset "utf-8";
/* CSS Document */
body {
	color: #333333;
	background-repeat: repeat-y;
	background-position: center;
	background-color: #FFFFFF;
}

.x-blue {
	color: #3366FF;
}

.light-blue {
	color: #2e8bcc;
}

.light-gray {
	color:#939393;
}

.dark-gray {
	color: #666666;
}

.floatLeft {
	float: left;
}

.floatRight {
	float: right;
}

#menu_wrap {
	height: 60px;
	background-image: url(/lkdoc/wwwimg/menu-shadow.png);
	background-repeat: no-repeat;
	background-position: 33px 38px;
}

#content {
	padding-top: 0px;
	padding-left: 50px;
	padding-right: 50px;
	padding-bottom: 30px;
}

h3, h4 {
	color: #2e8bcc;
}



.x-small {
	font-size: 0.9em;
}

.small {
	font-size: 1.2em;
}

.x-middle {
	font-size: 1.3em;
}

.middle {
	font-size: 1.5em;
}

.big {
	font-size: 2em;
}

.bold {
	font-weight: bold;
}

.content_layout {
	line-height: 2em;
}

.indent {
	text-indent: 2em;
}

a:link, a:visited {
	text-decoration:none;
	/* color: #4D4D4D; */
	color: #2e8bcc;
}
a:active {
	text-decoration:underline;
	color:#2e8bcc;
	cursor:pointer;
}
a:hover {
	text-decoration:underline;
	color: #0365a9;
	cursor:pointer;
}

.error-message {
	color: #FF0000;
}

hr {
	border:0;
	height: 1px;
	background-color: #CCCCCC;
	color: #CCCCCC;
}

/* 首頁 footer */
#footer {
	color: #808080;
}

#footer #top {
	border-bottom: 1px solid #CCCCCC;
}

/*連結*/
#footer a:link, #footer a:visited {
	text-decoration:none;
	color: #808080;
}
#footer a:active {
	text-decoration:none;
	color:#808080;
	cursor:pointer;
}
#footer a:hover {
	text-decoration:none;
	color:#277bb5;
	cursor:pointer;
}


/* legal  policy pages */
#white-pages {
	padding-left: 50px;
	padding-right: 50px;
}

#white-pages h3 {
	color: #2e8bcc;
}

#white-pages img.title {
	padding-top: 20px;
}

#white-pages.text-indent p {
	text-indent: 2em;
}

/* every pages titles pic position */
.pic-title {
	margin-right: 20px;
	margin-left: 20px;
	text-align: right;
}

.pic-title .image-wrap {
	height: 120px;
	min-height: 120px;
}

/* for short title images use */

ul.headernav { 
	list-style: none;
	margin: 0;
	padding: 0;
	margin-left: 400px;
}

ul.headernav li { float:left;  }

	
ul.sprite_about_rooty li a {
	display: block;
	background: #fff url(/lkdoc/wwwimg/sprite_about_us.jpg) no-repeat scroll top left; 
    height: 106px; 
    width: 119px; 
}

ul.sprite_partner li a {
	display: block;
	background: #fff url(/lkdoc/wwwimg/sprite_partner.jpg) no-repeat scroll top left; 
    height: 106px; 
    width: 119px; 
}

ul.sprite_services li a {
	display: block;
	background: #fff url(/lkdoc/wwwimg/sprite_services.jpg) no-repeat scroll top left; 
    height: 106px; 
    width: 119px; 
}

ul.sprite_events li a {
	display: block;
	background: #fff url(/lkdoc/wwwimg/sprite_events.jpg) no-repeat scroll top left; 
    height: 106px; 
    width: 119px; 
}

ul.headernav li a span { display: none; }
ul.headernav li.btn1 a.out { background-position: 0 -212px; }
ul.headernav li.btn2 a.out { background-position: -119px -212px; }
ul.headernav li.btn3 a.out { background-position: -238px -212px; }
ul.headernav li.btn4 a.out { background-position: -357px -212px; }

 
ul.headernav li.btn1 a:hover { background-position: 0px -106px; }
ul.headernav li.btn2 a:hover { background-position: -119px -106px; }
ul.headernav li.btn3 a:hover { background-position: -238px -106px; }
ul.headernav li.btn4 a:hover { background-position: -357px -106px; }

ul.headernav li.btn1 a.active { background-position: 0px 0px; }
ul.headernav li.btn2 a.active { background-position: -119px 0px; }
ul.headernav li.btn3 a.active { background-position: -238px 0px; }
ul.headernav li.btn4 a.active { background-position: -357px 0px; }

ul.pagesnav { 
	list-style: none;
	margin: 0;
	padding: 0;
	padding-top: 10px;
}

ul.pagesnav li { float:left; }  

ul.pagesnav li a {
	padding-right: 5px;
	padding-left: 15px;
	display: block;
	color: #666666;
	text-decoration:none;
}

ul.pagesnav li a:link, ul.pagesnav li a:visited {
	text-decoration:none;
	/* color: #4D4D4D; */
	color: #666666;
}
ul.pagesnav li a:active {
	text-decoration:none;
	color: #666666;
	cursor:pointer;
}
ul.pagesnav li a:hover {
	text-decoration:none;
	color: #666666;
	font-weight: bold;
	cursor:pointer;
	background-image: url(/lkdoc/wwwimg/arrow.gif);
	background-repeat: no-repeat;
	background-position: left;
}

ul.pagesnav li a.active {
	background-image: url(/lkdoc/wwwimg/arrow.gif);
	background-repeat: no-repeat;
	background-position: left;
	font-weight: bold;
}

/** WathcDog and Fax Product Pages Link **/
ul.subitemnav { 
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.subitemnav li { float:left; }

ul.sprite_sub_watchdog li a {
	display: block;
	background: #fff url(/lkdoc/wwwimg/sprite_watchdog_sub_menu.gif) no-repeat scroll top left; 
    height: 73px; 
    width: 71px; 
}

ul.sprite_sub_fax li a {
	display: block;
	background: #fff url(/lkdpc/wwwimg/sprite_fax_sub_menu.gif) no-repeat scroll top left; 
    height: 73px; 
    width: 71px; 
}

ul.subitemnav li a span { display: none; }

ul.subitemnav li.btn1 a.out { background-position: 0px -71px; }
ul.subitemnav li.btn2 a.out { background-position: -71px -71px; }
ul.subitemnav li.btn3 a.out { background-position: -142px -71px; }
ul.subitemnav li.btn4 a.out { background-position: -213px -71px; }
 
ul.subitemnav li.btn1 a:hover { background-position: 0px -142px; }
ul.subitemnav li.btn2 a:hover { background-position: -71px -142px; }
ul.subitemnav li.btn3 a:hover { background-position: -142px -142px; }
ul.subitemnav li.btn4 a:hover { background-position: -213px -142px; }

ul.subitemnav li.btn1 a.active { background-position: 0px 0px; }
ul.subitemnav li.btn2 a.active { background-position: -71px 0px; }
ul.subitemnav li.btn3 a.active { background-position: -142px 0px; }
ul.subitemnav li.btn4 a.active { background-position: -213px 0px; }

.messageDiv {
	background-color: #D9ECFF;
	border-top: 1px solid #68B4FF;
	border-bottom: 1px solid #68B4FF;
	clear: both;
} 

.messageDiv .icon {
	width: 100px;
	float: left;
	text-align: right;
}
.messageDiv #flashMessage {
	color: #6699FF;
	float: left;
	text-align: left;
	line-height: 2em;
	padding-left: 5px;
}

/*
 * 防止選單位於下方 
 */
*html #company-wrap { z-index: -1; }
*html #vision-wrap { z-index: -1; }
*html #contact-wrap { z-index: -1; }


/*
 * 共通項目
 */
 
#content_wraper {
	margin-top: 60px;
}

.image-desc {
	text-align: right;
	padding-right: 20px;
	font-size: 0.6em;
	color: #999999;
}

/* 內容代表圖片 */
#company-wrap {
	background-image: url(/lkdoc/wwwimg/structure.jpg);
	background-position: 50px 20px;
	background-repeat: no-repeat;
	min-height: 350px;
	position: relative;
}

#vision-wrap {
	background-image: url(/lkdoc/wwwimg/earth.jpg);
	background-position:  90px 0px;
	background-repeat: no-repeat;
	min-height: 400px;
	position: relative;
}

#vision-wrap .vision-tree {
	background-image: url(/lkdoc/wwwimg/tree.jpg);
	background-repeat: no-repeat;
	background-position: 450px 0px;
}

#contact-wrap {
	background-image: url(/lkdoc/wwwimg/telephone.jpg);
	background-position: 60px 0px;
	background-repeat: no-repeat;
	min-height: 350px;
	position: relative;
}

#collaboration_program-wrap {
	background-image: url(/lkdoc/wwwimg/projects.jpg);
	background-position: 50px 0px;
	background-repeat: no-repeat;
	min-height: 350px;
	position: relative;
}
#services-wrap {
	background-image: url(/lkdoc/wwwimg/headphone.png);
	background-position: 50px 0px;
	background-repeat: no-repeat;
	min-height: 400px;
	position: relative;
}	

#knowledge-wrap {
	background-image: url(/lkdoc/wwwimg/bulb.jpg);
	background-position: 110px 0px;
	background-repeat: no-repeat;
	min-height: 400px;
	position: relative;
}	

*html #knowledge-wrap {
	height: 400px;
}

#products-services-wrap {
	background-image: url(/lkdoc/wwwimg/disk.jpg);
	background-position: 60px 30px;
	background-repeat: no-repeat;	
	min-height: 400px;
	position: relative;
}

#partners-wrap {
	background-image: url(/lkdoc/wwwimg/twins.jpg);
	background-position: 0px 30px;
	background-repeat: no-repeat;
	position: relative;
	min-height: 500px;
}

*html #partners-wrap {
	height: 500px;
}

#press_room-wrap {
	background-image: url(/lkdoc/wwwimg/radio.jpg);
	background-position: 0px 30px;
	background-repeat: no-repeat;
	position: relative;
	min-height: 500px;
}

#seminar-wrap {
	background-image: url(/lkdoc/wwwimg/coffee.jpg);
	background-position: 0px 30px;
	background-repeat: no-repeat;
	position: relative;
	min-height: 500px;
}	

.title-img-wrap {
	top: 0px;
	left: 380px;
}		

#content_wraper .quadrel {	
	margin-left: 25px;
	margin-right: 25px;
}


#content_wraper .section {
	width: 380px;
}


#content_vision {
	margin-top: 80px;
	margin-left: 40px;
	height: 500px;
}

#content_vision dl {
	padding-top: 20px;
}

#content_vision dd { 
	line-height: 30px;
}

/* contact us */

#contact-wrap .contact_us {
	padding-top: 80px;
	margin-bottom: 30px;
	background-color: transparent;
	margin-left: 20px;
	margin-right: 20px;
}

#companyinfo {
	width: 400px;
	text-align: center;
	/*
	background-image: url(/lkdoc/wwwimg/map.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	*/
	height: 350px;
	min-height: 350px;
}

#companyinfo .company_title {
	border-bottom: 1px solid #cccccc;
	width: 300px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	font-size: 1.3em;
	padding-bottom: 5px;
	background-image: none;
	background-color: transparent;
}


#companyinfo .company_address {
	text-align: left;
	padding: 10px 0 0 60px;
}

.contact_form {
	width: 400px;
	border: 1px solid red;
}


#contact-form {
	color: #666666;
	width: 380px;
	text-align: left;
}

#contact-form .error {
	position: relative;
}

#contact-form .error input, #contact-form .error textarea {
	border: 1px solid #FFC78E;
	background-color: #FFEFDF;
}

#contact-form .error .error-message {
	position: absolute;
	top: 6px;
	left: 290px;
	width: 170px;
}


#contact-form .row {
	clear: both;
	padding-top: 5px;
}

#contact-form .row_up {
	clear: both;
	padding-top: 5px;
	position: relative;
}

#contact-form .row_up .error-message {
	position: absolute;
	top: 6px;
	left: 350px;
	width: 100px;
}

#contact-form label {
	width: 120px;
	text-align: right;
	float:left;
	line-height: 1.7em;
	padding-right: 5px;
}

#contact-form .formw {
	float: left;
	text-align: left;
}

#contact-form input,#contact-form textarea {
	border: 1px solid #cccccc;
	background-color: #E9F3EB;
}


/* partners */


#co_program {
	padding-top: 10px;
	margin-left: 40px;
	margin-right: 40px;
}

#co_program dt {
	line-height: 2.3em;
	font-size: 1.2em;
	font-weight: bold;
	margin-left: 20px;
	margin-top: 5px;
}

#co_program dd {
	line-height: 2em;
}

#co_program .award {
	float: left;
	margin-top: 50px;
}

#co_program .desc {
	float: right;
	text-align: left;
	width: 350px;
}

#co_program .desc h4 {
	text-align: center;
	padding-top: 10px;
}

#co_program ul {
	list-style: none;
}

#co_program li {
	display: inline;
	margin-left: 0px;
}



#partners-wrap #agency-system {
	text-align: left;
	width: 430px;
	position: absolute;
	top: 250px;
	right: 50px;
}

#agency-system fieldset#login  {
	border: 1px solid #ccc;
}
#agency-system fieldset#login legend {
	margin-left: 20px;
}

#agency-system fieldset#login label {
	width: 150px;
	display: inline-block;
	text-align: right;
}

/* services */


/* hr */
#job-wrap .pic-wrap {
	margin-bottom: 20px;
}

.job_title {
	background-color:#003366;
	color: #FFFFFF;
	line-height: 25px;
	padding-left: 20px;
	margin-top: 15px;
}
	
#job-wrap .description {
	color: #666666;
	float: left;
	display: block;
	width: 400px;
	margin-left: 30px;
}
	
#job-wrap h2 {
	padding-left: 45px;
	color: #414141;
}

#job-wrap .description .subject {	
	padding-bottom: 10px;
	padding-left: 20px;
	color: #666666;
	font-size: 1.25em;
}

#job-wrap .description .content {	
	border-top: 1px solid #999999;
	color: #666666;
	line-height: 20px;
	padding-left: 10px;
	padding-top: 10px;
}

#job-wrap .description ol,#job-wrap .description li {
	margin-top: 0px;
	margin-left: 0px;
}

#job-wrap .pic-wrap {
	position: relative;
}

#job-wrap #belief {
	color: #FFFFFF;
	position: absolute;
	top: 350px;
	left: 0px;
	padding-left: 55px;
	padding-right: 50px;
	line-height: 20px;
	letter-spacing: 2px;
}

/* products */
#head-demo {
	margin-top: 5px;
}

#product-content { 
	margin-left: 20px;
	margin-right: 20px;
}

#product-content h1 {
	text-align: center;
	line-height: 40px;
	color: #3366CC;
}

#product-content h2 {
	color: rgb(127, 138, 195);
	font-size: 1.65em;
}

#product-content h3 {
	color: #929292;
	font-size: 1.2em;
}

#product-content hr {
	margin-top: -10px;
}

#product-content img {
	padding: 10px;
}

#product-content ol li {
	padding-top: 10px;
}

#all-detect_wrap {
	height: 337px;
	background-image: url(/lkdoc/wwwimg/detect_item.jpg);
	background-repeat: no-repeat;
	background-position: bottom center;
	text-align: center;
} 


#all-detect {
	width: 380px;
	padding-top: 50px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

#all-detect h2 {
	text-align: center;
}

#all-detect hr {
	margin-bottom: -10px;
}

#level_auth  {
	height: 200px;
} 

#level_auth  div {
	width: 350px;
	display:inline-block; 
    vertical-align:middle;
	height: 100%;
	float: right;
}

#prealarm {
	width: 450px;
}

.head-demo {
	position: relative;
}

.bru_bottom {
	color: #666666;
}

.bru_bottom ul.pagesnav li a:link,.bru_bottom ul.pagesnav li a:visited {
	color: #666666;
	text-decoration: none;
	cursor: pointer;
}


.bru_bottom ul.pagesnav li a:hover {
	font-weight: bold;
}

.bru_bottom ul.pagesnav li a.active {
	background-image: url(/lkdoc/wwwimg/arrow_t.png);
	background-repeat: no-repeat;
	background-position: left;
	font-weight: bold;
}

#fax-wrap .head-demo {
	padding-top: 5px;
}

#fax-wrap hr {
	margin-top: -10px;
}

#fax-content h2 {
	color: rgb(127, 138, 195);
	font-size: 1.65em;
}

#fax-content li {
	list-style-type:none; 
	list-style-image: url(/lkdoc/wwwimg/circle.gif);
}

div.detect_nav {
	
}

ul.detect_modules {
	list-style: none;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 0px;
	clear: both;
	float: right;
	
}

ul.detect_modules li {
	float:left;
	margin: 0px;
	width: 395px;
	margin-left: 3px;
	margin-right: 3px;
	height: 210px;
	min-height: 210px;
}

#product-content strong {
	font-size: 1.15em;
}

.news_bar {
	border-bottom: 1px solid #D0D0D0;
	padding-top:10px;
	padding-bottom: 10px;
	clear: both;
}

.item_bar {
	border-bottom: 1px solid #D0D0D0;
	padding-top:10px;
	padding-bottom: 10px;
	clear: both;
}

.item_bar .item_title {
	padding: 3px;
	background-color: #666;
	color:#FFFFFF;
	display: block;
	width: 150px;
	line-height: 15px;
}

.news_bar a {
	text-decoration: none;
	color: #666666;
}

.icon_left {
	float: left;
	margin:5px;
	text-align: right;
	padding-left: 25px;
	padding-right: 5px;
}


.list_content {
	margin-top: 3px;
}

.date_left {
	height: 70px;
	float: left;
	background-image: url(/lkdoc/wwwimg/news_title.gif);
	background-repeat: no-repeat;
	background-position: 0px -95px;
	padding-top: 15px;
	margin:5px;
	text-align: right;
	padding-left: 25px;
	padding-right: 25px;
}

a:hover .date_left {
	background-position: 0px 0px;
	color: #CCCCCC;
}

span.date_year, span.date_month {
	font-family:Arial, Helvetica, sans-serif; font-size: 3.2em; color: #666666;
}

span.date_month {
	line-height: 1.2em;
	font-size: 2.0em;
}

a:hover span.date_year, a:hover span.date_month {
	color: #CCCCCC;	
}

.news_content {
	padding-top: 10px;
	margin-right: 30px;
	margin-left: 20px;
	font-size: 0.8em;
}

a:link .news_content  {
	color: #666666;
}

#knowledge-wrap #agency-system {
	text-align: left;
	padding-right:20px;
	width: 335px;
}

#knowledge-wrap #note_content {
	padding-top: 50px;
	line-height: 2.5em;
	padding-right: 10px;
}
