﻿body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea,  blockquote, th, td, button,sup,table,p{padding:0;margin:0;font-family:Arial;}
fieldset, img, input, button{border:none;}
img{-ms-interpolation-mode: bicubic;}
input, label, option, textarea, button, fieldset, legend{font-family:Arial;}
table{font:12px/18px Arial;}
ul,li{list-style:none;}

body{margin:0px auto;padding:0px; font:12px/1.5 arial, helvetica, sans-serif; color:#666666;}
/* link */
a{color:#666666; text-decoration:none; }
a:link, a:visited{text-decoration:none;}
a:hover{color:#FF0000; text-decoration:underline; }

/* comm start*/
.blank_b {font-size:1px; height:5px; line-height:5px; clear:both;}
.blank_bb {font-size:1px; height:10px; line-height:10px;clear:both;}
.blank_c {font-size:0px;clear:both; width:100%; height:0px !important; line-height:0px !important; float:none !important; overflow:hidden;}
.blank_d{font-size:1px; height:2px; line-height:2px; clear:both;}
/*--=clearfix--*/
.clearfix:after { content: "\0020"; display: block; visibility:hidden; height: 0; clear: both; }
.clearfix { zoom: 1; }

a.more,div.more{position:absolute; top:0px; right:10px; line-height:normal; font-size:12px; font-weight:normal; text-indent:0px;}
div.more a{color:#ff6600; font-size:12px; font-weight:normal;}

sup{font-size:8px;vertical-align:super; line-height:normal;}

input.text,textarea.text{color:#404040;font-size:12px;background:white url(../images/input-bg.png) 0 0 no-repeat;margin:0px;padding:3px 2px 0 3px;border:1px solid #a7a6aa;}input.text{height:16px;}

.input_text{padding:2px 2px 1px 3px;border:1px solid #b3ada7;}

.bj_input{background:url(../images/bj_input.jpg) repeat-x; height:27px; line-height:27px; border:1px solid #CCCCCC;}
.bj_textarea{border:1px solid #CCCCCC;}
.bj_btn{background:url(../images/bj_btn.jpg) repeat-x; border:1px solid #999999; cursor:pointer; display:inline-block;}
.bj_btn input{background:url(../images/bj_btn.jpg) repeat-x; width:80px; height:28px; border:none; cursor:pointer;}

span.date{position:absolute; right:0px; top:0px; color:#999999;}

.crumb{background:url(../images/crumb-ico.gif) 0 3px no-repeat; padding-left:20px; height:20px; line-height:20px; position:absolute; top:5px; right:0px;}

/*--=Basic Class--*/
.fl { float:left; }
.fr { float:right;}
.tl { text-align:left; }
.tc { text-align:center; }
.tr { text-align:right; }
.f10{ font-size:10px;}
.f12 { font-size:12px; }
.f13 { font-size:13px; }
.f14 { font-size:14px; }
.f16 { font-size:16px; }
.f18 { font-size:18px; }
.f24 { font-size:24px; }
.fb { font-weight:bold; }
.fn { font-weight:normal; }
.noline { text-decoration:none; }
.underline { text-decoration:underline; }
.ml0 { margin-left: 0!important; }
.mr0 { margin-right: 0!important; }
.mt5 { margin-top:5px; }
.mt10 { margin-top:10px; }
.mt15 { margin-top:15px; }
.mt20 { margin-top:20px; }
.mt30 { margin-top:30px; }
.mt50 { margin-top:50px; }
.mr5 { margin-right:5px; }
.mr10 { margin-right:10px; }
.mr15 { margin-right:15px; }
.mr20 { margin-right:20px; }
.mr30 { margin-right:30px; }
.mr50 { margin-right:50px; }
.mb5 { margin-bottom:5px; }
.mb10 { margin-bottom:10px; }
.mb15 { margin-bottom:15px; }
.mb20 { margin-bottom:20px; }
.mb30 { margin-bottom:30px; }
.mb50 { margin-bottom:50px; }
.ml5 { margin-left:5px; }
.ml10 { margin-left:10px; }
.ml15 { margin-left:15px; }
.ml20 { margin-left:20px; }
.ml30 { margin-left:30px; }
.ml50 { margin-left:50px; }
.pt5 { padding-top:5px; }
.pt10 { padding-top:10px; }
.pt15 { padding-top:15px; }
.pt20 { padding-top:20px; }
.pt30 { padding-top:30px; }
.pt50 { padding-top:50px; }
.pr5 { padding-right:5px; }
.pr10 { padding-right:10px; }
.pr15 { padding-right:15px; }
.pr20 { padding-right:20px; }
.pr30 { padding-right:30px; }
.pr50 { padding-right:50px; }
.pb5 { padding-bottom:5px; }
.pb10 { padding-bottom:10px; }
.pb15 { padding-bottom:15px; }
.pb20 { padding-bottom:20px; }
.pb30 { padding-bottom:30px; }
.pb50 { padding-bottom:50px; }
.pl5 { padding-left:5px; }
.pl10 { padding-left:10px; }
.pl15 { padding-left:15px; }
.pl20 { padding-left:20px; }
.pl30 { padding-left:30px; }
.pl50 { padding-left:50px; }
.p5 { padding:5px; }
.p10 { padding:10px; }
.p15 { padding:15px; }
.p20 { padding:20px; }
.p30 { padding:30px; }
.p50 { padding:50px; }
.block { display:block; }
.inline { display:inline; }
.inblock { display:inline-block; *display:inline;
zoom:1; letter-spacing:0; }/*--HTML源码内有换行会导致连续内联块元素间半个字符的间距，如需修正，请在父元素添加letter-spacing:-.5em;--*/
.none { display:none; }
.hidden { visibility:hidden; }
.hide{ width:0 !important; height:0 !important; overflow:hidden !important; padding:0 !important; margin:0 !important; border:0 none !important;}
.relative { position:relative; }
.absolute { position:absolute; }
.wfill { width:100%; }
.nowrap { white-space:nowrap; }
.nobor { border:none; }
.vm { vertical-align:middle;}
.zoom { zoom:1; }

/*--=Basic Class M18_UI基本类--*/
.hl { color:#F60!important; }
.hl2 { color:#A71F24!important; }
.hb { font-weight:bold; color:#FF6600 !important; }
.hb2 { font-weight:bold; color:#A71F24 !important; }
.red { color:#FF0000!important; }
.h { color:#CE0E0E!important; }
.loud { color:#000!important; }
.quiet { color:#666!important; }
.lower { color:#999!important; }
.cyan { color:#01bf39!important; }
.yahei { font-family:"Microsoft YaHei"; }
.p5 { padding:5px; }
.bor1 { border:1px solid #b6b6b6; }
.bor1-nt { border:1px solid #b6b6b6; border-top:none;}
.bor1-nb { border:1px solid #d5d5d5; border-bottom:none;}
.bor2{border:2px solid #ff6600;}
.bbd { border-bottom:1px dotted #CCCCCC; }
.btd { border-top:1px dotted #CCCCCC;}
.price{color:#FF0000; font-size:14px;}

.step_load{background:url(../images/loading.gif) no-repeat; width:16px; height:16px; display:inline-block;display:-moz-inline-stack;*zoom:1;*display:inline;vertical-align:middle;margin-right:5px;}

.num-family{font-family:Verdana, Simsun, Helvetica, Arial, sans-serif;}

span.L,span.R{display:block; position:absolute; overflow:hidden;}
span.L{left:0px;}
span.R{right:0px;}

.body {margin:0px auto;}
.body1{margin:0px auto;}
.body2{margin:0px auto; text-align:center;}
.main{margin:0px auto; width:960px; text-align:left;}
.hpwrap{width:1002px;margin-left:auto; margin-right:auto;}

/* head start*/
#head{zoom:1; background-color:#333333; border-bottom:3px solid #ed1b23;}
#head .logo{float:left;}
#head .nav{float:right; height:92px;}
#head .nav{float:right; height:92px;}
#head .nav a{display:block; width:111px; height:92px; line-height:92px; text-align:center; border-right:1px solid #424242; float:left; color:#FFFFFF; font-size:14px; font-weight:bold;}
#head .nav a:hover,#head .nav a.current{background-color:#ed1b23;  border-right:1px solid #ed1b23; text-decoration:none;  color:#FFFFFF;}
#head .banner{margin-bottom:10px;}

/* head end*/

/* footer start*/
#footer{background-color:#4b4b4a; margin-top:20px;}
#footer .menu{height:50px; background-color:#ce292f;}
#footer .menu a,#footer .menu span{display:block; height:50px; line-height:50px;}
#footer .menu a,#footer .menu a:hover{color:#FFFFFF; text-decoration:none;}
#footer .menu a{width:88px; text-align:center; float:left;}
#footer .menu a:hover{background-color:#333333;}
#footer .menu span{background:url(../images/footer/menu-left-bg.jpg) no-repeat; width:204px; text-align:center; color:#969696; float:right;}
#footer .QRCode{background-color:#f0eded; float:right;}
#footer .QRCode li{padding:10px 23px; float:left;}
#footer .cp{width:550px; padding-top:20px; float:left; color:#FFFFFF; line-height:30px; letter-spacing:1px;}
/* footer end*/


.btn,.small-btn,.long-btn,.short-btn,.small-long-btn{background:url(../images/btn_bg.png) no-repeat;width:80px;height:25px;line-height:25px;display:inline-block;text-align:center;font-size:14px;border:none;cursor:pointer;color:#fff;}
.small-btn{background-position:0 -150px;width:51px;height:21px;line-height:21px;font-size:12px;font-weight:normal;}
.long-btn{background-position:0 -300px;width:100px;font-size:12px;}
.short-btn{background-position:0 -450px;width:60px;font-size:12px;}.small-long-btn{background-position:0 -600px;width:61px;height:21px;font-size:12px;line-height:21px;font-weight:normal;}
.btn,.small-btn,.long-btn,.short-btn,.small-long-btn{color:#fff;}
.btn:hover,.small-btn:hover,.long-btn:hover,.short-btn:hover,.small-long-btn:hover{color:#fff;}
button.btn:hover,button.small-btn:hover,button.long-btn:hover,button.short-btn:hover,button.small-long-btn:hover{text-decoration:none;}
.skin-gray .btn{background-position:0 -50px;}
.skin-blue .btn{background-position:0 -25px;}
.skin-gray .small-btn{background-position:0 -210px;}
.skin-blue .small-btn{background-position:0 -180px;}
.skin-gray .long-btn{background-position:0 -350px;}
.skin-blue .long-btn{background-position:0 -325px;}
.skin-gray .short-btn{background-position:0 -500px;}
.skin-blue .short-btn{background-position:0 -475px;}
.skin-gray .small-long-btn{background-position:0 -660px;}
.skin-blue .small-long-btn{background-position:0 -630px;}
.skin-gray .btn,.skin-gray .small-btn,.skin-gray .long-btn,.skin-gray .short-btn,.skin-gray .small-long-btn{color:#0F0000;}
.skin-gray .btn:hover,.skin-gray .small-btn:hover,.skin-gray .long-btn:hover,.skin-gray .short-btn:hover,.skin-gray .small-long-btn:hover{color:#0F0000;}

.btn_hit,.btn_normal,.btn_disabled,.btn_hit_s,.btn_normal_s,.btn_disabled_s,.btn_hit_b,.btn_normal_b,.btn_disabled_b{display:inline-block;*display:inline;*zoom:1;height:23px;line-height:20px;line-height:23px\9;border:none;background:url(../images/btn_bg2.png) no-repeat;text-align:center;text-decoration:none !important;cursor:pointer;}
.btn_hit,.btn_normal,.btn_disabled{width:75px;}
.btn_hit_b,.btn_normal_b,.btn_disabled_b{width:99px;}
.btn_hit_s,.btn_normal_s,.btn_disabled_s{width:66px;}
.btn_hit,.btn_hit_s,.btn_hit_b{color:#FFFFFF !important;font-size:12px;font-weight:bolder;}
.btn_normal,.btn_normal_s,.btn_normal_b{color:#333333 !important;font-size:12px;}
.btn_disabled,.btn_disabled_s,.btn_disabled_b{color:#9D9DA1 !important;font-size:12px;cursor:default;}
.btn_hit{background-position:-76px 0;}
.btn_normal{background-position:-76px -33px;}
.btn_disabled{background-position:-76px -66px;}
.btn_hit_s{background-position:0 0;}
.btn_normal_s{background-position:0 -33px;}
.btn_disabled_s{background-position:0 -66px;}
.btn_hit_b{background-position:-161px 0;}
.btn_normal_b{background-position:-161px -33px;}
.btn_disabled_b{background-position:-161px -66px;}

.btn_entry_o,.btn_entry_c{width:80px;height:28px; font-size:12px; font-weight:bold; cursor:pointer; background:url(../images/bg_regist.jpg) no-repeat;border:none;}
.btn_entry_c{background-position: -155px -114px;}
.btn_entry_o{background-position: -155px -150px; color:#fff;}

.page{width:100%; clear:both; margin-bottom:10px;}
.page .all_order{float:left;}
.page .all_order .checkbox{display:inline-block; position:relative; top:3px; *top:2px;}

.page .page-text{float:left; font-size:13px; word-spacing:5px; margin-right:10px;padding:3px 6px; font:12px/18px Verdana, Simsun, Helvetica, Arial, sans-serif; color:#000000;}

.paginator{float:right;height:21px;}
.paginator, .paginator input, .paginator button{font-family:Tahoma, "";font-size:12px;}
.paginator a, .paginator span{float:left;height:18px;margin:0 3px 0 0;ext-align:center;white-space:nowrap;vertical-align:middle;line-height:19px;display:block;}
.paginator a{color:#000000;}
.paginator a:link, .paginator a:visited, .paginator a:hover, .paginator a:active{text-decoration:none;}
.paginator .page-start, .paginator a, .paginator .page-end{padding:0 3px;border:1px solid #ccc;}
.paginator .page-start{padding-left:15px;border-color:#d9d9d9;background:#fff url(../images/pagebg.png) no-repeat 5px 5px;color:#d9d9d9;}
.paginator a.page-prev{padding-left:15px;background:#fff url(../images/pagebg.png) no-repeat 5px -16px;}
.paginator a.page-next{padding-right:15px;background:#fff url(../images/pagebg.png) no-repeat -14px -16px;}
.paginator .page-end{padding-right:15px;border-color:#d9d9d9;background:#fff url(../images/pagebg.png) no-repeat -14px 5px;color:#d9d9d9;}
.paginator .page-this, .paginator .page-break{padding:0 3px;}
.paginator .page-break{border:1px solid #fff;}
.paginator .page-this{border:1px solid #fff;color:#ff6600;font-weight:bold;}
.paginator a:hover{border:1px solid #ff6600;color:#ff6600 !important;text-decoration:none;}
