@charset "utf-8";

body{font:15px/24px tahoma, Arial, sans-serif; color:#000; min-width:1200px;}
a{color:inherit; text-decoration:none;}
img{max-width:100%;}
.Details{width:1200px;}
/* CSS Document */

.cn-video-top-bg{background:url(../images/canon-video-software/banner-bg1.png) no-repeat top / 100%, url(../images/canon-video-software/banner-bg2.jpg) no-repeat center bottom 20% / 100%, linear-gradient(#212028, #823924 35%, #fff 55%);}
/* CSS Document */

.cn-video-banner{text-align:center; color:#fff; padding-bottom:80px;}
.cn-banner-title{font-size:47px; font-weight:700; line-height:1.45; padding-top:6.9em;}
.cn-banner-desc{font-size:21px; font-weight:700; padding:1.3em 0 1.8em;}
.cn-banner-vp-x{background-color:rgba(255 255 255 / .8); display:inline-block; border-radius:40px 8px; font-size:0;}
.cn-banner-vp{font-size:21px; color:#000; padding:0 20px; display:inline-block; margin:10px 0;}
.cn-banner-vp:first-child{border-right:1px solid #fff;}
/* CSS Document */

.cn-video-need{padding:80px 0 65px;}
.cn-need-title{text-align:center; font-size:39px; color:#fff; font-weight:700; line-height:1; padding-bottom:1.5em;}
.cn-need-wrap{display:flex; justify-content:space-between;}
.cn-need-con{background-color:#fff; border-radius:20px; width:32.5%; padding:25px 3%; box-sizing:border-box; box-shadow:0 0 20px rgba(0 0 0 / .1);}
.cn-need-tag{background-color:#CB0201; border-radius:3px; display:inline-block; color:#fff; padding:0 10px 2px;}
.cn-need-subti{font-size:21px; font-weight:700; margin:1.3em 0;}
.cn-need-con dd:not(.cn-need-tag){font-size:19px; color:#707070; margin:.8em 0; line-height:1.6;}
/* CSS Document */

.cn-video-trivia{text-align:center; padding-bottom:20px;}
.cn-trivia-top-icon{display:inline-block; border-radius:50%; box-shadow:0 16px 40px rgba(102, 75, 11, .16);}
.cn-trivia-title{font-size:39px; font-weight:700; line-height:1.4; padding:.9em 0 1.5em;}
.cn-trivia-wrap{position:relative; height:780px;}
.cn-trivia-wrap li{position:absolute; border-radius:8px; text-align:left;}
.cn-trivia-wrap li::before{content:''; display:inline-block; width:40px; height:40px; background-image:url(../images/canon-video-software/trivia-icon2.png); margin:-15px 0 0 -15px;}
.cn-trivia-img1{left:66px; z-index:1;}
.cn-trivia-img2{bottom:110px;}
.cn-trivia-img3{left:460px; top:105px;}
.cn-trivia-img4{right:85px; top:40px;}
.cn-trivia-img5{left:290px; bottom:0;}
.cn-trivia-img6{right:0; bottom:45px;}
.cn-trivia-desc1, .cn-trivia-desc2, .cn-trivia-desc4, .cn-trivia-desc5, .cn-trivia-desc6{position:absolute; font-size:21px; color:#fff; left:0; right:0; padding:0 .5em; line-height:1.45; text-align:center;}
.cn-trivia-desc1{bottom:55px;}
.cn-trivia-desc2{top:115px;}
.cn-trivia-desc4{bottom:35px;}
.cn-trivia-desc5{top:65px;}
.cn-trivia-desc6{top:45px;}
/* CSS Document */

.cn-video-simple{background:url(../images/canon-video-software/bg01.jpg) no-repeat center / 100% 100%; padding:80px 0;}
.cn-video-simple .Details{width:1000px;}
.cn-simple-title{font-size:39px; text-align:center; line-height:1.4; font-weight:700;}
.cn-simple-title-line{box-shadow:inset 0 -.38em #FEB726;}
.cn-simple-desc{font-size:19px; color:#707070; text-align:center; line-height:1.5; padding:1em 0 3.5em;}
.cn-simple-btn-x{font-size:0;}
.cn-simple-btn{font-size:25px; font-weight:700; color:#cfcfcf; display:inline-block; vertical-align:middle; transition:color .3s;}
.cn-simple-btn:first-child{color:#000;}
.checked .cn-simple-btn:first-child{color:#cfcfcf;}
.checked .cn-simple-btn:last-child{color:#000;}
.cn-simple-checkbox{display:inline-block; width:50px; height:25px; background-color:#CECECE; border-radius:25px; cursor:pointer; vertical-align:middle; margin:0 10px; border:4px solid transparent; box-sizing:border-box; transition:background-color .3s;}
.checked .cn-simple-checkbox{background-color:#FEB726;}
.cn-simple-checkbox::before{content:''; display:block; width:17px; height:17px; border-radius:50%; background-color:#fff; transition:margin-left .3s;}
.checked .cn-simple-checkbox::before{margin-left:25px;}
.cn-simple-ti{font-size:21px; font-weight:700; padding:.8em 0 1.1em;}
.cn-simple-progress-x{height:4px; background-color:#CECECE; transform:scale(1); border-radius:2px;}
.cn-simple-progress{background-color:#816D61; position:absolute; top:0; bottom:0; border-radius:2px; transition:width .18s;}
.cn-simple-wrap{position:relative;}
.cn-simple-items1, .cn-simple-items2{display:flex; flex-wrap:wrap; justify-content:space-between; transition:all .3s;}
.cn-simple-items2{position:absolute; top:0; visibility:hidden; opacity:0; cursor:default;}
.on .cn-simple-items1{visibility:hidden; opacity:0;}
.on .cn-simple-items2{visibility:visible; opacity:1;}
.cn-simple-item{width:30%; margin-top:55px;}
.cn-simple-subti-1, .cn-simple-subti-2{color:#72716F; font-size:21px; font-weight:700; padding-top:1.2em; line-height:1.25;}
.cn-simple-subti-2{color:#000;}
.cn-simple-info{position:relative;}
.cn-simple-icon{transition:opacity .18s;}
.active .cn-simple-icon{opacity:0;}
.cn-simple-p{font-size:19px; color:#616161; position:absolute; left:0; right:0; bottom:-5px; line-height:1.5; opacity:0; transition:opacity .18s;}
.active .cn-simple-p{opacity:1;}
.cn-simple-p a{color:#01b1ff; text-decoration:underline;}
/* CSS Document */

.cn-video-best{background:url(../images/canon-video-software/bg02.jpg) no-repeat center / 100% 100%; padding:80px 0; position:relative;}
.cn-best-img{position:absolute; right:56.6%;}
.cn-best-wrap{display:flex; justify-content:flex-end;}
.cn-best-con{width:660px; font-size:19px;}
.cn-best-title-x{display:flex; align-items:center;}
.cn-best-title-img{padding-right:20px;}
.cn-best-title{font-size:39px; line-height:1; font-weight:700;}
.cn-best-tip{padding-top:.5em;}
.cn-best-subti{font-size:25px; color:#01b1ff; font-weight:700; padding:2em 0 .6em;}
.cn-best-desc{line-height:1.6; padding-bottom:2em;}
.cn-best-list li{margin:.5em 0; line-height:1.6;}
.cn-best-list li span{color:#179BFD;}
.cn-best-a-x{display:inline-block; text-align:center;}
.cn-best-down{display:inline-block; background-color:#179BFD; color:#fff; padding:.8em .8em .9em; border-radius:5px; margin:1.2em 0 .8em; transition:background-color .5s;}
.cn-best-down:hover{background-color:#12bcff;}
.cn-best-down img{padding-left:15px;}
.cn-best-more{color:#0f9bff; text-decoration:underline dashed #B8B8B8; text-underline-position:under; text-decoration-thickness:1px;}
/* CSS Document */

.cn-video-enhance{background:url(../images/canon-video-software/bg03.jpg) no-repeat top / 100% #fff; padding:30px 0 90px; text-align:center; transform:scale(1);}
.cn-video-enhance::before{content:attr(data-bgtext); position:absolute; top:54%; left:0; right:0; font-size:15.5vw; font-weight:700; color:#F8F8F8; z-index:-1;}
.cn-enhance-title{font-size:39px; line-height:1; font-weight:700; padding:.5em 0 2em;}
.cn-enhance-wrap{display:flex; justify-content:center; gap:40px; counter-reset:enhanceIndex; align-items:start;}
.cn-enhance-con{transform:scale(1);}
.cn-enhance-con:first-child, .cn-enhance-con:last-child{margin-top:45px;}
.cn-enhance-con::before{content:counter(enhanceIndex); counter-increment:enhanceIndex; position:absolute; width:65px; height:65px; line-height:60px; background-color:#FEB726; border-radius:50% 0 50% 50%; margin:-23px 0 0 -23px; font-size:29px; color:#fff; font-weight:700;}
.cn-enhance-text{position:absolute; bottom:45px; left:5%; right:5%;}
.cn-enhance-subti{font-size:21px; color:#fff; font-weight:700; line-height:1.6; padding-bottom:1.6em;}
.cn-enhance-desc{font-size:17px; color:#a2a2a2;}
.cn-enhance-desc a{text-decoration:underline;}
.cn-enhance-change{display:inline-block; color:#c00; text-decoration:underline; text-underline-position:under; text-decoration-thickness:2px; transform:scale(1);}
.cn-enhance-change li{position:absolute; visibility:hidden;}
.cn-enhance-change li.active{position:static; visibility:visible;}
.cn-enhance-button-x{font-size:0;}
.cn-enhance-button{width:9px; height:9px; background-color:#fff; border-radius:9px; border:0; margin:0 7px; cursor:pointer;}
.cn-enhance-button.active{background-color:#CB0201; width:25px; cursor:default; border:1px solid transparent; background-clip:content-box;}
/* CSS Document */

.cn-video-easy{background:url(../images/canon-video-software/bg04.jpg) no-repeat bottom / cover, linear-gradient(#7e4936, #fff); padding:80px 0; height:727px; box-sizing:border-box; text-align:center;}
.cn-easy-wrap{display:inline-block; text-align:left;}
.cn-easy-title{font-size:39px; line-height:1; font-weight:700; color:#fff; padding:2.4em 0 .6em;}
.cn-easy-tip{font-size:21px; font-weight:700; color:#ffb81e;}
.cn-easy-desc{font-size:17px; color:#e5e5e5; padding:55px 0 65px;}
.cn-easy-lists{display:flex;}
.cn-easy-lists ul{margin-right:35px;}
.cn-easy-lists li{font-size:17px; color:#0ABAFD; background:url(../images/canon-video-software/easy-icon.png) no-repeat left center; padding-left:22px; margin:17px 0;}
.cn-easy-lists li a{text-decoration:underline dashed; text-underline-position:under; text-decoration-thickness:1px;}
/* CSS Document */

.cn-video-step{background:url(../images/canon-video-software/bg05.jpg) no-repeat bottom / 100% #fff; padding-bottom:80px;}
.cn-video-step .Details{width:971px;}
.cn-step-title{font-size:39px; text-align:center; line-height:1.4; font-weight:700;}
.cn-step-title-line{box-shadow:inset 0 -.38em #FEB726;}
.cn-step-desc{font-size:19px; color:#707070; text-align:center; line-height:1.6; padding:1.1em 0 5em;}
.cn-step-desc a{color:#00c1fe;}
.cn-step-wrap{display:flex; justify-content:space-between; background:url(../images/canon-video-software/step-line-bg.png) no-repeat top;}
.cn-step-con-icon{flex:1; text-align:center;}
.cn-step-icon-img{transition:transform .6s;}
.cn-step-icon-x{display:inline-block; margin-top:90px; padding:30px 23px; box-shadow:0 0 20px rgba(122 93 235 / .1); position:relative;}
.cn-step-icon-x::after{content:''; position:absolute; top:-20px; right:-20px; bottom:-20px; left:-20px; box-shadow:0 30px 100px rgba(37 24 89 / .16);}
.cn-step-con-textl{width:340px; padding:0 25px 0 60px; box-sizing:border-box;}
.cn-step-con-textr{width:365px; padding:0 25px 0 115px; box-sizing:border-box; position:relative;}
.cn-step-text{padding-bottom:35px; position:relative;}
.cn-step-subti, .cn-step-subti-r{font-size:21px; font-weight:700; padding-bottom:.8em; color:#0c0c0c; position:relative; top:-3px;}
.cn-step-subti-r{top:-12px;}
.cn-step-subti img, .cn-step-subti-r img{position:absolute; top:-5px; left:-66px;}
.cn-step-lists{transition:opacity .15s; display:none; opacity:0;}
.cn-step-lists.show{opacity:1;}
.cn-step-lists.active{display:block;}
.cn-step-lists li{font-size:17px; color:#4c4c4c; line-height:1.7;}
.cn-step-lists li::before{content:'\2022'; color:#DF6A12; padding-right:6px;}
.cn-step-lists li a{text-decoration:underline dashed #B8B8B8; text-underline-position:under; text-decoration-thickness:1px;}
.cn-step-con-img-x{position:absolute; bottom:-15px; right:-22px; opacity:0; transition:all .45s; visibility:hidden;}
.cn-step-con-img-x.active{visibility:visible; opacity:1;}
.cn-step-con-img{position:relative;}
.cn-step-con-img h5{font-size:19px; font-weight:700; background-color:#F7CE1B; display:inline-block; position:absolute; left:50px; top:12px; padding:.4em .7em; border-radius:5px;}
.cn-step-con-img p{font-size:17px; color:#fff; position:absolute; bottom:0; left:0; right:0; padding:35px 10px 15px 50px; font-style:italic; background-image:linear-gradient(transparent, rgba(0 0 0 / .7));}
.cn-step-con-more{display:flex; justify-content:space-evenly;}
.cn-step-con-more a{color:#01b1ff; background:url(../images/canon-video-software/easy-icon.png) no-repeat left center; display:inline-block; margin-top:5px; padding-left:22px;}
.cn-step-btn{background-color:#FEA724; color:#fff; font-size:21px; border-radius:5px; border:0; padding:.4em 1em; cursor:pointer; display:block; width:fit-content; width:-moz-fit-content; width:-webkit-fit-content; margin:2.2em auto 0; transition:opacity .5s;}
.cn-step-btn:hover{opacity:.8;}
.cn-step-btn img{padding-left:10px;}
/* CSS Document */

.cn-video-free{background:url(../images/canon-video-software/bg06.jpg) no-repeat center / 100% 100%; padding:80px 0; overflow-x:hidden; transform:scale(1);}
.cn-video-free .cn-best-img{right:auto; left:55%; z-index:-1; top:19px;}
.cn-video-free .cn-best-wrap{justify-content:start;}
.cn-video-free .cn-best-con{width:630px;}
.cn-video-free .cn-best-title{white-space:nowrap;}
/* CSS Document */

.cn-video-tips{background:url(../images/canon-video-software/tips-bg.png) no-repeat center, linear-gradient(#fdfdfd, #fff); padding:80px 0;}
.cn-tips-wrap{display:flex; justify-content:space-between; height:680px; align-items:center; padding:60px 0; box-sizing:border-box;}
.cn-tips-title{font-size:39px; line-height:1.4; font-weight:700; width:360px; align-self:start;}
.cn-tips-con{width:570px; counter-reset:stepIndex;}
.cn-tips-con li{margin-bottom:50px; padding-left:15%; padding-right:5%;}
.cn-tips-con li:last-child{margin-bottom:0;}
.cn-tips-con li.hover{background-color:#fff; box-shadow:0 0 0 10px #fff; border-radius:1px; padding-top:3.3%; padding-bottom:2%; position:relative;}
.cn-tips-con li.hover::before{content:''; position:absolute; right:calc(100% + 10px); top:50%; transform:translateY(-50%); border-width:30px 42px; border-style:solid; border-color:transparent #fff transparent transparent;}
.cn-tips-subti{font-size:21px; font-weight:700; position:relative; line-height:1.5;}
.cn-tips-subti::before{content:counter(stepIndex); counter-increment:stepIndex; position:absolute; right:107%; font-size:153%; top:-.25em; opacity:0;}
.hover .cn-tips-subti{color:#ffb81e; padding-bottom:.5em;}
.hover .cn-tips-subti::before{opacity:1;}
.cn-tips-desc{display:none;}
.cn-tips-desc p{font-size:17px; color:#4c4c4c; margin:.9em 0;}
.cn-tips-desc p a{color:#00c1fe;}
.hover .cn-tips-desc{display:block;}
/* CSS Document */

.cn-video-more{background:url(../images/canon-video-software/bg07.png) no-repeat center / 100% #fff; padding-bottom:80px;}
.cn-more-title{font-size:39px; line-height:1.4; font-weight:700; padding-bottom:.5em;}
.cn-more-title-line{box-shadow:inset 0 -.38em #FEB726;}
.cn-more-wrap{display:flex; align-items:center; justify-content:space-between;}
.cn-more-con{flex:1; padding-right:3%; position:relative;}
.cn-more-item{display:flex; justify-content:space-between; flex-wrap:wrap; position:absolute; opacity:0; visibility:hidden; transition:opacity .3s;}
.cn-more-item.active{position:static; visibility:visible; opacity:1;}
.cn-more-items{display:flex; width:48%; margin:5% 0;}
.cn-more-text{padding-left:12px;}
.cn-more-subti{font-size:17px; font-weight:700; padding-bottom:8px;}
.cn-more-desc{font-size:17px; color:#707070; line-height:1.2;}
.cn-more-btn{position:absolute; left:0; right:0; text-align:center;}
.cn-more-btn-l, .cn-more-btn-r{width:40px; height:40px; border-radius:50%; box-shadow:0 5px 18px rgba(214 223 230 / .5); border:0; background-color:transparent; color:#BCBCBC; margin:0 40px; position:relative; transition:color .5s;}
.cn-more-btn-l:not(:disabled), .cn-more-btn-r:not(:disabled){color:#FEA724; cursor:pointer;}
.cn-more-btn-l::before, .cn-more-btn-r::before{content:''; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto; width:11px; height:11px; box-sizing:border-box; border-left:2px solid; border-bottom:2px solid; background:linear-gradient(to left top, transparent calc(50% - 1.5px), currentColor, currentColor, transparent calc(50% + 1.5px));}
.cn-more-btn-l::before{transform:rotate(45deg);}
.cn-more-btn-r::before{transform:rotate(225deg);}
/* CSS Document */

.cn-video-powerful{background:url(../images/canon-video-software/bg08.jpg) no-repeat bottom / 100%; padding:80px 0; text-align:center;}
.cn-powerful-title{font-size:39px; font-weight:700; line-height:1; padding-bottom:1.8em;}
.cn-powerful-wrap{display:flex; justify-content:space-between;}
.cn-powerful-con{background-color:#fff; width:48%; border-radius:30px; box-shadow:0 0 50px rgba(0 0 0 / .1); padding:3% 0;}
.cn-powerful-subti{font-size:35px; font-weight:700; padding:.6em 0 .3em;}
.cn-powerful-lits{padding:0 10%;}
.cn-powerful-lits li{text-align:left; font-size:19px; color:#737373; line-height:1.5; margin:1em 0;}
.cn-powerful-lits li::before{content:'\2022'; color:#0CB1FD; padding-right:8px;}
.cn-powerful-down{background-color:#70C115; display:inline-block; line-height:55px; padding:0 .6em 0 2em; border-radius:55px; font-size:21px; color:#fff; margin:.6em 0; transition:opacity .5s;}
.cn-powerful-down:hover{opacity:.8;}
.cn-powerful-down span{display:inline-block; width:40px; height:40px; border-radius:50%; background-color:#fff; box-shadow:0 10px 9 rgba(214 223 230 / .5); vertical-align:-.55em; margin-left:1.4em; color:#70C115;}
.cn-powerful-down span::after{content:''; display:block; width:16px; height:16px; margin:12px auto 0; box-sizing:border-box; border-left:2px solid; border-bottom:2px solid; background-image:linear-gradient(to left top, transparent calc(50% - 1.5px), currentColor, currentColor, transparent calc(50% + 1.5px)); transform:rotate(-45deg); border-radius:2px;}
.cn-powerful-more{font-size:19px; color:#737373;}
/* CSS Document */

.cn-video-partner{padding:80px 0 100px; text-align:center;}
.cn-partner-wrap{display:flex; justify-content:space-between; align-items:center;}
.cn-partner-button-l, .cn-partner-button-r{width:50px; height:50px; border:1px solid #EFEFEF; box-sizing:border-box; border-radius:50%; overflow:hidden; font-size:0;}
.cn-partner-button-l::before, .cn-partner-button-r::before{content:''; display:inline-block; width:18px; height:18px; border-left:2px solid; border-bottom:2px solid; transform:rotate(45deg); margin:15px 0 0 9px; color:#B1B1B1;}
.cn-partner-button-r::before{transform:rotate(-135deg); margin-right:20px;}
.cn-partner-con{width:calc(100% - 190px); overflow:hidden;}
.cn-partner-scroll{white-space:nowrap; font-size:0; line-height:0; transition:transform .3s;}
.cn-partner-x{display:inline-block; text-align:justify; white-space:normal; vertical-align:middle;}
.cn-partner-x::after{content:''; display:inline-block; width:100%;}
.cn-partner-desc{text-align:left; vertical-align:middle; display:inline-block; font-size:17px; line-height:1.6; width:calc(100% - 254px);}
/* CSS Document */

.cn-video-story{overflow-x:hidden;}
.cn-video-story .Details{padding-left:190px;}
.cn-story-title{font-size:33px; font-weight:700; line-height:1; padding-bottom:1.3em;}
.cn-story-subti{font-size:60%; display:block; padding-bottom:.8em;}
.cn-story-a1, .cn-story-a2{display:block; font-size:19px; line-height:1.6;}
.cn-story-a1{color:#0080ff;}
.cn-story-a2{color:#01cbff;}
.cn-story-img{white-space:nowrap; font-size:0; padding-top:20px;}
.cn-story-img img{padding-right:26px;}
.cn-story-img img:last-child{padding-right:0;}
/* CSS Document */

.DivMain09{background: #1f222a;padding-bottom: 50px;border-bottom:1px solid #42454b;color: #a1a3ac;}
.DivMain09 .breadcrumb{font-size: 17px;padding:15px 0 55px 55px;}
.DivMain09 .breadcrumb a{color: inherit;margin:0 5px;text-decoration: underline;}
.DivMain09 .breadcrumb span{color: inherit;margin:0 5px;}
.DivMain09 .left{float: left;width: 50%;box-sizing: border-box;padding-left: 60px;padding-right: 100px;}
.DivMain09 .right{float: right;width: 50%;box-sizing: border-box;padding-left: 60px;padding-right: 100px;}
.DivMain09 h3{font-size: 35px;color: #cbcbcb;line-height: 1.4;}
.DivMain09 h3::after{content: '';display: block;width: 94px;height: 3px;background: #1d86f5;}
.DivMain09 p{font-size: 15px;padding: 20px 0;}
.DivMain09 .share{border-top: 1px solid #464c51;padding-top:20px;}
.DivMain09 .share .community{margin-top: 15px;}
.DivMain09 .share a{margin: 20px 30px 0 0;color: #1d86f5;}
.DivMain09 .email input{display: block;width: 270px;height: 40px;line-height: 40px;background: #14161b;outline: none;border-radius: 5px;border: none;padding:0 20px;color: #fff;}
.DivMain09 .email a{display: block;width: 310px;height: 40px;line-height: 40px;border: 1px solid #8e9198;border-radius: 5px;margin-top: 20px;text-align: center;}
.DivMain09 .email a span{font-size: 21px;color: #1d86f5;}
/* CSS Document */

.cn-video-nav{position:fixed; top:0; left:0; right:0; background-color:#fff; max-height:0; overflow:hidden; transition:all .3s; z-index:1; box-shadow:0 3px 5px rgba(0 0 0 / .1);}
.cn-video-nav .Details{position:relative;}
.cn-nav-wrap{width:1050px; margin:0 auto; display:flex; justify-content:space-between;}
.on .cn-nav-wrap{justify-content:space-evenly;}
.cn-video-nav.active{max-height:137px; padding:8px 0;}
.cn-nav-con.active{border-radius:5px; box-shadow:inset 0 0 0 1px #ADDCFE, 0 0 27px rgba(140, 170, 192, 0.43);}
.on .cn-nav-con{padding:8px 20px;}
.cn-nav-con{display:flex; justify-content:space-between; padding:20px 30px; align-items:center;}
.cn-nav-con > img{padding-right:15px;}
.on .cn-nav-con > img{width:45px; height:auto;}
.cn-nav-title{font-size:19px; font-weight:700; color:#000; line-height:1;}
.on .cn-nav-con .cn-nav-title, .on .cn-nav-con .cn-nav-desc{display:none;}
.cn-nav-desc{color:#999; padding:3px 0 5px;}
.cn-nav-a{display:inline-block; background-color:#179BFD; border-radius:3px; color:#fff; padding:3px 15px; transition:background-color .5s;}
.cn-nav-a:hover{background-color:#12bcff;}
.cn-nav-a img{vertical-align:-3px; margin-left:5px;}
.cn-nav-btn{position:absolute; right:10px; top:8px; width:20px; height:20px; border:0; border-right:3px solid; border-bottom:3px solid; background-color:transparent; color:#179BFD; transform:rotate(-135deg); cursor:pointer;}
.on .cn-nav-btn{transform:rotate(45deg); top:15px;}
/* CSS Document */

@media (max-width: 979px) {

	body{min-width:100%;}
	img{height:auto;}
	.Details{width:95%;}
	/* CSS Document */

	.cn-video-top-bg{background-size:150%;}
	/* CSS Document */

	.cn-video-banner{padding-bottom:40px;}
	.cn-banner-title{padding-top:3em;}
	/* CSS Document */

	.cn-video-need{padding-top:40px;}
	/* CSS Document */

	.cn-trivia-wrap{font-size:0; height:auto;}
	.cn-trivia-wrap li{position:static; height:auto !important; background-position:center !important; display:inline-block; vertical-align:middle; margin:0 10px 10px 0;}
	.cn-trivia-img3.cn-trivia-img3{display:none;}
	.cn-trivia-desc1, .cn-trivia-desc2, .cn-trivia-desc4, .cn-trivia-desc5, .cn-trivia-desc6{position:static; padding-bottom:38px;}
	/* CSS Document */

	.cn-video-simple{padding:40px 0;}
	.cn-video-simple .Details{width:95%;}
	/* CSS Document */

	.cn-video-best{padding:40px 0;}
	.cn-best-img{position:static; display:block; margin:0 auto 40px;}
	.cn-best-wrap{justify-content:center;}
	/* CSS Document */

	.cn-video-easy{background-position:right bottom;}
	/* CSS Document */

	.cn-video-step .Details{width:95%;}
	.cn-step-wrap{background-size:100% 100%;}
	.cn-step-con-img-x{right:0;}
	.cn-step-con-icon{flex:none;}
	/* CSS Document */

	.cn-video-free .cn-best-wrap{justify-content:center;}
	.cn-video-free .cn-best-con{width:auto;}
	.cn-video-free .cn-best-title{white-space:normal;}
	/* CSS Document */

	.cn-video-tips{padding:40px 0;}
	.cn-tips-con li.hover{box-shadow:none; border-radius:10px;}
	.cn-tips-con li.hover::before{right:100%;}
	/* CSS Document */

	.cn-video-more{padding-bottom:40px;}
	.cn-more-wrap{flex-wrap:wrap;}
	.cn-more-con{flex:auto;}
	.cn-more-btn{position:static; padding-bottom:20px;}
	.cn-more-wrap > img{margin:0 auto;}
	.cn-more-items > img{height:min-content;}
	/* CSS Document */

	.cn-video-powerful{padding:40px 0;}
	/* CSS Document */

	.cn-video-story .Details{padding-left:0;}
	/* CSS Document */

	.cn-video-nav{display:none;}
	/* CSS Document */

}

@media (max-width: 767px) {

	.cn-video-top-bg{background:url(../images/canon-video-software/banner-bg1.png) no-repeat top / 180%, url(../images/canon-video-software/banner-bg2.jpg) no-repeat center bottom 21% / 100%;}
	/* CSS Document */

	.cn-video-banner{padding-bottom:20px;}
	.cn-banner-title{font-size:27px; padding-top:2em;}
	.cn-banner-desc{font-size:19px;}
	.cn-banner-vp{font-size:15px; margin:5px 0;}
	.cn-banner-vp:first-child{border-right:0;}
	/* CSS Document */

	.cn-need-title{font-size:27px;}
	.cn-need-subti{font-size:17px; margin:.8em 0;}
	.cn-need-wrap{flex-wrap:wrap;}
	.cn-need-con{width:49%;}
	.cn-need-con:last-child{width:auto; margin:10px auto 0;}
	.cn-need-con dd:not(.cn-need-tag){font-size:15px; line-height:1.3; margin:.5em 0;}
	/* CSS Document */

	.cn-trivia-title{font-size:27px;}
	.cn-trivia-wrap li{width:auto !important; background-repeat:no-repeat !important; background-size:cover !important;}
	.cn-trivia-desc1, .cn-trivia-desc2, .cn-trivia-desc4, .cn-trivia-desc5, .cn-trivia-desc6{font-size:17px;}
	/* CSS Document */

	.cn-simple-title{font-size:27px;}
	.cn-simple-desc{font-size:17px;}
	.cn-simple-subti-1, .cn-simple-subti-2{font-size:17px;}
	/* CSS Document */

	.cn-best-title{font-size:27px;}
	.cn-best-con{font-size:17px;}
	/* CSS Document */

	.cn-enhance-title{font-size:27px;}
	.cn-enhance-wrap{flex-wrap:wrap;}
	.cn-enhance-con{width:50%;}
	.cn-enhance-con:first-child, .cn-enhance-con:last-child{margin-top:0;}
	/* CSS Document */

	.cn-video-easy{background:linear-gradient(#2D2324, #784936); padding:40px 0; height:auto;}
	.cn-easy-title{font-size:27px; padding-top:0;}
	.cn-easy-tip{font-size:19px;}
	.cn-easy-desc{padding:20px 0;}
	.cn-easy-lists{flex-wrap:wrap;}
	.cn-easy-lists ul{width:48%; margin-right:5px;}
	.cn-easy-lists li{margin:5px 0;}
	/* CSS Document */

	.cn-video-step{padding:40px 0;}
	.cn-step-title{font-size:27px;}
	.cn-step-desc{font-size:17px;}
	.cn-step-wrap{flex-wrap:wrap; background:none;}
	.cn-step-con-textl{width:100%; display:flex; justify-content:space-between; padding:0;}
	.cn-step-subti img, .cn-step-subti-r img{display:none;}
	.cn-step-text{width:50%; padding-bottom:0;}
	.cn-step-con-icon{width:100%;}
	.cn-step-icon-x{margin:0 0 40px;}
	.cn-step-con-textr{width:100%; display:flex; justify-content:space-between; padding:0;}
	.cn-step-con-img-x{width:50%; bottom:0;}
	.cn-step-icon-x::after{display:none;}
	.cn-step-lists{bottom:0;}
	/* CSS Document */

	.cn-tips-title{font-size:27px;}
	.cn-tips-subti{font-size:17px;}
	.cn-tips-wrap{height:auto; padding:0;}
	.hover .cn-tips-subti{padding-bottom:0;}
	.cn-tips-con li{margin-bottom:20px;}
	.cn-tips-con li.hover::before{border-width:15px 21px;}
	.cn-tips-desc p{font-size:15px; line-height:1.3; margin:.5em 0;}
	/* CSS Document */

	.cn-video-more{padding-top:40px;}
	.cn-more-title{font-size:27px;}
	/* CSS Document */

	.cn-powerful-title{font-size:27px;}
	.cn-powerful-subti{font-size:21px;}
	.cn-powerful-lits li{font-size:17px;}
	.cn-powerful-wrap{flex-wrap:wrap;}
	.cn-powerful-con{width:100%;}
	.cn-powerful-con:last-child{margin-top:20px;}
	/* CSS Document */

	.cn-video-partner{padding:40px 0;}
	.cn-partner-x{text-align:center;}
	.cn-partner-con{width:calc(100% - 130px);}
	.cn-partner-desc{display:block; width:calc(100% - 10px); text-align:justify; font-size:15px; padding-top:10px; -webkit-hyphens:auto; -ms-hyphens:auto; hyphens:auto;}
	/* CSS Document */

	.cn-story-title{font-size:27px;}
	/* CSS Document */

	.DivMain09 .right, .DivMain09 .left{width:100%; padding:0;}
	.DivMain09 .right{margin-bottom:20px;}
	.DivMain09 h3{font-size:27px;}
	/* CSS Document */

}

@media (max-width: 479px) {

	.cn-video-top-bg{background-size:280%;}
	/* CSS Document */

	.cn-simple-item{width:48%; margin-top:20px;}
	.cn-simple-subti-1, .cn-simple-subti-2, .cn-simple-p{font-size:15px;}
	/* CSS Document */

	.cn-best-subti{padding-top:1em; font-size:23px;}
	.cn-best-con{font-size:15px;}
	.cn-best-desc{padding-bottom:1em;}
	/* CSS Document */

	.cn-video-enhance{padding-bottom:40px;}
	.cn-enhance-desc{font-size:15px;}
	.cn-enhance-con{width:70%;}
	/* CSS Document */

	.cn-easy-desc, .cn-easy-lists li{font-size:15px;}
	/* CSS Document */

	.cn-step-lists li{font-size:15px; line-height:1.5;}
	.cn-step-con-img h5{font-size:15px; top:5px; padding:0 .4em; right:5px;}
	.cn-step-con-img p{padding:35px 10px 10px; font-size:15px;}
	.cn-step-con-img-x{bottom:-20px;}
	.cn-step-icon-img{width:60px;}
	.cn-step-icon-x{padding:10px;}
	.cn-step-desc{padding-bottom:3em;}
	.cn-step-subti, .cn-step-subti-r{padding-bottom:.3em;}
	.cn-step-subti-r{top:0;}
	/* CSS Document */

	.cn-more-desc{font-size:15px;}
	/* CSS Document */

	.cn-powerful-lits li{font-size:15px; margin:.5em 0;}
	.cn-powerful-more{font-size:15px;}
	/* CSS Document */

	.cn-story-a1, .cn-story-a2{font-size:17px;}
	.cn-story-img img{width:25%; vertical-align:bottom; padding-right:5px;}
	/* CSS Document */

}