@charset "UTF-8";
/* 大圖廣告輪播 */

/*-------------------------------------中欄大廣告輪播*/
.adLoop { position: relative; overflow: hidden; width: 534px; margin-top: 10px; margin-right: auto; margin-bottom: 10px; margin-left: auto; }
.adLoop .player {/*圖可顯示的區域*/ width: 532px; height: 182px; position: relative; overflow: hidden; border: 1px solid #bbb; z-index: 55px; }
.adLoop ul.adPlayList {/*要輪播的圖放在這裡*/ padding: 0; margin: 0 0 4px; list-style: none; position: absolute; width: 5000px; /*改橫*/ font-size: 0; }
.adLoop ul.adPlayList li { padding: 0; margin: 0; display: inline-block; /*改橫*/ }
.adLoop .adPlayList img { border: none; width: 532px; height: 182px; position: relative; }
/*----------------------控制圖片播放的數字，由程式自動產生，
產生的html如下 
<ul class="playerControl">
<li class="playerControl_1">1</li>
<li class="playerControl_2 current">2</li>
<li class="playerControl_3">3</li>
<li class="playerControl_4">4</li>
<li class="playerControl_5">5</li>
</ul>
current 是目前顯示的圖

<ul class="playerControl">與<div class="player">是sibling，
其parent是<div class="adLoop">

*/
.adLoop ul.playerControl { margin: 5px 0; padding: 0; list-style: none; overflow: hidden; letter-spacing: 0; color: #777; position: relative; z-index: 999; float: right; margin-top: -28px; margin-right: 3px; margin-bottom: 3px; margin-left: 0; }
.adLoop ul.playerControl li { float: left; font-family: Arial; font-size: 1em; font-weight: bold; cursor: pointer; text-align: center; line-height: 100%; line-height: 110% \9; padding: 3px 6px; margin: 2px 2px; border: 1px solid #ccc; background-color: #FFF; }
.adLoop ul.playerControl li.current { background: #0089c6; border: 1px solid #0089c6; color: #fff; }
/*-------------------------------------側欄小廣告垂直輪播*/
.leftbg .adBlockV, .rightbg .adBlockV { clear: both; padding: 8px 0; text-align: center; border: 1px solid #d6d6d6; background: none; background-color: #f7f7f7; border-radius: 5px; }
.adBlockV .adFlow { /*position: relative;
	top: 3px;
	height: 67px;*/ overflow: hidden; width: 160px; left: 25px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; }
.adBlockV .adFlow ul { /*position: absolute;*/ margin: 0; padding: 0; list-style: none; font-size: 0;/*消除li之間的間隔*/ left: 0;/*fix ie7*/ }
.adBlockV .adFlow li { margin: 0 0 5px; padding: 0; }
.adBlockV .adFlow li img { border: 1px solid #999; width: 160px; }
.adBlockV .adFlow li a:hover img { border: 1px solid #000; }
/*控制鈕*/
.adBlockV .prev, .adBlockV .next { margin: 0 auto; height: 21px; width: 38px; cursor: pointer; background-image: url(../images/ad_arrows.png); background-repeat: no-repeat; }
.adBlockV .prev { background-position: 0 0; margin-bottom: 2px; }
.adBlockV .next { background-position: 0 -49px; margin-top: 5px; }
/*more*/
.adBlockV .more { margin-right: 8px; margin-bottom: 0; }
/*20140121*/
.adBlockV #focusitem { width: 170px; margin: 7px auto; text-align: left; }

/*-------------------------------------中欄小廣告水平輪播*/
/*.adbanner { margin: 5px; padding: 8px; display: block; width: 510px; background-color: #f7f7f7; border: 1px solid #d4d4d4; border-radius: 5px; }
.adbanner ul { margin: 0; padding: 0; }
.adbanner li { display: inline; padding: 0 3px 0 0; }
.adbanner li img { width: 118px; height: 49px; border: 1px solid #CCC; }
.jcarousel-skin-tango .jcarousel-container { -moz-border-radius: 7px; }
.jcarousel-skin-tango .jcarousel-container-horizontal { width: 530px; margin: 0; padding-top: 18px; padding-right: 7px; padding-bottom: 10px; padding-left: 7px; }
.jcarousel-skin-tango .jcarousel-clip-horizontal { width: 470px; height: 90px; margin-left: 30px; }
.jcarousel-skin-tango .jcarousel-clip { overflow: hidden; }
.jcarousel-skin-tango .jcarousel-item { }
.jcarousel-skin-tango li { margin-right: 5px; width: 155px; }
.jcarousel-skin-tango img { width: 155px; height: 50px; border: 1px solid #999; }
.jcarousel-skin-tango .jcarousel-item-horizontal { }
.jcarousel-skin-tango .jcarousel-item-placeholder { color: #000; }
.jcarousel-skin-tango .jcarousel-next-horizontal { position: absolute; top: 0; right: 0; width: 30px; height: 90px; cursor: pointer; background: transparent url(../images/next-horizontal.png) no-repeat 0 0; }
.jcarousel-skin-tango .jcarousel-next-horizontal:hover { background-position: -32px 0; }
.jcarousel-skin-tango .jcarousel-next-horizontal:active { background-position: -64px 0; }
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active { cursor: default; background-position: -96px 0; }
.jcarousel-skin-tango .jcarousel-prev-horizontal { position: absolute; top: 0; left: 0; width: 30px; height: 90px; cursor: pointer; background: transparent url(../images/prev-horizontal.png) no-repeat 0 0; }
.jcarousel-skin-tango .jcarousel-prev-horizontal:hover { background-position: -32px 0; }
.jcarousel-skin-tango .jcarousel-prev-horizontal:active { background-position: -64px 0; }
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active { cursor: default; background-position: -96px 0; }*/

/*-------------------------------------adBlockH 中欄小廣告水平輪播*/
/*.adBlockH { clear: both; background: #333; padding: 0; margin: 0; width: 100%; height: 80px; position: relative; border-radius: 12px; }
.adBlockH .adSlide { position: relative; top: 9px; left: 40px; overflow: hidden; width: 167px; height: 62px; }
.adBlockH .adSlide ul { position: absolute; margin: 0; padding: 0; list-style: none; white-space: nowrap; font-size: 0; *width:9999px;
}
.adBlockH .adSlide li { margin: 0 2px 0 3px; padding: 0; display: inline-block; *display:block;
*float:left;
}
.adBlockH .adSlide ul li a img { border: 1px solid #333; width: 160px; height: 60px; }
.adBlockH .adSlide ul li a:hover img { border: 1px solid #fff; }
/*控制鈕*/
/*.adBlockH .toLeft, .adBlockH .toRight { margin: 0; width: 17px; height: 26px; position: absolute; top: 26px; cursor: pointer; background-image: url(../images/ad_arrows.png); background-repeat: no-repeat; }
.adBlockH .toLeft { left: 14px; background-position: 0 0; }
.adBlockH .toRight { background-position: -40px 0; right: 14px; }
.adBlockH .toLeft:hover { background-position: 0 -50px; }
.adBlockH .toRight:hover { background-position: -40px -50px; }*/
/*-------------------------------------photo：mp 新聞照片輪播*/
aside.photo { }
aside.photo article { margin: 10px; padding: 0; }
aside.photo article img { float: left; margin: 0 8px 5px 0; width: 190px; height: 130px; border: 1px solid #999; }
aside.photo figcaption { margin: 0; clear: both; margin: 0 5px; }
/*-------------------------------------cp_photo：album 照片詳細內容頁*/
/*.album { margin: 0 0 25px; padding: 0 0 20px; overflow: hidden; border-bottom: 1px solid #bbb; }*/
/*-----------photoSlide 大圖左右切換*/
.photoSlide { position: relative; width: 624px; overflow: hidden; padding:30px 0 0; margin:0 auto; text-align:center; }
.photoSlide .arrows { position:absolute; left:0; top:0; width:100%; list-style:none; margin:0; padding:0; }
.photoSlide .arrows li { margin:0; padding:0; }
.photoSlide .arrows a { width: 74px; height: 28px; background: url(../images/photo_ctrlBtn.png) no-repeat left top; position:absolute; left:5px; top:5px; }
.photoSlide .arrows a.next { background-position:-80px 0; right:5px; left:auto; }
.photoSlide .arrows a.prev:hover { background-position:0 -30px; }
.photoSlide .arrows a.next:hover { background-position:-80px -30px; }
.photoSlide .photoNow { width: 624px; position: relative; padding: 5px 0; }
.photoNow ul, .photoNow li { list-style: none; margin: 0; padding: 0; text-align:center; }
.photoNow ul { position:relative; overflow: hidden; }
.photoNow ul li { float: left; width:624px; }
.photoNow ul li img { display:block; max-width:600px; max-height:400px; width:auto; border:7px solid #fff; box-shadow:rgba(0, 0, 0, 0.5) 0 0 6px; margin:5px auto 10px; border:1px solid #bbb \9; padding:7px \9; }
.photoNow .caption { color: #444; background:#eee; font-size: 13px; line-height: 20px; text-align:left; display:inline-block; max-width:490px; margin:0 auto; border-radius:15px; padding:4px 12px; }
.photoNow .description { display:block; margin:15px 7px 0; text-align:left; line-height:150%;}
/*---------------- photoList */
.photoList { position: relative; margin: 0 auto 10px; padding: 8px 30px 5px; border-radius: 8px; border: 1px solid #bbb; background-color: #F1F1F1; }
.photoList .photoFlow { position:relative; left:0px; top:0; overflow:hidden;width:134px; height:135px;}  /*單一個項目的高度，總高度由程式計算*/ 
.photoList .photoFlow ul { position:absolute; margin:0; padding:0; list-style:none; font-size:0;/*消除li之間的間隔*/ width:9999px; }
.photoList ul li { display: inline-block; *display:block; *float:left; margin: 0 2px; padding: 5px; width: 120px; height: 120px; text-align: center; background: #fff; border-radius: 4px; border: 1px solid #E6E6E6; }
.photoList ul li:hover { background-color: #E2E2E2; }
.photoList ul li.now { background:#333;}
.photoList ul li a { display:block; width:120px;  height:120px;}
.photoList ul li img { display:block;max-height:120px; max-width:120px; margin:0 auto; padding:0; outline:1px solid #fff; }
/*控制鈕*/
.photoList .ctrlBtn { position: absolute; margin: 0; cursor: pointer; background: url(../images/loopButtonsH.png) no-repeat 0 0; top: 57px; width: 26px; height: 26px; }
.photoList .ctrlBtn.prev { background-position: 0 0; left: 10px; }
.photoList .ctrlBtn.next { background-position: -30px 0; right: 10px; }
.photoList .ctrlBtn.prev:hover { background-position: 0 -30px; }
.photoList .ctrlBtn.next:hover { background-position: -30px -30px; }*/