@import url("reset.css");
/*首頁　*/
body{ background-color:#EEE9D3;}
#TOP{ display:block; width:950px; height:84px; margin:0 auto;}
.LOGO{ float:left;}
.LOGO a{ display:block; width:733px; height:84px; background-image:url(../images/home_01.gif); text-indent:-9999px;}
.SEARCH{ float:right; width:202px; height:35px; background-image:url(../images/home_02.gif); padding-left:15px; padding-top:49px;}
.SEARCH li{ font-family:Verdana; font-size:11px; font-weight:bold; color:#451200;}
.L100{ border:solid #71625A 1px; font-family:Verdana; font-size:11px; color:#451200; padding:2px 2px; width:100px;}
.L50{ border:solid #71625A 1px; font-family:Verdana; font-size:11px; color:#FF3333; padding:2px 2px; width:50px;}
.L00{ border:solid #C1C6C6 1px; font-family:Verdana; font-size:12px; color:#666666; padding:3px 3px; margin:5px 0;}
.L0{ border:solid #71625A 1px; font-family:Verdana; font-size:12px; color:#451200; padding:3px 3px;}
.GO{ width:37px; height:20px; background-image:url(../images/bt-go.gif); font-family:Verdana; font-size:11px; font-weight:bold; color:#2C1D1D; border-style:none;}

#VIEW{ display:block; width:950px; margin:0 auto;}
.HOME{ float:left; width:179px; height:223px; background-image:url(../images/home_03.gif);}
.GH{ padding-left:43px;}
.PICS{ float:right; width:761px; height:213px; background-image:url(../images/home_04.gif); padding:5px 5px;}

#ICON{ display:block; width:950px; height:38px; margin:0 auto; background-image:url(../images/home_05.gif);}
#ICON ul{ float:right; padding-right:90px;}
#ICON li{ float:left;}
#ICON li.Ic1 a{ display:block; width:113px; height:38px; background-image:url(../images/ic01.gif); text-indent:-9999px;}
#ICON li.Ic2 a{ display:block; width:114px; height:38px; background-image:url(../images/ic02.gif); text-indent:-9999px;}
#ICON li.Ic3 a{ display:block; width:118px; height:38px; background-image:url(../images/ic03.gif); text-indent:-9999px;}
#ICON li.Ic4 a{ display:block; width:112px; height:38px; background-image:url(../images/ic04.gif); text-indent:-9999px;}
#ICON li.Ic5 a{ display:block; width:129px; height:38px; background-image:url(../images/ic05.gif); text-indent:-9999px;}
#ICON li.Ic1 a:hover{ background-image:url(../images/ic01c.gif);}
#ICON li.Ic2 a:hover{ background-image:url(../images/ic02c.gif);}
#ICON li.Ic3 a:hover{ background-image:url(../images/ic03c.gif);}
#ICON li.Ic4 a:hover{ background-image:url(../images/ic04c.gif);}
#ICON li.Ic5 a:hover{ background-image:url(../images/ic05c.gif);}

#CONT{ display:block; width:950px; height:303px; margin:0 auto; position:relative;}
.PIC{ display:block; width:233px; height:303px; background-image:url(../images/home_06c.gif); position:absolute;}
span.OR{ display:block; width:62px; height:26px; background-color:#F58E00; text-align:center; font-family:Verdana; font-size:12px; font-weight:bold; color:#FEFFF3; line-height:26px; float:right;}
span.OR a{ color:#FEFFF3; text-decoration:none;}

.NEWS{ display:block; width:250px; height:303px; background-image:url(../images/home_07.gif); position:absolute; left:233px;}
span.YL{ display:block; width:62px; height:26px; background-color:#F5BB00; text-align:center; font-family:Verdana; font-size:12px; font-weight:bold; color:#FEFFF3; line-height:26px; float:right;}
span.YL a{ color:#FEFFF3; text-decoration:none;}
.TT{ font-family:Verdana; font-size:12px; font-weight:bold; color:#585337; line-height:20px; padding:5px 25px 0 30px;}
.CT{ font-family:Verdana; font-size:11px; color:#585337; line-height:20px; padding:0 25px 0 30px;}
.CT a{ font-family:Verdana; font-size:10px; font-weight:bold; color:#FF6600; text-decoration:none;}
.CT a:hover{ color:#FF0033;}

.SALE{ display:block; width:260px; height:303px; background-image:url(../images/home_08.gif); position:absolute; left:483px;}
span.GR{ display:block; width:65px; height:26px; background-color:#97BA3A; text-align:center; font-family:Verdana; font-size:12px; font-weight:bold; color:#FEFFF3; line-height:26px; float:right;}
span.GR a{ color:#FEFFF3; text-decoration:none;}
.SALE ul.A{ padding-left:15px;}
.LO{ display:block; width:80px; height:80px; padding:17px 17px; float:left;}

.CAR{ display:block; width:207px; height:303px; background-image:url(../images/home_09.gif); position:absolute; left:743px;}
.CAR ul{ position:relative;}
.CAR li.GCAR a{ position:absolute; top:113px; left:44px; font-family:Verdana; font-size:12px; color:#725839; letter-spacing:3px; text-decoration:none;}
.CAR li.WORD a{ position:absolute; top:148px; left:27px; font-family:Verdana; font-size:12px; color:#725839; letter-spacing:3px; text-decoration:none;}
.CAR li.PAPER a{ position:absolute; top:188px; left:33px; font-family:Verdana; font-size:12px; color:#725839; letter-spacing:3px; text-decoration:none;}
.CAR li.GCAR a:hover{ color:#CC9900;}
.CAR li.WORD a:hover{ color:#CC9900;}
.CAR li.PAPER a:hover{ color:#CC9900;}

/*條列內頁　*/
#pTOP{ display:block; width:950px; height:84px; margin:0 auto;}
.pLOGO{ float:left;}
.pLOGO a{ display:block; width:733px; height:84px; background-image:url(../images/in_01.gif); text-indent:-9999px;}

#pVIEW{ display:block; width:950px; height:114px; margin:0 auto;}

#pICON{ display:block; width:950px; height:38px; margin:0 auto; background-image:url(../images/in_04.gif);}
#pICON ul{ float:right; padding-right:90px;}
#pICON li{ float:left;}
#pICON li.LOGO{ display:block; width:236px; height:38px; background-image:url(../images/ic-logo.gif); margin-right:38px;}
#pICON li.ABOUT{ display:block; width:236px; height:38px; background-image:url(../images/ic-about.gif); margin-right:38px;}
#pICON li.PRO{ display:block; width:236px; height:38px; background-image:url(../images/ic-product.gif); margin-right:38px;}
#pICON li.BLOG{ display:block; width:236px; height:38px; background-image:url(../images/ic-blog.gif); margin-right:38px;}
#pICON li.SCAR{ display:block; width:236px; height:38px; background-image:url(../images/ic-car.gif); margin-right:38px;}
#pICON li.QA{ display:block; width:236px; height:38px; background-image:url(../images/ic-qa.gif); margin-right:38px;}
#pICON li.SV{ display:block; width:236px; height:38px; background-image:url(../images/ic-service.gif); margin-right:38px;}
#pICON li.MEMBER{ display:block; width:236px; height:38px; background-image:url(../images/ic-member.gif); margin-right:38px;}
#pICON li.NEW{ display:block; width:236px; height:38px; background-image:url(../images/ic-news.gif); margin-right:38px;}
#pICON li.pIc1 a{ display:block; width:113px; height:38px; background-image:url(../images/ic01.gif); text-indent:-9999px;}
#pICON li.pIc2 a{ display:block; width:114px; height:38px; background-image:url(../images/ic02.gif); text-indent:-9999px;}
#pICON li.pIc3 a{ display:block; width:118px; height:38px; background-image:url(../images/ic03.gif); text-indent:-9999px;}
#pICON li.pIc4 a{ display:block; width:112px; height:38px; background-image:url(../images/ic04.gif); text-indent:-9999px;}
#pICON li.pIc5 a{ display:block; width:129px; height:38px; background-image:url(../images/ic05.gif); text-indent:-9999px;}
#pICON li.pIc1 a:hover{ background-image:url(../images/ic01c.gif);}
#pICON li.pIc2 a:hover{ background-image:url(../images/ic02c.gif);}
#pICON li.pIc3 a:hover{ background-image:url(../images/ic03c.gif);}
#pICON li.pIc4 a:hover{ background-image:url(../images/ic04c.gif);}
#pICON li.pIc5 a:hover{ background-image:url(../images/ic05c.gif);}

#CONLR{ display:block; width:950px; height:auto; background-image:url(../images/bg-p01.gif); margin:0 auto; overflow:auto;}
.CONL ul.C{ display:block; width:236px; height:auto; background-image:url(../images/in_05.gif); background-position:bottom; padding:25px 0 10px 0; float:left;}
.TW a{ font-family:Verdana; font-size:11px; color:#585337; line-height:15px; padding-left:40px; padding-bottom:5px; letter-spacing:1px; text-decoration:none;}
.TW a:hover{ color:#748271;}
.CONL ul.L{}
.LW a{ display:block; width:170px; padding:0 5px; margin-left:45px; font-family:Verdana; font-size:10px; color:#748271; line-height:18px; letter-spacing:1px; text-decoration:none;}
.LW a:hover{ color:#CC9900;}
.LL{ font-family:Verdana; font-size:10px; color:#B8B5A8; line-height:15px; padding-left:40px;}
.CONR{ display:block; width:679px; height:auto; background-image:url(../images/in_06.gif); background-position:top; background-color:#EEE9D3; background-repeat:no-repeat; padding:0 0 10px 35px; float:right; font-family:Verdana; font-size:12px; color:#4A473B; line-height:20px;}
h3{ font-family:Verdana; font-size:16px; color:#71625A; padding:25px 0 2px 10px; letter-spacing:2px;}
span.LITTLE{ font-family:Verdana; font-size:12px; color:#71625A; font-weight:normal; letter-spacing:1px; padding-left:5px;}
.PRO{ width:679px;}
.PL ul.U{ float:left; width:217px; margin:0 auto;}
.PL li{ float:left;}
.PL li.LB{ display:block; width:187px; height:128px; padding:15px 15px; float:left;}
.PL li.LBW a{ display:block; width:217px; font-family:Verdana; font-size:11px; color:#71625A; text-align:center; line-height:15px; text-decoration:none; letter-spacing:1px;}
.PL li.LBW a:hover{ color:#660000;}

/*單品內頁 */
#CONLRs{ display:block; width:950px; height:auto; background-image:url(../images/bg-p02.gif); margin:0 auto; overflow:auto;}
.CONRs{ display:block; width:679px; height:auto; background-image:url(../images/in_06s.gif); background-position:top; background-repeat:no-repeat; padding:0 0 10px 35px; float:right;}
.BL{ display:block; width:300px; height:206px; padding:10px 10px;}
.WD{ font-family:Verdana; font-size:11px; color:#493B3B; line-height:19px; padding:10px 40px 0 20px;}
.WD2{ line-height:19px; padding:5px 20px;}
.WDALL{ display:block; width:640px; font-family:Verdana; font-size:11px; color:#493B3B; line-height:19px; margin:5px 10px 15px 10px;}
.BAP a{ font-family:Verdana; font-size:13px; color:#FF3333; line-height:19px; margin:0 3px; text-decoration:none;}
.BAP a:hover{ color:#CC9900; text-decoration:underline;}
.UP{ width:59px; height:19px; background-image:url(../images/bt-up.gif); font-family:Verdana; font-size:10px; font-weight:bold; color:#726E5D; border-style:none;}
.OD{ width:59px; height:19px; background-image:url(../images/bt-od.gif); font-family:Verdana; font-size:10px; font-weight:bold; color:#2C1D1D; border-style:none;}
.L5{ padding:4px 3px;}
.NB{ font-family:Verdana; font-size:11px; color:#493B3B; line-height:19px; margin:7px 10px;}
.NEXT{ width:55px; height:20px; background-image:url(../images/bt-next.gif); font-family:Verdana; font-size:11px; font-weight:bold; color:#2C1D1D; border-style:none;}
.LOG{ width:55px; height:20px; background-image:url(../images/bt-login.gif); font-family:Verdana; font-size:11px; font-weight:bold; color:#524947; border-style:none;}
.div-single{ position:relative;}
.div-single div{ position:absolute;}

/*購物車清單內頁 */
.LIST-SC{ display:block; width:640px; font-family:Verdana; font-size:11px; color:#493B3B; line-height:19px; margin:5px 10px 15px 10px; border:dotted 2px #76665C; background-color:#FFFFFF;}
.TP-SC{ border:solid 1px #8E8480; padding:3px 5px; letter-spacing:2px; text-align:center; background-color:#F2F3F4; color:#3E568E;}
.PS-SC{ border:solid 1px #8E8480; padding:5px 5px; width:60px; text-align:center; line-height:45px;}
.NS-SC{ border:solid 1px #8E8480; padding:3px 5px; width:120px; line-height:45px; font-weight:bold;}
.AM-SC{ border:solid 1px #8E8480; padding:3px 5px; width:225px;}
.NU-SC{ border:solid 1px #8E8480; padding:3px 5px; width:65px; text-align:center; vertical-align:middle; font-size:11px;}
.CH-SC{ border:solid 1px #8E8480; padding:3px 5px; width:75px; text-align:center; vertical-align:middle;}

.IT-SC{ border:solid 1px #8E8480; padding:3px 5px; width:135px; line-height:45px; background-color:#FFFEE8;}
.PR-SC{ border:solid 1px #8E8480; padding:3px 5px; width:90px; text-align:center; line-height:45px;}

.TT-SC{ border:solid 1px #8E8480; padding:3px 5px; width:100%; text-align:right; font-size:12px; color:#FB4B00; background-color:#F2F3F4; padding-right:15px;}

.DELETE{ width:55px; height:20px; background-image:url(../images/bt-delete.gif); font-family:Verdana; font-size:11px; color:#333; border-style:none;}
.CLEARCAR{ width:110px; height:20px; background-image:url(../images/bt-clear.gif); font-family:Verdana; font-size:11px; color:#2C1D1D; border-style:none; letter-spacing:4px; padding-top:2px;}
.CHANGCAR{ width:95px; height:20px; background-image:url(../images/bt-chang.gif); font-family:Verdana; font-size:11px; color:#2C1D1D; border-style:none; letter-spacing:4px; padding-top:2px;}
.KEEPCAR{ width:95px; height:20px; background-image:url(../images/bt-keep.gif); font-family:Verdana; font-size:11px; color:#2C1D1D; border-style:none; letter-spacing:4px; padding-top:2px;}
.NEXTCAR{ width:65px; height:20px; background-image:url(../images/bt-next2.gif); font-family:Verdana; font-size:11px; color:#2C1D1D; border-style:none; letter-spacing:4px; padding-top:2px;}
.SURECAR{ width:95px; height:20px; background-image:url(../images/bt-sure.gif); font-family:Verdana; font-size:11px; color:#2C1D1D; border-style:none; letter-spacing:4px; padding-top:2px;}
.UPCAR{ width:65px; height:20px; background-image:url(../images/bt-next3.gif); font-family:Verdana; font-size:11px; color:#FFF; border-style:none; letter-spacing:4px; padding-top:2px;}
.PUTIN{ width:90px; height:20px; background-image:url(../images/bt-putin.gif); font-family:Verdana; font-size:11px; color:#444; border-style:none; letter-spacing:2px; padding-top:2px;}

/*購物車明細內頁 */
.ORDER-LN{ display:block; width:640px; font-family:Verdana; font-size:11px; color:#493B3B; line-height:19px; margin:5px 10px 15px 10px; border:solid 2px #299477; background-color:#FFFFFF;}
.TP-LN{ width:640px; border:solid 2px #299477; padding:3px 5px; letter-spacing:2px; text-align:center; background-color:#F4FFEE; font-size:13px; font-weight:bold; color:#299477; line-height:23px;}
.AM-LN{ border:solid 1px #299477; padding:3px 5px 3px 35px; width:120px; letter-spacing:1px; color:#299477; background-image:url(../images/bt-star.gif); background-position:left; background-repeat:no-repeat; background-color:#EEFFFA;}
.OM-LN{ border:solid 1px #299477; padding:3px 5px 3px 35px; width:120px; letter-spacing:1px; background-color:#EEFFFA;}
.OO-LN{ padding-left:10px; width:480px;}

/*品牌介紹 */
#CONLRc{ display:block; width:850px; height:300px; background-image:url(../images/in_06a.gif); background-position:top; background-color:#EEE9D3; background-repeat:no-repeat; margin:0 auto; padding:20px 50px; font-family:Verdana; font-size:12px; color:#4A473B; line-height:20px; position:relative;}
.TR{ display:block; width:950px; height:305px; background-image:url(../images/bg-a.gif); top:35px; left:0; position:absolute; text-indent:-9999px;}
.GS{ display:block; width:100px; height:225px; background-image:url(../images/bg-m.gif); top:200px; left:830px; position:absolute; text-indent:-9999px;}
.GS-edit{ display:block; width:100px; height:225px; background-image:url(../images/bg-m.gif); top:100px; left:830px; position:absolute; text-indent:-9999px;}
.NS{ display:block; width:280px; height:178px; background-image:url(../images/bg-w.gif); top:120px; left:670px; position:absolute; text-indent:-9999px;}
.KB{ display:block; width:458px; height:188px; background-image:url(../images/bg-g.gif); top:15px; left:340px; position:absolute; padding:50px 60px;}
.GT{ display:block; width:165px; height:53px; background-image:url(../images/bg-b.gif); background-repeat:no-repeat; line-height:50px; text-align:center; top:10px; left:740px; position:absolute;}
.GT a{ color:#451200; text-decoration:none;}
.GT a:hover{ color:#006699; text-decoration:underline;}
.GT-edit{ display:block; width:165px; height:53px; background-image:url(../images/bg-b-edit.gif); background-repeat:no-repeat; line-height:50px; text-align:center; top:10px; left:740px; position:absolute;}
.GT-edit a{ color:#451200; text-decoration:none;}
.GT-edit a:hover{ color:#006699; text-decoration:underline;}
.PO{ display:block; width:170px; height:auto; top:165px; left:770px; font-family:Verdana; font-size:11px; color:#76665C; line-height:20px; text-align:right; position:absolute;}
.BD{ font-family:Verdana; font-size:16px; font-weight:bold; color:#4A473B; line-height:30px;}
.C30{ color:#CC3300;}

/*消息內容 */
#TITTLE-news{ display:block; width:850px; background-image:url(../images/in_06a.gif); background-position:top; background-color:#EEE9D3; background-repeat:no-repeat; margin:0 auto; padding:20px 50px 0 50px; font-family:Verdana; font-size:12px; color:#4A473B; line-height:20px;}
#CONLRn{ display:block; width:850px; background-image:url(../images/bg-w.gif); background-position:right bottom; background-color:#EEE9D3; background-repeat:no-repeat; margin:0 auto; padding:20px 50px; font-family:Verdana; font-size:12px; color:#4A473B; line-height:20px;}

/*自由內容 */
#CONLRe{ display:block; width:850px; background-image:url(../images/in_06a.gif); background-position:top; background-color:#EEE9D3; background-repeat:no-repeat; margin:0 auto; padding:20px 50px; font-family:Verdana; font-size:12px; color:#4A473B; line-height:20px; position:relative;}

/*文字特殊設定 */
.TL{ font-family:Verdana; font-size:12px; font-weight:bold; color:#660000; line-height:20px;}
.SE{ font-family:Verdana; font-size:12px; font-weight:bold; color:#CC9900; line-height:20px;}
.IM{ font-family:Verdana; font-size:12px; color:#669900; line-height:20px; text-decoration:underline; padding:0 4px;}
.TP{ text-align:right;}
.TP a{ font-family:Verdana; font-size:10px; font-weight:bold; color:#CC6666; line-height:10px; text-decoration:none;}
.MD{ font-family:Verdana; font-size:12px; color:#666699; line-height:20px;}
.CD{ font-family:Verdana; font-size:12px; color:#6E6A75; line-height:20px;}
.WB{ font-family:Verdana; font-size:12px; font-weight:bold; color:#4A473B; line-height:20px;}
.RD{ color:#FF3300;}
.BU{ color:#FF9900;}

/*TB特殊設定 */
.TB-0{ width:570px; margin:5px auto;}
.TB-1{ width:570px; margin:15px 0; border:dotted 1px #A4ACAC; background-color:#F7F7F7;}
.TB-a1{ width:570px; margin:5px auto; border:dotted 1px #666699; background-color:#FFFFFF;}
.TB-a2{ width:540px; margin:15px 15px;}
.TB-m1{ width:490px; margin:5px 0 0 80px; background-color:#FFFEF4;}
.TB-m2{ width:540px; margin:15px 15px;}

/*分隔線設定 */
.HR1{ border:dotted 1px #6C6660; border-bottom-color:#EEE9D3; margin:2px 0 10px 0;}
.HR2{ border:dotted 1px #6C6660; border-bottom-color:#EEE9D3; margin:3px 0 3px 0;}
.HR3{ border:dotted 2px #6C6660; border-bottom-color:#EEE9D3; margin:3px 0 3px 0;}

/*會員登入 */
.BR{ font-family:Verdana; font-size:11px; color:#4A473B; line-height:20px; padding:4px 3px;}
.BR a{ color:#4A473B; text-decoration:none;}

/*消息設定 */
.OG{ width:15%; color:#FF5828;}
.NN{ font-family:Verdana; font-size:11px; color:#4A473B; line-height:20px; padding:4px 3px;}
.NN a{ color:#4A473B; text-decoration:none;}

/*iframe */
BODY {SCROLLBAR-FACE-COLOR:#DDD7BB; SCROLLBAR-HIGHLIGHT-COLOR:#EEE9D3; SCROLLBAR-SHADOW-COLOR:#EEE9D3; SCROLLBAR-3DLIGHT-COLOR:#EEE9D3; SCROLLBAR-ARROW-COLOR:#6D6361; SCROLLBAR-TRACK-COLOR:#EEE9D3; SCROLLBAR-DARKSHADOW-COLOR:#EEE9D3; }
.BOX {width:620px; height:220px; overflow:auto; border:0px solid #EEE9D3;}

/*頁尾連結區 */
#CTR1C{ display:block; width:940px; height:19px; background-image:url(../images/citytree-tree1c.gif); margin:0 auto; font-family:Verdana; font-size:11px; color:#8E8480; text-align:right; padding-top:24px; padding-right:10px;}
#CTR1C a{ color:#CC9900; letter-spacing:2px; text-decoration:none;}
#CTR1C a:hover{ color:#CC6600;}
#CTR2C{ display:block; width:940px; height:19px; background-image:url(../images/citytree-tree2c.gif); margin:0 auto; font-family:Verdana; font-size:11px; color:#8E8480; text-align:right; padding-top:24px; padding-right:10px;}
#CTR2C a{ color:#CC9900; letter-spacing:2px; text-decoration:none;}
#CTR2C a:hover{ color:#CC6600;}

/*頁尾 */
#FOOTER{ display:block; width:950px; height:22px; background-image:url(../images/home_10.gif); margin:0 auto; font-family:Verdana; font-size:7pt; color:#B9B7B0; text-align:center; line-height:22px;}

/*連結設定 */
a{ color:#339999;}
a:hover{ color:#CC9900;}

.CLEAR{ clear:both; font-size:1px; height:0; line-height:0;}