/* CSS Document */
@import url("https://fonts.googleapis.com/earlyaccess/notosanstc.css");
@import url("https://fonts.googleapis.com/earlyaccess/cwtexfangsong.css");
@import url("https://fonts.googleapis.com/earlyaccess/cwtexming.css");
#sel {
    font-size: 16px;
    height: 50px;
    font-weight: 800;
}
.tablejxtcwall1295 div.introold, .tablejxtcwall1295 li, .tablejxtcwall1295 a.sigProLink, .tablejxtcwall1295 span.sigProLink, .tablejxtcwall1295 ul.sigProContainer, .tablejxtcwall1295 img {
    width: 100%!important;
    text-align: center;
    max-width: 400px;
    height: 250px;
    margin: 0 auto;
}
.w60{width: 70%}
.w40{width: 30%}
.sw70{width: 70%; margin: 0px; padding: 50px 0px 0px;float: left}
.sw30{width: 30%; margin: 0px; padding: 0px;float: left}
#user20 div#jxtcytpw>div{display: block; float: left;}
#user20 div.ytpw_basic_playerWrap iframe {
    height: 60%;
}
#user20 div.ytpwPlaylist{
    height: 750px;
    display: block;
    float: left;
    margin: 0 auto;
    width: 100%;
	overflow: hidden;
}
#user20 div.gridImage img {
    width: 76%;
    margin: 0% 12% 4%;
}
#user20 .gridImage>img {
    -webkit-filter: grayscale(30%);
    filter: grayscale(30%);
	transition: 1s all;
}
.indexvtt {
    font-size: 16px!important;
    line-height: 150%!important;
    text-align: center;
    width: 80%;
    margin: 0 auto;
    height: 50px;
    overflow: hidden;
}
.ttblue{color: #000089!important;}
.serviceslogo {
    width: 60%;
    margin: 105px 17% 0px;
}
#user20  div.ytpw_row{
    display: block;
    -webkit-flex-wrap: block;}
#user20 div.ytpw_video {
    width: 100%!important;
    display: block;
    float: left;
    margin: 0% 1% 1%;
    font-size: 16px;
}
.tablejxtcwall1295 a.sigProLink {
    background-color: #ffffff!important;
    border: 0px!important;
}
.tablejxtcwall1295 a.sigProLink:hover {
    background-color: #ffffff!important;
    border: 0px!important;
}
#jxtcwall1295 h3 {
    width: 100%;
    color: #000;
    padding: 10px;
    text-align: center;
    margin: 0 auto;
    margin-top: 20px;
    float: left;
    font-weight: 800!important;
    font-size: 16px;
}
.embed-container {
    height: auto;
    padding-bottom: 0%;
}
.warnservices2 {
    background-image: url(/images/servicebg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom center;
    background-color: #ffffff;
    float: left;
    width: 100%;
}
.pcuse{display: block;}
.muse{display: none;}
.itemFullText div.itemHeader{margin-top: 3%;}
.casett {
    width: 50%;
    display: block;
    float: left;
    padding: 1%;
    margin-top: 50px;
}
.caseselect {
    margin-top: 140px;
    width: 30%;
    float: left;
}
.casett img {
    width: 256px;
    float: right;
}
.serchoice {
    display: block;
    width: 40%;
    text-align: center;
    height: 200px;
    background-color: #DBDBDB;
    color: #000;
    font-weight: 800;
    font-size: 22px;
    transition: all .5s;
    padding-top: 45px;
    margin: 0 auto;
}
.serchoice img{width: 100px;}
.serchoice:hover {
    width: 40%;
    background-color: #00325c;
	color: #fff;
}
.servicetop {
    background-image: url(/images/servicescenter.jpg);
    background-size: contain;
    line-height: 150px;
    text-align: center;
}
.indcaselist {
    max-width: 1170px;
    margin: 50px auto;
}
.cattttt h2 {
    margin-top: 145px;
    width: 100%;
    text-align: center;
    font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif"!important;
    text-transform: uppercase;
    transform: scale(1.5);
}
.cattttt span.tt2 {
    padding-top: 10px;
    display: block;
    font-size: 35px;
    font-weight: 800;
    letter-spacing: 10px;
}
.indcaselist div{width: 24.5%; display: inline-block;text-align: center; color: #000000; font-weight: 800; transition: all .5s;}
.indcaselist div:hover{transform: scale(1.1);}
.indcaselist div img{width: 80%; margin-bottom: 10px;}
.servicetop h1{color: #fff!important;letter-spacing: 10px;}
.servicetop h3{color: #fff!important}
.tktext div.slideshowck {display: none!important;}
.sframejxtcwall1328{width: 100%!important;}
.showcasejxtcwall1328 {
    position: absolute!important;
    display: block!important;
    overflow: unset!important;
    z-index: 0!important;
    width: 100%!important;
    height: auto!important;
}
.sframejxtcwall1329{width: 100%!important;}
.showcasejxtcwall1329 {
    position: absolute!important;
    display: block!important;
    overflow: unset!important;
    z-index: 0!important;
    width: 100%!important;
    height: auto!important;
}
.rstbox-heading {
    text-align: center;
    padding-top: 1%;
    color: #9e8605;
    font-size: 30px;
    font-weight: 800;
    letter-spacing: 5px;
}
.rstbox-header {
    margin-bottom: 8px!important;
}
.indexnewslink {
    width: 94%;
    height: 260px;
    display: block;
    float: left;
    background-position: center;
    margin: 3%;
    color: #fff!important;
    line-height: 150%;
    font-weight: 800;
    text-align: center;
    font-size: 20px;
    padding-top: 45%;
    text-shadow: -2px -2px 5px #000000;
    background-repeat: no-repeat;
    margin-top: 13%;
}
.tklight {
    z-index: 99999999!important;
    position: fixed!important;
}
.newsbgtxt {
    font-size: 49px;
    color: #ffffff;
    transform: rotate(90deg);
    font-family: Times, "Times New Roman"!important;
    font-weight: 800!important;
    position: absolute;
    text-shadow: 4px -1px 14px #00000030;
    z-index: 0;text-transform:uppercase;
}
.urban {
    margin-top: -14%;
    left: -95px;
}
.indexnew{
    right: -125px;
    margin-top: -200px;
}
#prevjxtcwall1295, #prevjxtcwall1293 {
    position: absolute;
    margin-top: -9%!important;
}
#nextjxtcwall1295,#nextjxtcwall1293{
    position: unset;
    margin-top: -9%!important;
    float: right;
    display: block;
}
.morearea{width: 100%;display: block; float: left;}
.newsmore {
    background-color: #78787860;
    color: #fff;
    padding: 0.5%;
    font-size: 11px;
    transform: all .5s;
    margin: 0 auto;
    display: block;
    text-align: center;
    width: 100px;
    margin-bottom: 100px;
}
.newsmore::after {
    content: url(/images/down.png);
    display: block;
}
.newsmore:hover {
    background-color: #b59200;
    color: #fff!important;
}
.newsmore:visited {
    color: #fff!important;
	background-color: #78787860;
}
.tablejxtcwall1293 td {
    width: 21%!important;
    margin: 2%!important;
    display: block;
    float: left;
}
.tablejxtcwall1295 td {
    width: 46%!important;
    margin: 2%!important;
    display: block;
    float: left;
}
.ntitle{text-align: center;}
.ntitle h3{font-size: 26px!important;
    font-weight: 800!important;
    letter-spacing: 5px!important;}
#camera_wrap_1326 {
    width: 60%;
    float: left;
    margin-bottom: 0px!important;
}
.caseintro h3{text-align: center;
   }
.caseintro h4{text-align: center;
	color: #ffffff;
   }
#camera_wrap_1326 ul.camera_pag_ul {
    text-align: center;
}
#camera_wrap_1326{transition: all .2s ease-in-out;}
#camera_wrap_1326:hover{transform: scale(1.1);}
#user15 {
    background-size: cover;
}

.topsubmenu{
	text-align: center;
	color: #fff;
	font-size: 20px;
	padding: 1%;
	margin-top: 3%;
	position: relative;
	width: 100%;
	float: left;
	width: 100%;
	background-color: #ffffff;
}
.topsub h1{
	text-align: center;
	color: #fff;
	font-size: 20px;
}
.topsub a:link {
    color: #ffffff;
    margin: 5% 3%;
    padding: 0.5% 3%;
    font-size: 16px;
	transition: all .5s;
	background-color: #00325c;
}
.topsub a:hover{
	color: #ffffff;
	background-color: #0F5D9F;
}
.topsub a:visited{
	color: #fff;
}
#headerwrap {
	background: transparent;
	transition: all .5s;
}
.lipop2 {
    width: 25%;
    display: block;
    float: left;
    text-align: center;
    height: 170px;
    transition: all .5s;
}
.lipop2 img{width: 100%; display: block; float: left; margin: 0 auto;}
.lipop2:hover{
	cursor: pointer;
	transform:scale(1.05);
}

.lipop2 img {
    margin-top: 5%;
    width: 33%;
    display: block;
    float: none;
    margin: 0 auto;
}
.poptxt {
    background-color: #00325c;
    color: #fff!important;
    padding: 0% 1%;
    width: 14.5%;
}
.poptxt p {
    font-size: 12px;
    line-height: 300%;
    color: #ffe182;
    text-align: left;
}
.poptxt h2 {
    font-size: 24px;
    color: #fec202;
    font-weight: 800!important;
    margin-top: 16%;
}
.pop3 {
    width: 22.83%;
}
.popm3 {
    width: 8.5%;
}
.caselist {
    padding: 0% 1%;
    display: block;
    float: right;
    width: 38%;
}
.caseintro {
    float: left;
    display: block;
    text-align: center;
    margin: 16.5% 0%;
    width: 100%;
}
.caseintro h3 {
    font-weight: 800!important;
    font-size: 44px;
    margin-bottom: 0%;
    letter-spacing: 22px;
    color: #ffffff;
	white-space:nowrap;
}
.caseintro a:link {
    background-color: #3E77BB;
    color: #FFF!important;
    width: auto;
    padding: 1% 3%;
    -moz-border-radius: 23px;
    -webkit-border-radius: 23px;
    border-radius: 23px;
    font-size: 12px;
    transition: all .5s;
    letter-spacing: 10px;
    text-align: center;
    width: 30%;
    display: block;
    margin: 0 auto;
    float: none;
}
.caseintro a:visited {
	background-color: #00325c;
	color: #FFF!important;
}
.caseintro {
	transition: all .5s;
	background-size: cover;
}

.caseintro p {
    padding: 5%;
    margin-bottom: 5%;
    font-size: 29px;
    font-weight: 800;
    color: #ffffff;
    letter-spacing: 5px;
    line-height: 200%;
    white-space: nowrap;
}
.caseintro a:hover {
	background-color: #000;
	color: #fff;
	padding: 1% 5%;
}
.case1 {
	background-image: url(/images/case/s3/bg1.jpg);
	background-color: #00b9f1;
	overflow: hidden;
	background-size: contain;
	background-position: bottom;
	background-repeat: no-repeat;
	transition: all .5s;
}
.case1:hover {
	-moz-box-shadow: -2px 4px 18px #000000;
	-webkit-box-shadow: -2px 4px 18px #000000;
	box-shadow: -2px 4px 18px #000000;
 transform:scale(1.1, 1.1);
}
.case2 {
	background-image: url(/images/case/s4/bg1.jpg);
	background-color: #1e1e1e;
	overflow: hidden;
	background-size: contain;
	background-position: bottom;
	background-repeat: no-repeat;
	transition: all .5s;
}
.case2:hover {
	-moz-box-shadow: -2px 4px 18px #000000;
	-webkit-box-shadow: -2px 4px 18px #000000;
	box-shadow: -2px 4px 18px #000000;
 transform:scale(1.1, 1.1);
}
.catItemImage img {
	height: 310px!important;
}
.ca1, .cb1{
	width: 40%;
	display: block;
	float: none;
	padding: 2.5%;
	margin: 0 auto;
}
 .ca2, .cb2 {
	width: 60%;
	display: block;
	float: none;
	padding: 2.5%;
	margin: 0 auto;
}
.ca1, .cb1 {
	margin-top: 10%;
}
.moduleItemTitle {
	font-size: 16px;
	font-weight: 800;
	position: absolute;
	margin-top: 45%;
	padding: 2% 3%!important;
	background-color: #00000080;
	line-height: 150%;
	color: #ffffff!important;
}
.moduleItemDateCreated {
	font-size: 24px;
	width: 25%;
	display: block;
	position: absolute;
	margin-top: -69%;
	background-color: #ffffff80;
	padding: 3%;
	border: 1px #fff solid;
	margin-left: 4%;
	color: #fff;
	text-shadow: 3px -1px 5px #000000;
}
div.k2Pagination ul li {
	display: inline;
	margin: 0% 2%;
}

.catItemDateCreated {
	font-size: 25px;
	color: #fff;
	text-shadow: 0px -1px 3px #000000;
	border: 1px #ffffff60 solid;
	padding: 0.5%;
	margin-top: 1%;
	position: absolute;
	margin-left: 1%;
	background-color: #ffffff20;
	font-family: Times, "Times New Roman", "serif";
	z-index: 999;
}
.catItemTitle {
	font-size: 16px;
	color: #666;
	padding: 0% 2% 6%;
	text-align: center;
	line-height: 200%!important;
}
.catItemTitle a {
    color: #2d2d2d!important;
    height: 35px;
    overflow: hidden;
    display: block;
}
.catItemTitle a:visited {
	color: #2d2d2d!important;
}
div.catItemBody {
	margin: 0% 5%;
	transition: all .5s;
	padding: 0px!important;
	background-color: #9fb9ce;
}
div.catItemBody:hover {
	-moz-box-shadow: 2px 2px 11px #00000030;
	-webkit-box-shadow: 2px 2px 11px #00000030;
	box-shadow: 2px 2px 11px #00000030;
	margin-top: -10%!important;
	background-color: #FFFFFF;
}
.indexlink {
    display: block;
    height: 235px;
    background-size: 100%;
    transition: all .5s;
    opacity: 0.6;
    background-position: center;
}
.submitlink {
	border-radius: 5px;
	padding: 11px 15px;
	color: #ffffff;
	font-size: 14px;
	background-color: #00a5f1;
	display: block;
	text-align: center;
}
.submitlink:hover {
	color: #ffffff!important;
	background-color: #055fe0;
}
.indexlink:hover {
	background-size: 105%;
	opacity: 1;
}
.indextitle {
	color: #fff;
	padding: 40% 10% 0%;
	display: block;
	font-size: 17px;
	text-shadow: -3px -1px 5px #000000;
	text-align: center;
	font-weight: 800;
	height: 3em;
	overflow: hidden;
}
.sframejxtcwall1295 span.indextitle {
	padding: 15% 10% 0%;
}
.muse {
	display: none!important;
}
.rstbox-close span {
	margin-top: 10px;
}
.regbtnfooter {
    bottom: 15%;
    z-index: 999;
    background-color: #ffffff;
    display: block;
    float: none;
    width: 50%;
    height: 4vh;
    text-align: center;
    line-height: 4vh;
    font-size: 14px;
    font-weight: 800;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    left: 25%;
    letter-spacing: 1px;
    color: #00325c;
    -moz-box-shadow: 1px 0px 5px #000000;
    -webkit-box-shadow: 1px 0px 5px #000000;
    box-shadow: 1px 0px 5px #000000;
    cursor: pointer;
    position: fixed;
    margin: 0 auto;
}
.itemVideoBlock {
	margin: 0px!important;
	padding: 0px!important;
	background: transparent!important;
}
.itemVideoBlock h3 {
	display: none;
}
.pcuse {
	display: block!important;
}

.login h1 {
	text-align: center;
	margin-top: 3vh;
	display: block;
	float: left;
	width: 100%;
}
.buildmenu {
	width: 100%!important;
	background-color: #074d88!important;
	margin-top: 28px!important;
	display: block;
	float: left;
}
.buildmenu ul {
	max-width: 500px;
	margin: 0 auto;
}
.buildmenu li {
	width: 49%;
	display: block;
	float: left;
	list-style: none;
	border-bottom: 0px!important;
	text-align: center;
	font-size: 12px;
	padding: 1% 0%;
}
.buildmenu a:link {
	color: #fff;
}
.buildmenu a:visited {
	color: #fff;
}
.login {
	text-align: center;
}
.login ul {
	width: 50%;
	display: block;
	float: left;
	margin-left: 25%;
}
#mobilemenubtn {
	display: none;
}
#headertop {
	display: none;
}
#header {
	display: block;
}
.showcasejxtcwall1293, .showcasejxtcwall1295 {
	z-index: unset!important;
	position: unset!important;
}
.modalpop img {
	filter: opacity(50%);
	transition: all 1s;
}
.modalpop img:hover {
	filter: opacity(100%);
	transform: scale(0.9);
	-moz-box-shadow: 1px -2px 19px #00000060;
	-webkit-box-shadow: 1px -2px 19px #00000060;
	box-shadow: 1px -2px 19px #00000060;
}
.buildtt {
	font-size: 29px;
	line-height: 100%!important;
	font-weight: 800!important;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position: absolute;
	z-index: 9;
	bottom: 10px;
	width: 23%;
	display: block;
	float: left;
	padding: 1%;
	color: #fff;
	text-shadow: -5px -1px 5px #00000060;
	text-align: center;
}
.close {
	opacity: 1!important;
	filter: alpha(opacity=100)!important;
}
.module {
	margin: 0px!important;
}
.modulecontent {
	padding: 0px!important;
}
.jem_tips {
	padding-bottom: 0px!important;
}
.tkimg {
    width: 50%;
    display: block;
    float: left;
    height: auto;
}
.modal-header h3 {
	text-align: center;
	font-weight: 800!important;
}
.tktext {
  padding: 1%;
  width: 48%;
  display: block;
  float: right;
  font-size: 16px;
  line-height: 200%;
}
.modal-header {
	z-index: 10000;
	background: #e4e4e4!important;
	position: sticky!important;
}
.txtcover {
	background: #00000080;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: fixed;
}
.modal-body {
	position: relative;
	height: 50vh;
	padding: 15px;
	overflow-y: auto;
	z-index: 999;
	background: #fff;
}
#region12wrap {
    background: transparent!important;
}
div.itemHeader span.itemDateCreated {
	color: #00325c;
	font-size: 13px;
	font-weight: 400;
	letter-spacing: 1px;
}
body, #component p, input, button, select, textarea {
	font-weight: unset;
}
#headerwrap #header #menuwrap ul.menu li.parent > ul > li > a {
	border-bottom: 0px!important;
}
body.frontpage {
	background: transparent!important;
}
.dnpgrid2text h2 {
	line-height: 100%!important;
	text-shadow: 5px 5px 5px #000000;
}
.dnpgrid2wrap .dnpgrid2text {
	padding: 15% 10%!important;
	width: 80%!important;
}
#region1 div.modulecontent {
	padding: 0px!important;
}
#user20 div.module, #user20 div.modulecontent, #user30 div.module, #user30 div.modulecontent {
	margin: 0px!important;
	padding: 0px!important;
}
.itemFullText {
	max-width: 1440px;
	margin: 0 auto;
}
#aboutus div {
	text-align: center;
}
#aboutus {
	max-width: 1200px;
	margin: 0 auto;
}
#header {
	max-width: 1200px!important;
	margin: 0 auto!important;
}
#menuwrap ul.menu > li.active a {
	border-bottom: 0px;
}
.itemBackToTop {
	display: none;
}
.aaa123 img {
	width: 13%;
	height: auto;
	margin: 0 auto;
	margin-left: 42%;
	margin-top: 5%;
	margin-bottom: 20%;
}
.sharetk {
	width: 300px;
	display: block;
	margin: 0 auto;
}
.ftct {
	width: 100%;
	display: block;
	float: left;
	margin-top: 20px;
	color: #fff;
}
#menuwrap {
	width: 80%;
	margin-top: 5px;
}
.xtcdefaultmenu li > a {
	font-size: 18px!important;
	margin: 18px 0%!important;
	letter-spacing: 3px!important;
	font-weight: 800;
}
.xtcdefaultmenu li {
	padding: 0% 0%!important;
	width: 12%!important;
	text-align: center!important;
	line-height: 10px!important;
	border-bottom: 3px solid #ffffff00!important;
	transition: all .5s;
}
.xtcdefaultmenu li:hover {
	border-bottom: 3px solid #ffffff!important;
	background-color: #FFFFFF10!important;
}
#logo a {
	background: url(/images/toplogo.svg) no-repeat 0 0!important;
	height: 50px!important;
	width: 160px!important;
	margin: 5px!important;
	background-size: contain!important;
}
#headertop {
	padding: 0px!important;
	padding-top: 0px!important;
	padding-bottom: 0px!important;
	margin-bottom: 0px!important;
}
body.sticky {
	margin-top: 60px!important;
	overflow-x: hidden;
}
.xtc-wrapperpad, .xtc-wrapper {
	max-width: 1920px!important;
	padding: 0px!important;
	margin: 0px auto!important;
}
.camera_prevThumbs, .camera_nextThumbs, .camera_prev, .camera_next, .camera_commands, .camera_thumbs_cont {
	background: rgba(216, 216, 216, 0)!important;
}
.camera_caption_title {
	font-size: 3em;
}
#camera_wrap_1276 .camera_caption > div div.camera_caption_desc {
	font-size: 24px;
	font-weight: 600;
}
.camera_pag {
	margin-top: -50px;
}
#camera_wrap_1276 {
	margin-bottom: 0px!important;
}
#user1 div.modulecontent {
	padding: 0px!important;
}
#region1 div.module {
	margin: 0px;
}
.us1_newspro figure {
	float: unset;
	width: 100%;
	overflow: hidden;
	margin: 0 auto;
	height: 600px;
	transition: all .5s;
}
.us1_newspro figure:hover {
	-moz-box-shadow: 2px 1px 13px #000000;
	-webkit-box-shadow: 2px 1px 13px #000000;
	box-shadow: 2px 1px 13px #000000;
}
figure.effect-marley h2 {
	font-weight: 900 !important;
	font-size: 26px;
	line-height: 130%!important;
}
.tablejxtcwall1277 {
	width: 100%;
	margin: 0 auto;
	margin-top: 3vh;
}
.caseaaaa {
	background-image: url(/images/case2.jpg);
	background-position: center;
	background-size: cover;
	background-attachment: fixed;
	height: 100vh;
	background-repeat: no-repeat;
}
.readmore {
	background-color: #567793;
	padding: 0.5% 1%;
	display: block;
	position: relative;
	width: 300px;
	text-align: center;
	margin-left: 38%;
	color: #ffffff;
	font-weight: 900;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	transition: all .5s;
}
.readmore:hover {
	background-color: #fff;
	color: #000;
}
.introbtn {
	margin-left: 8%!important;
}
.casebtn {
	margin-top: 10%;
}
#user10 div.modulecontent {
	padding: 0px!important;
}
#component {
	margin-bottom: 0px;
}
#user10 div.module {
	margin: 0px;
}
#footer div.module {
	margin: 0px;
}
#footer div.modulecontent {
	padding: 5px 0;
}
.newslist {
	max-width: 100%;
	margin: 0 auto;
}
.newslist a:link {
	width: 23%;
	display: block;
	float: left;
	margin: 1%;
	transition: all .5s;
}
#footerwrap {
    background: #00325c;
    color: #4a4a4a;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 1px;
    padding: 1% 0%;
    z-index: 10;
    position: absolute;
    width: 100%;
}
.newslist a:hover {
	-moz-box-shadow: 2px 1px 13px #000000;
	-webkit-box-shadow: 2px 1px 13px #000000;
	box-shadow: 2px 1px 13px #000000;
}
.h2newstt, .h3newstt, .showcasejxtcwall1281 {
	text-align: center!important;
}
#user30 {
	background: #fff;
}
.us1_newspro {
	height: 600px;
}
.casec {
	height: 80vh;
	display: block;
	width: 100%;
	float: left;
	background-position: bottom;
	background-repeat: no-repeat;
	background-size: cover;
	color: #fff;
}
.intrott {
	color: #fff;
	font-size: 2em;
	padding: 2% 2% 0% 0%;
	width: 48%;
	font-weight: 900!important;
	margin-top: 20vh;
}
.introtxt {
	padding: 1%;
	width: 49%;
	display: block;
}
.cleft h3 {
	float: right;
	margin-top: 20vh;
}
.cleft span {
	float: right
}
.cright h3 {
	margin-left: 1%;
}
.linkcase {
	width: 100%;
	display: block;
	float: left;
	text-align: right;
}
.indexyoutubelink {
	background-color: #d2d74f;
	padding: 0.5% 1%;
	color: #000;
	margin-right: 2%;
	letter-spacing: 1px;
	font-weight: 400;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	transition: all .5s;
	cursor: pointer;
	width: fit-content;
	margin: 0 auto;
	float: right;
	margin-right: 1%;
}
.cright div.indexyoutubelink {
	float: left;
	margin-left: 44%;
}
.indexyoutubelink a:hover {
	-moz-box-shadow: 1px 1px 12px #000000;
	-webkit-box-shadow: 1px 1px 12px #000000;
	box-shadow: 1px 1px 12px #000000;
	color: #fff;
	background-color: #8b900a;
}
.pright a:link {
	margin-right: 50%;
}
.darkcolor {
	color: #393939;
}
#c1 {
	background-image: url(/images/c2.jpg)
}
#c2 {
	background-image: url(/images/c1.jpg)
}
#c3 {
	background-image: url(/images/c3.jpg)
}
#intropage {
	background-image: url(/images/main1.jpg);
	background-position: center bottom;
	background-size: cover;
	height:100VH;
	width: 100%;
	display: block;
}
.intrott21{margin-top: 20px;}
.green {
    float: right;
    margin-top: -360px;
    position: relative;
    width: 500px;
    box-shadow: 0px 1px 5px 5px rgba(0, 0, 0, 0.1);
}
.introtxt21{font-size: 18px;
    line-height: 200%;}
.greenbtn {
    width: 100%;
    display: block;
    float: left;
    background-color: #00325c;
    text-align: center;
    padding: 3% 0%;
    color: #ffffff;
}
#intropage2 {
    height: 320px;
    width: 80%;
    display: block;
    background-color: #dbdbdb;
    padding: 1% 10%;
    margin: 5% 0% 10%;
}
#intropage h2 {
	color: #FFFFFF;
	font-size: 40px;
	padding: 0px;
	margin: 0px;
	line-height: 60%!important;
	font-weight: 800!important;
}
#intropage span {
	color: #ffffff;
	font-size: 18px;
	padding: 0px;
	margin: 0px;
	line-height: 150%;
}
.intrott1 {
	padding-top: 20vh!important;
	margin-left: 3%!important;
}
.intrott2 {
	margin-left: 10%!important;
}
.introtoptxt {
	padding: 2% 1%;
	font-size: 1.5em;
	width: 40%;
	display: block;
	margin-left: 2%;
}
.introtoptxt span {
	display: block;
	width: 100%;
	height: auto;
}
#menuwrap .dualfish ul.menu > li > ul > li {
	width: 160px!important;
	margin-left: 0px!important;
}
#menuwrap ul.menu li.parent > ul {
	margin-top: 0px!important;
	width: 160px;
	padding: 0px;
}
.sharetkweb {
	width: 500px;
	margin: 0 auto;
}
.sharetkweb img {
	width: 6%;
	padding: 3%;
}

@media screen and (max-width: 500px) {
	#user20 div.ytpw_basic_playerWrap iframe {
    height: 280px;
}
	#user20 div#jxtcytpw>div {
    height: 50px;
}
.w60{width: 100%}
.w40{width: 100%}
	.lipop2 img {
    padding-top: 15px;
}#user20 div.ytpwPlaylist {
    height: 295px;
}
	#user20 div.gridImage img {
    width: 90%;
    margin: 0% 5%;
}
	.indexvtt {
    font-size: 16px!important;
}
	.pcuse{display:none ;}
.muse{display: block;}
	.servicetop {
    background-size: cover;
    height: 50VH;
}
	.serchoice {
    padding-top: 6px;
    height: 25vh;
}
	#sel {
    width: 180px;
}
	.intrott21 {
    margin-top: 0px;
}
#headertop {
	display: none;
}
#header {
	display: block;
}
#footerwrap {
	display: none;
}
#logo {
	float: none;
	margin-top: 10px;
}
#logo a {
	height: 45px!important;
	margin: 0 auto!important;
}
#intropage span {
	font-size: 14px;
	padding: 0px;
	margin: 0px;
	line-height: 200%;
	text-align: center;
}
.introtoptxt {
	padding: 2% 1%;
	font-size: 1.2em;
	width: 90%;
	display: block;
	margin-left: 5%;
	margin-top: 2%;
}
	.caseselect {
    margin-top: 110px;
}
.intrott2 {
	margin-left: 0%!important;
}
#intropage h2 {
	font-size: 27px;
	text-align: center;
}
#intropage {
	background-image: url(/images/main1p.jpg);
}
#menuwrap {
	margin-top: 10px;
}
.menumobilemenu li {
	width: 49%!important;
	height: 10vh;
	float: left;
	list-style: none;
	padding-top: 4VH!important;
	margin-bottom: 5VH;
	margin-top: -5vh;
}
.menumobilemenu {
	margin-top: 52%;
	width: 90%;
}
.leftfooter {
	text-align: center;
	position: absolute;
	margin: 0 auto;
	width: 100%;
	bottom: 20px;
}
.menumobilemenu a:link {
	color: #fff!important;
	font-size: 16px!important;
}
.menumobilemenu a:visited {
	color: #fff!important;
}
.cticon {
	width: 17%;
	height: 30px;
}
.sharetk {
	width: 100%;
	display: block;
	bottom: 60px;
	position: absolute;
	text-align: center;
}
.cticon {
	fill: #FFFFFF;
}
.ftct {
	text-align: center;
	bottom: 20px;
	position: absolute;
}
.rstboxes {
	z-index: 999999999;
	position: absolute;
}
#mobilemenubtn {
	display: block;
	float: right;
	height: 30px;
	width: 30px;
	right: 15px;
	top: 18px;
	position: absolute;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.readmore {
    width: 80%;
    margin-left: 10%!important;
    bottom: 80px;
    position: unset;
}
.casec {
	height: 100vh;
}
.introtxt {
	width: 90%;
	margin: -4% 5%;
	text-align: center;
	font-size: 17px;
	text-shadow: 1px 1px 5px #000000;
}
.intrott {
	font-size: 1.5em;
	padding: 0%;
	width: 90%;
	margin: 20% 5% 9% 5%!important;
	text-align: center;
	text-shadow: 1px 1px 5px #000000;
}
.cleft h3 {
	margin-top: 6vh;
}
#c1 {
	background-image: url(/images/c21.jpg);
	margin-top: -38VH;
}
#c2 {
	background-image: url(/images/c11.jpg);
}
#c3 {
	background-image: url(/images/c31.jpg);
}
.tablejxtcwall1293 td {
	width: 50%!important;
}
.tablejxtcwall1295 td {
	width: 50%!important;
}
.tkimg {
	position: relative;
	width: 90vw;
}
.tktext {
	padding: 1%;
	width: 98%;
}
div.modal.fade.in {
	top: 8%!important;
	height: 90vh;
	    z-index: 99999999!important;
    position: absolute!important;
}
.modal-body {
	max-height: 76vh!important;
	height: 76vh;
}
	.modal-body {
    z-index: 999;
    background: #fff;
}
.darkcolor {
	color: #FFF;
}
.muse {
	display: block!important;
}
.pcuse {
	display: none!important;
}
	
#menuwrap {
	margin-top: 5px;
}
.indexlink {
	height: 28vh;
}
.itemContainer {
	width: 100%!important;
}
.catItemImage img {
	height: 250px!important;
}
.case1, .case2, .caseintro {
    width: 80%;
    height: 28vh;
    float: left;
    margin: 2% 10%!important;
}
.caseintro h3 {
    margin-top: 0%;
}
.ca2, .cb2 {
	padding-top: 0%!important;
}
.ca1 {
	margin-top: 3%;
}
.case1, .case2 {
	opacity: 1;
}
	.caseintro p {
    padding: 5%;
    margin-bottom: 5%;
    font-size: 18px;
    line-height: 150%;
}
	.caselist {
    background-size: cover;
    background-repeat: no-repeat;
    background-position-x: center;
	background-image: url(/images/indexbuildlist2.jpg);
	background-position: top;
	height: 38VH;
	float: none;
}
	.regbtn3 {
    width: 30%!important;
}
.btnw100 {
    width: 90%!important;
}
	.btna2 {
    margin-top: 1%!important;
    padding: 3%!important;
}
	.moduleItemDateCreated {
    margin-top: -30%;
}
	.moduleItemTitle {
    width: 94%;
}
	.moduleItemImage img {
    height: 265px!important;
		width: 100%;
}
	#headerwrap {
    background: #00325c!important;
}
	.caseintro a:link {
    width: 80%;
}
	.sframejxtcwall1313,.sframejxtcwall1312{float: left!important; display: block;width: 100%;}
.warmpoparea {
    margin: 0 auto;
}
.lipop2 {
    width: 25%;
    height: 150px;
    display: block;
}
	.lipop2 img {
    width: 60%;
}
	.lipop2 h2 {
    font-size: 14px!important;
    font-weight: 800!important;
}

	.topsubmenu {
    margin-top: 0%;
}
.pscaseset{width: 100%;}
#camera_wrap_1326 {
    width: 100%;
    height: 48vh!important;
}
	.caselist {
    width: 100%;
}
	.indcaselist div img {
    width: 96%;
}
	 .caseintro {
    height: 35vh;
}
	.caseintro h3 {
    text-align: center;
    text-indent: 0em;
}
	.caseintro h4 {
    text-align: center;
    text-indent: 0em;
	margin-top: 4%;
}
	.caseintro a:link {
    float: none;
}
	.indexnewslink {
    margin-top: 4%;
	height: 40vh;
}
	#user20 div.firstarea {
    position: sticky;
    z-index: 999;
}
.newsmore {
    padding: 1% 0%;
    width: 22%;
    text-align: center;
    margin: 3% 39%;
    float: left;
}
	.caselist {
    padding: 0%;
}
	#camera_wrap_1330 {
    margin-bottom: 0px!important;
}
	.ntitle h2{font-size: 28px;}
	#region3wrap {
    min-height: 38vh;
}
	
.sw70{width: 100%; margin: 0px; padding: 50px 0px 0px;float: left}
.sw30{width: 100%; margin: 0px; padding: 0px;float: left}
#intropage2 {
    width: 100%;
    display: block;
    background-color: #dbdbdb;
    padding: 0% 0%;
    margin: 0% 0%;
}
.green {
    float: left;
    margin-top: 0px;
    width: 100%;
    padding-top: 0px;
}
	.intrott21 {
    padding-top: 30px;
    font-size: 30px;
    font-weight: 800!important;
    text-align: center;
}
.cattttt h2 {
    transform: scale(1);
}
	.cattttt {
    margin-bottom: 25px;
}
	.indcaselist div {
    width: 31.5%;
    font-size: 14px;
}
	.indcaselist {
    display: block;
    float: left;
    width: 90%;
    margin-left:5%;
}
}