@charset "UTF-8";
/* CSS Document */



/* ===================== Header ====================== */

#header tr, 
#header td, 
#header p, 
#header b, 
#header strong,
#header{
	letter-spacing:0px !important;
}

#header{
	display: block; 
	width:100%; 
	position:fixed; 
	z-index: 99;/*10001; */
}



#headerContent{
	
	display:block;
	
	width:100%;
	
	/* RGBa browser */
    background-color: rgba(255, 255, 255, 0.9);
   
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#DDFFFFFF, endColorstr=#DDFFFFFF)";
}

#headerContent #header_process_container{
	background-color:#F3F3F3;
	display:block;
	padding: 5px 10px 5px 10px;
	border: 0px;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;
	border-radius: 5px;
}

			
#headerContent_mobile{
	
	display:none;
	
	width:100%;
	
	/* RGBa browser */
    background-color: rgba(255, 255, 255, 0.9);
	
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#DDFFFFFF, endColorstr=#DDFFFFFF)";
}


#headerContent_mobile #header_process_container{
	background-color:#FFFFFF;
	display:block;
	padding: 5px 10px 5px 10px;
	border: 0px;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;
	border-radius: 5px;
}





#headerContent_mobile #mobile_mm a, #headerContent_mobile #mobile_mm a:hover, #headerContent_mobile #mobile_mm a:link, #headerContent_mobile #mobile_mm a:visited{
	text-decoration: none;
	outline: none !important;
}

#headerContent_mobile #mobile_mm img{
	text-decoration: none;
	border:0px;
	outline: none !important;
}

#headerShadow{
	width:100%;
	height:20px;
	background:url('../img/header/header_shadow.png');
	background-repeat:repeat-x;
}


			
			
#headerBg{
	width:100%; 
	height:84px;
}


.header_mm_org, .header_mm_org a:link, .header_mm_org a:visited{
	color:#666;
	
	font-size:12px;
	line-height:20px;
}


.header_mm, .header_mm a:link, .header_mm a:visited{
	color:#0083A6;
	
	font-size:16px;
	line-height:22px;
	
}

.header_mm_org a:hover,
.header_mm a:hover{
	color:#999999;
}

.header_mm_org img{
	display:inline-block; 
	vertical-align:top; 
	margin-right:5px;
}

.header_mm img{
	display:inline-block; 
	vertical-align:top; 
	margin-left:5px;
}

.header_process_number, .header_process_number a:link, .header_process_number a:visited, .header_process_number a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:15px;
	
	color:#000000;
	margin-left: 10px;
}

.header_process_txt, .header_process_txt a:link, .header_process_txt a:visited, .header_process_txt a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#CCC;
	/*font-style: italic;*/
	font-weight:bold;
	
	color:#666666;
}


.header_login, .header_login a:link, .header_login a:visited{
	font-size:14px;
	
	color:#0083A6;
}

.header_login a:hover{
	color:#999999;
	
	font-size:14px;
	line-height:15px;
}



.notification_small_box{
	
	font-size:8px;
	line-height:16px;
	letter-spacing:0px;
	
	position:absolute;
	color:#FFFFFF;
	padding: 0px 8px 0px 8px;
	margin-left:32px;
	
	height:15px;
	
	background-color:#D21010; 
	background-image: -webkit-gradient(linear, left top, left bottom, from(#EF797E), to(#D21010));
	background-image: -webkit-linear-gradient(top, #EF797E, #D21010);
	background-image: -moz-linear-gradient(top, #EF797E, #D21010);
	background-image: -ms-linear-gradient(top, #EF797E, #D21010);
	background-image: -o-linear-gradient(top, #EF797E, #D21010);
	background-image: linear-gradient(to bottom, #EF797E, #D21010);
	
	text-align:center;
	
	-moz-border-radius: 20px; /* Firefox */
	-webkit-border-radius: 20px; /* Safari and Chrome */
	border-radius: 20px; /* IE 6+  */
  	
	
}



#mm_org_div{	

	font-size:15px;
	
	width:268px;
	position: absolute;
	display:none;
	border: 0px solid #5970B2;
	margin-left:-30px;
	padding-top:10px;
	
	
    /* RGBa browser */
    background-color: rgba(255, 255, 255, 0.0);
	
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#00FFFFFF)";
}



#mm_org_div a{
	font-size:15px;
}

#mm_account_div{	
	font-size:15px;
	
	width:210px;
	position: absolute;
	display:none;
	border: 0px solid #5970B2;
	margin-left:-146px;
	padding-top:10px;
	
	
	/* RGBa browser */
    background-color: rgba(255, 255, 255, 0.0);
	
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#00FFFFFF)";
}

#mm_account_div a{	
	font-size:15px;
}



#mm_account_div.bg{
	background:url('../img/header/header_mm_account_bg.png') no-repeat;
}

#mm_account_div_header{
	background:url('../img/header/header_mm_account_bg_header.png') no-repeat;
	height:22px;
}
#mm_account_div_body{
	background:url('../img/header/header_mm_account_bg_body.png') repeat-y;
}
#mm_account_div_footer{
	background:url('../img/header/header_mm_account_bg_footer.png') no-repeat;
	height:8px;
}



#mm_org_div.bg{
	background:url('../img/header/header_mm_org_bg.png') no-repeat;
}

#mm_org_div_header{
	background:url('../img/header/header_mm_org_bg_header.png') no-repeat;
	height:22px;
}
#mm_org_div_body{
	background:url('../img/header/header_mm_org_bg_body.png') repeat-y;
}
#mm_org_div_footer{
	background:url('../img/header/header_mm_org_bg_footer.png') no-repeat;
	height:8px;
}

#mm_org_div ul.mm_ul{	
	list-style: none;
	list-style-type:none;
	padding-left:20px;
	padding-bottom:0px;
	padding-right:10px;
	padding-top:18px;
	margin: 0px;
}

#mm_account_div ul.mm_ul{
	list-style: none;
	list-style-type:none;
	padding-left:20px;
	padding-bottom:0px;
	padding-right:10px;
	padding-top:18px;
	margin: 0px;
}





/* ----------------------------- bg, no organizers -------------------------------- */

#mm_org_div.bg li.mm_li{
    background:url('../img/header/header_separate_line_org.png') no-repeat;
	background-position:0pt 32px;
	height:50px;
}

#mm_org_div.bg li, #mm_org_div.bg li a{	
	position: relative;
	display: block;
	margin: 0;
	width: auto;
	white-space: nowrap;
	text-align: left;
	text-decoration: none;
	color: #000000;
	padding-left: 10px;
	
	padding-top: 6px;
	height:60px;
}

/* ---- END -------------------- bg, no organizers -------------------------------- */


/* ----------------------------- Extend Organizers -------------------------------- */

#mm_org_div li.mm_li{
    background:url('../img/header/header_separate_line_org.png') no-repeat;
	background-position:0pt 32px;
	height:50px;
}


#mm_org_div li, #mm_org_div li a{	
	position: relative;
	display: block;
	margin: 0;
	width: auto;
	white-space: nowrap;
	text-align: left;
	text-decoration: none;
	color: #000000;
	padding-left: 5px;
	
	height:40px;
}

#mm_org_div .mm_li .create_org{	
	margin-left: 9px !important;
}

/* ---- END ----------------------- Extend Organizers -------------------------------- */




#mm_account_div li.mm_li{
    background:url('../img/header/header_separate_line.png') no-repeat;
	background-position:0pt 30px;
}


#mm_account_div li, #mm_account_div li a{	
	position: relative;
	display: block;
	margin: 0;
	width: auto;
	white-space: nowrap;
	text-align: left;
	text-decoration: none;
	color: #000000;
	padding-left: 5px;
	
	height:40px;
}





#mm_org_div li a:hover, #mm_account_div li a:hover{	
	color: #0083A6;
}

#mm_org_div li a:linked img, #mm_account_div li a:linked img,
#mm_org_div li a:visited img, #mm_account_div li a:visited img{
	opacity: 0.2; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=20); /* IE lt 8 */
	-ms-filter: "alpha(opacity=20)"; /* IE 8 */
	-khtml-opacity: 0.2; /* Safari 1.x */
  	-moz-opacity: 0.2; /* FF lt 1.5, Netscape */
}

#mm_org_div li a:hover img, #mm_account_div li a:hover img{
	opacity: 0.5; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=50); /* IE lt 8 */
	-ms-filter: "alpha(opacity=50)"; /* IE 8 */
	-khtml-opacity: 0.5; /* Safari 1.x */
  	-moz-opacity: 0.5; /* FF lt 1.5, Netscape */
}



#header_search_input{
	
	font-family:"Proxima Nova Light", "MHei", "STHeiti", "微軟正黑體", "Microsoft JhengHei", Arial, Helvetica, sans-serif;
	font-size:15px;
	
	line-height:34px; /*IE*/
	width: 156px;
	height: 34px;
	margin: 0px;
	padding: 0 10px 0 36px;
	border: 0px;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color:#F3F3F3;
	color: #0083A6;
	
}

.header_search{
	background: #F3F3F3  url('../img/header/header_search_icon.png') 10px 8px no-repeat;
	background-size: 18px 18px;
	-webkit-background-size: 18px 18px;
	-moz-background-size: 18px 18px;
	
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/header/header_search_icon.png', sizingMethod='scale')";	
}

.header_search_IE8{
	background: #F3F3F3  url('../img/header/header_search_icon_IE8.png') 10px 8px no-repeat;
	background-size: 18px 18px;
	-webkit-background-size: 18px 18px;
	-moz-background-size: 18px 18px;
	
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/header/header_search_icon.png', sizingMethod='scale')";	
}


#header_search_input_normal{
	width: 0px;
	border:0;
   	border-bottom:solid 1px #0083A6;
   	outline:none;
	display:none;
	padding-left:5px;
	padding-right:5px;
}
	

/* == END =================== Header ====================== */