@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:30px !important;font-weight:bold}
.f18{font-size:18px !important}
.f16{font-size:16px !important}
#logo{width:116px;height:60px;background:url(img/logo.png?1) 0 0 no-repeat;margin:5px 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:27px}
#login{height:100%;margin-right:24px;font-size:12px;height:70px}
#login::before{content:'';width:0;height:100%;display:inline-block;position:relative;vertical-align:middle}
#login>a{display:inline-block;color:#FFF;margin-left:27px;vertical-align:middle}
.bag{width:22px;height:34px;background:url(img/bag.svg) 0 0 no-repeat;color:#FFF;text-align:center;line-height:45px;font-size:12px}
.signup,.header_txt>a{width:86px;height:24px;background:#ee85a1;text-align:center;line-height:24px;color:#FFF !important;font-size:12px !important;cursor:pointer}
.header_txt>a{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}
#cart{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}
#index_pic>div>a{width:100%;height:100%;display:block}
.header_txt{position:absolute;left:109px;top:158px;padding:40px 55px}
.header_txt{display:none}
.header_txt>div,.header_txt>a{position:relative}
.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>a{margin-top:22px;font-size:20px !important;width:150px;height:32px;line-height:32px}
#faq{width:100%}
.faqt{font-size:50px;color:#ee85a1;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:177px;padding:26px 15px 0 15px;position:relative;display:inline-block;margin:0 14px 24px 14px}
.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{width:50%;float:left}
.dev_td>img{width:100%}
#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{max-width:1022px;color:#717071;margin:0 auto;padding-top:32px}
#class_select{margin:0 auto 32px auto;font-size:12px;padding:0 38px;display:none}
#gopro{float:right}
.gopro2{width:100%;text-align:center;margin-bottom:32px}
.gopro2>a{width:86px;height:38px;background:#ee85a1;color:#FFF;display:inline-block;text-align:center;line-height:38px}
#gopro a{color:#ee85a1}
.pro_class{display:inline-block;margin-right:34px;padding:11px;cursor:pointer}
.fr{color:#FF0025}
.class_on{background:#ee85a1;color:#FFF}
.pro_show{margin:0 auto 28px auto}
.pro_show>div{width:25%;display:inline-block;vertical-align:top}
.pro_show>div>a{width:180px;margin:0 auto;vertical-align:top;font-size:14px;display:block;position:relative}
.pro_show img{width:100%}
.pro_name{width:100%;margin:22px 0 11px 0;text-align:center}
.pro_price{width:100%;color:#C0B3B4;text-align:center}

#contact{width:100%;background:#ee85a1;color:#FFF;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}
.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;border:none}
.cont_box textarea{border:none}
#msg_txt{width:100%;height:133px;padding:10px}
.empty{color:#ee85a1}
#msg_send{width:158px;height:38px;text-align:center;background:#d60065;color:#FFF;line-height:38px;font-size:20px;margin:50px auto 0 auto;letter-spacing:4px;text-indent:4px;cursor:pointer}

#footer{width:100%;padding:45px 48px;font-size:16px;color:#ee85a1;background:#FFF}
#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%;padding:0 26px;position:fixed;z-index:102;left:0;top:0}
#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}
#mbnavi>div>a>span{display:inline-block}
#mbcart{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}

#s6{background:#F7F7F7;color:#717071;padding:63px 0}
#s6div{max-width:1085px;margin:0 auto}
#s6div>div{width:33%;display:inline-block;margin-bottom:41px;vertical-align:top;text-align:center}
.s6box{width:240px;margin:0 auto}
.dicon{width:100%;height:132px;background:url(img/dicons.png) center center no-repeat}
#s6div>div:nth-child(1) .dicon{background-position:0 0}
#s6div>div:nth-child(2) .dicon{background-position:0 -132px}
#s6div>div:nth-child(3) .dicon{background-position:0 -264px}
#s6div>div:nth-child(4) .dicon{background-position:0 -396px}
#s6div>div:nth-child(5) .dicon{background-position:0 -528px}
#s6div>div:nth-child(6) .dicon{background-position:0 -660px}
#s6div>div:nth-child(7) .dicon{background-position:0 -792px}
#s6div>div:nth-child(8) .dicon{background-position:0 -924px}
#s6div .f32{text-align:center;padding:21px 0}
.dt{text-align:justify;line-height:1.8;padding-bottom:21px;letter-spacing:0px}
#s6 .cg{color:#ee85a1 !important}

#intro{display:inline-block;height:34px;line-height:45px;padding-left:5px;margin-top:5px;vertical-align:middle}

.zipcode, .county, .district {
    display: inline-block;
    width: 114px;
    height: 25px;
	color:#888889;
	margin:0 4px 4px 0;
    font-size:14px;
    background-color:#fff;
    border:1px solid #717071;
}
.zipcode{display:none}
.district{margin-right:0}
#mzipcode{display:inline-block}
#mzlab{padding:14px 10px 10px 0 !important}

#sharebox{position:fixed;right:20px;bottom:20px;z-index:10}
#share{padding-left:2px;color:#03937b;font-size:16px}
#sharebt{background:#ee85a1;color:#FFF;padding:7px 15px;font-size:18px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;display:inline-block;cursor:pointer}

.cc{font-size:22px;color:#000;letter-spacing:2px;margin:50px 0 10px 0;padding-left:10px;border-left:4px solid #ff0a4f}
#product>div:nth-child(2){margin-top:0}

.pp1{text-decoration:line-through;text-decoration-color:#F00;padding-left:5px}

.slon{border-bottom:1px solid #595757;padding-bottom:2px}
.sin_show,.log_show{cursor:pointer}

#header2{width:100%;height:calc(100% - 70px);position:relative}
#header_txt2{width:390px;position:absolute;left:109px;top:100px;padding:30px 45px}
#header_txt2>div{position:relative;text-align:justify}
.wbg{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}


@media only screen and (-Webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) {
.dicon{background-image:url(img/dicons@2x.png);background-size:413px 1058px}

}

@media screen and (max-width: 1180px) {
.header_txt2 .f48{font-size:26px !important}
.header_txt2 .f21{font-size:24px !important}
.header_txt2 .f18{font-size:20px !important}

}

@media screen and (max-width: 970px) {
.f32{font-size:28px}
.f24{font-size:20px}
.f16{font-size:14px}

}

@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}
#cart,#loginbt,#logout,#menu,#oquery{display:none !important}
.header_txt,.header_txt2{left:0}
.header_txt2{width:90%;left:5%;top:20px}
.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,#login>a{display:none}
.dn{display:inline}
#intro{display:none !important}
#navi,#navispace,#login{height:46px}
#logo{width:77px;height:40px;margin:3px 0 0 24px;background-size:100%}

}

@media screen and (max-width: 810px) {
#s6div>div{width:49.5%}

}

@media screen and (max-width: 768px) {
#product{max-width:634px}
.pro_show>div{width:50%;margin-bottom:20px}
.pro_show>div>a{width:206px}
#class_select{padding:0}
#gopro a{padding:11px;border:1px solid #C0B3B4;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;float:right}
#gopro{width:50%}
#gopro>div{width:206px;margin:0 auto}
.pro_class{display:none}
#service{background-image:url(img/service768.jpg)}

}

@media screen and (max-width: 750px) {
.f32{font-size:22px}
.f24{font-size:16px}
#s6div>div{width:100%}
#s6div .f32{padding:12px 0}
.dt{padding-bottom:12px}

}

@media screen and (max-width: 520px) {
#dev{padding:56px 20px 36px 20px}
#header{height:250px}

}

@media screen and (max-width: 480px) {
.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:22px !important}
.f18{font-size:20px !important}
.f16{font-size:14px !important}
.faq_tt{font-size:12px !important}
#service{background-image:url(img/service480.jpg)}
#sharebox{right:5px;bottom:5px}
#sharebt{font-size:16px}
.header_txt,.header_txt2{width:100%;top:80px;padding:20px 25px}
.header_txt2{width:100%;left:0;top:40px;padding:20px}
.header_txt2 .f48{font-size:22px !important}
.header_txt2 .f21{font-size:20px !important}
.header_txt2 .f18{font-size:16px !important}

}

@media screen and (max-width: 436px) {
.pro_show>div>a{width:96%}
#gopro>div{width:98%}

}