html, div, body, p, form, img, dd, h1, h2, h3, h4, input { margin:0 auto; padding:0; font-style:normal; font-family:"Arial","Helvetica","Verdana","sans-serif"; color:#444; line-height:160%;font-weight:normal; }
body {font-size:62.5%;}
body, input, textarea, select, button { text-rendering:optimizelegibility;}
p {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; }
img { border:none; }
input { font-size:1.2em; float:left; }
table { border-collapse:collapse; }
dl, dt, dd{text-align:left;}
.clear { clear:both; }
.clearfix:after { clear:both; display:block; visibility:hidden; height:0; font-size:0; line-height:0; content:" "; }
.clearfix { zoom:1; }
.fl { float:left; }
.fr { float:right; }
.red { color:#F00; }

/*font*/
.mt20{margin-top:20px;}
.mr0{margin-right:0;}
.ml20{margin-left:20px;}
.noMar{margin:0px !important;}
.container{max-width:1000px;overflow:hidden;padding:0 10px;}
/*header css*/
#header { width:100%; height:92px;background: url("/style/images/menu-line.jpg") repeat-x scroll center bottom rgba(0, 0, 0, 0);}
#header .container { overflow:visible; }
#logo_guide { width:20%; float:left; }

/*font*/
.container{max-width:1000px;overflow:hidden;padding:0 10px;}

/*top menu*/
.menu { width:72%; z-index:90; position:relative;max-width:1020px; float:right; margin-top:30px; }
.menu li { float:left; text-align:center; font-size:15px; z-index:1; }
.menu li img#win{margin:0 265px 0 16px;}
.menu li.store a { background-color:#63c6ff; color:#fff; border:2px #63c6ff solid; border-radius:20px; padding:0 15px 3px;height:20px; }
.menu li.store a:hover { border:2px #63c6ff solid; color:#63c6ff; background-color:#fff; }
.menu li a { text-decoration:none; display:block; float:left; z-index:0; zoom:1; line-height:20px; height:26px; padding:3px 15px 0 15px; color:#000;}
.menu li:hover a { color:#fff; text-decoration:none;}
.menu li:hover{background:#504f4f;}
.menu li.store:hover, .menu li.sale:hover{background:none;}
.menu ul li ul.submenu{left:0px;overflow:hidden;position:absolute;top:29px;z-index:100;font-size:15px;display:none;}
.menu ul li:hover ul.submenu{display:block;}
.menu ul li ul.submenu li {text-align:left;padding:5px 0 0 20px; width:600px; height:30px; background:#454544; font:normal 12px/40px arial, sans-serif !important; color: #999; margin:0; }
.menu ul li ul.submenu li a{height:20px;font-size:13px;color:#fff;display:inline-block;width:265px;}
.menu ul li ul.submenu li a:hover{text-decoration:underline;}
.menu ul li ul.submenu li:nth-child(even) {background:#454544;}
.menu ul li ul.submenu li:nth-child(odd) {background:#504f4f;}
.menu .sub-menu{position:absolute;top:30px;left:0;background-color:#1898f1;width:320px;z-index:10;padding:30px 20px;display:none;}
.menu .sub-menu a{display:inline;height:auto;line-height:35px;border:none;padding:0x;float:none;}
.menu .sub-menu dt{font-size:2.4em;color:#fff;margin-bottom:10px;}
.menu .sub-menu a:link, .menu .sub-menu a:visited{color:#fff;}
.menu .sub-menu a:hover{height:auto;border:none;text-decoration:underline;color:#fff;}


/*==footer style==*/
.footer{background-color:#2f3337;padding:40px 0 60px 0; text-align:center; }
.footer a:hover{
	color: #fff;
	font-size: 14px;
	text-decoration: none;
}
.footer p {color: #FFFFFF; font-size: 14px;}
.footer a {color: #ffffff; font-size: 14px;}
.footer a, a:link, a:visited {
	text-decoration: none;
	font-size: 14px;
    color: #fff;
}

h2 { text-align:center; font-size:40px; color:#3b4f67; padding:50px 0px 30px; }
h2 span { color:#49b5ee; }

/*tutorial*/
#pro-box{padding: 40px 0 50px;width: 100%;}
#pro-main{width:69.5%;float:left;max-width:695px;}
#pro-main h1, #pro-main h2, #pro-main .review{font-size:3.6em; line-height:40px; color:#1898f1; margin-bottom:18px; font-family:"Segoe UI Light", "Lucida Sans Unicode";}
#pro-main h2{margin-top:30px;}
#pro-main h3{font-size:2.4em;margin-top:30px;}
#pro-main h3.icon-sys{background:url(/style/images/icon-reference.jpg) no-repeat 0 5px;padding-left:42px;}
#pro-main h3.icon-input{background:url(/style/images/icon-reference.jpg) no-repeat 0 -44px;padding-left:42px;margin-bottom:10px;}
#pro-main h3.icon-output{background:url(/style/images/icon-reference.jpg) no-repeat 0 -90px;padding-left:42px;margin-bottom:10px;}
#pro-main h3.icon-device{background:url(/style/images/icon-reference.jpg) no-repeat 0 -147px;padding-left:42px;margin-bottom:10px;}
#pro-main h3.icon-dvd{background:url(/style/images/icon-reference.jpg) no-repeat 0 -199px;padding-left:42px;}
#pro-main h3.icon-whats-new{background:url(/style/images/icon-reference.jpg) no-repeat 0 -305px;padding-left:42px;margin-bottom:10px;}

#pro-main .review{float:left;}
#pro-main h4{font-size:1.8em; line-height:40px; color:#1898f1; margin:30px 0px 20px 0px;}
#pro-main .btn{float:right; display:block; background:#1898f1; width:148px; height:26px; text-align:center; color:#ffffff; font-size:1.2em; font-weight:bold; line-height:26px;}
#pro-main li{ background:url(/style/images/dot.jpg) no-repeat left 18px; padding-left:10px; font-size:1.4em; color:#222222; line-height:40px;}
#pro-main .guide-intro{font-size:1.4em; color:#666666;}
#pro-main p{font-size:1.4em; margin-top:40px; color:#666;line-height:26px;}
#pro-main .review-box, #pro-main .write-review{background:#f7f7f7;  padding:20px 20px 20px 20px; margin-bottom:40px;}
#pro-main .review-box .pic{float:left; width:55px; margin-right:15px;}
#pro-main .review-box .txt{float:right; width:580px;}
#pro-main .review-box .title{font-size:2.4em; line-height:30px; font-family:"Segoe UI Light", "Lucida Sans Unicode";}
#pro-main .review-box .time{color:#4195d0; font-style:italic; font-size:1.4em;}
#pro-main .review-box p{font-size:1.4em; line-height:24px; margin-bottom:5px; margin-top:10px;}
#sidebar{width:23.5%;float:right;max-width:235px;}
.sidebar-ad{margin-bottom:60px;}
.sidebar-ad img{max-width:100%;}
.sidebar-box{margin-bottom:60px;border-left:#1f82c8 solid 4px;padding-left:13px;}
.sidebar-box h3{font-size:2.4em;margin-bottom:20px;line-height:20px;}
.sidebar-box li{line-height:16px;margin:11px 0;font-size:1.2em;}
.sidebar-box a:link, .sidebar-box a:visited{color:#666;}