@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:#ff0000;transition:all .3s;} a:hover{color:#BDBDBD;} input , select , textarea , button{outline:none; border-radius:0;} body{font-family:arial , "微軟正黑體"; } body#group3{background-image: url(../images/bottom.jpg);} /* 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:1120px; 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(../../../index.html); margin-left:3px;} #navigation li.search>a:before{content:""; position:relative; top:2px; display:inline-block; width:16px; height:16px; 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(../../../index.html) left top no-repeat;} #navigation li.search dl .search-more a:hover{ color:#ff5632; background:url(../../../index.html) left bottom no-repeat;} /* 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(../../../index.html); 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(../../../index.html) left top no-repeat;} #mobile li.search .search-more a:hover{ color:#ff5632; background:url(../../../index.html) 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 */ .content{background:#FFF; padding:30px 0;} .content .wrap{width:96%; max-width:1100px; margin:0 auto 20px auto; overflow:hidden;} .content h2{font-size:20px; padding-bottom:20px;} .content h2:after{content:""; display:block; width:80px; height:4px; background:#ff5632; margin-top:15px;} .content .wrap .left{float:left; width:25%; padding-right:0px; box-sizing:border-box;} .content .wrap .left{padding-bottom:30px;} .content .wrap .left p{font-size:14px; color:#333; line-height:25px; padding-top:10px;} .content .wrap .right{float:left; width:45%; /*width:70%;*/ overflow:hidden;} .content .wrap .right li{float:left; width:45%; margin-right:5%; padding:10px 0; border-bottom:1px solid #eee;} .content .wrap .right li a{display:inline-block; font-size:14px; color:#333;} .content .wrap .right li a:before{content:""; display:inline-block; width:4px; height:8px; background:url(../images/links_arrow.png); margin-right:5px;} .content .wrap .right li a:hover{color:#ff5632;} .content .wrap .right li a:hover:before{background-position:left bottom;} .content .wrap .last{ width:30%;} .content .wrap .last p{font-size:14px; color:#333; line-height:25px;} .content .info{width:96%; max-width:1100px; margin:0 auto;} .content .info a{display:inline-block; border-radius:5px; font-size:14px; color:#FFF; transition:all .3s;} .content .info a:hover{opacity:.8;} .content .info .link-1{background:#ff5632; margin-right:10px; padding:10px 30px;} .content .info .link-2{background:#333; padding:8px 30px 10px 30px;} .content .info .link-2:before{content:""; position:relative; top:3px; display:inline-block; width:18px; height:18px; background:url(../../../index.html); margin-right:5px;} .content .contact{width:96%; max-width:1100px; margin:0 auto; border-top:1px solid #000; margin-top:20px; padding-top:20px;} .content .contact ul{overflow:hidden;} .content .contact li{float:left; width:33%; padding-right:30px; height:150px; font-size:14px; line-height:20px; box-sizing:border-box;} .content .contact li .h3{margin-bottom:10px; text-align:center; font-size:15px; color:#000; } .content .contact li > a{color:#ff5632;} .content .contact li p{color:#999;} .content .contact li b a{ display:inline-block; height:20px; color:#f44336; font-weight:normal; font-size:12px; background:url(../../../index.html) no-repeat left; padding-left:25px; margin:5px 0 0 0; transition:all .3s;} .content .contact li b a:hover{ opacity:.8;} .content .contact li span{ margin:5px 0 0 10px;} .content .contact li span a{ height:20px; display:inline-block; color:#f44336; background:url(../../../index.html) no-repeat left center;padding-left:25px;} .con_content{margin-bottom: 40px;line-height: 1.6;font-size: 1.1em;} .content .h3{font-size: 1.5em;color: #000;font-weight: bold;margin-bottom: 30px;} /* gotop */ #gotop{position:fixed; right:20px; bottom:20px; display:block; width:40px; height:40px; border-radius:5px; background:url(../images/gotop.png) center center no-repeat rgba(0,0,0,.8); text-indent:-9999px; cursor:pointer; z-index:100;} /* path */ #path{width:100%; max-width:1100px; margin:0 auto; padding:0px 0 35px 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;} #path .focus:before{padding: 0 5px;color: #ccc;content: "/\00a0";} /* container */ #container{width:96%; max-width:1100px; margin:0 auto 0px auto; padding:20px 20px; background:#ffffff; 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:0px 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(../../../index.html) 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;} /* 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(../../../index.html) 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(../../../index.html) 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 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(../../../index.html) 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(../../../index.html) no-repeat; margin:8px 0 0 0; float:left;} .collection .reference-link li a{ display:block; background:url(../../../index.html) 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-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(../../../index.html) no-repeat right top;} .col-list h4 a:hover{ color:#333; background:url(../../../index.html) no-repeat right -28px;} .col-list p{ font-size:16px; color:#555;} .col-list ul li b{ display:block; color:#555; background:url(../../../index.html) 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;} #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;} #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 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 .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(../../../index.html);} #editor .detail .content > li .share .twitter{background-image:url(../../../index.html);} #editor .detail .content > li .share .google{background-image:url(../../../index.html); 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(../../../index.html) 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 0; 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{overflow:hidden; margin:20px 0;} .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(../../../index.html) 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(../../../index.html) no-repeat center #ddd;} .switch dd.share-group a.share2{ background:url(../../../index.html) no-repeat center #ddd;} .switch dd.share-group a.share3{ background:url(../../../index.html) no-repeat center #ddd;} .switch dd.share-group a.share4{ background:url(../../../index.html) no-repeat center #ddd;} .switch dd.share-group a.share5{ background:url(../../../index.html) no-repeat center #ddd;} .switch dd.share-group a.share6{ background:url(../../../index.html) no-repeat center #ddd;} .switch dd.share-group a.share1:hover{ background:url(../../../index.html) no-repeat center #ff5632;} .switch dd.share-group a.share2:hover{ background:url(../../../index.html) no-repeat center #ff5632;} .switch dd.share-group a.share3:hover{ background:url(../../../index.html) no-repeat center #ff5632;} .switch dd.share-group a.share4:hover{ background:url(../../../index.html) no-repeat center #ff5632;} .switch dd.share-group a.share5:hover{ background:url(../../../index.html) no-repeat center #ff5632;} .switch dd.share-group a.share6:hover{ background:url(../../../index.html) 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(../../../index.html) 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(../../../index.html) 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{ 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{ color:#333; font-size:18px;} .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(../../../index.html) no-repeat 10px center #36517c; 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(../../../index.html) 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(../../../index.html) no-repeat left; padding:0 0 0 15px; height:25px; font-size:18px; color:#e0800e;} .service-t .t2{ background:url(../../../index.html) 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(../../../index.html) no-repeat 10px #b82a5f; clear:both;} /* activity-search */ .activity-search{ margin:0 0 0px 0; color:#333; overflow:hidden; clear:both;} .activity-search dt{} .activity-search dt a{position:relative; display:block;} .activity-search dt a:after{content:""; position:absolute; left:50%; top:50%; display:none; width:84px; height:30px; margin:-22px 0 0 -42px; background:url(../images/hover_arrow.png); 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 dt .a{position:relative; display:block;} .activity-search dt .a:after{content:""; position:absolute; left:50%; top:50%; display:none; width:84px; height:30px; margin:-22px 0 0 -42px; background:url(../images/hover_arrow.png); 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{ overflow:hidden; text-overflow:ellipsis;} .activity-search>dl dd .h3 a{font-size:23px; color:#333; line-height:45px; font-weight:normal;display: block;height: 100%;max-height: 90px;overflow-y: hidden;} .introduction:nth-of-type(1) .activity-search>dl dd .h3 a{height:90px} .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;} .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(../../../index.html) 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:center;display:inline-block; font-size:13px; color:#ff5632; font-weight:bold; border-width:1px;border-style:solid;border-color:#ff5632;padding:2px;} .activity-search>dl dd .other .more:after{content:""; display:inline-block; width:4px; height:10px; background:url(../../../index.html) 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(../../../index.html) 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(../../../index.html) 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(../../../index.html) 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{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(../../../index.html) 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(../../../index.html) 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(../../../index.html) no-repeat left; text-indent:20px;} .link_page a{ display:block; color:#764D0D;} .link{ overflow:hidden;} .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 .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(../../../index.html) 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;} .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(../../../index.html) 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(../../../index.html) 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(../../../index.html) 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(../../../index.html) 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;} /* 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(../../../index.html) 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(../../../index.html) 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;} #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 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-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(../../../index.html);} #member-info .left dd .twitter{background-image:url(../../../index.html);} #member-info .left dd .google{background-image:url(../../../index.html);} #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 .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(../../../index.html) no-repeat left;} .social-list .h3.youtube{ background:url(../../../index.html) 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(../../../index.html) 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(../../../index.html) 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(../../../index.html) 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(../../../index.html) 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(../../../index.html) 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 button{ 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 button.cancel{ background:#aaa; } .contact-box .button button: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; } /*link-box*/ .link-box li{ width:31%; box-sizing:border-box; margin:1%; float:left;border-radius:5px; background:#f14b44; border:0.8px solid #f14b44; transition:all .3s;} .link-box li a{ display:block; color:#333; text-align:center;} .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;} /*link-box1*/ .link-box1 li{width:20%; box-sizing:border-box; float:left;border-radius:0px; transition:all .3s;} .link-box1 li a{ display:block; color:#333; text-align:center;} .link-box1 li:hover { background:#fff;} .link-box1 li img{ display:block; width:100%; height:auto; border-radius:5px 5px 0 0; } .link-box1 li span{ display:block; padding:10px 0; text-align:center; color:#333;} .link-box2 li{padding:10px;} /*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;} .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(../../../index.html) 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;} /* 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;} } @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 */ .content{padding:30px 0;} .content .wrap .left{float:none; width:100%;} .content .wrap .right{float:none; width:100%; padding-bottom:0px;} .content .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:0px;} #container > .left ul{display:none;padding-bottom:10px;} #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(../../../index.html) 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 */ .content .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 */ .content .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 */ .content .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;} #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: 60px;} #page-search.pbtn input{padding-right: 65px;} .calendar.h_auto{height: auot;} .album{ overflow: hidden; } .album li{ float: left; width: 33.33%; padding: 10px; box-sizing: border-box; } .album li a{ display: block; overflow: hidden; height: 290px; position: relative; border: 1px solid rgba(221, 221, 221, 0.3); margin-bottom: 20px; } .album li a img{ position: absolute; display: block; max-width: 100%; max-height: 100%; top: 0px; left: 0px; right: 0px; bottom: 0px; margin: auto; } @media screen and (max-width: 825px){ #filter a.type_name:before { display: none; } .exhibition-date .calendar{ border-top: 1px solid #ccc;} #page-search.pbtn input{} #date-filter #page-search.pbtn{padding-right: 0px;} .album li{ width: 50%; } } .margin-t-30{ margin-top: 30px; } 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: 0 0 } 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 } .lead{color:#0B2D6A;margin-bottom: 10px;font-size: 1.17em;font-weight: bold;margin-top: 20px;} a:focus,input:focus,select:focus,button:focus{outline: 3px dotted red;} .navigation a:focus{outline: 3px dotted red;} /*無障礙*/ a.sr-only {background:red; color: #000;float: left;z-index: 999;} .sr-only {position: absolute;padding: 0;margin: -0.063rem;overflow: hidden;clip: rect(0, 0, 0, 0);border: 0;width: 0.063rem;height: 0.063rem;} .sr-only-focusable:active, .sr-only-focusable:focus {width: auto;height: auto;margin: 0;overflow: visible;clip: auto;color:#000;}