@charset "utf-8";
/* CSS Document */

.content{line-height:1.6em; font-size:15px;}
.content .page{max-width:80%; width:80%;}
.green{color:#35af77;}
.red{color:#d50000;}
.weblog{background:#e8eae7 url("../images/bg.jpg") no-repeat no-repeat; background-size:cover;}
.log{border-radius:10px; background:#fff; box-shadow:0 0 15px rgba(0,0,0,0.5); position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); overflow: hidden;}
.frm{border-radius:10px; background:#fff; box-shadow:0 0 15px rgba(0,0,0,0.5); display: inline-block; padding:10px; margin:5px 0;}
.log .ll{text-align:center; background:linear-gradient(30deg,#3a8fc4,#badeec,#3a8fc4,#0a9dc8); position:absolute; height:100%; display: inline-block; vertical-align: middle;}
.log .ll h2{display:inline-block; vertical-align: middle; width:100%;}
.log .ll h2 span{font-weight:normal; font-size:14px; color:#fff;}
.log .syisform{float:right; padding:2em 1em;}
.log .syisform input{border-radius:5px;}
.log .more{text-align:right;}
.more a{margin:5px 0;}
.more a.ww{font-size:14px;}
.more a.ww:hover{text-decoration:underline;}
.more a.btn{display:inline-block; padding:5px; text-align:center;  background:linear-gradient(45deg,#0099cc,#66cccc); color:#fff; border-radius:5px; transition:.3s;}
.more a.btn:hover{background:linear-gradient(30deg,#ff6633,#ff9999);}
.log .more a.btn{width:100%;}
.name h3 span{font-size:14px; display:block; margin-bottom:4px; font-weight:normal;}
.name h3{margin:0 0 10px 0; line-height:1.2em;}
.main .list h4, .main .list p{margin:0;}
.main .subtit{font-size:22px; margin:0 0 10px 0; color:#0a9dc8; padding:0px 0px 0px 25px; letter-spacing: 2px; background:linear-gradient(90deg,#0a9dc8 18px,#fff 18px); border-radius:10px 0 0 0;}
.main .list table{border-top:3px solid #ccc;}
.main .list table tr{position:relative;}
.main .list table tr::after{content:""; width:100%; height:1px; background:#ccc; position:absolute; left:0; bottom:0; display:block;}
.main .list table a.btn{font-size:14px; background:#ff9900; color:#000; border:1px solid #000;}
.main .list table a.btn:hover{background:#000; color:#fff;}
.main .list table.accounts td:first-of-type,.main .list table.accounts td:last-of-type{width:5em;}
.main .list table.accounts td:nth-of-type(3){width:12em;}
.main .list .more a{padding:2px 5px; line-height:1.2em;}
.main .list.news table td:nth-of-type(1){width:5em;}
.main .list.news table a{color:#0066cc;}
.main .list.news table a:hover{color:#cc6600;}
.side .more a{width:100%;}
@media screen and (max-width:1286px){/*desktop*/
.content .page{max-width:100%; width:100%;}
}
@media screen and (max-width:960px){/*desktop-small pad*/
.log{width:90%;}
.log .ll{position:static; height:auto;}
}
@media screen and (max-width:767px){/*phone*/

.side .more a{width:31%; margin:0 2px; padding:3px;}
.main .list table.accounts td,.main .list table.accounts td:first-of-type,.main .list table.accounts td:last-of-type{width:100%; display:block; clear:both;}
}