@charset "utf-8";
/* 內文style */



.inquireth{
	color: #666;
	text-align: center;
	background-color: #B7B7B7;
	background-image: url(../member_titlebg.png);
	background-repeat: repeat-x;
	background-position: bottom;
}

.line01{
	height:1px;
	border-bottom:#999 dotted 1px;
	margin:0 0 10px;
}

.title02{
	font-size: 16px;
	font-weight:500;
	padding: 15px 0 15px 25px;
	color: #639004;
	background: url(../icon16.png) no-repeat left 18px;
}

.pagetitle02{
	text-align: center;
    color: rgba(252,252,252,1);
    background: rgba(147, 199, 49, 0.9);
    padding: 8px 0;
    margin: 15px 0 !important;
	font-size: 15px !important;
	font-weight:500;
    border-radius: 4px;
}



.style01{
	border: 1px solid #ffffff; 
	padding: 15px; 
	margin: 20px 0px; 
	border-collapse: collapse; 
}

.style01 thead tr{
	background:#ccdddc;
}

.style01 thead tr th{
	color: #153b3b;
	text-align:center;
	padding:6px 10px;
	font-weight:bold;
}

.style01 tbody td{
	text-align:center;
	padding:8px 10px;
}

.style01 tr:nth-of-type(even){
	background:#FFF;
}


.download{
	border-top:#999 dotted 1px;
	padding:15px 0;
}

.download::after{
	content:"";
	display:block;
	clear:both;
}

.download p{
	float:left;
	margin:5px 15px 10px 0;
}

.download ul{
	float:left;
}

.download ul li{
	float:left;
	list-style-type:none;
	padding:5px 20px 5px 45px;
	margin-right:10px;
	border-radius:3px;
	background:url(../icon17.png) no-repeat 15px 5px , #b9d2d2;
}

.download ul li:hover{
	background:url(../icon17.png) no-repeat 15px 5px , #5c8787;
}

.download ul li a{
	color:#365F61;
}

.download ul li:hover a{
	color:#FFF;
}


/* 內頁公司簡介 */

.history{
	background:url(../profile_03.jpg) no-repeat center top;
}

.history ul{
	margin:0 !important;
	padding:15px 0 10px;
	background:url(../profile_02-1.jpg) no-repeat 85px top;
	background-size: 3px 100%;
}

.history ul li{
	list-style-type:none;
	margin:0 0 12.5px;
}

.history ul li::after{
	content:"";
	display:block;
	clear:both;
}

.history ul li .year{
	width: 76px;
	float:left;
	font-size:15px;
	font-weight:bold;
	margin:3px 0 0 0;
}

.colorpoint{
	width: 9px;
	height: 9px;
	float: right;
	border-radius: 100%;
	overflow: hidden;
	margin:4px 0 0 5px;
}


.history ul li p{
	width: calc(100% - 88px);
	float:left;
	margin:0 0 0 12px;
	padding-top: 2px;
}


.history02{
	background:url(../profile_03-2.jpg) no-repeat center bottom;
}

.history02 ul{
	margin:0;
	padding:20px 0 15px;
	background:url(../profile_02.png) no-repeat 100px top;
}

.history02 ul li{
	list-style-type:none;
	margin:10px 0 12.5px;
}

.history02 ul li:last-of-type{
	margin:0 0 0;
}

.history02 ul li::after{
	content:"";
	display:block;
	clear:both;
}

.history02 ul li h1{
	width:80px;
	float:left;
	font-size:15px;
	margin:3px 40px 0 0;
}

.history02 ul li p{
	float:left;
	margin:0;
}


.serve{
}

.serve::after{
	content:"";
	display:block;
	clear:both;
}

.serve dl{
	width:150px;
	float:left;
	margin:0 15px 0 0;
	padding:0;
}

.serve dl dt{
	width:100%;
	padding:5px 0;
	margin-bottom:6px;
	color:#FFF;
	text-align:center;
	border-radius:4px;
}

.serve dl dd{
	padding:5px 0 5px 18px;
	line-height:18px;
	background:url(../icon08.png) no-repeat 5px 9px;
}

.serve dl:nth-of-type(1) dt{
	background:#57B09C;
}

.serve dl:nth-of-type(2) dt{
	background:#4DA3C4;
}

.serve dl:nth-of-type(3) dt{
	background:#8676D3;
}

.serve dl:nth-of-type(4) dt{
	background:#C99E50;
}

.serve dl:nth-of-type(5) dt{
	background:#069;
}

.serve dl:nth-of-type(5){
	margin-right:0;
}




.customers{
	margin: 0 0 10px !important;
	padding: 0 !important;	
}

.customers li{
	width: 100%;
	float: left;
	margin: 0 0 10px;
	list-style: none;
}

.customers li img{
	width: 100%;
	height: auto;
}


@media  (min-width: 480px) {
	
	.customers li{
	width: calc(100%/4 - 10px);
	float: left;
	margin: 0 calc(10px*4/3) 0 0;
	list-style: none;
	}
	
	.customers li:nth-of-type(4n){
		margin-right: 0;
	}
	
	.customers li:nth-of-type(4n+1){
		clear: left;
	}
}




.customers_title{
}

@media  (min-width: 768px) {
	.customers_title{
		width:17%;
		float: left;
		border-collapse: collapse;
		margin: 0 3% 15px 0;
	}
	
	.customers_title:nth-of-type(5){
		margin-right: 0;
	}
}

.customers_title h4{
	padding: 8px 10px;
	margin: 15px 0;
	font-size: 15px !important;
	color: #fff;
	text-align: center;
	border-radius: 4px;
}

.customers_title ul li{
	padding-left: 13px;
	background: url(../icon08.png) no-repeat left 4px;
}





a.button01{
	padding:5px 10px;
	border-radius:4px;
	color:#FFF;
	background:#58aba0;
}

a.button01:hover{
	color:#FFF;
	background:#247b70;
}

a.button01:visited{
	color:#FFF;
}


.grouptitle{
	margin:25px 0 20px;
	padding-bottom:8px;
	background:url(../icon14.png) no-repeat 40px bottom;
}
.grouptitle h1{
	margin:0 !important;
	padding:8px 10px;
	text-align:center;
	font-size:15px !important;
	color:#FFF !important;
	background:#007e83;
	border-radius:4px;
}



.locatlist{
	margin:40px 0 !important;
	padding:0;
	border-top:#CCC dotted 1px;
}

.locatlist li{
	list-style-type:none;
	padding:30px 0;
	border-bottom:#CCC dotted 1px;
}

.locatlist li:last-of-type{
	border-bottom:none;
}

.locatlist li::after{
	content:"";
	display:block;
	clear:both;
}

.locatlist li .pic{
	width:223px;
	float:left;
	margin-right:20px;
}

.locatlist li .pic img{
	border-radius:4px;
}

.locatlist li h1{
	
	font-size: 17px;
	font-weight: bold;
	margin: 0 0 10px;
}

.locatlist li:nth-of-type(1) h1{
	color: #078f3c;
}

.locatlist li:nth-of-type(2) h1{
	color: #cb0f1d;
}

.locatlist li:nth-of-type(3) h1{
	color: #ea560e;
}

.locatlist li:nth-of-type(4) h1{
	color: #611e87;
}



.award{
	padding:0 !important;
	margin:20px 0 0 !important;
}

.award li{
	margin:0 0 20px !important;
	padding: 0 0 0 25px;
	list-style-type:none;
	background:url(../icon15.png) no-repeat left top;
}

.maplist{
}

.maplist ul{
	margin:0;
	padding:0;
}

.maplist ul::after{
	content:"";
	display:block;
	clear:both;
}

.maplist ul li{
	width:200px;
	float:left;
	text-align:center;
	margin:0 30px 10px 15px;
	padding:15px 10px;
	list-style-type:none;
	border-radius:4px;
	background:rgba(255,255,255,0.6);
}

.maplist ul li .line{
	border-top:#999 dashed 1px;
	padding-top:10px;
}



/* 內頁最新消息 */

.newslist{
}

.newslist ul{
	padding:15px 0 0;
	margin:0;
}

.newslist ul li{
	padding:0 0 20px;
	margin-bottom:20px;
	border-bottom:#CCC dotted 1px;
}

.newslist ul li::after{
	content:"";
	display:block;
	clear:both;
}

.newslist ul li .pic{
	width:173px;
	float:left;
	margin-right:15px;
}

.newslist ul li dl{
	width:615px;
	float:left;
}

.newslist ul li dl dt{
	font-size:15px;
	font-weight:bold;
}

.newslist ul li dl dd:first-of-type{
	font-size:13px;
	color:#88A5C1;
}

.newslist ul li dl dd{
	color:#666;
}

.newslist ul li:hover dl dd{
	color: #5397BB;
}


/* 內頁開發製造 */


.capab_list{
	margin: 0 !important;
	padding: 0 !important;
}

.capab_list li{
	float: left;
	list-style-type: none;
	padding:15px 10px;
	text-align: center;
	border-radius: 3px;
	background: rgb(228, 234, 237);
}

.capab_list li img{
	width: auto;
	max-height: 140px;
}


@media  (min-width: 768px) {
	.capab_list li{
		width: calc(100%/4 - 30px);
		min-height: 180px;
		margin: 0 calc(10px*4/3) 10px 0;
	}

	
	.capab_list li:nth-of-type(4n){
		margin-right: 0;
	}

	.capab_list li:nth-of-type(4n+1){
		clear: left;
	}
	
	.capab_list li img{
	width: auto;
	max-height: 120px;
	}
}


@media  (max-width: 767px) {
	.capab_list li{
		width: calc(50% - 30px);
		margin: 0 10px 10px 0;
	}
	
	.capab_list li:nth-of-type(2n){
	margin-right: 0;
	}

	.capab_list li:nth-of-type(2n+1){
	clear: left;
	}

}


@media  (max-width: 399px) {
	.capab_list li{
		width: 100%;
		margin: 0 0 10px 0;
	}
}



/* 得獎紀錄 */

.award{
	padding:0 !important;
	margin:20px 0 0 !important;
}

.award li{
	margin:0 0 20px !important;
	padding: 0 0 0 25px;
	list-style-type:none;
	background:url(../icon15.png) no-repeat left top;
}



.award_list{
	margin: 0 !important;
	padding: 0 !important;
}

.award_list li{
	float: left;
	list-style-type: none;
	padding:15px 10px;
	text-align: center;
	border-radius: 3px;
}

.award_list li img{
	max-width: 100%;
	height: auto;
}



@media  (min-width: 768px) {
	.award_list li{
	width: calc(100%/4 - 25px);
	margin: 0 calc(5px*4/3) 10px 0;
	}
	
	.award_list li:nth-of-type(4n){
	margin-right: 0;
	}

	.award_list li:nth-of-type(4n+1){
	clear: left;
	}

}


@media  (max-width: 767px) {
	.award_list li{
	width: calc(50% - 25px);
	margin: 0 10px 10px 0;
	}
	
	.award_list li:nth-of-type(2n){
	margin-right: 0;
	}

	.award_list li:nth-of-type(2n+1){
	clear: left;
	}

}

@media  (max-width: 399px) {
	.award_list li{
		width: 100%;
		margin: 0 0 10px 0;
	}
}






/* 內頁投資人專區 */

.investor_class{
}

.investor_class > ul{
	margin:0;
	orphans:0;
}

.investor_class > ul::after{
	content:"";
	display:block;
	clear:both;
}

.investor_class > ul > li{
	width:177px;
	min-height:365px;
	position:relative;
	float:left;
	padding:0 0 50px;
	margin:0 12px 20px;
}

.investor_class > ul > li:nth-of-type(1){
	background:url(../investors_01.png) no-repeat center top , url(../investors_07.png) no-repeat center bottom , url(../investors_08.png) repeat-y center top;
}
.investor_class > ul > li:nth-of-type(2){
	background:url(../investors_02.png) no-repeat center top , url(../investors_07.png) no-repeat center bottom , url(../investors_08.png) repeat-y center top;
}
.investor_class > ul > li:nth-of-type(3){
	background:url(../investors_03.png) no-repeat center top , url(../investors_07.png) no-repeat center bottom , url(../investors_08.png) repeat-y center top;
}
.investor_class > ul > li:nth-of-type(4){
	background:url(../investors_04.png) no-repeat center top , url(../investors_07.png) no-repeat center bottom , url(../investors_08.png) repeat-y center top;
}
.investor_class > ul > li:nth-of-type(5){
	background:url(../investors_05.png) no-repeat center top , url(../investors_07.png) no-repeat center bottom , url(../investors_08.png) repeat-y center top;
}
.investor_class > ul > li:nth-of-type(6){
	background:url(../investors_06.png) no-repeat center top , url(../investors_07.png) no-repeat center bottom , url(../investors_08.png) repeat-y center top;
}

.investor_class > ul > li h1{
	width:70%;
	height:109px;
	color:#FFF;
	font-size:18px;
	padding:15px 15%;
	text-align:center;
	

}

.investor_class > ul > li h1 .number{
	font-size:36px;
	font-weight:bold;
	margin:20px 0 10px;
	letter-spacing:2px;
}

.investor_class > ul > li .con{
	height:160px;
	padding:35px 15px 0;
	overflow:hidden;
}

.investor_class > ul > li .more a{
	position:absolute;
	bottom:40px;
	left:50%;
	display:block;
	margin-left:-25px;
	border-radius:20px;
	padding:0 10px;
	color:#FFF;
	background:#C6D5DD;
}

.investor_class > ul > li .more a:hover{
	background:#9ab6c6;
}

.investor_class > ul > li .con ol{
	padding-left:15px;
}

.investor_class > ul > li .con ol li{
	list-style-type:decimal;
}


.investor_list{
}

.investor_list ul{
}

.investor_list ul li{
	display:block;
	max-width:100%;
	padding-left:9px;
	margin:5px 0 20px;
	box-sizing:border-box;
	background:url(../icon09.png) no-repeat left center;
}

.investor_list ul li dl{
	border-radius:4px;
	overflow:hidden;
}

.investor_list ul li dl::after{
	content:"";
	display:block;
	clear:both;
}

.investor_list ul li dl dt{
	width:130px;
	float:left;
	color:#FFF;
	text-align:center;
	padding:5px 10px;
	background:#9dbabd;
}

.investor_list ul li dl dd{	
	padding:5px 10px;	
	white-space: nowrap;
    overflow: hidden;
    text-overflow:ellipsis;
	
	background:rgba(255,255,255,0.5);
}




/* 創新技術 */

.nasa{
}

@media  (max-width: 767px) {
	.nasa{
		display: block;
		text-align: center;
	}
	.nasa tr , .nasa tbody , .nasa tr td{
		display: block;
		text-align: center;
	}
	
}




/* 內頁功能 */
.capabilitiesbg01{
	padding-right:300px;
	min-height:196px;
	background:url(../capabilities_01.jpg) no-repeat right bottom;
}


/* 內頁與我聯絡 */
.contacttable{
	width:100%;
}
.contactpic{
	width: 200px;
	float: left;
	height: 480px;
	margin-left: 10px;
}
/* 內頁檔案下載 */

#downloadtitle {
		-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-right: 2%;
	padding-left: 2%;
	margin-bottom: 15px;
	float: left;
	width: 710px;
}

#downloadtitle .download {
	text-align: center;
	float: right;
	width: 15%;
	visibility: visible;
	border-left: 1px dotted #666;
	margin-right: 10px;
	display: inline;
}

#downloadlist{
	float: left;
	width: 96%;
	visibility: visible;
	padding-bottom: 20px;
	padding-right: 2%;
	padding-left: 2%;

}
#downloadlist ul{

}
#downloadlist li{
	float: left;
	width: 680px;
	margin-bottom: 9px;
	padding-bottom: 8px;
	visibility: visible;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #555555;
	float: left;
	width: 97%;
	padding-left: 18px;
	visibility: visible;
	border-bottom: 1px dotted #CCC;
	background-image: url(../bullet.gif);
	background-repeat: no-repeat;
	background-position: 6px 7px;
}
.download_icon{
	float: right;
	width: 100px;
	text-align: center;
	font-size: 11px;
}
#downloadlist li A:link {
	color:#404040;
	text-decoration:none
}
#downloadlist li A:visited {
	color:#404040;
	text-decoration:none
}
#downloadlist li A:hover {
	color:#039;
	text-decoration:none
}
/* 內頁問與答 */

.faq_list{
	width: 100%;
	overflow: hidden;
	float: left;
	margin-bottom: 20px;
}
.faq_list a { color:#01B2F1;}
.faq_list a:hover { 
	color: #FFF; 
	text-decoration: none;
}
.faq_list dt {
	height: 32px;
	cursor: pointer;	
	padding-left: 30px;
	line-height: 30px;
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: bold;
	font-size: 13px;
	color: #604C3F;
	border-bottom:#8BB2C0 dashed 1px;
	background: url(../icon_q.png) no-repeat left 8px;
}
.faq_list .open {
	color: #604C3F;
	font-weight: bold;
	font-size: 13px;
	cursor: default;
	background: url(../icon_a.png) no-repeat left 7px;
}
.faq_list .title {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; 
	font-size: 13px; 
	color: #01b2f1; 
	padding: 0 0 0 40px; 
	line-height: 30px;
}	
.faq_list .date {
	float: left;
	color: #1F9287;
	font-weight: bold;
	font-size: 13px;
	margin-right: 20px;
}		

.faq_list dd {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	height: auto;
	margin: 0;
	position: relative;
	overflow: hidden;
	background: url(../newsopenbgmid.jpg) repeat-x bottom;
	padding:0 20px;
}
#faqlist .answer{
	background: url(../icon_a.png) no-repeat left 5px;
	padding-left: 25px;
}
.faq_list .text2 {
	font-size: 12px;
	color: #666666;
	padding-top: 10px;
	padding-bottom: 20px;
}



.faq_list .text2 ul{}
.faq_list .text2 li {
	WIDTH: 310px;
	FLOAT: left;
	HEIGHT: 90px;
	margin-top: 0px;
	margin-right: 15px;
	margin-bottom: 30px;
	margin-left: 15px;
	text-align: left;
}
.faq_list .text2 li img {

	FLOAT: left;

}
.faq_list .text2 li .content {
	FLOAT: right;
	width: 190px;
	font-size: 12px;
	padding-top: 7px;
	padding-bottom: 7px;
	font-weight: normal;
	color: #666;

}


/* 內頁會員登入 */
#memberloginbg{
	background: url(../memberlogin_bg.jpg) no-repeat;
	height: 175px;
	width: 580px;
	padding-top: 150px;
	padding-left: 61px;
	margin-left: 30px;
}
#memberloginbg .icon{
	height: 63px;
	width: 86px;
	float: left;
	background-image: url(../icon_login1.gif);
	background-repeat: no-repeat;
}


/* 內頁產品 */

.explanation{
	margin-bottom:20px;
}

.product_list{
	border-top:#BEBEBE dashed 1px;
	padding:30px 0 15px;
}

.product_list.noborder{
	border:none;
}

.product_list .title{
	color:#537902;
	font-size:16px;
	font-weight:bold;
	margin-bottom:15px;
	padding-left:25px;
	background:url(../icon16.png) no-repeat left center;
}

.product_list ul{
	margin:0;
	padding:0;
}

.product_list ul::after{
	content:"";
	display:block;
	clear:both;
}

.product_list ul li{
	width:calc(100%/4 - 10px);
	float:left;
	margin:0 calc(10px*4/3) 20px 0;
	list-style-type:none;
}

.product_list ul li:nth-of-type(4n){
	margin-right:0;
}

.product_list ul li:nth-of-type(4n+1){
	clear:left;
}

.product_list ul li .pic{
	width:100%;
	height:160px;
	border-radius:4px;
	overflow:hidden;
	margin-bottom:10px;
	background:#FFF;
	
	display: flex;
    align-items: center;
    justify-content: center;
}

.product_list ul li .pic img{
	width:100%;
}

.product_list ul li h1{
	text-align:center;
	font-size:14px;
}

.product_list ul li p{
	text-align:center;
	font-size:14px;
}




/* IE6 hack */
.productpicbig span{
	height:100%; 
	display:inline-block;
	}
 
/* 讓table-cell下的所有元素都居中 */
.productpicbig *{ vertical-align:middle;}

.productdetail{
	width: 50%;
	float: left;
	margin-top: 10px;
}
.productdetail h2{
	
	border-bottom: 1px dashed #999;
	font-size: 18px;
	font-weight: bold;
	color: #039;
	line-height: 30px;
	padding-left: 25px;
	margin-bottom: 10px;
	background: url(../bullet.gif) no-repeat 7px;
	
}
.productdetail .content{
	float: left;
	margin-bottom:0 15px 15px 15px;
}
.spic{
	float: left;
	border: 1px solid #CCC;
	padding: 1px;
	height: 90px;
	width: 90px;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	margin-top: 7px;
	margin-bottom: 7px;
	margin-left: 18px;

}
/* IE6 hack */
.spic span{
	height:100%; 
	display:inline-block;
	}
 
/* 讓table-cell下的所有元素都居中 */
.spic *{ vertical-align:middle;}

.productdetail2{
	float: left;
	margin-top: 20px;
	width: 100%;
}
.productdetail2 h3{
	background-color: #EBEBEB;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-right: 2%;
	padding-left: 2%;
	margin-bottom: 15px;
	text-align: left;
	width: 96%;
	font-size: 18px;
	font-weight: bold;
}
.productdetail2 .content{
	float: left;
	padding-right: 2%;
	padding-left: 2%;
	width: 96%;
	padding-top: 8px;
}

/*--------------------------------------------------------------------------------詢價清單*/	
.addinquiry {
	float: right;
	width: 100%;
	margin-bottom: 10px;
	text-align: right;
	
}

/*--------------------------------------------------------------------------------SITEMAP*/	
.sitemap {
	float: left;
	width: 100%;
}
.sitemap ul{float: left;
	width: 100%;}
.sitemap ul li {
	float: left;
	text-align: center;
	margin-right: 19px;
	margin-bottom: 25px;
	margin-left: 19px;
	width: 28%;
}
.sitemap ul li h4 a{
	font-size: 18px;
	text-align: center;
	color: #10673D;
	font-family: "微軟正黑體";
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #47B009;
	line-height: 30px;
	width: 100%;
	
	float: left;
	margin-bottom: 8px;
}
.sitemap ul li ul {
	margin:0;
	list-style:none;
	visibility: visible;
	float: left;
	padding: 0;
	width: 100%;
}


.sitemap ul li ul li {
	display: block;
	float: left;
	text-decoration: none;
	color: #333;
	padding-bottom: 5px;
	width: 88%;
	padding-left: 12%;
	font: 12px/18px Verdana, Arial, Helvetica, sans-serif;
	padding-top: 5px;
	text-align: left;
	background-image: url(../dot2.png);
	background-repeat: no-repeat;
	background-position: 10px 11px;
	border-bottom-width: 1px;
	border-bottom-style: none;
	border-bottom-color: #a3a3a3;
	margin: 0px;
}
/* 內頁相簿-------------*/

#awOnePageButton .view-slide
{
	display: none;
}

/* This class is removed after the showcase is loaded */
/* Assign the correct showcase height to prevent loading jumps in IE */
.showcase-load
{
	height: 470px; /* Same as showcase javascript option */
	overflow: hidden;
}

/* Container when content is shown as one page */
.showcase-onepage
{
	/**/
}

/* Container when content is shown in slider */
.showcase
{
	position: relative;
	margin: auto;
}

	.showcase-content-container
	{
		background-color: #ccc;
	}
	
	/* Navigation arrows */
	.showcase-arrow-previous, .showcase-arrow-next
	{
		position: absolute;
		background: url('../arrows.png');
		width: 33px;
		height: 33px;
		top: 220px;
		cursor: pointer;
	}
	
	.showcase-arrow-previous
	{
		left: -40px;
	}
	
	.showcase-arrow-previous:hover
	{
		background-position: 0px -34px;
	}
	
	.showcase-arrow-next
	{
		right: -40px;
		background-position: -34px 0;
	}
	
	.showcase-arrow-next:hover
	{
		background-position: -34px -34px;
	}
	
	/* Content */
	.showcase-content
	{
	background-color: #666;
	text-align: center;
	}
		
		.showcase-content-wrapper
		{
			text-align: center;
			height: 470px;
			width: 700px;
			display: table-cell;
			vertical-align: middle;
		}
		
		/* Styling the tooltips */
		.showcase-plus-anchor
		{
			background-image: url('../plus.png');
			background-repeat: no-repeat;
		}
		
		.showcase-plus-anchor:hover
		{
			background-position: -32px 0;
		}
		
		div.showcase-tooltip
		{
			background-color: #fff;
			color: #000;
			text-align: left;
			padding: 5px 8px;
			background-image: url(../white-opacity-80.png);
		}
		
		/* Styling the caption */
		.showcase-caption
		{
			color: #000;
			padding: 8px 15px;
			text-align: left;
			position: absolute;
			bottom: 10px; left: 10px; right: 10px;
			display: none;
			background-image: url(../white-opacity-80.png);
		}
		
	.showcase-onepage .showcase-content
	{
		margin-bottom: 10px;
	}
	
	/* Button Wrapper */
	.showcase-button-wrapper
	{
		clear: both;
		margin-top: 10px;
		text-align: center;
	}
	
		.showcase-button-wrapper span
		{
			margin-right: 3px;
			padding: 2px 5px 0px 5px;
			cursor: pointer;
			font-size: 12px;
			color: #444444;
		}
	
		.showcase-button-wrapper span.active
		{
			color: #fff;
		}
	
	/* Thumbnails */
	.showcase-thumbnail-container /* Used for backgrounds, no other styling!!! */
	{
		background-color: #ccc;
	}
	
	.showcase-thumbnail-wrapper
	{
		overflow: hidden;
	}
		
		.showcase-thumbnail
		{
	width: 120px;
	height: 90px;
	cursor: pointer;
	border: 1px solid #999;
	position: relative;
		}
		
			.showcase-thumbnail-caption
			{
				position: absolute;
				bottom: 2px;
				padding-left: 10px;
				padding-bottom: 5px;
			}
			
			.showcase-thumbnail-content
			{
				padding: 10px;
				text-align: center;
				padding-top: 25px;
			}
			
			.showcase-thumbnail-cover
			{
	background-image: url(../black-opacity-40.png);
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
			}
		
		.showcase-thumbnail:hover
		{
	border: 1px solid #666;
		}
		
			.showcase-thumbnail:hover .showcase-thumbnail-cover
			{
				display: none;
			}
		
		.showcase-thumbnail.active
		{
			border: solid 1px #666;
		}
		
			.showcase-thumbnail.active .showcase-thumbnail-cover
			{
				display: none;
			}
	
	.showcase-thumbnail-wrapper-horizontal
	{
		padding: 10px;
	}
	
		.showcase-thumbnail-wrapper-horizontal .showcase-thumbnail
		{
			margin-right: 10px;
			width: 116px;
		}
	
	.showcase-thumbnail-wrapper-vertical
	{
		padding: 10px;
	}
	
		.showcase-thumbnail-wrapper-vertical .showcase-thumbnail
		{
			margin-bottom: 10px;
		}
		
	.showcase-thumbnail-button-backward,
	.showcase-thumbnail-button-forward
	{
		padding: 7px;
		cursor: pointer;
	}
	
	.showcase-thumbnail-button-backward
	{
		padding-bottom: 0px;
		padding-right: 0px;
	}

	
		.showcase-thumbnail-button-backward .showcase-thumbnail-vertical,
		.showcase-thumbnail-button-forward .showcase-thumbnail-vertical,
		.showcase-thumbnail-button-forward .showcase-thumbnail-horizontal,
		.showcase-thumbnail-button-backward .showcase-thumbnail-horizontal
		{
			background-image: url(../arrows-small.png);
			background-repeat: no-repeat;
			display: block;
			width: 17px;
			height: 17px;
		}
		
		.showcase-thumbnail-button-backward .showcase-thumbnail-vertical
		{
			background-position: 0 -51px;
			margin-left: 55px;
		}
		.showcase-thumbnail-button-backward:hover .showcase-thumbnail-vertical
		{
			background-position: -17px -51px;
		}
		
		.showcase-thumbnail-button-forward .showcase-thumbnail-vertical
		{
			background-position: 0 -34px;
			margin-left: 55px;
		}
		.showcase-thumbnail-button-forward:hover .showcase-thumbnail-vertical
		{
			background-position: -17px -34px;
		}
		
		.showcase-thumbnail-button-backward .showcase-thumbnail-horizontal
		{
			background-position: 0 -17px;
			margin-top: 40px;
			margin-bottom: 40px;
		}
		.showcase-thumbnail-button-backward:hover .showcase-thumbnail-horizontal
		{
			background-position: -17px -17px;
		}
		
		.showcase-thumbnail-button-forward .showcase-thumbnail-horizontal
		{
			background-position: 0 0;
			margin-top: 40px;
			margin-bottom: 40px;
		}
		.showcase-thumbnail-button-forward:hover .showcase-thumbnail-horizontal
		{
			background-position: -17px 0;
		}
		
		/* Hide button text */
		.showcase-thumbnail-button-forward span span,
		.showcase-thumbnail-button-backward span span
		{
			display: none;
		}