*{margin:0px;padding:0px;box-sizing:border-box;outline:none;text-shadow:none;} 
html{background-image:-webkit-linear-gradient(to left,#f9b139,#fce1b6,#f79f0d),url(img/body1.jpg);background-blend-mode:multiply;
background-image:linear-gradient(to left,#f9b139,#fce1b6,#f79f0d),url(img/body1.jpg);background-blend-mode:multiply;}
body{text-shadow:1px 1px 2px rgba(0,0,0,0.20),-1px -1px 2px rgba(255,255,255,.50);font-family:'f2';}
a{color:#d5fdfd;text-decoration:none;cursor:hand;}a:hover{color:#fcda65;}.x{clear:both;}
hr{width:90%;margin:0 auto;border-top:1px solid#9caeb6;border-bottom:1px solid#fff;}
#ldp{position:absolute;z-index:80;width:100%;height:100%;background:rgba(0,0,0,0.50)url(../../img/ic/ldg.svg)no-repeat center 50%;display:none;background-size:40px 40px;border-radius:6px;}
.bgt{width:100%;height:150px;background-image:-webkit-linear-gradient(to right,#1b1b1b,#0783b1,#272727),url(img/body1.png);background-blend-mode:color;
background-image:linear-gradient(to right,#1b1b1b,#0783b1,#272727),url(img/body1.png);background-blend-mode:color;}
.lnt{width:100%;height:70px;}
ul.s1{list-style-type:none;overflow:hidden;margin:0 auto;padding:0px;width:63%;height:50px;text-shadow:-1px -1px 1px rgba(255,255,255,0.16),1px 1px 1px rgba(0,0,0,0.99);}
ul.s1 li a{border:1px solid#fff;padding:3px 10px;color:#fff; border-radius:6px;font-size:13px;margin:2px 2px;}
ul.s1 li a:hover{background:#f8b443;border:1px solid#fff;color:#000;}
ul.s1 li{display:inline; font:16px f2;}
ul.s1 li p{float:left;margin-top:6px;font:28px f2;color:#fff;line-height:23px;}
ul.s1 li .hdo{font:15px f2;}
ul.s1 li.lg{background:url(../../img/bs/lock.png)no-repeat 0px 40%;float:right;padding-left:6px;padding-top:10px;cursor:pointer;margin-left:5px;}
h1.nob{position:relative;overflow:hidden;margin:10px 0px 0px 0px;font:22px f2;color:#000;text-shadow:-1px -1px 1px rgba(255,255,255,.9),1px 1px 1px rgba(0,0,0,0.2);}
h1.nob span {display:inline-block;vertical-align:baseline;zoom:1;*display:inline;*vertical-align:auto;position:relative;padding:2px 8px 2px 8px;}
h1.nob span:before,h1.nob span:after{content:'';display:block;width:2000px;position:absolute;top:19px;border-top:1px solid#555;}
h1.nob span:before{right:100%;}
h1.nob span:after{left:100%;}
.area{position:relative;width:66%;max-width:1500px;height:80%;margin:0 auto;margin-top:-80px;-webkit-box-shadow:1px 1px 2px#8d8d8d;-moz-box-shadow:1px 1px 2px#8d8d8d;box-shadow:1px 1px 2px#8d8d8d;border-radius:6px;}
.kr{float:left;width:46%;height:480px;border-top-right-radius:6px;border-bottom-right-radius:6px;background-image:url(img/bg_log.jpg);background-size:100% 100%;}
.kn{float:left;width:54%;height:480px;background:rgba(255,255,255,0.99);border-top-left-radius:6px;border-bottom-left-radius:6px;}
#ft{margin:2%;font:14px f3;color:#1a4a64;text-align:center;}

.ttl{width:88%;margin:0 auto;margin-top:4%;}
.iml{background: url(img/us.png)no-repeat 50% 50%; width:50px;height:50px;border:3px solid#fff;border-radius:35px;}
#lg{height:180px;text-align:center;color:#aa151a;}
#lg img{width:160px;margin:6% 0 0.70% 0;}
#lg h1{font:26px f1;line-height:30px;color:#000;text-shadow:-1px -1px 2px rgba(255,255,255,.80),1px 1px 2px rgba(0,0,0,0.45);}
#lg h2{font:16px f1;line-height:22px;text-shadow:-1px -1px 2px rgba(255,255,255,.80),1px 1px 2px rgba(0,0,0,0.45);}
#if{margin:0 auto;display:inline;}
#if ul{list-style-type:none;width:95%;margin:1% 0% 1% 4%;}
#if ul li{background:url(img/b3.png)no-repeat 2px 6px;font:14px f1;color:#000;line-height:17px;padding:5px;padding-left:20px;-webkit-transition:background-color 0.6s ease;-moz-transition:background-color 0.6s ease;-o-transition:background-color 0.6s ease;transition:background-color 0.6s ease;}
#fm{width:90%;max-width:450px;margin:0 auto;margin-top:5%;padding:4%;font-size:14px;border-radius:5px;}
#fm table{width:100%; font:14px f1;}
#fm td{padding:8px 0px;8px 0px;}
#fm a{color:#2e333d;cursor:pointer;}#fm a:hover{color:#f4510b;}
#fm .bl{background:url(img/lg1.png)no-repeat 0% 50%;padding-left:30px;font-size:20px;}

#fm input{
	background-size:16px 16px;border:1px solid#b7cde3;color:#909090;padding:9px;font-size:14px;margin:0 auto;border-radius:3px;
	box-shadow:inset 3px 3px 3px rgba(0,0,0,0.05);
}
#fm input:active{border:1px solid#4da8df;background:#fff;color:#0f3455;box-shadow:1px 1px 1px#c7c7c7;}
#fm input:focus{border-color:#2caee0;color:#156b95;box-shadow:inset 1px 3px 3px rgba(0,0,0,0.10);}

.us{width:100%;background:rgba(255,255,255,0.55)url(img/u.svg)no-repeat 97% 50%;}
.us:focus{background:rgba(255,255,255,0.90)url(img/u.svg)no-repeat 97% 50%;}
.pw{width:100%;background:rgba(255,255,255,0.55)url(img/k.svg)no-repeat 97% 50%;}
.pw:focus{background:rgba(255,255,255,0.90)url(img/k.svg)no-repeat 97% 50%;}

.tx{width:100%;background:rgba(255,255,255,0.55)url(img/doc.png)no-repeat 97% 50%;}
.tx:focus{background:rgba(255,255,255,0.90)url(img/doc.png)no-repeat 97% 50%;}
.em{width:100%;background:rgba(255,255,255,0.55)url(img/ic_mail.png)no-repeat 97% 50%;}
.em:focus{background:rgba(255,255,255,0.90)url(img/ic_mail.png)no-repeat 97% 50%;}

#fm input[type='submit']{background:#20a669;width:100%;font-size:15px;color:#fff;padding:8px;border:none;cursor:pointer;border-radius:25px;transition:0.5s;box-shadow:-1px -1px 2px rgba(255,255,255,.50),1px 1px 2px rgba(0,0,0,0.30);text-shadow:-1px -1px 2px rgba(255,255,255,.10),1px 1px 2px rgba(0,0,0,0.99);}
#fm input[type='submit']:hover{background:#ff9300;}
#fm input[type='submit']:focus{background:#fe7b50;}

#lg img,#rinci{-webkit-animation-name:zoom;-webkit-animation-duration:0.9s;animation-name:zoom;animation-duration:0.9s;}
@-webkit-keyframes zoom{from{-webkit-transform:scale(0)}to{-webkit-transform:scale(1)}}
@keyframes zoom{from{transform:scale(0.1)}to{transform:scale(1)}}
#dl{position:absolute;width:280px;padding:8px;z-index:200;border-radius:5px;background:rgba(27,12,12,0.19);}
#dl_h{display:block;position:relative;padding:5px;height:27px;font:18px f3;}
#dl_t{float:left;}#dl_c{display:block;padding:20px 10px;font:15px f2;}
#dl_m{background:#30333d;position:fixed;top:0px;left:0px;min-height:100%;width:100%;z-index:100;opacity:.30;}
.wrg_h{background:#ffde93;color:#755409;border-bottom:1px solid#fff;}.wrg{background:#fffce6 url(../../img/bs/wr.png)no-repeat 96% 50%;color:#976406;}
.hps_h{background:#ed7e6b;color:#832d07;border-bottom:1px solid#fff;}.hps{background:#fef7f3 url(../../img/bs/er.png)no-repeat 96% 50%;color:#b63205;}
.sks_h{background:#9af5dc;color:#0c5a45;border-bottom:1px solid#fff;}.sks{background:#f5fefc url(../../img/bs/sc.png)no-repeat 96% 50%;color:#338510;}
@media only screen and (max-width:1600px){
	.bgt{width:100%;height:250px;}
	.area{width:56%;margin-top:-100px;}
	ul.s1{width:56%;}
}
@media only screen and (max-width:1150px){
	.bgt{width:100%;height:160px;}
	.area{width:94%;margin-top:-70px;}
	ul.s1{width:92%;}
	.kn{width:99.50%;height:100%;max-height:250px;border-top-right-radius:6px;border-bottom-left-radius:0px;}
	.kr{width:99.50%;height:100%;border-top-right-radius:0px;border-bottom-left-radius:6px;border:1px solid#b0bfd7;}
	.ttl{margin-top:2%;}
	#lg{height:160px;}
	#lg img{width:120px;margin:3% 0 0% 0;}
	#lg h1{font:20px f1;line-height:23px;}
	#lg h2{font:15px f1;line-height:17px;}
	#if{display:none;}
	#fm{width:80%;margin-top:1%;}
	#fm input{padding:14px}
}
@media only screen and (max-width:500px){
	.kn{width:99.50%;height:100%;max-height:250px;border-top-right-radius:6px;border-bottom-left-radius:0px;}
	#fm input{width:100%;}
}