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


#TOP {
	font-size:11px;
	color:#999999;
	letter-spacing:1px;
}
.NAV H2 {
	font-size:12px;
	font-weight:bold;
	color: #FFFFFF;
	letter-spacing:1px;
	text-indent:10PX;
}
/*-MENU---------------------------------------------------------------------------------------------------*/


.MENU ul {
	list-style-type: none;
	width:238px;
	background-color:#ebebeb;
	border-top:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
}

.MENUBIG{display: block;
	background-image: url(../image/menu02.gif);
	width: 238px;
	height: 29px;
	font-size:12PX;
	color:#666666;
	font-weight:bolder;
	text-indent:25px;letter-spacing:0.5px;
	line-height:30PX;
	border-bottom:1px solid #CCCCCC;}


.MENUBIG a{display: block;
	background-image: url(../image/menu01.gif);
	width: 238px;
	height: 29px;
	font-size:12PX;
	color:#666666;
	font-weight:bolder;
	text-indent:25px;letter-spacing:0.5px;
	line-height:30PX;
	border-bottom:1px solid #CCCCCC;}


.MENUBIG a:hover{display: block;
	background-image: url(../image/menu01.gif);
	width: 238px;
	height: 29px;
	font-size:12PX;
	color:#666666;
	font-weight:bolder;
	text-indent:25px;
	letter-spacing:0.5px;
	line-height:30PX;
	border-bottom:1px solid #CCCCCC;}



.MENU li.MENUALL {
	display: block;
	background-image: url(../image/menuall02.gif);
	width: 238px;
	height: 29px;
	text-indent:40px;
	line-height:30px;
	font-size:11px;
	font-weight: bolder;
	border-bottom:1px solid #CCCCCC;
}

.MENU li.MENUALL a{
	display: block;
	background-image: url(../image/menuall01.gif);
	width: 238px;
	height: 29px;
	text-indent:40px;
	line-height:30px;
	font-size:11px;
	font-weight: bolder;
	color:#FFFFFF;
	border-bottom:1px solid #CCCCCC;
}

.MENU li.MENUALL a:hover {

    color:#333333;
	background-image: url(../image/menuall02.gif);
}




.MENU li.MENU02 a{
	display: block;
	background-image: url(../image/menu_02_02.gif);
	width: 238px;
	height: 29px;
	text-indent:45px;
	line-height:30px;color:#ffffff;
	font-size:11px;
	font-weight: bolder;
	border-bottom:1px solid #CCCCCC;
}

.MENU li.MENU02 a:hover{
	display: block;
	background-image: url(../image/menu_02_02.gif);
	width: 238px;
	height: 29px;
	text-indent:45px;
	line-height:30px;
	font-size:11px;
	font-weight: bolder;
	border-bottom:1px solid #CCCCCC;color:#333333;
}




.MENU li.MENU03 {
	display: block;
	background-image: url(../image/menu_03_02.gif);
	width: 238px;
	height: 29px;
	text-indent:60px;
	line-height:30px;
	font-size:11px;
	font-weight: bolder;
	border-bottom:1px solid #CCCCCC;
}

.MENU li.MENU03 a{
	display: block;
	background-image: url(../image/menu_03_01.gif);
	width: 238px;
	height: 29px;
	text-indent:60px;
	line-height:30px;
	font-size:11px;
	font-weight: bolder;
	color:#ffffff;
	border-bottom:1px solid #CCCCCC;
}
.MENU li.MENU03 a:hover {

color:#333333;
	background-image: url(../image/menu_03_02.gif);
}

.MENU li.MENU04 {
	display: block;
	background-image: url(../image/menu_04_02.gif);
	width: 238px;
	height: 29px;
	text-indent:75px;
	line-height:30px;
	font-size:11px;
	font-weight: bolder;
	border-bottom:1px solid #CCCCCC;
}

.MENU li.MENU04 a {
	display: block;
	background-image: url(../image/menu_04_01.gif);
	width: 238px;
	height: 29px;
	text-indent:75px;
	line-height:30px;
	font-size:11px;
	font-weight: bolder;
	color:#ffffff;
	border-bottom:1px solid #CCCCCC;
}
.MENU li.MENU04 a:hover {

color:#333333;
	background-image: url(../image/menu_04_02.gif);
}

.MENU li.MENU05 {
	display: block;
	background-image: url(../image/menu_05_02.gif);
	width: 238px;
	height: 60px;
	text-indent:75px;
	line-height:30px;
	font-size:11px;
	font-weight: bolder;
	border-bottom:1px solid #CCCCCC;
}

.MENU li.MENU05 h4 {
    font-size:11px;
	text-indent:75px;
line-height:15px;
	
}

.MENU li.MENU05 a {
	display: block;
	background-image: url(../image/menu_05_01.gif);
	width: 238px;
	height: 60px;
	text-indent:75px;
	line-height:30px;
	font-size:11px;
	font-weight: bolder;
	color:#ffffff;
	border-bottom:1px solid #CCCCCC;
}

.MENU li.MENU05 h4  a{
    font-size:11px;
	text-indent:75px;
	line-height:15px;
	
	
}


.MENU li.MENU05 a:hover {

    color:#333333;
	background-image: url(../image/menu_05_02.gif);
}









/*-MENU---------------------------------------------------------------------------------------------------*/


.DEMO {
	display:block;
	width:396px;
	height:103px;
	border:solid 1px #CCCCCC;
}
.DEMO h3 {
	font-size:12px;
	font-weight:bold;
	color:#636363;
	padding-top:11px;
	letter-spacing:0.75px;
}
.DEMO h4 {
	font-size:11px;
	font-weight: lighter;
	color: #666666;
	padding-top:8px;
	padding-right:10px;
}
.NEWS {
	display:block;
	width:336px;
	height:210px;
	background-color:#ebebeb;
	border:solid 1pt #CCCCCC;
}
.NEWS h3 {
	font-size:12px;
	font-weight:bold;
	color: #636363;
	padding:11px 0 0 10px;
	letter-spacing:0.45px;
}
.NEWS h4 {
	font-size:10px;
	font-weight: lighter;
	color: #999999;
	padding:5px 0 0 10px;
}
.NEWS h5 {
	font-size:11px;
	font-weight: lighter;
	color: #666666;
	letter-spacing:0px;
	padding:3px 3px 0 10px;
}
.NEWS h6 a {
	font-size:10px;
	font-weight: lighter;
	padding:5px 0 0 10px;
}
.NEWS h7 a {
	font-weight: lighter;
	padding:0px 10 0 0px;
}
.NEWS img {
	padding:10px 10px 0 10px;
}
#COPYRIGHT H2 {
	font-size:10PX;
	font-weight: lighter;
	color: #999999
}

.COPYRIGHT {
	font-size:10PX;
	font-weight: lighter;
	color: #999999
}

/*-company---------------------------------------------------------------------------------------------------*/

.COMPANY01{ font-size:12PX;  padding:25PX 15PX 15PX 15PX; color:#666666; }


/*-Press  &  Events------------------------------------------------------------------------------------------------*/
#EVENT{ display:block; width:556px;}
#EVENTS td{ display:block; width:556px; height:100px; background-color:#999999; border-bottom:2px solid #FFFFFF;}

.EVENTSBOX{position: relative;}


.EVENTSBOX h4{
	position: absolute;
	top:8px;
	left:200px;
	font-size:12px;
	color:#FFFFFF;
}




.EVENTSBOX h5{
	position: absolute;
	left:196px;
	top: 96px;
	font-size:12px;
	color: #99999;
}
.EVENTSBOX h6{
	position:absolute;
	left:448px;
	top: 70px;
	width:250px;
	font-size:12px;
	color: #333333;
	font-weight:lighter;
}
.EVENTSBOX IMG{
	position:absolute;
	left:10px;
	top:10px;
}


.PRESSTOP{ width:554PX; height:20PX; font-size:11PX; color:#FFFFFF; padding-top:2PX;}
.PRESSTOP TD,.DOWNLOADTOP td{ text-indent:10PX;}
.PRESSTOP TD.PRESSLINE,{ border-right:1px solid #CCCCCC;}
.PRESSBOX td{border:1px solid #CCCCCC; color:#666666; padding:10px 0  10px 0px; }

.PRESSBOX-word{ font-size:11PX; color:#666666; padding:10px 0  10px 0px; }
.pressevents_h5 { font-size: 12px; font-weight: bold; color: #000000; }
.pressevents_h6 { font-size: 12px; font-weight: lighter; color: #333333; }
.pressevents_h4 { font-size: 12px; font-weight: bold; color: #ffffff; }
.pressevents_h4_Nor  { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #ffffff; }


/*-download------------------------------------------------------------------------------------------------*/


DOWNLOAD2{ width:556PX; height:30PX; line-height:30PX; font-size:11PX; font-weight:lighter; color:#FFFFFF;  padding-left:5PX; margin-top:2px;}

.DWONLOADTOP{ width:556PX; height:20PX; font-size:11PX; font-color:#FFFFFF; padding-top:2PX;  }
.DWONLOADTOP TD{ text-indent:20PX; border-right:1px solid #ffffff;}/*-表格標題字的-*/
.DOWNLOADMODEL{ font-size:12PX; font-weight:bold; color:#ffffff; padding-left:20PX; border-right:1px solid #ffffff; background-color:#666666; margin-top:2px; padding-left:10px}


.DWONLOADBOX td{border:1px solid #666666; padding:5px 0  5px 20px; }

.DWONLOADBOX-TOPword{ font-size:11PX; color:#ffffff; font-weight: lighter; padding:5px 0  5px 0px; }
.DWONLOADBOX-word{ font-size:11PX; color:#666666; font-weight: lighter; padding:5px 0  5px 2px; }
.DWONLOADBOX_h5 { font-size: 12px; font-weight: bold; color: #000000; }
.DWONLOADBOX_h6 { font-size: 12px; font-weight: lighter; color: #333333; }
.DWONLOADBOX_h4 { font-size: 12px; font-weight: bold; color: #ffffff; }
.DWONLOADBOX_h4_Nor  { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #ffffff; }


.DOWNLOAD{ width:556PX; height:30PX; line-height:30PX; font-size:12PX; font-weight:bolder; color:#FFFFFF; margin-top:2px;}
.MODEL{ padding-left:10PX;}
.DOWNLOADTOP { width:556PX; height:20PX; font-size:11PX; color:#FFFFFF; margin-top:2px; padding-left:10px; border:1px solid  #999999;}
.DOWNLOADCON { color:#666666;}
.MODEL_Title-1 {
	font-size:11px;
	color:##FFFFFF;
	margin-top:2px;
	padding-left:0px;
}
.MODEL_Title-2 {
	font-size:12px;
	font-weight: bold;
	color:##FFFFFF;
	margin-top:2px;
	padding-left:10px;
}
.MODEL_Word {
	font-size:11px;
	color:#5c5c5c;
	margin-top:2px;
	padding-left:10px;
}


a {
	color: #666666;
	text-decoration:none;
	outline: none; /*去除FF連結虛線框*/


	blr:expression(this.onFocus=this.blur()); /*去除IE連結虛線框*/
}
a:hover {text-decoration: underline; }




/*-SUPPORTBOX----------------------------------------------------------------------------------------------*/



.SUPPORTBOX,.CONTACTUS{ margin-top:2px; width:556px; border:1px solid  #999999;}
.SUPPORTBOX,.BuySample{ margin-top:2px; width:738px; border:1px solid  #999999;}
.SUPPORTBOX td{ padding-left:10px }
.SUPPORTBOX01{ padding:30px 10px 30px 0;}
.SUPPORTBOX02{ padding:30px 10px 0px 0;}

.SUPPORTBOX H3{ font-size:12px; color:#666666;}
.SUPPORTBOX H4,.CONTACTUS h4{ font-size:11px; color: #333333; font-weight:lighter; }
.SUPPORTBOX H4,.BuySample h4{ font-size:11px; color: #333333; font-weight:lighter; }
.SUPPORTBOX H5{ padding-left:215px;}
.SUPPORTBOX H6{ padding:30px 10px 30px 10px; font-size:11px; color: #333333; font-weight:lighter;}
.SUPPORTBOX H7{ padding-right:210px;}

/*-Contact Us-----------------------------------------------------------------------------------------------*/


.CONTACTUS td{ padding-left:10px;}
.BuySample td{ padding-left:10px; padding-right:10px; }
.CONTACTUS h3{ font-size:14px; color:#666666; }
.BuySample h3{ font-size:14px; color:#666666; }
.CONTACTUS h5{ font-size:12px; color:#000000; }
.BuySample h5{ font-size:12px; color:#000000; }
.PAGEBOTTOM{ width:556px; height:50px; line-height:50px; font-size:11PX; color:#FFFFFF; text-align:center;}

.SITEMAP TD{ padding-left:10PX;}
.SITEMAP H3{ font-size:14px; color:#666666;}
.SITEMAP H4{ font-size:11px; color: #333333; }
.SITEMAP H5{ font-size:11px; color: #333333; font-weight:lighter;}


.Text_gray_12 {font-size: 12px; font-color: #666666; line-height: 20px; text-decoration: none;}
.GrayLink A {font-size: 12px; color: #999999; line-height: 20px; text-decoration: none;}
.GrayLink A:link {color: #999999}
.GrayLink A:visited {color: #999999}
.GrayLink A:active {color: #999999}
.GrayLink A:hover {color: #333333}