/*header ====================================================================================================*/

header{
	position: relative;
	box-shadow: 0 0 5px rgba(11,11,11,.12);
	z-index: 99;
}

header .wrap{
	position: relative;
	max-width: 1180px;
	height: 100px;
	margin: 0 auto;
	padding: 0 20px;
}
.logo{
	position: absolute;
	left: 20px;top: 0;
	height: 100px;line-height: 100px;
	font-size: 0;
	z-index: 10;
}
nav:not(.m-nav){
	float: right;
	margin-top: 20px;
	line-height: 60px;
}
.main-menu{
	float: left;
}
.main-menu li{
	position: relative;
	float: left;
	line-height: 60px;
}
.main-menu > li{
	margin-right: 30px;
}
.main-menu > li:before{
	content: '';position: absolute;width: 0;height: 1px;left: 50%;bottom: 16px;
}
.main-menu > li.current:before{
	width: 100%;left: 0;
}
.sub-menu{
	position: absolute;
	left: 0;top: 50px;
	padding: 20px 26px;
	background-color: #fff;
	box-shadow: 1px 1px 10px rgba(0,0,0,.15);
	border-top: 2px solid;
	visibility: hidden;
	opacity: 0;
}
.sub-menu:not(.open){
	pointer-events: none;
}
.main-menu > li:hover .sub-menu{
	top: 55px;
	visibility: visible;
	opacity: 1;
}
.main-menu > li:hover > a{
	opacity: 0.7;
}
.sub-menu a{
	font-size: 0.875rem;
	white-space: nowrap;
}
.sub-menu li{
	line-height: 30px;
}
.main-menu li.has-children > a:after{
    content: '\e900';
    display: inline-block;
    vertical-align: top;
    margin-right: -4px;
    font-family: 'myicon';
    opacity: 0.5;
}


.search-box{
	position: relative;
	font-size: 0;
	float: left;
	z-index: 9;
}
.search-box form{
	position: absolute;
	right: 20px;top: 0;
	width: 300px;height: 100%;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	z-index: 10;
}
.search-box form.open{
	width: 400px;
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}

.search-box form:after{
	content: '';position: absolute;right: -20px;top: 0;width: 900px;height: 100%;
	background: #fff;
	z-index: -1;
}
.search-box form button,.m-search-box form button{
	position: absolute;visibility: hidden;
}
.search-box i,.search-box form:before{
	position: relative;
	display: inline-block;vertical-align: top;
	width: 40px;height: 60px;
	font-family: 'myicon';
}
.search-box i.search-open:before{
	content: '';position: absolute;height: 20px;width: 1px;background: #ddd;right: 48px;top:5px;
}
.search-box i:after{
	position: absolute;width: 100%;height: 100%;text-align: center;font-size: 1.2rem;
}
.search-box i.search-open:after{
	content: '\f002';cursor: pointer;
}
.search-box form:before,.m-search-box form:before{
	content: '\f002';
}
.search-box form:before,.m-search-box form:before{
	position: absolute;left: 10px;top: 6px;width: 20px;pointer-events: none;font-size: 1.1rem;
}
.search-box i.search-close:after{
	content: '\f00d';
}
.search-box i.search-close{
	position: absolute;
	right: -40px;top: 0;
	cursor: pointer;
}
.search-box input.search,.m-search-box input.search{
	height: 40px;width: 100%;
	border-color: #ddd;
	padding-left: 34px;
	font-size: 1rem;
	vertical-align: middle;
}
.m-search-box form{
	position: relative;
	margin-top: 30px;
}
.m-search-box form:before{
	font-family: 'myicon';line-height: 40px;
}


.bg-full{
	position: absolute;
	width: 100%;height: 100%;left: 0;top: 0;
	background-position: center;
}
.testimonial .bg-full,
.banner-post-list .bg-full,
.product-footer .bg-full,
.article-header .bg-full,
.banner .bg-full{
	background-size: cover;
}
/*slider ==========================*/

.main-slider{
	position: relative;
	background-color: #eee;
	overflow: hidden;
}
.main-slider .item{
	position: relative;
	height: 560px;
}
.main-slider .bg-full{
	background-size: auto 100%;
}

.slick-dots{
	position: absolute;
	left: 0;bottom: 40px;
	width: 100%;
	text-align: center;
	font-size: 0;
	z-index: 9;
}
.slick-dots li{
	display: inline-block;vertical-align: middle;
	width: 10px;height: 10px;
	margin:0 7px;
	border-radius: 50%;
	background-color: rgba(44,44,44,.3);
	cursor: pointer;
}
.slick-dots li.slick-active{
	transform: scale(1.2,1.2);
}
.slick-arrow{
	position: absolute;
	top: 50%;left: 40px;
	width: 48px;height: 48px;line-height: 48px;text-align: center;
	margin-top: -24px;
	border-radius: 4px;
	background-color: rgba(44,44,44,.2);
	font-family: 'myicon';
	z-index: 9;cursor: pointer;
}
.slick-next{
	left: auto;right: 40px;
}
.slick-arrow:after{
	content: '';position: absolute;left: 0;top: 0; width: 100%;height: 100%;color: #fff;font-size: 1.4rem;
}
.slick-next:after{content: '\e409'}
.slick-prev:after{content: '\e408'}
.slick-prev:hover:after{left: -4px;}
.slick-next:hover:after{left: 4px;}


/*main-tabs ==========================*/

.main-tabs{
	max-width: 1180px;
	margin: 0 auto;
	padding: 100px 20px;
	text-align: center;
}
.tabs-nav{
	margin: 30px 0 60px 0;
	font-size: 0;
}
.tabs-nav li{
	display: inline-block;
	width: 320px;line-height: 68px;
	font-size: 1.5rem;
	border-bottom: 3px solid #f1f1f1;
	color: #999;
	cursor: pointer;
}
.tabs-nav li.current{
	color: #444;
}
.tabs-nav li:before{
	display: inline-block;vertical-align: top;height: 68px;margin-right: 10px;font-family: 'myicon';font-size: 120%;color: #ddd;
}
.tabs-nav li.tabs0:before{
	content: '\eac0';
}
.tabs-nav li.tabs1:before{
	content: '\eabe';position: relative;top: -1px;
}

/*
.tabs-content{
	overflow: hidden;
}

quasimo @ muyod del
*/
.tabs-content li{
	display: none;
}
.tabs-content li.current{
	display: block;
}
.tabs-content .item{
	position: relative;
	float: left;
	width: 33.333333%;
	padding: 0 30px;
}
.tabs-content .item .h{
	margin: 20px 0;
}
.tabs-content .item p{
	padding: 0 30px 30px;
	font-size: 1.125rem;
}
.tabs-content .item > a{
	display: inline-block;
	border: 1px solid #ccc;
	padding: 15px 30px;
	border-radius: 3px;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 0.75rem;
}
.tabs-content .item > a:hover{
	color: #fff;
}
.tabs-content .item:nth-child(3n+1){
	left: -55px;
}
.tabs-content .item:nth-child(3n+3){
	left: 55px;
}
.tabs-content .item:nth-child(3n+2):after,.tabs-content .item:nth-child(3n+2):before{
	content: '';
	position: absolute;left: -30px;bottom: 0;
	width: 1px;height: 70%;
	background-color: #f0f0f0;
}
.tabs-content .item:nth-child(3n+2):after{
	right: -30px;left: auto;
}

/*testimonial ===================================*/

.testimonial{
	position: relative;
	text-align: center;
	background: #fafafa;
}
.testimonial .wrap{
	position: relative;
	max-width: 1180px;
	margin: 0 auto;
	padding: 100px 0;
	z-index: 9;
}
.testimonial .item{
	position: relative;
	padding: 0 200px;
}
.testimonial img{
	width: 80px;height: 80px;
	margin: 20px auto 10px;
	border-radius: 50%;
}
.testimonial p{
	font-size: 1.75rem;
	font-weight: 100;
	line-height: 120%;
}
.testimonial i{
	display: block;
	font-weight: 700;
}
.testimonial em{
	font-size: 0.875rem;
}

.testimonial .slick-arrow{
	background: transparent !important;
}
.testimonial .slick-arrow:after{
	color: #999;font-size: 1.5rem;
}
.testimonial .slick-next:after{content: '\e903'}
.testimonial .slick-prev:after{content: '\e902'}

.hot{
	position: relative;
	max-width: 1180px;
	margin: 100px auto 120px;
	padding: 0 20px;
}
.hot > .wrap{
	position: relative;
}
.sticky{
	position: absolute;
	width: 45%;height: 100%;
	left: 0;top: 0;
	padding-top: 24px;
}
.sticky .item{
	position: relative;
	height: 100%;
	padding: 24px;
	border: 1px solid #eee;
}
.sticky .img{
	position: absolute;
	left: 0;top: 0;right: 0;bottom: 0;margin: 24px;
}
.sticky .bg-full{
	background-size: cover;
}
.sticky .text{
	position: absolute;
	left: 0;bottom: 0;
	padding: 40px 24px;
}
.sticky .text a:not(.more){
	display: block;
	margin: 5px 0 10px;
	font-size: 1.5rem;
	font-weight: 100;
}
.sticky a.more{
	font-size: 0.875rem;
}

.hot .post-list-side{
	float: right;
	width: 55%;
	padding-left: 60px;
}
.hot .post-list-side .item{
	padding: 24px 0 24px 16px;
	border-bottom: 1px solid #eee;
}
.hot .post-list-side .item a{
	position: relative;
	line-height: 120%;
	font-size: 1.125rem;
}
.sitemap li > a:before,
.hot .post-list-side .item a:before,
.banner-post-list a:before,
dl.table-02 dd a:before{
	content: '';position: absolute;left: -16px;top: 8px;
	width: 6px;height: 6px;border: 2px solid;border-radius: 50%;
}
i.time{
	display: block;
	font-size: 0.875rem;
	color: #999;
}
.hot .post-list-side .item .time{margin-top: 6px;}


/*latest ===================================*/

.banner-post-list{
	position: relative;
	background: #888;
	color: #fff;
}
.banner-post-list a{
	color: #fff;
}
.banner-post-list .wrap{
	position: relative;
	max-width: 1180px;
	margin: 0 auto;
	padding: 100px 20px 120px;
	font-size: 0;
	z-index: 9;
}
.banner-post-list .item{
	position: relative;
	display: inline-block;vertical-align: top;
	width: 33.3333333%;
	padding-right: 60px;
	margin: 20px 0;
	font-size: 1rem;
}
.banner-post-list .item:nth-child(3n+2){
	left: 30px;
}
.banner-post-list .item:nth-child(3n+3){
	left: 60px;
}

.banner-post-list .item i{
	display: block;
	margin-top: 10px;
	opacity: 0.7;
}
.banner-post-list a{
	position: relative;
}


/*products ===================================*/

.product-header{
	position: relative;
	height: 560px;
	text-align: center;
	color: #fff;
}
.product-header .bg-full{
	background-size: auto 100%;
}
.product-header:after{
	content: '';display: inline-block;vertical-align: middle;height: 100%;width: 0;
}
.product-header .wrap{
	position: relative;
	display: inline-block;vertical-align: middle;
	z-index: 9;
}
.product-header .h{
	font-weight: 700;
	font-size: 48px;
}
.product-header p{
	font-size: 1.2rem;
}

.product-tabs em{
	display: block;
}
.product-tabs{
	line-height: 36px;
	margin-top: 10px;
	font-size: 0;
}
.product-tabs i{
	position: relative;
	display: inline-block;vertical-align: top;
	padding: 4px 20px 12px;
	line-height: 10px;
	border: 2px solid rgba(244,244,244,.2);
	cursor: pointer;
	font-size: 1rem;
	opacity: 0.7;
}
.product-tabs i.window{
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
	left: 1px;
}
.product-tabs i.mac{
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
	left: -1px;
}
.product-tabs i.current{
	opacity: 1;
	border-color: rgba(244,244,244,1);
}
.product-tabs i:before{
	content: '';display: block; width: 36px;height:36px;
	transform: scale(0.6,0.6);
	-webkit-transform: scale(0.6,0.6);
	-ms-transform: scale(0.6,0.6);
}
.product-tabs i.window:before{
	background-image: url('images/icon-win.png');
}
.product-tabs i.mac:before{
	background-image: url('images/icon-mac.png');
}

.product-tabs-content li{
	display: none;
}
.product-tabs-content li.current{
	display: block;
}
.btn-group a{
	position: relative;
	display: inline-block;
	margin: 0 8px;
	line-height: 54px;
	border-radius: 4px;
	font-size: 1rem;
	padding: 0 80px 0 40px;
	color: #fff;
}
.btn-group a:after{
	content: '';position: absolute; width: 36px;height:36px;
	margin-top: -18px;top: 50%;right: 10px;
}

.btn-group{
	margin: 20px 0;
	font-size: 0;
}
a.download,a.addcart{
	display: inline-block;
	width: 200px;
	margin: 0 8px;
	line-height: 54px;
	border-radius: 4px;
	font-size: 1rem;
	color: #fff;
}
a.download,a.addcart{
	position: relative;
	width: auto;
	margin: 30px 10px 30px 0;
	padding:0 10px 0 30px; 
}
a.addcart{
	margin: 0;vertical-align: middle;
}
a.download:after,a.addcart:after{
	content: '';display: inline-block;vertical-align: middle;margin-left: 10px;width: 54px;height: 54px;
	background-repeat: no-repeat;background-position: center;
}
a.download.win:after,.window .btn-group a:after{
	background-image: url('images/icon-win.png');
}
a.download.mac:after,.mac .btn-group a:after{
	background-image: url('images/icon-mac.png');
}
a.addcart:after{
	background-image: url('images/icon-cart.png');
}

.btn-big:after{
	position: relative;left: 10px;
	content: '\e409';display: inline-block;vertical-align: top;font-family: 'myicon';
}
.btn-big:hover:after{
	left: 20px;
}
.btn-group a.red{
	background-color: #ff8915;
}
.btn-group a:hover,.btn-big:hover,a.download:hover,a.addcart:hover{
	-webkit-filter: saturate(1.6);
	filter: saturate(1.6);
}
.product-header span{
	font-size: 0.875rem;
	opacity: 0.7;
}


.product-detail,.wrap-has-side{
	position: relative;
	max-width: 1180px;
	padding: 60px 20px 0;
	margin: 0 auto 80px;
	line-height: 160%;
}

.product-detail .h,.article-detail .h{
	margin: 24px 0;
}
.product-detail ul,.product-detail ol,
.article-detail ul,.article-detail ol{
	margin: 30px 15px;
}
.product-detail hr,.article-detail hr{
	border: 1px solid #ddd;
	border-bottom: none;
	margin: 60px 0;
}
.product-detail img,.article-detail img{
	max-width: 100%;
	display: block;
	margin: 30px auto;
}
.product-detail p{
	margin-bottom: 24px;
}


ul.table-01{
	width: 100%;
	min-width: 960px;
	border: 1px solid #ededed;
	margin: 60px 0;
}
ul.table-01 li{
	position: relative;
	list-style-type: none;
	border-left: 2px solid;
	border-top: 1px solid #ededed !important;
	min-height: 150px;
	font-size: 0;
}
ul.table-01 li:first-child{
	border-top: none !important;
}
ul.table-01 li:nth-child(2n+2){
	background: #fafafa;
}
ul.table-01 li:before{
	content: '';position: absolute;left: 260px;top: 0;height: 100%;width: 1px;background: #ededed;
}
ul.table-01 dt,ul.table-01 dd{
	display:inline-block;vertical-align: top;
	padding: 24px 36px;
}
ul.table-01 dl{
	padding-left: 300px;
}
ul.table-01 dt{
	position: relative;
	left: -40px;
	width: 260px;
	line-height: 150px;
	padding: 0 30px;
	margin-left: -260px;
	font-size: 1.2rem;
}
ul.table-01 img{
	margin: 10px 0;
	display: inline-block;
}
ul.table-01 dd{
	text-align: center;
	width: 24%;
	font-size: 1rem;
}
.product-detail ul p,.article-detail ul p{
	margin: 0;
}

dl.table-02{
	margin: 60px 0;
	font-size: 0;
}
dl.table-02 dt{
	margin-bottom: 30px;
}
dl.table-02 dd{
	position: relative;
	display: inline-block;vertical-align: top;
	width: 33.333333%;
	margin-bottom: 30px;
	padding-right: 60px;
	padding-left: 10px;
	font-size: 1rem;
}
dl.table-02 dd a:before{
	left: -4px;
}

.table-03{
	width: 100%;
	min-width: 960px;
	margin: 60px 0;
}
.table-03 tr td:nth-child(1){
	text-align: left;padding-left: 24px;
	font-size: 1rem;
}
.table-03 td{
	font-size: 0;
}
.table-03 i{
	position: relative;display: inline-block;vertical-align: top;
	width: 48px;height: 48px;line-height: 48px;text-align: center;
}
.table-03 i:before{
	content: '\e876';font-family: 'myicon';position: absolute;width: 100%;height: 100%;left: 0;top: 0;font-size: 1.2rem;
}
.table-wrap{
	width: 100%;
	overflow: auto;
}

.product-footer{
	position: relative;
	padding: 70px 0;
}

.product-footer .wrap{
	position: relative;
	width: 460px;
	margin: 0 auto;
	text-align: center;
	z-index: 9;
}
.btn-big{
	display: inline-block;
	line-height: 54px;
	margin: 30px;
	padding: 0 60px;
	border-radius: 4px;
	color: #fff;
}



/*article ===============================================*/


.article-header{
	position: relative;
	padding: 50px 0;
}
.article-header .wrap{
	position: relative;
	max-width: 1180px;
	margin: 0 auto;
	padding: 0 20px;
	z-index: 9;
}
.wrap-has-side{
	padding: 60px 20px 0;
}
.article-detail{
	width: 70%;
	margin: 0;
	float: left;
	width: 870px; /* muyod modify */
}
p.note{
	position: relative;
	margin: 30px 0;
	padding: 24px 24px 24px 110px;
	border: 1px solid #ededed;
	border-left: 3px solid #9fce2f;
}
p.note:before{
	content: '';position: absolute;height: 64px;width: 64px;left: 20px;top: 24px;
	background-image: url('images/icon-note.png');
}
.post-meta{
	position: relative;
	margin: 50px 0 0;
	padding: 40px 0 40px 100px;
	line-height: 120%;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
}
.post-meta img{
	position: absolute;
	width: 80px;
	height: 80px;
	left: 0;
	/* top: 50%; */
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	border-radius: 50%;
}


.post-meta p{
	display: inline-block;vertical-align: top;margin-right: 30px;
	font-size: 0.875rem;
}
.post-meta p i{
	display: inline-block;margin-right: 4px;
	opacity: .5;
}
.post-meta .social-wrap{
	margin-top: 10px;
}


/*buy page ==================================================*/

.store-detail{
	max-width: 1180px;
	margin: 80px auto;
	padding: 0 20px;
}
.store-detail .main{
	position: relative;
	padding-left: 300px;
	padding-bottom: 80px;
	border-bottom: 1px solid #ededed;
}
.product-img{
	position: absolute;
	width: 240px;height: 100%;
	left: 0;top: 0;
}
.product-img img{
	max-width: 100%;
}
i.rated{
	display: block;
	height: 30px;
	margin-top: 20px;
	text-align: center;
	background-image: url(images/raty.png);
	background-position: 50% -120px;
	background-repeat: no-repeat;
}

i.rated.star1{background-position: 50% 0;}
i.rated.star2{background-position: 50% -30px;}
i.rated.star3{background-position: 50% -60px;}
i.rated.star4{background-position: 50% -90px;}


.main-info .h{
	margin: 4px 0 20px 0;
}
.main-info ul{
	margin-bottom: 20px;
}
.main-info li{
	line-height: 150%;font-size: 1.125rem;
}
.main-info li:before{
	content: '';display: inline-block;vertical-align: middle;margin-right: 6px;
	width: 6px;height: 6px;border-radius: 50%;border:2px solid;
	position: relative;top: -1px;
}

.price-box{
	margin: 30px 0;
	padding:24px 30px;
	font-size: 0;
	background: #f9fdff;
	border: 1px solid #a6d6f2;
	border-radius: 3px;
}
.price-box .h{
	margin: 0 0 6px 0;font-size: 20px;
}
.price-box .intro,.price-box .buy{
	width: 50%;display: inline-block;vertical-align: middle;font-size: 1rem;
}
.price-box .buy{
	text-align: right;
}
.price-box .buy p{
	display: inline-block;vertical-align: middle;margin-right: 30px;color: #ff8915;font-size: 2rem;
}
.price-box del{
	color: #999;font-weight: 100;font-size: 0.875rem;margin-right: 8px;vertical-align: middle;
}
.accept-box{
	text-align: right;
}
.accept-box p{
	float: left;line-height: 40px;color: #ccc;
}




.iconbox{
	font-size: 0;
	margin: 80px 0;
}
.iconbox .item{
	position: relative;
	display: inline-block;vertical-align: top;
	padding:0 40px 0 70px;
	width: 33.333333%;
	font-size: 1rem;
	line-height: 160%;
}
.iconbox p{
	font-size: 1.25rem;
	font-weight: 700;
	margin-bottom: 8px;
}
.iconbox img{
	position: absolute;width: 48px;height: 48px;left: 0;top: 0;
}

/*post-list =====================================================*/

.post-list{
	width: 75%;
	margin: 0;
	float: left;
}

.post-list .item{
	padding: 30px;
	border:1px solid #ededed;
	margin-bottom: 30px;
}
.post-list .h{
	line-height: 120%;
	margin-bottom: 6px;
}
.list-meta{
	margin-bottom: 15px;
}
.list-meta i{
	display: inline-block;vertical-align: top;
	margin-right: 30px;line-height: 30px;
	color: #777;
}
.list-meta i:before{
	content: '';
	display: inline-block;vertical-align: top;line-height: 29px;
	margin-right: 4px;font-family: 'myicon';
	opacity: 0.5;
}
.list-meta i.time:before{content: '\e94f'}
.list-meta i.author:before{content: '\e971'}
.post-list a.more{
	display: inline-block;
	margin: 20px 0 0 0;
	padding: 0 24px;
	border-radius: 2px;
	border:1px solid;
	font-size: 0.875rem;
	line-height: 36px;
}
.post-list a.more:hover{
	color: #fff;
}

/*site-map =====================================================*/
.sitemap{
	max-width: 1180px;
	margin: 80px auto 60px;
	padding: 0 20px;
}
.sitemap .item{
	position: relative;
	padding-left: 25%;
	margin-top: 60px;
	padding-bottom: 60px;
	border-bottom: 1px solid #ededed;
}
.sitemap .item:last-child{
	border: none;
}
.sitemap .h{
	position: absolute;
	left: 0;top: 0;
	margin: 0;
}
.sitemap ul{
	font-size: 0;
}
.sitemap li{
	display: inline-block;vertical-align: top;
	width: 33.333333%;
	line-height: 160%;
	font-size: 1.125rem;
}
.sitemap li > a{
	position: relative;
}
.sitemap .btn{
	margin-bottom: 30px;
}
.sitemap li:nth-last-child(1) .btn,
.sitemap li:nth-last-child(2) .btn,
.sitemap li:nth-last-child(3) .btn{
	margin-bottom: 0;
}
.sitemap .btn a{
	display: inline-block;vertical-align: top;
	font-size: 0.875rem;margin-right: 20px;
}

/*store =====================================================*/

.store-header,.banner-404{
	position: relative;
	height: 380px;
}
.store-header .wrap{
	position: relative;
	max-width: 1180px;
	height: 100%;
	margin: 0 auto;
	padding: 0 20px;
	z-index: 9;
}
.store-header .wrap:before{
	content: '';display: inline-block;vertical-align: middle;width: 0;height: 100%;
}
.store-header .h{
	display: inline-block;vertical-align: middle;
	width: 50%;margin: 0;
}

.store{
	max-width: 1180px;
	margin: 0 auto 60px;
	padding: 0 20px;
}

.store-category{
	padding: 30px 0;
	border-bottom: 1px solid #ededed;
	line-height: 30px;
	text-align: right;
}
.store-category .h{
	float: left;
	margin: 0;
}
.store-category a{
	display: inline-block;vertical-align: top;
	margin-left: 30px;color: #777;
}
.store-category a:not(.current):hover{
	color: #999;
}

.store-group{
	margin: 60px 0;
	border-bottom:1px solid #ededed;
}
.store-group:last-child{
	border:none;
}
.store-group > .h:before{
	content: '\e900';display: inline-block;vertical-align: middle;font-family: 'myicon';margin-right: 6px;font-size: 1.2rem;
	position: relative;top: -2px;
}
.store-list{
	font-size: 0;
}
.store-list .item{
	position: relative;
	display: inline-block;vertical-align: top;
	width: 50%;
	min-height: 280px;
	margin: 40px 0;
	padding-left: 250px;
	padding-right: 40px;
	font-size: 1rem;
}
.store-list .item img{
	position: absolute;
	width: 240px;
	left: 0;top: 0;
}
.store-list p{
	margin-bottom: 20px;line-height: 120%;
}
.store-list .buy{
	position: relative;
	display: inline-block;
	width: 220px;
	margin: 4px 0;
	padding: 8px 20px;
	border:1px solid #dfdfdf;
	border-radius: 3px;
}
.store-list .buy i,.store-list .buy em{
	display: block;
}
.store-list .buy i{
	font-size: 1.125rem;
}
.store-list .buy del{
	color: #999;margin-left: 10px;
}
.store-list .buy em{
	color: #ff8915;
}
.store-list .buy:after{
	content: '';position: absolute;top: 50%;right: 15px;margin-top: -18px;
	width: 36px;height: 36px;
	background-repeat: no-repeat;background-position: center;
}
.store-list .buy.win:after{
	background-image: url('images/icon-win-red.png');
}
.store-list .buy.mac:after{
	background-image: url('images/icon-mac-red.png');
}
.store-list .buy:hover{
	border-color: #ff8915;
}


/*support ==================================================*/
.support-list{
	max-width: 1180px;
	margin: 60px auto 100px;
	padding: 0 20px;
}
.support-list .item{
	position: relative;
	padding: 60px 300px 60px 0;
	border-bottom: 1px solid #ededed;
}
.support-list .item:last-child{
	border: none;
}
.support-list .item > img{
	position: absolute;
	right: 0;top: 60px;
	max-height: 120px;
	max-height: calc(100% - 120px);
	z-index: -1;
}
.support-list .item .h{
	margin: 0 0 30px 0;
}
.support-list .item .h:after{
	content: '';position: absolute;left: 0;bottom: -8px;height: 2px;width: 40px;
}

/*404 =====================================================*/

.page404{
	max-width: 1180px;
	margin: 60px auto;
	padding: 0 20px;
}
.page404 .info,.page404 .h{
	text-align: center;
}
.page404 .info{
	margin: 80px 0;
	padding-bottom: 60px;
	border-bottom: 1px solid #ededed;
}

.search-result{
	float: none;
	max-width: 900px;
	margin: 20px auto 60px;
}

/*other =====================================================*/

.banner{
	position: relative;
}
.banner .wrap{
	position: relative;
	max-width: 1140px;
	margin: 0 auto;
	text-align: center;
	padding: 100px 0;
	z-index: 9;
}
.banner .h{
	color: #fff;
}

.side{
	width: 30%;
	float: right;
	width: 320px; /* muyod modify */
	background-color:#fff;
}
.wrap-has-side .side:nth-child(1){
	padding-right: 60px;
	width: 25%;
}
.article-detail ~ .side{
	padding-left: 80px;
}
.side .box{
	margin-bottom: 20px;
}
.side ul{
	padding:24px;
	background: #fafafa;
	line-height: 200%;
}
.side .h{
	font-size: 20px;
	margin-top: 0;
	font-weight: normal;
}
.side i{
	position: relative;
	display: block;
	padding: 0 24px;
	line-height: 40px;
	color: #fff;
}
.side i a{
   color:white;
}

.side i:before{
	content: '';position: absolute;left: 24px;bottom: -7px;
	border-left: 8px solid transparent !important;
    border-right: 8px solid transparent !important;
    border-top: 8px solid red;
}
.accordion ~ .accordion  ul,.side.toggle ul{
	display: none;
}
.accordion i,.side.toggle i{
	cursor: pointer;
}
.accordion i:after,.side.toggle i:after{
	content:'\f106';
	font-family: 'myicon';
	position: absolute;
	right: 10px;
	top: 0;
	
}
.accordion.open i:after,.side.toggle.open i:after{
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
}
.accordion:not(.open) i:before,.side.toggle:not(.open) i:before{
	opacity: 0;bottom: 2px;
}


.go-top{
	position: fixed;
	width: 34px;height: 34px;
	right: 30px;bottom: 40px;
	color: #fff;
	border-radius: 3px;
	background-color:rgba(44,44,44,.4);
	font-family: 'myicon';
	cursor: pointer;
	opacity: 0;
	visibility: hidden;
	z-index: 999;
}
.go-top-show{
	bottom: 30px;
	visibility: visible;
	opacity: 1;
}
.go-top:before{
	content: '\f106';
	position: absolute;
	width: 34px;height: 34px;line-height: 34px;
	text-align: center;
	font-size: 0.875rem;
}


.pages ul{
	padding-left: 25%;
	margin: 60px auto;
}
.search-result ~ .pages ul{
	padding: 0;
	text-align: center;
}
.pages li{
	display: inline-block;
	margin: 3px;
	vertical-align: top;
	text-align: center;
}
li .dots{
	width: 36px;height: 36px;
}
.pages a,.pages span{
	display: inline-block;
	min-width: 36px;height: 36px;
	line-height: 36px;
	text-align: center;
	font-size: 0.875rem;
	background-color: #fafafa;
}
.pages li a:hover,.pages li .current{
	background-color: #eee;
}
.pages li a:not(.current):hover{
	color: #fff;
}

.search-count{
	max-width: 900px;
	margin: 60px auto 20px;
	padding-left: 10px;
	font-size: 1.5rem;
}





.m-header{
	position: relative;display: none;
	width: 100%;min-height: 50px;left: 0;top: 0;
	box-shadow: 0 0 5px rgba(11,11,11,.12);
	z-index: 9999;
}
.m-header:after,.has-children em{
	content: '';position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: -1;
}
.has-children em{
	z-index: 1;
}
.mobile .m-header{
	display: block;
}
.m-nav li a{
	position: relative;
	display: inline-block;vertical-align: middle;line-height: 110%;
	z-index: 2;
}
.m-logo{
	float: left;
	height: 50px;
}
.m-logo img{height: 100%;display: block;padding:10px 20px;}
.m-logo a{display: block;height: 100%;}
.m-header > i{
	float: right;
	position: relative;
	height: 50px;width: 50px;line-height: 50px;text-align: center;
	font-size: 0;cursor: pointer;
}
.m-header > i:after,.m-header li.has-children:after{
	content: '\e5d2';
	font-family: 'myicon';
	position: absolute;height: 50px;width: 50px;left: 0;top: 0;
	font-size: 20px;
}
.m-header > i.down:after{content: '\e5cd';}
.m-nav{
	display: none;
	position: relative;
	width: 100%;
	background-color: rgb(250,250,250);
	overflow: auto;
	line-height: 48px;
	font-size: 1.125rem;
	padding: 20px;
	box-shadow: 0 10px 30px rgba(0,0,0,.1);
	z-index: 2;
}
.m-nav li ul{
	margin-left: 20px;
	display: none;
	padding-bottom: 10px;
}
.m-main-menu>li{
	position: relative;
	border-bottom: 1px solid rgba(99,99,99,.1);
	padding-right: 40px;
}
.m-main-menu>li:last-child{
	border: none;
}
.m-header li.has-children:after{
	content: '\e900';height: 48px;width:auto;right: 10px;left: auto;
}
.m-header li.has-children.open:after{
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
}






/*footer ===================================*/

footer{
	position: relative;
	background-color: #fafafa;
}

footer > .wrap{
	max-width: 1180px;
	margin: 0 auto;
	padding: 0 20px;
}
.footer-info{
	padding: 80px 0 70px;
}
.foot-box{
	float: left;
	width: 18%;
	line-height: 160%;
}
.foot-box.about{
	width: 32%;
	padding-right: 60px;
}
.foot-box.social{
	float: right;
	width: auto;
}
.social-wrap{
	font-size: 0;
}
.social-wrap a{
	position: relative;
	display: inline-block;
	width: 48px;height: 48px;line-height: 48px;
	text-align: center;
	border-radius: 4px;
	margin-right: 6px;
	font-size: 1.2rem;
}
.post-meta .social-wrap a{
	width: 24px;height: 24px;line-height: 24px;font-size: 12px;border-radius: 2px;
}
.social-wrap a:hover{opacity: 0.8;}

a.facebook{background: #3f68ae;}
a.twitter{background: #66c4f5;}
a.linkedin{background: #3393d5;}
a.google-plus{background: #ec4242;}
.social-wrap a:after{position: absolute;width: 100%;height: 100%;top: 0;left: 0;color: #fff;font-family: 'myicon';}

a.facebook:after{content: '\ea90'}
a.twitter:after{content: '\ea96'}
a.linkedin:after{content: '\eaca'}
a.google-plus:after{content: '\ea8b'}

.foot-box p{
	position: relative;
	font-weight: 700;
	margin-bottom: 20px;
	color: #111;
}
.foot-box p:after{
	content: '';position: absolute;left: 0;bottom: -4px;width: 15px;height: 1px;
}
.clone-menu{float: right;}
.footer-menu li{
	float: left;
	margin-left: 20px;
}

.copy{
	padding: 40px 0;
	border-top: 1px solid #eee;
	font-size: 0.875rem;
}



/*site-transition ==========================*/

.search-box i:after,.search-box input,.main-menu a,.sub-menu,.slick-dots li,.tabs-content .item a,.social-wrap a,.foot-box:not(.social) a,.post-list a.more,.pages a,
.clone-menu a,.hot a,.banner-post-list a,.btn-group a,.btn-group a:after,.product-detail a,.btn-big,.btn-big:after,.side a,a.download,a.addcart,dl.table-02 a,
.sitemap a,.store-list .buy,.h a,.product-tabs i{
	transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-ms-transition: all 0.3s;
}
.search-box form,.slick-arrow,.slick-arrow:after,.go-top,.accordion i:after,.side i:before{
	transition: all 0.6s;
	-webkit-transition: all 0.6s;
	-ms-transition: all 0.6s;
}


/*site-color ==========================*/

/*blue*/
.main-menu > li:before,.slick-dots li.slick-active,.slick-arrow:hover,.tabs-content .item > a:hover,.foot-box p:after,.btn-group a,.btn-big,.go-top:hover,
.side i,a.download,a.addcart,.post-list a.more:hover,.pages a:not(.current):hover,.support-list .item .h:after{
	background-color: #35a5e6;
}
.search-box i:hover:after,.sub-menu a:hover,.tabs-nav li.tabs1.current:before,.foot-box:not(.social) a:hover,.clone-menu a:hover,.support-list .item a,
.sticky a.more,.hot a:hover,.hot .h,.product-detail a:hover,.table-03 i:before,blockquote a,.side a:hover,.post-meta a,.main-info i,.main-info p a,
.price-box .h,.post-list a.more,.post-list .h a:hover,.sitemap li > a:hover,.sitemap .btn a,.store a.current,.store-group > .h,.store-list .h a:hover,
.popular .h,.h a:hover,dl.table-02 a:hover{
	color: #35a5e6;
}
.search-box input.search:focus,.sub-menu,.tabs-nav li.current,.tabs-content .item a:hover,
.hot .post-list-side .item a:before,.banner-post-list a:before,dl.table-02 dd a:before,.sitemap li > a:before,
ul.table-01 li,.side i:before,.main-info li:before,.post-list a.more{
	border-color: #35a5e6;
}
/*light-blue*/
.banner-post-list a:hover{
	color: #89d8fc;
}
/*green*/

.tabs-nav li.tabs0.current,.tabs-content li.tabs0 .item > a:hover{
	border-color: #9fce2f;
}
.tabs-content li.tabs0 .item > a:hover{
	background-color: #9fce2f;
}
.tabs-nav li.tabs0.current:before,.tabs-content li.tabs0 .item .h a:hover{
	color: #9fce2f;
}


/*site-media ==========================*/

@media screen and (max-width: 1279px){
	html{font-size: 14px;}
	.main-slider .item{height: 400px;}
	.main-menu > li{margin-right: 20px;}
}

.m-mode{

}

@media screen and (max-width: 959px){
	header{display: none;}
	.m-header{display: block;}
	.foot-box{display: inline-block;width: 45% !important;float: none !important;margin-bottom: 40px;vertical-align: top;}
	.clone-menu{display: none;}
	.banner-post-list .item{width: 50%;left: 0 !important;}
	.banner-post-list .wrap{padding: 60px 30px 80px;}
	.sticky,.hot .post-list-side{float: none;width: 100%;padding: 0;}
	.sticky{position: relative;margin-bottom: 40px;}
	.sticky .item{padding: 0;}
	.sticky .img{position: relative;height: auto !important;padding-top: 60%;}
	.sticky .text{position: relative;padding: 0px 20px 40px 20px;}
	.testimonial .item{padding: 0 2%;}
	.testimonial p{font-size: 1.25rem;}
	.slick-arrow{width: 30px;height: 30px;line-height: 30px;}
	.slick-prev{left: 20px;}
	.slick-next{right: 20px;}
	.tabs-nav li{width: 50%;}
	.tabs-content .item{width: 100%;float: none;left: auto !important;margin-bottom: 40px;}
	.banner-404{height: auto !important;padding-top: 45%;}
	.banner-404 .bg-full{background-size: cover;}

	dl.table-02 dd{width: 100%;padding-right: 0;}
	.article-detail,.side{width: 100% !important;float: none !important;}
	.side{padding-left: 0 !important;padding-right: 0 !important;}
	.post-list{width: 100%;float: none;}
	.pages ul{padding-left: 0;}
	.product-header .h{font-size: 36px;}
	.product-header .wrap{width: 98%;}
	.sitemap .h{position: relative;margin-bottom: 20px;font-size: 24px;}
	.sitemap .item{margin: 40px 0;padding: 0 20px 40px;}
	.sitemap .btn{margin-bottom: 30px !important;}
	.sitemap li{width: 50%;}
	.store-header .h{width: 70%;font-size: 30px;}
	.store-list .item{width: 100%;padding-left: 0;text-align: center;padding-right: 0;}
	.store-list .buy{text-align: left;}
	.store-list .item img{position: relative;}
	.store-header .bg-full{background-size: cover;}
	.store-category{text-align: left;}
	.store-category .h{float: none;font-size: 24px;margin-bottom: 10px;}
	.store-category a{margin: 0 20px 0 0;}
	.store-list .item .h{font-size: 24px;}
	.support-list .item{padding-right: 0;}
	.support-list .item img{display: none;}
	.support-list{margin: 30px auto;}
	.terms .side{margin-top: 40px;}
}


@media screen and (max-width: 768px){
	.main-slider .slick-arrow{display: none !important;}
	.slick-dots{bottom: 20px;}
	.tabs-nav li{font-size: 1rem;}
	.main-tabs{padding: 60px 20px;}
	.banner-post-list .item,.foot-box{width: 100% !important;padding-right: 0;}
	.footer-info{padding-bottom: 0;}
	.go-top{display: none;}
	.btn-big{padding: 0 20px;line-height: 44px;}
	.btn-big:hover:after{left: 10px;}
	a.download{margin: 20px 20px 0 0;}
	p.note{padding-left: 60px;}
	p.note:before{width: 40px;height: 40px;background-size: cover;left: 8px;}
	.iconbox .item{padding-right: 0;width: 100%;margin-bottom: 40px;}
	.store-detail{margin: 40px auto;}
	.store-detail .main{padding: 0 0 40px 0;}
	.product-img{position: relative;margin: 0 auto 30px;height: auto;}
	.accept-box{text-align: left;}
	.accept-box p{float: none;}
	.price-box .intro, .price-box .buy{width: 100%;text-align: left;}
	.price-box .buy p{display: block;margin: 20px 0;}
	.wrap-has-side,.product-detail{padding-top: 40px;}
	.product-header .h{font-size: 24px;}
	/*.btn-group a{width: auto;padding: 0 20px;line-height: 36px;}*/
	.product-header p{font-size: 1rem;}
	.product-header{height: auto;padding: 100px 0;}
	.product-detail hr, .article-detail hr{margin: 40px 0;}
	.product-footer .wrap{width: 100%;padding: 0 40px;}
	.search-count ~ .post-list{padding: 0 20px;}
	.search-count{padding-left: 20px;}
	.store-header .h{font-size: 20px;}
	.support-list{margin: 0;}
	
}
@media screen and (max-width: 480px){
	.sitemap .h,.store-category .h,.store-list .item .h{font-size: 18px;}
	.store-header .h{font-size: 15px;}
	.btn-group a{margin-bottom: 4px;}
	.sitemap li{width: 100%;}
}

/* Muyod Addition */
div.pages ul li span.pages{
	display: none
}

.product-detail .h, .article-detail .h{
	line-height: 1.2
}

.sitemap li{
	padding: 0 10px 10px
}

.article-detail a{
	color: #35a5e6;
}
.article-detail a.download{
	color: #fff
}
em{
	font-style: italic
}

.product-detail img, .article-detail img{
	height: auto
}

/*
.home .tabs-content{
	overflow-x: visible
}
*/

.side i{
	line-height:1.5;
	padding: 10px;
}
.side ul{
	padding: 10px
}
.side ul li{
	line-height:1.2;
	margin-bottom:15px;
}
.article-detail .side, .article-detail ~ .side{
	padding-left: 40px;
	width: 270px
}
.accordion i:after, .side.toggle i:after{
	font-size: 16px;
	top: 8px;
}
.single .side i, .single .side ul li{
	font-size: 13px
}
.breadcrumb {
	padding: 8px 15px;
	margin-bottom: 20px;
	list-style: none;
	/*background-color: #f5f5f5;*/
	border-radius: 4px;
        width: 925px;
        margin-left:84px;
}

.breadcrumb>li {
	display: inline-block;
}

.breadcrumb>li+li:before {
	font-family: 'myicon';
	padding: 0 30px 0 10px;
	color: #ccc;
	content: '\f105';
}

.breadcrumb>.active {
	color: #777
}

.side i a:hover{
   color:black;
}