/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,abbr,article,aside,command,details,figcaption,figure,footer,header,hgroup,mark,meter,nav,output,progress,section,summary,time { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th,figcaption { font-size: 1em; font-weight: normal; font-style: normal; }
fieldset,iframe { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
article,aside,footer,header,hgroup,nav,section,figure,figcaption { display: block; }

/* LAYOUT */
html { background-color:#fff; }

.clear { clear: both; }
.clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }
.selfclear { zoom:1; }
.selfclear:after { content:'.'; display:block; height:0; clear:both; visibility:hidden; }

img, .search-wrapper .left, .search-wrapper .right, ul.sp-results li.viewall a, ul.sp-results li .replacementimg, 
#globalfooter #breadcrumbs, #globalfooter #breadcrumbs span, #directorynav .capbottom, 
#productheader h1 a, #productheader h2 a, #main .maincap {  }

img { border: 0; }
img.left { float: left; margin: 2px 20px 16px 0; }
img.right { float: right; margin: 2px 0 16px 20px; }
img.across { margin: 2px 0 16px 0; }
img.flushleft { margin-left: -20px; }
img.flushright { margin-right: -20px; }

.replaced { display: block; width: 1px; height: 1px; outline: none; overflow: hidden; text-indent: -9999px; }
#omniture, #top { position: absolute; top: 0; }
#container { width: 980px; margin: 0 auto; position: relative; }
#main { width: 100%; position: relative; }
#content { padding: 18px 20px; position: relative; color: #333; }
#breadcrumb { clear: both; text-align: center; margin: 18px auto; clear: both; font-size: 10px; color: #686868; }

.content { background: #fff; border: 1px solid; border-color: #e5e5e5 #dbdbdb #d2d2d2; -webkit-box-shadow: rgba(0,0,0,0.3) 0 1px 3px; -moz-box-shadow: rgba(0,0,0,0.3) 0 1px 3px; box-shadow: rgba(0,0,0,0.3) 0 1px 3px; }
.content:nth-child(1n) { border: none; } /* reset border for smart browsers */

.content,
.rounded { border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -khtml-border-radius: 4px; }

.shadow { -webkit-box-shadow: rgba(0,0,0,0.35) 0 1px 3px; -moz-box-shadow: rgba(0,0,0,0.35) 0 1px 3px; box-shadow: rgba(0,0,0,0.35) 0 1px 3px; }
img.shadow { padding: 5px; background: #fff; margin-bottom: 2px; *border: 1px solid #e2e2e2; _position: relative; }


.callout { border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; -o-border-radius: 7px; -khtml-border-radius: 7px; }

.roundedtop { border-radius: 4px 4px 0 0; -webkit-border-top-left-radius:4px; -webkit-border-top-right-radius:4px; -moz-border-radius: 4px 4px 0 0; -o-border-radius: 4px 4px 0 0; -khtml-border-radius: 4px 4px 0 0; }
.roundedbottom { border-radius: 0 0 4px 4px; -webkit-border-bottom-left-radius:4px; -webkit-border-bottom-right-radius:4px; -moz-border-radius: 0 0 4px 4px; -o-border-radius: 0 0 4px 4px; -khtml-border-radius: 0 0 4px 4px; }
.roundedright { border-radius: 0 4px 4px 0; -webkit-border-top-right-radius:4px; -webkit-border-bottom-right-radius:4px; -moz-border-radius: 0 4px 4px 0; -o-border-radius: 0 4px 4px 0; -khtml-border-radius: 0 4px 4px 0; }
.roundedleft { border-radius: 4px 0 0 4px; -webkit-border-top-left-radius:4px; -webkit-border-bottom-left-radius:4px; -moz-border-radius: 4px 0 0 4px; -o-border-radius: 4px 0 0 4px; -khtml-border-radius: 4px 0 0 4px; }
.roundedtopleft { border-radius:4px 0 0; -webkit-border-top-left-radius:4px; -moz-border-radius:4px 0 0; -o-border-radius:4px 0 0; -khtml-border-radius:4px 0 0; }
.roundedtopright { border-radius: 0 4px 0 0; -webkit-border-top-right-radius:4px; -moz-border-radius:0 4px 0 0; -o-border-radius:0 4px 0 0; -khtml-border-radius: 0 4px 0 0; }
.roundedbottomleft { border-radius: 0 0 0 4px; -webkit-border-bottom-left-radius:4px; -moz-border-radius: 0 0 0 4px; -o-border-radius: 0 0 0 4px; -khtml-border-radius: 0 0 0 4px; }
.roundedbottomright { border-radius: 0 0 4px 0; -webkit-border-bottom-right-radius:4px; -moz-border-radius: 0 0 4px 0; -o-border-radius: 0 0 4px 0; -khtml-border-radius: 0 0 4px 0; }

.grabbable { cursor:move; cursor:-webkit-grab; cursor:-moz-grab; cursor:grab; }
.grabbing,
.grabbing .grabbable { cursor:move; cursor:-webkit-grabbing; cursor:-moz-grabbing; cursor:grabbing; }

/* GRID */
.column { float: left; }
.grid2col, .grid2cola, .grid2colb, .grid2colc, .grid2cold, .grid2cole, .grid2colf, .grid3col, .grid3cola, .grid4col, .grid5col, .grid6col { width: 100%; }

.grid2col .column { width: 49%; }
.grid2col .grid2col .column { width: 47.8%; }
.grid3col .grid2col .column { width: 46%; }
.grid4col .grid2col .column { width: 45%; }

.grid2cola .column.first { width: 66%; }
.grid2cola .column.last { width: 32%; }

.grid2colb .column.first { width: 74.9%; }
.grid2colb .column.last { width: 23%; }

.grid2colc .column.first { width: 32%; }
.grid2colc .column.last { width: 66%; }

.grid2cold .column.first { width: 23%; }
.grid2cold .column.last { width: 74.9%; }

.grid2cole .column.first { width: 79%; }
.grid2cole .column.last { width: 19%; }

.grid2colf .column.first { width: 19%; }
.grid2colf .column.last { width: 79%; }

.grid3col .column { width: 32%; margin-left: 2%; }
.grid2col .grid3col .column { width: 31%; }

.grid3cola .column { width: 58%; margin-left: 2%; }
.grid3cola .column.first,
.grid3cola .column.last { width: 19%; }

.grid4col .column { width: 23%; margin-left: 3%; }

.grid5col .column { width: 15%; }

.grid6col .column { width: 15%; margin-left: 2%; }

.column.first, .column.last { margin-left: 0 !important; }


p.last, ul.last, ol.last, li.last { _width: auto !important; _float: none !important; }

#container:after, #content:after, .grid2col:after, .grid2cola:after, .grid2colb:after, .grid2colc:after, .grid2cold:after, .grid2cole:after, .grid2colf:after, .grid3col:after, .grid3cola:after, .grid4col:after, .grid5col:after, .grid6col:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#container, #content, .grid2col, .grid2cola, .grid2colb, .grid2colc, .grid2cold, .grid2cole, .grid2colf, .grid3col, .grid3cola, .grid4col, .grid5col, .grid6col { zoom: 1; }

/* TYPE */
body { font: 12px/18px "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif; background-color: transparent; color: #333; -webkit-font-smoothing: antialiased; }

a { color: #08c; }
a:link, a:visited, a:active { text-decoration: none; }
a:hover { text-decoration: underline; }
a.block { display: block; cursor: pointer; }
a.block span,
a.block em { color:#08c; cursor: pointer; }
a.block:hover { text-decoration: none; }
a.block:hover span,
a.block:hover em { color: #08c; text-decoration: underline; }
a.more, em.more, span.more { white-space: nowrap; padding-right: 10px; background: url(images/morearrow_08c.gif) no-repeat 100% 50%; cursor: pointer; zoom: 1; }
a.morelarge, em.morelarge, span.morelarge { white-space:nowrap; padding-right:12px; background:url(images/morearrow_big_08c.gif) no-repeat 100% 50%; cursor:pointer; zoom:1; }
a.lesslarge, em.lesslarge, span.lesslarge { white-space:nowrap; padding-left:12px; background:url(images/lessarrow_big_08c.gif) no-repeat 0 50%; cursor:pointer; zoom:1; }
@media only screen {
	a.more, em.more, span.more {  }
	a.morelarge, em.morelarge, span.morelarge { }
	a.lesslarge, em.lesslarge, span.lesslarge {  }
}
a.external, em.external, span.external { white-space: nowrap; padding-right: 15px; background: url(images/external10x10.gif) no-repeat 100% 49%; cursor: pointer; zoom: 1; }
a[rel="external"] { white-space: nowrap; padding-right: 15px; background: url(images/external10x10.gif) no-repeat 100% 49%; cursor: pointer; zoom: 1; }
em.more, span.more, em.external, span.external { color:#08c; font-style: normal; cursor: pointer; }
.nowrap { white-space:nowrap; }
strong, b { font-weight: bold; }
em, i, cite { font-style: italic; }
sup { padding-left: 1px; font-size: 10px !important; font-weight: normal !important; vertical-align: baseline; position: relative; bottom: 0.33em; _position: static !important; }
sup, sup a { color:#666; }
sup a:hover { color:#08c; text-decoration:none; }
abbr { border: 0; }
.sosumi { font-size: 10px !important; line-height:1.5; color:#888; }
.sosumi_features { font-size: 10px !important; line-height:1.5; color:#888; }

h1,h2,h3,h4,h5,h6,strong { color:#000; }
h1,h2,h3,h4 { font-weight: bold; }
h2,h3,h4 { line-height: 18px; }
h1,h2 { margin-bottom: 18px; }
h1 { font-size: 24px; line-height: 36px; }
h2 { font-size: 16px; }
h3 { font-size: 1em; }
h4 { font-size: 10px; }
p { margin-bottom: 18px; }
p.intro { color: #888; font-size: 16px; line-height: 22px; font-weight: normal; }
.more { text-align: right; }

ul { list-style: none outside; }
ol { margin-bottom: 18px; list-style: decimal; margin-left: 2.2em; }
ul.square,
ul.circle { margin-left: 2em; margin-bottom: 18px; }
ul.square { list-style: square outside; }
ul.circle { list-style: circle outside; }
ul ul.circle,
ul ul.square { margin-top: 4px; margin-bottom: 5px; }
ol.sosumi { margin-left: 0; padding-left: 2em; *padding-left: 2.2em; }

a.pdf { background: url(images/globaliconpdf12x12.gif) 0 0.4em no-repeat; display: block; padding-left: 20px; }
a.html { background: url(images/globaliconhtml12x12.gif) 0 0.4em no-repeat; display: block; padding-left: 20px; }
a.qt { background: url(images/globaliconqt12x12.gif) 0 0.4em no-repeat; display: block; padding-left: 20px; }
a.ical { background: url(images/globaliconical12x12.gif) 0 0.4em no-repeat; display: block; padding-left: 20px; }
a.dl { background: url(images/globalicondl11x10.gif) 0 0.4em no-repeat; display: block; padding-left: 20px; }
a.dmg { background: url(images/globalicondmg12x12.gif) 0 0.4em no-repeat; display: block; padding-left: 20px; }
a.zip { background: url(images/globaliconzip12x12.gif) 0 0.4em no-repeat; display: block; padding-left: 20px; }
a.keynote { background: url(images/globaliconkeynote12x12.gif) 0 0.4em no-repeat; display: block; padding-left: 20px; }
a.audio { background: url(images/globaliconaudio12x12.gif) 0 0.4em no-repeat; display: block; padding-left: 20px; }

.dot-nav { width:100%; margin:0; padding:0; text-align:center; line-height:1px; }
.dot-nav li,
.dot-nav li a { display:-moz-inline-stack; display:inline-block; *display:inline; *zoom:1; }
.dot-nav li { position:relative; z-index:1; margin:0; width:13px; height:15px; overflow:hidden; }
.dot-nav li a { position:absolute; z-index:1; width:13px; height:45px; top:0; left:0; cursor:pointer; text-indent:-1000em; background:url(images/dots_08c.png) no-repeat 0 0;  }
.dot-nav li a:hover { top:-15px; }
.dot-nav li a.active { cursor:default; top:-30px; }

.dot-nav:nth-child(1n) li { width:10px; height:10px; padding:3px 2px 2px 2px; }
.dot-nav:nth-child(1n) li a { border-radius:5px; width:10px; height:10px; background:#e0e1e3;
	-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .25);
	   -moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .25);
	        box-shadow:inset 0 1px 1px rgba(0, 0, 0, .25);
}
.dot-nav:nth-child(1n) li a:hover { top:0; background:#ccc;}
.dot-nav:nth-child(1n) li a.active { top:0; background:#08c;
	background:-webkit-gradient(linear,lefttop,leftbottom,color-stop(0%,rgb(126,198,234)),color-stop(24%,rgb(70,179,234)),color-stop(100%,rgb(3,135,201)));
	background:-webkit-linear-gradient(top,rgb(126,198,234)0%,rgb(70,179,234)45%,rgb(3,135,201)100%);
	background:   -moz-linear-gradient(top,rgb(126,198,234)0%,rgb(70,179,234)45%,rgb(3,135,201)100%);
	background:        linear-gradient(top,rgb(126,198,234)0%,rgb(70,179,234)45%,rgb(3,135,201)100%);
	-webkit-box-shadow:inset 0 1px 0 rgba(0, 0, 0, .25);
	   -moz-box-shadow:inset 0 1px 0 rgba(0, 0, 0, .25);
	        box-shadow:inset 0 1px 0 rgba(0, 0, 0, .25);
}

.last { margin-bottom: 0; }
#main .sidebar { font-size: 10px; line-height: 18px; color:#333; }
#main .callout { font-size: 11px; line-height: 18px; margin-bottom: 18px; }

body.specs #main { font-size: 11px; line-height: 16px; }

/* PIPED LINKS */
.piped { display: block; zoom: 1; }
.piped:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.piped li { float: left; display: inline; }
.piped a { border-left: 1px solid #797c80; padding: 0 0 0 0.75em; margin-left: 0.75em; }
.piped a.first { border-left: 0 !important; padding-left: 0; margin-left: 0 !important; }


/*--- Global Footer ---*/
#globalfooter { width: 980px; color: #888; font-size: 10px; margin: 18px auto 0; padding-bottom: 10px; text-align: left !important; }
#globalfooter a { color: #08c; }
#globalfooter p { margin-bottom: 1em; }
#globalfooter ul.piped a { padding: 0 0 0 1.5em; margin-left: 1.5em; border-left: 1px solid #d0d0d0; }

#globalfooter .gf-sosumi { clear: both; width: 100%; border-top: 1px solid #ddd; padding-top: 9px; }
#globalfooter .gf-sosumi a { padding: 0 10px; }
#globalfooter .gf-sosumi p { float: left; margin-left: 3px; }

#globalfooter ul.piped a.contact_us { padding-right: 1.5em; }
#globalfooter ul.piped a.choose { margin-left: 0; border: 0; }
#globalfooter ul.piped a.choose img { vertical-align: middle; margin-top: -5px; *position: relative; }

/*--- Directory Nav ---*/
#directorynav { font-size: 11px; line-height:14px; padding-top:2px; background: url(images/directory_bg.png) repeat-y; border-top: 1px solid #ddd; float: left; width: 100%; margin-top: -4px; *position: relative; }
#directorynav .column { width: 120px; padding: 9px 0 2px 18px; }
#directorynav .column.last { float: left !important; padding-right: 0; }
#directorynav h3 { color: #666; margin: 0; font-size: 1em; line-height: 14px; font-weight: bold; padding-bottom: 4px; }
#directorynav h3.standalone { margin-bottom: 18px; }
#directorynav a { color: #888; text-decoration: none; display: block; zoom: 1; }
#directorynav h3.standalone a:link,
#directorynav h3.standalone a:visited { color: #444; }
#directorynav a:hover { color: #333 !important; text-decoration: none !important; }
#directorynav .capbottom { clear: both; position: relative; top: 5px; _top: 12px; height: 5px; width: 980px; background: url(images/directory_capbg.png) no-repeat; }
#directorynav ul { margin-bottom: 0; padding-bottom: 9px; }
#directorynav ul li { padding-bottom: 4px; }
#directorynav.ios .column,
#directorynav.mac .column,
#directorynav.ipod .column,
#directorynav.ipodtouch .column,
#directorynav.ipad .column,
#directorynav.iphone .column,
#directorynav.itunes .column { width: 190px; padding: 9px 0 0 54px; }

/*--- BREADORY ---*/
#breadory { border: 1px solid #ddd; width: 978px; margin: 0 auto; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
#globalfooter #breadory ol#breadcrumbs { background: none; clear: both; float: none; height: 3em; line-height: 3em; font-size: 11px; color: #666; margin: 0; list-style: none; font-weight: bold; text-shadow: 0 1px 0 #fff; }
#breadory ol#breadcrumbs li { background: none; float: left; margin: 0; padding: 0 0 0 1em; }
#breadory ol#breadcrumbs li a { float: left; color: #666; text-decoration: none; padding: 0 1.75em 0 0; margin-left: 0px; background: url(images/breadcrumb_separator.png) no-repeat 100% 50%; }
#breadory ol#breadcrumbs li a:hover { color: #333; text-decoration: none; }
#breadory ol#breadcrumbs li.home { background: none; margin: 0; padding: 0; }
#breadory ol#breadcrumbs li.home a { background: no-repeat 1.25em 50%; margin: 0; padding: 0 0 0 1.25em; width: 30px; text-indent: -9999px; overflow: hidden; }
#breadory ol#breadcrumbs li.home a:hover { }

@media only screen { 
	#breadory ol#breadcrumbs li a {  }
	#breadory ol#breadcrumbs li.home a { background-image:url(./../elements/breadory/breadcrumb_home.svg); }
	#breadory ol#breadcrumbs li.home a:hover { background-image:url(./../elements/breadory/breadcrumb_home_over.svg); }
}

#breadory #directorynav { background: none; clear: both; float: none; margin-top: 0; }
#breadory #directorynav .capbottom { height: 0; font-size: 1px; _display: none; }

/* PRODUCTHEADER */
#productheader { padding: 1em 0 0.2em; overflow: hidden; width: 980px; margin: 0 auto; *position: relative; *height: 39px; }
#productheader h1, 
#productheader h2 { height: 32px; line-height: 32px; display: inline; float: left; margin: 1px 0 6px 8px; padding: 0; margin-bottom: 6px !important; }
#productheader h1 a, 
#productheader h2 a { line-height: 32px; background-position: 0 0; background-repeat: no-repeat; color: #888; display: block; font-weight: normal; height: 32px; outline: none; text-decoration: none; text-indent: -9999px; *position: relative; }
body#overview #productheader h1 a, 
body#overview #productheader h2 a { cursor: default; }
/*--- productheader ---*/
#productheader { border: 0; width:980px; }
/*#productheader h2 { background: url(images/product_title_20100727.png) no-repeat; width: 300px; }*/

#productheader ul { display: inline; float: right; margin: 0; }
#productheader ul li { display: inline;}
#productheader ul li a { color: #333; float: left !important; margin-top: 1em;  padding: 0; text-decoration: none; }
#productheader h2, #productheader h1 { width: 360px;color:#333333; font-family:Arial; font-size:26px;}
#productheader ul li a { color: #333; margin-left: 20px; margin-right: 8px; }
#productheader ul li a:hover { color: #08c !important; }
#productheader ul li.price_free{ display:none; border:solid 1px #0066FF; background:#CCCC33}


#productheader a.buynow, #productheader span.buynow, /* old */
#productheader a.ordernow, #productheader span.ordernow,
#productheader a.joinnow, #productheader span.joinnow,
#productheader a.preorder, #productheader span.preorder,
#productheader a.preorder_blue, #productheader span.preorder_blue,
#productheader a.howtobuy, #productheader span.howtobuy,
#productheader a.howtoapply, #productheader span.howtoapply,
#productheader a.freetrial, #productheader span.freetrial,
#productheader a.downloadnow, #productheader span.downloadnow,
#productnav a.downloadnow, #productnav span.downloadnow,
#productheader a.upgradenow, #productheader span.upgradenow,
#productheader a.tryamac, #productheader span.tryamac { height: 25px; margin: 0.7em 0 0 20px; background-position: 0 0; background-repeat: no-repeat; display: block; float: right; position: relative; text-decoration: none; text-indent: -9999px; outline: none; overflow: hidden; }
#productheader a.notifyme, #productheader span.notifyme { height: 25px; margin: 0.8em 0 0 20px; background-position: 0 0; background-repeat: no-repeat; display: block; float: right; position: relative; text-decoration: none; text-indent: -9999px; outline: none; overflow: hidden; }

#productheader a.preorder_blue, #productheader span.preorder_blue { width: 75px; background-image: url(images/preorder_blue.png); }
#productheader a.buynow, #productheader span.buynow { width: 72px; background-image: url(images/buynows.png); _background-image: url(images/buynows.gif); }
#productheader a.ordernow, #productheader span.ordernow { width: 81px; background-image: url(images/ordernows.png); _background-image: url(images/ordernows.gif); }
#productheader a.joinnow, #productheader span.joinnow { width: 72px; background-image: url(images/joinnows.png); _background-image: url(images/joinnows.gif); }
#productheader a.preorder, #productheader span.preorder { width: 99px; background-image: url(images/preordernows.png); _background-image: url(images/preordernows.gif); }
#productheader a.howtobuy, #productheader span.howtobuy { width: 86px; background-image: url(images/howtobuys.png); _background-image: url(images/howtobuys.gif); }
#productheader a.howtoapply, #productheader span.howtoapply { width: 100px; background-image: url(images/howtoapplys.png); _background-image: url(images/howtoapplys.gif); }
#productheader a.freetrial, #productheader span.freetrial { width: 72px; background-image: url(images/freetrials.png); _background-image: url(images/freetrials.gif); }
#productheader a.downloadnow, #productheader span.downloadnow { width: 108px; background-image: url(images/downloadnows.png); _background-image: url(images/downloadnows.gif); }
#productnav a.downloadnow, #productnav span.downloadnow { width: 108px; background-image: url(images/downloadnows.png); _background-image: url(images/downloadnows.gif); }
#productheader a.upgradenow, #productheader span.upgradenow { width: 104px; background-image: url(images/upgradenows.png); _background-image: url(images/upgradenows.gif); }
#productheader a.tryamac, #productheader span.tryamac { width: 77px; background-image: url(images/tryamacs.png); _background-image: url(images/tryamacs.gif); }
#productheader a.notifyme, #productheader span.notifyme { width: 75px; background-image: url(images/notifymes.png); _background-image: url(images/notifymes.gif); }

#productheader a.buynow:hover, #productheader a.buynow:focus,
#productheader a.ordernow:hover, #productheader a.ordernow:focus,
#productheader a.joinnow:hover, #productheader a.joinnow:focus,
#productheader a.preorder:hover, #productheader a.preorder:focus,
#productheader a.howtobuy:hover, #productheader a.howtobuy:focus,
#productheader a.howtoapply:hover, #productheader a.howtoapply:focus,
#productheader a.freetrial:hover, #productheader a.freetrial:focus,
#productheader a.downloadnow:hover, #productheader a.downloadnow:focus,
#productnav a.downloadnow:hover, #productnav a.downloadnow:focus,
#productheader a.upgradenow:hover, #productheader a.upgradenow:focus,
#productheader a.tryamac:hover, #productheader a.tryamac:focus,
#productheader a.notifyme:hover, #productheader a.notifyme:focus { background-position: 0 -25px; }

#productheader a.buynow:active,
#productheader a.ordernow:active,
#productheader a.joinnow:active,
#productheader a.preorder:active,
#productheader a.howtobuy:active,
#productheader a.howtoapply:active,
#productheader a.freetrial:active,
#productheader a.downloadnow:active,
#productnav a.downloadnow:active,
#productheader a.upgradenow:active,
#productheader a.tryamac:active,
#productheader a.notifyme:active { background-position: 0 -50px; }

#productheader span.buynow,
#productheader span.ordernow,
#productheader span.joinnow,
#productheader span.preorder,
#productheader span.howtobuy,
#productheader span.howtoapply,
#productheader span.freetrial,
#productheader span.downloadnow,
#productnav span.downloadnow,
#productheader span.upgradenow,
#productheader span.notifyme { background-position: 0 -75px; }



/*.productheader_scroll{ position:fixed; top:0px; left:0px; border:solid 3px #FF0000; z-index:200; background-color:#999999}

rollTop*/
.productheader_scroll{filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr='#ffffff',endcolorstr='#f4f4f4',gradientType=0); background: -moz-linear-gradient(top, #ffffff, #f4f4f4 100%);background: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f4f4f4));  padding-top:1px; position:fixed; z-index:201; top:0; left:0;  width:100%;  padding:13px 0 4px; *padding-bottom:10px; box-shadow:0 2px 5px #bbb;background-image:url(images/scroll_bg.jpg); background-repeat:repeat-x; background-position:left;}
.productheader_scroll .headercontent{ width:980px; margin:0 auto 0; overflow:hidden; }
.headercontent h1{ -webkit-mask-image: -webkit-gradient(linear, 0 0, 0 50%, from(rgba(0,0,0,0)), to(rgba(0,0,0,1))); -moz-mask-image: -webkit-gradient(linear, 0 0, 0 50%, from(rgba(0,0,0,0)), to(rgba(0,0,0,1)));  }

.features #pn-features a,
.guide #pn-guide a,
.reference #pn-reference a,
.update #pn-update a,
.reviews #pn-reviews a{ color:#888888}
.productheader_scroll .name{ float:left; color:#777;  display:block; margin:7px 0 15px; font-size:18px; font-weight:bold;}
.productheader_scroll #scroll_content li{ float:left; list-style:none;}
.productheader_scroll h1 { width: 360px;color:#333333; font-family:Arial; font-size:26px;}
.productheader_scroll ul li a { color: #333; float: left !important; margin-top: 1em; margin-left: 20px; margin-right: 8px; padding: 0; text-decoration: none; }
.productheader_scroll li a:hover { color: #08c !important; }

.productheader_scroll h1 { height: 32px; line-height: 32px; display: inline; float: left; margin: 1px 0 6px 8px; padding: 0; margin-bottom: 6px !important; }
.productheader_scroll ul { display: inline; float: right; margin: 0; }
.productheader_scroll ul li { display: inline; }
.productheader_scroll ul li.price_free{ display:none; border:solid 1px #0066FF; background:#CCCC33}
.productheader_scroll a.buynow, .productheader_scroll a.freetrial{ height: 25px; margin: 0.7em 0 0 20px; background-position: 0 0; background-repeat: no-repeat; display: block; float: right; position: relative; text-decoration: none; text-indent: -9999px; outline: none; overflow: hidden; }
.productheader_scroll a.buynow { width: 72px; background-image: url(images/buynows.png); _background-image: url(images/buynows.gif); }
.productheader_scroll a.freetrial{ width: 72px; background-image: url(images/freetrials.png); _background-image: url(images/freetrials.gif); }
.productheader_scroll a.buynow:hover, .productheader_scroll a.buynow:focus,.productheader_scroll a.freetrial:hover, .productheader_scroll a.freetrial:focus{ background-position: 0 -25px; }
.productheader_scroll a.buynow:active,.productheader_scroll a.freetrial:active{ background-position: 0 -50px; }


/* added 2023*/
.jw-article-content__nav {
    margin-top: 1.6em;
    margin-bottom: 1.6em;
    padding: 28px 40px;
    background-color: #f0f9f5;
    border-radius: 5px;
	width: 90%;
}

.jw-article-content__nav>ul {
    margin: 0;
    padding: 0;
    list-style: none;
	line-height: initial;
}

 .jw-article-content_nav ul {
    display: block;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
}

.jw-article-content__nav>ul>li {
    position: relative;
    padding-left: 24px;
    margin-bottom: 15px;
    color: #3c80f6;
    font-size: 16px;
}

 h2.jw-typography {
    position: relative;
    margin-top: 1.5em;
    padding-left: 26px;
    font-size: 30px;
}
 h2.jw-typography::before
{
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    content: " ";
    width: 12px;
    height: 100%;
    background-color: #3c80f6;
    border-radius: 2px;
}

.jw-typography-step {
    margin-right: 0.5em;
    background-color: #3c80f6;
    color: #fff;
    font-size: 18px;
    padding: 2px 8.6px 4px;
    border-radius: 5px;
}


/* BUTTONS - (U.S.) */
.browsewebappss, .businessstores, .buyiphones, .buynows, .buynows-arrow, .comingsoons, .descargarahoras, .downloadituness, .downloadnows, .finds, .freetrials, .getstarteds, .gos, .howtoapplys, .howtobuys, .joinnows, .learnmores, .nikebuynows, .notifymes, .ordernows, .preordernows, .preorders, .reserves, .startyoursearchs, .submits, .tryamacs, .upgradenows {
	height: 25px; background-position: 0 0; background-repeat: no-repeat; display: block; text-decoration: none; text-indent: -9999px; overflow: hidden;
}
a.browsewebappss:hover, a.businessstores:hover, a.buyiphones:hover, a.buynows:hover, a.buynows-arrow:hover, a.comingsoons:hover, a.descargarahoras:hover, a.downloadituness:hover, a.downloadnows:hover, a.finds:hover, a.freetrials:hover, a.getstarteds:hover, a.gos:hover, a.howtoapplys:hover, a.howtobuys:hover, a.joinnows:hover, a.learnmores:hover, a.nikebuynows:hover, a.notifymes:hover, a.ordernows:hover, a.preordernows:hover, a.preorders:hover, a.reserves:hover, a.startyoursearchs:hover, a.submits:hover, a.tryamacs:hover, a.upgradenows:hover,
a.browsewebappss:focus, a.businessstores:focus, a.buyiphones:focus, a.buynows:focus, a.buynows-arrow:focus, a.comingsoons:focus, a.descargarahoras:focus, a.downloadituness:focus, a.downloadnows:focus, a.finds:focus, a.freetrials:focus, a.getstarteds:focus, a.gos:focus, a.howtoapplys:focus, a.howtobuys:focus, a.joinnows:focus, a.learnmores:focus, a.nikebuynows:focus, a.notifymes:focus, a.ordernows:focus, a.preordernows:focus, a.preorders:focus, a.reserves:focus, a.startyoursearchs:focus, a.submits:focus, a.tryamacs:focus, a.upgradenows:focus {
	background-position: 0 -25px;
}
a.browsewebappss:active, a.businessstores:active, a.buyiphones:active, a.buynows:active, a.buynows-arrow:active, a.comingsoons:active, a.descargarahoras:active, a.downloadituness:active, a.downloadnows:active, a.finds:active, a.freetrials:active, a.getstarteds:active, a.gos:active, a.howtoapplys:active, a.howtobuys:active, a.joinnows:active, a.learnmores:active, a.nikebuynows:active, a.notifymes:active, a.ordernows:active, a.preordernows:active, a.preorders:active, a.reserves:active, a.startyoursearchs:active, a.submits:active, a.tryamacs:active, a.upgradenows:active {
	background-position: 0 -50px;
}
span.browsewebappss, span.businessstores, span.buyiphones, span.buynows, span.comingsoons, span.descargarahoras, span.downloadituness, span.downloadnows, span.finds, span.freetrials, span.getstarteds, span.gos, span.howtoapplys, span.howtobuys, span.joinnows, span.learnmores, span.nikebuynows, span.notifymes, span.ordernows, span.preordernows, span.preorders, span.reserves, span.startyoursearchs, span.submits, span.tryamacs, span.upgradenows {
	background-position: 0 -75px;
}
.browsewebappss { background-image: url(images/browsewebappss.png); _background-image: url(images/browsewebappss.gif); width: 123px; }
.businessstores { background-image: url(images/businessstores.png); _background-image: url(images/businessstores.gif); width: 105px; }
.buyiphones { background-image: url(images/buyiphones.png); _background-image: url(images/buyiphones.gif); width: 87px; }
.buynows { background-image: url(images/buynows.png); _background-image: url(images/buynows.gif); width: 72px; }
.buynows-arrow { background-image: url(images/buynows_arrow.png); _background-image: url(images/buynows_arrow.gif); width: 86px; }
.comingsoons { background-image: url(images/comingsoons.png); _background-image: url(images/comingsoons.gif); width: 97px; }
.descargarahoras { background-image: url(images/descargarahoras.png); _background-image: url(images/descargarahoras.gif); width: 108px; }
.downloadituness { background-image: url(images/downloadituness.png); _background-image: url(images/downloadituness.gif); width: 116px; }
.downloadnows { background-image: url(images/downloadnows.png); _background-image: url(images/downloadnows.gif); width: 108px; }
.finds { background-image: url(images/finds.png); _background-image: url(images/finds.gif); width: 52px; }
.freetrials { background-image: url(images/freetrials.png); _background-image: url(images/freetrials.gif); width: 72px; }
.getstarteds { background-image: url(images/getstarteds.png); _background-image: url(images/getstarteds.gif); width: 90px; }
.gos { background-image: url(images/gos.png); _background-image: url(images/gos.gif); width: 44px; }
.howtoapplys { background-image: url(images/howtoapplys.png); _background-image: url(images/howtoapplys.gif); width: 100px; }
.howtobuys { background-image: url(images/howtobuys.png); _background-image: url(images/howtobuys.gif); width: 86px; }
.joinnows { background-image: url(images/joinnows.png); _background-image: url(images/joinnows.gif); width: 72px; }
.learnmores { background-image: url(images/learnmores.png); _background-image: url(images/learnmores.gif); width: 89px; }
.nikebuynows { background-image: url(images/nikebuynows.png); _background-image: url(images/nikebuynows.gif); width: 72px; }
.notifymes { background-image: url(images/notifymes.png); _background-image: url(images/notifymes.gif); width: 80px; }
.ordernows { background-image: url(images/ordernows.png); _background-image: url(images/ordernows.gif); width: 81px; }
.preordernows { background-image: url(images/preordernows.png); _background-image: url(images/preordernows.gif); width: 99px; }
.preorders { background-image: url(images/preorders.png); _background-image: url(images/preorders.gif); width: 77px; }
.reserves { background-image: url(images/reserves.png); _background-image: url(images/reserves.gif); width: 68px; }
.startyoursearchs { background-image: url(images/startyoursearchs.png); _background-image: url(images/startyoursearchs.gif); width: 120px; }
.submits { background-image: url(images/submits.png); _background-image: url(images/submits.gif); width: 67px; }
.tryamacs { background-image: url(images/tryamacs.png); _background-image: url(images/tryamacs.gif); width: 77px; }
.upgradenows { background-image: url(images/upgradenows.png); _background-image: url(images/upgradenows.gif); width: 104px; }

#productheader .browsewebappss, #productheader .businessstores, #productheader .buyiphones, #productheader .buynows, #productheader .comingsoons, #productheader .descargarahoras, 
#productheader .downloadituness, #productheader .downloadnows, #productheader .finds, #productheader .freetrials, #productheader .getstarteds, 
#productheader .gos, #productheader .howtoapplys, #productheader .howtobuys, #productheader .joinnows, #productheader .learnmores, 
#productheader .notifymes, #productheader .ordernows, #productheader .preordernows, #productheader .preorders, #productheader .reserves, 
#productheader .startyoursearchs, #productheader .submits, #productheader .tryamacs, #productheader .upgradenows {
	margin: 0.8em 0 0 20px; float: left;
}

/* promofooter */
#promofooter { width:984px; margin:18px auto 0; padding-top:17px; background:url(images/promofooter_top.png) no-repeat; zoom:1; _background-image:url(images/promofooter_top.gif);}
#promofooter #promos { width:980px; margin-bottom:0; padding:0 2px 4px; background:url(images/promofooter_bottom.png) no-repeat 0 100%; zoom:1; _background-image:url(images/promofooter_bottom.gif);}
#promofooter #promos:after { content:'.'; display:block; height:0; clear:both; visibility:hidden; }
#promofooter #promos li.promo { position:relative; float:left; width:24.8%; min-height:15em; _height:15em; padding-right:1px; margin-top:-16px; }
#promofooter #promos li.promo a { color:#777; }
#promofooter #promos li.promo:hover a { color:#08c; text-decoration:none; }

#promofooter #promos h4 a,
#promofooter #promos p a,
#promofooter #promos ul { display:block; padding-left:10px; text-align:left; z-index:101; *position:relative; }

#promofooter #promos h4 a { font-size:18px; font-weight:normal; padding-top:15px; }
#promofooter #promos p { margin-bottom:0; }
#promofooter #promos p a { font-size:11px; line-height:16px; }
#promofooter #promos a.image { height:180px; position:absolute; bottom:0; z-index:100; }

#promofooter #promos .promo.left p a { width:110px; }
#promofooter #promos .promo.right p a { width:112px; padding-left:116px; }
#promofooter #promos .promo.center p a { text-align:center; }

#promofooter #promos li.buy { position:relative; float:left; width:242px; margin-top:-17px; color:#777; }
#promofooter #promos li.buy ul { font-size:11px; line-height:1.4; }

#promofooter.grid2col { min-height: 70px; padding:15px 0 8px 0;  border: 1px solid #D2D2D2; }
#promofooter.grid2col { background:#fff;
    background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#e5e5e5));
    background:-moz-linear-gradient(100% 100% 90deg, #e5e5e5, #fff);
    filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#FFFFFF', endColorstr='#e5e5e5');
 }
#promofooter.grid2col #promos { background: none;}
#promofooter.grid2col #promos li.promo { width: 47%; min-height: 70px; margin-bottom: -10px; }
#promofooter.grid2col #promos li.promo.first { border-right: 1px solid #e8e8e8; }
#promofooter.grid2col li.promo { padding:20px; }
/*address*/
.Address { width:984px; margin:18px auto 0; border:solid 1px #DADADC; padding:0px; height:36px; clear: right; -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px; clear:both;}
.Address div{float:left;  padding:8px; height:20px; color:#666666;}
.Address div a{ color:#666666;}
.Address div a:hover{ color:#333333;}
.Address div.addhome{ background-image:url(images/add_home.png); background-repeat:no-repeat; background-position:4px 8px; padding-left:26px;}
.Address div.addr{ background-image:url(images/address_s.png); background-repeat:no-repeat; padding-left:18px;}
/* PRINT 
@media print {
	body, #main, #content { color: #000 !important; }
	a, a:link, a:visited { color: #000 !important; text-decoration:none !important; }
	#tabs, #globalheader, #globalfooter, #directorynav, .noprint, .hide { display: none !important; }
	#main a.pdf, #main a.html, #main a.qt, #main a.ical, #main a.dl, #main a.dmg, #main a.zip, #main a.keynote, #main a.audio { padding-left: 0 !important; background-image: none !important; }
}
*/
/* iPhone 
@media screen and (max-device-width: 480px) { html { -webkit-text-size-adjust: none; } }
 */
@media (max-width: 979px)
{
#main{ position:inherit}
#main, .content{ width:80%;}
#productheader{width:80%; margin:0px auto;}
#productheader ul{width:50%;}
#productheader h1, .headercontent h1{ font-size:18px; width:32%; margin:0px}
.headercontent ul li#pn-reviews,
.headercontent ul li#pn-reference,
.headercontent ul li#pn-update,
.headercontent ul li#pn-freetrial{ display:none; }

.productheader_scroll .headercontent{ width:768px;}

.Address{width:95%;}

.marginright-70{ width:100%}
#globalfooter{width:95%; line-height:24px; }
#globalfooter p{line-height:24px; margin-bottom:0px;}
#globalfooter li{ width:20%;}
#globalfooter .gf-sosumi p{ width:100%}
#globalfooter ul.piped a{ margin-left:0px}



}

@media (max-width: 768px) 
{
#productheader{width:460px; }
#productheader h1, .headercontent h1{ font-size:16px; width:220px;}
#productheader ul{width:100px;}
.headercontent ul li#pn-reference,
.headercontent ul li#pn-features,
.headercontent ul li#pn-reviews,
.headercontent ul li#pn-guide{ display:none; }

.productheader_scroll .headercontent{ width:460px;}

.marginright-70{ width:100%}
.column.last{ width:49%; float:left !important;}
#globalfooter{width:95%; }
#globalfooter li{ width:45%}


}

@media (max-width: 479px) {
#productheader{width:308px;margin:0 auto;}
.productheader_scroll .headercontent{ width:308px;}
#productheader h1, .headercontent h1{ font-size:16px; width:200px;}
#productheader ul{width:100px;}
#productheader ul li{ margin:0px; padding:0px; }

#buystrip li.last{ width:100%}
.column.last{ width:100%}
.Address div.addr{ padding-bottom:10px}
}
@media (max-width: 320px) {
#globalfooter{320px;}
.Address{width:320px; }
}


/* Main Content Styling */
.entry-content {
    font-family: 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    line-height: 1.7;
    color: #333;
    max-width: 800px;
    margin: 0 auto;
    padding: 20px;
}

/* Headings */
.entry-content h1 {
    color: #2c3e50;
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 25px;
    padding-bottom: 15px;
    border-bottom: 2px solid #e74c3c;
}

.entry-content h2 {
    color: #2980b9;
    font-size: 24px;
    margin-top: 35px;
    margin-bottom: 20px;
    font-weight: 600;
    margin: 2.2rem 0 1.3rem 0;
            padding: 0.9rem 0 0.9rem 1.5rem;
            border-left: 4px solid var(--accent-color);
            background-color: rgba(236, 240, 241, 0.5);
            border-radius: 0 8px 8px 0;
}

.entry-content h3 {
    color: #2980b9;
    font-size: 20px;
    margin-top: 30px;
    margin-bottom: 15px;
    font-weight: 600;
}

/* Paragraphs and Text */
.entry-content p {
    margin-bottom: 20px;
    font-size: 16px;
}

/* Lists */
.entry-content ul,
.entry-content ol {
    margin-bottom: 25px;
    padding-left: 30px;
}

.entry-content li {
    margin-bottom: 10px;
}

/* Special Boxes */
.note-box {
    background-color: #f8f9fa;
    border-left: 4px solid #3498db;
    padding: 5px;
    margin: 25px 0;
    border-radius: 0 4px 4px 0;
}

.warning-box {
    background-color: #fff3cd;
    border-left: 4px solid #ffc107;
    padding: 5px;
    margin: 25px 0;
    border-radius: 0 4px 4px 0;
}

/* Images */
.entry-content img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 25px auto;
    border-radius: 5px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

/* Code/Technical Content */
.code-block {
    font-family: Consolas, Monaco, 'Andale Mono', monospace;
    background-color: #f5f5f5;
    padding: 15px;
    border-radius: 4px;
    overflow-x: auto;
    margin: 20px 0;
}

/* Tables */
.entry-content table {
    width: 100%;
    border-collapse: collapse;
    margin: 25px 0;
}

.entry-content table th {
    background-color: #2c3e50;
    color: white;
    padding: 10px;
    text-align: center;
}

.entry-content table td {
    padding: 10px;
    border-bottom: 1px solid #ddd;
}

/* Links */
.entry-content a {
    color: #2980bb;
    text-decoration: none;
    transition: color 0.3s;
}

.entry-content a:hover {
    color: #2980bb;
    text-decoration: underline;
}

/* Responsive Design */
@media (max-width: 768px) {
    .entry-content {
        padding: 15px;
    }
    
    .entry-content h1 {
        font-size: 24px;
    }
    
    .entry-content h2 {
        font-size: 20px;
    }
    
    .entry-content h3 {
        font-size: 18px;
    }
}


/* Enhanced Table Styles */
.entry-content table {
    width: 100%;
    border-collapse: collapse;
    margin: 30px 0;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    border-radius: 6px;
    overflow: hidden;
}

.entry-content table th {
    background-color: #2c3e50;
    color: #fff;
    padding: 12px 15px;
    text-align: left;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 14px;
}

.entry-content table td {
    padding: 12px 15px;
    border-bottom: 1px solid #e0e0e0;
    vertical-align: middle;
}

.entry-content table tr:nth-child(even) {
    background-color: #f8f9fa;
}

.entry-content table tr:hover {
    background-color: #f1f5f9;
}

.entry-content table caption {
    font-style: italic;
    text-align: left;
    margin-bottom: 10px;
    color: #7f8c8d;
}

/* PROS and CONS Section */
.pros-cons-container {
    display: flex;
    gap: 20px;
    margin: 30px 0;
    flex-wrap: wrap;
}

.pros-section, .cons-section {
    flex: 1;
    min-width: 300px;
    border-radius: 6px;
    padding: 20px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
}

.pros-section {
    background-color: #f0f9f5;
    border-left: 4px solid #27ae60;
}

.cons-section {
    background-color: #fef0f0;
    border-left: 4px solid #e74c3c;
}

.pros-section h3, .cons-section h3 {
    margin-top: 0;
    padding-bottom: 10px;
    border-bottom: 1px dashed rgba(0,0,0,0.1);
}

.pros-section h3 {
    color: #27ae60;
}

.cons-section h3 {
    color: #2980b9;
}

.pros-cons-list {
    list-style-type: none;
    padding-left: 0;
    margin-top: 15px;
}

.pros-cons-list li {
    position: relative;
    padding-left: 25px;
    margin-bottom: 12px;
    line-height: 1.5;
}

.pros-section .pros-cons-list li:before {
    content: "✓";
    color: #27ae60;
    position: absolute;
    left: 0;
    font-weight: bold;
}

.cons-section .pros-cons-list li:before {
    content: "✗";
    color: #e74c3c;
    position: absolute;
    left: 0;
    font-weight: bold;
}

/* Responsive Adjustments */
@media (max-width: 768px) {
    .pros-cons-container {
        flex-direction: column;
    }
    
    .entry-content table {
        display: block;
        overflow-x: auto;
    }
}

/* Table Container */
.table-container {
  margin: 30px 0;
  overflow-x: auto;
  box-shadow: 0 2px 15px rgba(0,0,0,0.08);
  border-radius: 8px;
}

/* Main Table Style */
.content-table {
  width: 100%;
  border-collapse: collapse;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

/* Table Header */
.content-table thead tr {
  background-color: #2c3e50;
  color: #ffffff;
  text-align: left;
}

.content-table th {
  padding: 15px 20px;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: 0.5px;
  text-align: center!important;
}

/* Table Body */
.content-table tbody tr {
  border-bottom: 1px solid #e0e3e6;
}

.content-table tbody tr:nth-of-type(even) {
  background-color: #f8f9fa;
}

.content-table tbody tr:last-of-type {
  border-bottom: 2px solid #2c3e50;
}

.content-table td {
  padding: 14px 20px;
  color: #4a4a4a;
  font-size: 15px;
}

/* Hover Effect */
.content-table tbody tr:hover {
  background-color: #e8f4fc;
  transition: all 0.2s ease;
}

/* Special Cells */
.table-rating {
  font-weight: 600;
  color: #e74c3c;
}

.table-feature {
  background-color: #e8f5e9;
  color: #27ae60;
  font-weight: 500;
  padding: 3px 8px;
  border-radius: 4px;
  font-size: 13px;
}

/* Responsive Adjustments */
@media (max-width: 768px) {
  .content-table {
    font-size: 14px;
  }
  
  .content-table th,
  .content-table td {
    padding: 12px 15px;
  }
  
  .table-container {
    box-shadow: none;
    border: 1px solid #e0e3e6;
  }
}

/* Table Caption */
.table-caption {
  font-style: italic;
  text-align: center;
  padding: 10px;
  color: #7f8c8d;
  font-size: 14px;
  caption-side: bottom;
}

.faq-container {
            background: white;
            border-radius: 12px;
            box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
            overflow: hidden;
            width: 100%;
            max-width: 800px;
            padding: 30px;
        }
        
        .faq-header {
            text-align: center;
            margin-bottom: 30px;
        }
        
        .faq-header h2 {
            font-size: 28px;
            color: #2c3e50;
            margin-bottom: 10px;
            font-weight: 700;
        }
        
        .faq-header p {
            color: #7f8c8d;
            font-size: 16px;
        }
        
        .faq-item {
            margin-bottom: 15px;
            border: 1px solid #e1e4e8;
            border-radius: 10px;
            overflow: hidden;
            transition: all 0.3s ease;
        }
        
        .faq-item:hover {
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
        }
        
        .faq-question {
            padding: 18px 20px;
            background: #f8f9fa;
            cursor: pointer;
            display: flex;
            justify-content: space-between;
            align-items: center;
            font-weight: 600;
            font-size: 17px;
            color: #2c3e50;
        }
        
        .faq-question i {
            transition: transform 0.3s ease;
            color: #4a6491;
        }
        
        .faq-answer {
            padding: 0 20px;
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.3s ease, padding 0.3s ease;
            background: white;
            line-height: 1.7;
            color: #555;
        }
        
        .faq-item.active .faq-answer {
            max-height: 500px;
            padding: 20px;
        }
        
        .faq-item.active .faq-question i {
            transform: rotate(180deg);
        }
        
        .faq-item.active .faq-question {
            background: #4a6491;
            color: white;
        }
        
        .note {
            background: #e8f4fd;
            border-left: 4px solid #2196F3;
            padding: 15px;
            margin: 15px 0;
            border-radius: 4px;
            font-size: 14px;
        }
        
        .warning {
            background: #fff4e6;
            border-left: 4px solid #ff9800;
            padding: 15px;
            margin: 15px 0;
            border-radius: 4px;
            font-size: 14px;
        }
        
        .steps {
            margin: 15px 0;
            padding-left: 20px;
        }
        
        .steps li {
            margin-bottom: 10px;
            font-size: 15px;
        }
        
        @media (max-width: 768px) {
            .faq-container {
                padding: 20px;
            }
            
            .faq-header h2 {
                font-size: 24px;
            }
            
            .faq-question {
                font-size: 16px;
                padding: 15px;
            }
        }


          table {
        width: 100%;
        border-collapse: collapse;
        margin: 20px 0;
        box-shadow: 0 2px 8px rgba(0,0,0,0.1);
        border-radius: 8px;
        overflow: hidden;
    }

    caption {
        font-size: 1.2em;
        font-weight: bold;
        color: #2c3e50;
        margin-bottom: 15px;
        text-align: center;
    }

    th {
        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
        color: white;
        padding: 15px;
        text-align: center;
        font-weight: 600;
        font-size: 1.1em;
    }

    td {
        padding: 20px;
        border-bottom: 1px solid #ecf0f1;
        vertical-align: top;
    }

    .product-name {
        background-color: #f8f9fa;
        font-size: 1.1em;
        position: relative;
    }

    .discount-badge {
        display: inline-block;
        background: #e74c3c;
        color: white;
        padding: 4px 8px;
        border-radius: 12px;
        font-size: 0.8em;
        margin-left: 10px;
        vertical-align: middle;
    }

    .license-option {
        text-align: center;
    }

    .platform-list {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .platform-list li {
        margin-bottom: 10px;
    }

    .platform-list li:last-child {
        margin-bottom: 0;
    }

    .discount-link {
        display: block;
        padding: 12px 16px;
        background: #f8f9fa;
        border: 2px solid #e9ecef;
        border-radius: 6px;
        text-decoration: none;
        color: #2c3e50;
        transition: all 0.3s ease;
    }

    .discount-link:hover {
        background: #667eea;
        color: white;
        border-color: #667eea;
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
    }

    .platform {
        display: block;
        font-weight: 600;
        margin-bottom: 4px;
    }

    .discount {
        display: block;
        color: #27ae60;
        font-size: 0.9em;
    }

    .discount-link:hover .discount {
        color: white;
    }

    /* 响应式设计 */
    @media (max-width: 768px) {
        th, td {
            padding: 12px 8px;
        }
        
        .discount-link {
            padding: 10px 12px;
        }
        
        .platform, .discount {
            font-size: 0.85em;
        }
    }

    .step-list {
  background: #f9fafb;
  
  padding: 16px 20px;
  margin: 20px 0;
  border-radius: 0 8px 8px 0;
}

.step-list li {
  padding: 8px 0;
  line-height: 1.5;
  color: #374151;
}

.step-list a {
  color: #2563eb;
  text-decoration: none;
}

.step-list a:hover {
  text-decoration: underline;
}

.step-list code {
  background: #e5e7eb;
  padding: 2px 6px;
  border-radius: 4px;
  font-family: monospace;
  font-size: 14px;
}

.step-list strong {
  color: #1f2937;
}