.dt {
	display: table;
	/*border-collapse: collapse;*/
	border-collapse: separate;
	
}
.dr {
	display: table-row;
}
.dc {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}
/* border-spacing */
.bds0px { border-spacing: 0px 0px; }
.bds2px { border-spacing: 0px 2px; }
.bds5px { border-spacing: 0px 5px; }
.bds10px { border-spacing: 0px 10px; }
.bds20px { border-spacing: 0px 20px; }
.bds30px { border-spacing: 0px 30px; }
.bds40px { border-spacing: 0px 40px; }
.bds50px { border-spacing: 0px 50px; }
.bds60px { border-spacing: 0px 60px; }
.bds70px { border-spacing: 0px 70px; }
.bds80px { border-spacing: 0px 80px; }


.tcenter { margin: 0 auto; }
.macenter { margin: 0 auto; }
.mgcenter { margin: 0 auto; }
.maleft { margin-left: 0; }
.maright { margin-left: auto; margin-right: 0; }

.vetop		{ vertical-align:top; }
.vebottom	{ vertical-align:bottom; }
.vemiddle	{ vertical-align:middle; }
.vebaseline { vertical-align:baseline; }
/*         */
.relative   { position:relative; }
.absolute   { position:absolute;top: 0; left: 0; right: 0; margin: auto; }
/*         */
.top5pa    { top:5%; }
.top10pa    { top:10%; }
.top20pa    { top:20%; }
.top30pa    { top:30%; }
/* padding */
.pd1px		{ padding: 1px; }
.pd3px		{ padding: 3px; }
.pd5px		{ padding: 5px; }
.pd10px		{ padding: 10px; }
.pd20px		{ padding: 20px; }
.pdt2px		{ padding-top: 2px; }
.pdt5px		{ padding-top: 5px; }
.pdt10px	{ padding-top: 10px; }
.pdt20px	{ padding-top: 20px; }
.pdb5px		{ padding-bottom: 5px; }
.pdb10px	{ padding-bottom: 10px; }
.pdb20px	{ padding-bottom: 20px; }
.pdl2px		{ padding-left: 2px; }
.pdl5px		{ padding-left: 5px; }
.pdL10px	{ padding-left: 10px; }
.pdl10px	{ padding-left: 10px; }
.pdl20px	{ padding-left: 20px; }
.pdl30px	{ padding-left: 30px; }
.pdl40px	{ padding-left: 40px; }
.pdr5px		{ padding-right: 5px; }
.pdr10px		{ padding-right: 10px; }
.pdr20px		{ padding-right: 20px; }


/* font size */
.fs0px { font-size: 0px; }
.fs10px { font-size: 10px; }
.fs11px { font-size: 11px; }
.fs12px { font-size: 12px; }
.fs13px { font-size: 13px; }
.fs16px { font-size: 16px; }
.fs18px { font-size: 18px; }
.fs20px { font-size: 20px; }
.fs24px { font-size: 24px; }
.fs26px { font-size: 26px; }
.fs28px { font-size: 28px; }
.fs30px { font-size: 30px; }
.fs32px { font-size: 32px; }
.fs36px { font-size: 36px; }
.fs38px { font-size: 38px; }
/* font weight */
.fs0dot2em { font-size: 0.2em; }
.fs0dot3em { font-size: 0.3em; }
.fs0dot5em { font-size: 0.5em; }
.fs0dot8em { font-size: 0.8em; }
.fs1em     { font-size: 1.0em; }
.fs1dot2em { font-size: 1.2em; }
.fs1dot3em { font-size: 1.3em; }
.fs1dot5em { font-size: 1.5em; }
.fs1dot8em { font-size: 1.8em; }
.fs2em     { font-size: 2.0em; }
.fs3em     { font-size: 3.0em; }
.fs5em     { font-size: 5.0em; }

.fs60pa { font-size: 60%; }
.fs70pa { font-size: 70%; }
.fs80pa { font-size: 80%; }
.fs100pa { font-size: 100%; }
.fs110pa { font-size: 110%; }
.fs120pa { font-size: 120%; }
.fs150pa { font-size: 150%; }
.fs200pa { font-size: 200%; }
/**/
.lh0dot5em { line-height: 0.5em }
.lh0dot8em { line-height: 0.8em }
.lh1em     { line-height: 1.0em }
.lh1dot2em { line-height: 1.2em }
.lh1dot5em { line-height: 1.5em }
.lh13px    { line-height: 13px }


.fw200 { font-weight: 200; }
.fw300 { font-weight: 300; }
.fw500 { font-weight: 500; }
.fw600 { font-weight: 600; }
/* width pixcel */

.wt200px { width: 200px; }

.mgt1px { margin-top: 1px; }
.mgt2px { margin-top: 2px; }
.mgt3px { margin-top: 3px; }
.mgt4px { margin-top: 4px; }
.mg10px { margin-top: 10px; margin-bottom: 10px; }
.mgt5px { margin-top: 5px; }
.mgt6px { margin-top: 6px; }
.mgt7px { margin-top: 7px; }
.mgt8px { margin-top: 8px; }
.mgt10px { margin-top: 10px; }
.mgt20px { margin-top: 20px; }
.mgt25px { margin-top: 25px; }
.mgt30px { margin-top: 30px; }
.mgt36px { margin-top: 36px; }
.mgt40px { margin-top: 40px; }
.mgt42px { margin-top: 42px; }
.mgt50px { margin-top: 50px; }
.mgt60px { margin-top: 60px; }
.mgt80px { margin-top: 80px; }
.mgt100px { margin-top: 100px; }
.mgt110px { margin-top: 110px; }
.mgt120px { margin-top: 120px; }
.mgt130px { margin-top: 130px; }
.mgt140px { margin-top: 140px; }
.mgt150px { margin-top: 150px; }
.mgt160px { margin-top: 160px; }

.mgb1px			{ margin-bottom: 1px; }
.mgb2px			{ margin-bottom: 2px; }
.mgb3px			{ margin-bottom: 3px; }
.mgb5px			{ margin-bottom: 5px; }
.mgb10px		{ margin-bottom: 10px; }
.mgb20px		{ margin-bottom: 20px; }
.mgb25px		{ margin-bottom: 25px; }
.mgb40px		{ margin-bottom: 40px; }
.mgb50px		{ margin-bottom: 50px; }
.mgb60px		{ margin-bottom: 60px; }
.mgb80px		{ margin-bottom: 80px; }
.mgl20px		{ margin-left: 20px; }

.htauto		{ height:auto; }
.ht100hv		{ height:100hv; }
.ht100pa		{ height:100%; }
.wt100wv		{ width:100wv; }
/* height */
.ht24px			{ height: 24px; }
.ht26px			{ height: 26px; }
.ht30px			{ height: 30px; }
.ht36px			{ height: 36px; }
.ht38px			{ height: 38px; }
.ht40px			{ height: 40px; }
.ht44px			{ height: 44px; }
.ht48px			{ height: 48px; }
.ht52px			{ height: 52px; }
.ht100px		{ height: 100px; }
.ht120px		{ height: 120px; }
.ht190px		{ height: 190px; }
.ht200px		{ height: 200px; }

.wtauto			{ width: auto; }
/* width pixel */
.wt1px			{ width:1px; }
.wt2px			{ width:2px; }
.wt5px			{ width:5px; }
.wt10px			{ width:10px; }
.wt15px			{ width:15px; }
.wt24px			{ width:24px; }
.wt32px			{ width:32px; }
.wt38px			{ width:38px; }
.wt40px			{ width:40px; }
.wt44px			{ width:44px; }
.wt48px			{ width:48px; }
.wt52px			{ width:52px; }
.wt64px         { width:64px; }
.wt72px			{ width:72px; }
.wt100px		{ width:100px; }
.wt190px		{ width:190px; }
.wt200px        { width:200px; }
.wt220px		{ width:220px; }
.wt460px		{ width:460px; }
.wt492px		{ width:492px; }
.wt500px		{ width:500px; }
.wt512px		{ width:512px; }
.wt600px		{ width:600px; }
.wt605px		{ width:605px; }
.wt660px		{ width:660px; }
.wt700px		{ width:700px; }
.wt800px		{ width:800px; }
.wt920px		{ width:920px; }
.wt950px		{ width:950px; }
.wt960px		{ width:960px; }
.wt1024px		{ width:1024px; }
.wt1028px		{ width:1028px; }
.wt1200px		{ width:1200px; }
/* width parcent */
.wt1pa			{ width:1%; }
.wt2pa			{ width: 2%; }
.wt4pa			{ width: 4%; }
.wt5pa			{ width: 5%; }
.wt8pa			{ width: 8%; }
.wt10pa			{ width: 10%; }
.wt12pa         { width: 12%; }
.wt14pa         { width: 14%; }
.wt15pa			{ width: 15%; }
.wt16pa			{ width: 16%; }
.wt18pa         { width: 18%; }
.wt19dot2pa		{ width: 19.2%; }
.wt20pa			{ width: 20%; }
.wt24dot25pa	{ width: 24.25%; }
.wt25pa			{ width: 25%; }
.wt30pa			{ width: 30%; }
.wt32pa			{ width: 32%; }
.wt35pa			{ width: 35%; }
.wt39pa			{ width: 39%; }
.wt40pa			{ width: 40%; }
.wt45pa			{ width: 45%; }
.wt48pa			{ width: 48%; }
.wt48dot5pa		{ width: 48.5%; }
.wt49pa			{ width: 49%; }
.wt49dot5pa		{ width: 49.5%; }

.wt50pa			{ width: 50%; }
.wt60pa			{ width: 60%; }
.wt70pa			{ width: 70%; }
.wt72pa			{ width: 72%; }
.wt80pa			{ width: 80%; }
.wt85pa			{ width: 85%; }
.wt90pa			{ width: 90%; }
.wt95pa			{ width: 95%; }
.wt98pa         { width: 98%; }
.wt100pa		{ width: 100%; }

.backgroundcccccc { background-color: #cccccc; }
.backgroundf0f0f0 { background-color: #f0f0f0; }
.background666666 { background-color: #666666; }
.backgrounddddddd { background-color: #dddddd; }
.background000000 { background-color: #000000; }
.backgroundffffff { background-color: #ffffff; }
.background0096da { background-color: #0096da; }
.backgroundcc3300 { background-color: #cc3300; }
.backgroundgray   { background-color: gray; }
.backgroundffffffdot3 { background-color: rgba(255,255,255,0.3);}
/* 色  */
.ccc3300			{ color: #cc3300; }
.cff0000			{ color: #ff0000; }
.cffffff			{ color: #ffffff; }
.c0096da			{ color: #0096da; }
.ccccccc			{ color: #cccccc; }
.c666666			{ color: #666666; }
.c000000			{ color: #000000; }
.ce41e25			{ color: #e41e25; }

.pd10px				{ paddint: 10px; }
/* background */
.bgf0f0f0		{ background-color: #f0F0F0; }
.bgeeeeee		{ background-color: #eeeeee; }

.cfff			{ color: #fff; }
.ccenter		{ text-align: center; }
.bgccc			{ background-color: #ccc; }

.taright		{ text-align: right; }
.taleft			{ text-align: left; }
.tacenter		{ text-align: center; }

.solid			{ border: 1px solid #ccc; }
.solid-bottom	{ border-bottom: 1px solid #f0f0f0; }
.solid-bottom-cccccc	{ border-bottom: 1px solid #cccccc; }
.solidf0f0f0	{ border: 1px solid #f0f0f0; }

.ls1px          { letter-spacing: 1.0px; }
.ls2px          { letter-spacing: 2.0px; }
.ls4px          { letter-spacing: 4.0px; }
.ls6px          { letter-spacing: 6.0px; }

.deconone		{ text-decoration: none; }

.zindex2		{ z-index: 2; }