@charset "utf-8";
/* CSS Documen
 * 幸福威海-RESET 页面 CSS 
 * Made By Xu 2012-7-15
 */
 

/* RESET STYLES  */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	font-size: 100%;
	font-weight: inherit;
	font-style: normal;
	vertical-align: baseline;
/*	background: transparent;
*/	border: 0;
	outline: 0;
}

/* HTML5 RESETS FOR OLDER BROWSERS */
article, aside, figure, figure img, hgroup, footer, header, nav, section {
	display: block;
}

ol, ul { list-style: none; }
li{ list-style:none;}
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
input, select { vertical-align: middle; }
strong, b {
font-weight: bold;
}


s, strike, del {text-decoration: line-through;}
a {text-decoration:none;}
a img { border: 0; }
:focus { outline: 0; }
a:hover, a:active { outline: none; }
a:active { color:#FF0000; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; font-size:12px; color:#333}

/*  BASE SECTION -----------------------------------------------------------------------------------------*/

/* BASE BLOCK 
------------------------------------------------------------------*/
.f10 { font-size:10px; *font-size: 12px;}
.f11 {font-size:11px; *font-size: 13px;}
.f12 { font-size:12x; *font-size: 14px; }
.f14 { font-size:14x; *font-size: 15px; }
.f15 { font-size:15x; *font-size: 16px; }

.f-blue { color:#2839F5;}
.f-blue2 { color:#1b4d60;}
.f-blue3 { color:#5b80d0;}
.f-orange { color:#FF6633;}

.fl {float:left}
.fr {float:right}
.pr { position:relative}
.pa { position:absolute}

.label-60-5 { margin:0 5px 0 60px; }

.w50{ width:50px;}
.w100{ width:100px;}
.w150{ width:150px;}
.w140 { width:140px;}
.w350 { width:350px;}


.ml-2 {margin:0 0 0 2px; vertical-align:top; display:inline-block;}
.ml-4 { margin:0 0 0 4px; vertical-align:top; display:inline-block;}
.ml-5 {margin:0 0 0 5px; vertical-align:top; display:inline-block;}
.ml-7 {margin:0 0 0 7px; vertical-align:top; display:inline-block;}
.ml-6 {margin:0 0 0 6px; vertical-align:top; display:inline-block;}

.ml-8 {margin:0 0 0 8px; vertical-align:top; display:inline-block;}
.ml-9 {margin:0 0 0 9px; vertical-align:top; display:inline-block;}
.ml-10 {margin:0 0 0 10px; vertical-align:top; display:inline-block;}
.ml-11 {margin:0 0 0 11px; vertical-align:top; display:inline-block;}
.ml-12 {margin:0 0 0 12px; vertical-align:top; display:inline-block;}

.ml-14 {margin:0 0 0 14px; vertical-align:top; display:inline-block;}
.ml-15 {margin:0 0 0 15px; vertical-align:top; display:inline-block;}
.ml-16 {margin:0 0 0 16px; vertical-align:top; display:inline-block;}
.ml-20 {margin:0 0 0 20px; vertical-align:top; display:inline-block;}
.ml-30 {margin:0 0 0 30px; vertical-align:top; display:inline-block;}

.ml-40 {margin:0 0 0 42px; vertical-align:top; display:inline-block;}
.ml-42 {margin:0 0 0 42px; vertical-align:top; display:inline-block;}
.ml-80 {margin:0 0 0 80px; vertical-align:top; display:inline-block;}
.ml-90 {margin:0 0 0 90px; vertical-align:top; display:inline-block;}
.ml-100 {margin-left: 100px;}
.ml-170 {margin-left: 170px;}

.ml-200 {margin-left: 200px;}
.ml-300 {margin-left: 300px;}

.mr-2 { margin-right:2px;}
.mr-4 { margin-right:4px;}
.mr-10 { margin-right:10px;}
.mr-20 { margin-right:20px;}
.mr-30 { margin-right:30px;}
.mr-40 { margin-right:40px;}
.mr-50 { margin-right:50px;}
.mr-80 { margin-right:80px;}
.mr-100 { margin-right:100px;}
.mr-150 { margin-right:150px;}
.mr-200 { margin-right:200px;}

.m-bot_-10 { margin-bottom:-10px;}
.m-bot-2 { margin-bottom:2px;}
.m-bot-5 { margin-bottom:5px;}
.m-bot-10 { margin-bottom:10px;}
.m-bot-20 { margin-bottom:20px;}


.m-top-2 { margin-top:2px;}
.m-top-4 { margin-top:4px;}
.m-top-6 { margin-top:6px;}

.m-top-7 { margin-top:7px;}

.m-top-8 { margin-top:8px;}
.m-top-9 { margin-top:9px;}

.m-top-10 { margin-top:10px;}
.m-top-20 { margin-top:20px;}
.m-top-30 { margin-top:30px;}
.m-top-40 { margin-top:40px;}

.m-top-60 { margin-top:60px;}
.m-top-70 { margin-top:70px;}
.m-top-80 { margin-top:80px;}



.m-top5-bot5 { margin-top:5px; margin-bottom:5px; }

.p-top-10 { padding-top:10px;}
.p-top-20 { padding-top:20px;}
.p-bot-4 { padding-bottom:4px;}

.tip-text { color:#999;}

.inputtex { background-color: transparent;background-image: url(../images/bg_input_text.png);background-repeat: no-repeat;background-attachment: scroll;}
.input-tel-code { }

.radius-1 {border-radius: 1px; border-color:#CCC;}
.radius-2 {border-radius: 2px; border-color:#CCC;}
.radius-3 {border-radius: 3px; border-color:#CCC;}
.radius-5 {border-radius: 5px; border-color:#CCC;}

.no-border { border:0;}

.re-inline-space{
	  font-size:0;
      letter-spacing:-4px; /*实际情况下 -4这个值可能还要调整*/
      word-spacing:-4px;   /*实际情况下 -4这个值可能还要调整*/  }
.normal-inline{
	  font-size:12px;
      letter-spacing:normal; /*实际情况下 -4这个值可能还要调整*/
      word-spacing:normal;  /*实际情况下 -4这个值可能还要调整*/  
	}

.inline-block { display:inline-block; *display:inline; *zoom:1;}

.hr-line { border: 1px dashed #CCC;}
.img-border { border:#CCCCCC 1px;}

.price-sum { color:#FF0000; font-size:15px; font-weight:bold;}
.price-sum-big { color:#FF0000; font-size:19px; font-weight:bold;}

.d-block { display:block;}


.ok-btn { width:98px; height:25px; background-image:url(../images/okbtn.jpg); cursor:pointer;}
.cancel-btn { width:58px; height:25px; background-image:url(../images/cancelbtn.jpg); cursor:pointer;}
.sub-btn {width:119px; height:32px; background-image:url(../images/subbtn.jpg); cursor:pointer;}

.x-line_01 { width:100%; height:3px; border-bottom:1px solid #F0F0F0; margin:10 auto;}
.x-line_02 { width:100%; height:3px; border-bottom:1px solid #CCC; margin:10 auto;}
.x-line_03 { width:98%; height:3px; border-bottom:1px dotted #CCC; margin:0 auto;}
.x-line_04-shopmenu { border-bottom:1px #E8E8E8 dotted; width:97%; margin-left:-20px;}

.x-num-input {
width: 36px;
height: 16px;
margin: 0;
padding: 3px 2px 0 3px;
font-size: 12px;
color: #666;
background-color: white;
background-position: -77px 0;
border: 1px solid #3399FF;
outline: none;
ime-mode: disabled;
}
.x-num-set { border:1px solid #0066CC; margin-left:3px; margin-right:3px;}
.x-normal-input { height:20px; width:170px; line-height:14px; font-size:14px;}

/*--------------页面设置------------
---------------------------------------------*/
.clear {height:1px; clear: both; font-size: 0px; line-height: 0px;overflow:hidden}
.hide { display: none;  }
.hidden { display:none;}
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

.separator { clear: both; font-size: 0px; height: 10px; line-height: 10px}
.blank10{clear: both; font-size: 0px; height: 10px; line-height: 10px}
.blank20{clear: both; font-size: 0px; height: 20px; line-height: 20px}
.blank50{clear: both; font-size: 0px; height: 50px; line-height: 50px}
.blank100{clear: both; font-size: 0px; height: 100px; line-height: 100px}
.blank150{clear: both; font-size: 0px; height: 150px; line-height: 150px}

.center{ text-align:center}
.t-center{ text-align:center}
.t-left { text-align:left}
.t-right { text-align:right}

.t-valign-t { vertical-align:top;}
/*orderprocess_03.css*/
.money h1{ color:#F00; font-weight:700; font-size:20px; line-height:35px; padding-left:50px}
.money p{ font-size:14px; padding-left:50px; line-height:30px}
.money p a,.money span a{ font-size:12px}
.money span{ display:block; line-height:30px; font-size:14px; padding-left:120px}
.zf_1 img{ padding:10px 0 0 50px}
/*orderprocess_02.css*/
.djjz{ width:902px; padding:5px 25px; border:4px solid #a1bee0; background:#edffcc}
.djjz_1{ width:902px; padding:20px 25px; border:4px solid #bcccee}
.djjz_con{ width:902px}
.djjz_con h1{ font-size:14px; line-height:30px; border-bottom:1px dotted #ccc; text-indent:7em}
.djjz_con h1 b{color:#ff7314}
.djjz_con p{ line-height:30px; font-size:14px;text-indent:7em; padding:10px 0}
.djjz_con p a{ font-size:12px; padding-left:10px}
.djjz_con span{ display:block; padding:10px 0 0 120px}