/* 整體設定 */
*{margin: 0; padding: 0; font-family: Microsoft Jhenghei,"微軟正黑", Helvetica, Arial; list-style: none;}
a{text-decoration: none;}
div._wrapper{max-width: 1280px; margin: 0 auto; position: relative; background: #FFFFFF;}
@media (max-width:1279px){
	/*aside{display: none; z-index: -1;}*/
}
@media (min-width:737px){
	div._current_event ol li._headline{display: block; max-width: 600px; position: relative; margin: 10px 20px 0 0; padding: 0;}
	div._current_event ol li._headline h3{background: #000; color: #fff; padding: .5em; opacity: .8; position: absolute; left: 0; right: 0; bottom: -10px; line-height: 1.5em; font-size: 1.5em;}
	div._current_event ol li._headline h3 span{font-size: .4em; float: right; margin: 1em 0 0 0; color: #A8A8A8; display: block;}
	/*div._history ul li{width: 300px; margin: 0;}*/
}
@media (max-width:736px){
	div._current_event ol li._headline{display: block; max-width: 600px; position: relative; margin: 10px 20px 0 0; padding: 0;}
	div._current_event ol li._headline h3{background: #000; color: #fff; padding: .5em; opacity: .8; position: absolute; left: 0; right: 0; bottom: -10px; line-height: 1.5em; font-size: 14px;}
	div._current_event ol li._headline h3 span{display: none;}
	/*div._history ul li{width: 90%; margin:0 auto;}*/
}
/*div._history ul li{width: 300px; margin: 5px;}*/
div._history h3 select{font-size: .6em; margin: 5px;}
/*
div._wrapper{max-width: 1280px; margin: 0 auto; background: #fff; position: relative;}
aside{width: 336px; background: #555555; position: absolute; top: 0; right: 0; bottom: 0;}
@media (min-width:1281px){
	aside{display: block;}
	._current_event{width: 930px;}
}
@media all and (min-width:931px) and (max-width:1280px){
	aside{display: none;}
}*/
/* By Joe
div._current_event{background: #dcdcdc; padding: 0;}
div._current_event ol{display: block; background: #fff; margin: 0 auto; margin-top: -10px; margin-left: 10px; margin-right: 10px; margin-bottom: 10px; padding: 5px 5px 35px 5px; border-bottom-left-radius: 1em; border-bottom-right-radius: 1em;}
*/
/*div._current_event{background: #dcdcdc; padding: 0 0 1px 0;}*/
div._current_event{background: #dcdcdc; padding: 0;}
/*div._current_event ol{display: block; background: #fff; margin: 0 auto; margin-top: -10px; margin-left: 10px; margin-right: 10px; margin-bottom: 10px; padding: 5px 5px 0 5px;}*/
div._current_event ol{display: block; background: #fff; margin: 0 auto; padding: 5px 5px 0 5px;border: #dcdcdc 10px solid; border-top:none;}
div._current_event ol li{border-bottom: #000 2px solid;}
div._current_event ol li a:hover{color: #F49c00;}
div._current_event ol li a img{display: none;}
div._current_event ol li._headline a img{display:block;}
div._current_event ol li._headline a:hover h3{color: #F49C00;}
div._current_event ol li h3{font-size: 14px;}
div._current_event ol li h3 span{display: none;}
/* By Joe
div._current_event a._learn_more{display: block; background: #fff; width: 150px; border: #000 3px solid; padding: .6em; font-size: 1.3em; text-align: center; position:relative; margin: 0 auto; margin-top: -2em; margin-bottom: 1em;}
*/
div._current_event a._learn_more{display: block; background: #fff; width: 150px; border: #000 3px solid; padding: .6em; font-size: 1.3em; text-align: center; position:relative; margin: 0 auto; margin-bottom: 1em;}
div._current_event a._learn_more:hover{background: #F49C00;}

/*div._history ul{display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; flex-direction:row;}*/
/* By Joe
div._history ul li{margin-bottom: 10px; padding: 10px; position: relative; height: 400px;}
*/
div._history ul li{margin-bottom: 10px; padding: 10px; position: relative; height: 290px;}
div._history ul li div{background:#EEEEEE; border:#DEDEDE 1px solid; border-radius: 5px; padding: 10px; text-align: center; position: absolute; bottom: 0; top: 10px; left: 10px; right: 10px;}
/* By Joe
div._history ul li div img{width: 100%;}
div._history ul li div h4{font-size: 16px; font-weight: bolder; text-align: left;}
*/
div._history ul li div img{width: 100%; max-height:111px;}
div._history ul li div h4{font-size: 16px; font-weight: bolder; text-align: left; min-height:50px;}
div._history ul li div p{padding: .2em .2em .2em 1.8em; font-size: 14px; background-position: left 3px top 5px; background-repeat: no-repeat; text-align: left;}
div._history ul li div p._date{background-image: url(../img/date.png);}
div._history ul li div p._venue{background-image: url(../img/venue.png);}
/* By Joe
div._history ul li div a{display:block; text-align: center; padding: .5em; border: #000 3px solid; position: absolute; bottom: 20px; left: 20%; right: 20%; background: #fff;}
div._history ul li div a:hover{background: #F49C00;}
*/

/* 內頁 */
div._report{padding: 0 10px 10px 20px;}
div._middle{padding: 0 10px 10px 10px; background: #e5e5e5;}
div._paper{}
div._sponsor{}
div._album{padding: 0 20px 10px 10px;}
div._report h3, div._paper h3, div._sponsor h3, div._album h3{font-size: 20px; padding: 5px 10px; font-weight: bolder; border: #000 2px solid; box-shadow: 4px 4px 0 0 #909090; background: #fff;}

/* 斬情速遞 */
div._report ul li{border-bottom: #000 1px solid; padding: .5em 0;}
div._report ul li a h4{font-size: 20px;}
div._report ul li:hover{background:#FFF7E6;}
div._report ul li a:hover h4{color: #F49C00;}
div._report ul li a:hover p{color: #000;}
div._report ul li a span, div._report ul li a p{font-size: 12px;}
div._report ul li a span{color: #686868; display: block; text-align: right;}
div._report ul li a p{color:#363636; font-size:16px; line-height:1.8em;}
div._report ul li a img{margin: .5em 1em 0 0;}
div._report ul li._headline{position: relative; margin-top: -15px; border: none; margin-bottom: -10px;}
div._report ul li._headline h4{background: #000; position: absolute; bottom: 0; left: 0; right: 0; color: #fff; padding: .5em; opacity: .8;}
div._report ul li._headline:hover{background: none;}
div._report ul li._headline:hover h4{opacity: 1; color: #F49C00;}
div._report ul li._headline img{width: 100%;}
div._report ul li._headline:hover img{filter:saturate(200%) contrast(150%);}
div._report ul li._headline h4 span{color: #969696;}
div._report ul li._headline p{display: none;}

/* 展會特刊 */
div._paper ul#Accordion1 div._accordion_item{height: 440px;}
div._paper ul li{position: relative;}
div._paper ul li div._paper_menu{background:#363636; opacity:.8; position: absolute; bottom: 0; left: 0; right: 0; height: 45px;}
div._paper ul li div._paper_menu p, div._paper ul li div._paper_menu p a{color: #fff;}
div._paper ul li div._paper_menu a{display: block;}
div._paper ul li div._paper_menu a._prev, div._paper ul li div._paper_menu a._next{position: absolute; width: 45px; height: 45px; background: #121212; bottom: 0; background-position: center center; background-repeat: no-repeat;}
div._paper ul li div._paper_menu a._prev{background-image: url(../img/prev.png);}
div._paper ul li div._paper_menu a._next{background-image: url(../img/next.png); right: 0;}
div._paper ul li div._paper_menu p{position: absolute; left: 45px; right: 45px; bottom: 0; text-align: center; padding-bottom: 10px; font-size: 1.1em; text-shadow: 2px 2px 2px #000; color: #E5E5E5;}
div._paper ul li div._paper_menu p a._download, div._paper ul li div._paper_menu p a._preview{display: inline; padding: 0 2px; color: #FFF;border: #363636 1px solid;}
div._paper ul li div._paper_menu p a._download:hover, div._paper ul li div._paper_menu p a._preview:hover{border: #fff 1px solid; color: #F49C00;}

/* 焦點廠商 */
div._sponsor h3{}
div._sponsor ul{display: block;}
div._sponsor ul li{border: #b5b5b5 1px solid; background: #fff; border-radius: 5px; padding: 5px; margin: 10px 0 20px 0; display: block;}
div._sponsor ul li a{cursor: pointer;}
/* By Joe
div._sponsor ul li a h4{font-size: 18px; font-weight: bolder;}
div._sponsor ul li a h4 img{float: left;}
div._sponsor ul li div._info{margin: 15px; background: #fff; padding: 0;}
*/
div._sponsor ul li a h4{font-size: 18px; font-weight: bolder; text-align: center;}
div._sponsor ul li a h4 img{border: #fff 5px solid; box-shadow: 0 0 0 1px #ccc; display: block; margin: 0 auto; margin-bottom: .5em;}
div._sponsor ul li div._info{margin: 0 15px 0 15px; background: #fff; padding: 0; clear: both;}
div._sponsor div._info{background: #ccc; padding: 1em; border-radius: 1em;}
/* By Joe
div._sponsor div._info p._booth{font-size: 16px;}
*/
div._sponsor div._info p._booth{font-size: 16px; padding: 0; margin: 0;}
div._sponsor div._info a._website, div._sponsor div._info p._phone{font-size: 14px; background-position: left center; background-repeat: no-repeat; text-indent: 20px;}
div._sponsor div._info a._website{background-image: url(../img/website.png); padding:10px 10px 10px 20px;}
div._sponsor div._info a._website:hover{text-decoration: underline;}
/* By Joe
div._sponsor div._info p._phone{background-image: url(../img/phone.png);padding:10px 10px 10px 0;}
*/
div._sponsor div._info p._phone{background-image: url(../img/phone.png); padding:0 10px 0 0; margin: 0;}
div._sponsor h5{font: 18px; border: #000 1px solid; padding: 5px 0 3px 15px; width: 6em; border-radius: 20px;}
div._sponsor div._HOT ol li{list-style:square; margin-left:1.5em;}
/* By Joe
div._sponsor div.sponsor ul li{height: 250px;}
*/
div._sponsor div.sponsor ul li{height: 280px;}
div._sponsor div.w3-bar button{background: #000;}
._products{clear: both;}


/* 展場剪影 */
div._album a{cursor: pointer;}
div._album a p{font-size: 14px; padding:5px;}
div._album a p span{font-size: 10px; color: #6f6f6f; padding-left: .5em;}
div._album a:hover img{filter: saturate(200%) contrast(150%);}
div._album a:hover p, div._album a:hover p span{color: #F49C00;}
._close{position: absolute; right: 0; top: -48px; background: url(../img/close.png); width: 51px; height: 51px; cursor: pointer;}
h4._album_title{color: #000; font-size: 1.5em; padding: 0 .5em;}
.w3-modal{background:  #333;}
._popup_album div.w3-modal-content{width:40%; margin-top: -40px;}
._popup_album div div{padding: 1px;}
._popup_album div div img{display: block; margin: 0 auto;}
._txt{background: #000;}
._txt p{color: #fff; padding: 1em;}
._slide ._prev, ._slide ._next{width: 45px; height: 45px; background-color: #000; background-position: center center; background-repeat: no-repeat; cursor: pointer;}
._slide ._prev{background-image: url(../img/prev.png);}
._slide ._next{background-image: url(../img/next.png);}