@import url(comm.css);
@import url(header.css);
@import url(sider_nav.css);
@import url(footer.css);
/* ============== #container ============== */
#container{ clear: both; width: 980px; margin: 2px auto auto;  text-align: left; }
#con_left{ float: left; width: 204px; padding: 0 0 20px 0; }
.pro_bread_nav{ float: left; width: 759px; border-bottom: 1px solid #e1e1e1; margin: 0px 0px 1px 12px; }
#promotion_nav li{ padding: 0 0 0 6px; height: 40px; border-bottom: 1px solid #fff; }
#promotion_nav li a{ display: block; width: 100%; padding: 18px 0 0 0; font-size: 12px; color: #fff; font-weight: bolder; cursor: pointer; }

/* #content */
#content_r{ float: left; width: 759px; margin-left: 12px; }

/* ============== #order_down ============== */
#order_down{ width: 604px; height: 305px; margin: 7px 0 0 50px; background: url(img/order_down_bg.gif) no-repeat; }
#order_down ul{ padding: 193px 0 0 495px; }
#order_down ul li{ margin: 0 0 8px 0; line-height: 20px; }
#order_down ul li a{ font-size: 14px; color: #fff; letter-spacing: 2px; }

/* ============== #Quick_Order ============== */
#quick_order{ position: relative; margin: 9px; height: 60px;  }
#quick_order h3{ padding: 20px 0 0 0; font-family: 黑体; font-weight: normal; font-size: 18px; color: #D5043E; text-align: center; }
#write{ position: absolute; top: 42px; left: 100px; color: #fff; line-height: 120%; font-weight: bolder; }
/*.input_area{ position: absolute; top: 73px; left: 220px; }*/
.input_area{margin:10px 0 0;text-align:center;}
.input_area input{height: 15px; line-height: 15px; border: 1px solid #808080; margin: 0 0 0 2px; }
.input_area input.prompt_text{border:0;background: #D4033D; width: 138px; height: 17px; line-height: 17px; color: #fff; text-align: center; }
.input_area p{ clear: both; color: #f39; padding: 9px; }

.tab_w{ padding: 0px 8px 9px 8px; }
.tab01{ width: 100%; }
.tab01 th{ background: #D5043E; color: #fff; text-align: center; font-weight: normal; }
.tab01 td{ border: 1px solid #E5E5E5; text-align: center; padding: 5px 0; }
.tab01 td img{ border: 1px solid #ccc; }
.but01{ width: 44px; height: 20px; line-height: 20px; border: 0; color: #fff; text-align: center; background: url(img/order_but_bg01.gif); cursor: pointer; }
.tab01 input{ color: #666; }
.tab_w p{ padding: 10px 0 0 5px; color: #f39; }

.next_step{ padding: 12px 0 0 0; text-align: center; }
.next_step .but01{ width: 103px; background: url(img/order_but_bg02.gif); }

.q_note{ width: 725px; margin: auto; background: url(img/quick_order_tips_bg02.gif); }
.q_note_w1{ background: url(img/quick_order_tips_bg01.gif) no-repeat top; }
.q_note_w2{ padding: 15px 26px 10px 150px; background: url(img/quick_order_tips_bg03.gif) no-repeat bottom; }
.q_note dt{ padding: 5px 0 0 0; color: #D5043E; }
.q_note p{ padding: 10px 0 0 0; }
.q_note a{ color: #D5043E; text-decoration: underline; }
.q_note a:hover{ color: #D5043E; }

#subscribe{ position: relative; width: 751px; height: 466px; margin: 54px 0 0 0; background: url(img/subscribe_bg.jpg); }
#s_area_01{ padding: 0 70px 0 370px; }
#s_area_01 h2{ padding: 0 0 0 40px; height: 46px; background: url(img/arrow_ico02.gif) no-repeat left; font: 30px/46px '黑体' normal; color: #D62B34; }
#s_area_01 p{ padding: 10px 0 0 22px; }
#subscribe_but{ position: absolute; top: 171px; left: 402px; }
#s_area_02{ position: absolute; top: 310px; left: 88px; right: 40px; }
#s_area_02 h2{ height: 46px; font: 30px/46px '黑体' normal; color: #fff; }
#s_area_02 p{ color: #fff; line-height: 120%; }

/* ============== # Electronic_Catalogue============== */
#ec{margin: 26px 0 0 26px;}
.ec_txt{ float: left;width: 325px;padding:20px 0 0 0;}
.ec_txt h2{width:200px; height: 46px; background: url(img/arrow_ico03.gif) no-repeat right; font: 26px/46px '黑体' normal; color: #D62B34; }
.ec_txt p{ padding: 10px 0 0 0; }
.ec_pic{float: left;margin: 0 0 0 30px;}
.ec_list_w{clear: both;margin: 10px 0 0 0;}
.ec_arrow_left,
.ec_arrow_right{float: left;width: 50px;text-align: center;padding: 35px 0 0 0;}
.ec_list{ float: left; overflow:hidden; width: 610px;  }
.ec_list li{float: left; padding: 0 4px;  text-align: center;}

/* ============== # gift ============== */
.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; }