@charset "utf-8";
/*member ui start*/
.ui-OrderY{ width: 78px; height: 18px; line-height: 18px; color: #fff; background: #36AA68; padding: 2px; border-radius: 2px; margin-bottom: 5px; display: block; }
.ui-OrderN{ width: 78px; height: 18px; line-height: 18px; color: #fff; background: #DD696A; padding: 2px; border-radius: 2px; margin-bottom: 5px; display: block; }
.ui-PayY{ width: 78px; height: 18px; line-height: 18px; color: #fff; background: #36AA68; padding: 2px; border-radius: 2px; margin-bottom: 5px; display: block; }
.ui-PayN{ width: 78px; height: 18px; line-height: 18px; color: #fff; background: #DD696A; padding: 2px; border-radius: 2px; margin-bottom: 5px; display: block; }
.ui-Cod{ width: 78px; height: 18px; line-height: 18px; color: #fff; background: #3664AA; padding: 2px; border-radius: 2px; margin-bottom: 5px; display: block; }
.ui-Seven{ width: 78px; height: 18px; line-height: 18px; color: #fff; background: #F1B328; padding: 2px; border-radius: 2px; margin-bottom: 5px; display: block; }
/*member ui end*/
.useBtn{
    background: #E2E2E2;
    border-color: #C6C6C6 #C5C5C5;
    border-width: 0 0 1px;
    color: #000;
    cursor: pointer;
    border-bottom: 1px solid #656565;
    padding: 2px 30px;
    width: auto;
    height: 28px;
    line-height: 28px;
    font-weight: normal;
    box-shadow: 0 -10px 22px #BEBEBF inset, 0 1px 2px #000, 0 0 0 #FFF inset;
    border: 0;
    border-radius: 3px;
}
/*會員 start*/
.txtFcousOrange{ color: #f60; font-family: "Arial"; font-weight: bold; letter-spacing: 2px; padding: 0 5px; }
.txtFcousOrange:hover{ font-size: 16px; }
.memberMain{
    padding: 50px 0px;
    overflow: hidden;
}
.memberMain a{ color: #36C; }
.memberMain a:hover{ text-decoration: underline; }
.memberMain .memberAds{
    float: left;
    width: 619px;
    height: 300px;
    padding: 0 50px 0 0px;
}
/*member start*/
.memberBody{ overflow: hidden; }
.memberBody a:hover{
    color: #f60;
    text-decoration: underline;
}
/*msgListBox start*/
.msgListBox{ overflow: hidden; }
.msgListBox .noteBox{
    float: left;
    width: 460px;
    height: auto;
    background: #eee;
    border-radius: 4px;
    padding: 10px;
    margin: 30px 10px 0px 10px;
    overflow: hidden;
}
.msgListBox .noteBox .head{
    float: left;
    width: 440px;
    height: 30px;
    font-size: 16px;
    line-height: 30px;
    color: #C1272D;
}
.msgListBox .noteBox .body{
    float: left;
    width: 100%;
    /*height: 30px;*/
    line-height: 30px;
    color: #666;
}
.msgListBox .noteBox .body ul{
    padding-left: 24px;
    overflow: hidden;
}
.msgListBox .noteBox .body ul li{
    height: 100%;
    line-height: 30px;
    list-style-type: disc;
}
.msgListBox .noteBox .body ul li b{ color:#333; }
.msgListBox .noteBox .body ul li.num{ list-style-type: decimal-leading-zero; }
/*msgListBox end*/
/*button start*/
.memberBody .barActBtn{
    float: left;
    width: 73px;
    height: 30px;
    line-height: 28px;
    font-size: 12px;
    border-radius: 2px;
    background-color: #fff;
    color: #444;
    border: 1px solid #dcdcdc;
    cursor: pointer;
}
.memberBody .barActBtn:hover{
    background-color: #eee;
    background-image: -webkit-linear-gradient(top,#f8f8f8,#f1f1f1);
    background-image: linear-gradient(top,#f8f8f8,#f1f1f1);
}
.memberBody .actBtn{
    float: left;
    width: 100%;
    max-width: 74px;
    height: 24px;
    line-height: 24px;
    font-size: 12px;
    border-radius: 2px;
    background-color: #f5f5f5;
    color: #444;
    border: 1px solid #dcdcdc;
    margin: 4px 2px;
    cursor: pointer;
}
.memberBody .actBox li{ float: left; width: 100%; padding: 0 2px 0px 2px; overflow: hidden; }
.memberBody .actBtn:hover{
    background-color: #eee;
    background-image: -webkit-linear-gradient(top,#f8f8f8,#f1f1f1);
    background-image: linear-gradient(top,#f8f8f8,#f1f1f1);
    border: 1px solid #c6c6c6;
}
.memberBody .editBtn {
    float: left;
    width: 268px;
    height: 30px;
    line-height: 30px;
    color: #FFF;
    background: url('../images/btn/member.png') repeat-x;
    border: 1px #810501 solid;
    border-radius: 2px;
    cursor: pointer;
}
.memberBody .buyBtn{
    width: 80px;
    height: 24px;
    line-height:24px;
    font-size: 12px;
    color: #fff;
    background-color: #B52727;
/*    background-image: -webkit-linear-gradient(top,#FFB95B,#FB8636,#FE812E);
    background-image: linear-gradient(top,#FFB95B,#FB8636,#FE812E);*/
    background-image: -webkit-linear-gradient(top,#EF6161,#B52727,#B52727);
    background-image: linear-gradient(top,#EF6161,#B52727,#B52727);
    border: 0px;
    border-radius: 3px;
    cursor: pointer;
}
.memberBody .checkoutBtn{
    float: left;
    width: 100px;
    height: 34px;
    font-size: 12px;
    color: #fff;
    background-color: #B52727;
/*    background-image: -webkit-linear-gradient(top,#FFB95B,#FB8636,#FE812E);
    background-image: linear-gradient(top,#FFB95B,#FB8636,#FE812E);*/
    background-image: -webkit-linear-gradient(top,#EF6161,#B52727,#880000);
    background-image: linear-gradient(top,#EF6161,#B52727,#880000);
    border: 0px;
    margin-bottom: 5px;
    cursor: pointer;
}
.memberBody .modifyBtn{
    float: left;
    width: 150px;
    height: 30px;
    line-height: 30px;
    color: #FFF;
    background: url('../images/btn/member.png') repeat-x;
    border: 1px #810501 solid;
    border-radius: 2px;
    cursor: pointer;
}
/*button end*/
.memberBody a {
color: #36C;
}
.memberBody .bar{
    width: 100%;
    height: 30px;
    color: #666;
    line-height: 30px;
    background: url('../images/icon/arrow_05.png') no-repeat left center;
    padding-left: 24px;
    border-bottom: 1px dotted #bbb;
}
.memberBody .bar li{
    float: left;
    padding-right: 20px;
}
.memberBody .bar b{
    font-family: 'Arial';
    font-weight: bold;
    padding-left: 2px;
    display: inline-block;
}
.memberBody .bar .mHD{ color:#363636; font-size: 16px; padding-right: 5px; }
.memberBody .bar .mUN{ color:#3B6397; font-size: 14px; padding-right: 5px; }
.memberBody .seachBox{
    top: 0px;
    width: 1000px;
    height: 50px;
    border-bottom: 1px #999 solid;
    overflow: hidden;
}
.memberBody #seachBox{
    top: 0px;
    width: 1000px;
    height: auto;
    overflow: hidden;
}
.memberBody #seachBox li{
    float: left;
    padding: 10px 0px 10px 10px;
    display: inline-block;
}

.memberBody #seachBox .scIpt{
    float: right;
    width: 390px;
    height: 30px;
    padding-right: 10px;
}
.memberBody #seachBox .scIpt input{
    float: left;
    color: #000;
    background: #FFF;
    width: 300px;
    height: 20px;
    font-weight: 900;
    line-height: 20px;
    padding: 4px 3px 4px 5px;
    margin: 0;
    border: 1px #ccc solid;
    border-radius: 2px 0 0 2px;
}
.memberBody .stepBar{
    width: 100%;
    border-bottom: 1px #ccc solid;
    padding: 5px 0px;
    margin-top: 10px;
    overflow: hidden;
}
.memberBody .stepBar li{
    float: left;
    width: 192px;
    height: 24px;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #aaa;
    background: #e4e4e4;
    background: #fff;
    /*border-right: 2px #fff solid;*/
    border: 4px #fff solid;
    border-top: none;
    border-bottom: 4px #ddd solid;

}
.memberBody .stepBar li.past{
    color: #666;
    /*background: #ffe6ba;*/
    border-top: none;
    border-bottom: 4px #AAA7A0 solid;
}
.memberBody .stepBar li.now{
    /*background: #f60;*/
    color: #000;
    border-top: none;
    border-bottom: 4px #f60 solid;
}
.memberBody .main{
    width: 100%;
    height: auto;
    padding: 10px 0px 50px 0px;
    overflow: hidden;
}
.memberBody .main .subMain{
    float: left;
    width:268px;
    height: auto;
    border: 1px #ccc solid;
    padding: 10px;
    margin-right: 10px;
}
.memberBody .main .subMain h2{
    height: 30px;
    line-height: 30px;
    color: #666;
    font-size: 16px;
    border-bottom: 1px #ccc dashed;
}
.memberBody .main .subMain .head{
    line-height: 20px;
    padding-left: 0px;
}
.memberBody .main .subMain .foot{
    line-height: 20px;
    padding-left: 0px;
    border-top: 1px #ccc dashed;
}
.memberBody .main .subMain li{
    line-height: 20px;
    padding: 5px 0px 5px 50px;
}
.memberBody .main .subMain li span{
    float: left;
    width: 45px;
    height: 20px;
    line-height: 20px;
    text-align: right;
    margin-left: -50px;
    padding-right: 5px;
    display: block;
}
.memberBody .main .content{
    float: left;
    width: 100%;
    height: auto;
    min-height: 360px;
}
.memberBody .main .content .box{
    height: auto;
    overflow: hidden;
}
.memberBody .main .content .box.full{
    width: 980px;
    padding: 10px;
}
/*member_index start*/
.memberBody .main .content .box.placard{
    width: 612px;
    min-height: 90px;
    background: url('../images/icon/placard.png') no-repeat 18px 20px;
    border: 1px #ccc solid;
    padding: 5px 5px 5px 80px;
}
.memberBody .main .content .box.placard li{
    height: 30px;
    line-height: 30px;
    background: url('../images/line/bg_dot_4.gif') repeat-x left bottom;
}
.memberBody .store_switch{ width: 1000px; height: auto; }
.memberBody .store_switch_bar{ width: 998px; height: 34px; line-height: 34px; background: #F8F8F8; border: 1px #C8C6C6 solid; border-top: 2px #B0B0B0 solid; margin-bottom: 0px; }
.memberBody .store_switch_bar.store-tip{ background: #FFFFCC; color: #C00; }
.memberBody .store_switch_bar .tab{ float: left; width: 160px; height: 34px; line-height: 34px; text-align: center; border-right: 1px #C8C6C6 solid; cursor: pointer; }
.memberBody .store_switch_bar .tab a{ color: #B0B0B0; }
.memberBody .store_switch_bar .tab.on{ background: #ffffff; height: 34px;line-height: 34px; color: #B20000; border-top: 2px solid #B20000; border-bottom: 2px solid #ffffff; margin-top: -2px; }
.memberBody .store_switch_bar .tab.on a{ color: #B20000; }
.memberBody .store_switch_bar .store-tip{ float: left; height: 34px; line-height: 34px; text-indent: 10px; }
.memberBody .store_tip_bar{ width: 100%; height: 34px; line-height: 34px; background: #FFFFCC; margin: 0px 0px 4px 0px; }
.memberBody .store_switch_body{ position: relative; width: 1000px; height: auto; padding: 10px 0px 20px 0px; }
.memberBody .area{ position: absolute; top: 10px; left: 0px; width: 99999px; }
.memberBody .area-panel{ float: left; width: 1000px; }
.memberBody .area-panel a{ color: #333333; }
.memberBody .main .msg i{
    float: left;
    width: 20px;
    height: 20px;
    padding-right: 5px;
}
.memberBody .main .msg i.iconW{
    background: url('../images/icon/i_02.png') no-repeat left top;
    padding-right: 5px;
}
.memberBody .main .msg i.iconY{
    vertical-align: top;
    background: url('../images/icon/i_02.png') no-repeat left -40px;
    padding-right: 5px;
}
.memberBody .main .msg i.iconN{
    background: url('../images/icon/i_02.png') no-repeat left -80px;
    padding-right: 5px;
}
.memberBody .main .msg span{
    width: 410px;
    height: 20px;
    color: #666;
    line-height: 20px;
    text-align: left;
    padding-right: 10px;
}
/*member_index end*/
/*member_modify start*/
.memberBody .modify{
    width: 100%;
    height: auto;
    color: #666;
    overflow: hidden;
}
.memberBody .modify .title i{ width: 10px; line-height: 30px; text-align: center; font-size: 12px; color: #B20000; padding: 0 2px; display: inline-block; }
.memberBody .modify li{
    float: left;
    width: 100%;
    height: auto;
    line-height: 30px;
    padding: 5px 0px;
}
.memberBody .modify li .tagit li{ width: auto; }
.memberBody .modify li.line{ border-bottom: 1px #ccc dashed; }
.memberBody .modify label{ vertical-align: middle; padding: 0 10px 0 0px; display: inline-block; }

.memberBody .modify .title{
    float: left;
    width: 100px;
    height: 30px;
    line-height: 30px;
    text-align: right;
    padding-right: 20px;
}
.memberBody .modify .field{ float: left; width: 660px; }
.memberBody .modify .field.f2{ width: 860px; }
.memberBody .modify .field.full{ float: left; width: 860px; }
.memberBody .modify .field textarea{ width: 600px; height: 60px; line-height: 20px; border: 1px #CCC solid; }
.memberBody .modify .field label{ float: left; }
.memberBody .modify .field fieldset{ float: left; width: auto; margin-bottom: 10px; }
.memberBody .modify .field fieldset legend{ height: auto; overflow: hidden; }
.memberBody .modify .field fieldset li{ width: 598px; border-bottom: 1px #ccc dashed; padding: 0px 10px; }
.memberBody .modify .field fieldset .requir{ background: #E8F2FF; }
.memberBody .modify .field .logo{ float: left; width: auto; height: auto; border: 1px #CCC solid; }
.memberBody .modify .field .photo{ width: 100px; height: 100px; border: 1px #ccc solid; margin-bottom: 2px; }
.memberBody .modify .field .upload{ float: left; width: 64px; height: 64px; }
.memberBody .modify .field .upload.on{ background: url('../images/icon/upload_on.png') no-repeat; }
.memberBody .modify .field .upload.off{ background: url('../images/icon/upload_off.png') no-repeat; }
.memberBody .modify .field .uploadBox{ position: relative; float: left; width: 100px; height: 140px; margin-right: 5px; }
.memberBody .modify .field .uploadBox span{ position: relative; cursor: pointer; display: block; }
.memberBody .modify .field .uploadBox .photoDel{ position: absolute; top: 0px; right: 0px; width: 14px; height: 14px; background: url('../images/bg/cart.png') no-repeat -251px -32px; }
.memberBody .modify .field .uploadBox .photoDel:hover{ background-position: -237px -32px; }
.memberBody .modify .field .uploadBtn{ position: relative; width: 98px; height: 30px; text-align: center; border: 1px #ccc solid; border-radius: 4px; padding: 0px 1px; }
.memberBody .modify .field .uploadBtn.on{ color: #fff; background: #262828; border: 1px #CECDCC solid; }
.memberBody .modify .field .uploadBtn.off{ background: #F5F5F5; border: 1px solid #DCDCDC; }
.memberBody .modify .field .iptFile{ position: absolute; top: 0; left: 0; float: left; width: 100px; height: 30px; opacity: 0; filter:alpha(opacity=0); cursor: pointer; }
.memberBody .modify .field .iptCfgFile{ float: left; width: 64px; height: 64px; opacity: 0; filter:alpha(opacity=0); cursor: pointer; }
/*.memberBody .modify .field .ipt{ float: left; height: 28px; line-height: 28px; padding: 0px 10px; border: 1px #ccc solid; margin-right: 5px; }*/

.memberBody .modify .field .iptTxt.auto{ width: auto; }
.memberBody .modify .field .iptTxt.w50{ width: 50px; }
.memberBody .modify .field .iptTxt.w100{ width: 100px; }
.memberBody .modify .field .iptTxt.w200{ width: 200px; }
.memberBody .modify .field .iptTxt.w300{ width: 300px; }
.memberBody .modify .field .iptTxt.w500{ width: 505px; }
.memberBody .modify .field .slt{
    float: left;
    height: 30px;
    /*padding: 0px 10px;*/
    border: 1px #ccc solid;
    margin-right: 5px;
}
.memberBody .modify .field .slt.auto{ width: auto; height: 30px; line-height: 20px; padding:5px 0px; }
.memberBody .modify .msg{
    float: left;
    color: #B20000;
    padding-left: 10px;
}
/*member_modify end*/
/*seller start*/
#sellerStatusType{ width: 80px; height: 24px; }
.sellerStatusType{ width: 80px; height: 24px; margin-bottom: 5px; }
.sellerActUL{ height: 40px; }
.sellerActUL li{ float: left; height: 24px; line-height: 24px; padding: 8px 10px 0 0; }
/*=====================================================================*/
.sellerSub{
    float: left;
    width: 190px;
    margin: 0px 10px 20px 0px;
    overflow: hidden;
}
#sellerSub{ width: 190px; overflow: hidden; }
#sellerSub.cate-fixed{ top: 0px; }
.sellerSub ul{list-style:none}
.sellerSub .nav { width: 188px; border: 1px #ccc solid; border-bottom: none; padding: 40px 28px 25px 0; }
.sellerSub ul.nav {padding: 0; margin: 0; font-size: 1em; line-height: 0.5em; list-style: none;}
.sellerSub ul.nav li { }
.sellerSub ul.nav li a { height: 35px; line-height: 34px; font-size: 14px;  color: #666; display: block; text-decoration: none; font-weight: bolder; background: url('../images/btn/support.png') repeat-x; padding-left: 10px;}
.sellerSub ul.nav li a i { float: left; width: 16px; height: 16px; background: url('../images/icon/arrow_04.png') no-repeat; display: block; margin: 9px 5px 0px 0px; }
.sellerSub ul.nav i.active { background: url('../images/icon/arrow_04.png') no-repeat right top; }
.sellerSub ul.nav li a:hover { background-position: 0 -35px; }
.sellerSub ul.nav ul { margin: 0; padding: 0;display: none;}
.sellerSub ul.nav ul i.active { background: url('../images/icon/arrow_04.png') no-repeat right bottom; }
.sellerSub ul.nav ul li { margin: 0; padding: 0; clear: both; background: #fff; }
.sellerSub ul.nav ul li.active a{ background: #333; color: #fff; }
.sellerSub ul.nav ul li.active a:hover{ background: #333; color: #fff; }
.sellerSub ul.nav ul li a { height: 32px; padding-left: 20px; font-size: 12px; font-weight: normal; background: #fff; border-bottom: 1px solid #E6E6E6; }
.sellerSub ul.nav ul li a i { float: left; width: 16px; height: 16px; background: url('../images/icon/arrow_04.png') no-repeat left bottom; display: block; margin: 9px 5px 0px 0px; }
.sellerSub ul.nav ul li a:hover {background-color:#eee;}
.sellerSub ul.nav ul ul li a { padding-left: 40px; border-bottom: 1px dashed #E6E6E6; }
.sellerSub ul.nav ul ul li a:hover { background-color:#eee;}
.sellerSub ul.nav span{float:right; padding-right: 5px;}
.sellerSub .contact{ width: 188px; height: auto; line-height: 20px; color: #666; background: #F9F9F9; border: 1px #ccc solid; border-bottom: none; margin-top: 10px; }
.sellerSub .contact li{ width: 168px; height: 20px; line-height: 20px; border-bottom: 1px #ccc solid; padding: 5px 0px 5px 20px; }
/*=====================================================================*/
.sellerMain{ float: left; width: 800px; height: auto; margin-bottom: 50px; }
.sellerInfo{ width: 768px; height: auto; line-height: 20px; color: #666; background: #F8F8F8; border: 1px #ccc solid; padding: 10px 10px 10px 10px; margin: 0 auto 10px auto; overflow: hidden; }
/*.sellerInfoHd{ width: 100%; height: 30px; line-height: 30px; border-bottom: 1px #ccc solid; margin-bottom: 5px; }*/
/*.sellerInfo .title{ height: 20px; color: #333; font-size: 16px; padding-bottom: 5px; }*/
.sellerInfoLogo{ float: left; min-width: 98px; min-height: 98px; height: auto; border: 1px #ccc solid; }
.sellerInfoIntro{ float: left; width: 436px; height: auto; padding: 0 20px; }
.sellerInfoIntro span{ width: 90px; display: inline-block; }
.sellerInfoIntro span.name{ letter-spacing: 6px; }
.sellerInfoIntro span.last_ip{ letter-spacing: 0px; }
.sellerInfoIntro span.last_time{ letter-spacing: 0px; }
.sellerInfoInfoHd{ height: 20px; color: #333; font-size: 16px; padding-bottom: 5px; }
.sellerInfoRate{ float: left; width: 169px; height: 100px; border-left: 1px #ccc dashed; padding-left: 20px; }
.sellerInfoRateHd{ width: 100%; height: 20px; color: #333; font-size: 16px; padding-bottom: 5px; }
/*=====================================================================*/
.sellerBox{ width: 790px; height: auto; line-height: 30px; background: #F8F8F8; padding: 10px 0px; border: 1px #ccc solid; margin: 0 auto 10px auto; }
.sellerBoxHd{ position: relative; left: -5px; width: 758px; height: 30px; background: #fff; padding: 0 20px; border: 1px #ccc solid; -webkit-border-radius: 3px; border-radius: 3px; }
.sellerBoxUL{ width: 770px; height: auto;  padding: 15px; }
.sellerBoxUL li{ border-bottom: 1px #ccc dashed; }
/*=====================================================================*/
.sellerScBar { width: 800px; min-height: 50px; height: auto; border-bottom: 1px #999 solid; margin-bottom: 10px; overflow: hidden; }
#sellerScBar { width: 800px; overflow: hidden; }
#sellerScBar.cate-fixed{ top: 0px; }
#sellerScBar a{ display: block; }
#sellerScBar li{ float: left; padding: 10px; }
#sellerScBar li span{ float: left; width: 70px; height: 30px; line-height: 30px; text-align: right; padding-right: 10px; }
#sellerScBar input{ float: left; height: 26px; font-family: "新細明體", "Arial"; letter-spacing: 2px; padding: 0 5px; }
/*=====================================================================*/
.categoryBox{ width: 838px; height: 250px; border: 1px #ccc solid; padding: 10px; }
.categoryBox .Btn{ width: 26px; height: 248px; line-height: 250px; float: left; text-align: center; background: #eee; border: 1px #ccc solid; display: none; }
.categoryBox .menuBox{ float: left; width:780px; height: 250px; padding: 0px 26px; overflow: hidden; }
.categoryBox .categoryArea{ width: 10000px; overflow: hidden; }
.categoryBox .menuBox ul{ float: left; width: 187px; height: 242px; border: 1px #ccc solid; padding: 3px; overflow-x: hidden; overflow-y: scroll; }
.categoryBox .menuBox li{ width: 158px; height: 24px; line-height: 24px; padding: 0px 0px 0px 10px; border: 1px solid #fff; cursor: pointer; }
/*.categoryBox .menuBox li:hover{ background-color: #DFF1FB; border: 1px dotted #82BCE0; }*/
.categoryBox .menuBox li.current{ background-color: #DFF1FB; border: 1px dotted #82BCE0; }
.categoryBox .menuBox li span{ float: right; padding-right: 10px; }
/*=====================================================================*/
.sellerOrderBox{
    width: 100%;
    height: auto;
}
.sellerOrderBox .datepicker{ width: 80px; }
.sellerOrderBox .odrbox{ width : 100%; display: -webkit-box; }
.sellerOrderBox .odrbox td{ padding: 0px; }
.sellerOrderBox .odrbox-photo{ width: 60px; height: 60px; margin: 10px 10px 10px 0px; border: 1px #ddd solid; }
.sellerOrderBox .odrbox-name{ -webkit-box-flex: 1; margin: 10px 0px; }
.sellerOrderBox input{
    vertical-align: middle;
}
.sellerOrderBox .tmpRow{
    height: 5px;
    border: 0px;
}
.sellerOrderBox .head{
    width: 800px;
    height: 30px;
    line-height: 30px;
    border-top: 1px #ddd solid;
    border-bottom: 1px #ddd solid;padding: 0 6px;
}
.sellerOrderBox .head.on{ background: #E8F2FF; }
.sellerOrderBox .head.off{ background: #F3F3F3; }
.sellerOrderBox .head span{
    vertical-align: middle;
    display: inline-block;
    padding: 0 10px 0 0;
}
.sellerOrderBox tr th, .sellerOrderBox tr td{
    border: 1px #ddd solid;
    padding: 0px 10px;
}
.sellerOrderBox tr th th, .sellerOrderBox tr td td{ padding: 0px; }
.sellerOrderBox tr th{
    height: 40px;
    background: #F9F9F9;
    background-image: -webkit-linear-gradient(top,#fff,#F1F1F1);
    background-image: linear-gradient(top,#fff,#F1F1F1);
}
.sellerOrderBox .photo{
    float: left;
    width: 60px;
    height: 60px;
    margin: 5px 0px;
}
.sellerOrderBox .name{
    float: left;
    width: 180px;
    line-height: 20px;
    vertical-align: middle;
    padding: 5px 0px 0px 10px;
    margin: 5px 0px;
}
.sellerOrderBox .price{
    line-height: 30px;
    color: #C00;
    font-size: 16px;
    font-family: 'Arial';
    display: block;
}
.sellerOrderBox .shipped{ color: #F50; }
.sellerOrderBox .close{ color: #808080; }
.sellerOrderBox .actBox{
    float: left;
    width: 80px;
    height: auto;
    line-height: 26px;
    padding-top: 5px;
}
/*=====================================================================*/
.sellerGoodBox{
    width: 800px;
    height: auto;
}
.sellerGoodBox .odrbox{ width : 100%; display: -webkit-box; }
.sellerGoodBox .odrbox td{ padding: 0px; }
.sellerGoodBox .odrbox-photo{ width: 60px; height: 60px; margin: 10px 10px 10px 0px; border: 1px #ddd solid; }
.sellerGoodBox .odrbox-name{ -webkit-box-flex: 1; margin: 10px 0px; }
.sellerGoodBox input{
    vertical-align: middle;
}
.sellerGoodBox .tmpRow{
    height: 5px;
    border: 0px;
}
.sellerGoodBox .head{
    width: 800px;
    height: 30px;
    line-height: 30px;
    border-top: 1px #ddd solid;
    border-bottom: 1px #ddd solid;
}
.sellerGoodBox .head.on{ background: #E8F2FF; }
.sellerGoodBox .head.off{ background: #F3F3F3; }
.sellerGoodBox .head span{
    vertical-align: middle;
    display: inline-block;
    padding: 0 10px 0 0;
}
.sellerGoodBox tr th, .sellerGoodBox tr td{
    border: 1px #ddd solid;
    padding: 0px 10px;
}
.sellerGoodBox tr th th, .sellerGoodBox tr td td{ padding: 0px; }
.sellerGoodBox tr th{
    height: 40px;
    background: #F9F9F9;
    background-image: -webkit-linear-gradient(top,#fff,#F1F1F1);
    background-image: linear-gradient(top,#fff,#F1F1F1);
}
.sellerGoodBox .photo{
    float: left;
    width: 62px;
    height: 62px;
    margin: 5px 0px;
}
.sellerGoodBox .name{
    float: left;
    width: 426px;
    line-height: 20px;
    vertical-align: middle;
    padding: 5px 0px 0px 10px;
    margin: 5px 0px;
}
.sellerGoodBox .price{
    line-height: 30px;
    color: #C00;
    font-size: 16px;
    font-family: 'Arial';
    display: block;
}
.sellerGoodBox .shipped{ color: #F50; }
.sellerGoodBox .close{ color: #808080; }
.sellerGoodBox .actBox{
    float: left;
    width: 80px;
    height: auto;
    line-height: 26px;
    padding-top: 5px;
}
.sellerGoodBox .actBox li{ float: left; padding: 0 2px 5px 2px; overflow: hidden; }
/*=====================================================================*/
.sellerCatBox{
    width: 800px;
    height: auto;
    margin-bottom: 10px;
}
.sellerCatBox input{
    vertical-align: middle;
}
.sellerCatBox .tmpRow{
    height: 5px;
    border: 0px;
}
.sellerCatBox .head{
    width: 800px;
    height: 30px;
    line-height: 30px;
    border-top: 1px #ddd solid;
    border-bottom: 1px #ddd solid;
}
.sellerCatBox .head.on{ background: #E8F2FF; }
.sellerCatBox .head.off{ background: #F3F3F3; }
.sellerCatBox .head span{
    vertical-align: middle;
    display: inline-block;
    padding: 0 10px 0 0;
}
.sellerCatBox tr th, .sellerCatBox tr td{
    border: 1px #ddd solid;
    padding: 0px 10px;
}
.sellerCatBox tr th{
    height: 40px;
    background: #F9F9F9;
    background-image: -webkit-linear-gradient(top,#fff,#F1F1F1);
    background-image: linear-gradient(top,#fff,#F1F1F1);
}
.sellerCatBox .sort{ width: 30px; height: 70px; overflow: hidden; }
.sellerCatBox .sortBtn{ float: left; width: 11px; height: 12px; background: url('../images/btn/arrow_01.png'); border: 0px; margin: 10px 6px; cursor: pointer; }
.sellerCatBox .sortBtn.top{ background-position: 0 center; }
.sellerCatBox .sortBtn.top:hover{ background-position: 0 bottom; }
.sellerCatBox .sortBtn.btm{ background-position: -33px center; }
.sellerCatBox .sortBtn.btm:hover{ background-position: -33px bottom; }
.sellerCatBox .sortBtn.up{ background-position: -11px center; }
.sellerCatBox .sortBtn.up:hover{ background-position: -11px bottom; }
.sellerCatBox .sortBtn.dn{ background-position: -22px center; }
.sellerCatBox .sortBtn.dn:hover{ background-position: -22px bottom; }
.sellerCatBox .sortBtn.dis{ background-position-y: top; }
.sellerCatBox .sortBtn.dis:hover{ background-position-y: top; }

.sellerCatBox .sort_button{ width: 30px; height: 24px; line-height: 20px; font-family:"Arial"; font-size: 16px; }
.sellerCatBox .photo{
    float: left;
    width: 50px;
    height: 50px;
    margin: 5px 0px;
}
.sellerCatBox .name{
    float: left;
    width: 430px;
    line-height: 20px;
    vertical-align: middle;
    padding: 5px 0px 0px 10px;
    margin: 5px 0px;
}
.sellerCatBox .price{
    line-height: 30px;
    color: #C00;
    font-size: 16px;
    font-family: 'Arial';
    display: block;
}
.sellerCatBox .shipped{ color: #F50; }
.sellerCatBox .close{ color: #808080; }
.sellerCatBox .actBox{
    float: left;
    width: auto;
    height: auto;
    line-height: 26px;
    padding-top: 5px;
}
.sellerCatBox .actBox li{ float: left; padding: 0 2px 5px 2px; overflow: hidden; }
.sellerCatNew{ width: 100%; height: 30px; }
.sellerCatIpt{ float: left; width: 300px; height: 28px; line-height: 28px; background: #F8F8F8; border: 1px #ccc solid; padding: 0 5px; }
/*=====================================================================*/
.sellerSlideBox{
    width: 800px;
    height: auto;
    margin-bottom: 10px;
}
.sellerSlideBox input{
    vertical-align: middle;
}
.sellerSlideBox .tmpRow{
    height: 5px;
    border: 0px;
}
.sellerSlideBox .head{
    width: 800px;
    height: 30px;
    line-height: 30px;
    border-top: 1px #ddd solid;
    border-bottom: 1px #ddd solid;
}
.sellerSlideBox .head.on{ background: #E8F2FF; }
.sellerSlideBox .head.off{ background: #F3F3F3; }
.sellerSlideBox .head span{
    vertical-align: middle;
    display: inline-block;
    padding: 0 10px 0 0;
}
.sellerSlideBox tr th, .sellerSlideBox tr td{
    border: 1px #ddd solid;
    padding: 0px 10px;
}
.sellerSlideBox tr th{
    height: 40px;
    background: #F9F9F9;
    background-image: -webkit-linear-gradient(top,#fff,#F1F1F1);
    background-image: linear-gradient(top,#fff,#F1F1F1);
}
.sellerSlideBox img{ height: 60px; padding: 5px; }
.sellerSlideBox .sort{ width: 30px; height: 70px; overflow: hidden; }
.sellerSlideBox .sortBtn{ float: left; width: 11px; height: 12px; background: url('../images/btn/arrow_01.png'); border: 0px; margin: 10px 6px; cursor: pointer; }
.sellerSlideBox .sortBtn.top{ background-position: 0 center; }
.sellerSlideBox .sortBtn.top:hover{ background-position: 0 bottom; }
.sellerSlideBox .sortBtn.btm{ background-position: -33px center; }
.sellerSlideBox .sortBtn.btm:hover{ background-position: -33px bottom; }
.sellerSlideBox .sortBtn.up{ background-position: -11px center; }
.sellerSlideBox .sortBtn.up:hover{ background-position: -11px bottom; }
.sellerSlideBox .sortBtn.dn{ background-position: -22px center; }
.sellerSlideBox .sortBtn.dn:hover{ background-position: -22px bottom; }
.sellerSlideBox .sortBtn.dis{ background-position-y: top; }
.sellerSlideBox .sortBtn.dis:hover{ background-position-y: top; }

.sellerSlideBox .sort_button{ width: 30px; height: 24px; line-height: 20px; font-family:"Arial"; font-size: 16px; }
.sellerSlideBox .photo{
    float: left;
    width: 50px;
    height: 50px;
    margin: 5px 0px;
}
.sellerSlideBox .name{
    float: left;
    width: 430px;
    line-height: 20px;
    vertical-align: middle;
    padding: 5px 0px 0px 10px;
    margin: 5px 0px;
}
.sellerSlideBox .price{
    line-height: 30px;
    color: #C00;
    font-size: 16px;
    font-family: 'Arial';
    display: block;
}
.sellerSlideBox .shipped{ color: #F50; }
.sellerSlideBox .close{ color: #808080; }
.sellerSlideBox .actBox{
    float: left;
    width: 80px;
    height: auto;
    line-height: 26px;
    padding-top: 5px;
}
.sellerSlideBox .actBox li{ float: left; padding: 0 2px 5px 2px; overflow: hidden; }
.sellerSlideNew{ width: 100%; height: 30px; }
.sellerSlideIpt{ float: left; width: 300px; height: 28px; background: #F8F8F8; border: 1px #ccc solid; padding: 0 5px; }
/*seller end*/
/*member_focus start*/
.memberBody .focusBox{
    width: 1000px;
    height: auto;
}
.memberBody .focusBox tr th, .memberBody .focusBox tr td{
    border: 1px #ddd solid;
    padding: 0px 10px;
}
.memberBody .focusBox tr th{
    height: 40px;
    background: #F9F9F9;
    background-image: -webkit-linear-gradient(top,#fff,#F1F1F1);
    background-image: linear-gradient(top,#fff,#F1F1F1);
}
.memberBody .focusBox tr th th, .memberBody .focusBox tr td td{ padding: 0px; }
.memberBody .focusBox .photo{
    float: left;
    width: 60px;
    height: 60px;
    margin: 5px 0px;
}
.memberBody .focusBox .name{
    float: left;
    width: 490px;
    line-height: 20px;
    vertical-align: middle;
    padding: 5px 0px 0px 10px;
    /*border: 1px #ccc solid;*/
    margin: 5px 0px;
}
.memberBody .focusBox .date{
    font-family: 'Arial';
}
.memberBody .focusBox .price{
    line-height: 30px;
    color: #C00;
    font-size: 16px;
    font-family: 'Arial';
    display: block;
}
.memberBody .focusBox .actBox{
    float: left;
    width: 80px;
    height: auto;
    line-height: 26px;
    padding-top: 5px;
}
.memberBody .focusBox .tmpRow{
    height: 5px;
    border: 0px;
}
/*member_focus end*/
/*member_first_cart start*/
.memberBody .firstBox{ float: left; width: 470px; height: 200px; background: url('../images/bg/box.jpg') no-repeat; margin: 10px; padding-top: 30px; }
.memberBody .firstBox table{ margin: 0 auto; }
.memberBody .firstBox tr th{ text-align: left; height: 40px; }
.memberBody .firstBox tr td{ padding: 5px; }
.memberBody .firstBox input{ height: 24px; line-height: 24px; border: 1px #ccc solid; }
.memberBody .firstBox .refreshBtn{ width: 26px; height: 26px; background: url('../images/icon/i_03.png') no-repeat 2px -148px; cursor: pointer; border: 1px solid #CCC; }
.memberBody .firstBox .loginBtn{ width: 80px; height: 70px; line-height: 40px; color: #fff; border-radius: 6px; border: 2px #fff solid; background: #B52727; background-image: -webkit-linear-gradient(top,#EF6161,#B52727,#800); background-image: linear-gradient(top,#EF6161,#B52727,#800); cursor: pointer; }
.memberBody .firstBox .nextBtn{ width: 240px; height: 70px; line-height: 70px; color: #fff; border-radius: 6px; border: 2px #fff solid; background: #B52727; background-image: -webkit-linear-gradient(top,#EF6161,#B52727,#800); background-image: linear-gradient(top,#EF6161,#B52727,#800); display: block; }

.memberBody .firstBox.m{ width: 230px; background: url('../images/bg/box_m.jpg') no-repeat; }
.memberBody .firstBox.m .nextBtn{ width: 194px; }
/*member_first_cart end*/
/*member_cart start*/
.memberBody .cartBox{
    width: 1000px;
    height: auto;
    margin-bottom: 10px;
}
.memberBody .cartBox .tip{ float: none; color: #C00; }
.memberBody .cartBox input{
    vertical-align: middle;
}
.memberBody .cartBox .tmpRow{
    height: 5px;
    border: 0px;
}
.memberBody .cartBox .head{
    width: 1000px;
    height: 30px;
    line-height: 30px;
}
.memberBody .cartBox .head.on{ background: #E8F2FF; }
.memberBody .cartBox .head.off{ background: #F3F3F3; }
.memberBody .cartBox .head span{
    vertical-align: middle;
    display: inline-block;
    padding: 0 10px 0 0;
}
.memberBody .cartBox .post{ width: 978px; line-height: 30px; }
.memberBody .cartBox .post td{ padding: 10px; }
.memberBody .cartBox .post .orderMsg{ width: 964px; height: 20px; line-height: 20px; border: 1px #999 dashed; padding: 5px; display: block; -webkit-transform: matrix3d; -webkit-transition: all 0.14s ease 0s;  }
.memberBody .cartBox .post .orderMsg:focus{ height: 60px; }
.memberBody .cartBox .post span{
    float: left;
    height: 40px; line-height: 40px;
    vertical-align: middle;
    display: inline-block;
}
.memberBody .cartBox .post .radio{ float: left; min-width: 50px; height: 30px; line-height: 30px; font-size: 12px; text-align: center; border : 1px #ccc solid; margin: 0px 5px 5px 0px; padding: 5px 5px; background-color: #f0f0f0; background-image: -webkit-linear-gradient(top, #ffffff, #f0f0f0); border-radius: 5px; }
.memberBody .cartBox .post .radio.on{ color: #fff; background-color: #bbbbbb; background-image: none; }
.memberBody .cartBox .post .radio.pay{ width: 100%; height: 40px; line-height: 30px; }
.memberBody .cartBox .post .radio.pay .ico{ width: 100%; height: 100%; }
.memberBody .cartBox .post .radio.pay .ico.ibon{ background: url(../img/ico/cvs_02.png) center center no-repeat; background-size: contain; }
.memberBody .cartBox .post .radio.pay .ico.famiport{ background: url(../img/ico/cvs_03.png) center center no-repeat; background-size: contain; }
.memberBody .cartBox .post .radio.pay.on .ico.ibon{ background: url(../img/ico/cvs_02_on.png) center center no-repeat; background-size: contain; }
.memberBody .cartBox .post .radio.pay.on .ico.famiport{ background: url(../img/ico/cvs_03_on.png) center center no-repeat; background-size: contain; }
.memberBody .cartBox .post .pay-tab td{ padding: 0px 4px; }
.memberBody .cartBox .post .pay-note{ position: relative; padding: 0px 10px 10px 10px; border-top: 1px #ccc solid; margin-top: 10px; }
.memberBody .cartBox .post .pay-note li{ padding: 5px; display: none; }
.memberBody .cartBox .foot{
    width: 978px;
    height: auto;
    line-height: 30px;
    background: #F2F7FF;
    overflow: hidden;
}
.memberBody .cartBox .foot span{
    vertical-align: middle;
    display: inline-block;
}
.memberBody .cartBox .foot .orderMsg{
    width: 500px;
    height: 20px;
    /*border: 1px #fff solid;*/
}
.memberBody .cartBox tr th, .memberBody .cartBox tr td{
    border: 1px #ddd solid;
    padding: 0px 10px;
}
.memberBody .cartBox tr th{
    height: 40px;
    background: #F9F9F9;
    background-image: -webkit-linear-gradient(top,#fff,#F1F1F1);
    background-image: linear-gradient(top,#fff,#F1F1F1);
}
.memberBody .cartBox tr th span{ float: left; height: 40px; line-height: 40px; }
.memberBody .cartBox tr th .iptCheck{ height: 40px; }
.memberBody .cartBox tr th th, .memberBody .cartBox tr td td{ padding: 0px; }
.memberBody .cartBox .photo{
    float: left;
    width: 60px;
    height: 60px;
    margin: 5px 0px;
}
.memberBody .cartBox .photo img{ max-width: 60px; max-height: 60px; }
.memberBody .cartBox .name{
    float: left;
    width: 400px;
    line-height: 20px;
    vertical-align: middle;
    padding: 5px 0px 0px 10px;
    margin: 5px 0px;
}
.memberBody .cartBox .price{
    line-height: 30px;
    color: #C00;
    font-size: 12px;
    font-family: 'Arial';
    display: inline-block;
}
.memberBody .cartBox .storeTotal{
    line-height: 30px;
    color: #f60;
    font-size: 16px;
    font-family: 'Arial';
    display: block;
}
.memberBody .cartBox .shipped{ color: #F50; }
.memberBody .cartBox .close{ color: #808080; }
.memberBody .cartBox .actBox{
    float: left;
    width: 80px;
    height: auto;
    line-height: 26px;
    padding-top: 5px;
}
.memberBody .cartBox .goodsIptQty{
    float: left;
    width: 42px;
    height: 28px;
    line-height: 26px;
    color: #666;
    font-family: "Arial";
    font-size: 16px;
    background-position: -406px -41px;
    padding: 0 10px;
    border: 1px solid #A7A6AC;
    margin: 0;
}
.memberBody .cartBox .goodsSelQty{
    float: left;
    width: 82px;
    height: 28px;
    line-height: 26px;
    color: #666;
    font-family: "Arial";
    font-size: 16px;
    background-position: -406px -41px;
    padding: 0 10px;
    border: 1px solid #A7A6AC;
    margin: 0;
}
.memberBody .cartBox .goodsNumBtn{
    float: left;
    width: 22px;
    height: 30px;
}
.memberBody .cartBox .goodsNumUp{
    width: 16px;
    height: 12px;
    background: url('../images/icon/ig_01.png') no-repeat left -41px;
    border: 1px solid #A7A6AB;
    margin: 0px 2px 2px 2px;
    cursor: pointer;
}
.memberBody .cartBox .goodsNumDn{
    width: 16px;
    height: 12px;
    background: url('../images/icon/ig_01.png') no-repeat left -53px;
    border: 1px solid #A7A6AB;
    margin: 0px 2px 0px 2px;
    cursor: pointer;
}
.memberBody .transBox{
    width: 100%;
    height: auto;
    margin-bottom: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.memberBody .transBox .odrbox{ width : 100%; display: -webkit-box; }
.memberBody .transBox .odrbox td{ padding: 0px; }
.memberBody .transBox tbody tr th, .memberBody .transBox tbody tr td{
    height: 40px;
    line-height: 30px;
    font-size: 16px;
    border: 1px #bbbbbb solid;
    padding: 0px 10px;
}
/*.memberBody .recordBox td td{ background: #F9F9F9; }*/
/*.memberBody .recordBox tr th th, .memberBody .recordBox tr td td{ padding: 0px; }*/
.memberBody  .transBox tbody tr th{
    text-align: right;
    background: #f0f0f0;
}
.memberBody .transBox .th{ text-align: center; background: #f0f0f0; }

.memberBody .extraArea{ width: 1005px; height: auto; padding: 0px 2px; }
/*.memberBody .extraArea .extraGoods{ float: left; width: 196px; height: 300px; color: #000; border: 2px #fff solid; padding-bottom: 5px; margin-bottom: 20px; overflow: hidden; }*/
.memberBody .extraArea tr td{ border: 0px; }
.memberBody .extraArea .extraGoods{
    float: left;
    width: 198px;
    height: 320px;
    color: #000;
    border: 2px #fff solid;
    padding-bottom: 5px;
    margin-bottom: -1px;
    margin-top: 0px;
    margin-right: -1px;
    overflow: hidden;
}
.memberBody .extraArea .extraGoods:hover{
    float: left;
    color: #000;
    border: 2px #ccc solid;
    overflow: hidden;
}
.memberBody .extraArea .goods-photo{
    float: left;
    width: 198px;
    height: 196px;
    color: #000;
    overflow: hidden;
}
.memberBody .extraArea .goods-text{
    width: 190px;
    height: auto;
    text-align: center;
    color: #777777;
    max-height: 40px;
    line-height: 20px;
    padding: 5px;
    overflow: hidden;
}
.memberBody .extraArea .goods-text span{
    width: 180px;
    height: auto;
    color: #CEAA00;
    font-size: 12px;
    max-height: 40px;
    line-height: 20px;
    padding: 5px 5px;
}
.memberBody .extraArea .goods-text a{
    color: #777777;
}
.memberBody .extraArea .goods-text a:hover{
    text-decoration: underline;
}
.memberBody .extraArea .goods-text.price{
    color: #CB1900;
    text-align: center;
}
.memberBody .extraArea .goods-text.price span{
    color: #fff;
    background: #754426;
    padding: 5px;
    margin: 0px 10px;
}
.memberBody .orderInfo{ float: right; width: 300px; height: 80px; border: 1px #810501 solid; }
.memberBody .orderInfo .box{ border: 1px #810501 solid; }
.memberBody .checkoutBar{
    width: 998px;
    height: auto;
    line-height: 34px;
    background: #F3F3F3;
    border: 1px #ccc solid;
    /*padding-left: 600px;*/
    margin-bottom: 10px;
    overflow: hidden;
}
.memberBody .checkoutBar ul{ float: right; }
.memberBody .checkoutBar li{
    float: left;
    height: 34px;
    line-height: 34px;
    padding-left: 10px;
}
.memberBody .checkoutBar span {
    height: auto;
    vertical-align: middle;
    display: inline-block;
    padding: 0 4px 0 0;
}
.memberBody .checkoutBar .price{
    font-family: 'Arial';
    color: #C00;
    font-size: 16px;
    font-weight: bold;
}
.memberBody .checkoutBar .total{
    font-family: 'Arial';
    color: #F60;
    font-size: 24px;
    font-weight: bold;
}
/*.memberBody .checkoutBar span input{
    vertical-align: middle;
    display: inline-block;
    padding: 0 10px 0 0;
}*/
/*member_cart end*/
/*member_order start*/
.memberBody .orderBox{
    width: 100%;
    height: auto;
    margin-bottom: 10px;
}
.memberBody .orderBox .info{ line-height: 30px; }
/*.memberBody .orderBox .info .bbd{ border-bottom: 1px #ccc dashed; }*/
/*.memberBody .orderBox .infoNB{ border: 0px; }*/
.memberBody .orderBox .info li{ float: left; }
.memberBody .orderBox .info li label{ width: 70px; text-align: right; display: inline-block; padding-right: 10px; }
.memberBody .orderBox .info li span{ width: auto; min-width: 159px; display: inline-block; }
/*.memberBody .orderBox.min{ float: left; width: 500px; }*/
.memberBody .orderBox input{
    vertical-align: middle;
}
.memberBody .orderBox .tmpRow{
    height: 5px;
    border: 0px;
}
.memberBody .orderBox .head{
    width: 1000px;
    height: 30px;
    line-height: 30px;
    border-top: 1px #ddd solid;
    border-bottom: 1px #ddd solid;
}
.memberBody .orderBox .head.on{ background: #E8F2FF; }
.memberBody .orderBox .head.off{ background: #F3F3F3; }
.memberBody .orderBox .head span{
    vertical-align: middle;
    display: inline-block;
    padding: 0 10px 0 0;
}
.memberBody .orderBox .goods{ border-bottom: 1px #ddd solid; }
.memberBody .orderBox tr th, .memberBody .orderBox tr td{
    border: 1px #ddd solid;
    padding: 0px 10px;
}
.memberBody .orderBox tr th th, .memberBody .orderBox tr td td{ padding: 0px; border: 0px; }
.memberBody .orderBox tr th{
    height: 40px;
    background: #F9F9F9;
    background-image: -webkit-linear-gradient(top,#fff,#F1F1F1);
    background-image: linear-gradient(top,#fff,#F1F1F1);
}
.memberBody .orderBox .odrbox{ width : 100%; display: -webkit-box; }
.memberBody .orderBox .odrbox-photo{ width: 60px; height: 60px; margin: 5px 0px; border: 1px #ddd solid; }
.memberBody .orderBox .odrbox-name{ -webkit-box-flex: 1; margin: 5px 0px; }
.memberBody .orderBox .photo{
    float: left;
    width: 60px;
    height: 60px;
    margin: 5px 0px;
}
.memberBody .orderBox .name{
    float: left;
    width: 380px;
    line-height: 20px;
    vertical-align: middle;
    padding: 5px 0px 0px 10px;
    margin: 5px 0px;
}
.memberBody .orderBox .price{
    line-height: 30px;
    color: #C00;
    font-size: 16px;
    font-family: 'Arial';
    display: block;
}
.memberBody .orderBox .shipped{ color: #F50; }
.memberBody .orderBox .close{ color: #808080; }
.memberBody .orderBox .actBox{
    float: left;
    width: auto;
    height: auto;
    line-height: 26px;
    padding-top: 5px;
}
.memberBody .orderBox .actBox li{ width: 80px; }
.memberBody .orderBox .remark{ background: #FFFFCC; padding: 5px 10px; }
.memberBody .orderBox .msg{ width: 840px; }
.memberBody .orderBox .msgBtn{ width: 100px; height: 30px; }
/*member_order end*/
/*member_record start*/
.memberBody .recordBox{
    width: 100%;
    height: auto;
    margin-bottom: 10px;
}
.memberBody .recordBox .odrbox{ width : 100%; display: -webkit-box; }
.memberBody .recordBox .odrbox td{ padding: 0px; }
.memberBody .recordBox .odrbox-photo{ width: 60px; height: 60px; margin: 10px 10px 10px 0px; border: 1px #ddd solid; }
.memberBody .recordBox .odrbox-name{ -webkit-box-flex: 1; margin: 10px 0px; }
.memberBody .recordBox .info{ line-height: 30px; overflow: hidden; }
/*.memberBody .recordBox .info .bbd{ border-bottom: 1px #ccc dashed; }*/
/*.memberBody .recordBox .infoNB{ border: 0px; }*/
.memberBody .recordBox .info li{ float: left; }
.memberBody .recordBox .info li label{ width: 70px; text-align: right; display: inline-block; padding-right: 10px; }
.memberBody .recordBox .info li span{ width: auto; min-width: 159px; display: inline-block; }
/*.memberBody .recordBox.min{ float: left; width: 500px; }*/
.memberBody .recordBox input{
    vertical-align: middle;
}
.memberBody .recordBox .tmpRow{
    height: 5px;
    border: 0px;
}
.memberBody .recordBox .head{
    width: 1000px;
    height: 30px;
    line-height: 30px;
    border-top: 1px #ddd solid;
    border-bottom: 1px #ddd solid;
}
.memberBody .recordBox .head.on{ background: #E8F2FF; }
.memberBody .recordBox .head.off{ background: #F3F3F3; }
.memberBody .recordBox .head span{
    vertical-align: middle;
    display: inline-block;
    padding: 0 10px 0 0;
}
.memberBody .recordBox .goods{ border-bottom: 1px #ddd solid; }
.memberBody .recordBox tr th, .memberBody .recordBox tr td{
    border: 1px #ddd solid;
    padding: 0px 10px;
}
/*.memberBody .recordBox td td{ background: #F9F9F9; }*/
/*.memberBody .recordBox tr th th, .memberBody .recordBox tr td td{ padding: 0px; }*/
.memberBody .recordBox tr th{
    height: 40px;
    line-height: 30px;
    background: #F9F9F9;
    background-image: -webkit-linear-gradient(top,#fff,#F1F1F1);
    background-image: linear-gradient(top,#fff,#F1F1F1);
}
.memberBody .recordBox tr th.on{
    /*color: #fff;*/
    /*background-image: -webkit-linear-gradient(top,#B7DDFF,#ABD1F3);*/
    /*background-image: -webkit-linear-gradient(top,#3664AA,#235197);*/
    /*background-image: -webkit-linear-gradient(top,#C3DCFE,#B5CEF0);*/
    /*background-image: linear-gradient(top,#eee,#ccc);*/
}
.memberBody .recordBox .photo{
    width: 60px;
    height: 60px;
    margin: 5px 0px;
    display: block;
}
.memberBody .recordBox .photo tr td{ padding: 0px; }
.memberBody .recordBox .name{
    /*width: 100%;*/
    line-height: 20px;
    vertical-align: middle;
    padding: 5px 0px 0px 10px;
    margin: 5px 0px;
    display: block;
}
.memberBody .recordBox .red{
    color: #C00;
    font-size: 16px;
}
.memberBody .recordBox .price{
    color: #C00;
    font-size: 16px;
    font-family: 'Arial';
    display: block;
}
.memberBody .recordBox .shipped{ color: #F50; }
.memberBody .recordBox .close{ color: #808080; }
.memberBody .recordBox .actBox{
    float: left;
    width: auto;
    height: auto;
    line-height: 26px;
    padding-top: 5px;
}
/*member_record end*/
/*member_pay_success start*/
.memberBody.success .areaBox{ width: 100%; overflow: hidden; }
.memberBody.success .successBox{ float:left; width: 540px; padding: 30px; overflow: hidden; }
.memberBody.success .successBox .store{ position: relative; width: 100%; height: 174px; }
.memberBody.success .successBox .store_step{ position: absolute; top: 0; left: 0px; width: 180px; height: 174px; background: url(../images/bg/store.png) no-repeat; }
.memberBody.success .successBox .store_cvs{ position: absolute; top: 0; left: 0px; width: 540px; height: 174px; }
.memberBody.success .successBox .store_box{ float: left; width: 123px; height: 174px; margin: 0 4px; }
.memberBody.success .successBox .store_logo{ float: left; width: 123px; height: 134px; background: url(../images/bg/store.png) -180px 0px no-repeat; }
.memberBody.success .successBox .store_logo.b01{ background-position: -185px 0px; }
.memberBody.success .successBox .store_logo.b02{ background-position: -320px 0px; }
.memberBody.success .successBox .store_logo.b03{ background-position: -450px 0px; }
.memberBody.success .successBox .store_logo.b04{ background-position: -584px 0px; }
/*.memberBody.success .successBox .store_bar{ position: absolute; top: 120px; left: 180px; height: 30px; }*/
.memberBody.success .successBox .store_btn{ float: left; width: 123px; height: 30px; background: url(../images/btn/store.png) no-repeat; cursor: pointer; }
.memberBody.success .successBox .store_btn.b01{ background-position: 0px top; }
.memberBody.success .successBox .store_btn.b02{ background-position: -123px top; }
.memberBody.success .successBox .store_btn.b03{ background-position: -246px top; }
.memberBody.success .successBox .store_btn.b04{ background-position: -369px top; }
.memberBody.success .successBox .store_btn.b01:hover{ background-position: 0px bottom; }
.memberBody.success .successBox .store_btn.b02:hover{ background-position: -123px bottom; }
.memberBody.success .successBox .store_btn.b03:hover{ background-position: -246px bottom; }
.memberBody.success .successBox .store_btn.b04:hover{ background-position: -369px bottom; }
.memberBody.success .successBox p{ font-size: 16px; padding-bottom: 10px; }
.memberBody.success .successBox .ace{ color: #C1272D; font-size: 16px; }

.memberBody.success .lineAtBox{ float: right; width: 400px; height: auto; }
.memberBody.success .lineAtBox img{ width:100%; }
/*member_pay_success end*/
/*member_login start*/
.memberMain .loginBox{
    float: left;
    width: 300px;
    height: auto;
    /*padding: 0px 25px 25px 25px;*/
    border: 1px #ccc solid;
}
.memberMain .loginBox .tabs{ width: 100%; height: 40px; border-bottom: 0px #ccc solid; }
.memberMain .loginBox .tabs li{ float: left; width: 50%; height: 40px; line-height: 40px; text-align: center; background: #ccc; cursor: pointer; }
.memberMain .loginBox .tabs li.on{ background: #fff; color: #000; }
.memberMain .loginBox .tabs-area{ width: 260px; height: auto; padding: 10px 20px 20px 20px; overflow: hidden; }
.memberMain .loginBox .tabs-area li{ width: 100%; display: none; }
.memberMain .loginBox .tabs-area li.on{ display: block; }
.memberMain .loginBox .tab{ width: 100%; height: 40px; border-bottom: 0px #ccc solid; }
.memberMain .loginBox .head{
    color: #C1272D;
    text-align: center;
    font-size: 16px;
}
.memberMain .loginBox .field{
    float: left;
    width: 100%;
    height: auto;
    min-height: 26px;
    line-height: 26px;
    color: #666666;
    padding: 0 0 5px 0;
}
.memberMain .loginBox .field.auto{
    width: auto;
}
.memberMain .loginBox .field.forget_pw{
    width: 70px;
    text-align: right;
}
.memberMain .loginBox .field .loginIpt{
    width: 248px;
    height: 24px;
    line-height: 24px;
    border: 1px #ccc solid;
}
.memberMain .loginBox .field .captcha{
    width: 58px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    border: 1px solid #CCC;
    padding: 0 5px;
    margin-right: 6px;
}
.memberMain .loginBox .field img{
    width: 68px;
    height: 26px;
    border: 1px solid #CCC;
    margin-right: 6px;
    cursor: pointer;
}
.memberMain .loginBox .field .refresh{
    width: 26px;
    height: 26px;
    background: url('../images/icon/i_03.png') no-repeat 2px -148px;
    cursor: pointer;
    border: 1px solid #CCC;
}
.memberMain .loginBox .loginBtn{
    width: 250px;
    height: 30px;
    line-height: 30px;
    color: #fff;
    background: url('../images/btn/member.png') repeat-x;
    border: 1px #810501 solid;
    *border:none;
    border-radius: 2px;
    cursor: pointer;
}
/*member_login end*/
/*member_reg start*/
.memberMain .regBox{
    float: left;
    width: 700px;
    height: 350px;
}
.memberMain .regBox .lists{
    height: auto;
    line-height: 30px;
    padding: 0 0 20px 0;
    overflow: hidden;
}
.memberMain .regBox .lists .name{
    float: left;
    width: 60px;
    height: 28px;
    text-align: right;
    padding: 0 10px 0px 0;
}
.memberMain .regBox .lists .input{
    float: left;
    width: 180px;
    height: 28px;
    padding: 0 0 0px 0;
}
.memberMain .regBox .lists .field{
    float: left;
    width: auto;
    height: 28px;
    padding: 0 0 0px 0;
}
.memberMain .regBox .lists .field-auto{
    float: left;
    width: auto;
    padding: 0 0 0px 0;
}
.memberMain .regBox .lists .regIpt{
    width: 168px;
    height: 26px;
    border: 1px solid #CCC;
    padding: 0 5px;
}
.memberMain .regBox .lists .refresh{
    width: 26px;
    height: 26px;
    background: url('../images/icon/i_03.png') no-repeat 2px -148px;
    cursor: pointer;
    border: 1px solid #CCC;
}
.memberMain .regBox .lists .captcha{
    width: 58px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    border: 1px solid #CCC;
    padding: 0 5px;
    margin-right: 6px;
}
.memberMain .regBox .lists img{
    width: 68px;
    height: 26px;
    border: 1px solid #CCC;
    margin-right: 6px;
    cursor: pointer;
}
.memberMain .regBox .lists .msg{
    float: left;
    width: auto;
    height: 20px;
    color: #666;
    line-height: 20px;
    padding: 4px 0 4px 5px;
}
.memberMain .regBox .lists #pwBar{
    position: relative;
    float: left;
    width: 180px;
    height: 14px;
    /*padding-left: 70px;*/
    background-color: #FFD099;

    margin-top: 3px;
}
.memberMain .regBox .lists #pwBar .pwBarOn{
    width: 0px;
    height: 14px;
    transition: all .4s linear;
    -webkit-transition: all .4s linear;
    -moz-transition: all .4s linear;
    -o-transition: width .4s linear;
    background-color: #F60;
}
.memberMain .regBox .lists #pwBar.pwBarWeak .pwBarOn{ width: 60px; }
.memberMain .regBox .lists #pwBar.pwBarMedium .pwBarOn{ width: 120px; }
.memberMain .regBox .lists #pwBar.pwBarStrong .pwBarOn{ width: 180px; }
.memberMain .regBox .lists #pwBar .pwLetter{
    position: absolute;
    width: 180px;
    height: 14px;
    top: 0px;
    left: 0px;
}
.memberMain .regBox .lists #pwBar .pwLetter span{
    float: left;
    width: 59px;
    height: 14px;
    line-height: 14px;
    color: #fff;
    text-align: center;
    /*background: #F60;*/
    border-right: 1px #fff solid;
}
.memberMain .regBox .lists .msg i{
    float: left;
    width: 20px;
    height: 20px;
    padding-right: 5px;
}
.memberMain .regBox .lists .msg i.iconW{
    background: url('../images/icon/i_02.png') no-repeat left top;
    padding-right: 5px;
}
.memberMain .regBox .lists .msg i.iconY{
    vertical-align: top;
    background: url('../images/icon/i_02.png') no-repeat left -40px;
    padding-right: 5px;
}
.memberMain .regBox .lists .msg i.iconN{
    background: url('../images/icon/i_02.png') no-repeat left -80px;
    padding-right: 5px;
}
.memberMain .regBox .lists .msg span{
    float: left;
    width: 410px;
    height: 20px;
    text-align: left;
    padding-right: 10px;
}
.memberMain .regBox .lists .msg.true{ background-position: 6px -34px; }
.memberMain .regBox .lists .msg.true{ background-position: 6px -34px; }
.memberMain .regBox .lists .msg.false{ background-position: 6px -72px; }
.memberMain .regBox .regBtn{
    float: left;
    width: 180px;
    color: #ffffff;
    height: 28px;
    line-height: 28px;
    background: url('../images/btn/member.png') repeat-x;
    border: 1px #810501 solid;
    *border: none;
    border-radius: 2px;
    cursor: pointer;
}
.memberMain .regFbBox{
    float: left;
    width: 280px;
    height: 150px;
    border: 1px #ccc solid;
    padding: 40px 5px 0px 5px;
}
.memberMain .regFbBox .field{
    width: 100%;
    height: auto;
    text-align: center;
    margin-top: 10px;
}
.memberMain .regFbBtn{
    width: 205px;
    height: 46px;
    display: block;
    background: url('../images/btn/fb_login.png') no-repeat;
    border: 0px;
    margin: 0px auto;
    cursor: pointer;
}
.memberMain .regFbBox hr{
    border: 2px #ccc solid;
}
.memberMain .successBox{
    width: 100%;
    height: auto;
    padding: 50px;
    overflow: hidden;
}
.memberMain .successBox .field{
    width: 100%;
    line-height: 20px;
    margin-bottom: 20px;
    overflow: hidden;
}
/*member_reg end*/
/*member_success start*/
.memberMain .successBox .field .mail{ color: #C1272D; }
.memberMain .successBox .field .note{ color: #36C; }
.memberMain #againBtn{
    width: 120px;
    color: #ffffff;
    height: 28px;
    line-height: 28px;
    background: url('../images/btn/member.png') repeat-x;
    border: 1px #810501 solid;
    *border: none;
    border-radius: 2px;
    cursor: pointer;
    margin-right: 10px;
}
.memberMain .successBox .noteBox{
    float: left;
    width: 500px;
    height: auto;
    background: #eee;
    border-radius: 4px;
    padding: 10px;
    margin-top: 30px;
    overflow: hidden;
}
.memberMain .successBox .noteBox .head{
    float: left;
    width: 500px;
    height: 30px;
    line-height: 30px;
    color: #C1272D;
}
.memberMain .successBox .noteBox .body{
    float: left;
    width: 100%;
    /*height: 30px;*/
    line-height: 30px;
    color: #666;
}
.memberMain .successBox .noteBox .body ul{
    padding-left: 20px;
    overflow: hidden;
}
.memberMain .successBox .noteBox .body ul li{
    height: 100%;
    height: 30px;
    line-height: 30px;
    list-style-type: disc;
}
/*member_success end*/
/*member_check start*/
.memberMain .checkBox{
    width: 100%;
    height: auto;
    padding: 50px;
    overflow: hidden;
}
.memberMain .checkBox .field{
    width: 100%;
    height: 36px;
    line-height: 36px;
    font-size: 16px;
    padding-left: 40px;
    background: url('../images/icon/i_02b.png') no-repeat left center;
}
.memberMain .checkBox .field span{
    float: left;
    color: #C1272D;
    padding: 0px 10px;
    display: block;
}
/*member_check end*/

/*sell start*/
.sell-review .review_rating{ float: left; width: 24px; height: 48px; line-height: 24px; display: inline-block; }
.sell-review .review_rating label{ width: 10px; height: 48px; line-height: 24px; display: inline-block; }
.sell-review .review_rating input{ vertical-align: middle; }
.sell-review .starbox{ width: 220px; height: 24px; }
.sell-review ul li{ overflow: hidden; }
.sell-review .review-name{ float: left; width: 80px; height: 24px; line-height: 24px; text-align: center; color: #666666; }
.sell-review .star-area{ position: relative; float: left; width: 120px; }
.sell-review .star-area:hover .star-area-rating{ display: block; }
.sell-review .star-area:hover .star-area-rating-cur{ display: none; }
.sell-review .star-area-rating{ float: left; width: 120px; height: 24px; background: url('../images/icon/star_01_off.png'); display: none; }
.sell-review .star-area-rating-cur{ float: left; width: 120px; height: 24px; background: url('../images/icon/star_01_off.png'); }
.sell-review .star-area .star-common {
    display: block;
    float: left;
    height: 24px;
    line-height: 24px;
    overflow: hidden;
    padding: 0px;
    position: absolute;
    width: 24px;
    z-index: 30;
}
.sell-review .star-area .star-common:hover {
    background: url('../images/icon/star_01_on.png');
    left: 0px;
    z-index: 20;
    cursor: pointer;
}
.sell-review .star-area .first-star { left: 0px; }
.sell-review .star-area .second-star { left: 24px; }
.sell-review .star-area .third-star { left: 48px; }
.sell-review .star-area .fourth-star { left: 72px; }
.sell-review .star-area .fifth-star { left: 96px; }
.sell-review .star-area .first-star:hover { width: 24px; }
.sell-review .star-area .second-star:hover { width: 48px; }
.sell-review .star-area .third-star:hover { width: 72px; }
.sell-review .star-area .fourth-star:hover { width: 96px; }
.sell-review .star-area .fifth-star:hover { width: 120px; }
.sell-review .star-area-rating-cur .current-rating{ position: absolute; left: 0px; width: 110px; height: 24px; line-height: 24px; background: url('../images/icon/star_01_on.png'); overflow: hidden; z-index: 1; }
/*sell end*/
/*會員 end*/