﻿
overflow-x:hidden; padding-top:73px;}
div.row{padding:0 20px;}

/* 選單 */
nav._menu{background-color:#F49C00; border:none; border-bottom:#000 3px solid;}
nav._menu div.container-fluid{max-width:1024px; margin:0 auto; position:relative;}
nav._menu div.container-fluid div.navbar-header a.navbar-brand{padding:0;}
nav._menu div.container-fluid div.navbar-header a.navbar-brand span{display:none;}
#topFixedNavbar1 form{background:#FFF; padding:0; position:relative; height:36px;}
#topFixedNavbar1 form input[type="text"]{border:none; border-radius:0; width:300px;}
#topFixedNavbar1 form button[type="button"]{padding:0; border:none; border-radius:0; background-image:url(../img/search.png); background-repeat:no-repeat; background-position:right center; background-size:cover; width:34px; height:34px; position:absolute; right:0; top:0;}
#topFixedNavbar1 ul.navbar-nav li a{color:#000;}
#topFixedNavbar1 ul.navbar-nav li a:hover{background-color:#000; color:#FFF;}

@media screen and (min-width: 400px) and (max-width: 768px){
}
@media screen and (min-width: 768px){
	li._search{background:#F49C00; position:absolute; left:315px; top:11px; width:100px;border-radius:.5em;}
	li._search ul{position:static; border:none;}
	li._search ul li{padding:1em; width:500px;}
	li._search a{padding:5px; text-align:center; margin:0;}
}
@media screen and (max-width: 767px){
	ul.nav li._search{background:#FFF; margin-top:-10px;}
	ul.nav li._search a{background:#FFF;}
	ul.nav li._search ul.dropdown-menu{box-shadow:#666 1px 1px 8px; background:#FFF; margin-top:-10px;}
	ul.nav li._search ul li{background:#FFF;}
	ul.nav li._search ul li.divider{background:#CCC;}
	ul.nav li._search a{padding:6px; text-align:right; margin:0;}
}
ul.nav li._search{ z-index:1000;}
ul.nav li._search a{color:#FFF; text-decoration:none;}
ul.nav li._search ul li{padding:1em;}
ul.nav li._search ul li.divider{padding:0; margin:0 auto;}
ul.nav li._search ul li span{padding-right:.8em; display:block; font-size:12px;}
ul.nav li._search ul li input, form span._search ul li select{margin:.5em .2em 0 .5em;}
ul.nav li._search ul li input[type="button"]{margin:0 auto; display:block;}

/* 內容wrapper */
div._wrapper{max-width:1024px; background:#fff; box-shadow:#000 0 0 50px; margin:0 auto; padding:0;}

/* 活動banner */
div._banner{max-width:1280px; margin:0 auto; margin-top:-20px; background-color:#666;}
div._banner div.item{min-height:200px;}
div._banner div.item img._small{-webkit-filter: blur(5px) brightness(50%); /* Chrome, Safari, Opera */ filter: blur(5px) brightness(50%);min-height:200px;}
/*div._banner div.item div.carousel-caption{padding-bottom:0; margin-bottom:-10px;}*/
div._banner div.item div.carousel-caption{top:-1%;}

span._status_apply, span._status_full, span._status_end, span._status_declined, span._status_approved, span._status_verify{padding:.5em 1em; opacity:.9; box-shadow:#000 -2px 2px 5px;}
/* 報名中 */
span._status_apply{background:#027320; color:#FFF;}
/* 已額滿 */
span._status_full{background:#940002; color:#D7BCBD;}
/* 已結束 */
span._status_end{background:#ED8300; color:#333;}
/* 已婉拒 */
span._status_declined{background:#262626; color:#D4D4D4;}
/* 已通過 */
span._status_approved{background:#0B99FF; color:#FFFA19;}
/* 審核中 */
span._status_verify{background:#D4D4D4; color:#262626;}

/* 活動列表 */
div._event{margin:20px 0;}
div._event a{}
div._event div._img{background-position:center center; background-repeat:no-repeat; background-size:cover; min-height:150px; background-color:#CBCBCB;}
div._event div._img a{box-shadow:#000000 -3px 3px 6px;}
div._event div.caption h3{
	/*height:3.5em;*/
	height: 72px;
	margin-top:0; 
	font-size:1.3em; 
	line-height:1.3em;
	overflow:hidden;
}
div._event div.caption p._date, div._event div.caption p._venue{background-position:left 2px; background-repeat:no-repeat; background-size:1.2em; text-indent:1.3em; margin:.2em 0;}
div._event div.caption p._date{background-image:url(../img/icon_date.png);}
div._event div.caption p._venue{background-image:url(../img/icon_venue.png);height:20px;overflow-y:hidden;}

/* 主辦單位 */
div._sponsor{margin:20px 0; padding:0 20px;}
div._sponsor div{margin-bottom:10px;}
div._sponsor div a{background-color:#FFF; background-position:center center; background-repeat:no-repeat; display:flex; min-height:100px; border-radius:10px;}
div._sponsor div a:hover{border:#E2E2E2 1px solid;}

/* 廣告 */
div._ad{margin:20px 0; padding:20px; background:#FFF;}
div._ad div{margin-bottom:5px;}
div._ad div a img{border:#646464 1px solid;}

/* 最新專輯報導 */
div._review_latest{margin:20px 0; padding:20px;}
div._review_latest h5{background:#646464; color:#FFF; font-size:1.5em; position:relative; padding:10px 0 10px 25px; height: inherit;}
div._review_latest h5 span._left{background:#F49C00; position:absolute; left:0; width:15px; top:0; bottom:0;}
div._review_latest h5 span.visible-lg{background:#000; position:absolute; right:0; top:0; bottom:0; padding:13px; font-size:.6em; text-align:center;}
div._review_latest h5 span.visible-xs{background:#000; position:absolute; right:0; bottom:0; padding:5px; font-size:.6em; text-align:center;}
div._review_latest ul{list-style:url(../img/list.jpg); font-size:1.2em; line-height:36px; padding-left:2em;}
div._review_latest ul li a{color:#323232;}
div._review_latest ul li._more{list-style:none;}
div._review_latest ul li._more a{display:block; color:#000; background:#FFF; border:#F49C00 1px solid; border-radius:1.6em; padding:.1em .8em;}


/* 近期活動回顧 */
div._review_recent{margin:20px 0; padding:20px;}
div._review_recent div.thumbnail{background:#E4E4E4;}
div._review_recent div.thumbnail a{}
/*div._review_recent div.thumbnail:hover{cursor:pointer;-webkit-filter: brightness(90%);  Chrome, Safari, Opera  filter: brightness(90%);}*/
div._review_recent h5, div._review_recent p{padding:0 .2em; font-weight:normal;}
div._review_recent p{color:#666;}
div._review_recent p._date, div._review_recent p._venue{background-position:4px 3px; background-repeat:no-repeat; background-size:1em; text-indent:1.2em;}
div._review_recent p._date{background-image:url(../img/icon_date.png);}
div._review_recent p._venue{background-image:url(../img/icon_venue.png); height:20px;overflow-y:hidden;}
div._review_recent div.thumbnail a._img{display:block; min-height:150px; background:#8F8F8F; background-position:center center; background-repeat:no-repeat; background-size:cover;}

/* footer */
div._footer{background:#343434; padding:10px; border-top:#000 2px solid;}
div._footer p{color:#b4b4b4;}
div._footer p a{color:#FFF;}
div._footer p.visible-lg{max-width:1280px; margin:0 auto;}
div._footer p.visible-xs span{display:block; padding-top:5px; margin-bottom:-10px;}

/* 標題 */
div._sponsor h4, div._review_latest h4, div._review_recent h4{border-bottom:#47A141 1px solid; padding-bottom:4px;}
div._sponsor h4 span, div._review_latest h4 span, div._review_recent h4 span{border:#47A141 1px solid; background:#FFF; padding:8px 10px 6px 10px; border-top-left-radius:12px; border-top-right-radius:12px;}

/* 單一活動網頁 */
/* 主視覺 */
._KV{margin-top:-20px;}
._KV img{width:1024px;}
._data{padding:0 20px;}
._single_event hr{margin:30px 10px; border-bottom:#47A141 1px dotted;}
._single_event h3, ._data h3, ._data p, ._data ul, ._data a{text-align:center;}
._data p span._date, ._data p span._venue{background-position:left center; background-repeat:no-repeat; background-size:1em; padding-left:1.2em; color:#A0A0A0;}
._data p span._date{background-image:url(../img/icon_date-s.png); padding-right:10px;}
._data p span._venue{background-image:url(../img/icon_venue-s.png);}
._data ul{list-style:none; display:block;}
._data ul li{display:inline-block;}
._data ul li:before, ._data ul li a{color:#F49C00; border:#F49C00 1px solid; padding:0 .8em; border-radius:1em; text-decoration:none; font-size:.8em;}
._data ul li a:hover{background:#F49C00; border:#F49C00 1px solid; color:#FFF;}
/*._data ul li:before{position: relative; content: "#";}*/

._data ol{list-style:none; display:block; text-align:center;}
._data ol li{display:inline-block;}
._data ol li a{color:#333; padding:0 .3em; border-radius:.2em; text-decoration:none; font-size:1.2em;}
._data ol li a:hover{background:#666; color:#FFF;}

._data a.btn{margin:0 auto; display:block; width:200px;}

/* 下載 */
._download ul{list-style:none;}
._download ul li{background-image:url(../img/dl.png); background-position:36px 2px ; background-size:60px; background-repeat:no-repeat; padding:0 3em .5em 80px;}
._download ul li._download_list, ._download ul li a{min-height:80px;}
._download ul li a{display:block; color:#000; padding:0 10px 8px 70px; margin:0 0 0 -50px; border:#F5F5F5 1px solid;}
._download ul li a:hover{text-decoration:none; border:#F49C00 1px solid; color:#000; border-radius:1em;}
._download ul li h4{color:#000;}
._download ul li p{color:#7D7D7D;}
._download ul li span._img{position:absolute; top:4px; left:36px; width:60px; height:60px; display:block; background-size:cover; border-radius:5px;}
._download div.panel-group{}
._download div.panel-body{padding:2em; font-size:12px; clear:both; background:#E5E4DB; color:#666; border-radius:1em; max-width:800px; margin:0 auto;}
._download div.panel{background-color:#F5F5F5; box-shadow:none;}
._download div.panel ol{margin-left:-1.8em;}

/* video */
._video iframe{width:100%; height:500px;}
._video ._video_list{text-align:left;}
._video ._video_list div{cursor:pointer; border:transparent 1px solid; padding:.5em 0;}
._video ._video_list div:hover{border:#CCC 1px solid; background:#EAEAEA; border-radius:1em;}
._video ._video_list div:hover img{-webkit-filter: brightness(80%); /* Chrome, Safari, Opera */ filter: brightness(80%);}
._video ._video_list div:hover h5{color:#F49C00;}
._video ._video_list div:hover p{color:#333;}
._video ._video_list img{}
._video ._video_list h5{color:#000; padding:.5em; text-align:left; margin:0;}
._video ._video_list p{color:#505050; font-size:12px; text-align:left;}

/* slide */
.carousel{background:#000; border-top:#000 5px solid; border-bottom:#000 5px solid;}
._slide .item p{background-color:#000; color:#FFF; padding:10px 20px; display:block; margin:0 auto;}
._slide .item img{ display:block; margin:0 auto;}

/* album report */
._album, ._report{padding:0 2em;}
._album div, ._report div{margin-bottom:.5em; border:transparent 1px solid;}
._album div._hover:hover, ._report div._hover:hover{border:#CCC 1px solid; background:#EAEAEA; border-radius:1em; cursor:pointer;}
._album div img, ._report div img{display:block; margin:1em 0; width:100px; height:75px;}
._album div h5, ._report div h5{font-size:1.2em;}
._album div p, ._report div p{color:#666;}
._album div._hover, ._report div._hover{min-height:105px;}
._album div._hover div, ._report div._hover div{margin:-100px 0 0 110px;}

/* anchor */
a._anchor{display:block; position:relative; top:-80px;}

/* back to top */
#backTop{
    width:45px;
    height:45px;
    text-indent:-9999px;
    cursor:pointer;
    z-index:999999999;
	display:none;
    background:url(../img/uparr-48-w.png) no-repeat center center rgba(0,0,0,0.8);
}
#backTop:hover{background:url(../img/uparr-48-b.png) no-repeat center center #F49C00;}

/* 單篇文章 */
nav._article div.container-fluid{max-width:800px;}
div._article{max-width:800px; margin-top:-20px;}
div._article div._article_pic{margin:0; padding:2em; position:relative;}
div._article div._article_pic div._filter{overflow:hidden;position:absolute; top:0px; left:0; bottom:0; right:0;}
div._article div._article_pic div._filter div{background-color:#F49C00; background-position:center center; background-repeat:no-repeat; background-size:cover; -webkit-filter:blur(3px) brightness(50%); /* Chrome, Safari, Opera */ filter:blur(3px) brightness(50%); position:absolute; top:-5px; left:-5px; bottom:0; right:-5px;}
div._article div._article_pic h3{color:#FFF; font-size:2.4em; text-shadow:#000 1px 1px 5px; position:relative;}
div._article div._article_pic h3 span{font-size:.4em; color:#D7D7D7; display:block; padding-top:.5em;}
div._article div._content{padding:1em 2em;}
div._article div._content h4{border-left:#F49C00 8px solid; padding-left:5px;}
div._article div._content p{color:#666; padding:0 1em;}
div._article div._content figure{text-align:center; padding:20px 0;}
div._article div._content figure figcaption{text-align:left; font-size:.9em;}
div._article div._content div._btn{padding:20px;}

div._article div._share{padding:10px; position:relative;}
div._article div._share a span{display:block; width:20px; height:20px; background-size:cover; background-position:center center; background-repeat:no-repeat; position:absolute;}
div._article div._share a:hover span{-webkit-filter:brightness(80%); /* Chrome, Safari, Opera */ filter:brightness(80%);}
div._article div._share a span.icon_FB{background-image:url(../img/icon_FB.gif); right:70px;}
div._article div._share a span.icon_Line{background-image:url(../img/icon_Line.gif); right:45px;}
div._article div._share a span.icon_Mail{background-image:url(../img/icon_Mail.gif); right:20px;}