@charset "utf-8";

div#buycar img, div#buycar input { _behavior: url("../iepngfix/iepngfix.htc")}

div#buycar { color:#FFF; font-size:14px; font-family:"微軟正黑體", "新細明體"; z-index:300 }
div#buycar a { color:#00F; text-decoration:underline }

div#load_bg { background:url(../load_bg.png) repeat; position:fixed; top:0px; left:0px; z-index:1000; height:100%; width:100%; display:none; margin:0; padding:0; }

#toplist { height:21px; padding:2px 0px; width:100%; border-bottom:1px solid #666; }
#toplist #topcenter { width:1000px; margin:0 auto; text-align:left; }
#toplist #topcenter span { padding:0 10px; float:left; line-height:21px; height:21px; font-weight:bolder; }
#toplist #topcenter span.carlist { float:right; }
#toplist #topcenter img { float:left; vertical-align:middle; height:20px }
#toplist #topcenter a { text-decoration:none; display:block; float:left; }
#toplist #topcenter a:hover { text-decoration:underline; }

#carlist1 { width:1000px; margin:0 auto; position:relative } 
#carlist1 #carlist2 { width:280px; padding:10px; border-radius:0px 0px 10px 10px; text-align:center; display:none; z-index:500; position:absolute; right:0px; }
#carlist1 #carlist2 table th { padding:5px 0; }
#carlist1 #carlist2 table td { height:20px; line-height:20px; }

.Box { position: fixed; color:#666; text-align:left; line-height:20px; z-index:5000; display:none; font-size:12px }
.Box input, .Box select { border:1px solid #CCC }
.Box a { color:#00F; text-decoration:underline }
.Box .Xbtn { text-align: right;	height: 35px; width: 668px;	padding: 15px 7px 0 0; }
.Box .Xbtn a { background:url(Xbtn.png) no-repeat; display:block; position:relative; width:20px; height:20px; margin: 5px 0 10px 648px; }

.Box1 { background: #FFF url(boxExtend1.png) repeat-y; width: 300px; border: 1px solid #CCC; border-radius:10px; }
.Box1 .cont { width:260px; padding:10px 20px 0 20px; }
.Box1 .Boxbtm { background: #FFF url(boxBottom1.png) no-repeat; width:300px; height:17px; border-radius:10px; }

.Box2 { background: #FFF url(boxExtend.png) repeat-y; height: 547px; width: 675px; border: 2px solid #CCC; border-radius:0px 10px 10px 10px; }
.Box2 .cont { height: 457px; width: 610px; padding: 10px 40px 10px 20px; overflow-y: scroll; overflow-x:hidden }
.Box2 .Boxbtm { background: #FFF url(boxBottom.png) no-repeat;	height: 20px; width: 650px; border-radius:10px; }

.cont .info { padding: 5px; width: 600px; }
.cont .info table { border-top: 2px solid #999;	border-bottom: 2px solid #999; line-height: 30px; padding: 8px 0; text-align: left; }
.cont .info table td { border-bottom: 1px dashed #CCC; }
.cont .info table th { text-align: left; margin: 0 10px 0 0; padding: 0 0 0 5px; font-weight: bold; color: #000; }
.cont .info table font { color:#F00 }
.cont .info .ShoppingList table th { text-align: center; border-bottom: 1px solid #999; }
.cont .info .agree_P { margin: 10px 0;	border-top: 1px solid #CCC;	border-bottom: 1px solid #CCC; }
.cont .info_P { padding: 10px 0; margin: 10px 0; border-top: 1px solid #CCC; border-bottom: 2px solid #CCC; }
.cont .agree_btn { margin-top:5px; text-align: center; width:100% }
.cont .agree_btn input { border:none; }

.Box h1, .Box h2 {
    height: 50px;
    margin: 0 0 -10px;
    position: static;
}
.Box h3 { width: 500px; margin: 0 0 10px 50px;position: static; }
.Box h3 img { display:block; }

.Box .RecipientInformation h2 { background: url(ShoppingCart_H2_01.png) no-repeat; }
.Box .ShoppingList h2 {	background: url(ShoppingCart_H2_03.png) no-repeat; }
.Box .Payment h2 { 	background: url(ShoppingCart_H2_02.png) no-repeat; }
.Box .ShoppingInformation_S1 h2 { background: url(ShoppingInformation_H2_01.png) no-repeat; }
.Box .ShoppingInformation_S2 h2 { background: url(ShoppingInformation_H2_02.png) no-repeat; }

#infoBox { z-index:10000; }
#infoBox .cont .info { padding:5px 0;text-align:center; width:auto; }
#infoBox th { width:80px; }
#infoBox h1 { background: #FFF url(information.png) no-repeat; border-radius:10px; }
#login h1 { background: #FFF url(LoginBOX.png) no-repeat; border-radius:10px; }
#login table input { width: 130px; border: 1px solid #ccc; }
#Joinus h1 { background: url(Joinus_H1.png) no-repeat; }
#ForgotPassword h1 { background: url(ForgotPassword_H1.png) no-repeat; }
#Datamodification h1 { background: url(Datamodification_H1.png) no-repeat; }
#ShoppingCart h1 { background: url(ShoppingCart_H1.png) no-repeat; }
#Order h1 { background: url(Order_H1.png) no-repeat; }
#Order table input { width:40px }
#ShoppingInformation h1 { background: url(ShoppingInformation_H1.png) no-repeat; }

div#load_bg, div.Box, { _position:absolute; }

.valid { background: #fff url('../status.gif') 112px 0 no-repeat }