.hidden{display:none;}
.hide{display:none;}
.fr{float:right;}
.fl{float:left;}
.absolute,.absobg{position:absolute;float:none;top:0px;right:0px;bottom:0px;left:0px;}
.abs-t-l{position: absolute;top:0px;left:0px;}
.absobg{background-color:#fff;filter:alpha(opacity=1);-moz-opacity:0.01;-khtml-opacity:0.01;opacity:0.01;}
.overflow{overflow:hidden;}
.dib{display:inline-block;}
.db{display:block;}
.rel{position: relative;}

@-webkit-keyframes rotating{from{-webkit-transform:rotate(720deg);transform:rotate(720deg)}
    to{-webkit-transform:none;transform:none}
}
@keyframes rotating{from{-webkit-transform:rotate(720deg);transform:rotate(720deg)}
    to{-webkit-transform:none;transform:none}
}

.menu{font-size:16px;}
.menu span{margin-left:60px;float:left;position: relative;}
.menu span.current a{opacity: 1;}
.menu a{color:#000;opacity: 1;float:left;}
.menu a.active,.menu a:hover{opacity:1;}
.menu span.current p{opacity: 1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);pointer-events:visible;}
.menu p{width:150px;position: absolute;top:100%;left:50%;margin:0 0 0 -80px;z-index:10;padding:5px;background-color:#eee;text-align:center;opacity: 0;border-bottom-left-radius:3px;border-bottom-right-radius:3px;/*-webkit-transform:translateY(100px);-moz-transform:translateY(100px);-ms-transform:translateY(100px);-o-transform:translateY(100px);transform:translateY(100px);*/pointer-events:none;}
.menu p a{line-height:30px;width:100%;font-size:14px;font-weight: normal;opacity: 1;}
.menu span.current p a{opacity: 1;}
.menu span.current p a:hover{background-color: #000;opacity: 1; color: #fff!important;}
/*.menu p:before{content:"";font-size: 0;line-height: 0;border-width: 10px;border-color:rgba(255,255,255,1);border-top-width: 0;border-style: dashed;border-bottom-style: solid;border-left-color: transparent;border-right-color: transparent;position:absolute;left:50%;top:-10px;margin-left:-10px;}*/
/*.menu p:after{content:"";width:100%;height:15px;position: absolute;top:-12px;left:0px;}*/


.promo-list,.promo-list .swiper-container{height:100%;overflow:hidden;}
.promo-list.auto,.promo-list.auto .swiper-container{height:auto;}
.promo-list .swiper-slide{overflow:hidden;}
.promo-list .cover{-webkit-transition: all 6s ease-in-out 0.5s;-moz-transition: all 6s ease-in-out 0.5s;-ms-transition: all 6s ease-in-out 0.5s;-o-transition: all 6s ease-in-out 0.5s;transition: all 6s ease-in-out 0.5s;-webkit-transform: scale(1.12);-moz-transform: scale(1.12);-o-transform: scale(1.12);-ms-transform: scale(1.12);transform: scale(1.12);}
.promo-list .swiper-slide-active .cover,.promo-list .swiper-slide-duplicate-active .cover{-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}
.promo-list .text{top:35%; color:#fff;}
.promo-list .text.t25{top:28%;}
.promo-list .t2{font-size:60px;letter-spacing:10px;}
.promo-list .t3{font-size:18px;letter-spacing:10px;}
.promo-list .t4{font-size:24px;}
.promo-list .t_btn a{padding:15px 30px;border:2px #fff solid; color:#fff;border-radius:200px;display:inline-block;}
.promo-list .t_btn a:hover{background-color:#fff;color:#2ad2c9;}
.promo-list .text{display: none;}
.promo-list .swiper-slide-active .text,.promo-list .swiper-slide-duplicate-active .text{display: block;}
.promo-list .line,.product-layer .line{height:0px;-webkit-transition: all 2s ease-in-out 1.6s;-moz-transition: all 2s ease-in-out 1.6s;-ms-transition: all 2s ease-in-out 1.6s;-o-transition: all 2s ease-in-out 1.6s;transition: all 2s ease-in-out 1.6s;opacity: 1;}
.promo-list .line.show,.product-layer .line.show{height:300px;}
.promo-list .line.show.h100,.product-layer .line.show.h100{height:150px;}



/*opacity*/
.opa9{opacity: 0.9}
.opa8{opacity: 0.8}
.opa7{opacity: 0.7}
.opa6{opacity: 0.6}
.opa5{opacity: 0.5}
.opa4{opacity: 0.4}
.opa3{opacity: 0.3}
.opa2{opacity: 0.2}
.opa1{opacity: 0.1}
.opa0{opacity: 0.0}

/*swiper*/
/*.swiper-container{width: 100%;margin: 0 auto;position: relative;overflow:hidden;z-index:1;}*/
/*.swiper-wrapper{position: relative;width: 100%;height: 100%;z-index: 1;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;-o-transition-property: -o-transform;-ms-transition-property: -ms-transform;transition-property: transform;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-o-transform: translate(0,0);-ms-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}*/
/*.swiper-slide{width:100%;height:100%;-webkit-flex-shrink: 0;-ms-flex: 0 0 auto;flex-shrink: 0;position: relative;-webkit-box-sizing: border-box;box-sizing: border-box;}*/
/*.swiper-pagination{width:100%;position: absolute;left:0px;bottom:20px;text-align: center;z-index:60;cursor:pointer;line-height:20px;}*/
/*.swiper-pagination span{display:inline-block;width:8px;height:8px;background-color:#fff;border-radius:20px;margin:0 8px;opacity:0.5;position: relative;top:-1px;}*/
/*.swiper-pagination span.swiper-pagination-bullet-active{width:12px;height:12px;opacity:1;top:0px;}*/
/*.active{z-index:10;}*/

/*width*/
.w5{width:5%;}
.w10{width:10%;}
.w15{width:15%;}
.w20{width:20%;}
.w25{width:25%;}
.w30{width:30%;}
.w31{width:31%;}
.w32{width:32%;}
.w33{width:33.3333333%;}
.w35{width:35%;}
.w40{width:40%;}
.w45{width:45%;}
.w50{width:50%;}
.w55{width:55%;}
.w60{width:60%;}
.w65{width:65%;}
.w70{width:70%;}
.w75{width:75%;}
.w80{width:80%;}
.w85{width:85%;}
.w90{width:90%;}
.w95{width:95%;}
.w100{width:100%;}



/*animate*/
a,.animate,.product-list .w25 img,.menu p,.news-list .item,.item-list .imglazy,.scale,.team-list .item .box{-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.team-list .item .box.active .hover{-webkit-transition: all 1.5s ease-in-out 0s;-moz-transition: all 1.5s ease-in-out 0s;-ms-transition: all 1.5s ease-in-out 0s;-o-transition: all 1.5s ease-in-out 0s;transition: all 1.5s ease-in-out 0s;}
.rotate:hover{-webkit-transition: all 1.5s ease-in-out 0s;-moz-transition: all 1.5s ease-in-out 0s;-ms-transition: all 1.5s ease-in-out 0s;-o-transition: all 1.5s ease-in-out 0s;transition: all 1.5s ease-in-out 0s;-moz-transform: rotate(360deg);-moz-transform-origin: center center;-webkit-transform: rotate(360deg);-webkit-transform-origin: center center;-o-transform: rotate(360deg);-o-transform-origin: center center;transform: rotate(360deg);transform-origin: center center;}
.item-list .item:hover .imglazy,.scale:hover{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}

.ani{opacity:0;}
.is_ani{opacity: 1;}
.fadeIn{
    -webkit-animation-name:fadeIn;
    animation-name:fadeIn;
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}
.fadeInUp{
    -webkit-animation-name:fadeInUp;
    animation-name:fadeInUp;
}
.fadeInDown{
    -webkit-animation-name:fadeInDown;
    animation-name:fadeInDown;
}
.fadeInRight{
    -webkit-animation-name:fadeInRight;
    animation-name:fadeInRight;
}
.fadeInLeft{
    -webkit-animation-name:fadeInLeft;
    animation-name:fadeInLeft;
}
.fadeInUp,.fadeInRight,.fadeInLeft,.fadeInDown,.fadeIn,.zoomIn,.bounceIn,.flipInY{
    -webkit-animation-duration:1.5s;
    animation-duration:1.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.delay100 {
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;
}
.delay200 {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}
.delay300 {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}
.delay400 {
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
}
.delay500 {
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
}
.delay600 {
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
}
.delay700 {
    -webkit-animation-delay: 0.7s;
    animation-delay: 0.7s;
}
.delay800 {
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
}
.delay900 {
    -webkit-animation-delay: 0.9s;
    animation-delay: 0.9s;
}
.delay1000 {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}
.delay1100 {
    -webkit-animation-delay: 1.1s;
    animation-delay: 1.1s;
}
.delay1200 {
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s;
}
.delay1300 {
    -webkit-animation-delay: 1.3s;
    animation-delay: 1.3s;
}
.delay1400 {
    -webkit-animation-delay: 1.4s;
    animation-delay: 1.4s;
}
.delay1600 {
    -webkit-animation-delay: 1.6s;
    animation-delay: 1.6s;
}
.delay2400 {
    -webkit-animation-delay: 3.3s;
    animation-delay: 3.3s;
}
/*animate*/
@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-20px,0);-ms-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-20px,0,0);-ms-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(20px,0,0);-ms-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,20px,0);-ms-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.5,.5,.5);-ms-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}
@-webkit-keyframes bounceIn{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes bounceIn{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);-ms-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);-ms-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);-ms-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);-ms-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);-ms-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn;}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);-ms-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);-ms-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);-ms-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);-ms-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}100%{-webkit-transform:perspective(400px);-ms-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}

/*margin*/
.mt-1{margin-top:1px;}
.mt-3{margin-top:3px;}
.mt-4{margin-top:4px;}
.mt-5{margin-top:5px;}
.mt-6{margin-top:6px;}
.mt-7{margin-top:7px;}
.mt-8{margin-top:8px;}
.mt-9{margin-top:9px;}
.mt-10{margin-top:10px;}
.mt-12{margin-top:12px;}
.mt-14{margin-top:14px;}
.mt-15{margin-top:15px;}
.mt-18{margin-top:18px;}
.mt-20{margin-top:20px;}
.mt-22{margin-top:22px;}
.mt-25{margin-top:25px;}
.mt-30{margin-top:30px;}
.mt-36{margin-top:36px;}
.mt-40{margin-top:40px;}
.mt-50{margin-top:50px;}
.mt-60{margin-top:60px;}
.mt-75{margin-top:75px;}
.mt-90{margin-top:90px;}
.mt-100{margin-top:100px;}
.mt-120{margin-top:150px;}

.mr-0{margin-right:0px !important;}
.mr-3{margin-right:3px;}
.mr-4{margin-right:4px;}
.mr-5{margin-right:5px;}
.mr-8{margin-right:8px;}
.mr-10{margin-right:10px;}
.mr-12{margin-right:12px;}
.mr-15{margin-right:15px;}
.mr-20{margin-right:20px;}
.mr-30{margin-right:30px;}
.mr-60{margin-right:60px;}
.mr-70{margin-right:70px;}

.mb-5{margin-bottom:5px;}
.mb-100{margin-bottom:100px;}

.ml-1{margin-left:1px;}
.ml-3{margin-left:3px;}
.ml-8{margin-left:8px;}
.ml-10{margin-left:10px;}
.ml-15{margin-left:15px;}
.ml-20{margin-left:20px;}
.ml-30{margin-left:33px;}
.ml-40{margin-left:40px;}
.ml-50{margin-left:50px;}
.ml-60{margin-left:60px;}
.ml-70{margin-left:70px;}
.ml-75{margin-left:75px;}
.ml-98{margin-left:98px;}
.ml-90{margin-left:90px;}
.ml-100{margin-left:100px;}
.ml-110{margin-left:110px;}
.ml-125{margin-left:125px;}
.ml-130{margin-left:130px;}
.ml-160{margin-left:160px;}
.ml-170{margin-left:170px;}

.mlr-3{margin-left:3px;margin-right:3px;}
.mlr-5{margin-left:5px;margin-right:5px;}
.mlr-8{margin-left:8px;margin-right:8px;}
.mlr-10{margin-left:10px;margin-right:10px;}
.mlr-15{margin-left:15px;margin-right:15px;}
.mlr-20{margin-left:20px;margin-right:20px;}
.mlr-30{margin-left:30px;margin-right:30px;}
.mlr-40{margin-left:40px;margin-right:40px;}
.mlr-50{margin-left:50px;margin-right:50px;}
.mlr-60{margin-left:60px;margin-right:60px;}
.mlr-100{margin-left:100px;margin-right:100px;}

/* padding */
.pt-10{padding-top:10px;}
.pt-15{padding-top:15px;}
.pt-27{padding-top:27px;}
.pt-40{padding-top:40px;}
.pt-50{padding-top:50px;}
.pt-70{padding-top:70px;}
.pt-90{padding-top:90px;}

.pr-12{padding-right:12px;}
.pr-20{padding-right:20px;}
.pr-30{padding-right:30px;}

.pm-10{padding-bottom:10px;}
.pm-15{padding-bottom:15px;}
.pm-50{padding-bottom:50px;}
.pm-75{padding-bottom:75px;}
.pm-100{padding-bottom:100px;}

.plr-5{padding-left:5px;padding-right:5px;}
.pl-12{padding-left:12px;}
.plr-10{padding-left:10px;padding-right:10px;}
.pl-10-r-15{padding-left:10px;padding-right:15px;}
.plr-14{padding-left:14px;padding-right:14px;}
.plr-15{padding-left:15px;padding-right:15px;}
.plr-20{padding-left:20px;padding-right:20px;}
.plr-30{padding-left:30px;padding-right:30px;}
.plr-50{padding-left:50px;padding-right:50px;}

.ptm-10{padding-top:10px;padding-bottom:10px;}
.ptm-15{padding-top:15px;padding-bottom:15px;}
.ptm-20{padding-top:20px;padding-bottom:20px;}
.ptm-30{padding-top:30px;padding-bottom:30px;}
.ptm-40{padding-top:40px;padding-bottom:40px;}
.ptm-50{padding-top:50px;padding-bottom:50px;}
.ptm-60{padding-top:60px;padding-bottom:60px;}
.ptm-75{padding-top:75px;padding-bottom:75px;}
.ptm-100{padding-top:100px;padding-bottom:100px;}
.ptm-120{padding-top:150px;padding-bottom:120px;}
.ptm-150{padding-top:150px;padding-bottom:150px;}
.ptm-170{padding-top:170px;padding-bottom:170px;}
.ptm-200{padding-top:200px;padding-bottom:200px;}
.ptm-250{padding-top:250px;padding-bottom:250px;}

/* line-height */
.h-35{line-height:35px;}
.h-30{line-height:30px;}
.h-18{line-height:18px;}
.h-16{line-height:16px;}
.h-20{line-height:20px;}
.h-22{line-height:22px;}
.h-24{line-height:24px;}
.h-25{line-height:25px;}
.h-26{line-height:26px;}
.h-29{line-height:29px;}
.h-33{line-height:33px;}
.h-37{line-height:37px;}
.h-38{line-height:38px;}
.h-40{line-height:40px;}
.h-54{line-height:54px;}

/* border */
.b-a{border:1px #dbdbdb solid;}
.b-l{border-left:1px #dbdbdb solid;}
.b-r{border-right:1px #dbdbdb solid;}
.b-t{border-top:1px #dbdbdb solid;}
.b-b{border-bottom:1px #dbdbdb solid;}
.b-ld{border-left:1px #dbdbdb dashed;}
.b-rd{border-right:1px #dbdbdb dashed;}
.b-td{border-top:1px #dbdbdb dashed;}
.b-bd{border-bottom:1px #dbdbdb dashed;}

.b-b-green{border-bottom:1px #9bc929 solid;}
.b-l-green{border-left:1px #9bc929 solid;}

/* bg color */
.bg-orange{background-color:#ffac45;}
.bg-black{background-color:#000;}
.bg-white{background-color:#fff;}
.bg-grey{background-color:#f8f8f8;}
.bg-blue{background-color:#39ade7;}
.bg-green{background-color:#b3d56c;}
.bg-purple{background-color:#be9ecc;}
.bg-yellow{background-color:#eaab3e;}
.bg-red{background-color:#872633;}

/* font size */
.f-12{font-size:12px;}
.f-13{font-size:13px;}
.f-14{font-size:14px;}
.f-15{font-size:15px;}
.f-16{font-size:16px;}
.f-18{font-size:18px;}
.f-20{font-size:20px;}
.f-22{font-size:22px;}
.f-24{font-size:24px;}
.f-26{font-size:26px;}
.f-28{font-size:28px;}
.f-30{font-size:30px;}
.f-32{font-size:32px;}
.f-34{font-size:34px;}
.f-36{font-size:36px;}
.f-38{font-size:38px;}
.f-40{font-size:40px;}
.f-48{font-size:48px;}
.f-80{font-size:80px;}
.f-90{font-size:90px;}
.f-110{font-size:110px;}
.fbold{font-weight:bold;}
.fboldno{font-weight:normal;}
.f-c{text-align:center;}
.f-l{text-align:left;}
.f-r{text-align:right;}
.f-f{font-family:"ËÎÌå","","΢ÈíÑźÚ","Arial","Helvetica",sans-serif;}
.f-t{text-decoration:underline;cursor:pointer;}
.f-v{vertical-align:middle;}
.f-v img{float:none;margin:0 5px;}
.f-u{text-transform:uppercase;}
.f-w{white-space:nowrap;}