html {
	min-height:100%;
	overflow:scroll; /* showing scrollbars */;
}

*{
	margin: 0px;
	padding-top: 0em;
	padding-right: 0px;
	padding-bottom: 0em;
	padding-left: 0px;
	font-size: 16px;
}

h1, h2 {
	align: left;
	color: #000;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif, "微軟正黑體";
}


img, fieldset{
	padding: 0px;
	border: none;
	margin: 0px;
}

a{
	text-decoration: underline;
	color: #000;
	text-decoration: none;
	font-size: 16px;
	font-weight: 300;
}

a:hover {
	text-decoration: underline;
	color: #6633CC;
	font-size: 16px;
	font-weight: 300;
}


body{
	color: #000;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif, "微軟正黑體";
	background-color: #D1E0EF;
}

#wrap{
	width: 1440px;
	margin: 0 auto;
	position: relative;
}

#bg_top{
	position: absolute;
	left: 0;
	width: 100%;
	height: 129px;
}

.title_text{
	font-size:18px;
	color:#cc0000;
}

.product_text{
	color: #000000;
	line-height: normal;
	text-align: justify;
	margin-right: 15px;
	font-family: Arial, Helvetica, sans-serif, "微軟正黑體";
	font-size: 16px;
	
}
.product_text_top{
	color: #ffffff;
	background-color: #cc0000;
	font: 15px Arial;
	line-height: 30px;
	padding-left: 10px;
	
}
.product_header{
	color: #003399;
	line-height: 20px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif, "微軟正黑體";
	font-size: 16px;
}
.read{
	text-align: right;
	padding-right: 5px;
	padding-top: 5px;
}

.read a{
	color: #ff0000;
	font-weight: normal;
	font-size: 12px;
}

.read a:hover{
	color: #666666;
}

/*logo*/

#logo{
	background-image:;
}

#logo h1 a{
	font: 16px Arial;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}

#logo a small{
	font: 12px Arial;
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
}

#header{
	background: url() no-repeat top center;
	height: 365px;
	background-color:#000;

}

#white_bg{

}
#white_bg_top{


}

#img1{
	float:left;
	width: 180px;
}


#read_more_left{
	float: left;
	width: 746px;
	padding-left: 17px;
}

#read_more_box{
	padding: 25px 0;
}

#read_more_left p{
	font: 18px Arial;
	color: #578f0e;
	font-weight: normal;
	line-height: 20px;
}

.read_more_right{
	background: url() no-repeat top left;
	width: 195px;
	height: 56px;
	display: block;
	float: right;
	text-align: center;
	font: 18px Arial;
	color: #ffffff;
	font-weight: normal;
	line-height: 56px;
	margin-right: 10px;
}

#grey_top{
	background: url(images/grey_top.jpg) no-repeat top left;
	height: 11px;
	width: 999px;
	margin: 0 auto;
}

#grey_bg{
	background-image:url();
	height:30px;
	padding-top:5px;
	font-size: 12px;
	color: #039;
}
#grey_header{
	background-color:#930;

}

#grey_grad{
	background: url(images/grey_grad.jpg) no-repeat center bottom;
	height: 160px;
}

#gray_bor{
	background: url(images/grey_bor.png) repeat-y center;
}

/*
	menu
*/

#menu{
	background: url() no-repeat top left;
	width: 734px;
	height: 59px;
	padding: 0px 132px;
	margin: 8px 7px 0px 7px;
}

#menu ul{
	padding-left: 0px;
}

#menu ul li{
	display: inline;
}

#menu ul li a{
	font: 24px Arial;
	color: #ffffff;
	text-align: center;
	font-weight: normal;
	text-decoration: none;
	display: block;
	float: left;
	width: 20%;
	height: 59px;
	line-height: 59px;
	background: url() no-repeat top left;
}

#menu ul li a:hover,  #menu ul li .active{
	color: #ffffff;
	background: url() no-repeat top center;
}

#column_box h1{
	font: 18px Arial;
	color: #6ca42b;
	font-weight: normal;
}

.column1 p, .column2 p{
    color: #666666;
    line-height: 16px;
	padding-top: 10px;
}

.column1 a, .column2 a{
    text-decoration: none;
    font-weight: bold;
    color: #666666;
}

.col_text_top{
	list-style-image: url(images/arrow-right.png);
	text-align: left;
	line-height: 24px;
	margin-left: 22px;
	font-weight: bold;
}

.col_text{
	list-style-image: url(images/icon_list.png);
	text-align: left;
	line-height: 20px;
	margin-left: 20px;
    
}

.col_text_sub{
	list-style-image: url(images/icon_sublist.png);
	text-align: left;
	line-height: 20px;
	margin-left: 35px;
    
}


#column_box{

}

.column1{
    background-color:#c61130;
    float:right;
	color:#fff;
	padding-bottom:15px;
	padding-top:5px;
	padding-left:5px;
	padding-right:5px;
	display: compact;
}
.column2{
	color:#085cbf;
	font-size:22px;
	margin-right:30px;

}
.column3{
	color: #FFF;
	background-image: url();
	background-repeat:no-repeat;
	height:30px;
	font-size:15px;
	font-family: Arial, Helvetica, sans-serif, "微軟正黑體";
	padding-left:5px;
	}
.column3 a{
	color:#FFF;
	padding-left:5px;
	font-weight:100;
	}
.column3 p{
    color: #666666;
    line-height: 16px;
	padding-top: 10px;
}
.column4{
	color: #FFF;
	background-image: url(images/ProductTitle.png);
	background-repeat:no-repeat;
	line-height:40px;
	font-size:20px;
    font-weight: bold;
	text-align: center;
	padding-left:10px;
	}
.column_title{
	font-size:24px;
	color:#0355b5;
    font-weight: bold;
}

.read{
    padding-top: 5px;
	text-align: right;
}

.read a{
	font: 11px Arial;
	color: #d84005;
	font-weight: bold;
}

#footer_top{
	width: 841px;
	margin: 0 auto;
	background: url(images/footer_bor.png) no-repeat bottom;
	padding-top: 20px;
}

#footer_top h3{
	font: 18px Arial, Helvetica, sans-serif, "微軟正黑體";
	color: #ffffff;
	font-weight: normal;
	padding-left: 20px;
	padding-bottom: 5px;
}

#footer_top a{
	color: #ffffff;
	font-weight: bold;
}

#footer_top a:hover{
	color: #FFFFFF;
}

#footer_top p{
	color: #ffffff;
}

#footer_column1, #footer_column2, #footer_column3{
	width: 226px;
	float: left;
}

.footer_text{
	background: url(images/footer_bor.png) no-repeat top left;
	width: 226px;
	padding: 10px 0px 10px 0px;
}

#footer_column2{
	padding: 0px 87px 0px 75px;
}

.foot_pad{
    padding-left: 45px;
	padding-top: 10px;
}

.link1{
    background: url(images/link1.png) no-repeat 0px 2px;
    padding-left: 30px;
    height: 18px;
    padding-bottom: 10px;
}

.link2{
    background: url(images/link2.png) no-repeat 0px 2px;
    padding-left: 30px;
    height: 18px;
    padding-bottom: 10px;
}

.link3{
    background: url(images/link3.png) no-repeat 0px 2px;
    padding-left: 30px;
    height: 18px;
    padding-bottom: 10px;
}

.link4{
    background: url(images/link4.png) no-repeat 0px 2px;
    padding-left: 30px;
    height: 18px;
    padding-bottom: 10px;
}

.ls{
    padding-left: 0px;
}

.ls li{
	background: url(images/ls1.gif) no-repeat 0px 6px;
	margin-bottom: 8px;
	padding-left: 13px;
}

#footer_bot{
	text-align: center;
	padding: 6px;
	font-family: Arial, Helvetica, sans-serif, "微軟正黑體";
	font-size: 16px;
	font-style: normal;
	color: #000;
}

#footer_bot p, #footer_bot a{
	color: #000;
	font-weight: normal;
	font-size: 12px;
}





/*=================================*/
/* Nivo Slider Demo
/* November 2010
/* By: Gilbert Pellegrom
/* http://dev7studios.com
/*=================================*/


#slider-wrapper {
    background:url() no-repeat;
    width: 995px;
    height: 360px;
    margin:0 auto;
}

#slider {
	position:relative;
    width: 995px;
    height: 360px;
	background:url() no-repeat 50% 50%;
}
#slider img {
	position:absolute;
	top:0px;
	left:0px;
}
#slider a {
	border:0;
	display:block;
}

.nivo-controlNav {
	position:absolute;
	left:260px;
	bottom:-42px;
}
.nivo-controlNav a {
	display:block;
	width:22px;
	height:22px;
	background: no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
.nivo-controlNav a.active {
	background-position:0 -22px;
}

.nivo-directionNav a {
	display: block;
	width: 30px;
	height: 20px;
	background: url(images/arrows.png) no-repeat;
	text-indent: -9999px;
	border: 0;
}
a.nivo-nextNav {
	background-position: -30px 0;
	right: 16px;
}
a.nivo-prevNav {
	left: 16px;
}

.nivo-caption {
    font-family: Arial, Helvetica, sans-serif, "微軟正黑體";
}
.nivo-caption a { 
    color:#efe9d1;
    text-decoration:underline;
}
.scrollable {
	position: relative;
	overflow: hidden;
	width: 1000px;
	height: 260px
} 
.scrollable .items {
	width: 20000em;
	position: absolute;
	left: 1px;
	top: -3px;
}
.scrollable .items div { float:left;} 
.scrollable .items .item { overflow:hidden;}
.scrollable .items .item p {
	line-height: 16px;
}
.navi { width:auto; height:20px; float:right; margin:5px 0; padding-right: 20px;} 
.navi a { width: 13px; cursor:pointer; height: 16px; float:left; margin:0 0 0 3px; background:url() no-repeat scroll right top; display:block; font-size:1px;} 
.navi a:hover, .navi a.active { background-position:left top; margin:0 0 0 3px;  background:url() no-repeat scroll right top}

.header1
{
	width: 1000px;
	height: 260px;
	background-image: url();
	background-repeat: no-repeat;
	background-position: center center;
}

.header2
{
	width: 1000px;
	height: 260px;
	background-image: url();
	background-repeat: no-repeat;
	background-position: center center;
}

.header3
{
	width: 1000px;
	height: 260px;
	background-image: url();
	background-repeat: no-repeat;
	background-position: center center;
}

.header4
{
	width: 1000px;
	height: 260px;
	background-image: url();
	background-repeat: no-repeat;
	background-position: center center;
}

.header5
{
	width: 1000px;
	height: 260px;
	background-image: url();
	background-repeat: no-repeat;
	background-position: center center;
}

.header6
{
	width: 1000px;
	height: 260px;
	background-image: url();
	background-repeat: no-repeat;
	background-position: center center;
}

#qaContent ul.accordionPart {
}
#qaContent ul.accordionPart li {
	padding-bottom: 12px;
	margin-top: 12px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #e3e3e3;
}
#qaContent ul.accordionPart li .qa_title {
	cursor: pointer;
	font-size: 16px;
	line-height: 160%;
	color: #4D7F06;
	font-weight: bold;
}
#qaContent ul.accordionPart li .qa_title_on {
	text-decoration: underline;
}
#qaContent ul.accordionPart li .qa_content {
	margin: 6px 0 0;
	color: #666666;
	font-size: 16px;
	line-height: 160%;
	padding-left: 42px;
.Border1 {
	clear: right;
	float: left;
	margin-top: 1px;
	margin-right: 1px;
	margin-bottom: 1px;
	margin-left: 3px;
}
#wrap #logo table tr td .VisionaticsInc a strong {
	font-family: Arial, Helvetica, sans-serif, "微軟正黑體";
	font-size: 24px;
	color: #138;
}
.VisionaticsInc {
	font-family: Arial, Helvetica, sans-serif, "微軟正黑體";
	font-size: 24px;
	font-style: normal;
	color: #003490;
}
.border1 {
	clear: right;
	float: left;
	margin-top: 2px;
	margin-right: 2px;
	margin-bottom: 6px;
	margin-left: 6px;
}


body,td,th {
	font-family: Arial, Helvetica, sans-serif, "微軟正黑體";
	font-size: 16px;
}
a:link {
	color: #0000FF;
	font-size: 16px;
}
a:visited {
	color: #0000CC;
	font-size: 16px;
}
a:active {
	color: #6600CC;
	font-size: 16px;
}
.CompanyProfile {
	color: #003490;
	font-size: 36px;
	font-style: normal;
	font-weight: bold;
	text-decoration: overline;
	text-align: center;
}
.TableText {
	font-family: Arial, Helvetica, sans-serif, "微軟正黑體";
	font-size: 24px;
	font-style: normal;
	font-weight: bold;
	color: #FFF;
}
.BlockHead {
	font-family: Arial, Helvetica, sans-serif, "微軟正黑體";
	font-size: 24px;
	font-weight: bold;
	color: #00C;
	font-style: normal;
	text-decoration: underline;
}
.Hightlight {
	font-size: 16px;
	font-weight: bold;
	color: #000;
}
#white_bg #img_box .clear table tr td .product_text a {
	font-size: 16px;
}