body{
	padding:0px;
	margin:0px;
	font-family:Arial, Helvetica, sans-serif, "微軟正黑體";
}
img{
	display:inline-block;
	border:none;
}
.clr{ clear:both;}
a{
	color: #339;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}

.main_bg{
	background:url(images/bg.jpg);
}
.main_bg_white{
	background:url(images/bg_white.png) center top no-repeat;
	width:100%;
	min-width:960px;
}


.header{
	width:960px;
	margin:0px auto;
	margin-bottom:20px;
}
.header .search{
	float:right;
	margin-top:75px;
}
.header .nav{
	clear:both;
	margin-top:10px;
	background:#122251;
	padding:0px 20px;
	border-radius:8px;
	box-shadow:1px 1px 3px #000;
}
.header .nav a{
	color:#FFF;
	text-decoration:none;
	padding:10px 15px;
	font-size:21px;
	display:inline-block;
}
.header .nav a.hover, .header .nav a:hover{
	background:url(images/nav_bg.png) no-repeat center center;
	text-shadow:0px 0px 5px #66CCFF;
	-webkit-text-shadow:0px 0px 5px #66CCFF;
}

.main{
	width:960px;
	margin:0px auto;
	line-height:1.5em;
}
.main h2{
	background:url(images/icon_01.png) no-repeat left top;
	padding-left:30px;
	color:#00289d;
	text-shadow:1px 1px 0px #FFF;
}
.main h2 a.more{
	background:url(images/icon_02.png) no-repeat;
	display:inline-block;
	width:65px;
	height:29px;
	padding-left:10px;
	font-size:16px;
	color:#009fe7;
	text-decoration:none;
	line-height:26px;
	margin-left:20px;
	font-weight:normal;
}
.main h2 a.more:hover{
	color:#00289d;
	opacity:0.8;
}
.main h2 a.more:active{
	background-position:1px 1px;
}
.swfck_ad{
	margin-bottom:15px;
}
.index_news{
	width:420px;
	float:left;
}
.index_news ul{
	list-style:none;
	margin:10px 0px;
	padding:0px;
}
.index_news ul li{
	padding:3px 10px;
	clear:both;
}
.index_news ul li small{
	color:#FFF;
	margin-right:10px;
	width:65px;
	display:inline-block;
}
.index_news ul li span{
	float:right;
	display:inline-block;
	width:325px;
}
.index_lcd, .index_touch{
	width:269px;
	float:left;
}
.index_lcd p, .index_touch p {
	border-left:1px dashed #FFF;
	padding:0px 10px 10px 70px;
	min-height:170px;
}
.index_lcd p{
	background:url(images/prod_bg_01.png) no-repeat left top;
}
.index_touch p{
	background:url(images/prod_bg_02.png) no-repeat left top;
}

.footer{
	border-top:5px solid #122251;
	clear:both;
	width:960px;
	margin:10px auto 0px;
	text-align:center;
	color:#FFF;
	padding:10px 0px;
}


/* content */
.left{
	width:230px;
	float:left;
	padding-right:20px;
}
.left ul{
	padding:0px;
	margin:0px;
	list-style:none;
}
.left ul li{
	font-size:1.5em;
	line-height:2em;
}
.left ul li a{
	display:block;
}
.left ul li a#li_lcd{
	background:url(images/icon_03.png) no-repeat left center;
	height:88px;
	text-align:right;
	line-height:88px;
}
.left ul li a#li_touch{
	background:url(images/icon_04.png) no-repeat left center;
	height:88px;
	text-align:right;
	line-height:88px;
}
.content{
	width:690px;
	float:left;
	background-color:#fff;
	background-color:rgba(255,255,255,0.7);
	border-radius:10px;
	padding:0px 10px;
	line-height:1.75em;
}
.content h2{
	border-bottom:1px solid #CCC;
	padding-bottom:5px;
}
.content dl{
}
.content dl dt{
	color:#00a0e9;
	padding-left:20px;
}
.content dl dd{
	margin-bottom:20px;
	font-size:0.9em;
}
.content dl dd table tr th{
	text-align:left;
}
.content dl dd table tr td{
	vertical-align:top;
}