body
{
	margin:0;
}

.layout
{
    max-width:320px; min-width:210px; position:relative; margin:0px auto; padding-bottom:30px;
}

.bg
{
	background:url(/images/Mobile/bg.jpg) repeat-x left top; 
	width:100%; 
	height:53px; 
	position:absolute; 
	left:0%; 
	top:0%; 
	z-index:0;
}

.titleBlock
{
	position:relative; z-index:1; left:0%; width:100%; 
}
.titleBlock img { vertical-align:top; border:none; }

.content { position:relative; width:100%; margin:0px;}

/** 選單區域 **/
.menuList
{
   position:relative;
   margin:10px auto;
   width:210px;
}

.menuList ul 
{
   list-style:none none outside;
   margin:0px auto;
   padding:0px;
   width:100%;
   display:table;
}

.menuList ul li { float:left; padding:0px; margin:0px; text-align:center; }

/*** 最新消息區域 ***/
.hotNewsBlock { position:relative; width:100%; margin:0px auto; clear:both; }
.hotNewsTitle { text-align:left; vertical-align:top; border-bottom:1px dashed #bbb; margin:0 0 5px 0;}
.hotNewsBlock ul { list-style:none none outside; margin:0px; padding:0px; }
.hotNewsBlock ul li {  font-size:.95em; font-family:Tahoma, 新細明體, Arial; color:#666; }
.hotNewsBlock ul li.newsDate  
{
	padding:5px 0px; 
	font-size:.8em;
	color:#999;
	font-weight:bold;
}
.hotNewsBlock ul li.titleText  
{
    padding:0 5px;
    margin:0 0 10px 0;
}

.hotNewsBlock a:link, .hotNewsBlock a:visited { color:#333; text-decoration:none; width:100%;  } 
.hotNewsBlock a:hover, .hotNewsBlock a:active { color:#BE6100; } 

.hotNewsBlock ul li span { color:#FFF; font-size:.95em; font-weight:normal; padding:2px; margin:0 5px;}
.hotNewsBlock ul li span.cgy1 { background-color:#BE0200; }
.hotNewsBlock ul li span.cgy2 { background-color:#009EA0; }
.hotNewsBlock ul li span.cgy3 { background-color:#888917; }
.hotNewsBlock ul li span.cgy4 { background-color:#174F89; }
.hotNewsBlock ul li span.cgy5 { background-color:#4F8917; }

/*** 按鈕區域 ***/
.buttonBlock
{
    clear:both;
    position:fixed;
	bottom:0px;
	height:30px;
    width:100%;
    background-color:#ddd;
    border-top:1px dashed #aaa;
    margin-top:-26px;
    padding:2px 0 0 0;
}
.buttonBlock ul { list-style:none none outside; margin:0px; padding:0px; }
.buttonBlock ul li { display:inline; margin:0px; vertical-align:middle; }
.buttonBlock a:link, .buttonBlock a:visited { color:#333; text-decoration:none; font-size:.8em; font-weight:bold; } 
.buttonBlock a:hover, .buttonBlock a:active { color:#BE6100; } 


/*** 圖片外框 (Templates/ImageFrame.html) ***/
imageFrameBlock { margin:auto auto;}

.imageFrameTable
{
    border: none;
    width: 1%;
    height:1%;
    display:inline;
}

.imageFrame_top {
	background:url(/images/Mobile/border_02.jpg) repeat-x bottom left;
}

.imageFrame_right {
	background:url(/images/Mobile/border_06.jpg) top left repeat-y;
}

.imageFrame_bottom {
	background:url(/images/Mobile/border_08.jpg) repeat-x;
}

.imageFrame_left {
	background:url(/images/Mobile/border_04.jpg) top right repeat-y;
}

.imageFrame_center {
	background:#fff;
}

/***綜合訊息內容頁 ***/
.newsTitle
{
    color:#174F89;
    font-weight:bold;
    margin:10px;
    font-size:.95em;
    line-height:150%;
    font-family:Tahoma, Arial;
}

.NewsImage { margin:5px auto; position:relative; width:200px; }

.newsContent
{
    clear:both;
    font-size:.95em;
    line-height:150%;
    font-family:Tahoma, Arial;
    padding:0 5px;
    margin:5px auto;
}

.newsFiles
{
    clear:both;
    font-size:.8em;
    margin:30px auto 0 auto;
    color:#666;
}

/*** 遊憩景點 ***/
.scenicBlock { }
.scenicBlock2 {  }
.scenicTitle { text-align:left; vertical-align:top; border-bottom:1px dashed #bbb; margin:0 0 5px 0; }
.scenicZone
{
    background:url(/images/Mobile/pic-route.gif) no-repeat left top; 
    *background:url(/images/Mobile/pic-route.gif) no-repeat left 3px; 
    padding-left:12px;
    vertical-align:bottom;
    font-weight:bold;
    color:#174F89;
} 
.scenicBlock ul, .scenicBlock ul[name="slist"]  { list-style:none; padding:0px; margin:10px auto; width:100% }
.scenicBlock ul li { background:url(/images/Mobile/pic-route.gif) no-repeat left center; padding-left:12px; margin:5px 0; clear:left; position:relative; display:table; min-width:200px; width:90%;}
.scenicBlock ul li.scenicItem, .scenicBlock ul li.scenicItem2 { background-image:none; padding:5px; margin:10px 5px; background-color:#fff; min-height:70px; }
.scenicBlock ul li.scenicItem2 {  border:1px solid #DDDF39; background-color:#FFFFEB;  }
.scenicBlock ul li div 
{
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#E5FFCD', strength='2', direction='270');
    text-shadow: #E5FFCD 0px 0px 3px;
}
.scenicBlock ul li div[name="img"] { float:left; width:90px; position:relative; vertical-align:top; }
.scenicBlock ul li div[name="note"] { font-size:.8em; color:#666; text-shadow:none;  filter:none; vertical-align:middle;}
.scenicBlock ul li div[name="note"] b{ font-size: 1.2em; color:#000;}
.scenicBlock ul li a:link, .scenicBlock ul li a:visited { text-decoration:none; color:#376938; font-family:Tahoma, Arial, 新細明體; letter-spacing:.1em; }
.scenicBlock ul li a:hover, .scenicBlock ul li a:active  
{
    text-decoration:none; color:#BE6100; 
}

.scenicName
{
    clear:both;
   margin:0 0 0 15px;
   font-size:1.4em;
   font-weight:bold;
   font-family:Tahoma, Arial, 新細明體; 
   letter-spacing:.2em;
}

.scenicName span
{
    font-size:.6em;
    font-weight:normal;
    color:#00A002;
}

.scenicBlock2 dl[name="basic"] { margin:10px 0 0 15px; }
.scenicBlock2 dl[name="basic"] dt, .scenicBlock2 dl[name="basic"] dt[name="deline"]
{
    float:left; 
    clear:left;
    display:table; 
    width:70px;
    background:url(/images/Mobile/point.gif) no-repeat 2px center; 
    padding-left:14px;
    font-size:.8em;
    font-weight:bold;
    color:#174F89;
    line-height:180%;
    vertical-align:top;
}
.scenicBlock2 dl[name="basic"] dt[name="deline"] { float:none; background: url(/images/Mobile/tip.png) no-repeat left 4px;}
.scenicBlock2 dl[name="basic"] dt[name="info"]   { float:none; background: url(/images/Mobile/info.gif) no-repeat left 4px;}
.scenicBlock2 dl[name="basic"] dd
{
    display:table; 
    font-size:.95em;
    line-height:160%;
    margin:0 0 0 12px;
}

.scenicBlock2 dl[name="basic"] dd[name="item"] { margin:0 0 15px 12px; }
.scenicBlock2 dl[name="basic"] dd[name="pic"] { margin:0 0 15px 0; }

.scenicImage { position:relative; display:table; margin:10px auto; width:200px; min-height:200px; }
.scenicFunc { display:table; min-width:210px; width:80%; margin:10px auto 20px auto; }
.scenicFunc ul
{
    list-style:none;
    font-family:Tahoma, Arial, 新細明體;
    font-size: .8em;
    margin:auto auto;
    padding:0px;
}
.scenicFunc ul li { text-align:center; float:left; text-align:center; width:60px; padding:2px; background-color:#eee; border:1px ridge #ddd;}
.scenicFunc ul li.selected  
{
    border:1px solid #ddd;
    background-color:#1B5DA3;
    color:#FFF;
}

.scenicFunc ul li.hover  
{
    background-color:#EBF5FF;
    border:1px solid #007AFA;
}

.scenicFunc img { vertical-align:middle; margin-bottom: 3px; border:none; }
.scenicFunc a:link,.scenicFunc a:active,.scenicFunc a:hover,.scenicFunc a:visited { color:#FFF; text-decoration:none;}


/*** 步道探訪 ***/
.trailBlock { }
.trailTitle, .trailTitle2 { text-align:left; vertical-align:top; border-bottom:1px dashed #bbb; margin:0 0 5px 0; }
.trailTitle2 { background:url(/images/Mobile/title_06.gif) no-repeat left center; height:70px;  text-align:right;}

.trailBlock ul li.type, .trailBlock ul li.typeOver
{
    text-align:center;
    margin:10px auto;
    background-color:Transparent;
    border:none;
    line-height:200%;
    width:65%;
}
.trailBlock ul li.typeOver { background-color:#EBF5FF; border:1px solid #398ADF; }

.trailBlock a[name="help"], .trailBlock a[name="type1"], .trailBlock a[name="type2"], .trailBlock a[name="type3"]
{
     letter-spacing:.2em;
     background:url(/images/Mobile/help.png) no-repeat left center; 
     padding:7px 0 7px 28px;
     color:#FA8000;
}

/** 分類與內容標題 **/
.trailHelp, .trailType1, .trailType2, .trailType3
{
    background:url(/images/Mobile/help.png) no-repeat left center;
    margin:15px 8px 0 0;
    padding:10px 0 10px 25px;
    display:block;
    width:110px;
    position:absolute;
    right:0px;
    vertical-align:middle;
    font-weight:bold;
    color:#174F89;
} 

.trailBlock a[name="type1"], .trailType1 { background:url(/images/Mobile/tagG.png) no-repeat left center; } 
.trailBlock a[name="type2"], .trailType2 { background:url(/images/Mobile/tagB.png) no-repeat left center; } 
.trailBlock a[name="type3"], .trailType3 { background:url(/images/Mobile/tagO.png) no-repeat left center; } 

.trailBlock ul li.type a:link, .trailBlock ul li.type a:visited, .trailBlock ul li.type a:hover, .trailBlock ul li.type a:active
 { text-decoration:none; color:#174F89; font-weight:bold; }
.trailBlock ul li.typeOver a:link, .trailBlock ul li.typeOver a:visited, .trailBlock ul li.typeOver a:hover, .trailBlock ul li.typeOver a:active
{ text-decoration:none; color:#BE0200; font-weight:bold; }

.trailBlock dl[name="readme"] { margin:auto auto; }
.trailBlock dl[name="readme"] dt
{
    background:url(/images/Mobile/tagG.png) no-repeat left center;
    margin:20px 0 0 5px;
    padding:5px 0 3px 26px;
    border-bottom:3px double #ccc;
    width:200px;
    color:#174F89;
    font-weight:bold;
}
.trailBlock dl[name="readme"] dt[name="t1"] { background:url(/images/Mobile/tagB.png) no-repeat left center; }
.trailBlock dl[name="readme"] dt[name="t2"] { background:url(/images/Mobile/tagO.png) no-repeat left center; }
.trailBlock dl[name="readme"] dt[name="t3"] { background:url(/images/Mobile/tagR.png) no-repeat left center; }
.trailBlock dl[name="readme"] dd { margin:0px 5px; padding:0px; }
.trailBlock dl[name="readme"] ul  { list-style:decimal none outside; margin:5px 0 5px 25px; padding:0px; font-family:Tahoma, Arial, 新細明體; }
.trailBlock dl[name="readme"] ul li{  padding:3px 0; font-size:.95em; color:#333; letter-spacing:.1em; }

/*** 步道列表 ***/
.trailBlock ul[name="tlist"]  { list-style:none; padding:0px; margin:10px auto; width:100% }
.trailBlock ul li div[name="img"] { float:left; width:90px; position:relative; vertical-align:top; }
.trailBlock ul li div[name="note"] { font-size:.8em; color:#666; text-shadow:none;  filter:none; vertical-align:middle;}
.trailBlock ul li div[name="note"] b{ font-size: 1.2em; color:#000;}
.trailBlock ul li a:link, .trailBlock ul li a:visited { text-decoration:none; color:#376938; font-family:Tahoma, Arial, 新細明體; letter-spacing:.1em; }
.trailBlock ul li a:hover, .trailBlock ul li a:active  
{
    text-decoration:none; color:#BE6100; 
}

.trailBlock ul li.trailItem, .trailBlock ul li.trailItem2 { background-image:none; padding:5px; margin:10px 5px; background-color:#fff; min-height:90px; }
.trailBlock ul li.trailItem2 {  border:1px solid #87EAEB; background-color:#EBFFFF;  }
.trailBlock ul li div 
{
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#E5FFCD', strength='2', direction='270');
    text-shadow: #E5FFCD 0px 0px 3px;
}

.trailName
{
    clear:both;
   margin:0 0 0 15px;
   font-size:1.4em;
   font-weight:bold;
   font-family:Tahoma, Arial, 新細明體; 
   letter-spacing:.2em;
}

.trailName span
{
    font-size:.6em;
    font-weight:normal;
    color:#00A002;
}

.trailBlock dl[name="basic"] { margin:10px 0 0 15px; }
.trailBlock2 dl[name="basic"] dt, .trailBlock2 dl[name="basic"] dt[name="deline"]
{
    float:left; 
    clear:left;
    display:table; 
    width:70px;
    background:url(/images/Mobile/point.gif) no-repeat 2px center; 
    margin:0 5px;
    padding-left:14px;
    font-size:.8em;
    font-weight:bold;
    color:#174F89;
    line-height:180%;
    vertical-align:top;
}
.trailBlock2 dl[name="basic"] dt[name="nofloat"] { float:none; }
.trailBlock2 dl[name="basic"] dt[name="deline"] { float:none; background: url(/images/Mobile/tip.png) no-repeat left 4px;}
.trailBlock2 dl[name="basic"] dt[name="info"]   { float:none; background: url(/images/Mobile/info.gif) no-repeat left 4px;}
.trailBlock2 dl[name="basic"] dd
{
    display:table; 
    font-size:.95em;
    line-height:160%;
    margin:0 0 10px 12px;
}

.trailBlock2 dl[name="basic"] dd[name="item"] { margin:0 0 15px 12px; }
.trailBlock2 dl[name="basic"] dd[name="pic"] { margin:0 0 15px 12px; min-height:100px; }


a.trailMap:link, a.trailMap:visited  
{
    background:url(/images/Mobile/map.png) no-repeat left center; 
    padding:8px 0 8px 35px;
    text-decoration:none;
    color:#DC0300;
    letter-spacing:.1em; 
}
a.trailMap:hover, a.trailMap:active { color:#895117; letter-spacing:.1em; }