/*-----------------user-----------------------*/
#user_left { float: left; width: 206px; letter-spacing: normal; border: 1px solid #ccc; font-family: Arial, Helvetica, sans-serif; font-size: 13px; margin: 20px 0 20px 70px; }
#user_left p { border-bottom: 1px solid #ccc; color: #000; font-size: 15px; margin-bottom: 3px; padding: 5px 10px 10px; background: url(../img/background.png) repeat-x; }
#user_left ul { padding: 10px; width: 178px; float: left; }
#user_left li { width: 100%; float: left; }
#user_left a { margin: 4px 0; float: left; color: #666; }

#user_right { border: 1px solid #ccc; font-family: Arial, Helvetica, sans-serif; font-size: 14px; letter-spacing: normal; line-height: 1.4; margin: 20px 70px 20px 0; padding: 0 10px 20px; width: 740px; float: right; }



.user_btn { display: inline-block; border: 0 none; background-color: #000; color: #fff; padding: 11px 18px; text-transform: uppercase; vertical-align: middle; letter-spacing: 3px; font-family: "Gotham 7r"; cursor: pointer; font-size: 12px; }
.user_btn:hover { color: #fff !important; text-decoration: none !important; }

.user_title { font-size: 28px; letter-spacing: -1px; padding: 20px 0 10px; text-transform: capitalize; border-bottom: 1px solid #ccc; margin-bottom: 10px; }

#user_right fieldset { border: 1px solid #ccc; padding: 5px 15px 15px; margin-bottom: 10px; }
#user_right legend { background-color: #fff; padding: 0 5px; margin-left: -5px; }
.inputLabel { display: inline-block; width: 146px; }
.input_text { background-color: #fff; border: 1px solid #ccc; box-shadow: 1px 1px 5px #ddd inset; font-size: 14px; width: 300px; padding: 8px 5px; height: 14px; line-height: 14px; }

.user_table { width: 590px; border: 0; border-collapse: collapse; }
.user_table td { padding-right: 10px; }
.user_table th { padding: 10px 10px 0 0; text-align: left; }
.user_text, #sys_state, #sys_country { background-color: #fff; border: 1px solid #ccc; font-size: 14px; width: 270px; padding: 7px 5px; }

select.user_text, #sys_country, select#sys_state { width: 282px; height: 32px; line-height: 30px; }


/*---------------------western-union----------------------*/
.western { width: 99%; margin: 0 auto; }
.western fieldset { width: 400px; float: left; padding: 10px 15px; margin-top: 10px; }
.western legend { font-weight: bold; font-size: 13px; padding: 0 5px; }


#shopping_content { float: right; width: 500px; }
.western_cart { border: 1px solid #777; float: left; }
.western_cart ul { background-color: #eee; border-bottom: 1px solid #777; height: 30px; }
.western_cart ul li { color: #666666; float: left; line-height: 30px; text-transform: uppercase; }
.western_cart li { padding-left: 10px; text-indent: 0; float: left; }
.western_col1 { width: 280px; }
.western_col2 { width: 40px; }
.western_col3 { width: 80px; }
.western_cart #sys_num ol { border-bottom: 1px solid #777; float: left; padding: 10px 0; width: 100%; }

#sys_num i { display: block; text-align: right; padding: 10px 30px; clear: both; }

.chk_total { float: right; text-align: right; }
.chk_total li { padding: 5px 0; clear: both; }
.chk_total .chk_coupon { background-color: #f9f9f9; border-bottom: 1px solid #3b3b3b; border-top: 2px solid #d3d3d3; padding: 10px 0; margin: 5px 0; }
.chk_pay { width: 146px; height: 32px; background-image: url(../img/cart/pay_rgn.gif); border: 0 none; cursor: pointer; }
.chk_total1 { width: 340px !important; float: left; padding-right: 5px; }
.chk_total b { display: inline-block; }
.chk_total2 { width: 36px; float: left; }
.chk_small_font { font-size: 10px; color: #666; }
.chk_total input { float: right; cursor: pointer; }
.chk_pay { width: 160px; height: 33px; background-image: url(../img/cart/pay_rgn.gif); border: 0 none; cursor: pointer; }




/*---------------------UserA----------------------*/
/*---------------------UserA----------------------*/
/*---------------------UserA----------------------*/
/*---------------------UserA----------------------*/
/*---------------------UserA----------------------*/
.clear, .c { float: none; clear: both; }
.fl { float: left; }
.fr { float: right; }

.warning { color: #f00; font-weight: bold; font-size: 14px; }
.inputWarning { border-color: #f00 !important; }

.fs12 { font-size: 12px; }
.fs13 { font-size: 13px; }
.fs14 { font-size: 14px; }
.fs19 { font-size: 19px; }


.c000 { color: #000; }
.c333 { color: #333; }
.c787878 { color: #787878; }
.ce00 { color: #e00; }

.b { font-weight: bold; }
.i { font-style: italic; }
.tr { text-align: right; }
.ttu { text-transform: uppercase; }
.tnr { font-family: 'Times New Roman'; }
.underline { text-decoration: underline; }

.mt5 { margin-top: 5px; }
.mt8 { margin-top: 8px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt25 { margin-top: 25px; }
.mb20 { margin-bottom: 20px; }
.mb40 { margin-bottom: 40px; }
.mr5 { margin-left: 5px; }

.pb20 { padding-bottom: 20px; }

#userA { width: 980px; margin: 0 auto 50px; color: #000; font-size: 13px; font-family: Arial,helvetica; min-height: 850px; }
#userA a { color: #666; }
#userA a:hover { color: #000; }
.userA_box { width: 918px; border: 1px solid #ccc; float: left; padding: 60px 0 60px 60px; }

.userA_col1 { width: 352px; float: left; }

.userA_col1 li { padding-top: 4px; }
.userA_col2 li { padding-bottom: 7px; }
.userA_input, .userA_input2, .userA_input3, .userA_box2 #sys_state { padding: 9px 10px; border: 1px solid #ccc; font-size: 12px; font-family: Arial,helvetica; vertical-align: middle; }
.userA_input { width: 330px; }
.userA_input2 { width: 223px; }
.userA_input3, .userA_box2 input#sys_state { width: 390px; }
.userA_btn, .userA_btn2, .userA_btn3 { height: 28px; line-height: 28px; background-color: #000; color: #fff !important; text-align: center; text-transform: uppercase; border: 0 none; display: inline-block; font-size: 12px; font-family: Arial,helvetica; font-weight: bold; cursor: pointer; transition: opacity 0.3s ease-in-out; vertical-align: top; }
.userA_btn:hover, .userA_btn2:hover, .userA_btn3:hover { color: #fff !important; opacity: 0.6; }
.userA_btn { width: 275px; }
.userA_btn2 { padding: 0 20px; }
.userA_btn3 { width: 202px; margin-right: 7px; }

.userA_col2 { width: 406px; }
.w160 { display: inline-block; width: 160px; }



#userA_nav { width: 177px; float: left; padding-left: 33px; }
#userA_nav a { clear: both; display: table; margin: 3px 0 15px; }

#userA_nav a:hover, #userA_nav a.active { text-decoration: underline; }

.userA_box2 { width: 768px; border: 1px solid #ccc; float: right; padding: 60px 0; margin-top: 5px; }
.userA_box2 li { padding-top: 15px; }
.aboutMe label { display: inline-block; width: 146px; padding-right: 7px; text-align: right; }
.userA_box2 #sys_country, .userA_box2 select#sys_state { width: 412px; padding: 0 5px; }

#order_table { border-collapse: collapse; width: 638px; margin: 10px auto; line-height: 30px; }
#order_table th { border: 1px solid #ccc; background-color: #F8F8F8; text-align: left; padding: 0 0 0 10px; text-transform: uppercase; font-family: 'Times New Roman'; font-weight: normal; line-height: inherit; }
#order_table td { border: 1px solid #ccc; padding: 0 0 0 10px; line-height: inherit; }

.userA_box2 .turnpage { float: left; margin-left: 65px; }

.modifyPassword { margin-left: 65px; }


#userA_o_detail b, .userA_dt { font-family: 'Times New Roman'; text-transform: uppercase; color: #3c3c3c; font-size: 13px; font-weight: normal; }
.userA_orderTop { padding: 20px 80px 20px 72px; }
.userA_orderTopL { float: left; }
.userA_orderTopR { float: right; }
#userA .userA_orderTopR a { text-decoration: underline; color: #3c3c3c; }
.userA_orderTopL i { font-style: normal; color: #e00; }

.userA_box3 { width: 638px; border: 1px solid #ccc; margin: 30px 0 0 60px; }
.userA_dt { background-color: #f5f5f5; line-height: 36px; color: #000; border-bottom: 1px solid #ccc; text-indent: 11px; }

.userA_dd { padding: 11px; }
.userA_box3 .userA_dd li { clear: both; padding-top: 10px; }
.userA_box3 ul.userA_dd li b { width: 100%; border-bottom: 1px solid #ccc; display: block; padding-bottom: 5px; margin-bottom: 5px; }
.userA_box3 ul.userA_dd li p { font-size: 12px; color: #787878; }
.userA_col3 { float: left; border: 1px solid #ccc; margin: 0 25px 0 14px; }
.userA_col4 { float: left; width: 198px; }
.userA_col4 p { padding-right: 15px; }
.userA_col5 { float: left; width: 120px; }
.userA_col6 { float: left; width: 66px; }
.userA_col7 { float: left; width: 90px; }

.userA_box3 ol.userA_dd li:first-child { padding-top: 0; }
.userA_box3 ol.userA_dd li b { width: 130px; text-align: right; display: inline-block; padding-right: 10px; }
.userA_box3 ol.userA_dd li span { color: #787878; }

#contactbox { width: 574px; }
#contactbox li { padding-top: 10px; float: left; width: 100%; }
#contactbox div { width: 282px; float: left; }
#contactbox label { display: block; width: 100%; }
#contactbox textarea { width: 562px; }

@media all and (max-width:598px) {
#contactbox { width: 100%; }
#contactbox div { width: 100%; padding: 0 !important; }
#contactbox textarea { width: 100%; box-sizing: border-box; }
}

@media all and (max-width:1197px) {
#user_left { margin-left: 0; }
#user_right { margin-right: 0; }
}

@media all and (max-width:768px) {
#user_left { display: none; }
#user_right { width: 100%; padding: 0; border: 0 none; }
.user_title { text-align: center; }

#userA { width: 100%; min-height: inherit; }
.userA_col1, .userA_col2, .w366, .userA_box { width: 100% !important; margin: 0 !important; border: 0 !important; padding: 0 !important; }
.userA_input, .userA_btn, .userA_btn2 { width: 100%; box-sizing: border-box; }
.userA_col2 > .mt15 > span { text-align: left !important; }
.userA_input2 { width: 320px; box-sizing: border-box; }
#contactbox { margin: 0 auto; }


.userA_box2{border-left:0;border-right:0;width:100%}
.aboutMe label{text-align:left;text-indent:33px;padding-right:0;}
.userA_input, .userA_input2, .userA_input3, .userA_box2 #sys_state{margin-left:33px;}
}


#contact_form{padding:20px 40px;}