@charset "utf-8";
/* CSS Document */
html, div, body, p, form, img, dd, h1, h2, h3, input { margin:0 auto; padding:0; font:12px/160% Arial, Verdana, Helvetica, sans-serif; color:#222222; }
p { padding:5px 15px; line-height:20px; }
dl, dd, dt { margin:0; padding:0; }
ul { margin:0; padding:0; list-style:none; }
li { margin:0; list-style:none; padding:0; }
h1 { font-size:26px; color:#2fa9ff; width:900px; padding-left:20px; }
img { border:none; }
a, a:link, a:visited { text-decoration:none; color:#1698e7; }
a:hover, a:active { text-decoration:underline; color:#1698e7; }
.clear { clear:both; }
#header { background:url(images/bg-top.jpg) repeat-x; height:138px; }
#top { background:url(images/top.jpg) no-repeat 50% 0; height:138px; padding-top:20px; width:1226px; }
h1 span { font-size:14px; color:#bfbfbf; }
h2 { font-size:24px; margin-top:20px; }
#top p { font-size:14px; color:#fff; padding:29px 0px 20px 160px; width:900px; }
#container { padding:20px 0px 30px 0px; width:1226px; min-height:650px; }
#main { width:900px; padding-left:20px; overflow:hidden; }
.pro-line { overflow:hidden; margin-top:15px; zoom:1; }
.pro-line dl { float:left; background:url(images/box-bg.jpg) no-repeat; width:434px; height:260px; margin-right:15px; }
.pro-line dl.last { margin-right:0; }
.pro-line dl dt.win { font-size:16px; background:url(images/win.jpg) no-repeat 380px 0px; margin:13px 0px 0px 10px; height:28px; }
.pro-line dl dt.mac{ font-size:16px; background:url(images/mac.jpg) no-repeat 370px 0px; margin:13px 0px 0px 10px; height:28px; }
.pro-line dl dd { overflow:hidden; padding-top:10px; }
.pro-line dl dd .img { float:left; width:176px; }
.pro-line dl dd .cont { float:right; width:227px; padding-right:20px; }
.pro-line dl dd p a { color:#0085c9; }
p a.btn { background:url(images/btn.jpg) no-repeat; display:block; width:217px; height:28px; }
p a.bd-btn { background:url(images/bd-btn.jpg) no-repeat; display:block; width:217px; height:28px; }
.pro-line dl dd .cont img { margin-left:15px; }
#footer { background-color:#313131; height:127px; }
#footer #no-mc { margin:0 auto; width:300px; padding:0px 0px 15px 0px; }
#footer p#copy { text-align:center; color:#8f8f8f; padding-top:15px; }

/*guide*/
#header-in { background:url(images/top-bg-in.jpg) repeat-x; height:80px; padding-top:15px; }
#top-in { width:1226px; }
#main-left { width:620px; float:left; }
#main-left h2 { font-size:18px; color:#1698e7; }
#main-left p.tip { color:#393939; padding:0; }
#main-left p.step { background:url(images/title-bg.jpg) no-repeat 0px 10px; font-weight:bold; padding-left:0; line-height:28px; color:#000; }
#main-left p.step span { color:#393939; padding:0px 15px 0px 2px; }
#main-left p.step a { color:#000; text-decoration:underline; }
#main-left p { color:#858585; }
#main-left p.note span { color:#ff0000; }
#main-left p.note { color:#000; }
.s-top { background:url(images/side-bg-t.jpg) no-repeat; width:275px; height:429px; }
.side { float:right; }
.s-title { font-size:14px; color:#000; padding:10px 0px 0px 8px; line-height:20px; width:245px; font-weight:bold; }
.side img { padding:15px 0px 0px 30px; }
.side-cont { width:250px; }
.side-cont img { padding:0 0 0 15px; }
.s-bot { background:url(images/how-to-bg.jpg) no-repeat; width:273px; height:209px; margin-top:20px; }
.s-bot ul { width:250px; margin:25px 0px 0px 15px; }
.s-bot ul li a, .s-bot ul li { color:#2d2d2d; }
.s-bot ul li { padding-bottom:5px; }