@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;}
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:#010101;overflow-x: hidden;background:#fff;}

/*中正紀念堂研習班報名入口*/
.enter_div{
    position: fixed;
    top:0px;left: 0px;
    z-index: 1111;
    width: 100%;
    height: 100%;
    /*background: url(../images/index.jpg) no-repeat;
    background-size: 100% auto;*/
    background-color: #fff;
}
/*h標籤*/
.h1{font-size: 2em;font-weight: bold;}
.h2{font-size: 1.5em;font-weight: bold;}
.h3{font-size: 1.17em;font-weight: bold;}

.enter_cont{position: relative;font-size: 0;z-index: 1111;}
.enter_cont img{width: 100%;}
.enter_cont a{display: block;position: absolute;}
.link_right{right:0px;top:0px;width: 13%;height: 100%;}
.link_left{left:0px;width: 22.3%;height:13.8%;top:50%;margin-top: -2%;}

nav{padding-right: 10px;background:#fff;}
nav .nav .h_bg img{display:block;}
nav .nav .h_bg,
nav .nav a.logo,
nav .nav .toplink,
nav .nav .toplink ul,
nav .nav .toplink ul li,
nav .nav .toplink .search,
nav .nav .toplink .search .hot_s,
nav .nav .toplink .search .putin,
nav .nav .toplink .search .s_link,
nav .nav .toplink .search .putin input,
nav .nav .toplink .search .putin a{display: inline-block;vertical-align: middle;}
nav .nav .toplink{    float: right;margin-right: 4%;padding-top: 25px;}
nav .nav .toplink ul{margin:0px 50px;}
nav .nav .toplink ul li{
    font-size: 1.125em;color: #505050;
    border-right:1px solid #b3b2b2;
    padding-right: 7px;margin-right: 4px; 
}
nav .nav .toplink ul li a{
    color: #505050;
    display: inline-block;
    line-height: 18px;
    transition:all .3s; -webkit-transition:all .3s;
}
nav .nav .toplink ul li:last-child{
    border-right: 0px;
    margin-right: 0px;
    padding-right: 0px;
}
nav .nav .toplink ul li a:hover{color: #c70025;}
nav .nav .toplink .search .hot_s{
    color: #959595;
    font-size: 1em;
}
nav .nav .toplink .search .hot_s a{color: #959595;transition:all .3s; -webkit-transition:all .3s;}
nav .nav .toplink .search .hot_s a:hover{color: #c70025;}
nav .nav .toplink .search .putin{position: relative;}
nav .nav .toplink .search .putin input{
    width: 160px;
    box-sizing: border-box;
    border:1px solid #505050;
    border-radius: 30px;
    font-size: 1em;
    height:32px;padding:2px 20px 2px 10px;
    /*background:url(../images/Search.png) left 7px center no-repeat;*/
}
nav .nav .toplink .search .putin a{
    background: url(../images/Search.png) center no-repeat;
    font-size: 0;
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    right:3px;top:3px;
    width: 24px;height: 23px;
    margin-right: 5px;
    transition:all .3s; -webkit-transition:all .3s;
}
/*nav .nav .toplink .search .s_link a,nav .nav .toplink .search .putin a{
    display: inline-block;
    color: #505050;font-size: 0.9em;
    margin:0px 8px;
    transition:all .3s; -webkit-transition:all .3s;
}*/
/*nav .nav .toplink .search .s_link a:hover,*/
nav .nav .toplink .search .putin a:hover{opacity: 0.7;}

/* yt */
.pc-banner .owl-carousel .owl-stage-outer{height: 373px !important;}
.pc-banner .owl-carousel .single-slide{height: 100% !important;}
.pc-banner .owl-carousel .single-slide a{height: 100% !important;}
.pc-banner .owl-carousel .owl-stage{height: 100% !important;}
.pc-banner .owl-carousel .owl-item img { height: 100% !important; }
.pc-banner .owl-carousel.owl-drag .owl-item{height: 100% !important;}
.pc-banner{display: flex;}
.pc-banner .owl-carousel{width: 80%;height: 375px;}
.pc-banner .banner-img{height:375px;width: 20%;}
.pc-banner .banner-img img{height: 100%;width: 100%;}
.pc-banner  .owl-dots { position: absolute !important; bottom: 10px !important; text-align: center !important; width: 100% !important; background: transparent !important; }
.pc-banner .owl-carousel button.owl-dot.active { background-color: #22242A; }
.pc-banner  .owl-carousel button.owl-dot { display: inline-block; width: 10px; height: 10px; background-color: #c3c3c3; margin-right: 10px;border-radius: 50%; }
.pc-banner .owl-dot span {display: none !important;}
.navigation{background: #04a1ae;}
.navigation >ul{margin:0px auto;font-size: 0;text-align: center;}
.navigation >ul >li{
    display: inline-block;
    font-size: 16px;
    padding: 15px 53px 15px 53px;
    text-align: center;
    position: relative;
    box-sizing: border-box;
}
.navigation >ul >li a{white-space: nowrap;}
.navigation >ul >li >a{
    display: inline-block;
    color: #ffffff;
    font-size: 1.675em;
    font-weight: bold;
    border:2px solid transparent;
    box-sizing: border-box;
    transition:all .3s;
    -webkit-transition:all .3s;
}
.navigation >ul >li ul.sub-menu{
    position: absolute;
    z-index: 11;
    display: none;
    top:100%;
    left: 0px;
    /* background: #03848e; */
    /*border:2px solid #c70025;*/
    transition:all .3s;
    -webkit-transition:all .3s;
    border-top:0px;
    min-width: 300px;
    padding-bottom: 15px;
    /* border: 3px solid yellow!important; */
}
.navigation >ul >li:nth-of-type(1) ul.sub-menu{
    /* display: block!important; */
}
.navigation >ul >li:last-child ul.sub-menu{left: auto;right:0px;}
.navigation >ul >li ul.sub-menu li a.t{
    display: block;
    text-align: center;
    color: #fff;
    white-space: nowrap;
    padding: 10px 30px;
    font-size: 1.5em;
}
.navigation >ul >li >a:hover{border-bottom:2px dashed #ddd;}
.navigation >ul >li:hover ul.sub-menu{
    display: block;
}
.navigation >ul >li:hover{
    background: #03848e;
}
.navigation >ul >li ul.sub-menu li a.t:hover{color: #6decf7;}
.navigation >ul >li ul.sub-menu >li{position: relative;background: #03848e; }
.navigation >ul >li ul.sub-menu li a.thr_ul{position: relative;}
.navigation >ul >li ul.sub-menu li a.thr_ul:after{
    position: absolute;
    display: block;
    content: '';
    right: 15px;
    top: 18px;
    width: 20px;
    height: 20px;
    background: url(../images/nav_open.png) center no-repeat #03838e;
    background-size: 14px auto;
    transition:all .3s;
    -webkit-transition:all .3s;
}
.navigation >ul >li ul.sub-menu li a.thr_ul.open:after{
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
a.open_thr_ul{display: none;
    position: absolute;
    right:10px;
    top:10px;
    width: 30px;
    height: 40px;
    background:url(../images/nav_open.png) center no-repeat #ab0826;
    background-size: 14px auto;
}
.navigation >ul >li ul.thr_menu{background:#eee;display: none;}
.navigation >ul >li ul.thr_menu>li>a{
    display: block;
    color: #010101;
    font-size: 1.25em;
    padding: 7px 40px 7px 20px;
}
a.open_thr_ul.open{
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.navigation >ul >li ul.thr_menu a{transition:all .3s; -webkit-transition:all .3s;}
.navigation >ul >li ul.four_menu>li>a{display: block;background: #8c8989;color: #eee;padding: 7px 20px;border-bottom: 1px solid #eee;font-size: 1.375em;}
.navigation >ul >li ul.thr_menu a:hover{color: #ab0826}
.navigation >ul >li ul.thr_menu li{position: relative;}
.navigation a.open_four_ul{
    display: inline-block;
    position: absolute;
    right:10px;
    top: 9px;
    width: 30px;
    height: 30px;
    /*background:url(../images/1.png) center no-repeat #eee;*/
    background-size: 14px auto;
    padding: 0px !important;
}
.navigation a.open_four_ul.open{
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.navigation >ul >li ul.four_menu{display: none;}
#banner  .owl-dots{ text-align: center; width: 60%; margin: 20px auto; padding-top:0px; padding-bottom: 20px; background: url(../images/pointer.png) bottom left 0px repeat-x; }
#banner .owl-dot{
    margin: 0 3px;
}
#banner  .owl-dot span{
    display: block;
    text-align: center;
    font-weight: bold;
    border: 2px solid transparent;
    color: #04a1ae;
    border-radius: 20px;
    box-sizing: border-box;
    font-size: 1.375em;
    line-height: 27px;
    width: 30px;
    height: 30px;
}
#banner  .owl-dot.active span{
    border: 2px solid #04a1ae;
}
#banner .owl-pagination{
    text-align: center;width: 60%;
    margin:20px auto;padding-top: 30px;
    padding-bottom: 20px; 
    background: url(../images/pointer.png) bottom left 0px repeat-x;
}
#banner .owl-pagination .owl-page{display: inline-block;margin:0px 3px;}
#banner .owl-pagination .owl-page span{
    display: block;
    text-align: center;
    font-weight: bold;
    border:2px solid transparent;
    color: #04a1ae;
    border-radius: 20px;
    box-sizing: border-box;
    font-size: 1.375em;
    line-height: 27px;
    width: 30px;
    height: 30px;
}
#banner .owl-pagination .owl-page.active span{border: 2px solid #04a1ae;}
ul.share_link{text-align: center;}
ul.share_link li{display: inline-block;padding:0px 20px;}
ul.share_link li a{
    display: inline-block;font-size: 0;
    background-image: url(../images/share_link.png);
    background-repeat: no-repeat;
    height: 49px;
    transition:all .3s; -webkit-transition:all .3s;
    /*width: 70px;*/
    /*border:1px solid #ddd;*/
}
ul.share_link li.ig a{width: 40px; background-position: top 6px right 1px;}
ul.share_link li.facebook a{width: 28px; background-position: top 0px left 1px;}
ul.share_link li.youtube a{width: 64px;background-position: top 0px left -42px;}
ul.share_link li.G a{width: 60px;background-position: top 0px left -113px;}
ul.share_link li.RSS a{width: 40px;background-position: top 0px left -187px;}
ul.share_link li.dianzibao a{width: 40px;background-position: top 0px left -240px;}
ul.share_link li.facebook a:hover{background-position: bottom 2px left 1px;}
ul.share_link li.youtube a:hover{background-position: bottom 2px left -42px;}
ul.share_link li.G a:hover{background-position: bottom 2px left -113px;}
ul.share_link li.RSS a:hover{background-position: bottom 2px left -187px;}
ul.share_link li.dianzibao a:hover{background-position: bottom 2px left -240px;}
ul.share_link li.ig a:hover{background-position: bottom 2px right 1px;}
ul.share_link li.G{display: none;}

main .wrap{width: 93%;max-width: 1740px; margin:10px auto;padding-top:20px;}
main .wrap .title{color: #04a1ae;font-weight: bold;font-size: 2.625em;padding-bottom: 20px;}
/* main .wrap .box_1{overflow-y: hidden;} */
main .wrap .box_1 .left{width: 32%;float: left;}
main .wrap .box_1 .left.mid{
    margin: 0 2%;
    width: 32%;
}
main .wrap .box_1 .left ul.tab{position: relative;}
main .wrap .box_1 .left ul.tab:after{
    display: block;content: '';clear: both;
}
main .wrap .box_1 .left ul.tab li{float: left;width: 50%;}
main .wrap .box_1 .left ul.tab li >a{
    display: block;color: #fff;
    background:#c6c6c6;
    font-weight: bold;
    font-size: 1.75em;
    text-align: center;
    box-sizing: border-box;
    line-height: 40px;
    padding:12px 5px;
    border-right: 2px solid #fff;
    text-shadow: 2px 2px 2px #6b6b6b;
}
main .wrap .box_1 .left ul.tab li >a:hover{color:#f9e9eb;}
main .wrap .box_1 .left ul.tab li:last-child >a{border-right: 0px;}
main .wrap .box_1 .left ul.tab li.active >a{background:#05a1ae;color:#fff;}
main .wrap .box_1 .left.public .cont{border:1px solid rgba(108, 108, 108, 0.06);border-top:0px;box-sizing: border-box;height: 380px;}
main .wrap .box_1 .right{width: 32%;float: right;}
main .wrap .box_1 .left .contents{display: none;padding:20px 20px;position: absolute;width: 100%;left: 0px;top:64px;box-sizing: border-box;}
main .wrap .box_1 .left .contents dl{
    display: block;color: #222222;font-size: 1.2em;
    width: 100%;line-height: 32px;
    padding:8px 0px;
}
.live-img{
    border: 2px solid red;
    height: 380px;
    border: 1px solid rgba(108, 108, 108, 0.06);
    border-top: 0px;
    box-sizing: border-box;
}
.live-img a{
    display: block;
    text-align: center;
}
.live-img a img{
    max-width: 100%;
}
main .wrap .box_1 .left .contents dl dt{width: 120px;display:block;float: left;}
main .wrap .box_1 .left .contents dl dd a{
    display: block;
    color: #222222;
     transition:all .3s; -webkit-transition:all .3s;
}
main .wrap .box_1 .left .contents dl dd a:hover{color:#c70d25;}
main .wrap .box_1 .left .contents dl dd{
    display:block;
    margin-left: 125px;
    text-align: left;
    padding-left: 10px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;

    min-height: 32px;
    max-height: 32px;
}
main .wrap .box_1 .left .contents .more{text-align: center;padding-top: 10px;}
main .wrap .box_1 .left .contents .more a{
    display: inline-block;
    padding-right: 20px;
    color: #04a1ae;
    font-size: 1.125em;
    font-weight: bold;
    background:url(../images/arrow.png) right 2px center no-repeat;
}
main .wrap .box_1 .left .contents .more a:hover{opacity: 0.6;}
/*calendar*/
.calendar{height:380px;border:1px solid rgba(108, 108, 108, 0.06);box-sizing: border-box;}
.calendar .cal_top{text-align: center;padding:10px 30px;border-bottom:1px solid rgba(108, 108, 108, 0.06);}
.calendar .cal_top .back{
    display: block;
    float: left;
    padding-top: 12px;
}
.more.mid-more{
    text-align: center;
    padding-top: 22px;
}
.more.mid-more a{
    display: inline-block;
    padding-right: 20px;
    color: #04a1ae;
    font-size: 1.125em;
    font-weight: bold;
    background: url(../images/arrow.png) right 2px center no-repeat;
}
.more.mid-more a:hover{
    opacity: 0.6;
}
.calendar .cal_top .back a{

    border:2px solid #c70025;
    padding:2px 4px;
    color: #c70025;
    font-size: 1.125em;
    vertical-align: middle;
    display: block;
    display: none;
    line-height: 20px;
}
.calendar .cal_top .back a:hover{opacity: 0.7;}
.calendar .cal_top .month>a,.calendar .cal_top .year>a{
    font-size: 1.5em;
    color: #04a1ae;
    padding-right: 30px;
    background:url(../images/angle.png) right center no-repeat;
    background-size: 12px auto;
    line-height: 30px;
}
.calendar .cal_top .month,.calendar .cal_top .year{
    position: relative;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    margin:0px 20px;
}
.calendar .cal_top .month ul,.calendar .cal_top .year ul{
    display: none;
    position: absolute;
    top:100%;
    left: 0px;
    width: 100%;
    text-align: center;
    border:1px solid #ddd;
    background:#fff;
    max-height: 400px;z-index: 11;
    /*height: 200px;*/
    overflow-y: auto;
}
.calendar .cal_top ul li a{display: block;line-height: 30px;color: #222222;}
.calendar .cal_top ul li a:hover{background:#ddd;}
.calendar .cal_body{padding:0 3%;box-sizing: border-box;position: relative;padding-top: 20px;}
.calendar .cal_body table{width: 100%;text-align: center;font-size: 1.5em;color: #424242;max-width: 550px;margin:0px auto;}
.calendar .cal_body table a{color: #424242;}
.calendar .cal_body table thead th{padding-bottom:20px}
.calendar .cal_body table tr th:first-child,.calendar .cal_body table tr td:first-child a{color: #04a1ae;}
.calendar .cal_body table tr td.gray a{color: #e0e0e0;cursor: text;}
.calendar .cal_body table tr td{padding:8px 0px;}
.calendar .cal_body table tr td a{display: inline-block;    max-width: 50px;cursor: default;
    min-width: 30px;}
.calendar .cal_body table.week{margin-bottom: 20px;}
.calendar .cal_body table tr td.today a{color: #04a1ae;border: 2px solid #b8b8b8;}
.calendar .cal_body table tr td.active a{cursor:pointer;}
.calendar .cal_body table tr td.active a:hover,.calendar .cal_body table tr td.active a:focus{background: #b5f8fd;}
.calendar .cal_body .cal_prev,.calendar .cal_body .cal_next{
    position: absolute;
    top: 50%;
    width: 40px;margin-top: -20px;
    font-size: 0;
    display: none;
    height: 40px;
    text-align: center;
    background-image: url(../images/prev_btn.png);
}
.calendar .cal_body .cal_prev{left: 7%;}
.calendar .cal_body .cal_next{right: 7%;background-position: right 1px center;}
.calendar .cal_body .cal_prev:hover,.calendar .cal_body .cal_next:hover{opacity: 0.7;}
/*box_2*/
.box_2{margin-top: 50px;}
.wrap .top{position: relative;}
.wrap .top .more{
    position: absolute;
    text-align: center;
    padding-top: 20px;
    left: 50%;
    margin-left: -30px;
    bottom:30px;
}
.wrap .top .more a{
    display: inline-block;
    padding-right: 20px;
    color: #04a1ae;
    font-size: 1.125em;
    font-weight: bold;
    background:url(../images/arrow.png) right 2px center no-repeat;
}
.wrap .top .more a:hover{opacity: 0.6;}
.exhibition{overflow:hidden;}
.exhibition dl{display: block;width: 30%;float: left;}
.exhibition dl:nth-child(2){margin:0 5%;}
.exhibition dl dt{border:1px solid rgba(108, 108, 108, 0.06);box-sizing: border-box;}
.exhibition dl dt a{ 
    padding-top: 60%;
    display: block;
    width: 100%;
    position: relative;transition:all .3s; -webkit-transition:all .3s;
}
.exhibition dl dt a:hover{opacity: 0.7;}
.exhibition dl dt img{
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    display: block;
    top: 0px;
    left: 0px;z-index: 1;
    right: 0px;
    bottom: 0px;
    margin: auto;
}
.exhibition dl dd{text-align: center;}
.exhibition dl dd .tit{margin-top: 20px;margin-bottom: 10px;}
.exhibition dl dd .tit a{font-size:1.2em;color:#0a0501;transition:all .3s; -webkit-transition:all .3s;}
.exhibition dl dd .tit a:hover{color: #c70025;}

.exhibition dl dd .tit span{font-size:1.2em;color:#0a0501;transition:all .3s; -webkit-transition:all .3s;}
.exhibition dl dd .tit span:hover{color: #c70025;}

.exhibition dl dd .addres{font-size: 1em;color: #777777;}
.exhibition dl dd .line{width: 30%;height:6px;background:#c6c6c6;margin:10px auto;}

/*box_3*/
.box_3{overflow:hidden;padding-top: 50px;}
.box_3 .right{width: 41%;float: right;}
.box_3 .left{width: 52%;float: left;}
.achievements{position: relative;}
.achievements li a{display:block;}
.achievements li img{width: 100%;}
.achievements li a:hover{opacity:0.6;}
.achievements .owl-pagination{display: none;}
.achievements .owl-buttons a{
    position: absolute;
    top:50%;
    margin-top: -35px;
    height: 70px;
    width: 40px;
    display: block;
    background-color: #04a1ae;
    background-image: url(../images/prev_btn_a.png);
    background-repeat: no-repeat;
    font-size: 0;
    cursor: pointer;
}
.achievements .owl-buttons a.owl-prev{background-position: left 5px center;left: 0px;}
.achievements .owl-buttons a.owl-next{background-position: right 5px center;right: 1px;}
.achievements .owl-buttons a:hover{opacity: 0.7;}

.achievements .owl-nav button{
    position: absolute;
    top:50%;
    margin-top: -35px;
}
.achievements .owl-nav button span{
    display: block;
    height: 70px;
    width: 40px;
    background-color: #04a1ae;
    background-image: url(../images/prev_btn_a.png);
    background-repeat: no-repeat;
    font-size: 0;
    cursor: pointer;
}   
.achievements .owl-nav button.owl-prev{left: 0px;}
.achievements .owl-nav button.owl-prev span{
    background-position: left 5px center;
}
.achievements .owl-nav button.owl-next{right: 1px;}
.achievements .owl-nav button.owl-next span{
    background-position: right 5px center;
}
.achievements .owl-nav button:hover{opacity: 0.7;}

ul.theme li{display: inline-block;/*width: 55%;*/ width: 48%; padding:20px 0px;}
ul.theme li:nth-child(2n){/*width: 44%;*/}
ul.theme li a{
    display: block;
    color: #000;
    font-size: 1.7em;
    padding-left: 80px;
    line-height: 70px;
    background-image: url(../images/theme.png);
    background-repeat: no-repeat;
    background-size: 68px auto;
}
ul.theme li.live a{background-position: bottom -103px left 2px;}
ul.theme li.kc a{background-position: top 1px left 2px;}
ul.theme li.cd a{background-position: top -558px left 2px;}
ul.theme li.dl a{background-position: bottom 0 left 2px;}
ul.theme li.wc a{background-position: top -111px left 2px;}
ul.theme li.tx a{background-position: top -669px left 2px;}
ul.theme li.gj a{background-position: top -222px left 2px;}
ul.theme li.sw a{background-position: top -781px left 2px;}
ul.theme li.xb a{background-position: top -335px left 2px;}
ul.theme li.zy a{background-position: top -894px left 2px;}
ul.theme li.zf a{background-position: top -447px left 2px;}
ul.theme li a:hover{color: #95041f;}
/*box_4*/
.box_4{padding-top:70px;padding-bottom: 30px;}
/*.box_4 .title{padding-left: 50px;}*/
.box_4 dl{display: block;width: 100%;font-size: 0;}
.box_4 dl dt{display: inline-block;width: 100%;padding:0px 40px;box-sizing: border-box;vertical-align: middle;font-size: 16px;position: relative;}
.box_4 dl dd{display: inline-block;display: none; width: 50%;vertical-align: middle;font-size: 16px;padding-left: 9%;box-sizing: border-box;}
.box_4 .about_link li{padding:0px 10px;}
.box_4 .about_link li a{display:block;
    border:1px solid rgba(238, 238, 238, 0.48);
    box-sizing: border-box;
    position: relative;
    padding-top:22.5%; 
 }
.box_4 .about_link li a img{
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    display: block;
    top: 0px;
    left: 0px;z-index: 1;
    right: 0px;
    bottom: 0px;
    margin: auto;
}
.box_4 .about_link li a:hover{opacity: 0.7;}
.box_4 .about_link .owl-buttons a{
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -23px;
    cursor: pointer;
    height: 46px;
    font-size: 0;
    width: 34px;
    background:url(../images/prev_btn_b.png) no-repeat;
}
.box_4 .about_link .owl-pagination{display: none;}
.box_4 .about_link .owl-buttons a.owl-prev{
    left: -35px;
    background-position: left 2px center;
}
.box_4 .about_link .owl-buttons a.owl-next{
    right: -35px;
    background-position: right 2px center;
}
.box_4 .about_link .owl-buttons a:hover{opacity: 0.7;}

/* news */
.box_4 .about_link li .owl-nav button:hover{opacity: 0.7;}
.box_4 .about_link .owl-nav button{
    
    position: absolute;
    top: 50%;
    margin-top: -23px;
    cursor: pointer;
    
}
.box_4 .about_link .owl-nav button span{
    display: block;
    height: 46px;
    font-size: 0;
    width: 34px;
    background:url(../images/prev_btn_b.png) no-repeat;
}
.box_4 .about_link .owl-nav button.owl-prev{
    left: -35px;
    
}
.box_4 .about_link .owl-nav button.owl-prev span{
    background-position: left 2px center;
}
.box_4 .about_link .owl-nav button.owl-next{
    right: -35px;
    
}
.box_4 .about_link .owl-nav button.owl-next span{
    background-position: right 2px center;
}
.box_4 .about_link .owl-nav button:hover{opacity: 0.7;}

.box_4 dl dd form a{
    float: right;
    width: 160px;
    height: 60px;
    background:#c70025;
    box-sizing: border-box;
    display: block;
    line-height: 40px;
    padding:10px 0px;
    color: #fff;
    font-size: 1.12em;
    text-align: center;
}
.box_4 dl dd form a:hover{background:#95041f;}
.box_4 dl dd form .putin{display: block;margin-right: 160px;}
.box_4 dl dd form .putin input{
    width: 100%;
    box-sizing: border-box;
    border:3px solid #c8c8c8;
    border-right: 0px;
    height: 60px;
    line-height: 40px;
    color: #777777;
    font-size: 1.12em;
    padding:10px 30px;
}

footer .wrap{
    width: 95%;
    max-width: 1800px;
    margin: 0px auto;
    margin-top: 50px;
    position: relative;
    border-top: 3px solid #c8c8c8;
}
footer .f_logo{
    text-align: center;
    border-bottom: 3px solid #c8c8c8;
    padding-bottom: 35px;
    padding-top: 20px;
    display: none;
}
.cl:after {
    content: '';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.ellipsis-2 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.ellipsis-3 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.img-wrapper{
    display: block;
    overflow: hidden;
    position: relative;
    transition: .5s;
}
.img-wrapper img {
    position: absolute;
    display: block;
    max-width: 100%;
    max-height: 100%;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    margin: auto;
    transition: all .3s;
    -webkit-transition: all .3s;
}
.live-lists .img-wrapper{
    height:273px ;
}
.live-lists{
    margin: 0 -13px;
}
.live-lists li{
    float: left;
    margin-bottom: 40px;
    padding: 0 13px;
    box-sizing: border-box;
    width: 33.33%;
    
}
.live-lists li a{
    display: block;
    position: relative;
    transition: all .3s;
    -webkit-transition: all .3s;
}
.live-lists li .ellipsis-2{
    font-size: 1.25em;
    color: #000;
    font-weight: bold;
    height: 45px;
    line-height: 1.2;
}
.live-lists li a .ellipsis-2:hover{
    color: #c70025;
}
.live-lists li a img:hover{
    opacity: .7;
}
.no-iframe{
    padding-bottom: 40px;
}
.no-iframe img{
    max-width: 100%;
}
.cl {
    zoom: 1;
}
.footer-menu{
    
    background-color: #FAFAFA;
    position: relative;
}
.footer-menu .footer-nav{
    padding: 60px 80px;
}
.footer-menu .hvr-sink{
    width: 40px;
    height: 40px;
    background: #EAD1A7;
    position: absolute;
    left: 0;
    top: -21px;
    border-radius: 50%;
    cursor: pointer;
    border: 1px solid #fff;
    color: #fff;
    right: 0;
    margin: 0 auto;
    text-align: center;
    padding-top: 20px;
    box-sizing: border-box;
    z-index: 99;
    background: url(../images/00_2.png) #2FA3AF;
    background-repeat: no-repeat;
    background-position: center center;
    text-indent: -99999px;
}
.hvr-sink:hover{
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
}
.footer-menu .hvr-sink.active{
    background: url(../images/00_1.png) #2FA3AF;
    background-repeat: no-repeat;
    background-position: center center;
    text-indent: -99999px;
}





.footer-menu a{
    color: #000;
}
.footer-menu>.cl>li{
    float: left;
    margin-bottom: 20px;
    margin-right: 65px;
}
.footer-menu>.cl>li:last-child{
    margin-right: 0;
}
.footer-menu>.cl>li>a{
    font-weight: bold;
    font-size: 1.25em;
}
.footer-menu .footer-menu-child li{
    margin-top: 15px;
}
footer .f_link{width: 90%;margin:0px auto;display: table;padding-top: 30px;padding-bottom: 30px;font-size: 16px;color: #777777;line-height: 35px;}
footer .f_link right{
    width: 38%;
    display: block;
    float: left;
    padding-right: 20px;
    box-sizing: border-box;
}
footer .f_link .addres span{display: inline-block;vertical-align: middle;}
footer .f_link .addres a{
    display: inline-block;
    font-size: 0.8em;color: #fff;
    background:#e8b800;
    vertical-align: middle;
    line-height: 20px;
    padding:3px 10px;
    border-radius: 20px;
}
footer .f_link .addres a:hover{background:#95041f;}
footer .f_link .right2{
    /*width: 48%;
    display: block;*/
    float: right;
}
footer .f_link .right{
    float: left;
}
footer .f_link .right2 a{color: #777777;}
footer .f_link .right2 a:hover{color: #95041f;}
footer .wrap .marking{
    position: absolute;
    right:10px;
    bottom:25px;
}
footer .wrap .marking a{
    display: inline-block; 
    margin-left: 10px;
}
footer .wrap .marking a img{display: inline-block;/*height: 50px;*/}
footer .wrap .marking a:hover{opacity: 0.7;}
footer .f_link{position: relative;}
footer .f_link .logo{width: 12%;/* text-align: center; */float: left;padding-right: 20px;box-sizing: border-box;/* padding-top: 20px; */}
footer .f_link .logo a{display: inline-block;}
footer .f_link .logo a img{max-width: 100%;max-width: 300px;max-height: 140px;}
footer .f_link .logo a:hover{opacity: 0.7;}
/* mobile */
#mobi-btn{
    position: fixed;
    top: 20px;
    right: 35px;
    display:none;
    width:50px;
    height:50px;
    box-sizing:border-box;
    color: #585859;
    font-size:12px;
    text-align:center;
    z-index:1003;
    border-radius:5px;
}
#mobi-btn.act{top:20px;}
#mobi-btn .threeline {
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    width: 33px;
    height: 3px;
    background: #585859;
    -webkit-transition: background-color 0.6s;
    -moz-transition: background-color 0.6s;
    transition: background-color 0.6s;
    }

#mobi-btn .threeline::before {
  top: -10px;
}
#mobi-btn .threeline::after {
  top: 10px;
}
#mobi-btn .threeline::before, #mobi-btn .threeline:after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: #585859;
    right: 0;
    -webkit-transition: -webkit-transform .6s, top .6s, background-color 0s;
    -moz-transition: -moz-transform .6s, top .6s, background-color 0s;
    transition: transform .6s, top .6s, background-color 0s;
    }
/* mobile */
#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.375em;
    font-weight: bold; color:#3f464e; line-height:50px; 
    position:relative; cursor:pointer; transition:all .3s; -webkit-transition:all .3s; }
#mobile .navbar-nav > li.sub_ul > a:after{ content:" + "; display:block; position:absolute; font-size:20px; color:#c70025; right:35px; top:0;}
#mobile .navbar-nav > li.sub_ul > a.active:after{ content:" - "; }
#mobile .navbar-nav > li > a:hover{ color:#000;}
#mobile .navbar-nav > li >ul.sub-menu{display: none;border-bottom: 1px solid #4c5661;}
#mobile .navbar-nav > li >ul.sub-menu >li{padding: 5px 0px;display: inline-block;padding:0px 20px;width: 49%;box-sizing: border-box;}
#mobile .navbar-nav > li >ul.sub-menu >li:first-child{border-top: 0px;}
#mobile .navbar-nav > li >ul.sub-menu >li>a{display: block;color: #5c5d5c;line-height: 40px; font-size: 1.25em;
}
#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: 30px;font-size: 1.125em;display: block;color: #555;}
#mobile .navbar-nav ul.thr_menu >li >a:after{content: '';display: block;position: absolute;top: 12px;left: 1px;border-radius: 10px;width: 5px;height: 5px;background-color:#ab0a25;}
#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 a.open_thr_ul{display: none;}
#mobile .toplink ul{text-align: center;margin-top: 20px;}
#mobile .toplink ul li{display: inline-block;}
#header-lang{
    color: #3f464e;
  font-size: 15px;
  height: 25px;
  padding-left: 10px;
  border-color: #dedede;
  
}

nav .nav .toplink ul li:last-child { position: relative; }
.change-lang { display: block; position: relative; padding-right: 30px; cursor: pointer; }
.change-lang::after { content: ""; position: absolute; right: 15px; top: 8px; display: block; width: 8px; height: 5px; background: url(../images/arrow_1.png) left top; }
.header-lang { position: absolute; left: 0; top: 100%; display: none; width: 100%; margin-left: -1px; background: #fff; border: 1px solid #c7c7c7; z-index: 1; box-sizing: border-box; }
#mobile .toplink ul li { position: relative; }
#mobile .change-lang::after { right: 0px; top: 18px; }
.header-lang a { display: block; width: 100%; text-align: center; border-bottom: 1px solid #ddd; padding: 4px 0; box-sizing: border-box; }


#mobile .toplink ul li a{ display:inline-block; color:#3f464e; font-size:15px; padding:0 16px; line-height:37px; transition:all .3s; -webkit-transition:all .3s;}
#mobile .toplink ul li a:hover{ color:#108f50;}
#mobile .toplink .search .hot_s{text-align: center;}
#mobile .toplink .search .hot_s span,#mobile .toplink .search .hot_s a{display: inline-block;color:#3f464e; font-size:15px; padding:0 1px; line-height:37px;}
#mobile .toplink .search .putin{width: 70%;margin: 20px auto;padding-right: 90px;position: relative;}
#mobile .toplink .search .putin input{width: 100%;height: 40px;box-sizing: border-box;padding:2px 15px;line-height: 32px;}
#mobile .toplink .search .putin a{text-align: center;background:#c70025;color: #fff; position: absolute;right: 0px;top:0px;width: 90px;height: 40px;line-height: 40px;display: block;}
#mobile .toplink .s_link{text-align: center;margin-top: 10px;}
#mobile .toplink .s_link a{ display:inline-block; color:#3f464e; font-size:15px; padding:0 16px; line-height:37px; transition:all .3s; -webkit-transition:all .3s;}
#mobile .toplink .s_link a:hover{ color:#108f50;}
#mobile .open_four_ul{display: none !important;}
#mobile ul.four_menu{padding-left:10px;}
#mobile ul.four_menu >li{display: inline-block;padding-right:10px;}
#mobile ul.four_menu >li a{color:#100c0c;}
/*內頁*/
main .inner{display: table;}
main .inner .left_menu{display: table-cell;width: 350px;vertical-align: top;padding-top: 72px;}
main .inner .rig_cont{display: table-cell;padding-left: 60px;box-sizing: border-box;vertical-align: top;}
main .inner .left_menu ul.first_sub{}
main .inner .left_menu ul.first_sub>li>a{
    background: #05a1ae;
    color: #fff;
    display: block;
    text-align: center;
    padding:20px 20px;
    box-sizing: border-box;
    transition:all .3s;
    -webkit-transition:all .3s;
    font-size: 1.7em;
}
ul.first_sub .second_sub>li>a{
    display: block;color: #555555; text-align: center;padding:20px 20px;
    box-sizing: border-box;border-bottom: 3px solid #eeeeee;
    border-right: 3px solid #eeeeee;border-left: 3px solid #eeeeee;
    transition:all .3s; -webkit-transition:all .3s;
    font-size: 1.375em;
}
ul.first_sub .second_sub>li.sub>a{padding-right: 33px;}
.third_sub li a{
    display: block;color: #555555; text-align: center;
    padding:20px 20px;box-sizing: border-box;background: #eee;
    border-top: 3px solid #eee;border-bottom: 3px solid #fff;
    transition:all .3s; -webkit-transition:all .3s;
    font-size: 1.125em;
}
.third_sub li:last-child a{border-bottom-color: #eee;}
.third_sub li a:hover{border:3px solid #555;}
.second_sub>li.sub >a{position: relative;}
.second_sub>li.sub >a:after{
    content: '';
    width: 20px;height: 20px;
    top:50%;margin-top: -10px;right: 15px;
    position: absolute;
    background-image: url(../images/1.png);
    background-position: center;
    background-repeat: no-repeat; 
}
.second_sub>li.sub >a.open:after{
    content: '';
    width: 20px;height: 20px;
    top:50%;margin-top: -10px;right: 15px;
    position: absolute;
    background-image: url(../images/1.png);
    background-position: center;
    background-repeat: no-repeat; 
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
ul.first_sub .second_sub>li a.active{background:#eeeeee;color:#04a1ae}
/*.third_sub{display:none;}*/
.rig_cont .top{border-bottom: 3px solid #eee;padding-bottom: 14px;margin-bottom: 30px;}
.rig_cont .top:after{
    content: '';
    display: block;
    clear: both;
}
.rig_cont .top .path{font-size: 0.875em;display: inline-block;vertical-align: middle;line-height: 24px;}
.rig_cont .top .path a,.rig_cont .top .path span{display: inline-block;vertical-align: middle;color: #383838;}
.rig_cont .top .path span{padding:0px 10px;}
.rig_cont .top .path a:hover{color: #c70025;}
.rig_cont .top .f_s{float: right;}
.rig_cont .top .f_s .fontsize,.rig_cont .top .f_s .cont_share{display: inline-block;vertical-align: middle;}
.rig_cont .top .f_s span,.rig_cont .top .f_s a{vertical-align: middle;display: inline-block;}
.rig_cont .top .f_s .fontsize{font-size: 0.875em;color: #383838;}
.rig_cont .top .f_s .fontsize a{color: #383838;background: #e3e3e3;margin:0px 5px;padding:1px 4px;}
.rig_cont .top .f_s .fontsize a:hover{color: #c70025;}
.rig_cont .top .f_s .fontsize a.active{color: #fff;background: #c70025;}
#fontsize.small{font-size: 90%;}
#fontsize.midle{font-size: 100%;}
#fontsize.big{font-size: 110%;}
#fontsize.biger{font-size: 120%;}
.rig_cont .top .f_s .cont_share{margin-left: 30px;font-size: 0;}
.rig_cont .top .f_s .cont_share a{
    width: 30px;height: 24px;background-image: url(../images/Social.png);background-repeat: no-repeat;margin-left: 15px;
    transition:all .3s; -webkit-transition:all .3s;
}
.rig_cont .top .f_s .cont_share >span{
    display: inline-block;position: relative;
}
.rig_cont .top .f_s .cont_share >span.qr>span{display: none;
    position: absolute;
    top:100%;
    right: 0px;

}
.rig_cont .top .f_s .cont_share >span.qr>span img{display: block;}
.rig_cont .top .f_s .cont_share >span.qr:hover span{display: block;}
.rig_cont .top .f_s .cont_share a.qrcode{
    background: url(../images/qr.png) center no-repeat;
    background-size: 20px auto;
    margin-left: 0px;
}
.rig_cont .top .f_s .cont_share a.facebook{background-position: left 3px center;width: 20px;}
.rig_cont .top .f_s .cont_share a.yotub{background-position: left -38px center;}
.rig_cont .top .f_s .cont_share a.goole{background-position: left -90px center;}
.rig_cont .top .f_s .cont_share a.rss{background-position: left -134px center;}
.rig_cont .top .f_s .cont_share a.print{
    background:url(../images/print.png) center no-repeat;
}
.rig_cont .top .f_s .cont_share a:hover{opacity: 0.6;}
/*內頁開始*/
main .wrap.inner{padding-top: 40px;}
/*藝文展覽*/
.exhibition_cont li{background: #eee;margin-bottom: 15px;padding:20px 50px 40px 50px;}
.exhibition_cont li .t a{
    color: #555555;font-size: 1.75em;display: inline-block;
    transition:all .3s; -webkit-transition:all .3s;
}
.exhibition_cont li .t a:hover{color: #c70025;}
.exhibition_cont li .t{margin-bottom: 30px;}
.exhibition_cont li dl dt a{display: block;position: relative;padding-top: 75%;transition:all .3s; -webkit-transition:all .3s;}
.exhibition_cont li dl dt a:hover{opacity: 0.7;}
/*480*360*/
.exhibition_cont li dl dt a img{position: absolute;
    max-width: 100%;
    max-height: 100%;
    display: block;
    top: 0px;
    left: 0px;z-index: 1;
    right: 0px;
    /*bottom: 0px;*/
    margin: auto;
}
.exhibition_cont li dl{display: table;}
.exhibition_cont li dl dt{display: table-cell;width: 440px;vertical-align: top;}
.exhibition_cont li dl dd{display: table-cell;padding-right: 20px;
    vertical-align: top;font-size: 1.25em;color: #555;
    line-height: 50px;padding-left: 40px;}
.exhibition_cont li dl dd .intrudce{
    overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;
}
/* page */
#page{padding-top:0px; text-align:center; clear:both;margin-top:30px;font-size: 1.25em;}
#page .page{padding:10px 0; overflow:hidden; text-align:center;padding-top: 40px;font-size: 0;font-weight: bold;}
#page .page a{margin-bottom: 10px;position:relative;display:inline-block;background: #fff;color: #5e5e5e;transition:all .3s;
    -webkit-transition:all .3s;font-weight: bold;box-sizing:border-box;width:40px;line-height:40px;font-family:helvetica;font-size:18px;
    text-align:center;cursor:pointer;box-sizing:border-box;
   /* border:1px solid #bfbfbf;border-left:0px;*/
}
#page .page_num{    font-weight: bold;
    color: #5c5c5c;}
#page .page a.first{margin-right: 15px;margin-left: 0px;}
#page .page a.first,
#page .page a.last{border:2px solid #e3e3e3;margin-left: 15px;width: 90px;color: #5c5c5c;font-weight: normal;line-height: 32px;}
/*#page .page a.prev{border-left:1px solid #bfbfbf;}*/
#page .page a.num.active,#page .page a.num.active:hover{background: #c70025;color: #fff;}
#page .page a.num:hover,
#page .page a.prev:hover,
#page .page a.next:hover,
#page .page a.first:hover,
#page .page a.last:hover{background: #eeeeee;color: #c70025;}
/*活動資訊*/
.active_cont .tips{color: #555555;font-size: 0.875em;    padding-top: 30px;}
.active_cont ul li{padding:20px 30px 13px 20px;border-bottom: 2px dotted #04a1ae;}
.active_cont ul li a{display: block; font-size: 1.375em;color: #555555;line-height: 50px;position: relative;transition:all .3s;
    -webkit-transition:all .3s;}
.active_cont.files ul li a{padding-right: 45px;}
.active_cont.files ul li a:after{content: '';display: block;
    position: absolute;top:50%;
    margin-top: -15px;
    width: 30px;
    height: 30px;
    background-image: url(../images/dl_icon.png);
    background-repeat: no-repeat;
    right: 3px;
    transition:all .3s;   
    -webkit-transition:all .3s;
}
.active_cont ul li a.down:after{background-position: left top;}
.active_cont ul li a.pdf:after{background-position: -30px top;}
.active_cont ul li a.xls:after{background-position:-60px top;}
.active_cont ul li a.xlsx:after{background-position:-90px top;}
.active_cont ul li a.doc:after{background-position: -120px top;}
.active_cont ul li a.docx:after{background-position:right top;}
.active_cont ul li a.ppt:after{background-position:left -30px;}
.active_cont ul li a.pptx:after{background-position:-30px -30px;}
.active_cont ul li a.zip:after{background-position:-60px -30px;}
.active_cont ul li a.rar:after{background-position:-90px -30px;}
.active_cont ul li a.jpg:after{background-position:-120px -30px;}
.active_cont ul li a.tiff:after{background-position:right -30px;}
.active_cont ul li a.png:after{background-position:left -60px;}
.active_cont ul li a.gif:after{background-position:-30px -60px;}
.active_cont ul li a.wmv:after{background-position:-60px -60px;}
.active_cont ul li a.txt:after{background-position:-90px -60px;}
.active_cont ul li a.text:after{background-position:-120px -60px;}
.active_cont ul li a.opt:after{background-position:right -60px;}
.active_cont ul li a.odt:after{background-position:left bottom;}
.active_cont ul li a.ods:after{background-position:-30px bottom;}
.active_cont ul li a.odp:after{background-position:-60px bottom;}
.active_cont ul li a.odf:after{background-position:-90px bottom;}
.active_cont ul li a.odg:after{background-position:-120px bottom;}
.active_cont ul li a.odb:after{background-position:right bottom;}

.active_cont ul li a:hover:after{opacity: 0.7;}
.active_cont ul li a:hover{color: #c70025;}
.active_cont ul{margin-bottom: 50px;}
.active_cont.files .dow_tit{border-left: 6px solid #04a1ae;font-size: 1.5em;padding-left: 10px;}



/*成果照片*/
.results_photo{overflow:hidden;}
.results_photo .tab{font-size: 0;}
.results_photo .tab li{font-size: 16px; display: inline-block;margin-right: 2%;width: 15%;margin-bottom: 15px;}
.results_photo .tab li:nth-child(6n){margin-right: 0;}
.results_photo .tab li a{display: table;width: 100%;height:60px;color: #383838;font-size: 0.95em;padding:0px 20px;box-sizing: border-box; border:2px solid #eeeeee;transition:all .3s;
    -webkit-transition:all .3s;}
.results_photo .tab li a span{display: table-cell;vertical-align: middle;line-height: 20px;text-align: center;}
.results_photo .tab li a:hover,.results_photo .tab li a.active{background: #a0a0a0;border-color: #a0a0a0;color: #fff;}
.results_photo .cont{font-size: 0;margin-left: -30px;margin-right: -30px;}
.results_photo .cont li{width: 33.333%;padding-bottom: 30px;position: relative;height:410px;box-sizing: border-box;
    display: inline-block;font-size: 16px;padding-top: 40px;
    vertical-align: top;
    border-bottom: 2px solid #eee;
}

.results_photo .cont li dl{border-right: 2px solid #eee;padding-right: 30px;padding-left: 30px;box-sizing: border-box;}
.results_photo .cont li:nth-child(3n) dl{border-right: 0px solid #eee;}
.results_photo .cont li dl dd a{text-align: center;line-height: 22px;padding:0px 30px;padding-top: 30px;height:71px;box-sizing: border-box;
    overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;transition:all .3s;
    -webkit-transition:all .3s;
color: #383838;font-size: 0.875em;}
.results_photo .cont li dl dd a:hover{color: #c70025;}

.results_photo .cont li dl dd span{text-align: center;line-height: 22px;padding:0px 30px;padding-top: 30px;height:71px;box-sizing: border-box;
    overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;transition:all .3s;
    -webkit-transition:all .3s;
color: #383838;font-size: 0.875em;}
.results_photo .cont li dl dd span:hover{color: #c70025;}

.results_photo .cont li dl dt a{display: block;padding-top: 65.7%;position: relative;border:1px solid #eee;transition:all .3s;
    -webkit-transition:all .3s;}
.results_photo .cont li dl dt a img{
    position: absolute;
     max-width: 100%;
    max-height: 100%;
    display: block;
    top: 0px;
    left: 0px;z-index: 1;
    right: 0px;
    bottom: 0px;
    margin: auto;
}
.results_photo .cont li dl dt a:hover{opacity: 0.7;}
.results_photo .cont li:last-child dl{border-right: 0px;}

/*zhanjian*/
.zhanjian .tit{
    color: #555555;
    font-size: 1.5em;
    border-left: 5px solid #05a1ae;
    padding-left: 20px;
    line-height: 30px;
    margin-bottom: 30px;
}
.zhanjian .cont_top{padding-left: 25px;box-sizing: border-box;margin:0px auto; margin-bottom: 30px;}
.zhanjian .cont_top dl{display: table;width: 90%;font-size: 1.125em;border: 1px solid #f7ecec;border-bottom-width: 0px;}
.zhanjian .cont_top dl dt{display: table-cell;width: 150px;box-sizing: border-box; border-right: 1px solid #efefef;padding: 9px 19px;text-align: right;background: #f5eded;vertical-align: middle;}
.zhanjian .cont_top dl dd{display: table-cell;padding: 9px 19px;vertical-align: middle;box-sizing: border-box; }
.zhanjian .cont_top dl:last-child{border-bottom-width: 1px;}

.zhanjian .info_img{text-align: center;margin-bottom: 30px;}
.zhanjian .info_img img{display: inline-block;max-width: 100%;max-height: 400px;}
.zhanjian .cont_info{
    padding-left: 25px;line-height: 35px;letter-spacing: 1px;padding-right: 25px;
    font-size: 1.125em;
}
.zhanjian .cont_info table td,.zhanjian .cont_info table th{padding:5px 10px;}
.zhanjian .cont_info .s_tit{color: #c70d25;font-size: 1.25em;}

.zhanjian .cont_img{padding-left: 25px;padding-top: 40px;padding-bottom: 20px;}
.zhanjian .cont_list{padding-left: 25px;}
.zhanjian .cont_img ul{font-size: 0;}
.zhanjian .cont_img ul li{display: inline-block;width: 31%;margin-bottom: 40px;font-size: 16px;vertical-align: top;}
.zhanjian .cont_img ul li a{display: block;border:2px solid #eee;position: relative;box-sizing: border-box;padding-top: 79%;transition:all .3s;
    -webkit-transition:all .3s;}
.zhanjian .cont_img ul li:nth-child(3n-1){margin-right: 3.5%;margin-left: 3.5%;}
.zhanjian .cont_img ul li a img{
    position: absolute;
     max-width: 100%;
    max-height: 100%;
    display: block;
    top: 0px;
    left: 0px;z-index: 1;
    right: 0px;
    bottom: 0px;
    margin: auto;
}
.zhanjian .cont_img ul li a:hover{opacity: 0.7;}
.zhanjian .cont_img ul li .t{text-align:center;font-size: 1.25em;line-height: 30px;padding-top: 10px;}
.zhanjian .cont_list dl:first-child{border-top: 3px solid #c70025;}
.zhanjian .cont_list dl{border-bottom: 3px dotted #c70025;display: table;width: 100%;padding:30px 0px;}
.zhanjian .cont_list dl dt{width: 180px;display: table-cell;vertical-align: top;}
.zhanjian .cont_list dl dt img{max-width: 100%;}
.zhanjian .cont_list dl dd{padding-left: 70px;padding-right: 10px;color: #555555;font-size: 1em;line-height: 35px;letter-spacing: 1px;}
.zhanjian .cont_list dl dd a{color: #555555;position: relative;display: block;line-height: 20px;margin-bottom: 10px;transition:all .3s;
    -webkit-transition:all .3s;}
.zhanjian .cont_list dl dd a:hover{color: #c70025;}
.zhanjian .cont_list dl dd a:after{
    content: '';
    display: block;
    width: 13px;
    height: 13px;
    background: #555;
    position: absolute;
    top:3px;
    left:-30px;
}
.zhanjian .cont_list dl dd a:hover:after{background: #c70025;}
.zhanjian .cont_info a{color: #0066a6;}
.zhanjian .cont_info a:hover{color: #c70025;}

.zhanjian .cont_info>ul li{font-size: 1.5em;}
/*opentime*/
.opentime{font-size: 1.375em;color: #555555;letter-spacing: 1px;}
.opentime .tit{
    border-left: 5px solid #c70025;
    padding-left: 20px;
    line-height: 20px;
    margin-bottom: 30px;
}
.opentime .cont{padding-left: 25px;line-height: 40px;margin-bottom: 40px;}
.opentime .cont .tip{font-size: 0.7em}
.opentime .cont a.mail{color: #0066a6;transition:all .3s;
    -webkit-transition:all .3s;}
.opentime .cont a.mail:hover{color: #c70025;}
/* file_down */
.file_down{padding-left: 30px;}
.file_down .t{margin-bottom: 20px;}
ul.down_file_ul li{margin-bottom: 20px;font-size: 0.9em;}
ul.down_file_ul li a{color:#999;font-size:1.25em;}
ul.down_file_ul li a:hover{color:#c70025; text-decoration:none;}
ul.down_file_ul li a:hover{color:#999; text-decoration:none;}
ul.down_file_ul li a:before{content:""; position:relative; top:-2px; display:inline-block; width:30px; height:30px; margin-right:5px; background:url(../images/dl_icon.png); vertical-align:middle;}
ul.down_file_ul li a.pdf:before{background-position: -30px top;}
ul.down_file_ul li a.xls:before{background-position:-60px top;}
ul.down_file_ul li a.xlsx:before{background-position:-90px top;}
ul.down_file_ul li a.doc:before{background-position: -120px top;}
ul.down_file_ul li a.docx:before{background-position:right top;}
ul.down_file_ul li a.ppt:before{background-position:left -30px;}
ul.down_file_ul li a.pptx:before{background-position:-30px -30px;}
ul.down_file_ul li a.zip:before{background-position:-60px -30px;}
ul.down_file_ul li a.rar:before{background-position:-90px -30px;}
ul.down_file_ul li a.jpg:before{background-position:-120px -30px;}
ul.down_file_ul li a.tiff:before{background-position:right -30px;}
ul.down_file_ul li a.png:before{background-position:left -60px;}
ul.down_file_ul li a.gif:before{background-position:-30px -60px;}
ul.down_file_ul li a.wmv:before{background-position:-60px -60px;}
ul.down_file_ul li a.txt:before{background-position:-90px -60px;}
ul.down_file_ul li a.text:before{background-position:-120px -60px;}
ul.down_file_ul li a.opt:before{background-position:right -60px;}
ul.down_file_ul li a.odt:before{background-position:left bottom;}
ul.down_file_ul li a.ods:before{background-position:-30px bottom;}
ul.down_file_ul li a.odp:before{background-position:-60px bottom;}
ul.down_file_ul li a.odf:before{background-position:-90px bottom;}
ul.down_file_ul li a.odg:before{background-position:-120px bottom;}
ul.down_file_ul li a.odb:before{background-position:right bottom;}

footer .wrap{position: relative;}
a.gotop{
    position: absolute;
    display: inline-block;
    top:-60px;right: 1px;
    border:3px solid #eee;
    padding:10px 30px;
    color: #555555;transition:all .3s;
    -webkit-transition:all .3s;
    font-weight: bold;
    font-size: 0.875em;
}
a.gotop:hover{color: #c70025;background: #eee;}
.chronicle{width: 95%;margin:0px auto;padding-top:70px;}
.chronicle dl{margin-bottom: 10px;}
.chronicle dl dt a{display: block;/* background:#eeeeee; */border: 1px solid #eee;color: #000;font-size: 1.25em;padding:15px 40px;line-height: 40px;transition:all .3s;-webkit-transition:all .3s;}
.chronicle dl dt a:hover{background: #fbf2f2;}
.chronicle dl dd{padding:25px 40px;display: none;line-height: 30px;}
.chronicle dl dd a{color:#a45900;}
.chronicle dl dd a:hover{color:#c70d25;}
.chronicle dl dd>div{padding:10px 0px;}
.chronicle dl dd .tit{color: #a45900;font-size: 1.25em;}
.chronicle dl dd .cont{color:#555555;font-size: 0.875em;}
.chronicle .total{color: #5c5c5c;font-size: 1.25em;}

/***意見信箱*******/
.opinion_mailbox form{width: 80%;margin:0px auto;margin-top: 30px;}
.opinion_mailbox form div.form_box> dl{margin-bottom:35px;display: table;width: 100%;}
.opinion_mailbox form div.form_box> dl dt{width:20%;min-height: 10px;line-height: 20px;letter-spacing: 1px;color:#000000;font-size:1.25em;display: table-cell;vertical-align: middle;}
.opinion_mailbox form div.form_box> dl dd{width:79%;display: table-cell;vertical-align: middle;}
.opinion_mailbox form div.form_box> dl dd input[type="text"],.opinion_mailbox form div.form_box> dl dd input[type="email"]{border-radius:2px;padding-left:10px;width:100%;box-sizing:border-box;height:40px;border: 1px solid #cccbcb;
    background: #f5f5f5;}
.opinion_mailbox form div.form_box> dl dd > div:nth-child(2){margin-top:5px;color:#5e5e5e;font-size:0.875em;}
.opinion_mailbox form div.form_box> dl.yz { margin: 40px 0px 60px 0px;}
/* .article form > dl.yz dd,.article form > dl:last-child dd{width:auto;} */
.opinion_mailbox form div.form_box> dl.yz dd span.img,.article form > dl.yz dd input{float:left;height:40px;}
.opinion_mailbox form div.form_box> dl.yz dd input{width:160px;}
.opinion_mailbox form div.form_box> dl.yz dd span.img{display:block;margin-left: 10px;border: 1px solid #ddd;box-sizing: border-box;text-align:center;padding-top:4px;}
.opinion_mailbox form div.form_box> dl.yz dd img{margin-right:0px;height:auto;}
.opinion_mailbox form div.form_box> dl.yz dd a{
    display:block;
    float:left;
    border:1px solid #ddd;
    font-size: 1.25em;
    background:#eee;
    margin-left:10px;
    padding:0px 10px;
    color:#666;
    line-height: 38px;transition:all .3s;-webkit-transition:all .3s;
    }
    .opinion_mailbox form > dl.yz dd a:hover{color:#f00}

.opinion_mailbox form div.form_box> dl dd.radio span{display:block;float:left;}
.opinion_mailbox form div.form_box> dl dd.radio span input{width:20px;height:20px}
.opinion_mailbox form div.form_box> dl dd.radio span:nth-child(2n+1){margin-right:5px;}
.opinion_mailbox form div.form_box> dl dd.radio span:nth-child(2n){margin-right:25px;}
.opinion_mailbox form .t{font-size: 1.5em;border-bottom: 2px solid #eee;padding-bottom: 20px;    color: #d49b00;}
.opinion_mailbox form div.form_box> dl dd textarea{width: 100%;min-height: 90px;padding:10px;border: 1px solid #cccbcb;
    background: #f5f5f5;box-sizing: border-box;}
.opinion_mailbox form > .btn{text-align: center;}
.opinion_mailbox form > .btn button{margin-right: 20px;width:120px;display: inline-block;font-size:1.125em;background:none;cursor:pointer;line-height:36px;text-align:center;box-sizing:border-box;border: 2px solid #c70d25;color:#000;transition:all .3s;-webkit-transition:all .3s;}
.opinion_mailbox form > .btn button:last-child{margin-right: 0px;}
.opinion_mailbox form > .btn button:hover{color: #c70d25;}
.opinion_mailbox form ul.botm{border-top:2px solid #eee;border-bottom:2px solid #eee;padding:20px 30px;    list-style-type: disc;margin-bottom: 30px;}
.opinion_mailbox form .red{color: #f00;}
.opinion_mailbox form ul.botm li{line-height: 30px;font-size: 1.25em;margin-bottom: 10px;}
.opinion_mailbox form ul.botm li a{color: #d46300;transition:all .3s;-webkit-transition:all .3s;}
.opinion_mailbox form ul.botm li a:hover{color: #d49b00;}
.opinion_mailbox form div.form_box.epaper dl dt{width: 100px;}

main .inner .left_date{width: 300px;display: table-cell;vertical-align: top;padding-top: 72px;}
main .inner .rig_cont.cont_calendar{padding-left: 0px;}
/*calendar*/
.left_calendar{border:1px solid #c6c6c6;box-sizing: border-box;padding-bottom: 20px;}
.left_calendar .cal_top{text-align: center;padding:10px 30px;border-bottom:1px solid #c6c6c6;box-sizing: border-box;position: relative;}
.left_calendar .cal_top .back{
    display: block;
    float: left;
    padding-top: 12px;
}
.left_calendar .cal_top .back a{
    border:2px solid #c70025;
    padding:2px 4px;
    color: #c70025;
    font-size: 1.125em;
    vertical-align: middle;
    display: block;
    line-height: 20px;
}
.left_calendar .cal_top .back a:hover{opacity: 0.7;}
.left_calendar .cal_top .month>a,.left_calendar .cal_top .year>a{
    font-size: 1.25em;
    color: #c70025;
    padding-right: 20px;
    background:url(../images/angle.png) right center no-repeat;
    background-size: 12px auto;
    line-height: 26px;
}
.left_calendar .cal_top .month>a{font-size: 1.2em;}
.left_calendar .cal_top .month,.left_calendar .cal_top .year{
    position: relative;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    margin:0px 20px;
}
.left_calendar .cal_top .month ul,.left_calendar .cal_top .year ul{
    display: none;
    position: absolute;
    top:100%;
    left: 0px;
    width: 100%;
    text-align: center;
    border:1px solid #ddd;
    background:#fff;
    max-height: 400px;z-index: 11;
    /*height: 200px;*/
    overflow-y: auto;
}
.left_calendar .cal_top ul li a{display: block;line-height: 30px;color: #222222;}
.left_calendar .cal_top ul li a:hover{background:#ddd;}
.left_calendar .cal_body{padding:0 3%;box-sizing: border-box;position: relative;padding-top: 20px;box-sizing: border-box;}
.left_calendar .cal_body table{text-align: center;font-size: 1.3em;color: #424242;/* max-width: 550px; */margin:0px auto;width: 100%;}
.left_calendar .cal_body table a{color: #424242;}
.left_calendar .cal_body table tr th:first-child,.left_calendar .cal_body table tr td:first-child a{color: #ef5350;}
.left_calendar .cal_body table tr td.gray a{color: #e0e0e0;cursor: text;}
.left_calendar .cal_body table tr td{padding:8px 0px;}
.left_calendar .cal_body table tr td a{display: inline-block;max-width: 50px;min-width: 25px;cursor:default}
.left_calendar .cal_body table.week{margin-bottom: 20px;width: 100%;}
.left_calendar .cal_body table tr td.today a{background: #fabbc3;}
.left_calendar .cal_body table tr td.todaya a{color: #c70d25;background: #fabbc3;border:2px solid #d41b1b;}
.left_calendar .cal_body table tr td.active a{/*border:2px solid #d41b1b;*/cursor:pointer;}
.left_calendar .cal_body table tr td.active a:hover,.left_calendar .cal_body table tr td.active a:focus{background: #fabbc3;}
.left_calendar .cal_top .cal_prev,.left_calendar .cal_top .cal_next{
    position: absolute;
    top: 50%;
    width: 20px;margin-top: -10px;
    font-size: 0;
    height: 20px;
    text-align: center;
    background-image: url(../images/prev_btn.png);
    background-size: auto 20px;
}
.left_calendar .cal_top .cal_prev{left: 13px;}
.left_calendar .cal_top .cal_next{right: 13px;background-position: right 1px center;}
.left_calendar .cal_top .cal_prev:hover,.left_calendar .cal_top .cal_next:hover{opacity: 0.7;}
.rig_calendar .bot .tab ul li{display: table;width: 100%;line-height: 30px;border-right:1px solid #ca3708;}
/*.rig_calendar .bot .box dl dt,.rig_calendar .bot .box dl dd{display: table-cell;vertical-align: top;}*/
/*.rig_calendar .bot .box dl dt{width: 45%;}
.rig_calendar .bot .box dl dd{width: 55%;}*/
/*.rig_calendar .bot .box dl div.a{display: table;width: 100%;height:100%;}*/
.rig_calendar .bot .tab ul li div.b{display: table-cell;text-align: center;padding:5px;border-top:1px solid #ca3708;box-sizing: border-box; border-left:1px solid #ca3708;vertical-align: middle;}
.rig_calendar .bot .tab ul li div.b label{display: none;}
.rig_calendar .bot .box_a{padding-top: 20px;}
.rig_calendar .bot .box_a .tb{background-color: #e5e4e4;}
.rig_calendar .bot .tab ul li:last-child{border-bottom:1px solid #ca3708;}
.w_45{width: 45%;}
.w_15{width: 15%;}
.w_12{width: 12%;}
.w_23{width: 23%;}
.w_20{width: 20%;}
.w_19{width: 19%;}
.w_29{width: 29%;}
.w_34{width: 34%;}
.w_30{width: 30%;}
.w_10{width: 10%;}
.w_25{width: 25%;}
.w_6{width: 6%;}
.w_16{width: 16%;}
.w_8{width: 8%;}
.w_25{width: 25%;}
.rig_calendar .bot .bot_tit{
    
    font-size: 1.5em;
}
.rig_calendar .bot .box_tit{
    color: #555555;
    font-size: 1.375em;
    border-left: 5px solid #04a1ae;
    padding-left: 15px;
    line-height: 20px;
    margin-bottom: 10px;
    
}
.rig_calendar .bot .tab{padding-bottom: 30px;border-bottom:1px solid #f9f6f6;margin-bottom: 50px;}
.rig_calendar .bot .box_t2{text-align: center;padding-bottom: 10px;}
.rig_calendar .bot .box_b .tb{background-color: #feedef;}
/*.rig_calendar .bot .box.tab_b .tb{color: #fff;}*/
li.last_tab div{border-top:1px solid #04a1ae;border-left:1px solid #04a1ae;}
li.last_tab div.t{text-align: center;padding: 5px;line-height: 30px;}
li.last_tab div.n{text-align: left;padding: 5px 20px;}
li.last_tab div.n label{display: none;}

/*出版品列表頁*/
.active_list.publist>div{font-size: 0;}
.active_list.publist dl{
    /*width: 22%;margin-right:3%;*/
    box-shadow: 0 0 5px rgba(102,102,102,.3);
    box-sizing: border-box;
    margin-bottom: 30px;
    display: inline-block;
    vertical-align: top;
    width: 31%;
    font-size: 16px;
}
.active_list.publist dl:nth-child(3n-1){margin-right: 3%;margin-left: 3%;}
/*.active_list.publist dl:nth-child(3n-1){margin-right:3%;margin-left: 0;}
.active_list.publist dl:nth-child(4n){margin-right:0;}*/
.active_list.publist dl dt a{
    padding-top:110%;transition:all .3s;-webkit-transition:all .3s;
        display: block;
    position: relative;
    border: 1px solid #eee;
}
.active_list.publist dl dt a img {
    display: block;
    position: absolute;
    max-width: 100%;
    max-height: 100%;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    margin: auto;
}
.active_list.publist dl dd{min-height: 100px;padding-bottom: 40px;}
.active_list.publist dl dt .tit{
    margin: 10px;
    border-bottom: 1px solid #bca172;
    font-size: 22px;
    color: #a76351;
    text-align: center;
    line-height: 30px;
    height: 60px;
    overflow: hidden;
}
.active_list.publist dl dd{
    padding: 20px;
    font-size: 0.9em;
    color: #525252;
    line-height: 28px;
    box-sizing: border-box;
}
.active_list.publist dl dd span{display: block;}
.active_list.publist dl dd div{height:112px;overflow:hidden;}
.zhanlan_cont .tit{    border-left: 5px solid #04a1ae;
    padding-left: 20px;
    line-height: 23px;
    margin-bottom: 30px;
        font-size: 1.375em;
}
.zhanlan_cont .cont{padding-bottom: 60px;}
.zhanlan_cont .cont dl{display: table;width: 100%;border:1px solid #ddd;line-height: 30px;border-bottom: none;}
.zhanlan_cont .cont dl:last-child{border-bottom: 1px solid #ddd;}
.zhanlan_cont .cont dl dt{display: table-cell;width: 200px;vertical-align: middle;padding:10px 20px;font-weight: bold;box-sizing: border-box;}
.zhanlan_cont .cont dl dd{display: table-cell;border-left:1px solid #ddd;vertical-align: middle;padding:10px 20px;box-sizing: border-box;}
.active_list{margin: 0px 20px;font-size: 0;padding:30px 0px;padding-top: 20px;}
.active_list dl{display: inline-block;width: 28%;vertical-align: top;font-size: 16px;}
.active_list dl dt a{display: block;position: relative;padding-top: 75%;border:1px solid #eee;}
.active_list dl dt a img{display: block;position: absolute;
    display: block;
    max-width: 100%;max-height: 100%;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    margin: auto;
}
.active_list dl dt a:hover{opacity: 0.7;}

.active_list dl dd{height:130px;}
.active_list dl dd .tit{padding-top: 20px;padding-bottom: 15px; font-size: 0.875em;color: #383838;line-height: 20px;box-sizing: border-box;}
.active_list dl dd .tit a{color: #383838;display: block;
    overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;
}
.active_list dl dd .tit a:hover{color: #f9a902;}
.active_list dl dd .data{color: #aaaaaa;font-size: 0.7em;
    padding-left: 20px;
    background: url(../images/31.png) left 1px top 2px no-repeat;background-size: 15px auto;line-height: 20px;
}
.active_list dl:nth-child(3n-1){margin-left: 8%;margin-right: 8%;}
.active_list.links dl{width: 22%;margin-right: 4%;}
.active_list.links dl:nth-child(3n-1){margin:0;margin-right: 4%;}
.active_list.links dl:nth-child(4n){margin-right: 0;}
.active_list.links dl dt a{position: static;text-align: center;padding-top: 10px;padding-bottom: 7px;padding-left: 10px;padding-right: 10px;box-sizing: border-box;}
.active_list.links dl dt a img{
    max-width: 100%;
    position: static;
    display: inline-block;
}
.active_list.links dl dd{text-align: center;height: auto;margin-top: 10px;min-height:60px;margin-bottom: 20px;}

.zhanlan_search .tit{    border-left: 5px solid #04a1ae;
    padding-left: 20px;
    line-height: 23px;
    margin-bottom: 30px;
        font-size: 1.375em;
}
.zhanlan_search .cont{padding-bottom: 60px;}
.zhanlan_search .cont dl{display: table;width: 100%;border:1px solid #ddd;line-height: 30px;border-bottom: none;}
.zhanlan_search .cont dl:last-child{border-bottom: 1px solid #ddd;}
.zhanlan_search .cont dl dt{display: table-cell;width: 200px;vertical-align: middle;padding:10px 20px;font-weight: bold;box-sizing: border-box;}
.zhanlan_search .cont dl dd{display: table-cell;border-left:1px solid #ddd;vertical-align: middle;padding:10px 20px;box-sizing: border-box;}
.zhanlan_search form span,.zhanlan_search form select,.zhanlan_search form button{display: inline-block;vertical-align: middle;}
.zhanlan_search .cont dl dd img{max-width: 120px;}
.zhanlan_search form{padding-bottom: 20px;}
.zhanlan_search form span{font-weight: bold;font-size: 1.25em;}
.zhanlan_search form select{font-size: 1.125em;padding:5px 20px;border-radius: 5px;margin-right: 20px;background-color: #F29600;color: #fff;border:none;color: #fff;}
.zhanlan_search form button{background: #ddd;cursor: pointer;font-size: 1.125em;padding:5px 10px;border:none;border-radius: 5px;}
.zhanlan_search form button:hover{background: #c70d25;color: #fff;}

/*搜尋*/
.input-group {
  position:relative;
  display:table;
  border-collapse:separate;
}
.search-block-v2 {
  background:#f6f6f6;
  padding:20px 0;
  border-bottom:1px #f4f4f4 solid;
  margin-bottom:40px;
  margin-top:30px;
}
.search-block-v2 a {
  color:#ffaf3d;transition:all .3s;-webkit-transition:all .3s;
}
.search-block-v2 a:hover {
  color:#ffaf3d;
  text-decoration:underline;
}
.search-block-v2 .container {
  padding-right:0px;
  padding-left:0px;
  margin-right:auto;
  margin-left:auto;
  width:80%;
}
.search-block-v2 .searchall-div {
  width:70%;
  margin:0 auto;
}
.searchall-div .form-control {
  height:40px;
}
.searchall-div .input-group-btn {
  width:1%;
}
.input-group-btn,.input-group .form-control {
  display:table-cell;
  vertical-align: top;
}
.search-radio {
  line-height:24px;
  padding-top:10px;
}
.clients-page p {
  overflow:hidden;
  height:60px
}
.clients-page {
  margin-top:10px;
  margin-bottom:0px;
  border-bottom:solid 1px #eee;
  position:relative;
  line-height:1.8;
}
.clients-page ul {
  margin-bottom:10px;
}
.clients-page li {
  margin:0 5px 3px 0;
}
.clients-page h3 {
  margin-top:0;
  font-size:18px;
}
.clients-page img {
  padding:4px;
  margin:5px 0;
  border:solid 1px #eee;
  background:#fafafa;
}
.clients-page p {
  margin-bottom:30px;
}
.clients-page:hover img {
  border-color:#bbb;
}
.clients-page a {
  display:block;
  padding:5px 10px;
  color:#555;
}
.clients-page a:hover {
  text-decoration:none;
  color:#ffaf3d;
  background:#f6f6f6;
  border:0px #000 solid;
}
.form-group {
  margin-bottom:15px;
}
.form-control {
  display:inline-block;
  width:100%;
  border:1px solid #cbc9c5;
  height:34px;
  padding:10px;
  box-shadow:0 0 3px #e8e6de;
  box-sizing:border-box;
  font-size: 1em;
  /*margin:10px 0 10px 0;*/
}
textarea.form-control {
  height:auto;
}
select.form-control {
  height:auto;
}
.btn-u {
  margin:10px;
  display:inline-block;
  width:100px;
  border:none;
  background: #c70d25;
  font-size: 1em;
  color:#FFF;
  line-height:36px;
  text-align:center;
  font-weight:bold;
  cursor:pointer;
  transition:all .3s;
}
.btn-u:hover{opacity: 0.7;}



.newlist_top{font-size: 1.5em;color: #fff;text-align: center;}
.newlist_top .date{float: left;width: 190px;}
.newlist_top .type{width: 190px;float: right;}
.newlist_top .tit{margin:0px 200px;}
.newlist_top .date,
.newlist_top .type,
.newlist_top .tit{background: #05a1ae;font-weight: bold;border-radius: 10px;padding:10px 0px;}
.newlist ul li{padding:23px 0px 23px 0px;border-bottom: 2px solid #05a1ae;font-size: 1.375em;color: #555555;line-height: 30px;}
.newlist ul li a{display: block; color: #555555;position: relative;transition:all .3s;
    -webkit-transition:all .3s;}
.newlist ul li .date{float: left;width: 190px;text-align: center;}
.newlist ul li .type{width: 190px;float: right;text-align: center;}
.newlist ul li .tit{margin:0px 200px;
    padding-left: 20px;
    box-sizing: border-box;
}
.newlist ul{margin-top: 10px;}
.newlist ul li .tit a:hover{color: #c70025;}

.newlist.twocolumn .tit{margin-right: 0px;}


dl.type_list{font-size: 1.25em;display: table;width: 100%;margin-bottom: 50px;}
dl.type_list dt{width: 85px;text-align: left;color: #555555;display: table-cell;vertical-align: top;
    line-height: 30px;padding-top: 5px;
}
dl.type_list dd{display: table-cell;vertical-align: top;}
dl.type_list dd ul li{display: inline-block;margin-right: 20px;}
dl.type_list dd a{
    color: #000000;
    line-height: 30px;
    padding:5px 30px;
    display: inline-block;
    background:#bfbfbf;
}
dl.type_list dd a.active,
dl.type_list dd a:hover{background:#b28850;color: #fff;}
dl.key_list{display: table;width: 100%;margin-bottom: 40px;}
dl.key_list dt{display: table-cell;vertical-align: middle;}
dl.key_list dd{width: 85px;display: table-cell;vertical-align: middle;}
dl.key_list dd button{
    background: #05a1ae;
    color: #fff;
    line-height: 30px;
    text-align: center;
    font-size: 1.25em;
    padding:5px 10px;
    width: 85px;
    box-sizing: border-box;
    display: inline-block;
    cursor: pointer;
    border:none;
    }
dl.key_list dd button:hover{background: #038f9b;}
dl.key_list dt>div{display: inline-block;width: 48%;margin-right: 1%;}
dl.key_list dt>div span{
    float: left;
    width: 80px;
    text-align: left;
    color: #555555;
    line-height: 30px;
    font-size: 1.25em;padding-top: 5px;


}
dl.key_list dt>div .r{margin-left: 85px;}
dl.key_list dt>div .r.a input{
    width: 100%;box-sizing: border-box;border:2px solid #bfbfbf;height: 40px;padding:5px 10px;
    font-size: 1em;
}
dl.key_list dt>div .r.b input{
    width: 45%;box-sizing: border-box;border:2px solid #bfbfbf;height: 40px;padding:5px 10px;
    font-size: 1em;
}

.back_page{text-align: right;padding-top: 40px;}
.back_page a{border: 2px solid #c70d25;
    color: #c70d25;padding:5px 20px;
    display: inline-block;
    font-size: 1.5em;
}
.back_page a:hover{background:#eee;}
/* exhibition-list */
.exhibition-list{font-size: 0;}
.exhibition-list li{display: inline-block;font-size: 16px; width:33.33%; padding:30px 0; border-bottom:2px solid #eee;}
.exhibition-list li dl{padding:0 9%; border-right:2px solid #eee;}
.exhibition-list li:nth-child(3n) dl{border-color:transparent}
.exhibition-list li dt{margin-bottom:20px;}
.exhibition-list li dt .h3{margin-bottom:10px; height:105px; overflow:hidden; font-size: 1.25em;
    color: #000;
    line-height: 34px;transition:all .3s;}
.exhibition-list li dt .h3.audio:after{ content:""; display:inline-block; margin:0 0 0 10px; box-sizing:border-box; width:28px; height:28px; background:url(../images/audio_icon.png) center 0px no-repeat;}
.exhibition-list li dt span{position:relative; display:block; padding-bottom:65.7%; transition:all .3s;}
.exhibition-list li dt span img{position:absolute; left:0; right:0; top:0; bottom:0; max-width:100%; max-height:100%; margin:auto; background:#f1f1f1;}
.exhibition-list li dt:hover .h3{color:#c70025;}
.exhibition-list li dt:hover span{opacity:.8;}
.exhibition-list li dd{position:relative; }
.exhibition-list li dd p{height:75px; margin-bottom:20px; overflow:hidden; font-size:16px; color:#000; line-height:25px; letter-spacing:.8px;}
.exhibition-list li dd a{ display:block; width:40px; color:#a3a3a3; font-size:13px; font-weight:bold; position:absolute; top:52px; right:0; background:url(../images/arrow_more.png) no-repeat right; transition:all .3s;}
.exhibition-list li dd a:hover{ color:#c70025;}
.exhibition-list li dd span{position:relative; display:block; padding-left:22px; font-size:14px; color:#717171; line-height:21px; letter-spacing:.8px;}
.exhibition-list li dd span:before{content:""; position:absolute; left:0; top:2px; display:block; width:12px; height:16px;background:url(../images/exhibition_icon.png);}
.exhibition-list li dd .date:before{background-position:left top;}
.exhibition-list li dd .location:before{background-position:right top;}
dl.type_list dd a{margin-bottom: 20px;}
.third_sub{display: none;}
.cont_info tr td table{width:100%}
/*RWD*/
@media screen and (max-width:1900px){
    .navigation >ul >li{padding-right: 46px;padding-left: 46px;}
    nav .nav .toplink ul{margin:0px 20px;}
    .calendar .cal_top .month>a, .calendar .cal_top .year>a{font-size: 2em;}
}
@media screen and (max-width:1810px){
    .results_photo .cont li{height: 390px;}

}
@media screen and (max-width:1750px){
    nav .nav .h_bg{margin-left: -70px;}
    nav .nav a.logo img{width: 290px;}
    .results_photo .cont li{height: 360px;}
    .navigation >ul >li{padding: 15px 30px 15px 30px;}
}
@media screen and (max-width:1670px){
    /*nav .nav .toplink ul, nav .nav .toplink .search{display: block;}
    nav .nav .toplink{float: right}*/
    /*nav .nav .toplink .search .hot_s{display: block;
    padding-left: 10px;
    padding-bottom: 5px;}*/
    /*nav .nav .toplink .search,nav .nav .toplink ul{vertical-align: bottom;}*/
    /*nav .nav .toplink .search .s_link a, nav .nav .toplink .search .putin a{margin:0px 4px;font-size: 0.8em;}*/
    main .inner .left_menu ul.first_sub{}
    main .inner .left_menu{width: 350px;}
    .exhibition_cont li dl dt{width: 45%;}
}
@media screen and (max-width:1610px){
    nav .nav .toplink ul{font-size: 0.95em;}
    main .wrap .title{font-size: 2.4em;}
    .navigation >ul >li{/* padding-right: 40px; *//* padding-left: 40px; */}
    /*nav .nav .toplink .search .hot_s{display: block;
    padding-left: 2px;}*/
    nav .nav .toplink .search .putin input{    
        height: 26px;
    background-size: 14px auto;
    width: 140px;}
    .navigation >ul >li >a{/* font-size: 1.8em; */}
    main .wrap .box_1 .left ul.contents li dl{font-size: 1.375em;}
    .calendar .cal_top .month>a, .calendar .cal_top .year>a{font-size: 1.8em;}
    .calendar .cal_body table{font-size: 1.3em;    width: 90%;}
    ul.theme li a{
        background-size: 50px auto;
        padding-left: 60px;
        line-height: 52px;
        font-size: 1.5em;
    }
    ul.theme li.kc a{background-position: top 1px left 2px;}
    ul.theme li.live a{background-position: bottom -73px left 2px;}
    ul.theme li.cd a{background-position: top -408px left 2px;}
    ul.theme li.wc a{background-position: top -81px left 2px;}
    ul.theme li.tx a{background-position: top -491px left 2px;}
    ul.theme li.gj a{background-position: top -164px left 2px;}
    ul.theme li.dl a{background-position: bottom 0 left 2px;}
    ul.theme li.sw a{background-position: top -573px left 2px;}
    ul.theme li.xb a{background-position: top -245px left 2px;}
    ul.theme li.zy a{background-position: top -656px left 2px;}
    ul.theme li.zf a{background-position: top -327px left 2px;}
    footer .f_logo img{width: 370px;}
    .results_photo .cont li{height: 350px;}
    nav .nav .toplink ul{font-size: 1em;}
    nav .nav .toplink .search .hot_s{font-size: 0.9em;}
}
@media screen and (max-width:1500px){
    .results_photo .cont li{height: 330px;}
    nav .nav .toplink ul{font-size: 0.9em;}
    /*.active_list.publist dl{width: 32%;margin-right: 2%;}
    .active_list.publist dl:nth-child(4n),.active_list.publist dl:nth-child(3n-1){margin-right: 2%;}
    .active_list.publist dl:nth-child(3n){margin-right: 0;}*/
    .navigation >ul >li{padding-right: 25px;padding-left: 25px;}
}

@media screen and (max-width:1440px){
    .footer-menu .footer-nav{
        padding: 30px 10px;
    }
    nav .nav .toplink{padding-top: 30px;}
    body{font-size: 15px;}
    main .wrap .title{font-size: 2.2em;}
    .navigation >ul >li{padding-right: 25px;padding-left: 25px;}
    .navigation >ul >li >a{font-size: 1.6em;}
    .calendar .cal_body table{font-size: 1.6em;}
    .calendar .cal_body .cal_prev{left: 4%;}
    .calendar .cal_body .cal_next{right:4%;}
    nav .nav .toplink ul{font-size: 0.9em;}
    /*nav .nav .toplink .search .s_link a, nav .nav .toplink .search .putin a{margin:0px 4px;font-size: 0.75em;}*/
    main .inner .left_menu{width: 300px;}
    ul.theme li{padding:12px 0px;}
    nav .nav .toplink .search .putin a{top:1px;}
    nav .nav .toplink .search .hot_s{font-size: 0.9em;}
    .active_list.publist dl{width: 46%;}
    .active_list.publist dl:nth-child(3n-1){margin-right: 0px;margin-left: 0px;}
    .active_list.publist dl:nth-child(2n){margin-left:8%; }
    dl.key_list dt>div:first-child{width: 35%;}
    dl.key_list dt>div:last-child{width: 61%;}
    footer .wrap{border-top:0px;}
    footer .f_link .logo{float: none;width: 100%;border-bottom: 3px solid #c8c8c8;text-align: center;
    margin-bottom: 20px;}
    footer .f_link .right2{width: 49%;}
    footer .f_link .right{width: 42%;}
    /*nav .nav .toplink{margin-right: 2%;}*/
}
@media screen and (max-width:1400px){
    nav .nav a.logo{margin-left: -40px;}
    nav .nav a.logo img{width: 260px;}
    nav .nav .h_bg{margin-left:-100px;}
    nav .nav .toplink ul{margin:0px 10px;    font-size: 0.8em;}
    nav .nav .toplink .search .putin input{width: 110px;font-size: 0.9em;}
    /*nav .nav .toplink .search .s_link a, nav .nav .toplink .search .putin a{font-size: 0.7em;}*/
    .exhibition_cont li dl dd{line-height: 40px;}
    .exhibition_cont li .t a{font-size: 1.5em;}
    .navigation >ul >li{/* padding: 15px; */padding-right: 22px;padding-left: 22px;/* font-size: 1.5em; */}
    .navigation >ul >li a{ font-size: 1.375em;}
}

@media screen and (max-width:1200px){
    ul.theme li.live a{background-position: bottom -60px left 2px;}
    .footer-menu .footer-nav,.footer-menu .hvr-sink{
        display: none;
    }
    body{font-size: 14px;}
    nav .nav .h_bg{margin-left: -80px;}
    nav{position: fixed;width: 100%;top:0px;left: 0px;z-index: 111;box-shadow: 0px 1px 1px #8e8e8e;}
    body{padding-top: 86px;}
    #mobi-btn {display: block;}
    .navigation,nav .nav .toplink{display: none;}
    #banner .owl-pagination{padding-top: 0px;}
    /*main .wrap .title{font-size: 2.5em;}*/
    ul.theme li{display: inline-block;width: 57%;padding:11px 0px;}
    ul.theme li:nth-child(2n){width: 41%;}
    ul.theme li a{
        background-size: 40px auto;
        padding-left: 50px;
        line-height: 42px;
        /*font-size: 1.2em;*/
    }
    ul.theme li.cd a{background-position: top -328px left 2px;}
    ul.theme li.wc a{background-position: top -66px left 2px;}
    ul.theme li.tx a{background-position: top -393px left 2px;}
    ul.theme li.gj a{background-position: top -130px left 2px;}
    ul.theme li.sw a{background-position: top -459px left 2px;}
    ul.theme li.xb a{background-position: top -197px left 2px;}
    ul.theme li.zy a{background-position: top -526px left 2px;}
    ul.theme li.zf a{background-position: top -262px left 2px;}
    footer .f_link{width: 950px;
        /*font-size: 1em;*/
    }
    footer .f_link div .a span{display: block;}
    /*footer .f_link dd{width: 43%;}*/
    footer .wrap .marking{right:3%;}
    .calendar .cal_body table{width: 350px;}
    footer .f_logo{padding-bottom: 15px;}
    ul.share_link li a{background-size: auto 60px;height: 31px;}
ul.share_link li.ig a{width:30px}
    ul.share_link li{padding:0px 10px;}
    ul.share_link li.facebook a{width: 17px; background-position: top 0px left 1px;}
    ul.share_link li.youtube a{width: 40px;background-position: top 0px left -26px;}
    ul.share_link li.G a{width: 45px;background-position: top 0px left -66px;}
    ul.share_link li.RSS a{width: 30px;background-position: top 0px left -111px;}
    ul.share_link li.dianzibao a{width: 25px;background-position: top 0px right -30px;}
    ul.share_link li.facebook a:hover{background-position: bottom 2px left 1px;}
    ul.share_link li.youtube a:hover{background-position: bottom 2px left -26px;}
    ul.share_link li.G a:hover{background-position: bottom 2px left -66px;}
    ul.share_link li.RSS a:hover{background-position: bottom 2px left -111px;}
    ul.share_link li.dianzibao a:hover{background-position: bottom 2px left -147px;}
    #banner .owl-pagination{margin-bottom: 0px;}
    main .wrap .box_1 .left ul.contents{padding:10px 20px;}
    /*main .wrap .box_1 .left ul.contents li dl{font-size: 1.125em;}*/
    main .wrap .box_1 .left ul.contents li dl dt{width: 90px;}
    main .wrap .box_1 .left ul.contents li dl dd{margin-left: 95px;}
    .box_4 .about_link .owl-buttons a{background-size: auto 30px;width: 28px;}
    .calendar .cal_top .back{padding-top: 2px;}
    /*.calendar .cal_top .back a{font-size: 1em;}*/
    .calendar .cal_top .month>a, .calendar .cal_top .year>a{
        font-size: 1.5em;
        background-size: 18px auto;}
    main .wrap .box_1 .left ul.tab li a{padding:5px;}
    main .wrap .box_1 .left ul.contents li dl{padding:5px 0px;}
    main .wrap .box_1 .left ul.contents{height: 310px;}
    .calendar{height: 359px;}
    .calendar .cal_body .cal_prev, .calendar .cal_body .cal_next{background-size: auto 30px;
        background-repeat: no-repeat;
        width: 30px;height: 30px;
    }
    .calendar .cal_top .back a{font-size: 1em;}
    footer .f_logo img{width: 200px;}
    footer .f_link{padding-top: 15px;}
    main .inner .left_menu,main .inner .rig_cont{display: block;width: 100%;padding-left: 0px;padding-top: 0px;}
    main .inner .left_menu{margin-bottom: 40px;}
    main .inner .left_menu ul.first_sub>li>a{padding:10px 20px;}
    ul.first_sub .second_sub>li>a,.third_sub li a{padding:15px 20px;}
    main .wrap.inner{padding-top: 20px;}
    .exhibition_cont li dl dt{width: 40%;}
    #page{padding-left: 0px;text-align: center;}
    #page .page{text-align: center;}
    .results_photo .cont li{height: 340px;}
    .results_photo .tab li:nth-child(6n){margin-right: 2.5%;}
    .results_photo .tab li{width: 18%;margin-right: 2.5%;}
    .results_photo .tab li:nth-child(5n){margin-right: 0px;}
    main .inner .left_menu ul.first_sub>li>a{font-size:1.5em;}
    main .inner .left_date{display: block;width: 90%;padding-top: 20px;margin:0px auto;max-width: 800px;margin-bottom: 30px;}
    .active_list.publist dl:nth-child(2n){margin-left: 0px;}
    .active_list.publist dl{margin-right: 0;width: 31%;margin-right: 0;}
    .active_list.publist dl:nth-child(3n-1){margin-right: 3.5%;margin-left: 3.5%;}
    main .wrap .box_1 .left.public .cont{    height: 359px;}
    main .wrap .box_1 .left .contents{top:54px;padding: 10px 20px;}
    main .wrap .box_1 .left .contents dl{padding:4px 0px;}
    main .wrap .box_1 .left{width: 100%;margin-bottom: 20px;}
    main .wrap .box_1 .right,main .wrap .box_1 .left.mid{width: 48%;margin: 0;}
    .zhanjian .cont_img{padding-left: 0px;}
    .zhanjian .cont_list{padding-left: 0px;}


    
}
@media screen and (max-width:990px){
    .box_3 .left,.box_3 .right,main .wrap .box_1 .left,main .wrap .box_1 .right,main .wrap .box_1 .left.mid{float: none;width: 100%;margin: 20px 0;}
    .box_3 .right,main .wrap .box_1 .right{margin-top: 50px;}
    main .wrap .title{font-size: 1.9em;padding-bottom: 10px;}
    .exhibition{font-size: 0;}
    .exhibition dl:nth-child(2){margin:0;margin-left: 2%;}
    .exhibition dl{width: 49%;float: none;display: inline-block;font-size: 16px;vertical-align: top;margin-bottom: 20px;}
    .achievements{width: 60%;margin:0px auto;}
    ul.theme li,ul.theme li:nth-child(2n){float: none;display: inline-block;vertical-align: middle;width: 31%;}
    .box_4 .title{padding-left: 0px;}
    .box_4 dl dt{display: block;width: 100%;}
    /*.box_4 dl dd{padding-left: 5%;padding-right: 5%;margin-top: 50px;}*/    
    footer .f_link .right,footer .f_link .right2,footer .f_link .marking{float: none;width: 100%;}
    footer .f_link{padding-bottom: 5px;padding-top: 10px;padding-left: 5%;padding-right: 5%;box-sizing: border-box;}
    footer .wrap .marking{bottom:auto;position: static;box-sizing: border-box;}
    footer .f_logo{padding-top: 3px;}
    footer .f_logo img{display: none;}
    footer .wrap .marking a{margin-left: 0px;margin-right: 10px;}
    footer .wrap{padding-bottom: 20px;margin-top: 70px;}
    .box_4 dl dd form a{height: 50px; padding: 5px 0px;}
    .box_4 dl dd form .putin input{border-width: 2px;padding: 5px 30px;height: 50px;}
    .calendar .cal_body table{width: 80%;}
    .wrap .top .more{bottom:20px;}
    .calendar{height: auto;padding-bottom:10px;}
    footer .f_link{width: 100%;}
    .exhibition_cont li dl dd{line-height: 30px;}
    .results_photo .cont li{height: 320px;}
    .active_list dl{width: 45%;}
    .active_list dl:nth-child(3n-1){margin-right:0px;margin-left: 0;}
    .active_list dl:nth-child(2n){margin-left:10%;}
    dl.key_list dt>div{display: block;}
    dl.key_list dd{vertical-align: bottom;}
    dl.key_list dt>div,
    dl.key_list dt>div:first-child,
    dl.key_list dt>div:last-child{width: 95%;margin-top: 20px;}
    
    footer .f_link .logo,footer .f_link .right{float: none;width: 100%;}
    .active_list.publist dl{width: 48%;}
    .active_list.publist dl:nth-child(3n-1){margin-right: 0;margin-left: 0;}
    .active_list.publist dl:nth-child(2n-1){margin-right: 0;}
    .active_list.publist dl:nth-child(2n){margin-left: 4%;}
    /* .owl-carousel.owl-loaded{width: 60%;} */
}
@media screen and (max-width:768px){
    main .wrap .box_1 .left .contents dl dd{
        max-height: 28px;
        min-height: 28px;
    }
    .live-img{
        height: auto;
        padding-bottom: 10px;
    }
    .live-img iframe{
        width: 310px;
        height: 195px;
    }
    .live-lists li{
        width: 100%;
    }
    ul.theme li, ul.theme li:nth-child(2n){width: 49%;}
    .achievements{width: 90%;}
    .results_photo .cont li{height: 360px;width: 50%;}
    .results_photo .cont{margin:0px;}
    .results_photo .cont li:nth-child(3n) dl{border-right-width: 2px;}
    .results_photo .cont li:nth-child(2n-1) dl{padding-left: 0px;}
    .results_photo .cont li:nth-child(2n) dl{border-right: 0px;padding-right: 0px;}
    .results_photo .tab li{width: 30%;margin-right: 5%;}
    .results_photo .tab li:nth-child(5n){margin-right: 5%;}
     .results_photo .tab li:nth-child(3n){margin-right: 0;}
     a.gotop{top:-60px;}
     
    main .wrap .box_1 .left ul.tab li >a{font-size: 1.25em;}
    .exhibition-list li{width: 50%;}
    .exhibition-list li:nth-child(even) dl{border-color:transparent !important;}
    .exhibition-list li:nth-child(3n) dl{border-color:#eee;}
   /* .zhanjian .cont_img ul li{width: 49%;}
    .zhanjian .cont_img ul li:nth-child(3n-1){margin-left: 0px;margin-right: 0px;}
    .zhanjian .cont_img ul li:nth-child(2n){margin-left: 2%;}*/

 

}
@media screen and (max-width:767px){
    nav .nav .h_bg{display: none;}
    nav .nav{padding:10px 0px 10px 30px;}
    #mobi-btn{top:15px;}
    body {padding-top: 77px;}
    .exhibition dl{width: 80%;}
    .exhibition dl:nth-child(2){margin:0;}
    .exhibition{text-align: center;}
    .exhibition_cont li dl dd{padding-left: 20px;line-height: 25px;}
    nav .nav a.logo{margin-left: 0px;}
    .zhanjian .cont_img ul li{
        width: 48%;
        margin-bottom: 20px;
    }
    .zhanjian .cont_img ul li:nth-child(3n-1){margin-right: 0;margin-left: 0;}
    .zhanjian .cont_img ul li:nth-child(2n-1){margin-right:4%;}
    .zhanjian .cont_list dl dd{padding-left: 50px;    line-height: 25px;}
    .zhanjian .cont_list dl dd a:after{left:-20px;height: 10px;width: 10px;top:5px;}
    .zhanjian .cont_list dl dt{width: 150px;}
    .zhanjian .cont_top dl dt,.zhanjian .cont_top dl dd{display: block;width: 100%;text-align: center;}
    .opinion_mailbox form .form_box> dl dt{margin-bottom: 10px;}
    .opinion_mailbox form .form_box> dl dt,.opinion_mailbox form .form_box> dl dd{display: block;width: 100%;}
    .rig_calendar .bot .tab ul li{display: block;}
    .rig_calendar .bot .tab ul li.tb{display: none;}
    .rig_calendar .bot .tab ul li div.b label{display: contents;}
    .rig_calendar .bot .tab ul li{font-size: 0;}
    .rig_calendar .bot .tab ul li div.b{display: inline-block;font-size: 16px;}
    .rig_calendar .bot .tab ul li div.b{text-align:left;width: 100%;padding-left: 10px;}
    .rig_calendar .bot .tab.a li div.a_1{width: 33%;}
    .rig_calendar .bot .tab.a li div.a_2{width: 33%;}
    .rig_calendar .bot .tab.a li div.a_3{width: 34%;}
    .rig_calendar .bot .tab.a li div.a_4{width: 100%;}
    .rig_calendar .bot .tab.a li div.a_5{width: 100%;}
    .rig_calendar .bot .tab.a li div.a_6{width: 100%;}
    .rig_calendar .bot .tab.b li div.a_1{width: 33%;}
    .rig_calendar .bot .tab.b li div.a_2{width: 33%;}
    .rig_calendar .bot .tab.b li div.a_3{width: 34%;}
    .rig_calendar .bot .tab.b li div.a_4{width: 100%;}
    .rig_calendar .bot .tab.b li div.a_5{width: 100%;}
    .rig_calendar .bot .tab.b li div.a_6{width: 100%;}
    .rig_calendar .bot .tab.c li div.a_1{width: 50%;}
    .rig_calendar .bot .tab.c li div.a_2{width: 50%;}
    .rig_calendar .bot .tab.c li div.a_3{width: 50%;}
    .rig_calendar .bot .tab.c li div.a_4{width: 50%;}
    .rig_calendar .bot .tab.c li div.a_5{width: 50%;}
    .rig_calendar .bot .tab.c li div.a_6{width: 50%;}
    .rig_calendar .bot .tab.c li div.a_7{width: 100%;}
    .rig_calendar .bot .tab.d li div.a_1{width: 40%;}
    .rig_calendar .bot .tab.d li div.a_2{width: 60%;}
    .rig_calendar .bot .tab.d li div.a_3{width: 40%;}
    .rig_calendar .bot .tab.d li div.a_4{width: 60%;}
    .rig_calendar .bot .tab.d li div.a_5{width: 100%;}
    .rig_calendar .bot .tab.e li div.a_1{width: 100%;}
    .rig_calendar .bot .tab.e li div.a_2{width: 100%;}
    .rig_calendar .bot .tab.e li div.a_3{width: 40%;}
    .rig_calendar .bot .tab.e li div.a_4{width: 60%;}
    .rig_calendar .bot .tab.e li div.a_5{width: 100%;}
    .rig_calendar .bot .tab.f li div.a_1{width: 100%;}
    .rig_calendar .bot .tab.f li div.a_2{width: 100%;}
    .rig_calendar .bot .tab.f li div.a_3{width: 100%;}
    .rig_calendar .bot .tab ul li.last_tab div{font-size:16px;padding-left: 30px;}
    li.last_tab div.t{display: none;}
    main .wrap .box_1 .left .contents{
            padding: 10px 20px;top: 54px;
    }
    main .wrap .box_1 .left .contents dl{font-size: 1.25em;}
    main .wrap .box_1 .left .contents dl dd{margin-left: 90px;}
    main .wrap .box_1 .left .contents dl dt{width: 90px;}
    .calendar .cal_body table{font-size: 1.375em;}
    .zhanlan_cont .cont dl{display: block;}
    .zhanlan_cont .cont dl dt,.zhanlan_cont .cont dl dd{display: block;width: 100%;border-left: none;line-height: 25px;}
    .newlist_top{display: none;}
    dl.type_list{margin-bottom: 20px;}
    .newlist ul li .date{float: none;width: 100%;text-align: left;padding-left: 20px;}
    .newlist ul li .tit{margin-left: 0px;margin-right: 100px;}
    .newlist ul li .type{width: 90px;}
    .newlist ul li{    padding: 13px 0px 13px 0px;}
    .newlist ul{    border-top: 2px solid #c70025;}
    .back_page{text-align: center;}
    .zhanjian .cont_info img{display: inline-block;max-width: 100%;max-height: 400px;}


    /* yt */
    .pc-banner{display: flex; flex-direction: column;}
    .pc-banner .banner-img{width: 100%;height: auto;}
    .pc-banner .owl-carousel{width: 100%;height: 100%;}
    .pc-banner .owl-carousel .owl-stage-outer{height: auto !important;}

}
@media screen and (max-width:700px){
    .results_photo .cont li{height: 340px;}


    }
@media screen and (max-width:600px){
    .results_photo .cont li{height: 310px;}
    .rig_calendar .bot .tab.a li div.a_1{width: 100%;}
    .rig_calendar .bot .tab.a li div.a_2{width: 100%;}
    .rig_calendar .bot .tab.a li div.a_3{width: 100%;}
    .rig_calendar .bot .tab.b li div.a_1{width: 100%;}
    .rig_calendar .bot .tab.b li div.a_2{width: 100%;}
    .rig_calendar .bot .tab.b li div.a_3{width:100%;}
    .active_list.publist dl{width: 100%;margin:0px auto;margin-bottom: 20px;}
    .active_list.publist dl:nth-child(2n){margin:0px auto;margin-bottom: 20px;}
    .zhanjian .cont_info{padding-left: 10px;padding-right: 10px;line-height: 30px;}
    /*.rig_cont .top .f_s .cont_share{margin-left: 0px;display: block;}
    .rig_cont .top .f_s .fontsize{margin-bottom: 10px;display: block;}*/
    /*.rig_cont .top .path{padding-top: 30px;}*/
    .achievements .owl-buttons a{    background-size: 30px auto;
    width: 25px;
    height: 30px;
    margin-top: -15px;}
}
@media screen and (max-width:550px){
    .exhibition_cont li dl{display: block;}
    .exhibition_cont li dl dt{display: block;width: 100%;margin-bottom: 20px;}
    .exhibition_cont li dl dt a{padding-top: 0px;}
    .exhibition_cont li dl dt a img{position: static;top:auto;left: auto;width: 100%;/*max-width: auto;*/}
    .exhibition_cont li dl dd{width: 100%;padding:0px;}
    .rig_cont .top{border-bottom: 0px;margin-bottom: 10px;}
    .zhanjian .tit{border-bottom: 1px solid #c70025;line-height: 24px;}
    .rig_cont .top .path{display: block;border-bottom: 3px solid #eee;}
    .rig_cont .top .f_s{float: none;margin-top: 10px;text-align: right;}
    .rig_cont .top .f_s .fontsize, .rig_cont .top .f_s .cont_share{margin-bottom: 10px;}
    .results_photo .cont li{height: 290px;}
    .rig_calendar .bot .tab.c li div.a_1{width: 100%;}
    .rig_calendar .bot .tab.c li div.a_2{width: 100%;}
    .rig_calendar .bot .tab.c li div.a_3{width: 100%;}
    .rig_calendar .bot .tab.c li div.a_4{width: 100%;}
    .rig_calendar .bot .tab.c li div.a_5{width: 100%;}
    .rig_calendar .bot .tab.c li div.a_6{width: 100%;}
    .rig_calendar .bot .tab.d li div.a_1{width: 100%;}
    .rig_calendar .bot .tab.d li div.a_2{width: 100%;}
    .rig_calendar .bot .tab.d li div.a_3{width: 100%;}
    .rig_calendar .bot .tab.d li div.a_4{width: 100%;}
    .rig_calendar .bot .tab.e li div.a_3{width: 100%;}
    .rig_calendar .bot .tab.e li div.a_4{width: 100%;}
    main .wrap .box_1 .left .contents dl dt{float: none;width: 100%;line-height: 23px;}
    main .wrap .box_1 .left .contents dl dd{margin-left: 0px;padding-left: 0px;line-height: 23px;height:24px;}
    main .wrap .box_1 .left ul.tab li a{padding-left: 0px;}
    main .wrap .box_1 .left.public .cont{height: 440px;}
    .exhibition dl{width: 100%;}
    main .wrap .title{font-size: 1.5em;}
    .wrap .top .more{left: auto;right:10px;    padding-top: 0px;bottom: 10px;}
    main .wrap .box_1 .left .contents .more{padding-top: 15px;}
    ul.first_sub .second_sub>li>a, .third_sub li a{padding: 10px;}
    
    main .inner{display: block;}
    main .wrap{width:95%;}
    main .inner .left_menu, main .inner .rig_cont{width:100%;}
    .zhanjian .tit{width:97%;padding-left: 3%;font-size: 1.25em;}
    .zhanjian .cont_info{padding-left: 0;padding-right: 0;letter-spacing: 0px;}
    .zhanjian .cont_info table td, .zhanjian .cont_info table th{padding: 2%;}
}
@media screen and (max-width:480px){
    .calendar .cal_body table{width: 98%;}
    nav .nav a.logo img{width: 240px;}
    #mobi-btn{right: 10px; width: 30px;height: 45px;    }
    ul.theme li, ul.theme li:nth-child(2n){width: 98%;}
    .achievements{width: 90%;}
    nav .nav .logo img{width: 240px;}
    #mobi-btn{top:10px;}
    .exhibition_cont li{padding:10px 20px 20px 20px;}
    .results_photo .cont li{width: 100%;height: auto;}
    .results_photo .cont li dl,
    .results_photo .cont li:nth-child(3n) dl,
    .results_photo .cont li:nth-child(2n) dl,
    .results_photo .cont li:nth-child(2n-1) dl{border-right: 0px;padding-left: 20px;padding-right: 20px;}
    .results_photo .tab li{width: 47%;margin-right: 6%;}
    .results_photo .tab li:nth-child(3n){margin-right: 6%;}
     .results_photo .tab li:nth-child(2n){margin-right: 0;}
    .zhanjian .cont_list dl dt{display: block;margin-bottom: 20px;text-align: center;width: 100%;}
    .zhanjian .cont_list dl dt img{max-width: 80%;width: 150px;}
    .zhanjian .cont_list dl dd{display: block;padding-left: 30px;}
    .active_list dl{width: 90%;margin-left:5%;margin-right: 5%;}
    /*main .wrap .box_1 .left ul.tab li >a{font-size: 1em;}*/
    main .wrap .box_1 .left .contents dl{padding:4px 0px;}
    /*main .wrap .box_1 .left.public .cont{height: 352px;}*/
    .calendar .cal_body table.week{margin-bottom: 10px;}
    .calendar .cal_body{padding-top: 10px;}
    dl.key_list dt>div .r.b input{width: 100%;}
    dl.key_list dd{display: block;width: 100%;text-align: center;}
    dl.key_list dt{display: block;margin-bottom: 20px;}
    dl.type_list dd a{width: 100%;box-sizing: border-box;margin-right: 2%;text-align: center;}
    .exhibition-list li{width:100%;}
    .exhibition-list li dl{padding:0;border:none;}
    .exhibition-list li dt .h3{height:auto;}
    .exhibition-list li dt span{padding:0;}
    .exhibition-list li dt span img{position:static; width:100%; height:auto;}
    .exhibition-list li dd{height:auto !important;}
    .exhibition-list li dd p{height:auto;}
    .active_list.publist dl dt .tit{height: auto;overflow: unset;}
    main .wrap .box_1 .left ul.tab li >a{font-size: 1.125em;}
    .calendar .cal_top .month>a, .calendar .cal_top .year>a{font-size: 1.25em;}
    #mobi-btn .threeline{width: 24px;   height: 2px;}
    #mobi-btn .threeline::before{top:-6px;}
    #mobi-btn .threeline::after{top:6px;}
    .exhibition dl dd .tit a{font-size: 1em;}
    .exhibition dl dd .tit span{font-size: 1em;}
    .exhibition dl dd .line{height:3px;}
    ul.theme li{padding:4px 0px;}
    footer .f_link .logo a img{max-height: 100px;}
    .zhanjian .cont_img ul li{width: 100%;}
    .zhanjian .cont_img ul li:nth-child(2n-1){margin-right: 0;}
    .zhanjian .cont_info{font-size: 1em;}
}
table.mce-item-table tr td,table.mce-item-table tr th{border:1px solid #ddd;padding:5px 10px;}
a:focus,input:focus,select:focus,button:focus{outline: 3px dotted red;} 
.navigation a:focus{outline: 3px dotted red;}
/*無障礙*/
a.sr-only {background:#fff; color: #000;float: left;z-index: 9;}
.sr-only {position: absolute;padding: 0;margin: -0.063rem;overflow: hidden;clip: rect(0, 0, 0, 0);border: 0;width: 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;}
.footer-menu>.cl>li{
    max-width: 120px;
}
@media screen and (max-width:1680px){
    .footer-menu>.cl>li{
        margin-right: 55px;
    }
}
@media screen and (max-width:1600px){
    .footer-menu>.cl>li{
        margin-right: 45px;
    }
}
@media screen and (max-width:1520px){
    .footer-menu>.cl>li{
        margin-right: 30px;
    }
}

@media screen and (min-width:1500px){
    .calendar .cal_body table tr td a{width: 40px;}
}
@media screen and (min-width:1200px){
    #mobile,#mask{display: none!important;}
}
.owl-carousel {
    z-index: auto;
}
.box_4 .about_link_fixed {
                  width: 100%;
                  position: absolute;
    z-index: auto;
                }
                .box_4 .about_link {
                  padding-left: 40%;
                  width: 60%;
                }
                .box_4 .about_link_fixed li {
                  padding: 0px 10px;
                  width: 17.5%;
                  float: left;
                }
                .box_4 .about_link_fixed li a {
                  display: block;
                  border: 1px solid rgba(238, 238, 238, 0.48);
                  box-sizing: border-box;
                  position: relative;
                  padding-top: 22.5%;
                }
                .box_4 .about_link_fixed li a img {
                  max-width: 100%;
                  max-height: 100%;
                  position: absolute;
                  display: block;
                  top: 0px;
                  left: 0px;
                  z-index: 1;
                  right: 0px;
                  bottom: 0px;
                  margin: auto;
                }
                @media (max-width: 1217px) {
                  .box_4 .about_link_fixed li {
                    width: 20%;
                  }
                  .box_4 .about_link {
                    padding-left: 50%;
                    width: 50%;
                  }
                }
                @media (max-width: 768px) {
                  .box_4 .about_link_fixed {
                    position: relative;
                    height: 70px;
                    margin-bottom: 10px;
                  }
                  .box_4 .about_link_fixed li {
                    width: 45%;
                  }
                  .box_4 .about_link {
                    padding-left: 0;
                    width: 100%;
                  }
                }
                @media (max-width: 760px) {
                  .box_4 .about_link_fixed {
                    position: relative;
                    height: 40px;
                    margin-bottom: 10px;
                  }
                  .box_4 .about_link_fixed li {
                    width: 42%;
                  }
                  .box_4 .about_link {
                    padding-left: 0;
                    width: 100%;
                  }
                }

@media screen and (min-width:1441px){
    .results_photo .cont2 li{
    width: 20%;
    height: 300px;
}
}


/*首頁藝文LIVE */

/*
main .wrap .box_1 .left {
    width: 32%;
}

main .wrap .box_1 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

main .wrap .box_1 .new-mid {
    width: 32%;
    float: left;
    margin: 0 15px;


}

main .wrap .box_1 .new-mid-img {    
    height: 450px;
    width: 100%;
}

main .wrap .box_1 .new-mid img {
    width: 100%;
    height: 100%;
}

main .wrap .box_1 .left .contents {
    padding: 10px 10px;
}

main .wrap .box_1 .left ul.tab li {
    width: 50%;
}

main .wrap .box_1 .left .more {
    margin-top: -10px;
    position: absolute;
    right: 40px;
}

main .wrap .box_1 .right {
    width: 32%;
}

main .wrap .box_1 .left.public .cont {
    height: 452px;
}

main .wrap .box_1 .left.public .new_ul {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

main .wrap .box_1 .left.public .new_ul li {
    width: 100%;
    border-bottom: 1px solid #ccc;
    padding: 5px 0;
    position: relative;
}

main .wrap .box_1 .left.public .new_ul li .time {
    margin-top: 5px;
    color: #777;
    text-align: right;
    margin-right: 15px;
}

main .wrap .box_1 .new-mid {
    height: 523px;
}

main .wrap .box_1 .left.public .new_ul li a {
    color: #0a0501;
    font-size: 1.2rem;
    display: block;
    height: 49px;
    overflow: hidden;
    line-height: 26px;
    position: relative;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}


main .wrap .box_1 .left.public .new_ul li a:hover {
    color: #b90e0e;
}



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


    main .wrap .box_1 .right,
    main .wrap .box_1 .new-mid,
    main .wrap .box_1 .left {
        width: 100%;
    }

    main .wrap .box_1 .new-mid {
        margin-top: 20px;
    }


    main .wrap .box_1 .new-mid {
        width: 100%;
        height: 100%;
        margin: 0;
        margin-top: 10px;
    }

    main .wrap .box_1 .left.public .cont {
        height: 465px;
    }

    main .wrap .box_1 .new-mid-img {
        margin-top: 10px;
    }
}
*/

/*藝文LIVE end */