﻿/*Joseph 2008*/
span{
	display: inline-block;
}

.divMask{
	background:#000;
	-moz-opacity:0.6;
	opacity:0.6;
	filter:alpha(opacity=20);
	z-index:100;
	border:none;
	display:none;
	position:absolute;
	top:0;
	left:0;
}

.divSelector{
	-moz-border-radius-bottomleft: 0.8em;
	-moz-border-radius-bottomright: 0.8em;
	-moz-border-radius-topleft: 0.8em;
	-moz-border-radius-topright: 0.8em;
	padding:5px;
	height:345px; 
	width:250px; 
	border:4px solid #708090; 
	position:absolute; 
	background-color:White; 
	z-index:101;
	display:none;
	font-family: font-family:Microsoft JhengHei;//: Georgia;
}

.divSelector2{
	padding:5px;
	height:130px; 
	width:460px; 
	border:4px solid #708090; 
	position:absolute; 
	background-color:White; 
	z-index:101;
	display:none;
	text-align:left;
}

.divSelector3{
	padding:10px;
	height:200px; 
	width:250px; 
	border:1px solid #A0A0A0; 
	position:absolute; 
	background-color:#F0F0F0; 
	z-index:101;
	display:none;
	OVERFLOW: visible; 
	OVERFLOW-X:hidden;
}

.divSelector4{
	padding:10px;
	height:170px; 
	width:490px; 
	border:4px solid #708090; 
	position:absolute; 
	background-color:White; 
	z-index:101;
	display:none;
}

.divLiteral{
	width:95%;
	margin:10px;
	padding:5px;
	height:120px; 
	border:1px solid #F0E68C; 
	text-align:center;
	background-color: #F2F4DB;
}

.divContent{
	width:100%;
	height:80px; 
	OVERFLOW: scroll; 
	OVERFLOW-X:hidden;
}

.divList{
	border-right:1px solid #778899; border-top:1px solid #778899; border-bottom:1px #336699 #778899; -moz-border-radius-bottomleft: 0.2em;
	-moz-border-radius-bottomright: 0.2em;
	-moz-border-radius-topleft: 0.2em;
	-moz-border-radius-topright: 0.2em;
	font-size: 12px;//:10px;
	font-family: font-family:Microsoft JhengHei;//: Verdana, Geneva, Arial, Helvetica, sans-serif;
	height:14px;
	float:left;
	margin:5px;
	border-left:10px solid #778899;
	padding: 2px;
	background-color: white;
	
}

.btn{
	font-size: 12px;//: 12px;
	height: 24px;
	background-color: ButtonHighlight;
	border: 1px solid;
	border-bottom-color: ButtonShadow;
	border-right-color: ButtonShadow;
	border-top-color: ButtonHighlight;
	border-left-color: ButtonHighlight;
	text-align: center;
	padding-top: 4px;
	padding-left:10px;
	padding-right:10px;
	cursor: pointer;
}

.btn2{
	font-size: 12px;//: 12px;
	height: 20px;
	color: #37464D!important;
	background-image: url(../icon/btn2_bg_03.gif);
	border: 1px solid;
	border-bottom-color: ButtonShadow!important;
	border-right-color: ButtonShadow!important;
	border-top-color: ButtonHighlight!important;
	border-left-color: ButtonHighlight!important;
	text-align: center;
	padding: 4px 10px 2px 10px;
	cursor: pointer;
	text-decoration: none;
}

.btn3{
	font-size: 12px;//: 12px;
	color: #F5F5F5;
	height: 20px;
	width: 100px;
	background-image: url(../icon/btn2_bg_01.gif);
	border: 1px solid black;
	text-align: center;
	padding: 4px 5px 4px 5px;
	cursor: pointer;
}

.btn4{
	font-size: 12px;//: 12px;
	height: 24px!important;
	background-color: ButtonHighlight;
	border: 1px solid;
	border-bottom-color: ButtonShadow;
	border-right-color: ButtonShadow;
	border-top-color: ButtonHighlight;
	border-left-color: ButtonHighlight;
	text-align: center;
	padding-top: 4px;
	padding-left:10px;
	padding-right:10px;
	cursor: pointer;
	float:right;
}

.btn3_over{
	font-size: 12px;//: 12px;
	color: #FFFFFF;
	height: 20px;
	width: 100px;
	background-image: url(../icon/btn2_bg_02.gif);
	border: 1px solid black;
	text-align: center;
	padding-top: 4px;
	cursor: pointer;
}

.btnInput{
	font-size: 12px;//: 12px;
	height: 24px;
	color: #37464D;
	background-image: url(../icon/btn2_bg_03.gif);
	border: 1px solid;
	border-bottom-color: ButtonShadow;
	border-right-color: ButtonShadow;
	border-top-color: ButtonHighlight;
	border-left-color: ButtonHighlight;
	text-align: center;
	padding: 5px 10px 7px 10px;
	cursor: pointer;
}

hr{
	clear:both;
}

#loading{
	border:1px solid Navy;
	position:absolute;
	display:none;
}

.locked{
	font-size: 12px;//:12px;
	font-family: font-family:Microsoft JhengHei;//: Verdana, Geneva, Arial, Helvetica, sans-serif;
	border:0px;
	border-bottom: 1px dashed #666666;
}

.arrow{
	font-family: font-family:Microsoft JhengHei;//: Webdings;
	color: #FF8C00;
}

.lbs{
	font-size: 12px;//:10px;
	font-family: font-family:Microsoft JhengHei;//: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: White;
	background-color: #4169E1;
	margin-right: 2px;
	padding: 2px 5px 2px 5px;
	height:18px;
	float:left;
}

.lbsAlert{
	font-size: 12px;//:10px;
	font-family: font-family:Microsoft JhengHei;//: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: White;
	background-color: #8B0000;
	margin-right: 2px;
	padding: 2px 5px 2px 5px;
	height:18px;
	float:left;
}

.notify{
	font-size: 12px;//:12px;
	padding:20px;
	text-align:center;
	border: 2px dashed #DBDBDB;
	margin:5px;
	>width:100%;
}

.lblSelector{
	color: Black;
	background-color:#F0F0F0;
	font-size: 12px;//:12px;
	padding-left:15px;
	font-family: font-family:Microsoft JhengHei;//:Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin-bottom: 2px;
	cursor: default;
}

.lblSelectorAction{
	margin-left:5px;
	cursor:pointer;
}

.lblSelectorOver{
	color:white;
	background-color: #FFD700;
	font-size: 12px;//:12px;
	padding-left:15px;
	font-family: font-family:Microsoft JhengHei;//:Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin-bottom: 2px;
}

.scheduleTitle{
	font-family: font-family:Microsoft JhengHei;//: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px;//: 12px; 
	color:white;
}

.dataContent{
	margin-bottom: 15px;
	border-bottom: 1px dotted #CCCCCC;
	padding:3px 3px 3px 15px;
	font-size: 12px;//:12px;
	font-family: font-family:Microsoft JhengHei;//: Arial, Helvetica, sans-serif;
}

.dataCool{
	font-size: 12px;//:12px;
	font-family: font-family:Microsoft JhengHei;//: Arial;
	color:#A31F1F;
	padding-top:4px;
	font-weight: bold;
	line-height:20px;
}

.cPage{
	-moz-border-radius-bottomleft: 0.2em;
	-moz-border-radius-bottomright: 0.2em;
	-moz-border-radius-topleft: 0.2em;
	-moz-border-radius-topright: 0.2em;
	font-size: 12px;//:10px;
	font-family: font-family:Microsoft JhengHei;//: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #333333;
	background-color: #F5F5F5;
	height: 16px;
	padding: 2px 8px 2px 8px;
	text-decoration: none;
	border: 1px solid Silver;
	cursor:pointer;
}

.dataList{
	margin-left:15px; 
	width:98%; 
	padding:3px; 
	border:1px solid #DDDDDD; 
	border-left:7px solid #DDDDDD;
}

.statusBox{
	width: 100px;
	height: 20px;
	border: 1px solid #191970;
	margin: 2px;
	background-color:#F4FAFF;
	float:left;
}

.statusBar{
	background-color:#4169E1;
	height: 20px;
	float: left;
}

.status{
	font-family: font-family:Microsoft JhengHei;//: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;//:12px;
	color: #DAA520;
	height: 20px;
	margin: 2px;
	width:40px;
	text-align:center;
	float:right;
}

.funcBar{
	height:24px;
	padding:6px 1px 6px 1px;
	border-top: 1px dotted #D3D3D3;
	border-bottom: 1px dotted #D3D3D3;
	margin-top:5px;
	margin-bottom:5px;
}

.funcBar2{
	padding:6px 1px 6px 1px;
	border-top: 1px dotted #D3D3D3;
	border-bottom: 1px dotted #D3D3D3;
	margin-top:5px;
	margin-bottom:5px;
}

.iLock{
	font-family: font-family:Microsoft JhengHei;//: Verdana, Geneva, Arial, Helvetica, sans-serif;
	border:1px !important;
	background-color: transparent !important;
	padding: 4px;
}

.iRelease{
	font-family: font-family:Microsoft JhengHei;//: Verdana, Geneva, Arial, Helvetica, sans-serif;
	border:1px solid #979797;
	padding: 4px;
}

.editorArea {
	width:100%;
	background-color: #EBEBEB;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #CCCCCC;
	padding-top:4px;
	text-align:center;
	margin-top:5px;
	margin-bottom:5px;
	margin-left:3px;
}

.dateStyle{
	-moz-border-radius-bottomleft: 0.2em;
	-moz-border-radius-bottomright: 0.2em;
	-moz-border-radius-topleft: 0.2em;
	-moz-border-radius-topright: 0.2em;
	background-image: url(../icon/btn2_bg_03.gif);
	font-family: font-family:Microsoft JhengHei;//: Georgia; 
	font-size: 12px;//:10px; 
	height: 14px;
	color:#8B0000; 
	border:1px solid Silver; 
	padding:1px 4px 3px 10px;
}

.ddlItems{
	font-size: 12px;//: 12px;
	font-family: font-family:Microsoft JhengHei;//: Arial, Helvetica, sans-serif;
	padding:2px;
	cursor: pointer;
}

.mainMenu{
	font-size: 12px;//: 12px;
	font-weight: bold;
	color:#555555;
	cursor: pointer;
	text-decoration: none;
}

.subMenus{
	width:200px;
}

.subMenu{
	cursor:pointer;
	width:200px;
}

.subMenuBody{
	font-family: font-family:Microsoft JhengHei;//: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;//:12px;
	font-weight:bold;
	color: White;
}

.sContainer{
	height:16px;
	padding:1px 0px 1px 0px;
	clear:both;
	z-index: 50;
}

.sMenuHead{
	float:left;
	width:26px;
	height:16px;
	text-align:center;
}

.sMenuBody{
	float:left;
	height:16px;
	font-size: 12px;//: 12px;
	font-family: font-family:Microsoft JhengHei;//: Verdana, Geneva, Arial, Helvetica, sans-serif;
	>padding-top:2px;
}

.lContainer{
	height:16px;
	padding:2px 4px 2px 0px;
	clear:both;
	z-index: 50;
	border:1px solid transparent;
}

.pNotify{
	-moz-border-radius-bottomleft: 0.2em;
	-moz-border-radius-bottomright: 0.2em;
	-moz-border-radius-topleft: 0.2em;
	-moz-border-radius-topright: 0.2em;
	font-size: 12px;//:12px;
	color:#313131;
	border:1px solid #CD0A0A; 
	padding:2px; 
	float:left;
	width:100%;
	background-color:#FDF2F2;
	position: absolute;
	display:none;
}

.caution{
	-moz-border-radius-bottomleft: 0.2em;
	-moz-border-radius-bottomright: 0.2em;
	-moz-border-radius-topleft: 0.2em;
	-moz-border-radius-topright: 0.2em;
	font-size: 12px;//:12px;
	border:1px solid #CD0A0A; 
	padding:4px; 
	float:left;
	width:100%;
	background-color:#FDF2F2;
	margin-top: 5px;
}

.caution2{
	-moz-border-radius-bottomleft: 0.2em;
	-moz-border-radius-bottomright: 0.2em;
	-moz-border-radius-topleft: 0.2em;
	-moz-border-radius-topright: 0.2em;
	font-size: 12px;//:12px;
	border:1px solid #FFD700; 
	padding:4px; 
	float:left;
	width:100%;
	background-color:#FFF8CE;
	margin-top: 3px;
}

.caution3{
	-moz-border-radius-bottomleft: 0.2em;
	-moz-border-radius-bottomright: 0.2em;
	-moz-border-radius-topleft: 0.2em;
	-moz-border-radius-topright: 0.2em;
	font-size: 12px;//:12px;
	border:1px solid #0033FF; 
	padding:4px; 
	float:left;
	width:100%;
	background-color:#DFE7FF;
	margin-top: 5px;
}

.caution4{
	-moz-border-radius-bottomleft: 0.2em;
	-moz-border-radius-bottomright: 0.2em;
	-moz-border-radius-topleft: 0.2em;
	-moz-border-radius-topright: 0.2em;
	font-size: 12px;//:12px;
	border:1px solid #DEDEDE; 
	padding:4px; 
	float:left;
	width:100%;
	background-color:#F8F8F8;
	margin-top:5px;
}

.caution5{
	-moz-border-radius-bottomleft: 0.2em;
	-moz-border-radius-bottomright: 0.2em;
	-moz-border-radius-topleft: 0.2em;
	-moz-border-radius-topright: 0.2em;
	font-size: 12px;//:12px;
	border:1px solid #6699CC; 
	padding:4px; 
	float:left;
	width:100%;
	background-color:#E1EBF5;
	margin-top:5px;
}

.caution6{
	-moz-border-radius-bottomleft: 0.2em;
	-moz-border-radius-bottomright: 0.2em;
	-moz-border-radius-topleft: 0.2em;
	-moz-border-radius-topright: 0.2em;
	font-size: 12px;//:12px;
	border:1px solid #FFD144; 
	padding:4px; 
	float:left;
	width:100%;
	background-color:#FFF6DD;
	margin-top:5px;
}

.tabMenu{
	-moz-border-radius-topleft: 0.6em;
	-moz-border-radius-topright: 0.6em;
	font-size: 12px;//:12px;
	font-family: font-family:Microsoft JhengHei;//: Verdana, Geneva, Arial, Helvetica, sans-serif;
	border:2px solid #6699CC;
	background-color:#6699CC;
	color:white;
	font-weight: bold;
	padding:5px 15px 3px 7px;
	margin-left:0px;
	cursor:pointer;
}

.tabMenu_blur{
	-moz-border-radius-topleft: 0.6em;
	-moz-border-radius-topright: 0.6em;
	font-size: 12px;//:12px;
	font-family: font-family:Microsoft JhengHei;//: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#CCCCCC;
	border:2px solid #EFEFEF;
	background-color: #EFEFEF;
	padding:5px 15px 3px 7px;
	margin-left:0px;
	cursor:pointer;
}

.tabContents{
	border:2px solid #6699CC;
	height:380px;
	background-color: #E5E4F2;
	OVERFLOW: visible; 
	OVERFLOW-X:hidden;
}

.tabContent{
	padding:10px;
	display: none;
	width:100%;
}

.timelineLayout{
	border-top:1px solid silver;
}

.timelineLayout td{
	border-bottom:1px solid silver;
}

.timelineContainer{
	position: absolute;
	clear:both;
	display: none;
	z-index:50;
	overflow: auto;
}

.timelineContainer:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */ 

.timelineDATA{
	font-size: 12px;//:12px;
	font-family: font-family:Microsoft JhengHei;//: Verdana, Geneva, Arial, Helvetica, sans-serif;
	position:relative;
	border:1px solid #FFCC00;
	background-color:#FFF2BD;
	color:#666666;
	float:left;
	padding: 5px;
	display:none;
	max-width: 70px;
}

.tbLine td{
	border-bottom: 1px solid silver;
	line-height: 24px;
}

.lineAGREE{
	width: 5px;
	height: 5px;
	position: absolute;
	background-color: #66FF33;	
}

.lineREJECT{
	width: 5px;
	height: 5px;
	position: absolute;
	background-color: #CC0000;	
}

.style03{
	-moz-border-radius-bottomleft: 0.2em;
	-moz-border-radius-bottomright: 0.2em;
	-moz-border-radius-topleft: 0.2em;
	-moz-border-radius-topright: 0.2em;
	font-size: 12px;//:12px;
	border:1px solid #CD0A0A; 
	padding:4 10 4 10; 
	float:left;
	background-color:#FDF2F2;
	margin-top: 5px;
}

.style01{
	line-height: 30px;
	padding: 4 2 4 2;
	font-size: 12px;//: 12px;
	font-family: font-family:Microsoft JhengHei;//: Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-image: url(../icon/style01_bg.gif);
}








/****************************************************************************************************************************************************************************************************************************************************************/
/*Add in 2017/6/1 by JiaHao*/
body{
	width:100%;
        font-family:Microsoft JhengHei;
}

.HomeBT_css{
left:0px;top:0px;z-index:9999;
position:fixed!important;/*FF IE7*/  
position:absolute;/*IE6*/  
_top:       expression(eval(document.compatMode &&  
            document.compatMode=='CSS1Compat') ?  
            documentElement.scrollTop + (this.offsetHeight)-48 :/*IE6*/  
            document.body.scrollTop + (this.clientHeight)-48);/*IE5 IE5.5*/  
box-shadow:5px 5px 20px rgba(20%,20%,20%,0.5);
}

.div_KM_MyPage_left{z-index:9999;background: #ffffff;position:absolute;border:1px solid #b5b5b5;padding-top:5;padding-bottom:5;left:0px;top:49px;box-shadow:10px 10px 30px rgba(20%,20%,20%,0.5);
position:fixed!important;position:absolute;z-index:9999;
_top:       expression(eval(document.compatMode &&  
            document.compatMode=='CSS1Compat') ?  
            documentElement.scrollTop +49 :/*IE6*/  
            document.body.scrollTop + 49);/*IE5 IE5.5*/  
min-width:400px;
_width:400px;
}

.profileicon {border-radius:50%;margin:5px;width:32px!important;WIDTH:32px;height:32px!important;height:32px;//border:1px solid #fff;}

.div_myProfile_right{z-index:9999;background: #ffffff;position:absolute;border:1px solid #b5b5b5;width:150px;padding-top:7;padding-bottom:7;right:0px;top:47px;box-shadow:10px 10px 30px rgba(20%,20%,20%,0.5);}

.SubMenu_Div{
border:1px solid #b5b5b5;
background: #ffffff;
padding-top:0;
padding-bottom:7;

top:84px;
position:absolute;z-index:9999;
width: 900px;
box-shadow:10px 10px 30px rgba(20%,20%,20%,0.5);
zoom: 1;
filter: progid:DXImageTransform.Microsoft.DropShadow(OffX=5, OffY=5, Color=#e9e9e9);
}


/*------BT  S------*/
.BT1{
	cursor: pointer;
	display: inline-block;
	*display: inline;
	border: 1px solid #aaa;
	background-color: #fff;
	color:#000;
	font-weight: bold;
	font-size: 12px;//: 15px;
	font-family: font-family:Microsoft JhengHei;//: arial;
	text-align:center;
	border-radius: 5px;
	min-height:150px;
	box-shadow: 5px 5px 10px rgba(10%,10%,10%,0.2);
	/*IE8*/
	zoom: 1;
	filter: progid:DXImageTransform.Microsoft.DropShadow(OffX=4, OffY=4, Color=#c9c9c9);
	margin: 5px;
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	transition:all 0.5s ease;
}
.BT1 .Title{
	padding: 5px 10px 5px 10px;
	color:#000;
	background: #ddd;
	border-radius: 5px 5px 0px 0px;
	
}
.BT1 .Content{
	font-weight: normal;
	padding: 0px 15px 0px 0px;
	text-align:left;
	color:#000;
}
.BT1:hover{
	color:#ffff00;
	background:#c7c7c7;
	box-shadow: inset 0 35px 5px rgba(0,0,0,0.27);
}
.BT1:hover .Title{
	background:#000;
	color:#ffff00;
}
.BT1:active{
	color:#ffff00;
	background:#555555;
	transform:scale(0.95);
	box-shadow:inset 0 7px 5px rgba(255,255,255,0.17);
}


.BT2{
	cursor: pointer;
	display: inline-block;
	*display: inline;
	border: 1px dotted #aaa;
	padding: 5px 10px 5px 10px;
	background-color: #999999;
	color:#fff;
	font-weight: bold;
	font-size: 12px;//: 15px;
	font-family: font-family:Microsoft JhengHei;//: arial;
	text-align:center;
	border-radius: 5px;
	box-shadow: 5px 5px 10px rgba(10%,10%,10%,0.2);
	/*IE8*/
	zoom: 1;
	filter: progid:DXImageTransform.Microsoft.DropShadow(OffX=4, OffY=4, Color=#c9c9c9);
	margin: 5px;
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	transition:all 0.5s ease;
}
.BT2.select{
	background:#555555;
}
.BT2:hover{
	color:#ffff00;
	background:#555555;
	box-shadow: inset 0 35px 5px rgba(0,0,0,0.27);
}
.BT2:active{
	color:#ffff00;
	background:#555555;
	transform:scale(0.95);
	box-shadow:inset 0 7px 5px rgba(255,255,255,0.17);
}

.BT3{
	cursor: pointer;
	display: inline-block;
	*display: inline;
	border: 1px dotted #aaa;
	padding: 5px 10px 5px 10px;
	background-color: #464646;
	color:#fff;
	font-weight: bold;
	font-size: 12px;//: 15px;
	font-family: font-family:Microsoft JhengHei;//: arial;
	text-align:center;
	border-radius: 5px;
	box-shadow: 5px 5px 10px rgba(10%,10%,10%,0.2);
	/*IE8*/
	zoom: 1;
	filter: progid:DXImageTransform.Microsoft.DropShadow(OffX=4, OffY=4, Color=#c9c9c9);
	margin: 5px;
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	transition:all 0.5s ease;
}
.BT3:hover{
	color:#ffff00;
	background:#000000;
}
.BT3:active{
	color:#ffff00;
	background:#000000;
	transform:scale(0.95);
	box-shadow:inset 0 7px 5px rgba(255,255,255,0.17);
}
/*------BT  E------*/
/*------Page  E------*/
.Plane1{
	border: 1px solid #000;
	background: #fff;
	border-radius: 0px 5px 5px 5px;
	padding: 10px;
	min-height: 100px;
}
.Plane1_BT{
	position:relative;
	cursor: pointer;
	display: inline-block;
	*display: inline;
	padding: 5px 10px 5px 10px;
	margin-right:10px;
	background-color: #999;
	border-right: 1px solid #000;
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	color:#fff;
	font-weight: bold;
	font-size: 12px;//: 15px;
	font-family: font-family:Microsoft JhengHei;//: arial;
	text-align:center;
	border-radius: 5px 5px 0px 0px;
	zoom: 1;
}
.Plane1_BT.Plane1_select{
    background-color: #fff;
	color:#000;
	box-shadow: 3px 0px 1px rgba(26, 26, 26, 1);
	/*IE8*/
	zoom: 1;
	/*filter: progid:DXImageTransform.Microsoft.DropShadow(OffX=5, OffY=0, Color=#464646);*/
}
.Plane1_BT.Plane1_select :before{
	content: ' ';
    height: 8px;
    background-color: #fff;
    position: absolute;
    width: 100%;
    left: 0;
    bottom: -4px;
}

.Plane2{
	padding: 10px;
	min-height: 100px;
	min-height: 100px;
}

.Plane2_BT{
	/*IE8*/
	zoom: 1;
	cursor: pointer;
	display: inline-block;
	*display: inline;
    margin: 0px 15px;
	padding-bottom:5px;
    position: relative;
}

.Plane2_BT .Plane2_Icon{
	cursor: pointer;
	border: 2px solid #9a9a9a;
	width:50px;
	height:50px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	margin:10px auto auto auto; instead of margin:10px 0 0 0 ;
	background:#fff;
	box-shadow:4px 4px 10px -2px rgba(20%,20%,40%,0.5);
	-moz-box-shadow:4px 4px 10px -2px rgba(20%,20%,40%,0.5);
	-webkit-box-shadow:4px 4px 10px -2px rgba(20%,20%,40%,0.5);
	
	/*非IE的主流瀏覽器識別的垂直居中的方法*/ 
	display: table-cell; 
	/*設置圖片垂直居中*/ 
	vertical-align:middle; 
	/*設置置水平居中*/ 
	text-align:center; 
	/* 針對IE的Hack */ 
	*display:block;
}
.Plane2_BT .Plane2_Font{
	font-size: 12px;//: 12px;
	font-weight: bold;
	display: inline-block;
	*display: inline;
	margin: 6px auto auto auto;
	color: #555;
	cursor: pointer.
}
.Plane2_BT.Plane2_select :after{
	content: ' ';
    position: absolute;
    background: #555;
    height: 3px;
    bottom: 0;
    width: 100%;
    left: 0;
}
.Plane2_BT.Plane2_select .Plane2_Icon{
	background:#7043a2;
}
/*------Page  E------*/

/*------Selector  S------*/
.Selector1{
	cursor: pointer;
	display: inline-block;
	*display: inline;
	position: relative;
	line-height: 2em;
	box-sizing: border-box;
	padding:0px 0.7em 0px 3em;
	background-color:#999;
	border-radius: 5px;
	color: #fff;
	font-weight: bold;
        font-size: 10px;
        font-family:Calibri;
	box-shadow: 5px 5px 10px rgba(10%,10%,10%,0.2);
	/*IE8*/
	zoom: 1;
	filter: progid:DXImageTransform.Microsoft.DropShadow(OffX=4, OffY=4, Color=#c9c9c9);
	
}
.Selector1:before{
	content:'';
	display: inline-block;
	*display: inline;
	position: absolute;
    left: 0;
    top: 0;
	width:2.5em;
	height:100%;
	background-color:#aaaaaa;
	border-radius: 5px 0 0 5px;
}

.Selector1:hover{
	color: #ffff00;
}
.Selector1:hover:before{
	text-indent: .9em;
	color: #ffff00;
	content:'\2714';
}
.Selector1.Select{
	color: #ffff00;
}
.Selector1.Select:before{
	content:'\2714';
	text-indent: .9em;
	color: #ffff00;
	background-color:#555555;
}

/*------Selector  E------*/

/*------Box  S------*/
.Box1{
	border: 1px solid #999;margin: 5px;border-radius: 5px;padding: 10px ;     box-sizing: border-box;
}
/*------Box  E------*/




/*------OpenPlane  S------*/
.OpenPlane1{
	position: absolute;
    top: 0;
    left: 0;
    background: #e9e9e9;
	padding:30px 0px 10px 0px;
    border: 1px solid #999;
	border-radius: 5px;
	box-shadow: 5px 5px 10px rgba(10%,10%,10%,0.2);
	/*IE8*/
	zoom: 1;
	filter: progid:DXImageTransform.Microsoft.DropShadow(OffX=4, OffY=4, Color=#c9c9c9);
	z-index:99;
}
.OpenPlane1_Top{
    position: absolute;
    top: 0px;
    left: -1px;
    background: #5a5a5a;
    border: 1px solid #999;
    border-radius: 5px 5px 0px 0px;
    z-index: 100;
    width: 100%;
	height:20px;
}
.OpenPlane1_Close{
	cursor: pointer;
	height:100%;
	width:20px;
	background:#000;
	border-radius: 0px 5px 0px 0px;
	padding: 4px;
	box-sizing: border-box;
}

.OpenMask{
	position: absolute;
    top: 0;
    left: 0;
	width:100%;
	height:100%;
	z-index:1;
	background:#d2d2d2;
}
/*------OpenPlane  E------*/

.Div1{
	display: inline-block;
	*display: inline;
	border: 1px dotted #aaa;
	padding: 5px 10px 5px 10px;
	background-color: #999999;
	color:#fff;
	font-weight: bold;
	font-size: 12px;//: 12px;
	font-family: font-family:Microsoft JhengHei;//: arial;
	text-align:center;
	border-radius: 2px;
	//box-shadow: 5px 5px 10px rgba(10%,10%,10%,0.2);
	/*IE8*/
	filter: progid:DXImageTransform.Microsoft.DropShadow(OffX=3, OffY=3, Color=#c9c9c9);
	margin: 5px;
}
.Bubble{
	background: #f00;
    color: #ffff00;
    font-size: 12px;//: 12px;
    padding: 3px 7px 3px 7px;
    border-radius: 20px;
}
.MenuIconStyle{
	cursor: pointer;
}
.MenuIconStyle_Img {
	cursor: pointer;
	background: gray;
	width:50px;
	height:75px; 
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	padding:15px;
	margin:10px auto auto auto; instead of margin:10px 0 0 0 ;

	box-shadow:4px 4px 10px -2px rgba(20%,20%,40%,0.5);
	-moz-box-shadow:4px 4px 10px -2px rgba(20%,20%,40%,0.5);
	-webkit-box-shadow:4px 4px 10px -2px rgba(20%,20%,40%,0.5);

	/*非IE的主流瀏覽器識別的垂直居中的方法*/ 
	display: table-cell; 
	/*設置圖片垂直居中*/ 
	vertical-align:middle; 
	/*設置置水平居中*/ 
	text-align:center; 
	/* 針對IE的Hack */ 
	*display: block; 
}
.MenuIconStyle_Img img { 
	/*設置圖片垂直居中*/ 
	vertical-align:middle; 
	/* 針對IE的Hack */ 
	*display: block; 
}
.MenuIconStyle_Font{
	width:110px;
	font-weight: bold;
	font-size: 12px;//:12;
	text-align:center; 
	margin:10px auto auto auto; 
	instead of margin:10px 0 0 0 ;
	cursor: pointer;
	color:#555;
}
.MenuIconStyle:hover {
	transform: scale(1.1);
}
.MenuIconStyle:hover .MenuIconStyle_Img{
    box-shadow: inset 9px 0px 10px rgba(0,0,0,0.32);
}
.MenuIconStyle:hover .MenuIconStyle_Font{
    color:#000;
}
.MenuIconStyle:active{ 
	transform: scale(0.9);
}
.Position_Bottom{
	box-sizing: border-box;
	padding:0px 30px 20px 30px;
	position: fixed;
    background: #fff;
    width: 100%;
    left: 0;
    bottom: 0;
    border: 1px solid #000;
	z-index:9999;
position:fixed!important;/*FF IE7*/  
position:absolute;/*IE6*/  
_bottom:       expression(eval(document.compatMode &&  
            document.compatMode=='CSS1Compat') ?  
            0-(documentElement.scrollTop ) :/*IE6*/  
            0-(document.body.scrollTop ));/*IE5 IE5.5*/  
_width: expression(
			document.body.offsetWidth-25;
		);
}

.InlineBlock{
	display: inline-block;
	*display: inline;
}

/*  */

.w12 {
	color: #FFFFFF;
	font-size: 12px;//: 12px;
	text-decoration: none;
	letter-spacing: 0px;
	line-height: 20px;
}
A.w12:active {
	font-size: 12px;//: 12px;
	letter-spacing: 0px;
	line-height: 20px;
}
A.w12:link {
	font-weight: bold;
	text-decoration: none;
	letter-spacing: 0px;
	line-height: 20px;
}
A.w12:visited {
	text-decoration: none;
	letter-spacing: 0px;
	line-height: 20px;
}
A.w12:hover {
	color: #FFFF00;
	text-decoration: none;
	letter-spacing: 0px;
	line-height: 20px;
}
.Global_Menu {
	color: #808080;
	font-size: 12px;//: 15px;
	font-weight: bold;
	text-decoration: none;
	letter-spacing: 0;
	line-height: 20px;
}
A.Global_Menu:link {
	color: #808080;
	font-size: 12px;//: 15px;
	font-weight: bold;
	text-decoration: none;
	letter-spacing: 0;
	line-height: 20px;
}
A.Global_Menu:hover {
	color: #000000;
	font-weight: bold;
	text-decoration: underline;
	letter-spacing: 0;
	line-height: 20px;
}
.Global_Profile {
	color: #808080;
	font-size: 12px;//: 12px;
	font-weight: bold;
	text-decoration: none;
	letter-spacing: 0px;
	line-height: 20px;
}
A.Global_Profile:active {
	font-size: 12px;//: 12px;
	letter-spacing: 0px;
	line-height: 20px;
}
A.Global_Profile:link {
	color: #808080;
	font-size: 12px;//: 12px;
	font-weight: bold;
	text-decoration: none;
	letter-spacing: 0px;
	line-height: 20px;
}
A.Global_Profile:visited {
	color: #808080;
	font-size: 12px;//: 12px;
	font-weight: bold;
	text-decoration: none;
	letter-spacing: 0px;
	line-height: 20px;
}
A.Global_Profile:hover {
	color: #000000;
	font-size: 12px;//: 12px;
	font-weight: bold;
	text-decoration: underline;
	letter-spacing: 0px;
	line-height: 20px;
}
.g14 {
	color: #808080;
	font-size: 12px;//: 14px;
	font-weight: bold;
	text-decoration: none;
	letter-spacing: 0px;
	line-height: 20px;
}
A.g14:active {
	font-size: 12px;//: 14px;
	letter-spacing: 0px;
	line-height: 20px;
}
A.g14:link {
	color: #808080;
	font-size: 12px;//: 14px;
	font-weight: bold;
	text-decoration: none;
	letter-spacing: 0px;
	line-height: 20px;
}
A.g14:visited {
	color: #808080;
	font-size: 12px;//: 14px;
	font-weight: bold;
	text-decoration: none;
	letter-spacing: 0px;
	line-height: 20px;
}
A.g14:hover {
	color: #000000;
	font-size: 12px;//: 14px;
	font-weight: bold;
	text-decoration: underline;
	letter-spacing: 0px;
	line-height: 20px;
}
.Title_B15 {
	color: #6260A1;
	font-size: 12px;//: 15px;
	font-weight: bold;
	text-decoration: none;
	letter-spacing: 0px;
	line-height: 20px;
}
A.Title_B15:active {
	font-size: 12px;//: 15px;
	letter-spacing: 0px;
	line-height: 20px;
}
A.Title_B15:link {
	color: #6260A1;
	font-size: 12px;//: 15px;
	font-weight: bold;
	text-decoration: none;
	letter-spacing: 0px;
	line-height: 20px;
}
A.Title_B15:visited {
	color: #6260A1;
	font-size: 12px;//: 15px;
	font-weight: bold;
	text-decoration: none;
	letter-spacing: 0px;
	line-height: 20px;
}
A.Title_B15:hover {
	font-family: font-family:Microsoft JhengHei;//: arial;
	color: #000000;
	font-size: 12px;//: 15px;
	font-weight: bold;
	text-decoration: none;
	letter-spacing: 0px;
	line-height: 20px;
}
.r12 {
	font-family: font-family:Microsoft JhengHei;//: arial;
	color: #FF0000;
	font-size: 12px;//: 12px;
	font-weight: bold;
	text-decoration: none;
	letter-spacing: 2px;
	line-height: 0px;
}
A.r12:active {
	font-family: font-family:Microsoft JhengHei;//: arial;
	font-size: 12px;//: 12px;
	letter-spacing: 2px;
	line-height: 0px;
}
A.r12:link {
	font-family: font-family:Microsoft JhengHei;//: arial;
	color: #FF0000;
	font-size: 12px;//: 12px;
	font-weight: bold;
	text-decoration: none;
	letter-spacing: 2px;
	line-height: 0px;
}
A.r12:visited {
	font-family: font-family:Microsoft JhengHei;//: arial;
	color: #FF0000;
	font-size: 12px;//: 12px;
	text-decoration: none;
	letter-spacing: 2px;
	line-height: 0px;
}
A.r12:hover {
	font-family: font-family:Microsoft JhengHei;//: arial;
	color: #FFFF00;
	font-size: 12px;//: 12px;
	text-decoration: none;
	letter-spacing: 2px;
	line-height: 0px;
}
.w15 {
	font-family: font-family:Microsoft JhengHei;//: arial;
	color: #FFFFFF;
	font-size: 12px;//: 15px;
	font-weight: bold;
	text-decoration: none;
	letter-spacing: 0px;
	line-height: 20px;
}
A.w15:active {
	font-family: font-family:Microsoft JhengHei;//: arial;
	font-size: 12px;//: 15px;
	letter-spacing: 0px;
	line-height: 20px;
}
A.w15:link {
	font-family: font-family:Microsoft JhengHei;//: arial;
	color: #FFFFFF;
	font-size: 12px;//: 15px;
	font-weight: bold;
	text-decoration: none;
	letter-spacing: 0px;
	line-height: 20px;
}
A.w15:visited {
	font-family: font-family:Microsoft JhengHei;//: arial;
	color: #FFFFFF;
	font-size: 12px;//: 15px;
	font-weight: bold;
	text-decoration: none;
	letter-spacing: 0px;
	line-height: 20px;
}
A.w15:hover {
	font-family: font-family:Microsoft JhengHei;//: arial;
	color: #FFFF00;
	font-size: 12px;//: 15px;
	font-weight: bold;
	text-decoration: none;
	letter-spacing: 0px;
	line-height: 20px;
}
.Title24 {
	font-family: font-family:Microsoft JhengHei;//: arial;
	//color: #0041C2;
	font-size:18px;//: 24px;
	font-weight: bold;
	text-decoration: none;
	letter-spacing: 0px;
	line-height: 20px;
}
A.Title24:active {
	font-family: font-family:Microsoft JhengHei;//: arial;
	font-size: 12px;//: 24px;
	letter-spacing: 0px;
	line-height: 20px;
}
A.Title24:link {
	font-family: font-family:Microsoft JhengHei;//: arial;
	color: #000000;
	font-size: 12px;//: 24px;
	text-decoration: none;
	letter-spacing: 0px;
	line-height: 20px;
}
A.Title24:visited {
	font-family: font-family:Microsoft JhengHei;//: arial;
	color: #000000;
	font-size: 12px;//: 24px;
	text-decoration: none;
	letter-spacing: 0px;
	line-height: 20px;
}
A.Title24:hover {
	font-family: font-family:Microsoft JhengHei;//: arial;
	color: #000000;
	font-size: 12px;//: 24px;
	text-decoration: none;
	letter-spacing: 0px;
	line-height: 20px;
}
.LeftTree {
	color: #0062E1;
	font-size: 12px;//: 15px;
	text-decoration: none;
	letter-spacing: 0px;
	line-height: 25px;
}
A.LeftTree:active {
	font-size: 12px;//: 15px;
	letter-spacing: 0px;
	line-height: 25px;
}
A.LeftTree:link {
	color: #0062E1;
	font-size: 12px;//: 15px;
	text-decoration: none;
	letter-spacing: 0px;
	line-height: 25px;
}
A.LeftTree:visited {
	color: #0062E1;
	font-size: 12px;//: 15px;
	text-decoration: none;
	letter-spacing: 0px;
	line-height: 25px;
}
A.LeftTree:hover {
	color: #0000C2;
	font-size: 12px;//: 15px;
	text-decoration: none;
	letter-spacing: 0px;
	line-height: 25px;
}
.LeftTree_Title {
	color: #000000;
	font-size: 12px;//: 14;
	font-weight: bold;
	text-decoration: none;
	letter-spacing: 0px;
	line-height: 20px;
}
A.LeftTree_Title:active {
	font-size: 12px;//: 14;
	letter-spacing: 0px;
	line-height: 20px;
}
A.LeftTree_Title:link {
	color: #000000;
	font-size: 12px;//: 14;
	font-weight: bold;
	text-decoration: none;
	letter-spacing: 0px;
	line-height: 20px;
}
A.LeftTree_Title:visited {
	color: #000000;
	font-size: 12px;//: 14;
	font-weight: bold;
	text-decoration: none;
	letter-spacing: 0px;
	line-height: 20px;
}
A.LeftTree_Title:hover {
	color: #FFFF00;
	font-size: 12px;//: 14;
	font-weight: bold;
	text-decoration: none;
	letter-spacing: 0px;
	line-height: 20px;
}
.LeftTree_Item {
	color: #0062E1;
	font-size: 12px;//: 14;
	text-decoration: none;
	letter-spacing: 0px;
	line-height: 20px;
}
A.LeftTree_Item:active {
	font-size: 12px;//: 14;
	letter-spacing: 0px;
	line-height: 20px;
}
A.LeftTree_Item:link {
	color: #0062E1;
	font-size: 12px;//: 14;
	text-decoration: none;
	letter-spacing: 0px;
	line-height: 20px;
}
A.LeftTree_Item:visited {
	color: #0062E1;
	font-size: 12px;//: 14;
	text-decoration: none;
	letter-spacing: 0px;
	line-height: 20px;
}
A.LeftTree_Item:hover {
	color: #0000FF;
	font-size: 12px;//: 14;
	text-decoration: underline;
	letter-spacing: 0px;
	line-height: 20px;
}
.Connection {
	font-family: font-family:Microsoft JhengHei;//: arial;
	color: #0062E1;
	font-size: 12px;//: 15px;
	font-weight: bold;
	text-decoration: none;
	letter-spacing: 0px;
	line-height: 20px;
}
A.Connection:active {
	font-family: font-family:Microsoft JhengHei;//: arial;
	font-size: 12px;//: 15px;
	letter-spacing: 0px;
	line-height: 20px;
}
A.Connection:link {
	font-family: font-family:Microsoft JhengHei;//: arial;
	color: #0062E1;
	font-size: 12px;//: 15px;
	font-weight: bold;
	text-decoration: none;
	letter-spacing: 0px;
	line-height: 20px;
}
A.Connection:visited {
	font-family: font-family:Microsoft JhengHei;//: arial;
	color: #0062E1;
	font-size: 12px;//: 15px;
	font-weight: bold;
	text-decoration: none;
	letter-spacing: 0px;
	line-height: 20px;
}
A.Connection:hover {
	font-family: font-family:Microsoft JhengHei;//: arial;
	color: #0000FF;
	font-size: 12px;//: 15px;
	font-weight: bold;
	text-decoration: underline;
	letter-spacing: 0px;
	line-height: 20px;
}
.b14 {
	color: #0000FF;
	font-size: 12px;//: 14px;
	text-decoration: none;
	letter-spacing: 0px;
	line-height: 20px;
}
A.b14:active {
	font-size: 12px;//: 14px;
	letter-spacing: 0px;
	line-height: 20px;
}
A.b14:link {
	color: #0000FF;
	font-size: 12px;//: 14px;
	text-decoration: none;
	letter-spacing: 0px;
	line-height: 20px;
}
A.b14:visited {
	color: #0000FF;
	font-size: 12px;//: 14px;
	text-decoration: none;
	letter-spacing: 0px;
	line-height: 20px;
}
A.b14:hover {
	color: #0000FF;
	font-size: 12px;//: 14px;
	text-decoration: underline;
	letter-spacing: 0px;
	line-height: 20px;
}
.P14 {
	color: #52188C;
	font-size: 12px;//: 14px;
	text-decoration: none;
	letter-spacing: 0px;
	line-height: 20px;
}
A.P14:active {
	font-size: 12px;//: 14px;
	letter-spacing: 0px;
	line-height: 20px;
}
A.P14:link {
	color: #52188C;
	font-size: 12px;//: 14px;
	text-decoration: none;
	letter-spacing: 0px;
	line-height: 20px;
}
A.P14:visited {
	color: #52188C;
	font-size: 12px;//: 14px;
	text-decoration: none;
	letter-spacing: 0px;
	line-height: 20px;
}
A.P14:hover {
	color: #52188C;
	font-size: 12px;//: 14px;
	text-decoration: underline;
	letter-spacing: 0px;
	line-height: 20px;
}

