@charset "utf-8";
/*MAIN*/
#box-productOverview-containter{width: 100%;position:relative;left:50%;overflow:hidden;margin-top:60px;	font-size: 16px !important;}

.scroll-to{width:100%; height:0;  display: block;;position: absolute;top: 50%;}


/*KV*/
	#box-productOverview-containter .icon-number ,#box-productOverview-containter .icon-unit,.box-sort{color:#c08350!important}

.box-kv{width: 100%;height: 0;padding-bottom:45.4% ;overflow: hidden; position:relative;}
.wrap-topic-wording{width:45%; max-width:500px; font-size:100%; color:#FFFFFF ;position:absolute;top:40%;left:5%; z-index:10;	}
.wrap-topic-wording-mobo{width:80%; text-align: center; margin: 0 auto; display: none}
.wrap-head-kv{position:relative;}
.wrap-head-kv-visual{width:100%;height:0;padding-bottom:52.083%;position:relative; overflow:hidden;}
.box-head-kv-visual{ width:100%; position:absolute; left:0;top:0; z-index:-1 ;
 -webkit-transition: all 2500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition:         all 2500ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
.box-head-kv-visual img{width:100%;}


/*portals*/
		.wrap-portal{width:100%;max-width: 1440px; position: relative; text-align: center; margin: auto;}
		.box-portal{width:40%; display: inline-block; margin: 1.5%; text-align: center;vertical-align: top}
		.box-potral-img{width:50%; height: 0 ;padding-bottom: 51%; margin: 0 auto}
		.subT-portal-name{	/*font-family: "myriad-pro";*/    font-weight: 300;    font-size: 36px !important;    letter-spacing: 0.02em;    word-spacing: 0.04em;	color: #333333;margin: 0 auto;    -webkit-font-smoothing: antialiased;    -moz-osx-font-smoothing: grayscale;    word-wrap: break-word; line-height: 48px; }
		.txt-portal-intro{/*font-family: "myriad-pro";*/    font-weight: 300;    font-size: 17px !important;  line-height:26px;    letter-spacing: 0.02em;    word-spacing: 0.04em;	color: #333333;margin: 0 auto;    -webkit-font-smoothing: antialiased;    -moz-osx-font-smoothing: grayscale;    word-wrap: break-word;}
		.box-icon-mcafee{width:100%;max-width:205px; margin: -2.5% auto 0}
		.icon-mcafee{width: 100%;    padding-bottom: 28.3%;    background: url(../images/logo-mcafee.png) no-repeat center;	background-size: cover; margin:  auto 0}
		.img-into-software{background: url(../images/img-into-software.png) no-repeat center; background-size: contain}
		.img-into-screenpad{background: url(../images/img-into-screenpad.png) no-repeat center; background-size: contain}
		.img-into-mcafee{background: url(../images/img-into-mcafee.png) no-repeat center; background-size: contain}
		.img-into-proart{background: url(../images/img-into-proart.png) no-repeat center; background-size: contain}







/***********************MediaQuery***********************/
@media screen and (max-width :1680px){



}
@media screen and (max-width:1400px){



}
@media screen and (max-width:1257px){

}
@media screen and (max-width:1100px){
/*MAIN*/
.box-head-kv-visual{width:105%; margin-left:-5%}
	.wrap-topic-wording{display: none}
	.wrap-topic-wording-mobo{ display:block;}


}
@media screen and (max-width:900px){
	.box-portal {    width: 80%;    display: block;    margin: 0 auto;    text-align: left;    vertical-align: top;}
	.wrap-portal .learn-more{  text-align: left	}
	.portal-mobo-space{display: none}

	.box-potral-img {    width: 20%;    height: 0;    padding-bottom: 20%;    margin: 2%;    display: inline-block;	vertical-align: top;}
	.box-mobo-style{width:70%; margin: 2%; display: inline-block}
	.box-icon-mcafee{ margin:0;}

}

@media screen and (max-width:700px){
.box-head-kv-visual img {margin-top: 10%;}

}
@media screen and (max-width:600px){
	.box-portal {    width: 80%;    display: block;    margin: 0 auto;    text-align: center;    vertical-align: top;}
	.wrap-portal .learn-more{  text-align: center}
	.box-potral-img {    width: 20%;    height: 0;    padding-bottom: 20%;    margin: 0 auto;    display: block;    vertical-align: top;}
	.box-icon-mcafee {    margin: -2.5% auto 0;}

	.wrap-portal .separate{height:15px;}

}
@media screen and (max-width:415px){

/*visual images*/
.box-head-kv-visual{ width: 150%;margin-left:-25%;}

/*KV*/
.box-kv {padding-bottom: 70.4%;}
.wrap-head-kv-visual{padding-bottom: 70.4%;}

.wrap-head-kv-visual .txt-left,
.wrap-topic-wording .txt-left
{display:none;}
.wrap-topic-wording {width:50%;top: 40%;}

}

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



}