@charset "utf-8";
/* reset css 0719*/
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{outline:none; hlbr:expression(this.onFocus=this.blur()); text-decoration:none;color:#ff5632;transition:all .3s;}
a:hover{color:#BDBDBD;}
input , select , textarea , button{outline:none; border-radius:0;}


body{font-family:arial , "微軟正黑體"; background:#d0c0a6;}
body#group1{ background:#f5deda;}
body#group2{ background:#D5DCE4;}
body#group3{ background:#e4e2e8;}
body#group4{ background:#F1D7D9;}

/* header */
#header{position:absolute; left:0; top:0; width:100%; background:rgba(0,0,0,.7); z-index:100;}
#header .wrap{position:relative; max-width:1200px; margin:0 auto;}

#header .top{height:30px; background:#222;}
#header .top span{font-size:14px; color:#999; line-height:30px;}
#header .top span img{position:relative; top:5px; display:inline-block; width:20px; height:auto; margin:0 8px 0 5px;}

#sitemap {position:absolute; right:0; top:0; }
#sitemap a{display:inline-block; padding:0 10px; background:#555; font-size:14px; color:#FFF; line-height:30px; transition:all .3s;}
#sitemap a:hover{ background:#ff5632;}

#lang{position:absolute; right:76px; top:0; font-size:12px; color:#FFF;}
#lang a{display:inline-block; padding:0 6px; font-size:14px; color:#FFF; line-height:30px; transition:all .3s;}
#lang a:hover{background:#00ACED;}

#logo{display:inline-block; width:251px; height:55px; background:url(../images/logo.png) no-repeat left; text-indent:-9999px; cursor:pointer; box-sizing:border-box; margin:0 10px 0 0;}

#navigation{position:relative; display:inline-block;}
#navigation li{position:relative; display:inline-block; padding:0 5px;}
#navigation li > a{display:block; color:#EEE; line-height:55px; cursor:pointer; transition:all .3s;}
#navigation li > a:hover{color:#ff5632;}
#navigation li.sub > a:after{content:""; display:inline-block; width:10px; height:10px; background:url(../images/navi_arrow.png); margin-left:3px;}
#navigation li .sub-menu{position:absolute; left:-25%; top:55px; display:none; width:150%;}
#navigation li .sub-menu:before{content:""; position:absolute; left:50%; top:-5px; display:block; width:0; height:0; margin-left:-5px; border-style:solid; border-width:0 5px 5px 5px; border-color:transparent transparent #FFF transparent;}
#navigation li .sub-menu > a{display:block; background:#FFF; border-left:4px solid #cdcbcb; border-bottom:1px solid #edecea; font-size:14px; color:#777; line-height:40px; text-indent:20px; transition:all .3s;}
#navigation li .sub-menu > a:hover{border-left-color:#ff5632; background:#f9f8f5; color:#000;}

#navigation li.search>a:before{content:""; position:relative; top:8px; display:inline-block; width:25px; height:25px; background:url(../images/navi_icon.png) no-repeat; margin-right:3px;}
#navigation li.search dl{position:absolute; right:0; top:55px; display:none; width:450px; padding:20px; background:#FFF; box-sizing:border-box;}
#navigation li.search dl:before{content:""; position:absolute; right:10px; top:-5px; display:block; width:0; height:0; margin-left:-5px; border-style:solid; border-width:0 5px 5px 5px; border-color:transparent transparent #FFF transparent;}
#navigation li.search dt{padding-bottom:20px; font-size:16px; color:#000; font-weight:bold;}
#navigation li.search dd{position:relative; padding-right:90px;}
#navigation li.search dd input{display:block; width:100%; height:40px; padding:10px; border:1px solid #CCC; border-radius:3px; box-shadow:1px 1px 2px #eee; box-sizing:border-box;}
#navigation li.search dd button{position:absolute; right:0; top:0; display:block; width:80px; height:40px; background:#ff5632; border:none; border-radius:3px; font-size:14px; color:#FFF; text-align:center; cursor:pointer; transition:all .3s;}
#navigation li.search dd button:hover{ opacity:.8;}
#navigation li.search dl .keywords{ margin:20px 0 0 0;}
#navigation li.search dl .keywords b{ display:block; font-weight:normal; color:#333;}
#navigation li.search dl .keywords a{ display:inline-block; margin:10px 10px 10px 0; color:#ff5632; transition:all .3s;}
#navigation li.search dl .keywords a:hover{ opacity:.8;}
#navigation li.search dl .search-more a{ display:inline-block; line-height:15px; margin:10px 0 0 0; padding:0 0 0 15px; color:#333; background:url(../images/search-more.png) left top no-repeat;}
#navigation li.search dl .search-more a:hover{ color:#ff5632; background:url(../images/search-more.png) left bottom no-repeat;}

.facebook-pc { position: relative; top: 6px; display: inline-block; width: 18px; height: 18px; margin-right: 3px; }
.facebook-mobile { position: absolute; right: 48px; top: 13px; width: 22px; height: 20px; cursor: pointer; display: none; }


/* mobile */
#mobi-btn{position:absolute; right:10px; top:15px; display:none; width:22px; height:20px; background:url(../images/mobi_btn.png) left top no-repeat; cursor:pointer}
#mobi-btn:hover{background-position:left bottom;}
#mobile{display:none; background:#FFF;}
#mobile li{padding:15px 0; border-bottom:1px solid #EEE; text-align:right;}
#mobile li > a{display:block; padding:0 15px; font-size:18px; color:#333; cursor:pointer;}
#mobile li.sub > a:after ,
#mobile li.search > a:after{content:""; display:inline-block; width:10px; height:10px; background:url(../images/navi_arrow.png); margin-left:5px;}
#mobile li.search > a:before{content:"搜尋"; }
#mobile li.search .keywords{ margin:20px 0 0 0; text-align:left;}
#mobile li.search .keywords b{ display:block; font-weight:normal; color:#333;}
#mobile li.search .keywords a{ display:inline-block; margin:10px 10px 10px 0; color:#ff5632; transition:all .3s;}
#mobile li.search .keywords a:hover{ opacity:.8;}
#mobile li.search .search-more {text-align:left;}
#mobile li.search .search-more a{ display:inline-block; line-height:15px; margin:10px 0 0 0; padding:0 0 0 15px; color:#333; background:url(../images/search-more.png) left top no-repeat;}
#mobile li.search .search-more a:hover{ color:#ff5632; background:url(../images/search-more.png) left bottom no-repeat;}
#mobile li > a.active{color:#ff5632;}
#mobile li .sub-menu{display:none; padding:10px; overflow:hidden;}
#mobile li .sub-menu a{display:block; padding:10px 0; border-bottom:1px solid #EEE; font-size:14px; color:#666;}
#mobile li.search dl{display:none; padding:10px;}
#mobile li.search dt{display:none;}
#mobile li.search dd{position:relative; padding-right:90px;}
#mobile li.search dd input{display:block; width:100%; height:40px; padding:10px; border:1px solid #CCC; border-radius:3px; box-shadow:1px 1px 2px #eee; box-sizing:border-box;}
#mobile li.search dd button{position:absolute; right:0; top:0; display:block; width:80px; height:40px; background:#ff5632; border:none; border-radius:3px; font-size:14px; color:#FFF; text-align:center; cursor:pointer;}


#mobile #lang{text-align:center;margin:20px 0 10px 0;right: 0px;position: relative;}
#mobile #sitemap{right: 0px;position: relative;text-align: center;}
#mobile #sitemap a{background: none;color: #3f464e;line-height: 37px;padding-left: 32px;font-size:15px; }
/* #mobile .lang  a:first-child,#mobile .lang a:nth-child(2){display:none;} */
#mobile #lang  a{ display:inline-block; color:#3f464e; font-size:15px; padding:0 16px; line-height:37px; transition:all .3s; -webkit-transition:all .3s;}
#mobile #lang  a:hover{ color:#108f50;}
/* footer */
#footer{background:#FFF; padding:30px 0;}
#footer .wrap{width:96%; max-width:1100px; margin:0 auto 20px auto; overflow:hidden;}
#footer h2{font-size:20px; padding-bottom:20px;}
#footer h2:after{content:""; display:block; width:80px; height:4px; background:#ff5632; margin-top:15px;}

#footer .h2{font-size:20px; padding-bottom:20px;}
#footer .h2:after{content:""; display:block; width:80px; height:4px; background:#ff5632; margin-top:15px;}

#footer .wrap .left{float:left; width:25%; padding-right:30px; box-sizing:border-box;}
#footer .wrap .left{padding-bottom:30px;}
#footer .wrap .left p{font-size:14px; color:#333; line-height:25px; padding-top:10px;}

#footer .wrap .right{float:left; width:45%; /*width:70%;*/ overflow:hidden;}
#footer .wrap .right li{float:left; width:45%; margin-right:5%; padding:10px 0; border-bottom:1px solid #eee;}
#footer .wrap .right li a{display:inline-block; font-size:14px; color:#333;}
#footer .wrap .right li a:before{content:""; display:inline-block; width:4px; height:8px; background:url(../images/links_arrow.png); margin-right:5px;}
#footer .wrap .right li a:hover{color:#ff5632;}
#footer .wrap .right li a:hover:before{background-position:left bottom;}
#footer .wrap .last{ width:30%;}
#footer .wrap .last p{font-size:14px; color:#333; line-height:25px;}
#footer .info{width:96%; max-width:1100px; margin:0 auto;}
#footer .info a{display:inline-block; border-radius:5px; font-size:14px; color:#FFF; transition:all .3s;}
#footer .info a:hover{opacity:.8;}
#footer .info .link-1{background:#ff5632; margin-right:10px; padding:10px 30px;}
#footer .info .link-2{background:#333; padding:8px 30px 10px 30px;}
#footer .info .link-2:before{content:""; position:relative; top:3px; display:inline-block; width:18px; height:18px; background:url(../images/footer_fb.png); margin-right:5px;}
#footer .contact{width:96%; max-width:1100px; margin:0 auto; border-top:1px solid #000; margin-top:20px; padding-top:20px;}
#footer .contact ul{overflow:hidden;}
#footer .contact li{float:left; width:33%; padding-right:30px; height:150px; font-size:14px; line-height:20px; box-sizing:border-box;}
#footer .contact li .h3{margin-bottom:10px; font-size:15px; color:#000;}
#footer .contact li > a{color:#ff5632;}
#footer .contact li p{color:#999;}
#footer .contact li b a{ display:inline-block; height:20px; color:#f44336; font-weight:normal; font-size:12px; background:url(../images/map.png) no-repeat left; padding-left:25px; margin:5px 0 0 0; transition:all .3s;}
#footer .contact li b a:hover{ opacity:.8;}
#footer .contact li span{ margin:5px 0 0 10px;}
#footer .contact li span a{ height:20px; display:inline-block; color:#f44336; background:url(../images/contact-icon.png) no-repeat left center;padding-left:25px;}

/* copyright */
#copyright{width:96%; max-width:1100px; margin:0 auto; padding:20px 0; font-size:13px; color:#333; overflow:hidden;}
#copyright .left{position:relative; float:left; padding-left:100px;}
#copyright .left a{position:absolute; left:0; top:4px; display:block; width:88px; height:31px; background:url(../images/footer_icon.jpg);}
#copyright .left span{display:block; padding-bottom:3px;}
#copyright .right{float:right; line-height:40px;}
#copyright .bottom{ clear:both; margin-left:100px;}
#copyright .bottom a{ display:inline-block; color:#333; transition:all .3s;}
#copyright .bottom a:hover{ color:#ff5632;}

/* gotop */
#gotop{position:fixed; right:20px; bottom:20px; display:block; width:40px; height:40px; border-radius:5px; background:url(gotop.png) center center no-repeat rgba(0,0,0,.8); text-indent:-9999px; cursor:pointer; z-index:100;}

/* path */
#path{width:96%; max-width:1100px; margin:0 auto; padding:100px 0 20px 0; font-size:15px; color:#333;}
#path a{color:#333; transition:all .3s;}
#path a:hover{color:#ff5632;}
#path .route{color:#333;}
#path .focus{color:#333;}

/* container */
#container{width:96%; max-width:1100px; margin:0 auto 30px auto; padding:30px 20px; background:#F9F8F5; overflow:hidden; box-sizing:border-box;}
#main-title{font-size:30px; color:#333; line-height:30px; font-weight:normal; margin-bottom:30px; padding-bottom:20px; border-bottom:1px solid #686661; position:relative;}
#container > .left{float:left; width:20%; padding:20px; border:1px solid #bebcb7; border-radius:3px; box-sizing:border-box;}
#container > .left li{padding:10px 0; border-bottom:1px solid #e8e6e1;}
#container > .left li a{display:block; padding-left:5px; font-size:14px; color:#5e5e5e; transition:all .3s;}
#container > .left li a:before{content:""; position:relative; top:-1px; display:inline-block; width:4px; height:7px; background:url(../images/links_arrow.png) left top no-repeat; margin-right:5px;}
#container > .left li a:hover{color:#ff5632;}
#container > .left li a:hover:before{background-position:left bottom;}
#container > .left li.group{ background:#f2efea;}
#container > .left li.group a{}
#container > .left li.group a:before{ content:""; display:inline-block; width:2px; height:10px; background:#ff5632;}
#container > .left .mob_name{line-height:40px;font-size: 1.125em;}
#container > .left .mob_name:after{content:"+";font-size: 1.5em; display:inline-block;float:right;}
#container > .left .mob_name.active:after {
    content: " - ";
}
#container > .left .mob_name{display:none;}

#container > .right{float:left; width:80%; padding-left:30px; box-sizing:border-box;}
#container > .right .sub-link{position:relative; width:200px; margin-bottom:30px; cursor:pointer;}
#container > .right .sub-link:before{content:"點擊查看更多選項"; display:inline-block; width:100%; padding:10px; border:1px solid #EEE; background:#FFF; font-size:16px; color:#999; box-sizing:border-box;}
#container > .right .sub-link:after{content:""; position:absolute; right:10px; top:20px; display:block; width:0; height:0; border-style:solid; border-width:5px 5px 0 5px; border-color:#999 transparent transparent transparent;}
#container > .right .sub-link ul{position:absolute; left:0; top:40px; display:none; width:100%; border-left:1px solid #EEE; border-right:1px solid #EEE; box-sizing:border-box; z-index:10;}
#container > .right .sub-link li a{display:block; background:#FFF; padding:10px 0; border-bottom:1px solid #EEE; font-size:14px; color:#999; text-indent:12px; transition:all .3s;}
#container > .right .sub-link li a:hover{background:#ff5632; color:#FFF;}
#container .post-info{font-size:13px; color:#333; font-weight:bold;}
#container .post-info .time:before ,
#container .post-info .unit:before{content:""; display:inline-block; width:12px; height:11px; background:url(../images/post_icon.jpg) no-repeat; margin-right:5px;}
#container .post-info .time:before{background-position:left top;}
#container .post-info .unit:before{background-position:right top;}
#container .post-info b{display:inline-block; background:#FFF; margin:0 0 5px 5px; padding:5px 10px; border:1px solid #EEE; border-radius:5px; font-size:13px; color:#ff5632}

#container .orange-btn{display:inline-block; padding:10px 20px; background:#ff5632; border-radius:3px; font-size:13px; color:#FFF; font-weight:bold; transition:all .3s;}
#container .orange-btn:hover{background:#d9c084;}

#container .orange-label{display:inline-block; padding:10px 20px; background:#ff5632; border-radius:3px; font-size:13px; color:#FFF; font-weight:bold; transition:all .3s;}

/* page-search */
#page-search{position:relative; margin-bottom:20px; padding:0 120px 30px 0; border-bottom:1px solid #686661;}
#page-search input{display:block; width:100%; border:1px solid #cbc9c5; height:45px; padding:10px; border-radius:5px; box-shadow:0 0 3px #e8e6de; box-sizing:border-box;}
#page-search button{position:absolute; right:0; top:0; display:block; width:100px; border:none; background:#ff5632; border-radius:5px; font-size:14px; color:#FFF; line-height:42px; text-align:center; font-weight:bold; transition:all .3s; cursor:pointer;}
#page-search button:hover{ opacity:.8;}
#page-search .keywords{ margin:20px 0 0 0;}
#page-search .keywords b{ display:block; font-weight:normal; color:#333;}
#page-search .keywords a{ display:inline-block; margin:10px 10px 10px 0; color:#ff5632; transition:all .3s;}
#page-search .keywords a:hover{ opacity:.8;}
#page-search.search-group{ padding:0 0 10px 0; border:none; clear:both;}
.search-box{border-bottom:1px solid #686661; margin-bottom:20px; }
.search-box div{ display:none;}
.page-search{position:relative; padding:0 120px 30px 0;}
.page-search input{display:block; width:100%; border:1px solid #cbc9c5; height:45px; padding:10px; border-radius:5px; box-shadow:0 0 3px #e8e6de; box-sizing:border-box;}
.page-search button{position:absolute; right:0; top:0; display:block; width:100px; border:none; background:#ff5632; border-radius:5px; font-size:14px; color:#FFF; line-height:42px; text-align:center; font-weight:bold; transition:all .3s; cursor:pointer;}
.page-search button:hover{ opacity:.8;}
#page-search.search-type1 button{ display:none;}

/* filter */
#filter{border-bottom:1px solid #686661; margin-bottom:30px;}
#filter dl{position:relative; padding:0 0 20px 60px;}
#filter dt{position:absolute; left:0; top:5px; font-size:20px; color:#333; font-weight:bold;}
#filter dd a{display:inline-block; margin:0 5px 5px 0; padding:10px 15px; border-radius:5px; font-size:14px; color:#555; cursor:pointer; transition:all .3s;}
#filter dd a:hover{background:#e9e7e2;}
#filter dd a.active{background:#ff5632; color:#FFF;}
#filter dd .all:before{content:""; position:relative; top:1px; display:inline-block; width:11px; height:11px; background:url(../images/filter_all.png) left top; margin-right:3px;}
#filter dd .all.active:before{background-position:left bottom;}
#filter dd span{position:relative; display:inline-block; width:105px; margin:0 5px 5px 0; padding:10px 15px; border-radius:5px; font-size:14px; color:#555;}
#filter dd span select{position:absolute; right:0; top:5px; width:70px; height:30px; background:#FFF; border:1px solid #EEE; font-size:14px; color:#666;}
.filter-box dd{ padding-right:100px;}
.news-search{position:relative; padding:0 120px 30px 0; }
.news-search input{display:block; width:100%; border:1px solid #cbc9c5; height:45px; padding:10px; border-radius:5px; box-shadow:0 0 3px #e8e6de; box-sizing:border-box;}
.news-search button{position:absolute; right:0; top:0; display:block; width:100px; border:none; background:#ff5632; border-radius:5px; font-size:14px; color:#FFF; line-height:42px; text-align:center; font-weight:bold;}
.search-btn{ position:relative;}
.search-btn button{ right:0; top:-100px;position:absolute; display:block; width:100px; border:none; background:#ff5632; border-radius:5px; font-size:14px; color:#FFF; line-height:42px; text-align:center; font-weight:bold; cursor:pointer; transition:all linear .3s;}
.search-btn button:hover{ opacity:.8;}
.search-btn2{ position:relative;}
.search-btn2 button{ right:0; top:-90px;position:absolute; display:block; width:100px; border:none; background:#ff5632; border-radius:5px; font-size:14px; color:#FFF; line-height:42px; text-align:center; font-weight:bold; cursor:pointer; transition:all linear .3s;}
.search-btn2 button:hover{ opacity:.8;}


/* page */
#page{padding-top:30px;}
#page a{float:left; display:block; width:34px; height:34px; margin-left:-1px; background:#FFF; border:1px solid #dbd9d4; font-size:14px; color:#76746f; line-height:34px; text-align:center; cursor:pointer; transition:all .3s;}
#page a:hover{background:#e7e5e0; color:#ff5632}
#page .active ,
#page .active:hover{background:#ff5632; color:#FFF;}
#page .prev{border-radius:3px 0 0 3px; margin-left:0;}
#page .next{border-radius:0 3px 3px 0;}
#page .prev:before , 
#page .next:before{content:""; display:inline-block; width:8px; height:11px; background:url(../images/page_arrow.png) no-repeat;}
#page .prev:before{background-position:left top;}
#page .prev:hover:before{background-position:left bottom;}
#page .next:before{background-position:right top;}
#page .next:hover:before{background-position:right bottom;}

/*type*/
#type{border-bottom:1px solid #686661; margin-bottom:30px;}
#type dl{position:relative; padding:0 0 20px 60px;}
#type dt{position:absolute; left:0; top:5px; font-size:20px; color:#333; font-weight:bold;}
#type dd{ display:inline-block;}
#type dd>div>a{display:inline-block; margin:0 5px 5px 0; padding:10px 15px; border-radius:5px; font-size:14px; color:#555; cursor:pointer; transition:all .3s;}
#type dd>div>a:hover{background:#e9e7e2;}
#type dd>div>a.active{background:#ff5632; color:#FFF;}
#type dd span{position:relative; display:inline-block; width:105px; margin:0 5px 5px 0; padding:10px 15px; border-radius:5px; font-size:14px; color:#555;}
#type dd .talent-list li{ width:100%; border:1px solid #eee; border-radius:5px; display:none; }
#type dd .talent-list a{ display:block; color:#333; padding:10px 15px; background:#fff; box-sizing:border-box; font-size:14px; border-radius:5px; }
#type dd .talent-list a:hover{ background:#efefef;}

/* exhibitions-list */
#exhibitions-list{}
#exhibitions-list dl{position:relative; margin-bottom:40px; padding:0 0 40px 230px; border-bottom:1px solid #eae7e2;}
#exhibitions-list dl:last-child{margin-bottom:0;}
#exhibitions-list dt{position:absolute; left:0; top:0; width:200px; padding:5px; background:#FFF; border:1px solid #e9e7e2; box-sizing:border-box;}
#exhibitions-list dt a{display:block; transition:all .3s;}
#exhibitions-list dt a:hover{opacity:.6;}
#exhibitions-list dt img{display:block; width:100%; height:auto;}
#exhibitions-list dd h3 a{font-size:18px; color:#333; line-height:25px; font-weight:normal; transition:all .3s;}
#exhibitions-list dd h3 a:hover{color:#ff5632;}

#exhibitions-list dd .h3 a{font-size:18px; color:#333; line-height:25px; font-weight:normal; transition:all .3s;}
#exhibitions-list dd .h3 a:hover{color:#ff5632;}


#exhibitions-list dd p{font-size:13px; color:#555; line-height:20px;}
#exhibitions-list dd .post-info{padding:10px 0;}

/* collection */
.collection h3{ color:#333; font-size:20px; font-weight:normal; margin-bottom:10px; background:url(../images/title_icon.png) no-repeat left 10px; text-indent:15px;}
.collection p{ color:#333; font-size:17px; line-height:25px; margin-bottom:20px;}
.collection h3 a{ display:block; color:#333; transition:all .3s;}
.collection h3 a:hover{ color:#ff5632;}
.collection p a{ /*display:block;*/ color:#ff5632; transition:all .3s;}
.collection p a:hover{ opacity:.8;}
.collection .learn-type{ margin:0 0 10px 0; padding:0 0 10px 0;}
.collection .learn-type h4{ border-bottom:1px solid #ccc; padding:0 0 10px 0; color:#333; font-size:20px; font-weight:normal; margin-bottom:10px;}
.collection .learn-type p{ margin:0 0 10px 0;}
.collection .learn-type ul li dl{ overflow:hidden; margin:10px 0;}
.collection .learn-type ul li dl dt, .collection .learn-type ul li dl dd{ float:left;}
.collection .learn-type ul li dl dt{ width:150px; overflow:hidden;background:#fff; position:relative; border:1px solid #ccc; }
.collection .learn-type ul li dl dt:after { padding-top: 100%; content:""; display: block;}
.collection .learn-type ul li dl dt img{ display:block; position:absolute;top:0;bottom:0;right:0;left:0;max-width:100%;margin:auto;}
.collection .learn-type ul li dl dd{ width:70%; padding:0 0 0 20px; box-sizing:border-box;}
.collection .learn-type ul li dl dd p{ font-size:15px; line-height:20px;}
.collection .learn-type ul li a{ display:block; font-size:17px; margin:0 0 5px 0; color:#7c6645; text-indent:10px;}
.collection .learn-type ul li a:before{ display:block; content:""; width:4px; height:5px; background:url(../images/link_icon.png) no-repeat; margin:8px 0 0 0; float:left;}
.collection .reference-link li a{ display:block; background:url(../images/title_icon.png) no-repeat left 10px; color:#555; font-size:20px; margin-bottom:10px; padding-left:15px;}
.collection #chose{ overflow:hidden; margin-bottom:5px;}
.collection #chose li{ float:left; color:#888; margin:0 20px 0 0; padding:10px 20px; background:#efefef; cursor:pointer;}
.collection #chose li.active{ color:#fff; background:#665753; }

.collection #chose li a{ color:#888; }
.collection #chose li.active a{ color:#fff; }

.collection-list ul{border-bottom:1px solid #ccc; padding:0 0 10px 0;}
.collection-list ul li{overflow:hidden;font-size:16px; color:#666; }
.collection-list ul li a{ display:block; font-size:18px; color:#000; transition:all .3s; padding:0 0 5px 0; margin:0 0 5px 0;border-bottom:1px dashed #ccc;}
.collection-list ul li a:hover{ color:#7c6645;}
.collection-table table{ width:100%;}
.collection-table table tr { border-top:1px solid #999; border-left:1px solid #999;}
.collection-table table tr:nth-child(2n+2){ background:#f1f1f1;}
.collection-table table tr td{ padding:10px; color:#333; border-bottom:1px solid #999; border-right:1px solid #999;}
.collection-table table tr td a{color:#333; }
.collection-table table tr th{ padding:5px; color:#000; border-bottom:1px solid #999; border-right:1px solid #999;}
.col-list{ float:left; width:23%; margin:0 2% 0 0;}
.col-list h4 {font-weight:normal; margin:0 0 15px 0; border-bottom:1px solid #ccc; padding:0 0 5px 0;  }
.col-list h4 a{ color:#ff5632; font-size:20px; display:block; background:url(../images/col-link.png) no-repeat right top;}
.col-list h4 a:hover{ color:#333; background:url(../images/col-link.png) no-repeat right -28px;}
.col-list p{ font-size:16px; color:#555;}
.col-list ul li b{ display:block; color:#555; background:url(../images/title_icon.png) no-repeat left; padding:0 0 0 15px; font-size:16px; font-weight:normal; margin:0 0 10px 0;}
.col-list ul li p{ color:#999; font-size:14px; line-height:25px;}
.collection .books {width:100%}
.collection .books tr {border-top: 1px solid #dedede;border-bottom: 1px solid #dedede;font-size: 0.95em;}
.collection .books th {width:25%;padding:4px 10px ;text-align:left;font-weight: normal;}
.collection .books td {padding:4px 10px;}
.collection .topic {font-weight: bold;color:#4D4D4D;margin-bottom:15px;font-size:1.2em;padding:5px 10px;background:#e1e1e1;}
/* publications */
#publications{}
#publications .sales{ margin:10px 0;}
#publications .sales .sale-type{ display:inline-block; border-bottom:2px solid #d7645b;}
#publications .sales .sale-type a{ display:inline-block; padding:10px; font-size:18px; background:#d7645b; margin:0 0 2px 0; color:#fff; border-radius:5px 5px 0 0; cursor:pointer; transition:all .3s;}
#publications .sales .sale-type a:hover{ background:#666;}
#publications .sales .sale-con li{ display:none; padding:20px 10px;background:#fff; border:1px solid #eee;position:relative;}
#publications .sales .sale-con li .close{ position:absolute; top:20px; right:10px; cursor:pointer; display:inline-block; color:#333; transition:all .3s; padding:3px; border:1px solid #333; }
#publications .sales .sale-con li .close:before{ content:"關閉"; }
#publications .sales .sale-con li .close:hover{ color:#d7645b;border:1px solid #d7645b; }
#publications .sales .sale-con li .sale-t{color:#d7645b; line-height:25px; font-size:18px; padding:0 60px 20px 0;}
#publications .sales .sale-con li p{ color:#333;}
#publications .sales .sale-con li .book-img { margin:20px 0 0 0; width:150px;}
#publications .sales .sale-con li .book-img img{ display:block; width:100%;}
#publications .sales .sale-con li .book-list {overflow:hidden; padding:10px 0; border-top:1px solid #333; margin:10px 0;}
#publications .sales .sale-con li .book-list div{ font-size:18px; color:#d7645b;}
#publications .sales .sale-con li .book-list dl{ width:18%; margin:1%; float:left;}
#publications .sales .sale-con li .book-list dl dt img{ display:block; width:100%; height:auto; margin:0 auto;}
#publications .sales .sale-con li .book-list dl dd{ padding:10px 0;}
#publications .sales .sale-con li .book-list dl dd h2{ font-size:15px; font-weight:normal; height:50px;line-height:25px;overflow:hidden;}
#publications .sales .sale-con li .book-list dl dd div{ margin:10px 0; text-align:center;}
#publications .sales .sale-con li .book-list dl dd div span{ display:inline-block;font-size:13px; text-align:center; padding:3px 15px; margin:0 5px; background:#888; line-height:20px; border-radius:5px; color:#fff; margin:5px; }
#publications .sales .sale-con li .book-list dl dd div b{ display:inline-block; font-size:13px; text-align:center; padding:3px 15px; margin:0 5px; background:#d7645b; font-weight:normal; line-height:20px; border-radius:5px; color:#fff; margin:5px;}
#publications .wrap{ overflow:hidden;}
#publications .item{float:left; width:31%; margin:1%; border:1px solid #eae7e3; box-sizing:border-box; padding:0;}
#publications .item dt a{position:relative; display:block; background:#fff;}
#publications .item dt a:after{content:""; position:absolute; left:50%; top:50%; display:none; width:44px; height:44px; background:url(../images/hover_arrow.jpg); margin:-22px 0 0 -22px;}
#publications .item dt a:hover:after{display:block;}
#publications .item dt a:hover img{opacity:.6;}
#publications .item dt img{display:block; max-width:100%; height:160px; margin:0 auto; transition:opacity .3s;}

#publications .item dd{padding:20px; background:#FFF;}
#publications .item dd h2{font-size:20px; color:#333; font-weight:normal;min-height:80px}
#publications .item dd h2 span{padding-left:5px; font-size:15px; color:#666;}
#publications .item dd h2 span:before{content:" / ";}

#publications .item dd .h2{font-size:20px; color:#333; font-weight:normal;min-height:80px}
#publications .item dd .h2 span{padding-left:5px; font-size:15px; color:#666;}
#publications .item dd .h2 span:before{content:" / ";}

#publications .item dd .price{padding:20px 0 5px 0; border-bottom:1px solid #333; font-size:13px;}
#publications .item dd .price span ,
#publications .item dd .price b{display:inline-block; margin-bottom:5px; padding:3px 10px; border-radius:10px; color:#FFF;}
#publications .item dd .price span{background:#CCC; margin-right:10px;}
#publications .item dd .price span:before{content:"定價：";}
#publications .item dd .price b{background:#d7645b;}
#publications .item dd .price b:before{content:"限時優惠：";}
#publications .item dd p{padding:20px 0; font-size:13px; color:#999; line-height:20px;}

/*publication-con*/
#publications .publication-con dl.publication-info{ overflow:hidden;}
#publications .publication-con dl.publication-info .publication-title{ font-size:24px; font-weight:bold;}
#publications .publication-con dl.publication-info dt, #publications .publication-con dl.publication-info dd{ float:left;}
#publications .publication-con dl.publication-info dt{ width:35%; margin:0 3% 20px 0; box-sizing:border-box;}
#publications .publication-con dl.publication-info dt img{ display:block; width:100%; height:auto;}
#publications .publication-con dl.publication-info dd{ width:62%;}
#publications .publication-con dl.publication-info dd>div{ overflow:hidden; margin-bottom:10px;    padding: 2px;}
#publications .publication-con dl.publication-info dd b{ float:left; width:18%; margin:0 15px 0 0;box-sizing:border-box; font-weight:normal; line-height:30px;}
#publications .publication-con dl.publication-info dd div div{ overflow:hidden; line-height:22px;}
#publications .publication-con dl.publication-info dd .sales div{ display:inline-block; background:#d7645b; padding:5px 20px;color:#fff; border-radius:5px; font-size:18px;}
#publications .publication-con .price-1{ display:inline-block;}
#publications .publication-con .price-2{ display:inline-block; margin:0 0 0 10px;border:1px solid #d7645b; padding:3px; box-sizing:border-box; border-radius:5px;}
#publications .cart-btn {float:right; margin:10px 0 0 0;}
#publications .cart-btn a{ display:inline-block; padding:10px 20px; cursor:pointer; color:#fff; border-radius:5px; transition:all linear .3s;}
#publications .cart-btn a.cart{ background:#ff5632; margin-right:20px;}
#publications .cart-btn a.buy{ background:#666;}
#publications .cart-btn a:hover{ opacity:.8;}

/*boundle*/
#publications #boundle{ margin:20px 0 0 0;}
#publications #boundle .sale-tabs{ overflow:hidden;border-left:1px solid #eaeaea;}
#publications #boundle .sale-tabs li{ float:left; padding:10px; box-sizing:border-box; font-size:18px; border-top:2px solid #eaeaea;border-right:1px solid #eaeaea; cursor:pointer; transition:all .3s; background:#fff; color:#666;}
#publications #boundle .sale-tabs li.active{ border-top:2px solid #d7645b; color:#d7645b;}
#publications #boundle .sale-boundle{ background:#fff; border:1px solid #eaeaea;}
#publications #boundle .sale-boundle li.sale-box{ display:none;}
#publications #boundle .sale-boundle li.sale-box>dl{ overflow:hidden;}
#publications #boundle .sale-boundle li.sale-box dl .boundle-list{ float:left; width:65%; padding:10px; box-sizing:border-box;}
#publications #boundle .sale-boundle li.sale-box dl .boundle-price{ float:left; width:35%; padding:10px; box-sizing:border-box;}

#publications #boundle .sale-boundle li dl dt{ overflow:hidden;}
#publications #boundle .sale-boundle li dl dt dl{ max-width:100%; margin:0 auto; padding:10px;}
#publications #boundle .sale-boundle li dl dt dl dt img{ display:block; width:100%; height:auto; margin:0 auto;}
#publications #boundle .sale-boundle li dl dt dl dd{ padding:10px 0;}
#publications #boundle .sale-boundle li dl dt dl dd h2{ font-size:15px; font-weight:normal; height:50px;line-height:25px;overflow:hidden;}
#publications #boundle .sale-boundle li dl dt dl dd div{ margin:10px 0; text-align:center;}
#publications #boundle .sale-boundle li dl dt dl dd div span{ display:inline-block;font-size:13px; text-align:center; padding:3px 15px; margin:0 5px; background:#888; line-height:20px; border-radius:5px; color:#fff; margin:5px; }
#publications #boundle .sale-boundle li dl dt dl dd div b{ display:inline-block; font-size:13px; text-align:center; padding:3px 15px; margin:0 5px; background:#d7645b; font-weight:normal; line-height:20px; border-radius:5px; color:#fff; margin:5px;}
.boundle-list .owl-buttons{position:absolute; left:0; top:50%; width:100%; margin-top:-70px; overflow:hidden;}
.boundle-list .owl-buttons div{display:block; width:30px; height:30px; background:url(../images/slide_arrows2.png); text-indent:-9999px; }
.boundle-list .owl-buttons .owl-prev{float:left; margin-left:20px; background-position:left top;}
.boundle-list .owl-buttons .owl-prev:hover{background-position:left bottom;}
.boundle-list .owl-buttons .owl-next{float:right; margin-right:20px; background-position:right top;}
.boundle-list .owl-buttons .owl-next:hover{background-position:right bottom;}
#publications #boundle .sale-boundle li dl dd ul{ padding:10px 0;}
#publications #boundle .sale-boundle li dl dd ul li{ margin:10px 0;}
#publications #boundle .sale-boundle li dl dd .boundle-price1{ font-size:18px; color:#b63d33;}
#publications #boundle .sale-boundle li dl dd .boundle-price2{}
#publications .cart-btn2 {margin:10px 0 0 0;}
#publications .cart-btn2 a{ display:inline-block; padding:10px 20px; cursor:pointer; color:#fff; border-radius:5px; transition:all linear .3s;}
#publications .cart-btn2 a.cart{ background:#ff5632; margin-right:20px;}
#publications .cart-btn2 a.buy{ background:#666;}
#publications .cart-btn2 a:hover{ opacity:.8;}
.publication-detail{ clear:both; padding:20px 0; margin:20px 0; border-top:1px solid #333;}
.publication-detail h3{ font-weight:normal; margin-bottom:10px; font-size:20px;}
.publication-detail .h3{ font-weight:normal; margin-bottom:10px; font-size:20px;}

.publication-detail p{ color:#666; line-height:25px;}
.listen-btn a{ display:inline-block; width:100px; line-height:30px; margin:0 5px; border-radius:15px; text-align:center; border:1px solid #ff5632; color:#d7645b; background:fff; transition:all .3s;}
.listen-btn a:hover{ background:#d7645b; color:#fff; border:1px solid #d7645b;}
.listen1{}
.listen2{}

/* news */
#news{}
#news dl{position:relative; margin-bottom:40px; padding:0 0 80px 300px; border-bottom:1px solid #eae7e2;}
#news dl:last-child{margin-bottom:0;}
#news dt{position:absolute; left:0; top:0; width:270px; padding:5px; background:#FFF; border:1px solid #e9e7e2; box-sizing:border-box;}
#news dt a{display:block; position:relative; overflow:hidden; transition:all .3s;}
#news dt a:hover{opacity:.6;}
#news dt a:after{ content:"";padding-top: 62.5%; content:"";display:block; }
#news dt img{display:block; position:absolute; top:0; bottom:0; right:0; left:0; max-width:100%; margin:auto; max-height:100%; }
#news dd {min-height:128px;}
#news dd h3 a{font-size:18px; color:#333; line-height:25px; font-weight:normal; transition:all .3s;}
#news dd h3 a:hover{color:#ff5632;}
#news dd .post-info{padding:10px 0;}
#news dd p{font-size:13px;color:#555;line-height:20px;}

/* bulletin */
#bulletin li{position:relative; margin-bottom:30px; padding-bottom:30px; border-bottom:1px solid #eae7e2;}
#bulletin li:last-child{margin-bottom:0;}
#bulletin li .h3 a{font-size:18px; color:#333; line-height:25px; font-weight:normal; transition:all .3s;}
#bulletin li .h3 a:hover{color:#ff5632;}
#bulletin li .post-info{padding:10px 0;}
#bulletin li p{font-size:13px; color:#888; line-height:20px; padding:20px 0;}
#bulletin li .btn{text-align:right;}

/* epaper-search */
.date{ line-height:25px; color:#333; border-radius:5px; border:1px solid #ccc; padding:5px; box-sizing:border-box; width:130px;}
.date-range dd{ overflow:hidden;}
.date-range dd b{ font-weight:normal; margin:0 10px;}
.date-range dd div{ float:left; display:inline-block; margin:0 0 5px 0;}
.search{position:relative;}
.search button{position:absolute; right:0; top:-60px; display:block; width:100px; border:none; background:#ff5632; border-radius:5px; font-size:14px; color:#FFF; line-height:42px; text-align:center; font-weight:bold; cursor:pointer; transition:all linear .3s;}
.search button:hover{ opacity:.8;}
#bulletin li .btn2{text-align:right; position:absolute; top:0; right:0;}
#container .orange-btn2{display:inline-block; padding:10px 20px; background:#ff5632; border-radius:3px; font-size:13px; color:#FFF; font-weight:bold; transition:all .3s;}
#container .orange-btn2:hover{background:#d9c084;}
#epaper-btn{ position:absolute; right:0; top:0;}
#epaper-btn a{display:inline-block; border-radius:5px; font-size:14px; color:#FFF; background:#ff5632; padding:5px 20px;transition:all .3s;}
#epaper-btn a:hover{opacity:.8;}

/* editor */
#editor{}
#editor .title{font-size:25px; color:#333; line-height:35px; font-weight:normal; clear:both;}
#editor .post-info{padding:20px 0 20px 0; float:left;}
#editor .img{padding-bottom:20px;}
#editor .img img{dispaly:block; max-width:100%; height:auto;} 
#editor .detail{padding-bottom:20px;}
#editor .detail .tab{position:relative; top:1px; font-size:14px; color:#333; overflow:hidden;}
#editor .detail .tab li{float:left; min-width:60px; padding:10px; text-align:center; box-sizing:border-box; cursor:pointer;}
#editor .detail .tab li.active{background:#FFF; border-top:3px solid #ff5632; border-left:1px solid #dad7d3; border-right:1px solid #dad7d3;}
#editor .detail .tab li a{color: #333 !important;}
#editor .detail .content{background:#FFF; border:1px solid #dad7d3;}
#editor .detail .content > li{display:none; padding:25px 15px;}
#editor .detail .content > li li{font-size:14px; color:#555; line-height:30px;}
#editor .detail .content > li li:before{content:""; display:inline-block; width:4px; height:7px; background:url(../images/links_arrow.png)left bottom; margin-right:5px;}
#editor .detail .content > li .share{padding:10px 0;}
#editor .detail .content > li .share a{display:inline-block; width:28px; height:28px; margin-right:8px; background-color:#edebe6; background-position:center center; background-repeat:no-repeat; border-radius:3px; text-indent:-9999px; cursor:pointer; transition:all .3s;position:relative;}
#editor .detail .content > li .share a:hover{background-color:#f1f1f1;}
#editor .detail .content > li .share .fb{background-image:url(../images/share_1.png);}
#editor .detail .content > li .share .twitter{background-image:url(../images/share_2.png);}
#editor .detail .content > li .share .google{background-image:url(../images/share_3.png); margin:0;}
#editor .detail .content > li .btn{text-align:right;}
#editor .detail .content > li iframe{width:100%; height:400px;}
#editor .detail .content .gallary{overflow:hidden;}
#editor .detail .content .gallary a{position:relative; float:left; display:block; width:25%; padding:5px; box-sizing:border-box;}
#editor .detail .content .gallary a:after{content:""; position:absolute; left:50%; top:50%; display:none; width:30px; height:30px; background:url(../images/gallery_hover.jpg) no-repeat; margin:-15px 0 0 -15px;}
#editor .detail .content .gallary a span{display:block; transition:all .3s;}
#editor .detail .content .gallary a img{display:block; width:100%; height:auto;}
#editor .detail .content .gallary a:hover:after{display:block;}
#editor .detail .content .gallary a:hover span{opacity:.6;}
#editor .info{padding-bottom:30px; font-size:15px; color:#555; line-height:25px; clear:both;}
#editor .info h2{font-size:20px; color:#666; font-weight:normal;}
#editor .msg-btn{padding:30px 2px; border-top:1px solid #d9d6d2; border-bottom:1px solid #d9d6d2; overflow:hidden; clear:both;}
#editor .msg-btn a{display:block; width:100px; border:1px solid #d9d6d2; border-radius:15px; font-size:14px; color:#ff5632; line-height:30px; text-align:center; transition:all .3s;}
#editor .msg-btn a:hover{background:#e8e6e2;}
#editor .msg-btn .prev{float:left;}
#editor .msg-btn .next{float:right;}

#editor .detail .content .exhibition-table{ width:100%; border-collapse:collapse; display:table; font-size:15px;}
#editor .detail .content .exhibition-table .tr{border-top:1px solid #eaeaea; border-left:1px solid #eaeaea; display:table-row;}
#editor .detail .content .exhibition-table .td, #editor .detail .content .exhibition-table .th{border-bottom:1px solid #eaeaea; border-right:1px solid #eaeaea; padding:10px; box-sizing:border-box;}
#editor .detail .content .exhibition-table .td{ color:#444;}
#editor .detail .content .exhibition-table .tr:nth-child(2n+2){ background:#f7f7f7;}
#editor .detail .content .exhibition-table .tr:nth-child(2n+3){ background:#fff;}
#editor .detail .content .exhibition-table .th{ border-bottom:2px solid #f48972; color:#333; background:#ddd; min-width:45px; font-weight:bold;}
.css-table .thead, .css-table .tbody{ display:table-header-group;}
.css-table .th, .css-table .td{ display:table-cell;}
 
/* gallary-images */
.gallary-images{ margin:20px 0;}
.gallary-images{zoom: 1;}
.gallary-images:before{
    display: table;
    content: " ";
}
.gallary-images:after{
    content: '';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.gallary-images a{position:relative; float:left; display:block; width:25%; padding:5px; box-sizing:border-box;}
.gallary-images a:after{content:""; position:absolute; left:50%; top:50%; display:none; width:30px; height:30px; background:url(../images/gallery_hover.jpg) no-repeat; margin:-15px 0 0 -15px;}
.gallary-images a span{display:block; overflow:hidden; position:relative; background:#fff; border:1px solid #e9e7e2; transition:all .3s;}
.gallary-images a span:after{ content:"";padding-top: 62.5%; content:"";display:block; }
.gallary-images a img{display:block; position:absolute; top:0; bottom:0; right:0; left:0; max-width:100%; margin:auto; max-height:100%;}
.gallary-images a:hover:after{display:block;}
.gallary-images a:hover span{opacity:.6;}

/*download*/
.download {color:#666;}
.download a{ color:#ff5632;}
/* back-btn */
.back-btn { float:right; margin:20px 0;}
.back-btn a{ display:inline-block; background:#ff5632; padding:10px 30px; color:#fff; border-radius:5px; transition:all .3s; }
.back-btn a:hover{ opacity:.8;}
/*activities*/
.activities .h4{ font-weight:normal; padding:10px 0; margin:10px 0; border-top:1px solid #ccc; border-bottom:1px solid #ccc; font-size:20px; color:#666;}
.activities li{ float:left; width:25%; padding:5px; box-sizing:border-box; }
.activities li a{ display:block; position:relative; background:#000; width:100%;}
.activities a img{ display:block; width:100%; height:auto; transition:all .3s;}
.activities a:after{content:""; position:absolute; left:50%; top:50%; display:none; width:44px; height:44px; margin:-22px 0 0 -22px; background:url(../images/hover_arrow.jpg); border-radius:3px;}
.activities a:hover img{opacity:.5;}
.activities a:hover:after{display:block;}

/* switch */
.switch{ margin:0 0 10px 0; float:right;}
.switch dt, .switch dd{ float:left;}
.switch dt{ margin-right:10px;}
.switch dt span, .switch dd span{ margin-right:10px; color:#333; font-size:15px; float:left;}
.switch dt a, .switch dd a{ display:block; float:left; color:#666; padding:5px; margin:0 5px 0 0; width:15px; height:15px;text-align:center; line-height:15px;}
.switch dt.font-size a{ background-color:#ddd;font-size:16px;}
.switch dt.font-size a:hover{ background-color:#ff5632; color:#fff;}
/*font-size*/
.fontsize-l{ font-size:20px;}
.fontsize-m{ font-size:16px;}
.fontsize-s{ font-size:14px;}

.switch dt.font-size a.active{ background-color:#ff5632; color:#fff;}
.switch dd.share-group a{ position:relative; cursor:pointer;}
.switch dd.share-group a.share1{ background:url(../images/share_1.png) no-repeat center #ddd;}
.switch dd.share-group a.share2{ background:url(../images/share_2.png) no-repeat center #ddd;}
.switch dd.share-group a.share3{ background:url(../images/share_3.png) no-repeat center #ddd;}
.switch dd.share-group a.share4{ background:url(../images/share_print.png) no-repeat center #ddd;}
.switch dd.share-group a.share5{ background:url(../images/share_5.png) no-repeat center #ddd;}
.switch dd.share-group a.share6{ background:url(../images/share_6.png) no-repeat center #ddd;}
.switch dd.share-group a.share1:hover{ background:url(../images/share_1-2.png) no-repeat center #ff5632;}
.switch dd.share-group a.share2:hover{ background:url(../images/share_2-2.png) no-repeat center #ff5632;}
.switch dd.share-group a.share3:hover{ background:url(../images/share_3-2.png) no-repeat center #ff5632;}
.switch dd.share-group a.share4:hover{ background:url(../images/share_print-2.png) no-repeat center #ff5632;}
.switch dd.share-group a.share5:hover{ background:url(../images/share_5-2.png) no-repeat center #ff5632;}
.switch dd.share-group a.share6:hover{ background:url(../images/share_6-2.png) no-repeat center #ff5632;}
#qa{ position:absolute; width:202px; overflow:hidden; right:-5px; top:30px; padding:0 5px 5px 5px; z-index:50;display:none; }
#qa span{ display:block; background:url(../images/qa_arrow.png) no-repeat right; width:100%; height:9px; position:relative; margin:0 0 -1px 0; z-index:10; }
#qa .qa_pic{border:1px solid #c3c3c3; float:right; box-shadow: 0 5px 10px rgba(0,0,0,.2); background:#fff;}
#qa .qa_pic img{ width:100%; height:auto;}

/* introduction*/
.introduction .h2{ margin-bottom:20px; padding:0 0 10px 0; border-bottom:1px solid #ccc; position:relative;}
.introduction .h2 .lang{ position:absolute; right:0; top:15px;}
.introduction .h2 .lang a{ display:inline-block; color:#fff; margin:0 5px; background:#ff5632; border-radius:50%; width:35px; height:35px; font-size:20px; line-height:35px; text-align:center; font-weight:normal; transition:all .3s;}
.introduction .h2 .lang a:hover{ opacity:.8;}
.introduction .h2 .lang2{ position:absolute; right:0; top:15px;}
.introduction .h2 .lang2 a{ display:inline-block; color:#fff; margin:0 5px; background:#7c629e; border-radius:50%; width:35px; height:35px; font-size:20px; line-height:35px; text-align:center; font-weight:normal; transition:all .3s;}
.introduction .h2 .lang2 a:hover{ opacity:.8;}
.introduction .h2 .lang3{ position:absolute; right:0; top:15px;}
.introduction .h2 .lang3 a{ display:inline-block; color:#fff; margin:0 5px; background:#36517c; border-radius:50%; width:35px; height:35px; font-size:20px; line-height:35px; text-align:center; font-weight:normal; transition:all .3s;}
.introduction .h2 .lang3 a:hover{ opacity:.8;}
.introduction .h2 .lang4{ position:absolute; right:0; top:15px;}
.introduction .h2 .lang4 a{ display:inline-block; color:#fff; margin:0 5px; background:#b82a5f; border-radius:50%; width:35px; height:35px; font-size:20px; line-height:35px; text-align:center; font-weight:normal; transition:all .3s;}
.introduction .h2 .lang4 a:hover{ opacity:.8;}
.introduction p{ color:#333; font-size:15px; line-height:25px;}
.introduction .imgbox{ float:right; margin:0 0 20px 20px;}
.introduction .imgbox2{ float:right;}
.introduction .imgbox3{ margin:0 0 20px 0;}
.introduction .imgbox4{ float:right; margin:0 0 20px 20px; width:35%;}
.introduction .imgbox img{ display:block; width:100%; margin:0 auto; border-radius:10px;}
.introduction .imgbox2 img{ display:block; width:100%;  margin:0 auto;}
.introduction .imgbox3 img{ display:block; width:100%;  margin:0 auto;}
.introduction .imgbox4 img{ display:block; max-width:100%; height:auto; margin:0 auto; border-radius:10px;}
.principal-info{ overflow:hidden; margin:0 0 20px 0;}
.principal-info dt, .principal-info dd{ float:left;}
.principal-info dt{ margin:0 20px 0 0;}
.principal-info dt img{ display:block; margin:0 auto;}
.p-name{font-size:20px; margin:0 0 10px 0; color:#333;}
.p-work{ color:#333; font-size:15px;}
.p-title{ margin:0 0 5px 0; font-size:17px; color:#7c6645; }
.introduction .p-box{ margin:0 0 20px 0;}
.p-year dd, .p-year dt{ font-size:15px; line-height:25px;}
.p-year dd{ width:35%; margin-right:1%; float:left; color:#333;}
.p-year dt{ overflow:hidden; color:#555;}
.introduction .time-list{ border-bottom:1px dashed #aaa; padding:0 0 10px 0; margin:0 0 20px 0;}
.introduction .time-list .time-title{ margin:0 0 10px 0; font-size:20px;color:#694929;}
.former-box{ overflow:hidden; margin:10px 0; padding:10px; border:1px solid #ddd;}
.former-box dd, .former-box dt{ display:inline-block; vertical-align:top;}
.former-box dd{ width:32%;}
.former-box dd img{ display:block; width:100%; margin:0 auto;}
.former-box dt{ width:67%;}
.former-box-1{ overflow:hidden; margin:10px 0; padding:10px; border:1px solid #ddd;}
.former-box-1 dd, .former-box-1 dt{ display:inline-block; vertical-align:top;}
.former-box-1 dd{ width:32%;}
.former-box-1 dd img{ display:block; width:100%; margin:0 auto;}
.former-box-1 dt{ width:66%;padding-left:11px;}


.banner-slide{position:relative; margin:0 0 20px 0;}
.banner-slide .item img{display:block; width:100%; height:auto;}
.banner-slide .owl-buttons{position:absolute; left:0; top:50%; width:100%; margin-top:-15px; overflow:hidden;}
.banner-slide .owl-buttons div{display:block; width:30px; height:30px; background:url(../images/slide_arrows.png); text-indent:-9999px; }
.banner-slide .owl-buttons .owl-prev{float:left; margin-left:20px; background-position:left top;}
.banner-slide .owl-buttons .owl-next{float:right; margin-right:20px; background-position:right top;}

.banner-slide .owl-pagination{position:absolute; left:0; bottom:5%; width:100%; text-align:center;}
.banner-slide .owl-pagination .owl-page{display:inline-block; width:20px; height:20px; margin:0 5px; background:url(../images/bullets.png) center 3px no-repeat; transition:all .3s;}
.banner-slide .owl-pagination .owl-page.active{background-position:center bottom;}


/* group */
.group-info{ margin-bottom:20px;}
.group-title{ color:#fff; font-size:20px; margin:0 0 10px 0; padding:10px 10px 10px 30px; border-radius:5px; background:url(../images/title-icon.png) no-repeat 10px #574174; clear:both;}
.group-title2{ clear:both; color:#a3825d; font-size:20px; margin:0 0 10px 0; padding:5px 10px 5px 0px;border-bottom:1px solid #a3825d; }
.group_img{ overflow:hidden; margin:10px 0;}
.group_img li{ float:left; width:48%; margin:5px;}
.group_img li img{ display:block; width:100%;}

/*leader-info*/
.leader-info{ margin:20px 0; overflow:hidden; width:100%; clear:both; padding:10px 0 0 0;}
.leader-info dt, .leader-info dd{ padding:1%; overflow:hidden;}
.leader-info h4,.leader-info .h4{ color:#933; font-size:20px; font-weight:bold; padding:0 0 10px 0; margin:0 0 10px 0; border-bottom:1px solid #ddd;width: 100%;}{ color:#933; font-size:20px; font-weight:bold; padding:0 0 10px 0; margin:0 0 10px 0; border-bottom:1px solid #ddd;}
.leader-info h5,.leader-info .h5{ color:#333; font-size:18px;width: 100%;}
.leader-info div { float:left; width:20%; margin-right:20px;}
.leader-info div img{ display:block; width:100%;}
.leader-info p{ color:#666;}
.leader-info .img-leader{ border-radius:10px;border:2px solid #fff; }
.leader-info .img-leader img{ display:block; width:100%; border-radius:10px; }

/*guoguang*/
.group-title-g{ clear:both; color:#fff; font-size:20px; margin:0 0 20px 0; padding:10px 10px 10px 30px; background:url(../images/title-icon.png) no-repeat 10px center #5383a4; border-radius:5px;}

/*add-link*/
.add-link{ overflow:hidden; clear:both; padding:20px 0 0 0; border-top:1px solid #aaa;}
.add-link .h2{ float:left; border:none; margin:0 10px 0 0; padding:0;}
.add-link .h2 img{ display:block;height:auto;}
.add-link a{ display:block; float:left; padding:0 20px; color:#323E4F; text-align:center; transition:all linear .3s; border-right:1px solid #333; margin-top:10px;}
.add-link a:hover{ opacity:.8;}
.add-link .link{padding-left:10px; float:left;}
.add-link .link a{ display:inline-block; float:left; border:none; transition:all .3s; padding:0 10px 0 0; margin:0; }
.add-link .link a img{ display:block;width:120px;}

/*taiwan-music*/
.group-title-t{ clear:both; color:#fff; font-size:20px; margin:0 0 10px 0; padding:10px 10px 10px 30px; background:url(../images/title-icon.png) no-repeat 10px center #da3922; border-radius:5px;}
.service-t{margin:0 0 20px 0; clear:both;}
.service-t>div{margin:0 0 10px 0;}
.service-t .t1{ background:url(../images/service-icon1.png) no-repeat left; padding:0 0 0 15px; height:25px; font-size:18px; color:#e0800e;}
.service-t .t2{ background:url(../images/service-icon2.png) no-repeat left; padding:0 0 0 38px; height:25px; font-size:18px; color:#e0800e;}
.service-t a{ display:inline-block; color:#e68b1f;}
.service-t a:hover{ opacity:.8;}
.imgbox6{ float:right; margin:0 0 20px 20px !important;}
.imgbox6 img{ display:block; border-radius:10px; max-width:100%;}
/*nco*/
.group-title-n{ color:#fff; font-size:20px; margin:0 0 10px 0; padding:10px 10px 10px 30px; border-radius:5px; background:url(../images/title-icon.png) no-repeat 10px #b82a5f; clear:both;}

/* activity-search */
.activity-search{ margin:0 0 40px 0; color:#333; overflow:hidden; clear:both;}
.activity-search dt{background:#000;}
.activity-search dt a{position:relative; display:block;}
.activity-search dt a:after{content:""; position:absolute; left:50%; top:50%; display:none; width:44px; height:44px; margin:-22px 0 0 -22px; background:url(../images/hover_arrow.jpg); border-radius:3px;}
.activity-search dt a img{display:block; max-width:100%; height:200px; margin:0 auto; transition:all .3s;}
.activity-search dt a:hover:after{display:block;}
.activity-search dt a:hover img{opacity:.5;}
.activity-search>dl dd{background:#FFF; padding:20px;}
.activity-search>dl  dd .h3{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.activity-search>dl  dd .h3 a{font-size:18px; color:#333; line-height:25px; font-weight:normal;}
.activity-search>dl  dd .h3 a:hover{color:#ff5632;}
.activity-search>dl  dd p{height:100px; padding:5px 0; overflow:hidden; font-size:14px; color:#999; line-height:20px;}
.activity-search>dl dd .other{overflow:hidden;    padding: 2px;}
.activity-search>dl  dd .other a{transition:all .3s;}
.activity-search>dl  dd .other .views{position:relative; top:-2px; font-size:12px; color:#CCC;}
.activity-search>dl  dd .other .views:before{content:""; position:relative; top:2px; display:inline-block; width:12px; height:12px; background:url(../images/views.png) left top; margin-right:3px;}
.activity-search>dl  dd .other .views:after{content:"Views"; margin-left:3px;}
.activity-search>dl  dd .other .views:hover{color:#ff5632;}
.activity-search>dl  dd .other .views:hover:before{background-position:left bottom;}
.activity-search>dl  dd .other .more{ float:right;display:inline-block; font-size:13px; color:#ff5632; font-weight:bold;}
.activity-search>dl  dd .other .more:after{content:""; display:inline-block; width:4px; height:10px; background:url(../images/more_arrow.png) left top; margin-left:5px;}
.activity-search>dl  dd .other .more:hover{color:#5b5b5b;}
.activity-search>dl  dd .other .more:hover:after{background-position:left bottom;}
.activity-search .item{ margin-bottom:20px;padding:0 10px; float:left; width:30%;}
.activity-search .item dd{ overflow:hidden;}
.activity-search .item .more{ padding:0 20px 0 0; float:right;display:inline-block; font-size:15px; color:#ff5632; font-weight:bold; cursor:pointer;}
.activity-search .item .more:after{content:""; display:inline-block; width:4px; height:10px; background:url(../images/more_arrow.png) left top; margin-left:5px;}
.activity-search .item .more:hover{color:#5b5b5b;}
.activity-search .item .more:hover:after{background-position:left bottom;}
.activity-search .item .video-txt h3{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/*gougang-schedule*/
.activity-search .schedule{ margin-bottom:20px;padding:0 10px; float:left; width:30%;}
.activity-search .schedule h4{padding:15px 20px; font-weight:normal; color:#333; font-size:18px; line-height:25px; border-bottom:1px solid #aaa; background:#fff;} 
.activity-search .schedule dl{ overflow:hidden; padding:10px 20px; border-bottom:1px dashed #eaeaea; background:#fff;}
.activity-search .schedule dl:last-child{ margin:0;}
.activity-search .schedule dl a{ color:#666;}
.activity-search .schedule dl dd{ transition:all .3s;}
.activity-search .schedule dl a:hover dd{ color:#ff5632;}
.activity-search .schedule dl dt, .item2 dl dd{ background:none; padding:0; line-height:25px;}
.activity-search .schedule dl dt b{ font-weight:normal;background-position:left top;}
.activity-search .schedule dl dt b:before ,
.activity-search .schedule dl dt span:before{content:""; display:inline-block; width:12px; height:11px; background:url(../images/post_icon.jpg) no-repeat; margin-right:5px;}
.activity-search .schedule dl dt span:before{background-position:right top;}
.news-b a{ display:block; position:relative; transition:all .3s; color:#333; line-height:25px; padding:0 20px 0 0;}
.news-b a:after{ content:""; display:block; position:absolute; background:url(../images/search-more.png) no-repeat left bottom; width:8px; height:15px; right:0px; top:5px;}
.news-b a:hover{ color:#ff5632;}

/* news-block */
.news-block{ margin:0 10px 20px 10px; float:left; width:30%; background:#fff;}
.news-block h4,.news-block .h4{padding:15px 20px; font-weight:normal; color:#333; font-size:18px; line-height:25px; border-bottom:1px solid #aaa; background:#fff;} 
.news-block dl{ overflow:hidden; padding:10px 20px 10px 20px; border-bottom:1px solid #eaeaea;}
.news-block dl dt, .news-block dl dd{ float:left; background:none; padding:0; line-height:25px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} 
.news-block dl dt{ margin-right:10px;}

/*group-time*/
#group-time { clear:both;}
#group-time dl{ overflow:hidden; border-bottom:1px dashed #bba583; padding:10px 0; line-height:24px;}
#group-time dl dt{ width:100px; color:#764D0D;width:100%; padding:5px; font-size:18px; color:#333; cursor:pointer; box-sizing:border-box; transition:all .3s;}
#group-time dl dd{ overflow:hidden; line-height:24px; color:#333;}
#group-time dt:before{content:""; display:inline-block; width:18px; height:18px; margin-right:10px; background:url(../images/index_news_icon3.png) left top no-repeat;}
#group-time dl:hover dt ,
#group-time dl.active dt{ color:#764D0D;}
#group-time dl:hover dt:before{background-position:left center;}
#group-time dl.active dt:before{background-position:left bottom;}
#group-time dd{display:none; padding:20px 0; overflow:hidden;}

.link_fb { margin:20px 0 0 0; background:url(../images/link_fb.png) no-repeat left; text-indent:25px;}
.link_fb a{ display:block; color:#333; transition:all .3s;}
.link_fb a:hover{ color:#ff5632;}
.link_page { clear:both; background:url(../images/link_page.png) no-repeat left; text-indent:20px;}
.link_page a{ display:block; color:#764D0D;}
.link{ overflow:hidden;    padding: 2px;}
.link a{ display:inline-block; float:left; margin:10px 10px 0 0; transition:all .3s; }
.link a img{ display:block;width:120px;}
.link-btn{ color:#fff; background:#da3922; border-radius:5px; width:120px; line-height:39px; text-align:center;}
.link-btn:hover{ background:#333;}
.link-btn2{ color:#fff; background:#7c629e; border-radius:5px; width:120px; line-height:39px; text-align:center;}
.link-btn2:hover{ background:#333;}
.link-btn4{ color:#fff; background:#b82a5f; border-radius:5px; width:120px; line-height:39px; text-align:center;}
.link-btn4:hover{ background:#333;}
.item2{ overflow:hidden; clear:both;}
.item2>li{ float:left; width:30%; background:#fff; margin:0 10px 20px 10px; overflow:hidden;}
.item2>li h3 {padding:20px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.item2>li h4{padding:20px 20px 10px 20px; font-weight:normal; color:#333; font-size:18px; line-height:25px; border-bottom:1px solid #aaa;} 
.item2>li h3 a{ font-weight:normal; color:#333; font-size:18px; line-height:25px;}
.item2>li h3 a:hover{color:#ff5632;}

.item2>li .h3 {padding:20px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.item2>li .h4{padding:20px 20px 10px 20px; font-weight:normal; color:#333; font-size:18px; line-height:25px; border-bottom:1px solid #aaa;} 
.item2>li .h3 a{ font-weight:normal; color:#333; font-size:18px; line-height:25px;}
.item2>li .h3 a:hover{color:#ff5632;}

.item2>li .more{ padding:0 20px 0 0; float:right;display:inline-block; font-size:15px; color:#ff5632; font-weight:bold; cursor:pointer; margin:0 0 10px 0;}
.item2>li .more:after{content:""; display:inline-block; width:4px; height:10px; background:url(../images/more_arrow.png) left top; margin-left:5px;}
.item2>li .more:hover{color:#5b5b5b;}
.item2>li .more:hover:after{background-position:left bottom;}
.video{ width:100%; box-sizing:border-box;}
.video iframe{ width:100%; display:block; height:200px; background:#fff;}
.item2 dl { overflow:hidden; padding:10px 20px 10px 20px; border-bottom:1px solid #eaeaea;}
.item2 dl dt, .item2 dl dd{ float:left; background:none; padding:0; line-height:25px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} 
.item2 dl dt{ margin-right:10px;}
.fb-page img{ display:block; width:100%;}
.item2 li dl a{ color:#333; transition:all .3s;}
.item2 li dl a:hover{ color:#ff5632;}
.item2.group1 li{width:100%;padding-top: 20px;margin:0px;}
.item2.group1 li .video{width:60%;margin:0px auto;}
.item2.group1 li .video iframe{height:370px;}
.item2.group1>li .more{text-align: center;display: block;float:none;}


/*artmagazine*/
#artmagazine li{ display:none;}

/*item3*/
.item3{margin-bottom:20px;padding:0 10px; overflow:hidden; background:#fff;}
.item3 dt, .item3 dd{ float:left;box-sizing:border-box;}
.item3 dt{ width:40%;}
.item3 dd{ padding:12px 20px; width:60%;}
.item3 ul{overflow:hidden; margin-bottom:20px;}
.item3 ul li{ float:none;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; border-bottom:1px dashed #ccc; padding:10px 0;}
.item3 ul li a{ color:#333;}
.item3 ul li a:hover{color:#ff5632;}
.group-con{ margin:0 0 20px 0; clear:both; overflow:hidden;}
.group-con .intro-img{ margin:0 3% 0 0; float:left; display:inline-block; width:30%;}
.group-con img{ display:block; margin:0 auto; width:100%; border-radius:50%;}
.group-con .intro-box{ float:left; margin:0 0 20px 30px; width:50%;}
.group-con .intro-box div{ margin:5px 0; color:#333;}
.group-con .intro-box .name{ font-size:18px; color:#7c6645;}
.group-con .intro-box div b{ font-size:normal; display:block;margin:5px 0;}
.leader-list{ clear:both; padding:10px 0; margin:20px 0; font-size:18px; border-top:1px solid #855b2a; border-bottom:1px solid #855b2a; color:#855b2a;}
.leader-box { padding:0 0 20px 0; margin:0 0 20px 0; border-bottom:1px dashed #c9c5c0; overflow:hidden;}
.leader-box dt, .leader-box dd{ display:inline-block; float:left;}
.leader-box dt{ margin-right:20px;}
.leader-box dd{ margin:0 0 0 30px;}
.leader-box dd .l-name{ font-size:18px; color:#7c6645;}
.leader-box dd b{ margin:5px 0; display:block;}
.leader-box dd { color:#333;}
.leader{ clear:both; margin:20px 0; color:#333;}
.leader dl{ overflow:hidden;}
.leader dl dt, .leader dl dd{ float:left;}
.leader dl dt{ width:20%; margin-right:3%;}
.leader dl dd{ width:77%;}
.leader img{ display:block; width:100%; border-radius:50%;}
.member dl{ overflow:hidden; margin:0 0 20px 0;}
.member dl dt, .member dl dd{ float:left;}
.member dl dt{ width:80px; box-sizing:border-box; color:#333; font-weight:bold; margin-bottom:10px;}
.member dl dd{ width:90%; color:#666;}
.member dl dd ul{ overflow:hidden;}
.member dl dd ul li{ float:left;padding:0 20px 0 0; line-height:25px;}
.more-box{ display:none; clear:both;}
.more-info { overflow:hidden;    padding-left: 2px;    padding-right: 2px;}
.more-info .more{ padding:0 20px 0 0; margin:40px 0 20px 0; display:inline-block; font-size:15px; color:#ff5632; font-weight:bold; cursor:pointer;}
.more-info .more:after{content:""; display:inline-block; width:4px; height:10px; background:url(../images/more_arrow.png) left top; margin-left:5px;}
.more-info .more:hover{color:#5b5b5b;}
.more-info .more:hover:after{background-position:left bottom;}
.more-info2{ float:right; margin:10px;} 
.more-info2 a{ font-size:13px;display:inline-block; color:#ff5632; font-weight:bold; cursor:pointer; transition:all .3s;}
.more-info2 a:hover{ color:#5b5b5b;}
.more-info2 a:after{content:""; display:inline-block; width:4px; height:10px; background:url(../images/more_arrow.png) left top; margin-left:5px;}
.more-info3{ float:right; margin:10px;} 
.more-info3 a{ font-size:15px;display:inline-block; color:#ff5632; font-weight:bold; cursor:pointer; transition:all .3s;}
.more-info3 a:hover{ color:#5b5b5b;}
.more-info3 a:after{content:""; display:inline-block; width:4px; height:10px; background:url(../images/more_arrow.png) left top; margin-left:5px;}
.more-info3 a:hover:after{background-position:left bottom;}
.art-magazine { width:100%;}
.art-magazine li{ padding:10px 0; margin:0 10px; border-bottom:1px solid #ddd; overflow:hidden;}
.art-magazine li a{ color:#333; transition:all .3s;}
.art-magazine li a:hover{ color:#ff5632;}
.art-magazine li a:hover p{ color:#ff5632;}
.art-magazine li span{ margin:0 20px 0 0;display:block; float:left; font-size:16px; line-height:25px;}
.art-magazine li p{width:60%;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height:25px; float:left; padding:0 0 0 5px; transition:all .3s;}
.art-magazine li b{ font-weight:normal; display:block; float:right;line-height:25px; }

.infobox{ overflow:hidden;margin:0 0 10px 0;}
.infobox h3{ border-bottom:1px solid #ccc; padding:0 0 10px 30px; margin:0 0 20px 0; color:#323E4F; background:url(../images/group-title2.png) left 5px no-repeat; }
.imgbox5{ float:left; margin:0 20px 20px 0;}
.imgbox5 img{ display:block; width:100%;}
.imgslide{ width:300px; margin:0 0 20px 20px; float:right;}
.imgslide img{ display:block; width:100%; height:auto;}

/*group-tab*/
.group-tab { display:table;word-spacing: -1em; margin:0 0 30px 0;}
.group-tab li { display:inline-block;text-align:center; border-right:1px dashed #ccc; }
.group-tab li a{ display:block; font-size:18px; padding:10px; color:#333;  cursor:pointer; text-align:center; transition:all .3s;}
.group-tab li a:hover{ color:#fff;}
.group-tab li a.active{ color:#fff;}
.group-tab li:after{ display:block; height:3px; content:""; margin:0 auto; text-align:center; width:100%; }
.group-tab li.main a{ background:url(../images/main-icon.png) no-repeat 5px 9px; padding-left:50px; color:#d74028;}
.group-tab li.main a:hover{ background:url(../images/main-icon-h.png) no-repeat 5px 9px #d74028; color:#fff;}
.group-tab li.main a.active{ background:url(../images/main-icon-h.png) no-repeat 5px 9px #d74028; color:#fff;}
.group-tab li.main:after{ background:#d74028;}

.group-tab .group1:after{ background:#e68b1f;}
.group-tab .group2:after{ background:#2e5390;}
.group-tab .group3:after{ background:#684597;}
.group-tab .group4:after{ background:#c4205d;}
.group-tab .group1 a{ color:#e68b1f;}
.group-tab .group2 a{ color:#2e5390;}
.group-tab .group3 a{ color:#684597;}
.group-tab .group4 a{ color:#c4205d;}
.group-tab .group1 a:hover{ background-color:#e68b1f;}
.group-tab .group2 a:hover{ background-color:#2e5390;}
.group-tab .group3 a:hover{ background-color:#684597;}
.group-tab .group4 a:hover{ background-color:#c4205d;}
.group-tab .group1 a.active{ background-color:#e68b1f;}
.group-tab .group2 a.active{ background-color:#2e5390;}
.group-tab .group3 a.active{ background-color:#684597;}
.group-tab .group4 a.active{ background-color:#c4205d;}
.group-tab .group4{ border:none;}

/* history */
#history{ position:relative;}
#history .timeline{}
#history .timeline:after{ content:""; position:absolute; left:50%; top:0; background:#735a2f; width:1px; z-index:0; height:100%;}
#history .timeline dl{ padding:10px 0; width:100%; overflow:hidden;}
#history .timeline dl dt, #history .timeline dl dd{ width:50%;}
#history .timeline dl dd{ padding:10px; box-sizing:border-box;}
#history .timeline dt{ font-size:24px; box-sizing:border-box; position:relative; transition:all .3s;}
#history .timeline dt:after{content:""; display:block; width:14px; height:14px; border-radius:50%; background:#735a2f; position:absolute; top:20px; z-index:2;}
#history .g1 dt, #history .g1 dd .info h3{ color:#d74028;}
#history .g2 dt, #history .g2 dd .info h3{ color:#e68b1f;}
#history .g3 dt, #history .g3 dd .info h3{ color:#2e5390;}
#history .g4 dt, #history .g4 dd .info h3{ color:#684597;}
#history .g5 dt, #history .g5 dd .info h3{ color:#c4205d;}
#history .g-all dt, #history .g-all dd .info h3{ color:#333;}
#history dt a{ display:inline-block; transition:all .3s;}
#history .timeline .right dt{ float:left; text-align:right; padding:13px 20px 0 0;}
#history .timeline .right dt:after{ right:-7px; }
#history .timeline .right dd{ float:right;}
#history .timeline .right dd .info{ padding:0 0 0 10px; }
#history .timeline .left dt{ float:right; text-align:left; padding:13px 0 0 20px; }
#history .timeline .left dt:after{ left:-7px; }
#history .timeline .left dd{ float:left; text-align:right;}
#history .timeline .left dd .info{ padding:0 10px 0 0; }
#history .timeline .year {}
#history .timeline .year dt{font-size:20px; color:#a18656; padding-top:0px;}
#history .timeline .year dt:after{content:""; display:block; width:14px; height:14px; border-radius:50%; background:#a18656; position:absolute; top:3px; z-index:2;}
#history dd .info{font-size:14px; color:#333; line-height:25px; box-sizing:border-box;}
#history dd .info h3{ padding:5px 0 0 0; font-size:18px; color:#333;}

/*history-year*/
#history .history-year{ margin:0 0 20px 0;}
#history .history-year>dl>dt{ font-size:25px; color:#333; margin-bottom:10px;}
#history .history-year>dl>dd {padding:0; width:100%;}
#history .history-year>dl>dd>.info{ overflow:hidden; padding:0; font-size:15px;}
#history .history-year>dl>dd>.info h3{ padding:5px 0; margin:10px 0; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
#history .history-year>dl>dd .g1 h3{ color:#d74028;}
#history .history-year>dl>dd .g2 h3{ color:#e68b1f;}
#history .history-year>dl>dd .g3 h3{ color:#2e5390;}
#history .history-year>dl>dd .g4 h3{ color:#684597;}
#history .history-year>dl>dd .g5 h3{ color:#4c9745;}
#history .history-year>dl>dd .info .imgbox{ float:right; max-width:250px; margin:0 0 10px 10px;}
#history .history-year>dl>dd .info .imgbox img{ display:block; width:100%;height:auto; border-radius:10px; }

/*group-history*/
.group-history h3{ margin:0 0 10px 0; color:#000; font-weight:normal; font-size:22px; background:url(../images/title_icon.png) no-repeat left; text-indent:15px;}
.group-history p{ font-size:16px; line-height:25px;}
.group-history .year-list li{}
.group-history .year-list dl{ padding:10px 0; border-bottom:1px solid #ccc; color:#333; overflow:hidden;}
.group-history .year-list dl dt{ font-weight:bold; margin:5px 0; background:url(../images/year-list.png) no-repeat left center; padding: 0 0 0 10px; color:#555;}
.group-history .year-list dl dd{ font-size:16px; line-height:25px;}
.group-history .year-list .imgbox{float:right; max-width:250px; margin:20px 0 0 20px; box-sizing:border-box;}
.group-history .year-list .imgbox img{ display:block; width:100%; border-radius:10px;}


/* member-filter */
#member-filter{position:relative; margin-bottom:30px; overflow:hidden; border-top:1px solid #686661; border-bottom:1px solid #686661; padding:10px 0 20px 0;}
#member-filter dl{position:relative; padding:10px 10px 10px 60px; border-radius:5px; box-sizing:border-box;}
#member-filter dt{position:absolute; left:0; top:17px; font-size:20px; color:#333; font-weight:bold;}
#member-filter dd a{display:inline-block; margin:0 5px 5px 0; padding:10px 15px; border-radius:5px; font-size:14px; color:#555; cursor:pointer; transition:all .3s;}
#member-filter dd a:hover{background:#e9e7e2;}
#member-filter dd a.active{background:#ff5632; color:#FFF;}
#member-filter .clear{ float:right;display:inline-block; padding:10px 15px; background:#ff5632; border-radius:5px; font-size:14px; color:#FFF; cursor:pointer; transition:all .3s;}
#member-filter .clear:hover{ opacity:0.8;}
#member-filter.member-talent{ margin-bottom:0; overflow:hidden; border:none; padding:0 0 20px 0;}
 
/* member */
#member{overflow:hidden;}
#member dl{display:none; float:left; width:23%; margin:1%; box-sizing:border-box;}
#member dt{width:180px; height:220px; margin:0 auto; transition:all .3s; padding:3px; background:#ccc; transition:all .3s;}
#member dl:hover dt{ background:#ff5632; box-shadow:0px 0px 10px #333; }
#member dt a{display:block; width:98%; height:98%; overflow:hidden; border:2px solid #fff;margin:0 auto;display: flex;
    display: box;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
 align-items: center;
    -webkit-align-items: center;
    box-align: center;
    -moz-box-align: center;
    -webkit-box-align: center;}

#member dl:hover dt a{}
#member dt a img{display:block; width:100%; height:auto; margin:0 auto;}
#member dd{padding:10px 0; text-align:center;width:182px; height:90px; border:2px solid #ccc; border-top:none; margin:0 auto; background:#fff;}
#member dd h3{font-size:18px; color:#333;}
#member dd h3:after{content:""; display:block; width:30px; height:2px; background:#3e3b37; margin:10px auto; transition:all .3s;}
#member dd .h3{font-size:18px; color:#333;font-weight: bold;}
#member dd .h3:after{content:""; display:block; width:30px; height:2px; background:#3e3b37; margin:10px auto; transition:all .3s;}
#member dd b{color:#74441d;}
#member dd span{font-size:16px; color:#555;}
#member dl:hover dt{opacity:.8;}
#member dl:hover dd h3:after{width:45px; background:#ff5632;}
#member dl:hover dd .h3:after{width:45px; background:#ff5632;}

/* member-info */
#member-info{}
#member-info .left{padding-bottom:20px;}
#member-info .left dt{width:100%; margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #676460;}
#member-info .left dt img{display:block; max-width:200px; height:auto;}
#member-info .left dd a{display:inline-block; width:28px; height:28px; margin:0 5px 5px 0; background-color:#e8e6de; background-position:center center; background-repeat:no-repeat; cursor:pointer; transition:all .3s;}
#member-info .left dd a:hover{opacity:.6;}
#member-info .left dd .fb{background-image:url(../images/share_1.png);}
#member-info .left dd .twitter{background-image:url(../images/share_2.png);}
#member-info .left dd .google{background-image:url(../images/share_3.png);}

#member-info .right{}
#member-info .right > h2{font-size:24px; color:#333; font-weight:normal; margin-bottom:40px;}
#member-info .right > h2:after{content:""; display:block; width:80px; height:4px; margin-top:18px; background:#ff5632;}

#member-info .h2{font-size:24px; color:#333; font-weight:normal; margin-bottom:40px;}
#member-info .h2:after{content:""; display:block; width:80px; height:4px; margin-top:18px; background:#ff5632;}

#member-info .right > ul li{position:relative; padding:0 0 0 10px; font-size:15px; color:#333; line-height:25px;}
#member-info .right > ul li:before{content:""; position:absolute; left:0; top:8px; display:block; width:4px; height:7px; background:url(../images/links_arrow.png) left bottom no-repeat;}
#member-info .right .info{font-size:15px; color:#555; line-height:25px;}
#member-info .right .info:before{content:"簡介 /"; display:block;  margin:20px 0; font-size:20px;}
#member-info .right .info2{font-size:15px; color:#555; line-height:25px;}
#member-info .right .info2:before{content:"經歷 /"; display:block;  margin:20px 0; font-size:20px;}

/*social-list*/
.social-list ul{ overflow:hidden;}
.social-list li{ width:48%; float:left; margin-right:2%; box-sizing:border-box;}
.social-list h3{ color:#333; font-size:20px; font-weight:normal; padding:0 0 5px 0; text-indent:30px; margin-bottom:10px; color:#6a5243;}
.social-list h3.fb{ background:url(../images/fb-icon-1.png) no-repeat left;}
.social-list h3.youtube{ background:url(../images/youtube-icon-1.png) no-repeat left;}
.social-list p{ color:#555; font-size:16px; line-height:25px; margin:5px 0;}
.social-list p a{ display:inline-block; color:#333; padding-left:15px; background:url(../images/link_icon.png) no-repeat left; transition:all .3s;}
.social-list p a:hover{ color:#7c6645;}


/*talent*/
#talent{}
#talent h4{ font-weight:normal; font-size:20px; line-height:20px; color:#333; margin:0 0 10px 0;}
.find-btn {margin:10px 0;}
.find-btn a{ display:inline-block; padding:5px 20px; border-radius:5px; color:#fff;border:1px solid #856d5d;background:url(../images/title_icon2.png) no-repeat 10px center #856d5d; transition:all .3s;}
.find-btn a:hover{ border:1px solid #856d5d;color:#856d5d; background-color:inherit;}
#talent p{ color:#333; line-height:25px; font-size:17px;}
.talent .title{ font-size:25px; font-weight:normal; color:#333; margin:20px 0;}
#talent-con div>h3{ clear:both; color:#62431f; margin:10px 0; padding:10px 0; border-bottom:1px solid #62431F;font-weight:normal; font-size:20px;}
#talent-con div>h3:before{ content:""; width:3px; height:18px; line-height:28px; background:#62431f; display:inline-block; margin:3px 8px 0 0; border-radius:5px;}
#talent-con div p{ color:#333; line-height:25px; font-size:15px;}
#talent-con .imggroup {margin:10px 0;}
#talent-con .student-list { width:100%; margin:20px 0;}
#talent-con .student-list table{ width:100%; text-align:center; border-top:1px solid #eaeaea;border-left:1px solid #eaeaea;}
#talent-con .student-list table tr:first-child td{ background:#e18249; color:#fff;}
#talent-con .student-list table td{ padding:10px; box-sizing:border-box; border-right:1px solid #eaeaea; border-bottom:1px solid #eaeaea;}
#talent-con .imgbox4{ float:left; width:200px; margin:10px 20px 10px 0;}
#talent-con .teacherbox{ overflow:hidden;}
#talent-con .t-title{ padding:10px 0; color:#916b43;}
#talent-con .imgbox4 img{ display:block; width:100%; height:auto; border-radius:10px;}
#talent-con .p-word2{ color:#666;}
#talent-con .p-word2 span{ color:#F60;}
#talent-con .year-list dl{ padding:10px 0; border-bottom:1px solid #ccc; color:#333; overflow:hidden;}
#talent-con .year-list dl dt{ font-weight:bold; margin:5px 0;color:#555;}
#talent-con .year-list dl dd{ font-size:16px; line-height:25px;}
#talent-con .year-list .imgbox{float:right; max-width:250px; margin:0 0 0 20px; box-sizing:border-box;}
#talent-con .year-list .imgbox img{ display:block; width:100%; border-radius:10px;}
#talent-con .media{ max-width:400px;}
#talent-con .media iframe{ width:100%; min-height:250px; height:280px;}
.show-item{ margin-bottom:20px; padding:20px; box-sizing:border-box; background:#fff; overflow:hidden;}
.show-item h4{ padding:0 0 10px 0; margin:0 0 10px 0; line-height:25px; font-weight:normal; font-size:18px; color:#000; border-bottom:1px solid #ccc;}
.show-item .imgbox{max-width:300px; float:right; margin:0 0 20px 20px;}
.show-item .imgbox img{ display:block; width:100%;border-radius:10px;}

/*visit*/
#visit{}
#visit .place{ position:relative; top:1px; font-size:16px; color:#666; overflow:hidden; border-bottom:1px solid #ccc;}
#visit .place li{ float:left; width:125px; padding:10px 0; text-align:center; box-sizing:border-box; cursor:pointer;}
#visit .place li.active{ border-bottom:3px solid #ff5632; color:#ff5632;}
#visit .place-map > li{display:none;}
#visit .place-map > li li{font-size:14px; color:#CCC; line-height:30px;}
#visit .place-map > li li:before{content:""; display:inline-block; width:4px; height:7px; background:url(../images/links_arrow.png)left bottom; margin-right:5px;}
#visit .map iframe{ width:100%; height:400px;}
#visit .title{ color:#62431f; margin:10px 0; font-weight:normal; font-size:20px;}
#visit {line-height:25px; color:#666;}
#visit .word-p3{ color:#222;}
#visit p a{ color:#ff5632; display:inline-block; margin:0 5px; font-size:15px;}
#visit .visit-link a{ display:block; color:#ff5632; transition:all .3s; }
#visit .visit-link a:hover{ color:#333;}

/*subcribe*/
#subscribe{position: absolute; top: 10%; left: 50%; width: 500px; margin-left: -250px; background: #fff; padding: 20px; z-index: 102; min-height: 200px; box-sizing: border-box; overflow: hidden; display:none;}
#subscribe .h1{ font-size:24px; margin-bottom:20px; padding:0 0 20px 0; border-bottom:1px solid #eee; text-align:center;}
#subscribe .h1 a{ position:absolute; right:10px; top:20px; cursor:pointer; background:url(../images/close.png) no-repeat; text-indent:-99999px; width:20px; height:20px;}
#epaper-search{position:relative; width:100%; overflow:hidden;}
#epaper-search option{ line-height:20px;}
#epaper-search dl{ margin:0 0 20px 0;}
#epaper-search dl dt{ margin:10px 0;}
#epaper-search dd input{display:inline-block; width:100%; border:1px solid #cbc9c5; height:45px; padding:10px; border-radius:5px; box-shadow:0 0 3px #e8e6de; box-sizing:border-box;}
#epaper-search div b{ display:block; margin:10px 0; font-weight:normal;}
#epaper-search div li{ float:left; margin:0 10px 5px 0;}
#epaper-search .button{ width:240px; float:right; overflow:hidden; margin:20px 0 0 0;}
#epaper-search a{ float:left; margin:10px; display:inline-block; width:100px; border:none; background:#ff5632; border-radius:5px; font-size:14px; color:#FFF; line-height:42px; text-align:center; font-weight:bold; cursor:pointer; transition:all .3s;}
#epaper-search a.cancel{ background:#aaa; }
#epaper-search a:hover{ opacity:.8;}
#cover{ position:fixed; top:0; left:0; width:100%; height:100%;z-index:101; background:url(../images/cover.png) repeat; display:none;}

/*open_windows*/
.open_windows{ position: fixed; left: 50%; top: 10%; width: 600px; margin-left: -300px; background: #FFF; z-index: 101; padding:20px; box-sizing:border-box; overflow:auto; display:none;}
/*send_window*/
#send_window .h1{ font-size:24px; margin-bottom:20px; padding:0 0 20px 0; border-bottom:1px solid #eee; text-align:center;}
#send_window .h1 a{ position:absolute; right:10px; top:20px; cursor:pointer; background:url(../images/close.png) no-repeat; text-indent:-99999px; width:20px; height:20px;}
#send_window dl{ width:100%; margin:0 0 15px 0; overflow:hidden;}
#send_window dl dt{ font-size:16px; color:#000; margin:0 0 5px 0}
#send_window dl dd input, #send_window dl dd textarea{ display:inline-block; width:100%; border:1px solid #cbc9c5; height:45px; padding:10px; border-radius:5px; box-shadow:0 0 3px #e8e6de; box-sizing:border-box;}
#send_window dl dd textarea{ height:120px;}
#send_window dl dd .code_num{ width:100px; float:left; height:38px;}
.code_img{ margin:0  0 0 10px; float:left;}
.code_img a{ color:#ff5632; font-size:14px; line-height:38px; margin:0 0 0 10px; cursor:pointer;}
#send_window .button{ width:240px; overflow:hidden; margin:20px auto 0 auto;}
#send_window .button a{ float:left; margin:10px; display:inline-block; width:100px; border:none; background:#ff5632; border-radius:5px; font-size:14px; color:#FFF; line-height:42px; text-align:center; font-weight:bold; cursor:pointer; transition:all .3s;}
#send_window .button a.cancel{ background:#aaa; }
#send_window .button a:hover{ opacity:.8;}

/*contact*/
.contact-box {border-bottom:1px dashed #999; margin:0 0 20px 0;}
.contact-box dl{ margin:0 0 20px 0; overflow:hidden;}
.contact-box dl dt{ margin:10px 0;}
.contact-box dl dt span{ color:#b41e22; margin:0 5px 0 0;}
.contact-box dl b{ display:inline-block; margin:5px 0 0 0; color:#666; font-weight:normal;}
.contact-box dd input, .contact-box dd textarea{display:inline-block; width:100%; border:1px solid #cbc9c5; height:45px; padding:10px; border-radius:5px; box-shadow:0 0 3px #e8e6de; box-sizing:border-box;}
.contact-box dd textarea{ min-height:100px; font-size:13px;}
.contact-box dl dd .code_num{ width:100px; float:left; height:38px;}
.contact-box .button{ width:240px; overflow:hidden; margin:0 auto 0 auto;}
.contact-box .button a{ float:left; margin:10px; display:inline-block; width:100px; border:none; background:#ff5632; border-radius:5px; font-size:14px; color:#FFF; line-height:42px; text-align:center; font-weight:bold; cursor:pointer; transition:all .3s;}
.contact-box .button a.cancel{ background:#aaa; }
.contact-box .button a:hover{ opacity:.8;}
.contact-box .check{ margin-bottom:20px;}
.contact-box .check span span{ color:#b41e22; margin:0 5px 0 0;}
.contact-box .check input{ margin:0 0 0 10px;}
.contact-box dd.phone span{ display:inline-block; margin:0 10px; }
.contact-box dd.phone input{ width:40%;}

/*login*/
.login-box dl{ margin:10px auto; overflow:hidden; width:235px;}
.login-box dl dt{ margin:10px 10px 10px 0; display:inline-block; float:left;}
.login-box dd { float:left;}
.login-box dd input{display:inline-block; width:100%; border:1px solid #cbc9c5; height:40px; padding:10px; border-radius:5px; box-shadow:0 0 3px #e8e6de; box-sizing:border-box;}
.login-box .button{ width:240px; overflow:hidden; margin:0 auto 0 auto;}
.login-box .button a{ float:left; margin:10px; display:inline-block; width:100px; border:none; background:#ff5632; border-radius:5px; font-size:14px; color:#FFF; line-height:42px; text-align:center; font-weight:bold; cursor:pointer; transition:all .3s;}
.login-box .button a.cancel{ background:#aaa; }
.login-box .button a:hover{ opacity:.8;}

/*question-box*/
.question-box dl{ margin:0 0 20px 0; border:1px solid #dad7d3; border-left:none; background:#fff; }
.question-box dl dt{padding:10px 20px; color:#333; cursor:pointer; font-size:20px; border-left:3px solid #aaa; transition:all .3s;}
.question-box dl dt:hover{ color:#ff5632;}
.question-box dl.active dt{border-left:3px solid #ff5632; color:#ff5632; }
.question-box dl dd{padding:20px; border-top:1px solid #dad7d3; border-left:1px solid #dad7d3; font-size:16px; color:#333; display:none; }
.question-box dl dt a{color:#333; cursor:pointer;transition:all .3s;}
.question-box dl dt a:hover{ color:#ff5632;}
.question-box dl.active dt a{color:#ff5632; }

/*link-box*/
.link-box li{ width:23%; box-sizing:border-box; margin:1%; float:left;border-radius:5px; background:#eaeaea; border:1px solid #e7e7e7;  transition:all .3s;}
.link-box li a{ display:block; color:#333; text-align:center;min-height:84px}
.link-box li:hover { background:#fff;}
.link-box li img{ display:block; width:100%; height:auto; border-radius:5px 5px 0 0; }
.link-box li span{ display:block; padding:10px 0; text-align:center; color:#333;}

/*cart-list*/
#cart-list .list-info{ border-bottom:1px dashed #999; margin:0 0 20px 0; padding:0 0 20px 0;}
#cart-list .h3{ margin:0 0 10px 0; font-weight:normal; display:inline-block; border-bottom:2px solid #d7645b; padding:0 0 3px 0;font-size: 1.17em;}
.contact-box b{ font-weight:normal; display:inline-block; margin:0 0 0 5px;}
#cart-list .list-info dl{ overflow:hidden; padding:5px; box-sizing:border-box;}
#cart-list .list-info dl dt, #cart-list .list-info dl dd{ float:left;}
#cart-list .list-info dl dt{ width:40%;}
#cart-list .list-info dl dd{ width:60%; text-align:right;}
#cart-list table{ width:100%;}
#cart-list table tr{border-right:1px solid #999;border-bottom:1px solid #999;}
#cart-list table th{ font-weight:normal; background:#eee;}
.w-red{ color:#900;}
#cart-list table th, #cart-list table td{ padding:5px; border-left:1px solid #999;border-top:1px solid #999;}
#cart-list table.paytype tr td:first-child{ background:#f7f7f7;}
#cart-list .button{ width:240px; overflow:hidden; margin:20px auto 0 auto;}
#cart-list .button a{ float:left; margin:10px; display:inline-block; width:100px; border:none; background:#ff5632; border-radius:5px; font-size:14px; color:#FFF; line-height:42px; text-align:center; font-weight:bold; cursor:pointer; transition:all .3s;}
#cart-list .button a.cancel{ background:#aaa; }
#cart-list .button a:hover{ opacity:.8;}
#cart-list .check{ margin-bottom:20px;}
#cart-list .check span span{ color:#b41e22; margin:0 5px 0 0;}
#cart-list .check input{ margin:0 0 0 10px;}

/*bangzi-opera*/
.time-box .box-tab { overflow:hidden;border-bottom:1px solid #454b7f;}
.time-box .box-tab li{ float:left; padding:10px; cursor:pointer; font-size:18px; background:#666; color:#fff; border:1px solid #ccc; }
.time-box .box-tab li.active{ background:#454b7f;}
.time-box .box-info { padding:20px 10px;}
.time-box .box-info>li{ display:none;}
.time-box .box-info>li h4{ font-weight:normal; font-size:18px; padding:5px 0 5px 10px; margin:15px 0; border-bottom:1px solid #ccc; border-left:3px solid #454b7f; color:#313559; clear:both;}
.time-box .box-info>li h5{ font-size:17px;font-weight:normal; }
.time-box .box-info>li div a{ color:#ff5632;}
.time-box .box-info>li .imgbox{ float:left; margin:0 20px 20px 0;}
.time-box .box-info>li .imgbox img{ display:block;}
.time-box .box-info>li .imgbox6 img{ display:block; width:60%;}
.time-box .box-info>li .show-place{ float:left; margin-bottom:20px;}
.time-box .box-info>li .show-place li b{ margin:10px 0; color:#900; font-size:16px; display:block;}
.time-box .box-info>li ul li a{ color:#333; transition:all .3s;}
.time-box .box-info>li ul li a:hover{ color:#ff5632;}
.time-box .box-info>li .page-box { overflow:hidden;}
.time-box .box-info>li .page-box li{ line-height:25px; float:left; padding:0 10px; width:70px;}

.group-show{float:left; display:inline-block;}
.calendar-btn { margin:8px 0 0 0;width:140px; float:right;}
.calendar-btn a{ display:inline-block; padding:5px 15px;  color:#e54c2b; border-radius:30px; border:2px solid #ff5632; transition:all .3s;}
.calendar-btn a:before{ content:""; background:url(../images/calendar-icon.png) no-repeat left bottom; display:inline-block; width:20px; height:20px; position:relative; top:2px; margin-right:5px; transition:all .3s;}
.calendar-btn a:hover{ color:#fff; background:#ff5632;}
.calendar-btn a:hover:before{ background-position:left top;}

/*download-list*/
.download-type { overflow:hidden; margin-bottom:20px;padding: 2px;}
.download-type li{float:left;margin: 0 10px 0 0;}
.download-type li a{ display:block; padding:10px; font-size:18px; color:#666; background:#ddd; border-radius:5px; transition:all .3s;}
.download-type li a.active{ background:#ff5632; color:#fff;}
.download-type li a:hover{ color:#fff; background:#ff5632; }
.download-list .download-box{ margin-bottom:20px; clear:both;}
.download-list .download-box h4{ margin-bottom:10px; padding:0 0 10px 0; border-bottom:1px solid #ddd; font-weight:normal; font-size:18px;}
.download-list .download-box h4:before{ content:""; display:inline-block; width:2px; height:20px; background:#ff5632; margin:2px 10px 0 0; line-height:20px; float:left;}
.download-list .download-box .h4{ margin-bottom:10px; padding:0 0 10px 0; border-bottom:1px solid #ddd; font-weight:normal; font-size:18px;}
.download-list .download-box .h4:before{ content:""; display:inline-block; width:2px; height:20px; background:#ff5632; margin:2px 10px 0 0; line-height:20px; float:left;}
.download-list .download-box ul.status{ float:right; overflow:hidden; margin-top:3px;}
.download-list .download-box ul.status li{ float:left; font-weight:normal; font-size:15px;}
.download-list .download-box ul.doc-list{ overflow:hidden;}
.download-list .download-box ul.doc-list li{ float:left; margin:0 15px 10px 0; width:250px; box-sizing:border-box; border:1px solid #eaeaea; background:#fff;}
.download-list .download-box ul.doc-list li a{ display:block; padding:10px; box-sizing:border-box; line-height:25px; color:#333; font-size:16px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; transition:all .3s;}
.download-list .download-box ul.doc-list li a span.pdf{background:url(../images/download-icon-1.png) no-repeat left; color:#d02a2a;}
.download-list .download-box ul.doc-list li a span.xls{background:url(../images/download-icon-2.png) no-repeat left; color:#459031; }
.download-list .download-box ul.doc-list li a span.xlsx{background:url(../images/download-icon-2-2.png) no-repeat left; color:#459031; }
.download-list .download-box ul.doc-list li a span.doc{background:url(../images/download-icon-3.png) no-repeat left; color:#1f4fb2;}
.download-list .download-box ul.doc-list li a span.docx{background:url(../images/download-icon-3-2.png) no-repeat left; color:#1f4fb2;}

.download-list .download-box ul.doc-list li a span.ppt{background:url(../images/download-icon-7.png) no-repeat left; color:#d55f35;}
.download-list .download-box ul.doc-list li a span.pptx{background:url(../images/download-icon-7-2.png) no-repeat left; color:#d55f35; }
.download-list .download-box ul.doc-list li a span.zip{background:url(../images/download-icon-8.png) no-repeat left; color:#333; }
.download-list .download-box ul.doc-list li a span.rar{background:url(../images/download-icon-9.png) no-repeat left; color:#333; }
.download-list .download-box ul.doc-list li a span.jpg{background:url(../images/download-icon-10.png) no-repeat left; color:#618129; }
.download-list .download-box ul.doc-list li a span.tiff{background:url(../images/download-icon-11.png) no-repeat left; color:#618129; }
.download-list .download-box ul.doc-list li a span.png{background:url(../images/download-icon-12.png) no-repeat left; color:#618129; }
.download-list .download-box ul.doc-list li a span.gif{background:url(../images/download-icon-13.png) no-repeat left; color:#618129; }
.download-list .download-box ul.doc-list li a span.wmv{background:url(../images/download-icon-14.png) no-repeat left; color:#39709f; }
.download-list .download-box ul.doc-list li a span.txt{background:url(../images/download-icon-15.png) no-repeat left; color:#33829f; }
.download-list .download-box ul.doc-list li a span.text{background:url(../images/download-icon-15-2.png) no-repeat left; color:#33829f; }
.download-list .download-box ul.doc-list li a span.opt{background:url(../images/download-icon-o1.png) no-repeat left; color:#312663; }
.download-list .download-box ul.doc-list li a span.odt{background:url(../images/download-icon-o2.png) no-repeat left; color:#312663; }
.download-list .download-box ul.doc-list li a span.ods{background:url(../images/download-icon-o3.png) no-repeat left; color:#312663; }
.download-list .download-box ul.doc-list li a span.odp{background:url(../images/download-icon-o4.png) no-repeat left; color:#312663;}
.download-list .download-box ul.doc-list li a span.odf{background:url(../images/download-icon-o5.png) no-repeat left; color:#312663;}
.download-list .download-box ul.doc-list li a span.odg{background:url(../images/download-icon-o6.png) no-repeat left; color:#312663; }
.download-list .download-box ul.doc-list li a span.odb{background:url(../images/download-icon-o7.png) no-repeat left; color:#312663; }
.download-list .download-box ul.doc-list li a:hover{ opacity:.8; color:#ff5632;}
.download-list .download-box ul.doc-list li a span{ display:inline-block; margin-right:5px; padding:0 0 0 30px;}
.download-list .download-box ul.status li{ height:20px; line-height:20px; padding:0 5px;}
.download-list .download-box ul.status .post-time:before{content:""; display:inline-block; width:12px; height:11px; background:url(../images/post_icon.jpg) no-repeat; margin-right:5px;}
.download-list .download-box ul.status .post-type:before{content:""; display:inline-block; width:12px; height:11px; background:url(../images/grid-icon.png) no-repeat; margin-right:5px;}
.download-list .download-box ul.status .post-num:before{content:""; display:inline-block; width:12px; height:11px; background:url(../images/post-num.png) no-repeat; margin-right:5px;}
.download-list .download-box ul.status li:before{background-position:left top;}

/* date-filter */
#date-filter #filter dl{position:relative; padding:0;}
#date-filter #filter dt{position:relative;}
#date-filter #filter dd { margin:10px 0;}
#date-filter #filter dd a{display:inline-block; margin:0 1% 5px 0; padding:10px; width:47%;box-sizing:border-box;}
#date-filter #filter dd a.active{background:#ff5632; color:#FFF; display:inline-block;}
#date-filter #page-search{ margin:0 0 0 0;}



/* down_file */
ul.down_file_ul{list-style:none;padding-top:20px}
ul.down_file_ul li{padding-top: 15px;}
ul.down_file_ul li a{margin-right:15px;}
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.download:before{background-position:0px 0px;}
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;}



/* RWD */
@media screen and (max-width:1140px){
/* header */
#navigation{ padding:0 0 0 0;}
#navigation li{padding:0 8px;}
/*download-list*/
.download-list .download-box ul.doc-list li{ width:23%;}
}
@media screen and (max-width:1120px){
/* header */
#navigation li{padding:0 6px;}
/*publications*/
#publications .sales .sale-con li .book-list dl{ width:23%;}
/* member */
#member dl{ width:31%;}
}
@media screen and (max-width:1080px){
/* header */
#navigation li{padding:0 4px;}  
/*copyright*/
#copyright .left{float:none;}
#copyright .right{float:none; line-height:normal; padding:0 0 0 100px;}
}
@media screen and (max-width:1050px){
/* header */
#logo{ padding:0 0 0 10px;}
#navigation{padding-left:0;}
#navigation li{padding:0 2px;}
/* copyright */
#copyright{text-align:center;}
#copyright .left{padding-left:0; padding-bottom:5px;}
#copyright .left a{position:static; margin:0 auto 10px auto;}
#copyright .right{float:none; line-height:normal; text-align:center; padding:0;}
#copyright .bottom{ clear:both; margin-left:0; text-align:center;}
}
@media screen and (max-width:1030px){
/*add-link*/
.add-link .link{ margin-top:20px;}
}
@media screen and (max-width:997px){
/* header */
#navigation,#header .top{display:none;}
/* mobile */
#mobi-btn{display:block;}
#navigation .facebook-pc { display: none; }
.facebook-mobile { display: block; }
}

@media screen and (max-width:970px){
/*header*/
#logo{ margin:0 0 0 1%; }
/*switch*/
.switch{ display:none;}
/*nco*/
.member dl dd{ width:80%; color:#666;}
/*publications*/
#publications .sales .sale-con li .book-list dl{ width:31%;}
.introduction .imgbox4{ width:45%;}
}

@media screen and (max-width:865px){
/*exhibition calendar*/
.group-show{float:none; display:block;}
.calendar-btn { margin:10px 0; width:145px; float:none;}
}

@media screen and (max-width:860px){
/* footer */
#footer{padding:30px 0;}
#footer .wrap .left{float:none; width:100%;}
#footer .wrap .right{float:none; width:100%; padding-bottom:30px;}
#footer .contact li{width:33%; padding-bottom:40px;}

/* introduction */
.activity-img{ float:none; width:100%;}
.activity-info dl{ float:none; width:100%; margin:0 0 0 0;}
/*add-link*/
.add-link .h2{ float:none; }
.add-link .link{ float:none; clear:both; margin:0; padding:20px 0 0 0;}
/* member */
#member dl{ width:48%;}
/*publication-con*/
#publications .cart-btn2 a.cart{ margin:0px 50px 10px 0;}
/*download-list*/
.download-list .download-box ul.doc-list li{ width:30%;}
}
@media screen and (max-width:825px){
/* date-filter */
#date-filter #filter dl{position:relative; padding:0;}
#date-filter #filter dt{position:relative;}
#date-filter #filter dd { margin:10px 0;}
#date-filter #filter dd a{width:20%;}
#date-filter #page-search.search-type1{ padding:0 120px 30px 0;}
#date-filter .search-btn{ overflow:inherit !important;}
#date-filter .search-btn button{ position:absolute !important; top:-84px;}
}
@media screen and (max-width:768px){
/* container */
#container > .left{float:none;width: 100%;padding: 0px 20px;margin-bottom:20px;}
#container > .left ul{display:none;padding-bottom:20px;}
#container > .right{float:none; width:100%; padding:0;}
#container > .left .mob_name{display:block;}
/* editor */
#editor .detail .content > li iframe{height:300px;}
/* introduction */
.former-box dd{ width:40%;}
.former-box dt{ width:100%;}
.former-box-1 dd{ width:100%;}
.former-box-1 dt{ width:100%;padding:0;}
/* history */
#history .timeline dt{font-size:25px;}
#history .timeline dd .info{padding:0 20px;}
/* member-info */
#member-info .left dt img{max-width:100%;}
/*item3*/
.item3 dt{ width:50%;}
.item3 dd{ width:50%;}
/*collections*/
.col-list{ width:31%; min-height:270px; margin:0 2% 20px 0;}
/* member */
#member dl{ margin:2%; width:44%;}
#member dl dt{ width:200px;}
#member dl dd{ width:202px;}
/*link-box*/
.link-box li{ width:31%; }
/*download-list*/
.download-list .download-box ul.doc-list li{ width:45%;}
/*introduction*/
.introduction .imgbox4{ width:50%;}
/* date-filter */
#date-filter #filter{display:block; overflow:hidden;}
#date-filter #filter dl{  padding:10px 0;}
#date-filter #filter dl dt{ position:relative; top:0; line-height:30px; cursor:pointer;}
#date-filter #filter dl dt b{ content:""; background:url(../images/date-filter-icon.png) no-repeat; display:block; width:20px; height:20px; position:absolute; right:0; top:3px;}
#date-filter #filter dl dt b.close{background-position:0 0;}
#date-filter #filter dl dt b.open{background-position:0 -20px;}
#date-filter #filter dd a{width:22%;}
}

@media screen and (max-width:700px){
/*guoguang*/
.activity-search .item{ width:100%; float:none; padding:0;}
.item2 li{ width:100%; float:none; margin-left:0;}
.video iframe{ height:400px;}
.leader-info div{ width:60%; float:none; margin:0 auto;}
.news-block{width:100%; float:none; margin-left:0;}
/*gougang-schedule*/
.activity-search .schedule{ margin-bottom:20px;padding:0; float:none; width:100%;}
.introduction .imgbox{ float:none; margin:0 0 20px 0;}
/*nco*/
.leader dl dt, .leader dl dd{ float:none;}
.leader dl dt{ width:60%; margin:0 auto 20px auto;}
.leader dl dd{ width:100%;}
.leader img{ display:block; width:100%; border-radius:50%;}
.imgslide{ width:100%; margin:0 0 20px 0; float:none;}
.imgbox6{ float:none; margin:0 0 20px 0 !important;}
.imgbox6 img{ width:100%; height:inherit;}
/* editor exhibition-table*/
#editor .detail .content .exhibition-table{ border-collapse:inherit; display:block;}
#editor .detail .content .exhibition-table .tr{display:block; border-right:1px solid #eaeaea; border-bottom:2px solid #f48972;}
#editor .detail .content .exhibition-table .td, #editor .detail .content .exhibition-table .th{border-bottom:none; border-right:none;}
#editor .detail .content .exhibition-table .td{ color:#444;}
#editor .detail .content .exhibition-table .tr:nth-child(2n+2){ background:none;}
#editor .detail .content .exhibition-table .tr:nth-child(2n+3){ background:none;}
#editor .detail .content .exhibition-table .th{ border-bottom:none; background:none; min-width:inherit;}
#editor .detail .content .exhibition-table .tr .td:before{content:attr(data-title); margin:0 10px 0 0; display:block; float:left;font-weight:bold;}
#editor .detail .content .exhibition-table .tr .td{ overflow:hidden; line-height:25px; padding:5px 10px;}
#editor .detail .content .exhibition-table .show:before{ content:attr(data-title); margin:0 10px 0 0;}
#editor .detail .content .exhibition-table .sign:before{ content:attr(data-title); margin:0 10px 0 0;}
#editor .detail .content .exhibition-table .s-place:before{ content:attr(data-title); margin:0 10px 0 0;}
#editor .detail .content .exhibition-table .ticket:before{ content:attr(data-title); margin:0 10px 0 0;}

/*publication-con*/
.css-table .thead{ display:none;}
.css-table .tbody{ display:block;}
.css-table .th, .css-table .td{ display:block;}
/*contact-box*/
.contact-box dd.phone span{ width:12%; box-sizing:border-box; margin:0 1%;}
.contact-box dd.phone input{ width:85%; margin:5px 0 0 0;}
}

@media screen and (max-width:650px){
/* member-filter */
#member-filter dl{padding-left:60px;}
#member-filter dt{top:15px;font-size:16px;}
#member-filter dd a{margin:0 5px 5px 0; padding:5px 10px;}
/*history*/
#history .timeline:after{ display:none;}
#history .timeline dl{ padding:10px 0; width:100%; overflow:hidden;}
#history .timeline dl dt, #history .timeline dl dd{ width:100%;}
#history .timeline dl dd{ padding:10px 0; box-sizing:border-box;}
#history .timeline .right dt{ float:none; text-align:left; padding:10px 0 0 0;}
#history .timeline dt:after{ display:none;}
#history .timeline .right dd{ float:none;}
#history .timeline .right dd .info{ padding:0 0 0 0; }
#history .timeline .left dt{ float:none; padding:10px 0 0 0; }
#history .timeline .left dt:after{ display:none; }
#history .timeline .left dd{ float:none; text-align:left;}
#history .timeline .left dd .info{ padding:0 0 0 0; }
#history .timeline .year { display:none;}
/*item3*/
.item3 { padding:0;}
.item3 dt{ width:100%; float:none;}
.item3 dd{ width:100%; float:none;}
/*publication-con*/
#publications .publication-con dl.publication-info dt, #publications .publication-con dl.publication-info dd{ float:none;}
#publications .publication-con dl.publication-info dt{ width:100%; margin:0 0 20px 0;}
#publications .publication-con dl.publication-info dd{ width:100%;}
#publications .publication-con dl.publication-info dd b{ width:30%;}
#publications .publication-con dl.publication-info dd .sales div{ display:block;}
/*boundle*/
#publications #boundle .sale-boundle li.sale-box dl .boundle-list{ float:none; width:100%; border-bottom:1px solid #ccc;}
#publications #boundle .sale-boundle li.sale-box dl .boundle-price{ float:none; width:100%;}
#publications .cart-btn2 { margin:10px 0;}
#publications .cart-btn2 a.cart{ margin:0px 10px 0 0;}
/*history-year*/
#history .history-year>dl>dd .info .imgbox{ float:none; margin:0 0 10px 0; max-width:inherit; width:80%;}
/*introduction*/
.introduction .imgbox4{  float:none; margin:0 0 20px 0; width:100%;}
.service-t>div.imgbox6{ float:none; margin:20px auto;}

}

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

/* footer */
#footer .contact li{width:50%;}
/*page-search.search-type*/
#page-search.search-type1{padding:0 120px 30px 0;}
.search-btn button{ top:-95px;}
.search-btn2 button{top:-95px;}
/*talent-con*/
.show-item .imgbox{max-width:inherit; width:100%; float:none; margin:0 0 20px 0;}
/*cart-list*/
#cart-list .list-info dl dt{ width:25%;}
#cart-list .list-info dl dd{ width:75%;}
/*download-list*/
.download-list .download-box ul.status{ float:none; margin-top:10px;}
.download-list .download-box ul.doc-list li{ width:100%;}
#date-filter #filter dd a{width:47%;}

}

@media screen and (max-width:600px){
/* news */
#news dl{padding-left:0;}
#news dt{position:static; width:100%; margin-bottom:20px;}
#news dd{min-height:0;}
/* exhibitions-list */
#exhibitions-list dl{padding-left:0;}
#exhibitions-list dt{position:static; width:100%; margin-bottom:20px;}
/* editor */
#editor .detail .content .gallary a{width:50%; padding:2px;}
.gallary-images a{width:50%; padding:2px;}
/* introduction */
.group_img li{ float:none; width:100%; margin:5px;}
/*taiwan-music*/
.group-con .intro-img{ margin:0 auto; float:none; display:block; width:60%;}
.group-con .intro-box{ float:none; margin:20px 0 0 0; width:100%;}
.leader-box dt, .leader-box dd{ float:none;}
.leader-box dt{ display:block; width:60%; margin:0 auto;}
.leader-box dd{ width:100%; margin:20px 0 0 0;}

/*group-history*/
.group-history .year-tab {text-align:center;}
.group-history .year-tab li{ float:left; padding:5px 10px; margin:5px;}
/*activities*/
.activities li{ width:50%; padding:2px;}
/*collections*/
.col-list{ width:48%; margin:0 2% 20px 0;}

/*social-list*/
.social-list li{ width:100%; float:none; margin:0 0 20px 0;}
/*contact-box*/
.contact-box dd.phone input{ width:84%;}
/*collection*/
.collection .learn-type ul li dl dd{ width:56%; padding:0 0 0 2%;}

}

@media screen and (max-width:550px){
/* footer */
#footer .wrap .right li{float:none; width:100%;}
/* publications */
#publications .item{width:98%;}
/* introduction */
.p-year dd{ width:100%; margin-right:0%; float:none;}
/* history */
#history dd .img{float:none; width:100%; padding-bottom:20px;}
#history dd .info{float:none; width:100%; padding:0 20px;}
/*epaper*/
#bulletin li .btn2{text-align:left; position:static;}
/*publications*/
#publications .sales .sale-con li .book-list dl{ width:48%;}
#publications .sales .sale-con li .book-list dl dd div b{ margin:3px; padding:3px 10px;}
#publications .sales .sale-con li .book-list dl dd div span{ margin:3px; padding:3px 10px;}
/*publication-con*/
#publications .publication-con .price-1{ display:block;}
#publications .publication-con .price-2{ margin:5px 5px 0 0;}
/* subscribe */
#subscribe{ width:300px; margin-left:-150px;}
#epaper-search .button{ width:240px; float:none; margin:20px auto 0 auto;}
/*group-history*/
.group-history .year-list .imgbox{float:none; max-width:100%; margin:20px 0 0 0;}
/*talent-con*/
#talent-con .year-list .imgbox{float:none; max-width:100%; margin:20px 0;}
#talent-con .year-list iframe{ height:220px;}
#talent-con .imgbox4{float:none; max-width:100%; margin:10px 0;width:100%;}
/*link-box*/
.link-box li{ width:48%; }
.introduction .h2{ text-align:center;}
.introduction .h2 img{ max-width:100%;}
.introduction .h2 .lang, .introduction .h2 .lang3, .introduction .h2 .lang2, .introduction .h2 .lang4{ position:static; text-align:center; margin:10px 0 0 0;}
.collection .books tr {border: none;}
.collection .books th,.collection .books td {width:274%;border-bottom: 1px solid #dedede;float:left}
}

@media screen and (max-width:450px){
/* footer */
#footer .contact li{float:none; width:100%; height:auto; padding-bottom:40px;}
/* page-search */
#page-search{padding-right:90px;}
#page-search button{width:80px;}
.page-search{padding-right:90px;}
.page-search button{width:80px;}
/*page-search.search-type*/
#page-search.search-type1{padding:0 90px 30px 0;}
.search-btn button{ width:80px;}
.search-btn2 button{width:80px;}

/* editor */
#editor .detail .content > li iframe{height:200px;}
/* introduction */
.introduction .imgbox{ float:none; margin:0 0 20px 0;}
.former-box dd{ width:100%;}
.former-box-1 dd{ width:100%;}
/* member */
#member dl{width:98%;}
/* introduction */
.activity-info dl dt{ width:28%;}
.activity-info dl dd{ width:72%;}
/*leader-info*/
.leader-info dt, .leader-info dd{ float:none; width:100%; padding:0;}
.leader-info dt{ margin: 0 0 20px 0;}
/*guoguang*/
.video iframe{ height:250px;}
/*nco*/
.member dl dt, .member dl dd{ float:none;}
.member dl dd{ width:100%;}
/*group-history*/
.group-history .year-tab li{ float:none; display:block; padding:5px 10px; margin:5px;}
/*collections*/
.col-list{ width:100%; margin:0 0 20px 0; min-height:inherit;}
/*talent-con*/
#talent-con .year-list iframe{ height:250px; min-height:inherit;}
/*link-box*/
.link-box li{ width:98%; }
/*cart-list*/
#cart-list .list-info dl dt{ float:none; width:100%; }
#cart-list .list-info dl dd{ float:none; width:100%; text-align:left;}
/*time-box*/
.time-box .box-info>li .imgbox6 img{width:100%;}
/*add-link*/
.add-link .link a{ padding:0 5px 0 0;}
/*visit*/
#visit .place li{ width:33%; padding:10px 20px;}
/*collection*/
.collection .learn-type ul li dl dt{ width:100px;}
.collection .learn-type ul li dl dd{ width:63%;}
#date-filter #page-search.search-type1{ padding:0 90px 30px 0;}
}
@media screen and (max-width:414px){
.video iframe{ height:200px;}
}
@media screen and (max-width:375px){
.video iframe{ height:180px;}
}
@media screen and (max-width:360px){
/*boundle*/
#publications .cart-btn2 a{ display:block; text-align:center;}
#publications .cart-btn2 a.cart{ margin:0 0 10px 0;}
#publications #boundle .sale-tabs li{ width:50%;}
/*editor*/
#editor .detail .tab li{padding:10px 5px;}
/*contact-box*/
.contact-box dd.phone span{ width:15%;}
.contact-box dd.phone input{ width:81%;}
/*collection*/
.collection .learn-type ul li dl dd{ width:58%;}


}
@media screen and (max-width:320px){
.video iframe{ height:150px;}
/*visit*/
#visit .place li{ padding:10px 10px;}
}

/*內容圖片相簿*/
.g_article{overflow:hidden;}
.g_article .gallary-images{width:49%;margin:0px auto;text-align:center;}
.g_article .gallary-images:first-child{float:left;}
.g_article .gallary-images:last-child{float:right;}
.g_article .gallary-images a{display:none;width:100%;}
.g_article .gallary-images a:first-child{display:block;}
.g_article .gallary-images span{line-height: 30px;font-size: 1.25em;}
.g_article .gallary-images a span {background: #e4e4e4;}
.g_article .gallary-images a:last-child:hover:after{display:none;}
/**文章圖片處理*/
#editor .info img{max-width:100%;height:auto !important;}
#editor .info a{word-break: break-all;}
.activities ul.activity-link{overflow:hidden;}
.activities ul.activity-link li a{display:block;width:100%;position:relative;}
.activities ul.activity-link li a:before{content:'';display: block;padding-top: 63%;}
.activities ul.activity-link li a img {
    display: block;
    height: auto;
    transition: all .3s;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    max-width: 100%;
    max-height: 100%;
    margin: auto;
}
@media screen and (max-width:990px){
  #editor .info.epapercon table{width:100%;}
}


#filter a.type_name{color: #333;}
#filter a.type_name:before {
    content: "+";
    display: inline-block;
    margin: 0 5px;
}
#filter dl dt{}
#filter a.type_name:hover{    text-decoration: underline;}
#date-filter{padding-bottom: 30px;}

.btn-u.clear{width:100%;margin:0px;max-width: 200px;}
.search-btn{text-align: center;padding-bottom: 30px;}
#date-filter .search-btn.clear{padding:10px;box-sizing: border-box;}
/*#date-filter .new_fileter dd{display: none;}*/
#date-filter .new_fileter dt{padding-bottom: 15px;}
#date-filter .new_fileter dt a.type_name{display: block; border-bottom:1px solid #ccc;padding-bottom:10px;position: relative;}
#date-filter .new_fileter{margin-bottom: 15px;}
.null_tips{    
  font-size: 22px;text-align: center;padding-top: 40px;
    color: #333;
    line-height: 35px;
}
.null_tips a.null{padding:10px 20px;border:1px solid #afafaf;color:#333;margin:0px 10px;font-weight: bold;}
.null_tips a.null:hover{color: #ff5632;}
#page-search.search-type1 button{display: block;}
#page-search button.btn{width: 90px;}
/*#page-search.pbtn input{padding-right: 65px;}*/
/*.calendar.h_auto{height: auto;}*/
#date-filter.new_block{padding-right: 0px;padding-left: 0px;}
#date-filter.new_block #page-search{margin-left: 10px;margin-right: 10px;}
#date-filter.new_block #filter dl{margin-left: 10px;margin-right: 10px;}
.exhibition-date .calendar{margin-bottom:0px;margin-top: 0px;}

@media screen and (max-width: 825px){
  #filter a.type_name:before {
      display: none;
  }
  .exhibition-date .calendar{ border-top:none;}
  #page-search.pbtn input{}
  #date-filter #page-search.pbtn{padding-right: 0px;}
  .exhibition-date .calendar{background-color: transparent;}
.exhibition-date .calendar{margin-bottom:0px;}
}
/*form.search>div{display: inline-block;}*/
#filter dl dt{position: static;width: 100px;display: table-cell;vertical-align: top;}
#filter dl{padding-left: 0px;display: table;width: 100%;}
#filter dl dd{display: table-cell;}
#filter a.type_name:before{display: none;}
#page-search.search-group{padding-right: 100px;box-sizing: border-box;}
.calendar{background: transparent;}
#date-show dl{    margin-left: -3px;}
#date-show dl:nth-child(3n+1){border-left: 1px solid #ccc;}
.exhibition-date.newex>dd{padding-right: 0px;}
.exhibition-date.newex #date-show dl{width:33.3%;box-sizing: border-box;}

.share_link{margin-top:20px;}
.share_link a{display:inline-block;vertical-align:middle;margin-right:20px;color: #333;transition: all .3s;}
.share_link .link_fb{margin: 0px 20px 0px 0px;background: url(../images/link_fb.png) no-repeat left;text-indent: 25px;}
.share_link .Instagram{background: url(../images/ins.jpg) no-repeat left;text-indent: 25px;background-size: 18px auto;}
.share_link .Line{background: url(../images/Line.png) no-repeat left;text-indent: 25px;background-size: 18px auto;}
.share_link .Youtube{background: url(../images/Youtube.png) no-repeat left;text-indent: 25px;background-size: 18px auto;}
.share_link a:hover{color: #ff5632;}