@font-face {
	font-family: 'MyriadPro';
	src: url(../fonts/MyriadPro-Regular.eot) format("embedded-opentype"),
		 url(../fonts/MyriadPro-Regular.ttf) format("opentype"),
		 url(../fonts/MyriadPro-Regular.woff) format("woff"),
		 url(../fonts/MyriadPro-Regular.svg) format("svg");
	font-weight: normal;
}
/*@font-face {
	font-family: 'MyriadPro';
	src: url(https://170.p.syniva.es/microsite/csm/fonts/MyriadPro-Light.otf);
	font-weight: 300;
}
@font-face {
	font-family: 'MyriadPro';
	src: url(https://170.p.syniva.es/microsite/csm/fonts/Myriad-Set-Pro-Ultralight.ttf);
	font-weight: 200;
}*/

/*basic*/
	html,
	body {
		margin: 0;
		height: 100%!important;
		background-color: #000;
		color: #9c9c9c;
	}

	#csm * {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		word-wrap: break-word;
		word-break: break-word;
	}

	#csm img {
		display: block;
	}

	#csm a {
		font-family: 'MyriadPro', sans-serif;
		font-size: 1rem;
		display: block;
		text-decoration: none;
		color: #0081A0;
		transition: all 0.8s ease 0s;
		-webkit-transition: all 0.8s ease 0s;
		-moz-transition: all 0.8s ease 0s;
		-ms-transition: all 0.8s ease 0s;
		-o-transition: all 0.8s ease 0s;
	}

	#csm a:hover {
		text-decoration: none;
		opacity: .5;
	}

	#csm h1,
	#csm h2,
	#csm h3,
	#csm h4,
	#csm h5,
	#csm h6 {
		font-family: "MyriadPro",sans-serif;
		color: #014161;
		line-height: 1.4rem;
		margin: 0;
		font-weight: 300;
	}
	#csm h2 {
		color: #014161;
		font-size: 4rem;
		line-height: 1.25;
		margin-bottom: 40px;
	}
	#csm h3 {
		color: #014161;
		font-size: 4rem;
		line-height: 1.25;
		margin-bottom: 40px;
	}
	#csm h3.sec_h3 {
		font-size: 3rem;
		line-height: 1.2;
	}
	#csm h4{
		font-size: 1.5rem;
		margin: 20px 0 10px;
	}

	#csm p{
		font-family: 'MyriadPro', sans-serif;
		font-size: 1.2rem;
		font-weight: 400;
		letter-spacing: 0px;
		line-height: 1.5rem;
		margin: 0;
		color: #555555;
	}


	#csm tr,
	#csm th,
	#csm td{
		font-family: 'MyriadPro', sans-serif;
		font-size: 16px;
		letter-spacing: 0;
		line-height: 1.25rem;
		font-weight: 400;
		color: #555555;
	}

	#csm h6 {font-size: 1em; }

	#csm ul {
		font-family: 'MyriadPro', sans-serif;
		margin: 0;
		padding: 0;
		list-style: none;
	}

	#csm ul li {
		font-family: 'MyriadPro', sans-serif;
		font-size: 1rem;
		color: #FFF;
	}

	.mobile-form-x {
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}

	#owl-hd-1 .owl-dots {
		position: absolute;
		bottom: 3%;
		left: 48%;
	}

	#csm .mobile-open {display: none; }

	#csm .row {
		display: inline-block;
		width: 100%;
		position: relative;
		margin-bottom: 30px;
	}

	#csm .col-10,
	#csm .col-20,
	#csm .col-25,
	#csm .col-30,
	#csm .col-33,
	#csm .col-40,
	#csm .col-50,
	#csm .col-60,
	#csm .col-70,
	#csm .col-80,
	#csm .col-90,
	#csm .col-100{
		display: inline-block;
		padding: 0 25px;
		margin-right: -5px;
		vertical-align: top;
	}

	#csm .col-10 {width: 10%; }
	#csm .col-20 {width: 20%; }
	#csm .col-25 {width: 25%; }
	#csm .col-30 {width: 30%; }
	#csm .col-33 {width: 33%; }
	#csm .col-40 {width: 40%; }
	#csm .col-50 {width: 50%; }
	#csm .col-60 {width: 60%; }
	#csm .col-70 {width: 70%; }
	#csm .col-80 {width: 80%; }
	#csm .col-90 {width: 90%; }
	#csm .col-100 {width: 100%; }
/*-------------public-----------------*/
	#csm small {
		font-family: 'MyriadPro', sans-serif;
		font-size: smaller;
		line-height: 1.5;
	}
	#csm small.txt-primary{
		display: block;
		font-size: 14px;
		color:#3971a4;
		margin:20px 0;
	}
	#csm .txt-white{color:#fff;}
	#csm .txt-red{color:#cc0000;}

	#csm .txt-center{text-align: center;}

	#csm .content-w1200 {
		max-width: 1200px;
		margin: 0 auto;
		padding: 0 20px;
		position: relative;
	}
	#csm section .content-w1200 {padding: 0 70px; }

	#scrollUp {
		position: fixed;
		right: 30px;
		bottom: 30px;
		width: 45px;
		height: 45px;
		text-align: center;
		cursor: pointer;
		border-radius: 50%;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border: 2px solid #0081A0;
		opacity: 0;
	}
	#scrollUp.hd-show {opacity: 1; }
	#scrollUp:hover {background-color: #0081A0; }
	#scrollUp:hover svg {fill: #FFF; }
	#scrollUp svg {
		display: block;
		position: absolute;
		margin: auto;
		top: 0;
		right: 0;
		bottom: 5px;
		left: 0;
		fill: #0081A0;
		-webkit-transform: rotateZ(270deg);
		-moz-transform: rotateZ(270deg);
		-ms-transform: rotateZ(270deg);
		-o-transform: rotateZ(270deg);
		transform: rotateZ(270deg);
	}

/* --------------------- tab page -------------------- */
	#csm .mb_page,
	#csm .mini_pc_page{
		display: none;
	}
	#csm .mb_page.active,
	#csm .mini_pc_page.active{
		display: block;
	}

/*-------------section-kv-----------------------------*/
	#csm #kv {
		position: relative;
		background-color: #fff;
	}
	#csm #kv:after{
		content: '';
		width: 100%;
		padding-bottom: 20%;
		position: absolute;
		bottom: 0;
		left: 0;
		background: -webkit-linear-gradient(transparent, rgba(0,0,0,.5));
		background: -o-linear-gradient(transparent, rgba(0,0,0,.5));
		background: -moz-linear-gradient(transparent, rgba(0,0,0,.5));
		background: linear-gradient(transparent, rgba(0,0,0,.5));
	}

	#csm #kv .kv_words {
		position: absolute;
		left: 11%;
		top: 7%;
		color: #3e3e3e;
		width: 50%;
		z-index: 99;
	}

	#csm #kv h1 {
		font-weight: 400;
		font-size: 5.5rem;
		line-height: 1.25;
		margin-bottom: 20px;
	}

	#csm #kv h2 {
		font-family: "MyriadPro",sans-serif;
		font-weight: 400;
		color: #9c9c9c;
		font-size: 2rem;
		line-height: 1.25;
		margin-bottom: 20px;
	}

	#csm #kv small {
		display: block;
		margin-top: 10px;
		max-width: 500px;
	}

	#csm #kv .acsm {
		margin-left: 0px;
		max-width: 220px;
		position: absolute;
		right: 10%;
		bottom: 11%;
		z-index: 2;
	}
	#csm #kv a.button {
		text-decoration: none;
		display: inline-block;
		vertical-align: top;
		font-family: "MyriadPro",sans-serif;
		text-transform: uppercase;
		background: rgba(255,255,255,.5);
		border: 3px solid #014161;
		color: #014161;
		padding: 1.5% 8% 1.5% 5%;
		border-radius: 100px;
		outline: none;
		position: relative;
		cursor: pointer;
		margin: 5px 10px 10px 0;
		letter-spacing: 2px;
		transition: all 0.2s ease 0s;
		-webkit-transition: all 0.2s ease 0s;
		-moz-transition: all 0.2s ease 0s;
		-ms-transition: all 0.2s ease 0s;
		-o-transition: all 0.2s ease 0s;
		background-image: url(../img/download-b.png);
		background-position: 92% center;
		background-repeat: no-repeat;
		background-size: 35px;
	}
	#csm #kv a.button span{
		display: block;
		font-size: 1.5rem;
	}
	#csm #kv a.button:hover {
		background: #ff7b00;
		border: 3px solid #ff7b00;
		background-image: url(../img/download-w.png);
		background-position: 92% center;
		background-repeat: no-repeat;
		background-size: 35px;
		color: #FFF;
		opacity: 1;
	}

	#csm #kv .note{
		position: absolute;
		bottom: 11%;
		left: 0;
		right: 0;
		width: calc(80% - 230px);
		max-width: 1200px;
		font-size: 16px;
		left: 11%;
		z-index: 1;
	}

/*-------------tab-----------------------------*/
	#csm #tab{
		width: 100%;
		display: flex;
		position: absolute;
		z-index: 2;
		bottom: 0;
		left: 0;
	}
	#csm #tab .item{
		flex: 0 0 52%;
		padding: 1% 0;
		background-size: 100% 101%;
		background-repeat: no-repeat;
		position: relative;
		text-align: center;
		transition: .3s;
	}
	#csm #tab .item:hover{
		filter: brightness(115%);
	}
	#csm #tab .item h2{
		color: #fff;
		margin: 0;
	}
	#csm #tab .item.active h2
	{
		color: #0b3870;
	}
	#csm #tab .item.left{
		margin-right: -4%;
		background-image: url(../img/tab-r2.png);
	}
	#csm #tab .item.right{
		background-image: url(../img/tab-l2.png);
	}
	#csm #tab .item.left.active
	{
		background-image: url(../img/tab-r1.png);
		z-index: 1;
	}
	#csm #tab .item.right.active
	{
		background-image: url(../img/tab-l1.png);
		z-index: 1;
	}

/*-------------section-about-this-program-------------*/
	#csm #about-this-program .content-w1200 {
		padding: 100px;
	}

	#csm #about-this-program {
		text-align: center;
	}

	#csm #about-this-program .content-w1200 .number {
		margin-top: 40px;
	}

	#csm #about-this-program .content-w1200 .number div {
		width: 230px;
		display: inline-block;
	}

	#csm #about-this-program .content-w1200 .number h4 {
		font-family: "MyriadPro",sans-serif;
		font-weight: 200;
		color: #3971a4;
		font-size: 4.5rem;
		line-height: 5rem;
	}

	#csm #about-this-program .content-w1200 .number p {
		color: #0081A0;
	}

	#csm #about-this-program .content-w1200 .number h4 span {
		color: #ffbc3d;
		vertical-align: super;
		font-size: 3rem;
	}
/*-------------section-features-----------------------*/
	#csm #features {
		background-color: #eaf0f5;
	}
	#csm #features .icon-check {
		display: block;
		width: 21px;
		height: 16px;
		background: url(../img/check.png) 0 0 no-repeat;
		margin:0 auto;
	}

	#csm #features .table_tip {
		display: block;
		color: #3971a4;
		font-size: 14px;
	}

	#csm #features .content-w1200 {
		padding: 100px 70px;
	}
	#csm #features {
		text-align: center;
	}

	#csm #btn-toggle{
		font-weight: 400;
		margin-left: auto;
		margin-right: 0;
		padding:6px 10px 5px;
		width: 160px;
		background-color: #014161;
		border-top-right-radius: 5px;
		border-top-left-radius: 5px;
		margin-bottom: -2px;
		margin-right: 2px;
		text-align: center;
		cursor: pointer;
	}
	#csm #btn-toggle p{
		display: inline-block;
		vertical-align: middle;
		color:#fff;
	}
	#csm #btn-toggle .mb:before,
	#csm #btn-toggle .mpc:after{
		content:'';
		display: inline-block;
		vertical-align: middle;
		width: 0;
		height: 0;
		border-style: solid;
		margin-top: -2px;
	}
	#csm #btn-toggle .mb:before{
		border-width: 5px 5px 5px 0;
		border-color: transparent #ffffff transparent transparent;
		margin-right: 10px;
	}
	#csm #btn-toggle .mpc:after{
		border-width: 5px 0 5px 5px;
		border-color: transparent transparent transparent #ffffff;
		margin-left: 10px;
	}
	#csm #btn-toggle .mb,
	#csm #btn-toggle.active .mpc{
		display: none;
	}
	#csm #btn-toggle.active .mb,
	#csm #btn-toggle .mpc{
		display: inline;
	}
	/* #csm #features .features-table th:last-child,
	#csm #features .features-table td:last-child {
		display: none;
	}
	#csm #features .features-table.active th:last-child,
	#csm #features .features-table.active td:last-child {
		display: table-cell;
	}

	#csm #features .features-table.active th:nth-last-child(2),
	#csm #features .features-table.active td:nth-last-child(2) {
		display: none;
	} */
	#csm #features .features-table {
		width: 100%;
	}
	#csm #features .features-table th {
		background-color: #0081A0;
		color: #FFF;
		padding: 1%;
	}
	#csm #features .features-table tr {
	   background-color: #FFF;
	}
	#csm #features .features-table tr:nth-child(odd) {
	   background-color: #f9f9f9;
	}
	#csm #features .features-table td {
		padding: 10px 1%;
	}
	#csm #features .features-table td[rowspan="2"],
	#csm #features .features-table td[rowspan="3"],
	#csm #features .features-table td[rowspan="4"]{
		background-color: #ffffff;
	}
/*-------------section-asus-control-center------------*/
	#csm #asus-control-center {
		position: relative;
	}

	#csm #asus-control-center.full-width .row {
		margin: 0;
	}

	#csm #asus-control-center.full-width .col-50 {
		padding: 0;
		vertical-align: middle;
	}
	#csm #asus-control-center.full-width .col-50:first-child{
		padding:3% 0 5% 12%;
	}

	#csm #asus-control-center.full-width .col-20 {
		padding: 10px 10px 20px;
		/* cursor: pointer; */
	}

	#csm #asus-control-center .content-w1200 {
		padding: 100px 70px;
		text-align: center;
	}


	#csm #asus-control-center h1 {
		text-align: center;
		color: #014161;
		font-size: 1.25rem;
		line-height: 1.125;
		margin: 12px 0;
		height: 60px;
		font-weight: 400;
	}

	#csm #asus-control-center .content-w1200 .col-20 img {
		max-width: 110px;
		display: block;
		margin:0 auto;
	}
	#csm #asus-control-center .content-w1200 .col-20.mini_icon img:last-child{
		display: none;
	}
	#csm #asus-control-center .control-icon {
		display: inline-block;
		width: 110px;
		height: 110px;
		transition: all 0.8s ease 0s;
		-webkit-transition: all 0.8s ease 0s;
		-moz-transition: all 0.8s ease 0s;
		-ms-transition: all 0.8s ease 0s;
		-o-transition: all 0.8s ease 0s;
	}
	#csm #asus-control-center .mini_icon{
		cursor: pointer;
	}
	#csm #asus-control-center .mini_icon .control-icon:hover img,
	#csm #asus-control-center .mini_icon .control-icon.active img{
		display: none;
	}
	#csm #asus-control-center .mini_icon .control-icon:hover img:last-child,
	#csm #asus-control-center .mini_icon .control-icon.active img:last-child{
		display: block;
	}

	#csm #asus-control-center a {
		display: inline-block;
		font-size: inherit;
		text-decoration: underline;
		color: #ff7b00;
	}

	#csm #asus-control-center a.button {
		text-decoration: none;
		display: inline-block;
		vertical-align: top;
		width: 36%;
		font-family: "MyriadPro",sans-serif;
		text-transform: uppercase;
		font-size: 1.5rem;
		background: #FFF;
		border: 3px solid #014161;
		color: #014161;
		padding: 2% 4%;
		border-radius: 40px;
		outline: none;
		position: relative;
		cursor: pointer;
		margin: 4% 2%;
		transition: all 0.2s ease 0s;
		-webkit-transition: all 0.2s ease 0s;
		-moz-transition: all 0.2s ease 0s;
		-ms-transition: all 0.2s ease 0s;
		-o-transition: all 0.2s ease 0s;
	}

	#csm #asus-control-center a.button:hover {
		background: #ff7b00;
		border: 3px solid #ff7b00;
		color: #FFF;
		opacity: 1;
	}
	#csm #asus-control-center a.button .download_ver{
		position: absolute;
		width:100%;
		left:0;
		right:0;
		bottom:-30px;
		font-size:14px;
		color:#014161;
		text-transform: none;
	}

	/* #csm #comprehensive-product-line-up a.button {
		text-decoration: none;
		display: inline-block;
		vertical-align: top;
		width: 36%;
		font-family: "MyriadPro",sans-serif;
		text-transform: uppercase;
		font-size: 1.5rem;
		background: #FFF;
		border: 3px solid #014161;
		color: #014161;
		padding: 2% 4%;
		border-radius: 40px;
		outline: none;
		position: relative;
		cursor: pointer;
		margin: 4% 2%;
		transition: all 0.2s ease 0s;
		-webkit-transition: all 0.2s ease 0s;
		-moz-transition: all 0.2s ease 0s;
		-ms-transition: all 0.2s ease 0s;
		-o-transition: all 0.2s ease 0s;
	}

	#csm #comprehensive-product-line-up a.button:hover {
		background: #ff7b00;
		border: 3px solid #ff7b00;
		color: #FFF;
		opacity: 1;
	} */

	#csm #asus-control-center .slide-ui {
		padding: 5%;
		position: relative;
	}

	#csm #asus-control-center p {
		line-height: 1.5rem;
	}
	#csm #asus-control-center .content-w1200 p{
		    font-size: 1.2rem;
	    font-weight: 400;
	    letter-spacing: 0px;
	    line-height: 1.5rem;
	}

	#csm #asus-control-center .bg-gray-area{
		background-color: #EBF0F4;
	}
	#csm #asus-control-center .slider{
		width: 75%;
		margin: auto;
	}
	#csm #asus-control-center .slider img{
		max-width: 100%;
		margin: auto;
	}

	/*
	#csm #asus-control-center img.slide-ui {
		width: 75%;
		margin: 0 auto;
	}
	*/

	#csm #asus-control-center .slide-arrow:before {
		content:url('../img/arrow-l.png');
		position:absolute;
		z-index:100000;
		left:-50px;
		top:40%;
		cursor: pointer;
	}
	#csm #asus-control-center .slide-arrow:after {
		content:url('../img/arrow-r.png');
		position:absolute;
		z-index:100000;
		right:-50px;
		top:40%;
		cursor: pointer;
	}
/*-------------section-faster-install-----------------*/
	#csm #faster-install{
		background: #25425c url(../img/bg-faster.jpg) center center no-repeat;
		background-size: cover;
		background-attachment: fixed;
	}
	#csm #faster-install .content-w1400{
		width: 90%;
		max-width: 1400px;
		margin:0 auto;
		padding:100px 0;
	}
	#csm #faster-install ul{
		width: 110%;
		margin-left:-10%;
		margin-bottom: 80px;
	}
	#csm #faster-install .col-33{
		width: 33.3333%;
		padding:0 40px;
		vertical-align: middle;
		position: relative;
	}
	#csm #faster-install .col-33 img{
		width: 100%;
		box-shadow: 0 0 20px rgba(0,0,0,.4);
	}
	#csm #faster-install .col-33{perspective: 500px;}
	#csm #faster-install .col-33:first-child img{
		width: 75%;
		margin-left: auto;
		transform-origin: right center;
		-webkit-transform: rotateY(15deg);
		   -moz-transform: rotateY(15deg);
		    -ms-transform: rotateY(15deg);
		     -o-transform: rotateY(15deg);
		        transform: rotateY(15deg);
	}
	#csm #faster-install .col-33:last-child{perspective: 400px;}
	#csm #faster-install .col-33:last-child img{
		transform-origin: left center;
		-webkit-transform: rotateY(-15deg);
		   -moz-transform: rotateY(-15deg);
		    -ms-transform: rotateY(-15deg);
		     -o-transform: rotateY(-15deg);
		        transform: rotateY(-15deg);
	}
	#csm #faster-install .col-33:after{
		content:'';
		display: block;
		width: 20px;
		height: 100px;
		background: url(../img/arrow-r.png) 0 0 no-repeat;
		background-size: contain;
		position: absolute;
		top: 0;bottom: 0;
		right: -10px;
		margin:auto 0;
		filter: grayscale(100) brightness(1000%);
	}
	#csm #faster-install .col-33:last-child:after{display: none;}
/*-------------section-stable-supply------------------*/
	#csm #stable-supply {
		position: relative;
		background-image: url('../img/stable-supply/bg.jpg');
		background-size: cover;
		min-height: 100vh;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
		padding:8% 0;
		text-align: center;
	}

	#csm #stable-supply .content-w1200 {
		max-width: 1200px;
		margin: 0 auto;
		text-align: center;
		display: inline-block;
		vertical-align: middle;
	}

	#csm #stable-supply h1 {
		font-family: "MyriadPro",sans-serif;
		text-align: center;
		color: #FFF;
		font-size: 2rem;
		line-height: 2rem;
		min-height: 4rem;
		margin: 20px 0;
	}

	#csm #stable-supply p {
		font-family: "MyriadPro",sans-serif;
		color: #FFF;
	}

	#csm #stable-supply .col-33 img {
		max-width: 150px;
		display: inline-block;
		margin-bottom: 20px;
	}
/*-------------section-more-packaging-options---------*/
	#csm #more-packaging-options {
		position: relative;
		text-align: center;
		background-color: #ecf2f4;
	}

	#csm #more-packaging-options .content-w1200 {
		max-width: 1200px;
		margin: 0 auto;
		padding: 100px 70px;
		text-align: center;
	}

	#csm #more-packaging-options h3 {
		margin-bottom: 60px;
	}


	#csm #more-packaging-options h1 {
		font-weight: 400;
		text-align: center;
		font-size: 2rem;
		line-height: 2rem;
		margin: 20px 0;
	}

	#csm #more-packaging-options p {
		line-height: 1.5rem;
	}

	#csm #more-packaging-options .col-50 {
		background-color: rgba(255,255,255,.8);
		padding: 5%;
		margin: 2%;
		border-radius: 10px;
		width: 45%;
		min-height: 580px;
	}

	#csm #more-packaging-options .col-50 img {
		max-width: 110px;
		display: inline-block;
		margin-bottom: 20px;
	}
/*-------------section-comprehensive-product-line-up--*/
	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		border-radius: 0;
	}

	#csm #comprehensive-product-line-up {
		background-color: #FFF;
	}
	#csm #comprehensive-product-line-up .content-w1200 {
		max-width: 1200px;
		margin: 0 auto;
		padding: 100px 70px;
	}
	#csm #comprehensive-product-line-up {
		text-align: center;
	}

	#csm #comprehensive-product-line-up .features-table {
		width: 100%;
		/*border: 2px solid #eaeaea;*/
		border-top: none;
		border-collapse: collapse;
	}

	#csm #comprehensive-product-line-up table {
		border-collapse: collapse;
		width: 100%;
	}

	#csm #comprehensive-product-line-up .features-table.border-none {
		border: none;
	}

	#csm #comprehensive-product-line-up th {
		background-color: #0081A0;
		color: #FFF;
		padding: 1%;
	}

	#csm #comprehensive-product-line-up .features-table tr {
	   background-color: #FFF;
	}

	#csm #comprehensive-product-line-up .features-table tr:nth-child(odd) {
	   background-color: #f9f9f9;
	}

	#csm #comprehensive-product-line-up .features-table td {
		padding: 1%;
		width: 14.5%;
		word-break: normal;
	}
	#csm #comprehensive-product-line-up .minipc table th:nth-child(-n+3),
	#csm #comprehensive-product-line-up .minipc table td:nth-child(-n+3) {
		width: 7%;
		min-width: 80px;
	}

	#csm #comprehensive-product-line-up .features-table {
		display: block;
		height: 300px;
	}
	#csm #comprehensive-product-line-up .minipc .features-table{
		height: 200px;
	}
/*-------------section-whql-reseller-program----------*/
	#csm #whql-reseller-program {
		position: relative;
		text-align: center;
		background-image: url('../img/whql-reseller-program/bg.jpg');
		background-size: cover;
	}

	#csm #whql-reseller-program .whql_steps{
		margin-top: 80px;
	}

	#csm #whql-reseller-program img.arrow {
		display: inline-block;
		width: 20px;
		height: 100px;
		margin: 0 10px 0 12px;
		vertical-align: middle;
	}

	#csm #whql-reseller-program .content-w1200 {
		max-width: 1200px;
		margin: 0 auto;
		padding: 100px 70px;
		text-align: center;
	}

	#csm #whql-reseller-program h1 {
		font-family: "MyriadPro",sans-serif;
		color: #FFF;
		text-align: center;
		font-size: 2rem;
		line-height: 2rem;
		margin: 20px 0;
	}

	#csm #whql-reseller-program p {
		font-family: "MyriadPro",sans-serif;
		color: #e2e2e2;
		margin:0 auto 20px;
		max-width: 950px;
	}

	#csm #whql-reseller-program .col-30 {
		width: 27%;
		background-color: rgba(16, 20, 20, 0.7);
		padding: 5%;
		border-radius: 10px;
		min-height: 450px;
		vertical-align: middle;
	}
	#csm #whql-reseller-program .col-30 p{
		margin-bottom: 0;
	}

	#csm #whql-reseller-program .col-30 img {
		max-width: 110px;
		display: inline-block;
		margin-bottom: 20px;
	}
/*-------------section-intel-technology---------------*/
	#csm #intel-technology {
		position: relative;
	}

	#csm #intel-technology.full-width .row {
		margin: 0;
	}

	#csm #intel-technology.full-width .col-50 {
		padding: 0;
		margin-left: 0;
		margin-right: -5px;
		vertical-align: bottom;
	}
	#csm #intel-technology .col-50.col-l {
		vertical-align: top;
		padding:5% 5% 5% 10%;
		background-color: #0068B1;
		padding-bottom: 100%;
		margin-bottom: -100%;
	}

	#csm #intel-technology h1 {
		text-align: center;
		color: #fff;
		font-size: 1.4rem;
		line-height: 1.5rem;
		margin: 20px 0;
	}

	#csm #intel-technology p {
		color: #fff;
	}

	#csm #intel-technology p.intel-tip {
		color: #a8deed;
		text-decoration: underline;
	}

	#csm #intel-technology a {
		font-family: 'MyriadPro', sans-serif;
		/*font-size: 1.2rem;*/
		/*font-weight: 300;*/
		/*letter-spacing: 1px;*/
		/*line-height: 1.5rem;*/
		font-size: inherit;
		margin: 0;
		color: #a8deed;
		display: inline-block;
		text-decoration: underline;
	}
/*-------------section-footer-------------------------*/
	#csm #footer {
		position: relative;
		background-color: #252831;
	}

	#csm #footer img.arrow {
		display: inline-block;
		width: 4%;
		padding: 0 15px;
		vertical-align: middle;
	}

	#csm #footer .content-w1200 {
		padding: 70px 0px 70px 70px;
	}

	#csm #footer h2 {
		color: #FFF;
		font-size: 3.75rem;
		line-height: 4.25rem;
		margin-bottom: 30px;
	}


	#csm #footer h1 {
		color: #FFF;
		text-align: center;
		font-size: 2rem;
		line-height: 2rem;
		margin: 20px 0;
	}

	#csm #footer p {
		color: #FFFFFF;
		margin-bottom:40px;
	}

	#csm #footer .col-40,
	#csm #footer .col-60{
		padding: 5% 5% 0 5%;
		position: relative;
	}
	#csm #footer .col-40{
		padding-left: 0;
	}
	#csm #footer .col-60{
		padding-right: 0;
	}
	#csm #footer .col-60:before{
		content:'';
		display: block;
		width: 1px;
		height: 50%;
		background-color: #6989ae;
		position: absolute;
		left: 0;
		top: 0;
		bottom: 0;
		margin:auto 0;

	}

	#csm #footer .sub-title {
		display: block;
		color: #40ceef;
	}

	#csm #footer a.footer-button {
		text-transform: uppercase;
		display: inline-block;
		font-size: 1.5rem;
		background: #CA4C00;
		border: none;
		color: #FFF;
		letter-spacing: 3px;
		padding: 3% 8%;
		border-radius: 40px;
		outline: none;
		cursor: pointer;
		margin:0;
		margin-top: 20px;
		transition: all 0.2s ease 0s;
		-webkit-transition: all 0.2s ease 0s;
		-moz-transition: all 0.2s ease 0s;
		-ms-transition: all 0.2s ease 0s;
		-o-transition: all 0.2s ease 0s;
	}

	#csm #footer a.footer-button:hover {
		opacity: .7;
	}


/**/
#csm #Resources{
	/* display: inline-block; */
	background: #EBF0F4;
}
#csm #Resources .maintitle{
	    text-align: center;
    width: 100%;
    max-width: 1436px;
    margin: 0 auto;
    padding-top: 70px;
    padding-right: 18px;
    padding-left: 18px;
    padding-bottom: 100px;
    position: relative;
}
#csm #Resources .productGridTable {
    position: relative;
}
#csm #Resources .productGridTable-item {
    display: inline-block;
    position: relative;
    padding: 0px 0px 92px;
    box-sizing: border-box;
    background-color: #fff;
    vertical-align: top;
    min-height: auto;
}

#csm #Resources .itemImgContainer {
    width: 100%;
    height: auto;
    text-align: center;
}
#csm #Resources .itemImgContainer .lab_mark{
	font-family: "MyriadPro",sans-serif;
    color: #fff;
    font-size: 0.8em;
    padding: 5px 20px;
    background: #0068B1;
    border-radius: 0px 0 0px 8px;
    position: absolute;
    top: 0px;
    right: 0px;
}
#csm #Resources .productGridTable-item img {
    position: relative;
    margin: 0 auto;
    /* height: 245px; */
    width: 100%;
    /* max-width: 314px; */
    background-size: contain;
}
#csm #Resources .productGridTable-item .itemInfoContainer {
    margin-top: 32px;
    min-height: auto;
    padding: 0 30px;
}
#csm #Resources .itemAction {
    position: absolute;
    bottom: 25px;
    left: 0;
    margin-top: 16px;
    box-sizing: border-box;
    width: 100%;
    text-align: center;
}
#csm #Resources a.link_style.link_style_c{
    min-width: 125px;
}

#csm #Resources .itemInfoContent .itemInfo-txt{
	font-family: "MyriadPro",sans-serif;
    color: #555555;
    margin: 0 auto 20px;
    max-width: 950px;
    text-align: left;
}
#csm #Resources .itemInfoContent .itemInfo-title{
    font-size: 1.3em;
    font-weight: 600;
    color: #333333;
    text-align: center;
}
#csm #Resources .itemInfoContent .itemInfo-point {
    margin-top: 20px;
    margin-bottom: 38px;
    padding-left: 0;
    line-height: 1.2;
}
#csm #Resources .itemInfoContent .itemInfo-point li{
    color: #333333;
    margin-bottom: 0px;
    margin-left: 24px;
    line-height: 1.4;
    font-size: 1em;
    list-style: disc;
    text-align: left;
}
#csm #Resources .regular .productGridTable-item,
#csm #Resources .regular_b .productGridTable-item,
#csm #Resources .regular_c .productGridTable-item,
#csm #Resources .regular_d .productGridTable-item {
        width: calc(100% - 10px);
    }
@media (min-width: 1280px){
    #csm #Resources .productGridTable {
        justify-content: flex-start;
    }
    #csm #Resources .productGridTable {
        display: flex;
        align-items: stretch;
        justify-content: center;
        margin-right: auto;
        margin-bottom: 0;
        margin-left: auto;
        margin-top: 50px;
        max-width: 1400px;
        text-align: left;
        align-content: stretch;
        align-self: stretch;
        flex-direction: row;
        flex-wrap: wrap;
    }
    #csm #Resources .productGridTable-item {
        margin: 0 5px 10px;
        /* width: calc(25% - 10px); */
        width: calc(33.33% - 10px);
        max-width: 410px;
        min-height: 470px;
    }
    
    #csm #Resources .itemInfoContainer {
        display: block;
        position: relative;
        box-sizing: border-box;
        width: 100%;
        vertical-align: middle;
    }
    #csm #Resources .itemAction {
        display: flex;
        justify-content: space-around;
        padding-right: 30px;
        padding-left: 30px;
    }
    #csm #Resources .itemInfoContent .itemInfo-point {
        position: relative;
    }
}
@media (min-width: 731px) and (max-width: 1279.5px){
    #csm #Resources .productGridTable {
        display: flex;
        align-items: stretch;
        justify-content: space-between;
        margin-top: 50px;
        margin-right: auto;
        margin-bottom: 0;
        margin-left: auto;
        max-width: 732px;
        text-align: left;
        align-content: stretch;
        align-self: stretch;
        flex-direction: row;
        flex-wrap: wrap;
        position: relative;
    }
    #csm #Resources .productGridTable-item{
    	min-height: 500px;
    }
    #csm #Resources .regular_c .productGridTable-item {
        min-height: 730px;
    }
    #csm #Resources .productGridTable .productGridTable-item {
        margin-bottom: 16px;
        padding: 50px 33px 46px;
        width: 49%;
        max-width: 410px;
        min-height: auto;
    }
    #csm #Resources .productGridTable .productGridTable-item {
        padding: 28px 30px 50px;
    }
    #csm #Resources .itemInfoContainer {
        margin-top: 30px;
        margin-right: auto;
        margin-bottom: 44px;
        margin-left: auto;
        padding-bottom: 32px;
        width: 100%;
    }
    #csm #Resources .itemAction{
        display: flex;
        bottom: 46px;
        justify-content: space-evenly;
        margin-top: 0;
        padding: 0 30px;
        margin: 0 5px;
        box-sizing: border-box;
    }
    #csm #Resources .itemInfoContent .itemInfo-point {
        position: relative;
        left: 0;
        margin-bottom: 0;
        /* width: 92%; */
    }

}
@media (max-width: 730.5px){
    #csm #Resources .productGridTable {
        display: flex;
        align-items: stretch;
        justify-content: center;
        margin-right: auto;
        margin-bottom: 0;
        margin-left: auto;
        max-width: 732px;
        text-align: left;
        align-content: stretch;
        align-self: stretch;
        flex-direction: row;
        flex-wrap: wrap;
    }
    #csm #Resources .productGridTable-item{
    	min-height: 470px;
    }
    #csm #Resources .productGridTable .productGridTable-item {
        margin-bottom: 16px;
        width: 100%;
        padding: 31px 15px 92px;
        max-width: 354px;
        min-height: auto;
    }
    #csm #Resources .productGridTable .productGridTable-item  {
        
    }
    #csm #Resources .regular .productGridTable-item,
    #csm #Resources .regular_b .productGridTable-item,
    #csm #Resources .regular_c .productGridTable-item,
    #csm #Resources .regular_d .productGridTable-item{
        padding-bottom: 0px;
    }
    #csm #Resources .itemInfoContainer {
        margin-top: 23px;
        margin-bottom: 0;
        margin-right: auto;
        margin-left: auto;
        padding-bottom: 34px;
        width: 100%;
    }
    #csm #Resources .itemAction {
        bottom: 20px;
        padding-right: 30px !important;
        padding-left: 30px !important;
        display: flex;
        justify-content: space-evenly;
        margin-top: 20px;
        box-sizing: border-box;
    }
    #csm #Resources .regular .itemAction,
    #csm #Resources .regular_b .itemAction,
    #csm #Resources .regular_c .itemAction,
    #csm #Resources .regular_d .itemAction {
        bottom: 30px;
        display: inline-block;
        position: relative;
        /* display: flex;
        justify-content: space-evenly; */
        margin-top: 0;
        padding: 0 0px;
        box-sizing: border-box;
    }
    #csm #Resources .itemInfoContent .itemInfo-point {
        position: relative;
        margin-top: 17px;
        margin-bottom: 0;
        width: 92%;
        margin-left: 12px;
    }
    #csm #Resources a.link_style.link_style_c{
        padding: 8px 10px;
            margin: 0 2px;
    }
    #csm #Resources .regular .productGridTable-item a.link_style,
    #csm #Resources .regular_b .productGridTable-item a.link_style,
    #csm #Resources .regular_c .productGridTable-item a.link_style,
    #csm #Resources .regular_d .productGridTable-item a.link_style{
        margin-top: 40px;
    }
}
@media (max-width: 480px){
    #csm #Resources .maintitle{
        padding: 50px 0;
    }
    #csm #Resources .maintitle h2{
        text-align: center !important;
    }
    #csm #Resources .productGridTable {
        width: 100%;
        max-width: inherit;
    }
    #csm #Resources .productGridTable .productGridTable-item  {
        width: 100%;
        padding: 31px 18px 92px;
        max-width: inherit;
    }
}

#csm #Resources .slider {
    width: 92%;
    text-align: center;
    max-width: 1400px;
    margin: 0px auto;
    padding: 0px 0 10px;
}
.slick-initialized .slick-slide{

}
#csm #Resources .slick-prev:before, #csm #Resources .slick-next:before {
  color: #0072ce !important;
}
#csm #Resources .slick-prev:before{
    color: #0072ce;
    background: url(../img/slick_prev.png) center center no-repeat;
    background-size: 100%;
    font-family: inherit;
    content: "";
    width: 100%;
    height: 100%;
    display: inline-block;
    min-width: 50px;
    min-height: 50px;
    left: 50%;
    top: 50%;
    transform: translate(-40%, -50%);
}
#csm #Resources .slick-prev:hover:before{
    color: #0072ce;
    background: url(../img/slick_prev_h.png) center center no-repeat;
    background-size: 100%;
    font-family: inherit;
    content: "";
    width: 100%;
    height: 100%;
    display: inline-block;
    min-width: 50px;
    min-height: 50px;
    left: 50%;
    top: 50%;
    transform: translate(-40%, -50%);
}
#csm #Resources .slick-next:before{
    color: #0072ce;
    background: url(../img/slick_next.png) center center no-repeat;
    background-size: 100%;
    font-family: inherit;
    content: "";
    width: 100%;
    height: 100%;
    display: inline-block;
    min-width: 50px;
    min-height: 50px;
    left: 50%;
    top: 50%;
    transform: translate(-20%, -50%);
}
#csm #Resources .slick-next:hover:before{
    background: url(../img/slick_next_h.png) center center no-repeat;
    background-size: 100%;
    font-family: inherit;
    content: "";
    width: 100%;
    height: 100%;
    display: inline-block;
    min-width: 50px;
    min-height: 50px;
    left: 50%;
    top: 50%;
    transform: translate(-20%, -50%);
}
@media only screen and (max-width: 1024px) {
    #csm #Resources .slider {
        width: calc(100% - 50px);
        text-align: center;
        max-width: 1400px;

    }
}
@media only screen and (max-width: 768px) {
    .slick-prev, .slick-next{
        width: 15px;
        height: 15px;
    }
    #csm #Resources .slick-prev:before,
    #csm #Resources .slick-next:before{
        min-width: 40px;
        min-height: 40px;
    }
}

#csm .hld_page{
	display: none;
}
#csm .sc_page.active,
#csm .hld_page.active{
	display: block;
}

#csm .item_box{
	    display: inline-block;
    width: 96%;
    max-width: 750px;
    margin: 50px auto 0px;
	text-align: center;
}
#csm .item_box .item{
	width: calc(50% - 20px);
    display: inline-block;
    float: left;
    background: #dddddd;
    border-radius: 10px;
    margin: 0 10px;
    transition: all 0.3s ease 0s;
		-webkit-transition: all 0.3s ease 0s;
		-moz-transition: all 0.3s ease 0s;
		-ms-transition: all 0.3s ease 0s;
		-o-transition: all 0.3s ease 0s;
}
#csm .item_box .item.active{
	background: #0081A0;
}
#csm .item_box .item:hover{
	background: rgba(38, 172, 211, 0.5);
	transition: all 0.3s ease 0s;
		-webkit-transition: all 0.3s ease 0s;
		-moz-transition: all 0.3s ease 0s;
		-ms-transition: all 0.3s ease 0s;
		-o-transition: all 0.3s ease 0s;
}
#csm .item_box .item a{
	text-decoration: none !important;
    padding: 18px 20px;
    position: relative;
    display: inline-block;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100%;
    text-align: center;
    white-space: nowrap;
}
#csm .item_box .item a:hover{
	opacity: 1 !important;
}
#csm .item_box .item h3{
	font-family: "MyriadPro",sans-serif;
    font-weight: 400;
    color: #515151;
    font-size: 1.8rem;
    line-height: 1.2;
    margin-bottom: 0px;
}
#csm .item_box .item.active h3{
	color: #fff;
}
@media (max-width: 769px){
	#csm .item_box .item h3{
		font-size: 1.2em;
	}
}
@media (max-width: 590px){
	#csm .item_box .item h3{
		font-size: 1em;
	}
}

#csm #Resources .itemAction a.link_style {
    display: inline-block;
    padding: 8px 25px 6px;
    text-align: center;
    border: 2px #0081A0 solid;
    border-radius: 5px;
    background: #fff;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    font-size: 1em;
    text-decoration: none;
    width: 100%;
}

#csm #Resources .itemAction a.link_style p{
	  padding-right: 20px;
    position: relative;
    font-size: 1em;
    color: #0081A0;
        display: inline-block;
        white-space: nowrap;
}
#csm #Resources .itemAction a.link_style p:after {
    content: "";
    position: absolute;
    width: 15px;
    height: 15px;
    top: 48%;
    right: 0%;
    transform: translate(0%, -50%);
    background: url(../img/ico_link.svg) center center no-repeat;
    background-size: 100% 100%;
}

#csm .owl-carousel button{
	background: none;
	border: none;
}
#csm .owl-carousel .owl-next:before,
#csm .owl-carousel .owl-prev:before{
	padding-bottom: 400%;
}


/**/
#csm #comprehensive-product-line-up .list_business{
	display: inline-block;
	width: 100%;
}
#csm #comprehensive-product-line-up .list_business li{
	display: inline-block;
	float: left;
	width: 32%;
	text-align: left;
	margin: 0 1%;
	padding: 20px;
	border-radius: 10px;
    min-height: 770px;
}
@media (max-width: 1120px){
	#csm #comprehensive-product-line-up .list_business li{
		min-height: 830px;
	}
}
@media (max-width: 969px){
	#csm #comprehensive-product-line-up .list_business li{
		width: 100%;
		min-height: auto;
		margin: 0 0 20px !important;
    	padding: 20px;
	}
}
#csm #comprehensive-product-line-up .list_business li .text-center{
	text-align: center;
}
#csm #comprehensive-product-line-up .list_business li .icon_business{
	width: 100%;
	max-width: 150px;
    margin: 20px auto 20px;
    background: rgba(255, 255, 255, 0.7);
    border-radius: 50%;
    padding: 20px;
}
#csm #comprehensive-product-line-up .list_business li .icon_business img{
	width: 100%;
    max-width: 150px;
}
#csm #comprehensive-product-line-up .list_business li:nth-child(1){
	margin-left: 0;
	background: #afdeeb;
}
#csm #comprehensive-product-line-up .list_business li:nth-child(2){
	background: #e6e6e6;
}
#csm #comprehensive-product-line-up .list_business li:nth-child(3){
	margin-right: 0;
	background: #afdeeb;
}
#csm #comprehensive-product-line-up .list_business li h3{
	    font-size: 1.8em;
	    line-height: 1.1;
    font-weight: 600;
}
#csm #comprehensive-product-line-up .list_business li p{
	 margin-bottom: 30px;
	 color: #000;
}