@import url("reset.css");

/* 去除a連結框線 */
a{ outline: 0; *blr:expression(this.onFocus=this.blur());}
/* 連結顏色 */

html { }

body
{
	margin:0 auto;
	padding:0 auto;
    color:#222222;	
    font:13px/1.231 '微軟正黑體','蘋果正黑體',arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;
    letter-spacing:0.5px;
    background-color:#f6f6f6;
}

body a:link { color:#333333;text-decoration:none; }
body a:visited {color:#333333;text-decoration:none; }
body a:hover { color:#7d283d;text-decoration:underline; }
body a:active { color:#7d283d;text-decoration:none; }

/* 基本容器 */
#header_welcome_container
{
	height:140px;
}

#header_welcome_container_v3
{
	height:98px;
}

#header_container
{
	height:140px;
}

#header_welcome_container_v3
{
	height:100px;
}

#header_container_v3
{
	height:100px;
}

#menu_container
{
	height:31px;
}

.content_container
{
	
}

#footer_container
{
}

/* 包裝容器 */
#header_welcome_wrapper
{
	width:1000px;
	height:140px;
	display:block;
	margin:0 auto;
	background:url(../img/content_wrapper_bg.png) left top repeat-y;
}

#header_welcome_wrapper_v3
{
	width:1000px;
	height:98px;
	display:block;
	margin:0 auto;
	background:url(../img/content_wrapper_bg.png) left top repeat-y;
}

#header_welcome_wrapper_v3
{
	width:1000px;
	height:100px;
	display:block;
	margin:0 auto;
	background:url(../img/content_wrapper_bg.png) left top repeat-y;
}

#header_wrapper
{
	width:1000px;
	height:140px;
	display:block;
	margin:0 auto;
	background:url(../img/content_wrapper_bg.png) left top repeat-y;	
}

#header_wrapper_v3
{
	width:1000px;
	height:100px;
	display:block;
	margin:0 auto;
	background:url(../img/content_wrapper_bg.png) left top repeat-y;	
}

#menu_welcome_wrapper
{
	width:960px;
	padding:0px 20px;
	height:31px;
	display:block;	
	margin:0 auto;	
	background:url(../img/menu_welcome_wrapper_bg.png) left top repeat-y;
}

#menu_wrapper
{
	width:960px;
	padding:0px 20px;
	height:31px;
	display:block;	
	margin:0 auto;	
	background:url(../img/menu_wrapper_bg.png) left top repeat-y;	
}

.content_wrapper
{
	width:1000px;
	display:block;	
	margin:0 auto;
	background:url(../img/content_wrapper_bg.png) left top repeat-y;	
}

#footer_wrapper
{
	width:1000px;
	display:block;		
	margin:0 auto;	
	background:url(../img/content_wrapper_bg.png) left top repeat-y;		
}

#footer_copyright_wrapper
{
	display:block;	
	margin:0 auto;	
	padding:12px 0 20px 0;
	text-align:center;	
}

/* 內容容器 */
#header_welcome_main
{
	/* 節慶使用
	background:url(../img/header_welcome_main_bg_2011xmas.png) no-repeat;
	*/
	background:url(../img/header_welcome_main_bg.png) no-repeat;
	width:960px;
	height:142px;
	display:block;
	margin:0 20px;
}
#header_welcome_main_v3
{
	background:url(../img/header_welcome_main_bg_v3.png) no-repeat;
	width:960px;
	height:100px;
	display:block;
	margin:0 20px;
}
#header_main
{
	background:url(../img/header_main_bg.png) no-repeat;
	width:960px;
	height:140px;
	display:block;
	margin:0 20px;
}

#header_main_v3
{
	background:url(../img/header_main_bg_v3.png) no-repeat;
	width:960px;
	height:100px;
	display:block;
	margin:0 20px;
}

.menu_welcome_main
{
	/*font-size:1.23em;*/
	font-size:16px;
	line-height:31px;
}

.menu_welcome_main li
{
	padding:0 10px;
	float:right;
}

.menu_welcome_main li:hover { background:url(../img/menu_welcome_select_bg.png) repeat-x; }
.menu_welcome_main li a{  padding-left:18px; }
.menu_welcome_main li a:link { text-decoration:none;  color:#5a6803; }
.menu_welcome_main li a:visited { text-decoration:none;  color:#5a6803; }
.menu_welcome_main li a:hover { text-decoration:none;  color:#04271e; }
.menu_welcome_main li a:active { text-decoration:none;  color:#5a6803; }

.menu_welcome_main li .search { background:url(../img/icon_style1/magnifying_glass_16x16_orange.png) left 3px no-repeat; }
.menu_welcome_main li .search:hover { background:url(../img/icon_style1/magnifying_glass_16x16_green.png) left 3px no-repeat; }
.menu_welcome_main li #analytics { background:url(../img/icon_style1/tag_stroke_16x16_orange.png) left 3px no-repeat; }
.menu_welcome_main li #analytics:hover { background:url(../img/icon_style1/tag_stroke_16x16_green.png) left 3px no-repeat; }
.menu_welcome_main li #highedu { background:url(../img/icon_style1/book_alt_16x16_orange.png) left 2px no-repeat; }
.menu_welcome_main li #highedu:hover { background:url(../img/icon_style1/book_alt_16x16_green.png) left 2px no-repeat; }
.menu_welcome_main li #about { background:url(../img/icon_style1/tag_stroke_16x16_orange.png) left 3px no-repeat; }
.menu_welcome_main li #about:hover { background:url(../img/icon_style1/tag_stroke_16x16_green.png) left 3px no-repeat; }
.menu_welcome_main li #home { background:url(../img/icon_style1/home_16x16_orange.png) left 2px no-repeat; }
.menu_welcome_main li #home:hover { background:url(../img/icon_style1/home_16x16_green.png) left 2px no-repeat; }

.menu_main
{
	/*font-size:1.15em;*/
	font-size:13px;
	line-height:31px;
}

.menu_main li
{
	float:right;
}

.menu_main li:hover { background:url(../img/menu_select_bg.png) repeat-x; }
.menu_main li a { padding:3px 12px; }
.menu_main li a:link { text-decoration:none; 	color:#9e3b12;}
.menu_main li a:visited { text-decoration:none; color:#9e3b12;}
.menu_main li a:hover { text-decoration:none;  color:#FFF;}
.menu_main li a:active { text-decoration:none;  	color:#9e3b12;}

.menu_main .onselect { background:url(../img/menu_select_bg.png) repeat-x; }
.menu_main .onselect a:link { text-decoration:none; 	color:#FFF;}
.menu_main .onselect a:visited { text-decoration:none; color:#FFF;}
.menu_main .onselect a:hover { text-decoration:none;  color:#FFF;}
.menu_main .onselect a:active { text-decoration:none;  	color:#FFF;}

.menu_main .system { background:url(../img/menu_select_system_bg.png) repeat-x; }
.menu_main .system a:link { text-decoration:none; 	color:#FFF;}
.menu_main .system a:visited { text-decoration:none; color:#FFF;}
.menu_main .system a:hover { text-decoration:none;  color:#FFF;}
.menu_main .system a:active { text-decoration:none;  	color:#FFF;}

.onpreview
{
	font-weight:normal;
	color:#DEDEDE;	
	background:url(../img/menu_preview_bg.png) center 0px no-repeat ;		
}

#content_subnavi_preview
{
	margin:0 20px;	
	padding:10px 40px;	
	/*background-color:#f4e3e7;*/
	background:url(../img/preview_gradient_shadow.gif) bottom repeat-x;
	border-bottom:1px solid #E0E0E0;
	overflow:auto;	
	display:none;	
}

#content_subnavi_preview ul
{
	display:none;
}

#content_subnavi_preview ul li
{
	margin:5px 35px 5px 0;
	list-style:square;
	list-style-position:inside;	
	float:left;	
}

#content_subnavi
{
	margin:0 20px;	
	padding:7px 40px;	
	background-color:#ececec;
	border-bottom:1px solid #E0E0E0;
	overflow:auto;
	display:none;
}

#content_subnavi ul
{
	display:none;
}

#content_subnavi ul li
{
	margin:3px 5px 3px 0;
	list-style-position:inside;	
	border-left:1px solid #333;
	padding-left:10px;
	float:left;	
}

.clscnt
{
	margin-left:2px;
	padding:0 3px 0 2px;
	line-height:1em;
	color:#888;
}

.clscnt_small
{
	margin-left:3px;
	padding:0 3px 0 2px;
	line-height:1em;
	font-size:0.85em;
	background-color:#F8F8FF;
	color:#D4A3B1;
}

#content_main
{
	margin:0 20px;
	padding:10px 20px 0 20px;
	min-height:600px;
}

#footer_main
{
	background:url(../img/footer_welcome_main_bg.png) no-repeat;	
	width:1000px;
	display:block;
}

/* */
.SiteNavi, .SiteNavi_welcome
{
	float:right;
	margin:2px 10px 0 0;
	width:950px;
	font-size:14px;
}

.SiteNavi_welcome li
{
	float:right;
	color:#006090;
	margin-left:10px;
}

.SiteNavi_welcome li a:link { text-decoration:none; color:#006090; }
.SiteNavi_welcome li a:visited { text-decoration:none; color:#006090; }
.SiteNavi_welcome li a:hover { text-decoration:none;  color:#006090; }
.SiteNavi_welcome li a:active { text-decoration:none;  color:#006090; }

.SiteNavi li
{
	float:right;
	color:#a4aa07;	
	margin-left:10px;
}

.SiteNavi li a:link { text-decoration:none; color:#a4aa07; }
.SiteNavi li a:visited { text-decoration:none; color:#a4aa07; }
.SiteNavi li a:hover { text-decoration:none;  color:#a4aa07; }
.SiteNavi li a:active { text-decoration:none;  color:#a4aa07; }

.ir
{
	background:url(../img/icon_style1/ir.png) 0px center no-repeat ;		
	padding-left:39px;
}

.ir:hover
{
	background:url(../img/icon_style1/ir_hover.png) 0px center no-repeat ;			
}

.SystemGuide
{
	margin:0 20px 20px 40px;	
	background-color:#F8F8FF;
	border:1px solid #E0E0FF;
	padding:10px 10px 5px 10px;
}

.SystemGuide ul
{
	margin:10px 20px 0px 30px;
	color:#333;
}

.SystemGuide ul li
{
	line-height:1.5em;
	margin-bottom:10px;
}

.SystemGuide ul li img
{
	height:16px;
	vertical-align:middle;
}

.SystemGuide ul li span
{
	vertical-align:middle;
}

.SystemGuide ul li span .clscnt_sample
{
	background-color:#E9D5DA;
	color:#96394F;
	padding:0 2px;
}

.x_buttom_style1
{
	width:110px;
	height:30px;
	background:url(../img/form_button.png) 0px 0px no-repeat;
	border:0px;
	cursor:pointer;
}

.x_buttom_style1:hover
{
	background:url(../img/form_button.png) 0px -30px no-repeat;	
}
.buttom_style1
{
	width:110px;
	height:30px;
	background:url(../img/form_button.png) 0px 0px no-repeat;
	border:0px;
	cursor:pointer;
	margin-bottom: 0.5em;
}

.buttom_style1:hover
{
	background:url(../img/form_button.png) 0px -30px no-repeat;	
}


.x_pager_style1
{
	margin:6px 0 10px 0;
	text-align:right;
}

.x_pager_style1 span
{
	margin-left:8px;
	color:#006090;
}

.x_pager_style1 span a
{
	padding:0 3px;
	border:1px solid #97ae05;
	border-radius:5px;
	background-color:#fefefe;	
}

.x_pager_style1 a:link{ text-decoration:none; color:#97ae05;}
.x_pager_style1 a:visited{ text-decoration:none; color:#97ae05;}
.x_pager_style1 a:hover{ text-decoration:none; background-color:#97ae05; color:#FFF;}
.x_pager_style1 a:active{ text-decoration:none; color:#97ae05;}

.x_pager
{
	margin:10px 0;
	padding:4px 30px 0 0;
	text-align:right;
}

.x_pager span
{
	margin-left:8px;
	color:#6c2435;
	background-color:#eddce0;
}

.x_pager span a
{
	padding:0 3px;
}

.x_pager a:link{ text-decoration:none; color:#6c2435;}
.x_pager a:visited{ text-decoration:none; color:#6c2435;}
.x_pager a:hover{ text-decoration:none; background-color:#6c2435; color:#eddce0;}
.x_pager a:active{ text-decoration:none; color:#6c2435;}

.goTop
{
	height:30px;
	display:block;
	margin:0 39px 0 40px;
	padding-bottom:2px;
}

.goTop a
{
	background:url(../img/goTop.png) right top no-repeat;
	height:25px;
	padding:5px 34px 0 0;
	margin-right:8px;
	display:inline-block;
	float:right;
}

.goTop a:link { color:#7D283D; text-decoration:underline; }
.goTop a:visited { color:#7D283D; }
.goTop a:hover { background:url(../img/goTop.png) right -30px  no-repeat;  text-decoration:none; }
.goTop a:active { color:#7D283D; }


#footer_main ul
{
	width:280px;
	min-height:100px;
	display:block;
	float:left;
	margin:10px 0 0 15px;
	padding-left:20px;	
}

#footer_main #about
{
	background:url(../img/footer_about.png) right top no-repeat;
}

#footer_main #about #ServiceInfo
{
	padding-left:15px;
	margin:5px 0px 5px 0px;
	color:#1c8ab0;
	float:none;
	height:auto;
	min-height:0px;
}

#footer_main #about ul li
{
	margin:0 0 5px 0;
	padding:0;
}

#footer_main #about img
{
	vertical-align:middle;
}

#footer_main #about li
{
	padding-left:15px;	
}

#footer_main #about #TKU-pdp
{
    width:250px;
    height:100px;
    display:block;
    background:url(../images/TKU-pdp.png) 0px 0px no-repeat;   
}
#footer_main #qa
{
	background:url(../img/footer_qa.png) right top no-repeat;	
	border-left:1px dashed #c3e3ee;
}

#footer_main #qa li
{
	margin-bottom:6px;
	color:#1c8ab0;
}

#footer_main #qa .Q
{
	margin:1px 0px 0px 12px;
	color:#555;
}

#footer_main #qa .A
{
	margin:0px 0px 5px 12px;
	color:#555;
}

#footer_main #bestof
{
	background:url(../img/footer_bestof.png) right top no-repeat;	
	border-left:1px dashed #c3e3ee;
}

#footer_main #bestof li
{
	margin-bottom:6px;
	color:#1c8ab0;
}

#footer_main #bestof li img
{
	display:block;
}

#footer_main #bestof a
{
	margin:2px 0px 0px 12px;
	display:block;
}

#footer_main #bestof a:link { color:#555555; text-decoration:none; }
#footer_main #bestof a:visited { color:#555555; text-decoration:none; }
#footer_main #bestof a:hover { color:#111111; text-decoration:underline; }
#footer_main #bestof a:active { color:#555555;}

/* 主標定義 */
h1 /* 使用者名稱 */
{
	font-size:1.61em;
	color:#880202;
}

h1 a{ border-bottom:1px dashed #880202;}

h1 a:link {color:#880202;}
h1 a:visited {color:#880202;}
h1 a:hover {color:#880202; text-decoration:none; border-bottom:1px solid #880202;}
h1 a:active {color:#880202;}

h1 .x_visitMyWeb
{
	margin-left:10px;
}

h2 /* 功能或項目標題 */
{
	font-size:1.23em;
	margin:0 0 0 3px;
	background:url(../img/icon_style1/books_25.png) left center no-repeat;
	padding: 10px 0 0 40px;
	height:32px;
}

h3
{
}

h4
{
	font-size:1em;
	display:inline-block;
	margin-right:10px;
	/*vertical-align:top;*/
	padding-top:5px;	
	padding-top:8px;	
	width:150px;
	text-align:right;
	
}
.h4label
{
    width:500px;
    text-align:left;
    color:#666;
}
h5
{
	font-size:1em;
	display:inline-block;
	margin-right:10px;	
}

h6 /* 小標題或footer使用*/
{
	font-size:1em;
	font-family:Calibri, Arial, Times New Roman;	
}

/* 系統訊息定義 */
.x_SysHint_help
{
	margin:10px 0 0 4px;
	background:url(../img/led-icons/help.png) 0px 0px no-repeat;
	padding-left:20px;
	color:#00ADDF;
}

.SysHint_help
{
	background:url(../img/led-icons/help.png) 0px 0px no-repeat;
	padding-left:20px;
	color:#00ADDF;
}

.SysHint_go2help
{
	background:url(../img/notify_border.png) right bottom no-repeat;
	text-align:right;
	color:#8da018;
	height:30px;
	padding:0 10px 2px 0;
	margin:0 10px 4px 0 ;
}

.SysHint_go2help a:link{ text-decoration:underline;  color:#FF0084;}
.SysHint_go2help a:visited{ text-decoration:underline; color:#FF0084;}
.SysHint_go2help a:hover{ text-decoration:none; background-color:#FF0084; color:#FFF; }
.SysHint_go2help a:active{ text-decoration:underline; color:#FF0084;}

.copyright { color:#abc1da; }

/* 公用樣式 */
.nofloat { clear:both; }
.nofloat1px 
{ 
	width:100%;
	clear:both; 
	display:block;
	height:1px;
}

.w3-green, .w3-hover-green:hover {
	color: #fff !important;
	background-color: #4CAF50 !important;
}
.w3-badge {
	border-radius: 50%;
}
.w3-badge, .w3-tag {
	background-color: #000;
	color: #fff;
	display: inline-block;
	padding-left: 8px;
	padding-right: 8px;
	text-align: center;
}

.w3-red, .w3-hover-red:hover {
	color: #fff !important;
	background-color: #f44336 !important;
}
.w3-btn, .w3-button {
	border: none;
	display: inline-block;
	padding: 8px 16px;
	vertical-align: middle;
	overflow: hidden;
	text-decoration: none;
	color: inherit;
	background-color: inherit;
	text-align: center;
	cursor: pointer;
	white-space: nowrap;
}
.w3-btn, .w3-button {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}