body {
		margin: 0;
		padding: 0;
		font-family: 'Open Sans';
		font-weight: 500px;
		font-size: 14pt;
		color: #222;
	}

	.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; }

	h1 { font-family: 'Open Sans';font-size: 38px; font-weight: 700; line-height: 50px; }
	h2 { font-family: 'Open Sans';font-size: 22px; font-weight: 600; line-height: 36px; }
	h3 { font-family: 'Open Sans';font-size: 18px; font-weight: 600; line-height: 26px; }
	h4 { font-family: 'Open Sans';font-size: 18px; font-weight: 400; line-height: 26px; }
	h5 { font-family: 'Open Sans';font-size: 16px; font-weight: 600; line-height: 22px; }
	h6 { font-family: 'Open Sans';font-size: 15px; font-weight: 400; line-height: 22px; }
	p { font-family: 'Open Sans';font-size: 15px; font-weight: 400; line-height: 1.2em; }


	.box-title {
		color: #004280;
		text-align: center;
	}
	.box-word {
		color: #4f4f4f;
		display: block;
		text-align: center;
	}
	.box-word h2 {
		font-weight: 100;
	}
	#featured .box-word {
		margin-bottom: 0px;
	}

	/*Banner*/

	#banner {
		width: 100%;
		height: 448px;
		background: url(../images/main_kv.jpg) no-repeat;
		background-size: cover;
		color: #FFF;
	}
	#banner .container {
		width: 100%;
		margin: 0 auto;
		padding-top: 18px;
	}
	.col-sm-8 .word-box {
		background-color: rgba(0,68,128,0.9);
		padding-top: 14px;
		padding-bottom: 32px;
	}
	.word-box img {
		margin-left: 20px;
	}
	.word-box .title {
		margin-top: 12px;
		margin-left: 44px;
		display: block;
		font-family: 'Open Sans';
		font-size: 30px; 
		font-weight: 600; 
		line-height: 36px; 
	}
	.word-box .button {
		width: 200px;
		height: 50px;
		margin-left: 44px;
		border: 0px;
		border-radius: 50px;
		background-image: linear-gradient(to top,#ef9605,#ffbb01);
		text-align: center;
	}
	.word-box .button a {
		text-decoration: none;
		color: #FFF;
	}
	.word-box .button a h2 {
		line-height: 50px;
	}
	.footnote {
		margin-left: 44px;
		margin-top: 8px;
		display: block;
	}
	.col-sm-4 img {
		margin-top: 120px;
	}

	/*Summary*/

	#summary {
		padding-top: 90px;
		padding-bottom: 40px;
	}

	/*scenarios*/

	#scenarios {
		width: 100%;
		height: auto;
		margin-top: 36px;
		margin-bottom: 30px;
	}
	#scenarios .box-title {
		margin-bottom: 50px;
	}
	.container-gray {
		width: 100%;
		background-color: #898989;
		padding-bottom: 50px;
	}
	.nav-pills .nav-link {
		width: 100%;
		border-radius: 10px 10px 0 0;
		background-color: #e5e5e5;
		color: #000;
	}
	.nav-item {
		margin-right: 6px;
	}
	.nav-item .nav-link h6 {
		font-weight: 700;
	}
	.nav-pills .nav-link.active {
		color: #FFF;
		background-color: #898989;
	}
	.mb-3 {
	    margin-bottom: 0rem!important;
	}
	.carousel {
		height: auto;
		padding-bottom: 50px;
	}
	.carousel-tab {
		width: 300px;
		color: #bbb;
		text-align: center;
		display: block;
		margin: 0 auto;
		margin-top: 30px;
		padding: 10px;
		background-color: #555;
		border-radius: 50px;
	}
	.carousel-title {
		font-weight: bold;
		color: #FFF;
		display: block;
		padding-left: 120px;
		padding-top: 60px;
	}
	.carousel-word {
		color: #FFF;
		display: block;
		padding-left: 120px;
	}
	.paint-point {
		height: 184px;
		margin-top: 30px;
	}
	.paint-point-img img {
		position: absolute;
	}
	.paint-point-word {
		width: 90%;
		height: auto;
		margin-top: 20px;
		margin-left: 50px;
		padding-top: 20px;
		padding-bottom: 30px;
		padding-left: 180px;
		padding-right: 20px;
		background-color: #FFF;
		border-radius: 100px 30px 30px 100px;
		display: inline-block;
	}
	.img-title {
		font-weight: bold;
	}

	/*Webinar*/

	#webinar h1 {
		color: #004280;
		text-align: center;
		margin-top: 30px;		
	}
	#webinar .box-word {
		margin-bottom: 30px;
	}
	.webinar-box {
		margin: 0 auto;
		border-radius: 20px;
		padding: 40px;
		background-image: linear-gradient(to top,#f8fdff,#e5f7fe);
	}
	.webinar-box img {
		width: 100%;
	}
	.webinar-box-title {
		padding-top: 30px;
		padding-bottom: 30px;
		color: #3b4c61;
	}
	.webinar-box-title .red {
		font-weight: bold;
		color: #f52c2c;
	}
	.dot {
		width: 100%;
		height: 40px;
		border-bottom: 1px dashed #898989;
	}
	.outline {
		padding-top: 30px;
	}
	.webinar-box-item {
		margin-bottom: 20px;
	}
	.webinar-box-num {
		width: 50px;
		height: 50px;
		background-color: #f52c2c;
		color: #FFF;
		border-radius: 50%;
		display: block;
		text-align: center;
	}
	.webinar-box-num h2 {
		line-height: 50px;
	}
	.webinar-box-word {
		display: inline-block;
		height: auto;
		vertical-align: middle;
	}

	/*Application*/

	.application-content {
		margin-bottom: 20px;
	}
	.application-num {
		width: 60px;
		height: 60px;
		border: 5px solid #f6fcff;
		position: absolute;
		z-index: 99999;
	}
	.application-word-box {
		width: 100%;
		position: relative;
		top: 5px;
	}
	.application-word-blue {
		width: 100%;
		height: auto;
		background-color: #004280;
		padding-top: 13px;
		padding-bottom: 13px;
		color: #FFF;
		margin-left: 50px;
	}
	.application-word-blue h4 {
		font-weight: bold;
	}
	.application-word-gray {
		width: 60%;
		height: auto;
		background-color: #c9c9c9;
		color: #353535;
		padding-top: 13px;
		padding-bottom: 13px;
		display: inline-block;
		vertical-align: middle;
	}
	.application-word-gray h4 {
		font-weight: bold;
	}
	.application-footnote {
		display: block;
		margin: 0 auto;
		padding-top: 10px;
		text-align: center;
	}
	#application .button {
		width: 300px;
		height: 50px;
		margin: 0 auto;
		margin-top: 40px;
		border: 0px;
		border-radius: 50px;
		background-image: linear-gradient(to top,#e57b03,#ffbb01);
		text-align: center;
	}
	#application .button a {
		text-decoration: none;
		color: #FFF;
	}
	#application .button a h2 {
		line-height: 50px;
	}

	/*Expert Speakers*/

	#speakers {
		margin-bottom: 30px;
	}
	.speakers-box  {
		margin-left: 5px;
		margin-right: 5px;
		text-align: center;
	}
	.speakers-box img {
		width: 135px;
	}
	.speakers-name {
		width: 100%;
		display: block;
		margin-top: 10px;
	}
	.speakers-name h4 {
		font-weight: bold;
	}
	.speakers-footnote {
		width: 100%;
		display: block;
		margin-top: 5px;
		font-size: 12px;
	}

	/*Preview*/

	#preview {
		width: 100%;
		padding-bottom: 30px;
		margin-bottom: 30px;
		background-color: #def2fa;
		text-align: left;
	}
	#preview .box-title {
		margin-top: 30px;
	}
	#preview .box-word {
		margin-bottom: 30px;
	}
	#preview iframe {
		width: 100%;
	}
	.preview_box {
		padding-top: 10px;
	}
	.preview_word_bold,.preview_word {
		padding-left: 50px;
		display: block;
	}
	.preview_word_bold h4 {
		font-weight: bold;
	}
	.preview_box_button {
		text-align: center;
	}
	#preview .button {
		width: 300px;
		height: 50px;
		margin-top: 10px;
		margin-left: 30px;
		border: 0px;
		border-radius: 50px;
		background-image: linear-gradient(to top,#e57b03,#ffbb01);
	}
	#preview .button a {
		text-decoration: none;
		color: #FFF;
	}
	#preview .button a h2 {
		line-height: 50px;
	}

	/*solutions*/

	#solutions {
		margin-bottom: 30px;
	}
	.solutions-content {
		margin-top: 50px;
		text-align: center;
	}
	#solutions .button {
		width: 464px;
		height: 75px;
		margin: 0 auto;
		margin-top: 50px;
		border-radius: 50px;
		background-color: #004381;
		border: 7px solid #00b7ee;
	}
	#solutions .button a {
		text-decoration: none;
		color: #FFF;
	}
	#solutions .button a h2 {
		line-height: 60px;
	}

	/*Featured*/

	#featured {
		width: 100%;
		padding-top: 20px;
		padding-bottom: 20px;
		margin-bottom: 30px;
		background-color: #f7f7f7;
	}
	.featured-box-word {
		font-weight: bold;
		color: #4f4f4f;
		display: block;
		margin-top: 50px;
		margin-bottom: 30px;
	}
	.featured-box-word h4,.featured-word-item h4 {
		font-weight: bold;
	}
	.featured-word-item {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.featured-item-img {
		color: #4f4f4f;
		display: inline-block;
	}
	.featured-item-word {
		color: #4f4f4f;
		display: inline-block;
		padding-left: 10px;
		vertical-align: middle;
	}
	.green {
		color: #28a67f;
	}
	.featured-button {
		text-align: center;
	}
	#featured .button {
		width: 300px;
		height: 50px;
		margin: 0 auto;
		margin-top: 40px;
		border: 0px;
		border-radius: 50px;
		background-image: linear-gradient(to top,#e57b03,#ffbb01);
	}
	#featured .button a {
		text-decoration: none;
		color: #FFF;
	}
	#featured .button a h2 {
		line-height: 50px;
	}

	/*Product*/

	#Product {
		text-align: center;
		font-size: 14pt;
		font-family: 'Open Sans';
		margin-bottom: 30px;
	}
	#Product .box-title {
		margin-bottom: 30px;
	}
	.product-dot {
		height: 430px;
		border-right: 1px dashed #c9c9c9;
		padding-right: 30px;
		padding-left: 30px;
	}
	.item3 {
		border-right: 0px;
	}
	.Product-title {
		font-family: 'Open Sans';
		font-size: 30px; 
		font-weight: 100; 
		line-height: 36px;
		color: #4f4f4f;
		display: block;
		margin-bottom: 10px;
	}
	.Product-word {
		color: #4f4f4f;
		margin-bottom: 20px;
		display: block;
		font-family: 'Open Sans';
	}
	.product-item-list {
		text-align: left;
		display: block;
		margin-bottom: 10px;
	}
	.item-dot {
		color: #3550a1;
		display: inline-block;
		vertical-align: top;
		margin-right: 2px;
	}
	.product-item-word {
		width: 90%;
		color: #4f4f4f;
  		display: inline-block;
  		vertical-align: top;
	}
	#Product .button {
		width: 230px;
		height: 47px;
		background-color: #00427f;
		border: 0px;
		margin: 0 auto;
		margin-top: 30px;
	}
	#Product .button a {
		color: #FFF;
		text-decoration: none;
	}
	#Product .button a h6 {
		line-height: 47px;
	}



@media (max-width: 1400px) {

	/*Banner*/

	#banner {
		height: 420px;
	}
	.word-box img {
		margin-left: 16px;
	}
	.word-box .title {
		margin-left: 40px;
	}
	.word-box .button {
		width: 180px;
		height: 42px;
		margin-left: 40px;
	}
	.footnote {
		margin-left: 40px;
	}
	.col-sm-4 img {
		margin-top: 110px;
	}
	#banner .button a h2 {
		line-height: 40px;
	}

	/*輪播*/

	.carousel-word-box {
		width: 920px;
		margin: 0 auto;
	}

	/*Webinar*/

	.webinar-box-title {
		padding-top: 10px;
	}
	.dot {
		height: 40px;
	}
	.webinar-box-word {
		padding-left: 12px;
	}
	.outline {
		padding-top: 40px;
	}


	/*Preview*/

	.preview_word_bold,.preview_word {
		padding-left: 30px;
	}

	/*solutions*/

	#solutions img {
		width: 100%;
	}

	/*Product*/

	.product-dot {
		height: 450px;
	}
	#Product .button {
		width: 200px;
	}

}

@media (max-width: 1200px) {

	#featured .box-word {
		margin-bottom: 30px;
	}

	/*Banner*/

	#banner {
		height: 386px;
	}
	.col-sm-8 .word-box {
		padding-bottom: 20px;
	}
	.word-box img {
		margin-left: 12px;
	}
	.word-box .title {
		margin-left: 34px;
	}
	.word-box .button {
		width: 180px;
		height: 42px;
		margin-left: 34px;
	}
	.footnote {
		margin-left: 34px;
	}
	.col-sm-4 img {
		margin-top: 80px;
	}

	/*輪播*/

	#scenarios {
		margin-bottom: 30px;
	}
	.carousel-word-box {
		width: 840px;
	}
	.carousel-title {
		padding-left: 90px;
	}
	.carousel-word {
		padding-left: 90px;
	}
	.paint-point {
		margin-top: 40px;
	}
	.paint-point-word {
		margin-top: 5px;
	}

	/*Webinar*/

	.webinar-box-title {
		padding-top: 4px;
	}
	.dot {
		height: 20px;
	}
	.outline {
		padding-top: 30px;
	}
	.webinar-box-word {
		padding-left: 22px;
	}

	/*Application*/

	#application .button {
		margin-bottom: 30px;
	}

	/*Expert Speakers*/

	.speakers-box img {
		width: 105px;
	}

	/*Featured*/

	#featured {
		margin-bottom: 60px;
	}

	/*Product*/

	#Product img {
		width: 220px;
	}
	#Product .container {
		margin-top: 0px;
	}
	.product-dot {
		height: 480px;
		padding-right: 20px;
		padding-left: 20px;
	}
	#Product .button {
		width: 180px;
		margin-top: 40px;
	}

}

@media (max-width: 992px) {

	.word-box {
		width: 400px;
	}
	.col-sm-4 img {
		margin-top: 140px;
		width: 200px;
	}

	/*輪播*/

	#scenarios {
		height: 500px;
	}
	.carousel-word-box {
		width: 700px;
	}
	.carousel-title {
		padding-left: 60px;
	}
	.carousel-word {
		padding-left: 60px;
	}
	.paint-point-img img {
		width: 160px;
	}
	.paint-point-word {
		margin-top: 2px;
		margin-left: 20px;
		padding-top: 10px;
		padding-bottom: 20px;
		padding-left: 170px;
	}

	/*Webinar*/

	#webinar {
		margin-top: 130px;
	}
	.webinar-box-title {
		padding-top: 6px;
	}
	.outline {
		padding-top: 20px;
	}

	/*Application*/

	#application .button {
		margin-bottom: 10px;
	}

	/*Expert Speakers*/

	.speakers-box img {
		width: 88px;
	}

	/*Preview*/

	.preview_box {
		padding-top: 0px;
	}

	/*Product*/

	.product-dot {
		padding-right: 10px;
		padding-left: 10px;
	}
	.product-dot {
		height: 600px;
	}
	#Product .button {
		width: 180px;
		margin-top: 90px;
	}

}

@media (max-width: 768px) {

	#featured .box-word {
		margin-bottom: 40px;
	}

	/*Banner*/

	#banner {
		height: 380px;
	}
	.word-box {
		width: 100%;
	}
	.word-box img {
		margin-left: 10px;
	}
	.word-box .title {
		margin-left: 24px;
	}
	.word-box .button {
		margin-left: 24px;
	}
	.footnote {
		margin-left: 24px;
	}
	.col-sm-4 img {
		margin-top: 160px;
		width: 150px;
	}

	/*輪播*/

	.nav-item {
		width: 30%;
	}
	.nav-pills .nav-link {
		height: 80px;
		line-height: 15pt;
	}
	#scenarios {
		height: 500px;
	}
	.carousel-word-box {
		width: 550px;
	}
	.paint-point-word {
		margin-top: 0px;
		margin-left: 10px;
		padding-top: 10px;
		padding-bottom: 15px;
	}

	/*Webinar*/

	#webinar {
		margin-top: 160px;
	}
	.webinar-box {
		width: 100%;
	}
	.webinar-box-title {
		padding-top: 6px;
	}
	.outline {
		padding-top: 20px;
		text-align: center;
	}
	.dot {
		height: 0px;
	}
	.webinar-box-word {
		margin-left: 20px;
	}

	/*Application*/

	.application-num {
		margin-top: 12px;
	}
	#application .button {
		margin-bottom: 30px;
	}

	/*Expert Speakers*/

	.speakers-box  {
		margin-bottom: 20px;
		text-align: center;
	}
	.speakers-box  img {
		width: 135px;
	}

	/*Preview*/

	.preview_box {
		padding-top: 0px;
	}
	#preview .col-md-4 {
		text-align: center;
	}
	.preview_word_bold,.preview_word {
		padding-left: 0px;
	}
	#preview .button {
		margin-left: 0px;
	}

	/*Featured*/

	.featured-item-word {
		width: 80%;
	}

	/*Product*/

	#Product .col-md-4 {
		padding-top: 50px;
	}
	#Product img {
		width: auto;
	}
	.product-dot {
		border-right: 0px;
		padding-left: 0px;
		padding-right: 0px;
		height: auto;
		padding-bottom: 30px
	}
	.item3 {
		border-bottom: 0px;
	}
	#Product .button {
		width: 100%;
		margin-top: 0px;
		margin-bottom: 80px;
	}

}

@media (max-width: 576px) {


	.box-title {
		width: 90%;
	}

	/*Banner*/

	.col-sm-4 {
		display: none;
	}

	/*輪播*/
	
	.container-gray {
		padding-bottom: 0px;
	}
	.scenarios-title {
		width: 90%;
		margin: 0 auto;
	}
	#scenarios {
		width: 100%;
		height: auto;
		margin-top: 24px;
	}
	.carousel-word-box {
		width: 100%;
	}
	.carousel-title {
		width: 100%;
		padding-left: 0px;
		padding-top: 24px;
		text-align: center;
	}
	.carousel-word {
		width: 76%;
		margin: 0 auto;
	}
	.paint-point {
		height: auto;
		margin-top: 30px;
	}
	.paint-point-img {
		text-align: center;
	}
	.paint-point-img img {
		width: 150px;
		position: static;
	}
	.paint-point-word {
		width: 76%;
		height: auto;
		margin: 0 auto;
		margin-top: 20px;
		margin-bottom: 70px;
		padding: 20px;
		display: block;
		border-radius: 30px 30px 30px 30px;
	}

	/*Webinar*/

	.webinar-box-word {
		width: 100%;
		margin-left: 40px;
	}

	/*Application*/

	.application-word-box {
		width: 90%;
		position: relative;
		top: -5px;
	}
	.application-word-blue {
		width: 100%;
		padding: 13px;
		margin-left: 50px;
	}
	.application-word-gray {
		width: 100%;
		padding: 13px;
		margin-left: 50px;
	}
	#application .button {
		width: 100%;
	}

	/*Preview*/

	#preview img {
		width: 100%;
	}

	#preview .button {
		width: 100%;
	}

	/*solutions*/

	#solutions .button {
		width: 100%;
	}

	/*Product*/

	#Product .col-md-4 {
		padding-top: 20px;
	}

}