@charset "utf-8";

body {
	margin:0;
	padding:0;
	font-size:12px;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin:0;
	padding:0;
}

img{
	border:none;
}


/*---- input style ----*/

.input01{
	height:28px;
	border: 1px solid #bababa;
	width:162px;
	color: #008BCE;
	line-height:28px;
	padding:0 4px;}

.input02{
	height:22px;
	border: 1px solid #635d56;
	width:220px;
	color: #008BCE;
	line-height:22px;
	padding:0 4px;}


/* grayboxBtn */
.input03{
	background-color:#00b1db;
	color:#FFFFFF;
	padding:5px 10px;
	border:none;
	float:right;
	height:33px;}
	
	
.input04{
	height:22px;
	width:198px;
	color: #008BCE;
	line-height:22px;
	padding:0 4px;
	border:none;
	border-left: 1px solid #635d56;}
	
.input05{
	width:100%;
	height:32px;
	width:250px;
	color: #3C87B5;
	line-height:32px;
	border:1px solid #d5d7d9;
	font-size: 15px;
	background-color: #eff1f3;
	padding:0 0 0 5px;
	font-family: Arial;}
	.input05.postfix01{
		width:170px;
	}
	.input05.postfix02{
		width:140px;
	}		
	
.line01{
	border-bottom: 1px solid #efeeed;
	background: url(/navigate/images/navigate/line02.gif) repeat-x left bottom;}
	
	
	
a, button{
  noFocusLine:expression(this.onFocus=this.blur());
  -moz-outline-style: none;} /* For IE */
:focus {
  -moz-outline-style: none;}

/*---- button style ----*/

a.btn_blue{
	background: url(/navigate/images/btn_blue02.jpg) repeat-x left top;
	display:block;
	font-size: 15px;
	color: #d9f2fc;
	text-decoration: none;
	line-height: 44px;
	font-weight: bold;
	height: 44px;}
a.btn_blue:hover{
color: #ffffff;}

a.btn_gray{
	background: url(/navigate/images/btn_gray02.jpg) repeat-x left top;
	display:block;
	font-size: 15px;
	color: #f0f0f0;
	text-decoration: none;
	line-height: 44px;
	font-weight: bold;
	height: 44px;}
a.btn_gray:hover{
color: #ffffff;}




	
/* Miscellaneous classes for reuse */
.fltrt2 { 
	float: right;
	margin-left: 8px;
	width:22%;}
	
.fltrt {
position:absolute;
top:0px;
right:20px;}

.clearfloat { 
	clear:both;}

.clearbr {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.margin_r { 
	margin-right: 5px;
}

.margin_l { 
	margin-left: 5px;
}

.margin_b { 
	margin-bottom: 5px;
}

.margin_l15 { 
	margin-left: 15px;
}

.margin_r15 { 
	margin-right: 15px;
}

.margin_l30 { 
	margin-left: 30px;
}

.margin_r50 { 
	margin-right: 50px;
}

.width100{width:150px;}

.width50{width:50%;}

.bg_y{background-color:#FFC;}

.alignrt{width:150px; text-align:right;}

.main_func { 
	background-image:url(/navigate/images/bg_mainfunc.jpg); background-repeat:repeat-x; height:45px;
	font-size:15px;
	color:#3399cc;
} 

.account_bg { 
	background-color:#fff;
    padding-top: 50px;
    padding-bottom: 50px;
	
} 

.account_bg_s { 
	background-color:#fff;
	font-size:13px;
	color:#666;
	padding:25px;

} 


/*--[if IE]
.twoColHybLtHdr #sidebar1 { padding-top: 30px; }
.twoColHybLtHdr #mainContent { zoom: 1; padding-top: 5px; }*/


/* text style */


table{
	border: 0;
	}
th{
	font-size:12px;
	color:#666;
	font-weight:bold;	
	border-bottom: 1px dotted #e7e2e2;	
}	
/*td{
	font-size:12px;
	color:#666;
	line-height:120%
}		*/


h1{
	font-size:15px;
	color:#3399cc;
	font-weight:bold;}

h2{
	font-size:13px;
	color:#666;
	font-weight:bold;}
	
	
	
	
/** by download page title **/
h3{
color: #00A8E1;
font-size:21px;}
	h3 a{
	font-size:21px;
	text-decoration: none;
	color: #00A8E1;}
	h3 a:hover{
	color: #00A8E1;
	text-decoration: underline;
}

h4{
	font-size: 13px;
	color: #48433d;
	display: block;
	line-height:34px;
	padding:0 20px;
	margin:0;
	position:relative;
	}
	
	h4 a{
	display:block;
	width:20px;
	height:21px;
	padding:0;
	position:absolute;
	right:20px;
	top:7px;
	top:0px\9;
	background:none;}
	
	h4 a:hover{
	background:none;}

	/**by graybox title**/
	h5{
	padding:0;
	margin:0;}

li {
	/* font-size:13px;	
	margin:5px 15px 5px 15px; */
	list-style-type:none;
	
}

.sub_more {
	border-bottom: 2px dotted #eee;	
	margin-right:5px;
	margin-left:5px;	
	text-align:right;

}
.more {
	text-align:center;
	background-color:#f1f1f1;
	line-height:25px;
	padding:6px;
	display:block;}
	.more a{
	color: #999999;
	text-decoration: none;}
	.more a:hover{
	color: #797979;}

.path{
	color:#666;}
	
.path_now{
	font-size:15px;
	color:#3399cc;
	font-weight:bold;
	}

.desc{
	font-size:12px;
	line-height:160%;
	color:#666;
	}
	
.status{
	font-size:11px;
	color:#666;
	}



.left_list{
	font-size:11px;
	padding-left:10px;
	color:#666;}

.number{
	font-size:21px;
	color:#cc0000;
	font-weight:bold;}
	
	
/**
.number_des{
	font-size:15px;
	color:#999;
	font-weight:bold;}
	
.note{
	color:#f28a04;
	}
**/

.error{
	color:#7e143c;
	font-weight:bold;}



.pwd_box {
	background-color:#fcf8ed;
	padding: 100px; 
	border: 3px dotted #e7e2e2;
	height:100px;
}


.graybox{
	border: 3px dotted #e7e2e2;
	padding:10px;
}



.msg_box{
	background-color:#f1f1f1;
	padding:10px;
	margin:10px 10px 0 10px;
	text-align:center;
	color: #666666;
	min-height: 25px;
	}
	
	.msg_box a{
	color: #999999;
	text-decoration: none;
	}
	.msg_box a:hover{
	color: #797979;}

/* capture style */

.bg_capturelist {
	background-image:url(/navigate/images/bg_capturelist.jpg);
	background-repeat:no-repeat;
	height:316px;
	width:350px;
	padding: 15px;
	line-height: 160%;
}
.listbox{position:relative}
.list{
	font-size:13px;
	color:#666;
	line-height:250%;		
	border-bottom: 1px dotted #e7e2e2;
}		

/* login style */
.logingroup {
	background-color:#eafaff;
	padding: 20px; 
	border: 3px dotted #e7e2e2;
	width:70%;
	margin-right:50px;
}


/* home style */

.bg_home {
	background-image:url(/navigate/images/bg_home.jpg); background-repeat:repeat;
	padding:20px;
	height:850px;
}
.box1{
	background-image:url(/navigate/images/bubble1.png); background-repeat:no-repeat; height:200px; 
	font-size:13px;
	color:#666;
	line-height:140%;
	margin-left:40px;
	padding-top:30px;	
	padding-left:38px;
	width:60%;
	}
.box2{
	background-image:url(/navigate/images/bubble2.png); background-repeat:no-repeat; height:200px; 
	font-size:13px;
	color:#666;
	line-height:140%;
	padding-left:30px;	
	margin-left:20px;	
	padding-top:20px;		
	width:60%;	
	}
.box3{
	background-image:url(/navigate/images/bubble1.png); background-repeat:no-repeat; height:200px; 
	font-size:13px;
	color:#666;
	line-height:140%;
	margin-left:60px;
	padding-top:30px;	
	padding-left:30px;
	width:60%;	
	}
	
	

.boxContent {
	margin: 0 0 0 180px;
}

.boxContent2 {
	margin: 0 0 0 150px;
}


.news_box{
	border: 3px dotted #e7e2e2;
	padding:10px;
	background-color:#fff;
	line-height:160%;
	width:90%;
}


.invite_box{
	padding:10px;
	line-height:160%;
}	
.down_box{
	border: 3px dotted #e7e2e2;
	background-color:#fbfbe1;
	padding:10px;
	line-height:160%;
}



/* font style */
.size11{
	font-size:11px;
	line-height:160%;}
	
.size12{
	font-size:12px;
	line-height:160%;}

.size13{
	font-size:13px;
	line-height:160%}

.size15{
	font-size:15px;
	line-height:160%}

.size16{
	font-size:16px;
	line-height:160%}
	
.size18{
	font-size:18px;
	line-height:160%}

.size21{
	font-size:21px;
	line-height:160%}

.size25{
	font-size:25px;
	line-height:160%}
	
.size30{
	font-size:30px;
	line-height:160%}	



.color_lightbrown01{
	color:#b1ada9;}
	
	
.color_deepgray{
	color:#3b3b3b;}	
.color_gray01{
	color:#575759;}
.color_gray02{
	color:#888888;}
.color_gray03{
	color:#6f6f6f;}
.color_gray04{
	color:#878789;}
.color_gray05{
	color:#949494;}
.color_gray06{
	color:#b8b8b8;}
	
	

.color_blue01{
	color:#3399CC;}
.color_blue02{
	color:#329acd;}
.color_blue03{
	color:#357ae8;}	
	
.color_grayblue{
	color:#819aa9;}
.color_deepblue{
	color:#1b4f70;}

.color_white{
	color:#ffffff;}
	
.color_black{
	color:#000000;}

.color_orange{
	color:#f28a04;}

.bold{
	font-weight: bold;}
.normal{
	font-weight: normal;}
	
.ffamily{
	font-family: Arial, Verdana, Tahoma, "微軟正黑體", "新細明體";
}
	

/* link style */
a.blue{
	color: #1FA6E2;
	text-decoration: none;
}
		a.blue:hover{
		color: #188CCB;}


a.moreinfo{
		background:#80C701 url(/navigate/images/otherpage/index_bg02.jpg) top left repeat-x;
		display:block;
		float: left;
		padding: 6px 10px;
		color: #FFFFFF;
		text-decoration: none;
		margin:10px 0 0 0;
		font-size:11px;
		line-height:100%;}
		a.moreinfo:hover{
		text-decoration: underline;}

a.moreshareinfo{
		background:#80C701 url(/navigate/images/otherpage/index_bg02.jpg) top left repeat-x;		
		padding: 6px 10px;
		color: #FFFFFF;
		text-decoration: none;
		margin:10px 0 0 0;
		font-size:11px;
		line-height:100%;}
		a.moreshareinfo:hover{
		text-decoration: underline;}

a.update{
		background:#80C701 url(/navigate/images/otherpage/index_bg02.jpg) top left repeat-x;		
		padding: 6px 10px;
		color: #FFFFFF;
		text-decoration: none;
		margin:10px 0 0 0;
		font-size:11px;
		line-height:100%;}
		a.update:hover{
		text-decoration: underline;}



.use a,visited{
   color:#2cb0d7;}
   
.white a,visited{
   color:#fff;
   text-decoration:none;}
   
   
   
   
 /*---------------- share page ----------------*/  
   	.code{
	color: #04933d;
	background-color: #f9f8f3;
	padding:2px 5px;
	margin:0 6px;
	font-weight: bold;}