@charset "UTF-8";

/*area_banner*/
.area_banner { position: relative; }
.area_banner img { width: 100%; }
.area_banner .swiper-pagination { bottom: 40px; height: 6px; }
.area_banner .swiper-pagination .swiper-pagination-bullet { width: 48px; height: 6px; margin: 0 15px; vertical-align: top; background: #fff; border-radius: 0; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.3); }

.bannerBox { position: relative; }
.bannerBox img { position: relative; transform: translate(0, 0); }
.bannerText { position: absolute; top: 260px; left: 0; width: 100%; text-align: center; color: #fff; }
.bannerText h2 { margin: 20px 0; font-size: 60px; line-height: 1.2em; }
.bannerText p { font-size: 30px; color: #ccc; }

/*電腦版下載*/
.forweb_banner{position: relative; text-align: center; background-color: #000d25;}
.forweb_banner img{width: 100%; height: auto;}
.forweb_banner .download-bx { position: absolute;left: 50%; top:50%; transform: translateY(-50%); width: 500px; }
.forweb_banner .download-bx .img-txt{ width: 100%;}

.download-bx .download-btn{ display: flex; justify-content: center; }
.download-bx .download-btn a {width: 300px; height: 80px; display: block; font-size: 0; }
.download-bx .download-btn a.mac {background: url(../images/btn_mac.png) center 0 no-repeat; background-size: contain;}
.download-bx .download-btn a.windows {background: url(../images/btn_windows.png) center 0 no-repeat; background-size: contain;	}
.download-bx .download-btn a:hover{opacity: .8;transition-duration: 0.3s;}


/*介紹*/
.introBox {  background-color: #fafafa; }
.introBox .pagesize{display: flex; flex-direction:row-reverse; justify-content: space-between; align-items: center; padding: 50px 0;}
.introBox .bn { flex: 1 1 500px; }
.introBox .bn img { max-width:100%; }
.introBox .textbox { flex: 1 1 500px; margin-right: 20px; }
.introBox .textbox p { font-size: 24px; line-height: 1.6em; color: #1b1b1b; }
.introBox h2 { margin-bottom: 20px; font-size: 60px; line-height: 1.2em; font-weight: bold; color: #c09400; }
.introBox h3 { margin-bottom: 32px; font-size: 24px; line-height: 1.2em; }
/*right*/
.introBox.right {  background-color: #fff; }
.introBox.right .pagesize{flex-direction:row; justify-content: flex-start;}
.introBox.right .bn { margin-right: 20px; }
.introBox.right .textbox { margin: 0 0 0 20px; }

/*電腦版*/
.forweb_intro .introBox h2{ color: #329fd6;}
.forweb_intro .introBox .textbox p{ color: #1b1b1b; font-weight: 500;}
.forweb_intro > .intro_bg:nth-child(even){background-color: #eaf3f6;}
.forweb_intro .introBox{ padding: 0; margin: 0;}



/*分享*/
.area_review { position: relative; margin-bottom: 64px; }
.area_review .title { display: flex; flex-direction: column; text-align: center; margin: 0 auto 50px; }
.area_review .title span { align-self:center; display: block; width: 5.5em; margin: 0 0 20px; padding-top: 40px; font-size: 36px; line-height: 1.2em; font-weight: 400; color: #898989; border-top: solid 1px #e5e5e5; }
.area_review a.btn { align-self:center; display: block; width: 150px; line-height: 36px; color: #fff; background: #434343; border-radius: 18px; transition: 0.2s; }
.area_review a.btn:hover { background: #666; }
.area_review .swiper-wrapper { display: flex; justify-content: space-between; }
.area_review .swiper-button-prev ,
.area_review .swiper-button-next { display: none; }
.reviewBox { flex: 0 1 auto; width: auto; padding: 0 20px; }
.reviewBox:nth-child(1) { padding-left: 0; }
.reviewBox:nth-last-child(1) { padding-right: 0; }
.reviewBox .reviewImg { width: 240px; }
.reviewBox .reviewImg img { width: 100%; }


@media screen and (max-width: 1300px) {
/*電腦版下載*/
.forweb_banner .download-bx { width: 400px; }
 .download-bx .download-btn a {width: 240px; height: 64px; }

}


@media screen and (max-width: 1200px) {
	/*電腦版下載*/
	 .download-bx .download-btn a {width: 240px; height: 64px; }
	
	}
	


@media screen and (max-width: 1024px) {
	/*分享*/
	.area_review .swiper-wrapper { justify-content: flex-start; }
	.area_review .swiper-button-prev ,
	.area_review .swiper-button-next { display: block; top: calc(50% + 40px); width: 20px; height: 40px;  }
	.area_review .swiper-button-prev { left: 10px; background: url(../images/btn_prev_01.png) center no-repeat; background-size: 100% auto; }
	.area_review .swiper-button-next { right: 10px; background: url(../images/btn_next_01.png) center no-repeat; background-size: 100% auto; }
	.reviewList { margin: 0 30px; }
	.reviewBox { flex: 0 0 auto; width: 100%; padding: 0; }
	.reviewBox .reviewImg { width: auto; }

}

@media screen and (max-width: 800px) {

	/*area_banner*/
	.area_banner .swiper-pagination { bottom: 20px; }
	.area_banner .swiper-pagination .swiper-pagination-bullet { width: 32px; margin: 0 10px; }

	/*電腦版下載*/
	.forweb_banner .download-bx {right: 20px;width:50%; height:auto;  padding-bottom: 0;  }
	.download-bx .download-btn{  flex-wrap: wrap; justify-content: center; }

	/*介紹*/
	.introBox{ }
	.introBox .pagesize { display: block;padding:40px 20px;  }
	.introBox .bn,
	.introBox.right .bn {   margin: 0 auto 20px; text-align: center; }
	.introBox .textbox,
	.introBox.right .textbox { margin: 0; text-align: center; }
	.introBox .textbox p { font-size: 18px; font-weight: 400; line-height: 24px; }
	.introBox h2 { margin-bottom: 21px; font-size: 32px; }
	.introBox h3 { margin-bottom: 0; font-size: 16px; font-weight: 400; }


/*電腦版*/
.forweb_intro .introBox{ padding-bottom:40px;}


	/*分享*/
	.area_review .title { display: flex; flex-direction: row; justify-content: space-between; text-align: center; margin: 0; padding: 30px 10px; border-top: solid 1px #e5e5e5; }
	.area_review .title span { margin: 0; padding: 0; font-size: 24px; border: 0; }
	.area_review a.btn { width: 100px; line-height: 30px; border-radius: 8px; }
}

@media screen and (max-width: 500px) {
	/*電腦版下載*/
	.download-bx .download-btn a{ width: 100%; height: 40px;}
	/*介紹*/
	.introBox.right .bn { max-width: 100%; }
	.introBox .textbox,
	.introBox.right .textbox { margin: 0; text-align: center; }
	.introBox h2 { text-align: center; }

	/*分享*/
	.area_review .swiper-button-prev ,
	.area_review .swiper-button-next { width: 15px; height: 30px; }
}