@charset "utf-8";

/* Reset */
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 }
table { border-collapse: collapse; border-spacing: 0 }
fieldset, img { border: 0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal }
li { list-style: none }
caption, th { text-align: left }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal }
q:before, q:after { content: '' }
a:focus { outline: none; }
a:hover { cursor:pointer;}
abbr, acronym { border: 0; font-variant: normal }
sup { vertical-align: text-top }
sub { vertical-align: text-bottom }
input, textarea, select { font-family: inherit; font-size: inherit; *font-size: 100%; font-weight: inherit }
legend { color: #000 }
a{ color: #333}

/* Basic */
.err { color: #fe2617 }
.pic a:hover { background: none }
.clearfix { zoom: 1 }
.clearfix:after { visibility: hidden; display: block; font‐size: 0; content: " "; clear: both; height: 0 }
.ellipsis { overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; }

.corner4px {border-radius:4px;}
.t_corner8px { border-radius:8px 8px 0 0; }
.b_corner8px { border-radius:0 0 8px 8px;  }
.r_corner8px { border-radius:0 8px 8px 0;  }
.b_corner4px { border-radius:0 0 4px 4px; }

.bs { box-shadow:2px 2px 3px rgba(0, 0, 0, 0.3);}
.gapline { width:100%; height:1px; border-top:1px dashed #cccccc; margin:40px 0 40px 0; float:left;}
.inputfocus {-moz-box-shadow:0 0 7px rgba(38, 160, 218, 0.4);transition:all 0.25s ease-in-out; -moz-transition:all 0.25s ease-in-out; -webkit-transition:none; }
.inputblur {box-shadow:none; transition:all 0.25s ease-in-out; -moz-transition:all 0.25s ease-in-out; -webkit-transition:none; }

/* Font,  Link & Container */
body { color: #333; font: 12px/1.6 "Microsoft YaHei","Hiragino Sans GB","Segoe UI",Tahoma,Arial,Helvetica,sans-serif; background:url(/template/aug/images/extension/bg.png) top left repeat #ddddd; background-color:#fff;  }
code, pre { font-family: courier new,courier,monospace }
h1, h2 { color: #333; font-weight: 500 }
h1 { font-size: 18px; }
h2 { font-size: 14px }
a { color: #333; text-decoration: none }
a:hover { background: none;}
select { border: 1px solid #ccc; padding: 2px }
* html select { margin-top: 3px }
textarea { border: 1px solid #ccc; overflow: auto; padding: 4px 3px }

.p01 { color:#333;}
.p01hover { color:#333;}
.p01hover:hover { color:blue;}
.p02hover { color:#333;}
.p02hover:hover {  color:#blue; text-shadow:0 0 2px rgba(51,153,255,0.2); }
.p03 {color:#da5882;}
.p04 {color:#b8b7b7;}

.error { color: #f66 }
.hide {
	display:none;
}
.right {
	float:right;
}
.left {
	float:left;
}
/* Button */
button { cursor: pointer; _cursor: hand }

/* Form */

/* Layout */
.contentbox{ width:960px; margin:0 auto; margin-top:15px; }
.st01 { border:1px solid #cccccc; box-shadow:0 2px 2px rgba(0, 0, 0, 0.15); background-color:#fff; }
.st02 { margin:0 0 10px 0;}

/* site header */
.topheader_wrap { width:100%; text-align:center; background-color:#fff; border-bottom:1px solid #cccccc; box-shadow:0 2px 7px #bbb; }
.topheader { width:960px; margin:0 auto;}

/* footer */
.footer {
	width:100%;
    height:70px;
	margin:40px 0 0 0;
    padding:15px 0 0 0;
	text-align:center;
    color:#fff;
	background-color:#666;
}
.footer a { color:#00c4fa; margin:0 10px 0 0;}
.footer a:hover { text-decoration:underline;}
.links { margin:0 0 5px 0;}
#gwd_copyright {
  background-color: #333;
  height: 50px;
  padding: 0;
  line-height: 50px;
}
#gwd_copyright div {
  color: #959595;
  font-size: 12px;
}