@charset "utf-8";

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, textarea, p, th, td { margin: 0; padding: 0; -webkit-text-size-adjust: none }

table { border-collapse: collapse; border-spacing: 0 }

img { border: 0 }

ol, ul { list-style: none }

a { text-decoration: none }

input, select, textarea, button { outline: 0; border-radius: 0; font-family: arial,"微軟正黑體" }

html, body { width: 100%; font-size: 1.1em; font-family: arial,"微軟正黑體"; color: #010101; background: #fff }

.wrap { width: 95%; max-width: 1640px; margin: 0 auto }

nav { border-bottom: 4px solid #eee }

nav .logo, nav .toplink, nav .rig_link { display: table-cell; vertical-align: middle }

nav .wrap { display: table }

nav .logo { width: 440px; border-right: 4px solid #eee; padding-top: 10px; padding-bottom: 15px }

nav .logo img { width: 360px }

nav .logo:hover { opacity: .8 }

nav .rig_link { width: 350px; /*font-size:0*/ }

nav .toplink { text-align: center; border-right: 4px solid #eee; color: #555 }

nav .toplink li { display: inline-block }

nav .toplink li a, nav .toplink li span { display: inline-block; color: #555; font-size: 1em; vertical-align: middle }

nav .toplink li a:hover { color: #ffbd38 }

.toplink li span { padding: 0 10px }

nav .rig_link > li { display: inline-block }

nav .rig_link > li > a { display: block; border-right: 4px solid #eee; width: 90px; min-height: 90px; height: 100% }

nav .rig_link li.share > a { background: url(../images/05.png) center no-repeat; text-indent: -9999px; }

nav .rig_link li.zd > a { background: url(../images/07.png) center no-repeat; text-indent: -9999px; }

nav .rig_link li.search > a { background: url(../images/08.png) center no-repeat; text-indent: -9999px; }

nav .rig_link li a:hover { opacity: .7 }

nav .rig_link li.share, nav .rig_link li.zd { position: relative }

nav .rig_link li.share ul { z-index: 11; position: absolute; overflow: hidden; top: 100%; width: 100%; box-sizing: border-box; left: -2px; background: #fff; border: 1px solid #eee; box-shadow: 0 0 3px #f8b84b; padding: 15px 15px 5px 15px; transition: all .3s; -webkit-transition: all .3s; display: none }

nav .rig_link li.share ul li a { display: inline-block; width: 50px; height: 50px; background-image: url(../images/share.png); background-repeat: no-repeat; font-size: 0; border-radius: 5px }

nav .rig_link li.share ul li { text-align: center; padding-bottom: 10px }

nav .rig_link li.share ul li a.blogger { background-position: 0 0 }

nav .rig_link li.share ul li a.fb { background-position: left -50px center }

nav .rig_link li.share ul li a.youtube { background-position: left -100px center }

nav .rig_link li.share ul li a.tripadvisor { background-position: left -150px center }

nav .rig_link li.share ul li a.twitter { background-position: left -200px center }

nav .rig_link li.share ul li a.flickr { background-position: left -250px center; width: 49px }

nav .rig_link li.share ul li a.ins { background-position: left -300px center }

nav .rig_link li.share:hover ul { display: block }

nav .rig_link li.search { position: relative }

.searchbox { z-index: 11; display: none; width: 320px; position: absolute; background: #fff; top: 100%; font-size: 1em; right: 0; padding: 15px 20px; box-sizing: border-box; border: 4px solid #eee }

.searchbox .t { color: #898989; font-size: 1em }

.searchbox .hot { color: #898989; font-size: .9em }

.searchbox .hot a { color: #898989; transition: all .3s; -webkit-transition: all .3s }

.searchbox .hot a:hover { color: #ffbd38 }

.searchbox .btn { text-align: center; border-top: 1px solid #eee; padding-top: 15px; margin-top: 15px }

.searchbox .btn a { display: inline-block; line-height: 24px; padding: 3px 15px; border-radius: 20px; background: #1770b6; color: #fff; transition: all .3s; -webkit-transition: all .3s }

.searchbox .btn a:hover { background: #ffbd38 }

.searchbox .input { margin: 10px 0 }

.searchbox .input input { display: inline-block; font-size: 1em; vertical-align: top; width: 210px; height: 40px; border: 2px solid #818181; padding: 5px 15px; box-sizing: border-box }

.searchbox .input a, .searchbox .input button { display: inline-block; vertical-align: top; width: 40px; height: 40px; background: #f6ca2f; color: #fff; border: 0; cursor: pointer; margin-left: 10px; line-height: 40px; text-align: center }

.searchbox .input a:hover, .searchbox .input button:hover { opacity: .7 }

nav .rig_link li.search:hover .searchbox, nav .rig_link li.zd:hover ul { display: block }

nav .rig_link li.zd ul { z-index: 11; display: none; width: 100%; background: #fff; top: 100%; border: 2px solid #eee; border-bottom-width: 4px; border-top-width: 4px; left: -4px; position: absolute; font-size: 1em }

nav .rig_link li.zd ul a { display: block; text-align: center; color: #474747; font-size: 1em; padding: 10px 0; transition: all .3s; -webkit-transition: all .3s }

nav .rig_link li.zd ul li { border-right: 2px solid #eee; border-left: 2px solid #eee; border-bottom: 4px solid #eee }

nav .rig_link li.zd ul li:last-child { border-bottom: 0 }

nav .rig_link li.zd ul a:hover { color: #ffbd38 }

.navigation { padding: 0 30px; box-sizing: border-box; background: #900000 }

.navigation > ul { width: 100%; display: table }

.navigation > ul > li { display: table-cell; text-align: center; position: relative }

.navigation > ul > li > a { display: inline-block; padding: 15px 20px 15px 5px; line-height: 40px; color: #fff; font-size: 1.5em; font-weight: bold; transition: all .3s; -webkit-transition: all .3s }

.navigation > ul > li.sub_ul > a { background: url(../images/06.png) right center no-repeat }

.navigation > ul > li.ying.sub_ul > a { padding-right: 15px }

.navigation > ul > li.chu.sub_ul > a { padding-right: 20px }

.navigation > ul > li > a:hover, .navigation > ul > li.active > a { color: #ffbd38 }

.navigation > ul > li > ul.sub-menu { position: absolute; display: none; z-index: 13; top: 100%; min-width: 100%; left: 0; background: #ab0826 }

.navigation > ul > li:last-child ul.sub-menu { left: auto; right: 0 }

.navigation > ul > li ul.sub-menu li a.t { display: block; text-align: center; color: #fff; white-space: nowrap; padding: 10px 30px; font-size: 1.25em }

.navigation > ul > li > a span { display: inline-block }

.navigation > ul > li > a:hover span { border-bottom: 2px dashed #ddd }

.navigation > ul > li:hover ul.sub-menu { display: block }

.navigation > ul > li:hover { background: #ab0a25 }

.navigation > ul > li ul.sub-menu > li a.t:hover { color: #968f8f }

.navigation > ul > li ul.sub-menu > li { position: relative }

.navigation > ul > li ul.sub-menu > li a.thr_ul { position: relative }

.navigation > ul > li ul.sub-menu > li a.thr_ul:after { position: absolute; display: block; content: ''; right: 15px; top: 18px; width: 20px; height: 20px; background: url(../images/06.png) center no-repeat #ab0826; background-size: 14px auto; transition: all .3s; -webkit-transition: all .3s }

.navigation > ul > li ul.sub-menu li a.thr_ul.open:after { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg) }

a.open_thr_ul { display: none; position: absolute; right: 10px; top: 10px; width: 30px; height: 40px; background: url(../images/06.png) center no-repeat #ab0826; background-size: 14px auto }

.navigation > ul > li ul.thr_menu { background: #eee; display: none }

.navigation > ul > li ul.thr_menu > li > a { display: block; color: #010101; font-size: 1.125em; padding: 7px 40px 7px 20px }

a.open_thr_ul.open { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg) }

.navigation > ul > li ul.thr_menu a { transition: all .3s; -webkit-transition: all .3s }

.navigation > ul > li ul.four_menu > li > a { display: block; background: #8c8989; color: #eee; padding: 7px 20px; border-bottom: 1px solid #eee; font-size: 1.375em }

.navigation > ul > li ul.thr_menu a:hover { color: #ab0826 }

.navigation > ul > li ul.thr_menu li { position: relative }

.navigation a.open_four_ul { display: inline-block; position: absolute; right: 10px; top: 9px; width: 30px; height: 30px; background: url(../images/1.png) center no-repeat #eee; background-size: 14px auto; padding: 0 !important }

.navigation a.open_four_ul.open { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg) }

.navigation > ul > li ul.four_menu { display: none }

.banner .owl-pagination { text-align: center; width: 100%; position: absolute; left: 0; bottom: 60px }

.banner .owl-pagination .owl-page { display: inline-block; padding: 0 6px }

.banner .owl-pagination .owl-page span { display: block; width: 10px; height: 10px; border: 2px solid #fff; border-radius: 20px }

.banner .owl-pagination .owl-page.active span { background: #fff }

.banner ul img { width: 100%; display: block }

.banner .owl-buttons a { position: absolute; top: 50%; width: 50px; height: 50px; border-radius: 50px; background-color: #fff; transition: all .3s; -webkit-transition: all .3s; background-image: url(../images/02.png); background-repeat: no-repeat; margin-top: -25px; background-position: left 14px center; cursor: pointer; font-size: 0 }

.banner .owl-buttons a.owl-prev { left: 10px }

.banner .owl-buttons a.owl-next { right: 10px; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg) }

.banner .owl-buttons a.owl-prev:hover { box-shadow: 3px 3px 3px rgba(0,0,0,0.38) }

.banner .owl-buttons a.owl-next:hover { box-shadow: -3px -3px 3px rgba(0,0,0,0.38) }

.banner { position: relative }

.banner .b_link { position: absolute; right: 20px; bottom: 40px }

.banner .b_link a { display: inline-block; margin-left: 40px; box-shadow: 3px 3px 3px rgba(0,0,0,0.38); transition: all .3s; -webkit-transition: all .3s; background-color: #ffbd38; letter-spacing: 2px; color: #2a2b2d; font-size: 1.125em; width: 240px; text-align: center; padding: 6px 10px; box-sizing: border-box; border-radius: 5px }

.banner .b_link a:hover { background-color: #f6ac17; box-shadow: 3px 3px 3px rgba(0,0,0,0.48) }

.box_1 { background-color: #fee7c5; min-height: 100px }

.bol_bg { background: url(../images/09.png) #fff top no-repeat; height: 80px; background-size: 100% auto }

.bol_bg_a { background: url(../images/10.png) #fee7c5 top no-repeat; height: 85px; background-size: 100% auto }

.box_1 .wrap { overflow-y: hidden; padding-top: 60px; padding-bottom: 20px }

.box_1 .wrap dl { float: left; width: 24%; margin-right: 1.3% }

.box_1 .wrap dl:last-child { margin-right: 0 }

.box_1 .wrap dl dd { text-align: center; color: #fff; font-size: 1.35em; padding-top: 20px; padding-bottom: 15px }

.box_1 .wrap dl.a dd { background-color: #916b3a }

.box_1 .wrap dl.b dd { background-color: #900000 }

.box_1 .wrap dl.c dd { background-color: #005983 }

.box_1 .wrap dl.d dd { background-color: /*#32b16c*/#25834F; }

.box_1 .wrap dl.a dt { border: 1px solid #916b3a }

.box_1 .wrap dl.b dt { border: 1px solid #900000 }

.box_1 .wrap dl.c dt { border: 1px solid #005983 }

.box_1 .wrap dl.d dt { border: 1px solid #32b16c }

.box_1 .wrap dl dt { position: relative }

.box_1 .wrap dl dt a { position: relative; padding-top: 75%; display: block }

.box_1 .wrap dl dt a img { position: absolute; display: block; max-width: 100%; max-height: 100%; top: 0; left: 0; right: 0; bottom: 0; margin: auto }

.box_1 .wrap dl dt > div { display: none; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0,0,0,0.37) }

.box_1 .wrap dl dt:hover > div { display: block }

.box_1 .wrap dl dt > div a { color: #fff; display: inline-block; padding: 10px 20px; border: 2px solid #fff; position: absolute; left: 50%; top: 50%; margin-top: -20px; margin-left: -70px; transition: all .3s; -webkit-transition: all .3s }

.box_1 .wrap dl dt > div a:hover { background-color: rgba(6,6,6,0.4) }

.box_2 .wrap { overflow: hidden; padding-bottom: 40px }

.box_2 .wrap .title { color: #555; font-size: 2em; text-align: center; padding: 30px 0 }

.box_2 .wrap .message { float: left; width: 29%; padding-bottom: 30px }

.box_2 .wrap .news { float: left; width: 31%; margin-left: 2%; margin-right: 2%; padding-bottom: 30px }

.box_2 .wrap .video { float: right; width: 36%; padding-bottom: 30px }

.box_2 .wrap .message ul li a { display: block; position: relative; width: 100%; height: 350px; border: 1px solid #eee; box-sizing: border-box }

.box_2 .wrap .message ul li a span { display: block; position: absolute; width: 100%; bottom: 0; left: 0; text-align: center; color: #fff; font-size: 1em; background-color: rgba(0,0,0,0.48); padding-top: 35px; padding-bottom: 13px; padding-left: 10px; padding-right: 10px; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; transition: all .3s; -webkit-transition: all .3s; white-space: nowrap }

.box_2 .wrap .message ul li img { max-height: 100%; max-width: 100%; position: absolute; top: 0; left: 0; right: 0; margin: auto; display: block }

.box_2 .wrap .message ul li a:hover img { opacity: .7 }

.box_2 .wrap .message ul li a:hover span { color: #ffbd38 }

.box_2 .wrap .message .owl-buttons { display: none }

.box_2 .wrap .message .owl-pagination { width: 100%; position: absolute; bottom: 40px; left: 0; text-align: center }

.box_2 .wrap .message .owl-pagination .owl-page { display: inline-block; padding: 0 3px }

.box_2 .wrap .message .owl-pagination .owl-page span { display: block; width: 8px; height: 8px; border: 2px solid #fff; border-radius: 10px; box-sizing: border-box }

.box_2 .wrap .message .owl-pagination .owl-page.active span { background-color: #fff }

.box_2 .wrap ul.tab { position: relative }

.box_2 .wrap ul.tab:after { content: ''; display: block; clear: both }

.box_2 .wrap ul.tab > li { float: left; width: 50%; box-sizing: border-box }

.box_2 .wrap ul.tab > li.a { padding-right: 5px }

.box_2 .wrap ul.tab > li.b { padding-left: 5px }

.box_2 .wrap ul.tab > li > a { display: block; background-color: #dadada; color: #fff; font-size: 1.35em; text-align: center }

.box_2 .wrap ul.tab > li > a span { display: inline-block; padding-left: 55px; padding-top: 14px; padding-bottom: 14px }

.box_2 .wrap ul.tab > li.a > a span { background: url(../images/03.png) left 1px center no-repeat }

.box_2 .wrap ul.tab > li.b > a span { background: url(../images/04.png) left 1px center no-repeat; padding-left: 35px }

.box_2 .wrap ul.tab > li > a:hover { color: #009ee7 }

.box_2 .wrap ul.tab > li.active > a { background-color: /*#009ee7 */#007DB8;}

.box_2 .wrap ul.tab > li.active > a:hover { color: #fff }

.box_2 .wrap ul.tab > li .contents { display: none; position: absolute; width: 100%; top: 60px; left: 0; font-size: 1em; color: #555; padding-top: 10px }

.box_2 .wrap ul.tab > li.active .contents ul li a { color: #555; font-size: 1.125em }

.box_2 .wrap ul.tab > li.active .contents ul li { padding: 15px 0; line-height: 25px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border-bottom: 1px solid #dbdbdb }

.box_2 .wrap ul.tab > li .contents a.more { display: block; margin: 13px auto; margin-bottom: 0; text-align: center; border: 2px solid #007DB8; color: #007DB8; width: 80px; padding: 6px 0; transition: all .3s; -webkit-transition: all .3s }

.box_2 .wrap ul.tab > li .contents a.more:hover { border-color: #ffbd38; color: #ffbd38 }

.box_2 .wrap ul.tab > li.active .contents ul li a:hover { color: #ffbd38 }

.box_2 .wrap .video iframe { width: 100%; display: block }

.box_2 .wrap .video .v_tit { text-align: center; padding-top: 5px; display: none }

.box_2 .wrap .video .v_tit a { color: #555; font-size: 1.1em }

.box_2 .wrap .video .v_tit a:hover { color: #ffbd38 }

.box_3 .wrap { display: table }

.box_3 .wrap .left { display: table-cell; vertical-align: top }

.box_3 .wrap .left ul { display: block; /*font-size:0;*/ margin-right: -10px; margin-left: -10px }

.box_3 .wrap .left ul li { display: inline-block; width: 16%; padding-right: 10px; padding-left: 10px; box-sizing: border-box; vertical-align: top; margin-bottom: 20px }

.box_3 .wrap .left ul li a { display: block; text-align: center }

.box_3 .wrap .left ul li.yc a.a, .box_3 .wrap .left ul li.fy a.a { margin-bottom: 10px }

.box_3 .wrap .left ul li a img { display: inline-block; max-width: 100% }

.box_3 .wrap .right { width: 600px; display: table-cell; vertical-align: top }

.box_3 .wrap .left ul li a:hover { opacity: .8 }

.calendar { box-sizing: border-box }

.calendar .cal_top { text-align: center; padding: 0 30px; position: relative }

.calendar .cal_top .month > a, .calendar .cal_top .year > a { font-size: 1.25em; color: #000 }

.calendar .cal_top .year > a { padding-right: 20px; background: url(../images/28.png) right center no-repeat; background-size: 12px auto }

.calendar .cal_top .month, .calendar .cal_top .year { position: relative; display: inline-block; vertical-align: middle; text-align: center; margin: 0 20px }

.calendar .cal_top .month ul, .calendar .cal_top .year ul { display: none; position: absolute; top: 100%; left: 0; width: 100%; text-align: center; border: 1px solid #ddd; background: #fff; max-height: 400px; z-index: 11; overflow-y: auto }

.calendar .cal_top ul li a { display: block; line-height: 30px; color: #222 }

.calendar .cal_top ul li a:hover { background: #ddd }

.calendar .cal_body { padding: 0 3%; box-sizing: border-box; position: relative; padding-top: 10px }

.calendar .cal_body table { width: 100%; text-align: center; font-size: 1.375em; color: #424242 }

.calendar .cal_body table thead th { padding-bottom: 20px; }

.calendar .cal_body table a { color: #424242 }

.calendar .cal_body table tr td.gray a { color: #e0e0e0; cursor: text }
.calendar .cal_body table tr td.gray >div{ color: #e0e0e0; cursor: text }

.calendar .cal_body table tr td { padding: 8px 0 }

.calendar .cal_body table tr td a { display: inline-block; width: 40px; line-height: 35px; border: 1px solid #fff }

.calendar .cal_body table.week { margin-bottom: 10px; font-size: 1.5em }

.calendar .cal_body table tr td.today a { color: #000; background: #ffe25e; border: 1px solid #908e8e }

.calendar .cal_body table tr td.active a { color: #000; border: 1px solid #e1bb10 }

.calendar .cal_body table tr td.active a:hover { background: #feeda5 }

.calendar .cal_top .cal_prev, .calendar .cal_top .cal_next { position: absolute; top: 0; width: 40px; font-size: 0; height: 27px; text-align: center; background-repeat: no-repeat; background-position: center }

.calendar .cal_top .cal_next { background-image: url(../images/29.png) }

.calendar .cal_top .cal_prev { background-image: url(../images/30.png) }

.calendar .cal_top .cal_prev { left: 7% }

.calendar .cal_top .cal_next { right: 7% }

.calendar .cal_top .cal_prev:hover, .calendar .cal_top .cal_next:hover { opacity: .7 }

footer { background-color: #fee7c5; padding-bottom: 50px }

.cl:after { content: ''; display: block; height: 0; clear: both; visibility: hidden; }
.cl { zoom: 1; }
footer .footer-top { position: relative; line-height: 33px; color: #555; }
footer .footer-nav { margin-bottom: 50px; }
footer .hvr-sink { width: 35px; height: 35px; position: absolute; left: 0; top: -70px; border-radius: 50%; cursor: pointer; border: 1px solid #fff; color: #fff; right: 0; margin: 0 auto; text-align: center; box-sizing: border-box; z-index: 99; background: url(../images/footerMenu.png); background-repeat: no-repeat; text-indent: -99999px; }
.hvr-sink:hover { -webkit-transform: translateY(8px); transform: translateY(8px); }
footer .hvr-sink.active { background: url(../images/footerMenuActive.png); text-indent: -99999px; }
.footer-nav > li { float: left; width: 16.66%; margin-bottom: 20px; min-height: 480px; }
.footer-nav > li > a { font-weight: bold; font-size: 1.125em; margin-bottom: 15px; }
.footer-nav .sub-menu a { font-size: .95em; }
footer > .wrap { display: table; padding-top: 70px; color: #555; font-size: 1em; line-height: 36px }

footer .wrap a { color: #555 }

footer .wrap .left, footer .wrap .center, footer .wrap .right { display: table-cell; vertical-align: bottom }

footer .wrap .left { text-align: left; width: 320px }

footer .wrap .left img { display: block; max-width: 100%; width: 100% }

footer .wrap .center { text-align: center }

footer .wrap .right { text-align: right; width: 300px }

footer .wrap .right img { height: 38px; display: block }

footer .wrap .right a { display: inline-block }

footer .wrap .right a.gov { margin-left: 50px }

footer .wrap a:hover { color: #d88100 }

footer .wrap label { color: #000 }

footer .wrap .link { margin-top: 30px }

#mobi-btn { position: fixed; top: 20px; right: 35px; display: none; width: 50px; height: 50px; box-sizing: border-box; color: #585859; font-size: 0.75em; text-align: center; z-index: 1003; border-radius: 5px }

#mobi-btn.act { top: 20px }

#mobi-btn .threeline { display: inline-block; position: absolute; left: 50%; top: 50%; bottom: auto; right: auto; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); width: 33px; height: 3px; background: #585859; -webkit-transition: background-color .6s; -moz-transition: background-color .6s; transition: background-color .6s }

#mobi-btn .threeline::before { top: -10px }

#mobi-btn .threeline::after { top: 10px }

#mobi-btn .threeline::before, #mobi-btn .threeline:after { content: ''; width: 100%; height: 100%; position: absolute; background-color: #585859; right: 0; -webkit-transition: -webkit-transform .6s,top .6s,background-color 0s; -moz-transition: -moz-transform .6s,top .6s,background-color 0s; transition: transform .6s,top .6s,background-color 0s }

#mobile { position: fixed; left: -100%; background: #fff; padding-top: 30px; top: 0; z-index: 1001; width: 80%; box-sizing: border-box; height: 100%; overflow-y: scroll }

#mask { display: none; position: fixed; left: 0; background-color: rgba(0,0,0,0.7); top: 0; z-index: 500; width: 100%; box-sizing: border-box; height: 100% }

#mobile .navbar-nav > li > a { display: block; padding: 0 20px; box-sizing: border-box; border-bottom: 1px solid #4c5661; font-size: 1.125em; color: #3f464e; line-height: 50px; position: relative; cursor: pointer; transition: all .3s; -webkit-transition: all .3s }

#mobile .navbar-nav > li.sub_ul > a:after { content: " + "; display: block; position: absolute; font-size: 1.25em; color: #e99f0b; right: 35px; top: 0 }

#mobile .navbar-nav > li.sub_ul > a.active:after { content: " - " }

#mobile .navbar-nav > li > a:hover { color: #000 }

#mobile .navbar-nav > li > ul.sub-menu { display: none; border-bottom: 1px solid #4c5661 }

#mobile .navbar-nav > li > ul.sub-menu > li { padding: 5px 0; display: inline-block; margin: 0 20px }

#mobile .navbar-nav > li > ul.sub-menu > li:first-child { border-top: 0 }

#mobile .navbar-nav > li > ul.sub-menu > li > a { display: block; color: #5c5d5c; line-height: 40px; font-size: 1em }

#mobile .navbar-nav > li > ul.sub-menu > li > ul.thr_menu { float: left }

#mobile .navbar-nav > li > ul.sub-menu > li > ul.thr_menu > li > a { padding-left: 10px; position: relative; line-height: 40px; font-size: 1em; display: block; color: #555 }

#mobile .navbar-nav ul.thr_menu > li > a:after { content: ''; display: block; position: absolute; top: 17px; left: 1px; border-radius: 10px; width: 5px; height: 5px; background-color: #108f50 }

#mobile .navbar-nav ul.fourth { padding-left: 10px }

#mobile .navbar-nav ul.fourth li a { font-size: 1em; display: block; color: #555; line-height: 28px }

#mobile .toplink ul, #mobile ul.zd { text-align: center; margin-top: 20px }

#mobile .toplink ul li, #mobile ul.zd li { display: inline-block }

#mobile .toplink ul li a, #mobile ul.zd li a { display: inline-block; color: #3f464e; font-size: 0.938em; padding: 0 16px; line-height: 37px; transition: all .3s; -webkit-transition: all .3s }

#mobile .toplink ul li a:hover { color: #108f50 }

#mobile .toplink .search .hot_s { text-align: center }

#mobile .toplink .search .hot_s span, #mobile .toplink .search .hot_s a { display: inline-block; color: #3f464e; font-size: 0.938em; padding: 0 1px; line-height: 37px }

#mobile .toplink .search .putin { width: 70%; margin: 20px auto; padding-right: 90px; position: relative }

#mobile .toplink .search .putin input { width: 100%; height: 40px; box-sizing: border-box; padding: 2px 15px; line-height: 32px }

#mobile .toplink .search .putin a { text-align: center; background: #c70025; color: #fff; position: absolute; right: 0; top: 0; width: 90px; height: 40px; line-height: 40px; display: block }

#mobile .toplink .s_link { text-align: center; margin-top: 10px }

#mobile .toplink .s_link a { display: inline-block; color: #3f464e; font-size: 0.938em; padding: 0 16px; line-height: 37px; transition: all .3s; -webkit-transition: all .3s }

#mobile .toplink .s_link a:hover { color: #108f50 }

#mobile .share > a { display: none }

#mobile .share ul { text-align: center }

#mobile .share li { display: inline-block; padding: 0 5px }

#mobile .share li a { display: inline-block; width: 50px; height: 50px; background-image: url(../images/share.png); background-repeat: no-repeat; font-size: 0; border-radius: 5px }

#mobile .share li a.blogger { background-position: 0 0 }

#mobile .share li a.fb { background-position: left -50px center }

#mobile .share li a.youtube { background-position: left -100px center }

#mobile .share li a.tripadvisor { background-position: left -150px center }

#mobile .share li a.twitter { background-position: left -200px center }

#mobile .share li a.flickr { background-position: left -250px center; width: 49px }

#mobile .share li a.ins { background-position: left -300px center }

#mobile .searchbox_a .t { color: #898989; font-size: 1em }

#mobile .searchbox_a form { width: 80%; margin: 0 auto; padding: 20px 0 }

#mobile .searchbox_a .hot { color: #898989; font-size: .9em }

#mobile .searchbox_a .hot a { color: #898989 }

#mobile .searchbox_a .hot a:hover { color: #ffbd38 }

#mobile .searchbox_a .btn { text-align: center; border-top: 1px solid #eee; padding-top: 15px; margin-top: 15px }

#mobile .searchbox_a .btn a { display: inline-block; line-height: 24px; padding: 3px 15px; border-radius: 20px; background: #1770b6; color: #fff }

#mobile .searchbox_a .btn a:hover { background: #ffbd38 }

#mobile .searchbox_a .input { margin: 10px 0 }

#mobile .searchbox_a .input input { display: inline-block; font-size: 1em; vertical-align: top; width: 70%; height: 40px; border: 2px solid #818181; padding: 5px 15px; box-sizing: border-box }

#mobile .searchbox_a .input a { display: inline-block; vertical-align: top; width: 40px; height: 40px; background: #f6ca2f; color: #fff; margin-left: 10px; line-height: 40px; text-align: center }

#mobile .open_four_ul { display: none !important }

#mobile ul.four_menu { padding-left: 10px }

#mobile ul.four_menu > li { display: inline-block; padding-right: 10px }

#mobile ul.four_menu > li a { color: #100c0c }

.path { background: #fee7c5; font-size: .9em; color: #383838; line-height: 30px; padding: 25px 0; padding-left: 4.5%; padding-right: 4.5% }

.path a { color: #383838; display: inline-block; vertical-align: middle }

.path span { display: inline-block; font-size: 1.2em; vertical-align: middle; padding: 0 5px; font-weight: bold }

.path a:hover { color: #eb9a23 }

main > .content { padding-bottom: 40px; width: 91%; margin: 0 auto; margin-bottom: 50px; border-bottom: 7px solid #eee }

main > .content .title { color: #383838; font-size: 1.8em; border-bottom: 7px solid #ddd; line-height: 40px; padding: 33px 0 }

.content form.search { margin: 40px 20px; border-bottom: 3px solid #eee; padding-bottom: 40px }

.content form.search:after { content: ''; display: block; clear: both }

.content form.search > div { width: 40%; float: left }

.content form.search .date { width: 54% }

.content form.search .date select { width: 40%; font-size: 1em; text-align: center; height: 40px; font-size: 1em; padding: 4px 10px; box-sizing: border-box; line-height: 30px }

.content form.search dl { display: table; width: 100%; font-size: 1.125em; color: #383838 }

.content form.search dl dt, .content form.search dl dd { display: table-cell; vertical-align: middle }

.content form.search .date dl dt { width: 88px }

.content form.search .key { width: 45% }

.content form.search .key dl dt { width: 123px }

.content form.search dl input[type="text"] { vertical-align: middle; border: 1px solid #bfbfbf; height: 40px; font-size: 1em; padding: 4px 10px; box-sizing: border-box; line-height: 30px }

.content form.search .key input[type="text"] { width: 70% }

.content form.search .key a, .content form.search .key button { border: 1px solid #bfbfbf; display: inline-block; background: #e5e5e5; font-size: 1em; vertical-align: middle; font-weight: bold; color: #f19149; cursor: pointer; line-height: 38px; padding: 0 10px }

.content form.search .key a:hover, .content form.search .key button:hover { background: #eee }

.content form.search .date input[type="text"] { padding-right: 30px; background: url(../images/31.png) right 9px center no-repeat; background-size: 22px auto }

.active_list { margin: 0 20px; /*font-size:0;*/ padding: 30px 0; padding-top: 30px }

.active_list dl { display: inline-block; width: 27%; vertical-align: top; font-size: 1em }

.active_list dl dt a { display: block; position: relative; padding-top: 75%; border: 1px solid #eee }

.active_list dl dt a img { display: block; position: absolute; display: block; max-width: 100%; max-height: 100%; top: 0; left: 0; right: 0; bottom: 0; margin: auto }

.active_list dl dt a:hover { opacity: .7 }

.active_list dl dd { height: 170px }

.active_list dl dd .tit { padding-top: 20px; padding-bottom: 15px; font-size: 1.25em; color: #383838; line-height: 28px; box-sizing: border-box }

.active_list dl dd .tit a { color: #383838; display: block; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical }

.active_list dl dd .tit a:hover { color: #f9a902 }

.active_list dl dd .data { color: #aaa; font-size: 1em; padding-left: 20px; background: url(../images/31.png) left 1px top 2px no-repeat; background-size: 15px auto; line-height: 20px }

.active_list dl:nth-child(3n-1) { margin-left: 8%; margin-right: 8% }

.active_list.links dl { width: 21%; margin-right: 4% }

.active_list.links dl:nth-child(3n-1) { margin: 0; margin-right: 4% }

.active_list.links dl:nth-child(4n) { margin-right: 0 }

.active_list.links dl dt a { position: static; text-align: center; padding-top: 10px; padding-bottom: 7px; padding-left: 10px; padding-right: 10px; box-sizing: border-box }

.active_list.links dl dt a img { max-width: 100%; position: static; display: inline-block }

.active_list.links dl dd { text-align: center; height: auto; margin-top: 10px; min-height: 60px; margin-bottom: 20px }

.active_list.img_list dl dd .tit { font-size: 1.25em; line-height: 30px }

.active_list.img_infolist dl dt a { padding-top: 66.5% }

#page { padding-top: 0; text-align: center; clear: both; margin-top: 30px }

.left #page { text-align: left }

#page .page { padding: 10px 0; overflow: hidden; padding-top: 40px; /*font-size:0*/ }

#page .page a { margin-bottom: 10px; position: relative; display: inline-block; background: #fff; color: #5e5e5e; transition: all .3s; -webkit-transition: all .3s; font-weight: bold; box-sizing: border-box; width: 40px; line-height: 40px; font-family: helvetica; font-size: 1.25em; text-align: center; cursor: pointer; box-sizing: border-box; border: 1px solid #bfbfbf; border-left: 0 }

#page .page a.first { border-left: 1px solid #bfbfbf; margin-right: 15px; width: 50px }

#page .page a.last { border-left: 1px solid #bfbfbf; margin-left: 15px; width: 50px }

#page .page a.prev { border-left: 1px solid #bfbfbf }

#page .page a.num.active { background: #f19149; color: #fff }

#page .page a.num:hover, #page .page a.prev:hover, #page .page a.next:hover, #page .page a.first:hover, #page .page a.last:hover { background: #eee; color: #f19149 }

#page .page label a { color: #595757 }

.content ul.type { /*font-size:0;*/ padding: 20px 0; border-bottom: 3px solid #eee }

.content ul.type li { line-height: 30px; display: inline-block; font-size: 1em; padding: 10px 20px }

.content ul.type li a { display: block; color: #555; transition: all .3s; -webkit-transition: all .3s }

.content ul.type li a:hover, .content ul.type li a.active { color: #4f659d; font-weight: bold }

.chronicle { width: 80%; margin: 0 auto; padding-top: 70px }

.chronicle dl { margin-bottom: 10px }

.chronicle dl dt a { display: block; background: #eee; color: #000; font-size: 1.25em; padding: 15px 40px; line-height: 40px; transition: all .3s; -webkit-transition: all .3s }

.chronicle dl dt a:hover { background: #ccc }

.chronicle dl dd { padding: 25px 40px; display: none }

.chronicle dl dd > div { padding: 10px 0 }

.chronicle dl dd .tit { color: #a45900; font-size: 1.25em }

.chronicle dl dd .cont { color: #555; font-size: .875em }

.chronicle .total { color: #5c5c5c; font-size: 1.25em }

ul.fontsize { text-align: right; padding: 13px 0 }

ul.fontsize li a { display: block; transition: all .3s; -webkit-transition: all .3s }

ul.fontsize li { padding-left: 6px; display: inline-block; vertical-align: middle }

.fontsize a { color: #eebb2e; width: 30px; height: 30px; background: #eee; border-radius: 30px; text-align: center; line-height: 30px; font-size: 1em }

.fontsize a:hover { opacity: .8 }

.fontsize a.active, .fontsize a.active:hover { background-color: #000; opacity: 1 }

#fontsize.small { font-size: 80% }

#fontsize.normal { font-size: 100% }

#fontsize.large { font-size: 120% }

.notice { width: 90%; margin: 0 auto; padding-top: 20px }

.notice dl { width: 100%; display: table; border-bottom: 2px solid #eee; font-size: 1.25em; color: #000 }

.notice dl dt { display: table-cell; padding: 10px 10px 10px 30px }

.notice dl dd { display: table-cell; padding: 10px 30px 10px 10px }

.notice dl dd { width: 140px; text-align: center }

.notice dl.t { background: #eee; font-size: 1.5em; color: #555; font-weight: bold; padding-top: 10px; padding-bottom: 10px }

.notice dl dt a { display: block; color: #000; padding: 30px 0 20px 0; transition: all .3s; -webkit-transition: all .3s }

.notice dl.t dt { padding-left: 10%; box-sizing: border-box }

.notice dl dt a:hover { color: #e9af00 }

.font_top { overflow: hidden }

.font_top > span { display: inline-block; vertical-align: middle; color: #555; font-size: 1em; padding: 16px 0 }

.font_top ul.fontsize { float: right }

.structure { width: 90%; margin: 0 auto }

.structure .tit { color: #a45900; font-size: 1.875em; padding: 10px 0 }

.structure img { max-width: 95%; margin-left: 20px }

.structure .cont { color: #383838; font-size: 1.125em; line-height: 35px; padding-top: 10px }

.structure .cont a { color: #5c4f0c; transition: all .3s; -webkit-transition: all .3s }

.structure .cont a:hover { color: #ffbd38 }

.structure .unnamed1 img { margin-right: 20px }

ul.active_type { /*font-size:0;*/ padding: 20px 0; border-bottom: 3px solid #eee }

ul.active_type > li { padding: 20px 0; padding-right: 90px; line-height: 30px; position: relative; display: inline-block; font-size: 1em }

ul.active_type > li > a { display: inline-block; color: #555; font-size: 1.25em; padding-right: 30px; transition: all .3s; -webkit-transition: all .3s }

ul.active_type > li > a:hover { color: #4f659d; font-weight: bold }

ul.active_type > li ul { position: absolute; top: 90%; left: 0; min-width: 100%; display: none; background: #fff }

ul.active_type > li ul li { margin-bottom: 2px }

ul.active_type > li ul li a { display: block; text-align: left; padding: 10px 10px 3px 30px; height: 35px; background: #eee; color: #555; font-size: 1.125em; transition: all .3s; -webkit-transition: all .3s }

ul.active_type > li ul li a span { display: inline-block; line-height: 22px; box-sizing: border-box; white-space: nowrap }

ul.active_type > li ul li a:hover span { border-bottom: 3px solid #f19149 }

ul.active_type > li ul li a:hover { background: #e0e0e0 }

ul.active_type > li.sub a { padding-right: 25px; position: relative; transition: all .3s; -webkit-transition: all .3s }

ul.active_type > li.sub > a:after { content: ''; display: block; position: absolute; width: 24px; height: 24px; right: 0; top: 2px; background: url(../images/32.png) right 1px center no-repeat }

ul.active_type > li.sub.active > a:after, ul.active_type > li.sub > a:hover:after { background-position: left 5px center }

.active_list_second { display: table; width: 100%; padding-top: 40px }

.active_list_second .left { display: table-cell; width: 420px; vertical-align: top; padding-right: 60px; box-sizing: border-box }

.active_list_second .right { display: table-cell; vertical-align: top; padding-left: 50px; box-sizing: border-box }

.active_list_second .left dl dt.t { color: #555; font-size: 1.25em }

.active_list_second .left dl dt.t a { color: #555; display: block; position: relative; transition: all .3s; -webkit-transition: all .3s }

.active_list_second .left dl dt.t a:after { position: absolute; content: '-'; border: 1px solid #ddd; text-align: center; line-height: 15px; height: 22px; width: 22px; box-sizing: border-box; font-size: 1.5em; right: 1px; top: 3px }

.active_list_second .left dl dt.t a.active:after { content: '+'; line-height: 19px; font-size: 1.2em }

.active_list_second .left dl dt.t a:hover { opacity: .8 }

.active_list_second .left dl.key dd input { width: 100% }

.active_list_second .left dl { margin-bottom: 40px }

.active_list_second .left dl dd { /*font-size:1.125em;*/ color: #b4b4b4 }

.active_list_second .left dl input[type="text"] { color: #b4b4b4; font-size: 1em; height: 40px; box-sizing: border-box; padding: 4px 20px; line-height: 30px; border: 1px solid #b4b4b4 }

.active_list_second .left dl.date input[type="text"] { padding-right: 30px; width: 100%; background: url(../images/31.png) right 9px center no-repeat; background-size: 22px auto }

.active_list_second .left dl.date dd div { display: table; width: 100% }

.active_list_second .left dl.date dd label { width: 100px; display: table-cell }

.active_list_second .left dl.date dd span { display: table-cell; vertical-align: middle }

.active_list_second .left dl dt { margin-bottom: 15px }

.active_list_second .left dl dd { margin-bottom: 15px; padding-top: 10px }

.active_list_second .left dl.checkbox_list dd { /*font-size:0*/ }

dl.checkbox_list dd > div:first-child { width: 100% }

dl.checkbox_list dd > div { display: inline-block; vertical-align: top; width: 50%; font-size: 1em; color: #555 }

dl.checkbox_list dd > div label { /*font-size:1.125em;*/ vertical-align: middle }

dl.checkbox_list dd > div input[type="checkbox"] { width: 16px; height: 16px; display: inline-block; vertical-align: middle }

dl.checkbox_list dd > div { padding-bottom: 5px; margin-bottom: 5px }

.act_form_btn { text-align: left }

.act_form_btn button { display: inline-block; width: 100%; cursor: pointer; padding: 10px; line-height: 30px; box-sizing: border-box; border: 0; text-align: center; background: #f19149; color: #fff; font-size: 1.25em }

.act_form_btn button:hover { opacity: .8 }

.active_list_second .left dl dd input[type="text"]::-webkit-input-placeholder { color: #b4b4b4 }

.active_list_second .left dl dd input[type="text"]:-moz-placeholder { color: #b4b4b4 }

.active_list_second .left dl dd input[type="text"]::-moz-placeholder { color: #b4b4b4 }

.active_list_second .left dl dd input[type="text"]:-ms-input-placeholder { color: #b4b4b4 }

.active_list_second .right .list { margin-bottom: 140px }

.active_list_second .right .list li .t a { display: inline-block; color: #555; font-size: 1.5em; transition: all .3s; -webkit-transition: all .3s }

.active_list_second .right .list li .t a:hover { color: #f1883d }

.active_list_second .right .list li .t { margin-bottom: 20px }

.active_list_second .right .list li { padding-bottom: 30px; border-bottom: 3px solid #eee; margin-bottom: 30px }

.active_list_second .right .list li dl { display: table; width: 100% }

.active_list_second .right .list li dl dt { display: table-cell; width: 260px; max-width: 40%; vertical-align: top }

.active_list_second .right .list li dl dd { display: table-cell; vertical-align: top; padding-left: 30px }

.active_list_second .right .list li dl dd div { color: #555; font-size: 1.125em; margin-bottom: 15px }

.active_list_second .right .list li dl dt a { display: block; transition: all .3s; -webkit-transition: all .3s; border: 1px solid #f5f3f3 }

.active_list_second .right .list li dl dt span { display: block; transition: all .3s; -webkit-transition: all .3s; border: 1px solid #f5f3f3 }

.active_list_second .right .list li dl dt img { width: 100%; display: block }

.active_list_second .right .list li dl dt a:hover { opacity: .7 }

.active_list_second .right .list li dl dt span:hover { opacity: .7 }

.opinion_mailbox form { width: 80%; margin: 0 auto; margin-top: 30px }

.opinion_mailbox form div.form_box > dl { margin-bottom: 35px; display: table; width: 100% }

.opinion_mailbox form div.form_box > dl dt { width: 20%; min-height: 10px; line-height: 20px; letter-spacing: 1px; color: #000; font-size: 1.25em; display: table-cell; vertical-align: middle }

.opinion_mailbox form div.form_box > dl dd { width: 79%; display: table-cell; vertical-align: middle }

.opinion_mailbox form div.form_box > dl dd input[type="text"], .opinion_mailbox form div.form_box > dl dd input[type="email"] { border-radius: 2px; padding-left: 10px; width: 100%; box-sizing: border-box; height: 40px; border: 1px solid #f9db89; background: #fff4d7 }

.opinion_mailbox form div.form_box > dl dd > div:nth-child(2) { margin-top: 5px; color: #5e5e5e; font-size: .875em }

.opinion_mailbox form div.form_box > dl.yz { margin: 40px 0 60px 0 }

.opinion_mailbox form div.form_box > dl.yz dd span.img, .article form > dl.yz dd input { float: left; height: 40px }

.opinion_mailbox form div.form_box > dl.yz dd input { width: 160px }

.opinion_mailbox form div.form_box > dl.yz dd span.img { display: block; margin-left: 10px; border: 1px solid #ddd; box-sizing: border-box; text-align: center; padding-top: 4px }

.opinion_mailbox form div.form_box > dl.yz dd img { margin-right: 0; height: auto }

.opinion_mailbox form div.form_box > dl.yz dd a { display: block; float: left; border: 1px solid #ddd; font-size: 1.25em; background: #eee; margin-left: 10px; padding: 0 10px; color: #666; line-height: 38px; transition: all .3s; -webkit-transition: all .3s }

.opinion_mailbox form > dl.yz dd a:hover { color: #f00 }

.opinion_mailbox form div.form_box > dl dd.radio span { display: block; float: left }

.opinion_mailbox form div.form_box > dl dd.radio span input { width: 20px; height: 20px }

.opinion_mailbox form div.form_box > dl dd.radio span:nth-child(2n+1) { margin-right: 5px }

.opinion_mailbox form div.form_box > dl dd.radio span:nth-child(2n) { margin-right: 25px }

.opinion_mailbox form .t { font-size: 1.5em; border-bottom: 2px solid #eee; padding-bottom: 20px; color: #d49b00 }

.opinion_mailbox form div.form_box > dl dd textarea { width: 100%; min-height: 90px; padding: 10px; background: #fff4d7; border-color: #f9db89; box-sizing: border-box }

.opinion_mailbox form > .btn { text-align: center }

.opinion_mailbox form > .btn button { margin-right: 20px; width: 120px; display: inline-block; font-size: 1.125em; background: 0; cursor: pointer; line-height: 36px; text-align: center; box-sizing: border-box; border: 2px solid #ffc32a; color: #000; transition: all .3s; -webkit-transition: all .3s }

.opinion_mailbox form > .btn button:last-child { margin-right: 0 }

.opinion_mailbox form > .btn button:hover { color: #ffc32a }

.opinion_mailbox form ul.botm { border-top: 2px solid #eee; border-bottom: 2px solid #eee; padding: 20px 30px; list-style-type: disc; margin-bottom: 30px }

.opinion_mailbox form .red { color: #f00 }

.opinion_mailbox form ul.botm li { line-height: 30px; font-size: 1.25em; margin-bottom: 10px }

.opinion_mailbox form ul.botm li a { color: #d46300; transition: all .3s; -webkit-transition: all .3s }

.opinion_mailbox form ul.botm li a:hover { color: #d49b00 }

.opinion_mailbox form div.form_box.epaper dl dt { width: 100px }

.add_notice { width: 80%; margin: 0 auto; padding-top: 0 }

.add_notice ul li { border-bottom: 2px solid #eee; font-size: 1.25em }

.add_notice ul li a { display: block; color: #000; padding: 20px 0 20px 40px; position: relative; transition: all .3s; -webkit-transition: all .3s }

.add_notice ul li a:after { content: ''; width: 10px; height: 10px; background: #eebb2f; position: absolute; left: 10px; top: 50%; margin-top: -2px; -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; -o-transform-origin: 0 100%; -ms-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg) }

.add_notice ul li a:hover { color: #eebb2f }

.cont_img { padding-top: 40px; padding-bottom: 20px }

.cont_img ul { /*font-size:0*/ }

.cont_img ul li { display: inline-block; width: 31%; margin-bottom: 40px }

.cont_img ul li a { display: block; border: 2px solid #eee; position: relative; box-sizing: border-box; padding-top: 79%; transition: all .3s; -webkit-transition: all .3s }

.cont_img ul li:nth-child(3n-1) { margin-right: 3.5%; margin-left: 3.5% }

.cont_img ul li a img { position: absolute; max-width: 100%; max-height: 100%; display: block; top: 0; left: 0; z-index: 1; right: 0; bottom: 0; margin: auto }

.cont_img ul li a:hover { opacity: .7 }

.file_down .tit { margin-bottom: 20px; margin-top: 30px }

ul.down_file_ul li { margin-bottom: 20px; font-size: 1.125em }

ul.down_file_ul li a:hover { color: #999; text-decoration: none }

ul.down_file_ul li a:before { content: ""; position: relative; top: -2px; display: inline-block; width: 30px; height: 30px; margin-right: 5px; background: url(../images/dl_icon.png); vertical-align: middle }

ul.down_file_ul li a.pdf:before { background-position: -30px top }

ul.down_file_ul li a.xls:before { background-position: -60px top }

ul.down_file_ul li a.xlsx:before { background-position: -90px top }

ul.down_file_ul li a.doc:before { background-position: -120px top }

ul.down_file_ul li a.docx:before { background-position: right top }

ul.down_file_ul li a.ppt:before { background-position: left -30px }

ul.down_file_ul li a.pptx:before { background-position: -30px -30px }

ul.down_file_ul li a.zip:before { background-position: -60px -30px }

ul.down_file_ul li a.rar:before { background-position: -90px -30px }

ul.down_file_ul li a.jpg:before { background-position: -120px -30px }

ul.down_file_ul li a.tiff:before { background-position: right -30px }

ul.down_file_ul li a.png:before { background-position: left -60px }

ul.down_file_ul li a.gif:before { background-position: -30px -60px }

ul.down_file_ul li a.wmv:before { background-position: -60px -60px }

ul.down_file_ul li a.txt:before { background-position: -90px -60px }

ul.down_file_ul li a.text:before { background-position: -120px -60px }

ul.down_file_ul li a.opt:before { background-position: right -60px }

ul.down_file_ul li a.odt:before { background-position: left bottom }

ul.down_file_ul li a.ods:before { background-position: -30px bottom }

ul.down_file_ul li a.odp:before { background-position: -60px bottom }

ul.down_file_ul li a.odf:before { background-position: -90px bottom }

ul.down_file_ul li a.odg:before { background-position: -120px bottom }

ul.down_file_ul li a.odb:before { background-position: right bottom }

.input-group { position: relative; display: table; border-collapse: separate }

.search-block-v2 { background: #f6f6f6; padding: 20px 0; border-bottom: 1px #f4f4f4 solid; margin-bottom: 40px; margin-top: 30px }

.search-block-v2 a { color: #ffaf3d; transition: all .3s; -webkit-transition: all .3s }

.search-block-v2 a:hover { color: #ffaf3d; text-decoration: underline }

.search-block-v2 .container { padding-right: 0; padding-left: 0; margin-right: auto; margin-left: auto; width: 80% }

.search-block-v2 .searchall-div { width: 70%; margin: 0 auto }

.searchall-div .form-control { height: 40px }

.searchall-div .input-group-btn { width: 1% }

.input-group-btn, .input-group .form-control { display: table-cell; vertical-align: top }

.search-radio { line-height: 24px; padding-top: 10px }

.clients-page p { overflow: hidden; height: 60px }

.clients-page { margin-top: 10px; margin-bottom: 0; border-bottom: solid 1px #eee; position: relative; line-height: 1.8 }

.clients-page ul { margin-bottom: 10px }

.clients-page li { margin: 0 5px 3px 0 }

.clients-page h3 { margin-top: 0; font-size: 1.125em }

.clients-page img { padding: 4px; margin: 5px 0; border: solid 1px #eee; background: #fafafa }

.clients-page p { margin-bottom: 30px }

.clients-page:hover img { border-color: #bbb }

.clients-page a { display: block; padding: 5px 10px; color: #555 }

.clients-page a:hover { text-decoration: none; color: #ffaf3d; background: #f6f6f6; border: 0 #000 solid }

.form-group { margin-bottom: 15px }

.form-control { display: inline-block; width: 100%; border: 1px solid #cbc9c5; height: 34px; padding: 10px; box-shadow: 0 0 3px #e8e6de; box-sizing: border-box }

textarea.form-control { height: auto }

select.form-control { height: auto }

.btn-u { margin: 10px; display: inline-block; width: 100px; border: 0; background: #ffaf3d; font-size: 0.875em; color: #FFF; line-height: 36px; text-align: center; font-weight: bold; cursor: pointer; transition: all .3s }

.btn-u:hover { opacity: .7 }

.chubanp { width: 90%; margin: 0 auto }

.chubanp .tit { color: #a45900; font-size: 1.875em; padding: 10px 0 }

.cont_img .tit, .file_down .tit { font-size: 1.5em }

.cont_img .tit { margin-bottom: 10px }

.chubanp .cont .tit { font-size: 1.5em }

.chubanp dl.top { margin-top: 30px }

.chubanp dl.top > dt { max-width: 30%; display: inline-block; vertical-align: top }

.chubanp dl.top dt img { max-width: 100% }

.chubanp dl.top > dd { display: inline-block; width: 66%; vertical-align: top; padding-left: 20px; box-sizing: border-box; font-size: 1.125em; line-height: 35px; letter-spacing: 1px }

.chubanp .top_tabel { width: 100%; border-bottom: 1px solid #ddd; width: 100%; margin-top: 30px }

.chubanp .top_tabel dl { display: table; border: 1px solid #ddd; width: 100%; border-bottom-width: 0 }

.chubanp .top_tabel dl dd, .chubanp .top_tabel dl dt { display: table-cell; padding: 10px 10px; box-sizing: border-box }

.chubanp .top_tabel dl dt { width: 54%; border-right: 1px solid #ddd }

.chubanp .cont .p { line-height: 30px; font-size: 1.125em }

.chubanp .cont { margin-top: 30px }

.chubanp .cont_img ul li a { padding-top: 140%; transition: all .3s; -webkit-transition: all .3s }

.chubanp .cont_img ul li:nth-child(3n-1) { margin-right: 4%; margin-left: 0 }

.chubanp .cont_img ul li { width: 21%; margin-right: 4% }

.chubanp .cont_img ul li:nth-child(4n) { margin-right: 0 }

.active_list.publist dl { width: 21%; margin-right: 4%; box-shadow: 0 0 5px rgba(102,102,102,.3); box-sizing: border-box; margin-bottom: 30px }

.active_list.publist dl:nth-child(3n-1) { margin-right: 4%; margin-left: 0 }

.active_list.publist dl:nth-child(4n) { margin-right: 0 }

.active_list.publist dl dt a { padding-top: 140%; transition: all .3s; -webkit-transition: all .3s }

.active_list.publist dl dd { min-height: 130px; padding-bottom: 40px }

.active_list.publist dl dt .tit { padding: 10px; border-bottom: 1px solid #bca172; font-size: 1.375em; color: #a76351; text-align: center; min-height: 81px; box-sizing: border-box }

.active_list.publist dl dd { padding: 20px; font-size: 1em; color: #525252; line-height: 28px; box-sizing: border-box; height: 180px }

.active_list.publist dl dd div { height: 140px; overflow: hidden }

.active_list.publist dl dd span { display: block }

.opinion_question form { width: 80%; margin: 0 auto; margin-top: 30px }

.opinion_question form div.form_box > dl { overflow: hidden; margin-bottom: 5px; border-bottom: 1px solid #ddd; padding-bottom: 20px; padding-top: 20px }

.opinion_question form div.form_box > dl dt { min-height: 10px; line-height: 20px; letter-spacing: 1px; color: #000; font-size: 1em; margin-bottom: 10px }

.opinion_question form div.form_box > dl dd { padding-left: 40px }

.opinion_question form div.form_box > dl dd input[type="text"], .opinion_question form div.form_box > dl dd input[type="email"] { border-radius: 2px; padding-left: 10px; width: 100%; box-sizing: border-box; height: 40px; border: 1px solid #f9db89; background: #fff4d7 }

.opinion_question form div.form_box > dl dd > div:nth-child(2) { margin-top: 5px; color: #5e5e5e; font-size: .875em }

.opinion_question form div.form_box > dl.yz { margin: 40px 0 60px 0 }

.opinion_question form div.form_box > dl.yz dd span.img, .article form > dl.yz dd input { float: left; height: 40px }

.opinion_question form div.form_box > dl.yz dd input { width: 160px }

.opinion_question form div.form_box > dl.yz dd span.img { display: block; margin-left: 10px; border: 1px solid #ddd; box-sizing: border-box; text-align: center; padding-top: 4px }

.opinion_question form div.form_box > dl.yz dd img { margin-right: 0; height: auto }

.opinion_question form div.form_box > dl.yz dd a { transition: all .3s; -webkit-transition: all .3s; display: block; float: left; border-top: 2px solid #eee; font-size: 1.25em; background: #eee; margin-left: 10px; padding: 0 10px; color: #666; line-height: 38px }

.opinion_question form > dl.yz dd a:hover { color: #f00 }

.opinion_question form div.form_box > dl dd.radio span { display: block; float: left }

.opinion_question form div.form_box > dl dd.radio span input { width: 20px; height: 20px }

.opinion_question form div.form_box > dl dd.radio span:nth-child(2n+1) { margin-right: 5px }

.opinion_question form div.form_box > dl dd.radio span:nth-child(2n) { margin-right: 25px }

.opinion_question form .t { font-size: 1.5em; border-bottom: 2px solid #eee; padding-bottom: 20px; color: #d49b00 }

.opinion_question form div.form_box > dl dd textarea { width: 100%; min-height: 90px; padding: 10px; background: #fff4d7; border-color: #f9db89; box-sizing: border-box }

.opinion_question form > .btn { text-align: center }

.opinion_question form > .btn button { margin-right: 20px; width: 120px; display: inline-block; font-size: 1.125em; background: 0; cursor: pointer; line-height: 36px; text-align: center; box-sizing: border-box; border: 2px solid #ffc32a; color: #000; transition: all .3s; -webkit-transition: all .3s }

.opinion_question form > .btn button:last-child { margin-right: 0 }

.opinion_question form > .btn button:hover { color: #ffc32a }

.opinion_question form ul.botm { border-bottom: 2px solid #eee; padding: 20px 30px; list-style-type: disc; margin-bottom: 30px }

.opinion_question form .red { color: #f00 }

.opinion_question form ul.botm li { line-height: 30px; font-size: 1.25em; margin-bottom: 10px }

.opinion_question form ul.botm li a { color: #d46300; transition: all .3s; -webkit-transition: all .3s }

.opinion_question form ul.botm li a:hover { color: #d49b00 }

.opinion_question form div.form_box > dl.nowrap dt { float: left; width: 28%; min-height: 10px; line-height: 20px; letter-spacing: 1px; color: #000; font-size: 1.25em }

.opinion_question form div.form_box > dl.nowrap dd { width: 72%; float: left }

.blog-drtlts { font-size: 0 }

.blog-drtlts > .items-row { display: inline-block; width: 49.99%; box-sizing: border-box; padding: 10px; font-size: medium; vertical-align: top }

.blog-drtlts .item { overflow: hidden }

.drtlt_img { float: left; width: 40%; box-sizing: border-box; border: 3px solid #ffce87 }

.drtlt_img img { width: 100%; height: auto; vertical-align: top; margin-left: 0 }

.drtlt_cnt { margin-left: 40%; box-sizing: border-box; padding-left: 10px; padding-top: 10px; border-top: 3px solid #ffce87 }

.drtlt_ttl { margin-bottom: 10px; font-weight: bold; line-height: 1.5; font-size: 120%; color: #3b89d6 }

main > .content .drtlt_ttl .title { border-bottom: 0; font-size: 1.25em }

.drtlt_other > span { display: block }

.drtlt_item { font-weight: bold; margin-bottom: 5px }

.img_lists { font-size: 0 }

.img_lists > div { text-align: center; font-size: medium; display: inline-block; width: 32.33%; vertical-align: top; padding: 15px; box-sizing: border-box }

.ltlimg_lft { display: table; width: 100% }

.ltlimg_lft > div { display: table-cell; height: 100%; vertical-align: top; padding-left: 20px }

.ltlimg_lft > div.img_lftbx { padding-left: 0; max-width: 25%; padding-top: 5px; white-space: nowrap }

.ltlimg_lft > div.img_lftbx img { height: auto; margin-left: 0; max-width: unset }

.ltlimg_lft p { margin-top: 0; line-height: 35px }

.table_scoller { width: 100%; height: auto; overflow: auto }

.table_scoller table { border-collapse: collapse; margin: 20px auto; background-color: #FFF }

.table_scoller table, .table_scoller th, .table_scoller td { border: 1px solid #ccc }

.table_scoller caption { padding-bottom: 5px; font-weight: bold }

.table_scoller th { text-align: center }

.table_scoller th { padding: 5px }

.table_scoller td { padding: 10px }

.div2table { display: table; width: 100%; margin-top: 20px; margin-bottom: 20px }

.div2table > div { display: table-row }

.div2table > div > div { display: table-cell; vertical-align: top; padding-top: 10px }

.div2table > div:first-child > div { padding-top: 0 }

.d2t_th { width: 1px; font-weight: bold; text-align: right; white-space: nowrap }

.titlebgg { color: #a45900; font-size: 1.125em; padding: 10px 0; position: relative; padding-left: 35px; margin-bottom: 20px; display: block }

.titlebgg:after { position: absolute; top: 50%; left: 10px; width: 10px; height: 10px; background: #a45900; display: block; content: ''; margin-top: -5px }

ol.list_num_ol { list-style-type: decimal; padding-left: 40px }

.special-caption { text-align: right }

@media screen and (max-width:1700px) {
    .navigation > ul > li > a { font-size: 1.25em }
}

@media screen and (max-width:1600px) {
    .active_list_second .right .list li dl dt { width: 40% }

    .active_list_second .left { width: 400px }

    .navigation > ul > li > a { font-size: 1.23em }
}

@media screen and (max-width:1440px) {
    .box_3 .wrap .right { width: 430px }

    .calendar .cal_body table.week { margin-bottom: 0 }

    .calendar .cal_body table tr td { padding: 5px 0 }

    .box_2 .wrap .title { font-size: 1.5em; padding-bottom: 20px }

    .banner .b_link { bottom: 20px }

    .content form.search .key { width: 40% }

    .content form.search .date input[type="text"] { width: 220px }

    .content ul.type li { width: auto }

    .content ul.type li a { padding-right: 40px }

    main > .content .title { font-size: 2em }

    .active_list_second .left { width: 340px }

    .active_list_second .left dl input[type="text"] { font-size: .9em }

    dl.checkbox_list dd > div label { font-size: 1em }

    .chubanp dl.top dd { line-height: 30px }

    .chubanp .top_tabel dl dd, .chubanp .top_tabel dl dt { padding: 5px 10px }

    .navigation > ul > li > a { font-size: 1.125em }

    nav .toplink li a, nav .toplink li span { font-size: .9em }

    .banner .b_link a { font-size: 1em; width: auto }

    .box_1 .wrap dl dd { font-size: 1.125em; padding-top: 10px; padding-bottom: 10px }

    .box_2 .wrap ul.tab > li > a { font-size: 1.125em }

    .box_2 .wrap ul.tab > li.a > a span { background-size: 40px auto; padding-left: 45px }

    .box_2 .wrap ul.tab > li.b > a span { padding-left: 25px; background-size: auto 35px }

    .box_2 .wrap ul.tab > li.active .contents ul li a { font-size: 1em }
}

@media screen and (min-width:1200px) {
    #mobile, #mask { display: none !important }
}

@media screen and (max-width:1200px) {
    .footer-nav > li { width: 20%; }
    body { padding-top: 94px }

    nav { position: fixed; width: 100%; top: 0; left: 0; z-index: 111; background: #fff }

    #mobi-btn { display: block }

    nav .toplink, nav .rig_link, .navigation { display: none }

    nav .logo { border-right: 0 }

    .box_2 .wrap { /*font-size: 0 */}

    .box_2 .wrap .message { font-size: 1em; float: none; display: inline-block; width: 49%; margin-right: 2%; vertical-align: top }

    .box_2 .wrap .news { font-size: 1em; float: none; display: inline-block; width: 49%; margin-left: 0; vertical-align: top; margin-right: 0 }

    .box_2 .wrap .video { font-size: 1em; float: none; display: inline-block; width: 90%; margin-left: 5% }

    .box_3 .wrap .left ul li { width: 25% }

    footer .wrap .left img { max-width: 300px; display: inline-block }

    footer .wrap .left, footer .wrap .center, footer .wrap .right { display: inline-block; width: 100%; text-align: center }

    footer .wrap .center { margin-top: 10px; margin-bottom: 10px }

    footer .wrap { padding-top: 10px }

    .box_3 .wrap .right { width: 450px }

    .box_2 .wrap .video iframe { height: 440px }

    .box_1 .wrap dl { width: 45%; margin-right: 0; margin-bottom: 30px }

    .box_1 .wrap dl:nth-child(2n) { margin-left: 10% }

    .box_1 .wrap { width: 80% }

    .content form.search .key, .content form.search .date { width: 100%; float: none }

    .content form.search .date { margin-bottom: 20px }

    .content form.search .date dl dt, .content form.search .key dl dt { width: 100px; padding-right: 10px; box-sizing: border-box; text-align: right }

    .content form.search .date input[type="text"] { width: auto }

    .content form.search .key input[type="text"] { width: 548px }

    .chronicle, .notice, .structure { width: 90%; padding-top: 10px }

    .chronicle dl dt a { padding: 20px 25px }

    .content ul.type li { padding: 6px 0 }

    ul.active_type > li { padding-right: 50px }

    .chubanp { width: 90%; padding-top: 10px }

    .chubanp .top_tabel { margin-top: 10px }

    .chubanp dl.top > dd { font-size: 1em; line-height: 30px }

    .chubanp .top_tabel dl dd, .chubanp .top_tabel dl dt { padding: 0 10px }

    .chubanp .cont_img ul li { width: 31%; margin-right: 0 }

    .chubanp .cont_img ul li:nth-child(3n-1) { margin-right: 3.5%; margin-left: 3.5% }

    .active_list.publist dl { width: 31%; margin-right: 0; width: 31%; margin-right: 0 }

    .active_list.publist dl:nth-child(3n-1) { margin-right: 3.5%; margin-left: 3.5% }
}

@media screen and (max-width:990px) {
    footer .hvr-sink { top: -50px; }
    .box_3 .wrap .right { width: 400px }

    .box_1 .wrap dl { width: 47% }

    .box_1 .wrap dl:nth-child(2n) { margin-left: 6% }

    .box_1 .wrap { width: 86% }

    .banner .b_link { position: static; text-align: center; padding-top: 20px; background-color: #fee7c5 }

    .banner .b_link a:first-child { margin-left: 0 }

    .banner .owl-pagination { bottom: 20px }

    .box_2 .wrap .title { padding: 20px 0 }

    .bol_bg { height: 40px }

    .bol_bg_a { height: 60px }

    .active_list dl { width: 45% }

    .active_list dl:nth-child(3n-1) { margin-right: 0; margin-left: 0 }

    .active_list dl:nth-child(2n) { margin-left: 10% }

    .content form.search .key input[type="text"] { width: 480px }

    ul.active_type > li { padding-right: 30px }

    .active_list_second { display: block }

    .active_list_second .left { display: block; margin: 0 auto; width: 90%; padding: 0; margin-bottom: 70px }

    .active_list_second .right { display: block; padding-left: 0 }

    .active_list_second .left dl { border-bottom: 1px solid #eee; margin-bottom: 20px }

    .active_list_second .left dl.key { display: table; width: 100%; margin-bottom: 10px; padding-bottom: 10px }

    .active_list_second .left dl.key dt { width: 162px; display: table-cell }

    .active_list_second .left dl.key dd { display: table-cell }

    .active_list_second .left dl.date dd:after { content: ''; display: block; clear: both }

    .active_list_second .left dl.date dd div { float: left; width: 49% }

    .active_list_second .left dl.date input[type="text"] { width: 90% }

    .act_form_btn { text-align: center }

    dl.checkbox_list dd > div, dl.checkbox_list dd > div:first-child { width: auto; padding-right: 40px }

    .act_form_btn button { width: 50% }

    .active_list_second .right .list { margin-bottom: 50px }

    ul.active_type > li { padding-top: 10px; padding-bottom: 10px }

    .active_list_second { padding-top: 20px }

    .active_list.links dl { width: 30%; margin: 0 }

    .active_list.links dl:nth-child(3n-1) { margin-left: 5%; margin-right: 5% }

    .chubanp dl.top > dt, .chubanp dl.top > dd { display: block; width: 100%; padding-left: 0 }
}

@media screen and (max-width:768px) {
    .footer-nav > li { width: 50%; }
    .footer-nav > li:nth-of-type(3),
    .footer-nav > li:nth-of-type(4),
    .footer-nav > li:nth-of-type(7),
    .footer-nav > li:nth-of-type(8) { min-height: 200px; }

    .box_2 .wrap .message { width: 80%; margin-left: 10% }

    .box_2 .wrap .news { width: 90%; margin-left: 5% }

    .box_2 .wrap .news { height: 460px; box-sizing: border-box }

    .box_3 .wrap .left ul li { width: 25%; padding-right: 10px }

    .box_3 .wrap .right { width: 350px }

    .box_1 .wrap dl dd { font-size: 1.25em; padding-top: 9px; padding-bottom: 8px }

    .chubanp .cont_img ul li { width: 48% }

    .chubanp .cont_img ul li:nth-child(3n-1) { margin-right: 0; margin-left: 0 }

    .chubanp .cont_img ul li:nth-child(2n-1) { margin-right: 0 }

    .chubanp .cont_img ul li:nth-child(2n) { margin-left: 4% }

    .active_list.publist dl { width: 48% }

    .active_list.publist dl:nth-child(3n-1) { margin-right: 0; margin-left: 0 }

    .active_list.publist dl:nth-child(2n-1) { margin-right: 0 }

    .active_list.publist dl:nth-child(2n) { margin-left: 4% }

    .img_lists > div { width: 50% }

    .calendar .cal_body table.week { font-size: 1.25em }
}

@media screen and (max-width:767px) {
    footer .hvr-sink { top: -50px }
    .content form.search .date input[type="text"] { width: 210px }

    .content form.search dl dt, .content form.search dl dd { display: block; width: 100% }

    .content form.search .date dl dt, .content form.search .key dl dt { width: 100%; text-align: left; margin-bottom: 10px }

    .content form.search .key input[type="text"] { width: 440px }

    .active_list dl { width: 47% }

    .active_list dl:nth-child(2n) { margin-left: 6% }

    main > .content .title { font-size: 1.5em; padding: 10px 0 }

    .active_list_second .left dl.date dd div { float: none; width: 80%; margin-bottom: 10px }

    ul.active_type { padding: 10px 0 }

    ul.active_type > li { padding-top: 5px; padding-bottom: 5px }

    ul.active_type > li > a { font-size: 1.125em }

    .opinion_mailbox form .form_box > dl dt { margin-bottom: 10px }

    .opinion_mailbox form .form_box > dl dt, .opinion_mailbox form .form_box > dl dd { display: block; width: 100% }

    .cont_img ul li { width: 48%; margin-bottom: 20px }

    .cont_img ul li:nth-child(3n-1) { margin-right: 0; margin-left: 0 }

    .cont_img ul li:nth-child(2n-1) { margin-right: 4% }

    .active_list.links dl:nth-child(2n) { margin: 0 }

    .active_list.links dl:nth-child(3n-1) { margin-left: 5%; margin-right: 5% }

    .blog-drtlts > .items-row { width: 100% }

    .box_3 .wrap .left { float: none; width: 90%; display: block; margin: 10px auto }

    .box_3 .wrap .right { float: none; width: 100%; display: block; max-width: 600px; margin: 10px auto }

    .box_3 .wrap .left { padding-left: 0 }

    .box_3 .wrap .left ul li { width: 16.66%; padding-right: 5px; padding-left: 5px }

    .box_3 .wrap .left ul { width: auto; margin-left: -5px; margin-right: -5px }
}

@media screen and (max-width:600px) {
    footer .hvr-sink { top: -40px }
    .box_3 .wrap .left { display: block }

    .box_3 .wrap .right { display: block; width: 100%; margin-top: 20px }

    .box_3 .wrap { width: 90% }

    .box_2 .wrap .message { width: 100%; margin-left: 0 }

    .box_3 .wrap .left ul li { width: 33.3%; padding: 0 5px }

    footer .wrap { width: 90% }

    .banner .b_link a { margin-left: 20px; width: 180px; font-size: 1em }

    .box_1 .wrap dl { float: none; display: inline-block; width: 93%; margin: 0; margin-bottom: 30px }

    .box_1 .wrap dl:nth-child(2n) { margin-left: 0 }

    .box_1 .wrap { text-align: center }

    .box_2 .wrap .video iframe { height: 200px }

    nav .logo img { width: 260px }

    .banner .owl-buttons { display: none }

    .box_2 .wrap .title { padding: 10px 0; font-size: 1.5em }

    .box_2 .wrap ul.tab > li.a > a span { background-size: auto 25px }

    .box_2 .wrap ul.tab > li > a span { padding-left: 37px }

    .box_2 .wrap ul.tab > li.b > a span { padding-left: 25px; background-size: auto 30px }

    .box_2 .wrap ul.tab > li > a { font-size: 1.125em }

    .box_2 .wrap .news { height: 420px }

    #mobile .share ul { width: 80%; margin: 0 auto }

    #mobile .toplink ul li a, #mobile ul.zd li a { padding: 0 3px }

    #mobile .toplink li span { padding: 0 4px }

    #mobile .toplink { padding: 0 10px }

    #mobi-btn { top: 10px }

    body { padding-top: 73px }

    .content form.search .key a { margin-top: 10px }

    .content form.search .key input[type="text"] { width: 100%; box-sizing: border-box }

    .content form.search .key dl dd { text-align: center }

    .content form.search .date input[type="text"] { width: 100% }

    .notice dl.t { display: none }

    .notice { border-top: 2px solid #eee; padding-top: 0; margin-top: 10px }

    .notice dl dt, .notice dl dd { display: block; width: 100%; box-sizing: border-box }

    .notice dl dd { text-align: right; padding-top: 0 }

    .notice dl dt a { padding: 0 }

    .notice dl { font-size: 1em }

    .active_list_second .right .list li .t a { font-size: 1.2em }

    .active_list_second .right .list li dl dd div { margin-bottom: 10px }

    .active_list_second .right .list li { padding-bottom: 20px; margin-bottom: 20px }

    .active_list_second .left dl.date dd div { float: none; width: 100% }

    .active_list_second .left dl.date input[type="text"] { width: 100% }

    .active_list_second .left dl dt.t { font-size: 1.125em }

    .active_list.links dl { width: 47% }

    .active_list.links dl:nth-child(3n-1) { margin: 0 }

    .active_list.links dl:nth-child(2n) { margin-left: 6%; margin-right: 0 }

    .chubanp .top_tabel dl dd, .chubanp .top_tabel dl dt { display: block; width: 100%; border-right: 0 }

    .active_list.publist dl { width: 90%; margin: 0 auto; margin-bottom: 20px }

    .active_list.publist dl:nth-child(2n) { margin: 0 auto; margin-bottom: 20px }

    #mobi-btn { right: 5px }

    .banner .b_link a { width: 240px; margin-bottom: 10px }

    .box_1 .wrap { padding-top: 30px }

    .box_2 .wrap .video { padding-bottom: 0 }

    .calendar .cal_top .cal_prev, .calendar .cal_top .cal_next { top: 3px }
}

@media screen and (max-width:480px) {
    .banner .b_link a { margin-left: 0 }

    nav .logo img { width: 230px }

    .calendar .cal_body table.week { font-size: 1.25em }

    .calendar .cal_body table { font-size: 1.125em }

    .calendar .cal_body table tr td a { width: 30px; line-height: 25px }

    .calendar .cal_top .month, .calendar .cal_top .year { margin: 0 10px }

    .box_3 .wrap .left ul li.yc a.a, .box_3 .wrap .left ul li.fy a.a { margin-bottom: 3px }

    footer .wrap .left { display: none }

    .bol_bg_a, .bol_bg { height: 30px }

    footer .wrap { padding-top: 0 }

    .box_3 .wrap .left ul li { width: 25%; padding: 0 5px }

    footer .wrap .right a.gov { margin-left: 10px }

    .active_list dl { width: 90%; margin-left: 5%; margin-right: 5% }

    .active_list_second .right .list li dl dt, .active_list_second .right .list li dl dd, .active_list_second .right .list li dl { display: block }

    .active_list_second .right .list li dl dd { padding-left: 5px; margin-top: 10px }

    .active_list_second .right .list li dl dt { width: 90%; max-width: 100% }

    .active_list_second .right .list li dl img { width: 80% }

    .active_list.links dl { width: 90%; margin: 0 auto }

    .active_list.links dl:nth-child(3n-1) { margin: 0 }

    .active_list.links dl:nth-child(2n) { margin: 0 }

    .chubanp .cont_img ul li { width: 98%; margin: 0 auto; margin-bottom: 20px }

    .chubanp .cont_img ul li:nth-child(2n) { margin-left: 0 }

    .img_lists > div { width: 95%; padding: 0; margin-bottom: 10px }

    .box_2 .wrap ul.tab > li.active .contents ul li { padding: 10px 0 }

    .opinion_mailbox form div.form_box > dl dt, .opinion_mailbox form div.form_box > dl dd, .opinion_mailbox form div.form_box > dl { display: block; width: 100% }

    .opinion_mailbox form { width: 100% }

    .box_3 .wrap .left { width: 100% }

    .box_2 .wrap .video, .box_2 .wrap .news { width: 100%; margin-left: 0 }

    .wrap { width: 90% }
}

a.sr-only { background: red; color: #000; float: left; z-index: 9 }

.sr-only { position: absolute; padding: 0; margin: -0.063rem; overflow: hidden; clip: rect(0,0,0,0); border: 0; width: .063rem; height: .063rem }

.sr-only-focusable:active, .sr-only-focusable:focus { width: auto; height: auto; margin: 0; overflow: visible; clip: auto; color: #000 }

.publish_title1 { font-weight: bold; padding: 10px 20px }

.publish_link { padding-left: 40px; padding-bottom: 20px; padding-top: 10px }

#btnSave { border: 2px solid #fab144; padding: 10px 30px; border-radius: 10px; background: transparent; color: #faa322; font-size: 1.25em; font-weight: bold }

#btnSave:hover { background: #eee }

#fontsize .h2 { font-weight: bold; font-size: 1.5em; }

#fontsize .h3 { font-weight: bold; font-size: 1.17em; }

#fontsize .h4 { font-weight: bold; font-size: 1em; }

a:focus, input:focus, button:focus, select:focus, textarea:focus { outline: 2px dashed #FF5722; }


/*2022-11-3*/
.tit1{font-weight:bold;font-size: 1.5em;}
.tit2{font-weight:bold;font-size:1.17em;}
.m-b-20{margin-bottom:20px;}
.curator .curator-con{position:relative;}
.curator .curator-con .left{display:inline-block;width:70%;float: left;position:relative;}
.curator .curator-con .right{display:inline-block;width:30%;position:relative;}
.curator .curator-con .right .img-wrapper{min-width: 375px;height: 560px;position: relative;}
.curator .curator-con .right .img-wrapper img{position: absolute;display: block;max-width: 100%;max-height: 100%;top: 0px;left: 0px;right: 0px;bottom: 0px;margin: auto;}

@media screen and (max-width:1200px) {
.curator .curator-con .left{float:none;width:100%;}
.curator .curator-con .right{width:100%;}
.curator .curator-con .right .img-wrapper img{position:relative;float:left;}
}