@charset "utf-8";
/* CSS Document */

.row{max-width:1000px;margin-left:auto;margin-right:auto;}
.column,.columns{width:100%;float:left;padding-left:.9375rem;padding-right:.9375rem;}
.column:last-child:not(:first-child),.columns:last-child:not(:first-child){float:right;}
.column.end:last-child:last-child,.end.columns:last-child:last-child{float:left;}
.column.row.row,.row.row.columns{float:none;}
.row .column.row.row,.row .row.row.columns{padding-left:0;padding-right:0;margin-left:0;margin-right:0;}
ol.checklist--default>li,ul.checklist--default>li{font-size:15px;line-height:1.5; color:#000000; margin-bottom:10px!important;padding-left:30px!important;position:relative;}
ol.checklist--default>li:before,ul.checklist--default>li:before{-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);background-color:transparent;border-color:#0078d4;border-style:solid;border-width:0 0 3px 3px;content:'';display:inline-block;height:8px;left:2px;position:absolute;top:5px;vertical-align:middle;width:14px;}
.KV-4250 {
background: url(../images/KV.jpg) top center no-repeat;
height: 100%;
background-size: cover;
padding-bottom: 45%;
position: relative;
min-height: 100px;
}
.series-kv {
font-family: Arial, Helvetica, "Open Sans", 微軟正黑體, 新細明體, sans-serif;
font-size: 2.2em;
font-weight: 600;
line-height: 1.2em;
position: absolute;
left: 4%;
top: 38%;
background-color: #FFFFFF;
border-radius: 0.25em;
color:#000000;
padding:0 20px;
}
.heading-kv {
font-family: Arial, Helvetica, "Open Sans", 微軟正黑體, 新細明體, sans-serif;
color: #FFFFFF;
font-size: 2em;
font-weight: 600;
line-height: 1.2em;
width: 40%;
position: absolute;
left: 4%;
top: 49%;
}
.medium-3{ width:25%; padding-top: 40px; }
.icon{display:inline-block;height:40px;line-height:0;vertical-align:middle;width:50px;}
.AZ{display:block;padding:0px 0 60px;width:100%; overflow:hidden;}
.AZ img{ width:95%; max-width:750px; display:block; margin:0 auto!important; padding:20px 0!important; }
.bubble-h { font-size:20px!important; text-align:center; }
.bubble-4250 { display:flex; margin:30px 0 0px; }
.left { width:30%; }
.left img { width:90%; max-width: 300px; padding-left:2%!important; padding-top:15%!important; }
.right { width:70%; }

.scenario-all { 
display:flex;
margin:30px 0;
}
.scenario-left { 
width:70%;
}
.scenario-left img { 
width: 90%;
max-width: 800px;
}
.scenario-left h3{ 
width: 90%;
max-width: 800px;
font-size: 18px!important;
padding-bottom: 10px!important;
padding-left: 40px!important;
}
.scenario-left ul{ 
width: 90%;
max-width: 800px;
padding-left: 60px!important;
}
.scenario-right { 
width:30%;
text-indent: -9999px;
padding-bottom: 50%;
overflow: hidden;
}
.scenario-right.right1 { 
background:top center no-repeat url(../images/scenario1.jpg); 
background-size:cover; 
}
.scenario-right.right2 { 
background:top center no-repeat url(../images/scenario2.jpg); 
background-size:cover; 
}
.subttl.left { width:100%; }	
.talk-bubble {
margin: 10px;
display: inline-block;
position: relative;
width: 93%;
height: auto;
background-color: #FFFFFF;
border-radius: 5px;
padding:25px 15px 15px 30px;
line-height: 22px;
}
.talk-bubble .bubble-title {
padding-bottom: 10px;
font-size: 20px;
font-weight: 600;
}
.tri-right.left-top:after{
content: ' ';
position: absolute;
width: 0;
height: 0;
left: -20px;
right: auto;
top: 0px;
bottom: auto;
border: 22px solid;
border-color: #FFFFFF transparent transparent transparent;
}

@media screen and (max-width:1025px) {
.series-kv {
font-size: 2em;
}
.heading-kv {
font-size: 1.7em;
}
.row {
margin-left: 3em;
margin-right: 3em;
}
.scenario-left {
width: 75%;
}
.scenario-right {
width: 25%;
}
.talk-bubble {
width: 100%;
}
.left img {
padding-left: 0%!important;
padding-top: 40%!important;
}
}

@media screen and (max-width:901px) {
.series-kv {
font-size: 1.8em;
}
.heading-kv {
font-size: 1.5em;
}
.page_WISE-4210 .contentBox {
padding: 30px;
}
.page_WISE-4210 .h465 {
height: 340px;
}
.page_WISE-4210 .productBox.b1x2 .box .img img {
width: auto;
}
}

@media screen and (max-width:769px) {
.KV-4250 {
padding-bottom: 55%;
}
.page_WISE-4210 .contentBox.b1x2 .img img {
max-width: 470px;
}
.medium-3 {
width: 50%;
}
.scenario-right.right1, .scenario-right.right2 {
display: none;
}
.scenario-left {
width: 100%;
}
.scenario-left img {
width: 100%;
}
}

@media screen and (max-width:551px) {
.KV-4250 {
background: url(../images/KV_M.jpg) top center no-repeat;
background-size: cover;
padding-bottom: 120%;
}
.series-kv {
font-size: 1.7em;
left: 8%;
top: 75%;
}
.heading-kv {
font-size: 1.5em;
left: 8%;
top: 83%;
width: 90%;
}
.bubble-4250 {
display: inline;
}
.left {
width: 50%;
}
.left img {
padding-left: 60%!important;
padding-top: 10%!important;
}
.right {
width: 100%;
}
.AZ h3 {
width: 90%!important;
padding-left: 5%!important;
padding-bottom: 5%!important;
}
.medium-3 {
width: 100%;
padding-top: 10px;
}
.icon {
height: 70px;
width: 20%;
margin-left: 40%;
}
.scenario-left ul {
width: 80%;
}
.scenario-left img {
padding-bottom: 3% !important;
}
}

@media screen and (max-width:376px) {
.series-kv {
font-size: 1.4em;
}
.heading-kv {
font-size: 1.2em;
}
}