/* CSS Document */

Body{
font-family: Arial, Verdana, Tahoma, "新細明體";
margin:0;
padding:0;}
p{
margin:0;
padding:0;}



/*---------------- index ----------------*/
.index_content{
	background: url(/navigate/images/otherpage/index_bannerbg.jpg) repeat-x left top;}

	.index_content .banner{
	background: url(/navigate/images/otherpage/index_banner.jpg) top center no-repeat;
	height:297px;
	padding:40px 0 0 0;
	width:900px;
	margin:0 auto;
	text-align: center;}
	
	.index_content .banner.s32gb{
	background: url(/navigate/images/otherpage/index_banner_32gb.jpg) top center no-repeat;
	height:297px;
	padding:40px 0 0 0;
	width:900px;
	margin:0 auto;
	text-align: center;}
	
	.index_content .txtcolumn{
	width:860px;
	margin:0 auto;
	padding:0 20px;
	background: url(/navigate/images/otherpage/index_bannerbg.jpg) repeat-x left -337px;
}

.index_content .index_holiday {
	width:202px;
	height:200px;
	position:absolute;
	right:15px;
	top:60px;
}

		.txtcolumn .txtbox{
		background: url(/navigate/images/otherpage/index_bg01.jpg) top right no-repeat;
		width:227px;
		float:left;
		padding:20px 30px;}

.ellipsis{
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis; 
	overflow: hidden; 
	white-space:nowrap;
}

.isimage .block_name .ellipsis{
	width:180px;
}

/*---------------- feature ----------------*/


.fea_column1{
	padding:40px 20px;
	border-bottom: 1px solid #f0f0f0;}
	
	.fea_column1 a{
	color: #2492CC;
	text-decoration: underline;}
	.fea_column1 a:hover{
	text-decoration: none;}
	
	.fea_column1 ol{
	margin: 30px 0 0 0;
	padding: 0px;
	display:block;}
	.fea_column1 ul{
	color:#F3970C;
	margin: 10px 0 0 0;
	padding: 0px;
	font-size: 13px;
	font-weight: bold;
	line-height:160%;}
	.fea_column1 li{
	color:#838383;
	margin: 0px;
	padding: 0px;
	font-weight: normal;}

	
.fea_column2{
	padding:40px 20px;}
	.fea_column2 a{
	color: #2492CC;
	text-decoration: underline;}
	.fea_column2 a:hover{
	text-decoration: none;}
	
	.fea_column2 .msginfo{}
	.msginfo .txtbox{
	width:205px;
	float: left;
	margin: 30px 120px 0 0;}





/*--------------- free ---------------*/

.free_col1{
padding:30px 20px 0 20px;}
	.free_col1 .menubox{
	background: url(/navigate/images/otherpage/free_pic01.jpg) top left no-repeat;
	padding:60px 0 0 440px;
	min-height:400px;}


	.free_col1 ul{
	margin:20px 0;
	padding:0;}
	.free_col1 li{
	margin:0;
	padding:0;}
	.free_col1 li a{
	text-decoration: none;
	display: block;
	padding:18px 20px;
	border: 1px solid #3eafef;
	margin:0 0 2px 0;
	font-size: 15px;
	font-weight: bold;
	color: #069dce;}
	.free_col1 li a:hover{
	border: 1px solid #3eafef;
	color: #FFFFFF;
	background-color: #3eafef;}



/*-- column2 --*/
.free_col2{
padding:30px 20px 0 20px;}

	.free_col2 .point{
	float:right;
	width:290px;
	padding:15px 20px 15px 120px;
	margin:10px 0 10px 10px;
	border: 1px solid #e1e1e1;
	background:#fafafa url(/navigate/images/otherpage/free_pic02.jpg) no-repeat left center;}



/*-- column3 --*/
.free_col3{
padding:30px 15px 0 15px;}
	#wrap_install {
	background: url(/navigate/images/install_en.jpg) top center no-repeat;
	margin:30px 0;}

		.install_box1, .install_box2, .install_box3{
		float:left;
		padding-left:23px;}
		.install_box1 {
		width:250px;}
		.install_box2 {
		width:270px;}
		.install_box3 {
		width:275px;}
	
	#wrap_acount {
	padding-bottom:25px;
	background: url(/navigate/images/acount_en.jpg) top center no-repeat;}

		.acount_box1, .acount_box2, .acount_box3{
		float: left;
		padding-left:23px;}
		.acount_box1 {
		width:250px;}
		.acount_box2 {
		width:270px;}
		.acount_box3 {
		width:275px;}
		
	

/*-- column4 --*/
.free_col4{
	padding:30px 20px 0 20px;
	background: url(/navigate/images/otherpage/free_pic03.jpg) no-repeat 20px 20px;}

	.free_col4 .forminfo{
	margin:40px 0 0 0;
	}
		.free_col4 .forminfo a{
		color: #8dc8ff;
		text-decoration: underline;}
		.free_col4 .forminfo a:hover{
		text-decoration: none;}
		
		.forminfo .tableinfo td{
		padding:6px 20px;}


.gotop{
	border-bottom: 1px solid #c3c3c3;
	display:block;
	height:24px;
	margin:20px 0 0 0;}
	.gotop a{
	background-color: #c3c3c3;
	display: block;
	float: right;
	padding: 5px 10px;
	color: #F5F5F5;
	text-decoration: none;
	height:14px;}
	.gotop a:hover{
	color: #ffffff;}
	
	
/*---------------- download ----------------*/
.download_computer, .download_mobile, .download_now{
margin:1px 0 0 0;}

	.download_now ul{
	margin:0;
	padding:0;}
	.download_now li{
	margin:0 0 6px 6px;
	padding:0;}
		.download_now li a{
		color:#707070;
		text-decoration: none;
		margin:0 0 0 6px;}
		.download_now li a:hover{
		color:#5A5A5A;
		text-decoration: underline;}



.download_title{
	display: block;
	font-size: 13px;
	line-height: 28px;
	background-color: #f1f1f1;
	padding:0 0 0 15px;
	color:#787878;}



.download_column{
	border-bottom: 1px solid #F1F1F1;
	padding:6px 0 10px 0;}
	.system_title{
	font-size:21px;
	color:#000000;
	line-height:36px;}
	.system_txt{
	font-size:12px;
	color:#888888;
	display:table;
	padding:0 20px 0 0;
	line-height:18px;}
	.system_ex{
	font-size:11px;
	color:#3EB5F1;
	margin:0 0 0 10px;}
	
	
	
	
	
.download_column .actionbtn{
float:right;
min-width:160px;
text-align:right;
margin:12px 0 0 0;
min-height:50px;}
	.actionbtn .all_btn{
	position:relative;
	float:right;
	margin:0 0 0 5px;
	display:block;}
		
	a.more_msg{
		font-family: Times, Times New Roman;
		font-size: 12px;
		text-decoration: none;
		color: #767676;
		padding:6px 14px;
		background: url(/navigate/images/btnbg_gray.jpg) repeat-x;
		border: 1px solid #C1C1C1;}
		a.more_msg:hover{
		color: #767676;
		border: 1px solid #989898;}
		
		
	a.download_client{
	font-size: 12px;
	text-decoration: none;
	color: #ffffff;
	padding:6px 14px;
	background:#4589F8 url(/navigate/images/btnbg_blue.jpg) repeat-x;
	border: 1px solid #4884E6;
	
}
		a.download_client:hover{
		color: #ffffff;
		border: 1px solid #2963c0;}	
		
		
	a.download_client2{
	font-size: 18px;
	display: block;
	float:left;
	text-decoration: none;
	color: #ffffff;
	height:20px;
	padding:12px 14px;
	background: url(/navigate/images/btnbg_blue3.jpg) repeat-x;
	border: 1px solid #4884E6;
	margin:8px 0 25px 0;
	text-align: center;
	min-width:200px;
}
		a.download_client2:hover{
		color: #ffffff;
		border: 1px solid #2963c0;}	
		
		
	.client_msg{
	position:absolute;
	top:21px;
	right:0;
	padding:15px 20px;
	line-height:18px;
	font-size:12px;
	width:802px;
	color: #FFFFFF;
	text-align: left;
	z-index:99;
	background: url(/navigate/images/client_msgbg.png);}
	
	.client_msg p{
	margin-bottom:12px;}





/**
.accountdownload_box {
line-height:160%;
padding:20px 0 20px 0;}

	.menu ul{
	display: block;
	background: url(/navigate/images/otherpage/line03.gif) repeat-x bottom;
	margin:0;
	padding:0;
	width:100%;}
	.menu li{
	display: block;
	float: left;
	margin:0;
	padding:0 20px;
	height:44px;
	line-height:44px;
	text-align: center;
	background: url(/navigate/images/otherpage/line04.jpg) no-repeat right bottom;
	min-width:86px;
	_width:86px;}
	.menu li.action{
	display: block;
	float: left;
	background: url(/navigate/images/otherpage/download_btn01.jpg) repeat-x center bottom;
	font-weight: bold;}
		.menu li a{
		font-size: 13px;
		text-decoration: none;
		color:#645d57;}
		.menu li a:hover{
		text-decoration: underline;}	

	.button_wrap {
	width:281px;
	text-align:left;
	float:right;
	margin-bottom:10px;}

	.download_nowbt {
	padding-left:23px;
	width:150px;
	height:20px;
	font-weight:bold;
	text-align:left;
	margin-left:55px;}
		.download_nowbt img{
		margin-right:4px;}
		
	.download_version{
	font-size:13px;
	color:#454545;
	line-height:160%;}
			.download_version a{
			color: #999999;
			text-decoration:underline;}
			.download_version a:hover{
			text-decoration: none;}
	
	.download_notebox{
	color:#f28a04;
	margin:10px 0;}
		.download_notebox a{
		color: #EA6400;
		text-decoration:underline;}
		.download_notebox a:hover{
		text-decoration: none;}
	
	.download_msgbox{
	border:1px solid #e5e8de;
	background-color:#fafcf3;
	padding:18px 28px;
	line-height:160%;
	margin:20px 0;
	clear:both;
	color: #8b9f61;}
	
	.bbt{
	padding:15px 30px;
	font-size:13px;
	background-color:#F3F8D8;
	line-height:170%;
	color:#666666}
	
	**/
	

/*---------------- partner ----------------*/
#partner_container{}

.partner_column{
	padding:20px 0 0px 0;
	margin:0;
	border-top: 1px solid #CCCCCC;
	clear:both;}
	
	.partner_column p{
	font-size: 13px;
	line-height: 160%;
	color: #666666;
	display:block;
	margin:0 0 18px 0;
	display:block;
	float:right;
	width:650px}

.partner_mid{
	padding:20px 0 0px 0;
	margin:0;
	border-top: 1px solid #CCCCCC;
	clear:both;}
	
	.partner_mid p{
	font-size: 13px;
	line-height: 160%;
	color: #666666;
	display:block;
	margin:0 0 18px 0;}
	

/*---------------- security ----------------*/

.security_content{
	color:#666;
	color:#2DAFD3;
	font-size:13px;
	line-height:160%;
	margin:10px 0;}
	
	.security_line{
	border-bottom:#D5D5D5 1px dotted;
	margin:0 10px 10px 10px;
	clear:both;
	padding:10px 0;
	line-height:170%;}
	.security_img{
	float:left;
	margin:0 15px 0 0;}
	.security_msgbox{
   font-size:12px;
   float:left;}
	
	
.otp_summary{
   border-left:#48bde2 7px solid;
   padding:4px;
   font-size:15px;
   padding-left:7px;
   color:#FFFFFF;
   font-weight:bold;
   background-color:#333333;
   display:inline-block;
   margin-bottom:8px;}
   
 
   
#use_rule{
padding:20px 0}
	.otp_rule_t{
   color:#fff; font-weight:bold;
   font-size:14px;
   border-left:#48bde2 2px solid;
   background-color:#0099cc;
   padding: 2px 10px;
   display:inline-block;}
   

.otp_bg{
	background: url(/navigate/security/images/opt_hint_bg.jpg) no-repeat center;
	width:465px;
	height:133px;
	padding:20px 180px 20px 200px;}
	
	.otp_bg ul{
	padding:0;
	margin:0;}
	
	.otp_bg li{
	text-indent: -14px;}
		

/*---------------- ibon ----------------*/


.ibon_contect{
width:800px;
margin:30px auto;}

.step{color: #f3970c; font-size:13px; font-weight:bold;}
.step_content{color: #838383; font-size:13px;}
.key{color: #2492cc; }
.red{color:red; font-size:12px;}




/*---------------- Registration ----------------*/


.registration{
padding:30px 0 60px 0;
width:700px;
margin:0 auto;}

	.registration .vibe{
	font-size: 15px;
	line-height: 21px;
	color: #7d5c4a;
	background-color: #fef5db;
	padding: 12px 20px;
	border: 1px solid #f1d496;
	max-width:800px;
	margin:30px auto 10px auto;}
	
	.registration .com{
	color: #3298CC;}
	

/*---------------- Welcome ----------------*/

.welcome_txt{
font-size: 15px;
color: #5B5B5B;
margin:0;
line-height:28px;}

.about_aws{
	font-size: 13px;
	line-height: 21px;
	color: #7d5c4a;
	background-color: #fef5db;
	padding: 12px 20px;
	border: 1px solid #f1d496;
	margin:30px auto 10px auto;
	}
	
/*---------------- verified ----------------*/

a.verified{
	padding:4px 12px 5px;
	background-color:#1FA6E2;
	color:#FFFFFF;
	text-decoration: none;
	font-weight: bold;
	margin-top:80px;
}
a.verified:hover{
background-color:#188CCB;}

/*---------------- private login.jsp ----------------*/
.login_private{ margin:30px auto 80px;; padding:10px; width:400px; min-height: 400px;}
.login_private #form1{ margin:0 auto; width:260px;}
.login_private label{ font-size:15px; color:#666;}
.login_private input{ margin:5px 0 10px;}

.btn_login{display:inline-block; height:44px;
background: url(/navigate/images/btn_blue02.jpg) repeat-x left top;
width:100%;
font-size: 15px;
color: #d9f2fc;
text-decoration: none;
height:44px;
line-height: 44px;
font-weight: bold;
text-align:center;
}
.btn_login:before{ content:''; display:block; width:18px; height:44px; float:left; background: url(/navigate/images/btn_blue01.jpg) no-repeat; }
.btn_login:after{ content:''; display:block; width:18px; height:44px; float:right; background: url(/navigate/images/btn_blue03.jpg) no-repeat; }
.btn_login:hover{ color:#fff;}

.btn_login2{display:inline-block; height:44px;
background: url(/navigate/images/btn_babyblue02.png) repeat-x left top;
width:100%;
font-size: 15px;
color: #d9f2fc;
text-decoration: none;
height:44px;
line-height: 44px;
font-weight: bold;
text-align:center;
}
.btn_login2:before{ content:''; display:block; width:18px; height:44px; float:left; background: url(/navigate/images/btn_babyblue01.png) no-repeat; }
.btn_login2:after{ content:''; display:block; width:18px; height:44px; float:right; background: url(/navigate/images/btn_babyblue03.png) no-repeat; }
.btn_login2:hover{ color:#fff;}

.login_private .login_msg{margin:15px auto 0; padding:5px; width:250px; background:#fae3e8; border:solid 1px #f0637f;
-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}

.login_private .login_msg li{ padding-left:18px; margin-bottom:5px; line-height:1.6; background: url(/navigate/images/otherpage/xx.png) no-repeat 0 4px ; }




/*---------------- public login.jsp ----------------*/
.login_content{ margin:0 auto; padding:25px; width:850px; height:auto; margin-top:30px; border:1px solid #ccc; position:relative;}

.login_content h1{ width:100%; padding-bottom:10px;  border-bottom:2px solid #CCC; font-size:35px !important; }

.login_content .notice{ margin:15px auto 0; width:95%; padding:10px; background: #F8F8F8; border: 1px solid #E4E4E4; color:#666; line-height:1.6;  }

.login_left{ float:left; width:45%; margin-left:10px;  margin-top:25px;}

.login_left h2{ font-size:17px !important;color:#888; line-height:1.6; padding-left:5px; margin-bottom:20px; }

.login_left ul{margin:0; padding:0;}

.login_left li{ margin:0 0 25px !important; min-height:50px; border-bottom:1px solid #ccc; padding-bottom:15px !important;}

.login_left li img{float:left; margin:0 10px;}

.login_left li h3{ float:right; width:80%; color:#3298CC; font-size:15px !important; line-height:1.5; padding:0; margin:0;}

.login_left li p{ float:right; width:80%; }

.clearfix{clear:both;}

.login_wrap{width:350px; margin-top:20px;}

.login_wrap .msg{text-align:left\9; font-size:15px; font-weight:bold; border:1px solid #e4e4e4; border-bottom:0; padding:7px; color:#3298CC; background:#EBEBEB; line-height:1.7; }

.login_right{ width:42%; float:right; margin-top:25px; margin-right:10px;}

.login_form{   padding:20px;   background:#F8F8F8; border:1px solid #E4E4E4; }

#login_header{ margin-bottom:20px;}

#login_header h3{ float:left; margin:0; padding:0; font-size:21px; color:#666; }

#login_header .new_reg{  float:right;}

.new_reg a{font-size:15px;}

.new_reg a, .notice a, .cannot_sign, .copyright a{ text-decoration:none; color:#3298CC;}

.new_reg a:hover, .notice a:hover, .cannot_sign:hover, .copyright a:hover{ text-decoration:underline;}

.login_form label{ line-height:1.8; }

.login_wrap .login_form label{ line-height:1.8; text-align:left\9; float:left\9; }

.login_form .input18{ width:95%; font-size:18px; padding:5px 8px; margin-bottom:10px;}

.login_form .checkbox-container{ margin-bottom:8px;}

.login_form .btn_blue{  display:inline !important; white-space: nowrap; margin-bottom:8px; padding:12px 15px; vertical-align:middle; text-align:center;}

.login_wrap .login_form .btn_blue{  display:inline !important; white-space: nowrap; float:left; margin-bottom:8px; padding:2px 15px; vertical-align:middle; text-align:center;}

.login_form .login_msg{margin-top:15px; padding:5px; width:auto; background:#fae3e8; border:solid 1px #f0637f;
-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}

.login_form .login_msg li{ padding-left:18px; margin-bottom:5px; line-height:1.6; background: url(/navigate/images/otherpage/xx.png) no-repeat 0 4px ; }

.login_wrap a.cannot_sign{ display:none; float:left; clear:both; margin-top:3px; text-decoration:none; color:#3298CC;}

a.cannot_sign:hover{text-decoration:underline;}

.login_right .otp{ margin-top:0; border:1px solid #e4e4e4; border-top:0; padding:15px; color:#666; background:#EBEBEB; line-height:1.7; background:#ebebeb; }

.login_right .otp a{  color:#3298CC; text-decoration:none;}

.login_right .otp a:hover{ text-decoration:underline;}

.login_content_shadow{ margin:0 auto; width:900px; height:36px; background: url(/navigate/images/otherpage/login_shadow.png) no-repeat center;}

	.social_link{ width:85px !important; min-height:70px !important; padding:0 !important; margin:0;  background:url(/navigate/images/transparency.gif) !important ;}
	.social_link li{ float:left; }
	.social_link li a{display:block; width:32px; height:32px; margin:0 5px 5px; background: url(/navigate/images/social-img2.png) ;}
	.social_link li a.fb_icon{background-position: -32px -96px !important;}
	.social_link li a.fb_icon:hover{background-position: 0 -96px !important;}
	.social_link li a.twitter_icon{background-position: -32px -256px !important;}
	.social_link li a.twitter_icon:hover{background-position: 0 -256px !important;}
	.social_link li a.blog_icon{background-position: -32px -320px !important;}
	.social_link li a.blog_icon:hover{background-position: 0 -320px !important;}
	.social_link li a.youtube_icon{background-position: -32px -288px !important;}
	.social_link li a.youtube_icon:hover{background-position: 0 -288px !important;}