@charset "utf-8";

body{color:#333; text-align:justify; background-color:#fff; min-width:1080px;}
a{color:inherit; text-decoration:none;}
a:hover{color:inherit;}
img{max-width:100%; height:auto;}
input{border:0; padding:0;}
.win11-tips, .win11-vote{padding:60px 0;}
/* CSS Document */

.win11-banner{background:url(../images/windows-11/banner-bg.jpg) no-repeat center / cover; height:430px; display:flex; justify-content:center; align-items:center; flex-direction:column; text-align:center; padding-bottom:60px; box-sizing:border-box;}
.banner-title{font-size:45px; line-height:1; color:#fff; font-weight:700;}
.banner-subtitle{font-size:35px; display:block; padding:2.3% 0 6%;}
.banner-anchor{display:inline-block; background-color:#fff; color:#0fb4ff; font-size:19px; width:200px; padding:2% 0; border-radius:25px; margin:0 8px; transition:all 0.2s;}
.banner-anchor:hover{color:#fff; background-color:#73c928; transform:scale(1.05);}
/* CSS Document */

.win11-products{text-align:center; padding-bottom:60px;}
.products-wrap{display:flex; justify-content:space-between; margin-top:-60px; align-items:flex-start;}
.products-x{box-shadow:0 3px 8px rgba(213, 224, 232, .68); background-color:#fff; width:32.2%; border-radius:10px; padding:12px 12px 3.5%; box-sizing:border-box;}
.products-x-1{position:relative;}
.products-x-1:after{content:''; position:absolute; left:-80px; bottom:-300px; width:380px; height:380px; border-radius:50%; z-index:-1; background-image:linear-gradient(to right, #e6efff, #fff);}
.products-title-1, .products-title-2, .products-title-3{font-size:21px; padding:4% 0 1.5%;}
.products-title-1{color:#0fb4ff;}
.products-title-2{color:#73c928;}
.products-title-3{color:#f6a027;}
.products-subtitle{font-size:21px; font-weight:700; padding-bottom:5%;}
.products-desc{font-size:17px; border-top:1px solid #EAEAEA; border-bottom:1px solid #EAEAEA; padding:3.5% 0;}
.products-down-1, .products-down-2, .products-down-3{width:260px; padding:4% 0; font-size:21px; font-weight:700; box-sizing:border-box; border:1px solid; display:inline-block; border-radius:6px; margin-top:5%;}
.products-down-1{color:#3ca6ff; margin-top:30%;}
.products-down-1:hover{background-color:#3ca6ff; border-color:#3ca6ff; color:#fff;}
.products-down-2{color:#73c928;}
.products-down-2:hover{background-color:#73c928; border-color:#73c928; color:#fff;}
.products-down-2 del{font-size:13px; color:#666; font-weight:400; vertical-align:3px; padding:0 4px;}
.products-down-2 span{font-size:25px; color:#f6a027; font-weight:400;}
.products-down-2:hover span, .products-down-2:hover del{color:#fff;}
.products-down-3{color:#fff; background-color:#FFAB1B;}
.products-down-3:hover{background-color:transparent; border-color:#FFAB1B; color:#FFAB1B;}
.products-x-list, .products-x-list-2{text-align:left; display:inline-block; color:#666; margin:4% 0 1%;}
.products-x-list li:before, .products-x-list-2 li:before{content:''; display:inline-block; width:10px; height:6px; box-sizing:border-box; border-left:2px solid #73c928; border-bottom:2px solid #73c928; transform:rotate(-45deg); vertical-align:2px; margin-right:10px;}
.products-x-list-2 li:before{border-color:#FFAB1B;}
.products-mobile-more, .products-mobile-more-2{display:none; background-color:#73c928; margin:0 auto; color:#fff; padding:0 10px; border-radius:3px; font-weight:700;}
.products-mobile-more-2{background-color:#FFAB1B;}

.products-share-popup{position:fixed; top:0; right:0; bottom:0; left:0; background-color:rgba(0, 0, 0, .6); z-index:1; text-align:center; font-size:0; overflow:auto; white-space:nowrap; display:none;}
.products-share-popup:after{content:''; display:inline-block; height:100%; vertical-align:middle;}
.products-popup-con{background-color:#fff; display:inline-block; vertical-align:middle; font-size:15px; white-space:normal; border-radius:5px; overflow:hidden;}
.products-close-x{text-align:right; line-height:1; padding-right:3px;}
.products-close-popup{font-size:23px;}
.products-popup-title{font-size:21px; color:#039dfe;}
.products-popup-title img{padding-right:10px; vertical-align:-13px;}
.products-popup-desc{font-size:15px; line-height:1.8; margin:2% 30px 0; border-top:1px solid #e6e6e6; padding:3% 0 3.5%;}
.products-popup-desc span{color:#039dfe;}
.products-share-a-x a{margin:0 5px;}
.products-share-code{display:none;}
.products-share-trust{background-color:#05BAFE; color:#B4EBFF; padding:6px 0; margin-top:6%;}
.products-share-trust span{color:#fff;}

.products-mobile-email{display:none; padding-top:20px;}
.products-email-title{font-size:17px; color:#359cfe; font-weight:700;}
.products-email-desc{color:#359cfe;}
.products-email-tip{padding-top:10px;}
.products-email-input, .products-email-submit{display:block; width:90%; box-sizing:border-box; height:50px; line-height:50px; border-radius:5px; padding:0 15px;}
.products-email-input{border:1px solid #3398ff; background-color:#fff; margin:10px auto;}
.products-email-submit{color:#fff; font-size:21px; background-color:#77c240; border:0; margin:0 auto; cursor:pointer;}
/* CSS Document */

.win11-tips{background-color:#F8F8F8; text-align:center;}
.tips-title{font-size:35px; line-height:1; font-weight:700;}
.tips-subtitle{font-size:19px; color:#666; padding:1% 0 4%;}
.tips-wrap{display:flex; flex-wrap:wrap; justify-content:space-between;}
.tips-items{width:30.5%;}
.tips-items:nth-child(n + 4){padding-top:4.5%;}
.tips-desc{text-align:left; line-height:1.5; padding-top:2%;}
.tips-desc a{display:inline-block;}
.tips-desc a:hover{text-decoration:underline;}
/* CSS Document */

.win11-vote{text-align:center; height:350px; background:url(../images/windows-11/vote-bg.jpg) no-repeat top center / cover #fff; box-sizing:border-box;}
.vote-title{font-size:29px; color:#fff; font-weight:700;}
.vote-subtitle{font-size:19px; color:#fff; padding:1% 0 4%;}
.vote-wrap-x, .vote-wrap-x-2{background-color:#fff; border-radius:10px; width:610px; margin:0 auto; box-shadow:0 5px 15px rgba(213, 224, 232, .5); padding:2% 0 4%;}
.vote-wrap-x-2{padding:0% 4%; box-sizing:border-box; display:none;}
.vote-wrap-title, .vote-wrap-title-2{font-size:25px; color:#039dfe; padding:3% 0 6%;}
.vote-wrap-title-2{font-size:21px; border-bottom:1px solid #E6E6E6; padding-bottom:3%;}
.vote-wrap-title-2 img{vertical-align:-12px; padding-right:10px;}
.vote-btn-yes, .vote-btn-no{width:165px; line-height:45px; box-sizing:border-box; border:1px solid; font-size:21px; color:#fff; display:inline-block; border-radius:5px; margin:0 2px;}
.vote-btn-yes:hover, .vote-btn-no:hover{background-color:transparent;}
.vote-btn-yes{background-color:#00A0E9; border-color:#00A0E9;}
.vote-btn-no{background-color:#FFAB1B; border-color:#FFAB1B;}
.vote-btn-yes:hover{color:#00A0E9;}
.vote-btn-no:hover{color:#FFAB1B;}
.vote-progress-wrap{margin:3% 8%;}
.vote-progress-x{background-color:#F5F5F5; line-height:38px; border-radius:30px; margin:12px 0;}
.vote-progress-yes, .vote-progress-no{border-radius:30px; display:flex; box-sizing:border-box; justify-content:space-between; align-items:center;}
.vote-progress-yes{width:26%; background-color:#039DFE; color:#fff;}
.vote-progress-no{width:26%; background-color:#DCDCDC; color:#353535;}
.vote-progress-yes b, .vote-progress-no b{font-size:19px; font-weight:400; padding-left:15px;}
.vote-progress-yes span, .vote-progress-no span{padding-right:15px; line-height:1;}
.vote-wrap-desc{font-size:15px; line-height:1.5;}
.vote-wrap-desc span{color:#039dfe;}
.vote-share-a{padding:2.5% 0 5%;}
.vote-share-a a{margin:0 2px;}
.vote-share-code{display:none; padding:2% 0 4%;}
.vote-share-code p a{color:#3ca6ff; text-decoration:underline;}
/* CSS Document */

.win11-comment{padding:170px 0 25px;}
.art-comm-top{border-bottom:1px solid #a3a3a3; position:relative; padding:30px 0 5px;}
.art-comm-nd{font-size:21px;}
.art-comm-dis{display:inline-block; background-color:#ffba00; font-size:17px; color:#fff; padding:3px 10px; border-radius:5px; outline-color:#999;}
.art-comm-dis:hover{color:#fff; text-decoration:none;}
.art-comm-sort{position:absolute; top:32px; right:0;}
.comm-sort-a{color:#373b40;}
.comm-sort-a:hover{text-decoration:none;}
.comm-sort-a.active{color:#03bafe;}
.art-comm-usin, .art-comm-reply{position:relative; margin:20px 0 35px;}
a[name^=comm-reply]{position:relative; top:-260px;}
.art-comm-hp{width:55px; height:55px; border-radius:50%; position:absolute;}
.comm-usin-x{padding-left:70px;}
.comm-usin-teta{height:115px; width:100%; resize:none; padding:5px 10px; box-sizing:border-box; font-family:tahoma, Arial, sans-serif; font-size:17px; border:1px solid #e0e0e0; border-radius:5px 5px 0 0; background-color:#fafafa; display:block; color:#525252;}
.comm-usin-sp{border:1px solid #e0e0e0; border-top:0; border-radius:0 0 5px 5px;}
.comm-usin-file{position:absolute; opacity:0; height:38px;}
.comm-usin-label{font-size:13px; color:#999; padding:5px 10px; display:inline-block;}
:focus + .comm-usin-label{outline:1px dashed #999;}
.comm-usin-tips.comm-usin-tips{color:#00afef; padding:10px 0 5px;}
.usin-tips-ema{color:#555;}
.comm-usin-input{width:43%; border:1px solid #e0e0e0; padding-left:2%; background-color:#fafafa; height:45px; line-height:45px; border-radius:5px; color:#525252; margin-bottom:30px; font-size:17px;}
.comm-usin-email{float:right;}
.comm-usin-but{font-size:21px; color:#fff; background-color:#03bafe; width:40%; border:0; height:45px; line-height:45px; border-radius:5px; cursor:pointer;}
.art-comm-usco{position:relative; margin:35px 0;}
.comm-usco-hp{width:55px; height:55px; border-radius:50%; position:absolute; top:8px; overflow:hidden;}
.comm-usco-x, .art-comm-reply{padding-left:70px;}
.comm-usco-nt{color:#999;}
.comm-usco-na{color:#3b8afa;}
.comm-usco-re2{vertical-align:-2px;}
.comm-usco-dc.comm-usco-dc{padding:5px 0;}
.comm-usco-op{color:#999;}
.comm-op-zn{font-style:normal;}
.comm-op-a{display:inline-block; width:8px; height:8px; box-sizing:border-box; border-top:1px solid #666; border-left:1px solid #666; margin:0 8px;}
.comm-op-z{transform:rotate(45deg); -webkit-transform:rotate(45deg); vertical-align:-2px;}
.comm-op-c{transform:rotate(225deg); -webkit-transform:rotate(225deg); vertical-align:2px;}
.comm-op-re{color:#999; margin-left:15px;}
.comm-op-re:hover{text-decoration:none;}
.art-comm-usin-2{padding-left:90px;}
.art-comm-page{color:#333; text-align:center;}
.comm-page-btn{display:inline-block; width:14px; height:14px; box-sizing:border-box; border-width:2px 0 0 2px; border-style:solid; border-color:#999; cursor:pointer; background:none; vertical-align:middle;}
.comm-page-btn:focus{outline:0;}
.comm-page-prev{transform:rotate(-45deg); -webkit-transform:rotate(-45deg);}
.comm-page-next{transform:rotate(135deg); -webkit-transform:rotate(135deg);}
.comm-page-a{color:#333; display:inline-block; padding:0 8px;}
.comm-page-a.active{background-color:#ffba00; color:#fff;}
.comm-page-a:-moz-focusring{outline:1px dashed #999;}
.comm-page-a:focus-visible{outline:1px dashed #999;}
.comm-page-a:hover{text-decoration:none;}
/* CSS Document */

@media (max-width:979px) {

	body{min-width:100%;}
	/* CSS Document */

	.products-down-1, .products-down-2, .products-down-3{width:100%;}
	/* CSS Document */

	.win11-comment{padding-top:140px;}
	/* CSS Document */
	
	.tips-items{padding-top:4.5%;}
	/* CSS Document */

}

@media (max-width:767px) {

	.products-mobile-more, .products-mobile-more-2{display:block;}
	.products-x-list li:nth-child(n+6), .products-x-list-2 li:nth-child(n+6){display:none;}
	/* CSS Document */

	.vote-wrap-x, .vote-wrap-x-2{width:100%;}
	.vote-progress-wrap{margin:3% 0;}
	/* CSS Document */

}

@media (max-width:479px) {

	.win11-tips, .win11-vote{padding:40px 0;}
	/* CSS Document */

	.win11-banner{height:auto; padding-top:8%;}
	.banner-anchor{margin-bottom:10px; width:46%; font-size:15px; font-weight:700;}
	.banner-anchor:last-child{margin-bottom:5%;}
	.banner-title{font-size:27px;}
	.banner-subtitle{font-size:19px;}
	/* CSS Document */

	.win11-products{padding-bottom:40px;}
	.products-wrap{flex-wrap:wrap;}
	.products-down-1{margin-top:5%;}
	.products-x{width:100%;}
	.products-x:nth-child(2){margin:5% 0;}
	/* CSS Document */

	.tips-title, .vote-title{font-size:27px;}
	.tips-subtitle, .vote-subtitle{font-size:17px;}
	.tips-items{width:49%;}
	/* CSS Document */

	.win11-vote{height:auto;}
	.vote-btn-yes, .vote-btn-no{width:40%;}
	.vote-share-a a{display:inline-block; width:47%;}
	/* CSS Document */

	.win11-comment{padding:10px 0 0;}
	/* CSS Document */

	.art-comm-sort{position:initial;}
	.comm-usin-input{display:block; margin-bottom:10px; width:100%;}
	.comm-usin-email{float:none;}
	/* CSS Document */

}