@charset "utf-8";
/* CSS Document  #078BCB */
body {
    -webkit-text-size-adjust: 100% !important;
    text-size-adjust: 100% !important;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
/*	background-color:rgba(255,255,255,1);*/
/*	background-image:url(../images/crosswhite.png);*/
	font-family:'微軟正黑體' !important;
/*	font-weight:normal !important;*/
/*	background-color:rgba(49,49,49,1);
	background-image:url(../images/loading_blue.gif);
	background-position:center 250px;
	background-repeat:no-repeat;*/
/*    background: rgba(49,49,49,1);
    background: linear-gradient(180deg, rgba(49,49,49,1) 0%,rgba(49,49,49,1) 100px, rgba(32,68,97,1) 100px, rgba(32,68,97,1) 100%);*/
/*	overflow-x:hidden;
	overflow-y:hidden;*/
}
html {
    font-size: 18.68px !important;
}
.BGColor {
	background-color:rgba(49,49,49,1) !important;
}
.BGGrayLight {
	background-color:rgba(0,0,0,0.15) !important;
}
a:link {
	text-decoration:none;
}
.sp {
	cursor:pointer;
}
.posL {
	float:left !important;
}
.posR {
	float:right !important;
}
.mt-0 {
	margin-top:0px !important;
}
.mt-1 {
	margin-top:10px !important;
}
.mt-2 {
	margin-top:20px !important;
}
.mt-3 {
	margin-top:30px !important;
}
.mt-4 {
	margin-top:40px !important;
}
.mt-5 {
	margin-top:50px !important;
}
.mt-6 {
	margin-top:60px !important;
}
.mt-7 {
	margin-top:70px !important;
}
.mt-8 {
	margin-top:80px !important;
}
.mt-9 {
	margin-top:90px !important;
}
.mt-10 {
	margin-top:100px !important;
}
.mb-0 {
	margin-bottom:0px !important;
}
.mb-1 {
	margin-bottom:10px !important;
}
.mb-2 {
	margin-bottom:20px !important;
}
.mb-3 {
	margin-bottom:30px !important;
}
.mb-4 {
	margin-bottom:40px !important;
}
.mb-5 {
	margin-bottom:50px !important;
}
.mb-6 {
	margin-bottom:60px !important;
}
.mb-7 {
	margin-bottom:70px !important;
}
.mb-8 {
	margin-bottom:80px !important;
}
.mb-9 {
	margin-bottom:90px !important;
}
.mb-10 {
	margin-bottom:100px !important;
}
.ml-0 {
	margin-left:0px !important;
}
.ml-1 {
	margin-left:10px !important;
}
.ml-2 {
	margin-left:20px !important;
}
.ml-3 {
	margin-left:30px !important;
}
.ml-4 {
	margin-left:40px !important;
}
.ml-5 {
	margin-left:50px !important;
}
.ml-6 {
	margin-left:60px !important;
}
.ml-7 {
	margin-left:70px !important;
}
.ml-8 {
	margin-left:80px !important;
}
.ml-9 {
	margin-left:90px !important;
}
.ml-10 {
	margin-left:100px !important;
}
.mr-0 {
	margin-right:0px !important;
}
.mr-1 {
	margin-right:10px !important;
}
.mr-2 {
	margin-right:20px !important;
}
.mr-3 {
	margin-right:30px !important;
}
.mr-4 {
	margin-right:40px !important;
}
.mr-5 {
	margin-right:50px !important;
}
.mr-6 {
	margin-right:60px !important;
}
.mr-7 {
	margin-right:70px !important;
}
.mr-8 {
	margin-right:80px !important;
}
.mr-9 {
	margin-right:90px !important;
}
.mr-10 {
	margin-right:100px !important;
}
.pt-0 {
	padding-top:0px !important;
}
.pt-1 {
	padding-top:10px !important;
}
.pt-2 {
	padding-top:20px !important;
}
.pt-3 {
	padding-top:30px !important;
}
.pt-4 {
	padding-top:40px !important;
}
.pt-5 {
	padding-top:50px !important;
}
.pt-6 {
	padding-top:60px !important;
}
.pt-7 {
	padding-top:70px !important;
}
.pt-8 {
	padding-top:80px !important;
}
.pt-9 {
	padding-top:90px !important;
}
.pt-10 {
	padding-top:100px !important;
}
.pb-0 {
	padding-bottom:0px !important;
}
.pb-1 {
	padding-bottom:10px !important;
}
.pb-2 {
	padding-bottom:20px !important;
}
.pb-3 {
	padding-bottom:30px !important;
}
.pb-4 {
	padding-bottom:40px !important;
}
.pb-5 {
	padding-bottom:50px !important;
}
.pb-6 {
	padding-bottom:60px !important;
}
.pb-7 {
	padding-bottom:70px !important;
}
.pb-8 {
	padding-bottom:80px !important;
}
.pb-9 {
	padding-bottom:90px !important;
}
.pb-10 {
	padding-bottom:100px !important;
}
.pr-0 {
	padding-right:0px !important;
}
.pr-1 {
	padding-right:10px !important;
}
.pr-2 {
	padding-right:20px !important;
}
.pr-3 {
	padding-right:30px !important;
}
.pr-4 {
	padding-right:40px !important;
}
.pr-5 {
	padding-right:50px !important;
}
.pr-6 {
	padding-right:60px !important;
}
.pr-7 {
	padding-right:70px !important;
}
.pr-8 {
	padding-right:80px !important;
}
.pr-9 {
	padding-right:90px !important;
}
.pr-10 {
	padding-right:100px !important;
}
.pl-0 {
	padding-left:0px !important;
}
.pl-1 {
	padding-left:10px !important;
}
.pl-2 {
	padding-left:20px !important;
}
.pl-3 {
	padding-left:30px !important;
}
.pl-4 {
	padding-left:40px !important;
}
.pl-5 {
	padding-left:50px !important;
}
.pl-6 {
	padding-left:60px !important;
}
.pl-7 {
	padding-left:70px !important;
}
.pl-8 {
	padding-left:80px !important;
}
.pl-9 {
	padding-left:90px !important;
}
.pl-10 {
	padding-left:100px !important;
}
.disp {
	display:none !important;
}
.logo {
	margin-bottom:25px !important;
}
.logo a {
	cursor:pointer;
}
#YT {
	display:none;
}
.Format {
	font-size:30px;
	letter-spacing:3px;
}
.Homepage {
	cursor:pointer;
}
.logo img {
	width:170px;
	margin-left:-11px;
	height:auto;
}
#MobileMenu {
	padding:4px 0px 4px 0px;
	font-family:"Courier New", Courier, monospace;
	font-weight:lighter;
	font-size:2.25em;
	line-height:1em;
	text-align:center !important;
}
#team-section .team-box .md-modal {
	width:60% !important;
}
.news-post .inner-hover span {
	border-color:#68C2EE !important;
	color:#68C2EE !important;
	font-weight:lighter !important;
}
.news-post .inner-hover h2 {
	font-weight:lighter !important;
	font-size:1.25em !important;
}
.news-post .YTPlay {
	width:60px;
	height:60px;
	border:1px;
	border-style:solid;
	border-radius:30px;
	padding:0px 8px 0px 15px;
	border-color:rgba(255,255,255,0.5);
	color:rgba(255,255,255,0.75);
	background-color:rgba(255,255,255,0.1);
	font-size:38px !important;
	text-align:center;
	cursor:pointer !important;
	position:absolute;
	z-index:990;
	top:42%;
	left:45%;
	transition:.3s;
}
.TempWid70 {
	width:70% !important;
}
.TempWid30 {
	width:30% !important;
}
.line {
	overflow:hidden;
	background-color:#0F9 !important;
	background-image:url(../images/line.jpg) !important;
	background-position:center center !important;
	background-repeat:no-repeat !important;
	background-size:100% auto !important;
}
.line img {
	width:100%;
	height:auto;
}
.LINETXT a {
	color:#06c755 !important;
	text-decoration:underline;
}
.news-post .YTPlay:hover {
	border-color:rgba(255,255,255,1);
	color:rgba(255,255,255,1);
	transition:.3s;
}
.news-post .inner-hover p {
	color:#68C2EE !important;
	font-weight:lighter !important;
	display:none;
}
/*#MobileMenu span {
	width:28px;
	height:2px;
	margin-bottom:2px;
	background-color:#999;
}*/
.SDSFooter {
	font-size:1em !important;
	font-family:"Courier New", Courier, monospace;
}
.SDSFooter small {
	font-size:0.875em;
}
.SDSHeader {
	margin-top:-3.5% !important;
}

.SDSHeader .menu {
	background-color:rgba(0,0,0,0.0);
}
.SDSMenu li {
/*	min-height:1px;
	height:30px;
	padding:0px;*/
}
.SDSMenu li a {
	width:70%;
	margin-left:15%;
	margin-right:15%;
	font-size:1.125em !important;
	font-weight:normal !important;
	color:#000 !important;
	letter-spacing:1px;
	text-align:center;
	padding:7px 0px 7px 0px !important;
	margin-bottom:0px !important;
	border:1px;
	border-top:1px;
	border-bottom:0px;
	border-right:0px;
	border-left:0px;
	border-style:dashed !important;
	border-color:rgba(0,0,0,0.15) !important;
	border-top-color:#666;
	margin-top:-1px;
}
.SDSMenu .active a {
	color:#008ED6 !important;
}
.ViewVideoIcon {
	width:auto;
	height:auto;
	position:absolute;
	z-index:80;
	right:5%;
	top:10%;
}
.ViewVideoIcon .ViewVideo {
	width:100px;
	height:100px;
	border:10px;
	border-style:solid;
	border-radius:50px;
	cursor:pointer;
	overflow:hidden;
	color:rgba(255,255,255,0.7);
}
.ViewVideoIcon .ViewVideo img {
	width:100%;
	height:auto;
}
.ViewVideoIcon p {
	width:auto;
	position:absolute;
	z-index:10;
	margin-left:-95px;
	margin-top:-155px;
}
.ViewVideoIcon p img {
	width:auto;
	height:auto;
}
.SocialMedia li a {
	padding-top:2px;
}
.SocialMedia li a i {
	font-size:1.5em;
}
.SDS {
	display:block;
}
.SDSMobile {
	display:none;
}
.AboutFrame {
	background-image:url(../heatmaintain/albums/bg02.jpg) !important;
/*	background-color:rgba(0,0,0,0.03) !important;*/
}
.AboutFrame .title-section span:nth-child(2) {
	border-style:solid !important;
	height:0px;
	border-color:rgba(255,204,0,1);
	border-top:0px;
/*	background-color:rgba(77,151,219,0.5);*/
/*	color:rgba(77,151,219,1);*/
}
.WorkDetail {
	padding:0px 13% 4% 13%;
}
.SecHeading {
  margin-bottom: 10px;
  text-align: left;
  position:relative;
  z-index:30;
}
.SecHeading p {
	width:100%;
	height:auto;
}
.SpecialHeading {
	color:#fff !important;
	font-size:1.75em;
	font-weight:lighter;
	letter-spacing:3px;
}
.VideofontdarkColorStyle {
	font-size:1.5em !important;
	color:#555;
}
.LineSmallIcon {
	width:40px;
	height:40px;
	border:0px;
	border-radius:20px;
	background-image:url(../images/line.jpg) !important;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:40px auto;
}
.LineSmallIcon a {
	background-color:transparent !important;
}
.WorkFrame {
	background-image:url(../heatmaintain/albums/bg03.jpg) !important;
/*	background-color:rgba(0,0,0,0.03) !important;*/
}
.WorkFrame .title-section span:nth-child(2) {
	border-style:solid !important;
	height:0px;
	border-color:rgba(255,204,0,0);
	border-top:1px;
/*	background-color:rgba(77,151,219,0.5);*/
	color:rgba(77,151,219,1);
}
.WorkFrame .iso-call {
	position:relative;
	z-index:50;
}
.WorkFrame .portfolio-box .hover-box .inner-hover h2 {
	font-size:1.65em;
	font-weight:lighter;
	letter-spacing:2px;
	color:#fff;
}
.WorkFrame .portfolio-box .hover-box .inner-hover p {
	font-size:0.95em;
	font-weight:normal;
	letter-spacing:5px;
	color:#66BFF4;
}
.WorkFrame .portfolio-box .project-post .hover-box a.zoom {
	margin-left:-15px;
	margin-top:-25px;
}
.ThirdBG {
	background-image:url(../heatmaintain/albums/bg02.jpg) !important;
}
.ThirdBG .Grey-CoverFrame {
/*	background-color:rgba(195,195,195,0.8);*/
}
.ThirdBG .title-section h1 {
	color:#000 !important;
}
.ThirdBG .portfolio-box .project-post {
	width:33.33% !important;
}
.contact-info .title-section h1 {
	font-size:4.5em;
	letter-spacing:5px;
}
.contact-info .title-section p {
	font-size:1.125em;
	line-height:1.65em;
	color:rgba(255,255,255,0.65);
	letter-spacing:2px;
}
.contact-info-box h2 {
	font-size:1.25em !important;
	font-weight:normal !important;
	letter-spacing:2px;
}
.contact-info-box p {
	font-size:1.083em !important;
	font-weight:normal !important;
	letter-spacing:1px;
	color:#efefef;
}
.contact-form label {
	font-size:1.25em;
	font-weight:lighter;
	letter-spacing:3px;
	color:rgba(255,255,255,0.5);
}
.contact-form input[type="text"] {
	font-size:1.25em !important;
	font-weight:normal !important;
	padding:8px 12px 8px 12px !important;
	color:#FFF !important;
	border:1px !important;
	border-style:solid !important;
	border-radius:10px !important;
	border-color:rgba(255,255,255,0.35) !important;
	background-color:rgba(0,0,0,0.35) !important;
}
.contact-form input[type="button"] {
	font-size:1.5em !important;
	font-weight:normal !important;
	padding:8px 12px 8px 15px !important;
	color:#FFF !important;
	border:1px !important;
	letter-spacing:3px !important;
	border-style:solid !important;
	border-radius:10px !important;
	border-color:rgba(255,255,255,0.35) !important;
	background-color:#000;
}
.contact-form textarea {
	font-size:1.25em !important;
	font-weight:normal !important;
	padding:8px 12px 8px 12px !important;
	color:#FFF !important;
	border:1px !important;
	border-style:solid !important;
	border-radius:5px !important;
	border-color:rgba(255,255,255,0.35) !important;
	background-color:rgba(0,0,0,0.35) !important;
}
.blog-section .title-section h1 {
	font-size:4.5em;
	letter-spacing:2px;
}
.blog-section .title-section span:nth-child(2) {
	background-color:#069;
}
.blog-section .title-section p {
	font-size:1.125em;
	line-height:1.65em;
}
.double-section .transparent-section {
  width: 50%;
  padding: 60px 0;
}
.faqs-section .title-section h1 {
	font-size:4.5em;
	letter-spacing:2px;
}
.faqs-section .title-section p {
	font-size:1.125em;
	line-height:1.65em;
}
.inner-non-transparent-section p {
	color:#555;
}
.double-section .transparent-section .inner-transparent-section {
  width: 495px;
  padding-right: 50px;
}
.double-section .non-transparent-section {
  width: 50%;
  padding: 60px 0;
}
.double-section .non-transparent-section .inner-non-transparent-section {
  width: 565px;
  padding-left: 50px;
}
.double-section .non-transparent-section .inner-non-transparent-section .title-section h1 {
	font-size:3em;
	font-weight:normal;
}
.double-section .non-transparent-section .inner-non-transparent-section .title-section p {
	font-size:1.375em !important;
	line-height:1.85em !important;
	letter-spacing:1px !important;
}
.ArticleRight {
	width:100%;
	float:left;
}
.ArticleRight .non-transparent-section {
	float:right !important;
}
.ArticleRight .non-transparent-section .inner-non-transparent-section {
	float:left !important;
}
.ArticleRight .non-transparent-section .inner-non-transparent-section .title-section {
	float:left !important;
	margin-left:50px;
}
.ArticleRight .transparent-section {
	float:left !important;
}
.ArticleRight .transparent-section .inner-transparent-section {
	float:right !important;
	margin-right:50px !important;
}
.ArticlePicFull {
	width:100%;
	float:left;
	background-color:#fff;
}
.ArticlePicFull img {
	width:100%;
	height:auto;
}
/*.ArticlePicBothOuter {
	width:100% !important;
	margin:0px !important;
	padding:3.5% 0px 3.5% 0px !important;
	height:auto;
	float:left;
}*/
.ArticlePicBoth {
	width:100% !important;
	margin:0px 0% 0px 0% !important;
	padding:3.5% 0px 3.5% 0px !important;
	background-color:#FFF;
	height:auto;
	float:left;
}
.ArticlePicBoth p {
	width:90%;
	margin-left:5%;
	padding:5px 0px 5px 0px;
	font-weight:normal;
	letter-spacing:2px;
	font-size:19px;
	border:0px;
	border-bottom:1px;
	border-style:dashed;
	border-color:#cdcdcd;
	text-align:center;
	color:#000;
	float:left;
}
.ArticlePicBoth span {
	color:#000;
	font-weight:normal;
}
.ArticlePicBoth p:last-child {
	border-bottom:0px;
}
.halfWidL {
	width:50%;
	padding:0px !important;
	margin:0px !important;
	text-align:center;
	float:left;
}
.halfWidL img {
	width:auto;
	height:100%;
}
.halfWidR {
	width:50%;
	padding:0px !important;
	margin:0px !important;
	text-align:center;
	float:left;
}
.halfWidR img {
	width:auto;
	height:100%;
}
.ArticlePicVid {
	width:100% !important;
	margin:0px !important;
	height:auto;
}
.ArticlePicFull .Intro {
	width:100%;
	padding:0px 10% 0px 10%;
	margin:0px;
	background-color:#FFF;
	float:left;
}
.ArticlePicVid .Intro {
/*	width:75% !important;*/
/*	padding-left:5%;*/
	background-color:#FFF;
	float:left;
}
.ArticlePicVid .Intro p {
	width:auto;
	padding:20px 0px 5px 3%;
	font-size:21px;
	font-weight:normal;
	color:#000;
	text-align:center;
	position:absolute;
	letter-spacing:2px;
	z-index:5;
}
.ArticlePicFull .Intro p {
	width:auto;
	padding:20px 0px 5px 3%;
	font-size:21px;
	font-weight:normal;
	color:#000;
	text-align:center;
	position:absolute;
	letter-spacing:2px;
	left:0;
	z-index:5;
}
.ArticlePicVid .Intro img {
	width:100% !important;
	float:left;
}
.ArticlePicVid .YTVid {
/*	width:25% !important;*/
	background-color:#FFF;
	padding-right:0%;
	position:relative;
	z-index:30;
	float:left;
}
.ArticlePicFull p {
	width:97%;
	margin-right:3%;
	padding:15px 0px 15px 0px;
	text-align:right;
	font-size:1.25em;
	font-weight:normal;
	color:#000;
}
.IntroFrame {
	width:100%;
	float:left;
}
#Intro00 {
	display:inline-block;
}
#Intro01 {
	display:inline-block;
}
#Intro02 {
	display:inline-block;
}
#Intro03 {
	display:inline-block;
}
#YTFrame {
	width:100%;
	position:relative;
	z-index:5;
	float:left;
}
.OddColor {
	padding:4% 0px 4% 0px;
	margin:0px !important;
	float:left;
}
.OddColor:nth-child(odd) {
	background-color:rgba(0,0,0,0.05);
}
.EvenColor {
	padding:4% 0px 4% 0px;
	margin:0px !important;
	float:left;
}
.EvenColor:nth-child(even) {
	background-color:rgba(0,0,0,0.05);
}
.InnerIntroContent {
	width:84%;
	margin-left:7%;
	margin-right:7%;
	padding-top:30px;
	padding-bottom:20px;
	float:left;
	text-align:center !important;
}
.InnerIntroContent span {
	widows:100%;
	font-weight:normal;
	font-size:2.5em;
	line-height:1.375em;
	text-align:center !important;
	color:#1397D7;
}
.InnerIntroContent p {
	widows:100%;
	padding-top:20px;
	padding-bottom:0px;
	font-size:1.35em;
	line-height:1.75em;
	text-align:center !important;
}
.InnerIntroContent div {
	font-size:1.25em !important;
	line-height:1.75em !important;
}
/*.InIntro {
	font-size:3em !important;
}*/
#about-two-section:after {
  background: rgba(34, 34, 34, 0.0) !important;
}
#about-two-section .transparent-section {
	background-color:#fefefe;
}
#about-two-section .transparent-section .inner-transparent-section img {
	width:100% !important;
	height:auto !important;
}
#about-two-section .transparent-section .inner-non-transparent-section img {
	width:100% !important;
	height:auto !important;
}

#portfolio-section .filter li a {
	font-size:1.083em !important;
	font-weight:normal !important;
	letter-spacing:2px !important;
}
#portfolio-section .filter li {
	margin-bottom:5px !important;
}
.md-close {
	position:absolute !important;
	z-index:999 !important;
	margin-top:-41px !important;
	margin-right:-10px !important;
	border:1px !important;
	font-size:22px !important;
}
.Grey-CoverFrame {
	width:100%;
	height:100%;
	position:absolute;
	z-index:30;
	background-color:rgba(45,45,45,0.76);
	top:0;
}
#portfolio-section .filter {
	font-size:1.25em !important;
	font-weight:normal !important;
	letter-spacing:2px !important;
	position:relative;
	z-index:40;
}
#portfolio-section .title-section {
	position:relative;
	z-index:40;
}
#portfolio-section .title-section h1 {
	color:#fff !important;
	font-size:3.5em !important;
	letter-spacing:2px !important;
	font-weight:normal;
}
#portfolio-section .title-section p {
	font-size:1.35em !important;
	line-height:1.95em !important;
	letter-spacing:1px !important;
	color:#efefef;
	font-weight:normal;
}
.accordion-box .accord-title h2 {
	font-size:2em;
	font-weight:normal;
	letter-spacing:2px;
}
.accordion-box .accord-content p {
	font-size:1.5em;
	line-height:1.85em;
	letter-spacing:1px;
}
#Slogan01 {
	z-index: 9;
	width: 90% !important;
	left:5% !important;
	white-space:pre-wrap !important;
	max-height: auto !important;
	text-align:center !important;
	font-size:20px !important;
	letter-spacing:2px !important;
}
#Slogan02 {
	z-index: 9;
	width: 90% !important;
	left:5% !important;
	white-space:pre-wrap !important;
	max-height: auto !important;
	text-align:center !important;
	font-size:20px !important;
	letter-spacing:2px !important;
}
#Slogan03 {
	z-index: 9;
	width: 90% !important;
	left:5% !important;
	white-space:pre-wrap !important;
	max-height: auto !important;
	text-align:center !important;
	font-size:20px !important;
	letter-spacing:2px !important;
}
@media (max-width:1900px){
	.SDSHeader {
		margin-top:9.5% !important;
	}
}
@media (max-width:991px){
	.SDS {
		display:none;
	}
	.SDSMobile {
		display:block;
	}
	.SDSHeader {
		margin-top:20px !important;
	}
	.SDSHeader .menu {
		background-color:rgba(0,0,0,0.05);
	}
	
	.logo img {
		width:230px;
		margin-left:0px;
		height:auto;
	}
	footer {
		width:100%;
		position:absolute;
		z-index:10;
		left:0;
		top:0;
	}
	.SDSMenu li a {
		margin:0px;
		width:100%;
	}
}
@media (min-width:769px) and (max-width:1366px){
	.AboutFrame .container {
		padding-left:5%;
	}
	.double-section .transparent-section {
	  width: 50%;
	  padding: 5% 0;
	}
	.double-section .transparent-section .inner-transparent-section {
	  width: 90%;
	  padding-right: 10%;
	}
	.double-section .non-transparent-section {
	  width: 50%;
	  padding: 5% 0;
	}
	.double-section .non-transparent-section .inner-non-transparent-section {
	  width: 90%;
	  padding-left: 10%;
	}
	.double-section .non-transparent-section .inner-non-transparent-section .title-section h1 {
		font-size:3em;
	}
	.double-section .non-transparent-section .inner-non-transparent-section .title-section p {
		font-size:1.375em !important;
		line-height:1.85em !important;
		letter-spacing:1px !important;
	}
	.ArticleRight {
		width:100%;
		float:left;
	}
	.ArticleRight .non-transparent-section {
		float:right !important;
	}
	.ArticleRight .non-transparent-section .inner-non-transparent-section {
		float:left !important;
		width: 100% ;
	}
	.ArticleRight .non-transparent-section .inner-non-transparent-section .title-section {
		float:left !important;
	}
	.ArticleRight .transparent-section {
		float:left !important;
	}
	.ArticleRight .transparent-section .inner-transparent-section {
		float:right !important;
		margin-right:10% !important;
	}
	.news-post .inner-hover h2 {
		font-size:1em !important;
	}
	.news-post .YTPlay {
		width:55px;
		height:55px;
		border-radius:28px;
		padding:0px 5px 0px 12px !important;
		font-size:34px !important;
		left:40%;
		top:40%;
	}
	#team-section .team-box .md-modal {
		width:70% !important;
	}
}
@media (min-width:541px) and (max-width:768px){
	#Slogan01 {
		letter-spacing:2px;
		font-size:20px !important;
		line-height:30px !important;
		margin-top:-8% !important;
	}
	#Slogan02 {
		letter-spacing:2px;
		font-size:20px !important;
		line-height:30px !important;
		margin-top:-8% !important;
	}
	#Slogan03 {
		letter-spacing:2px;
		font-size:20px !important;
		line-height:30px !important;
		margin-top:-8% !important;
	}
	.AboutFrame .container {
		padding-left:5%;
	}
	.double-section .transparent-section {
	  width: 50%;
	  padding: 5% 0;
	}
	.double-section .transparent-section .inner-transparent-section {
	  width: 80%;
	  padding-right: 20%;
	}
	.double-section .non-transparent-section {
	  width: 50%;
	  padding: 5% 0;
	}
	.double-section .non-transparent-section .inner-non-transparent-section {
	  width: 80%;
	  padding-left: 20%;
	}
	.double-section .non-transparent-section .inner-non-transparent-section .title-section h1 {
		font-size:2.5em;
	}
	.double-section .non-transparent-section .inner-non-transparent-section .title-section p {
		font-size:1.25em !important;
		line-height:1.55em !important;
		letter-spacing:1px !important;
	}
	.ArticleRight {
		width:100%;
		float:left;
	}
	.ArticleRight .non-transparent-section {
		float:right !important;
	}
	.ArticleRight .non-transparent-section .inner-non-transparent-section {
		float:left !important;
		width: 90% ;
	}
	.ArticleRight .non-transparent-section .inner-non-transparent-section .title-section {
		float:left !important;
	}
	.ArticleRight .transparent-section {
		float:left !important;
	}
	.ArticleRight .transparent-section .inner-transparent-section {
		float:right !important;
		margin-right:10% !important;
	}
	.ThirdBG .portfolio-box .project-post {
		width:50% !important;
	}
	.WorkFrame .portfolio-box .hover-box .inner-hover h2 {
		font-size:1.65em;
	}
	.blog-section .title-section h1 {
		font-size:4em;
		letter-spacing:2px;
	}
	.faqs-section .title-section h1 {
		font-size:4em;
		letter-spacing:2px;
	}
	.contact-info .title-section h1 {
		font-size:4em;
		letter-spacing:2px;
	}
	#team-section .team-box .md-modal {
		width:95% !important;
	}
	.halfWidL {
		width:100% !important;
	}
	.halfWidL img {
		width:100%;
		height:auto;
	}
	.halfWidR {
		width:100% !important;
	}
	.halfWidR img {
		width:100%;
		height:auto;
	}
	.ArticlePicFull .Intro {
		padding:0px 0% 0px 0%;
	}
	.ArticlePicFull .Intro p {
		position:relative;
		z-index:5;
	}
	.ArticlePicVid .Intro p {
		position:relative;
		z-index:5;
	}
	.AboutFrame .container .filter li {
		width:50%;
		margin-left:0%;
		margin-right:0%;
		float:left;
/*		border:0px;
		border-bottom:1px;
		border-style:dashed;
		border-color:rgba(255,255,255,0.5);*/
	}
	.AboutFrame .container .filter li a {
		width:92.5%;
		margin-left:0%;
		margin-right:7.5%;
		text-align:center;
		border:2px !important;
		border-style:solid !important;
		border-color:rgba(255,255,255,0.45) !important;
		float:left;
	}
}
@media (max-width:540px){
	.AboutFrame .container {
		padding-left:5%;
	}
	.double-section .transparent-section {
	  width: 100%;
	  padding: 5% 0;
	}
	.double-section .transparent-section .inner-transparent-section {
	  width: 95%;
	  padding-right: 5%;
	}
	.double-section .non-transparent-section {
	  width: 100%;
	  padding: 5% 0;
	}
	.double-section .non-transparent-section .inner-non-transparent-section {
	  width: 80%;
	  padding-left: 20%;
	}
	.double-section .non-transparent-section .inner-non-transparent-section .title-section h1 {
		font-size:3em;
	}
	.double-section .non-transparent-section .inner-non-transparent-section .title-section p {
		font-size:1.35em !important;
		line-height:1.85em !important;
		letter-spacing:1px !important;
	}
	.ArticleRight {
		width:100%;
		float:left;
	}
	.ArticleRight .non-transparent-section {
		float:right !important;
	}
	.ArticleRight .non-transparent-section .inner-non-transparent-section {
		float:left !important;
		width: 90% ;
	}
	.ArticleRight .non-transparent-section .inner-non-transparent-section .title-section {
		float:left !important;
	}
	.ArticleRight .transparent-section {
		float:left !important;
	}
	.ArticleRight .transparent-section .inner-transparent-section {
		float:right !important;
		margin-right:0% !important;
	}
	.ThirdBG .portfolio-box .project-post {
		width:100% !important;
	}
	.WorkFrame .portfolio-box .hover-box .inner-hover h2 {
		font-size:1.375em;
	}
	.blog-section .title-section h1 {
		font-size:3.5em;
		letter-spacing:2px;
	}
	.faqs-section .title-section h1 {
		font-size:3.5em;
		letter-spacing:2px;
	}
	.contact-info .title-section h1 {
		font-size:3.5em;
		letter-spacing:2px;
	}
	.news-post .inner-hover h2 {
		font-size:1em !important;
	}
	.news-post .YTPlay {
		width:50px;
		height:50px;
		border-radius:25px;
		padding:0px 0px 0px 8px !important;
		font-size:32px !important;
		left:43%;
		top:40%;
	}
	#team-section .team-box .md-modal {
		width:95% !important;
	}
	.halfWidL {
		width:100% !important;
	}
	.halfWidL img {
		width:100%;
		height:auto;
	}
	.halfWidR {
		width:100% !important;
	}
	.halfWidR img {
		width:100%;
		height:auto;
	}
	.ArticlePicFull .Intro {
		padding:0px 0% 0px 0%;
	}
	.ArticlePicFull .Intro p {
		position:relative;
		z-index:5;
	}
	.ArticlePicVid .Intro p {
		position:relative;
		z-index:5;
	}
	.AboutFrame .container .filter li {
		width:100%;
		margin-left:0%;
		margin-right:0%;
		float:left;
/*		border:0px;
		border-bottom:1px;
		border-style:dashed;
		border-color:rgba(255,255,255,0.5);*/
	}
	.AboutFrame .container .filter li a {
		width:95%;
		margin-left:0%;
		margin-right:5%;
		text-align:center;
		border:2px !important;
		border-style:solid !important;
		border-color:rgba(255,255,255,0.45) !important;
		float:left;
	}
}
@media (min-width:1601px){
}
@media (min-width:1367px) and (max-width:1600px){
	.WorkDetail {
		padding:0px 9% 3% 9%;
	}
}
@media (min-width:1281px) and (max-width:1366px){
	.WorkDetail {
		padding:0px 9% 3% 9%;
	}
}
@media (min-width:1194px) and (max-width:1280px){
	.WorkDetail {
		padding:0px 5% 3% 5%;
	}
}
@media (min-width:995px) and (max-width:1193px){
	.WorkDetail {
		padding:0px 1.5% 1.5% 1.5%;
	}
		
}
@media (min-width:801px) and (max-width:994px){
	.WorkDetail {
		padding:0px 1.5% 1.5% 1.5%;
	}
}
@media (min-width:541px) and (max-width:800px){
	.WorkDetail {
		padding:0px 1.5% 1.5% 1.5%;
	}
}

@media (min-width:431px) and (max-width:540px){
	.WorkDetail {
		padding:0px 1.5% 1.5% 1.5%;
	}
	#Slogan01 {
		letter-spacing:2px !important;
		font-size:20px !important;
		line-height:30px !important;
		margin-top:-8% !important;
	}
	#Slogan02 {
		letter-spacing:2px;
		font-size:20px !important;
		line-height:30px !important;
		margin-top:-8% !important;
	}
	#Slogan03 {
		letter-spacing:2px;
		font-size:20px !important;
		line-height:30px !important;
		margin-top:-8% !important;
	}
}

@media (max-width:430px){
	.WorkDetail {
		padding:0px 1.5% 1.5% 1.5%;
	}
	#Slogan01 {
		font-size:16px !important;
		line-height:26px !important;
		margin-top:-10% !important;
	}
	#Slogan02 {
		letter-spacing:2px;
		font-size:16px !important;
		line-height:26px !important;
		margin-top:-10% !important;
	}
	#Slogan03 {
		letter-spacing:2px;
		font-size:16px !important;
		line-height:26px !important;
		margin-top:-10% !important;
	}
}