body {margin: 0px; font-family:Arial, 新細明體; font-size:12px; color:#000000}
body,td,th {}
input, textarea {font-family:Arial, 新細明體; font-size:12px; color:#000000  ;border:1px #7e7e7e solid; height:14px; margin:0 5px 0 5px}
select {font-family:Arial, 新細明體; font-size:12px; color:#000000  ;border:1px #7e7e7e solid; margin:0 5px 0 5px}
table tr td { vertical-align:top}


a { color:#656565; text-decoration:none}
a:hover { color:#a2a2a2; text-decoration:none}

p {margin-top:0px;margin-bottom:15px}
ul{padding:0px ; margin:0 ; list-style:none}
a img{border: 0px solid #000000;}
map,form{ margin:0px}

.clear{clear:both}
.left{float:left}
.right{float:right}
.justify{text-align:justify; text-justify: inter-ideograph;}
.cursor{ cursor:pointer; }

/* Common class */

.pagging {  text-align:right; padding:5px 10px 5px 10px; }
  .pagging a { margin:0 4px 0 4px}
  .pagging a:hover { background-color:#ffb401; color:#FFFFFF}

.contentbig { font-size:15px; line-height:24px}
.content { font-size:14px; line-height:18px}
.contentsmall { font-size:11px;}

.tablepadding tr td { padding:0 0 10px 0}
.brand { padding:5px 0 0 0; font-weight:bold}
.line-h { background:url(../images/common/line_h.jpg) bottom center repeat-x}
.icon {padding:0 15px 15px 0}
.mainwidth {width:990px}

.discountprice {font-size:18px;color:#ff0000}
.red { color:#ff0000}
.brown { color:#da9a00}
.orange { color:#ffb401; text-decoration:none}
.orangemid { color:#ffb401; text-decoration:none; font-size:15px}
.orangebig { color:#ffb401; text-decoration:none; font-size:25px; font-family:Arial, 'SimHei'; font-weight:bold; padding:0 0 12px 0}
.orangelink { font-size:20px; color:#87F717; text-decoration:none}
.orangelink:hover { color:#fbd394; text-decoration:none}

.gray { color:#8b8b8b}
.graybut { padding:3px 10px 3px 10px; background-color:#eaeaea; color:#8b8b8b}
.graybut:hover { background-color:#838383; color:#FFF}
.blackbut { padding:3px 10px 3px 10px ;background-color:#7f7f7f; color:#FFF}
.blackbut:hover {background-color:#c9c9c9; color:#FFF}

.orangebut { padding:2px 10px 2px 10px ;background-color:#ffb500; color:#FFF; font-size:12px}
.orangebut:hover {background-color:#ffda7e; color:#FFF}

.orangetitle { font-size:14px; color:#ffb401; border-bottom:1px #d0d0d0 solid; padding:0 0 5px 0; font-weight:bold; margin:0 0 10px 0}

.globalcontainer {}
.maincontainer { width:990px}


.locationcontainer {}
.pagetitle { font-size:20px; font-family:Arial, 'SimHei'; padding:10px 0 35px 0 }


/* header */

.headercontainer { border-bottom:1px #dadada solid; margin:0 0 15px 0}
  .flashbanner { height:124px; background-color:#000000; background:url(../images/header/flash.jpg) top center no-repeat}
  .loginbarcontainer {background-color:#000000;}
    .loginbar { width:990px; padding:10px 0 10px 0; background:url(../images/header/logo_shadow.jpg) left top no-repeat ; text-align:right;  color:#FFF}
      .blackmenu a { margin:0 14px 0 12px; color:#FFF; text-decoration:none}
      .blackmenu a:hover { color:#ffe6ab; text-decoration:none}
      .loginbar input { width:91px; border:1px #807b7f solid; height:14px; margin:0 5px 0 5px}
  .topmenucontainer { width:990px}
    .topmenu { width:990px; padding:10px 0 10px 0;text-align:left;}
      .whitemenu a { margin:0 14px 0 12px; color:#000; text-decoration:none}
      .whitemenu a:hover { color:#828282; text-decoration:none}
      .topmenu input { width:100px; border:1px #7e7e7e solid; height:14px; margin:0 5px 0 5px}

/* footer */

.footercontainer {border-top:1px #dadada solid; padding: 15px 0 50px 0; margin:45px 0 0 0; font-size:9px}
  

/* left menu */

.leftmenucontainer {width:210px; margin:0 16px 0 0}

.fastbasket { background:url(../images/leftmenu/bg.jpg) top left no-repeat; width:210px; height:93px; text-align:right; margin:0 0 28px 0; position:relative; }
.fastbasket a { position:absolute; top:0;left:0;  width:210px;height:93px;margin:0 0 28px 0;}
.fastbasket a h1{display:none;}
  .fb-number { color:#ffb401; padding:20px 0 0 91px; text-align:center; font-size:18px}
  .fb-total { padding: 5px 17px 0 0; color:#FFFFFF}
  
.leftmenu {}
  .lm-list {text-align:left; padding:0 0 20px 0}
    .lm-list div {margin:0 12px 10px 12px;}
    .lm-list a { color:#656565;  font-size:11px}



/* Main Page */

.ad { padding:0 0 14px 0}
.hc-list { border:1px #e0e0e0 solid; padding:0 12px 12px 12px}
  .history-obj { padding:13px 0 14px 0}
  .history-photo { width:57px; margin:0 15px 0 0}
  .history-details { width:125px; text-align:left;}
  
.hc-list2 { border:1px #e0e0e0 solid; padding:0 12px 12px 12px}
  .history-obj { padding:13px 0 14px 0}
  .history-photo { width:57px; margin:0 0px 0 0}
  .history-details { width:125px; text-align:left;}  

.hotnewscontainer { border:1px #d3d3d3 solid; padding:3px; margin:0 0 29px 0}
  .hnc-bg { background:url(http://www.agirlfashion.com/images/header/news_bg.png) top center no-repeat; width:490px; height:470px}
  .hnc-title {color:#83550b; font-size:24px; padding:50px 20px 10px 20px}
  .hnc-content {padding:0 20px 0 20px}

.newproductcontainer { padding:0 0 25px 0}
  .newproductcontainer table tr td { vertical-align:top}
  .np-obj { width:117px}
    .np-photo { text-align:center}
    .np-details { padding:8px 0 25px 0}

.hotbrandcontainer {}
  .hb-list { }
  .hb-obj { padding:0 0 10px 0}
    .hb-logo { width:115px; height:84px; border:1px #000 solid; text-align:center; vertical-align:middle}   
    .hb-logo span {height:50%;display:inline-block;}
    .hb-logo img {vertical-align:middle}
    .hb-logo2 { width:150px; height:84px; border:1px #000 solid; text-align:center; vertical-align:middle}   
    .hb-logo2 span {height:50%;display:inline-block;}
    .hb-logo2 img {vertical-align:middle}


/* payment */

.payment { background-color:#f4f4f4; margin:0 0 20px 0}
  .p-left { padding:20px 20px 0 20px; line-height:24px}
  .p-right { border:1px #f4f4f4 solid}


/* member login */

.loginpanel { background-color:#e6e6e6; width:248px;}
  .lp-top { background:url(../images/memberlogin/panel_top.jpg) top center no-repeat; padding:15px 0 0 0}
  .lp-bot { background:url(../images/memberlogin/panel_bot.jpg) bottom center no-repeat; padding:0 17px 12px 17px}
  .lp-box { background:url(../images/memberlogin/panel_box.jpg) top center no-repeat; height:76px; margin:13px 0 8px 0; padding:0 14px 0 14px; color:#767676}

/* faq */

.faq-obj{ margin:0 0 5px 0}
  .faq-question { cursor:pointer; background-color:#f6f6f6; color:#999999; padding:5px 10px 5px 10px }
  .faq-question:hover {background-color:#787878; color:#FFF }
  .faq-answer { display:none; background-color:#787878; color:#FFF;  padding:5px 10px 5px 10px }
  
  
/* product */

.productsearchcontainer { background:url(../images/product/search_bg.jpg) top right no-repeat; height:93px; margin:0 0 19px 0; color:#7d7d7d}
  .viewallbut { background:url(../images/product/but_viewall.jpg) top center no-repeat; width:121px; padding:5px 0 5px 0; color:#FFFFFF; text-align:center; margin:3px 0 3px 0}
  .searchpadding { padding:16px 0 0 18px}
    .searchicon { padding:5px 5px 0 0}
    .searchbrand { width: 199px; height:93px; margin:0 29px 0 0}
    .searchtype { width: 199px; height:93px; margin:0 30px 0 0}
    .searchcolor { width: 199px; height:93px; margin:0 13px 0 0}
    
  .searchselected { background:url(../images/product/selected_bg.png) top left no-repeat; height:93px; text-align:center}
    .cancelselectedbut { width:20px; height:20px}
    .ss-logo { height:36px;vertical-align:middle;}
    .ss-logo span {height:55%;display:inline-block;}
    .ss-name { padding:5px 20px 0 20px; color:#666666; font-size:11px}

.producttable { margin:15px 0 15px 0;border-spacing:0; border-spacing:2px; border-collapse:separate; border:0px; background:#f1f1f1;}
  .producttable td { background-color:#FFFFFF;text-align:center; vertical-align:middle}
  .pt-pagging td{ background-color:#f9f9f9;  text-align:right; padding:5px 10px 5px 10px; }
  .pt-pagging a { margin:0 4px 0 4px}
  .pt-pagging a:hover { background-color:#ffb401; color:#FFFFFF}
  .product-obj { width:246px}
    .p-photo { padding:15px}
    .p-details { padding: 0 15px 15px 15px}
    .p-goods { padding: 5px 0 0 0; color:#7f5a00; }

.productdetailstable { margin:0 0 20px 0}
.productdetailstable td { text-align:left; vertical-align:middle; padding:0 0 10px 0}
  .pdt-type { height:55px; text-align:center;vertical-align:middle; padding:0 10px 0 0}
  .pdt-type span {height:55%;display:inline-block;}
  .pdt-type img { padding:0 0 3px 0}
  .pointbox { background:url(../images/product/point_bg_ext.jpg) top center repeat-x}
    .pb-left { background:url(../images/product/point_bg_left.jpg) top left no-repeat; padding:0 0 0 12px}
    .pb-right { background:url(../images/product/point_bg_right.jpg) top right no-repeat; padding:5px 12px 5px 0; color:#ffb300; font-size:24px; font-weight:bold;}

.productcolor { font-size:14px; font-weight:bold; padding:10px 10px 5px 10px;
display:inline-block; 
vertical-align:middle;}
  .pc-size { background:url(../images/product/size_bg.jpg) top left no-repeat; height:46px; padding: 0 5px 0 10px; margin:0 0 5px 0}

  .pd-photo {width:431px; border:1px #d0d0d0 solid;text-align:center;vertical-align:middle;}
  .pd-photo span {height:60%;display:inline-block;}
  .pd-photoselecttable { border-top:1px #333 solid; border-left:1px #333 solid;}
  .pd-photoselecttable tr td {border-right:1px #333 solid; border-bottom:1px #333 solid;}
  .pd-photoselecttable div { width:53px; height:53px;}
  .pd-photoselecttable div:hover { width:47px; height:47px;border:3px #ffc640 solid}


/* shopping cart */

.shoppingcarttable { margin:15px 0 60px 0; width:100%}
  .shoppingcarttable td {padding:7px 0 7px 13px; vertical-align: middle}
  .sct-intro { background-color:#ececec; }
  .sct-product td {border-bottom:1px #dedede solid}
  .sct-delbut {}
  .sct-delivery { background-color:#f3f3f3 }
  .sct-delivery input {margin: 0px 5px 0 0}

.payment-select { border-bottom:1px #d0d0d0 solid; padding: 10px 0 8px 0}
  .payment-select input { margin:0 10px 0 5px}

.infotable td { vertical-align:top; padding:0 0 8px 0 }

.membermenucontainer { margin:19px 0 40px 0; background-color:#e6e6e6; }
  .membermenucontainer div a div {color:#3d3d3d; font-size:25px; font-family:Arial, 'SimHei'; padding:15px 30px 15px 30px; text-decoration:none}
  .membermenucontainer div a div:hover { color:#FFFFFF; background-color:#f9af00}

.memberinfotable td { padding:0 0 8px 18px; vertical-align:middle}
  .mit-field { width:344px; background:url(../images/member/field_bg_ext.jpg) top center repeat-y}
  .mit-top { padding:8px 0 0 0; background:url(../images/member/field_bg_top.jpg) top center no-repeat}
  .mit-bot { padding: 0 14px 8px 14px; background:url(../images/member/field_bg_bot.jpg) bottom center no-repeat; color:#767676}
  .mit-fieldname { width:51px; margin:5px 10px 5px 0}
  .mit-fieldcontent { width:195px; padding: 5px 0 5px 0}

.memberpointcontainer { background:url(../images/member/point_bg_ext.jpg) center center repeat-y; width:739px}
  .mpc-top { background:url(../images/member/point_bg_top.jpg) top center no-repeat; padding:18px 0 0 0}
  .mpc-bot { background:url(../images/member/point_bg_bot.jpg) bottom center no-repeat; padding:0 20px 40px 20px}
  .mpc-point { font-size:25px; font-family:Arial, 'SimHei'; padding:0 30px 5px 0}
  .mpc-change { background-color:#e6e6e6; padding:10px 15px 10px 15px; font-size:14px}
  
.memberhistoryheader { padding: 0 0 10px 0; font-weight:bold}  
  .memberhistoryheader div { margin:5px 0 5px 10px; width:120px}
.memberhistory { margin: 0 0 5px 0; border:1px #e6e6e6 solid ; padding:0 10px 0 0}  
  .memberhistory div { margin:8px 0 4px 10px; width:120px}