﻿@charset "utf-8";
/* General Zone */

a:active {text-decoration: none; color: #000000;}

a:hover {text-decoration: none; color: #000000;}

a:link {text-decoration: none; color: #000000;}

a:visited {text-decoration: none; color: #000000;}


body {
  font-family:Arial, Helvetica, sans-serif;
  font-size: 12px; text-decoration: none;

    background-color: #b6eeff;
    
  SCROLLBAR-FACE-COLOR: #F5F5F5;
  SCROLLBAR-HIGHLIGHT-COLOR: #FFFFFF;
  SCROLLBAR-SHADOW-COLOR: #CCCCCC;
  SCROLLBAR-3DLIGHT-COLOR: #CCCCCC;
  SCROLLBAR-ARROW-COLOR: #0E07F8;
  SCROLLBAR-TRACK-COLOR: #EAEAEA;
  SCROLLBAR-DARKSHADOW-COLOR: #999999;
  
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  }



td {font-family:Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none; line-height: normal;}

.article_title { font-weight:bold; font-size:18px; filter: glow(color=#000000, strength=1) DropShadow(color=#000000, OffX=2, OffY=1, Positive=1); COLOR: #ffffff; LINE-HEIGHT: 140%}

.bg_white { background-color:#FFFFFF; }


.tablelist{ 
border:1px solid #CCCCCC; 
border-collapse:collapse; 
border-spacing:1pt; 
background-color:#FFFFFF; 
} 
.tablelist tr.backrow{ 
background-color:#c7e5ff; 
} 
.tablelist td.cen{ 
text-align:center; 
} 


.tablelist_black{ 
border:1px solid #000000; 
border-collapse:collapse; 
border-spacing:1pt; 
background-color:#FFFFFF; 
} 
.tablelist_black tr.backrow{ 
background-color:#c7e5ff; 
} 
.tablelist_black td.cen{ 
text-align:center; 
} 



/* Blackground of APP */
.bg_APP_main {background-image:url(../../images/BG/bg_app_main.png); background-repeat:repeat-x; background-position:top; background-color:#2C90EC}



/* Blackground of Platform */
.bg_bar_w780{background-image:url(../../images/demo/cp/top_bg.jpg); background-repeat:repeat-y; background-position:left; background-color:#F1EEEA}

.bg_bar15a {background-image: url(../../images/demo/001/middle_00/pic_r11_c33.jpg); background-repeat:repeat-x; background-position:bottom;}

.bg_bar24a {background-image:url(../../images/demo/cp/favor/bg.jpg)}

.bg_bar40a {background-image: url(../../images/demo/001/middle_00/pic_r15_c27.jpg);}

.bg_bar75a {background-image:url(../../images/demo/001/middle_00/bg_75a.jpg); background-repeat:repeat-x; background-position:top; background-color:#E2E2E2;}

.bg_square { background-image:url(../../images/Skin/2014/Control_Pannel/bg_square.png); background-position:top right; background-repeat:no-repeat;}

.bg_label { background-image:url(../../images/Boxes/2/paper_corner.png); background-position:top right; background-repeat:no-repeat;}


.bg_wg_15 {background-image:url(../../images/BG/comm/bg_wg_15.png); background-repeat:repeat-x; background-color:#FFF;}

.bg_gw_15 {background-image:url(../../images/BG/comm/bg_gw_15.png); background-repeat:repeat-x; background-color:#FFF;}


.gen_bg00 {background-image: url(../../images/demo/001/pic_r58_c3.jpg);}
	
.gen_table_bg00 {background-color:#F5FAFE;}
	
.gen_table_bg01 {background-color:#F6F6F6;}
	
.gen_table_bg02 {background-color:#E4E4E4;}

.bg_000{background-image:url(../../images/bbg/000.jpg); background-position:bottom right; background-repeat:no-repeat}

.bg_admin_blue {background-image:url(../../images/Sub/bg/blue.jpg); background-color:#98F8FE; background-position:top left; background-repeat:no-repeat;}

.bg_admin_blue_gray {background-image:url(../../images/Sub/bg/blue_gray.jpg); background-position:top left; background-repeat:no-repeat;}

.bg_admin_yellow {background-image:url(../../images/Sub/bg/yellow.jpg); background-color:#AE862A; background-position:top left; background-repeat:no-repeat;}

.bg_admin_green {background-image:url(../../images/Sub/bg/green.jpg); background-color:#7BD71E; background-position:top left; background-repeat:no-repeat;}

.bg_admin_nav {background-image:url(../../images/Sub/bg/bg_nav.jpg); background-repeat:repeat-x;}

.bg_shadow_l {background-image:url(../../Images/Skin/Label_A-Z/bg.png); background-repeat: no-repeat; background-position:top left}
.bg_shadow_v_l {background-image:url(../../Images/Skin/Label_A-Z/bg_v.png); background-repeat:repeat-y; background-position:left}
.bg_shadow_h_l {background-image:url(../../Images/Skin/Label_A-Z/bg_h.png); background-repeat:repeat-x; background-position:top}



/* Button Zone */

.button-o {
	font-size: 12px;
	height: 19px;
	background-image:url(../../images/platform/interface/button/bg.gif);
	border: none;
	padding-top: 3px;
	}		

.button-o2 {
	font-size: 12px;
	height: 19px;
	width: 40px;
	background-image:url(../../images/platform/interface/button/button02.gif);
	border: none;
	padding-top: 3px;
	}

.button-o4 {
	font-size: 12px;
	height: 19px;
	width: 60px;
	background-image:url(../../images/platform/interface/button/button04.gif);
	border: none;
	padding-top: 3px;
	}	

.button-o6 {
	font-size: 12px;
	height: 19px;
	width: 80px;
	background-image:url(../../images/platform/interface/button/button06.gif);
	border: none;
	padding-top: 3px;
	}
	
.button-o8 {
	font-size: 12px;
	height: 19px;
	width: 100px;
	background-image:url(../../images/platform/interface/button/button08.gif);
	border: none;
	padding-top: 3px;
	}	

.button-o10 {
	font-size: 12px;
	height: 19px;
	width: 120px;
	background-image:url(../../images/platform/interface/button/button10.gif);
	border: none;
	padding-top: 3px;
	}
	
.button-o12 {
	font-size: 12px;
	height: 19px;
	width: 140px;
	background-image:url(../../images/platform/interface/button/button12.gif);
	border: none;
	padding-top: 3px;
	}	

.button-o14 {
	font-size: 12px;
	height: 19px;
	width: 160px;
	background-image:url(../../images/platform/interface/button/button14.gif);
	border: none;
	padding-top: 3px;
	}
	
.btn_page_first{
	font-size: 12px;
	height: 15px;
	width: 21px;
	background-image:url(../../images/platform/ico/back.gif);
	border: none;
	padding-top: 3px;
	}
	
.btn_page_pre{
	font-size: 12px;
	height: 15px;
	width: 15px;
	background-image:url(../../images/platform/ico/back_single.gif);
	border: none;
	padding-top: 3px;
	}
	
.btn_page_next{
	font-size: 12px;
	height: 15px;
	width: 15px;
	background-image:url(../../images/platform/ico/forward_single.gif);
	border: none;
	padding-top: 3px;
	}
 
.btn_page_last{
	font-size: 12px;
	height: 15px;
	width: 21px;
	background-image:url(../../images/platform/ico/forward.gif);
	border: none;
	padding-top: 3px;
	}





.btn_green {
	color:#FFF;
	background-color:#090;
	font-weight: bold;
	height:25px;	
}


.btn_red {
	color:#FFF;
	background-color:#F00;
	font-weight: bold;
	height:25px;	
}


.btn_orange { 
	color:#F90;
	background-color:#F00;
	font-weight: bold;
	height:25px;	
}

.btn_blue {
	color:#FFF;
	background-color:#06F;
	font-weight: bold;
	height:25px;	
}

.btn_blue_light {
	color:#FFF;
	background-color:#09F;
	font-weight: bold;
	height:25px;	
}

.btn_yellow {
	background-color:#FC0; 
	height:25px;
}


.btn_dark_gray {
	background-color:#666;
	color:#FFF;
	height:25px;
}

.btn_gen {
	font-weight: bold;
	height:25px;	
}

.btn_green_light
{
	background-color:#BEFD02;
	height:25px;	
}

	

/* Size of Letter */

.font_5 {font-size: 5px}

.font_6 {font-size: 6px}

.font_7 {font-size: 7px}

.font_8 {font-size: 8px}

.font_9 {font-size: 9px}

.font_10 {font-size: 10px}

.font_11 {font-size: 11px}

.font_14 {font-size: 14px}

.font_16 {font-size: 16px}

.font_18 {font-size: 18px}

.font_20 {font-size: 20px}

.font_22 {font-size: 22px}

.font_24 {font-size: 24px}

.font_26 {font-size: 26px}

.font_28 {font-size: 28px}

.font_30 {font-size: 30px}

.font_40 {font-size: 40px}


/* Font Align */

.font_left {text-align:left}

.font_right {text-align:right}

.font_center {text-align:center}



/* Color of Letter */

.font_general{color:#000000}

.font_gen{color:#000000}



.font_brown {color:#DB944E}



.font_blue{color: #0000FF}

.font_blue_0 {color:#6666CC}

.font_dark_blue{color: #003366}

.font_dark_blue0{color: #1E6DB1}

.font_sky_blue{color: #3399FF}



.font_corp {color:#CB7C2F}



.font_green{color:#006600}

.font_green_0{color:#3CAF3C}

.font_green_sharp{color:#33FF33}



.font_gray{color:#999999}


.font_dark_gray{color:#666666}



.font_orange{color: #FF6600}



.font_pink {color:#FF6699}

.font_pink_0 {color:#FF66CC}

.font_purple{color:#A73E6B}

.font_purple_0{color:#C081C0}

.font_purple_1{color:#CC00FF}



.font_red {color: #FF0000}

.font_white{color: #FFFFFF}

.font_yellow{color:#FFCC00}







/* Style of Letter */

.font_gen_title {font-size: 13px; font-weight: bold; color: #000000;}

.font_gb{color:#000000; font-weight: bold;}

.font_en {font-family: Arial, Helvetica, sans-serif;}

.font_en_2 {font-family:"Times New Roman", Times, serif;}

.font_cn {font-family: "標楷體";}

.font_cn_2 {font-family:"微軟正黑體"}

.font_XP {font-family:"Wingdings 2";}

.font_3of9 {font-family:"3 of 9 Barcode"}

.font_b {font-weight: bold;}

.font_i { font-style:italic; }

.font_u {text-decoration: underline;}

.font_delete {text-decoration: line-through;}



.font_bw_12 { font-weight:bold; font-size:12px; filter: progid:DXImageTransform.Microsoft.Glow(color=#000000,strength=3); width: 100%; color:#FFFFFF; line-height:normal; font-style:normal; font-variant:normal}


.font_bw_14 { font-weight:bold; font-size:14px; filter: progid:DXImageTransform.Microsoft.Glow(color=#000000,strength=3); width: 100%; color:#FFFFFF; line-height:normal; font-style:normal; font-variant:normal}

.font_bw_16 { font-weight:bold; font-size:16px; filter: progid:DXImageTransform.Microsoft.Glow(color=#000000,strength=3); width: 100%; color:#FFFFFF; line-height:normal; font-style:normal; font-variant:normal}

.font_by_12 { font-weight:bold; font-size:12px; filter: progid:DXImageTransform.Microsoft.Glow(color=#000000,strength=3); width: 100%; color:#FFCC00; line-height:normal; font-style:normal; font-variant:normal}

.font_by_14 { font-weight:bold; font-size:14px; filter: progid:DXImageTransform.Microsoft.Glow(color=#000000,strength=3); width: 100%; color:#FFCC00; line-height:normal; font-style:normal; font-variant:normal}

.font_by_16 { font-weight:bold; font-size:16px; filter: progid:DXImageTransform.Microsoft.Glow(color=#000000,strength=3); width: 100%; color:#FFCC00; line-height:normal; font-style:normal; font-variant:normal}

.font_ow_16 { font-weight:bold; font-size:16px; filter: progid:DXImageTransform.Microsoft.Glow(color=#FF6600,strength=3); width: 120%; color:#FFFFFF; line-height:normal; font-style:normal; font-variant:normal; letter-spacing: 10px;}


.word_break {word-break:width: 100%; word-break:break-all; overflow: hidden; height: 14px;}
.word_break_14 {word-break:width: 100%; word-break:break-all; overflow: hidden; height: 16px;}
.word_break_16 {word-break:width: 100%; word-break:break-all; overflow: hidden; height: 18px;}
.word_break_18 {word-break:width: 100%; word-break:break-all; overflow: hidden; height: 20px;}


.left_title_by { font-family:"黑体"; font-size:16px; filter: progid:DXImageTransform.Microsoft.Glow(color=#000000,strength=3); width: 100%; color:#FFFF00; line-height:normal; font-style:normal; font-variant:normal; letter-spacing: 8px;}


.font_wale_wg {filter: dropshadow(color=#666666,offx=1,offy=1); color: #FFFFFF;}

.font_wale_wb {filter: dropshadow(color=#000000,offx=1,offy=1); color: #FFFFFF;}


.jnfont { font-size:9px; filter: dropshadow(color=#666666,offx=1,offy=1); color: #FFFFFF; font-family:"細明體"}

.jnfont0 { font-size:9px; filter: dropshadow(color=#333333,offx=1,offy=1); color: #FFFFFF; font-family:"細明體"}
			
.over {color:#FFFFFF; background: #0033FF}

.down {color:#FFFFFF; background: #0033FF; font-style: italic}




/* Input Box */

.qform {
	border-right:#A6ABB1 1px solid; 
	padding-right:1px; 
	border-top:#A6ABB1 1px solid; 
	padding-left:1px; 
	padding-bottom:0px; 
	border-left:#A6ABB1 1px solid; 
	margin-right:-18px; 
	padding-top:0px; 
	border-bottom:#A6ABB1 1px solid; 
	font-family:Arial, Helvetica, sans-serif;
	}

.input_noborder {border-style:none;}

.input_transparent_gen { width:100%; border-style:none; border-bottom-width:thin; text-align:center; background-color:transparent;}

.input_line	{border-style:none; border-bottom-style:groove;}

.input_overflow {overflow:visible;}


.select_noboder {border-style:none; text-align:center; background-color:transparent;}

.input_txt_show {overflow:visible; width:100%; border-width:0px; line-height:25px;}

.gen_input_bg00 {border-style:none; background-color:#F5FAFE; font-weight:bold;}

.gen_input_en_bg00 {border-style:none; background-color:#F5FAFE; font-weight:bold; font-family:Arial, Helvetica, sans-serif; text-align:right;}


.gen_input_box_50 {width:expression(document.body.clientWidth-50);}

.gen_input_box_100 {width:100%;}

.gen_view_zone {width:100%; height:100%; overflow:auto;}


/* Line of Letter */

.txt_line {line-height: 20px;}

.txt_line15 {line-height: 15px;}

.txt_line18 {line-height: 18px;}

.txt_line25 {line-height: 25px;}

.txt_line30 {line-height: 30px;}

.txt_line35 {line-height: 35px;}

.txt_line40 {line-height: 40px;}

.txt_wline25 {line-height: 25px; FONT-SIZE: 9pt; FILTER: dropshadow(color=#333333,offx=1,offy=1); COLOR: #ffffff; FONT-FAMILY: "宋体"
}



.txt_space {letter-spacing: 5px;}

.txt_space10 {letter-spacing: 10px;}

.txt_space15 {letter-spacing: 15px;}


.title_maintxt {filter: DropShadow(Color=#FFFFFF, OffX=1, OffY=1, Positive=1); color:#000000}


/* Line */

.line_v{background-image:url(../../images/platform/flex_line/line_v_bg.gif); background-repeat:repeat-y}

.line_h{background-image:url(../../images/platform/flex_line/line_h_bg.gif); background-repeat:repeat-y; background-position:center}

.line_h_3{background-image:url(../../images/platform/flex_line/line_h_3.gif); background-repeat:repeat-x; background-position:center}

.line_h_gray{background-image:url(../../images/platform/flex_line/line_h_gray.gif); background-repeat:repeat-x}

.line_v_s {width:1px border: none;}	


/* Scroll */
.scroll_green
{
font-family:Arial, Helvetica, sans-serif;
SCROLLBAR-FACE-COLOR:#A5CA56; 
SCROLLBAR-HIGHLIGHT-COLOR: #FFFFFF; 
SCROLLBAR-SHADOW-COLOR: #CCCCCC; 
SCROLLBAR-3DLIGHT-COLOR: #CCCCCC; 
SCROLLBAR-ARROW-COLOR: #4E7B14; 
SCROLLBAR-TRACK-COLOR: #EAEAEA; 
SCROLLBAR-DARKSHADOW-COLOR: #999999;
}


/*	文章顯示	*/
#news_body{width: 100%; margin: 0 auto; overflow: hidden; text-align: left; overflow-y: hidden; line-height: 1.8em; font-size: 1.2em; }
	#news_body * { line-height: normal; }
	#news_body  p, #news_body  div { line-height: 1.8em !important; margin: 10px 0; }
	#news_body  p *, #news_body  div * { line-height: normal !important; }
	
	/*自定義信息*/
	#news_body .addoninfo { border: 1px solid #EEE; }
	#news_body .addoninfo h5 { font-size: 1em; margin: 0; line-height: 2em !important; border-bottom: 1px solid #EEE; padding-left: 1em; }
	#news_body .addoninfo ul { margin: 0.5em 0 0.5em 2em; padding: 0; }
	#news_body .addoninfo li { line-height: 1.6em !important; }
	#news_body img { width: expression(this.width > 500 ? 500: true); max-width: 500px;  }
	.imglogolist { margin: 0; padding: 0; list-style: none; text-align: center; }	
	#news_body kbd.showvideo, #news_body kbd.showflash { font: 1em Arial, Helvetica, sans-serif; cursor: pointer; text-decoration: underline; }
	
/*	日曆文本框	*/
<!--
td,input {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}
-->

.font_stage
{
	font-size:20px;
	font-family:"微軟正黑體";
}

.font_stage_en
{
	font-size:20px;
	font-family:"Times New Roman";
}

.font_menu
{
	font-family:"微軟正黑體";
	font-size:15px;
}


.btn_blue_x
{
	font-size:24px;
	font-family:"微軟正黑體";
	color:#FFF;
	background-color:#09F;
}

.btn_24
{
	font-size:24px;
	font-family:"微軟正黑體";
}


.table_green_bg {
    width: 100%; /* 設置表格寬度為100% */
    height: 100%; /* 設置表格高度為100% */
    background-image: url('../images/bg-green.png'); /* 添加背景圖片 */
    background-size: 100% 150px; /* 確保圖片不重複且自適應大小 */
    background-repeat: no-repeat; /* 不重複 */
    background-position: bottom center; /* 圖片居中 */
    border-collapse: collapse; /* 使邊框合併 */
}

.table_girl_bg {
    width: 100%; /* 設置表格寬度為100% */
    height: 85%; /* 設置表格高度為100% */
    background-image: url('../images/bg-left-girl.png'); /* 添加背景圖片 */
    background-size: auto 220px; /* 確保圖片不重複且自適應大小 */
    background-repeat: no-repeat; /* 不重複 */
    background-position: bottom left; /* 圖片居中 */
    border-collapse: collapse; /* 使邊框合併 */
}

.table_boy_bg {
    width: 100%; /* 設置表格寬度為100% */
    height: 85%; /* 設置表格高度為100% */
    background-image: url('../images/bg-right-boy.png'); /* 添加背景圖片 */
    background-size: auto 220px; /* 確保圖片不重複且自適應大小 */
    background-repeat: no-repeat; /* 不重複 */
    background-position: bottom right; /* 圖片居中 */
    border-collapse: collapse; /* 使邊框合併 */
}

.table_top_bg {
    width: 100%; /* 設置表格寬度為100% */
    height: 100%; /* 設置表格高度為100% */
    background-image: url('../images/bg-top.png'); /* 添加背景圖片 */
    background-size: auto 220px; /* 確保圖片不重複且自適應大小 */
    background-repeat: no-repeat; /* 不重複 */
    background-position: top left; /* 圖片居中 */
    border-collapse: collapse; /* 使邊框合併 */
}




