@charset "utf-8";
/* CSS Document */
.detail{width: 1080px; margin: 0 auto;}
a{color: #30a6ec;}
a:hover{text-decoration: underline;}
.details {width: 1500px;margin: 0 auto;}


.main01{background: #ebf1f5;color: #000;padding: 25px 0 110px;}
.main01 .details {width: 1100px;}
.main01 .break-crumbs > a{text-decoration: none;}
.main01 .break-crumbs > a:hover{text-decoration: underline;}
.main01 p{font-size: 21px;line-height: 32px;padding: 50px 0 5px;text-align: center;}
.main01 h1{font-size: 45px;line-height: 56px;font-weight: bold;text-align: center;}
form {display: flex;justify-content: center;align-items: center;flex-wrap: wrap;margin: 20px 0 25px;}
.input-words {width: 890px;height: 60px;padding-left: 10px;font-size: 17px;color: #cbcbcb;border: none;outline: none;border-radius: 4px;}
.to-search {width: 90px;height: 68px;background: #0f9bff url(https://www.videoproc.com/support/images/index/large-search-icon.png) no-repeat center;border-radius: 4px;border: none;outline: none;cursor: pointer;}
.to-search:hover {box-shadow: 0 0 10px 0 rgba(70,178,255,0.6);}
.other-links {display: flex;justify-content: center;align-items: center;flex-wrap: wrap;font-size: 17px;line-height: 33px;color: #333;}
.other-links span {margin: 0 15px 10px 0;}
.other-links a {margin: 0 10px 10px 0;border: 1px solid #d3d8dc;border-radius: 5px;padding: 0 15px 0 40px;background: url(https://www.videoproc.com/support/images/index/small-search-icon.png) no-repeat 12px center;color: inherit;text-decoration: none;}
.other-links a:hover {background-color: #f5fbff;}

.main02 {background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(236,241,245,1) 100%);}
.main02 .details {background-color: #fff;box-shadow: 0 0 20px 0 rgba(0,0,0,0.05);border-radius: 30px;padding-bottom: 50px;margin-bottom: 50px;}
.product-content {width: 1180px;margin: 0 auto;display: flex;justify-content: center;align-items: center;flex-wrap: wrap;}
.product-one {top: -50px;position: relative;}
.product-two {padding-bottom: 50px;}
.product-box {display: block;width: 500px;height: 446px;box-sizing: border-box;padding: 60px 10px 10px 40px;background: url(https://www.videoproc.com/support/images/index/vpv-bg.png) no-repeat center top;text-decoration: none;margin-right: -60px;}
.product-two .product-box {padding: 60px 40px 10px 10px;text-align: right;margin: 0 0 0 -60px;background-image: url(https://www.videoproc.com/support/images/index/vpc-bg.png);}
.product-box:hover {text-decoration: none;}
.product-box h2 {margin: 25px 0 0 18px;font-size: 45px;line-height: 56px;color: #fff;font-weight: 600;}
.product-box h2 a {color: #fff;text-decoration: none;}
.product-box h2 a:hover {text-decoration: underline;}
.product-box .the-download {display: block;width: 200px;line-height: 40px;font-size: 19px;text-align: left;text-indent: 15px;text-decoration: none;font-weight: 600;color: #fff;background: #78c443 url(https://www.videoproc.com/support/images/index/download-icon.png) no-repeat 168px center;border-radius: 5px;margin: 20px 0 0 18px;}
.product-two .product-box .the-download {float: right;}
.product-info {display: block;width: 230px;min-height: 245px;box-sizing: border-box;border-radius: 6px;padding: 35px 15px 15px 35px;box-shadow: 0 0 20px 0 rgba(0,0,0,0.05);text-decoration: none;color: #262626;cursor: pointer;margin: 40px 15px 0 0;background-color: #fff;}
.last-product-info {margin-right: 0;position: relative;}
.product-info:hover {text-decoration: none;}
.product-info .img-container {line-height: 37px;}
.product-info h3 {font-size: 21px;line-height: 32px;font-weight: 600;margin: 18px 0 14px;}
.product-info:hover h3 {text-decoration: underline;}
.product-info p {font-size: 17px;line-height: 26px;}
.guide-tutorials {margin-top: 10px;display: flex;justify-content: center;align-items: center;flex-wrap: wrap;}
.guide-link {display: block;display: flex;justify-content: center;align-items: center;flex-wrap: wrap;color: #262626;text-decoration: none;margin-bottom: 30px;}
.guide-link:first-child {margin-right: 57px;}
.guide-link:hover {text-decoration: none;}
.guide-link .img-container {width: 106px;}
.guide-info {width: 314px;}
.guide-info h3 {font-size: 21px;line-height: 32px;font-weight: 600;margin-bottom: 12px;}
.guide-link:hover .guide-info h3 {text-decoration: underline;}
.guide-info p {font-size: 17px;line-height: 26px;}

.main03 {padding: 30px 0 70px;text-align: center;}
.main03 .details {width: 1200px;}
.main03 h1,.main03 h2 {padding: 70px 0 12px;position: relative;font-size: 33px;color: #000;line-height: 41px;text-align: center;}
.main03 h1 span,.main03 h2 span {width: 100%;position: absolute;top: 0;right: 0;z-index: -1;font-size: 150px;font-weight: 600;color: #f2f4f6;line-height: 114px;}
.main03 h1+p,.main03 h2+p {font-size: 21px;line-height: 32px;color: #262626;}
.contact-lists {margin-top: 40px;display: flex;justify-content: center;align-items: center;flex-wrap: wrap;}
.contact-lists li {width: 338px;margin: 0 16px 30px;}
.contact-lists li h4 {font-size: 21px;line-height: 32px;color: #333;margin-top: -6px;}
.contact-lists li p {font-size: 15px;line-height: 24px;color: #666;margin: 14px 0 22px;}
.contact-lists li>a {display: block;font-size: 17px;line-height: 26px;color: #0fb4ff;text-decoration: none;}
.contact-lists li>a:hover {text-decoration: underline;}
.contact-lists li>a img {vertical-align: middle;margin-right: 10px;}

.main04{margin:80px 0 60px;}
.main04 h2{font-size:45px; padding-bottom:1.3em; display:flex; justify-content:center; align-items:center; flex-flow:wrap;}
.main04 h2::before{content:''; width:91px; height:78px; background:url(https://www.videoproc.com/support/images/index/vpv-icon.png) no-repeat 0 / cover; margin-right:12px;}
.m04-wrap{display:flex; justify-content:center;}
.m04-con{flex-basis:498px; word-break:break-word; display:flex; margin:0 10px; background:url(https://www.videoproc.com/support/images/index/ios-bg.png) no-repeat center / cover; height:447px; padding:3.7% 2.5% 4.7%; box-sizing:border-box; justify-content:space-between; border-radius:10px;}
.m04-con-desktop{flex-flow:row-reverse; background-image:url(https://www.videoproc.com/support/images/index/desktop-bg.png);}
.m04-lists{background-color:#fff; border-radius:10px; width:280px; flex:none; box-sizing:border-box; padding:20px 7%; align-self:flex-start; margin:0 15px 0 -160px; box-shadow:0 2px 60px rgba(0 0 0 / .1);}
.m04-con-desktop .m04-lists{margin-left:15px; margin-right:-160px;}
.m04-lists li a{font-size:19px; color:#262626; text-decoration:none; display:inline-block; margin:10px 0;}
.m04-lists li a::before{content:''; width:42px; height:36px; display:inline-block; background:url(https://www.videoproc.com/support/images/index/version-icons.png) no-repeat; vertical-align:-9px; margin-right:10px;}
.m04-lists li:nth-child(2) a::before{background-position-x:-50px;}
.m04-lists li:nth-child(3) a::before{background-position-x:-98px;}
.m04-lists li:last-child a::before{background-position-x:-142px;}
.m04-down-x{align-self:flex-end;}
.m04-down-x h4{font-size:45px; color:#fff; line-height:1.1; padding-bottom:.7em;}
.m04-down-x a{font-weight:700; color:#fff; font-size:19px; text-decoration:none; background-color:#76C346; padding:8px 15px; border-radius:5px; display:flex; margin-left:auto; width:fit-content; width:-moz-fit-content; width:-webkit-fit-content;}
.m04-con-desktop .m04-down-x a{margin-left:0; margin-right:auto;}
.m04-down-x a::after{content:url(https://www.videoproc.com/support/images/index/down-icon.png); margin-left:10px;}
/*----------*/

@media (max-width: 979px) {
	.details,.main01 .details,.main03 .details {width: 96%;}
	.main01 {padding-bottom: 60px;}
	.main02 .details {width: 92%;padding: 0 2%;}
	.input-words {width: 400px;}

	.product-content {width: 90%;}
	.product-one {position: static;}
	.product-box,.product-two .product-box {width: 80%;background-size: 100% auto;margin: 0;border-radius: 8px;}
	.product-box .the-download {}
	.product-info {margin: 30px 8px;padding: 35px 20px 15px;}
	.guide-link,.guide-link:first-child {margin: 0 20px 30px;}

	.main03 {padding-top: 0;}
	.main03 h1,.main03 h2 {padding: 30px 0 12px;}
	.main03 h1 span,.main03 h2 span {display: block;position: static;font-size: 120px;line-height: 90px;}

	.m04-wrap{flex-flow:wrap;}
	.m04-con{height:auto;}
	.m04-con-desktop{margin-top:20px;}

}

@media (max-width: 767px) {
	.input-words {width: 90%;height: 50px;margin-bottom: 10px;}
	.to-search {width: 120px;height: 60px;}
	
	.product-box, .product-two .product-box {width: 90%;background-size: cover;}
	.product-info {width: 80%;text-align: center;min-height: 220px;}
	.guide-link .img-container {width: 100%;text-align: center;}
	.guide-info {width: 100%;text-align: center;}

	.main03 h1 span,.main03 h2 span {font-size: 70px;line-height: 50px;}

	.m04-lists{margin-left:15px;}
	.m04-con{flex-flow:column;}
}

@media (max-width: 479px) {
	.main01 p {padding-top: 30px;}
	.main01 h1 {font-size: 31px;line-height: 41px;}

	.main02 .details {border-radius: 10px;}
	.product-box, .product-two .product-box {width: 100%;height: 335px;padding: 30px 20px 10px;}
	.product-box h2 {font-size: 31px;line-height: 41px;}
	.product-info {width: 90%;}

	.main03 h1,.main03 h2 {font-size: 27px;line-height: 37px;}
	.main03 h1 span,.main03 h2 span {font-size: 55px;line-height: 33px;}

	.main04 h2, .m04-down-x h4{font-size:31px;}
	.m04-lists, .m04-con-desktop .m04-lists{margin:0 0 10px 0; width:auto;}
}