@charset "utf-8";

 body {font: 300 16px/1.65em 'Noto Sans TC', sans-serif; color: #505258;}
a {
-webkit-transition: all .3s linear;
-o-transition: all .3s linear;
-moz-transition: all .3s linear;
text-decoration: none;
outline: none;
}
a:hover, a:focus {text-decoration: none; outline: none;}
strong {font-weight: 700;}
.home h1 {font-size: 1.5em !important; text-transform: uppercase; color: #2b2c7a !important;}
h3 {color: #2b2c7a; margin: 0 0 2em;}
h3.widget-title { text-transform: uppercase;  font-size: 22px; display: block;}
h4 {padding-top: 20px; margin: 0 0 1em; color: #333;}
.home h3.widget-title {text-align: center;}
.btn-primary {background-color: #6851d9; border: none; }
.tb-pad {padding: 80px 0;}
.highlight {font-size: 1.5em;  line-height: 1.6em; }
.lsow-dark-bg {color: #FFF;}
.lsow-dark-bg h3.widget-title {color:#a092ea}
.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px; height: 0; overflow: hidden;
}
.video-container iframe, .video-container object, .video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
ul.tick {margin: 0 ; padding: 0;}
ul.tick > li {
text-indent: -26px;
margin-left: 30px;
line-height: 2em;
list-style: none;
}
ul.tick  > li:before {
content: '\f00c';
color: #89e079;
font-family: "FontAwesome";
margin-right: 10px;
}
ul.tick > li li {text-indent: 0;}
img.alignleft {float: left; margin: 0 30px 30px 0;}
img.alignright {float: right; margin:  0 0 30px 30px;}
#top {background: #2b2c7a; padding: 6px 0; position: relative; }
#top:after {content: ''; height: 4px; left: 0; right: 0; bottom: -4px; background: rgba(43, 44, 123, 0.4); position: absolute;}
#top a {color: #FFF;}
#top .widget {text-align: right; color: #a092ea; }
#top .widget .panel-grid {justify-content: flex-end;}
#top .widget .panel-grid-cell {width: auto ; padding: 0 15px;}
#top .sow-social-media-button {font-size: .8em !important; }
#top p {margin: 0;}
header {border-bottom: 1px solid rgba(43, 44, 123, 0.5); }
header .row {align-items: flex-end}
header p {margin: 0;}
header #logo {padding: 8px 0 ;}
header #logo a {position: absolute; top: -98px; left: 0; z-index: 9999; padding: 6px; background: #FFF;}
nav ul {margin: 0; padding: 0;}
nav li {position: relative; list-style: none;}
nav li a {display: block;}
nav ul ul, nav ul li:hover ul ul, nav ul ul li:hover ul ul {display: none;}
nav ul li:hover ul, nav ul ul li:hover ul, nav ul ul ul li:hover ul {display: block;}
#menu-main-menu {display: flex; justify-content: flex-end;  }
#menu-main-menu > li {z-index: 9998;}
#menu-main-menu > li > a {
color: #2b2c7a;
text-transform: uppercase;
line-height: 70px;
padding: 0 16px;
font-size: 14px;
font-weight: 400;
}
#menu-main-menu > li:hover > a, #menu-main-menu > li.current-menu-item > a	{background: rgba(32, 33, 117, 0.9); color: #FFF;}
#main-menu ul ul{
position: absolute;
width: 240px;
background: rgba(32, 33, 117, 0.9);
}
#main-menu ul ul ul {
top: 0;
left: 100%;
}
#main-menu li li a {color: #FFF; padding: 10px 16px; font-size: .8em;}
#main-menu li li a:hover {background: #141669}
.page-title {
padding: 40px 0  ;
text-align: center;
background: #2b2c7a;
background: -moz-linear-gradient(-45deg, #53529e 0%, #222053 100%); background: -webkit-linear-gradient(-45deg, #53529e 0%,#222053 100%); background: linear-gradient(135deg, #53529e 0%,#222053 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#53529e', endColorstr='#222053',GradientType=1 ); }
.page-title h1 {
margin: 0;
text-transform: uppercase;
font-weight: 700;
color: #FFF;
letter-spacing: 4px;
}
#content {padding: 80px 0;}
.home #content {padding: 0;}
footer {background: #2b2c7a; color: #a092ea; }
footer a {color: #FFF;}
footer p {margin: 0;}
#copyright {font-size: .8em; padding: 20px 0; text-align: center;}
#intro .highlight {text-align: right;}
#services .lsow-service {display: flex; align-items: center; padding: 20px; background: rgba(9, 10, 90, 0.8); margin-bottom: 20px;}
#services .lsow-service h3 {margin: 0; color: #FFF;}
#services .lsow-image-wrapper img {max-width: 60px; float: none;}
#clients p {display: flex; justify-content: space-between;}
.lsow-team-member-details {text-align: justify !important;}
#sidebar h3 {margin: 0 0 1rem; padding-bottom: 6px; border-bottom: 3px solid #d2cded; text-transform: uppercase; font-size: 1.2rem;}
#sidebar a {color: #6851d9}
#sidebar .widget {margin: 0 0 2rem;}
#sidebar .widget ul {
list-style: none;
margin: 0;
padding: 0;
}
#sidebar .widget li {padding: 6px 0; border-bottom: 1px solid #e7e7e7;}
#sidebar form input {margin-right: 8px; max-width: 196px;}
.single-post .featured-thumbnail {text-align: center; margin: 0 0 4rem}
.featured-thumbnail img {max-width: 100% !important; height: auto !important;}
.wp-block-image img {height: auto;}@media only screen and (max-width: 1313px) {
#menu-main-menu > li > a {padding: 0 10px;}
}
@media only screen and (max-width: 1119px) {
#menu-main-menu > li > a {padding: 0 10px;}
}
@media only screen and (min-width: 980px) and (max-width: 1040px) {
} @media only screen and (min-width: 768px) and (max-width: 979px) {
}
@media only screen and (max-width: 991px) {
header  {min-height: 80px;}
header #logo a {top: -40px;}
} @media only screen and (min-width: 480px) and (max-width: 767px) {
} @media only screen and (max-width: 479px) {
#top .widget .panel-grid-cell {padding: 0 8px; font-size: .9em;}
header  {min-height: 120px; padding-top: 4px; text-align: center;} 
header #logo a {top: 0; position: relative;}
header #logo {text-align: center;}
header .widget {text-align: center;}
header #main-menu > .widget .panel-grid-cell {width: 100%;}
#clients p {display: block;}
.slick-slide {text-align: center;}
.slick-slide img {display: inline-block !important;}
.page-title {padding: 40px 1rem;}
.page-title h1 {letter-spacing: 0; font-size: 1.6rem;}
} @media 
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
}