@charset "utf-8";
body, h1, h2, h3, p, ul, li, div{margin:0 auto;padding:0;font:14px/1.5  "Segoe UI", "Segoe UI Light", Arial, Helvetica, sans-serif;color:#222;}
p{color:#333;font-size:16px;}
img{border:none;}
a, a:visited, a:link{text-decoration:none;color:#222;}
ul li{list-style:none;}
#container, #breadcrumb, #footer{max-width:1080px;width:100%;overflow:hidden;}
#header{max-width:1080px;width:100%;position:relative;}
#header img{float:left;display:block;margin-top:8px;}
ul#menu{float:left;margin-left:200px;width:58%;}
ul#menu li{float:left;height:57px;line-height:57px;}
ul#menu li a{font-size:18px;color:#222;margin:0 12px;padding:0 10px;display:block;height:55px;}
ul#menu li a:hover, ul#menu li#products a{border-bottom:3px solid #ff8338;}
ul#menu li#products ul#sub_products li a{padding:0 23px;margin:0;}
ul#language{background-color:#eee;width:60px;height:26px;float:left;margin-top:15px;cursor:pointer;position:relative;}
ul#language li#en a, ul#language ul li#jp a, ul#language ul li#de a, ul#language ul li#fr a{background:url(/images/home/flag.png) no-repeat 0 -53px;height:22px;width:25px;padding-left:25px;}
ul#language li#en img{display:inline;float:none;margin-top:0;}
ul#language li a#usa{padding-top:2px;display:inline;margin-left:10px;width:24px;}
ul#language li a#germany{display:inline;margin-left:10px;width:24px;}
ul#language ul{visibility:hidden;}
ul#language:hover ul{visibility:visible;position:absolute;z-index:200;top:26px;left:0;background-color:#eee;width:40px;height:58px;padding:0 10px 10px 10px;}
ul#language ul li a{color:#222;display:block;width:130px;height:30px;}
ul#language ul li#jp a{background-position:0 -15px;}
ul#language ul li#en a{background-position:0 8px;}
ul#language ul li#fr a{background-position:0 -33px;}
#breadcrumb{color:#666;font-size:14px;padding:25px 0;}
#breadcrumb .container a{height:29px;float:left;padding-right:15px;}
#article-left{float:left;width:68%;}
#article-left h1, #article-left h2, #article-left h3, #article-left h4{font-size:24px;font-weight:bold;line-height:25px;color:#000;margin:20px 0;}
#article-left h2{font-size:21px;margin:30px 0 20px;}
#article-left h3{font-size:18px;}
#article-left h4{font-size:14px;}
#article-left p{font-size:15px;line-height:30px;margin:10px 0;}
#article-left p a{color:#009bd4;}
#article-left a:hover{text-decoration:underline;}
.guide-down-android, .guide-down-win{background:url(images/root-download.png) no-repeat 0 0;display:block;height:54px;max-width:272px;width:100%;}
.guide-down-win{background-position:0 -108px;}
.guide-down-android:hover{background-position:0 -54px;}
.guide-down-win:hover{background-position:0 -162px;}
#article-right{float:right;width:28%;margin-top:50px;}
#article-right .hot-suggest{font-size:20px;font-weight:bold;margin:20px 0;line-height:20px;}
#article-right li{font-size:13px;line-height:16px;margin:11px 0;}
#article-right a:link, .article-right a:visited{color:#000;}

.rollTop{position:fixed;z-index:16;top:0;left:0;width:100%;padding:0;min-height:50px;}
#footer{border-top:1px solid #eaeaea;margin-top:52px;}
#footer p#follow_title{font-size:16px;color:#222;margin-top:15px;}
#follow{background:url(/images/home/facebook.png) no-repeat 0 42px;height:100px;float:left;width:164px;overflow:hidden;}
#follow a{display:block;width:48px;height:50px;float:left;margin:0 3px;}
#footer ul li a, #footer p{color:#222;font-size:14px;}
#footer ul li a:hover{text-decoration:underline;}
#footer ul{overflow:hidden;}
#copyright{float:right;margin-top:20px;width:409px;}
#footer ul li{float:left;padding:0 5px;border-right:1px solid #888;margin-bottom:10px;}
#footer ul li:first-child{padding-left:0;}
#footer ul li:last-child{border-right:none;}
.toggle-nav{display:none;}
.menu a {color:#fff;transition:color linear 0.15s;}
item a {text-decoration:none;color:#66a992;}
ul#menu li#products a:hover{border-bottom:2px solid #ff8338;}
ul#menu li#products ul#sub_products{display:none;padding:12px 5px;z-index:200;position:absolute;left:0;top:57px;background-color:#fff;border-top:1px solid #ff8338;box-shadow:0px 1px 1px rgba(0,0,0,0.26);}
ul#menu li#products:hover ul#sub_products{display:block;}
ul#menu li#products ul#sub_products li{padding:0;float:left;height:auto;}
ul#menu li#products ul#sub_products li a:hover{border-bottom:none;}
ul#menu li#products ul#sub_products li dl dd{margin-left:20px;}
ul#menu li#products ul#sub_products li dl dd a{padding-left:0;height:36px;line-height:30px;font-size:13px;display:block;color:#222;border-bottom:none;}
ul#menu li#products ul#sub_products li dl dd a:hover{color:#529cbf;text-decoration:underline;}
.cate{border-top:2px solid #A7E2F1;margin-top:10px;font-weight:bold;}

/*cookie*/
.usernotice_pop{display: table;width: 150px;padding: 10px;position: fixed;bottom: 20px;	right: 50px;background: rgba(0,0,0, 0.55);z-index: 1000;text-align: center;color: #fff;border-radius: 5px;transition: all 0.3s ease;font-size:12px;}
.usernotice_pop a{color:#fff;text-decoration:underline;}
.usernotice_pop span{display:block;cursor:pointer;border:1px solid #fff;display:block;margin:10px auto;width:50%;}

@media screen and (max-width: 1030px){
#header,#footer,ul.three-columns{width:96%;}
.feature-box{width:96%;}
#nav ul li{margin-left:9px;}
}
@media screen and (max-width: 860px) {
.menu{position:relative;display:inline-block;float:right;}
.menu ul.active{display:none;}
ul#menu{float:none;margin-left:0;overflow:visible;width:auto;}
ul#menu li a:hover, ul#menu li a#curr{border-bottom:none;}
ul#menu li a{color:#222;height:auto;}
ul#menu li{height:auto;line-height:normal;}
.menu ul{position:absolute;top:120%;right:0;padding:10px;box-shadow:0px 1px 1px rgba(0,0,0,0.15);border-radius:3px;background:#fff;border:1px solid #69b5c8;}
.menu ul:after{content:"";width:0px;height:0px;position:absolute;top:0%;right:15px;transform:translate(0%, -100%);border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #69b5c8;}
.menu li{margin:5px 0px 5px 0px;float:none;display:block;}
.menu a{display:block;}
.toggle-nav {padding:20px;float:left;display:inline-block;background:#FF8338;color:#777;font-size:20px;transition:color linear 0.15s;}
.toggle-nav:hover, .toggle-nav.active{text-decoration:none;}
ul#menu li#products:hover ul#sub_products{display:none;}
}
@media screen and (max-width: 798px){
h1{font-size:26px;}
#copyright{float:left;width:auto;margin:20px 0;}
#nav ul li a.downloadwin,#nav ul li a.downloadmac,#down-win-l,#down-mac-l{display:none;}
#banner p{font-size:20px;}
#banner{background-size:100%;height:410px;}
.left,.right{width:100%;margin-left:0;}
.feature-box{width:96%;}
ul#four-columns li{width:50%;}
.pic{margin-bottom:20px;}
#nav ul li{margin-left:20px;}
ul.three-columns li{width:96%;text-align:center;}
p#article-intro{margin-top:0;}
ul.three-columns li{margin:30px 0 0 0;}
ul.three-columns li p{margin-top:0;}
#screen,p#review{width:96%;}
#screen .container{width:auto;max-width:500px;}
}
@media screen and (max-width: 480px){
#footer ul li a, #footer p{font-size:12px;}
#footer{margin-top:20px;}
#copyright{margin:10px 0;}
#nav ul{padding:14px 0;}
ul#four-columns li{width:100%;margin-bottom:20px;}
#screen .container{width:auto;max-width:auto;}
#checkout-payment{width:auto;}
#one-year,#lifetime{border:none;width:300px;margin:0 auto;padding:0;}
#lifetime{margin-top:20px;}
#pay img{max-width:100%;}
}