/*
命名規則:

網站LOGO H1(唯一)
主標題 H2
副標題 H3
分隔線 <span class="separator">|</span>
標題 <div class="title"><span>標題名稱</span></div>
擴充項目 <div class="expansion">內容</div>
浮動 <div class="absolute_div">內容</div>
菜單起頭樣式 .first
菜單結尾樣式 .last

ps.儘量在命名中不要加入方向的單字
*/

/* 最多人想去 top10 , 飯店評鑑 top10 (共用) */
.ranking dt{ border-bottom:solid 1px #fff; border-top:solid 1px #ccc;}
.ranking dt.bgStyle_1{height:31px;background:#eee;}
.ranking dt.bgStyle_2{height:31px;background:#fff;}
.ranking dt:hover{background:#ddd;}


/* 數據圖設定 */
ol.dataChart li{ float:left;}
ol.dataChart li.no{ width:34px; line-height:31px; text-align:center; color:#999; font-size:24px; font-family:Arial; border-right:dashed 1px #d6d6d6;}
ol.dataChart li.title{ width:157px; line-height:31px; padding:0 8px; color:#333;}
ol.dataChart li.title a{color:#333;}
ol.dataChart li.results{ width:61px; font-size:11px; -webkit-text-size-adjust:none; color:#666;}
ol.dataChart li.results span.data{ color:#cc0033;}
ol.dataChart li.results ul li{ float:left;}
ol.dataChart li.results ul li.left{ width:2px; height:8px; background:url(../Images/hotelsWillTop10_dataImg_left.png) no-repeat;}
ol.dataChart li.results ul li.right{ width:2px; height:8px; background:url(../Images/hotelsWillTop10_dataImg_right.png) no-repeat;}
ol.dataChart li.results ul li.content_Strip{ width:50px; height:6px; border-top:solid 1px #ddbb64; border-bottom:solid 1px #ddbb64; background:#f1e39e;}
ol.dataChart li.results ul li.content_Strip div.progress{ height:6px; background:#ddbb64;}
ol.dataChart li.results ul li.content_stars{width:50px; height:6px;}
ol.dataChart li.results ul li.content_stars span{ float:left;}
ol.dataChart li.results ul li.content_stars span.stars1{ display:block; width:10px; height:10px; background:url(../Images/hotelsEvaluationTop10_stars1.png) no-repeat;}
ol.dataChart li.results ul li.content_stars span.stars2{ display:block; width:10px; height:10px; background:url(../Images/hotelsEvaluationTop10_stars2.png) no-repeat;}


/* 燈箱 */
.lightbox{ clear:both; width:682px; height:330px;}
.lightbox dt.eventTitle{ float:right; width:204px; height:315px; margin:8px 9px 0 0;}
.lightbox dt.activities{ float:left; width:460px; height:330px;}
.lightbox dt.eventTitle li{ position:relative; width:204px; height:63px; cursor:pointer; /*height:60px; *top:0; *margin:0;*/ display:block;}
.lightbox dt.eventTitle li div.project{ position:absolute; z-index:50; width:197px; height:48px; *height:45px; padding:15px 0 0 18px; left:-11px; /*margin:0;*/}
.lightbox dt.activities li{ position:relative; width:458px; height:330px; padding:0 0 0 8px;}
.lightbox dt.activities li div.absolute_div{position:absolute; z-index:40; width:414px; height:63px; top:238px; /*top:247px;*/ left:10px; padding:13px 22px 0 22px;}
.lightbox dt.activities li div.img_div{ width:458px; height:314px; margin:9px 0 0 2px; *padding-top:9px; text-align:center; display:block;}
.lightbox dt.activities li div.img_div img{ /*width:458px; height:314px;*/}


/* 頁籤 */
.tabModule{ clear:both;}
.tabModule dt.menuList{ float:left;}
.tabModule dt.expansion{ float:right;}
.tabModule dt.menuList li{ float:left;}
.tabModule dt.expansion li{ float:left;}
.tabContent{ clear:both;}

/* 列表資料框架模組 > 擴充功能:寫在normal.css */
.ContentModule{ clear:both;}
.ContentModule .main{}
.ContentModule .main .content{ float:right;}
.ContentModule .main .Links{ float:left;}
.ContentModule .main .Links .Links_row_1{}
.ContentModule .main .Links .Links_row_2{}
.ContentModule .main .Links .Links_row_1 div.img_div{}
.ContentModule .main .Links .Links_row_1 div.img_div img{}
.ContentModule .main .Links .Links_row_1 div.img_text{}
.ContentModule .main .content h2{}
.ContentModule .main .content h3{}
.ContentModule .main .content div.classification{}
.ContentModule .main .content div.time{}
.ContentModule .main .content div.text{}



/* select圖形化設定 */
.form_select{ height:18px; padding:0 0 6px 0;}

.select_box60 {width:60px;height:24px;}
.select_box60 div.tag_select{display:block;color:#666;width:40px;height:24px;overflow:hidden;background:transparent url("../Images/select_box/uboxstyle_60x24.png") no-repeat 0 0;padding:0 10px;line-height:24px;}
.select_box60 div.tag_select_hover{display:block;color:#666;width:40px;height:24px;overflow:hidden;background:transparent url("../Images/select_box/uboxstyle_60x24.png") no-repeat 0 -24px;padding:0 10px;line-height:24px;}
.select_box60 div.tag_select_open{display:block;color:#666;width:40px;height:24px;background:transparent url("../Images/select_box/uboxstyle_60x24.png") no-repeat 0 -48px;padding:0 10px;line-height:24px;}
.select_box60 ul.tag_options{position:absolute;padding:0;margin:0;list-style:none;background:transparent url("../Images/select_box/uboxstyle_60x24.png") no-repeat right bottom;width:60px;padding:0 0 5px;margin:0;}
.select_box60 ul.tag_options li{background:transparent url("../Images/select_box/uboxstyle_60x24.png") repeat-y -60px 0;display:block;width:40px;padding:0 10px;height:24px;text-decoration:none;line-height:24px;color:#666;overflow:hidden;}
.select_box60 ul.tag_options li.open_hover{background:transparent url("../Images/select_box/uboxstyle_60x24.png") no-repeat 0 -72px;color:#fff}
.select_box60 ul.tag_options li.open_selected{background:transparent url("../Images/select_box/uboxstyle_60x24.png") no-repeat 0 -96px;color:#fff}

.select_box80 {width:80px;height:24px;}
.select_box80 div.tag_select{display:block;color:#666;width:60px;height:24px;overflow:hidden;background:transparent url("../Images/select_box/uboxstyle_80x24.png") no-repeat 0 0;padding:0 10px;line-height:24px;}
.select_box80 div.tag_select_hover{display:block;color:#666;width:60px;height:24px;overflow:hidden;background:transparent url("../Images/select_box/uboxstyle_80x24.png") no-repeat 0 -24px;padding:0 10px;line-height:24px;}
.select_box80 div.tag_select_open{display:block;color:#666;width:60px;height:24px;background:transparent url("../Images/select_box/uboxstyle_80x24.png") no-repeat 0 -48px;padding:0 10px;line-height:24px;}
.select_box80 ul.tag_options{position:absolute;padding:0;margin:0;list-style:none;background:transparent url("../Images/select_box/uboxstyle_80x24.png") no-repeat right bottom;width:80px;padding:0 0 5px;margin:0;}
.select_box80 ul.tag_options li{background:transparent url("../Images/select_box/uboxstyle_80x24.png") repeat-y -80px 0;display:block;width:60px;padding:0 10px;height:24px;text-decoration:none;line-height:24px;color:#666;overflow:hidden;}
.select_box80 ul.tag_options li.open_hover{background:transparent url("../Images/select_box/uboxstyle_80x24.png") no-repeat 0 -72px;color:#fff}
.select_box80 ul.tag_options li.open_selected{background:transparent url("../Images/select_box/uboxstyle_80x24.png") no-repeat 0 -96px;color:#fff}

.select_box100 {width:100px;height:24px;}
.select_box100 div.tag_select{display:block;color:#666;width:80px;height:24px;overflow:hidden;background:transparent url("../Images/select_box/uboxstyle_100x24.png") no-repeat 0 0;padding:0 10px;line-height:24px;}
.select_box100 div.tag_select_hover{display:block;color:#666;width:80px;height:24px;overflow:hidden;background:transparent url("../Images/select_box/uboxstyle_100x24.png") no-repeat 0 -24px;padding:0 10px;line-height:24px;}
.select_box100 div.tag_select_open{display:block;color:#666;width:80px;height:24px;background:transparent url("../Images/select_box/uboxstyle_100x24.png") no-repeat 0 -48px;padding:0 10px;line-height:24px;}
.select_box100 ul.tag_options{position:absolute;padding:0;margin:0;list-style:none;background:transparent url("../Images/select_box/uboxstyle_100x24.png") no-repeat right bottom;width:100px;padding:0 0 5px;margin:0;}
.select_box100 ul.tag_options li{background:transparent url("../Images/select_box/uboxstyle_100x24.png") repeat-y -100px 0;display:block;width:80px;padding:0 10px;height:24px;text-decoration:none;line-height:24px;color:#666;overflow:hidden;}
.select_box100 ul.tag_options li.open_hover{background:transparent url("../Images/select_box/uboxstyle_100x24.png") no-repeat 0 -72px;color:#fff}
.select_box100 ul.tag_options li.open_selected{background:transparent url("../Images/select_box/uboxstyle_100x24.png") no-repeat 0 -96px;color:#fff}




/* ---------------------------------------------------------------------------------------- */