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

@import url("reset.css");

body{
background-color:#1b3248;
}
.body_bg{
background:transparent;
}
#MAIN{
width:948PX;
left:50%;
margin-left:-474px;
position:relative;
}
#CON{
width:948PX;
height:768PX;
position:absolute;
}

/*--- 首頁回首頁我的最愛按鈕列 ---*/
.LINK{
width:940PX;
padding-top:5px;
padding-right:8PX;
padding-bottom:5PX;
margin-top:-10px;
float:left;
font-size:9px;
position:absolute;
}
.LINK a.HOME{
	width:30PX;
	height:10PX;
	display:block;
	float:right;
	margin-left:10px;
	text-indent:-9999px;
	background-image: url(../img/link_bt_01.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.LINK a.FAVORITE{
	width:49PX;
	height:10PX;
	display:block;
	float:right;
	margin-left:10px;
	text-indent:-9999px;
	background-image: url(../img/link_bt_02.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.LINK a.HOME:hover,.LINK a.FAVORITE:hover{
background-position:left -10px;
}

.FLASHBT{
	width:948px;
	float:left;
	text-align:center;
	margin-top:20px;
}
.SUB{
width:948PX;
margin-top:460px;
float:left;
margin-bottom:17px;
}

/*--- 產品 ----*/
.PRODUCT{
width:212PX;
margin-right:35PX;
float:right;
}
.PRODUCT .TIT{
width:212PX;
float:left;
}
.PRODUCT_BT{
width:212PX;
float:left;
}

/*--- 最新消息 ---*/
.NEWS{
width:300PX;
margin-right:35PX;
float:right;
}
.NEWS .TIT{
	width:300PX;
	height:17PX;
	float:left;
	background-image: url(../img/TIT_02.jpg);
	background-repeat: no-repeat;
}
a.MORE{
	width:28PX;
	height:7PX;
	margin-top:5px;
	margin-right:20px;
	display:block;
	font-size:6PX;
	text-indent:-9999PX;
	float:right;
	background-image: url(../img/more.jpg);
	background-repeat: no-repeat;
}
a.MORE:hover{
background-position:left -7px;
}
.NEWS ul{
width:300PX;
float:left;
}
.NEWS li{
margin:4px 0;
}
.NEWS li a{
	width:220px;
	height:20px;
	float:left;
	line-height:20px;
	padding-right:5px;
	padding-left:10px;
	display:block;
	overflow:hidden;
	background-image: url(../img/icon_01.jpg);
	background-repeat: no-repeat;
	background-position: 5px 10px;
}
.NEWS li span{
width:60px;
height:20px;
line-height:20px;
display:block;
float:left;
}

/*--- copyright ---*/
.FOOTER{
width:865PX;
margin:0 auto;
padding:10px 0 0 35px;
border-top: solid 1px #999999;
}
.FOOTER_LOGO{
width:245PX; 
float:left;
}
.COMPANY_ADD{
	float:left;
	padding-left:10px;
	line-height:15px;
	color:#888888;
}
.COMPANY_ADD a{
color:#888888;
}
.COMPANY_ADD a:hover{
color:#FFFFFF;
}
.CLEAR{ clear:both;}

/*---- 內頁樣式 ---*/
.BG_WHITE{
width:100%;
background-color:#FFFFFF;
}
.TOPBG{
	width:100%;
	background-image: url(../img/page_bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
.BOTTOMBG{
	width:100%;
	background-image: url(../img/page_bg_01.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
}
.TOPFLASH{
width:948PX;
height:188PX;
margin-top:13PX;
float:left;
}
.CON{
	width:948px;
	float:left;
/*
*background:url(../images/page_bg_02.jpg) no-repeat 356px bottom;
	_background:url(../images/page_bg_02.jpg) no-repeat 356px bottom;*/
	padding-bottom:20PX;
	background-image: url(../img/page_bg_02_1.jpg);
	background-repeat: no-repeat;
	background-position: 358px bottom;
}
.CON .TIT{
	width:908PX;
	height:31px;
	margin:0 auto;
	padding:0 0 0 10px;
	line-height:31px;
	background-color:#FFFFFF;
	border-bottom:solid 1PX #004278;
	background-image: url(../img/tit_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.CON .TIT .TIT_PAGE{
width:200PX;
float:left;
margin-top:10PX;
}
.CON .TIT .LINK_PAGE{
float:right;
text-align:right;
padding-right:10PX;
color:#838383;
font-family:Arial;
font-size:11PX;
}
.CON .TIT .LINK_PAGE a{
color:#838383;
}
a.BACK{
	width:35px;
	height:13px;
	display:block;
	float:right;
	margin-top:9PX;
	margin-right:7px;
	background-image: url(../img/HOME.jpg);
	background-repeat: no-repeat;
}
.CON .FLASH{
width:924PX;
height:131PX;
margin:0 auto;
padding:7PX 0;
text-align:center;
}
.CON .MAIN{
	width:918px;
	margin:0 auto;
	border-top:solid 1PX #004278;
}
.MAIN .RLINE{
border-right:solid 1PX #004278; 
}
.LEFT{
width:202PX;
float:left;
}

/*--- 搜尋 ---*/
.SEARCH{
width:202PX;
height:91PX;
margin-top:5px;
}
.SEARCH img{
float:left;
}
.SEARCH_BG{
	width:203PX;
	height:48PX;
	float:left;
	text-align:center;
	background-image: url(../img/search_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
a.SEARCH_BT{
	width:45px;
	height:43px;
	display:block;
	float:left;
	background-image: url(../img/go_bt.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
a.SEARCH_BT:hover{
background-position:left -43px;
}
select.SEARCH_SELECT{
width:125PX;
height:20px;
overflow:hidden;
}
input.SEARCH_TEXT{
width:120PX;
height:12px;
}

/*--- 右選單樣式 ---*/
.MENU{
width:202PX;
margin-top:5px;
}
.MENU_BG,.PRODUCT_MENU{
width:176PX;
margin:0 auto;
border: solid 1PX #bacbd8;
padding:3PX 3PX 0 3PX;
background-color:#FFFFFF;
}
.MENU_BG a.ABOUT{
	width:176px;
	height:31PX;
	display: block;
	margin-bottom:2PX;
	background-image: url(../img/ABOUT_BT.jpg);
	background-repeat: no-repeat;
}
.PRODUCT_MENU li{
width:176px;
line-height:31px;
display: block;
text-align:right;
margin-bottom:3PX;
}
.PRODUCT_MENU li a{
	width:176px;
	color:#4d4d4d;
	display: block;
	font-weight:bold;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	padding:10px 0;
	background-image: url(../img/menu_bg_14.jpg);
	background-repeat: repeat-y;
}
.PRODUCT_MENU li a:hover{
	color:#ffffff;
	text-decoration:none;
	background-image: url(../img/menu_bg_11.jpg);
	background-repeat: repeat-y;
}
.PRODUCT_MENU li a p{
	padding:0 5px 0 18px;
	line-height:14px;
	font-size: 11px;
	background-image: url(../img/icon_15.gif);
	background-repeat: no-repeat;
	background-position: 10px center;
}
.MENU_BG a.NEW{
	width:176px;
	height:31PX;
	display: block;
	margin-bottom:3PX;
	background-image: url(../img/NEW_BT.jpg);
	background-repeat: no-repeat;
}
.MENU_BG a:hover{
background-position:left -31PX;
}
.MENU_BG a div#bt1{
	width:176px;
	height:31PX;
	position:absolute;
	visibility: visible;
}
.MENU_BG a div#bt2{
	width:176px;
	height:31PX;
	position:absolute;
	visibility:hidden;
}

/*--- 內容區塊 ---*/
#COM{
width:680PX;
margin-left:32PX;
margin-top:15PX;
color:#aaa9a9;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
}
.ABOUT{
	text-align:justify;
	line-height:24px;
	color: #333333;
	font-size: 12px;
	font-weight: normal;
}
.ABOUT p{
margin-bottom:30px;
}
.NEW{
	font-weight:normal;
	color:#000000;
	line-height:26PX;
}
.NEW .LIST td{
border-bottom:dotted 1px #333333;
}
.FCO{ color:#FF6600!IMPORTANT;}
.NEW .PAGE a{ color: #666666; margin:0 2px;}
.NEW a{
color:#000000;
}
.NEWS_TIT,.PRODUCT_TIT{
	width:660PX;
	padding-left:15PX;
	color:#1a4a74;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:24PX;
	background-image: url(../img/icon_03.jpg);
	background-repeat: no-repeat;
	background-position: left 10px;
}
.NEWS_TEXT{
width:660PX;
padding-left:15PX;
font-weight:normal;
line-height:24PX;
text-align:justify;
color:#333333;
}
.NEWS_DATE{
width:660PX;
padding-left:15PX;
font-weight:normal;
line-height:24PX;
text-align: right;
color:#333333;
}
.CONTACT_TIT{
	width:600px;
	padding-left:15px;
	margin-bottom:15PX;
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:24px;
	font-weight:normal;
	background-image: url(../img/icon_03.jpg);
	background-repeat: no-repeat;
	background-position: left 10px;
}
.CONTACT_TIT1{
	width:600px;
	padding-left:15px;
	margin-bottom:5PX;
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:24px;
	font-weight:normal;
	background-image: url(../img/icon_03.jpg);
	background-repeat: no-repeat;
	background-position: left 10px;
}
.CONTACT{
line-height:24PX;
color:#00597e;
}
.HOVER_BG{
background-color:#e8e8e8;
}
.HOVER_BG2{
background-color: ;
}
.EMAIL{
width:465PX;
*width:455PX;
_width:455PX;
}
a.SEND{
	width:63px;
	height:25px;
	display:block;
	background-image: url(../img/bt_11.jpg);
	background-repeat: no-repeat;
}
a.SEND:hover{
background-position:left -25px
}
a.RESET{
	width:63px;
	height:25px;
	display:block;
	background-image: url(../img/bt_13.jpg);
	background-repeat: no-repeat;
}
a.RESET:hover{
background-position:left -25px
}
.PRODUCT_LIST,.PRODUCT_PAGE{
width:674PX;
float:left;
margin:0 0 10PX 0;
}
.PRODUCT_BG{
	width:155PX;
	height:167PX;
	float:left;
	margin:13PX 5PX 0 5PX;
	background-image: url(../img/product_bg.jpg);
	background-repeat: no-repeat;
}
.PRODUCT_PH{
width:145PX;
height:100PX;
overflow:hidden;
float:left;
margin:5PX 0 0 5PX;
}
.PRODUCT_LINE{
width:145PX;
height:100PX;
position:absolute;
}
.PRODUCT_NAME{
width:144PX;
height:26px;
padding:4PX 4PX 4PX 6PX;
float:left;
color:#0c63a6;
overflow:hidden;
}
.PRODUCT_NAME a{
color:#0c63a6;
}
a.QA{
	width:80PX;
	height:23PX;
	display:block;
	float:left;
	margin:0 0 0 4px;
	background-image: url(../img/product_BT_22.jpg);
	background-repeat: no-repeat;
}
a.QA:hover{
background-position:left -23px;
}
.PRODUCT_PAGE a{
font-weight: normal;
color:#333333;
font-size:11px;
}
.PRODUCT_PAGE a:hover{
color:#000000;
text-decoration:none;
}
.PRODUCT_INFO{
width:674PX;
float:left;
margin:0 0 10PX 0;
padding-top:20PX;
border-top: solid 4PX #00689e;
}


.PH_LINE{
	width:145px;
	border:solid 1PX #999999;
	margin:0 auto;
	overflow:hidden;
}
.PRODUCT_TEXT{
line-height:24PX;
color:#333333;
font-weight:normal;
}
.PRO_NAME{
padding-left:5PX;
color:#333333;
font-weight:bold;
}
.PRODUCT_INFO_TEXT{
color:#333333;
font-weight:normal;
word-break:break-all;
line-height: 24px;
}