/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{display:block}
mark, rp, rt, ruby, summary, time{display:inline }
/* Left & Right alignment */
.left {float:left}
.right {float:right}
.wrapper { overflow:hidden; width:100%; padding: 0;
  margin: 0 auto;}
.wrapper h2 { text-align:center;}
/* Global properties ======================================================== */
body{background:#fff;border:0; font:14px Arial, Helvetica, sans-serif; color:#555; line-height:1.5rem; margin: 0;
  padding: 0; font-size:1rem;}
.ic, .ic a {border:0;float:right; background:#fff; color:#f00; width:50%; line-height:10px;font-size:10px; margin:-220% 0 0 0; overflow:hidden;padding:0}
.css3{border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;box-shadow:0 0 4px rgba(0, 0, 0, .4);-moz-box-shadow:0 0 4px rgba(0, 0, 0, .4);-webkit-box-shadow:0 0 4px rgba(0, 0, 0, .4);position:relative;}
.body1 {border-bottom: 1px #ccc solid; width:100%; display: block;}
.body2{background:url(https://www.acrok.com/images/bg_top2.gif) bottom repeat-x;}
.body3{background:#fff; width:100%;}
.body4{background: #000; width: 100%;}
.body5{background:url(https://www.acrok.com/images/bg_top_img.jpg) center bottom no-repeat}
/* Global Structure ============================================================= */
.main {margin:0 auto; width:80%; padding:0;}

 

/* ============================= main layout ====================== */
a{color:#60B000; text-decoration:none; outline:none}
a:hover{text-decoration:none}
h1{font-size:25px; }
h2{font-size:40px;font-style:normal;font-weight:400;line-height:1.2em;padding:38px 0 11px 0;color:#000;letter-spacing:-1px}
h2.under{border-bottom:1px solid #e5e5e5;margin-bottom:25px}
h3{font-size:26px;color:#333;line-height:1.2em;letter-spacing:-0px;padding-bottom:10px;font-weight:400;font-style:normal;}
h3 span{display:block;margin-top:-7px}
* + html h3 span{margin-top:-25px}
h3 .dropcap{float:left;width:56px;height:56px;margin-top:0px;margin-right:10px;background:url(https://www.acrok.com/images/dropcap1.gif) 0 0 no-repeat;font-size:38px;color:#fff;text-align:center;font-weight:700;line-height:1.2em;padding-top:6px}
h4{font-size:22px;line-height:1.2em;color:#fff;font-weight:400;padding:10px 0 10px 0;}
h5{font-size:33px;color:#000;line-height:1.7em;padding:0 0 16px 0;font-weight:400;font-style:normal}
h5 .dropcap{float:left;width:56px;height:56px;margin-top:0px;margin-right:10px;background:url(https://www.acrok.com/images/dropcap1.gif) 0 0 no-repeat;color:#fff;text-align:center}
h5 .dropcap strong{font-weight:700;font-size:34px;line-height:1.2em;display:block;padding-top:3px;letter-spacing:-2px}
h5 .dropcap span{font-weight:400;font-size:14px;line-height:1.2em;display:block;margin-top:-8px}
h6{font-size:20px;line-height:1.2em;color:#000;padding:0 0 5px 0;font-style:normal;font-weight:400}
p{padding-bottom:5px; line-height:1.7rem; padding-top:10px; font-size:1rem;}
/* ============================= header ====================== */
header{padding-top:20px;height:60px; color:#000;}
#logo{display:block;  float:left;}
header .wrapper { overflow:visible; }
header .wrapper .menu {float:right; margin-top:1px; font-size:1rem; font-weight: 400;}
 
header .wrapper .menu .on { line-height:50px; color:#39c; padding-left:1.5rem; padding-right:1.5rem; }
header .wrapper .menu .on a { color:#39c;}
header .wrapper .menu .on a:hover { color:#666;}
header .wrapper .menu li { line-height:50px; color:#000; padding-left:1.5rem; padding-right:1.5rem; float: left;  height: 50px;  position: relative; text-align: center;  z-index: 20;  }
header .wrapper .menu li a { color: #000;  display: block;  font-size: 1rem; line-height: 50px; text-decoration:none;}
header .wrapper .menu li a:hover{ color: #39c; }
header .wrapper .menu li a:hover, header .wrapper .menu li.curr a { text-decoration: none;}
header .wrapper .menu li:hover .subNav { display: block; }
header .wrapper .menu li .subNav { background:#FFF;  display: none; padding:0;  position: absolute; text-align: left;  top: 50px; z-index: 20;}
header .wrapper .menu li .win { background: #fff;}  
header .wrapper .menu li .mac { background: #fff;  }  
header .wrapper .menu li .subNav dl { float: left; padding: 0px; width:300px; margin:0; box-shadow: 0px 0px 0px #f2f2f2;} 
header .wrapper .menu li .subNav dd { display:block; padding:12px 15px; margin:0; background:none; border-bottom:1px solid #f2f2f2;}
header .wrapper .menu li .subNav .noline { border:none;}
header .wrapper .menu li .subNav dd a{ line-height:30px; font-size:1rem; display: block; color: #666;}
header .wrapper .menu li .subNav dd a:hover{ background:none; border-radius:0; box-shadow: none; color: #39c; text-decoration:none;}
header .wrapper .menu li .subNav dd img { display:inline; margin-right:10px;}
 
header .wrapper #sea { float:right; margin-top:0;}
header .wrapper #sea .search{
    background: #fafafa;
    display: inline;    
    height: 50px;
	font-size:1rem;
    padding: 9px 0 9px 25px;
    position: relative;
    
}

header .wrapper #sea .search input[type="text"] {
    background: none repeat scroll 0 0 transparent !important;
    border: medium none;
    display: block;
    line-height: 25px; text-indent:12px;
    margin-top: 1px; 
    width:105px; 
	background:none; padding:0;
}
 
header .wrapper #sea .search input[type="submit"] {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    cursor: pointer;
    display: inline; color:#FF0000;
    float: left;
    height: 25px;
    width: 25px;
}

input, textarea, select { color: #000;outline: medium none; background:none; padding:5px;}

header .wrapper #sea .btsea { background: #30b4da; padding: 10px 25px; height:50px; color:#fff; font-size:1rem; margin-left:1rem;}
header .wrapper #sea .btsea:hover {background: #0bb65d; cursor: pointer; }


#page1 .body2{ background:url(../images/bg_slider.png) top repeat-x; width:100%;}
.slider{top:91px;position:absolute;z-index:1}
.slider .items{display:none}
.slider .pagination{position:absolute;z-index:2;bottom:47px;left:48%;}
.slider img { width:100%; max-width:100%;}
.slider .pagination li{float:left;padding-right:4px}
.slider .pagination a{display:block;width:16px;height:16px;text-indent:-9999px;background:url(https://www.acrok.com/images/buttons.png) right 0 no-repeat}
.slider .pagination a:hover, .slider .pagination .current a{background-position:left}
/* ============================= content ====================== */
#content{padding-top:30px;padding-bottom:36px}



#content .wrapper a{ color:#333; text-decoration:none;}
#content .wrapper a:hover { text-decoration:none; color:#60B000;}
#content2{padding-bottom:20px; background: #000;}

.pad_left2{padding-left:2%; }

.pad_bot1{padding-bottom:8px}
#content .wrapper .pad_bot1 a { color:#60B000; }
.pad_bot2{padding-bottom:40px}
.marg_right1{margin-right:20px}
.link1{ font-style:normal;  display:inline; }
.link1 a, .link2 a { color:#fff;}
.link1 a:hover, .link2 a:hover { color:#fff;}
.link1 img, .link2 img { width:20px; vertical-align:middle;}
.link2{ font-style:normal; display:inline;}
#content .link1 a, #content .link2 a { color:#fff; }
#content .link1 a {background:#3CF; padding:8px 10px 8px 10px; line-height:33px; font-size:14px; width:35%; border-radius:5px 5px 5px 5px;  }
#content .link2 a { font-style:normal; background:#F90; padding:8px 10px 8px 10px; line-height:33px; font-size:14px; width:30%; border-radius:5px 5px 5px 5px;  }
#content .link1 a:hover, #content .link2 a:hover {color:#fff;}
#content .link1 a:hover {background:#008ec4; padding:8px 10px 8px 10px; line-height:33px; font-size:14px; width:35%;}
#content .link2 a:hover {font-style:normal; background:#fe6415; padding:8px 10px 8px 10px; line-height:33px; font-size:14px; width:30%;}



.testimonials{width:100%;position:relative;z-index:1;height:210px;overflow:hidden}
#testimonials div{background:url(https://www.acrok.com/images/bg_testimonials.gif) 0 bottom no-repeat #f5f5f5;padding:25px 27px 53px 29px}
#testimonials span{display:block;padding:0 0 0 11px;font-style:normal}
.testimonials li{height:210px}
.up, .down{ z-index:2;bottom:8px;right:0;width:32px;height:32px;display:block}
.up{right:33px;background:url(https://www.acrok.com/images/marker_up.gif) 0 0 no-repeat}
.down{background:url(https://www.acrok.com/images/marker_down.gif) 0 0 no-repeat}
.up:hover, .down:hover{background-position:bottom}
.up, .down{position:absolute;z-index:2;bottom:0px;right:0;width:32px;height:32px;display:block}
.up{right:33px;background:url(https://www.acrok.com/images/marker_up.gif) 0 0 no-repeat}
.down{background:url(https://www.acrok.com/images/marker_down.gif) 0 0 no-repeat}
.up:hover, .down:hover{background-position:bottom}


.color1{color:#000}
.color2{color:#60b000}
.list1{padding-top:1px}
.list1 li{line-height:28px; background:url(https://www.acrok.com/images/marker_1.gif) top 10px left no-repeat; padding-left:12px; padding-bottom:10px;}
.list1 a{color:#696969;text-decoration:none;font-style:normal;}
.list1 a:hover{color:#fff}
.address{padding-top:1px}
.address li{line-height:35px;font-style:normal}
.address span{padding-left:4px;float:left;width:62px}
 
#icons{ padding-top:1px}
#icons li{ line-height:35px}
#icons a{color:#696969;text-decoration:none;font-style:normal;display:inline-block}
#icons img{float:left; margin-right:9px; margin-top:5px}
#icons a:hover{color:#fff}
/*--- tabs begin ---*/
 
/*--- tabs end ---*/
#address span{float:left;width:80px}
/* ============================= footer ====================== */
footer { padding:34px 0 38px 0;font-style:normal;color:#696969;text-align:center}
footer a{color:#fff}
footer a:hover{}
/* ============================= forms ============================= */
 
.main .product{ padding-left:1%; padding-right:1%;}
.main .product h1{ font-size:19px; float:left; font-style: normal; font-weight:700; padding-left:5px;}
.main .product .int h1 { padding-left:0;}
.main .product h2 { text-align:center;}
.main .product h1 font { color:#FF0000;}
.main .product .pic { float:left; width:470px; }
.main .product .int { float:left; width:595px; margin-left:10px;}
.main .product .int p { padding-bottom:12px;}
.main .product .int p { padding-top:0;}
.main .product .int li { background:url(https://www.acrok.com/images/icon/star.png) left top no-repeat; padding-left:20px; list-style:none;}
.main .product .int li img { vertical-align:middle;}
.main .product .int .buy { margin-top:15px;}
.main .product .int .buy li { float:left; width:190px; background:none; list-style:none;}
.main .product .int .buy li.freedownload { background: url(../images/icon/btn-tr.png) left top no-repeat; font-size:16px; padding:5 25px; color:#fff; padding-bottom:23px;}
.main .product .int .buy li.freedownload a { color:#FFF;}
.main .product .int .buy li.freedownload span { float:left; width:45px; padding-top:15px; margin-left:5px;}
.main .product .int .buy li.freedownload font { float:left; width:125px; padding-top:9px; padding-bottom:9px; font-size:12px;}
.main .product .int .buy li.freedownload font strong { font-size:18px; display:block; }
.main .product .int .buy li.buynow { background: url(../images/icon/btn-bu.png) left top no-repeat; font-size:16px; padding:5 25px; color:#fff; padding-bottom:23px;}
.main .product .int .buy li.buynow a { color:#FFF; text-decoration:none;}
.main .product .int .buy li.buynow span { float:left; width:58px; padding-top:15px; margin-left:5px;}
.main .product .int .buy li.buynow font { float:left; width:120px; padding-top:9px; padding-bottom:9px; font-size:14px;}
.main .product .int .buy li.buynow font strong { font-size:18px; display:block;}
.main .product .int .buy li.buynow .new { display:inline; text-decoration:line-through; margin-right:10px; color:#ddd;}
.main .product .int .hotlink { margin-top:10px; }
.main .product .int .hotlink img { vertical-align:middle;}




.main .product .int .buys { margin-top:15px;}
.main .product .int .buys li { float:left; width:192px; background:none; list-style:none;}
.main .product .int .buys li.freedownload { background: url(../images/icon/btn-tr.png) left top no-repeat; font-size:16px; padding:5 25px; color:#fff; padding-bottom:23px;}
.main .product .int .buys li.freedownload a { color:#FFF;}
.main .product .int .buys li.freedownload span { float:left; width:44px; padding-top:15px; margin-left:5px;}
.main .product .int .buys li.freedownload font { float:left; width:124px; padding-top:9px; padding-bottom:9px; font-size:12px;}
.main .product .int .buys li.freedownload font strong { font-size:18px;  background: url(../images/64-bit.png) no-repeat  right; display:block; }
.main .product .int .buys li.buynow { background: url(../images/icon/btn-bu.png) left top no-repeat; font-size:16px; padding:5 25px; color:#fff; padding-bottom:23px;}
.main .product .int .buys li.buynow a { color:#FFF; text-decoration:none;}
.main .product .int .buys li.buynow span { float:left; width:58px; padding-top:15px; margin-left:5px;}
.main .product .int .buys li.buynow font { float:left; width:120px; padding-top:9px; padding-bottom:9px; font-size:14px;}
.main .product .int .buys li.buynow font strong { font-size:18px; display:block;}
.main .product .int .buys li.buynow .new { display:inline; text-decoration:line-through; margin-right:10px; color:#ddd; }





 
.main .product .topinfor { height:45px; margin-top:18px;}
.main .product .topinfor span { float:right; margin-left:10px;}
.main .product .topinfor span a { color:#fff; background:#70B33C; font-size:13px; text-decoration:none; padding:4px 13px; border-radius:12px; }
.main .product .topinfor span a:hover { background: #FF6600;}

.maina { margin:35PX auto; padding:0; background: #fff;}
.maina a:hover{ color:#60B000; text-decoration:underline;}
.amenu{ height:34px;  margin:0 auto; padding:0; border-bottom: 3px solid #30b4da;  width:100%; } 
.amenu ul{ list-style:none; height:34px; margin:0 auto; padding:0;  width:60%;}
.amenu ul li{ background-position:249px 0; display:block; float:left; width:21%; height:34px; cursor:pointer; background: #30b4da; margin-right:2%;}
.amenu ul li.current{background-position:0 0;  background:none; border-top: 3px solid #30b4da; border-right:3px solid #30b4da; border-left:3px solid #30b4da;  background:#fff;}
.amenu span{ font-size:15px;color:#fff;display:block;line-height:34px;text-align:center; border-bottom: 1px solid #30b4da;}


.content { background:#fff; padding:0; margin:0 auto;  padding-top: 25px; width:80%; padding-left:1%; padding-right:1%;  }
.current span{ color:#000; border-bottom: 3px solid #fff; background:#fff; }
.content ul{ height: auto;list-style:none; margin:0 auto; padding:0; padding-left:1%; padding-right:1%;}
.content li{ display:block; padding-top:15px; padding-bottom:15px;  font-size:14px;}
.content li .step { margin:15px 0 15px 0; text-align: center; line-height:48px;}
.content li .step span { width:180px; height:160px; text-align:center; line-height:none; float:left; vertical-align:middle; margin-left:4px;}
.content li .step .lit { width:27px; margin-top:35px; height:55px;}
.content img{ max-width:100%; }
.content li table { border:0; font-size:13px;}
.content li table td { border:1px solid #ddd; padding: 10px 13px; vertical-align:middle}
.content li table th { border:1px solid #ddd; padding: 10px 13px; vertical-align:middle; font-style:normal; font-weight:700; text-align:left; background:#E5E5E5; color:#555;}
.content ul li .inta { width:50%; float:left; }
.content ul li .inta p { padding-bottom:15px;  font-size:1.0rem; line-height:1.8rem;}
.content ul li .pica { width:50%; float: left; text-align:center; }
.content ul li .pica img {max-width:100%; }
.ainfo{ float:left; width:300px; margin:20px 0; height:auto;}
.ainfo p{ font:bold 24px Verdana, Geneva, sans-serif; color:#999; display:block; line-height:34px; text-align:center;}
.clear { clear:both;}
.review {}
.review p { border-radius:5px; border:solid 1px #F3F3F3; padding:15px; background:#F3F3F3 url(https://www.acrok.com/images/icon/five-stars.png) no-repeat top  right; margin-bottom:35px;}
.review .four {background:#F3F3F3 url(https://www.acrok.com/images/icon/four-stars.png) no-repeat top right;}
.review p strong, .review p span { display:block; font-size:16px;}
.review p span { font-size:12px; color:#999;}
 
.content ul li .ins { margin:0 auto; padding:0;}
.content ul li .ins table { margin:0 auto; padding:0; border:0;}
.content ul li .ins td { width:50%; padding:0; border:0;}
.content ul li .ins th { width:50%; text-align:center; border:0; background:#fff;}
.content ul li .ins th img { width:auto; vertical-align:middle; vertical-align:central;}
 
 
 


.bread { font-size:14px; color:#666; margin-top:15px; }
.bread a { color:#555;}
.bread a:hover { text-decoration:underline;}
.bread img, .bread img a { vertical-align:middle; bordr:0;}
.bread h1 { font-size:13px; font-weight:400; text-align:left; display:inline; }
.tutorial { margin:15px 0;}
.tutorial .left .contents h4{ color:#222; padding:10 0 5px 0; margin-top:5px; font-size:20px; line-height:1.0rem;}
.tutorial .right{ width:23%; float:right; }
.tutorial .right ul{ padding: 0px 5px 25px 5px; margin:0; }
.tutorial .right .non { border:0;}
.tutorial .right ul li {display: block; padding: 8px 0; border-bottom: 1px solid #E6E6E6; margin: 0 12px; font-size:15px; line-height:22px;}
.tutorial .right ul li a { color:#666; }
.tutorial .right ul li a:hover { color: #60B000;}
.main .tutorial .right h4 {background: none repeat scroll 0 0 #fafafa;; font-size: 16px; font-weight: bold; margin: 0px; padding: 10px 18px; color:#666; }
.tutorial .right .rev, .tutorial .right .tips {border: 1px solid #E7E7E7; box-shadow: 0 0 3px #E7E7E7;  margin-bottom:20px;}
.tutorial .right .rev .no, .tutorial .right .tips .no { border:0;}
.tutorial .right .letimg { border: 1px solid #E7E7E7;  box-shadow: 0 0 3px #E7E7E7; margin-bottom:20px; text-align:center; color:#FF0000; line-height:25px; font-size:15px; padding:0; padding-top:0;}
 
.tutorial .right .letimg p { padding:0; margin:0;}
.tutorial .right .letimg img { width:90%; margin-bottom:12px; max-width:90%; margin-top:6px;}
.tutorial .right .letimg h4{ text-align:left;}
.tutorial .right .letimg  strong { font-size:19px; line-height:35px;}
 
.tutorial .right .rev p { padding:5px 15px 25px 15px; font-size:14px;}
.tutorial h2, .tutorial h1  {font-size:30px;font-style:normal;font-weight:400;line-height:1.1em; padding:6px 0 5px 0;color:#222;letter-spacing:-1px; }

.tutorial .left {float:left; border: 1px solid #E7E7E7;  box-shadow: 0 0 3px #E7E7E7; width:75%;}
.tutorial .left img { max-width:100%;}
.tutorial .left .contents{ padding: 1% 3% 2% 3%; }
.tutorial .left .contents p img { max-width: 100%; display: block; margin:0 auto; height: auto; object-fit: cover}
.tutorial .left .contents h3 { padding-bottom:5px; font-size:23px; padding-top: 6px;}
.tutorial .left .contents h5 { color:#222; padding:0 0 8px 0; font-size:20px;}
.tutorial .left .contents .sd { margin:15px 0;}
.tutorial .left .contents .sd .win, .tutorial .left .sd .mac { width:250px; height:250px; float:left; text-align:center;}
.tutorial .left .contents .sd .mac { margin-left:30px;}
.tutorial .left .contents .sd img { margin-bottom:5px;}
.tutorial .left .contents .switch-nav { margin-top: 45px; width: 100%;}
.tutorial .left .contents .switch-nav h2 { text-align:center; padding-bottom:15px;}
.tutorial .left .contents .switch-nav .pic { float:left; width:28%;}
.tutorial .left .contents .switch-nav em { float:left; margin-right:15px; margin-left:10px;  font-size:14px; width:65%;}
.tutorial .left .contents .switch-nav li { width:50%;}

.tutorial .left .contents ul { margin-bottom:15px;}
.tutorial .left .contents ul li { margin-bottom: 12px; overflow: hidden; font-size:16px;}
.tutorial .left .contents ul li a { color:#60B000; line-height:32px;}
.tutorial .left .contents ul li a:hover { color: #60B000; text-decoration:underline;}
.tutorial .left .contents ul li .num {background: url("https://www.acrok.com/images/icon/num-bg.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);  color: #78AD1F;  float: left;  font-size: 20px;  font-weight: bold; height: 32px; line-height: 32px; margin-right: 13px;  text-align: center; width: 32px;}
.tutorial .left .contents dl dd { font-size:16px;}


.tutorial .left .contents .d-hot { margin-bottom:18px;}
.tutorial .left .contents .awards { margin-top:45px;}
.tutorial .left .contents .d-hot h2 { text-align:center;}
.tutorial .left .contents .d-hot p { padding-top:5px; margin:0;}
.tutorial .left .contents .d-hot ul li{ width:50%; float:left; }
.tutorial .left .contents .d-hot ul li a { line-height:18px;}
.tutorial .left .contents .d-hot ul li .pic { float:left; width:30%;  }
.tutorial .left .contents .d-hot ul li .pic img { max-width:80%;}
.tutorial .left .contents .d-hot ul li .int { float:left; width:65%; margin-bottom:20px;}
.tutorial .left .contents .d-hot ul li span { text-decoration:line-through;}
.tutorial .left .contents .d-hot ul li font { color:#FF0000; margin-left:10px;}
.tutorial .left .contents .cen img { display: inline;}	
.tutorial .left .contents .allp { text-align:center; margin-top:35px; margin-bottom:20px;}
.cen { text-align:center; margin-top:8px;}

.left .contents ul li .cen .link1 a, .left .contents ul li .cen .link2 a { color:#fff; line-height:33px;}
.left .contents ul li .cen .link1 a { background:#3CF; padding:8px 14px 10px 17px; line-height:33px; font-size:14px; width:35%; color:#fff; margin-right:5%; }
.left .contents ul li .cen .link2 a { font-style:normal; background:#F90; padding:8px 14px 11px 17px; line-height:33px; font-size:14px; width:30%; color:#fff;}
.left .contents ul li .cen .link1 a:hover, .left .contents ul li .cen .link2 a:hover {color:#fff;}
.left .contents ul li .cen .link1 a:hover {background:#008ec4; padding:8px 14px 10px 17px; line-height:33px; font-size:14px; width:35%; text-decoration:none;}
.left .contents ul li .cen .link2 a:hover {font-style:normal; background:#fe6415; padding:8px 14px 11px 17px; line-height:33px; font-size:14px; width:30%; text-decoration:none;}

.tutorial .left .contents .contl { width:45%; float:left;}
.tutorial .left .contents .contl img { max-width:100%;}
.tutorial .left .contents .contr {width:45%; float:left; margin-left:15px; margin-top:45px;}



.tutorial .left .contents .lef img {margin: 0; padding:0; text-align:left;}
.tutorial .left .contents p { padding-top:0px; padding-bottom:15px;}
.tutorial .left .title {background: #fafafa; padding:12px 25px 10px 25px; padding-left:3%; padding-right:3%;}
.number {background: none repeat scroll 0 0 #60B000;
    border-radius: 3px;
    color: #FFFFFF;
    display: inline-block;
    float: left;
    font-size: 20px;
    font-style: italic;
    height: 28px;
    line-height: 28px;
    margin-right: 10px;
    padding: 0 8px 0 6px; margin-top:5px;}
.downl table { float:left;}
.mr-10{ margin-right:15px;}
.tutorial .left .contents .downl { width:100%;}
.tutorial .left .contents .downl table { width:100%;} 
.tutorial .left .contents .downl table img { vertical-align:middle;}	
.tutorial .left .contents .downl table td { border-bottom:1px solid #DFDFDF; padding-top:18px; padding-bottom:18px; vertical-align:middle; line-height:2rem;}
.tutorial .left .contents .downl table td  font { padding-left:10px; text-decoration: line-through; padding-right:10px; color:#999; }
.tutorial .left .contents .downl table td span { color:#FF0000;}
.tutorial .left .contents .downl .fl { float:left; width:47%; margin-right:1%; margin-top:25px;}
.tutorial .left .contents .downl .fl p img, .tutorial .left .contents .downl .fr p img { vertical-align:middle; margin:0; padding:0; display:inline; max-width:45px;}
.tutorial .left .contents .downl .fr { float:right; width:48%; margin-top:25px;}
.tutorial .left .contents .downl table a:hover { color:#F60;}

 


.purchase { margin:25px 0;}	
.purchase .left { float:left; width:74%;}
.purchase .right  { width:24%; float:right; border: 1px solid #E7E7E7;  box-shadow: 0 0 3px #E7E7E7; text-align:center; }
.purchase .right .gua { text-align:left; line-height:20px; color:#999; font-size:15px; padding:3%; padding-top:23px; padding-bottom:23px;}
.purchase .right .gua td { width:45%; text-align:center; padding-top:5px; padding-bottom:5px;}
.purchase .right .gua td img { vertical-align:middle;  max-width:90%;}
.purchase .right .gua th { width:55%; font-weight:400; padding-top:5px; padding-bottom:5px;}



.purchase .right .gua .ssl { width:50%; margin:20px 0px 8px 0px; float:left; text-align:center;}
.purchase .right .gua .ssl img { max-width:90%;}
.purchase .right .gua .usp, .purchase .right .gua .all { width:42%; margin:20px 8px 8px 8px; float:left;}
.purchase .right .gua .mt4p { margin-top:25px;}



.purchase .left h2 { padding:0; margin:0 0 15px 0; font-size: 27px;}
.purchase .left .box { float:left; width:22%; height:auto; border:1px solid #EAEAEA; background:#FFF; padding-top:10px; margin-right:25px; text-align:center;}
.purchase .left .box img { max-width:100%;}
.purchase .left .pur { float:left; width:70%;}
.purchase .left .pur img { margin:20px 0;}
.purchase .left .pur ul { font-size:1.0rem; }
.purchase .left .pur ul li { font-size:1.0rem; background:url(https://www.acrok.com/images/marker_1.gif) left center no-repeat; padding-left:15px; padding-bottom:5px;}
.purchase .left .pur .buynow {background:linear-gradient(to right, #fa5c3a 0%,#fca714 100%); color: #FFF; font-size: 16px; padding-bottom: 0px; width:auto; float:right; margin-top:10px; border-radius:6px 6px 6px 6px;}
.purchase .left .bac {border: 1px solid #E7E7E7; background: #FAFAFA;  box-shadow: 0 0 3px #E7E7E7;   padding:3%; padding-top:25px;  padding-bottom:25px;}
.purchase .left .pur .buynow a { color:#FFF; text-decoration:none;}
.purchase .left .pur .buynow:hover { background:#2D6BCF;}
.purchase .left .pur .buynow span { float:left; width:58px; padding-top:0px; padding-left:25px;}
.purchase .left .pur .buynow span img { margin:15px 0 0 0;}
.purchase .left .pur .buynow font { float:left; width:120px; padding-top:19px; padding-bottom:18px; }
.purchase .left .pur .buynow font strong { font-size:20px;}
.purchase .left .pur .price { color:#000;  font-size:17px; margin-top:10px; width:250px; float:left; line-height:2rem;}
.purchase .left .pur .coupon { font-size:15px; margin-top:10px;}
.purchase .left .pur .coupon strong { font-size:19px;}
.purchase .left .pur .price span{text-decoration:line-through; color:#999; margin-right:10px;}
.purchase .left .pur .price font { color:#fc5228; font-size:2rem;}
.purchase  .note { margin:25px 0 15px 0; font-size:14px;}
.purchase .note p { padding-bottom:12px;}
.purchase .note ul { margin:0 auto; padding:0;}
.purchase .note ul li {margin:10px auto; padding:0;}
.purchase .note ul li .number {
    background: none repeat scroll 0 0 #60B000;
    border-radius: 3px;
    color: #FFFFFF;
    display: inline-block;
    float: left;
    font-size: 14px;
    font-style: italic;
    height: 20px;
    line-height: 20px;
    margin-right: 10px;
    padding: 0 8px 0 6px;
    margin-top: 2px;
}
 
 .purchase .accept { text-align:center; font-size:18px; margin:19px auto;}
 .purchase .accept img{ display:inline; vertical-align:middle;}
 
 
 
 
 
.cols h3 { padding-bottom:5px; font-size:25px;}
.main #content .wrapper .cols h3 a {color:#333;}
.main #content .wrapper .cols h3 a:hover {color:#60B000;}

#content2 { color:#9D9D9; width:90%;}
#content2 a { color:#9D9D9D;}
#content2 a:hover { color:#fff;}

.tutorial .left .reva { width: auto; font-size:12px;}
.tutorial .left .reva ul { float:left; border-top:1px solid #DFDFDF; padding-top:10px;}
.tutorial .left .reva ul li { width:230px; float:left; text-align:center; margin-right:15px;}
.tutorial .left .reva ul li em { text-align:left;}
.tutorial .left .reva ul li img { max-width:130px; vertical-align:middle;}
.nividia { margin-top:10px;}
.nividia table { background:#CCC;}
.nividia table td { padding:5px; background:#FFF; border-left:1px #ddd solid; border-right:1px #ddd solid; }
.nividia table th { background:#60B000; color:#fff;}
.guidelist { width:auto; padding:0; margin:0;}
.guidelist p { padding-top:0;}
.guidelist li { background:url(https://www.acrok.com/images/spec-a.png) no-repeat left top 12px; list-style:none; padding-left:15px; border-top:1px dashed #ddd; padding-top:5px; padding-bottom:5px;}
.guidelist p {padding-left:15px; padding-bottom:15px;}



#donate { background:url(https://www.acrok.com/images/page/2014.png) repeat-x top; margin:0 auto; padding:0;}
#donate .don { width:960px; margin:0 auto; padding:15px 0 ;}
#donate .don h1 { font-size:60px; color:#FFF; line-height:57px; padding: 20px 0; }
#donate .don h3 { color:#F30; padding-bottom:20px;}
#donate .don .poem { color:#F90; font-size:20px; margin-bottom:25px; display:block; margin-top:10px; text-align:center;}
#donate .don .numbers { text-align:center;}
#donate .don .product { color:#60b000;}
#donate .don .product a:hover { text-decoration:underline;}
#donate .don .present { text-align:center;}
#donate .don .present img { margin-left:10px;}
#donate table { text-align:center; margin: 0 auto;}
#donate  select { border:1px solid #F00; background:#FFF;}
.tutorial .left .red { color:#FF3300;}
 

.preview { width:1080px; margin:20px auto 20px auto; padding:0; border: 1px solid #e7e7e7; border-radius: 10px; box-shadow: 0 0 3px #e7e7e7;}
.preview .con { padding:10px 15px 10px 15px;    }
.preview .con h2 { padding: 10px 0 11px; }
.preview .con h3 { padding-bottom: 0px; padding-top:5px;}
.preview .con img { margin: 0 auto; padding:0;  max-width: 100%; height: auto; display: block; margin: 0 auto;}

.preview .con .demo { margin:0 auto 10px; padding:10px; text-align:center; color:#FFF;}
.preview .con .demo font { font-size:15px; }
.preview .con .demo font a { color:#FFF; background:url(../images/icon/demo-do.png) left 15px center no-repeat #090;  padding:15px 25px 15px; border-radius:5px 5px 5px 5px; padding-left:45px; } 
.preview .con .demo font a:hover {background-color: #FF6600;}
.preview .con .demo span a:hover { color:#F60; }
.preview .con .demo img { display:inline; margin-left:20px; }
.preview .con table td { padding:5px;}
.preview .con table td img { max-width:60px;}




.preview .con font { color:#F60; font-weight:700; font-size:18px;}
.preview .con .pic { text-align:center; margin:15px 0;}
.black { margin:15px auto 25px auto; padding:0; font-size:28px; background:#000; color:#F60; text-align:center; line-height:35px; margin-top:15px; border:2px dashed #F60; border-radius:10px 10px 10px 10px;}
.preview .con li {line-height:29px; list-style: disc; margin-left:15px;}
.preview .con p { padding-top:0; padding-bottom:15px;}
.preview .con h5 { font-size:18px; line-height:1.0em; padding-bottom:3px; font-family:Verdana, Geneva, sans-serif;}
.black font { color:#FF0000;}
/* .christmas { margin:15px auto; padding:0; text-align:center; line-height:35px; font-size:28px; color:#F00; border:2px dashed #F60; border-radius:10px 10px 10px 10px; background:url(https://www.acrok.com/images/christmas-2016.jpg) no-repeat left top; height:188px;}*/
.christmas { margin:0 auto 0 auto; padding:0; text-align:center;}
.christmas .code { height:50px; margin:145px auto 0 auto; font-weight:700;}
 
.christmas font { text-decoration:line-through; color:#666; }
.pchristmas {  color:#FF0000;  margin:15px auto; padding:0; line-height:35px; font-size:1rem; float:right;} 
.pchristmas font {font-weight:700;}
.guidesale{ text-align:center; font-size:40px; font-weight:700; color:#FF0000; border:2px dashed #F60; border-radius:10px 10px 10px 10px; margin-bottom:15px; overflow:hidden;}
.iphone { margin:10px 0 auto; padding:0;}
.iphone p{ line-height:35px;}
.iphone img { vertical-align:middle;}
.iphone .comss{ margin:0 auto; padding:0; width:600px;}
.iphone .comss .price { width:150px; float:left; margin-top:25px;}
.iphone .comss .win { margin:0 auto 15px 0; padding:0;}
.iphone .comss .win  .price font { text-decoration:line-through; color:#999;}
.iphone .comss .wi  .price span { color:#F00; margin-left:10px;}

.iphone .comss .win .price .btn { float: left; width:auto;}
.iphone .comss .cen { color:#FF0000;}

.iphone .comss .win .btn .buy li { background:url(https://www.acrok.com/images/icon/star.png) left top no-repeat; padding-left:20px; list-style:none;}
.iphone .comss .win .btn .buy li img { vertical-align:middle;}
.iphone .comss .win .btn .buy { margin-top:15px;}
.iphone .comss .win .btn .buy li { float:left; width:190px; background:none; list-style:none;}
.iphone .comss .win .btn .buy li.freedownload { background: url(https://www.acrok.com/images/icon/btn-tr.png) left top no-repeat; font-size:16px; padding:5 25px; color:#fff; padding-bottom:23px;}
.iphone .comss .win .btn .buy li.freedownload a { color:#FFF;}
.iphone .comss .win .btn .buy li.freedownload span { float:left; width:50px; padding-top:15px; margin-left:5px;}
.iphone .comss .win .btn .buy li.freedownload font { float:left; width:120px; padding-top:9px; padding-bottom:9px; font-size:12px;}
.iphone .comss .win .btn .buy li.freedownload font strong { font-size:18px; line-height:45px;}
.iphone .comss .win .btn .buy li.buynow { background: url(https://www.acrok.com/images/icon/btn-bu.png) left top no-repeat; font-size:16px; padding:5 25px; color:#fff; padding-bottom:23px;}
.iphone .comss .win .btn .buy li.buynow a { color:#FFF; text-decoration:none;}
.iphone .comss .win .btn .buy li.buynow span { float:left; width:58px; padding-top:15px; margin-left:5px;}
.iphone .comss .win .btn .buy li.buynow font { float:left; width:120px; padding-top:9px; padding-bottom:9px; font-size:12px;}
.iphone .comss .win .btn .buy li.buynow font strong { font-size:18px; display:block;}
.iphone .comss .win .btn .buy li.buynow .new { display:inline; text-decoration:line-through; margin-right:10px;}
.red{ color:#F00; font-size:16px;}
.red a { color:#F00;}
.red a:hover { color:#60B000;}

.main .purchase .left ol { margin:15px; font-size:12px;}
.chris { margin:0 auto 15px auto; padding:0; text-align:center; height:230px; font-size:35px; color:#FFF; background:  url(https://www.acrok.com/images/2019.jpg) center top no-repeat #1d325f;}
.storecode { background-color:#F30; border-radius:10px; text-align:center; font-size:28px; height:50px; color:#FFF; margin:15px auto; }
.storecode .tcon{ line-height:50px;}
.left .bac .pur font { margin-left:5px;}
.left .price { font-size:16px;}
.left .price span { text-decoration:line-through; margin-left:7px;}
.left .price font { margin-left:20px; color:#F00}
.tutorial .left ul li .learn { margin-top:10px;}
.tutorial .left ul li .learn a{ color:#FF6600;}
blockquote {
    margin: 0 0px 20px 0px;
    padding: 15px 20px;
    border-left: 4px solid #DDD; background-color:#f4f4f5  }
.tutorial .left .contents blockquote p { padding-bottom:5px; font-size:16px; margin-bottom:5px;}
.tutorial .left .contents blockquote p a:hover { text-decoration:underline;}
.datawork { text-align:center; font-size:18px;}
.datawork h2 { padding:0; padding-bottom:15px; font-size:28px;}


.medias { margin:10px 0 15px 0;}
.medias table { background:#CCC; margin-bottom:10px; width:100%;}
.medias table td { background-color:#FFF; border:1px solid #ddd; padding:5px; vertical-align:middle;}
 
.medias table th { text-align:left; padding:5px; border-left:1px solid #ddd;}
.medias .note { color:#F00; }
.medias hr { height:1px; border-bottom:1px dashed #999; margin:15px 0;}
.medias dl dd { margin:12px 0 0 0; line-height:18px;}
.medias td { text-align:center;}
.homepro { margin-top:25px;}
.homepro img { border-radius:10px;}



.post { margin:10px 0 15px 0;}
.post table { background:#CCC; margin-bottom:10px; width:100%;}
.post table td { background-color:#FFF; border:1px solid #ddd; padding:5px; vertical-align:middle; text-align:left;}
.post table th { text-align: left; padding:5px; border-left:1px solid #ddd; color:#FFF; vertical-align:middle;}
.post .note { color:#F00; }
.post hr { height:0px; border-bottom:0px dashed #999; margin:15px 0;}
.post h5 { font-size:17px; padding-bottom:2px;}

.post dl dd { margin:12px 0 0 0; line-height:18px;}
.post dl { padding-left: 12px;}

.post ul { float:none;}
.post ul li { float: none;
margin-bottom: 12px;
overflow: hidden;
width: 600px;}

ol { margin-bottom:15px;}
.ipad { background:url(https://www.acrok.com/images/blog/pic/play-blu-ray-on-ipad.jpg) top right no-repeat; margin-bottom:15px;}
.mov { background:url(https://www.acrok.com/images/product-pic/convert-bd-video-for-editing-software.png) top right no-repeat; margin-bottom:15px;}
.inticon { float:right; margin:0; padding:0; background: url(https://www.acrok.com/images/64-bit.png) no-repeat top;}
.must { margin-bottom:15px;}
.bit { text-align:center; background: url(../images/banner-bg.jpg) repeat; border:1px #FF0000 dashed;  padding:0; border-radius: 10px 10px 10px 10px; margin:15px 0 15px 0; font-size:18px; line-height:45px; }
.bit img {border-radius: 0 0 10px 10px;}
.bit h4{ background:#FF0000; border-radius:10px 10px 0 0; color:#FFF; letter-spacing:6px; font-size:25px;}
.bit .notice { line-height:25px; margin:0;} 
.bit .coupon { font-size:25px; padding-bottom:15px; color:#FF0000;}
.aligncenter { text-align:center; margin:15px 0 25px 0;}
.aligncenter a { background:#F60; padding:15px 32px; color:#FFF; border:1px solid #F60; border-radius:7px 7px 7px 7px; margin:0 15px 0 10px;}
.aligncenter a:hover { background:#F00;}

.follow { border: 1px solid #e2e2e2; border-radius: 8px; background:url(https://www.acrok.com/images/follow-bg.jpg) bottom repeat-x;}
.follow .item { float: left; width: 290px;  margin-left: 30px; margin-top:20px;}
.follow .item .img { float: left; margin-right: 20px; height: 70px; display: block; margin-top: 10px; }
.follow dl { list-style:none;}
.follow .item dt { font-size: 16px; font-weight: bold; margin-bottom: 5px;}
.follow .item dd { background-image:none;}
.navpage { padding-top:15px; padding-bottom:20px;}
.storered { color:#FF0000; font-size:14px; text-align:center; line-height:50px;}

.learnmore {background:none; margin-top:10px; margin-bottom:10px;} 
#content .learnmore a { font-style:normal; background:#3CF; padding:8px 20px 10px 20px; line-height:33px; font-size:14px; color:#fff; border-radius:5px 5px 5px 5px; }
#content .learnmore a:hover {font-style:normal; background:#008ec4; padding:8px 20px 10px 20px; line-height:33px; font-size:14px; color:#FFF;}
.hedit { padding:0; margin:20px auto;}
.hedit h2 { text-align:center;}

.hedit .inforl { float:left; width:49%; margin-bottom:35px;}
.hedit .inforl img, .hedit .inforr img { max-width:100%; border-radius:5px 5px 5px 5px;   }
.hedit .inforr { float:right; width:49%; margin-bottom:35px;}
.hedit p { padding-right:15px;}
.hedit h5 { font-size:22px;  margin-top:20px; line-height:1.5rem; padding-bottom:0; margin-bottom:0;}
.howhy { margin:0 auto; padding:1rem 0 2rem 0; width:90%;}
.howhy .homewhy { width:30%; text-align:center; font-size:16px; margin-top:10px; margin-bottom:5px; float:left; padding-left:3%;}
.howhy .homewhy h5 { font-size: 18px; margin:0; padding:0; line-height: 1.5em;}
.howhy .homewhy p { padding-top:5px;}
.hedit .inforl .pic, .hedit .inforr .pic { float:left; width:40%;}
.hedit .inforl .inf, .hedit .inforr .inf { float:left; width:58%; padding-left:2%;}


 

.wrapper .dear { width: 30%; float:left; margin-top:45px;}
.wrapper .dear img { max-width:100%;}
.wrapper .wellcome { width:70%; float:right;}
.wrapper .wellcome h2 { text-align:left; font-size:30px;}

.wrapper .testm h2 { text-align:left; font-size:30px; padding-top:25px;}



article {
    counter-reset: zone-counter;
    margin: 0 auto;
}

ol {
    font-size: 14px; margin:0 0 15px 15px; padding:0;
}
ol li {
    position: relative; 
	list-style-type: decimal; font-size:16px;
}
ol li + li {
    margin-top: 10px; font-size:16px;
}
ol li:before {
    content: none;
    counter-increment: zone-counter;
    display: block;
    color: white;
    font-size: 14px;
    line-height: 20px;
    background-color: #60B000;
    padding: 0.1rem;
    width: 18px;
    height: 18px;
    text-align: center;
    position: absolute;
    left: -2.0rem;
}
ol li:before {
    /*transform: skew(30deg);*/    
    border-radius: 50% 50%;
}

.couponcode { background:url(../images/spring-sale.jpg) top center no-repeat;}
.couponcode .con {margin-top:10px; margin-bottom:10px; font-size:20px; padding-top:190px; padding-bottom:30px; color:#FFF; }
.couponcode .con p {line-height:30px;}
.main .tutorial .left .demo { margin:0 auto 10px; padding:10px; text-align:center; color:#FFF; font-size:16px;}
.main .tutorial .left .demo font { font-size:15px; }
.main .tutorial .left .demo font a { color:#FFF; background:url(../images/icon/track.png) left 15px center no-repeat #090;  padding:15px 25px 15px; border-radius:5px 5px 5px 5px; padding-left:45px;   font-size:16px;} 
.main .tutorial .left .demo font a:hover {background-color: #FF6600;}

.main .tutorial .left .demos { margin:0 auto 10px; padding:10px; text-align:center; color:#FFF;}
.main .tutorial .left .demos font { font-size:15px; }
.main .tutorial .left .demos font a { color:#FFF; background:url(../images/icon/cart.png) left 15px center no-repeat #090;  padding:15px 25px 15px; border-radius:5px 5px 5px 5px; padding-left:45px; } 
.main .tutorial .left .demos font a:hover {background-color: #FF6600;}



.main .tutorial .left .tryitnow { text-align:center; margin: 15px auto; font-size:16px;}
.main .tutorial .left .tryitnow a { color:#FFF; width:200px; background-color:#090; margin:0 auto; padding:10px 25px; border-radius: 8px 8px 8px 8px;} 
.main .tutorial .left .tryitnow a:hover { color:#FFF; background-color:#F60;} 


.preview .con .spypu { margin:0; padding:0;}
.preview .con .spypu .cont { margin:0 auto; padding:0;}
.preview .con .spypu .cont table { width: 100%;}
.preview .con .spypu .cont td { text-align:center; padding:10px;}
.preview .con .spypu .cont .big { text-transform:uppercase;}
.preview .con .spypu .cont table td img { max-width: 325px;}
.preview .con .spypu .cont td,  .preview .con .spypu .cont th{ padding:8px;}
.preview .con .spypu .cont td font { margin-top:10px; display:block;}
.preview .con .spypu .cont td span { margin-top:10px; display:block; text-decoration:line-through; color:#999;}
.preview .con .spypu .cont .spyfo { width:100%; height:350px; overflow:scroll;}
.preview .con .spypu .cont .spyfo table th { text-align:right; font-weight:400; padding-right:65px;}
.preview .con .spypu .cont .spyfo .ana { background:url(../images/blog/spy/appleandroidicon.jpg) right 15px center no-repeat;}
.preview .con .spypu .cont .spyfo .an { background:url(../images/blog/spy/androidicon.jpg) right 15px center no-repeat;}
.preview .con .spypu .cont .spyfo .ans { background:url(../images/blog/spy/appicon.jpg) right 15px center no-repeat;}
.preview .con .spypu .cont .spyfo .yes { background:url(../images/blog/spy/yes.jpg) center top no-repeat;}

.preview .con .demos { margin:0 auto 10px; padding:10px; text-align:center; color:#FFF;}
.preview .con .demos font { font-size:15px; }
.preview .con .demos font a { color:#FFF; background:url(../images/icon/cart.png) left 15px center no-repeat #090;  padding:15px 25px 15px; border-radius:5px 5px 5px 5px; padding-left:45px; } 
.preview .con .demos font a:hover {background-color: #FF6600;}
.preview .con .demos span a:hover { color:#F60; }
.preview .con .demos img { display:inline; margin-left:20px; }
.min13 { font-size:13px; line-height:20px; padding-top:5px; color:#999;}
.off20 { background: url(../images/20-off.png) no-repeat  right top 80px;}
.off30 { background: url(../images/30-off.png) no-repeat  right top 80px;}
.off50 { background: url(../images/50-off.png) no-repeat  right top 80px;}
.off60 { background: url(../images/60-off.png) no-repeat  right top 85px;}
.media img { float: left; padding-right:15px; }



/*!product2023*/
.overview { padding:0; margin:0 auto; box-sizing: border-box;}
.overview h1 { font-size:2.5rem; padding:0px 0 10px 0; font-weight:400;}
.overview .overview-banner {
  text-align:center;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 55px 0;
  color: #FFF; background: #666;  
}

.overview .winbg {background:url(https://www.acrok.com/images/win-ultimat-bg.jpg) top center #666;  background-position:center; background-attachment:fixed; background-size: cover; }
.overview .winvideoconverter {background:url(https://www.acrok.com/images/video-converter-banner-bg.jpg) top center #666;  background-position:center; background-attachment:fixed; background-size: cover;}
.overview .macbg {background:url(https://www.acrok.com/images/ultimate-mac-banner-bg.jpg) top center #666;  background-position:center; background-attachment:fixed; background-size: cover; }
.overview .macvideoconverter {background:url(https://www.acrok.com/images/video-converter-mac-banner-bg.jpg) top center #666; background-position:center; background-attachment:fixed; background-size: cover;}
.overview .overview-banner span a:hover { color:#CCC;}
.overview .overview-banner h1 img { display:inline; vertical-align:middle; border:2px solid #fff; border-radius:10px 10px 10px;}
.overview .overview-banner .int { padding:0; margin:0 auto; width:35%; min-width:550px;}
.overview .overview-banner ul { margin:0 auto; vertical-align:central;}
.overview .overview-banner ul li { text-align:left; background:url( https://www.acrok.com/images/li-bg.png) no-repeat left top 5px; list-style:none; padding-left:28px; line-height:1.8rem; font-size: 1rem;}

.overview .overview-banner ul li img { vertical-align: middle;}
.overview .overview-banner .m-65 { width:50%; padding:12px 0 12px 0; font-size:1.4rem; line-height:1.8rem;}
.overview .overview-banner .int .tl { text-align:left; padding:10px 0; font-weight:600;}
.overview .overview-banner .int .tl img { vertical-align:middle; padding-left:5px;}
.overview .overview-banner .int .tl a { color:#fff;}
.overview .overview-banner .int .tl a:hover {color:#ccc;}
.overview .trysee { margin:30px auto; padding:0 }
 
.overview .trysee a {color:#FFF;}
.overview .trysee .try, .overview .trysee .see { margin-top:20px; margin-bottom:20px; border:0;}
.overview .trysee .try a{ padding:12px 30px 12px 70px; background: url(../images/mac-bt.png) left 30px center no-repeat #39c; font-size:18px; margin:0 auto; border:0;}
.overview .trysee .try a:hover{  padding:12px 30px 12px 70px;  background: url(../images/mac-bt.png) left 30px center no-repeat #06C; border:0;}

.overview .trysee .try { display: inline; margin-right:2%;}
.overview .trysee .see { display: inline;   }
.overview .trysee .see a {padding:12px 30px 12px 70px; background:url(../images/mac-bt.png) left 30px center no-repeat; font-size:1.2rem; margin:0 auto;   border: 1px solid #fff;}
.overview .trysee .see a:hover{ border: 1px solid #fff; padding:12px 30px 12px 70px;  background: url(../images/mac-bt.png) left 30px center no-repeat #39c;}
.overview .trysee span { padding-left: 1%; padding-right: 1%; font-size:15px;}

.overview .tryseewin { margin:30px auto; padding:0; }
.overview .tryseewin a {color:#FFF;}
.overview .tryseewin .try, .overview .tryseewin .see { margin-top:20px; margin-bottom:20px; border:0; }
.overview .tryseewin .try a{ padding:12px 30px 12px 70px; background: url(../images/win-bt.png) left 30px center no-repeat #39c; font-size:18px; margin:0 auto; border:0;}
.overview .tryseewin .try a:hover{  padding:12px 30px 12px 70px;  background: url(../images/win-bt.png) left 30px center no-repeat #06C; border:0;}

.overview .tryseewin .try {display:inline; margin-right:2%;}
.overview .tryseewin .see { display:inline; }
.overview .tryseewin .see a {padding:12px 30px 12px 70px; background:url(../images/win-bt.png) left 30px center no-repeat; font-size:1.2rem; margin:0 auto;   border: 1px solid #fff;}
.overview .tryseewin .see a:hover{ border: 1px solid #fff; padding:12px 30px 12px 70px;  background: url(../images/win-bt.png) left 30px center no-repeat #39c;}
.overview .tryseewin span { padding-left:1%; padding-right: 1%; font-size:15px;}
 
.overview .procoupon { padding: 1%;
  font-size: 20px;
  background-color: #FF0000;
  color: #FFF;
  width: 40%;
  margin: 0 auto;
  border: 1px dashed #fff;
  border-radius: 10px 10px 10px 10px;
} 
 
.main .product { font-size:1rem;} 
.main .product p { line-height:1.8rem;}
.main .product h2 { text-align:center; font-size:2.0rem; letter-spacing: 1px; padding:30px 0 10px 0; } 
.main .product .step { margin: 25px 0 55px 0; text-align: center;  line-height: 38px;}
.main .product span { width: 15%; text-align: center; line-height: none; float: left; vertical-align: middle;}
.main .product span.lit { margin-left:1%; margin-right:1%;}
.main .product span img, .main .product span.lit img { max-width:100%;}
.main .product span.lit {  width:4%;  margin-top: 35px;  height: 55px; }

.faq { width:70%; margin:55px auto; padding:0}
.faq h2 { text-align:center; margin-block-end: 0;}
.faq p { margin-block-start: 0.2em;}
.faq-container { max-width: 650px; margin: 20px auto;}
.faq-container details { margin: 10px 0; padding: 15px; border: 1px solid #ddd; border-radius: 8px; background-color: #f9f9f9;}
.faq-container summary { list-style: none; cursor: pointer; font-weight: normal; font-size: 1rem; color: #333; }
.faq-container summary::-webkit-details-marker { display: none;}
.faq-container summary::before { content: "▶"; display: inline-block; margin-right: 8px; transition: transform 0.3s;}
.faq-container details[open] summary::before { content: "▼"; transform: rotate(90deg);}
.faq-container details p { margin: 10px 0 0 20px; color: #666; line-height: 1.6; } 
.faq-container details p a:hover { text-decoration:underline;}
 
.christmas { background:#EAF2F6; width:100%; font-family:Arial, Helvetica, sans-serif; overflow: scroll; overflow:hidden;} 
.christmas #mid3 ul { line-height: 20px; font-size:12px; list-style: none outside none;}
.christmas #mid3 ul li { line-height: 20px;list-style: none outside none; text-align:left;} 
.christmas #headers { background: url(../images/top.jpg) no-repeat scroll 50% 0 transparent; height: 131px; width:100%; overflow: hidden;}
.christmas #mid1a {background: url(../images/mid1.jpg) center no-repeat; height: 264px; width:100%; overflow: hidden;}
.christmas #container, .christmas #bot { margin: 0 auto; position: relative; width: 1104px;}
.christmas #bot .share { position: absolute; right: 55px; top: 239px;}
.christmas #mid2 { background: url(../images/mid2.jpg) no-repeat scroll 50% 0 transparent; height: 485px; }
.christmas #mid3 { background: url(../images/mid3.png) no-repeat scroll 50% 0 transparent; height: 650px;  padding-top: 110px;}
.christmas #mid2 .show { overflow: hidden; }
.christmas #mid2 .show a { color:#333; text-decoration:none;} 
.christmas #mid2 .show a:hover { color:#F60;}
.christmas #mid2 .show .ulbox  { float: left;  padding: 55px 0 0 53px; text-align:left;}
.christmas #mid2 .show .text { float: right; margin: 88px 40px 0 0; width: 500px; text-align:left;}
.christmas #mid2 .show .text ul { padding:0; margin:0; text-align:left;}
.christmas #mid2 .show .text p { font-size:14px;}
.christmas #mid2 h1 { margin:0; padding:0; font-size:28px;}
.christmas #mid2 .show .text h1 a { color: #F30; font-weight: bold; background-image:none; float:none; width:auto; line-height:35px;}
.christmas #mid2 .show .text h1 a:hover {color: #333;}
.christmas #mid2 .show .text .intsa { margin:0 auto 10px auto; padding:0; font-size:15px;} 
.christmas #mid2 .show .text ul li {color: #3C1313; font-size: 14px;line-height: 24px;} 
.christmas #mid2 .show .text .price {  color: #333; font-size: 22px; margin:15px auto;}
.christmas #mid2 .show .text .price span { color: #D80000; font-size: 25px; margin-left:15px;
}
.christmas #mid2 .show .text a {
    background: url(../images/btn.png) no-repeat scroll 0 0 transparent;
    display: block;
    float: left;
    height: 51px;
    margin-right: 20px;
    width: 219px;
}

.christmas #mid2 .show .text a.buy-now {background: url(../images/btn.png) no-repeat scroll 0 0 transparent;
    display: block;
    float: left;
    height: 51px;
    margin-right: 20px;
    width: 219px;}

.christmas #mid2 .show .text a.buy-now:hover {
    background-position: 0 -51px;
}
.christmas #mid2 .show .text a.download {
    background-position: 0 -102px;
}
.christmas #mid2 .show .text a.download:hover {
    background-position: 0 -153px;
}
.christmas .pro-line {
    overflow: hidden;
    padding: 15px 0 0 50px;
    width: 990px;
}
.christmas .pro-line dl {
    float: left;
    margin-right: 10px;
    width: 315px; background-image:none;   
}
.christmas .pro-line dl.last {
    margin-right: 0;
}
.christmas .pro-line dl dd {
    overflow: hidden; padding:0; margin:0; background: none;
}
.christmas .pro-line dl dd ul {padding:0; margin:0;}
.christmas .pro-line dl dd img { float: left;}
.christmas .pro-line dl dd .intro { float: right; width: 185px;}
.christmas .pro-line dl dd .intro p.pn { margin:0; padding:0; text-align:left;}
.christmas .pro-line dl dd .intro p.pn a {
    color: #AE0000;
    font-size: 16px;
    font-weight: bold; text-decoration:none;
}
.christmas .pro-line dl dd .intro p.price { color: #333; font-size: 14px; font-weight: 300; text-align: left;}
.christmas .pro-line dl dd .intro p span {color: #FF0000;}
.christmas .pro-line dl dd.pro-btn {
    overflow: hidden;
    padding: 10px 0 15px 15px;
}
.christmas .pro-line dl dd.pro-btn a {
    background: url(../images/buy-down.png) no-repeat scroll 0 0 transparent;
    display: block;
    float: left;
    height: 29px;
    margin-right: 15px;
    width: 124px;
}
.christmas .pro-line dl dd.pro-btn a.buy:hover { background-position: 0 -29px;}
.christmas .pro-line dl dd.pro-btn a.down { background-position: 0 -58px; position: sticky;}
.christmas .pro-line dl dd.pro-btn a.down:hover { background-position: 0 -87px;}
#christmasfooter {  background: url(../images/footer.jpg) no-repeat scroll 50% 0 transparent;  height: 90px;  min-width: 1104px; overflow: hidden;}
.christmas .pro-line .box { float:left; width:120px;}
.christmas .pro-line .box img { width:120px;}
.mr20 { margin-bottom:20px;}
.mt25 { margin-top:25px;}
.subg { background:#1d4a9d; margin-bottom:20px;}
.abbg { background:#f0e6c2; margin-bottom:20px;}
.abbg img { max-width:100%;}

.tutorial .left .contents td { vertical-align:top;}
.tutorial .left .contents td dl { margin-left:10px;}

#ad {
        position: fixed;
        width: 600px;
        height: 236px;
        border: 2px solid #fff;
        text-align: center;
        cursor: pointer;
        z-index: 9999;
    }
.tutorial .left .contents .medias table td { background-color:#FFF; border:1px solid #ddd; padding:5px; vertical-align:middle;}
.tutorial .left .contents .medias { overflow:scroll;}
.tutorial .right .rev { padding-bottom:3px;}
.tutorial .right .rev img { max-width:95%; vertical-align:middle; display:block; margin:5px auto 5px auto; }
.main .tutorial .left .contents  dl li {font:16px Arial, Helvetica, sans-serif; line-height:23px; padding-bottom:5px; }




.col1, .col2, .col3, .cols { float:left;}
.cols{ width:23%; margin-top:20px;}
.cols img { border-radius:8px; max-width:45%;}
.pad_left1{ margin-left:2%; padding-bottom:10px; margin-bottom:20px; }
.cols p { padding-top:0; padding-bottom:15px;}
.col1{ width:80%;}
.col3{ width:23%; padding-top:2rem; font-size:14px; color:#999; }
.rits {width:23%; float:left; padding-top:2.5rem; padding-bottom:2rem; text-align:center;}
.rits img { max-width:80%;}
.col3 img { vertical-align:middle; padding-top:5px;}
.col3 a {color: #9D9D9D; font-style: normal; text-decoration: none;}
.col2{ width:25%; line-height:20px; font-size:12px; font-size:0.9rem; padding-top:2rem;}
.col2 img { width:70%; }
.col4{ width:16%; float:right;}
.col2 a { color: #696969; font-style: normal; text-decoration: none;}
.col2 a:hover, .col3 a:hover { color:#FFF;}
.col3 h4,.col2 h4 {color: #FFF; font-size: 1.2rem; font-weight: 400; line-height: 1.2em; padding: 20px 0 15px;}
.homehotp { margin:0 auto; padding:0; text-align: center;}

/*======= index.html =======*/

#page1 header{height:430px;}
/*======= index-1.html =======*/
/*======= index-2.html =======*/
#page3 .cols{ width:270px;}
#page3 #content{ padding-top:4px}
#page3 figure{ padding-top:5px;}
/*======= index-3.html =======*/
#page4 .cols{ width:270px;}
#page4 h3{ line-height:2.1em; margin-bottom:1px;}
#page4 figure{ padding-bottom:19px;}
#page4 .pad_bot2{ padding-bottom:48px;}
#page4 #content { padding-bottom:57px;}
/*======= index-4.html =======*/
#page5 #content{ padding-top:4px}
/*======= index-5.html =======*/
/*======= index-6.html =======*/

.promise { margin:45px 0 15px 0; padding:0;  padding-bottom:15px; font-size:12px;}
.promise ul { margin:0; padding:0; }
.promise ul li { float:left; width:25%;}
.promise ul li p { font-size:13px;}
.promise ul li span { float:left; max-width:50%; width:50%; text-align:center; color:#9D9D9D;}
.promise ul li span img { max-width:90%;}
.promise ul li font {float:left; line-height:19px; max-width:50%; font-size:13px; width:50%; color:#9D9D9D;}
.promise ul li font strong { padding-bottom:5px;}
.bottom { font-size:12px; margin:0 auto; background:#000; text-align:center; color: #999; border-top:solid 1px rgba(255,255,255,0.2) }
.bottom p { padding:1rem 0 1rem 0; line-height:30px; font-size:12px;}
.bottom p span { margin-left:25px;}
.bottom p span a { margin-left:5px; margin-right:5px;}
.bottom img { vertical-align:middle;}
.bottom a { color:#999;}
.bottom a:hover { text-decoration:none; color:#ccc;}
 
 
.hi{ height:5px; margin:10px 0 15px 0; border-top:1px solid #ddd;}
.p10 { padding-bottom:10px; padding-top:10px;}
.addl { font-size:13px; line-height:1.3rem; color:#9D9D9D;}
.media { margin:10px 0 15px 0;}
.media table { background:#CCC; margin-bottom:10px; width:100%; overflow:scroll;}
.media table td { background-color:#FFF; border:1px solid #ddd; padding:5px; vertical-align:middle;}
.media table th { text-align:left; padding:5px; border-left:1px solid #ddd;}
.cens { text-align:center; color:#FF6600; font-size:16px; line-height:30px;}
.cens span { text-decoration:line-through; color:#999;}
.media .note { color:#F00; }
.media hr { height:1px; border-bottom:1px dashed #999; margin:15px 0;}
.media dl dd { margin:12px 0 0 0; line-height:18px;}
hr { border:1px dashed #999; margin:15px 0; }

#page1 { width:100%; }


.freetry { margin:15px auto 35px auto; padding:0; text-align:center;}
.freetry .con { margin:0 auto; padding:0}
.freetry a { color:#FFF; padding: 15px 75px 15px 30px; border: 1px solid #71af29; border-radius: 7px 7px 7px 7px; margin: 0 15px 0 10px;  font-size: 18px;}
.freetry a:hover { border: 1px solid #f60;}
.freetry .btndown_win {display: inline-block; }
.freetry .btndown_win div span, .freetry .btndown_mac div span { display:block; font-size:14px; line-height:40px; margin-top:20px; }
.freetry .btndown_win span img, .freetry .btndown_mac span img { width:26px; vertical-align:middle;} 
.freetry .btndown_win a { background: url(../images/win-bt.png) center right 25px no-repeat #71af29;}
.freetry .btndown_win a:hover { background: url(../images/win-bt.png) center right 25px no-repeat #f60;}
.freetry .btndown_mac { display: inline-block;  }
.freetry .btndown_mac a { background: url(../images/mac-bt.png) center right 25px no-repeat #71af29;}
.freetry .btndown_mac a:hover { background: url(../images/mac-bt.png) center right 25px no-repeat #f60;}
 
.freetrys { margin:15px auto 25px auto; padding:0; text-align:center;}
.freetrys .con { margin:0 auto; padding:0}
.freetrys a { color:#FFF; padding: 15px 75px 15px 30px; border: 1px solid #71af29; border-radius: 7px 7px 7px 7px; margin: 0 15px 0 10px;  font-size: 18px;}
.freetrys a:hover { border: 1px solid #f60;}
.freetrys .btndown_win {display: inline-block; }
.freetrys .btndown_win div span, .freetrys .btndown_mac div span { display:block; font-size:14px; line-height:40px; margin-top:20px; }
.freetrys .btndown_win span img, .freetrys .btndown_mac span img { width:26px; vertical-align:middle;} 
.freetrys .btndown_win a { background: url(../images/win-bt.png) center right 25px no-repeat #71af29;}
.freetrys .btndown_win a:hover { background: url(../images/win-bt.png) center right 25px no-repeat #f60;}
.freetrys .btndown_mac { display: inline-block;  }
.freetrys .btndown_mac a { background: url(../images/mac-bt.png) center right 25px no-repeat #71af29;}
.freetrys .btndown_mac a:hover { background: url(../images/mac-bt.png) center right 25px no-repeat #f60;}



.homebanner{ background:url(../images/bgs.png) center top / cover no-repeat;  width:100%; display:inline-block;  }
.homebanner .main .homeint { text-align:center; color:#FFF;}
.homebanner .main .homeint h1 { font-size:2.5rem; line-height:3.5rem; width:75%; margin:0 auto; padding:0; padding-top:45px;}
.homebanner .main .homeint p { font-size:1.2rem; margin-bottom:25px; margin-top:25px;}
.homebanner  { text-align:center; padding-top:88px; padding-bottom:88px;}
.homebanner h2 { font-size:4rem; color:#FFF; font-weight:600; padding:0;} 
.homebanner .chr2025 { padding:0; margin:0 auto; background:none;}
.homebanner .chr2025 .inst { margin-top:1rem; margin-top:1rem; }
.homebanner .chr2025 .inst p { font-size:1.3rem; color:#FFF; margin-bottom:20px; line-height:2rem;}
.homebanner .chr2025 .inst img { display:inline; vertical-align: middle;}
.homebanner .chr2025 .inst h1 { color:#FFF; font-size:2.8rem; background:none; line-height:3.5rem; margin-bottom:15x; }
.homebanner a { background:#F90; padding:18px 33px; color:#FFF; font-size:1.5rem;  margin: auto 1%; height:35px;}
.homebanner a:hover { background:#fe6415;}
.homebanner .chr2025 .inst p .llblu {}
.homebanner .chr2025 .tabs a {font-size:1rem;}
.homebanner .chr2025 .tabs .tab-content span a {background:#3CF;}
.homebanner .chr2025 .tabs .tab-content span a:hover {background:#008ec4;}
.homebanner .chr2025 .tab-links { font-size:1rem; }
.homebanner .chr2025 .tab-links a { background:none; color:#FFF; font-size:1rem; margin:0; padding:5px 10px 5px 10px;}
.homebanner .chr2025 .tab-links .active { background:none; color:#3CF; font-size:1rem;}
.homebanner .chr2025 .tab-links, .homebanner .chr2025 #tab1, .homebanner .chr2025 #tab2 { color:#FFF;}
.homebanner .chr2025 img { vertical-align:middle;}
.homebanner .chr2025 .tabs p{ margin:20px 0 0 0;}

 .tabs .tab-links a { padding: 5px; text-decoration: none; color: #fff; display: inline-block;} 
 .tabs .tab-links a.active { border-bottom: none;} 
 .tabs .tab-content .tab { display: none; padding: 15px;} 
 .tabs .tab-content .tab.active { display: block;}

dl li { margin-left: 1%; padding-left:1%; list-style:url(../images/marker_1.gif) top;}
.mtop30 { margin-top:30px;} 
.monitorbottom { width:80%; margin:0 auto; padding:15px;}
.monitorbottom h4 { font-size:16px;}
.monitorbottom .disclaimer { float:left; text-align:left; width:23%; padding-right:2%;}
.monitorbottom .disclaimer img { max-width:85%; margin-top:10px;}