﻿/* CSS Document */




#sbWrapper {width: 940px; margin: 0 auto;}
#sbHdWp { height: 27px; background: #930101;background-image: url(../R6Images/R6Bag/titleBg.jpg); background-repeat: no-repeat; border-top: solid 1px #aa4a4a; border-left: solid 0px #aa4a4a; border-right: solid 1px #aa4a4a; font-family: "新細明體", Arial; font-size: 12px; line-height: 16px; color: #FFFFFF;word-spacing: 1px; letter-spacing: 0px;overflow: hidden; background-position: 2px 0;}
#sbHdWp a{ font-family: "新細明體", Arial; font-size: 12px; line-height: 16px; color: #FFFFFF;word-spacing: 1px; letter-spacing: 0px;overflow: hidden; background-position: 2px 0;}
#sbHdWp .sbTxt01 { width: 159px;margin: 7px 0 0 8px;*margin: 7px 0 0 8px;_margin: 7px 0 0 8px;display:block;background-image: url(../R6Images/R6Bag/dot01.gif);background-repeat: no-repeat;background-position:0 6px;padding-left:11px;}
#sbHdWp .sbListNum { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; margin: 0 2px;}
#sbHdWp .infoBlock {  width: 167px; height: 21px; background-image: url(../R6Images/R6Bag/dot02.gif); background-repeat: no-repeat;background-position:0 4px;text-align: left;margin: 7px 0 0 20px;*margin: 7px 0 0 20px;_margin: 7px 0 0 20px;padding-left:10px;}
.marqueeStyle{display:inline;font-family: "新細明體", Arial; font-size: 12px; line-height: 24px; color: #FFFFFF;	word-spacing: 1px; letter-spacing: 0px; margin:0 20px;}

#sbHdWp .tabBtArea { width: 256px;height: 21px;margin: 4px 0 0 0px;*margin: 4px 0 0 0px;_margin: 4px 0 0 0px;}
#sbHdWp .tabBtArea5 { height: 21px;margin: 4px 0 0 0px;*margin: 4px 0 0 0px;_margin: 4px 0 0 0px;}
#sbHdWp .showBt { width: 52px;Height: 19px;margin-right: 11px;*margin-right: 11px;_margin-right: 5px;}
.btOpen{ width: 52px;Height: 19px;margin-right: 5px;background-image: url(../R6Images/R6Bag/bt_open2.gif);background-repeat: no-repeat;display: block;margin-top:-1px;position:absolute;}
.btClose{ width: 52px;Height: 19px;margin-right: 5px;background-image: url(../R6Images/R6Bag/bt_close2.gif);background-repeat: no-repeat;display: block;margin-top:-1px;position:absolute;}
#sbHdWp .sbNews { width: 212px;height: 17px;background:#5b0000;border:1px solid #961f1f;margin: 3px 8px 0 0px;*margin: 3px 8px 0 0px;_margin: -16px 34px 0 0px;padding:2px 0 0 11px;}

.sbTxt01, .infoBlock, .tabBtArea,.tabBtArea5 { float: left;}
.sbNews, .showBt { float: right;}


#CartContent, #sbMyWp, #sbGiftLWp, #sbCpareWp { height: 92px; background-image: url(../R6Images/R6Bag/sbCtBg2.gif); border-left: solid 0px #515151; border-right: solid 1px #aa4a4a; font-family: "新細明體", Arial; font-size: 12px; line-height: 16px; color: #FFFFFF;	word-spacing: 1px; letter-spacing: 0px;padding: 0 4px;}
#CartContent .btConsole, #sbMyWp .btConsole, #sbGiftLWp .btConsole, #sbCpareWp .btConsole { background-image: url(../R6Images/R6Bag/btAreaBg.jpg);background-repeat: no-repeat;height: 92px;width: 107px; margin:0;}
.btConsole .csBt {width: 85px;height: 30px;margin: 60px auto 0;}
.csBtc {width: 85px;height: 30px;margin: 28px auto 0;}
.csBtg {width: 100px;height: 30px;margin: 60px auto 0;}

.spList01, .spList02{ width: 819px;height: 92px; overflow:hidden;}
#UserNotLoginState { width: 819px;height: 92px; overflow:hidden;background:#eaeaea;}
.vDotLine { background-image:url(../R6Images/R6Bag/cart_line.gif);background-repeat: no-repeat;background-position: 4px;display:block;padding-right:40px;}
.hDotLine { background-image:url(../R6Images/R6Bag/dotLine02.gif); background-repeat:repeat-x; background-position:top;}
.bt_ArrowL, .bt_ArrowR { width: 17px;height:92px;background:#d2d2d2;background-repeat:no-repeat; cursor:pointer;}
.bt_ArrowL { background-image:url(../R6Images/R6Bag/icon_ArrowL.gif);background-position: 0 38px;}
.bt_ArrowR { background-image:url(../R6Images/R6Bag/icon_ArrowR.gif);background-position: 5px 38px;}

.myAccountText { font-family: "新細明體", Arial;font-size: 12px;line-height: 16px;letter-spacing: 1px;}
.spList02 p { height:22px; width: 90%;margin:0 0 0 25px; padding: 6px 0 0 6px; line-height: 22px; overflow:hidden;}
.redText{ color:#a10103;}
.greyText{ color: #5d5d5d;}
.greyText2{ color: #303030;}
.whiteText{ color: #fff;}
.pinkText { color:#E58F8F;}
.pinkText2 { color:#f05c7c;}
.bgGr {background:#b5b5b5;}
.bgGr06 {background:#eaeaea;}
.bgWh {background:#fff;}

.inputM{ vertical-align:middle;}

.sbProduct { height: 92px;color:#4d4d4d;margin: 0;background-image:url(../R6Images/R6Bag/cart_line.gif);background-repeat: no-repeat;background-position: 177px 0px;}
.sbPName { margin:-2px 0 0 0; width:150px; height:20px; line-height:20px; overflow:hidden; padding:0; text-align:left; vertical-align:top;}
.btRm { margin: -3px 10px 4px 0;*margin: -3px 10px 4px 0;_margin: -3px 5px 4px 0;}
.bgFramP p{ margin:0;}
.bgFramP { display: block;width: 177px;height:90px;/*margin:-6px 0 0 0;*/position: relative; clear:both;}
.bgPImg { display: block;width: 60px;height: 60px; background-color: #fff;border:1px solid #fff;position: absolute; left:0; top:0;}
.sbPrice { position: absolute;/* padding:26px 0 0 68px; margin: 0px 0 0 0px;*/ top:27px; *top:25px; left:70px;}
.sbPNum { font-family: Arial, Helvetica, sans-serif;font-size: 13px;padding:0 3px 0 0;}
.clickBuy{ margin: 0;position: absolute;/*padding:48px 0 0 68px;*/top:46px; *top:45px; left:70px;}
#selBox { width:15px;height:15px; overflow:hidden;display:inline;margin:-2px 5px 0 0;border:1px solid #fff;background:transparent url(../R6Images/R6Bag/bt_click.gif) no-repeat 0 0px;clip: rect(6 15 15 6);}


.btConsole, .bt_ArrowL, #productList, li, .sbPName, .bgFramP, .clickBuy, .bgPImg { float: left;}
.spList, .bt_ArrowR, .btRm, .sbPrice { float: right;}

/* Inset 3D Raised 01 */
.raised01 { width:60px;padding: 2px 2px 0; color: #000; float: left; cursor:pointer; }
.raised01 p {padding-bottom:0.5em;margin:0;}
.raised01 .top, .raised01 .bottom {display:block; background:transparent; font-size:1px;}
.raised01 .b1, .raised01 .b2, .raised01 .b3 {display:block; overflow:hidden;}
.raised01 .b1, .raised01 .b2 {height:1px;}
.raised01 .b2, .b3 {background:#bd7373; border-left:1px solid #cf9999; border-right:1px solid #cf9999;}
.raised01 .b1 {margin:0 2px; background:#cf9999;}
.raised01 .b2 {margin:0 1px; border-width:0 2px;}
.raised01 .b3 {height:1px; margin:0 1px;}
.raised01 .boxcontent { background:#bd7373; border-top:1px solid #cf9999; border-left:1px solid #cf9999; border-right:1px solid #cf9999; text-align: center; line-height: 21px;}

/* Inset 3D Raised 02 */
.raised02 { width:60px;padding: 2px 2px 0; color: #000; float: left; cursor:pointer;}
.raised02 p {padding-bottom:0.5em;margin:0;}
.raised02 .top, .raised02 .bottom {display:block; background:transparent; font-size:1px;}
.raised02 .b1, .raised02 .b2, .raised02 .b3 {display:block; overflow:hidden;}
.raised02 .b1, .raised02 .b2 {height:1px;}
.raised02 .b2, .b3 {background:#e9e9e9; border-left:1px solid #fff; border-right:1px solid #fff;}
.raised02 .b1 {margin:0 2px; background:#fff;}
.raised02 .b2 {margin:0 1px; border-width:0 2px;}
.raised02 .b3 {height:1px; margin:0 1px;}
.raised02 .boxcontent { background:#e9e9e9; border-top:1px solid #fff; border-left:1px solid #fff; border-right:1px solid #fff; text-align: center; line-height: 21px;}

/* Inset 3D Raised 03 */
.raised03 { width:301px; background-image: url(../R6Images/R6Bag/redBarBg.gif); background-repeat: repeat-x;background-position: 0 1px;}
.raised03 p {padding-bottom:0.5em;margin:0;}
.raised03 .top, .raised03 .bottom {display:block; background:transparent; font-size:1px;}
.raised03 .b1, .raised03 .b2, .raised03 .b3 {display:block; overflow:hidden;}
.raised03 .b1, .raised03 .b2 {height:1px;}
.raised03 .b2, .b3 {background:transparent; border-left:1px solid #4d0000; border-right:1px solid #4d0000;}
.raised03 .b1 {margin:0 2px; background:#4d0000;}
.raised03 .b2 {margin:0 1px; border-width:0 2px;}
.raised03 .b3 {height:1px; margin:0 1px;}
.raised03 .boxcontent { background:transparent; border-top:1px solid #4d0000; border-left:1px solid #4d0000; border-right:1px solid #4d0000; text-align: center; line-height: 21px;}

#sys_PERSONALIZATION a{color:#303030;}