@charset "utf-8";
/*--
Author: HumanTouch Consulting Co.,Ltd.
--*/


body {
	padding: 0;
	margin: 0;
	background: #FFF;
	font-family: "��S�V�b�N��", "Yu Gothic", YuGothic, "�q���M�m�p�S Pro W3", "Hiragino Kaku Gothic Pro", ���C���I, Meiryo, "�l�r �o�S�V�b�N", "MS PGothic", Arial, Helvetica, sans-serif;
}
body a {
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
	text-decoration: none;
}
body a:hover {
	text-decoration: none;
}
body a:focus, a:hover {
	text-decoration: none;
}
input[type="button"], input[type="submit"] {
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
}
::-webkit-input-placeholder {
 font-size: 12px !important;
 font-weight: 500;
 color: #aab2bd !important;
}
:-moz-placeholder /* older Firefox*/ {
 font-size: 12px !important;
 font-weight: 500;
 color: #aab2bd !important;
}
::-moz-placeholder /* Firefox 19+ */ {
 font-size: 12px !important;
 font-weight: 500;
 color: #aab2bd !important;
}
:-ms-input-placeholder {
 font-size: 12px !important;
 font-weight: 500;
 color: #aab2bd !important;
}
::input-placeholder {
 font-size: 12px !important;
 font-weight: 500;
 color: #aab2bd !important;
}
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	font-weight: normal;
}
p {
	margin: 0;
	letter-spacing: 1px;
}
ul {
	margin: 0;
	padding: 0;
}
a:focus, a:hover {
	text-decoration: none;
	outline: none;
}
a:focus, a:hover {
	text-decoration: none;
}
.newxiank {
	width: 1000px;
}
.contact-left td ul {
	margin: 0;
	padding: 0 0 0 30px;
}
.contact-left td ul li {
	list-style: disc !important;
}
.company-t a, .text-content b.bigsize a, .about .about-us p a, .service-t h3 a, .service-content .service-title h5 a, .service-content .course-content .meta a, .service-content .course-content p a, .bannerzi1b a, .tehuikh11 a, .tehuikh11a a, .message p a, .message-bottom a, .contact-left td ul li a, .contact-left table th a, .contact-left table td a, .contact-left h4 a, .telvknetaa a, .tehuikh11b a, .bnr-btm-info span a, h3.subheading-wthree a, .tesimbai a, .simp1a2zi a, .terms1h1 a, .terms1h2 a, .resp-tabs-container p a, .message-left h4 a {
	color: #0e287b;
}
.top-content .text-content h6 a, .top-content .text-content h4 a {
	color: #e0e9f3 !important;
}
.text-content b.bigsize a:hover {
	color: #1c78b1;
}
.footer p a {
	color: rgba(255, 255, 255, 0.2);
}
.buleQ a, .classlv a {
	color: #E36917 !important;
}
.buleZ a {
	color: #0e287b!important;
}
.buleZ {
	color: #0e287b;
}
.tehuik2 a {
	color: #c55a11 !important;
}
.tehuik2:hover a {
	color: #FFF !important;
}
.top_tsp {
	color: #0e287b;
}
.top_tsp a {
	color: #0e287b !important;
	text-decoration: none !important;
}
/*--top hover--*/
#toTop {
	display: none;
	text-decoration: none;
	position: fixed;
	bottom: 3%;
	right: 3%;
	overflow: hidden;
	width: 32px;
	height: 32px;
	border: none;
	text-indent: 100%;
	background: url("../img/move-up.png") no-repeat 0px 0px;
	z-index: 999;
	-webkit-box-shadow: 0px 0px 15px #FBFBFF;
	-moz-box-shadow: 0px 0px 15px #FBFBFF;
	box-shadow: 0px 0px 15px #FBFBFF;
	border-radius: 15px;
}
#toTopHover {
	width: 32px;
	height: 32px;
	display: block;
	overflow: hidden;
	float: right;
	opacity: 0;
	-moz-opacity: 0;
	filter: alpha(opacity=0);
}
#toTop:hover {
	-webkit-box-shadow: 0 0 14px 7px rgba(224, 224, 224, 0.5);
	-moz-box-shadow: 0 0 14px 7px rgba(224, 224, 224, 0.5);
	box-shadow: 0 0 14px 7px rgba(224, 224, 224, 0.5);
}
/*--/tophover--*/

.top_search {
	height: 80px;
	width: 100%;
	background: #FFF !important;
	display: none;
	font-size: 24px;
	text-align: center;
	box-shadow: 0px 1px 5px #999999;
	z-index: 9999 !important;
}
.indexg {
	margin-top: 20vh;
	float: left;
}
.yanslan {
	color: #fff !important;
}
.xiangs {
	margin: 30px 0 0 0;
}
.sampsamp {
	width: 32%;
	margin: 0 0.5% 0 0.5%;
	float: left;
}
.animation {
	top: 4%;
	text-align: center;
	width: 1000px;
	margin: 0 auto 0 auto;
	position: absolute;
	left: 0;
	right: 0;
}
.buleQ {
	font-size: 20px;
	color: #E36917;
	margin-right: 15px;
}
.terms1h1 {
	width: 100%;
	text-align: left;
	color: #0e287b;
	font-size: 18px;
	font-weight: 600;
	margin: 25px 0 5px 0;
}
.terms1h2 {
	width: 100%;
	text-align: left;
	color: #0e287b;
	font-size: 14px;
	line-height: 30px;
}
.classcs:hover {
	color: #E36917 !important;
}
.topdianaa {
	width: 90%;
	font-size: 10px;
	color: #0e287b;
	text-align: left;
	margin: 5px 0 0 10%;
	float: left;
}
.topdianh {
	width: 100%;
	float: left;
	margin: 15px 0 15px 0;
}
.topdianhl {
	width: 40px;
	float: left;
	margin: 0 0 0 5px;
}
.topdianhr {
	text-align: left;
	margin: 0 0 0 5px;
	float: left;
	font-size: 24px;
	color: #0e287b;
}
.containerx {
	width: 1000px;
	margin: 0 auto;
}
.anxian {
	display: block;
}
.anbux {
	display: none !important;
}
.bg-light {
	background: rgba(0, 32, 96, 0.71) !important;
}
.fixed-top {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	z-index: 9;
}
.baizi {
	color: #FBFBFF !important;
}
.baizi:hover {
	color: #0e287b !important;
}
.telvknetaa {
	width: 98%;
	float: left;
	margin: 0 0 0 2%;
	padding: 0;
	color: #0e287b;
	font-size: 16px;
	line-height: 25px;
	text-transform: capitalize;
	font-weight: 500;
	letter-spacing: 1px;
	text-align: left;
}
.telvknetab {
	width: 100%;
	float: left;
}
.telvknetab img {
	object-fit: contain;
	width: 100%;
}
.telant {
	width: 100%;
	float: left;
	padding: 10px 0;
	text-align: center;
	font-size: 24px;
	color: #FFF;
	background: #203864;
	margin: 30px 0 30px 0;
}
.animation img {
	/* background: green; */
	padding-top: 122px;
	width: 80%;
	display: block;
	margin: 0 10% 0 10%;
}
.bannerwd {
	background: #CCC;
	width: 100%;
}
.bannerwd2 {
	width: 1000px;
	margin: 0 auto;
}
.containerin {
	width: 1000px;
	margin: 0 auto;
}
.tebanmih4 {
	font-size: 30px;
	color: #012061;
	text-align: left;
	margin-bottom: 10px;
	width: 100%;
	margin: 1em 0 0 0;
	float: left;
}
.tebakong {
	width: 100%;
	float: left;
	margin: 15px 0 0 0;
}
.bannakong {
	margin: 15px 0 0 0;
	display: none;
}
.firefly {
	/*    position: fixed;*/
	left: 50%;
	top: 50%;
	width: 0.4vw;
	height: 0.4vw;
	margin: -0.2vw 0 0 9.8vw;
	animation: ease 200s alternate infinite;
	pointer-events: none;
}
.firefly::before, .firefly::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	transform-origin: -10vw;
}
.firefly::before {
	background: black;
	opacity: 0.4;
	animation: drift ease alternate infinite;
}
.firefly::after {
	background: white;
	opacity: 0;
	box-shadow: 0 0 0vw 0vw yellow;
	animation: drift ease alternate infinite, flash ease infinite;
}
.firefly:nth-child(1) {
	animation-name: move1;
}
.firefly:nth-child(1)::before {
	animation-duration: 17s;
}
.firefly:nth-child(1)::after {
	animation-duration: 17s, 8606ms;
	animation-delay: 0ms, 3532ms;
}
 @keyframes move1 {
 0% {
 transform: translateX(47vw) translateY(-46vh) scale(0.83);
}
 5.5555555556% {
 transform: translateX(23vw) translateY(-47vh) scale(0.56);
}
 11.1111111111% {
 transform: translateX(34vw) translateY(25vh) scale(0.5);
}
 16.6666666667% {
 transform: translateX(-22vw) translateY(8vh) scale(0.78);
}
 22.2222222222% {
 transform: translateX(-41vw) translateY(-4vh) scale(0.38);
}
 27.7777777778% {
 transform: translateX(-38vw) translateY(-8vh) scale(0.56);
}
 33.3333333333% {
 transform: translateX(0vw) translateY(-5vh) scale(0.36);
}
 38.8888888889% {
 transform: translateX(40vw) translateY(28vh) scale(0.39);
}
 44.4444444444% {
 transform: translateX(24vw) translateY(14vh) scale(0.81);
}
 50% {
 transform: translateX(-17vw) translateY(27vh) scale(1);
}
 55.5555555556% {
 transform: translateX(31vw) translateY(-4vh) scale(0.84);
}
 61.1111111111% {
 transform: translateX(-2vw) translateY(-4vh) scale(0.45);
}
 66.6666666667% {
 transform: translateX(-33vw) translateY(-31vh) scale(0.84);
}
 72.2222222222% {
 transform: translateX(36vw) translateY(-38vh) scale(0.9);
}
 77.7777777778% {
 transform: translateX(25vw) translateY(45vh) scale(0.66);
}
 83.3333333333% {
 transform: translateX(2vw) translateY(-37vh) scale(0.57);
}
 88.8888888889% {
 transform: translateX(16vw) translateY(30vh) scale(0.79);
}
 94.4444444444% {
 transform: translateX(-29vw) translateY(43vh) scale(0.37);
}
 100% {
 transform: translateX(33vw) translateY(-37vh) scale(0.67);
}
}
.firefly:nth-child(2) {
	animation-name: move2;
}
.firefly:nth-child(2)::before {
	animation-duration: 17s;
}
.firefly:nth-child(2)::after {
	animation-duration: 17s, 9033ms;
	animation-delay: 0ms, 3407ms;
}
 @keyframes move2 {
 0% {
 transform: translateX(5vw) translateY(4vh) scale(0.99);
}
 4.5454545455% {
 transform: translateX(37vw) translateY(3vh) scale(0.75);
}
 9.0909090909% {
 transform: translateX(48vw) translateY(-23vh) scale(0.71);
}
 13.6363636364% {
 transform: translateX(21vw) translateY(-6vh) scale(0.78);
}
 18.1818181818% {
 transform: translateX(1vw) translateY(-2vh) scale(0.35);
}
 22.7272727273% {
 transform: translateX(45vw) translateY(6vh) scale(0.66);
}
 27.2727272727% {
 transform: translateX(-30vw) translateY(-29vh) scale(0.96);
}
 31.8181818182% {
 transform: translateX(-6vw) translateY(27vh) scale(0.96);
}
 36.3636363636% {
 transform: translateX(-39vw) translateY(16vh) scale(0.3);
}
 40.9090909091% {
 transform: translateX(2vw) translateY(48vh) scale(0.48);
}
 45.4545454545% {
 transform: translateX(30vw) translateY(49vh) scale(0.69);
}
 50% {
 transform: translateX(15vw) translateY(-8vh) scale(0.26);
}
 54.5454545455% {
 transform: translateX(-3vw) translateY(-24vh) scale(0.75);
}
 59.0909090909% {
 transform: translateX(18vw) translateY(5vh) scale(0.37);
}
 63.6363636364% {
 transform: translateX(-6vw) translateY(46vh) scale(0.61);
}
 68.1818181818% {
 transform: translateX(9vw) translateY(-20vh) scale(0.48);
}
 72.7272727273% {
 transform: translateX(9vw) translateY(-13vh) scale(0.41);
}
 77.2727272727% {
 transform: translateX(-6vw) translateY(-14vh) scale(0.62);
}
 81.8181818182% {
 transform: translateX(-27vw) translateY(-12vh) scale(0.98);
}
 86.3636363636% {
 transform: translateX(45vw) translateY(-32vh) scale(0.49);
}
 90.9090909091% {
 transform: translateX(-48vw) translateY(-1vh) scale(0.36);
}
 95.4545454545% {
 transform: translateX(49vw) translateY(49vh) scale(0.95);
}
 100% {
 transform: translateX(38vw) translateY(-18vh) scale(0.78);
}
}
.firefly:nth-child(3) {
	animation-name: move3;
}
.firefly:nth-child(3)::before {
	animation-duration: 9s;
}
.firefly:nth-child(3)::after {
	animation-duration: 9s, 9643ms;
	animation-delay: 0ms, 6902ms;
}
 @keyframes move3 {
 0% {
 transform: translateX(24vw) translateY(-10vh) scale(0.68);
}
 4.347826087% {
 transform: translateX(2vw) translateY(-28vh) scale(0.8);
}
 8.6956521739% {
 transform: translateX(-14vw) translateY(48vh) scale(0.5);
}
 13.0434782609% {
 transform: translateX(-28vw) translateY(-45vh) scale(0.99);
}
 17.3913043478% {
 transform: translateX(47vw) translateY(0vh) scale(0.91);
}
 21.7391304348% {
 transform: translateX(18vw) translateY(4vh) scale(0.69);
}
 26.0869565217% {
 transform: translateX(11vw) translateY(-4vh) scale(0.78);
}
 30.4347826087% {
 transform: translateX(-15vw) translateY(-20vh) scale(0.54);
}
 34.7826086957% {
 transform: translateX(-39vw) translateY(40vh) scale(0.62);
}
 39.1304347826% {
 transform: translateX(16vw) translateY(39vh) scale(0.49);
}
 43.4782608696% {
 transform: translateX(-40vw) translateY(-12vh) scale(0.37);
}
 47.8260869565% {
 transform: translateX(4vw) translateY(19vh) scale(0.27);
}
 52.1739130435% {
 transform: translateX(23vw) translateY(32vh) scale(0.77);
}
 56.5217391304% {
 transform: translateX(-13vw) translateY(-3vh) scale(0.61);
}
 60.8695652174% {
 transform: translateX(3vw) translateY(4vh) scale(0.31);
}
 65.2173913043% {
 transform: translateX(-10vw) translateY(30vh) scale(0.93);
}
 69.5652173913% {
 transform: translateX(38vw) translateY(21vh) scale(0.44);
}
 73.9130434783% {
 transform: translateX(-7vw) translateY(-43vh) scale(1);
}
 78.2608695652% {
 transform: translateX(15vw) translateY(9vh) scale(0.95);
}
 82.6086956522% {
 transform: translateX(34vw) translateY(-45vh) scale(0.41);
}
 86.9565217391% {
 transform: translateX(-26vw) translateY(15vh) scale(0.77);
}
 91.3043478261% {
 transform: translateX(-48vw) translateY(-49vh) scale(0.72);
}
 95.652173913% {
 transform: translateX(-19vw) translateY(-44vh) scale(0.66);
}
 100% {
 transform: translateX(-28vw) translateY(-27vh) scale(0.68);
}
}
.firefly:nth-child(4) {
	animation-name: move4;
}
.firefly:nth-child(4)::before {
	animation-duration: 17s;
}
.firefly:nth-child(4)::after {
	animation-duration: 17s, 10976ms;
	animation-delay: 0ms, 7844ms;
}
 @keyframes move4 {
 0% {
 transform: translateX(9vw) translateY(-35vh) scale(0.76);
}
 4.347826087% {
 transform: translateX(7vw) translateY(13vh) scale(0.59);
}
 8.6956521739% {
 transform: translateX(-4vw) translateY(-30vh) scale(0.91);
}
 13.0434782609% {
 transform: translateX(-21vw) translateY(-27vh) scale(0.57);
}
 17.3913043478% {
 transform: translateX(-23vw) translateY(33vh) scale(0.91);
}
 21.7391304348% {
 transform: translateX(-24vw) translateY(36vh) scale(0.52);
}
 26.0869565217% {
 transform: translateX(9vw) translateY(-3vh) scale(0.37);
}
 30.4347826087% {
 transform: translateX(-42vw) translateY(-9vh) scale(0.37);
}
 34.7826086957% {
 transform: translateX(-7vw) translateY(13vh) scale(0.71);
}
 39.1304347826% {
 transform: translateX(-43vw) translateY(36vh) scale(0.37);
}
 43.4782608696% {
 transform: translateX(-28vw) translateY(19vh) scale(0.9);
}
 47.8260869565% {
 transform: translateX(39vw) translateY(50vh) scale(0.97);
}
 52.1739130435% {
 transform: translateX(-41vw) translateY(-24vh) scale(0.5);
}
 56.5217391304% {
 transform: translateX(-14vw) translateY(-10vh) scale(0.46);
}
 60.8695652174% {
 transform: translateX(-22vw) translateY(-20vh) scale(0.92);
}
 65.2173913043% {
 transform: translateX(-34vw) translateY(42vh) scale(0.5);
}
 69.5652173913% {
 transform: translateX(7vw) translateY(-42vh) scale(0.76);
}
 73.9130434783% {
 transform: translateX(-14vw) translateY(-21vh) scale(0.59);
}
 78.2608695652% {
 transform: translateX(-27vw) translateY(29vh) scale(0.68);
}
 82.6086956522% {
 transform: translateX(-1vw) translateY(-40vh) scale(0.51);
}
 86.9565217391% {
 transform: translateX(47vw) translateY(19vh) scale(0.28);
}
 91.3043478261% {
 transform: translateX(-25vw) translateY(-11vh) scale(0.42);
}
 95.652173913% {
 transform: translateX(-12vw) translateY(10vh) scale(0.6);
}
 100% {
 transform: translateX(-23vw) translateY(5vh) scale(0.92);
}
}
.firefly:nth-child(5) {
	animation-name: move5;
}
.firefly:nth-child(5)::before {
	animation-duration: 16s;
}
.firefly:nth-child(5)::after {
	animation-duration: 16s, 10445ms;
	animation-delay: 0ms, 1282ms;
}
 @keyframes move5 {
 0% {
 transform: translateX(-31vw) translateY(-41vh) scale(0.71);
}
 5.8823529412% {
 transform: translateX(48vw) translateY(19vh) scale(0.69);
}
 11.7647058824% {
 transform: translateX(-28vw) translateY(-1vh) scale(0.95);
}
 17.6470588235% {
 transform: translateX(-46vw) translateY(-47vh) scale(0.41);
}
 23.5294117647% {
 transform: translateX(35vw) translateY(3vh) scale(0.72);
}
 29.4117647059% {
 transform: translateX(-27vw) translateY(25vh) scale(0.34);
}
 35.2941176471% {
 transform: translateX(12vw) translateY(-31vh) scale(0.69);
}
 41.1764705882% {
 transform: translateX(42vw) translateY(-45vh) scale(0.77);
}
 47.0588235294% {
 transform: translateX(-4vw) translateY(-7vh) scale(0.48);
}
 52.9411764706% {
 transform: translateX(-8vw) translateY(25vh) scale(0.6);
}
 58.8235294118% {
 transform: translateX(38vw) translateY(23vh) scale(0.89);
}
 64.7058823529% {
 transform: translateX(23vw) translateY(-7vh) scale(0.82);
}
 70.5882352941% {
 transform: translateX(-23vw) translateY(10vh) scale(0.27);
}
 76.4705882353% {
 transform: translateX(12vw) translateY(-33vh) scale(0.29);
}
 82.3529411765% {
 transform: translateX(48vw) translateY(38vh) scale(0.86);
}
 88.2352941176% {
 transform: translateX(-28vw) translateY(-5vh) scale(0.28);
}
 94.1176470588% {
 transform: translateX(29vw) translateY(-31vh) scale(0.91);
}
 100% {
 transform: translateX(21vw) translateY(44vh) scale(0.55);
}
}
.firefly:nth-child(6) {
	animation-name: move6;
}
.firefly:nth-child(6)::before {
	animation-duration: 12s;
}
.firefly:nth-child(6)::after {
	animation-duration: 12s, 6210ms;
	animation-delay: 0ms, 7269ms;
}
 @keyframes move6 {
 0% {
 transform: translateX(20vw) translateY(-23vh) scale(0.37);
}
 3.8461538462% {
 transform: translateX(-22vw) translateY(17vh) scale(0.3);
}
 7.6923076923% {
 transform: translateX(-18vw) translateY(3vh) scale(0.42);
}
 11.5384615385% {
 transform: translateX(13vw) translateY(-21vh) scale(0.27);
}
 15.3846153846% {
 transform: translateX(-10vw) translateY(-17vh) scale(0.88);
}
 19.2307692308% {
 transform: translateX(12vw) translateY(-3vh) scale(0.64);
}
 23.0769230769% {
 transform: translateX(50vw) translateY(-33vh) scale(0.72);
}
 26.9230769231% {
 transform: translateX(34vw) translateY(-46vh) scale(0.65);
}
 30.7692307692% {
 transform: translateX(-23vw) translateY(-18vh) scale(0.63);
}
 34.6153846154% {
 transform: translateX(-22vw) translateY(-34vh) scale(0.29);
}
 38.4615384615% {
 transform: translateX(24vw) translateY(8vh) scale(0.51);
}
 42.3076923077% {
 transform: translateX(-45vw) translateY(24vh) scale(0.69);
}
 46.1538461538% {
 transform: translateX(34vw) translateY(4vh) scale(0.57);
}
 50% {
 transform: translateX(-28vw) translateY(-1vh) scale(0.43);
}
 53.8461538462% {
 transform: translateX(46vw) translateY(-38vh) scale(0.77);
}
 57.6923076923% {
 transform: translateX(4vw) translateY(4vh) scale(0.77);
}
 61.5384615385% {
 transform: translateX(9vw) translateY(-44vh) scale(0.54);
}
 65.3846153846% {
 transform: translateX(-43vw) translateY(49vh) scale(0.79);
}
 69.2307692308% {
 transform: translateX(41vw) translateY(-26vh) scale(0.36);
}
 73.0769230769% {
 transform: translateX(-25vw) translateY(22vh) scale(1);
}
 76.9230769231% {
 transform: translateX(-3vw) translateY(-17vh) scale(0.51);
}
 80.7692307692% {
 transform: translateX(-5vw) translateY(-7vh) scale(0.8);
}
 84.6153846154% {
 transform: translateX(-10vw) translateY(32vh) scale(0.47);
}
 88.4615384615% {
 transform: translateX(41vw) translateY(11vh) scale(0.88);
}
 92.3076923077% {
 transform: translateX(14vw) translateY(46vh) scale(0.54);
}
 96.1538461538% {
 transform: translateX(-10vw) translateY(-8vh) scale(0.53);
}
 100% {
 transform: translateX(-19vw) translateY(-47vh) scale(1);
}
}
.firefly:nth-child(7) {
	animation-name: move7;
}
.firefly:nth-child(7)::before {
	animation-duration: 13s;
}
.firefly:nth-child(7)::after {
	animation-duration: 13s, 5988ms;
	animation-delay: 0ms, 4219ms;
}
 @keyframes move7 {
 0% {
 transform: translateX(6vw) translateY(-8vh) scale(0.33);
}
 5.5555555556% {
 transform: translateX(2vw) translateY(-31vh) scale(0.83);
}
 11.1111111111% {
 transform: translateX(-30vw) translateY(-40vh) scale(0.8);
}
 16.6666666667% {
 transform: translateX(-1vw) translateY(-1vh) scale(0.46);
}
 22.2222222222% {
 transform: translateX(-9vw) translateY(46vh) scale(0.49);
}
 27.7777777778% {
 transform: translateX(47vw) translateY(40vh) scale(0.47);
}
 33.3333333333% {
 transform: translateX(14vw) translateY(30vh) scale(0.48);
}
 38.8888888889% {
 transform: translateX(-35vw) translateY(-14vh) scale(0.95);
}
 44.4444444444% {
 transform: translateX(6vw) translateY(-28vh) scale(0.87);
}
 50% {
 transform: translateX(46vw) translateY(-26vh) scale(0.29);
}
 55.5555555556% {
 transform: translateX(-24vw) translateY(-49vh) scale(0.91);
}
 61.1111111111% {
 transform: translateX(21vw) translateY(-8vh) scale(0.84);
}
 66.6666666667% {
 transform: translateX(-46vw) translateY(33vh) scale(0.79);
}
 72.2222222222% {
 transform: translateX(36vw) translateY(24vh) scale(0.95);
}
 77.7777777778% {
 transform: translateX(20vw) translateY(29vh) scale(0.32);
}
 83.3333333333% {
 transform: translateX(-39vw) translateY(4vh) scale(0.91);
}
 88.8888888889% {
 transform: translateX(3vw) translateY(-10vh) scale(0.86);
}
 94.4444444444% {
 transform: translateX(-7vw) translateY(23vh) scale(0.79);
}
 100% {
 transform: translateX(1vw) translateY(14vh) scale(0.32);
}
}
.firefly:nth-child(8) {
	animation-name: move8;
}
.firefly:nth-child(8)::before {
	animation-duration: 17s;
}
.firefly:nth-child(8)::after {
	animation-duration: 17s, 8301ms;
	animation-delay: 0ms, 1537ms;
}
 @keyframes move8 {
 0% {
 transform: translateX(-19vw) translateY(-28vh) scale(0.67);
}
 4.347826087% {
 transform: translateX(-4vw) translateY(47vh) scale(0.8);
}
 8.6956521739% {
 transform: translateX(15vw) translateY(-22vh) scale(0.71);
}
 13.0434782609% {
 transform: translateX(1vw) translateY(9vh) scale(0.43);
}
 17.3913043478% {
 transform: translateX(-28vw) translateY(36vh) scale(0.36);
}
 21.7391304348% {
 transform: translateX(-28vw) translateY(5vh) scale(0.4);
}
 26.0869565217% {
 transform: translateX(11vw) translateY(42vh) scale(0.66);
}
 30.4347826087% {
 transform: translateX(1vw) translateY(-3vh) scale(0.59);
}
 34.7826086957% {
 transform: translateX(-19vw) translateY(28vh) scale(0.61);
}
 39.1304347826% {
 transform: translateX(43vw) translateY(-2vh) scale(0.65);
}
 43.4782608696% {
 transform: translateX(16vw) translateY(2vh) scale(0.34);
}
 47.8260869565% {
 transform: translateX(-18vw) translateY(-35vh) scale(0.6);
}
 52.1739130435% {
 transform: translateX(-34vw) translateY(13vh) scale(0.64);
}
 56.5217391304% {
 transform: translateX(1vw) translateY(-46vh) scale(0.94);
}
 60.8695652174% {
 transform: translateX(-27vw) translateY(-16vh) scale(0.62);
}
 65.2173913043% {
 transform: translateX(48vw) translateY(2vh) scale(0.37);
}
 69.5652173913% {
 transform: translateX(-30vw) translateY(39vh) scale(0.62);
}
 73.9130434783% {
 transform: translateX(7vw) translateY(7vh) scale(0.5);
}
 78.2608695652% {
 transform: translateX(16vw) translateY(3vh) scale(0.58);
}
 82.6086956522% {
 transform: translateX(-11vw) translateY(-7vh) scale(0.83);
}
 86.9565217391% {
 transform: translateX(37vw) translateY(3vh) scale(0.49);
}
 91.3043478261% {
 transform: translateX(31vw) translateY(36vh) scale(0.41);
}
 95.652173913% {
 transform: translateX(44vw) translateY(-8vh) scale(0.78);
}
 100% {
 transform: translateX(25vw) translateY(-39vh) scale(0.63);
}
}
.firefly:nth-child(9) {
	animation-name: move9;
}
.firefly:nth-child(9)::before {
	animation-duration: 15s;
}
.firefly:nth-child(9)::after {
	animation-duration: 15s, 5160ms;
	animation-delay: 0ms, 2795ms;
}
 @keyframes move9 {
 0% {
 transform: translateX(-30vw) translateY(-24vh) scale(0.68);
}
 4% {
 transform: translateX(27vw) translateY(-47vh) scale(0.84);
}
 8% {
 transform: translateX(-41vw) translateY(6vh) scale(0.66);
}
 12% {
 transform: translateX(19vw) translateY(-4vh) scale(0.86);
}
 16% {
 transform: translateX(-25vw) translateY(22vh) scale(0.74);
}
 20% {
 transform: translateX(27vw) translateY(28vh) scale(1);
}
 24% {
 transform: translateX(-14vw) translateY(29vh) scale(0.65);
}
 28% {
 transform: translateX(-47vw) translateY(-22vh) scale(0.81);
}
 32% {
 transform: translateX(-43vw) translateY(-2vh) scale(0.69);
}
 36% {
 transform: translateX(-36vw) translateY(45vh) scale(0.26);
}
 40% {
 transform: translateX(28vw) translateY(-1vh) scale(0.91);
}
 44% {
 transform: translateX(21vw) translateY(-24vh) scale(0.83);
}
 48% {
 transform: translateX(-23vw) translateY(32vh) scale(0.3);
}
 52% {
 transform: translateX(26vw) translateY(-17vh) scale(0.4);
}
 56% {
 transform: translateX(-17vw) translateY(-34vh) scale(0.74);
}
 60% {
 transform: translateX(-44vw) translateY(6vh) scale(0.94);
}
 64% {
 transform: translateX(41vw) translateY(8vh) scale(0.43);
}
 68% {
 transform: translateX(34vw) translateY(13vh) scale(0.45);
}
 72% {
 transform: translateX(26vw) translateY(-29vh) scale(0.99);
}
 76% {
 transform: translateX(23vw) translateY(-41vh) scale(0.95);
}
 80% {
 transform: translateX(-31vw) translateY(23vh) scale(0.31);
}
 84% {
 transform: translateX(9vw) translateY(-48vh) scale(0.5);
}
 88% {
 transform: translateX(-15vw) translateY(24vh) scale(0.95);
}
 92% {
 transform: translateX(47vw) translateY(34vh) scale(0.32);
}
 96% {
 transform: translateX(-32vw) translateY(-17vh) scale(0.5);
}
 100% {
 transform: translateX(14vw) translateY(1vh) scale(0.63);
}
}
.firefly:nth-child(10) {
	animation-name: move10;
}
.firefly:nth-child(10)::before {
	animation-duration: 13s;
}
.firefly:nth-child(10)::after {
	animation-duration: 13s, 5916ms;
	animation-delay: 0ms, 2011ms;
}
 @keyframes move10 {
 0% {
 transform: translateX(12vw) translateY(-31vh) scale(0.77);
}
 5% {
 transform: translateX(43vw) translateY(-35vh) scale(0.99);
}
 10% {
 transform: translateX(41vw) translateY(-14vh) scale(0.75);
}
 15% {
 transform: translateX(-10vw) translateY(44vh) scale(0.47);
}
 20% {
 transform: translateX(-7vw) translateY(34vh) scale(0.74);
}
 25% {
 transform: translateX(34vw) translateY(42vh) scale(0.36);
}
 30% {
 transform: translateX(-17vw) translateY(-4vh) scale(0.63);
}
 35% {
 transform: translateX(-7vw) translateY(29vh) scale(0.54);
}
 40% {
 transform: translateX(-15vw) translateY(-49vh) scale(0.52);
}
 45% {
 transform: translateX(21vw) translateY(44vh) scale(0.54);
}
 50% {
 transform: translateX(-48vw) translateY(2vh) scale(0.76);
}
 55% {
 transform: translateX(-41vw) translateY(-35vh) scale(0.95);
}
 60% {
 transform: translateX(-43vw) translateY(-35vh) scale(0.51);
}
 65% {
 transform: translateX(24vw) translateY(-19vh) scale(0.41);
}
 70% {
 transform: translateX(-19vw) translateY(-44vh) scale(0.79);
}
 75% {
 transform: translateX(35vw) translateY(48vh) scale(0.85);
}
 80% {
 transform: translateX(-6vw) translateY(45vh) scale(0.55);
}
 85% {
 transform: translateX(25vw) translateY(-10vh) scale(0.82);
}
 90% {
 transform: translateX(3vw) translateY(11vh) scale(0.69);
}
 95% {
 transform: translateX(18vw) translateY(49vh) scale(0.47);
}
 100% {
 transform: translateX(4vw) translateY(-36vh) scale(0.87);
}
}
.firefly:nth-child(11) {
	animation-name: move11;
}
.firefly:nth-child(11)::before {
	animation-duration: 15s;
}
.firefly:nth-child(11)::after {
	animation-duration: 15s, 10012ms;
	animation-delay: 0ms, 2346ms;
}
 @keyframes move11 {
 0% {
 transform: translateX(42vw) translateY(16vh) scale(0.71);
}
 4% {
 transform: translateX(20vw) translateY(14vh) scale(0.76);
}
 8% {
 transform: translateX(-39vw) translateY(31vh) scale(0.34);
}
 12% {
 transform: translateX(-46vw) translateY(45vh) scale(0.7);
}
 16% {
 transform: translateX(-28vw) translateY(11vh) scale(0.54);
}
 20% {
 transform: translateX(-14vw) translateY(-19vh) scale(0.93);
}
 24% {
 transform: translateX(-33vw) translateY(-36vh) scale(0.39);
}
 28% {
 transform: translateX(29vw) translateY(24vh) scale(0.77);
}
 32% {
 transform: translateX(46vw) translateY(0vh) scale(0.39);
}
 36% {
 transform: translateX(-25vw) translateY(-35vh) scale(0.78);
}
 40% {
 transform: translateX(3vw) translateY(18vh) scale(0.75);
}
 44% {
 transform: translateX(22vw) translateY(-23vh) scale(0.57);
}
 48% {
 transform: translateX(-12vw) translateY(6vh) scale(0.38);
}
 52% {
 transform: translateX(7vw) translateY(-4vh) scale(0.26);
}
 56% {
 transform: translateX(21vw) translateY(-2vh) scale(0.62);
}
 60% {
 transform: translateX(-30vw) translateY(-28vh) scale(0.54);
}
 64% {
 transform: translateX(47vw) translateY(46vh) scale(0.59);
}
 68% {
 transform: translateX(-29vw) translateY(49vh) scale(0.35);
}
 72% {
 transform: translateX(-12vw) translateY(17vh) scale(0.57);
}
 76% {
 transform: translateX(4vw) translateY(-4vh) scale(0.37);
}
 80% {
 transform: translateX(-36vw) translateY(-4vh) scale(0.79);
}
 84% {
 transform: translateX(-23vw) translateY(26vh) scale(0.95);
}
 88% {
 transform: translateX(16vw) translateY(1vh) scale(0.66);
}
 92% {
 transform: translateX(-41vw) translateY(-11vh) scale(0.41);
}
 96% {
 transform: translateX(46vw) translateY(31vh) scale(0.54);
}
 100% {
 transform: translateX(3vw) translateY(26vh) scale(0.49);
}
}
.firefly:nth-child(12) {
	animation-name: move12;
}
.firefly:nth-child(12)::before {
	animation-duration: 18s;
}
.firefly:nth-child(12)::after {
	animation-duration: 18s, 7722ms;
	animation-delay: 0ms, 4419ms;
}
 @keyframes move12 {
 0% {
 transform: translateX(32vw) translateY(49vh) scale(0.98);
}
 3.7037037037% {
 transform: translateX(14vw) translateY(34vh) scale(0.6);
}
 7.4074074074% {
 transform: translateX(35vw) translateY(-32vh) scale(0.89);
}
 11.1111111111% {
 transform: translateX(26vw) translateY(-41vh) scale(0.81);
}
 14.8148148148% {
 transform: translateX(-29vw) translateY(41vh) scale(0.67);
}
 18.5185185185% {
 transform: translateX(36vw) translateY(7vh) scale(0.44);
}
 22.2222222222% {
 transform: translateX(-19vw) translateY(28vh) scale(0.69);
}
 25.9259259259% {
 transform: translateX(-6vw) translateY(-32vh) scale(0.44);
}
 29.6296296296% {
 transform: translateX(9vw) translateY(-5vh) scale(0.42);
}
 33.3333333333% {
 transform: translateX(19vw) translateY(-31vh) scale(0.75);
}
 37.037037037% {
 transform: translateX(-8vw) translateY(47vh) scale(0.32);
}
 40.7407407407% {
 transform: translateX(-10vw) translateY(46vh) scale(0.9);
}
 44.4444444444% {
 transform: translateX(-15vw) translateY(6vh) scale(0.89);
}
 48.1481481481% {
 transform: translateX(1vw) translateY(21vh) scale(0.72);
}
 51.8518518519% {
 transform: translateX(47vw) translateY(13vh) scale(0.76);
}
 55.5555555556% {
 transform: translateX(4vw) translateY(35vh) scale(0.92);
}
 59.2592592593% {
 transform: translateX(-36vw) translateY(6vh) scale(0.45);
}
 62.962962963% {
 transform: translateX(-41vw) translateY(30vh) scale(0.54);
}
 66.6666666667% {
 transform: translateX(-29vw) translateY(-41vh) scale(0.75);
}
 70.3703703704% {
 transform: translateX(22vw) translateY(46vh) scale(0.49);
}
 74.0740740741% {
 transform: translateX(-20vw) translateY(-20vh) scale(0.92);
}
 77.7777777778% {
 transform: translateX(-7vw) translateY(5vh) scale(0.76);
}
 81.4814814815% {
 transform: translateX(46vw) translateY(13vh) scale(0.92);
}
 85.1851851852% {
 transform: translateX(-41vw) translateY(-40vh) scale(0.6);
}
 88.8888888889% {
 transform: translateX(-42vw) translateY(29vh) scale(0.91);
}
 92.5925925926% {
 transform: translateX(-41vw) translateY(20vh) scale(0.29);
}
 96.2962962963% {
 transform: translateX(-1vw) translateY(6vh) scale(0.26);
}
 100% {
 transform: translateX(-36vw) translateY(26vh) scale(0.97);
}
}
.firefly:nth-child(13) {
	animation-name: move13;
}
.firefly:nth-child(13)::before {
	animation-duration: 17s;
}
.firefly:nth-child(13)::after {
	animation-duration: 17s, 9950ms;
	animation-delay: 0ms, 1785ms;
}
 @keyframes move13 {
 0% {
 transform: translateX(-49vw) translateY(-9vh) scale(0.68);
}
 4.347826087% {
 transform: translateX(-43vw) translateY(-11vh) scale(0.34);
}
 8.6956521739% {
 transform: translateX(-32vw) translateY(15vh) scale(0.78);
}
 13.0434782609% {
 transform: translateX(-2vw) translateY(-38vh) scale(0.48);
}
 17.3913043478% {
 transform: translateX(28vw) translateY(-43vh) scale(0.89);
}
 21.7391304348% {
 transform: translateX(31vw) translateY(-25vh) scale(0.49);
}
 26.0869565217% {
 transform: translateX(7vw) translateY(-39vh) scale(0.97);
}
 30.4347826087% {
 transform: translateX(6vw) translateY(50vh) scale(0.55);
}
 34.7826086957% {
 transform: translateX(-40vw) translateY(-6vh) scale(0.77);
}
 39.1304347826% {
 transform: translateX(-49vw) translateY(31vh) scale(0.78);
}
 43.4782608696% {
 transform: translateX(18vw) translateY(4vh) scale(0.72);
}
 47.8260869565% {
 transform: translateX(49vw) translateY(20vh) scale(0.86);
}
 52.1739130435% {
 transform: translateX(38vw) translateY(-8vh) scale(0.31);
}
 56.5217391304% {
 transform: translateX(-41vw) translateY(36vh) scale(0.67);
}
 60.8695652174% {
 transform: translateX(22vw) translateY(-8vh) scale(0.32);
}
 65.2173913043% {
 transform: translateX(5vw) translateY(14vh) scale(1);
}
 69.5652173913% {
 transform: translateX(29vw) translateY(32vh) scale(0.93);
}
 73.9130434783% {
 transform: translateX(40vw) translateY(-14vh) scale(0.54);
}
 78.2608695652% {
 transform: translateX(-2vw) translateY(15vh) scale(0.55);
}
 82.6086956522% {
 transform: translateX(-7vw) translateY(22vh) scale(0.93);
}
 86.9565217391% {
 transform: translateX(38vw) translateY(5vh) scale(0.94);
}
 91.3043478261% {
 transform: translateX(17vw) translateY(28vh) scale(0.44);
}
 95.652173913% {
 transform: translateX(24vw) translateY(24vh) scale(0.45);
}
 100% {
 transform: translateX(-14vw) translateY(-46vh) scale(0.75);
}
}
.firefly:nth-child(14) {
	animation-name: move14;
}
.firefly:nth-child(14)::before {
	animation-duration: 11s;
}
.firefly:nth-child(14)::after {
	animation-duration: 11s, 7335ms;
	animation-delay: 0ms, 4135ms;
}
 @keyframes move14 {
 0% {
 transform: translateX(-4vw) translateY(13vh) scale(0.33);
}
 3.5714285714% {
 transform: translateX(-16vw) translateY(19vh) scale(0.75);
}
 7.1428571429% {
 transform: translateX(-34vw) translateY(46vh) scale(0.98);
}
 10.7142857143% {
 transform: translateX(-28vw) translateY(32vh) scale(0.3);
}
 14.2857142857% {
 transform: translateX(31vw) translateY(-18vh) scale(0.88);
}
 17.8571428571% {
 transform: translateX(-28vw) translateY(29vh) scale(0.36);
}
 21.4285714286% {
 transform: translateX(33vw) translateY(-39vh) scale(0.33);
}
 25% {
 transform: translateX(-36vw) translateY(41vh) scale(0.4);
}
 28.5714285714% {
 transform: translateX(-21vw) translateY(16vh) scale(0.85);
}
 32.1428571429% {
 transform: translateX(24vw) translateY(48vh) scale(0.26);
}
 35.7142857143% {
 transform: translateX(27vw) translateY(-23vh) scale(0.51);
}
 39.2857142857% {
 transform: translateX(-6vw) translateY(-6vh) scale(0.45);
}
 42.8571428571% {
 transform: translateX(-22vw) translateY(-35vh) scale(0.65);
}
 46.4285714286% {
 transform: translateX(28vw) translateY(-25vh) scale(0.81);
}
 50% {
 transform: translateX(0vw) translateY(-13vh) scale(0.79);
}
 53.5714285714% {
 transform: translateX(8vw) translateY(-32vh) scale(0.92);
}
 57.1428571429% {
 transform: translateX(-4vw) translateY(-30vh) scale(0.69);
}
 60.7142857143% {
 transform: translateX(-37vw) translateY(-41vh) scale(0.64);
}
 64.2857142857% {
 transform: translateX(-36vw) translateY(22vh) scale(0.44);
}
 67.8571428571% {
 transform: translateX(-48vw) translateY(-49vh) scale(0.38);
}
 71.4285714286% {
 transform: translateX(-22vw) translateY(-12vh) scale(0.33);
}
 75% {
 transform: translateX(-44vw) translateY(8vh) scale(0.57);
}
 78.5714285714% {
 transform: translateX(39vw) translateY(-15vh) scale(0.57);
}
 82.1428571429% {
 transform: translateX(11vw) translateY(7vh) scale(0.68);
}
 85.7142857143% {
 transform: translateX(-38vw) translateY(38vh) scale(0.3);
}
 89.2857142857% {
 transform: translateX(-47vw) translateY(39vh) scale(0.95);
}
 92.8571428571% {
 transform: translateX(47vw) translateY(32vh) scale(0.28);
}
 96.4285714286% {
 transform: translateX(-41vw) translateY(-2vh) scale(0.6);
}
 100% {
 transform: translateX(28vw) translateY(14vh) scale(0.81);
}
}
.firefly:nth-child(15) {
	animation-name: move15;
}
.firefly:nth-child(15)::before {
	animation-duration: 16s;
}
.firefly:nth-child(15)::after {
	animation-duration: 16s, 7518ms;
	animation-delay: 0ms, 3184ms;
}
 @keyframes move15 {
 0% {
 transform: translateX(6vw) translateY(5vh) scale(0.45);
}
 4.347826087% {
 transform: translateX(14vw) translateY(-25vh) scale(0.36);
}
 8.6956521739% {
 transform: translateX(-39vw) translateY(-28vh) scale(0.41);
}
 13.0434782609% {
 transform: translateX(17vw) translateY(-15vh) scale(0.81);
}
 17.3913043478% {
 transform: translateX(2vw) translateY(50vh) scale(0.92);
}
 21.7391304348% {
 transform: translateX(11vw) translateY(15vh) scale(0.42);
}
 26.0869565217% {
 transform: translateX(25vw) translateY(38vh) scale(0.94);
}
 30.4347826087% {
 transform: translateX(29vw) translateY(-17vh) scale(0.28);
}
 34.7826086957% {
 transform: translateX(5vw) translateY(17vh) scale(0.55);
}
 39.1304347826% {
 transform: translateX(-39vw) translateY(-24vh) scale(0.51);
}
 43.4782608696% {
 transform: translateX(32vw) translateY(-34vh) scale(0.35);
}
 47.8260869565% {
 transform: translateX(47vw) translateY(-38vh) scale(0.81);
}
 52.1739130435% {
 transform: translateX(9vw) translateY(35vh) scale(0.69);
}
 56.5217391304% {
 transform: translateX(-32vw) translateY(5vh) scale(0.71);
}
 60.8695652174% {
 transform: translateX(23vw) translateY(-9vh) scale(0.31);
}
 65.2173913043% {
 transform: translateX(16vw) translateY(-4vh) scale(0.54);
}
 69.5652173913% {
 transform: translateX(46vw) translateY(-18vh) scale(0.85);
}
 73.9130434783% {
 transform: translateX(-10vw) translateY(33vh) scale(0.78);
}
 78.2608695652% {
 transform: translateX(-43vw) translateY(22vh) scale(0.97);
}
 82.6086956522% {
 transform: translateX(-34vw) translateY(16vh) scale(0.38);
}
 86.9565217391% {
 transform: translateX(39vw) translateY(-34vh) scale(0.39);
}
 91.3043478261% {
 transform: translateX(-42vw) translateY(44vh) scale(0.29);
}
 95.652173913% {
 transform: translateX(38vw) translateY(15vh) scale(0.63);
}
 100% {
 transform: translateX(48vw) translateY(-6vh) scale(0.48);
}
}
 @keyframes drift {
 0% {
 transform: rotate(0deg);
}
 100% {
 transform: rotate(360deg);
}
}
 @keyframes flash {
 0%, 30%, 100% {
 opacity: 0;
 box-shadow: 0 0 0vw 0vw yellow;
}
 5% {
 opacity: 1;
 box-shadow: 0 0 2vw 0.4vw yellow;
}
}
/*-- //banner-top --*/ 


.navbar-light .navbar-brand {
	color: #fff;
	font-size: 24px;
	line-height: 34px;
}
.navbar-light .navbar-brand:hover {
	color: #fff;
}
.navbar-light .navbar-nav .nav-link:hover {
	color: #0099e5;
	font-size: 14px;
}
.navbar-light .navbar-nav .nav-link {
	color: #fff;
	font-size: 14px;
	letter-spacing: 1px;
}
.navbar-brand span {
	font-size: 14px;
}
.navbar-brand p {
	display: block;
	font-size: 18px;
	line-height: 0;
	color: #fff;
	padding-left: 0.2em;
	padding-top: 2px;
	font-weight: 100;
	padding-bottom: 10px;
}
.border {
	width: 30%;
	height: 4px;
	margin: 20px 0;
	background: #fff;
}
/*-- //banner-top --*/


/*-- banner --*/

.banner-info {
	position: relative;
	max-width: 100%;
	height: 570px;
}
.banner-infoxtu {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	object-fit: cover;
}
.banner-infoxtu img {
	width: 100%;
	display: block;
	height: 570px;
	object-fit: cover;
}
.banner-info, .a-banner-info, .banner-info-a {
	-webkit-background-size: cover;
	background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-ms-background-size: cover;
	position: relative;
}
.banner-info-a {
	height: 200px;
}
.banner-infotu {
	float: left;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
.banner-infotu img {
	width: 100%;
	display: block;
	height: 530px;
}
.banner-infotu1 {
	position: absolute;
	left: 0;
	right: 0;
	top: 80px;
	margin: 0 auto;
	width: 400px;
}
.banner-infotu1 img {
	width: 100%;
	display: block;
	height: 400px;
}
.banner-infotua {
	float: left;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
.banner-infotua img {
	width: 100%;
	display: block;
	height: 200px;
}
.banner-infotuzia {
	float: left;
	margin: 50px 0 0 0;
	width: 100%;
}
.bannebot {
	margin: 0 0 50px 0;
}
.bannerzi1b {
	width: 100%;
	text-align: center;
	font-size: 30px;
	color: #0e287b;
	text-shadow: #CCC 2px 2px 2px;
	font-weight: 600;
}
.bannerzi1b b {
	text-align: center;
	font-size: 28px;
}
.a-banner-info {
	background: url(../img/company.jpg)no-repeat center 0px;
}
.top-navaa {
	background: rgba(0, 0, 0, 0.41);
	min-height: 570px;
}
.tesimple {
	width: 100%;
	float: left;
	margin: 20px 0 0 0;
	background: #fff;
	padding: 0 0 30px 0;
}
.tesimplf {
	width: 100%;
	float: left;
	margin: 20px 0 0 0;
	background: #FBFBFF;
}
.tehuikh11 {
	width: 100%;
	text-align: left;
	color: #0e287b;
	font-size: 14px;
	font-weight: 500;
	margin: 30px 0 20px 0;
}
.tehuikh11a {
	font-size: 24px;
	font-weight: 500;
}
.tehuikh11b {
	font-size: 20px;
	text-align: left;
}
.tehuikh12 {
	width: 98%;
	text-align: left;
	color: #0e287b;
	font-size: 14px;
	margin: 30px 0 20px 2%;
	font-size: 20px;
}
.footeraa {
	width: 100%;
	float: left;
	background-color: #0e287b;
	padding: 40px 0;
	text-align: center;
	border-bottom: 1px solid #4c4c4c;
}
.footeraa p {
	color: rgba(255, 255, 255, 0.2);
}
.footeraa p a {
	color: rgba(255, 255, 255, 0.2);
}
.footeraaz1 {
	font-size: 14px;
}
.footeraaz a {
	font-size: 36px;
	color: #FFF;
	font-weight: normal;
}
.footeraaz a:hover {
	font-size: 36px;
	color: #FFF;
	font-weight: normal;
}
.top-nav {
	background: rgba(0, 0, 0, 0.41);
	top: 0;
	left: 0;
	position: absolute;
	float: left;
}
.fadeInDown {
	-webkit-animation-fill-mode: both;
	-ms-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-duration: 10s;
	-ms-animation-duration: 10s;
	animation-duration: 10s;
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
	visibility: visible !important;
}
.banner-infotuzi {
	position: absolute;
	text-align: center !important;
	font-size: 2.5em;
	font-weight: 500;
	z-index: 1;
	width: 320px;
	margin: 0px auto;
	left: 0;
	right: 0;
	top: 41%;
	color: #fff;
}
.banner-infotuzihh {
	position: absolute;
	text-align: center !important;
	width: 320px;
	margin: 0px auto;
	left: 0;
	right: 0;
	top: 51%;
}
.banner-infotuzidh {
	position: absolute;
	text-align: center !important;
	width: 320px;
	margin: 0px auto;
	left: 0;
	right: 0;
	top: 56%;
}
.bannerdah1 {
	width: 100%;
	text-align: center;
	color: #fff;
	font-size: 3em;
	position: absolute;
	top: 40%;
	left: 0;
	font-weight: 600;
	text-shadow: #000 1px 0 0, #000 0 1px 0, #000 -1px 0 0, #000 0 -1px 0;
}
.bannerdah1 {
	-webkit-transition: all 1.5s ease;
	transition: all 1.5s ease;
}
.bannerdah1:hover {
	color: #F90;
	-webkit-animation: Glow 1.5s ease infinite alternate;
	animation: Glow 1.5s ease infinite alternate;
}
@-webkit-keyframes Glow {
 from {
 text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #00a67c, 0 0 70px #00a67c, 0 0 80px #00a67c, 0 0 100px #00a67c, 0 0 150px #00a67c;
}
to {
	text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #00a67c, 0 0 35px #00a67c, 0 0 40px #00a67c, 0 0 50px #00a67c, 0 0 75px #00a67c;
}
}
@keyframes Glow {
 from {
 text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #00a67c, 0 0 70px #00a67c, 0 0 80px #00a67c, 0 0 100px #00a67c, 0 0 150px #00a67c;
}
to {
	text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #00a67c, 0 0 35px #00a67c, 0 0 40px #00a67c, 0 0 50px #00a67c, 0 0 75px #00a67c;
}
}
.bannerzi1a {
	display: none;
}
.bannerzi1 a {
	color: #002060;
}
.bannerzi2 {
	width: 100%;
	text-align: center;
	color: #002060;
}
.tebanh3 {
	font-size: 16px;
	color: #fff;
	letter-spacing: 3px;
	line-height: 1.2em;
}
.tebanh4 {
	font-size: 16px;
	color: #fff;
}
.tebanh5 {
	color: #fff;
	font-size: 20px;
	text-align: center;
	margin: 15px 0 0 0;
}
.tebanh5 a {
	color: #fff;
}
.banner-infotu:after {
	content: '';
	position: absolute;
	background: url(../img/a.png)repeat center 0px;
	background-size: 3%;
	display: block;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 3%;
}
.banner-infotua:after {
	content: '';
	position: absolute;
	background: url(../img/a.png)repeat center 0px;
	background-size: 3%;
	display: block;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 3%;
}
.tebanh6 {
	width: 350px;
	margin: 1em auto 1em auto;
}
.tebanh7 {
	border-radius: 5px;
	color: #FFF;
	padding: 15px 60px;
	background: #009a44;
}
.btn2bbb {
	margin: 0 0 0 0;
}
.tebanmih1 {
	font-size: 30px;
	color: #009a44;
	text-align: left;
	margin-bottom: 10px;
	line-height: 35px;
	width: 100%;
	float: left;
}
.tebanmih2 {
	font-size: 16px;
	line-height: 25px;
	color: #000;
	text-transform: capitalize;
	letter-spacing: 1px;
	float: left;
	text-align: left;
	font-weight: 500;
	width: 100%;
	margin: 15px 0 0 0;
}
.tebanmih2 a, .tebanmihaa a, .tebanmih2a a {
	color: #000;
}
.tebanmih2a {
	font-size: 16px;
	line-height: 25px;
	color: #0e287b;
	text-transform: capitalize;
	letter-spacing: 1px;
	float: left;
	text-align: left;
	font-weight: 500;
	width: 100%;
	margin: 5px 0 0 0;
}
.tebanmihaa {
	font-size: 15px;
	line-height: 25px;
	color: #0e287b;
	margin-bottom: 5px;
	margin-top: 0px;
	text-transform: capitalize;
	letter-spacing: 1px;
	float: left;
	text-align: left;
	width: 80%;
	margin: 0 10% 0 10%;
}
.tebanmih3 {
	width: 1000px;
	margin: 30px auto 0 auto;
}
.tebanmih31 {
	width: 32%;
	float: left;
}
.tebanmih32 {
	width: 32%;
	margin: 0 2% 0 2%;
	float: left;
}
.tebanmih33 {
	width: 32%;
	float: left;
}
.tebanmih3k {
	width: 100%;
	border: #002060 3px solid;
	background: #002060;
	float: left;
	position: relative;
	top: 0;
	left: 0;
}
.tebanmih3k1 {
	width: 100%;
	border: #002060 3px solid;
	background: #002060;
	float: left;
	position: relative;
	top: 0;
	left: 0;
}
.tebanmih3k2 {
	width: 100%;
	border: #002060 3px solid;
	background: #002060;
	float: left;
	position: relative;
	top: 0;
	left: 0;
}
.tebanmih3ka {
	margin: 15px 5%;
	background: #FFF;
	border: #999 3px solid;
	width: 90%;
	float: left;
}
.tebanmih3kap {
	display: none;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	background: rgba(96, 96, 96, 0.5);
	text-align: center;
	height: 100%;
	float: none;
	color: #FFF;
	margin: 0 0 0 0;
	font-weight: 600;
	font-size: 24px;
	line-height: 343px;
}
.tebanmih3k:hover .tebanmih3kap {
	display: block;
}
.tebanmih3k1:hover .tebanmih3kap {
	display: block;
}
.tebanmih3k2:hover .tebanmih3kap {
	display: block;
}
.tebanmih3kap a {
	color: #FFF;
}
.tebanmih3kai {
	width: 100%;
	margin: 0 0 0 0;
	top: 0;
	left: 0;
}
.tebanmih3ka img {
	display: block;
	width: 100%;
	height: 160px;
}
.tebanmih3kb {
	width: 90%;
	margin: 15px 5% 0 5%;
	float: left;
	font-size: 16px;
	color: #fff;
	text-align: center;
	font-weight: 600;
}
.tebanmih3kb b {
	font-size: 22px;
	text-align: center;
	font-weight: 600;
}
.tebanmih3kb b a {
	color: #fff;
}
.tebanmih3z {
	width: 90%;
	margin: 0 5% 15px 5%;
	float: left;
	text-align: center;
	font-size: 20px;
	color: #fff;
	font-weight: 600;
}
.tebanmin1 {
	width: 100%;
	float: left;
	padding: 10px 0 0 0;
}
.tehuik {
	width: 100%;
	margin: 0 auto 0 auto;
	border: #000 3px solid;
	background: #D9D9D9;
	padding: 15px 15px 0 15px;
	overflow: hidden;
}
.tehuik1 {
	width: 100%;
	text-align: left;
	font-size: 16px;
	color: #0e287b;
	margin: 15px 0 15px 0;
	line-height: 30px;
}
.tehuik1a {
	width: 100%;
	font-size: 16px;
	line-height: 25px;
	color: #0e287b;
	margin: 15px 0 15px 0;
	text-transform: capitalize;
	font-weight: 500;
	letter-spacing: 1px;
	text-align: left;
}
.tehuik1a a {
	color: #0e287b;
	text-decoration: none;
	font-size: 16px;
}
.tehuik1a a:hover {
	color: #c55a11;
	font-size: 16px;
}
.tehuik1 a {
	color: #0e287b;
}
.tehuik1 img {
	width: 100%;
	display: block;
}
.tezongk {
	width: 100%;
	margin: 0 auto 0 auto;
	border: #7F6000 3px solid;
	background: #FFF2CC;
	padding: 15px 15px 0 15px;
	overflow: hidden;
}
.telvk {
	width: 100%;
	margin: 0 auto 0 auto;
	border: #696 3px solid;
	background: #EEFFE3;
	padding: 15px 15px 0 15px;
	overflow: hidden;
	text-align: center;
}
.telvknet {
	width: 100%;
	margin: 15px auto 15px auto;
	position: relative;
	height: 680px;
}
.telvkneta {
	width: 100%;
	margin: 15px auto 15px auto;
	position: relative;
}
.telvknet1 {
	border: #0e287b 2px solid;
	padding: 5px;
	width: 600px;
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	color: #0e287b;
	font-size: 14px;
}
.telvknet2 {
	width: 618px;
	left: 0;
	top: 120px;
	position: absolute;
}
.telvknet2 img {
	width: 100%;
	display: block;
}
.telvknet3 {
	width: 200px;
	left: 68%;
	top: 200px;
	position: absolute;
	border: #0e287b 2px solid;
	height: 260px;
}
.telvknet31 {
	font-size: 18px;
	color: #0e287b;
	float: left;
	margin: 15px 2% 0 2%;
	width: 96%;
	font-weight: 600;
	text-align: center;
}
.telvknet32 {
	font-size: 12px;
	color: #0e287b;
	float: left;
	width: 90%;
	margin: 5px 0 0 10%;
	font-weight: 600;
}
.telvknet4 {
	width: 200px;
	position: absolute;
	top: 250px;
	left: 120px;
	border: #0e287b 2px solid;
	background: #fff;
	padding: 10px 10px;
	margin: 0 0 15px 0;
	font-size: 18px;
	z-index: 1;
	text-align: center;
	font-weight: 600;
	height: 80px;
}
.telvknet5 {
	width: 200px;
	position: absolute;
	top: 350px;
	left: 120px;
	border: #0e287b 2px solid;
	background: #fff;
	padding: 10px 10px;
	margin: 0 0 15px 0;
	font-size: 18px;
	z-index: 1;
	text-align: center;
	font-weight: 600;
	height: 80px;
}
.telvknet6 {
	width: 200px;
	position: absolute;
	top: 320px;
	left: 400px;
	border: #0e287b 2px solid;
	background: #FFF;
	padding: 10px;
	margin: 0 0 15px 0;
	font-size: 18px;
	z-index: 1;
	text-align: center;
	font-weight: 600;
	height: 80px;
}
.telvknet7 {
	width: 120px;
	position: absolute;
	top: 300px;
	left: 45%;
	border: #FF33CC 2px solid;
	background: #FFEBFA;
	padding: 0;
	margin: 0 0 15px 0;
	font-size: 12px;
	z-index: 1;
	text-align: center;
	font-weight: 600;
}
.telvknet8 {
	border: #0e287b 2px solid;
	padding: 5px;
	width: 100%;
	float: left;
	position: absolute;
	bottom: 0;
	left: 0;
	color: #0e287b;
	font-size: 14px;
}
.banner-dih {
	position: absolute;
	bottom: 35px;
	right: 325px;
	color: #F00;
	font-size: 14px;
	text-align: left;
}
.banner-dil {
	position: absolute;
	bottom: 25px;
	right: 60px;
	color: #009a44;
	font-size: 14px;
	text-align: left;
}
.tesimlan1 {
	width: 60%;
	margin: 0 20% 0 20%;
}
.tesimlan1 img {
	width: 100%;
	display: block
}
.tesimlan2 {
	width: 60%;
	margin: 0 20% 0 20%;
}
.tesimlan2 img {
	width: 100%;
	display: block
}
.tesimlan {
	width: 100%;
	padding: 15px 15px 15px 15px;
	border: 2px #203864 solid;
	z-index: -1;
	margin: 0 0 30px 0;
}
.tesimbai {
	float: left;
	background: #fff;
	color: #203864;
	font-size: 18px;
	font-weight: 600;
	text-align: center;
	padding: 5px 15px;
	z-index: 9999;
	margin: -16px 0 0 15px;
}
.tehuik2 {
	width: 70%;
	margin: 50px 15% 30px 15%;
	border: #c55a11 3px solid;
	padding-top: 15px;
	padding-bottom: 15px;
	text-align: center;
	overflow: hidden;
	color: #c55a11;
	text-align: center;
	font-size: 20px;
}
.tehuik2:hover {
	border: #fff 3px solid;
	background: #c55a11;
	color: #FFF;
}
.tehuik2a {
	font-size: 22px;
	font-weight: 600;
}
.tehuik2 a {
	color: #FFF;
}
.tehuik2z1 b {
	font-weight: 600;
}
.telank {
	width: 294px;
	margin: 15px auto 0 auto;
	background: #012061;
	color: #FFF;
	text-align: center;
	padding: 5px 0;
	font-size: 24px;
	font-weight: 500;
}
.telanxian {
	width: 2px;
	margin: 0 auto 0 auto;
	border-right: #000 3px solid;
	height: 45px;
}
.tebaik {
	width: 350px;
	margin: 0 auto 15px auto;
	border: #000 3px solid;
	background: #FFF;
	color: #000;
	text-align: center;
	padding: 15px 0;
}
.simp1a2 {
	width: 100%;
	margin: 0 0% 0 0%;
}
.simp1a2zi {
	width: 100%;
	margin: 40px 0 5px 0;
	float: left;
	font-size: 16px;
	color: #0e287b;
	text-align: left;
	font-weight: 600;
}
.banner-info.about-banner, .about-banner .top-nav {
	min-height: 200px;
}
.banner-info.about-banner .top-nav:after {
	height: 3%;
}
.sj_a-banner {
	margin-bottom: 2px;
}
.banner-text h2 {
	color: #fff;
	font-size: 1.8em;
	line-height: 1.2em;
	text-align: center;
	padding-top: 4.2em;
}
.text_font {
	width: 50%;
	margin: 0 auto 0;
	padding-top: 120px;
	padding-bottom: 50px;
	text-align: center;
}
.header_text h2, .header_text h4 {
	color: #fff;
	font-size: 2.5em;
	line-height: 1.2em;
}
.header_text p {
	color: #fff;
	font-size: 1.1em;
	line-height: 1.8em;
	font-weight: 300;
	width: 100%;
	padding-top: 15px;
}
.header_text p span.tax {
	color: #fff;
	font-size: 11px;
}
.header_text p b, .header_text p b.bigsize {
	font-size: 2em;
	line-height: 1em;
	color: #fff;
	text-decoration: none;
}
.miaobian {
	text-shadow: #012061 1px 0 0, #012061 0 1px 0, #012061 -1px 0 0, #012061 0 -1px 0;
}
.header_text p b.bigsize span {
	font-size: 14px;
	line-height: 14px;
	font-weight: 100;
}
.header_text p b.bigsizex {
	font-size: 34px;
	line-height: 38px;
	color: #fff;
	display: inline-block;
}
.header_text h3 {
	font-size: 16px;
	color: #fff;
	margin-top: 1.8em;
	letter-spacing: 3px;
	line-height: 1.2em;
}
.ct_btn {
	margin-top: 3em;
	padding-bottom: 1px;
}
.ct_btn a {
	font-size: 1em;
	color: #fff;
	padding: 10px 60px;
	margin: 0 auto;
	position: relative;
	z-index: 1;
	-webkit-backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	text-decoration: none;
	display: inline-block;
}
.text_frame {
	width: 100%;
}
.c_button::before, .c_button::after {
	content: '';
	border-radius: 5px;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	-webkit-transition: -webkit-transform 0.5s, background-color 0.5s;
	transition: transform 0.5s, background-color 0.5s;
	-moz-transition: transform 0.5s, background-color 0.5s;
	-webkit-transition-timing-function: cubic-bezier(0.25, 0, 0.3, 1);
	transition-timing-function: cubic-bezier(0.25, 0, 0.3, 1);
	-moz-transition-timing-function: cubic-bezier(0.25, 0, 0.3, 1);
}
.c_button::before {
	border: 2px solid #009a44;
}
.c_button.button--inverted::after {
	background: #009a44;
}
.c_button:hover::before {
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
	-moz-transform: scale3d(1, 1, 1);
	-o-transform: scale3d(1, 1, 1);
	-ms-transform: scale3d(1, 1, 1);
}
.c_button::before, .c_button:hover::after {
	background: #222222;
}
.c_button a span {
	font-size: 12px;
}
.simxs {
	margin-bottom: 20px !important;
}
.service2 {
}
h5.fnt1 {
	font-size: 24px;
	text-align: center;
	color: #0e287b;
}
h3.fnt2 {
	font-size: 28px;
	padding-bottom: 10px;
	text-align: center;
	color: #009a44;
}
h4.text-center.mt-lg-3.mt-md-2.mt-sm-1.mt-1 {
	text-transform: capitalize;
	text-align: center;
	letter-spacing: 1px;
	font-size: 14px;
	padding: 20px 10px;
	color: #fff;
}
/*--banner--*/
.btn, .btn1, .btn2 {
	margin-top: 20px;
	margin-bottom: 40px;
}
.btn a {
	color: #fff;
}
.btn1 a, .btn2 a {
	color: #fff;
	overflow: hidden;
	font-size: 14px;
	padding: 10px 30px;
	border-radius: 5px;
}
.btn a:hover, .btn1 a:hover, .btn2 a:hover {
	box-shadow: none;
	outline: 0;
}
.tebtn1 {
	color: #fff;
	overflow: hidden;
	font-size: 14px;
	padding: 10px 20px;
	border-radius: 5px;
	margin-top: 20px;
	margin-bottom: 40px;
	background-color: #012061;
	width: 240px;
}
.tebtn1 a {
	color: #FFF;
}
.btn a {
}
.btn a:hover {
}
.btn1 a {
	background-color: #009a44;
	border: 2px solid #009a44;
}
.btn1 a:hover {
	background-color: #222222;
	border: 2px solid #222222;
	color: #fff;
}
.btn2 a {
	background-color: #012061;
	border: 2px solid #012061;
}
.btn2 a:hover {
	background-color: #222222;
	border: 2px solid #222222;
	color: #fff;
}
.space {
	display: none;
}
span.time {
	font-size: 13px;
}
/** Company Information **/
.cpy_top {
	margin-top: 40px;
}
.cpy_row {
	width: 100%;
}
.cpy-md-3 {
	width: 25%;
}
.cpy-md-9 {
	width: 75%;
	margin-left: 25%;
}
p.top_c {
	font-size: 12px;
	margin-top: 40px;
}

p.top_t {
	font-size: 12px;
	margin-top: -40px;
	text-align: left;
}
p.top_t a, p.top_c a {
	font-size: 12px;
	text-decoration: underline;
	color: #E36917;
}

#lNav {
	float: left;
	width: 100%;
	margin-bottom: 25px;
}
#lNav ul li {
	list-style-type: none;
}
#container #lNav {
	display: block
}
#lNav span {
	position: relative;
	display: block;
	cursor: pointer;
	font-size: 14px;
}
#lNav a {
	position: relative;
	display: block;
	color: #0e287b;
	text-decoration: none
}
#lNav a:hover, #lNav a:active {
	color: #E36917
}
#lNav .cur>a {
	color: #E36917
}
#lNav ul, #lNav li {
	margin: 0;
	padding: 0
}
.lNavtopli {
	padding: 20px 10px 20px 20px;
	font-size: 1.43em !important;
	color: #fff !important;
	background-color: #0e287b;
	text-align: left;
}
.lNavtopli a {
	color: #fff !important;
}
#lNav>ul>li>ul>li, #lNav>ul>li>ul>li>.tglBtn+ul li {
	position: relative;
	margin-top: 3px;
	border: 2px solid #0e287b;
	z-index: 1;
}
#lNav>ul>li>ul>li:hover {
	border: 2px solid #E36917 !important;
}
#lNav>ul>li>ul>li>span, #lNav>ul>li>ul>li>.tglBtn+ul li>a, #lNav>ul>li>ul>li>.tglBtn+ul li>span {
	padding: 15px 10px 15px 35px;
	font-size: 15px;
}
#lNav>ul>li>ul>li {
	padding: 15px 10px 15px 35px;
	text-align: left;
}
#lNav>ul>li>ul>li span:before {
	content: '';
	display: block;
	width: 5px;
	height: 5px;
	position: absolute;
	top: 8px;
	left: -15px;
	border-right: 2px solid #989898;
	border-bottom: 2px solid #989898;
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg)
}
#lNav>ul>li>ul>li>.tglBtn {
	padding-left: 10px;
	border-bottom: 1px solid #e1e1e1
}
#lNav>ul>li>ul>li>.tglBtn:before {
	display: inline;
	position: static;
	border-style: none;
	-moz-transform: rotate(0);
	-ms-transform: rotate(0);
	-webkit-transform: rotate(0);
	transform: rotate(0)
}
#lNav>ul>li>ul>li>.tglBtn+* {
	margin: -50px -1px -1px;
	padding: 0;
	max-height: 50px
}
#lNav>ul>li>ul>li>.tglBtn.open+* {
	margin-top: -1px
}
#lNav>ul>li>ul>li.root {
	border-left: 2px solid #12b3c7;
	z-index: 0
}
#lNav>ul>li>ul>li.root>a {
	padding-bottom: 8px
}
#lNav>ul>li>ul>li.root>a:before {
	top: 22px;
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}
#lNav>ul li li ul {
	margin-left: 40px
}
#lNav>ul li li li a, #lNav>ul li li li span {
	padding: 8px 10px
}
#lNav>ul li li li ul {
	margin-left: 15px
}
#lNav>ul li li li li a:before {
	content: '';
	display: block;
	width: 5px;
	height: 5px;
	position: absolute;
	top: .7em;
	left: 0;
	margin-top: 3px;
	border-bottom: 1px solid #989898;
	border-left: 1px solid #989898
}
#lNav>ul li li li.cur>a:before {
	border-color: #12b3c7
}
#lNav>ul li li li .tglBtn {
	border: 1px solid #e1e1e1;
	padding: 5px;
	margin: 10px 20px 0 -20px
}
#lNav>ul li li li .tglBtn a:before {
	display: none
}
#lNav>ul li li li .tglBtn+* {
	max-height: 20px
}
#lNav>ul li li li .tglBtn.open+* {
	padding: 10px 0
}
#lNav>ul li li li .tglBtn.open+* a:before {
	display: none
}
#lNav .tglBtn {
	position: relative;
	text-align: center;
	background-color: #fff;
	z-index: 1
}
#lNav .tglBtn:before {
	content: '�{ '
}
#lNav .tglBtn+* {
	position: relative;
	margin: 0;
	padding: 0;
	visibility: hidden;
 filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	z-index: 0
}
#lNav .tglBtn.open:before {
	content: '�| '
}
#lNav .tglBtn.open+* {
	max-height: 100%;
	visibility: visible;
 filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);
	opacity: 1
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
th {
	font-weight: normal;
	text-align: left
}
table {
	font-size: 15px;
}
.contact-left table {
	width: 100%;
}
.contact-left table td {
	padding: 1em;
	border: 1px solid #0e287b;
	color: #0e287b;
}
.contact-left table th {
	padding: 1em;
	border: 1px solid #0e287b;
	color: #0e287b;
}
th {
	background: #fff;
}
table p {
	padding-bottom: 5px;
}
.message-bottom {
	widows: 200px;
	float: right;
	font-size: 16px;
	color: #0e287b;
}
.message-bottom p {
	text-align: left;
}
.m_img1 {
	display: block
}
.m_img2 {
	display: none;
}
.m_img1 img {
	float: right;
	padding-left: 10px;
	width: 200px;
	height: 185px;
}
.contact-left, .message-left {
	margin-bottom: 50px;
}
.contact-left p, .message-left p {
	font-size: 14px;
	padding-bottom: 7px;
}
.message h5 {
	color: #0e287b;
	font-size: 20px;
	line-height: 24px;
	padding-top: 10px;
}
.message p {
	text-align: left;
	padding: 0.5em 0;
	font-size: 16px;
	line-height: 26px;
}
.message table {
	margin-top: 20px;
	margin-bottom: 20px;
}
.message table th {
	background: none;
	width: 170px;
	text-align: right;
}
.message table td, .message table th {
	padding: 10px;
	border: 0px solid #afafaf
}
.message table td {
	font-size: 22px;
	line-height: 20px;
	font-weight: 600;
}
.message table p {
	font-size: 12px;
	line-height: 10px;
	font-weight: normal;
}
/** /Company Information **/


 /*--Service--*/
.sj_head {
	font-size: 25px;
	color: #0e287b;
	font-weight: 600;
	margin-bottom: 30px;
	letter-spacing: 4px;
	text-transform: uppercase;
	text-align: center;
	padding-bottom: .8em;
	position: relative;
}
.sj_head:before, .sj_head:after {
	position: absolute;
	background: #000;
	height: 2px;
	content: '';
	margin-left: auto;
	margin-right: auto;
}
.sj_head:before {
	width: 125px;
	bottom: 8%;
	left: 0;
	right: 0;
}
.sj_head:after {
	width: 205px;
	bottom: 0%;
	left: 0;
	right: 0;
}
.bar-grids {
	padding: 0px 0 20px 0;
}
.bargrids-right h4 {
	font-size: 30px;
	color: #009a44;
	text-align: left;
	margin-bottom: 10px;
}
.bargrids-right h6 {
	font-size: 15px;
	line-height: 25px;
	color: #0e287b;
	margin-bottom: 0.6em;
	text-transform: capitalize;
	letter-spacing: 1px;
}
.bb2 {
	background: #009a44;
}
.bb3 {
	background: #009a44;
}
.bb4 {
	background: #db0f31;
}
.bb5 {
	background: #4aab62;
}
.bb6 {
	background: #e84f50;
}
.wrap {
	width: 100%;
	margin-top: 10px;
	font-size: 14px;
}
.left {
	min-height: auto;
	padding: 2px 10px;
	color: #fff;
	text-align: center;
}
.right {
	width: 95%;
	padding: 10px;
	background-color: #f0f0f0;
}
h6.price_s, h6.price_s1, h6.price_s2 {
	color: #2f2f2f;
	font-size: 16px;
	letter-spacing: 1px;
	font-weight: 500;
	line-height: 22px;
	margin-top: 20px;
	text-align: center;
}
h6.price_s b {
	font-size: 28px;
	color: #009a44;
}
h6.price_s1 b {
	font-size: 28px;
	color: #009a44;
}
h6.price_s2 b {
	text-align: center;
	font-size: 28px;
	color: #db0f31;
	margin-top: 20px;
}
.bar-grids span.tax {
	font-size: 11px;
}
/*--Service--*/
 /*--sample--*/
.sample_row {
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}
.sample-right a img {
	border: 1px solid #ccc;
	margin-bottom: 20px;
}
.sample-grids {
	height: auto;
	margin-bottom: -350px;
	padding-bottom: 350px;
	display: inline;
}
div#agile {
	text-align: left;
	padding-bottom: 20px;
}
/*--sample--*/
/*--recruit--*/
/*--recruit--*/ 
 
 /*--process--*/
.process-grids {
	padding: 0.9em;
}
/*-- imghvr-hinge --*/

[class^='imghvr-'] > img, [class*=' imghvr-'] > img {
 vertical-align: top;
 max-width: 100%;
}
/*-- imghvr-hinge-right -- */
.imghvr-hinge-right img {
	transform-origin: 100% 50%;
}
.bnr-btm-info {
	position: relative;
	border: 1px solid #ccc;
	height: 400px;
}
.bnr-btm-info p {
	font-size: 15px;
}
h3.subheading-wthree {
	color: #0e287b;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 22px;
}
.bnr-btm-info:hover {
	box-shadow: 0 9px 13px rgba(0, 0, 0, 0.25);
	transform: translateY(-10px);
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
}
.bnr-btm-info:hover i {
	color: #00bce4;
}
.bnr-btm-info span {
	position: absolute;
	left: 0%;
	top: -7%;
	font-size: 3em;
	font-weight: bolder;
	color: #012061;
	text-shadow: -2px -2px 3px #afafaf;
}
.bnr-btm-info img {
	margin-top: -10px;
	margin-bottom: 20px;
}
p.text-color {
	color: #0e287b;
	margin-top: -10px;
}
p.text-color a {
	color: #0e287b;
}
#stepnew {
	margin: 10px 0 20px 0;
	font-size: 15px;
}
#stepnew span {
	background: #f5f5f5;
	padding: 5px 10px;
	border-radius: 10px;
	border: 2px solid #009a44;
	display: inline-block;
}
#stepnew span.current {
	background: #009a44;
	color: #fff;
	font-weight: normal;
}
.app_pdf {
	font-size: 12px;
	margin: 10px 0;
}
.downl {
	margin-bottom: 10px;
}
.downl a {
	color: #fff;
	text-align: center;
	background: orange;
	padding: 5px 10px;
}
/*-- //imghvr-hinge --*/ 

/*--process--*/
 
 /** Contact **/
.para-left {
	margin: 0em 0em 1em 0em;
}
.para-left p {
	color: #0e287b;
	font-size: 14px;
	padding: 0em 0em 0em;
	line-height: 20px;
}
.addres p {
	font-size: 14px;
	color: #0e287b;
}
h3.title1 {
	text-align: left;
	font-size: 18px;
	font-weight: bold;
}
h3.title1aa {
	text-align: left;
	font-size: 18px;
	font-weight: bold;
	margin: 15px 0 0 0;
}
.tele p, .email-us p {
	font-size: 16px;
	color: #0e287b;
}
.tele p.m_time {
	font-size: 12px;
}
.tele p span, .email-us p span {
	color: #db0f31;
}
.email-us, .tele {
	margin-bottom: 1em;
}
.contact-top {
	border: 2px solid #000;
	background: #bbb;
	padding: 1em;
}
iframe {
	width: 100%;
	height: 300px;
	border: none;
}
/** Contact **/
 /** Footer **/


.copyright {
	padding: 1em 0;
	background-color: #000;
	color: #fff;
	float: left;
	width: 100%;
}
.copyright p {
	color: #fff;
	font-size: 12px;
	text-align: center;
}
.copyright a {
	color: #fff;
}
/** /Footer **/

/** /Login **/
#contents {
	overflow: hidden;
	width: 80%;
	margin: auto;
	background: #fff;
}
.area3 {
	width: 100%;
	background-color: #FFF;
	padding-top: 60px;
	margin: auto;
	font-size: 14px;
	height: auto;
	font-family: helvetica, arial, 'hiragino kaku gothic pro', meiryo, 'ms pgothic', sans-serif;
}
.language {
	width: 100%;
	margin: auto;
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 11px;
}
.language span {
	background-color: #CCC;
	padding: 3px;
}
.language a {
	color: #00F;
	font-weight: normal;
	background-color: #CCC;
	padding: 3px;
}
#topicpath, #topicpath2 {
	position: relative;
	padding: 10px 10px 10px 20px;
	font-size: 16px;
	line-height: 1.1;
	border: 1px solid #cccccc;
	background: url(../img/t_bg2.png) repeat;
	margin: 0 0 10px;
}
#topicpath:before, #topicpath2:before {
	content: '';
	position: absolute;
	top: 8px;
	bottom: 8px;
	left: 10px;
	display: block;
	width: 5px;
}
#topicpath:before {
	background: #002b82;
	color: #002b82;
}
#topicpath2:before {
	background: #db0f31;
	color: #db0f31;
}
.area3 dl {
	width: 100%;
	margin-bottom: 30px;
}
.area3 dt {
	padding: 0px 10px 0px 0px;
	color: #0e287b;
	font-weight: bold;
}
.area3 h2 {
	text-align: center;
	font-size: 24px;
	padding-top: 80px;
}
.area3 dd {
	padding-bottom: 0px;
}
.area3 dd a {
	font-size: 13px;
	color: #e51f76;
}
.area3 p a, .area4 a {
	font-size: 12px;
	text-decoration: underline;
	color: #12b3c7;
}
.area3 p {
	font-size: 12px;
}
.area3 input[type=email], input[type=password], .area2 input[type=email] {
	width: 340px;
	height: 35px;
	border-radius: 3px;
	font-size: 14px;
	font-family: Arial, sans-serif;
	border: 1px solid #ccc;
	padding: 5px;
}
.area3 input[name=usID] {
	width: 200px;
	height: 35px;
	border-radius: 3px;
	font-size: 14px;
	font-family: Arial, sans-serif;
	border: 1px solid #ccc;
	padding: 5px;
}
.usid {
	padding-top: 5px;
}
.red {
	color: #db0f31;
	font-size: 14px;
}
.mark {
	color: #db0f31;
	background: #eff9f4;
}
.area2 input[name=usHash] {
	width: 100px;
	height: 35px;
	border-radius: 3px;
	font-size: 14px;
	font-family: Arial, sans-serif;
	border: 1px solid #ccc;
	padding: 5px;
}
#profile {
	padding: 10px 0;
	font-size: 21px;
	color: #0e287b;
	border-top: 3px solid #036;
	border-bottom: 1px dotted #036;
	text-align: left;
}
#main {
	box-sizing: border-box;
	padding-top: 20px;
	padding-bottom: 40px;
}
#main p {
	padding: 0;
}
#sub {
	box-sizing: border-box;
	overflow: hidden;
	float: right;
	width: 28%;
}
.h4rs {
	font-size: 18px;
	line-height: 22px;
	color: #cd0000;
	line-height: 20px;
}
.divl form {
	margin: 0
}
h4 input[type=submit] {
	border: 0;
	border-bottom: 1px dashed #1aa1e1;
	background: #FFF;
	border-radius: 0px;
	margin: 0;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 300px;
	text-align: left;
	font-size: 14px;
}
h4 input[type=submit]:hover {
	background: #1aa1e1;
}
.divl {
	float: left;
	width: 35%;
	padding-bottom: 25px;
}
.divl h4 {
}
.divr {
	float: left;
	width: 35%;
	padding-top: 30px;
	margin-left: 100px;
}
.divm {
}
.add a {
	font-size: 14px;
	padding-top: 30px;
	padding-bottom: 30px;
	text-decoration: none;
	color: #0e287b;
	padding-left: 10px;
}
.add {
	font-size: 14px;
	border: 0;
	border-bottom: 1px dashed #1aa1e1;
	background: #FFF;
	border-radius: 0px;
	margin: 0;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 300px;
	text-align: left;
}
.add:hover {
	background: #1aa1e1;
}
.arrow-right {
	float: right;
	padding-right: 70px;
	margin-top: -1px;
}
.logout {
	font-size: 11px;
	color: #666;
	float: right;
}
.area2 {
	padding-topxx: 100px;
	font-size: 14px;
}
.attention {
	font-size: 14px;
	line-height: 18px;
	color: #3a579a;
}
.msg {
	width: 93%;
	font-size: 14px;
	line-height: 14px;
	line-height: 18px;
	color: #0e287b;
	padding: 20px 0;
}
.note {
	padding-right: 15px;
	font-size: 14px;
	line-height: 18px;
	color: #0e287b;
}
.area2 input {
	margin-left: 10px;
}
.area2 p {
	padding-top: 5px;
}
.area2 dl {
	width: 100%;
	line-height: 1.5;
	font-size: 14px;
	margin: auto;
}
.area2 dl a {
	font-size: 11px;
}
.area2 dt {
	float: left;
	width: 240px;
	border-right: 2px solid #169ed8;
	padding: 10px;
	color: #0e287b;
}
.area2 dd {
	margin-left: 240px;
	padding: 10px;
	background-color: #FFF;
}
.area2 dd a {
	font-size: 14px;
	color: #e51f76;
}
.message-box {
	margin-top: 40px;
	font-size: 16px;
	text-align: left;
	margin-bottom: 40px;
	border: 1px solid #F00;
	padding: 20px 10px;
	line-height: 18px;
	color: #F00;
}
.message-box h4 {
	font-size: 16px;
}
.font-bold {
	text-transform: lowercase;
	color: #F00;
}
.font-set {
	font-size: 14px;
	padding-top: 5px;
	line-height: 18px;
}
#m-box {
	padding: 40px 0;
}
#m-box a {
	color: #e51f76;
}
.button_key, #button_key2 {
	color: #fff;
	text-decoration: none;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	margin-top: 20px;
	padding: 5px 60px;
	border: none;
	font-size: 16px;
}
.button_key {
	background: #002b82;
	border: 1px solid #002b82;
}
#button_key2 {
	background: #009a44;
	border: 1px solid #009a44;
}
.button_key:hover, #button_key2:hover {
	background-color: #222222;
	border: 1px solid #222222;
}
#new {
	background: #db0f31;
	color: #fff;
	border: 1px solid #db0f31;
	text-decoration: none;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	padding: 8px 60px;
	border: none;
	font-size: 16px;
	margin-bottom: 20px;
	margin-left: 20px;
}
#new:hover {
	background-color: #222222;
	border: 1px solid #222222;
}
.msg {
	width: 93%;
	font-size: 14px;
	line-height: 14px;
	line-height: 18px;
	color: #0e287b;
	padding-top: 30px;
}
/** /Login **/


/*STEP*/
#step {
	position: relative;
	background: #f5f5f5;
	color: #999;
	padding: 10px;
	overflow: hidden;
	border: 1px solid #009a44;
	margin: 20px 0 20px 0;
	line-height: 20px;
	font-size: 15px;
}
.form {
	color: #0e287b;
	font-weight: bold;
}
.emsg {
	border: 2px solid red;
	padding: 10px;
	margin-top: 20px;
	width: 98%;
}
/*User Profile VOP91*/
#user {
	line-height: 60px;
	font-size: 18px;
}
#user p {
	display: inline-block;
	padding-right: 30px;
}
input[name=cq1ad939], input[name=cq2ad939], input[name=cq1ad937], input[name=cq2ad937], input[name=cq1ad037], input[name=cq2ad037], input[name=cqemad1], input[name=cqemad2], input[name=cqcnm939], input[name=cqcnm937], input[name=cqtnm937], input[name=cqcnm037], input[name=cqtnm037], textarea {
	width: 75%;
}
input[type=email] {
	text-transform: lowercase;
}
.area2 input[name=name], input[name=email], input[name=email2] {
	width: 340px;
}
.area2 input[type=password] {
	width: 340px;
}
.area3 input[name=usEADR], input[name=pw1], input[name=pw2] {
	width: 340px;
}
.area4 input[name=email], .area4 input[name=name], .area4 input[name=pw0], .area4 input[name=pw1], .area4 input[name=pw2] {
	width: 340px;
	height: 35px;
	border-radius: 3px;
	font-size: 14px;
	font-family: Arial, sans-serif;
	border: 1px solid #ccc;
	padding: 5px;
}
.setpadding {
	margin: 110px 0 40px 0;
	font-size: 18px;
	line-height: 24px;
}
/*VOP93*/

.selectbox {
	width: 100%;
	height: 40px;
	position: relative;
}
.selectbox strong {
	width: 160px;
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	display: block;
	float: left;
}
.selectbox select {
	margin-top: 7px;
	height: 30px;
	line-height: 30px;
	width: 35%;
}
#detail1 {
	width: 90%;
	border-left: 1px solid #DFDFDF;
	border-right: 1px solid #DFDFDF;
	border-bottom: 1px solid #DFDFDF;
}
#left {
	float: left;
	padding: 10px;
	width: 180px;
	padding-left: 7px;
	border-top: 1px solid #DFDFDF;
	border-right: 1px solid #DFDFDF;
	font-size: 15px;
	color: #1d4a77;
}
#right {
	margin-left: 180px;
	padding-left: 30px;
	border-top: 1px solid #DFDFDF;
	font-size: 15px;
}
/*vop94*/
.area3 input[name=name] {
	width: 340px;
	height: 35px;
	border-radius: 3px;
	font-size: 14px;
	font-family: Arial, sans-serif;
	border: 1px solid #ccc;
	padding: 5px;
}
.area3 input[name=usHash] {
	width: 100px;
	height: 35px;
	border-radius: 3px;
	font-size: 14px;
	font-family: Arial, sans-serif;
	border: 1px solid #ccc;
	padding: 5px;
}
.pswd {
	color: #0e287b;
	font-size: 12px;
	padding-right: 15px;
}
/*vop95*/

.area4 {
	width: 100%;
	background-color: #FFF;
	padding-top: 70px;
	margin: auto;
	font-size: 14px;
	height: auto;
	padding-bottom: 40px;
}
.wt960 {
	width: 100%;
	margin: 0 auto;
	border-radius: 5px;
}
.wt960 h4 {
	font-size: 18px;
	font-weight: 100;
}
.area4 dl {
	width: 80%;
	line-height: 1.5;
}
.area4 dl a {
	font-size: 11px;
}
.area4 dt {
	float: left;
	width: 190px;
	padding: 10px;
	color: #08538c;
	font-weight: bolder;
}
.area4 dd {
	margin-left: 190px;
	padding: 10px;
	background-color: #FFF;
}
.area4 span {
	color: #666;
}
/*reset password*/
hr {
	width: 98%;
	height: 1px;
	border: none;
}
.messagestart {
	color: #cd0000;
	font-weight: bolder;
	line-height: 18px;
}
.messagestart2 {
	color: red;
	font-weight: bolder;
	padding-left: 20px;
	line-height: 18px;
	padding-bottom: 30px;
}
/*reset password VOP96*/
.h4f {
	border-top: solid #002b82 4px;
	border-bottom: solid #002b82 1px;
	font-size: 20px;
	margin-top: 30px;
	width: 100%;
	margin-bottom: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-weight: 100;
}
.password-title {
	padding: 25px 0px 25px 0px;
	font-size: 20px;
	border-bottom: 1px solid rgba(34,36,38,.15);
	margin-bottom: 20px;
	text-align: center;
 background-color:;
}
.blkTitle {
	padding: 0.9em 12px;
	position: relative;
	-webkit-box-shadow: inset 0 -2.4em 1.7em -0.7em #e8e8e8;
	box-shadow: inset 0 -2.4em 1.7em -0.7em #e8e8e8;
	margin-bottom: 30px;
}
.h401 {
	padding: 0 0 0 10px;
	border-left: 4px solid #364fa1;
	line-height: 1.12em;
	font-size: 1.12em;
	font-weight: bold;
}
.reset {
	margin-top: 30px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	background: #f5f5f5;
}
.reset a {
	text-decoration: underline;
}
.required {
	padding: 20px 0px 10px 20px;
	color: #F00;
}
.reset dd {
	padding-left: 20px;
}
.reset dt {
	padding-left: 20px;
	border-radius: 5px;
}
/*VOP773*/


#processor {
	margin-top: 80px;
	position: relative;
	margin-bottom: 10px;
}
#processor p {
	font-size: 12px;
	margin-bottom: 30px;
}
.page-tit {
	font-size: 16px;
	color: #db0f31;
}
.slt {
	padding: 0px 0 10px 10px;
	margin: auto;
	width: 100%;
	background: #fff;
	overflow: hidden;
	margin-bottom: 20px;
}
.slt table, .slt tr, .slt td {
	border: 0;
}
.block {
	float: left;
	background: #fff;
	box-shadow: 0 2px 1px 1px rgba(0, 0, 0, 0.2);
	border: #ccc 1px solid;
	display: inline-block;
	width: 230px;
	height: 216px;
	margin: 20px;
}
.block:hover {
	float: left;
	background: #97BDFD;
	box-shadow: 0 2px 1px 1px rgba(0, 0, 0, 0.2);
	border: #ccc 1px solid;
	display: inline-block;
	width: 230px;
	height: 216px;
	margin: 20px;
}
.block img {
	padding-top: 15px;
	height: 180px;
}
.block img:hover {
	border: #ccc 1px solid;
	display: block;
	position: absolute;
	transform: scale(9.0);
	z-index: 2;
	padding: 0px;
}
.block p.title {
	text-align: center;
	padding-top: 40px;
	font-size: 13px;
}
.block img:hover {
	border: #ccc 1px solid;
	display: block;
	position: absolute;
	transform: scale(2.2);
	z-index: 2;
}
.create {
	width: 90%;
	font-size: 14px;
}
.create a {
	color: #F00;
}
.arrow-right {
	float: right;
	padding-right: 70px;
	margin-top: -1px;
}
.arrow-right p, .arrow-right p a {
	font-size: 11px;
}
.logout {
	font-size: 11px;
	text-decoration: underline;
	color: #666;
	float: right;
}
/*vop93T*/

.ft {
	padding-top: 10px;
	padding-bottom: 10px;
	width: 30%;
}
.ft1 {
	padding-top: 10px;
	padding-bottom: 10px;
	width: 25%;
}
.ft2 {
	padding-top: 10px;
	padding-bottom: 10px;
	width: 15%;
}
.area4 dl {
	width: 100%;
	line-height: 1.5;
}
.area4 dl a {
	font-size: 11px;
}
.area4 span {
	color: #666;
}
#left2 {
	border-top: 1px dashed #1d4a77;
	width: 180px;
	color: #1d4a77;
}
#right2 {
	border-top: 1px dashed #1d4a77;
}
/** inquiry **/
#main, .c_form, .att, .inq_area, .kakunin, .telno {
	width: 850px;
	margin: auto;
}
.inq-left {
	margin-bottom: 30px;
}
#topicpath3 {
	position: relative;
	padding: 10px 10px 10px 15px;
	font-size: 20px;
	line-height: 1.1;
	color: #0e287b;
}
#topicpath3:before {
	content: '';
	position: absolute;
	top: 8px;
	bottom: 8px;
	left: 0px;
	display: block;
	width: 5px;
	background: #009a44;
}
#topicpath4 {
	position: relative;
	padding: 10px 10px 10px 15px;
	font-size: 16px;
	line-height: 1.1;
	color: #012061;
}
#topicpath4:before {
	content: '';
	position: absolute;
	top: 8px;
	bottom: 8px;
	left: 0px;
	display: block;
	width: 5px;
	background: #012061;
}
.bytel {
	padding: 5px 10px;
	font-size: 16px;
	line-height: 22px;
	color: #0e287b;
	margin-bottom: 15px;
	border-bottom: 1px dotted #009a44;
	background: #eff9f4;
}
.bytel span {
	font-size: 13px;
	color: #db0f31;
}
.set_cl {
	background: #db0f31;
	color: #fff;
	font-size: 14px;
	padding: 0 5px;
}
.att {
	font-size: 14px;
}
.current {
	color: #009a44;
	font-weight: 600;
}
.inq_area input[name=cqfn939], .inq_area input[name=cqln939], .inq_area input[name=cqffn939], .inq_area input[name=cqfln939], .inq_area input[name=cqtel] {
	width: 220px;
}
.inq_area input[name=cqemad1], .inq_area input[name=cqemad2], .inq_area input[name=cqcnm939], .inq_area input[name=cqtnm939], #textarea1 {
	width: 445px;
}
.inq_area dl {
	width: 100%;
	border: 1px solid #cccccc;
	border-top: 0;
	line-height: 1.5;
	background: #eff9f4;
	margin: auto;
	font-size: 14px;
}
.inq_area dt {
	color: #0e287b;
	float: left;
	width: 200px;
	padding: 10px;
	border-top: 1px solid #ccc;
	font-weight: normal;
}
.inq_area dd {
	margin-left: 200px;
	padding: 10px;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	background-color: #FFF;
	margin-bottom: 0;
}
.dltitle {
	margin-bottom: 5px;
	margin-top: 20px;
	font-weight: 600;
}
{
 width: 220px;
}
#textarea1 {
	width: 445px;
}
.inq_area input[name=cqfn939], .inq_area input[name=cqln939], .inq_area input[name=cqffn939], .inq_area input[name=cqfln939], .inq_area input[name=cqtel], .inq_area input[name=cqemad1], .inq_area input[name=cqemad2], .inq_area input[name=cqcnm939], .inq_area input[name=cqtnm939] {
	padding-left: 10px;
	border: 1px solid #cccccc;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06) inset;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06) inset;
	font-size: 14px;
	height: 35px;
}
.inq_area textarea {
	padding: 10px;
	border: 1px solid #cccccc;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06) inset;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06) inset;
	font-size: 14px;
	padding-top: 5px;
}
.button2 {
	text-align: center;
	margin-bottom: 40px;
}
.inq_area p {
	margin: 0;
	padding: 0;
	padding-top: 3px;
	font-size: 12px;
	font-weight: normal;
}
#sy {
	color: red;
	font-weight: bold;
}
.Submitted {
	width: 100%;
	margin: auto;
	line-height: 25px;
	padding: 0 30px 70px 0px;
}
#box2 {
	font-size: 18px;
	font-weight: bold;
	padding: 10px 0;
	color: #cd0000;
}
.Submitted span {
	font-size: 14px;
}
#box2 a {
	color: #cd0000;
}
#textareac {
	display: none;
	border: 0;
}
input[type="radio"] {
	vertical-align: middle;
	margin-top: 2px;
	margin-bottom: 1px;
}
input[type="radiox"] {
	position: absolute;
	clip: rect(0, 0, 0, 0);
}
input[type="radio"] + label::before {
	content: "\a0"; /*闕ｳ閧�E�蝗ｰ髯�E�讙趣�E��E��E��E�隴�E��E��E�*/
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	width: 1em;
	height: 1em;
	margin-right: .4em;
	border-radius: 50%;
	border: 1px solid #009a44;
	text-indent: .15em;
	line-height: 1;
}
input[type="radio"]:checked + label::before {
	background-color: #009a44;
	background-clip: content-box;
	padding: .25em;
}
.retime {
	padding-left: 30px;
	font-size: 13px;
}
.term_of_use {
	padding-left: 5px;
	display: inline-block;
}
.term_of_use a {
	text-decoration: underline;
}
.app {
	background: #FCF;
	margin: 10px 0 5px 0;
	font-size: 13px;
}
.item span {
	display: inline-block;
}
.kakunin {
	margin: auto;
	font-size: 14px;
	background: #eff9f4;
	padding: 15px;
}
.telno {
	margin: auto;
	font-size: 32px;
	margin-bottom: 20px;
	color: #009a44;
	font-weight: 700;
}
.kakunin a {
	text-decoration: underline;
	font-size: 16px;
}
.agree {
	width: 100%;
	text-align: center;
}
.kakunin strong {
	font-weight: normal;
	font-size: 15px;
}
.border_form {
	width: 100%;
	height: 205px;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	border: 1px solid #ccc;
}
.border_form iframe {
	width: 100%;
	height: 200px;
	display: block;
}
.border_form:first-of-type {
	width: 100%;
	height: 105px;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	border: 1px solid #ccc;
}
.border_form:first-of-type iframe {
	width: 100%;
	height: 100px;
	display: block;
}
#stepform {
	position: relative;
	background: #eff9f4;
	color: #999;
	padding: 10px;
	overflow: hidden;
	border: 2px solid #009a44;
	margin: 20px 0;
}
 input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {
 -webkit-transition-delay: 99999s;
 -webkit-transition: color 99999s ease-out, background-color 99999s ease-out;
}
/** inquiry **/
/** Responsive **/
bodyx {
	background: red;
}
 @media screen and (max-width: 1366px) {
.callbacks_tabs {
	left: 90%;
}
.header_text h2, .header_text h4 {
	font-size: 2.5em;
}
.header_text p b, .header_text p b.bigsize {
	font-size: 2em;
}
.text_font {
	width: 52%;
	margin: 0 auto 0;
}
}
 @media screen and (max-width: 1280px) {
.bb1 {
	height: 240px;
}
.callbacks_tabs {
	left: 93%;
}
.text_font {
	width: 56%;
	margin: 0 auto 0;
}
.top-nav:after {
	height: 2%;
}
}
 @media screen and (max-width: 1244px) {
.banner-infotu:after {
	content: '';
	position: absolute;
	background: url(../img/a.png)repeat center 0px;
	background-size: 3%;
	display: block;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 2%;
}
}
 @media screen and (max-width: 1199px) {
bodyx {
	background: yellow;
}
.block, .block:hover {
	width: 185px;
	height: 173px;
}
.block img {
	padding-top: 10px;
	height: 160px;
}
.block p.title {
	padding-top: 20px;
}
.message h5 {
	font-size: 18px;
}
}
 @media screen and (max-width: 1125px) {
.telvknet2 {
	width: 500px;
}
.telvknet3 {
	top: 150px;
}
.telvknet4 {
	width: 150px;
	top: 220px;
	left: 98px;
}
.telvknet5 {
	width: 150px;
	top: 320px;
	left: 98px;
}
.telvknet6 {
	width: 200px;
	top: 260px;
	left: 300px;
}
.containerx {
	width: 90%;
	margin: 0 5%;
}
}
 @media screen and (max-width: 1080px) {
.bnr-btm-info {
	height: 380px;
}
#main {
	width: 90%;
}
.callbacks_tabs {
	top: 50%;
}
.header_text h2, .header_text h4 {
	font-size: 2.5em;
}
.header_text p b, .header_text p b.bigsize {
	font-size: 2.0em;
}
.text_font {
	width: 62%;
	margin: 0 auto 0;
}
.header_text h3 {
	letter-spacing: 2px;
}
.banner, .top-nav {
	min-height: 560px;
}
}
@media screen and (max-width: 1024px) {
bodyx {
	background: blue;
}
.callbacks_tabs {
	left: 94%;
}
.ser {
	padding: 1.3em;
	background-color: #f6f6f5;
}
.header_text h2, .header_text h4 {
	font-size: 2.3em;
}
.header_text p b, .header_text p b.bigsize {
	font-size: 1.8em;
}
.banner, .top-nav {
	min-height: 550px;
}
.text_font {
	margin: 0 auto 0;
}
.header_text h3 {
	margin-top: 1.6em;
}
.ct_btn {
	margin-top: 2em;
}
}
 @media screen and (max-width: 1000px) {
.tebanmih3 {
	width: 800px;
	margin: 30px auto 0 auto;
}
.bannerwd2 {
	width: 800px;
	margin: 0 auto;
}
.containerin {
	width: 800px;
	margin: 0 auto;
}
.tebanmih3z {
	font-size: 16px;
}
.telvknetab img {
	height: 507px;
}
.sample-right a img {
	height: 218px;
}
.tesimlan1 img {
	height: 258px;
}
.tesimlan2 img {
	height: 108px;
}
}
 @media screen and (max-width: 991px) {
.tesimlan1 img {
	height: 231px;
}
.tesimlan2 img {
	height: 96px;
}
.sample-right a img {
	height: 180px;
}
.baizi {
	color: #0e287b !important;
}
.banner-infotuzi {
	top: 40%;
}
.banner-infotuzihh {
	top: 50%;
}
.banner-infotuzidh {
	top: 55%;
}
bodyx {
	background: green;
}
p.top_c {
	margin-top: 90px;
}
.bnr-btm-info {
	height: 420px;
}
.process-grids, .sample-grids {
	float: left;
	width: 50%;
}
.cpy-md-3, .cpy-md-9 {
	width: 100%;
	margin-left: 0;
}
.col-md-3, .col-md-5, .col-md-7 {
	width: 50%
}
.col-sm-4 {
	max-width: 50%
}
.col-sm-8 {
	max-width: 50%
}
#contents {
	width: 73%;
}
.py-lg-5 {
	padding-bottom: 0rem!important;
	padding-top: 0rem!important
}
.space {
	display: block;
	height: 95px;
	width: 100%;
}
h5.fnt1, .bargrids-right h4 {
	font-size: 24px;
}
h3.fnt2 {
	font-size: 22px;
}
{
 font-size: 18px;
}
.box_s {
	padding-top: 1.5rem;
}
.box_s1 {
	padding-bottom: 3rem
}
.callbacks_tabs {
	left: 85%;
	top: 48%;
}
.bar-grids p {
	font-size: 13px;
	letter-spacing: 0px;
	margin-bottom: 1em;
}
ul.navbar-nav.ml-auto {
	text-align: center;
}
h4.text-center.mt-lg-3.mt-md-2.mt-sm-1.mt-1 {
	font-size: 14px;
}
.para-left p {
	font-size: 14px;
	line-height: 18px;
}
.btnn input[type="submit"] {
	font-size: 16px;
}
.btnn1 input[type="submit"] {
	width: 90%;
}
.navbar-light .navbar-toggler {
	background-color: #fff;
	border-color: #fff;
	float: right;
}
.banner-text h2 {
	padding-top: 4.3em;
	font-size: 1.7em;
}
.banner-info.about-banner, .about-banner .top-nav {
	min-height: 180px;
}
.header_text h2, .header_text h4 {
	font-size: 2.2em;
}
.header_text p b, .header_text p b.bigsize {
	font-size: 1.7em;
}
p.top_t {
	margin-top: 5px;
}
#main, .c_form, .att, .inq_area, .kakunin, .telno {
	width: 100%;
}
.inq_area input[name=cqfn939], .inq_area input[name=cqln939], .inq_area input[name=cqffn939], .inq_area input[name=cqfln939], .inq_area input[name=cqtel] {
	width: 207px;
}
.inq_area input[name=cqemad1], .inq_area input[name=cqemad2], .inq_area input[name=cqcnm939], .inq_area input[name=cqtnm939], #textarea1 {
	width: 420px;
}
.block, .block:hover {
	width: 285px;
	height: 266px;
}
.block img {
	padding-top: 10px;
	height: 240px;
}
.block p.title {
	padding-top: 30px;
}
.slt {
	margin-bottom: 20px;
}
.tebanmih3ka img {
	width: 100%;
	display: block;
	height: 130px;
}
.telvknet {
	width: 100%;
	margin: 15px auto 15px auto;
	position: relative;
	height: 680px;
}
.telvknet8 {
	padding: 5px;
	width: 100%;
	float: left;
	position: absolute;
	bottom: 50px;
	left: 0;
	color: #0e287b;
	font-size: 14px;
}
.tebanmih2 {
	width: 100%;
	margin: 2em 0 0.6em 0;
}
.tebanmih2a {
	width: 100%;
	margin: 5px 0 0 0;
}
.tebanmihaa {
	width: 80%;
	margin: 5px 10% 5px 10%;
}
.simp1a2zi {
	font-size: 14px;
}
.animation {
	width: 720px;
}
.containerin {
	width: 720px;
}
.tebanmih3ka {
	position: relative;
	height: 136px;
}
.tebanmih3kap {
	line-height: 307px;
}
.telvknet2 {
	width: 400px;
}
.telvknet3 {
	top: 120px;
}
.telvknet4 {
	width: 120px;
	top: 200px;
	left: 80px;
	height: 70px;
	font-size: 14px;
}
.telvknet5 {
	width: 120px;
	top: 280px;
	left: 80px;
	height: 70px;
	font-size: 14px;
}
.telvknet6 {
	width: 150px;
	top: 240px;
	left: 240px;
}
}
@media screen and (max-width: 900px) {
bodyx {
	background: purple;
}
#contents {
	width: 80%;
}
.callbacks_tabs {
	left: 87%;
}
.progress {
	margin-bottom: 1.5em;
}
h4 input[type=submit], .add {
	width: 280px;
}
.header_text h2, .header_text h4 {
	font-size: 2.2em;
}
.text_font {
	width: 64%;
	margin: 0 auto 0;
}
.ct_btn a {
	padding: 0.7em 2em;
}
.banner, .top-nav {
	min-height: 450px;
}
}
 @media screen and (max-width: 838px) {
.bannerwd {
	width: 100%;
	padding: 0 0;
	background: none;
}
.containerin {
	width: 94%;
	padding: 0 3% 0 3%;
}
}
 @media screen and (max-width: 800px) {
bodyx {
	background: orange;
}
.callbacks_tabs {
	left: 92%;
}
.banner-text h2 {
	padding-top: 4.5em;
	font-size: 1.6em;
}
.text_font {
	width: 68%;
	margin: 0 auto 0;
}
.header_text h2, .header_text h4 {
	font-size: 2.0em;
}
.header_text p b, .header_text p b.bigsize {
	font-size: 1.6em;
}
.header_text h3 {
	letter-spacing: 1px;
}
.banner, .top-nav {
	min-height: 400px;
}
.banner-infotu:after {
	content: '';
	position: absolute;
	background: url(../img/a.png)repeat center 0px;
	background-size: 4%;
	display: block;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 2%;
}
.tebanmih3 {
	width: 100%;
	margin: 30px auto 0 auto;
}
.bannerwd2 {
	width: 100%;
	margin: 0 auto;
}
.containerin {
	width: 94%;
	margin: 0 3% 0 3%;
}
}
@media screen and (max-width: 768px) {
bodyx {
	background: pink;
}
.bnr-btm-info {
	height: 390px;
}
h3.title1 {
	font-size: 18px;
}
.area3 p, .area4 p {
	padding-top: 10px;
}
.emsg p {
	padding-top: 0px;
}
.area4 input[name=email], .area4 input[name=name], .area4 input[name=pw0], .area4 input[name=pw1], .area4 input[name=pw2] {
	width: 95%;
}
.divl {
	width: 100%;
	padding-left: 0px;
	margin-left: 20px;
}
.divr {
	width: 100%;
	padding: 0px;
	margin-left: 20px;
}
h4 input[type=submit], .add {
	width: 90%;
}
.header_text h2, .header_text h4 {
	font-size: 2.0em;
}
.header_text h3 {
	font-size: 1.1em;
	margin-top: 0.8em;
}
.banner, .top-nav {
	min-height: 360px;
}
.text_font {
	margin: 0 auto 0;
}
.banner-info.about-banner, .about-banner .top-nav {
	min-height: 175px;
}
}
@media screen and (max-width: 767px) {
bodyx {
	background: red;
}
.text_font {
	margin: 0 auto 0;
	width: 75%;
}
.cpy-md-9 table th {
	width: 140px;
}
.inq_area input[name=cqfn939], .inq_area input[name=cqln939], .inq_area input[name=cqffn939], .inq_area input[name=cqfln939], .inq_area input[name=cqtel] {
	width: 193px;
}
.inq_area input[name=cqemad1], .inq_area input[name=cqemad2], .inq_area input[name=cqcnm939], .inq_area input[name=cqtnm939], #textarea1 {
	width: 390px;
}
.message table th {
	background: none;
	width: 180px;
	text-align: right;
}
.tesimlan1 {
	width: 100%;
	margin: 0 0 0 0;
}
.simp1a2zi {
	font-size: 12px;
}
}
 @media screen and (max-width: 796px) {
.tebanmih31 {
	width: 320px;
	margin: 35px auto 0 auto;
	float: none
}
.bannakong {
	margin: 15px 0 0 0;
	display: block;
	width: 100%;
	float: left;
}
.tebanmih32 {
	width: 320px;
	margin: 35px auto 0 auto;
	float: none
}
.tebanmih3ka img {
	height: 160px;
}
.tebanmih33 {
	width: 320px;
	margin: 35px auto 0 auto;
	float: none
}
}
 @media screen and (max-width: 770px) {
.bnr-btm-info img {
	height: 120px;
}
}
 @media screen and (max-width: 736px) {
bodyx {
	background: yellow;
}
.bnr-btm-info {
	height: 370px;
}
.bnr-btm-info p {
	font-size: 14px;
}
.col-md-5, .col-md-7 {
	width: 100%
}
.callbacks_tabs {
	left: 85%;
	top: 60%;
}
.bar-grids.bargrids-right {
	width: 100%;
}
.bar-grids {
	padding: 1em;
}
span.contact_s {
	font-size: 14px;
	line-height: 16px;
}
.right {
	width: 100%;
}
.inq_area input[name=cqfn939], .inq_area input[name=cqln939], .inq_area input[name=cqffn939], .inq_area input[name=cqfln939], .inq_area input[name=cqtel] {
	width: 48%;
}
.inq_area input[name=cqemad1], .inq_area input[name=cqemad2], .inq_area input[name=cqcnm939], .inq_area input[name=cqtnm939], #textarea1 {
	width: 98%;
}
.retime {
	display: inline-block;
	padding-left: 17px;
}
.top-nav:after {
	height: 1%;
}
.block, .block:hover {
	width: 240px;
	height: 224px;
}
.block img {
	padding-top: 10px;
	height: 200px;
}
.block p.title {
	padding-top: 25px;
}
.message p {
	font-size: 15px;
	line-height: 30px;
}
.message-bottom span {
	font-size: 15px;
}
}
 @media screen and (max-width: 720px) {
.banner-infotuzi {
	top: 45%;
}
.banner-infotuzihh {
	top: 55%;
}
.banner-infotuzidh {
	top: 60%;
}
.animation {
	width: 450px;
	top: 0;
}
.anbux {
	display: block !important;
}
.anxian {
	display: none !important;
}
.animation img {
	padding-top: 70px;
}
.tebanmih4 {
	font-size: 24px;
}
.banner-infotuzi {
	font-size: 2em;
}
.tebanh3 {
	font-size: 14px;
}
.tebanh4 {
	font-size: 14px;
}
.tebanh5 {
	font-size: 16px;
}
.tebanh5 img {
	width: 40px;
	height: 40px;
}
}
@media screen and (max-width: 705px) {
.banner-dih {
	position: absolute;
	bottom: 35px;
	right: 300px;
	left: 25px;
	color: #F00;
	font-size: 14px;
	text-align: left;
}
}
 @media screen and (max-width: 670px) {
.telvknet {
	height: 880px;
}
.telvknet2 {
	width: 500px;
	left: 0;
	top: 100px;
	position: absolute;
}
.telvknet4 {
	width: 150px;
	position: absolute;
	top: 200px;
	left: 100px;
}
.telvknet5 {
	width: 150px;
	position: absolute;
	top: 300px;
	left: 100px;
}
.telvknet3 {
	width: 100%;
	left: 0;
	top: 500px;
	height: 150px;
}
.telvknet6 {
	width: 180px;
	position: absolute;
	top: 250px;
	left: 310px;
}
.telvknet7 {
	width: 120px;
	position: absolute;
	top: 300px;
}
.telvknet8 {
	top: 680px;
}
.telvknet32 {
	width: auto;
	float: left;
	margin: 5px 5% 0 5%;
}
.banner-infotua:after {
	content: '';
	position: absolute;
	background: url(../img/a.png)repeat center 0px;
	background-size: 5%;
	display: block;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 4%;
}
.sampsamp {
	width: 48%;
	margin: 0 1% 0 1%;
	float: left;
}
.simp1a2zi {
	font-size: 14px;
}
}
@media screen and (max-width: 640px) {
bodyx {
	background: blue;
}
.bnr-btm-info {
	height: 370px;
}
.top-nav:after {
	background-size: 4%;
	height: 2%;
}
.contact-left table, .contact-left tbody, .contact-left tr, .contact-left th, .contact-left td {
	display: block
}
.contact-left td {
	margin-top: -1px
}
*:not(.inner)>.contact-left table th, *:not(.inner)>.contact-left table td {
	width: auto !important
}
*+tr>*:first-child {
	margin-top: 20px
}
.banner-text h2 {
	padding-top: 4.7em;
	font-size: 1.5em;
}
.header_text h2, .header_text h4 {
	font-size: 1.8em;
}
.header_text h3 {
	font-size: 1.4em;
	margin-top: 0.8em;
}
.header_text h3 {
	font-size: 1em;
}
.banner, .top-nav {
	min-height: 290px;
}
.text_font {
	width: 80%;
	margin: 0 auto 0;
}
.banner-info.about-banner, .about-banner .top-nav {
	min-height: 175px;
}
.about-banner .header_text {
	padding-top: 7em;
}
.inq_area input[name=cqfn939], .inq_area input[name=cqln939], .inq_area input[name=cqffn939], .inq_area input[name=cqfln939], .inq_area input[name=cqtel] {
	width: 49%;
}
.inq_area input[name=cqemad1], .inq_area input[name=cqemad2], .inq_area input[name=cqcnm939], .inq_area input[name=cqtnm939], #textarea1 {
	width: 100%;
}
.inq_area dl {
}
.inq_area dt {
	background: #eff9f4;
	width: 100%;
	padding: 5px 10px;
	border-bottom: 1px solid #ccc;
}
.inq_area dd {
	width: 100%;
	margin-left: 0;
	padding: 5px 10px;
	border-left: 0;
}
.inq_area input, #textarea1 {
	margin: 10px 0 5px 0;
}
dd.inq_cfm {
	padding-top: 40px;
}
.telno {
	font-size: 28px;
}
#topicpath3 {
	font-size: 18px;
}
.block, .block:hover {
	width: 210px;
	height: 196px;
}
.block img {
	padding-top: 10px;
	height: 180px;
}
.block p.title {
	padding-top: 20px;
}
.m_img1 img {
	width: 190px;
	height: 175px;
}
.message table {
}
.message table thx {
	width: 180px;
	border: 1px solid red;
}
.tebanmih2 {
	width: 100%;
	margin: 2em 0 0.6em 0;
}
.tebanmin1 {
	padding: 10px 0 0 0;
}

.tebanmih2a {
	width: 100%;
	margin: 5px 0 0 0;
}
.simp1a2 {
	width: 100%;
	margin: 0 0 0 0;
}
.cpy-md-9, .cpy-md-3 {
	padding-right: 0px;
	padding-left: 0px;
}
 @media screen and (max-width: 630px) {
 .banner-dih {
 position: absolute;
 bottom: 35px;
 right: 280px;
 color: #F00;
 font-size: 14px;
 text-align: left;
}
 .banner-dil {
 position: absolute;
 bottom: 25px;
 right: 30px;
 color: #009a44;
 font-size: 14px;
 text-align: left;
}
}
@media screen and (max-width: 618px) {
.banner-info {
	height: auto;
}
.banner-infotu img {
	width: 100%;
	display: block;
	height: auto;
}
.banner-infotu:after {
	background-size: 5%;
	height: 2%;
}
.banner-infotu1 {
	position: absolute;
	left: 0;
	right: 0;
	top: 80px;
	margin: 0 auto;
	width: 300px;
}
.banner-infotu1 img {
	width: 100%;
	display: block;
	height: 300px;
}
}
@media screen and (max-width: 575px) {
bodyx {
	background: green;
}
.bnr-btm-info {
	height: 360px;
}
.bargrids-right h4 {
	padding-top: 10px;
}
.setpadding {
	margin: 70px 0 0px 0;
	font-size: 18px;
	line-height: 24px;
}
.area3 p, .area4 p {
	padding-top: 20px;
}
#user p, .h4rs {
	font-size: 16px;
	padding: 0;
}
.emsg p {
	padding-top: 0px;
}
.area3 input[type=email], .area3 input[name=name], input[type=password], input[name=name] {
	width: 95%;
	height: 35px;
	border-radius: 3px;
	font-size: 14px;
	font-family: Arial, sans-serif;
	border: 1px solid #ccc;
	padding: 5px;
}
.area3 input[name=usID] {
	width: 40%;
	height: 35px;
	border-radius: 3px;
	font-size: 14px;
	font-family: Arial, sans-serif;
	border: 1px solid #ccc;
	padding: 5px;
}
.area3 input[name=usHash] {
	width: 100px;
	height: 35px;
	border-radius: 3px;
	font-size: 14px;
	font-family: Arial, sans-serif;
	border: 1px solid #ccc;
	padding: 5px;
}
.area4 dt, .area4 dd {
	width: 100%;
}
.area4 dd {
	margin-left: 0px;
}
.area4 input[name=email], .area4 input[name=name], .area4 input[name=pw0], .area4 input[name=pw1], .area4 input[name=pw2] {
	width: 90%;
}
}
 @media screen and (max-width: 568px) {
bodyx {
	background: purple;
}
.bnr-btm-info {
	height: 390px;
}
.top-nav:after {
	background-size: 5%;
	height: 2%;
}
.col-sm-4, .col-sm-8 {
	max-width: 100%
}
.bnr-btm-info span {
	font-size: 2.5em;
}
.sj_cd img {
	width: 100%;
}
.sj_ftdr {
	margin-bottom: 20px;
	float: left;
	width: 50%;
}
.btn {
	margin-top: 0px;
	margin-bottom: 30px;
}
.text_font {
	width: 85%;
	margin: 0 auto 0;
}
.header_text h2, .header_text h4 {
	font-size: 1.4em;
}
.header_text p b, .header_text p b.bigsize {
	font-size: 1.2em;
}
.bargrids-right h6 {
	font-size: 14px;
}
.block, .block:hover {
	width: 180px;
	height: 168px;
	margin: 15px 10px;
}
.block img {
	padding-top: 10px;
	height: 150px;
}
.block p.title {
	padding-top: 20px;
}
.m_img1 img {
	width: 180px;
	height: 166px;
}
.bannerzi1a {
	width: 100%;
	text-align: center;
	font-size: 28px;
	color: #FFF;
	margin: 15px 0 0 0;
	font-weight: 600;
	display: block;
	text-shadow: #002060 5px 2px 2px;
}
.banner-dih {
	position: absolute;
	bottom: 25px;
	right: 10px;
	color: #F00;
	font-size: 14px;
	text-align: left;
}
.banner-dil {
	position: absolute;
	color: #009a44;
	font-size: 14px;
	text-align: left;
	bottom: 70px;
	right: 10px;
}
}
 @media screen and (max-width: 556px) {
.telvknet2 {
	width: 450px;
	left: 0;
	top: 120px;
	position: absolute;
}
.telvknet4 {
	width: 150px;
	top: 220px;
	left: 80px;
}
.telvknet5 {
	width: 150px;
	top: 300px;
	left: 80px;
}
.telvknetab img {
	height: 357px;
}
.telvknet6 {
	width: 150px;
	top: 250px;
	left: 270px;
}
.telvknet7 {
	width: 100px;
	position: absolute;
	top: 250px;
	left: 170px;
}
}
 @media screen and (max-width: 537px) {
.bnr-btm-info {
	height: 420px;
}
}
 @media screen and (max-width: 510px) {
.telvknet8 {
	bottom: 0;
}
.telvknet {
	width: 100%;
	margin: 15px auto 15px auto;
	position: relative;
	height: 850px;
}
.sampsamp {
	width: 280px;
	margin: 0 auto 0 auto;
	float: none;
}
.process-grids, .sample-grids {
	float: left;
	width: 100%;
}
.animation {
	width: 400px !important;
	top: 5%;
}
.animation img {
	width: 80%;
	margin: 0 10% 0 10%;
}
.bnr-btm-info {
	height: 370px;
}
.bnr-btm-info img {
	height: 178px;
}
.sample-right a img {
	height: 220px;
}
}
 @media screen and (max-width: 480px) {
.tebanh6 {
	width: 90%;
	margin: 15px 5% 15px 5%;
}
.tebanh7 {
	padding: 10px 15px;
}
bodyx {
	background: orange;
}
.bnr-btm-info {
	height: 410px;
}
.top-nav:after {
	background-size: 5%;
	height: 1%;
}
.sj_gal1, .sj_gal2, .sj_gal3, .sj_gal4, .sj_gal5, .sj_gal6, .sj_gal7, .sj_gal8 {
	width: 100%;
	margin-bottom: 20px;
}
#contents {
	width: 90%;
}
.btn {
	margin-top: 0px;
	margin-bottom: 30px;
}
.callbacks_tabs {
	left: 85%;
	top: 55%;
}
.layouts-banner-top {
	min-height: 550px;
}
.layouts-banner-top1 {
	min-height: 550px;
}
.layouts-banner-top2 {
	min-height: 550px;
}
.contact-top iframe {
	height: 300px;
}
.sj_swer {
	width: 100%;
	padding: 2.5em;
}
.banner-text h2 {
	padding-top: 4.5em;
	font-size: 1.5em;
}
.header_text h2, .header_text h4 {
	font-size: 1.4em;
}
.header_text p b, .header_text p b.bigsize {
	font-size: 1.2em;
}
.header_text h3 {
	font-size: 0.9em;
}
.ct_btn {
	margin-top: 1em;
}
.banner, .top-nav {
	min-height: 300px;
}
.slid .ct_btn a {
	padding: 0.7em 1.2em;
}
.banner-info.about-banner, .about-banner .top-nav {
	min-height: 165px;
}
.process-grids, sample-grids, .col-md-3 {
	float: left;
	width: 100%;
}
.note {
	width: 90%;
}
.telno {
	font-size: 24px;
}
.block, .block:hover {
	width: 150px;
	height: 140px;
	margin: 15px 10px;
}
.block img {
	padding-top: 10px;
	height: 130px;
}
.block p.title {
	padding-top: 10px;
}
.message h5 {
	color: #0e287b;
	font-size: 17px;
	line-height: 22px;
}
.message table th {
	font-size: 13px;
	width: 160px;
}
.message table td {
	font-size: 20px;
	line-height: 18px;
}
.message table p {
	font-size: 11px;
	line-height: 10px;
}
.tebanmih31 {
	width: 80%;
	margin: 35px 10% 0 10%;
	float: left;
}
.tebanmih32 {
	width: 80%;
	margin: 35px 10% 0 10%;
	float: left;
}
.tebanmih33 {
	width: 80%;
	margin: 35px 10% 0 10%;
	float: left;
}
.banner-infotuzi {
	font-size: 1.5em;
}
.tebanh3 {
	font-size: 12px;
}
.tebanh4 {
	font-size: 12px;
}
.tebanh5 {
	font-size: 14px;
}
.tebanmih4 {
	font-size: 18px;
}
.banner-infotuzihh {
	top: 62%;
}
.banner-infotuzidh {
	top: 67%;
}
}
 @media screen and (max-width: 464px) {
.telvknet2 {
	width: 350px;
	top: 140px;
}
.telvknet3 {
	top: 400px;
}
.telvknet8 {
	top: 580px;
	bottom: 30px;
}
.telvknet4 {
	top: 220px;
	height: 50px;
	padding: 0;
	width: 100px;
}
.telvknet5 {
	top: 290px;
	height: 50px;
	padding: 0;
	width: 100px;
}
.telvknet6 {
	top: 240px;
	left: 200px;
}
}
 @media screen and (max-width: 420px) {
.indexg {
	margin-top: 30px;
}
}
 @media screen and (max-width: 414px) {
.tesimbai {
	font-size: 14px;
	padding: 10px 5px;
}
bodyx {
	background: gray;
}
.navbar-light a.navbar-brand {
	font-size: 22px;
}
.navbar-brand p {
	font-size: 12px;
}
.bnr-btm-info {
	height: 370px;
}
.navbar-toggler-icon {
	width: 1.2em;
	height: 1.2em;
}
span.contact_s {
	font-size: 16px;
	line-height: 16px;
}
.sj_swer h5 {
	font-size: 18px;
}
h4.text-center.mt-lg-3.mt-md-2.mt-sm-1.mt-1 {
	font-size: 14px;
}
.wthree_text i {
	font-size: 15px;
}
.area4 input[name=email], .area4 input[name=name], .area4 input[name=pw0], .area4 input[name=pw1], .area4 input[name=pw2] {
	width: 95%;
}
h4 input[type=submit] {
	width: 88%;
	padding-left: 10px;
}
.add a {
	font-size: 14px;
	padding: 30px 0px 30px 10px;
	text-decoration: none;
	color: #0e287b;
}
.add {
	font-size: 14px;
	border: 0;
	border-bottom: 1px dashed #1aa1e1;
	background: #FFF;
	border-radius: 0px;
	margin: 0;
	padding: 10px 0;
	width: 90%;
	text-align: left;
}
.header_text h2, .header_text h4 {
	font-size: 1.4em;
}
.header_text p b, .header_text p b.bigsize {
	font-size: 1.2em;
}
.text_font {
	width: 89%;
	margin: 0 auto 0;
}
.ct_btn {
	margin-top: 1.5em;
}
.ct_btn a {
	font-size: 0.9em;
}
.slid .ct_btn a {
	padding: 0.4em 1em;
}
.copyright p {
	font-size: 11px;
}
.block, .block:hover {
	width: 140px;
	height: 131px;
	margin: 15px 10px;
}
.block img {
	padding-top: 10px;
	height: 120px;
}
.block p.title {
	padding-top: 10px;
}
.message h5 {
	font-size: 16px;
}
.message table th, .message table td {
	width: 100%;
	display: block;
	text-align: left;
}
.message table th {
	font-size: 14px;
	padding: 0 10px;
}
.message table td {
	border-bottom: 1px dotted #afafaf
}
.banner-infotua:after {
	content: '';
	position: absolute;
	background: url(../img/a.png)repeat center 0px;
	background-size: 6%;
	display: block;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 3%;
}
.telank {
	width: 200px;
	margin: 35px auto 0 auto;
}
.tebaik {
	width: 200px;
}
}
 @media screen and (max-width: 384px) {
.banner-infotu:after {
	background-size: 7%;
	height: 2%;
}
.banner-infotu img {
	width: 100%;
	display: block;
	height: 420px;
}
.banner-infotu:after {
	background-size: 5%;
	height: 2%;
}
bodyx {
	background: pink;
}
.navbar-toggler-icon {
	width: 0.8em;
	height: 0.8em;
}
.layouts-banner-top {
	min-height: 500px;
}
.layouts-banner-top1 {
	min-height: 500px;
}
.layouts-banner-top2 {
	min-height: 500px;
}
.callbacks_tabs {
	left: 81%;
	top: 65%;
}
h5.fnt1, .bargrids-right h4 {
	font-size: 20px;
}
h3.fnt2 {
	font-size: 18px;
}
.banner-text h2 {
	padding: 4.5em 0 1.5em 0;
	font-size: 1.5em;
}
.header_text h2, .header_text h4 {
	font-size: 1.4em;
}
.header_text p {
	font-size: 16px;
}
.header_text p b, .header_text p b.bigsize {
	font-size: 1.2em;
}
.text_font {
	margin: 0 auto 0;
}
.header_text h3 {
	letter-spacing: 0px;
}
.banner, .top-nav {
	min-height: 250px;
}
.ct_btn {
	margin-top: 0.8em;
}
.banner-info.about-banner, .about-banner .top-nav {
	min-height: 155px;
}
.process-grids, sample-grids, .col-md-3 {
	width: 100%;
}
.m_img2x {
	display: block;
	text-align: center;
}
.m_img1x {
	display: none;
}
.m_img2 imgx {
	padding-left: 0px;
	width: 85%;
	text-align: center;
}
.inq_area input[name=cqfn939], .inq_area input[name=cqln939], .inq_area input[name=cqffn939], .inq_area input[name=cqfln939] {
	width: 48%;
}
.inq_area input[name=cqtel] {
	width: 65%;
}
.inq_area input[name=cqemad1], .inq_area input[name=cqemad2], .inq_area input[name=cqcnm939], .inq_area input[name=cqtnm939], #textarea1 {
	width: 100%;
}
.telno {
	font-size: 22px;
}
.telno img {
	width: 50px;
	height: 50px;
}
.block, .block:hover {
	width: 110px;
	height: 103px;
	margin: 15px 10px;
}
.block img {
	padding-top: 10px;
	height: 100px;
}
.block p.title {
	padding-top: 5px;
}
.m_img1 img {
	width: 160px;
	height: 147px;
	padding-left: 5px;
}
.tebanmih31 {
	width: 90%;
	margin: 35px 5% 0 5%;
	float: left;
}
.tebanmih32 {
	width: 90%;
	margin: 35px 5% 0 5%;
	float: left;
}
.tebanmih33 {
	width: 90%;
	margin: 35px 5% 0 5%;
	float: left;
}
.telvknet2 {
	width: 300px;
	left: 0;
	top: 150px;
	position: absolute;
}
.telvknet4 {
	width: 100px;
	top: 210px;
	left: 60px;
}
.telvknet5 {
	width: 100px;
	top: 270px;
	left: 60px;
}
.telvknet8 {
	border: #FF33CC 2px solid;
	padding: 5px;
	width: 100%;
	float: left;
	bottom: 0px;
	left: 0;
	color: #0e287b;
	font-size: 14px;
}
.telvknet {
	width: 100%;
	margin: 15px auto 15px auto;
	position: relative;
	height: 800px;
}
.telvknet6 {
	width: 120px;
	top: 230px;
	left: 180px;
	font-size: 16px;
}
.telvknet7 {
	width: 100px;
	position: absolute;
	top: 310px;
	left: 190px;
}
.tebanmihaa {
	width: 100%;
	margin: 5px 0 5px 0;
}
.animation {
	width: 300px !important;
	top: 5%;
}
.animation img {
	width: 100%;
	margin: 0 0% 0 0%;
}
}
@media screen and (max-width: 354px) {
.banner-infotu::after {
	background-size: 7%;
	height: 2%;
}
.sampsamp {
	width: 100%;
	margin: 0;
	padding: 0;
}
}
 @media screen and (max-width: 320px) {
bodyx {
	background: black;
}
.top-nav:after {
	background-size: 4%;
	height: 0%;
}
.m_img2 img {
	width: 100%;
}
.callbacks_tabs {
	top: 60%;
}
.layouts-banner-top {
	min-height: 400px;
}
.layouts-banner-top1 {
	min-height: 400px;
}
.layouts-banner-top2 {
	min-height: 400px;
}
.contact-top iframe {
	height: 200px;
}
h3.title1 {
	font-size: 18px;
}
.para-left p {
	font-size: 13px;
	line-height: 16px;
	letter-spacing: 0px;
}
.sj_swer p {
	font-size: 13px;
}
.btnn input[type="submit"] {
	font-size: 14px;
}
.icons-left {
	margin-right: 6px;
}
.header_text p {
	font-size: 14px;
}
.header_text h2, .header_text h4 {
	font-size: 1.4em;
}
.header_text p b, .header_text p b.bigsize {
	font-size: 1.2em;
}
.text_font {
	width: 93%;
	margin: 0 auto 0;
}
.banner, .top-nav {
	min-height: 325px;
}
.agileits-tabs .ct_btn {
	margin-top: 1em;
}
.block, .block:hover {
	width: 90px;
	height: 84px;
	margin: 15px 10px;
}
.block img {
	padding-top: 10px;
	height: 70px;
}
.block p.title {
	padding-top: 15px;
}
.tebanmih31 {
	width: 100%;
	margin: 35px 0% 0 0%;
	float: left;
}
.tebanmih32 {
	width: 100%;
	margin: 35px 0% 0 0%;
	float: left;
}
.tebanmih33 {
	width: 100%;
	margin: 35px 0% 0 0%;
	float: left;
}
.animation {
	width: 250px !important;
	top: 5%;
}
.animation img {
	width: 100%;
	margin: 0 0% 0 0%;
}
.banner-infotuzi {
	width: 100%;
}
.banner-infotuzihh {
	width: 100%;
}
.banner-infotuzidh {
	width: 100%;
}
}     
/** /Responsive **/