@charset "utf-8";



section {width:100%; min-height:780px; min-width:1500px; background: url("../img/main/main_bg.jpg") no-repeat scroll 0 0 / 100% auto;}
.vlsual {margin:60px 0 110px;}

#content > * {height:230px; margin:10px 0; overflow:hidden;}
#content > [class*="col"] {padding-left:7px; padding-right:7px; }
#content > * > * {height:100%;border-radius:15px; overflow:hidden;}

.popupzone > div {background:#2a3745; color:#fff;}
.quick1 > div {background:#3e8ddc; color:#fff;}
.quick2 > div {background:#22bfd0; color:#fff;}
.board > div, .hakinfo > div, .quick3 > div{background:#fff; }

.board > div div {padding:10px 15px;}

/* -------- .notice > div, .news > div -------- */
.board h3, .popupzone h3 {padding-left:15px;font-size:18px; line-height:2.5; letter-spacing:-1.5px; text-transform:uppercase;position:relative; }
.board h3 {background:#586674; color:#fff;}
.board h3 a {border:1px solid #fff; border-radius:50%; padding:5px; font-size:12px;position:absolute; right:15px;top:10px;}
.board dl {padding-bottom:10px;margin:5px 0 10px;border-bottom:1px dashed #ddd;}
.board dt {color:#333;font-size:105%;}
.board dd {margin-top:8px; color:#777; font-size:98%;}
.board li {width:100%; overflow:hidden;}
.board li p {width:70%;float:left;}
.board li span {display:block; width:30%; float:right; text-align:right;}


/* -------- hakinfo --------*/
.hakinfo li {width:100%;height:100%;padding:30px 0;overflow:hidden;}
.hakinfo p.img img {height:100%;max-width:initial;}
.hakinfo p.img {width:40%;height:100%; padding-left:15px;float:left;overflow:hidden;text-align:center;}
.hakinfo p + div {width:60%; padding:0 15px;float:right;}
.hakinfo h3 {font-size:21px; color:#333; }
.hakinfo .text1 {padding-bottom:10px;margin:15px 0 10px;border-bottom:1px dashed #ddd;line-height:1.5;}
.hakinfo .text1 b {color:#3e8ddc}
.hakinfo.anitype1 .bxwrap .bx-controls > div {top:0px}
.hakinfo .bxwrap .bx-next {right:20%;}

/* -------- popupzone -------- */
.popupzone h3 {letter-spacing:-0px;}
.popupzone.anitype1 .bxwrap .bx-controls > div {top:-30px}
.popupzone.anitype1 .bxwrap .bx-default-pager a {text-indent:-9999px !important; float:left; width:15px;height:15px; line-height:0; background:transparent; border:1.8px solid #fff; display:block;border-radius:50%;margin-right:0}
.popupzone.anitype1 .bxwrap .bx-default-pager a.bx-pager-link.active {background:#fff;}

/* -------- quick -------- */
.quick {text-align:center;}
.quick > div {padding:25px; font-weight:100;}
.quick p.img {margin:0 0 5px;}
.quick h3 {font-size:21px;line-height:2;padding-bottom:5px; margin-bottom:15px;position:relative; }
.quick h3:after {content:''; width:50px; height:3px; background:#fff; position:absolute; bottom:0; left:50%; margin-left:-25px;}
.quick3 h3:after {background:#3e8ddc;}