/*
 * CSS Document 
 * ============================================================================
 * 版權所有  2011 鉅潞科技網頁設計公司，並保留所有權利。
 * 網站地址: http://www.grnet.com.tw
 * ============================================================================
 * $Author: 小玉 $
 * $Date: 2011-11-04 (星期五) $
*/

@charset "utf-8";

body { margin: 0; padding: 0; font-family:Arial, Helvetica, sans-serif; font-size:13px; background:#000; -moz-user-select: none; -khtml-user-select: none; user-select: none;}
a{ color:#666; text-decoration:none;}
a:hover{ color:#999;}
a.setFlash { background: url(../images/get_flash_player.gif) center no-repeat; display: block; width: 100%;}
img { border: 0px; text-decoration: none;}

/* --------------intro flash----------------- */
body.intro { margin: 0;	padding: 0;	font-size:12px;	-webkit-text-size-adjust: none;	color: #444; background: url(../images/mbg.gif) top repeat-x #8f8f8f;	font-family:Arial, Helvetica, sans-serif;}
.cBg { background: url(../images/cbg.png) center 70px no-repeat;}
#gWap { width: 1000px; margin: 80px auto 0; overflow: hidden;}
#footer { width: 1000px; margin-top: 10px; overflow: hidden; color: #474747; font-size: 11px; text-align: center;}
#footer a { color: #474747; text-decoration: none;}
#footer a:hover { position: relative; top: 1px; left: 1px;}
.h500 { height: 500px; overflow: hidden;}

/* -------------Header--------------- */
#iWrapper{ position:absolute; top:0; left:0; width:100%; z-index:5;}
#gWrapper td.bgTop, #iWrapper td.bgTop{ background:url(../images/bg_top.jpg) top center repeat-x;}
#gWrapper td.pBgTop, #iWrapper td.pBgTop{ background:url(../images/pbg_top.jpg) top center repeat-x;}
div#iHeader{ width:1014px; margin:0 auto; overflow:visible; height:126px;}
div#pHeader{ width:1014px; margin:0 auto; overflow:visible; height:123px;}
div#iHeader h1, 
div#pHeader h1{ width:220px; height:100px; overflow:hidden; margin:0; padding:14px 0 0 19px; float:left;}
div#iHeader div.topNav, 
div#pHeader div.topNav{ width:735px; overflow:visible; float:right; padding:0 18px 0 0;}
div#iHeader div.topNav ul.lang, 
div#pHeader div.topNav ul.lang{ padding:0; margin:0; list-style:none; font-size:11px;}
div#iHeader div.topNav ul.lang li, 
div#pHeader div.topNav ul.lang li{ float:right; color:#9a9a9a; background:url(../images/lang_gap.gif) right center no-repeat; padding:10px 8px 9px; margin:0;}
div#iHeader div.topNav ul.lang li.noGap, 
div#pHeader div.topNav ul.lang li.noGap{ background:none; padding:10px 0 10px 14px;}
div#iHeader div.topNav ul.lang li a, 
div#pHeader div.topNav ul.lang li a{ color:#000;}
div#iHeader div.topNav ul.lang li a:hover, 
div#pHeader div.topNav ul.lang li a:hover{ color:#333;}
div#iHeader div.topNav div.secNav{ background:url(../images/topnav_bg1.jpg) center 5px no-repeat; width:143px; height:25px; overflow:hidden; clear:both; float:right; padding:7px 0 0 8px;}
div#pHeader div.topNav div.secNav{ background:url(../images/topnav_bg1.jpg) center 2px no-repeat; width:143px; height:25px; overflow:hidden; clear:both; float:right; padding:4px 0 0 8px;}
div#iHeader div.topNav div.secNav a:hover, 
 div#pHeader div.topNav div.secNav a:hover{ position:relative; top:1px; left:1px;}
div#iHeader div.topNav div.mainNav, 
div#pHeader div.topNav div.mainNav{ width:745px; height:60px; overflow:visible; clear:both; position:relative; z-index:40; background:url(../images/main_nav_bg.png) 0 0 no-repeat;}
/* ---------------Banner---------------- */
div#iBannerBg{ position:absolute; top:-1px; left:0; width:100%;}
div#iBanner{ width:100%; margin:0 auto; position:relative; overflow:visible; z-index:25; height:auto; clear:both; background: #fff;}
div#iBanner div.pic{ position:relative; width:980px; height:auto; overflow:hidden; margin: 0 auto; }
div.pBg{ background:url(../images/p_bg.jpg) top repeat-x; padding-top:2px;}
div.pBgW{ background:url(../images/p_bg2.gif) top repeat-x #e9e9e9; padding-top:10px;}
#gWrapper div#pBanner{ width:980px; margin:0 auto; position:relative; overflow:visible; z-index:25; height:252px; clear:both;}
#gWrapper div#pBannerW{ width:988px; margin:0 auto; position:relative; overflow:visible; z-index:25; height:218px; clear:both;}
#gWrapper div#pBanner2{ width:1014px; margin:0 auto; position:relative; overflow:visible; z-index:25; height:212px; clear:both; opacity:0; *FILTER:alpha(opacity=0);}
#gWrapper div#pBanner .pic { width: 980px; height: 252px; overflow:hidden; }
#gWrapper div#pBanner div.goodsSmallPic { width: 205px; height: 206px; overflow: hidden; position:absolute; top:2px; right:30px; }
#gWrapper div#pBanner div.goodsSmallPic ul, #gWrapper div#pBanner div.goodsSmallPic ul li { margin: 0px; padding: 0px; list-style: none; position:relative; margin-bottom: 6px;}

#gMain div.pTitle{ width:900px; height:44px; overflow:hidden; background:url(../images/title_bg.png) no-repeat; margin:0 auto; padding:10px 25px 10px 55px; color:#b9b9b9;}
#gMain div.pTitleW{ width:900px; height:44px; overflow:hidden; background:url(../images/title_bg_w.png) no-repeat; margin:0 auto; padding:10px 25px 10px 55px; color:#666;}
#gMain div.pTitle table.path, #gMain div.pTitleW table.path{ width:650px; float:left; overflow:hidden; height:43px;}
#gMain div.pTitle table.search, #gMain div.pTitleW table.search{ width:245px; float:right; overflow:hidden; margin-top:10px;}
#gMain div.pTitle table.path a{ text-align:left; background:url(../images/path_aw.png) right no-repeat; padding-right:13px; margin-right:7px; color:#8b8b8b;}
#gMain div.pTitleW table.path a{ text-align:left; background:url(../images/path_aw.png) right no-repeat; padding-right:13px; margin-right:7px; color:#8b8b8b;}
#gMain div.pTitle table.path a:hover, #gMain div.pTitleW table.path a:hover{ color:#b9b9b9;}

#gWrapper div#pCont{ width:1014px; margin:0 auto; position:relative; overflow:visible; z-index:25; height:110px; clear:both;}
#gWrapper div#pCont div.contBg{ position:absolute; top:-12px; background:url(../images/pcont_bg.png) no-repeat; padding:27px 17px 16px 17px; width:980px; height:67px; overflow:visible;}
#gWrapper div#pCont div.contBgW{ position:absolute; top:-12px; padding:27px 17px 16px 17px; width:980px; height:67px; overflow:visible;}

/* -------------ABOUT US--------------- */
#gWrapper div#pContAbout{ width:1014px; margin:0 auto; position:relative; overflow:visible; z-index:25; height:80px; clear:both;}
#gWrapper div#pContAbout div.contBg{ position:absolute; top:-12px; background:url(../images/pcont_bg.png) no-repeat; padding:27px 17px 0 17px; width:980px; height:67px; overflow:visible;}
#aboutBox{ width:1000px; overflow:hidden; margin:0 auto; line-height:22px; padding:10px 0; color:#fff; background:url(../images/about01.jpg) repeat-y;}
#aboutBox table{ width:940px; margin:0 auto;}
#aboutBox p{ padding:4px 30px; font-size:15px; line-height:22px;}
#aboutBox p span{ color:#e7ad06;}

/* -------------NEWS--------------- */
#newsBox{ width:940px; overflow:hidden; margin:0 auto 40px;}
#newsBox .newsTag{ background:url(../images/news_tag_bg.jpg) bottom repeat-x;}
#newsBox h2{ padding:0; margin:0;}
#newsBox .pic{ width:200px; overflow:hidden; float:left;}
#newsBox .list{ width:920px; overflow:hidden; padding:20px 0 20px 20px; color:#b8b8b8; background:url(../images/info_line.gif) bottom no-repeat; }
#newsBox .list .pic{ width:120px; height:95px; overflow:hidden; float:left; position:relative; padding:2px 2px 3px 14px;}
#newsBox .list .pic span{ position:absolute; top:0; left:0;}
#newsBox .list table{ float:right; width:760px; overflow:hidden; color:#707070;}
#newsBox .list td{ padding:4px;}
#newsBox .list th{ padding:4px; color:#f8e97a; font-weight:normal; text-align:left;}
#newsBox .list td a.title{ color:#FFF; font-weight:bold;}
#newsBox .list td a.title:hover{ color:#ededed; position:relative; left:1px; top:1px;}
#newsBox .view{ width:690px; float:right; overflow:hidden; padding:10px 10px 0 0; color:#b8b8b8; }
#newsBox .view td, #newsBox .view th{ padding:8px; border-bottom:#444444 1px solid; font-weight:normal;}
#newsBox .view td a{ color:#FFF;}
#newsBox .view td a:hover{ color:#ededed; position:relative; left:1px; top:1px;}
#newsBox .view .newsView{ width:650px; padding:15px; overflow:hidden; border-left:#222 5px solid; border-right:#222 5px solid; background:url(../images/news_bg.jpg) bottom repeat-x;}

/* ----------產品分類(第一層)-------------- */
#goodsBox{ width:970px; overflow:hidden; margin:0 auto; padding:25px 0 10px;}
#goodsBox div.goodsItem{ width:981px; overflow:hidden; margin:0 auto;}
#goodsBox div.goodsItem div.item{ width:300px; height:140px; padding:3px 3px 41px; float:left; margin-right:20px;}
#goodsBox div.goodsItem div.itemOver{ background:url(../images/goods_item_bg2.jpg) no-repeat; }
#goodsBox div.goodsItem div.itemOut{ background:url(../images/goods_item_bg.jpg) no-repeat;}
/* ----------產品分類(第二層)-------------- */
#goodsBox div.goodItem2{ width:981px; overflow:hidden; margin:0 auto; background:url(../images/goods_item2_line.jpg) left bottom no-repeat; padding-bottom:20px;}
#goodsBox div.goodItem2.bgW{ background:url(../images/goods_item2_line2.jpg) left bottom no-repeat;}
#goodsBox div.goodItem2 div.goodsItemFirst{ width:300px; height:140px; overflow:hidden;}
#goodsBox div.goodItem2 div.item2{ width:164px; height:144px; overflow:hidden; float:left; margin-right:3px; margin-bottom:3px; position:relative;}
#goodsBox div.goodItem2 div.item2 span{ position:absolute; top:10px; left:10px; color:#FFF; text-decoration:underline;}
#goodsBox div.goodItem2 div.item2 a img{ display: block; width: 160px; height: 140px; overflow: hidden; background:url(../images/item2_bg2.jpg) no-repeat; padding:2px;}
#goodsBox div.goodItem2 div.item2 a img:hover{ background:url(../images/item2_bg.jpg) no-repeat;}
#goodsBox div.goodItem2 div.item2 a img.bgW{ display: block; width: 160px; height: 140px; overflow: hidden; background:url(../images/item2_bg2_w.jpg) no-repeat; padding:1px 3px 3px 1px;}
#goodsBox div.goodItem2 div.item2 a img.bgW:hover{ background:url(../images/item2_bg_w.jpg) no-repeat;}
/* ----------產品分類(第三層)-------------- */
#goodsBox div.goodItem3{ width:990px; overflow:hidden; margin:0 auto; padding:20px 0 0;}
#goodsBox div.goodItem3 div.item3{ width:313px; overflow:hidden; float:left; margin-right:12px;}
#goodsBox div.goodItem3 div.item3 a img{ background:url(../images/item3_bg2.jpg) no-repeat; display:block; padding:2px;}
#goodsBox div.goodItem3 div.item3 a img:hover{ background:url(../images/item3_bg.jpg) no-repeat; display:block; padding:2px;}
#goodsBox div.goodItem3 div.item3 a img.bgW{ background:url(../images/item3_bg2_w.jpg) no-repeat; display:block; padding:4px;}
#goodsBox div.goodItem3 div.item3 a img.bgW:hover{ background:url(../images/item3_bg_w.jpg) no-repeat; display:block; padding:4px;}
#goodsBox div.goodItem3 div.item3 span{ display:block; background:url(../images/item3_dot.gif) 10px center no-repeat; color:#FFF; padding:8px 0 12px 19px; font-size:12px; color:#666;}
/* ----------產品分類(第四層)-------------- */
#goodsBox div.goodItem4{ width:970px; overflow:hidden; margin:0 auto;}
#goodsBox div.goodItem4 div.item4{ width:970px; overflow:hidden;}
#goodsBox div.goodItem4 div.item4 h2{ background:url(../images/item4.jpg) 24px center no-repeat; color:#c7c7c7; font-size:13px; padding:0 0 0 47px; margin:0 0 5px 0; font-weight:normal;}
#goodsBox div.goodItem4 div.item4 h2.bgW{ background:url(../images/item4w.png) 24px center no-repeat; color:#363636; font-size:13px; padding:1px 0 0 47px; margin:0 0 5px 0; font-weight:normal;}
#goodsBox div.goodItem4 div.item4 div.pic{ position:relative; width:941px; height:122px; padding:10px 0 0 19px;}
#goodsBox div.goodItem4 div.item4 div.pic span{ position:absolute; top:0; left:0;}
#goodsBox div.goodItem4 div.item4 p{ color:#6a6a6a; line-height:20px; padding:5px 30px 20px; margin:0; font-size:12px;}
/* ----------產品分類(第五層)-------------- */
#goodsBox2{ width:960px; overflow:hidden; margin:0 auto; padding:0 0 10px;}
#goodsBox2 div.goodItem5{ width:994px; overflow:hidden; margin:0 auto;}
#goodsBox2 div.goodItem5 div.text{ width:950px; overflow:hidden;}
#goodsBox2 div.goodItem5 div.item5{ width:454px; overflow:hidden; float:left; margin-right:40px;}
#goodsBox2 div.goodItem5 div.item5 h2{ background:url(../images/item4.jpg) left center no-repeat; color:#c7c7c7; font-size:13px; padding:0 0 0 28px; margin:0 0 10px 0; font-weight:normal;}
#goodsBox2 div.goodItem5 div.item5 h2.bgW{ background:url(../images/item4w.png) left center no-repeat; color:#363636; font-size:13px; padding:1px 0 0 28px; margin:0 0 10px 0; font-weight:normal;}
#goodsBox2 div.goodItem5 div.item5 div.pic{ width:450px; height:100px; padding:2px; overflow:hidden; float:left;}
#goodsBox2 div.goodItem5 div.item5 div.picOver{ background:url(../images/item5_bg.jpg) no-repeat; }
#goodsBox2 div.goodItem5 div.item5 div.picOut{ background:url(../images/item5_bg2.jpg) no-repeat;}
/* ----------產品分類(第六層)-------------- */
#goodsBox2 div.goodItem6{ width:960px; overflow:hidden;}
#goodsBox2 div.goodItem6 h2{ background:url(../images/item4.jpg) 7px center no-repeat; color:#c7c7c7; font-size:15px; padding:0 0 0 35px; margin:0 0 10px 0; font-weight:normal;}
#goodsBox2 div.goodItem6 h2.bgW{ background:url(../images/item4w.png) 7px center no-repeat; color:#363636; font-size:15px; padding:1px 0 0 35px; margin:0 0 10px 0; font-weight:normal;}
#goodsBox2 div.goodItem6 div.pic{ width:950px; height:210px; overflow:hidden; margin:0 auto; border:#383838 1px solid;}
#goodsBox2 div.goodItem6 div.picW{ width:950px; height:210px; overflow:hidden; background:url(../images/view_bg_w.png) no-repeat; padding:5px 6px 5px 4px;}
#goodsBox2 div.goodItem6 div.pic a.pic:hover, #goodsBox2 div.goodItem6 div.picW a.pic:hover{ cursor: url(../images/zoom.ico), move;}
#goodsBox2 div.goodItem6 div.text{ width:950px; overflow:hidden;}
.pActSmallPic { width: 950px; height: 47px; overflow: hidden; padding:5px 0; margin:0 auto;}
.pActSmallPic ul, li { margin: 0px; padding: 0px; list-style: none; position:relative;}

/* -------------AGENTS--------------- */
#agentBox{ width:960px; overflow:hidden; margin:0 auto;}
#agentBox .agentTag{ background:url(../images/news_tag_bg.jpg) bottom repeat-x; margin-bottom:30px;}
#agentBox .list{ width:460px; float:left; overflow:hidden; padding:0 10px;}
#agentBox .list h2{ font-size:15px; color:#fff; border-bottom:#271c01 1px solid; padding:0 0 10px; margin:0;}
#agentBox .list .bg{ background:url(../images/agent_h2bg.jpg) top no-repeat; padding-top:20px;}
#agentBox .list .pic{ width:120px; height:95px; overflow:hidden; float:left; position:relative; padding:2px 2px 3px 14px;}
#agentBox .list .pic span{ position:absolute; top:0; left:0;}
#agentBox .list .info{ width:320px; overflow:hidden; float:right; color:#ccc;}
#agentBox .list .info td, #agentBox .list .info th{ padding:2px;}
#agentBox .list .info th{ text-align:right; color:#666; font-weight:normal;}

/* -------------INFORMATION--------------- */
#informationBox{ width:940px; overflow:hidden; margin:0 auto; color:#CCC;}
#informationBox .left{ float:left; overflow:hidden; background:url(../images/member_menu_bg.jpg) no-repeat; width:170px; height:325px; float:left; padding:15px 11px 0 12px;}
#informationBox .left a{ display:block; margin-bottom:8px;}
#informationBox .left a:hover{ position:relative; top:1px; left:1px;}
#informationBox .right{ float:right; width:720px; overflow:hidden;}
#informationBox .right .list{ width:720px; overflow:hidden; margin-bottom:20px; background:url(../images/info_line.gif) bottom no-repeat; padding-bottom:15px; position:relative;}
#informationBox .right .list .pic{ width:200px; height:75px; overflow:hidden; padding:3px; background:url(../images/info_fm.jpg) no-repeat; float:left;}
#informationBox .right .list .info{ color:#FFF; width:400px; float:left; padding-left:20px; overflow:hidden; line-height:24px;}
#informationBox .right .list span{ float:right; border-bottom:#c7970e 1px solid; color:#b8b8b8; font-size:11px; line-height:24px; position:absolute; bottom:10px; right:5px;}
#informationBox h2{ padding:0; margin:0;}
#informationBox td{ padding:15px 10px;}
#informationBox .infoView{ width:900px; padding:15px; overflow:hidden; border:#222 5px solid;}
#informationBox .video{ width:690px; overflow:hidden; float:right; padding-right:25px;}
#informationBox .video .list{ width:690px; overflow:hidden; padding-top:20px;}
#informationBox .video .list .pic{ background:url(../images/video_bottom.gif) bottom no-repeat; width:202px; height:152px; overflow:hidden; padding:0 15px 6px; position:relative; float:left;}
#informationBox .video .list .pic > img{ border:#562f11 1px solid;}
#informationBox .video .list .pic span{ position:absolute; top:58px; left:92px;}
#informationBox .video .list .pic span a:hover{ position:relative; left:1px; top:1px;}
#informationBox .video .list .info{ float:right; width:450px; overflow:hidden;}
#informationBox .video .list .info h3{ color:#FFF; font-size:15px; padding:0; margin:0 0 15px;}
#informationBox .video .list .info p{ color:#999; background:url(../images/video_line_top.gif) top left no-repeat; padding:15px 0; margin:0; border-top:none;}
#informationBox .video .videoBig{ width:562px; height:317px; overflow:hidden; margin:0 auto; padding:30px 20px 5px; background:url(../images/videoB_bottom.jpg) bottom no-repeat;}
#informationBox .video .videoBig iframe{ border:#562f11 1px solid;}
#informationBox .video h3{ color:#FFF; font-size:15px; padding:0; margin:0 0 15px;}
#informationBox .video p{ color:#999; padding:15px 0; margin:0; border-top:#c7970e 1px solid;}

/* -------------LINKS--------------- */
#linkBox{ width:950px; overflow:hidden; margin:0 auto;}
#linkBox .list{ width:440px; overflow:hidden; float:left; padding:0 15px 15px;}
#linkBox .list .pic{ width:200px; height:75px; overflow:hidden; padding:3px; background:url(../images/info_fm.jpg) no-repeat; float:left;}
#linkBox .list table{ width:220px; float:right; overflow:hidden;}
#linkBox .list td{ background:url(../images/link_item.gif) left 8px no-repeat; color:#b8b8b8; padding:3px 0 0 15px; word-wrap:break-word;	word-break:break-all;}
#linkBox .list td a{ color:#a99219;}
#linkBox .list td a:hover{ position:relative; top:1px; left:1px;}

/* -------------EPAPER--------------- */
#epaperBox{ width:940px; overflow:hidden; margin:0 auto;}
#epaperBox h2{ padding:0; margin:0;}
#epaperBox .pic{ width:200px; overflow:hidden; float:left;}
#epaperBox .subscribe{ width:600px; height:290px; float:left; background:url(../images/paper_bg.jpg) left top no-repeat; overflow:hidden; padding:60px 0 0 100px; color:#b8b8b8; }

/* -------------SERVICE--------------- */
#serviceBox{ width:940px; overflow:hidden; margin:0 auto;}
#serviceBox h2{ padding:0; margin:0;}
#serviceBox .pic{ width:200px; overflow:hidden; float:right;}
#serviceBox .consult{ width:600px; float:left; background:url(../images/paper_bg.jpg) left top no-repeat; overflow:hidden; padding:40px 0 0 60px; color:#b8b8b8; }
#serviceBox .consult th{ text-align:right; padding:6px;}
#serviceBox .consult td{ padding:3px;}
#serviceBox .consult td strong{ color:#b8b8b8; }

/* -------------MEMBER--------------- */
#memberBox{ width:940px; overflow:hidden; margin:0 auto;}
#memberBox h2{ padding:0; margin:0;}
#memberBox .pic{ width:200px; overflow:hidden; float:left;}
#memberBox .login{ width:600px; height:290px; float:left; background:url(../images/paper_bg.jpg) left top no-repeat; overflow:hidden; padding:80px 0 0 120px; color:#b8b8b8; }
#memberBox .login th{ text-align:right;}
#memberBox .login td{ padding:6px 3px;}
#memberBox .login a:hover{ position:relative; left:1px; top:1px;}
#memberBox .welcome{ width:600px; height:290px; float:left; background:url(../images/paper_bg.jpg) left top no-repeat; overflow:hidden; padding:40px 0 0 60px; color:#b8b8b8; font-size:15px; line-height:36px;}
#memberBox .join{ width:680px; float:left; background:url(../images/paper_bg.jpg) left top no-repeat; overflow:hidden; padding:20px 0 0 40px; color:#b8b8b8;}
#memberBox .join th{ text-align:right; padding:3px; color:#555;}
#memberBox .join td{ padding:3px;}
#memberBox .join caption{ background:url(../images/item5.png) 12px center no-repeat; text-align:left; padding:6px 0 7px 40px; font-size:15px; margin-bottom:10px; border-bottom:#222 1px solid;}
#memberBox .join .law{ width: 670px; height: 95px; padding:3px; overflow: scroll; overflow-x: hidden; color:#666; background:#111; margin-bottom:5px;}
#memberBox .menuBg{  float:left; overflow:hidden; background:url(../images/member_menu_bg.jpg) no-repeat; width:170px; height:325px; float:left; padding:15px 11px 0 12px;}
#memberBox .menuBg a{ display:block; margin-bottom:8px;}
#memberBox .menuBg a:hover{ position:relative; top:1px; left:1px;}
#memberBox .download{ width:690px; float:right; overflow:hidden; padding:10px 10px 0 0; color:#b8b8b8; }
#memberBox .download td, #memberBox .download th{ padding:8px; border-bottom:#444444 1px solid; font-weight:normal;}
#memberBox .download th a:hover{ position:relative; left:1px; top:1px;}
#memberBox .featured{ width:690px; float:right; overflow:hidden; padding:10px 10px 0 0; color:#b8b8b8; }
#memberBox .featured td, #memberBox .featured th{ padding:8px; border-bottom:#444444 1px solid; font-weight:normal;}
#memberBox .featured td a{ color:#FFF;}
#memberBox .featured td a:hover{ color:#ededed; position:relative; left:1px; top:1px;}
#memberBox .featured .newsView{ width:650px; padding:15px; overflow:hidden; border:#222 5px solid;}

/* -------------SYSTEM,SEARCH--------------- */
#systemBox, #searchBox{ width:960px; overflow:hidden; margin:0 auto; line-height:22px; color:#999; background:url(../images/about_bg2.jpg) right 30px no-repeat;}

/* -----置底footer----- */
html, body, #gWrapper {height: 100%;}
body > #gWrapper {height: auto; min-height: 100%;}
#gMain {padding-bottom: 47px;} 
#gFooter {position: relative; margin-top: -47px; height: 47px; clear:both;}
#gFooter td.bgFooter{ background:url(../images/bg_footer.jpg) top repeat-x;}
#gFooter td.bgFooter table#footerBox{ width:1014px; margin:0 auto; overflow:hidden; color:#000; font-size:11px; height:47px;}
#gFooter td.bgFooter table#footerBox td{ padding:0 38px;}
#gFooter td.bgFooter table#footerBox td a{ color:#282828;}
#gFooter td.bgFooter table#footerBox td a:hover{ color:#444;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* 首頁頁尾 */
.iBgFooter{ background:url(../images/bg_footer.jpg) top repeat-x; width:100%;}
.iBgFooter table#footerBox{ width:1014px; margin:0 auto; overflow:hidden; color:#474747; font-size:11px; height:47px;}
.iBgFooter table#footerBox td{ padding:0 38px;}
.iBgFooter table#footerBox td a{ color:#282828;}
.iBgFooter table#footerBox td a:hover{ color:#444;}

/* ------------其他-------------- */
.spacer5, .spacer10, .spacer17, .spacer30{ clear: both; overflow: hidden; font-size: 0;}
.spacer5{ height:5px;}
.spacer10{ height:10px;}
.spacer17{ height:17px;}
.spacer30{ height:30px;}
.h546{ height:546px;}
.h212{ height:212px;}
.h673{ height:673px;}
.w50, .w200, .w400, .w500{ background:#333; color:#FFF; padding:3px; border:#666 1px solid;}
.w50{ width:50px;}
.w200{ width:200px;}
.w500{ width:500px;}
.w400{ width:400px;}
.inputText { border: 1px solid #808080; padding: 2px 1px; width: 160px; background-color:#808080; background-repeat: no-repeat; background-position: 5px center; width:185px; outline:none;}
.inputText.white{ border: 1px solid #dedede; padding: 2px 1px; width: 160px; background-color:#dedede; background-repeat: no-repeat; background-position: 5px center; width:185px; outline:none;}
.inputKeywords { background-image: url(../images/keywords-bg.gif);}
.pageDownBtn{ text-align:center; padding:20px 0;}
.pageDownBtn a:hover{ position:relative; top:1px; left:1px;}
.page{ line-height:23px; color:#575757; padding:20px 0;}
.page a{ padding:0 3px; color:#575757;}
.page a:hover{ color:#333; position:relative; left:1px; top:1px;}
.page .number{ color:#2a2a2a;}
.page .number a{ padding:0 1px 0 4px; color:#2a2a2a;}
.page .number a:hover, .page .number a.stay{ color:#FC0; font-weight:bold;}
.page img{ vertical-align:middle;}
.vm{ vertical-align:bottom;}


/* -----瀏覽器版本提示------ */
.browserVersion{ text-align:center; width:600px; padding:15px; color:#666; background:#fff; line-height:20px; font-size:12px;}
.browserVersion td{ background:#f3f5f2;}

/* 效果 */
#iCarouselWrap {
	width: 1014px;
	overflow: hidden;
	height: 212px;
}
#iCarouselWrap .overlay {
	position: absolute; 
	bottom: 0;
	height: 125px;
	z-index: 1000;
	width: 100%;
}
#iCarouselWrap .panel {
	

}
#iCarouselWrap .panel .panelPic {
	position:absolute; top:-12px; background:url(../images/banner_bg.png) no-repeat; padding:12px 17px 16px 17px; width:980px; height:212px; overflow:hidden;
}
#iCarouselWrap .panelW .panelPic {
	position:absolute; top:-12px; background:url(../images/banner_bg_w.png) no-repeat; padding:3px 4px 3px 4px; width:980px; height:212px; overflow:hidden;
}
#iCarouselWrap .panel .panelOverlay {
	height: 87px;
	width: 390px;
	padding-left: 530px;
	padding-top: 15px;
	position: absolute;
	bottom: 0;
	z-index: 2000;

}
#iCarouselWrap .panel .panelOverlay .panelDesc {
	height: 100px;
	display: none;
	color: #fff;
	font-size: 108%;
	line-height: 150%;
}
#iCarouselWrap .panel .panelOverlay .panelDesc h2{
  padding:0; 
	margin:0;
	font-size:18px;
	color:#4a4a4a;
	font-weight:normal;
}
#iCarouselWrap .panel .panelOverlay .panelDesc p{
  padding:5px 0 0; 
	margin:0;
	font-size:11px;
	color:#fff;
}
#iAWrap {
  position: absolute; 
	top:0;
	right:30px;
	height: 200px;
	z-index: 3000;
}
#iAWrapW {
  position: absolute; 
	top:-10px;
	right:30px;
	height: 200px;
	z-index: 3000;
}
#iAWrap li, #iAWrapW li {
	float: left;
	list-style: none;
}
/* 天氣浮動收合效果 */
.floatBox {
  overflow:hidden;
  position:absolute;
  top:200px;
  right:0px;
  z-index:9999;
  width:199px;
  height:340px;
	font-size:90%;
}
.floatBox a:link, .floatBox a:visited {
  color:#888888;
  text-decoration:underline;
}
.floatBox a:hover, .floatBox a:active {
  color:#333;
  text-decoration:none;
}
.floatBox .ez_contain {
  width:199px;
  height:340px;
  clear:both;
}
.floatBox .btn_open { background:url(../images/float_out.png) no-repeat left top;}
.floatBox .btn_close { background:url(../images/float_in.png) no-repeat left top;}
.floatBox .ez_logo {
  position:absolute;
  left:2px;
  top:0px;
  display:block;
  width:35px;
  height:215px;
}
.floatBox .ez_logo span {
  display:none;
}
.floatBox div.ez_list {
  position:absolute;
  left:38px;
  top:2px;
  width:315px;
	background:#e4e4e4;
	border:#CCC 1px solid;
}
.floatBox div.ez_list td{ padding:3px; border-top:#CCC 1px solid;}
.floatBox div.ez_list th{ padding:3px; background:#CCC; text-align:left;}
/* 防木馬