@charset "UTF-8";

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	background: transparent;
	font-weight:normal;
}
*, *:before, *:after {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}
ol,ul{
	list-style:none;
}
a{
	text-decoration:none;
	color: #000;
}
hr,.br{
	clear:both
}
blockquote,q{
	quotes:none
}
blockquote:before,blockquote:after,q:before,q:after{
	content:'';
	content:none;
}
:focus{
	outline:0
}
ins{
	text-decoration:none;
}
del{
	text-decoration:ine-through
}
table{
	border-collapse:collapse;
	border-spacing:0
}
input[type="text"]{
	padding:2px
}
textarea{
	padding:2px
}
pre{
	font-family:"\5fae\8f6f\96c5\9ed1","lucida grande",tahoma,verdana,arial,"\5b8b\4f53",sans-serif;
	line-height:1.8;
	white-space: pre-wrap;
	white-space: -moz-pre-wrap;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	word-wrap: break-word;
}
html,body{
	width:100%;
	height:100%;
}
body{
	font-size:14px;color:#000;
	font-family:"\5fae\8f6f\96c5\9ed1","lucida grande",tahoma,verdana,arial,"\5b8b\4f53",sans-serif;
	-webkit-text-size-adjust:none
}
#wrapper{width:100%;height:100%}
#navispace{height:70px}
.left{float:left}
.right{float:right}
.f48{font-size:46px !important}
.f21{font-size:21px !important}
.f18{font-size:18px !important}
.f16{font-size:16px !important}
#logo{width:54px;height:52px;background:url(../img/logo.svg) 0 0 no-repeat;margin:10px 0 0 44px;display:block}
#navi{width:100%;height:70px;background:#FFF;position:fixed;left:0;top:0;z-index:100;border-bottom:1px solid #cccccc}
#menu{padding-left:70px}
#menu>a{display:block;float:left;color:#4d4d4d;height:70px;line-height:70px;margin-right:57px;font-size:20px}
#tomail{height:100%;margin-right:24px;font-size:12px;height:70px}
#tomail::before{content:'';width:0;height:100%;display:inline-block;position:relative;vertical-align:middle}
#tomail>a{display:inline-block;color:#FFF;margin-left:27px;vertical-align:middle}
#tomail>a{color:#4d4d4d;font-size:20px}
.toemail{width:45px;height:34px;background:url(../img/toemail.svg) 0 0 no-repeat;color:#FFF;text-align:center;line-height:45px;font-size:12px}
.signup{background:#83c8aa;text-align:center;color:#FFF !important;font-size:14px !important;cursor:pointer;padding:8px 20px}
a.signup{display:block;letter-spacing:2px}
#loginbt>div:first-child,#logout>div:first-child{color:#333333;text-align:center}
#loginbt>div:last-child,#logout>div:last-child{margin-top:2px}
#toemail1{margin-top:5px}
#header{width:100%;height:calc(100% - 70px);position:relative}
.line1{width:40px;border-top:1px solid #000;margin:20px 0 4px 0}
#index_pic{width:100%;height:100%;position:relative}
#index_pic>div{width:100%;height:100%;position:absolute;left:0;top:0;display:none;background-position:center center;background-repeat:no-repeat;background-size:cover}
#header_txt{position:absolute;right:5.85%;top:50%;padding:30px 45px;text-align:center;margin-top:-207px}
#header_txt>div,#header_txt>a{position:relative}
#header_txt2{position:absolute;left:5.85%;bottom:20%;padding:30px 45px;text-align:center;font-size:36px;color:#5bb430}
#header_txt2>div,#header_txt2>a{position:relative;font-weight:bold}
.wbg,.mbwbg{width:100%;height:100%;background:#FFF;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5;position:absolute !important;left:0;top:0}
#header_txt .signup{margin-top:42px}
#faq{width:100%}
.faqt{font-size:50px;color:#83c8aa;font-family:"Arial Black", Gadget, sans-serif}
.faq_txt,.faqimg{width:50%;height:320px;display:inline-block}
.faq_txt{padding:32px 20px 20px 63px;overflow:auto}
.faq_txt .f21{font-weight:bold}
.faqimg{background-size:cover;background-position:center center;background-repeat:no-repeat}
.faq_tt{line-height:1.6;text-align:justify}
.fl{float:left}
.fr{float:right}
#service{width:100%;background-image:url(../img/service.jpg);background-position:center center;background-repeat:no-repeat;background-size:cover;clear:both;padding-bottom:29px}
.sp{width:100%;height:12px;background:url(../img/sp.svg) center center no-repeat}
#service>div:first-child{color:#333333;font-size:24px;letter-spacing:12px;text-indent:12px;padding:57px 0 18px 0;text-align:center}
#step{margin-top:55px;text-align:center}
.step{width:189px;height:260px;padding:26px 15px 0 15px;position:relative;display:inline-block;margin:0 14px 24px 14px;vertical-align:top}
.step>div{text-align:center;position:relative}
.step_t{width:100%;table-layout:fixed;position:relative}
.step_t td{text-align:center;vertical-align:middle}
.line2{width:100%;border-bottom:1px solid #000}
.step_tt{font-size:16px;font-weight:bolder;margin:25px 0 12px 0}
.step_ttt{line-height:1.6}
#step .wbg{filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity:0.7;opacity:0.7}
#service>a{width:158px;height:42px;display:block;margin:0 auto;background:#333333;color:#FFF;text-align:center;line-height:42px;margin-top:4px;letter-spacing:4px;text-indent:4px}
#dev{width:100%;padding:70px 0 70px 80px}
#dev_tb{width:100%;height:100%}
.dev_td{float:left}
#dev_tb>.dev_td:first-child{max-width:504px}
#dev_tb>.dev_td:last-child{width:calc(100% - 504px)}
#dev_t{width:430px;height:47px;background-image:url(../img/pro_t.svg);background-size:100%}
#dev_tt{font-size:16px;font-weight:bolder;margin-top:13px;line-height:1.5}
#dev_ttt{color:#999999;line-height:1.5;text-align:justify;margin-bottom:18px}
#devimg1{width:210px;height:48px;background:url(../img/proimg1.jpg) center center no-repeat;margin:24px 0 18px 0}
#devimg2{width:344px;height:101px;background:url(../img/proimg2.jpg) center center no-repeat}
#devimg3{width:400px;height:400px;background:url(../img/proimg3.jpg) center center no-repeat;margin:50px 0 0 150px}
#devvdo{width:100%;height:670px;background:url(../img/devvdo.jpg) center center no-repeat}
#devvdo>iframe{width:100%;max-height:670px}
#product{width:100%;background:#f8f8f8;text-align:center;padding-bottom:40px;font-size:16px}
#product>div:first-child{color:#333333;font-size:24px;letter-spacing:12px;text-indent:12px;padding:57px 0 18px 0;text-align:center}
.p_t{width:100%;height:12px;background:url(../img/p_t.svg) center center no-repeat;margin-bottom:30px}
.pros{width:427px;display:inline-block;margin:0 13px 27px 13px;background:#FFF}
.pro_img{width:427px;height:357px;overflow:hidden}
.pro_img img{width:100%}
.pro_name{color:#4d4d4d;margin:32px 0 12px 0;font-weight:bold;padding:0 26px;text-align:left}
.pro_price{color:#83c8aa;font-size:24px;font-weight:bolder;padding:0 26px;text-align:left;font-family:"Arial Black", Gadget, sans-serif}
.pro_descr{color:#999999;text-align:justify;margin:16px 0 10px 0;padding:0 26px}
.pros>a{color:#333333;font-weight:bolder;display:block;padding:0 26px 31px 26px;text-align:left}
.pro_bc{width:100%;height:10px;background:#c9bc9c}
.pros:nth-child(even) .pro_bc{background:#333333}
#product>a{width:158px;height:42px;display:block;margin:0 auto;background:#333333;color:#FFF;text-align:center;line-height:42px;letter-spacing:4px;text-indent:4px}
#contact{width:100%;background:#333333;color:#898989;padding:70px 0 60px 0;text-align:center}
#contact>div:first-child{width:100%;height:49px;background:url(../img/cont.svg) center center no-repeat}
#contact>div:nth-child(2){padding:40px 0;line-height:1.4;font-size:16px}
.cont_box{width:390px;display:inline-block;margin:15px;vertical-align:top}
.cont_box input{width:100%;height:35px;margin-bottom:14px;display:block;padding:0 10px}
#msg_txt{width:100%;height:133px;padding:10px}
.empty{color:#9fa0a0}
#msg_send{width:158px;height:38px;text-align:center;background:#83c8aa;color:#FFF;line-height:38px;font-size:20px;margin:50px auto 0 auto;letter-spacing:4px;text-indent:4px;cursor:pointer}
#msg_sending{color:#FFF;font-size:16px;text-align:center;margin-top:50px;display:none}
#footer{width:100%;padding:45px 48px;font-size:20px;color:#b4b4b4;background:#303030}
#footer span{font-size:12px}
#sinlog{width:849px;height:559px;background-color:#FFF;padding:69px 74px;position:fixed;left:50%;top:50%;margin:-280px 0 0 -425px;z-index:103;color:#595757;display:none}
#sin,#log{width:50%;height:100%;float:left}
#sin{border-right:1px solid #999999;padding-right:66px}
#log{padding-left:66px}
.sinlog_t{text-align:center;letter-spacing:3px;text-indent:3px;margin-bottom:17px;font-weight:bolder}
#sin_tb,#log_tb{width:100%}
#sin_tb label,#log_tb label{padding:14px 0 10px 0;display:inline-block}
#sin_tb input,#log_tb input{width:100%;height:37px;border:1px solid #b3b3b3;padding:0 10px}
#sin_send,#log_send,#fg_send{width:194px;height:37px;background:#595757;color:#FFF;text-align:center;letter-spacing:3px;text-indent:3px;line-height:37px;cursor:pointer;margin-top:31px}
#fg_send{margin-top:16px}
#forget{display:inline-block;padding-bottom:2px;border-bottom:1px solid #595757;margin:11px 0 7px 0;cursor:pointer}
.x{background-image:url(../img/x.svg);background-position:center center;background-repeat:no-repeat;background-size:100%;cursor:pointer}
#sinlog_close{width:15px;height:15px;position:absolute;top:13px;right:13px}
.cr{display:inline-block;color:#e55a54;letter-spacing:3px}
.pl25{padding-left:25px}
.cn{text-align:center;display:none}
.fg,.dn{display:none}
#dm{width:100%;height:100%;background:#000;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5;position:fixed;left:0;top:0;display:none;z-index:101}


#mbmenu{width:19px;height:14px;background:url(../img/mbmenu.svg) center center no-repeat;display:none;vertical-align:middle;cursor:pointer}
#mbnavi{width:100%;max-height:100%;padding:0 26px;position:fixed;z-index:102;left:0;top:0;overflow:auto}
#mbnavi>div{width:100%;height:50px;border-top:1px solid #b3b3b3;position:relative}
#mbnavi>div:nth-child(1),#mbnavi>div:nth-child(2),#mbnavi>div:last-child{border-top:none}
.mbwbg{height:100% !important;filter:alpha(opacity=99);-moz-opacity:0.99;-khtml-opacity:0.99;opacity:0.99}
#mbnavi>div>a{width:100%;height:100%;display:block;line-height:50px;padding-left:5px;color:#4d4d4d;font-size:18px}
#mbnavi>div>a>span{display:inline-block}
#mbtoemail{margin-top:8px}
#mbclose{color:#FFF;background:#4d4d4d;width:51px !important;height:51px !important;line-height:51px;text-align:center;position:absolute !important;top:0;right:0;cursor:pointer}
#mb_menu_close{width:100%;height:100%;position:fixed;left:0;top:0;z-index:101;display:none}
#mblog_info{padding-left:10px}

.clear{clear:both}

#oquery{color:#4d4d4d !important;height:70px;line-height:80px;font-size:14px}

#system{width:100%;background:#F7F7F7}
#system>div{width:984px;margin:0 auto}
.f32{font-size:32px;font-weight:100}
#cp{width:100%}
#cpdiv{text-align:left;display:inline-block;padding-bottom:90px}
#cpdiv>div{padding:52px 0 40px 8px}
.cube{width:11px;height:11px;background:#428C7A;display:inline-block}
.cubet{padding-left:7px;font-size:18px}
.tr1 td{padding:0 0 6px 8px;color:#595757}
.tr2 td{padding:17px 0 10px 8px;color:#221814}
.tr3 td{vertical-align:top;padding:13px 14px 13px 8px;border-top:1px solid #9F9FA0;border-left:1px solid #9F9FA0;line-height:1.3;;color:#717071;letter-spacing:0px;text-align:justify}
.nor{border-right:none !important}
.ps{font-size:12px;color:#9F9FA0;padding-top:7px}
.tr31 td{line-height:1.5;padding-bottom:30px}
.tr32 td{line-height:1.5;padding-bottom:0}
.cg{color:#428C7A !important}

#better3{width:100%;min-height:770px;position:relative;background-color:#8ac235;overflow:hidden}
.bb{width:100%;height:620px;background:url(../img/bb.png) center bottom no-repeat;position:absolute;left:0;bottom:0}
#dr{width:375px;height:680px;background:url(../img/dr.png) center center no-repeat;position:absolute;left:50%;bottom:0;margin-left:116px}
#about{width:239px;height:74px;background:url(../img/about.svg) center center no-repeat;position:absolute;left:50%;top:47px;margin-left:-332px}
#drsay{width:410px;height:369px;background:url(../img/drsay.png) center center no-repeat;position:absolute;left:50%;top:210px;margin-left:-332px}
#drsaydiv{width:100%;height:100%;padding:15px 40px 0 40px;position:absolute;left:0;top:20px;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0}
#drsaydiv>div:first-child{font-size:26px;margin-bottom:10px}
#drsaydiv>div:last-child{font-size:14px;text-align:justify}
#iso{width:410px;height:108px;background:url(../img/iso.svg) center center no-repeat;background-size:cover;position:absolute;left:50%;bottom:-120px;margin-left:-205px}
#better5{width:100%;min-height:800px;position:relative;overflow:hidden;background:url(../img/bt5bg.jpg) center center no-repeat !important;background-size:cover}
#bt5step{width:483px;height:524px;position:absolute;left:50%;top:200px;margin-left:-250px}
#bt5step>div{width:170px;height:170px;position:absolute;background:url(../img/cir.png) center center no-repeat;background-size:cover;display:inline-block;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0}
#bt5step table{width:100%;height:100%}
#bt5step table td{text-align:center;vertical-align:middle;font-size:12px}
#bt5step>div:nth-child(1){left:161px;top:0}
#bt5step>div:nth-child(2){left:338px;top:89px}
#bt5step>div:nth-child(3){left:349px;top:287px}
#bt5step>div:nth-child(4){left:192px;top:389px}
#bt5step>div:nth-child(5){left:18px;top:319px}
#bt5step>div:nth-child(6){left:0;top:128px}
#bt5step>div:nth-child(7){width:200px;height:156px;background:url(../img/diag.png) center center no-repeat;color:#FFF;background-size:cover;font-size:14px;text-align:center;position:absolute;left:550px;top:0;padding-top:30px}
#bt5t{position:absolute;left:50%;top:100px;margin-left:-355px}
#bt5t>span{display:inline-block}
#bt5t>span:first-child{font-size:18px;letter-spacing:2px}
#bt5t>span:nth-child(2){font-size:14px;color:#9e9e9f;padding-left:8px}
#bt5t>span:nth-child(3){display:block;color:#9e9e9f;font-size:16px;margin:15px 0 5px 15px}
#bt5t>span:nth-child(4){display:block;color:#9e9e9f;font-size:16px;margin-left:15px}
#gmap{width:100%;height:560px}
#gmap>iframe{width:100%;height:100%}
#bg1say{width:860px;margin:0 auto;color:#67aba2;padding:46px 0;line-height:1.8;text-align:justify}
#bg1say>div:nth-child(1){font-size:36px;line-height:0.9}
#bg1say>div:nth-child(2){font-size:24px}
#bg1say>div:nth-child(3){width:40px;border-top:1px solid #67aba2;margin:20px 0 4px 0}
#bg1say>div:nth-child(4){font-size:18px}
#bg1say>div:nth-child(6){font-size:18px;margin-top:15px}
#header_txt img{width:300px}
#header_txt a{display:inline-block}
#drsay span{font-size:22px !important;color:#F00}

@media screen and (max-width: 950px) {
.pros{width:340px}
.pro_img{width:340px;height:284px}
#system{padding:0 15px}
#system>div{width:auto}

}

@media screen and (max-width: 870px) {
#mbmenu{display:inline-block}
#toemail1,#loginbt,#logout,#menu,#oquery{display:none !important}
.faq_txt{padding:20px;overflow:auto}
#dev{padding:56px 0 36px 0}
.dev_td{float:none;display:block}
#dev_tb>.dev_td:first-child{margin:0 auto}
#dev_tb>.dev_td:last-child{width:100%}
#devimg3{margin:60px auto 0 auto}
#sinlog{width:425px;margin:-280px 0 0 -213px}
#sin,#log{width:100%;padding:0;border:none}
#log,.ddn,#tomail>a{display:none}
.dn{display:inline}

}

@media screen and (max-width: 810px) {
#bg1say{width:594px;padding:32px 25px}

}

@media screen and (max-width: 768px) {
#better3{min-height:770px}
#drsay{margin-left:-205px}
#dr{width:100px;height:181px;background-size:cover;bottom:inherit;top:50px}
#about{left:20px;margin-left:inherit}
#better5{min-height:inherit}
#bt5t,#bt5step{position:relative;left:inherit;top:inherit;margin-left:inherit}
#bt5t{margin:20px 0 20px 20px}
#bt5step{width:100%;height:auto;text-align:center}
#bt5step>div{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1}
#bt5step>div:nth-child(odd),#bt5step>div:nth-child(even){position:relative;left:inherit;top:inherit;display:inline-block;margin:0 20px 20px 20px}
#gmap{height:300px}
#header_txt img{width:200px}
#header_txt{top:50px;margin-top:inherit}
#header_txt2{bottom:50px}

}

@media screen and (max-width: 670px) {
#better5{background:#F7F7F7 !important}

}

@media screen and (max-width: 610px) {
#bg1say{width:494px;padding:32px 25px}

}

@media screen and (max-width: 520px) {
#dev{padding:56px 20px 36px 20px}
#header_txt2{left:10px;right:10px}
#header_txt{right:50%;margin-right:-145px}

}

@media screen and (max-width: 480px) {
.faq_txt{height:auto}
.faq_txt,.faqimg{width:100%;display:block}
.faqimg{height:239px}
#dev_t{width:280px;height:30px}
#devimg3{width:302px;height:232px;background:url(../img/proimg4.jpg) center center no-repeat}
.pros{width:280px}
.pro_img{width:280px;height:234px}
.cont_box{width:280px}
#sinlog{width:280px;margin:-280px 0 0 -140px;padding:69px 20px 20px 20px}
#sinlog_close{top:39px}
.f48{font-size:24px !important}
.f21{font-size:18px !important}
.f18{font-size:16px !important}
.f16{font-size:14px !important}
.faq_tt{font-size:12px !important}
#bg1say{width:398px;padding:38px 0}
#header_txt{top:10px;margin-right:-120px}
#header_txt img{width:150px}
#header_txt2{bottom:10px;font-size:22px}
#drsaydiv>div:first-child{font-size:24px}

}

@media screen and (max-width: 436px) {
#bg1say{width:298px}
#dr{margin-left:80px}
#iso{width:350px;height:92px;left:50%;margin-left:-175px}

}
a[href^="tel:"] {color:#b4b4b4}