@charset "utf-8";
/* 
---------------------------------
Site: www.xilisoft.com
Author: Xilisoft.com
Updated: 20100906
Updated by: chenran 
file: support.css 
version: 1.0
--------------------------------- 
*/ 
.support .lists { float: left; margin-top: 0px; width: 700px }
.content { float: left; padding-left: 10px; line-height: 20px }
.content .button { clear: both; margin-top: 30px; text-align: center }
.content .button .price { margin-right: 30px; color: #333333; font-size: 18px }
.content .button .price span { color: #cc0000 }
.content .button a { color: #666666; font-size: 12px; font-weight: bold }
.content .button img { margin-right: 10px }
.content .pic { text-align: center }
.content .title { clear: both; padding-bottom: 20px; float: left; width: 700px ; display:none}
.content .title a { float: left }
.content .title a.faq { padding: 0 20px 0 35px; float: right; color: #333333; background: url(http://m5.xilisoft.com/images/common/icon_buble.gif) no-repeat left; font-size: 12px; font-weight: bold; line-height: 26px }
.content .title a.faq span { color: #0099ff }
.content .title h1 { float: left; margin-right: 20px; color: #333333; font-weight: normal; font-size: 18px }
.content .title img{ margin: 5px 0 0 0 }
.content .title_the { padding-left: 5px; padding-bottom: 0px; padding-top: 20px; width: auto }
.content a { color: #0099ff }
.content ol { padding-left: 22px }
.content ol li { padding-bottom: 15px }
.content ol li p { width: auto }
.content p { clear: both; padding-bottom: 10px; color: #666666; width: 670px;}
.content p a { color: #595959; text-decoration: none;}
.content p a:hover { color: #595959;text-decoration:underline;}
.faq { padding-left: 10px }
.faq .guide { padding: 0 0 0 25px; background: url(http://m6.xilisoft.com/images/common/bwarrow.gif) no-repeat left center; font-weight: bold; height: auto; line-height: 25px }
.faq h2{ margin: 5px 0 10px 0; font: 14px Verdana, Geneva, sans-serif }
.faq ul { clear: both; list-style: none   }
.faq ul li { padding-bottom: 20px }
.faq ul li p { padding-bottom: 5px;   color: #333333; font-weight: bold }
.faq ul li ul li { padding: 0px; margin: 0px }
.faq ul li ul li ol { margin-top: 0px; margin-bottom: 0px; margin-left: 5px; padding-top: 0px }
.faq ul li ul li ol .last_li { padding-bottom: 0px }
.faq ul li ul li ol li { padding-bottom: 10px }
.general-questions ul{ margin: 0 0 0 20px; list-style: disc }
.general-questions ul li{ padding: 0 0 5px 0 }
.general-questions ul li a{ color: #3366cc }
.general-questions ul li a:hover{ color: #003366 }
.glossary { float:left;}
.glossary .content { padding-left: 10px; width: 680px; display:inline-block; }
.glossary .list p { padding-bottom: 0px }
.glossary .list p a { color: #666666 }
.glossary .list p strong a { color: #333333; font-size: 12px }
.glossary .title{ float:left; width:680px;}
.glossary .title a { float: none; padding: 0; background: none; color: #000000; font-size: 18px; font-weight: normal }
.glossary .title h1 { clear: both; padding-bottom: 5px; width: 680px }
.glossary .title h1 span { font-size: 11px }
.glossary ul { clear: both; list-style: none; width: 700px }
.glossary ul li { padding-bottom: 20px }
.glossary ul li p { padding-bottom: 5px; color: #333333; font-weight: bold }
.lists .con_wrap01 { padding-top: 10px; background: url(http://m2.xilisoft.com/images/common/box_top.gif) no-repeat top  }
.lists .con_wrap02 { padding-bottom: 5px; background: url(http://m1.xilisoft.com/images/common/box_bottom.gif) no-repeat bottom  }
.lists .cont { border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; background: url(http://m3.xilisoft.com/images/common/box_bg.gif) repeat-x top; width: 698px }
.lists .cont p { width: 660px }
.lists .cont table { clear: both; margin-bottom: 15px /*margin-top:15px;*/ }
.lists .cont table .col_name a { text-decoration: none }
.lists .cont table .col_name a:hover { text-decoration: underline }
.lists .cont table .item .col01 { width: 300px }
.lists .cont table .item .col02 { width: 70px }
.lists .cont table .item .col03 { width: 60px }
.lists .cont table .item .col04 { width: 60px }
.lists .cont table .item .col05 { border-right: none; width: 160px }
.lists .cont table .item .col06 { width: 85px }
.lists .cont table .item .col07 { border-right: none; width: 90px }
.lists .cont table .item td { padding: 8px 20px; border-top: 0; /*border-right:1px solid #c9ced7;*/ color: #333333; font-size: 14px; line-height: normal }
.lists .cont table a { color: #333333; font-weight: bold; text-decoration: underline }
.lists .cont table td h2 { color: #333333; font-size: 13px }
.lists .cont td { border-top: 1px solid #cccccc; padding: 10px 20px; line-height: 18px }
.lists .cont ul li { width: 660px; text-align: justify }
.mail { clear: both; margin-bottom: 25px; text-align: left }
.mail a { margin-right: 30px; padding-left: 30px; background: url(http://m5.xilisoft.com/images/common/icon_mail.gif) no-repeat left 0; color: #666666; font-size: 12px; line-height: 25px }
.pack{ padding: 0 0 0 40px }
.page_span { padding: 30px 10px 20px 0; clear: both; font-size: 12px; font-weight: 500; text-align: right }
.page_span a { margin-right: 20px; color: #333333 }
.page_span a:hover { color: #0099ff }
.ready_to_try_buy { float: left; padding: 30px 0 0 0; clear: both; width: 669px }
.ready_to_try_buy .bottom_buy_download { padding-left: 15px; font-weight: bold }
.ready_to_try_buy .bottom_buy_download .buy { margin-left: 0px; margin-right: 10px; padding-left: 25px; display: inline-block; color: #000000; background: url(http://m6.xilisoft.com/images/common/button_buy_download.gif) no-repeat 0px -588px; font-size: 12px; line-height: 25px }
.ready_to_try_buy .bottom_buy_download .download_mac { margin-right: 30px; padding-left: 25px; display: inline-block; color: #000000; background: url(http://m6.xilisoft.com/images/common/button_buy_download.gif) no-repeat 0px -644px; font-size: 12px; line-height: 25px }
.ready_to_try_buy .bottom_buy_download .download_windows { margin-left: 0px; margin-right: 10px; padding-left: 25px; display: inline-block; color: #000000; background: url(http://m6.xilisoft.com/images/common/button_buy_download.gif) no-repeat 0px -644px; font-size: 12px; line-height: 30px }
.ready_to_try_buy .bottom_buy_download .old_price{ color: #ff9900; text-decoration: line-through }
.ready_to_try_buy .bottom_buy_download .price{ color: #cc0000 }
.ready_to_try_buy .bottom_buy_download a { margin-left: 20px; color: #336699; font-size: 12px; line-height: 25px }
.ready_to_try_buy .titles { margin-bottom: 10px; width: 660px }
.ready_to_try_buy .titles h2 { font-size: 14px }
.support .anchor { clear: both; margin-bottom: 15px; width: 660px }
.support .anchor img { margin-right: 20px }
.support .contact h2 { border-bottom: 1px dashed #cccccc; padding: 20px 0 5px 10px; margin-bottom: 20px; color: #333333; font-size: 13px }
.support .contact p { padding-left: 10px }
.support .content { padding-bottom: 0px }
.support .faq h2 { border-bottom: 1px dashed #cccccc; padding: 20px 0 5px 0; margin: 0 20px 20px 10px; color: #333333; font-size: 13px }
.support .faq ul { padding-left: 10px; width: 640px }
.support .glossary .list { padding: 0 0 15px 20px; line-height: 25px }
.support .glossary .list p { padding-left: 0; width: 640px }
.support .glossary .list p strong { font-size: 11px }
.support .glossary h2 { border-bottom: 1px dashed #cccccc; padding: 20px 0 5px 0; margin: 0 20px 20px 20px; color: #333333; font-size: 13px }
.support .glossary p { padding-left: 10px }
.support .lists .tab { list-style: none; background: url(http://m4.xilisoft.com/images/common/c_tab_line.gif) no-repeat bottom; width: 696px; height: 32px }
.support .lists .tab li { float: left; margin-right: 4px; background: url(http://m2.xilisoft.com/images/common/c_tab_bg.gif) repeat-x bottom; font-size: 14px; height: 32px }
.support .lists .tab li .mac a { padding: 10px 18px 0 25px; margin-right: 15px; background: url(http://m5.xilisoft.com/images/common/icon_mac.gif) no-repeat right 10px }
.support .lists .tab li .wrap01 { float: left; background: url(http://m4.xilisoft.com/images/common/c_tab_left.gif) no-repeat left bottom; height: 32px }
.support .lists .tab li .wrap02 { float: left; background: url(http://m6.xilisoft.com/images/common/c_tab_right.gif) no-repeat right bottom; height: 32px }
.support .lists .tab li a { float: left; padding: 10px 15px 0 25px; color: #ffffff }
.support .lists .tab li a:hover { text-decoration: none }
.support .lists .tab li.tab_on { background: url(http://m5.xilisoft.com/images/common/c_tab_bg_on.gif) repeat-x bottom  }
.support .lists .tab li.tab_on .wrap01 { background: url(http://m6.xilisoft.com/images/common/c_tab_left_on.gif) no-repeat left  }
.support .lists .tab li.tab_on .wrap02 { background: url(http://m5.xilisoft.com/images/common/c_tab_right_on.gif) no-repeat right  }
.support .lists .tab li.tab_on a { padding: 7px 15px 0 25px; color: #000000 }
.support .sales h2 { border-bottom: 1px dashed #cccccc; padding: 20px 0 5px 10px; margin-bottom: 20px; color: #333333; font-size: 13px }
.support .sales ul { padding-left: 10px; clear: both; float: left; margin-bottom: 30px; list-style: none; width: 640px }
.support .sales ul li { padding-bottom: 5px; width: 640px }
.support .sales ul li a { float: right; color: #ff6600; font-weight: bold }
.support .sales ul li p { float: left; padding-bottom: 0; color: #333333; font-weight: bold; width: 580px }
.tutorial { padding-left: 10px; color: #666666 }
.tutorial h2{ font-size:14px; padding:5px 0; text-decoration:none; }
.tutorial ul { margin-left: 20px }
#content2 { padding-top: 15px }

/* add tutorial top menu*/
.main_left .name {padding-left:10px; padding-bottom:20px}
.main_left .name h1 { font-family:Verdana, Geneva, sans-serif; font-size:18px; font-weight:normal}
.main_left .tips-title {width:700px; height:80px; background:url(http://m1.xilisoft.com/images/common/top-tips-bg.jpg) top left repeat-x; margin:0 0 20px 12px}
.main_left .tips-title .head {width:125px; float:left}
.main_left .tips-title .head img {margin:12px 0 0 35px}
.main_left .tips-title .main-des {width:5000px; font-family:Verdana, Geneva, sans-serif; font-size:13px; line-height:35px; padding-top:12px}
.main_left .tips-title .main-des a {color:#2970d0; text-decoration:underline}
