@charset "utf-8";
/* CSS Document */

.top {background:url(../images/index_bg_01.jpg) no-repeat; width:274px; height:320px; display:block; }
.mid {background:url(../images/index_bg_02.jpg) no-repeat; width:274px; height:280px; display:block;}
.bot {position: relative;z-index: 1;background:url(../images/index_bg_03.jpg) no-repeat; width:274px; height:200px; display:block;}

.girl {background:url(../images/girl.png) no-repeat; width:112px; height:290px; display:block; position:absolute; z-index:5; left:174px; top:38px;}


/* box 模組 */
.box { width:229px; float:left; margin-right:5px;}
.box .title {width:100%; height:36px; display:block; margin-bottom:5px;}
.box .title span { display:none;}
.box .hd {width:100%; background:url(../images/tab_bg1_top.jpg) no-repeat; height:7px;}
.box .scroller {background:url(../images/tab_bg1_mid.jpg) repeat-y; height:732px; width:100%;}
.box .ft {width:100%; background:url(../images/tab_bg1_bot.jpg) no-repeat; height:20px;}

.box.about .title {background:url(../images/tab1.jpg) no-repeat;}
.box.spot .title {background:url(../images/tab2.jpg) no-repeat;}
.box.spot .hd, .box.traffic .hd, .box.calendar .hd{background:url(../images/tab_bg2_top.jpg) no-repeat;}
.box.spot .scroller, .box.traffic .scroller, .box.calendar .scroller {background:url(../images/tab_bg2_mid.jpg) repeat-y;}
.box.spot .ft, .box.traffic .ft, .box.calendar .ft {background:url(../images/tab_bg2_bot.jpg) no-repeat;}

.box.city .title {background:url(../images/tab3.jpg) no-repeat;}
.box.city .hd {background:url(../images/tab_bg3_top.jpg) no-repeat;}
.box.city .scroller{height:532px;}

.box.food{}
.box.food .scroller {position:relative; z-index:1; width:229px; height:716px; overflow:hidden; overflow-x:hidden; background:url(../images/tab_bg1_mid.jpg) repeat-y; padding:8px 0 8px;}
.box.food .title {background:url(../images/tab4.jpg) no-repeat;}
.box.traffic .title {background:url(../images/tab5.jpg) no-repeat;}
.box.calendar .title {background:url(../images/tab6.jpg) no-repeat;}


/* 會展模組 */
.box.spot ul li, .box.traffic ul li, .box.calendar ul li {width:214px; margin:0 auto 8px auto; color:#333;}
.box.spot .itemtitle, .box.traffic .itemtitle, .box.calendar .itemtitle{background:url(../images/spot_top.png) no-repeat; height:36px; text-align:center;}
.box.spot .itemtitle h4, .box.traffic .itemtitle h4, .box.calendar .itemtitle h4 {color:#fff; font-size:16px; font-weight:bold; font-family:'微軟正黑體 Bold', '微軟正黑體', 'Microsoft JhengHei', '新細明體', 'PMingLiU'; display:block; padding-top:9px;}
.box.spot .itembd, .box.traffic .itembd, .box.calendar .itembd {background:url(../images/spot_mid.png) repeat-y; height:313px; padding-top:5px;}
.box.spot .itemft, .box.traffic .itemft, .box.calendar .itemft {background:url(../images/spot_bot.png) no-repeat; height:6px; clear:both;}
.box.spot .itembd .contentmap {width:193px; height:121px; display:block; border:1px solid #d6d6d6; margin:0 auto 5px auto;}
.box.spot .itembd .iconside { width:34px; float:left;}
.box.spot .itembd .contentside { width:160px; float:left; background:url(../images/shadow_right.png) no-repeat 0 5px; padding:0 0 0 10px;}

.box.spot .iconside ul li,
.box.spot .contentside ul li {width:auto; margin:0;}
.box.spot .iconside ul {margin-left:8px;}
.box.spot .iconside ul li {margin-bottom:5px; height:19px;}
.box.spot .contentside p {line-height:20px;}
.box.spot .contentside p a {color:#333;}
.box.spot .contentside p a:hover {color:#333; text-decoration:underline;}
.box.spot .contentside ul {margin-top:5px;}
.box.spot .contentside ul li {background:url(../images/icon_circle2.png) 0 9px no-repeat; padding-left:12px; padding-top:5px; line-height:15px;}


/* 城市模組 */
.box.city ul li {clear:both; width:200px; margin:10px auto 0 auto; height:50px; display:block; *margin-top:8px;}
.box.city ul li:first-child {margin:0 auto;}
.box.city ul li .img_div {width:70px; height:50px; display:block; float:left;}
.box.city ul li .text {float:right; width:125px; display:block; border-bottom:1px dashed #ccc;padding-bottom:10px;}
.box.city ul li .text h4 {color:#1ea5d9; font-family:"微軟正黑體", "新細明體"; font-size:14px; line-height:20px; }
.box.city ul li .text p {color:#666; line-height:18px;}

/* 美食模組 */
.box.food ul li {clear:both; width:200px; margin:5px auto 0 auto; height:99px; display:block; *margin-top:8px;}
.box.food ul li:first-child {margin:0 auto;}
.box.food ul li .img_div {width:100px; height:90px; display:block; float:left;}
.box.food ul li .text {float:right; width:95px;height:83px; display:block; border-bottom:1px dashed #ccc; padding-bottom:5px;}
.box.food ul li .text h4 {color:#1ea5d9; font-family:"微軟正黑體", "新細明體"; font-size:14px; line-height:20px; margin:0; padding:0;}
.box.food ul li .text p {color:#666; line-height:16px;}
.box.food ul li .text p a {color:#666;}
/* 首頁探索模組scrollber */
#thescroll1 {position:relative; z-index:1; width:229px; height:732px; overflow:hidden; overflow-x:hidden; background:url(../images/tab_bg1_mid.jpg) repeat-y;}
#thescroll1 .scroller { position:relative; height:100%;}
#thescroll1 .customScrollBox .sbcontainer{position:relative; width:220px; top:0; float:left;}
#thescroll1 .customScrollBox .content{clear:both;}
#thescroll1 .scroller ul {width:100%; height:100%; display:block;}
#thescroll1 .dragger_container{position:relative; width:5px; height:732px; float:left; cursor:pointer -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; cursor:s-resize;}
#thescroll1 .dragger{position:absolute; width:5px; height:60px; background:#ccc; text-align:center; line-height:60px; color:#666; overflow:hidden; cursor:pointer; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
#thescroll1 .dragger_pressed{position:absolute; width:6px; margin-left:-1px; height:60px; background:#999; text-align:center; line-height:60px; color:#666; overflow:hidden; -moz-border-radius:5px; -khtml-border-radius:4px; -webkit-border-radius:5px; border-radius:5px; cursor:s-resize;}

/* 閔食特搜模組scrollber*/ 
#thescro222 {position:relative; z-index:1; width:229px; height:732px; overflow:hidden; overflow-x:hidden; background:url(../images/tab_bg1_mid.jpg) repeat-y;}
#thescro222 .scroller { position:relative; height:100%;}
#thescro222 .customScrollBox .sbcontainer{position:relative; width:220px; top:0; float:left;}
#thescro222 .customScrollBox .content{clear:both;}
#thescro222 .scroller ul {width:100%; height:100%; display:block;}
#thescro222 .dragger_container{position:relative; width:5px; height:732px; float:left; cursor:pointer -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; cursor:s-resize;}
#thescro222 .dragger{position:absolute; width:5px; height:60px; background:#ccc; text-align:center; line-height:60px; color:#666; overflow:hidden; cursor:pointer; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
#thescro222 .dragger_pressed{position:absolute; width:6px; margin-left:-1px; height:60px; background:#999; text-align:center; line-height:60px; color:#666; overflow:hidden; -moz-border-radius:5px; -khtml-border-radius:4px; -webkit-border-radius:5px; border-radius:5px; cursor:s-resize;}

/* 會展模組scrollber*/ 
#thescro333 {position:relative; z-index:1; width:650px; height:630px; overflow:hidden; overflow-x:hidden;}
#thescro333 .scroller { position:relative; height:100%;}
#thescro333 .customScrollBox .sbcontainer{position:relative; width:640px; top:0; float:left;}
#thescro333 .customScrollBox .content{clear:both; margin-right:15px}
#thescro333 .scroller ul {width:100%; height:100%; display:block;}
#thescro333 .dragger_container{position:relative; width:5px; height:650px; float:left; cursor:pointer -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; cursor:s-resize;}
#thescro333 .dragger{position:absolute; width:5px; height:60px; background:#ccc; text-align:center; line-height:60px; color:#666; overflow:hidden; cursor:pointer; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
#thescro333 .dragger_pressed{position:absolute; width:6px; margin-left:-1px; height:60px; background:#999; text-align:center; line-height:60px; color:#666; overflow:hidden; -moz-border-radius:5px; -khtml-border-radius:4px; -webkit-border-radius:5px; border-radius:5px; cursor:s-resize;}

/* 城市1模組scrollber*/ 
#thescro444 {position:relative; z-index:1; width:650px; height:630px; overflow:hidden; overflow-x:hidden;}
#thescro444 .scroller { position:relative; height:100%;}
#thescro444 .customScrollBox .sbcontainer{position:relative; width:640px; top:0; float:left;}
#thescro444 .customScrollBox .content{clear:both; margin-right:15px}
#thescro444 .scroller ul {width:100%; height:100%; display:block;}
#thescro444 .dragger_container{position:relative; width:5px; height:650px; float:left; cursor:pointer -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; cursor:s-resize;}
#thescro444 .dragger{position:absolute; width:5px; height:60px; background:#ccc; text-align:center; line-height:60px; color:#666; overflow:hidden; cursor:pointer; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
#thescro444 .dragger_pressed{position:absolute; width:6px; margin-left:-1px; height:60px; background:#999; text-align:center; line-height:60px; color:#666; overflow:hidden; -moz-border-radius:5px; -khtml-border-radius:4px; -webkit-border-radius:5px; border-radius:5px; cursor:s-resize;}

/* 城市2模組scrollber*/ 
#thescro555 {position:relative; z-index:1; width:650px; height:630px; overflow:hidden; overflow-x:hidden;}
#thescro555 .scroller { position:relative; height:100%;}
#thescro555 .customScrollBox .sbcontainer{position:relative; width:640px; top:0; float:left;}
#thescro555 .customScrollBox .content{clear:both; margin-right:15px}
#thescro555 .scroller ul {width:100%; height:100%; display:block;}
#thescro555 .dragger_container{position:relative; width:5px; height:650px; float:left; cursor:pointer -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; cursor:s-resize;}
#thescro555 .dragger{position:absolute; width:5px; height:60px; background:#ccc; text-align:center; line-height:60px; color:#666; overflow:hidden; cursor:pointer; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
#thescro555 .dragger_pressed{position:absolute; width:6px; margin-left:-1px; height:60px; background:#999; text-align:center; line-height:60px; color:#666; overflow:hidden; -moz-border-radius:5px; -khtml-border-radius:4px; -webkit-border-radius:5px; border-radius:5px; cursor:s-resize;}

/* 城市2模組scrollber*/ 
#thescro666 {position:relative; z-index:1; width:650px; height:630px; overflow:hidden; overflow-x:hidden;}
#thescro666 .scroller { position:relative; height:100%;}
#thescro666 .customScrollBox .sbcontainer{position:relative; width:640px; top:0; float:left;}
#thescro666 .customScrollBox .content{clear:both; margin-right:15px}
#thescro666 .scroller ul {width:100%; height:100%; display:block;}
#thescro666 .dragger_container{position:relative; width:5px; height:650px; float:left; cursor:pointer -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; cursor:s-resize;}
#thescro666 .dragger{position:absolute; width:5px; height:60px; background:#ccc; text-align:center; line-height:60px; color:#666; overflow:hidden; cursor:pointer; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
#thescro666 .dragger_pressed{position:absolute; width:6px; margin-left:-1px; height:60px; background:#999; text-align:center; line-height:60px; color:#666; overflow:hidden; -moz-border-radius:5px; -khtml-border-radius:4px; -webkit-border-radius:5px; border-radius:5px; cursor:s-resize;}
/*----------------------------------------------------------------*/
/* 內頁 aside 
/*----------------------------------------------------------------*/
.aside_title { background:url(../images/sub_title1.jpg) no-repeat; width:720px; height:53px; display:block; position:absolute; z-index:10; left:0; top:8px;}
.aside_title.food { background:url(../images/sub_title2.jpg) no-repeat;}
.aside_title.city {
	background-image: url(../images/sub_title5.png);
	background-repeat: no-repeat;
}
.aside_title.travel{background:url(../images/sub_title6.jpg) no-repeat;}
.aside_title.travel h2 span{display:block;line-height:55px;font-size:25px;font-family:"微軟正黑體";font-weight:bold;color:#fff;text-align:center;}
.aside_title.spot_a { background:url(../images/sub_title3.jpg) no-repeat;}
.aside_title.spot_b { background:url(../images/sub_title4.jpg) no-repeat;}
.aside_title h2 span { display:none;}
.aside_bd {background:url(../images/sub_bodybg.png) repeat-y -12px top; margin-top:61px; *top:61px; *position:relative; height:725px; padding-left:1px;}
.aside_ft { clear:both; background:url(../images/sub_ftbg.png) no-repeat center top; width:695px; height:14px; display:block; *top:61px; *position:relative;}

/* 內頁 探索模組 */
.aside_bd.food .thelist {float:left; display:block; height:680; width:708px}
.aside_bd.city .thelist {float:left; display:block; height:680; width:708px}
.aside_bd .thelist li {width:198px; height:340px; margin:0 4px 5px 0; border-top:none; padding:8px 0; background:url(../images/about_itembg.jpg) no-repeat center top; padding:10px 15px; word-break:break-all; text-align:justify; word-wrap:break-word; float:left;
	overflow-y: auto;overflow-x: hidden;}

.aside_bd.city .thelist li.b0 { width:680px;height:366px; margin: 0px 0 3px 7px;padding:0; border-top:none; background-image:none; word-break:break-all; text-align:justify; word-wrap:break-word; float:left;;}

.aside_bd .thelist li p { line-height:18px;}
.aside_bd .thelist li p a {}
.aside_bd .thelist li p a:hover {}

.aside_bd .thelist .itemtitle {padding-left:38px; margin-bottom:8px;}
.aside_bd .thelist .itemtitle h4 {font-size:16px; line-height:16px;}
.aside_bd .thelist .image_frame { margin:0;}
.aside_bd .thelist .image_frame .img_div {}

.aside_bd.city .thelist .itemtitle{ padding-top:8px;margin-bottom:0px;}

.thelist li.a4,
.thelist li.a5,
.thelist li.a6 {margin-bottom:0;}