@import url(comm.css);
@import url(header.css);
@import url(sider_nav.css);
@import url(footer.css);
/* ============== #container ============== */
#container{ clear: both; width: 980px; margin: 11px auto auto;  text-align: left; }
#container02{ clear: both; width: 980px; margin: 11px auto auto;  text-align: left; }
#con_left{ float: left; width: 204px; padding: 0 0 20px 0; }

.myspace_bread_nav{ width: 968px; margin: auto; border-bottom: 1px solid #e1e1e1; padding: 0px 0px 1px 12px; }

/* #content */
#content_r{ float: left; width: 763px; margin-left: 12px; padding: 0 0 20px 0; }

/* ============== #myspace ============== */
h2{ padding: 0 0 0 7px; height: 36px; font: 18px/36px '黑体' normal; color: #fff; }
h2.myspace_t01{ background: #F2347E; }
.info_w01{ padding: 12px 10px; background: #FFEEF6; }
.info_photo{ float: left; width: 73px; }
.info_txt{ float: left; padding: 3px 0 0 5px; }
.reg_label_star{color:#FE3A5E; text-align:right; font-size:22px; vertical-align:bottom;}
.reg_input_sm1{ color:#FE3A5E;}

#person_phone{ clear: both; padding: 10px 0 0 0; }
#person_phone span{ border: 1px solid #E8E2E4; background: #fff; padding: 0 5px; }
#person_address{ padding: 5px 0 0 0; }
#person_address dd{ border: 1px solid #E8E2E4; background: #fff; padding: 3px; text-align: right; }
#person_address dd p{ text-align: left; }
.but_w{ text-align: center; padding: 13px 0 5px 0; }

.myspace_but01{ background: url(img/myspace_but_bg01.gif) no-repeat; width: 86px; height: 20px; line-height: 20px; color: #fff; border: 0; }
.myspace_but02{ background: url(img/myspace_but_bg02.gif) no-repeat; width: 75px; height: 21px; line-height: 21px; color: #fff; border: 0; }
.myspace_but03{ background: url(img/myspace_but_bg03.gif) no-repeat; width: 43px; height: 16px; line-height: 16px; color: #666; border: 0; }

.info_p01{ padding: 5px 0 0 0; }
.info_p01 a{ text-decoration: underline; }
.intro_myself{ padding: 10px 0 0 0; }
h2.myspace_t02{ position: relative; background: #F233BE; }
h2.myspace_t02 a{ position: absolute; font: 12px/120% 'Arial' normal; top: 10px; right: 9px; color: #F9D194; }
h2.myspace_t02 a:hover{ color: #F9D194; text-decoration: underline; }

.info_w02{ padding: 12px 10px; background: #F6F6F6; }
.favorable_code dt{ color: #F233BE; }
.favorable_code dd input{ vertical-align: middle; margin: 0 5px 0 0; }
#my_favorable{ margin: 5px 0 0 0; background: #fff; padding: 6px; }
#my_favorable li{ clear: both; padding: 0 0 0 10px; }
#my_favorable li a{ float: left; display: block; }
#my_favorable li a:hover{ color: #F233BE; }
#my_favorable li a span{ display: block; float: left; width: 70px; }
.favorable_p{ padding: 10px 0 0 0; }
.favorable_more{ padding: 5px 0 0 0; text-align: right; }

.info_w03{ padding: 0 0 10px 10px; background: #F6F6F6; }
.gift_area{ padding: 10px 0 10px 0; background: url(img/myspace_linebg03.gif) no-repeat center bottom; }
.gift_list li{ float: left; padding: 5px 2px 0 0; text-align: center; }
.gift_list li img{ border: 1px solid #E0E0E0; margin: 0 0 7px 0; }
.gift_list li { line-height: 100%; }
.gift_list li a:hover img{ border: 1px solid #f00; }
.gift_area_more{ margin: 10px 0 0 0; text-align: right; padding: 0 10px 0 0; }

h2.myspace_t03{ position: relative; background: #FF93B0; }
h2.myspace_t03 span{ font-family: Arial; font-size: 16px; }
h2.myspace_t03 p{ position: absolute; right: 20px; top: 10px; color:#fff; }
h2.myspace_t03 p a{color: #fff;font-weight: bolder;margin: 0 0 0 10px;}
h2.myspace_t03 p a:hover{text-decoration: underline;color:#fff;}

.my_order{ border-bottom: 1px solid #FF92AF; border-right: 1px solid #FF92AF; border-left: 1px solid #FF92AF; background: url(img/myspace_linebg02.gif) repeat-y 381px 0; }
.my_order table{ float: left; border-collapse: collapse; width: 380px; }
.my_order table th,.my_order table td{ text-align: center; line-height: 28px; }
.my_order_info{
	cursor: pointer;
}
.my_order table th,
.my_order table .my_order_info td{ border-bottom: 1px solid #FF92AF; }
.my_order_pro{ position: relative; padding: 11px 0; display: none;}
.my_order_pro_close{ position: absolute; top: 11px; right: 10px; }
.my_order_arrowl,
.my_order_arrowr { float: left; width: 34px; margin: 40px 0 0 0; }
.my_order_pic{ float: left; width: 305px; overflow: hidden; }
.my_order_pic ul{ width: 400px; }
.my_order_pic li{ float: left; margin: 0 25px 0 0; }
.my_order_pic li img{ border: 1px solid #ccc; }

.myspace_box01{ margin: 8px 0 0 0; border: 1px solid #DFDFDF; background: url(img/myspace_linebg.gif) repeat-y 477px 0; }
.mar0{ margin-top: 0; }
.mb_left{ float: left;width: 478px; }
 h2.myspace_t04{ position: relative; background: #9CDAFF; border-right: 1px solid #fff; }
.mb_pro_list{ float: left; width: 434px; padding: 13px 0 23px 0; overflow: hidden; }
.mb_pro_list ul{ width: 800px; }
.mb_pro_list li{ float: left; padding: 0 30px 0 0; text-align: center; }
.mb_pro_list li p{ padding: 5px 0; line-height: 100%; }
.mb_pro_list li img{ border: 1px solid #ccc; }
.mb_pro_list li p img{ border: 0; }
.mb_arrow_left,.mb_arrow_right{ float: left; width: 22px; margin: 106px 0 0 0; text-align: center; }
.mb_right{ float: right; position: relative; display: inline; width: 283px; overflow:hidden;}

 h2.myspace_t05{ position: relative; background: #9CDAFF; }
 h2.h2bg{ background-image: url(img/myspace_h2bg.gif); background-repeat: no-repeat; background-position: right bottom; }
.mix_box{ padding: 0 0 5px 0; }
.mix_box dt{ padding: 0 0 3px 0; }
.mix_box dt span{ padding-right: 35px; color: #000; }
.mix_box dd li{ float: left; padding: 0 5px 0 0; text-align: center; }
.mix_box dd li p img{ border: 1px solid #ccc; margin: 0 0 3px 0; }
.mix_box01{ margin: 0 2px; padding: 5px 0 5px 10px; }
.gray_bg{ background: #F0F0F0; }
.mix_pages{ margin: 5px 5px 0 5px; padding: 5px 5px 0 0; border-top: 1px solid #EFEFEF; text-align: right; font-weight: bolder; }

.myspace_box02{ margin: 8px 0 0 0; border: 1px solid #DFDFDF; background: url(img/myspace_graybg.gif) repeat-y 477px 0; }
#mb_right_tab{ position: absolute; top: -26px; left: 12px; }
#mb_right_tab li{ float: left; line-height: 24px; font-weight: bolder; margin: 0 5px 0 0; }
#mb_right_tab li a{ display: block; float: left; border: 1px solid #D3D3D3; padding: 0 20px; background: #E5E5E5; }
#mb_right_tab li a:hover,
#mb_right_tab li a.current { border-bottom: 1px solid #fff; background: #fff; color: #666; }
#my_comment,
#my_question{ padding: 0 12px 0 14px; }
#my_comment dt,
#my_question dt{ padding: 12px 0 0 0; font-weight: bolder; }
#my_comment dt a,
#my_question dt a{ color: #59A9EE; }

.mb_pages{ margin: 10px 0 0 0; padding: 10px 0 0 0; border-top: 1px solid #E7E7E7; text-align: right; font-weight: bolder; clear:both;}
.my_vip{ padding: 10px 22px; }
.my_vip h4{ padding: 5px 0; font-size: 14px; color: #E456A2; }
.join_but{ padding: 5px 0 0 0; }
.join_but a{ display: block;width: 95px; height: 28px; line-height: 28px; text-align: center; color: #fff; background: url(img/my_vip_butbg.gif); }
.join_but a:hover{ color: #fff; }

.blank01{ padding: 40px 23px; }
.b_photo{ float: left; width: 135px; text-align: left; }
.b_photo img{ border: 1px solid #ccc; }
.b_txt{ float: left; width: 248px; }
.b_but{ padding: 10px 0 0 0; }
.t5{ font: 16px/150% '黑体' normal; color: #E355A1; }
.blank02{ padding: 16px; }
.blank02 li{ float: left; margin: 0 2px 10px 0; }
.blank02 li img{ border: 1px solid #ccc; }

.arrow_scroll_t{text-align: center;padding: 0 0 8px 0;}

.arrow_scroll_b{text-align: center;padding: 5px 0 0 0;}


.pro_bread_nav{ float: left; width: 759px; border-bottom: 1px solid #e1e1e1; margin: 0px 0px 1px 12px; }

#content_r{ float: left; width: 759px; margin-left: 12px; }
.gift_t{ background: #35B7F9; height: 42px; padding: 0 12px; font: 24px/42px 'Arial black' normal; color: #fff; }
.gift_but01{ display: block; float: right; width: 119px; height: 19px; font-weight: bolder; background: url(img/gift_but01.gif); color: #fff; text-align: center; }
.gift_but02{ display: block; float: right; width: 81px; height: 15px; line-height: 15px; background: url(img/gift_but02.gif); color: #fff; text-align: center; }
a.gift_but01:hover,
a.gift_but02:hover{ color: #fff; }
.gift_t span{ padding: 0 0 0 5px; font: 12px/150% normal; color: #fff; }
.gift_box{ padding: 5px 18px 10px 18px; }
.gift_box_left{ float: left; width: 300px; }
.gift_box_left img{ border: 1px solid #ccc; }
.gift_p01{ padding: 5px 0 0 0; font-weight: bolder; font-size: 16px; color: #00A5F7; }
.gift_p02{ padding: 5px 0 0 0; font-weight: bolder; font-size: 14px; color: #00A5F7; }
.gift_description{ padding: 5px 0 0 0; }
.gift_box_right{ float: left; width: 400px; }
.gift_box_right li{ float: left; width: 155px; padding: 0 0 10px 40px; }
.gift_box_right li img{ border: 1px solid #ccc; }