@charset "utf-8";
/* CSS Document */
/* ----------------------------------------------
追加
---------------------------------------------- */
#product a, .LINK,
#product a *  {
    color: #40BDF5;
    text-decoration: none;
    cursor: pointer;
}
#product li {
	list-style: inherit;
}
.learnMore-intro.cover p {
    margin: 1.5em 0;
}
#product .cover-content .content-slogan h2 *,
.visualizer-content * {
	font-size: inherit;
}
.app-link a {
	color: #fff!important;
}
.btn-mirrorcam-video a {
	color:inherit!important;
}
#product .intro-end .intro-content h2 * {
	font-size: inherit;
}
@media screen and (max-width: 480px) {
.main-wrap{
  max-width: 90%;
  margin:auto;
}
#product .showcase-content .content-wapper {
margin:0;
}
#product .easy-content .content-info {
padding:1rem 2rem;
}
#product .intro-end .intro-wapper {
    width: 100%;
}
}

/* ----------------------------------------------
mirrorcom　日本版
---------------------------------------------- */
/* pc */
.wrap{ z-index:99}
nav{ z-index:101}
strong, b {font-weight: bold;}
.prodContent-desc .wrap {width: 100%;}
#prodContent .prodContent-desc .columnLeft{padding: 0px;color: #000;font-size: 16px;line-height: normal}
#prodContent .prodContent-desc .columnRight {width: 980px;margin: 0 auto;}
.prodFeature-subtitle{line-height: 1.4em; font-size: 1.15em;color: #000;  padding:5px 8px !important; margin:0 0 25px 0 !important; background-color: #EFEFEF; box-sizing: border-box; }
.prodFeature-subtitle:before{ display:none !important}
.vat {font-size: .7em; font-weight:normal}
#prodFeatureAnchor{ margin-top:5px; z-index:100}

/* Slideshow */
div.shareLinks { display: block; margin-top:50px; }
div.prod-model-nos{font-size:14px; margin:-3px 0 10px;}
.sliderPhotos, .sliderPhotos img {width:620px; height:480px; min-height:480px; margin:0 auto;}
.sliderPhotos { float: right; }
.prodSlider .sliderData{right:auto;left:25px;}
.sliderExtraInfo{top:85px;}
.siderbarImg{top:60px;right:0px;}
#prodContent .prodContent-banner{width:100%; height: auto; min-height:auto; margin:0 auto;box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, .1); z-index:100}
#prodContent .prodContent-banner .prodSlider {min-height: 0; height: 480px;  }
#pager a {background: url(https://ipevo-images.s3-us-west-2.amazonaws.com/product/do-cam_usb_document_camera/main/content/banner_dot.png) 5px -10px no-repeat;}
#pager a.activeSlide {background: url(https://ipevo-images.s3-us-west-2.amazonaws.com/product/do-cam_usb_document_camera/main/content/banner_dot.png) 5px 5px no-repeat;}

/* prodBar-box */
.prodBar-box{}
.prodBar-box .prodBar-wrapper{ display:flex;justify-content:space-between; padding:20px 0; color:#000 }
.prodBar-box .prodBar-info{ width:50%;  display:inline-flex;align-items:center;}
.prodBar-box .prodBar-photo{ }
.prodBar-box .prodBar-photo img{ width:100px; height:100px;}
.prodBar-box .prodBar-content{ margin-left:10px;}
.prodBar-box .prodBar-name{ font-size:18px; line-height:1.1em; margin:0 0 8px 0 }
.prodBar-box .prodBar-model{ font-size:14px; margin:5px 0; color:#666}
.prodBar-box .prodBar-shop{width:50%; text-align:right;display:inline-flex;flex-wrap:wrap; flex-direction: column;}
.prodBar-box .prodBar-price{ font-size:36px; margin:15px 0; }
.prodBar-box .prodBar-unit{font-size:.7em; margin-right:3px;}
.prodBar-box .prodBar-vat{ font-size:16px;}
.prodBar-box .prodBar-pack{ font-size:20px; color:#666 !important; }
.prodBar-box ul.prodBar-buy{ list-style:none; margin:0; padding:0}
.prodBar-box ul.prodBar-buy li{ display:inline-block; margin-left:3px}
.btn2{ font-size:15px; font-weight:normal; color:#fff; text-decoration: none; background-color:#333; text-align: center; display: inline-block; white-space:nowrap; padding:0 20px; border-radius:50px; border: 1px solid #333; line-height:35px;transition:all .15s ease-in-out;-webkit-transition:all .15s ease-in-out; margin:0;cursor: pointer;box-sizing: border-box;}
.btn2:hover{background-color:#74ba00; text-decoration: none; border: 1px solid #74ba00;cursor: pointer;}
.btn2.btn-amazon{ background-color:#e7601e; border:1px solid #e7601e}
.btn2.btn-amazon:hover{background-color: #bc440a; border: 1px solid #bc440a;}
.btn2.btn-order{ background-color:#424242; border:1px solid #424242}
.btn2.btn-order:hover{background-color: #2b2b2b; border: 1px solid #2b2b2b;}
@media screen and (max-width: 480px) {
	.prodBar-box .prodBar-wrapper{ display:block}
	.prodBar-box .prodBar-photo img{ width:120px; height:120px;}
	.prodBar-box .prodBar-info{ width:100%; margin-bottom:20px; }
	.prodBar-box .prodBar-shop{width:100%; text-align:left; }
	.prodBar-box .prodBar-name{ font-size:34px; margin:0 0 15px 0 }
	.prodBar-box .prodBar-model{ font-size:24px; }
	.prodBar-box .prodBar-price{ font-size:52px; margin-top:15px; margin-bottom:30px;margin-left:130px; }
	.prodBar-box .prodBar-pack{ font-size:30px;  }
	.prodBar-box .prodBar-vat{ font-size:28px;}
	.prodBar-box ul.prodBar-buy li{ display:inline-block; margin-left:0px; margin-bottom:20px; display:block; width:100%;}
	.btn2{ font-size:28px;line-height:55px;padding:0 25px; width:100%;}
}

/* mobile device */
@media screen and (max-width: 480px) {
	nav{ z-index:1 !important}
	header .logo{ padding:15px 0 0 0;}
	header .js-mobi-btn{ float:none; right:-20px;}
	.container.frame, header .js-mobi-btn.active+.menu-main, header nav .wrap{ width:353px;}
	.sidebarBox#features ul.sidebarBox-lists{ width:100% !important;}
	.siderbarImg {margin-bottom: -20px;}
	/* #footer{ -moz-transform-origin: left top;-webkit-transform-origin:left top;-o-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top;-moz-transform:scale(0.52);-webkit-transform:scale(0.52);-o-transform:scale(0.52);-ms-transform:scale(0.52);transform:scale(0.52);height:340px;width:625px;} */
	#mRotating-item-wrapper {width: 654px;height: 543px;margin-bottom: 20px;}
	.prodContent-prodList.box#warranty .warrantyBox_text p{ font-size:26px}
	.qa-for-is01 li h4, .qa-for-is01 .ans, ul.text_list > li { line-height:1.3em; font-size:28px;}
	.mobile .sliderPhotos { float: none; }
	.mobile .sliderPhotos, .sliderPhotos img {margin:0 ;min-height:550px;}
	.mobile .prodContent-video{ display:none;}
	.mobile#prodContent{ height:6300px;}
	.mobile#prodContent .prodContent-banner{ position:relative; z-index:101;box-shadow: none;}
	.mobile#prodContent .prodContent-banner .prodSlider {height: auto;  }
	.prodFeature-subtitle{ margin:30px 0 20px -18px !important}
	.price_now {font-size: 36px !important;}
	ul.ul_list > li{ line-height:1.2em}
	/* .vat {font-size: .9em;} */
	.creative, .copyright{ font-size:14px;}
}


/* ----------------------------------------------
Mirror-Cam
---------------------------------------------- */
/* lazyload image */
@keyframes scaleout {
  0% {transform: scale(0); }
  100% {transform: scale(1);opacity: 0; }
}
.loading:before {content: "";position: absolute; z-index: 1;top: 50%; left: 50%; margin-top: -16px; margin-left: -16px; width: 32px; height: 32px; border-radius: 32px; animation: scaleout 1.2s infinite ease-in-out;/* Tweak as needed */ mix-blend-mode: soft-light; background-color: rgba(0, 0, 0, .9); }
.lazyload, .lazyloading {opacity: 0; }
.loading, .lazyload, .lazyloaded, .image {opacity: 1;transition:all 300ms cubic-bezier(0.215, 0.61, 0.355, 1); }
/* no-src */
.lazyload, .lazyloading {opacity: 0;}
.lazyloaded { opacity: 1; }
.close-button {position: relative;display: inline-block;width: 35px;height: 35px;overflow: hidden;cursor: pointer;}
.close-button:hover::before, .close-button:hover::after {background: #74ba00;}
.close-button::before, .close-button::after {content: '';position: absolute;height: 2px;width: 100%;top: 50%;left: 0;margin-top: -1px;background: #333;margin-top: -1px;border-radius: 5px;transition:all 0.2s;-webkit-transition:all 0.2s;}
.close-button::before {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
.close-button::after {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
.close-text{position: absolute;clip: rect(1px 1px 1px 1px);clip: rect(1px, 1px, 1px, 1px);-webkit-clip-path: inset(0px 0px 99.9% 99.9%);clip-path: inset(0px 0px 99.9% 99.9%);overflow: hidden;height: 1px;width: 1px;padding: 0;border: 0; background-color:#000000; color:#fff}
ul.link-stack{list-style: none;margin:0; padding: 0;*zoom:1;}
ul.link-stack:before, ul.link-stack:after {display:table;line-height:0;content:"";}
ul.link-stack:after {clear: both}
ul.link-stack > * + * {margin-left: 10px;}
ul.link-stack li{ float: left; }

#product h2{ margin:0.83em 0}
#product p {line-height: 1.5em;}

@media only screen and (max-width: 480px) {
	#product{ font-size:30px; line-height:1.6em !important;}
	#product p{ margin:30px 0; line-height:1.6em !important;}
	#product h2{ line-height:1.1em; margin-top:30px !important;}
	#product h3{ margin:0px 0 !important;}
	#prodContent .prodContent-desc .columnLeft div{ margin-left:auto !important; margin-right:auto !important;}
	/**/
	.cover-content .content-info .info-wapper .info-photo {margin: 10% auto !important;}
	.visualizer-content .content-photo .photo-title .app-id {margin-bottom: 15px !important;}
	.visualizer-content .content-photo .photo-title { margin: 0 auto 5% !important;}
	#product .showcase-content h2 {margin-bottom: 1em !important; margin-top:1.5em !important;}
	.showcase-content .btn-mirrorcam-video {margin-bottom:5% !important;}
	.visualizer-content .content-photo .photo-title .app-link a { margin-left: 10px; padding: 20px 40px !important; }
}


/* ----------------------------------------------
learn more for Mirror-Cam
---------------------------------------------- */
@font-face {
	font-family: 'SimplonNorm-Bold';
	src: url("https://www.ipevo.com/assets/v2/us/font/SimplonNorm-Bold.ttf");
	src: url("https://www.ipevo.com/assets/v2/us/font/SimplonNorm-Bold.ttf") format("truetype"),
	     url("https://www.ipevo.com/assets/v2/us/font/SimplonNorm-Bold.otf") format("opentype");
}
  @font-face {
	font-family: 'SimplonNorm-Light';
	src: url("https://www.ipevo.com/assets/v2/us/font/SimplonNorm-Light.ttf");
	src: url("https://www.ipevo.com/assets/v2/us/font/SimplonNorm-Light.ttf") format("truetype"),
	     url("https://www.ipevo.com/assets/v2/us/font/SimplonNorm-Light.otf") format("opentype");
}

.productBar-buy .btn-available{font-size:1em !important; display: inline-block !important; font-weight:normal; text-decoration: none; background-color:#eee; text-align: center; display: inline-block; white-space:nowrap; padding:0 25px; border-radius:50px; border: 0px solid #333; line-height:38px; margin-top:-2px;}
.product-main .support-links a:first-child{ border-left: 0;}
@media only screen and (max-width: 768px) {
	.productBar-buy .btn-available { float: right; width:auto !important;}
}
.productBar-buy .note { display: inline-block; font-size: .8em; color: #666;}

/* #product .learnMore-intro { font-family: 'SimplonNorm-Light', 'droid sans' ,'Helvetica', 'verdana' ,'Arial', 'sans-serif'; letter-spacing: 0;}
#product .learnMore-intro h2 { display: block; font-family: 'SimplonNorm-Bold', 'droid sans' ,'Helvetica', 'verdana' ,'Arial', 'sans-serif'; letter-spacing: 0;}
#product .learnMore-intro h3 { display: block; font-family: 'SimplonNorm-Bold', 'droid sans' ,'Helvetica', 'verdana' ,'Arial', 'sans-serif'; letter-spacing: 0;}
#product .learnMore-intro p { font-family: 'SimplonNorm-Light', 'droid sans' ,'Helvetica', 'verdana' ,'Arial', 'sans-serif'; letter-spacing: 0;} */
#product .nowrap { display: inline-block;}

/* cover */
.learnMore-intro.cover { width: 100%;}
.learnMore-intro.cover .cover-wapper { width: 100%; height: 100%; display: inline-flex; flex-direction: row-reverse; align-items: stretch;}
.cover-photo { width: 50%;}
.cover-photo img { width:100%; object-fit: cover;}
.cover-content { width: 50%; padding: 5% 2% 0 10%;box-sizing: border-box;}
.cover-content .content-wapper { align-self: stretch;}
.cover-content .content-slogan {}
#product .cover-content .content-slogan h2 { display: block; font-size: 1.2em; line-height: 1em;}
#product .cover-content .content-slogan h3 { font-size: 4em; line-height: 1.1em;}
.cover-content .content-slogan p { width: 75%; font-size: 1.2em; line-height: 1.7em;}
.cover-content .content-info { width: 90%; margin-top: 15%;}
.cover-content .content-info .info-wapper { width: 100%; display: block; position: relative; text-align: right;}
.cover-content .content-info .info-wapper::after { content:""; display: block; clear: both;}
.cover-content .content-info .info-wapper p { width: 55%; margin: 0; position: absolute; z-index: 1; top: 5vw; text-align: left; font-size: .9em; line-height: 1.5em;}
.cover-content .content-info .info-wapper .info-photo { width: 50%; display: inline-block;}
.cover-content .content-info .info-wapper .info-photo img { width:100%; height: auto; object-fit: cover;}

/* visualizer */
.learnMore-intro.visualizer { width: 70%; height: 100%; margin: 3% auto 0;}
.learnMore-intro.visualizer .visualizer-wapper { width: 100%; margin: 0 auto;}
.visualizer-content { width: 100%;}
#product .visualizer-content h2 { font-size: 1.5em;}
.visualizer-content .content-wapper { width: 100%; height: auto; min-height: 500px; display: inline-flex; flex-direction: row; align-items: stretch;}
.visualizer-content .content-photo { width: 50%; position: relative; overflow: hidden; background: #f3f3f3;box-sizing: border-box;}
.visualizer-content .content-photo video {width: auto;height: 140%;position: absolute;top: -27%;left: -28%;}
.visualizer-content .content-photo img { width: 100%; height: auto; object-fit: cover;}
.visualizer-content .content-main { width: 50%; padding-right: 5px;}
.visualizer-content .main-photo { height: 50%; overflow: hidden;}
.visualizer-content .main-photo img { width: 100%; height: auto; object-fit: cover;}
.visualizer-content .main-info { width: 100%; height: 49.3%; margin-top: 5px; padding: 3% 6%; background: #f5f5f5; display: inline-flex; flex-wrap: wrap; align-items: center;box-sizing: border-box;}
.visualizer-content .main-info .info-wapper {}
.visualizer-content .main-info .info-wapper ol { margin: 0; padding: 1em 0 2em 1em; list-style:decimal}
.visualizer-content .main-info .info-wapper li { margin-bottom: .75em; line-height: 1.2em;}
.visualizer-content .content-photo .photo-title { width: 100%; margin: 0 auto; position: absolute; z-index: 1; display: block; text-align: center; bottom: 5%;}
.visualizer-content .content-photo .photo-title img { width: 50px; vertical-align: bottom;}
.visualizer-content .content-photo .photo-title .app-id { margin-bottom: 15px;}
.visualizer-content .content-photo .photo-title .app-id span { margin: 0; padding:0 0 0 .5em; display: inline-block; font-size: 2.2em; line-height: 50px; font-family: 'SimplonNorm-Bold', 'droid sans' ,'Helvetica', 'verdana' ,'Arial', 'sans-serif'; }
.visualizer-content .content-photo .photo-title .app-link { display: block; font-size: 1.2em;}
.visualizer-content .content-photo .photo-title .app-link a { padding: 15px 30px; color: #fff; line-height: 1em;  text-decoration: none; display: inline-block; vertical-align: middle; background-color: #3B74AE; border-radius: 100px;  font-weight: normal; font-family: 'SimplonNorm-Light', 'droid sans' ,'Helvetica', 'verdana' ,'Arial', 'sans-serif';}
.visualizer-content .content-photo .photo-title .app-link a:hover { background: #000;}

/* showcase */
.learnMore-intro.showcase { width: 70%; margin: 2% auto 0;}
.learnMore-intro.showcase .showcase-wapper { width: 100%; height: auto; margin: 0 auto; position: relative;}
.showcase-img { width: 100%; position: relative; overflow: hidden;}
.showcase-img img { width: 100%; height: auto; object-fit: cover; object-position: right top;}
.showcase-content { width: 100%; height: 100%; position: absolute; z-index: 1; display: flex; align-items: center;}
#product .showcase-content h2 { margin-bottom: 1.5em; font-size: 1.5em; text-align: center;}
/* .showcase-content p { font-size: 1em;} */
.showcase-content .content-wapper { width: 45%; margin: 2% 2%; position: relative; background: rgba(256, 256, 256, .75);}
.showcase-content .content-wapper .content-main { padding: 2% 5% 3%;}
.showcase-content .btn-mirrorcam-video { width: 100%; display: block; text-align: center;}
.showcase-content .btn-mirrorcam-video a { color: #000; text-decoration: none; display: block;}
.showcase-content .btn-mirrorcam-video a::after { content: "\f144"; margin: 0 -5px 0 8px; color: #69be1b; font-family: 'Font Awesome 5 Free'; font-size: 1.1em; font-weight: 400;}

/* whiteboard */
.learnMore-intro.whiteboard { width: 70%; margin: 2% auto 0;}
.learnMore-intro.whiteboard .whiteboard-wapper { width: 100%; height: auto; margin: 0 auto; position: relative; overflow: hidden;}
.whiteboard-img { width: 63%; overflow: hidden; position: relative;}
.whiteboard-img video { width: 100%; float: left;}
.whiteboard-content { width: 40%; height: 100%; position: absolute; right: 0; overflow: hidden; z-index: 2; display: inline-flex; align-items: center;}
#product .whiteboard-content h2 { margin-bottom: 1.5em; font-size: 1.5em; text-align: center;}
/* .whiteboard-content p { font-size: 1em;} */
.whiteboard-content .content-info { padding-right: 18%; position: relative; z-index: 1;}
.whiteboard-content .content-img { overflow: hidden;}
.whiteboard-content .content-img .bg-video { width: 100%; height: 100%; position: absolute; top: 0; left: 0; overflow: hidden;}

/* easy */
.learnMore-intro.easy { width: 70%; margin: 3% auto 0;}
.learnMore-intro.easy .easyo-wapper { width: 100%; margin: 0 auto;}
.easy-content { width: 100%;}
#product .easy-content h2 { font-size: 1.5em; letter-spacing: 0;}
.easy-content .content-wapper { width: 100%; height: auto; min-height: 500px; display: inline-flex; flex-direction: row-reverse; align-items: stretch;}
.easy-content .content-photo { width: 50%; overflow: hidden; background: #f5f5f5;}
.easy-content .content-photo::after { content:""; display: block; clear: both;}
.easy-content .content-photo img { float: left; width: 100%; height: auto; object-fit: cover;}
.easy-content .content-main { width: 50%; padding-left: 5px;box-sizing: border-box;}
.easy-content .content-steps { height: 50%; padding: 5%; background: #ffe533; display: flex; align-items: center;box-sizing: border-box;}
.easy-content .content-steps ol { width: 100%; margin: 0; padding: 0 0 0 5%; list-style: none; display: inline-flex; flex-direction: row; justify-content: center; align-items: stretch; align-content: stretch; flex-wrap: wrap;}
.easy-content .content-steps li { width: 32%; height: 150px; margin: 5px 2px; position: relative;}
.easy-content .content-steps .steps-info { height: 100%; padding: 5% 6%; font-size: .9em; color: #fff; text-align: center; background: rgba(0, 0, 0, 1); position: absolute; top: 0; opacity: 0; transition: .75s ease;}
.easy-content .content-steps .steps-info .hover { height: 100%; position: relative; display: inline-flex; flex-wrap: wrap; align-items: center;}
.easy-content .content-steps .steps-info:hover { opacity: 1; cursor: pointer;}
.easy-content .content-steps .steps-photo { position: relative; text-align: center;}
.easy-content .content-steps .steps-photo img { width: 100%; height: 100%; object-fit: cover;}
.easy-content .content-info { height: 49.5%; margin-top: 5px; padding: 0 10%; background: #f5f5f5; display: inline-flex; flex-wrap: wrap; align-items: center;}
.easy-content .content-info p { margin-top: 0; padding-top:0; align-self: center;}

/* end */
.intro-end { width: 100%; margin: 4% auto; text-align: center;}
.intro-end .intro-wapper { width: 80%; margin: 0 auto;}
.intro-end .intro-content { width: 100%;}
#product .intro-end .intro-content h2 { margin-bottom: 1.5em; font-size: 1.5em; line-height: 1.5em;}
.intro-end .intro-content p {}
.intro-end .intro-photo { width: 100%; margin: 0 auto; overflow: hidden; position: relative;}
.intro-end .intro-photo:before { content:" "; background:#fff; width:100%; height:2px; position:absolute; left:0; top:0; z-index:1;}
.intro-end .intro-photo::after { content:" "; background:#ffff; width:100%; height:2px; position:absolute; right:0; top:0; z-index:1;}
.intro-end .intro-photo .fold-video { position: relative; text-align: center; position: relative;}
.intro-end .intro-photo .fold-video:before { content:" "; background:#fff; width:2px; height:100%; position:absolute; left:0; top:0; z-index:1;}
.intro-end .intro-photo .fold-video::after { content:" "; background:#fff; width:2px; height:100%; position:absolute; right:0; top:0; z-index:1;}
.intro-end .intro-photo video { width: 100%;}


/* ----------------------------------------------
RWD
---------------------------------------------- */
@media only screen and (max-width: 1920px) {
	/* cover */
	.cover-content .content-info { width: 90%; margin-top:0;}
}

@media only screen and (max-width: 1680px) {
	/* cover */
	.cover-content { padding: 4% 2% 0 7%;}
	.cover-content .content-slogan p { width: 85%;}
}

@media only screen and (max-width: 1600px) {
	/* cover */
	.cover-content { padding: 3% 2% 0 5%;}
	#product .cover-content .content-slogan h3 { font-size: 3.5em;}
	.cover-content .content-slogan p { width: 90%;}
	/* visualizer */
	.learnMore-intro.visualizer { width: 80%;}
	/* easy */
	.learnMore-intro.easy { width: 80%;}
	/* whiteboard */
	.learnMore-intro.whiteboard { width: 80%;}
	/* showcase */
	.learnMore-intro.showcase { width: 80%;}
}

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

}


@media only screen and (max-width: 1440px) {
	/* cover */
	.cover-content .content-info { width: 90%; margin-top: 0;}
	.cover-content .content-info .info-wapper { width: 100%; display: block;}
	.cover-content .content-info .info-wapper p { top: 4vw; line-height: 1.5em;}
	/* visualizer */
	.learnMore-intro.visualizer { width: 85%;}
	/* easy */
	.learnMore-intro.easy { width: 85%;}
	/* whiteboard */
	.learnMore-intro.whiteboard { width: 85%;}
	/* showcase */
	.learnMore-intro.showcase { width: 85%;}
}

@media only screen and (max-width: 1366px) {
	/* cover */
	#product .cover-content .content-slogan h3 { font-size: 3em;}
	/* .cover-content .content-slogan p { font-size: 1em;} */
}

@media only screen and (max-width: 1280px) {
	/* cover */
	#product .cover-content .content-slogan h3 { font-size: 2.5em;}
	.cover-content .content-info { margin-top: 5%;}
	.cover-content .content-info .info-wapper .info-photo { width: 40%; margin-left: 60%;}
	/* visualizer */
	.learnMore-intro.visualizer { width: 95%;}
	.visualizer-content .content-photo video { left: -20%;}
	.visualizer-content .main-info { padding: 0% 3% 2%;}
	/* .visualizer-content .main-info .info-wapper { font-size: .9em;} */
	.visualizer-content .main-info .info-wapper ol { padding: 0 0 0 1em;}
	.visualizer-content .content-photo .photo-title img { width: 40px; vertical-align: bottom;}
	.visualizer-content .content-photo .photo-title .app-id { margin-bottom: 15px;}
	.visualizer-content .content-photo .photo-title .app-id span { padding:0 0 0 .5em;font-size: 1.5em; line-height: 40px;}
	.visualizer-content .content-photo .photo-title .app-link { display: block; }
	.visualizer-content .content-photo .photo-title .app-link a { padding: 10px 20px; }
	/* easy */
	.learnMore-intro.easy { width: 95%;}
	.easy-content .content-steps li { height: 120px;}
	.easy-content .content-steps .steps-info { font-size: .7em; line-height: 1.5em;}
	/* whiteboard */
	.learnMore-intro.whiteboard { width: 95%;}
	/* showcase */
	.learnMore-intro.showcase { width: 95%;}
}

@media only screen and (max-width: 1145px) {
	/* cover */
	#product .cover-content .content-slogan h3 { font-size: 2.5em;}
	.cover-content .content-slogan p { width: 90%; }
	.cover-content .content-info { margin-top: 0;}
	.cover-content .content-info .info-wapper p { top: 5vw; }
}

@media only screen and (max-width: 1024px) {
	/* cover */
	#product .cover-content .content-slogan h3 { font-size: 2em;}
	.cover-content .content-slogan p { width: 100%;}
	.cover-content .content-info .info-wapper p { top: 3vw;}
	/* visualizer */
	#product .visualizer-content h2 { font-size: 1.2em;}
	/* easy */
	#product .easy-content h2 { font-size: 1.2em;}
	/* showcase */
	.showcase-content .content-wapper { width: 65%;}
	#product .howcas-content h2 { font-size: 1.2em;}
	/* whiteboard */
	#product .whiteboard-content h2 { font-size: 1.2em;}
	/* end */
	#product .intro-end .intro-content h2 { font-size: 1.2em;}
}

@media only screen and (max-width: 960px) {
	/* cover */
	.learnMore-intro.cover { width: 70%; margin: 5% auto;}
	.learnMore-intro.cover .cover-wapper { width: 100%; height: auto; display: block;}
	.cover-photo { width: 100%; height: auto; }
	.cover-photo img { width:100%; height: auto; object-fit: cover;}
	.cover-content { width:100%; height: auto; padding: 0;}
	.cover-content .content-wapper { height: auto;}
	#product .cover-content .content-slogan h3 { font-size: 2.5em; }
	.cover-content .content-slogan p {  width: 100%;}
	.cover-content .content-info { width: 100%; height: auto; position: relative; text-align: center;}
	.cover-content .content-info .info-wapper p { width: 100%; position: relative; margin: 0; line-height: 1.5em;}
	.cover-content .content-info .info-wapper .info-photo { width: 50%; margin: 10% auto; display: block;}
	/* visualizer */
	.learnMore-intro.visualizer { width: 70%;}
	.visualizer-content .content-wapper { display: block;}
	.visualizer-content .content-photo { width: 100%; height: auto; text-align: center; background: none;}
	.visualizer-content .content-photo video { width: 100%; height: auto; position: relative; top: 0; left: 0;}
	.visualizer-content .content-main { width: 100%; padding-right: 0;}
	.visualizer-content .main-info { padding: 2% 0 4%; background: none;}
	.visualizer-content .main-info .info-wapper ol { padding: 1em 0 2em 2em;}
	.visualizer-content .content-photo .photo-title { width: 100%; margin: 0 auto 5%; position: relative; display: block; text-align: center;}
	.visualizer-content .content-photo .photo-title img { width: 50px; vertical-align: middle;}
	.visualizer-content .content-photo .photo-title .app-id { margin-bottom: 15px;}
	.visualizer-content .content-photo .photo-title .app-id span { margin: 0; padding:0 0 0 .5em; display: inline-block; font-size: 1.5em; line-height: 50px;}
	.visualizer-content .content-photo .photo-title .app-link {}
	.visualizer-content .content-photo .photo-title .app-link a { margin-left: 5px; padding: 10px 20px; color: #fff; line-height: 1em; text-decoration: none; display: inline-block; vertical-align: middle; background-color: #3B74AE; border-radius: 100px; font-weight: normal; font-family: 'SimplonNorm-Light', 'droid sans' ,'Helvetica', 'verdana' ,'Arial', 'sans-serif';}
	.visualizer-content .content-photo .photo-title .app-link a:hover { background: #000;}
	/* easy */
	.learnMore-intro.easy { width: 70%; margin: 5% auto;}
	.easy-content .content-wapper { display: block; }
	.easy-content .content-photo { width: 100%;}
	.easy-content { width: 100%;}
	.easy-content .content-wapper { width: auto; height: auto;  display: block;}
	.easy-content .content-main { width: 100%; padding-left: 0;}
	.easy-content .content-steps { height: auto; padding: 5%; display: flex; align-items: center;box-sizing: border-box;}
	.easy-content .content-steps ol { padding: 0 0 0 5%;box-sizing: border-box;}
	.easy-content .content-steps li { height: 180px; margin: 5px 2px;box-sizing: border-box;}
	.easy-content .content-steps .steps-info { height: 100%; padding: 5% 6%;box-sizing: border-box;}
	.easy-content .content-steps .steps-photo {}
	.easy-content .content-steps .steps-photo img { height: auto;}
	.easy-content .content-info { height: auto; margin-top: 0; margin-bottom: 10px !important; padding: 10% 10%; display: block;}
	/* showcase */
	.learnMore-intro.showcase { width: 70%; margin: 5% auto 0;}
	.learnMore-intro.showcase .showcase-wapper { width: 100%; height: auto; margin: 0 auto; position: relative;}
	.showcase-img { width: 100%; height: auto; position: relative; overflow: hidden;}
	.showcase-img img { width: 100%; height: auto; object-fit: contain;}
	.showcase-content { width: 100%; height: auto; position: relative; display: block;}
	.showcase-content .content-wapper { width: 100%;  margin: 2% 2%;}
	.showcase-content .content-wapper .content-main { padding: 0;}
	.showcase-content .btn-mirrorcam-video { width: 100%; margin-bottom: 5%; display: block; text-align: center;}
	/* whiteboard */
	.learnMore-intro.whiteboard { width: 70%; margin: 5% auto 0;}
	.learnMore-intro.whiteboard .whiteboard-wapper { width: 100%; height: auto; margin: 0 auto; display: block;}
	.whiteboard-img { width: 100%; overflow: hidden;}
	.whiteboard-content { width: 100%; height: auto; position: relative; display: block; overflow: hidden;}
	/* .whiteboard-content p { font-size: 1em;} */
	.whiteboard-content .content-info { height: auto; padding: 0 0 2%;}
	.whiteboard-content .content-img { display: none;}
	.learnMore-intro.whiteboard { width: 70%; margin: 4% auto 0;}
	/* end */
	.intro-end { width: 100%; margin: 5% auto !important;}
	.intro-end .intro-wapper { width: 80%; margin: 0 auto;}

}

@media only screen and (max-width: 768px) {
	/* visualizer */
	.visualizer-content .content-photo .photo-title { bottom: 5%;}
	/* easy */
	.easy-content .content-steps {padding: 5%;}
	.easy-content .content-steps ol { margin: 0; padding: 0 0 0 5%;}
	.easy-content .content-steps li { height: 150px; margin: 5px 2px;}
	.easy-content .content-steps .steps-info { height: 100%; padding: 5% 6%; }
	/* showcase */
}

@media only screen and (max-width: 576px) {
	/* cover */
	.learnMore-intro.cover { width: 100%; margin:0 auto 5% auto !important;}
	#product .cover-content .content-slogan h3 { font-size: 2em; }
	/* .cover-content .content-slogan p { font-size: 1em;} */
	/* visualizer */
	.learnMore-intro.visualizer { width: 100%;}
	.visualizer-content .content-photo .photo-title img { width: 40px; vertical-align: middle;}
	.visualizer-content .content-photo .photo-title .app-id { margin-bottom: 15px;}
	.visualizer-content .content-photo .photo-title .app-id span { padding:0 0 0 .5em; font-size: 1.2em; line-height: 40px;}
	/* easy */
	.learnMore-intro.easy { width: 100%; margin: 5% auto !important;}
	/* showcase */
	.learnMore-intro.showcase { width: 100%; margin: 5% auto 0 !important;}
	/* whiteboard */
	.learnMore-intro.whiteboard { width:100%; margin: 5% auto 0 !important;}
}

@media only screen and (max-width: 480px) {
	/* cover */
	/* visualizer */
	.visualizer-content .content-photo .photo-title img { width: 60px; vertical-align: middle;}
	.visualizer-content .content-photo .photo-title .app-id { margin-bottom: 15px;}
	.visualizer-content .content-photo .photo-title .app-id span { padding:0 0 0 .5em; font-size: .8em; line-height: 30px;}
	/* easy */
	.easy-content .content-steps {padding: 5%;}
	.easy-content .content-steps ol { margin: 0; padding: 0 0 0 5%;}
	.easy-content .content-steps li {  width: 45%; height: 240px; margin: 5px 2px;}
	.easy-content .content-steps .steps-info { height: 100%; padding: 5% 6%; }
}

@media only screen and (max-width: 375px) {
	/* easy */
	.easy-content .content-steps {padding: 5%;}
	.easy-content .content-steps ol { margin: 0; padding: 0 0 0 5%;}
	.easy-content .content-steps li {  width: 45%; height: 240px; margin: 5px 2px;}
	.easy-content .content-steps .steps-info { height: 100%; padding: 5% 6%; }
}