.ttr-Basic-TextAlignLeft
{
	text-align: left;
}

.ttr-Basic-TextAlignRight
{
	text-align: right;
}

.ttr-Basic-TextAlignCenter
{
	text-align: center;
}

.ttr-Basic-FullWidth
{
	width: 100%;
}

.ttr-SystemBlock1
{
	border: 1px solid #CCC;
	/*
	background: #FFF url(images/boxbg.png) repeat-x top left;
	*/
	background: #FFF url('./images_extra/feature-bg.png') repeat-x bottom left;
	padding: 0px;
	margin-bottom: 8px;
	/*
	min-height: 100px;
	*/
}

.ttr-SystemBlock1 h3,
.ttr-SystemBlock1-header
{
	background: url('./images_extra/sidebarh3.jpg') repeat top left; 
	font: bold 16px "細明體", "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFF;
	/*
	height: 25px;
	line-height: 25px;
	*/
	margin: 6px;
	padding: 2px 0px 2px 5px;
}

.ttr-SystemBlock1-header:hover
{
	background: url('./images_extra/sidebarh3_hover.jpg') repeat top left; 
}

.ttr-SystemBlock1-header > img
{
	padding-right: 2px;
}

.ttr-SystemBlock1 h4
{
	font: normal 18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin: 6px;
	padding: 0px;
}

.ttr-SystemBlock1 ul,
.ttr-SystemBlock1-body
{
	margin: 0px 6px 6px 6px;
	padding: 0px 0px 0px 0px;
	/*
	background-color: #ddffff;
	*/
}

.ttr-SystemBlock1 ul li
{
	list-style: none;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	font: normal 14px "細明體";
	color: black;
	text-align: justify;
	background: url(images/arrow2.png) no-repeat left 5px;
}

.ttr-SystemBlock1 ul ul
{
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
	/*
	background-color: #ffffaa;
	font: normal 10px "細明體";
	border: 1px dashed #00ff00;
	border:none;
	background:none;
	*/
}

.ttr-SystemBlock1 ul li ul li
{
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font: normal 12px "細明體";
	color: red;
	text-align: justify;
	background: url(images/star_full.gif) no-repeat left 5px;
}

.ttr-SystemBox1
{
	/*  
	background: #FFF url(../images/boxbg.png) repeat-x top;
	*/
	background: #FFF url('./images_extra/feature-bg.png') repeat-x bottom left;
	padding: 6px 0px 5px 0px;
	border: 1px solid #CCC;
	margin-bottom: 6px;
	font: 14px "細明體", "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.ttr-SystemBox2
{
	background: #FFFFBB;
	padding: 6px 0px 5px 0px;
	border: 1px solid #CCC;
	margin-bottom: 6px;
	font-size: 14px;
}

.ttr-SearchResulsToolBar1
{
	min-height:25px;
	background: #F5F5F5 url('./images_extra/sec-bg-off.gif') repeat-x bottom left;
	padding: 5px 0px 5px 0px;
	border: 1px solid #CCC;
	margin-bottom: 0px;
	font-size: 14px;
}

.ttr-SearchResulsToolBar2
{
	min-height:25px;
	background: #FFFFBB;
	padding: 5px 0px 5px 0px;
	border: 1px solid #CCC;
	margin-bottom: 0px;
	font-size: 14px;
}

.ttr-SearchResulsListing1
{
	background: #FFFFFF;
	padding: 1px 3px 1px 1px;
	border: 1px solid #CCCCCC;

	/*
	border-top   : 1px solid #CCCCCC;
	border-bottom: 0px solid #CCCCCC;
	border-left  : 1px solid #CCCCCC;
	border-right : 1px solid #CCCCCC;
	*/
}

.ttr-SearchResulsListing1 ul
{
	list-style-type: none;
}

.ttr-SearchResulsListing1 li
{
	font-size: 14px;
}

.ttr-Table00
{
	width: 100% !important;
	border: none !important;
}

.ttr-Table00 td
{
	border: none !important;
}

.ttr-Table01
{
	width: 100%;
	border: 1px solid #CCCCCC;
	/*
	border: 1px solid #FF0000;
	padding-bottom: 12px;
	padding: 2px 2px 2px 2px;
	*/
	font-family: 標楷體;
	border-collapse: collapse;
}

.ttr-Table01-trHeader
{
	background: #AAEEAA;
	height: 30px;
	padding:1px;
	margin:1px;
	font-family: 標楷體;
	font-size: 14px;
	text-align: center;
	vertical-align: middle;
}

.ttr-Table01-trHeader th
{
	/*
	border: 1px solid #CCCCCC;
	*/

	padding: 0px;
}

.ttr-Table01 tbody
{

}

.ttr-Table01-trData0
{
	vertical-align: center;
	background-color: #E0E9E1;
	font-family: 細明體;
	height: 30px;
}

.ttr-Table01-trData0:hover
{
	background-color: #FFFFCC;
}

.ttr-Table01-trData0 td
{
	/*
	border: 1px solid #CCCCCC;
	padding: 10px 0px 5px 2px;
	*/
}

.ttr-Table01-trData1
{
	vertical-align: center;
	background-color: #F0F9F1;
	font-family: 細明體;
	height: 30px;
}

.ttr-Table01-trData1:hover
{
	background-color: #FFFFCC;
}

.ttr-Table01-trData1 td
{
	/*
	border: 1px solid #CCCCCC;
	padding: 10px 0px 5px 2px;
	*/
}

.ttr-Table01-trData2
{
	vertical-align: center;
	background-color: #FFFF99;
	font-family: 細明體;
	height: 30px;
}

.ttr-Table01-trData2 td
{
	/*
	border: 1px solid #CCCCCC;
	padding: 10px 0px 5px 2px;
	*/
}

.ttr-Table01-trData3
{
	vertical-align: center;
	background-color: #CCE7EC;
	font-family: 細明體;
	height: 30px;
}

.ttr-Table01-trDataO
{
	vertical-align: center;
	background-color: #E0E9E1;
	font-family: 細明體;
	height: 30px;
}

.ttr-Table01-trDataX
{
	vertical-align: center;
	background-color: #FFD7DA;
	font-family: 細明體;
	height: 30px;
}

.ttr-下拉選單_最寬
{
	width: 100%;			
	font-family: 細明體;
	position: relative;		border: 1px solid #C0B6BB;		background-color: #FFFFFF;
	padding-top: 0px;		padding-left: 0px;				height: 25px;
	font-size: 1.0em;
}

.ttr-下拉選單_變寬
{
	position: relative;		border: 1px solid #C0B6BB;		background-color: #FFFFFF;
	padding-top: 0px;		padding-left: 0px;				height: 24px;
	font-size: 1.0em;
}

.ttr-下拉選單_變寬2
{
	position: relative;		background-color: #00CCCC;
	border-style: solid;	border-width: 3px;
	padding-top: 0px;		padding-left: 0px;
	font-size: 1.0em;
}

.ttr-方塊_最寬
{
	font-size: 1.0em;
	width: 99%;				overflow: auto;
	position: relative;		text-align: left;
	margin: 3px 0px 3px 1px;
	}

.ttr-輸入框
{
	font-size: 1.0em;
	font-family: 細明體;
	padding: 14px 0px 0px 0px;
	position: relative;
	border: 1px solid #C0B6BB;
	background-color: #FFFF00;
}

.ttr-輸入框50
{
	width: 50px !important;
	font-size: 1.0em;
	font-family: 細明體;
	padding: 14px 0px 0px 0px;
	border: 1px solid #C0B6BB;
	background-color: #FFFF00;
}

.ttr-輸入框100
{
	width: 100px !important;
	font-size: 1.0em;
	font-family: 細明體;
	padding: 14px 0px 0px 0px;
	border: 1px solid #C0B6BB;
	background-color: #FFFF00;
}

.ttr-輸入框200
{
	width: 200px !important;
	font-size: 1.0em;
	font-family: 細明體;
	padding: 14px 0px 0px 0px;
	border: 1px solid #C0B6BB;
	background-color: #FFFF00;
}

.ttr-輸入框_最寬
{
	font-size: 1.0em;
	font-family: 細明體;
	width: 100%;
	padding: 14px 0px 0px 0px;
	position: relative;
	border: 1px solid #C0B6BB;
	background-color: #FFFF00;
}

.ttr-選擇檔案
{
	width: 200px;
	border: 1px solid #ff0000;
	position:absolute;
	opacity:0;
	filter:alpha(opacity=0);
}

.ttr-檔案名稱
{
	width: 200px !important;
	font-size: 1.0em;
	font-family: 細明體;
	padding: 14px 0px 0px 0px;
	border: 1px solid #C0B6BB;
	background-color: #FFFF00;
}

.ttr-上傳框_最寬_置左
{
	width: 100%;
	height: 1.6em;
	position: relative;
	border: 1px solid #C0B6BB;
	text-align: left;
}

.ttr-選單路徑
{
	margin: 6px;
	padding: 5px;
	border: 1px solid #CCC;
	text-align: left;
	background-image: url('./images/sidebar_bg.png');
}

/* This is where you can customize the appearance of the tooltip */
div#tipDiv
{
	position:absolute; visibility:hidden;
	left:0; top:0; z-index:1000;
	
	padding:3px; font-size:11px;
	background-color:#dee7f7; border:1px solid #336;
}

/* 2014 */

input[disabled]
{
	color: #CCCCCC !important;
}

/** 滑動選單 **/
#ttr-floatingMenu-top, #ttr-floatingMenu-ft, #ttr-floatingMenu-ct
{
	position:relative;
	cursor:pointer;
	height:40px;
	width:25px;
}

#ttr-floatingMenu-top
{
	background:url('./images_extra/roll.png') no-repeat;
}

#ttr-floatingMenu-ft
{
	background:url('./images_extra/roll.png') no-repeat 0 -80px;
}

#ttr-floatingMenu-ct
{
	background:url('./images_extra/roll.png') no-repeat 0 -40px;
}
	
#ttr-floatingMenu-roll
{
	display:block;
	width:25px;
	margin-right:-516px;
	position:fixed;
	right:50%;
	top:40%;
}

#ttr-floatingMenu-top-bar
{
	width:978px;					/* totoro: 要跟 .art-sheet 的 width 一致 (減2) */
	height:109px;					/* totoro: 參考 ul.art-hmenu>li>a 加上 .art-header 的高度 */
	position:fixed;
	top:-200px;

	z-index:9999;					/* totoro: 設定此圖層為最高, 避免被覆蓋 */
	
	/* CSS3 陰影*/
	-webkit-box-shadow: 0px 5px 15px #333;
	-moz-box-shadow: 0px 5px 15px #333;
	box-shadow: 0px 5px 15px #333;
}

#ttr-floatingMenu-head
{
	background: #FFFFFF;
	background-image: url('images/header.png');			/* totoro: 參考 .art-header */
	height: 81px;										/* totoro: 參考 .art-header */
}

#ttr-floatingMenu-menu
{
	/* totoro: 以下參考 .art-nav */
	background: #1D3644;
	background: linear-gradient(top, #203C4B 0, #2F596F 15%, #234252 50%, #12222B 50%, #1D3644 100%) no-repeat;
	background: -webkit-linear-gradient(top, #203C4B 0, #2F596F 15%, #234252 50%, #12222B 50%, #1D3644 100%) no-repeat;
	background: -moz-linear-gradient(top, #203C4B 0, #2F596F 15%, #234252 50%, #12222B 50%, #1D3644 100%) no-repeat;
	background: -o-linear-gradient(top, #203C4B 0, #2F596F 15%, #234252 50%, #12222B 50%, #1D3644 100%) no-repeat;
	background: -ms-linear-gradient(top, #203C4B 0, #2F596F 15%, #234252 50%, #12222B 50%, #1D3644 100%) no-repeat;
	background: linear-gradient(top, #203C4B 0, #2F596F 15%, #234252 50%, #12222B 50%, #1D3644 100%) no-repeat;
	-svg-background: linear-gradient(top, #203C4B 0, #2F596F 15%, #234252 50%, #12222B 50%, #1D3644 100%) no-repeat;
	/* totoro: 以上參考 .art-nav */

	width:978px;					/* totoro: 要跟 .art-sheet 的 width 一致 (減2) */
	margin:0 auto;
	line-height:28px;				/* totoro: 參考 ul.art-hmenu>li>a */
}

#ttr-floatingMenu-menu b,
#ttr-floatingMenu-menu a
{
	font-size: 16px;
	color:#B6D9EC;					/* totoro: 參考 ul.art-hmenu>li>a */
	padding:0 8px;					/* totoro: 參考 ul.art-hmenu>li>a */
}

#ttr-floatingMenu-menu>ul.art-hmenu>li>ul>li>a		/* totoro: 第二層選單 */
{
	/* totoro: 以下參考 .art-hmenu ul a */
	display: block;
	white-space: nowrap;
	height: 29px;
	min-width: 7em;
	border: 0 solid transparent;
	text-align: left;
	line-height: 29px;
	color: #133649;
	font-size: 12px;
	font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
	text-decoration: none;
	margin:0;
	/* totoro: 以上參考 .art-hmenu ul a */
}

#ttr-floatingMenu-menu>ul.art-hmenu li ul *			/* totoro: 第三層選單 */
{
	font-size: 12px;
	color:#0000FF;
}

.ttr-漂浮圖層
{
	background: #FFF url('./images_extra/feature-bg.png') repeat-x bottom left;
	padding: 8px 8px 0px 8px;
	border: 1px solid #CCC;
	margin-bottom: 8px;
	font-size: 12px; 
}

.ttr-QRMenuNull
{
	border-top: 1px solid #CCCCCC;
}

.ttr-QRMenuHead
{
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	background: #B9DCFF;
	padding: 3px 0px 3px 5px;
}

.ttr-QRMenuHead:hover
{
	background: #359AFF;
	cursor: pointer;
}

.ttr-QRMenuBody
{
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	padding: 3px 2px 3px 2px;
	background: #D2FFFF;
}

/*
.ttr-QRMenuBody:hover
{
	background: #FDFEDE;
	cursor: pointer;
}
*/

.ttr-QRMenuItem
{
	border-bottom: 1px dashed #CCCCCC;
	background: #D2FFFF;
}

.ttr-QRMenuItem:hover
{
	background: #FDFEDE;
	cursor: pointer;
}