/*layout style
--------------------------------------*/
/*页码放置 begin*/
.basic_bg {
   background: #b08a68;
}

.page {
   width: 100%;
   padding: 50px 0 15px 0;
   float: left;
   text-align: center;
   overflow: hidden;
   font-size: 16px;
}

.page a {
   border: 1px solid #ddd;
   border-radius: 5px;
   padding: 5px 10px;
   height: 55px;
   line-height: 55px;
   background: #fff;
}

.page span,
.page a:hover {
   padding: 6px 11px;
   background: #b08a68;
   color: #fff;
   border-radius: 5px;
   border: 0;
}

.page .prev,
.page .next {
   margin: 0 10px;
}

.page .num {
   padding: 2px;
   text-align: center;
   color: #000;
}

.page .cur {
   color: #f00;
}

/*页码放置 end*/
/*新闻*/
.tittle {
   text-align: center;
}

.tittle h4 {
   font-size: 30px;
   font-weight: normal;
   border-bottom: 1px solid #ddd;
   padding: 20px 0;
}

.tittle02 {
   text-align: center;
   padding: 0 0 5px 0;
   position: relative;
   z-index: 9;
}

.tittle02 h4 {
   font-size: 30px;
   font-weight: normal;
   /* border-bottom:1px solid #ddd; */
   padding: 15px 0;
}

.tittle01 h4 {
   font-size: 30px;
   font-weight: normal;
   border-bottom: 1px solid #ddd;
   padding: 20px 0;
   text-align: center;
}

.new_attribute {
   position: relative;
}

.news_time {
   background: url(../images/time01.png) left no-repeat;
   padding: 0 0 0 22px;
}

.news_hits {
   background: url(../images/liulan01.png) left no-repeat;
   padding: 0 0 0 24px;
   margin: 0 12px;
}

.news_ziti {
   background: url(../images/ziti01.png) left no-repeat;
   padding: 0 0 0 24px;
}

.extro {
   margin-top: 10px;
   line-height: 18px;
}

.extro .dt {
   float: right;
   color: #666;
   font-size: 12px;
   height: 30px;
   line-height: 30px;
}

.extro .dt p {
   font-size: 13px;
   color: #333;
}

.extro .dt p span {
   padding-right: 0px;
   color: #666;
}

.new_info {
   padding: 18px 0;
}

.new_info img {
   max-width: 100% !important;
   height: auto !important
}

.slider_table {
   width: 100%;
   overflow-x: auto;
   overflow: auto;
   padding-bottom: 10px;
}

#bdshare {
   float: none;
}

.next {
   line-height: 24px;
   padding: 15px 0 0 0;
   margin: 30px 0 0 0;
   border-top: 1px solid #ddd;
}

.next p {
   height: 26px;
   line-height: 26px;
   font-weight: bold;
}

.next a:hover {
   line-height: 26px;
   text-decoration: underline;
}

.news_description {
   padding: 10px 15px;
   border: 1px solid #ddd;
   background: #eee;
}

.news_description span {
   font-weight: bold;
   font-size: 16px;
}

.order_num {
   height: 35px;
   line-height: 35px;
   background: #f05f02;
   display: block;
   float: left;
   font-size: 16px;
}

.order_num a {
   color: #fff;
   display: block;
   padding: 0 40px;
}

.order_num a:hover {
   display: block;
   background: #f97e30
}

.order_num01 {
   padding: 0 40px;
   height: 35px;
   line-height: 35px;
   background: #f05f02;
   display: block;
   float: left;
   border: 0;
   color: #fff;
   margin: 0 0 0 10px;
   font-size: 16px;
}

.order_num01:hover {
   display: block;
   background: #f97e30
}


.xgyuedu {
   margin: 40px 0 0 0;
}

.xgyuedu h1,
.xgchanpin h1 {
   font-size: 18px;
   height: 40px;
   line-height: 40px;
   margin: 0 0 10px 0;
   border-bottom: 1px solid #ddd;
   font-weight: bold
}

.xgyuedu p {
   height: 30px;
   line-height: 30px;
}

.xgyuedu p span {
   margin: 0 10px 0 0;
}

.xgyuedu p em {
   margin: 0 0 0 30px;
   color: #999;
}

.xgyuedu_m01 p {
   line-height: 35px;
   height: 35px;
   font-size: 16px;
}

.xgyuedu_m01 p:before {
   content: '\e613';
   font-family: iconfont;
   padding: 0 10px 0 0;
   font-size: 16px;
   color: #04cea6
}

.xgchanpin {
   margin: 40px 0 0 0;
   overflow: hidden;
}

.xgchanpin_m {
   width: 105%;
}

.xgchanpin a {
   width: 15%;
   float: left;
   display: block;
   margin: 10px 10px 0 0
}

.xgchanpin a img {
   width: 100%;
   height: 120px;
   display: block;
}

.xgchanpin a h2 {
   font-weight: normal;
   line-height: 26px;
   text-align: center;
   font-size: 1rem;
   text-overflow: ellipsis;
   white-space: nowrap;
   overflow: hidden
}




.content_main {
   height: 35px;
   line-height: 35px;
   color: #fff;
   border-bottom: 1px solid #ddd;
   margin: 0 0 20px 0;
}

.content_main h1 {
   padding: 8px 30px;
   display: table;
   font-size: 1rem;
   font-weight: bold
}

.product_size {
   width: 750px;
   height: auto;
   overflow: hidden;
   padding-bottom: 28px;
   margin: 0 auto;
   /* float:left; */
}

.pro_sImg {
   padding: 11px 0;
   border-bottom: 1px solid #d0d0d0;
   margin-bottom: 11px;
}

.pro_sImg img {
   width: 750px;
}

.pro_sMimg li {
   float: left;
   width: 86px;
   height: 59px;
   margin: 0 10px 10px 0;
   display: inline;
}

/* 招聘 */
.recruit01 h1 {
   float: left;
   display: block;
   width: 30%;
}

.recruit01 h1 span {
   font-weight: normal;
}

.recruit02 h1 {
   padding: 16px 0 4px 0;
}

.recruit02_m {
   font-size: 14px;
   line-height: 28px;
}

/* 地图 */
#allmap {
   width: 100%;
   height: 500px;
}

.formguide_button {
   cursor: pointer;
   border: 0;
   color: #fff;
   width: 200px;
   height: 35px;
   line-height: 35px;
   font-size: 15px;
}


/* 分享 */
.fx_share {
   display: block;
   width: 130px;
   position: absolute;
   right: 0;
   top: 0;
   height: 52px;
   z-index: 9
}

.fx_share .e .slideDown {
   position: absolute;
   left: 0px;
   top: -10px;
   width: 120px;
   display: inline-block;
   *display: inline;
   zoom: 1;
   vertical-align: middle;
}

.fx_share .e .slideDown .share {
   cursor: pointer;
   display: block;
   padding: 11px 0px;
   text-align: center;
   line-height: 20px;
   font-style: normal;
   font-family: Microsoft YaHei
}

.fx_share .e .slideDown .share b {
   border: solid 5px #fff;
   border-top-color: #757575;
   display: block;
   height: 0;
   overflow: hidden;
   position: absolute;
   right: 30px;
   top: 18px;
   -webkit-transition: top 1s, all 0.3s ease-in 0s;
   -moz-transition: top 1s, all 0.3s ease-in 0s;
   -o-transition: top 1s, all 0.3s ease-in 0s;
   transition: top 1s, all 0.3s ease-in 0s;
}

.fx_share .e .slideDown .selectBox {
   background: #fff;
   display: none;
   position: absolute;
   left: 0px;
   top: 40px;
   z-index: 999;
   width: 120px;
   text-align: left
}

.fx_share .e .slideDown .selectBox a {
   background-image: none;
   border-top: 1px solid #fff;
   border-bottom: none;
   display: block;
   font: 12px/39px "Microsoft YaHei";
   height: 39px;
   padding-left: 45px;
   overflow: hidden;
}

.fx_share .e .slideDown .selectBox a:hover {
   text-decoration: none
}

.fx_share .e .slideDown .selectBox a.ico01 {
   background: url(../images/share_ico.png) no-repeat 12px -1px
}

.fx_share .e .slideDown .selectBox a.ico02 {
   background: url(../images/share_ico.png) no-repeat 12px -39px
}

.fx_share .e .slideDown .selectBox a.ico03 {
   background: url(../images/share_ico.png) no-repeat 12px -79px
}

.fx_share .e .slideDown .selectBox a.ico04 {
   background: url(../images/share_ico.png) no-repeat 12px -119px
}

.fx_share .e .slideDown .selectBox a.ico05 {
   background: url(../images/share_ico.png) no-repeat 12px -158px
}

.fx_share .e .slideDown .selectBox a.ico06 {
   background: url(../images/share_ico2.png) no-repeat 12px 6px
}

.fx_share .e .slideDown .selectBox a.ico07 {
   background: url(../images/share_ico2.png) no-repeat 12px -34px
}

.fx_share .e .slideDown .selectBox a.ico08 {
   background: url(../images/share_ico2.png) no-repeat 12px -74px
}

.fx_share .e .slideDown .selectBox a.ico09 {
   background: url(../images/share_ico2.png) no-repeat 12px -114px
}

.fx_share .e .slideDown .selectBox a.ico10 {
   background: url(../images/share_ico2.png) no-repeat 12px -155px
}

.fx_share .e .slideDown .selectBox a.ico01:hover {
   background: url(../images/share_ico_hover.png) no-repeat 12px -1px
}

.fx_share .e .slideDown .selectBox a.ico02:hover {
   background: url(../images/share_ico_hover.png) no-repeat 12px -39px
}

.fx_share .e .slideDown .selectBox a.ico03:hover {
   background: url(../images/share_ico_hover.png) no-repeat 12px -79px
}

.fx_share .e .slideDown .selectBox a.ico04:hover {
   background: url(../images/share_ico_hover.png) no-repeat 12px -119px
}

.fx_share .e .slideDown .selectBox a.ico05:hover {
   background: url(../images/share_ico_hover.png) no-repeat 12px -159px
}

.fx_share .e .slideDown .selectBox a.ico06:hover {
   background: url(../images/share_ico_hover2.png) no-repeat 12px 6px
}

.fx_share .e .slideDown .selectBox a.ico07:hover {
   background: url(../images/share_ico_hover2.png) no-repeat 12px -34px
}

.fx_share .e .slideDown .selectBox a.ico08:hover {
   background: url(../images/share_ico_hover2.png) no-repeat 12px -74px
}

.fx_share .e .slideDown .selectBox a.ico09:hover {
   background: url(../images/share_ico_hover2.png) no-repeat 12px -114px
}

.fx_share .e .slideDown .selectBox a.ico10:hover {
   background: url(../images/share_ico_hover2.png) no-repeat 12px -155px
}

.fx_share .e .slideCur {
   box-shadow: 0 0 2px 2px #eaeaea;
   display: block;
   border: 1px solid #eaeaea
}

.fx_share .e .slideCur .share {
   background-color: #f5f5f5;
}

.fx_share .e .slideCur .share b {
   border: solid 5px #f5f5f5;
   border-top-color: #1e63b0;
   top: 12px;
   border-top-color: #f5f5f5\9;
   border-bottom: solid 6px #1e63b0\9;
   -webkit-transform: rotate(180deg);
   -moz-transform: rotate(180deg);
   -o-transform: rotate(180deg);
   transform: rotate(180deg);
}



/* 招聘 */
.joinBox *,
.joinBox *:before,
.joinBox *:after {
   /*  box-sizing: border-box; */
   -webkit-transition: 0s;
   transition: 0s;
}

.joinBox {
   margin-top: 30px;
}

.joinBox dd {
   position: relative;
   min-height: 70px;
   padding-left: 102px;
   margin-bottom: 11px;
   cursor: pointer;
}

.joinBox .num {
   position: absolute;
   left: 0px;
   top: 0px;
   text-align: center;
   background-color: #fff;
   color: #6a4818;
   display: block;
   width: 88px;
   height: 70px;
   font: 25px/70px Arial, helvetica, sans-serif;
   border: 1px solid #dedede
}

.joinBox .con {
   border: 1px solid #dedede;
   background-color: #fff;
}

.joinBox .con .job_title {
   margin: 0px 24px;
   border-bottom: 1px solid #fff;
   height: 68px;
   line-height: 68px;
   font-size: 18px;
   color: #4C4C4C;
   position: relative;
}

.joinBox .con .c {
   margin: 0px 24px;
   color: #4C4C4C;
   display: none;
   padding: 15px 10px 30px;
}

.joinBox .con .c h1 {
   padding: 25px 0 5px 0;
   margin: 0 0 5px 0;
   border-bottom: 1px solid #BEBEBE;
   font-size: 18px;
}

.joinBox .con a:link,
.joinBox .con a:visited {
   color: #fff;
}

.joinBox .con a:active,
.joinBox .con a:hover {
   text-decoration: underline;
}

.joinBox dd.act .num {
   background-color: #6a4818;
   color: #fff;
}

.joinBox dd.act .con {
   background-color: #dedede;
}

.joinBox .job_title .joico {
   width: 18px;
   height: 18px;
   position: absolute;
   right: 0px;
   top: 50%;
   margin-top: -9px;
   transition: 400ms;
}

.joinBox .job_title .joico .line1 {
   width: 18px;
   height: 2px;
   overflow: hidden;
   background: #8c8c8c;
   position: absolute;
   left: 0;
   top: 8px;
}

.joinBox .job_title .joico .line2 {
   width: 2px;
   height: 18px;
   overflow: hidden;
   background: #8c8c8c;
   position: absolute;
   left: 8px;
   top: 0;
   transition: 400ms;
}

.joinBox dd.act .job_title {
   border-bottom-color: #BEBEBE;
}

.joinBox dd.act .joico {
   transform: rotate(180deg);
   -webkit-transform: rotate(180deg);
}

.joinBox dd.act .joico .line2 {
   display: none;
}

.job_line {
   height: 1px;
   background: #BEBEBE;
   display: block;
   margin: 10px 0;
}

.job_margin {
   margin: 8px 0 0 0;
}



/* 招聘弹框 */

@-webkit-keyframes bounceIn {
   0% {
      opacity: 0;
      -webkit-transform: scale(.3);
      transform: scale(.3)
   }

   50% {
      opacity: 1;
      -webkit-transform: scale(1.05);
      transform: scale(1.05)
   }

   70% {
      -webkit-transform: scale(.9);
      transform: scale(.9)
   }

   100% {
      opacity: 1;
      -webkit-transform: scale(1);
      transform: scale(1)
   }

}

@keyframes bounceIn {
   0% {
      opacity: 0;
      -webkit-transform: scale(.3);
      -ms-transform: scale(.3);
      transform: scale(.3)
   }

   50% {
      opacity: 1;
      -webkit-transform: scale(1.05);
      -ms-transform: scale(1.05);
      transform: scale(1.05)
   }

   70% {
      -webkit-transform: scale(.9);
      -ms-transform: scale(.9);
      transform: scale(.9)
   }

   100% {
      opacity: 1;
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1)
   }

}

.bounceIn {
   -webkit-animation-name: bounceIn;
   animation-name: bounceIn
}

@-webkit-keyframes bounceInDown {
   0% {
      opacity: 0;
      -webkit-transform: translateY(-2000px);
      transform: translateY(-2000px);
   }

   60% {
      opacity: 1;
      -webkit-transform: translateY(30px);
      transform: translateY(30px);
   }

   80% {
      -webkit-transform: translateY(-10px);
      transform: translateY(-10px);
   }

   100% {
      -webkit-transform: translateY(0);
      transform: translateY(0);
   }
}

@keyframes bounceInDown {
   0% {
      opacity: 0;
      -webkit-transform: translateY(-2000px);
      -ms-transform: translateY(-2000px);
      transform: translateY(-2000px);
   }

   60% {
      opacity: 1;
      -webkit-transform: translateY(30px);
      -ms-transform: translateY(30px);
      transform: translateY(30px);
   }

   80% {
      -webkit-transform: translateY(-10px);
      -ms-transform: translateY(-10px);
      transform: translateY(-10px);
   }

   100% {
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0);
   }
}

.bounceInDown {
   -webkit-animation-name: bounceInDown;
   animation-name: bounceInDown;
}

@-webkit-keyframes bounceOutUp {
   0% {
      -webkit-transform: translateY(0);
      transform: translateY(0);
   }

   20% {
      opacity: 1;
      -webkit-transform: translateY(20px);
      transform: translateY(20px);
   }

   100% {
      opacity: 0;
      -webkit-transform: translateY(-2000px);
      transform: translateY(-2000px);
   }
}

@keyframes bounceOutUp {
   0% {
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0);
   }

   20% {
      opacity: 1;
      -webkit-transform: translateY(20px);
      -ms-transform: translateY(20px);
      transform: translateY(20px);
   }

   100% {
      opacity: 0;
      -webkit-transform: translateY(-2000px);
      -ms-transform: translateY(-2000px);
      transform: translateY(-2000px);
   }
}

.bounceOutUp {
   -webkit-animation-name: bounceOutUp;
   animation-name: bounceOutUp;
}

@-webkit-keyframes rollIn {
   0% {
      opacity: 0;
      -webkit-transform: translateX(-100%) rotate(-120deg);
      transform: translateX(-100%) rotate(-120deg);
   }

   100% {
      opacity: 1;
      -webkit-transform: translateX(0px) rotate(0deg);
      transform: translateX(0px) rotate(0deg);
   }
}

@keyframes rollIn {
   0% {
      opacity: 0;
      -webkit-transform: translateX(-100%) rotate(-120deg);
      -ms-transform: translateX(-100%) rotate(-120deg);
      transform: translateX(-100%) rotate(-120deg);
   }

   100% {
      opacity: 1;
      -webkit-transform: translateX(0px) rotate(0deg);
      -ms-transform: translateX(0px) rotate(0deg);
      transform: translateX(0px) rotate(0deg);
   }
}

.rollIn {
   -webkit-animation-name: rollIn;
   animation-name: rollIn;
}


@-webkit-keyframes flipInX {
   0% {
      -webkit-transform: perspective(400px) rotateX(90deg);
      transform: perspective(400px) rotateX(90deg);
      opacity: 0;
   }

   40% {
      -webkit-transform: perspective(400px) rotateX(-10deg);
      transform: perspective(400px) rotateX(-10deg);
   }

   70% {
      -webkit-transform: perspective(400px) rotateX(10deg);
      transform: perspective(400px) rotateX(10deg);
   }

   100% {
      -webkit-transform: perspective(400px) rotateX(0deg);
      transform: perspective(400px) rotateX(0deg);
      opacity: 1;
   }
}

@keyframes flipInX {
   0% {
      -webkit-transform: perspective(400px) rotateX(90deg);
      -ms-transform: perspective(400px) rotateX(90deg);
      transform: perspective(400px) rotateX(90deg);
      opacity: 0;
   }

   40% {
      -webkit-transform: perspective(400px) rotateX(-10deg);
      -ms-transform: perspective(400px) rotateX(-10deg);
      transform: perspective(400px) rotateX(-10deg);
   }

   70% {
      -webkit-transform: perspective(400px) rotateX(10deg);
      -ms-transform: perspective(400px) rotateX(10deg);
      transform: perspective(400px) rotateX(10deg);
   }

   100% {
      -webkit-transform: perspective(400px) rotateX(0deg);
      -ms-transform: perspective(400px) rotateX(0deg);
      transform: perspective(400px) rotateX(0deg);
      opacity: 1;
   }
}

.flipInX {
   -webkit-backface-visibility: visible !important;
   -ms-backface-visibility: visible !important;
   backface-visibility: visible !important;
   -webkit-animation-name: flipInX;
   animation-name: flipInX;
}

.animated1 {
   width: 100%;
   height: 100%;
   background-color: #000000;
   opacity: 0.8;
   filter: alpha(opacity=80);
   position: fixed;
   top: 0;
   left: 0;
   z-index: 9999;
   display: none;
}

.animated01 {
   -webkit-animation-duration: 1.4s;
   animation-duration: 1.4s;
   -webkit-animation-fill-mode: both;
   animation-fill-mode: both;
   width: 700px;
   height: 600px;
   margin: 0 auto;
   display: none;
   background-color: #ffffff;
   position: fixed;
   top: 32%;
   left: 39%;
   margin: -120px 0 0 -150px;
   z-index: 10000;
   border: 1px solid #ccc;
   border-radius: 10px;
   -webkit-border-radius: 10px;
}

.animated01 h1 {
   font-size: 18px;
   float: left;
   padding: 20px 0 22px 32px;
}

.claseDialogBtn {
   float: right;
   display: block;
   padding: 20px 18px 22px 0;
   color: #999;
   font-size: 22px;
   font-weight: 400;
   font-family: sans-serif;
}

.bounceIn span {
   width: 150px;
   height: 35px;
   line-height: 35px;
   font-size: 16px;
   margin: 25px 0 0 0;
   color: #fff;
   text-align: center;
   display: block;
}

.job_tanchu {
   overflow-x: hidden;
   overflow: -Scroll;
   width: 90%;
   margin: 0 auto;
   height: 460px;
   padding: 0 10px 30px 10px;
}

#style-8::-webkit-scrollbar-track {
   background-color: #a0a0a0;
   border-radius: 5px;
}

#style-8::-webkit-scrollbar {
   width: 6px;
   background-color: #a0a0a0;
   border-radius: 5px;
}

#style-8::-webkit-scrollbar-thumb {
   width: 4px;
   border: 1px solid #a0a0a0;
   border-radius: 5px;
   background-color: #fff;
}


/* side */
.side {
   position: fixed;
   width: 54px;
   height: 275px;
   right: 0;
   top: 254px;
   z-index: 100;
}

.side ul li {
   width: 54px;
   height: 54px;
   float: left;
   position: relative;
   border-bottom: 1px solid #444;
}

.side ul li .sidebox {
   position: absolute;
   width: 54px;
   height: 54px;
   top: 0;
   right: 0;
   transition: all 0.3s;
   background: #000;
   opacity: 0.8;
   filter: Alpha(opacity=80);
   color: #fff;
   font: 14px/54px "微软雅黑";
   overflow: hidden;
}

.side ul li .sidetop {
   width: 54px;
   height: 54px;
   line-height: 54px;
   display: inline-block;
   background: #000;
   opacity: 0.8;
   filter: Alpha(opacity=80);
   transition: all 0.3s;
}

.side ul li .sidetop:hover {
   background: #00c1de;
   opacity: 1;
   filter: Alpha(opacity=100);
}

.side ul li img {
   float: left;
}

.weixin h1 {
   display: none;
}

.weixin:hover h1 {
   display: block;
   width: 120px;
   position: absolute;
   top: 54px;
   left: -100px;
   z-index: 999;
}



.n_contact_icon ul {
   display: flex
}

.n_contact_icon ul li {
   flex: 1;
   text-align: center;
   padding: 0 20px
}

.n_contact_icon ul li span {
   font-size: 50px;
   color: #ccc
}

.n_contact_icon ul li h1 {
   margin: 10px 0;
   font-size: 18px
}

.n_contact_icon ul li p {
   font-size: 18px
}

.n_contact_icon ul li:nth-child(2) {
   border-left: 1px solid #eee;
   border-right: 1px solid #eee;
}

.n_contact_message {
   padding: 50px 0;
   border: 4px solid #eeee;
   background: url(../images/kefu.jpg) right bottom no-repeat;
   margin: 60px 0
}

.n_contact_message .n_contact,
.n_contact_message .n_message {
   width: 50%;
   padding: 0 50px
}

.n_contact_message .n_contact {
   font-size: 18px;
   line-height: 220%
}

.n_contact_message .n_message {
   border-left: 1px solid #eee
}


/* Basic Grey */
.basic-grey {
   padding: 30px 0 25px 20px;
   color: #888;
   text-shadow: 1px 1px 1px #FFF;
}

.basic-grey h1 {
   font-size: 25px;
   padding: 0px 0px 10px 40px;
   display: block;
   border-bottom: 1px solid #E4E4E4;
   margin: -10px -15px 30px -10px;
   ;
   color: #666;
}

.basic-grey h1>span {
   display: block;
   font-size: 11px;
}

.basic-grey label {
   display: block;
   width: 100%;
   margin: 0px;
}

.basic-grey label>span {
   float: left;
   /* width: 80px; */
   text-align: right;
   padding-right: 10px;
   color: #666;
   font-weight: normal;
   margin-top: 5px;
}

#basic-grey label>span {
   width: 80px;
}

.basic-grey input[type="text"],
.basic-grey input[type="email"],
.basic-grey textarea,
.basic-grey select {
   border: 1px solid #dadada;
   border-radius: 3px;
   padding: 2px 5px;
   color: #666;
   height: 28px;
   font-weight: normal;
   line-height: 22px;
   margin-bottom: 12px;
   margin-right: 6px;
   margin-top: 2px;
   outline: 0 none;
   width: calc(100% - 80px);
   font-size: 14px;
   box-shadow: inset 2px 2px 3px #ededed;
   -moz-box-shadow: inset 2px 2px 3px #ededed;
   -webkit-box-shadow: inset 2px 2px 3px #ededed;
}

.basic-grey .o-time {
   color: #666;
   height: 30px;
   margin-bottom: 16px;
   margin-right: 6px;
   margin-top: 2px;
   outline: 0 none;
   padding: 3px 3px 3px 5px;
   width: 70%;
   font-size: 14px;
   line-height: 30px;
   text-align: left;
}

.basic-grey textarea {
   padding: 5px 3px 3px 5px;
}

.basic-grey select {
   background: #FFF url('down-arrow.png') no-repeat right;
   appearance: none;
   -webkit-appearance: none;
   -moz-appearance: none;
   text-indent: 0.01px;
   text-overflow: '';
   width: 50%;
   height: 35px;
   line-height: 25px;
}

.basic-grey textarea {
   height: 100px;
}

.basic-grey label .error {
   color: red;
   float: none;
   font-weight: normal;
   line-height: 1.4;
   border: 1px solid red;
}

.basic-grey>label>span .error {
   border: none;
}

.message01 {
   height: 35px;
   line-height: 35px;
   width: 200px;
   border-radius: 5px;
   border: 0;
   color: #fff;
   font-size: 15px;
   cursor: pointer;
}