/*********************************************************************************************

CSS3 + jQuery Content Accordion
"CSS3 + jQuery Content Accordion" that was specially made for DesignModo by our friend Valeriu Timbuc. 

Links:
http://vtimbuc.net/
https://twitter.com/vtimbuc
http://designmodo.com/futurico
http://vladimirkudinov.com
http://rockablethemes.com

 *********************************************************************************************/

.mt35{margin-top:35px}

.accordion,.accordion div,.accordion h1,.accordion p,.accordion a,.accordion img,.accordion span,.accordion em,.accordion ul,.accordion li {
	margin: 0;
	padding: 0;
	outline: none;
	border: none;
}

/* Accordion Layout Styles */

.accordion {
	margin-top:47px;
	width:100%;
	padding: 1px 5px 5px 0px;

	/*padding: 1px 5px 5px 5px;*/

	/*background: #141517;*/

	-webkit-box-shadow: 0px 1px 0px rgba(255,255,255, .05);
	-moz-box-shadow: 0px 1px 0px rgba(255,255,255, .05);
	box-shadow: 0px 1px 0px rgba(255,255,255, .05);

	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;

	/*position:fixed;*/
	height: calc(100% - 100px);
	bottom:100px;
}

.accordion .tab {
	display: block;
	/*height: 35px;*/
	/*height: 122px;*/
	margin-top: 10px;
	/*padding-left: 20px;*/
	/*font: bold 12px/35px Arial, sans-serif;*/
	/*text-decoration: none;
	color: #eee;
	
	text-shadow: 1px 1px 0px rgba(0,0,0, .2);


	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	/*border-radius: 2px;*/

	/*border-radius: 0px 0px 0px 6px;

	/*background: #6c6e74; /* Old browsers */
	/*background: -moz-linear-gradient(top,  #6c6e74 0%, #4b4d51 20%); /* FF3.6+ */
	/*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6c6e74), color-stop(20%,#4b4d51)); /* Chrome,Safari4+ */
	/*background: -webkit-linear-gradient(top,  #6c6e74 0%,#4b4d51 20%); /* Chrome10+,Safari5.1+ */
	/*background: -o-linear-gradient(top,  #6c6e74 0%,#4b4d51 20%); /* Opera 11.10+ */
	/*background: -ms-linear-gradient(top,  #6c6e74 0%,#4b4d51 20%); /* IE10+ */
	/*background: linear-gradient(top,  #6c6e74 0%,#4b4d51 20%); /* W3C */


	/*background: #6c6e74;  Old browsers 
	background: -moz-linear-gradient(top,  #6c6e74 0%, #4b4d51 20%); FF3.6+ 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6c6e74), color-stop(20%,#4b4d51));  Chrome,Safari4+ 
	background: -webkit-linear-gradient(top,  #6c6e74 0%,#4b4d51 20%);  Chrome10+,Safari5.1+ 
	background: -o-linear-gradient(top,  #6c6e74 0%,#4b4d51 20%);  Opera 11.10+ 
	background: -ms-linear-gradient(top,  #6c6e74 0%,#4b4d51 20%); IE10+ 
	background: linear-gradient(top,  #6c6e74 0%,#4b4d51 20%);  W3C */



	/*-webkit-box-shadow: 0px 1px 0px rgba(0,0,0, .1), inset 0px 1px 0px rgba(255,255,255, .1);
	-moz-box-shadow: 0px 1px 0px rgba(0,0,0, .1), inset 0px 1px 0px rgba(255,255,255, .1);
	box-shadow: 0px 1px 0px rgba(0,0,0, .1), inset 0px 1px 0px rgba(255,255,255, .1);*/
}


.accordion .tab.tab01 { /*box-shadow: 0 -10px 10px rgba(0,0,0,0.07);*/ border-radius:0 0 15px 0;}
.accordion .tab.tab02 { /*box-shadow: 0 -10px 10px rgba(0,0,0,0.07);*/}
.accordion .tab.tab03 { /*box-shadow: 0 -10px 10px rgba(0,0,0,0.07);*/}
.accordion .tab.tab04 { /*box-shadow: 0 -10px 10px rgba(0,0,0,0.07);*/}
.accordion .tab.tab05 { /*box-shadow: 0 -10px 10px rgba(0,0,0,0.07);*/}



#tab-1{position:relative; z-index:5;}
#tab-2{position:relative; z-index:4;}
#tab-3{position:relative; z-index:3;}
#tab-4{position:relative; z-index:2;}
#tab-5{position:relative; z-index:1;}


.accordion .tab:hover,
.accordion div:target .tab,
.accordion .active {
	/*color: #2b3b06;
	
	text-shadow: 0px 1px 0px rgba(255,255,255, .15);*/

	/*background: #c8c1ba;  /* Old browsers 
	background: -moz-linear-gradient(top,  #c8c1ba 0%, #c8c1ba 50%); /* FF3.6+ 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c8c1ba), color-stop(50%,#c8c1ba)); /* Chrome,Safari4+ 
	background: -webkit-linear-gradient(top,  #c8c1ba 0%,#c8c1ba 50%); /* Chrome10+,Safari5.1+ 
	background: -o-linear-gradient(top,  #c8c1ba 0%,#c8c1ba 50%); /* Opera 11.10+ 
	background: -ms-linear-gradient(top,  #c8c1ba 0%,#c8c1ba 50%); /* IE10+ 
	background: linear-gradient(top,  #c8c1ba 0%,#c8c1ba 50%); /* W3C */



	/* ¹é¾÷¿ë 20240118
	background: #a5cd4e; 
	background: -moz-linear-gradient(top,  #a5cd4e 0%, #6b8f1a 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a5cd4e), color-stop(100%,#6b8f1a)); 
	background: -webkit-linear-gradient(top,  #a5cd4e 0%,#6b8f1a 100%); 
	background: -o-linear-gradient(top,  #a5cd4e 0%,#6b8f1a 100%); 
	background: -ms-linear-gradient(top,  #a5cd4e 0%,#6b8f1a 100%); 
	background: linear-gradient(top,  #a5cd4e 0%,#6b8f1a 100%); */

	/*-webkit-box-shadow: 1px 1px 1px rgba(0,0,0, .3), inset 1px 1px 1px rgba(255,255,255, .45);
	-moz-box-shadow: 1px 1px 1px rgba(0,0,0, .3), inset 1px 1px 1px rgba(255,255,255, .45);
	box-shadow: 1px 1px 1px rgba(0,0,0, .3), inset 1px 1px 1px rgba(255,255,255, .45);*/
}

.accordion div .content {
	display: none;
}

.accordion div:target .content {
	display: block;
}

/*.accordion > div {
	overflow: hidden;
}*/


.accordion > div {
	overflow: hidden;
	/*margin:-20px 0px -0px 0px;*/

	margin:-30px -4px -10px 0px;
}

/* Accordion Content Styles */

.accordion .content h1 {
	color: white;
	font: 18px/32px Arial, sans-serif;
}

.accordion .content p {
	margin: 10px 0;
	color: white;
	font: 11px/16px Arial, sans-serif;
}

.accordion .content span {
	font: italic 11px/12px Georgia, Arial, sans-serif;
	color: #4f4f4f;
}

.accordion .content em.bullet {
	width: 5px;
	height: 5px;
	margin: 0 5px;
	background: #6b8f1a;
	display: inline-block;

	-webkit-box-shadow: inset 1px 1px 1px rgba(255,255,255, 0.4);
	-moz-box-shadow: inset 1px 1px 1px rgba(255,255,255, 0.4);
	box-shadow: inset 1px 1px 1px rgba(255,255,255, 0.4);

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.accordion .content ul li {
	list-style: none;
	float: left;
	margin: 5px 10px 5px 0;
}

.accordion .content img {
	/*padding-top: 5px;
	-webkit-box-shadow: 2px 2px 6px rgba(0,0,0, .5);
	-moz-box-shadow: 2px 2px 6px rgba(0,0,0, .5);
	box-shadow: 2px 2px 6px rgba(0,0,0, .5);*/
}