@charset "utf-8";
/* CSS Document */
a:hover{ text-decoration:underline;}
.left{float:left;}
.right{float:right;}
#container .pro_con{ width:960px; background:url(../images/common/pro_top_bg.png) left bottom repeat-x; font-family:Verdana, Geneva, sans-serif;}
#container .pro_con .content{ width:880px; background:url(../images/common/pro_line.png) 0px 252px no-repeat; padding:20px 30px 0 50px;}
#container .pro_con .content .pro_screen{ width:405px; float:left; text-align:right; padding-top:20px;}
#container .pro_con .content .pro_screen .moneyback{ width:324px;margin-top:-135px; padding-right:70px;}
#container .pro_con .content .pro_screen .moneyback img{}
#container .pro_con .content .pro_right{ width:455px; float:right; padding:0 0 0 20px;}
#container .pro_con .content .pro_right .right_top{height:230px;}
#container .pro_con .content .pro_right h2{ font-size:25px; width:455px; text-align:right;}
#container .pro_con .content .pro_right ul{padding:20px 8px;}
#container .pro_con .content .pro_right ul li{ list-style:none; font-size:14px; line-height:22px; background: url(../images/common/disc.gif) left 10px no-repeat; padding-left:10px;}
#container .pro_con .content .pro_right .pro_buy{ line-height:54px; padding:20px 0 0 0; text-align:right;}
#container .pro_con .content .pro_right .pro_buy .left{ width:205px;}
#container .pro_con .content .pro_right .pro_buy .price span{ float:left;font-size:34px; color:#ff7800; font-weight:bold; margin:0 0 0 30px;}
#container .pro_con .content .pro_right .pro_buy .old_price span{width:205px;font-size:24px; color:#ff7800; font-weight:bold; display:block; line-height:26px; text-align:left;}
#container .pro_con .content .pro_right .pro_buy .old_price del{width:205px; font-size:24px; color:#6a6a6a; font-weight:bold;display:block; line-height:26px; text-align:right;}
#container .pro_con .content .pro_right .pro_buy img{ float:right;}
#container .pro_con .content .pro_right .free{ text-align:center; padding-top:20px;}
#container .pro_con .content .main_con{ font-size:12px; line-height:24px; margin-top:10px;}
#container .pro_con .content .download .description{width:590px; display:block; float:left;font-size:12px; font-weight:bold; padding:20px 0; line-height:22px; }
#container .pro_con .content .download p{padding-bottom:5px; font-size:14px}
#container .pro_con .content .download .on-win a{ width:180px; text-decoration: underline; color:#FFF; background:url(../images/common/win_logo.png) left 5px no-repeat; display:block; padding:8px 0 8px 30px; }
#container .pro_con .content .download .on-win img{ padding-right:10px;}
#container .pro_con .content .download .on-mac a{ width:180px; text-decoration: underline; color:#FFF; background:url(../images/common/mac_logo.png) left 5px no-repeat; display:block; padding:8px 0 8px 30px; }
#container .pro_con .content .download .on-mac img{ padding-right:10px;}
#container .pro_con .content .download .download_b{ width:285px; float:right;}


/**************   pro_tab   ****************/
.coda-slider-no-js .coda-slider { overflow: auto !important; padding-right: 20px }
	/* Change the width of the entire slider (without dynamic arrows) */
.coda-slider, .coda-slider .panel { width:960px } 
	/* Change margin and width of the slider (with dynamic arrows) */
.coda-slider-wrapper.arrows .coda-slider, .pro_tab.arrows .coda-slider .panel { width:960px }
.coda-slider-wrapper.arrows .coda-slider { margin: 0 10px }
.coda-slider p.loading { padding: 20px; text-align: center }
/* Don't change anything below here unless you know what you're doing */

	/* Tabbed nav */
.coda-nav ul {clear: both; display: block; margin: auto; overflow: hidden; margin:0; padding:15px 0 0 0;}
.coda-nav ul li{ display: inline;float:left;}
.coda-nav ul li a{ clear:both; height:32px;display: block; float: left; text-decoration: none;font-size:16px;font-family:Verdana, Geneva, sans-serif;color: #fff; text-align:center; padding-top:5px; }
.coda-nav ul li.tab1 a,.coda-nav ul li.tab2 a,.coda-nav ul li.tab3 a{ width:143px;background:url(../images/common/tab_overview.gif) left top no-repeat;}
.coda-nav ul li.tab4 a{ width:233px;background:url(../images/common/tab_system.gif) left top no-repeat;}
.coda-nav ul li.tab5 a{ width:186px;background:url(../images/common/tab_related.gif) left top no-repeat;}
.coda-nav ul li.tab1 a.current,.coda-nav ul li.tab2 a.current,.coda-nav ul li.tab3 a.current{ background:url(../images/common/tab_overview_on.gif) left top no-repeat;color:#000}
.coda-nav ul li.tab4 a.current{background:url(../images/common/tab_system_on.gif) left top no-repeat; color:#000}
.coda-nav ul li.tab5 a.current{background:url(../images/common/tab_related_on.gif) left top no-repeat;color:#000}
.coda-slider-wrapper {width:960px; background:url(../images/common/960_white_bottom_round.png) left bottom no-repeat; padding-bottom:7px; }
.coda-slider-wrapper { clear: both; overflow: auto }
.coda-slider { float: left; overflow: hidden; position: relative; background:url(../images/common/p_tab_top_round.png) left top no-repeat; top:-3px;}
.coda-slider .tab_content{float: left; overflow: hidden; position: relative; background:#fff url(../images/common/p_tab_bg.png) left 0 repeat-x; margin:0; margin:10px 0 0 0;}
.coda-slider .panel { display: block; float: left;}
.coda-slider .panel-container {clear:both;position: relative;}
.coda-nav-left, .coda-nav-right { float: left }
.coda-slider .panel-wrapper { padding: 20px; font-family:Verdana, Geneva, sans-serif; }


/* pro_tab content */
.coda-slider .panel-wrapper h2.title{ display:none;}
.coda-slider .panel-wrapper h3{ font-size:18px; color:#53537f;font-family:Verdana, Geneva, sans-serif; font-weight:normal; padding:15px 0 5px 0;}
.coda-slider .panel-wrapper table td.title{ padding:0; border-bottom:1px solid #c9c9c9;}
.coda-slider .panel-wrapper table td{font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#5d5d5d; line-height:18px; padding:5px 0 0 0px;}
.coda-slider .panel-wrapper h2{ font-size:20px; color:#2e2e2e; font-weight:normal;}

.coda-slider .panel-wrapper ul.list_layout li p{  font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#5d5d5d; width:100%; border-top:1px solid #c9c9c9; padding:10px 0 20px 0;}
.coda-slider .panel-wrapper ul.list_layout li img{ float:left; margin:16px 0 0 0;}
.coda-slider .panel-wrapper ul.list_layout li .overview_right{float:right; width:580px;}

/* overview */
.coda-slider .panel-wrapper .pro_overview .overview_con{ float:left;width:670px; padding:10px 0 20px 30px; line-height:18px;}

.coda-slider .panel-wrapper .pro_overview .awards{ float:right; width:180px; padding-top:25px;}
.coda-slider .panel-wrapper .pro_overview .awards .content{ padding:5px 0 20px 15px;}
.coda-slider .panel-wrapper .pro_overview .awards h2{ font-size:20px; color:#2e2e2e; font-weight:normal;}
.coda-slider .panel-wrapper .pro_overview .awards ul li{ padding:15px 0 5px 0;}

/* features */
.coda-slider .panel-wrapper .features{width:850px;  padding:10px 0 20px 30px;}
.coda-slider .panel-wrapper .features p{font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#5d5d5d; border-top:1px solid #c9c9c9;padding:10px 0 20px 0;}
.coda-slider .panel-wrapper .features ul.list_layout li img{ margin:21px 0 0 0;}
.coda-slider .panel-wrapper .features ul.list_layout li .overview_right{ width:810px;}

/* reference */
.coda-slider .panel-wrapper .reference{ width:850px;padding:10px 0 20px 30px;}

/* system */
.coda-slider .panel-wrapper .system{width:850px;padding:10px 0 20px 30px;}
.coda-slider .panel-wrapper .system table tr td{ padding:0 0 0 10px;}

/*  related   */
.coda-slider .panel-wrapper .related{ color:#5d5d5d; margin:20px 0 20px 10px;}
/*.coda-slider .panel-wrapper .related_add{ color:#5d5d5d; margin:20px 0 20px 10px;}*/
.coda-slider .panel-wrapper .related .rel_img{ width:138px; float:left;}
.coda-slider .panel-wrapper .related .rel_img p{ margin-top:10px; text-align:center;}
.coda-slider .panel-wrapper .related .rel_img p a{ color:#06F; text-decoration:underline;}
.coda-slider .panel-wrapper .related .rel_img p span{ color:#F60; font-weight:bold;}
.coda-slider .panel-wrapper .related .rel_content{ width:480px; float:left; padding:0 30px; line-height:18px;}
.coda-slider .panel-wrapper .related .rel_content_add{ width:80px; float:left; margin:0; padding:0; padding:30px 0; line-height:18px;}
.coda-slider .panel-wrapper .related .rel_content h2{ padding:10px 0;}
.coda-slider .panel-wrapper .related .rel_down{ width:202px; float:right;}
.coda-slider .panel-wrapper .related .rel_down_add{ width:280px; float:right; font-size:18px; padding:20px 0; color:#999}
.coda-slider .panel-wrapper .related .rel_down_add dl{ padding-bottom:20px;}
.coda-slider .panel-wrapper .related .rel_down_add dl dt a{ display:block; background:url(../images/common/buy.jpg) no-repeat; padding:5px 0 5px 36px; margin:0 auto; width:140px; color:#090; text-decoration:underline;}
.coda-slider .panel-wrapper .related .rel_down_add b{ color:#F60; padding-left:10px;}
.coda-slider .panel-wrapper .related .rel_down_add .save{ color:#06F; padding-left:20px;}
.coda-slider .panel-wrapper .related .rel_down .left{ width:125px; }
.coda-slider .panel-wrapper .related .rel_down .left img{ margin-top:10px;}
.coda-slider .panel-wrapper .related .rel_down .right{ width:65px; text-align:center; padding-top:5px;}
.coda-slider .panel-wrapper .related .rel_down .right p{ font-weight:bold; color:#002250; padding:0 0 10px 0;}
.coda-slider .panel-wrapper .related .line{ width:810px; color:#c9c9c9; height:25px; border-bottom:1px solid #c9c9c9; margin:0 auto;}
.coda-slider .panel-wrapper .related a{ text-decoration:none; color:#2e2e2e;}
.coda-slider .panel-wrapper .related a:hover{ text-decoration:underline;}
.coda-slider .panel-wrapper .related .pro_link{ padding:0 30px 20px 30px; background:#F1F0F4; border:#D9D6E2 solid 1px; }
.coda-slider .panel-wrapper .related .pro_link a{ padding:10px 10px; color:#777; font-size:13px; line-height:24px;}
.coda-slider .panel-wrapper .related .pro_link a strong{ color:#555;}

.b1,.b2,.b3,.b4,.b5,.b6,.b7,.b8{height:1px; font-size:1px; overflow:hidden; display:block;}
.b1,.b8{margin:0 5px;}
.b2,.b7{margin:0 3px;}
.b3,.b6{margin:0 2px;}
.b4,.b5{margin:0 1px;}
.awards .b1,.awards .b2,.awards .b3,.awards .b4,.awards .b5,.awards .b6,.awards .b7,.awards .b8,.awards .content{background:#ececec;}