@charset "utf-8";

/* font */
.f10 {font-size: 10px;}
.f12 {font-size: 12px;}
.f14 {font-size: 14px;}
.f16 {font-size: 16px;}
.f18 {font-size: 18px;}
.f20 {font-size: 20px;}
.f22 {font-size: 22px;}
.f24 {font-size: 24px;}
.f26 {font-size: 26px;}
.f28 {font-size: 28px;}
.f30 {font-size: 30px;}
.f40 {font-size: 40px;}

/* width */
.w100p {width: 100%;}
.w90p {width: 90%;}
.w80p {width: 80%;}
.w70p {width: 70%;}
.w60p {width: 60%;}
.w50p {width: 50%;}
.w40p {width: 40%;}
.w30p {width: 30%;}
.w25p {width: 25%;}
.w10p {width: 10%;}

/* float */
.left {float: left;}
.right {float: right;}

/* color */
.white {color: #fff;}
.gray {color: #6d6d6d;}
.red {color: #df0000;}
.blue {color: #1d7ace;}
.orange {color: #e86800;}
.pink {color: #f6527c;}
.purple {color: #ae5dba;}
.yellow {color: #cb9810;}
.brown {color: #775310;}
.beige {color: #ae9c64;}
.green {color: #6c9d00;}
.sky {color: #1bc8d7;}

/* backgroud-color */
.bg_w {background-color: #FFF;}

/* text-align */
.text_c {text-align: center;}
.text_l {text-align: left;}
.text-r {text-align: right;}

/* vertical-akign */
.vaT {vertical-align: top;}
.vaM {vertical-align: middle;}
.vaB {vertical-align: bottom;}

/* position */
.abs {position: absolute;}
.rel {position: relative;}
.sta {position: static;}
.fix {position: fixed;}

/* margin-auto */
.auto_c {margin: 0 auto;}
.auto_r {margin-right: auto;}
.auto_l {margin-left: auto;}
.ma_90 {margin: 0 90% 0 90%;}
.ma_80 {margin: 0 80% 0 80%;}
.ma_70 {margin: 0 70% 0 70%;}
.ma_60 {margin: 0 60% 0 60%;}
.ma_10 {margin: 0 10% 0 10%;}

.mtb10{ margin:10px auto;}
.mtb20{ margin:20px auto;}
.mtb30{ margin:30px auto;}

/* margin-top */
.mt0 {margin-top: 0px !important;}
.mt2 {margin-top: 2px;}
.mt4 {margin-top: 4px;}
.mt6 {margin-top: 6px;}
.mt8 {margin-top: 8px;}
.mt10 {margin-top: 10px;}
.mt12 {margin-top: 12px;}
.mt14 {margin-top: 14px;}
.mt16 {margin-top: 16px;}
.mt18 {margin-top: 18px;}
.mt20 {margin-top: 20px;}
.mt22 {margin-top: 22px;}
.mt24 {margin-top: 24px;}
.mt26 {margin-top: 26px;}
.mt28 {margin-top: 28px;}
.mt30 {margin-top: 30px;}
.mt36 {margin-top: 36px;}
.mt40 {margin-top: 40px;}
.mt46 {margin-top: 46px;}
.mt50 {margin-top: 50px;}

/* margin-bottom */
.mb0 {margin-bottom: 0px !important;}
.mb2 {margin-bottom: 2px;}
.mb4 {margin-bottom: 4px;}
.mb6 {margin-bottom: 6px;}
.mb8 {margin-bottom: 8px;}
.mb10 {margin-bottom: 10px;}
.mb12 {margin-bottom: 12px;}
.mb14 {margin-bottom: 14px;}
.mb16 {margin-bottom: 16px;}
.mb18 {margin-bottom: 18px;}
.mb20 {margin-bottom: 20px;}
.mb22 {margin-bottom: 22px;}
.mb24 {margin-bottom: 24px;}
.mb26 {margin-bottom: 26px;}
.mb28 {margin-bottom: 28px;}
.mb30 {margin-bottom: 30px;}
.mb100 {margin-bottom: 100px;}

/* margin-left */
.ml0 {margin-left: 0px !important;}
.ml2 {margin-left: 2px;}
.ml4 {margin-left: 4px;}
.ml6 {margin-left: 6px;}
.ml8 {margin-left: 8px;}
.ml10 {margin-left: 10px;}
.ml12 {margin-left: 12px;}
.ml14 {margin-left: 14px;}
.ml16 {margin-left: 16px;}
.ml18 {margin-left: 18px;}
.ml20 {margin-left: 20px;}
.ml22 {margin-left: 22px;}
.ml24 {margin-left: 24px;}
.ml26 {margin-left: 26px;}
.ml28 {margin-left: 28px;}
.ml30 {margin-left: 30px;}
.ml100 {margin-left: 100px;}

/* margin-right */
.mr0 {margin-right: 0px !important;}
.mr2 {margin-right: 2px;}
.mr4 {margin-right: 4px;}
.mr6 {margin-right: 6px;}
.mr8 {margin-right: 8px;}
.mr10 {margin-right: 10px;}
.mr12 {margin-right: 12px;}
.mr14 {margin-right: 14px;}
.mr16 {margin-right: 16px;}
.mr18 {margin-right: 18px;}
.mr20 {margin-right: 20px;}
.mr22 {margin-right: 22px;}
.mr24 {margin-right: 24px;}
.mr26 {margin-right: 26px;}
.mr28 {margin-right: 28px;}
.mr30 {margin-right: 30px;}
.mr70 {margin-right: 70px;}
.mr100 {margin-right: 100px;}

/* padding */
.ptb10{ padding:10px 0;}
.ptb20{ padding:20px 0;}
.pd0 {padding: 0px !important;}
.pd2 {padding: 2px;}
.pd4 {padding: 4px;}
.pd6 {padding: 6px;}
.pd8 {padding: 8px;}
.pd10 {padding: 10px;}
.pd12 {padding: 12px;}
.pd14 {padding: 14px;}
.pd16 {padding: 16px;}
.pd18 {padding: 18px;}
.pd20 {padding: 20px;}
.pd22 {padding: 22px;}
.pd24 {padding: 24px;}
.pd26 {padding: 26px;}
.pd28 {padding: 28px;}
.pd30 {padding: 30px;}
.pd40 {padding: 40px;}

/* padding-top */
.pt0 {padding-top: 0px !important;}
.pt2 {padding-top: 2px;}
.pt4 {padding-top: 4px;}
.pt6 {padding-top: 6px;}
.pt8 {padding-top: 8px;}
.pt10 {padding-top: 10px;}
.pt12 {padding-top: 12px;}
.pt14 {padding-top: 14px;}
.pt16 {padding-top: 16px;}
.pt18 {padding-top: 18px;}
.pt20 {padding-top: 20px;}
.pt22 {padding-top: 22px;}
.pt24 {padding-top: 24px;}
.pt26 {padding-top: 26px;}
.pt28 {padding-top: 28px;}
.pt30 {padding-top: 30px;}
.pt40 {padding-top: 40px;}
.pt42 {padding-top: 42px;}
.pt44 {padding-top: 44px;}
.pt46 {padding-top: 46px;}
.pt48 {padding-top: 48px;}
.pt50 {padding-top: 50px;}
.pt70 {padding-top: 70px;}

/* padding-bottom */
.pb0 {padding-bottom: 0px !important;}
.pb2 {padding-bottom: 2px;}
.pb4 {padding-bottom: 4px;}
.pb6 {padding-bottom: 6px;}
.pb8 {padding-bottom: 8px;}
.pb10 {padding-bottom: 10px;}
.pb12 {padding-bottom: 12px;}
.pb14 {padding-bottom: 14px;}
.pb16 {padding-bottom: 16px;}
.pb18 {padding-bottom: 18px;}
.pb20 {padding-bottom: 20px;}
.pb22 {padding-bottom: 22px;}
.pb24 {padding-bottom: 24px;}
.pb26 {padding-bottom: 26px;}
.pb28 {padding-bottom: 28px;}
.pb30 {padding-bottom: 30px;}
.pb40 {padding-bottom: 40px;}
.pb50 {padding-bottom: 50px;}


/* padding-left */
.pl0 {	padding-left: 0px !important;}
.pl2 {padding-left: 2px;}
.pl4 {padding-left: 4px;}
.pl6 {padding-left: 6px;}
.pl8 {padding-left: 8px;}
.pl10 {padding-left: 10px;}
.pl12 {padding-left: 12px;}
.pl14 {padding-left: 14px;}
.pl16 {padding-left: 16px;}
.pl18 {padding-left: 18px;}
.pl20 {padding-left: 20px;}
.pl22 {padding-left: 22px;}
.pl24 {padding-left: 24px;}
.pl26 {padding-left: 26px;}
.pl28 {padding-left: 28px;}
.pl30 {padding-left: 30px;}
.pl40 {padding-left: 40px;}
.pl50 {padding-left: 50px;}
.pl60 {padding-left: 60px;}
.pl70 {padding-left: 70px;}
.pl80 {padding-left: 80px;}
.pl90 {padding-left: 90px;}
.pl100 {padding-left: 100px;}

/* padding-right */
.pr0 {padding-right: 0px !important;}
.pr2 {padding-right: 2px;}
.pr4 {padding-right: 4px;}
.pr6 {padding-right: 6px;}
.pr8 {padding-right: 8px;}
.pr10 {padding-right: 10px;}
.pr12 {padding-right: 12px;}
.pr14 {padding-right: 14px;}
.pr16 {padding-right: 16px;}
.pr18 {padding-right: 18px;}
.pr20 {padding-right: 20px;}
.pr22 {padding-right: 22px;}
.pr24 {padding-right: 24px;}
.pr26 {padding-right: 26px;}
.pr28 {padding-right: 28px;}
.pr30 {padding-right: 30px;}
.pr40 {padding-right: 40px;}



/*
=========================================================*/
@media screen and (max-width: 736px){

.mtb10{ margin:1% auto;}
.mtb20{ margin:2% auto;}
.mtb30{ margin:3% auto;}

	
.mt0 {margin-top: 0px !important;}
.mt2 {margin-top: 0;}
.mt4 {margin-top: 1%;}
.mt6 {margin-top: 1%;}
.mt8 {margin-top: 3%;}
.mt10 {margin-top: 3%;}
.mt12 {margin-top: 3%;}
.mt14 {margin-top: 3%;}
.mt16 {margin-top: 3%;}
.mt18 {margin-top: 3%;}
.mt20 {margin-top: 3%;}
.mt22 {margin-top: 3%;}
.mt24 {margin-top: 3%;}
.mt26 {margin-top: 5%;}
.mt28 {margin-top: 5%;}
.mt30 {margin-top: 5%;}
.mt36 {margin-top: 10%;}
.mt40 {margin-top: 10%;}
.mt46 {margin-top: 10%;}
.mt50 {margin-top: 10%;}
/* margin-bottom */
.mb0 {margin-bottom: 0px !important;}
.mb2 {margin-bottom: 1%;}
.mb4 {margin-bottom: 1%;}
.mb6 {margin-bottom: 3%;}
.mb8 {margin-bottom:3%;}
.mb10 {margin-bottom: 3%;}
.mb12 {margin-bottom: 3%;}
.mb14 {margin-bottom: 3%;}
.mb16 {margin-bottom: 3%;}
.mb18 {margin-bottom: 3%;}
.mb20 {margin-bottom: 3%;}
.mb22 {margin-bottom: 3%;}
.mb24 {margin-bottom: 5%;}
.mb26 {margin-bottom: 5%;}
.mb28 {margin-bottom: 5%;}
.mb30 {margin-bottom: 5%;}
.mb100 {margin-bottom: 10%;}
/* margin-left */
.ml0 {margin-left: 0px !important;}
.ml2 {margin-left: 1%;}
.ml4 {margin-left: 1%;}
.ml6 {margin-left: 3%;}
.ml8 {margin-left: 3%;}
.ml10 {margin-left: 3%;}
.ml12 {margin-left: 3%;}
.ml14 {margin-left: 3%;}
.ml16 {margin-left: 3%;}
.ml18 {margin-left: 3%;}
.ml20 {margin-left: 3%;}
.ml22 {margin-left: 3%;}
.ml24 {margin-left: 5%;}
.ml26 {margin-left: 5%;}
.ml28 {margin-left: 5%;}
.ml30 {margin-left: 5%;}
.ml100 {margin-left: 10%;}
/* margin-right */
.mr0 {margin-right: 0px !important;}
.mr2 {margin-right: 1%;}
.mr4 {margin-right: 1%;}
.mr6 {margin-right: 3%;}
.mr8 {margin-right: 3%;}
.mr10 {margin-right: 3%;}
.mr12 {margin-right: 3%;}
.mr14 {margin-right: 3%;}
.mr16 {margin-right: 3%;}
.mr18 {margin-right: 3%;}
.mr20 {margin-right: 3%;}
.mr22 {margin-right: 3%;}
.mr24 {margin-right: 5%;}
.mr26 {margin-right: 5%;}
.mr28 {margin-right: 5%;}
.mr30 {margin-right: 5%;}
.mr70 {margin-right: 7%;}
.mr100 {margin-right: 10%;}

/* padding */
.ptb10{ padding:3% 0;}
.ptb20{ padding:3% 0;}

.pd0 {padding: 0px !important;}
.pd2 {padding: 1%;}
.pd4 {padding: 2%;}
.pd6 {padding: 3%;}
.pd8 {padding: 3%;}
.pd10 {padding: 3%;}
.pd12 {padding: 3%;}
.pd14 {padding: 3%;}
.pd16 {padding: 3%;}
.pd18 {padding: 3%;}
.pd20 {padding: 3%;}
.pd22 {padding: 3%;}
.pd24 {padding: 3%;}
.pd26 {padding: 3%;}
.pd28 {padding: 3%;}
.pd30 {padding: 5%;}
.pd40 {padding: 5%;}


/* padding-top */
.pt0 {padding-top: 0px !important;}
.pt2 {padding-top: 1%;}
.pt4 {padding-top: 2%;}
.pt6 {padding-top: 3%;}
.pt8 {padding-top: 3%;}
.pt10 {padding-top: 3%;}
.pt12 {padding-top: 3%;}
.pt14 {padding-top: 3%;}
.pt16 {padding-top: 3%;}
.pt18 {padding-top: 3%;}
.pt20 {padding-top: 3%;}
.pt22 {padding-top: 3%;}
.pt24 {padding-top: 3%;}
.pt26 {padding-top: 3%;}
.pt28 {padding-top: 5%;}
.pt30 {padding-top: 5%;}
.pt40 {padding-top: 5%;}
.pt42 {padding-top: 8%;}
.pt44 {padding-top: 8%;}
.pt46 {padding-top: 8%;}
.pt48 {padding-top: 8%;}
.pt50 {padding-top: 10%;}
.pt52 {padding-top: 10%;}
.pt54 {padding-top: 10%;}
.pt78 {padding-top: 10%;}

/* padding-bottom */
.pb0 {padding-bottom: 0px !important;}
.pb2 {padding-bottom: 1%;}
.pb4 {padding-bottom: 1%;}
.pb6 {padding-bottom: 3%;}
.pb8 {padding-bottom: 3%;}
.pb10 {padding-bottom: 3%;}
.pb12 {padding-bottom: 3%;}
.pb14 {padding-bottom: 3%;}
.pb16 {padding-bottom: 3%;}
.pb18 {padding-bottom: 3%;}
.pb20 {padding-bottom: 3%;}
.pb22 {padding-bottom: 3%;}
.pb24 {padding-bottom: 3%;}
.pb26 {padding-bottom: 5%;}
.pb28 {padding-bottom: 5%;}
.pb30 {padding-bottom: 5%;}
.pb40 {padding-bottom: 5%;}
.pb50 {padding-bottom: 8%;}


/* padding-left */

.pl0 {	padding-left: 0px !important;}
.pl2 {padding-left: 1%;}
.pl4 {padding-left: 1%;}
.pl6 {padding-left: 3%;}
.pl8 {padding-left: 3%;}
.pl10 {padding-left: 3%;}
.pl12 {padding-left: 3%;}
.pl14 {padding-left: 3%;}
.pl16 {padding-left: 3%;}
.pl18 {padding-left: 3%;}
.pl20 {padding-left: 3%;}
.pl22 {padding-left: 3%;}
.pl24 {padding-left: 5%;}
.pl26 {padding-left: 5%;}
.pl28 {padding-left: 5%;}
.pl30 {padding-left: 5%;}
.pl40 {padding-left: 8%;}
.pl50 {padding-left: 8%;}
.pl60 {padding-left: 10%;}
.pl70 {padding-left: 10%;}
.pl80 {padding-left: 10%;}
.pl90 {padding-left: 10%;}
.pl100 {padding-left: 10%;}

/* padding-right */
.pr0 {padding-right: 0px !important;}
.pr2 {padding-right: 1%;}
.pr4 {padding-right: 1%;}
.pr6 {padding-right: 3%;}
.pr8 {padding-right: 3%;}
.pr10 {padding-right: 3%;}
.pr12 {padding-right: 3%;}
.pr14 {padding-right: 3%;}
.pr16 {padding-right: 3%;}
.pr18 {padding-right: 3%;}
.pr20 {padding-right: 3%;}
.pr22 {padding-right: 3%;}
.pr24 {padding-right: 5%;}
.pr26 {padding-right: 5%;}
.pr28 {padding-right: 5%;}
.pr30 {padding-right: 5%;}
.pr40 {padding-right: 8%;}


}