/*Copyright 2009-2010 www.sothink.com*/
/*定义页面全局*/
html, div, body, p, form, img, h1, h2, h3, h4, h5, h6, input{margin:0px;padding:0px;margin-left:auto;margin-right:auto;font-size: 11px;line-height: 170%;font-family: Verdana, Arial, Helvetica, sans-serif;color:#222222;}

/*body {background-image: url(/page/style/tutorial-img/bg_page.gif);background-repeat: repeat-x;background-position: top;background-color: #FFF; text-align:left;line-height:125%;font-size:12px;}*/

HTML {min-width: 775px;height: 100%}
#box{ width:980px; padding-top:20px}
#box p{padding-bottom: 10px;	padding-left: 15px;}

#box dl,#box dd,#box dt {margin: 0px;padding: 0px; margin-bottom:5px;}
#box ul,#box  ol {margin:0px;	padding-left:20px;	list-style-type: none;}
#box li{	margin:0px;	padding-top:3px; padding-bottom:3px; palist-style-type: square;	padding-right: 0px;	padding-left: 10px;	background-image: url(/style08/images/list-arrow.gif);background-repeat: no-repeat;background-position: left top;}

#box ol li {	margin:0px; padding:0px;margin-left:5px; padding-top:3px; padding-bottom:3px;list-style-type: decimal; background-image:none;}

#box h1 {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 20px;font-weight: bolder; padding-left:15px; padding-top:10px;}
#box h1 span{font-size:12px; font-weight:normal;}
#box h2 {font-family:Segoe, Tahoma, Verdana, sans-serif;font-size:20px;font-weight:normal;background-image: url(/style08/images/bg-h3.png);line-height: 30px;background-repeat: repeat-x;background-position: center; color:#000000; text-align:left; padding-left:30px;}
#box h2 span{font-size:12px; font-weight:normal;}

#box h5 {font-size: 12px;color: #000000;font-family: Verdana, Arial, Helvetica, sans-serif;padding-left: 10px;line-height: 20px;margin-right: 1px;margin-left: 5px;height: 30px;clear:both;}
html>body #box  h5 {background-image: url(/style08/images/bg-h5.png);background-repeat: repeat-x;}

#box h4 {font-weight:bold;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:12px;padding-top: 10px; padding-bottom:10px;}
#box h3 {font-weight:bold; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:16px; border-bottom:dotted #666666 1px; padding-bottom:5px; margin-bottom:5px; padding-left: }
#box h6 {line-height: 30px;height: 30px;font-size: 12px;font-weight: bold;color: #000000;text-align: left;padding-left: 15px;}

#box img {border:none;}

#box a, #box a:link, #box a:visited {text-decoration: underline;color: #0a68c8;}
#box a:active, #box a:hover {text-decoration: underline;color: #FF0000;}

#box input {font-size:11px;}

/* page top style*/
#top {height: 80px;width: 980px;background-image: url(/page/style/tutorial-img/bg_top.jpg);background-repeat: no-repeat;background-position: left top;}
#top #top-logo {float: left;height: 73px;width: 245px;padding: 7px 0px 0px 5px;}
#top #top-menu {width: 686px;float: left;margin-top: 48px;height:32px;margin-left: 44px;}
#top-menu ul li {float: left;height: 32px;width: 111px;background-image: none;margin: 0px;padding: 0px; text-align:center;}
#top-menu a{background-image: url(/page/style/tutorial-img/bg_topmenu.gif);display:block;font-size: 12px;font-weight: bold;text-decoration: none;height: 32px;line-height: 32px;margin-right: 1px; color:#000;}
#top-menu a:hover{background-image: url(/page/style/tutorial-img/bg_topmenu_now.gif); color:#FFF;} 

/* page bottom style*/
#bottom {background-color: #626262;float: left;width: 100%;}
#bottom #bottom-txt {width: 960px;height: 50px;background-image: url(/page/style/tutorial-img/bg_bottom.jpg);background-repeat: no-repeat;background-position: right;color: #FFF;padding-top: 10px;padding-left: 20px;}
#bottom-txt a {color: #FFF;}
#bottom-txt a:hover{color:#6C0;}

/* page content style*/
#box #content-box {width: 980px;height: auto;background-color: #eeeeee;float: left;padding-top: 10px;padding-bottom: 10px;}
#box #content-box .column-left {height: 470px;width: 677px;float: left;background-color: #FFF;margin-left: 9px;margin-top: 10px;background-image: url(/page/style/tutorial-img/round_left_bottom.gif);background-repeat: no-repeat;background-position: left bottom; display:inline;}
#box .column-left .content h1 {color: #00428c;font-size: 33px;font-family: Tahoma;font-style: italic;/*padding: 0px;*/line-height: 50px;}
#box .column-left .content .attend {font-size: 14px;font-family: Tahoma, Geneva, sans-serif;font-weight:bold;line-height:25px;height: 150px;padding: 0px 0px 15px 15px;}
#box .column-left .content .attend span{color:#ff0000;}
#box .column-left .content .cont {float: left;width: 677px;padding-bottom:10px;height: 190px;}
#box .content p.nav {line-height:100%; padding-bottom:0; padding-top:5px;}
#box .cont .cont_box {margin-right: 20px;margin-left: 10px;float: left;}
#box .cont dl{float: left;width:510px;margin-top:10px;}
#box .cont dl dt img {float: left;margin-right: 20px;}
#box .cont dl dt {color: #626262;font-size:12px;}
#box .cont dl dd {list-style-type: none;background-image: url(/page/style/tutorial-img/bg_cont_li.gif);background-repeat: no-repeat;background-position: 0px 8px;padding: 0px 0px 0px 15px;margin: 0px;font-size:12px; line-height:18px;}
#box .cont_btn {float: left;width: 657px;height: 85px;margin-left: 17px; display:inline;}
#box .cont_btn img {margin-right: 8px;margin-left: 8px;}
#box .column-left .bottom {clear: both;}

/* page slide style*/
#box #content-box .review {float: left;width: 275px;height: auto;margin: 10px 0px 0px 9px;}
#box .review h3 {font-size:18px;background-image: url(/page/style/tutorial-img/bg_slidetitle_style1.gif);background-repeat: no-repeat;background-position: left top;color: #FFF;font-family: Tahoma, Geneva, sans-serif;padding-left: 15px;font-weight: bold;height: 39px;line-height: 39px;border: none; margin-bottom:0px; padding-bottom:0px;}
#box .review dl {background-image: url(/page/style/tutorial-img/round_slide_bottom.gif);background-position: left bottom;background-repeat: no-repeat;background-color: #FFF;height: 90px;margin-bottom: 0px;padding: 10px 0px 0px 20px;}
#box .review dl dt {background-image: url(/page/style/tutorial-img/sign_maczot.gif);background-repeat: no-repeat;background-position: left top;height: 30px;line-height: 30px;padding-left: 35px;padding-top: 0px;font-size: 12px;font-weight: bold;color: #444444;}
#box .review dl dd {padding-left:35px;padding-right:0px;font-family: Verdana, Geneva, sans-serif;font-size:11px;line-height: 16px;}
#box .review h4 {font-size:18px;background-image: url(/page/style/tutorial-img/bg_slidetitle_style2.gif);background-repeat: no-repeat;background-position: left top;color: #FFF;font-family: Tahoma, Geneva, sans-serif;padding-left: 15px;font-weight: bold;height: 39px;line-height: 39px;border: none;padding-bottom:0px;padding-top: 0px;margin: 0px;}

#box #content-box .slide {float: left;width: 275px;height: auto;margin: 9px 0px 0px 9px;}
#box .slide h3 {font-size:18px;background-image: url(/page/style/tutorial-img/bg_slidetitle_style1.gif);background-repeat: no-repeat;background-position: left top;color: #FFF;font-family: Tahoma, Geneva, sans-serif;padding-left: 15px;font-weight: bold;height: 39px;line-height: 39px;border: none; margin-bottom:0px; padding-bottom:0px;}
#box .slide dl {background-image: url(/page/style/tutorial-img/round_slide_bottom.gif);background-position: left bottom;background-repeat: no-repeat;background-color: #FFF;height: 273px;padding-top: 10px;margin-bottom:0px;padding-left: 20px;}
#box .slide h4 {font-size:18px;background-image: url(/page/style/tutorial-img/bg_slidetitle_style2.gif);background-repeat: no-repeat;background-position: left top;color: #FFF;font-family: Tahoma, Geneva, sans-serif;padding-left: 15px;font-weight: bold;height: 39px;line-height: 39px;border: none;padding-bottom:0px;padding-top: 0px;margin: 0px;}

/* page wide style*/
#box #content-box .column-wide {float: left;width: 962px;margin-left: 9px;margin-top: 9px;background-color: #FFF;background-image: url(/page/style/tutorial-img/round_wide_bottom.gif);background-repeat: no-repeat;background-position: left bottom; display:inline;}
#box .column-wide .top {float: left;width: 962px;}
#box .wide-txt {clear: both;padding-right: 20px;padding-left: 20px;float: left;width: 920px;padding-bottom: 10px; display:inline;}
#box .wide-txt h2 {background-image: none;padding: 0px;line-height: 35px;height: 35px;font-family: Tahoma, Geneva, sans-serif;font-size: 24px;font-weight: normal;clear: both;margin-top: 0px;margin-right: 0px;margin-bottom: 10px;margin-left: 0px;}
#box .column-wide .bold {font-size: 20px;color: #0a68c8;}
#box #content-box .column-wide li {margin-left: 10px;background-image: url(/page/style/tutorial-img/arrow_list.gif);background-repeat: no-repeat;background-position: 0px 3px;padding-left: 30px;}
#box #step dt {background-image: url(/page/style/tutorial-img/bg_step.gif);background-repeat: no-repeat;background-position: left top;height: 48px;line-height: 48px;margin-top: 10px;margin-left: 15px;padding-left: 70px;font-size: 30px;color: #006bb5;font-family: Tahoma, Geneva, sans-serif;font-weight: bold;font-style: italic;clear: both;}
#box #step dt span {color: #000;font-size: 24px;}
#box #step dd {padding-right: 15px;padding-left: 15px;margin-bottom:20px;clear: both;float: left;}
#box #step span {font-size:10px; color:#666;}
#box .wide-txt #win li {background-image: url(/page/style/tutorial-img/arrow_list.gif);background-repeat: no-repeat;background-position: 0px 7px;float: left;width: 185px;margin-left: 0px;line-height: 25px;}
#box .wide-txt #win {float: left;width: 660px; margin-left:20px;}
#box .wide-txt #solution li {background-image: url(/page/style/tutorial-img/arrow_list.gif);background-repeat: no-repeat;background-position: 0px 7px;float: left;width: 420px;margin-left: 0px;line-height: 25px;}

/*scalable button style*/
#box .btn-scb{ display:inline-block; cursor:hand; border:none; font-weight:bold; margin:15px 20px 0 20px; padding:0; text-decoration:none !important; color:#FFF !important; white-space: nowrap; _width: 0; overflow: visible; float:right;}
#box .btn-scb span{ display:block; padding-right:13px; background-position:right top; background-repeat:no-repeat;}
#box .btn-scb span span{ background-position:left top; background-repeat:no-repeat;padding:0 0 0 10px; height:38px; font:bold 13px/38px "Trebuchet MS", Arial, Helvetica, sans-serif;}
#box .btn-scb span span span{padding:0 0 0 34px;background-position:center left; background-repeat:no-repeat; }
#box .btn-scb span.blue-btn{ background-image:url(http://www.sothinkmedia.com/style/images/btn-sprites.gif); background-position:right -38px;}
#box .btn-scb span.blue-btn span{background-image:url(http://www.sothinkmedia.com/style/images/btn-sprites.gif); background-position: 0 0;}
#box .btn-scb span.grey-btn{ background-image:url(http://www.sothinkmedia.com/style/images/btn-sprites.gif);background-position:right -114px;}
#box .btn-scb span.grey-btn span{background-image:url(http://www.sothinkmedia.com/style/images/btn-sprites.gif);background-position:0 -76px;color:#000 !important;}
#box .btn-scb span span span.download-ico{ background-image:url(http://www.sothinkmedia.com/style/images/down-icon.png); background-position:left center;} 
#box .btn-scb span span span.buy-ico{ background-image:url(http://www.sothinkmedia.com/style/images/buy-icon.png); background-position:left center;}