﻿.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; }
.bds10px { border-spacing: 0px 10px; }
.bds20px { border-spacing: 0px 20px; }
/*         */
.relative   { position:relative; }
.absolute   { position:absolute; margin: auto; }
.block	{ display:block; }

.tcenter { margin: 0 auto; }
.macenter { margin: 0 auto; }
.mgcenter { margin: 0 auto; }
.maleft { margin-left: 0; }
.vetop		{ vertical-align:top; }
.vebottom	{ vertical-align:bottom; }
.vemiddle	{ vertical-align:middle; }

/* padding */
.pd2pa		{ padding: 2%; }
.pd5pa		{ padding: 5%; }
.pd1px		{ padding: 1px; }
.pd5px		{ padding: 5px; }
.pd2px		{ padding: 2px; }
.pd10px		{ padding: 10px; }
.pd20px		{ padding: 20px; }
.pdt5px		{ padding-top: 5px; }
.pdt10px	{ padding-top: 10px; }
.pdt20px	{ padding-top: 20px; }
.pdb5px		{ padding-bottom: 5px; }
.pdb10px	{ padding-bottom: 10px; }
.pdb20px	{ padding-bottom: 20px; }
.pdl10px	{ padding-left: 10px; }
.pdl5px		{ padding-left: 5px; }
.pdr5px		{ padding-right: 5px; }

/**/
.lh1	   { line-height: 1; }
.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; }
.lh1dot7em { line-height: 1.7em; }
.lh13px    { line-height: 13px; }

.lh80pa    { line-height: 80%; }
.lh100pa   { line-height: 100%; }
.lh120pa   { line-height: 120%; }
.lh140pa   { line-height: 140%; }


/* font size */
.fs10px { font-size: 10px; }
.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; }
.fs2dot0em { font-size: 2.0em; }
.fs3dot0em { font-size: 3.0em; }
/* % */
.fs80pa { font-size: 80%; }
.fs90pa { font-size: 90%; }
.fs100pa { font-size: 100%; }
.fs110pa { font-size: 110%; }
.fs120pa { font-size: 120%; }
.fs125pa { font-size: 125%; }
.fs130pa { font-size: 130%; }
.fs140pa { font-size: 140%; }
.fs150pa { font-size: 150%; }
.fs160pa { font-size: 160%; }
.fs170pa { font-size: 170%; }
.fs180pa { font-size: 180%; }
.fs190pa { font-size: 190%; }
.fs200pa { font-size: 200%; }
.fs250pa { font-size: 250%; }
.fs300pa { font-size: 300%; }
/* font weight */
.fw100 { font-weight: 100; }
.fw300 { font-weight: 300; }
.fw350 { font-weight: 350; }
.fw400 { font-weight: 400; }
.fw500 { font-weight: 500; }
.fw600 { font-weight: 600; }
.fw700 { font-weight: 700; }
.fw900 { font-weight: 900; }
/* width pixcel */


.wt200px { width: 200px; }

.mg10px { margin-top: 10px; margin-bottom: 10px; }
.mgt2px { margin-top: 2px; }
.mgt3px { margin-top: 3px; }
.mgt4px { margin-top: 4px; }
.mgt5px { margin-top: 5px; }
.mgt10px { margin-top: 10px; }
.mgt13px { margin-top: 13px; }
.mgt14px { margin-top: 14px; }
.mgt15px { margin-top: 15px; }
.mgt16px { margin-top: 16px; }
.mgt17px { margin-top: 17px; }
.mgt19px { margin-top: 19px; }
.mgt20px { margin-top: 20px; }
.mgt22px { margin-top: 22px; }
.mgt25px { margin-top: 25px; }
.mgt30px { margin-top: 30px; }
.mgt35px { margin-top: 35px; }
.mgt40px { margin-top: 40px; }
.mgt64px { margin-top: 64px; }
.mgt80px { margin-top: 80px; }
.mgt120px { margin-top: 120px; }

.mgb10px { margin-bottom: 10px; }
.mgb20px { margin-bottom: 20px; }
.mgb30px { margin-bottom: 30px; }
.mgb34px { margin-bottom: 34px; }
.mgb35px { margin-bottom: 35px; }
.mgb40px { margin-bottom: 40px; }




.h100p  { height: 100px; }
/* height */
.ht20px			{ height: 20px; }
.ht22px			{ height: 22px; }
.ht24px			{ height: 24px; }
.ht23px			{ height: 23px; }
.ht27px			{ height: 27px; }
.ht28px			{ height: 28px; }
.ht29px			{ height: 29px; }
.ht30px			{ height: 30px; }
.ht36px			{ height: 36px; }
.ht38px			{ height: 38px; }
.ht40px			{ height: 40px; }
.ht42px			{ height: 42px; }
.ht45px			{ height: 45px; }
.ht46px			{ height: 46px; }
.ht50px			{ height: 50px; }
.ht55px			{ height: 55px; }
.ht56px			{ height: 56px; }
.ht60px			{ height: 60px; }
.ht63px			{ height: 63px; }
.ht66px			{ height: 66px; }
.ht70px			{ height: 70px; }
.ht72px			{ height: 72px; }
.ht74px			{ height: 74px; }
.ht80px			{ height: 80px; }
.ht113px		{ height: 113px; }
.ht160px		{ height: 160px; }
.ht120px		{ height: 120px; }
.ht200px		{ height: 200px; }
.ht450px		{ height: 450px; }
.wtauto			{ width: auto; }

/* width parcent */
.wt1pa			{ width:1%; }

.wt2pa			{ width: 2%; }
.wt4pa			{ width: 4%; }
.wt5pa			{ width: 5%; }
.wt10pa			{ width: 10%; }
.wt20pa			{ width: 20%; }
.wt24dot25pa	{ width:24.25%; }
.wt30pa			{ width: 30%; }
.wt32pa			{ width: 32%; }
.wt33pa			{ width: 33%; }
.wt39pa		{ width: 39%; }
.wt40pa		{ width: 40%; }
.wt45pa		{ width: 45%; }
.wt48pa		{ width: 48%; }
.wt49pa		{ width: 49%; }
.wt49dot5pa		{ width: 49.5%; }

.wt50pa		{ width: 50%; }
.wt60pa		{ width: 60%; }
.wt70pa		{ width: 70%; }
.wt80pa		{ width: 80%; }
.wt90pa		{ width: 90%; }
.wt95pa		{ width: 95%; }
.wt100pa	{ width:100%; }

.wt10px		{ width:10px; }
.wt18px		{ width:18px; }
.wt20px		{ width:20px; }
.wt32px		{ width:32px; }
.wt33px		{ width:33px; }
.wt34px		{ width:34px; }
.wt35px		{ width:35px; }
.wt46px		{ width:46px; }
.wt70px	{ width:70px; }
.wt80px	{ width:80px; }
.wt100px	{ width:100px; }
.wt110px	{ width:110px; }
.wt120px	{ width:120px; }
.wt130px	{ width:130px; }
.wt140px	{ width:140px; }
.wt145px	{ width:145px; }
.wt150px	{ width:150px; }
.wt160px	{ width:160px; }
.wt164px	{ width:164px; }
.wt170px	{ width:170px; }
.wt180px	{ width:180px; }
.wt190px	{ width:190px; }
.wt200px	{ width:200px; }
.wt210px	{ width:210px; }
.wt213px	{ width:213px; }
.wt220px	{ width:220px; }
.wt230px	{ width:230px; }
.wt240px	{ width:240px; }
.wt245px	{ width:245px; }
.wt262px	{ width:262px; }
.wt270px	{ width:270px; }
.wt280px	{ width:280px; }
.wt306px	{ width:306px; }
.wt331px	{ width:331px; }
.wt340px	{ width:340px; }
.wt350px	{ width:350px; }
.wt360px	{ width:360px; }
.wt370px	{ width:370px; }
.wt380px	{ width:380px; }
.wt400px	{ width:400px; }
.wt404px	{ width:404px; }
.wt420px	{ width:420px; }
.wt430px	{ width:430px; }
.wt450px	{ width:450px; }
.wt485px	{ width:485px; }
.wt490px	{ width:490px; }
.wt500px	{ width:500px; }
.wt550px	{ width:550px; }
.wt567px	{ width:567px; }
.wt585px	{ width:585px; }
.wt600px	{ width:600px; }
.wt670px	{ width:670px; }
.wt619px	{ width:619px; }
.wt700px	{ width:700px; }
.wt730px	{ width:730px; }
.wt740px	{ width:740px; }
.wt745px	{ width:745px; }
.wt750px	{ width:750px; }
.wt755px	{ width:755px; }
.wt760px	{ width:760px; }
.wt780px	{ width:780px; }
.wt800px	{ width:800px; }
.wt950px	{ width:950px; }
.wt970px	{ width:970px; }
.wt990px	{ width:990px; }
.wt1024px	{ width:1024px; }
.wt1068px	{ width:1068px; }
.wt1170px	{ width:1170px; }
.wt1200px	{ width:1200px; }
.wt1400px	{ width:1400px; }

.backgroundcccccc { background-color: #cccccc; }
.backgroundf0f0f0 { background-color: #f0f0f0; }
.backgroundffffff { background-color: #ffffff; }
.background0096da { background-color: #0096da; }
.backgroundffa000 { background-color: #ffa000; }
.background666666 { background-color: #666666; }
.backgroundff6510 { background-color: #ff6510; }
.background333333 { background-color: #333333; }
.background66CC33 { background-color: #66CC33; }
.backgroundff4500 { background-color: #ff4500; }
.backgroundcc3300 { background-color: #cc3300; }
.background8B1127 { background-color: #8B1127; }
.backgroundff678a { background-color: #ff678a; }
.backgroundcc3300 { background-color: #cc3300; }
/* 色  */
.ccc3300			{ color: #cc3300; }
.cff0000			{ color: #ff0000; }
.ccccccc			{ color: #cccccc; }
.cffffff			{ color: #ffffff; }
.c0096da			{ color: #0096da; }
.c666666			{ color: #666666; }
.c000000			{ color: #000000; }
.c009AAD			{ color: #009AAD; }
.orengered			{ color: #ff4500; }
.cff4500			{ color: #ff4500; }
.white			{ color: #ffffff; }
.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; }
.solidf0f0f0	{ border: 1px solid #f0f0f0; }
.solid-left		{ border-left: 1px solid #ffffff; }

.ls6px          { letter-spacing: 6.0px; }
.ls1px          { letter-spacing: 1.0px; }
.pointer			{cursor:pointer;}
.Required {
	color: #ff0000;
	font-size: 10px;
	/*font-weight: 600; */
}
