/* Basic */
html, body {
width: 100%;
height:100%;
margin:0;
padding:0;
	
}


p {
  font-family: 'Roboto', sans-serif;
  font-size: 15px;
  line-height: 1.7;
	word-break: keep-all;
}

span {
  font-family: 'Roboto', sans-serif;
}

a {
  font-family: 'Ubuntu', sans-serif;
}

@media screen and (min-width: 1600px) {

h1 {
  font-family: 'Ubuntu', sans-serif;
  font-size: 64px;
	font-weight:normal;
	word-break: keep-all;
}

h2{
  font-family: 'Ubuntu', sans-serif;
  font-size: 48px;
	font-weight:normal;
  font-color: #000000;
	word-break: keep-all;
}

h3{
  font-family: 'Ubuntu', sans-serif;
  font-size: 30px;
	font-weight:normal;
	word-break: keep-all;
}

h4{
  font-family: 'Ubuntu', sans-serif;
  font-size: 21px;
	font-weight:normal;
	word-break: keep-all;
}

p {
  font-family: 'Roboto', sans-serif;
  font-size: 15px;
  line-height: 1.7;
}

a.gradient_button {
	padding: 15px 45px;
	color: #ffffff;
	background: linear-gradient(to right,#DC582A, #E57600);
	clear: both;
	
}
a:hover.gradient_button {
	color: #ffffff;
	text-decoration: none;
}

}

@media screen and (min-width: 1200px) and (max-width: 1600px) {

h1 {
  font-family: 'Ubuntu', sans-serif;
  font-size: 55px;
	font-weight:normal;
	word-break: keep-all;
}

h2{
  font-family: 'Ubuntu', sans-serif;
  font-size: 48px;
	font-weight:normal;
  font-color: #000000;
	word-break: keep-all;
}

h3{
  font-family: 'Ubuntu', sans-serif;
  font-size: 30px;
	font-weight:normal;
	word-break: keep-all;
}

h4{
  font-family: 'Ubuntu', sans-serif;
  font-size: 21px;
	font-weight:normal;
	word-break: keep-all;
}

p {
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  line-height: 1.7;
}

a.gradient_button {
	padding: 15px 45px;
	color: #ffffff;
	background: linear-gradient(to right,#DC582A, #E57600);
	clear: both;
}
a:hover.gradient_button {
	color: #ffffff;
	text-decoration: none;
}

}

@media screen and (min-width: 768px) and (max-width: 1200px) {

h1 {
  font-family: 'Ubuntu', sans-serif;
  font-size: 50px;
	font-weight:normal;
	word-break: keep-all;
}

h2{
  font-family: 'Ubuntu', sans-serif;
  font-size: 36px;
	font-weight:normal;
  font-color: #000000;
	word-break: keep-all;
}

h3{
  font-family: 'Ubuntu', sans-serif;
  font-size: 30px;
	font-weight:normal;
	word-break: keep-all;
}

h4{
  font-family: 'Ubuntu', sans-serif;
  font-size: 21px;
	font-weight:normal;
	word-break: keep-all;
}

p {
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  line-height: 1.7;
}

a.gradient_button {
	padding: 10px 20px;
	color: #ffffff;
	background: linear-gradient(to right,#DC582A, #E57600);
	clear: both;
}
a:hover.gradient_button {
	color: #ffffff;
	text-decoration: none;
}

}


@media (max-width: 768px) {

h1 {
  font-family: 'Ubuntu', sans-serif;
  font-size: 36px;
    font-weight: bold;
	word-break: keep-all;
}

h2{
  font-family: 'Ubuntu', sans-serif;
  font-size: 30px;
	font-weight: bold;
  font-color: #000000;
	word-break: keep-all;
}

h3{
  font-family: 'Ubuntu', sans-serif;
  font-size: 25px;
	font-weight: bold;
	word-break: keep-all;
}

h4{
  font-family: 'Ubuntu', sans-serif;
  font-size: 18px;
	word-break: keep-all;
}

p {
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  line-height: 1.5;
}
a.gradient_button {
	padding: 10px 20px;
	color: #ffffff;
	background: linear-gradient(to right,#DC582A, #E57600);
	clear: both;
}
a:hover.gradient_button {
	color: #ffffff;
	text-decoration: none;
}

}



.font_gradient {
  background-image: linear-gradient(to right,#fff, #fff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  /*max-width:500px;*/
  margin-left:15px;
}



.banner_text {
  font-family: 'Roboto', sans-serif;
  font-size: 18px;
  color: #ffffff;
  line-height: 1.8;
}


ul, li {
	list-style:none;
}

/*NAV*/

@media (min-width: 986px) {
.dropdown-menu li:hover .sub-menu {visibility: visible;}
.dropdown:hover .dropdown-menu {display: block;}
.dropdown-menu {
  position: absolute;
  display: none;
  float: left;
}
}


@media (min-width: 986px) {
li.language {
	margin-left: 80px;
}
}


/*Footer*/
.web_footer {
	display: inline-block;
	width: 100%;
	height: auto;
	padding: 30px 50px;
	color: #ffffff;
	background: #000000;
	
}

.web_footer .copy{
	clear: both;
	display: block;
	text-align:left;
	padding-top: 10px;
	padding-left: 40px;
}

.web_footer .copy p{font-size: 12px;}

@media (max-width: 986px) {
.web_footer {
	padding: 30px 30px;
}
}
.web_footer a {
	color: #ffffff;
}

.web_footer ul li {
	display: block;
	float: left;
	padding: 5px 0px;
	font-size: 15px;
}

.web_footer ul li::after{
    content:"　│　";
}

.footer_social {
	float: right;
	margin-top: -10px;
}
.footer_social img {
	width: 30px;
	margin-right: 20px;
}

@media (max-width: 986px) {
.footer_social {
	clear: both;
	float: none;
	text-align: center;
	margin-top: 0px;
}
}

/*首頁靜態BANNER*/

.KV-image{
	background-image: url(../img/index_KV3.jpg);
	background-position:center ;
	background-size: cover;
	width: 100%;
	height: 100%;
	display: block;
}

.KVS-image{
	width: 100%;
    margin-top: 85px;
}



/* 首頁輪播*/
.carousel, .item, .active {
height:100%;
background-color: #111111;
}
.carousel-inner {
height:100%;
}
.carousel-caption {
z-index: 10;
}

.slider_text_left {
	text-align: left;
  }

.slider_text_right {
	text-align:right;
}

	.carousel-fade .carousel-inner .item {
		transition-property: opacity;
	}
	.carousel-fade .carousel-inner .item,  
	.carousel-fade .carousel-inner .active.left,  
	.carousel-fade .carousel-inner .active.right {
		opacity: 0;
	}
	.carousel-fade .carousel-inner .active,  
	.carousel-fade .carousel-inner .next.left,  
	.carousel-fade .carousel-inner .prev.right {
		opacity: 1;	
	}
	.carousel-fade .carousel-inner .next,  
	.carousel-fade .carousel-inner .prev,  
	.carousel-fade .carousel-inner .active.left,  
	.carousel-fade .carousel-inner .active.right {
		left: 0;
		transform: translate3d(0, 0, 0);
	}
	.carousel-fade .carousel-control {
		z-index: 2;
	}

.carousel_1 {
	/*height: 100%;*/
	max-width: 100%;
}

@media screen and (min-width: 986px) and (max-width: 1600px) {
.carousel_1 {
	/*height: 90%;*/
	margin-top: 85px;
}
	.carousel_1 .item {
		overflow: hidden;

	}
	.carousel_1 .item img {
		height: auto;
		width: 100%;
		max-width: none;
	}
}
@media screen and (max-width: 986px) {
.carousel_1 {
	/*height: 70%;*/
	margin-top: 85px;
}
	.carousel_1 .item {
		overflow: hidden;

	}
	.carousel_1 .item img {
		height: 100%;
		width: 100%;
		max-width: none;
		/*margin-left: -35%;*/
	}
}

.carousel_2 {
}
@media (max-width: 986px) {
.carousel_2 {
	/*height: 35%;*/
}
	.carousel_2 .carousel-caption {
		bottom: 30px;
	}
}

.carousel_3 {
	display: block;
	width: 100%;
	text-align: center;
	padding: 8% 10%;
	background: linear-gradient(to right,#DC582A, #E57600);
	background-size: 30% 100%;
	background-repeat: no-repeat;
}

#product_carousel {
	width: 100%;
}

#product_carousel .item img {width: 100%;}
#product_carousel .item video {width: 100%; height: auto;}

.carousel_3 .carousel, .carousel_3 .item, .carousel_3 .active {
    background-color:transparent;
}





/*首頁Solutions*/

.index_solutions {
	background: url(../img/index_solution_bg.jpg) center center no-repeat;
position: relative;
    display: block;
    padding-top: 5%;
    padding-bottom: 5%;
	box-sizing: border-box;
	color: #ffffff;
	    overflow: hidden;
}
.index_solutions h3 {margin-bottom: 15px;}
.index_solutions ul {
	padding-left: 0px;
}
.index_solutions ul li {
	display: block;
	float: left;
	/*margin-left: 80px;*/
	position: relative;
}
.index_solutions ul li:first-child { 
    margin-left: 0px;
}
.index_solutions ul li b {
	display: block;
	width: 270px;
	height: 170px;	
	background: linear-gradient(to right,#DC582A, #E57600);
	margin-bottom: 30px;
}
.index_solutions ul li img {
	display: block;
	width: 270px;
	position: absolute;
	left: 30px;
	top: 15px;
}
.index_solutions ul li span{
	display: block;
	width: 270px;
	letter-spacing:1px;
	word-break: keep-all;
}

.index_solutions span{
	font-family: 'Ubuntu', sans-serif;
}

.Solution_gradient_bg {
	display: block;
	position: relative;
	clear:both;
	padding-top: 50px;
}

.Solution_gradient_bg a {
	text-decoration: none;
	color: #fff;
	display: block;
	background: linear-gradient(to right,#DC582A, #E57600);
	padding:15px 15px;
	height: 60px;
	margin-bottom: 20px;

}

.Solution_gradient_bg a h3{
margin: 0;
	font-size: 24px;


}
@media (min-width: 1200px) {
.index_solutions ul li {
	display: block;
	float: left;
	/*margin-left: 80px;*/
	position: relative;
}
.index_solutions ul li:first-child { 
    margin-left: 0px;
}
.index_solutions ul li b {
	display: block;
	width: 270px;
	height: 170px;	
	background: linear-gradient(to right,#DC582A, #E57600);
	margin-bottom: 30px;
}
.index_solutions ul li img {
	display: block;
	width: 270px;
	position: absolute;
	left: 30px;
	top: 15px;
}
.index_solutions ul li span{
	display: block;
	width: 270px;
	letter-spacing:1px;
	word-break: keep-all;
}
}


/*首頁product_icon*/
.product_icon {
	display: block;
	width: 100%;
	padding: 5% 0;
}
.product_icon ul {
	padding-left: 0px;
}
.product_icon ul li {
	border-right: #dddddd 1px solid;
	/*text-align: center;*/
	padding: 0 25px;
}

@media screen and (max-width: 400px) {
.product_icon img {
	width: 100%;
	}
}

@media screen and (max-width: 1200px) {
.product_icon ul li {
	border-right:none;
	max-width: 380px;
    margin: 0 auto;
	}

}


.product_icon ul li:last-child {
	border-right: none;
}


/*首頁About*/

.index_about {
	display: block;
	/*height: 315px;*/
	width: 100%;
	padding-top: 5%;
	padding-bottom: 5%;
	box-sizing: border-box;
	background-color: #000;
	color: #000000;
}

.index_about h2 {
	margin-bottom: 30px;
	color: #fff;
}

.index_about p {
	margin-bottom: 30px;
	color:#ccc;
}
/*
.pic_gradient_bg {
	display: block;
	position: relative;
}
.pic_gradient_bg b {
	display: block;
	width: 600px;
	height: 400px;	
	background: linear-gradient(to right,#DC582A, #E57600);
	margin-bottom: 30px;
}
.pic_gradient_bg img {
	display: block;
	width: 600px;
	position: absolute;
	left: -20px;
	top: 20px;
}
*/
/*BRIAN改*/
.pic_gradient_bg {
	display: block;
	position: relative;
	width: 100%;
	background: linear-gradient(to right,#DC582A, #E57600);
	margin-bottom: 30px;
}
.pic_gradient_bg img {
	display: block;
	position: relative;
	width: 100%;
	left: -20px;
	top: 20px;
}
.vcenter {
	display: inline-block;
	vertical-align: middle;
	float: none;
}



/*首頁News*/

.index_news {
	display: block;
	padding-top: 5%;
	padding-bottom: 5%;
	background: #000;
}
.index_news h2{
color:#fff;
}


.index_news .pic_gradient_bg {
	margin-left: 20px;
}

.index_news .index_news_text {
	word-break: keep-all;
	color:#999;
}

@media (min-width: 768px) {
.index_news .index_news_text {
	margin-left: 40px;
}
}

.Snews_gradient_bg {
	display: block;
	position: relative;
	clear:both;
	padding-top: 50px;
}

.Snews_gradient_bg a {
	text-decoration: none;
	color: #fff;
	display: block;
	background: linear-gradient(to right,#DC582A, #E57600);
	padding:15px 15px 0 15px;
	height: 150px;
	margin-bottom: 20px;

}

/*首頁Partners*/
.index_partner{
	display: block;
	width: 100%;
	text-align: center;
	padding: 2% 0;
	background:#333;
	position: relative;
}
/*.index_partner h2, p {
color:#FFF;}*/


.index_partner img {
	margin: 20px 25px;	
}




/*News頁面*/

.news_menu {
	display: block;
	width: 100%;
	height: 220px;
	background-color: #111111;
	padding-top: 120px;
}

.news_menu ul{
	display: block;
	width: 50%;
	margin-left: 25%;
}
.news_menu ul li {
	display: block;
	float: left;
	width: 33%;
	padding: 15px 0px;
	border:#DC582A 1px solid;
	text-align: center;
}

.news_menu ul li.onnav {
	background: linear-gradient(to right,#DC582A, #E57600);
}

.news_menu ul li:hover {
	background: linear-gradient(to right,#DC582A, #E57600);
}

.news_menu a {
	color: #ffffff;
	text-decoration: none;
}

@media (max-width: 600px){
.news_menu {
    height: 180px;
    padding-top: 110px;
}
.news_menu ul li {
    padding: 10px 0px;
}
}


@media (max-width: 768px){
.news_menu ul {
    display: block;
    width: 100%;
    padding-left: 0px;
	margin-left: 0px;
}
}



.news_KV {
	display: block;
	width: 100%;
	height: auto;
	position: relative;
	overflow: hidden;
	background-color: #111111;
}

.news_KV:hover .newsKV_gradient_filter {
	top:0;
	transition: top .3s linear;
}
.newsKV_gradient_filter {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top:100%;
}

.newsKV_gradient_filter b {
	display: block;
	position: absolute;
	z-index: 299;
	width: 100%;
	height: 100%;
	min-height: 400px;
	background: -moz-linear-gradient(left, rgba(220,88,42,0.7) 0%, rgba(220,88,42,0.7) 1%, rgba(229,118,0,0.7) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(220,88,42,0.7) 0%,rgba(220,88,42,0.7) 1%,rgba(229,118,0,0.7) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(220,88,42,0.7) 0%,rgba(220,88,42,0.7) 1%,rgba(229,118,0,0.7) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80DC582A', endColorstr='#80E57600',GradientType=1 ); /* IE6-9 */
	
}

.newsKV_gradient_filter p {
	display: block;
	position: absolute;
	z-index: 300;
	left:5%;
	top: 160px;
	color: #ffffff;
	font-size: 20px;
}

.newsKV_gradient_filter h1 {
	display: block;
	position: absolute;
	z-index: 300;
	left: 5%;
    right: 10%;
	top:180px;
	color: #ffffff;
}

@media (max-width: 768px){
.newsKV_gradient_filter h1 {
    font-size: 24px;
}
}
@media (max-width: 600px){
.newsKV_gradient_filter {
	top:0px;
}
}


@media (max-width: 768px){
.news_KV {
	width: 100%;
	height: 70%;
	overflow: hidden;
}
.news_KV img {
    height: 100%;
	width: auto;
}	
}

@media (max-height: 450px){
.news_KV img {
    width: 100%;
    height: auto;
}
}

.news_post {
	display: block;
	padding: 5% 0;
}

@media screen and (min-width: 1100px) and (max-width: 1600px) {
.news_post {
	display: block;
	width: 1100px;
	margin: 0 auto;
}
}
@media screen and (min-width: 600px) and (max-width: 1100px) {
.news_post {
	display: block;
	width: 550px;
	margin: 0 auto;
}
}

.news_post ul li {
	display: block;
	float: left;
	width: 500px;
	height: auto;
	margin-right: 20px;
	margin-bottom: 20px;
	position: relative;
	overflow: hidden;
	}

.news_post ul li:hover .news_gradient_filter {
	top:0;
	transition: top .3s linear;
}
.news_gradient_filter {
	display: block;
	position: absolute;
	width: 500px;
	height: 300px;
	left: 0;
	top:100%;
}

.news_gradient_filter b {
	display: block;
	position: absolute;
	z-index: 299;
	width: 100%;
	height: 100%;
	min-height: 300px;
	background: -moz-linear-gradient(left, rgba(220,88,42,0.7) 0%, rgba(220,88,42,0.7) 1%, rgba(229,118,0,0.7) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(220,88,42,0.7) 0%,rgba(220,88,42,0.7) 1%,rgba(229,118,0,0.7) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(220,88,42,0.7) 0%,rgba(220,88,42,0.7) 1%,rgba(229,118,0,0.7) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80DC582A', endColorstr='#80E57600',GradientType=1 ); /* IE6-9 */
	
}

.news_gradient_filter p {
	display: block;
	position: absolute;
	z-index: 300;
	left: 30px;
	top: 60px;
	color: #ffffff;
}

.news_gradient_filter h3 {
	display: block;
	position: absolute;
	z-index: 300;
	left: 30px;
	right: 30px;
	top:80px;
	color: #ffffff;
}

@media (max-width: 600px){
.news_post {
	display: block;
	padding: 5% 0;
}

.news_post ul{
	padding-left: 0px;
}
.news_post ul li {
	display: block;
	float: left;
	width: 100%;
	height: auto;
	margin-right: 20px;
	margin-bottom: 20px;
	position: relative;
	overflow: hidden;
	}
.news_gradient_filter {
	width: 100%;
    height: 100%;
	top:0px;
}
.news_gradient_filter p {
	top: 25px;

}

.news_gradient_filter h3 {
	top: 40px;
    font-size: 18px;
	line-height: 1.3;
}

}

.news_carousel {
	display: block;
	width: 100%;
	text-align: center;
	padding: 8% 10%;
	background-size: 30% 100%;
	background-repeat: no-repeat;
}

@media (max-width: 986px) {
	.news_carousel {
	padding-top: 100px;
}
}

.news_carousel .carousel, .news_carousel .item, .news_carousel .active {
    background-color:transparent;
}

.newspage {
	display: block;
	padding: 0 5% 5%;
}

.newspage h2 {
	margin-top: 0px;
	margin-bottom: 0px;
}

.news_social {
	padding: 30px 0;
	text-align: right;
}

.other_news {
	margin-bottom: 50px;
}

.other_news h2 {
	margin-bottom: 30px;
}

.other_news a {
	color:#111111;
	text-decoration: none;
}


/*solutions頁面*/

.solutions_KV {
	display: block;
	width: 100%;
	height: 60%;
	padding: 120px 20% 0 ;
	background: #000000 url(../img/solution_KV.jpg) center center no-repeat;
	background-size: cover;
	text-align: center;
}

@media (max-width: 986px) {
.solutions_KV {
	height: 85%;
}

}


.solutions_KV span {
	display: block;
	margin-top: 5%;
	color: #ffffff;
	font-size: 18px;
}


.solutions_KV h2 {
	/*font-size: 48px;*/
	color: #ffffff;
	margin-top: 10px;
	margin-bottom: 40px;
}

@media screen and (max-height: 768px) {
.solutions_KV span {
	margin-top: 10px;
}
.solutions_KV h2 {
	margin-bottom: 20px;
}
}



.solutions_KV p {
	color: #ffffff;
	font-family: 'Ubuntu', sans-serif;
}

.solutions {
	display: block;
	    width: 100%;
	padding: 30px 5% 5%;
}

.solutions h1 {
	padding-bottom: 15px;
}

.solutions h3 {
	padding-top: 15px;
	padding-bottom: 15px;
}
.solutions ul {
	 display: table;
  margin: 0 auto;
}
@media screen and (min-width: 1600px) {
.solutions ul {
	 display: table;
	width: 1450px;
  margin: 0 auto;
}
}


@media screen and (min-width: 1100px) and (max-width: 1600px) {
.solutions ul {
	display: block;
	width: 970px;
	margin: 0 auto;
}
}
@media screen and (min-width: 600px) and (max-width: 1100px) {
.solutions ul {
	display: block;
	width: 550px;
	margin: 0 auto;
}
}

.solutions ul li {
	display: block;
	float: left;
	width: 445px;
	margin-right: 20px;
	margin-bottom: 20px;
	}
.solutions ul li img {
	width: 100%;
	height: auto;
}
/*
.solutions ul li:hover .solutions_intro b {
	width: 100%;
	height: 100%;
	min-height: 200px;
	transition: top .3s linear;
}
*/
.solutions ul li:hover .solutions_intro b {
	width: 100%;
	height: 100%;
	transition: top .3s linear;
    -webkit-animation-name: hover;
  animation-name: hover;
  animation-duration: 0.5s;
  animation-delay: 0s;
}
@-webkit-keyframes hover{
  0% {
    width: 120px;
    height: 5px;
  }
     30% {
    width: 100%;
    height: 5px;
  }

  100% {
      
    width: 100%;
  }
}

@keyframes hover {
  0% {
   height: 5px;  
   width: 120px;
  }
   30% {
    width: 100%;
    height: 5px;
  }

  100% {
     width: 100%;
  }
}





.solutions_intro {
	display: block;
	width: 445px;
	height: 220px;
	background-color: #ffffff;
	position: relative;
}

.solutions_intro b {
	display: block;
	position: absolute;
	z-index: 299;
	width: 120px;
	height: 5px;
	background: -moz-linear-gradient(left, rgba(0,158,154,0.8) 0%, rgba(0,158,154,0.8) 1%, rgba(0,143,199,0.8) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(0,158,154,0.8) 0%,rgba(0,158,154,0.8) 1%,rgba(0,143,199,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(0,158,154,0.8) 0%,rgba(0,158,154,0.8) 1%,rgba(0,143,199,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80DC582A', endColorstr='#80E57600',GradientType=1 ); /* IE6-9 */
	
}

.solutions_intro a {
	display: block;
	width: 100%;
	height: 100%;
	min-height: 200px;
	position: absolute;
	color: #000000;
	text-decoration: none;
	padding: 15px;
	z-index: 300;
}

.solutions_intro h3 {
	margin-top: 0px;
}
.solutions_intro a:hover h3 {
	color: #ffffff;
}

.solutions_intro a:hover p {
	color: #ffffff;
}

.solutions_intro a p {
	font-size: 15px;
}

.solutions_type_KV {
	padding-top: 85px;
}

.solutions_type_KV h1 {
	padding-left: 10%;
	    padding-right: 10%;
	text-align: center;
}


@media (max-width: 600px) {
	
.solutions_KV {
	padding: 95px 5% 0;
	overflow: hidden;
}
.solutions ul {
	padding-left: 0px;
}
.solutions ul li {
	display: block;
	width: 100%;
	margin-bottom: 20px;
	}
.solutions_intro {
	display: block;
	width: 100%;
	height: 200px;
	background-color: #ffffff;
	position: relative;
}
.solutions_intro h3 {
	margin-top: 5px;
}
}

.related_case{
	width: 80%;
	background: #ffffff;
	color: #000000;
	padding-left: 0px;
}

.related_case ul{
	padding-left: 0px;
}



/*Product */


.product_KV {
	display: block;
	background-image:  url(../img/Product_Banner.jpg) ;
	background-size: cover;
	text-align: center;
	background-position: center;
	width: 100%;
	height: 100vh;
    margin-top:85px;
}

@media (min-width: 767px) {
.product_KV {
	/*padding: 15% 20% 0 20%;*/
}
}
.product_KV span {
	display: block;
	margin-top: 5%;
	color: #ffffff;
	font-size: 18px;
}
.product_KV h2 {
	font-size: 58px;
	color: #ffffff;
	margin-top: 10px;
	margin-bottom: 40px;
}
.product_KV p {
	color: #ffffff;
}

#product_intro h2 {
}
.productsection3 {
width: 100%;
	padding-top: 5%;
	padding-bottom: 5%;
	box-sizing: border-box;	
background-image: url(../img/models_ba.jpg);	
}

.productsection1{
	display: block;
	/*min-height: 600px;/
	/*height: 315px;*/
	width: 100%;
	padding-top: 5%;
	padding-bottom: 5%;
	box-sizing: border-box;
	background: #fff;
	color: #000000;
}

@media screen and (min-width: 1200px) {
.productsection1 h2, .productsection3 h2 {
/*padding-top: 80px;*/
}
}

.productsection2 {
	
	height: 100%;
	/*height: 315px;*/
	width: 100%;
	padding-top: 5%;
	padding-bottom: 5%;
	box-sizing: border-box;
	background-color: #f5f5f5;
	color: #fff;
	background-image: url(../img/lightandcom_ba.jpg);
	background-position: center;
    background-size: cover;
	display: block;
}
.productsection2 h2{ color: #fff;}
.productsection4 {
	
	height: 100%;
	/*height: 315px;*/
	width: 100%;
	padding-top: 5%;
	padding-bottom: 5%;
	box-sizing: border-box;
	background: url(../img/easy2develop_ba.jpg) right ;
    background-size:cover; 
	display: block;
}

.productsection5 {
	
	height: 100%;
	width: 100%;
	padding-top: 5%;
	padding-bottom: 5%;
	background-image: url(../img/models_ba.jpg);

	display: block;
}

.productsection5 img { max-width: 900px; margin: 0 auto; /*padding-bottom: 10%*/;}
.productsection5 p {font-size: 16px; font-weight: 900; font-family: 'Ubuntu', sans-serif;}

/*About頁面 */
#about {
	margin-top: 85px;
}
#about h3 {

	line-height: 150%;
	margin-bottom: 30px;
}
.aboutsection1 {
	display: block;
	min-height: 600px;
	/*height: 315px;*/
	width: 100%;
	padding-top: 5%;
	padding-bottom: 5%;
	box-sizing: border-box;
	background-color: #ffffff;
	color: #000000;
}
.aboutsection2 {
	display: block;
	width: 100%;
	padding-top: 30px;
	padding-bottom: 85px;
	box-sizing: border-box;
	background-color: #ffffff;
	color: #000000;
	/*text-align: center;*/
}
.aboutsection2 h3{
	font-family: 'Roboto', sans-serif;	
}

.core {
	width: 100%;
	max-width: 420px
}
.core img {
	padding: 50px 0;
}
.core h4 {
	color: #008DC9;
	font-size: 24px;
	margin-bottom: 15px;
}
.core ul {
	padding-left: 25px;
	font-family: 'Roboto', sans-serif;
}
.core ul li {
	list-style: disc;
}


/*Jobs -- AWESOME BRIAN */
.jobs_KV {
	display: block;
	width: 100%;
	height: 70%;
	padding: 30% 5% 0;
	background: #000000 url(../img/jobs_KV.jpg) center center no-repeat;
	background-size: cover;
	text-align: center;
}

@media (min-width: 767px) {
.jobs_KV {
	padding: 15% 20% 0 20%;
}
}
.jobs_KV span {
	display: block;
	margin-top: 5%;
	color: #ffffff;
	font-size: 18px;
}
.jobs_KV h2 {
	font-size: 48px;
	color: #ffffff;
	margin-top: 10px;
	margin-bottom: 40px;
}
.jobs_KV p {
	color: #ffffff;
}
.selectsection {
	width: 100%;
	height: 75px;
	background: #000;
}
.select {
	position: relative;
	display: inline-block;
	margin: 15px 0;
	width: 100%;
}
.select select {
	border:solid 1px #DC582A;
	display: inline-block;
	width: 100%;
	cursor: pointer;
	padding: 10px 20px;
	outline: 0;
	border-radius: 0;
	background: #fff;
	color: #666666;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}

.select select::-ms-expand {
 display: none;
}
.select select:hover, .select select:focus {
	color: #000;
	background: #fff;
}
.select select:disabled {
	opacity: 0.5;
	pointer-events: none;
}
.select__arrow {
	position: absolute;
	top: 18px;
	right: 15px;
	width: 0;
	height: 0;
	pointer-events: none;
	border-style: solid;
	border-width: 8px 5px 0 5px;
	border-color: #DC582A transparent transparent transparent;
}
.select select:hover ~ .select__arrow, .select select:focus ~ .select__arrow {
	border-top-color: #DC582A;
}
.select select:disabled ~ .select__arrow {
	border-top-color: #ccc;
}

@media (min-width: 767px) {
.select {
	width: 240px;
}
}
.jobsection {
	display: block;
	width: 100%;
	padding-top: 30px;
	padding-bottom: 85px;
	box-sizing: border-box;
	background-color: #ffffff;
	color: #000000;
}
.rwd-table {
	background: #fff;
	overflow: hidden;
	border: solid 1px #DDD;
}
.rwd-table tr:nth-of-type(2n) {
	background: #f2f2f2;
}
.rwd-table th,  .rwd-table td {
	margin: 0.5em 1em;
}
.rwd-table {
	min-width: 100%;
}
.rwd-table th {
	display: none;
}
.rwd-table td {
	display: block;
}
.rwd-table td:before {
	content: attr(data-th) " ";
	font-weight: bold;
	display: inline-block;
}
.rwd-table th, .rwd-table td {
	text-align: left;
}
.rwd-table th, .rwd-table td:before {
	color: #008FC5;
	font-weight: bold;
}
.job_date {
	color: #666;
}
.job_title {
	color: #000;
	font-size: 18px;
	font-weight: 400;
}
.job_location {
	color: #009D99;
}
.job_location img {
	margin-right: 5px;
}
.job_buton {
	padding: 15px 0;
	margin: 0;
}

@media (min-width: 767px) {
.rwd-table td:before {
	display: none;
}
.rwd-table th, .rwd-table td {
	display: table-cell;
	padding: 0.25em 0.5em;
}
.rwd-table th:first-child,  .rwd-table td:first-child {
	padding-left: 0;
}
.rwd-table th:last-child,  .rwd-table td:last-child {
	padding-right: 0;
}
.rwd-table th,  .rwd-table td {
	padding: 2em 1em !important;
}
.job_date {
	width: 160px;
}
.job_title {
	color: #000;
	font-size: 18px;
	font-weight: 900;
}
.job_location {
	color: #009D99;
	font-size: 18px;
	font-weight: 400;
	width: 160px;
}
.job_buton {
	width: 240px;
}
}


.job_page {
	margin-top: 85px;
	padding-top:30px;
	min-height:82%;
}

.job_page h3 span {
	margin-left: 30px;
}
.job_page h3 {
	word-break: normal;
}
.job_page h4 {
	color:#DC582A;
	margin-top: 30px;
	margin-bottom: 50px;
	text-align: center;
	font-family: 'Roboto', sans-serif;
}

.job_page .job_location {
	padding-top: 20px;
}

/*presskit -- AWESOME BRIAN */
#presskit {
	margin-top: 85px;
	padding-top:30px;
	min-height:82%;
}
#presskit h3 {
	font-size: 48px;
	line-height: 150%;
}
.press_date {
	color: #666;
}
.press_title {
	color: #000;
	font-size: 18px;
	font-weight: 400;
}
.press_download  {
	color: #009D99;
	text-decoration:none;
}
.press_download a:hover {
	opacity:0.75;
	color: #009D99;
	text-decoration:none;
}
.press_download a img {
	margin-right: 5px;
	margin-top:-10px;
}

@media (min-width: 767px) {
.press_date {
	width: 160px;
}
.press_title {
	color: #000;
	font-size: 18px;
	font-weight: 900;
}
.press_download {
	color: #009D99;
	font-size: 18px;
	font-weight: 400;
	width: 160px;
}
}



/*legal -- AWESOME BRIAN */
#legal {
	margin-top: 85px;
	padding-top:30px;
	min-height:82%;
}
#legal h3 {
	font-size: 48px;
	line-height: 150%;
}
#legal h4 {
	color:#DC582A;
	color:#DC582A;
}


/*tooltip*/
.tooltip-inner {
  background: linear-gradient(to right,#DC582A, #E57600);
  color: #fff;
}

.tooltip.bottom .tooltip-arrow {
  border-bottom-color: #00acd6;
}

.tooltip.top .tooltip-arrow {
  border-top-color: #00acd6;
}

/*product new*/

#product_intro .product .tooltip-inner {
  background-color: #fff;
  color: #000;
}

a.product_gradient_button {
	position:absolute;
	padding: 10px 18px;
	color: #ffffff;
	border-radius: 999em;
	background: linear-gradient(to right,#DC582A, #E57600);
	clear: both;	
}
a:hover.product_gradient_button {
	color: #ffffff;
	text-decoration: none;
}


img.svg{
	float: left;
	margin-right: 10px;
}


/*developer program*/


#developer_ba_img{
	background-image: url(../img/developer_program_01.jpg);
	background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	height: 60%;
	margin-top: 85px;
}



@media (min-width: 768px) and (max-width: 1024px){
#developer_ba_img{
	background-image: url(../img/developer_program_01_1024.jpg);
	background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	height: 30%;
	margin-top: 85px;
}
}

@media (max-width: 640px){
#developer_ba_img{
	background-image: url(../img/developer_program_01_640.jpg);
	background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	height: 20%;
	margin-top: 85px;
}
}


#developer_ba_img h1{
	color: #fff;
	padding-top: 90px;

}

#developer_ba_img p{
	color: #fff;
	padding: 0px;
}

#developer_product{
    padding-top: 50px;
	padding-bottom: 80px;
}

#developer_product h6{
	color: #DC582A;
	padding-top: 10px;
}

#developer_product_join .index_partner{
    padding-top: 80px;
	padding-bottom: 80px;	
	display: block;
	width: 100%;
	text-align: center;
	background: linear-gradient(to right,#DC582A, #E57600);	
}

#developer_product_join h3{
	padding-bottom: 20px;
	font-weight: 900;
	color: #fff;
}

#developer_product_join h4{
	text-align: left;
	line-height: 89px;
	padding-left: 100px;
	color: #fff;
	font-size: 18px;
	padding-top: 0px;
}

#developer_product_join h4.steptext{
	text-align: left;
	line-height:1.3;
	padding-left: 100px;
	color: #fff;
	font-size: 18px;
	padding-top: 10px;
}


@media (min-width: 1024px) and (max-width: 1366px){
#developer_product_join h4{
	text-align: left;
	line-height: 89px;
	padding-left: 100px;
	color: #fff;
	font-size: 15px;
	padding-top: 0px;
}

#developer_product_join h4.steptext{
	text-align: left;
	line-height:1.3;
	padding-left: 100px;
	color: #fff;
	font-size: 15px;
	padding-top: 10px;
}

}


@media (max-width: 575.98px) {
#developer_product_join h4{
	text-align: left;
	line-height: 1.2;
	padding-left: 100px;
	color: #fff;
	font-size: 13px;
	padding-top: 30px;
}

#developer_product_join h4.steptext{
	text-align: left;
	line-height:1.2;
	padding-left: 100px;
	color: #fff;
	font-size: 13px;
	padding-top: 10px;
}
}



#developer_product_join ul{
	background-image: url(../img/developer_program_join_06.png);
	background-position: left;
	background-repeat: repeat-y;
}


#developer_product_join ul li.step1{
	background-image: url(../img/developer_program_join_01.png);
	background-repeat: no-repeat;
	height:89px;
}

#developer_product_join ul li.step2{
	background-image: url(../img/developer_program_join_02.png);
	background-repeat: no-repeat;
	height:89px;
}

#developer_product_join ul li.step3{
	background-image: url(../img/developer_program_join_03.png);
	background-repeat: no-repeat;
	height:89px;
}
#developer_product_join ul li.step4{
	background-image: url(../img/developer_program_join_04.png);
	background-repeat: no-repeat;
	height:89px;
}


#Legal_Disclaimer{
	padding-top: 100px;
	padding-bottom: 80px;
}

#Legal_Disclaimer iframe{
	width: 100%;
	height: 300px;
	border: solid 2px #cccccc;
}

#Legal_Disclaimer h3{
	padding-bottom: 20px;
	font-weight: 900;
	font-size: 30px;
}
#legal_disclaimer h5{
	padding-bottom: 80px;
	text-align: center;
}
.Legaltext{
	padding: 30px;
	line-height: 1.5;
}

.Legaltext h4{
	font-size: 18px;
	font-weight: 700;
	padding-top: 10px;
}

#Legal_Disclaimer .col-lg-12{
	margin-top: 30px;
}
#Legal_Disclaimer .checkbox{
	padding-bottom: 20px;
}

/*footer */
.web_footer {
position: relative;}
.web_footer ul li ul li::after{
        content: none;
}

@media (min-width: 986px){
	.dropdown-menu.dropbottom{
		top:auto;
		bottom: 30px;
	}

	.web_footer ul li ul li{
		float: none;
	}
}
@media (max-width: 985px) {
	.web_footer .dropdown-menu{
		position: absolute;
		display: none;
	}
	.web_footer .dropdown:hover .dropdown-menu{
		display: block;
	}
}
#contactus{
    margin-top: 85px;
    padding-top: 30px;
    min-height: 82%;
}

#questions{
	padding: 80px 0px;
	background-color: #000000;
	border-bottom: 1px solid #242424;
}


#questions h3{
	padding-bottom: 20px;
	font-weight: 900;
	font-size: 30px;
	color: #DC582A;
}

#questions h5{
	padding: 30px 0px;
	text-align: center;
	color: #fff;
}






#questions .panel {
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #333;
  background: none;
  box-shadow: none;
}

#questions .panel:last-child {
  border-bottom: none;
}

#questions .panel-group > .panel:first-child .panel-heading {
  border-radius: 4px 4px 0 0;
}

#questions .panel-group .panel {
  border-radius: 0;
}

#questions .panel-group .panel + .panel {
  margin-top: 0;
}

#questions .panel-heading {

  border-radius: 0;
  border: none;
  color: #fff;
  padding: 0;
}

#questions .panel-title a {
  display: block;
  color: #fff;
	padding: 15px 35px 15px 15px;
  position: relative;
  /*font-size: 16px;*/
  font-weight: 600;
	  text-decoration:none;
}
#questions .panel-heading.active .panel-title a{color: #DC582A; background-color: #000;}

#questions .panel-body {
  /*background: #fff;*/
	color: #fff;
}

#questions .panel-body dl{
	font-size: 14px;
 margin-bottom: 0px;
margin-left: 0px;
}

#questions .panel-body p{
	font-size: 14px;
}

.panel:last-child .panel-body {
  border-radius: 0 0 4px 4px;
}

#questions .panel:last-child .panel-heading {
  border-radius: 0 0 4px 4px;
  transition: border-radius 0.3s linear 0.2s;
}

#questions .panel:last-child .panel-heading.active {
  border-radius: 0;
  transition: border-radius linear 0s;
}
/* #bs-collapse icon scale option */

#questions .panel-heading a:before {
  content: '\f2c7';
  position: absolute;
  font-family: 'Ionicons';
  right: 5px;
  top: 10px;
 color: #DC582A;
  transition: all 0.5s;
  -webkit-transform: scale(1);
          transform: scale(1);
	 border: 1px solid #0098ac;
	border-radius: 50%;
	padding: 5px;
  width: 30px;
  height: 30px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}

#questions .panel-heading.active a:before {
  content:  '';
  transition: all 0.5s;
  -webkit-transform: scale(0);
          transform: scale(0);
}

#bs-collapse .panel-heading a:after {
  content:'';
 color: #DC582A;
  position: absolute;
  font-family: 'Ionicons';
  right: 5px;
  top: 10px;
  -webkit-transform: scale(0);
          transform: scale(0);
  transition: all 0.5s;
	border: 1px solid #0098ac;
	border-radius: 50%;
	padding: 5px;
  width: 30px;
  height: 30px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}

#bs-collapse .panel-heading.active a:after {
  content: '\f2f4';
  -webkit-transform: scale(1);
          transform: scale(1);
  transition: all 0.5s;
}







/***warranty service***/

#warranty-service{
	margin-top: 85px;
	padding: 80px 10px;

}

#warranty-service h2{
	font-size: 36px;
	border-bottom: 1px solid #eee;
	padding-bottom: 15px;
}

#warranty-service h4{
	padding-left: 40px;
	padding-top: 20px;
}

#warranty-service p.service-text{
	padding-left: 40px;
	padding-top: 20px;	
}
#warranty-service .information{
	padding-top: 80px;
}
#warranty-service em{
	font-size: 18px;
}


#warranty-service h4{ color: #DC582A;}


/*Jobs -- AWESOME BRIAN */
.purchase_KV {
	display: block;
	width: 100%;
	height:55%;
	background: #000000 url(../img/purchase_KV.jpg) center center no-repeat;
	background-size: cover;
	text-align: center;
}

@media (min-width: 767px) {
.purchase_KV {
	padding: 15% 20% 0 20%;
}
}
.purchase_KV span {
	display: block;
	margin-top: 5%;
	color: #ffffff;
	font-size: 18px;
}
.purchase_KV h2 {
	font-size: 48px;
	color: #ffffff;
	margin-top: 10px;
	margin-bottom: 40px;
}
.purchase_KV p {
	color: #ffffff;
}
.purchase_nav{
	width: 100%;
	background: #000;
}
.purchase_nabar{
	width: 100%;
	max-width:760px;
	background: #000;
	margin: 0 auto;
	padding:45px 0;
}

.purchase_nabar li a{
height: 60px;
display: block; 
padding: 18px 15px;	
background: #000;
border: 1px solid #DC582A;
color:#fff;
}

.purchase_nabar li a:focus{
background: linear-gradient(to right,#DC582A, #E57600);
}
#purchase {
font-weight: 300;
	min-height: 82%;}

#purchase h3 {
    font-size: 48px;
    line-height: 150%;
}
#purchase h2 {
    font-size: 36px;
    border-bottom: 1px solid #eee;
	padding-bottom: 15px;}


#purchase h4 {
	color: #DC582A;}

.purchase_select {
	position: relative;
	display: inline-block;
	margin:0;
	width: 100%;
}
.purchase_select select {
	border:solid 1px #DC582A;
	display: inline-block;
	width: 100%;
	cursor: pointer;
	padding: 10px 20px;
	outline: 0;
	border-radius: 0;
	background: #fff;
	color: #666666;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}

.purchase_select select::-ms-expand {
 display: none;
}
.purchase_select select:hover, .select select:focus {
	color: #000;
	background: #fff;
}
.purchase_select select:disabled {
	opacity: 0.5;
	pointer-events: none;
}
.purchase_select__arrow {
	position: absolute;
	top: 18px;
	right: 15px;
	width: 0;
	height: 0;
	pointer-events: none;
	border-style: solid;
	border-width: 8px 5px 0 5px;
	border-color: #DC582A transparent transparent transparent;
}
.purchase_select select:hover ~ .select__arrow, .select select:focus ~ .select__arrow {
	border-top-color: #DC582A;
}
.purchase_select select:disabled ~ .select__arrow {
	border-top-color: #ccc;
}

@media (min-width: 767px) {
.purchase_select {
	width: 280px;
	margin-right: 20px;
}
}
.purchase_select input {
    border: solid 1px #DC582A;
    display: inline-block;
    width: 100%;
    cursor: pointer;
    padding: 10px 20px;
    outline: 0;
    border-radius: 0;
    background: #fff;
    color: #666666;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}
.reseller  { margin-bottom:30px;  }
.reseller p { margin:0 }
.reseller a { padding-top:15px; display: block;  float: left; padding-right: 13px;}
.reseller h4 {color:#000!important; font-size: 18px;}



/**Dev Support**/
#devsupport {
	margin-top: 110px;
	padding-top: 30px;
	min-height: 82%;
}
#devsupport .nav li {
	background: #f6f6f6;
}
#devsupport .nav li a {
	color: #666;
	padding: 25px 30px
}
#devsupport .nav li a:hover {
	background: #eeeeee;
}
#devsupport .nav .active a {
	color: #fff;
	padding: 0px 0px 10px 0px;
}
#devsupport .nav .active a:hover {
	background: none;
}
#devsupport .nav .active {
	background: linear-gradient(to right, #DC582A, #E57600);
	padding: 25px 30px;
}
#devsupport .nav .active dl dt a {
	color: #333;
	font-weight: 300;
	padding: 5px 0px;
	display: block;
}
#devsupport .nav dl {
	margin: 0
}
#devsupport .nav dl dt .active {
	color: #000!important;
	font-weight: bold!important;
}
#devsupport .nav dl a:hover {
	text-decoration: none;
	color: #000!important;
	background: none
}
#devsupport h3 {
	margin-bottom: 60px;
	font-size: 48px;
}
#devsupport h4 {
	font-size: 30px;
}
#devsupport p {
	color: #333
}
.dev_download p{
	font-size: 21px;
	color: #000;}

.dev_download span {
	font-size: 15px;
	color: #666;
	font-weight: 300;
	display: inline-block;
	margin-right: 30px;
}
.dev_news .list {
border-bottom: solid 1px #ccc;
background: url(../img/dev_news_arrow.png) no-repeat;
	background-position: 98% center;
	display: block;
	padding: 25px 60px 25px 15px;
}
.dev_news .list a{ color: #000; }
.dev_news .list a:hover{ text-decoration: none;}
.dev_newsdetail {padding:30px 5%;}
.dev_newsdetail h3{font-size: 36px!important; margin-top:0!important;}
.dev_newsdetail .date{font-size: 21px}

.dev_faq .panel {margin: 0!important; }
.dev_faq .panel-collapse {border: none!important; }
.dev_faq > .panel-default > .panel-heading{background: none; }
.dev_faq > .panel-default {border: none;   border-bottom: solid 1px #ccc; }
.dev_faq .panel-title {font-size: 16px!important;}
.dev_faq .panel-title a{display: block; padding: 25px 18px 25px 10px;}
.dev_faq .panel-title a:hover, a:focus{text-decoration: none;}
.dev_faq .panel-title a{background: url(../img/down.png) center right no-repeat;}
.dev_faq .panel-body {color:#666!important; padding:0 25px 25px 25px }
/**首頁輪播按鈕先關掉**/
#promo_Carousel .gradient_button { display:none }
#promo_Carousel .carousel-indicators  { display:none }