strong { font-weight: bold; }

.basic_txt {color: #231815;}



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

.header_bg {
    background: #fff;
	padding: 0;
	margin-bottom: 20px;	
	border-bottom: solid 1px #00afec;
}

.header .navbar-inner {
    border: none;
    background: #fff;
    padding: 0;
    box-shadow: none;
}

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

.logo {
	width: 250px;
    float: left;
    position: relative;
    margin: 0;
    padding:3px 0px 0px 0px;
}

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

.header ul.nav li a {
    font-weight: normal;
    text-shadow: none;
	margin:0;
    padding: 25px 20px;
    color: #333;
    text-shadow: none;
    transition: background 0.5s;
/*     border-left: solid 1px #fff; */
}

.header ul.nav li a:hover {
    color: #fff;
	background: #00afec;
}

.header ul.nav li.current-page a {
    color: #fff;
	background: #00afec;
    padding: 25px 20px;
}

.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 #ccc;
    margin-bottom: 30px;
    height: 460px !important;
}
.facebook-wrapper > .fb-page {
    width: 100%;
    height: 460px !important;	
}
.facebook-wrapper > .fb-page > span,
.facebook-wrapper iframe {
    width: 100% !important;
    height: 460px !important;
}





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

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

.sfbg {
	margin: 0px 0px 20px 0px;
	padding: 15px 0;
	background: #f2f2f2;
}

.sfbg2 {
	margin: 0px 0px 20px 0px;
	padding: 15px 0;
	background: #fff;
}

.sfooter {
    margin: 0 auto;
	text-align: center;
	background: #00afec;
	padding: 20px 0px 10px 0px;
	margin: 0;
}

.sf_wrap	{
	width: 770px;
    margin: 0;
	padding:0;
}

.sf_wrap:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

.sf_list {
	float: left;
	font-size: 13px;
	line-height: 1.3em;
	padding: 0px 15px 0px 0px;
	margin: 0px 15px 10px 0px;
	border-right: solid 1px #fff;
}

.sf_list a {
	color: #fff;
}

.sfl {
	border:none;
}






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


footer {
    margin: 0 auto;
    background: #fff;
    padding: 10px 0px 15px 0px;
}


footer .copyright {
	text-align: center;
	font-size: 13px;
	padding: 0px;
	color: #333;	
	margin: 0;
}
    
.flogo {
	text-align: center;
	margin: 7px 0px 5px 0;
	padding: 0;
/* 	border: solid 1px #ccc; */
}

.flogo img {
	width: 200px;
}

.fadd {
	text-align: center;
	font-size: 13px;
	line-height: 1.3em;
	color: #333;	
	margin: 0px 0px 5px 0px;
}

.ftel {
	text-align: center;
	margin: 0;
	padding: 0px 0px 5px 0px
}

.ftel img {
	width: 200px;
}


.lb_thumb img {
	width: 282px;
}	




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

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

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

	.logo {
		width: 230px;
	    float: left;
	    position: relative;
	    margin: 0;
	    padding:5px 0px 0px 0px;
	}
	
	.header ul.nav {
	    font-size: 15px;
	    font-weight: normal;
	    text-shadow: none;
	    padding: 0;
	}
	
	.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;
	/*     border-left: solid 1px #fff; */
	}
	
	.header ul.nav li a:hover {
	    color: #fff;
		background: #00afec;
	}
	
	.header ul.nav li.current-page a {
	    color: #fff;
		background: #00afec;
	    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 #ccc;
	    margin-bottom: 30px;
	    height: 370px !important;
	}
	.facebook-wrapper > .fb-page {
	    width: 100%;
	    height: 370px !important;	
	}
	.facebook-wrapper > .fb-page > span,
	.facebook-wrapper iframe {
	    width: 100% !important;
	    height: 370px !important;
	}

	.lb_thumb img {
		width: 225px;
	}

}

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

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

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

.header ul.nav li a {
    padding: 10px 15px;
    color: #333;
	border: solid 1px #777;
	-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 {
    color: #fff;
	background: #00afec;
    padding: 10px 15px;
	border: solid 1px #00afec;
	-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 {
    color: #fff;
	background: #00afec;
	border: solid 1px #00afec;
    text-shadow: none;	
}

.header ul.nav li.last a {
	border: solid 1px #777;
}
    .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;
    }

	.sf_wrap	{
		width: 690px;
	    margin: 0;
		padding:0;
	}

	.sf_list {
		float: left;
		font-size: 13px;
		line-height: 1.3em;
		padding: 0px 10px 0px 0px;
		margin: 0px 10px 10px 0px;
		border-right: solid 1px #fff;
	}

	.sfl {
		border:none;
	}

	.ftel {
		text-align: center;
		margin: 0;
		padding: 0px 0px 0px 20px
	}

	.lb_thumb img {
		width: 231px;
	}

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





@media (max-width: 767px) {

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

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

.header .navbar-inner {
    padding: 0px 20px;
}

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

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

.header ul.nav li a {
    padding: 7px 10px;
    color: #333;
	border: solid 1px #777;
	-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 {
    color: #fff;
	background: #00afec;
    padding: 7px 10px;
	border: solid 1px #00afec;
	-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 {
    color: #fff;
	background: #00afec;
	border: solid 1px #00afec;
    text-shadow: none;	
}

.header ul.nav li.last a {
	border: solid 1px #777;
}


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

	.header ul.nav li.last a {
	     border-right:solid 1px #777;
	}

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

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


	.sf_wrap	{
		width: 500px;
	    margin: 0;
		padding:0;
	}

	.sf_list {
		float: left;
		font-size: 13px;
		line-height: 1.3em;
		padding: 0px 7px 0px 0px;
		margin: 0px 7px 10px 0px;
		border-right: solid 1px #fff;
	}

	.sfl {
		border:none;
	}

	.lb_thumb img {
		width: 166px;
	}

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

}

@media (max-width: 480px) {

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

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

.header ul.nav li a {
    padding: 7px 10px;
    color: #333;
	border: solid 1px #777;
	-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 {
    color: #fff;
	background: #00afec;
    padding: 7px 10px;
	border: solid 1px #00afec;
	-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 {
    color: #fff;
	background: #00afec;
	border: solid 1px #00afec;
    text-shadow: none;	
}

/*
.header ul.nav li.last a {
	border: solid 1px #00afec;
}
*/

	.sf_wrap	{
		width: 268px;
	    margin: 0;
		padding:0;
	}

	.sf_list {
		float: left;
		font-size: 14px;
		line-height: 1.3em;
		padding: 0px 10px 0px 0px;
		margin: 0px 10px 10px 0px;
		border-right: solid 1px #fff;
	}

	.sfl {
		border:none;
	}

	.lb_thumb img {
		width: 130px;
	}
	
	/* facebook設定 */
	.facebook-wrapper {
	    max-width: 500px;
	    margin: 0 auto;
	    border:solid 1px #ccc;
	    margin-bottom: 30px;
	    height: 460px !important;
	}
	.facebook-wrapper > .fb-page {
	    width: 100%;
	    height: 460px !important;
	}
	.facebook-wrapper > .fb-page > span,
	.facebook-wrapper iframe {
	    width: 100% !important;
	    height: 460px !important;
	}

}