@charset "utf-8";
a:link, a:visited { color: #654020; text-decoration: none }
.shopping_content { font-size: 12px }
.shopping_content_gk { font-size: 12px; overflow: hidden; width: 100%; line-height: 18px }
.shop_img{ padding: 3px }
.font_cl{ color: #E60505 }
.clear{ clear: both }
p{ padding: 0px; margin: 0 }
.shopping_content_gk a{ text-decoration: none }
ol{ list-style: none }
img{ border: 0px }
#customerName { padding: 3px 0 }
#customerId { }
#customerInfo { margin-top: 15px }
#photo {  float: left }
#intro { width: 400px; height: 30px; padding-left: 15px; float: left }
#name { width: 150px; display: inline; float: left }
#loginTime { width: 250px; float: left }
#introMain { width: 400px; padding-top: 10px; float: left }
#btn { width: 95px; height: 20px; float: right; color: #FFFFFF; padding-top: 5px; text-align: center }
#btn a { color: #FFF }
#informationContent_main_edit_photo { width: 720px; margin: 0 auto }
.photoEdit { width: 182px; height: 182px; }
#deletePhoto { padding-top: 10px; text-align: center }
.choosePhoto { width: 500px; text-align: center; padding: 10px 20px }
#pic { }
#choosePic { padding: 3px 3px; overflow: hidden }
.iform { padding: 10px 10px }
#chooseFile { margin: 10px 0 }
.and { padding: 0 10px; background-color: #f9f9f9; +position: relative; +top: 7px }
hr { background: none repeat scroll 0 0 #D9D9D9; height: 1px; border-width: 0 }
.choosePhoto hr { margin: -8px 0 30px }
.pzBtn { padding: 6px 30px; background-image: url(../images/photoBtnBg.jpg); background-repeat: no-repeat; cursor: pointer }
.pzBtnText { color: #333 }
#set_name { margin-top: 15px }
.tos { font-size: 10px; padding: 30px 0 }
.checkBox { width: 15px }
.editor { }
.editorMore { margin-right: 15px; float: right }
.editorMain { width: 500px; margin: 0 auto }
.editorMore a, .editorRight a { }
.editorMain td { padding:5px 0;}
.explain { color: #999999; text-align: left; padding-top: 2px; padding-bottom: 5px; overflow: hidden; height: 14px }
.exp_fl{ float: left }
.exp_fr{ float: right }
.companyName { float: left; margin-left: 45px; font-weight: bold; font-size: 13px }
.submit { margin-top: 10px }
.inputtext { width: 280px }
.inputtextChoose { width: 286px }
.inputtextAdd { width: 280px; margin-top: 10px }
.inputtextName { width: 210px }
.inputtextSex { width: 60px; margin-left: 5px; border: 1px solid #BDC7D8; font-family: arial, "lucida grande", tahoma, verdana, sans-serif; font-size: 12px; padding: 2px }
.inputtextA { width: 70px }
.inputtextB { width: 180px }
.inputtextM { margin: 0 7px }
.selectY { width: 120px }
.textA { width: 76px; margin-top: 10px }
.selectAreaA { width: 70px }
.selectAreaB { width: 100px; margin-left: 5px }
.selectAreaC { width: 100px; margin-left: 5px }
.selectM, .selectD { width: 70px; margin-left: 10px }
.shop_label { text-align: right; width: 150px; line-height: 21px; font-size: 14px; font-weight: bold }
.chooseAdd { padding-top: 10px }
.inputsubmitB { margin-left: 55px }
.inputsubmit { margin-right: 35px }
.inputtextTl { width: 60px }
.addMore { text-align: center; margin-top: 25px }
.addMoreA{ text-align: center; margin-top: 45px;overflow:hidden; }
.order { border: 1px solid #B9C4DA }
.orderTop { padding: 1px 0 }
.orderMain { padding: 5px }
.orderMain table { width:100%; }
.orderMain table th { padding: 5px 0; }
.orderMain table td { padding: 5px 0; }
#introMainDetail { padding: 5px 0 }
#introMainBar { height: 10px }
#introMainList { overflow:hidden; }
.listMain { }
.listMainC{ width: 98%; margin: -1px auto 0 }
.orderProducts { }
.listPro { border-bottom: 1px solid #d3dbea }
.num { padding-left: 5px; padding-right: 5px; width: 20px }
.pingjia { padding: 20px 30px; margin: 0 20px }
.pingjiaList { margin: 0 auto 15px auto; width: 100% }
.pingjiaListA { margin: 0 auto 15px auto; width: 100%; padding-top: 5px }
.productPic { width: 80px; padding: 10px }
.productLink, .productNotice, .renqi { padding: 5px 10px 1px 10px }
.productNotice a { }
.productLink{ font-size: 14px }
.productLink a{ font-size: 14px; font-weight: bold }
.pro_gu_lx{ position: relative; width: auto }
.pro_gu_lx a { font-weight: normal; font-size: 12px }
.gu_lx{ background: url(../images/bg.gif) no-repeat 0 -232px; float: left; left: 80px; top: -5px; width: 58px; line-height: 21px; position: absolute; padding: 1px 0 0 33px; font-size: 13px }
.gu_lx a { font-weight: normal; font-size: 12px }
.tongZ { width: 40px; line-height: 21px; margin: 0 5px; border: 1px solid #BDC7D8; font-family: "lucida grande", tahoma, verdana, arial, sans-serif; font-family: Arial; font-size: 12px; padding: 2px }
.productNotice input, .productNotice label { margin-right: 3px; display: inline }
.productNotice { line-height: 21px }
.productNotice label, .productNotice input { vertical-align: middle; line-height: 21px }
.renqi span { margin-right: 15px }
.renqi span a { padding-left: 10px }
.deleteBtn, .buyBtn, .pjBtn, .pjBtnB,.buyBtn_bh,.buyBtn_tm,.usrinfo_order { background-image: url(../images/bg.gif); background-repeat: no-repeat; position: relative; text-align: center; cursor: pointer }
.deleteBtn { width: 52px; line-height: 22px; background-position: 0 -101px; padding: 1px 0 0 18px; margin-bottom: 5px; overflow: hidden }
.leftJuli { padding: 10px 0 0 125px }
.buyBtn { width: 52px; line-height: 24px; background-position: -75px -100px; padding: 1px 0 0 18px; margin-bottom: 5px }
.buyBtn_bh { width: 52px; line-height: 24px; background-position: -75px -126px; padding: 1px 0 0 19px; margin-bottom: 5px }
.buyBtn_tm { width: 52px; line-height: 24px; background-position: 0 -259px; padding: 1px 0 0 18px; margin-bottom: 5px }
.pjBtn { width: 70px; height: 24px; background-position: -75px -45px; color: #FFFFFF; border: medium none;line-height: 24px; }
.pjBtnB { width: 70px; height: 24px; background-position: 0 -45px; color: #333; border: medium none;line-height: 24px; }
.buyBtn a { color: #333333 }
.buyBtn a:hover { color: #333333; text-decoration: none }
.proTag { height: 21px; line-height: 21px; text-align: right; padding-left: 130px }
.proTagContent { padding-left: 10px; text-align: right }
.proTagContent a { padding-right: 10px; font-size: 18px; font-weight: bold; color: #e60505 }
.proTagContent span, .proTagContent p { padding-right: 10px }
.proTagContent span a { color: #4072E3; font-size: 12px; font-weight: normal; padding: 0 }
.pingjiaListRight { padding: 0 }
/*以下為付款方式頁面代碼*/
.fbt, .fbtA { width: 641px; height: 30px; float: left; padding: 0 2px 5px 2px; font-size: 13px }
.fbtA { border-width: 0px }
.fbt p{ margin-bottom: 0px; padding-bottom: 0px }
#fbt2 { width: 640px; height: 75px; float: left; text-align: right; padding: 5px }
.Fzr { float: right; margin-top: 15px; font-weight: bold; font-size: 14px }
#fbt2 p{ padding-top: 0px; margin-top: 0px; font-size: 14px }
.Dzr { float: right; margin-top: 0px; color: #4072e3; font-size: 12px }
.fkuangA{ width: 641px; margin: 30px auto 5px }
.fkuang { width: 641px; float: left; padding-bottom: 15px }
.shop_js{ width: 631px; padding: 15px 0 10px 10px; margin-bottom: 15px; float: left }
#fleft { float: left; width: 303px; padding: 8px 5px 8px 12px }
#fleft span { color: #8a8a8a; margin-left: 5px }
.shop_con_top{ float: left }
#fright { margin-left: -1px; float: left; width: 305px; padding: 0 5px 8px 10px }
#fright .jsMethod { width: 70px; margin: 20px 5px 0 5px; float: left; display: inline }
.Fbz { width: 40px; padding-left: 10px; display: block; float: left }
#fleft .right_sz { font-size: 12px }
.Fbz zhubie { margin: 0 0 0 30px }
#right_zi { width: 220px; font-size: 13px }
.jsCentent { margin-top: 20px; float: left; font-size: 12px }
.gouwu_tk { float: left; font-size: 12px; margin-top: 12px }
.Table_st { font-size: 12px; color: #000; margin: 5px 0; zoom: 1 }
.Txetar { width: 300px }
.InputText { width: 60px }
.fkuang .tt1 { width: 278px; height: 83px }
.Table_A { width: 50px; height: 30px }
.tb_A { font-size: 12px; width: 80px }
.tb_B { color: #8b8b8b }
.tb_C { line-height: 30px; padding-right: 3px }
.FontSize { color: #e60505; font-size: 16px; margin: 0 2px 0 2px; font-weight: bold }
.mymy_querbt { height: 80px; width: 260px; margin: 25px auto }
.editorMainTitle { margin-top: 10px; margin-bottom: 15px; font-size: 12px }
.editorMain .editorMainTitle .same { margin-left: 150px; margin-right: 10px }
/*以下為加入購物車頁面代碼*/
.table_T { width: 90%; margin: 0px auto 10px; +margin: 0px auto 18px; overflow: hidden; text-align: center }
.table_TB{ width: 90%; margin: 0px auto; overflow: hidden; text-align: center }
.shop_tit_top{ width: 90%; margin: 10px auto 5px; padding-top: 10px; text-align: left; font-size: 14px; font-weight: bold; color: #5e75a9 }
.shop_tit_top_left{ float: left; width: 50%; padding: 5px 0; text-align: center; font-size: 14px }
.shop_tit_top_right{ float: right; width: 50%; padding: 5px 0; text-align: center; +margin-left: -1px; font-size: 14px }
.table_T_A { width: 99%; margin: 0px auto 10px; float: left }
.shop_tit_top_leftA{ float: left; width: 50%; padding: 5px 0; text-align: left }
.shop_tit_top_rightA{ float: left; width: 49%; padding: 5px 0; margin-left: -1px; text-align: left }
.shop_tit_top_leftA p{ line-height: 25px; margin-left: 25px }
.shop_tit_top_rightA p{ line-height: 25px; margin-left: 25px }
.shop_yunfei{ width: 100%; padding: 10px 0; float: left }
.shop_yunfei_f{ float: left; margin-left: 10px }
.shop_yunfei_A{ width: 100%; padding: 10px 0; float: left; text-align: right; font-size: 13px; font-weight: bold }
#cent .shop_yunfei_A span{ font-size: 12px }
.shop_yunfei_con{ margin-right: 15px }
.shop_bz{ margin: 20px; text-align: left }
.shop_bottom_qr{ width: 99%; margin: 10px 0; float: left; overflow: hidden; height: 0px }
.shop_bottom_qrA{ width: 99%; float: left; text-align: right; font-size: 14px; +margin-top: 10px }
#cent .shop_bottom_qrA span{ font-size: 14px }
.shop_ddzr{ font-size: 16px; font-weight: bold; line-height: 25px }
#cent .shop_ddzr span{ font-size: 18px; font-weight: bold }
.shop_dyj{ float: left; cursor: pointer }
.shop_td{ text-align: center }
.shop_fk{ margin: 30px 0 0 40px }
#cent table td { padding: 6px 0; font-size: 12px }
.Imge { width: 53px; height: 53px; float: left; margin-left: 30px }
#cent .name { font-size: 12px; font-weight: bold }
#cent .SLiang { width: 75px; height: 36px; cursor: pointer; margin: 0 auto }
#cent .SLiang2 { width: 20px; height: 20px; cursor: pointer; float: left; margin: 0 0 2px 2px }
#cent .sr { width: 40px; height: 14px; padding: 3px; float: left }
.shang_pzr { float: right; margin: 10px 0 5px 0 }
#cent span { font-size: 16px; font-weight: bold; color: #e60505; margin-right: 10px }
.mymy_gouwuc { height: 80px; width: 230px; float: right }
.shop_padd{ padding: 45px 0 5px 240px; display: block }
.shop_top { padding: 7px 15px; font-size: 15px;  height: auto }
 .shop_topA { padding: 7px 0px }
.customerMain { padding: 20px 30px; overflow: hidden }
.informationContent { margin: 10px 0px }
.customerMain_shop_qr{ padding: 20px 0; overflow: hidden }
.informationContent_title { padding: 10px 25px 0; font-size: 14px }
.informationContent_titleA{ padding: 10px 0 }
 .informationContent_titleB { padding-top: 10px; font-size: 14px; width: 95%; margin: 0 auto }
.informationContent_main { margin: 10px auto; width: 95% }
.informationContent_mainA{ margin: 10px auto; overflow: hidden }
.edit { margin-top: 10px; overflow: hidden; width: 99.7% }
.editA { margin-top: 30px; overflow: hidden; width: 99.7% }
.informationContent_main_edit { padding-bottom: 20px; float: left; width: 100% }
.informationContent_main_editA { padding: 20px }
.informationContent_main_editB { padding: 0 20px 30px }
.editorTop { padding-bottom: 10px }
.editorTopA{ padding-bottom: 20px }
.editorTopB{ padding: 30px 0 20px 0 }
.editorLeft { float: left; font-weight: bold; font-size: 14px }
.editorRight { float: right }
.editorTop_shr { padding: 0px 8px; height: 19px; margin-top: 25px }
.menuStly, .listStly { text-align: center }
.menuStly { font-size: 12px; font-weight: bold; font-weight: normal }
.dingdan { width: 130px }
.time { width: 160px }
.price { width: 120px }
.application { width: 120px }
.services { width: 120px }
.listBtn { width: 50px; height: 21px; line-height: 21px; background-image: url(../images/bg.gif); background-repeat: no-repeat; position: relative; background-position: 0 0; padding-left: 25px; cursor: pointer }
.listBtn2 { width: 50px; height: 21px; line-height: 21px; background-image: url(../images/bg.gif); background-repeat: no-repeat; position: relative; background-position: -75px 0; padding-left: 25px; cursor: pointer }
.pic { padding: 10px; width: 100px }
.proName { text-align: left }
.proName a { }
.proPrice { width: 100px }
.quantity { width: 70px }
.proPhoto { width: 100px }
.freight { width: 90px }
.evaluation { width: 100px }
.num, .proName, .proPrice, .quantity, .proPhoto, .freight { }
.num, .pic, .proName, .proPrice, .quantity, .proPhoto, .evaluation { rder-bottom: 1px solid #d3dbea }
.shop_step { width: 715px; height: 29px; margin: 0 auto 30px }
.shop_step ul{ margin: 0px auto; padding: 0px; display: block }
.shop_step ul li { list-style: none; float: left; font-size: 14px; font-weight: bold; line-height: 29px; height: 29px; overflow: hidden; text-align: center; color: #fff }
.shop_a, .shop_b, .shop_c, .shop_d, .shop_e, .shop_f{ display: block; background: url(../images/shoppingBtn.gif) no-repeat 0 0; float: left; height: 29px; width: 20px }
.shop_b{ background: url(../images/shoppingBtn.gif) no-repeat 0 -34px }
.shop_c{ background: url(../images/shoppingBtn.gif) no-repeat 0 -139px }
.shop_d{ background: url(../images/shoppingBtn.gif) no-repeat 0 -69px }
.shop_e{ background: url(../images/shoppingBtn.gif) no-repeat 0 -172px }
.shop_f{ background: url(../images/shoppingBtn.gif) no-repeat 0 -104px }
.publi{ width: 20px; height: 29px; padding: 0 }
.shop_step ul li.first { background-color: #ffebc5; color: #e57910; width: 155px }
.shop_step ul li.shop_current { background-color: #f6b02c; color: #FFFFFF; width: 155px }
.shop_step ul li.last { background-color: #dedede; color: #333; width: 155px }
.shop_step ul li.done { background-color: #f6b02c; color: #fff; width: 155px }
.goBack, .ddSubmit { background-image: url(../images/bg.gif); background-repeat: no-repeat; position: relative; width: 108px; height: 35px; text-align: center; font-weight: bold; font-size: 16px; cursor: pointer; line-height: 35px }
.goBack { background-position: 0 -157px; float: left; color: #525252 }
.ddSubmit a, .ddSubmit a:link, .ddSubmit a:visited { color: #FFF }
.goBack a, .goBack a:link, .goBack a:visited { color: #515151 }
.ddSubmit { background-position: 0 -196px; color: #FFF; float: right }
.Bt1 a,.Bt1 a:link,.Bt1 a:visited,#cent .bt a,#cent .bt a:link,#cent.bt a:visited,.Bt_gk a,.Bt_gk a:link,.Bt_gk a:visited { color: #333333 }
.Bt1,.Bt_gk{ background: url(../images/bg.gif) no-repeat; background-position: 0 -128px; float: left; text-align: center; line-height: 25px; margin: 6px 0 0 8px; height: 25px; width: 48px; font-size: 12px; cursor: pointer }
.Bt_gk{ margin: 0px 8px 0px 0px; padding-top: 2px\0; +padding-top: 1px }
.shop_Bt{ height: 36px; width: 90%; margin: 10px auto 0; overflow: hidden; padding-bottom: 10px }
#cent .bt{ background: url(../images/bg.gif) no-repeat; background-position: 0 -128px; text-align: center; line-height: 25px; height: 25px; width: 48px; font-size: 12px; margin: 25px auto; cursor: pointer }
.inputtext, .inputtextAdd, .selectY, .selectM, .selectD, .inputtextB, .inputtextName, .textA, .inputtextChoose { font-family: arial, "lucida grande", tahoma, verdana, sans-serif; padding: 3px }
.inputtextA, .selectAreaA, .selectAreaB, .selectAreaC, .inputtextTl { border: 1px solid #BDC7D8; font-family: arial, "lucida grande", tahoma, verdana, sans-serif; padding: 3px }
.shopp_ft_left{ float: left; width: 350px }
.shopp_ft_right{ float: right; width: 290px }
.shop_main{ width: 100%; padding-bottom: 15px; z-index: 0;margin: 30px 0 50px 0; }
 .shop_Bt a{ font-size: 16px }
.mymy_querbt a{ font-size: 16px; font-weight: bold }
.informationContent_main_editA_photoC{ width: 720px; margin: 0 auto }
.con_top{ width: 100%; height: 25px; line-height: 25px; margin: 15px auto 8px; padding: 0 8px; overflow: hidden }
 .con_top_cen{ width: 23px; line-height: 18px; margin: 1px; text-align: center; cursor: pointer }
 .tb_f{ float: left; margin: 3px 30px 0px 6px }
 .tb_fA{ float: left; margin: 3px 30px 0px 15px }
 .tit_fl{ float: left }
  .tit_flA{ float: left; margin-left: 20px }
 .jito{ margin-top: -20px; width: 20px }
 .con_ta{ line-height: 19px; padding: 1px 20px 0 5px; background: url(../images/arrow.gif) no-repeat 30px -21px; cursor: pointer }
 .user_tp{ width: auto; padding: 20px 20px 20px 0; overflow: hidden; position: absolute; top: 32px; background-color: #fff; left: 0 }
 .user_tp td{ width: auto; padding: 5px 20px 5px 15px }
 .user_tp td a { color: #858585 }
 .user_tp td a:hover { color: #2f65ff }
 .user_tp td a span { color: #2f65ff }
 .navTable{ position: absolute; height: auto; left: 0; _left: -15px; top: 32px; _top: 31px; padding-bottom: 10px }
 .navTable ul { margin: 0px; padding: 0px; float: left; margin-top: 10px; height: 130px; display: inline; text-align: left }
 .navTable ul li { list-style-type: none; margin: 0 15px; padding: 5px 0; line-height: 18px; text-align: left }
 .navTable ul li a { _margin-left: -14px }
 .shop_nav { position: relative; }
.navMenu { margin-left: 10px; }
.navMenu  a {  }
.navMenu span { display: inline-block;margin: 0 8px; }
.navMenu span b { width: 11px; height: 11px;display: inline-block;background: url(../images/user_t_02.gif) no-repeat 0 2px;  }
.navMenu span b.arrow { background: url(../images/user_t_02.gif) no-repeat 0 -11px;  }
.customerLogin { margin: 0 auto;width: 600px; }
.customerLogin .failing { color: red;margin-left:5px; }
.panel_11_t { margin:20px 0 0 20px; }
.panel_11_t li { float: left;margin:0 3px;display: inline-block;padding: 5px 10px;background-color: #ddd;  }
.panel_11_t li.menu_05_cur { background-color: #fff; }
.panel_11_c { background-color: #fff; }
.list_03 { margin:0 30px; }
.list_03 li { border-bottom: 1px solid #ddd; }
.payonline_box { margin: 50px auto; text-align: center; }

.checkingIcon,.paymentIcon,.commentIcon,.confirmIcon { width: 70px; height: 24px; background-position: -75px -45px; color: #FFFFFF; border: medium none;line-height: 24px; display: inline-block;}


.fbSetIcon { background: url(/public/images/share.mymy.tw.26.png) no-repeat scroll 0px 0px transparent; margin: 0px 4px; cursor: pointer; width: 26px; height: 26px; display: inline-block;}
.switchBox_on{background:url(/user/images/part_03.png) -64px -453px; display:inline-block; width:64px; height:15px; cursor:pointer; margin-left:10px;}
.switchBox_on:hover{background:url(/user/images/part_03.png) -64px -474px; }
.switchBox_off{background:url(/user/images/part_03.png) left -453px; width:64px; height:15px; display:inline-block; cursor:pointer; margin-left:10px;}
.switchBox_off:hover{background:url(/user/images/part_03.png) left -474px;}


/*後買記錄詳細彈出層*/
.menbershipWp01{ background:#fff;}
.headBg01{ background:#d6efff;}
.menbershipWp01 { border:1px solid #aad1e9;}
.menbershipWp01 th { border:1px solid #aad1e9; }
.menbershipWp01 td,.menbershipWp01 th { padding:5px 0; text-align:center; border:1px solid #aad1e9;}

a.Btn_01{  background:url(../images/btn_bg.png) -106px -193px; font-size:12px; display:inline-block; line-height:26px; width:64px; height:26px; cursor:pointer; margin:0 5px; text-align:center; color:#FFF}
a.Btn_01:link,.Btn_01:visited{color:#FFF;}
a.Btn_01:hover{background:url(../images/btn_bg.png) -106px -223px;}