@charset "utf-8";
/* CSS Document */
body{ font-family:tahoma; background:#fff url(../images/bgmain.png) center top repeat-x; }
input[type=text], textarea {
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;
  border: 0px;
}
 
input[type=text]:focus, textarea:focus {
  box-shadow: 0 0 5px rgba(4, 64, 235, 1);
  border: 0px ;
}

h1{font-family: "GillSansMTProCyr-Light" !important; }

.wrap-940{ width: 940px; padding: 0 10px; margin: 0 auto;}
.clear{ clear:both;}
.bd-none{ border:none !important; background:none !important;}
.dp-none{ display: none;}
.f-left{ float: left;}
.f-right{ float: right;}
.gillsan{font-family: "GillSansMTProCyr-Light" !important;}
.gillsanbl{font-family: "GillSansMTProBold" !important;}
.helvl{font-family: "HelveticaNeueLightCond" !important;}
.helvb{font-family: "HelveticaNeueBoldCond" !important;}

a.mail-to, a.mail-to:hover{ color: #0a66f0;}

/*------------------basecamp---------------*/


/*------------------sidemenu---------------*/

/*------------------detail-nav---------------*/

/*------------------detail-nav---------------*/


/*------------------structure---------------*/
#toppage{ padding: 20px 0 0px; }
#toppage nav{ height: 84px; padding-bottom: 0px; }
#toppage .logo{ float: left;}
#toppage .menu{ margin: 25px 0 0 0; float: left;}
#toppage .menu > li{ padding: 0px 10px; border-left:1px solid #2a2a2a;  float: left; position: relative; color: #333; }
#toppage .menu > li:first-child{ padding: 0px 10px 0 0; border-left:0px solid #2a2a2a;}
#toppage .menu > li:hover a{ color: #b60012;}
#toppage .menu > .mn-1:hover a {color: #ca7a07;}
#toppage .menu > .mn-2:hover a {color: #043e69;}
#toppage .menu > .mn-3:hover a {color: #008143;}
#toppage .menu > .mn-4:hover a {color: #7eacbb;}
#toppage .menu > .mn-5:hover a {color: #8e3310;}
#toppage .menu > .mn-1 a.active {color: #ca7a07;}
#toppage .menu > .mn-2 a.active {color: #043e69;}
#toppage .menu > .mn-3 a.active {color: #008143;}
#toppage .menu > .mn-4 a.active {color: #7eacbb;}
#toppage .menu > .mn-5 a.active {color: #8e3310;}

#toppage .wrap-submenu{ height: 0px; position: absolute; z-index: 9;}
#toppage .wrap-box{ }
#toppage .submenu-box li{ display: none;  width: 510px;  background:#3a3a3a; border-radius: 6px; box-shadow: 0 0 6px rgba(0,0,0,0.1); overflow: hidden; text-shadow:0 1px 2px rgba(0,0,0,0.3);}
#toppage .submenu-box li.active{ display: block; width: 510px; }
#toppage .submenu-box .sub-main-box{ margin: 10px 20px 0px; padding-bottom: 10px; color: #fff; border-bottom:1px solid rgba(255,255,255,0.3) }
#toppage .submenu-box .sub-list-box{ margin:10px 20px 20px; width: 205px; float: left; overflow: hidden;}
#toppage .submenu-box .sub-list-box a{ font-size: 13px; color: #fff; line-height: 1.8;}
#toppage .slt-set-rg{ float: right; padding: 2px; border-radius: 3px; border: 1px solid #aec8d9; color: #174f66; margin-top: -3px;}
#toppage .sw-lang{ display: block; width: 222px; height: 30px; float: right; margin: 5px 0 0 0; background: url(../images/switch-lang.png) left top no-repeat;}
#toppage .sw-lang:hover{ background-position: left bottom;}

#toppage img.recomdproduct{ float: right; margin-right: 20px;}

#banner {}
#banner .main-banner{ height: 310px;}
#banner .sub-banner{}
#banner .l-bn{float: left;}
#banner .r-bn{float: right; margin-right: 8px; width: 455px; background: url(../images/banner-bt01-hover.png) right bottom no-repeat;}
#banner .r-bn img{ float: left;}
#banner .r-bn a{ float: right; display: block; width: 204px; height: 70px;}
#banner .r-bn a.track{ background: url(../images/banner-bt01.png) left top no-repeat;}
#banner .r-bn a.regis{ background: url(../images/banner-bt01.png) left bottom no-repeat;}
#banner .r-bn a.track:hover{ background: url(../images/banner-bt01-hover.png) left top no-repeat;}
#banner .r-bn a.regis:hover{ background: url(../images/banner-bt01-hover.png) left bottom no-repeat;}

#ads{}
#ads .headline{ margin-top: 30px; margin-left: 30px;}
#ads .subtext{margin-top: 65px; margin-left: 32px;}
#ads .rsNav {}
#ads .rsBullets {position: absolute;top: 110px;left: 31px;}
#ads .rsBullet { float: left; margin-right: 10px;}
#ads .rsBullet span{ display: block; width: 13px; height: 13px; background: url(../images/ads-bullet.png) no-repeat; float: left;}
#ads .rsNavSelected span{ background: url(../images/ads-bullet-2.png) no-repeat;}

#pr-kn-tip-news{ padding-top: 25px;}
#pr-kn-tip-news section{ padding: 0 13px; font-size: 12px; line-height: 1.3; position: relative; margin-left: 15px; margin-bottom: 30px;}
#pr-kn-tip-news section:first-child{ margin-left: 0px;}
#pr-kn-tip-news section .wrap{ margin-top: 10px; }
#pr-kn-tip-news section a.viewmore{ position: absolute; bottom: -10px; background: url(../images/bt-readmore-01.png) left top no-repeat; width: 82px; height: 22px; font-size: 11px; text-align: center; line-height: 22px; text-indent: 16px; color: #f2f2f2; left: 50%; margin-left: -41px;}
#pr-kn-tip-news section a.viewmore:hover{ background: url(../images/bt-readmore-01.png) left bottom no-repeat; }
#pr-kn-tip-news .bx-1{ background: url(../images/news-bx-01-bg.png) no-repeat; width: 196px; padding-top: 25px;height: 212px; float: left;}
#pr-kn-tip-news .bx-2{ background: url(../images/news-bx-02-bg.png) no-repeat; width: 196px; padding-top: 25px;height: 212px; float: left;}
#pr-kn-tip-news .bx-3{ background: url(../images/news-bx-03-bg.png) no-repeat; width: 196px; padding-top: 25px;height: 212px; float: left;}
#pr-kn-tip-news .bx-4{ background: url(../images/news-bx-04-bg.png) no-repeat; width: 196px; padding-top: 25px;height: 212px; float: left;}

#footer{}
#footer .ft-bar{  margin: 0px 0 15px 0;}
#footer .ft-menu { overflow: hidden; width: 930px;}
#footer .ft-menu .lt{ padding-left: 1px; line-height: 1.1; color: #4b4b4b; cursor: default; width: 185px; float: left;}
#footer .ft-menu .lt a{ font-size: 11px; color: #999;}
#footer .ft-menu .lt a:hover{ color: #3a3a3a;}
#footer .ft-menu .rt{ line-height: 1.2; color: #4b4b4b; cursor: default; width: 300px; float: left;}
#footer .ft-menu .rt a{ display: block; padding: 10px 0;}
#footer .ft-menu .rt a:first-child{ border-bottom: 1px solid #d4d4d4;}
#footer .low-bar{ padding: 10px 0 0 0px; height: 32px; line-height: 22px; margin-top: 25px; border-top: 1px solid #d4d4d4;}
#footer .low-bar span{ float: left; color: #666; cursor: default;}
#footer .low-bar a{ float: left;}
#footer .low-bar .slt-set-rg{ float: right; padding: 2px; border-radius: 3px; border: 1px solid #aec8d9; color: #174f66; margin-top: -3px;}
/*----------------------------------------------------*/

.pop_up{ position: fixed; width: 100%; background: url(../images/black80.png); opacity: 0; z-index: 9999; overflow: auto; top: 0px;}
.pop_up .register_box{ width: 650px; height: auto; display: none; background: #fff; border-radius: 8px; box-shadow: 0 0 5px rgba(0,0,0,0.2); padding: 25px; margin: 50px auto;}
.pop_up .register_box .title{ padding: 10px 0px; color: #fff; font-family:Helvetica, Arial, sans-serif; font-size: 22px; background: #008543; text-align: center; box-shadow: 0 0 3px rgba(0,0,0,0.3);}
.pop_up .register_box .title-2{ padding-top: 25px; padding-bottom: 10px; margin-top: 25px; border-top: 1px solid #dcdcdc;}
.pop_up .register_box .wrap-scroll{ max-height: 120px; overflow: auto;}
.r-regis-box{ padding: 10px 3px 0; overflow: hidden;}
.r-regis-box label:first-child{ float: left; width: 100px; height: 22px; line-height: 22px;}
.r-regis-box input[type=text]{  float: left; width: 320px; border: 1px solid #dfdfdf; height: 22px; box-shadow: 0 0 3px rgba(0,0,0,0.1);}
.r-regis-box textarea{ float: left; width: 520px; min-width: 520px; max-width: 520px; height: 50px; min-height: 50px; max-height: 50px; border: 1px solid #dfdfdf; height: 20px; box-shadow: 0 0 3px rgba(0,0,0,0.1);}
.pop_up .register_box .wrap-serial{ position: relative; width: 485px;}
.pop_up .register_box .addmoredevice{ font-size: 11px; color: #008543;}
.pop_up .register_box .removedevice{ font-size: 10px !important; color: #fff; float: left; margin:2px 0 0 10px; padding: 5px 8px; background: #008543; border-radius: 6px; position: absolute; right: 5px; top: 47px;}
.pop_up .register_box input[type=submit]{ font-size: 16px; color: #fff; padding: 5px 35px; margin: 20px 0 0px 220px; background: #008543; border: 1px solid #047c43; box-shadow: 0 2px 5px rgba(0,0,0,0.3);}
.pop_up .register_box input[type=submit]:active{ background: #015d31;}
.pop_up .register_box a.bt-close-popup{font-size: 16px; color: #fff; padding: 5px 35px; margin: 20px 0 0px 10px; background: #008543; border: 1px solid #047c43; box-shadow: 0 2px 5px rgba(0,0,0,0.3);}
.pop_up .register_box a.bt-close-popup:active{ background: #015d31;}
.op-rg-bx{ display: inline-block; width: 90%;}
/*--------------------dynamic content none nav-----------------------*/


/*--------------------dynamic content nav----------------------------*/


/*-------------------- css by KOI ----------------------------*/

/*------------------------- about ----------------------------*/
#about{ width:940px; height:auto;}
#title{ background: url(../images/title-about.jpg) center top; height:70px; padding:5px 0 0 10px;}
#title .title2{ font-family:Helvetica, Arial, sans-serif; font-size:36px; font-weight: normal; color:#fff; width:930px; float:left; height:auto; margin: 1px;}
#about .text-subtitle12{ font-size:12px; font-weight: bold; color:#fff; float:left;}
#title ul{padding: 0;}
#title li {padding: 0 10px 0 15px; margin-top: 5px; float:left; background:url(../images/icon_arrow-white.png) left no-repeat;}
#title a { font-size:12px; font-weight: bold; color:#fff; float:left; text-transform:uppercase; cursor:auto;}
#title a:hover { font-size:12px; font-weight: bold; color:#000; float:left; text-transform:uppercase; cursor:auto;}
#section_content{width:940px; height:auto; /*margin-top:20px;*/}
#menu_left{width:220px; height:auto; float:left; margin: 15px 0 0 0;}
#menu_left ul{padding:0; margin:0;}
#menu_left li{ width:198px; padding: 0 0 0 22px; margin-bottom:10px; float:left; background:url(../images/icon_arrow-black.png) left no-repeat;}
#menu_left a{  font-size:14px; font-weight:normal; color:#222; float:left; cursor:auto;}
#menu_left a:hover{ font-size:14px; font-weight:normal; color:#ca7700; float:left; cursor:auto;}
#content{width:430px; height:auto; float:left; margin:0 20px 0 20px;}
.content-detail-page{width:675px !important; height:auto; float:left; margin:0 20px 0 20px;}
.content-detail-page .content_title{width:675px !important; height:auto; float:left; margin:0 0px 0 0px;}
#content .content_title{font-family:Helvetica, Arial, sans-serif; font-size:36px; font-weight: normal; width:430px; color:#000; float:left; height:auto; margin:20px 0;}
#content p{padding:0;  font-size:14px; font-weight:normal; color:#222; line-height: 24px;}
#section_right{width:250px; height:auto; float:left;  margin: 15px 0 0 0;}
#section_right .title{ font-size:14px; font-weight: bold; color:#222; margin-bottom:10px;}
#section_right #press-releases{width:250px; height:auto; float:left; border-bottom: solid 1px #d9d9d9; margin:10px 0 10px 0;}
#press-releases .press-releases-content{ font-size:12px; font-weight: normal; color:#222; margin-bottom:20px; line-height: 18px;}
#press-releases a{ font-size:12px; font-weight: normal; color:#222; cursor:auto;}
#press-releases a:hover{ font-size:12px; font-weight: normal; color:#983222; cursor:auto;}

#section_right #upcoming-events{width:250px; height:auto; float:left; border-bottom: solid 1px #d9d9d9; margin:10px 0 10px 0;}
#upcoming-events .upcoming-events-content{ font-size:12px; font-weight: normal; color:#222; margin-bottom:10px;}
#upcoming-events .upcoming-events-content a{ font-size:12px; font-weight: normal; color:#222; cursor:auto;}
#upcoming-events .upcoming-events-content a:hover{ font-size:12px; font-weight: normal; color:#983222; cursor:auto;}

#section_right #news{width:250px; height:auto; float:left; border-bottom: solid 1px #d9d9d9; margin:10px 0 10px 0;}
#news .news-content{ font-size:12px; font-weight: normal; color:#222; margin-bottom:20px; line-height: 18px;}
#news .news-content a{ font-size:12px; font-weight: normal; color:#222; cursor:auto;}
#news .news-content a:hover{ font-size:12px; font-weight: normal; color:#983222; cursor:auto;}

#section_right #offices{width:250px; height:auto; float:left;}
#offices .offices-content{ font-size:12px; font-weight: normal; color:#222; margin-bottom:20px; line-height: 18px;}

#section_right #title{ font-size:14px; font-weight:bold; color:#222;}
#section_right #link{width:235px; height:auto; background:url(../images/icon_arrow-black.png) left no-repeat; padding-left:15px;}
#section_right .link{ font-size:14px; font-weight: bold; color:#222; margin-bottom:10px;}
#section_right .link a{ font-size:14px; font-weight: bold; color:#222; cursor:auto;}
#section_right .link a:hover{ font-size:14px; font-weight: bold; color:#983222; cursor:auto;}
#section_right .text-news-italic{ font-size:12px; font-weight: normal; color:#222; font-style:italic}
#section_right .text-offices-bold{ font-size:12px; font-weight: bold; color:#222;}

/*------------------------- about >>> Press Center ----------------------------*/

.content_title{font-family:Helvetica, Arial, sans-serif; font-size:36px; font-weight: normal; width:700px; color:#000; float:left; height:auto; margin-bottom:20px;}
#press_content{width:700px; height:auto; float:left; margin:0 0 0 20px;}
#press_content #box-Press{width:700px; height:auto; float:left; border-bottom: solid 1px #d9d9d9; margin:10px 0 10px 0;padding-bottom: 10px;}
#box-Press #pic-content{ width:197px; height:105px; float:left; margin-right:28px; margin-bottom:15px;}
#box-Press .title-content{ font-size:14px; font-weight: bold; color:#222; cursor:auto; width:475px; float:left; line-height: 1.4;}
#box-Press .title-content a{ font-size:14px; font-weight: bold; color:#222; cursor:auto; width:475px; float:left;}
#box-Press .title-content a:hover{ font-size:14px; font-weight: bold; color:#983222; cursor:auto; width:475px; float:left;}
#box-Press .short-content{ font-size:12px; font-weight: normal; color:#222; width:475px; float:left; margin-bottom:20px; line-height: 1.4;}
#box-Press .post-date{ font-size:11px; font-weight: normal; color:#222; font-style:italic; width:475px; float:left;}

/*------------------------- Library ----------------------------*/
#library{ width:940px; height:auto;}
#library_title{ background: url(../images/title-Library.jpg) center top; height:70px; padding:5px 0 0 10px;}
#library_title .title2{ font-family:Helvetica, Arial, sans-serif; font-size:36px; font-weight: normal; color:#fff; width:930px; float:left; height:auto;}
#library .text-subtitle12{ font-size:12px; font-weight: bold; color:#fff; float:left;}
#library_title ul{padding: 0;}
#library_title li {padding: 0 10px 0 15px; margin-top: 5px; float:left; background:url(../images/icon_arrow-white.png) left no-repeat;}
#library_title a { font-size:12px; font-weight: bold; color:#fff; float:left; text-transform:uppercase; cursor:auto;}
#library_title a:hover { font-size:12px; font-weight: bold; color:#000; float:left; text-transform:uppercase; cursor:auto;}
#library_content{width:700px; height:auto; float:left; margin:0 0 0 20px;}
#library_content #box-library{width:700px; height:auto; float:left; border-bottom: solid 1px #d9d9d9; margin:10px 0 10px 0;}
#box-library #pic-content{ width:205px; height:135px; float:left; margin-right:28px; margin-bottom:40px;}
#box-library .title-content{ font-size:14px; font-weight: bold; color:#222; cursor:auto; width:467px; float:left; margin-bottom:5px;}
#box-library .title-content a{ font-size:14px; font-weight: bold; color:#222; cursor:auto; width:467px; float:left;}
#box-library .title-content a:hover{ font-size:14px; font-weight: bold; color:#983222; cursor:auto; width:467px; float:left;}
#box-library .short-content{ font-size:12px; font-weight: normal; color:#222; width:467px; float:left; line-height:18px;}
#box-library .post-date{ font-size:11px; font-weight: normal; color:#222; font-style:italic; width:467px; float:left; margin-bottom:10px;}
#box-library .bt-download{ font-size:12px; font-weight: bold; color:#fff; width:138px; height:35px; float:left; background:url(../images/bt_download.jpg) left top no-repeat; margin:10px 0; padding:7px 0 0 35px;}
#box-library .bt-download a{ font-size:12px; font-weight: bold; color:#fff;}
#box-library .bt-download a:hover{ font-size:12px; font-weight: bold; color:#fff; text-decoration:underline;}

/*------------------------- Purchase ----------------------------*/
#purchase_title{ background: url(../images/title-Purchase.jpg) left top no-repeat; height:70px; padding:5px 0 0 10px;}
#purchase_title .title2{ font-family:Helvetica, Arial, sans-serif; font-size:36px; font-weight: normal; color:#fff; width:930px; float:left; height:auto; margin: 1px;}
#purchase .text-subtitle12{ font-size:12px; font-weight: bold; color:#fff; float:left;}
#purchase_title ul{padding: 0;}
#purchase_title li {padding: 0 10px 0 15px; margin-top: 5px; float:left; background:url(../images/icon_arrow-white.png) left no-repeat;}
#purchase_title a { font-size:12px; font-weight: bold; color:#fff; float:left; text-transform:uppercase; cursor:auto;}
#purchase_title a:hover { font-size:12px; font-weight: bold; color:#000; float:left; text-transform:uppercase; cursor:auto;}
#purchase_content{width:670px; height:auto; float:left; margin:0 20px 0 0;}
#purchase_content #box-purchase{width:660px; height:auto; float:left; border-bottom: solid 1px #d9d9d9; margin:10px 0 10px 0;}
#box-purchase #pic-content{ width:250px; height:95px; float:left; margin-right:20px; margin-bottom:40px;}
#box-purchase .title-content{ font-size:20px; font-weight: normal; color:#222; cursor:auto; width:390px; float:left; margin-bottom:5px;}
#box-purchase .title-content a{ font-size:20px; font-weight: normal; color:#222; cursor:auto; width:390px; float:left;}
#box-purchase .title-content a:hover{ font-size:20px; font-weight: normal; color:#983222; cursor:auto; width:390px; float:left;}
#box-purchase .short-content{ font-size:14px; font-weight: normal; color:#222; width:390px; float:left; line-height:18px; margin-bottom:20px;}
#box-purchase_right{ width:250px; height:auto; float:left;}
#box-purchase_right .banner{ width:250px; height:55px; float:left; background: url(../images/bar-left-green.jpg) left top no-repeat;  font-size:20px; font-weight: normal; color:#fff; float:left; text-align:center; margin-bottom:5px;}

#box-purchase_right .banner a{ width:250px; height:40px; float:left;  font-size:20px; font-weight: normal; color:#fff; float:left; text-align:center; padding: 15px 0 0 0;}

#box-purchase_right .banner a:hover{ width:250px; height:55px; float:left; background: url(../images/bar-left-green-hover.jpg) left top no-repeat;  font-size:20px; font-weight: normal; color:#fff;}

#box-purchase_right .banner2{ width:250px; height:55px; float:left; background: url(../images/bar-left-orange.jpg) left top no-repeat;  font-size:20px; font-weight: normal; color:#fff; float:left; text-align:center;}
#box-purchase_right .banner2 a{ width:250px; height:40px; float:left;  font-size:20px; font-weight: normal; color:#fff; float:left; text-align:center; padding: 15px 0 0 0;}
#box-purchase_right .banner2 a:hover{ width:250px; height:55px; float:left; background: url(../images/bar-left-orange-hover.jpg) left top no-repeat ; font-size:20px; font-weight: normal; color:#fff;}

/*------------------------- Number for next page >>> Purchase ----------------------------*/
#box-number-purchase{width:450px; height:auto; float:left; border-bottom: solid 1px #d9d9d9; margin:0 0 10px 0; padding-left:210px}
#box-number-purchase ul{padding:0; margin:0;}
#box-number-purchase li{padding: 0 0 0 5px; margin-bottom:10px; float:left;}
#box-number-purchase a{  font-size:12px; font-weight:normal; color:#222; float:left; cursor:auto; padding:5px;}
#box-number-purchase a:hover{ font-size:12px; font-weight:normal; color:#000; background-color:#d9d9d9;}


/*------------------------- Number for next page ----------------------------*/
#box-number{width:470px; height:auto; float:left; border-bottom: solid 1px #d9d9d9; margin:0 0 10px 0; padding-left:230px}
#box-number ul{padding:0; margin:0;}
#box-number li{padding: 0 0 0 5px; margin-bottom:10px; float:left;}
#box-number a{  font-size:12px; font-weight:normal; color:#222; float:left; cursor:auto; padding:5px;}
#box-number a:hover{ font-size:12px; font-weight:normal; color:#000; background-color:#d9d9d9;}

/*------------------------- product ----------------------------*/
#product_title{ background: url(../images/title-product.jpg) left top no-repeat; height:70px; padding:5px 0 0 10px;}
#product_title .title2{ font-family:Helvetica, Arial, sans-serif; font-size:36px; font-weight: normal; color:#fff; width:930px; float:left; height:auto; margin: 1px;}
#product .text-subtitle12{ font-size:12px; font-weight: bold; color:#fff; float:left;}
#product_title ul{padding: 0;}
#product_title li {padding: 0 10px 0 15px; margin-top: 5px; float:left; background:url(../images/icon_arrow-white.png) left no-repeat;}
#product_title a { font-size:12px; font-weight: bold; color:#fff; float:left; text-transform:uppercase; cursor:auto;}
#product_title a:hover { font-size:12px; font-weight: bold; color:#000; float:left; text-transform:uppercase; cursor:auto;}

#product_pic{ width:320px; height:120px; float:left; margin:0 0 10px 50px;}
#product_content{ width:430px; height:auto; float:left; margin-bottom:30px;}
.product_content{ font-size:14px; font-weight:normal; color:#222; float:left; line-height:24px;}
#product_link_bottom{width:430px; height:auto; float:left; margin-bottom:20px;}
#product_link_bottom .product_link_title{ width:430px; height:auto; float:left; font-size:14px; font-weight: bold; color:#222; float:left; margin-bottom:10px;}
#product_link_bottom .product_link_title a{ font-weight: bold;}
#product_link_bottom ul{padding:0; margin:0;}
#product_link_bottom li{ width:190px; padding: 0 0 10px 22px; margin-bottom:0px; float:left; background:url(../images/icon_arrow-black.png) left top no-repeat; line-height: 1.3;}
#product_link_bottom a{  font-size:12px; font-weight: normal; color:#222; float:left; cursor:auto;}
#product_link_bottom a:hover{ color:#ca7700; float:left; cursor:auto;}

#box-product_right{ width:250px; height:auto; float:left; margin: 15px 0 0 0px;}
#box-product_right .banner1{ width:250px; height:55px; float:left; background: url(../images/bar-left-blue.jpg) left top no-repeat;  font-size:19px; font-weight: normal; color:#fff; float:left; text-align:center; margin-bottom:5px;}
#box-product_right .banner1 a{ width:250px; height:40px; float:left;  font-size:19px; font-weight: normal; color:#fff; float:left; text-align:center; padding: 15px 0 0 0;}
#box-product_right .banner1 a:hover{ width:250px; height:55px; float:left; background: url(../images/bar-left-blue-hover.jpg) left top no-repeat;  font-size:19px; font-weight: normal; color:#fff;}
#box-product_right .banner2{ width:250px; height:55px; float:left; background: url(../images/bar-left-green.jpg) left top no-repeat;  font-size:19px; font-weight: normal; color:#fff; float:left; text-align:center; margin-bottom:5px;}
#box-product_right .banner2 a{ width:250px; height:40px; float:left;  font-size:19px; font-weight: normal; color:#fff; float:left; text-align:center; padding: 15px 0 0 0;}
#box-product_right .banner2 a:hover{ width:250px; height:55px; float:left; background: url(../images/bar-left-green-hover.jpg) left top no-repeat;  font-size:19px; font-weight: normal; color:#fff;}
#box-product_right .banner3{ width:250px; height:55px; float:left; background: url(../images/bar-left-orange.jpg) left top no-repeat;  font-size:19px; font-weight: normal; color:#fff; float:left; text-align:center; margin-bottom:5px;}
#box-product_right .banner3 a{ width:250px; height:40px; float:left;  font-size:19px; font-weight: normal; color:#fff; float:left; text-align:center; padding: 15px 0 0 0;}
#box-product_right .banner3 a:hover{ width:250px; height:55px; float:left; background: url(../images/bar-left-orange-hover.jpg) left top no-repeat;  font-size:19px; font-weight: normal; color:#fff;}
#box-product_right .banner4{ width:250px; height:55px; float:left; background: url(../images/bar-left-blue-sky.jpg) left top no-repeat;  font-size:19px; font-weight: normal; color:#fff; float:left; text-align:center; margin-bottom:5px;}
#box-product_right .banner4 a{ width:250px; height:40px; float:left;  font-size:19px; font-weight: normal; color:#fff; float:left; text-align:center; padding: 15px 0 0 0;}
#box-product_right .banner4 a:hover{ width:250px; height:55px; float:left; background: url(../images/bar-left-blue-sky-hover.jpg) left top no-repeat;  font-size:19px; font-weight: normal; color:#fff;}

#box-product_right #product_press{width:250px; height:auto; float:left; border-top: solid 1px #d9d9d9; margin:10px 0 10px 0;}
#product_press .title{ font-size:14px; font-weight: bold; color:#222; margin:10px 0 10px 0;}
#product_press .press-content{ font-size:12px; font-weight: normal; color:#222; margin-bottom:20px; line-height: 18px;}
#product_press .press-content a{ font-size:12px; font-weight: normal; color:#222; cursor:auto;}
#product_press .press-content a:hover{ font-size:12px; font-weight: normal; color:#983222; cursor:auto;}

#box-product_right #link{width:235px; height:25px; background:url(../images/icon_arrow-black.png) left top no-repeat; padding-left:15px; float:left; border-bottom: solid 1px #d9d9d9;}
#box-product_right .link{ font-size:14px; font-weight: bold; color:#222; margin-bottom:10px;}
#box-product_right .link a{ font-size:14px; font-weight: bold; color:#222; cursor:auto;}
#box-product_right .link a:hover{ font-size:14px; font-weight: bold; color:#983222; cursor:auto;}

#product_overview{ width:660px; height:auto; float:left;}
#product_overview_content{ width:640px; height:auto; float:left; padding-bottom:20px; margin-bottom:20px; border-bottom: solid 1px #d9d9d9;}
#product_group{ width:150px; height:auto; min-height:460px; float: left; margin:0 10px 10px 0;}
#product_group .pic{ width:150px; height:101px; float:left; margin-bottom:20px;}
#product_group .title{ font-size:14px; font-weight: bold; color:#222; margin-bottom:10px;}

#product_group .pro_list{ font-size:14px; font-weight: bold; color:#222; margin-bottom:10px;}
#product_group .pro_list a{ font-size:14px; font-weight: bold; color:#222; cursor:auto;}
#product_group .pro_list a:hover{ font-size:14px; font-weight: bold; color:#983222; cursor:auto;}

#product_group ul{padding:0; margin:0;}
#product_group li{ width:135px; padding: 0 0 0 15px; margin-bottom:15px; float:left; background:url(../images/icon_arrow-black.png) left top no-repeat;}
#product_group a{  font-size:12px; font-weight: normal; color:#222; float:left; cursor:auto;}
#product_group a:hover{  color:#ca7700; cursor:auto;}


/*------------------------- services ----------------------------*/

#services_title{ background: url(../images/title-services.jpg) left top no-repeat; width:100%; height:70px; padding:5px 0 20px 10px;}
#services_title .title2{ font-family:Helvetica, Arial, sans-serif; font-size:36px; font-weight: normal; color:#fff; width:930px; float:left; height:auto; margin: 1px;}
#services .text-subtitle12{ font-size:12px; font-weight: bold; color:#fff; float:left;}
#services_title ul{padding: 0;}
#services_title li {padding: 0 10px 0 15px; margin-top: 5px; float:left; background:url(../images/icon_arrow-white.png) left no-repeat;}
#services_title a { font-size:12px; font-weight: bold; color:#fff; float:left; text-transform:uppercase; cursor:auto;}
#services_title a:hover { font-size:12px; font-weight: bold; color:#000; float:left; text-transform:uppercase; cursor:auto;}

#Services_3box{ width:940px; height:auto; float:center; margin-bottom:15px; display: flex; justify-content: center;}
#Services_3box #box1{ width:305px; height:115px; float:left; background:url(../images/Services-box01.jpg) left top no-repeat; padding:55px 0 0 0}
#box1 #bt_learn{width:305px; height:27px; float:left; padding-top:3px;}
#box1 p{ width:265px; height:auto; float:left; padding:0px 20px 0 20px; line-height: 130%;}

#Services_3box #box2{ width:305px; height:115px; margin:auto; float:left; background:url(../images/Services-box02.jpg) left top no-repeat; padding:55px 0 0 0}
#box2 #search{width:280px; height:27px; float:left; padding:3px 0 0 25px}
#box2 #form_search{width:180px; height:30px; float:left; margin-right:10px;}
#form_search input{ width:170px; background:none;}
#box2 #bt_search{width:70px; height:26px; float:left; text-align:center; padding: 4px 0 0 0;}
#box2 p{ width:265px; height:auto; float:left; padding:0px 20px 0 20px;line-height: 100%;}

#Services_3box #box3{ width:305px; height:115px; float:left; background:url(../images/Services-box03.jpg) left top no-repeat; padding:55px 0 0 0;margin:auto;}
#box3 #search{width:280px; height:27px; float:left; padding:3px 0 0 25px}
#box3 #form_search{width:180px; height:30px; float:left; margin-right:10px;}
#form_search input{ width:170px; background:none;}
#box3 #bt_search{width:70px; height:26px; float:left; text-align:center; padding: 4px 0 0 0;}
#box3 p{ width:265px; height:auto; float:left; padding:0px 20px 0 20px;line-height: 130%;}

#Services_3box .text12{ font-size:12px; font-weight: normal; color:#000; text-shadow: 1px 1px 1px #fff}
#Services_3box .text12 a{ font-size:12px; font-weight: normal; color:#000; text-shadow: 1px 1px 1px #fff}
#Services_3box .text12 a:hover{ font-size:12px; font-weight: normal; color:#5bb697;}
#Services_3box .text14{ font-size:14px; font-weight: normal; color:#000;}
#Services_3box .text14 a{ font-size:14px; font-weight: normal; color:#000;}
#Services_3box .text14 a:hover{ font-size:14px; font-weight: normal; color:#bd8502;}
#Services_3box .text20{ font-size:20px; font-weight: normal; color:#000; text-align:center;}
#Services_3box .text20 a{ font-size:20px; font-weight: normal; color:#000; text-align:center;}
#Services_3box .text20 a:hover{ font-size:20px; font-weight: normal; color:#5bb697; text-align:center;}

#services_content{ width:940px; height:auto; float:left;}
#services_content p{ width:100%; height:auto; padding-bottom:20px;}

#services_topic{ width:100%; height:auto; float:left; border-bottom: solid 1px #d9d9d9; margin: 10px 0 10px 0; display:flex;justify-content:center;}
#services_topic #section1{ width:340px; height:auto; float:left; padding:10px 125px 0 25px;}
#services_topic #section2{ width:340px; height:auto; float:left; padding:10px 0 0 0;}
#services_topic .title14{ font-size:14px; font-weight: normal; color:#000; line-height: 130%;}
#services_topic .titleHead{  font-size:14px; font-weight: bold; color:#983222;}
#services_topic #pic{ width:338px; height:212px; float:left; margin-right:40px; margin-bottom:15px;}
#services_topic .title{ width:560px; height:auto; float:left;  font-size:20px; font-weight: normal; color:#222; margin-bottom:15px;}
#services_topic .title a{ width:560px; height:auto; float:left;  font-size:20px; font-weight: normal; color:#222;}
#services_topic .title a:hover{  font-size:20px; font-weight: normal; color:#983222;}
#services_topic .short-content{ width:560px; height:auto; float:left;  font-size:14px; line-height: 1.4; font-weight: normal; color:#222; margin-bottom:15px;}

#services_topic .link{ width:140px; height:39px; float:left;  font-size:16px; font-weight: bold; color:#fff; background:url(../images/bt_learn-more.jpg) left top no-repeat; text-align:center;}
#services_topic .link a{width:140px; height:32px; float:left;  font-size:16px; font-weight: bold; color:#fff; padding-top:7px;}
#services_topic .link a:hover{width:140px; height:32px; float:left;  font-size:16px; font-weight: bold; color:#fff; background: url(../images/bt_learn-more-hover.jpg) left top no-repeat; padding-top:7px;}

.services-editor{ padding: 20px; font-size: 14px; line-height: 1.4;}
.services-editor ul{ padding: 10px 0px;}
.services-editor ul li{ margin-left: 40px; list-style: disc outside;}

/*------------------------- solutions ----------------------------*/

#solutions_title{ background: url(../images/title-solution.jpg) left top no-repeat; width:100%; height:70px; padding:5px 0 0 10px;}
#solutions_title .title2{ font-family:Helvetica, Arial, sans-serif; font-size:36px; font-weight: normal; color:#fff; width:930px; float:left; height:auto; margin: 1px;}
#solutions .text-subtitle12{ font-size:12px; font-weight: bold; color:#fff; float:left;}
#solutions_title ul{padding: 0;}
#solutions_title li {padding: 0 10px 0 15px; margin-top: 5px; float:left; background:url(../images/icon_arrow-white.png) left no-repeat;}
#solutions_title a { font-size:12px; font-weight: bold; color:#fff; float:left; text-transform:uppercase; cursor:auto;}
#solutions_title a:hover { font-size:12px; font-weight: bold; color:#000; float:left; text-transform:uppercase; cursor:auto;}

#solutions_content{ width:670px; height:auto; float:left; margin-right:20px;}
#solutions_content #solutions_overview_content{width:670px; height:auto; float:left; margin-bottom:20px;}
#solutions_group{width:310px; height:auto; float:left; margin-right:25px; padding-bottom: 40px;}

#solutions_group .title{ width:310px; height:auto; float:left;  font-size:24px; font-weight: normal; color:#222; margin-bottom:15px;}
#solutions_group .title a{ width:310px; height:auto; float:left;  font-size:24px; font-weight: normal; color:#222;}
#solutions_group .title a:hover{  font-size:24px; font-weight: normal; color:#ca7700;}
#solutions_group .short-content{ width:310px; height:auto; float:left;  font-size:14px; line-height: 1.4; font-weight: normal; color:#222; margin-bottom:15px;}

#solutions_group .link{ width:320px; height:auto; float:left;  font-size:14px; font-weight: normal; color:#222; background: url(../images/icon_arrow-black.png) left top no-repeat;}
#solutions_group .link a{width:320px; height:auto; float:left;  font-size:14px; font-weight: normal; color:#222; padding-left:20px;}
#solutions_group .link a:hover{width:320px; height:auto; float:left;  font-size:14px; font-weight: normal; color:#ca7700;}

#box-solutions_right{width:250px; height:auto; float:left; margin:40px 0 10px 0;}
#solutions_market{width:250px; height:auto; float:left; margin:10px 0 10px 0;}
#solutions_market .title{width:250px; height:auto; float:left;  font-size:14px; font-weight: bold; color:#222; margin-bottom:15px; text-transform:uppercase;}
#solutions_market ul{padding:0; margin:0;}
#solutions_market li{ width:198px; padding: 0 0 0 22px; margin-bottom:10px; float:left; background:url(../images/icon_arrow-black.png) left no-repeat;}
#solutions_market a{  font-size:12px; font-weight:normal; color:#222; float:left; cursor:auto;}
#solutions_market a:hover{ font-size:12px; font-weight:normal; color:#ca7700; float:left; cursor:auto;}

#solutions_welcome{width:250px; height:auto; float:left; margin:10px 0 10px 0;}
#solutions_welcome .title{width:250px; height:auto; float:left;  font-size:14px; font-weight: bold; color:#222; margin-bottom:15px; text-transform:uppercase;}
#solutions_welcome ul{padding:0; margin:0;}
#solutions_welcome li{ width:198px; padding: 0 0 0 22px; margin-bottom:10px; float:left; background:url(../images/icon_arrow-black.png) left no-repeat;}
#solutions_welcome a{  font-size:14px; font-weight:normal; color:#222; float:left; cursor:auto; font-weight: bold;}
#solutions_welcome a:hover{ font-size:14px; font-weight:normal; color:#ca7700; float:left; cursor:auto; font-weight: bold;}

#solutions_news{width:250px; height:auto; float:left; margin:10px 0 10px 0;}
#solutions_news .title{width:250px; height:auto; float:left;  font-size:14px; font-weight: bold; color:#222; margin-bottom:15px; text-transform:uppercase;}
#solutions_news #upcoming-events{width:250px; height:auto; float:left; border-bottom: solid 1px #d9d9d9; margin:10px 0 10px 0;}
#solutions_news .content{ font-size:12px; font-weight: normal; color:#222; margin-bottom:20px; line-height: 1.4;}
#solutions_news .content a{ font-size:12px; font-weight: normal; color:#222; cursor:auto;}
#solutions_news .content a:hover{ font-size:12px; font-weight: normal; color:#983222; cursor:auto;}
#solutions_news #link{width:235px; height:auto; background:url(../images/icon_arrow-black.png) left no-repeat; padding-left:15px;}
#solutions_news .link{ font-size:14px; font-weight: bold; color:#222; margin-bottom:10px;}
#solutions_news .link a{ font-size:14px; font-weight: bold; color:#222; cursor:auto;}
#solutions_news .link a:hover{ font-size:14px; font-weight: bold; color:#ca7700; cursor:auto;}

#solutions_upcoming-events{width:250px; height:auto; float:left; margin:10px 0 10px 0;}
#solutions_upcoming-events .title{width:250px; height:auto; float:left;  font-size:14px; font-weight: bold; color:#222; margin-bottom:5px; text-transform:uppercase;}
#solutions_upcoming-events #upcoming-events{width:250px; height:auto; float:left; border-bottom: solid 1px #d9d9d9; margin:10px 0 10px 0;}
#solutions_upcoming-events .content{ font-size:12px; font-weight: normal; color:#222; margin-bottom:20px;}
#solutions_upcoming-events .content a{ font-size:12px; font-weight: normal; color:#222; cursor:auto;}
#solutions_upcoming-events .content a:hover{ font-size:12px; font-weight: normal; color:#983222; cursor:auto;}
#solutions_upcoming-events #link{width:235px; height:auto; background:url(../images/icon_arrow-black.png) left no-repeat; padding-left:15px;}
#solutions_upcoming-events .link{ font-size:14px; font-weight: bold; color:#222; margin-bottom:10px;}
#solutions_upcoming-events .link a{ font-size:14px; font-weight: bold; color:#222; cursor:auto;}
#solutions_upcoming-events .link a:hover{ font-size:14px; font-weight: bold; color:#ca7700; cursor:auto;}
.content2{ font-size:12px; font-weight: normal; color:#222; margin-bottom:20px; line-height: 1.4;}
.content3{ font-size:14px; font-weight: normal; color:#222; margin-bottom:20px; line-height: 1.4;}

#solutions-subpage{width:940px; height:auto; float:left;}
#solutions-subpage .text{width:450px; height:auto; float:left; margin-right:20px;  font-size:16px; font-weight: bold; color:#222; margin-bottom:20px; line-height:24px;}
#solutions-subpage .pic{width:450px; height:auto; float:left;}
#solutions-content {width:940px; height:auto; float:left;  font-size:14px; font-weight: normal; color:#222; margin-bottom:20px; line-height:1.4; margin-top:0px;}

#solutions-subpage .content_title{width:940px; height:auto; float:left;}
#solutions-solutions {width:940px; height:auto; float:left;}
#solutions-solutions .title-content{ height:auto; font-size:14px; font-weight: bold; color:#222; padding-bottom: 20px;}
#solutions-solutions .title-content a{width:190px; height:auto; float:left; font-size:14px; font-weight: bold; color:#222;}
#solutions-solutions .title-content a:hover{width:940px; height:auto; float:left; font-size:14px; font-weight: bold; color:#ca7700;}
#solutions-solutions .short-content{width:170px; height:auto; float:left; font-size:14px; font-weight: bold; color:#222; padding-bottom: 20px; margin-right: 17px;}
#solutions-solutions .short-content a.head{ display: block; padding-left: 20px; font-size: 13px; background: url(../images/icon_arrow-black.png) left 2px no-repeat; line-height: 1.3;}
#solutions-solutions .short-content a.head:hover{ color: #983222;}
#solutions-solutions .short-content p{ padding:5px 0 0 20px; font-size: 13px; line-height: 1.3; font-weight: normal;}
.ss-line-up{ border-top: 1px solid #dfdfdf; padding: 15px 0;}

#solutions-solutions-2 {width:940px; height:auto; float:left;}
#solutions-solutions-2 .title-content{ height:auto; font-size:14px; font-weight: bold; color:#222; padding-bottom: 20px;}
#solutions-solutions-2 .title-content a{width:190px; height:auto; float:left; font-size:14px; font-weight: bold; color:#222;}
#solutions-solutions-2 .title-content a:hover{width:940px; height:auto; float:left; font-size:14px; font-weight: bold; color:#ca7700;}
#solutions-solutions-2 .short-content{width:465px; height:auto; float:left; font-size:14px; font-weight: bold; color:#222; padding-bottom: 2px; margin-right: 17px;}
#solutions-solutions-2 .short-content a.head{ display: block; padding-left: 20px; font-size: 13px; background: url(../images/icon_arrow-black.png) left 2px no-repeat; line-height: 1.3;}
#solutions-solutions-2 .short-content a.head:hover{ color: #983222;}
#solutions-solutions-2 .short-content p{ padding:5px 0 0 20px; font-size: 13px; line-height: 1.3; font-weight: normal;}

#solutions_box{width:940px; height:auto; float:left;}
#solutions_box-left{width:450px; height:auto; float:left;}
#solutions_box-right{width:450px; height:auto; float:left; margin-left:20px;}


#solutions-articles{width:450px; height:auto; float:left;}
#solutions-articles ul{padding:0; margin:0;}
#solutions-articles li{ width:198px; padding: 0 0 0 22px; margin-bottom:10px; float:left; background:url(../images/icon_arrow-black.png) left no-repeat;}
#solutions-articles a{  font-size:12px; font-weight:normal; color:#222; float:left; cursor:auto;}
#solutions-articles a:hover{ font-size:12px; font-weight:normal; color:#ca7700; float:left; cursor:auto;}


#solutions-guides{}


#solutions-case-studies{}

#warranty_content{ padding: 20px 0px;}
#warranty_content .form-bg{ border-radius: 12px; border: 1px solid #dfdfdf; margin-top: 25px; padding: 20px 0;}
#warranty_content .form-bg .row-form{ width: 425px; padding:10px 20px; float: left;}
#warranty_content .form-bg .row-form label:first-child{ float: left; width: 130px; height: 22px; line-height: 22px;}
#warranty_content .form-bg .row-form input[type=text]{  float: left; width: 290px; border: 1px solid #dfdfdf; height: 22px; box-shadow: 0 0 2px rgba(0,0,0,0.1);}
#warranty_content .form-bg .row-form select{ float: left; width: 292px; border: 1px solid #dfdfdf; height: 26px; padding: 3px 2px; box-shadow: 0 0 2px rgba(0,0,0,0.1);}
#warranty_content .form-bg .title-3{ padding: 2px 8px; background: #fff; margin:-31px 0 0 50px; float: left;}
#warranty_content .form-bg textarea{ float: left; width: 287px; min-width: 287px; max-width: 287px; height: 50px; min-height: 50px; max-height: 50px; border: 1px solid #dfdfdf; height: 20px; box-shadow: 0 0 3px rgba(0,0,0,0.1);}
#warranty_content input[type=submit]{ font-size: 16px; color: #fff; padding: 5px 35px; margin: 20px 0 0px 0px; background: #ca7700; border: 1px solid #b46a00; border-radius: 12px; box-shadow: 0 2px 5px rgba(0,0,0,0.3);}
#warranty_content input[type=submit]:active{ background: #b46a00;}
#warranty_content .grbt{ font-size: 16px; color: #fff; width: 170px; height: 30px; font-size: 14px; line-height: 30px; display: block; margin: 20px 0 0px 0px; background: #008543; border: 1px solid #00733a; border-radius: 12px; box-shadow: 0 2px 5px rgba(0,0,0,0.3);}
#warranty_content .grbt:active{ background: #00733a;}

#about-contact{ padding: 0px 0px;}
#about-contact .form-bg{ border-top: 1px solid #dfdfdf; margin-top: 25px; padding: 10px 0;}
#about-contact .form-bg .row-form{ width: 490px; padding:10px 0px; float: left;}
#about-contact .form-bg .row-form label:first-child{ float: left; width: 130px; height: 22px; line-height: 22px;}
#about-contact .form-bg .row-form input[type=text]{  float: left; width: 290px; border: 1px solid #dfdfdf; height: 22px; box-shadow: 0 0 2px rgba(0,0,0,0.1);}
#about-contact .form-bg .row-form select{ float: left; width: 292px; border: 1px solid #dfdfdf; height: 26px; padding: 3px 2px; box-shadow: 0 0 2px rgba(0,0,0,0.1);}
#about-contact .form-bg .title-3{ padding: 2px 8px; background: #fff; margin:-31px 0 0 5px; float: left;}
#about-contact .form-bg textarea{ float: left; width: 287px; min-width: 287px; max-width: 287px; height: 50px; min-height: 50px; max-height: 50px; border: 1px solid #dfdfdf; height: 20px; box-shadow: 0 0 3px rgba(0,0,0,0.1);}
#about-contact input[type=button]{ font-size: 16px; color: #fff; padding: 5px 35px; margin: 20px 0 0px 0px; background: #ca7700; border: 1px solid #b46a00; border-radius: 12px; box-shadow: 0 2px 5px rgba(0,0,0,0.3);}
#about-contact input[type=button]:active{ background: #b46a00;}
#about-contact .form-bg .row-check{ padding: 10px 0;}
#about-contact .form-bg .row-check label{ float: left; width: 220px; height: 22px; line-height: 22px; font-size: 13px;}
#about-contact .row-tarea{ padding: 10px 0;}
#about-contact .row-tarea textarea{ float: left; width: 537px; min-width: 537px; max-width: 537px; height: 80px; min-height: 80px; max-height: 80px; border: 1px solid #dfdfdf; box-shadow: 0 0 3px rgba(0,0,0,0.1);}
.alert-rep{ border: 1px solid #dc0000 !important; background-color:#ffeded; }

.resultlist{ padding: 15px 30px;}
.resultlist .caution{ color: #d17600;}
.resultlist .pass{ color: #009c4f;}
.resultlist .alert{ color: #d10000;}
.resultlist .form-bg .title-3{ padding: 2px 8px; background: #fff; margin:-31px 0 0 10px !important; float: left;}

.resultlist table.trd{ margin: 0 2%; width: 96%; border-spacing: 1px;}
.resultlist table.trd .heading{}
.resultlist table.trd .heading td{ text-align: center; padding: 6px 0; background: #783600; color: #fff;}
.resultlist table.trd .heading td.green{ background: #008134 !important;}
.resultlist table.trd .detail td{ text-align: center; padding: 6px 0; background: #dfcab9; color: #3a3a3a;}
.resultlist table.trd .detail td.green{ background: #daedd6 !important;}

.help-inline{ font-size: 12px; color: #dc0000;}

ul.links{ padding: 10px 0 10px 20px; line-height: 1.4; font-size: 14px;}
.links li{ list-style: disc; line-height: 1.4; font-size: 14px; margin: 10px 0;}


@media (max-width: 1024px){
  #about,#Services_3box{max-width: 940px;width: 100%;}
  #services_title .title2{max-width: inherit;width: auto}
  #services_title{width: auto!important;display: flex;align-items: center;padding: 0!important;justify-content: center;margin-bottom: 10px;}
  .wrap-940{max-width: 940px!important;width: 100%!important;padding: 0!important}
  #Services_3box,#services_topic{flex-wrap: wrap}
  #services_topic #section2{padding-top:55px}
  .logo{margin-top:15px}
}
@media(max-width: 575px){
  #services_title .title2{font-size: 24px}
  .logo{max-width:100%;height: auto}
  #services_topic #section2{padding-top: 20px}
  #services_topic #section1,#services_topic #section2{width: 100%!important;padding: 20px!important;margin:0!important}
  #toppage nav{display: flex;justify-content: center;align-items: center}
}