@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,img {margin:0;padding:0; -webkit-text-size-adjust:none;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,var {font-style:normal;font-weight:normal;}
ul {list-style:none;}
ol{ list-style:outside decimal; margin-left:18px; line-height:1.6em;}
ol li{ line-height:1.8em;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
a:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;}
a:hover,a:active{outline:0;}
a{ text-decoration:none;color:#333;}
a:hover{text-decoration:underline;}
img{ vertical-align:middle; max-width:100%; }
body{font-family:Lato,Arial,Helvetica,sans-serif;color:#222;font-size:36px; line-height:1.333em; width:100%; margin:0 auto; max-width:1242px; }
@media (min-width: 769px) and (max-width: 1045px) {
	body{ font-size:28px; }
}
@media (min-width: 640px) and (max-width:768px) {
	body{ font-size:22px; }
}
@media (min-width: 480px) and (max-width:639px) {
	body{ font-size:18px; }
}
@media (max-width:479px) {
	body{ font-size:16px; }
}
/*basic*/
.fl {float:left;}
.fr {float:right;}
.ac{ text-align:center;}
.al{ text-align:left;}
.ar{ text-align:right;}
.clear{ clear:both; height:0; overflow:hidden;}
.re{ position:relative !important;}
.oh{ overflow:hidden !important;}
.hide{ display:none !important;}
.nobg{ background:none !important;}
.mt5{margin-top:5px !important;}.mt10{ margin-top:10px; }.mt20{margin-top:20px !important;}.mt30{margin-top:30px !important;}.mt50{margin-top:50px !important;}
.mr15{margin-right:15px !important;}
.pt5{ padding-top:5px; }
img{ max-width:100%; }
.bgGray{ background-color:#f9f9f9; }
.paddlr{ padding-left:4%; padding-right:4%; }

.downa{ display:inline-block; width:53.065%; padding:1em 1em 0.42em 1.333em; border-radius:6px;line-height:1.5em; text-align:left; color:#fff; }
.downa .img{ float:right; max-width:2.8em; }
.downa b{ font-size:1.6em; line-height:1em; display:block; }
.downa:hover{ text-decoration:none; }
.downRed{ background:#ff4e17;}
.downRed:hover{ background-color:#f04611;  }
.downYel{ background:#ff9600; }
.downYel:hover{ background:#ee7600; }
@media (max-width: 1045px) {
	.downa b{ font-size:1.3em; }
}
@media (max-width:479px) {
	.downa{ width:68%; }
	.paddlr{ padding-left:2%; padding-right:2%; }
}
.header{ background-color:#333;}
.header .ws-logo{ width:36.7%; float:left; margin-left:3px; padding:0.86em 0; }
.header .t-logo{ width:25%; padding-top:0.5em; padding-bottom:0.5em; }

.banner{ background-color:#3a96d5; color:#fff; padding-bottom:2.2em; }
.banner .line01{ padding-top:2.2em; padding-bottom:0.8em; line-height:1; }
.banner .line02{ font-size:1.42em; line-height:1.38em; font-weight:bold;  }
.banner .tips{ font-size:1.222em; padding:0.59em 0.909em; line-height:1.5em; display:inline-block; margin-top:1em; color:#000; background-color:#a5cde6; border-radius:6px; }
.banner .triangle{  width:0;height: 0;border-left: 1em solid transparent; border-right: 1em solid transparent; border-top: 1em solid #a5cde6; margin:auto;}
.banner .price{ padding-top:1em; padding-bottom:1em; font-weight:bold; }
.banner .price del{ font-size:1.6667em; line-height:100%; color:#215e87; text-decoration:line-through; }
.banner .price big{ font-size:3.2em; line-height:1; color:#fffc00; }
.banner .btnmac{ margin-top:1.389em; }
.banner .date{ margin-top:6.9%; display:inline-block; background:url(images/data.jpg) left no-repeat; background-size:auto 100%; font-size:0.8333em; line-height:1.5em; padding-left:1.45em; color:#000; }
@media (min-width: 640px) and (max-width:768px) {
	.banner .line02{ font-size:1.364em; line-height:1.2em; }
	.banner .line01{ padding-bottom:0.545em; }
	.banner .price big{ font-size:3.18em; }
	.banner .date{ padding-left:2em; }
}
@media (max-width:479px) {
	.banner .line02{ font-size:1.2em; }
}
.part01{ background-color:#ecf1f1;}
.titles{ font-size:1.333em; line-height:1.25em; padding-top:8.757%; font-weight:bold; color:#222;}
.part01 .contactimg{ padding-top:8.23%; padding-bottom:8.93%; }
.texts{font-family:Helvetica,Arial,sans-serif; }
.paddbott{ padding-bottom:7.57%;  }

.supportimg{ padding-top:5.78%; padding-bottom:5.25%; }
.new{ display:inline-block; width:2.2778em; margin-left:10px; background:url(images/new.jpg) right center no-repeat;background-size:100% auto; }
.mr22{ margin-right:22px; }

.part02{ padding-top:2%; background-color:#ecf1f1; }
.part02 li{ padding-top:1.055em; padding-bottom:1.2em; border-bottom:solid 1px #fff; }
.part02 li.last{ border-bottom:0; }
.part02 li .img{ width:25%; float:left; text-align:center; }
.part02 li .rtbox{ width:71.8%; float:right; }
.part02 li .title{ margin-top:1.111em; background:url(images/arc.jpg) left 0.58333em no-repeat; line-height:1.667em; padding-left:1.5em; padding-bottom:7px; position:relative; }
.part02 li .title span{ display:inline-block; width:0.5em; height:0.5em; position:absolute; left:0; top:0.583em; background-color:#2d9adf; border-radius:50%; }
.part02 li.last .title{ margin-top:1.5em; }
@media  (max-width:768px) {
	.part02 li .title{ background-size:11px 11px; padding-left:1.091em; margin-top:0; }
	.part02 li.last .title{ }
	.second img{ max-width:53.6%; }
	.part02 li .rtbox{ width:71.76%;}
}
.part03{ padding-top:6.76%; padding-bottom:4%; }
.part03 .title{ background:url(../images/icon04.jpg) left center no-repeat; background-size:auto 100%; font-weight:bold; padding-left:2.23em; font-size:1.333em; line-height:1.6667em; margin-bottom:4%; }
.part03 .img{ width:24.1%; float:left;  }
.part03 ul li{ padding-bottom:1.222em; }
.part03 ul li .text{ width:72.24%; float:right; }
.part03 ul li .link{ padding-top:0.88889em; padding-bottom:5px; text-decoration:underline; }
.part03 ul li .author{ margin-top:1em; font-size:0.8333em; color:#777; }

.part04{ padding-top:3.7%; padding-bottom:5.23%; background-color:#ecf1f1; }
.part04 .title1{  background-size:auto 100%; font-weight:bold;  font-size:1.333em; line-height:1.6667em; margin-bottom:4%; }
.part04 .title{ margin:3.765% 0; font-size:1.333em; line-height:1.77em; }
.part04 .title span{ display:inline-block; width:1.77em; height:1.77em; border-radius:50%; text-align:center; color:#fff; margin-right:1em; text-align:center; background-color:#2d9adf; }
.bottom{ font-size:0.67em; line-height:4.16em; text-align:center; background-color:#333; color:#fff; }