@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: 14px;}
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"]{cursor: pointer;}
input[type="button"]:hover{transition: 0.5s;}
table{ border-collapse:collapse; border-spacing:0; width:100%;}

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

/* Body Style */
.clearfix:after{clear: both;}
.clearfix:before,.clearfix:after{content: "";display: table;}
.clear{clear: both;}
.fl{float: left;}
.fr{float: right;}
.foot-phone{float: left;}
.foot-nav{float: right;padding-right:400px;}
.p-re{ position:relative;}
.p-ab{ position:absolute;}
.dib{ display:inline-block;}
.db{ display:block;}
.c-hide{text-indent: -9999px;}

/*font*/
.n{font-weight: normal;}
em.n,i.n{font-style: normal;}
.b{font-weight: bolder;}
.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;}
.s36{font-size: 36px;}
.s40{font-size: 40px;}
.s50{font-size: 50px;}
.tl{text-align: left;}
.tc{text-align: center;}
.tr{text-align: right;}
.line22{line-height: 22px;}
.line24{line-height: 24px;}
.line26{line-height: 26px;}
.line28{line-height: 28px;}
.line30{line-height: 30px;}
.line36{line-height: 36px;}
.t-hide{text-overflow:ellipsis; white-space:nowrap;overflow: hidden;}
.capital{text-transform: uppercase;}
.arial{font-family: arial;}

/*color*/
.c0{color: #000;}
.c3{color: #333;}
.c6{color: #666;}
.c9{color: #999;}
.cf{color: #fff;}
.red{color: #741e1e;}
.orange{color: #ffa000;}
.blue{color: #00b4f0;}
.green{color: #76ac25;}
.bgf{background: #fff;}
.bg-gray{background: #f7f8f9;}
.bg-gray2{background: #f3f3f3;}

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

.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;}
.pt40{padding-top: 40px;}
.pt50{padding-top: 50px;}

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

.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;}
.pv50{padding-top: 50px;padding-bottom: 50px;}
.pv60{padding-top: 60px;padding-bottom: 60px;}

/*border*/
.bte{border-top: 1px solid #eee;}
.bbe{border-bottom: 1px solid #eee;}
.bbd{border-bottom: 1px dashed #ddd;}

/*button*/
.btn-blue{display: inline-block;color: #fff;text-align: center;background: #00b4f0;}
.btn-blue:hover{background: #0296c8;}
.btn-red{display: inline-block;color: #fff;text-align: center;background: #ef4949;}
.btn-red:hover{background: #ed0d0d;}
.btn-red{display: inline-block;color: #333;text-align: center;background: #eee;}
.btn-red:hover{background: #ddd;}
.btn-big{width: 160px;height: 48px;line-height: 48px;font-size: 18px;}
.btn-mid{width: 100px;height: 30px;line-height: 30px;font-size: 16px;}
.btn-small{width: 50px;height: 20px;line-height: 20px;font-size: 14px;}