@media screen and (max-width: 1024px) {
	/*---通用設訂頁面 container寬度 std----*/
	.container {
		width: 970px;
	}
	.indigo-container {
		-webkit-box-sizing: border-box !important;
		-moz-box-sizing: border-box;
		!important;
		box-sizing: border-box;
		!important;
		max-width: none;
		width: 1060px;
	}
	.height3 {
		height: 220px;
	}
	.height4 {
		height: 224px;
	}
	.size {
		width: 612px;
		height: 408px;
	}
	h3 {
		font-size: 18px;
	}
	/*---通用設訂頁面 container寬度 end----*/
	/*---Menu設訂 std----*/
	#navigation .navbar-right {
		margin-top: 0px;
		width: 940px;
	}
	.matrix-nav > li {
		width: 322.5px;
		text-align: center;
	} 	
	#navigation .navbar-right li a {
		padding: 20px 60px;
		font-size: 16px;
		width: 193px;
	}
	#navigation .navbar-right .feature-nav li a {
		padding: 15px 9px;
		width: auto;
		/*-第二組Menu feature video內頁用-*/
	}
	.nav-training-custom ul li a {
		font-size: 14px !important;
		padding: 15px 6px !important;
		text-align:center;
	}
	/*---Menu設訂 end----*/
	/*---各feature banner,parallax設訂 std----*/
	.bannerbackground {
		height: 490px;
	}
	#promo-one .parallax-content {
		height: 520px;
	}
	#promo-zero .parallax-content h1 {
		font-size: 42px;
	}
	#promo-three .parallax-content {
		height: 520px;
	}
	.ui-banner,
	.material-banner,
	.render-banner,
	.content-banner,
	.visual-banner,
	.camera-banner,
	.motion-banner,
	.character-banner {
		background-size: cover;
		padding: 35px 0px;
	}
	.indigobanner {
		height: 400px;
		background-size: cover;
	}
	.indigobanner h1 {
		font-size: 70px;
		line-height: 80px;
		padding: 80px 0px 0px 0px;
		text-align: left;
		color: #fff;
	}
    .mocapbanner {
		height: 400px;
		background-size: cover;
	}
	.mocapbanner h1 {
		font-size: 70px;
		line-height: 80px;
		padding: 80px 0px 0px 0px;
		text-align: left;
		color: #fff;
	}
	.indigo-padding {
		padding-top: 450px;
	}
	.indigo-padding p {
		font-size: 12px;
	}
	.fontsize ul li {
		font-size: 12px;
		line-height: 18px;
	}
	#promo-feature1 .parallax-content {
		padding-top: 80px;
		padding-bottom: 80px;
	}
	#promo-feature3 .parallax-content {
		padding-top: 80px;
		padding-bottom: 80px;
	}
	/*---各feature banner,parallax設訂 end----*/
	/*---training各頁面 top設訂 std----*/
	.topsection h1 {
		font-size: 49px;
	}
	/*---training各頁面 top設訂 end----*/
	/*---trial其它各頁設訂 std----*/
	#DOWN {
		margin-left: 90px;
	}
	#DOWN .blog {
		padding: 0px 30px 10px 25px;
		width: 130px;
	}
	.product_title h2 {
		font-size: 16px;
	}
	.product_content h3 {
		font-size: 15px;
	}
	.banner-list-container .list-1 li {
		font-size: 17px;
	}
	.banner-list-container .list-2 li {
		font-size: 15px;
	}
	.TabbedPanels {
		width: 940px;
	}
	.version {
		width: 940px;
	}
	.line img {
		width: 800px;
	}
	.product_content ul > li {
		font-size: 12px;
	}
	.win8_img {
		margin-top: -24px;
	}
	.padding-rwd {
		padding-left: 70px;
	}
	.upgrade-collapsible {
		width: 800px;
	}
	/*---trial其它各頁設訂 end----*/
	/*---footer設訂 std----*/
	.footer-resize {
		width: 130px;
	}
	/*---footer設訂 end----*/
	/*---indigo btn設訂 std----*/
	.btn-width1 {
		width: 180px;
	}
	.upgrade-paid-btn {
		padding: 10px 25px;
	}
	.indigo-nav > li {
		width: 322.5px;
	}
	#navigation .indigo-navbar-nav li a {
		padding: 20px 125px !important;
	}
	.btn-padding {
		padding: 10px 30px !important;
	}
	.indigo-camera-banner,
	.indigo-camera-banner2 {
		background-size: cover;
		padding: 0px 0px;
		background-position: center bottom;
		margin-top: 0;
		height: 700px;
	}
	.indigo-light-banner {
		background-size: cover;
		padding: 150px 0px;
		background-position: center bottom;
		margin-top: 0;
		height: 1100px;
	}
	.indigo-camera-banner2 h1 {
		margin-top: 0;
	}
	.indigo-camera-banner2 p {
		padding-top: 0;
	}
	/*---indigo btn設訂 end----*/
    /*---mocap btn設訂 std----*/
    #navigation .mocap-navbar-nav li a {
    padding: 20px 45px !important;
}
    /*---mocap btn設訂 std----*/
	/*---default btn設訂 std----*/
	.padding-default-custom a {
		font-size: 16px;
	}
	.padding-default-custom {
		padding: 10px 10px;
	}
	/*---default btn設訂 end----*/
	.btn-mat {
		width: 150px !important;
		padding: 10px 15px;
	}
	.btn-mat-small {
		padding: 10px 40px;
	}
	.btn-trial-small {
		width: 118px !important;
		padding: 10px 8px;
	}
}
@media screen and (min-width: 1025px) and (max-width: 1365px) {
	/*---通用設訂頁面 container寬度 std----*/
	.container {
		-webkit-box-sizing: border-box !important;
		-moz-box-sizing: border-box;
		!important;
		box-sizing: border-box;
		!important;
		max-width: none;
		width: 970px;
	}
	.indigo-container {
		-webkit-box-sizing: border-box !important;
		-moz-box-sizing: border-box;
		!important;
		box-sizing: border-box;
		!important;
		max-width: none;
		width: 1100px;
	}
	.size {
		width: 612px;
		height: 408px;
	}
	h3 {
		font-size: 18px;
	}
	/*---通用設訂頁面 container寬度 end----*/
	/*---Menu設訂 std----*/
	#navigation .navbar-right {
		margin-top: 0px;
		width: 940px;
	}
	#navigation .navbar-right li a {
		padding: 20px 60px;
		font-size: 16px;
		width: 193px;
	}
	#navigation .navbar-right .feature-nav li a {
		padding: 15px 9px;
		font-size: 15px;
		width: auto;
		/*-第二組Menu feature video內頁用-*/
	}
	.nav-training-custom ul li a {
		font-size: 14px !important;
		padding: 15px 7px !important;
		text-align:center;
	}
	/*---Menu設訂 end----*/
	/*---各feature banner,parallax設訂 std----*/
	.bannerbackground {
		height: 490px;
	}
	#promo-one .parallax-content {
		height: 589px;
	}
	#promo-zero .parallax-content h1 {
		font-size: 42px;
	}
	.ui-banner,
	.material-banner,
	.render-banner,
	.content-banner,
	.visual-banner,
	.camera-banner,
	.motion-banner,
	.character-banner {
		background-size: cover;
		padding: 60px 0px;
	}
	.content-banner {
		background-size: cover;
		padding: 70px 0px;
	}
	.indigobanner {
		height: 400px;
		background-size: cover;
	}
	.indigobanner h1 {
		font-size: 60px;
		line-height: 80px;
		padding: 80px 0px 0px 0px;
		text-align: left;
		color: #fff;
	}
	.indigo-padding p {
		font-size: 14px;
	}
	.fontsize ul li {
		font-size: 14px;
		line-height: 20px;
	}
	#promo-feature1 .parallax-content {
		padding-top: 80px;
		padding-bottom: 80px;
	}
	#promo-feature3 .parallax-content {
		padding-top: 80px;
		padding-bottom: 80px;
	}
	/*---各feature banner,parallax設訂 end----*/
	/*---training各頁面 top設訂 std----*/
	.topsection h1 {
		font-size: 49px;
	}
	/*---training各頁面 top設訂 end----*/
	/*---trial其它各頁設訂 std----*/
	#DOWN {
		margin-left: 90px;
	}
	#DOWN .blog {
		padding: 0px 30px 10px 25px;
		width: 130px;
	}
	.product_title h2 {
		font-size: 18px;
	}
	.product_content h3 {
		font-size: 18px;
	}
	.banner-list-container .list-1 li {
		font-size: 17px;
	}
	.banner-list-container .list-2 li {
		font-size: 15px;
	}
	.TabbedPanels {
		width: 940px;
	}
	.version {
		width: 940px;
	}
	.line img {
		width: 800px;
	}
	.product_content ul > li {
		font-size: 12px;
	}
	.win8_img {
		margin-top: -24px;
	}
	.padding-rwd {
		padding-left: 70px;
	}
	.upgrade-collapsible {
		width: 850px;
	}
	/*---trial其它各頁設訂 end----*/
	/*---footer設訂 std----*/
	.footer-resize {
		width: 130px;
	}
	/*---footer設訂 end----*/
	/*---indigo btn設訂 std----*/
	.btn-width1 {
		width: 180px;
	}
	.upgrade-paid-btn {
		padding: 10px 30px;
	}
	.indigo-nav > li {
		width: 313px;
	}
	#navigation .indigo-navbar-nav li a {
		padding: 20px 125px !important;
	}
	.indigo-camera-banner2 h1 {
		margin-top: 10px;
	}
	.indigo-camera-banner2 p {
		padding-top: 0;
	}
	/*---indigo btn設訂 end----*/
    /*---mocap btn設訂 std----*/
    #navigation .mocap-navbar-nav li a {
    padding: 20px 42px !important;
}
      .mocapbanner {
		height: 500px;
		background-size: cover;
	}
	.mocapbanner h1 {
		font-size: 76px;
		line-height: 70px;
		padding: 190px 0px 0px 0px;
		text-align: left;
		color: #fff;
	}
    /*---mocap btn設訂 std----*/
	/*---default btn設訂 std----*/
	.padding-default-custom a {
		font-size: 16px;
	}
	.padding-default-custom {
		padding: 10px 10px;
	}
	.indigo-light-banner {
		margin-top: 250px;
	}
	/*---default btn設訂 end----*/
	.btn-mat {
		width: 150px !important;
		padding: 10px 15px;
	}
	.btn-mat-small {
		padding: 10px 40px;
	}
	.btn-trial-small {
		width: 118px !important;
		padding: 10px 8px;
	}
	.matrix-nav > li {
		width: 313.333px;
		text-align: center;
	} 
}
@media screen and (min-width: 1366px) and (max-width: 1679px) {
	/*---通用設訂頁面 container寬度 std----*/
	.container {
		-webkit-box-sizing: border-box !important;
		-moz-box-sizing: border-box;
		!important;
		box-sizing: border-box;
		!important;
		max-width: none;
		width: 970px;
	}
	.indigo-container {
		-webkit-box-sizing: border-box !important;
		-moz-box-sizing: border-box;
		!important;
		box-sizing: border-box;
		!important;
		max-width: none;
		width: 1170px;
	}
	.height3 {
		height: 219px;
	}
	.height4 {
		height: 224px;
	}
	.size {
		width: 612px;
		height: 408px;
	}
	h3 {
		font-size: 18px;
	}
	/*---通用設訂頁面 container寬度 end----*/
	/*---Menu設訂 std----*/
	#navigation .navbar-right {
		margin-top: 0px;
		width: 940px;
	}
	#navigation .navbar-right li a {
		padding: 20px 60px;
		font-size: 16px;
		width: 193px;
	}
	#navigation .navbar-right .feature-nav li a {
		padding: 15px 9px;
		font-size: 15px;
		width: auto;
		/*-第二組Menu feature video內頁用-*/
	}
	/*---Menu設訂 end----*/
	/*---各feature banner,parallax設訂 std----*/
	.bannerbackground {
		height: 490px;
	}
	#promo-one .parallax-content {
		height: 510px;
	}
	#promo-zero .parallax-content h1 {
		font-size: 42px;
	}
	#promo-three .parallax-content {
		height: 507px;
	}
	.intersection,
	.intersection1 {
		width: 440px;
		height: 350px;
	}
	.ui-banner,
	.material-banner,
	.render-banner,
	.content-banner,
	.visual-banner,
	.camera-banner,
	.motion-banner,
	.character-banner {
		background-size: cover;
		padding: 60px 0px;
	}
	.content-banner {
		background-size: cover;
		padding: 90px 0px;
	}
	.indigobanner {
		height: 480px;
		background-size: cover;
	}
	.indigobanner h1 {
		font-size: 70px;
		line-height: 80px;
		padding: 120px 0px 0px 0px;
		text-align: left;
		color: #fff;
	}
    .mocapbanner {
		height: 500px;
		background-size: cover;
	}
	.mocapbanner h1 {
		font-size: 76px;
		line-height: 70px;
		padding: 190px 0px 0px 0px;
		text-align: left;
		color: #fff;
	}
	.indigo-padding p {
		font-size: 14px;
	}
	#promo-feature1 .parallax-content {
		padding-top: 80px;
		padding-bottom: 80px;
	}
	#promo-feature3 .parallax-content {
		padding-top: 80px;
		padding-bottom: 80px;
	}
	.fontsize ul li {
		font-size: 14px;
	}
	.inter-content ul li {
		font-size: 14px;
	}
	.indigo-camera-banner2 h1 {
		margin-top: 10px;
	}
	.indigo-camera-banner2 p {
		padding-top: 0;
	}
	/*---各parallax設訂 end----*/
	/*---training各頁面 top設訂 std----*/
	.topsection {
		height: 263px;
		margin-top: -1px;
	}
	.topsection h1 {
		padding-top: 120px;
		line-height: 50px;
		font-size: 44px;
	}
	/*---training各頁面 top設訂 end----*/
	/*---trial其它各頁設訂 std----*/
	#DOWN {
		margin-left: 90px;
	}
	#DOWN .blog {
		padding: 0px 20px 10px 25px;
		width: 140px;
	}
	.footer-resize {
		width: 180px;
	}
	.product_title h2 {
		font-size: 18px;
	}
	.product_content h3 {
		font-size: 16px;
	}
	.nav-training-custom ul li a {
		font-size: 13px !important;
		padding: 15px 10px !important;
		text-align: center;
	}
	.banner-list-container .list-1 li {
		font-size: 17px;
	}
	.banner-list-container .list-2 li {
		font-size: 15px;
	}
	.TabbedPanels {
		width: 940px;
	}
	.version {
		width: 940px;
	}
	.line img {
		width: 800px;
	}
	.product_content ul > li {
		font-size: 12px;
	}
	.win8_img {
		margin-top: -24px;
	}
	.padding-rwd {
		padding-left: 70px;
	}
	.upgrade-collapsible {
		width: 850px;
	}
	/*---trial其它各頁設訂 end----*/
	/*---indigo btn設訂 std----*/
	.btn-width1 {
		width: 180px;
	}
	.upgrade-paid-btn {
		padding: 10px 30px;
	}
	.indigo-nav > li {
		width: 313px;
	}
	#navigation .indigo-navbar-nav li a {
		padding: 20px 125px !important;
	}
	/*---indigo btn設訂 end----*/
    
    /*---mocap btn設訂 std----*/
    #navigation .mocap-navbar-nav li a {
    padding: 20px 42px !important;
}
    /*---mocap btn設訂 std----*/
	/*---default btn設訂 std----*/
	.padding-default-custom a {
		font-size: 16px;
	}
	.padding-default-custom {
		padding: 10px 10px;
	}
	.indigo-light-banner {
		margin-top: 360px;
	}
	/*---default btn設訂 end----*/
	.btn-mat {
		width: 150px !important;
		padding: 10px 15px;
	}
	.btn-mat-small {
		padding: 10px 40px;
	}
	.btn-trial-small {
		width: 118px !important;
		padding: 10px 8px;
	}
	.matrix-nav > li {
		width: 313.33px;
		text-align: center;
	}	
}
@media screen and (min-width: 1680px) {
	/*---通用設訂頁面 container寬度 std----*/
	.container {
		-webkit-box-sizing: border-box !important;
		-moz-box-sizing: border-box;
		!important;
		box-sizing: border-box;
		!important;
		max-width: none;
	}
	.indigo-container {
		-webkit-box-sizing: border-box !important;
		-moz-box-sizing: border-box;
		!important;
		box-sizing: border-box;
		!important;
		max-width: none;
		width: 1170px;
	}
	/*---通用設訂頁面 container寬度 end----*/
	/*---Menu設訂 std----*/
	#navigation .navbar-right {
		margin-top: 0px;
		width: 1140px;
		margin-left: -15px;
	}

	#navigation .navbar-right li a {
		padding: 20px 93px;
		font-size: 16px;
		width: 193px;
	}
	#navigation .navbar-right .feature-nav li a {
		padding: 15px 17px;
		font-size: 16px;
		width: auto;
		/*-第二組Menu feature video內頁用-*/
	}
	/*---Menu設訂 end----*/
	/*---trial其它各頁設訂 std----*/
	#DOWN .blog {
		padding: 0px 30px 10px 60px;
	}
	#DOWN {
		margin-right: 0;
	}
	.version {
		width: 1100px;
	}
	/*---trial其它各頁設訂 end----*/
	/*---footer設訂 std----*/
	.footer-resize {
		width: 180px;
	}
	/*---footer設訂 end----*/
	/*---indigo btn設訂 std----*/
	.btn-padding2 {
		padding: 10px 63px !important;
	}
	.indigo-light-banner {
		margin-top: 430px;
	}
	/*---indigo btn設訂 end----*/
	.nav-training-custom li {
		width: 285px;
		text-align: center;
	}
	.matrix-nav > li {
		width: 380px;
		text-align: center;
	}	
}