/*!
 * Start Bootstrap - Agency v3.3.7+1 (http://startbootstrap.com/template-overviews/agency)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */.btn-primary.active, .btn-primary:active, .btn-xl.active, .btn-xl:active, .open .dropdown-toggle.btn-primary, .open .dropdown-toggle.btn-xl {
	background-image: none
}
body {
	overflow-x: hidden;
	font-family: 'Noto Sans TC', 'Roboto', sans-serif;
	webkit-tap-highlight-color: #3795b0;
	background-color: #0F2128;
}
.btn-primary, .btn-xl, h1, h2, h3, h4, h5, h6 {
	text-transform: uppercase;
	font-weight: 700;
	color: #6BC5DE;
}
.text-muted {
	color: #777
}
.text-primary, a {
	color: #3795b0
}
p {
	font-size: 15px;
	line-height: 1.75;
	color: #CCC;
}
p.large {
	font-size: 16px
}
a, a.active, a:active, a:focus, a:hover {
	outline: 0
}
a.active, a:active, a:focus, a:hover {
	color: #fec503
}
.img-centered {
	margin: 0 auto
}
.bg-light-gray {
	background-color: #eee
}
.bg-darkest-gray {
	background-color: #222
}
.btn-primary {
	color: #fff;
	background-color: #3795b0;
	border-color: #3795b0
}
.btn-primary.active, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open .dropdown-toggle.btn-primary {
	color: #3797B2;
	background-color: #0F2128;
	border-color: #3899B5
}
.btn-primary.disabled, .btn-primary.disabled.active, .btn-primary.disabled:active, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled], .btn-primary[disabled].active, .btn-primary[disabled]:active, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary.active, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover {
	background-color: #3795b0;
	border-color: #3795b0
}
.btn-primary .badge {
	color: #3795b0;
	background-color: #fff
}
.btn-xl {
	color: #fff;
	background-color: #3795b0;
	border-color: #3795b0;
	border-radius: 0px;
	font-size: 18px;
	padding: 20px 40px
}
.btn-xl.active, .btn-xl:active, .btn-xl:focus, .btn-xl:hover, .open .dropdown-toggle.btn-xl {
	color: #fff;
	background-color: #fec503;
	border-color: #f6bf01
}
.btn-xl.disabled, .btn-xl.disabled.active, .btn-xl.disabled:active, .btn-xl.disabled:focus, .btn-xl.disabled:hover, .btn-xl[disabled], .btn-xl[disabled].active, .btn-xl[disabled]:active, .btn-xl[disabled]:focus, .btn-xl[disabled]:hover, fieldset[disabled] .btn-xl, fieldset[disabled] .btn-xl.active, fieldset[disabled] .btn-xl:active, fieldset[disabled] .btn-xl:focus, fieldset[disabled] .btn-xl:hover {
	background-color: #3795b0;
	border-color: #3795b0
}
.btn-xl .badge {
	color: #3795b0;
	background-color: #fff
}
.navbar-custom {
	background-color: rgba(15, 15, 15, 1);
	border-color: transparent
}
.navbar-custom .navbar-brand {
	color: #3795b0;
	padding: 0px;
}

.navbar-custom .navbar-brand>img {
	height: 100%;
	width: auto;
	padding-top: 7px;
	padding-right: 7px;
	padding-bottom: 7px;
	padding-left: 15px;
}


.navbar-custom .navbar-brand.active, .navbar-custom .navbar-brand:active, .navbar-custom .navbar-brand:focus, .navbar-custom .navbar-brand:hover {
	color: #fec503
}
.navbar-custom .nav li a, .navbar-custom .navbar-toggle {
	color: #102128;
	text-transform: uppercase;
	background-color: rgba(68, 183, 214, 0.8);
}
.navbar-custom .navbar-collapse {
	border-color: rgba(255,255,255,.0)
}
.navbar-custom .navbar-toggle {
	background-color: #3795b0;
	border-color: #3795b0;
	font-size: 10px
}
.navbar-custom .navbar-toggle:focus, .navbar-custom .navbar-toggle:hover {
	background-color: #3795b0
}
.navbar-custom .nav li a {
	font-weight: 400;
	letter-spacing: 1px
}
.navbar-custom .nav li a:focus, .navbar-custom .nav li a:hover {
	color: #3795b0;
	outline: 0
}
.navbar-custom .navbar-nav>.active>a {
	border-radius: 0;
	color: #fff;
	background-color: #3795b0
}
.navbar-custom .navbar-nav>.active>a:focus, .navbar-custom .navbar-nav>.active>a:hover {
	color: #fff;
	background-color: #fec503
}

.navbar-toggle {
	border-radius: 0;
}

@media (min-width:768px) {
.navbar-custom {
	background-color: transparent;
	-webkit-transition: padding .3s;
	-moz-transition: padding .3s;
	transition: padding .3s;
	border: none;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0;
}


.navbar-custom .navbar-brand {
	font-size: 2em;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s
}

.navbar-custom .navbar-brand>img {
  height: 100%;
  padding: 0px;
  width: auto;
}

.navbar-custom .nav li a {
	font-weight: 400;
	letter-spacing: 1px;
	font-size: 12px;
	padding-right: 30px;
	padding-left: 30px;
	margin-right: 1px;
}


.navbar-custom .nav li a.last {
	margin-right: 0px;
}

.navbar-custom .nav li a:focus, .navbar-custom .nav li a:hover {
	color: #3795b0;
	outline: 0;
	background-color: rgba(0, 0, 0, 0.4);
}

.navbar-custom .navbar-nav>.active>a {
	border-radius: 0px
}
.navbar-custom.affix {
	background-color: rgba(15, 15, 15, 0.95);
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
}
.navbar-custom.affix .navbar-brand {
	font-size: 1.5em
}
}
header {
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
	text-align: center;
	color: #fff
}

.header-index {
	background-image: url(../img/header-bg.jpg);
}

.header-product {
	background-image: url(../img/header-product.jpg);
}

.header-intro {
	background-image: url(../img/header-intro.jpg);
}

.header-contact {
	background-image: url(../img/header-contact.jpg);
}

.header-news{
	background-image: url(../img/header-news.jpg);
}

header .intro-text {
	padding-top: 150px;
	padding-bottom: 50px
}
header .intro-text .intro-lead-in {
	font-family: "Droid Serif", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-style: italic;
	font-size: 22px;
	line-height: 22px;
	margin-bottom: 25px
}
header .intro-text .intro-heading {
	font-family: Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 30px;
	line-height: 30px;
	margin-bottom: 25px
}
@media (min-width:768px) {
header .intro-text {
	padding-top: 200px;
	padding-bottom: 100px
}
header .intro-text .intro-lead-in {
	font-style: italic;
	font-size: 40px;
	line-height: 40px;
	margin-bottom: 25px
}
header .intro-text .intro-heading {
	text-transform: uppercase;
	font-weight: 700;
	font-size: 50px;
	line-height: 50px;
	margin-bottom: 50px
}
}
.portfolio-item {
  margin: 0 0 15px;
  right: 0;
}
.portfolio-item .portfolio-link {
  display: block;
  position: relative;
  max-width: 400px;
  margin: 0 auto;
}
.portfolio-item .portfolio-link .portfolio-hover {
  background: rgba(255, 255, 255, 0.75);
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: all ease 0.5s;
  -webkit-transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
}
.portfolio-item .portfolio-link .portfolio-hover:hover {
  opacity: 1;
}
.portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content {
	position: absolute;
	width: 100%;
	height: 20px;
	font-size: 20px;
	text-align: center;
	top: 50%;
	margin-top: -12px;
	color: #3899B5;
}
.portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content i {
  margin-top: -12px;
}
.portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h3,
.portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h4 {
  margin: 0;
}
.portfolio-item .portfolio-caption {
  max-width: 400px;
  margin: 0 auto;
  background-color: white;
  text-align: center;
  padding: 25px;
}
.portfolio-item .portfolio-caption h4 {
  text-transform: none;
  margin: 0;
}
.portfolio-item .portfolio-caption p {
  font-style: italic;
  font-size: 16px;
  margin: 0;
}
#portfolio * {
  z-index: 2;
}
@media (min-width: 767px) {
  #portfolio .portfolio-item {
    margin: 0 0 30px;
  }
}


#portfolio .portfolio-item .portfolio-caption p, section h3.section-subheading {
	font-style: italic
}
section {
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 80px;
	padding-left: 0;
}
section h2.section-heading {
	font-size: 40px;
	margin-top: 0;
	margin-bottom: 15px
}
section h3.section-subheading {
	font-size: 16px;
	text-transform: none;
	font-weight: 400;
	margin-bottom: 75px
}
@media (min-width:768px) {
section {
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 100px;
	padding-left: 0;
}
}
.service-heading {
	margin: 15px 0;
	text-transform: none
}
 
 * {
  z-index: 2;
}

.banner-link {
	display: block;
	position: relative;
	padding: 0px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	height: 100%;
	width: 100%;
}

.banner-content {
	width: 100%;
	text-align: right;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	padding-right: 13%;
}

.banner-content h1 {
	font-size: 45px;
	font-weight: 800;
	color: #FFF;
	text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
	margin-bottom: 0px;
}

.banner-content p {
	font-size: 15px;
	font-weight: 400;
	color: #FFF;
	padding-top: 5px;
	text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
}




@media (min-width:767px) {
	
.banner-content {
	padding-right: 10%;
}

.banner-content h1 {
	font-size: 90px;
}

.banner-content p {
	font-size: 20px;
	padding-top: 10px;
}
}
.timeline {
	list-style: none;
	padding: 0;
	position: relative
}
.timeline:before {
	top: 0;
	bottom: 0;
	position: absolute;
	content: "";
	width: 2px;
	background-color: #f1f1f1;
	left: 40px;
	margin-left: -1.5px
}
.timeline>li {
	margin-bottom: 50px;
	position: relative;
	min-height: 50px
}
.timeline>li:after, .timeline>li:before {
	content: " ";
	display: table
}
.timeline>li:after {
	clear: both
}
.timeline>li .timeline-panel {
	width: 100%;
	float: right;
	padding: 0 20px 0 100px;
	position: relative;
	text-align: left
}
.timeline>li .timeline-panel:before {
	border-left-width: 0;
	border-right-width: 15px;
	left: -15px;
	right: auto
}
.timeline>li .timeline-panel:after {
	border-left-width: 0;
	border-right-width: 14px;
	left: -14px;
	right: auto
}
.timeline>li .timeline-image {
	left: 0;
	margin-left: 0;
	width: 80px;
	height: 80px;
	position: absolute;
	z-index: 100;
	background-color: #3795b0;
	color: #fff;
	border-radius: 100%;
	border: 7px solid #f1f1f1;
	text-align: center
}
.timeline>li .timeline-image h4 {
	font-size: 10px;
	margin-top: 12px;
	line-height: 14px
}
.timeline>li.timeline-inverted>.timeline-panel {
	float: right;
	text-align: left;
	padding: 0 20px 0 100px
}
.timeline>li.timeline-inverted>.timeline-panel:before {
	border-left-width: 0;
	border-right-width: 15px;
	left: -15px;
	right: auto
}
.timeline>li.timeline-inverted>.timeline-panel:after {
	border-left-width: 0;
	border-right-width: 14px;
	left: -14px;
	right: auto
}
.timeline>li:last-child {
	margin-bottom: 0
}
.timeline .timeline-heading h4 {
	margin-top: 0;
	color: inherit
}
.timeline .timeline-heading h4.subheading {
	text-transform: none
}
.timeline .timeline-body>p, .timeline .timeline-body>ul {
	margin-bottom: 0
}
@media (min-width:768px) {
.timeline:before {
	left: 50%
}
.timeline>li {
	margin-bottom: 100px;
	min-height: 100px
}
.timeline>li .timeline-panel {
	width: 41%;
	float: left;
	padding: 0 20px 20px 30px;
	text-align: right
}
.timeline>li .timeline-image {
	width: 100px;
	height: 100px;
	left: 50%;
	margin-left: -50px
}
.timeline>li .timeline-image h4 {
	font-size: 13px;
	margin-top: 16px;
	line-height: 18px
}
.timeline>li.timeline-inverted>.timeline-panel {
	float: right;
	text-align: left;
	padding: 0 30px 20px 20px
}
}
@media (min-width:992px) {
.timeline>li .timeline-panel, .timeline>li.timeline-inverted>.timeline-panel {
	padding: 0 20px 20px
}
.timeline>li {
	min-height: 150px
}
.timeline>li .timeline-image {
	width: 150px;
	height: 150px;
	margin-left: -75px
}
.timeline>li .timeline-image h4 {
	font-size: 18px;
	margin-top: 30px;
	line-height: 26px
}
}
@media (min-width:1200px) {
.timeline>li {
	min-height: 170px
}
.timeline>li .timeline-panel {
	padding: 0 20px 20px 100px
}
.timeline>li .timeline-image {
	width: 170px;
	height: 170px;
	margin-left: -85px
}
.timeline>li .timeline-image h4 {
	margin-top: 40px
}
.timeline>li.timeline-inverted>.timeline-panel {
	padding: 0 100px 20px 20px
}
}
.team-member {
	text-align: center;
	margin-bottom: 50px
}
.team-member img {
	margin: 0 auto;
	border: 7px solid #fff
}
.team-member h4 {
	margin-top: 25px;
	margin-bottom: 0;
	text-transform: none
}
.team-member p {
	margin-top: 0
}
aside.clients img {
	margin: 50px auto
}
section#contact {
	background-color: #222;
	background-image: url(../img/map-image.png);
	background-position: center;
	background-repeat: no-repeat
}
section#contact .section-heading {
	color: #fff
}
section#contact .form-group {
	margin-bottom: 25px
}
section#contact .form-group input, section#contact .form-group textarea {
	padding: 20px
}
section#contact .form-group input.form-control {
	height: auto
}
section#contact .form-group textarea.form-control {
	height: 236px
}
section#contact .form-control:focus {
	border-color: #3795b0;
	box-shadow: none
}
section#contact ::-webkit-input-placeholder {
text-transform:uppercase;
font-weight:700;
color:#eee
}
section#contact :-moz-placeholder {
text-transform:uppercase;
font-weight:700;
color:#eee
}
section#contact ::-moz-placeholder {
text-transform:uppercase;
font-weight:700;
color:#eee
}
section#contact :-ms-input-placeholder {
text-transform:uppercase;
font-weight:700;
color:#eee
}
section#contact .text-danger {
	color: #e74c3c
}
footer {
	padding: 25px 0;
	text-align: center
}
footer span.copyright {
	line-height: 40px;
	text-transform: uppercase;
	text-transform: none
}
footer ul.quicklinks {
	margin-bottom: 0;
	line-height: 40px;
	text-transform: uppercase;
	text-transform: none
}
ul.social-buttons {
	margin-bottom: 0
}
ul.social-buttons li a {
	display: block;
	background-color: #222;
	height: 40px;
	width: 40px;
	border-radius: 100%;
	font-size: 20px;
	line-height: 40px;
	color: #fff;
	outline: 0;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s
}
ul.social-buttons li a:active, ul.social-buttons li a:focus, ul.social-buttons li a:hover {
	background-color: #3795b0
}
.btn.active, .btn:active, .btn:active:focus, .btn:focus {
	outline: 0
}

::-moz-selection {
text-shadow:none;
background:#3795b0
}
::selection {
	text-shadow: none;
	background: #3795b0
}
img::selection {
	background: 0 0
}
img::-moz-selection {
background:0 0
}

.top-search {
	text-align: right;
	padding-top: 15px;
	padding-bottom: 5px;
	padding-right: 0px;
	padding-left: 0px;
}

.top-search-inner {
	text-align: right;
	display: inline-block;
	padding-right: 15px;
}

.lan-select {
	color: #3694AE;
	display: inline-block;
}

.lan-select a {
	color: #3694AE;
	text-decoration: none;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s
}

.lan-select a:hover {
	color: #46CFFF;
	text-decoration: none;
}

@media (min-width:768px) {
	.top-search {
	margin-right: -14px;
    }
}


#search input {
	background: none repeat scroll 0 0;
	background-color: rgba(37, 60, 70, 0.5);
	border: 0 none;
	color: #3793ac;
	font-family: 'Noto Sans TC', 'Roboto', sans-serif;
	font-size: 12px;
	height: 15px;
	margin: 0;
	padding: 15px;
	transition: background 0.3s ease-in-out 0s;
	width: 200px;
}

#search button {
	background: url("../img/search.png") no-repeat scroll center center #3793ac;
	cursor: pointer;
	height: 30px;
	text-indent: -99999em;
	transition: background 0.3s ease-in-out 0s;
	width: 30px;
	border: 0 none;
	margin-left: -3px;
}

#search button:hover {
	background-color:#000;
}

.slider-wrapper{
	padding-top: 150px;
	margin-right: 0px;
	padding-bottom: 10px;
	margin-left: 0px;
}

.bxslider-frame {
	border: 2px solid #FFF;
}

@media (min-width:768px) {
	.slider-wrapper{
	padding-top: 180px;
	margin-right: -15px;
	padding-bottom: 40px;
	margin-left: -15px;
}
}

.index-news {
	background-color: #253C46;
	height: 50px;
	width: 100%;
	padding-right: 0px;
	padding-left: 20px;
	margin-top: -25px;
	position: relative;
	clip: rect(-25px,auto,auto,auto);
	margin-bottom: 30px;
}

.index-news-btn {
	display: none;	
}



@media (min-width:768px) {
.index-news-btn {
	background-color: #3694AE;
	text-align: center;
	height: 50px;
	width: 150px;
	padding-top: 18px;
	padding-bottom: 18px;
	font-size: 14px;
	line-height: 14px;
	color: #243C46;
	letter-spacing: 2px;
	display: block;
	float: right;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
	text-decoration: none;
}

.index-news-btn:hover {
	background-color: rgba(54, 148, 174, 0.5);
	color: #243C46;
	text-decoration: none;
}

}

.index-news-in {
	display: inline-block;
	float: left;
	height: 16px;
	padding-top: 17px;
	padding-bottom: 17px;
}

.index-news-in a {
	text-decoration: none;
}

.index-news-in a .index-news-date {
	color: #FFF;
	font-size: 13px;
	text-decoration: none;
}

.index-news-in a:hover .index-news-date {
	text-decoration: none;
}

.index-news-in a .index-news-title {
	color: #3694AE;
	font-size: 16px;
	text-decoration: underline;
	margin-left: 15px;
	letter-spacing: 0px;
}

.index-news-in a:hover .index-news-title {
	text-decoration: none;
}

footer {
	font-size: 12px;
	color: #243C45;
	line-height: 20px;
}

.contact-top {
	margin-bottom: 10px;
	padding-bottom: 7px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #243C45;
	padding-right: 0px;
	padding-left: 0px;
}

.contact-bottom {
	font-size: 13px;
	text-align: right;
	font-weight: bold;
}

.page-in {
	margin-top: 0px;
}

.page-bgc {
	background-color: #0F2128;
	padding-top: 30px;
}

.left-n {
	margin-bottom: 30px;
}

.pick {
	color: #CCC;
	margin-bottom: 35px;
}


@media (min-width:768px) {
.page-in {
	margin-top: -50px;
}
}

.post-heading .meta a{color:#fff}

 @media(max-width:767px) {
.post-heading .subheading {
	font-size: 30px
}
}
.post-preview>a {
	color: #fff;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}
.post-preview>a:hover, .post-preview>a:focus {
	text-decoration: none;
	color: #5a9cca
}
.post-preview>a>.post-title {
	font-size: 22px;
	margin-top: 0px;
	margin-bottom: 30px;
	line-height: 30px;
	padding-left: 0px;
	text-transform: none;
}
.post-preview>a>.post-subtitle {
	margin: 0;
	font-weight: 300;
	margin-bottom: 10px
}
.post-preview>.post-meta {
	color: #999;
	font-size: 16px;
	margin-top: 0
}
.post-preview>.post-meta>a {
	text-decoration: none;
	color: #404040
}
.post-preview>.post-meta>a:hover, .post-preview>.post-meta>a:focus {
	color: #0085a1;
	text-decoration: underline
}

.post-preview {
	padding-top: 15px;
	padding-bottom: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}

@media only screen and (min-width:768px) {
.post-preview>a>.post-title {
	font-size: 20px;
}
.post-preview>.post-meta>a {
	text-decoration: none;
	color: #404040
}
.post-preview>.post-meta>a:hover, .post-preview>.post-meta>a:focus {
	color: #0085a1;
	text-decoration: underline
}
}

.pagination {
	height: 36px;
	margin-top: 18px;
	margin-right: auto;
	margin-bottom: 18px;
	margin-left: auto;
}
.pagination ul {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */

  *zoom: 1;
  margin-left: 0;
  margin-bottom: 0;
}
.pagination li {
  display: inline;
}
.pagination a {
	float: left;
	padding: 0 14px;
	line-height: 34px;
	text-decoration: none;
	border: 1px solid #999;
	border-left-width: 0;
	color: #999;
}
.pagination a:hover,
.pagination .active a {
	background-color: #6BC5DE;
	color: #0F2128;
}
.pagination .active a {
	color: #000000;
	cursor: default;
}
.pagination .disabled span,
.pagination .disabled a,
.pagination .disabled a:hover {
  color: #999999;
  background-color: transparent;
  cursor: default;
}
.pagination li:first-child a {
  border-left-width: 1px;
}

.pagination-centered {
  text-align: center;
}
.pagination-right {
  text-align: right;
}
.pager {
  margin-left: 0;
  margin-bottom: 18px;
  list-style: none;
  text-align: center;
  *zoom: 1;
}
.pager:before,
.pager:after {
  display: table;
  content: "";
}
.pager:after {
  clear: both;
}
.pager li {
  display: inline;
}
.pager a {
  display: inline-block;
  padding: 5px 14px;
  background-color: #fff;
  border: 1px solid #ddd;
}
.pager a:hover {
  text-decoration: none;
  background-color: #f5f5f5;
}
.pager .next a {
  float: right;
}
.pager .previous a {
  float: left;
}
.pager .disabled a,
.pager .disabled a:hover {
  color: #999999;
  background-color: #fff;
  cursor: default;
}

.post-heading {
	margin-bottom: 40px;
}

.post-heading h2 {
	line-height: 42px;
	margin-bottom: 20px;
	font-size: 30px;
	letter-spacing: 0px;
	text-transform: none;
}
.post-heading .meta {
	color: #999;
}
#post p {
	color: #CCC;
	font-size: 15px;
	line-height: 26px;
}

#post img {
	margin-top: 30px;
	margin-right: auto;
	margin-bottom: 50px;
	margin-left: auto;
}

blockquote{
	color: #5A9CCA;
	font-style: oblique
}

.tabs-left, .tabs-right {
	margin-top: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: #3899b5;
	font-size: 16px;
}

.tab-content-left {
	margin-bottom: 30px;
	margin-top: 0px;
	padding-right: 15px;
	padding-left: 15px;
}


.tabs-right {
  border-left: 1px solid #ddd;
}
.tabs-left>li, .tabs-right>li {
  float: none;
  margin-bottom: 0px;
}
.tabs-left>li {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-width: 1px;
	border-bottom-color: #60adc4;
	
}

.tabs-left>li:last-child {
	border-bottom-style: none;
}

.tabs-left>li a {
	color: #FFF;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}

.tabs-left>li a:hover {
	color: #0F2128;
	background-color: #FFFFFF;
	border: 1px solid #FFFFFF;
	
}

.tabs-left>li a>.cab {
	display: inline-block;
	color: #0F2128;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
	padding-left: 0px;
}

.tabs-left>li a:hover>.cab {
	color: #3899B5;
	padding-left: 10px;
}


.tabs-right>li {
  margin-left: -1px;
}
.tabs-left>li.active>a,
.tabs-left>li.active>a:hover,
.tabs-left>li.active>a:focus {
	background-color: #3899b5;
	border-bottom-color: #60adc4;
	border-right-color: transparent;
	color: #0F2128;
	text-align: center;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.tabs-right>li.active>a,
.tabs-right>li.active>a:hover,
.tabs-right>li.active>a:focus {
  border-bottom: 1px solid #ddd;
  border-left-color: transparent;
  
}
.tabs-left>li>a {
	margin-left:0;
	margin-right: 0;
	display: block;
	
}
.tabs-right>li>a {
  border-radius: 0 4px 4px 0;
  margin-right: 0;
}

.p-title {
	font-size: 20px;
	line-height: 20px;
	font-weight: bold;
	color: #2B748A;
	text-align: left;
	display: block;
	height: auto;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	margin-top: 20px;
	margin-bottom: 20px;
	background-color: #0F2128;
	border-bottom-style: solid;
	border-bottom-color: #297084;
	border-bottom-width: 1px;
}

.product-o {
	margin-top: 30px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #2C83A7;
	padding-bottom: 30px;
}

@media (min-width:768px) {
	.p-title {
		font-size: 20px;
		line-height: 20px;
		height: 70px;
		margin-top: 0px;
		padding-bottom: 30px;
		padding-right: 20px;
		padding-left: 20px;
	}
}


.p-t {
	display: block;
	font-size: 28px;
	color: #FFF;
	font-weight: bolder;
	line-height: 36px;
	margin-bottom: 10px;
	margin-top: 20px;
	text-align: center;
}

.p-s {
	font-size: 14px;
	color: #FFF;
	display: block;
	line-height: 24px;
	text-align: center;
	margin-bottom: 20px;
	padding-bottom: 10px;
}

.p-ul {
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
}

.p-ul li{
	color: #999;
	font-size: 14px;
	line-height: 24px;
	padding-bottom: 8px;
}

.d-list {
	margin-top: 25px;
}

.d-tt {
	font-size: 17px;
	line-height: 17px;
	color: #3694AF;
	text-align: left;
	display: block;
	height: 37px;
	width: 100%;
	margin-bottom: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #3899B5;
}

@media (min-width:768px) {
	.p-t {
	font-size: 30px;
	margin-top: 0px;
	margin-bottom: 5px;
	text-align: left;
	}
	
	.p-s {
	text-align: left;
}
}

.d-list ul {
	margin-bottom: 14px;
	list-style: none;
	padding-left: 0px;
}
.d-list li { width: 100%; height: 30px;  margin: 0 0 7px 0; }
.d-list li a {
	display: block;
	width: 100%;
	height: 30px;
	background: #273e48 url(data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAcCAYAAACQ0cTtAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAAcVJREFUSEvtVtFNxDAM7QiMwAiMwAiMwAhs4PZSic8bgRFuhI5wI3QERjjyYjuJrnaagoSExElRT4njZzvPLxmG/99vVIBofhrHcB6neYnjM46bfBfME4XnH8cBJwIA5zoAqKOaD+u3QSUTdjaGD6LTixU95rGeg4mZHsqybO6PNpV6ClcNrguQpjBylOFKRA9dm8QI9hVgO0OOjg/fA6LT/IqA8LXLWgCbZ6hkaBlVhFm8rIVYCNq2IXp/lKxcJ3DeAyZ2F/hDtTZB0TS/pUWnPLqhFyyxFP5iyTdgykBk2CKFBeadr1spdWIB1cy8B1MGOvtW89zaYKUVarCa6jYYK822jCxBN2eTyBKaVhqX7RMJGvugowYYC63JHpCm0sZaJ9N/i1ScdQrksmWjOAQrzWZ1AE22RQcaoOmvRBJWt1mzlMkNEAXYsy0C4bA709/JLjWrKnwDSHsMtm4bSXY41KiNRuer4DYaX/RVfLR7dshR7QDaIpyEPN3ke0qU99fs8whwDyZydwxInUiG8t4Iq/XWgLozSFzXq2lHW5tnKJepgOZ3yKbX+Omwc0Yt0a3XkKkAQzWSDKVLFPMHb/RezL9l9wWuQAy9JbrovAAAAABJRU5ErkJggg==) 98% center no-repeat;
	font-size: 14px;
	color: #eee;
	text-decoration: none;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 7px;
	margin-left: 0;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 10px;
}

.d-list li a:hover {
	background-color: #3899B5;
}

.d-list li a .d-size {
	font-size: 11px;
	color: #808184;
	display: inline-block;
	padding-bottom: 2px;
	margin-left: 3px;
	margin-bottom: 2px;
}

.orange { border-left: 5px solid #F5876E; }

.blue{ border-left: 3px solid #fff; }

.green{ border-left: 5px solid #8EBD40; }

.purple { border-left: 5px solid #988CC3; }

.gold { border-left: 5px solid #D8C86E; }

.back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 20px;
    right: 20px;
    display:none;
}