/*
 * CSS文件
 * ============================================================================
 * 版權所有 (C) 2010 鉅潞科技網頁設計公司，並保留所有權利。
 * 網站地址: http://www.grnet.com.tw
 * ============================================================================
 * $Author: 小玉$
 * $Date: 2011-03-01$
*/

@charset "utf-8";
body { margin: 0px; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
img { border: 0px; nobar:expression(this.galleryImg='no');}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote { margin: 0; padding: 0;}
li {  list-style: none; display:inline; margin:0; padding:0;}

#mainNav{ height:94px; position:relative;}
#mainNav .logo{ position: relative; padding:21px 0 0 4px;}
#mainNav .nav{ padding:42px 0 0 39px;}
#mainNav .nav li{ float:left; display:inline;}
#mainNav .nav li img{ vertical-align:top;}
#mainNav .shopIcon{ position:absolute; right:12px; top:14px; z-index:2;}


/* 形象網共同區塊 */
.vBg{ background:url(../images/vBgTop.jpg) top repeat-x;}
.bBg{ background:url(../images/bBgTop.jpg) top repeat-x;}
#vwrapper{ width:963px; overflow:hidden; margin:0 auto;}
.footer{ height:75px; text-align:center; line-height:20px; color:#666666;}
.footer span{ font-size:11px; -webkit-text-size-adjust: none;/* for chrome 字體小於12 */ color:#999;}

/* 內頁共同區塊 */
#nav{ background:url(../images/nav_center.jpg) repeat-x; margin-bottom:11px;}
#nav .shopTitle{ padding:22px 0 0 37px;}
#nav .nav{ padding:19px 21px 0 0; width:458px; height:32px; overflow:hidden; background:url(../images/shopNavBg.gif) right 19px no-repeat;}
#nav .nav li{ float:left; padding-left:32px;}
#nav .nav li .first{ padding-left:0;}
#pLeft{ width:740px; overflow:hidden;}
.pnav{ padding:19px 21px 0 0; width:458px; height:32px; overflow:hidden; line-height:32px;}
.pnav li{ float:right; padding:0 16px; background:url(../images/nav_line.gif) left no-repeat;}
.pnav .last{ padding-left:0; background:url(../images/pixel.gif) no-repeat;}
.pnav a{ color:#FFF; text-decoration:none;}
.pnav a:hover{ color:#FC0;}
#sbbsNav{ background:url(../images/sbbsNav_center.jpg) repeat-x; margin-bottom:11px;}
#sbbsNav .shopTitle{ padding:22px 0 0 37px;}
#sbbsNav .nav{ padding:19px 21px 0 0; width:458px; height:32px; overflow:hidden; background:url(../images/shopNavBg.gif) right 19px no-repeat;}
#sbbsNav .nav li{ float:left; padding-left:32px;}
#sbbsNav .nav li .first{ padding-left:0;}

#content{ width:960px; overflow:hidden;}
.contentTop{ background:url(../images/contentTop.jpg) top no-repeat; width:930px; padding:40px 15px 60px;}
.contentTopBrand{ background:url(../images/contentTop_brand.jpg) top no-repeat; width:930px; padding:40px 15px 60px;}

/* 內頁右側(產品品牌次選項) */
#pRight .menu{ width:164px; list-style:none; padding:0 6px 30px 0; margin:0; color:#755b32; font-size:13px;}
#pRight .menu li{ list-style:none; line-height:26px; margin:0; padding:0; display:inline;}
#pRight .menu li a{ color:#755b32; display:block; padding:0 0 4px 25px; background:url(../images/menuOut.jpg) top left no-repeat; text-decoration:none; margin:0;}
#pRight .menu li a:hover{ color:#fff; font-weight:bold; background:url(../images/menuHover_p.jpg) top left no-repeat;}
#pRight .menu li span.stay{ color:#fff; background:url(../images/menuHover_p.jpg) top left repeat-x; display:block; padding:0 0 4px 25px; font-weight:bold;}

/* 內頁產品列表 */
#pLeft .prodList{ padding:0 3px; width:140px; overflow:hidden; margin-bottom:50px;}
#pLeft .prodList td{ text-align:center; padding:4px 0; color:#444; line-height:18px;}
#pLeft .prodList td span{ color:#f43257;}
#pLeft .prodList a{ color:#444; text-decoration:none;}
#pLeft .prodList a:hover{ color:#666;}

#pLeft .prod_pic_b{ border:#eee 1px solid; margin:0 auto 5px; width:300px;}
#pLeft .goods_info th{ border-right:#d8d8d8 1px solid; padding-bottom:20px;}
#pLeft .goods_info td{ padding-bottom:20px;}
#pLeft .goods_info h4{ color:#8a0024; font-size:16px; font-weight:bold; padding:10px 5px; border-bottom:#64182a 2px solid;}
#pLeft .goods_info .text{ line-height:26px; color:#666; padding:13px;}
#pLeft .goods_info .text b{ color:#e23912; font-size:18px;}
#pLeft .goods_info .text .specifications{ background:#CCC; line-height:14px; margin-top:10px;}
#pLeft .goods_info .text .specifications th{ background:#ededed; border-right:none; padding:7px;}
#pLeft .goods_info .text .specifications td{ background:#fff; padding:7px;}

/* 系列產品列表 */
.v_prod_list{ border-bottom:#ccc 1px dashed; margin-bottom:20px;}
.moreAbsolute{ width:740px; overflow:hidden; position:relative;}
.moreAbsolute .more{ position:absolute; right:0; bottom:20px;}
.v_prod_list td{ padding:10px 20px;}
.v_prod_list h4{  color:#8a0024; font-size:16px; font-weight:bold; padding:0 0 5px;}
.v_prod_list h5{  color:#575757; font-size:13px; font-weight:bold; padding:0 0 10px;}
.v_prod_list .text{ line-height:20px; color:#666;}
.v_prod_list b{ color:#c81649; font-size:13px;}


/* 作品集 */
.work_title{ font-size:16px; color:#5b5b5b; font-weight:bold; padding:5px; float:left;}
.workCont{ width:930px; overflow:hidden;}
/* ---------- gallery styles start here ----------------------- */
.gallery {list-style: none;	margin: 0;	padding: 0;}
.gallery li {	margin: 15px;	padding: 15px ;	float: left;	position: relative;	width: 250px;	height: 210px;	background:url(../images/work_frame.jpg) no-repeat;}
.gallery img {	background: #fff;}
.gallery span {	width: 77px;	height: 27px;	display: block;	position: absolute;	top: -1px;	left: 100px;	background: url(../images/tape.png) no-repeat;}
.gallery a {	text-decoration: none;}

/* 最新消息 */
.news_pic{ width:210px; overflow:hidden; padding-left:20px;}
.news{ width:740px; overflow:hidden; margin:0 auto; padding-top:30px;}
.news td{ padding:12px 10px; border-bottom:#ddd 1px solid; color:#666;}
.news a{ color:#333; text-decoration:none;}
.news a:hover{ color:#666;}
.news .text{ padding:10px; line-height:22px; color:#333;}

/* 聯絡我們 */
.contact{ background:url(../images/contact_pic.jpg) top left no-repeat; margin:0 auto; width:640px; overflow:hidden; padding:130px 0 0 240px;}
.contact th{ text-align:right; color:#666; padding:8px;}
.contact td{ padding:8px;}
.contact span{ margin-right:3px; color:#e71066;}

/* 購物商城首頁 */
#ad{ padding:0 10px 0 0; margin-top:24px; border-right:#ddd 1px solid;}
#news{ width:236px; overflow:hidden; margin-top:30px;}
#news table{ margin-top:5px;}
#news th{ background:url(../images/dotLine.jpg) bottom repeat-x; padding:12px 0 0 2px;}
#news td{ background:url(../images/dotLine.jpg) bottom repeat-x; padding:5px; color:#666; line-height:20px;}
#news a{ color:#666; text-decoration:none;}
#news a:hover{ color:#999;}
.brand{ border:#dddddd 1px solid; width:960px; overflow:hidden;}

/* 購物商城共同區塊 */
.sBg{ background:url(../images/sBgTop.jpg) top repeat-x;}
#wrapper{ width:960px; overflow:hidden; margin:0 auto 40px;}
#shopNav{ background:url(../images/shopNav_center.jpg) repeat-x; margin-bottom:11px;}
#shopNav .shopTitle{ padding:22px 0 0 37px;}
#shopNav .nav{ padding:19px 21px 0 0; width:458px;}
#shopNav .nav li{ float:right; padding:0 16px; background:url(../images/nav_line.gif) left 5px no-repeat; position:relative;}
#shopNav .nav .last{ padding-left:0; background:url(../images/pixel.gif) no-repeat;}
#shopNav .nav ul li ul {
 width: 94px; /* Sub Menu Width */
 margin: 0;
 padding:8px 0;
 list-style: none;
 display: none;
 position: absolute;
 top: 100%;
 left: 0;
 z-index:99;
 background:#e7c5a5;
}
#shopNav .nav ul li { display: inline; position: relative; height:46px;}
#shopNav .nav ul li ul li { width: 100%; display: block; background:none; height:24px; line-height:24px; padding:0; text-align:center;}

/* 2nd Menu */
#shopNav .nav ul li:hover li a,#shopNav .nav ul li.iehover li a {
 float: none;
 color:#7a3c00;
}

/* 2nd Menu Hover Persistence */
#shopNav .nav ul li:hover li a:hover,#shopNav .nav ul li:hover li:hover a,#shopNav .nav ul li.iehover li a:hover,#shopNav .nav ul li.iehover li.iehover a {
 background:url(../images/pixel.gif) no-repeat;
 color:#b25800;
}
/* Hover Function - Do Not Move */
#shopNav .nav ul li:hover ul ul,#shopNav .nav ul li.iehover ul ul { display: none; }
#shopNav .nav ul li:hover ul,#shopNav .nav ul li.iehover ul{ display: block; }

.map{ border-top:#ddd 1px solid; font-size:11px; -webkit-text-size-adjust: none;/* for chrome 字體小於12 */ color:#444; padding:10px 0;}
.map a{ color:#888888; text-decoration:none;}
.map a:hover{ color:#666;}
.map span{ font-size:12px; color:#b6a18d;}
.map span a{ color:#8c542a; text-decoration:underline;} 
.map span a:hover{ color:#b6a08d;}
.shop_footer{ background:url(../images/footerBg.jpg) bottom repeat-x; height:100px; text-align:center; line-height:20px; color:#666666;}
.shop_footer span{ font-size:11px; -webkit-text-size-adjust: none;/* for chrome 字體小於12 */ color:#999;}

/* 購物商城首頁 */
#shop_ad{ padding:0 10px 10px 0; margin-top:4px; border-right:#ddd 1px solid;}
a.setFlash { background:url(../images/get_flash_player.gif) center no-repeat; display: block; width: 100%;}
#activities{ width:236px; overflow:hidden; padding-right:5px;}
#activities .activities_ti{ background:url(../images/title_new_act.jpg) no-repeat; width:56px; height:26px; overflow:hidden; padding:11px 0 0 186px;}
#activities table{ margin-top:5px;}
#activities th{ background:url(../images/dotLine.jpg) bottom repeat-x; padding:12px 0 0 2px;}
#activities td{ background:url(../images/dotLine.jpg) bottom repeat-x; padding:5px; color:#666; line-height:20px;}
#activities a{ color:#666; text-decoration:none;}
#activities a:hover{ color:#999;}
#shop_iLeft{ width:800px; overflow:hidden;}
#shop_iLeft h2{ background:url(../images/titleBg.jpg) repeat-x; margin:18px 0 20px; height:48px; padding:2px 0 0 5px;}
#shop_iLeft .prodList{ padding:0 10px; width:140px; overflow:hidden;}
#shop_iLeft .prodList td{ text-align:center; padding:4px 0; color:#444; line-height:18px;}
#shop_iLeft .prodList td span{ color:#f43257;}
#shop_iLeft .prodList a{ color:#444; text-decoration:none;}
#shop_iLeft .prodList a:hover{ color:#666;}
#shop_iLeft .more{ text-align:right; color:#aaa; font-size:11px; -webkit-text-size-adjust: none;/* for chrome 字體小於12 */ padding:15px 20px 2px;}
#shop_iLeft .more a{ color:#ca3a07; text-decoration:none;}
#shop_iLeft .more a:hover{ color:#666;} 
#shop_iRight{ width:150px; overflow:hidden; padding-top:18px;}
#shop_iRight a{ display:block; margin-bottom:15px;}

/* 購物商城內頁 */
#shop_pLeft{ width:780px; overflow:hidden;}
#shop_pLeft h2{ background:url(../images/titleBg.jpg) repeat-x; margin:0 0 20px; height:38px; padding:12px 0 0 10px;}
#shop_pRight{ width:170px; overflow:hidden;}
#shop_pRight a{ display:block; margin-bottom:15px;}
#maincont{ padding:15px 20px;}
#maincont h3{ font-weight:bold; font-size:12px; margin-bottom:10px;}


/* 加入會員 */
.joinTable{ border:#CCC 1px solid; border-bottom:none; margin-bottom:30px;}
.joinTable th{ background:#ededed; padding:7px 5px; text-align:right; font-weight:normal; color:#333; border-bottom:#CCC 1px solid;}
.joinTable td{ padding:7px 5px; border-bottom:#CCC 1px solid; color:#666;}
.joinTable span{ color:#eb8045; padding:0 3px;}
.joinAgree{ width: 720px; height: 100px; overflow-x: hidden; overflow-y: auto; color:#999; border:#ccc 1px solid; padding:10px; }
.agreeButton{ color:#eb8045; padding:5px;}
.joinInfo{ border-bottom:#8a4614 2px solid;}
.joinInfo td{ padding:12px; border-top:#d2c5ba 1px solid;color:#444;}
.joinInfo th{ background:#f8f4f1; padding:12px; border-top:#d2c5ba 1px solid; text-align:left;}

/* 會員專區 */
.submenu{ background:url(../images/subMenuBg.jpg) no-repeat; width:670px; height:27px; padding:12px 0 0 110px; margin-bottom:10px;}
.submenu li{ float:left; background:url(../images/submenuList.gif) left no-repeat; padding:0 15px 0 17px;}
.submenu li a{ color:#666;}
.submenu li a:hover{ color:#333;}
.member_login{ background:url(../images/memberBg.jpg) no-repeat; width:650px; height:150px; margin:30px auto 0; padding-top:90px;}
.loginTable td{ padding:6px 10px;}
.member_welcome{ background:url(../images/member_welocmeBg.jpg) no-repeat; width:340px; height:165px; margin:30px auto 0; padding:75px 40px 0 270px;}
.member_welcome td{ border-bottom:#CCC dashed 1px;}
.member_welcome a{ color:#333; text-decoration:none;}
.member_welcome a:hover{ color:#666;}
.member_forget{ background:url(../images/forgetBg.jpg) no-repeat; width:650px; height:140px; margin:30px auto 0; padding-top:100px;}
.member_letter{ background:url(../images/letterBg.jpg) no-repeat; width:650px; height:140px; margin:30px auto 0; padding-top:100px;}
.comm_list{ border-top:#d2c6ba 1px solid; border-left:#cad2ba 1px solid;}
.comm_list th{ background:#f1e9e0; padding:8px 0; border-bottom:#d2c6ba 1px solid; border-right:#d2c6ba 1px solid;}
.comm_list td{ padding:7px; border-bottom:#d2c6ba 1px solid; border-right:#d2c6ba 1px solid; color:#444;}
.comm_list td span{ color:#914926;}
.comm_list a{ color:#915326;}
.comm_list a:hover{ color:#67340a;}
.bankText{ border:#e2d4c7 2px solid; background:#efe5dc; border-left:#775031 5px solid; padding:10px; line-height:18px; margin-bottom:20px; font-size:18px; color:#7f4516; font-weight:bold;}

/* 購物車*/
.cart_list{ border-top:#8a4614 2px solid;}
.cart_list th{ background:#f8f4f1; padding:8px 0; border-bottom:#d2c5ba 1px solid;}
.cart_list td{ padding:7px; border-bottom:#d2c5ba 1px solid;color:#444;}
.cart_list span{ font-size:16px; font-weight:bold; color:#984609;}

.formTable{ border:#CCC 1px solid; border-bottom:none; margin-bottom:30px;}
.formTable th{ background:#ededed; padding:5px; text-align:right; font-weight:normal; color:#333; border-bottom:#CCC 1px solid;}
.formTable td{ padding:5px; border-bottom:#CCC 1px solid; color:#666;}
.formTable span{ color:#eb8045; padding:0 3px;}
.formTable b{ font-size:16px; color:#984209;}

.doneText{ border:#d6b7a0 1px solid; background:#f9f6f4; padding:15px; color:#666; line-height:22px;}
.doneText h3{ color:#333;}

/* 內頁右側(產品品牌次選項) */
#shop_pRight .menu{ width:164px; list-style:none; padding:0 6px 0 0; margin:0; color:#755b32; font-size:13px; background:url(../images/pixel.gif) top left no-repeat;}
#shop_pRight .menu ul{ padding-bottom:30px;}
#shop_pRight .menu li{ list-style:none; line-height:26px; margin:0; padding:0; display:inline;}
#shop_pRight .menu li a{ color:#755b32; display:block; padding:0 0 4px 25px; background:url(../images/menuOut.jpg) top left no-repeat; text-decoration:none; margin:0;}
#shop_pRight .menu li a:hover{ color:#fff; font-weight:bold; background:url(../images/menuHover.jpg) top left no-repeat;}
#shop_pRight .menu li span.stay{ color:#fff; background:url(../images/menuHover.jpg) top left repeat-x; display:block; padding:0 0 4px 25px; font-weight:bold;}
/* 內頁右側(產品品牌次選項次分類) */
#shop_pRight .menu li ul{ list-style:none; padding:0; margin:0;}
#shop_pRight .menu li ul li{ list-style:none; padding:0; line-height:24px; vertical-align:middle; margin:0 0 1px; background:#fff;}
#shop_pRight .menu li ul li a{ color:#a06123; display:block; padding:0 0 2px 25px; margin:0; background:#fff;}
#shop_pRight .menu li ul li a:hover{ background:url(../images/pixel.gif) no-repeat;color:#997d59; background:fff;}
#shop_pRight .menu li ul li span.stay2{ color:#6e3605; display:block;  padding:0 0 2px 25px; background:#fff;}

/* 內頁產品列表 */
#shop_pLeft .prodList{ padding:0 8px; width:140px; overflow:hidden; margin-bottom:50px;}
#shop_pLeft .prodList td{ text-align:center; padding:4px 0; color:#444; line-height:18px;}
#shop_pLeft .prodList td span{ color:#f43257;}
#shop_pLeft .prodList a{ color:#444; text-decoration:none;}
#shop_pLeft .prodList a:hover{ color:#666;}

#shop_pLeft .prod_pic_b{ border:#eee 1px solid; margin:0 auto 5px; width:300px;}
#shop_pLeft .goods_info th{ border-right:#d8d8d8 1px solid; padding-bottom:20px;}
#shop_pLeft .goods_info td{ padding-bottom:20px;}
#shop_pLeft .goods_info h4{ color:#8a2a00; font-size:16px; font-weight:bold; padding:10px 5px; border-bottom:#642d18 2px solid;}
#shop_pLeft .goods_info .text{ line-height:26px; color:#666; padding:13px;}
#shop_pLeft .goods_info .text b{ color:#e23912; font-size:18px;}
#shop_pLeft .goods_info .text .specifications{ background:#CCC; line-height:14px; margin-top:10px;}
#shop_pLeft .goods_info .text .specifications th{ background:#ededed; border-right:none; padding:7px;}
#shop_pLeft .goods_info .text .specifications td{ background:#fff; padding:7px;}

/* 最新活動 */
.act{ width:740px; overflow:hidden;}
.act td{ padding:12px 10px; border-bottom:#ddd 1px solid; color:#666;}
.act a{ color:#333; text-decoration:none;}
.act a:hover{ color:#666;}
.act .text{ padding:10px; line-height:22px; color:#333;}

/* 購物說明 */
.informationText{ color:#666; line-height:24px;}

 
/* 其他 */
.floatL{ float:left;}
.floatR{ float:right;}
.getFlash { background:url(../images/get_flash_player.gif) center no-repeat; display:block;}
.v-align_m{ vertical-align:middle;}
.wd200{ width:200px;}
.wd300{ width:300px;}
.wd400{ width:400px;}
.wd500{ width:500px;}
.pageAll span{ color:#333; margin:3px; padding:0 2px; text-decoration:underline;}
.pageAll img{ vertical-align:middle;}
.pageAll a{ color:#666; text-decoration:none;}
.pageAll a:hover{ color:#333;}
.btnLine{ border-top:#c55f14 2px solid; padding-top:20px; text-align:center;}
.btnLine_b{ border-top:#c51447 2px solid; padding-top:20px; text-align:center;}
.btnLine_p{ border-top:#2c6418 2px solid; padding-top:20px; margin-top:10px; text-align:center;}
.mb30{ margin-bottom:30px;}
.mb5{ margin-bottom:5px;}
.mtb20{ margin:20px 0;}
.mt15{ margin-top:15px;}
.pt20{ padding-top:20px;}
.h10{ height:10px;}
.h50{ height:50px;}
.lang { position: absolute; top: 0px; left: 5px;}
.lang a{ color: #333; text-decoration: none;}
.lang a:hover { color: #ccc; text-decoration: none;}
.lang span { color: #6F9E12;}

/*