@charset "utf-8";
body{background:#fff;}

.detail {width: 1100px;margin-left: 360px;}
a{color:#2f9aff; text-decoration:none;}
img{border:0;max-width: 100%;vertical-align: middle; height: auto;}
.clear {display: block;clear: both;}

ul,ol{ padding-bottom:20px;}
ul.circle li{ list-style:disc; margin:0 0 0 18px;}
ol li{ list-style:decimal;margin:0 0 0 18px;}

/* CSS Document */
.crumb-nav {padding: 30px 0 0;}
.crumb-nav p {font-size: 17px;color: #535353;line-height: 26px;}
.crumb-nav ol {/* float: right; *//* padding:0px 0 20px 0; */text-align: right;}
.crumb-nav ol li {font-size: 17px;list-style: none;padding: 0 0 0 25px;display: inline;}
.crumb-nav ol a { text-decoration: underline; color: #333; }
.crumb-nav .style-mac { background: url(../images/mac.png) 0 1px no-repeat; }
.crumb-nav .style-win { background: url(../images/win.png) 0 1px no-repeat; }

.container .detail:after{content:"";clear:both;height:0;display:block;}

.sidebar {width: 278px;float: left;margin-right: 86px;}
.sidebar.sidebar-fixed {position: sticky;top: 50px;left: 360px;margin-right: 0;}
.sidebar>.content {border: 1px solid #d8d8d8;box-sizing: border-box;padding: 22px 10px 22px 22px;margin-bottom: 66px;}
.sidebar .sider-title{font-size: 15px;color: #242424;line-height: 24px;font-weight: 600;margin-bottom: 10px;}
.link-list li {margin-bottom: 10px;font-size: 15px;color: #4c4c4c;line-height: 24px;}
.link-list li a {color: #4c4c4c;}
.link-list li a:hover {text-decoration: underline;color:#2f9aff;}
.link-list li span.mobile-content {display: none;width: 20px;height: 20px;line-height: 20px;text-align:center;background-color: transparent;border: 3px solid #ffab1b;border-radius: 50%;margin: 0 0 10px 0;}
.link-list li.focus a{text-decoration: underline;color:#2f9aff;}
a.item{ height:0;}
.sidebar-app {background-color: #f3f8fc;padding: 22px 22px 18px;text-align: center;border-radius: 8px;overflow: hidden;position: relative;}
.sidebar-app-tag {width: 90px;height: 40px;font-size: 15px;color: #fff;line-height: 1;box-sizing: border-box;padding-top: 20px;transform: rotate(45deg);background-color: #f52e2e;position: absolute;top: -9px;right: -33px;}
.sidebar-app-info {font-size: 17px;color: #252525;line-height: 1.7;margin-bottom: 10px;}
.sidebar-app-links {display: flex;flex-direction: column;align-items: center;}
.vpeapp-down-a{width: 174px;height: 48px;color:#1d1d1d; font-size:19px; text-decoration:none;border-radius: 10px;border: 1px solid #c0c1c2; background-color:#fff; display:flex;justify-content: center; align-items:center;gap: 10px; line-height:1; text-align:left; transition:transform .4s; flex:none;margin-bottom: 11px;}
.vpeapp-down-a:hover{transform:scale(1.05);}
.vpeapp-down-a > img{margin-right:.2em;}
.vpeapp-down-a-span{display:block; font-size:13px; color:#5b5b5b;margin-bottom: 2px;}

.main {width: 727px;float: right;padding-bottom: 75px;min-height: 800px;}
.main h1 {font-size: 25px;color: #000;line-height: 32px;font-weight: 600;padding-bottom: 24px;border-bottom: 1px solid #e5e5e5;text-align: center;margin-bottom: 20px}
.main h2 {font-size: 21px;color: #242424;line-height: 32px;padding-bottom: 25px;font-weight: bold;}
.main h3 {font-size: 17px;color: #242424;line-height: 26px;padding-bottom: 25px;font-weight: bold;}
.main p {font-size: 15px;color: #4c4c4c;line-height: 24px;padding-bottom: 15px;}
.main p span.number {display: inline-block;width: 15px;height: 15px;border: 1px solid #54c23b;font-size: 15px;color: #54c23b;text-align: center;line-height: 15px;margin-right: 16px;border-radius: 50%;margin-bottom: 3px;vertical-align: middle;}
.main .button-container {font-size: 0;text-align: center;padding-bottom: 20px;}
.main .button-container a {width: 270px;line-height: 50px;display: inline-block;vertical-align: middle;text-align: left;text-indent: 15px;background: #0fb4ff url(../images/manual/win-mac.png) 210px center no-repeat;font-size: 24px;font-weight: 700;color: #fff;border-radius: 5px;margin: 0 25px 10px;text-decoration: none;}
.main .button-container a.the-buy {width: 270px;line-height: 50px;display: inline-block;vertical-align: middle;text-align: left;text-indent: 55px;background: #ffab1b url(../images/manual/buy-icon.png) 190px center no-repeat;font-size: 24px;font-weight: 700;color: #fff;border-radius: 5px;margin: 0 25px 10px;text-decoration: none;}
.main .button-container a:hover {text-decoration: none;box-shadow: 0 0 6px 2px rgba(0,0,0,0.2);}
.tips-box{ background:#fffcf1; border:1px dashed #e5dcb7; border-radius:10px; padding:10px 15px 10px; margin:10px 0 15px;}
.tips-box .tips-title{ color:#928d81; padding-bottom:10px;}
.tips-box .tips-title img{ padding:0 3px 0 0;}
.tips-box p{ padding:0 0 13px 7px; margin-bottom:0; color:#3f3f3f;}

.table-container,.toggleSlide-table-container {width: 100%;overflow-x: auto;padding: 10px 0 30px;}
.table-container table {width: 727px;}
.table-container table th,.table-container table td {border-right: 4px solid #fff;border-bottom: 9px solid #fff;background-color: #f8f8f9;vertical-align: middle;box-sizing: border-box;}
.table-container table th {height: 88px;font-size: 17px;color: #272727;font-weight: 500;text-align: center;}
.table-container table th img {vertical-align: middle;margin-right: 10px;}
.table-container table th:first-child {padding-left: 33px;text-align: left;}
.table-container table th:last-child {margin-right: 0;}
.table-container table th b {font-size: 23px;color: #272727;}
.table-container table td {height: 77px;font-size: 15px;color: #272727;text-align: center;}
.table-container table td:first-child {padding-left: 33px;text-align: left;}
.table-container table td:last-child {margin-right: 0;}
.table-container table th.green-color,.table-container table td.green-color {background-color: #effbf2;color: #73cc60;}

.toggleSlide-table-container table {width: 100%;border-left: 1px solid #c9c9c9;border-bottom: 1px solid #c9c9c9;}
.toggleSlide-table-container table tr:first-child {background-color: #f0f8ff;}
.toggleSlide-table-container table th,.toggleSlide-table-container table td {border-top: 1px solid #c9c9c9;border-right: 1px solid #c9c9c9;;}
.toggleSlide-table-container table th {font-size: 17px;padding: 25px 10px;line-height: 26px;color: #000;text-align: center;}
.toggleSlide-table-container table td {font-size: 15px;padding: 25px 10px;line-height: 24px;color: #333333;position: relative;}
.toggleSlide-table-container table tr td:first-child {text-align: center;}
.toggleSlide-table-container table tr td[rowspan]~td {text-align: left;}
.toggleSlide-table-container table tr td.whole-line {padding: 25px;text-align: left;}
.toggleSlide-table-container table tr td span.red-tag {display: inline-block;vertical-align: middle;padding: 4px 10px;border-radius: 30px;color: #fff;background-color: #d02020;font-size: 12px;line-height: 14px;}
.toggleSlide-table-container table tr td ul{margin: 0 0 10px 20px;padding: 0;text-align: left;}
.toggleSlide-table-container table tr td p{margin: 0 0 10px 10px;padding: 0;text-align: left;}
.toggleSlide-table-container table tr td li {list-style: none;position: relative;margin-bottom: 10px;padding: 0;}
.toggleSlide-table-container table tr td li:last-child {margin-bottom: 0;}
.toggleSlide-table-container table tr td li::before {content: "";border: 2.5px solid #6db9ff;border-radius: 50%;position: absolute;top: 10px;left: -13px;}
.toggleSlide-table-container table tr td .toggle-slide-content {display: none;}
.toggleSlide-table-container table tr td .toggle-slide {width: 26px;height: 26px;background: #6db9ff url(../images/manual/arrow-icon.png) no-repeat center;border-radius: 50%;position: absolute;bottom: 8px;right: 8px;cursor: pointer;}
.toggleSlide-table-container table tr td .toggle-slide.toggle-slide-up {transform: rotate(180deg);}

.main figure {width: 100%;padding: 15px 0 30px;text-align: center;}
.main .video-container {margin-bottom: 26px;width: 100%;padding-bottom: 56.25%;position: relative;box-shadow: 0 4px 4px 0 rgba(0,0,0,0.3);}
.main .video-container iframe {width: 100%;height: 100%;position: absolute;}
.main .para-list {padding: 0 0 20px 20px;}
.main .para-list li {list-style-type: disc;font-size: 15px;color: #4c4c4c;line-height: 24px;margin-bottom: 8px;}
.main .see-also {padding: 20px 34px;border: 1px solid #dcdcdc;margin-bottom: 24px;}
.main .see-also .also-title {font-size: 15px;color: #242424;font-weight: 600;line-height: 24px;margin-bottom: 16px;}
.main .link-list li {font-size: 15px;line-height: 24px;}
.main .link-list li a {color: #2f9aff;}
.main .link-list li a:hover {text-decoration: underline;}
.main .user-review {font-size: 15px;color: #242424;line-height: 24px;text-align: center;}
.main .user-review button {vertical-align: middle;width: 73px;height: 21px;text-align: center;line-height: 21px;color: #444444;border: 1px solid #46a2ff;border-radius: 3px;margin: 0 8px;background-color: transparent;cursor: pointer;}
.main .user-review button:hover {background-color: #2f9aff;color: #fff;}
.main .user-review p {color: #4c4c4c;}
.main .user-review p a {color: #2f9aff;text-decoration: underline;}

/* CSS Document */
#bannerTop .content > a span::before {
    content: '';
    display: inline-block;
    width: 100%;
    height: 96%;
    border: 2px solid #120b00;
    border-radius: 30px;
    position: absolute;
    left: -5px;
    top: -5px;}

@media (max-width:1400px) {
	.detail {width: 96%;margin: 0 auto;}
	.sidebar {display: none;width: 30px;float: none;margin: 0;padding: 0;border: none;}
	.sidebar .sider-title {display: none;}
	.sidebar.sidebar-fixed { left: 0;top: 100px;}
	.link-list li span.mobile-content { /*display: inline-block;*/ display: none;}
	.link-list li span.pc-content {display: none;}
	.main {width: 100%;float: none;}

}


@media (max-width:979px) {
	.detail {width: 96%;margin: 0 auto;}
	.sidebar {display: none;width: 30px;float: none;margin: 0;padding: 0;border: none;}
	.sidebar .sider-title {display: none;}
	.sidebar.sidebar-fixed { left: 0;top: 100px;}
	.link-list li span.mobile-content { /*display: inline-block;*/ display: none;}
	.link-list li span.pc-content {display: none;}
	.main {width: 100%;float: none;}

}

@media (max-width:767px) {
	.lazy-video iframe{max-width:100%; height:400px;}
	iframe{width:100%;height: auto;}

}

@media (max-width:479px) {
	.lazy-video iframe{height:240px;}

}