/* reset.css */
html {margin:0;padding:0;border:0;}
body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article, aside, details, figcaption, figure, dialog, footer, header, hgroup, menu, nav, section {display:block;}
body {line-height:1.5;background:white;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;float:none !important;}
table, th, td {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:'';}
blockquote, q {quotes:"" "";}
a img {border:none;}
:focus {outline:0;}

/* typography.css */
html {font-size:100.01%;}
body {font-size:75%;color:#222;background:#fff;font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:2em;margin-bottom:0.75em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
.left {float:left !important;}
p .left {margin:1.5em 1.5em 1.5em 0;padding:0;}
.right {float:right !important;}
p .right {margin:1.5em 0 1.5em 1.5em;padding:0;}
a:focus, a:hover {color:#09f;}
a {color:#06c;text-decoration:underline;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong, dfn {font-weight:bold;}
em, dfn {font-style:italic;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0;}
ul, ol {margin:0 1.5em 1.5em 0;padding-left:1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;}
thead th {background:#c3d9ff;}
th, td, caption {padding:4px 10px 4px 5px;}
tbody tr:nth-child(even) td, tbody tr.even td {background:#e5ecf9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}
hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:1px;margin:0 0 17px;border:none;}
hr.space {background:#fff;color:#fff;visibility:hidden;}
.clearfix:after, .container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix, .container {display:block;}
.clear {clear:both;}
html,.body{height:100%;width:100%; font-family:"Microsoft YaHei",Arial;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111; margin: 0;}
p {margin:0;}
p .left {margin:0;padding:0;}
p .right {margin:0;padding:0;}
ul,ol,dl{list-style-type: none; padding: 0;margin: 0;}
a{text-decoration: none; color:#333;}
.fn,.fontNormal{ font-style:normal;}
.fi,.fontItalic{ font-style:italic;}
.fo,.fontOblique{ font-style:oblique;}
.fv,.fontVariant{ font-variant:small-caps;}
.fwn,.fontWeightNormal{ font-weight:normal;} 
.bord,.fontBord{ font-weight:bold;}
.strong{ font-weight:bold;}
.fontb,.fontBorder{ font-weight:bolder;}
.lighter,.fontLighter{ font-weight: lighter;}
.fsxxs,.fontsizeXxsmall{ font-size:xx-small;}
.fsxs,.fontsizeXsmall{ font-size: x-small;}
.fss,.fontsizeSmall{ font-size: small;}
.fsm,.fontsizeMedium{ font-size: medium;}
.fsl,.fontsizeLarge{ font-size: large;}
.fsxl,.fontsizeXlarge{ font-size: x-large;}
.fsxxl,.fontsizeXxlarge{ font-size: xx-large;}
.fs-1,.fontsize-1{ font-size: 1em;}
.fs-2,.fontsize-2{ font-size: 2em;}
.fs-3,.fontsize-3{ font-size: 3em;}
.fs-4,.fontsize-4{ font-size: 4em;}
.fs-5,.fontsize-5{ font-size: 5em;}
.fs-6,.fontsize-6{ font-size: 6em;}
.fs-7,.fontsize-7{ font-size: 7em;}
.fs-8,.fontsize-8{ font-size: 8em;}
.fs-9,.fontsize-9{ font-size: 9em;}
.fs-10,.fontsize-10{ font-size: 10em;}
.fs10px{font-size: 10px;}
.fs12px{font-size: 12px;}
.fs14px{font-size: 14px;}
.fs16px{font-size: 16px;}
.fs18px{font-size: 18px;}
.fs20px{font-size: 20px;}
/*  color and background 
		free properties
		--color
		--background
*/
.bgly,.bgLightYellow{background-color: #FDF5D9!important;}
.bglr,.bgLightRed{background-color: #FDDFDE!important;}
.bglg,.bgLightGreen{background-color: #D1EED1!important;}
.bglb,.bgLightBlue{background-color: #DDF4FB!important;}
.bglgrey,.bgLightGrey{background-color: #F5F5F5!important;}
.bglgrey2,.bgLightGrey2{background-color: #eee!important;}
.bglBk,.bgLightBlack{background-color: #414141!important;}
.bgy,.bgYellow{background-color: #D2B852!important;}
.bgr,.bgRed{background-color: #C00!important;}
.bgg,.bgGreen{background-color: #57A957!important;}
.bgb,.bgBlue{background-color: #0064CD!important;}
.bggrey{background-color: grey!important;}
.bgdgrey,.bgDeepGrey{background-color: #999!important;}
.bgdgrey2{background-color: #333!important;}
.bgdgrey3{background-color: #666!important;}
.bgBlack{background-color: #000!important;}
.bgw,.bgWhite{background-color: #fff!important;}

.hoverly:hover,.itemLightYellow:hover{background-color: #FDF5D9!important;}
.hoverlr:hover,.itemLightRed:hover{background-color: #FDDFDE!important;}
.hoverlg:hover,.itemLightGreen:hover{background-color: #D1EED1!important;}
.hoverlb:hover,.itemLightBlue:hover{background-color: #DDF4FB!important;}
.hoverlgrey:hover,.itemLightGrey:hover{background-color: #F5F5F5!important;}
.hoverlgrey2:hover,.itemLightGrey2:hover{background-color: #eee!important;}
.hovery:hover,.itemYellow:hover{background-color: #D2B852!important;}
.hoverr:hover,.itemRed:hover{background-color: #C00!important;}
.hoverg:hover,.itemGreen:hover{background-color: #57A957!important;}
.hoverb:hover,.itemBlue:hover{background-color: #0064CD!important;}
.hovergrey:hover,.itemGrey:hover{background-color: grey!important;}
.hoverblack:hover,.itemBlack:hover{background-color: #000!important;}
.hoverwhite:hover,.itemWhite:hover{background-color: #fff!important;}

.colorly,.colorLightYellow{color: #FDF5D9!important;}
.colorlr,.colorLightRed{color: #FDDFDE!important;}
.colorlg,.colorLightGreen{color: #D1EED1!important;}
.colorlb,.colorLightBlue{color: #DDF4FB!important;}
.colorlgrey,.colorLightGrey{color: #F5F5F5!important;}
.colorlgrey2,.colorLightGrey2{color: #eee!important;}
.yellow,.colory,.colorYellow{color: #D2B852!important;}
.red,.colorr,.colorRed{color: #C00!important;}
.green,.colorg,.colorGreen{color: #57A957!important;}
.blue,.colorb,.colorBlue{color: #0064CD!important;}
.grey,.colorGrey{color: grey!important;}
.deepgrey,.colorDeepGrey{color: #999!important;}
.grey2{color: #666;}
.black,.colorBlack{color: #000!important;}
.white,.colorw,.colorWhite{color: #fff!important;}

.hovercly:hover,.itemColorLightYellow:hover{color: #FDF5D9!important;}
.hoverclr:hover,.itemColorLightRed:hover{color: #FDDFDE!important;}
.hoverclg:hover,.itemColorLightGreen:hover{color: #D1EED1!important;}
.hoverclb:hover,.itemColorLightBlue:hover{color: #DDF4FB!important;}
.hoverclgrey:hover,.itemColorLightGrey:hover{color: #F5F5F5!important;}
.hovercy:hover,.itemColorYellow:hover{color: #D2B852!important;}
.hovercr:hover,.itemColorRed:hover{color: #C00!important;}
.hovercg:hover,.itemColorGreen:hover{color: #57A957!important;}
.hovercb:hover,.itemColorBlue:hover{color: #0064CD!important;}
.hovercg:hover,.itemColorGrey:hover{color: grey!important;}
.hovercblack:hover,.itemColorBlack:hover{color: #000!important;}
.hovercw:hover,.itemColorWhite:hover{color: #fff!important;}
/*  text
		free properties
		--word-spacing
		--letter-spacing
		--line-height
*/
.tdn,.textDecNone{text-decoration:none;}
.tdunder,.textDecUnder{text-decoration: underline;}
.tdover,.textDecOver{text-decoration: overline;}
.tdthough,.textDecThough{text-decoration: line-through;}
.vb,.valignBase{vertical-align: baseline;}
.vsub,.valignSub{vertical-align: sub;}
.vsuper,.valignSuper{vertical-align: super;}
.vtop,.valignTop{vertical-align: top;}
.vttop,.valignTtop{vertical-align: text-top;}
.vm,.valignMiddle{vertical-align: middle;}
.vb,.valignBottom{vertical-align: bottom;}
.vtb,.valignTbottom{vertical-align: text-bottom;}
.tcap,.tTransCap{text-transform:capitalize;}
.tupper,.tTransUpper{text-transform:uppercase;}
.tlower,.tTransLower{text-transform:lowercase;}
.tal,.textAlignLeft{text-align:left;}
.tar,.textAlignRight{text-align:right;}
.tac,.textAlignCenter{text-align:center;}
.ti,.textIndent{text-indent:20px;}
.tih,.textIndentHide{text-indent:-9999px;}
.til,.textIndentL{text-indent:40px;}
.ti-1,.textIndent-1{ text-indent:10px;}
.ti-2,.textIndent-2{ text-indent:20px;}
.ti-3,.textIndent-3{ text-indent:30px;}
.ti-4,.textIndent-4{ text-indent:40px;}
.ti-5,.textIndent-5{ text-indent:50px;}
.ti-6,.textIndent-6{ text-indent:60px;}
.wwn,.wordWrapNormal{word-wrap: normal;}
.wwb,.wordWrapBreak{word-wrap: break-word;} 
.wbn,.wordBreakNormal{word-break:normal;}
.wball,.wordBreakAll{word-break:break-all;}
.wbkall,.wordBreakKeepAll{word-break:keep-all;} 
.wsn,.wordSpaceNowrap{white-space:nowrap;}
.wsp,.wordSpacePre{white-space: pre;}
.wspreline,.wordSpacePreline{white-space: pre-line;}
.wsprewrap,.wordSpacePrewrap{white-space: pre-wrap;}
.fullw,.fullWidth{width:100%;}
.fullh,.fullHeight{height:100%;}
.wauto,.widthAuto{width:auto;}
.hauto,.heightAuto{height: auto;}
.hs,.heightS{ height:25px; line-height:25px!important;}
.hm,.heightM{ height:30px; line-height:30px!important;}
.hl,.heightL{ height:35px; line-height:35px!important;}
.hll,.heightLL{ height:40px; line-height:40px!important;}
.h45{height:45px!important; line-height:45px!important;}
.h50{line-height:50px!important;}

.ws,.widthS{ width:80px;}
.wm,.widthM{ width:110px;}
.wl,.widthL{ width:120px;}
.wll,.widthLL{ width:130px;}

.fulllh,.fullLineHeight{line-height:100%;}
.lh-1,.lineHight-1{line-height:1;}
.lh-2,.lineHight-2{line-height:2;}
.lh-3,.lineHight-3{line-height:3;}
.lh-4,.lineHight-4{line-height:4;}
.lh-5,.lineHight-5{line-height:5;}

.w-1,.width-1{ width:10px;}
.w-2,.width-2{ width:20px;}
.w-3,.width-3{ width:30px;}
.w-4,.width-4{ width:40px;}
.w-5,.width-5{ width:50px;}
.w-6,.width-6{ width:60px;}
.w-7,.width-7{ width:70px;}
.w-8,.width-8{ width:80px;}
.w-9,.width-9{ width:90px;}
.w-10,.width-10{ width:100px;}
.w-11,.width-11{ width:110px;}
.w-12,.width-12{ width:120px;}
.w-13,.width-13{ width:130px;}
.w-14,.width-14{ width:140px;}
.w-15,.width-15{ width:150px;}
.w-16,.width-16{ width:160px;}
.w-17,.width-17{ width:170px;}
.w-18,.width-18{ width:180px;}
.w-19,.width-19{ width:190px;}
.w-20,.width-20{ width:200px;}
.w-21,.width-21{ width:210px;}
.w-22,.width-22{ width:220px;}
.w-23,.width-23{ width:230px;}
.w-24,.width-24{ width:240px;}
.w-25,.width-25{ width:250px;}
.w-26,.width-26{ width:260px;}
.w-27,.width-27{ width:270px;}
.w-28,.width-28{ width:280px;}
.w-29,.width-29{ width:290px;}
.w-30,.width-30{ width:300px;}
.w-32,.width-32{ width:320px;}
.w-40,.width-40{ width:400px;}
.w-50,.width-50{ width:500px;}
.w-60,.width-60{ width:600px;}
.w-70,.width-70{ width:700px;}
.w-80,.width-80{ width:800px;}
.w-mx,.width-max{ width:9999px;}


.h-1,.height-1{ height:10px;}
.h-2,.height-2{ height:20px;}
.h-3,.height-3{ height:30px;}
.h-4,.height-4{ height:40px;}
.h-5,.height-5{ height:50px;}
.h-6,.height-6{ height:60px;}
.h-7,.height-7{ height:70px;}
.h-8,.height-8{ height:80px;}
.h-9,.height-9{ height:90px;}
.h-10,.height-10{ height:100px;}
.h-11,.height-11{ height:110px;}
.h-12,.height-12{ height:120px;}
.h-13,.height-13{ height:130px;}
.h-14,.height-14{ height:140px;}
.h-15,.height-15{ height:150px;}
.h-16,.height-16{ height:160px;}
.h-17,.height-17{ height:170px;}
.h-18,.height-18{ height:180px;}
.h-19,.height-19{ height:190px;}
.h-20,.height-20{ height:200px;}
.h-21,.height-21{ height:210px;}
.h-22,.height-22{ height:220px;}
.h-23,.height-23{ height:230px;}
.h-24,.height-24{ height:240px;}
.h-25,.height-25{ height:250px;}
.h-26,.height-26{ height:260px;}
.h-27,.height-27{ height:270px;}
.h-28,.height-28{ height:280px;}
.h-29,.height-29{ height:290px;}
.h-30,.height-30{ height:300px;}
.h-40,.height-40{ height:400px;}
.h-50,.height-50{ height:500px;}
.h-60,.height-60{ height:600px;}
.h-70,.height-70{ height:700px;}
.h-mx,.height-max{ height:9999px;}

.wf-5,.width-fluid-5{width:5%;}
.wf-10,.width-fluid-10{width:10%;}
.wf-15,.width-fluid-15{width:15%;}
.wf-20,.width-fluid-20{width:20%;}
.wf-25,.width-fluid-25{width:25%;}
.wf-30,.width-fluid-30{width:30%;}
.wf-33,.width-fluid-33{width:33%;}
.wf-35,.width-fluid-35{width:35%;}
.wf-40,.width-fluid-40{width:40%;}
.wf-45,.width-fluid-45{width:45%;}
.wf-50,.width-fluid-50{width:50%;}
.wf-55,.width-fluid-55{width:55%;}
.wf-60,.width-fluid-60{width:60%;}
.wf-65,.width-fluid-65{width:65%;}
.wf-70,.width-fluid-70{width:70%;}
.wf-75,.width-fluid-75{width:75%;}
.wf-80,.width-fluid-80{width:80%;}
.wf-85,.width-fluid-85{width:85%;}
.wf-90,.width-fluid-90{width:90%;}
.wf-95,.width-fluid-95{width:95%;}
.wf-100,.width-fluid-100{width:100%;}

.hf-5,.height-fluid-5{height:5%;}
.hf-10,.height-fluid-10{height:10%;}
.hf-15,.height-fluid-15{height:15%;}
.hf-20,.height-fluid-20{height:20%;}
.hf-25,.height-fluid-25{height:25%;}
.hf-30,.height-fluid-30{height:30%;}
.hf-35,.height-fluid-35{height:35%;}
.hf-40,.height-fluid-40{height:40%;}
.hf-45,.height-fluid-45{height:45%;}
.hf-50,.height-fluid-50{height:50%;}
.hf-55,.height-fluid-55{height:55%;}
.hf-60,.height-fluid-60{height:60%;}
.hf-65,.height-fluid-65{height:65%;}
.hf-70,.height-fluid-70{height:70%;}
.hf-75,.height-fluid-75{height:75%;}
.hf-80,.height-fluid-80{height:80%;}
.hf-85,.height-fluid-85{height:85%;}
.hf-90,.height-fluid-90{height:90%;}
.hf-95,.height-fluid-95{height:95%;}
.hf-100,.height-fluid-100{height:100%;}

.mlrauto,.marginLRAuto{ margin-left:auto; margin-right:auto;}
.center{ margin-left:auto; margin-right:auto;}
.nom,.noMargin{ margin:0;}
.nolm,.noLeftMargin{margin-left:0!important;}
.norm,.noRightMargin{margin-right:0!important;}
.notm,.noTopMargin{margin-top:0!important;}
.nobm,.noBottomMargin{margin-bottom:0!important;}

.mbn-1,.marginBottomNeg-1{margin-bottom:-1px;}

.nop,.noPadding{ padding:0;}
.nolp,.noLeftPadding{padding-left:0;}
.norp,.noRightPadding{padding-right:0;}
.notp,.noTopPadding{padding-top:0;}
.nobp,.noBottomPadding{padding-bottom:0;}

.mtss,.marginTopSS{ margin-top:2px;}
.mbss,.marginBottomSS{ margin-bottom:2px;}
.mrss,.marginRightSS{ margin-right:2px;}
.mlss,.marginLeftSS{ margin-left:2px;}
.mss,.marginSS{ margin:2px;}

.ptss,.paddingTopSS{ padding-top:2px;}
.pbss,.paddingBottomSS{ padding-bottom:2px;}
.prss,.paddingRightSS{ padding-right:2px;}
.plss,.paddingLeftSS{ padding-left:2px;}
.pss,.paddingSS{ padding:2px;}

.mts,.marginTopS{ margin-top:5px;}
.mbs,.marginBottomS{ margin-bottom:5px;}
.mrs,.marginRightS{ margin-right:5px;}
.mls,.marginLeftS{ margin-left:5px;}
.ms,.marginS{ margin:5px;}

.pts,.paddingTopS{ padding-top:5px;}
.pbs,.paddingBottomS{ padding-bottom:5px;}
.prs,.paddingRightS{ padding-right:5px;}
.pls,.paddingLeftS{ padding-left:5px;}
.ps,.paddingS{ padding:5px;}

.mt,.marginTop{ margin-top:10px;}
.mb,.marginBottom{ margin-bottom:10px;}
.mr,.marginRight{ margin-right:10px;}
.ml,.marginLeft{ margin-left:10px;}
.m,.margin{ margin:10px;}

.pt,.paddingTop{ padding-top:10px;}
.pb,.paddingBottom{ padding-bottom:10px;}
.pr,.paddingRight{ padding-right:10px!important;}
.pl,.paddingLeft{ padding-left:10px;}
.p,.padding{ padding:10px;}

.mtl,.marginTopL{ margin-top:15px;}
.mbl,.marginBottomL{ margin-bottom:15px;}
.mrl,.marginRightL{ margin-right:15px;}
.mll,.marginLeftL{ margin-left:15px;}
.m-15,.marginL{ margin:15px;}

.ptl,.paddingTopL{ padding-top:15px;}
.pbl,.paddingBottomL{ padding-bottom:15px;}
.prl,.paddingRightL{ padding-right:15px;}
.pll,.paddingLeftL{ padding-left:15px;}
.paddingL{ padding:15px;}

.mtll,.marginTopLL{ margin-top:20px;}
.mbll,.marginBottomLL{ margin-bottom:20px;}
.mrll,.marginRightLL{ margin-right:20px;}
.mlll,.marginLeftLL{ margin-left:20px;}
.marginll,.marginLL{ margin:20px;}

.ptll,.paddingTopLL{ padding-top:20px;}
.pbll,.paddingBottomLL{ padding-bottom:20px;}
.prll,.paddingRightLL{ padding-right:20px;}
.plll,.paddingLeftLL{ padding-left:20px;}
.paddingll,.paddingLL{ padding:20px;}

.pt-1,.paddingTop-1{ padding-top:10px;}
.pt-2,.paddingTop-2{ padding-top:20px;}
.pt-3,.paddingTop-3{ padding-top:30px;}
.pt-4,.paddingTop-4{ padding-top:40px;}
.pt-5,.paddingTop-5{ padding-top:50px;}
.pt-6,.paddingTop-6{ padding-top:60px;}
.pb-1,.paddingBottom-1{ padding-bottom:10px;}
.pb-2,.paddingBottom-2{ padding-bottom:20px;}
.pb-3,.paddingBottom-3{ padding-bottom:30px;}
.pb-4,.paddingBottom-4{ padding-bottom:40px;}
.pb-5,.paddingBottom-5{ padding-bottom:50px;}
.pb-6,.paddingBottom-6{ padding-bottom:60px;}
.pr-1,.paddingRight-1{ padding-right:10px;}
.pr-2,.paddingRight-2{ padding-right:20px;}
.pr-3,.paddingRight-3{ padding-right:30px;}
.pr-4,.paddingRight-4{ padding-right:40px;}
.pr-5,.paddingRight-5{ padding-right:50px;}
.pl-1,.paddingLeft-1{ padding-left:10px;}
.pl-2,.paddingLeft-2{ padding-left:20px;}
.pl-3,.paddingLeft-3{ padding-left:30px;}
.pl-4,.paddingLeft-4{ padding-left:40px;}
.pl-5,.paddingLeft-5{ padding-left:50px;}
.pl-6,.paddingLeft-6{ padding-left:60px;}
.p-1,.padding-1{ padding:10px;}
.p-2,.padding-2{ padding:20px;}
.p-3,.padding-3{ padding:30px;}
.p-4,.padding-4{ padding:40px;}
.p-5,.padding-5{ padding:50px;}
.p-6,.padding-6{ padding:60px;}

.mt-1,.marginTop-1{ margin-top:10px;}
.mt-2,.marginTop-2{ margin-top:20px;}
.mt-3,.marginTop-3{ margin-top:30px;}
.mt-4,.marginTop-4{ margin-top:40px;}
.mt-5,.marginTop-5{ margin-top:50px;}
.mt-6,.marginTop-6{ margin-top:60px;}
.mb-1,.marginBottom-1{ margin-bottom:10px;}
.mb-2,.marginBottom-2{ margin-bottom:20px;}
.mb-3,.marginBottom-3{ margin-bottom:30px;}
.mb-4,.marginBottom-4{ margin-bottom:40px;}
.mb-5,.marginBottom-5{ margin-bottom:50px;}
.mb-6,.marginBottom-6{ margin-bottom:60px;}
.mr-1,.marginRight-1{ margin-right:10px;}
.mr-2,.marginRight-2{ margin-right:20px;}
.mr-3,.marginRight-3{ margin-right:30px;}
.mr-4,.marginRight-4{ margin-right:40px;}
.mr-5,.marginRight-5{ margin-right:50px;}
.mr-6,.marginRight-6{ margin-right:60px;}
.ml-1,.marginLeft-1{ margin-left:10px;}
.ml-2,.marginLeft-2{ margin-left:20px;}
.ml-3,.marginLeft-3{ margin-left:30px;}
.ml-4,.marginLeft-4{ margin-left:40px;}
.ml-5,.marginLeft-5{ margin-left:50px;}
.ml-6,.marginLeft-6{ margin-left:60px;}
.m-1,.margin-1{ margin:10px;}
.m-2,.margin-2{ margin:20px;}
.m-3,.margin-3{ margin:30px;}
.m-4,.margin-4{ margin:40px;}
.m-5,.margin-5{ margin:50px;}
.m-6,.margin-6{ margin:60px;}

.b{ border:1px #ccc solid!important;}
.border{border:1px #ccc solid!important; margin:0;padding:0;}
.bl,.borderLeft { border-left:1px #ccc solid!important;}
.bright,.borderRight { border-right:1px #ccc solid!important;}
.bt,.borderTop { border-top:1px #ccc solid!important;}
.bb,.borderBottom { border-bottom:1px #ccc solid!important;}
.nob,.noBorder{ border:0 none!important;}
.nobl,.noBorderLeft{border-left:0 none!important;}
.nobr,.noBorderRight{border-right:0 none!important;}
.nobt,.noBorderTop{border-top:0 none!important;}
.nobb,.noBorderBottom{border-bottom:0 none!important;}
.l,.left{ float:left;}
.r,.right{ float:right;} 
.cr,.clearRight{ clear:right;}
.cl,.clearLeft{ clear:left;}
.c,.clear{clear:both;}
.poss,.positionS{ position:static;}
.posa,.positionA{ position:absolute;}
.posr,.positionR{ position: relative;}
.posf,.positionFix{ position:fixed;}
.show{ display:block;}
.block,.displayBlock{display:block;}
.inline,.displayInline{display:inline;}
.ib,.displayInlineBlock{display:inline-block;}
.it,.displayInlineTable{display:inline-table;}
.hide{ display:none;}
.oh,.overflowHide{ overflow:hidden;}
.oa,.overflowAuto{ overflow:auto;}
.os,.overflowScroll{ overflow:scroll;}
.ov,.overflowVisible{ overflow:visible;}
.v,.visible{ visibility:visible;}
.vf,.nov,.visibleFalse{ visibility:hidden;}
.z-1{z-index:1;}
.z-100{z-index:100;}
.z-1000{z-index:1000;}
.lsn,.listStyleNo{list-style:none outside none;}
/**
-----------------------------------  
Page Layout Css Objects    
----------------------------------- 
*/
/*-- header object define nav --*/
.headerBlack{ background:#2D2D2D; border-bottom:1px solid #333;}
.headerBlue{ background:#0c4a85; border-bottom:1px solid #0c4a85; width:100%;}
.headerM{ height:70px;}
.headerGrey{ background:#F5F5F5; border-bottom:1px solid #E5E5E5;}
.headerLink{ color:#fff; height:30px; line-height:30px;}
.headerLinkBlue:hover{ background-color:#12589a; color:#fff;}
.headerLinkBlack:hover{ background-color:#363636; color:#fff;}
.signUp:hover{ color:#fff;}
/*-- blueprint css object rewrite --*/
.showgrid {background:url(../images/grid.png);}
.container{ width:1000px;}
code{background-color:#F7F7F9; color:#DD1144; padding:2px 4px; border:1px solid #E1E1E8; }
pre,code{font-family:Menlo,Monaco,"Courier New",monospace; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
blockquote { border-left:5px solid #eee; margin:0 0 1.5em 0; padding:0 0 0 1.5em; font-size:16px;color:#333;}
blockquote.pull-right {border-left:0 none; border-right:5px solid #eee; margin:0 1.5em 0 0; padding:0 1.5em 0 0; text-align:right;}
p .left {margin:1em 1em 1em 0;}
p .right {margin:1em 1em 1em 0;}
/*-- banner.css -- banner object and sub-objects --*/
.banner{ margin-bottom:10px; background:#F2F2F2;}
	.logo{ width:200px; padding:20px 0 0; margin:0;}  
			.logoText{z-index:0; text-indent:-9999px;}
			.secondaryTitle{color:#fff;}
	.menuNav{height:40px; line-height:40px; padding:0; background:#CCC;} 
		.menuLink{ padding:0 20px;}

/*-- content.css -- content object and sub-objects --*/
.container{margin: 0 auto;}
.imageAds{background-color:#efefef; text-align:center; padding:5px;}
.content{padding:0;}

.sidebar{ width:200px;}
.sidebarM{ width:300px;}
.sidebarL{ width:350px;}
	.sidebox{ background:#F5F5F5;}
		.category{ padding-left:5px; font-size:1.5em; margin-top:5px;}
		.theme{padding-left:5px; padding-bottom:10px;}
			.theme li{ padding:3px 0;}

.main{}
.mainLeft{ margin-right:220px;}
.mainRight{ margin-left:220px;}
.mainLeftM{ margin-right:340px;}
.mainRightM{ margin-left:340px;}
.mainLeftL{ margin-right:390px;}
.mainRightL{ margin-left:390px;}
	.postItem{ margin-bottom:1.2em;}
		.articleTitleWrap{margin-top:1em;} 
	.pagination{font-size:1.2em;}
		.paginationLink,.pagelink{padding:6px 14px;}
		.paginationLink:hover{ background-color:#F5F5F5;}
		.active{ background-color:#F5F5F5;}
	.commonTitle{ font-size:1.5em;}
	
	.addComment{ border-bottom:0 none;}
	 .commonform span{ padding-left:5px;}
	
	.footer{ background:#F2F2F2;}
	.socialFooter{ background:none;}
/** 
 * CSS background-image to gradient property
 */
.g,.css3_gradient { background-color: #444444; background-image: -webkit-gradient(linear, left top, left bottom, from(#444444), to(#999999)); /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, #444444, #999999); /* Chrome 10+, Saf5.1+, iOS 5+ */
  background-image:    -moz-linear-gradient(top, #444444, #999999); /* FF3.6 */
  background-image:     -ms-linear-gradient(top, #444444, #999999); /* IE10 */
  background-image:      -o-linear-gradient(top, #444444, #999999); /* Opera 11.10+ */
  background-image:         linear-gradient(top, #444444, #999999); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#444444', EndColorStr='#999999'); /* IE6–IE9 */}
.ggrey,.css3_gradient_grey{ background-color: #E6E6E6; background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#E6E6E6)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #ffffff, #E6E6E6); /* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image:    -moz-linear-gradient(top, #ffffff, #E6E6E6); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #ffffff, #E6E6E6); /* IE10 */
	background-image:      -o-linear-gradient(top, #ffffff, #E6E6E6); /* Opera 11.10+ */
	background-image:         linear-gradient(top, #ffffff, #E6E6E6); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#E6E6E6'); /* IE6–IE9 */}

.gb,.css3_gradient_blue{ background-color: #0064CD; background-image: -webkit-gradient(linear, left top, left bottom, from(#049CDB), to(#0064CD)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #049CDB, #0064CD); /* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image:    -moz-linear-gradient(top, #049CDB, #0064CD); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #049CDB, #0064CD); /* IE10 */
	background-image:      -o-linear-gradient(top, #049CDB, #0064CD); /* Opera 11.10+ */
	background-image:         linear-gradient(top, #049CDB, #0064CD); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#049CDB', EndColorStr='#0064CD'); /* IE6–IE9 */}

.gg,.css3_gradient_green{ background-color: #57A957; background-image: -webkit-gradient(linear, left top, left bottom, from(#62C462), to(#57A957)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #62C462, #57A957); /* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image:    -moz-linear-gradient(top, #62C462, #57A957); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #62C462, #57A957); /* IE10 */
	background-image:      -o-linear-gradient(top, #62C462, #57A957); /* Opera 11.10+ */
	background-image:         linear-gradient(top, #62C462, #57A957); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#62C462', EndColorStr='#57A957'); /* IE6–IE9 */}

.gr,.css3_gradient_red{ background-color: #C43C35; background-image: -webkit-gradient(linear, left top, left bottom, from(#EE5F5B), to(#C43C35)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #EE5F5B, #C43C35); /* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image:    -moz-linear-gradient(top, #EE5F5B, #C43C35); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #EE5F5B, #C43C35); /* IE10 */
	background-image:      -o-linear-gradient(top, #EE5F5B, #C43C35); /* Opera 11.10+ */
	background-image:         linear-gradient(top, #EE5F5B, #C43C35); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#EE5F5B', EndColorStr='#C43C35'); /* IE6–IE9 */}

.gy,.css3_gradient_yellow{ background-color: #E0CE84; background-image: -webkit-gradient(linear, left top, left bottom, from(#FCEEC1), to(#E0CE84)); /* Saf4+, Chrome */
		background-image: -webkit-linear-gradient(top, #FCEEC1, #E0CE84); /* Chrome 10+, Saf5.1+, iOS 5+ */
		background-image:    -moz-linear-gradient(top, #FCEEC1, #E0CE84); /* FF3.6 */
		background-image:     -ms-linear-gradient(top, #FCEEC1, #E0CE84); /* IE10 */
		background-image:      -o-linear-gradient(top, #FCEEC1, #E0CE84); /* Opera 11.10+ */
		background-image:         linear-gradient(top, #FCEEC1, #E0CE84); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#FCEEC1', EndColorStr='#E0CE84'); /* IE6–IE9 */}

.gc,.css3_gradient_cyan{ background-color: #2F96B4; background-image: -webkit-gradient(linear, left top, left bottom, from(#5BC0DE), to(#2F96B4)); /* Saf4+, Chrome */
		background-image: -webkit-linear-gradient(top, #5BC0DE, #2F96B4); /* Chrome 10+, Saf5.1+, iOS 5+ */
		background-image:    -moz-linear-gradient(top, #5BC0DE, #2F96B4); /* FF3.6 */
		background-image:     -ms-linear-gradient(top, #5BC0DE, #2F96B4); /* IE10 */
		background-image:      -o-linear-gradient(top, #5BC0DE, #2F96B4); /* Opera 11.10+ */
		background-image:         linear-gradient(top, #5BC0DE, #2F96B4); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#5BC0DE', EndColorStr='#2F96B4'); /* IE6–IE9 */}
/*-- buttons.css -- button object and sub-objects --*/
.buttongroup button{float:left!important;}
.btn,.button{
		text-shadow: 0 1px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.2) inset, 0px 1px 1px rgba(0, 0, 0, 0.1);
 -webkit-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.2) inset, 0px 1px 1px rgba(0, 0, 0, 0.1);
		 box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.2) inset, 0px 1px 1px rgba(0, 0, 0, 0.1);
}
.greybtn,.greyButton{
	border:1px solid #999;
	color: #000;
}
.greybtn:hover,.greyButton:hover{
	background-color: #CCCCCC; color:#000;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#CCCCCC)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #ffffff, #CCCCCC); /* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image:    -moz-linear-gradient(top, #ffffff, #CCCCCC); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #ffffff, #CCCCCC); /* IE10 */
	background-image:      -o-linear-gradient(top, #ffffff, #CCCCCC); /* Opera 11.10+ */
	background-image:         linear-gradient(top, #ffffff, #CCCCCC);
						filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#CCCCCC'); /* IE6–IE9 */
}
.greybtn:active,.greyButton:active{
	 -moz-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2) inset, 0px 1px 3px rgba(0, 0, 0, 0.4);
-webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2) inset, 0px 1px 3px rgba(0, 0, 0, 0.4);
	box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2) inset, 0px 1px 3px rgba(0, 0, 0, 0.4);	
}
.bluebtn,.blueButton{
	border:1px solid #0064CD;
	color: #FFF;
}
.bluebtn:hover,.blueButton:hover{    
	background-color: #0154ab;color:#fff;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#049CDB), to(#0052a7)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #049CDB, #0052a7); /* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image:    -moz-linear-gradient(top, #049CDB, #0052a7); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #049CDB, #0052a7); /* IE10 */
	background-image:      -o-linear-gradient(top, #049CDB, #0052a7); /* Opera 11.10+ */
	background-image:         linear-gradient(top, #049CDB, #0052a7);
						filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#049CDB', EndColorStr='#0052a7'); /* IE6–IE9 */
}
.bluebtn:active,.blueButton:active{
	 -moz-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2) inset, 0px 1px 3px rgba(0, 0, 0, 0.4);
-webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2) inset, 0px 1px 3px rgba(0, 0, 0, 0.4);
	box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2) inset, 0px 1px 3px rgba(0, 0, 0, 0.4);
}
.greenbtn,.greenButton{
	border:1px solid #57A957;
	color: #FFF;
}
.greenbtn:hover,.greenButton:hover{    
	background-color: #4a974a;color:#fff;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#62C462), to(#4a974a)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #62C462, #4a974a); /* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image:    -moz-linear-gradient(top, #62C462, #4a974a); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #62C462, #4a974a); /* IE10 */
	background-image:      -o-linear-gradient(top, #62C462, #4a974a); /* Opera 11.10+ */
	background-image:         linear-gradient(top, #62C462, #4a974a);
						filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#62C462', EndColorStr='#4a974a'); /* IE6–IE9 */
}
.greenbtn:active,.greenButton:active{
	 -moz-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2) inset, 0px 1px 3px rgba(0, 0, 0, 0.4);
-webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2) inset, 0px 1px 3px rgba(0, 0, 0, 0.4);
	box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2) inset, 0px 1px 3px rgba(0, 0, 0, 0.4);	
}
.redbtn,.redButton{
	border:1px solid #C43C35;
	color: #FFF;
}

.redbtn:hover,.redButton:hover{    
	background-color: #b8342d;color:#fff;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#EE5F5B), to(#b8342d)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #EE5F5B, #b8342d); /* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image:    -moz-linear-gradient(top, #EE5F5B, #b8342d); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #EE5F5B, #b8342d); /* IE10 */
	background-image:      -o-linear-gradient(top, #EE5F5B, #b8342d); /* Opera 11.10+ */
	background-image:         linear-gradient(top, #EE5F5B, #b8342d);
						filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#EE5F5B', EndColorStr='#b8342d'); /* IE6–IE9 */
}

.redbtn:active,.redButton:active{
	 -moz-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2) inset, 0px 1px 3px rgba(0, 0, 0, 0.4);
-webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2) inset, 0px 1px 3px rgba(0, 0, 0, 0.4);
	box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2) inset, 0px 1px 3px rgba(0, 0, 0, 0.4);	
}
.yellowbtn,.yellowButton{
	border:1px solid #D2B852;
	color: #000;
}
.yellowbtn:hover,.yellowButton:hover{    
	background-color: #D2B852;color:#000;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FCEEC1), to(#D2B852)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #FCEEC1, #D2B852); /* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image:    -moz-linear-gradient(top, #FCEEC1, #D2B852); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #FCEEC1, #D2B852); /* IE10 */
	background-image:      -o-linear-gradient(top, #FCEEC1, #D2B852); /* Opera 11.10+ */
	background-image:         linear-gradient(top, #FCEEC1, #D2B852);
						filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#FCEEC1', EndColorStr='#D2B852'); /* IE6–IE9 */
}
.yellowbtn:active,.yellowButton:active{
	 -moz-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2) inset, 0px 1px 3px rgba(0, 0, 0, 0.4);
-webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2) inset, 0px 1px 3px rgba(0, 0, 0, 0.4);
	box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2) inset, 0px 1px 3px rgba(0, 0, 0, 0.4);	
}
.cyanbtn,.cyanButton{
	border:1px solid #2F96B4;
	color: #fff;
}
.cyanbtn:hover,.cyanButton:hover{    
	background-color: #1D7D99;color:#fff;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#5BC0DE), to(#1D7D99)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #5BC0DE, #1D7D99); /* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image:    -moz-linear-gradient(top, #5BC0DE, #1D7D99); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #5BC0DE, #1D7D99); /* IE10 */
	background-image:      -o-linear-gradient(top, #5BC0DE, #1D7D99); /* Opera 11.10+ */
	background-image:         linear-gradient(top, #5BC0DE, #1D7D99);
						filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#5BC0DE', EndColorStr='#1D7D99'); /* IE6–IE9 */
}

.cyanbtn:active,.cyanButton:active{
	 -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2) inset, 0 0 3px rgba(0, 0, 0, 0.4);
-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2) inset, 0 0 3px rgba(0, 0, 0, 0.4);
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.2) inset, 0 0 3px rgba(0, 0, 0, 0.4);	
}
.vgroup.round-10 .btn:first-child{border-radius: 10px 10px 0 0;}
.vgroup.round-10 .btn:last-child{border-radius: 0 0 10px 10px;border-bottom: 0 none;}
.vgroup .btn{
	border: 0 none;border-bottom: 1px solid #ccc;
} 
.hgroup .btn{
	border: 0 none;border-right: 1px solid #ccc;
}
.hgroup.round-10 .btn:first-child{border-radius: 10px 0 0 10px;}
.hgroup.round-10 .btn:last-child{
border-right: 0 none;border-radius:0 10px 10px 0;
}
/*-- dialog.css -- dialog object and component --*/
.dialogWrap {height:100%; width:100%; bottom:0; left:0; right:0; top:0; z-index:99;}
.dialogWrapIE {width:100%; height:100%; bottom:0; left:0; right:0; top:0; z-index:100; background-color:#fff;}
.close{ width:20px; height:20px; top:5px; right:0.3em; color:#666; cursor:pointer; text-shadow: 0 1px 0 #FFFFFF;}
.dialogMsg{min-height:100px;}
.dialogBox{width:540px; height:200px; margin-left:-280px; background-color: #fff; border:1px solid #ddd; left: 50%;top: 260px;
    z-index: 150;}

/*-- messages.css -- messages ojbects --*/
.lightYellowBox{background-color: #FDF5D9;}
.lightRedBox{background-color: #FDDFDE;}
.lightGreenBox{background-color: #D1EED1;}
.lightBlueBox{background-color: #DDF4FB;}
.lightGreyBox{background-color: #F5F5F5;}
.o-1,.opacity_1{ filter: alpha(opacity=10); -moz-opacity: 0.1; -khtml-opacity: 0.1; opacity: 0.1; }
.o-2,.opacity_2{ filter: alpha(opacity=20); -moz-opacity: 0.2; -khtml-opacity: 0.2; opacity: 0.2; }
.o-3,.opacity_3{ filter: alpha(opacity=30); -moz-opacity: 0.3; -khtml-opacity: 0.3; opacity: 0.3; }
.o-4,.opacity_4{ filter: alpha(opacity=40); -moz-opacity: 0.4; -khtml-opacity: 0.4; opacity: 0.4; }
.ohover:hover,.opacityHover:hover{ filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; }
.o,.opacity{ filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; }
.o-5,.opacity_5{ filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; }
.o-6,.opacity_6{ filter: alpha(opacity=60); -moz-opacity: 0.6; -khtml-opacity: 0.6; opacity: 0.6; }
.o-7,.opacity_7{ filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; }
.o-8,.opacity_8{ filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; }
.o-9,.opacity_9{ filter: alpha(opacity=90); -moz-opacity: 0.9; -khtml-opacity: 0.9; opacity: 0.9; }
.css3_flexbox { display: box; box-orient: horizontal; display: -webkit-box; -webkit-box-orient: horizontal; display: -moz-box; -moz-box-orient: horizontal; }
.css3_flexbox > div,.css3_flexbox > p,.css3_flexbox > a{ -webkit-box-flex: 1; -moz-box-flex: 1; box-flex: 1; }
.toc,.text-overflow-clip{ text-overflow:clip; }  
.toe,.text-overflow-ellipsis{ text-overflow:ellipsis; }
/* extend css3 objects */
.rounds,.css3_roundS { -moz-border-radius: 3px; /* FF1+ */
  -webkit-border-radius: 3px; /* Saf3+, Chrome */
          border-radius: 3px; /* Opera 10.5, IE 9 */}
.round-0,.css3_round-0 { -moz-border-radius: 0px; /* FF1+ */
  -webkit-border-radius: 0px; /* Saf3+, Chrome */
          border-radius: 0px; /* Opera 10.5, IE 9 */}
.round-1,.css3_round-1 { -moz-border-radius: 1px; /* FF1+ */
  -webkit-border-radius: 1px; /* Saf3+, Chrome */
          border-radius: 1px; /* Opera 10.5, IE 9 */}
.round-2,.css3_round-2 { -moz-border-radius: 2px; /* FF1+ */
  -webkit-border-radius: 2px; /* Saf3+, Chrome */
          border-radius: 2px; /* Opera 10.5, IE 9 */}
.round-3,.css3_round-3 { -moz-border-radius: 3px; /* FF1+ */
  -webkit-border-radius: 3px; /* Saf3+, Chrome */
          border-radius: 3px; /* Opera 10.5, IE 9 */}
.round-4,.css3_round-4 { -moz-border-radius: 4px; /* FF1+ */
  -webkit-border-radius: 4px; /* Saf3+, Chrome */
          border-radius: 4px; /* Opera 10.5, IE 9 */}
.round-5,.css3_round-5 { -moz-border-radius: 5px; /* FF1+ */
  -webkit-border-radius: 5px; /* Saf3+, Chrome */
          border-radius: 5px; /* Opera 10.5, IE 9 */}
.round-6,.css3_round-6 { -moz-border-radius: 6px; /* FF1+ */
  -webkit-border-radius: 6px; /* Saf3+, Chrome */
          border-radius: 6px; /* Opera 10.5, IE 9 */}
.round-7,.css3_round-7 { -moz-border-radius: 7px; /* FF1+ */
  -webkit-border-radius: 7px; /* Saf3+, Chrome */
          border-radius: 7px; /* Opera 10.5, IE 9 */}
.round-8,.css3_round-8 { -moz-border-radius: 8px; /* FF1+ */
  -webkit-border-radius: 8px; /* Saf3+, Chrome */
          border-radius: 8px; /* Opera 10.5, IE 9 */}
.round-9,.css3_round-9 { -moz-border-radius: 9px; /* FF1+ */
  -webkit-border-radius: 9px; /* Saf3+, Chrome */
          border-radius: 9px; /* Opera 10.5, IE 9 */}
.round-10,.css3_round-10 { -moz-border-radius: 10px; /* FF1+ */
  -webkit-border-radius: 10px; /* Saf3+, Chrome */
          border-radius: 10px; /* Opera 10.5, IE 9 */}
.round-11,.css3_round-11 { -moz-border-radius: 11px; /* FF1+ */
  -webkit-border-radius: 11px; /* Saf3+, Chrome */
          border-radius: 11px; /* Opera 10.5, IE 9 */}
.round-12,.css3_round-12 { -moz-border-radius: 12px; /* FF1+ */
  -webkit-border-radius: 12px; /* Saf3+, Chrome */
          border-radius: 12px; /* Opera 10.5, IE 9 */}
.round-13,.css3_round-13 { -moz-border-radius: 13px; /* FF1+ */
  -webkit-border-radius: 13px; /* Saf3+, Chrome */
          border-radius: 13px; /* Opera 10.5, IE 9 */}
.round-14,.css3_round-14 { -moz-border-radius: 14px; /* FF1+ */
  -webkit-border-radius: 14px; /* Saf3+, Chrome */
          border-radius: 14px; /* Opera 10.5, IE 9 */}
.round-15,.css3_round-15 { -moz-border-radius: 15px; /* FF1+ */
  -webkit-border-radius: 15px; /* Saf3+, Chrome */
          border-radius: 15px; /* Opera 10.5, IE 9 */}
.roundall,.css3_round_full { -moz-border-radius: 100%; /* FF1+ */
  -webkit-border-radius: 100%; /* Saf3+, Chrome */
          border-radius: 100%; /* Opera 10.5, IE 9 */}
.so,.css3_box_outer_shadow { -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25); /* FF3.5+ */
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25); /* Saf3.0+, Chrome */
          box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25); /* Opera 10.5, IE 9.0 */}
/*-- mobile Css (max-width:480) -- mobile objects --*/
@media handheld, only screen and (max-width: 980px),only screen and (device-width: 768px){
html, .body{width:100%;}
.column, .span-1, .span-2, .span-3, .span-4, .span-5, .span-6, .span-7, .span-8, .span-9, .span-10, .span-11, .span-12, .span-13, .span-14, .span-15, .span-16, .span-17, .span-18, .span-19, .span-20, .span-21, .span-22, .span-23, .span-24 {float:none;margin-right:0;width:100%;}
.append-1,.append-2,.append-3,.append-4,.append-5,.append-6,.append-7,.append-8,.append-9,.append-10,.append-11,.append-12,.append-13,.append-14,.append-15,.append-16,.append-17,.append-18,.append-19,.append-20,.append-21,.append-22,.append-23,
.prepend-1,.prepend-2,.prepend-3,.prepend-4,.prepend-5,.prepend-6,.prepend-7,.prepend-8,.prepend-9,.prepend-10,.prepend-11,.prepend-12,.prepend-13,.prepend-14,.prepend-15,.prepend-16,.prepend-17,.prepend-18,.prepend-19,.prepend-20,.prepend-21,.prepend-22,.prepend-23 {padding-left:0; padding-right:0;}
.logo{width:40%;}
.l,.left{float:none!important;}
.r,.right{float:none!important;}
.header{ width:100%;}  
.headerM{ width:100%;}  
.mainRight{ margin:0;}
textarea {height: 150px; width:90%;}
.socialFooter{width:100%;}
.container{width:100%; margin:0;}
.sidebar{ width:100%;}
.sidebarM{ width:100%;}
.sidebarL{ width:100%;}
.loginform{ width:100%;}
.commonLable{ width:25%;}
.commonTextarea{ width:60%;}
input.title,input.text,input[type="text"]{padding:10px 5px; width:auto;}
input.title{font-size: 16px;}
input.text,input[type="text"]{font-size: 15px;}
fieldset{padding:5px;}
pre{white-space: normal;}
.dialogBox{width:90%!important; left:5%!important; margin-left:0!important;}
.mainLeftL { margin-right: 0;}
.headerM { height: auto; min-height: 70px; padding-bottom: 2px;}
.pagination a,.pagination span{width:100%; padding:0!important;}
.buttongroup button{float:left!important;}
/*备用的浮动,在移动端使用*/
.fr{float:right!important;}
.fl{float:left!important;}
}