@charset "utf-8";
/* reset css */
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; }
th { font-weight: normal; text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
img { border: 0; }
ol, ul { list-style: none; }
a { text-decoration: none; }
input, select, textarea, button { outline: none; border-radius: 0; font-family: arial,"微軟正黑體"; }
html, body { width: 100%; font-size: 1em; font-family: arial,"微軟正黑體"; color: #3e3a39; background: #f2f1e7; }
body { position: relative; }
.header { width: 100%; background-image: url(../images/header.png); background-repeat: repeat-y; background-size: 100% auto; padding-top: 10px; box-sizing: border-box; }
.header .top_link { text-align: right; }
.header .top_link:after { content: ''; clear: both; display: block; }
.header .top_link ul.tl, .header .top_link .fy { display: inline-block; height: 34px; }
.header .top_link .fy { margin-left: 25px; }
.header .top_link ul.tl li { display: inline-block; padding: 0px 7px 0px 15px; vertical-align: top; }
.header .top_link ul.tl li a { color: #3e3a39; font-size: 1em; line-height: 34px; }
.header .top_link ul.tl li a:hover { color: #a5a4a4; }
.header .top_link .fy a { display: inline-block; text-indent: -9999px; text-align: left; margin: 0px 5px; background-image: url(../images/fc_yt.png); background-repeat: no-repeat; width: 30px; height: 30px; background-size: auto 30px; }
.header .top_link .fy a.facebook { background-position: 0px 0px; }
.header .top_link .fy a.youtube { background-position: -48px 0 }
.header .top_link .fy a.ig { background-position: -87px 0 }
.header .top_link .fy a.twitter { background-position: -125px 0 }
.header .top_link .fy a.flicker { background: url(../images/Flickr.png) center no-repeat; background-size: 30px 30px; }
.header .top_link .fy a:hover { opacity: 0.7; }
.header .top_link ul.tl li.lang span { padding: 0px 4px; }
.header .top_link ul.tl li.lang { padding-top: 4px; }
.header .top_link ul.tl li.lang div { position: relative; width: 80px; height: 24px; padding-right: 15px; overflow: hidden; box-sizing: border-box; }
.header .top_link ul.tl li.lang div:after { content: ""; position: absolute; right: 5px; top: 10px; display: block; width: 0; height: 0; border-style: solid; border-width: 6px 5px 0 5px; border-color: #3e3a39 transparent transparent transparent; }
.header .top_link ul.tl li.lang div a { display: block; text-align: right; line-height: 24px; border: 1px solid transparent; box-sizing: border-box; padding-right: 5px; }
.header .top_link ul.tl li.lang div .hide { position: absolute; right: 15px; top: 25px; width: 65px; }
.header .top_link ul.tl li.lang div:hover { overflow: visible; }
.header .top_link ul.tl li.lang div:hover a { border-color: #aeaeae; background: #FFF; color: #000; }
.header .top_link ul.tl li.lang div:hover a:hover { background: #597834; color: #FFF; }

/*無障礙*/
a.sr-only { background: red; color: #000; z-index: 9; }
.sr-only { position: absolute; padding: 0; margin: -0.063rem; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; width: 0.063rem; height: 0.063rem; }
.sr-only-focusable:active, .sr-only-focusable:focus { width: auto; height: auto; margin: 0; overflow: visible; clip: auto; color: #000; }

.logo_navigation { width: 94%; max-width: 1400px; margin: 0px auto; padding-bottom: 1px; position: relative; }
.logo_navigation:after { content: ''; display: block; width: 0px; height: 0px; clear: both; }
.logo_navigation .logo { float: left; width: 390px; padding-top: 13px; }
.logo_navigation .logo img { max-width: 100%; transition: all .3s; -webkit-transition: all .3s; }
.logo_navigation .navigation_right { float: right; padding-right: 25px; }
.logo_navigation .navigation { margin-top: 22px; margin-left: 20px; transition: all .3s; -webkit-transition: all .3s; display: inline-block; vertical-align: top; text-align: left; }
.logo_navigation ul.navigation > li { display: inline-block; position: relative; padding: 0px 40px; transition: all .3s; -webkit-transition: all .3s; }
.logo_navigation ul.navigation > li > a { color: #3e3a39; font-weight: bold; font-size: 1.5em; display: block; border-radius: 5px 5px 0px 0px; padding: 2px 5px 9px 5px; }
.logo_navigation ul.navigation > li.active > a, .logo_navigation ul.navigation > li > a:hover { color: #fff; background: #568636; }
.logo_navigation ul.navigation > li > ul { display: none; width: 100%; min-width: 110%; z-index: 32; padding: 10px 3px; position: absolute; background: #fff; top: 100%; left: 0px; }
.logo_navigation ul.navigation > li > ul > li > a { display: block; position: relative; line-height: 34px; box-sizing: border-box; padding-left: 10px; color: #3e3a39; font-size: 1.25em; white-space: nowrap; }
.logo_navigation ul.navigation > li > ul > li:hover > a, .logo_navigation ul.navigation > li > ul > li.active > a { background-color: #568636; color: #fff; }
.logo_navigation ul.navigation > li > ul > li.second_menu { position: relative; padding-right: 30px; }
.logo_navigation ul.navigation > li > ul > li.second_menu > a.after { cursor: pointer; width: 30px; height: 34px; background-image: url(../images/menu.png); background-repeat: no-repeat; background-position: left 8px bottom 11px; padding: 0px; display: block; position: absolute; right: 0px; top: 0px; box-sizing: border-box; }
.logo_navigation ul.navigation > li > ul.sub-menu > li.second_menu.active > a.after { background-position: left 8px top 11px; }
.logo_navigation ul.navigation > li > ul > li.second_menu > a { padding-right: 30px; }
.logo_navigation ul.navigation ul.thr_menu { display: none; }
.logo_navigation ul.navigation ul.thr_menu > li { padding-left: 10px; }
.logo_navigation ul.navigation ul.thr_menu > li > a { display: block; position: relative; line-height: 30px; padding-left: 10px; font-size: 1.125em; color: #3e3a39; }
.logo_navigation ul.navigation ul.thr_menu > li > a:before { content: ''; display: block; width: 5px; height: 5px; background: #3e3a39; position: absolute; top: 12px; left: 1px; }
.logo_navigation ul.navigation ul.thr_menu > li > a:hover { color: #b2340d; }
.logo_navigation ul.navigation ul.thr_menu > li > a:hover:before { background: #b2340d; }

.logo_navigation ul.navigation ul.fourth { padding-left: 10px; display: none; }
.logo_navigation ul.navigation ul.fourth li a { font-size: 1em; color: #3e3a39; line-height: 25px; display: block; }
.logo_navigation ul.navigation ul.fourth li a:hover { color: #b2340d; background: #eee; }
.logo_navigation .rig_bot:after { content: ''; display: block; clear: both; }
.logo_navigation .rig_bot { text-align: right; }
.logo_navigation .search { position: relative; margin-top: 26px; display: inline-block; vertical-align: top; text-align: left; }
.logo_navigation .search > a { display: block; width: 30px; height: 42px; background: url(../images/3.png) top center no-repeat; background-size: 100% auto; text-align: left; text-indent: -9999px; transition: all .3s; -webkit-transition: all .3s; }
.logo_navigation .search > a:hover { opacity: 0.8; }
.logo_navigation .search form { display: none; position: absolute; top: 100%; right: 1px; background: #fff; border: 1px solid #eee; padding: 15px 13px 20px 13px; width: 240px; z-index: 3; }
.logo_navigation .search form dl { display: table; width: 100%; }
.logo_navigation .search form dl dd { width: 50px; display: table-cell; vertical-align: top; }
.logo_navigation .search form dl dd button { width: 100%; border: 0px; color: #fff; background: #558636; font-size: 1.125em; text-align: center; cursor: pointer; padding: 3px 0px; }
.logo_navigation .search form dl dd button:hover { opacity: 0.8; }
.logo_navigation .search form dl dt { display: table-cell; vertical-align: top; }
.logo_navigation .search form dl dt input { width: 100%; box-sizing: border-box; font-size: 1.125em; height: 30px; box-sizing: border-box; padding-left: 10px; }
.logo_navigation .search form .t { margin-top: 10px; margin-bottom: 4px; }
.logo_navigation .search form .link a { color: #3e3a39; }
.logo_navigation .search form .link a:hover { color: #558636; }
/*universal header*/
/*.header.active{position: fixed;top:0px;left: 0px;z-index: 11;}*/
.header.active .logo_navigation .logo img { max-width: 80%; }
.header.active .navigation { font-size: 90%; margin-top: 12px; }
.header.active .logo_navigation .search { margin-top: 16px; }
.header.active .logo_navigation ul.navigation > li { padding: 0px 35px; }
.header.active .logo_navigation .search > a { width: 25px; }
body.top { padding-top: 125px; }
/* mobile */
#mobi-btn { position: fixed; top: 25px; right: 25px; display: none; width: 50px; height: 50px; box-sizing: border-box; color: #FFF; font-size: 12px; text-align: center; z-index: 1003; border-radius: 5px; }
#mobi-btn.act { top: 10px; }
#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: 29px; height: 2px; background: #7a7878; -webkit-transition: background-color 0.6s; -moz-transition: background-color 0.6s; transition: background-color 0.6s; }

#mobi-btn .threeline::before { top: -8px; }
#mobi-btn .threeline::after { top: 8px; }
#mobi-btn .threeline::before, #mobi-btn .threeline:after { content: ''; width: 100%; height: 100%; position: absolute; background-color: #7a7878; 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; }
#mobi-btn.active .threeline { /* background:url(../images/mobi_line.png); */ background-color: transparent; width: 30px; }
#mobi-btn.active .threeline::before { top: 0; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); }
#mobi-btn.active .threeline::after { top: 0; -webkit-transform: rotate(225deg); -moz-transform: rotate(225deg); -ms-transform: rotate(225deg); -o-transform: rotate(225deg); transform: rotate(225deg); }
#mobi-btn.active .threeline::before, #mobi-btn.active .threeline::after { background-color: #fcfcfc; }
/* mobile */
#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: 0px; 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.25em; color: #3f464e; line-height: 50px; position: relative; cursor: pointer; transition: all .3s; -webkit-transition: all .3s; }
#mobile .navbar-nav > li > a:after { content: " + "; display: block; position: absolute; font-size: 20px; color: #3f464e; right: 35px; top: 0; }
#mobile .navbar-nav > li > 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 { overflow: hidden; margin: 0px 20px; /*margin-bottom: 0px; */ padding: 5px 0px; border-top: 1px solid #ccc; }
#mobile .navbar-nav > li > ul.sub-menu > li:first-child { border-top: 0px; }
#mobile .navbar-nav > li > ul.sub-menu > li > a { display: block; float: left; color: #108f50; line-height: 40px; font-size: 1em; width: 130px; margin-right: 10px; margin-right: 20px; }
#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 .navbar-nav ul.fourth li { display: inline-block; vertical-align: top; min-width: 49%; }
#mobile ul.topLink { text-align: center; margin-top: 20px; }
#mobile ul.topLink li { display: inline-block; }
#mobile ul.topLink li a { display: inline-block; color: #3f464e; font-size: 15px; padding: 0 16px; line-height: 37px; transition: all .3s; -webkit-transition: all .3s; }
#mobile ul.topLink li a:hover { color: #108f50; }
#mobile .fy { text-align: center; margin: 10px 0px; }
#mobile .fy a { display: inline-block; text-indent: -9999px; text-align: left; margin: 0px 5px; background-image: url(../images/fc_yt.png); background-repeat: no-repeat; width: 34px; height: 34px; }
#mobile .fy a.facebook { background-position: 0px 0px; }
#mobile .fy a.youtube { background-position: -54px 0 }
#mobile .fy a.ig { background-position: -99px 0 }
#mobile .fy a.twitter { background-position: -141px 0 }
#mobile .fy a:hover { opacity: 0.7; }
#mobile form.search { background: #fff; padding: 15px 13px 20px 13px; width: 90%; margin: 0px auto; margin-top: 20px; }
#mobile form.search dl { position: relative; }
#mobile form.search dl dd { width: 90px; position: absolute; right: 0px; top: 0px; }
#mobile form.search dl dd button { width: 100%; border: 0px; line-height: 35px; color: #fff; background: #558636; font-size: 1.125em; text-align: center; cursor: pointer; padding: 3px 0px; box-sizing: border-box; }
#mobile form.search dl dd button:hover { opacity: 0.8; }
#mobile form.search dl dt { margin-right: 90px; }
#mobile form.search dl dt input { width: 100%; box-sizing: border-box; font-size: 1.125em; height: 41px; box-sizing: border-box; padding-left: 10px; }
#mobile form.search .t { margin-top: 10px; margin-bottom: 4px; }
#mobile form.search .link a { color: #3e3a39; }
#mobile form.search .link a:hover { color: #558636; }
/*wrap*/
.wrap { width: 1400px; margin: 0px auto; padding-top: 20px; }
.box_1 .b_left { float: left; width: 415px; padding-right: 25px; box-sizing: border-box; }
.box_1 .b_left > div { width: 100%; }
.box_1 .b_right { margin-left: 415px; }
/*.box_1 .b_right #banner{height: 515px;}*/
.box_1 .b_left .b_top ul.name { display: table; width: 100%; }
.box_1 .b_left .b_top ul.name li { display: table-cell; }
.box_1 .b_left .b_top ul.name li a { display: block; border-top: 2px solid #f2f1e8; color: #3e3a39; text-align: center; font-size: 1.125em; line-height: 33px; }
.box_1 .b_left .b_top ul.name li a:hover { color: #568636; }
.box_1 .b_left .b_top ul.name li.a { width: 30%; }
.box_1 .b_left .b_top ul.name li.b { width: 47%; }
.box_1 .b_left .b_top ul.name li.c { width: 23%; }
.box_1 .b_left .b_top ul.name li.active a { border-top: 2px solid #568636; background: #fff; }
.box_1 .b_left .b_top ul.detail { background: #fff; padding: 25px 5px 10px 5px; height: 230px; box-sizing: border-box; }
.box_1 .b_left .b_top ul.detail li { position: relative; height: 155px; display: none; padding-left: 45px; }
.box_1 .b_left .b_top ul.detail li .a { font-size: 1.5em; color: #3e3a39; margin-bottom: 20px; }
.box_1 .b_left .b_top ul.detail .a span { font-size: 1em; color: #568636; padding-left: 10px; }
.box_1 .b_left .b_top ul.detail .a.xg { font-size: 2.1875em; color: #568636; text-align: center; padding-right: 45px; }
.box_1 .b_left .b_top ul.detail .b { font-size: 1em; color: #3e3a39; line-height: 25px; }
.box_1 .b_left .b_top ul.detail a { font-size: 1em; color: #959595; position: absolute; right: 0px; width: 100%; text-align: center; bottom: -15px; }
.box_1 .b_left .b_top ul.detail a:hover { color: #b2340d; }


.box_1 .b_left .b_bottom { margin-top: 30px; }
.box_1 .b_left .b_bottom .title { color: #3e3a39; font-size: 1.5em; padding-bottom: 8px; }
.box_1 .b_left .b_bottom .calendar { background: #ffffff; width: 100%; border-top: 2px solid #568636; padding: 0px 20px; box-sizing: border-box; position: relative; }
a.xunxi_link { display: inline-block; position: absolute; bottom: 10px; right: 30px; color: #3e3a39; }
a.xunxi_link:hover { color: #568636; }
.box_1 .b_left .b_bottom .calendar .today_s { background: #eeefef; color: #e4818e; text-align: center; font-size: 1.5em; padding: 6px 0px; font-size: 1.25em; }
.box_1 .b_left .b_bottom .calendar .year-month { text-align: center; color: #000; position: relative; }
.box_1 .b_left .b_bottom .calendar .year-month > div { text-align: center; }
.box_1 .b_left .b_bottom .calendar .year-month > div > div { display: inline-block; color: #3e3a39; }
.box_1 .b_left .b_bottom .calendar .year-month > div > div.mot { font-size: 1.375em; }
.box_1 .b_left .b_bottom .calendar .year-month > div > div select { color: #3e3a39; font-size: 1em; border: none; margin-left: 20px; }
.box_1 .b_left .b_bottom .daily { font-size: 1em; width: 100%; color: #3e3a39; text-align: center; line-height: 28px; height: 200px; }
.box_1 .b_left .b_bottom .daily tr.th { /*border-bottom: 1px solid #625f5e;*/ }
.box_1 .b_left .b_bottom .daily tr.th th { line-height: 25px; font-weight: bold; color: #959595; text-align: center; }
.box_1 .b_left .b_bottom .daily td { width: 14.2%; padding: 4px 0px; }
/*.box_1 .b_left .b_bottom .daily td >span{display:block;width: 36px;height: 32px;margin: 0px auto;position: relative;}
.box_1 .b_left .b_bottom .daily td >span>a{cursor:pointer;transition:all .3s;position: relative;display: block;color: #000;border: 2px solid #ffc841;background: #ffc841;box-sizing: border-box;line-height: 28px;}
.box_1 .b_left .b_bottom .daily td >span.today >a{background: #ffc841;border:2px solid #b2340d;}
.box_1 .b_left .b_bottom .daily td >span.today{background: #ffc841; box-sizing: border-box;}
.box_1 .b_left .b_bottom .daily td >span.active{background:#b2340d;color: #fff; }
.box_1 .b_left .b_bottom .daily td span>a:hover,.box_1 .b_left .b_bottom .daily td span:hover >a{background:#b2340d;color: #fff;}
.box_1 .b_left .b_bottom .daily td >span.closepa{background:#cacaca;}*/

.box_1 .b_left .b_bottom .daily td > div { display: block; width: 28px; height: 26px; margin: 0px auto; position: relative; }
.box_1 .b_left .b_bottom .daily td > div > a { cursor: pointer; transition: all .3s; position: relative; display: block; color: #000; border: 2px solid #ffc841; background: #ffc841; box-sizing: border-box; line-height: 28px; }
.box_1 .b_left .b_bottom .daily td > div.today > a { background: #ffc841; border: 2px solid #b2340d; }
.box_1 .b_left .b_bottom .daily td > div.today { /* background: #ffc841; */ box-sizing: border-box; }
.box_1 .b_left .b_bottom .daily td > div.active { background: #b2340d; color: #fff; }
.box_1 .b_left .b_bottom .daily td div > a.act:hover { background: #b2340d; color: #fff; }
.box_1 .b_left .b_bottom .daily td > div.closepa { background: #cacaca; }

.box_1 .onlineex { margin-top: 20px; }
.box_1 .onlineex img { width: 100%; }


.cd_list { position: absolute; left: 100%; z-index: 1; display: none; top: 50%; margin-top: -298px; }
/*.cd_list.none{display: block;}*/
.cd_list > div { position: relative; }
.cd_list .left_jiao { display: block; position: absolute; top: 50%; margin-top: -65px; left: 5px; }
.cd_list .left_jiao .close { position: absolute; top: 50%; z-index: 11; width: 28px; height: 28px; display: block; left: 50%; margin-top: -12px; border-radius: 40px; border: 1px solid #3e3a39; background: url(../images/close.png) center no-repeat; cursor: pointer; background-size: 15px 15px; text-indent: -9999px; text-align: left; }
.cd_list .jiao { display: block; position: relative; height: 0px; width: 0px; border-top: 70px solid transparent; border-right: 65px solid #969695; border-bottom: 70px solid transparent; }
.cd_list .jiao:after { content: ''; position: absolute; top: -69px; left: 2px; border-top: 69px solid transparent; border-right: 64px solid #FFFFFF; border-bottom: 69px solid transparent; }
.cd_list .top { border: 1px solid #969695; background: #fff; width: 400px; padding: 0px 15px; box-sizing: border-box; padding-bottom: 10px; }
.cd_list .top .date { padding-top: 10px; text-align: right; }
.cd_list .top .date span { color: #3e3a39; font-size: 1.5em; }
.cd_list .top .date span.t { font-size: 1.875em; display: inline-block; float: left; margin-left: 30px; }
.cd_list .top .date span.year { margin-left: 30px; }
.cd_list > div { padding-left: 69px; }
.cd_list .top .list { position: relative; height: 528px; overflow: hidden; }
.cd_list .top .list a.flex-prev, .cd_list .top .list a.prev { position: absolute; top: 5px; left: 50%; margin-left: -15px; text-indent: -9999px; width: 31px; height: 31px; background: url(../images/11.png) center no-repeat; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
.cd_list .top .list a.prev, .cd_list .top .list a.next { z-index: 12; }
.cd_list .top .list a.next, .cd_list .top .list a.flex-next { position: absolute; bottom: 0px; left: 50%; width: 31px; text-indent: -9999px; height: 31px; margin-left: -15px; background: url(../images/11.png) center no-repeat; }
.cd_list .top .list a.flex-next:hover, .cd_list .top .list a.flex-prev:hover, .cd_list .top .list a:hover { opacity: 0.7; background: url(../images/11.png) center no-repeat; }
.cd_list .top .list ul li { border-top: 1px solid #969695; padding: 25px 0px; }
.cd_list .top .list ul li a { display: block; }
.cd_list .top .list ul li a:hover { background: #e5e5e5; }
.cd_list .top .list ul li dl { width: 100%; display: table; }
.cd_list .top .list ul li dl dt { display: table-cell; text-align: left; width: 55%; font-size: 1.125em; color: #000000; line-height: 25px; padding: 10px; box-sizing: border-box; }
.cd_list .top .list ul li dl dt > div { height: 125px; overflow: hidden; }
.cd_list .top .list ul li dl dt > div span { display: block; }
.cd_list .top .list ul li dl dt > div span.t { font-weight: bold; margin-bottom: 5px; }
.cd_list .top .list ul li dl dd { vertical-align: middle; display: table-cell; width: 45%; }
.cd_list .top .list ul li dl dd img { max-width: 100%; display: block; max-height: 115px; margin: 0px auto; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; }
.flex-viewport { height: 528px; }
.flex-control-nav { display: none; }
/*.box_1 .b_left .b_bottom .daily tr td:last-child,.banner .date .daily tr td:first-child{color:#afadad;}*/
.box_1 .b_left .b_bottom .calendar .year-month { padding: 8px 0px; }
.box_1 .b_left .b_bottom .calendar .year-month a.prev, .box_1 .b_left .b_bottom .calendar .year-month a.next { position: absolute; top: 50%; opacity: 0.8; cursor: pointer; display: block; width: 15px; height: 21px; margin-top: -12px; text-indent: -9999px; transition: all .3s; }
.box_1 .b_left .b_bottom ul.moreyear { position: absolute; top: 100%; left: 0px; border: 1px solid #eee; }
.box_1 .b_left .b_bottom .calendar .year-month > div > div { position: relative; display: block; float: left; }
.box_1 .b_left .b_bottom .calendar .year-month > div > div > span { display: table; line-height: 30px; padding: 0px 5px; }
.box_1 .b_left .b_bottom .calendar .year-month ul { width: 100%; background: #fff; z-index: 11; color: #454141; border: 1px solid #a9a9a9; }
.box_1 .b_left .b_bottom .calendar .year-month .mot { margin-right: 15px; }
.box_1 .b_left .b_bottom .calendar .year-month ul li { line-height: 25px; font-size: 1em; }
.box_1 .b_left .b_bottom .calendar .year-month ul li a { color: #575656; }
.year-month ul li a:hover { color: #587834; }
.box_1 .b_left .b_bottom .calendar .year-month > div { /* text-align: center; */ display: table; margin: 0px auto; }
.box_1 .b_left .b_bottom .calendar .year-month > div:after { content: ''; clear: both; }
.box_1 .b_left .b_bottom .calendar span.iyear { display: table; line-height: 20px; padding: 6px 5px 4px 5px; cursor: pointer; }

.box_1 .b_left .b_bottom .calendar .year-month a.prev { left: 17px; background: url(../images/7.png) center no-repeat; }
.box_1 .b_left .b_bottom .calendar .year-month a.next { right: 17px; background: url(../images/8.png) center no-repeat; }
.box_1 .b_left .b_bottom .calendar .year-month a:hover { opacity: 1; }
.box_1 .b_right #banner .owl-buttons { display: none; }
.box_1 .b_rig_mobile { display: none; margin-bottom: 30px; }
.wrap .owl-buttons a { cursor: pointer; position: absolute; text-indent: -99999px; display: block; top: 50%; margin-top: -16px; width: 33px; height: 33px; background-image: url(../images/banner_arrow.png); background-repeat: no-repeat; }
.wrap .owl-buttons a.owl-prev { background-position: left 0px center; left: 40px; }
.wrap .owl-buttons a.owl-next { background-position: right 0px center; right: 40px; }
.wrap .owl-buttons a:hover { opacity: 0.7; }
.box_1 .banner_all .owl-pagination { text-align: center; position: absolute; width: 100%; bottom: 20px; left: 0px; }
.box_1 .banner_all .owl-pagination .owl-page { display: inline-block; padding: 0px 7px; }
.box_1 .banner_all .owl-pagination .owl-page span { display: block; border-radius: 100%; width: 14px; height: 14px; border: 1px solid #fff; background: #595757; box-sizing: border-box; }
.box_1 .banner_all .owl-pagination .owl-page.active span { background: #568636; }
.box_1 .banner_all .owl-pagination .owl-page span:hover { opacity: 0.7; }
.box_1 .banner_all li a { display: block; width: 100%; height: 650px; position: relative; }
.box_1 .banner_all li img { max-width: 100%; position: absolute; display: block; top: 0px; left: 0px; right: 0px; bottom: 0px; margin: auto; }
.box_2 { margin-top: 39px; overflow: hidden; }
.box_2 .title { color: #3e3a39; font-size: 1.5em; margin-bottom: 5px; }
.box_2 .title a { color: #3e3a39; }
.box_2 .kuaij { float: left; width: 415px; padding-right: 25px; box-sizing: border-box; }
.box_2 .kuaij ul { overflow: hidden; }
.box_2 .kuaij ul li { float: left; width: 33.333%; }
.box_2 .kuaij ul li a { color: #3e3a39; display: table; padding-left: 3px; padding-right: 3px; margin: 0px auto; text-align: center; font-size: 1.1875em; border: 2px solid #f2f1e8; border-radius: 10px; padding-top: 4px; }
.box_2 .kuaij ul li a:before { content: ''; display: block; width: 55px; margin: 0px auto; height: 55px; background-image: url(../images/5.png); background-repeat: no-repeat; }
.box_2 .kuaij ul li a:hover:before { background-image: url(../images/6.png); }
.box_2 .kuaij ul li a:hover { border-color: #b2340d; }
.box_2 .kuaij ul li.dl a:before { background-position: 3px 0px; }
.box_2 .kuaij ul li.hd a:before { background-position: -95px 0px; }
.box_2 .kuaij ul li.cd a:before { background-position: -193px 0px; }
.box_2 .kuaij ul li.tx a:before { background-position: 3px -105px; }
.box_2 .kuaij ul li.zg a:before { background-position: -95px -105px; }
.box_2 .kuaij ul li.cj a:before { background-position: -193px -105px; }
.box_2 .kuaij ul li.fw a:before { background-position: 3px -210px; }
.box_2 .kuaij ul li.ts a:before { background-position: -95px -210px; }
.box_2 .kuaij ul li.dc a:before { background-position: -193px -210px; }
.box_2 .kuaij ul li.tx, .box_2 .kuaij ul li.zg, .box_2 .kuaij ul li.cj { margin-top: 30px; margin-bottom: 30px; }
.box_2_right { margin-left: 415px; overflow: hidden; }
.box_2 .news { width: 60%; padding: 0px 30px 0px 0px; box-sizing: border-box; float: left; }
.box_2 .news .t { overflow: hidden; }
.box_2 .news .title { float: left; padding-bottom: 3px; margin-bottom: 0px; }
.box_2 .news ul.name { float: right; }
.box_2 .news ul.name li { display: inline-block; }
.box_2 .news ul.name li a { display: block; border-top: 2px solid #f2f1e8; padding: 0px 10px; color: #3e3a39; font-size: 1.125em; line-height: 33px; }
.box_2 .news ul.name li a:hover { color: #568636; }
.box_2 .news ul.name li.active a { border-top: 2px solid #568636; background: #fff; }
.box_2 .news .newscate { display: none; }
.box_2 .news ul.detail, .box_2 .news .newsall { background: #fff; box-sizing: border-box; height: 312px; }
.box_2 .news ul.detail > li { display: none; }
.box_2 .news ul.detail > li ul li, .box_2 .news .newsall ul li { border-bottom: 1px solid #b5b5b5; padding: 11px 10px 6px 20px; line-height: 36px; box-sizing: border-box; }
.box_2 .news ul.detail > li ul li:last-child, .box_2 .news .newsall ul li:last-child { border-bottom: 0px; }
.box_2 .news ul.detail > li ul li span, .box_2 .news .newsall ul li span { color: #888888; font-size: 1em; display: block; float: left; }
.box_2 .news ul.detail > li ul li a.tit, .box_2 .news .newsall ul li a.tit { color: #3e3a39; display: block; margin-left: 97px; font-size: 1em; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.box_2 .news ul.detail > li ul li a.tit:hover, .box_2 .news .newsall ul li a.tit:hover { color: #b2340d; }
.box_2 .news ul.detail > li a.more, .box_2 .news .newsall a.more { display: block; background: url(../images/more.png) top 6px center no-repeat; height: 43px; width: 100%; text-align: left; text-indent: -999px; }
.box_2 .news ul.detail > li a.more:hover, .box_2 .news .newsall a.more:hover { opacity: 0.7; }
.box_2 .goole { width: 40%; float: right; }
/*.box_2 .goole img{max-width: 100%;display: block;width: 100%;}*/
.box_2 .goole ul#goole { background: #fff; height: 310px; }
.box_2 .goole ul#goole li:hover { opacity: 0.7; }
.box_2 .goole ul#goole li a { height: 260px; border-bottom: 1px solid rgba(238, 238, 238, 0.85); display: block; position: relative; }
.box_2 .goole ul#goole li img { position: absolute; display: block; top: 0px; left: 0px; right: 0px; bottom: 0px; margin: auto; max-width: 100%; max-height: 100%; }
.box_2 .goole ul#goole li span { display: block; text-align: center; color: #3e3a39; font-weight: bold; font-size: 1.125em; line-height: 50px; }

.box_2 .goole ul#goole .owl-pagination { text-align: center; position: absolute; width: 100%; bottom: 64px; left: 0px; }
.box_2 .goole ul#goole .owl-pagination .owl-page { display: inline-block; padding: 0px 6px; }
.box_2 .goole ul#goole .owl-pagination .owl-page span { display: block; border-radius: 100%; width: 16px; height: 16px; border: 2px solid #fff; background: #595757; box-sizing: border-box; }
.box_2 .goole ul#goole .owl-pagination .owl-page.active span { background: #568636; }
.box_2 .goole ul#goole .owl-pagination .owl-page span:hover { opacity: 0.7; }

.email { margin-top: 50px; }
.email img { display: block; width: 100%; max-width: 100%; }
.banner img { display: block; width: 100%; max-width: 100%; }
/* 內頁*/
/*cont_wrap*/
.cont_bg { background: url(../images/cont_bg.png) top #f7f7f7 repeat-x; padding-bottom: 30px; }
.cont_wrap { width: 1400px; margin: 0px auto; box-sizing: border-box; padding-left: 30px; padding-right: 50px; color: #231815; }
.cont_wrap .path { color: #231815; font-size: 1em; padding: 25px 0px; }
.cont_wrap .path a { color: #231815; }
.cont_wrap .path a:hover { color: #f00; }
.cont_wrap .path span { padding: 0px 5px; }
.content { overflow: hidden; min-height: 500px; }
.content .leftmenu-one { width: 245px; float: left; }
.content .right-d { margin-left: 290px; }
.content .left-m { border-bottom: 1px solid rgba(171, 170, 170, 0.4); }
.content .left-m:last-child { border-bottom: 0px; }
.content .left-m ul.left-menu { display: none; }
.content .left-m > span { display: block; position: relative; color: #fff; background: #568636; font-size: 1.625em; text-align: center; }
.content .left-m > span > a { color: #fff; padding-top: 10px; padding-bottom: 13px; display: block; }
.content .left-mul.active > span:after { content: ''; display: block; background: url(../images/1.png) center no-repeat; width: 20px; height: 10px; position: absolute; bottom: 0px; left: 50%; margin-left: -10px; }
.content .left-m > ul { background: #eeeeef; font-size: 1.25em; }
.content .left-m > ul > li { position: relative; }
.content .left-m > ul > li > a { display: block; text-align: center; line-height: 42px; border-bottom: 2px dotted #cdcdce; color: #3e3a39; }
.content .left-m > ul > li.a > a { padding-right: 35px; }
/*
.content .left-m >ul >li.second_menu> a:after{content: '';position: absolute;top:18px;right: 20px; display: block;width: 13px;height: 8px;background: url(../images/2.png) center no-repeat;}
.content .left-m >ul >li.second_menu.active> a:after{
  -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}*/

.content .left-m > ul > li.second_menu a.after { position: absolute; top: 0px; right: 0px; cursor: pointer; width: 40px; height: 42px; background-color: #eeeeef; background-image: url(../images/2.png); background-repeat: no-repeat; background-position: center; border-bottom: 0px; padding: 0px; display: block; position: absolute; right: 0px; top: 0px; box-sizing: border-box; }
.content .left-m > ul > li.second_menu.active > a.after, .content .left-m > ul > li.second_menu > ul > li.active a.after { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }

.content .left-m > ul > li.second_menu > ul { display: none; font-size: 0.85em; background: #dbdcdc; }
.content .left-m > ul > li a { color: #3e3a39; text-align: center; line-height: 42px; display: block; }
.content .left-m > ul > li.second_menu > ul > li { position: relative; }
.content .left-m > ul > li.second_menu > ul > li a.after { background-color: #dbdcdc; top: 1px; right: 1px; opacity: 0.6; }
.content .left-m > ul > li.second_menu > ul > li > a { background: #dbdcdc; height: 44px; box-sizing: border-box; border-bottom: 1px solid #eee; }
.content .left-m > ul > li.second_menu > ul > li > a:hover { border: 1px solid #568636; }
.content .left-m > ul > li.second_menu > ul > li a.after:hover { border: 0px solid #568636; }
.content .left-m ul.second_m { background: #eee; font-size: 0.95em; border-bottom: 1px solid #e1e1e1; display: none; }
.content .left-m ul.second_m li a { color: #7b7c7a; }
.content .left-m ul.second_m li a:hover { color: #96383d; background: #eee; }
.content .left-m > ul > li a:hover { color: #96383d; }
.content .right-d > .title { color: #568636; font-size: 2.5em; border-bottom: 1px solid #6c6a69; line-height: 45px; padding-bottom: 10px; }
.content .right-d > .title.article-t { font-size: 1.8em; }
.content .right-d > ul.chupin_type { border-bottom: 2px solid #b24216; padding-top: 10px; }
.content .right-d > ul.chupin_type li { display: inline-block; font-size: 1.625em; color: #000; line-height: 30px; }
.content .right-d > ul.chupin_type li a { color: #000; height: 37px; display: inline-block; box-sizing: border-box; }
.content .right-d > ul.chupin_type li span { display: inline-block; }
.content .right-d > ul.chupin_type li a:hover { color: #b24216; border-bottom: 2px solid #b24216; }
.content .right-d > .chupin { padding: 30px 30px 0px 30px; }
.content .right-d > .chupin ul { overflow: hidden; }
.content .right-d > .chupin ul li { float: left; width: 33.333%; padding: 0px 20px; box-sizing: border-box; margin-bottom: 25px; }
.content .right-d > .chupin ul li > div { width: 100%; background: #f7f7f7; }
.content .right-d > .chupin ul li:nth-child(2n) > div > div { background: #fcf8e8; }
.content .right-d > .chupin ul li a.img { display: block; position: relative; padding-top: 130%; }
.content .right-d > .chupin ul li a.img img { max-width: 100%; max-height: 100%; position: absolute; display: block; top: 0px; left: 0px; right: 0px; bottom: 0px; margin: auto; }
.content .right-d > .chupin ul li a.img:hover { opacity: 0.8; }
.content .right-d > .chupin ul li div.img { display: block; position: relative; padding-top: 130%; }
.content .right-d > .chupin ul li div.img img { max-width: 100%; max-height: 100%; position: absolute; display: block; top: 0px; left: 0px; right: 0px; bottom: 0px; margin: auto; }
.content .right-d > .chupin ul li div.img:hover { opacity: 0.8; }
.content .right-d > .chupin ul li .detail { padding: 10px 15px; box-sizing: border-box;min-height: 80px;}
.content .right-d > .chupin ul li .detail a.title { color: #000000; font-size: 1.625em; font-weight: bold; display: block; line-height: 30px; height: 90px; overflow: hidden; }
.content .right-d > .chupin ul li .detail a.title:hover { opacity: 0.7; }
.content .right-d > .chupin ul li .detail > div { font-size: 1.25em; color: #3e3a39; }
.content .right-d > .chupin ul li .detail > div span { color: #597834; font-weight: bold; font-size: 0.9em; }
.content .right-d > .chupin ul li .detail > div.author { height: 60px; }

.content .right-d > .member ul li > div { position: relative; overflow: hidden; }
.content .right-d > .member ul li > div .img { display: block; box-shadow: 0 1px 2px #999; background-color: #fff; position: relative; padding-top: 100%; }
.content .right-d > .member ul li > div .img img { max-width: 100%; max-height: 100%; position: absolute; display: block; top: 0px; left: 0px; right: 0px; bottom: 0px; margin: auto; }
.content .right-d > .member ul li > div .detail { transition: bottom 350ms; position: absolute; width: 100%; bottom: -100%; left: 0px; background-color: rgba(0, 0, 0, 0.611); }
.content .right-d > .member ul li:nth-child(2n) > div > div.detail { background-color: rgba(0, 0, 0, 0.611); }
.content .right-d > .member ul li > div .detail > .title { color: #fff; font-weight: bold; text-align: center; }
.content .right-d > .member ul li > div .detail .con { text-align: center; font-size: 1.1em; margin-bottom: 5px; margin-top: 5px; }
.content .right-d > .member ul li > div .detail .con span { display: block; color: #fff; font-weight: normal; }
.content .right-d > .member ul li > div .detail .filename a { height: auto; color: #63b82d; font-size: 1em; text-decoration: underline; text-align: center; }
.content .right-d > .member ul li > div .detail > .title a { padding-left: 10px; }
.content .right-d > .member ul li > div .detail > .title a img { width: 18px; }
.content .right-d > .member ul li > div .detail > .title a:hover { opacity: 0.7; }
/*.content .right-d>.member ul li>div .detail .filename a:hover {    }*/
.content .right-d > .member ul li > div:hover .detail { bottom: 0px; }
/**/
.content .right-d .activities { padding-top: 26px; }
.content .right-d .activities > div > dl { display: table; margin-bottom: 26px; width: 100%; border: 1px solid #dddddd4f; box-sizing: border-box; padding: 2px 0px; }
.content .right-d .activities > div > dl:nth-child(2n) { background: #fcf8e8; }
.content .right-d .activities > div > dl dt, .content .right-d .activities > div > dl dd { display: table-cell; }
.content .right-d .activities > div > dl dt { width: 42.6%; vertical-align: top; position: relative; /* padding-top: 100%; */ box-sizing: border-box; }
.content .right-d .activities > div > dl dd { width: 57.4%; padding-left: 30px; box-sizing: border-box; padding-bottom: 10px; vertical-align: top; }
.content .right-d .activities > div > dl dt a { display: block; }
.content .right-d .activities > div > dl dt img { max-width: 100%; max-height: 100%; /*max-width:420px;*/ /* position: absolute;
    display: block;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    margin: auto;*/ position: absolute; top: 0px; left: 0px; right: 0px; margin: auto; bottom: 0px; display: block; }
.content .right-d .activities > div > dl dd .tip { font-weight: bold; color: #666666; font-size: 1.125em; line-height: 20px; display: block; border-left: 3px solid #666; padding-left: 3px; margin-bottom: 15px; }
.content .right-d .activities > div > dl dd .tip.a { color: #5a7a38; border-left-color: #5a7a38; }
.content .right-d .activities > div > dl dd .tip.b { color: #96383d; border-left-color: #96383d; }
.content .right-d .activities > div > dl dd .tip.c { color: #d37d16; border-left-color: #d37d16; }
.content .right-d .activities > div > dl dd .top_a { margin-bottom: 20px; }
.content .right-d .activities > div > dl dd .top_a .title { padding-right: 30px; color: #000000; font-weight: bold; font-size: 1.5em; display: block; line-height: 30px; margin-bottom: 20px; }
.content .right-d .activities > div > dl dd .top_a .title:hover { color: #b24216; }
.content .right-d .activities > div > dl dd .top_a span { letter-spacing: 1px; display: block; display: inline-block; color: #568636; font-size: 1.25em; line-height: 30px; }
.content .right-d .activities > div > dl dd .distrub { letter-spacing: 1px; color: #000000; font-size: 1.125em; padding-right: 80px; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 6; line-height: 24px; -webkit-box-orient: vertical; height: 145px; }

form.active { /*background: #fcf8e8;*/ padding: 10px 0px; width: 100%; margin-top: 30px; }
/*form.active:after{ content: "";
    display: block;
    height: 0;width: 0px;
    clear: both;}*/
form.active dl { width: 35%; display: inline-block; margin-bottom: 20px;margin-right: 3rem; }
form.active dl.zf_dl { width: 45%; }
form.active dl.type_new { width: 100%; }
form.active dl.type_new ul#type_ul { overflow: hidden; padding-top: 4px; }
form.active dl.type_new ul#type_ul li { display: inline-block; margin-right: 2px; font-size: 1.125em; margin-bottom: 5px; width: 170px; }
form.active dl dt { color: #000000; font-size: 1.25em; /*text-align: right;*/ display: block; width: 90px; float: left; line-height: 35px; }
form.active dl dd { display: flex; /*margin-left: 150px;*/ }
form.active dl dd > span { position: relative; display: block; width: 100%; display: inline-block; }
form.active dl.type_new ul#type_ul input { width: 16px; height: 16px; vertical-align: middle; display: inline-block; }
form.active dl.type_new ul#type_ul label { display: inline-block; vertical-align: middle; }


form.active dl.exdate { width: auto; display: inline-block;margin-right: 4rem; }
form.active dl.exdate span { display: contents; width: auto; }
form.active dl.exdate span label{line-height: 2;padding: 0 10px;}
/* form.active dl.exdate input { width: 130px; } */
form.active .select { display: inline-block; }
form.active .select dl { width: auto; }
form.active .select dl select { width: 285px; }

form.active dl dd > input.key, form.active dl dd > span > input, form.active dl dd > span > select { font-size: 1.125em; }
form.active dl dd > input.key, form.active dl dd > span > input, form.active dl dd > span > select, form.active dl dd a.type_a { font-weight: normal; width: 100%; border: 1px solid #acaba6; color: #000000; box-sizing: border-box; padding-left: 10px; height: 35px; }
form.active dl dd a.type_a > span { font-size: 1.175em; line-height: 35px; }
form.active dl dd a.type_a { background: #fff; display: block; width: 100%; position: relative; }
form.active dl dd .type_div { display: none; position: absolute; top: 100%; min-width: 240px; right: -1px; box-sizing: border-box; z-index: 11; background: #fff; border: 1px solid #acaba6; min-width: 100%; }
/*form.active dl dd>span:after,*/
/*form.active dl dd a.type_a:after{content: '';position: absolute;top:13px;right: 20px; display: block;width: 13px;height: 8px;background: url(../images/2.png) center no-repeat;}*/
/*form.active dl dd >span>select{appearance:none;   
      -moz-appearance:none;   
      -webkit-appearance:none; }*/
form.active dl dd .type_div ul { padding: 10px 15px; box-sizing: border-box; overflow: hidden; }
form.active dl dd .type_div ul li { width: 50%; padding-right: 20px; box-sizing: border-box; float: left; }
form.active dl dd .type_div ul li span { font-size: 1.1em; display: block; margin-left: 20px; }
form.active dl dd .type_div ul li input { display: block; float: left; margin: 5px 0px; }
form.active .search_btn { display: inline-block;/* padding-left: 150px;*/ }
form.active .search_btn button { border: 1px solid #acaba6; cursor: pointer; background: #f2d453; color: #000000; font-size: 1.25em; line-height: 30px; width: 77px; text-align: center; }
form.active .search_btn button:hover { background: #f1c400; color: #fff; }

form.active .search_btn.zf_btn { padding-left: 30px; }

form.active dl dd.type { position: relative; }
.plain form.active dl { margin-bottom: 0px; }
form.active dl dd .type_div ul#type_ul li { width: 100%; }
form.active dl:nth-child(2) span:after { display: none; }
.plain form.active dl dd span:after { display: none; }
form.dynamic { background: #fcf8e8; padding: 10px 0px; width: 100%; margin-top: 30px; height: 40px; }
form.dynamic dl { width: 35%; float: left; margin-bottom: 10px; }
form.dynamic dl dt { color: #000000; font-size: 1.25em; text-align: right; display: block; width: 130px; float: left; line-height: 35px; }
form.dynamic dl dd { display: block; margin-left: 150px; }
form.dynamic dl dd a.type_a > span { font-size: 1.125em; line-height: 37px; }
form.dynamic dl dd a.type_a { background: #fff; display: block; width: 100%; position: relative; }
form.dynamic dl dd .type_div { display: none; position: absolute; top: 100%; min-width: 240px; right: -1px; background: #fff; border: 1px solid #acaba6; min-width: 100%; }
form.dynamic dl dd > span { display: block; width: 100%; }
form.dynamic dl dd > span > input { font-size: 1.375em; }
form.dynamic dl dd > span > input, form.dynamic dl dd a.type_a { font-weight: normal; width: 100%; border: 1px solid #acaba6; color: #000000; box-sizing: border-box; padding-left: 20px; height: 35px; }
form.dynamic dl dd a.type_a:after { content: ''; position: absolute; top: 13px; right: 20px; display: block; width: 13px; height: 8px; background: url(../images/2.png) center no-repeat; }
form.dynamic dl dd .type_div ul { padding: 10px 15px; box-sizing: border-box; overflow: hidden; }
form.dynamic dl dd .type_div ul li { width: 50%; padding-right: 20px; box-sizing: border-box; float: left; }
form.dynamic dl dd .type_div ul li span { font-size: 1.1em; display: block; margin-left: 20px; }
form.dynamic dl dd .type_div ul li input { display: block; float: left; margin: 5px 0px; }
form.dynamic .search_btn { float: left; padding-left: 20px; }
form.dynamic .search_btn button { border: 1px solid #acaba6; cursor: pointer; background: #f2d453; color: #000000; font-size: 1.25em; line-height: 30px; width: 77px; text-align: center; }
form.dynamic .search_btn button:hover { background: #f1c400; color: #fff; }
form.dynamic:after { content: ''; display: block; clear: both; }
form.dynamic dl.type_new { width: 100%; }
form.dynamic dl.type_new ul#type_ul { overflow: hidden; padding-top: 4px; }
form.dynamic dl.type_new ul#type_ul li { float: left; margin-right: 20px; font-size: 1.125em; }
/*dynamic_list*/
.dynamic_list { margin-top: 25px; }
.dynamic_list > .tit { background: #568636; color: #fff; text-align: center; font-size: 1.5em; font-weight: bold; line-height: 35px; padding: 15px 0px; }
.dynamic_list > ul { border-bottom: 2px solid #94b078; margin-bottom: 20px; }
.dynamic_list > ul li { padding: 15px 20px 20px 20px; border-bottom: 1px solid #f0ead2; }
.dynamic_list > ul li span { color: #568636; font-weight: bold; font-size: 1.125em; border-left: 3px solid #568636; display: block; line-height: 20px; padding-left: 2px; }
.dynamic_list > ul li a { display: block; color: #000000; font-size: 1.375em; margin-top: 15px; }
.dynamic_list > ul li a:hover { color: #be0101; }
.dynamic_list > ul li:nth-child(2n) { background: #fcf8e8; }
/*infomation_list*/
.infomation_list dl.th { display: table; width: 100%; margin-top: 40px; }
.infomation_list dl.th dt, .infomation_list dl.th dd { display: table-cell; line-height: 50px; background: #568636; border-radius: 5px; box-sizing: border-box; text-align: center; color: #ffffff; font-size: 1.5em; font-weight: bold; }
.infomation_list dl.th dt { width: 20%; border-right: 1px solid #fff; }
.infomation_list dl.th dd { /*width: 80%;*/ border-right: 1px solid #fff; }
.infomation_list div.list { border-bottom: 2px solid #94b078; margin-bottom: 20px; }
.infomation_list div.list dl { display: table; width: 100%; }
.infomation_list div.list dl dt, .infomation_list div.list dd { display: table-cell; }
.infomation_list div.list dl dt { width: 20%; color: #888888; font-size: 1.25em; text-align: center; }
.infomation_list div.list dl dd { /*width: 80%;*/ line-height: 30px; padding: 10px 0px; box-sizing: border-box; }
.infomation_list div.list dl dd a { color: #000000; font-size: 1.375em; padding-left: 20px; display: block; }
.infomation_list div.list dl dd a:hover { color: #b24216; }
.infomation_list div.list dl:nth-child(2n) { background: #fcf8e8; }
.infomation_list_phone{display: none;}
.infomation_list_phone .d-flex{display: flex; justify-content: space-between; padding: 0 20px; margin-bottom: 1rem;}
.infomation_list_phone span{color: #888;font-size: 1.25em;}
/*question*/
.dynamic_list.ques { margin-top: 0px; }
.question { border-bottom: 1px solid #568636; }
.question dl dt a { display: block; padding: 15px 10px 15px 10px; font-size: 1.375em; color: #000000; }
.question dl dt a:before { content: ''; display: block; width: 27px; float: left; margin: 2px 10px 0px 10px; height: 27px; background-image: url(../images/12.png); background-repeat: no-repeat; background-position: left 0px; }
.question dl dt a:hover { color: #b24216; }
.question dl.active dt a { background-color: #568636; color: #fff; }
/*.question dl dt a:hover:before,*/
.question dl.active dt a:before { background-position: right 0px; }
.question dl dd { display: none; color: #000000; font-size: 1.375em; padding: 15px 10px 15px 57px; }
.question dl dd a { background: #fbe68f; color: #000000; }
.question dl dd.link span { padding-right: 20px; background: url(../images/13.png) right 3px center no-repeat; }
.question dl:nth-child(2n) { background: #fcf8e8; }
.content .right-d > ul.site_type { border-bottom: 2px solid #b24216; padding-top: 10px; }
.content .right-d > ul.site_type li { display: inline-block; font-size: 1.425em; color: #000; line-height: 30px; }
.content .right-d > ul.site_type li a { color: #000; height: 37px; display: inline-block; box-sizing: border-box; }
.content .right-d > ul.site_type li span { display: inline-block; }
.content .right-d > ul.site_type li:last-child span { display: none; }
.content .right-d > ul.site_type li a:hover, .content .right-d > ul.site_type li a.active { color: #b24216; border-bottom: 2px solid #b24216; }
.rig_re { overflow: hidden; margin-bottom: 30px; }
.rig_re .rig_date { float: left; padding-left: 35px; line-height: 40px; font-size: 1.25em; padding: 10px 0px 10px 35px; letter-spacing: 1px; }
.rig_resize { float: right; overflow: hidden; padding: 10px 0px; }
.rig_resize .share { float: left; }
.rig_resize .resize { float: left; margin-right: 30px; }
.rig_resize .resize a { display: -webkit-inline-box; display: inline-block; text-align: left; text-indent: -9999px; width: 40px; height: 40px; margin-left: 7px; cursor: pointer; background-image: url(../images/14.png); background-repeat: no-repeat; }
.rig_resize .resize a.large { background-position: -104px 0px; }
.rig_resize .resize a.normal { background-position: -52px 0px; }
.rig_resize .resize a.small { background-position: 0px 0px; }
.rig_resize .resize a.large.active { background-position: -104px -43px; }
.rig_resize .resize a.normal.active { background-position: -52px -43px; }
.rig_resize .resize a.small.active { background-position: 0px -43px; }
.rig_resize .resize a:hover { opacity: 0.7; }
.rig_resize .share a { display: -webkit-inline-box; display: inline-block; text-align: left; text-indent: -9999px; width: 40px; height: 40px; transition: all .3s; -webkit-transition: all .3s; margin-left: 7px; cursor: pointer; background-image: url(../images/15.png); background-repeat: no-repeat; }
.rig_resize .share a.facebook { background-position: 0px 0px; }
.rig_resize .share a.tiwwter { background-position: -52px 0px; }
.rig_resize .share a.goole { background-position: -104px 0px; }
.rig_resize .share a.print { background-position: -184px 0px; /*margin-left: 30px;*/ }
.rig_resize .share a:hover { opacity: 0.7; }
.site_detail { padding-left: 35px; color: #000; letter-spacing: 1px; margin-bottom: 30px; line-height: 35px; }
.site_detail .set_size { font-size: 1.25em; }
.site_detail .tit { font-weight: bold; font-size: 1.11em; }
.site_detail ul.list li span { color: #568636; font-weight: bold; }
.site_detail ul.list li:before { content: ''; margin: 10px 5px; display: block; float: left; width: 10px; height: 10px; border-radius: 10px; background-color: #568636; }
.site_detail dl { overflow: hidden; }
.site_detail dl dt { float: left; margin-right: 20px; }
.site_detail dl dt img { max-width: 100%; }
.site_detail dl dd { float: left; }
hr { color: #615e5d; }

.about_img, .file_down, .site { padding-left: 35px; }
.about_img { margin-top: 30px; }
.about_img ul { margin: 15px 0px 20px 0px; overflow: hidden; }
.about_img ul li { width: 32%; float: left; margin-bottom: 20px; }
.about_img ul li:nth-child(3n-1) { margin: 0px 2% 20px 2%; }
.about_img ul li a.fancybox { display: block; position: relative; border: 1px solid #e2e2e2; box-sizing: border-box; }
.about_img ul li a.fancybox:after { content: ''; display: block; padding-top: 70%; }
.about_img ul li a.fancybox img { display: block; height: auto; transition: all .3s; position: absolute; top: 0; bottom: 0; right: 0; left: 0; max-width: 100%; max-height: 100%; margin: auto; }
.about_img ul li a:hover { opacity: 0.6; }
.about_img ul li span { display: block; text-align: center; height: 120px; overflow: hidden; margin: 10px 0px; color: #231815; font-size: 1.1em; }

.about_img .tit, .file_down .tit { color: #568636; margin-bottom: 20px; font-size: 1.25em; font-weight: bold; height: 25px; border-left: 2px solid #568636; padding-left: 4px; }
.file_down ul li { overflow: hidden; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dotted #e9e8e8; padding-left: 25px; }
.file_down ul li span { display: block; float: left; margin-right: 15px; color: #000; font-size: 1.125em; line-height: 41px; }
.file_down ul li a { display: block; float: left; margin-left: 13px; text-align: left; text-indent: -9999px; width: 35px; height: 41px; background-image: url(../images/geshi.png); background-repeat: no-repeat; }
.file_down ul li a.doc { background-position: 0px 0px; }
.file_down ul li a.ppt { background-position: -47px 0px; }
.file_down ul li a.xls { background-position: -92px 0px; }
.file_down ul li a.pdf { background-position: -138px 0px; }
.file_down ul li a.odt { background-position: -185px 0px; }
.file_down ul li a.zip { background-position: -231px 0px; }
.file_down ul li a.img { background-position: -277px 0px; }
.file_down ul li a:hover { opacity: 0.7; }
.back_page { text-align: center; padding-left: 35px; }
.back_page a { border: 1px solid #b2b2b2; text-align: center; padding: 5px 20px; font-weight: bold; display: inline-block; color: #3e3a39; font-size: 1.25em; }
.back_page a:hover { background-color: #eee; }
/*mailbox*/
.mailbox { padding-left: 35px; }
.mailbox > ul { padding-top: 30px; padding-bottom: 15px; }
.mailbox > ul:first-child { padding-bottom: 0px; }
.mailbox > ul:nth-child(2) { padding-top: 0px; }
.mailbox > ul li { font-size: 1.125em; color: #000; letter-spacing: 1px; line-height: 30px; }
.mailbox > ul li:before { content: ''; margin: 10px 5px; display: block; float: left; width: 10px; height: 10px; border-radius: 10px; background-color: #568636; }
.mailbox > ul li span { display: block; margin-left: 20px; }
.mailbox > ul li span a { color: #000; font-weight: bold; }
.mailbox > ul li span a:hover { color: #b24216; }
.mailbox form { padding-top: 40px; }
.mailbox form > div > dl { margin-bottom: 20px; }
.mailbox form > div > dl dt { color: #000000; font-size: 1.375em; float: left; width: 120px; line-height: 40px; }
.mailbox form > div > dl dt span { color: #b24216; }
.mailbox form > div > dl dd { margin-left: 120px; }
.mailbox form > div > dl dd input { border: 1px solid #bcbcbc; height: 40px; width: 340px; box-sizing: border-box; padding-left: 10px; font-size: 1.125em; }
.mailbox form > div > dl dd textarea { width: 80%; min-height: 170px; padding: 10px; box-sizing: border-box; font-size: 1.125em; }
.mailbox form > div > dl.yz dd { overflow: hidden; }
.mailbox form > div > dl.yz dd input { width: 160px; float: left; }
.mailbox form > div > dl.yz dd span.img { display: block; height: 40px; box-sizing: border-box; float: left; margin-left: 10px; border: 1px solid #ddd; box-sizing: border-box; text-align: center; }
.mailbox form > div > dl.yz dd img { margin-right: 0px; height: 38px; }
.mailbox form > div > dl.yz dd a { display: block; float: left; border: 1px solid #ddd; font-size: 1.25em; background: #eee; margin-left: 10px; padding: 0px 10px; color: #666; line-height: 38px; }
.mailbox form > div > dl.yz dd a:hover { color: #b24216 }
.mailbox form > div > dl button { cursor: pointer; border: 1px solid #b2b2b2; padding: 3px 10px; font-size: 1.25em; color: #3e3a39; background-color: #fff; }
.mailbox form > div > dl button.send { background-color: #f2d453; margin-right: 20px; }
.mailbox form > div > dl button:hover { opacity: 0.7; }
/*notice*/
.notice { padding-left: 35px; font-size: 1.125em; color: #000; letter-spacing: 1px; margin-bottom: 30px; line-height: 30px; }
.notice .tit { font-weight: bold; font-size: 1.11em; margin-top: 15px; }
.notice ul.list li span { color: #568636; font-weight: bold; }
.notice ul.list li:before { content: ''; margin: 10px 5px; display: block; float: left; width: 10px; height: 10px; border-radius: 10px; background-color: #568636; }
.notice .t { font-weight: bold; font-size: 1.11em; color: #568636; margin-top: 10px; }
.notice p span.tz { padding-right: 20px; background: url(../images/13.png) right center no-repeat; }
.notice p span.tz a { color: #000; background-color: #fbe68f; }
.notice table { width: 100%; border-collapse: collapse; margin-top: 30px; margin-bottom: 20px; }
.notice table, .notice table td, .notice table th { border: 1px solid #9d9a93; }
.notice table th { padding: 10px 0px; font-size: 1.25em; color: #fff; font-weight: bold; background-color: #568636; text-align: center; }
.notice table td { padding-left: 20px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; }
.notice table tr:nth-child(2n+3) { background-color: #fffbe6; }
.notice table ul.list li:before { margin-right: 20px; }
.notice table .last_tips { margin-top: 20px; margin-left: 33px; padding-bottom: 10px; }
/*展覽回顧*/
form.active.exhibition { height: auto; overflow: hidden;display: flex; }
.content .right-d .activities.exhibition > div > dl dd .tip { color: #568636; border-left: 3px solid #568636; }
form.active.exhibition dd > span:after { display: none; }
form.active.exhibition dd > span select { /*appearance:menulist;   */ -moz-appearance: menulist; -webkit-appearance: menulist; }
/*visit_infomation*/
.visit_infomation ul { overflow: hidden; }
.visit_infomation ul li { float: left; width: 28%; }
.visit_infomation ul li.center { width: 44%; box-sizing: border-box; }
.visit_infomation ul li.center div.img > div, .visit_infomation ul li.center div.cen { width: 63.63%; margin: 0px auto; }
.visit_infomation ul li div.img { border-bottom: 1px solid #b24216; }
.visit_infomation ul li div.img img { display: block; max-width: 100%; margin: 0px auto; }
.visit_infomation ul li div.img span { display: block; text-align: center; background-color: #f4f2e1; border: 3px solid #3e3a39; box-sizing: border-box; }
.visit_infomation ul li div.img { padding: 10px 0px; }
.visit_infomation ul li div .tit { color: #3e3a39; font-weight: bold; font-size: 1.625em; }
.visit_infomation ul li div .ad { color: #3e3a39; font-size: 1.125em; font-weight: bold; }
.visit_infomation ul li div .detail { color: #3e3a39; font-size: 1.125em; margin-top: 20px; }
.visit_infomation ul li div .detail span { display: block; line-height: 28px; }
/*event_list*/
.event { border-left: 1px solid #3e3a39; position: relative; padding-right: 5px; margin-left: 50px; margin-top: 10px; }
.event_list { margin-left: -31px; padding-top: 15px; }
.event_list > span { text-align: center; color: #f7f7f7; background-color: #3e3a39; font-size: 1.25em; font-weight: bold; display: block; width: 62px; height: 62px; border-radius: 50px; line-height: 62px; }
.event_list > ul > li { padding-left: 62px; position: relative; padding-bottom: 6px; margin-bottom: 15px; }
.event_list > ul > li:before { content: ''; display: block; position: absolute; top: 29px; left: 15px; box-sizing: border-box; width: 32px; height: 32px; background-color: #eeeeef; border-radius: 20px; border: 1px solid #3e3a39; }
.event_list > ul > li > div { background-color: #fff; padding: 10px 20px; box-shadow: 3px 2px 3px rgba(0, 0, 0, 0.16); margin-left: 40px; position: relative; }
.event_list > ul > li > div > div.jiant { display: block; content: ''; position: absolute; left: -37px; top: 29px; height: 0px; width: 0px; border-top: 20px solid transparent; border-right: 37px solid rgba(0, 0, 0, 0.05); border-bottom: 20px solid transparent; }
.event_list > ul > li > div > div.jiant:after { content: ''; position: absolute; top: -22px; left: 1px; border-top: 20px solid transparent; border-right: 37px solid #fff; border-bottom: 20px solid transparent; }
.event_list > ul > li > div > span { color: #568636; font-size: 1.5em; font-weight: bold; padding-left: 4px; }
.event_list > ul > li > div > ul li { font-size: 1.125em; color: #000; letter-spacing: 1px; line-height: 30px; position: relative; padding-left: 25px; text-indent: 0em; }
.event_list > ul > li > div > ul li:before { position: absolute; left: 3px; top: -2px; content: ''; margin: 10px 5px; display: block; float: left; width: 10px; height: 10px; border-radius: 10px; background-color: #568636; }
.event_list > ul > li > div > ul li span { }
.event_list > ul > li > div > ul li span a { color: #000; font-weight: bold; }
.event_list > ul > li > div > ul li span a:hover { color: #b24216; }
.event_list > ul > li:nth-child(2n) > div { background-color: #fffbe6; }
.event_list > ul > li:nth-child(2n) > div > div.jiant:after { border-right: 37px solid #fffbe6; }

.site_detail.small, .notice.small, .event.small, .article_size.small, .nandao_info.small, .Researchers_info.small { font-size: 80%; }
.site_detail.normal, .notice.normal, .event.normal, .article_size.normal, .nandao_info.normal, .Researchers_info.normal { font-size: 100%; }
.site_detail.large, .notice.large, .event.large, .article_size.large, .nandao_info.large, .Researchers_info.large { font-size: 120%; }

/*plain_list*/
.plain_list { margin-top: 30px; margin-bottom: 30px; border-bottom: 1px solid #94b078; }
.plain_list dl.th dt, .plain_list dl.th dd { text-align: center; background: #568636; color: #fff; vertical-align: middle; font-weight: bold; }
.plain_list dl { display: table; width: 100%; font-size: 1.2em; letter-spacing: 1px; }
.plain_list dl dt { vertical-align: middle; display: table-cell; text-align: center; width: 10%; border-bottom: 1px solid #8db673; box-sizing: border-box; }
.plain_list dl dd { vertical-align: middle; display: table-cell; box-sizing: border-box; border-left: 1px solid #8db673; border-bottom: 1px solid #8db673; }
.plain_list dl dd.name { width: 43%; }
.plain_list dl dd.unit { width: 20%; }
.plain_list dl dd.host { width: 10%; text-align: center; }
.plain_list dl dd.date { width: 17%; }
.plain_list dl dd, .plain_list dl dt { padding: 10px 10px; box-sizing: border-box; }
.plain_list dl:nth-child(2n+3) { background: #fcf8e8; }
.plain_list dl span { display: none; }

.collect_search form { padding-top: 40px; }
.collect_search form div { width: 80%; margin: 10px auto; min-width: 500px; }
.collect_search form div dl { display: block; width: 100%; margin-bottom: 20px; }
.collect_search form div dl dt { width: 110px; float: left; line-height: 40px; color: #222; font-size: 1.1em; position: relative; padding-left: 20px; box-sizing: border-box; }
.collect_search form div dl dd { margin-left: 110px; padding: 2px 0px; }
.collect_search form div dl dd select { height: 36px; padding: 0px 10px; border: 1px solid #eee; box-sizing: border-box; min-width: 100px; font-size: 1em; }
.collect_search form div dl dd input[type="text"] { width: 100%; padding: 0px 10px; box-sizing: border-box; height: 36px; font-size: 1em; border: 1px solid #eee; }
.collect_search form div dl dt:before { content: ''; display: block; width: 8px; height: 8px; border-radius: 10px; background-color: #558636; position: absolute; top: 14px; left: 3px; }
.collect_search form .search_btn { width: 100%; text-align: center; margin-top: 50px; }
.collect_search form .search_btn button { border: 1px solid #acaba6; cursor: pointer; background: #f2d453; border-radius: 3px; color: #000000; font-size: 1.25em; line-height: 30px; width: 77px; text-align: center; }
.collect_search form .search_btn button.sure { margin-right: 10px; }
.collect_search form .search_btn button:hover { background: #f1c400; color: #fff; }
/*collect_moc*/
.collect_moc { padding-top: 50px; }
.collect_moc .total { margin-bottom: 20px; padding: 10px 20px; border: 1px solid #d5d3d3; border-radius: 4px; letter-spacing: 1px; }
.collect_moc .total span { color: #f00; padding: 0px 10px; }
.collect_moc ul { overflow: hidden; }
.collect_moc ul li { float: left; width: 33.333%; padding: 0px 20px; box-sizing: border-box; margin-bottom: 25px; }
.collect_moc ul li > div { width: 100%; background: #f7f7f7; }
.collect_moc ul li:nth-child(2n) > div > div { background: #fcf8e8; }
.collect_moc ul li a.img { display: block; position: relative; padding-top: 100%; background-color: #000; }
.collect_moc img { max-width: 100%; max-height: 100%; position: absolute; display: block; top: 0px; left: 0px; right: 0px; bottom: 0px; margin: auto; }
.collect_moc ul li a.img:hover { opacity: 0.8; }
.collect_moc ul li .detail { padding: 10px 15px; box-sizing: border-box; height: 60px; overflow: hidden; }
.collect_moc ul li .detail a.title { color: #000000; font-size: 1.625em; font-weight: bold; display: block; line-height: 30px; text-align: center; }
.collect_moc ul li .detail a.title:hover { opacity: 0.7; }
/*c_result*/
.c_result { padding-top: 40px; }
.c_result .img { text-align: center; padding-bottom: 20px; }
.c_result .img img { max-width: 100%; }
.c_result div dl { border-bottom: 1px dashed #ddd; display: table; width: 100%; padding: 5px 0px; }
.c_result div dl:nth-child(2n) { background: #fcf8e8; }
.c_result div dl dt { display: table-cell; width: 120px; text-align: right; line-height: 28px; vertical-align: middle; }
.c_result div dl dd { display: table-cell; line-height: 28px; }

/*study_list*/
.study_list { padding-top: 40px; }
.study_list > ul { padding-bottom: 40px; }
.study_list > ul > li { border-bottom: 1px solid #eee; padding-top: 20px; }
.study_list > ul > li:nth-child(2n) { background: #fcf8e8; }
.study_list > ul > li .tit { font-size: 1.5em; font-weight: bold; padding-left: 25px; }
.study_list > ul > li .cont { padding-left: 25px; font-size: 1em; margin-top: 10px; margin-bottom: 20px; }
.file_down_dl ul { overflow: hidden; }
.file_down_dl ul li { overflow: hidden; margin-bottom: 10px; padding-bottom: 10px; padding-left: 25px; width: 50%; box-sizing: border-box; float: left; }

.file_down_dl ul li span { display: block; float: left; color: #000; font-size: 1.125em; line-height: 41px; }
.file_down_dl ul li a { display: block; float: left; margin-left: 13px; text-align: left; text-indent: -9999px; width: 35px; height: 41px; background-image: url(../images/geshi.png); background-repeat: no-repeat; }
.file_down_dl ul li a.doc { background-position: 0px 0px; }
.file_down_dl ul li a.ppt { background-position: -47px 0px; }
.file_down_dl ul li a.xls { background-position: -92px 0px; }
.file_down_dl ul li a.pdf { background-position: -138px 0px; }
.file_down_dl ul li a.odt { background-position: -185px 0px; }
.file_down_dl ul li a.zip { background-position: -231px 0px; }
.file_down_dl ul li a.img { background-position: -277px 0px; }
.file_down_dl ul li a:hover { opacity: 0.7; }


.email { position: relative; background: url(../images/email.png) center no-repeat; height: 223px; padding-left: 32%; box-sizing: border-box; width: 100%; }
.email .em { position: absolute; width: 100%; top: 0px; left: 0px; }
.email .em .email_wrap { padding-top: 35px; z-index: -1; width: 94%; max-width: 1400px; margin: 0px auto; }
.email .em .email_wrap > div { color: #3e3a39; font-size: 1.875em; font-weight: bold; margin-bottom: 16px; }
.email .em .email_wrap > h2 { color: #3e3a39; font-size: 1.875em; font-weight: bold; margin-bottom: 16px; }
.email .em .email_wrap > a { display: table; border: 2px solid #fff; color: #fff; font-size: 1.5em; font-weight: bold; height: 47px; line-height: 43px; width: 170px; box-sizing: border-box; padding-left: 20px; background: url(../images/email_bg.png) right 10px center no-repeat; }
.email .em .email_wrap > a:hover { background-color: rgba(0, 0, 0, 0.16); }
.email .detail { width: 100%; height: 223px; z-index: 1; position: relative; color: #fff; }
.email .detail ul li > div { padding: 2px; }
.email .detail ul li div.num { font-size: 2.75em; font-weight: bold; width: 254px; text-align: center; float: left; padding-top: 80px; }
.email .detail ul li a { color: #fff; display: block; }
.email .detail ul li a:hover { color: #adacac; }
.email .detail ul li span { padding: 0px 10px; }
.email .detail ul li .con { width: 70%; margin-left: 254px; font-size: 1.25em; font-weight: bold; padding-top: 60px; height: 120px; overflow: hidden; }
.email .detail ul li .con p { text-overflow: ellipsis; overflow: hidden; display: -webkit-box; line-height: 40px; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.email .detail .owl-buttons { text-align: center; }
.email .detail .owl-prev, .email .detail .owl-next { text-align: left; display: inline-block; cursor: pointer; text-indent: -9999px; width: 14px; height: 20px; background-image: url(../images/rig_lef.png); background-repeat: no-repeat; }
.email .detail .owl-prev { background-position: left 0px center; }
.email .detail .owl-next { background-position: right 0px center; }
/*.email .detail ul li{transform:matrix(1, 0, 0, 0, 0, 0);}*/
.email .detail .owl-buttons a:hover { opacity: 0.7; }



/*.list_ul{width: 100% !important;height: 528px !important;}*/



/*研究人員*/
.Researchers_list { margin-top: 30px; text-align: center; }
.Researchers_list dl { display: table; width: 100%; font-size: 1.25em; color: #000000; }
.Researchers_list dl.th dt, .Researchers_list dl.th dd { display: table-cell; padding: 15px 0px; }
.Researchers_list dl.th { background: #568636; color: #fff; font-size: 1.5em; font-weight: bold; letter-spacing: 1px; }
.Researchers_list dl dd { width: 32%; box-sizing: border-box; }
.Researchers_list dl.th dd { border-left: 1px solid #fff; }
.Researchers_list dl dt { width: 36%; }
.Researchers_list dl a { color: #000; }
.Researchers_list dl a:hover { color: #b24216; }
.Researchers_list .list { border-bottom: 1px solid #568636; margin-bottom: 30px; }
.Researchers_list .list dl dt, .Researchers_list .list dl dd { display: table-cell; padding: 23px 5px; }
.Researchers_list .list dl:nth-child(2n) { background-color: #fcf8e8; }
.Researchers_list .list span { display: none; }

.Researchers_info ol { list-style: decimal; margin-top: 10px; font-size: 1.2em; color: #000000; }
.Researchers_info ol li { margin-bottom: 10px; }
.Researchers_info { display: table; width: 100%; margin-bottom: 90px; }
.Researchers_info .img, .Researchers_info .r_in { display: table-cell; vertical-align: top; }
.Researchers_info .img { width: 260px; }
.Researchers_info .img img { max-width: 240px; height: auto; }
.Researchers_info .r_in dl { display: table; width: 100%; padding-top: 5px; border-bottom: 1px solid #8f8f8f; font-size: 1.25em; line-height: 40px; }
.Researchers_info .r_in dl dt { width: 140px; color: #568636; display: table-cell; padding-left: 10px; box-sizing: border-box; }
.Researchers_info .r_in dl dd { display: table-cell; }
.Researchers_info .r_in span.s { font-size: 1.25em; color: #568636; padding-left: 10px; line-height: 45px; }
.Researchers_info .r_in .t { color: #717071; font-size: 1.25em; margin-top: 10px; padding-left: 10px; }
.Researchers_info .r_in .t:before { content: ''; margin: 10px 5px; display: block; float: left; width: 8px; height: 8px; border-radius: 10px; background-color: #568636; }
.Researchers_info .r_in .p { padding-left: 50px; letter-spacing: 1px; }
.Researchers_info .r_in .p.a { padding-left: 30px; }
.Researchers_info .r_in dl dd span { display: block; }
.Researchers_info .r_in dl dd a { display: inline-block; color: #717071; }
.Researchers_info .r_in a:hover { color: #b24216; }
/*學習單下載*/
.study_list { margin-top: 30px; text-align: center; }
.study_list dl { display: table; width: 100%; font-size: 1.125em; color: #000000; text-align: left; }
.study_list dl.th dt, .study_list dl.th dd { display: table-cell; padding: 15px 0px; }
.study_list dl.th { background: #568636; color: #fff; font-size: 1.5em; font-weight: bold; letter-spacing: 1px; text-align: center; }
.study_list dl dd { width: 33%; box-sizing: border-box; }
.study_list dl.th dd { border-left: 1px solid #fff; padding-left: 0px; padding-right: 0px; }
.study_list dl dt { width: 40%; }
.study_list dl a { color: #000; }
.study_list dl a:hover { color: #b24216; }
.study_list .list { border-bottom: 1px solid #568636; margin-bottom: 30px; }
.study_list .list dl dt, .study_list .list dl dd { display: table-cell; padding: 23px 15px; }
.study_list .list dl:nth-child(2n) { background-color: #fcf8e8; }
.study_list .list span { display: none; }
.study_list .list dl dd.dow { text-align: center; width: 27%; }
.study_list .list dl dd.dow a { display: inline-block; background-color: #568636; line-height: 36px; color: #fff; width: 90px; font-size: 0.875em; margin-bottom: 5px; }
.study_list .list dl dd.dow a:last-child { }
.study_list .list dl dd.dow a:hover { background-color: #38621d; }
/*teacher_list*/
.teacher_list { margin-top: 30px; text-align: center; }
.teacher_list dl { display: table; width: 100%; font-size: 1.125em; color: #000000; text-align: left; }
.teacher_list dl.th dt, .teacher_list dl.th dd { display: table-cell; padding: 15px 0px; vertical-align: middle; }
.teacher_list dl.th { background: #568636; color: #fff; font-size: 1.5em; font-weight: bold; letter-spacing: 1px; text-align: center; }
.teacher_list dl dd { width: 23%; box-sizing: border-box; text-align: center; }
.teacher_list dl.th dd { border-left: 1px solid #fff; padding-left: 0px; padding-right: 0px; }
.teacher_list dl.th dd.dow { width: 110px; }
.teacher_list dl a { color: #000; }
.teacher_list dl a:hover { color: #b24216; }
.teacher_list .list { border-bottom: 1px solid #568636; margin-bottom: 30px; }
.teacher_list .list dl dt, .teacher_list .list dl dd { display: table-cell; padding: 23px 15px; vertical-align: middle; }
.teacher_list .list dl:nth-child(2n) { background-color: #fcf8e8; }
.teacher_list .list span { display: none; }
.teacher_list .list dl dd.dow { text-align: center; width: 110px; }
.teacher_list .list dl dd.dow a { display: inline-block; text-align: left; text-indent: -9999px; background: url(../images/pdf.png) center no-repeat; background-size: 40px auto; width: 40px; height: 44px; }
.teacher_list .list dl dd.dow a:hover { opacity: 0.8; }
/*數位學習*/
ul.grid li { padding: 0px 10px; width: 33.3%; margin-bottom: 20px; box-sizing: border-box; }
ul.grid li > div { position: relative; padding: 15px; background: #f2f2f2; padding-bottom: 90px; }
ul.grid li .img { text-align: center; }
ul.grid li .img img { width: 100%; height: auto; display: block; }
ul.grid li .cote { min-height: 150px; padding-bottom: 40px; box-sizing: border-box; }
ul.grid li .cote .tit { color: #000; font-size: 1.25em; font-weight: bold; line-height: 30px; padding: 10px 20px; }
ul.grid li .cote .intru { color: #000; font-size: 1em; line-height: 22px; padding: 0px 20px; }
ul.grid li a { background: #fff; box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.22); }
ul.grid li a:hover { box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.4); }

/*nandao_info*/
.nandao_info { margin-bottom: 90px; }
.nandao_info .img { text-align: left; margin-bottom: 40px; }

.nandao_info .img img { max-width: 100%; height: auto; }
.nandao_info .cont { overflow: hidden; font-size: 1.25em; }
.nandao_info .lef { float: left; width: 65%; box-sizing: border-box; padding-right: 50px; }
.nandao_info .rig { float: right; width: 35%; }
.nandao_info .lef .t { color: #b24216; font-size: 1.125em; font-weight: bold; }
.nandao_info .lef .p { color: #231815; font-size: 1em; margin-top: 20px; line-height: 30px; word-break: break-all; }
.nandao_info .lef .p a { color: #b24216; }
.nandao_info .lef .p a:hover { opacity: 0.7; }
.nandao_info .rig .t { color: #3e3a39; font-size: 1.125em; font-weight: bold; margin-top: 20px; margin-bottom: 10px; }
.nandao_info .rig .t.a { margin-bottom: 20px; margin-top: 0px; }
.nandao_info .rig .l { color: #000000; font-size: 1em; line-height: 30px; }
.nandao_info .rig .l.b { margin-bottom: 33px; }
.nandao_info .rig .c { color: #000000; font-size: 1em; line-height: 30px; word-break: break-all; }
ul.setlink li div span { display: block; margin-top: 20px; margin-bottom: 5px; font-weight: bold; font-size: 1.125em; color: #3e3a39; }
ul.setlink li div a { display: block; color: #3f3e3e; line-height: 30px; font-size: 1em; }
ul.setlink li div a:hover { color: #b24216; text-decoration: underline; }
/* page */
#page { padding-top: 0px; text-align: center; clear: both; }
#page .page { padding: 10px 0; overflow: hidden; text-align: center; }
#page .page a { position: relative; display: inline-block; border: 1px solid #f7f7f7; font-weight: bold; box-sizing: border-box; width: 30px; line-height: 28px; font-family: helvetica; font-size: 1em; color: #3e3a39; text-align: center; cursor: pointer; box-sizing: border-box; transition: all .3s; }

.site_detail > table.mce-item-table { width: 100%; border-bottom: 1px solid #ddd; }
.site_detail > table.table01 td { padding: 3px 10px; border: 1px solid #ddd; }
.site_detail > table.table01 td.bluebg { background: #558636; color: #fff; }
.maincontent ul.disin { padding-top: 20px; padding-bottom: 40px; }
.maincontent ul.disin li { display: inline-block; margin-right: 10px; }
ul.disin.other li { display: inline-block; margin-right: 10px; }
#page .page a.prev,
#page .page a.next,
#page .page a.first,
#page .page a.last { text-indent: -9999px; background-image: url(../images/page.png); background-repeat: no-repeat; width: 31px; height: 30px; }
#page .page a.prev { background-position: left 0px top 0px; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
#page .page a.next { background-position: left 0px top 0px; }
#page .page a.first { background-position: right 0px top 0px; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
#page .page a.last { background-position: right 0px top 0px; }
#page .page a.num:hover,
#page .page a.num.active { border: 1px solid #3e3a39; }
#page .page a.prev:hover,
#page .page a.next:hover,
#page .page a.first:hover,
#page .page a.last:hover { opacity: 0.7; }
/*footer*/
.footer { border-top: 3px solid #568636; background-image: url(../images/footer_bg.png); background-repeat: repeat-y; background-size: 100% auto; }
.footer .cont { width: 94%; max-width: 1400px; margin: 0px auto; }
.footer .cont > div { display: table; width: 100%; }
.footer .top > ul { padding-top: 5px; }
.footer .top { border-right: 1px solid #568636; padding-right: 15px; display: table-cell; vertical-align: top; padding-top: 25px; }
/*.footer .top>ul >li:nth-child(1),.footer .top>ul >li:nth-child(2){height: 642px;}*/
.footer .top > ul > li > a { color: #231815; font-size: 1.25em; display: block; border-bottom: 1px solid #b5b5b5; line-height: 32px; }
.footer .top > ul > li ul.secondth { overflow: hidden; min-height: 120px; }
.footer .top > ul > li ul.secondth > li { width: 20%; min-width: 195px; text-align: left; margin-bottom: 10px; box-sizing: border-box; display: inline-block; vertical-align: top; }
.footer .top > ul > li ul.secondth > li:last-child { width: auto; }
.footer .top > ul > li ul.secondth > li > a { color: #3e3a39; font-weight: bold; font-size: 1.125em; line-height: 35px; }
.footer .top > ul > li ul.thirdth > li > a { color: #568636; font-size: 1em; font-weight: bold; line-height: 20px; padding-left: 19px; margin-top: 5px; display: block; }
.footer .top > ul > li ul.fourth { padding-left: 25px; }
.footer .top > ul > li ul.fourth > li > a { color: #60531c; font-size: 1.125em; font-weight: bold; line-height: 28px; }
.footer .top > ul > li ul.secondth > li > a:hover, .footer .top > ul > li ul.thirdth > li > a:hover, .footer .top > ul > li ul.fourth > li > a:hover { color: #b2340d; }

.footer .top .link { color: #000000; font-size: 1.25em; padding-bottom: 20px; margin-top: 20px; }
.footer .top .link a { color: #000000; }
.footer .bottom { width: 370px; font-size: 1em; display: table-cell; padding-left: 20px; box-sizing: border-box; }
/*.footer .bottom>div{width: 1400px;margin: 0px auto;color: #3e3a39;}*/
.footer .bottom ul { overflow: hidden; color: #3e3a39; padding-top: 30px; }
.footer .bottom ul li { margin-bottom: 70px; }

.footer .bottom ul li > div .tit { overflow: hidden; }
.footer .bottom ul li > div .tit span { font-size: 1.3em; line-height: 25px; padding-top: 8px; font-weight: bold; color: #3e3a39; display: block; float: left; }
.footer .bottom ul li > div .tit a { display: block; float: left; text-align: left; text-indent: -9999px; width: 30px; margin-left: 10px; height: 30px; background: url(../images/10.png) bottom 1px center no-repeat; }
.footer .bottom ul li > div .tit a:hover { opacity: 0.7; }
.footer .bottom ul li > div .address { font-size: 1.125em; line-height: 30px; }
.footer .bottom ul li > div .tel { font-size: 1.125em; font-weight: bold; line-height: 30px; }
.footer .bottom ul li > div .tel span { color: #568636; letter-spacing: 1px; }
.footer .bottom div.a { line-height: 25px; }
.footer .bottom div.a.c { margin-bottom: 30px; }
.footer .bottom div.b { line-height: 25px; }
.footer .bottom div.img { margin-top: 30px; padding-bottom: 20px; }
.footer .bottom div.img img, .footer .bottom div.img a { display: inline-block; }
.visitall .site_detail { padding-left: 0px; }
ul.visitlist { position: relative; height: 570px; width: 940px; margin: 0px auto; }

ul.visitlist li { float: left; position: absolute; top: 0; height: 570px; }
ul.visitlist li.right, ul.visitlist li.left { width: 370px; }
ul.visitlist li.left { background: url('../images/visit_left.jpg') 0 0 no-repeat; left: 0; }
ul.visitlist li.right { background: url('../images/visit_right.jpg') 0 0 no-repeat; right: 0; }
ul.visitlist li.mid { background: url('../images/visit_mid.png') 0 0 no-repeat; left: 216px; width: 548px; z-index: 2; }
ul.visitlist li.midd { z-index: 5; left: 203px; }
ul.visitlist li.midd a.visitmid { /*  background-color: #d20;*/ width: 400px; height: 570px; display: block; -webkit-transform-origin: bottom; -webkit-transform: skewX(-14deg); }
ul.visitlist li { overflow: hidden; }
ul.visitlist li.mid { -moz-transform-origin: bottom; -moz-transform: skewX(-15deg); -webkit-transform-origin: bottom; -webkit-transform: skewX(-15deg); -o-transform-origin: bottom; -o-transform: skewX(-15deg); -ms-transform-origin: bottom; -ms-transform: skewX(-15deg); transform-origin: bottom; transform: skewX(-15deg); width: 410px; background: none; }
.visitlist li.mid a { /*background-color: #000;*/ background: url('../images/visit_mid.png') 0 0 no-repeat; position: absolute; top: 0px; left: 2px; -moz-transform-origin: bottom; -moz-transform: skewX(14deg); -webkit-transform-origin: bottom; -webkit-transform: skewX(14deg); -o-transform-origin: bottom; -o-transform: skewX(14deg); -ms-transform-origin: bottom; -ms-transform: skewX(14deg); transform-origin: bottom; transform: skewX(14deg); width: 548px; }
.visitlist li a { width: 100%; height: 100%; display: block; font-size: 0px; box-shadow: #000 0px 0px 500px inset; }

ul.disc li { padding-left: 1.2em; text-indent: -1.1em; margin-top: 5px; }

ul.base li.icontxt { font-size: 95%; font-weight: bold; color: #222; }
ul.base li { margin-bottom: 10px; }
ul.base li.icontxt:before { content: ""; display: inline-block; width: 40px; height: 40px; background: url('../images/img/base01.png') 0 0 no-repeat; margin-right: 5px; position: relative; top: 13px; }
ul.base li.a:before { background: url('../images/img/base02.png') 0 0 no-repeat; }
ul.base li.b:before { background: url('../images/img/base03.png') 0 0 no-repeat; }
ul.base li.c:before { background: url('../images/img/base04.png') 0 0 no-repeat; }
ul.base li.d:before { background: url('../images/img/base05.png') 0 0 no-repeat; }
ul.base li.e:before { background: url('../images/img/base06.png') 0 0 no-repeat; }
ul.base li.f:before { background: url('../images/img/base07.png') 0 0 no-repeat; }
ul.base li.g:before { background: url('../images/img/base08.png') 0 0 no-repeat; }
ul.base li.h:before { background: url('../images/img/two01.png') 0 0 no-repeat; }
ul.base li.i:before { background: url('../images/img/two02.png') 0 0 no-repeat; }
ul.base li.j:before { background: url('../images/img/two03.png') 0 0 no-repeat; }
ul.base li.k:before { background: url('../images/img/two04.png') 0 0 no-repeat; }
ul.base li.l:before { background: url('../images/img/two05.png') 0 0 no-repeat; }
ul.base li.m:before { background: url('../images/img/two06.png') 0 0 no-repeat; }
.dividerccc { border-bottom: 1px #ccc solid; width: 100%; height: 1px; }
ul.fll > li { float: left; }
ul.disin > li { display: inline-block; }
ul.disin02 > li { display: inline-block; vertical-align: middle; }
.green { color: #4F8636 !important; }

.dividerg { width: 100%; border-bottom: 1px solid #4F8636; }

.bbg { border-bottom: 1px solid #4F8636; }
.clfix:after { clear: both; }
.clfix:before, .clfix:after { content: ""; display: table; }
.top5 { margin-top: 5px; }
.top10 { margin-top: 10px; }
.top15 { margin-top: 15px; }
.top20 { margin-top: 20px; }
.top25 { margin-top: 25px; }
.top30 { margin-top: 30px; }
.ptop40 { padding-top: 40px; }
.top50 { margin-top: 50px; }
.site_detail.collection { text-align: center; }
.site_detail.collection .col { display: inline-block; text-align: left; }
.content .right-d > .chupin.collectionlist ul li a.img { border: 1px solid #829d63; box-sizing: border-box; }
.site_detail.collection p img { max-width: 60%; }
.setlink { font-size: 1.25em; border-top: 1px solid #608138; margin-bottom: 10px; }
table.mce-item-table { width: 100%; }
table.mce-item-table td { vertical-align: top; }
table.mce-item-table tr td:first-child { text-align: center; }
/*@media screen and (min-width:1600px){
   background-size:100% auto;
}*/


.img-wrapper img { position: absolute; display: block; max-width: 100%; max-height: 100%; top: 0px; left: 0px; right: 0px; bottom: 0px; margin: auto; }
.img-wrapper { display: block; position: relative; }
.detail-item { margin-bottom: 50px; }
.detail-item:last-child { margin-bottom: 0; }
.environment-lists { margin: 0 -20px; }
.environment-lists li { padding: 0 20px; margin-bottom: 50px; width: 29%; display: inline-block; float: left; }
.environment-lists li .img-wrapper { height: 300px; }
.environment-infos { margin-top: 10px; }
.environment-infos .environment-name { font-weight: bold; font-size: 1em; margin-bottom: 5px; }
.environment-infos .environment-chief { font-size: 0.8em;line-height: 1.5em;min-height:75px; }
/*gender*/
 .gender-info .left-m > span{background: #ceeec9;}
 .gender-info .right-d > .title{color: #999;}
 .gender-info form.active .search_btn button{background: #999;color: #fff;}
 .gender-info form.active .search_btn button:hover { background: #999; }
 .gender-info form.active{background: transparent;}
 .gender-info .infomation_list dl.th dt, .infomation_list dl.th dd{background: #999;}
 .gender-info .about_img .tit, .gender-info .file_down .tit { color: #999; border-left: 2px solid #999; }
 .gender-info .left-m > span > a{color: #999;}
/*rwd*/
@media screen and (max-width:1440px) {
    /*.content .right-d>.chupin ul li{width: 50%;}*/
    .content .right-d > .chupin ul li .detail { background: #fcf8e8; }
    .cont_wrap { padding: 0px; }
    .content .right-d > .chupin { padding-left: 0px; padding-right: 0px; }
    .header .top_link, .logo_navigation, .wrap, .footer .bottom > div, .cont_wrap { width: 92%; }
    .logo_navigation .logo { width: 400px; padding-top: 8px; }
    .logo_navigation ul.navigation > li, .header.active .logo_navigation ul.navigation > li { padding: 0px 25px; }
    .box_1 .b_right #banner li img { height: 100%; /*max-width:auto;*/ }
    .header { background-size: auto auto; }
    body.top { padding-top: 125px; }
}

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

@media screen and (max-width:1200px) {
    .box_2 .goole ul#goole li:hover { opacity: 1; }
    .email { height: 130px; background-size: auto 130px; padding-left: 0px; }
    .email .detail ul li div.num { float: none; padding-top: 6%; font-size: 1.8em; display: inline-block; }
    .email .detail { width: 254px; height: auto; margin: 0px auto; padding-top: 3%; }
    .email .em .email_wrap > div { font-size: 1.5em; display: inline-block; }
    .email .em .email_wrap > a { display: inline-block; float: right; font-size: 1.25em; line-height: 30px; height: 34px; width: 130px; }
    .email .em .email_wrap { padding-top: 5%; padding-left: 10%; padding-right: 10%; box-sizing: border-box; }
    /*首頁*/
    .box_1 .b_left { float: none; width: 100%; padding-right: 0px; }
    .box_1 .b_rig_mobile { display: block; }
    .email .em .email_wrap > div { font-size: 1.5em; display: inline-block; }
    .email .em .email_wrap > a { display: inline-block; }
    .box_1 .b_right { display: none; margin-left: 0px; margin-top: 40px; }
    .box_1 .b_left > div { width: 50%; float: left; }
    .box_1 .b_left .b_top ul.name li a { line-height: 38px; }
    .box_1 .b_left .b_top { padding-right: 20px; box-sizing: border-box; }
    .box_1 .b_left .b_bottom { margin-top: 0px; }
    .box_1 .b_left .b_top ul.detail { height: 321px; }
    .box_2 .kuaij { width: 100%; float: none; margin-bottom: 20px; padding-right: 0px; }

    .box_2 .kuaij ul li.tx, .box_2 .kuaij ul li.zg, .box_2 .kuaij ul li.cj { margin: 0px; margin-bottom: 30px; }
    .box_2 .kuaij ul li { width: 20%; margin-bottom: 30px; }
    .box_2_right { margin-left: 0px; }
    .box_2 .news { padding-left: 0px; }
    .box_1 .banner_all li a { height: auto; }
    .box_1 .banner_all li img { position: static; }
    .box_1 .banner_all { height: auto; }
    .cd_list { left: auto; right: 100%; }
    .box_1 .b_left:after { content: ''; display: block; clear: both; }
    .cd_list .jiao { border-left: 65px solid #969695; border-right: 0px; }
    .cd_list .jiao:after { left: auto; right: 2px; border-left: 64px solid #FFFFFF; border-right: 0px; }
    .cd_list .left_jiao { left: auto; right: 5px; }
    .cd_list > div { padding-right: 69px; padding-left: 0px; }
    /*content*/
    .content .leftmenu-one { display: none; }
    .content .right-d { margin-left: 0px; }
    form.active dl, form.dynamic dl { width: 75%; }
    .site_detail, .file_down, .about_img, .back_page, .back_page, .notice { padding-left: 0px; }
    .logo_navigation .search, .logo_navigation .navigation, .header .top_link { display: none; }
    #mobi-btn { display: block; }
    .header { padding-bottom: 10px; }
    .footer .top > ul > li { float: none; width: 100%; margin-bottom: 20px; }
    .footer .top > ul > li:nth-child(1), .footer .top > ul > li:nth-child(2) { height: auto; }
    .footer .bottom > div ul li { width: 50%; }
    .footer .bottom > div ul li.rg > div { float: left; margin-top: 20px; }
    .footer .bottom > div ul li.ce > div { margin: 0px; float: right; }
    .footer .bottom > div { width: 80%; }
    .footer .bottom > div > dl dt, .footer .bottom > div > dl dd { display: block; }
    .footer .bottom > div > dl dd { text-align: left; margin-top: 10px; }
    .footer .top > ul > li:nth-child(2) { height: auto; }

    .plain_list dl.th { display: none; }
    .plain_list dl { display: block; overflow: hidden; }
    .plain_list dl span { display: contents; }
    .plain_list dl dt { width: 20%; display: block; float: left; min-height: 73px; background: #fcf8e8; }
    .plain_list dl dd { display: block; float: left; }
    .plain_list dl dd.name { width: 80%; min-height: 73px; font-size: 0.85em; background: #fcf8e8; }
    .plain_list dl:nth-child(2n+3) { background: transparent; }
    .plain_list dl dd.unit { width: 45%; font-size: 0.85em; border-left: 0px; min-height: 69px; }
    .plain_list dl dd.host { width: 20%; min-height: 69px; font-size: 0.85em; }
    .plain_list dl dd.date { width: 35%; font-size: 0.85em; min-height: 69px; }
    .file_down_dl ul li { width: 100%; display: block; }

    .email .detail ul li .con { display: none; }
    .email .detail .owl-buttons { display: none; }
    .footer .top > ul > li ul.secondth > li { min-width: 175px; }
}

@media screen and (max-width:1100px) {
    ul.visitlist { width: 695px; height: 370px; }
    ul.visitlist li.mid { height: 370px; width: 370px; left: 80px; }
    ul.visitlist li.right, ul.visitlist li.left { width: 300px; }
    ul.visitlist li { height: 370px; }
}

@media screen and (max-width:990px) {
    .content .right-d > .chupin ul li { width: 50%; }
    form.active dl, form.dynamic dl, form.active dl.exdate { /*width: 100%;*/ float: none; }
    form.dynamic { padding-right: 10%; box-sizing: border-box; }
    form.active .search_btn { float: none; text-align: center; padding: 0px; /*display: block;*/ }
    form.active, form.dynamic { height: auto; }
    /* form.active dl dd { margin-right: 10%; } */
    form.dynamic .search_btn { float: none; text-align: center; }
    .plain form.active .search_btn { margin-top: 20px; }
    .plain form.active dl dt { text-align: center; }
    .email .detail ul li div.num { padding-top: 8%; }
    .email .em .email_wrap { padding-top: 7%; }
    /* form.active dl.exdate input {
        width: 158px;
    } */
}

@media screen and (max-width:768px) {
    /*首頁*/

    .box_2 .news, .box_2 .goole { float: none; width: 100%; padding-right: 0px; }
    .box_2 .goole { margin-top: 20px; }
    .box_2 .goole ul#goole { height: auto; }
    .box_2 .goole ul#goole li a { padding-top: 0px; height: auto; }
    .box_2 .goole ul#goole li a img { position: static; }
    .box_2 .goole img { margin: 0px auto; height: auto; }
    .visit_infomation ul li, .visit_infomation ul li.center { width: 47%; }
    .visit_infomation ul li.center { float: right; }
    .visit_infomation ul li.center div.img > div, .visit_infomation ul li.center div.cen { width: 100%; }
    .plain_list dl dd.name, .plain_list dl dt { min-height: 87px; }
    .plain_list dl { margin-bottom: 20px; border-top: 1px solid #8db673; }
    .plain_list dl dd.name { background-color: transparent; }
    .plain_list dl dt, .plain_list dl dd, .plain_list dl dd.name, .plain_list dl dd.unit, .plain_list dl dd.host, .plain_list dl dd.date { font-size: 1em; border-right: 1px solid #8db673; border-left: 1px solid #8db673; float: none; width: 100%; min-height: auto; }
    .plain_list dl dd.host { text-align: left; }
    .plain_list dl dd.host br { display: none; }
    .c_result div dl.long, .c_result div dl.long dt, .c_result div dl.long dd { display: block; }
    .c_result div dl.long dt { padding-left: 20px; text-align: left; }
    .c_result div dl.long dd { padding-left: 20px; }
    .footer .cont { display: block; }
    .footer .cont .top, .footer .cont .bottom { display: block; }
    .footer .cont .top { padding-right: 0px; border-right: 0px; }
    .footer .cont .bottom { width: 100%; padding-left: 0px; }
    .footer .bottom ul li { display: inline-block; box-sizing: border-box; vertical-align: top; width: 49%; margin-bottom: 30px; }
    .Researchers_info .r_in dl.nop { display: block; }
    .Researchers_info .r_in dl.nop dt, .Researchers_info .r_in dl dd.nop { display: block; width: 100%; }
    .Researchers_info .r_in dl.nop dd { line-height: 25px; padding-left: 10px; }
    .study_list dl.th { display: none; }
    .study_list .list dl { padding: 15px 0px; }
    .study_list .list dl, .study_list .list dl dt, .study_list .list dl dd { display: block; }
    .study_list .list dl span { display: contents; }
    .study_list .list dl dt, .study_list .list dl dd, .study_list .list dl dd.dow { width: 100%; text-align: left; padding: 5px 10px; }
    .study_list .list dl dd.dow a { text-align: center; }
    form.active.exhibition{flex-direction: column;}
    form.active dl.exdate{margin-right: 0;}
    /* form.active .search_btn{
        padding-left:8rem !important;
        margin-top: -3.4rem;
    } */
}

@media screen and (max-width:767px) {
    .content .right-d > .chupin ul li { width: 100%; }
    .content .right-d > .chupin ul li .detail a.title { min-height: 40px; height: auto; }
    .about_img ul li { width: 49%; }
    .about_img ul li:nth-child(3n-1) { margin-right: 0px; margin-left: 0px; }
    .about_img ul li:nth-child(2n-1) { margin-right: 1%; }
    .about_img ul li:nth-child(2n) { margin-left: 1%; }
    .box_1 .b_left .b_top { float: none; width: 100%; padding-right: 0px; }
    .box_1 .b_left .b_bottom { float: none; width: 100%; margin-top: 20px; }
    .box_2 .kuaij ul li { width: 33.33%; }
    .content .right-d > .title { font-size: 2em; }
    .content .right-d > ul.site_type li, .content .right-d > ul.chupin_type li { font-size: 1.375em; }
    .box_1 .b_left .b_top ul.detail { height: auto; }
    .box_1 .b_left .b_top ul.detail a { bottom: 5px; }
    .nandao_info .rig { float: none; width: 100%; }
    .nandao_info .lef { float: none; width: 100%; padding-right: 0px; margin-bottom: 40px; }
    .teacher_list dl.th { display: none; }
    .teacher_list .list dl { padding: 15px 0px; }
    .teacher_list .list dl, .teacher_list .list dl dt, .teacher_list .list dl dd { display: block; }
    .teacher_list .list dl span { display: contents; }
    .teacher_list .list dl dt, .teacher_list .list dl dd, .teacher_list .list dl dd.dow { width: 100%; text-align: left; padding: 5px 10px; }
    .teacher_list .list dl dd.dow span, .teacher_list .list dl dd.dow a { display: inline-block; line-height: 44px; }
    ul.grid li { width: 48%; }
    .site_detail.collection p img { max-width: 90%; }
    .email { height: 90px; background-size: auto 90px; }
    .email .em .email_wrap { padding-top: 5%; }
    .email .detail ul li div.num { padding-top: 3%; }
}

@media screen and (max-width:600px) {

    .infomation_list dl.th dt { display: none; }
    .infomation_list div.list dl dt, .infomation_list div.list dl dd { display: block; width: 100%; text-align: left; }
    .infomation_list div.list dl dt { padding-left: 20px;display: none; }
    .mailbox form > dl dt { float: none; width: 100%; }
    .mailbox form > dl dd { margin-left: 0px; }
    .mailbox form > dl dd input { max-width: 100%; }
    .mailbox form > dl.btn dd { text-align: center; }
    .infomation_list_phone{display: block;}
    /* form.active dl dt{width: auto;} */
    form.active dl dd {
        margin-left: 70px;
    }
  
    .content .right-d .activities > div > dl dt, .content .right-d .activities > div > dl dd { display: block; width: 100%; }
    .content .right-d .activities > div > dl dt { padding-top: 55%; margin-bottom: 10px; }
    .cd_list { top: 100%; /*display: block;*/ margin-top: 0px; left: 0px; margin-left: -180px; }
    .cd_list > div { padding-right: 0px; padding-top: 65px; }
    .cd_list .left_jiao { top: 1px; left: 200px; margin-left: -40px; margin-top: -38px; }
    .cd_list .jiao { -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg); }
    .logo_navigation .logo { width: 80%; }
    .content .right-d .activities > div > dl dd .top_a { min-height: 150px; height: auto; }
    .content .right-d .activities > div > dl dd .top_a .title { margin-top: 10px; margin-bottom: 6px; font-size: 1.275em; }
    .content .right-d .activities > div > dl dd .top_a span { font-size: 1.25em; }

    .email .detail ul li > p { display: none; }
    .email .em .email_wrap > div { margin-bottom: 90px; }
    .email .em .email_wrap > a { margin: 0px auto; }
	.environment-lists li{width:100%;}
}

@media screen and (max-width:500px) {
    .email { height: 70px; background-size: auto 70px; }
    .email .em .email_wrap > div { font-size: 1.25em; }
    .email .em .email_wrap > a { width: 80px; padding-left: 10px; font-size: 1em; line-height: 25px; height: 29px; background-size: 14px auto; }
    .email .detail ul li div.num { font-size: 1.4em; }
    form.active dl dd {
        margin-left: 90px;
    }
}

@media screen and (max-width:480px) {
    form.active dl dt { float: none; width: 100%; /*padding-left: 10%; padding-right: 10%;*/ box-sizing: border-box; text-align: left; }
    form.active dl dd { float: none; margin: 0px; /*padding-left: 10%; padding-right: 10%;*/ box-sizing: border-box; }
    form.active .search_btn { text-align: center; padding-right: 0px; }
    form.dynamic dl dt { float: none; width: 100%; text-align: left; padding-left: 10%; box-sizing: border-box; }
    form.dynamic dl dd { margin-left: 0px; padding-left: 10%; box-sizing: border-box; }
    .about_img ul li { width: 100%; }
    .about_img ul li:nth-child(2n-1) { margin-right: 0; }
    .about_img ul li:nth-child(2n) { margin-left: 0; }
    .about_img ul li span { height: auto; }
    /*.rig_resize .share { margin-top: 10px; }*/
    .visit_infomation ul li, .visit_infomation ul li.center { width: 100%; float: none; margin-bottom: 20px; }
    .c_result div dl, .c_result div dl dt, .c_result div dl dd { display: block; }
    .c_result div dl dt { padding-left: 20px; text-align: left; }
    .c_result div dl dd { padding-left: 20px; }
    .Researchers_info, .Researchers_info .img, .Researchers_info .r_in { display: block; }
    .Researchers_info .img { padding-right: 0px; text-align: center; }
    .Researchers_info .img img { max-width: 90%; }
    #mobile .navbar-nav > li > ul.sub-menu > li > a, #mobile .navbar-nav > li > ul.sub-menu > li > ul.thr_menu { float: none; }
    #mobile .navbar-nav > li > ul.sub-menu > li > ul.thr_menu { padding-left: 30px; }
    .footer .bottom ul li { width: 80%; }
    ul.grid li { width: 80%; margin-left: 10%; }
}

.dl_dd dl { display: table; width: 100%; overflow: hidden; }
.dl_dd dl dt, .dl_dd dl dd { display: table-cell; float: none; }
.dl_dd dl dd span { display: block; }
.dl_dd dl dt { white-space: nowrap; margin-right: 0px; text-align: left; }
.dl_dd dl dt.one { width: 42px; }
.dl_dd dl dt.two { width: 60px; }
.dl_dd dl dt.three { width: 80px; }
/*以下為共用 以下為共用 以下為共用*/
/*tablestyle*/
table.table01 { width: 100%; }
table.table01 tr td { padding: 3px 0; font-size: 95%; }
table.table02 { width: 100% }
table.table02 tr td,
table.table02 tr th { font-size: 95%; padding: 5px 10px; border: 1px #aaa solid; vertical-align: middle; }
table.table02 tr td.bluebg { padding: 5px 13px; text-align: center; background-color: #207395; color: #fff; font-weight: bold; border: 1px #207395 solid; }
td.center { text-align: center; }
table.table03 tr td { vertical-align: middle; padding: 10px 0; font-size: 95%; }
tr td.vat { vertical-align: top !important; }

table.tagreen tr th { background-color: #DCE0C9; font-weight: bold; }
table.tagreen { width: 100% }
table.tagreen tr td,
table.tagreen tr th { font-size: 95%; padding: 5px 10px; border: 1px #4F8636 solid; vertical-align: middle; }

table.taoran tr th { background-color: #DB402F; color: #fff; font-weight: bold; }
table.taoran { width: 100% }
table.taoran tr td,
table.taoran tr th { font-size: 95%; padding: 5px 10px; border: 1px #DB402F solid; vertical-align: middle; }

/*=layout=*/
ul.fll > li { float: left; }
ul.disin > li { display: inline-block; }
ul.disin02 > li { display: inline-block; vertical-align: middle; }
ul.mr5 > li { margin-right: 5px; }
ul.mr10 > li { margin-right: 10px; }
ul.mr20 > li { margin-right: 20px; }
p.fll { float: left; }
.flright { float: right; }
.flleft { float: left; }
.center { text-align: center; }
.right { text-align: right; }
.wrap1024 { width: 1024px; margin: 0 auto; }
.wrap1200 { width: 1200px; margin: 0 auto; }
.mr15 { margin-right: 15px; }
/*****************************************
=width=
*****************************************/
.w84 { width: 84px; }
.w660 { width: 660px; }
.w380 { width: 381px; }
.w465 { width: 465px; }
.w130 { width: 130px; }
.w154 { width: 154px; }
.bgcbf { background-color: #BFFFFF; }
.r_10 { right: -10px; }
.pl12 { padding-left: 12px; }
.pdr20 { padding-right: 20px; }
.pdl2em { padding-left: 2em; }
.pdl4em { padding-left: 4em; }
.pdl1-5em { padding-left: 1.5em; }
.pdl3em { padding-left: 3em; }

/*btn btn btn btn btn btn btn btn btn btn btn btn btn btn btn btn btn btn btn btn*/
span.out { background: url('../img/icon_out.png') 0 0 no-repeat; width: 17px; height: 13px; float: right; position: relative; top: 3px; }
span.square { width: 5px; height: 5px; display: block; float: left; margin-right: 5px; margin-top: 8px; }

/*文章more*/
a.more01 { font-size: 95%; color: #CF224D; }
a.more01:after { content: ""; display: inline-block; background: url("../img/arrow_s.png") 0 0px no-repeat; width: 5px; height: 9px; position: relative; left: 3px; top: 0; }
a.more02 { font-size: 95%; color: #EFB017; }
a.more02:after { content: ""; display: inline-block; background: url("../img/arrow_s.png") 0 -19px no-repeat; width: 5px; height: 9px; position: relative; left: 3px; top: 0; }
a.more03 { margin-top: 20px; font-size: 95%; color: #fff; background-color: #777; display: block; height: 26px; line-height: 26px; padding-left: 8px; padding-right: 10px; }
a.more03:hover,
a.more02:hover,
a.more01:hover { text-decoration: underline; }
a.more03:after { content: ""; display: inline-block; background: url("../img/arrow_s.png") 0 -38px no-repeat; width: 5px; height: 9px; position: relative; left: 3px; top: -1px; }
a.more04 { margin-top: 20px; font-size: 100%; font-weight: bold; color: #fff; background-color: #EFB017; padding: 5px 16px 5px 12px; }
a.more04:hover { background-color: #E8A910; }
a.more04:after { content: ""; display: inline-block; background: url("../img/arrow_s.png") 0 -38px no-repeat; width: 5px; height: 9px; position: relative; left: 5px; top: -1px; }
a.more05:before { content: ""; display: inline-block; background: url("../img/btn_rss.png") 0 0 no-repeat; width: 12px; height: 12px; position: relative; left: -3px; top: 1px; }
a.more05 { text-align: center; font-size: 90% !important; font-size: 100%; font-weight: bold; color: #fff; display: block; width: 120px; height: 24px; line-height: 24px; background-color: #74B352; border: 1px solid #74B352; }
a.more05:hover { background-color: #6DAB4B; }
a.more06 { font-size: 90% !important; font-size: 100%; font-weight: bold; color: #74B352; text-align: center; width: 80px; display: block; height: 24px; line-height: 24px; border: 1px solid #74B352; }
a.more06:hover { background-color: #74B352; color: #fff; }
a.more07 { margin-top: 20px; font-size: 100%; font-weight: bold; color: #fff; background-color: #4F8636; padding: 5px 16px 5px 12px; }
a.more07:hover { background-color: #487B31; }
a.more07:after { content: ""; display: inline-block; background: url("../img/arrow_s.png") 0 -38px no-repeat; width: 5px; height: 9px; position: relative; left: 5px; top: -1px; }
a.more08 { margin-top: 20px; font-size: 100%; font-weight: bold; color: #fff; background-color: #DB402F; padding: 5px 16px 5px 12px; }
a.more08:hover { background-color: #CC3423; }
a.more08:after { content: ""; display: inline-block; background: url("../img/arrow_s.png") 0 -38px no-repeat; width: 5px; height: 9px; position: relative; left: 5px; top: -1px; }


/*=space=*/
.top5 { margin-top: 5px; }
.top10 { margin-top: 10px; }
.top15 { margin-top: 15px; }
.top20 { margin-top: 20px; }
.top25 { margin-top: 25px; }
.top30 { margin-top: 30px; }
.ptop40 { padding-top: 40px; }
.top50 { margin-top: 50px; }
.ml10 { margin-left: 10px; }
.ml20 { margin-left: 20px; }
.ml15 { margin-left: 15px; }
.ml8 { margin-left: 8px; }
/*txt txt txt txt txt txt txt txt txt txt txt txt txt txt txt txt txt txt txt txt txt */
.txt24 { font-size: 150%; }
.txt12 { font-family: 'Arial', 'PMingLiU', '新細明體', serif; font-size: 12px; }
.txt14 { font-size: 90%; }
.txt15 { font-size: 95%; }
.txt16 { font-size: 100%; }
.txt17 { font-size: 105% !important; }
.txt22 { font-size: 140%; }
.bold { font-weight: bold; }
.lh120 { line-height: 120%; }
.lh130 { line-height: 130%; }
.lh180 { line-height: 180%; }
.fz16 { font-size: 16px; }

.dividerccc { border-bottom: 1px #ccc solid; width: 100%; height: 1px; }

a.link { color: #000; text-decoration: underline; }
a.link2:hover { text-decoration: underline; }
a.link:hover { color: #333; }
a.link:visited { color: #555; }

/*=color=*/
.ffe599 { color: #ffe599; }
.bff { color: #BFFFFF; }
.fff { color: #fff; }
.ccc { color: #ccc; }
.g333 { color: #333; }
.g444 { color: #444; }
.g111 { color: #111; }
a:focus, input:focus, button:focus, select:focus, .grid li a:focus { outline: 2px dashed #FF5722; }
.email .detail ul li a:focus { outline: 5px dashed #ffffff; }