@charset "utf-8";
/**************************
@Filename: common.css
@Author  : sky
@Create  : 2008-6-11
@Update  : 2009-12-15
**************************/
* { margin:0; padding:0;}
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, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, 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;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}
body { font-size:12px; border:0; font-family:Helvetica, Arial, sans-serif; border-top:15px solid #084; background:#F2F1EE}

/*links*/
a { text-decoration:underline; color:#00c}
a:hover { text-decoration:none;}

ul,ol { list-style:none; margin:0; padding:0}

/*title*/
h1,h2,h3,h4,h5,h6 { font-weight:bold; /*margin-bottom:10px;*/ }
h1 { font-size:150%;} h2 { font-size:140%;} h3 { font-size:130%;} h4 { font-size:120%;} h5 { font-size:110%;} h6 { font-size:100%;}

/*float*/
.l { float:left; overflow:hidden}  .r { float:right; overflow:hidden} .clear { clear:both; height:0; font-size:0; overflow:hidden}
.warp { clear:both; overflow:hidden;}
.v-m { vertical-align:middle }


#bg { background:#fff; padding:0 20px; width:920px; margin:0 auto; border:solid #ccc; border-width:0 1px 1px;}

/*head*/
#head { width:920px; margin:0 auto 20px; padding-bottom:20px; padding-top:5px; overflow:hidden; border-bottom:3px solid #ccc;}
#logo {padding-top:5px; padding-left:10px; font-weight:bold}
#logo a {font-size:37px; color:#000; text-decoration:none}
#logo a span {font-size:45px; color:#084; font-style:italic}
#logo .one { border:none}
#logo a:hover { color:#084}
#nav { width:600px; padding-top:20px;}
#nav ul { margin-left:10px;}
#nav ul li { float:left; line-height:2;font-size:13px; margin-left:15px; border-left:1px solid #ccc; padding-left:13px;}
#nav ul li a { color:#000}

#index-body { padding:0 10px 20px; background:url(../images/common/publish-border.jpg) bottom repeat-x; margin-bottom:25px;}
#index-body .left {float:left; padding-left:20px;  width:400px; }
#index-body .right {float:right; width:480px; }
#index-body .right div { font-size:16px; width:86%; margin-bottom:15px; line-height:1.6; margin-left:16px;}
#index-body .right .p { line-height:1.8; font-size:12px; color:#084; margin-left:70px;}
#index-body .right p img {margin-left:22px;}


#faq { width:90%; margin:0 auto;}
#faq li { margin-bottom:15px; border-bottom:1px dashed #ccc; padding-bottom:10px;}
#faq li h2 { font-size:13px; font-weight:normal;}
#faq li h2 a { text-decoration:underline;}
#faq li ul ol li { list-style:decimal;list-style : disc inside ; }

/*main*/
#main { width:920px; margin:0 auto 10px; min-height:600px;}

#content { width:580px; border-right:1px solid #ccc; padding-right:15px;}
#content .t2 { margin-left:20px; margin-bottom:15px; padding-top:10px;}
h1 { font-size:25px; color:#084; margin-bottom:20px; padding-top:10px; height:1%;}


#detail-flowchart { margin:0 auto; }
#detail-flowchart img {width:453px;}

#detail-demo { margin:0 auto; overflow:hidden;}

.box-1 { margin-bottom:10px; margin-left:5px; border-bottom:1px dashed #ccc; padding-bottom:20px;}
.box-1 strong { color:#090}
.box-1 p { font-size:14px; margin-bottom:10px; line-height:1.6;}
.box-1 img{ }
.box-li li { font-size:16px; margin-left:15px; background:url(../images/icon/seccess.jpg) no-repeat 0 0px; padding:0px 0 5px 25px; margin-bottom:15px;}
.box-li li p b {font-weight:normal;}
.box-li li p b i {color:#000; font-weight:bold; font-style:normal;}

.box-1 .left { width:380px; float:left; }
.box-1 .right { width:180px; float:right; text-align:center; overflow:hidden; }
.box-1 .right img { max-width:180px;}
.box-1 .right p { font-size:11px; color:#084; line-height:2;}

.price { font-size:11px; }
.price .priced { text-decoration:line-through; font-weight:normal; font-size:12px;}
.price .price { color:#B61900; font-weight:bold; font-size:12px;}
.price .save { color:#084; font-size:11px;}
.price p { text-align:left;}
.price a { font-weight:bold;}

.box-2 { margin-bottom:20px; margin-left:20px;}
.box-2 h2 { font-size:16px; color:#000; margin-bottom:5px;}
.box-2 p { width:82%; font-size:13px; line-height:1.8; margin-bottom:8px; }
.box-2 p strong { color:#084}
.box-2 .font-1 { font-size:14px;}
.box-2 .list { background:url(../images/icon/li.jpg) no-repeat 0 5px; padding-left:18px;}
.box-2 table { width:70%; margin:0 auto; border:1px solid #ccc; border-collapse:collapse}
.box-2 table thead td{ background:#999;}
.box-2 table .bg td { background:#efefef;}
.box-2 table td { border:1px solid #ccc; padding:3px 10px 3px 10px;}
.box-2 p i { color:#084; font-size:20px;}

.box-3 { margin-bottom:20px; padding-bottom:20px;}
.box-3 .center { text-align:center; font-weight:bold; width:120px}
.box-3 .ft { font-size:13px;}
.box-3 .pl { padding-left:15px;}
.box-3 h2 { font-size:18px; margin-bottom:5px; margin-left:90px; color:#000}
.box-3 table { width:70%; margin:0 auto; border:1px solid #ccc; border-collapse:collapse;}
.box-3 table .bgh { background:#548DD4; font-weight:bold; padding-left:10px;}
.box-3 table .bgh-2 { background:#999; color:#000;}
.box-3 table .bgh-2 td { padding-left:15px; font-size:13px;}
.box-3 table .bgh td { padding:5px;}
.box-3 table .bg td { background:#efefef;}
.box-3 table td { border-collapse:collapse; border:1px solid #ccc; padding:3px;}

.box-5 {  width:92%; margin:0 auto 30px;}
.box-5 h2 { color:#084; margin-bottom:10px; font-size:18px;}
.box-5 table {width:98%; margin:0 auto; border-collapse:collapse;}
.box-5 table td {border:1px solid #ccc; vertical-align:top; padding:5px;}
.box-5 table td h2 { font-size:13px; margin-bottom:5px;}
.box-5 table td h2 a { color:#00c;}
.box-5 table td p { width:80%; line-height:1.6;}
.box-5 table td p a { font-size:11px;}
.box-5 table .bg td{background:#f9f9f9;}
.box-5 table img { width:60px;}

.box-6 { margin-bottom:30px; width:92%; margin:0 auto;}
.box-6 h3 { color:#084; font-size:18px; margin-bottom:5px;}
.box-6 p { line-height:1.8; margin-bottom:10px;}

.buy { text-align:center; margin-bottom:30px;  padding-bottom:20px;}
.buy .blue { color:#006600;}
.buy .del { color:#000; text-decoration:line-through;}
.buy .red { color:#CC0000; font-size:16px;}
.buy .p1 { font-weight:bold; color:#000; margin-bottom:5px; font-size:14px;}
.buy .p2 { margin-bottom:10px; border-bottom:1px dashed #ccc; padding-bottom:10px;}
.buy .p2 a { font-size:13px; font-family:Arial; color:#00c; text-decoration:underline;font-family:Arial; }
.buy .p3 { font-size:11px; width:70%; margin:0 auto;}
.buy .p4 { font-size:24px; font-weight:bold; font-family:Arial; margin-bottom:10px;}
.buy .p4 a { color:#00c; text-decoration:underline;}
.buy .or { font-size:16px; color:#000;}
.buy .wrap { width:505px; margin:0 auto; text-align:center}
.buy .lt { width:240px; float:left;}
.buy .rt { width:240px; float:right;}
.border {}

.related {}
.related h2 {padding:5px 9px; font-size:14px;}
.related .t-1 { font-size:18px; color:#333;font-family:"Times New Roman", Times, serif; padding:0 10px;}
.related ul li {  margin-right:10px;height:1%; border-bottom:1px dashed #ccc; padding:5px 0 0 0; background:url(../images/icon/related.jpg) no-repeat 8px 12px; margin-left:5px; }
.related ul li img { float:left; width:20px; display:block;}
.related ul li h4 { margin-left:10px;  font-size:12px; margin-bottom:5px;}
.related ul li h4 a { text-decoration:underline; color:#333}
.related ul li h4 a:hover { text-decoration:none}
.related ul li p {  margin-left:10px; line-height:1.6; color:#666; font-size:11px;}
.related ul li p i {color:#084; font-weight:bold;}
.related ul li p b {font-size:12px; font-weight:normal; color:#333}
.related ul li p b a { color:#00c; text-decoration:none;}
.related ul li p b a:hover { text-decoration:underline}

.friend img { margin-bottom:5px; padding-bottom:5px; border-bottom:1px solid #ccc}

.weblist2 {margin-left:50px;}

/*Affiliate*/
#aff {width:90%; margin:0 auto;}
#aff .red { color:#f00;}
#aff .i { font-style:italic}
#aff h1 { font-size:25px; text-align:center; line-height:1.5; margin-bottom:20px;}
#aff h1 span { color:#084; font-size:30px;}
#aff h2 { font-weight:normal; text-align:center; margin-bottom:10px;}
#aff h2 a { font-size:20px; color:#06c; font-weight:bold}
#aff h3 { background:#E6F4FF; width:60%; margin:0 auto; text-align:center; color:#00c; font-size:20px; padding:5px; margin-bottom:10px;}
#aff h3 span {color:#c00;}
#aff h4 { font-size:16px; margin-bottom:10px;}
#aff p { margin-bottom:10px; font-size:12px; font-weight:normal;}
#aff a { color:#06c; text-decoration:underline;}

#aff ul { margin-left:20px; font-size:11px;}
#aff li { margin-bottom:10px;}

#aff .tableads { background:#E8F2E9; border:1px solid #D5E4D6; padding:2px; width:80%; margin:0 auto; }
#aff .tableads td { padding:5px;}

#aff .t1 { text-align:center; color:#c00; font-size:20px; font-family:Arial; font-weight:bold; }

#aff .afful-1 li h4 { background:url(../images/icon/affliciate-li.jpg) 0 3px no-repeat; font-size:12px; padding-left:15px; font-style:italic}

.faq { width:92%; margin:0 auto;}
.faq td { vertical-align:top;}
.faq td h2 { font-size:12px; margin-bottom:15px; font-weight:normal}

#faq li h2 { font-size:13px; margin-bottom:5px; width:80%; font-weight:bold;}
#faq li p { line-height:2; width:80%;}

#box-4 { margin-bottom:10px;}
#box-4 h5 { padding:5px; }

#flowchart img {margin-left:-20px;}

#sidebar {width:300px;}
#sidebar h3 { font-size:12px; padding:0 10px;}
#sidebar h5,#sidebar-2 h5 { background:#F8FEEF; border-bottom:1px solid #ccc; margin:0 10px; color:#333;  padding:8px; font-size:12px; margin-bottom:5px; font-weight:normal}
#sidebar h6 { padding:0 10px 0 10px; margin-left:6px; line-height:1.5; margin-bottom:5px;}
#sidebar .mb { margin-bottom:10px; border-bottom:1px dashed #ccc; width:90%; margin:0 auto;}
.sbox {background: #F8FEEF; /*border:1px solid #E1FFB9;*/ margin-bottom:15px; padding-bottom:5px;}
.sbox p { font-size:12px; color:#333; padding:0px 10px 5px; line-height:1.5; margin-bottom:5px;}
.sbox .center { text-align:center;}
.sbox form { margin-left:20px;}
.sbox form table { margin-top:10px;}
.sbox form td { padding:3px;}
.black {color:#000}

#sidebar .demo {  margin:0 auto 10px; border:1px solid #333;}


#content-2 { width:690px; border-left:1px solid #ccc; padding-left:10px;}
#content-2 h1 { margin-bottom:15px;  color:#000; line-height:1.5;font-size:20px;}
#content-2 .t2 { margin-left:20px;}
#sidebar-2 { width:200px;}
/*foot*/
#foot {  margin:0 auto 10px; border-top:1px solid #ccc; padding-top:20px; text-align:center}
#foot p { font-size:11px; color:#666; line-height:1.8;}
#foot p a { color:#666;}