/* ============== common style ============== */
*{ margin: 0; padding: 0; }
body{ margin: 0; background: #fff; text-align: left; }
div,td,tr,li,input,textarea,select,dt,dd,p{ font: 12px/150% 'Arial','Lucida Grande','Lucida Sans Unicode','ËÎÌå','ÐÂËÎÌå'; color: #666; }
img,fieldset{ border: 0px; }
ul{ list-style: none; }

/* base a */
a{ color: #666; text-decoration: none; }
a:hover{ color: #f39; text-decoration: none; }

.pop_inp01{ width: 175px; height: 16px; border: 1px solid #D5D5D5; line-height: 16px; }
.pop_inp02{ background: #d8043e url(img/pop_but01.gif); width: 106px; height: 20px; line-height: 20px; border: 0; color: #fff; font-weight: bolder; cursor: pointer; }

/* clearing hack */
.clear:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clear { display: inline-table; }
html .clear { height: 1%; }
.clear { display: block; }
/* end clearing hack */

#new_pop{margin: auto; position: relative;  width: 475px; padding: 20px;background:#fff;}
#new_pop_block{background: url(img/pop_tip_bg.gif) no-repeat center top; width: 414px; margin:60px auto 0}
#new_pop_block p {padding: 30px 0 0 165px; text-align: center; font-size: 16px; font-weight: normal; color: #f39;}


.close{position: absolute;right:20px;top:5px;}
#LoginPanel{ position: relative; margin: auto; width: 675px; background: url(img/pop_line_bg.gif) repeat-y 301px 0; padding:10px;}
#login_left{ float: left; width: 291px; }
#login_left_w{ padding: 0 10px 0 0; }
#t{ text-align: center; padding: 0 0 20px 0; background: url(img/pop_line_bg2.gif) repeat-x bottom; }
#login_left ul{ padding: 0 0 0 20px; }
#login_left ul li{ padding: 10px 0 0 0; }

li#yz img{ padding-left: 4em; vertical-align: middle; }
li#yz{ color: #D8043E; }
li#yz a{ color: #A0CFF5; text-decoration: underline; }

#login_left .pop_inp02{ margin: 0 0 0 4em; }
#login_right{ float: left; width: 381px; }
#login_right dl{ float: left; width: 170px; padding: 0 0 0 18px; }
#login_right dl dd{ color: #9C9C9C; padding: 11px 6px 0 6px; }
#login_right dl dd img{ vertical-align: middle; }
#login_right dl dd a{ color: #E55EAD; font-size: 14px; font-weight: bolder; }
.login_note{ padding: 30px 0 0 18px; font-size: 18px; font-weight: normal; color: #E355A1; }

#normal{ margin: auto; position: relative;  width: 475px; padding: 20px; }
#normal h3{ padding: 10px 0; text-align: center; font-size: 20px; font-family: é»‘ä½“; font-weight: normal; color: #E355A1; background: url(img/ccc_line_x.gif) repeat-x bottom; }
#new_blend{ margin: 10px 0 0 0; padding: 10px 22px; background: #EFEFEF; }
#new_blend textarea{vertical-align: top;padding: 0.5em;line-height: 120%;}
#new_blend .p01{padding: 10px 0 0 0;}
#new_blend h4{ padding: 0 0 5px 0; font-size: 14px; color: #E355A1; }
#old_blend{ padding: 20px 22px 0 22px; }
#old_blend select{ width: 16em; }
.dl01{ padding: 20px 22px 0 22px; }
.dl01 dt{ color: #000; padding: 0 0 5px 0; }
.dl01 dd li{ float: left; padding: 0 10px 0 0; }
.dl01 dd li img{ border: 1px solid #ccc; }

#prompt_wrapper{ background: url(img/pop_tip_bg.gif) no-repeat center top; width: 414px; margin:0 auto;}
#prompt_wrapper1{ background: url(img/pop_tip_unsmail_bg.gif) no-repeat center top; width: 414px; margin:0 auto;  }
#prompt_txt{ height: 100px; }
#prompt_txt p{ padding: 10px 0 0 165px; text-align: center; font-size: 16px; font-family: é»‘ä½“; font-weight: normal; color: #f39; }
.nor_but{ padding: 38px 0; text-align: center; }
#prompt_txt2{ height: 100px; }
#prompt_txt2 p{ padding: 10px 0 0 130px; text-align: center; font-size: 16px; font-family: é»‘ä½“; font-weight: normal; color: #f39; }


.my_order_list{ width: 434px; padding: 0 0 23px 0; overflow: hidden; margin: auto; }
.my_order_list ul{ width: 800px; padding: 20px 0 0 0; }
.my_order_list li{ float: left; padding: 0 30px 0 0; text-align: center; }
.my_order_list li p{ padding: 5px 0; line-height: 100%; }
.my_order_list li img{ border: 1px solid #ccc; }
.my_order_list li p img{ border: 0; }

#change_info{ width: 435px; margin: 0 auto 0 auto; }
#change_info li{ clear: both; margin: 4px 0 0 0; line-height: 180%; }
#change_info li label{ float: left; display: block; width: 5em; }
#change_info li input{ height: 16px; line-height: 16px; border: 1px solid #ccc; }
#change_info li img{ vertical-align: middle; }
#change_info li.ce{ padding: 15px 0 0 0; text-align: center; }
.small{ margin: auto; position: relative; width: 300px; padding: 20px; }
.modify_name h2{ padding: 0 0 10px 0; font-size: 16px; font-family: é»‘ä½“; font-weight: normal; color: #f39; }
.ce{ text-align: center; padding: 10px 0 0 0; }


.big{ margin: auto; position: relative;  width: 734px; padding: 20px;}
#order_confirm_left{ float: left; width: 449px; }
#order_confirm_left td{ padding: 5px 0; }
#order_confirm_left td img{ vertical-align: middle; }
.tf{ float: left; padding: 0 0 0 1em; }
#order_confirm_right{ float: left; width: 280px; padding: 0 0 10px 0; margin: 0 0 0 5px; background: #FFF7EB url(img/white_bg.gif) repeat-x 0 35px; }
#order_confirm_right_w{ margin: 10px 0 10px 22px; }
#order_confirm_right h3{ font-size: 18px; font-family: é»‘ä½“; font-weight: normal; color: #E354A1; }
#order_confirm_right input{ border: 0; border-bottom: 1px dotted #333; background: none; }
.d_info{ padding: 15px 0 0 0; }
.d_info img{ vertical-align: middle; }
.order_confirm_box{ float: left; width: 119px; margin: 15px 7px 0 0; }
.order_confirm_box p,.order_confirm_box img{ padding: 5px 0 0 0; }
#order_confirm_but{ clear: both; text-align: center; margin: 15px 0; }

.tab01{ width: 100%; }
.tab01 th{ border: 1px solid #ccc; background: #000; color: #fff; text-align: center; padding: 0 10px; }
.tab01 td{ border: 1px solid #ccc; text-align: center; padding: 5px 0; }
.tf{ text-align: left; padding: 0 0 0 1em; }
td.pro_pic img{ border: 1px solid #ccc; vertical-align: middle; margin: 0 1em 0 0; }
td.discount,td.total{ font-size: 14px; font-weight: bolder; }
td.total{ background: #ececec; }
td.total_all{ color: #e354a1; font-weight: bolder; font-size: 16px; }
td.fot{ color: #fff; font-weight: bolder; background: #000; }

.gift_detail{ margin: auto; position: relative;  width: 700px; padding: 20px;}
.gift_detail h2{ font-size: 18px; font-family: é»‘ä½“; font-weight: normal; color: #0090DF; }
.gift_detail h2 p{ }
.big_pic_box{ position: relative; width: 467px; float: left; }
.big_pic img{ border: 1px solid #ccc; }
.big_pic_bg{ position: absolute; top: -5px; left: -5px; }
.description{ padding: 10px 0; }
.description02{ padding: 10px; margin: 10px 0 0 0; background: #333; line-height: 120%; color: #fff; }
.gift_other{ float: left; width: 220px; }
.gift_other li{ float: left; margin: 0 0 0 10px; }
.gift_other li img{ margin: 10px 0 0 0; border: 1px solid #ccc; }
.gift_other p{ padding: 10px 0 0 15px; }

