strong { font-weight: bold; }

.basic_txt {color: #231815;}

.minitxt {
	font-size: 10px;
	color: #7e7e7e;
}


/* ----- Header ----- */
.header .navbar {
    margin: 0px;
}

.header .navbar-inner {
    border: none;
    background: #dbe000;
    box-shadow: none;
    margin: 0px;
}

.header_bg {
	background: #dbe000;
	padding: 0;
    margin: 0px;
}

.header h1 {
    float: left;
    margin: 12px 0px 0px 0px;
    text-align: center;
}


.logo {
	width: 240px;
    float: left;
    position: relative;
    margin: 0;
    padding:21px 0px 0px 0px;
}

.sholder{
   position: absolute;
   top:11px;
   left: 77px;
    text-align:left;
	font-weight: normal;
	font-size: 11px;
	color: #fff;
	white-space: nowrap;
}



.header ul.nav {
    font-size: 14px;
    font-weight: normal;
    text-shadow: none;
}

.header ul.nav li a {
    font-weight: normal;
    text-shadow: none;
	margin:0;
    padding: 25px 15px;
    color: #333;
    text-shadow: none;
    transition: background 0.5s;
}

.header ul.nav li a:hover {
	background: #01b054;
    color: #dbe000;
}

.header ul.nav li.current-page a {
	background: #01b054;
    color: #dbe000;
    padding: 25px 15px;
}

.header ul.nav li.last a {
    border-right:none; 
    /* border-right:solid 1px #7e7e7e;  */
}



/* facebook設定 */
.facebook-wrapper {
    max-width: 500px;
    margin: 0 auto;
    border:solid 1px #4267b2;
    margin-bottom: 20px;
    height: 345px !important;
	padding: 15px;
}
.facebook-wrapper > .fb-page {
    width: 100%;
    height: 345px !important;	
}
.facebook-wrapper > .fb-page > span,
.facebook-wrapper iframe {
    width: 100% !important;
    height: 345px !important;
}



#main {
  min-height: 100%;
  padding: 0px 0px 200px 0px;
}


/* ----- Presentation ----- */

.presentation {
    margin-top: 0px;
}

.presentation p {
    font-size: 18px;
}


/* ----- What we do ----- */

.what-we-do {
    margin-top: 0px;
    margin-bottom: 10px;
}




/* ----- Footer ----- */


footer {
    margin: 0 auto;
    background: #dbdbdb;
}

footer .widget {
    margin-top: 20px;
    text-align: left;
}

footer .widget h4 {
    margin-top: 20px;
    font-family: 'Droid Sans', Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #5d5d5d;
    text-transform: uppercase;
    text-shadow: 0 1px 0 rgba(255,255,255,.7);
}

footer .widget p {
    line-height: 24px;
}

footer .widget i {
    padding-right: 7px;
}



footer .footer-border {
    margin-top: 30px;
    border-top: 1px dashed #ddd;
}

footer .copyright {
	text-align: center;
	font-size: 13px;
	padding: 10px;
	color: #7e7e7e;
}


.mem_01 {
	width:15%;
	float: left;
	padding: 5px;
}

.mem_02 {
	width: 77%;
	float: left;
	padding: 5px;
}













/* ----- Media queries ----- */

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

    .what-we-do .service p, .portfolio .work p {
        padding-left: 10px;
        padding-right: 10px;
    }

	.mem_01 {
		width:18%;
		float: left;
		padding: 5px;
	}
	
	.mem_02 {
		width: 73%;
		float: left;
		padding: 5px;
	}

/* facebook設定 */
.facebook-wrapper {
    max-width: 500px;
    margin: 0 auto;
    border:solid 1px #4267b2;
    margin-bottom: 20px;
    height: 286px !important;
	padding: 15px;
}
.facebook-wrapper > .fb-page {
    width: 100%;
    height: 286px !important;	
}
.facebook-wrapper > .fb-page > span,
.facebook-wrapper iframe {
    width: 100% !important;
    height: 286px !important;
}


	
}

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

.logo {
	width: 220px;
    float: left;
    position: relative;
    margin: 0;
    padding:15px 0px 0px 0px;
}

.sholder{
   position: absolute;
   top:5px;
   left: 70px;
    text-align:left;
	font-weight: normal;
	font-size: 11px;
	color: #fff;
	white-space: nowrap;
}

.header ul.nav {
    font-size: 16px;
    font-weight: normal;
    margin:10px 0px 20px 0px;
}

.header ul.nav li a {
    padding: 10px 15px;
    color: #333;
    background: #fff;
	-moz-border-radius:5px; /* Firefox */
	-webkit-border-radius:5px; /* Safari and chrome */
	-khtml-border-radius:5px; /* Linux browsers */ 
	border-radius:5px; /* CSS3 */	
	margin:0px 0px 10px 0px;
    text-shadow: none;
}

.header ul.nav li.current-page a {
	background: #01b054;
    color: #dbe000;
    padding: 10px 15px;
	-moz-border-radius:5px; /* Firefox */
	-webkit-border-radius:5px; /* Safari and chrome */
	-khtml-border-radius:5px; /* Linux browsers */ 
	border-radius:5px; /* CSS3 */	
	margin:0px 0px 10px 0px;
    text-shadow: none;
}

.header ul.nav li a:hover {
	background: #01b054;
    color: #dbe000;
    text-shadow: none;	
}

    .header ul.nav li a i, .header ul.nav li a br {
        display: none;
    }

    .what-we-do .service p, .portfolio .work p {
        padding-left: 10px;
        padding-right: 10px;
    }

	.mem_01 {
		width:23%;
		float: left;
		padding: 5px;
	}
	
	.mem_02 {
		width: 65%;
		float: left;
		padding: 5px;
	}

/* facebook設定 */
.facebook-wrapper {
    max-width: 500px;
    margin: 0 auto;
    border:solid 1px #4267b2;
    margin-bottom: 20px;
    height: 223px !important;
	padding: 15px;
}
.facebook-wrapper > .fb-page {
    width: 100%;
    height: 223px !important;	
}
.facebook-wrapper > .fb-page > span,
.facebook-wrapper iframe {
    width: 100% !important;
    height: 223px !important;
}



}





@media (max-width: 767px) {

    body {
        padding-left: 0;
        padding-right: 0;
    }

    .what-we-do, .portfolio {
        padding: 0 20px;
    }
    .slider {
        padding: 0;
    }


.logo {
	width: 220px;
    float: left;
    position: relative;
    margin: 0px 0px 0px 0px;
    padding:15px 0px 5px 0px;
}

.sholder{
   position: absolute;
   top:5px;
   left: 70px;
    text-align:left;
	font-weight: normal;
	font-size: 11px;
	color: #fff;
	white-space: nowrap;
}

.header ul.nav {
    font-size: 16px;
    font-weight: normal;
    margin:10px 0px 20px 0px;
}

.header ul.nav li a {
    padding: 5px 10px;
    color: #333;
    background: #fff;
	-moz-border-radius:5px; /* Firefox */
	-webkit-border-radius:5px; /* Safari and chrome */
	-khtml-border-radius:5px; /* Linux browsers */ 
	border-radius:5px; /* CSS3 */	
	margin:0px 0px 10px 0px;
    text-shadow: none;
}

.header ul.nav li.current-page a {
	background: #01b054;
    color: #dbe000;
    padding: 5px 10px;
	-moz-border-radius:5px; /* Firefox */
	-webkit-border-radius:5px; /* Safari and chrome */
	-khtml-border-radius:5px; /* Linux browsers */ 
	border-radius:5px; /* CSS3 */	
	margin:0px 0px 10px 0px;
    text-shadow: none;
}

.header ul.nav li a:hover {
	background: #01b054;
    color: #dbe000;
    text-shadow: none;	
}

    .header ul.nav li a i, .header ul.nav li a br {
        display: none;
    }

    .what-we-do .service p, .portfolio .work p {
        padding-left: 10px;
        padding-right: 10px;
    }

    .what-we-do .service .icon-awesome {
        padding-top: 10px;
    }

	.mem_01 {
		width:10%;
		float: left;
		padding: 5px;
	}
	
	.mem_02 {
		width: 84%;
		float: left;
		padding: 5px;
	}

/* facebook設定 */
.facebook-wrapper {
    max-width: 500px;
    margin: 0 auto;
    border:solid 1px #4267b2;
    margin-bottom: 20px;
    height: 500px !important;
	padding: 15px;
}
.facebook-wrapper > .fb-page {
    width: 100%;
    height: 500px !important;
}
.facebook-wrapper > .fb-page > span,
.facebook-wrapper iframe {
    width: 100% !important;
    height: 500px !important;
}


}




@media (max-width: 480px) {

	.logo {
		width: 200px;
	    float: left;
	    position: relative;
	    margin: 0px 0px 0px 0px;
	    padding:15px 0px 5px 0px;
	}
	
	.sholder{
	   position: absolute;
	   top:5px;
	   left: 70px;
	    text-align:left;
		font-weight: normal;
		font-size: 11px;
		color: #fff;
		white-space: nowrap;
	}
	
	.mem_01 {
		width:20%;
		float: left;
		padding: 5px;
	}
	
	.mem_02 {
		width: 70%;
		float: left;
		padding: 5px;
	}
}