/*---------------------------------------------- 基本設定 ---------------------------------------------*/
@charset "utf-8";
font {                               /* 使用<FONT>的預設樣式 */
    font-family:arial;
    font-size:13px;
    color:#000000;
}

/*----------------------------文字連結----------------------------*/
a {}                                 /* 文字連結基本 */
a:link {
	color:#005073;                   /* 文字有連結 */ 
	font-family:arial;
	font-size:13px;
    text-decoration: none;
}
a:visited {                          /* 點選過的連結 */
    color:#666666;
	font-size:13px;
	font-family:arial;
	text-decoration: none;
}
a:active { font-weight: bold}        /* 滑鼠按下的瞬間 */
a:hover { color: #a52001;}             /* 滑鼠移上時 */


/*-------------------------網頁png透明(IE6)-------------------------*/
div, img, span, #x1 { behavior:url("iepngfix.htc");}

/*-----------------------------網站背景-----------------------------*/
html, body {height: 100%;}
body{
	margin:0; 
	padding:0;                      /* 與外框的內距 */
	background:url(images/bg01.jpg) center top no-repeat;
}

/*---------------------------------------------- 主架構 ----------------------------------------------*/
#all-frame{                          /* 最外層框架 */
	margin:auto;                     /* 網頁置中需設 */
	width:990px;                     /* 網頁整體寬度 */
}

#top-frame{                         /* TOP框架，供DIV定位 */
    float:left;                     /* 列定位，內容已將寬度撐開，可不設定 */
	width:100%;
}

#down-frame{                        /* DOWN框架 */
    float:left;                     /* 列定位，內容已將寬度撐開，可不設定 */
	width:100%;
}

#middle-frame{                       /* MIDDLE框架，內含LEFT、MAIN、RIGHT三個框架 */
	float:left;                      /* 列定位，接續TOP框架排列 */
	width:100%;
}

#left-frame{                         /* LEFT框架 */
    float:left;
    width:169px;
}

#right-frame{                         /* RIGHT框架，接續MAIN框架 */
    float:left;
	width:184px;
}

#main-frame{                         /* MAIN框架，接續LEFT框架 */
    float:left;
    width:637px;
}

/*---------------------------------------------- TOP內容 ----------------------------------------------*/
/*-------- LOGO --------*/
#top-frame span{
    float:left;
}
#top-frame .logo{}                    /* LOGO定位 */
/*-------- MENU --------*/

#top-frame #menu{
	position: relative;
}
#top-frame .faq{
	width: 985px;
	background: #687176;
	padding-top:5px;
	padding-left: 6px;
	float:left;
}
#top-frame .faq a{
	font-size:15px;
    color:#000000;
}
#top-frame .faq a:hover{
    color:#00277f;
	
}
#top-frame .faq1{
	width: 195px;
	height:36px;
	border-right: 1px #687176 solid;
	border-bottom: 1px #687176 solid;
	background: #ffffff;
	Cursor:hand;
	text-align: center;
	padding-top:11px;
}
#top-frame .faq1-over{
	width: 195px;
	height:36px;
	border-right: 1px #687176 solid;
	border-bottom: 1px #687176 solid;
	background: #ebf2f9;
	Cursor:hand;
	text-align: center;
	padding-top:11px;
}
#top-frame .faq2{
	width: 195px;
	height:36px;
	border-right: 1px #687176 solid;
	border-bottom: 1px #687176 solid;
	background: #ffffff;
	Cursor:hand;
	text-align: center;
	padding-top:3px;}
#top-frame .faq2-over{
	width: 195px;
	height:36px;
	border-right: 1px #687176 solid;
	border-bottom: 1px #687176 solid;
	background: #ebf2f9;
	Cursor:hand;
	text-align: center;
	padding-top:3px;
}

/*---------------------------------------------- DOWN內容 ----------------------------------------------*/
#down-frame span{                        /* DOWN背景圖 */
    float:left;
	background: #ffffff;
} 

#down-frame .down{
	width:100%;

}
/*-------- MENU --------*/
#down-frame #menu{                    /* 定位 */
}
/*-------- 內容 --------*/
#down-frame #down{                    /* 定位 */
    width:990px;
    margin:auto;
}   
/*-------- LOGO --------*/
#down-frame .logo{}                   /* LOGO定位 */
/*-------- 文字 --------*/
#down-frame .txtspan{                /* 文字定位 */
	width:770px;
	padding-bottom:40px;
}
#down-frame .txt{                    /* 文字樣式 */
	font-size:11px;
	color:#666666;
}
#down-frame a{                      /* 文字連結 */
    text-decoration: underline;
    font-size:11px;
}
#down-frame .title{       /* 網站名稱 */
	font-family: "新細明體";
	font-size: 13px;
	color:#2b4170;
	font-weight: bold;
	padding-top: 5px;
	float:left;
}
#down-frame .address{}     /* 地址 */
#down-frame .tel{}         /* 電話 */
#down-frame .fax{}         /* 傳真 */
#down-frame .mail{}                    /* EMAIL */
#down-frame .ie{}          /* 最佳解析度 */
#down-frame .copyright{   /* 版權宣告 */
	font-family: Arial;
	font-size: 12px;
	color:#807f7f;
	padding-top: 5px;
	padding-left: 6px;
	float:left;
} 
/*--------------------------- view計數器 ---------------------------*/
#view2 span{ float:left;}
#view2 .txtspan{                        /* 文字定位 */
	color:#555555;
	width:120px;
	line-height: 24px;
	font-size:13px;
	color:#000000;
}
#view2 .txtspan2{                        /* 文字定位 */
	color:#555555;
	width:100px;
	line-height: 24px;
	font-size:13px;
	color:#000000;
	text-align: right;
}
#view2 .txtspan2 font{                        /* 文字定位 */
	font-size:18px;
	color:#a52001;
}
/*---------------------------------------------- LEFT內容 ----------------------------------------------*/

/*---------------------- menu_p、s、q產品目錄 ----------------------*/
#menux{width:169px;}
#menux span{ float:left;}
#menux .hearder{
	width:169px;
	height:50px;
	padding-bottom: 10px;
	background: url(images/top02.jpg) no-repeat;
}
#menux .hearder2{
	width:169px;
	height:50px;
	padding-bottom: 10px;
	background-image: url(images/top02.jpg);
	background-repeat: no-repeat;
}
#menux .hearder3{
	width:169px;
	height:50px;
	padding-bottom: 10px;
	background-image: url(images/top02.jpg);
	background-repeat: no-repeat;
}

/*-------- 分區 --------*/
#menux #area{width:100%;}
#menux .area {
	width:100%;
	font-weight: bold;
	padding-left: 5px;
	font-family: Arial;
	padding-bottom: 8px;
	font-size: 18px;
	color: #175f95;
}
#menux .area a {
    font-size: 18px;
	color: #175f95;
}
#menux .area a:hover {
    color:#000000 ;
}

#menux .area_on {
	width:100%;
	background-repeat: no-repeat;
	background-image: url(images/index-cut_15.jpg);
	background-position: bottom;
	font-weight: bold;
	padding-left: 5px;
	font-family: Arial;
	color: #000000;
	padding-bottom: 8px;
	font-size: 18px;
}
#menux .area_on a {
    font-size: 18px;
	color: #000000;
}
#menux .area_on a:visited {
    color: #175f95;
}


/*-------- 分類 --------*/
#menux #cat{width:100%;}
#menux .cat {
    font-size:13px;
	background: url(images/index-cut_35.png) no-repeat 5px;
	width:100%;
	padding-top:8px;
	padding-left:25px;
	padding-bottom:8px;
	color:#878787;
}
#menux .cat a {
    font-size:13px;
    color:#878787; 
}
#menux .cat a:hover {color:#175f95;}

#menux .cat_on {
	font-size:13px;
	width:100%;
	font-weight:bold;
	padding-top:11px;
	padding-left:25px;
	padding-bottom:8px;
	background-image: url(images/index-cut_18.png);
	background-repeat: no-repeat;
	background-position: 5px;
	color:#000000;
}
#menux .cat_on a{
    color:#000000;
}
#menux .cat_on a:hover {color:#175f95;}

#menux .article{
	color:#175f95;
	width:100%;
	font-family: "新細明體";
	font-size: 13px;
	padding-left:25px;
	line-height: 20px;
}
#menux .article span{
	width:145px;
	padding-right:25px;
	line-height: 15px;
	padding-bottom:6px;
}
#menux .article a{
	color:#175f95;
	font-size: 13px;
}
#menux .article a:hover{
    color:#000000;
}


/*---------------------- editor_menu我們的觀點 ----------------------*/
#editmenu{width:169px;}
#editmenu span{ float:left;}
#editmenu .top{
	width:169px;
	height:50px;
	padding-bottom: 10px;
	background-image: url(images/top04.jpg);
	background-repeat: no-repeat;
}
#editmenu .bottom{
	width:169px;
	height:10px;
}
/*-------- 背景 --------*/
#editmenu #bg{
    float:left;
    width:100%;
}
/*-------- 表頭 --------*/
#editmenu .hearder{                    /* 定位 */
	width:100%;
	text-align:left;
}
/*-------- 連結 --------*/
#editmenu .linkspan{                   /* 定位 */
    width:100%;
}
#editmenu .title{                      /* 標題 */
	padding-top:4px;
	width:169px;
	font-size:13px;
	line-height: 20px;
	color:#175f95;
}
#editmenu .title span{
	width:169px;
	line-height: 15px;
	padding-bottom:6px;
}
#editmenu a{                           /* 連結樣式 */
	font-size:13px;
	color:#175f95;
}

#editmenu a:hover{
	color:#000000;
	font-weight: bold;	
}


/*--------------------------------------------- RIGHT內容 ---------------------------------------------*/
#right-frame .rightbg{
	width:184px;
	background-image: url(images/top03-3.jpg);
	float:left;
	background-repeat: no-repeat;
	background-position: top;
}


/*---------------------- postboard.asp公佈欄 ----------------------*/
#post span{ 
    float:left;
} 

#post .hearder{                     /* 表頭 */
	width:181px;
	height:74px;


}
#post .post{                             /* 外框 */
	width:181px;
	height:66px;

}


#post .bottom{                        /* 框底 */
	width:181px;
	height:66px;

}

/*-------------------------- adv.asp廣告 --------------------------*/
#adv span{ float:left;}

#adv .advtop{
    background:url(images/pic01.jpg);
	width:100%;
	height:26px;
	background-repeat:no-repeat;
	border-left: 8px solid #FFFFFF;
	
}
 
#adv .advspan{                         /* 圖片定位 */
	width:166px;
	background:url(images/pic02.jpg);
	border-left: 8px solid #FFFFFF;
	padding-left:18px;
}
#adv .advbr{                           /* 底部墊高 */
    height:63px;
	width:100%;
	border-left: 8px solid #FFFFFF;
}

/*--------------------------------------------- MIDDLE內容 ---------------------------------------------*/
#faq2 span{ }
#faq2 .hearder{
    background-image: url(images/top05.jpg);
	background-repeat:no-repeat;
	width: 637px;
	float:left;
	
}                    /* 表頭 */
/*--------------------------- 最新消息 ---------------------------*/
/*---------- 列表 ----------*/
#faq2 #list{                       /* 定位 */
    width: 637px;
	float:left;
}
#faq2 #list .title{                /* 標題 */
	padding-left:25px;
	padding-top:19px;
	width:540px;
	height:29px;
    float:left;

}
#faq2 #list .selectspan1{                /* 標題 */
	display:none;
}
#faq2 #list .title a{                /* 標題 */
	color:#a52001;
	font-size:22px;
}
#faq2 #list .time{                 /* 日期 */
	width:90px;
	text-align: right;
	padding-right:4px;
	padding-top:4px;
	display:none;
}
#faq2 #list .pic{                 /* 圖片有傳圖(左圖右文) */
    width:160px;
	padding-bottom:8px;
	display:none;
	
}
#faq2 #list .pic2{display:none;}  /* 圖片沒傳圖(左圖右文) */
#faq2 #list .intro{               /* 內容有傳圖(左圖右文) */
	width:592px;
	font-size:15px;
	padding-top:10px;
	padding-left:25px;
	padding-right:20px;
	padding-bottom:8px;
	float:left;
}
#faq2 #list .intro2{               /* 內容沒傳圖(左圖右文) */
	width:592px;
	font-size:15px;
	padding-top:10px;
	padding-left:25px;
	padding-right:20px;
	padding-bottom:8px;
	float:left;

}
#faq2 #list .line{                 /* 分隔線 */
    width:100%;
	height:2px;
	float:left;
}
righttop {
}
