@charset "utf-8";
/* CSS Document */
html{ overflow-y:scroll; overflow-x:auto;box-sizing:border-box;color: #333;}
*,*:before,*:after{ box-sizing:inherit;}
body,h1,h2,h3,h4,h5,h6,p,dl,dd{ margin:0;}
body,input,button,textarea{font: menu;font-size: 12px;}
body{line-height: 1;}
h1,h2,h3,h4,h5,h6{ font-size:100%;}
ul,ol{ margin:0; padding:0; list-style:none;}
a img,input,button,textarea{ border:none;}
input[type="button"],input[type="submit"],button{cursor: pointer;}
input[type="button"]:hover{transition: 0.5s;}
table{ border-collapse:collapse; border-spacing:0; width:100%;}

/* link style */
a{ text-decoration:none;}
a:visited{ outline:none;}

/* Body Style */
.clearfix:after{clear: both;}
.clearfix:before,.clearfix:after{content: "";display: table;}
.clear-li li:after{clear: both;}
.clear-li li:before,.clear-li li:after{content: "";display: table;}
.clear{clear: both;}
.fl{float: left;}
.fr{float: right;}
.dib{ display:inline-block;}
.db{ display:block;}
.p-re{position: relative;}
.hiden{overflow: hidden;}

/*font*/
.n{font-weight: normal;}
em.n,i.n{font-style: normal;}
.b{font-weight: bolder;}
.i{font-style: italic;}
.s12{font-size: 12px;}
.s14{font-size: 14px;}
.s16{font-size: 16px;}
.s18{font-size: 18px;}
.s20{font-size: 20px;}
.s22{font-size: 22px;}
.s24{font-size: 24px;}
.s26{font-size: 26px;}
.s30{font-size: 30px;}
.s32{font-size: 32px;}
.s36{font-size: 36px;}
.s45{font-size: 45px;}
.tl{text-align: left;}
.tc{text-align: center;}
.tr{text-align: right;}
.line22{line-height: 22px;}
.line24{line-height: 24px;}
.line30{line-height: 30px;}
.t-hide{text-overflow:ellipsis; white-space:nowrap;overflow: hidden;}
.c-hide{text-indent: -9999px;}
.big{text-transform: uppercase;}

/*color*/
.c0{color: #000;}
.c3{color: #333;}
.c6{color: #666;}
.c7{color: #7d7d7d;}
.c9{color: #999;}
.white{color: #fff !important;}
.red{color: #e4030d;}
.red2{color: #ff2a2a;}
.red3{color: #e80705;}
.red4{color: #c20605;}
.green{color: #3ca00c;}
.blue{color: #2866c3;}
.blue2{color: #1127ca !important;}
.blue3{color: #00fffc;}
.pink{color: #ed777c;}
.yellow{color: #f6ff00;}
.orange{color: #e33e04;}
.orange2{color: #f99900;}
.orange3{color: #ff4b01;}
.bgf{background: #fff;}

/*spacing*/
.mt3{margin-top: 3px;}
.mt5{margin-top: 5px;}
.mt10{margin-top: 10px;}
.mt15{margin-top: 15px;}
.mt20{margin-top: 20px;}
.mt25{margin-top: 25px;}
.mt30{margin-top: 30px;}
.mt38{margin-top: 38px;}

.mb5{margin-bottom: 5px;}
.mb10{margin-bottom: 10px;}
.mb15{margin-bottom: 15px;}
.mb20{margin-bottom: 20px;}
.mb25{margin-bottom: 25px;}
.mb30{margin-bottom: 30px;}

.ml5{margin-left: 5px;}
.ml10{margin-left: 10px;}
.ml15{margin-left: 15px;}
.ml20{margin-left: 20px;}
.ml25{margin-left: 25px;}
.ml30{margin-left: 30px;}

.mr5{margin-right: 5px;}
.mr10{margin-right: 10px;}
.mr15{margin-right: 15px;}
.mr20{margin-right: 20px;}
.mr25{margin-right: 25px;}
.mr30{margin-right: 30px;}

.pt5{padding-top: 5px;}
.pt10{padding-top: 10px;}
.pt15{padding-top: 15px;}
.pt20{padding-top: 20px;}
.pt25{padding-top: 25px;}
.pt30{padding-top: 30px;}

.pb5{padding-bottom: 5px;}
.pb10{padding-bottom: 10px;}
.pb15{padding-bottom: 15px;}
.pb20{padding-bottom: 20px;}
.pb25{padding-bottom: 25px;}
.pb30{padding-bottom: 30px;}

.pl5{padding-left: 5px;}
.pl10{padding-left: 10px;}
.pl15{padding-left: 15px;}
.pl20{padding-left: 20px;}
.pl25{padding-left: 25px;}
.pl30{padding-left: 30px;}

.pr5{padding-right: 5px;}
.pr10{padding-right: 10px;}
.pr15{padding-right: 15px;}
.pr20{padding-right: 20px;}
.pr25{padding-right: 25px;}
.pr30{padding-right: 30px;}

.mv5{margin-top: 5px;margin-bottom: 5px;}
.mv10{margin-top: 10px;margin-bottom: 10px;}
.mv15{margin-top: 15px;margin-bottom: 15px;}
.mv20{margin-top: 20px;margin-bottom: 20px;}
.mv25{margin-top: 25px;margin-bottom: 25px;}
.mv30{margin-top: 30px;margin-bottom: 30px;}

.mh5{margin-left: 5px;margin-right: 5px;}
.mh10{margin-left: 10px;margin-right: 10px;}
.mh15{margin-left: 15px;margin-right: 15px;}
.mh20{margin-left: 20px;margin-right: 20px;}
.mh25{margin-left: 25px;margin-right: 25px;}
.mh30{margin-left: 30px;margin-right: 30px;}

.ph5{padding-left: 5px;padding-right: 5px;}
.ph10{padding-left: 10px;padding-right: 10px;}
.ph15{padding-left: 15px;padding-right: 15px;}
.ph20{padding-left: 20px;padding-right: 20px;}
.ph25{padding-left: 25px;padding-right: 25px;}
.ph30{padding-left: 30px;padding-right: 30px;}

.pv5{padding-top: 5px;padding-bottom: 5px;}
.pv10{padding-top: 10px;padding-bottom: 10px;}
.pv15{padding-top: 15px;padding-bottom: 15px;}
.pv20{padding-top: 20px;padding-bottom: 20px;}
.pv25{padding-top: 25px;padding-bottom: 25px;}
.pv30{padding-top: 30px;padding-bottom: 30px;}
.pv40{padding-top: 40px;padding-bottom: 40px;}

.p10{padding: 10px;}
.p20{padding: 20px;}

/*border*/
.bte{border-top: 1px solid #e2e2e2;}
.btd{border-top: 1px dotted #dedede;}
.bbe{border-bottom: 1px solid #eaeaea;}
.bbd{border-bottom: 1px solid #dedede;}