/* im slide */
#jssor_1{position:relative;margin:0 auto;margin-bottom:-60px;top:0px;left:0px;width:1000px;height:415px;overflow:hidden;}
.j09{position:absolute;top:0px;left:0px;width:100%;height:100%;text-align:center;background-color:rgba(0,0,0,0.18);}
.j09 img{width:50px;margin-top:150px;animation-name:j09;animation-duration:1.6s;animation-iteration-count:infinite;animation-timing-function:linear;}
@keyframes j09{from{transform: rotate(0deg);}to{transform:rotate(360deg);}}
.sld_box{cursor:default;position:relative;top:0px;left:0px;width:1000px;height:415px;overflow:hidden;}
.sld_box p{background:rgba(247,164,20,0.80);width:25%;position:absolute;bottom:23px;left:9%;font:11px f4;color:#fff;line-height:14px;padding:3px;text-align:center;
text-shadow:1px 1px rgba(0,0,0,0.80),-1px -1px rgba(255,255,255,0.15);border-radius:35px;}
.sld_box span{position:absolute;width:25%;bottom:60px;right:9%;font-size:15px;text-align:left;font-family:f4;color:#103e00;line-height:22px;padding:10px;text-shadow:1px 1px 1px #464646;}
.sld_box h3{font:14px f1;color:#f3a005;line-height:14px;}
.bls{position:absolute;bottom:28px;font:12px f1;}
.bls .i{position:absolute;cursor:pointer;width:24px;height:24px;line-height:23px;text-align:center;z-index:0;color:#fff;border:1px solid#33bf3e;border-radius:35px;}
.bls .i .b{fill:#33bf3e;}
.bls .i:hover .b{}
.bls .iav {color:#fff;border:1px solid#ff7c28;box-shadow:1px 1px 2px#acacac;}
.bls .iav .b{fill:#ff7c28;}
.bls .i.idn{}

/* vd slide */
.cvr_vdo{width:100%;height:700px;position:relative;top:0px;left:0px;z-index:10;margin-bottom:-200px;}
.bg_vdo {width:100%;max-width:2000px;height:700px;position:relative;margin:0 auto;top:0px;left:0px;z-index:1;}
.cvr_tv{position:absolute;z-index:100;left:33%;bottom:20%;padding:2% 5%;border-radius:13px;}
.bg_vdo p{color:#f9c000;font:28px f4;line-height:27px;text-align:center;text-shadow:-1px -1px rgba(255,255,255,.11),1px 1px rgba(0,0,0,.70);}
.bg_vdo h3{color:#a82ef1;font:32px f4;line-height:53px;text-align:center;text-shadow:-1px -1px rgba(255,255,255,.10),1px 1px rgba(0,0,0,0.80);}
.logo_vdo{width:400px;}
.videoParent {position:relative;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden;margin-bottom:-1px;}
.videoParent video {position:relative;top:0;left:0;width:100%;height:100%;object-fit:cover;}
.videoParent.hiddenTransform {opacity:0;}
.sbt_kr{float:left;width:31.50%;}
.sbt_kr img{width:99%;border-radius:6px;}
.sbt_kn{float:right;width:66%;}
.dec{font:14px f1;line-height:19px;font-weight:100;}

.bkr{float:left;width:50%;}
.bkn{float:right;width:50%;}
.bwr{background: linear-gradient(to top right,#8050cf,#4f80d0,#129c94);background-blend-mode:color;position:relative;height:500px;}
.bwr1{background: linear-gradient(to top right,#129c94,#139b76,#75ab10);background-blend-mode:color;position:relative;height:500px;}
.bby{margin:4% auto;margin-left:10%;margin-right:18%;color:#fff;}
.bby a{border:solid 2px #eee;text-align:center;font-weight:bold;color:#eee;padding:4px 25px;border-radius:25px;-webkit-transition:background-color 0.7s ease;-moz-transition:background-color 0.7s ease;-o-transition:background-color 0.7s ease;transition:background-color 0.7s ease;font:15px f5;position:absolute;left:40%;bottom:10%;}
.bby a:hover{background:#febe29;color:#000;border:solid 2px #f7bc08;}

.bbx{margin:4% auto;margin-left:18%;margin-right:10%;}
.bbx h2{font:28px f5;line-height:31px;}
.bbx hr{width:33%;border-top:1px solid#fefac0;border-bottom:0px;height:0px;margin:10px 0px 25px 0px;}
.bbx p{color:#eee;font:16px f3;line-height:23px;text-shadow:-1px -1px -1px rgba(255,255,255,0.45),1px 1px 1px rgba(0,0,0,0.90);}
.bbx .ds {color:#eee;font:11px f5;line-height:23px;margin-bottom:10px;display:inline;}
.bbx ul{width:100%;margin-top:3% 0% 0% 0%;}
.bbx ul li{display:block;background:url(../../../img/bs/3.png)no-repeat 5px;font:15px f5;line-height:15px;color:#eee;padding:2px;padding-left:25px;border-radius:3px;margin-bottom:4px;}
.bbx a{background:rgba(255,255,255,0.10);border:solid 2px rgba(255,255,255,0.25);text-align:center;font-weight:bold;color:#eee;padding:7px 30px;border-radius:25px;-webkit-transition:background-color 0.7s ease;-moz-transition:background-color 0.7s ease;-o-transition:background-color 0.7s ease;transition:background-color 0.7s ease;font:15px f5;position:absolute;left:40%;bottom:15%;}
.bbx a:hover{background:#febe29;color:#000;border:solid 2px #f7bc08;}
.gbr1{background:url(../../../img/spt_logo/bg1.png)no-repeat center center;background-size:100% 100%;height:500px;}
.gbr2{background-size:100% 100%;height:500px;}
.bnr1{margin:auto;width:100%;box-shadow:1px 1px 1px #a3a3a3;}
.bnr1 img{margin:auto;width:100%;max-width:800px;max-height:500px;}

/* text gradian */
.tx-grd {--_space: ;
	background-image: linear-gradient(45deg var(--_space),#fefac0 0%,#f4dafe 60%,#9efefa 100%);
	background-clip:text;color:transparent; -webkit-background-clip:text;-webkit-text-fill-color:transparent;
}
@supports (background-image: linear-gradient(in oklch,#000,#fff)){.tx-grd{--_space: in oklch;}}
.c2{background:rgba(15,132,228,0.07);margin:20px 0px 15px 0px;padding:5px 5px; border-radius:7px;}

ul.b{width:98%;font-size:14px;line-height:16px;margin:0% 0% 0% 0%;}
ul.b li{background:rgba(255,255,255,0.85);float:left;width:98%;height:160px;margin:1% 0% 3% 1.70%;padding:7px 12px 7px 0px;border-bottom:1px solid#eee;cursor:pointer;}
ul.b li:hover{background:#fff;border-bottom:1px solid#c0e452;box-shadow:1px 2px 4px #dae0e4;}
ul.b li img{width:150px;height:130px;box-shadow:0px 1px 1px #dae0e4;,inset 1px 1px 1px #fff;transition:0.5s;float:left;margin:8px 17px 8px 12px;border-radius:7px;} 
ul.b > li:hover img{opacity:0.8;}
ul.b li h3{font:16px f5;color:#0d8394;line-height:19px;margin-top:12px;}
ul.b li p{font:13px f2;color:#737b91;line-height:16px;margin-top:8px;}
ul.b li a{color:#181a1b;transition:0.5s;}
ul.b > li:hover b{color:#498905;text-shadow:1px 1px 1px #fff;}
ul.b li span{color:#e46f03;font:12px f2;line-height:18px;}

ul.ftg{width:98%;font-size:14px;line-height:16px;margin:0% 0% 0% 1%;}
ul.ftg li{float:left;width:45%;height:190px;margin:0% 0% 3% 3%;padding:7px 7px 7px 0px;cursor:pointer;}
ul.ftg li img{width:99.80%;max-width:1500px;height:190px;border:2px solid#fff;box-shadow:0px 0px 2px #b0bdc6;,inset 1px 1px 1px #fff;transition:0.5s;float:left;margin:2px 10px 8px 8px;border-radius:8px;} 
ul.ftg > li:hover img{border:2px solid#b9e166;opacity:0.8;box-shadow:2px 2px 2px #b0bdc6;}

ul.inf{width:100%;}
ul.inf li{background:rgba(255,255,255,0.15);display:block;margin-bottom:15px;padding:0px;transition:0.5s;position:relative;border-radius:6px;}
ul.inf li .bx5{background:rgba(255,255,255,0.10);float:left;width:13%;height:60px;padding:6px 0px;border-radius:6px 0px 0px 6px;text-align:center;}
ul.inf li .bx5 h1{font:48px f1;color:#ffd648;line-height:48px;text-shadow:0px 1px 1px #606060;}
ul.inf li .bx2{float:right;width:84%;text-align:left;padding-right:10px;}
ul.inf li h3{font:20px f1;line-height:22px;margin:10px 0px 10px 0px;transition:0.5s;color:#ffd648;border-bottom:1px solid rgba(255,255,255,0.25);}
ul.inf li p{margin:-5px 0px 0px 0px;font:14px f1;line-height:15px;color:#fff;}
ul.inf li .vw1{float:right;padding-left:17px;}

@media only screen and (max-width:1440px){
	#jssor_1{top:55px;margin-bottom:0px;}
}
@media only screen and (max-width:1300px){
	#jssor_1{top:60px;}
	.c2{padding:5px 8px;}
	.bkr,.bkn{float:left;width:100%;}
	.bwr{height:480px;}
	.bwr1{height:450px;}
	.bby{margin:5% 4% 5% 4%;}
	.bby a{left:28%;bottom:5%;}
	.bbx{margin:5% 4% 5% 4%;}
	.bbx h2{font:24px f5;line-height:30px;}
	.bbx p{color:#eee;font:14px f5;line-height:18px;}
	.bbx a{left:28%;bottom:15%;}
	.gbr1,.gbr2,.gbr3,.gbr4{height:250px;}
	.bbx .ds {display:none;}
}

@media only screen and (max-width:650px){
	#jssor_1{top:60px;margin-bottom:0px;height:540px;}
	.sld_box{height:540px;}
	.sld_box p{left:5%;font-size:32px;line-height:36px;width:35%;}
	.sbt_kr,.sbt_kn{width:100%;float:left;margin-top:0px;}
	.sbt_kr img{width:98%;}
	.cvr_vdo{background:none;width:100%;height:230px;position:relative;top:0px;left:0px;margin-bottom:10px;}
	.bg_vdo {height:230px;top:60px;margin-bottom:10px;}
	.cvr_tv{left:21%;bottom:24%;border-radius:10px;}
	.logo_vdo{width:160px;}
	.bg_vdo p{font:14px f4;}
	.bg_vdo h3{font:17px f4;}
	
	ul.b li{width:97%;height:90px;margin:1% 0% 3% 1.70%;}
	ul.b li img{width:80px;height:70px;margin:3px 10px 4px 6px;}
	ul.b li h3{font:13px f5;line-height:15px;}
	ul.b li p{display:none;}

	ul.ftg{width:100%;font-size:14px;line-height:16px;margin:0% 0% 0% -3%;}
	ul.ftg li{width:47%;height:110px;margin:3% 0% 0% 3%;}
	ul.ftg li img{height:110px;}

	ul.inf li .bx5{width:20%;}
	ul.inf li .bx5 h1{font:47px f5;line-height:48px;padding:0px 0px;}
	ul.inf li .bx2{float:right;width:78%;text-align:left;}
	ul.inf li h3{font:16px f2;line-height:16px;margin:6px 0px 10px 0px;transition:0.5s;}
	ul.inf li p{margin:-5px 0px 0px 0px;font:13px f5;line-height:14px;padding:0px 0px;}
	ul.inf li span{float:left;font:13px f5;color:#ffffa8;margin:3px 2px 0px 0px;}
	ul.inf li .vw1{float:right;padding-left:17px;}

}