/*---------------------------------------------- 基本設定 ---------------------------------------------*/
@charset "utf-8";
font {                               /* 使用<FONT>的預設樣式 */
    font-family:arial;
    font-size:13px;
    color:#000000;
}
span{ float:left;}                   /* 使用<SPAN>，接續前一個物件位置排列 */

/*----------------------------文字連結----------------------------*/
a {}                                 /* 文字連結基本 */
a:link {
	color:#2d2d2d;                   /* 文字有連結 */ 
	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:#ff9307;}             /* 滑鼠移上時 */

/*-------------------------網頁png透明(IE6)-------------------------*/
div, img, span, #x1 { behavior:url("iepngfix.htc");}

/*-----------------------------網站背景-----------------------------*/
html, body {height: 100%; background:#ffffff;}
body{
	margin:0;                        /* 與外框的內距 */
	background: url(images/bodybg.jpg) top center;
}


/*---------------------------------------------- 主架構 ----------------------------------------------*/
#all-frame{                          /* 最外層框架 */
	margin:auto;                     /* 網頁置中需設 */
	width:990px;                     /* 網頁整體寬度 */
}

#top-frame{                         /* TOP框架，供DIV定位 */
    float:left;                     /* 列定位，內容已將寬度撐開，可不設定 */
	width:100%;
	background: url(images/topbg.png) top center no-repeat;
}

#down-frame{                        /* DOWN框架 */
    float:left;                     /* 列定位，內容已將寬度撐開，可不設定 */
	width:100%;
}

#middle-frame{                       /* MIDDLE框架，內含LEFT、MAIN、RIGHT三個框架 */
	float:left;                      /* 列定位，接續TOP框架排列 */
	width:100%;
	padding-bottom: 27px;
}

#left-frame{                         /* LEFT框架 */
    float:left;
    width:464px;
}

#right-frame{                         /* RIGHT框架，接續MAIN框架 */
    float:left;
	width:250px;
	display:none;
}

#main-frame{                         /* MAIN框架，接續LEFT框架 */
    float:left;
    width:526px;
}

/*---------------------------------------------- TOP內容 ----------------------------------------------*/
#top-frame #allbox { width:990px; margin:auto;}
/*-------- LOGO --------*/
#top-frame .logo{                    /* LOGO定位 */
    padding-left: 15px;
}
#top-frame .link{
    width:121px;
	height:30px;
	padding-top:31px;
	padding-left:540px;
	padding-right:8px;
	padding-bottom:3px;
}
#top-frame .link .q{
    padding-right:4px;
}

/*-------- MENU --------*/
#top-frame #menu{}
#top-frame .menu01{                  /* 左圖 */
    background:url(images/top_l.png);
    width:8px;
	height:74px;
}
#top-frame .menu02{}                 /* 關於我們 */
#top-frame .menu03{}                 /* 最新消息 */
#top-frame .menu04{}                 /* 電子型錄 */
#top-frame .menu05{}                 /* 常見問題 */
#top-frame .menu06{}                 /* 聯絡方式 */
#top-frame .menu07{                  /* 右圖 */
    background:url(images/top_r.png);
    width:5px;
	height:74px;
}
#top-frame #f_bg {                 /* 背景圖片 */
	width:100%;
	height: 359px;
	position: relative;
	overflow: hidden;
}

#top-frame #f_bg .f {           /* 中間去背圖片 */
	width:100%;
	height:347px;
	background: url(images/f.png) center no-repeat;
	position: absolute;
	top: 0px;
	left:0px;
}


#top-frame .top_d{
	width:100%;
	height:61px;
	background:url(images/msgbg.jpg);
}
#top-frame .top_d #mar {
	width:990px;
	height:52px;
	margin:auto;
	background: url(images/newsmar.png) no-repeat center top;
	position: relative;
}

/*--------- 跑馬燈 ---------*/
#top-frame #mar .pic1{
	width:64px;
	height:43px;
	background:url(images/new.png);
	position: absolute;
	top: -12px;
	left: 235px;
}
#top-frame #mar .bg{ 
    width:379px;
	height:31px;
	padding-left:285px;
	padding-top:21px;
	float:left;
}
#top-frames #mar .pic2{display:none;}

/*-------------------- top 搜尋 --------------------*/
#search { width: 299px; height:52px; float:left; }

#search .pic1{        /* 左邊圖片 */
    display: none;
}
#search .pic2{      /* 右邊圖片 */
    display: none;
}
#search .serbg{                           /* 背景 */
    width:216px;
	height:52px;
    background:url(images/ser_01.png) no-repeat;
}
/*-------- 欄位 --------*/
#search .inputspan{                    /* 欄位定位 */
    width:159px;
	padding-left: 78px;
	padding-top: 17px;
	
}
#search .input1{                      /* 欄位樣式 */
    border:0px; 
	font-size:12px; 
	width:125px; 
	height:16px;
}
/*-------- 按鈕 --------*/
#search .buttenbg{                    /* 按鈕背景 */    
    width:79px;
	height:35px;
    background:url(images/ser_02.png) no-repeat;
	padding-top: 17px;
	padding-left: 4px;
}
#search .buttenbg .butten1{           /* 按鈕樣式 */
	border:0px;
	width:67px;
	height:17px;
    background:url(images/ser_icon.png) no-repeat;
}

/*---------------------------------------------- DOWN內容 ----------------------------------------------*/
#down-frame .down{
	width:100%;
	height:100%;
	background: #eeeeee;  /* DOWN背景圖 */
	background-position: bottom;
	border-top: solid 1px #e0dfdf;
}
/*-------- 內容 --------*/
#down-frame #down{                    /* 定位 */
	width:990px;
	margin:auto;
	position: relative;
}
#down-frame .q{                    /* 定位 */
    width:89px;
	height:66px;
	position: absolute;
	background:url(images/down_icon.png);
	top:-54px;
	left:40px;
}
/*-------- 文字 --------*/
#down-frame .txtspan{                /* 文字定位 */
	padding-left:47px;
	padding-top:23px;
	padding-bottom: 26px;
	width:760px;
	float:left;
}
#down-frame .txt{                    /* 文字樣式 */
	font-size:12px;
	color:#383838;
	font-family:"新細明體";
}
#down-frame a{                      /* 文字連結 */
    text-decoration: underline;
    font-size:11px;
}
#down-frame .title{       /* 網站名稱 */
        display:block;
        float:none;
        clear:left ;
	padding-bottom:4px;
	padding-top:2px;
}
#down-frame .mail{    /* EMAIL */
	font-family: Verdana, Regular,;
	font-size: 12px;
    padding-bottom:6px;

}  
                 
#down-frame .company{        /* 公司 */
    width:448px; 
	padding-bottom:4px; 
	font-family: Verdana, Regular;
	font-size: 12px;
}  
#down-frame .copyright{  /* 版權宣告 */
	width:448px;
	color:#4e7abb;
	font-family: Arial, Regular;
	font-size: 11px;
}
#down-frame .c_logo{  
	width:140px;
	padding-top: 12px;
	padding-left: 13px;
	float:left;
}

/*---------------------------------------------- LEFT內容 ----------------------------------------------*/


/*--------------------------- 最新消息 ---------------------------*/
#hotnews #hearder{ padding-top:4px;}               /* 表頭 */
/*-------- 橫幅看板 --------*/
#hotnews #banner .top{display:none;}
#hotnews #banner .bg{}
#hotnews #banner .bottom{display:none;}
/*--------- 跑馬燈 ---------*/
#hotnews #mar .pic1{display:none;}
#hotnews #mar .bg{display:none;}
#hotnews #mar .pic2{display:none;}
/*---------- 列表 ----------*/
#hotnews #list{                       /* 定位 */
    width:464px;
}
#hotnews #list .bg{                       /* 定位 */
    width:464px;
	background:url(images/hotnews_bg.png);
	float:left;
}
#hotnews #list .allbox{ 
    padding-left:61px;
	padding-top: 9px;
}

#hotnews #list .title{                /* 標題 */
	padding-left:9px;
	padding-top:2px;
    width:216px;
	height:24px;
	font-size: 13px;
	font-family:"新細明體";
}


#hotnews #list .time{                 /* 日期 */
	width:70px;
	padding-top:4px;
	height:22px;
	color:#ff9307;
	font-size:11px;
	font-family: Verdana, Regular;
}
#hotnews #list .pic{                 /* 圖片有傳圖(左圖右文) */
    width:160px;
	padding-bottom:8px;
	display:none;
}
#hotnews #list .pic2{display:none;}  /* 圖片沒傳圖(左圖右文) */
#hotnews #list .intro{               /* 內容有傳圖(左圖右文) */
    width:350px;
	font-size:12px;
	padding-top:4px;
	padding-bottom:8px;
	display:none;
}
#hotnews #list .intro2{               /* 內容沒傳圖(左圖右文) */
    width:100%;
	font-size:12px;
	padding-top:4px;
	padding-bottom:8px;
	display:none;
}
#hotnews #list .line{                 /* 分隔線 */
    width:365px;
	height:2px;
	background:url(images/line.png);
}
#hotnews #list .line_bb{                 /* 分隔線間隔 */
    width:365px;
	height:1px;
	float: left;
}
#hotnews #list .bb {
    background:url(images/hotnews_bottom.png);
	width: 432px;
	height:48px;
	text-align: right;
	padding-right: 32px;
	padding-top: 7px;
}
/*--------------------------------------------- RIGHT內容 ---------------------------------------------*/

/*--------------------------------------------- MIDDLE內容 ---------------------------------------------*/

/*--------------------------- 熱門商品 ---------------------------*/
#hotproduct .hearder{              /* 表頭 */
	padding-top: 4px;
} 
#hotproduct .pdt_more{
    padding-top: 4px;
}

/*---------- 全圖模式 ----------*/
#hotproduct #mode3{                  /* 定位 */
	width:164px;
	float:left;
	position: relative;
}
#hotproduct #mode3:nth-child(3n+1){  
	clear:both;
}
#hotproduct #mode3 .pic{             /* 產品圖 */
    width:158px;
	padding-left: 6px;
}
#hotproduct #mode3 .pic .pic1{       /* 產品圖上方圖片 */
    width:164px;
	height:12px;
	background:url(images/pdt_pictop.png);
}

#hotproduct #mode3 .pic .star{       /* 產品圖上方圖片 */
	width:34px;
	height:44px;
	background:url(images/star.png);
	position: absolute;
	top: 0px;
	left: 19px;
}

#hotproduct #mode3 .pic .bg{         /* 產品圖背景 */
    width:162px;
	height: 159px;
	background:url(images/pdt_picbg.png);
	text-align: center;
	font-size:0px;
	padding-left:2px;
}
#hotproduct #mode3 .pic .bg *{       /* 讓.bg下的所有物件置中 */
    vertical-align:middle;
}
#hotproduct #mode3 .pic .bg font{    /* 用文字型態將span撐開 */ 
    display:inline-block;
}
#hotproduct #mode3 .pic .pic2{       /* 產品圖下方圖片 */
    width:164px;
	height:9px;
	background:url(images/pdt_picbottom.png);
}
#hotproduct #mode3 .picbb{ 
    width: 164px; 
	height:7px; 
	float:left;
}

#hotproduct #mode3 #title {           /* 標題 */
	font-size:12px;
	width:134px;
	padding-left: 15px;
	text-align: center;
	padding-bottom:5px;
	cursor:hand;
}

#hotproduct #mode3 .picmore {           /* more */
	width:164px;
	text-align: center;
	cursor:hand;
}