@charset "utf-8";


/* basic */
.hidden {position:absolute;top:-9000px;left:-9000px;visibility:hidden;}
.display_none {display:none;}
.cursor {cursor: pointer;}

.no-bd{border: 0 !important;}
.no_bdl {border-left:0 !important;}
.no_bdr {border-right:0 !important;}
.no_bdt {border-top:0 !important;}


/* align */
.l {text-align:left !important;}
.c {text-align:center !important;}
.r {text-align:right !important;}
.t {vertical-align:top !important;}
.m {vertical-align:middle !important;}
.b {vertical-align:bottom !important;}
.fl {float:left !important;}
.fr {float:right !important;}

/* display */
.db{display: block !important;}
.di{display: inline !important;}
.dib{display: inline-block !important;}
.dif{display: flex !important; flex-wrap: nowrap; justify-content: space-between;}
.dif.col3 > * {width: 32%;}
.dif.col4 > * {width: 24%;}


/* clear */
.clear:after{display:block;visibility:hidden;clear:both;height:0;content:".";font-size:0;}

/*button*/
.btn {display: inline-block;cursor: pointer;text-align: center;vertical-align: middle;white-space: nowrap;color:#fff;border:1px solid transparent;border-color: rgba(0, 0, 0, 0);font-family:inherit;font-size: inherit;font-weight: 400;line-height: 1;}

.h60 {height: 60px !important;}
.h90 {height: 90px !important;}

.w50 {width: 50px !important;}
.w70 {width: 70px !important;}
.w80 {width: 80px !important;}
.w85 {width: 85px !important;}
.w90 {width: 90px !important;}
.w93 {width: 93px !important;}
.w97 {width: 97px !important;}
.w100 {width: 100px !important;}
.w108 {width: 108px !important;}
.w113 {width: 113px !important;}
.w116 {width: 116px !important;}
.w117 {width: 117px !important;}
.w123 {width: 123px !important;}
.w132 {width: 132px !important;}
.w130 {width: 130px !important;}
.w135 {width: 135px !important;}
.w136 {width: 136px !important;}
.w140 {width: 140px !important;}
.w143 {width: 143px !important;}
.w149 {width: 149px !important;}
.w150 {width: 150px !important;}
.w152 {width: 152px !important;}
.w160 {width: 160px !important;}
.w161 {width: 161px !important;}
.w180 {width: 180px !important;}
.w185 {width: 185px !important;}
.w192 {width: 192px !important;}
.w200 {width: 200px !important;}
.w218 {width: 218px !important;}
.w238 {width: 238px !important;}
.w250 {width: 250px !important;}
.w255 {width: 255px !important;}
.w260 {width: 260px !important;}
.w277 {width: 277px !important;}
.w289 {width: 289px !important;}
.w291 {width: 291px !important;}
.w300 {width: 300px !important;}
.w332 {width: 332px !important;}
.w345 {width: 345px !important;}
.w355 {width: 355px !important;}
.w370 {width: 370px !important;}
.w415 {width: 415px !important;}
.w423 {width: 423px !important;}
.w459 {width: 459px !important;}
.w480 {width: 480px !important;}
.w519 {width: 519px !important;}
.w600 {width: 600px !important;}
.w700 {width: 700px !important;}
.w800 {width: 800px !important;}
.w900 {width: 900px !important;}

.max300{max-width: 300px !important;}
.max350{max-width: 350px !important;}
.max380{max-width: 380px !important;}
.max400{max-width: 400px !important;}
.max500{max-width: 500px !important;}
.max600{max-width: 600px !important;}
.max700{max-width: 700px !important;}
.max800{max-width: 800px !important;}
.max900{max-width: 900px !important;}
.max1000{max-width: 1000px !important;}

.w15p {width: 15% !important;}
.w25p {width: 25% !important;}
.w30p {width: 30% !important;}
.w35p {width: 35% !important;}
.w37p {width: 37% !important;}
.w48p {width: 48% !important;}
.w49p {width: 49% !important;} 
.w50p {width: 50% !important;} 
.w60p {width: 60% !important;}
.w70p {width: 70% !important;}
.w90p {width: 90% !important;}
.w100p {width: 100% !important;}

/* padding */
.no-pad{padding: 0 !important;}
.pd_10 {padding: 10px !important;}
.pd_20 {padding: 20px !important;}
.pd_30 {padding: 30px !important;}
.pd_40 {padding: 40px !important;}
.pd_50 {padding: 50px !important;}
.pd_r10 {padding-right: 10px !important;}

.pd_t0 {padding-top: 0 !important;}
.pd_t3 {padding-top: 3px !important;}
.pd_t5 {padding-top: 5px !important;}
.pd_t10 {padding-top: 10px !important;}
.pd_t15 {padding-top: 15px !important;}
.pd_t20 {padding-top: 20px !important;}
.pd_t30 {padding-top: 30px !important;}
.pd_t40 {padding-top: 40px !important;}

.pd_b0 {padding-bottom: 0 !important;}
.pd_b3 {padding-bottom: 3px !important;}
.pd_b5 {padding-bottom: 5px !important;}
.pd_b10 {padding-bottom: 10px !important;}
.pd_b15 {padding-bottom: 15px !important;}
.pd_b20 {padding-bottom: 20px !important;}
.pd_b30 {padding-bottom: 30px !important;}
.pd_b40 {padding-bottom: 40px !important;}

.pd_l0 {padding-left: 0 !important;}
.pd_l3 {padding-left: 3px !important;}
.pd_l5 {padding-left: 5px !important;}
.pd_l10 {padding-left: 10px !important;}
.pd_l15 {padding-left: 15px !important;}
.pd_l20 {padding-left: 20px !important;}
.pd_l30 {padding-left: 30px !important;}
.pd_l40 {padding-left: 40px !important;}

.pd_r0 {padding-right: 0 !important;}
.pd_r3 {padding-right: 3px !important;}
.pd_r5 {padding-right: 5px !important;}
.pd_r10 {padding-right: 10px !important;}
.pd_r15 {padding-right: 15px !important;}
.pd_r20 {padding-right: 20px !important;}
.pd_r30 {padding-right: 30px !important;}
.pd_r40 {padding-right: 40px !important;}

/* margin */

.mar_t0 {margin-top: 0 !important;}
.mar_t3 {margin-top: 3px !important;}
.mar_t5 {margin-top: 5px !important;}
.mar_t10 {margin-top: 10px !important;}
.mar_t15 {margin-top: 15px !important;}
.mar_t20 {margin-top: 20px !important;}
.mar_t30 {margin-top: 30px !important;}
.mar_t40 {margin-top: 40px !important;}

.mar_b0 {margin-bottom: 0 !important;}
.mar_b3 {margin-bottom: 3px !important;}
.mar_b5 {margin-bottom: 5px !important;}
.mar_b10 {margin-bottom: 10px !important;}
.mar_b15 {margin-bottom: 15px !important;}
.mar_b20 {margin-bottom: 20px !important;}
.mar_b30 {margin-bottom: 30px !important;}
.mar_b40 {margin-bottom: 40px !important;}
.mar_b50 {margin-bottom: 50px !important;}
.mar_b60 {margin-bottom: 60px !important;}

.mar_l0 {margin-left: 0 !important;}
.mar_l3 {margin-left: 3px !important;}
.mar_l5 {margin-left: 5px !important;}
.mar_l10 {margin-left: 10px !important;}
.mar_l15 {margin-left: 15px !important;}
.mar_l20 {margin-left: 20px !important;}
.mar_l30 {margin-left: 30px !important;}
.mar_l40 {margin-left: 40px !important;}

.mar_r0 {margin-right: 0 !important;}
.mar_r3 {margin-right: 3px !important;}
.mar_r5 {margin-right: 5px !important;}
.mar_r10 {margin-right: 10px !important;}
.mar_r15 {margin-right: 15px !important;}
.mar_r20 {margin-right: 20px !important;}
.mar_r30 {margin-right: 30px !important;}
.mar_r40 {margin-right: 40px !important;}