@charset "utf-8";
/*
 * CSS Document
 * ============================================================================
 * 版權所有  2013 鉅潞科技網頁設計公司，並保留所有權利。
 * 網站地址: http://www.grnet.com.tw
 * ============================================================================
 * $Author: 又綺 / 育翔 $
 * $Date: 2013-08-28 (星期三) $
*/

/* 重置樣式 */
@import "reset.css";
@import "dd.css"; /* 語系下拉選單 */

body { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif, 新細明體, Pmingliu; font-size: 13px; color: #333; line-height: 1.5; background-color: #e8e7e7;}
input, textarea, form { padding: 0; margin: 0;}
a { text-decoration: none;}
img { border: none;}
input { outline: none; color: #000}
textarea { resize: none; font-size: 12px; color: #000}

/* 共用樣式 */
.lh22 { line-height: 22px;}
.displayNone { display: none;}
.clearBoth { clear: both; font-size: 0; overflow: hidden;}
.alignC { text-align: center;}
.noData { padding: 30px 0; width: 100%; text-align: center; overflow: hidden;}

/* 共用主架構 */
#gWrap { position: relative; margin: 0 auto; max-width: 1280px; min-width: 1024px; background-color: #fff; overflow: hidden;}
#gContentWrap { margin: 0 auto; padding-top: 103px; width: 1000px; overflow: hidden;}
#gContentWrap #pLBox { padding-left: 10px; width: 170px; height: auto; float: left; overflow: hidden;}
#gContentWrap #pRBox { padding-bottom: 40px; width: 810px; min-height: 550px; float: left; background: url(../images/p_left_bg.png) repeat-y left;}

/* Header */
.headerTop { position: relative; z-index: 9999; width: 100%;}
.headerBg { position: fixed; width: 100%; max-width: 1280px; min-width: 1024px; height: 103px; background: url(../images/header_bg.gif) top center no-repeat;}
.headerBg #headerWrap { position: relative; margin: 0 auto; width: 1030px; height: 103px;}

#headerWrap h1 { position: relative; z-index: 2; margin: 0; padding: 0 0 0 15px; width: 500px; height: 103px; float: left; overflow: hidden;}
#headerWrap .langWrap { position: relative; z-index: 1000; padding-top: 23px; width: 155px; height: 40px; float: right; background: url(../images/lang_icon.png) no-repeat 0 23px;}
.langWrap .shadow { position: absolute; z-index: 9999; top: 53px; right: 0; width: 155px; height: 10px; background: url(../images/lang_bg.png) no-repeat 0 0; overflow: hidden;}

#headerWrap ul#mainNav { position: absolute; z-index: 3; top: 75px; left: 30px; margin: 0; padding: 0; width: 780px; list-style: none; overflow: hidden;}
#headerWrap ul#mainNav li { padding-right: 35px; float: left; font-size: 15px;}
#headerWrap ul#mainNav li a { display: block; color: #000; background: url(../images/line.gif) repeat-x bottom;}
#headerWrap ul#mainNav li a:hover { color: #000; background: url(../images/line2.gif) repeat-x bottom;}

#headerWrap ul#topMenu { margin: 0; padding: 0 3px; width: 994px; height: 63px; list-style: none; overflow: hidden;}
#headerWrap ul#topMenu li { width: 142px; height: 63px; float: left; overflow: hidden;}
#headerWrap ul#topMenu li a { display: block; width: 142px; height: 63px; text-indent: -9999px; background: url(../images/menu_fixed.png) no-repeat 0 0; overflow: hidden;}
#headerWrap ul#topMenu li.m1 a { background-position: 0 0;}
#headerWrap ul#topMenu li.m2 a { background-position: -142px 0;}
#headerWrap ul#topMenu li.m3 a { background-position: -284px 0;}
#headerWrap ul#topMenu li.m4 a { background-position: -426px 0;}
#headerWrap ul#topMenu li.m5 a { background-position: -568px 0;}
#headerWrap ul#topMenu li.m6 a { background-position: -710px 0;}
#headerWrap ul#topMenu li.m7 a { background-position: -852px 0;}
#headerWrap ul#topMenu li.m1 a:hover, #headerWrap ul#topMenu li.m1 a.current { background-position: 0 -63px;}
#headerWrap ul#topMenu li.m2 a:hover, #headerWrap ul#topMenu li.m2 a.current { background-position: -142px -63px;}
#headerWrap ul#topMenu li.m3 a:hover, #headerWrap ul#topMenu li.m3 a.current { background-position: -284px -63px;}
#headerWrap ul#topMenu li.m4 a:hover, #headerWrap ul#topMenu li.m4 a.current { background-position: -426px -63px;}
#headerWrap ul#topMenu li.m5 a:hover, #headerWrap ul#topMenu li.m5 a.current { background-position: -568px -63px;}
#headerWrap ul#topMenu li.m6 a:hover, #headerWrap ul#topMenu li.m6 a.current { background-position: -710px -63px;}
#headerWrap ul#topMenu li.m7 a:hover, #headerWrap ul#topMenu li.m7 a.current { background-position: -852px -63px;}

#iFloatWrap { clear: both; position: absolute; z-index: 9999; top: 327px; right: 0;}
#pFloatWrap { clear: both; position: absolute; z-index: 9999; top: 190px; right: 0;}
#menuFloat { width: 97px; overflow: hidden;}
#menuFloat ul { margin: 0; padding: 0; list-style: none;}
#menuFloat ul li { width: 97px; height: 68px; overflow: hidden;}
#menuFloat ul li a { display: block; width: 97px; height: 68px; text-indent: -9999px; background: url(../images/menu_float.png) no-repeat 0 0; overflow: hidden;}
#menuFloat ul li.m1 a { background-position: 0 0;}
#menuFloat ul li.m2 a { background-position: 0 -68px;}
#menuFloat ul li.m3 a { background-position: 0 -136px;}
#menuFloat ul li.m4 a { background-position: 0 -204px;}
#menuFloat ul li.m5 a { background-position: 0 -272px;}
#menuFloat ul li.m6 a { background-position: 0 -340px;}
#menuFloat ul li.m7 a { background-position: 0 -408px;}
#menuFloat ul li.m1 a:hover, #menuFloat ul li.m1 a.current { background-position: -97px 0;}
#menuFloat ul li.m2 a:hover, #menuFloat ul li.m2 a.current { background-position: -97px -68px;}
#menuFloat ul li.m3 a:hover, #menuFloat ul li.m3 a.current { background-position: -97px -136px;}
#menuFloat ul li.m4 a:hover, #menuFloat ul li.m4 a.current { background-position: -97px -204px;}
#menuFloat ul li.m5 a:hover, #menuFloat ul li.m5 a.current { background-position: -97px -272px;}
#menuFloat ul li.m6 a:hover, #menuFloat ul li.m6 a.current { background-position: -97px -340px;}
#menuFloat ul li.m7 a:hover, #menuFloat ul li.m7 a.current { background-position: -97px -408px;}

#headerWrap .breadCrumb { position: absolute; z-index: 3; top: 75px; left: 30px; width: 750px; font-size: 12px; color: #000; overflow: hidden;}
#headerWrap .breadCrumb a, #headerWrap .breadCrumb span { display: inline-block; zoom: 1; *display: inline;}
#headerWrap .breadCrumb a { padding: 0 2px; color: #000;}
#headerWrap .breadCrumb span.home a { display: block; padding-right: 2px; width: 15px; height: 14px; text-indent: -9999px; background: url(../images/btn_home.png) no-repeat 0 0; overflow: hidden;}
#headerWrap .breadCrumb span.home a:hover { background-position: 0 -14px;}
#headerWrap .breadCrumb a:hover, #headerWrap .breadCrumb span { text-decoration: underline;}

#headerWrap .searchWrap { position: absolute; z-index: 1; top: 72px; right: 25px; width: 205px; height: 23px; float: right; background: url(../images/search_bg.png) no-repeat 0 0; overflow: hidden;}
#headerWrap .searchWrap .inputBg { color: #a4191e;}
#headerWrap .searchWrap table { width: 205px; height: 23px; border: 0; border-collapse: collapse; border-spacing: 0; overflow: hidden;}
#headerWrap .searchWrap table th, #headerWrap .searchWrap table td { padding: 0;}
#headerWrap .searchWrap table th { width: 170px; text-align: left; overflow: hidden;}
#headerWrap .searchWrap table td { width: 35px; overflow: hidden;}
#headerWrap .searchWrap table td input { text-indent: -9999px; border: none; background: none;}
#headerWrap .searchWrap table td .btnSearch { display: block; width: 35px; height: 23px; background: url(../images/btn_search.png) no-repeat 0 0; overflow: hidden;}
#headerWrap .searchWrap table td .btnSearch:hover { background-position: -35px 0;}

/* footer */
.footerBg { clear: both; width: 100%; max-width: 1280px; min-width: 1024px; height: 290px; background: url(../images/footer_bg.gif) top center no-repeat; overflow: hidden;}
.footerBgB { background: url(../images/footer_bg2.gif) repeat-x bottom;}
#footerWrap { margin: 0 auto; padding-top: 23px; width: 1000px; height: 267px; overflow: hidden;}
#footerWrap .links { width: 600px; float: left; overflow: hidden;}
#footerWrap .links .box { width: 150px; float: left; overflow: hidden;}
#footerWrap .links .box .ti { padding: 0 25px 8px; width: 100px; font-size: 15px; color: #e4baa0; overflow: hidden;}
#footerWrap .links .box .ti.w120 { padding: 0 15px 8px; width: 120px;}
#footerWrap .links .box ul { margin: 0; padding: 15px 25px 0 25px; width: 250px; list-style: none; overflow: hidden;}
#footerWrap .links .box ul.w120 { padding: 15px 15px 0 15px; width: 120px;}
#footerWrap .links .box ul li { line-height: 25px;}
#footerWrap .links .box ul li a { color: #fff;}
#footerWrap .links .box ul li a:hover { color: #e4baa0; text-decoration: underline;}
#footerWrap .icon { padding-right: 25px; width: 340px; float: right; overflow: hidden;}
#footerWrap .btnFb { clear: both; padding: 35px 0 0 25px; width: 135px; color: #5178ae; line-height: 24px; overflow: hidden;}
#footerWrap .btnFb a { display: inline-block; margin-left: 10px; width: 24px; height: 24px; text-indent: -9999px; vertical-align: middle; background: url(../images/btn_fb.png) no-repeat 0 0; overflow: hidden;}
#footerWrap .btnFb a:hover { background-position: -24px 0;}
#footerWrap .copyright { padding: 32px 0 0 25px; width: 675px; float: left; color: #a1876e; overflow: hidden;}
#footerWrap .copyright span { padding-left: 5px; font-size: 12px; color: #1d1d1d;}
#footerWrap .copyright a:hover { color: #c2c1c4; text-decoration: underline;}
#footerWrap .logo { padding-right: 25px; width: 275px; float: right; overflow: hidden;}

/* 首頁 */
#bannerWrap { padding-top: 103px; width: 1280px; height: 700px; overflow: hidden;}
#iContentWrap { margin: 0 auto; width: 1000px; overflow: hidden;}
#iADWrap { padding: 45px 5px 25px; width: 990px; overflow: hidden;}
.iADWrapBg { width: 1020px; overflow: hidden;}
#iADWrap .box { padding: 0 30px 20px 0; width: 310px; height: 233px; float: left; background: url(../images/i_ad_bg.gif) no-repeat 0 bottom #fff; overflow: hidden;}
#iADWrap .box:hover { filter: alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7;}
#iADWrap iframe { border: none;}

/* 內頁選單 */
#pMenuBox { width: 170px;	overflow: hidden;}
#pMenuBox ul { margin: 0; padding: 0; list-style: none;}
#pMenuBox ul li {	padding: 0 0 10px 0; width: 170px; overflow: hidden;}
#pMenuBox ul li ul { width: 170px; overflow: hidden;}
#pMenuBox ul li ul li {	padding: 5px 0 0 10px; width: 160px; font-size: 12px; color: #444; overflow: hidden;}
#pMenuBox ul li ul li a { color: #666;}
#pMenuBox ul li ul li a:hover, #pMenuBox ul li ul li.current a{ color: #F00;}
#pMenuBox ul li .title { padding-left: 20px; width: 150px; height: auto; font-size: 16px;	color: #333; line-height: 40px;	background: url(../images/p_menu_bg.png) no-repeat; overflow: hidden;}
#pMenuBox ul li:hover .title, #pMenuBox ul li div.current { color: #F00; background: url(../images/p_menu_bg.png)0 -40px no-repeat;}
#pMenuBox ul li .title a{ color: #000;}
#pMenuBox ul li .title a:hover, #pMenuBox ul li:hover .title a{ color: #a02900;}
/* 右側標題 */
.pSubTi { padding: 30px 0 25px 20px; font-size: 21px; color: #020202;}
.pSubTi.floatL { float: left;}
#pContactBox .pSubTi, #pLinksBox .pSubTi { padding: 30px 0 10px 5px;}

/* 產品介紹 */
#pProductsTop{ width:780px; /*height: 539px;*/ overflow:hidden; padding:40px 0 0 20px;}
#pProductsTop .pProductsW410{ width:390px; height:560px; padding:10px 10px 10px 10px; box-sizing: border-box; border-right:solid #e5e5e5 1px; border-bottom:solid #e5e5e5 1px; float:left;}
.pProductsW390{ width:360px; height:239px; padding:15px; float:left;}
.pProductsW390Line{ width:390px; height:280px; box-sizing: border-box; padding:15px; border-bottom:solid #e5e5e5 1px; border-right:solid #e5e5e5 1px; float:left;}
.pProductsW410 + .pProductsW390Line{ border-top: none}
#pProductsTop > .pProductsW390Line{ border-right: none}
.pProductsTxt370{ float:left; width:370px;}
.pProductsTxt170{ float:left; width:159px;}
.pProductsName{ padding:0 10px 0 10px; color:#000; font-weight:bold; font-size:16px; overflow:hidden;}
.pProductsListInfo{ padding:0 10px 10px 10px; overflow:hidden; color:#999}
#pProductsTop .pProductsW410 .pProductsImg370{ width:370px; height:460px; overflow:hidden;}
.pProductsW390Line .pProductsImg200, .pProductsW390 .pProductsImg200{ width:200px; height:240px; float:left; overflow:hidden;}
#pProductsBottom{ width:780px; overflow:hidden; padding:0 10px 10px 20px;}
#pProductsBottom #pProductsSquare{ width:780px; overflow:hidden;/* border-top:solid #e5e5e5 1px;*/}
#pProductsBottom #pProductsSquare .pProductsW170{ width:170px; padding:11px; overflow:hidden; float:left;}
#pProductsBottom #pProductsSquare .pProductsW170 .pProductsImg170{ width:170px; height:240px; overflow:hidden;}
#pProductsBottom #pProductsSquare .pProductsW170 .pProductsTitle170{ width:160px; overflow:hidden; text-align:center; color:#000; font-size:16px; font-weight:bold;}
#pProductsBottom .pProductsW390Line:nth-child(even){ border-right: #ff0}
#pProductsBottom .pProductsW390Line.noBotBorder{ border-bottom: none}
.pProductsImg370:hover, .pProductsImg200:hover,  .pProductsImg170:hover{ opacity:0.8;}

/* 產品介紹內頁共同頁面 */
.pProductsPage{ width:980px; overflow:hidden; padding:10px;}
.pProductsPage #pdLeft{ width:350px; float: left;}
.pProductsPage #pdLeft #pBigTitle{ width: 350px; overflow: hidden; margin: 10px 0;}
.pProductsPage .pBigImg{ width:350px; height:435px; position: relative; display: block;}
.pProductsPage .pBigImg img { position: absolute;}
.pProductsPage #pdRight{ width:600px; float:left; padding-left: 30px;}
.pProductsPage .pMainTitle{ width:600px; line-height:30px; padding: 30px 0 0 0; color:#000; font-size:24px;}
.pProductsPage .pMainTxt{ width:600px; padding: 10px 0 0 0;}
.pProductsPage .pMainTxt span{ color:#a2a2a2;}
.pProductsPage .pProductsSquare{ width:600px; padding:10px 0 0 0;}
.pProductsPage .pProductsSquare .pProductsImgSquare{ padding:15px 20px 0 0; float:left;}
.pProductsPage .pProductsSquare .pProductsImgSquare .pProductsImg{ width:80px; height:100px; overflow:hidden;}
.pProductsInfo{ width:980px; padding:20px 10px 20px 10px; overflow:hidden;}
.pProductsNum{width:1000px; height:20px; padding:0 0 20px 0;}
.pProductsBackBox{width:650px; height:40px; padding:20px 0 20px 350px;}
.pProductsBack{width:300px; height:40px; overflow:hidden;}
.pProductsBack:hover img{ margin-top:-40px;}
/*Tab Button*/
.pProductsTabBg{ width:1000px; height:60px; background:url(../images/poducts_tab.png) no-repeat;}
#pProductsTab ul{ margin: 0; padding: 0; list-style: none; overflow:hidden;}
#pProductsTab ul li{ width:111px;line-height: 29px; text-align:center; float:left; border-bottom:solid #dcdbdb 1px}
#pProductsTab ul li a{ width:111px; height:29px; font-size:12px; color:#8c060b; display:block;}
#pProductsTab ul li a:hover{ width:111px; height:29px; color:#fff; background:url(../images/poducts_tab_hover.png) no-repeat;}
#pProductsTab ul li .pProductsTabHover{ width:111px; height:29px; background:url(../images/poducts_tab_hover.png) no-repeat; font-size:12px; color:#fff;}
.pProductsTabFb{ width:100px; height:30px; padding:10px 0 0 5px;}
/*產品介紹內頁(Specifications)*/
#pSpecBox table{ width:980px; border-collapse:collapse; border:solid #c9c9c9 1px;}
#pSpecBox tr{ height:20px;}
#pSpecBox tr:nth-child(even){ background:#FFF;}
#pSpecBox tr:nth-child(odd){ background:#F0F0F0;}
#pSpecBox tr .pTrColorE4{ width:260px; background:#E4E4E4; color:#7d0000;}
#pSpecBox tr .pTrColorF2{ width:260px; background:#F0F0F0; color:#7d0000;}
#pSpecBox td{ padding:10px;}
/*產品介紹內頁(Video)*/
#pVideo { width:980px; overflow: hidden;}
.bigVideo { width: 510px; overflow: hidden; float: left;}
.bigVideo .bigPic { width: 510px; overflow: hidden;}
.smallVideo { float: left; padding-left: 10px; width: 460px; overflow: hidden;}
.smallVideo ul, .smallVideo li { margin: 0; padding: 0; list-style: none; }
.smallVideo a { display: block; overflow: hidden;}
.smallVideo .jcarousel-skin-tango .videoBox{width:460px; overflow:hidden;}
.smallVideo .jcarousel-skin-tango .videoBox .videoImg{width:120px; height:84; overflow:hidden; float:left;}
.smallVideo .jcarousel-skin-tango .videoBox .videoTitle{width:320px; overflow:hidden; color:#fc7f22; font-weight:bold; padding:0 10px 0 10px; float:left;}
.smallVideo .jcarousel-skin-tango .videoBox .videoWeb{width:320px; overflow:hidden; padding:0 10px 0 10px; float:left;}

.jcarousel-skin-tango .jcarousel-direction-rtl { direction: rtl;}
.jcarousel-skin-tango .jcarousel-container-vertical { padding-top: 30px; width: 460px; height: 320px; overflow: hidden;}
.jcarousel-skin-tango .jcarousel-clip-vertical { width: 460px; height: 300px; overflow: hidden;}
.jcarousel-skin-tango .jcarousel-next-vertical { position: absolute; bottom:0; width: 120px; height: 20px; cursor: pointer; background: url(../images/aw_down.gif) no-repeat 0 0;}
.jcarousel-skin-tango .jcarousel-prev-vertical { position: absolute; top:0; width: 120px; height: 20px; cursor: pointer; background: url(../images/aw_up.gif) no-repeat 0 0;}
.jcarousel-skin-tango .jcarousel-next-vertical:hover, .jcarousel-skin-tango .jcarousel-prev-vertical:hover { background-position:0 -20px;}

/*產品介紹內頁(Where to Buy)*/
.pBuyTitleBox{ width:980px; overflow:hidden; padding:0 0 20px 0;}
.pBuyTitleBox .pBuyTitle { width:980px; line-height:50px; color:#000; font-size:16px; font-weight:bold;}
.pBuyTitleBox .pBuySelect { width:980px; line-height:30px;}
.pBuyTitleBox .pBuySelect .btnSubmit { width: 60px; height: 22px; overflow: hidden; background:url(../images/products_search_btn.png) no-repeat; border: 0; text-indent: -9999px; cursor: pointer;}
.pBuyTitleBox .pBuySelect .btnSubmit:hover {background: url(../images/products_search_btn.png) no-repeat 0 -22px;}

.pBuyInfoBox { width: 980px; padding: 0 0 5px 0; clear: both; overflow: hidden;}
.pBuyInfoBox table.list { width: 980px; border: 0; border-collapse: collapse; border-spacing: 0;}
.pBuyInfoBox .list tr { vertical-align: top;}
.pBuyInfoBox .list th, .pBuyInfoBox .list td { padding: 10px 0 5px; border-bottom: dashed #bbb 1px;}
.pBuyInfoBox .list th { width: 390px; font-size: 12px; text-align: left; font-weight: normal; overflow: hidden;}
.pBuyInfoBox .list th div { padding: 0 20px 0 30px; width: 230px; line-height: 18px; background: url(../images/icon_map.gif) no-repeat 0 0; overflow: hidden;}
.pBuyInfoBox .list th div span { display: block; padding-bottom: 8px; font-size: 14px; color: #da4839; font-weight: bold;}
.pBuyInfoBox .list td { padding-top: 32px;}
.pBuyInfoBox .list td.phone { width: 130px; overflow: hidden;}
.pBuyInfoBox .list td.phone span { display: block; padding-left: 20px; width: 110px; line-height: 22px; overflow: hidden;}
.pBuyInfoBox .list td.phone span.tel { background: url(../images/icon_tel.gif) no-repeat 0 4px; overflow: hidden;}
.pBuyInfoBox .list td.phone span.fax { background: url(../images/icon_fax.gif) no-repeat 0 4px; overflow: hidden;}
.pBuyInfoBox .list td.website { padding: 32px 10px 0 20px; width: 310px; overflow: hidden;}
.pBuyInfoBox .list td.website span { display: block; padding-left: 20px; width: 300px; line-height: 22px; overflow: hidden;}
.pBuyInfoBox .list td.website span.mail { background: url(../images/icon_mail.gif) no-repeat 0 5px; overflow: hidden;}
.pBuyInfoBox .list td.logo { width: 140px; overflow: hidden;}
.pBuyInfoBox .list td.logo div { margin: 0 auto; width: 138px; height: 47px; border: #d2d2d2 solid 1px; overflow: hidden;}
.pBuyInfoBox .list td a { color: #333; text-decoration: underline;}
.pBuyInfoBox .list td a:hover { color: #e55d1f;}

/*產品介紹內頁(Support)*/
.pSupBox{ width:980px; overflow:hidden; border-bottom:dashed #bbb 1px;}
.pSupBox .pSupIcon{ width:30px; height:40px; background:url(../images/products_icon.png) center no-repeat; float:left;}
.pSupBox .pSupTitle{ overflow:hidden; line-height:40px; padding:0 0 0 10px; font-size:14px; float:left;}
.pSupBox .pSupTitle a{ color:#444;}
.pSupBox .pSupTitle a:hover{ color:#c82727;}
.pSupBox .pSupMb{ overflow:hidden; line-height:40px; padding:0 10px 0 10px; float:left;}
.pSupBox .pSupDownloadBox{ width:30px; height:30px; padding:10px 0 0 0; float:right;}
.pSupBox .pSupDownload{ width:20px; height:20px; overflow:hidden;}
.pSupBox .pSupDownload a:hover img{ margin-top:-20px;}
.pSupBox .pSupDateBox{ overflow:hidden; padding:10px 0 0 0; float:right;}
.pSupBox .pSupDateBox .pSupDate{ background:#b0b0b0; color:#FFF; padding:0 10px 0 10px;}
/*產品介紹內頁(Reviews)*/
.pReviewImgBox{ width:980px; overflow:hidden; padding:10px 0 10px 0; border-bottom:dashed #bbb 1px;}
.pReviewImgBox .pReviewImg{ width:140px; height:105px; overflow:hidden; float:left;}
.pReviewImgBox .pReviewTitle{ width:750px; padding:10px 10px 5px 10px; overflow:hidden; color:#000; font-size:16px;}
.pReviewImgBox .pReviewTxt{ width:750px; padding:5px 10px 5px 10px; overflow:hidden;}
/*產品介紹內頁(FAQ)*/
#pFaq{ width:980px; overflow:hidden;}
#pFaq .pFaqQ{ width:980px; overflow:hidden; cursor:pointer; clear: both;}
#pFaq .pFaqQ .pFaqIcon{ width:28px; height:28px; padding:11px; background:url(../images/faq_icon.png) center no-repeat; float:left;}
#pFaq .pFaqQ .pFaqTxt{ width:930px; line-height:50px; font-size:15px; font-weight:bold; float:left;}
#pFaq .pFaqQ .pFaqTxt:hover{ color:#fc7f22;}
#pFaq .pFaqA{ width:880px; overflow:hidden; padding:10px 50px 20px 50px; display:none; background:url(../images/faq_txt_bg.png) bottom no-repeat; clear: both;}

/* COMPANY */
#pBrandBox { width: 810px; overflow: hidden;}
#pBrandBox p { margin: 0; padding: 15px 0 0 20px; width: 790px; font-size: 14px; line-height: 24px;}
#pBrandBox p span { display: block; padding-bottom: 15px; font-size: 18px; color: #a00e15;}
#pBrandBox p.vision { margin-top: 50px; padding: 0 350px 0 20px; width: 440px; height: 210px; background: url(../images/p_brand_pic-02.png) no-repeat right 25px; overflow: hidden;}
#pBrandBox p.vision strong { padding: 0; font-size: 14px; color: #e60012;}
#pCsrBox, #pFactoryBox { padding-left: 20px; width: 790px; overflow: hidden;}

/* NEWS */
#pNewsBox { width: 810px; overflow: hidden;}
#pNewsBox .list .pic { margin-left: 20px; width: 140px; height: 105px; float: left; overflow: hidden; background-color: #fff;}
#pNewsBox .list .info { margin-top: 10px; width: 625px; float: right; background: url(../images/p_news_bg.gif) no-repeat 0 0; overflow: hidden;}
#pNewsBox .list table { margin-top: 5px; width: 625px; border: 0; border-collapse: collapse; border-spacing: 0; background: url(../images/p_news_bg2.gif) repeat-y; overflow: hidden;}
#pNewsBox .list table tr { vertical-align: top;}
#pNewsBox .list table th, #pNewsBox .list table td { padding-bottom: 5px;}
#pNewsBox .list table th { padding-left: 25px; width: 525px; text-align: left; line-height: 20px; background: url(../images/icon1.png) no-repeat 0 4px;}
#pNewsBox .list table th a { color: #e55d1f;}
#pNewsBox .list table td.date { width: 75px; font-size: 12px; color: #7c7c7c; line-height: 20px; overflow: hidden;}
#pNewsBox .list .info .txt { padding: 8px 0 0 5px; width: 620px; line-height: 18px; overflow: hidden;}
#pNewsBox .txtTeamOut .pic a { filter: alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7;}
#pNewsBox .txtTeamOut table th a { text-decoration: underline;}
#pNewsBox .txtTeamOut table td.date { color: #333;}

#pNewsViewBox { padding: 30px 0 0 20px; width: 790px; overflow: hidden;}
#pNewsViewBox .ti { font-size: 18px; color: #e55d1f;}
#pNewsViewBox .info { margin-top: 10px; width: 790px; height: 34px; background: url(../images/p_news_bg2.png) no-repeat 0 0; overflow: hidden;}
#pNewsViewBox .info .date { padding-right: 10px; width: 75px; float: left; color: #3a3a3a; line-height: 34px; background: url(../images/aw1.png) no-repeat right 15px; overflow: hidden;}
#pNewsViewBox .info .btnFb { padding-left: 15px; width: 570px; float: left; line-height: 28px; overflow: hidden;}
#pNewsViewBox .info .btnBack { width: 120px; float: left; overflow: hidden;}
#pNewsViewBox .info .btnBack a { display: block; width: 120px; height: 34px; text-indent: -9999px; background: url(../images/btn_news_back.png) no-repeat 0 0; overflow: hidden;}
#pNewsViewBox .info .btnBack a:hover { background-position: 0 -34px;}
#pNewsViewBox .txt { padding-top: 30px; width: 790px; overflow: hidden;}

/* SUPPORT */
ul#pSubMenu { margin: 0; padding: 35px 0 0 0; width: 610px; float: right; list-style: none; overflow: hidden;}
ul#pSubMenu li { margin-left: 22px; float: right; line-height: 25px;}
ul#pSubMenu li a { display: block; padding-left: 30px; height: 25px; color: #676767;}
ul#pSubMenu li a:hover { color: #6a6a6a;}
ul#pSubMenu li a.faq { background: url(../images/icon_faq.gif) no-repeat 0 0;}
ul#pSubMenu li a.warranty { background: url(../images/icon_warranty.gif) no-repeat 0 0;}
ul#pSubMenu li a.buy { background: url(../images/icon_buy.gif) no-repeat 0 0;}
ul#pSubMenu li a.register { background: url(../images/icon_register.gif) no-repeat 0 0;}
ul#pSubMenu li a.faq:hover, ul#pSubMenu li a.warranty:hover, ul#pSubMenu li a.buy:hover, ul#pSubMenu li a.register:hover, ul#pSubMenu li.current a { background-position: 0 -25px;}

#pFaqBox { padding-left: 20px; width: 790px; overflow: hidden;}
#pFaqBox p { margin: 0; padding: 0 0 50px 0; color: #666; line-height: 20px;}
#pFaqBox .searchTb { margin-bottom: 40px; font-size: 12px; border: 0; border-collapse: collapse; border-spacing: 0; overflow: hidden;}
#pFaqBox .searchTb th { width: 190px; font-weight: normal; text-align: left; overflow: hidden;}
#pFaqBox .searchTb th .btnSearch { display: block; width: 62px; height: 22px; text-indent: -9999px; border: none; background: url(../images/btn_search2.gif) no-repeat 0 0; overflow: hidden;}
#pFaqBox .searchTb th .btnSearch:hover { background-position: -62px 0;}
#pFaqBox .searchTb td { width: 185px; color: #666; overflow: hidden;}
#pFaqBox .searchTb td.goods { width: 230px; color: #9d0325; overflow: hidden;}
#pFaqBox .searchTb td select { margin-left: 3px; width: 125px; height: 20px; line-height: 20px; border: #abadb3 solid 1px; overflow: hidden;}
#pFaqBox .listFrame { width: 790px; overflow: hidden;}
#pFaqBox .listFrame .pic { padding: 0 14px;	width: 130px; float: left; cursor: pointer; overflow: hidden; filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1;}
#pFaqBox .listFrame .pic div { width: 130px; height: 150px; overflow: hidden;}
#pFaqBox .listFrame .pic p { margin: 0; padding: 15px 0 0 0; font-size: 15px; color: #161717; text-align: center; line-height: 20px;}
#pFaqBox .listFrame .pic:hover { filter: alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6;}
.tabWrap { position: relative; display: none; width: 790px; background: url(../images/p_faq_bg.png) no-repeat 0 0; overflow: hidden;}
.tabWrap .close { position: absolute; z-index: 2; top: 25px; right: 0; width: 28px; height: 28px; float: right; cursor: pointer; background: url(../images/btn_close.gif) no-repeat; overflow: hidden;}
.tabWrap .close:hover { background-position: 0 -28px;}
.tabWrap ul.iconAW { margin: 0; padding: 0; width: 790px; height: 22px; list-style: none; overflow: hidden;}
.tabWrap ul.iconAW li { width: 158px; height: 22px; float: left; overflow: hidden;}
.tabWrap ul.iconAW li a { display: block; width: 158px; height: 22px; overflow: hidden;}
.tabWrap ul.iconAW .current, .tabWrap ul.iconAW .current:hover, .tabWrap ul.iconAW li.current a, .tabWrap ul.iconAW li a:hover { background: url(../images/aw2.gif) no-repeat center top;}
.panesWrap { padding: 10px 0 70px; width: 790px; background: url(../images/p_faq_bg3.gif) no-repeat bottom; overflow: hidden;}

.panesWrap .content { margin-top: 30px; width: 785px; height: 350px; overflow: hidden;}
.faqWrap { width: 775px; overflow: hidden;}
.faqWrap .faqTi { padding: 0 0 20px 50px; width: 725px; background: url(../images/icon_q.gif) no-repeat 10px top; overflow: hidden;}
.faqWrap .faqTi span a { display: block; padding-top: 4px; width: 725px; font-size: 15px; color: #373737; line-height: 20px; overflow: hidden;}
.faqWrap .faqTi span a:hover, .faqWrap .faqTi span.sub a, .faqWrap .faqTi span.sub a:hover { color: #fc7f22;}
.faqWrap .pAnswer { display: none; padding: 0 0 30px 50px; width: 725px; color: #666; line-height: 18px; overflow: hidden;}

#pWarrantyBox { padding-left: 20px; width: 790px; overflow: hidden;}

#pBuyBox { padding-left: 20px; width: 790px; overflow: hidden;}
#pBuyBox p { margin: 0; padding: 0 0 10px 0; color: #666; line-height: 20px;}
#pBuyBox .searchTb { margin-bottom: 40px; width: 790px; font-size: 12px; overflow: hidden;}
#pBuyBox .searchTb div { padding-right: 10px; float: left;}
#pBuyBox .searchTb .company { padding-bottom: 10px; width: 790px;}
#pBuyBox .searchTb .goods { color: #9d0325;}
#pBuyBox .searchTb .country { color: #666;}
#pBuyBox .searchTb .stores { color: #666;}
#pBuyBox .searchTb select { margin-left: 3px; height: 22px; line-height: 22px; border: #abadb3 solid 1px; overflow: hidden;}
#pBuyBox .searchTb .btnSearch { display: block; width: 62px; height: 22px; text-indent: -9999px; border: none; background: url(../images/btn_search2.gif) no-repeat 0 0; overflow: hidden;}
#pBuyBox .searchTb .btnSearch:hover { background-position: -62px 0;}

#pBuyBox .boxA, #pBuyBox .boxB { position: relative; z-index: 9998; width: 790px; overflow: hidden;}
#pBuyBox .boxB .pic { width: 130px; float: left; overflow: hidden;}
#pBuyBox .boxB .pic div { width: 130px; height: 150px; overflow: hidden;}
#pBuyBox .boxB .pic p { margin: 0; padding: 15px 0 0 0; font-size: 15px; color: #161717; text-align: center; line-height: 20px;}

#pBuyBox .boxA .list { padding: 10px 0; width: 790px; border-bottom: #b3b3b3 solid 1px; overflow: hidden;}
#pBuyBox .boxA .list .ti { padding-bottom: 10px; font-size: 12px; line-height: 16px; background: url(../images/line4.gif) repeat-x bottom;}
#pBuyBox .boxA .list .ti span { display: block; padding: 3px 0 0 30px; height: 25px; font-size: 13px; color: #da4839; font-weight: bold; background: url(../images/icon_map.gif) no-repeat 0 0;}
#pBuyBox .boxA .list .ti a { display: block; padding-left: 30px; color: #333;}
#pBuyBox .boxA .list .info { padding-top: 10px; width: 630px; float: left; overflow: hidden;}
#pBuyBox .boxA .list .info div { width: 630px; overflow: hidden;}
#pBuyBox .boxA .list .info .phone, #pBuyBox .boxA .list .info .website { padding-left: 30px;}
#pBuyBox .boxA .list .info .phone span { display: inline-block; padding: 0 15px 0 20px;}
#pBuyBox .boxA .list .info .phone span.tel { background: url(../images/icon_tel.gif) no-repeat 0 4px;}
#pBuyBox .boxA .list .info .phone span.fax { background: url(../images/icon_fax.gif) no-repeat 0 4px;}
#pBuyBox .boxA .list .info .website span { display: block; padding-left: 20px;}
#pBuyBox .boxA .list .info .website span.mail { background: url(../images/icon_mail.gif) no-repeat 0 5px;}
#pBuyBox .boxA .list .info .website span.web { background: url(../images/icon_web.gif) no-repeat 0 6px;}
#pBuyBox .boxA .list .logo { margin-top: 20px; width: 138px; height: 47px; float: right; border: #d2d2d2 solid 1px; overflow: hidden;}
#pBuyBox .boxA .list .info a { color: #333; text-decoration: underline;}
#pBuyBox .boxA .list a:hover { color: #e55d1f;}

#pBuyBox .boxB .list { padding: 10px 0; width: 645px; float: right; border-bottom: #b3b3b3 solid 1px; overflow: hidden;}
#pBuyBox .boxB .list .ti { padding-bottom: 10px; font-size: 12px; line-height: 16px; background: url(../images/line4.gif) repeat-x bottom;}
#pBuyBox .boxB .list .ti span { display: block; padding: 3px 0 0 30px; height: 25px; font-size: 13px; color: #da4839; font-weight: bold; background: url(../images/icon_map.gif) no-repeat 0 0;}
#pBuyBox .boxB .list .ti a { display: block; padding-left: 30px; color: #333;}
#pBuyBox .boxB .list .info { padding-top: 10px; width: 490px; float: left; overflow: hidden;}
#pBuyBox .boxB .list .info div { width: 490px; overflow: hidden;}
#pBuyBox .boxB .list .info .phone, #pBuyBox .boxB .list .info .website { padding-left: 30px;}
#pBuyBox .boxB .list .info .phone span { display: inline-block; padding: 0 15px 0 20px;}
#pBuyBox .boxB .list .info .phone span.tel { background: url(../images/icon_tel.gif) no-repeat 0 4px;}
#pBuyBox .boxB .list .info .phone span.fax { background: url(../images/icon_fax.gif) no-repeat 0 4px;}
#pBuyBox .boxB .list .info .website span { display: block; padding-left: 20px;}
#pBuyBox .boxB .list .info .website span.mail { background: url(../images/icon_mail.gif) no-repeat 0 5px;}
#pBuyBox .boxB .list .info .website span.web { background: url(../images/icon_web.gif) no-repeat 0 5px;}
#pBuyBox .boxB .list .logo { margin-top: 20px; width: 138px; height: 47px; float: right; border: #d2d2d2 solid 1px; overflow: hidden;}
#pBuyBox .boxB .list .info a { color: #333; text-decoration: underline;}
#pBuyBox .boxB .list a:hover { color: #e55d1f;}

/* CONTACT */
#pContactBox { padding: 0 10px 40px; width: 980px; background: url(../images/p_contact_bg.gif) no-repeat 0 0;}
#pContactBox p { margin: 0; padding: 0 0 0 8px; color: #666; line-height: 22px;}
#pContactBox a.btnForm { display: inline-block; margin-left: 5px; width: 115px; height: 25px; vertical-align: middle; text-indent: -9999px; background: url(../images/btn_message.png) no-repeat 0 0; overflow: hidden;}
#pContactBox a.btnForm:hover { background-position: 0 -25px;}
#pContactBox .list { padding: 65px 8px 0; width: 964px; overflow: hidden;}
#pContactBox .list .boxBg { width: 978px; overflow: hidden;}
#pContactBox .list .countryBox { padding-right: 14px; width: 312px; float: left; font-size: 12px; overflow: hidden;}
#pContactBox .list .countryBox.tw { padding: 0; width: 375px; overflow: hidden;}
#pContactBox .list .countryBox .ti { padding-top: 10px; font-weight: bold;}
#pContactBox .list .countryBox .ti a { display: inline-block; margin-left: 5px; width: 28px; height: 28px; text-indent: -9999px; vertical-align: middle; background: url(../images/btn_message-03.png) no-repeat 0 0; overflow: hidden;}
#pContactBox .list .countryBox .ti a:hover { background-position: 0 -28px;}
#pContactBox .list .countryBox ul { margin: 0; padding: 0; list-style: none;}
#pContactBox .list .countryBox ul li { margin-top: 5px; color: #666; line-height: 20px;}
.contactFormList {list-style: none;}
.contactFormList a {color: #C00816;}

/* CONTACT - 彈出視窗 */
.contactFormBox { padding: 40px 0 30px; width: 940px; overflow: hidden;}
.contactFormBox p { margin: 0; padding: 0 0 0 80px; color: #bd133b;}
.contactFormBox table { margin-top: 20px; width: 940px; border: 0; border-collapse: collapse; border-spacing: 0;}
.contactFormBox table tr { vertical-align: top}
.contactFormBox table td { margin: 0; padding: 0;}
.contactFormBox .bgA { padding-left: 80px; width: 380px; background: url(../images/p_form_line.gif) no-repeat 0 8px;}
.contactFormBox .bgB { padding-left: 50px; width: 435px; border-left: #eee solid 1px; background: url(../images/p_form_line2.gif) no-repeat 0 8px; overflow: hidden;}
.contactFormBox .ti { padding-bottom: 15px; font-weight: bold;}
.contactFormBox .inputBox { margin-bottom: 13px; font-weight: bold;}
.contactFormBox .inputBox span, .contactFormBox .inputBoxB span { display: inline-block; zoom: 1;	*display: inline; width: 10px; font-size: 14px; color: #e60012; vertical-align: top;}
.contactFormBox .inputBox div { display: inline-block;	zoom: 1; *display: inline; padding-left: 5px; width: 300px; font-size: 12px; color: #828282; line-height: 19px; border: #a5a4a4 solid 1px;}
.contactFormBox .inputBox.ml10 { margin-left: 10px;}
.contactFormBox .inputBox .message { padding: 0 0 5px 5px; width: 330px;}
.contactFormBox .inputBox .code { width: 219px;}
.contactFormBox .inputBox .register_member { margin-left: 5px; position: relative; top: 3px;}
.contactFormBox .inputBox .codeImg { display: inline-block; zoom: 1;	*display: inline; margin-left: 5px; width: 100px; font-size: 12px; color: #828282; text-align: center; vertical-align: top; line-height: 21px; border: #a5a4a4 solid 1px; padding-left: 0px; height: 19px;}
.btnSubmit{ display: block; margin-left: 15px; width: 62px; height: 22px; text-indent: -9999px; border: none; background: url(../images/btn_submit.gif) no-repeat 0 0; overflow: hidden;}
.btnSubmit:hover { background-position: -62px 0;}

.contactFormBox .inputBoxB .select { display: inline-block; margin: 0 0 13px; overflow: visible;}
.contactFormBox .inputBoxB .select { margin-left/**/: 13px\9;}
.contactFormBox .inputBoxB .select select{ width:307px; height:22px; color:#828282; font-weight:bold; border: 1px solid #a5a4a4; outline: none;}
.contactFormBox .inputBoxB .select .enhanced a { text-decoration: none; line-height: 19px;}
.contactFormBox .inputBoxB .select .dropdown { position: relative; z-index: 10; margin: 0; padding: 0; width: 307px; height: 21px;}
.contactFormBox .inputBoxB .select .dropdown .options { position: absolute; left: 0; top: 22px; padding: 5px; width: 295px; border: #a5a4a4 solid 1px; background: #fff; overflow: auto;}
.contactFormBox .inputBoxB .select .dropdown .options ul { margin: 0; padding: 0; list-style: none;}
.contactFormBox .inputBoxB .select .dropdown .options a { display: block; padding: 0; font-size: 12px; color: #666;}
.contactFormBox .inputBoxB .select .dropdown .options a:hover { color: #000;}
.contactFormBox .inputBoxB .select a.dropdown_toggle { display: block; height: 19px; line-height: 19px; border: #a5a4a4 solid 1px; background: url(../images/enhanced-select-arrow.gif) no-repeat 287px center;}
.contactFormBox .inputBoxB .select a.dropdown_toggle span { display: block; margin: 0; padding: 0 0 0 5px; height: 19px; font-size: 12px; color: #828282; font-weight: bold; cursor: pointer !important;}

.contactFormBox .inputBoxC span { display: inline-block;	zoom: 1; *display: inline; width: 10px; font-size: 14px; color: #e60012;}
.contactFormBox .inputBoxC .select { display: inline-block; zoom: 1;	*display: inline; margin-bottom: 13px; overflow: visible;}
.contactFormBox .inputBoxC .select .enhanced a { text-decoration: none; line-height: 19px;}
.contactFormBox .inputBoxC .select .dropdown { position: relative; z-index: 10; margin: 0; padding: 0; width: 200px; height: 21px;}
.contactFormBox .inputBoxC .select .dropdown .options { position: absolute; left: 0; top: 22px; padding: 5px; width: 188px; border: #a5a4a4 solid 1px; background: #fff; overflow: auto;}
.contactFormBox .inputBoxC .select .dropdown .options ul { margin: 0; padding: 0; list-style: none;}
.contactFormBox .inputBoxC .select .dropdown .options a { display: block; padding: 0; font-size: 12px; color: #666;}
.contactFormBox .inputBoxC .select .dropdown .options a:hover { color: #000;}
.contactFormBox .inputBoxC .select a.dropdown_toggle { display: block; height: 19px; line-height: 19px; border: #a5a4a4 solid 1px; background: url(../images/enhanced-select-arrow.gif) no-repeat 180px center;}
.contactFormBox .inputBoxC .select a.dropdown_toggle span { display: block; margin: 0; padding: 0 0 0 5px; width: 175px; height: 19px; font-size: 12px; color: #828282; font-weight: bold; cursor: pointer !important;}

/* LINKS */
#pLinksBox { margin-bottom: 10px; padding: 0 10px 40px; width: 980px; min-height: 450px; background: url(../images/p_links_img.jpg) no-repeat right bottom;}
#pLinksBox .box { padding: 0 18px; width: 160px; float: left; overflow: hidden;}
#pLinksBox .box .logo a { display: block; width: 160px; height: 65px; overflow: hidden;}
#pLinksBox .box .name { padding-top: 3px; width: 160px; text-align: center; line-height: 28px; background: url(../images/p_links_bg.gif) no-repeat 0 0; overflow: hidden;}
#pLinksBox .box .name a { display: block; width: 160px; height: 28px; color: #525252;}
#pLinksBox .txtTeamOut .name a { color: #a30001; background: url(../images/p_links_over.gif) no-repeat 0 0;}

#pSystemBox { padding-left: 20px; width: 790px; overflow: hidden;}

/* */
.pSearchBox .pSubTi { padding: 30px 0 0 20px;}

/* 頁碼 */
#pageWrap { margin: 0 auto; width: 350px; line-height: 20px;}
#pageWrap .btnPrev { width: 65px; height: 20px; float: left; overflow: hidden;}
#pageWrap .btnNext { width: 65px; height: 20px; float: right; overflow: hidden;}
#pageWrap .btnPrev a, #pageWrap .btnPrev .noPrev, #pageWrap .btnNext a, #pageWrap .btnNext .noNext { display: block; width: 65px; height: 20px; text-indent: -9999px; overflow: hidden;}
#pageWrap .btnPrev a { background: url(../images/btn_prev.gif) no-repeat 0 0;}
#pageWrap .btnNext a { background: url(../images/btn_next.gif) no-repeat 0 0;}
#pageWrap .btnPrev a:hover, #pageWrap .btnNext a:hover { background-position: 0 -20px;}
#pageWrap .btnPrev .noPrev { background: url(../images/btn_prev.gif) no-repeat 0 -40px;}
#pageWrap .btnNext .noNext { background: url(../images/btn_next.gif) no-repeat 0 -40px;}
#pageWrap .numbers { width: 220px; float: left; text-align: center; overflow: hidden;}
#pageWrap .numbers a { padding: 0 5px; color: #333;}
#pageWrap .numbers a:hover, #pageWrap .numbers span a { color: #333; font-weight: bold;}

/* 空白間格 */
.space5, .space25, .space30, .space40, .space50 { clear: both; font-size: 0; overflow: hidden;}
.space5 { height: 5px;}
.space25 { height: 25px;}
.space30 { height: 30px;}
.space40 { height: 40px;}
.space50 { height: 50px;}

/* 表單 */
.inputBg { padding-left: 15px; height: 23px; line-height: 23px; border: none; background: none;}
.inputBgB { padding-left: 10px; height: 20px; line-height: 20px; border: none; background: none;}
.textarea { display: block; padding: 5px; height: 90px; border: none; background: none;}
.w70 { width: 70px;}
.w100 { width: 100px;}
.w125 { width: 125px;}
.w155 { width: 155px;}
.w200 { width: 200px;}
.w240 { width: 240px;}
.w250 { width: 250px;}
.w312 { width: 312px;}
.w280{ width: 280px;}
/* 新增 */
#pRegisterBox { padding-left: 20px; width: 790px; overflow: hidden;}
.desc{ color: #666666; line-height: 20px; margin: 0 0 20px;}
.reLeft{ width: 390px; float: left;}
.listForm{ width: 100%; line-height: 33px; vertical-align: top;}
.listForm th{ text-align: left;}
.listForm span{ font-weight: bold; color: #e60012;}
.reRight{ width: 390px; height: 177px; overflow: hidden; float: right;}
.styleBox{ border: 1px solid #a5a4a4; line-height: 20px;}
.reLeft .btn{ margin-left: 80px; width: 80px;}
/* 圖片放大 */
.cloud-zoom { display: block; width: 350px; height: 435px; position: absolute; z-index: 10;}
.cloud-zoom-lens { cursor: move; background: url(../images/sidebar_bg.png);}
.cloud-zoom-gallery {  width: 45px; overflow: hidden;}
.cloud-zoom-big { width: 350px; height: 435px; overflow: hidden;}
.cloud-zoom-loading { padding: 3px; color: #fff; background: #222;}
/* 會員 */
#puserBox{ padding: 40px 14px 40px; width: 970px; margin-bottom: 40px;}
#accountBox{ width: 540px; float: left; min-height: 330px;}
#loginBox{ width: 300px; float: right; border-left: 1px solid #eeeeee; padding-left: 27px;}
.pUserTi { padding: 0px 0 20px 0; font-size: 21px; color: #020202;}
#loginBox .btnSubmit{ float: right;}
#loginBox .styleBox, #joinForm .styleBox{ color: #828282; font-size: 12px; padding: 1px 1px 1px 10px; line-height: 20px;}
#centerMain{ width: 475px; float: left; min-height: 330px;}
#centerPic{ width: 475px; height: 190px; border-left: 1px solid #eeeeee; padding-left: 6px; float: right;}
.userMsg span{ color: #cb1540;}
.userMsg{ color: #666666; line-height: 25px; margin-bottom: 5px; padding: 2px 0;}
#centerMain .userMsg{ margin-bottom: 15px;}
.joinTi{ background: url(../images/miicon.gif) 0 4px no-repeat; text-indent: 36px; line-height: 27px; color: #333; font-style: italic; font-size: 16px; margin-top: 40px;}
.fLine{ border-bottom: 1px solid #eeeeee; height: 1px; margin: 20px 0;}
.formBox{ padding: 0 0 0 20px;}
.formBox th{ color: #666;}
.formBox .btnSubmit, .formBox #loginBox .btnSubmit{ margin: 5px 0 0; float: none;}
.formBox .styleBox{ color: #da7b35; font-size: 12px; padding: 1px 1px 1px 5px; line-height: 20px;}
.w335{ width: 335px;}
.agree{ font-size: 12px; margin: 15px 0;}
.agree span{ color: #c43232; font-weight: normal;}
#changeLeft{ width: 346px; overflow: hidden; float: left; margin-right: 30px;}
.pasMsg{ width: 300px; margin: 15px 0 0 10px;}
.formBox #loginBox{ float: left;}
.rgsForm{ width: 780px; border-spacing: 1px;}
.rgsForm caption{ width: 780px; height: 31px;}
.rgsForm .rgsline{ background: url(../images/linerp.gif) bottom repeat-x;}

.rgPic{ width: 50px; height: 60px; overflow: hidden; margin: 8px 0 5px 20px;}
.rgsForm .pc{ width: 80px;}
.rgsForm .pn{ width: 110px; background: #fceded; color: #b80815; text-align: center;}
.rgsForm .sn{ width: 140px;  background: #f9f5f5; color: #b80815; text-align: center;}
.rgsForm .date{ width: 110px; text-align: center; color: #666;}
.rgName{ font-size: 18px; color: #161717;}
.rgno{ color: #666;}
a.joinBtn{ display: block; width: 83px; height: 24px; background: url(../images/join.gif) 0 0 no-repeat; text-indent: -999px;}
a.joinBtn:hover{ background-position: 0 -24px;}
a.fblogin{ width: 292px; height: 25px; display: block; background: url(../images/fblogin.gif) 0 0 no-repeat; text-indent: -999px; margin: 10px auto 0;}
a.fblogin:hover{ background-position: 0 -25px;}
a.forgotBtn, a.resendBtn, a.miBtn, a.prBtn, a.cpBtn{ display: block; width: 200px; height: 27px; line-height: 20px; text-indent: 20px; color: #cb1540;}
a.forgotBtn, a.resendBtn{ background: url(../images/fpass.gif) 0 4px no-repeat;}
a.resendBtn{ background: url(../images/rmail.gif) 1px 5px no-repeat;}
a.forgotBtn:hover, a.resendBtn:hover, a.logBtn:hover, a.joBtn:hover{ color:#000;}
a.miBtn, a.prBtn, a.cpBtn{ text-indent: 38px; line-height: 27px; color: #333; margin-top: 10px; font-size: 15px;}
a.miBtn{ background: url(../images/miicon.gif) 0 4px no-repeat;}
a.prBtn{ background: url(../images/pricon.gif) 2px 0 no-repeat;}
a.cpBtn{ background: url(../images/cpicon.gif) 0 0 no-repeat;}
a.miBtn:hover, a.prBtn:hover, a.cpBtn:hover{ color: #cb1540;}
.signupBtn{ width: 66px; height: 22px; overflow: hidden; background: url(../images/su.gif) 0 0 no-repeat; border: 0; text-indent: -9999px; cursor: pointer;}
.signupBtn:hover{ background-position: 0 -22px;}
a.logBtn, a.joBtn{ display: block; width: 70px; height: 25px; line-height: 20px; text-indent: 18px; color: #cb1540; background: url(../images/log.gif) 0 4px no-repeat; float: left;}
a.joBtn{ background: url(../images/jo.gif) 0 4px no-repeat;}
.h45{ height: 45px;}


.colorBox{ width: 570px; overflow: hidden; margin-top: 10px; border-bottom: 1px #eee solid; border-top: 1px #eee solid;}
.colorBox .color{ width: 25px; height: 25px; overflow: hidden; float: left; margin: 8px 10px 8px 0; cursor: pointer;}
/* 顏色可移除 */
.color span{ width: 30px; height: 30px; display: block;}
.color1{ background: #000;}
.color2{ background: #ccc;}
.color3{ background: #FC6;}
.color4{ background: #69F;}

.logTxt{ text-align: right; color: #ffd1b6; width: 335px; float: left; padding: 30px 0 0 10px;}
.logTxt .name{ font-weight: bold; color: #ff8a00;}
.logTxt span a{ text-decoration: underline; color: #fff; font-weight: normal;}
.logTxt span a:hover{ color: #ff8a00;}

/* 框,背景 */
img.hoto{ cursor: pointer;}
.stickytooltip { box-shadow: 5px 5px 8px #818181; -webkit-box-shadow: 5px 5px 8px #818181; -moz-box-shadow: 5px 5px 8px #818181; display: none; position: absolute; display: none; z-index: 3000; background-color: #FFF; padding: 5px 5px 0 5px;}

/* 會員條款 */
.termsWrap { padding: 50px;}
.termsWrap p{ text-align: justify; color: #666}
.termsWrap p.ti{ font-weight: bold; color: #cb1540; padding: 20px 0 0 0 }

/* 防木馬