.rsps-bg{position:relative;}
.rsps-bg iframe{width:100%; height:100%;}

/*========================================================================
bx-slider
========================================================================*/
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{z-index:11;}
.bx-pager.bx-default-pager a.active,
.bx-pager.bx-default-pager a:hover{background:#3c99f0 !important;}

/*========================================================================
login-wrap
========================================================================*/
#login-wrap{position:relative; height:1080px; background-image:url('/public/img/front/main/bg_login.jpg'); background-size:cover; background-position:center ; background-repeat:no-repeat;}
#login-wrap .login-inner{position:relative; display:table; width:100%; height:100%;}
#login-wrap .login-inner .inner-cell{display:table-cell; vertical-align:middle;}
#login-wrap .login-inner .login-con{position:relative; display:table; width:1080px; margin:-200px auto 0;}

#login-wrap .login-inner .login-left{float:left;}
#login-wrap .login-inner .login-left .logo{}
#login-wrap .login-inner .login-left .txt-box-1{margin:30px 0;}
#login-wrap .login-inner .login-left .txt-box-1 .txt-1{font-size:88px; font-weight:700; color:#424243;}
#login-wrap .login-inner .login-left .txt-box-1 .txt-2{font-size:55px; line-height:110%; color:#18344f}

#login-wrap .login-inner .login-right{float:right; display:table; width:550px;}
#login-wrap .login-inner .login-right .right-row{display:table-row;}
#login-wrap .login-inner .login-right .top-bg{position:relative; display:table-cell; background:rgba(7,32,63, 0.9); height:20px;}
#login-wrap .login-inner .login-right .top-bg .inner-bg{position:absolute; width:100%; bottom:0; background:rgba(19,74,131, 0.3); height:7px;}
#login-wrap .login-inner .login-right .right-inner{display:table-cell; padding:40px 90px;  background:rgba(7,32,63, 0.9);}
#login-wrap .login-inner .login-right .right-inner dl{clear:both; margin-bottom:20px;}
#login-wrap .login-inner .login-right .right-inner dl dt{font-size:17px; color:#8cc2fd; font-weight:700; margin-bottom:5px;}
#login-wrap .login-inner .login-right .right-inner dl dd input{width:92%; border:none; font-size:18px; line-height:18px; padding:11px 4%; color:#656565; }
#login-wrap .login-inner .login-right .right-inner .login{margin-top:10px;}

#login-wrap .footer{clear:both; position:absolute; z-index:2; bottom:0; width:100%; text-align:center; background:#212328; padding:30px 0;}
#login-wrap .footer .copyright{color:#dfdfdf; font-size:15px; line-height:normal; text-align:center;}




/*========================================================================
main-slider-wrap
========================================================================*/
.main-slider-wrap{position:relative; width:100%; margin:0 auto; max-width:1446px; height:454px; }
.main-slider-wrap .main-slider{position:relative; width:100%;  height:100%; overflow:hidden;}
.main-slider-wrap .main-slider>li{position:relative; }

/*========================================================================
Main
========================================================================*/
.main-section{position:relative; clear:both;}
.ms-01{width:100%; height:243px; background-image:url('/public/img/front/main/slide_01.jpg'); background-position:center; background-size:cover; background-repeat:no-repeat;}
.ms-01>dl{padding-top:70px; text-align:center; line-height:normal;}
.ms-01>dl dt{font-size:52px; color:#ffffff; font-weight:700;}
.ms-01>dl dd{font-size:27px; color:#ffffff;}
.ms-01 p.txt-01{font-size:42px; color:#ffffff; padding-top:120px; text-align:center; font-weight:400; font-family:'Open Sans', sans-serif; }

.ms-02{background:#f2f2f2; padding:40px 0; }
.ms-02 h3{font-size:35px; color:#454545; margin-bottom:5px; line-height:normal; font-weight:700;}
.ms-02 .more{position:absolute; top:7px; right:10px; width:32px; height:32px;}

.ms-03{min-height:400px; background:#ffffff; padding:40px 0; }

.main-calendar-list{position:relative; display:table; width:100%; margin-top:25px; min-height:470px;}
.main-calendar-list>li{float:left; width:25%; margin-bottom:30px;}

.calendar-item-box{position:relative; width:92%; margin:0 auto; background:#fff; border:1px solid #dedede; box-shadow:3px 3px 3px #dedede; }
.calendar-item-box .inner-wrap{position:relative; padding:11px 13px;}
.calendar-item-box .inner-wrap .info{display:table; width:100%; margin-bottom:15px;}
.calendar-item-box .inner-wrap .info .kind{display:inline-block; float:left; width:72px; font-size:13px; padding:5px 0; background:#17aad7; color:#fff; text-align:center; }
.calendar-item-box .inner-wrap .info .attend{float:right; color:#ca412a; font-size:14px; font-weight:700; padding-top:5px;}
.calendar-item-box .inner-wrap .cont-wrap{padding:0 7px;}
.calendar-item-box .inner-wrap .title{font-size:16px; color:#555555; font-weight:700; margin-bottom:10px; line-height:140%; height:46px; overflow:hidden;}
.calendar-item-box .inner-wrap .date{font-size:14px; color:#555555; margin-bottom:20px; text-align:center;}
.calendar-item-box .inner-wrap .thumb{position:relative; width:100%; height:120px; background-repeat:no-repeat; background-size:cover; background-position:center; margin-bottom:17px; border:1px solid #e5e5e5;}
.calendar-item-box .inner-wrap .thumb .bg-end{display:none; width:100%; height:100%; background:rgba(0, 0, 0,0.4); opacity:1; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#6c000000,endColorstr=#6c000000); zoom: 1;}
.calendar-item-box .inner-wrap .thumb .bg-end span{display:table-cell; vertical-align:middle; color:#fff; text-align:center; font-size:15px; font-weight:bold;}
.calendar-item-box .inner-wrap .summary{font-size:13px; line-height:140%; color:#454545; margin-bottom:20px;  height:70px; overflow:hidden;}
.calendar-item-box .inner-wrap .more{display:block; width:66px; line-height:15px; padding:4px 0; border:1px solid #c2d6dc; text-align:center; margin:0 auto; color:#2d496c; font-weight:700; font-size:13px; background:#f0f6f8; }

.main-calendar-more{display:block; width:100%; line-height:15px; padding:10px 0; text-align:center; margin:0 auto; color:#fff; font-weight:700; font-size:15px; background:#8a8a8a; border-top:1px solid #797979; border-bottom:1px solid #797979; }

.bank-account{position:relative; margin:30px 0;}
.bank-account h3{font-size:35px; color:#454545; margin-bottom:5px; line-height:normal; font-weight:700;}
.bank-account .txt-01{font-size:16px; color:#656565; }

.bank-account .ba-info-wrap{position:relative; clear:both; display:table; width:100%; margin:20px 0 10px;}
.bank-account .ba-info{position:relative; border:1px solid #c1cbd3; background:#f0f4f8; padding:18px 15px; width:463px; border-radius:5px;}
.bank-account .ba-info.left{float:left; background:#f8f8f8;}
.bank-account .ba-info.right{float:right;}
.bank-account .ba-info .txt-01{float:left; padding:3px 30px 0 40px; font-size:18px; color:#177ec7; font-weight:700;}
.bank-account .ba-info .txt-02{float:left; }
.bank-account .ba-info .txt-02 p{font-size:18px; color:#555555; line-height:normal;  font-weight:400;}
.bank-account .ba-info .txt-02 p.title{font-size:30px; color:#1b5aa9; font-weight:700; margin-bottom:10px;}


.main-calendar-list>li.valid-n .calendar-item-box .thumb .bg-end{/*display:table;*/ display:none; }

/*========================================================================
Calendar
========================================================================*/
.calendar-index{position:relative; background:#f1ece7; border:1px solid #cdc3b6; border-radius:5px; padding:36px 23px;}
.calendar-index .calendar-index-inner{position:relative; display:table; width:100%;}

.calendar-wrap{position:relative; float:right; width:300px; border:1px solid #c0c0c0; border-radius:5px; box-shadow:3px 3px 3px #dedede; background:#fff;}

.calendar-box{position:relative; padding:9px;} 
.calendar-box .head{display:table; width:100%; text-align:center; background:#456d9e; padding:12px 0;}
.calendar-box .head a{display:inline-block; overflow:hidden; text-indent:-99999px; width:13px; height:16px; margin-top:2px;}
.calendar-box .head .prev-month{float:left; background:url('/public/img/front/calendar/btn_prev.png') no-repeat; margin-left:14px}
.calendar-box .head .next-month{float:right; background:url('/public/img/front/calendar/btn_next.png') no-repeat; margin-right:14px}
.calendar-box .head span{font-size:22px; color:#fff;}
.calendar-box .body{clear:both;}
.calendar-box .body dl dt ul{position:relative; background:#305078; padding:10px 0; display:table; width:100%;}
.calendar-box .body dl dt ul li{float:left; width:14.285%; font-weight:bold; font-size:9px; color:#fff; text-align:center;}
.calendar-box .body dl dd ul{position:relative; display:table; width:100%;}
.calendar-box .body dl dd ul li{position:relative; float:left; width:14.285%; height:40px; font-size:10px; color:#8b8b8b; background:#f2f2f2;}
.calendar-box .body dl dd ul li.first{color:#ff7777; background:#f2f2f2;}
.calendar-box .body dl dd ul li.last{color:#394cff; background:#f2f2f2;}
.calendar-box .body dl dd ul li span{display:block; border-right:1px solid #fff; border-bottom:1px solid #fff; height:39px; font-size:15px; color:#656565; text-align:center; line-height:39px; }
.calendar-box .body dl dd ul li span.today{background:#17aad7; color:#fff;}
.calendar-box .body dl dd ul li em{position:absolute; z-index:2; top:5px; right:6px; display:inline-block; width:7px; height:4px; border-radius:3px; background:#f72020; }
.calendar-box .foot {position:relative;clear:both;}
.calendar-box .foot a{position:relative;display:block; padding:16px 0px 16px 18px; background-color:#eee4e2; font-size:15px; color:#454545; font-weight:700;}
.calendar-box .foot a img{position:absolute; right:14px; top:12px;}

.calendar-vote-box{position:relative; width:270px; height:54px; background:url('/public/img/front/common/bg_calendar_vote.jpg') no-repeat; margin:0 auto 0px; }
.calendar-vote-box .vote-box{position:relative; float:left; width:124px; height:39px; margin:8px 0 0 8px; text-align:left;}
.calendar-vote-box .vote-box a{float:left;width:92px; height:100%; overflow:hidden; text-indent:-99999px;}
.calendar-vote-box .vote-box span{float:left; width:32px; height:100%; line-height:39px; text-align:center; font-size:15px; color:#656565; vertical-align:top}
.calendar-vote-box .attend-list{position:absolute; z-index:2; display:block; width:117px; height:39px; right:7px; bottom:7px; overflow:hidden; text-indent:-99999px;}

.schedule-wrap{position:relative; float:left; width:625px;}
.schedule-wrap .schedule-box{position:relative; border:1px solid #c0c0c0; box-shadow:3px 3px 3px #dedede; margin-bottom:20px; padding:22px 18px 8px; background:#fff;}
.schedule-wrap .schedule-box h3{font-size:28px; line-height:normal; color:#484848; margin-bottom:20px;}
.schedule-wrap .schedule-box h3 span{color:#ca412a;}
.schedule-wrap .schedule-box .sb-list{clear:both; border-top:2px solid #a8a8a8;}
.schedule-wrap .schedule-box .sb-list>li{clear:both; border-bottom:1px dotted #dddddd;}
.schedule-wrap .schedule-box .sb-list>li:last-child{border-bottom:none;}
.schedule-wrap .schedule-box .sb-list>li.empty{text-align:center; font-size:14px; color:#656565; font-weight:700; padding:20px 0;}
.schedule-wrap .schedule-box .sb-list>li .sb-box{position:relative; display:table; width:100%; padding:14px 0;}
.schedule-wrap .schedule-box .sb-list>li .sb-box>li{display:table-cell; font-size:14px; color:#656565; vertical-align:middle; font-weight:700;}
.schedule-wrap .schedule-box .sb-list>li .sb-box>li.date{width:140px;}
.schedule-wrap .schedule-box .sb-list>li .sb-box>li.title{}
.schedule-wrap .schedule-box .sb-list>li .sb-box>li.kind{width:90px; text-align:center;} 
.schedule-wrap .schedule-box .sb-list>li .sb-box>li.kind span{display:block; width:72px; padding:4px 0; margin:0 auto; background:#17aad7; color:#fff; font-size:13px; text-align:center;}
.schedule-wrap .schedule-box .sb-list>li .sb-box>li.attend{width:90px; text-align:center;}
.schedule-wrap .schedule-box .sb-list>li .sb-box>li.attend span{font-size:14px; color:#ca412a;}


.attend-list-wrap{position:relative; border:1px solid #d9d9d9; border-radius:5px; padding:3%; background:#fff; max-width:680px; margin:0 auto;}
.attend-list-wrap h4{margin:0; padding:0; font-size:22px; color:#177ec7; font-weight:700; margin-bottom:18px;}
.attend-list-wrap .date-time{font-size:15px; color:#454545; font-weight:700; padding:15px 0; line-height:normal; border-top:2px solid #777777; border-bottom:1px solid #d9d9d9; margin-bottom:20px;}
.attend-list-wrap .attend-list-01{position:relative; display:table; width:100%; border-left:1px solid #bebebe; }
.attend-list-wrap .attend-list-01>li{position:relative; float:left; width:50%; border-bottom:1px solid #bebebe; }
.attend-list-wrap .attend-list-01>li .attend-item{position:relative; display:table; width:100%; color:#8f8f8f; font-size:14px;}
.attend-list-wrap .attend-list-01>li .attend-item p{display:table-cell; text-align:center; border-right:1px solid #bebebe; padding:10px 0;}
.attend-list-wrap .attend-list-01>li .attend-item p.no{width:18%;}
.attend-list-wrap .attend-list-01>li .attend-item p.name{width:28%;}
.attend-list-wrap .attend-list-01>li .attend-item p.partner{width:28%;}
.attend-list-wrap .attend-list-01>li .attend-item p.etc{}
.attend-list-wrap .attend-list-01>li .attend-item p.attend{font-weight:700; color:#000;}

.attend-list-wrap .attend-list-01.header{background:#4c4c4c; }
.attend-list-wrap .attend-list-01.header>li .attend-item{color:#ffffff; font-weight:700; font-size:16px; }
.attend-list-wrap .attend-list-01.header>li .attend-item p{border-right:none;}

.attend-list-wrap .app-wrap{padding:30px 0 20px 40px; background:#efefef;}
.attend-list-wrap .app-wrap p{display:inline-block; margin-right:30px; padding-bottom:10px;}
.attend-list-wrap .app-wrap p label{font-size:15px; color:#454545; padding-left:5px; font-weight:700;}
.attend-list-wrap .app-wrap p input[type=text]{width:100px; margin-left:10px; padding:3px 0; padding-left:20px;}




/*========================================================================
news & pick
========================================================================*/
.announcement .btm-btns{margin:20px 0; text-align:right;}
.announcement .prev-next{position:relative; padding:10px 15px; border-top:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4;}
.announcement .prev-next .pn-box{position:relative; clear:both; color:#454545; font-size:14px; height:14px; line-height:14px; padding:10px 0;}
.announcement .prev-next .pn-box .head{float:left; padding-left:20px; width:80px; background:url('/public/img/front/common/bg_bbs_prev.png') no-repeat left;}
.announcement .prev-next .pn-box .title{float:left; color:#454545;  font-size:13px;}
.announcement .prev-next .pn-box .title a{color:#454545; font-size:13px;}
.announcement .prev-next .pn-box .title a:hover{text-decoration:underline;}
.announcement .prev-next .pn-box.next .head{float:left; padding-left:20px; width:80px; background:url('/public/img/front/common/bg_bbs_next.png') no-repeat left;}
.announcement h3{font-size:28px; color:#454545; font-weight:700; line-height:normal; border-top:2px solid #777; padding:20px;}


/*========================================================================
Meetings
========================================================================*/
.bbs-list-01{position:relative; border-top:3px solid #777777;}
.bbs-list-01 li{background-image:url('/public/img/front/common/icn_arrow_01.png'); background-repeat:no-repeat; background-position:30px 32px; padding:30px 0 30px 50px; border-bottom:1px solid #dddddd;}
.bbs-list-01.hover li:hover{background-color:#f0f3fb;}
.bbs-list-01 li a{padding-left:18px; font-size:16px; line-height:normal; color:#454545;}
.bbs-list-01.hover li a:hover{text-decoration:underline;}
.bbs-list-01 li.emtpy{background:none; font-size:16px; line-height:normal; color:#454545;}

.bbs-view-01{position:relative; padding:50px 20px; border-bottom:1px solid #dddddd; font-size:14px; line-height:160%;}
.bbs-view-01 a{color:#3D82DA;}
.bbs-view-01 a:hover{text-decoration:underline;}
.bbs-view-01 .btm-btns{margin:20px 0; text-align:right;}

.file-wrap{position:relative; width:100%; display:table; padding:20px 0; border-bottom:1px solid #dddddd;}
.file-wrap label{float:left; width:100px; padding-left:18px; font-size:16px; line-height:normal; color:#454545; font-weight: 600;}
.file-wrap .file-list{float:left;}

.file-view-wrap{display:table; width:100%;}
.file-view-wrap dt{display:table-cell; width:100px; text-align:left;}
.file-view-wrap dd{display:table-cell; text-align:left; font-size:13px;;}

.photo-list-01{position:relative; border-top:2px solid #454545; padding:16px 0px; display:table; width:100%;}
.photo-list-01 li{position:relative; float:left; width:33.3%; margin-bottom:30px;}
.photo-list-01 li .item-box{position:relative; width:90%; margin:0 auto; text-align:center;}
.photo-list-01 li .item-box .title{font-size:16px; color:#454545; font-weight:700; display:inline-block; margin-bottom:20px;}
.photo-list-01 li .item-box .title:hover{text-decoration:underline;}
.photo-list-01 li .item-box .thumb{position:relative; background-repeat:no-repeat; background-position:center; background-size:cover; height:218px; }
.photo-list-01 li .item-box .thumb a{position:absolute; z-index:2; display:block; width:100%; height:100%; text-indent:-99999px; overflow:hidden; opacity:0; background-repeat:no-repeat; background-position:center; background-size:cover;}
.photo-list-01 li .item-box .thumb a:hover{background-image:url('/public/img/front/common/bg_more.png'); opacity:1; transition:all .4s ease-in-out;  -webkit-transition:all .4s ease-in-out; -o-transition:all .4s ease-in-out; -moz-transition:all .4s ease-in-out;}
.photo-list-01 li.emtpy{width:98%; background:none; font-size:16px; line-height:normal; color:#454545; padding-left:2%;}

.photo-list-02{position:relative; border-top:1px solid #e5e5e5; padding:15px 0px; display:table; width:100%; border-bottom:2px solid #777777;}
.photo-list-02 li{position:relative; float:left; width:25%; padding:10px 0;}
.photo-list-02 li .item-box{position:relative; width:90%; margin:0 auto; text-align:center;}
.photo-list-02 li .item-box .thumb{position:relative; background-repeat:no-repeat; background-position:center; background-size:cover; height:158px; }
.photo-list-02 li .item-box .thumb a{position:absolute; z-index:2; display:block; width:100%; height:100%; text-indent:-99999px; overflow:hidden; opacity:0; background-repeat:no-repeat; background-position:center; background-size:300px auto; }
.photo-list-02 li .item-box .thumb a:hover{background-image:url('/public/img/front/common/bg_more.png'); opacity:1; transition:all .4s ease-in-out;  -webkit-transition:all .4s ease-in-out; -o-transition:all .4s ease-in-out; -moz-transition:all .4s ease-in-out;}


/*========================================================================
Video
========================================================================*/
.video-list-01{position:relative; border-top:2px solid #454545; padding:26px 0px; display:table; width:100%;}
.video-list-01 li{position:relative; float:left; width:33.3%; margin-bottom:30px;}
.video-list-01 li .item-box{position:relative; width:90%; margin:0 auto;}
.video-list-01 li .item-box .thumb{position:relative; background-image:url('/public/img/common/default_img.png'); background-repeat:no-repeat; background-position:center; background-size:cover; height:218px; }
.video-list-01 li .item-box .thumb a{position:absolute; z-index:2; display:block; width:100%; height:100%; text-indent:-99999px; overflow:hidden; opacity:0; background-repeat:no-repeat; background-position:center; background-size:cover;}
.video-list-01 li .item-box .thumb a:hover{background-image:url('/public/img/common/bg_play.png'); opacity:1; transition:all .4s ease-in-out;  -webkit-transition:all .4s ease-in-out; -o-transition:all .4s ease-in-out; -moz-transition:all .4s ease-in-out;}
.video-list-01 li .item-box .info {margin-top:6px; font-size:14px; color:#454545;}
.video-list-01 li .item-box .info .title{font-size:16px; font-weight:700; display:block; margin-bottom:5px;}
.video-list-01 li .item-box .info .title:hover{text-decoration:underline;}
.video-list-01 li .item-box .info .name{float:right;}
.video-list-01 li.emtpy{width:98%; background:none; font-size:16px; line-height:normal; color:#454545; padding-left:2%;}


.recomm-box{position:relative; width:208px; height:70px; background:url('/public/img/front/common/bg_recomm.jpg') no-repeat; margin:0 auto 30px; }
.recomm-box .like-box{position:relative; float:left; width:89px; height:49px; margin:10px 0 0 10px;}
.recomm-box .like-box a{float:left; width:48px; height:100%; overflow:hidden; text-indent:-99999px;}
.recomm-box .like-box span{float:left; width:37px; height:100%; line-height:52px; text-align:center; font-size:15px; color:#656565; vertical-align:top}

.reply-form{position:relative; padding:12px; background:#eeeeee; border:1px solid #d3d3d3; border-top:none;}
.reply-form .reply-inner{position:relative; display:table; width:100%;}
.reply-form .reply-inner .input-box{position:relative; display:table-cell; vertical-align:top;}
.reply-form .reply-inner .input-box textarea{width:100%; height:116px; border:1px solid #cdcdcd;}
.reply-form .reply-inner .submit-box{position:relative; display:table-cell; width:117px; padding-left:12px; vertical-align:top;}
.reply-form .reply-inner .submit-box a{display:table; width:100%; height:120px; border:1px solid #94bfdd;  background:#c3e3f9; font-size:16px; color:#3b79a3; font-weight:700;}
.reply-form .reply-inner .submit-box a span{display:table-cell; margin-top:50%; vertical-align:middle; text-align:center;}


/*========================================================================
Vote
========================================================================*/
.vote-view{position:relative; background:#fafafa; border:1px solid #d4d4d4; padding:18px 29px 40px;}
.vote-view .no{position:relative; font-size:16px; font-weight:700; color:#454545; margin-bottom:15px;}
.vote-view .date{position:absolute; right:29px; top:18px; font-size:16px; font-weight:700; color:#454545;}
.vote-view .status{margin-bottom:25px;}
.vote-view .status span{color:#ca412a; font-size:15px; font-weight:700; padding-left:10px;}
.vote-view .title{font-size:28px; color:#454545; padding-left:44px; background:url('/public/img/front/common/icn_big_calendar.png') left 4px no-repeat; margin-bottom:20px; }
.vote-view .period{display:inline-block; font-size:16px; font-weight:700; color:#656565; border:1px solid #d9d9d9; background:#fff; padding:6px 8px; margin-bottom:35px;}
.vote-view .cont{font-size:14px; color:#656565; line-height:200%; margin-bottom:40px; font-weight:700;}
.vote-view .vote-item-list{border-top:2px solid #d6d6d6; border-bottom:2px solid #d6d6d6; background:#fff; padding:20px 14px; margin-bottom:25px;}
.vote-view .vote-item-list p{font-size:15px; color:#555555; margin-top:15px; font-weight:700;}
.vote-view .vote-item-list p:first-child{margin-top:0px;}
.vote-view .vote-item-list p label{padding-left:10px; cursor:pointer;}
.vote-view .vote-item-list p.info{font-weight:400; margin-top:20px; font-size:14px; color:#ca412a;}
.vote-view .participation{font-size:16px; font-weight:700; color:#ca412a; margin-bottom:10px;}
.vote-view .btn-vote{}


/*========================================================================
Roll Book
========================================================================*/
.rollbook-form{position:relative; border:1px solid #d9d9d9; border-radius:5px; padding:3%; background:#fff; max-width:680px; margin:0 auto;}
.rollbook-form h4{margin:0; padding:0; font-size:35px; color:#177ec7; font-weight:700;}

.rollbook-banner-wrap{position:relative; clear:both; display:table; width:100%; margin:20px 0 10px;}
.rollbok-banner{position:relative; border:1px solid #c1cbd3; background:#f0f4f8; padding:18px 15px; width:463px; letter-spacing:-1px;}
.rollbok-banner.left{float:left;}
.rollbok-banner.right{float:right;}
.rollbok-banner .txt-01{float:left; padding:12px 20px 0 0; font-size:18px; color:#177ec7; font-weight:700; margin-bottom:10px;}
.rollbok-banner .txt-02{float:left; }
.rollbok-banner .txt-02 p{font-size:14px; color:#454545; line-height:25px; }



/*========================================================================
Ad Fontes
========================================================================*/
.ad-fontes-info{position:relative;}
.ad-fontes-info dt{font-size:30px; color:#454545; margin-bottom:25px;}
.ad-fontes-info dd{font-size:14px; color:#656565; line-height:27px; height:80px; overflow:hidden;}
.ad-fontes-info dd p.af-foot{font-size:16px; color:#656565; line-height:27px; text-align:right;}

.af-box{position:relative; margin-bottom:60px;}
.af-box h3{font-size:28px; color:#177ec7; margin-bottom:20px;}
.af-box .af-list{position:relative; border:1px solid #d3d3d3;}
.af-box .af-list li{border-top:1px solid #e8e8e8;}
.af-box .af-list li:first-child{border-top:none;}
.af-box .af-list li:nth-child(odd){background:#f9f9f9;}
.af-box .af-list li .af-tbl{position:relative; width:100%; display:table;}
.af-box .af-list li .af-tbl .af-cell-1{display:table-cell; line-height:19px; padding:13px 10px 13px 37px; background:url('/public/img/front/common/bg_bl_03.png') no-repeat 18px 17px; vertical-align:top; font-size:15px; text-align:left;}
.af-box .af-list li .af-tbl .af-cell-2{display:table-cell; width:70px;  font-size:15px; line-height:19px; padding:13px 0;}

.af-desc-line{position:relative; border-top:1px solid #d9d9d9; text-align:center; margin-top:15px;}
.af-desc-line .af-open{display:inline-block; width:98px; height:40px; background:url('/public/img/front/common/btn_open.png') no-repeat;}
.af-desc-line .af-open.close{background:url('/public/img/front/common/btn_close.png') no-repeat;}


/*========================================================================
Search
========================================================================*/
.search-wrap{position:relative; text-align:right;}
.search-wrap .search-cell{position:relative;  display:inline-block;}
.search-wrap .search-cell select{min-width:120px; height:35px; line-height:35px;  font-size:14px;}
.search-wrap .search-cell input[type=text]{width:178px; height:21px; font-size:14px; padding:6px 10px; line-height:21px;}
.search-wrap .search-cell .btn-search{position:absolute; z-index:2; top:1px; right:1px;}

/*=============================================================
Paging
=============================================================*/
.new-paging{clear:both; position:relative; padding-bottom:30px; text-align:center;}
.new-paging a{display:inline-block; width:25px; height:25px; line-height:25px; border:1px solid #d9d9d9; font-size:13px; color:#656565; text-align:center; vertical-align:top; margin-right:4px; background:#fff;}
.new-paging strong{display:inline-block; width:25px; height:25px; line-height:25px; border:1px solid #459def; font-size:13px; color:#fff; background:#459def; margin-right:4px; }
.new-paging a:hover, .new-paging a.on{color:#fff; background:#459def; border:1px solid #459def;}
.new-paging a img{vertical-align:top; margin-top:2px;}
.new-paging a.no-hover{background:none; border:1px solid #d9d9d9;}

/*=============================================================
file-list
=============================================================*/
.file-list{}
.file-list li{padding:2px 0;}







/*========================================================================
 CUSTOM RESPONSIVE STYLES
========================================================================*/





/*========================================================================
1100px 
========================================================================*/
@media screen and (max-width: 1100px) {

	/*========================================================================
	login-wrap
	========================================================================*/
	#login-wrap .login-inner .login-con{ width:80%; margin:-200px auto 0;}
	#login-wrap .login-inner .login-left{float:left; 40%}
	#login-wrap .login-inner .login-left .txt-box-1 .txt-1{font-size:60px;}
	#login-wrap .login-inner .login-left .txt-box-1 .txt-2{font-size:36px;}
	#login-wrap .login-inner .login-right{width:50%;}
	#login-wrap .login-inner .login-right .right-inner{padding:30px 50px;  }




}



/*========================================================================
1000px 
========================================================================*/
@media screen and (max-width: 1000px) {

	.main-calendar-list>li{width:33.3%;}

	/*========================================================================
	Calendar
	========================================================================*/
	.calendar-index{padding:26px 18px;}
	.calendar-wrap{ width:32%;}
	.schedule-wrap{width:65%;}

	.schedule-wrap .schedule-box .sb-list>li .sb-box>li{font-size:13px;}
	.schedule-wrap .schedule-box .sb-list>li .sb-box>li.date{width:120px;}
	.schedule-wrap .schedule-box .sb-list>li .sb-box>li.title{}
	.schedule-wrap .schedule-box .sb-list>li .sb-box>li.kind{width:70px;} 
	.schedule-wrap .schedule-box .sb-list>li .sb-box>li.kind span{width:68px;}
	.schedule-wrap .schedule-box .sb-list>li .sb-box>li.attend{width:70px;}
	.schedule-wrap .schedule-box .sb-list>li .sb-box>li.attend span{font-size:13px; }

	/*========================================================================
	Rollbook
	========================================================================*/
	.rollbok-banner{position:relative; width:auto; display:table; width:94%; padding:18px 3%;}
	.rollbok-banner.left{float:none; clear:both; margin-bottom:10px;}
	.rollbok-banner.right{float:none; clear:both;}
	.rollbok-banner .txt-01{margin-bottom:10px;}
	

	/*========================================================================
	Main
	========================================================================*/
	.bank-account{position:relative; margin:30px 0; padding:0 15px;}
	.bank-account .ba-info{position:relative; width:auto; display:table; width:94%; padding:18px 3%;}
	.bank-account .ba-info.left{float:none; clear:both; margin-bottom:10px;}
	.bank-account .ba-info.right{float:none; clear:both;}

}



/*========================================================================
900px 
========================================================================*/
@media screen and (max-width: 900px) {
	


}




/*========================================================================
820px 
========================================================================*/
@media screen and (max-width: 820px) {	

}




/*========================================================================
768px 
========================================================================*/
@media screen and (max-width: 768px) {	
	
	/*========================================================================
	login-wrap
	========================================================================*/
	#login-wrap .login-inner .login-con{ width:80%; margin:-150px auto 0;}
	#login-wrap .login-inner .login-left{clear:both; width:100%; margin-bottom:30px;}
	#login-wrap .login-inner .login-left .txt-box-1 .txt-1{font-size:60px;}
	#login-wrap .login-inner .login-left .txt-box-1 .txt-2{font-size:36px;}
	#login-wrap .login-inner .login-right{clear:both; width:100%;}
	#login-wrap .login-inner .login-right .right-inner{padding:30px 50px;  }


	.ms-01{height:200px; }
	.ms-01>dl{padding-top:55px;}
	.ms-01>dl dt{font-size:40px; }
	.ms-01>dl dd{font-size:20px;}

	.main-calendar-list>li{width:50%;}

	.ms-01 p.txt-01{padding-top:95px; font-size:28px; letter-spacing:-1px;}



	/*========================================================================
	Calendar
	========================================================================*/
	.calendar-index{padding:26px 18px;}
	.calendar-wrap{ clear:both; width:100%; margin-bottom:20px;}
	.schedule-wrap{clear:both; width:100%;}



	.photo-list-01 li{position:relative; float:left; width:50%;}

	.photo-list-02 li{position:relative; float:left; width:33.3%; padding:10px 0;}
	
	
	/*========================================================================
	Video
	========================================================================*/
	.video-list-01 li{width:50%;}


	/*========================================================================
	Main
	========================================================================*/
	.bank-account .ba-info .txt-01{float:left; padding:0px 30px 0 20px;}
	.bank-account .ba-info .txt-02 p{font-size:16px; }
	.bank-account .ba-info .txt-02 p.title{font-size:26px;}
	

}




/*========================================================================
640px 
========================================================================*/
@media screen and (max-width: 640px) {	
	
}



/*========================================================================
540px 
========================================================================*/
@media screen and (max-width: 540px) {




}



/*========================================================================
480px 
========================================================================*/
@media screen and (max-width: 480px) {	

	/*========================================================================
	login-wrap
	========================================================================*/
	#login-wrap .login-inner .login-con{ width:80%; margin:-100px auto 0;}
	#login-wrap .login-inner .login-left{margin-bottom:10px;}
	#login-wrap .login-inner .login-left .txt-box-1 .txt-1{font-size:40px;}
	#login-wrap .login-inner .login-left .txt-box-1 .txt-2{font-size:22px;}
	#login-wrap .login-inner .login-right .right-inner{padding:20px;  }
	#login-wrap .footer{padding:22px 0;}
	#login-wrap .footer .copyright{color:#dfdfdf; font-size:12px; line-height:normal; text-align:center; letter-spacing:-1px;}

	#login-wrap .login-inner .login-right .right-inner dl{clear:both; margin-bottom:10px;}
	#login-wrap .login-inner .login-right .right-inner dl dt{font-size:17px; color:#8cc2fd; font-weight:700; margin-bottom:5px;}
	#login-wrap .login-inner .login-right .right-inner dl dd input{width:92%; border:none; font-size:14px; line-height:14px; padding:5px 4%; color:#656565; }

	
	/*========================================================================
	Main
	========================================================================*/	
	.ms-01{height:160px; }
	.ms-01>dl{padding-top:45px;}
	.ms-01>dl dt{font-size:32px; }
	.ms-01>dl dd{font-size:17px;}

	.ms-01 p.txt-01{padding-top:75px; font-size:20px; letter-spacing:-1px;}
	
	.bank-account h3{font-size:20px; color:#454545; margin-bottom:5px; line-height:normal; font-weight:700;}
	.bank-account .txt-01{font-size:13px; color:#656565; }

	.bank-account{position:relative; margin:30px 0; padding:0 15px;}
	.bank-account .ba-info{position:relative; width:auto; display:table; width:94%; padding:18px 3%;}
	.bank-account .ba-info.left{float:none; clear:both; margin-bottom:10px; }
	.bank-account .ba-info.right{float:none; clear:both;}

	.bank-account .ba-info .txt-01{float:none; clear:both;  padding:0px; text-align:center; display:none;}
	.bank-account .ba-info .txt-02{ float:none; clear:both;  padding-top:10px; text-align:center;}
	.bank-account .ba-info .txt-02 p{font-size:15px; }
	.bank-account .ba-info .txt-02 p.title{font-size:22px;}

	.ms-02{position:relative; margin:30px 0; padding:15px; 15px;}
	.ms-02 h3{font-size:20px; color:#454545; margin-top:10px; margin-bottom:5px; line-height:normal; font-weight:700;}
	.ms-02 .more{width:10px; height:10px; top:-3px; right:15px;}

	/*========================================================================
	Calendar
	========================================================================*/
	.main-calendar-list>li{width:100%;}

	.calendar-item-box .inner-wrap .thumb{height:180px;}

	.calendar-index{padding:15px 12px;}
	.schedule-wrap .schedule-box .sb-list>li .sb-box>li{display:block;}
	.schedule-wrap .schedule-box .sb-list>li .sb-box>li.date{width:100%;}
	.schedule-wrap .schedule-box .sb-list>li .sb-box>li.title{ padding:15px 0;}
	.schedule-wrap .schedule-box .sb-list>li .sb-box>li.kind{width:70px; float:left;} 
	.schedule-wrap .schedule-box .sb-list>li .sb-box>li.attend{width:70px; float:right;}

	/*========================================================================
	attend-list-wrap
	========================================================================*/
	.attend-list-wrap h4{font-size:17px;}
	.attend-list-wrap .date-time{font-size:13px;}

	.attend-list-wrap .attend-list-01{position:relative; display:table; width:100%; border-left:1px solid #bebebe; }
	.attend-list-wrap .attend-list-01>li{position:relative; float:left; width:100%; border-bottom:1px solid #bebebe; }
	.attend-list-wrap .attend-list-01>li p{font-size:13px;}

	

	.attend-list-wrap .attend-list-01.header>li:first-child{display:none;}



	/*========================================================================
	Photo
	========================================================================*/
	.photo-list-01 li{position:relative; clear:both; width:100%;}
	.photo-list-02 li{position:relative; float:left; width:50%;}


	/*========================================================================
	Video
	========================================================================*/
	.video-list-01 li{position:relative; clear:both; width:100%;}


	

	.reply-form{position:relative; padding:8px;}
	.reply-form .reply-inner .input-box textarea{height:76px; }
	.reply-form .reply-inner .submit-box{width:70px; }
	.reply-form .reply-inner .submit-box a{height:80px; font-size:13px;}


	/*========================================================================
	Announcement
	========================================================================*/
	.announcement h3{font-size:20px;}
	.announcement .prev-next{position:relative; display:table; width:100%; padding:0px; border-top:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4;}
	.announcement .prev-next .pn-box{position:relative; clear:both; color:#454545; font-size:13px; height:13px; line-height:13px; padding:10px 0; letter-spacing:-1px}
	.announcement .prev-next .pn-box .head{clear:both; padding-left:15px; width:90%; background:url('/public/img/front/common/bg_bbs_prev.png') no-repeat left;}
	.announcement .prev-next .pn-box .title{clear:both; margin:10px 0 10px; padding-left:15px; }
	.announcement .prev-next .pn-box .title a{color:#454545; font-size:13px; height:13px; letter-spacing:-1px}
	.announcement .prev-next .pn-box .title a:hover{text-decoration:underline;}
	.announcement .prev-next .pn-box.next .head{clear:both;  padding-left:15px; width:90%; background:url('/public/img/front/common/bg_bbs_next.png') no-repeat left;}
	

	/*========================================================================
	Ad Fontes
	========================================================================*/
	.ad-h2 img{width:260px; height:auto;}
	.ad-fontes-info{position:relative;}
	.ad-fontes-info dt{font-size:20px; color:#454545; margin-bottom:20px;}
	.ad-fontes-info dd{font-size:12px; color:#656565; line-height:20px; height:60px; overflow:hidden;}
	.ad-fontes-info dd p.af-foot{font-size:13px; color:#656565; line-height:20px; text-align:right;}

	.af-box{position:relative; margin-bottom:60px;}
	.af-box h3{font-size:18px; color:#177ec7; margin-bottom:15px;}
	.af-box .af-list{position:relative; border:1px solid #d3d3d3;}
	.af-box .af-list li{border-top:1px solid #e8e8e8;}
	.af-box .af-list li:first-child{border-top:none;}
	.af-box .af-list li:nth-child(odd){background:#f9f9f9;}
	.af-box .af-list li .af-tbl{position:relative; width:100%; display:table;}
	.af-box .af-list li .af-tbl .af-cell-1{display:table-cell; line-height:15px; padding:10px 10px 10px 25px; background:url('/public/img/front/common/bg_bl_03.png') no-repeat 8px 12px; vertical-align:top; font-size:12px; text-align:left;}
	.af-box .af-list li .af-tbl .af-cell-2{display:table-cell; width:50px;  font-size:12px; line-height:15px; padding:10px 0;}

	.af-desc-line{position:relative; border-top:1px solid #d9d9d9; text-align:center; margin-top:15px;}
	.af-desc-line .af-open{display:inline-block; width:98px; height:40px; background:url('/public/img/front/common/btn_open.png') no-repeat;}
	.af-desc-line .af-open.close{background:url('/public/img/front/common/btn_close.png') no-repeat;}

	
	/*========================================================================
	Vote
	========================================================================*/
	.vote-view{padding:12px 15px 30px;}
	.vote-view .no{font-size:13px; margin-bottom:12px;}
	.vote-view .date{right:15px; top:12px; font-size:13px;}
	.vote-view .status{margin-bottom:20px;}
	.vote-view .status span{font-size:14px; padding-left:10px;}
	.vote-view .title{font-size:18px; font-weight:700; padding-left:32px; background-size:22px auto; margin-bottom:20px; line-height:28px; height:28px;}
	.vote-view .period{font-size:13px; padding:5px 4px; margin-bottom:30px;}
	.vote-view .cont{font-size:12px; margin-bottom:30px;}
	.vote-view .vote-item-list{padding:20px 14px; margin-bottom:25px;}
	.vote-view .vote-item-list p{font-size:13px; }
	.vote-view .vote-item-list p label{padding-left:4px; }
	.vote-view .participation{font-size:14px; margin-bottom:10px;}
	.vote-view .btn-vote{}

	/*========================================================================
	Rollbook
	========================================================================*/
	.rollbok-banner .txt-01{float:none; clear:both; width:auto; font-size:16px; padding:0px;}
	.rollbok-banner .txt-02{float:none; clear:both; width:auto; }
	.rollbok-banner .txt-02 p{font-size:13px;}


	/*========================================================================
	Search
	========================================================================*/
	.search-wrap{position:relative; text-align:right;}
	.search-wrap .search-cell{position:relative;  display:inline-block;}
	.search-wrap .search-cell select{min-width:100px; height:35px; font-size:14px; }
	.search-wrap .search-cell input[type=text]{width:120px; height:21px; font-size:14px; padding:6px 10px; line-height:21px;}
	.search-wrap .search-cell .btn-search{position:absolute; z-index:2; top:1px; right:1px;}

	

	.file-view-wrap dt{display:block; width:100%; text-align:left; font-weight:700; margin-bottom:10px;}
	.file-view-wrap dd{position:relative; display:block; width:100%;  text-align:left; overflow:hidden;  font-size:12px; }
	/* .file-view-wrap dd ul li span{display:none;} */
	


	


}



/*========================================================================
360px 
========================================================================*/
@media screen and (max-width: 360px) {	
	




}

























/*========================================================================
480px 
========================================================================*/
@media screen and (max-height: 480px) {	
	
	/*========================================================================
	login-wrap
	========================================================================*/
	#login-wrap{background-position:center 0px ; }	
	#login-wrap .login-inner .login-con{ width:80%; margin:0px auto 0;}

	#login-wrap .login-inner .login-left{margin-bottom:0px}
	
	#login-wrap .login-inner .login-left .txt-box-1{position:relative; margin:0;}	
	#login-wrap .login-inner .login-left .txt-box-1 .txt-1{font-size:30px;}
	#login-wrap .login-inner .login-left .txt-box-1 .txt-2{font-size:28px; display:none;}
	#login-wrap .login-inner .login-right .right-inner{padding:15px 30px;  }
	#login-wrap .footer{padding:22px 0; display:none;}
	#login-wrap .footer .copyright{color:#dfdfdf; font-size:12px; line-height:normal; text-align:center; letter-spacing:-1px;}
	
	#login-wrap .login-inner .login-right .right-inner dl{clear:both; margin-bottom:10px;}
	#login-wrap .login-inner .login-right .right-inner dl dt{font-size:13px; color:#8cc2fd; font-weight:700; margin-bottom:5px;}
	#login-wrap .login-inner .login-right .right-inner dl dd input{width:92%; border:none; font-size:13px; line-height:13px; padding:3px 4%; color:#656565; }
	#login-wrap .login-inner .login-right .right-inner	 .login img{width:90px; height:auto;}

}