

/* croe's css updadted.22.04.02*/

@media (max-width: 768px) {.sm-none {display:none!important;} .sm-center{text-align:center!important; margin:0 auto!important;} }
@media (min-width: 769px) {.md-none {display:none!important;} }

.fs-7{ font-size: 7px!important;}
.fs-8 { font-size: 8px!important;}
.fs-9 { font-size: 9px!important;}
.fs-10 { font-size: 10px!important;}
.fs-12 { font-size: 12px!important;}
.fs-14 { font-size: 14px!important;}
.fs-15 { font-size: 15px!important;}
.fs-16 { font-size: 16px!important;}
.fs-18 { font-size: 18px!important;}
.fs-20 { font-size: 20px!important;}
.fs-22 { font-size: 22px!important;}
.fs-24 { font-size: 24px!important;}
.fs-25 { font-size: 25px!important;}
.fs-26 { font-size: 26px!important;}
.fs-28 { font-size: 28px!important;}
.fs-30 { font-size: 30px!important;}
.fs-35 { font-size: 35px!important;}
.fs-40 { font-size: 40px!important;}
.fs-50 { font-size: 50px!important;}
.fs-60 { font-size: 60px!important;}
.fs-70 { font-size: 70px!important;}
.fs-80 { font-size: 80px!important;}
.fs-90 { font-size: 90px!important;}
.fs-100 { font-size: 100px!important;}

.fw-100 { font-weight: 100!important;}
.fw-200 { font-weight: 200!important;}
.fw-300 { font-weight: 300!important;}
.fw-400 { font-weight: 400!important;}
.fw-500 { font-weight: 500!important;}
.fw-600 { font-weight: 600!important;}
.fw-700 { font-weight: 700!important;}
.fw-800 { font-weight: 800!important;}
.fw-900 { font-weight: 900!important;}

.w-10{width: 10%!important;}
.w-20{width: 20%!important;}
.w-25{width: 25%!important;}
.w-30{width: 30%!important;}
.w-40{width: 40%!important;}
.w-50{width: 50%!important;}
.w-60{width: 60%!important;}
.w-70{width: 70%!important;}
.w-75{width: 75%!important;}
.w-80{width: 80%!important;}
.w-90{width: 90%!important;}

.w30{width: 30px!important;}
.w40{width: 40px!important;}
.w50{width: 50px!important;}
.w60{width: 60px!important;}
.w70{width: 70px!important;}
.w80{width: 80px!important;}
.w90{width: 90px!important;}
.w100{width: 100px!important;}
.w150{width: 150px!important;}
.w200{width: 200px!important;}
.w300{width: 300px!important;}
.w400{width: 400px!important;}
.w500{width: 500px!important;}
.w600{width: 600px!important;}
.w700{width: 700px!important;}
.w800{width: 800px!important;}
.w900{width: 900px!important;}

.bg-white{background-color:#fff!important;; color:#000;}
.bg-blue{background-color: #2e81ec!important;; color: #fff;}
.bg-dark{background-color:#202020!important;; color:#fff;}
.bg-gray{background-color: #525252!important;; color: #fff; }
.bg-orange{background-color: #e7af14!important;; color: #fff; }
.bg-red{background-color: #f54646!important;; color: #fff; }

.bg-grayl{background-color: #f1f0f0!important; color: #111111; }
.bg-bluel{background-color: #d4e3ec!important; color: #111111; }
.bg-redl{background-color: #f8e4e4!important; color: #111111; }
.bg-yellowl{background-color: #f2f3d1!important; color: #111111; }

.bg-gray1{background: #f1f1f1!important;}
.bg-gray2{background: #757474!important; color:#fff;}
.bg-gray3{background: #333!important;}

.bg-blue1{background: #c4deff!important;}
.bg-blue2{background: #5c9df1!important;}
.bg-blue3{background: #4493fa!important;}

.bg-red1{background: #f59679!important;}
.bg-red2{background: #f86045!important;}
.bg-red3{background: #fa3526!important;}

.bg-yellow1{background: #f9facb!important;}
.bg-yellow2{background: #f8fa71!important;}
.bg-yellow3{background: #f8e809!important;}

.bg-red-l {background: linear-gradient( to left, white, #fbe4e0)!important;}
.bg-red-r {background: linear-gradient( to right, white, #fbe4e0)!important;}
.bg-red-t {background: linear-gradient( to top, white, #fbe4e0)!important;}
.bg-red-b {background: linear-gradient( to bottom, white, #fdc2b7)!important;}

.bg-blue-l{background: linear-gradient( to left, white, #d8eff8 )!important;}
.bg-blue-r{background: linear-gradient( to right, white, #d8eff8 )!important;}
.bg-blue-t{background: linear-gradient( to top, white, #d8eff8 )!important;}
.bg-blue-b{background: linear-gradient( to bottom, white, #9ed8fa )!important;}

.bg-black-l {background: linear-gradient( to left,white, #eaf5f5)!important;}
.bg-black-r {background: linear-gradient( to right,white, #eaf5f5)!important;}
.bg-black-t {background: linear-gradient( to top, white, #eaf5f5)!important;}
.bg-black-b {background: linear-gradient( to bottom, white, #a4a5a5)!important;}

.bg-yellow-l {background: linear-gradient( to left, white, #f0eac1)!important;}
.bg-green-l {background: linear-gradient( to left, white, #92be92 )!important;}
.bg-orange-l {background: linear-gradient( to left, white, #eed0a8 )!important;}

.bg-yellow-r {background: linear-gradient( to right, white, #f8f1bc)!important;}
.bg-green-r {background: linear-gradient( to right, white, #92be92 )!important;}
.bg-orange-r {background: linear-gradient( to right, white, #f8ebda )!important;}

.bg-yellow-t {background: linear-gradient( to top, white, #f0eac1)!important;}
.bg-green-t {background: linear-gradient( to top, white, #92be92 )!important;}
.bg-orange-t {background: linear-gradient( to top, white, #eed0a8 )!important;}

.bg-yellow-b {background: linear-gradient( to bottom, white, #f8f1bc)!important;}
.bg-green-b {background: linear-gradient( to bottom, white, #92be92 )!important;}
.bg-orange-b {background: linear-gradient( to bottom, white, #f8ebda )!important;}

.text-white{color:#fff!important;}
.text-black{color:#000!important;}
.text-red{color:#f70000!important;}
.text-blue{color:#09365c!important;}
.text-green{color:#063324!important;}
.text-gray{color:#3f3d3d!important;}
.text-yellow{color:#eecc5b!important;}

.text-center{text-align:center!important;}
.text-left{text-align:left!important;}
.text-right{text-align:right!important;}
.div-center{margin:0 auto!important;}
.float-left{float:left!important;}
.float-right{float:right!important;}

.word-short {max-width:90%; display: inline-block; overflow:hidden; text-overflow:ellipsis !important;  white-space: nowrap;}
.hash-tag {max-width:90%; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.line-50 {height: 50px; width: 30px;  margin:0px; padding:0; }
.line-30 {height: 30px; width: 30px; margin:0px; padding:0; }
.line-20 {height: 20px; width: 50px; margin:0; padding:0; background-color: lightgray;}
.line-10 {height: 10px; width: 50px; margin:0; padding:0; background-color: lightgray;}
.line-5 {height: 5px; width: 50px; margin:0; padding:0; background-color: lightgray;}
.line-3 {height: 3px; width: 50px; margin:0px; padding:0; background-color: lightgray;}
.line-2 {height: 2px; width: 50px; margin:0px; padding:0; background-color: lightgray;}
.line-1 {height: 1px; width: 50px; margin:0px; padding:0; background-color: lightgray;}

.line-5-red {height: 5px; width: 50px; background-color: #db360d;}
.line-5-blue{height: 5px; width: 50px; background-color: #0c2cb8;}

.outline{border:1px solid #d4d4d4!important; }
.outline-btn {padding:5px 10px; border:1px solid #acabab!important; border-radius:5px; }

.border-1{border:1px solid #d1d3d3!important; }
.border-2{border:2px solid #d1d3d3!important; }

.border-b1{border-bottom:1px solid rgb(209, 211, 211)!important; }
.border-b2{border-bottom:2px solid rgb(189, 192, 192)!important; }
.border-b3{border-bottom:3px solid rgb(189, 192, 192)!important; }
.border-t1{border-top:1px solid rgb(189, 192, 192)!important; }
.border-t2{border-top:2px solid rgb(189, 192, 192)!important; }
.border-t3{border-top:3px solid rgb(189, 192, 192)!important; }
.border-l1{border-left:1px solid rgb(209, 211, 211)!important; }
.border-r1{border-right:1px solid rgb(189, 192, 192)!important; }
.border-l2{border-left:1px solid rgb(209, 211, 211)!important; }
.border-r2{border-right:1px solid rgb(189, 192, 192)!important; }


.radius-0{border-radius: 0px!important;}
.radius-5{border-radius: 5px!important;}
.radius-50{border-radius: 50%!important;}
.radius-100{border-radius: 100%!important;}

.d-flex {display: flex!important;}
.flex-x-center {display: flex!important; justify-content: center!important; }
.flex-x-end {display: flex!important; justify-content: flex-end!important; }
.flex-x-start {display: flex!important; justify-content: flex-start!important; }
.flex-x-between {display: flex!important; justify-content: space-between!important; }
.flex-center {display: flex; align-items: center!important; justify-content: center!important; }
.flex-y-start {display: flex; align-items: flex-start!important; }
.flex-y-end {display: flex; align-items: flex-end!important; }
.flex-y-center {display: flex; align-items: center!important; }

.absolute {position: absolute; z-index: 1;}
.relative {position: relative; z-index: 1;}
.z-1000 {z-index: 1000;}
.pos-top {position: relative; z-index: 1000;}

.mp-0{margin: 0 !important; padding:0!important;}
.mpy-0{margin-top: 0 !important; margin-bottom:0!important; padding-top:0!important; padding-bottom:0!important;}
.mpx-0{margin-left: 0 !important; margin-right:0!important; padding-left:0!important; padding-right:0!important;}

.mx-0{margin-left: 0px !important; margin-right:0px!important; }
.mx-5{margin-left: 5px !important; margin-right:5px!important; }
.mx-10{margin-left: 10px !important; margin-right:10px!important; }
.mx-20{margin-left: 20px !important; margin-right:20px!important; }
.mx-30{margin-left: 30px !important; margin-right:30px!important; }

.my-0{margin-top: 0px !important; margin-bottom:0px!important; }
.my-5{margin-top: 5px !important; margin-bottom:5px!important; }
.my-10{margin-top: 10px !important; margin-bottom:10px!important; }
.my-20{margin-top: 20px !important; margin-bottom:20px!important; }
.my-30{margin-top: 30px !important; margin-bottom:30px!important; }

.px-10{padding-left:5px!important; padding-right:5px!important;}
.px-10{padding-left:10px!important; padding-right:10px!important;}
.px-20{padding-left:20px!important; padding-right:20px!important;}
.px-30{padding-left:30px!important; padding-right:30px!important;}

.py-5{ padding-top:5px!important; padding-bottom:5px!important;}
.py-10{ padding-top:10px!important; padding-bottom:10px!important;}
.py-20{ padding-top:20px!important; padding-bottom:20px!important;}
.py-30{ padding-top:30px!important; padding-bottom:30px!important;}

.spacing-1 {letter-spacing: -1px!important;}

.m0{margin: 0 !important; }
.m5{margin: 5px !important; }
.m10{margin: 10px !important; }
.m15{margin: 15px !important; }
.m20{margin: 20px !important; }
.m30{margin: 30px !important; }

.mt0 {margin-top: 0!important;}
.mt5 {margin-top: 5px!important;}
.mt10 {margin-top: 10px!important;}
.mt15 {margin-top: 15px!important;}
.mt20 {margin-top: 20px!important;}
.mt30 {margin-top: 30px!important;}
.mt40 {margin-top: 40px!important;}
.mt50 {margin-top: 50px!important;}
.mt60 {margin-top: 60px!important;}
.mt70 {margin-top: 70px!important;}
.mt80 {margin-top: 80px!important;}
.mt90 {margin-top: 90px!important;}
.mt100 {margin-top: 100px!important;}
.mt150 {margin-top: 150px!important;}
.mt200 {margin-top: 200px!important;}
.mt300 {margin-top: 300px!important;}
.mt400 {margin-top: 400px!important;}
.mt500 {margin-top: 500px!important;}

.mb0 {margin-bottom: 0!important;}
.mb5 {margin-bottom: 5px!important;}
.mb10 {margin-bottom: 10px!important;}
.mb15 {margin-bottom: 15px!important;}
.mb20 {margin-bottom: 20px!important;}
.mb30 {margin-bottom: 30px!important;}
.mb40 {margin-bottom: 40px!important;}
.mb50 {margin-bottom: 50px!important;}
.mb60 {margin-bottom: 60px!important;}
.mb70 {margin-bottom: 70px!important;}
.mb80 {margin-bottom: 80px!important;}
.mb90 {margin-bottom: 90px!important;}
.mb100 {margin-bottom: 100px!important;}
.mb150 {margin-bottom: 150px!important;}
.mb200 {margin-bottom: 200px!important;}
.mb300 {margin-bottom: 300px!important;}
.mb400 {margin-bottom: 400px!important;}
.mb500 {margin-bottom: 500px!important;}

.ml0 {margin-left: 0!important;}
.ml5 {margin-left: 5px!important;}
.ml10 {margin-left: 10px!important;}
.ml15 {margin-left: 15px!important;}
.ml20 {margin-left: 20px!important;}
.ml30 {margin-left: 30px!important;}
.ml40 {margin-left: 40px!important;}
.ml50 {margin-left: 50px!important;}
.ml60 {margin-left: 60px!important;}
.ml70 {margin-left: 70px!important;}
.ml80 {margin-left: 80px!important;}
.ml90 {margin-left: 90px!important;}
.ml100 {margin-left: 100px!important;}
.ml150 {margin-left: 150px!important;}
.ml200 {margin-left: 200px!important;}
.ml300 {margin-left: 300px!important;}
.ml400 {margin-left: 400px!important;}
.ml500 {margin-left: 500px!important;}

.mr0 {margin-right: 0!important;}
.mr5 {margin-right: 5px!important;}
.mr10 {margin-right: 10px!important;}
.mr15 {margin-right: 15px!important;}
.mr20 {margin-right: 20px!important;}
.mr30 {margin-right: 30px!important;}
.mr40 {margin-right: 40px!important;}
.mr50 {margin-right: 50px!important;}
.mr60 {margin-right: 60px!important;}
.mr70 {margin-right: 70x!important;}
.mr80 {margin-right: 80px!important;}
.mr90 {margin-right: 90px!important;}
.mr100 {margin-right: 100px!important;}
.mr150 {margin-right: 150px!important;}
.mr200 {margin-right: 200px!important;}
.mr300 {margin-right: 300px!important;}
.mr400 {margin-right: 400px!important;}
.mr500 {margin-right: 500px!important;}

.p0{padding: 0 !important; }
.p5{padding: 5px !important; }
.p10{padding: 10px !important; }
.p15{padding: 15px !important; }
.p20{padding: 20px !important; }
.p30{padding: 30px !important; }

.pt0 {padding-top: 0!important;}
.pt5 {padding-top: 5px!important;}
.pt10 {padding-top: 10px!important;}
.pt15 {padding-top: 15px!important;}
.pt20 {padding-top: 20px!important;}
.pt30 {padding-top: 30px!important;}
.pt40 {padding-top: 40px!important;}
.pt50 {padding-top: 50px!important;}
.pt60 {padding-top: 60px!important;}
.pt70 {padding-top: 70px!important;}
.pt80 {padding-top: 80px!important;}
.pt90 {padding-top: 90px!important;}
.pt100 {padding-top: 100px!important;}
.pt150 {padding-top: 150px!important;}
.pt200 {padding-top: 200px!important;}
.pt300 {padding-top: 300px!important;}
.pt400 {padding-top: 400px!important;}
.pt500 {padding-top: 500px!important;}

.pb0 {padding-bottom: 0!important;}
.pb5 {padding-bottom: 5px!important;}
.pb10 {padding-bottom: 10px!important;}
.pb15 {padding-bottom: 15px!important;}
.pb20 {padding-bottom: 20px!important;}
.pb30 {padding-bottom: 30px!important;}
.pb40 {padding-bottom: 40px!important;}
.pb50 {padding-bottom: 10px!important;}
.pb60 {padding-bottom: 15px!important;}
.pb70 {padding-bottom: 20px!important;}
.pb80 {padding-bottom: 30px!important;}
.pb90 {padding-bottom: 40px!important;}
.pb100 {padding-bottom: 100px!important;}
.pb150 {padding-bottom: 150px!important;}
.pb200 {padding-bottom: 200px!important;}
.pb300 {padding-bottom: 300px!important;}
.pb400 {padding-bottom: 400px!important;}
.pb500 {padding-bottom: 500px!important;}

.pl0 {padding-left: 0!important;}
.pl5 {padding-left: 5px!important;}
.pl10 {padding-left: 10px!important;}
.pl15 {padding-left: 15px!important;}
.pl20 {padding-left: 20px!important;}
.pl30 {padding-left: 30px!important;}
.pl40 {padding-left: 40px!important;}
.pl50 {padding-left: 50px!important;}
.pl60 {padding-left: 60px!important;}
.pl70 {padding-left: 70px!important;}
.pl80 {padding-left: 80px!important;}
.pl90 {padding-left: 90px!important;}
.pl100 {padding-left: 100px!important;}
.pl150 {padding-left: 150px!important;}
.pl200 {padding-left: 200px!important;}
.pl300 {padding-left: 300px!important;}
.pl400 {padding-left: 400px!important;}
.pl500 {padding-left: 500px!important;}

.pr0 {padding-right: 0!important;}
.pr5 {padding-right: 5px!important;}
.pr10 {padding-right: 10px!important;}
.pr15 {padding-right: 15px!important;}
.pr20 {padding-right: 20px!important;}
.pr30 {padding-right: 30px!important;}
.pr40 {padding-right: 40px!important;}
.pr50 {padding-right: 50px!important;}
.pr60 {padding-right: 60px!important;}
.pr70 {padding-right: 70px!important;}
.pr80 {padding-right: 80px!important;}
.pr90 {padding-right: 90px!important;}
.pr100 {padding-right: 100px!important;}
.pr150 {padding-right: 150px!important;}
.pr200 {padding-right: 200px!important;}
.pr300 {padding-right: 300px!important;}
.pr400 {padding-right: 400px!important;}
.pr500 {padding-right: 500px!important;}


.btn-xs {padding: 2px 3px !important; border-radius: 50px !important; margin: 1px 0px !important; font-size:8px!important; }      

.btn8 {padding: 2px 8px !important; border-radius: 50px !important; margin: 1px 0px !important; font-size:8px!important; }    
.btn9 {padding: 2px 8px !important; border-radius: 50px !important; margin: 1px 0px !important; font-size:9px!important; }    
.btn10 {padding: 3px 10px !important; border-radius: 50px !important; margin: 1px 0px !important; font-size:10px!important; }    
.btn11 {padding: 3px 12px !important; border-radius: 50px !important; margin: 1px 0px !important; font-size:11px!important; }    
.btn12 {padding: 3px 15px !important; border-radius: 50px !important; margin: 1px 0px !important; font-size:12px!important; }
.btn13 {padding: 3px 15px !important; border-radius: 50px !important; margin: 1px 0px !important; font-size:12px!important; }
.btn14 {padding: 3px 18px !important; border-radius: 50px !important; margin: 1px 0px !important; font-size:14px!important; }
.btn15 {padding: 3px 18px !important; border-radius: 50px !important; margin: 1px 0px !important; font-size:15px!important; }    
.btn16 {padding: 3px 18px !important; border-radius: 50px !important; margin: 1px 0px !important; font-size:16px!important; }
.btn18 {padding: 5px 20px !important; border-radius: 50px !important; margin: 1px 0px !important; font-size:18px!important; }
.btn20 {padding: 5px 20px !important; border-radius: 50px !important; margin: 1px 0px !important; font-size:20px!important; }

.btn-8 {padding: 2px 3px !important; border-radius: 2px !important; margin: 1px 0px !important; 
font-size:8px!important; }    
.btn-9 {padding: 2px 3px !important; border-radius: 2px !important; margin: 1px 0px !important; 
font-size:9px!important; }    
.btn-10 {padding: 3px 5px !important; border-radius: 3px !important; margin: 1px 0px !important; font-size:10px!important; }    
.btn-11 {padding: 3px 5px !important; border-radius: 5px !important; margin: 1px 0px !important; font-size:11px!important; }    
.btn-12 {padding: 3px 7px !important; border-radius: 5px !important; margin: 1px 0px !important; font-size:12px!important; }
.btn-13 {padding: 3px 7px !important; border-radius: 5px !important; margin: 1px 0px !important; font-size:12px!important; }
.btn-14 {padding: 3px 10px !important; border-radius: 5px !important; margin: 1px 0px !important; font-size:14px!important; }
.btn-15 {padding: 3px 10px !important; border-radius: 5px !important; margin: 1px 0px !important; font-size:15px!important; }    
.btn-16 {padding: 4px 13px !important; border-radius: 5px !important; margin: 1px 0px !important; font-size:16px!important; }
.btn-18 {padding: 5px 14px !important; border-radius: 5px !important; margin: 1px 0px !important; font-size:18px!important; }
.btn-20 {padding: 5px 15px !important; border-radius: 5px !important; margin: 1px 0px !important; font-size:20px!important; }


.btn-dark { color: #fff; background-color: #000; border-color: #000; }
.btn-gray { color: #fff; background-color: #686666; border-color: #686565; }
.btn-blue { color: #fff; background-color: #3988f0; border-color: #3987ee; }
.btn-light { color: #464444; background-color: #fff; border-color: #8b8a8a; }
.btn-outline { color:#201f1f; border:1px solid #8b8a8a; }

.btn-dark:hover { color: #fff; background-color: #797575; border-color: #4d4d4d; }
.btn-gray:hover { color: #0f0e0e; background-color: #8d8c8c; border-color: #686565; }
.btn-blue:hover{ color: #252525; background-color: #92c0fc; border-color: #82a9db; }
.btn-light:hover { color: #2e2c2c; background-color: #c7c6c6; border-color: #868585; }
.btn-outline:hover { color: #464444; background-color: #b9b4b4;  border:1px solid #8b8a8a; }

.rect-black {background:#080808; color:white; font-size:15px; font-weight: 700; border-radius: 5px; padding:8px 15px;} 
.rect-dark {background:#3d3737; color:white; font-size:15px; font-weight: 700; border-radius: 5px; padding:8px 15px;} 
.rect-red {background:#c46060; color:white; font-size:15px; font-weight: 700; border-radius: 5px; padding:8px 15px;} 
.rect-blue {background:#015eaa; color:white; font-size:15px; font-weight: 700; border-radius: 5px; padding:8px 15px;} 

.rect-gray {background:#808080; color:white; font-size:15px; font-weight: 700; border-radius: 5px; padding:8px 15px;} 
.rect-light {background:#dddcdc; color:#2c2c2c; font-size:15px; font-weight: 700; border-radius: 5px; padding:8px 15px;} 

.title-13 {font-size:13px!important; font-weight:800; letter-spacing: 0; line-height:1.4;}    
.title-14 {font-size:14px!important; font-weight:800; letter-spacing: 0; line-height:1.4;}    
.title-15 {font-size:15px!important; font-weight:800; letter-spacing: 0; line-height:1.4;}    
.title-16 {font-size:16px!important; font-weight:800; letter-spacing: 0; line-height:1.4;}        
.title-18 {font-size:18px!important; font-weight:900; letter-spacing: 0; line-height:1.4;}        
.title-20 {font-size:20px!important; font-weight:900; letter-spacing: 0; line-height:1.4;}        
.title-25 {font-size:25px!important; font-weight:900; letter-spacing: 0; line-height:1.4;}        
.title-30 {font-size:30px!important; font-weight:900; letter-spacing: 0; line-height:1.4;}        
.title-35 {font-size:35px!important; font-weight:900; letter-spacing: 0; line-height:1.4;}        
.title-40 {font-size:40px!important; font-weight:900; letter-spacing: 0; line-height:1.4;}        
.title-50 {font-size:50px!important; font-weight:900; letter-spacing: 0; line-height:1.4;} 

@media(max-width:780px){
.title-13 {font-size:13px!important; font-weight:800; letter-spacing: 0; line-height:1.4;}    
.title-14 {font-size:13px!important; font-weight:800; letter-spacing: 0; line-height:1.4;}    
.title-15 {font-size:14px!important; font-weight:800; letter-spacing: 0; line-height:1.4;}    
.title-16 {font-size:15px!important; font-weight:800; letter-spacing: 0; line-height:1.4;}        
.title-18 {font-size:16px!important; font-weight:900; letter-spacing: 0; line-height:1.4;}        
.title-20 {font-size:18px!important; font-weight:900; letter-spacing: 0; line-height:1.4;}        
.title-25 {font-size:20px!important; font-weight:900; letter-spacing: 0; line-height:1.4;}        
.title-30 {font-size:22px!important; font-weight:900; letter-spacing: 0; line-height:1.4;}        
.title-35 {font-size:25px!important; font-weight:900; letter-spacing: 0; line-height:1.4;}        
.title-40 {font-size:25px!important; font-weight:900; letter-spacing: 0; line-height:1.4;}        
.title-50 {font-size:30px!important; font-weight:900; letter-spacing: 0; line-height:1.4;} 
}


.h2_tl{padding:0px 10px; border-left:8px solid #06217a; font-size:22px;  margin:10px 10px 5px 0px; font-weight:900; line-height:1.4em; color:#000; }
.h3_tl{padding:0px 10px; border-left:8px solid #0d5eaa; font-size:20px;  margin:10px 10px 5px 0px; font-weight:900; line-height:1.2em; color:#333; }
.h4_tl{padding:0px 10px; border-left:8px solid #034769; font-size:18px; margin:10px 10px 5px 0px;  font-weight:900; line-height:1.4em; color:#333; }
.h5_tl{padding:0px 10px; border-left:8px solid #2b2d2e; font-size:17px; margin:10px 10px 5px 0px;  font-weight:900; line-height:1.4em; color:#333; }
.h6_tl{padding:0px 10px; border-left:8px solid #2b2d2e; font-size:16px; margin:10px 10px 5px 0px;  font-weight:900; line-height:1.4em; color:#333; }
.h7_tl{padding:0px 10px; border-left:8px solid #053969; font-size:15px; margin:10px 10px 5px 0px;  font-weight:900; line-height:1.4em; color:#333; }

.h2_t{padding:0px 0px; font-size:22px; margin-bottom:10px; line-height:1.4em; font-weight:900; color:#242222; }
.h3_t{padding:0px 0px; font-size:20px; margin-bottom:10px; line-height:1.4em; font-weight:900; color:#333; }
.h4_t{padding:0px 0px; font-size:18px; margin-bottom:10px; line-height:1.4em; font-weight:900; color:#333; }                     
.h5_t{padding:0px 0px; font-size:17px; margin-bottom:10px; line-height:1.4em; font-weight:900; color:#333; }
.h6_t{padding:0px 0px; font-size:16px; margin-bottom:10px; line-height:1.4em; font-weight:900; color:#333; }
.h7_t{padding:0px 0px; font-size:15px; margin-bottom:10px; line-height:1.4em; font-weight:900; color:#333; }

.cont_title_info{font-size:18px; line-height:1.5em; color:#666; overflow:hidden; padding:15px; border:2px solid #ddd; clear:both; margin-bottom:15px; }


@media all and (max-width:768px)
{
	.h2_tl,.h3_tl {font-size:15px; padding:5px 15px; border-left:5px solid #2e64fa; }
    .h4_tl,.h5_tl,.h6_tl,.h7_tl {font-size:13px; padding:5px 12px; border-left:5px solid #2e64fa; }
	.cont_title_info{font-size:13px; line-height:1.4em; }
	.hash-tag {max-width: 200px; display: inline-block;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;	}	.hd_sch_wr{width:100%!important;}

	
    
    .sm-10 {width:10%!important; height:auto;}
    .sm-20 {width:20%!important; height:auto;}
    .sm-30 {width:30%!important; height:auto;}
    .sm-40 {width:40%!important; height:auto;}

    .sm-50 {width:50%!important; height:auto;}
    .sm-60 {width:60%!important; height:auto;}
    .sm-70 {width:70%!important; height:auto;}
    .sm-80 {width:80%!important; height:auto;}
    .sm-90 {width:90%!important; height:auto;}
    .sm-100 {width:100%!important; height:auto;}


    .sm50 {width:50px!important; height:auto;}
    .sm60 {width:60px!important; height:auto;}
    .sm80 {width:80px!important; height:auto;}
    .sm100 {width:100px!important; height:auto;}
    .sm150 {width:150px!important; height:auto;}
    .sm200 {width:200px!important; height:auto;}
    .sm250 {width:250px!important; height:auto;}

    .sm300 {width:300px!important; height:auto;}
    .sm350 {width:350px!important; height:auto;}
    .sm400 {width:400px!important; height:auto;}
    .sm450 {width:450px!important; height:auto;}
    .sm500 {width:500px!important; height:auto;}
    .sm600 {width:600px!important; height:auto;}
}

   
#sch_str {float: left; width: 100%; height: 40px;  padding-left: 30px;  border-radius: 30px 0 0 30px;
    background: rgba(235, 234, 231, 0.8); border: 1px solid #a7a3a3;  border-right: 0;
    font-weight: 700; font-size: 16px; color: #000; }


#sch_submit { float: left; width: 60px; height: 40px; border: 1px solid #5f5c5c;
    background: #5f5c5c; color: #fff; border-radius: 0 30px 30px 0; cursor: pointer; font-size: 16px; }
