@charset "utf-8";
/* CSS Document */

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, 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, hr, input, textarea, select, radio, a {
	margin: 0;
	padding: 0;
}
body, textarea {
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
}
h1, h2, h3, h4, h5, h6 {font-weight:normal;}
.ln {	list-style:none}
a {	text-decoration:none;	outline:none;	color:#06f}
button, input {	outline:none}
.rglr {	font-weight:normal
}
.bold{font-weight:bold !important}
.ligt {	font-weight:300}
strong, .strong {font-weight:600 !important}
input, textarea {outline:none;padding:4px}
.whClr {color:#fff}
.gryClr {color:#777}
.bgGry {background:#f5f5f5}
.bgWh {background:#fff}
.bgTrans {background:transparent}
.oh {overflow:hidden}
.oyAuto {overflow-y:auto}
.oxAuto {overflow-x:auto}
.db {display:block}
.dn {display:none}
.ptr {cursor:pointer}
.opc2 {opacity:.2}
.opc4 {opacity:.4}
.opc6 {opacity:.6}
.opc8 {opacity:.8}
.opc1 {opacity:1}
.rn {resize:none}
.upc {text-transform:uppercase}
.lwc {text-transform:lowercase}
.cpc {text-transform:capitalize}
.tdUndr {text-decoration:underline;}
.taR {text-align:right}
.taL {text-align:left}
.taC {	text-align:center}
.f16 {	font-size:16px}
.fs0 {font-size:65px}
.fs1 {font-size:32px}
.fs2 {font-size:24px}
.fs3 {font-size:20px}
.fs4 {font-size:16px}
.fs5 {font-size:12px}
.fs6 {font-size:11px}
.fs7 {font-size:10px}
.fwN {font-weight:normal}
.fwB {font-weight:bold}
.fwL {font-weight:lighter}
.ellp {text-overflow: ellipsis;overflow: hidden;white-space: nowrap}
.lh22 {line-height:22px;}
.lh24 {line-height:24px;}
.lh26 {line-height:26px;}
.lh28 {line-height:28px;}
.lh30 {line-height:30px;}
.lh32 {line-height:32px;}
.lh40 {line-height:40px;}
.fl {float:left}
.fr {float:right}
.cl {clear:both}
.cl:before,.cl:after {display: table;line-height: 0; content: "";}
.cl:after {clear: both;}
.clL {clear:left}
.clR {clear:right}
.col2 {	width:50%}
.col3 {width:33.333%}
.col4 {width:25%}
.col5 {width:20%}
.col6 {width:16.666%}
.col7 {width:14.285%}
.col8 {width:12.5%}
/*common padding*/
.pd{padding:5px}.pd1{padding:10px}.pd2{padding:20px}.pd3{padding:30px}.pd4{padding:40px}
.pdT{padding-top:5px}.pdB{padding-bottom:5px}.pdL{padding-left:5px}.pdR{padding-right:5px}
.pdT1{padding-top:10px}.pdB1{padding-bottom:10px}.pdL1{padding-left:10px}.pdR1{padding-right:10px}
.pdT2{padding-top:20px}.pdB2{padding-bottom:20px}.pdL2{padding-left:20px}.pdR2{padding-right:20px}
.pdT3{padding-top:20px}.pdB3{padding-bottom:30px}.pdL3{padding-left:30px}.pdR3{padding-right:30px}
.pdT4{padding-top:30px}.pdB4{padding-bottom:40px}.pdL4{padding-left:40px}.pdR4{padding-right:40px}

/*--common margin*/
.mr{margin:5px}.mr1{margin:10px}.mr2{margin:20px}.mr3{margin:30px}.mr4{margin:40px}
.mrT{margin-top:5px}.mrB{margin-bottom:5px}.mrL{margin-left:5px}.mrR{margin-right:5px}
.mrT1{margin-top:10px}.mrB1{margin-bottom:10px}.mrL1{margin-left:10px}.mrR1{margin-right:10px}
.mrT2{margin-top:20px}.mrB2{margin-bottom:20px}.mrL2{margin-left:20px}.mrR2{margin-right:20px}
.mrT3{margin-top:30px}.mrB3{margin-bottom:30px}.mrL3{margin-left:30px}.mrR3{margin-right:30px}
.mrT4{margin-top:40px}.mrB4{margin-bottom:40px}.mrL4{margin-left:40px}.mrR4{margin-right:40px}


.bdrTrans {border:1px solid transparent}
.bdr {border:1px solid #ccc}
.bdrN {	border:none}
.bdrT {border-top:1px solid #ccc}
.bdrB {border-bottom:1px solid #ccc}
.bdrL {border-left:1px solid #ccc}
.bdrR {border-right:1px solid #ccc}
.bdrT3 {border-top:3px solid #aaa}
.bdrB3 {border-bottom:3px solid #aaa}
.bdrL3 {border-left:3px solid #aaa}
.bdrR3 {border-right:3px solid #aaa}
.pa {position:absolute}
.pr {position:relative}
.pf {position:fixed}
.t {top:0}
.b {bottom:0}
.l {left:0}
.r {right:0}
.t05 {top:5px}
.b05 {bottom:5px}
.l05 {left:5px}
.r05 {right:5px}
.t1 {top:10px}
.b1 {bottom:10px}
.l1 {left:10px}
.r1 {right:10px}
.t2 {top:20px}
.b2 {bottom:20px}
.l2 {left:20px}
.r2 {right:20px}
.t3 {top:30px}
.b3 {bottom:30px}
.l3 {left:30px}
.r3 {right:30px}
.t4 {top:40px}
.b4 {bottom:40px}
.l4 {left:40px}
.r4 {right:40px}

textarea, input, select, button, .boxsize { 
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;   
	box-sizing: border-box;       
}
/*structure css*/
#header{
	position:fixed;
	top:0;
	left:0;
	right:0;
	z-index:99;
}
#footer{
	position:fixed;
	bottom:0;
	left:0;
	right:0;
	z-index:99;
	background:#fff;
    height: 39px;
    line-height: 39px;
}
#container{
	margin:0 auto;
	min-width:960px;
	max-width:1200px;
	position:relative;
	top:50px;
	margin-bottom:150px;
}