.nbs-flexisel-container {
	position: relative;
	max-width: 100%;
}
.nbs-flexisel-ul {
	position: relative;
	width: 9999px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	text-align: center;
}
.nbs-flexisel-inner {
	overflow: hidden;
	width:90%;
	margin: 0 auto;
}
.nbs-flexisel-item {
	float: left;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
	position: relative;
	/*line-height: 0px;*/
}
.nbs-flexisel-item > img {
	cursor: pointer;
	positon: relative;
	max-width: 100%;
}
/*** Navigation ***/
.nbs-flexisel-nav-left, .nbs-flexisel-nav-right {
	width: 46px;
	height: 100px;
	position: absolute;
	cursor: pointer;
	z-index: 100;
}

.nbs-flexisel-nav-left {
    left: 10px;
	background: url("../images/button-previous.png") no-repeat 0;
}
.nbs-flexisel-nav-right {
    right: 5px;
	background: url("../images/button-next.png") no-repeat 0;
}
#idxprocarousel .item { height:130px; }
#idxprocarousel .item, #idxprocarousel .caption { margin:0 3px; padding:0 3px; white-space:nowrap; overflow:hidden; text-overflow : ellipsis;}

/* ============== */
#content{ padding: 0;}
.index_container #content{padding: 0;}
/*.index-pro { margin: 4em auto; }*/
.index-pro .col-md-3 { position: relative; width: 24%; margin: 0.5%; padding: 0; }
.index-pro .col-md-3 * { transition: all 0.3s ease-in-out; }
.index-pro .col-md-3 .image { border: #bdbdbd 1px solid; }
.index-pro .col-md-3:hover .image { box-shadow: #000 0 0 20px inset; }
.index-pro .col-md-3:hover .image img { opacity: 0.5; }
.index-pro .col-md-3 .pro-series {width: 60%; position: absolute; top: 8%;left: 6%; font-size: 25px; font-style: italic; color: #000; font-weight: 300;}
.index-pro .col-md-3:hover .pro-series { color: #ff6701; }
.view{position: absolute; top: 70%; left: 6%;}
.view a{ color:#fff; background-color: #ff6701; font-size: 18px; border-radius: 4px; padding:12px 13px; font-family: 'Roboto Condensed'; font-weight: 300; font-style: italic;}
.view a:hover{background-color: #0f3399; text-decoration: none; }
.index-pro .col-md-12 { margin: 40px 0;}
.flex-box { display: -ms-flexbox; display: flex; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }

.index-new { background: url(../images/index/index-combg.jpg) no-repeat center center; width: 50%; position: relative;}
.index-new .col-md-4 { display: block; }
.index-new > h3 {font-weight: 400;font-size: 52px;margin-top: 65px; margin-bottom: 0.5em; text-transform:uppercase; position: relative; z-index: 1;}
.index-new > h3 a { color: #333333; }
.index-new > h3 a:hover { text-decoration: none; }
.index-news { width: 100%; background: rgba(255,255,255,.8); transition: all 0.3s ease-in-out; position: relative;border-radius: 4px;}
a.indexnews-link { width: 100%; height: 100%; display: block; background: rgba(0,0,0,0); position: absolute; left: 0; top: 0; z-index: 999;}
.index-news img { display: none;}
.index-news:hover { background: rgba(255,255,255,1); box-shadow: 0 0 10px #666; }
.index-news .thumbnail { padding: 15px; background: url(../images/arrow-index.png) no-repeat right 5% top 50%; transition: all 0.3s ease-in-out;margin-bottom:0 }
.index-news:hover .thumbnail { padding: 15px; background: url(../images/arrow-index.png) no-repeat right 3% top 50%; }
.index-news h3 { margin: 0; }
.index-news h3 span { display: block; }
.index-news h3 .msgtitle_span { font-size: 21px; margin-bottom: 15px; }
.index-news h3 .msgdate_span { font-size: 18px; color: #a7a7a7;}
.index-news h3 a:hover, #index_company h3{ text-decoration: none; }
.thumbnail .caption {padding: 9px 9px 20px 9px;}
#index_company h3 { color: #333333; font-weight: 400; text-transform:uppercase;}
.index-com_profile_news h3{font-size: 32px; margin-top:0;text-transform: uppercase; font-weight: 400;margin-bottom:20px}
.index-com { background: #efefef; width: 50%; position: relative;}
#index_company h3 a:hover{ text-decoration: none;}
.index-com .more a {  padding: 12px 26px; color: #fff; display: inline-block; background: #ffc926; font-size: 16px; text-transform:uppercase; border-radius: 4px;}
.com-main p{ color:#333333; font-weight: 300; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical;  -webkit-line-clamp: 5; line-height: 1.5;margin: 0;}
.com-main .more{padding-top: 30px;}
.index-com_profile_news { padding: 40px 0 ;}
.index_news_textarea { z-index: 1; position: relative; max-width: 900px; float: right; padding: 0 30px 0 20px; width: 100%;}
#index_company{max-width: 900px; padding: 0 20px 0 30px;}

.index-map{ width: 100%; margin: auto; position: relative; background: url(../images/index/index-global-bg.jpg) center bottom ; background-size: cover; }

.globalarea{display: table;}
.index_globalmap_img { padding: 70px 0; display: table-cell;}
.index-map .index-map-text {color: #333333;font-size: 20px;font-weight: 300;width: 38%; display: table-cell; vertical-align: middle;}
.index-map .index-map-text .title { font-size: 32px; color: #ffc926; display: inline-block; font-weight: bolder;}



/*product_block*/
.index_probox {
/*    width: calc(100%/3 - 31px); *//*3顆產品*/
	width: calc(100%/4 - 30px);/*4顆產品*/
    float: left;
    border: 1px solid #eee;
	position: relative;
	margin:15px;
	border-radius: 8px;
}

.tab-img {
    float: right;
	padding: 15px 15px 15px 0;
/*	width: 70%;*/
}

.index_probox .tab-name h3 {
    position: absolute;
    top: 0;
    left: 5%;
	width: 60%;
}

.index_morebtn {
    position: absolute;
    bottom: 13%;
    left: 5%;
}

.index_morebtn a {
    padding: 12px 30px;
    background: #ffc926;
    color: #fff;
	border-radius: 4px;
}

.index-pro .index_probox:hover .index_morebtn a, .index-com .more a:hover {
    background: #ff9e13;
	text-decoration: none;
	transition: ease 0.3s;
}
.index-pro .index_probox:hover {
    box-shadow: rgba(51, 51, 51, 0.2) 0 0 20px inset;
	transition: ease 0.5s;
}

.index-pro .index_probox:hover h3 a {
    color: #ff9e13;
}


/*project*/
ul.index_project {
    background: rgba(0, 139, 210, 0.85);
    color: #fff;
	padding: 25px 20px;
	max-width: 450px;
}
ul.index_project li {
    position: relative;
    line-height: 2;
    padding-left: 22px;
}

ul.index_project li:before {
    position: absolute;
    content: "";
    width: 6px;
    height: 6px;
    top: 17.5px;
    left: 9px;
    border-radius: 50%;
    background: #fff;
}

.index_probox > a {
    width: 100%;
    height: 100%;
    display: block;
    background: rgba(0,0,0,0);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 999;
}
.over_bg {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
	top: 0;
    background: #ffffff;
    background: -moz-linear-gradient(left, #ffffff 0%, #ffffff 100%);
    background: -webkit-linear-gradient(left, #ffffff 0%,#ffffff 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0.4) 30%,rgba(255, 255, 255, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 );
    z-index: 0;
}
.banner_des .ban_xs { display: none;}






@media (max-width:1700px) {
  .index-pro .col-md-3 .pro-series { font-size: 23px;}
}

@media (max-width:1500px) {
	.index-news .thumbnail, .index-news:hover .thumbnail { background-size: 20px; background-position:  top 35% right 5%; }
	.index-news h3 .msgtitle_span { font-size: 18px; margin-bottom: 5px; line-height: 1.5;}
    .view a {font-size: 15px;padding: 11px 12px;}
}	
	
@media (max-width:1366px) {
  .index-pro { margin: 0;}
  .index-pro .col-md-3 {width: 32%;}
  .index-map .index-map-text .title {font-size: 34px;}
}

@media (max-width:1280px){
	.index_probox .tab-name h3{font-size:22px;top: 0;}
	.index-com_profile_news h3 , .index-map .index-map-text .title{font-size: 28px;}
	.index_morebtn a{padding: 12px 18px;}
	.index-map .index-map-text li{font-size: 18px;}
	ul.index_project li:before{width: 5px; height: 5px; top: 15px;}
	ul.index_project{padding: 16px 12px;}
}

@media (max-width:1200px) {
	#index_container #content { padding: 0;}
	.index-com_profile_news{padding-left: 0; padding-right: 0;}
}

@media (max-width:1099px){
	.index_probox .tab-name h3{margin-top: 10px; font-size: 20px;}
	.tab-img{padding: 20px 15px 15px 0;}
	.index_morebtn a{padding: 8px 16px;}
	.index_morebtn{bottom: 16px;}
}
@media (max-width:1024px){
	body{font-size: 15px;}
}
@media (max-width: 991px) {
	.index-pro .col-md-4 { float: left; }
	.index-pro .col-md-4 .pro-series { font-size: 1.5em; }
	.index-pro .col-md-4 .view { max-width: 80px; }
	.flex-box { display: block; }
	.index-com, .index-new { width: 100%; margin: 0; }
	.index-com .com { padding-left: 6%; }
	.index-new > h3 { margin-bottom: 1em; margin-top: 4%; }
	.thumbnail .caption { padding: 14px 25px 14px 0; }
	#content .col-md-3{ float:left;}
	.index-pro .col-md-3 {width: 48%; margin:0 1% 2% 1%;}
	.index-map .index-map-text { display: block; width: auto;max-width: 700px;margin:0 auto 50px}
	.index_globalmap_img{display: block; padding-bottom:20px;padding-top:40px}
	
	.index_probox .tab-name h3{ font-size: 17px; margin-top: 10px;}
	.index_morebtn{ left: 5%; bottom: 18px;}
	.index_morebtn a{padding: 10px 16px;}
	.index_morebtn a , .index-com .more a{ font-size: 15px;}
/*	.tab-img{ width: 65%;}*/
	.index_news_textarea{float: none;}
	#index_company , .index_news_textarea{padding: 0 20px;max-width: none;}
	.index-pro .col-md-12{margin: 0;}
/*	.com-main p { font-size: 16px;}*/
	ul.index_project{
		max-width: none;;
	}
	
	.index-pro{padding-top: 15px ;padding-bottom: 15px;} 
	.index_probox{ width: calc(100%/2 - 30px); margin-top: 15px; margin-bottom: 15px;}/*4顆產品*/
}
@media (max-width:768px) {
	.index-com .com { width: 95%; padding-left: 5%; }
	.index-news { width: 100%; }
/*	.index_probox{ width: 100%; margin: 10px 0;}*//*3顆產品*/
/*	.index_probox .tab-name h3{top: 30px;}*//*3顆產品*/
/*	.index_morebtn{bottom: 48px;}*//*3顆產品*/
/*	.tab-img{padding: 0 5% 0 25%;}*//*3顆產品*/
/*	.index_products_block.row { margin-left: 0; margin-right: 0;}*/ /*3顆產品*/
	.index-pro {
    padding: 20px 20px 30px;
}
}
@media (max-width:640px) {
	#maincarousel .swiper-slideimg, #maincarousel .swiper-slideimg img { display: none;}
	.banner_des .ban_xs, .banner_des .ban_xs img { display: block;}
	.index-pro .col-md-4 { width: 48%; margin: 1%; }
	.index-pro .col-md-3 {width: 72%; margin: 0 14% 3% 14%;}
	.index-com_profile_news{
		padding:30px 0;
	}
	.index_morebtn{bottom: 8%;}
	.tab-img{  padding: 10px 30px 10px 0; float: right; /*width: 45%;*/}
	ul.index_project{ padding: 20px; width: 100%;}
	.index-new{ background: url(../images/index/index-combg.jpg) no-repeat center bottom;}
	.index_probox{ width: 100%;}
	.index_morebtn { bottom: 15%; position: absolute;}
	.index_globalmap_img{padding: 30px 0 20px;}
	.index-pro{padding: 8px 20px 20px;}
	.index_products_block.row { margin-left: 0; margin-right: 0;}/*4顆產品*/
	.index_probox{ margin: 10px 0;}/*4顆產品*/

}
@media (max-width:480px) {
	.index-pro .col-md-4 .pro-series { font-size: 18px; }
	.index-pro .col-md-4 .view { max-width: 60px; }
	.index-pro .col-md-3 {width: 90%; margin: 3% 5%;}
	.index-com_profile_news h3{font-size: 28px; }
	.index-com .more a {padding: 12px 16px; font-size: 15px;}
	.index_probox .tab-name h3{top: 0;}
	.index_morebtn a , .index-com .more a {padding: 10px 20px; font-size: 13px;}
	.index-news h3 .msgtitle_span{overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}}

@media (max-width:425px) {
	.index-pro .col-md-4 .pro-series { font-size: 16px; }
	.com-main p, .index-map .index-map-text {font-size: 16px;}
	.index-pro{margin:1.5% 0;}
	.index_probox .tab-name h3 { font-size: 16px;margin-top: 10px; width: 50%; line-height: 1.2;}
	

}
@media (max-width:375px) {
	.index-com .com { padding-left: 0; }
	.index-pro .col-md-4 { width: 97%; margin: 1em auto; float: none; }
	.index-pro .col-md-4 .pro-series { font-size: 2em; }
	.index-pro .col-md-4 .view { max-width: 80px; }
	.index-new > h3 { margin-bottom: 1em; }
	.index-news .thumbnail, .index-news:hover .thumbnail { background-size: 20px; background-position:  top 35% right 5%; padding: 0 15px; }
	.index-news h3 .msgtitle_span { font-size: 18px; margin-bottom: 5px; }
	.index-com .more a { margin:20px 0 0 0;}
	.index-com .more a {padding: 9px 12px; font-size: 14px;}
	.view a {font-size: 14px;}
	.index-new > h3{margin-top: 1em;}
	
	
}

@media (max-width:320px) {
	.index-pro .col-md-3 .pro-series {font-size: 19px;}
	.index-map .index-map-text .title{ font-size: 20px;}
	ul.index_project{padding: 15px 10px;}
	
}