@charset "utf-8";
/* CSS Document */

/***********************************************************************************************************
DEFAULT
************************************************************************************************************/

/* TAG SET */
html {
	overflow-y:scroll;
}

body {
	background:#ffffff;
	margin:0; padding:0;
	font-size:14px;
	font-family:"微软雅黑";
	color:#777;
	line-height:21px;
}

a {
	text-decoration:none;
	color:#000000;
	outline:none;
}
a:hover {
	color:#0088cd;
	/*color:#008ef1;*/
}

a.link1 {
	color:#0088e5;
	text-decoration:underline;
}
a.link1:hover {
	color:#485568;
	text-decoration:none;
}

a.link2 {
	color:#ffffff;
	text-decoration:none;
	outline:none;
}

a.link2:hover {
	color:#02aaff;
	text-decoration:none;
}

h1,h2,h3,h4,h5,h6 {
	margin:0; padding:0;
	font-weight:normal;
}

form {
	margin:0; padding:0;
}

input, select, textarea {
	font-family:Arial, Helvetica, sans-serif, "新細明體";
	font-size:100%;
	vertical-align:middle;
	color:#777;
	/*font-family:"微軟正黑體", Arial, Helvetica, sans-serif;*/
}

images {
	border:0;
	vertical-align:middle;
}

ul, ol, li, dl, dt, dd {
	padding:0; margin:0;
	list-style-type:none;
}

ul {

}

ol {
	margin-left:28px
}

ul li {
	list-style-type:none;
}

ol li {
	list-style-type:decimal;
}

p {
	margin:0; padding:0;
}

fieldset, legend {
	margin:0; padding:0;
	border:0;
}

table, tr, td {
	margin:0; padding:0;
	padding-left:0px;
	padding-right:0px;
	border-collapse:collapse;
}

/***********************************************************************************************************
TOPANEL
************************************************************************************************************/
#topPanel {
	position:relative;
	width:1168px; height:100px;
	z-index:2;
	background:#ffffff;
	top:30px;
}
#topPanel .top {
	width:900px; height:100px;
	left:134px;
	top:18px;
	bottom:0;
	position:absolute;
	z-index:2;
	padding:4px;
}
#topPanel .bottom {
	display:none;
}
#topPanel .top div.con {
	position:relative;
	width:900px;
	height:100px;
}

/************* logo **************/
#logo {
	float:left;
	position:relative;
}
#logo a {
	background:url("../images/logo.gif") no-repeat;
	z-index:2;
	position:relative;
}

/************* mainNav **************/
#mainNav {
	float:left;
	position:absolute;
	top:12px; left:210px;
	
}
#mainNav li {
	position:relative;
	/*margin-right:20px;*/
}
#mainNav a.anchor {
	text-transform:capitalize;
	color:#000000;
	padding:0 13px 0 13px;
	line-height:43px;
	*line-height:46px;
	line-height:46px \9;
	_line-height:46px;
	display:block;
	z-index:2;
	position:relative;
	
}
#mainNav a.anchor:hover,
#mainNav a.anchor.step {
	background:#66b7e2;
	height:66px;
	top:-34px;
}
#mainNav a.anchor.noL {
	background:none;
}
#mainNav li.fixie a.anchor {
	*line-height:43px;
	line-height:43px \9;
	_line-height:43px;
}


/************* subMenu **************/
#mainNav .sub {
	top:0px; left:0;
	position:absolute;
	visibility:hidden;
	/*overflow:hidden;
	background:#00337f;*/
	background:url("../images/m_li_bg.png");
	width:82px;
	
}

#mainNav .n2 .sub li,.n4 .sub li,.n5 .sub li,.n6 .sub li {
	padding-left:6px;
	padding-top:6px;
}

#mainNav .n1 .sub {
	background:url("../images/n1Bg_head.png") no-repeat;
	padding:44px 5px 9px 5px;
	width:900px; 
	/*height:369px;*/
	/*left:-313px;*/
	margin-left:0px;
	margin-top:22px;
	left:-380px;
	z-index:-20;
}

#mainNav .n1 .sub ul {
	background:url("../images/n1Bg_body.png") repeat-y;
	margin-left:-5px;
	padding:0 1px 0 1px;
	width:900px; /*height:369px;*/
	display:inline-block;
}
#mainNav .n1 .sub li {
	width:224px;
	margin-right:1px;
}

#mainNav .n1 .sub .allM {
}

#mainNav .n1 .sub div.block {
	display:block;
	width:223px;
}
#mainNav .n1 .sub dl {
	clear:both;
	color:#afb08e;
	width:223px;
}
#mainNav .n1 .sub dl dt {
	background:#0089CE;
	clear:both;
	color:#ffffff;
	height:23px;
	line-height:18px;
	text-transform:uppercase;
	text-align:center;
}

#mainNav .n1 .sub dl dt a {
	color:#ffffff;
	display:block;
	width:223px; 
	height:23px;
	line-height:20px;
	font-size:16px;
}

#mainNav .n1 .sub dl dt a:hover {
	color:#ffffff;
	background:#06355c;
}

#mainNav .n1 .sub dl dd {
	background:#deeaf8;
	clear:both;
	margin-top:1px;
	height:17px;
	line-height:17px;
}


#mainNav .n1 .sub dl dd a {
	padding-left:7px;
	color:#000000;
	display:block;
	width:215px; 
	height:17px;
	line-height:17px;
	font-size:10px;
}
#mainNav .n1 .sub dl dd a:hover {
	background:#0089ce;
	color:#FFFFFF;
}
#mainNav .n1 .sub div.car {
	float:left;
	width:223px; 
	height:90px;
	overflow:hidden;
}


/************* service **************/
#service {
	margin-right:7px;
	padding:27px 55px 0 14px;
	_padding-right:10px;
	width:76px; height:32px;
	overflow:hidden;
	white-space:nowrap;
	z-index:2;
	position:relative;
	visibility:hidden;
	float:right;
}
#service li {
	height:16px;
	background-repeat:no-repeat;
	background-position:left top;
	padding-left:20px;
	margin-right:3px;
    line-height:12px;
	*line-height:16px;
	line-height:16px \9;
	_line-height:16px;
	cursor:pointer;
	overflow:hidden;
	float:right;
}
#service li.step {
	background-position:left -16px;
}
#service a {
	color:#06355C;
	display:block;
	overflow:hidden;
	height:16px;
}
#service li.sv1 {
	background-image:url("../images/service-3.png");
}
#service li.sv2 {
	background-image:url("../images/service-2.png");
}
#service li.sv3 {
	background-image:url("../images/service-1.png");
	padding-left:22px;
}

/************* epaper **************/
#epaper {
	position:absolute;
	z-index:2;
	top:7px; right:11px;
	width:325px; height:;
	background:url("../images/head.png") no-repeat;
	_behavior:url("iepngfix.htc");
	padding-top:0;
	visibility:hidden;
}
#epaper .epaperHead {
	height:42px;
	cursor:move;
}
#epaper form {
	background:url("../images/body.png") no-repeat;
	_behavior:url("iepngfix.htc");
	padding:12px 6px 9px 25px;
	min-height:128px;
	_height:128px;
}
#epaper .epaperClose {
	background:url("../images/epaperClose.gif") no-repeat;
	width:45px; height:16px;
	position:absolute;
	top:16px; right:15px;
}
#epaper p {
	line-height:15px;
	margin:3px 0 14px 4px;
}
#epaper .txt {
	background:url("../images/selectBg.gif") repeat-x;
	border:1px #ccc solid;
	padding:1px 2px 1px 2px;
	width:210px;
	margin-right:3px;
}
#epaper .btn {
	background:url("../images/epaperSubmit.gif") no-repeat;
	width:59px; height:21px;
	display:inline-block;
}
#epaper .btn:hover {
	background-position:left bottom;
}
#epaper .ckBtn {
	margin-top:7px;
}
#epaper label {
	margin-right:18px;
	cursor:pointer;
}
#epaper label input {
	margin-top:-2px;
	margin-right:4px;
	_margin-top:-3px;
	*margin-right:1px;
	margin-right:1px \9;
	_margin-right:1px;
}


/***********************************************************************************************************
MAINPANEL
************************************************************************************************************/
#mainPanel {
	position:relative;
	z-index:1;
}
#mainPanel .block,
#mainPanel .float {
	color:#fff;
	z-index:3;
	padding:12px 0 40px 0;
}
#mainPanel .block {
	position:relative;
}
#mainPanel .float {
	position:absolute;
}

/**********midPanel**********/

#midPanel{
	position:relative;
	height:500px;
	width:1168px;
}

/************* kv **************/
#kv {
	position:relative;
	width:100%; height:505px;
	z-index:1;
	overflow:hidden;
}
#kv.short {
	height:226px;
}
#kv #kvCon {
	height:100%;
}


/************* slider_bottom **************/
#slider_bottom{
	height:36px;
	background:url("../images/slider_bg.jpg");	
	position:relative;
	margin:0 auto 0 auto;
}





/***********************************************************************************************************
FOOTPANEL
************************************************************************************************************/
#footPanel {
	width:100%;
	height:100px;
	background:#0089CE;
}
#footPanel .allWidthIn {
	width:1168px;
	background:#0089CE;
	height:100px;
}


/************* footInfo **************/
#footInfo {
	width:900px;
	margin:0 auto 0 auto;
	margin-top:20px;
	position:relative;
}
#footLink {
	height:24px;
	position:absolute;
	top:0; right:0;
}
#footLink li {
	margin-left:10px;
}
#footLink a,
#footLink li.line {
	padding-right:10px;
}
#footLink li.line {
	height:25px;
	background-position:right 7px;
}
#footLink li.noLine a {
	background:none;
	padding-right:0;
}
#copyright {
	color:#000;
}
.footLogo {
	margin-right:8px;
}
#footLink .fb {
	width:69px; height:13px;
	margin-top:5px;
}
.footBtn{
	width:73px;
	height:14px;
	background:#000000;
	margin-left:5px;
	padding-left:8px;
	padding-right:8px;
}

/***********************************************************************************************************
OTHERPANEL
************************************************************************************************************/
#otherPanel {
	position:fixed;
	_position:absolute;
	top:0; left:0;
	z-index:99;
}
#otherPanel #alertBox {
	background:#fff;
	padding:20px;
}

.contact_subject{
	font-family:微软雅黑,宋体,Geneva, Arial, Helvetica, sans-serif, Decker;
	font-size: 12px;
	color: #212121;
	position: absolute;
	font-weight: normal;
	line-height: 20px;
}

.text_field{
	background-image: url("../images/text_field_prop.jpg"/*tpa=http://www.microlight-optics.c../images/text_field_prop.jpg*/);
	background-repeat: repeat-x;
	height: 21px;
	border: 1px solid #b5c9ce;
	position: relative;
	left: 160px;
	width: 350px;
	padding-top: 5px;
	padding-left: 5px;
	font-family:微软雅黑,宋体,Geneva, Arial, Helvetica, sans-serif, Decker;
	font-size: 12px;
	color: #999999;
}
.text_area{
	background-image: url("../images/text_field_prop.jpg"/*tpa=http://www.microlight-optics.c../images/text_field_prop.jpg*/);
	background-repeat: repeat-x;
	border: 1px solid #b5c9ce;
	position: relative;
	left: 160px;
	width: 350px;
	padding-top: 5px;
	padding-left: 5px;
	font-family:微软雅黑,宋体,Geneva, Arial, Helvetica, sans-serif, Decker;
	font-size: 12px;
	color: #999999;
}

/************* 导航 **************/
.a_b{width:146px; height:69px;text-align:center;line-height:40px;float:left; padding-right:4px;}
.a_c{width:146px; height:129px;text-align:center;line-height:40px;float:left; padding-right:4px;}
#account_inner{width:900px; height:129px;}
.subhover{color:#0098ad;}
#accPanel {
	margin:0 auto 0 auto;
	width:900px;
	height:70px;
	z-index:2;
	top:30px;
}

#main{
	z-index:-20;
	position:relative;
	}
/************* news **************/

#newsPanel {
	margin:0 auto 0 auto;
	width:900px;
	height:336px;
	margin-top:56px;
}

.case_pro li {
	float:left;
	margin:1px 4px 4px 0px;
	font-size:12px;
	position:relative;
	padding:1px;
	list-style-type:none
	}
	
	
/************* proTab **************/
#proTab li {
	margin-right:10px;
	font-size:18px;
}	

#proTab li a{
	color:#0089CE;
	text-decoration:none;
	outline:none;
	background:#e9eff8;
	padding-left:40px;
	padding-right:40px;
	padding-top:10px;
	padding-bottom:10px;
	cursor:pointer;
	}
	
#proTab li a:hover,
#proTab li a.step{
	color:#ffffff;
	text-decoration:none;
	background:#0089CE;
	padding-bottom:15px;
	cursor:pointer;
	}	
	
/************* proTabw **************/
#proTabw li {
	margin-right:10px;
	font-size:18px;
}	

#proTabw li a{
	color:#0089CE;
	text-decoration:none;
	outline:none;
	background:#e9eff8;
	padding-left:40px;
	padding-right:40px;
	padding-top:10px;
	padding-bottom:10px;
	cursor:pointer;
	}
	
#proTabw li a:hover,
#proTabw li a.step{
	color:#ffffff;
	text-decoration:none;
	background:#0089CE;
	padding-bottom:15px;
	cursor:pointer;
	}	
	
	
	
	
	
	
	/*CSS yahoo2 style pagination*/

DIV.yahoo2 {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; FONT-SIZE: 0.85em; PADDING-BOTTOM: 3px; MARGIN: 3px; PADDING-TOP: 3px; FONT-FAMILY: Tahoma,Helvetica,sans-serif; TEXT-ALIGN: center
}
DIV.yahoo2 A {
	BORDER-RIGHT: #ccdbe4 1px solid; PADDING-RIGHT: 8px; BACKGROUND-POSITION: 50% bottom; BORDER-TOP: #ccdbe4 1px solid; PADDING-LEFT: 8px; PADDING-BOTTOM: 2px; BORDER-LEFT: #ccdbe4 1px solid; COLOR: #0061de; MARGIN-RIGHT: 3px; PADDING-TOP: 2px; BORDER-BOTTOM: #ccdbe4 1px solid; TEXT-DECORATION: none
}
DIV.yahoo2 A:hover {
	BORDER-RIGHT: #2b55af 1px solid; BORDER-TOP: #2b55af 1px solid; BACKGROUND-IMAGE: none; BORDER-LEFT: #2b55af 1px solid; COLOR: #fff; BORDER-BOTTOM: #2b55af 1px solid; BACKGROUND-COLOR: #3666d4
}
DIV.yahoo2 A:active {
	BORDER-RIGHT: #2b55af 1px solid; BORDER-TOP: #2b55af 1px solid; BACKGROUND-IMAGE: none; BORDER-LEFT: #2b55af 1px solid; COLOR: #fff; BORDER-BOTTOM: #2b55af 1px solid; BACKGROUND-COLOR: #3666d4
}
DIV.yahoo2 SPAN.thisclass {
	PADDING-RIGHT: 6px; PADDING-LEFT: 6px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; COLOR: #000; MARGIN-RIGHT: 3px; PADDING-TOP: 2px
}
DIV.yahoo2 SPAN.disabled {
	DISPLAY: none
}
DIV.yahoo2 A.next {
	BORDER-RIGHT: #ccdbe4 2px solid; BORDER-TOP: #ccdbe4 2px solid; MARGIN: 0px 0px 0px 10px; BORDER-LEFT: #ccdbe4 2px solid; BORDER-BOTTOM: #ccdbe4 2px solid
}
DIV.yahoo2 A.next:hover {
	BORDER-RIGHT: #2b55af 2px solid; BORDER-TOP: #2b55af 2px solid; BORDER-LEFT: #2b55af 2px solid; BORDER-BOTTOM: #2b55af 2px solid
}
DIV.yahoo2 A.prev {
	BORDER-RIGHT: #ccdbe4 2px solid; BORDER-TOP: #ccdbe4 2px solid; MARGIN: 0px 10px 0px 0px; BORDER-LEFT: #ccdbe4 2px solid; BORDER-BOTTOM: #ccdbe4 2px solid
}
DIV.yahoo2 A.prev:hover {
	BORDER-RIGHT: #2b55af 2px solid; BORDER-TOP: #2b55af 2px solid; BORDER-LEFT: #2b55af 2px solid; BORDER-BOTTOM: #2b55af 2px solid
}