@charset "utf-8";
/* css 歸零 */


 div, span, applet, object, iframe-x,
 p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-family:Geneva,Arial,Helvetica,verdana,sans-serif;
}
div{ width:100%;}
ol, ul {list-style: none;}
a{text-decoration:none;}
hr,.br{clear:both;}
img {
    border: 0;
}
h1{
	font-size: 22px;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
}
h2{
	padding-left:2px;padding-top: 5px;
	font-weight: bold;
	color: #ECF5FC;
	text-decoration: none;
	font-size: 14px;
	line-height: 150%;
	background:url(http://www.spaceframeal.com.tw/images/title_bk.gif) no-repeat left;
	height: 35px;
	
}
h2 a{
	padding-left:2px;padding-top: 5px;
	font-weight: bold;
	color: #ECF5FC;
	text-decoration: none;
	font-size: 14px;
	line-height: 150%;
	background:url(http://www.spaceframeal.com.tw/images/title_bk.gif) no-repeat left;
}
h2 a:hover{
	padding-left:2px;padding-top: 5px;font-weight: bold;color: #ffffff;text-decoration: none;font-size: 14px;line-height: 150%;
	background:url(http://www.spaceframeal.com.tw/images/title_bk.gif) no-repeat left;
}
h3{
	font-weight: bold;
	color: #ECF5FC;
	text-decoration: none;
	font-size: 12px;
	line-height: 150%;
}
h3 a{
	font-weight: bold;
	color: #ECF5FC;
	text-decoration: underline;
	font-size: 12px;
	line-height: 150%;
}
h3 a:hover{
	color: #ECF5FC;
	text-decoration: underline;
}
a:link, a:visited{color: #D6E0E9;	text-decoration: none;}
a:hover {color:#B6CCDA;}
a:active {color: #B6CCDA;}

/* 主要架構 */
html, body{
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background: url(../images/bk.gif) repeat;
}
#wrapper {
	width:765px;
	margin:-1px auto;
	font-size:12px;

}

#footer_wrapper {
	clear:both;
	background: #50921D;
}

#header {
	 background-repeat: no-repeat;
}

a.index_more_link:hover {color:#AAAAAA;}

a.head_sub_link:link, a.head_sub_link:visited ,a.head_sub_link:active{color:#8a8579;padding-right:20px;font-size:11px;}
a.head_sub_link:hover {color:#8a8579;}

a.head_sub_link1:link, a.head_sub_link1:visited ,a.head_sub_link1:active{color:#8a8579;padding-right:10px;font-size:11px;}
a.head_sub_link1:hover {color:#8a8579;}

a.head_navi_link:link, a.head_navi_link:visited ,a.head_navi_link:active{color:#25272a;padding:0px 0 0 40px;font-size:16px;}
a.head_navi_link:hover {color:#ff0000;}

a.head_navi_link1:link, a.head_navi_link1:visited ,a.head_navi_link1:active{color:#25272a;padding:0px 0 0 46px;font-size:16px;}
a.head_navi_link1:hover {color:#ff0000;}

/*download*/

#content {
clear:both;
width:765px;
background:#4E6472 url(../images/main_bk.jpg) repeat-x;
}

#left_navi {
	float:left;
	width:230px;
	margin: 10px 10px 0 0px;
}
/*	width:210px;*/
#index_left {
	float:left;
	width:650px;
	margin: 0 0px 0 20px;
}

#index_center {
	float:left;
	width:198px;
	margin-left: 0px;

}

#index_right {
	float:right;
	width:540px;
	margin-right: 10px;
	font: 12px Verdana, Arial, Helvetica, sans-serif, "新細明體";
	color: #B5BEC3;	
	line-height: 28px;　
   letter-spacing: 2.8px;
}

#content_foot {
	clear:both;
	width:765px;
	background:#3B4B58;
	height: 100px;
}



#content_left {
	float:left;
	width:435px;
	margin-left:10px;
	
	}
#content_right {
	float:right;
	margin-left:59px;
	width:225px;
	border-left:solid 1px #e0e0e0;
	}
/*list*/
.bg0 {background-color :#F2F2F2; } 
.bg1 {background-color:#FFF; } 

 .title {color: #C70808;	text-decoration: none;}
a.title:link, a.title:visited{	color: #C70808;	text-decoration: none;}
a.title:hover ,a.title:active  {color: #56A726;}

 .list {border: 0px solid #;}
a.list :link, a.list :visited {color: #C70808;	text-decoration:none;}
a.list :hover, a.list :active {color: #56A726;}

 .desc{line-height:22px ; margin-top:0 ; margin-bottom:0;  color:#313131; text-decoration:none;  text-align:justify;}
a.desc:hover,a.desc:visited { color:#0D3C98 ; text-decoration:none }
a.desc:link , a.desc:visited { color: #313131 ; text-decoration:none }

/*view	*/
.b{font-weight: bold;}
.hidden, .hide {display: none;}
.left {	float: left;}
.right {float: right;}
.textarea {border: 1px solid #dfdfdf;}
.fc1{color:#111111} 
.fc2{padding-left:2px;font-weight: bold;color: #ffffff;text-decoration: none;font-size: 14px;line-height: 150%;
	background:url(http://www.spaceframeal.com.tw/images/title_bk.gif) no-repeat left;
}
.fc3{color:#333333} 
.fc4{color:#444444} 
.linedot {border-bottom: 1px dotted #b4b4b4;cursor: help;}
.linedot2 {border-bottom: 2px dotted #b4b4b4;cursor: help;}
.fs12{font-size:12px} 
.fs14{font-size:14px} 
.pd10{padding:10px} 
.pd20{padding:20px} 

/* 首頁設定 */
 .index-tetxt{
	line-height:22px;
	margin-top:0;
	margin-bottom:0;
	color:#8A8A8A;
	text-decoration:none;
	text-align:justify;
	margin-left: 25px;
}
a.index-tetxt:hover, a.index-tetxt:visited {color:#8A8A8A; text-decoration:none }
a.index-tetxt:link {color: #8A8A8A ; text-decoration:none }
.index_title {
	background-image:url(http://www.crius-lcd.com/img/icon_index_title.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	padding:0px 0px 0px 18px;
	font-weight:bold;
	font-size:14px;
	height:16px;
	line-height:18px;
	letter-spacing:1px;
	color: #;
  	 }

.index_subtitle {
  	 height:16px;
  	 color:#848484;
  	 font-weight:bold;
  	 }

.content_company {
	color:#666666;
	line-height:22px;
	font-size: 12px;
	}
	
.content_news {
	width:390px;
	margin:4px 0 0 18px;
	color:#666666;
	line-height:24px;
	font-size:12px;
	}
	
a.index_news_link:link, a.index_news_link:visited ,a.index_news_link:active{color:#48574C;line-height:24px;}
a.index_news_link:hover {color:#6A7562;}


/*navi 設定*/
.left_navi_style ul {
	list-style:none;
	margin:10px;
}

.left_navi_style li {
	margin:0;
	padding:0;
}

.left_navi_style li a, .left_navi_style li a:visited, .left_navi_style li a:active {
	display:block;
	margin:-10px 0 0 0px;;
	width:108px;
	height:40px;
	padding:4px 0 0 30px;
	background: url(http://www.crius-lcd.com/img/left_navi_unhover.jpg);
	background-repeat: no-repeat;
	color:#000000;
	font-size:13px;
	font-weight:bold;
}

.left_navi_style li a:hover {
	color:#0e3e99;
}

#footer {
	width:1000px;
	margin:-1px auto;
	font-size:12px;
	background: #3B4B58 url(../images/foot-bk.gif) repeat-x;
	width: auto;
	clear: both;
	color: #5B5B5B;
}
.foot-tetxt{
	line-height:22px;
	margin-top:0;
	margin-bottom:0;
	color:#B0B7BC;
	text-decoration:none;
	font-size: 12px;
}
a.foot-tetxt:hover,a.foot-tetxt:visited { color:#B0B7BC; text-decoration:none }
a.foot-tetxt:link , a.foot-tetxt:visited { color: #B0B7BC; text-decoration:none }


#contentRight
{
	float: right;
	width: 650px;
	margin-right: 20px !important;
	margin-right: 10px;
	padding-top: 20px;
	background: #f6f5f1;
}

#contentRightCenterL
{
	padding: 20px 0px 5px 45px;
	float: left;
	width: 250px;
}

#contentRightCenterR
{
	float: right;
	padding: 20px 45px 5px 0px;
	width:360px;
}

#contentRightCenterR h3
{
	margin: 0px;
	padding: 5px 10px 5px 10px;
	background: #dce5ec ;
}

#contentRightCenterR p
{
	font-size: 130%;
	line-height: 150%;
}

#contentRightCenterC
{
	float: left;
	width: 650px;
	padding-top: 20px;
	padding-right: 40px;
	padding-bottom: 20px;
}

#contentRightCenterC h3
{
	padding: 5px 10px 5px 10px;
	background: #dce5ec ;
}

#contentRightCenterC p
{
	font-size: 130%;
	line-height: 150%;
}

#contentRightCenterC1
{
	float: left;
	margin-left: 200px !important;
	margin-left: 100px;
	margin-top: 50px;
}

#contentRightBottom
{
	margin-top: 30px;
	clear: both;
	text-align: center;
}



.contentRightCenterCImg
{
	float: right;
	margin-left: 10px;
	padding: 5px;
	border: 1px solid #d9e0e6;
	border-bottom-color: #c8cdd2;
	border-right-color: #c8cdd2;
	background: #fff;
}

#contentCenter
{
	float: left;
	width: 1000px;
	background: #f6f5f1;
}

#contentCenterT
{
	background: Gray;
}

#contentCenterC
{
	float: left;
	width: 1000px;
}

.brandList
{
	width: 100%;
	margin-bottom: 10px;
}

.brandList h3
{
	margin: 0;
	padding: 6px 8px 4px 15px;
	font-size: 100%;
	color: white;
	background: #889093 ;
}

.brandList ul
{
	margin: 0;
	padding: 0;
	list-style: none;
}

.brandList ul li
{
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 15px;
	border-bottom: 1px solid #889093;
}

.brandList ul li:hover
{
	color: black;
	border-color: #727377;
}

.brandList ul a
{
	text-decoration: none;
}


/* min-height for ie */

#contentRightTop
{
	text-align: center;
}


.hotlistbox
{
	float: left;
	margin: 5px 8px 5px 8px;
	padding: 0;
	width: 190px;
	min-height: 190px;
	border: 1px solid #F0F0F0;
	background: url(http://www.crius-lcd.com/img/index-bk.gif) repeat-y;
}

/* min-height for ie */
* html div.hotlistbox
{
	height: 190px;
}

.hotlistbox h3
{
	margin: 0;
	padding: 6px 8px 4px 10px;
	font-size: 130%;
	color: #333;
	border-bottom: 1px solid #E0CFAB;
}

.hotlistbox h3 em
{
	display: block;
	font-style: normal;
}

.hotlistbox h3 em a
{
	text-decoration: none;
}

.hotlistbox ul
{
	margin: 0;
	padding: 14px 10px 14px 10px;
	list-style: none;
}

.hotlistbox ul li
{
	margin: 0;
	padding-right: 0px;
	padding-left: 6px;
	padding-bottom: 3px;
	color: #8A8A8A;
}

.hotlistbox ul li:hover
{
	color: black;
	border-color: #727377;
}
.hotlistbox ul a
{
	color: black;
	text-decoration: none;
}